@charset "utf-8";
@import url("/common/css/hmpg/default.css");
@import url("/common/fonts/pretendard/pretendard.css");
@import url("/common/fonts/khnphandot/khnphandot.css");


:root {
    --font-type01: "Pretendard";
    --font-type02: "khnphandot";
    
    --bg-color01: #F2F5FF;
    --bg-color02: #F7F7F7;

    --bs-primary:#2C4CCA;
    --bs-primary-hover:#203792;

    --radius: 12px;
    --radius-sm: 6px;
    --radius-lg:20px;
    --circle:50%;
    --oval:100px;
    --basic-transition: 0.3s ease-out;
}
@media(min-width: 992px) {
    :root{
        --radius: 20px;
        --radius-lg:40px;
    }
}


/*****************************************************
common
*****************************************************/
html, body{font-family: var(--font-type01);}
html {font-size: 15px;}
img{max-width: 100%;}

@media(min-width: 768px){
    .container{max-width: 95%;}
}
@media(min-width: 992px){
    html {font-size: 17px;}
    .container{padding-left: 0;padding-right: 0;}
}
@media(min-width: 1400px){
    .container{padding: 0;}
}
@media(min-width: 1800px){
    .container{max-width:1600px}
}

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

/* header-utill */
.header-utill{width: 100%;display: flex;justify-content: flex-end;padding: 6px 0;}
.header-utill a{color: #fff;font-size: 14px;border-radius: var(--oval);background-color: rgba(255,255,255,.1);padding: 4px 20px;margin-left: 12px;}

/* header-wrap */
.header-wrap .layout {display: flex;justify-content: space-between;align-items: center;height: 40px;}
.header-logo{margin:0}
.header-logo > a{display: inline-flex;width: 210px;height: 42px;align-items: center;color: #fff;font-size: 23px;gap: 14px;}.header-wrap {display: flex;align-items: center;}
.header-logo > a > img {width: 134px;}
.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 */
#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(/common/images/hmpg/logo.svg);background-repeat:no-repeat;background-size:contain;background-position:top left;filter: none;}
.gnb-wrap .gnb-title {position: relative;display: flex;align-items: flex-end;min-height: 54px;padding: 0 calc(var(--bs-gutter-x) * .5)}
.gnb-wrap .gnb-title .gnb-close {position: absolute;bottom:0;right: calc(var(--bs-gutter-x) * .5);display: flex;align-items: center;justify-content: center;color: #fff;width: 40px;height: 40px;text-align: center;background-color: var(--bs-dark);z-index: 1;border-radius: var(--circle);}
.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%;line-height: 40px;transform: translate(-50%, -50%);padding: 0;}

/* 1차 메뉴 */
.depth01-list {margin-bottom: 0;padding: 0 20px;}
.depth01-list > li{border: 1px solid #dbdbdb;border-radius: var(--radius);margin-bottom: 10px;padding: 14px 0;}
.depth01-list > li:has(.expanded-true){border: 2px solid var(--main-color01);}
.depth01-list > li > .menuitem {position: relative;display: flex;align-items: center;font-size: 18px;font-weight: 700;padding: 0 50px 0 18px;}
.depth01-list > li > .menuitem .toggle-btn {position: absolute;right: 15px;display: flex;justify-content: center;align-items: center;width: 30px;height: 30px;}
.depth01-list > li > .menuitem.expanded-true {color: var(--main-color01);padding-bottom: 10px;border-bottom: 1px solid #ccc;}
.depth01-list > li > .menuitem.haspopup-true.expanded-false .toggle-btn::before {content: '';position: absolute;top: 50%;left: 50%;width: 12px;height: 2px;background: #2D2F33;border-radius: 10px;transform: translate(-50%,-50%);}
.depth01-list > li > .menuitem.haspopup-true.expanded-false .toggle-btn::after {content: '';position: absolute;top: 50%;left: 50%;width: 2px;height: 12px;background: #2D2F33;border-radius: 10px;transform: translate(-50%,-50%);}
.depth01-list > li > .menuitem.haspopup-true.expanded-true .toggle-btn::before {content: '';position: absolute;top: 50%;left: 50%;width: 12px;height: 2px;background: var(--main-color01);border-radius: 10px;transform: translate(-50%,-50%);}
.depth01-list > li > .menuitem.expanded-true + .depth02 {display: block;position: static;top: auto;left: auto;z-index: auto;width: 100%;height: auto;margin-top: 16px;}
.depth01-list > li > .menuitem.haspopup-false .toggle-btn {display: none;}
.depth01-list > li > .menuitem[target=_blank]::before {content: '';position: absolute;right: 15px;display: flex;justify-content: center;align-items: center;width: 30px;height: 30px;border-radius: 50%;background: var(--main-color01) url(/common/images/hmpg/icon-window-w.png) no-repeat center;background-size: 14px;}

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

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

/* gnb-action */
.gnb-action{display: flex;column-gap: 16px;}
.gnb-action .action{color: #fff;font-size: 14px;text-align: center;}
.gnb-action .action .img{width: 20px;height: 20px;}
.gnb-action .action .img img{width: 100%;height: 100%;object-fit: contain;}
.gnb-action .action .tit{display: none}
.gnb-action .util.translation {display: inline-flex;align-items: center;position: relative;padding: 0 10px;}
.gnb-action .util.translation > a, .gnb-util .util.translation > button {background-image: url(/site/resource/gimhae/www/images/icon-translate.svg);}
.gnb-action .util.translation .translation-menu {min-width: auto;background: var(--main-color01);border: 0;border-radius: 24px;box-shadow: 0 18px 25px rgba(60,60,60,.2);padding: 0;margin-top: 12px;}
.gnb-action .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(--main-color01) transparent;transform: translateX(-50%);}
.gnb-action .util.translation .translation-menu .inner {text-align: center;padding: 8px;}
.gnb-action .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-action .util.translation .translation-menu .dropdown-item:hover, .gnb-util .util.translation .translation-menu .dropdown-item:focus {background: transparent;}
.gnb-action .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-action .util.translation .translation-menu .dropdown-item:hover::before, .gnb-util .util.translation .translation-menu .dropdown-item:focus::before {width: calc(100% - 16px);}
.gnb-action .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-action .sitemap {display: none;}
.gnb-action .menu-ham {width: 20px;height: 20px;background: url(/common/images/hmpg/icon-menu-m.svg) no-repeat center/contain}
.gnb-action .menu-ham i {display: flex;align-items: center;}
.gnb-action .menu-ham:hover, .gnb-action .menu-ham:focus {text-decoration: none;}

@media(max-width: 991px) {
    .depth01 {overflow: auto;height: calc(100dvh - 74px);padding: 20px 0;}
    .depth02-inner {max-width: 100%;}
}
@media(min-width: 992px) {
    #header {padding:0 30px;}
    #header.header_on {z-index: 100;}
    #header .container-fluid{padding: 0;}
    .header-wrap {min-height: inherit;border-bottom: 0;padding: 0;}
    .header-wrap .layout {height: 60px;}
    .header-utill{padding: 10px 0 0;}
    .header-utill a{transition: background-color .3s;}
    .header-utill a:hover, .header-utill a:focus{background-color: var(--main-color01);}
    #gnb {position: static;display: flex;justify-content: center;width: 100%;max-width: 100%;height: 100%;background: transparent;padding: 0 20px;}
    .gnb-wrap {display: flex;align-items: center;}
    .gnb-wrap .gnb-title {display: none;}

    /* 1차 메뉴 */
    .depth01 {height: 100%;}
    .depth01-list {display: flex;height: 100%;padding: 0;}
    .depth01-list > li{border: 0;border-radius: 0;margin-bottom: 0;padding: 0;}
    .depth01-list > li:has(.expanded-true){border: 0;}
    .depth01-list > li > .menuitem {max-width: 100%;height: 100%;font-weight: 500;color: #fff;background: transparent;padding: 0 30px;text-align: center;line-height: 1.2;font-size: 17px;}
    .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(/common/images/hmpg/icon-window.png);background-size: 14px;background-position: center;background-repeat: no-repeat;}
    .depth01-list > li > .menuitem.expanded-true {color: #fff;padding-bottom: 0;border: 0;}
    .depth01-list > li > .menuitem.expanded-true + .depth02 {position: absolute;top: 100%;margin-top: 0;}
    .depth01-list > li.active > .menuitem {color: #fff;}
    .depth01-list > li > .menuitem::after {content: '';position: absolute;left: 50%;bottom:0;display: block;width: 0;height: 0;transform: translateX(-50%);z-index: 3;border: 0 solid transparent;border-bottom-color: #fff;opacity: 0;}
    .depth01-list > li.active > .menuitem::after {opacity: 1;border-width: 10px;transition: .3s;}
    .depth01-list > li > .depth02 {position: absolute;top: 100%;right: 0;width: 100%;z-index: 1;}
    .depth01-list > li > .depth02.focusin {visibility: visible;}
    .depth01-list > li.active .depth02.active {visibility: visible;}

    /* 2차 메뉴 */
    .depth02 {visibility: hidden;padding: 0 30px;}
    .depth02 .depth02-inner {position: relative;width: 100%;height: 100%;background: #FFF url(/common/images/hmpg/depth2-bg.svg) no-repeat right bottom;border-radius: var(--radius);box-shadow: 0 0 20px rgba(0,0,0,.16);padding: 16px;display: flex;column-gap: 30px;}
    .depth-deco{display: inline-block;background: var(--main-color01) url(/common/images/hmpg/deco-bg.svg) no-repeat right bottom;border-radius: var(--radius);overflow: hidden;color: #fff;text-align: right;width: 260px;flex: 0 1 260px;padding: 30px 20px;}
    .depth-deco .tit{font-family: var(--font-type02);font-size: 24px;font-weight: bold;}
    .depth-deco .txt::before{display: block; content: '';width: 100%;height: 6px;background: url(/common/images/hmpg/deco-dot.svg) no-repeat right top;margin-bottom: 8px;}
    .depth-deco .txt{opacity: .8;}

    .depth02-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 18px;background: transparent;flex:0 1 calc(100% - 290px);width: calc(100% - 290px);padding: 20px 0;}
    .depth02-list > li {margin-bottom: 0;}
    .depth02-list > li > .menuitem {position: relative;font-size: 17px;font-weight: 700;border: 2px solid transparent;background: transparent;padding: 8px 35px 8px 0;border-bottom: 1px solid #D6D6D6; transition: padding .5s;}
    .depth02-list > li > .menuitem.haspopup-true.expanded-true, 
    .depth02-list > li.active > .menuitem,
    .depth02-list > li > .menuitem:hover, 
    .depth02-list > li > .menuitem:focus{padding-left: 26px;color: var(--main-color02);border-bottom-color: var(--main-color02);}
    .depth02-list > li > .menuitem.haspopup-true::before {content: '';width: 0;height: 16px;background: url(/common/images/hmpg/menu-icon.svg) no-repeat center/cover;position: absolute;left: 0;top: 12px;opacity: 0;transition:opacity .3s,  width .3s;}
    .depth02-list > li > .menuitem.haspopup-true.expanded-true::before, 
    .depth02-list > li > .menuitem.haspopup-true:hover::before, 
    .depth02-list > li > .menuitem.haspopup-true:focus::before,
    .depth02-list > li.active > .menuitem.haspopup-true::before{width: 16px;opacity: 1;}
    .depth02-list > li > .menuitem[target=_blank]::after{display: block; content: '';width: 14px;height: 14px;background: url(/common/images/hmpg/blank-icon.svg) no-repeat right center/contain;position: absolute;right:0;top: 14px;}
    .depth02-list > li > .menuitem[target=_blank]:hover::after,
    .depth02-list > li > .menuitem[target=_blank]:focus::after{filter: invert(27%) sepia(96%) saturate(1104%) hue-rotate(211deg) brightness(93%) contrast(91%);}
    .depth02-list > li > .menuitem .toggle-btn {display: none;}
    
    /* 3차 메뉴 */
    .depth03-list {padding: 10px 0 0;}
    .depth03-list > li > .menuitem {position: relative;display: inline-block;padding: 0 10px;transition: .3s padding;font-size: inherit;}
    
    /* gnb-action */
    .gnb-action{column-gap: 10px;}
    .gnb-action .sitemap{display: inline-block;}
    .gnb-action .action .img{margin-bottom: 6px;width: 100%;}
    .gnb-action .action .tit{display: block;}
}
@media(min-width: 1400px) {
    #header {padding:0 60px}
    .header-wrap .layout {height: 80px;}
    .header-utill{padding: 16px 0 0;}
    #gnb {padding: 0 30px}

    /* 1차 메뉴 */
    .depth01-list > li > .menuitem {font-size: 19px;padding: 0 40px;}
    .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 {border-width: 16px;}

    /* 2차 메뉴 */
    .depth02{padding: 0 60px;}
    .depth02-inner{padding: 20px;column-gap: 60px;}
    .depth-deco{width: 360px; flex: 0 1 360px;padding: 40px 50px;}
    .depth-deco .tit{margin-bottom: 20px;}
    .depth-deco .txt::before{margin-bottom: 10px;}
    .depth02-list {grid-template-columns: repeat(4, 1fr);gap:40px 30px;flex: 0 1 calc(100% - 420px);padding: 30px 0;width: calc(100% - 420px);}
    .depth02-list > li > .menuitem {font-size: 17px;padding: 0 24px 12px 0}
    .depth02-list > li > .menuitem.haspopup-true::before{top: 7px;}
    .depth02-list > li > .menuitem[target=_blank]::after{width: 16px; height: 16px;top: 6px;}
    
    /* 3차 메뉴 */
    .depth03-list{padding-top: 10px;}
    .depth03-list > li > .menuitem {padding: 2px 14px;}
    .depth03-list > li > .menuitem:hover, 
    .depth03-list > li > .menuitem:focus {padding-left: 20px;}
    .depth03-list > li > .menuitem::before {top: 12px;}
    .depth03-list > li > .menuitem[target=_blank] > span::after {bottom: 3px;width: 14px;height: 14px;background-size: 14px;}
    
    .gnb-action{column-gap: 20px;}
}
@media(min-width:1800px){
    #header .header-logo > a {width:181px;height:42px}
    #gnb {padding: 0 40px;}
    .depth01-list > li > .menuitem {font-size: 20px;padding: 0 60px;}
    .depth01-list > li > .menuitem[target=_blank] span::after {top: 8px;}
    .depth02-list {padding: 40px 0;gap: 60px 30px;}
    .depth02-list > li > .menuitem {font-size: 20px;padding: 0 24px 20px 0}
    .depth03-list{padding-top: 16px;}
    .depth03-list > li > .menuitem[target=_blank] > span::after {bottom: 3px;}
}

/************** footer **************/
#footer{background-color: #2D2F33; color: #fff;margin-top: 100px;}
.footer {position: relative;}
.footer .footer-char{position: absolute;right: 0;width: 100px;height: 100px;top: -70px;}
.footer .footer-char img{width: 100%;height: 100%;object-fit: contain;object-position: center bottom;}

.go-to-top {
  position: fixed;
  bottom: 50px;
  right: 15px;
  z-index: 20;
  display: none;
  width: 40px;
  height: 80px;
  padding-top: 25px;
  border-radius: 30px;
  background: #7F7F7F;
  font-size: 11px;
  font-weight: 200;
  color: #fff;
  text-align: center;
  transition: background-color 0.3s;
}

.go-to-top .bi {
  display: inline-block;
  font-size: 25px;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.go-to-top:hover,
.go-to-top:focus {
  background: var(--main-color01);
}

.go-to-top:hover .bi,
.go-to-top:focus .bi {
  color: #fff;
  top: 15px;
  transition: 0.3s all ease-in-out;
}


/* footer-body */
.footer-body{padding-top: 30px;}
.footer .logo{width: 130px;margin-bottom: 20px;}
.footer .addr{font-weight: 600;margin-bottom: .5rem;}
.footer .info{display: flex;flex-wrap: wrap;font-size: 14px;font-weight: 500;gap: 6px 20px;}
.footer .info span{font-weight: 400;opacity: .5;margin-right: 10px;text-transform: uppercase;}
.footer .sns{display: flex;column-gap: 12px;}
.footer .sns .unit{opacity: .8;transition: opacity .3s;height: 24px;display: inline-block;}
.footer .sns .unit img{width: auto;height: 100%;max-width: fit-content;}
.footer .dropup{width: 100%;}
.footer .dropup .btn{width: 100%;text-align: left;background-color: #555;border-radius: var(--radius-sm);position: relative;padding: 6px 40px 6px 20px;border: 1px solid #555;transition: border-color .3s;}
.footer .dropup .dropdown-toggle::after{content: '\F64D';font-family: var(--font-icon);border: 0;position: absolute;right: 20px;}
.footer .dropup .dropdown-toggle.show::after{content: '\F63B';}
.footer .dropup .dropdown-menu{width: 100%;border-radius: var(--radius-sm);}

/* footer-foot */
.footer-foot{padding: 16px 0 24px;border-top: 1px solid rgba(255,255,255,.1);margin-top: 16px;}
.footer .footer-link{display: flex;gap: 6px 12px;flex-wrap: wrap;}
.footer .footer-link .item{position: relative;padding-right: 12px;}
.footer .footer-link .item:first-child{color: #91A7FF;}
.footer .footer-link .item::after{display: block;content: '';width: 4px;height: 4px;border-radius: var(--circle);opacity: .2;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background-color: #fff;}
.footer .footer-link .item:last-child:after{display: none}
.footer .copyright{font-size: 14px;opacity: .5;}

@media(min-width:768px){
    #footer{margin-top: 160px;}
    .footer .footer-char{width: 200px;height: 140px;top: -100px;}
}
@media(min-width:992px){
    .footer-body{display: flex;justify-content: space-between;align-items: flex-start;padding-top: 60px;}
    .footer .info{font-size: 16px;column-gap: 30px;margin-bottom: 0;}
    .footer .addr{margin-bottom: 1rem;}
    .footer-right{display: flex;align-items: center;column-gap: 30px;}
    .footer .sns{margin-bottom: 0;}
    .footer .sns .unit:hover,
    .footer .sns .unit:focus{opacity: 1;transform: rotateY(360deg);transition:transform .5s ;}
    .footer .dropup{width: 240px;}
    .footer .dropup .btn:hover, 
    .footer .dropup .btn:focus{border-color: #fff;}
    .footer .dropup .dropdown-item{display: inline-block;width: auto;position: relative;}
    .footer .dropup .dropdown-item::after{display: block; content: '';width: 0;height: 1px;position: absolute;left:  var(--bs-dropdown-item-padding-x);bottom: 0;background-color: #2D2F33;transition: width .3s;}
    .footer .dropup .dropdown-item:hover::after{width: calc(100% - var(--bs-dropdown-item-padding-x) * 2);}
    .footer-foot{display: flex;align-items: center;justify-content: space-between;gap: 20px;}
    .footer .footer-link .item{padding-right: 20px;}
    .footer .footer-link .item::after{width: 6px;height: 6px;}
    .footer .footer-link .unit:hover, 
    .footer .footer-link .unit:focus{text-decoration: underline;text-underline-offset: 10px;}
}
@media(min-width:1400px){
    .footer-body{padding-top: 80px;}
    .footer .footer-char{width: 220px;height: 200px;top: -160px;}
    .footer .logo{width: 240px;margin-bottom: 40px;}
    .footer .info{column-gap: 50px;}
    .footer .sns {column-gap: 20px;}
    .footer .sns .unit{height: 32px;}
    .footer .dropup{width: 340px;}
    .footer .dropup .btn{padding: 18px 64px 18px 40px;}
    .footer .dropup .dropdown-toggle::after{right: 40px;}
    .footer-foot{padding: 30px 0;margin-top: 60px;}
    .footer .copyright{font-size: 16px;}
}
@media(min-width:1800px){
    .footer .logo{width: 260px;}
    .footer-right{column-gap: 50px;}
}

/*****************************************************
    Sub
*****************************************************/
.layout-wrap{position: relative;display:flex;flex-direction:column;min-height:100dvh;}
.layout-wrap .sub-container{position:relative;flex:1;padding-top:30px;padding-bottom:60px}

.sub-container{padding:18px 0 60px;}
.sub-container #content{min-height:300px;margin-bottom:0}
.sub-container .container {position: relative;}

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


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

@media (min-width:992px){
    .sub-container{padding-bottom: 100px;padding-top: 60px;}
    .sub-container > .container {display: flex;justify-content: space-between;align-items: flex-start; gap: 0 50px;}
    .cont-wrap{width: calc(100% - 300px);}
    .cont-title {margin-top: 10px;}
    .cont-title h2{font-size: 30px;}
    .cont-title .option-box .btn-option {padding: 0 15px;}
    .cont-title .option-box .btn-option > img {height: 20px;}
}
@media (min-width:1200px){
    .cont-title {padding-bottom: 15px;margin-top: 15px;margin-bottom: 35px;}
}
@media (min-width:1600px){
    .sub-container > .container {gap: 0 70px;}
    .snb {width: 310px;flex: 0 0 310px;margin: 0 0 0 20px;}
    .snb::before {top: 60px;height: calc(100% - 60px);border-radius: 16px;}
    .snb .snb-tit {left: -20px;border-radius: 16px 40px 40px 40px;min-height: 135px;box-shadow: 4px 8px 28px rgba(28, 62, 115, .25);padding: 28px 24px 28px 30px;margin-bottom: 18px;}
    .snb .snb-tit .deco {font-size: 15px;}
    .snb .snb-tit h2 {font-size: 26px;}
    .snb-list .snb01-item > a {font-size: 19px;}
    .snb-list .snb01-item > a::before {left: -70px;width: 42px;height: 42px;background-size: auto;border-width: 5px;}
    .snb-list .snb01-item > a:hover::before {left: -57px;opacity: 1;}
    .snb-list .snb01-item.active > a::before {left: -57px;}
    .snb-list .snb01-item:has(.snb02-list) > a::after {background-size: 14px;}
    .snb-list .snb02-list a {font-size: 16px;}
    .snb-list .snb02-list a::before {top: 12px;}
    .snb-list .active .snb02-list {padding: 10px 15px 10px 20px;margin-top: 4px;margin-bottom: 16px;}
    .cont-wrap{width: calc(100% - 400px);flex: 1 0 calc(100% - 400px);}
    .cont-title {padding-bottom: 18px;margin-bottom: 40px;}
    .cont-title h2{font-size: 36px;}
}

.sub-top {padding-top:100px;background-position: center;background-size: cover;}
.sub-top .sub-tit {margin:35px 0}
.sub-top .sub-tit .tit {font-family: var(--font-type02);color:#fff;text-align: center;}
.sub-top .sub-tit .tit .eng {display:block;margin-bottom: 10px;font-size:15px;opacity:.2}
.sub-top .sub-navi {background-color:#fff;border-bottom: 1px solid #d8d8d8;}
.page-navi{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.page-navi .navbar-nav{flex:1 1 auto;flex-flow:row;justify-content:flex-start;align-items:flex-end;flex-wrap:wrap;margin:8px 0}
.page-navi .navbar-nav .nav-item{position:relative;display:none;z-index:10}
.page-navi::before, .page-navi::after,
.page-navi .navbar-nav .nav-item::after {content:'';display:none;position:absolute;width: 1px;height: 100%;border-radius:50px;background-color:#b9c6d2;left: 0;top:50%;transform:translateY(-50%);opacity:.5}
.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;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: stretch;height: 100%;}
.page-navi .option-box::before, .page-navi .option-box::after, .page-navi .option-box .dropdown::after{content:'';width:1px;height:20px;background:#b9c6d2;position:absolute;top:50%;transform:translateY(-50%);opacity: .5;}
.page-navi .option-box::after, .page-navi .option-box .dropdown::after {display:none;}
.page-navi .option-box .btn-option {position:relative;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;display: flex;}
.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: 120px;}
    .sub-top::before {font-size: 60px;}
    .sub-top .sub-tit{margin: 35px 0 70px;font-size:32px;}
    .sub-visual{min-height:180px}
    .page-navi{justify-content:space-between;height: 50px;}
    .page-navi::before, .page-navi::after {display:block}
    .page-navi::after {left:auto;right:0;}
    .page-navi .navbar-nav {flex:1 1 auto;justify-content:flex-start;align-items: center;height: 100%;font-size:17px;margin: 0;}
    .page-navi .navbar-nav .nav-item{display: flex;align-items: stretch;height: 100%;}
    .page-navi .navbar-nav .nav-item::after{display:block;left: auto;right: 0;}
    .page-navi .navbar-nav .nav-item:last-child::after {left:auto;right:0;}
    .page-navi .navbar-nav .nav-item .nav-link{width:auto;height: 100%;padding: 0 15px;display: flex;justify-content: space-between;align-items: center;}
    .page-navi .navbar-nav .nav-item:first-child .nav-link {width: 46px;}
    .page-navi .navbar-nav .nav-item:last-child{width:auto;}
    .page-navi .navbar-nav .nav-item:last-child::before {content:'';display:block;width: 100%;height: 4px;background-color: var(--main-color01);position: absolute;bottom: 0;}
    .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{height:100%;}
    .page-navi .option-box .btn-option{display:block;margin: 0;padding: 0 24px;}
    .page-navi .option-box .dropdown::after {display:block;right: 0;height: 100%;}
    .page-navi .option-box .btn-option > img{height:20px}    
    .page-navi .option-box .btn-option::after {content:'';width:1px;height:20px;background:#b9c6d2;position:absolute;top:50%;transform:translateY(-50%);opacity: .5;}
    .page-navi .option-box > ::after{display:block;height:20px}
}
@media(min-width:1200px){
    .sub-top {}
    .sub-top::before {font-size: 72px;}
    .sub-top .sub-tit .tit{font-size:36px;}
    .sub-visual{min-height:200px}
    .page-navi{height: 64px}
    .page-navi .navbar-nav .nav-item .nav-link{padding: 0 28px;}    
    .page-navi .navbar-nav .nav-item:not(:first-child) .nav-link {min-width: 260px;}
    .page-navi .navbar-nav .nav-item:first-child .nav-link {width: 100%;}
}
@media(min-width:1600px){
    .sub-top {}
    .sub-top::before{font-size:100px}
    .sub-visual{min-height:320px}
    .page-navi {}
    .page-navi .navbar-nav {font-size:19px}
}


/*****************************************************
    Style
*****************************************************/
/* tit */
[class*=tit-h]{font-family:var(--font-type02);font-weight:700;position: relative;}
[class*=tit-h]+[class*=tit-h]{margin-top:14px;}
.tit-h3{display: inline-flex;font-size:22px;padding-top: 16px;padding-right: 20px;margin-top: 28px;}
.tit-h3:first-of-type{margin-top: 0;}
.tit-h3::before, .tit-h3::after{content:"";position:absolute;top:0;left: 0;width: 8px;height: 8px;border-radius: 50px;}
.tit-h3::before {
    background-color: var(--main-color01);
}
.tit-h3::after {
    background-color: var(--point-color02);
    left: 12px;
}
.tit-h4{font-size:20px;color: var(--main-color01);margin-top: 24px;}
.tit-h5{font-size:18px;color: var(--bs-gray-800);margin-top: 20px;}
@media (min-width: 992px){
    [class*=tit-h]+[class*=tit-h]{margin-top:20px}
    .tit-h3{font-size:24px;margin-top: 36px;}
    .tit-h4{font-size:22px;margin-top: 32px;}
    .tit-h5{font-size:20px;margin-top: 24px;}
}
@media (min-width: 1600px){
    .tit-h3{font-size: 26px;}
}

/* badge */
.badge-style01 {color: #416a8c;}
.badge-style02 {color: #416f4e;}
.badge-style04 {color: #a26481;}
.badge-style06 {color: #927c4a;}

/* info-text */
.info-text{position:relative;padding-left:24px;margin-bottom: 0;color:var(--main-color01)}
.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;}
@media (min-width:992px) {
    .info-text::before { top: 0; }
}

/* list-style */
[class*=list-style0]{margin:5px 0}
[class*=list-style0] li{margin:7px 0}
ul[class*=list-style0]{list-style:none}
ul.list-style01{margin-bottom:30px}
ul.list-style01>li{position:relative;padding-left: 12px;color:#666}
ul.list-style01>li::after{content:"";position:absolute;top: 8px;left:0;display:block;width:4px;height:4px;border-radius:var(--circle);background-color:#717171}
ul.list-style02{margin-bottom:20px}
ul.list-style02>li{position:relative;padding-left:14px;color:#555}
ul.list-style02>li::after{content:"";position:absolute;top:10px;left:0;display:block;width:6px;height:2px;border-radius:2px;background:var(--bs-gray-500)}
ul.list-style03{margin-bottom:20px}
ul.list-style03>li{position:relative;color:#555}
ul.list-style03>li .num{position:absolute;top: 0;left:0;width: 30px;height: 30px;padding: 3px;font-family:var(--font-type02);font-size: 14px;font-weight: 700;color: #fff;background-color: var(--main-color01-hover);border-radius: 50px;text-align: center;line-height: 2;}
ul.list-style03>li .txt{padding-left: 38px;}
ul.list-style03>li>ol,ul.list-style03>li>ul{margin-left: 35px;}
ol.list-style01{list-style:decimal-leading-zero;padding-left:28px}
ol.list-style01>li{list-style:inherit}
ol.list-style02{list-style:hangul;padding-left:25px}
ol.list-style02>li{list-style:inherit}
ol.list-style03{list-style:upper-alpha;padding-left:28px}
ol.list-style03>li{list-style:inherit}
ol.list-style01>li,ol.list-style02>li,ol.list-style03>li{padding-left:8px;color:#555}
ol.list-style01 li::marker,ol.list-style02 li::marker,ol.list-style03 li::marker{font-family:var(--font-type02);font-size:15px;font-weight: 700;color:var(--main-color01)}
@media (min-width: 992px){
    ul.list-style01>li{padding-left: 16px;}
    ul.list-style01>li::after{top: 11px;width: 6px;height: 6px;}
    ul.list-style02>li {padding-left: 16px;}
    ul.list-style02>li::after {top: 12px;width: 7px;}
}
/* button */
.btn{border-radius: var(--radius-sm);}
.btn:focus {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}
.btn-text {display: inline-flex;gap: 6px;color: var(--main-color01);margin: 0;padding:2px 4px;border-bottom: 1px dashed var(--main-color01-hover);border-radius: 0;vertical-align: baseline;position: relative;transition: var(--basic-transition);} 
.btn-text .bi{font-size: smaller;}
.btn-text:hover, .btn-text:focus{gap:10px;padding: 2px 8px;color:var(--main-color01);font-weight: 500;}
.btn-text::before{display: block;content: "";width: 0;height: 110%;position: absolute;left: 50%;top: -2.5%;transform: translateX(-50%);transition: .3s;z-index: -1;border-bottom: 1px solid var(--main-color01-hover)}
.btn-text:hover::before, .btn-text:focus::before{width: 100%;}

.btn.btn-primary.disabled, .btn.btn-primary:disabled {background-color: rgba(var(--main-color02-rgb),0.5)}
.btn.btn-outline-secondary.disabled, .btn.btn-outline-secondary.disabled:disabled {background-color: rgba(var(--bs-secondary-rgb),0.5)}

/* list-box-style */
.list-box-style01 .inner{position:relative;border-radius: var(--radius);padding: 20px 20px 20px 64px;height:100%;border: 2px dotted var(--bs-gray-300);}
.list-box-style01 .inner>.num{position:absolute;top: 12px;left:20px;display:flex;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-family:var(--font-type02);font-weight:700;color:var(--main-color01);background-color:var(--bg-color01);border-radius: 50px;padding-top: 4px;border: 1px solid #e8f5fb;}

.list-box-style02 .inner{position:relative;border-radius: var(--radius);padding: 20px 20px 20px 64px;height:100%;background-color: var(--bg-color01);}
.list-box-style02 .inner>.num{position:absolute;top: 16px;left: 22px;display:flex;justify-content:center;align-items:center;width: 30px;height: 30px;font-size:14px;font-family:var(--font-type02);font-weight:700;color: var(--main-color01);/* background-color:var(--main-color01); *//* border-radius:50px 50px 0 50px; */padding-top: 4px;border: 1px solid #e8f5fb;}
@media (min-width: 992px){
    .list-box-style01 .inner{padding:22px 25px 22px 72px; min-height:74px;}
    .list-box-style01 .inner>.num{top: 18px;}

    .list-box-style02 .inner{padding: 22px 25px 22px 72px; min-height: 70px;}
    .list-box-style02 .inner>.num{top: 18px;}
}
/* table */
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch ;padding-bottom: .5rem;} 
.table {margin-bottom: 20px; background-color:#fff; border-top: 2px solid var(--main-color02); border-bottom: 1px solid var(--bs-gray-300); } 
.table th, .table td { text-align: center; padding: 14px 10px;border-top: 1px solid var(--bs-gray-300); border-left: 1px solid var(--bs-gray-300); } 
.table th:first-child { border-left:none; } 
.table thead th { background-color: var(--bg-color01); font-weight: 600; color: var(--bs-gray-900); line-height: 1.2; border-bottom: 0;} 
.table tbody th { font-weight:500; } 
.table tbody th.th-point01 {background-color: #e9ebff;}
.table tbody th.th-point02 {background-color: #ffedf7;}
.table tbody tr:first-child th, .table tbody tr:first-child td {margin-bottom: 1rem;}
.table ul[class*="list-style0"] {margin-bottom:0}

/* table-line */
.table tr td { border-left: 1px solid var(--bs-gray-300) } 
.table>thead>tr>th:first-child,
.table>tbody>tr>th:first-child,
.table>tbody>tr>td:first-child { border-left: none; } 
.table thead th:last-child { border-right:none; } 

/* table-collapse */
th[rowspan],th[colspan],td[rowspan],td[colspan] { border-right: 1px solid var(--bs-gray-300) } 
th[rowspan]:last-child,th[colspan]:last-child,td[rowspan]:last-child,td[colspan]:last-child { border-right: 0; } 
.break-word-80 { min-width: 80px; } 
.break-word-100 { min-width: 100px; } 
.break-word-120 { min-width: 120px; } 
.tb-unit {display: inline-flex;flex: 1;justify-content: flex-end;color:#666;font-size:16px;font-weight: 400;} 

/* 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 {position: relative;display: flex;flex-flow: column wrap;align-items: flex-end;background: url(/common/images/hmpg/icon-box-bg.png) no-repeat center top;background-size: 100% 200px;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; */padding: 10px;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: 15px 15px 0 0;background: #FFF;padding: 20px;}
.info-box-style01 .info-icon + .info-inner {padding: 30px 20px 20px;margin-top: -30px;}
.info-box-style01 .info-inner .info-txt {margin-bottom: 0;}

@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-style01 {flex-flow: row wrap;align-items: inherit;border-radius: 12px 12px 0 0;padding: 40px 0 0;}
    .info-box-style01 .info-icon {position: relative;/* display: flex; *//* justify-content: center; */flex: 1 0 150px;max-width: 150px;margin-top: -20px;text-align: right;}
    .info-box-style01 .info-icon .icon {width: 92px;height: 92px;padding: 25px;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 50px;margin-top: 0;margin-left: -50px;}
   
}
@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-style01 {border-radius: 16px 16px 0 0;padding: 60px 0 0;}
    .info-box-style01 .info-icon {flex: 1 0 180px;max-width: 180px;}
    .info-box-style01 .info-icon .icon {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 20px 0 0;padding: 44px 40px 40px 96px;margin-left: -90px;}
     .info-box-style01 .info-tit {font-size: 26px;margin-bottom: 16px;}
}

/* tab */
.tab-select {margin-bottom: 30px;}
.tab-default {gap: 8px;margin-bottom: 40px;border-bottom: 0;border-radius: 10px;background-color: var(--bg-color02);}
.tab-default .nav-item {width: calc((100% - 8px) / 2);}
.tab-default .nav-item .nav-link {position: relative;width: 100%;min-width: 140px;padding: 16px 20px;background-color: var(--form-color03);border-radius: 10px;color: #767676;font-weight: 500;}
.tab-default .nav-item .nav-link:hover, .tab-default .nav-item .nav-link:focus {border-color:var(--main-color01);color:#222;background-color:#fff;box-shadow: 0 0 10px rgba(28, 62, 115, .15);}
.tab-default .nav-item:not(:first-child) .nav-link::before { content: ''; position: absolute; top: 50%; left: -4px; transform: translateY(-50%); width: 1px; height: 24px; background: #CCC; }
.tab-default .nav-item .nav-link.active {background-color: var(--main-color01);box-shadow: 0 0 6px rgba(28, 62, 115, .25);}
.tab-default .nav-item .nav-link.active:hover, .tab-default .nav-item .nav-link.active:focus {color:#fff}

.tab-style01 {position: relative;display: flex;border-radius: 6px;border: 0;background: #fff;margin-bottom: 30px;overflow: hidden;}
.tab-style01:before { content: ""; position: absolute; display: block; width: 100%; height: 100%; border: 1px solid #e5e5e5; border-radius: 6px; }
.tab-style01 .nav-item {position: relative;flex: 0 0 50%;max-width: 50%;font-size: 1em;letter-spacing: -0.044em;color: #606060;border: 0;border-bottom: 1px solid #e5e5e5;background: transparent;}
.tab-style01 .nav-item .nav-link {width: 100%;min-height: 55px;padding: 15px;color: var(--bs-secondary-rgb);background-color: transparent;border-color: transparent;transition: var(--basic-transition);}
.tab-style01 .nav-item .nav-link:nth-child(2n):after { display: none; }
.tab-style01 .nav-item .nav-link:hover, .tab-style01 .nav-item .nav-link:focus {border-color:transparent;cursor: pointer;color: var(--bs-secondary);font-weight: 600;}
.tab-style01 .nav-item .nav-link:hover:before, .tab-style01 .nav-item .nav-link:focus:before,
.tab-style01 .nav-item .nav-link:before {content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 0;height: 4px;background-color: var(--main-color02);transition: all 0.4s ease-out;border-radius: 0;opacity: 0;padding: 0px;margin: 0 -1px;z-index: 0;}
.tab-style01 .nav-item .nav-link:not(.active):hover:before, .tab-style01 .nav-item .nav-link:not(.active):focus:before {background-color: rgba(var(--bs-secondary-rgb), 0.5);}
.tab-style01 .nav-item .nav-link:after {content: "";position: absolute;top: 50%;right: -3px;transform: translateY(-50%);width: 5px;height: 5px;border-radius: 50%;background: #c8cada;}
.tab-style01 .nav-item:nth-child(even) .nav-link:after {display: none;}
.tab-style01 .nav-item .nav-link.active, .tab-style01 .nav-item .nav-link.active:hover,.tab-style01 .nav-item .nav-link.active:focus {padding: 16px 15px 14px;font-weight: 600;color: var(--main-color02);border: none;}
.tab-style01 .nav-item .nav-link:not(.active):hover:before, .tab-style01 .nav-item .nav-link:not(.active):focus:before, .tab-style01 .nav-item .nav-link.active:before { width: 30%; opacity: 1; }
.tab-style01 .nav-item .nav-link span { position: relative; z-index: 1; }

.tab-style02{gap: 4px;border-bottom: 0;margin-bottom:10px}
.tab-style02 .nav-item .nav-link{border-radius: var(--oval);padding: 4px 12px;background-color: var(--bg-color01);color:var(--point-color01);font-weight: 500;}
.tab-style02 .nav-item .nav-link.active{background-color: var(--main-color01);border-color: var(--main-color01);color: #fff;font-weight:600;}
.tab-style02 .nav-item .nav-link:not(.active):hover, .tab-style02 .nav-item .nav-link:not(.active):focus{background-color: var(--main-color01);color:#fff}
.tab-style02 .nav-item .nav-link.active:hover, .tab-style02 .nav-item .nav-link.active:focus {background-color: var(--main-color01-hover); border-color: var(--main-color01-hover)}


@media(min-width: 768px) {
    .tab-default .nav-item {width: calc((100% - 16px) / 3);}
    .tab-default .nav-item:nth-child(4) .nav-link::before {display: none;}
    .tab-style01 .nav-item:nth-child(even) .nav-link:after {display: block;}
    .tab-style01 .nav-item:nth-child(3) .nav-link:after {display: none;}
   
    .tab-flex .nav-item {flex: 0 0 calc(100% / 3 - 6px); max-width: calc(100% / 3 - 6px);}

    .tab-style01 .nav-item {flex: 0 0 33.3%;max-width: 33.3%;}
    
}
@media(min-width: 1200px) {
    .tab-default .nav-item {width: calc((100% - 24px) / 4);}
    .tab-default .nav-item:nth-child(5) .nav-link::before {display: none;}
    .tab-style01 .nav-item:nth-child(4) .nav-link:after {display: none;}
    .tab-style01 .nav-item:nth-child(3) .nav-link:after {display: block;}
    
    
    .tab-flex .nav-item {flex: 0 0 calc(100% / 4 - 6px); max-width: calc(100% / 4 - 6px);}

    .tab-style01 .nav-item {flex: 0 0 25%; max-width: 25%;}
    .tab-default .nav-item .nav-link  {font-size:19px}
}
@media(min-width: 1400px) {
    .tab-flex .nav-item {flex: 0 0 calc(100% / 6 - 7px); max-width: calc(100% / 6 - 7px);}
}


/*****************************************************
    Board-system
*****************************************************/

/* board-search */
.board-search .search-info .total {margin-right:15px;}
.board-search .search-info .total .text-primary {    color: var(--bs-danger) !important;}
.board-search .form-select {flex: 1 1 100%;margin-bottom: 6px;background-size: 9px;background-image: url(/common/images/board-arrow.svg);}
.board-search .input-group {display: flex;}
.board-search .input-group .form-control{flex: 1 1 auto !important;max-height: inherit;}
.board-search .input-group .form-control {border-radius: 4px !important;margin-bottom: 0 !important;}

@media (min-width:768px){
    .board-search .search-info {gap:4px}
    .board-search .search-info .total {flex-grow:1}
    .board-search .form-select {display: flex;flex: 0 0 auto;width: auto;min-width: 120px;min-height: 42px;margin: 0;}
    .board-search .form-select .ts-control {line-height:1.7}
    .board-search .inner {display:flex;gap: 4px;}
    .board-search .inner > .form-select {min-width:120px;margin: 0;}
}

@media (min-width:992px){
    .board-search [class*=col-lg] {flex: 0 0 auto;width: 100%;}   
}

@media (min-width:1200px){    
    .board-search [class*=col-lg] {flex: 0 0 auto;}
    .board-search .col-lg-7 { width: 58.33333333%;}
    .board-search .col-lg-5 {width: 41.66666667%;}
    .board-search .search-info .total {flex-grow:0}
}


/* board-gallery */
.board-gallery { margin-bottom: 10px; padding: 20px 0 0 0; border-top: 1px solid #1d1d1d; border-bottom: 1px solid #ddd; }
.board-gallery li {position:relative;}
.board-gallery li .form-check { position: absolute; bottom: 35px; right: 0; margin: 0; }
.board-gallery li a {position: relative;display: block;margin-bottom: 30px;}
.board-gallery li a .state {position: absolute;top: 20px;right: 20px;display: inline-flex;align-items: center;gap: 3px;z-index: 1;}
.board-gallery li a .state > .notice {font-size: 14px; font-weight: 500; color: #fff; background-color: var(--main-color01); padding: 5px 10px; border-radius: 50px; display: inline-block; vertical-align: middle; line-height: 1;}
.board-gallery li a .state > img {/* flex: 0 0 22px; *//* max-width: 22px; */display: inline-block;width: 22px;height: 22px;}
.board-gallery li a .state > .badge {font-size: 14px; font-weight: 500; color: #fff; background-color: #767676; padding: 5px 10px; border-radius: 50px; display: inline-block; vertical-align: middle; line-height: 1;}
.board-gallery li a .state > .badge-style01 {background-color: #0C98FE;}
.board-gallery li a .state > .approval {font-size: 14px; font-weight: 500; color: #fff; background-color: var(--point-color01); padding: 5px 10px; border-radius: 50px; display: inline-block; vertical-align: middle; line-height: 1;}
.board-gallery li a .state > .approval.disabled {background-color: #767676;}
.board-gallery li a .thumb { position: relative; display: block; width: 100%; height: 0; margin-bottom: 10px; padding-bottom: 60%; background: #d5d7dc url(/common/images/thumb-icon.png) no-repeat 50% 50%; background-size: 80px; transition: all 0.5s; border-radius: 10px; overflow: hidden; }
.board-gallery li a .thumb::before { content: ""; position: absolute; bottom: 0; left: 0; display: inline-block; width: 100%; height: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1; }
.board-gallery li a:hover .thumb::before, .board-gallery li a:focus .thumb::before { height: 100%; }
.board-gallery li a .thumb::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-flex; width: 80px; height: 80px; background: url(/common/images/icon-more.png) no-repeat right center; color: #fff; font-size: 20px; opacity: 0; z-index: 2; }
.board-gallery li .thumb img { position: absolute; width: 100%; height: 100%; }
.board-gallery li a:hover .thumb, .board-gallery li a:focus .thumb, .board-gallery li a:hover .thumb::before, .board-gallery li a:focus .thumb::before, .board-gallery li a:hover .thumb::after, .board-gallery li a:focus .thumb::after { transition: 0.3s all ease-in-out; }
.board-gallery li a:hover .thumb::after, .board-gallery li a:focus .thumb::after { opacity: 1; }
.board-gallery .tit {height: 45px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin: 4px 0 30px;font-weight: 600;color: #000;line-height: 1.4;word-break: keep-all;}
.board-gallery .info { display: flex; width: 100%; padding: 0; text-align: left; gap: 10px; }
.board-gallery .info span {position: relative;float: none;width: auto;display: flex;align-items: center;gap: 4px;padding: 0;white-space: nowrap;color: #666;font-size: 15px;background: none;}
.board-gallery .info span:not(.writer)::after { content: ""; position: absolute; top: 4px; right: -5px; width: 1px; height: 13px; background-color: #ccc; }
.board-gallery .info .day::before, .board-gallery .info .num::before { display: inline-block; width: 18px; height: 18px; text-indent: -9999px; }

@media (min-width:1200px){
.board-gallery .tit {height: 53px; font-size:19px}
}

.history-top {margin-bottom:20px}
.history-top .img-box {border-top-right-radius:70px;overflow: hidden;}
.history-top .img-box img {max-width:100%}
.history-body { position: relative; display: flex; padding-left: 20px; }
.history-body .progress { flex: 0 0 1px; position: relative; height: 100%; background-color: #ccc; margin-top: 8px; overflow: visible; }
.history-body .progress .bar { position: absolute; left: -1px; width: 2px; background-color: var(--main-color01); border-radius: 50px; }
.history-body .progress .bar::before { content: ""; position: absolute; bottom: -18px; left: 50%; width: 8px; height: 8px; background-color: #fff; border: 5px solid var(--main-color02); border-radius: 50px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); transform: translateX(-50%); }
.history-body .his-conbox { flex: 1; padding-left: 40px; }
.history-body .his-conbox .item { font-family: var(--font-type02); }
.history-body .his-conbox .item .year { font-family: var(--font-type02); font-size: 26px; font-weight: 400; color: var(--main-color01); margin-bottom: 6px; }
.history-body .his-conbox .item .list { position: relative; margin-bottom: 26px; padding-bottom: 26px; }
.history-body .his-conbox .item:last-of-type .list { margin-bottom: 0; padding-bottom: 0; }
.history-body .his-conbox .item:last-of-type .list::after { display: none; }
.history-body .his-conbox .item .list > li { position: relative; margin-bottom: 15px; }
.history-body .his-conbox .item .list > li .month { display: inline-block; font-weight: 600; color: var(--main-color01); margin: 3px 0 4px; }
.history-body .his-conbox .item .list > li .txt { font-family: var(--font-type01); margin-bottom: 0; }
.history-body .his-conbox .item .list > li .txt + .txt { margin-top: 8px; }
@media (min-width:992px) {
  .history {display:flex;}
  .history-top {flex: 1 1 50%;width: 50%;}
  .history-body {flex:1 1 100%; padding-left: 100px; }
  .history-body::before { top: -145px; font-size: 80px; }

  .history-body .his-conbox { padding-left: 85px; }
  .history-body .his-conbox .item .year { font-size: 36px; margin-bottom: 12px; }
  .history-body .his-conbox .item .list { margin-bottom: 32px; padding-bottom: 32px; }
  .history-body .his-conbox .item .list > li { margin-bottom: 20px; }
  .history-body .his-conbox .item .list > li .month { position: absolute; top: 0; left: 0; }
  .history-body .his-conbox .item .list > li .txt { padding-left: 140px; }
}
@media (min-width:1400px) {
.history-top .img-box {border-top-right-radius:120px;}
}

/* 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: var(--main-color01);padding: 2px 0 0;transition: all .3s ease-out;}
.acc-style01 .item .acc-btn.collapsed::after {transform: rotateX(180deg);}
.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: 2px;font-family: var(--font-type01);font-size: 14px;font-weight: 500;color: #fff;text-align: center;background: linear-gradient(45deg,var(--main-color01),var(--point-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;}
    .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.question {padding-left: 42px;}
    .acc-style01 .item .acc-btn .txt-box.question::before {top: 0;left: -4px;font-size: 19px;padding: 0;}
    .acc-style01 .item [class*="collaps"].acc-box .txt-box {border-radius: 12px;padding: 24px 28px;}
}