@charset "utf-8";
@import url("/site/resource/gimhae/www/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";
    
    --bs-primary:#4065D8;
    --bs-primary-hover:#264cc0;
    --bs-secondary:#5f6787;
    --bs-secondary-hover:#4e5677;
    --bs-danger:#D63242;

    --shadowAni-gutter: calc(1rem - 5px);
}
/*****************************************************
    common
*****************************************************/
body,html{
    min-width:320px;
    font-size:15px;
    color:#1e2124;
    line-height:1.4;
    letter-spacing:-.5px;
}
@media(min-width:992px){
    body,html{
        font-size:16px;
    }
}
@media(min-width:1600px){
    body,html{
        font-size:18px
    }
}
@media(min-width:2560px){
    body,html{
        font-size:19px
    }
}
@keyframes shadowAni {
    0% {box-shadow: none;}
    30% {box-shadow: 8px 0 0 #FFF;}
    60% {box-shadow: 8px 0 0 #FFF, calc(8px + calc(1rem - 5px)) 0 0 #FFF;}
    100% {box-shadow: 8px 0 0 #FFF, calc(8px + calc(1rem - 5px)) 0 0 #FFF, calc(8px + calc(calc(1rem - 5px) * 2)) 0 #FFF;}
}
@keyframes scaleAni {
    0% {transform: scale(1);}
    50% {transform: scale(0.5);}
    100% {transform: scale(1);}
}
@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(360deg); }
}
@keyframes rotate {
    from { transform: rotate(360deg); }
}
.container{padding:0 calc(var(--bs-gutter-x) * .5)}
@media(min-width:1200px){
    .container {padding:0}
}
@media(min-width:1600px){
    .container{max-width:1500px;}
}
@media(min-width:1800px){
    .container-xl {max-width: 1860px;padding: 0 30px;} 
}
.btn{padding-top:8px;padding-bottom:5px}
hr {border-style: dashed;opacity: .22;}
#floating{position:relative;z-index:120}
.openMenu #floating {z-index: 98;}
/* go-to-top */
#go-to-top{display:none;position:fixed;right: 20px;bottom:157px;padding:0;border:0;border-radius:50px;background-color:transparent;z-index:10}
#go-to-top::after{content:'\F145';font-family:var(--font-icon);position:absolute;top:-1px;left:0;width:100%;height:100%;font-size:30px;color:#fff}
#go-to-top .circle{display:block;width:40px;border-radius:50px;aspect-ratio:1/1;background:linear-gradient(180deg,var(--main-color01),#00af92);transition:all .3s ease-out}
#go-to-top:focus{background-color:var(--main-color02-hover)}
#userService .user-service-open {position:fixed;right:0;bottom:25px;width: 90px;font-size: 15px;color: #FFF;border-radius: 8px 0 0 8px;background: var(--main-color01);border: 0;padding: 8px 8px 7px 10px;}
#userService .user-service-open::before {content: '';position: absolute;bottom: 100%;left: 0;width: 76px;height: 66px;background-image: url(/site/resource/gimhae/www/images/dami-body.svg);background-size: 76px 66px;background-repeat: no-repeat;}
#userService .user-service-open::after {content: '';position: absolute;bottom: calc(100% - 4px);left: 18px;width: 16px;height: 12px;background-image: url(/site/resource/gimhae/www/images/dami-hi.svg);background-size: 16px 12px;background-repeat: no-repeat;}
#userService .user-service-open span {display: inline-block;font-weight: 500;line-height: 1.3;}
#userService {position: relative;z-index: 10;}
#userService .user-service-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;z-index: 9999;}
#userService.open .user-service-modal {opacity: 1;visibility: visible;transition: opacity .3s ease;}
#userService .user-service-bg {position: fixed;left: 0;top: 0;width: 100%;height: 100%;clip-path: circle(0 at 100% 100%);background: rgba(0,0,0,.8);transition: clip-path .3s ease;}
#userService.open .user-service-bg {width: 100%;height: 100dvh;clip-path: circle(150% at 100% 100%);transition: clip-path .3s ease;}
.user-service-modal {display: flex;justify-content: center;align-items: center;}
.user-service-wrap {width: 90%;margin: 0 auto;}
.user-service-wrap .user-service-tit {margin-bottom: 12px;}
.user-service-wrap .user-service-tit span {position: relative;font-family: var(--font-type02);font-size: 22px;font-weight: 700;color: #FFF;}
.user-service-wrap .user-service-tit span::after {content: '';position: absolute;top: 50%;right: -8px;transform: translateY(-50%);display: block;width: 6px;height: 6px;border-radius: 10px;animation: shadowAni 2.5s cubic-bezier(0.29, 0.24, 0.02, 1.01);animation-direction: alternate;animation-iteration-count: infinite;}
.user-service-wrap .user-service-box {position: relative;background: #1B307A;border-radius: 8px;}
.user-service-wrap .user-service-box .user-service-tab {padding: 16px 15px 25px;}
.user-service-wrap .user-service-box .user-service-tab .nav-tabs {border-bottom-color: rgba(255,255,255,.2);justify-content: center;}
.user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-link {position: relative;font-size: 15px;color: #FFF;border: none;border-radius: 0;opacity: .7;padding: 24px 0 8px;margin: 0 8px;}
.user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-link.active {font-weight: 500;color: var(--point-color03);border: none;border-bottom: 2px solid var(--point-color03);background: transparent;opacity: 1;}
.user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-link::before {content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 23px;height: 18px;background-position-y: 0;background-size: auto 44px;background-repeat: no-repeat;transition: background-position-y .3s ease-in-out;}
.user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-link.active::before {background-position-y: -26px;}
.user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-link[data-bs-target="#us-student"]::before {background-image: url(/site/resource/gimhae/www/images/us-icon01.png);}
.user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-link[data-bs-target="#us-yebi"]::before {background-image: url(/site/resource/gimhae/www/images/us-icon02.png);}
.user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-link[data-bs-target="#us-employee"]::before {background-image: url(/site/resource/gimhae/www/images/us-icon03.png);}
.user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-link[data-bs-target="#us-normal"]::before {background-image: url(/site/resource/gimhae/www/images/us-icon04.png);}
.user-service-wrap .user-service-box .user-service-tab .tab-content {height: 175px;padding: 12px 0 0;overflow-y: auto;}
.user-service-wrap .user-service-box .user-service-tab .tab-content::-webkit-scrollbar {width: 7px;height:7px;}
.user-service-wrap .user-service-box .user-service-tab .tab-content::-webkit-scrollbar-track {background-color: rgba(255,255,255,.1);}
.user-service-wrap .user-service-box .user-service-tab .tab-content::-webkit-scrollbar-thumb {background-color: #FFF;border-radius: 8px;}
.user-service-wrap .user-service-box .user-service-tab .tab-content::-webkit-scrollbar-button {display: none;}
.user-service-wrap .user-service-box .user-service-tab .us-list {display: flex;flex-wrap: wrap;gap: 4px 12px;margin-bottom: 0;}
.user-service-wrap .user-service-box .user-service-tab .us-list > li {position: relative;flex: 0 0 calc(50% - 6px);padding-left: 12px;}
.user-service-wrap .user-service-box .user-service-tab .us-list > li::before {content: '';position: absolute;top: 8px;left: 0;width: 4px;height: 4px;border-radius: 50%;background: rgba(255,255,255,.5);}
.user-service-wrap .user-service-box .user-service-tab .us-list > li a {position: relative;font-size: 14px;color: #FFF;text-decoration: dashed;}
.user-service-wrap .user-service-box .user-service-tab .us-list > li a:hover, .user-service-wrap .user-service-box .user-service-tab .us-list > li a:focus {text-decoration-line: underline;text-decoration-thickness: 2px;text-underline-offset: 4px;}
.user-service-wrap .user-service-box .user-service-tab .us-list > li a[target=_blank] {padding-right: 18px;}
.user-service-wrap .user-service-box .user-service-tab .us-list > li a[target=_blank]::after {content: '';position: absolute;bottom: 3px;right: 0;width: 12px;height: 12px;background: url(/site/resource/gimhae/www/images/icon-window-w.png) no-repeat;background-size: 12px;opacity: .5;}
.user-service-wrap .user-service-close {position: absolute;left: 50%;bottom: -15px;transform: translateX(-50%);width: 30px;height: 30px;font-size: 18px;color: #FFF;border-radius: 50%;background: #EC6A6F;border: none;}
.user-service-wrap .user-service-close::after {content: "";position: absolute;top: -5px;left: calc(50% - 20px);transform: translate(-50%, -50%);display: block;width: 40px;height: 40px;border-radius: 50%;background: rgba(236, 106, 111, 0.4);z-index: 0;animation: scaleAni 2s 0.5s;animation-iteration-count: infinite;z-index: -1;}
.user-service-wrap .user-service-close i {z-index: 1;}
.user-service-wrap .user-service-close .bi::before {transition: .3s all;}
.user-service-wrap .user-service-close:hover .bi::before, .user-service-wrap .user-service-close:focus .bi::before {transform: rotateY(180deg);}
@media(min-width:360px){
    .user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-link {margin: 0 12px;}
}
@media(min-width:480px){
    .user-service-wrap .user-service-box .user-service-tab {padding: 18px 20px 25px;}
    .user-service-wrap .user-service-box .user-service-tab .us-list > li a {font-size: 15px;}
    .user-service-wrap .user-service-box .user-service-tab .tab-content {height: 179px;padding: 18px 0 0;}
}
@media(min-width:768px){
    #go-to-top{right:30px;bottom:30px}
    .user-service-wrap .user-service-tit span {font-size: 28px;}
    .user-service-wrap .user-service-box .user-service-tab {padding: 24px 25px 40px;}
    .user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-link {font-size: 17px;padding: 26px 0 9px;}
    .user-service-wrap .user-service-box .user-service-tab .tab-content {height: 183px;}
    .user-service-wrap .user-service-box .user-service-tab .us-list {gap: 8px 12px;}
    .user-service-wrap .user-service-close {bottom: -20px;width: 40px;height: 40px;font-size: 22px;-webkit-text-stroke: 0.5px}
    .user-service-wrap .user-service-close::after {top: -7px;left: calc(50% - 27px);width: 54px;height: 54px;}
}
@media(min-width:992px){
    #go-to-top {bottom: 195px;}
    #go-to-top::after {top: -2px;font-size: 33px;}
    #go-to-top .circle {width: 42px;}
    #userService .user-service-open {bottom: 50px;width: 100px;padding: 8px 20px;}
    #userService .user-service-open::before {left: 6px;width: 86px;height: 75px;background-size: 86px 75px;}
    #userService .user-service-open::after {left: 24px;width: 18px;height: 13px;background-size: 18px 13px;}
    .user-service-wrap .user-service-tit span {font-size: 32px;}
    .user-service-wrap .user-service-box {border-radius: 12px;}
    .user-service-wrap .user-service-box .user-service-tab {padding: 26px 40px 40px;}
    .user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-link {font-size: 20px;padding: 30px 4px 10px;margin: 0 18px;}
    .user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-link::before {width: 25px;height: 20px;background-size: auto 48px;}
    .user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-link.active {border-width: 3px;}
    .user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-link.active::before {background-position-y: -28px;}
    .user-service-wrap .user-service-box .user-service-tab .tab-content {height: 149px;padding: 22px 0 0;}
    .user-service-wrap .user-service-box .user-service-tab .us-list {gap: 10px 12px;}
    .user-service-wrap .user-service-box .user-service-tab .us-list > li {flex: 0 0 calc(calc(100% - 24px) / 3);}
    .user-service-wrap .user-service-box .user-service-tab .us-list > li a {font-size: 17px;}
    .user-service-wrap .user-service-box .user-service-tab .us-list > li a:hover, .user-service-wrap .user-service-box .user-service-tab .us-list > li a:focus {text-underline-offset: 6px;}
    .user-service-wrap .user-service-box .user-service-tab .us-list > li a[target=_blank] {padding-right: 20px;}
    .user-service-wrap .user-service-box .user-service-tab .us-list > li a[target=_blank]::after {width: 14px;height: 14px;background-size: 14px;}
    .user-service-wrap .user-service-close {bottom: -24px;width: 48px;height: 48px;font-size: 24px;}
    .user-service-wrap .user-service-close::after {top: -8px;left: calc(50% - 32px);width: 64px;height: 64px;}   
}
@media(min-width:1200px){
    .user-service-wrap {max-width: 1140px;}
    .user-service-wrap .user-service-box .user-service-tab {padding: 28px 60px 40px;}
    .user-service-wrap .user-service-tit span {font-size: 40px;}
    .user-service-wrap .user-service-tit span::after {width: 8px;height: 8px;right: -18px;}
    .user-service-wrap .user-service-box .user-service-tab .tab-content {height: 190px;padding: 28px 0 0;}
    .user-service-wrap .user-service-box .user-service-tab .us-list > li {padding-left: 15px;}
    .user-service-wrap .user-service-box .user-service-tab .us-list > li::before {width: 5px;height: 5px;}   
}
@media(min-width:1600px){
    .user-service-wrap {max-width: 1200px;}
    .user-service-wrap .user-service-tit {margin-bottom: 24px;}
    .user-service-wrap .user-service-box {border-radius: 16px;}
    .user-service-wrap .user-service-box .user-service-tab {padding: 50px 60px 60px;}
    .user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-link {font-size: 24px;padding: 36px 4px 12px;margin: 0 36px;}
    .user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-link::before {width: 32px;height: 24px;background-size: auto 58px;}
    .user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-link.active::before {background-position-y: -34px;}
    .user-service-wrap .user-service-box .user-service-tab .tab-content {height: 200px;padding: 40px 0 0;}
    .user-service-wrap .user-service-box .user-service-tab .us-list {gap: 18px 16px;}
    .user-service-wrap .user-service-box .user-service-tab .us-list > li {flex: 0 0 calc(calc(100% - 48px) / 4);}
    .user-service-wrap .user-service-box .user-service-tab .us-list > li::before {top: 9px;}
    .user-service-wrap .user-service-box .user-service-tab .us-list > li a {font-size: 19px;}
    .user-service-wrap .user-service-box .user-service-tab .us-list > li a:hover, .user-service-wrap .user-service-box .user-service-tab .us-list > li a:focus {text-underline-offset: 8px;}
    .user-service-wrap .user-service-box .user-service-tab .us-list > li a[target=_blank] {padding-right: 24px;}
    .user-service-wrap .user-service-box .user-service-tab .us-list > li a[target=_blank]::after {width: 16px;height: 16px;background-size: 16px;}
    .user-service-wrap .user-service-close {bottom: -30px;width: 60px;height: 60px;font-size: 28px;}
    .user-service-wrap .user-service-close::after {top: -8px;left: calc(50% - 38px);width: 76px;height: 76px;}   
}
/* form-control */
.form-control{border-radius:0}

/* board */
.board-search {border-radius: 8px;}
.board-view > .option .item .tit::after {top: 50%;}
@media(min-width:768px){
    .board-search {padding: 18px 20px;}
}
@media(min-width:1600px){
    .board-view > .option .item .tit::after {height: 14px;}
}
/* board-list */
.table.board-list thead th{background-color:var(--form-color03);border-bottom-color:var(--form-color01)}
.table.board-list thead th:after{top:calc(50% - 4px);right:-2px;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:#dedede;border:0;box-shadow:0 8px 0 #dedede;z-index:1}

/*****************************************************
    Include
*****************************************************/
.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;padding-top:30px;padding-bottom:60px}
@media(min-width:992px){
    .layout-wrap .sub-container{padding-top:70px;padding-bottom:100px}
}
@media(min-width:1500px){
    .layout-wrap .sub-container{padding-top:100px;padding-bottom:160px}
}

/* header */
.openMenu {overflow: hidden;}
#header {position: absolute;width: 100%;background: #fff;overflow-x: clip;z-index: 99;}
#header .header-logo{margin:0}
#header .header-logo > a{display:block;width:135px;height:30px;background-image:url(/site/resource/gimhae/common/images/logo.svg);background-repeat:no-repeat;background-size:contain;background-position:top left;transition:all .3s ease-out}
.header-wrap {border-bottom: 1px solid #DDD;min-height: 54px;display: flex;align-items: center;}
.header-wrap .layout {display: flex;justify-content: space-between;align-items: center;height: 54px;}
.header-wrap .logo {display: flex;align-items: center;margin-bottom: 0;}
.header-wrap .logo > a {display: inline-flex;align-items: center;gap: 0 10px;}
.header-wrap .logo .logo-img {height: 28px;}
.header-wrap .logo .logo-title {position: relative;font-size: 18px;color: #000;padding-left: 10px;}
.header-wrap .logo .logo-title::before {content: '';position: absolute;top: 50%;left: 0;display: block;width: 1px;height: 20px;background: #DDD;transform: translateY(-50%);}
#gnb {position: fixed;top: 0;right: -100%;width: 100%;height: 100dvh;background: #fff;transition:right .3s;z-index: 100;}
#gnb.on {right: 0;}
#header .gnb-wrap .gnb-title .header-logo > a {background-image:url(/site/resource/gimhae/common/images/logo.svg);background-repeat:no-repeat;background-size:contain;background-position:top left;}
.gnb-wrap .gnb-title {position: relative;display: flex;align-items: center;min-height: 54px;padding: 0 0 0 calc(var(--bs-gutter-x) * .5)}
.gnb-wrap .gnb-title .gnb-close {position: absolute;top: 0;right: 0;display: flex;align-items: center;justify-content: center;color: #fff;width: 54px;height: 54px;text-align: center;background-color: var(--bs-dark);z-index: 1;}
.gnb-wrap .gnb-title .gnb-close::before {content: "\F659";font-family: var(--font-icon);font-size: 20px;font-weight: 600;display: block;position: absolute;top: 50%;left: 50%;width: 30px;height: 30px;transform: translate(-50%, -50%);padding: 0;}

/* 헤더 공통 */
#header [type="button"] {-webkit-appearance: none;appearance: none;border: none;background-color: transparent;cursor: pointer;}
/* 1차 메뉴 */
.depth01-list {margin-bottom: 0;}
.depth01-list > li > .menuitem {position: relative;display: flex;align-items: center;height: 54px;font-size: 18px;font-weight: 700;background: #FFF;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;border-radius: 50%;background: var(--main-color01);}
.depth01-list > li > .menuitem.expanded-true {color: var(--main-color01);}
.depth01-list > li > .menuitem.haspopup-true.expanded-false .toggle-btn::before {content: '';position: absolute;top: 50%;left: 50%;width: 12px;height: 2px;background: #FFF;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: #FFF;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: #FFF;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;}
.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차 메뉴 */
.depth01-list .depth02 {position: relative;}
.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%;border-radius: 12px;font-size: 16px;color: #1E2124;background: #F1F4FD;padding: 15px 15px 13px;transition: .3s all;}
.depth02-list > li > .menuitem:not(.haspopup-true)[target=_blank]:after {content: '';position: absolute;top: 18px;right: 16px;width: 14px;height: 14px;background: url("/site/resource/gimhae/www/images/icon-window.png") no-repeat;background-size: 14px;}
.depth02-list > li > .menuitem .toggle-btn {position: absolute;right: 18px;display: flex;justify-content: center;align-items: center;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.haspopup-true.expanded-true .toggle-btn::before {font-family: var(--font-icon);content: '\F286';}
.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;}

/* 3차 메뉴 */
.depth02-list .depth03 {padding: 0 0 0 15px;}
.depth03-list {padding: 10px 0 4px;}
.depth03-list > li {position: relative;color:#fff;}
.depth03-list > li > .menuitem {display: block;font-size: 15px;color: #555;padding: 3px 8px 3px 14px;}
.depth03-list > li > .menuitem::before {content: '';position: absolute;top: 11px;left: 0;width: 4px;height: 4px;background: var(--main-color02);border-radius: 8px;}
.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("/site/resource/gimhae/www/images/icon-window.png") no-repeat;background-size: 13px;}

/* 헤더 유틸 : gnb-util */
.gnb-util {display: flex;flex: 1 0 auto;justify-content: flex-end;gap: 0 10px;padding: 0 18px 0 0;}
.gnb-util .util {display: inline-flex;align-items: center;}
.gnb-util .util > a, .gnb-util .util > button {position: relative;color: #464C53;display: inline-block;width: 18px;padding-top: 18px;background-size: auto 18px;background-repeat: no-repeat;background-position: center;}
.gnb-util .util > a .tit, .gnb-util .util > button .tit {display: none;}
.gnb-util .util.translation > a, .gnb-util .util.translation > button {background-image: url(/site/resource/gimhae/www/images/icon-translate.svg);}
.gnb-util .util.translation .translation-menu {min-width: auto;background: var(--bs-secondary);border: 0;border-radius: 24px;box-shadow: 0 18px 25px rgba(60,60,60,.2);padding: 0;margin-top: 12px;}
.gnb-util .util.translation .translation-menu::before {content: '';position: absolute;left: 50%;top: -9px;width: 0;height: 0;border-style: solid;border-width: 0 8px 12px 8px;border-color: transparent transparent var(--bs-secondary) transparent;transform: translateX(-50%);}
.gnb-util .util.translation .translation-menu .inner {text-align: center;padding: 8px;}
.gnb-util .util.translation .translation-menu .dropdown-item {position: relative;flex: 0 0 auto;width: max-content;max-width: 120px;display: inline-block;font-size: 15px;text-align: center;padding: 5px 8px;color: #FFF;word-break: keep-all;overflow-wrap: break-word;white-space: normal;}
.gnb-util .util.translation .translation-menu .dropdown-item:hover, .gnb-util .util.translation .translation-menu .dropdown-item:focus {background: transparent;}
.gnb-util .util.translation .translation-menu .dropdown-item::before {content: '';width: 0;height: 1px;position: absolute;bottom: 0;left: 8px;background: rgba(255,255,255,.5);transition: width .3s;}
.gnb-util .util.translation .translation-menu .dropdown-item:hover::before, .gnb-util .util.translation .translation-menu .dropdown-item:focus::before {width: calc(100% - 16px);}
.gnb-util .util.translation .translation-menu .dropdown-item.active, .gnb-util .util.translation .translation-menu .dropdown-item:active {width: 100%;border-radius: 20px;background-color: rgba(255,255,255,.1);}
.gnb-util .util.translation .translation-menu .dropdown-item.active:hover::before, .gnb-util .util.translation .translation-menu .dropdown-item:active:hover::before {width: 0;}
.gnb-util .util.login > a, .gnb-util .util.login > button {background-image: url(/site/resource/gimhae/www/images/icon-login.svg);}
.gnb-util .util.popup > a, .gnb-util .util.popup > button {background-image: url(/site/resource/gimhae/www/images/icon-popup.svg);}
.gnb-util .util.popup .num {position: absolute;top: -6px;left: calc(100% - 10px);display: inline-flex;justify-content: center;align-items: center;min-width: 14px;height: 14px;font-size: 12px;font-weight: 400;text-align: center;color: #FFF;border-radius: 10px;background: #EC4D53;padding: 1px 2px 0;}

/* 사이트맵 : btn-navi, sitemap */
.btn-navi {height: 100%;display: flex;align-items: center;gap: 0 12px;border-left: 1px solid #DDD;padding: 0 0 0 12px;}
.btn-navi .btn-search {width: 18px;height: 18px;background-image: url(/site/resource/gimhae/www/images/icon-search.png);background-size: 18px;}
.btn-navi .menu-ham {width: 18px;height: 18px;background-image: url(/site/resource/gimhae/www/images/icon-menu-m.png);background-size: 18px;}
.btn-navi .menu-ham.sitemap {display: none;}
.btn-navi .menu-ham i {display: flex;align-items: center;}
.btn-navi .menu-ham:hover, .btn-navi .menu-ham:focus {text-decoration: none;}
@media(min-width: 480px) {
    .gnb-util {gap: 0 12px;}
    .gnb-util .util > a, .gnb-util .util > button {width: 20px;padding-top: 20px;background-size: auto 20px;}
    .btn-navi {gap: 0 15px;padding: 0 0 0 16px;}
    .btn-navi .btn-search {width: 20px;height: 20px;background-size: 20px;}
    .btn-navi .menu-ham {width: 20px;height: 20px;background-size: 20px;}
}
@media(max-width: 991px) {
    .gnb-wrap .depth01 {overflow: auto;height: calc(100dvh - 54px);padding-bottom: 20px;}
    .depth02-inner {max-width: 100%;}
    .depth02 .depth02-inner .container {max-width: 100%;}
    .depth01-list > li > .menuitem.on {color: var(--main-color01);}
    .depth02-list > li > .menuitem.on {background: var(--main-color01);color: #FFF;}
    .depth03-list > li > .menuitem.on {text-decoration: underline;text-underline-offset: 3px;color: var(--main-color01);}
}
@media(min-width: 992px) {
    #header.header_on {z-index: 100;}
    .header-wrap {min-height: inherit;border-bottom: 0;padding: 0;}
    .header-wrap::before {content: '';position: absolute;left: 0;bottom: -1px;width: 100%;height: 1px;border-bottom: 1px solid #DDD;z-index: 0;}
    .header-wrap .layout {height: 70px;}
    #header .header-logo > a {width: 130px;height: 34px;}
    #gnb {position: static;display: flex;justify-content: space-between;width: 100%;max-width: 100%;height: 100%;background: transparent;padding: 0 0 0 10px;}
    .gnb-wrap {display: flex;align-items: center;}
    .gnb-wrap .gnb-title {display: none;}

    /* 1차 메뉴 */
    .gnb-wrap .depth01 {height: 100%;}
    .depth01-list {display: flex;height: 100%;}
    .depth01-list > li > .menuitem {max-width: 100%;height: 100%;font-size: 16px;font-weight: 500;color: #464C53;background: transparent;padding: 0 5px;}
    .depth01-list > li > .menuitem:focus {outline-offset: -1px;}
    .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 > .depth02 {position: absolute;top: 100%;right: 0;width: 100%;z-index: 1;}
    .depth01-list > li > .menuitem.expanded-true {color: #464C53;}
    .depth01-list > li > .menuitem.expanded-true + .depth02 {position: absolute;top: 100%;}
    .depth01-list > li.active > .menuitem {color: var(--main-color01);}
    .depth01-list > li > .menuitem::after {content: '';position: absolute;left: 50%;bottom: -10px;display: block;width: 30px;height: 30px;opacity: 0;border-radius: 30px;background: var(--main-color01);transform: translateX(-50%);z-index: 3;transition: width .3s, height .3s, left .5s, bottom .3s, opacity .2s, border-radius .5s;}
    .depth01-list > li.active > .menuitem::after {content: '';position: absolute;left: 50%;bottom: -2px;display: block;width: calc(100% - 24px);height: 4px;opacity: 1;border-radius: 4px;background: var(--main-color01);}
    .depth01-list > li.active > .depth02.focusin {box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);}
    .depth01-list > li > .depth02.focusin {visibility: visible;}
    .depth01-list > li.active .depth02.active {visibility: visible;}
    /* 2차 메뉴 */
    .depth01-list .depth02 {visibility: hidden;}
    .depth01-list .depth02.active, .depth01-list .depth02.focusin {box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);}
    .depth01-list .depth02::before {content: '';position: absolute;top: 0;width: 100%;height: 1px;background: #DDD;z-index: 1;}
    .depth01-list .depth02 .depth02-inner {position: relative;width: 100%;height: 100%;background: #FFF;}
    .depth01-list .depth02 .depth02-inner::after {content: '';position: absolute;top: calc(100% - 80px);right: -8px;width: 606px;height: 36px;background: url(/site/resource/gimhae/www/images/menu-depth02-bg.png) no-repeat;background-size: auto 36px;filter: brightness(1.8) contrast(1.1);opacity: 0;z-index: -1;}
    .depth01-list .depth02.active .depth02-inner::after {top: calc(100% - 3px);opacity: .7;transition: .4s all;}
    .depth02-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 18px;background: transparent;padding: 20px 0 25px;}
    .depth02-list > li {margin-bottom: 0;}
    .depth02-list > li > .menuitem {position: relative;font-family: var(--font-type02);font-size: 15px;font-weight: 700;height: 44px;border: 2px solid transparent;background: #F4F5F6;border-radius: 12px;padding: 8px 35px 8px 15px;transition: border .5s, background .5s, color .3s, box-shadow .5s;}
    .depth02-list > li > .menuitem.haspopup-true::before {content: '\F282';font-family: var(--font-icon);position: absolute;top: calc(50% - 2px);right: 12px;width: 16px;height: 16px;color: #8A949E;transform: translateY(-50%);transition: top .3s;}
    .depth02-list > li > .menuitem.haspopup-true::after {content: '\F282';font-family: var(--font-icon);position: absolute;top: calc(50% - 2px);right: 12px;width: 16px;height: 16px;color: #8A949E;transform: translateY(-50%);transition: top .3s;}
    .depth02-list > li > .menuitem.haspopup-true:hover::before, .depth02-list > li > .menuitem.haspopup-true:focus::before, .depth02-list > li.active > .menuitem.haspopup-true::before {top: calc(50% - 5px);color: var(--main-color01);}
    .depth02-list > li > .menuitem.haspopup-true:hover::after, .depth02-list > li > .menuitem.haspopup-true:focus::after, .depth02-list > li.active > .menuitem.haspopup-true::after {top: calc(50% + 1px);color: var(--main-color01);}
    .depth02-list > li > .menuitem .toggle-btn {display: none;}
    .depth02-list > li > .menuitem:hover, .depth02-list > li > .menuitem:focus, .depth02-list > li.active > .menuitem {color: var(--main-color01);border-color: var(--main-color01);background: #FFF;box-shadow: 0 6px 10px rgba(64,101,216,.16);}
    .depth02-list > li > .menuitem:not(.haspopup-true)[target=_blank]::after {top: 12px;}
    /* 3차 메뉴 */
    .depth02-list .depth03 {padding: 12px 8px 0 15px;}
    .depth03-list {padding: 0;}
    .depth03-list > li > .menuitem {position: relative;display: inline-block;font-size: 15px;padding: 1px 0;transition: .3s padding;}
    .depth03-list > li > .menuitem::before {top: 6px;left: -5px;background: #8A949E;width: 3px;height: 3px;box-shadow: 0 6px 0 #8A949E;opacity: 0;transition: .3s opacity, .3s left;}
    .depth03-list > li > .menuitem:hover, .depth03-list > li > .menuitem:focus {padding: 1px 0 1px 9px;}
    .depth03-list > li > .menuitem:hover::before, .depth03-list > li > .menuitem:focus::before {left: 0;opacity: 1;}
    /* 헤더 유틸 : gnb-util */
    
    /* 사이트맵 : btn-navi, sitemap */
    .btn-navi .menu-ham {width: 24px;height: 24px;background-size: 24px;}
    .btn-navi .btn-search {width: 24px;height: 24px;background-size: 24px;}
    .btn-navi .menu-ham.sitemap {display: block;background-image: url(/site/resource/gimhae/www/images/icon-sitemap.svg);}
}
@media(min-width: 1200px) {
    #header .header-logo > a {width:155px;height:40px}
    .header-wrap .layout {height: 90px;}
    #gnb {padding: 0 0 0 10px;}
    .depth01-list > li > .menuitem {font-size: 18px;padding: 0 10px;}
    .depth01-list > li > .menuitem[target=_blank] span {padding-right: 22px;}
    .depth01-list > li > .menuitem[target=_blank] span::after {top: 4px;width: 16px;height: 16px;background-size: 16px;}
    .depth01-list > li.active > .menuitem::after {width: calc(100% - 30px);}
    .depth02 .deco {width: 20%;}
    .depth02 .deco .deco-tit {font-size: 36px;}
    .depth02-list {grid-template-columns: repeat(4, 1fr);gap: 24px;padding: 28px 0 30px;}
    .depth02-list > li > .menuitem {font-size: 17px;height: 58px;padding: 12px 35px 11px 20px;}
    .depth02-list > li > .menuitem.haspopup-true::before {top: calc(50% - 4px);right: 16px;}
    .depth02-list > li > .menuitem.haspopup-true::after {top: calc(50% - 4px);right: 16px;}
    .depth02-list > li > .menuitem.haspopup-true:hover::before, .depth02-list > li > .menuitem.haspopup-true:focus::before, .depth02-list > li.active > .menuitem.haspopup-true::before {top: calc(50% - 8px)}
    .depth02-list > li > .menuitem.haspopup-true:hover::after, .depth02-list > li > .menuitem.haspopup-true:focus::after, .depth02-list > li.active > .menuitem.haspopup-true::after {top: calc(50% - 1px)}
    .depth02-list > li > .menuitem:not(.haspopup-true)[target=_blank]::after {top: 18px;right: 18px;width: 16px;height: 16px;background-size: auto;}
    .depth02 .depth02-inner::after {width: 733px;;height: 44px;background-size: auto 44px}
    .depth02-list .depth03 {padding: 10px 10px 0 12px;}
    .depth03-list > li > .menuitem {font-size: 17px;padding: 2px 0;}
    .depth03-list > li > .menuitem:hover, .depth03-list > li > .menuitem:focus {padding: 2px 0 2px 12px;}
    .depth03-list > li > .menuitem::before {top: 7px;width: 4px;height: 4px;box-shadow: 0 7px 0 #8A949E;}
    .depth03-list > li > .menuitem[target=_blank] > span::after {bottom: 3px;width: 14px;height: 14px;background-size: 14px;}
    .gnb-util {padding-top: 8px;}
    .btn-navi .menu-ham {font-size: 36px;}
}
@media(min-width: 1400px) {
    .depth01-list > li > .menuitem {font-size: 20px;padding: 0 16px;}
}
@media(min-width:1600px){
    #header .header-logo > a {width:175px;height:44px}
    .depth01-list > li > .menuitem {font-size: 22px;padding: 0 24px;}
    .depth01-list > li > .menuitem[target=_blank] span::after {top: 7px;}
    .depth01-list > li.active > .menuitem::after {width: calc(100% - 48px);height: 5px;}
    .depth02-list {gap: 32px 24px;padding: 40px 0 54px;}
    .depth02-list > li > .menuitem {font-size: 19px;border-radius: 16px;padding: 12px 50px 11px 20px;}
    .depth02-list > li > .menuitem:hover, .depth02-list > li > .menuitem:focus, .depth02-list > li.active > .menuitem {box-shadow: 0 12px 36px rgba(64,101,216,.16);}
    .depth02-list > li > .menuitem.haspopup-true::before {top: calc(50% - 5px);right: 25px;}
    .depth02-list > li > .menuitem.haspopup-true::after {top: calc(50% - 5px);right: 25px;}
    .depth02-list > li > .menuitem.haspopup-true:hover::before, .depth02-list > li > .menuitem.haspopup-true:focus::before, .depth02-list > li.active > .menuitem.haspopup-true::before {top: calc(50% - 11px)}
    .depth02-list > li > .menuitem.haspopup-true:hover::after, .depth02-list > li > .menuitem.haspopup-true:focus::after, .depth02-list > li.active > .menuitem.haspopup-true::after {top: calc(50% - 2px)}
    .depth02-list > li > .menuitem:not(.haspopup-true)[target=_blank]::after {right: 24px;}
    .depth01-list .depth02 .depth02-inner::after {right: -3px;width: 950px;;height: 57px;background-size: auto 57px}
    .depth01-list .depth02.active .depth02-inner::after {top: calc(100% - 2px);}
    .depth02-list .depth03 {padding: 16px 10px 0 22px;}
    .depth03-list > li > .menuitem {padding: 3px 0;}
    .depth03-list > li > .menuitem:hover, .depth03-list > li > .menuitem:focus {padding: 3px 0 3px 12px;}
    .depth03-list > li:first-child > .menuitem {padding: 0 0 3px;}
    .depth03-list > li:first-child > .menuitem:hover, .depth03-list > li:first-child > .menuitem:focus {padding: 0 0 3px 12px;}
    .depth03-list > li > .menuitem::before {top: 9px;box-shadow: 0 8px 0 #8A949E;}
    .depth03-list > li:first-child > .menuitem::before {top: 6px;}
    .gnb-util {gap: 0 16px;}
    .gnb-util .util > a, .gnb-util .util > button {width: auto;background-position: top center;padding: 25px 0 0;}
    .gnb-util .util > a:hover .tit, .gnb-util .util > a:focus .tit, .gnb-util .util > button:hover .tit, .gnb-util .util > button:focus .tit {text-decoration: underline;text-underline-offset: 3px;}
    .gnb-util .util > a .tit, .gnb-util .util > button .tit {display: inline-block;font-size: 17px;font-weight: 500;}
    .gnb-util .util.translation .translation-menu .dropdown-item {font-size: 16px;padding: 6px 12px;}
    .gnb-util .util.popup .num {position: relative;top: auto;left: auto;font-size: 14px;min-width: 20px;height: 20px;margin-left: -1px;vertical-align: text-top;}
    .btn-navi {gap: 0 20px;padding: 0 0 0 24px;}
    .btn-navi .btn-search {width: 28px;height: 28px;background-size: 28px;}
    .btn-navi .menu-ham {width: 28px;height: 28px;background-size: 28px;}
}
@media(min-width:1800px){
    #header .header-logo > a {width:181px;height:48px}
    #gnb {padding: 0 0 0 50px;}
    .depth01-list > li > .menuitem {font-size: 23px;padding: 0 24px;}
    .depth01-list > li.active > .menuitem::after {width: calc(100% - 56px);}
    .depth01-list > li > .menuitem[target=_blank] span::after {top: 8px;}
    .depth02-list > li > .menuitem {font-size: 20px;height: 64px;}
    .depth02-list > li > .menuitem:not(.haspopup-true)[target=_blank]::after {top: 22px;}
    .depth02-list .depth03 {padding: 20px 10px 0 26px;}
    .depth03-list > li > .menuitem {font-size: 19px;}
    .depth03-list > li > .menuitem[target=_blank] > span::after {bottom: 5px;}
}

/* footer */
#footer{background-color:#0f1c44;background-image:url(/site/resource/gimhae/www/images/footer-bg.png);background-size: cover;background-position:center top;overflow-x:clip}
.footer-family .inner {display:flex;flex-wrap:wrap;padding: 0;}
.footer-family .inner > *{position:relative;flex:0 0 50%;border-bottom:1px solid rgba(255,255,255,.2)}
.footer-family .inner > :nth-child(2n){border-left:1px solid rgba(255,255,255,.2)}
.footer-family .family-item .family-select{position:relative;width:100%;height:50px;color:#fff;text-align:left;background:0 0;border:none;padding:0 12px}
.footer-family .family-item .family-select::before{content:'\F286';font-family:var(--font-icon);color:rgba(255,255,255,.5);-webkit-text-stroke:.6px;position:absolute;top:calc(50% - 2px);right:12px;transform:translateY(-50%);transition:.3s all}
.footer-family .family-item.is-open .family-select::before{top:50%;transform:translateY(-50%) rotateX(180deg)}
.footer-family .family-item .family-inner{display:none;position:absolute;bottom:100%;width:calc(100% + 1px);background:#fff;box-shadow:0 -20px 30px rgba(45,45,45,.08);padding:12px 4px 12px 12px;z-index:10}
.footer-family .family-item .family-inner:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:0 0;border:1px solid #0f1c44;border-bottom:0;z-index:0}
.footer-family .family-item .family-list{position:relative;max-height:120px;overflow:auto;padding-right:4px;margin-bottom:0;z-index:1}
.footer-family .family-item .family-list::-webkit-scrollbar {width: 7px;height:7px;}
.footer-family .family-item .family-list::-webkit-scrollbar-track {background-color: var(--bs-gray-200);}
.footer-family .family-item .family-list::-webkit-scrollbar-thumb {background-color: var(--bs-gray-500);border-radius: 8px;}
.footer-family .family-item .family-list::-webkit-scrollbar-button {display: none;}
.footer-family .family-item .family-list > li{position:relative;line-height:1.2;padding-left:13px;margin-bottom:3px}
.footer-family .family-item .family-list > li::before{content:'';position:absolute;top:7px;left:1px;width:4px;height:4px;background:var(--main-color01);transform:rotate(45deg)}
.footer-family .family-item .family-list > li a:hover, .footer-family .family-item .family-list > li a:focus {font-weight: 600;}
.footer-family .footer-sns .sns-list{display:flex;justify-content:center;align-items:center;height:100%;gap:0 12px;margin-bottom:0}
.footer-family .footer-sns .sns-list a > img{display:block;height:20px;transition:.3s transform}
.footer-family .footer-sns .sns-list a:focus > img,.footer-family .footer-sns .sns-list a:hover > img{transform:rotateY(180deg)}
#footer > .container .inner {display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;max-width:100%;padding:24px 0 40px;}
#footer > .container .inner > .item {flex: 1 1 100%;}
#footer > .container .inner > .item:first-child{flex:1 1 100%;display:flex;flex-flow:column;text-align:left;gap:15px 45px}
.footer-logo{display: block;height: 30px;margin-bottom: 16px;}
.footer-logo > img{display: block;height: 100%;}
.footer-link{display:flex;flex-wrap:wrap;gap: 3px 0;margin-bottom: 36px;}
.footer-link > li{position:relative;line-height:1.5;padding:0 10px}
.footer-link > li::before{content:'';position:absolute;top:8px;left:-2px;width:4px;height:4px;border-radius:8px;background:rgba(255,255,255,.5)}
.footer-link > li:first-child{padding:0 10px 0 0}
.footer-link > li:last-child{padding:0 0 0 10px}
.footer-link > li:first-child::before{display:none}
.footer-link > li a{color:#fff}
.footer-link > li a:hover, .footer-link > li a:focus {color: var(--point-color03);}
.footer-info .address-box{color:#FFF}
.footer-info .address-box .address{display:block;font-weight: 600;word-break:keep-all;margin-bottom: 5px;}
.footer-info .address-box .tel{display:inline-block;padding-right:11px;margin-right:12px}
.footer-info .address-box .option{display:block;margin-top:8px;}
.footer-info .address-box .option > a{position:relative;padding-right:10px;margin-right:10px;color:rgba(255,255,255,.8)}
.footer-info .address-box .option > a:focus,.footer-info .address-box .option > a:hover{color:var(--point-color03)}
.footer-info .address-box .option > a::after{content:'';position:absolute;width:1px;height:14px;background-color:rgba(255,255,255,.3);top:3px;right:-2px}
.footer-info .address-box .option > a:last-child::after{display:none}
.footer-info .copyright{display:inline-block;margin-top:15px;font-size:15px;color:rgba(255,255,255,.5)}
@media(min-width:480px){
    #footer > .inner {margin: 0 25px;}
    .footer-family .footer-sns .sns-list{gap:0 20px}
    .footer-family .footer-sns .sns-list a > img{height:24px}
}
@media(min-width:576px){
    .footer-family .family-item .family-select{padding:0 18px}
    .footer-family .family-item .family-select::before{right:18px}
}
@media(max-width:991px){
    .footer-family .inner {max-width: 100%;}
}
@media(min-width:992px){
    .footer-family{border-bottom:1px solid rgba(255,255,255,.2)}
    .footer-family .inner {border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);margin: 0 auto;}
    .footer-family .inner > :first-child{border-left:0}
    .footer-family .inner > *{border-bottom:0;border-left:1px solid rgba(255,255,255,.2)}
    .footer-family .family-item{flex:0 0 calc(calc(100% - 265px)/ 3)}
    .footer-family .family-item .family-inner{padding:18px 10px 16px 22px}
    .footer-family .family-item .family-select{height:54px}
    .footer-family .family-item .family-list{max-height:154px}
    .footer-family .family-item .family-list > li{line-height:inherit;padding-left:16px;margin-bottom:0}
    .footer-family .family-item .family-list > li::before{width:5px;height:5px;top:8px;left:1px}
    .footer-family .family-item .family-list > li:last-child{margin-bottom:0}
    .footer-family .footer-sns{flex:0 0 265px}
    .footer-link > li {padding: 0 12px;}
    .footer-link > li::before {top: 9px;}
    .footer-link > li:first-child {padding: 0 12px 0 0;}
    .footer-link > li:last-child {padding: 0 0 0 12px;}
    .footer-info {display: flex;flex-wrap: wrap;gap: 0 30px;width: 100%;}
    .footer-logo {display: block;flex: 0 0 160px;height: 40px;margin-bottom: 0;}
    .footer-info .address-box {flex: 0 0 calc(100% - 190px);}
    .footer-info .address-box .address {display: inline-block;margin-bottom: 0;}
    .footer-info .address-box .tel {margin-right: 0;}
    .footer-info .address-box > *:not(.option, .copyright) {padding-right: 15px;}
}
@media(min-width:1600px){
    .footer-family .family-item .family-select{height:60px}
    .footer-family .family-item .family-list{display:flex;flex-wrap:wrap;gap:6px 16px;max-height:160px}
    .footer-family .family-item .family-list > li{flex:1 0 calc(50% - 8px);}
    .footer-family .footer-sns .sns-list a > img{height:28px}
    .footer-family .inner{max-width: 1500px;margin: 0 auto;}
    #footer > .container .inner {padding: 48px 0 100px;margin: 0 auto;}
    .footer-info {gap: 0 60px;}
    .footer-link {margin-bottom: 60px;}
    .footer-link > li {padding: 0 20px;}
    .footer-link > li:first-child {padding: 0 20px 0 0;}
    .footer-link > li:last-child {padding: 0 0 0 20px;}
    .footer-logo {height: 54px;}
    .footer-info .address-box {flex: 0 0 calc(100% - 280px);}
    .footer-info .address-box > *:not(.option, .copyright) {padding-right: 40px;}
}
@media(min-width:1800px){
    .footer-family .inner {max-width: 1800px;}
}
/* popup */
[class*="popup-style0"] .popup-title {font-family: var(--font-type02);letter-spacing: 0;}
@media(min-width:768px){
    .popup-style01 .popup-option .indicator-box {padding: 12px 18px 12px 16px;border-radius: 50px;}
    .popup-style01 .popup-option .indicator-box .fraction {margin: 0 13px 2px 8px;}
    .popup-style01 .popup-option .btn[class*="close"] {border-radius: 50px;padding: 12px 25px;}
}
@media(min-width:1200px){
    .popup-style01 .popup-title {font-size: 40px;margin-bottom: 35px;}
}
@media(min-width:1400px){
    .popup-style01 > .container {max-width: 1280px;}
}
@media(min-width:1600px){
    .popup-style01 .popup-option {gap: 6px 12px;}
    .popup-style01 .popup-option .indicator-box {width: 160px;max-height: 55px;justify-content: center;padding: 14px 18px 13px;}
    .popup-style01 .popup-option .indicator-box .fraction {font-size: 18px;}
    .popup-style01 .popup-option .indicator-box > button.pause {font-size: 24px;}
    .popup-style01 .popup-option .btn[class*="close"] {font-size: 18px;padding: 12px 28px 14px;max-height: 55px;}
}
/* common */
.list-calendar.table th, .list-calendar.table td {border-top: 0;border-left: 0;}
.list-calendar .list > li .detail .badge {height: 25px;padding: 5px 10px;}
@media(min-width:992px){
    .list-calendar .list > li .date {flex: 0 0 210px;}
    .list-calendar .list > li .detail .badge {height: 28px;padding: 7px 12px;}
}
@media(min-width:1200px){
    .list-calendar .list > li .date {flex: 0 0 240px;}
}
/*****************************************************
        Google Translate Main + Common
*****************************************************/
html:not([lang="auto"]):not([lang="ko"]) .gnb-util {padding: 0 12px 0 0;}
html:not([lang="auto"]):not([lang="ko"]) #gnb {top: 38px;height: calc(100dvh - 38px);}
html:not([lang="auto"]):not([lang="ko"]) .user-service-wrap .user-service-tit span::after {top: auto;bottom: 9px;transform: none;}
html:not([lang="auto"]):not([lang="ko"]) .user-service-wrap .user-service-box .user-service-tab .nav-tabs {display: flex;}
html:not([lang="auto"]):not([lang="ko"]) .user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-item {flex: 0 0 25%;}
html:not([lang="auto"]):not([lang="ko"]) .user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-item .nav-link {width: 100%;height: 100%;word-break: break-all;}
@media(min-width:360px){
    html:not([lang="auto"]):not([lang="ko"]) .user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-link {margin: 0;}
}
@media(min-width:768px){
    html:not([lang="auto"]):not([lang="ko"]) .user-service-wrap .user-service-tit span::after {bottom: 14px;}
    html:not([lang="auto"]):not([lang="ko"]) .tab-default .nav-item .nav-link {white-space: normal;text-align: center;}
    html:not([lang="auto"]):not([lang="ko"]) .con-box-style01 .item .con-tit {flex: 0 0 auto;max-height: 100%;}
}
@media(max-width: 991px) {
    html:not([lang="auto"]):not([lang="ko"]) .gnb-wrap .depth01 {height: calc(100dvh - 92px);}
}
@media(min-width: 992px) {
    html:not([lang="auto"]):not([lang="ko"]) #header .header-logo > a {width: 100px;height: 28px;}
    html:not([lang="auto"]):not([lang="ko"]) .header-wrap .container {padding: 0;}
    html:not([lang="auto"]):not([lang="ko"]) #gnb {height: 100%;padding: 0 0 0 5px;}
    html:not([lang="auto"]):not([lang="ko"]) .depth01-list > li > .menuitem {font-size: 15px;max-width: 160px;text-align: center;padding: 0 4px;}
    html:not([lang="auto"]):not([lang="ko"]) .depth01-list > li > .menuitem[target=_blank] span {padding-right: 0;}
    html:not([lang="auto"]):not([lang="ko"]) .depth01-list > li > .menuitem[target=_blank] span::after {position: relative;display: inline-block;top: auto;bottom: -2px;right: -3px;}
    html:not([lang="auto"]):not([lang="ko"]) .user-service-wrap .user-service-box .user-service-tab .nav-tabs {gap: 0 20px;}
    html:not([lang="auto"]):not([lang="ko"]) .user-service-wrap .user-service-box .user-service-tab .nav-tabs .nav-item {flex: 0 0 auto;}
}
@media(min-width:1200px){
    html:not([lang="auto"]):not([lang="ko"]) .user-service-wrap .user-service-tit span::after {bottom: 20px;}
    html:not([lang="auto"]):not([lang="ko"]) .gnb-util {gap: 0 5px;padding-top: 8px;}
    html:not([lang="auto"]):not([lang="ko"]) .gnb-util .util {max-width: 80px;}
    html:not([lang="auto"]):not([lang="ko"]) .depth01-list > li > .menuitem {font-size: 16px;}
    html:not([lang="auto"]):not([lang="ko"]) .btn-navi {gap: 0 10px;padding: 0 0 0 10px;}
}
@media(min-width:1600px){
    html:not([lang="auto"]):not([lang="ko"]) .gnb-util {gap: 0 8px;}
    html:not([lang="auto"]):not([lang="ko"]) .gnb-util .util {max-width: 110px;}
    html:not([lang="auto"]):not([lang="ko"]) .gnb-util .util > a .tit, html:not([lang="auto"]):not([lang="ko"]) .gnb-util .util > button .tit {font-size: 15px;}
    html:not([lang="auto"]):not([lang="ko"]) .btn-navi {gap: 0 15px;padding: 0 0 0 16px;}
    html:not([lang="auto"]):not([lang="ko"]) .user-service-wrap .user-service-box .user-service-tab .nav-tabs {gap: 0 30px;}
    html:not([lang="auto"]):not([lang="ko"]) .tab-default .nav-item .nav-link {font-size: 16px;}
    html:not([lang="auto"]):not([lang="ko"]) .organ-vision-tit .tit {font-size: 22px;}
}
@media(min-width:1800px){
    html:not([lang="auto"]):not([lang="ko"]) #header .header-logo > a {width: 160px;height: 44px;}
    html:not([lang="auto"]):not([lang="ko"]) #gnb {padding: 0 0 0 15px;}
    html:not([lang="auto"]):not([lang="ko"]) .depth01-list > li > .menuitem {font-size: 17px;max-width: 180px;padding: 0 16px;}
    html:not([lang="auto"]):not([lang="ko"]) .depth02-list > li > .menuitem {font-size: 17px;}
    html:not([lang="auto"]):not([lang="ko"]) .depth03-list > li > .menuitem {font-size: 16px;}
}


/*****************************************************
    Sub
*****************************************************/
/* sub-top */
.sub-top{position:relative;margin-top:90px;overflow-x:clip}
.sub-top::before{content:'創意 · 定義 · 實踐';position:absolute;top:0;right:-5px;font-family:var(--font-type01);font-size:36px;font-weight:700;color:#f4f5f6;z-index:-1}
.sub-top .sub-tit{position:relative;font-family:var(--font-type02);font-size:28px;font-weight:600;margin-bottom:12px}
/* sub-visual */
.sub-visual{display:flex;align-items:center;min-height:100px;background-repeat:no-repeat;background-position:center;background-size:cover;transition:all .3s ease-out}
.sub-navi{border-bottom:1px solid #dcdfe2}
.page-navi{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;height:50px}
.page-navi .navbar-nav{flex:1 1 auto;flex-flow:row;justify-content:flex-start;align-items:flex-end;flex-wrap:wrap;gap:0 25px;margin:8px 0}
.page-navi .navbar-nav .nav-item{position:relative;display:none;z-index:10}
.page-navi .navbar-nav .nav-item::before{content:'';display:none;position:absolute;width:4px;height:4px;border-radius:50px;background-color:#b9c6d2;left:-14px;top:50%;transform:translateY(-50%);opacity:.5}
.page-navi .navbar-nav .nav-item:first-child::before{display:none}
.page-navi .navbar-nav .nav-item:last-child{width:100%;display:block}
.page-navi .navbar-nav .nav-item .nav-link{position:relative;width:100%;text-align:left;font-weight:500;line-height:1;color:#8a949e;transition:all .3s ease-out}
.page-navi .navbar-nav .nav-item .nav-link::after{display:none}
.page-navi .navbar-nav .nav-item .nav-link:focus,.page-navi .navbar-nav .nav-item .nav-link:hover{opacity:1}
.page-navi .navbar-nav .nav-item .nav-link.show,.page-navi .navbar-nav .nav-item:first-child .nav-link,.page-navi .navbar-nav .nav-item:last-child .nav-link{color:inherit;opacity:1}
.page-navi .navbar-nav .nav-item .nav-link > .bi{position:absolute;right:16px;margin-left:4px;font-size:18px;-webkit-text-stroke:.8px}
.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:#030100;background-color:#f5f8ff;padding-left:21px}
.page-navi .navbar-nav .dropdown-menu .dropdown-item::before{content:'';position:absolute;top:16px;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}
.page-navi .option-box{position:relative;display:flex;align-items:center}
.page-navi .option-box::before{content:'';width:1px;height:20px;background:#b9c6d2;position:absolute;top:50%;transform:translateY(-50%)}
.page-navi .option-box .btn-option{padding:10px 6px 10px 10px;border:0;background-color:transparent;transition:all .3s ease-out}
.page-navi .option-box .btn-option > img{width:auto;height:18px;object-fit:contain}
.page-navi .option-box .btn-option:last-of-type{display:none}
.page-navi .option-box .dropdown-sns .btn-option{display:block}
.page-navi .option-box > *{position:relative}
.page-navi .option-box > ::after{content:'';display:none;position:absolute;width:1px;height:15px;background-color:#b9c6d2;top:50%;right:0;transform:translateY(-50%)}
.page-navi .option-box > :last-child::after{display:none}
@media(min-width:768px){
    .page-navi .navbar-nav{font-size:18px}
}
@media(min-width:992px){
    .sub-top {padding-top:20px;margin-top: 100px;}
    .sub-top::before {font-size: 60px;}
    .sub-top .sub-tit{font-size:32px;}
    .sub-visual{min-height:180px}
    .page-navi{height:50px;justify-content:space-between}
    .page-navi .navbar-nav {flex:1 1 auto;justify-content:flex-start;font-size:17px;gap:0 32px;margin: 0;}
    .page-navi .navbar-nav .nav-item{display:block}
    .page-navi .navbar-nav .nav-item::before{display:block;left:-18px}
    .page-navi .navbar-nav .nav-item .nav-link{width:auto}
    .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 .dropdown-menu{width:auto}
    .page-navi .option-box::before{display:none}
    .page-navi .option-box .btn-option{display:block;padding:10px 14px}
    .page-navi .option-box .btn-option:last-of-type{display:block}
    .page-navi .option-box .btn-option > img{height:20px}
    .page-navi .option-box > ::after{display:block;height:20px}
}
@media(min-width:1200px){
    .sub-top {margin-top: 120px;}
    .sub-top::before {font-size: 72px;}
    .sub-top .sub-tit{font-size:36px;}
    .sub-visual{min-height:200px}
}
@media(min-width:1600px){
    .sub-top {padding-top:38px;margin-top:150px}
    .sub-top::before{font-size:100px}
    .sub-top .sub-tit{font-size:48px;margin-bottom:24px}
    .sub-visual{min-height:320px}
    .page-navi {height: 60px;}
    .page-navi .navbar-nav {font-size:19px}
}
/* 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;height: auto;padding: 12px 20px 10px;}
.sitemap-style01 .sitemap-box .item-row {padding: 0 0 12px;}
.sitemap-style01 .sitemap-box .list-style01 {margin-bottom: 0;}
@media (min-width:992px){
    .sitemap-style01 {border-top-color: var(--main-color01);}
    .sitemap-style01 .sitemap-box .depth01 {border-radius: 12px;padding:28px 36px;}
    .sitemap-style01 .sitemap-box .item-row {padding: 15px 0;}
}
@media (min-width:1600px){
    .sitemap-style01 .sitemap-box .depth01 {border-radius: 16px;}
}
/* search */
@media(min-width:1200px){
    .search-wrap .tab-default .nav-item {flex: 0 0 calc(100% / 3);max-width: calc(100% / 3);}
    .search-wrap .tab-default .nav-item:nth-child(3n)::after {display: none;}
    .search-wrap .tab-default .nav-item:nth-child(4n)::after {display: block;}
}
@media(min-width:1600px){
    .search-wrap .tab-default .nav-item {flex: 0 0 calc(100% / 6);max-width: calc(100% / 6);}
    .search-wrap .tab-default .nav-item:nth-child(3n)::after {display: block;}
    .search-wrap .tab-default .nav-item:nth-child(5n)::after {display: block;}
    .search-wrap .tab-default .nav-item:nth-child(6n)::after {display: none;}
}
/*****************************************************
    Style
*****************************************************/
/* tit */
[class*="tit-h"] {line-height: 1.4;}
.tit-h3{position:relative;font-family:var(--font-type02);padding-top:16px}
.tit-h3:after,.tit-h3:before{content:"";position:absolute;top:0;display:block;width:8px;height:8px;border-radius:12px}
.tit-h3:after{left:0;background-color:var(--main-color01)}
.tit-h3:before{left:8px;background-color:var(--main-color02)}
.tit-h4 {color: var(--main-color01);}
.tit-h4.black {color: inherit;}
.tit-h5 {font-weight: 600;}
@media(min-width:992px){
    .tit-h3{font-size:24px}
    .tit-h4{margin-top: 28px;}
}
@media(min-width:1600px){
    .tit-h3{font-size:30px;margin-top: 64px;margin-bottom: 15px;}
    .tit-h4{font-size:26px;margin-top: 40px;margin-bottom: 12px;}
    .tit-h5{font-size:22px;margin-top: 36px;margin-bottom: 12px;}
}
/* info-text */
.info-text{position:relative;padding-left:24px;margin-bottom: 0;}
.info-text::before{content:'\F338';font-family: var(--font-icon);font-size: 16px;position:absolute;top:-1px;left:0;width: 18px;height: 18px;text-align: center;color: var(--main-color01);}
.info-text.style01::before {color: var(--main-color02);}
.info-text.style02::before {content: '\F339';}
.info-text .bi {color: var(--main-color01);margin-right: 5px;}
.info-text.text-danger::before {color: var(--bs-danger);}
.info-text.small{padding-left:18px}
.info-text + .info-text {margin-top: 3px;}
.info-text-box {margin-top: 20px;}
@media(min-width:992px){
    .info-text::before {top: 0;}
}
@media(min-width:1600px){
    .info-text {padding-left:26px;}
    .info-text::before {font-size: 17px;top: 1px;}
    .info-text-box {margin-top: 56px;}
}
/* badge */
.badge {font-size: 14px;font-weight: 500;color: #464A5D;border: 0;margin: 2px 0;padding: 7px 12px;}
/* list-style */
[class*=list-style0] > li{position:relative;margin-bottom:2px}
[class*=list-style0] > li:last-child{margin-bottom:0}
.list-style01 > li > .list-style02{margin:5px 0 10px}
.list-style01 > li > .list-style02 > li{margin-bottom:3px}
.list-style02 > li > .list-style03{margin:5px 0 10px}
.list-style02 > li > .list-style03 > li{margin-bottom:4px}
ul.list-style01 > li{padding-left:12px}
ul.list-style01 > li::after{content:"";position:absolute;top:8px;left:1px;width:4px;height:4px;border-radius:1px;background-color:var(--main-color01);transform:rotate(45deg)}
ul.list-style02 > li{padding-left:14px;color:#555}
ul.list-style02 > li::after{content:"";position:absolute;top:10px;left:1px;width:5px;height:2px;background-color:#c2c4c9}
ul.list-style03 > li{padding-left:12px;color:#767676}
ul.list-style03 > li::after{content:"";position:absolute;top:12px;left:1px;width:3px;height:3px;background-color:#c2c4c9}
ol.list-style01{list-style:decimal;padding-left:22px}
ol.list-style02{list-style:hangul;padding-left:25px}
.list-ex {display: flex;flex-wrap: wrap;gap: 3px 8px;margin-bottom: 0}
.list-ex dt {position: relative;flex: 0 0 80px;padding-left: 12px;margin-bottom: 0}
.list-ex dd {flex: 0 0 calc(100% - 88px);margin-bottom: 0}
.list-ex dt::before {content:"";position:absolute;top:8px;left:1px;width:4px;height:4px;border-radius:1px;background-color:var(--main-color01);transform:rotate(45deg)}
@media(min-width:992px){
    ul.list-style01 > li {padding-left:14px;margin-bottom: 4px;}
    ul.list-style01 > li::after {width:5px;height:5px;top:8px}
    .list-style01 > li > .list-style02 > li {margin-bottom: 4px;}
    .list-ex dt {padding-left:14px;}
    .list-ex dt::before {width:5px;height:5px;top:8px}
}
@media(min-width:1600px){
    ul.list-style01 > li {padding-left:16px;}
    ul.list-style01 > li::after {top:10px}
    .list-ex dt {flex: 0 0 94px;padding-left:16px;}
    .list-ex dd {flex: 0 0 calc(100% - 114px);}
    .list-ex dt::before {top:10px}
}
@media(min-width:2560px){
    ul.list-style01 > li {padding-left:16px;margin-bottom: 6px;}
}
/* btn */
.btn-text {display: inline-block; padding: 0;margin: 0 2px;}
.btn-text .bi{width: 24px; height: 24px;font-size: 16px;background-color: var(--main-color01); color: #fff; border-radius: 50%;display: inline-block;text-align: center;margin-right:4px;border:1px solid var(--main-color01);transition: .3s;}
.btn-text .bi::before{font-weight: bold;font-size: 12px;vertical-align: baseline;}
.btn-text:hover .bi, .btn-text:focus .bi {color: var(--main-color01-hover);background-color: #fff; color: var(--main-color01);}
[class*="download-style"]+[class*="download-style"] {margin-top: 8px;}
.download-style01 {display: flex;flex-direction: column;align-items: center;justify-content: space-between;background: #FFF;border: 1px solid #ddd;border-radius: 8px;padding: 8px;}
.download-style01 .tit {font-family: var(--font-type02);font-size: 16px;font-weight: 700;text-align: center;margin-bottom: 8px;}
.download-style01 .btn-con .btn {padding: 2px 8px;}
.download-style01 .btn-con .btn i {font-size: 14px;}
@media (min-width: 768px) {
    [class*="download-style"]+[class*="download-style"] {margin-top: 10px;}
    .download-style01 {flex-direction: row;padding: 10px 12px;}
    .download-style01 .tit {position: relative;display: inline-flex;gap: 0 12px;align-items: center;font-size: 16px;text-align: left;padding-right: 18px;margin-bottom: 0;}
    .download-style01 .tit:before {content: "\F38B";flex: 0 0 36px;font-family: var(--font-icon);font-size: 20px;font-weight: 400;text-align: center;line-height: 36px;background: linear-gradient(45deg,var(--main-color01),var(--main-color02));display: block;width: 36px;height: 36px;border-radius: 50%;color: #fff;padding: 0 0 0 1px;}
    .download-style01.link .tit:before {content: "\F6CF";}
    .download-style01 .btn-con .btn {display: flex;align-items: center;gap: 0 7px;font-size: 15px;padding: 5px 10px;}
}
@media (min-width: 1200px) {
    .download-style01 {border-radius: 12px;padding: 15px 18px 15px 20px;}
    .download-style01 .tit {font-size: 19px;padding-right: 20px;}
    .download-style01 .tit:before {flex: 0 0 40px;width: 40px;height: 40px;font-size: 22px;line-height: 40px;}
    .download-style01 .btn-con .btn {min-width: 40px;height: 40px;font-size: 17px;}
    .download-style01 .btn-con .btn i {font-size: 18px;}
    .download-style01.link .btn-con .btn {padding: 5px 9px;}
    .download-style01.link .btn-con .btn i {font-size: 20px;padding-top: 2px;}
}
/* tab */
.tab-default .nav-item .nav-link {min-width:160px;border: 2px solid transparent;border-radius:6px;padding:14px 20px}
.tab-default .nav-item .nav-link:hover, .tab-default .nav-item .nav-link:focus {color: var(--main-color01);background: #FFF;border-color: var(--main-color01);}
.tab-default .nav-item .nav-link.active{color: #FFF;border: none;background:linear-gradient(45deg,var(--main-color01),var(--main-color02))}
.tab-default .nav-item .nav-link.active:hover, .tab-default .nav-item .nav-link.active:focus {border: none;}
.tab-category {gap: 8px 4px;background: linear-gradient(90deg, #F1F4FD 0%,#F3F2FF 80%);border-radius: 8px;padding: 12px;}
.tab-category .nav-item .nav-link {border-radius: 20px;background: #FFF;padding: 5px 12px;}
.tab-category .nav-item .nav-link.active {color: #FFF;background: var(--main-color01);box-shadow: none;}
.tab-style01, .tab-style02 {border-bottom: 0;}
.tab-style01 {justify-content: center;gap:4px 5px;margin-bottom: 20px;}
.tab-style01 .nav-item {padding: 0;}
.tab-style01 .nav-item .nav-link {position: relative;min-width: 60px;height: 36px;color: var(--bs-secondary);background-color: #EBF9F7;border: 1px solid #d2e4e1;width: 100%;border-radius: 50px;font-weight: 500;word-break: keep-all;letter-spacing: inherit;line-height: 1.2;padding: 6px 12px;margin:0;transition:.3s;}
.tab-style01 .nav-item .nav-link small{font-weight:500;}
.tab-style01 .nav-item .nav-link:focus, .tab-style01 .nav-item .nav-link:hover{color: #FFF;text-decoration: none;border-color: var(--point-color01);background: var(--point-color01);font-weight: 500;}
.tab-style01 .nav-item .nav-link.active, .tab-style01 .nav-item.show .nav-item .nav-link {border-color: var(--point-color01);background: var(--point-color01);color: #FFF;}
.tab-style02 {position: relative;display: flex;justify-content: center;gap: 7px 20px;width: 100%;background: #FFF;border-bottom: 0;padding: 8px 15px;padding: 10px 0;margin-bottom: 30px;}
.tab-style02::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 3px;background: url(/site/resource/gimhae/www/images/bx-line-bg.png);}
.tab-style02::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: url(/site/resource/gimhae/www/images/bx-line-bg.png);}
.tab-style02 .nav-item .nav-link {position: relative;display: inline-block;color: var(--bs-secondary);background: transparent;border: 0;padding: 0 0 0 18px;transition: .3s padding;}
.tab-style02 .nav-item .nav-link:before {content: '';position: absolute;top: 9px;left: 0;width: 9px;height: 2px;background: #D0D0D0;transition: transform .3s}
.tab-style02 .nav-item .nav-link:after {content: '';position: absolute;top: 9px;left: 0;width: 9px;height: 2px;background: #D0D0D0;opacity: 0;transition: opacity,transform .4s}
.tab-style02 .nav-item .nav-link.active {font-weight: 500;color: var(--tit-color);border: 0;}
.tab-style02 .nav-item .nav-link.active:before {width: 6px;top: 10px;background: var(--main-color02);transform: rotate(45deg);}
.tab-style02 .nav-item .nav-link.active:after {width: 10px;top: 9px;left: 3px;background: var(--main-color02);opacity: 1;transform: rotate(-45deg);}
@media(min-width:768px){
    .tab-default {flex-wrap: wrap;justify-content: flex-start;gap: 0;border-radius: 6px;background: linear-gradient(90deg, #F1F4FD 0%,#F3F2FF 80%);}
    .tab-default .nav-item {position: relative;flex: 0 0 33.3%;max-width: 33.3%;}
    .tab-default .nav-item::after {content: '';position: absolute;top: 50%;right: 0;width: 1px;height: 16px;background: var(--main-color01);opacity: .3;transform: translateY(-50%);}
    .tab-default .nav-item:last-child::after {display: none;}
    .tab-default .nav-item:nth-child(3n)::after {display: none;}
    .tab-default .nav-item .nav-link {display: inline-flex;justify-content: center;align-items: center;font-family: var(--font-type02);font-weight: 700;height: 50px;background-color: transparent;padding: 8px 12px;}
    .tab-default .nav-item .nav-link.active {box-shadow: 0 8px 12px rgba(64,101,216,.4)}
    .tab-style01 {margin-bottom: 30px;}
    .tab-style01 .nav-item .nav-link {min-width: 70px;height: 44px;padding: 0 18px;}
    .tab-style02 {padding: 12px 25px;}
}
@media(min-width:1200px){
    .tab-default .nav-item {flex: 0 0 25%;max-width: 25%;}
    .tab-default .nav-item:nth-child(3n)::after {display: block;}
    .tab-default .nav-item:nth-child(4n)::after {display: none;}
    .tab-default .nav-item:last-child::after {display: none;}
    .tab-default .nav-item .nav-link {height: 54px;}
    .tab-category {gap: 6px 8px;padding: 15px 18px;}
    .tab-category .nav-item .nav-link {padding: 8px 18px;}
    .tab-style01 .nav-item .nav-link {font-size: 18px;min-width: 80px;height: 48px;padding: 0 25px;}
}
@media(min-width:1600px){
    .tab-default {gap: 0;}
    .tab-default .nav-item {flex: 0 0 20%;max-width: 20%;}
    .tab-default .nav-item .nav-link {font-size: 18px;border-radius: 12px;height: 60px;}
    .tab-default .nav-item::after {height: 18px;}
    .tab-default .nav-item:nth-child(4n)::after {display: block;}
    .tab-default .nav-item:nth-child(5n)::after {display: none;}
    .tab-default .nav-item:last-child::after {display: none;}
    .tab-style01 {gap: 6px 12px;margin-bottom: 50px;}
    .tab-style01 .nav-item .nav-link {min-width: 150px;height: 56px;font-size: 20px;padding: 0 25px;}
    .tab-style02 {gap: 8px 30px;padding: 22px 25px;}
    .tab-style02::before, .tab-style02::after {height: 5px;}
    .tab-style02 .nav-item .nav-link.active {padding: 0 0 0 23px;}
    .tab-style02 .nav-item .nav-link.active:before {width: 8px;top: 11px;}
    .tab-style02 .nav-item .nav-link.active:after {width: 12px;top: 10px;left: 4px;}
}
/* accordion */
[class*='acc-style'] {}
[class*="acc-style"] .item .acc-btn .txt-box {display: inline-flex;}
[class*="acc-style"] .item .acc-btn .txt-box > .ellipsis {display: -webkit-inline-box; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; margin-top: 0;}
[class*="acc-style"] .item .acc-btn.collapsed .txt-box > .ellipsis {-webkit-line-clamp: 1;}
[class*="acc-style"] .item .acc-btn .txt-box {font-weight: 700;}
[class*="acc-style"] .item .acc-btn.collapsed .txt-box {font-weight: 500;}

.acc-style01 .item {margin-bottom: 5px;}
.acc-style01 .item:last-of-type {margin-bottom: 0;}
.acc-style01 .item .acc-btn {position: relative;display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid var(--main-color01);background: #FFF;border-radius:6px;text-align:left;white-space:wrap;text-decoration:none;box-shadow: 0 8px 24px rgba(30,30,30,.12);padding:10px 42px 10px 12px;}
.acc-style01 .item .acc-btn::after {content: "\F286";position: absolute;top: 9px;right: 10px;width: 24px;height: 24px;border-radius: 30px;font-family: var(--font-icon);font-size: 14px;text-align: center;color: #FFF;background: var(--main-color01);padding: 2px 0 0;transition: all .3s ease-out;}
.acc-style01 .item .acc-btn.collapsed::after {transform: rotateX(180deg);background: var(--bs-secondary);}
.acc-style01 .item .acc-btn.collapsed {border: 1px solid #DEDEDE;box-shadow: none;}
.acc-style01 .item .acc-btn .txt-box {position: relative;color: var(--main-color01);}
.acc-style01 .item .acc-btn.collapsed .txt-box {color: var(--bs-secondary);}
.acc-style01 .item .acc-btn .txt-box.question {padding-left: 30px;}
.acc-style01 .item .acc-btn .txt-box.question::before {content: 'Q';position: absolute;top: -1px;left: 0;width: 24px;height: 24px;padding-top: 3px;font-family: var(--font-type01);font-size: 14px;font-weight: 500;color: #fff;text-align: center;background: linear-gradient(45deg,var(--main-color01),var(--main-color02));border-radius: 50%;transition: all 0.3s ease-out;}
.acc-style01 .item [class*="collaps"].acc-box .txt-box {background: #f5f5f5;border-radius: 6px;padding: 12px;}
@media(min-width:992px){
    .acc-style01 .item {margin-bottom: 8px;}
    .acc-style01 .item .acc-btn {border-radius: 8px;padding: 18px 60px 18px 18px;}
    .acc-style01 .item .acc-btn::after {top: 15px;right: 18px;width: 30px;height: 30px;font-size: 18px;}
    .acc-style01 .item .acc-btn .txt-box {font-size: 18px;}
    .acc-style01 .item .acc-btn .txt-box.question {padding-left: 36px;}
    .acc-style01 .item .acc-btn .txt-box.question::before {top: -3px;left: -2px;width: 30px;height: 30px;font-size: 18px;padding-top: 2px;}
    .acc-style01 .item [class*="collaps"].acc-box .txt-box {border-radius: 8px;padding: 18px;}
}
@media(min-width:1600px){
    .acc-style01 .item .acc-btn {border-radius: 12px;padding: 20px 72px 20px 25px;}
    .acc-style01 .item .acc-btn::after {top: 14px;right: 18px;width: 36px;height: 36px;font-size: 20px;-webkit-text-stroke:.5px;}
    .acc-style01 .item .acc-btn .txt-box {font-size: 19px;}
    .acc-style01 .item .acc-btn .txt-box.question {padding-left: 42px;}
    .acc-style01 .item .acc-btn .txt-box.question::before {top: -6px;left: -4px;width: 36px;height: 36px;font-size: 20px;padding-top: 4px;}
    .acc-style01 .item [class*="collaps"].acc-box .txt-box {border-radius: 12px;padding: 24px 28px;}
}
/* table */
.table {border-top: 2px solid #1B307A;}
.table-responsive .table {border-top: 2px solid #1B307A;}
.table th, .table td {text-align: center;border-top: 1px solid var(--bs-border-color); border-left: 1px solid var(--bs-border-color);} 
.table thead th {background-color: #F1F4FD;}
.table tbody th {background-color: #F1F4FD;}
@media (min-width:992px){
    .table>:not(caption)>*>* {padding: 12px .5rem;}
}

/* img-zoom */
.img-zoom{position:relative;padding:16px;text-align:center;border:1px solid #eaeaea;border-radius: 8px;margin-bottom: 20px;}
.img-zoom img{margin:0 auto;max-width:100%}
.img-zoom .btn{position:absolute;bottom:-20px;right:20px;width:40px;height:40px;background:var(--bs-secondary);border-radius: 50%; color: #fff;padding: 8px;}
.img-zoom .btn:focus,.img-zoom .btn:hover{background-color:var(--main-color01)}

@media (min-width:992px){
    .img-zoom {padding:0;border: 0;margin-bottom: 0;}
    .img-zoom.line {border-radius: 12px;border: 1px solid #eaeaea; padding:30px}
    .img-zoom .btn {display:none}
}
@media (min-width:1600px){
    .img-zoom.line {border-radius: 16px;}
}

/* no-data */
.no-data .tit {font-weight: 700;}
.no-data > img + .tit {margin-top: 28px;}
.board-gallery .no-data {width: 100%;}
.no-data.default img {width: 200px;}
.no-data.default .tit {font-size: 20px;}
@media (min-width:992px){
    .no-data.default img {width: auto;}
    .no-data.default .tit {font-size: 24px;}
}

/* info-box  */
[class*="info-box-style0"] .info-tit {font-family: var(--font-type02);font-size: 18px;font-weight: 700;margin-bottom: 8px;}
[class*="info-box-style0"] .info-txt {margin-bottom: 0;}
.info-box-style01 + [class*="tit-h"], .info-box-style02 + [class*="tit-h"] {margin-top: 24px;}
.info-box-style01 + .table-responsive, .info-box-style02 + .table-responsive {margin-top: 20px}
.info-box-style01 + .step-style01, .info-box-style01 + .step-style01 {margin-top: 20px}
.info-box-style01 + .download-style01, .info-box-style01 + .download-style01 {margin-top: 20px}
.info-box-style01 {position: relative;display: flex;flex-flow: column wrap;align-items: flex-end;background: #F1F4FD;border-radius: 8px 8px 0 0;padding: 20px 0 0 0;}
.info-box-style01 .info-icon {position: relative;flex: 0 0 60px;padding: 0 20px 0 0;margin-top: -5px;z-index: 1;}
.info-box-style01 .info-icon .icon {display: inline-flex;width: 60px;height: 60px;background: #FFF;box-shadow: 0 6px 18px rgba(78, 87, 114,.15);border-radius: 10px 10px 10px 10px;}
.info-box-style01 .info-inner {position: relative;flex: 1 1 100%;width: 100%;border-radius: 8px 8px 0 0;background: #FFF;padding: 20px;}
.info-box-style01 .info-inner:after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #DDD;}
.info-box-style01 .info-icon + .info-inner {padding: 30px 20px 20px;margin-top: -30px;}
.info-box-style01 .info-inner .info-txt {margin-bottom: 0;}
.info-box-style02 {position: relative;border-radius: 8px 8px 0 0;background: linear-gradient(0deg, #FFFAEF, #EBF9F7);padding: 20px 25px;}
.info-box-style02 .img-box {width: 60%;margin: 0 auto;}
.info-box-style02 .img-box .thum {position: relative;width: 100%;padding-top: 60%;height: 0;border-radius: 15px 30px 15px 15px;overflow: hidden;}
.info-box-style02 .img-box .thum img {position: absolute;top: 50%;left: 50%;width: 100%;max-width: 100%;max-height: 100%;transform: translate(-50%, -50%);}
.info-box-style02 .info-inner {background: transparent;padding: 0;}
.info-box-style02 .info-inner:before {display: none;}
.info-box-style02 .info-inner .info-tit {font-family: var(--font-type02);font-weight: 700;color: var(--tit-color);}
.info-box-style02 .img-box + .info-inner {margin-top: 20px;}
.info-box-style03 {position: relative;background-color: #FFF;background-image: url(/site/resource/gimhae/www/images/info-box-logo.png);background-repeat: no-repeat;background-size: 180px;background-position: calc(100% + 20px) calc(100% + 65px);border: 1px solid #E5E5E5;border-radius: 8px;padding: 15px;overflow: hidden;}
.info-box-style04 {background: #F1F4FD;border-radius: 8px;padding: 15px;}
@media (min-width:992px){
    [class*="info-box-style0"] .info-tit {font-size: 20px;margin-bottom: 8px;}
    .info-box-style01 + [class*="tit-h"] {margin-top: 32px;}
    .info-box-style02 + [class*="tit-h"] {margin-top: 100px;}
    .info-box-style01 + .table-responsive, .info-box-style02 + .table-responsive {margin-top: 35px;}
    .info-box-style01 + .step-style01, .info-box-style01 + .step-style01 {margin-top: 35px}
    .info-box-style01 + .download-style01, .info-box-style01 + .download-style01 {margin-top: 35px}
    .info-box-style01 {flex-flow: row wrap;align-items: inherit;border-radius: 12px 12px 0 0;padding: 24px 0 0;}
    .info-box-style01 .info-icon {position: relative;display: flex;justify-content: center;flex: 1 0 150px;max-width: 150px;padding: 20px 0 0 0;margin-top: 0;}
    .info-box-style01 .info-icon .icon {width: 80px;height: 80px;box-shadow: 0 16px 32px rgba(78, 87, 114,.12);border-radius: 16px;}
    .info-box-style01 .info-inner {flex: 1 0 calc(100% - 180px);min-height: 114px;border-radius: 16px 16px 0 0;padding: 25px 28px;}
    .info-box-style01 .info-icon + .info-inner {border-radius: 32px 16px 0 0;padding: 30px 28px 25px 40px;margin-top: 0;margin-left: -50px;}
    .info-box-style01 .info-icon + .info-inner::after {left: auto;width: calc(100% - 40px);}
    .info-box-style02 {display: flex;flex-direction: row;margin: 0 0 70px;padding: 30px 30px 40px;}
    .info-box-style02 .img-box {position: absolute;top: 0;left: 0;width: 360px;margin: 30px;}
    .info-box-style02 .info-inner {flex: 1 1 auto;padding: 30px 0 10px 0;}
    .info-box-style02 .img-box + .info-inner {min-height: 110px;padding: 20px 0 0 400px;margin-top: 0;}
    .info-box-style03 {min-height: 150px;background-size: 240px;background-position: calc(100% + 10px) calc(100% + 100px);border-radius: 12px;padding: 25px 28px 35px;}
    .info-box-style04 {border-radius: 12px;padding: 20px 24px;}
}
@media (min-width:1600px){
    [class*="info-box-style0"] .info-tit {font-size: 20px;margin-bottom: 8px;}
    .info-box-style01 + [class*="tit-h"] {margin-top: 56px;}
    .info-box-style02 + [class*="tit-h"] {margin-top: 150px;}
    .info-box-style01 + .table-responsive, .info-box-style02 + .table-responsive {margin-top: 60px;}
    .info-box-style01 + .step-style01, .info-box-style01 + .step-style01 {margin-top: 60px}
    .info-box-style01 + .download-style01, .info-box-style01 + .download-style01 {margin-top: 60px}
    .info-box-style01 {border-radius: 16px 16px 0 0;padding: 32px 0 0;}
    .info-box-style01 .info-icon {flex: 1 0 180px;max-width: 180px;padding: 28px 0 0 0;}
    .info-box-style01 .info-icon .icon {width: 100px;height: 100px;box-shadow: 0 18px 36px rgba(78, 87, 114, 0.25);}
    .info-box-style01 .info-inner {padding: 36px 40px;}
    .info-box-style01 .info-icon + .info-inner {border-radius: 60px 16px 0 0;padding: 44px 40px 40px 84px;margin-left: -90px;}
    .info-box-style01 .info-icon + .info-inner::after {width: calc(100% - 84px);}
    .info-box-style01 .info-tit {font-size: 28px;margin-bottom: 16px;}
    .info-box-style02 {border-radius: 16px 100px 16px 16px;padding: 50px 80px 0 50px;margin: 0 0 124px;}
    .info-box-style02 .img-box {width: 480px;margin: 50px 50px 0;}
    .info-box-style02 .img-box .thum {border-radius: 20px 40px 20px 20px;}
    .info-box-style02 .info-inner {padding: 0;margin-bottom: 40px;}
    .info-box-style02 .info-inner .info-tit {font-size: 26px;margin-bottom: 12px;}
    .info-box-style02 .img-box + .info-inner {min-height: 200px;padding: 24px 0 40px 540px;margin-bottom: 0;}
    .info-box-style03 {min-height: 165px;background-size: 280px;background-position: calc(100% - 20px) calc(100% + 130px);border-radius: 16px;padding: 36px;}
    .info-box-style03 .info-tit {font-size: 24px;}
}
/* con-box */
.con-box-style01 {display: flex;flex-wrap: wrap;gap: 8px;}
.con-box-style01 .item {display: block;flex-direction: column;justify-content: center;flex: 0 0 100%;background: linear-gradient(90deg, #F1F4FD 0%,#F3F2FF 80%);border-radius: 8px;overflow: hidden;}
.con-box-style01 .item .con-tit {display: flex;align-items: center;justify-content: center;font-family: var(--font-type02);font-weight: 700;text-align: center;word-break: keep-all;padding: 7px 12px;margin-bottom: 0;}
.con-box-style01 .item .con-txt {flex: 1;background: #FFF;border: 1px solid #e1e5f1;border-radius: 8px;box-shadow: 0 -5px 15px rgba(64,101,216,.12);padding: 12px;}
.con-box-style01 .item .con-txt p {text-align: center;margin-bottom: 0;}
.con-box-style01 .item .con-txt .list-style01 {margin-bottom: 0;}
@media (min-width:768px){
    .con-box-style01 {gap: 12px;}
    .con-box-style01 .item {display: flex;flex: 1 0 calc(50% - 12px);}
    .con-box-style01 .item .con-tit {flex: 0 0 44px;max-height: 44px;}
    .con-box-style01.col3 .item {flex: 1 0 calc(33.3% - 24px);}
}
@media (min-width:1600px){
    .con-box-style01 {gap: 16px 18px;}
    .con-box-style01 .item {flex: 1 0 calc(calc(100% - 72px) / 5);border-radius: 16px;}
    .con-box-style01 .item .con-tit {flex: 0 0 54px;min-height: 54px;max-height: 60px;font-size: 19px;padding: 12px 20px;}
    .con-box-style01 .item .con-txt {border-radius: 16px;box-shadow: 0 -8px 25px rgba(64,101,216,.12);padding: 18px 22px;}
    .con-box-style01.col3 .item {flex: 1 0 calc(calc(100% - 36px) / 3);}
    .con-box-style01.col4 .item {flex: 1 0 calc(calc(100% - 54px) / 4);}
}
/* img-box */
.img-box-style01 {display: flex;flex-wrap: wrap;gap: 8px;}
.img-box-style01 .item {display: flex;flex-direction: column;justify-content: flex-start;flex: 0 0 100%;background: linear-gradient(90deg, #F1F4FD 0%,#F3F2FF 80%);border-radius: 8px;overflow: hidden;}
.img-box-style01 .item .img-box {position: relative;width: 100%;padding-top: 58%;border-radius: 8px;border: 1px solid #e1e5f1;box-shadow: 0 5px 15px rgba(64,101,216,.12);overflow: hidden;}
.img-box-style01 .item .img-box img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.img-box-style01 .item .img-con .con-tit {display: flex;align-items: center;flex: 0 0 36px;max-height: 36px;justify-content: center;font-family: var(--font-type02);font-weight: 700;text-align: center;padding: 12px;margin-bottom: 0;}
.img-box-style01 .item .img-con .con-txt {padding: 0 12px 12px;}
.img-box-style01 .item .img-con .con-txt p {text-align: center;}
.img-box-style01 .item .img-con .con-txt .list-style01 {margin-bottom: 0;}
.img-box-style02 {border-top: 2px solid #000;}
.img-box-style02 .item {display: flex;flex-wrap: wrap;gap: 20px;border-bottom: 1px solid #DDD;padding: 20px 0;}
.img-box-style02 .item .img-box {position: relative;aspect-ratio: 450 / 300;width: 100%;border-radius: 8px;box-shadow: 4px 8px 16px rgba(0,0,0,.05);overflow: hidden;}
.img-box-style02 .item .img-box img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: .5s all;}
.img-box-style02 .item .img-con .con-tit {position: relative;font-family: var(--font-type02);font-size: 20px;font-weight: 700;margin-bottom: 0;}
.img-box-style02 .item .img-con .con-tit + .con-txt {margin-top: 12px;}
.img-box-style02 .item .img-con .con-txt .list-ex {gap: 4px 8px;}
.img-box-style02 .item .img-con .con-txt .list-ex dt {flex: 0 0 40%;}
.img-box-style02 .item .img-con .con-txt .list-ex dd {flex: 0 0 calc(60% - 8px);}
.img-box-style02 .item:hover .img-box img, .img-box-style02 .item:focus .img-box img {transform: scale(1.05);}
.img-box-style03 {display: flex;flex-wrap: wrap;gap: 16px 0;}
.img-box-style03 .item {display: flex;flex-direction: column;flex: 0 0 100%;border-radius: 24px;background: #F6F6F6;padding: 36px 28px;}
.img-box-style03 .item .img-box {position: relative;width: 100%;aspect-ratio: 546/320;border-radius: 16px;overflow: hidden;}
.img-box-style03 .item .img-box img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.img-box-style03 .item .img-con {margin-top: 16px;}
.img-box-style03 .item .img-con .con-tit {font-family: var(--font-type02);font-size: 18px;font-weight: 700;text-align: center;margin-bottom: 0;}
.img-box-style03 .item .img-con .con-txt {text-align: center;margin-top: 8px;}
@media (min-width:768px){
    .img-box-style01 {gap: 12px;}
    .img-box-style01 .item {flex: 0 0 calc(50% - 12px);}
    .img-box-style03 {gap: 12px;}
    .img-box-style03 .item {flex: 0 0 calc(50% - 12px);}
}
@media (min-width:992px){
    .img-box-style02 .item {gap: 0 40px;padding: 25px 0;}
    .img-box-style02 .item .img-box {flex: 0 0 360px;max-width: 360px;border-radius: 12px;}
    .img-box-style02 .item .img-con {flex: 0 0 calc(100% - 400px);max-width: calc(100% - 400px);padding: 24px 0 0;}
    .img-box-style02 .item .img-con .con-tit {font-size: 22px;}
    .img-box-style02 .item .img-con .con-tit + .con-txt {margin-top: 20px;}
    .img-box-style02 .item .img-con .con-txt .list-ex {gap: 6px 15px;}
    .img-box-style02 .item .img-con .con-txt .list-ex dt {flex: 0 0 40%;}
    .img-box-style02 .item .img-con .con-txt .list-ex dd {flex: 0 0 calc(60% - 15px);}
    .img-box-style03 {gap: 24px 28px;}
    .img-box-style03 .item {flex: 0 0 calc(calc(100% - 28px) / 2);padding: 36px 32px;}
    .img-box-style03 .item .img-con .con-tit {font-size: 22px;}
}
@media (min-width:1200px){
    .img-box-style01 {gap: 25px 28px;}
    .img-box-style01 .item {flex: 0 0 calc(calc(100% - 56px) / 3);border-radius: 16px;}
    .img-box-style01 .item .img-box {border-radius: 16px;box-shadow: 0 8px 25px rgba(64,101,216,.12);}
    .img-box-style01 .item .img-con .con-tit {flex: 0 0 54px;min-height: 54px;max-height: 60px;font-size: 19px;padding: 12px 20px;}
    .img-box-style01 .item .img-con .con-txt {padding: 0 22px 18px;}
    .img-box-style01.col4 .item {flex: 0 0 calc(calc(100% - 84px) / 4);}
    .img-box-style02 .item {gap: 0 60px;padding: 40px 0;}
    .img-box-style02 .item .img-box {flex: 0 0 400px;max-width: 400px;border-radius: 16px;}
    .img-box-style02 .item .img-con {flex: 0 0 calc(100% - 460px);max-width: calc(100% - 460px);padding: 32px 0 0;}
    .img-box-style02 .item .img-con .con-tit {font-size: 26px;}
    .img-box-style02 .item .img-con .con-tit + .con-txt {margin-top: 24px;}
    .img-box-style02 .item .img-con .con-txt .list-ex {gap: 10px 15px;}
    .img-box-style02 .item .img-con .con-txt .list-ex dt {flex: 0 0 28%;}
    .img-box-style02 .item .img-con .con-txt .list-ex dd {flex: 0 0 calc(72% - 15px);}
    .img-box-style03 {gap: 30px 32px;}
    .img-box-style03 .item {flex: 0 0 calc(calc(100% - 32px) / 2);border-radius: 28px;padding: 54px 56px 48px 56px;}
    .img-box-style03 .item .img-box {border-radius: 22px;}
    .img-box-style03 .item .img-con {margin-top: 24px;}
}
@media (min-width:1600px){
    .img-box-style02 .item {gap: 0 70px;}
    .img-box-style02 .item .img-box {flex: 0 0 450px;max-width: 450px;}
    .img-box-style02 .item .img-con {flex: 0 0 calc(100% - 520px);max-width: calc(100% - 520px);padding: 36px 0 0;}
    .img-box-style03 .item .img-con .con-tit {font-size: 24px;}
    .img-box-style03 .item .img-con .con-txt p {font-size: 19px;margin-bottom: 20px;}
}
/* step */
.step-style01 {display: flex;flex-flow: column nowrap;gap: 20px 0;background: #F1F4FD;padding: 15px;}
.step-style01 .step-item {position: relative;flex: 0 0 100%;}
.step-style01 .step-item:after {content: '';position: absolute;left: 50%;bottom: -14px;transform: translateX(-50%);width: 0;height: 0;border-width: 8px 7px 0 7px;border-style: solid;border-color: #D5D5D5 transparent transparent transparent;}
.step-style01 .step-item:last-child:after {display: none;}
.step-style01 .step-item .step-inner {display: flex;flex-direction: row;gap: 0 15px;align-items: center;text-align: center;background: #FFF;border-radius: 5px 20px 5px 5px;padding: 8px;}
.step-style01 .step-item .step-inner .tit {align-items: center;flex: 0 0 30%;max-width: 30%;text-align: center;font-family: var(--font-type02);font-weight: 700;color: #FFF;background: var(--main-color01);border-radius: 5px;padding: 5px 12px;} 
.step-style01 .step-item .step-inner .txt {display: flex;align-items: center;justify-content: center;width: 100%;text-align: left;}
.step-style01 .step-item .step-inner .tit + .txt {width: auto;}
.step-style01 .step-item:last-child .step-inner .tit {background: var(--main-color02);box-shadow: 0 5px 30px rgba(72, 72, 72, .2);}
@media (min-width:768px){
    .step-style01 {flex-flow: row wrap;gap: 18px;}
    .step-style01 .step-item {flex: 0 0 calc(calc(100% - 18px)/2);}
    .step-style01 .step-item:after {left: auto;right: -13px;bottom: 50%;transform: translateY(50%);border-width: 7px 0 7px 8px;border-color: transparent transparent transparent #D5D5D5;}
    .step-style01 .step-item .step-inner {display: block;height: 100%;border-radius: 12px 20px 12px 12px;overflow: hidden;}
    .step-style01 .step-item .step-inner .tit {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 100%;border-radius: 30px;padding: 8px 12px 6px;}
    .step-style01 .step-item .step-inner .txt {text-align: center;}
    .step-style01 .step-item .step-inner .tit + .txt {display: inline-block;width: 100%;text-align: center;padding: 8px 8px 5px;}
}
@media (min-width:992px){
    .step-type01 .step-item .step-inner .tit {padding: 9px 15px 11px;border-radius: 22px;}
    .step-type01 .step-item .step-inner .txt {padding: 0 5px;}
    .step-type01 .step-item .step-inner .tit + .txt {padding: 10px 12px 8px;}
}
@media (min-width:1200px){
    .step-style01 {gap: 24px;padding: 20px 30px;}
    .step-style01 .step-item {flex: 0 0 calc(calc(100% - 72px)/4);}
    .step-style01 .step-item:after {right: -16px;border-width: 8px 0 8px 10px;}
    .step-style01 .step-item .step-inner {border-radius: 15px 25px 15px 15px;padding: 10px;}
    .step-style01 .step-item .step-inner .tit {font-size: 18px;height: 45px;overflow: hidden;}
    .step-style01 .step-item .step-inner .txt {min-height: 60px;padding: 0 8px;}
    .step-style01 .step-item .step-inner .tit + .txt {min-height: 75px;padding: 12px 12px 5px;}
}
@media (min-width:1600px){
    .step-style01 {gap: 28px;}
    .step-style01 .step-item {flex: 0 0 calc(calc(100% - 84px)/4);}
    .step-style01 .step-item:after {right: -20px;}
    .step-style01 .step-item .step-inner .tit {height: 50px;}
}

/*****************************************************
print
*****************************************************/
@media print {
    @page {
        size: A4 portrait;
        margin: 10mm;
    }
    #header, #footer, .sub-visual, .sub-navi, .sub-top::before, .content-foot {display: none;}
    body {
        width: 100%;
        transform-origin: top left;
        /* zoom: 0.75; */
    }

    .sub-container { width: 100%; }
    .cont-wrap { width: 100%; }
    #floating {display: none !important;}
}