@charset "utf-8";

@import url(/css/font/notosans_kr/font_notosanskr.css);

/* #wrap{height:100%} */

#animate.action:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:56px;border-top:1px solid #ddd;background:#fff;z-index:10;}
#svisual.local-background-09{background: #333 url(/images/common/local-background-09.jpg) no-repeat 50% 0;background-size:cover;}


/* #header 높이값 바꾸면 gnb 풀다운이 조절 됨 */
#header.hd_fc .layout{width:100%; padding-left: 405px;}
#header.hd_fc #gnb .layout{overflow: hidden;}
#header.hd_fc,#header.hd_fc #animate,#header.hd_fc #animate .style {height:84px} 
#header.hd_fc #gnb{background-color: #fff;}    
#header.hd_fc #gnb::after {top:64px}
#header #logo{left:0px}
#header #logo em{width: 57%; font-family: 'Noto Sans KR';}
#header #logo em:before{position: relative; top:-3px}

#tm {margin-right:0; margin-top: -4px; float:none;margin-right: 0;display:flex; justify-content: flex-end; width:100% }

/* depth1 */
#tm .th1{max-width: 120px;width:100%;text-align: center;}
#tm #iconSet4{max-width: 180px;}
#tm #iconSet6{max-width: 135px;}
#tm .th1 .th1_lnk{padding: 12px 0px 34px;letter-spacing: -1px;font-size: 18px;font-weight: bold; font-family: 'Noto Sans KR'; }
#tm .th1 .th1_lnk .line{ bottom:0px}

/* depth2 */
#tm .th2{padding:15px 0;background-color: #f7f7f7;}
#tm .th2 a{padding:5px 3px 0 7px; line-height:1.2; letter-spacing: -1px;}
#tm .th2 a:hover, #tm .th2 a:active, #tm .th2 a:focus{background-color:#088382;}
.window{margin-left: 5px;}

@media screen and (max-width: 1250px){

    #header.hd_fc .layout{padding-left:405px;}
    #header #logo{left:0px}
    #header.hd_fc #tm .th1 .th1_lnk {font-size: 16px; padding: 12px 8px 37px; white-space: nowrap;}
 
}

@media screen and (max-width: 1179px){

    #gnb, #remote{display: none;}
    #header #open_mn{display:inline-block; top:22px}

    #header.hd_fc .layout{width:calc(100% - 40px); margin: 0 auto; padding-left: 0;}
    #header #logo{}
    #header #logo .ir-logo{width: 230px; background-position: 0 0; margin-top: 14px;}
    #header #logo em{font-size: 22px; width:68%; top:23px;left:231px}
    #header #logo em::before{margin-right: 10px;position:relative; top:-px}

    .snb_box .snb .global_r .gr_sitemap{display:none}


}


@media screen and (max-width: 768px){

    #header.hd_fc,#header.hd_fc #animate,#header.hd_fc #animate .style {height:80px}   
    #header #open_mn{top: 21px;}
    #header #logo em::before{display:none}

}

@media screen and (max-width: 500px){

    #header.hd_fc, #header.hd_fc #animate, #header.hd_fc #animate .style{height:74px}
    #header #logo{top:2px}
    #header #logo .ir-logo{width: 160px; background-position: 0 -136px; margin-top: 13px;}
    #header #logo em{font-size: 16px; min-width:96px; left:160px; top: 25px;}
    #header #open_mn{top: 20px;}
}


@media screen and (max-width: 400px){

    #header.hd_fc .layout{width:calc(100% - 30px)}
    #header #logo{top:7px}
    #header #logo .ir-logo{width: 40px; margin-top: 9px;}
    #header #logo em{font-size: 20px; width:auto; top:20px;left:43px;}
    #header #open_mn{top:21px}

    .snb_box .snb .global_l a{padding:0 15px}
    .snb_box .snb .global_r .gr_login, .snb_box .snb .global_r .gr_main,.snb_box .snb .global_r .gr_btn{display: block;}


}


/* mobile _menu*/

#mo_gnb{z-index: 999;}
#mo_gnb .mo_sitelink{height:97px; background:#6b6360 url('/images/fc/common/mo_header.png') no-repeat center center; background-size: cover; }
#mo_gnb .mo_sitelink a{display:block; position:relative;padding:0 34px 0 23px; height: 100%;}
#mo_gnb .mo_sitelink span{ font-size: 22px; color:#fff; border:0; border-radius: 0; margin-bottom: 0; padding: 0;;display:inline-block; position:absolute; top:50%;left:23px; transform: translateY(-50%);}

#mo_gnb .close{position:absolute; top:42px; right:17px}
#mo_gnb .close span{display:block;width:16px; height:16px; position:relative; font-size: 0;}
#mo_gnb .close span:before,#mo_gnb .close span:after{content:''; display:inline-block;background-color:#fff;width:100%; height:1px; left:50%; top: 50%;position:absolute;}
#mo_gnb .close span:before{transform:translate(-50%,-50%) rotate(45deg)}
#mo_gnb .close span:after{transform:translate(-50%,-50%) rotate(135deg)}

#mo_tm{background: #fff;}
#mo_tm li a{position: relative; border-bottom:1px solid #e5e5e5;}
#mo_tm li a:before{content:''; display:block;background-image: url('/images/fc/common/fc_ir.png');background-position: center center; background-repeat: no-repeat; position:absolute; top:50%; right:26px; transform:translateY(-50%) }

/* depth1 */
#mo_tm .th1 .th1_lnk{width:100%; text-align: left; padding:20px 26px; font-size: 18px; color:#333333;background:#fff; position: relative;}
#mo_tm .th1 .th1_lnk.ov,#mo_tm .th1 .th1_lnk:active,#mo_tm .th1 .th1_lnk:hover,#mo_tm .th1 .th1_lnk:focus{background:#fff; color:#333333;}

#mo_tm .th1 .th1_lnk:before{width: 9px; height: 9px; background-position: 0 0 }
#mo_tm .th1 .th1_lnk.ov:before,#mo_tm .th1>li>a:active::before,
#mo_tm .th1>li>a:focus::before,#mo_tm .th1>li>a:hover::before{ background-position: -15px 0}
#mo_tm .th1 .th1_lnk.ov + .th2,#mo_tm .th1 .th1_lnk:focus  + .th2,#mo_tm .th1 .th1_lnk:active  + .th2{display: block;height: auto;}

/* depth2 */

#mo_tm .th2{position:relative;width:100%;left:auto; background:#f4f4f4;display:none}
#mo_tm .th2 > li{}
#mo_tm .th2 > li > a{border:0; color:#333333; font-size:16px;padding: 22px 0 22px 37px;background:#fff; border-bottom: 1px solid #e5e5e5; }
#mo_tm .th2 > li > a.ov,#mo_tm .th2 > li >a:active,#mo_tm .th2 > li > a:hover,#mo_tm .th2 > li >a:focus{background:#7e1c1d; color:#fff; border-bottom: 0; }
#mo_tm .th2 > li > a.ov:after{display:none}
#mo_tm .th2 > li > a:before{ width: 5px; height: 10px; background-position: 0 -17px;} 
#mo_tm .th2 > li > a.ov:before,#mo_tm .th2 > li > a:active::before,
#mo_tm .th2 > li > a:focus::before,#mo_tm .th2 > li > a:hover::before{ width: 9px; height: 5px;background-position: -15px -21px;}

/* depth3 */
#mo_tm .th3{display:none;position:relative;width:100%;left:auto; background:#f4f4f4;padding-left: 38px; padding-top: 10px; padding-bottom: 10px; }
#mo_tm .th3 li{}
#mo_tm .th3 li > a{border:0; color:#333333; font-size:14px; position:relative;padding:15px 0 15px 10px}
#mo_tm .th3 li > a:before{ width:2px;height: 2px;  top:50%;left:0; right:auto; transform:translateY(-50%);background:#7e1c1d; }
#mo_tm .th3 li > a:after{display:none}
#mo_tm .th3>li>a.ov,
#mo_tm .th3>li>a:active,#mo_tm .th3>li>a:hover,#mo_tm .th3>li>a:focus{color:#333}

#mo_tm .th2 > li > a.ov +.th3,#mo_tm .th2 > li > a:focus +.th3{display:block}
#mo_tm .th3>li>a:focus,
#mo_tm .th3>li>a.ov,#mo_tm .th3>li>a:active,#mo_tm .th3>li>a:hover,#mo_tm .th3>li>a:focus{border-bottom:0; color:#701e20; font-weight: bold; }

/* footer */
#footer{padding:40px 30px 60px}
#footer .layout{width:100%}
#footer .layout,#footer .tes{padding: 0;}
#footer .tes{background: transparent;}
#footer .tes .menu ul{margin-bottom: 16px;}
#footer .tes .menu ul li{padding:0}
#footer .tes .menu ul li a{font-size: 15px; padding-left: 12px; margin-left: 12px;position: relative; color:#fff; word-break: keep-all;}
#footer .tes .menu ul li:not(:first-child) a:before{content: '';  display:block; position: absolute; top: 7px; left:-1px; width:1px; height:9px; background-color: #cacaca;}
#footer .tes .menu ul li ,#footer .tes .menu ul li:first-child a{padding-left: 0; margin-left: 0;}
#footer .tes address{color:#9e9d9d; font-size: 15px;}
#footer .tes address span{color:#ea9595; display:inline-block; margin-bottom: 3px; font-size: 15px;}
#footer .tes .copyright{color:#686a6d; margin-top: 7px; line-height: 1.3;}


@media screen and (max-width:780px) {
 
    #footer{padding: 42px 50px}
    #footer .tes .menu{overflow: hidden;}
    #footer .tes .menu ul{width:calc(100% + 24px); margin:0 -12px}
    #footer .tes .menu ul li{width:calc(25% - 24px); border:1px solid rgba(255,255,255,0.3); margin:0 12px}
    #footer .tes .menu ul li:not(:first-child) a:before{display:none}
    #footer .tes .menu ul li:nth-child(5), #footer .tes .menu ul li:nth-child(6){margin-top: 19px;}
    #footer .tes .menu ul li a{height:37px; display:flex;justify-content: center; align-items: center; padding: 5px; margin: 0; line-height: 1; letter-spacing: -1px;}

    #footer .tes address{margin-top: 20px;}
 
}


@media screen and (max-width:768px) {
   
    #footer .tes .menu ul{width:calc(100% + 12px); margin:0 -6px}
    #footer .tes .menu ul li{width:calc(25% - 12px);  margin:0 6px}

}


@media screen and (max-width:680px) {

    #footer{padding:24px 15px 27px}
    #footer .tes .menu ul{width:calc(100% + 6px); margin:0 -3px}
    #footer .tes .menu ul li{width:calc(50% - 6px);  margin:0 3px}
    #footer .tes .menu ul li, #footer .tes .menu ul li:nth-child(5), 
    #footer .tes .menu ul li:nth-child(6){margin-top: 6px;}

}