/*****************************************************
common
*****************************************************/
@keyframes gelatine {
    from, to {transform: scale(1, 1);}
    25% {transform: scale(0.9, 1.1);}
    50% {transform: scale(1.1, 0.9);}
    75% {transform: scale(0.95, 1.05);}
}
@keyframes flowMove {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
.no-data{padding:32px 60px;}
a{color: inherit;}
a:hover, a:focus{color: inherit;}

html, body {letter-spacing: -.5px;}
/* tit */
.main-tit .m-tit {font-family: var(--font-type02);font-size: 28px;font-weight: 700;color: var(--font-color01);margin-bottom: 0;}
@media(min-width: 992px){
    .main-tit .m-tit {font-size: 36px;}
}
@media(min-width: 1200px){
    .main-tit .m-tit {font-size: 40px;}
}
@media(min-width: 1600px){
    .main-tit .m-tit {font-size: 48px;}
}
/* more-btn */
.more-btn {position: relative;display: inline-block;font-weight: 500;color: var(--font-color01);padding-right: 35px;}
.more-btn::before {content: '';position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 28px;height: 28px;border-radius: var(--circle);background-color: var(--main-color02);background-image: url(/template/t20/images/more-arr.svg);background-size: auto 28px;background-position-x: -28px;transition: .35s all;}
.more-btn:hover::before,.more-btn:focus::before {background-position-x: 0;}
@media(min-width: 992px){
    .more-btn {font-size: 18px;padding-right: 42px;}
    .more-btn::before {top: calc(50% + 1px);width: 30px;height: 30px;background-size: auto 30px;background-position-x: -30px;}
}
@media(min-width: 1600px){
    .more-btn {font-size: 20px;padding-right: 44px;}
    .more-btn::before {top: 50%;width: 36px;height: 36px;background-size: auto 36px;background-position-x: -36px;}
}

/*****************************************************
    visual
*****************************************************/
.visual-slide{height: 540px;width: 100%;position: relative;}
/* swiper */
.visual-slide .visual-swiper{height: 100%;}
.visual-slide .visual-swiper .visual-img{height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.visual-slide .visual-mask{width: 100%;height: 100%;background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,.1));position: absolute;left: 0;top: 0;}
/* visual-wrap */
.visual-wrap{position: absolute;left: 50%;transform: translateX(-50%);bottom: 80px;z-index: 1;color: #fff;}
.visual-head{margin-bottom: 24px;text-shadow: 0 3px 6px rgba(0,0,0,.16);}
.visual-wrap .sub-tit {font-size: 18px;margin-bottom: 5px;}
.visual-wrap .tit {font-family: var(--font-type02);font-size: 28px;font-weight: 700;}
.visual-info{backdrop-filter:blur(10px) brightness(83%);border-radius: var(--radius);padding:12px 20px;display: flex;align-items: center;flex-wrap: wrap;gap:8px 12px;margin-bottom: 30px;}
.visual-info p{margin-bottom: 0;}
.visual-info .tit{font-weight: 600;font-size: 17px;width: 100%;}
.visual-info .tit::before{display: none}
.visual-info .line{display: none;width: 24px;height: 2px;border-radius: var(--oval);background-color: #fff;opacity: .4;}
.visual-info p::before{display:inline-block;content: '';background: url(/template/t20/images/location-icon.svg) no-repeat left center/contain; width: 16px;height: 16px;margin-right: 10px;vertical-align: middle;}
.visual-info .call::before{background-image: url(/template/t20/images/call-icon.svg)}
/* control */
.visual-ctl{display: flex;column-gap: 16px;align-items: center;color: #fff;}
.visual-ctl button{padding: 0;text-transform: uppercase;border: 0;background-color: transparent;font-size: 14px;color: #fff;}
.visual-ctl .line{width: 1px;height: 16px;opacity: .4;background-color: #fff;}
.visual-ctl .play-btn{background: var(--main-color01) no-repeat center;background-size: 8px;border-radius: var(--circle);width: 32px;height: 32px;transition: .3s;border:1px solid var(--main-color01);}
.visual-ctl .play-btn.stop{background-image: url(/template/t20/images/stop-icon.svg);}
.visual-ctl .play-btn.play{background-image: url(/template/t20/images/play-icon.svg);}
.visual-ctl .prev-btn::before,
.visual-ctl .next-btn::after{display: inline-block; content: '';width: 16px;height: 16px;background: no-repeat left center/contain;vertical-align: text-top;}
.visual-ctl .prev-btn::before{margin-right: 12px;background-image: url(/template/t20/images/prev-icon.svg);}
.visual-ctl .next-btn::after{background-image: url(/template/t20/images/next-icon.svg);margin-left: 12px;}

@media(min-width: 768px){
    .visual-slide {height: 80dvh;}
    .visual-wrap{bottom: 15%;left: 50%;transform: translateX(-50%);}
    .visual-wrap .sub-tit{font-size: 24px;}
    .visual-wrap .tit{font-size: 40px;}
    .visual-info .tit{width: auto;font-size: 18px;}
}
@media(min-width: 992px){
    .visual-slide{height: 100dvh;width: 100%;}
    .visual-head{margin-bottom:60px;}
    .visual-wrap{bottom: 25%;}
    .visual-wrap .sub-tit{font-size: 32px;}
    .visual-wrap .tit{font-size: 60px;}
    .visual-foot{display: flex;align-items: center;justify-content: space-between;column-gap: 20px;}
    .visual-info{border-radius: var(--oval);padding:16px 32px;column-gap: 24px;margin-bottom: 0;}
    .visual-info .tit{font-size: 20px;}
    .visual-info .line{display: inline-block;}
    .visual-ctl button{font-size: 20px;}
    .visual-ctl .play-btn{width: 50px;height: 50px;background-size: 10px 14px;}
    .visual-ctl .play-btn:hover, .visual-ctl .play-btn:focus{border-color: #fff;background-color: transparent;}
    .visual-ctl .line{height: 24px;}
    .visual-ctl .prev-btn::before, 
    .visual-ctl .next-btn::after{vertical-align: baseline;}
    .visual-ctl .prev-btn:hover:before, .control .prev-btn:focus:before, .control .next-btn:hover:after, .control .next-btn:focus:after{transform: rotateX(360deg);transition: 1s;}
}
@media(min-width: 1600px){
    .visual-wrap{bottom: 250px;}
    .visual-head{margin-bottom:100px;}
    .visual-wrap .slogan{font-size: 42px;}
    .visual-wrap .sub-tit {}
    .visual-wrap .tit {font-size: 60px;}
    .visual-wrap .major{font-size: 80px;}
    .visual-info{padding:20px 40px;}
    .visual-info .tit{font-size: 24px;}
    .visual-info p{font-size: 20px;}
    .visual-info p::before{margin-right: 12px;width: 20px;height: 20px;}
}
/*****************************************************
    quick
*****************************************************/
.quick-wrap {padding: 8px 0 0;}
.quick-slide {position: relative;background: #FFF;border-radius: 40px 40px 0 0;padding: 0 28px;margin-top: -60px;z-index: 1;}
.quick-slide .quick-swiper {padding: 8px 0}
.quick-slide .quick-item {position: relative;display: flex;justify-content: center;align-items: center;gap: 0 12px;padding: 15px;transition: .3s transform;}
.quick-slide .quick-item .img {width: 60px;flex: 0 0 60px;aspect-ratio: 1/1;background: #EEF6FB;border-radius: 12px;border: 3px solid #FFF;box-shadow: 0 8px 16px rgba(0,0,0,.1);transition: .3s all;}
.quick-slide .quick-item .img img {max-width: 100%}
.quick-slide .quick-item .tit {font-weight: 600;color: var(--font-color01);}
.quick-slide .quick-item:hover, .quick-slide .quick-item:focus {transform: translateY(-10px);}
.quick-slide .quick-item:hover .img, .quick-slide .quick-item:focus .img {border-color: rgba(0, 128, 251, .4);}
.quick-ctl > button {position: absolute;width: 28px;aspect-ratio: 1 / 1;border-radius: var(--circle);box-shadow: 8px 12px 24px rgba(43,63,122,.25);}
.quick-ctl .prev-btn, .quick-ctl .next-btn {border: none;background-repeat: no-repeat;background-position: center;background-size: auto 14px;z-index: 1;}
.quick-ctl .prev-btn {top: 50%;left: -8px;transform: translateY(-50%);background-color: var(--main-color02);background-image: url(/template/t20/images/banner-prev-arr-w.svg);background-position: calc(50% - 1px) center;}
.quick-ctl .next-btn {top: 50%;right: -8px;transform: translateY(-50%);background-color: var(--main-color02);background-image: url(/template/t20/images/banner-next-arr.svg);margin: 0 0 0 -6px;background-position: calc(50% + 1px) center;}
@media(min-width: 768px){
    .quick-ctl > button {width: 36px;}
    .quick-ctl .prev-btn {left: -12px;}
    .quick-ctl .next-btn {right: -12px;}
}
@media(min-width: 992px){
    .quick-wrap {padding: 15px 0 0;}
    .quick-slide {border-radius: 60px 60px 0 0;padding: 12px 28px;margin-top: -150px;}
    .quick-slide .quick-item {gap: 0 18px;}
    .quick-slide .quick-item .img {width: 68px;flex: 0 0 68px;border-radius: 24px;}
    .quick-slide .quick-item .tit {font-size: 18px;line-height: 1.4;}
    .quick-ctl > button {width: 44px;}
    .quick-ctl .prev-btn, .quick-ctl .next-btn {background-size: auto 16px;}
}
@media(min-width: 1600px){
    .quick-wrap {padding: 30px 0 0;}
    .quick-slide {border-radius: 80px 80px  0 0;padding: 22px 26px;margin-top: -210px;}
    .quick-slide .swiper-slide {flex: 1 0 calc(100% / 5);}
    .quick-slide .quick-item {gap: 0 24px;padding: 20px 15px;}
    .quick-slide .quick-item .img {width: 90px;flex: 0 0 90px;border-radius: 30px;border-width: 4px;box-shadow: 0 12px 30px rgba(0,0,0,.1);}
    .quick-slide .quick-item .tit {font-size: 21px;}
    .quick-ctl .prev-btn {left: -18px;}
    .quick-ctl .next-btn {right: -18px;}
}
/*****************************************************
    notice
*****************************************************/
.notice-wrap {padding: 30px 0;}
.notice-tab-wrap .notice-tabs {display: flex;justify-content: center;margin-bottom: 20px;}
.notice-tab-wrap .notice-tabs .nav-item {position: relative;padding: 0 12px;}
.notice-tab-wrap .notice-tabs .nav-item:first-child {padding-left: 0;}
.notice-tab-wrap .notice-tabs .nav-item:last-child {padding-right: 0;}
.notice-tab-wrap .notice-tabs .nav-item::before {content: '';position: absolute;top: 12px;left: -3px;width: 6px;height: 6px;border-radius: var(--circle);background: #DEDEDE;}
.notice-tab-wrap .notice-tabs .nav-item:first-child::before {display: none;}
.notice-tab-wrap .notice-tabs .nav-item .nav-link {font-family: var(--font-type02);font-size: 20px;font-weight: 700;color: var(--font-color01);opacity: .5;}
.notice-tab-wrap .notice-tabs .nav-item .nav-link.active {color: var(--main-color01);opacity: 1;}
.notice-tab-content .notice-list {margin-bottom: 25px;}
.notice-tab-content .notice-list .item {margin-bottom: 8px;}
.notice-tab-content .notice-list .item:last-child {margin-bottom: 0;}
.notice-tab-content .notice-list .item > a {position: relative;display: inline-block;width: 100%;border: 1px solid #E5E5E5;border-radius: 8px;padding: 12px;}
.notice-tab-content .notice-list .item > a::after {content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background: var(--main-color01);border-radius: 6px;transition: .3s width;z-index: -1;}
.notice-tab-content .notice-list .item .tit {font-weight: 600;color: var(--font-color01);word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.notice-tab-content .notice-list .item .date {color: #686868;}
.notice-tab-content .notice-list .item > a:hover, .notice-tab-content .notice-list .item > a:focus {border-color: var(--main-color01);transition: border-color .8s .3s;}
.notice-tab-content .notice-list .item > a:hover::after, .notice-tab-content .notice-list .item > a:focus::after {width: 100%;}
.notice-tab-content .notice-list .item > a:hover .tit, .notice-tab-content .notice-list .item > a:focus .tit {color: #FFF;transition: .3s all;}
.notice-tab-content .notice-list .item > a:hover .date, .notice-tab-content .notice-list .item > a:focus .date {color: rgba(255,255,255,.7);transition: .3s all;}
.notice-tab-content .no-data {position: relative;display: inline-flex;justify-content: center;align-items: center;width: 100%;padding-top: 80px;min-height: 287px;}
.notice-tab-content .no-data::before {content: '';position: absolute;bottom: 50%;left: 50%;transform: translateX(-50%);display: inline-block;width: 80px;aspect-ratio: 1 / 1;background-size: 80px auto;background-image: url(/template/t20/images/no-img.png);background-repeat: no-repeat;}
@media(min-width: 480px){
    .notice-tab-wrap .notice-tabs .nav-item {padding: 0 16px;}
}
@media(min-width: 768px){
    .notice-tab-content .notice-list .item > a {display: flex;align-items: center;gap: 0 30px;width: 100%;height: 64px;padding: 18px 22px 18px 22px;}
    .notice-tab-content .notice-list .item .tit {flex: 0 0 85%;font-size: 17px;}
    .notice-tab-content .notice-list .item .date {flex: 0 0 calc(15% - 30px);text-align: right;}
    .notice-tab-content .no-data {min-height: 256px;}
}
@media(max-width: 991px){
    .notice-tab-content {text-align: center;}
}
@media(min-width: 992px){
    .notice-wrap {padding: 50px 0 60px;}
    .notice-tab-wrap .notice-tabs {justify-content: flex-start;}
    .notice-tab-wrap .notice-tabs .nav-item::before {top: 16px;}
    .notice-tab-wrap .notice-tabs .nav-item .nav-link {font-size: 28px;}
    .notice-tab-content {position: relative;}
    .notice-tab-content .notice-list {margin-bottom: 0;}
    .notice-tab-content .notice-list .item {margin-bottom: 12px;}
    .notice-tab-content .notice-list .item > a {display: flex;align-items: center;gap: 0 30px;width: 100%;height: 80px;border-radius: 12px;padding: 20px 40px 20px 28px;}
    .notice-tab-content .notice-list .item > a::before {content: '';position: absolute;top: 50%;left: -30px;transform: translateY(-50%);width: 28px;aspect-ratio: 1 / 1;background-color: var(--main-color02);background-image: url(/template/t20/images/more-arr.svg);background-size: auto 28px;border-radius: var(--circle);opacity: 0;transition: .3s all ease-in-out;}
    .notice-tab-content .notice-list .item > a::after {border-radius: 10px;}
    .notice-tab-content .notice-list .item .tit {font-size: 20px;}
    .notice-tab-content .notice-list .item > a:hover::before, .notice-tab-content .notice-list .item > a:focus::before {left: -14px;opacity: 1;}
    .notice-tab-content .more-btn {position: absolute;bottom: calc(100% + 30px);right: 0;}
    .notice-tab-content .no-data {padding-top: 70px;min-height: 264px;}
    .notice-tab-content .no-data::before {width: 100px;background-size: 100px auto;}
}
@media(min-width: 1600px){
    .notice-wrap {padding: 80px 0 130px;}
    .notice-tab-wrap .notice-tabs {margin-bottom: 32px;}
    .notice-tab-wrap .notice-tabs .nav-item {padding: 0 28px;}
    .notice-tab-wrap .notice-tabs .nav-item::before {top: 22px;left: -4px;width: 8px;height: 8px;}
    .notice-tab-wrap .notice-tabs .nav-item .nav-link {font-size: 36px;}
    .notice-tab-content .notice-list .item {margin-bottom: 20px;}
    .notice-tab-content .notice-list .item > a {height: 100px;border-radius: 18px;gap: 0 50px;padding: 20px 40px 20px 35px;}
    .notice-tab-content .notice-list .item > a::before {width: 32px;background-size: auto;}
    .notice-tab-content .notice-list .item > a::after {border-radius: 16px;}
    .notice-tab-content .notice-list .item .tit {font-size: 24px;flex: 0 0 calc(100% - 144px);}
    .notice-tab-content .notice-list .item .date {flex: 0 0 94px;}
    .notice-tab-content .more-btn {bottom: calc(100% + 44px);}
    .notice-tab-content .no-data {min-height: 340px;}
}
/*****************************************************
    schedule
*****************************************************/
#schedule {position: relative;padding: 20px 0 30px;overflow-x: clip;}
#schedule::before {content: '';position: absolute;top: 50px;width: 100%;height: 100%;border-radius: 0 80px 0 0;background: var(--bg-color01);z-index: -1;}
/* schedule */
.schedule-wrap {margin-bottom: 50px;}
.schedule-wrap .main-tit-box {position: relative;}
.schedule-wrap .main-tit-box::before {content: '';position: absolute;left: calc(calc(calc(100dvw - 100%) / 2) * -1);width: 90%;height: 100%;border-radius: 0 0 80px 0;background: #FFF;}
.schedule-wrap .main-tit {position: relative;width: 90%;padding: 10px 0 15px;}
.schedule-wrap .main-tit .sub-tit {color: #555;margin-bottom: 2px;}
.schedule-slide {position: relative;margin: 30px 0 0;}
.schedule-slide::before {content: '';position: absolute;top: 0;left: calc(calc(calc(100dvw - 100%) / 2) * -1);display: block;width: calc(100dvw - 10px);height: 22px;background: #E4EEF8;}
.schedule-slide .schedule-box {position: relative;display: flex;flex-direction: column;padding: 36px 0 0;}
.schedule-slide .schedule-box::before {content: '';position: absolute;top: 6px;left: 5px;width: 10px;height: 10px;border-radius: var(--circle);background: var(--main-color01);box-shadow: 0 10px 10px rgba(55,55,55,.3);transition: .3s all;}
.schedule-slide .schedule-box .period {color: var(--main-color01);font-weight: 700;}
.schedule-slide .schedule-box .tit {font-weight: 600;line-height: 1.3;color: var(--font-color01);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.schedule-slide .swiper-slide > a:hover .schedule-box::before, .schedule-slide > a:focus .schedule-box::before {transform: scale(1.5);}
.schedule-slide .more-btn {position: absolute;bottom: calc(100% + 12px);right: 0;}
.schedule-ctl {position: absolute;right: 0;bottom: 20px;z-index: 1;}
.schedule-ctl > button {width: 50px;aspect-ratio: 1 / 1;border-radius: var(--circle);box-shadow: 8px 12px 24px rgba(43,63,122,.25);margin: 0 -6px;}
.schedule-ctl .prev-btn, .schedule-ctl .next-btn {border: none;background-repeat: no-repeat;background-position: center;background-size: auto 18px;}
.schedule-ctl .prev-btn {background-color: #FFF;background-image: url(/template/t20/images/prev-arr.svg);background-position: calc(50% - 2px) center;}
.schedule-ctl .next-btn {background-color: var(--main-color02);background-image: url(/template/t20/images/next-arr.svg);margin: 0 0 0 -6px;background-position: calc(50% + 2px) center;}
/* banner */
.banner-slide {position: relative;padding-bottom: 10px;}
.banner-slide .banner-swiper {position: relative;border-radius: 12px;box-shadow: -15px -25px 30px rgba(106,132,154,.2);z-index: 0;}
.banner-slide .banner-swiper .swiper-slide {aspect-ratio: 360 / 400;background: #ccd7e8;overflow: hidden;}
.banner-slide .banner-swiper .swiper-slide > a {display: inline-block;width: 100%;height: 100%;}
.banner-slide .banner-swiper .swiper-slide > a img {position: absolute;top: 50%;transform: translateY(-50%);width: 100%;}
.banner-ctl {position: absolute;right: 0;bottom: 0;display: inline-flex;height: 44px}
.banner-ctl > button {width: 44px;aspect-ratio: 1 / 1;border-radius: var(--circle);box-shadow: 8px 12px 24px rgba(43,63,122,.25);margin: 0 -6px;}
.banner-ctl .prev-btn, .banner-ctl .next-btn {border: none;background-repeat: no-repeat;background-position: center;background-size: auto 16px;z-index: 1;}
.banner-ctl .prev-btn {background-color: #FFF;background-image: url(/template/t20/images/banner-prev-arr.svg);background-position: calc(50% - 2px) center;}
.banner-ctl .next-btn {background-color: var(--main-color02);background-image: url(/template/t20/images/banner-next-arr.svg);margin: 0 0 0 -6px;background-position: calc(50% + 2px) center;}
.banner-ctl .play-btn {width: 14px;height: 14px;border: none;background: transparent;background-repeat: no-repeat;z-index: 1;}
.banner-ctl .play-btn.stop{background-image: url(/template/t20/images/ctl-stop.svg);}
.banner-ctl .play-btn.play{background-image: url(/template/t20/images/ctl-play.svg);}
.banner-ctl .ctl-fraction {display: flex;align-items: center;gap: 0 12px;padding: 0 10px 0 0;margin-left: 12px;}
.banner-ctl .ctl-fraction::before {content: '';position: absolute;bottom: 10px;right: 0;display: block;aspect-ratio: 196 / 44;width: 196px;background: url(/template/t20/images/banner-ctl.png);background-size: 100% auto;z-index: 0;}
.banner-ctl .swiper-pagination {position: relative;min-width: 60px;bottom: auto;color: #818488;}
.banner-ctl .swiper-pagination .swiper-pagination-current {font-weight: 700;color: #111;}
.banner-ctl .swiper-pagination .swiper-pagination-current, .banner-ctl .swiper-pagination .swiper-pagination-total {padding: 0 2px;}
.banner-ctl .swiper-pagination.swiper-pagination-lock {display: block;}
@media(min-width: 480px){
    .schedule-wrap .main-tit {padding: 10px 0 20px 100px;} 
    .schedule-wrap .main-tit::before {content: '';position: absolute;left: 0;bottom: 20px;display: inline-block;width: 80px;aspect-ratio: 148 / 156;background-image: url(/template/t20/images/schedule-deco.png);background-size: 80px auto;}  
    .banner-slide {width: 70%;margin: 0 auto;}
}
@media(min-width: 768px){
    #schedule {padding: 20px 0 30px;}
    .schedule-inner {display: flex;flex-wrap: wrap;gap: 0 30px;width: 100%;}
    .schedule-wrap {flex: 0 0 calc(100% - 270px);max-width: calc(100% - 270px);margin-bottom: 0;}
    .schedule-wrap .main-tit-box::before {left: calc(calc(calc(100dvw - calc(100% + 270px)) / 2) * -1);}
    .schedule-slide {margin: 36px 0 0;}
    .schedule-slide::before {width: calc(calc(calc(100dvw - 100%) / 2) + 100% + 30px);}
    .schedule-slide .schedule-box {padding: 45px 0 0;}
    .schedule-slide .schedule-box .period {margin-bottom: 5px;}
    .schedule-slide .more-btn {bottom: calc(100% + 18px);}
    .banner-wrap {flex: 0 0 240px;max-width: 240px;}
    .banner-slide {width: 100%;}
}
@media(min-width: 992px){
    .schedule-inner {display: flex;flex-wrap: wrap;gap: 0 50px;width: 100%;}
    .schedule-wrap {flex: 0 0 calc(100% - 350px);max-width: calc(100% - 350px);}
    .schedule-wrap .main-tit-box::before {left: calc(calc(calc(100dvw - calc(100% + 350px)) / 2) * -1);}
    .schedule-wrap .main-tit {padding: 15px 0 25px 120px;}
    .schedule-wrap .main-tit::before {width: 100px;background-size: 100px auto;}
    .schedule-wrap .main-tit .sub-tit {font-size: 18px;}
    .schedule-slide {margin: 56px 0 0;}
    .schedule-slide::before {width: calc(calc(calc(100dvw - 100%) / 2) + 100% + 50px);}
    .schedule-slide .schedule-box::before {top: 5px;width: 12px;height: 12px;}
    .schedule-slide .schedule-box .tit {font-size: 18px;}
    .schedule-slide .more-btn {bottom: calc(100% + 32px);}
    .schedule-ctl > button {width: 70px;}
    .schedule-ctl .prev-btn, .schedule-ctl .next-btn {background-size: auto 24px;}
    .banner-wrap {flex: 0 0 300px;max-width: 300px;}
    .banner-slide .banner-swiper {border-radius: 18px;}
    .banner-ctl .swiper-pagination {min-width: 60px;}
}
@media(min-width: 1200px){
    .schedule-slide .swiper-slide {flex: 1 0 calc(calc(100% - 40px) / 3);}
}
@media(min-width: 1600px){
    #schedule {padding: 0 0 100px;}
    #schedule::before {top: 70px;border-radius: 0 200px 0 0;}
    .schedule-inner {gap: 0 80px;}
    .schedule-wrap {flex: 0 0 calc(100% - 440px);max-width: calc(100% - 440px);}
    .schedule-wrap .main-tit {width: 560px;padding: 10px 0 45px 180px;}
    .schedule-wrap .main-tit::before {bottom: 30px;width: 148px;background-size: 148px auto;}
    .schedule-wrap .main-tit-box::before {width: calc(560px + calc(calc(calc(100dvw - calc(100% + 440px)) / 2)));left: calc(calc(calc(100dvw - calc(100% + 440px)) / 2) * -1);border-radius: 0 0 120px 0;}
    .schedule-wrap .main-tit .sub-tit {font-size: 22px;margin-bottom: 7px;}
    .schedule-wrap .main-tit .m-tit {margin-bottom: 2px;}
    .schedule-slide {margin: 72px 0 0;}
    .schedule-slide::before {width: calc(calc(calc(100dvw - 100%) / 2) + 100% + 80px);}
    .schedule-slide .schedule-box {padding: 45px 50px 0 0;}
    .schedule-slide .schedule-box::before {left: 10px;}
    .schedule-slide .schedule-box .period {font-size: 20px;margin-bottom: 12px;}
    .schedule-slide .schedule-box .tit {font-size: 24px;line-height: 1.4;}
    .schedule-slide .more-btn {bottom: calc(100% + 90px);}
    .schedule-ctl {right: -56px;bottom: 50px;}
    .schedule-ctl > button {width: 90px;margin: 0 -10px;box-shadow: 12px 32px 50px rgba(43,63,122,.25);}
    .schedule-ctl .prev-btn, .schedule-ctl .next-btn {background-size: auto 30px;}
    .schedule-ctl .next-btn {margin: 0 0 0 -10px;}
    .banner-wrap {position: relative;flex: 0 0 360px;max-width: 360px;z-index: 2;}
    .banner-slide .banner-swiper {border-radius: 24px;box-shadow: -30px -22px 40px rgba(106,132,154,.12);}
    .banner-ctl > button {margin: 0 -4px;}
    .banner-ctl .next-btn {margin: 0 0 0 -4px;}
    .banner-ctl .ctl-fraction {margin-left: 16px;}
    .banner-ctl .swiper-pagination {min-width: 68px;}
}
/*****************************************************
    space
*****************************************************/
#space {position: relative;overflow-x: clip;z-index: 1;background: #FFF;}
#space::before {content: '';position: absolute;width: 100%;height: calc(100% - 30px);background: linear-gradient(to bottom, var(--bg-color01), #FFF);z-index: -1;}
.space-wrap {padding: 30px 0;}
.space-wrap .main-tit .sub-tit {color: #555;line-height: 1.4;margin-top: 12px;}
.space-wrap .major-char img {display: none;}
.space-slide {position: relative;}
.space-slide .space-box .img {position: relative;width: 100%;aspect-ratio: 800 / 480;border-radius: 12px;background: #ccd7e8 url(/template/t20/images/no-space.png);background-repeat: no-repeat;background-size: 70px auto;background-position: center;overflow: hidden;}
.space-slide .space-box .img img {position: absolute;top: 50%;transform: translateY(-50%);width: 100%;z-index: 0;}
.space-slide .space-box .space-txt {display: none;}
.space-slide .space-main .space-box .img {background-size: 80px auto;}
.space-slide .space-main .swiper-slide-active .space-box {position: relative;padding-bottom: 36px;}
.space-slide .space-main .swiper-slide-active .space-box .img::before {content: '';position: absolute;left: 0;top: 0;display: block;width: 100%;aspect-ratio: 800 / 480;background-image: url(/template/t20/images/space-frame.png);background-size: 100% auto;z-index: 1;}
.space-slide .space-main .swiper-slide-active .space-box .space-txt {position: absolute;bottom: 0;display: inline-block;width: 100%;padding: 20px 0 5px 4px;z-index: 1;}
.space-slide .space-main .swiper-slide-active .space-box .space-txt .tit {position: relative;display: block;width: 70%;font-family: var(--font-type02);font-weight: 700;color: var(--font-color01);word-break: break-all;/*display: -webkit-box;*/-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.space-slide .space-main .swiper-slide-active .space-box .space-txt .more-btn {margin-top: 8px;}
.space-slide .space-main .no-data {position: relative;display: inline-flex;justify-content: center;align-items: flex-end;width: 100%;min-height: 180px;padding-top: 80px;}
.space-slide .space-main .no-data::before {content: '';position: absolute;bottom: 35%;left: 50%;transform: translateX(-50%);display: inline-block;width: 80px;aspect-ratio: 1 / 1;background-size: 80px auto;background-image: url(/template/t20/images/no-img.png);background-repeat: no-repeat;}
.space-slide .space-sub {display: none;}
.space-ctl {position: absolute;right: 0;bottom: 0;z-index: 2;}
.space-ctl > button {width: 44px;aspect-ratio: 1 / 1;border-radius: var(--circle);box-shadow: 8px 12px 24px rgba(43,63,122,.25);margin: 0 -6px;}
.space-ctl .prev-btn, .space-ctl .next-btn {border: none;background-repeat: no-repeat;background-position: center;background-size: auto 18px;}
.space-ctl .prev-btn {background-color: #FFF;background-image: url(/template/t20/images/prev-arr.svg);background-position: calc(50% - 2px) center;}
.space-ctl .next-btn {background-color: var(--main-color02);background-image: url(/template/t20/images/next-arr.svg);margin: 0 0 0 -6px;background-position: calc(50% + 2px) center;}
@media(min-width: 640px){
    .space-slide .space-main {overflow: visible;}
    .space-slide .space-main .swiper-slide {width: 80%;}
    .space-slide .space-main .swiper-slide {transform: scale(.8);transition: .3s transform;}
    .space-slide .space-main .swiper-slide-active {transform: scale(1);}
    .space-slide .space-main .swiper-slide-active .space-box .space-txt {width: 100%;padding: 20px 136px 5px 0;}
    .space-ctl {right: 12%;}
}
@media(min-width: 768px){
    .space-slide .space-main .swiper-slide-active .space-box .space-txt {padding: 20px 186px 5px 0;}
}
@media(min-width: 992px){
    .space-wrap {display: flex;flex-wrap: wrap;justify-content: flex-end;padding: 60px 0;}
    .space-wrap .main-tit-box {position: relative;flex: 0 0 50%;padding: 0 0 0 50px;z-index: 1;}
    .space-wrap .main-tit .sub-tit {font-size: 18px;margin-bottom: 0;}
    .space-slide {display: flex;flex-wrap: wrap;align-items: flex-end;gap: 0 30px;flex: 0 0 100%;max-width: 100%;margin-top: -150px;}
    .space-slide .space-main {flex: 0 0 50%;margin: 0;overflow: hidden;}
    .space-slide .space-main .space-box .img {background-size: 100px auto;}
    .space-slide .space-main .swiper-slide {width: 100%;transform: none;}
    .space-slide .space-main .swiper-slide .space-box .img::before {content: '';position: absolute;left: 0;top: 0;display: block;width: 100%;aspect-ratio: 800 / 480;background-image: url(/template/t20/images/space-frame.png);background-size: 100% auto;z-index: 1;}
    .space-slide .space-main .swiper-slide-active .space-box .img {border-radius: 18px 18px 18px 0;}
    .space-slide .space-main .swiper-slide-active .space-box .space-txt {padding: 25px 34% 5px 0;}
    .space-slide .space-main .swiper-slide-active .space-box .space-txt .tit {font-size: 18px;}
    .space-slide .space-main .no-data {padding-top: 70px;}
    .space-slide .space-main .no-data::before {width: 100px;background-size: 100px auto;}
    .space-slide .space-sub {display: block;flex: 0 0 calc(50% - 30px);padding-bottom: 20px;margin: 0;}
    .space-ctl {right: auto;left: calc(50% - 150px);}
    .space-ctl > button {width: 70px;}
    .space-ctl .prev-btn, .space-ctl .next-btn {background-size: auto 24px;}
}
@media(min-width: 1200px){
    .space-wrap {padding: 80px 0 100px;}
    .space-wrap .main-tit-box {padding: 0 0 0 60px;}
    .space-wrap .main-tit {padding: 0 0 0 36px;}
    .space-wrap .main-tit .sub-tit {font-size: 20px;}
    .space-slide {gap: 0 60px;}
    .space-slide .space-sub {flex: 0 0 calc(50% - 60px);padding-bottom: 50px;}
    .space-slide .space-main .swiper-slide-active .space-box .space-txt .tit {font-size: 22px;}
}
@media(min-width: 1600px){
    .space-wrap {padding: 120px 0;}
    .space-wrap .main-tit-box {position: relative;padding: 0 0 0 80px;}
    .space-wrap .major-char {position: absolute;right: 20px;bottom: 0;aspect-ratio: 1 / 1;height: 210px;/*background-image: url(/template/t20/images/major-character.svg);*/background-repeat: no-repeat;background-position: center;background-size: auto 210px;}
    .space-wrap .major-char img {display: block;position: absolute;left: 50%;transform: translate(-50%);height: 100%;}
    .space-wrap .major-char::before {content: '';position: absolute;bottom: -45px;left: 50%;transform: translateX(-50%);display: block;width: 280px;height: 600px;background: linear-gradient(to bottom, #E9F3FC 0, #F2F8FE 40%);border-radius: 600px;z-index: -1;}
    .space-wrap .major-char::after {content: '';position: absolute;top: -45px;left: 50%;transform: translateX(-50%);display: block;width: 280px;height: 600px;background: #FFF;border-radius: 600px;z-index: -2;}
    .space-wrap .main-tit {padding: 0 0 0 36px;}
    .space-wrap .main-tit .sub-tit {font-size: 24px;line-height: 1.5;margin-top: 26px;}
    .space-slide {gap: 0 80px;margin-top: -220px;}
    .space-slide .space-box .img {border-radius: 18px;}
    .space-slide .space-main .swiper-slide-active .space-box .img {border-radius: 24px 24px 24px 0;}
    .space-slide .space-main .swiper-slide-active .space-box .space-txt {padding: 25px 35% 5px 35px;}
    .space-slide .space-main .swiper-slide-active .space-box .space-txt .tit {font-size: 28px;}
    .space-slide .space-main .no-data {min-height: 320px;align-items: center;padding-top: 120px;}
    .space-slide .space-main .no-data::before {top: 25%;bottom: auto;}
    .space-slide .space-sub {flex: 0 0 calc(50% - 112px);padding-bottom: 70px;}
    .space-ctl {left: calc(50% - 220px);}
    .space-ctl > button {width: 90px;box-shadow: 12px 32px 50px rgba(43,63,122,.25);}
    .space-ctl .prev-btn, .space-ctl .next-btn {background-size: auto 30px;}
}
/*****************************************************
    gallery
*****************************************************/
.gallery-wrap {position: relative;background: var(--main-color02);padding: 50px 0;z-index: 1;overflow: hidden;}
.gallery-wrap .main-tit {display: flex;justify-content: space-between;align-items: flex-end;}
.gallery-wrap .main-tit .m-tit {color: #FFF;}
.gallery-wrap .main-tit .more-btn {color: #FFF;}
.gallery-wrap .main-tit .more-btn::before {background-color: rgba(255,255,255,.1);}
.gallery-wrap .gallery-con {margin-top: 20px;}
.gallery-wrap .gallery-con .gallery-list {display: flex;flex-wrap: wrap;gap: 12px;margin-bottom: 0;}
.gallery-wrap .gallery-con .gallery-list .item {flex: 0 0 calc(50% - 6px);}
.gallery-wrap .gallery-con .gallery-list .item .img {position: relative;display: inline-block;width: 100%;aspect-ratio: 203 / 140;background-color: rgba(255,255,255,.08);border-radius: 6px;overflow: hidden;}
.gallery-wrap .gallery-con .gallery-list .item .img::before {content: '';position: absolute;top: 50%;;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;border-radius: 6px;border: 0 solid var(--main-color01);transition: .2s all ease-out;z-index: 1;}
.gallery-wrap .gallery-con .gallery-list .item .img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: auto;transition: .3s all;}
.gallery-wrap .gallery-con .gallery-list .item .txt-box {display: flex;flex-direction: column;}
.gallery-wrap .gallery-con .gallery-list .item .txt-box .tit {font-weight: 600;color: #FFF;word-break: break-all;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 39px;text-overflow: ellipsis;overflow: hidden;}
.gallery-wrap .gallery-con .gallery-list .item .txt-box .date {font-weight: 400;color: rgba(255,255,255,.6);margin-top: 4px;}
.gallery-wrap .gallery-con .gallery-list .item > a:hover .img::before, .gallery-wrap .gallery-con .gallery-list .item > a:focus .img::before {border-width: 3px;}
.gallery-wrap .gallery-con .gallery-list .item > a:hover .img img, .gallery-wrap .gallery-con .gallery-list .item > a:focus .img img {transform: translate(-50%, -50%) scale(1.05);}
.gallery-wrap .gallery-con .no-data {position: relative;color: #FFF;margin-top: 30px;padding-top: 80px;}
.gallery-wrap .gallery-con .no-data::before {content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);display: inline-block;width: 80px;aspect-ratio: 1 / 1;background-size: 80px auto;background-image: url(/template/t20/images/no-img.png);background-repeat: no-repeat;}
.gallery-wrap .gallery-deco {position: absolute;bottom: 0;width: 100%;display: flex;justify-content: center;gap: 0 30px;animation: flowMove 20s linear infinite;}
.gallery-wrap .gallery-deco span {display: inline-block;height: 56px;aspect-ratio: 1628 / 123;background-image: linear-gradient(to bottom, rgba(13, 47, 114, .4), var(--main-color02)), url(/template/t20/images/gallery-deco.png);background-size: cover;opacity: 0.08;}
@media(min-width: 992px){
    .gallery-wrap {padding: 80px 0 100px;}
    .gallery-inner {display: flex;gap: 50px;}
    .gallery-wrap .main-tit {flex-direction: column;justify-content: flex-start;align-items: flex-start;flex: 0 0 36%;padding: 40px 0 0;}
    .gallery-wrap .main-tit .m-tit + .more-btn {margin-top: 40px;}
    .gallery-wrap .gallery-con {flex: 0 0 calc(64% - 50px);margin-top: 0;}
    .gallery-wrap .gallery-con .gallery-list {gap: 40px 50px;}
    .gallery-wrap .gallery-con .gallery-list .item {flex: 0 0 calc(50% - 25px);}
    .gallery-wrap .gallery-con .gallery-list .item .img {border-radius: 12px;}
    .gallery-wrap .gallery-con .gallery-list .item .img::before {border-radius: 12px;}
    .gallery-wrap .gallery-con .gallery-list .item .txt-box {margin-top: 8px;}
    .gallery-wrap .gallery-con .gallery-list .item .txt-box .tit {font-size: 18px;height: 47px;}
    .gallery-wrap .gallery-con .gallery-list .item > a:hover .img::before, .gallery-wrap .gallery-con .gallery-list .item > a:focus .img::before {border-width: 4px;}
    .gallery-wrap .gallery-con .no-data {margin-top: 40px;padding-top: 110px;}
    .gallery-wrap .gallery-con .no-data::before {width: 100px;background-size: 100px auto;}
    .gallery-wrap .gallery-deco span {height: 90px;}
}
@media(min-width: 1600px){
    .gallery-wrap {padding: 120px 0 150px;}
    .gallery-wrap .main-tit {flex: 0 0 408px;}
    .gallery-wrap .main-tit .m-tit + .more-btn {margin-top: 75px;}
    .gallery-wrap .gallery-con {flex: 0 0 calc(100% - 408px);}
    .gallery-wrap .gallery-con .gallery-list {gap: 60px 50px;}
    .gallery-wrap .gallery-con .gallery-list .item {flex: 0 0 calc(50% - 25px);}
    .gallery-wrap .gallery-con .gallery-list .item > a {display: flex;align-items: center;gap: 0 30px;}
    .gallery-wrap .gallery-con .gallery-list .item .img {flex: 0 0 203px;border-radius: 18px;}
    .gallery-wrap .gallery-con .gallery-list .item .img::before {border-radius: 18px;}
    .gallery-wrap .gallery-con .gallery-list .item .txt-box {margin-top: 0;}
    .gallery-wrap .gallery-con .gallery-list .item .txt-box .tit {font-size: 24px;height: 63px;}
    .gallery-wrap .gallery-con .gallery-list .item .txt-box .date {margin-top: 10px;}
    .gallery-wrap .gallery-con .no-data {margin-top: 60px;}
    .gallery-wrap .gallery-deco {bottom: -10px;gap: 0 40px;animation-duration: 50s;}
    .gallery-wrap .gallery-deco span {height: 123px;}
}

/*****************************************************
        Google Translate Main + Common
*****************************************************/
html:not([lang="auto"]):not([lang="ko"]) .main-tit .m-tit {font-size: 24px;}
html:not([lang="auto"]):not([lang="ko"]) .schedule-wrap .main-tit-box::before {width: 100%;}
html:not([lang="auto"]):not([lang="ko"]) .schedule-wrap .main-tit {width: 100%;}
html:not([lang="auto"]):not([lang="ko"]) .schedule-wrap .main-tit .sub-tit {max-width: calc(100% - 90px);}
html:not([lang="auto"]):not([lang="ko"]) .schedule-wrap .main-tit .m-tit {max-width: calc(100% - 90px);}
html:not([lang="auto"]):not([lang="ko"]) .notice-tab-wrap .notice-tabs {flex-wrap: wrap;gap: 3px 0;}
html:not([lang="auto"]):not([lang="ko"]) .notice-tab-wrap .notice-tabs .nav-item::before {top: 9px;}
html:not([lang="auto"]):not([lang="ko"]) .notice-tab-wrap .notice-tabs .nav-item .nav-link {font-size: 16px;}

@media(min-width: 992px){
    html:not([lang="auto"]):not([lang="ko"]) .notice-tab-wrap .notice-tabs .nav-item::before {top: 13px;}
    html:not([lang="auto"]):not([lang="ko"]) .notice-tab-wrap .notice-tabs .nav-item .nav-link {font-size: 22px;}
    html:not([lang="auto"]):not([lang="ko"]) .visual-wrap .sub-tit {font-size: 28px;}
    html:not([lang="auto"]):not([lang="ko"]) .visual-wrap .tit {font-size: 40px;}
    html:not([lang="auto"]):not([lang="ko"]) .visual-info .tit {font-size: 20px;}
}
@media(min-width: 1600px){
    html:not([lang="auto"]):not([lang="ko"]) .main-tit .m-tit {font-size: 40px;}
    html:not([lang="auto"]):not([lang="ko"]) .visual-wrap .tit {font-size: 48px;}
    html:not([lang="auto"]):not([lang="ko"]) .visual-info .tit {font-size: 20px;}
    html:not([lang="auto"]):not([lang="ko"]) .visual-info p {font-size: 18px;}
    html:not([lang="auto"]):not([lang="ko"]) .quick-slide .quick-item .tit {font-size: 18px;}
    html:not([lang="auto"]):not([lang="ko"]) .notice-tab-wrap .notice-tabs .nav-item::before {top: 16px;}
    html:not([lang="auto"]):not([lang="ko"]) .notice-tab-wrap .notice-tabs .nav-item .nav-link {font-size: 28px;}
    html:not([lang="auto"]):not([lang="ko"]) .space-wrap .main-tit {max-width: 480px;}
    html:not([lang="auto"]):not([lang="ko"]) .space-wrap .main-tit .sub-tit {font-size: 20px;}
}