@charset "utf-8";

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


/*칼라타입*/
.colorType_1 .wrap-header .head-logo{background-color:#ef7f31;}

.colorType_RosePink .wrap-header .head-util li.popup-btn .popup-num,
.colorType_RosePink .main-link-bx ul li,
.colorType_RosePink .wrap-header .head-logo{background-color:#e83680;}

.colorType_PealWhite .wrap-header .head-logo{background-color:#fffefd;}
.colorType_PealWhite .main-link-bx ul li,
.colorType_PealWhite .wrap-header .head-util li.popup-btn .popup-num{background-color:#004e96;}

.colorType_MulberryRed .wrap-header .head-util li.popup-btn .popup-num,
.colorType_MulberryRed .main-link-bx ul li,
.colorType_MulberryRed .wrap-header .head-logo{background-color:#b23130;}

.colorType_CoralOrange .wrap-header .head-util li.popup-btn .popup-num,
.colorType_CoralOrange .main-link-bx ul li,
.colorType_CoralOrange .wrap-header .head-logo{background-color:#ef7f31;}

.colorType_RubyRed .wrap-header .head-util li.popup-btn .popup-num,
.colorType_RubyRed .main-link-bx ul li,
.colorType_RubyRed .wrap-header .head-logo{background-color:#e74b32;}

.colorType_PianoBlack .wrap-header .head-util li.popup-btn .popup-num,
.colorType_PianoBlack .main-link-bx ul li,
.colorType_PianoBlack .wrap-header .head-logo{background-color:#181717;}

.colorType_SkyBlue .wrap-header .head-util li.popup-btn .popup-num,
.colorType_SkyBlue .main-link-bx ul li,
.colorType_SkyBlue .wrap-header .head-logo{background-color:#a4d3da;}

.colorType_DeepBlue .wrap-header .head-util li.popup-btn .popup-num,
.colorType_DeepBlue .main-link-bx ul li,
.colorType_DeepBlue .wrap-header .head-logo{background-color:#3a4480;}

.colorType_SoftSepia .wrap-header .head-util li.popup-btn .popup-num,
.colorType_SoftSepia .main-link-bx ul li,
.colorType_SoftSepia .wrap-header .head-logo{background-color:#9c7f6e;}

.colorType_AprilYellow .wrap-header .head-util li.popup-btn .popup-num,
.colorType_AprilYellow .main-link-bx ul li,
.colorType_AprilYellow .wrap-header .head-logo{background-color:#f7a845;}

.colorType_LavendaPurple .wrap-header .head-util li.popup-btn .popup-num,
.colorType_LavendaPurple .main-link-bx ul li,
.colorType_LavendaPurple .wrap-header .head-logo{background-color:#a67eae;}

.colorType_MetalGrey .wrap-header .head-util li.popup-btn .popup-num,
.colorType_MetalGrey .main-link-bx ul li,
.colorType_MetalGrey .wrap-header .head-logo{background-color:#FE642E;}

.colorType_WaveBlue .wrap-header .head-util li.popup-btn .popup-num,
.colorType_WaveBlue .main-link-bx ul li,
.colorType_WaveBlue .wrap-header .head-logo{background-color:#64bed9;}

@media (min-width: 768px) and (max-width: 1023px){
  .colorType_RosePink .main-link-bx ul li.link4 {background: #e83680;}
  .colorType_PealWhite .main-link-bx ul li.link4 {background: #004e96;}
  .colorType_MulberryRed .main-link-bx ul li.link4 {background: #b23130;}
  .colorType_CoralOrange .main-link-bx ul li.link4 {background: #ef7f31;}
  .colorType_RubyRed .main-link-bx ul li.link4 {background: #e74b32;}
  .colorType_PianoBlack .main-link-bx ul li.link4 {background: #181717;}
  .colorType_SkyBlue .main-link-bx ul li.link4 {background: #a4d3da;}
  .colorType_SoftSepia .main-link-bx ul li.link4 {background: #9c7f6e;}
  .colorType_AprilYellow .main-link-bx ul li.link4 {background: #f7a845;}
  .colorType_LavendaPurple .main-link-bx ul li.link4 {background: #a67eae;}
  .colorType_MetalGrey .main-link-bx ul li.link4 {background: #FE642E;}
  .colorType_WaveBlue .main-link-bx ul li.link4 {background: #64bed9;}
}


/*헤더*/
.wrap-header .head-logo{width:32%;text-align:center;padding:0 1%;}
.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.head-sitemap{background: url(/sites/t_dep_1/images/button/btn_sitemap_bl.png) no-repeat center center;}
.wrap-header .head-util li.popup-btn{background: url(/sites/t_dep_1/images/button/btn_popup_bl.png) no-repeat center;}

.wrap-header{border-bottom: 1px solid #CCCCCC; background: #fff;}
.wrap-header .wrap-top{background:#34353a;}

.main .wrap-header{position:absolute;left:0;top:0;width:100%;border-bottom: 1px solid rgba(255, 255, 255, 0.2);background:none;transition:top 0.5s;z-index:2;}
.main .wrap-header .wrap-top{border-bottom: 1px solid rgba(255,255,255,0.2);background:none;}
.main .wrap-header.popup{top: 90px;}
.main .wrap-header.popup.active{top: 0;}
.main .wrap-header.no-data.popup{top: 0;}
.main .wrap-header.active{border-bottom: 1px solid #CCCCCC; background: #fff;}
.main .wrap-header.active .wrap-top{background:#34353a;}
.main .wrap-header.active .head-util li.head-sitemap{background: url(/sites/t_dep_1/images/button/btn_sitemap_bl.png) no-repeat center center;}
.main .wrap-header.active .head-util li.popup-btn{background: url(/sites/t_dep_1/images/button/btn_popup_bl.png) no-repeat center;}
.main .wrap-header .head-navi .div_1 .a_1{color: #FFF;}
.main .wrap-header.active .head-navi .div_1 .a_1{color: #111111;}
.main .wrap-header .head-util li.popup-btn{background: url(/sites/t_dep_1/images/button/btn_popup_wh.png) no-repeat center;}
.main .wrap-header .head-util li.head-sitemap{background: url(/sites/t_dep_1/images/button/btn_sitemap_wh.png) no-repeat center center;}


@media all and (max-width:1023px){
  .wrap-header .head-logo{width:100%;text-align:left;}
  .wrap-header .head-logo .logo-img{padding:0 1%;}
  .wrap-header .container .btn-mgnb button{background: url(/sites/t_dep_1/images/button/btn_sitemap_wh.png) no-repeat center center;}
  .wrap-header .head-util li.popup-btn{background: url(/sites/t_dep_1/images/button/btn_popup_wh.png) no-repeat center;}
  .wrap-header .head-util{background:#666;}
}
@media (max-width: 768px){
  .wrap-header .head-util{width: 57px;}
  .wrap-header .head-util li.popup-btn{display: none;}
  .wrap-header .container .btn-mgnb button{margin-left: 0px;}
  .wrap-header .head-logo .logo-img img{width:auto;}
}








/* login area */
.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 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: 1024px) {
  .mobile-global {position: absolute; top: 19px; display: block;}
  .mobile-global .top-util li a {color: #fff; font-size: 14px;}
}
.loginArea { display:flex !important; flex-flow:row nowrap; float:left;}
.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;  }
.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;  }
.loginArea a { line-height:35px; padding:0 18px; color:#fff; font-size:14px; font-family:'Noto Light';}
/*.loginArea .cloudMailBtn{ line-height:35px; padding:0 18px; color:#fff; font-size:14px; font-family:'Noto Light';}*/
.mobile-global .gachonBtn{line-height:35px; padding:0 18px; color:#fff; font-size:14px; font-family:'Noto Light'; float: left;background: url('/sites/t_dep_1/images/common/ic_dot.png') no-repeat left center;}
@media all and (max-width: 1024px){
  .loginArea .afLoginBtn{padding-left: 0;}
  .loginArea .brLoginBtn{padding-left: 0;}
}
.wrap-header .head-navi .div_1 .a_1 span.inner {position:relative; display: inline-block; padding: 0 35px;}