@media screen and (max-width: 5000px) {
	
	.main-sect01 .swiper-slide img{width:100%;object-fit: cover;}

}
@media screen and (max-width: 1920px){
	#hobby .side_gra.ee_side_gra::after{
	margin-right: -970px;
	}
	#hobby .side_gra.ee_side_gra::before{
		margin-left: -970px;
	}
}
@media screen and (max-width: 1800px) {
	.popup_layer {left:  50% !important;top: 50% !important;transform: translate(-50%,-50%);}
	
	.tcher-wp .control .swiper-button-prev{left:150px;}
	.tcher-wp .control .swiper-button-next{right:150px;}
}
@media screen and (max-width: 1600px) {

.counsel-sect .bg-wp .cloud01{width:2100px;} 

.review-wp .bg-wp .btm{bottom: -347px;width:400px;}

.tcher-wp .control .swiper-button-prev{left:10px;}
.tcher-wp .control .swiper-button-next{right:10px;}

.main-sect10 .more {margin: 105px 0 23px auto;}
.main-sect10 .item a {font-size: 20px;}
.main-sect10 .item iframe {width: 600px;height: 341px;top: 40%;}
}

@media screen and (max-width:1500px) {

.main-sect03 .control .swiper-button-prev{right:700px;}
.main-sect03 .control .swiper-button-next{right:-50px;}

.swiper-review{width:80vw;}
.swiper-review-wp .swiper-button-prev{left:-5px;}
.swiper-review-wp .swiper-button-next{right:-5px;}

.review-wp .bg-wp .btm{display:none;}


.concept-wp .curri_student .swiper-button-prev{left:-60px;}
.concept-wp .curri_student .swiper-button-next{right:-60px;}

}





@media screen and (max-width:1300px) {
.concept-wp .curri_student .swiper-stu {width: 95%;}
.concept-wp .curri_student .swiper-button-prev{left:-30px;}
.concept-wp .curri_student .swiper-button-next{right:-30px;}

.main-sect01{height:51vw;}
.main-sect01 .swiper-button-prev{left:5vw;}
.main-sect01 .swiper-button-next{right:5vw;}
.swiper-main03 .swiper-slide{padding-left: 0;}

.main-sect05 .accordian-wp{height:700px;}
.main-sect05 .accordian-wp li{width: calc((100% - 797px) / 4);}
.main-sect05 .accordian-wp li .bg img{width:330px !important;}
.main-sect05 .accordian-wp li:nth-of-type(5) .bg img{width:400px !important;}
.main-sect05 .accordian-wp li.active{width:797px;padding: 150px 0 0 410px;}
.main-sect05 .accordian-wp li.active h3{font-size:44px;}
.main-sect05 .accordian-wp li.active p{height:250px;}

.main-sect06 .swiper-bg .bg{width:10vw;}

.swiper-main08{width:1400px;margin-left: calc(50% - 700px);}
.swiper-main08::before,
.swiper-main08::after{width:346px;}

/* sub */
.counsel-sect .bg-wp .ico01{left:0;}
.counsel-sect .bg-wp .ico02{right:5vw;}

.list-thum-wp li .img-wp{height:calc((90vw - 20px) / 3);}

.tcher-list li{height:calc((90vw - 20px) / 3);}

.media-list-wp li .img-wp{height:calc((90vw - 20px) * 0.19);}

.list-view-wp .view-img-wp iframe{height:50vw;}

.event-list-wp li .img-wp{height:39vw;}

.custom-wp .chk-wp{gap: 10px;}
.custom-wp .chk-wp li{width:calc((100% - 10px) / 2);height:calc((90vw - 10px) / 2);}

.cur-bg{overflow-x: hidden;}
.cur-wp .pc-tab{position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 60px 0 26px; z-index: 2; right: initial; top: initial;}
.cur-wp .pc-tab li{margin-top: 0;}
.cur-wp .pc-tab li:last-child a {padding-right: 0;}
.cur-wp .pc-tab li a:before,.cur-wp .pc-tab li a:after,.cur-wp .pc-tab li:before{display: none;}
.cur-wp .con-wrap{width: 100%; margin-top: 0px;}

.cur-wp .bg-wp .top{width: 370px;bottom: -330px;right: 0;}
.animate .cur-wp .bg-wp .top{width: calc(100vw*(700/1300)); margin-left: calc(100vw*(-340/1300));}
.grap-wp .bg-wp .top{width: 370px;bottom: -363px;}
.webtoon-wp .bg-wp .top{width: 370px;bottom: -363px;}
.game-wp .bg-wp .top{width: calc(100vw*(450/1300));}
.pre-wp .bg-wp .top{width: calc(100vw*(450/1300));}

.cur-wp .bg-wp .top.webtoon_pc_img{display: none;}
.cur-wp .bg-wp .top.webtoon_mb_img{display: block;}
.ui-wp .bg-wp .top{width: 440px;bottom: -368px;}

.cur-wp .content-wp{padding-right: 60px;}


.cur-detail h3 {font-size: 22px;margin-bottom: 30px;}
.cur-detail .intro h2 {font-size: 25px;line-height: 36px;}
.cur-detail .intro p {font-size: 16px;line-height: 26px;}
.cur-detail .curri_detail ul li {width: 32.7%;}
.cur-detail .curri_detail ul li img {width: 100%;}
.cur-detail .curri_detail ul li h4 {font-size: 18px; margin: 20px 0 10px;}
.cur-detail .curri_detail ul li span {font-size: 14px;}
.cur-detail .curri_info .charac {width: 83.55%; top: 40%;}

.concept-wp .curri_info .charac {width: 56%;top: 79%;bottom: -23px; right: 0;}
.animate .cur-detail .curri_info .charac {width: calc(100vw*(700/1300)); top: 40%;}
.pre-detail .curri_info .charac {width: 40%; top: 50%;right: 0;}
.ui-detail .curri_info .charac {right: 0%;width: 33%;}
.ui-detail .curri_info .charac_bg {top: 25%;right: 0;width: 34%;}
.grap-detail .curri_info .charac {width: 48%; right: 0;}
.webtoon-detail .curri_info .charac {width: 32%;top: 75%;bottom: -23px;}


.cur-detail .curri_info .info_box {padding: 36px 25px; width: 550px;}
.cur-detail .curri_info .info_box li .tit {font-size: 16px;}
.cur-detail .curri_info .info_box li .txt {font-size: 14px; line-height: 26px;}
.cur-detail .curri_cont h4 {font-size: 18px;margin-bottom: 30px;}
.cur-detail .curri_cont h5 {font-size: 22px;}
.cur-detail .curri_cont p {font-size: 16px; line-height: 26px; margin-bottom: 30px;}
.cur-detail .curri_tb h4 {font-size: 18px; margin-bottom: 30px;}
.cur-detail .curri_tb th, .cur-detail .curri_tb td {font-size: 14px;}

.pre-wp .curri_info .charac {width: 53%;}



.main-sect10 .more {margin: 400px auto 23px;}
.main-sect10 .main-sect10-list {width: 550px;margin: 0 auto;}
.main-sect10 .item iframe {width: 550px;height: 310px;top: 140px;
	left: 50%;
	transform: translateX(-50%);}
.main-sect10 .more {width: 550px;}
.main-sect10 .item .outer{width: 100%;}
.main-sect10 .item a {width: 100%;}
.main-sect10 .main-sect10-list:after {right: auto;left: -10px;font-size: 16px;}

#entrance .section01.ee_sec01{
	background-size: contain;
}
#entrance_illust .section01.ee_sec01{
	background-size: contain;
}
#job.job_uiux .section01.ee_sec01{
	background-size: auto;
}
}



@media screen and (max-width:1200px) {

	.h-nav .depth-01{gap:80px;}

	.main-sect07 .pImg .bannerTxt {top: 12%;width:55%;}
	.main-sect07 .pImg .bannerTxt img {width: 33%;}
	.main-sect07 .pImg .bannerTxt img:nth-child(2) {width: 70%;margin-top: 1%;}
	.main-sect07 .pImg .bannerTxt img:nth-child(3) {width: 80%;margin: 3% 0 5%;}
	.main-sect07 .pImg .bannerTxt .cta_btn{left: -5px; width:calc(100vw*(190/1024))x;font-size: calc(100vw*(17/1024));padding: 2% 5px;}
	.main-sect07 .pImg .bannerTxt .cta_btn img {width: 10%;margin-right: 4%;}

	/* sub */
	.intro-sect04 ul{gap:10px;}

	.swiper-intro05 .swiper-slide .img{width: 500px; height: 550px;}
	.swiper-intro05 .swiper-button-prev{right:650px;}

	/* 국민취업지원제도 */
	.system-wp .con3 ul{flex-wrap: wrap;}
	.system-wp .con3 ul li{width: calc(100% / 2);}

	.interview_merits ul li{
		width: calc((100% - 10px));
	}
	.ent_ani{
		width: 90%;
	}
	.ent_ani .ani_big{
		width: 100%;
		height: auto;
		margin: 0 auto;
		margin-top:  calc(100vw*(40/1024));
		border-radius: calc(100vw*(30/1024));
	}
	.ent_ani .cont_img{
		width: 100%;
		margin-top: calc(100vw*(27/1024));
		margin-bottom: calc(100vw*(166/1024));
		gap: calc(100vw*(10/1024));
	}
	.ent_ani .cont_img > .ent_ani02{
		width: 100%;
		height: auto;
	}
	.ent_ani .cont_img > .ent_ani02 img{
		width: 100%;
		height: 100%;
	}
	.ent_ani .block{
		width: 100%;
	}
	.ent_ani .block .swiper-button-prev,
	.ent_ani .block .swiper-button-next{
		display: none;
	}
	.student_portfolio{
		width: 90%;
		margin-bottom: calc(100vw*(180/1024));
	}
	.student_portfolio h2{
		margin-bottom: calc(100vw*(60/1024));
	}
	.swiper_student_pf{
		width: 100%;
	}
	.swiper_student_pf .swiper-slide{
		width: 32%;
	}
	.swiper_student_pf .swiper-slide .cont{
		width: 100%;
	}
	.swiper_student_pf .swiper-slide .cont img{
		width: calc(100vw*(290/1024));
		height: calc(100vw*(190/1024));
		margin-bottom: calc(100vw*(25/1024));
		border-radius: calc(100vw*(12/1024));
	}

}
@media screen and (max-width:1400px) {
	.main-sect05 .m-acc-wp{padding: 10px;margin-top: 50px;background: linear-gradient(161.44deg, #008E97 29.99%, #00E6C9 104.91%);}
	.main-sect05 .accordian-wp{height:auto;}
	.main-sect05 .accordian-wp{flex-direction:column;margin: 0;background:none;border: 1px solid rgba(255, 255, 255, .3);}
	.main-sect05 .accordian-wp li{width:100%;height: 166px;}
	.main-sect05 .accordian-wp li .bg{opacity:1;overflow:hidden;}
	.main-sect05 .accordian-wp li:nth-of-type(1) .bg{background:url('../img/main_sect05_li01_m.png') center / cover;}
	.main-sect05 .accordian-wp li:nth-of-type(2) .bg{background:url('../img/main_sect05_li02_m.png') center / cover;}
	.main-sect05 .accordian-wp li:nth-of-type(3) .bg{background:url('../img/main_sect05_li03_m.png') center / cover;}
	.main-sect05 .accordian-wp li:nth-of-type(4) .bg{background:url('../img/main_sect05_li04_m.png') center / cover;}
	.main-sect05 .accordian-wp li:nth-of-type(5) .bg{background:url('../img/main_sect05_li05_m.png') center / cover;}
	.main-sect05 .accordian-wp li:nth-of-type(6) .bg{background:url('../img/main_sect05_li01_m.png') center / cover;}
	.main-sect05 .accordian-wp li .bg img{position:absolute;right:50%;margin: 0 !important;}
	.main-sect05 .accordian-wp li:nth-of-type(1) .bg img{top:0px;width: 330px !important;}
	.main-sect05 .accordian-wp li:nth-of-type(2) .bg img{top:-40px;width: 330px !important;right:45%;}
	.main-sect05 .accordian-wp li:nth-of-type(3) .bg img{top:5px;width: 214px !important;}
	.main-sect05 .accordian-wp li:nth-of-type(4) .bg img{top:0px;width: 180px !important;}
	.main-sect05 .accordian-wp li:nth-of-type(5) .bg img{top:15px;width: 160px !important;right: 52%;}
	.main-sect05 .accordian-wp li:nth-of-type(6) .bg img{top:15px;width: 170px !important;right: 52%;}
	.main-sect05 .accordian-wp li div:nth-of-type(2){display:flex;width:55vw;flex-direction: column;position: relative;left: 25%;}
	.main-sect05 .accordian-wp li h4{position:relative; font-weight: 600;display:block;width:55vw;font-size: 12px;line-height: 16px;color: #00FFE7;text-align:center;margin-bottom: 7px;}
	.main-sect05 .accordian-wp li h3{position:relative;left: 0; width:55vw;font-weight: 600;font-size: 22px;line-height: 22px;color:#fff;transform:none;margin-bottom: 9px;}
	.main-sect05 .accordian-wp li p{display:none;}
	.main-sect05 .accordian-wp li .view-more{display: flex;flex-direction: column;justify-content: center; width:55vw;align-items: center;gap: 3px; }
	.main-sect05 .accordian-wp li .view-more a{text-align: center;border-radius: 5.5px;background: rgba(0, 0, 0, 0.10);width:39vw; max-width: 220px; height: 31px;font-weight: 600; color:#eeeeee;align-content: center;font-size: 15px;}
}



@media screen and (max-width:1024px) {


.cur-detail .curri_student .swiper-button-next {right: -20px;}
.cur-detail .curri_student .swiper-button-prev {left: -20px;}
.cur-detail .curri_student .swiper-button-next:after, 
.cur-detail .curri_student .swiper-button-prev:after {background-size: 50%;}
.cur-detail .curri_student .swiper-button-next:hover:after, 
.cur-detail .curri_student .swiper-button-prev:hover:after {background-size: 50%;}
.mo-block2{display:block;}

/* [s] header */
.h-tel{position:absolute;top:51%;transform:translateY(-50%);right:53px;display:block;width: 22px;height: 24px;background:url('../img/h_tel.png') no-repeat center / contain;z-index:102;}

.h-toggle{display:block;position:relative;width: 26px;height: 19px;cursor: pointer;z-index: 101;}
.h-toggle span{position:absolute;left:0;display:block;width:100%;height:3px;background: #FFFFFF;transition: width .3s, top .3s, right .3s, transform .3s, background .3s .3s;}
.h-toggle span:nth-of-type(1){top:0;}
.h-toggle span:nth-of-type(2){top:50%;}
.h-toggle span:nth-of-type(3){top:calc(100% - 1px);}
.h-toggle.active{width:20px;}
.h-toggle.active span{width:21px;background: #222222;transition: width .3s, top .3s, right .3s, transform .3s, background .3s;}
.h-toggle.active span:nth-of-type(1){top:49%;right:-2px; transform:rotate(45deg);}
.h-toggle.active span:nth-of-type(2){opacity:0;}
.h-toggle.active span:nth-of-type(3){top:49%;right:-2px;transform:rotate(-45deg);}

.header.active .h-toggle span{background: #111111;}
.header.active .h-nav .depth-01 > li:hover > a::after{display:none;}


.h-nav{display:none; position:fixed;top:80px;left:0;width:100%; height:calc(100vh - 80px);padding-bottom: 80px; background: #FFFFFF;box-shadow: inset 0px 2px 9px -1px #D5D9EB;overflow-y: auto;-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
/* .h-nav .inner{width:100%; height:100%;padding: 90px 30px 100px;} */
.h-nav::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.h-nav .depth-01{flex-direction:column;gap:8px;height:auto;}
.h-nav .depth-01 > li{flex-direction: column; align-items: center; gap:0; width: 100%;}
.h-nav .depth-01 > li > a{position:relative;display:flex;align-items:center;width:100%;height:62px;padding: 0 5vw;border-bottom: 1px solid #F3F3F3;font-weight: 700;color:rgba(34, 34, 34,.8);}
.h-nav .depth-01 > li > a.active{color: rgba(14, 173, 255,.8) !important;}
.h-nav .depth-01 > li > a::before{content:'';position:absolute;top:50%;right:5vw;width:14px;height:9px;background:url('../img/h_nav_arrow.png') no-repeat center / contain;}
.h-nav .depth-01 > li > a.active::before{transform:scaleY(-1);}
.h-nav .depth-01 > li > a.m-link::before{display:none;}
.h-nav .depth-02{position:relative;top:0;left:0; transform: none; display:none; flex-direction: column; align-items: start; width: 100%; padding: 27px 0;background: #F6F7FC;}
.h-nav .depth-02 > li > a{font-weight:500;line-height: 21px;transition: color .2s;display: inline-block;vertical-align: middle;width:100%;}
.h-nav .depth-02 > li > a:hover{color: #BDBDBD;}
.header.active .h-nav .depth-02 > li > a:hover{color: #BDBDBD;}
.h-nav .depth-02 > li:last-of-type .depth-03 li:nth-of-type(3),
.h-nav .depth-02 > li:last-of-type .depth-03 li:nth-of-type(4),
.h-nav .depth-02 > li:last-of-type .depth-03 li:last-of-type,
.aside{display:none;}
.h-nav .depth-02 > li > a.m_side_link{
	display: none;
	color: #0EADFF;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: -0.48px;
}
.h-nav .depth-02 > li > a.m_side_link::before{
	content:'';
	display: inline-block;
	width: 1px;
	height: 14px;
	background: #787878;
	margin: -3px 10px;
}
.h-nav .depth-02 > li.active > a.m_side_link{
	display: inline-block;
}
/* [e] header */

/* [s] footer */

.footer .cont-wp .inner{flex-direction:column;align-items:center;gap:50px;}
.footer .cont-wp .inner.top{align-items: flex-start; width: 500px;}
.footer .cont-wp .f-txt{width:100%;}
.footer .cont-wp .f-txt ul{justify-content:center;}
.footer .cont-wp .f-txt li{text-align:center;}
.footer .cont-wp .f-sns{}

/* [e] footer */

/* [s] main */

.main-sect02 .top-wp .tel-wp{display:none;}
.main-sect02 .top-wp .list-wp{justify-content:space-between;gap:0;width:100%;}
.main-sect03{padding: 50px 0;}
.main-sect03 .ttl-wp{position:relative;top:unset;left:unset;text-align:center;}
.main-sect03 .ttl-wp h2{text-align:center;}

.swiper-main03{padding: 70px 0 34px;}
.swiper-main03 .swiper-slide .before-wp{display:none;}
.swiper-main03 .swiper-slide .after-wp{width:100%;}

.main-sect03 .control .swiper-button-prev,
.main-sect03 .control .swiper-button-next{bottom: 10%;top: auto;}
.main-sect03 .control .swiper-button-prev {left: 0;right: auto;}
.main-sect03 .control .swiper-button-next {right: 0;}

.swiper-main03-sub{width:31vw;overflow:visible;}
.swiper-main03-sub .swiper-slide{border-radius: 10px;overflow:hidden;opacity: 0.15;transition:opacity .3s;}
.swiper-main03-sub .swiper-slide.swiper-slide-active{opacity:1;}
.swiper-main03-sub .swiper-slide img{width:100%;}
.swiper-main03-sub .swiper-slide h3 {display: flex; justify-content: center; align-items: center; border-radius: 50px; font-style: italic; font-weight: 600; position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); width: 50px; height: 18px; background: rgba(20, 13, 33, .8); font-size: 12px;}
/* .main-sect03 .sub-control .swiper-button-prev, 
.main-sect03 .sub-control .swiper-button-next{display:block;top:unset;bottom:0;width:30vw;height:30vw;background:none;}
.main-sect03 .sub-control .swiper-button-prev{left:-5vw;}
.main-sect03 .sub-control .swiper-button-next{right:-5vw;}
.main-sect03 .sub-control .swiper-button-next:after, 
.main-sect03 .sub-control .swiper-button-prev:after{background:none;color:transparent;} */

.swiper-main04-tab .swiper-wrapper{justify-content:center;}
.swiper-main04-tab .swiper-slide{width:auto;padding: 0 14px;}



.main-sect04 .piece-wp .list li{height:calc((90vw - 20px) / 3);}
.main-sect04 .piece-wp .list li img{border-radius:10px;}



/* .main-sect07 .inner{flex-direction:column;align-items:start;padding: 50px 0;}
.main-sect07 .txt-wp p{line-height:30px;}
.main-sect07 .ico{width:100%;height:225px;object-fit:contain;object-position:right;margin-top: -57px;} */

/* [e] main */

/* [s] sub 공통영역 */

	/* 상담문의 */
.counsel-sect .bg-wp .cloud01{left: 53%;}
.counsel-sect .bg-wp .ico01{top:70px;left:0;}
.counsel-sect .bg-wp .ico02{bottom:20px;right:5vw;}




/* [e] sub 공통영역 */


/* intro */

.intro-sect01 h1{font-size:50px;}


.intro-sect02 ul{flex-wrap:wrap;}
.intro-sect02 li{width:100%;}

.intro-sect03 .bg-wp .top{top:20px;right:-49vw;width:140vw;}
.intro-sect03 .bg-wp .btm{bottom:-43px;left:-29vw;width:60vw;z-index:1;}
.intro-sect03 .bg-wp .bg{background:linear-gradient(157deg, rgba(21, 31, 40, 0) 13%, #253543 89%);}
.intro-sect03 ul{position:relative;flex-wrap:wrap;z-index:2;}
.intro-sect03 li{width:100%;}

.intro-sect04 ul{flex-wrap:wrap;gap: 10vw 0;}
.intro-sect04 li{width:calc(50% - 5px);}

.swiper-intro05 .swiper-slide{align-items:end;}
.swiper-intro05 .swiper-slide .txt-wp{margin-top: 180px;}
.swiper-intro05 .swiper-slide .img{width:40vw;height:45vw;margin-right: 7vw;}
.swiper-intro05 .swiper-button-prev, 
.swiper-intro05 .swiper-button-next{top:unset;bottom:20vw;}
.swiper-intro05 .swiper-button-prev{right:48.3vw;}

/* 포트폴리오 */
/* .swiper-tcher{padding: 0 5vw;} */
.swiper-tcher .swiper-slide{width:400px;height:550px;}

.tab-wp-sub .swiper-wrapper{justify-content:center;}
.tab-wp-sub .swiper-slide{width:auto;}
.tab-wp-sub .swiper-slide a {padding: 0 14px;}


/* before after */
.after-art-wp .ttl-wp li{overflow: hidden;}
.after-art-wp .ttl-wp li .img{}



/* 수강후기 */
.review-wp{overflow:hidden;}
.review-wp .bg-wp .top{top: 670px;right: -19vw;width: 89vw;}
.swiper-review{width:80vw;overflow:visible;}

.ui-detail .curri_info .charac {top: auto;bottom: 0;right: 63px;}
.ui-detail .curri_info .charac_bg {top: auto;bottom: -100px;width: 54%;}
/* 미디어 */
.media-list-wp li{width:calc((100% - 20px) / 2);}
.media-list-wp li .img-wp{height:25vw;}

/* 상담센터 */
.counsel-sect03 .bg-wp .btm{bottom:20px;left:0;width:45vw;}

.counsel-wp .form-wp{flex-direction:column;gap:32px;}
.counsel-wp .left-wp{width:100%;}
.counsel-wp .right-wp{width:100%;}
.counsel-wp .right-wp p{display: none;}
.counsel-wp .right-wp .input-wp label{flex-direction:column;align-items:start;}
.counsel-wp .right-wp .input-wp label span{text-align:left;}
.counsel-wp .right-wp .agree{margin-left: 0;}
.counsel-wp .right-wp .btn-green{width:100%;margin-left: 0;}


/* 맞춤형 컨설팅 */
.custom-wp .ttl-wp{flex-direction:column;gap:20px;}
.custom-wp .ttl-wp .pc-block{display:none;}
.custom-wp .bg-wp{display: none;}
.custom-wp .right-wp{width: 100%;}
.custom-wp .right-wp .input-wp{width: 100%;}
.custom-wp .right-wp .btn-green{margin-left: 0; width: 100%; height: 54px; margin-top: 60px;}
.custom-wp.complete-wp .bg-wp{display: block;}
.custom-wp.complete-wp .bg-wp .top{width: 343px; bottom: 0; }
.custom-wp.complete-wp .bg-wp .btm{width: 196px; bottom: 0;}




}
@media screen and (max-width: 1024px) {

.h-nav .depth-02 > li{text-align: left;position: relative;width:100%;padding: calc(100vw*(10/1024)) 5vw;}
.h-nav .depth-03{padding-top: 10px;}
.h-nav .depth-03 > li > a{font-weight: 400;line-height: 32px;}
	.side_gra::before,
	.side_gra::after{
		width: calc(100vw*(564/1024));
		height: calc(100vw*(1521/1024));
	}
	#countDown{
		padding: calc(100vw*(15/1024)) calc(100vw*(15/1024)) calc(100vw*(15/1024)) calc(100vw*(30/1024));
		gap: calc(100vw*(40/1024));
		width: calc(100vw*(990/1024));
		font-size: calc(100vw*(20/1024));
	}
	.t_con{
		width: calc(100vw*(35/1024));
		height: calc(100vw*(35/1024));
		font-size: calc(100vw*(20/1024));
		margin-right: calc(100vw*(5/1024));
	}
	.t_txt{
		margin-right: calc(100vw*(5/1024));
	}
	#countDown .right{
		width: calc(100vw*(260/1024));
		height: calc(100vw*(50/1024));
		font-size: calc(100vw*(18/1024));
	}

	.tip_modal .content{
		width: calc(100vw*(600/1024));
		height: calc(100vw*(360/1024));
		padding: calc(100vw*(3/1024));
		border-radius: calc(100vw*(20/1024));
	}
	.tip_modal .modal_inner .left,
	.tip_modal .modal_inner .right{
		padding: calc(100vw*(40/1024)) calc(100vw*(60/1024));
	}
	.tip_modal .modal_inner .left{
		border-radius: 0 0 0 calc(100vw*(20/1024));
	}
	.tip_modal .modal_inner .right{
		border-radius: 0 0 calc(100vw*(20/1024)) 0;
	}
	.tip_modal .modal_tit{
		padding: calc(100vw*(15/1024)) 0;
		font-size: calc(100vw*(24/1024));
	}
	.modal_close{
		top: calc(100vw*(15/1024));
		right: calc(100vw*(15/1024));
		width: calc(100vw*(30/1024));
		height: calc(100vw*(30/1024));
	}
	.tip_modal .modal_inner span{
		margin-bottom: calc(100vw*(20/1024));
		font-size: calc(100vw*(20/1024));
	}
	.tip_modal .modal_inner ul{
		gap: calc(100vw*(10/1024));
	}
	.tip_modal .modal_inner li{
		font-size: calc(100vw*(16/1024));
	}
	.tip_modal .vs{
		top: calc(100vw*(180/1024));
		width: calc(100vw*(50/1024));
		height: calc(100vw*(50/1024));
		font-size: calc(100vw*(20/1024));
	}
	[class*='teacher'] .content{
		width: calc(100vw*(840/1024));
		height: calc(100vw*(840/1024));
	}
	/* !modal */
	
	.sec_tit{
		font-size: calc(100vw*(48/1024));
	}
	.sec_tit span{
		margin-bottom: calc(100vw*(15/1024));
		font-size: calc(100vw*(24/1024));
	}
	.cur_wp{
		margin: 0 auto calc(100vw*(135/1024));
		padding: calc(100vw*(8/1024));
		width: calc(100vw*(408/1024));
		height: calc(100vw*(60/1024));
		border-radius: calc(100vw*(50/1024));
	}
	.cur_wp li{
		padding: calc(100vw*(12/1024)) calc(100vw*(15/1024));
	}
	.cur_wp li.on{
		padding: calc(100vw*(12/1024)) calc(100vw*(42/1024)) calc(100vw*(12/1024)) calc(100vw*(22/1024));
		border-radius: calc(100vw*(45/1024));
		background: url('../img/up_right_icon.svg') center right calc(100vw*(22/1024)) / calc(100vw*(16/1024)) no-repeat, #07D0BD;
	}
	.cur_wp a{
		font-size: calc(100vw*(18/1024));
		border-radius: calc(100vw*(45/1024));
	}
	#entrance .section01{
		padding-top: calc(100vw*(120/1024));
		margin-bottom: calc(100vw*(30/1024));
		/* background: url('../img/bg01.png') center top calc(100vw*(18/1024)) / contain no-repeat; */
	}
	#entrance .main_kv {
    height: calc(100vw*(1456/1024));
	}
	#entrance_illust .section01{
		padding-top: calc(100vw*(120/1024));
		margin-bottom: calc(100vw*(30/1024));
		/* background: url('../img/bg01.png') center top calc(100vw*(18/1024)) / contain no-repeat; */
	}
	#entrance_illust .main_kv {
    height: calc(100vw*(1456/1024));
	}
	.main_tit{
		margin-bottom: calc(100vw*(70/1024));
		font-size: calc(100vw*(40/1024));
	}
	.main_tit p{
		margin-top: calc(100vw*(25/1024));
		font-size: calc(100vw*(20/1024));
	}
	.main_tit + p{
		font-size: calc(100vw*(18/1024));
	}
	.deadline_box{
		margin-bottom: calc(100vw*(50/1024));
	}
	.deadline_box h3{
		margin-bottom: calc(100vw*(20/1024));
		font-size: calc(100vw*(20/1024));
	}
	.deadline_cont{
		width: calc(100vw*(900/1024));
		height: calc(100vw*(80/1024));
	}
	.main_list_wp{
		width: calc(100vw*(900/1024));
		margin: 0 auto calc(100vw*(148/1024));
	}
	.main_list_wp li{
		width: calc(100vw*(290/1024));
		height: calc(100vw*(420/1024));
	}
	.main_list_wp.ee_list_wp .cont_img{
		height: 24.0234vw;
	}
	.main_list_wp.ee_list_wp .cont_img img{
		width: 100%;
	}
	.main_list_wp p{
		margin: calc(100vw*(-60/1024)) 0 calc(100vw*(18/1024));
		font-size: calc(100vw*(32/1024));
	}
	.main_list_wp small{
		font-size: calc(100vw*(13/1024));
	}
	.rate_cont{
		padding-bottom: calc(100vw*(170/1024));
	}
	.rate_box{
		width: calc(100vw*(900/1024));
		height: calc(100vw*(850/1024));
		padding: calc(100vw*(80/1024)) calc(100vw*(100/1024));
	}
	.pf_detail .rate_box{
		width: calc(100vw*(900/1024));
		height: calc(100vw*(850/1024));
	}
	.pf_detail .ee_rate_wrap,
	.ee_rate_wrap{
		width: calc(100vw*(900/1024));
	}
	.pf_detail .ee_rate_wrap img{
		width: 100%;
	}
	.rate_box.active{
		height: auto;
	}
	.rate_box button{
		bottom: calc(100vw*(70/1024));
		width: calc(100vw*(160/1024));
		height: calc(100vw*(40/1024));
		font-size: calc(100vw*(16/1024));
		border-radius: calc(100vw*(50/1024));
	}
	.rate_table{
		margin-top: calc(100vw*(55/1024));
	}
	.table_category,
	.table_cont{
		width: calc(100vw*(720/1024));
	}
	.table_category + div{
		width: calc(100vw*(720/1024));
	}
	.table_category li{
		font-size: calc(100vw*(20/1024));
	}
	.table_cont{
		gap: calc(100vw*(10/1024));
	}
	.table_cont ul{
		padding: calc(100vw*(8/1024)) 0 calc(100vw*(8/1024)) calc(100vw*(10/1024));
		border-radius: calc(100vw*(20/1024));
	}
	.table_cont ul li{
		font-size: calc(100vw*(20/1024));
	}
	/* section 02 */
	.portfolio_sec{
		margin-bottom: calc(100vw*(170/1024));
	}
	.portfolio_sec .sec_tit{
		margin-bottom: calc(100vw*(60/1024));
	}
	.flow_bnr{
		height: calc(100vw*(710/1024));
	}
	.flow_cont .port_wp{
		gap: calc(100vw*(24/1024));
		padding-left: calc(100vw*(24/1024));
	}
	.flow_cont .port_wp li{
		width: calc(100vw*(486/1024));
		height: calc(100vw*(340/1024));
	}
	#hobby .flow_cont .port_wp li{
		width: calc(100vw*(415/1024));
		height: calc(100vw*(340/1024));
	}
	.flow_cont .port_wp li img{
		width: 100%;
		height: 100%;
	}
	/* section 03 */
	.story_sec {
		margin-bottom: calc(100vw*(115/1024));
	}
	.class_page .section03 .slide_txt{
		width: calc(100vw*(445/1024));
	}
	.class_page .section03 .slide_img{
		width: calc(100vw*(500/1024));
	}
	.class_page .section03 .slide_img img{
		width: 100%;
	}
	.class_page .section03 .slide_img .custom{
		width: calc(100vw*(650/1024));
		position: relative;
		right: calc(100vw*(20/1024));
	}
	.class_page .section03 .slide_img .custom2{
		position: relative;
		left: calc(100vw*(80/1024));
	}
	.class_page .section03 h3{
		margin-bottom: calc(100vw*(18/1024));
		font-size: calc(100vw*(18/1024));
	}
	.story_sec p{
		margin-bottom: calc(100vw*(47/1024));
		font-size: calc(100vw*(40/1024));
	}
	.tag_box{
		gap: calc(100vw*(10/1024));
	}
	.tag_box li{
		padding: calc(100vw*(7/1024)) calc(100vw*(12/1024));
		font-size: calc(100vw*(15/1024));
		border-radius: calc(100vw*(7/1024));
	}
	.class_page .swiper-button-prev,
	.class_page .swiper-button-next{
		width: calc(100vw*(50/1024));
		height: calc(100vw*(50/1024));
	}
	.story_sec .swiper-button-prev{
		margin-left: calc(100vw*(-550/1024));
	}
	.story_sec .swiper-button-next{
		margin-left: calc(100vw*(550/1024));
	}
	.change_slide .swiper-button-prev{
		margin-left: calc(100vw*(-450/1024));
	}
	.change_slide .swiper-button-next{
		margin-left: calc(100vw*(450/1024));
	}
	/* section 04 */
	#entrance_illust .section04,
	#entrance .section04,
	#job .section04{
		background: url('../img/bg04.png') center / cover no-repeat, linear-gradient(#060809, #151F28);
		padding: calc(100vw*(100/1024)) 0 calc(100vw*(160/1024));
	}
	#job .section04 .sec_tit{
		margin-bottom: calc(100vw*(56/1024));
	}
	#entrance .section04 .inner {max-width: calc(100vw*(1460/1024));}
	#entrance .section04 .more {margin: calc(100vw*(550/1024)) auto calc(100vw*(30/1024)); width: calc(100vw*(792/1024));}
	#entrance .section04 .more h3 {font-size: calc(100vw*(30/1024));}
	#entrance .section04 .more a {font-size: calc(100vw*(16/1024));}
	#entrance .section04 .interview_list {
		gap: calc(100vw*(15/1024));
	}
	#entrance .section04 .interview_list:after {
		top: calc(100vw*(-12/1024));
		margin-left: calc(100vw*(-400/1024));
		font-size: calc(100vw*(18/1024));
	}
	#entrance .section04 .item iframe {
		top: calc(100vw*(-540/1024));
		width: calc(100vw*(792/1024));
		height: calc(100vw*(446/1024));
		border-radius: calc(100vw*(20/1024));
	}
	#job .section04 iframe{
		width: calc(100vw*(792/1024));
		height: calc(100vw*(446/1024));
		margin-bottom: calc(100vw*(40/1024));
	}
	#job .section04 h3{
		font-size: calc(100vw*(16/1024));
	}
	#entrance .section04 .item a {
		font-size: calc(100vw*(20/1024));
		padding: calc(100vw*(15/1024)) calc(100vw*(18/1024));
		width: calc(100vw*(792/1024));
	}
	/* section 05 */
	.change_slide{	
		padding-bottom: calc(100vw*(150/1024));
	}
	.change_slide .swiper-slide{
		margin: 0 calc(100vw*(20/1024));
	}
	.change_slide .sec_tit{
		margin-bottom: calc(100vw*(70/1024));
	}
	.change_slide .slide_cont{
		width: calc(100vw*(744/1024));
		height: calc(100vw*(470/1024));
	}
	.change_slide .cont_img{
		gap: calc(100vw*(24/1024));
	}
	.change_slide .cont_img > div{
		width: calc(100vw*(360/1024));
		height: calc(100vw*(470/1024));
	}
	.change_slide.ee_change_slide .cont_img > div{
		border-radius: calc(100vw*(10/1024));
	}
	.change_slide .cont_img div img{
		width: 100%;
	}
	.change_slide .cont_txt{
		gap: calc(100vw*(10/1024));
		margin: calc(100vw*(40/1024)) auto 0;
		width: calc(100vw*(260/1024));
		padding: calc(100vw*(10/1024)) calc(100vw*(12/1024));
		font-size: calc(100vw*(18/1024));
	}
	/* section 06 */
	.system_sec{
		margin-bottom: calc(100vw*(100/1024));
	}
	.system_sec .top{
		padding-top: calc(100vw*(100/1024));
	}
	.system_sec .fix-menu{
		margin-bottom: calc(100vw*(40/1024));
		padding: calc(100vw*(65/1024)) calc(100vw*(55/1024)) calc(100vw*(55/1024));
	}
	.system_sec .fix-menu li{	
		font-size: calc(100vw*(14/1024));
		width: calc(100vw*(30/1024));
		height: calc(100vw*(30/1024));
	}
	.system_sec .fix-menu li::after{
		width: calc(100vw*(115/1024));
		bottom: calc(100vw*(-40/1024));
		font-size: calc(100vw*(16/1024));
	}
	.system_sec .top h2,
	.system_sec .top .fix-wrap,
	.system_sec .conts{
		width: calc(100vw*(840/1024));	 
	}
	.system_sec .cont_txt{
		width: calc(100vw*(351/1024));
	}
	.system_sec .cont_img{
		width: calc(100vw*(388/1024));
		height: calc(100vw*(253/1024));
	}
	.system_sec .chk{
		margin-top: calc(100vw*(75/1024));
	}
	.system_sec .chk li{
		font-size: calc(100vw*(20/1024));
		line-height: calc(100vw*(30/1024));
		padding-left: calc(100vw*(40/1024));
		margin-top: calc(100vw*(30/1024));
	}
	.system_sec .cont{	
		padding-left: calc(100vw*(50/1024));
		padding-bottom: calc(100vw*(70/1024));
	}
	.system_sec .cont .tit{
		font-size: calc(100vw*(24/1024));	
	}
	.system_sec .cont .tit span{
		font-size: calc(100vw*(14/1024));	
		width: calc(100vw*(30/1024));
		height: calc(100vw*(30/1024));
		line-height: calc(100vw*(30/1024));
	}
	.system_sec .cont ul li{
		font-size: calc(100vw*(18/1024));
	}
	.system_sec .cont ul li:first-child{
		margin-top: calc(100vw*(15/1024));
	}
	/* section 07 */
	.curr_webtoon_pro p {
		font-size: calc(100vw*(20/1024));
		margin: 24px 0 60px;
	}
	.sect_wherever{
		margin-bottom: calc(100vw*(165/1024));
	}
	.sect_wherever .sec_tit + p{
		margin: calc(100vw*(24/1024)) 0 calc(100vw*(120/1024));
		font-size: calc(100vw*(20/1024));
	}
	.sect_wherever .sec_tit + p{
		margin: calc(100vw*(24/1024)) 0 calc(100vw*(120/1024));
		font-size: calc(100vw*(20/1024));
	}
		
	.sect_wherever .graph{
		gap: calc(100vw*(34/1024));
		margin-bottom: calc(100vw*(227/1024));
	}
	.sect_wherever .graph > div{
		width: calc(100vw*(840/1024));
		height: calc(100vw*(60/1024));
		font-size: calc(100vw*(20/1024));
		border-radius: 0 calc(100vw*(50/1024)) calc(100vw*(50/1024)) 0;
	}
	.sect_wherever .graph .kga_class::before{
		margin-left: calc(100vw*(210/1024));
		font-size: calc(100vw*(20/1024));
	}
	.sect_wherever .graph .com_class::before{
		margin-left: calc(100vw*(-90/1024));
		font-size: calc(100vw*(20/1024));
	}
	.sect_wherever .graph .kga_class::after{
		border-radius: 0 calc(100vw*(50/1024)) calc(100vw*(50/1024)) 0;
	}
	.sect_wherever .graph .kga_class.active::after{
		width: calc(100vw*(777/1024));
	}
	.sect_wherever .graph .com_class::after{
		border-radius: 0 calc(100vw*(50/1024)) calc(100vw*(50/1024)) 0;
	}
	.sect_wherever .graph .com_class.active::after{
		width: calc(100vw*(200/1024));
	}
	.sect_wherever .graph .kga_class .inner_txt{
		top: calc(100vw*(-100/1024));
		font-size: calc(100vw*(14/1024));
	}
	.sect_wherever .graph .kga_class .inner_txt span{
		font-size: calc(100vw*(48/1024));
	}
	.sect_wherever .graph .com_class .inner_txt{
		bottom: calc(100vw*(-70/1024));
		left: calc(100vw*(50/1024));
		font-size: calc(100vw*(40/1024));
	}
	.pass_review {
		margin-bottom: calc(100vw*(192/1024));
	}
	.pass_review .swiper-inner{
		width: calc(100vw*(900/1024));
		gap: calc(100vw*(24/1024));
		justify-content: center;
	}
	.pass_review .swiper-item{
		width: calc(100vw*(384/1024));
		height: calc(100vw*(390/1024));
		padding: calc(100vw*(30/1024));
		border-radius: calc(100vw*(10/1024));
	}
	.pass_review .swiper-item .cont_top{
		gap: calc(100vw*(24/1024));
		margin-bottom: calc(100vw*(20/1024));
	}
	.pass_review .swiper-item .cont_img{
		width: calc(100vw*(120/1024));
		height: calc(100vw*(110/1024));
	}
	.pass_review .swiper-item .cont_img img{
		width: 100%;
	}
	.pass_review .swiper-item .cont_tit{
		font-size: calc(100vw*(20/1024));
	}
	.pass_review .swiper-item .cont_tit p{
		margin: calc(100vw*(5/1024)) 0 calc(100vw*(10/1024));
		font-size: calc(100vw*(16/1024));
	}
	.pass_review .swiper-item .cont_tit span{
		font-size: calc(100vw*(14/1024));
	}
	.pass_review .swiper-item .cont_bot{
		font-size: calc(100vw*(12/1024));
	}
	.pass_review .swiper-item .cont_bot span{
		font-size: calc(100vw*(16/1024));
	}
	.pass_review .swiper-button-next {
		margin-left: calc(100vw*(700/1024));
	}
	.pass_review .swiper-button-prev {
		margin-left: calc(100vw*(-700/1024));
	}
	.facility .cont_img_wp{
		margin-bottom: calc(100vw*(72/1024));
		gap: calc(100vw*(24/1024));
	}
	.facility .cont_img{
		width: calc(100vw*(486/1024));
		height: calc(100vw*(310/1024));
	}
	.facility .cont_img img{
		width: 100%;
	}
	.facility .cont_txt_wp{
		gap: calc(100vw*(20/1024));
	}
	#job .facility .cont_txt_wp{
		margin: calc(100vw*(90/1024)) 0 calc(100vw*(72/1024));
	}
	.discord .cont_txt,
	.facility .cont_txt{
		gap: calc(100vw*(14/1024));
		width: calc(100vw*(792/1024));
		height: calc(100vw*(80/1024));
		font-size: calc(100vw*(20/1024));
		border-radius: calc(100vw*(10/1024));
	}
	.facility p{
		font-size: calc(100vw*(20/1024));
	}
	/* section 08 */
	.edu_system_sec{
		width: calc(100vw*(900/1024));
		padding-bottom: calc(100vw*(45/1024));
	}
	.edu_system_sec .tip_btn{
		top: calc(100vw*(80/1024));
		width: calc(100vw*(160/1024));
		height: calc(100vw*(40/1024));
		font-size: calc(100vw*(16/1024));
		border-radius: calc(100vw*(50/1024));
	}
	.edu_system_sec .system_wp{
		margin-top: calc(100vw*(70/1024));
		gap: calc(100vw*(20/1024));
		flex-wrap: wrap;
		justify-content: center;
	}
	.edu_system_sec .system_wp li{
		width: calc(100vw*(330/1024));
		height: calc(100vw*(410/1024));
		padding: 36px calc(100vw*(30/1024));
	}
	.edu_system_sec .system_wp li > span{	
		padding: calc(100vw*(4/1024));
		margin-bottom: calc(100vw*(10/1024));
		font-size: calc(100vw*(14/1024));
	}
	.edu_system_sec .system_wp p{
		font-size: calc(100vw*(24/1024));	
	}
	.edu_system_sec .system_wp p span{
		margin-top: calc(100vw*(5/1024));
		font-size: calc(100vw*(14/1024));
	}
	/* section 09 */
	#entrance .section09{
		padding: calc(100vw*(150/1024)) 0 0 0;
		margin-bottom: calc(100vw*(136/1024));
	}
	#entrance .section09 .sec_tit + p,
	#job .section05 .sec_tit + p{
		margin: calc(100vw*(20/1024)) 0 calc(100vw*(60/1024));
		font-size: calc(100vw*(20/1024));
	}
	.teacher_wp{
		width: calc(100vw*(996/1024));
		gap: calc(100vw*(24/1024));
	}
	.teacher_wp > li{
		width: calc(100vw*(315/1024));
		height: calc(100vw*(400/1024));
		perspective: calc(100vw*(1000/1024));
	}
	.teacher_wp > li img{
		width: 100%;
	}
	.back{	
		padding: calc(100vw*(70/1024)) calc(100vw*(20/1024)) calc(100vw*(75/1024));
		font-size: calc(100vw*(30/1024));
		border-radius: calc(100vw*(10/1024));
	}
	.back ul{
		gap: calc(100vw*(5/1024));
		margin: calc(100vw*(20/1024)) 0 calc(100vw*(23/1024));
		font-size: calc(100vw*(14/1024));
	}
	.back button{
		width: calc(100vw*(235/1024));
		height: calc(100vw*(54/1024));
		font-size: calc(100vw*(22/1024));
	}
	.back .inform{
		gap: calc(100vw*(20/1024));
	}
	.back .inform .left{
		padding: calc(100vw*(5/1024)) calc(100vw*(26/1024));
		font-size: calc(100vw*(18/1024));
		border-radius: 0 calc(100vw*(10/1024)) 0 0;
	}
	.back .inform .right{
		font-size: calc(100vw*(16/1024));
	}
	/* section 10 */
	.about_sec{
		width: calc(100vw*(996/1024));	
	}
	.about_sec .about_wp{
		margin-top: calc(100vw*(50/1024));
		gap: calc(100vw*(24/1024));
		justify-content: center;
	}
	.about_sec.ee_about_sec .about_wp li{
		line-height: calc(100vw*(50/1024));
	}
	.about_sec.ee_about_sec .about_wp li span{
		line-height: calc(100vw*(50/1024));
	}
	.about_sec .about_wp li{
		
	}
	.about_sec .about_wp li span{
		margin-bottom: calc(100vw*(5/1024));
		font-size: calc(100vw*(20/1024));
	}
	/* #job .about_sec .about_wp li:last-of-type{
		font-size: calc(100vw*(32/1024));
		border-radius: calc(100vw*(10/1024));
	} */
	.about_sec .about_wp li:last-of-type a{
		margin-top: calc(100vw*(22/1024));
		font-size: calc(100vw*(18/1024));
	}
	/* job */
	#job .section01 {
		padding-top: calc(100vw*(120/1024));
		margin-bottom: calc(100vw*(30/1024));
		background: url(../img/bg08.png) center top calc(100vw*(18/1024)) / contain no-repeat;
	}
	#job.job_uiux .section01{
		padding-top: calc(100vw*(120/1024));
		background: url(../img/bg22.png) center top calc(100vw*(18/1024)) / contain no-repeat;
	}
	/* #job .cur_wp{
		margin-bottom: calc(100vw*(410/1024));
	} */
	#job.issub .cur_wp{
		margin-bottom: calc(100vw*(16/1024));
	}
	.issub.entrance .cur_sub{
		margin-bottom: calc(100vw*(95/1024));
	}
	.issub .cur_sub li{
		padding-right: calc(100vw*(13/1024));
		margin-right: calc(100vw*(13/1024));
	}
	.issub .cur_sub li a{
		font-size: calc(100vw*(18/1024));
		height: calc(100vw*(18/1024));
	  }
	#job .section01 .sec_tit{
		margin-bottom: calc(100vw*(56/1024));
	}
	#job .main_list_wp p{
		margin: calc(100vw*(-120/1024)) 0 calc(100vw*(18/1024));
		font-size: calc(100vw*(26/1024));
	}
	.story_sec .swiper.bot{
		margin-top: calc(100vw*(70/1024));
	}
	.story_sec .swiper.bot .swiper-item{
		width: calc(100vw*(460/1024));
		height: calc(100vw*(360/1024));
		padding: calc(100vw*(30/1024));
		border-radius: calc(100vw*(10/1024));
	}
	.story_sec .swiper.bot .swiper-item .cont_top{
		gap: calc(100vw*(24/1024));
		margin-bottom: calc(100vw*(20/1024));
	}
	.story_sec .swiper.bot .swiper-item .cont_img{
		width: calc(100vw*(120/1024));
		height: calc(100vw*(110/1024));
	}
	.story_sec .swiper.bot .swiper-item .cont_img img{
		width: 100%;
	}
	.story_sec .swiper.bot .swiper-item .cont_tit{
		font-size: calc(100vw*(20/1024));
	}
	.story_sec .swiper.bot .swiper-item .cont_tit p{
		margin: calc(100vw*(5/1024)) 0 calc(100vw*(10/1024));
		font-size: calc(100vw*(16/1024));
	}
	.story_sec .swiper.bot .swiper-item .cont_tit span{
		font-size: calc(100vw*(14/1024));
	}
	.story_sec .swiper.bot .swiper-item .cont_bot{
		font-size: calc(100vw*(12/1024));
	}
	.story_sec .swiper.bot .swiper-item .cont_bot span{
		font-size: calc(100vw*(16/1024));
	}
	#job .section05{
		margin-bottom: calc(100vw*(208/1024));
	}
	.curr_webtoon_pro{
		padding:calc(100vw*(90/1024)) 0 calc(100vw*(200/1024));
	}
	/* section07 */
	#job .section07{
		width: calc(100vw*(845/1024));
		margin: 0 auto calc(100vw*(50/1024));
	}
	#job .section07 > .tip{
		margin: calc(100vw*(58/1024)) 0 calc(100vw*(70/1024));
		padding: calc(100vw*(48/1024)) calc(100vw*(106/1024));
		font-size: calc(100vw*(18/1024));
		border-radius: calc(100vw*(10/1024));
		box-shadow: calc(100vw*(5/1024)) calc(100vw*(10/1024)) calc(100vw*(20/1024)) 0px rgba(7, 208, 189, 0.15);
	}
	.cc_policy_btn{
		margin-bottom: calc(100vw*(180/1024));
	  }
	  .cc_policy_btn .btn_area{
		width: calc(100vw*(202/1024));
		height: calc(100vw*(53/1024));
		border-radius: calc(100vw*(30/1024));
		font-size: calc(100vw*(22/1024));
	  }	 
	  .cc_policy_btn .btn_area::after{
		width: calc(100vw*(18/1024));
		height: calc(100vw*(12/1024));
		margin-left: calc(100vw*(12/1024));
	  }
	.policy_box .top{
		gap: calc(100vw*(24/1024));
		margin-bottom: calc(100vw*(168/1024));
	}
	.policy_box .top > div{
		padding: calc(100vw*(40/1024));
		border-radius: calc(100vw*(20/1024));
	}
	.policy_box .top > div > span{
		padding: calc(100vw*(7/1024)) calc(100vw*(20/1024));
		margin-bottom: calc(100vw*(20/1024));
		font-size: calc(100vw*(18/1024));
		border-radius: calc(100vw*(5/1024));
	}
	.policy_box .top > div p:first-of-type{
		margin-bottom: calc(100vw*(38/1024));
		font-size: calc(100vw*(18/1024));
	}
	.policy_box .top .type{
		font-size: calc(100vw*(16/1024));
	}
	.policy_box .top .type:not(:last-of-type){
		margin-bottom: calc(100vw*(23/1024));
	}
	.policy_list .cont_inner{
		width: calc(100vw*(230/1024));
		height: calc(100vw*(230/1024));
	}
	.policy_list .tip{
		left: calc(100vw*(50/1024));
		bottom: calc(100vw*(-65/1024));
	}
	.policy_list .tip span{
		font-size: calc(100vw*(17/1024));
	}
	.policy_list .cont_inner span{
		font-size: calc(100vw*(20/1024));
	}
	.policy_list .marker::after{
		top: calc(100vw*(-2/1024));
		right: calc(100vw*(-10/1024));
		font-size: calc(100vw*(20/1024));
	}
	.policy_list .tip .marker::after{
		left: calc(100vw*(-10/1024));
	}
	.policy_list .cont_inner strong{
		font-size: calc(100vw*(32/1024));
	}
	.policy_wp + div{
		width: calc(100vw*(6/1024));
		height: calc(100vw*(82/1024));
		margin: calc(100vw*(77/1024)) auto calc(100vw*(57/1024));
	}
	.policy_wp{
		justify-content: space-between;
	}
	.policy_box .mid{
		margin-bottom: calc(100vw*(30/1024));
	}
	.policy_box .mid p{
		font-size: calc(100vw*(26/1024));
	}
	.policy_box .mid p::before{	
		margin-bottom: calc(100vw*(23/1024));
		border-radius: calc(100vw*(10/1024));
	}
	.policy_box .mid p::after{
		margin-top: calc(100vw*(23/1024));
		border-radius: calc(100vw*(10/1024));
	}
	.policy_box .bot{
		padding: calc(100vw*(100/1024)) 0;
	}
	.policy_box .bot p{
		margin-bottom: calc(100vw*(50/1024));
		font-size: calc(100vw*(32/1024));
	}
	.policy_box .bot p small{
		margin-top: calc(100vw*(21/1024));
		font-size: calc(100vw*(18/1024));
	}
	.policy_box .bot button{
		width: calc(100vw*(384/1024));
		height: calc(100vw*(70/1024));
		font-size: calc(100vw*(20/1024));
	}
	#job .section09{
		margin-bottom: calc(100vw*(170/1024));
	}
	#job .section11{
		padding: calc(100vw*(170/1024)) 0 calc(100vw*(193/1024));
	}
	#job .section11 .sec_tit{
		margin-bottom: calc(100vw*(73/1024));
	}
	#job .section11 ul{
		width: calc(100vw*(900/1024));
	}
	#job .section11 li{
		width: calc(100vw*(284/1024));
		height: calc(100vw*(340/1024));
	}
	#job .section11 li img{
		width: 100%;
	}
	#entrance .section10{
		padding-top: calc(100vw*(220/1024));
	}
	/* hobby page */
	#hobby .section01{
		padding-top: calc(100vw*(120/1024));
		height: calc(100vw*(790/1024));
	}
	.recom_sec{
		padding: calc(100vw*(94/1024)) calc(100vw*(100/1024)) calc(100vw*(126/1024));
	}
	.recom_sec ul{
		width: calc(100vw*(588/1024));
		margin: calc(100vw*(50/1024)) auto 0;
		gap: calc(100vw*(24/1024));
	}
	.recom_sec li{
		padding: calc(100vw*(25/1024)) 0;
		font-size: calc(100vw*(20/1024));
		border-radius: calc(100vw*(10/1024));
	}
	.recom_sec.ee_recom_sec li .in{
		padding: calc(100vw*(25/1024)) 0;
	}
	.recom_sec li div{
		width: calc(100vw*(17/1024));
		height: calc(100vw*(12/1024));
		margin-right: calc(100vw*(12/1024));
	}
	/* pass_review */
	#hobby .pass_review{
		margin-top: calc(100vw*(56/1024));
	}
	/* learn section */
	.learn_sec{
		width: calc(100vw*(900/1024));
		margin: 0 auto calc(100vw*(330/1024));
	}
	.job_uiux .learn_sec{
		margin: 0 auto calc(100vw*(200/1024));
	}
	.learn_box:first-of-type{
		margin: calc(100vw*(48/1024)) 0 calc(100vw*(98/1024));
	}
	.learn_box h3{
		width: calc(100vw*(240/1024));
		height: calc(100vw*(40/1024));
		margin: 0 auto calc(100vw*(42/1024));
	}
	.learn_wp{
		justify-content: center;
		gap: calc(100vw*(50/1024)) calc(100vw*(24/1024));
	}
	.learn_wp li{
		width: calc(100vw*(384/1024));
	}
	.learn_wp li .cont_img{
		height: calc(100vw*(280/1024));
		margin-bottom: calc(100vw*(30/1024));
	}
	.learn_wp li .cont_img img{width: 100%;}
	.learn_wp li .cont_txt span{
		margin-bottom: calc(100vw*(10/1024));
		font-size: calc(100vw*(20/1024));
	}
	.learn_wp li .cont_txt p{
		font-size: calc(100vw*(16/1024));
	}
	.learn_wp li .cont_txt ul{
		left: calc(100vw*(27/1024));
	}
	.learn_wp li .cont_txt ul li{
		font-size: calc(100vw*(16/1024));
		font-weight: 400;
		line-height: 170%;
		letter-spacing: -0.64px;
		list-style: disc;
	}
	/* choice section */
	.choice_sec{
		margin-bottom: calc(100vw*(66/1024));
	}
	.choice_cont{
		margin-top: calc(100vw*(78/1024));
		background: url('../img/bg05.png') center top calc(100vw*(80/1024)) / contain no-repeat;
	}
	.choice_top{
		width: calc(100vw*(793/1024));
	}
	.choice_top h3{
		margin-bottom: calc(100vw*(65/1024));
		padding: calc(100vw*(23/1024)) 0;
		font-size: calc(100vw*(26/1024));
	}
	.on_off_class{
		margin-bottom: calc(100vw*(120/1024));
	}
	.on_off_class > div{
		width: calc(100vw*(384/1024));
		height: calc(100vw*(384/1024));
		font-size: calc(100vw*(24/1024));
	}
	.on_off_class div span{	
		margin-top: calc(100vw*(5/1024));
		font-size: calc(100vw*(30/1024));
	}
	.choice_bot{
		width: calc(100vw*(996/1024));	
	}
	.choice_bot h3{
		margin-bottom: calc(100vw*(38/1024));
		font-size: calc(100vw*(40/1024));
	}
	.discord{
		margin-bottom: calc(100vw*(64/1024));
	}
	.discord .cont_img{
		width: calc(100vw*(784/1024));
		height: calc(100vw*(511/1024));
		margin: 0 auto calc(100vw*(18/1024));
	}
	.discord .cont_img img{
		width: 100%;
	}
	.choice_wp{
		margin-bottom: calc(100vw*(64/1024));
	} 
	.choice_wp + p{
		font-size: calc(100vw*(20/1024));
	}
	/* class inform section */
	.class_inform{
		padding: calc(100vw*(180/1024)) 0 calc(100vw*(50/1024));
	}
	.class_inform div{
		margin: calc(100vw*(37/1024)) auto calc(100vw*(52/1024));
		width: calc(100vw*(788/1024));
		height: calc(100vw*(384/1024));
	}
	.class_inform div img{
		width: 100%;
	}
	.class_inform button{
		width: calc(100vw*(384/1024));
		height: calc(100vw*(70/1024));
		font-size: calc(100vw*(20/1024));
		border-radius: calc(100vw*(10/1024));
	}
	/* invite section */
	.invite_sec{
		padding: calc(100vw*(204/1024)) 0;
	}
	.invite_sec p{
		font-size: calc(100vw*(48/1024));
	}
	
	/* FAQ section */
	.sec_faq{
		padding: calc(100vw*(150/1024)) 0 calc(100vw*(192/1024));
		height: calc(100vw*(1000/1024));
	}
	.qa_wp{
		width: calc(100vw*(792/1024));
		margin: calc(100vw*(60/1024)) auto 0;
		gap: calc(100vw*(20/1024));
	}
	.qa_wp li{
		padding: calc(100vw*(18/1024)) calc(100vw*(40/1024));
		font-size: calc(100vw*(20/1024));
		border-radius: calc(100vw*(10/1024)); 
		background: url('../img/qa_ico.svg') top calc(100vw*(25/1024)) right calc(100vw*(40/1024)) / calc(100vw*(12/1024)) no-repeat;
	}
	.qa_wp li.active{
		background: url('../img/qa_ico_on.svg') top calc(100vw*(25/1024)) right calc(100vw*(40/1024)) / calc(100vw*(12/1024)) no-repeat;
	}
	.qa_wp .answer{
		margin-top: calc(100vw*(24/1024));
		font-size: calc(100vw*(18/1024));
	}

	.class_page .section03 .slide_img.story10 {
		width: calc(100vw*(500/1024));
	}
	.class_page .section03 .slide_img.story11 {
		width: calc(100vw*(700/1024));
	}
	.class_page .section03 .slide_img.story12 {
		width: calc(100vw*(500/1024));
	}
	.Portfolio_is {
		width: 100%;
		background-size: 1150px;
		padding: 0px calc(100vw*(18/360)) calc(100vw*(160/1024));
	}
	.Portfolio_is h2{
		font-size: calc(100vw*(40/1024));
		line-height: calc(100vw*(65/1024));
		margin-bottom: calc(100vw*(54/1024));
	}
	.Portfolio_is h2 span{
		font-size:  calc(100vw*(24/1024));
	}
	.Portfolio_is .cont_wp{
		width: 100%;
	}
	.Portfolio_is .cont_wp .cont{
		width: calc(25% - 10px);
		height: calc(100vw*(190/1024));
		border-radius:  calc(100vw*(23/1024));
	}
	.Portfolio_is .cont_wp .cont::before {
		border-radius:  calc(100vw*(23/1024));
	}
	.Portfolio_is .cont_wp .cont p{
		font-size: calc(100vw*(22/1024));
		font-weight: 800;
		line-height: 160%;
		margin-top: calc(100vw*(15/1024));
	}
	.Portfolio_is .cont_wp .cont .cont_img img{
		height: calc(100vw*(96/1024));
	}
	.Portfolio_is .qc_wp{
		width: 100%;
		margin: 0 auto;
		padding: calc(100vw*(40/1024)) 0px calc(100vw*(30/1024));
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: url(../img/entrance_illust_sec2_li5_bg3.png) center / cover no-repeat;
	}
	.Portfolio_is .qc_wp .qc_img img{
		width: calc(100vw*(105/1024));
	}
	.Portfolio_is .qc_wp p{
		font-size: calc(100vw*(22/1024));
		line-height: 250%;
	}
	.Portfolio_is .qc_wp p::after{
		transform: translateY(25%);
		width: calc(100vw*(30/1024));
		height: calc(100vw*(30/1024));
		margin-left: calc(100vw*(6/1024));
	}
	.portfolio_quality h2{
		font-size: calc(100vw*(48/1024));
		margin-bottom: calc(100vw*(21/1024));
	}
	.portfolio_quality h2 span{
		font-size: calc(100vw*(48/1024));
	} 
	.portfolio_quality h2 img{
		width: calc(100vw*(64/1024));
		bottom: calc(100vw*(-10/1024));
	}
	.portfolio_quality h3{
		font-size: calc(100vw*(16/1024));
	}
	.entrance_knowhow{
		height: calc(100vw*(740/1024));
	}
	.entrance_knowhow h2{
		font-size: calc(100vw*(56/1024));
	}
	.interview_merits .inner h1{
		line-height: calc(100vw*(65/1024));
		font-size: calc(100vw*(40/1024));
	}
	.interview_merits h1 span{
		font-size: calc(100vw*(24/1024));
	}
	#entrance_illust .section04 .interview_list iframe{
		width: calc(100vw*(984/1024));
		height: calc(100vw*(644/1024));
	}
	#entrance_illust .system_sec .top{
		padding-top: 0px;
	}
	#entrance_illust .section08{
		margin-top: 160px;
	}
	/* 20250116 */
	.job_uiux .section01_1{
		padding-top:750px;
	}
	.job_uiux .section01_1 p{
		font-size: calc(100vw*(20/1024));
	}
	.job_uiux .section01_1 ul li h3{
		font-size: calc(100vw*(17/1024));
	} 
	.job_uiux .section01_1 ul li h3 span{
		font-size: calc(100vw*(19/1024));
	} 
	.job_uiux .section01_1 ul li h4{
		font-size: calc(100vw*(19/1024));
	} 
	.job_uiux .section01_1 ul li h4 span{
		font-size: calc(100vw*(31/1024));
	} 
	.umg_rt_feedbacklecture .wrapped{
		gap: calc(100vw*(24/1024));
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
	.umg_rt_feedbacklecture .wrapped .right img{
		width: 100%;
		height: auto;
	}
	.uiux_teacher_introduce .wrapped{
		width: 90%;
		height: auto;
		padding: calc(100vw*(45/1024)) calc(100vw*(35/1024));
		gap: 30px;
		margin: calc(100vw*(95/1024)) auto calc(100vw*(155/1024));

	}
	.uiux_teacher_introduce .cont1{
		top: -75px;
		width: calc(100vw*(165/1024));
	}
	.uiux_teacher_introduce .cont1 p{
		font-size: calc(100vw*(31/1024));
		margin-top: calc(100vw*(15/1024));
	}
	.uiux_teacher_introduce .cont1 p span{
		font-size:  calc(100vw*(17/1024));
		line-height: 150%;
	}
	.uiux_teacher_introduce .cont2{
		width: 500px;
	  }
	.uiux_teacher_introduce .cont2 p{
	font-size: 20px;
	}
	.uiux_teacher_introduce .cont2 p span{
	font-size: 39px;
	line-height: 80%;
	}
	.uiux_teacher_introduce .cont3{
	position: absolute;
	}
	.uiux_teacher_introduce .cont3 button{
	font-size: calc(100vw*(21/1024));
	padding: calc(100vw*(12/1024)) calc(100vw*(52/1024));
	}
	.uiux_teacher_exp {
		width: 100%;
	}
	.uiux_teacher_exp .wrap{
		width: auto;
		/* white-space: nowrap; */
	}
	.uiux_teacher_exp h3{
		font-size: 28px;
		line-height: 42px;
	}
	.uiux_teacher_exp h3 span{
		font-size: 19px;
	}
	.uiux_teacher_exp .wrapped img{
		width: 100px;
		height: 100px;
	}
	.uiux_teacher_exp .explain{
		font-size: 18px;
	}
	.wt_sec2_wrap{
		margin-bottom: calc(100vw*(115/1024));
	}
	.wt_sec2_slide{
		width: 96%;
	}
	.wt_sec2_list > li{
		width: calc(100vw*(315/1024));
		height: calc(100vw*(482/1024));
	}
	.wt_sec2_list li .wt_list_cont .wt_list_tag{
		margin-bottom:  calc(100vw*(9/1024));
	}
	.wt_sec2_list li .wt_list_cont .wt_list_tag li{
		font-size: calc(100vw*(13/1024));
		padding:calc(100vw*(6/1024)) calc(100vw*(8/1024));
	}
	.wt_sec2_list li .wt_list_cont p{
		font-size: calc(100vw*(24/1024));
		margin-bottom:  calc(100vw*(18/1024));
	}
	.wt_sec2_list li .wt_list_cont small{
		font-size: calc(100vw*(15/1024));
	}
	.focus_class div{
		width: 96%;
		margin-top: calc(100vw*(65/1024));
	}
	.focus_class div > button{
		bottom:calc(100vw*(35/1024));
		left:calc(100vw*(22/1024));
		width:calc(100vw*(200/1024));
		height:calc(100vw*(50/1024));
		font-size:  calc(100vw*(16/1024));
	} 
	.wt_banner{
		margin-bottom: calc(100vw*(120/1024));
	}
	.wt_banner div{
		width: 100%;
		height: calc(100vw*(330/1024));
	}
	.wt_banner div > img:nth-child(1){
		top:  calc(100vw*(60/1024));
	}
	.wt_banner div button{
		position: absolute;
		top: calc(100vw*(200/1024));
		left: 4%;
		width: calc(100vw*(230/1024));
		height: calc(100vw*(55/1024));
		padding: calc(100vw*(10/1024)) calc(100vw*(20/1024));
		font-size: calc(100vw*(23/1024));
	}
	.class_features ul{
		margin-top: calc(100vw*(65/1024));
		width: 96%;
		border-radius: calc(100vw*(27/1024));
	}
	.learn_box.wt:first-of-type {
		margin: calc(100vw * (48 / 1024)) 0 0;
	}
}