@charset "utf-8";

/*웹폰트 추가*/
@import url("fonts/fonts.css");

/*form 추가*/
@import url("form/checkbox.css");
@import url("form/radio.css");
@import url("form/Write.css");
@import url("form/List.css");
@import url("form/View.css");

/*style 추가*/
@import url("bri/animate.css");
@import url("bri/style.css");

/*기본 설정*/
.container{max-width: 1240px; width: 100%; margin: 0 auto; padding: 0 20px; height: 100%}
.container2{max-width: 1920px; width: 100%; margin: 0 auto; height: 100%;}
@media (max-width: 768px) {
    .container{padding: 0 10px}
    .container2{padding: 0 10px;}
}
.clear{clear: both}

i {font-style: normal;}

/*br(줄바꿈)*/
.br_l{display: block}
.br_m{display: none}
.br_ls{display: block}
.br_s{display: none}
@media (max-width: 1200px) {
    .br_m{display: block}
    .br_ls{display: none;}
}
@media (max-width: 768px) {
    .br_l{display: none}
    .br_m{display: none}
    .br_s{display: block}
}

/*br(이미지 구분)*/
.img_s{display: none}
@media (max-width: 768px) {
    .img_l{display: none}
    .img_s{display: inline-block}
}

/*폰트*/
.ns_m{font-family:'Noto Sans M', dotum, sans-serif;}
.ns_l{font-family:'Noto Sans R', dotum, sans-serif;}
.color_10{color: #c30045 !important;}

.ma_b10{margin-bottom: 10px;}
.ma_b20{margin-bottom: 20px;}
.ma_b30{margin-bottom: 30px;}
.ma_b35{margin-bottom: 35px;}
.ma_b40{margin-bottom: 40px;}
.ma_b50{margin-bottom: 50px;}
.ma_b60{margin-bottom: 60px;}
.ma_b70{margin-bottom: 70px;}
.ma_b80{margin-bottom: 80px;}

/*비밀글 아이콘*/
.icon_secret{margin-left: 10px;margin-bottom: 3px;}
.secret_text{color: #d63030;padding-right: 15px;margin-right: 10px;display: inline-block;border-right: 1px solid #c0c0c0;}

/*마우스 오버 효과*/
.translink{position: relative;transition: all ease .35s}
.translink:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #ffffff;z-index: -2;}
.translink:before{transform: translate3d(-100%, 0, 0);transition: all .35s ease;content: "";position: absolute;background: #0072bc;width: 100%;height: 100%;z-index: -1;left: 0;}
.translink:hover:before{transform: translate3d(0, 0, 0);}

/*카카오지도*/
#map {width: 100%;height: 380px;border-top: 2px solid #363636;}
@media (max-width: 768px) {
    #map{height: 200px;}
}

/*신규 아이콘*/
.new_icon{font-size: 10px;display: inline-block;background-color: #0073bc;color: #ffffff;padding: 0 4px;line-height: 16px;margin-left: 3px;position: relative;top: -1px;}


/*패밀리사이트*/
.ft_lay .row_40{position:relative;padding-bottom: 46px;}
.family_site{
    position: absolute;
    bottom: 92px;
    right: 0px;
}
.fam_box{
    display: none;
}
.fam_box ul{}
.fam_box li{
    width: 225px;
    height: 40px;
    /* left: 40px; */
    text-align: left;
    font-size: 14px;
    line-height: 40px;
}
.fam_box li a{
    display: block;
    padding-left: 15px;
    background: #054567;
    color: #fff;
}
.fam_btn{
    width: 225px;
    height: 40px;
    /* left: 40px; */
    text-align: left;
    font-size: 14px;
    line-height: 40px;
    padding-left: 15px;
    border: 1px solid #0072bc;
    color: #0072bc;
    cursor: pointer;
}

.fam_btn:before{content:'';height:0;width:0;display:block;border: 5px transparent solid;border-bottom-width:0;border-top-color:#0072bc;position:absolute;bottom: 17px;right: 15px;}

@media (max-width: 768px) {
    .family_site{left: 0;right:auto;bottom: 0;}
    .fam_box li{width: 200px;height: 35px;font-size: 13px;line-height: 35px;}
    .fam_btn{width: 200px;height: 35px;font-size: 13px;line-height: 35px;}
    .fam_btn:before{
        bottom: 14px;
        right: 15px;
    }
}