@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;}


/*서브비주얼*/
.wrap-sub-visual {position:relative; background:url('../images/sub-visual.jpg') no-repeat top center; background-size:cover; display:table; width:100%;}
.wrap-sub-visual:after {content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('../images/pattern.png');filter:alpha(opacity=30);opacity:0.3;}
.wrap-sub-visual .wrap-sub-cell {display:table-cell;height:370px; text-align:center; vertical-align:middle; color:#fff;}
.wrap-sub-visual .container {position:relative; z-index:1;}
.wrap-sub-visual .slogan {margin:80px 0 0 0;}
.wrap-sub-visual .slogan-big {font-family:"Noto Sans KR"; font-weight:400; position:relative; display:inline-block; font-size:2.6rem;}
.wrap-sub-visual .slogan-small {font-size:18px; font-family:"Noto Sans KR"; font-weight:300;}
.wrap-sub-visual .page-move {position:absolute; left:0px; top:30px; width:100%; height:0px;}
.wrap-sub-visual .page-move a {position:relative; display:block; width:70px; height:70px; border:1px solid rgba(255,255,255,0.5); border-radius:100%;}
.wrap-sub-visual .page-move a.prev {float:left; background:url('../images/ico_prev_menu.png') no-repeat left center; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a:hover.prev {background-position:right center; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a.next {float:right; background:url('../images/ico_next_menu.png') no-repeat right center; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a:hover.next {background-position:left center; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a span {position:absolute;}
.wrap-sub-visual .page-move a.prev span {position:absolute; left:90%; top:50%; opacity:0; margin:0 0 0 30px; white-space:nowrap; color:rgba(255,255,255,0.5); transform:translate(0,-50%); transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a:hover.prev span {opacity:1; left:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a.prev span:after {content:''; position:absolute; left:0px; bottom:-5px; width:0%; height:1px; background:rgba(255,255,255,0.5);  transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a:hover.prev span:after {width:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a.next span {position:absolute; right:90%; top:50%; opacity:0; margin:0 30px 0 0; white-space:nowrap; color:rgba(255,255,255,0.5); transform:translate(0,-50%); transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a:hover.next span {opacity:1; right:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a.next span:after {content:''; position:absolute; right:0px; bottom:-5px; width:0%; height:1px; background:rgba(255,255,255,0.5);  transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a:hover.next span:after {width:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }

@media all and (max-width:1024px) {
    .wrap-sub-visual .wrap-sub-cell {height:350px;}
    .wrap-sub-visual .page-move {display:none;}
    .wrap-sub-visual .slogan {margin:80px 0 0 0;}
}
@media all and (max-width:767px) {
    .wrap-sub-visual .wrap-sub-cell {height:300px;}
    .wrap-sub-visual .slogan {margin:130px 0 0 0;}
    .wrap-sub-visual .slogan-big {font-size:2rem;}
    .wrap-sub-visual .slogan-big:after {display:none;}
    .wrap-sub-visual .slogan-small {display:none;}
}
/*현재위치메뉴및기능*/

.wrap-sub-navi {position:relative; z-index:1; margin:-61px 0 0 0; background:rgba(0,0,0,.3); border-top:1px dotted; border-color:rgba(255,255,255,0.4);}
.wrap-sub-navi .container {position:relative; max-width:1400px; height:60px; margin:0 auto;}
.wrap-sub-navi .sub-navi > ul > li {position:relative; float:left; padding:0 0 0 30px; border-right:1px dotted; border-color:rgba(255,255,255,0.4);}
.wrap-sub-navi .sub-navi > ul > li > a, .wrap-sub-navi .sub-navi > ul > li > .inner > button {display:block; color:#fff; font-size:16px; height:60px; line-height:60px;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button {font-family:"Noto Sans KR"; font-weight:300; width:100%; text-align:left; padding:0 80px 0 0 ; background:url('../images/arrow-page-nav2.png') right -5px  no-repeat; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-navi > ul > li > .inner > button:hover {background-position:right -75px; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-navi .home {background-image:none; padding:0px; min-width:auto; border-right:none;}
.wrap-sub-navi .sub-navi .home a {width:70px; text-indent:-9999px; background:rgba(5,157,200,.8) url('../images/ico_home.png') no-repeat center center;}
.wrap-sub-navi .sub-navi .navUl {overflow:hidden; max-height:0px; opacity:0; position:absolute; right:0px; top:44px; width:calc( 100% - 0px ); margin:15px 0 0 0}
.wrap-sub-navi .sub-navi .navUl.on {overflow:hidden; max-height:300px; overflow-y:auto;opacity:1; background:#fff; border:1px solid #3e454c; transition:max-height 1s cubic-bezier(0.7, 0, 0.3, 1);padding:5px 0;}
.wrap-sub-navi .sub-navi .navUl a {display:block; padding:5px 15px; color:#333; word-break:keep-all;font-size:14px;line-height:1.2;}
.wrap-sub-navi .sub-navi .navUl a:hover {background:#d9e0e8;}
.wrap-sub-navi .sub-util {position:absolute; right:0px; top:11px;}
.wrap-sub-navi .sub-util > ul > li {position:relative; float:left; position:relative; padding:0 20px;}
.wrap-sub-navi .sub-util > ul > li:after {content:""; position:absolute; right:0px; top:18px; width:2px; height:1px; background:#fff; }
.wrap-sub-navi .sub-util > ul > li:last-child {padding-right:0;}
.wrap-sub-navi .sub-util > ul > li:last-child:after {display:none;}
.wrap-sub-navi .sub-util > ul > li > button {font-family:"Noto Sans KR"; font-weight:400; font-size:0px; color:#fff;height:36px;}
@media all and (max-width:1400px) {
    .wrap-sub-navi .sub-util {right:20px;}
}
.wrap-sub-navi .sub-print {padding-left:30px; background:url('../images/ico_print.png') no-repeat left center;}
.wrap-sub-navi .sub-share {padding-left:25px;background:url('../images/ico_sns.png') no-repeat left center;}
.wrap-sub-navi .sub-favo {padding-left:30px;background:url('../images/ico_favo.png') no-repeat left center;}
.wrap-sub-navi .sub-share.on {background:url('../images/ico_sns_on.png') no-repeat left center;}
.wrap-sub-navi .sub-favo.on {background:url('../images/ico_favo_on.png') no-repeat left center;}
.wrap-sub-navi .box-sub-favo {opacity:0; overflow:hidden; max-height:0px; position:absolute;  border:1px solid #cacaca; right:0; top:48px; width:260px; background:#fff; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-favo.on {opacity:1; max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-favo > strong {display:block; font-family:"Noto Sans KR"; font-weight:300; font-size:18px; padding:11px 20px; border-bottom:1px solid #d6d6d6; color:#2a2a2a;}
.wrap-sub-navi .box-sub-favo ul li {padding:8px 20px;}
.wrap-sub-navi .box-sub-favo ul li:hover {background:#d9e0e8;}
.wrap-sub-navi .box-sub-favo ul li a {position:relative; color:#000; font-size:16px;}
.wrap-sub-navi .box-sub-favo ul li a span {display:none;}
.wrap-sub-navi .box-sub-favo .close {text-indent:-9999px; position:absolute; right:0px; top:0px; width:40px; height:50px; background:url('../images/btn-favo-close.png') no-repeat center center;}
.wrap-sub-navi .box-sub-favo .close:hover {transform:rotate( 180deg ); transition:all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-favo .del {width:17px; height:17px; margin:0 0 0 10px; background:url('../images/btn-favo-del.png') no-repeat center center; text-indent:-9999px;}
.wrap-sub-navi .box-sub-favo .control {text-align:center;}
.wrap-sub-navi .box-sub-favo .control button {display:inline-block;}
.wrap-sub-navi .box-sub-favo .control button.add {background:#cb934b url('../images/btn-favo-add.png') no-repeat 83% center; margin-top:11px; padding:5px 35px 5px 15px; font-size:14px; color:#FFF;}
.wrap-sub-navi .box-sub-favo .control button.reset {background:#fff; margin:10px; padding:9px 20px; border-radius:5px; border:1px solid #50555d; font-family:"Noto Sans KR"; font-weight:400; font-size:14px; color:#50555d;}
.wrap-sub-navi .box-sub-favo .control.list.on {padding:15px 0; border-top:1px solid #d6d6d6;}
.wrap-sub-navi .box-sub-favo #favoriteList {border-top:1px solid #cdcdcd;}
.wrap-sub-navi .box-sub-favo .guide {padding:15px 0 20px 0; background:#f0f0f0; text-align:center;}
.wrap-sub-navi .box-sub-favo .guide #favoriteTitle {font-size:14px; color:#565656;}
.wrap-sub-navi .box-sub-share {opacity:0; overflow:hidden; max-height:0px; position:absolute; right:0px; top:48px; background:#fff; width:340px; padding:20px; border:1px solid #cecece; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-share.on {opacity:1; max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-share .close {text-indent:-9999px; position:absolute; right:0px; top:0px; width:40px; height:50px; background:url(../images/btn-favo-close.png) no-repeat center center;}
.wrap-sub-navi .box-sub-share .close:hover {transform:rotate( 180deg ); transition:all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-share .send {margin-bottom:15px;}
.wrap-sub-navi .box-sub-share .send strong {display:inline-block; width:60px; vertical-align:middle; font-size:16px; color:#2a2a2a;}
.wrap-sub-navi .box-sub-share .send ul {display:inline-block; vertical-align:middle;}
.wrap-sub-navi .box-sub-share .send li {float:left; margin-right:5px;}
.wrap-sub-navi .box-sub-share .send li button {width:25px; height:25px; background:url('../images/ico-sub-share.png') no-repeat; text-indent:-9999px;}
.wrap-sub-navi .box-sub-share .send li .fb {background-position:0 0;}
.wrap-sub-navi .box-sub-share .send li .tw {background-position:-25px 0;}
.wrap-sub-navi .box-sub-share .send li .ks {background-position:-50px 0;}
.wrap-sub-navi .box-sub-share .send li .pn {background-position:-75px 0;}
.wrap-sub-navi .box-sub-share .send li .na {background-position:-100px 0;}
.wrap-sub-navi .box-sub-share .send li .is {background-position:-125px 0;}
.wrap-sub-navi .box-sub-share .copy strong {display:inline-block; width:60px; vertical-align:middle; font-size:16px; color:#2a2a2a;}
.wrap-sub-navi .box-sub-share .copy input {width:170px; height:35px; border:1px solid #cecece; line-height:35px; text-indent:10px; font-size:14px; color:#666;}
.wrap-sub-navi .box-sub-share .copy button {width:60px; height:35px; line-height:35px; text-align:center; background:#5d5d5d; font-size:14px; color:#fff;}
@media all and (max-width:1600px) {
	.wrap-sub-navi .container {max-width:1400px; margin:0 auto;}
}
@media all and (max-width:1024px) {
    .wrap-sub-navi {display:none;}
}
/*컨텐츠*/
.wrap-contents .container {position:relative; width:1400px; margin:0 auto 70px auto;}
.wrap-contents .container {width:1400px;}
.wrap-contents .subject {text-align:center;}
.wrap-contents .subject h2 {position:relative; margin-bottom:50px; padding:50px 0 40px 0; border-bottom:1px dotted #000; font-size:2.188rem; line-height:1.2; font-weight:500;}
.wrap-contents .subject h2:before {content:""; position:absolute; bottom:-15px; left:50%; width:40px; height:28px; margin-left:-20px; color:#34454a; line-height:28px; text-align:center; font-weight:400; font-size:12px; text-transform:uppercase; background:#fff url(/sites/hufstmp01/images/common/h2.png) center no-repeat;}

@media all and (max-width:1484px) {
	.wrap-contents .container{width:96%;}
}
@media all and (max-width:1024px) {
	.wrap-contents .container {max-width:94%;}
	.wrap-contents .subject h2 {font-size:1.9rem;}
}
@media all and (max-width:767px) {
	.wrap-contents .container {max-width:92%;}
	.wrap-contents .subject h2 {font-size:1.7rem;}
}