@charset "utf-8";

/*스크롤시현재위치메뉴고정*/
.subNaviLoc{position:fixed !important;left:0 !important;top:123px !important;width:100% !important;margin-top:0 !important;background: rgba(0, 0, 0, 0.7) !important;border-top:1px solid #888;}
@media all and (max-width: 1400px) {
  .subNaviLoc{top:121px !important;}
}
@media all and (max-width: 1024px) {
  .subNaviLoc{top:123px !important;}
}
@media all and (max-width: 501px) {
  .subNaviLoc{top:143px !important;}
}

/*공통_모바일현재위치메뉴*/
@media all and (max-width: 501px) {
  .wrap-sub-navi {background: #f5f5f5 !important; margin: -35px 0 0 0 !important;}
  .wrap-sub-navi .container {height: 50px !important; border-bottom: 1px solid #e1e1e1 !important;}
  .wrap-sub-navi .sub-navi .home a {background: url('../../images/icon-home-m.png') no-repeat left center !important;width: auto !important;}
  .wrap-sub-navi .sub-navi .navUl {width: 120px !important; top: 98% !important;}
  .wrap-sub-navi .sub-navi > ul{display:flex;}
  .wrap-sub-navi .sub-navi > ul > li{float:none !important;}
  .wrap-sub-navi .sub-navi > ul > li.home{width:20px;}
  .wrap-sub-navi .sub-navi > ul > li > .inner{}
  .wrap-sub-navi .sub-navi > ul > li > a,
  .wrap-sub-navi .sub-navi > ul > li > .inner > button {height: 50px !important; padding: 0 15px 0 0 !important; background: url(../../images/arrow-page-nav2-resize2_1115.png) no-repeat 97% top !important; line-height: 35px !important; font-size: 15px !important; color: #000 !important;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button:hover {color: #1e2e55 !important;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button span{}
  .wrap-sub-navi .sub-navi .navUl a {padding: 5px 10px !important; padding-left: 10px !important; font-size: 13px !important;}
  .wrap-sub-navi .sub-favo {padding-left: 20px !important;}
  .wrap-sub-navi .sub-share {padding-left: 16px !important;}
  .wrap-sub-navi .sub-util {right: 25px !important; top: 79px !important;}
  .wrap-sub-navi .sub-util > ul > li:after {top: 7px !important;}
  .wrap-sub-navi .sub-util > ul > li {padding: 0 10px !important;}
  .wrap-sub-navi .sub-util > ul > li > button {height: 25px !important; text-indent: -9999px !important;}
}

.wrap-footer {background: #484e59;}
.wrap-footer .container {max-width:1400px;}
.wrap-footer .box-footer {display: inline-block; width: 100%;}
.wrap-footer .box-footer .footer {padding: 30px 0;overflow:hidden;}
.wrap-footer .box-footer .footer-logo {float: left; padding-right: 20px;}
.wrap-footer .box-footer .footer-desc {float: left;}
.wrap-footer .box-footer .footer-address {font-family: 'Noto Light'; font-size: 15px; color: #c2c2c2;}
.wrap-footer .box-footer .footer-copy {letter-spacing: 0; font-family: 'Noto Regular'; font-size: 13px; color: #979797;}
.wrap-footer .box-footer .footer-tel {display: none;}
.wrap-footer .box-footer .tel {float: right; padding-top: 13px;}
@media all and (max-width:1024px) {
  .wrap-footer .box-footer .footer-logo {display:none;}
  .wrap-footer .box-footer .footer-desc {float:none;text-align:center;}
}

.goto-top{width: 85px; height: 89px; cursor: pointer; background: url('../../images/ico-top.png') no-repeat center center; position: fixed; right: 4%; top: 80%;  z-index: 200; transform: scale(1); transition: .3s}
.goto-top:hover {transform: scale(1.3)}

.black-bg {display: none; position: fixed; z-index: 190; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
@media all and (max-width: 1024px) {
  .black-bg.on {display: block;}  
}

/*20201008JHPARK추가*/
.wrap-footer{position:relative;z-index:1;}
/* 대메뉴 마지막(사이트맵 숨기기) */
#menuUItop > .div_1 > .ul_1 > li:last-child { display:none; }
/* 풋터연락처 a 텍스트칼라 */
.wrap-footer .box-footer .footer-address a{color: #c2c2c2;}

/*new_03*/


/*사이트링크************************************************************/
.siteLink{background:#25374e;position:relative;margin-bottom:-1px;}
.siteLink .container{max-width:1600px;margin: 0 auto;}
.siteLink .btns{display:flex;justify-content:space-between;align-items:center;}
.siteLink .btns a{width:100%;display:flex;justify-content:space-between;align-items:center;font-family:'Noto Light';color:#FFF;font-size:15px;line-height:1;padding:15px;border-right:1px solid #455568;border-bottom:1px solid #455568;}
.siteLink .btns a:last-child{border-left:0;}
.siteLink .btns a::after{content:"";display:block;width:20px;height:20px;background:url(/sites/style_guide/images/common/plus_5_w.png) no-repeat center;}
.siteLink .btns a.active{background:#152336;border-bottom:0;}

.siteLink .siteList{display:none;padding:30px;background:#152336;}
.siteLink .siteList.active{display:block;}
.siteLink .siteList > ul{display:flex;flex-wrap:wrap;}
.siteLink .siteList > ul li{width:20%;}
.siteLink .siteList > ul li a{display:block;color:#FFF;font-size:14px;position:relative;padding:5px 10px;line-height:1.3;}
.siteLink .siteList > ul li a::before{content:"";display:block;width:5px;height:1px;background:#FFF;position:absolute;left:0;top:15px;}
.siteList_1 > div{display:flex;border-bottom:1px solid #455568;padding-bottom:15px;margin-bottom:15px;}
.siteList_1 > div:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0;}
.siteList_1 > div h4{width:200px;color:#FFF;font-size:15px;font-family:'Noto Medium';}
.siteList_1 > div h4 a{color:#FFF;}
.siteList_1 > div ul{width:calc(100% - 200px);display:flex;flex-wrap:wrap;}
.siteList_1 > div ul li{width:20%;}
.siteList_1 > div ul li a{display:block;color:#FFF;font-size:14px;position:relative;padding:5px 10px;line-height:1.3;}
.siteList_1 > div ul li a::before{content:"";display:block;width:5px;height:1px;background:#FFF;position:absolute;left:0;top:15px;}

@media all and (max-width:1024px) {
  .siteLink .siteList > ul li{width:25%;}
  .siteList_1 > div ul li{width:25%;}
}
@media all and (max-width:768px) {
  .siteLink .btns{flex-wrap:wrap;}
  .siteLink .btns a{width:50%;}
  .siteLink .siteList > ul li{width:33.33333%;}
  .siteList_1 > div{flex-wrap:wrap;}
  .siteList_1 > div h4{width:100%;}
  .siteList_1 > div ul{width:100%;}
  .siteList_1 > div ul li{width:33.33333%;}
}
@media all and (max-width:420px) {
  .siteLink .siteList > ul li{width:50%;}
  .siteList_1 > div ul li{width:50%;}
}


/*풋터************************************************************/
footer{background:#343539;position:relative;}
footer .footer_container{max-width:1600px;margin:0 auto;position:relative;}
footer .fnb{}
footer .fnb ul{display:flex;justify-content:flex-start;}
footer .fnb ul li{}
footer .fnb ul li a{color:#FFF;font-size:16px;font-family:'Noto Light';padding-right:20px;}
footer .fnb ul li a.a_1{color:#00c1c8;font-family:'Noto Regular';}

.footer_wrap{padding:15px 0;border-bottom:1px solid #494a4d;}
.footer_wrap_2{padding:40px 0;font-family:'Noto DemiLight';color:#a5a5a5;font-size:14px;}

.foot_address{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;}
.foot_address address{line-height:1.5;width:48%;padding:2px 0;}
.foot_address address strong{color:#00c1c8;font-family:'Noto Medium';padding-right:10px;}
.foot_address address i{padding:0 5px;}
.footer_wrap_2 p{margin-top:20px;}

.foot_sns{display:flex;justify-content:flex-end;align-items:center;position:absolute;right:0;top:7px;}
.foot_sns a{margin-left:5px;}

@media all and (max-width:1600px) {
  footer .footer_container{padding:0 20px;}
}
@media all and (max-width:1280px) {
  footer .fnb ul{justify-content:center;}
  footer .fnb ul li a{padding:0 10px;}
  .footer_wrap{flex-wrap:wrap;}
  .foot_sns{justify-content:center;margin-top:30px;position:relative;top:auto;}
  .foot_sns a{margin:0 3px;}
  .foot_address address strong{display:block;}
  .footer_wrap_2 p{text-align:center;}
}
@media all and (max-width:768px) {
  footer .fnb ul{flex-wrap:wrap;}
  footer .fnb ul li{width:49%;margin:0.5%;border:1px solid #666;}
  footer .fnb ul li a{font-size:14px;padding:5px;text-align:center;display:block;}
  .footer_wrap{border-bottom:0;}
  .foot_address address{width:100%;text-align:center;}
  .foot_address address i{display:none;}
  .foot_address address span{display:block;}
  .footer_wrap_2 p span{display:block;}
}


/*고탑***********************************************************/
.goTop a{display:block;text-indent:-9999px;color:#FFF;text-align:center;background:#888 url(/sites/style_guide/images/common/arrow_5_w.png) no-repeat center;transform:rotate(-90deg);width:50px;height:50px;border-radius:100%;position:fixed;bottom:20px;right:20px;filter:alpha(opacity=50);opacity:0.5;}