.layout-s{max-width:98rem; margin:0 auto;}
.layout-m{max-width:128rem; margin:0 auto; padding:0 2.8rem;}
.layout-fit{padding:0 2.8rem; max-width:128rem; margin:0 auto 8rem;}
.layout-full {padding:0 2.8rem; width:100%; margin:0 auto 8rem;box-sizing: border-box;}


.introduce .video-bg{position:absolute; top: -10rem; left: 0; width:100%;z-index:-1}
.video-bg video{width:100%;}
.comoon-main.introduce{padding-top:100rem;}
.video-title{display:block; margin-top:-48rem;}

.title-box h3 {font-size: 4.8rem;font-weight: 800;margin-bottom: 4rem;line-height: 1.16;}
.introduce .video-title h3 {margin-bottom: 4.5rem;}
.introduce .main-title-box p {opacity: 0.5;}
.title-box p {font-size: 1.7rem;font-weight: 300;line-height: 1.6;opacity:0.5}
.en {font-family: "Dortmund";line-height: 1.16;text-transform: uppercase;}

.introduce .section02{padding:0 2.8rem;display: flex;flex-direction: column;align-items: center; margin-bottom:10rem; margin-top:9.6rem;}
.introduce .section02 .sub-title-box h4{margin-bottom:5rem;}
.introduce .section02 .img-box{display:flex; margin-bottom:2.4rem; gap:4rem;width:100%;}
.introduce .section02 .img-box div{height: fit-content;position: sticky;top: 0;}
.introduce .section02 .img-box div:first-child{height:84.5rem; width:60rem;}
.introduce .section02 .img-box div:nth-child(2) {height:52.5rem; width:80rem;}
.introduce .section02 .img-box div video {height: 100%; -o-object-fit: cover; object-fit: cover;width: 100%;}
.introduce .section02:before{display:none;}
.br48 {border-radius: 4.8rem;overflow: hidden;}

.sub-title-box span {font-size: 1.7rem;color: #ff6a3d;display: block;margin-bottom: 1rem;}
.introduce .section02 .sub-title-box h4 {margin-bottom: 5rem;}
.sub-title-box h4 {font-size: 3.2rem;font-weight: 800;margin-bottom: 4rem;}
.sub-title-box p+p {margin-top: 3.6rem;}
.sub-title-box p {font-size: 1.7rem;font-weight: 300;opacity: 0.5;line-height: 1.6;}

/*mou-slider*/
.partner-slider {height:22rem; margin-bottom:8rem; margin-top:8rem;}
.partner-slider > div {margin-left:-20%; display: flex;justify-content: flex-start;white-space: nowrap; }
.partner-slider > div + div {margin-top:120px;}
.partner-slider ul {display:flex; position: absolute;}
.partner-slider ul li {width:24rem;height:10rem; margin: 0 1rem;overflow:hidden; border-radius:12px; overflow:hidden;}
.partner-slider > div ul{animation:partnerSlide 50s infinite linear;}
.partner-slider > div ul + ul{animation:partnerSlide2 50s infinite linear;}
.partner-slider > div.partner-slide2 ul{animation-direction: reverse;}

/*¾Ö´Ï¸ÞÀ̼Ç*/
@keyframes partnerSlide {
from{ transform: translateX(0%); }
to { transform: translateX(-100%); }
}
@keyframes partnerSlide2 {
from{ transform: translateX(100%); }
to { transform: translateX(0%); }
}


.catalogHeader-container {display: flex; margin: 0 0 4.0rem 1.6rem;align-items: flex-end;justify-content: space-between;}
.catalogHeader-wrapper {display: flex;flex-direction: column;}
.catalogHeader-title {font-weight: 300;font-size: 2.4rem;line-height: 1.25;letter-spacing: -.025em; margin-bottom:.8rem;}
.catalogHeader-subtitle {margin-bottom: .4rem;font-size: 1.2rem;color: #8c8c8c;line-height: 1;text-transform: uppercase;}
.catalogHeader-txt{font-size:1.7rem; color:#888; line-height:1.6}
.no-border:before{display:none;}

/*tuition*/

.tuition-wrap{padding:0 1.6rem;}
.tuition-form-item{display:flex;flex-wrap: wrap; gap:2rem;}
.tuitionGrid-col{display:flex; flex-wrap: wrap; align-content: flex-start;flex-direction: column;width: calc(100% / 3 - 20px);}
.tuitionGrid-col02{width:74.5rem;margin-right: 4rem;}
.tuitionGrid-col h3{font-size: 1.7rem;display:block;padding-bottom:2.5rem;font-weight: 500; color:#ff6a3d}
.tuitionGrid-col h3 em{font-style:normal;}
.tuitionGrid-col h3 span{display:block;font-size:13px;opacity:0.5;font-family: 'Dortmund';margin-bottom: .7rem;color:#fff;}
.tuitionTab {display: flex;flex-wrap: wrap;font-size: 1.5rem;gap: 1rem;}
.tuitionTab li {position: relative;display: flex;align-items: center;justify-content: center;width: auto;background: #222222;text-align: center;word-break: keep-all;border-radius: 1.2rem;}
.tuitionTab li a{display:block;width:100%;padding: 0 3rem;height: 4.8rem;line-height: 4.8rem; font-size:1.5rem;}
.tuitionTab li.on {background: #ff6a3d;}
.tuitionTab li.on a{color:#000;}
.seminar-db {width:75rem;padding: 0;margin:0 auto; margin-top:5rem;}
.seminar-db .tuition-form-item .tuitionGrid-col{width:100%;}

.tuitionCont {display: none; flex-wrap: wrap; }
.tuitionCont.on {display: flex;}
.tuitionCont > p {display: flex; align-items: center; width: 100%;}
.tuitionCont > p + p{margin-top:1rem;}
.tuitionCont > p input[type='checkbox'] + label {margin-left: 1rem;}
.tuitionCont > p input[type='checkbox'] { height:2.8rem;}
.tuitionRow dl {display: flex; align-items: center; flex-wrap: wrap; padding: 20px 0;}
.tuitionRow textarea {padding:1rem; border:2px solid #ccc; border-radius:1rem; vertical-align: top;}
.tuitionRow dl + dl {border-top : 1px solid #dddddd;}
.tuitionRow dl dt {width: 120px; padding-left: 20px;}
.tuitionRow dl dd {width: calc(100% - 120px);}
.tuitionRow .tuition-col2 dd {width: calc(50% - 120px);}

.customerForm textarea {width:100%; border: 1px solid #dcdcdc; border-radius: 8px; padding:7px; height:120px;}
.tuitionTel {display: flex; align-items: center; width: 100%;}
.tuitionTel > span:nth-child(even) {display: inline-block; width: 5%; text-align: center;}
.tuitionTel select, .tuitionTel input {width: 30%; min-width: auto;}

.tuitionCont > p input[type='checkbox'] + label {position: relative;cursor:pointer;font-size: 1.7rem;font-weight: 300;}
.tuition-loc {display: flex; flex-wrap: wrap;font-size: 1.5rem; gap:1rem;}
.tuition-loc li input, .local-select li input {display: none;}
.tuition-loc li input:checked + label, .local-select li input:checked + label {background:#ff6a3d;color:#000}
.tuition-loc li label, .local-select li label {display: flex;align-items: center;justify-content: center;word-break: keep-all;background: #222222;border-radius: 1.2rem;cursor:pointer;width: 8.5rem;height: 4.8rem;}
.tuition-loc.col3 li {width: calc(100% / 3 - 1rem);margin-top:1rem;}
.tuition-loc.col2 li {width: calc(100% / 2 - 1rem);}

.tuition-col2 dt, .tuition-col2 dd {display: flex; align-items: center; min-height: 0px;}
.tuition-col2 dd + dd{margin-top:1rem;}
#vstDate, .select-style02 select {width:100%;}
.input-field input[type='text'], .tuition-col2 input[type='text'] {width:100%;}
.inputTxt .input-field {margin-bottom:1rem;}

.tuitionTel {display: flex; align-items: center; width: 100%;}
.tuitionTel > span:nth-child(even) {display: inline-block; width: 5%; text-align: center;}
.tuitionTel select, .tuitionTel input {width: 30%; min-width: auto;}
div.customerForm + div.customerForm {margin-top:4rem;}
.tuition-btn-wrap{display:block; width:100%;}
.tuition-btn {display: block;align-items: center;justify-content: center;color: #000;background-color: #ff6a3d;white-space: nowrap;width:100%;margin-top: 1rem;font-weight: 700;}

.formCheck u {line-height: 1; font-size: 1.2rem;text-decoration: none;color: rgb(255 255 255 / 50%);margin-left: .8rem;}
.formCheck {display: flex;margin-top: 1.5rem;align-items: center;}

.tuitionGrid-col details {font-size: 1.2rem;margin-top: 5px;color: #666;}
.tuitionGrid-col summary {position: relative;padding-right: 15px;list-style: none;font-weight: 500;width: max-content;cursor: pointer;}
.tuitionGrid-col details .wrap {display: flex;}
.tuitionGrid-col details[open] .arrow {transform: rotate(90deg);}

/*.composedComponent-view {min-height: 100vh;line-height: 1.5;}*/
.fc-layout-103, .fc-layout-103 * {box-sizing: border-box;}
.fc-layout-103 {word-break: keep-all;line-height: 1.5;}
.fc-layout-103 .container-fluid {position: relative;z-index: 1;background-size: cover !important; padding:12rem 2.8rem 12rem}
.fc-layout-103 .container-fluid {max-width: 100%;}
.fc-layout-103 .container-fluid .container {margin-left: auto;margin-right: auto;padding-left: 0;padding-right: 0;width:128rem;}
.fc-layout-103 .container-fluid .container {position: relative;z-index: 101;}
.fc-layout-103 .container-fluid .container {padding-left: 0;padding-right: 0;}
.fc-layout-103 .fc-h6-text {font-size: 1.5rem;}
.container-text-content {position:relative; z-index:1}
.container-text-content .title{font-size:3.6rem; letter-spacing:-0.05rem;font-weight:500;}
.fc-layout-103 .container-fluid picture {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;overflow: hidden;}
.fc-layout-103 .container-fluid picture video, .fc-layout-103 .container-fluid picture img {width: 100%;height: 100%;object-fit: cover;}

.page-top .container-fluid:after {content: '';position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;height: 200px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 86%);z-index: 0;}
.video-facility-wrap{position: relative;padding-bottom: 56.25%; border-radius:1.2rem;height: 0;overflow: hidden; margin-bottom:8rem;}
.video-facility-wrap iframe, .video-facility-wrap object, .video-facility-wrap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/*°­»ç¼Ò°³*/
.tch-list{display:flex;flex-wrap: wrap;}
.tch-list li{position:relative;width: calc(100% / 5 - .8rem);margin-bottom: .8rem;margin-left: .8rem;text-align: left;cursor: pointer;border-radius: 1.2rem;overflow: hidden;}
.tch-list li a{display:block; }
.tch-list li em {display:block;width:100%;padding-bottom: 140.5%;background-position: 50% bottom !important;background-repeat:no-repeat !important;background-size:100% !important;background-color:#fff;}
.tch-list .tch-name{font-weight:700;margin: 0.5rem 0 1.5rem; font-size:2.1rem;}
.tch-list .tch-lec{font-size:1.7rem;font-weight:700;}
.tch-list .tch-talk{font-weight:200;font-size:1.7rem;word-break: keep-all;}
.tch-list .tch-info{transition:all .4s; opacity:0; padding:5rem 3rem 3rem;width:100%;height:100%;position:absolute;top:0;margin-top: 2rem;left:0;background: linear-gradient(180deg, transparent 50%, rgb(255 106 61 / 70%) 70%, #ff6a3d 85%);display: flex;align-items: flex-start;flex-direction: column;justify-content: flex-end;box-sizing: border-box;}
.tch-list .tch-info:hover{opacity:1; margin-top: 0;}
.tab-teacher{margin-bottom:7rem;}
.tch-view .tch-img-wrap{position:relative;width:38rem;height:52rem;border-radius:4.8rem;overflow:hidden;margin-bottom: 3rem;background: linear-gradient(180deg, #ff6a3d, transparent);display: flex;align-items: flex-end;}
.tch-view .tch-img img{width: 100%;height:auto;margin: 0 auto;}
.tch-view .tch-info{max-width:144rem;width:100%;margin:0 auto;display:flex;gap:8rem;height: auto;align-items: flex-start;}
.tch-view .tch-lec{font-weight:300;font-size: 1.7rem;}
.tch-view .tch-loca{font-size:3rem;font-weight:800;margin-bottom: 3rem;display: block;}
.tch-view .tch-name{font-size:3rem;font-weight:300;margin-top: .5rem;}
.tch-view .info-left{position: sticky;left: 0;top: 8.4rem;height: auto;align-self: flex-start;}
.tch-view .info-right h2{font-size:3.6rem; margin-bottom:4rem;}
.tch-view .info-right .tch-motto{font-size:4.8rem;font-weight:300;margin-bottom:5rem;word-break: keep-all;line-height: 1.3; width: 100%;}
.tch-view .info-right .txts h4{font-weight: 800;margin-bottom: 1.2rem;font-size: 1.5rem;color: #ff6a3d;}
.tch-view .info-right .txts ul{margin-bottom:3rem;}
.tch-view .info-right .txts li{font-size: 1.5rem;line-height: 1.5; color:#ccc;}
.tch-view .info-right .tch_qna{padding-top:3rem;border-top: 1px solid #333;}
.tch-view .info-right .tch_qna li{margin-bottom: 3rem; word-break: keep-all;}
.tch-view .info-right .tch_qna li p{word-break: initial;}
.tch-view.link{width:100%;}

/*À§Ä¡¾È³»*/
.map-wrap{ margin-top: 11rem;}
.map-wrap h5 {font-size: 3.5rem;font-weight: 800;}
.loc-cont {height:0; visibility:hidden;}
.loc-cont.on {height:auto; visibility:visible;}
.loc-cont .table-wrap {padding-top: 1.8rem;}
.map-wrap table tr th, .map-wrap table tr td {padding: 5px 0; font-size:1.7rem;}
.map-wrap table tr td {font-weight: 400;color: #fff;}
.map-wrap table tr th {width: auto;text-align: left;color: #ff6a3d;font-weight: 400;width: 12.5rem;}
.location-map {display: flex; align-items: flex-start; justify-content: space-between; padding-top: 7.5rem;}
.sbl-map {height:50.5rem;background-repeat: no-repeat; background-position: center; width:90rem; background-size: cover; border-radius: 4.8rem; overflow:hidden;}
.sbl-map > div {width: 100%; height:100%;}
.sbl-map > div .hide{display: none !important;}
.sbl-map .root_daum_roughmap .wrap_map{height:100%;}
.location-map .link {overflow: hidden;position: relative;display: inline-block;padding: 1.4rem 7.5rem 1.4rem 3rem;border-radius: 3rem;border: 1px solid #fff;font-size: 1.7rem;}
.location-map .link:after {content: "";display: block;position: absolute;right: 3rem;top: 50%;width: 1.4rem;height: 1.2rem;background: url(/img/common/icon_btn_arrow.png);transform: translateY(-50%);}

/*Ä¿¹Â´ÏƼ*/
.board-list table {width:100%;border-collapse:collapse; border-top: 1.5px solid #333; border-bottom: 1.5px solid #333; margin: 0 0 1rem;}
.board-list table th{font-size:1.7rem; padding: 2rem 0; font-weight: 700; text-align: center; border-bottom: 1px solid #333;}
.board-list table td{font-size:1.7rem; padding: 2.5rem; border-top: 1px solid #333; border-bottom: 1px solid #333; word-break: break-all;}
.board-list table .td-datetime{text-align: center;color: #666666;}
.gallery-list {display:flex; flex-wrap: wrap; margin-left:-2.8rem; }
.gallery-list li {overflow:hidden;position:relative; width: calc(100% / 4 - 2.8rem); margin-left:2.8rem; margin-bottom:4rem;}
.gallery-list li a{display:block;}
.gallery-list-txt{transition:all .4s; opacity:0; padding:5rem 3rem;width:100%;height:100%;position:absolute;top:0;margin-top: 5rem;left:0;background: linear-gradient(180deg, transparent 50%, rgb(127 122 237 / 70%) 70%, #ff6a3d 85%);display: flex;align-items: flex-start;flex-direction: column;justify-content: flex-end;}
.gallery-list-txt:hover{opacity:1; margin-top: 0;}
.gallery-list-txt dt{font-size:1.7rem; margin-bottom:1rem;}
.gallery-list-txt dd{font-size:2.4rem;}
.seminar-thumb {width: 100%;background-size: cover !important;background-position: center center !important;background-repeat: no-repeat !important;display: block;padding-bottom:140%;overflow:hidden;}
.portfolio .seminar-thumb {padding-bottom:100%;}
.board-list table tbody tr:hover{background: #333; color:#fff}
.board-list table td a{display:block; width:100%;}
.detail .detail-header{padding-bottom: 5rem;border-bottom: 1px solid #fff;max-width: 67rem;margin: 0 auto;}
.detail .detail-header #title{font-size:3rem; font-weight:700; margin-bottom:.8rem;}
.detail .detail-header .date{font-size:1.5rem;}
.detail .bo-wrap{width:100%; max-width:95rem; margin:0 auto;}
.detail .bo-bottom{padding-top: 5rem;border-top: 1px solid #fff;max-width: 67rem;margin: 0 auto; margin-top:5rem;}

.pagingWrap {display: flex; justify-content: center; align-items: center; margin-top:4rem;}
.paging {display: flex; padding: 0 2.8rem; font-weight: 500; font-size: 1.8rem; color: #fff;}
.paging li {margin: 0 .7rem;}
.paging li a {display: flex; justify-content:center; align-items: center; width: 5rem; height: 5rem; border-radius: 100%;}
.paging li.on a {background: #ff6a3d; color: #000;}
.pagingBtn{width: 1.5rem; height: 1.5rem; margin-top: .3rem; border-bottom: 2px solid #fff; border-right: 2px solid #fff;}
.prevBtn {transform: rotate(135deg);}
.nextBtn {transform: rotate(-45deg);}
.box-cont{ display: flex; gap: 4rem;}
.box-cont dl{position:relative; border: 2px solid rgb(255 255 255 / 30%);border-radius:4.8rem;background: linear-gradient(60deg, rgb(51 51 51 / 20%), rgb(255 255 255 / 20%));width: 100%;padding: 7rem 2.8rem 6rem 2.8rem;}
.box-cont em{display:block; width:16.7rem; height:15.5rem; margin: 0 auto; background-size:contain; background-position:center; background-repeat:no-repeat;}
.box-cont dt{font-weight:700;margin-top: 4.4rem;margin-bottom:1.2rem; font-size:2.1rem;}
.box-cont dd{font-weight:300; font-size:1.5rem; line-height: 1.6;}

.detail{padding:12rem 0;}
.detail .cont{padding:4.8rem 0;}
.btn {transition: all .3s;width: 23.6rem;height: 4.8rem;margin: 0 auto;line-height: 4.8rem;text-align: center;display: block;border: 1px solid #fff;border-radius: 4.8rem;font-size: 1.7rem;}
.btn:hover {border-color: #ff6a3d;color: #ff6a3d;}
.seminar-thumb {width: 100%;background-size: cover !important;background-position: center center !important;background-repeat: no-repeat !important;display: block;padding-bottom: 140%;margin-bottom: 20px;border-radius: 20px;overflow: hidden;transition: .17s linear;}
.gallery-list li a:hover .seminar-thumb {box-shadow: 0px 10px 20px rgba(4, 9, 20, .3);}
.media-Thumb {padding-bottom: 55% !important}
.gallery-list.col5 li .mainjobInv-Thumb em {background-size: 70% !important}
.main-board-txt dt{color:#ff6a3d; font-size:1.7rem; display:block; margin-bottom:.6rem;}
.main-board-txt dd{font-size:1.7rem;}

.interior-slide {position: relative; width:100%; display:block; height:38.6rem; border-radius:4.8rem; overflow:hidden; }
.interior-slide p {height: 38.6rem;overflow:hidden; background-size:cover !important;}

/*±â¾÷¸ÂÃãÇü±³À°*/
.corporate{position:relative; padding:0 2.8rem;}
.corporate .partner-slider{margin-bottom:6rem; margin-top:7rem;}
.corporate .section02 .bg{width: 120%;height: 100%;position: absolute; top: 4rem;z-index:0; margin:0 -30.8rem;}
.corporate .section02 .bg span video{width:100%; opacity:0.7; mix-blend-mode:screen}
.corporate .section02 .bg span {position:relative; width:100%;display:block;}
.corporate .section02 .bg span:after, .corporate .section02 .bg span:before {content: '';position: absolute;left: 0;right: 0;height: 400px;}
.corporate .section02 .bg span:after{bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 86%);z-index:0;}
.corporate .section02 .bg span:before{top: 0; background: linear-gradient(-0deg, rgba(0, 0, 0, 0) 0, #000 86%);z-index:1;}

.corporate .section02 .cont{position:relative; z-index:2;}
.corporate .section03{position:relative; z-index:3;}
.corporate .section02 .box-cont dl{padding: 5rem 2.7rem;position:relative;width: calc(100% / 5 - 1.2rem);height: 39.6rem;}
/*.corporate .section02 .box-cont dd{opacity:0.7;}*/
.corporate .section02 .box-cont em{width:12.2rem; height:12.3rem;}
.corporate .cor-count{border: 2px solid rgb(255 255 255 / 30%);border-radius:4.8rem;background: linear-gradient(60deg, rgb(51 51 51 / 20%), rgb(255 255 255 / 20%));padding: 13rem 16rem;display:flex;justify-content: center;gap: 12rem;}
.corporate .cor-count dl {display:flex;flex-direction: column;}
.corporate .cor-count dl dt{font-size:2.4rem;font-weight:600;letter-spacing:-0.05em;color:#ff6a3d;margin-bottom: 2rem;}
.corporate .cor-count dl dd{display:flex;font-size: 10rem;line-height:1;letter-spacing:-0.05em;align-items: flex-end;}
.corporate .cor-count dl dd span{font-size:1.7rem;font-weight:300;letter-spacing:0;padding-left: 1.5rem;}
.corporate .cor-count dl dd strong{line-height: 0.7;font-weight: 700;}
.corporate .cor-info{margin-top:4rem;}
.corporate .cor-info h3{font-size:3.1rem; font-weight:400; display:block; margin-bottom:3rem;}
.corporate .cor-info h3 b{font-weight:800;}
.corporate .cor-info h3 span{font-size:2.1rem; padding-right:1rem;}
.corporate .section04{margin-bottom:15rem;}

.corporate .section02 .box-cont dl::before {content: "";position: absolute;inset: 0;border-radius: var(--radius);box-shadow: 0 0 22px rgb(255 106 61 / 40%), 0 0 50px rgb(255 106 61 / 40%) inset;opacity: 0;transition: opacity 0.4s;border-radius:4.8rem;}
.corporate .section02 .box-cont dl:hover::before { opacity: 1; }

.corporate .sub-title-box{margin-bottom:4.8rem;position:relative; z-index:3}
.corporate .sub-title-box h4{margin-bottom:1.2rem;}
.corporate .box-cont{ display: flex; gap: 1.2rem;}
.corporate *{box-sizing:border-box;}
.corporate section + section {margin-top:12rem;}
.cor-info p{font-size:1.7rem;}


@keyframes catalogCover-zoom-in {
0% {
transform: scale(1)
}

to {
transform: scale(1.05)
}
}

@keyframes catalogCover-zoom-out {
0% {
transform: scale(1.05)
}

to {
transform: scale(1)
}
}

@keyframes catalogCover-arrow-fade-in {
0% {
opacity: 0;
transform: translate3d(0,.8rem,0) rotate(180deg)
}

to {
opacity: 1;
transform: translateZ(0) rotate(180deg)
}
}

@keyframes catalogCover-arrow-fade-out {
0% {
opacity: 0;
transform: translate3d(0,-.8rem,0) rotate(0)
}

to {
opacity: 1;
transform: translateZ(0) rotate(0)
}
}

@keyframes catalogCover-banner-fade-in {
0% {
opacity: 0;
transform: translate3d(0,100%,0) rotate(0)
}

to {
opacity: 1;
transform: translateZ(0) rotate(0)
}
}

@keyframes catalogCover-swipe-menu {
0% {
transform: translate3d(50%,0,0)
}

to {
transform: translateZ(0)
}
}

@keyframes catalogCover-dropdown-menu {
0% {
opacity: 0;
transform: translate3d(-50%,-.8rem,0)
}

to {
opacity: 1;
transform: translate3d(-50%,0,0)
}
}

@keyframes catalogCover-fade-in {
0% {
opacity: 0
}

to {
opacity: 1
}
}

@keyframes catalogCover-fade-out {
0% {
opacity: 1
}

to {
opacity: 0
}
}

@keyframes catalogCover-blur-out {
0% {
filter: blur(.5rem)
}

to {
filter: blur(0)
}
}

@keyframes catalogCover-slide-up {
0% {
opacity: 0;
transform: translate3d(0,.8rem,0)
}

to {
opacity: 1;
transform: translateZ(0)
}
}

@keyframes catalogCover-slide-down {
0% {
opacity: 1;
transform: translateZ(0)
}

to {
opacity: 0;
transform: translate3d(0,.8rem,0)
}
}

@keyframes catalogCover-draw-backdrop {
0% {
background-position: 100% 0
}

to {
background-position: 0 0
}
}

@keyframes catalogCover-narrow-backdrop {
0% {
transform: scaleX(0)
}

to {
transform: scaleX(1)
}
}

@keyframes catalogCover-filter-dropdown {
0% {
transform: scaleY(0)
}

to {
transform: scaleY(1)
}
}

.catalogCover-container {position: relative;background-color: #000;color: #fff;text-align: center; margin-bottom:9rem;}
.courseVisual-container {position: relative;overflow: hidden;width: 100%;height: 42rem;}
.courseVisual-image {z-index: 1;height: 100%;opacity: 1;transition: opacity 1.2s; position:relative;}
.courseVisual-image:after{content: '';position: absolute;left: 0;right: 0;height: 400px;bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 86%);z-index:0;}
.common-image {display: block;width: 100%;}
.courseVisual-container img, .courseVisual-container video {position: absolute;top: 0;left: 50%;object-fit: cover;width: auto;max-width: inherit;height: 100%;transform: translate3d(-50%, 0, 0);}
.catalogCover-description{display: flex;justify-content: center;width: 100%;margin: 0 auto;}
.catalogCover-caption {z-index: 1;display: flex;flex-direction: column;align-items: flex-start;width: 100%;margin: -19.4rem auto 0;padding: 0 2rem;text-align: start;text-shadow: 0 0 .8rem rgba(0, 0, 0, .25);margin-top: -18.4rem; max-width: 98rem;}
.catalogCover-title-en {font-size:1.7rem; display:block; margin-bottom:0.8rem;color:#ff6a3d;font-weight:800;}
.catalogCover-title {font-size: 3.4rem;line-height: 1.5; margin-bottom:0.8rem;}
.catalogCover-instructor {margin-top: 3.2rem;font-size: 1.7rem;line-height: 1.6; color:#ccc; }
.classKeywords-keywords {display: flex;flex-wrap: wrap;gap: 1rem;font-size: 1.6rem;}
.classKeywords-keywords em {display: inline-block;padding: .5rem .8rem;border-radius: calc(infinity * 1px);background-color: #141414;transition-duration: .4s; font-size:1.2rem; border:1px solid #333; line-height:1}
.classInfo-container {width:980px;    max-width: 93%; margin:0 auto; padding: 0 2rem;}

.class-section{padding:9rem 2.8rem; border-top:1px solid #333;}
.fc-label-type1{border-radius: 1.6rem;display: inline-block; background: #ff6a3d; margin: 0; padding: .3rem 1.4rem; font-size: 1.2rem; font-weight: 700; min-width: 0; line-height: 1.5; color: #000; margin-bottom:2rem}
.class-section-top {}

.edu-intro dl dt{font-size:2.4rem; font-weight:300; display:block; margin-bottom:1.2rem; line-height:1.4}
.edu-intro dl dd {font-size:1.7rem; color:#ccc; line-height:1.6}
.edu-table {display:flex; flex-wrap: wrap; gap:1.2rem; margin-top:4.8rem;}
.edu-table li {width: calc(100% / 3 - 1.2rem);display:flex; border:1px solid #333; background:#141414; padding:2rem; box-sizing:border-box;border-radius:1.2rem;}
.edu-table li:last-child {width:calc(100% / 1 - 1.2rem);}
.edu-table li span img{width:1.8rem; margin-right:12px;}
.edu-table li dl dt, .edu-table li dl dd{font-size:1.5rem; line-height:1.4}
.edu-table li dl dd { font-weight:300; color:#ccc !important;}
.edu-table li dl dt + dd {margin-top:1rem;}


.edu-visual {display:block; padding:0; position:relative; box-sizing:border-box;}
.edu-visual ul {display:flex; flex-wrap: wrap;justify-content: space-between;}
.edu-visual ul li {margin-bottom:1rem}
.edu-visual ul.col3 li {width: calc(100% / 3 - 1rem); padding-bottom:14vw; position:relative; display:block; }
.edu-visual ul.col2 li {width: calc(100% / 2 - 1rem); padding-bottom:20vw; position:relative; display:block; }
.edu-visual ul li div.thumb {position:absolute; top:0px; left:0px; background-position: 50% !important; background-size:cover !important; background-repeat:no-repeat; width:100%; height:100%; border-radius:24px; overflow:hidden;}
.edu-visual ul li div.thumb video, .edu-visual ul li div.thumb img{height: 120%;width: 120%;left: 50%;-o-object-fit: cover;object-fit: cover;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 1;}

.classChapter-container{margin-top:4.8rem;}
.classChapter-container{display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:calc(0.25rem * 6);}
.classChapter-item{padding:2rem; border-radius:1.2rem; border:1px solid #333; background:#141414}
.classChapter-item img {width: 100%;margin-bottom: 10px;/* object-fit: contain; */}
.classChapter-item span {font-size:1.3rem; color:#9f9fa9; display:block; margin-bottom:1.2rem;}
.classChapter-item h3{font-size:1.7rem; color:#fff; font-weight:600; display:block; margin-bottom:2rem; letter-spacing:-0.025em;}
.classChapter-item li {font-size:1.3rem; color:#9f9fa9; padding-left:12px; position:relative;}
.classChapter-item li:before{content:""; width:.5rem; height:.5rem; display:block; position:absolute; top:5px; left:0px; border-radius:100%; background:#fff; }
.classChapter-item li + li {margin-top:1.2rem;}
.classChapter-item .classKeywords-keywords {gap:.5rem; margin-top:2.8rem;}
/* .classChapter-item .classKeywords-keywords em {font-size:.9rem;} */
.classChapter-item .classKeywords-keywords em{font-size: 1.2rem;background-color: #ff6a3d;}

.tch-view{padding:8rem 0}
.tch-view .catalogCover-caption{margin:0rem; padding:3rem 0 6rem 0;}
.customer-banner-container{padding:0 0rem 8rem 0;}
.customer-banner{display:block; border-radius:1.2rem; overflow:hidden;}

.rolling-wrap {width: 50vw;height: 50rem;display: flex;align-items: flex-start;justify-content: center;margin:4.8rem auto;position:relative;}
.rolling-wrap:after {    content: '';    position: absolute;    left: 0;    right: 0;    height: 200px;    bottom: 0;    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 86%);    z-index: 2;}
.swiper.question-swiper {width: 100%;height: 100%;padding:0 2.8rem;}
.swiper-slide {display: flex;align-items: center;justify-content: flex-start;}
.swiper-slide:nth-child(2n) {justify-content: flex-end;}
.rolling-answer-bubble, .rolling-bubble {display: inline-block;background: #fff;color: #000;padding: 18px 28px;border-radius: 24px;font-size: 18px;line-height: 1.5;position: relative;max-width: 100%;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55);}
.rolling-answer-bubble {background:#ff6a3d; color:#000;float:right; width:40rem}
.rolling-bubble::after {content: "";position: absolute;left: -8px;top: 12px;border-width: 15px;border-style: solid;border-color:#fff  transparent   transparent   transparent ;z-index:5}
.rolling-answer-bubble::after {content: "";position: absolute;right: -8px;top: 12px;border-width: 15px 15px  0 0 ;border-style: solid;border-color: #ff6a3d transparent transparent transparent;}

.class-main-list{display:grid; display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:calc(0.5rem * 6);}
.class-main-list .catalog-list {    min-width: 16rem;    max-width: 100%;    margin-top: 0rem;}


@media (max-width: 640px) {
.rolling-bubble {font-size: 15px;padding: 14px 20px;}
}