.mSec-title{margin-bottom: 48px; font-family: 'Libre'; font-size: 3.75rem; font-weight: 600; text-align: center;}
.mSec-title.white{color: white;}

.js-swiper-play.stop .stop{display: block;}
.js-swiper-play.stop .play{display: none;}
.js-swiper-play.play .stop{display: none;}
.js-swiper-play.play .play{display: block;}

.sec-visual{position: relative; overflow: hidden;}
.sec-visual iframe{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 177.78vh; width: 100%; min-height: 100vh; height: 56.25vw; pointer-events: none;}

.sec-impact{background:linear-gradient(to right, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 0.8) 50%, rgba(242, 242, 242, 1) 100%), url(/_res/tongmyong/english/img/impact-bg.png) 100% / cover;}
.sec-impact .mSec-title{text-align: left;}
.sec-impact .impact-box{width: 600px; margin-left: auto; font-family: 'Libre';}
.sec-impact .impact-box .cont-box{display: flex; flex-wrap: wrap; gap: 20px 40px;}
.sec-impact .impact-box .item{width: calc(50% - 20px);}
.sec-impact .impact-box .item .main{font-size: 4.5rem;}
.sec-impact .impact-box .item .exp{font-size: 1.25rem;}

.sec-college{background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)), url(/_res/tongmyong/english/img/college-bg.png) 100% / cover;}
.sec-college .college-box{display: flex; flex-wrap: wrap; gap: 20px;}
.sec-college .college-box > li{width: calc(20% - 16px); height: 180px;}
.sec-college .college-box .item{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; width: 100%; height: 100%; padding: 8px; text-align: center; color: white; background-color: rgba(0, 0, 0, .3); backdrop-filter: blur(4px); border: 1px solid rgba(255, 255, 255, 0.5); transition: .3s;}
.sec-college .college-box .item.logo{width: calc(20% - 16px); height: 180px; background-color: white;}
.sec-college .college-box .item:not(.logo):hover{background-color: rgba(255, 255, 255, .3);}

.sec-admission{position: relative; background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)), url(/_res/tongmyong/english/img/admission-bg.png) 100% / cover;}
.sec-admission::before,
.sec-admission::after{content:''; position: absolute; top: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.4);}
.sec-admission::before{left: 33.33%}
.sec-admission::after{left: 66.66%}
.sec-admission .admission-box{display: flex; justify-content: center; align-items: center;}
.sec-admission .admission-box > li{width: calc(100% / 3); height: 440px}
.sec-admission .admission-box .item{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; height: 100%; padding: 8px; font-size: 1.5rem; text-align: center; color: white; opacity: .6; transition: .3s;}
.sec-admission .admission-box .item:hover{opacity: 1;}

.sec-guide .guide-box{display: flex; gap: 20px;}
.sec-guide .youtube-box{flex: 1; aspect-ratio: 3 / 2;}
.sec-guide .youtube-box .item{position: relative; display: block; width: 100%; height: 100%;}
.sec-guide .youtube-box .item::before{content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url('/_res/tongmyong/english/img/ico-youtube-red.png') center no-repeat, rgba(0, 0, 0, 0.3); opacity: 0; transition: .3s;}
.sec-guide .youtube-box .item:hover::before{opacity: 1;}

.sec-guide .right-box{display: flex; flex-direction: column; gap: 20px; width: 40%;}
.sec-guide .banner-box{aspect-ratio: 3 / 2; overflow: hidden;}
.sec-guide .banner-swiper{height: 100%;}
.sec-guide .banner-swiper .item{position: relative; display: block; width: 100%; height: 100%;}
.sec-guide .banner-swiper .item::before{content: ''; position: absolute; bottom: 0; left:0; z-index: 1; display: block; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 40%)}
.sec-guide .banner-swiper .control-wrap{position: absolute; bottom: 4px; right: 4px; z-index: 1; display: flex; align-items: center;}
.sec-guide .banner-swiper .banner-pagination{display: none; width: auto; color: white; line-height: 1;}
.sec-guide .sns-box{display: flex; flex-direction: column; justify-content: space-between; flex: 1; width: 100%; padding: 20px; font-size: 1.25rem; color: white; background-color: var(--color-d);}
.sec-guide .sns-list{display: flex; justify-content: flex-end; gap: 16px;}
.sec-guide .sns-list .item{display: block; width: 40px; aspect-ratio: 1 / 1; background: url('/_res/tongmyong/english/img/ico-youtube.png') center / contain no-repeat; opacity: 0.8; transition: .3s; overflow: hidden; text-indent: -999%;}
.sec-guide .sns-list > li:nth-of-type(2) .item{background-image: url('/_res/tongmyong/english/img/ico-instagram.png');}
.sec-guide .sns-list > li:nth-of-type(3) .item{background-image: url('/_res/tongmyong/english/img/ico-facebook.png');}
.sec-guide .sns-list > li:nth-of-type(4) .item{background-image: url('/_res/tongmyong/english/img/ico-xiaohongshu.png');}
.sec-guide .sns-list .item:hover{opacity: 1;}

.sec-quick .quick-list{display: flex; flex-wrap: wrap; width: 100%; height: 100%; padding-top: 122px;}
.sec-quick .quick-list > li{width: 25%; height: 50%;}
.sec-quick .quick-list .item{position:relative; display: block; width: 100%; height: 100%; background: var(--bg-img) center / cover no-repeat; filter: grayscale(100%); transition: filter .3s;}
.sec-quick .quick-list .item::before{content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); transition: opacity .3s;}
.sec-quick .quick-list > li:nth-of-type(1) .item{--bg-img: url('/_res/tongmyong/english/img/quick-01.png');}
.sec-quick .quick-list > li:nth-of-type(2) .item{--bg-img: url('/_res/tongmyong/english/img/quick-02.png');}
.sec-quick .quick-list > li:nth-of-type(3) .item{--bg-img: url('/_res/tongmyong/english/img/quick-03.png');}
.sec-quick .quick-list > li:nth-of-type(4) .item{--bg-img: url('/_res/tongmyong/english/img/quick-04.png');}
.sec-quick .quick-list > li:nth-of-type(5) .item{--bg-img: url('/_res/tongmyong/english/img/quick-05.png');}
.sec-quick .quick-list > li:nth-of-type(6) .item{--bg-img: url('/_res/tongmyong/english/img/quick-06.png');}
.sec-quick .quick-list > li:nth-of-type(7) .item{--bg-img: url('/_res/tongmyong/english/img/quick-07.png');}
.sec-quick .quick-list > li:nth-of-type(8) .item{--bg-img: url('/_res/tongmyong/english/img/quick-08.png');}
.sec-quick .quick-list .item .text-box{position: absolute; bottom: 0; left: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 80px; padding: 28px; font-size: 1.25rem; color: white; transition: .3s;}
.sec-quick .quick-list .item .text-box .arrow{opacity: 0; transition: opacity .3s;}
.sec-quick .quick-list .item:hover{filter: grayscale(0);}
.sec-quick .quick-list .item:hover::before{opacity: 0;}
.sec-quick .quick-list .item:hover .text-box{color: var(--color-d); background-color: white;}
.sec-quick .quick-list .item:hover .text-box .arrow{opacity: 1;}


@media (max-width:1600px){
	.sec-admission .sec-inner{width: calc(100% - 40px); margin: 100px auto 0;}
}
@media (max-width:1024px){
	.mSec-title{margin-bottom: 28px; font-size: 2.5rem;}
	.fp-section, .fp-tableCell {height: auto !important;}
	
	.sec-visual{aspect-ratio: 3 / 2;}
	
	.sec-impact{background-image:linear-gradient(to right, rgba(242, 242, 242, 0.8) 0%, rgba(242, 242, 242, 0.8) 100%), url(/_res/tongmyong/english/img/impact-bg.png)}
	.sec-impact .impact-box{margin: auto; width: 100%; }
	.sec-impact .mSec-title{text-align: center;}
	.sec-impact .impact-box .cont-box{gap: 16px 20px;}
	.sec-impact .impact-box .item .main{font-size: 2.5rem;}
	
	.sec-college .college-box{gap: 16px;}
	.sec-college .college-box > li,
	.sec-college .college-box .item.logo{flex: 1 1 30%; width: auto}
	
	.sec-admission .sec-inner{margin-top: 40px;}
	.sec-admission .admission-box{margin-bottom: 40px;}
	.sec-admission .admission-box > li{height: 200px;}
	.sec-admission .admission-box .item img{max-width: 80px; width: 40%}
	
	.sec-guide .guide-box{flex-direction: column;}
	.sec-guide .right-box{flex-direction: row; gap: 16px; width: 100%;}
	.sec-guide .banner-box{width: 500px}
	.sec-guide .sns-list{gap: 8px;}
	
	.sec-quick .quick-list{padding-top: 0;}
	.sec-quick .quick-list > li{width: 50%; height: auto; aspect-ratio: 2 / 1;}
	.sec-quick .quick-list .item .text-box{padding: 16px;}
}
@media (max-width:720px){
	.sec-visual{aspect-ratio: 1 / 1;}
	
	.sec-impact .impact-box .cont-box{flex-direction: column; gap: 16px;}
	.sec-impact .impact-box .item{width: 100%; text-align: center;}
	
	.sec-admission::before,
	.sec-admission::after{content:none;}
	.sec-admission .admission-box{flex-direction: column; gap: 8px;}
	.sec-admission .admission-box > li{width: 100%; height: auto;}
	.sec-admission .admission-box > li:not(:last-of-type) .item{border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
	.sec-admission .admission-box .item{opacity: 1;}
	
	.sec-guide .right-box{flex-direction: column;}
	.sec-guide .banner-box{width: 100%;}
	.sec-guide .banner-swiper .control-wrap{gap: 4px;}
	.sec-guide .banner-box .banner-pagination{display: block;}
	.sec-guide .banner-box .btn-prev,
	.sec-guide .banner-box .btn-next{display: none;}
	.sec-guide .sns-box{gap: 20px;}
	.sec-guide .sns-list .item{opacity: 1;}
	
	.sec-quick .quick-list > li{aspect-ratio: 1 / 1;}
	.sec-quick .quick-list .item{background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 100%), var(--bg-img) center / cover no-repeat; filter: grayscale(0);}
	.sec-quick .quick-list .item::before{content:none;}
	.sec-quick .quick-list .item .text-box{height: auto; padding: 8px}
	.sec-quick .quick-list .item:hover .text-box{color: white; background-color: unset;}
	.sec-quick .quick-list .item:hover .text-box .arrow{opacity: 0;}
}
@media (max-width:480px){
	.sec-college .college-box{gap: 8px;}
	.sec-college .college-box > li,
	.sec-college .college-box .item.logo{flex: 1 1 40%; height: 140px;}
	.sec-college .college-box .item:not(.logo) img{max-width: 40px; width: 40%}
	
	.sec-quick .quick-list > li{width: 100%; aspect-ratio: 3 / 2;}
}