@charset "utf-8";
@import url("/template/t20/css/default.css");
@import url("/common/fonts/pretendard/pretendard.css");
@import url("/common/fonts/ONE-Mobile/ONE-Mobile.css");

:root {
    --font-type01: "Pretendard";
    --font-type02: "OneStoreMobileGothic";
    
    --bg-color01: #F0F7FE;
    --bg-color02: #F7F7F7;

    --font-color01: var(--bs-dark);
    --font-color02: #404040;
    
    --radius: 12px;
    --radius-sm: 6px;
    --radius-lg:20px;
    --circle:50%;
    --oval:100px;
    --bs-scroll-width:15px;
}
@media(min-width: 992px) {
    :root{
        --radius: 20px;
        --radius-lg:40px;
    }
}


/*****************************************************
common
*****************************************************/
html, body {color: var(--font-color02);}
@media(min-width: 768px){
    .container{max-width: 95%;}
}
@media(min-width: 992px){
    .container{padding-left: 0;padding-right: 0;}
}
@media(min-width: 1600px){
    html, body{font-size: 18px;}
    .container{padding: 0;}
}
@media(min-width: 1800px){
    .container{max-width:1600px}
}

/************** header **************/
.openMenu {overflow: hidden;}
#header {position:relative;width: 100%;overflow-x: clip;z-index: 99;}
.main #header {position: absolute;}
#header [type="button"] {-webkit-appearance: none;appearance: none;border: none;background-color: transparent;cursor: pointer;}

/* header-top */
.header-family .family-list {display: flex;padding: 4px 0;margin-bottom: 0;}
.header-family .family-list > li {position: relative;padding: 0 8px;}
.header-family .family-list > li::before {content: '';position: absolute;top: 50%;left: -2px;transform: translateY(-50%);width: 4px;height: 4px;border-radius: var(--circle);background: #DDD;}
.header-family .family-list > li:first-child {padding: 0 8px 0 0;}
.header-family .family-list > li:first-child::before {display: none;}
.header-family a {font-size: 14px;}
.header-utill {display: none;}
.main .header-family a {color: #FFF;}
.main .header-family .family-list > li::before {background: rgba(255,255,255,.2);}
/* header-wrap */
.header-wrap {display: flex;align-items: center;color: var(--font-color01);}
.header-wrap .layout {display: flex;justify-content: space-between;align-items: center;height: 40px;}
.header-logo{margin:0}
.header-logo > a{display:flex;align-items: center;color: inherit;}
.header-logo .logo {font-size: 0;display: inline-block;aspect-ratio: 166 / 44;height:32px;background-image:url(/template/t20/images/logo.svg);background-repeat:no-repeat;background-size:contain;background-position:top left;transition:all .3s ease-out;}
.header-logo .major {font-family: var(--font-type02);font-size: 17px;font-weight: 700;line-height: 1.3;margin-left: 12px;}
.main .header-logo .logo {filter: invert(100%) sepia(0) saturate(0%) hue-rotate(244deg) brightness(120%) contrast(100%)}
.main .header-logo .major {color: #FFF;}

/* gnb */
#gnb {position: fixed;top: 0;right: -100%;width: 100%;height: 100dvh;background: #fff;transition:right .3s;z-index: 100;}
#gnb.on {right: 0;}
.gnb-wrap .gnb-title {position: relative;display: flex;align-items: center;min-height: 54px;background: var(--main-color02);padding: 10px 60px 10px calc(var(--bs-gutter-x) * .5);border-bottom: 1px solid rgba(255,255,255,.12);}
.gnb-wrap .gnb-title .gnb-close {position: absolute;bottom: 50%;transform: translateY(50%);right: calc(var(--bs-gutter-x) * .5);display: flex;align-items: center;justify-content: center;color: #fff;width: 32px;height: 32px;text-align: center;background-color: rgba(255,255,255,.08);z-index: 1;border-radius: var(--circle);}
.gnb-wrap .gnb-title .gnb-close::before {content: '';aspect-ratio: 1 / 1;width: 12px;background-image: url(/template/t20/images/m-menu-close.svg);background-size: 12px;}
.gnb-wrap .gnb-title .header-logo .logo {display: none;filter: invert(100%) sepia(0) saturate(0%) hue-rotate(244deg) brightness(120%) contrast(100%)}
.gnb-wrap .gnb-title .header-logo .major {color: #FFF;margin-left: 0;}
.gnb-wrap .gnb-title .major-modal-btn {position: relative;top: 4px;margin-left: 6px;}
.gnb-wrap .gnb-title .major-modal-btn .tit {display: inline-block;font-size: 14px;color: #FFF;border: 1px dashed rgba(255,255,255,.3);border-radius: 20px;padding: 4px 12px;transition: .3s background, .3s border;}
.gnb-wrap .gnb-title .major-modal-btn:hover .tit, .gnb-wrap .gnb-title .major-modal-btn:focus .tit {border: 1px solid rgba(255,255,255,.1);background: rgba(255,255,255,.1);}
.gnb-wrap .gnb-utill {display: flex;background: var(--main-color02);}
.gnb-wrap .gnb-utill .util {position: relative;display: flex;justify-content: center;align-items: center;flex: 0 0 50%;height: 44px;}
.gnb-wrap .gnb-utill .util::before {content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 1px;height: 16px;background: rgba(255,255,255,.12);}
.gnb-wrap .gnb-utill .util:first-child::before {display: none;}
.gnb-wrap .gnb-utill .util .tit {position: relative;color: #FFF;padding-left: 24px;}
.gnb-wrap .gnb-utill .util .tit::before {content: '';display: block;position: absolute;top: calc(50% - 1px);left: 0;transform: translateY(-50%);aspect-ratio: 1 / 1;height: 16px;background-size: auto 16px;background-position: center;}
.gnb-wrap .gnb-utill .util.translation .tit {padding-right: 30px;}
.gnb-wrap .gnb-utill .util.translation .tit::before {background-image: url(/template/t20/images/lang-icon-w.svg);}
.gnb-wrap .gnb-utill .util.login .tit::before {background-image: url(/template/t20/images/login-icon-w.svg);}
.gnb-wrap .gnb-utill .util.translation .tit::after {content: '';position: absolute;top: 50%;right: 0;transform: translateY(-50%);aspect-ratio: 12 / 7;width: 12px;background-image: url(/template/t20/images/lang-arr-w.svg);}
.gnb-wrap .gnb-utill .util.translation .show .tit::after {transform: translateY(-50%) rotate(180deg);}
.gnb-wrap .gnb-utill .util.translation .translation-menu {background: var(--main-color01);border: 0;border-radius: 24px;box-shadow: 0 18px 25px rgba(60,60,60,.2);padding: 0;margin-top: 12px;}
.gnb-wrap .gnb-utill .util.translation .translation-menu::before {content: '';position: absolute;left: 50%;top: -9px;width: 0;height: 0;border-style: solid;border-width: 0 10px 12px 10px;border-color: transparent transparent var(--main-color01) transparent;transform: translateX(-50%);}
.gnb-wrap .gnb-utill .util.translation .translation-menu .inner {width: 100%;text-align: center;padding: 8px;}
.gnb-wrap .gnb-utill .util.translation .translation-menu .dropdown-item {position: relative;flex: 0 0 100%;width: 100%;display: block;font-size: 15px;text-align: center;padding: 8px 10px;color: #FFF;word-break: keep-all;overflow-wrap: break-word;white-space: normal;}
.gnb-wrap .gnb-utill .util.translation .translation-menu .dropdown-item:hover, .gnb-util .util.translation .translation-menu .dropdown-item:focus {border-radius: 20px;background-color: rgba(0,0,0,.12);}
.gnb-wrap .gnb-utill .util.translation .translation-menu .dropdown-item.active, .gnb-util .util.translation .translation-menu .dropdown-item:active {width: 100%;border-radius: 20px;background-color: rgba(0,0,0,.08);}
/* 1차 메뉴 */
.gnb-wrap .depth01 {padding: 10px 0;}
.depth01-list {margin-bottom: 0;padding: 0 10px;}
.depth01-list > li{border: 1px solid #dbdbdb;border-radius: var(--radius);margin-bottom: 10px;padding: 14px 0;}
.depth01-list > li:has(.expanded-true){border: 2px solid var(--main-color01);}
.depth01-list > li > .menuitem {position: relative;display: flex;align-items: center;font-size: 18px;font-weight: 700;color: var(--font-color01);padding: 0 50px 0 18px;}
.depth01-list > li > .menuitem .toggle-btn {position: absolute;right: 15px;display: flex;justify-content: center;align-items: center;width: 30px;height: 30px;}
.depth01-list > li > .menuitem.expanded-true {color: var(--main-color01);padding-bottom: 10px;border-bottom: 1px solid #ccc;}
.depth01-list > li > .menuitem.haspopup-true.expanded-false .toggle-btn::before {content: '';position: absolute;top: 50%;left: 50%;width: 12px;height: 2px;background: #2D2F33;border-radius: 10px;transform: translate(-50%,-50%);}
.depth01-list > li > .menuitem.haspopup-true.expanded-false .toggle-btn::after {content: '';position: absolute;top: 50%;left: 50%;width: 2px;height: 12px;background: #2D2F33;border-radius: 10px;transform: translate(-50%,-50%);}
.depth01-list > li > .menuitem.haspopup-true.expanded-true .toggle-btn::before {content: '';position: absolute;top: 50%;left: 50%;width: 12px;height: 2px;background: var(--main-color01);border-radius: 10px;transform: translate(-50%,-50%);}
.depth01-list > li > .menuitem.expanded-true + .depth02 {display: block;position: static;top: auto;left: auto;z-index: auto;width: 100%;height: auto;margin-top: 16px;}
.depth01-list > li > .menuitem.haspopup-false .toggle-btn {display: none;}
.depth01-list > li > .menuitem[target=_blank]::before {content: '';position: absolute;right: 15px;display: flex;justify-content: center;align-items: center;width: 30px;height: 30px;border-radius: 50%;background: var(--main-color01) url(/site/resource/gimhae/www/images/icon-window-w.png) no-repeat center;background-size: 14px;}

/* 2차 메뉴 */
.depth-deco{display: none;}
.depth01-list .depth02 {position: relative;padding: 0 18px;}
.depth01-list .depth02 .deco {display: none;}
.depth02-list > li {width: 100%;margin-bottom: 8px;;}
.depth02-list > li:last-child {margin-bottom: 0;}
.depth02-list > li > .menuitem {position: relative;display: flex;align-items: center;width: 100%;font-size: 16px;color: #1E2124;background: var(--bg-color02) no-repeat;padding: 10px 12px; justify-content: space-between;column-gap: 20px;word-break: break-all;}
.depth02-list > li > .menuitem .toggle-btn {width: 16px;height: 100%;}
.depth02-list > li > .menuitem .toggle-btn::before {font-size: 12px;-webkit-text-stroke:.6px;}
.depth02-list > li > .menuitem.haspopup-true.expanded-false .toggle-btn::before {font-family: var(--font-icon);content: '\F282';}
.depth02-list > li > .menuitem[target=_blank].haspopup-true.expanded-false .toggle-btn::before{display:inline-block;width: 16px;height: 16px;content: '';background: url(/template/t20/images/blank-icon.svg) no-repeat center; background-size: 14px;}
.depth02-list > li > .menuitem.haspopup-true.expanded-true .toggle-btn::before {font-family: var(--font-icon);content: '\F286';}

/* 3차 메뉴 */
.depth02-list > li > .menuitem.expanded-true + .depth03 {display: block;position: static;top: auto;left: auto;z-index: auto;width: 100%;height: auto;}
.depth02-list > li > .menuitem.expanded-true + .depth03 .depth03-list {display: block;}
.depth02-list .depth03 {padding: 0;}
.depth03-list {padding: 10px 20px 4px;}
.depth03-list > li {position: relative;color:#fff;}
.depth03-list > li > .menuitem {display: block;font-size: 15px;color: #555;padding: 2px 8px 2px 10px;word-break: break-all;}
.depth03-list > li > .menuitem::before {content: '';position: absolute;top: 11px;left: 0;width: 4px;height: 4px;background: #555;border-radius: var(--circle)}
.depth03-list > li > .menuitem[target=_blank] > span {position: relative;padding: 0 21px 0 0;}
.depth03-list > li > .menuitem[target=_blank] > span::after {content: '';position: absolute;bottom: 3px;right: 0;width: 13px;height: 13px;background: url(/template/t20/images/blank-icon.svg) no-repeat;background-size: 13px;}

/* btn-navi */
.btn-navi{display: flex;column-gap: 16px;}
.btn-navi .menu-ham {aspect-ratio: 48 / 25;width: 36px;background-image: url(/template/t20/images/sitemap-icon.svg);background-size: 36px auto;}
.btn-navi .menu-ham.sitemap {display: none;}
.main .btn-navi .menu-ham {background-image: url(/template/t20/images/sitemap-icon-w.svg);}
@media(min-width: 480px) {
    .gnb-wrap .gnb-title {min-height: 64px;}
    .gnb-wrap .gnb-title .header-logo .logo {display: inline-block;}
    .gnb-wrap .gnb-title .header-logo .major {margin-left: 12px;}
    .gnb-wrap .gnb-title .major-modal-btn {top: 0;}
    .gnb-wrap .gnb-title .gnb-close {width: 40px;height: 40px;}
    .gnb-wrap .gnb-title .gnb-close::before {width: 14px;background-size: 14px;}
    .gnb-wrap .gnb-utill .util {height: 48px;}
    .gnb-wrap .depth01 {padding: 20px 0;}
    .depth01-list {padding: 0 20px;}
}
@media(max-width: 991px) {
    .gnb-wrap .depth01 {overflow: auto;height: calc(100dvh - 108px);}
    .depth02-inner {max-width: 100%;}
}
@media(min-width: 992px) {
    #header.header_on {z-index: 100;}
    .header-wrap {min-height: inherit;border-bottom: 0;padding: 0;}
    .header-wrap .layout {height: 60px;}
    .header-top {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;height: 32px;}
    .header-family .family-list {padding: 0;}
    .header-family a {font-size: 15px;}
    .header-utill{display: flex;}
    .header-utill .util {position: relative;padding: 0 8px;}
    .header-utill .util:last-child {padding: 0 0 0 8px;}
    .header-utill .util .tit {position: relative;font-size: 15px;color: var(--bs-body-color);padding-left: 22px;}
    .header-utill .util .tit::before {content: '';display: block;position: absolute;top: 50%;left: 0;transform: translateY(-50%);aspect-ratio: 1 / 1;height: 16px;background-size: auto 15px;background-repeat: no-repeat;background-position: center;}
    .header-utill .util > button {padding: 0;}
    .header-utill .util.translation .tit {padding-right: 22px;}
    .header-utill .util.translation .tit::before {background-image: url(/template/t20/images/lang-icon.svg);}
    .header-utill .util.translation .tit::after {content: '';position: absolute;top: 50%;right: 0;transform: translateY(-50%);aspect-ratio: 12 / 7;width: 12px;background-image: url(/template/t20/images/lang-arr.svg);}
    .header-utill .util.translation .show .tit::after {transform: translateY(-50%) rotate(180deg);}
    .header-utill .util.translation .translation-menu {background: var(--main-color01);--bs-dropdown-min-width: 120px;border: 0;border-radius: 24px;box-shadow: 0 18px 25px rgba(60,60,60,.2);padding: 0;margin-top: 12px;}
    .header-utill .util.translation .translation-menu::before {content: '';position: absolute;left: 50%;top: -9px;width: 0;height: 0;border-style: solid;border-width: 0 10px 12px 10px;border-color: transparent transparent var(--main-color01) transparent;transform: translateX(-50%);}
    .header-utill .util.translation .translation-menu .inner {display: flex;flex-wrap: wrap;width: 100%;text-align: center;padding: 8px;}
    .header-utill .util.translation .translation-menu .dropdown-item {position: relative;flex: 0 0 100%;width: 100%;display: block;font-size: 15px;text-align: center;padding: 8px 10px;color: #FFF;word-break: keep-all;overflow-wrap: break-word;white-space: normal;}
    .header-utill .util.translation .translation-menu .dropdown-item:hover, .gnb-util .util.translation .translation-menu .dropdown-item:focus {border-radius: 20px;background-color: rgba(0,0,0,.12);}
    .header-utill .util.translation .translation-menu .dropdown-item.active, .gnb-util .util.translation .translation-menu .dropdown-item:active {width: 100%;border-radius: 20px;background-color: rgba(0,0,0,.08);}
    .header-utill .util.major-info .tit::before {background-image: url(/template/t20/images/major-icon.svg);}
    .header-utill .util.login .tit::before {background-image: url(/template/t20/images/login-icon.svg);}
    .main .header-utill .util .tit {color: #FFF;}
    .main .header-utill .util.translation .tit::before {background-image: url(/template/t20/images/lang-icon-w.svg);}
    .main .header-utill .util.translation .tit::after {background-image: url(/template/t20/images/lang-arr-w.svg);}
    .main .header-utill .util.major-info .tit::before {background-image: url(/template/t20/images/major-icon-w.svg);}
    .main .header-utill .util.login .tit::before {background-image: url(/template/t20/images/login-icon-w.svg);}
    .header-logo > a {width: max-content;}
    .header-logo .logo {height: 36px;}
    .header-logo .major {line-height: 1.4;}
    #gnb {position: static;display: flex;justify-content: flex-end;width: 100%;max-width: 100%;height: 100%;background: transparent;padding: 0 16px;}
    .gnb-wrap {display: flex;align-items: center;}
    .gnb-wrap .gnb-title {display: none;}
    .gnb-wrap .gnb-utill {display: none;}
    .btn-navi .menu-ham {width: 40px;background-size: 40px auto;}
    .btn-navi .menu-ham.sitemap {display: block;}
    /* 1차 메뉴 */
    .gnb-wrap .depth01 {height: 100%;padding: 0;}
    .depth01-list {display: flex;height: 100%;padding: 0;}
    .depth01-list > li{position: relative;border: 0;border-radius: 0;margin-bottom: 0;padding: 0;}
    .depth01-list > li:has(.expanded-true){border: 0;}
    .depth01-list > li > .menuitem {max-width: 100%;height: 100%;font-weight: 600;background: transparent;padding: 0 8px;text-align: center;line-height: 1.2;font-size: 16px;}
    .depth01-list > li > .menuitem:hover, .depth01-list > li > .menuitem:focus {color: var(--main-color01);}
    .depth01-list > li > .menuitem .toggle-btn {display: none;}
    .depth01-list > li > .menuitem[target=_blank]::before {display: none;}
    .depth01-list > li > .menuitem[target=_blank] span {position: relative;padding-right: 20px;}
    .depth01-list > li > .menuitem[target=_blank] span::after {content: '';position: absolute;top: 4px;right: 0;width: 14px;height: 14px;background-image: url(/site/resource/gimhae/www/images/icon-window.png);background-size: 14px;background-position: center;background-repeat: no-repeat;}
    .depth01-list > li > .menuitem.expanded-true {color: inherit;padding-bottom: 0;border: 0;}
    .depth01-list > li > .menuitem.expanded-true + .depth02 {position: absolute;top: calc(100% - 10px);left: 50%;transform: translateX(-50%);margin-top: 0;}
    .depth01-list > li > .menuitem.expanded-true:hover, .depth01-list > li > .menuitem.expanded-true:focus {color: var(--main-color01);}
    .depth01-list > li > .menuitem::after {content: '';position: absolute;left: 50%;bottom:14px;transform: translateX(-50%);display: block;width: 12px;height: 12px;background: var(--main-color01);border-radius: var(--circle);border: 2px solid #FFF;opacity: 0;z-index: 3;}
    .depth01-list > li.active > .menuitem::after {opacity: 1;bottom: 4px;transition: .3s;}
    .depth01-list > li > .depth02 {position: absolute;top: calc(100% - 10px);left: 50%;right: 0;transform: translateX(-50%);min-width: 180px;z-index: 1;}
    .depth01-list > li > .depth02.focusin {visibility: visible;}
    .depth01-list > li.active .depth02.active {visibility: visible;}
    .main .depth01-list > li > .menuitem {color: #FFF;}
    .main .depth01-list > li > .menuitem.expanded-true {color: #FFF;}
    /* 2차 메뉴 */
    .depth01-list .depth02 {visibility: hidden;padding: 0;}
    .depth01-list .depth02 .depth02-inner {position: relative;background-color: var(--main-color01);border-radius: 12px;padding: 12px 18px;}
    .depth02-list {background: transparent;}
    .depth02-list > li {margin-bottom: 0;}
    .depth02-list > li > .menuitem {position: relative;font-size: 16px;font-weight: 600;color: #FFF;background: transparent;padding: 4px 0;transition: padding .5s;}
    .depth02-list > li > .menuitem::before {content: '';aspect-ratio: 1 / 1;width: 24px;border-radius: var(--circle);background: var(--main-color02) url(/template/t20/images/more-arr.svg) no-repeat;background-size: auto 24px;position: absolute;left: -48px;top: 3px;opacity: 0;transition:opacity .3s,  left .3s;}
    .depth02-list > li > .menuitem:hover::before, 
    .depth02-list > li > .menuitem:focus::before,
    .depth02-list > li.active > .menuitem::before{left: -32px;opacity: 1;}
    .depth02-list > li > .menuitem[target=_blank] {padding: 4px 22px 4px 0;}
    .depth02-list > li > .menuitem[target=_blank]::after{display: block; content: '';width: 14px;height: 14px;background: url(/template/t20/images/blank-icon.svg) no-repeat right center/contain;position: absolute;right:0;top: 9px;}
    .depth02-list > li > .menuitem .toggle-btn {display: none;}
    
    /* 3차 메뉴 */
    .depth03-list {display: none;}
    .depth02-list > li > .menuitem.expanded-true + .depth03 .depth03-list {display: none;}
}
@media(min-width: 1200px) {
    .header-wrap .layout {height: 84px;}
    .header-logo .logo {height: 40px;}
    .header-logo .major {font-size: 20px;}
    #gnb {padding: 0 20px 0 0}
    .depth01-list > li > .menuitem {font-size: 18px;padding: 0 15px;}
    .depth01-list > li > .depth02 {min-width: 200px;}
    .depth02-list > li > .menuitem {font-size: 17px;}
    .depth02-list > li > .menuitem::before {width: 28px;background-size: auto 28px;top: 2px;left: -56px;}
    .depth02-list > li.active > .menuitem::before{left: -38px;}
    .depth01-list .depth02 .depth02-inner {padding: 18px 24px;}
}
@media(min-width:1800px){
    .header-wrap .container {max-width: 1800px;}
    .header-top {height: 36px;}
    .header-logo .logo {height: 44px;}
    .header-logo .major {font-size: 22px;margin-left: 16px;}
    .btn-navi .menu-ham {width: 48px;background-size: 48px auto;}
    #gnb {padding: 0 30px 0 0}
    .depth01-list > li > .menuitem {font-size: 22px;padding: 0 30px;}
    .depth01-list > li > .depth02 {min-width: 230px;}
    .depth02-list > li > .menuitem {font-size: 19px;padding: 6px 0;}
    .depth02-list > li > .menuitem[target=_blank] {padding: 6px 28px 6px 0;}
    .depth02-list > li > .menuitem::before {top: 5px}
    .depth02-list > li.active > .menuitem::before{left: -42px;}
    .depth01-list .depth02 .depth02-inner {border-radius: 18px;padding: 20px 24px 20px 28px;}
    .depth02-list > li > .menuitem[target=_blank]::after {top: 12px;}
}

/************** footer **************/
#footer{padding-top: 20px;}
.footer-inner {position: relative;background-color: var(--main-color02);padding-bottom: 30px;}
.footer-inner::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: rgba(255,255,255,.1);z-index: 1;}
.footer-family {position: relative;z-index: 1;}
.footer-family .family-item {position: relative;display: flex;justify-content: flex-end;margin-top: -27px;}
.footer-family .family-item .family-select {position: relative;top: -27px;display: inline-block;min-width: 220px;height: 54px;text-align: left;color: #FFF;background-color: #072868;border: 0;border-radius: 30px;padding: 8px 16px 8px 22px ;z-index: 1;}
.footer-family .family-item .family-select::before {content: '';position: absolute;top: 50%;right: 10px;transform: translateY(-50%);width: 38px;border-radius: var(--circle);aspect-ratio: 1/1;background-color: rgba(255,255,255,.08);background-image: url(/template/t20/images/footer-family-arrow.svg);background-position: center 12px;background-repeat: no-repeat;transition: transform .3s;}
.footer-family .family-item .family-inner {display: none;position: absolute;bottom: 100%;width: fit-content;min-width: 220px;max-width: 220px;background: #1a3974;border-radius: 20px 20px 0 0;padding: 15px 15px 15px 15px;z-index: 0}
.footer-family .family-item.is-open .family-inner {bottom: 100%;padding: 15px 18px 42px 18px;}
.footer-family .family-item.is-open .family-select:before {transform: translateY(-50%) rotateX(0.5turn);background-position: center 14px;}
.footer-family .family-item .family-list {margin-bottom: 0;}
.footer-family .family-item .family-list > li {border-bottom: 1px dashed rgba(255,255,255,.1);padding: 8px 0;}
.footer-family .family-item .family-list > li:first-child {padding: 0 0 8px;}
.footer-family .family-item .family-list > li:last-child {border-bottom: 0;padding: 8px 0 0;}
.footer-family .family-item .family-list > li a {color: #FFF;}
.footer-family .family-item .family-list > li a:hover, .footer-family .family-item .family-list > li a:focus {color: #FCD312;}
.footer-link {position: relative;display: flex;flex: 1 0 100%;width: 100%;z-index: 1;}
.footer-link > li a {color: #FFF;padding: 0 10px;}
.footer-link > li:first-child a {font-weight: 600;color: #FCD312;padding: 0 10px 0 0;}
.footer-info .address-list > li {position: relative;color: #FFF;padding-left: 36px;padding-bottom: 5px;}
.footer-info .address-list > li::before {content: '';position: absolute;top: 2px;left: 0;width: 18px;height: 18px;background-repeat: no-repeat;background-position: center;background-size: auto 14px;}
.footer-info .address-list > li:last-child {padding-bottom: 0;}
.footer-info .address-list .address::before {background-image: url(/template/t20/images/footer-loc.svg);background-size: auto 16px;}
.footer-info .address-list .tel::before {background-image: url(/template/t20/images/footer-tel.svg);}
.footer-info .address-list .fax::before {background-image: url(/template/t20/images/footer-fax.svg);}
.footer-sns .sns-list {display: flex;gap: 0 5px;}
.footer-sns .sns-list > li {display: inline-block;}
.footer-sns .sns-list > li a {display: flex;justify-content: center;align-items: center;width: 36px;aspect-ratio: 1 / 1;background-color: rgba(255,255,255,.08);border-radius: var(--circle);}
.footer-sns .sns-list > li a:hover, .footer-sns .sns-list > li a:focus {animation: gelatine 0.3s 0.1s cubic-bezier(0, 0, 0.18, 0.99) alternate;}
.footer-sns .copyright {color: rgba(255,255,255,.5);}
.footer-inner .item .option {display: inline-block;flex: 1 0 100%;margin-top: 4px;}
.footer-inner .item .option > a {color: #FFF;padding: 0 6px 0 0;}
.footer-inner .item .option > a:hover, .footer-inner .item .option > a:focus {text-decoration: underline;text-underline-offset: 4px;}
@media(min-width:992px){
    .footer-family .family-item .family-select {min-width: 250px;}
    .footer-family .family-item .family-inner {min-width: 250px;max-width: 250px;}
    .footer-family .family-item .family-list > li a {font-size: 16px;}
    .footer-inner .item {display: flex;flex-wrap: wrap;align-items: flex-end;}
    .footer-link {margin-bottom: 20px;}
    .footer-info {flex: 0 0 50%;}
    .footer-info .address-list {margin-bottom: 0;}
    .footer-sns {flex: 0 0 50%;display: flex;flex-wrap: wrap;justify-content: flex-end;}
    .footer-sns .sns-list {gap: 0 10px;margin-bottom: 20px;}
    .footer-sns .sns-list > li a {width: 40px;}
    .footer-sns .copyright {flex: 0 0 100%;font-size: 16px;text-align: right;}
    .footer-inner .item .option {margin-top: 20px;}
}
@media(min-width:1600px){
    #footer{padding-top: 30px;}
    .footer-inner {padding-bottom: 40px;}
    .footer-inner .inner {margin-top: -15px;}
    .footer-family .family-item {margin-top: -30px;}
    .footer-family .family-item .family-select {font-size: 18px;height: 60px;top: -30px;padding: 8px 16px 10px 24px;}
    .footer-family .family-item .family-select::before {width: 44px;background-position: center 16px;}
    .footer-family .family-item.is-open .family-select:before {background-position: center 16px;}
    .footer-family .family-item .family-list > li {padding: 10px 0;}
    .footer-family .family-item .family-list > li:first-child {padding: 0 0 10px;}
    .footer-family .family-item.is-open .family-inner {bottom: 100%;padding: 18px 20px 48px 20px;}
    .footer-link {margin-bottom: 36px;}
    .footer-link > li a {font-size: 18px;}
    .footer-info .address-list > li {padding-left: 50px;padding-bottom: 12px;}
    .footer-info .address-list > li::before {top: 6px;background-size: auto 16px;}
    .footer-info .address-list .address::before {background-size: auto 18px;}
    .footer-sns .sns-list {margin-bottom: 25px;}
    .footer-inner .item .option {margin-top: 30px;}
    .footer-inner .item .option > a {padding: 0 10px 0 0}
}

/*****************************************************
    Sub
*****************************************************/
.layout-wrap{position: relative;display:flex;flex-direction:column;min-height:100dvh;}
.layout-wrap .main-container{flex:1}
.layout-wrap .sub-container{position:relative;flex:1;}
.sub-container{padding:18px 0 60px;}
.sub-container #content{min-height:300px;margin-bottom:0}
.sub-container .container {position: relative;}
.snb{position: sticky;top: 40px;width: 250px;flex: 0 0 250px;margin: 0 0 0 15px;}
.snb::before {content: '';position: absolute;top: 40px;left: 0;display: block;width: 100%;height: calc(100% - 40px);background: #F5F5F5;border-radius: 12px;z-index: 0;}
.snb .snb-tit{position: relative;left: -15px;background: var(--main-color01);border-radius: 12px 30px 30px 30px;box-shadow: 4px 8px 24px rgba(28, 62, 115, 0.25);display: flex;flex-direction: column;flex-wrap: wrap;align-items: flex-start;justify-content: flex-end; color: #fff; min-height: 120px;padding: 20px 24px 24px 24px;margin-bottom: 10px;}
.snb .snb-tit .deco {font-size: 14px;color: rgba(255,255,255,.5);margin-bottom: 3px;}
.snb .snb-tit h2{width: 100%;font-family: var(--font-type02);font-size: 22px;font-weight: 700;word-break: break-word;text-align: left;text-wrap-style: pretty;margin-bottom: 0;}
.snb-list {padding: 0 20px 15px 24px;margin-bottom: 0;}
.snb-list .snb01-item > a {position: relative;display: block;font-weight: 600;word-break: keep-all;color: var(--font-color01);padding: 9px 28px 10px 0;}
.snb-list .snb01-item > a::before {content: '';position: absolute;top: calc(50% - 1px);left: -50px;transform: translateY(-50%);display: block;width: 30px;height: 30px;border-radius: 50%;border: 4px solid #FFF;background: var(--main-color02) url(/template/t20/images/snb01-arrow.svg) center no-repeat;background-size: 12px;z-index: 1;opacity: 0;transition: all .3s;}
.snb-list .snb01-item > a:hover::before {left: -40px;opacity: 1;}
.snb-list .snb01-item.active > a{font-weight: 600;color: var(--main-color01);}
.snb-list .snb01-item.active > a::before {left: -40px;opacity: 1;}
.snb-list .snb01-item:has(.snb02-list) > a::after {content: '';position: absolute;top: 16px;right: 7px;display: block;width: 14px;height: 14px;background: url(/template/t20/images/snb-more.svg) no-repeat;background-size: 12px;}
.snb-list .snb01-item:has(.snb02-list).active > a::after {display: none;}
.snb-list .snb02-list{display: none;position: relative;}
.snb-list .active .snb02-list{display: block;background-color:#FFF;border-radius: 6px;padding: 8px 15px;margin-bottom: 10px;}
.snb-list .snb02-list a{display: block;padding: 3px 12px; position: relative;font-size: 15px;font-weight: 500;word-break: break-all;color: #686868;transition: .3s all;}
.snb-list .snb02-list a::before{content: '';display: block;width: 4px;height: 4px;border-radius: 4px; background-color: #999;position: absolute; left: 0; top: 13px;}
.snb-list .snb02-list a:hover, .snb-list .snb02-list a:focus {color: inherit;}
.snb-list .snb02-list a:hover::before, .snb-list  .snb02-list  a:focus::before{background-color: var(--main-color01);}
.snb-list .snb02-list .active a{color: var(--main-color01); font-weight: 600;}
.snb-list .snb02-list .active a::before {background: var(--main-color01);}

.page-navi{position: relative;background-color: #F5F5F5;padding: 10px 0;border-radius: 10px;padding: 8px 12px 6px;}
.page-navi:before{display: none;}
.page-navi .navbar-nav {flex: 1;flex-flow: row;flex-wrap: wrap;}
.page-navi .navbar-nav > .nav-item{position: static;border: 0;height: auto;width: auto;margin-right: 5px;}
.page-navi .navbar-nav > .nav-item:first-child{display: none;border: 0;width: auto;}
.page-navi .navbar-nav > .nav-item:nth-child(2n+1){border: 0;}
.page-navi .navbar-nav > .nav-item .nav-link{position: relative;font-size: 14px;text-align: left;word-break: break-all;color: var(--font-color01);white-space:inherit;display: flex;align-items: center;justify-content: space-between;padding: 0 0 0 15px;margin-bottom: 2px;}
.page-navi .navbar-nav > .nav-item .nav-link:hover, .page-navi .navbar .navbar-nav > .nav-item .nav-link:focus{color: var(--main-color01); text-decoration: none;}
.page-navi .navbar-nav > .nav-item:first-child .nav-link{padding: 0;vertical-align: middle;padding-right: 16px;}
.page-navi .navbar-nav > .nav-item:last-child .nav-link{font-weight: 600;text-decoration: underline;text-underline-offset: 5px;margin-bottom: 0;}
.page-navi .navbar-nav > .nav-item:nth-child(2) .nav-link {padding-left: 0;}
.page-navi .navbar-nav > .nav-item:nth-child(2) .nav-link:before {display: none;}
.page-navi .navbar-nav > .nav-item .nav-link:before{content: '';width: 7px; height: 7px;position: absolute;left: 0;top: 7px;display: block;border-top: 1px solid #000000;border-right: 1px solid #000000;transform: rotate(45deg);}
.page-navi .navbar-nav > .nav-item:first-child .nav-link:before{display:none;}
.page-navi .navbar-nav > .nav-item .nav-link::after{display: inline-block;border-top: 8px solid;border-left: 7px solid transparent;border-right: 7px solid transparent;border-width: 5px; color: #767676;border-radius: 4px;vertical-align: .15em;margin-left: 6px;}
.page-navi .navbar-nav > .nav-item.dropdown .nav-link.dropdown-toggle i {display: none;}
.page-navi .navbar-nav > .nav-item .dropdown-menu {min-width: 8rem;border-radius: 10px;box-shadow: 4px 8px 16px rgba(28, 62, 115, 0.2); border: 0;top: 100% !important;padding: 0.5rem;transform: translate(0, 0) !important}
.page-navi .navbar-nav > .nav-item .dropdown-menu .dropdown-item{font-size: 15px;border-radius: 4px;padding: 4px 16px;}
.page-navi .navbar-nav > .nav-item .dropdown-menu .dropdown-item:hover, .page-navi .navbar .navbar-nav > .nav-item .dropdown-menu .dropdown-item:focus {color: var(--main-color01);}
.page-navi .navbar-nav .dropdown-menu{width:100%;padding:8px}
.page-navi .navbar-nav .dropdown-menu .dropdown-item{position:relative;padding:7px 10px;border-radius:4px;font-weight:500;color:#555;background-color:transparent;transition:all .5s ease-out}
.page-navi .navbar-nav .dropdown-menu .dropdown-item.active,.page-navi .navbar-nav .dropdown-menu .dropdown-item:focus,.page-navi .navbar-nav .dropdown-menu .dropdown-item:hover{color:var(--font-color01);background-color:#f5f8ff;padding-left:21px}
.page-navi .navbar-nav .dropdown-menu .dropdown-item::before{content:'';position:absolute;top:12px;left:0;width:5px;height:5px;border-radius:50px;background-color:var(--main-color01);opacity:0;transition:left .5s ease-out}
.page-navi .navbar-nav .dropdown-menu .dropdown-item.active::before,.page-navi .navbar-nav .dropdown-menu .dropdown-item:focus::before,.page-navi .navbar-nav .dropdown-menu .dropdown-item:hover::before{left:10px;opacity:1}

.cont-title .option-box {display: flex;}
.cont-title .option-box .btn-option {position: relative;width: 30px;height: 30px;margin: 0;padding: 0;border: 0;background-color: transparent;}
.cont-title .option-box .btn-option::before {content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 1px;height: 24px;background: #CCC;}
.cont-title .option-box .btn-option > img {width: auto;height: 18px;}
.cont-title .option-box .btn-option .bi {font-size: 18px;color: #949494;transition: all .3s ease-out;}
.cont-title .option-box .btn-option .bi-printer {font-size: 22px;}
.cont-title .option-box .btn-option .bi-share {-webkit-text-stroke: .2px;}
.cont-title .option-box .btn-option:hover .bi, .sub-visual .page-navi .option-box .btn-option:focus .bi {color: #333;}

.cont-title{display: flex;justify-content: space-between;align-items: center; position: relative;padding-bottom: 12px;margin-top: 12px;margin-bottom: 20px;}
.cont-title::after{display: block; content: ''; position: absolute;right: 0;width: 100%; height: 1px; background-color: #DDD; bottom: 0px;}
.cont-title h2{font-family: var(--font-type02);font-size: 26px;font-weight: 700;color: var(--font-color01);margin: 0;}

@media (min-width:992px){
    .sub-container{border-top: 1px solid #DDD;padding-bottom: 100px;padding-top: 40px;}
    .sub-container > .container {display: flex;justify-content: space-between;align-items: flex-start; gap: 0 50px;}
    .snb-list .snb01-item > a {font-size: 17px;}
    .page-navi {background-color: transparent;border-radius: 0;padding: 0;}
    .page-navi .navbar-nav {flex:1 1 auto;justify-content:flex-start;font-size:17px;gap:0 6px;margin: 0;}
    .page-navi .navbar-nav .nav-item{display:block}
    .page-navi .navbar-nav > .nav-item {position: relative;margin-right: 0;}
    .page-navi .navbar-nav > .nav-item:first-child{display: block;}
    .page-navi .navbar-nav > .nav-item:first-child .nav-link {color: var(--main-color02);padding-right: 0;}
    .page-navi .navbar-nav > .nav-item:nth-child(2) .nav-link {padding-left: 16px;}
    .page-navi .navbar-nav > .nav-item:nth-child(2) .nav-link:before {display: block;}
    .page-navi .navbar-nav .nav-item::before{display:block;left:-18px}
    .page-navi .navbar-nav .nav-item .nav-link{width:auto;padding: 0 0 0 16px;}
    .page-navi .navbar-nav .nav-item:last-child{width:auto}
    .page-navi .navbar-nav .nav-item .nav-link > .bi{position:relative;right:auto;font-size:16px}
    .page-navi .navbar-nav > .nav-item .nav-link::after {display: none;}
    .page-navi .navbar-nav .dropdown-menu{width:auto}
    .page-navi .navbar-nav > .nav-item .dropdown-menu {top: 120% !important;}
    .cont-wrap{width: calc(100% - 300px);}
    .cont-title {margin-top: 10px;}
    .cont-title h2{font-size: 30px;}
    .cont-title .option-box .btn-option {padding: 0 15px;}
    .cont-title .option-box .btn-option > img {height: 20px;}
}
@media (min-width:1200px){
    .page-navi .navbar-nav .nav-item .nav-link {font-size: 16px;}
    .cont-title {padding-bottom: 15px;margin-top: 15px;margin-bottom: 35px;}
}
@media (min-width:1400px){
    .snb {width: 280px;flex: 0 0 280px;}
    .snb .snb-tit h2 {font-size: 24px;}
    .snb-list .snb01-item > a {font-size: 18px;}
    .snb-list .snb02-list a {font-size: 16px;}
    .cont-wrap{width: calc(100% - 345px);flex: 1 0 calc(100% - 345px);}
}
@media (min-width:1600px){
    .sub-container {padding-top: 60px;padding-bottom: 150px;}
    .sub-container > .container {gap: 0 70px;}
    .snb {width: 310px;flex: 0 0 310px;top: 60px;margin: 0 0 0 20px;}
    .snb::before {top: 60px;height: calc(100% - 60px);border-radius: 16px;}
    .snb .snb-tit {left: -20px;border-radius: 16px 40px 40px 40px;min-height: 135px;box-shadow: 4px 8px 28px rgba(28, 62, 115, .25);padding: 28px 24px 28px 30px;margin-bottom: 18px;}
    .snb .snb-tit .deco {font-size: 15px;}
    .snb .snb-tit h2 {font-size: 26px;}
    .snb-list {padding: 0 30px 24px 36px;}
    .snb-list .snb01-item > a {font-size: 19px;}
    .snb-list .snb01-item > a::before {left: -70px;width: 42px;height: 42px;background-size: auto;border-width: 5px;}
    .snb-list .snb01-item > a:hover::before {left: -57px;opacity: 1;}
    .snb-list .snb01-item.active > a::before {left: -57px;}
    .snb-list .snb01-item:has(.snb02-list) > a::after {background-size: 14px;}
    .snb-list .snb02-list a::before {top: 12px;}
    .snb-list .active .snb02-list {padding: 10px 15px 10px 20px;margin-top: 4px;margin-bottom: 16px;}
    .cont-wrap{width: calc(100% - 400px);flex: 1 0 calc(100% - 400px);}
    .cont-title {padding-bottom: 18px;margin-bottom: 50px;}
    .cont-title h2{font-size: 36px;}
}
/* sitemap */
.sitemap-style01 .sitemap-box {border-bottom: 1px solid var(--bs-gray-300);}
.sitemap-style01 .sitemap-box .depth01 {border:0;font-family: var(--font-type02);font-weight: 700;color: var(--main-color01);background: #F5F8FF;border-radius: 8px;padding: 12px 20px 10px;}
.sitemap-style01 .sitemap-box .item-row {gap: 4px 12px;padding: 0 0 12px;}
.sitemap-style01 .sitemap-box .list-style01 {margin-bottom: 0;}
.sitemap-style01 .sitemap-box [class*=list-style0] li {margin: 0;}
@media (min-width:768px){
    .sitemap-style01 .item-row > .item-col {flex: 0 0 calc((100% - 58px) / 3); max-width: calc((100% - 58px) / 3);}
}
@media (min-width:992px){
    .sitemap-style01 {border-top-color: var(--main-color02);}
    .sitemap-style01 .sitemap-box .depth01 {flex: 0 0 180px; max-width: 180px;border-radius: 12px;padding:28px 36px;}
    .sitemap-style01 .sitemap-box .item-row {gap: 8px 24px;padding: 15px 0;}
}
@media (min-width:1200px){
    .sitemap-style01 .sitemap-box .depth01 {flex: 0 0 220px; max-width: 220px;}
    .sitemap-style01 .item-row > .item-col {flex: 0 0 calc((100% - 72px) / 4); max-width: calc((100% - 72px) / 4);}
}
@media (min-width:1600px){
    .sitemap-style01 .sitemap-box .depth01 {border-radius: 16px;}
}
/* prof-style : 교수소개 */
.prof-style01 .prof-box {border-radius: var(--radius);}
.prof-style01 .prof-box .prof-top .prof-name .name {font-family: var(--font-type02);color: var(--font-color01);}
.prof-style01 .prof-box .prof-con .prof-list {margin-bottom: 0;}
.prof-style01 .prof-box .prof-thum .img:before {border-color: #EAEAEA;z-index: 1;}
.professor-item {border-radius: var(--radius-sm);}
.professor-item .prof-thum .img {border-radius: var(--radius-sm);}
@media (min-width:768px){
    .prof-style01.item-row {gap: 18px;}
}
@media (min-width:992px){
    .prof-style01 .prof-box {padding: 20px 24px 28px;}
    
}
@media (min-width:1200px){
    .prof-style01.item-row > .item-col {flex: 0 0 calc((100% - 18px) / 2);max-width: calc((100% - 18px) / 2);}
    .prof-style01 .prof-box .prof-con {flex: 1 0 calc(100% - 120px);max-width: calc(100% - 120px);}
    .prof-style01 .prof-box .prof-thum {max-width: 120px;}
}
@media (min-width:1400px){
    .prof-style01.item-row {gap: 24px;}
    .prof-style01.item-row > .item-col {flex: 0 0 calc((100% - 24px) / 2);max-width: calc((100% - 24px) / 2);}
    .prof-style01 .prof-box {padding: 20px 28px 24px;}
    .prof-style01 .prof-box .prof-con {flex: 1 0 calc(100% - 150px);max-width: calc(100% - 150px);}
    .prof-style01 .prof-box .prof-thum {max-width: 150px;}
}
/* login */
.login-wrap .login-box > .tit {font-weight: 700;color: var(--font-color01);}
/* board */
.board-search {border-radius: 8px;background: #F5F5F5;padding: 18px;}
.table.board-responsive .form-check {min-height: auto;}
@media (min-width:768px){
    .board-search {padding: 18px 20px 18px 24px;}
    .table.board-responsive th, .table.board-responsive td {padding: 15px 12px;}    
}
/*****************************************************
        Google Translate Main + Common
*****************************************************/
html:not([lang="auto"]):not([lang="ko"]) #gnb {top: 38px;height: calc(100dvh - 38px);}
html:not([lang="auto"]):not([lang="ko"]) .gnb-wrap .gnb-title {flex-wrap: wrap;gap: 12px;padding-top: 12px;}
html:not([lang="auto"]):not([lang="ko"]) .gnb-wrap .gnb-title .major-modal-btn {padding: 0;margin-left: 0;}
html:not([lang="auto"]):not([lang="ko"]) .header-logo .major {font-size: 13px;line-height: 1.2;}
@media(max-width: 991px){
    html:not([lang="auto"]):not([lang="ko"]) .gnb-wrap .depth01 {height: calc(100dvh - 184px);}
}
@media(min-width: 992px){
    html:not([lang="auto"]):not([lang="ko"]) #gnb {top: 0;height: 100%;}
    html:not([lang="auto"]):not([lang="ko"]) .header-logo .major {font-size: 16px;max-width: 220px;}
    html:not([lang="auto"]):not([lang="ko"]) .depth01-list > li > .depth02 {top: 100%;}
    html:not([lang="auto"]):not([lang="ko"]) .depth01-list > li.active > .menuitem::after {bottom: -6px;}
    html:not([lang="auto"]):not([lang="ko"]) .depth02-list > li > .menuitem {font-size: 15px;}
}
@media(min-width: 1200px){
    html:not([lang="auto"]):not([lang="ko"]) .depth02-list > li > .menuitem {font-size: 17px;}
}
@media(min-width: 1600px){
    html:not([lang="auto"]):not([lang="ko"]) .snb .snb-tit h2 {font-size: 24px;}
    html:not([lang="auto"]):not([lang="ko"]) .snb-list .snb01-item > a {font-size: 17px;}
    html:not([lang="auto"]):not([lang="ko"]) .cont-title h2 {font-size: 32px;}
}
@media(min-width: 1800px){
    html:not([lang="auto"]):not([lang="ko"]) .header-logo .major {font-size: 18px;max-width: 270px;}
    html:not([lang="auto"]):not([lang="ko"]) .depth01-list > li > .menuitem {font-size: 19px;padding: 0 18px;}
    html:not([lang="auto"]):not([lang="ko"]) .depth01-list .depth02 .depth02-inner {padding: 15px 22px 15px 24px;}
}

@media print {
  #header, #footer, .snb, .page-navi, .option-box, .btn-option, .content-foot {display: none;}
}