@charset "utf-8";
#_contentBuilder {height: auto !important;}

/* Container */
.container {width: 100%; max-width: 1720px; margin: 0 auto;}

@media all and (max-width: 1500px) {
  .container {padding: 0 20px;}
}

/* Top Header */
.main-header {position: absolute; z-index: 1005; left: 0; top: 0; width: 100%;}


/* Header */
.wrap-header {background: transparent; transition: background 0.3s;}
.wrap-header .container {position: relative; width:100%; }
.wrap-header .container::after {content: ""; display: block; clear: both;}
.wrap-header .container > div {}


.wrap-header .head-logo {float: left; width: 22%;	margin-top: 35px;}
.wrap-header .head-logo > div {display:inline-block; vertical-align:middle;}
.wrap-header .logo-img {float: left; display: inline-block; vertical-align: middle;}
.wrap-header .head-logo .logo-img a {display: block; width: 255px; height: 71px; background: url("../../images/layout/logo.png") no-repeat center; background-size: contain;}
.wrap-header .head-logo .logo-img img {display:block;}

.header-top {margin-top: 15px;}
.header-top a {display: inline-block; width: 180px; height: 35px; line-height: 35px; border-radius: 20px; background: #C70065; color: #fff; font-size: 13px; text-align: center;}

.wrap-header .head-navi-wrap {float: left; text-align: right; width: 78%;}
.wrap-header .head-navi {margin-top: 10px;}
.wrap-header .head-navi .ul_1::after {content: ""; display: block; clear: both;}
.wrap-header .head-navi .li_1 {float: left; position: relative;}
.wrap-header .head-navi .li_1._last {display: none;}

.wrap-header .head-navi .a_1 span {position:relative;}
.wrap-header .head-navi .div_2 {overflow:hidden; max-height:0; position:absolute; top:100%; left:0px; width:100%;z-index:10000; text-align:left; transition:all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-header .head-navi .div_2.on {max-height:400px;}
/* .wrap-header .head-navi .div_2.on::before {content: ""; position: absolute; border-top: 1px solid #F1F2F2; width: 100%; left: 0; top: 0;} */

.wrap-header .head-navi .div_2::after {content: ""; display: block; clear: both;}

.header-bg-wrap .container {overflow: hidden;}
.header-bg-wrap .title {position: relative; z-index: 2; float: left; width: 22%; padding: 35px 4% 35px 0;}
.header-bg-wrap .title strong {position: relative; display: block; padding-bottom: 20px; font-size: 25px; line-height: 35px; color: #fff; font-weight: 400;}
.header-bg-wrap .title strong::after {content: ""; position: absolute; left: 0; bottom: 0; width: 44px; height: 2px; background: #fff; }
.header-bg-wrap .title p {font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.6); margin-top: 20px;}
.header-bg-wrap .title p span {display: block;}


.wrap-header .head-navi .a_2 {font-weight: 400; position:relative; display:block; color:#333333; font-size: 15px; line-height: 20px; text-align: center; padding: 7px 3%; letter-spacing: -0.75px}
.wrap-header .head-navi .a_2 span {display: inline-block; position:relative;}

.wrap-header .head-navi .a_2[target=_blank] span {padding-right: 20px;}
.wrap-header .head-navi .a_2[target=_blank] span::before {content: ''; position: absolute; right: 0; top: 50%; margin-top: -7.5px; width: 15px;height: 15px; background: url(../../images/layout/ico_blank_pc.png) no-repeat center center;}
/* .wrap-header .head-navi .a_2[target=_blank]:hover span::before {content: ''; background: url(../../images/layout/ico_blank_pc_on.png) no-repeat center center;} */


.wrap-header .head-navi .a_2.on {color:#0c2c67}
.wrap-header .head-navi .div_3 {display:none;}

.wrap-header .head-util {position: absolute; right: 0; bottom: 17px; display: inline-block;}
.wrap-header .head-util li {float:left;}
.wrap-header .head-util li a,
.wrap-header .head-util li button {display:block;}

.wrap-header .head-util li.head-sitemap a {width: 30px; height: 23px; background: url("../../images/button/btn_sitemap.png") no-repeat center; text-align: center; line-height: 30px; text-indent: -99999px;}


.wrap-header .head-util li.head-uhs {background:rgba(12,44,103,0.75) url('../../images/common/ic-head-util3.png') no-repeat center center;}

.wrap-header .btn-gnb-open {display: none;}
.wrap-header .btn-gnb-close {display :none;}
.wrap-header .mobile-global {display: none;}
.wrap-header .head-mobile-top {display: none;}

.black-bg {position: fixed; left: -999999px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.45); z-index: 1004; opacity: 0; transition: opacity .5s;}
.black-bg.on {left: 0; opacity: 1;}


@media all and (min-width:1081px) {
  .wrap-header.on {border-bottom: 1px solid #F1F2F2; }
  .wrap-header.on .head-logo .logo-img a {width: 255px; height: 71px; background: url("../../images/layout/logo_wh.png") no-repeat center; background-size: contain;}
  .wrap-header .head-navi .ul_1 {margin-left: 3%;}
  .wrap-header .head-navi .a_1 {display:block; padding: 0 40px;	font-size: 22px; letter-spacing: -0.5px; line-height: 60px; font-weight: 500; color: #fff;}
  .wrap-header .head-navi .li_1:hover .a_1 span::after {content: ""; position: absolute; width: 23px; height: 18px; left: 50%; margin-left: -9px; bottom: -10px; background: url("../../images/layout/gnb_active.png") no-repeat; z-index: 10001;}
  .wrap-header .head-navi .a_1 span {position: relative; display: block;}
  .wrap-header .head-navi .ul_2 {min-height: 315px;}

  .header-bg-wrap {position: absolute; width: 100%; left: 0; top: 100%; background: #fff; z-index: 1; overflow: hidden;  max-height:0;  transition:all 0.75s cubic-bezier(0.7, 0, 0.3, 1); }
  .header-bg-wrap.active {max-height: 400px;}
  .header-bg-wrap .container {min-height: 340px;}
  .wrap-header .header-bg-wrap::after {content: ""; position: absolute; width: 25%; height: 340px; left: 0; top: 0; background:url("../../images/layout/gnb_bg.jpg") no-repeat left top; background-size: cover; }

  .wrap-header .head-navi .ul_2 {padding-top: 20px;}
  .wrap-header .head-navi .ul_2::after {content: ""; display: block; clear: both;}
  .wrap-header .head-navi .ul_2 .li_2 {display: block; padding: 0; width: 100%; vertical-align: top;}

  .wrap-header.on {background: #fff;}
  .wrap-header.on .head-navi .a_1 {color: #3a3a3a;}
  .wrap-header.on .head-navi .a_1 {}
  .wrap-header.on .head-logo .logo-title {color: #363636; border-color: #363636; font-size: 1.4vw;}

  .wrap-header .head-navi .a_2 {position: relative;}
  .wrap-header .head-navi .a_2 span::after {content: ""; position: absolute; width: 0; height: 1px; background: #006ed5; left: 0; bottom: 0; transition: width 0.3s;}
  .wrap-header .head-navi .a_2:hover span::after {width: 100%;}
  .wrap-header .head-navi .a_2:hover {color: #006ed5;}
  .wrap-header .head-navi .a_2:hover::after {}

  .wrap-header.on .head-util li.head-sitemap a {background: url("../../images/button/btn_sitemap_wh.png") no-repeat center;}
}

@media all and (max-width: 1720px){
    .wrap-header .header-bg-wrap::after {width: 22%;}
    .header-bg-wrap .title {padding-left: 20px;}
}

@media all and (max-width: 1620px){
  .wrap-header .head-navi .ul_1 {padding-right: 70px; margin-left: 0;}
  .wrap-header .head-navi .li_1 {float: none; display: inline-block;}
	.wrap-header .head-navi .a_1 {padding: 0 25px; font-size: 20px;}
  .wrap-header .head-navi .a_2 {word-break: break-all;}
	.wrap-header .head-navi .div_2 .title {padding: 35px 2%;}
  .wrap-header .head-navi .ul_2 {padding-top: 15px;}
	/* .wrap-header .head-navi .ul_2 {padding: 20px 1%;} */
	/* .wrap-header .head-navi .ul_2 .li_2 {padding: 15px 1.5%;} */
}

@media all and (max-width: 1500px){
  .wrap-header .head-util {right: 20px;}
}

@media all and (max-width: 1360px) {
	.wrap-header .head-navi .a_1 {font-size: 16px;}
	.wrap-header .head-navi .ul_2 {padding-top: 15px;}
	/* .wrap-header .head-navi .ul_2 .li_2 {padding: 15px 1%; width: 32%;} */
	/* .wrap-header .head-navi .a_2 {padding:13px 35px 13px 15px;} */

	.wrap-header .head-util {margin-left: 15px; padding-top: 10px;}
  .header-bg-wrap.active {max-height: 700px;}
  .header-bg-wrap .container {min-height: 410px;}
  .wrap-header .header-bg-wrap::after {height: 410px;}
}

@media all and (max-width: 1250px){
  .wrap-header .head-navi .a_1 {padding: 0 15px;}
}

@media all and (max-width: 1080px) {
  .main-header {z-index: auto;}
  .header-top, .header-bg-wrap {display: none;}
  .wrap-header {padding:0;}
  .wrap-header .container  {padding:0 20px;}
  .wrap-header .head-navi-wrap {float: right; width: auto; }
  .wrap-header .container .head-sitemap {display:none;}
  .wrap-header .container .btn-gnb-open {position: relative; z-index: 1004;  margin-top: 38px;}
  .wrap-header .container .btn-gnb-open button {display: block; width:30px; height: 23px; background: url('../../images/button/btn_gnb_m.png') no-repeat center center; text-indent: -9999px;}
  .wrap-header .container .btn-mgnb-close.on {position: absolute; right: 100%; top: 0; display: block; width: 45px; height:45px; background: url('../../images/common/ic-navi-close.png') no-repeat center center;}
  .wrap-header .container .btn-mgnb-close button {display: block; width: 100%; height: 100%; text-indent: -9999px;}
  .wrap-header .head-logo {position: relative; z-index: 1004; margin-top: 20px; width: 200px;}
  .wrap-header .head-logo .logo-img a {width: 195px; background: url("../../images/layout/logo_m.png") no-repeat center; }

  .wrap-header .head-navi {position: fixed; right: -100%; top: 0px; z-index: 1010; width: 100%; max-width:460px; height: 100vh;  padding: 0; opacity: 0; transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1); margin-top: 0;}
  .wrap-header .head-navi.on {right: 0; opacity: 1; transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);}

  .wrap-header .head-mobile-top {position: relative; display: block; padding: 35px 8% 30px; text-align: left; background: #0077E6;}
  .wrap-header .mobile-link-top a {display: inline-block; padding: 3px 15px; border: 1px solid #fff; border-radius: 25px; font-size: 13px; line-height: 30px; color: #fff;}
  .wrap-header .mobile-link-top a:hover {text-decoration: underline;}

  .wrap-header .head-mobile-gnb .top-util {line-height: 40px; font-size: 0;}
  .wrap-header .head-mobile-gnb .top-util ul {display: inline-block; vertical-align: middle; font-size: 0;}
  .wrap-header .head-mobile-gnb .top-util ul li {display: inline-block; vertical-align: middle;}
  .wrap-header .head-mobile-gnb .top-util button,
  .wrap-header .head-mobile-gnb .top-util a {display: inline-block;  font-size: 13px; vertical-align: middle; color: #fff;}


  .wrap-header .head-navi .menuUItop {position: relative; height: calc(100% - 103px); background: #0077E6; max-height: 790px; overflow-y: auto;}
  .wrap-header .head-navi .ul_1 {padding-right: 0;}
  .wrap-header .head-navi .div_1 .li_1 {position: static; display: block; width: 100%; padding: 0px; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
  .wrap-header .head-navi .div_1 .li_1:first-child {border-top: 1px solid rgba(255, 255, 255, 0.3);}
  .wrap-header .head-navi .div_1 .li_1._last {display: none;}
  .wrap-header .head-navi .div_1 .a_1 {display: block; padding: 12px 8%; background-image: none; background-position: right center; text-align: left; font-size: 20px; color: #fff; line-height: 1.5;}
  .wrap-header .head-navi .div_1 .a_1.on {background: url('../../images/common/arrow-mobile-navi.png') no-repeat right center;}
  .wrap-header .head-navi .div_1 .a_1 span{position: relative; display: block;}
  .wrap-header .head-navi .div_1 .a_1 span::before {content: ""; position: absolute; width: 21px; height: 13px; right: 0; top: 9px; background: url("../../images/layout/gnb_arrow_m.png") no-repeat center;}
  .wrap-header .head-navi .div_1 .a_1.on span::before {transform: rotate(180deg);}
  .wrap-header .head-navi .div_1 .a_1[target=_blank] span::before {content: ''; position: absolute; left: 130%; top: 6px; width: 16px; height: 16px; background: url('../../images/icon/ic_link.png') no-repeat center center;}
  .wrap-header .head-navi .div_1 .a_1:after {display: none;}
  .wrap-header .head-navi .div_1 .a_1:hover {color: #fff;}
  .wrap-header .head-navi .div_1 .a_1.on span:after {display: none;}


  .wrap-header .head-navi .div_2 { position: static; max-height: 0; transition: all 0.5s;}
  .wrap-header .head-navi .div_2.on {top:0; max-height:700px; }
  .wrap-header .head-navi .div_2 .title {display: none;}
  .wrap-header .head-navi .div_2 .container {padding: 0px;}
  .wrap-header .head-navi .div_2 .ul_2 {padding: 20px 0; border: 0; background: #0058AB; min-height: auto;}
  .wrap-header .head-navi .div_2 .ul_2::after {display: none;}
  .wrap-header .head-navi .div_2 .li_2 {display: block; padding: 0px; border: 0px; width: 100%;}
  .wrap-header .head-navi .div_2 .li_2 .a_2:after {display: none;}
  .wrap-header .head-navi .div_2 .a_2 {width: 100%; margin: 0; padding: 10px 8%;  font-size: 16px; color: #fff; border: 0; font-weight: 200; text-align: left;}
  .wrap-header .head-navi .div_2 .a_2:hover {color: #fff; text-decoration: underline;}
  .wrap-header .head-navi .div_2 .a_2.plus {position: relative; background: url('../../images/common/arrow-a2.png') no-repeat 90% center}
  .wrap-header .head-navi .div_2 .a_2.plus.on {background: url('../../images/common/arrow_a2-hover.png') no-repeat 90% center; border-bottom: 1px solid #cacaca; color: #f99d28;}
  .wrap-header .head-navi .div_2 .a_2 span{padding: 0; padding-right: 20px;}
  .wrap-header .head-navi .div_2 .a_2 span::after {background: none;}
  .wrap-header .head-navi .div_2 .a_2[target=_blank] span:before { width: 12px; height: 12px; background: url('../../images/icon/ic_link.png') no-repeat center center; margin-top: -6px; background-size: contain;}
  .wrap-header .head-navi .div_3 {overflow: hidden; display: block; width: 100%; max-height: 0px; padding: 0; background: #fcfcfc; transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
  .wrap-header .head-navi .div_3.on {max-height: 500px; transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
  .wrap-header .head-navi .div_3 .ul_3 {padding: 12px 0; border-bottom: 1px solid #ececec;}
  .wrap-header .head-navi .div_3 .li_3 {position: relative; width: 100%; margin: 0px;}
  .wrap-header .head-navi .div_3 .a_3 {display: inline-block; padding: 1px 0 1px 15px;  font-size: 15px; color: #666;}
  .wrap-header .head-navi .div_2 .a_3[target=_blank] span:before {top: 8px;}
  .wrap-header .head-navi .div_3 .a_3::after {display: none;}
  .wrap-header .head-navi .div_3 .a_3:hover {color: #006276;}
  .wrap-header .head-navi .div_3 .a_3._active {color: #006276;}
  .wrap-header .head-util .head-sitemap {display: none;}
  .wrap-header .btn-gnb-open {background: url('../../images/common/menu.png') no-repeat right center;}
  .wrap-header .btn-gnb-open,
  .wrap-header .btn-gnb-close {display: block; cursor: pointer;}
  .wrap-header .btn-gnb-close {position: absolute; right: 0; top: 0; width: 80px; height: 100%; background: url('../../images/button/btn_gnb_close.png') no-repeat center center; text-indent: -99999px;}
  .wrap-header .btn-gnb-close button {width: 100%; height: 100%;}

  .black-bg {z-index: 1006;}

}


@media all and (max-width: 500px) {
  .wrap-header .head-navi {max-width: 100%;}
  .wrap-header .head-logo {margin-top: 15px;}
  .wrap-header .container .btn-gnb-open {margin-top: 30px;}
}



/* Footer */
.main .wrap-footer {margin-top: 0;}
.wrap-footer {background-color: #222935; margin-top: 90px; padding-bottom: 55px;}
.siteGuideInner {padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 25px;}
.siteGuideInner ul {overflow: hidden;}
.siteGuideInner li {float: left; position: relative; padding: 0 20px;}
.siteGuideInner li::before {content: ""; position: absolute; width: 1px; height: 11px; background: url("../../images/layout/footer_line.png") no-repeat center; left: 0; top: 7px;}
.siteGuideInner li:first-child::before {display: none;}
.siteGuideInner li a {display: inline-block; font-size: 15px; line-height: 21px; color: #b7b7b7; font-weight: 300;}
.siteGuideInner li a:hover {text-decoration: underline;}
.siteGuideInner li.privacy a {font-weight: 400; color: #01b5ff;}

.footerInner {overflow: hidden;}
.footer-logo {float: left; }
.footer-address {float: left; margin-left: 35px; margin-top: 7px;}
.footer-address address {font-size: 14px; line-height: 24px; color: #b8b8b8; letter-spacing: 0;}
.footer-address address span {display: inline-block; margin-left: 35px;}
.footer-address address span.m-blank {display: inline; margin-left: 0;}
.footer-address .copyright {font-size: 14px; line-height: 24px; color: #8c8b8b; letter-spacing: 0; font-weight: 300;}

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

}

@media all and (max-width: 900px) {
.wrap-footer {padding-bottom: 45px;}
 .footerInner, .siteGuideInner {text-align: center;}
 .siteGuideInner li {float: none; display: inline-block; margin: 5px 0;}

 .footer-logo {float: none; display: inline-block; margin-bottom: 20px;}
 .footer-address {margin-left: 0; float: none; display: inline-block;}
}

@media all and (max-width: 500px){
  .footer-address address span.m-blank {display: block;}
}

/* Go to top */
.top-btn {position: fixed; right: 30px; bottom: -75px; z-index: 1100; transition: all .3s;}
.top-btn.scrolled {bottom: 75px;}
.top-btn a {display: inline-block; width: 75px; height: 75px; padding-top: 15px; background: #0349A8; box-shadow: 4px 6px 5px 0px rgba(0, 0, 0, 0.4); border-radius: 50%; text-align: center; font-size: 14px; font-weight: 500; color: #fff;}
.top-btn a img {display: block; margin: 0 auto; margin-bottom: 7px;}


@media all and (max-width: 1400px) {
  .top-btn {right: 20px;}
}