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

/*탑*/
.wrap-top {background: #41454C;max-height: 40px;width: 100%;position: absolute;z-index: 9999;top: 0;}
.wrap-top-inner { max-width:100%; margin: 0 auto; width:99.9%; position:relative; } 
.wrap-top-inner::after { content:''; display: block; clear:both; } 
.wrap-top .top-link { float:left } 
.wrap-top .top-link ul { display:inline-block; } 
.wrap-top .top-link li { float:left; min-width: 260px; } 
.wrap-top-inner .top-link li:first-child { background: none; } 
.wrap-top-inner .top-link li button { display: block; padding: 0 10px 0 10px; color: #fff; font-size: 0.75rem; font-weight: 200; line-height: 38px; white-space: nowrap; text-shadow: 0px 0px 5px black; position: absolute; right: 85px; } 
.wrap-top .top-link a { display: block; box-sizing: border-box; font-size: 11px!important; color: #FFF; text-align: center; padding: 11px 2px; font-family: univer; letter-spacing: 0.3px; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.wrap-top .top-link li a { color:#ccc; } 
.wrap-top .top-link li a:hover {background: #002d56;color: #fff;}
.wrap-top .top-util { float:right; padding-bottom: 4px; } 
.wrap-top .top-util .main-util { overflow: hidden; } 
.wrap-top .top-util .main-util a { font-size: 0.75rem; color: #ccc; text-transform: uppercase; letter-spacing: 0.2px; line-height:35px; } 
.wrap-top .top-util .main-util a:hover { color:#fff; } 
.wrap-top .top-util .util-home { float:left; } 
.wrap-top .top-util .util-home > a { padding-left: 31px; background:url('../../images/common/top_util.png') no-repeat; background-position:14px; } 

.wrap-top .top-util .util-search { float:right; } 
.wrap-top .top-util .util-search > a { padding-left: 31px; background:url('../../images/common/top_util.png') no-repeat; background-position:14px; } 
.wrap-top .top-util .util-search .util_dep2 { position:absolute; z-index: 9999; top:35px; padding-top:10px; min-height: 0; transition: all .3s; overflow: hidden; height: 0; } 
.wrap-top .top-util .util-search .util_dep2.on { min-height: 110px; transition: all .3s; } 
 
@media all and (max-width:1484px) {.wrap-top-inner { width:99.9%; } 
 }
@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:absolute; top:40px; width:100%; height:90px; z-index:101; border-bottom: 1px solid #eee;} 
.wrap-header .container {margin:0 auto; display:flex; width:96%; height: 100%;  } 
@media all and (max-width:1484px){
 .wrap-header { width: 100%; margin: 0 auto; left: 0%; } 
 .wrap-header .container { width:96%; justify-content:space-between; } 
 }
@media all and (max-width:767px){
 .wrap-header { width:; } 
.wrap-header .container { width:94%; } 
 }
@media all and (max-width:480px) {.wrap-header { height:5rem; } 
 }

/*로고*/
.wrap-header .head-logo {display:flex;align-items:center;height:100%;} 
.wrap-header .head-logo img {height: 50px;}

/*유틸메뉴*/
.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; background: #979798 url('../images/btn_img_menu.svg') no-repeat center center; border-radius: 4px;transition: background-color 0.2s;} 
.wrap-header .head-util .head-sitemap:hover { background: #004A87 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:rgba(0,0,0,.19) url('../images/btn_img_menu.svg') no-repeat center center; } */
.stopmenu { display:none; } 


@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;background: #979798 url('../images/btn_img_menu.svg') no-repeat center center; border-radius: 4px;transition: background-color 0.2s;} 
  .wrap-header .container > div .btn-mgnb:hover { background: #004A87 url(../images/btn_img_menu.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: #68a7d1d6 url(../images/ic-navi-close.png) no-repeat center; } 
 .wrap-header .container > div .btn-mgnb-close.on:hover { background: #1075b5d9 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; } 
.wrap-header .container > div .stopmenu { color: #fff; text-indent: 0; font-weight: 600; display: block; position: absolute; right: 100%; top: 64px;padding: 0 12px; width: 64px; height: 64px; background: #68a7d1d6; /* line-height: 1; */
 border-bottom-left-radius: 20px; border-top: 1px dotted #ffffff6b; } 
 .wrap-header .container > div .stopmenu:hover { background:#1075b5d9; } 
.stopmenu button { margin-top: 14px; color: #fff; line-height: 1.2; } 
 }
@media all and (max-width:767px) {.wrap-header .head-util li { height:80px; } 
 .wrap-header .container > div .btn-mgnb { border: 1px solid #999; } 
 }
@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.99rem; margin-left:2rem; flex-grow:1; height:70px; } 
.wrap-header .head-navi .ul_1 { display:flex; } 
.wrap-header .head-navi .ul_1:before { content: ""; position: absolute; top: 5.5rem; left: 0; margin-left: 0; width: 100%; height: 0; z-index: 99; background: #fff; -webkit-transition: height 0.4s ease-in-out; transition: height 0.4s ease-in-out; border-top: 1px solid #eee;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);} 
.wrap-header .head-navi:hover .ul_1:before { content:""; height:15.1rem; -webkit-transition:height 0.4s ease-in-out; transition:height 0.4s ease-in-out; border-top:1px solid #ffffffe8; opacity:1;border-bottom-left-radius:0px; border-bottom-right-radius:0px; } /*전체높이*/
.wrap-header .head-navi .bg_text { visibility: hidden; position: absolute; transform: translate(-100%, 0); width: 18%; height: 19.9rem; padding: 3rem 2rem 0 2rem; font-size: 1rem; line-height: 1.4rem; color: #0b3866; text-align: right; word-break: keep-all; background: url(../images/img_bg_menu.svg) no-repeat left top / 160%;  -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; z-index: 102; opacity: 0; top: 90px; overflow: hidden; font-family: hufs_b; text-transform: uppercase; } 
.wrap-header .head-navi .bg_text strong { font-weight: 800; font-size: 2rem; letter-spacing: -0.15rem; background:linear-gradient(359deg, #05c1f1, #0ae9f5f2); color: transparent; -webkit-background-clip: text; font-family: poppins; text-shadow: none; } 
.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 .bg_text .img_arw { margin-top:7px; } 
.wrap-header .head-navi .bg_text .img_arw img { vertical-align: top; } 
.wrap-header .head-navi .li_1 { display:inline-block; position:relative; flex-grow:1; width:calc(100% / 4); } 
.wrap-header .head-navi .a_1 { position: relative; display: block; color: #002d56; font-weight: 300; line-height: 1.15; letter-spacing: -0.11px; text-align: center; text-shadow: 0px 0px 0px #000;  font-size: 1.15rem; } 
.wrap-header .head-navi .a_1:hover { color:#004A87; } 
.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:0%; top:3.59rem; width:99%; height:3px; margin-left:0rem; background:#f7c77b; } 
.wrap-header .head-navi .li_1:nth-child(1) .div_2 { border-left:solid 1px #eee; } 
.wrap-header .head-navi .div_2 { overflow:hidden; position:absolute; top:3.59rem; left:0px; width:100%; height:0; z-index:100; z-index:100; text-align:left; border-right:solid 1px #eee;border-top:solid 1px #eee;  -webkit-transition:height 0.4s ease-in-out; transition:height 0.4s ease-in-out; } 
.wrap-header .head-navi .div_2.on { background:#fff; -webkit-transition:0.4s ease-in-out; transition:0.4s ease-in-out; } 
.wrap-header .head-navi .div_2:hover { background:rgba(0, 45, 86, 0.05); -webkit-transition:0.4s ease-in-out; transition:0.4s ease-in-out; }
.wrap-header .head-navi:hover .div_2 { display:block; height:15rem; -webkit-transition:height 0.4s ease-in-out; transition:height 0.4s ease-in-out; } /*메뉴높이*/
.wrap-header .head-navi .ul_2 { padding:0rem 5px 0 5px; } 
.wrap-header .head-navi .ul_2 li { margin-top: 0.9rem; margin-bottom:0.75rem; } 
.wrap-header .head-navi .a_2 { position: relative; display: block; color: #333; font-size: 1rem; font-weight: 300; line-height: 0.78rem; letter-spacing: -0.7px; text-align: center; font-weight: 400; height: 20px; } 
.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:#4886C7; 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:#004A87;} 
.wrap-header .head-navi .div_3 { display:none; } 
/*상단고정
.wrap-header.fNav .head-navi .a_1, .wrap-header.fNav .head-navi .a_1.on { color:#0B2A4A; text-shadow:none; } 
.wrap-header.fNav .head-navi .a_1:hover { color:#8d7150; } */

/*.wrap-header .head-navi .eQ01 { background: url(/sites/hufskorean/images/common/m001.gif) no-repeat center top; } 
.wrap-header .head-navi .eQ01 .a_1 span { opacity:0 } */



@media all and (max-width:1199px){
 .wrap-top .top-link li { width: 29%; min-width: 160px; max-height: 38px; } 

.wrap-top-inner .top-link li button { display:none!important; } 
.wrap-header .head-navi { position:fixed; top:40px; right:-100%; z-index:10000; width:50%; height:100%; background:#e8eef2; 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 .bg_text { display:none; } 
.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; border-bottom:solid 1px #B4C3D1; background: url(../images/ic-sub-open.png) no-repeat right; } 
.wrap-header .head-navi .a_1 { padding: 23px 0 23px 25px; text-align: left; color: #222; text-shadow: none; font-weight: 600; line-height: 1.1; } 
.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:#222; text-shadow:none; } */
.wrap-header .head-navi .a_1:hover { color:#0b58c1 !important; } 

.wrap-header .head-navi .a_1.on { color:#0b58c1 !important; background: #fff /*url(../images/ic-sub-close.png) no-repeat right*/; border-bottom: 3px solid #a1c9e3; } 
.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; } 
 .wrap-header .head-navi .div_2.on { display: block; max-height: none; height: 100%; background: #fff; transition-property: none; border-top: 1px solid #aabac9; } 
.wrap-header .head-navi .div_2 .container { padding:0px; } 
.wrap-header .head-navi .ul_2 { border:0; padding:0; } 
 .wrap-header .head-navi .ul_2 li { margin-top:0rem; margin-bottom:0rem; } 
.wrap-header .head-navi .li_2 { display:block; border:0px; padding:0px; } 
 .wrap-header .head-navi .ul_2 li { border-bottom: 1px dotted #B4C3D1 } 
.wrap-header .head-navi .a_2 { text-align: left; padding-left: 25px; line-height: 2.99; height: 2.8rem; margin-bottom: 0px; padding-left: 30px; } 
.wrap-header .head-navi .a_2:hover { color:#4886C7; background:#ebeded; } 
 .wrap-header .head-navi .a_2 { } 
/*.wrap-header .head-navi .a_2.plus { color:#4886C7; background: #ebeded url(../images/ic-sub-open.png) no-repeat right; } */
.wrap-header .head-navi .a_2::before { content: ''; position: absolute; left: 19px; top: 22px; width: 5px; height: 1px; margin-left: 0rem; background: #146e7a; } 
.wrap-header .head-navi .ul_3 { padding:0 0 20px 0; border-bottom:1px solid #89a4dc; display:none; } /*모바일 3뎁스*/
.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:980px){
 .wrap-top .top-link li span { display:none; } 
 }
@media all and (max-width:767px) {.wrap-top .top-link li { width: 116px; min-width: auto; max-height: 38px; padding:0; } 
.wrap-top .top-link li:first-child { width:140px } 
.wrap-top .top-link li:nth-child(2) { width:90px } 
.wrap-top .top-link li:nth-child(4) { display:none; } 
.wrap-top .top-link a { padding:11px 3px; } 
.wrap-header .head-navi { width:75%; } 
.wrap-header .head-navi.on {
    right: 0;
    top: 0;
    margin-top: 40px;}
 }


/* footer */
.wrap-footer {padding: 60px 0;background: #333;color: #fff;font-size: 14px;letter-spacing: 0.1px;}
.wrap-footer .contain {display: flex;gap: 48px;}
.wrap-footer .footer-content {flex: 1;}
.wrap-footer .footer-content > * + * {margin-top: 24px;}
.wrap-footer .footer-content .adress dl {display: flex;align-items: baseline;}
.wrap-footer .footer-content .adress dt {min-width: 160px;font-size: 18px;font-weight: 600;}
.wrap-footer .footer-content .adress dd {font-weight: 300;opacity: 0.8;}
.wrap-footer .footer-content .contact {display: flex; column-gap: 36px;}
.wrap-footer .footer-content .contact dl {display: inline-flex;flex-wrap: nowrap;gap: 8px;}
.wrap-footer .footer-content .contact dt {display: flex;align-items: top;gap: 8px;font-weight: 600;}
.wrap-footer .footer-content .contact i {font-size: 16px;}
.wrap-footer .footer-content .contact dd {opacity: 0.8;}
.wrap-footer .footer-sns ul {display: flex;gap: 12px;}
.wrap-footer .footer-sns img {width: 48px;height: 48px;opacity: 0.6;transition: opacity 0.3s;}
.wrap-footer .footer-sns li:hover img {opacity: 1;}

@media screen and (max-width:1200px) {
    .wrap-footer .footer-content .adress dl {display: block;}
    .wrap-footer .footer-content .adress li + li {margin-top: 12px;}
}
@media screen and (max-width:1024px) {
    .wrap-footer .contain {flex-direction: column;text-align: center;}
    .wrap-footer .footer-content .contact {display: block;}
    .wrap-footer .footer-sns ul {justify-content: center;}
    .wrap-footer .footer-sns img {width: 36px;height: 36px;}
}


/*고탑*/
.goto-top { position:fixed; right:30px; bottom:30px; z-index:99999; } 
.goto-top a { position: relative; display: block;text-align: center; transition: all 0.2s; } 
.goto-top a:before { display: block; width: 60px; height: 60px;content: ""; vertical-align: middle; border-radius: 500px; background: #333 url(../images/arrow_3_w.png) no-repeat center; border-box; transition: all 0.1s; } 
.goto-top a:hover { backgroiund-color:#004A87; color: #bfc3c5; } 
.goto-top a:hover:before { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }