@charset "utf-8";

@import url("/template/t008000/fonts/bootstrap-icons/bootstrap-icons.css");
@import url("/template/t008000/fonts/GmarketSans/GmarketSans.css");
@import url("/template/t008000/fonts/Pretendard/Pretendard.css");
@import url("/template/t008000/fonts/Play/Play.css");

/***************************************************** Common *****************************************************/
:root{
    /* font */
    --font-icon:"bootstrap-icons";
    --font-type01:"Pretendard";
    --font-type02:"GmarketSans";
    --font-type03:"Play";

    /* color */
    --main-color01:#0E70DD;
    --main-color01-hover:#0c60c0;
    --main-color02:#142247;
    --main-color02-hover:#111c3c;
    --point-color01:#E0024E;
    --point-color01-hover:#b1023f;
    --gray-color01: #f9f9f9;
    --gray-color02: #F2F3F8;
    --gray-color03: #f1f3f5;
    --gray-color04: #e9e9e9;
    --gray-color05: #DEE2E6;    
    --blue-color01: #ECF6FF;
    --blue-color02: #f5f7ff;    
    --font-color01: #222;
    --font-color02: #707070;
}
html, body{font-family:var(--font-type01);font-size:16px;letter-spacing:-.4px;color:var(--font-color01);overflow-x: hidden;}
.openMenu {overflow: hidden;height: 100dvh;}
body.blind {position: relative;}
body.blind:before {content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: rgba(0,0,0,.4);z-index: 10;}
#mask {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 100;display: none;background: rgba(0, 0, 0, 0.5);}
dl,ol,p,ul{margin-bottom:0;}
p{line-height:1.5}
a{color:inherit}
a:focus,a:hover{color:var(--main-color01-hover);cursor:pointer}
a:focus,a:focus-visible{outline:1px auto -webkit-focus-ring-color;outline-offset:-1px;cursor:pointer}
img{max-width:100%}
::selection {background-color: var(--point-color01); color: var(--main-color02);}
::-webkit-scrollbar{width:8px;height: 5px;}
::-webkit-scrollbar-thumb{background-color:var(--main-color01);border-radius: 8px;}
::-webkit-scrollbar-button{display:none}

@media (min-width:576px){
    .container{max-width:95%}
}
@media (min-width:768px){
    .container{max-width:95%}
}
@media (min-width:992px){
    html, body {overflow-x: visible;}
    .container{padding-left:0;padding-right:0}
}
@media (min-width:1500px){
.container{max-width:1400px}
}

@media (min-width:2000px){
.container-xxl{max-width: 1800px;}
}
@media (min-width:2560px){
.container-xxl{max-width: 2000px;}
}
/* keyframes*/
@keyframes jellyAni{
    0%{transform:scale(1,1)}
    25%{transform:scale(.85,1.1)}
    50%{transform:scale(1,1)}
    75%{transform:scale(.7,1.1)}
    100%{transform:scale(1,1)}
}
@keyframes flipAni{
    0%{transform:rotateX(0)}
    100%{transform:rotateX(-360deg)}
}
@keyframes popupAni{
    0%{transform: translateY(0);}
    15%{transform: translateY(-3px);}
    45%{transform: translateY(0);}
    75%{transform: translateY(-7px);}
    100%{transform: translateY(0);}
}
@keyframes popdownAni{
    0%{transform: translateY(0);}
    15%{transform: translateY(3px);}
    45%{transform: translateY(0);}
    75%{transform: translateY(7px);}
    100%{transform: translateY(0);}
}
@keyframes shadowAni {
    0% {box-shadow: none;}
    30% {box-shadow: 12px 0 0 var(--point-color01);}
    60% {box-shadow: 12px 0 0 rgba(37,167,254,.5), 20px 0 0 var(--point-color01);}
    100% {box-shadow: 12px 0 0 rgba(37,167,254,.2), 20px 0 0 rgba(37,167,254,.5), 28px 0 var(--point-color01);}
}
@keyframes shadowAnis {
    0% {box-shadow: none;}
    30% {box-shadow: 8px 0 0 var(--point-color01);}
    60% {box-shadow: 8px 0 0 rgba(37,167,254,.5), 14px 0 0 var(--point-color01);}
    100% {box-shadow: 8px 0 0 rgba(37,167,254,.2), 14px 0 0 rgba(37,167,254,.5), 20px 0 var(--point-color01);}
}
@keyframes scrollDownBg {
    0% {transform: rotate(0deg); }
    100% {transform: rotate(360deg); }
}
@keyframes flowTxt1 {
    0% {transform: translateX(0%);}
    50% {transform: translateX(-100%);}
    50.1% {transform: translateX(100%);}
    100% {transform: translateX(0%);}
}
@keyframes flowTxt2 {
    0% {transform: translateX(0%);}
    100% {transform: translateX(-200%);}
}
@keyframes flowTxt3 {
    0% {transform: translateX(0%);}
    100% {transform: translateX(-300%);}
}

/***************************************************** Include *****************************************************/
/* header */
#header {position: relative;width: 100%;z-index: 1000;}
#header .header-wrap .container {width: 100%;max-width: 100%;}
.header-wrap {min-height: 80px;display: flex;align-items: center;margin: 0 -5px;}
.header-wrap .layout {display: flex;flex-wrap: wrap;justify-content: space-between;height: 60px;gap: 5px 0;}
.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%);}
.header-wrap .logo .sub-site-title {font-family: var(--font-type02);font-weight: 500;font-size: 18px;}
#gnb {position: fixed;top: 0;right: -100%;width: 100%;height: 100dvh;background: #fff;transition: right .3s;z-index: 100;}
#gnb.on {right: 0;}
.gnb-wrap .gnb-title {position: relative;display: flex;align-items: center;background: linear-gradient(301deg, var(--main-color01-hover), var(--main-color01));min-height: 60px;}
.gnb-wrap .gnb-title .gnb-close {position: absolute;top: 0;right: 0;display: flex;align-items: center;justify-content: center;color: var(--white);width: 60px;height: 60px;text-align: center;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; transition: transform 0.3s ease;}
.gnb-wrap .gnb-title .gnb-close:hover::before, .gnb-wrap .gnb-title .gnb-close:focus::before {transform: translate(-50%, -50%) rotate(-90deg);}
.gnb-wrap .gnb-title .tit {width: 100%;font-size: 20px;font-weight: 700;color: var(--white);padding: 0 50px 0 15px;margin-bottom: 0;}
/* 1차 메뉴 */
.depth01-list {margin-bottom: 0;}
.depth01-list > li {position: relative;}
.depth01-list > li > .menuitem {position: relative;display: flex;align-items: center;height: 60px;font-size: 18px;font-weight: 600;color: #000;padding: 0 20px;}
.depth01-list > li > .menuitem .toggle-btn {position: absolute;right: 0;display: flex;justify-content: center;align-items: center;width: 50px;height: 100%;}
.depth01-list > li > .menuitem.expanded-true {color: var(--main-color01);}
.depth01-list > li > .menuitem.haspopup-true.expanded-false .toggle-btn::before {font-family: var(--font-icon);content: '\F282';}
.depth01-list > li > .menuitem.haspopup-true.expanded-true .toggle-btn::before {font-family: var(--font-icon);content: '\F286';}
.depth01-list > li > .menuitem.expanded-true + .depth02 {display: block;position: static;width: 100%;height: auto;}
/* 2차 메뉴 */
.depth02 {position: relative;padding: 0 12px 0 15px;}
.depth02-list > li {width: 100%;}
.depth02-list > li > .menuitem {position: relative;display: flex;align-items: center;width: 100%;color: #000;padding: 5px;}
.depth02-list > li > .menuitem:hover,.depth02-list > li > .menuitem:focus {font-weight:500}
.depth02-list > li > .menuitem[target=_blank] > span {position: relative;padding: 0 20px 0 0;}
.depth02-list > li > .menuitem[target=_blank] > span::after {content: '\F1C5';position: absolute;top: 4px;right: 0;font-family: var(--font-icon);font-size: 13px;}
.depth02-list > li > .menuitem .toggle-btn {position: absolute;right: 0;display: flex;justify-content: center;align-items: center;height: 100%;}
.depth02-list > li > .menuitem.haspopup-true.expanded-false .toggle-btn::before {font-family: var(--font-icon);content: '\F64D';}
.depth02-list > li > .menuitem.haspopup-true.expanded-true .toggle-btn::before {font-family: var(--font-icon);content: '\F63B';}
.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;}
/* login */
.header-wrap .login-btn {display: none;}
.header-wrap #gnb .login-btn {display: block;margin-left: 15px;padding: 8px 15px 6px;color: #fff;font-family: var(--font-type02);border-radius: 50px;}
.header-wrap #gnb .login-btn:hover, .header-wrap #gnb .login-btn:focus {background: var(--main-color01-hover);}
/* 사이트맵 : btn-navi, sitemap */
.btn-navi {display: flex;/* gap: 0 3px; */align-items: center;}
.btn-navi .menu-ham {position: absolute;width: 60px;height: 60px;background: linear-gradient(
301deg, var(--main-color01-hover), var(--main-color01));border-radius: 20px;right: 10px;top: 10px;}
.btn-navi .menu-ham::before {content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: url('/template/t008000/images/sitemap.svg') no-repeat center;background-size: 20px;z-index: 1;}
.btn-navi .sitemap-btn {position: absolute;display: none;right: 0;z-index: 100;}
/* 사이트맵 모달 : sitemap-modal */
#sitemap-modal {position: fixed;top: -100%;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;pointer-events: none;z-index: 9999;transition: top 0.35s ease, opacity 0.35s ease;}
#sitemap-modal.open {top: 0px;opacity: 1;visibility: visible;pointer-events: auto;}
#sitemap-modal .sitemap-bg {position: absolute;top: 0;right: 0;width: 50px;height: 50px;border-radius: 50%;background: var(--white);z-index: 0;transform: translate(-50%, -50%) scale(0);transition: all .8s ease-in-out;}
#sitemap-modal.open .sitemap-bg {transform: translate(-50%, -50%) scale(150);}
#sitemap-modal .sitemap-con {position: relative;display: flex;align-items: flex-start;gap: 0;height: 100%;padding: 80px 30px 60px 40px;z-index: 1;}
#sitemap-modal .sitemap-con .sitemap-img {flex: 0;}
#sitemap-modal .sitemap-con .sitemap-img .img-frame {position: relative;width: 100%;padding-top: 177.77%;border-radius: 40px;overflow: hidden;clip-path: circle(0% at center)}
#sitemap-modal.open .sitemap-con .sitemap-img .img-frame {clip-path: circle(100% at center);transition: clip-path .8s .3s ease-in-out;}
#sitemap-modal .sitemap-con .sitemap-img .img-frame img {position: absolute;left: 0;top: 0;width: 100%;}
#sitemap-modal .sitemap-con .sitemap-gnb {flex: 0 0 100%;visibility: hidden;transform: translateY(50%);opacity: 0;}
#sitemap-modal.open .sitemap-con .sitemap-gnb {visibility: visible;transform: translateY(0);opacity: 1;transition: 1.2s ease-in-out transform, 1.2s ease-in-out opacity;}
#sitemap-modal .sitemap-con .sitemap-close {position: absolute;top: 0;right: 0;background: var(--main-color02);border: none;cursor: pointer;}
#sitemap-modal .sitemap-con .sitemap-close::before {content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: url('/template/t008000/images/sitemap-close.svg') center no-repeat;background-size: 20px;z-index: 1;}
.sitemap-gnb .sitemap-tit {position: relative;display: inline-block;font-size: 48px;font-weight: bold;font-family: var(--font-type03);margin-bottom: 28px;}
.sitemap-gnb .sitemap-tit:after {content: '';position: absolute;top:calc(50% + 8px);right: -16px;transform: translateY(-50%);display: block;width: 10px;height: 10px;border-radius: 10px;animation: shadowAni 2.5s cubic-bezier(0.29, 0.24, 0.02, 1.01);animation-direction: alternate;animation-iteration-count: infinite;}
.sitemap-gnb .sitemap01-list {display: flex;flex-wrap: wrap;gap: 60px 60px;}
.sitemap-gnb .sitemap01-list > li {flex: 0 0 calc(calc(100% - 120px) / 3);}
.sitemap-gnb .sitemap01-list > li > a {font-size: 22px;font-weight: 700;}
.sitemap-gnb .sitemap02-list > li > a {font-size: 18px;font-weight: 600;}
.sitemap-gnb .sitemap03-list > li > a {color: var(--font-color02);}
.sitemap-gnb .sitemap03-list > li > a:hover, .sitemap-gnb .sitemap03-list > li > a:focus {text-decoration: underline;text-underline-offset: 3px;}
.sitemap-gnb .sitemap02-list {padding: 24px 0 0;}
.sitemap-gnb .sitemap02-list > li:not(:last-child) {margin-bottom: 15px;}
.sitemap-gnb .sitemap03-list {padding: 12px 0 12px;}
.sitemap-gnb .sitemap02-list > li:last-child .sitemap03-list {padding: 12px 0 0;}
.sitemap-gnb .sitemap03-list > li {position: relative;padding-left: 20px;margin-bottom: 8px;}
.sitemap-gnb .sitemap03-list > li:last-child {margin-bottom:0}
.sitemap-gnb .sitemap03-list > li::before {content: '';position: absolute;top: 11px;left: 0;display: block;width: 8px;height: 1px;background: #B5B5B5;}

@media(min-width: 480px) {
    .header-wrap {margin: 0;}
    .header-wrap .layout {align-items: center;}
}
@media(max-width: 991px) {
    .depth01 {overflow: auto;height: calc(100dvh - 60px);padding-bottom: 20px;}
    .depth02-inner {max-width: 100%;background: var(--gray-color01);border-radius: 8px;padding-top: 12px;padding-bottom: 12px;}
    .depth02-list > li > .menuitem {padding: 8px 5px 6px;}
    .depth03 {background: var(--white);border-radius: 5px;padding: 12px 15px;;margin-bottom: 8px;}
    .depth03-list > li > .menuitem {position: relative;display: inline-block;width: 100%;font-size: 15px;padding: 4px 0 4px 15px;}
    .depth03-list > li > .menuitem::before {content: '';position: absolute;top: 10px;left: 0;display: block;width: 5px;height: 5px;border-radius: 5px;background: #B5B5B5;}
}
@media(min-width: 992px) {
    #header {position: fixed;top: 40px;transition: all 0.5s ease;}
    #header.nav-up {transform: translateY(0);}
    #header.nav-down {transform: translateY(-200%);}
    .header-wrap .layout {position: relative;height: 80px;margin: 0 30px;padding: 20px;box-shadow: 0px 3px 20px rgb(171 171 171 / 20%);border-radius: 50px;background: #fff;}
    .header-wrap .logo {z-index:110}
    .header-wrap .logo .sub-site-title {font-size:22px;}
    .header-wrap .login-btn {display:block;padding: 10px 30px;background: var(--main-color01);border-radius: 50px;color: #fff;font-weight: 600;z-index: 110;}
    .header-wrap .login-btn:hover, .header-wrap .login-btn:focus {background: var(--main-color01-hover)}
    #gnb {position: static;display: flex;justify-content: center;width: auto;max-width: 100%;height: 100%;}
    #gnb::before {content: '';position: absolute;top: 100%;left: 0;display: block;width: auto;height: 0;background: var(--main-color01);border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;/* box-shadow: 0px 3px 20px rgb(171 171 171 / 20%); */z-index: -1;transition: height .3s;}
    #gnb.dropdown::before {height: 90px;}
    .gnb-wrap {display: flex;align-items: center;}
    .gnb-wrap .gnb-title {display: none;}
    /* 1차 메뉴 */
    .depth01 {height: 100%;}
    .depth01-list {display: flex;height: 100%;}
    .depth01-list > li > .menuitem {max-width: 100%;height: 100%;font-size: 18px;padding: 0px 15px;}
    .depth01-list > li > .menuitem:focus {outline-offset: -1px;}
    .depth01-list > li > .menuitem::before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;width: 0;height: 0;border-radius: 50%;background: linear-gradient(0deg, rgba(37,167,254, 0), var(--point-color01));opacity: 0;transition: .3s all ease;z-index: 0;}
    .depth01-list > li > .menuitem span:not(.toggle-btn) {position: relative;padding: 12px 0 12px;z-index: 1;}
    .depth01-list > li > .menuitem span:not(.toggle-btn)::after { content: ''; position: absolute; left: 50%; top: 0; width: 0; height: 6px; border-radius: 3px; background: var(--main-color01); transition: all 0.3s ease; transform: translateX(-50%); }
    .depth01-list > li > .menuitem .toggle-btn {display: none;}
    .depth01-list > li > .depth02 {position: absolute;top: 110%;left: 50%;transform: translateX(-50%);width: 100%;min-width: 140px;z-index: 2;background: var(--main-color01);border-radius: 15px;box-shadow: 0px 3px 30px rgba(0,0,0,0.20);}
    .depth01-list > li > .menuitem.expanded-true {color: inherit;}
    .depth01-list > li > .menuitem.expanded-true + .depth02 {position: absolute;}
    .depth01-list > li.active > .menuitem span:not(.toggle-btn)::after {opacity: 1;top: 5px;width: 6px;}
    /* 2차 메뉴 */
    .depth02 {position: relative;display: flex;align-items: center;min-height: 56px;padding: 0;visibility: hidden;}
    .depth02.active, .depth02.focusin {visibility: visible;}
    .depth02 .depth02-inner {display: flex;justify-content: center;}
    .depth01-list > li:last-child .depth02 .depth02-inner {justify-content: flex-end;}
    .depth02-list {display: flex;flex-wrap: wrap;padding: 10px 0;}
    .depth02-list > li {position: relative;/* width: auto; */flex: 0 0 auto;}
    .depth02-list > li > .menuitem {position: relative;font-size: 16px;font-weight: 500;color: #fff;padding: 6px 18px;text-align: center;justify-content: center;word-break: keep-all;}
    .depth02-list > li > .menuitem .toggle-btn {display: none;}
    .depth02-list > li > .menuitem:hover, .depth02-list > li > .menuitem:focus {text-decoration: underline;text-decoration-line: underline; text-decoration-style: dotted;text-underline-position: under;}
    .depth03 {display: none;}
    /* 사이트맵 : btn-navi, sitemap */
    .btn-navi .member-btn {font-size: 16px;padding: 7px 16px 9px 40px;}
    .btn-navi .member-btn:before {left: 16px;top: 11px;width: 16px;height: 16px;background-size: auto 16px;}
    .btn-navi .member-btn.mypage::before {top: 10px;width: 18px;height: 18px;background-size: auto 18px;}
    .btn-navi .member-btn:hover:after, .btn-navi .member-btn:focus:after {width: 200px;height: 200px;}
    /* 사이트맵 : sitemap-modal */
    .btn-navi .sitemap-btn {display: block;width: 80px;height: 80px;background: linear-gradient(-135deg, var(--main-color01), var(--point-color01));}
    .btn-navi .sitemap-btn::before {content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: url('/template/t008000/images/sitemap.svg') center no-repeat;background-size: 20px;z-index: 1;}
    #sitemap-modal .sitemap-con .sitemap-close {width: 80px;height: 80px;}
}
@media (min-width:1500px){
    #header {top: 60px;}
    #header .header-wrap .container {width: 100%;max-width: 1500px;}
    .header-wrap .layout {padding:20px 50px;}
    #gnb.dropdown::before {height: 100px;} 
    .depth01-list > li > .menuitem {font-size: 19px;padding: 0 35px;}
    .depth01-list > li > .menuitem span:not(.toggle-btn) {padding: 18px 0 18px;}
    .depth02 {min-height: 64px;}
    .depth01-list > li:last-child .depth02 .depth02-inner {justify-content: center;}
    .btn-navi .sitemap-btn {width: 110px;height: 110px;}
    .btn-navi .sitemap-btn::before {background-size: auto;}
    #sitemap-modal .sitemap-con {align-items: center;gap: 0 80px;padding: 60px;}
    #sitemap-modal .sitemap-con .sitemap-img {flex: 0 0 450px;}
    #sitemap-modal .sitemap-con .sitemap-gnb {flex: 0 0 calc(100% - 530px);}
    .sitemap-gnb .sitemap-tit {font-size: 60px;margin-bottom: 35px;}
    .sitemap-gnb .sitemap01-list {gap: 80px 40px;}
    .sitemap-gnb .sitemap01-list > li {flex: 0 0 calc(calc(100% - 80px) / 3);}
    .sitemap-gnb .sitemap01-list > li > a {font-size: 28px;}
    .sitemap-gnb .sitemap02-list > li > a {font-size: 20px;}
    .sitemap-gnb .sitemap03-list > li > a {font-size: 17px;}
    #sitemap-modal .sitemap-con .sitemap-close {width: 110px;height: 110px;}
    #sitemap-modal .sitemap-con .sitemap-close::before {background-size: auto;}
}



/* footer */
#footer { position: relative; font-size: 14px; background: #202430; margin: 15px; padding: 30px 0; z-index: 2; border-radius: 24px; }
.footer-wrap { display: flex; justify-content: center; flex-direction: column; }
.footer-wrap .ft-left .logo { display: block; text-align: center; }
.footer-wrap .ft-left .logo .logo-img { margin-bottom: 15px; height: 30px; }
.footer-wrap .ft-left .ft-info { text-align: center; color: rgba(255, 255, 255, 0.5); margin-bottom: 10px; }
.footer-wrap .ft-left .ft-info > * { margin-bottom: 4px; }
.footer-wrap .ft-left .ft-info .address {color: #fff;font-weight: 500;}
.footer-wrap .ft-left .ft-info .num { margin-bottom: 10px;}
.footer-wrap .ft-left .ft-info .num > span:not(:first-child) {padding-left:12px}
.footer-wrap .ft-right .ft-link-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 10px; }
.footer-wrap .ft-right .ft-link-list li > a { position: relative; color: #fff; font-weight: 500; transition: all 0.2s ease-in-out; }
.footer-wrap .ft-right .ft-link-list li > a:hover, .footer-wrap .ft-right .ft-link-list li > a:focus { color: var(--main-color01-hover); }
.footer-wrap .ft-right .ft-link-list li > a:hover .arrow-icon, .footer-wrap .ft-right .ft-link-list li > a:focus .arrow-icon { transform: rotate(40deg); }
.footer-wrap .ft-right .ft-link-list .arrow-icon { margin-left: 4px; height: 18px; transition: all 0.2s ease-in-out; }
/* top-btn */
.go-to-top { position: fixed; bottom: 15px; right: 15px; display: none; width: 55px; height: 55px; font-size: 14px; text-align: center; color: var(--white); border-radius: 50%; background-color: #223363; transition: all 0.3s ease-in-out; z-index: 15; padding-top: 25px; }
.go-to-top:after { content: ""; position: absolute; top: 14px; left: 50%; transform: translateX(-50%); display: inline-block; width: 13px; height: 8px; background: url("/template/t008000/images/gototop.png") center no-repeat; transition: all 0.3s ease-in-out; background-size: 10px; }
.go-to-top:hover, .go-to-top:focus { background: var(--main-color01); color: var(--white); }
.go-to-top:hover:after, .go-to-top:focus:after { background: url("/template/t008000/images/gototop-hover.png") center no-repeat; background-size: 10px; top: 12px; }
@media (min-width:992px) {
  #footer { padding: 40px 0; }
  .footer-wrap { flex-direction: row; justify-content: space-between; }
  .footer-wrap .ft-left .logo, .footer-wrap .ft-left .ft-info { text-align: left; }
  .footer-wrap .ft-right .ft-link-list { flex-direction: column; font-size: 16px; }
  .footer-wrap .ft-right .ft-link-list li > a { display: flex; justify-content: space-between; gap: 30px; }
  .go-to-top { font-size: 15px; width: 75px; height: 75px; bottom: 30px; right: 30px; padding-top: 34px; }
  .go-to-top:after { top: 22px; background-size: auto; }
  .go-to-top:hover:after, .go-to-top:focus:after { background-size: auto; top: 20px; }
}
@media (min-width:1200px) {
  #footer { padding: 60px 0; }
  .footer-wrap .ft-left .logo .logo-img { height: auto; margin-bottom: 37px; }
  .footer-wrap .ft-left .ft-info p {font-size: 17px;line-height: 1.2;}
    .footer-wrap .ft-left .ft-info > * { margin-bottom: 10px; }
  .footer-wrap .ft-left .ft-info .num { margin-bottom: 24px; }
  .footer-wrap .ft-right .ft-link-list { font-size: 17px; gap: 10px; }
  .footer-wrap .ft-right .ft-link-list li > a { gap: 50px; }
  .footer-wrap .ft-right .ft-link-list .arrow-icon { height: auto; }
}
@media (min-width:1500px) {
  .go-to-top { bottom: 72px; right: 50px; }
}


/***************************************************** sub-layout *****************************************************/
/* sub-container */
.sub-container{padding: 0 0 60px;}
.sub-container #content{min-height:300px;margin-bottom:0}
.sub-container .container {position: relative;}
/* snb */
.snb{position: sticky;top: 60px;width: 250px;flex: 0 0 250px;border-radius: 16px;}
.snb .snb-tit{background: var(--main-color01);border-radius: 16px 32px 16px 16px;box-shadow: 0 8px 24px rgba(30, 30, 30, 0.15);display: flex;align-items: center;justify-content: center; color: #fff; min-height: 120px;padding: 20px 24px;margin-bottom: 10px;}
.snb .snb-tit h2{font-family: var(--font-type02);font-size: 22px;text-align: center;text-wrap-style: pretty;margin-bottom: 0;}
.snb-list .snb01-item > a{position: relative;display: block;border: 1px solid #DDD;border-radius: 8px;word-break: keep-all;padding: 12px 26px 13px 14px;margin-top: 6px;}
.snb-list .snb01-item.active > a{font-weight: 600;color: var(--white);background: var(--main-color02);border-color: var(--main-color02);box-shadow: 4px 8px 15px rgba(30,30,30,.12);}
.snb-list .snb01-item > a::before {content: '';position: absolute;top: 50%;right: 12px;width: 20px;height: 20px;border-radius: 50%;background: #D1D4D6 url(/template/t008000/images/snb-arr.svg) no-repeat center;transform: translateY(-50%);}
.snb-list .snb01-item.active > a::before {background: var(--white) url(/template/t008000/images/snb-arr-active.svg) no-repeat center;}
.snb-list .snb01-item:has(.snb02-list) > a::before{display: block; content: '';background: #D1D4D6 url(/template/t008000/images/snb-arr-down.svg) no-repeat center;transition: .3s;}
.snb-list .snb01-item:has(.snb02-list).active > a::before {background: var(--white) url(/template/t008000/images/snb-arr-down-active.svg) no-repeat center;transform: translateY(-10px) rotate(180deg);}
.snb-list .snb02-list{display: none;margin-top: 8px;}
.snb-list .active .snb02-list{display: block;background: var(--gray-color01);border-radius: 8px;padding: 8px;}
.snb-list .snb02-list a{border-radius: 6px;display: block;padding: 6px 22px; position: relative; font-size: 15px;transition: .3s all;}
.snb-list .snb02-list a::before{display: block; content: ''; width: 4px; height: 4px;border-radius: 50%; background-color: #999;position: absolute; left: 10px; top: 14px;}
.snb-list .snb02-list a:hover, .snb-list .snb02-list a:focus {font-weight: 600;color: var(--main-color01-hover);}
.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{background-color:#FFF; color: var(--main-color01); font-weight: 600;}
.snb-list .snb02-list .active a::before{background-color: var(--main-color01);}

/* page-navi */
.page-navi{background-color: inherit;padding: 10px 0;border-radius: 10px;padding: 10px 15px 8px;}
.page-navi:before{display: none;}
.page-navi .navbar{border: 0;}
.page-navi .navbar .navbar-nav > .nav-item{border: 0;height: auto;width: auto;margin-right: 5px;}
.page-navi .navbar .navbar-nav > .nav-item:first-child{border: 0;width: auto;}
.page-navi .navbar .navbar-nav > .nav-item:nth-child(2n+1){border: 0;}
.page-navi .navbar .navbar-nav > .nav-item .nav-link{color: var(--font-color02);font-size: 14px;white-space:inherit;display: flex;align-items: center;justify-content: space-between;padding: 0 0 0 16px;margin-bottom: 2px;}
.page-navi .navbar .navbar-nav > .nav-item .nav-link:hover, .page-navi .navbar .navbar-nav > .nav-item .nav-link:focus{color: var(--main-color01); text-decoration: none;}
.page-navi .navbar .navbar-nav > .nav-item:first-child .nav-link{padding: 0;vertical-align: middle;}
.page-navi .navbar .navbar-nav > .nav-item:last-child .nav-link{font-weight: 500;color: var(--font-color01);text-decoration: underline;text-underline-offset: 5px;margin-bottom: 0;}
.page-navi .navbar .navbar-nav > .nav-item:nth-child(2) .nav-link {padding-left: 0;}
.page-navi .navbar .navbar-nav > .nav-item:nth-child(2) .nav-link:before {display: none;}
.page-navi .navbar .navbar-nav > .nav-item .nav-link:before{content: '';width: 7px;height: 7px;left: 0;top: 7px;display: block;border-top: 1px solid var(--main-color02);border-right: 1px solid var(--main-color02);transform: rotate(45deg);}
.page-navi .navbar .navbar-nav > .nav-item:first-child .nav-link:before{display:none;}
.page-navi .navbar .navbar-nav > .nav-item .nav-link::after{display: inline-block;border-top: 8px solid;border-left: 7px solid transparent;border-right: 7px solid transparent;border-width: 5px; color: #767676;border-radius: 4px;vertical-align: .15em;margin-left: 8px;}
.page-navi .navbar .navbar-nav > .nav-item .dropdown-menu {min-width: 8rem;border-radius: 10px;background: var(--main-color01);box-shadow: 4px 8px 16px rgba(28, 62, 115, 0.2); border: 0;top: 120%;padding: 0.5rem;}
.page-navi .navbar .navbar-nav > .nav-item .dropdown-menu .dropdown-item{font-size: 15px;color: var(--white);border-radius: 4px;padding: 4px 16px;}
.page-navi .navbar .navbar-nav > .nav-item .dropdown-menu .dropdown-item:hover, .page-navi .navbar .navbar-nav > .nav-item .dropdown-menu .dropdown-item:focus {color: var(--main-color01);}

/* cont-title */
.cont-title{display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;animation: 16px;margin: 0 15px 30px;padding: 30px 0;background: url(/template/t008000/images/main-pt.png) no-repeat center top, linear-gradient(-135deg, #E9FFF1, #E9F4FF);border-radius: 20px;}

.cont-title h2{margin: 0 0 10px 0;color: var(--main-color02);font-size: 26px;}

/* option-box */
.option-box button:hover img, .option-box button:focus img{animation: jellyAni .5s linear;}
.option-box .share-box{width: 20px; height: 20px;padding: 0;}
.option-box .share-box::after{display: none;}
.option-box .dropdown-menu{min-width: 0;padding: 10px;border-radius: 16px; box-shadow: 4px 8px 28px rgba(28, 62, 115, 0.25); border: 0;}
.option-box .dropdown-item{width: 36px; padding: 0;margin-bottom: 8px;}
.option-box .dropdown-item:last-child{margin-bottom: 0;}
.option-box .dropdown-item:hover, .option-box .dropdown-item:focus{animation: jellyAni .5s linear;}

/* content-foot */
.content-foot {background-color: var( --gray-color01);border: 1px solid #EEE;border-radius: 8px;padding: 20px 25px;margin-top: 30px;}
.content-foot .contact-us {margin: 0;}
.content-foot .contact-item {display: flex;font-size: 14px;margin-bottom: 5px;}
.content-foot .contact-item:last-of-type {margin-bottom: 0;}
.content-foot .contact-item .contact-tit {position: relative;font-weight: 600;min-width: 110px;padding-left: 24px;}
.content-foot .contact-item .contact-tit:before {content: '';width: 16px;height: 16px;position: absolute;top: 3px;left: 0;background-image: url('/template/t008000/images/contact-dept.svg');background-size: auto 16px;background-position: center;background-repeat: no-repeat;}
.content-foot .contact-item .contact-tit.info02:before {background-image: url('/template/t008000/images/contact-call.svg');}
.content-foot .contact-item .contact-tit.info03:before {background-image: url('/template/t008000/images/contact-date.svg');}
@media (min-width:480px){
    .content-foot .contact-item {font-size: 15px;}
    .content-foot .contact-item .contact-tit {min-width: 120px;}
}
@media (min-width:768px){
    .page-navi{padding: 10px 18px;}
    .page-navi .navbar .navbar-nav > .nav-item{width: auto; min-width: 0; margin-right: 5px; padding: 0;}
    .page-navi .navbar .navbar-nav > .nav-item .nav-link{display: block;margin-bottom: 0;}
}
@media (min-width:992px){
    .sub-container{padding-bottom: 100px;}
    .cont-title {margin-top: 15px;margin-bottom: 75px;padding-top: 150px;padding-bottom: 40px;border-bottom-left-radius: 80px;}
    .cont-title h2 {font-size: 32px;}
    .page-navi{background-color: transparent;padding: 0;}
    .page-navi .navbar .navbar-nav > .nav-item .nav-link {font-size: 16px;}
    .page-navi .navbar .navbar-nav > .nav-item:nth-child(2) .nav-link {padding-left: 16px;}
    .page-navi .navbar .navbar-nav > .nav-item:nth-child(2) .nav-link:before {display: block;}
    .page-navi .navbar .navbar-nav > .nav-item .nav-link.home {display: block;width: 20px;height: 20px;border-radius: 50%;}
    .page-navi .navbar .navbar-nav > .nav-item .nav-link.home:before {content: '';position: absolute;top: 0px;display: block;width: 20px;height: 20px;font-family: var(--font-type03);font-size: 14px;font-weight: 700;color: var(--white);background: url(/template/t008000/images/icon-home.png) no-repeat center;border: none;transform: none}
    .page-navi .navbar .navbar-nav > .nav-item .nav-link::after,
    .page-navi .navbar .navbar-nav > .nav-item .dropdown-menu {display: none;}
    .page-navi .navbar .navbar-nav > .nav-item .nav-link {pointer-events: none;}
    .page-navi .navbar .navbar-nav > .nav-item .dropdown-menu .dropdown-item{padding: 0.25rem 0.5rem;}
    .option-box{display: flex;;}
    .option-box .share-box{position: relative;margin-right: 20px;padding-right: 20px;width: 40px;}
    .option-box .share-box::after{width: 1px; height: 24px; background-color: #ccc;display: block;border: 0;position: absolute;right: 0; top: 0;}
    .option-box .print{width: 22px;padding: 0;}
    .content-foot {display: flex;padding:20px 30px;}
    .content-foot .contact-us {gap: 5px 50px;display: flex; flex-wrap: wrap;}
    .content-foot .contact-item {position: relative;display: flex;gap: 0 20px;font-size: 16px;padding-right: 0;margin-bottom: 0;}
    .content-foot .contact-item:last-child {padding-right: 0;}
    .content-foot .contact-item .contact-tit {min-width: auto;padding-left: 28px;}
    .content-foot .contact-item .contact-tit:before {width: 20px;height: 20px;top: 0;background-size: auto 20px;}
}
@media (min-width:1500px){
    .snb{width: 270px;flex: 0 0 270px;}
    .snb-list .snb01-item > a{font-size: 18px;border-radius: 10px;padding: 16px 34px 17px 18px;}
    .snb-list .snb01-item > a:before {width: 22px;height: 22px;}
    .snb-list .snb01-item:has(.snb02-list) > a::after{right:12px;top: 25px;}
    .snb-list .snb02-list a{padding: 10px 28px; font-size: inherit;}
    .snb-list .snb02-list a::before{left: 16px; top: 18px;}
    .cont-title {margin-bottom: 75px;padding-top: 185px;padding-bottom: 60px;border-bottom-left-radius: 140px;}
    .page-navi .navbar .navbar-nav > .nav-item .nav-link.home {width: 24px;height: 24px;margin-top: -1px;}
    .page-navi .navbar .navbar-nav > .nav-item .nav-link.home:before {width: 24px;height: 24px;font-size: 15px;}
    .content-foot {padding:22px 30px 20px;margin-top: 50px;}
    .content-foot .contact-us {gap:5px 60px;}
}
@media (min-width:1600px){
    .sub-container #content{min-height:550px;}
    .snb{width: 280px;flex: 0 0 280px;}
    .snb .snb-tit{padding:30px 30px 28px;min-height: 140px;}
    .snb .snb-tit h2{font-size: 24px;}
    .page-navi .navbar .navbar-nav > .nav-item{max-width: 100%;}
    .page-navi .navbar .navbar-nav > .nav-item .nav-link{font-size: 17px; }
    .cont-title h2{font-size: 38px;}
}
@media (min-width:1920px){
    .sub-container{padding-bottom: 130px;}
    .snb {top: 70px;}
}

/***************************************************** style-guide *****************************************************/
/* title */
[class*="tit-h"] {font-family: var(--font-type02);margin-bottom: 10px; font-weight: 700;letter-spacing: 0;}
[class*="tit-h"]:first-child, [class*="tit-h"] + [class*="tit-h"] {margin-top:0;}
.line-gap + .tit-h3{margin-top: 0;}
.tit-h3 { font-size: 23px; margin-top: 20px;}
.tit-h3 .tit-inner{position: relative;padding-top: 12px;display: inline-block;}
.tit-h3 .tit-inner::after {display: none;content: '';width: 10px;height: 10px;background-color: var(--main-color02);border-radius: 50%;position: absolute;right: -5px;top: 0}
.tit-h4 {font-size: 20px;color: var(--main-color01);margin-top: 16px;}
.tit-h5 { font-size: 18px;margin-top: 20px;color: var(--main-color02); margin-top: 10px;}
.tit-inline {display: block;justify-content: space-between;align-items: baseline;margin-bottom: 8px;}
.tit-inline [class*="tit-h"] {margin-bottom: 8px;}
.tit-inline .info-text {margin: 0;}

@media (min-width:768px){
    .tit-inline {display: flex;margin-bottom: 15px;}
    .tit-inline [class*="tit-h"] {margin-bottom: 0;}
}
@media (min-width:1500px){
    [class*="tit-h"]{margin-bottom: 20px;}
    .tit-h3 {font-size: 30px;margin-top: 40px;}
    .tit-h4 {font-size: 24px;margin-top: 30px;}
    .tit-h5 {font-size:24px ;margin-top: 30px;}
    .tit-inline {margin-bottom: 18px;}
}

/* color */
.c-box {display: flex;gap: 10px;}
.c-box div{display:flex;justify-content:center;align-items:center;width:120px;height:80px;color:#fff;text-align: center;}
.c-box .c-box01{background:var(--main-color01)}
.c-box .c-box02{background:var(--main-color02)}
.c-box .c-box03{background:var(--point-color01)}
.c-box .c-box04{background:var(--gray-color01);color: inherit;}

/* font-color */
.text-primary{color:var(--main-color01)!important}
.text-success{color:var(--main-color02)!important}

/* line-gap */
.line-gap{border: 1px dotted #dbdbdb;margin:24px 0;}

@media (min-width:992px){
    .line-gap{margin: 40px 0;}
}

/* tab */
.tab-style01{border:none;  gap:6px 1%;margin-bottom: 20px;}
.tab-style01 .nav-item{padding: 0; flex: 0 1 48.5%;}
.tab-style01 .nav-link{margin:0;border: 1px solid transparent;transition:.3s;padding: 6px 10px;background-color: var(--gray-color01);width: 100%;font-weight: 500;word-break: keep-all;height: 100%;letter-spacing: inherit;line-height: 1.2;}
.tab-style01 .nav-link small{font-weight:500;}
.tab-style01 .nav-link:focus, .tab-style01 .nav-link:hover{color:var(--main-color02);  text-decoration: none;  background-color: #fff; border-color: var(--main-color02); font-weight: 500;}
.tab-style01 .nav-link.active, .tab-style01 .nav-item.show .nav-link{ background-color: #fff; border-color: var(--main-color01); color: var(--main-color01);}

.tab-style02{align-items:center;border:none;  gap:6px;margin-bottom: 20px;}
.tab-style02 .nav-item{position: relative; padding: 0; }
.tab-style02 .nav-link{border: 1px solid #ccc;background: transparent;border-radius: 100px;margin-top: 0;transition: .3s;font-weight: 500;padding: 6px 20px;}
.tab-style02 .nav-link:focus, .tab-style02 .nav-link:hover{color:var(--main-color02);  text-decoration: none; border-color: var(--main-color02);font-weight: 500;}
.tab-style02 .nav-link.active, .tab-style02 .nav-item.show .nav-link{background: var(--main-color01); color: #fff;border-color: transparent;}

@media (min-width:992px){
    .tab-style01{gap:6px;}
	.tab-style01+.tab-content{margin-top:30px}
    .tab-style01 .nav-item{flex: 0 1 calc(33% - 10px); display: flex;}
	.tab-style01 .nav-link{padding:14px 20px;}
    .tab-style01 .nav-link.active, .tab-style01 .nav-item.show .nav-link{box-shadow: 4px 8px 16px rgba(28, 62, 115, 0.1);}

    .tab-style02+.tab-content{margin-top:20px}
    .tab-style02 .nav-link{padding:10px 50px;}
}
@media (min-width:1500px){
    .tab-style01 .nav-item{flex: 0 1 calc(25% - 10px);}
	.tab-style01 .nav-link{font-size: 18px;padding:12px 20px}
}

/* list-style */
table [class*="list-style0"] li:last-child{margin-bottom: 0;}
ul[class*="list-style0"] { list-style: none; }
[class*="list-style0"]  li{margin-bottom: 6px;}
.list-style01 > li {position: relative;padding-left: 14px;color: #444;}
.list-style01 > li::after {content: "";position: absolute;top: 9px;left: 0;display: block;width: 4px;height: 4px;border-radius:50%;background-color: var(--main-color02);}
.list-style01 .list-style02{margin-top: 10px;}
.list-style02 > li { position: relative; padding-left: 14px; color: #666; }
.list-style02 > li::after { content: ""; position: absolute; top: 11px; left: 0; display: block; width: 7px; height: 2px; background: #ccc; }
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; }

/* button */
.btn{border-radius: 6px;}
.btn:focus, .btn.focus{color: #fff;}
[class*="btn-outline-"]:focus{color: inherit;}
.btn-primary{background-color: var(--primary);border-color: var(--primary);}
.btn-success{background-color: var(--success); border-color:  var(--success);}
.btn-outline-primary{color: var(--primary); border-color: var(--primary);}
.btn-outline-primary:hover, .btn-outline-primary:focus{color:#fff; border-color: var(--primary); background-color: var(--primary);}
.btn-outline-success{color: var(--success); border-color: var(--success);}
.btn-outline-success:hover, .btn-outline-success:focus{color:#fff; border-color: var(--success); background-color: var(--success);}
.btn-text {display: inline-block; padding: 0;margin: 0 2px;color: var(--main-color01);}
.btn-text .bi{width: 24px; height: 24px; 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);}

/* badge */
.badge {padding: 5px 10px; font-size: 12px; font-weight: 400; border-radius: 50px;}
.badge.badge-primary{background-color: var(--main-color01);border: 1px solid var(--main-color01);}
.badge.badge-style01 {background: var(--main-color02);border: 1px solid var(--main-color02);color: var(--white);}
.badge.badge-style02 {background: var(--main-color01);border: 1px solid var(--main-color01);color: var(--white);}
.badge.badge-style03 {background: #0c8021;border: 1px solid #0c8021;color: var(--white);}
.badge.badge-style04 {background: var(--white);border: 1px solid var(--main-color01);color: var(--main-color01);}
.badge.badge-style04 {background: var(--white);color: var(--main-color01-hover);}

/* info-text */
.info-text {position: relative; padding-left: 26px;margin: 10px 0;}
.info-text > .bi {position: absolute;top: 1px;left: 0;width: 18px;height: 18px;text-align: center; color: var(--main-color02);}
.info-text.style01 > .bi {color: var(--main-color01);}
.info-text.style02 > .bi {color: var(--main-color01);}

/* info-box */
.info-box-style01{box-shadow: 4px 8px 16px rgba(28,62,115,.1);position: relative;padding: 24px 30px;z-index: 1;border-top-right-radius: 20px;}
.info-box-style01::before{display: block;content: '';width: 100%;height: 30%;border: 1px solid var(--main-color01);border-bottom: 0;border-top-right-radius: 20px;position: absolute;left: 0;top: 0;z-index: -1;}
.info-box-style01 .info-tit{font-family: var(--font-type02);font-weight: 600;color: var(--main-color01);font-size: 22px;}
.info-box-style02{background: var(--blue-color01) url(/template/t008000/images/info-box02-bg.png) no-repeat right top;padding:16px 20px;}
.info-box-style02 .info-tit{color: var(--main-color01);margin-bottom: 4px;display: block;}
.info-box-style03{ padding:16px 20px; position: relative; margin-bottom: 30px;}
.info-box-style03::before{display:block;content:'';width: 100%;height:50px;border-radius:16px 16px 0 0;border: 2px dotted #d5d5d5;border-bottom: 0; position:absolute;left: 0;top:0;}
.info-box-style03:after{display:block;content:'';width: 100%;height:1px;border-bottom: 2px dotted #d5d5d5;position:absolute;left: 0;bottom: 0;}

@media (min-width:992px){
    .info-box-style03::before{border-right: 0;border-top-right-radius:0;}
    .info-box-style03:after{height:50px;border-radius: 0 0 16px 0;border-bottom: 2px dotted #d5d5d5;border-right: 2px dotted #d5d5d5;}
}

@media (min-width:1500px){
    .info-box-style01{min-height: 140px; padding: 35px 50px;box-shadow: 4px 8px 20px rgba(28,62,115,.1);}
    .info-box-style01::before{height: 60px;}
    .info-box-style01 .info-tit{font-size: 26px;}
    .info-box-style01 .info-txt{font-size: 18px;}
    .info-box-style02{padding:26px 30px;}
    .info-box-style02 .info-tit{font-size: 20px;margin-bottom: 8px;}
    .info-box-style03{padding:26px 30px;}
}

/* table */
.table{border-top: 2px solid var(--main-color02);}
.table thead th{color: var(--main-color02);background-color: #f8f9f9;font-weight: 500;}
.table tbody th{background-color: #f8f9f9;font-weight: 500;}
.table-responsive {	-ms-overflow-style: -ms-autohiding-scrollbar;}
.table-responsive  .table{min-width: 768px;}

/* meg-box */
.msg-box {text-align: center;background-size: 180px;background-repeat: no-repeat;background-position: center 10%;border-radius: 10px;padding: 170px 0 20px;}
.msg-box h3 {font-size: 20px;margin-bottom: 8px;}
.msg-box p {font-size: 15px;margin:8px 0 18px;}
.msg-box .btn {padding-left: 1.3rem;padding-right: 1.3rem;}
.msg-box.success {background-image: url('/template/t008000/images/msg-success-icon.png');}
.msg-box.reject {background-image: url('/template/t008000/images/msg-reject-icon.png');}
@media (min-width:480px){
    .msg-box h3 {font-size: 22px;}
    .msg-box p {font-size: 16px;margin:10px 0 25px;}
}
@media (min-width:1200px){
    .msg-box {background-size: auto;background-position: center 25%;padding: 254px 40px 50px;}
    .msg-box h3{font-size: 26px;}
}

/* non-page */
.non-info {background: url('/template/t008000/images/non-board.png') no-repeat center 10%;background-size: 180px;padding-top: 170px;}
.non-page{background: url('/template/t008000/images/non-page.png') no-repeat center 10%;background-size: 180px;padding-top: 170px;}
.non-page.board{background: url('/template/t008000/images/non-board.png') no-repeat center 10%;background-size: 180px;padding-top: 170px;}
.non-page h3{font-size: 20px; color: inherit;}
.non-page p{color: var(--font-color03);}

@media (min-width:1200px){
    .non-info{background-size: auto;padding: 270px 40px 50px;background-position: center 25%;}
    .non-page{background-size: auto;padding: 270px 40px 50px;background-position: center 25%;}
    .non-page.board {background-size: auto;padding: 230px 40px 50px;background-position: center 25%;}
    .non-page h3{font-size: 24px;}
}

/* accordion */
.acc-style01 .card{border:0;border-radius:0}
.acc-style01 .card .card-header{margin-top:8px;padding:0;border:none;background-color:#fff}
.acc-style01 .card:not(:first-child) .card-header{border-top:0}
.acc-style01 .card .card-header>.btn{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 15px;border:1px solid var(--main-color01);border-radius:7px;box-shadow:0 0 10px rgba(0,0,0,.1);color:var(--main-color01);text-align:left;white-space:wrap;text-decoration:none}
.acc-style01 .card .card-header>.btn::before{display:none}
.acc-style01 .card .card-header>.btn .tit{position:relative;margin:0;padding:0;font-size:16px;font-weight:500;flex: 1 1 10%;}
.acc-style01 .card .card-header>.btn .bi{margin:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50px;background:var(--main-color02);transform:rotate(180deg);transition:all .3s ease-out;color:#fff}
.acc-style01 .card .card-header>.btn.collapsed .bi{transform:rotate(0);color:#333;background:var(--gray-color01)}
.acc-style01 .card .card-header>.btn.collapsed:focus .bi,.acc-style01 .card .card-header>.btn.collapsed:hover .bi{background-color: var(--main-color01); color: #fff;}
.acc-style01 .card .card-header>.btn.collapsed{font-weight:400;color:var(--font-color02);border-color: #d5d5d5;box-shadow: none;}
.acc-style01 .card .card-header>.btn.collapsed:focus,.acc-style01 .card .card-header>.btn.collapsed:hover{font-weight:500;color:#333;border-color: #333;}
.acc-style01 .card .card-header>.btn.collapsed::before{width:0}
.acc-style01 .card .card-body{padding:15px;border-radius:7px;border-top-right-radius:0;border-top-left-radius:0;background:var(--gray-color01)}
.acc-style01 .card .card-footer { background: var(--gray-color04); border-top: none; }
@media(min-width:992px){
    .acc-style01 .card .card-header {margin-top: 10px;}
    .acc-style01 .card .card-header>.btn {padding: 15px;}
    .acc-style01 .card .card-header>.btn .tit {font-size: 17px;}
}
@media(min-width:1200px){
    .acc-style01 .card .card-header>.btn{padding:15px 20px}
    .acc-style01 .card .card-body{padding:20px}
}

/* img-zoom */
.img-zoom{position:relative;padding:16px;text-align:center;border:1px solid #eaeaea;border-radius: 16px;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:#4f575e ;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: 1px solid #eaeaea; padding:30px}
    .img-zoom .btn{display:none}
}

/* modal */
.modal-open .modal {overflow: hidden;}
.modal-dialog {max-width: none;margin: 30px 10px;}
.modal-dialog-centered {min-height: calc(100dvh - 60px);}
.modal-dialog-scrollable {max-height: calc(100dvh - 60px);}
.modal-dialog-scrollable .modal-content {max-height: calc(100dvh - 60px);}
.modal-dialog-scrollable .modal-body {overflow-y: auto;}
.modal-content {border: 0;background-color: var(--white);border-radius: 10px;}
.modal-content .modal-header {position: relative;background: transparent;border: 0;padding: 20px 20px 10px;}
.modal-content .modal-header::after {content: "";position: absolute;width: calc(100% - 40px);height: 1px;left: 20px;bottom: 0;border-top: 1px dashed #e5e5e5;}
.modal-content .modal-header .modal-title {font-size: 20px;font-weight: 600;color: var(--tit-color);}
.modal-content .modal-header .close:hover, .modal-content .modal-header .close:focus {animation: gelatine 0.3s 0.1s cubic-bezier(0, 0, 0.18, 0.99) alternate;opacity: 1;}
.modal-content .modal-body {padding: 18px 20px 20px;}
.modal-content .modal-body > *:last-child {margin-bottom: 0;}
.modal-content .modal-footer {justify-content: center;gap: 4px;position: relative;border-radius: 0 0 12px 12px;padding: 15px 20px;border: 0;}
.modal-content .modal-footer::before {content: "";position: absolute;width: calc(100% - 48px);height: 1px;left: 24px;top: 0;border-top: 1px dashed #e5e5e5;}
.modal-content .modal-footer .btn {min-width: 80px;margin-right: 0;margin-left: 0;}
.modal-content .modal-close {position: absolute;top: 20px;right: 20px;width: 30px;height: 30px;border: 0;padding: 0;background-color: transparent;opacity: .6;}
.modal-content .modal-close::before, .modal-content .modal-close::after {content: "";position: absolute;top: 50%;left: 50%;width: 24px;height: 2px;border-radius: 50px;background-color: #000;transition: all .3s ease-out;}
.modal-content .modal-close::before {transform: translate(-50%,-50%) rotate(45deg);}
.modal-content .modal-close::after {transform: translate(-50%,-50%) rotate(-45deg);}
.modal-content .modal-close:hover, .modal-content .modal-close:focus {opacity: 1;}
.modal-content .modal-close:hover::before, .modal-content .modal-close:focus::before {transform: translate(-50%,-50%) rotate(-45deg);}
.modal-content .modal-close:hover::after, .modal-content .modal-close:focus::after {transform: translate(-50%,-50%) rotate(45deg);}
@media(min-width: 576px) {
    .modal-dialog {max-width: 90%;margin: 60px auto;}
    .modal-dialog.modal-sm {max-width: 500px;}
    .modal-dialog-centered {min-height: calc(100dvh - 120px);}
    .modal-dialog-scrollable {max-height: calc(100dvh - 120px);}
    .modal-dialog-scrollable .modal-content {max-height: calc(100dvh - 120px);}
}
@media(min-width: 992px) {
    .modal-dialog {max-width: 800px;}
    .modal-content .modal-header {padding: 25px 25px 15px;}
    .modal-content .modal-header::after {width: calc(100% - 50px);left: 25px;}
    .modal-content .modal-body {padding: 25px;}
    .modal-content .modal-footer {padding: 20px 25px;}
    .modal-content .modal-footer::before {width: calc(100% - 50px);left: 25px;}
    .modal-content .modal-close {top: 25px;right: 25px;}
    .modal-content .modal-close::before, .modal-content .modal-close::after {width: 28px;}
}
@media(min-width: 1200px) {
    .modal-dialog.modal-lg {max-width: 1140px;}
}

/***************************************************** board *****************************************************/
/* table-board */
.table.table-board{border-top: 2px solid #353847;}
.table.table-board thead th{position: relative;font-weight: 700;background-color: #F7F7F7;border-bottom-color: #eaeaea;color: inherit;}
.table.table-board thead th:after {content: '';position: absolute;top: calc(50% - 4px);right: -2px;transform: translateY(-50%);width: 4px;height: 4px;border-radius: 50%;background: #DEDEDE;box-shadow: 0 8px 0 #DEDEDE;z-index: 1;}
.table.table-board thead th:last-of-type:after {display: none;}
.table.table-board tbody th{background-color: transparent;}
.table-board tbody th{color: inherit; font-weight: 400;}
.table.table-board a:hover, .table.table-board a:focus{text-decoration: underline;}
.table-board tr th, .table-board tr td{padding: 10px 8px; word-break: break-all;}

@media(min-width:768px){
    .table-board tr th, .table-board tr td{padding: 0.95rem 0.75rem;word-break: normal;}
}

/* gallery */
.board-gallery a{border-radius: 16px; overflow: hidden;}
.board-gallery a .txt-box{min-height: 130px;}

/* pagination */
.pagination{gap:0 6px;margin-top:30px;justify-content:center}
.pagination .page-item .page-link{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:20px;background-color:transparent;border-color:transparent;font-weight: 500;color:var(--font-color01);line-height:1;transition:all .3s ease-out;}
.pagination .page-item.active .page-link{color:var(--font-color01);font-size:16px;font-weight:600}
.pagination .page-item{display:none}
.pagination .page-item.active,.pagination .page-item:nth-last-of-type(3),.pagination .page-item[class*=go-]{display:block}
.pagination .page-item[class*=go-] .page-link {position: relative;}
.pagination .page-item[class*=go-] .page-link::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;}
.pagination .page-item[class*=go-].disabled .page-link::before, .pagination .page-item[class*=go-]:disabled .page-link::before {opacity: .3;}
.pagination .page-item.go-first .page-link::before{background-image: url('/template/t008000/images/go-first.svg');}
.pagination .page-item.go-prev .page-link::before{background-image: url('/template/t008000/images/go-prev.svg');}
.pagination .page-item.go-next .page-link::before{background-image: url('/template/t008000/images/go-next.svg');}
.pagination .page-item.go-last .page-link::before{background-image: url('/template/t008000/images/go-last.svg');}
.pagination .page-item:nth-last-of-type(3) .page-link::before{content:"/";position:absolute;top:50%;left:-4px;transform:translateY(-50%)}

/* pagination */
.pagination{gap:0 6px;margin-top:30px;justify-content:center}
.pagination .page-item .page-link{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:20px;background-color:transparent;border-color:transparent;font-weight: 500;color:var(--font-color01);line-height:1;transition:all .3s ease-out;}
.pagination .page-item.active .page-link{color:var(--font-color01);font-size:16px;font-weight:600}
.pagination .page-item{display:none}
.pagination .page-item.active,.pagination .page-item:nth-last-of-type(3),.pagination .page-item[class*=go-]{display:block}
.pagination .page-item[class*=go-] .page-link {position: relative;}
.pagination .page-item[class*=go-] .page-link::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;}
.pagination .page-item[class*=go-].disabled .page-link::before, .pagination .page-item[class*=go-]:disabled .page-link::before {opacity: .3;}
.pagination .page-item.go-first .page-link::before{background-image: url('/site/resource/bcic/www/images/go-first.svg');}
.pagination .page-item.go-prev .page-link::before{background-image: url('/site/resource/bcic/www/images/go-prev.svg');}
.pagination .page-item.go-next .page-link::before{background-image: url('/site/resource/bcic/www/images/go-next.svg');}
.pagination .page-item.go-last .page-link::before{background-image: url('/site/resource/bcic/www/images/go-last.svg');}
.pagination .page-item:nth-last-of-type(3) .page-link::before{content:"/";position:absolute;top:50%;left:-4px;transform:translateY(-50%)}
.board-bottom {border-top-color: #DDD;margin-left: 0;margin-right: 0;;margin-top: 0;}
/* board-view */
.board-view .board-view-title {background: #F7F7F7;box-shadow: 0 18px 36px rgba(30,30,30,.07);padding: 18px 15px 18px 8px;}
.board-view .board-view-title h3 {font-size: 24px;margin-bottom: 6px;}
.board-view .board-view-title .title {font-weight: 700;}
.board-view .board-info {font-size: 15px;}
.board-view .board-info span {color: #686868;padding-left: 9px;margin-left: 5px;}
.board-view .board-info span:after {top: 3px;height: 12px;}
.board-view .board-info span .material-icons {color: #686868;}
.board-view .board-view-cont {padding: 2.5rem 8px 3.5rem;}
.pager {background: #F7F7F7;padding: 18px 8px;margin-bottom: 0;}
.pager .col {padding: 0;}
.pager .prev {position: relative;}
.pager .prev:after {content: '';position: absolute;top: 0;right: 0;display: inline-block;width: 1px;height: 100%;background: #DDD;}
.pager .pager-title {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
@media(min-width:768px){
    .pagination{margin-top:40px}
    .pagination .page-item{display:block}
    .pagination .page-item .page-link{width:40px;height:40px;}
    .pagination .page-item .page-link:focus,.pagination .page-item .page-link:hover{border-color: var(--main-color01); color:var(--main-color01); font-weight: 700;}
    .pagination .page-item.active .page-link{color:#fff;background-color:var(--main-color01)}
    .pagination .page-item:nth-last-of-type(3) .page-link::before{display:none}
}
@media(min-width:992px){
    .board-view .board-view-title {padding: 22px 12px 20px;}
    .board-view .board-view-title h3 {font-size: 28px;margin-bottom: 12px;}
    .board-view .board-info {font-size: 16px;}
    .board-view .board-info span {padding-left: 10px;margin-left: 7px;}
    .board-view .board-info span:after {top: 2px;height: 15px;}
    .board-view .board-view-cont {padding: 2.5rem 12px 3.5rem;}
    .pager {padding: 22px 20px;}
    .pager .prev a, .pager .next a {font-size: 1em;}
    .pager .pager-title {margin-top: 5px;}
}
@media(min-width:1500px){
    .pagination {margin-top: 50px;}
    .board-view .board-view-title {padding: 26px 12px 25px;}
    .pager {padding: 28px 25px;}
}
/* 반응형 form */
.b-table-box {border: 1px solid #e1e2ea;padding: 15px;background: #fafafa;margin-bottom: 1.25rem;}
.b-table-box .b-row-item {display: block;}
.b-table-box .b-con-box {display: block;}
.b-row-item:not(:last-of-type) {margin-bottom: 20px;}
.b-table-box .b-title-box {max-width: none;font-weight: 600;margin-bottom: 8px;}
.b-table-box .b-title-box label, .b-table-box .b-title-box span {color: var(--tit-color01);font-weight: 600;}
.b-table-box .form-control, .b-table-box .btn {margin-top: 3px;margin-bottom: 3px;}

@media (min-width: 576px) {
    .b-table-box {border-left: none;border-bottom: none;padding: 0;background: transparent;}
    .b-table-box .b-row-box {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .b-table-box .b-row-item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;min-height: 36px;border-bottom: 1px solid #e1e2ea;margin-bottom: 0;}
    .b-table-box .b-title-box {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-flex: 0;-ms-flex: 0 0 150px;flex: 0 0 150px;max-width: 150px;padding: 10px 6px;-webkit-box-sizing: border-box;box-sizing: border-box;border-left: 1px solid #e1e2ea;border-right: 1px solid #e1e2ea;background: #f8f8f8;color: #000;font-weight: 500;text-align: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 0;}
    .b-table-box .b-title-box label {line-height: 1.4;margin-bottom: 0;}
    .b-table-box .b-title-box label.req::before, th.req nobr::before {content: "*";display: inline-block;width: 10px;margin-right: 2px;font-weight: 700;font-size: 14px;color: #ff0000;}
    .b-table-box .b-con-box {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;padding: 7px 10px;font-size: 16px;min-height: 46px;}
    .b-table-box .b-con-box.text-left {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
    .b-table-box .b-con-box.text-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .b-table-box .b-con-box.text-right {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
    .b-table-box .form-group {display: flex;flex-wrap: wrap;width: 100%;margin-right: 0;}
    .b-table-box .form-group:last-child {margin-bottom: 0;}
    .b-table-box .form-group-inline {margin-right: 5px;width: auto;}
    .b-table-box .form-w-auto, .b-table-box .form-w-xs, .b-table-box .form-w-sm, .b-table-box .form-w-md, .b-table-box .form-w-lg, .b-table-box .form-w-xl {width: 100%;}
    .b-table-box .b-con-box .form-row {width: 100%;}
    .b-table-box .b-con-box .row {width: 100%;/*margin-right: -2px;margin-left: -2px;*/flex: 1;}
    .b-table-box .b-con-box .row [class^="col-"] {padding-right: 2px;padding-left: 2px;}
}
@media (min-width: 992px) and (min-width: 1600px) {
    .b-table-box .form-group {margin-right: 5px;}
    .b-table-box .b-row-item {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}

    /* 1단 테이블 */
    .flex-col-1 .b-row-item {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    /* 2단 테이블 */
    .b-table-box .b-row-item.merge-2,
    .flex-col-2 .b-row-item.merge-2 {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    /* 3단 테이블 */
    .flex-col-3 .b-row-item:last-child,
    .flex-col-3 .b-row-item.merge-2,
    .flex-col-3 .b-row-item.merge-prev {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    /* 4단 테이블 */
    .flex-col-4 .b-row-item.merge-2,
    .flex-col-4 .b-row-item.merge-3,
    .flex-col-4 .b-row-item.merge-4,
    .flex-col-4 .b-row-item.merge-prev,
    .flex-col-4 .b-row-item.merge-next,
    .flex-col-4 .b-row-item.merge-3 + .b-row-item {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    /* 5단 테이블 */
    .flex-col-5 .b-row-item:last-child,
    .flex-col-5 .b-row-item.merge-prev,
    .flex-col-5 .b-row-item.merge-next:nth-child(4),
    .flex-col-5 .b-row-item.merge-3,
    .flex-col-5 .b-row-item.merge-3 + .merge-next,
    .flex-col-5 .b-row-item.merge-4 {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .flex-col-5 .b-row-item.merge-prev:nth-child(2),
    .flex-col-5 .b-row-item.merge-next,
    .flex-col-5 .b-row-item.merge-next + .b-row-item,
    .flex-col-5 .b-row-item.merge-3 + .b-row-item + .b-row-item {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .b-table-box .form-w-auto {width: auto;}
    .b-table-box .form-w-xs {width: 30px;}
    .b-table-box .form-w-sm {width: 60px;}
    .b-table-box .form-w-md {width: 90px;}
    .b-table-box .form-w-lg {width: 110px;}
    .b-table-box .form-w-xl {width: 140px;}
}
@media (min-width: 1400px) {
    .b-table-box .b-row-item {min-height: 44px;}
    .b-table-box .b-title-box {padding: 0.5rem;}
    .b-table-box .b-con-box {padding: 8px;}
    .b-table-box .form-control, .b-table-box .btn {margin: 0;}

    /* 3단 테이블 */
    .flex-col-3 .b-row-item,
    .flex-col-3 .b-row-item:last-child,
    .flex-col-3 .b-row-item.merge-prev {-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
    .flex-col-3 .b-row-item.merge-2 {-webkit-box-flex: 0;-ms-flex: 0 0 66.666666%;flex: 0 0 66.666666%;max-width: 66.666666%;}
    .flex-col-3 .b-row-item.merge-3 {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .b-table-box .b-row-box::after {content: "";display: block;width: 100%;height: 1px;background: #e1e2ea;position: absolute;bottom: 0;z-index: 1;}
}

@media (min-width: 1600px) {
    /* 4단 테이블 */
    .flex-col-4 .b-row-item,
    .flex-col-4 .b-row-item.merge-prev,
    .flex-col-4 .b-row-item.merge-next,
    .flex-col-4 .b-row-item.merge-3 + .b-row-item {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
    .flex-col-4 .b-row-item.merge-2 {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .flex-col-4 .b-row-item.merge-3 {-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}

    /* 5단 테이블 */
    .flex-col-5 .b-row-item,
    .flex-col-5 .b-row-item.merge-prev.merge-3-prev {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
    .flex-col-5 .b-row-item:last-child {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .flex-col-5 .b-row-item.merge-2,
    .flex-col-5 .b-row-item.merge-prev,
    .flex-col-5 .b-row-item.merge-next:nth-child(4) {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .flex-col-5 .b-row-item.merge-2:last-child,
    .flex-col-5 .b-row-item.merge-3 + .b-row-item + .b-row-item,
    .flex-col-5 .b-row-item.merge-3:last-child,
    .flex-col-5 .b-row-item.merge-4-prev {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .flex-col-5 .b-row-item.merge-prev:nth-child(2),
    .flex-col-5 .b-row-item.merge-3 {-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
}

@media (min-width: 1800px) {
    /* 5단 테이블 */
    .flex-col-5 .b-row-item,
    .flex-col-5 .b-row-item:last-child,
    .flex-col-5 .b-row-item.merge-prev,
    .flex-col-5 .b-row-item.merge-next,
    .flex-col-5 .b-row-item.merge-next + .b-row-item,
    .flex-col-5 .b-row-item.merge-prev:nth-child(2),
    .flex-col-5 .b-row-item.merge-next:nth-child(4),
    .flex-col-5 .b-row-item.merge-3 + .b-row-item + .b-row-item,
    .flex-col-5 .b-row-item.merge-3 + .merge-next,
    .flex-col-5 .b-row-item.merge-prev.merge-3-prev {-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
    .flex-col-5 .b-row-item.merge-2,
    .flex-col-5 .b-row-item.merge-2:last-child {-webkit-box-flex: 0;-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;}
    .flex-col-5 .b-row-item.merge-3,
    .flex-col-5 .b-row-item.merge-3:last-child {-webkit-box-flex: 0;-ms-flex: 0 0 60%;flex: 0 0 60%;max-width: 60%;}
    .flex-col-5 .b-row-item.merge-4 {-webkit-box-flex: 0;-ms-flex: 0 0 80%;flex: 0 0 80%;max-width: 80%;}
    .flex-col-5 .b-row-item.merge-5 {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
}
/* form */
label, .label {position: relative;display: inline-block;margin-bottom: 5px;font-weight: 600;}
label.req, .label.req {padding-right: 11px;}
label.req::before, .label.req::before {display: none;}
label.req::after, .label.req::after {content: "필수입력 항목입니다.";position: absolute;top: 4px;right: 0;text-indent: -9999px;width: 10px;height: 10px;font-size: 0;background: url('/site/resource/bcic/www/images/req-icon.svg') no-repeat right center;}
select {min-width: 80px;appearance: none;background-image: url('/template/t008000/images/arrow-down.svg');background-repeat: no-repeat;background-position: top 50% right 10px;}
.form-control {position: relative;height: auto;border: 1px solid #CED4DA;border-radius: 4px;}
.form-control:focus {z-index: 5;}
.form-control:disabled,
.form-control[readonly] {background-color: #eee;opacity: .65;}
.form-control::placeholder {color: #909090;}
.form-control::-webkit-file-upload-button {padding: .5rem .75rem;margin: -.5rem -.75rem;-webkit-margin-end: .75rem;margin-inline-end: .75rem;}
.form-control::file-selector-button {padding: .5rem .75rem;margin: -.5rem -.75rem;-webkit-margin-end: .75rem;margin-inline-end: .75rem;}
.form-control::-webkit-inner-spin-button {opacity: 1;margin-left: 10px;}
.form-control[type="number"] {text-align: right;}
.form-control.is-invalid, .was-validated .form-control:invalid {padding-right: inherit;background-image: none;}
textarea.form-control {min-height: 90px;}
select.form-control {padding-right: 36px;}
select.form-control.is-invalid {padding-right: 36px;background-image: url('/template/t008000/images/arrow-down.svg');background-size: auto;background-position: top calc(50% + 1px) right 10px;}
.invalid-feedback {padding-top: 6px;margin: 0;}
.form-box {display: flex;flex-wrap: wrap;gap: 8px 0;}
.form-box + .invalid-feedback {padding-top: 14px;}
.gap-1{gap:.25rem!important}
.gap-2{gap:.5rem!important}
.gap-3{gap:1rem!important}
.gap-4{gap:1.5rem!important}
.gap-5{gap:3rem!important}

/* form-check */
.form-check {user-select: none;}
.form-check-inline {margin-right: 20px;}
.form-check:not(.form-switch) {padding-left: 0;}
.form-check:not(.form-switch) input {position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}
.form-check:not(.form-switch) label {position: relative;padding-left: 25px;margin: 0;cursor: pointer;font-weight: 400;line-height: 1.2;text-align: left;}
.form-check:not(.form-switch):last-of-type {margin-right: 0;}
.form-check:not(.form-switch) label::after {content: "";position: absolute;left: 0;top: calc(50% + 1px);display: block;width: 18px;height: 18px;transform: translateY(-50%);background-color: #fff;border: 1px solid #c7c7c7;}
.form-check:not(.form-switch) input:focus + label::after {border: 2px solid var(--main-color01);}
.form-check:not(.form-switch) input:focus-visible + label::after {outline: 1px solid;}
.form-check:not(.form-switch) input:disabled + label {cursor: default;}
.form-check:not(.form-switch) input:disabled + label::after {background-color: #e7e7e7;}
.form-check:not(.form-switch) input:checked:disabled + label::after {filter: contrast(.25) brightness(1.25);}
.form-check:not(.form-switch) label::before {z-index: 1;position: absolute;top: calc(50% + 1px);transform: translateY(-50%);}
.form-check:not(.form-switch) [type="checkbox"] + label::after {border-radius: 4px;}
.form-check:not(.form-switch) [type="checkbox"]:checked + label::after {background: var(--main-color01);border: 0;}
.form-check:not(.form-switch) [type="checkbox"]:checked + label::before {content: "";top: calc(50% + 1px);left: 0;width: 18px;height: 18px;background: url('/template/t008000/images/form-check.svg') no-repeat center;transform: translateY(-50%);}
.form-check:not(.form-switch) [type="radio"] + label::after {border-radius: 22px;}
.form-check:not(.form-switch) [type="radio"]:checked + label::after {border-color: var(--main-color01);}
.form-check:not(.form-switch) [type="radio"]:checked + label::before {content: "";left: 5px;display: block;width: 8px;height: 8px;border-radius: 11px;background-color: var(--main-color01);}
.form-check:not(.form-switch).input-only {width: auto;}
.form-check:not(.form-switch).input-only label {width: 20px;height: 20px;padding-left: 20px;margin: 2px 0;overflow: hidden;}
.form-box.is-invalid label::after, .form-check.is-invalid label::after {border-color: var(--danger);}
.table .form-check {margin: 0;}
.table .form-check:not(.form-switch).input-only {display: flex;align-items: center;justify-content: center;}
.table .form-switch {display: inline-block;}

/* input-group */
.input-group .btn {margin: 0;margin-left: -1px;line-height: 1;}
.input-group .form-btn {background-color: #fff;border: 1px solid #CED4DA;color: var(--secondary);}
.input-group .form-btn:hover, .input-group .form-btn:focus {border-color: var(--secondary);z-index: 10;}
.input-group .form-btn.disabled, .input-group .form-btn:disabled {background-color: #eee;opacity: .65;}
.input-group .input-group-text {padding: .5rem .75rem;background-color: #f4f4f4;color: #707070;}
.input-group .input-group-text.active {background-color: #fff;color: #333;}
.input-group.is-invalid > * {border-color: var(--danger);z-index: 10;}
.input-group.is-invalid .form-control:focus {box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25);}
.input-group > .input-group-append:not(:last-child) > .btn {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}

/* inline-radio */
.input-group .input-group-txt {margin-left: 8px;}
.inline-radio {display: flex;flex-wrap: wrap;align-items: center;gap: 8px;}
.inline-radio .radio-item {display: inline-block;}
.inline-radio .radio-item input {position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}
.inline-radio .radio-item label {font-size: 15px;font-weight: 500;background: var(--white);border: 1px solid #DDD;border-radius: 6px;padding: 6px 8px;cursor: pointer;}
.inline-radio .radio-item:hover label, .inline-radio .radio-item:focus label {cursor:pointer;background-color:var(--blue-color01);border-color: #c3dbf1;color: var(--main-color01);}
.inline-radio .radio-item label .status {position: relative;margin-left: 7px;padding-left: 8px;}
.inline-radio .radio-item label .status:before {content: '';position: absolute;top: 2px;left: 0;width: 1px;height: 13px;background: #DDD;}
.inline-radio .radio-item [type="radio"]:checked + label {color: var(--main-color01);border-color: var(--main-color01);box-shadow: 0 10px 20px rgba(61,89,229,.12);}
.inline-radio .radio-item [type="radio"]:disabled + label {cursor: default;color: #6c757d;background: #e7e7e7;}
.inline-radio .radio-item [type="radio"]:disabled + label .status:before {background: #a5a5a5;}

/* attach */
.form-control {position: relative;height: auto;/*padding: .5rem .75rem;*/border: 1px solid #CED4DA;border-radius: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.form-control::file-selector-button {border-color: transparent;padding: .5rem .75rem;margin: -5px -4px -4px;-webkit-margin-end: .75rem;cursor: pointer;}
.attach {position: relative;border: 1px solid #CED4DA;border-radius: 5px;padding: 15px 15px 13px 15px;}
.attach .attach-list {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 4px;max-height: 190px;margin-bottom: 12px;padding: 3px;overflow: auto;}
.attach .attach-list::-webkit-scrollbar {width: 8px;height: 8px;}
.attach .attach-list::-webkit-scrollbar-thumb {background-color: #45474e;border-radius: 5px;background-clip: padding-box;border: 2px solid #fff;}
.attach .attach-list::-webkit-scrollbar-track {background-color: #f5f5f5;border-radius: 5px;box-shadow: inset 0px 0px 5px white;}
.attach .attach-list > li {position: relative;display: flex;justify-content: space-between;align-items: center;width: 100%;background-color: #f8f8fb;}
.attach .attach-list > li > .item {position: relative;display: flex;align-items: center;gap: 7px;width: 100%;padding: 8px 36px 8px 30px;background-color: #f8f8fb;border: 1px solid transparent;border-radius: 5px;font-size: 15px;color: #555;transition: all .3s ease-out;cursor: pointer;}
.attach .attach-list > li > .item:after {content:'\F4B3';position: absolute;top: 8px;left: 10px;font-family: var(--font-icon);display: inline-block;width: 15px;height: 20px;font-size: 16px;color: #999;}
.attach .attach-list > li > .item:hover, .attach .attach-list > li > .item:focus {background-color: #f5f5f5;border-color: #ccc;}
.attach .attach-list > li > .item > img {max-height: 20px;}
.attach .attach-list > li.active > .item {background-color: #fff;border-color: var(--main-color01);color: #000;}
.attach .attach-list > li > .item .name {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-width: 300px;overflow: hidden;}
.attach .attach-list > li > .item .size {color: #909090;white-space: nowrap;}
.attach .attach-list > li > .close {position: absolute;top: calc(50% + 1px);right: 8px;padding: 0;margin: 0;font-size: 21px;color: #aaa;line-height: 1;background-color: transparent;border: 0;transform: translateY(-50%);opacity: 1;}
.attach .attach-list > li > .close:hover,
.attach .attach-list > li > .close:focus {color: #333;}
.attach .no-data .txt {color: #888;}
.attach .attach-btn {text-align: right;}
.attach .attach-btn .btn {width: 100%;margin: 2px 0;}
.attach .attach-btn .btn > .bi {position: relative;padding-right: 9px;margin-right: 8px;}
.attach .attach-btn .btn > .bi::after {content: "";position: absolute;width: 1px;height: 13px;background-color: #BDC2E4;top: 6px;right: 0;}
.no-data {max-width: 100%;padding: 10px 0;text-align: center;}
.no-data .icon {max-width: 80px;}
.no-data .tit {font-family: var(--font-type02);font-weight: 800;font-size: 24px;margin-bottom: 6px}
.no-data > img + .tit {margin-top: 20px}
.no-data .txt {color: var(--secondary);margin-bottom: 0}
.no-data > img + .txt {margin-top: 10px}
.no-data .btn-box {margin-top: 30px}
.no-data .btn-box .btn {min-width: 90px;}

/* datepicker */
.datepicker {width: 100%;}
.datepicker .ui-datepicker {width: 100%;max-width: 100%;font-family: var(--font-type01);background: var(--white);border-radius: 8px;border: none;padding: 12px;}
.datepicker .ui-datepicker .ui-datepicker-header {display: flex;align-items: center;justify-content: flex-end;gap: 0 8px;background: none;border: none;padding: 0;margin-bottom: 12px;}
.datepicker .ui-datepicker .ui-datepicker-header::before, .datepicker .ui-datepicker .ui-datepicker-header::after { display: none; }
.datepicker .ui-datepicker .ui-datepicker-prev, .datepicker .ui-datepicker .ui-datepicker-next {position: relative;display: flex;width: auto;height: auto;top: auto;right: auto;left: auto;border: none;background: transparent;padding: 0;margin-top: 0;}
.datepicker .ui-datepicker .ui-datepicker-prev::after, .datepicker .ui-datepicker .ui-datepicker-next::after { display: block;font-family:var(--font-icon);font-size: 28px;}
.datepicker .ui-datepicker .ui-datepicker-prev span, .datepicker .ui-datepicker .ui-datepicker-next span { display: none; }
.datepicker .ui-datepicker .ui-datepicker-prev::after {content: "\F12A";}
.datepicker .ui-datepicker .ui-datepicker-next::after {content: "\F134";}
.datepicker .ui-datepicker .ui-datepicker-title { margin: 0; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 24px;}
.datepicker .ui-datepicker .ui-datepicker-calendar *[title="Sunday"], .datepicker .ui-datepicker .ui-datepicker-calendar tr td:first-of-type a { color: #B70F0F; }
.datepicker .ui-datepicker .ui-datepicker-calendar *[title="Saturday"], .datepicker .ui-datepicker .ui-datepicker-calendar tr td:last-of-type a { color: #116EB4; }
.datepicker .ui-datepicker .ui-datepicker-calendar th, .datepicker .ui-datepicker .ui-datepicker-calendar th span, .datepicker .ui-datepicker .ui-datepicker-calendar td span, .datepicker .ui-datepicker .ui-datepicker-calendar a {font-size: 14px;border: none !important;background: transparent;padding: 0;}
.datepicker .ui-datepicker .ui-datepicker-calendar th span, .datepicker .ui-datepicker .ui-datepicker-calendar td span, .datepicker .ui-datepicker .ui-datepicker-calendar a {display: flex;align-items: center;justify-content: center;font-weight: 600;width: 30px;height: 30px;border: none;background: transparent;margin: 0 auto;}
.datepicker .ui-datepicker .ui-datepicker-calendar th span {font-weight: 700;}
.datepicker .ui-datepicker .ui-datepicker-calendar a { border-radius: 50%; color: #333; font-weight: 600; padding: .1rem; }
.datepicker .ui-datepicker .ui-datepicker-current-day a { background: var(--main-color01) !important; color: var(--white) !important; }
@media(min-width: 480px) {
    .datepicker .ui-datepicker {padding: 20px 28px 15px;}
    .datepicker .ui-datepicker .ui-datepicker-calendar th, .datepicker .ui-datepicker .ui-datepicker-calendar th span, .datepicker .ui-datepicker .ui-datepicker-calendar td span, .datepicker .ui-datepicker .ui-datepicker-calendar a {font-size: 15px;}
    .datepicker .ui-datepicker .ui-datepicker-calendar th span, .datepicker .ui-datepicker .ui-datepicker-calendar td span, .datepicker .ui-datepicker .ui-datepicker-calendar a {width: 32px;height: 32px;}
}

@media(min-width: 768px) {
    .attach .attach-list {max-height: 115px;}
}
@media(min-width: 992px) {
    .inline-radio .radio-item label {font-size: 16px;border-radius: 8px;padding: 8px 12px;}
    .inline-radio .radio-item label .status:before {top: 2px;height: 14px;}
    .datepicker .ui-datepicker {padding: 20px 20px 15px;}
    .datepicker .ui-datepicker .ui-datepicker-calendar th, .datepicker .ui-datepicker .ui-datepicker-calendar th span, .datepicker .ui-datepicker .ui-datepicker-calendar td span, .datepicker .ui-datepicker .ui-datepicker-calendar a {font-size: 16px;}
}
@media(min-width: 1500px) {
    .inline-radio {gap: 9px 8px;}
    .inline-radio .radio-item label {padding: 8px 12px 8px;}
    .datepicker .ui-datepicker {width: 360px;}
    .datepicker .ui-datepicker .ui-datepicker-calendar th, .datepicker .ui-datepicker .ui-datepicker-calendar th span, .datepicker .ui-datepicker .ui-datepicker-calendar td span, .datepicker .ui-datepicker .ui-datepicker-calendar a {font-size: 17px;}
    .datepicker .ui-datepicker .ui-datepicker-calendar th span, .datepicker .ui-datepicker .ui-datepicker-calendar td span, .datepicker .ui-datepicker .ui-datepicker-calendar a {width: 36px;height: 36px;}
    .datepicker .ui-datepicker .ui-datepicker-prev::after, .datepicker .ui-datepicker .ui-datepicker-next::after {font-size: 30px;}
}
/***************************************************** program *****************************************************/

/* reservation */
.reservation-step-wrap {background: var(--blue-color01);border-radius: 10px;padding: 16px 12px;margin-bottom: 15px;}
.reservation-step-wrap .step-list {display: flex;flex-wrap: wrap;justify-content: center;gap: 24px 15px;}
.reservation-step-wrap .step-list li {position: relative;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: flex-start;align-items: center;gap: 6px 8px;flex: 0 0 100%;}
.reservation-step-wrap .step-list li::after {content: '';position: absolute;bottom: -18px;left: 12px;width: 1px;height:50%;background: #CCC;}
.reservation-step-wrap .step-list li:last-of-type::after {display: none;}
.reservation-step-wrap .step-list .step-num {position: relative;display: flex;justify-content: center;align-items: center;width: 25px;height: 25px;font-size: 14px;font-weight: 600;text-align: center;border-radius: 6px;color: var(--white);background: #707b99;z-index: 1;}
.reservation-step-wrap .step-list .step-txt {font-size: 15px;text-align: center;}
.reservation-step-wrap .step-list li.pass .step-num {text-indent: -9999px;background: var(--main-color01) url('/site/resource/bcic/www/images/step-pass.png') 50% no-repeat;}
.reservation-step-wrap .step-list li.current .step-num {color: var(--white);background: var(--main-color01);box-shadow: 0 15px 20px rgba(30,30,30,.15);}
.reservation-step-wrap .step-list li.current .step-txt {font-weight: 600;color: var(--main-color01);}
.reservation-form {position: relative;}
.reservation-form .acc-style01 .card:first-of-type .card-header {margin-top: 0;}
.reservation-form .acc-style01 .card .card-header .tit {font-weight: 600;}
.reservation-form .card .policy-wrap .policy-box {background: var(--white);border: 0;border-radius: 8px;}
.reservation-form .card .policy-wrap .policy-box .card-body {background: var(--white);}
.reservation-form .card .policy-wrap .tit {font-size: 20px;margin: 28px 0 12px;}
.reservation-form .card .policy-wrap .tit:first-of-type {margin: 0 0 12px;}
.reservation-form .card .b-table-box {background: transparent;border: none;padding: 5px;margin-bottom: 0;}
.reservation-form .card .b-table-box .b-row-item {border-bottom: 0;}
.reservation-form .card .b-table-box .b-row-box::after {display: none;}
.reservation-form .card .b-table-box .b-row-box:not(:last-of-type) {margin-bottom: 20px;}
.reservation-form .card .b-table-box .b-title-box {color: var(--font-color01);font-weight: 600;justify-content: flex-start;background: transparent;border-left: 0;border-right: 0;}
.reservation-form .card .b-table-box .btn-wrap .btn {font-size: 15px;padding: 3px 10px;}
.reservation-form .card .attach {background: var(--white);}
.reservation-form .card .attach-btn {margin-top:10px;text-align:right;}
.reservation-form .card .attach .attach-btn .btn > .bi::after{display:none}
.reservation-form .input-group {align-items: center;}
.reservation-form .reservation-result {position: fixed;width: 100%;left: 0;bottom: 0;background: var(--white);z-index: 20;transform: translateY(calc(100%));/*transform: translateY(calc(100% - 76px));*/transition: .3s transform;padding: 30px 20px 20px;}
.reservation-form .reservation-result .result-tit {position: absolute;top: -65px;left: 50%;transform: translateX(-50%);display: inline-block;width: calc(100% - 30px);height: 50px;font-family: var(--font-type02);font-size: 17px;font-weight: 600;text-align: center;letter-spacing: 0;color: var(--white);border-radius: 30px;opacity: 1;box-shadow: 0 20px 10px rgba(30,30,30,.12);background: var(--main-color01);padding: 14px 20px;margin: auto;}
.reservation-form .reservation-result .result-list {display: flex;flex-wrap: wrap;gap: 5px 0;padding: 8px 15px 15px;margin-top: 10px;}
.reservation-form .reservation-result .result-list > li {display: flex;flex-wrap: nowrap;align-items: flex-start;gap: 5px 12px;width: 100%;}
.reservation-form .reservation-result .result-list .rs-tit {position: relative;flex: 0 0 30%;font-weight: 700;}
.reservation-form .reservation-result .result-list .rs-tit:before {content: '';position: absolute;top: 4px;right: 0;display: block;width: 1px;height: 13px;background: #DDD;}
.reservation-form .reservation-result .result-list .rs-txt {flex: 0 0 calc(70% - 12px);}
.reservation-form .reservation-result .result-close {position: absolute;top: -22px;left: 50%;display: none;align-items: center;justify-content: center;width: 44px;height: 44px;color: var(--white);background: var(--main-color02);border-radius: 50%;padding: 12px;transform: translateX(-50%);}
.reservation-form .reservation-result .result-close i {font-size: 20px;margin-top: -1px;}
.reservation-form .reservation-result[data-status='active'] {border-radius: 30px 30px 0 0;background: var(--white);transform: translateY(0);}
.reservation-form .reservation-result[data-status='active'] .result-tit {height: 0;opacity: 0;padding: 0;}
.reservation-form .reservation-result[data-status='active'] .result-list {margin-top: 0;}
.reservation-form .reservation-result[data-status='active'] .result-close {display: inline-flex;}
.reservation-form .reservation-result .total-amount {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;border-radius: 6px;background: var(--blue-color01);padding: 15px 20px;margin-bottom: 10px;}
.reservation-form .reservation-result .total-amount .amount-tit {font-size: 15px;font-weight: 500;color: var(--main-color02);}
.reservation-form .reservation-result .total-amount .amount-txt {font-size: 20px;font-weight: 700;text-align: right;color: var(--main-color01);}
.reservation-form .reservation-result .btn-reserv {width: 100%;height: 48px;color: var(--white);background: var(--main-color01);}
.reservation-form .reservation-result .btn-reserv:hover, .reservation-form .reservation-result .btn-reserv:focus {background: var(--main-color01-hover);}

@media (min-width:480px){
    .reservation-step-wrap {padding: 20px 15px 18px;}
    .reservation-step-wrap .step-list li {gap: 10px 0;flex: 0 0 calc(25% - 12px);justify-content: center;}
    .reservation-step-wrap .step-list li::after {top: 14px;left: auto;right: -50%;width: 100%;height: 1px;}
    .reservation-step-wrap .step-list .step-num {width: 31px;height: 31px;font-size: 15px;border-radius: 10px;}
    .reservation-step-wrap .step-list .step-txt {font-size: 16px;width: 100%;}
    .reservation-form .card .b-table-box {padding: 8px;}
    .reservation-form .card .b-table-box .b-row-box:not(:last-of-type) {margin-bottom: 0;}
    .reservation-form .card .b-table-box .b-title-box {flex: 0 0 120px;max-width: 120px;align-items: flex-start;padding-top: 11px;}
    .reservation-form .reservation-result .result-list {padding: 12px 15px 20px;}
}
@media (min-width:768px){
    .reservation-form .card .attach {display: flex;justify-content: space-between;align-items: center;padding: 12px 15px 12px;gap: 20px;}
    .reservation-form .card .attach .no-data {flex:1}
    .reservation-form .card .attach .attach-btn {flex-shrink:1;width: 120px;margin: 0;}
    .reservation-form .card .attach .attach-btn .btn {display: flex;flex-direction: column;justify-content: center;align-items: stretch;margin: 0;padding: 30px 20px;}
    .reservation-form .card .attach .attach-btn .btn > .bi {margin:0;padding:0;font-size:24px;}
    
}
@media (min-width:992px){
    .reservation-step-wrap {display: flex;justify-content: center;padding: 25px 20px 20px;margin-bottom: 25px;}
    .reservation-step-wrap .step-list {flex: 0 0 100%;}
    .reservation-step-wrap .step-list li {flex: 0 0 calc(25% - 15px);gap: 8px 10px;}
    .reservation-step-wrap .step-list .step-txt {width: 100%;text-align: center;}
    .reservation-form .card .b-table-box {padding: 0px;}
    .reservation-form .card .b-table-box .b-title-box {flex: 0 0 120px;max-width: 120px;}
    .reservation-form .card .b-table-box .b-con-box {padding: 12px 8px;}
    .reservation-form .card .b-table-box .b-con-box > .row {margin-left: 0;margin-right: 0;}
    .reservation-form .card .b-table-box .b-con-box > .row > [class*=col] {padding-left: 0;padding-right: 0;}
    .reservation-form .reservation-result .result-list .rs-tit {flex: 0 0 120px;}
    .reservation-form .reservation-result .result-list .rs-txt {flex: 0 0 calc(calc(100% - 120px) - 12px);}
}
@media (min-width:1200px){
    .datepicker .ui-datepicker {width: 320px;}
    .reservation-form .reservation-result {position: sticky;top: 30px;border: 1px solid #DDD;border-radius: 8px;padding: 20px;transform: translateY(0);}
    .reservation-form .reservation-result .result-tit {position: relative;top: auto;left: auto;transform: none;width: 100%;height: auto;font-size: 22px;font-weight: 700;text-align: left;color: var(--font-color01);background: transparent;border-bottom: 1px solid #DDD;border-radius: 0;box-shadow: none;padding: 0 0 12px;}
    .reservation-form .reservation-result .result-list {gap: 7px 0;padding: 0;margin: 16px 0 20px;}
    .reservation-form .reservation-result .result-list .rs-tit {flex: 0 0 80px;}
    .reservation-form .reservation-result .result-list .rs-txt {flex: 0 0 calc(calc(100% - 80px) - 12px);}
    .reservation-form .reservation-result .total-amount {margin-bottom: 15px;}
    .reservation-form .reservation-result .result-close {display: none;}
}
@media (min-width:1500px){
    .reservation-step-wrap {padding: 25px 30px 20px;margin-bottom: 30px;}
    .reservation-step-wrap .step-list {flex: 0 0 90%;}
    .reservation-step-wrap .step-list li {gap: 8px 12px;}
    .reservation-step-wrap .step-list li::after {width: 34%;height: 1px;top: 14px;left: auto;right: -20%;}
    .reservation-step-wrap .step-list .step-num {font-size: 17px;width: 31px;height: 31px;}
    .reservation-step-wrap .step-list .step-txt {width: 90px;font-size: 17px;text-align: left;}
    .reservation-form .acc-style01 .card .card-body {padding: 25px;}
    .reservation-form .card .b-table-box .b-title-box {flex: 0 0 160px;max-width: 160px;padding: 19px 0.5rem 18px;}
    .reservation-form .card .b-table-box .b-con-box {padding: 12px 8px;}
    .reservation-form .reservation-result {padding: 24px 22px 25px;}
    .reservation-form .reservation-result .result-tit {font-size: 24px;padding: 0 0 15px 5px;}
    .reservation-form .reservation-result .result-list {padding: 0 0 0 5px;margin: 20px 0 25px;}
    .reservation-form .reservation-result .result-list > li {font-size: 17px;}
    .reservation-form .reservation-result .total-amount .amount-txt {font-size: 20px;}
}
/* reservation view */
.board-view.reservation-view .board-view-cont {padding: 2.5rem 0 2rem;}
.board-view.reservation-view + .pager {margin-top: 25px;}
.board-view .board-view-info {position: sticky;top: 30px;border: 1px solid #DDD;border-radius: 8px;padding: 18px 20px;transform: translateY(0);}
.board-view .board-view-info .vinfo-tit {position: relative;top: auto;left: auto;transform: none;display: inline-block;width: 100%;height: auto;font-family: var(--font-type02);font-size: 20px;font-weight: 700;text-align: left;letter-spacing: 0;color: var(--font-color01);border-bottom: 1px solid #DDD;padding: 0 0 10px;margin: auto;}
.board-view .board-view-info .vinfo-list {display: flex;flex-wrap: wrap;gap: 5px 0;padding: 8px 0 15px;margin-top: 10px;}
.board-view .board-view-info .vinfo-list > li {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 5px 12px;width: 100%;}
.board-view .board-view-info .vinfo-list .vi-tit {position: relative;flex: 0 0 20%;font-weight: 700;}
.board-view .board-view-info .vinfo-list .vi-tit:before {content: '';position: absolute;top: 4px;right: 0;display: block;width: 1px;height: 13px;background: #DDD;}
.board-view .board-view-info .vinfo-list .vi-txt {flex: 0 0 calc(80% - 12px);}
.board-view .board-view-info .total-amount {margin-bottom: 15px;}
.board-view .board-view-info .total-amount {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;border-radius: 6px;background: var(--blue-color01);padding: 15px 20px;margin-bottom: 10px;}
.board-view .board-view-info .total-amount .amount-tit {font-size: 15px;font-weight: 500;color: var(--main-color02);}
.board-view .board-view-info .total-amount .amount-txt {font-size: 20px;font-weight: 700;text-align: right;color: var(--main-color01);}
.board-view .board-view-info .btn-reserv {width: 100%;height: 48px;color: var(--white);background: var(--main-color01);}
.board-view .board-view-info .btn-reserv:hover, .reservation-form .reservation-result .btn-reserv:focus {background: var(--main-color01-hover);}
@media (min-width:992px){
    .board-view .board-view-info .vinfo-list .vi-tit {flex: 0 0 120px;}
    .board-view .board-view-info .vinfo-list .vi-txt {flex: 0 0 calc(calc(100% - 120px) - 12px);}
}
@media (min-width:1200px){
    .board-view.reservation-view .board-view-info {margin-top: 40px;}
    .board-view .board-view-info {position: sticky;top: 30px;border: 1px solid #DDD;border-radius: 8px;padding: 20px;transform: translateY(0);}
    .board-view .board-view-info .vinfo-tit {position: relative;top: auto;left: auto;transform: none;width: 100%;height: auto;font-size: 22px;font-weight: 700;text-align: left;color: var(--font-color01);background: transparent;border-bottom: 1px solid #DDD;border-radius: 0;box-shadow: none;padding: 0 0 12px;}
    .board-view .board-view-info .vinfo-list {gap: 7px 0;padding: 0;margin: 16px 0 20px;}
    .board-view .board-view-info .vinfo-list .vi-tit {flex: 0 0 80px;}
    .board-view .board-view-info .vinfo-list .vi-txt {flex: 0 0 calc(calc(100% - 80px) - 12px);}
    .board-view .board-view-info .total-amount {margin-bottom: 15px;}
}
@media (min-width:1500px){
    .board-view .board-view-info {padding: 24px 22px 25px;}
    .board-view .board-view-info .vinfo-tit {font-size: 24px;padding: 0 0 15px 5px;}
    .board-view .board-view-info .vinfo-list {padding: 0 0 0 5px;margin: 20px 0 25px;}
    .board-view .board-view-info .vinfo-list > li {font-size: 17px;}
    .board-view .board-view-info .total-amount .amount-txt {font-size: 20px;}
}