@charset "utf-8";

/* [S] STUDENT */
.student-wrap{position: relative; padding: 18.15rem 2rem 0; max-width: 174rem; margin: 0 auto; height: 100%;}
.student-wrap .frame{max-width: 174rem; margin: 0 auto; padding: 0 2rem;}
.student-wrap .frame p{font-size: 1.8rem; line-height: 3rem; font-family: "pr"; color: #666666; margin-top: 2rem;}
.student-wrap .student-swiper{display: flex; align-items: end; justify-content: center; padding-left: 7%; margin-top: -24.5rem;}
.student-wrap .student-text-swiper{width: 49rem; margin-bottom: 10.5rem;}
.student-wrap .student-text-swiper .swiper-slide{background-color: white; opacity: 0 !important;}
.student-wrap .student-text-swiper .swiper-slide.swiper-slide-active {opacity: 1 !important;}
.student-wrap .student-text-swiper .number-text{font-family: "sm"; font-size: 2.6rem; color: #333333;}
.student-wrap .student-text-swiper .number-text span{font-family: "sb"; font-size: 3.8rem; color: #000000;}
.student-wrap .student-text-swiper h1{font-family: "sm"; font-size: 4.6rem; color: #0269e8; margin-top: 1rem;}
.student-wrap .student-text-swiper h1 span{font-family: "sb"; font-size: 8rem; color: #0269e8;}
.student-wrap .student-text-swiper .main-text{font-family: "pr"; font-size: 2.4rem; line-height: 3.8rem; color: #000000}
.student-wrap .student-image-swiper .swiper-wrapper{width: 64rem; height: 64rem; border-radius: 50%; overflow: hidden; animation: upDown 5s infinite ease; animation-delay: 1s;}
.student-wrap .student-image-swiper .swiper-wrapper img{width: 100%;}
.student-wrap .student-image-swiper .swiper-control {display: flex; justify-content: center; align-items:  center; margin-top: 4rem;}
.student-wrap .student-image-swiper .swiper-control .prev,
.student-wrap .student-image-swiper .swiper-control .next {display: flex; width: 1.4rem; height: 2.5rem; text-indent: -9999rem;}
.student-wrap .student-image-swiper .swiper-control .prev {margin-right: 2rem; background: url('../../images/main/section2/btn-stu-prev.png') no-repeat top center / 1.4rem auto;}
.student-wrap .student-image-swiper .swiper-control .prev:hover {background-position: bottom center !important;}
.student-wrap .student-image-swiper .swiper-control .next {margin-left: 2rem; background: url('../../images/main/section2/btn-stu-next.png') no-repeat top center / 1.4rem auto;}
.student-wrap .student-image-swiper .swiper-control .next:hover {background-position: bottom center !important;}
.student-wrap .student-image-swiper .swiper-control .stop,
.student-wrap .student-image-swiper .swiper-control .play {display: none;}
.student-wrap .student-image-swiper .swiper-control .stop.on,
.student-wrap .student-image-swiper .swiper-control .play.on {display: flex; width: 1.2rem; height: 1.9rem; margin: 0 1rem; text-indent: -9999rem;}
.student-wrap .student-image-swiper .swiper-control .stop {background: url('../../images/main/section2/btn-stu-stop.png') no-repeat center / 1.2rem auto;}
.student-wrap .student-image-swiper .swiper-control .play {background: url('../../images/main/section2/btn-stu-play.png') no-repeat center / 1.2rem auto;}
.student-wrap .student-image-swiper .swiper-pagination{position: static;}
.student-wrap .student-image-swiper .swiper-pagination .swiper-pagination-bullet{opacity: 1; width: 1.5rem; height: 1.5rem; background-color: #d9d9d9; margin: 0 1rem;}
.student-wrap .student-image-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #252525;}

.student-wrap .swiper-next-slider{width: 25rem; height: 25rem; border-radius: 50%; overflow: hidden; position: absolute; left: 4rem; bottom: 17.5rem; animation: upDown 5s infinite ease;}
.student-wrap .swiper-next-slider img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.student-wrap .swiper-prev-slider{width: 25rem; height: 25rem; border-radius: 50%; overflow: hidden; position: absolute; right: 1rem; top: 8rem; animation: upDown 5s infinite ease;}
.student-wrap .swiper-prev-slider img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;;}

.student-wrap .swiper-prev-slider img.nextImage,
.student-wrap .swiper-next-slider img.nextImage{opacity: 0;}
.student-wrap .swiper-prev-slider img.prevImage,
.student-wrap .swiper-next-slider img.prevImage{opacity: 0;}

.disable .student-wrap{padding: 18.15rem 2rem 7.5rem;}

@keyframes upDown {
	0% {transform: translateY(1rem);}
	50% {transform: translateY(-1rem);}
	100% {transform: translateY(1rem);}
}

@media screen and (max-width: 1800px) {
	.student-wrap .student-title img{width: 50%;}
	.student-wrap .frame p{font-size: 1.6rem; line-height: 2.5rem; margin-top: 1.5rem;}
	.student-wrap .student-swiper{margin-top: -10rem;}
	.student-wrap .swiper-next-slider{left: 2rem;}
	.student-wrap .student-text-swiper{width: 40rem;}
	.student-wrap .student-text-swiper h1{font-size: 3rem;}
	.student-wrap .student-text-swiper h1 span{font-size: 6rem;}
	.student-wrap .student-text-swiper .main-text{font-size: 2rem; line-height: 3.2rem;}
	.student-wrap .swiper-prev-slider,
	.student-wrap .swiper-next-slider{width: 15rem; height: 15rem;}
	.student-wrap .student-image-swiper .swiper-wrapper{width: 55rem; height: 55rem;}
}

@media screen and (max-width: 1250px) {
	.disable .student-wrap,
	.student-wrap{padding: 10rem 0 7rem;}
	.student-wrap .swiper-next-slider {bottom: 11.5rem;}
	.student-wrap .student-title img{width: 80%;}
	.student-wrap .student-text-swiper{width: 30rem;}
	.student-wrap .student-text-swiper .number-text{font-size: 2rem;}
	.student-wrap .student-text-swiper .number-text span{font-size: 2.2rem;}
	.student-wrap .student-text-swiper h1{font-size: 2.5rem;}
	.student-wrap .student-text-swiper h1 span{font-size: 4rem;}
	.student-wrap .student-text-swiper .main-text{font-size: 1.6rem; line-height: 2.5rem;}
	.student-wrap .student-text-swiper .main-text i {display: block;}
	.student-wrap .student-swiper{align-items: center; margin-top: 0;}
	.student-wrap .student-image-swiper .swiper-wrapper{width: 50rem; height: 50rem;}
	.student-wrap .student-image-swiper .swiper-control {margin-top: 2rem;}
	.student-wrap .student-image-swiper .swiper-pagination .swiper-pagination-bullet{width: 1rem; height: 1rem; margin: 0 .7rem;}
}

@media screen and (max-width: 768px) {
	.disable .student-wrap,
	.student-wrap{padding: 6rem 0 5.5rem;}
	.student-wrap .student-title img{width: 100%;}
	.student-wrap .frame p{font-size: 1.4rem; line-height: 2.8rem; margin-top: 2rem; letter-spacing: -.025em;}
	.student-wrap .frame p .mobile-br{display: none;}
	.student-wrap .student-text-swiper .number-text{font-size: 1.6rem;}
	.student-wrap .student-text-swiper .number-text span{font-size: 1.6rem;}
	.student-wrap .student-text-swiper h1{font-size: 1.8rem; margin-top: .5rem;}
	.student-wrap .student-text-swiper h1 span{font-size: 3.4rem;}
	.student-wrap .student-text-swiper .main-text{font-size: 1.4rem; line-height: 2rem;}
	.student-wrap .student-image-swiper .swiper-wrapper{width: 28rem; height: 28rem;}
	.student-wrap .student-swiper{flex-direction: column; align-items: start; padding: 0 2rem; margin-top: 5.8rem;}
	.student-wrap .swiper-prev-slider,
	.student-wrap .swiper-next-slider{width: 12rem; height: 12rem; z-index: 2;}
	.student-wrap .swiper-prev-slider{right: 0; top: 25rem;}
	.student-wrap .swiper-next-slider{bottom: 6rem;}
	.student-wrap .student-text-swiper{width: 100%; margin-bottom: 0;}
	.student-wrap .student-image-swiper{place-self: flex-end; margin-top: -6.2rem;}
}
/* [E] STUDENT */

/* [S] DEPARTMENT */
.department-wrap{background: url(../../images/main/section3/bg-depart.jpg) no-repeat center center / cover; padding: 12rem 0 0; height: 100%;}
.department-wrap .frame{max-width: 174rem; margin: 0 auto; padding: 0 2rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.department-wrap .department-left{width: 40rem; padding-top: 8.5rem;}
.department-wrap .department-left h1{font-size: 2.6rem; color: #ffffff; font-family: "sm";}
.department-wrap .department-left h1 span{font-family: "sb";}
.department-wrap .department-left p{font-size: 4.4rem; line-height: 7rem; color: white; font-family: "sl"; margin-top: 1.9rem;}
.department-wrap .department-left p span{font-family: "sm";}
.department-wrap .department-left .department-link{border: .1rem solid white; font-size: 1.7rem; color: white; display: block; width: 34rem; font-family: "sl"; padding: 2.6rem 3rem; background: url(../../images/main/section3/ic-depart-arrow.png) no-repeat right 3rem center; margin-top: 6rem; transition: all .5s;}
.department-wrap .department-left .department-link:hover{background: #00abe6 url(../../images/main/section3/ic-depart-arrow.png) no-repeat right 3rem center; color: white; border: .1rem solid #00abe6;}
.department-wrap .department-right{width: calc(100% - 40rem);}
.department-wrap .department-right .department-prev,
.department-wrap .department-right .department-next{display: none;}
.department-wrap .department-list.swiper-container{overflow: visible;}
.department-wrap .department-list > ul{display: flex; flex-wrap: wrap; margin: -2rem -1rem 0;}
.department-wrap .department-list > ul > li{position: relative; width: 25%; height: 36rem; padding: 0 1rem; margin-top: 2rem;}
.department-wrap .department-list > ul > li:nth-child(odd){top: 4rem;}
.department-wrap .department-list .department-list-box{background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 2rem; height: 100%; position: relative; padding: 3.3rem 3rem; overflow: hidden;}
.department-wrap .department-list .depart_1{background-image: url(../../images/main/section3/img-depart1.jpg);}
.department-wrap .department-list .depart_2{background-image: url(../../images/main/section3/img-depart3.jpg);}
.department-wrap .department-list .depart_3{background-image: url(../../images/main/section3/img-depart5.jpg);}
.department-wrap .department-list .depart_4{background-image: url(../../images/main/section3/img-depart7.jpg);}
.department-wrap .department-list .depart_5{background-image: url(../../images/main/section3/img-depart2.jpg);}
.department-wrap .department-list .depart_6{background-image: url(../../images/main/section3/img-depart4.jpg);}
.department-wrap .department-list .depart_7{background-image: url(../../images/main/section3/img-depart6.jpg);}
.department-wrap .department-list .depart_8{background-image: url(../../images/main/section3/img-depart8.jpg);}
.department-wrap .department-list .department-info span{font-size: 1.8rem; color: #ffffff; line-height: 2.2rem; font-family: "pr"; text-shadow: .2rem 0 .5rem rgba(0,0,0,.55);}
.department-wrap .department-list .department-info h1{font-size: 3rem; color: white; font-family: "sm"; text-shadow: .2rem 0 .5rem rgba(0,0,0,.55); margin: .5rem 0;}
.department-wrap .department-list .department-info p{font-size: 1.6rem; line-height: 2.2rem; color: white; font-family: "suiteSB";}
.department-wrap .department-list .department-hover-list{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: url(../../images/main/section3/bg-depart-hover.jpg) no-repeat center center / cover; opacity: 0; visibility: hidden; transition: all .2s;}
.department-wrap .department-hover-list .department-hover-info{text-align: center;position: relative; background: url(../../images/main/section3/ic-depart-line.png) no-repeat bottom center / contain; padding: 3rem 1rem 2rem;}
.department-wrap .department-hover-list .department-hover-info span{font-family: "pr"; font-size: 1.8rem; color: white; text-shadow: .2rem 0 .5rem rgba(0,0,0,.55);}
.department-wrap .department-hover-list .department-hover-info h1{font-family: "sl"; font-size: 2.8rem; color: white; margin-top: .5rem;}
.department-wrap .department-hover-sub-list{margin-top: 2.6rem; padding: 0 2rem; height: 17rem; -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);}
.department-wrap .department-hover-sub-list .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar{border-radius: 1rem; border: .1rem solid rgba(255,255,255,.3); background-color: rgba(0,0,0,.1);}
.department-wrap .department-hover-sub-list li a{font-size: 1.6rem; color: #ffffff; padding: .5rem 0; display: block; text-align: center;}
.department-wrap .department-hover-sub-list li a span{background: linear-gradient(to bottom, transparent 94%, rgba(255, 255, 255, 1) 0) left center no-repeat; background-size: 0; transition: background-size .5s;}
.department-wrap .department-hover-sub-list li a:hover span{background-size: 100% auto;}

.department-wrap .department-list > ul > li.active .department-hover-list{opacity: 1; visibility: visible;}

.disable .department-wrap{padding: 12rem 0 10rem;}

@media screen and (max-width: 1400px) {
	.department-wrap .department-left{width: 25rem;}
	.department-wrap .department-left h1{font-size: 2rem;}
	.department-wrap .department-left p{font-size: 3rem; line-height: 4rem; margin-top: 1.5rem;}
	.department-wrap .department-left .department-link{width: 20rem; font-size: 1.4rem; padding: 1.5rem 2rem;}
	.department-wrap .department-left .department-link,
	.department-wrap .department-left .department-link:hover{background-size: 4rem; background-position: right 2rem center;}
	.department-wrap .department-right{width: calc(100% - 30rem);}
	.department-wrap .department-list > ul > li{width: calc(100%/3); height: 28rem;}
	.department-wrap .department-list > ul > li:nth-child(odd){top: 0 !important;}
	.department-wrap .department-list .department-list-box{padding: 2.2rem 2rem;}
	.department-wrap .department-list .department-info span{font-size: 1.4rem;}
	.department-wrap .department-list .department-info h1{font-size: 2.5rem;}
	.department-wrap .department-list .department-info p{font-size: 1.4rem; line-height: 1.8rem;}
	.department-wrap .department-hover-list .department-hover-info{padding: 2rem 1rem 1rem;}
	.department-wrap .department-hover-list .department-hover-info span{font-size: 1.4rem;}
	.department-wrap .department-hover-list .department-hover-info h1{font-size: 2rem;}
	.department-wrap .department-hover-sub-list{padding: 0 1rem; margin-top: 2rem; height: 13rem;}
	.department-wrap .department-hover-sub-list li a{font-size: 1.4rem; padding: .3rem 2rem;}
}

@media screen and (max-width: 768px) {
	.disable .department-wrap,
	.department-wrap{padding: 5.8rem 0 6rem;}
	.department-wrap .frame{flex-direction: column; padding: 0;}
	.department-wrap .department-left{width: 100%; padding-top: 0; padding: 0 2rem;}
	.department-wrap .department-left h1{font-size: 2.2rem;}
	.department-wrap .department-left p{line-height: 4.6rem; margin-top: .5rem;}
	.department-wrap .department-left p .mobile-br{display: none;}
	.department-wrap .department-left .department-link{width: 34rem; padding: 1.85rem 3rem; margin-top: 2.3rem;}
	.department-wrap .department-left .department-link,
	.department-wrap .department-left .department-link:hover{ background-position: right 3rem center; background-size: auto;}

	.department-wrap .department-right{width: 100%; padding: 0 7.5rem; position: relative; margin-top: 4rem;}
	.department-wrap .department-right .department-prev,
	.department-wrap .department-right .department-next{display: block; position: absolute; width: 2.5rem; height: 3.9rem; background-repeat: no-repeat; background-position: center center; background-size: cover; text-indent: -9999rem; z-index: 8; top: 50%; margin-top: -1.95rem}
	.department-wrap .department-right .department-prev{background-image: url(../../images/main/section3/ic-sch-prev.png); left: -1rem;}
	.department-wrap .department-right .department-next{background-image: url(../../images/main/section3/ic-sch-next.png); right: -1.5rem;}
	.department-wrap .department-list > ul{flex-wrap: nowrap; margin: 0;}
	.department-wrap .department-list > ul > li{height: 36rem; padding: 0 2rem; margin-top: 0;}
	.department-wrap .department-list .department-list-box{padding: 3.3rem 3rem;}
	.department-wrap .department-list .department-info span{font-size: 1.8rem;}
	.department-wrap .department-list .department-info h1{font-size: 3rem;}
	.department-wrap .department-list .department-info p{font-size: 1.6rem; line-height: 2.2rem;}
	.department-wrap .department-hover-list .department-hover-info{padding: 3rem 1rem 2rem;}
	.department-wrap .department-hover-list .department-hover-info span{font-size: 1.8rem;}
	.department-wrap .department-hover-list .department-hover-info h1{font-size: 2.8rem;}
	.department-wrap .department-hover-sub-list{height: 17rem;}
	.department-wrap .department-hover-sub-list li a{font-size: 1.8rem; padding: .5rem 2rem;}
}
/* [E] DEPARTMENT */

/* [S] SMART */
.smart-wrap{background: #ebf9fe; padding: 16rem 0 0; height: 100%;}
.smart-wrap .frame{max-width: 174rem; margin: 0 auto; padding: 0 2rem; position: relative;}
.smart-wrap .smart-header h1{font-size: 5rem; color: #000000; font-family: "sm"; line-height: 1;}
.smart-wrap .smart-header h1 span{color: #025b94;}
.smart-wrap .smart-header p{font-size: 1.8rem; color: #000000; font-family: "sl"; margin-top: 1rem;}
.smart-wrap .smart-content{margin-top: 5.2rem;}
.smart-wrap .smart-content > .smart-content-list {display: flex; flex-wrap: wrap; justify-content: stretch; margin: -4rem -2rem 0;}
.smart-wrap .smart-content > .smart-content-list > div{width: calc(100%/3); padding: 0 2rem; margin-top: 4rem; position: relative; height: auto !important;}
.smart-wrap .smart-content > .smart-content-list > div.two-deps{width: calc(calc(100%/3) * 2);}
.smart-wrap .smart-content > .smart-content-list > div.smart4::after{content:""; display: block; position: absolute; left: 50%; margin-left: -2.5rem; top: 1.5rem; width: 5rem; height: .4rem; border-radius: 2rem; background-color: white; z-index: 2;}
.smart-wrap .smart-content > .smart-content-list > div .smart-content-inner{background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 2rem; overflow: hidden; padding: 3.8rem 5rem 3.2rem; height: 100%;}

.smart-wrap .smart-content > .smart-content-list > div.smart3 a{position: relative; width: 100%; height: 100%; display: block; overflow: hidden; border-radius: 2rem;}
.smart-wrap .smart-content > .smart-content-list > div.smart4 .smart-content-inner{position: relative; width: 100%; height: 100%; display: block; overflow: hidden; border-radius: 2rem;}
.smart-wrap .smart-content > .smart-content-list > div.smart4 .smart-content-box{position: relative; z-index: 3;}

.smart-wrap .smart-content > .smart-content-list > div.smart1 .smart-content-inner{background-image: url(../../images/main/section6/bg-smart1.jpg);}
.smart-wrap .smart-content > .smart-content-list > div.smart2 .smart-content-inner{background-image: url(../../images/main/section6/bg-smart2.jpg);}
.smart-wrap .smart-content > .smart-content-list > div.smart3 .smart-content-inner::after{content:""; display: block; background-image: url(../../images/main/section6/bg-smart3.jpg);background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; transition: transform .5s;}
.smart-wrap .smart-content > .smart-content-list > div.smart4 .smart-content-inner::after{content:""; display: block; background-image: url(../../images/main/section6/bg-smart4.jpg);background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; transition: transform .5s;}
.smart-wrap .smart-content > .smart-content-list > div.smart5 .smart-content-inner{background-image: url(../../images/main/section6/bg-smart5.jpg); padding: 4.8rem 5rem 1.6rem;}

.smart-wrap .smart-content > .smart-content-list > div.smart3 a:hover .smart-content-inner::after{transform: scale(1.1);}
.smart-wrap .smart-content > .smart-content-list > div.smart4 .smart-content-inner:hover::after{transform: scale(1.1);}

.smart-wrap .smart-title{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 2;}
.smart-wrap .smart-title h1{font-size: 2.8rem; line-height: 4rem; color: #ffffff; font-family: "sm";}
.smart-wrap .smart-title h1.smart-logo-title{padding-left: 7.8rem; background: url(../../images/main/section6/ic-aniway.png) no-repeat left top / 5.7rem;}
.smart-wrap .smart-title a{text-indent: -9999rem; width: 1.2rem; height: 1.2rem; background: url(../../images/main/section6/ic-sch-more.png) no-repeat center center; transition: all .5s; transform: rotate(0deg);}
.smart-wrap .smart-title a:hover{transform: rotate(180deg);}

.smart-wrap .smart-bus-list{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; margin-top: 4rem;}
.smart-wrap .smart-bus-text{width: calc(100% - 23rem);}
.smart-wrap .smart-bus-text ul{display: flex; flex-wrap: wrap; margin-top: -.4rem}
.smart-wrap .smart-bus-text li{width: 50%; font-size: 1.6rem; color: white; font-family: "pm"; margin-top: .4rem;}
.smart-wrap .smart-bus-list .smart-bus-link{border: .1rem solid white; font-size: 1.6rem; line-height: 2rem; font-family: "sl"; color: white; padding: 1.6rem 10rem 1.2rem 2.5rem; background: url(../../images/main/section6/ic-bus-arrow.png) no-repeat right 1.7rem center; margin-top: .5rem; transition: all .5s;}
.smart-wrap .smart-bus-list .smart-bus-link:hover{background-color: #00abe6; border: .1rem solid #00abe6;}

.smart-wrap .smart-newspaper{border: .4rem solid rgba(255,255,255,.8);overflow: hidden; position: relative; backdrop-filter: blur(.8rem); text-align: right;}
.smart-wrap .smart-newspaper a{padding: 1.6rem 1.5rem 1.2rem; width: 100%; height: 100%; display: block;}
.smart-wrap .smart-newspaper p{font-size: 1.6rem; line-height: 2.2rem; color: white; font-family: "suiteR"; text-align: left; margin-bottom: 1.1rem;}
.smart-wrap .smart-newspaper span{font-size: 1.6rem; line-height: 2rem; color: #ffffff; font-family: "suiteB"; display: inline-block; transform: skew(-10deg);}
.smart-wrap .smart-newspaper h1{font-size: 3rem; line-height: 3.4rem; color: white; font-family: "suiteB"; transform: skew(-10deg); margin-top: .5rem;}

.smart-wrap .smart-service-box{display: flex; flex-wrap: wrap; margin-top: 4.7rem; align-items: start;}
.smart-wrap .smart-service-box button{text-indent: -9999rem; width: 3rem; height: 4.7rem; background-repeat: no-repeat; background-size: cover; background-position: center center; margin-top: 1.8rem;}
.smart-wrap .smart-service-box .smart-service-prev{background-image: url(../../images/main/section6/ic-service-prev.png)}
.smart-wrap .smart-service-box .smart-service-next{background-image: url(../../images/main/section6/ic-service-next.png)}
.smart-wrap .smart-service-box .smart-service-list{width: calc(100% - 6rem);}
.smart-wrap .smart-service-box .swiper-slide{margin: .1rem; text-align: center;}
.smart-wrap .smart-service-box .swiper-slide .service-logo{min-height: 5.1rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.smart-wrap .smart-service-box .swiper-slide p{font-size: 1.6rem; line-height: 1.8rem; color: white; font-family: "sl"; margin-top: 1.6rem;}
.smart-wrap .smart-service-box .swiper-slide p span{background: linear-gradient(to bottom, transparent 94%, rgba(255,255,255,1) 0) left top -.1rem no-repeat; background-size: 0; transition: background-size .5s;}
.smart-wrap .smart-service-box .swiper-slide a {display: block;}
.smart-wrap .smart-service-box .swiper-slide a:hover p span{background-size: 100% auto;}
.smart-wrap .smart-service-pagination{display: none;}

.disable .smart-wrap{padding: 16rem 0 8rem;}

@media screen and (min-width: 1921px) {
	.smart-wrap .smart-service-box .swiper-slide p {margin-top: .7rem;}
}

@media screen and (max-width: 1500px) {
	.smart-wrap .smart-content > .smart-content-list{margin: -2rem -1rem 0;}
	.smart-wrap .smart-content > .smart-content-list > div{padding: 0 1rem; margin-top: 2rem;}
	.smart-wrap .smart-content > .smart-content-list > div .smart-content-inner{padding: 3rem 4rem 2.5rem;}
	.smart-wrap .smart-content > .smart-content-list > div.smart4 .smart-content-inner{padding: 4rem 4rem 3rem;}
	.smart-wrap .smart-content > .smart-content-list > div.smart5 .smart-content-inner{padding: 3rem 4rem;}
	.smart-wrap .smart-title h1{font-size: 2.2rem; line-height: 3rem;}
	.smart-wrap .smart-title h1.smart-logo-title{background-size: 5rem; padding-left: 6.5rem;}

	.smart-wrap .smart-bus-list{flex-direction: column;}
	.smart-wrap .smart-bus-text{width: 100%; margin-bottom: 1rem;}

	.smart-wrap .smart-newspaper p{font-size: 1.4rem; line-height: 2rem;}
	.smart-wrap .smart-newspaper span{font-size: 1.4rem; line-height: 2rem;}
	.smart-wrap .smart-newspaper h1{font-size: 2rem; line-height: 2.5rem;}

	.smart-wrap .smart-service-box{margin-top: 2.5rem;}
	.smart-wrap .smart-service-box .swiper-slide .service-logo img{transform: scale(0.7);}
	.smart-wrap .smart-service-box .swiper-slide p{font-size: 1.4rem; margin-top: 1rem;}
}

@media screen and (max-width: 1000px) {
	.disable .smart-wrap,
	.smart-wrap{padding: 10rem 0 6rem;}
	.smart-wrap .smart-header h1{font-size: 4rem;}
	.smart-wrap .smart-header p{font-size: 1.6rem;}
	.smart-wrap .smart-content{margin-top: 3rem;}
	.smart-wrap .smart-content > .smart-content-list > div{width: 50%;}
	.smart-wrap .smart-content > .smart-content-list > div.two-deps{width: 100%;}
}

@media screen and (max-width: 768px) {
	.disable .smart-wrap,
	.smart-wrap {padding: 6rem 0;}
	.smart-wrap .smart-header h1{font-size: 3rem;}
	.smart-wrap .smart-header p{font-size: 1.4rem;}
	.smart-wrap .smart-content > .smart-content-list{margin: -1rem 0 0;}
	.smart-wrap .smart-content > .smart-content-list > div.two-deps,
	.smart-wrap .smart-content > .smart-content-list > div{width: 100%; margin-top: 1rem; padding: 0;}
	.smart-wrap .smart-content > .smart-content-list > div .smart-content-inner{padding: 3rem; min-height: 23rem;}
	.smart-wrap .smart-content > .smart-content-list > div.smart4 .smart-content-inner{padding: 5rem 4rem 3rem;}
	.smart-wrap .smart-title h1{font-size: 2.4rem; line-height: 3.2rem;}
	.smart-wrap .smart-bus-list .smart-bus-link{font-size: 1.4rem; line-height: 2rem; padding-right: 9.2rem; background-size: 4.7rem;}
	.smart-wrap .smart-bus-list{flex-direction: row; margin-top: 3rem;}
	.smart-wrap .smart-bus-text{width: calc(100% - 23rem);}
	.smart-wrap .smart-bus-text ul{margin-top: -.2rem;}
	.smart-wrap .smart-bus-text li{font-size: 1.4rem; margin-top: .2rem;}
	.smart-wrap .smart-newspaper p{font-size: 1.6rem; line-height: 2.2rem;}
	.smart-wrap .smart-newspaper span{font-size: 1.6rem; line-height: 2rem;}
	.smart-wrap .smart-newspaper h1{font-size: 3rem; line-height: 3.4rem;}
	.smart-wrap .smart-service-box{justify-content: center;}
	.smart-wrap .smart-service-box button{display: none;}
	.smart-wrap .smart-service-box .smart-service-list{width: 100%;}
	.smart-wrap .smart-service-box .swiper-slide p{font-family: "sl"; line-height: 1.8rem; margin-top: .7rem;}
	.smart-wrap .smart-service-pagination{display: flex; justify-content: center; align-items: center; margin-top: 1.9rem;}
	.smart-wrap .smart-service-pagination .swiper-pagination-bullet{width: 1.2rem; height: 1.2rem; background-color: white; opacity: 1; transition: all .5s; border-radius: .6rem; margin: 0 .5rem;}
	.smart-wrap .smart-service-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 3.2rem; background-color: #005b94; }
}
/* [E] SMART */ 

/* [S] ONAIR */ 
#multipleContentsDiv_jangan_214{position: relative; overflow :hidden;}
#multipleContentsDiv_jangan_214 .frame{max-width: 174rem; margin: 0 auto; padding: 0 2rem; display: flex; justify-content: space-between;}
#menu214_obj215{width: 71.5%; padding: 16rem 0 0}
.onair-header{display: flex; flex-wrap: wrap; justify-content: space-between;}
.onair-header h1{font-size: 5rem; color: #000000; font-family: "sm"; line-height: 1;}
.onair-header h1 span{color: #025b94;}
.onair-header p{font-size: 1.8rem; color: #000000; font-family: "sl"; margin-top: 1rem;}
.onair-link ul{display: flex; flex-wrap: wrap; gap :1rem;}
.onair-link li{width: 5rem; height: 5rem; border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.onair-link li:hover{box-shadow: 0 .4rem 1rem rgba(0,0,0,.4);}
.onair-link li.onair-link-1{background-image: url(../../images/main/section7/ic-air-sns1.png);}
.onair-link li.onair-link-2{background-image: url(../../images/main/section7/ic-air-sns2.png);}
.onair-link li.onair-link-3{background-image: url(../../images/main/section7/ic-air-sns3.png);}
.onair-link li a{text-indent: -9999rem; width: 100%; height: 100%; display: block;}
.onair-youtube{position: relative; overflow: hidden; border-radius: 2rem; padding-bottom: 58%; margin-top: 5.5rem;}
.onair-youtube a{width: 100%; height: 100%; display: block; position: absolute;}
.onair-youtube a:focus-visible {border: 1px solid red}
.onair-youtube a::before{content:""; display: block; position: absolute; left: 1rem; top: 1rem; width: calc(100% - 2rem); height: calc(100% - 2rem); border-radius: 2rem; border: .1rem solid rgba(255,255,255,.5); z-index: 1;}
.onair-youtube img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all .5s;}
.onair-youtube a:hover img{transform: scale(1.05);}
.onair-youtube .onair-youtube-text{position: absolute; left: 0; top: 32%; width: 100%; z-index: 2;}
.onair-youtube .onair-youtube-text h1{text-align: center; font-size: 4.1rem; color: white; font-family: "sm"; padding-bottom: 6.4rem; background: url(../../images/main/section7/ic-air-youtube.png) no-repeat center bottom;}

.onair-right{overflow: hidden; width: 50%;position: relative;}
.onair-banner-box{max-width: 66rem; width: 100%; height: 100%; display: flex; justify-content: space-between; position: absolute; right: 0; margin: 0 -1.5rem;}
.onair-banner-box.copy{display: none;}
.onair-banner{height: 100%; position: relative; width: 100%;}
.onair-banner-box > div{width: 50% !important; padding: 0 1.5rem;}
.onair-banner-box > div ul{width: 100%;}
.onair-banner-box > div:first-child ul:first-child{position: absolute; top:0; white-space: nowrap;}
.onair-banner-box > div:first-child .onair-banner.active ul:first-child{animation: rolling 140s linear infinite;}
.onair-banner-box > div:first-child ul:last-child {position: absolute;}
.onair-banner-box > div:first-child .onair-banner.active ul:last-child{animation: rolling 140s linear infinite; animation-delay: -70s;}

.onair-banner-box > div:last-child ul:first-child{position: absolute; top:0; white-space: nowrap;}
.onair-banner-box > div:last-child .onair-banner.active ul:first-child{animation: rolling 140s linear infinite reverse;}
.onair-banner-box > div:last-child ul:last-child { position: absolute;}
.onair-banner-box > div:last-child .onair-banner.active ul:last-child{animation: rolling 140s linear infinite reverse; animation-delay: -70s;}

.disable #menu214_obj215{padding: 16rem 0 8rem;}

/* hover 했을 때 롤링 애니메이션 정지 */

.onair-banner-box > div:first-child:hover ul:first-child,
.onair-banner-box > div:first-child:hover ul:last-child{animation-play-state: paused !important;}
.onair-banner-box > div:last-child:hover ul:first-child,
.onair-banner-box > div:last-child:hover ul:last-child{animation-play-state: paused !important;}

/*
.onair-banner-box > div:first-child ul:first-child,
.onair-banner-box > div:first-child ul:last-child{animation-play-state: paused !important;}
.onair-banner-box > div:last-child ul:first-child,
.onair-banner-box > div:last-child ul:last-child{animation-play-state: paused !important;}
*/

.onair-banner li{width: 100%; height: 100%; margin-bottom: 2rem; border-radius: 1rem;}
.onair-banner li a{width: 100%; height: 100%; display: block; border-radius: 1rem;}
.onair-banner li:hover{box-shadow: .4rem 0 1rem rgba(0,0,0,.4);}
.onair-banner li img{width: 100%; border-radius: 1rem;}

@keyframes rolling {
	0% {transform: translateY(100%);} 
	100% {transform: translateY(-100%);}
}

@media screen and (max-width: 1200px) {
	.onair-title h1{font-size: 4rem;}
	.onair-title p{font-size: 1.6rem;}
	.onair-link li{width: 3.5rem; height: 3.5rem;}
	.disable #menu214_obj215,
	#menu214_obj215{padding: 10rem 3rem 6rem 0;}
	.onair-youtube{margin-top: 3rem;}
	.onair-youtube .onair-youtube-text h1{font-size: 3.2rem;}
}

@media screen and (max-width: 768px) {
	.frame{flex-direction: column;}
	.disable #menu214_obj215,
	#menu214_obj215{width: 100%; padding: 0;}
	.onair-left{padding-bottom: 35rem;}
	.onair-header{padding: 6rem 2rem 3.4rem; background-color: white; position: relative; z-index: 8; left: -2rem; width: calc(100% + 4rem);}
	.onair-title h1{font-size: 3rem;}
	.onair-title p{font-size: 1.4rem;}
	.onair-youtube{width: 61%; padding-bottom: 36%; margin-top: 0;}
	.onair-youtube .onair-youtube-text{top: 37%;}
	.onair-youtube .onair-youtube-text h1{font-size: 1.4rem; padding-bottom: 2.2rem; background-size: 3rem;}
	.onair-right{overflow: visible; width: 31%; position: absolute; right: 2rem; top: 15.3rem;}
	.onair-banner-box{display: block; white-space: nowrap; height: auto; margin: 0;}
	.onair-banner-box.copy{display: block;}
	.onair-banner-box > div{width: 100% !important; padding: 0;}
	.onair-banner{width: 100%;}
	.onair-banner-box > div:first-child .onair-banner.active ul:first-child{animation: none; position: static;}
	.onair-banner-box > div:first-child .onair-banner.active ul:last-child,
	.onair-banner-box > div:last-child .onair-banner.active ul:first-child,
	.onair-banner-box > div:last-child .onair-banner.active ul:last-child{animation: none;}
	.onair-banner-box > div:last-child .onair-banner.active ul:first-child{position: static;}
	.onair-banner.active .copy{display: none;}
	.onair-right.active .onair-banner-box{animation: rolling 30s linear infinite;}
	.onair-right.active .onair-banner-box.copy{animation-delay: -15s;}
	.onair-right.active:hover .onair-banner-box{animation-play-state: paused !important;}

	.onair-banner-box li{width: 100%; height: 100%; margin-bottom: 2rem; border-radius: 1rem; overflow: hidden;}
	.onair-banner-box li a{width: 100%; height: 100%; display: block;}
	.onair-banner-box li:hover{box-shadow: .4rem 0 1rem rgba(0,0,0,.4);}
}
/* [E] ONAIR */ 

/* [S] STORY */ 
#multipleContentsDiv_jangan_258{position: relative; background: url(../../images/main/section8/bg-story.jpg) no-repeat center center / cover; padding: 16rem 0 0; height: 100%;}
#multipleContentsDiv_jangan_258 .frame{max-width: 174rem; margin: 0 auto; padding: 0 2rem;}
#multipleContentsDiv_jangan_258 > div{height: auto !important;}
.story-wrap .story-header{display: flex; flex-wrap: wrap; justify-content: space-between;}
.story-wrap .story-title{padding-top: .6rem;}
.story-wrap .story-header h1{font-size: 5rem; color: #000000; font-family: "sm"; line-height: 1;}
.story-wrap .story-header h1 span{color: #025b94;}
.story-wrap .story-header p{font-size: 1.8rem; color: #000000; font-family: "sl"; margin-top: 1rem;}
.story-wrap .story-link ul{display: flex; flex-wrap: wrap; gap: 1rem;}
.story-wrap .story-link li{width: 5rem; height: 5rem; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.story-wrap .story-link li:hover{box-shadow: 0 .4rem 1rem rgba(0,0,0,.4);}
.story-wrap .story-link li a{width: 100%; height: 100%; display: block; text-indent: -9999rem;}
.story-wrap .story-link li.story-link1{background-image: url(../../images/main/section8/ic-story1.png)}
.story-wrap .story-link li.story-link2{background-image: url(../../images/main/section8/ic-story2.png)}
.story-wrap .story-link li.story-link3{background-image: url(../../images/main/section8/ic-story3.png)}
.story-wrap .story-link li.story-link4{background-image: url(../../images/main/section8/ic-story4.png)}

.disable #multipleContentsDiv_jangan_258{padding: 16rem 0 8rem;}

@media screen and (max-width: 1200px) {
	.disable #multipleContentsDiv_jangan_258,
	#multipleContentsDiv_jangan_258{padding: 10rem 0 6rem;}
	.story-wrap .story-header h1{font-size: 4rem;}
	.story-wrap .story-header p{font-size: 1.6rem;}
}

@media screen and (max-width: 768px) {
	.disable #multipleContentsDiv_jangan_258,
	#multipleContentsDiv_jangan_258{padding: 6rem 0;}
	#multipleContentsDiv_jangan_258 .frame{padding: 0;}
	.story-wrap .story-header{padding: 0 2rem;}
	.story-wrap .story-header h1{font-size: 3rem;}
	.story-wrap .story-header p{font-size: 1.4rem;}
	.story-wrap .story-link ul{gap: .5rem;}
	.story-wrap .story-link li{width: 3.5rem; height: 3.5rem;}
}
/* [E] STORY */

/* [S] 영상 */
#menu214_obj3292 {position: absolute; left: 0; top: 0; width: 100%; height: 100% !important;}
.wrap-video {overflow: hidden; position: absolute; left: -9999rem; top: 0; z-index: 15; width: 100%; height: 100%; opacity: 0; transition: opacity .35s;}
.wrap-video.on {left: 0; opacity: 1; transition: left .35s 1s, opacity .35s;}
.edit .wrap-video  {position: static; opacity: 1;}
.wrap-video::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../../images/main/video-pattern.png'); opacity: 1;}
.wrap-video video {position: relative; left: 50%; top: 0; display: block; max-width: none; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%,0);}
.wrap-video .close-video {position: absolute; left: calc(50% - 4rem); bottom: 8rem; z-index: 20; width: 8.1rem; height: 8.1rem; background: url('../../images/main/btn-movie-close.png') no-repeat center / cover; text-indent: -9999rem; transition: transform .35s;}
.wrap-video .close-video:hover {transform: rotate(270deg);}

@media screen and (max-width: 1880px) {
	.wrap-video video {width: auto; height: 100%;}
}

@media screen and (max-width: 1200px) {
	.wrap-video video {max-height: 74rem;}
	.wrap-video::after {display: none;}
}

@media screen and (max-width: 768px) {
	.wrap-video video {top: 0; max-height: 100vh;}
}
/* [E] 영상 */