@charset "utf-8";
/*기능팝업*/
.PZwindow{background:#333 !important;}
.nomoreOpen form a.PZwindowClose {margin-top:7px !important;}

/*탑*/
.wrap-top{position:absolute; width:100%; background:#0b2a4a;  z-index:2;}
.wrap-top-inner{width:1400px; height:40px; display:flex; justify-content:flex-end; margin:0 auto 0 auto;}
.wrap-top-inner .top-link ul {display:flex;}
.wrap-top-inner .top-link li {padding:5px 10px 5px 10px; background:url(../images/line_01.svg) no-repeat left center;}
.wrap-top-inner .top-link li:first-child {background:none;}
.wrap-top-inner .top-link li a {display:block; padding:0 10px 0 10px; color:#fff; font-size:0.875rem; font-weight:400; line-height:30px; white-space:nowrap;}
@media all and (max-width:1484px) {
	.wrap-top-inner{width:96%;}
}
@media all and (max-width:767px) {
	.wrap-top-inner {float:right;}
}
@media all and (max-width:460px) {
  .wrap-top-inner .top-link li {padding:5px 5px 5px 5px;}
  .wrap-top-inner .top-link li a {padding:0 5px 0 5px;}
}
@media all and (max-width:360px) {
 .wrap-top-inner .top-link li a {font-size:0.75rem;}
}

/*헤더*/
.wrap-header {position:fixed; top:40px; width:100%; height:5.625rem; border-bottom:solid 1px #13293e; background:rgba(43,72,101,0.8); z-index:101;}
.wrap-header.fNav{top:0;border-bottom:solid 1px #aabac9; background:rgba(255,255,255,1); }
.wrap-header .container {width:1400px; margin:0 auto; display:flex;}
@media all and (max-width:1484px) {
	.wrap-header .container{width:96%; justify-content:space-between;}
}
@media all and (max-width:767px) {
	.wrap-header .container{width:92%;}
}
@media all and (max-width:480px) {
	.wrap-header {height:5rem;}
}

/*로고*/
.wrap-header .head-logo {margin-top:1.438rem; background:url('../images/logo_symbol.svg') no-repeat 0 0; }
.wrap-header .head-logo a {min-width:10rem; display:inline-block; padding-top:1.2rem; padding-left:2.625rem; background:url('../images/logo_hufs.svg') no-repeat 3.248rem 0;}
.wrap-header .head-logo a span {display:inline-block; margin-left:0.5rem;  font-family:'hufs_B'; color:#fff; font-size:1.44rem;}
.wrap-header.fNav .head-logo {background:url('../images/logo_symbol_navy.svg') no-repeat 0 0; }
.wrap-header.fNav .head-logo a {background:url('../images/logo_hufs_navy.svg') no-repeat 3.248rem 0;}
.wrap-header.fNav .head-logo a span {color:#0B2A4A;}
@media all and (max-width:1484px) {
	.wrap-header .head-logo span{font-size:20px;}
}
@media all and (max-width:1024px) {
	.wrap-header .head-logo img{max-width:160px;}
	.wrap-header .head-logo span i{display:inline;width:0;}
}
@media all and (max-width:480px) {
  .wrap-header .head-logo {margin-top:1.25rem;}
	.wrap-header .head-logo a span {font-size:1.125rem;}
}

/*유틸메뉴*/
.wrap-header .head-util {float:right; padding-top:0.938rem;}
.wrap-header .head-util .btn-mgnb, .btn-mgnb-close {display:none;}
.wrap-header .head-util .head-sitemap {width:3.75rem; height:3.75rem; border:solid 1px #8593a2; background:url('../images/btn_img_menu.svg') no-repeat center center;}
.wrap-header .head-util .head-sitemap a {display:block; height:100%; text-indent:-99999px;}
.wrap-header.fNav .head-util .head-sitemap {background:url('../images/btn_img_menu_navy.svg') no-repeat center center;}
@media all and (max-width:1024px) {
	.wrap-header .container > div .head-sitemap {display:none;}
	.wrap-header .container > div .btn-mgnb {display:block; width:3.75rem; height:3.75rem; border:solid 1px #8593a2; background:url('../images/btn_img_menu.svg') no-repeat center center;}
	.wrap-header.fNav .container > div .btn-mgnb {background:url('../images/btn_img_menu_navy.svg') no-repeat center center;}
    .wrap-header .container > div .btn-mgnb > button {width:3.75rem; height:3.75rem; text-indent:-99999px;}
	.wrap-header .container > div .btn-mgnb-close.on {display:block;position:absolute;right:100%;top:0;width:64px;height:64px;background:url(../images/ic-navi-close.png) no-repeat center;}
	.wrap-header .container > div .btn-mgnb-close button {text-indent:-9999px;display:block;width:100%;height:100%;}
	.wrap-header .container > div .mobile-global.on {display:block;position:absolute;left:0px;top:40%;}
	.wrap-header .container > div .mobile-global a {display:block;text-align:left;font-size:14px;color:#a6acbd;padding:0 0 0 20px;margin:0 0 10px 0;}
}
@media all and (max-width:767px) {
	.wrap-header .head-util li{height:80px;}
}
@media all and (max-width:480px) {
	.wrap-header .container > div .btn-mgnb, .wrap-header .container > div .btn-mgnb > button {width:3rem; height:3rem;}
}

/*메인메뉴*/
.wrap-header .head-navi {margin-top:1.75rem; margin-left:4.719rem; flex-grow:1;}
.wrap-header .head-navi .ul_1 {display:flex;}
.wrap-header .head-navi .ul_1:before {content:""; position:absolute;top:5.6rem; left:0px; width:100%; height:0; z-index:99; background:rgba(43,72,101,0.88); -webkit-transition:height 0.4s ease-in-out;transition:height 0.4s ease-in-out;}
.wrap-header .head-navi:hover .ul_1:before {content:""; height:19.063rem; border-bottom:solid 1px #13293e;-webkit-transition:height 0.4s ease-in-out;transition:height 0.4s ease-in-out;}
.wrap-header .head-navi .bg_text {visibility:hidden; position:absolute; transform:translate(-100%, 0); width:35.813rem; height:19.063rem; padding:2.125rem 2.625rem 0 18.625rem; font-family:hufs_M;  font-size:1.125rem; line-height:1.78; color:#adc1cf; text-align:right; word-break:keep-all; background:url(../images/img_bg_menu.svg) no-repeat center 0; -webkit-transition:0.35s ease-in-out;transition:0.35s ease-in-out; z-index:102; opacity:0;}
.wrap-header .head-navi:hover .bg_text {visibility:visible; -webkit-transition:0.35s ease-in-out;transition:0.35s ease-in-out; opacity:100;}
.wrap-header .head-navi .li_1 {display:inline-block; position:relative; flex-grow:1; width:calc(100% / 6);}
.wrap-header .head-navi .a_1 {position:relative; display:block;color:#fff; font-size:1.375rem; font-weight:500; line-height:1.45; letter-spacing:-0.11px; text-align:center;}
.wrap-header .head-navi .a_1:hover {color:#dfb17a;}
.wrap-header .head-navi .a_1 span {position:relative;display:block; padding-bottom:1.938rem;}
.wrap-header .head-navi .a_1.on span:after {content:''; position:absolute; left:50%; top:2.6rem; width:0; height:0;  margin-left:-0.4rem; border-top:0.4rem solid #dfb17a;  border-left:0.4rem solid transparent;   border-right:0.4rem solid transparent;}
.wrap-header .head-navi .li_1:nth-child(1) .div_2 {border-left:solid 1px #13293e;}
.wrap-header .head-navi .div_2 {overflow:hidden; position:absolute; top:3.875rem; left:0px; width:100%;height:0; z-index:100; z-index:100; text-align:left; border-right:solid 1px #13293E; background:rgba(47,76,106,0.7); -webkit-transition:height 0.4s ease-in-out;transition:height 0.4s ease-in-out;}
.wrap-header .head-navi .div_2.on {background:rgba(43,72,101,1.0); -webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out;}
.wrap-header .head-navi .div_2:hover {background:rgba(43,72,101,1.0); -webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out;}
.wrap-header .head-navi:hover .div_2 {display:block; height:19rem; -webkit-transition:height 0.4s ease-in-out;transition:height 0.4s ease-in-out;}
.wrap-header .head-navi .ul_2 {padding:1.3rem 0 0 0;}
.wrap-header .head-navi .a_2 {position:relative; display:block; color:#fff; font-size:1rem; font-weight:300; line-height:2.63;letter-spacing:-0.08px; text-align:center;}
.wrap-header .head-navi .a_2 span {position:relative;}
.wrap-header .head-navi .a_2 span:after {content:''; position:absolute; left:0px; bottom:-3px; width:0px; height:1px; background:#d2b080; transition:all 0.5s;}
.wrap-header .head-navi .a_2[target=_blank] span:before {content:''; position:absolute; left:111%; top:6px; width:14px;height:14px; background:url(../images/ico_blank_pc.png) no-repeat center center;}
.wrap-header .head-navi .a_2:hover span:after {width:100%;}
.wrap-header .head-navi .a_2:hover {color:#ceb482;}
.wrap-header .head-navi .div_3 {display:none;}
/*상단고정*/
.wrap-header.fNav .head-navi .ul_1:before {background:rgba(57,87,118,1);}
.wrap-header.fNav .head-navi .a_1, .wrap-header.fNav .head-navi .a_1.on {color:#0B2A4A;}
.wrap-header.fNav .head-navi .a_1:hover {color:#896F4C;}
.wrap-header.fNav .head-navi .a_1.on span:after {content:''; position:absolute; left:50%; top:2.6rem; width:0; height:0;  margin-left:-0.4rem; border-top:0.4rem solid #896F4C;  border-left:0.4rem solid transparent;   border-right:0.4rem solid transparent;}

@media all and (max-width:1023px) {
	.wrap-header .head-navi {position:fixed;top:0;right:-100%;z-index:10000;width:50%;height:100%;background:#2b4865;opacity:0;transition:all 0.55s cubic-bezier(0.7, 0, 0.3, 1); margin-left:0; margin-top:0;}
	.wrap-header .head-navi.on {top:0; right:0;opacity:1;transition:all 0.55s cubic-bezier(0.7, 0, 0.3, 1);}
	.wrap-header .head-navi .menuUItop {position:relative;height:100%;}
	.wrap-header .head-navi .div_1 {padding:0 0 0 0;}
	.wrap-header .head-navi .ul_1 {display:block;}
	.wrap-header .head-navi .ul_1:before, .wrap-header .head-navi:hover .ul_1:before {display:none;}
	.wrap-header .head-navi .li_1 {position:static; display:block; width:100%; padding:0px;}
	.wrap-header .head-navi .a_1 {padding:15px 0 15px 25px; text-align:left; color:#fff; border-bottom:solid 1px #13293e;}
	.wrap-header .head-navi .a_1 span {padding-bottom:0;}
	.wrap-header .head-navi .a_1:after {display:none;}
    .wrap-header.fNav .head-navi .a_1, .wrap-header.fNav .head-navi .a_1.on {color:#fff;}
	.wrap-header .head-navi .a_1:hover {color:#dfb17a !important;}
	.wrap-header .head-navi .a_1.on {color:#dfb17a !important;}
	.wrap-header .head-navi .a_1.on span:after {display:none;}
	.wrap-header .head-navi .a_1.on span:before {display:none;}
	.wrap-header .head-navi:hover .div_2 {display:none;}
	.wrap-header .head-navi .div_2 {display:none; position:static; top:0; left:auto; transition-property:none; border-right:1px solid #aabac9; }
	.wrap-header .head-navi .div_2.on {display:block; max-height:none; height:100%; background:#fff; transition-property:none;}
	.wrap-header .head-navi .div_2 .container {padding:0px;}
	.wrap-header .head-navi .ul_2 {border:0; padding:0;}
	.wrap-header .head-navi .li_2 {display:block; border:0px; padding:0px;}
	.wrap-header .head-navi .a_2 {border-bottom:1px solid #aabac9; text-align:left; color:#0B2A4A; padding-left:25px; font-size:1.06rem;  font-weight:400; line-height:3;}
	.wrap-header .head-navi .a_2:hover {color:#1d4c7a; background:#e5efff;}
	.wrap-header .head-navi .a_2.plus {color:#1d4c7a; background: url(../images/ic-sub-open.png) no-repeat right;}
	.wrap-header .head-navi .a_2.plus.on {}
	.wrap-header .head-navi .a_2 span:after {display:none;}
	.wrap-header .head-navi .ul_3 {padding:0 0 20px 0; border-bottom:1px solid #89a4dc;}
	.wrap-header .head-navi .li_3 {position:relative; margin:0px;}
	.wrap-header .head-navi .a_3 {color:#999; display:inline-block; padding:8px 0 0 40px; font-size:1.06rem;}
	.wrap-header .head-navi .a_3[target=_blank] {position:relative;}
	.wrap-header .head-navi .a_3[target=_blank]:before {content:''; position:absolute; left:110%; top:10px; width:10px; height:10px; background:url('../images/ico_blank.png') no-repeat center center;}
	.wrap-header .head-navi .a_3:after {content:''; position:absolute; left:25px; top:18px; width:6px; height:2px; background:#808080;}
	.wrap-header .head-navi .a_3:hover:after {width:6px; background:#018cff;}
	.wrap-header .head-navi .a_3:hover {color:#9d9fa2;}
	.wrap-header .head-navi .a_3._active {color:#9d9fa2;}
	.wrap-header .head-navi .div_3 {display:block; overflow:hidden; max-height:0px; 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 .close {display:none;}
	.wrap-header .head-util .btn-share {display:none;}
	.wrap-header .container > div.black-bg {display:none; position:fixed; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.6); z-index:1200;}
	.wrap-header .container > div.black-bg.on {display:block;}
}
@media all and (max-width:767px) {
	.wrap-header .head-navi {width:75%;}
	.wrap-header .head-navi.on {right:0;}
}

/*풋터*/
.wrap-footer {background-color:#24262a; position:relative;}
.wrap-footer .wrap-footer-inner {display:flex; justify-content:space-between; width:1400px; margin:0 auto; padding:1.25rem 0; border-bottom:solid 1px #434548;}
.wrap-footer .bottom-related {display:flex;}
.wrap-footer .bottom-related .box {position:relative; margin-left:1.25rem;}
.wrap-footer .bottom-related .box:first-child {margin-left:0;}
.wrap-footer .bottom-related .box button {width:16.875rem; height:3.25rem; padding:0.813rem 1.09rem 0.875rem 1.25rem; color:#d5d6d8; font-size:1.063rem; font-weight:300; line-height:1.41; text-align:left; background:#2f333e;}
.wrap-footer .bottom-related .box button:hover {color:#dfb17a;}
.wrap-footer .bottom-related .box button i {position:absolute; top:0; right:0; width:3.25rem;  height:3.25rem; background:url(../images/arw_bottom_related.svg) no-repeat center center; transform:rotate(0deg); transition:.4s;}
.wrap-footer .bottom-related .box button.active i {transform:rotate(180deg); transition:.4s;} /* 버튼 클릭시 */
.wrap-footer .bottom-related .box .list_box {display:none; overflow-y:auto; width:100%; height:253px; background:#2f333e; position:absolute; top:53px; z-index:50;}
.wrap-footer .bottom-related .box .list_box.active {display:block;}
.wrap-footer .bottom-related .box .list_box::-webkit-scrollbar {width:12px;}
.wrap-footer .bottom-related .box .list_box::-webkit-scrollbar-thumb {background-color:#656870; border-radius:12px; background-clip:padding-box; border:4px solid transparent;}
.wrap-footer .bottom-related .box .list_box::-webkit-scrollbar-track {border-radius:12px;}
.wrap-footer .bottom-related .box .list_box ul {display:block;}
.wrap-footer .bottom-related .box .list_box li a {display:block; width:100%; padding:0.813rem 1.09rem 0.875rem 1.4rem; font-family:'NotoSansKR'; font-weight:400; font-size:0.875rem; color:#e5e6e8; line-height:1;}
.wrap-footer .bottom-related .box .list_box li a:hover, .wrap-footer .bottom-related .box .selected a {color:#ceb482; background:#373c4c; border-radius:2px;}
.wrap-footer .bottom-sns {padding-top:0.375rem;}
.wrap-footer .bottom-sns li {float:left; margin-left:0.625rem;}
.wrap-footer .bottom-sns li:first-child {margin-left:0;}
.wrap-footer .bottom-sns li a {display:block; width:2.5rem; height:2.5rem; text-indent:-99999px;}
.wrap-footer .bottom-sns li a:hover {-webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.wrap-footer .bottom-sns .fb a {background:url('../images/icon_sns_fb.svg') no-repeat; background-size:cover;}
.wrap-footer .bottom-sns .is a {background:url('../images/icon_sns_is.svg') no-repeat; background-size:cover;}
.wrap-footer .bottom-sns .yt a {background:url('../images/icon_sns_yt.svg') no-repeat; background-size:cover;}
.wrap-footer .bottom-sns .na a {background:url('../images/icon_sns_na.svg') no-repeat; background-size:cover;}
.wrap-footer .bottom-sns .ts a {background:url('../images/icon_sns_ts.svg') no-repeat; background-size:cover;}
.wrap-footer .bottom-sns .fb a:hover {background:url('../images/icon_sns_fb_active.svg') no-repeat; background-size:cover;}
.wrap-footer .bottom-sns .is a:hover {background:url('../images/icon_sns_is_active.svg') no-repeat; background-size:cover;}
.wrap-footer .bottom-sns .yt a:hover {background:url('../images/icon_sns_yt_active.svg') no-repeat; background-size:cover;}
.wrap-footer .bottom-sns .na a:hover {background:url('../images/icon_sns_na_active.svg') no-repeat; background-size:cover;}
.wrap-footer .bottom-sns .ts a:hover {background:url('../images/icon_sns_ts_active.svg') no-repeat; background-size:cover;}
.wrap-footer .box-footer {width:1400px; margin:0 auto; padding:2.5rem 0 6.75rem;}
.wrap-footer .box-footer .footer-address {margin-top:2.313rem; line-height:2; color:#cecece;}
.wrap-footer .box-footer .footer-address p span {display:inline-block; margin-right:1.25rem; font-size:1.07rem; font-weight:400;}
.wrap-footer .box-footer .footer-address p span a {color:#cecece;}
.wrap-footer .box-footer .footer-address b {color:#9F7C52; font-weight:400;}
.wrap-footer .box-footer .footer-address .copyright {font-size:1.07rem; font-weight:300;}

@media all and (max-width:1484px) {
	.wrap-footer .wrap-footer-inner, .wrap-footer .box-footer {width:96%; margin:0 auto;}
}
@media all and (max-width:1024px) {
   .wrap-footer .wrap-footer-inner {display:block;}
   .wrap-footer .bottom-related {width:100%;}
   .wrap-footer .bottom-related .box {width:calc(50% - 0.5rem); margin-left:1rem;}
   .wrap-footer .bottom-related .box button {width:100%;}
   .wrap-footer .bottom-sns {display:flex; justify-content:center;padding-top:1.25rem; margin-top:1.25rem;border-top:solid 1px #434548;}
   .wrap-footer .bottom-sns li {margin-left:1.25rem;}
   .wrap-footer .bottom-sns li a {width:3rem; height:3rem;}
   .wrap-footer .box-footer {text-align:center;}
   .wrap-footer .box-footer .footer-address p span {margin-right:0;}
   .wrap-footer .box-footer .footer-address p span+span {margin-left:1.25rem;}
}
@media all and (max-width:767px) {
	.wrap-footer .wrap-footer-inner, .wrap-footer .box-footer {width:92%;}
    .wrap-footer .box-footer .footer-address .copyright {font-size:0.94rem;}
}
@media all and (max-width:380px) {
   .wrap-footer .bottom-related {display:block;}
   .wrap-footer .bottom-related .box {width:100%; margin-top:10px; margin-left:0;}
   .wrap-footer .bottom-sns li {margin-left:0.5rem;}
   .wrap-footer .bottom-sns li a {width:2.4rem; height:2.4rem;} 
   .footer-logo img {width:75%;}
   .wrap-footer .box-footer .footer-address p span {font-size:0.94rem;}
   .wrap-footer .box-footer .footer-address .copyright {font-size:0.875rem;}
} 

/*고탑*/
.goto-top {position:fixed; right:5%; bottom:5%; z-index:99999;}
.goto-top a{display:block;box-sizing:border-box;padding-top:20px;width:70px;height:70px;background:#454545;color:#FFF !important;font-size:14px;text-align:center;font-family:'Mont Medium';border-radius:100px;}
.goto-top a:before{content:"";display:block;margin:0 auto;background:url(../images/arrow_3_w.png) no-repeat center;width:17px;height:17px;}
.goto-top a:hover{box-shadow:0 0 5px #888;}

/*전체블랙배경*/
.black-bg {display:none; position:fixed; z-index:190; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6);}
.black-bg.on {display:block;}