.scroll-off {overflow:hidden}
.hiding {display: none}

.wrap {background:url("../images/main/main-bg.jpg") no-repeat 50% 50%;background-size:cover;display:flex;flex-direction:column;height:100%}
.wrap:has(.information_main) {background: none}
.wrap .header-top .gnb-wrap {background-color:transparent}
.wrap .content-area {flex:1;padding-bottom:100px;background-color: #fff;}
.wrap .header,
.wrap .footer {flex-shrink:0}

.container {max-width:1380px;margin:0 auto;padding:0 10px}
.container.contents {margin-top:50px}

/*.header {background-color:#002868}*/
.header-top {padding: 10px 0 10px;background-color: #0E1E51;box-shadow:0 3px 12px 0 rgba(255,255,255,.1)}
.header-top > .container {padding:0 10px;display:flex;align-items:center;}
.header-top .logo {background:left /contain no-repeat url("../images/common/logo2.png");width:400px;height:83px;margin-right:20px;}
.header-top .title {font-weight:900;color:#fff;}

.header-top .r-content {margin-left:auto}
.header-top .language-type {display:flex;align-items:center;font-size:20px;color:#fff}
.header-top .language-type i {margin-right:15px}
.header-top .r-content .btn-gnb-open {display:none}
.header-top span {font-family: "Public Sans", sans-serif;}
.info_link {display: flex; align-items: center;justify-content: center}
.info_link_mo {display: flex; align-items: center;}
.information_link {width:16px; height: 16px; margin-left: 5px; background: center / contain no-repeat url(../images/common/link.png)}
.information_link_mo {width:14px; height: 14px; margin-left: 5px; background: center / contain no-repeat url(../images/common/link_black.png)}

.gnb-wrap {flex-grow: 1;margin-top: 5px}
.gnb-wrap .gnb {display:flex;margin-left: 60px;}
.gnb-wrap .gnb .sub-gnb {display:flex;height:auto;opacity:1;padding-top:4px;}
.gnb-wrap .gnb .sub-gnb-item {width:50%;text-align:center;}
.gnb-wrap .gnb .sub-gnb-item:nth-child(2) {border-left:1px solid rgba(255,255,255,.2);}
.gnb-wrap .gnb .gnb-item {flex:1 0;position:relative;margin: 0 14px;}
/*.gnb-wrap .gnb .gnb-item ~ .gnb-item:before {content:'';position:absolute;width:1px;height:16px;background-color:rgba(255,255,255,.2);top:20px;left:0}*/
.gnb-wrap .gnb .link-gnb {display:flex;width:100%;align-items:center;justify-content:center;padding-bottom:4px;font-weight:600;font-size:20px;color:#fff;position:relative;border-bottom: 1px solid rgba(255, 255, 255, .2)}
.gnb-wrap .gnb .gnb-item .gnb-txt {position:relative;display:inline-flex;height:100%;align-items:center}
.gnb-wrap .gnb .gnb-item .gnb-txt:before {content:'';position:absolute;top:-3px;left:50%;right:50%;height:3px;opacity:0;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.gnb-wrap .gnb .gnb-item:hover .gnb-txt:before,
.gnb-wrap .gnb .gnb-item.active .gnb-txt:before {left:0;right:0;opacity:1;background-color: #4184ff
}
.gnb-wrap .gnb .gnb-item:hover .link-gnb,
.gnb-wrap .gnb .gnb-item.active .link-gnb {color:#4184ff}

/*.gnb-wrap .sub-gnb {overflow:hidden;height:0;opacity:1;-webkit-transition-duration:0.2s;transition-duration:0.2s}*/
.gnb-wrap .link-sub-gnb {color:#fff;font-size:18px}
.gnb-wrap .link-sub-gnb.active {border:none;color: #91c0ff}

.mobile-gnb-wrap {position:fixed;top:0;width:100%;left:0;bottom:0;z-index:101;display:none;pointer-events:none;}
.mobile-gnb-wrap::before{content:"";display:block;width:100%;opacity:0;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.6);visibility:hidden;pointer-events:none;-webkit-transition-duration:0.2s;transition-duration:0.2s;}
.mobile-gnb-wrap.active::before{visibility:visible;opacity:1}
.mobile-gnb-wrap.active {left:0;visibility:visible;pointer-events:initial;z-index:300;}
.mobile-gnb-wrap.active .mobile-gnb {right:0}
.mobile-gnb {position:absolute;right:-100vw;width:calc(100% - 44px);background-color:#fff;top:0;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-transition-duration:0.2s;transition-duration:0.2s;}
.mobile-gnb-top {display:flex;justify-content:space-between;padding:20px}
.mobile-gnb-top .language-type {color:#000;font-size:18px}
.mobile-gnb-top .ic-language {width:20px;height:20px;background-image:url("../images/icon/ic-language-m.png")}
.mobile-gnb-top .language-type i {margin-right:8px}

.mobile-gnb .gnb .link-gnb {height:40px;display:flex;width:100%;align-items:center;font-weight:700;font-size:16px;color:#000;position:relative;padding-left:20px;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.mobile-gnb .gnb .gnb-item.active .link-gnb {color:#4184ff}
.mobile-gnb .gnb .gnb-item.active .sub-gnb {margin-bottom:16px;background-color:#e9ebee;padding:8px 0;height:auto}
.mobile-gnb .gnb .gnb-item .gnb-txt:before {content:'';position:absolute;top:50%;background-color:#4184ff;left:0;height:0;width:3px;opacity:0;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.mobile-gnb .gnb .gnb-item.active .gnb-txt:before {height:24px;margin-top:-12px;opacity:1}
/*.mobile-gnb .sub-gnb {height:0;overflow:hidden;-webkit-transition-duration:0.2s;transition-duration:0.2s;margin-left:20px}*/
.mobile-gnb .link-sub-gnb {color:#59595b;font-size:14px;padding:0 30px;font-weight:700}
.mobile-gnb .link-sub-gnb.active {color:#4184ff;}

.footer {background-color:#000;padding:64px 0}
.footer .container {display:flex;justify-content:space-between}
.footer .logo {text-align:left;width:500px;display:flex}
.footer .footer-logo {background:url("../images/common/footer-logo.png") no-repeat 50% 50%;background-size:contain;width:224px;height:75px;flex-shrink:0}
.footer .k-logo {background:url("../images/common/korea-logo.png") no-repeat 50% 50%;background-size:contain;width:264px;height:75px;flex-shrink:0}
.footer .copy {text-align:right; width: 50%;}
.footer .copy * {word-break: break-word;}
.footer .copy .copy-txt {font-size:18px;color:#7a7979;font-weight:300}
.footer .copy .copy-txt ~ .copy-txt {margin-top:12px}
.footer .copy .copy-item {margin-left:40px;display:inline-block}

@media (max-width: 1023px) {
    .container.contents {margin-top:40px}

    .header-top .r-content .btn-gnb-open {display:flex}
    .mobile-gnb-wrap {display:block}
    .header-top .r-content .language-type,
    .gnb-wrap {display:none}

    .header-top > .container {border:none;padding:12px 20px 12px 5px}

    .footer {padding:0;flex-grow:1}
    .footer .container {padding:12px 20px;flex-wrap: wrap}
    .footer .logo {width: 100%;margin-bottom: 10px;}
    .footer .footer-logo, .footer .k-logo {width:100px;height:45px}
    .footer .copy {width: 100%}
    .footer .copy .copy-txt {font-size:11px}
    .footer .copy .copy-txt ~ .copy-txt {margin-top:0}

    .wrap .content-area {margin-top: 0;padding:0 0 50px}
}