@charset "utf-8";

/* common */
.wrap-top .container,
.wrap-header .container,
.wrap-footer .container,
.wrap-footer .footer-top{width:100%; max-width:1700px; margin:0 auto;}
@media all and (max-width:1700px) {
  .wrap-footer .container{padding:0 20px;}
}


/* 헤더 */
.wrap-top {background: #eee; border-bottom: 1px solid #e4e4e4;}

.wrap-header .head-navi .div_1 .a_1.on::after{border-bottom-color:#1e51a2;}
.wrap-header .head-navi .div_1 .a_1 span.wrap::before,
.wrap-header .head-navi .div_1 .a_1 span.wrap::after,
.wrap-header .head-navi .div_1 .a_1 span.wrapper::before,
.wrap-header .head-navi .div_1 .a_1 span.wrapper::after,
.wrap-header .head-navi .div_1 .a_1 span.inner::before,
.wrap-header .head-navi .div_1 .a_1 span.inner::after,
.wrap-header .head-navi .div_2{background: #1e51a2;}

.wrap-header .head-util li.popup-btn{background: url(/sites/t_gra_1/images/button/btn_popup_bl.png) no-repeat center;}
.wrap-header .head-util li.head-sitemap{background: url(/sites/t_gra_1/images/button/btn_sitemap.png) no-repeat center center;}



/* BEGIN login area */
.loginArea { display:flex !important; flex-flow:row nowrap; float:right; }
.loginArea .afLoginBtn { line-height:35px; /*background: url('/sites/t_dep_1/images/common/ic_dot.png') no-repeat right center;*/ padding:0 18px; color:#fff; font-size:14px; font-family:'Noto Light'; cursor:pointer; background-color: #12a0d8; }
.loginArea .brLoginBtn { line-height:35px; /*background: url('/sites/t_dep_1/images/common/ic_none.png') no-repeat right center;*/ padding:0 18px; color:#fff; font-size:14px; font-family:'Noto Light'; cursor:pointer; background-color: #12a0d8;  }
.loginArea a { line-height:35px; padding:0 18px; color:#fff; font-size:14px; font-family:'Noto Light'; background-color: #0c509f; }
.clearfix::after { content: ""; display: block; clear: both; }

.top-link {float: left;}
.top-link li {float: left; /*background: url('/sites/t_dep_1/images/common/ic_dot.png') no-repeat right center; */ }
.top-link li .color1 { background: #143971; }
.top-link li .color2 {  background: #3b6db9; }
.top-util li:nth-child(1) { background: #12a0d8;}
.top-util li:nth-child(2) { background: #0c509f; }

.top-link li a {display: block; padding: 0 18px; font-family: 'Noto DemiLight'; font-size: 14px; line-height: 35px; color: #fff; }
.top-util {float: right;}
.top-util li {float: left; background: url('/sites/t_dep_1/images/common/ic_dot.png') no-repeat right center;}
.top-link li:last-child,
.top-util li.no-dot {background: none;}
.top-util li a {display: block; padding: 0 15px; font-family: 'Noto Light'; font-size: 14px; line-height: 35px; color: #FFF;}
.top-util li a.color {font-family: 'Noto Medium'; color: #009fe7;}
.top-util li.box-zoom {padding-left: 5px;}
.top-util li .zoom {width: 22px; height: 45px; text-indent: -99999px;}
.top-util li .zoom.plus {background: url('/sites/t_dep_1/images/common/btn_zoom_plus.png') no-repeat center center;}
.top-util li .zoom.zero {position: relative; width: 30px;}
.top-util li .zoom.zero::after {content: '기본'; position: absolute; left: 0; width: 100%; text-align: center; text-indent: 0;}
.top-util li .zoom.minus {background: url('/sites/t_dep_1/images/common/btn_zoom_minus.png') no-repeat center center;}
.mobile-global {display: none;}
@media all and (max-width: 1023px) {
  .mobile-global {position: absolute; top: 19px; display: block;}
  .mobile-global .top-util li a {color: #fff; font-size: 14px;}
}
/* END login area */