.edu-top {display:block; background:#000; position:relative; overflow:hidden;  z-index:1;}
.edu-top-bg {display: block; position: absolute; width: 100%; height: 100%; z-index:1; background:#1d1f22}
.edu-top-bg video, .edu-top-bg img {height: 100%; left: 50%; -o-object-fit: cover;  object-fit: cover; position: absolute;  top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; opacity: 0.7;}
.edu-top-bg:after {content: ''; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: 200px; background: linear-gradient(0deg, rgb(29, 31, 34, 1) 15%, transparent);}
.edu-top-txt {display:flex; position:relative; z-index:1; padding:280px 0 0px; color:#fff;}
.edu-tit h3 {font-size: 100px; font-family: 'Codec-Cold';  padding-top: 0px;letter-spacing:-0.025em; font-weight:900; color:#08cee8; line-height:0.9;text-transform: uppercase;}
.edu-tit h3 em{font-family:'Manrope'; font-weight:900; font-size:90px}
.edu-tit dl dt {font-size:28px; font-weight:800;font-family:'NEXON Lv2 Gothic Bold'; letter-spacing:-0.025em; display:block; padding:40px 0 20px; line-height:1.5;}
.edu-tit dl dd {font-size:17px; opacity:0.8; width:50%;}

.edu-cont {display:block; height:auto; background:#1d1f22; padding:120px 0; color:#fff;}
.edu-info {display:flex; justify-content: space-between;}
.edu-info li {width: calc(100% / 4 - 40px); color:#fff; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,0.3)}
.edu-info li dl dt {font-weight:800;font-family:'NEXON Lv2 Gothic Bold'; letter-spacing:-0.025em;color:#08cee8; display:block; padding-bottom:20px;}
.edu-info li dl dt span {font-weight:100; color:#fff; opacity:0.5}
.edu-info li dl dd {display:flex;align-items: flex-end;}
.edu-info li dl dd b {font-size:64px;font-weight:800;font-family:'Manrope', 'NEXON Lv2 Gothic Bold'; line-height:0.8; padding-right:8px;}

.edu-sub-tit {font-size:28px; font-weight:800;font-family:'NEXON Lv2 Gothic Bold'; letter-spacing:-0.00em; display:block;line-height:1.4; margin-bottom:60px;position:relative; width:100%;}
.edu-sub-tit span {color:#08cee8; display:block;}
.edu-sub-tit em{color:#08cee8;font-weight:800;font-family:'NEXON Lv2 Gothic Bold'; letter-spacing:-0.00em;}
.edu-sub-tit p{font-family: 'NEXON Lv2 Gothic Light'; font-size:17px; letter-spacing:-0.00em; font-weight:300; display:block; margin-top:30px; opacity:0.7}
div.edu-col + div{margin-top:120px;}
div.edu-step + div{margin-top:60px;}

.edu-st-portfolio {text-align:center; position:relative; width:1200px; margin:0 auto;padding-top:120px;overflow:hidden;}
.edu-st-portfolio.toon{overflow:visible}
.edu-st-portfolio-item {
	width: 45%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.edu-st-portfolio-item .swiper-slide {position:relative; padding-bottom:125%;}
.edu-st-portfolio-item .swiper-slide em{position:absolute; top:0; left:0; background-position:50% !important; background-size:cover !important; background-repeat:no-repeat !important; display:block; width:100%; height:100%;}
.edu-st-portfolio-item .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #000;
	height: 100%;
	color: #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 0.3s all;
	box-shadow: 0 0 20px #00000036;
	border-radius: 24px;
	overflow:hidden;
}

.edu-st-portfolio-item .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-active):not(.swiper-slide-next) {opacity: 0.0;}
.edu-st-portfolio-item .swiper-slide-prev, 
.edu-st-portfolio-item .swiper-slide-next {opacity: 0.3;}
.edu-st-portfolio-item .swiper-slide-active {transition: 0.3s all;opacity: 1;}

.edu-tch-ar-prev, .edu-tch-ar-next, .edu-step-prev, .edu-step-next, .edu-st-portfolio-prev, .edu-st-portfolio-next {text-indent:-9999px; width:74px; height:54px; position:absolute; top:50%; margin-top:-27px; border:solid 1px rgba(255,255,255,0.8); z-index:1; background:rgba(0,0,0,0.4); -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;cursor:pointer}
.edu-tch-ar-prev:hover, .edu-tch-ar-next:hover, .edu-step-prev:hover, .edu-step-next:hover, .edu-st-portfolio-prev:hover, .edu-st-portfolio-next:hover {background:rgba(0,0,0,0.7);}
.edu-tch-ar-prev, .edu-step-prev, .edu-st-portfolio-prev {left:-37px; border-left:none; border-radius:34px;}
.edu-tch-ar-next, .edu-step-next, .edu-st-portfolio-next {right:-37px; border-right:none; border-radius:34px;}

.pd-edu .edu-step-prev, .pd-edu .edu-step-next{top:55%;}

.edu-tch-ar-prev:after,
.edu-tch-ar-next:after,
.edu-step-next:after,
.edu-step-prev:after,
.edu-st-portfolio-prev:after,
.edu-st-portfolio-next:after {content:""; display:block; width:30px; height:20px; position:absolute; left:50%; top:50%; margin-top:-10px;}
.edu-tch-ar-prev:after, .edu-step-prev:after, .edu-st-portfolio-prev:after {background:url("/2025/img/icon/icon-content-arrow-prev-wh.png")no-repeat left center; margin-left:-15px;}
.edu-tch-ar-next:after, .edu-step-next:after, .edu-st-portfolio-next:after {background:url("/2025/img/icon/icon-content-arrow-next-wh.png")no-repeat right center; margin-left:-15px;}

.edu-tch-ar-prev, .edu-tch-ar-next{margin-top:-50px;}
.edu-step-prev, .edu-step-next{margin-top:-50px;}
.edu-tch-ar-prev{left:115px !important}
.edu-tch-ar-next{right:115px !important}

.edu-st-portfolio.toon .edu-step-prev, .edu-st-portfolio.toon .edu-step-next{top:65%;}

.edu-curriculum{display:block; position:relative;}
a.edu-time-btn {display: inline-block; font-size: 14px; color: #333; line-height: 1em; padding: 12px 12px;  background: #08cee8; border: 1px solid #08cee8; height: auto; font-weight: 400; font-weight:bold; min-width: 180px; margin:0; text-align:center; border-radius:12px;}
a.edu-time-btn {position:absolute; top:40px; right:0px;}

.edu-step h4{color:#08cee8; display:block; margin-bottom:10px;}
.edu-step .swiper-slide em {display:block; border-radius:12px; background-size:cover !important; background-position:50% !important; background-repeat:no-repeat !important; width:100%; padding-bottom:65%; margin-bottom:10px;}
.edu-step .swiper-slide ul li{opacity:0.6}

.edu-teacher .edu-sub-tit, .edu-interview .edu-sub-tit { text-align:center;}
.edu-interview {position:relative; padding-top:120px; display:block;}
.edu-interview:before {display: block;width: 2px;background: #fff;height: 100px;position: absolute;top: -50px;left: 50%;content: "";}

.edu-step01, .edu-step02, .edu-step03, .edu-step04, .edu-step05, .edu-step06, .edu-tch-cont {position:relative;}
.edu-teacher .tchList{flex-wrap: nowrap; !important;}
.edu-teacher .tchList .tcInfo{display:flex;align-items: center;}
.edu-teacher .tchList .tcInfo *{font-size:17px;}
.edu-teacher .tchList .tcInfo h5{padding-right:5px;}
.edu-teacher .tchList .tcIntroThumb {height: 18vw ;}

.emoticon-port ul {display:flex; flex-wrap: wrap; gap:30px;}
.emoticon-port ul li{width: calc(100% / 4 - 30px); background:#fff; display:flex; border-radius:12px; overflow:hidden;}
.emoticon-port ul li img{width:100%;}
.edu-video-portfolio{display:block; position:relative;}
.edu-video-portfolio video {width:100%; border-radius:24px; overflow:hidden;}
.edu-video-portfolio iframe{width:100%;height:40vw; border-radius:24px; overflow:hidden;}
.edu-unity-portfolio img{width:100%;}
.edu-step-table table {font-size:15px;}
.edu-step-table table thead {background:#08cee8; color:#222}
.edu-step-table table tr td, .edu-step-table table tr th{padding:8px; font-family: 'NEXON Lv2 Gothic Light'; }
.edu-step-table table tr th br{display:none}
.edu-step-table table tbody tr{border-bottom:1px solid rgba(255,255,255,0.3);}

.edu-target{display:block; padding-top:120px; text-align:center;}
.edu-target-item ul li{display:inline-block; margin:10px; background:#fff; padding:20px; border-radius:90px;}
.edu-target-item ul li dl{display:flex; color:#282828;align-items: center;}
.edu-target-item ul li dl dt img{width:4vw; margin-right:10px;}
.edu-target-item ul li dl dd{font-size:17px; text-align:left; line-height:1.4; padding:10px;}


.wt-mou-slide .swiper-slide {border-radius:24px; border:1px solid #616161; position:relative; background:#fff; z-index:1; overflow:hidden;}
.wt-mou-slide .swiper-slide em {display:block; position:relative; width:100%; padding-bottom:138%; margin-bottom:20px;}
.wt-mou-slide .swiper-slide:before {content:""; display:block; width:100%; height:100%; background:linear-gradient(180deg, rgba(255, 255, 255, 0) 45%, #fff 75%);}
.wt-mou-slide .swiper-slide.passed .position .bg {background:#ff7d43;}
.wt-mou-slide .swiper-slide.job .position .bg {background:#32e7ff;}
.wt-mou-slide .swiper-slide.deview .position .bg {background:#20ff35;}
.wt-mou-slide .curri-info {width:100%; padding-bottom:20px; position:relative; }
.wt-mou-slide .curri-wt-title {margin:0;}
.wt-mou-slide .curri-wt-title div {width: fit-content; margin:5px auto 0; padding:0 5px; font-size:17px; font-weight:700; color:#fff;}
.wt-mou-slide .swiper-slide.passed .curri-wt-title div {background:#ff7d43;} 
.wt-mou-slide .swiper-slide.job .curri-wt-title div {background:#32e7ff;} 
.wt-mou-slide .swiper-slide.deview .curri-wt-title div {background:#20ff35;} 
.wt-mou-slide .position {position:absolute; right:25px; top:20px; padding:0 10px; font-size:15px; font-weight:700; background:#fff; border-radius:12px; border:1px solid #616161; color:#363636}
.wt-mou-slide .position .bg {display:inline-block; width:10px; height:10px; margin-right:6px; border-radius:100px; background:#ddd;}
.wt-mou-slide .name {padding-top:5px; font-size:21px; font-weight:700; color:#363636}
.curri-new .float-tui-button {opacity:1; visibility:unset; position:fixed; left:50%; bottom:10px; transform:translate(-50%,0); transition:.6s transform; display:flex; align-items:center; padding:13px; z-index:10; border-radius: 5px; background-color: rgb(255, 255, 255, 0.839); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); animation:fadeUp 1s ease;}
.curri-new .float-tui-button a {display:inline-block; width:287px; padding:15px 0; font-size:15px; color:#fff; background:#2e32f7; text-align:center; text-shadow: 0px 0px 0.93px rgba(49, 48, 63, 0.95); }
.curri-new .float-tui-button .text {margin-right:50px; flex:1; font-size:15px; font-weight:500;}
.curri-new .float-tui-button.none {opacity:0; visibility:hidden; transform:translate(-50%, 100px);}

.toonpd {text-align:center;}
.toonpd {overflow:visible}
.toonpd .swiper-slide img{width:100%;border-radius:12px; overflow:hidden;}
.toonpd .edu-step h4{text-align:left;color:#fff; font-family: 'NEXON Lv2 Gothic Light'; font-size:17px; font-weight:100}
.pd-curri-list ul{display:flex; flex-wrap: wrap; gap:30px;}
.pd-curri-list ul li{width: calc(100% / 3 - 30px); background:#fff; display:block; border-radius:24px; overflow:hidden; color:#363636; padding:20px; border:1px solid #ddd;flex-direction: column;}
.pd-curri-list ul li .weeks {display:inline-block; height:28px; margin-bottom:10px; line-height:28px; padding:0 14px; font-size:15px; font-weight:bold; color:#fff; background:#333; border-radius:30px;}
.pd-curri-list ul li .text01 {font-size:17px;font-family:'NEXON Lv2 Gothic Bold';  letter-spacing:-0.025em; font-weight:800; line-height:1.4}
.novel{margin-top:0px !important;}


.novel-info {display:flex; justify-content: center; width:100%; gap:30px;justify-content: space-between;}
.novel-info .list {width: calc(100% / 4 - 30px); border-radius:24px; overflow:hidden;}
.novel-info .list:last-child {margin-right:0;}
.novel-info .list li {width:100%;font-size:15px;  border-bottom:1px dotted; color:#fff; text-align:center; line-height:50px;}
.novel-info .list li:first-child {padding:29px 24px 0;  font-size:20px; font-weight:600; text-align:left;}
.novel-info .list li:first-child p{padding-bottom:60px;}
.novel-info .list .level {width:fit-content; padding:10px 10px; margin-bottom:14px; font-size:13px; border-radius:30px; background:#fff;line-height:1;}
.novel-info .list ul {background-repeat:no-repeat; background-position:top center; background-size:100%; }
.novel-info .list:nth-child(1) ul {background:#8babd9;}
.novel-info .list:nth-child(2) ul {background:#3277ec;}
.novel-info .list:nth-child(3) ul {background:#1d4d9f;}
.novel-info .list:nth-child(4) ul {background:#325aa2;}
.novel-info .list:nth-child(1) .level {color:#8babd9;}
.novel-info .list:nth-child(2) .level {color:#3277ec;}
.novel-info .list:nth-child(3) .level {color:#1d4d9f;}
.novel-info .list:nth-child(4) .level {color:#325aa2;}
.novel-info .list li:last-child {border:0;}

.novel-info-second {display:flex; flex-direction: row; flex-wrap: wrap; gap:30px;justify-content: space-between;}
.novel-info-second .list {width: calc(100% / 3 - 30px); border-radius:24px;  border:2px solid #e8e8e8; border-radius:24px; background:#fff; overflow:hidden;color:#363636}

.novel-info-second .list:nth-child(4) {width:100%; margin-top:23px;}
.novel-info-second .novel-title button {display:flex; align-items:center; justify-content: space-between; width:100%; height:60px; padding:0 23px; font-size:15px; font-weight:600; color:#333; background:#f4f4f4;}
.novel-info-second .novel-content {display: flex; flex-direction: column; justify-content: space-between; height:calc(100% - 56px); padding:26px 25px 30px}
.novel-info-second .novel-content.type02 {flex-direction:row; height:auto !important;}
.novel-info-second .novel-content li {padding-bottom:10px; font-size:14px; color:#878787;}
.text-novel-content{width:80%;}
.novel-info-second .novel-content.type02 .text {padding:34px 0 45px; font-size:19px; font-weight:600; color:#333; line-height:1.6; }
.novel-info-second .novel-content.type02 img{width:50%;}

.drama-edu ul{display:flex; flex-direction: row; flex-wrap: wrap; gap:30px;justify-content: space-between;}
.drama-edu ul li {padding:60px 30px; width: calc(100% / 3 - 30px); border-radius:12px; border:1px solid #ddd; box-shadow:2px 0px 5px rgba(0,0,0,0.13); display:flex;flex-direction: column;position:relative; display:block; background:#fff; text-align:center; color:#282828}
.drama-edu ul li dl dt{font-size:17px; font-weight:bold; padding:20px 0px 10px;}
.drama-edu ul li dl dd{font-size:14px;}
.drama-edu ul li p img{width:80px;}
.drama-edu ul li:first-child{margin-left:0px !important;}

.edu-col-img{display:block; padding-bottom:60px;}
.edu-col-img img{width:100%;}