@media screen and (max-width:720px) {

.main-sect04 .piece-wp {
    margin-top: 20px;
}
.main-sect04 .piece-wp .more {
	font-size: 14px;
}
.main-sect02 .btm-wp .swiper-slide {
    height: 40px;
}
.main-sect05 .m-acc-wp {
    margin-top: 25px;
} 
.popup_layer{top:100px !important;left:15px !important;width: calc(100% - 30px) !important;height:auto !important;z-index:99;transform: none;}
.popup_layer_con{width:100% !important;height:auto !important;}


.cur-bg {padding-bottom: 35px;}
.cur-bg .bg_inner{height: 900px;}
.cur-bg .bg_inner::after{
	display: none;
}
.counsel-sect .bg-wp .cloud01,
.counsel-sect .bg-wp .cloud02,
.counsel-sect .bg-wp .ico02 {animation: none;}
.cur-detail .curri_student .swiper-button-next, 
.cur-detail .curri_student .swiper-button-prev {top: 65%;}

.pc-block{display:none;}
.mo-block{display:block;}


.tcher-wp {padding-bottom: calc(100vw*(30/360));}
.tcher-wp .control .swiper-button-prev{top:50%;}
.tcher-wp .control .swiper-button-prev:after{width: 35px;height: 35px;}
.tcher-wp .control .swiper-button-next{top:50%;}
.tcher-wp .control .swiper-button-next:after{width: 35px;height: 35px;}



/* [s] header */
.header{height:52px;}
.header.scroll{background: rgba(21, 31, 40, 0.4);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}
.h-logo{width: 81px;height:26px;}

.h-nav{top:52px;height: calc(100vh - 52px);}
.h-nav .depth-01 > li > a{font-size: 15px;}
.h-nav .depth-02 > li > a{font-size: 14px;}

/* [e] header */
.s_ask{right:3%;gap: 10px;}
.s_ask .ask-btn{background-size:47px 47px;bottom:90px;right:5vw;}
.s_ask .ask-btn.active{background-size:47px 47px;}
.s_ask .ask_menu.active{bottom:160px;right:5vw;width: 47px;}
.s_ask .ask_menu li{width:39px;margin-top:11px;}
.s_ask .ask_menu.active.fade_in li:nth-child(1){--slide-distance:215px;}
.s_ask .ask_menu.active.fade_in li:nth-child(2){--slide-distance:165px;}
.s_ask .ask_menu.active.fade_in li:nth-child(3){--slide-distance:115px;}
.s_ask .ask_menu.active.fade_in li:nth-child(4){--slide-distance:65px;}
.s_ask .ask_menu.active li:nth-child(1){--slide-distance:215px;}
.s_ask .ask_menu.active li:nth-child(2){--slide-distance:165px;}
.s_ask .ask_menu.active li:nth-child(3){--slide-distance:115px;}
.s_ask .ask_menu.active li:nth-child(4){--slide-distance:65px;}

/* [s] footer */
.footer .cont-wp .inner{gap:26px;padding: 0;align-items: start;}
.footer .cont-wp .inner.top{width: 90%; margin-bottom: 45px;}
.footer .cont-wp .inner.top .cont_img img{width: 100%;}
.footer .cont-wp .inner.top .cont_img{
	width: 60px;
}
.footer .cont-wp .cont_txt{
	font-size: 12px;
}
.footer .cont-wp .cont_txt .tel,
.footer .cont-wp .cont_txt span{
	font-size: 15px;
}
.footer .cont-wp .f-logo{/*width:45px;height:42px;*/}
.footer .cont-wp .f-txt{gap: 20px;}
.footer .cont-wp .f-txt ul{gap:0 24px;justify-content: flex-start;}
.footer .cont-wp .f-txt ul:nth-of-type(2){gap: 2px 10px;}
.footer .cont-wp .f-txt li{font-size: 11px;line-height: 18px;text-align: left;}
.footer .cont-wp .f-txt li::after{right:-13px;height:8px;}
.footer .cont-wp .f-txt .company-info li {font-size: 10px;line-height: 13px;order:6;}
.footer .cont-wp .f-txt .company-info li:nth-child(1) {order:1;}
.footer .cont-wp .f-txt .company-info li:nth-child(2) {order:2;}
.footer .cont-wp .f-txt .company-info li:nth-child(3) {order:4;}
.footer .cont-wp .f-txt .company-info li:nth-child(4) {order:3;}
.footer .cont-wp .f-txt .company-info li:nth-child(5) {order:5;}
.footer .cont-wp .f-txt ul:nth-of-type(1) li:nth-of-type(3)::after,
.footer .cont-wp .f-txt ul:nth-of-type(2) li:nth-of-type(2)::after,
.footer .cont-wp .f-txt ul:nth-of-type(2) li:nth-of-type(6)::after,
.footer .cont-wp .f-txt ul:nth-of-type(2) li:nth-of-type(4)::after{display:none;}
.footer .cont-wp .f-txt ul:nth-of-type(2) li:nth-child(4)::after{display:block;}
.footer .cont-wp .f-sns{margin-top: 10px;}
.footer .copy-wp{height: 40px;font-size: 12px;}
.footer .cont-wp .f-sns {position: absolute;bottom: -40px;left: 50%; transform: translateX(-50%);}
.footer .cont-wp .f-sns ul {gap: 20px;}
.footer .cont-wp .f-sns img {height: 17px;}

/* [e] footer */

/* [s] main */
.swiper-pagination.v1{bottom:55px !important;}
.swiper-pagination.v1 .swiper-pagination-bullet {margin: 0 8px !important;}


.main-sect01{height:139vw;}
.main-sect01 .control{display:none;}
.main-sect01 .swiper-page-gr {bottom:40px;width: 63%;}
.main-sect01 .swiper-slide video{}
.main-sect02 .top-wp .inner {width: 100%;}
.main-sect02 .top-wp .list-wp li a{flex-direction:column;gap:12px;}
.main-sect02 .top-wp .list-wp li .img{width:26px;height:26px;}
.main-sect02 .top-wp .list-wp li h2{font-size: 12px;line-height: 14px;}
.main-sect02 .top-wp .list-wp li {width: 25%;}
.main-sect02 .top-wp .list-wp li:after {top: 0;right: 0;width: 1px;height: 50px;}

.main-sect02 .btm-wp h2{display:none;}
.main-sect02 .btm-wp h1{font-size: 12px;width: 100%;text-align: center;}
.main-sect02 .btm-wp h1 .en{margin-left: 5px;}

.main-sect03 .ttl-wp h1{font-size: 36px;line-height: 32px;}
.main-sect03 .ttl-wp h2{margin-top: 10px;font-size: 14px;line-height: 30px;}

.swiper-main03{padding-top: 25px;}
.swiper-main03 .swiper-slide .after-wp{height:113vw;border-radius:20px;}
.swiper-main03 .swiper-slide .after-wp .green-wp{padding-bottom: 20px;}
.swiper-main03 .swiper-slide .after-wp .txt-wp .name{font-size: 15px;line-height: 17px;}
.swiper-main03 .swiper-slide .after-wp .txt-wp .period{margin-top: 10px;font-size: 20px;line-height: 22px;}
.swiper-main03 .swiper-slide .after-wp .txt-wp h3{width: 70px;height: 26px;font-size: 15px;}
.main-sect03 .control .swiper-button-prev,
.main-sect03 .control .swiper-button-next{bottom: 6%;}
.main-sect03 .control .swiper-button-next:after, 
.main-sect03 .control .swiper-button-prev:after {width: 35px;height: 35px;}

.swiper-main04-tab .swiper-wrapper{justify-content:unset;}
.swiper-main04-tab .swiper-slide{height: 47px;font-size: 15px;}

.main-sect04{padding-bottom: 53px;}
.main-sect04 .piece-wp .list{gap:30px 10px;}
.main-sect04 .piece-wp .list li{width:calc((100% - 10px) / 2);height:auto;}
.main-sect04 .piece-wp .list li img{height: calc((90vw - 10px) / 2);}
.main-sect04 .piece-wp .list li h2{padding-bottom: calc(100vw*(14/360));font-size:calc(100vw*(14/360));line-height: 15px;}
.main-sect04 .view-more{width: 272px;height: 40px;background-image:url('../img/main_sect04_view_m.png');}

.main-sect05{padding-top: 7px;}
.main-sect05 h1{font-size: 36px;line-height: 32px;}
.main-sect05 h2{margin-top: 10px;font-size: 14px;line-height: 30px;}
.main-sect05 .accordian-wp li:nth-of-type(5) .bg img{right:55%;}
.main-sect05 .accordian-wp li:nth-of-type(5) .bg .main_sect05_pc_img{display: none;}
.main-sect05 .accordian-wp li:nth-of-type(5) .bg .main_sect05_mb_img{display: block;}
.main-sect05 .accordian-wp li:nth-of-type(5) .bg img:last-of-type{display: block;}


.main-sect06{padding: 70px 0 63px;}
.main-sect06 h1{font-size: 32px;line-height: 32px;}

.swiper-main06-wp{height:450px;}
.swiper-main06{width: 1190px;padding-bottom: 80px; margin-top: 40px;}
.swiper-main06 .swiper-slide{padding: 32px 20px;}
.swiper-main06 .swiper-slide:nth-of-type(even){transform: translateY(30px);}
.swiper-main06 .ttl-wp{gap:20px;}
.swiper-main06 .ttl-wp .profile{width: 40px;height: 40px;}
.swiper-main06 .ttl-wp h2{font-size: 14px;line-height: 15px;}
.swiper-main06 .ttl-wp h3{margin-top: 10px;font-size: 14px;line-height: 15px;}
.swiper-main06 .cont-wp{margin-top: 27px;}
.swiper-main06 .cont-wp img{width:19px;}
.swiper-main06 .cont-wp p{margin-top: 18px;font-size: 12px;line-height: 20px;-webkit-line-clamp: 8;}

.main-sect07 .inner {width: 100%;overflow: hidden;}
.main-sect07 .mImg {display: block;}
.main-sect07 .pImg {display: none;}
.main-sect07 .char {width: 55%;bottom: 3%;right: -5%;}
.main-sect07 .bannerTxt {top: 13%;left: 5%;width: 90%;}
.main-sect07 .mImg .bannerTxt img:nth-child(1) {width: 36%;}
.main-sect07 .mImg .bannerTxt img:nth-child(2) {width: 62%;margin-top: 3%;}
.main-sect07 .mImg .bannerTxt img:nth-child(3) {width: 46%; margin:5% 0 12%;}
.main-sect07 .mImg .bannerTxt .cta_btn{display: flex; justify-content: center;position: relative; left: -5px; width:42%;font-family: "NanumSquareNeo-Variable", sans-serif;color:#ffffff;font-size:calc(100vw*(10/360));font-weight: 900;border-radius: 50px;background-color:#07D0BD;padding: 2% 0;}
.main-sect07 .mImg .bannerTxt .cta_btn img {display: inline;width: 10%;margin-right: 4%;}

/* .main-sect07 .txt-wp h2{font-size: 14px;line-height: 15px;}
.main-sect07 .txt-wp h1{margin-top: 10px;font-size: 26px;line-height: 40px;}
.main-sect07 .txt-wp p{margin-top: 10px;font-weight: 300;font-size: 13px;line-height: 22px;}
.main-sect07 .ico{margin-top: -20px;height: 104px;} */

.main-sect08{padding: 60px 0;}
.main-sect08 h1{font-size: 32px;line-height: 32px;}
.main-sect08 h2{margin-top: 10px;font-size: 16px;line-height: 30px;}

.swiper-main08{width: 710px;margin-top: 25px;margin-left: calc(50% - 353px);}
.swiper-main08::before, .swiper-main08::after{width:205px;}
.swiper-main08::before {background: linear-gradient(90deg, #151F28 80%, rgba(21, 31, 40, 0) 100%);}
.swiper-main08::after {background: linear-gradient(-90deg, #151F28 80%, rgba(21, 31, 40, 0) 100%)}





/* .swiper-main08 .swiper-slide img{height: 309px;} */
.swiper-main08 .swiper-slide img{height: 326px;}
.swiper-main08 .swiper-slide h3{margin-top: 20px;font-size: 14px;line-height: 22px;}
.swiper-main08 .swiper-slide p{font-size: 12px;line-height: 14px;}
.main-sect08 .view-more{width: 272px;height: 40px;margin:38px auto 0;background-image:url('../img/main_sect08_view_m.png');}



.main-sect09{padding: 60px 0 89px;}
.main-sect09 h1{font-size: 32px;line-height: 32px;}
.main-sect09 h2{width: 220px;margin: 10px auto 25px;font-size: 14px;line-height: 24px;}

.swiper-main09 {width: 100%;position: static;transform: none;}
.swiper-main09 .swiper-slide{width: 100%;}
.swiper-main09-wp{height:auto;margin-top: 0;}
.swiper-main09 .swiper-slide.swiper-slide-active{margin-top: 0;}
.swiper-main09 .swiper-pagination{bottom:-29px;width:64vw;}


.main-sect10 {padding: 60px 0 0px;}
.main-sect10 h1 {font-size: 32px;line-height: 32px;}
.main-sect10 h2 {margin-top: 10px;font-size: 16px;line-height: 30px;}
.main-sect10 .more {width: 100%;margin: 358px auto 23px;}
.main-sect10 .more h3 {font-size: 20px;}
.main-sect10 .more a {font-size: 14px;}
.main-sect10 .main-sect10-list {width: 100%;}
.main-sect10 .item iframe {width: 100%;top: 90px;}
.main-sect10 .item a {text-align:center; font-size: 15px;width: 100%;padding:15px 18px;}


/* [e] main */

/* [s] sub 공통영역 */

	/* 상담문의 */
.counsel-sect{padding: 70px 0 70px;}
.counsel-sect::before{top: 0;}
.counsel-sect .bg-wp .cloud01{bottom:-2vw;left:52.5%;width:150vw;}
.counsel-sect .bg-wp .cloud02{bottom:-30vw;left:50%;width:136vw;}
.counsel-sect .bg-wp .ico01{display:none;}
.counsel-sect .bg-wp .ico02{bottom: 25px;right:7vw;width:70px;}
.counsel-sect h1{font-size: 28px;line-height: 40px;}
.counsel-sect .chk-wp{gap:12px 8px;margin-top: 32px;}
.counsel-sect .chk-wp li{width:calc((100% - 20px) / 3);height: 40px;}
.counsel-sect .chk-wp li label{padding: 0;font-size: 14px;}
.counsel-sect .box-wp{margin-top: 56px;}
.counsel-sect .wh-box{padding: 32px 20px;border-radius: 16px 16px 0 0;}
.counsel-sect .wh-box .input-wp{gap:16px;}
.counsel-sect .wh-box .input-wp label{gap:8px;font-size: 15px;}
.counsel-sect .wh-box .input-wp input{height: 48px;font-size: 15px;}
.counsel-sect .wh-box .agree{margin-top: 32px;font-size: 14px;}
.counsel-sect .gr-box{height:56px;border-radius: 0px 0px 16px 16px;font-size: 18px;}

	/* sub ttl */
.sub-ttl-wp{gap:20px;padding-top: 98px;}
.sub-ttl-wp h1{font-size: 32px;line-height: 46px;}
.sub-ttl-wp .depth li{font-size: 14px;line-height: 15px;}

.inner_top{width: 100%;}
.inner_bottom{width: 90%;}

	/* sub tab */
.tab-wp{display:none;}
.mo-tab-wp{display:block;}
.mo-tab-wp{width:100%;height:48px;margin-top: 40px;}
.mo-tab-wp h1{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height: 48px;background: #07D0BD;font-weight: 600;font-size: 14px;color: #FFFFFF;cursor:pointer;}
.mo-tab-wp h1::after{content:'';position:absolute;top:50%;right:16px;transform:translateY(-50%);width: 16px;height: 10px;background:url('../img/tab_arrow.png') no-repeat center / contain;}
.mo-tab-wp .slide-wp{position:relative;display:none;width:100%;z-index:5;}
.mo-tab-wp .slide-wp li{width:100%;height: 48px;background: #29343F;border-bottom: 1px solid #556576;font-weight: 600;font-size: 14px;color: #556576;}
.mo-tab-wp .slide-wp li:last-of-type{border-bottom: none;}
.mo-tab-wp .slide-wp li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;}


	/* list view */
.list-view-wp{margin: 57px 0 72px;}
.list-view-wp .ttl-wp{padding: 40px 0 32px;}
.list-view-wp .ttl-wp h1{font-size: 22px;line-height: 24px;}
.list-view-wp .ttl-wp h2{margin-top: 12px;font-size: 14px;line-height: 15px;}

.nav-wp{margin-top: 40px;}
.nav-wp .arrow-wp{gap:4px;font-size: 14px;}
.nav-wp .arrow-wp.prev img,
.nav-wp .arrow-wp.next img{width:19px;}
.nav-wp .list{width: 108px;height: 40px;font-size: 14px;}

.list-thum-wp{margin-top: 54px;}
.list-thum-wp li{width:calc((100% - 10px) / 2);}
.list-thum-wp li .img-wp{height:calc((90vw - 10px) / 2);}
.list-thum-wp li .txt-wp h2{margin-top: 18px;font-size: 15px;line-height: 17px;}
.list-thum-wp li .txt-wp p{margin-top: 10px;font-size: 13px;line-height: 20px;}

.list-thum-wp.txt{gap:32px 10px;}

	/* page number */
.pagination{gap:42px;margin:48px 0 72px;}
.pagination li{font-size: 14px;}
.pagination li img{width:10px;}

	/* btn */
.btn-green{gap:12px;width: 124px;height: 40px;margin: 40px auto 72px;font-size: 14px;}
.btn-green img{width:16px;}

	/* popup */
.popup-basic{border-radius: 16px;}
.popup-basic .close-btn{top:18px;right:18px;width:20px;height: 20px;}
.popup-basic .btn-green{margin-top: 16px;font-size: 15px;}

	/* 수강후기 */
.popup-review h1{padding: 16px 14px 20px;font-size: 18px;}
.popup-review .cont-wp{gap:16px;padding: 23px 20px;}
.popup-review .cont-wp label{gap:8px;font-size: 15px;}
.popup-review input, 
.popup-review select, 
.popup-review textarea{height: 48px;padding: 0 16px;}
.popup-review textarea{height: 136px;}
.popup-review .cont-wp .two-wp{flex-direction:column;gap:16px;}
.popup-review .cont-wp .two-wp label{width:100%;}
.popup-review .btn-green{width:100%;height: 54px;margin-top: 0;}


.popup-review-complete {}
.popup-review-complete .popup-basic{padding: 49px 0 41px;}
.popup-review-complete p{font-size: 20px;line-height: 34px;}


/* [e] sub 공통영역 */

/* intro */
.intro-sect .ttl{font-weight: 500;font-size: 28px;line-height: 40px;}
.intro-sect .ttl-sub{margin-top: 16px;font-weight: 300;font-size: 16px;line-height: 28px;}

.intro-sect01{gap:30px;height: 500px;}
.intro-sect01 h1{font-weight: 600;font-size: 32px;line-height: 46px;}
.intro-sect01 p{font-size: 16px;line-height: 18px;}

.intro-sect02{padding: 70px 0 0;}
.intro-sect02 ul{margin-top: 32px;}
.intro-sect02 li{align-items:end;padding: 32px;}
.intro-sect02 li .txt-wp h3{font-size: 14px;}
.intro-sect02 li .txt-wp h2{margin-top: 10px;font-size: 18px;}
.intro-sect02 li img{width:32px;}

.intro-sect03{padding: 140px 0 107px;}
.intro-sect03 ul{margin-top: 24px;}
.intro-sect03 li{padding: 40px 32px;}
.intro-sect03 li h2{font-weight: 400;font-size: 18px;line-height: 30px;}
.intro-sect03 li img{width:50px;}

.intro-sect04{padding: 70px 0 64px;background:url('../img/intro_sect04_bg_m.png') center / cover;}
.intro-sect04 ul{gap:10px;margin-top: 35px;}
.intro-sect04 li{gap:10px;height:calc(51vw - 5px);}
.intro-sect04 li img{width:35px;}
.intro-sect04 li h3{font-size: 15px;line-height: 26px;}

.intro-sect05{padding: 70px 0;background:url('../img/intro_sect05_bg_m.png') center / cover;}
.intro-sect05 .ttl-wp{position:relative;}
.swiper-intro05{margin-top: 40px;}
.swiper-intro05 .swiper-wrapper{align-items:start;}
.swiper-intro05 .swiper-slide{flex-direction:column-reverse;}
.swiper-intro05 .swiper-slide .img{width:100%;height:90vw;margin-right: 0;}
.swiper-intro05 .swiper-slide .txt-wp{width:100%;margin-top:41px;}
.swiper-intro05 .swiper-slide .txt-wp h4{font-size: 14px;line-height: 15px;}
.swiper-intro05 .swiper-slide .txt-wp h3{margin-top: 12px;font-size: 20px;line-height: 22px;}
.swiper-intro05 .swiper-slide .txt-wp p{margin-top: 24px;font-weight: 200;font-size: 15px;line-height: 30px;}
.swiper-intro05 .swiper-button-prev,
.swiper-intro05 .swiper-button-next{top:45vw;width: 40px;height: 40px;}
.swiper-intro05 .swiper-button-prev{left:0;right:unset;}
.swiper-intro05 .swiper-button-next{right:0;}

.intro-sect06{padding: 72px 0;}
.intro-sect06 .ttl{font-weight: 600;}
.intro-sect06 .scroller_wp{gap:20px;margin-top: 32px;}
.intro-sect06 .scroller_wp .simply-scroll{height:60px;}
.intro-sect06 .scroller_wp .simply-scroll-clip{height:60px;}
.intro-sect06 .scroller_wp .simply-scroll-list li{width:156px;height:60px;}


/* 교육과정 */
.cur-detail .intro {padding: 27px 27px;margin: 100px 0 40px;}
.cur-detail .intro h2 {font-size: 18px; line-height: 28px;margin-bottom: 16px;}
.cur-detail .intro h2 span {display: inline-block;}
.cur-detail .intro p {font-size: 14px; line-height: 26px;}
.cur-detail .intro p br {display: none;}
.cur-detail .curri_detail {margin-bottom: 20px;}
.cur-detail .curri_detail ul {flex-direction: column;}
.cur-detail .curri_detail ul li {width: 100%;margin-bottom: 40px;}
.cur-detail .curri_info {margin-bottom: 73px!important;}
.cur-detail .curri_info .info_box {width: 100%; padding: 36px 16px;}
.cur-detail .curri_info .info_box li {flex-direction: column;margin-bottom: 27px;}
.cur-detail .curri_info .info_box li .tit {margin-bottom: 8px;}
.cur-detail .curri_info .info_box li .txt {width: 100%; font-size: 12px;}
.cur-detail .curri_info .info_box li .txt .class{width: 38px;}
.cur-detail .curri_info .info_box li .txt .mBr {display: block;}
.cur-detail .curri_info .charac {width: 46%; top: 70%;bottom: -80px;}

.concept-wp .curri_info .charac{width: 62%;}

.animate .cur-detail .curri_info .charac{width: 250px; top: 65%; right: -15%;}
.grap-detail .curri_info .charac {top: auto; bottom: -39px;right: -27%;width: 85%;}

.cur-detail .curri_cont img {margin-bottom: 40px;}
.cur-detail .curri_cont p {font-size: 14px; line-height: 24px;}
.cur-detail .curri_tb th, .cur-detail .curri_tb td {font-size: 11px;

padding: 12px 5px;}
.cur-detail .curri_tb th:nth-child(2), .cur-detail .curri_tb td:nth-child(2) {width: 30% !important;}

.cur-detail .curri_tb td {font-weight: 200; line-height: 24px;}
.cur-detail .curri_tb .item {overflow: auto;margin-bottom: 40px;}
.cur-detail .curri_tb table {margin-bottom: 0;}

.ui-detail .curri_info .charac {bottom: 22px;right: -3%;width: 54%;}
.ui-detail .curri_info .charac_bg {bottom: -29px;width: 78%;right: -14%;}

/* 포트폴리오 */
.swiper-tcher{margin-top: 29px;}
.swiper-tcher .swiper-slide{width: 55vw;height: 74vw;}
.swiper-tcher .swiper-slide .name{bottom:16px;left:12px;font-size: 13px;line-height: 20px;top:calc(100vw*(230/360));right: 28px;}
.swiper-tcher .swiper-slide .name h1{font-size: calc(100vw*(16/360));line-height: 24px;white-space:nowrap;}
.swiper-tcher .swiper-slide .name p{display: none;}
.swiper-tcher .swiper-slide .career{bottom:16px;left:12px;font-size: 13px;line-height: 20px;}
.tcher-list-wp{padding: 54px 0 72px;}
.tcher-list li{width:calc((90vw - 10px) / 2);height:calc((90vw - 10px) / 2);}

.swiper-tcher .swiper-slide .bg::after{opacity: 0.86;}
.swiper-tcher .swiper-slide .career{display:none;}

.swiper-tcher .swiper-slide:hover .bg::after{opacity:0;}
.swiper-tcher .swiper-slide:hover .name{display:block;}
.swiper-tcher .swiper-slide:hover .career{display:none;}


.stud-list-wp .list-thum-wp{margin-top: 54px;}

.tab-wp-sub .swiper-wrapper{justify-content:unset;}
.tab-wp-sub .swiper-slide{height: 47px;font-size: 15px;}


.cur-detail .ani_img5{height: auto;}

	/* before after */
.after-art-wp{margin-top: 41px;}
.after-art-wp .ttl-wp li{gap:5px;}
.after-art-wp .ttl-wp li h1{font-weight: 300;font-size: 16px;line-height: 21px;}
.after-view-wp{margin-top: 23px;padding: 8px;border: 2px solid #FFFFFF;}
.after-view-wp .txt-wp{height: 40px;padding: 0 10px;}
.after-view-wp .txt-wp p{font-size: 13px;}
.after-view-wp .txt-wp h2{font-size: 14px;}

.after-list-wp .list-thum-wp{margin-top: 54px;}

	/* 수강후기 */
.review-wp{margin-top: 56px;}
.review-wp .bg-wp .top {top: 500px;right: -75px;width: 340px;}
.review-wp .inner{padding-top: 40px;}
.review-wp .main-ttl-wp h1{font-size: 26px;line-height: 29px;}
.review-wp .main-ttl-wp p{margin-top: 12px;font-size: 14px;line-height: 15px;}

.swiper-review-wp{margin-top: 40px;}
.swiper-review .swiper-slide{height: 356px;padding: 32px 24px;border-radius: 16px;}
.swiper-review .swiper-slide .profile-wp{gap:20px;}
.swiper-review .swiper-slide .profile-wp img{width: 32px;height: 32px;margin-bottom: 3px;}
.swiper-review .swiper-slide .profile-wp h2{font-size: 14px;line-height: 16px;}
.swiper-review .swiper-slide .profile-wp h3{margin-top: 8px;font-size: 15px;line-height: 20px;}
.swiper-review .swiper-slide p{margin-top: 24px;font-size: 15px;line-height: 28px;}
.swiper-review-wp .swiper-button-prev{width: 16px;height: 26px;}
.swiper-review-wp .swiper-button-next{width: 16px;height: 26px;}

.review-list-wp{gap:20px;margin-top: 46px;}
.review-list-wp li{border-radius: 16px;}
.review-list-wp li .ttl-wp{flex-direction:column;align-items:start;gap:12px;padding: 24px 20px;}
.review-list-wp li .ttl-wp h1{font-size: 16px;}
.review-list-wp li .ttl-wp span{font-size: 14px;}
.review-list-wp li .ttl-wp p{font-size: 13px;}
.review-list-wp li .cont-wp{padding: 24px 20px;font-size: 15px;line-height: 28px;}

/* 미디어 */
.media-list-wp{margin-top: 57px;padding-top: 40px;}
.media-list-wp li{width:100%;}
.media-list-wp li .img-wp{height:51vw;}
.media-list-wp li .txt-wp{padding: 24px 20px;}
.media-list-wp li .txt-wp p{font-size: 13px;line-height: 18px;}
.media-list-wp li .txt-wp h2{margin-top: 10px;font-size: 15px;line-height: 18px;}

.list-view-wp .view-img-wp iframe{border-radius: 16px;}
.list-view-wp .media-list-wp{margin-top: 54px;}
.list-view-wp .media-list-wp li{width:calc((100% - 10px) / 2);}
.list-view-wp .media-list-wp li .img-wp{height:25vw;}
.list-view-wp .media-list-wp li:nth-of-type(3) {display:none;}
.list-view-wp .media-list-wp li .txt-wp{padding: 14px 12px;}
.list-view-wp .media-list-wp li .txt-wp h2{margin-top: 6px;font-weight: 400;}

/* 디자인 이벤트 */
.event-list-wp{margin-top: 57px;padding-top: 40px;}
.event-list-wp li .img-wp{height:61.5vw;}

.list-view-wp .event-list-wp li:nth-of-type(3) {display:none;}

/* 상담문의 */
.counsel-wp{margin-top: 57px;}
.counsel-wp .form-wp{padding: 40px 0 48px;}
.counsel-wp .left-wp h1{font-size: 22px;line-height: 24px;}
.counsel-wp .left-wp p{margin-top: 12px;font-size: 16px;line-height: 24px;}
.counsel-wp .left-wp .chk-wp{gap:8px 6px;margin-top: 32px;}
.counsel-wp .left-wp .chk-wp li{width: calc((100% - 12px) / 3);height:48px;}
.counsel-wp .left-wp .chk-wp li label{font-size: 14px;}
.counsel-wp .right-wp .input-wp label{gap:8px;font-size: 15px;}
.counsel-wp .right-wp .agree{margin-top: 32px;}
.counsel-wp .right-wp .btn-green{height: 48px;margin-top: 40px;border-radius: 4px;font-size: 15px;}

.counsel-sect04{padding: 17px 0 70px;}
.counsel-sect04 h1{font-size: 28px;line-height: 40px;margin-bottom: 12px;}
.counsel-sect04 .map{height:58vw;margin-top: 40px;background:url('../img/map_m.png') center / cover;}
.counsel-sect04 .address-list{flex-wrap:wrap;gap:32px 0;margin-top: 40px;}
.counsel-sect04 .address-list li{width:50%;}
.counsel-sect04 .address-list li img{width: 50px;}
.counsel-sect04 .address-list li h2{margin-top: 18px;font-size: 15px;line-height: 20px;}
.counsel-sect04 .address-list li p{width:80%;margin-top: 10px;font-size: 15px;}


	/* 신청 완료 */
.complete-wp{padding: 117px 0 86px;}
.complete-wp h2{font-size: 18px;line-height: 20px;}
.complete-wp h1{margin-top: 40px;font-size: 32px;line-height: 46px;}
.complete-wp p{margin-top: 20px;font-size: 16px;line-height: 24px;}
.complete-wp .btn-green{margin: 48px 0 0 0;width: 124px;}

/* 맞춤형 컨설팅 */

.custom-wp{padding: 100px 0 70px;}
.custom-wp .ttl-wp h1{font-size: 22px;line-height: 32px;}
.custom-wp .ttl-wp .step-wp{width: 320px;}
.custom-wp .ttl-wp .step-wp li{width:22%;}
.custom-wp .ttl-wp .step-wp li::after{top:26px;right:-9px;width: 6px;}
.custom-wp .ttl-wp .step-wp li img{width:56px;}
.custom-wp .ttl-wp .step-wp li h3{margin-top: 8px;font-size: 13px;line-height: 17px;}
.custom-wp .ttl-wp .step-wp li h2{margin-top: 4px;font-size: 14px;line-height: 20px;}
.custom-wp .big-ttl-wp{margin-top: 32px;padding: 10px;}
.custom-wp .big-ttl-wp .border-wp{padding: 23px 37px;}
.custom-wp .big-ttl-wp h1{font-size: 20px;line-height: 32px;}
.custom-wp .big-ttl-wp p{margin-top: 14px;font-size: 16px;line-height: 28px;}
.custom-wp .nav-wp{margin-top: 40px;}

.custom-wp .radio-wp{flex-wrap:wrap;gap:16px;}
.custom-wp .radio-wp li{width:100%;height:51.1vw;}
.custom-wp .radio-wp.step01 li:nth-of-type(1) label{background:url('../img/custom_step01_li01_on_m.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step01 li:nth-of-type(2) label{background:url('../img/custom_step01_li02_on_m.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step01 li:nth-of-type(3) label{background:url('../img/custom_step01_li03_on_m.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step01 li:nth-of-type(1) input:checked + label{background:url('../img/custom_step01_li01_on_m.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step01 li:nth-of-type(2) input:checked + label{background:url('../img/custom_step01_li02_on_m.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step01 li:nth-of-type(3) input:checked + label{background:url('../img/custom_step01_li03_on_m.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step01 li:nth-of-type(1) input + label:hover{background:url('../img/custom_step01_li01_on_m.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step01 li:nth-of-type(2) input + label:hover{background:url('../img/custom_step01_li02_on_m.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step01 li:nth-of-type(3) input + label:hover{background:url('../img/custom_step01_li03_on_m.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step02 li:nth-of-type(1) label{background:url('../img/custom_step02_li01_on_m.png') no-repeat center top / contain;} 
.custom-wp .radio-wp.step02 li:nth-of-type(2) label{background:url('../img/custom_step02_li02_on_m.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step02 li:nth-of-type(3) label{background:url('../img/custom_step02_li03_on_m.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step02 li:nth-of-type(1) input:checked + label{background:url('../img/custom_step02_li01_on_m.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step02 li:nth-of-type(2) input:checked + label{background:url('../img/custom_step02_li02_on_m.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step02 li:nth-of-type(3) input:checked + label{background:url('../img/custom_step02_li03_on_m.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step02 li:nth-of-type(1) input + label:hover{background:url('../img/custom_step02_li01_on_m.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step02 li:nth-of-type(2) input + label:hover{background:url('../img/custom_step02_li02_on_m.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step02 li:nth-of-type(3) input + label:hover{background:url('../img/custom_step02_li03_on_m.png') no-repeat center top / contain;}

.custom-wp .chk-wp{gap:10px;}
.custom-wp .chk-wp li input:checked + label::after{background:url('../img/heart.png') no-repeat center / 25px auto;}

.custom-wp .right-wp{margin-top: 40px;}
.custom-wp .right-wp .input-wp label{display: block; margin-left: 0;}
.custom-wp .right-wp .input-wp label span{margin-bottom: 15px; display: block; text-align: left; width: 100%; font-size: 15px;}
.custom-wp .right-wp .input-wp input .custom-wp .right-wp .input-wp select {height: 48px;}
.custom-wp .right-wp p {line-height: 22px;margin-left: 0;font-size: 13px;}
.custom-wp.complete-wp .bg-wp .top{bottom: -30%;}
.custom-wp.complete-wp .bg-wp .btm{bottom: -30%;}

/* 국비지원조회 */
.check-wp .img{margin-top: 50px; margin-bottom: 105px;}

/* 국민내일배움카드 */
.fund-wp .card h1{font-size: 22px;}
.fund-wp .card p{font-size: 15px; line-height: 25px; margin-bottom: 45px;}
.fund-wp .txt-wp{margin-top: 90px;}
.fund-wp .txt-wp .tit{font-size: 22px; margin-bottom: 30px;}
.fund-wp .txt-wp strong{font-size: 16px;}
.fund-wp .txt-wp.who p{font-size: 15px;}
.fund-wp .txt-wp table th{height: 40px; font-size: 13px;}
.fund-wp .txt-wp table td{font-size: 13px; padding: 20px;}
.fund-wp .txt-wp strong span{font-size: 14px; display: block; margin-left: 0; margin-top: 20px; line-height: 20px;}
.fund-wp .list-wp ul{gap: 20px; flex-wrap: wrap;}
.fund-wp .list-wp ul li{width: calc(50% - 10px);}
.fund-wp .list-wp .img{height: 34px;}
.fund-wp .list-wp .img img{height: 100%;}
.fund-wp .list-wp .top span{font-size: 14px; margin-top: 10px;}
.fund-wp .list-wp .btm{font-size: 14px; line-height: 20px; margin-top: 15px;}
.fund-wp .list-wp2{margin-top: 80px;}
.fund-wp .process-wp ul li{flex-wrap: wrap; position: relative; margin-top: 50px;}
.fund-wp .process-wp ul li:before{content: ''; display: block; width: 1px; height: 100%; background: #07D0BD; position: absolute; left: 10px; top: 62px;}
.fund-wp .process-wp ul li:last-child:before{display: none;}
.fund-wp .process-wp .lft{width: 100%; text-align: left; display: flex; align-items: center; padding: 20px;}
.fund-wp .process-wp .lft span{margin-bottom: 0; margin-right: 20px;}
.fund-wp .process-wp .rgt{margin-left: 0; margin-top: 20px; padding-left: 40px;}
.fund-wp .process-wp .rgt div{font-size: 15px;}
.fund-wp .process-wp .rgt p{font-size: 13px; line-height: 20px;}
.fund-wp .process-wp .lft:before{display: none;}
.fund-wp .graph-wp{flex-wrap: wrap;}
.fund-wp .graph-wp img{width: 100%;}
.fund-wp .graph-wp ul{width: 100%; margin-top: 50px; margin-left: 0;}
.fund-wp .graph-wp ul li{font-size: 15px; line-height: 25px;}

/* 국민취업지원제도 */
.system-wp .con1{margin-top: 60px; margin-bottom: 100px;}
.system-wp .con1 h1{font-size: 22px; line-height: 36px;}
.system-wp .con1 .s-tit{font-size: 20px; line-height: 34px; margin-top: 30px;}
.system-wp .con1 .s-tit strong{font-size: 23px; margin-top: 0;}
.system-wp .con1 ul{margin: 60px 0; width: 100%;}
.system-wp .con1 ul li img{height: 56px;}
.system-wp .con1 ul li .tit{font-size: 18px; margin: 25px 0 15px;}
.system-wp .con1 ul li p{font-size: 15px;}
.system-wp .con1 .add{font-size: 15px; line-height: 25px;}
.system-wp .con2{padding: 100px 0;}
.system-wp .con2 p{font-size: 18px; line-height: 30px;}
.system-wp .con2 h1{font-size: 28px; line-height: 40px;}
.system-wp .con2 .img-wp{margin-top: 50px; flex-wrap: wrap;}
.system-wp .con2 .img-wp .left,.system-wp .con2 .img-wp .right{width: 100%;}
.system-wp .con3 ul .img{width: 102px; height: 82px;}
.system-wp .con3 ul li{padding: 10% 20px;}
.system-wp .con3 ul li.img1 .img,.system-wp .con3 ul li.img1:hover .img{background: url(../img/stm-ico3-on.png) center no-repeat; background-size: 95px auto;}
.system-wp .con3 ul li.img2 .img,.system-wp .con3 ul li.img2:hover .img{background: url(../img/stm-ico4-on.png) center no-repeat; background-size: 77px auto;}
.system-wp .con3 ul li.img3 .img,.system-wp .con3 ul li.img3:hover .img{background: url(../img/stm-ico5-on.png) center no-repeat; background-size: 102px auto;}
.system-wp .con3 ul li.img4 .img,.system-wp .con3 ul li.img4:hover .img{background: url(../img/stm-ico6-on.png) center no-repeat; background-size: 93px auto;}
.system-wp .con3 ul .tit{font-size: 16px; line-height: 28px; color: #FFF; margin-top: 30px; margin-bottom: 15px;}
.system-wp .con3 ul p{font-size: 14px; line-height: 26px; color: #FFF;}
.system-wp .con3 .btn { width: 178px; height: 55px; font-size: 16px; line-height: 55px; }
/* 팝업 */
.pop{width: 90%;}
.choice-pop p{font-size: 20px;}
.choice-pop .btn-wp{padding: 0 20px;}
.choice-pop .btn-wp a{height: 40px; font-size: 15px; line-height: 40px;}
.choice-pop .close{width: 20px;}
.choice-pop .close img{width: 100%;}

/* 교육과정 */
.cur-wp .pc-tab{margin-top: 24px;}
.cur-wp .pc-tab li,.cur-wp .pc-tab li:first-child{margin-top: 0;}
.cur-wp .pc-tab li {position: relative;}
.cur-wp .pc-tab li:after{content: '';position: absolute;top: 3px;right: 6px;width: 1px;height: 13px;background: #938C9C;}
.cur-wp .pc-tab li:last-child:after{display: none;}
.cur-wp .pc-tab li a{font-size: 13px;padding-right: 16px;}
.cur-wp h1{font-size: 22px; margin-bottom: 30px;}
.cur-wp h1 span{font-size: 14px;}
.cur-wp .content-wp{padding: 60px 35px;}
.cur-wp .content p{font-size: 15px; line-height: 28px;}
.cur-wp ul.list{margin-top: 30px;}
.cur-wp ul.list li{font-size: 13px;}

.cur-detail {margin: 100px 0 0px;}
/* .cur-wp .bg-wp .top {width: 270px;right: 5%;bottom: -88%;} */

}


@media screen and (max-width:500px) {
.pay_popup_wp .cont {padding: 28px 21px 40px;}
.pay_popup_wp .ttl {padding-bottom: 14px;padding-top: 15px;}
.pay_popup_wp h2 {font-size: 18px;}
.close_basic {top: 21px;right: 21px;}
.close_basic span {width: 2px;height: 18px;}
/* .cur-wp .bg-wp .top {bottom: -67%;} */
.main-sect10 .more {margin: 280px auto 23px;}
.main-sect10 .item iframe {top: 90px;}
}

@media screen and (max-width:720px) {
	.cur-wp .bg-wp .top {bottom: calc(100vw*(-290/400)); margin-left: -110px; right: auto; left: 50%;}
	.animate .cur-wp .bg-wp .top{width: calc(100vw*(300/400)); margin-left: -140px;}
	.ui-wp .bg-wp .top {bottom: -315px;width: calc(100vw*(360/400));margin-left: -155px;}
	.game-wp .bg-wp .top {width: calc(100vw*(230/400));}
	.pre-wp .bg-wp .top {width: calc(100vw*(230/400));}
	.grap-wp .bg-wp .top {width: 100%;bottom: calc(100vw*(-350/400)); margin-left: -160px;}
	.webtoon-wp .bg-wp .top{width: 100%;bottom: calc(100vw*(-350/400)); margin-left: -150px;}
}
@media screen and (max-width:400px) {

.cur-detail .intro {margin: 90px 0 40px;}

.main-sect05 .accordian-wp li:nth-of-type(4) .bg img{right:50%;}
.main-sect05 .accordian-wp li:nth-of-type(5) .bg img{right:52%;}


.intro-sect01{background:url('../img/intro_sect01_bg_m.png') center / cover;}

.swiper-review .swiper-slide p{-webkit-line-clamp: 8;}

.main-sect10 .more {margin: 249px auto 23px;}
.main-sect10 .item iframe {top: 100px;}
}
@media screen and (max-width: 720px) {
	.side_gra::before,
	.side_gra::after{
		display: none;
	}
	#countDown{
		padding: calc(100vw*(7/360)) calc(100vw*(7/360)) calc(100vw*(7/360)) calc(100vw*(10/360));
		gap: calc(100vw*(10/360));
		width: calc(100vw*(320/360));
		font-size: calc(100vw*(8/360));
		line-height: 1.5;
	}
	.t_con{
		width: calc(100vw*(15/360));
		height: calc(100vw*(15/360));
		font-size: calc(100vw*(8/360));
		margin-right: calc(100vw*(3/360));

	}
	.t_txt{
		margin-right: calc(100vw*(3/360));
	}
	#countDown .center{
		gap: calc(100vw*(5/360));
	}
	#countDown .right{
		width: calc(100vw*(84/360));
		height: calc(100vw*(25/360));
		font-size: calc(100vw*(10/360));
	}




	#countDown.ee_count_down{
		padding: calc(100vw*(10/360));
		gap: 0;
		width: 100%;
		font-size: calc(100vw*(12/360));
		line-height: 1.5;
		flex-direction: column;
		border-radius: 0;
		align-items: stretch;
		/* top: 84vh; */
		bottom: 0;
	}
	.ee_count_down .t_con{
		width: calc(100vw*(24/360));
		height: calc(100vw*(20/360));
		font-size: calc(100vw*(14/360));
		margin-right: calc(100vw*(3/360));

	}
	.ee_count_down .t_txt{
		margin-right: calc(100vw*(3/360));
	}
	#countDown.ee_count_down .center{
		gap: calc(100vw*(3/360));
	}
	#countDown.ee_count_down .left .mBr{
		display: none;
	}
	#countDown.ee_count_down .right{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: calc(100vw*(10/360));
		width: calc(100vw*(120/360));
		height: calc(100vw*(38/360));
		font-size: calc(100vw*(12/360));
	}




	.swiper.pc,
  .pBr{
    display: none;
  }
	.swiper.mb,
  .mBr{
    display: block;
  }
	.tip_modal .content{
		width: calc(100vw*(300/360));
		height: calc(100vw*(280/360));
	}
	.tip_modal .modal_inner .left,
	.tip_modal .modal_inner .right{
		padding: calc(100vw*(20/360)) calc(100vw*(30/360));
	}
	.tip_modal .modal_tit{
		padding: calc(100vw*(8/360)) 0;
		font-size: calc(100vw*(12/360));
	}
	.modal_close{
		top: calc(100vw*(8/360));
		right: calc(100vw*(8/360));
		width: calc(100vw*(15/360));
		height: calc(100vw*(15/360));
	}
	.tip_modal .modal_inner span{
		margin-bottom: calc(100vw*(20/360));
		font-size: calc(100vw*(14/360));
	}
	.tip_modal .modal_inner ul{
		gap: calc(100vw*(10/360));
	}
	.tip_modal .modal_inner li{
		font-size: calc(100vw*(12/360));
	}
	.tip_modal .vs{
		top: calc(100vw*(90/360));
		width: calc(100vw*(25/360));
		height: calc(100vw*(25/360));
		font-size: calc(100vw*(14/360));
	}
	[class*='teacher'] .content{
		width: calc(100vw*(320/360));
		height: calc(100vw*(320/360));
	}
	/* !modal */
	.sec_tit{
		font-size: calc(100vw*(24/360));
		line-height: calc(100vw*(32/360));
	}
	.sec_tit span{
		margin-bottom: calc(100vw*(5/360));
		font-size: calc(100vw*(13/360));
		line-height: 1;
	}
	.ee_font .sec_tit span{
		margin-bottom: calc(100vw*(10/360));
	}
	.cur_wp{
		margin: 0 auto calc(100vw*(100/360));
		padding: calc(100vw*(4/360));
		width: calc(100vw*(280/360));
		height: calc(100vw*(40/360));
		justify-content: space-around;
		border-radius: calc(100vw*(50/360));
	}
	.cur_wp.ee_cur_wp{
		margin-bottom: calc(100vw*(85/360));
	}
	.issub .cur_wp.ee_cur_wp{
		margin-bottom: calc(100vw*(14/360));
	}
	.cur_wp li{
		padding: calc(100vw*(8/360)) calc(100vw*(10/360));
	}
	.cur_wp li.on{
		padding: calc(100vw*(8/360)) calc(100vw*(20/360)) calc(100vw*(8/360)) calc(100vw*(10/360));
		background: url('../img/up_right_icon.svg') center right calc(100vw*(8/360)) / calc(100vw*(10/360)) no-repeat, #07D0BD;
	}
	.cur_wp a{
		font-size: calc(100vw*(12/360));
	}
	#entrance .section01{
		padding-top: calc(100vw*(60/360));
		margin-bottom: calc(100vw*(15/360));
		background: url('../img/mb_bg01.png') center top calc(100vw*(-30/360)) / contain no-repeat;
	}
	#entrance .section01.webtoon{
		padding-top: calc(100vw*(60/360));
		margin-bottom: calc(100vw*(15/360));
		background: url('../img/mb_wt_bg01.png') center top calc(100vw*(-30/360)) / contain no-repeat;
	}
	#entrance .main_kv{
		display: none;
	}
	#entrance_illust .section01{
		padding-top: calc(100vw*(60/360));
		margin-bottom: calc(100vw*(15/360));
		background: url('../img/mb_ill_bg01.png') center top calc(100vw*(-30/360)) / contain no-repeat;
	}
	#entrance_illust .section01.redsky{
		padding-top: calc(100vw*(60/360));
		margin-bottom: calc(100vw*(15/360));
		background: url('../img/mb_ani_bg01.png') center top calc(100vw*(-30/360)) / contain no-repeat;
	}
	#entrance_illust .main_kv{
		display: none;
	}
	.main_tit{
		margin-bottom: calc(100vw*(90/360));
		font-size: calc(100vw*(32/360));
	}
	.main_tit.ee_main_tit{
		font-size: calc(100vw*(39/360));
		line-height: 1.3;
	}
	.main_tit.ee_main_tit p{
		font-size: calc(100vw*(18/360));
		line-height: 1.5;
	}
	.main_tit p{
		margin-top: calc(100vw*(12/360));
		font-size: calc(100vw*(15/360));
	}
	.main_tit + p{
		font-size: calc(100vw*(15/360));
		margin-bottom: calc(100vw*(50/360));
	}

	.main_list_wp{
		width: calc(100vw*(320/360));
		margin: 0 auto calc(100vw*(50/360));
		flex-wrap: wrap;
		justify-content: center;
		gap: calc(100vw*(10/360)) calc(100vw*(5/360));
	}
	.main_list_wp li{
		width: calc(100vw*(145/360));
		height: calc(100vw*(210/360));
	}
	.main_list_wp p{
		margin: calc(100vw*(-30/360)) 0 calc(100vw*(5/360));
		font-size: calc(100vw*(14/360));
	}
	.main_list_wp small{
		font-size: calc(100vw*(10/360));
	}
	.main_list_wp.ee_list_wp li{
		width: 41.3889vw;
		height: 55.5556vw;
		background-size: contain;
	}
	.main_list_wp.ee_list_wp .cont_img{
		height: 33.3333vw;
	}
	.main_list_wp.ee_list_wp .cont_img img{
		width: 52.7778vw;
	}
	.main_list_wp.ee_list_wp p{
		font-size: calc(100vw*(13/360));
		line-height: calc(100vw*(18/360));
		margin-bottom: calc(100vw*(7/360));
		letter-spacing: calc(-100vw*(0.52/360));
	}
	.main_list_wp.ee_list_wp small{
		font-size: calc(100vw*(8/360));
		line-height: calc(100vw*(10/360));
		letter-spacing: calc(-100vw*(0.32/360));
	}

	.rate_cont{
		padding-bottom: calc(100vw*(80/360));
	}
	.rate_box{
		width: calc(100vw*(320/360));
		height: calc(100vw*(500/360));
		padding: calc(100vw*(30/360)) calc(100vw*(20/360));
	}
	.pf_detail .rate_box{
		width: calc(100vw*(320/360));
		height: calc(100vw*(279/360));
	}
	.pf_detail .ee_rate_wrap,
	.ee_rate_wrap{
		width: calc(100vw*(320/360));
	}
	.ee_rate_cont .rate_box{
		background-size: 170%;
		background-position: top right 10%;
	}
	.rate_box.active{
		height: auto;
	}
	.rate_box button{
		bottom: calc(100vw*(30/360));
		width: calc(100vw*(100/360));
		height: calc(100vw*(25/360));
		font-size: calc(100vw*(12/360));
	}
	.pf_detail_btn{
		width: calc(100vw*(110/360));
		height: calc(100vw*(30/360));
		font-size: calc(100vw*(12/360));
	}
	.pf_detail_btn::after{
		width: calc(100vw*(10/360));
		height: calc(100vw*(7/360));
		margin-left:calc(100vw*(5/360));
	}
	.rate_table{
		margin-top: calc(100vw*(25/360));
	}
	.table_category,
	.table_cont{
		width: calc(100vw*(280/360));
	}
	.table_category + div{
		width: calc(100vw*(300/360));
	}
	.table_category li{
		font-size: calc(100vw*(10/360));
	}
	.table_cont{
		gap: calc(100vw*(5/360));
	}
	.table_cont ul{
		padding: calc(100vw*(6/360)) 0 calc(100vw*(6/360)) calc(100vw*(5/360));
	}
	.table_cont ul li{
		font-size: calc(100vw*(11/360));
	}
	.table_cont ul li.long{
		font-size: calc(100vw*(9/360));
	}
	.rate_box.webtoon .table_category ul li:nth-child(3),
	.rate_box.webtoon .table_cont ul li:nth-child(3){
		display: none;
	}
	.rate_box.webtoon .table_category ul li:last-child,
	.rate_box.webtoon .table_cont ul li:last-child{
		text-align: center;
		width: 50%;
	}
	.rate_box.game .table_cont ul li{
		font-size: calc(100vw*(10/360));
	}

	.rate_box.game .table_category ul li:nth-child(2),
	.rate_box.game .table_cont ul li:nth-child(2){
		text-align: right;
	}
	.rate_box.game .table_category ul li:nth-child(2){
		padding-right: calc(100vw*(4/360));
	}
	/* section 02 */
	.portfolio_sec{
		margin-bottom: calc(100vw*(110/360));
	}
	.portfolio_sec .sec_tit{
		margin-bottom: calc(100vw*(25/360));
	}
	.flow_bnr{
		height: calc(100vw*(400/360));
	}
	#hobby .flow_bnr{
		height: calc(100vw*(450/360));
	}
	.flow_cont .port_wp{
		gap: calc(100vw*(12/360));
		padding-left: calc(100vw*(12/360));
	}
	.flow_cont .port_wp li{
		width: calc(100vw*(275/360));
		height: calc(100vw*(195/360));
	}
	#hobby .flow_cont .port_wp li{
		width: calc(100vw*(270/360));
		height: calc(100vw*(220/360));
	}
	/* section 03 */
	.class_page .section03 .slide_cont{
		justify-content: flex-start;
		align-items: flex-start;
		height: calc(100vw*(300/360));
		padding-left: calc(100vw*(20/360));
		overflow: hidden;
	}
	.story_sec {
		margin-bottom: calc(100vw*(55/360));
		background: transparent;
	}
	.story_sec .swiper.top{
		background: url('../img/mb_bg03.png') center / cover no-repeat;
	}
	.class_page .section03 .slide_txt{
		width: calc(100vw*(230/360));
		margin-top: calc(100vw*(43/360));
	}
	.class_page .section03 .slide_txt p{
		line-height: 1.3;
	}
	.class_page .section03 .slide_img{
		position: absolute;
		bottom: 0;
		right: 0;
		width: calc(100vw*(200/360));
		z-index: -1;
	}
	.class_page .section03 h3{
		margin-bottom: calc(100vw*(10/360));
		font-size: calc(100vw*(12/360));
	}
	.story_sec p{
		margin-bottom: calc(100vw*(20/360));
		font-size: calc(100vw*(18/360));
	}
	.tag_box{
		width: calc(100vw*(140/360));
		flex-wrap: wrap;
		gap: calc(100vw*(2/360));
		row-gap: calc(100vw*(3/360));
	}
	.tag_box li{
		padding: calc(100vw*(3/360)) calc(100vw*(9/360));
		font-size: calc(100vw*(10/360));
	}
	.tag_box li .si_name{display: none;}
	.class_page .swiper-button-prev,
	.class_page .swiper-button-next{
		width: calc(100vw*(38/360));
		height: calc(100vw*(38/360));
	}
	.story_sec .swiper-button-prev{
		margin-left: calc(100vw*(-140/360));
		top: auto;
		bottom: calc(100vw*(10/360));
	}
	.story_sec .swiper-button-next{
		margin-left: calc(100vw*(-95/360));
		top: auto;
		bottom: calc(100vw*(10/360));
	}
	.change_slide .swiper-button-prev,
	.change_slide .swiper-button-next{
		margin-left: 0;
		transform: none;
		top: auto;
		bottom: 0;
	}
	.change_slide .swiper-button-prev{
		left: calc(100vw*(20/360));
		right: auto;
	}
	.change_slide .swiper-button-next{
		right: calc(100vw*(20/360));
		left: auto;
	}
	/* section 04 */
	#entrance .section04,
	#job .section04{
		padding: calc(100vw*(25/360)) 0 calc(100vw*(58/360));
	}
	#job .section04 .sec_tit{
		margin-bottom: calc(100vw*(24/360));
	}
	#entrance .section04 .inner {max-width: calc(100vw*(346/360));}
	#entrance .section04 .more {margin: calc(100vw*(215/360)) auto calc(100vw*(15/360)); width: calc(100vw*(320/360));}
	#entrance .section04 .more h3 {font-size: calc(100vw*(14/360));}
	#entrance .section04 .more a {font-size: calc(100vw*(10/360));}
	#entrance .section04 .interview_list {
		gap: calc(100vw*(8/360));
	}
	#entrance .section04 .interview_list:after {
		top: calc(100vw*(-12/360));
		margin-left: calc(100vw*(-200/360));
		font-size: calc(100vw*(16/360));
	}
	#entrance .section04 .item iframe {
		top: calc(100vw*(-230/360));
		width: calc(100vw*(320/360));
		height: calc(100vw*(180/360));
	}
	#job .section04 iframe{
		width: calc(100vw*(320/360));
		height: calc(100vw*(180/360));
		margin-bottom: calc(100vw*(18/360));
	}
	#job .section04 h3{
		font-size: calc(100vw*(12/360));
	}
	#entrance .section04 .item a {
		font-size: calc(100vw*(14/360));
		padding: calc(100vw*(8/360)) calc(100vw*(18/360));
		width: calc(100vw*(300/360));
	}
	/* section 05 */
	.change_slide{	
		padding-bottom: calc(100vw*(40/360));
	}
	.change_slide.jb_change_slide{
		padding-bottom: calc(100vw*(105/360));
	}
	.change_slide .swiper{
		height: auto;
	}
	.change_slide .swiper-wrapper{
		height: calc(100vw*(264/360));
	}
	.change_slide .swiper-slide{
		margin-right: 0;
		opacity: 0;
	}
	.change_slide .swiper-slide-active{
		opacity: 1;
	}
	.change_slide .sec_tit{
		margin-bottom: calc(100vw*(30/360));
	}
	.change_slide .slide_cont{
		width: calc(100vw*(320/360));
		height: calc(100vw*(230/360));
	}
	.change_slide .cont_img{
		gap: calc(100vw*(12/360));
	}
	.change_slide .cont_img > div{
		width: calc(100vw*(155/360));
		height: calc(100vw*(203/360));
	}
	.change_slide.ee_change_slide .cont_img > div{
		border-radius: calc(100vw*(8/360));
	}
	.change_slide .cont_txt{
		gap: calc(100vw*(5/360));
		margin: calc(100vw*(30/360)) auto 0;
		width: calc(100vw*(165/360));
		padding: calc(100vw*(5/360)) calc(100vw*(7/360));
		font-size: calc(100vw*(11/360));
	}
	/* section 06 */
	.system_sec{
		margin-bottom: calc(100vw*(80/360));
	}
	.system_sec .top{
		padding-top: calc(100vw*(50/360));
	}
	.system_sec .fix-menu{
		margin-bottom: calc(100vw*(20/360));
		padding: calc(100vw*(34/360)) calc(100vw*(25/360)) calc(100vw*(25/360));
	}
	.system_sec .fix-menu li{	
		font-size: calc(100vw*(12/360));
		width: calc(100vw*(26/360));
		height: calc(100vw*(26/360));
	}
	#entrance .system_sec .fix-menu li::after{
		content: none!important;
	}
	.system_sec .top h2,
	.system_sec .top .fix-wrap,
	.system_sec .conts{
		width: calc(100vw*(340/360));	 
	}
	.system_sec .cont_txt{
		display: flex;
		flex-direction: column;
		gap: calc(100vw*(200/360));
		width: calc(100vw*(251/360));
	}
	.system_sec .cont_img{
		position: absolute;
		width: calc(100vw*(284/360));
		height: calc(100vw*(184/360));
		top: calc(100vw*(40/360));
	}
	.system_sec .chk{
		margin-top: calc(100vw*(35/360));
	}
	.system_sec .chk li{
		font-size: calc(100vw*(14/360));
		padding-left: calc(100vw*(10/360));
		margin-top: calc(100vw*(15/360));
	}
	.system_sec .cont{
		position: relative;
		padding-left: calc(100vw*(25/360));
		padding-bottom: calc(100vw*(35/360));
		flex-direction: column;
	}
	.system_sec .cont .tit{
		display: flex;
		align-items: center;
		font-size: calc(100vw*(18/360));
		gap: calc(100vw*(10/360));	
	}
	.system_sec .cont .tit span{
		font-size: calc(100vw*(12/360));	
		width: calc(100vw*(26/360));
		height: calc(100vw*(26/360));
		line-height: 1.7;
		position: unset;
		margin-right: 0;
	}
	.system_sec .cont ul li{
		font-size: calc(100vw*(12/360));
	}
	.system_sec .cont ul li:first-child{
		margin-top: calc(100vw*(8/360));
	}
	/* section 07 */
	.sect_wherever{
		margin-bottom: calc(100vw*(75/360));
	}
	.curr_webtoon_pro p {
		font-size: calc(100vw*(10/360));
		margin: calc(100vw*(10/360)) 0 calc(100vw*(30/360));
	}
	.sect_wherever .sec_tit + p{
		margin: calc(100vw*(12/360)) 0 calc(100vw*(76/360));
		font-size: calc(100vw*(11/360));
		letter-spacing: -0.06em;
		line-height: 1.7;
	}
	.sect_wherever .graph{
		gap: calc(100vw*(10/360));
		margin-bottom: calc(100vw*(60/360));
	}
	.sect_wherever .graph > div{
		width: calc(100vw*(340/360));
		height: calc(100vw*(30/360));
		font-size: calc(100vw*(14/360));
	}
	.sect_wherever .graph.ee_graph > div{
		width: calc(100vw*(320/360));
		height: calc(100vw*(40/360));
	}
	.sect_wherever .graph .kga_class::before{
		margin-left: calc(100vw*(60/360));
		font-size: calc(100vw*(13/360));
	}
	.sect_wherever .graph.ee_graph .kga_class::before{
		margin-left: calc(100vw*(50/360));
	}
	.sect_wherever .graph .com_class::before{
		margin-left: calc(100vw*(15/360));
		font-size: calc(100vw*(13/360));
	}
	.sect_wherever .graph.ee_graph .com_class::before{
		margin-left: calc(100vw*(-20/360));
	}
	.sect_wherever .graph .kga_class.active::after{
		width: calc(100vw*(320/360));
	}
	.sect_wherever .graph.ee_graph .kga_class.active::after{
		width: calc(100vw*(300/360));
	}
	.sect_wherever .graph .com_class.active::after{
		width: calc(100vw*(100/360));
	}
	.sect_wherever .graph.ee_graph .com_class.active::after{
		width: calc(100vw*(60/360));
	}
	.sect_wherever .graph .kga_class .inner_txt{
		display: flex;
		align-items: flex-end;
		gap: calc(100vw*(10/360));
		top: calc(100vw*(-40/360));
		font-size: calc(100vw*(13/360));
	}
	.sect_wherever .graph .kga_class .inner_txt span{
		font-size: calc(100vw*(24/360));
	}
	.sect_wherever .graph.ee_graph .kga_class .inner_txt span{
		font-size: calc(100vw*(26/360));
	}
	.sect_wherever .graph.ee_graph .kga_class .inner_txt span .ee_per{
		font-style: normal;
		font-size: calc(100vw*(15/360));
	}
	.sect_wherever .graph.ee_graph .kga_class .inner_txt{
		font-size: calc(100vw*(10/360));
		right: calc(100vw*(35/360));
	}
	.sect_wherever .graph .com_class .inner_txt{
		bottom: calc(100vw*(-25/360));
		left: calc(100vw*(25/360));
		font-size: calc(100vw*(14/360));
	}
	.sect_wherever .graph.ee_graph .com_class .inner_txt{
		font-size: calc(100vw*(24/360));
		left: 0;
		bottom: calc(100vw*(-30/360));
	}
	.sect_wherever .graph.ee_graph .com_class .inner_txt .ee_per{
		font-size: calc(100vw*(15/360));
	}
	.pass_review {
		margin-bottom: calc(100vw*(80/360));
		padding-left: calc(100vw*(20/360));
	}
	.pass_review .swiper-inner{
		width: calc(100vw*(300/360));
		gap: calc(100vw*(12/360));
		justify-content: center;
	}
	.pass_review .swiper-slide{
		width: calc(100vw*(275/360));
		height: calc(100vw*(320/360));
	}
	.pass_review .swiper-item{
		width: 100%;
		height: 100%;
		padding: calc(100vw*(20/360));
	}
	.pass_review .swiper-item .cont_top{
		gap: calc(100vw*(6/360));
		margin-bottom: calc(100vw*(10/360));
	}
	.pass_review .swiper-item .cont_img{
		width: calc(100vw*(80/360));
		height: calc(100vw*(80/360));
	}
	.pass_review .swiper-item .cont_tit{
		font-size: calc(100vw*(14/360));
	}
	.pass_review .swiper-item .cont_tit p{
		margin: calc(100vw*(8/360)) 0 calc(100vw*(5/360));
		font-size: calc(100vw*(11/360));
	}
	.pass_review .swiper-item .cont_tit span{
		font-size: calc(100vw*(11/360));
	}
	.pass_review .swiper-item .cont_bot{
		font-size: calc(100vw*(11/360));
	}
	.pass_review .swiper-item .cont_bot span{
		font-size: calc(100vw*(12/360));
	}
	.pass_review .swiper-button-next {
		margin-left: calc(100vw*(300/360));
	}
	.pass_review .swiper-button-prev {
		margin-left: calc(100vw*(-300/360));
	}
	.facility .cont_img_wp{
		flex-direction: column;
		margin-bottom: calc(100vw*(16/360));
		gap: calc(100vw*(16/360));
	}
	.facility .cont_img{
		width: calc(100vw*(320/360));
		height: calc(100vw*(204/360));
	}
	.facility .cont_txt_wp{
		gap: calc(100vw*(10/360));
	}
	#job .facility .cont_txt_wp{
		margin: calc(100vw*(45/360)) calc(100vw*(20/360));
	}
	.discord .cont_txt,
	.facility .cont_txt{
		gap: calc(100vw*(5/360));
		width: calc(100vw*(320/360));
		height: calc(100vw*(50/360));
		font-size: calc(100vw*(12/360));
	}
	.discord .cont_txt img,
	.facility .cont_txt:first-of-type img{
		width: calc(100vw*(20/360));
	}
	.facility .cont_txt:last-of-type img{
		width: calc(100vw*(32/360));
	}
	.facility p{
		font-size: calc(100vw*(14/360));
	}
	/* section 08 */
	.edu_system_sec{
		width: calc(100vw*(320/360));
		padding-bottom: calc(100vw*(45/360));
	}
	.edu_system_sec .tip_btn{
		top: calc(100vw*(60/360));
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100vw*(100/360));
		height: calc(100vw*(26/360));
		font-size: calc(100vw*(12/360));
	}
	.edu_system_sec .system_wp{
		margin-top: calc(100vw*(38/360));
		gap: calc(100vw*(10/360));
		flex-wrap: wrap;
		justify-content: center;
	}
	.edu_system_sec .system_wp li{
		width: calc(100vw*(155/360));
		height: calc(100vw*(220/360));
		padding: calc(100vw*(25/360)) calc(100vw*(15/360));
	}
	.edu_system_sec .system_wp li:first-of-type{
		background: url('../img/mb_system05.png') center / contain no-repeat;
	}
	.edu_system_sec .system_wp li:nth-of-type(2){
		background: url('../img/mb_system06.png') center / contain no-repeat;
	}
	.edu_system_sec .system_wp li:nth-of-type(3){
		background: url('../img/mb_system07.png') center / contain no-repeat;
	}
	.edu_system_sec .system_wp li:last-of-type{
		background: url('../img/mb_system08.png') center / contain no-repeat;
	}
	.edu_system_sec .system_wp li > span{	
		padding: calc(100vw*(3/360));
		margin-bottom: calc(100vw*(10/360));
		font-size: calc(100vw*(10/360));
	}
	.edu_system_sec .system_wp p{
		font-size: calc(100vw*(15/360));	
	}
	.edu_system_sec .system_wp p span{
		margin-top: calc(100vw*(5/360));
		font-size: calc(100vw*(10/360));
	}
	/* section 09 */
	#entrance .section09{
		padding: calc(100vw*(100/360)) 0 0 0;
		background: url(../img/bg06_mb.png) center top / contain no-repeat;
	}
	.ee_section09 .sec_tit{
		position: relative;
		z-index: 10;
	}
	#entrance .section09 .sec_tit + p,
	#job .section05 .sec_tit + p{
		margin: calc(100vw*(10/360)) 0 calc(100vw*(15/360));
		font-size: calc(100vw*(12/360));
		line-height: 1.7;
	}
	#entrance .section09.ee_section09 .sec_tit + p{
		margin: calc(100vw*(10/360)) 0 calc(100vw*(30/360));
	}
	.teacher_wp{
		width: calc(100vw*(320/360));
		gap: calc(100vw*(10/360));
		justify-content: center;
	}
	.teacher_wp > li{
		width: calc(100vw*(155/360));
		height: calc(100vw*(195/360));
	}
	.teacher_wp > li img{

	}
	.back{	
		padding: calc(100vw*(35/360)) calc(100vw*(10/360)) calc(100vw*(38/360));
		font-size: calc(100vw*(15/360));
	}
	.back ul{
		gap: calc(100vw*(5/360));
		margin: calc(100vw*(10/360)) 0 calc(100vw*(12/360));
		font-size: calc(100vw*(12/360));
	}
	.back button{
		width: calc(100vw*(115/360));
		height: calc(100vw*(27/360));
		font-size: calc(100vw*(16/360));
	}
	.back .inform{
		gap: calc(100vw*(10/360));
	}
	.back .inform .left{
		padding: calc(100vw*(5/360)) calc(100vw*(13/360));
		font-size: calc(100vw*(18/360));
	}
	.back .inform .right{
		font-size: calc(100vw*(12/360));
	}
	/* section 10 */
	#entrance .section10{
		padding-top: calc(100vw*(65/360));
	}
	.about_sec{
		width: calc(100vw*(320/360));	
	}
	.about_sec .about_wp{
		margin-top: calc(100vw*(25/360));
		gap: calc(100vw*(12/360));
		justify-content: center;
	}
	.about_sec .about_wp li{
		width: calc(100vw*(320/360));
		height: calc(100vw*(150/360));
		padding: calc(100vw*(20/360));
		font-size: calc(100vw*(18/360));
	}
	.about_sec.ee_about_sec .about_wp li{
		font-size: calc(100vw*(21/360));
		/* line-height: calc(100vw*(30/360)); */
		line-height: 1;
		letter-spacing: calc(100vw*(-0.84/360));
	}
	.about_sec.ee_about_sec .about_wp li span{
		/* line-height: calc(100vw*(30/360)); */
		line-height: 1;
		font-size: calc(100vw*(13/360));
		letter-spacing: calc(100vw*(-0.52/360));
		margin-bottom: calc(100vw*(12/360));
		margin-top: calc(100vw*(10/360));
	}
	.about_sec .about_wp li:first-of-type {
    background: url(../img/about01_mb.png) center / cover no-repeat;
	}
	.about_sec .about_wp li:nth-of-type(2) {
    background: url(../img/about02_mb.png) center / cover no-repeat;
	}
	.job_webtoon .about_sec .about_wp li:first-of-type {
		background: url(../img/about02_mb.png) center / cover no-repeat;
	}
	.job_webtoon .about_sec .about_wp li:nth-of-type(2) {
		background: url(../img/about01_mb.png) center / cover no-repeat;
	}
	#entrance .about_sec .about_wp li:nth-of-type(3) {
    background: url(../img/about03_mb.png) center / cover no-repeat;
	}
	#entrance_illust .about_sec .about_wp li:nth-of-type(3){
		background: url('../img/about03_mb.png') center / cover no-repeat;
	}
	#entrance_illust .about_sec .about_wp li:last-of-type{
		background: url('../img/about07_mb.png') center / cover no-repeat;
	}
	#job .about_sec .about_wp li:nth-of-type(3) {
    background: url(../img/about04_mb.png) center / cover no-repeat;
	}
	#job .about_sec .about_wp li:last-of-type {
    background: url(../img/about06_mb.png) center / cover no-repeat;
	}
	#hobby .about_sec .about_wp li:first-of-type {
    background: url(../img/about05_mb.png) center / cover no-repeat;
	}
	#hobby .about_sec .about_wp.ee_hobby_about li:first-of-type{
		background-image: url(../img/about05_mbn.png);
	}
	#hobby .about_sec .about_wp li:last-of-type {
    background: url(../img/about02_mb.png) center / cover no-repeat;
	}
	.about_sec .about_wp li span{
		margin-bottom: calc(100vw*(5/360));
		font-size: calc(100vw*(11/360));
	}
	#entrance .about_sec .about_wp li:last-of-type{
		font-size: calc(100vw*(18/360));
	}
	.about_sec .about_wp li:last-of-type a{
		margin-top: calc(100vw*(12/360));
		font-size: calc(100vw*(16/360));
	}
	/* job */
	#job .section01 {
		padding-top: calc(100vw*(60/360));
		margin-bottom: calc(100vw*(15/360));
		background: url('../img/mb_bg08_new.png') center top calc(100vw*(10/360)) / contain no-repeat;
	}
	#job .section01.ee_sec01{
		background-image: url("../img/mb_bg08_new.png");
		background-size: contain;
	}
	#job.job_uiux .section01.ee_sec01{
		background: url('../img/bg22_mb.png') center top calc(100vw*(18/360)) / contain no-repeat; 
	} 
	.job_uiux h2 {
		font-size: calc(100vw*(24/360));
		line-height: 1.2;
	}
	.job_uiux h2 span {
		font-size: calc(100vw*(13/360));
		line-height: 240%;
	}
	/* #job .cur_wp{
		margin-bottom: calc(100vw*(450/360));
	} */
	
	.issub .cur_sub{
		margin-bottom: calc(100vw*(500/360));
	}
	.issub.entrance .cur_sub{
		margin-bottom: calc(100vw*(57/360));
	}	
	.issub .cur_sub li{
		padding-right: calc(100vw*(9/360));
		margin-right: calc(100vw*(9/360));
	}
	.issub .cur_sub li a{
		font-size: calc(100vw*(12/360));
		height: calc(100vw*(12/360));
	}
	#job .ee_sec01 .cur_wp{
		margin-bottom: calc(100vw*(500/360));
	}
	#job.issub .cur_wp{
		margin-bottom: calc(100vw*(14/360));
	}
	#job .section01 .sec_tit{
		margin-bottom: calc(100vw*(30/360));
	}
	#job .main_list_wp p{
		margin: calc(100vw*(-60/360)) 0 calc(100vw*(5/360));
		font-size: calc(100vw*(13/360));
	}
	.story_sec .swiper.bot{
		margin-top: calc(100vw*(35/360));
	}
	.story_sec .swiper.bot .swiper-item{
		width: calc(100vw*(275/360));
		height: auto;
		padding: calc(100vw*(20/360));
		border-radius: calc(100vw*(15 / 360));
	}
	.story_sec .swiper.bot .swiper-item .cont_top{
		gap: calc(100vw*(15/360));
		margin-bottom: calc(100vw*(10/360));
	}
	.story_sec .swiper.bot .swiper-item .cont_img{
		width: calc(100vw*(60/360));
		height: calc(100vw*(55/360));
	}
	.story_sec .swiper.bot .swiper-item .cont_tit{
		font-size: calc(100vw*(10/360));
	}
	.story_sec .swiper.bot .swiper-item .cont_tit p{
		margin: calc(100vw*(5/360)) 0 calc(100vw*(10/360));
		font-size: calc(100vw*(10/360));
	}
	.story_sec .swiper.bot .swiper-item .cont_tit span{
		font-size: calc(100vw*(12/360));
	}
	.story_sec .swiper.bot .swiper-item .cont_bot{
		font-size: calc(100vw*(12/360));
	}
	.story_sec .swiper.bot .swiper-item .cont_bot span{
		font-size: calc(100vw*(12/360));
	}
	#job .section05{
		margin-bottom: calc(100vw*(104/360));
	}
	.curr_webtoon_pro{
		padding:calc(100vw*(65/360)) 0 calc(100vw*(110/360));
	}
	/* section07 */
	#job .section07{
		width: calc(100vw*(345/360));
		margin: 0 auto calc(100vw*(25/360));
	}
	#job .section07 > .tip{
		margin: calc(100vw*(28/360)) 0 calc(100vw*(30/360));
		padding: calc(100vw*(20/360)) calc(100vw*(18/360));
		font-size: calc(100vw*(12/360));
	}
	#entrance_illust .section07,
	#entrance .section07{
		margin-bottom: calc(100vw*(110/360));
	}
	#entrance .section07 .sec_tit + p {
		font-size: calc(100vw*(11/360));
		margin: calc(100vw*(24/360)) 0 calc(100vw*(76/360));
	}
	.policy_box.jb_policy_box.on{
		max-height: 2930px;
	}
	.cc_policy_btn{
		margin-bottom: calc(100vw*(110/360));
	  }
	  .cc_policy_btn .btn_area{
		width: calc(100vw*(100/360));
		height: calc(100vw*(26/360));
		border-radius: calc(100vw*(20/360));
		font-size: calc(100vw*(11/360));
	  }	 
	  .cc_policy_btn .btn_area::after{
		width: calc(100vw*(9/360));
		height: calc(100vw*(6/360));
		margin-left: calc(100vw*(8/360));
	  }

	.policy_box .top{
		flex-direction: column;
		gap: calc(100vw*(10/360));
		margin-bottom: calc(100vw*(80/360));
	}
	.policy_box .top > div{
		padding: calc(100vw*(30/360)) calc(100vw*(20/360));
	}
	.policy_box .top > div > span{
		padding: calc(100vw*(5/360)) calc(100vw*(10/360));
		margin-bottom: calc(100vw*(10/360));
		font-size: calc(100vw*(12/360));
		border-radius: 3px;
	}
	.policy_box .top .type span{
		margin-bottom: calc(100vw*(5/360));
	}
	.policy_box .top > div p:first-of-type{
		margin-bottom: calc(100vw*(20/360));
		font-size: calc(100vw*(12/360));
	}
	.policy_box .top .type{
		font-size: calc(100vw*(11/360));
		line-height: 1.6;
	}
	.policy_box .top .type:not(:last-of-type){
		margin-bottom: calc(100vw*(14/360));
	}
	.policy_list .cont_inner{
		width: calc(100vw*(160/360));
		height: calc(100vw*(160/360));
	}
	.policy_list:first-of-type{
		padding-bottom: calc(100vw*(40/360));
	}
	.policy_list:first-of-type + div{
		width: calc(100vw*(20/360));
	}
	.policy_list:nth-of-type(3) + div{
		transform: rotate(90deg);
		width: calc(100vw*(20/360));
		height: calc(100vw*(10/360));
	}
	.policy_list + div img{
		width: 100%;
		height: 100%;
	}
	.policy_list .tip{
		left: calc(100vw*(120/360));
		top: calc(100vw*(170/360));
		bottom: auto;
	}
	.policy_list .tip span{
		font-size: calc(100vw*(11/360));
	}
	.policy_list .cont_inner span{
		font-size: calc(100vw*(13/360));
	}
	.policy_list .marker::after{
		top: calc(100vw*(-2/360));
		right: calc(100vw*(-10/360));
		font-size: calc(100vw*(14/360));
	}
	.policy_list .tip .marker::after{
		left: calc(100vw*(-10/360));
	}
	.policy_list .cont_inner strong{
		margin-top: calc(100vw*(5/360));
		font-size: calc(100vw*(22/360));
	}
	.policy_wp + div{
		width: calc(100vw*(6/360));
		height: calc(100vw*(82/360));
		margin: calc(100vw*(37/360)) auto calc(100vw*(24/360));
	}
	.policy_wp{
		flex-direction: column;
		justify-content: flex-start;
		gap: calc(100vw*(15/360));
	}
	.policy_box .mid{
		margin-bottom: calc(100vw*(15/360));
		background: url(../img/bg09.png) center / cover no-repeat;
	}
	.policy_box .mid p{
		font-size: calc(100vw*(14/360));
	}
	.policy_box .mid p span{
		display: block;
	}
	.policy_box .mid p::before{	
		margin-bottom: calc(100vw*(14/360));
	}
	.policy_box .mid p::after{
		margin-top: calc(100vw*(12/360));
	}
	.policy_box .bot{
		padding: calc(100vw*(50/360)) 0;
	}
	.policy_box .bot p{
		margin-bottom: calc(100vw*(30/360));
		font-size: calc(100vw*(20/360));
	}
	.policy_box .bot p small{
		margin-top: calc(100vw*(10/360));
		font-size: calc(100vw*(13/360));
	}
	.policy_box .bot button{
		width: calc(100vw*(210/360));
		height: calc(100vw*(40/360));
		font-size: calc(100vw*(14/360));
	}
	#entrance_illust .section08{
		margin-top:calc(100vw*(105/360));
	}
	#job .section09{
		margin-bottom: calc(100vw*(85/360));
	}
	.entrance_ani .section09, 
	#entrance_illust .section09, 
	#entrance .section09 {
		padding-top: calc(100vw*(36/360));
	}
	.entrance_ani .section09 .sec_tit + p, 
	#entrance_illust .section09 .sec_tit + p, 
	#entrance .section09 .sec_tit + p, 
	#job .section05 .sec_tit + p{
		font-size: calc(100vw*(12/360));
		line-height: 1.7;
		margin: calc(100vw*(20/360)) 0 calc(100vw*(36/360));
	}
	#job .section11{
		padding: calc(100vw*(85/360)) calc(100vw*(20/360)) calc(100vw*(95/360));
	}
	#job .section11 .sec_tit{
		margin-bottom: calc(100vw*(35/360));
	}
	br.show_720{
		display: block;
	}
	#job .section11 ul{
		width: calc(100vw*(320/360));
		flex-direction: column;
		gap: calc(100vw*(20/360));
	}
	#job .section11 li{
		width: 100%;
		height: calc(100vw*(220/360));
	}
	#job .section11 li img{
		height: 100%;
	}
	#job .section11 .cont_txt{
		margin: 0 0 calc(100vw*(12/360)) calc(100vw*(15/360));
	}
	#job .section11 .cont_txt .tit{
		font-size: calc(100vw*(18/360));
	}
	
	/* hobby page */
	#hobby .section01{
		padding-top: calc(100vw*(60/360));
		height: calc(100vw*(640/360));
		background: url(../img/mb_bg12_n.png) center top / contain no-repeat;
	}
	.recom_sec{
		padding: calc(100vw*(45/360)) 0 calc(100vw*(60/360));
	}
	.recom_sec ul{
		width: calc(100vw*(320/360));
		margin: calc(100vw*(25/360)) auto 0;
		gap: calc(100vw*(12/360));
	}
	.recom_sec li{
		gap: 0;
		padding: calc(100vw*(12/360)) 0;
		font-size: calc(100vw*(12/360));
		border-radius: calc(100vw*(8/360));
	}
	.recom_sec li div{
		width: calc(100vw*(12/360));
		height: calc(100vw*(6/360));
	}
	.recom_sec.ee_recom_sec li .in{
		padding: calc(100vw*(12/360)) 0;
	}	
	/* pass_review */
	#hobby .pass_review{
		margin-top: calc(100vw*(28/360));
	}
	/* learn section */
	.learn_sec{
		width: calc(100vw*(300/360));
		margin: 0 auto calc(100vw*(160/360));
	}
	.job_uiux .learn_sec{
		margin: 0 auto calc(100vw*(60/360));
	}
	.learn_box:first-of-type{
		margin: calc(100vw*(24/360)) 0 calc(100vw*(48/360));
	}
	.learn_box.pt20{
		padding-top: calc(100vw*(20/360));
	}
	.learn_box h3{
		width: calc(100vw*(160/360));
		height: calc(100vw*(26/360));
		margin: 0 auto calc(100vw*(20/360));
	}
	.learn_wp{
		justify-content: center;
		gap: calc(100vw*(25/360)) calc(100vw*(6/360));
	}
	.learn_wp li{
		width:100%;
	}
	.learn_wp li .cont_img{
		height: calc(100vw*(230/360));
		margin-bottom: calc(100vw*(15/360));
	}
	.learn_wp li .cont_txt span{
		margin-bottom: calc(100vw*(10/360));
		font-size: calc(100vw*(13/360));
	}
	.learn_wp li .cont_txt p{
		font-size: calc(100vw*(11/360));
	}
	.learn_wp li .cont_txt ul{
		left: calc(100vw*(20/360));
	}
	.learn_wp li .cont_txt ul li{
	font-size: calc(100vw*(11/360));
	}
	/* choice section */
	.choice_sec{
		margin-bottom: calc(100vw*(32/360));
	}
	.choice_cont{
		margin-top: calc(100vw*(32/360));
		background: url('../img/bg05.png') center top calc(100vw*(40/360)) / contain no-repeat;
	}
	.choice_top{
		width: calc(100vw*(320/360));
	}
	.choice_top h3{
		margin-bottom: calc(100vw*(28/360));
		padding: calc(100vw*(14/360)) 0;
		font-size: calc(100vw*(12/360));
	}
	.on_off_class{
		margin-bottom: calc(100vw*(60/360));
	}
	.on_off_class > div{
		width: calc(100vw*(155/360));
		height: calc(100vw*(155/360));
		font-size: calc(100vw*(10/360));
	}
	.on_off_class div span{	
		margin-top: calc(100vw*(5/360));
		font-size: calc(100vw*(14/360));
	}
	.on_off_class .cont_img{
		width: 40px;
	}
	.on_off_class .cont_img img{
		width: 100%;
		height: 100%;
	}
	.on_off_class.ee_off_class > div{
		padding-top: calc(100vw*(20/360));
		line-height: calc(100vw*(16/360));
	}
	.on_off_class.ee_off_class div span{
		line-height: 1;
		letter-spacing: calc(-100vw*(1/360));
	}
	.on_off_class.ee_off_class .cont_img{
		margin-top: calc(100vw*(13/360));
	}
	.choice_bot{
		width: calc(100vw*(320/360));	
	}
	.choice_bot h3{
		margin-bottom: calc(100vw*(20/360));
		font-size: calc(100vw*(24/360));
	}
	.discord{
		margin-bottom: calc(100vw*(32/360));
	}
	.discord .cont_img{
		width: calc(100vw*(284/360));
		height: calc(100vw*(191/360));
		margin: 0 auto;
	}
	.choice_wp{
		margin-bottom: calc(100vw*(32/360));
	} 
	.choice_wp + p{
		font-size: calc(100vw*(12/360));
	}
	/* class inform section */
	.class_inform{
		padding: calc(100vw*(90/360)) 0 calc(100vw*(25/360));
	}
	.class_inform div{
		margin: calc(100vw*(18/360)) auto calc(100vw*(26/360));
		width: calc(100vw*(288/360));
		height: calc(100vw*(224/360));
	}
	.class_inform div img:first-of-type{
		display: none;
	}
	.class_inform div img:last-of-type{
		display: block;
	}
	.class_inform button{
		/* width: calc(100vw*(190/360));
		height: calc(100vw*(35/360));
		font-size: calc(100vw*(10/360)); */
		display: none;
	}
	/* invite section */
	.invite_sec{
		padding: calc(100vw*(102/360)) 0;
		background: url(../img/bg14.png) center / cover no-repeat;
	}
	.invite_sec.ee_invite_sec{
		padding: calc(100vw*(120/360)) 0 calc(100vw*(177/360));
	}
	.invite_sec p{
		font-size: calc(100vw*(24/360));
	}
	
	/* FAQ section */
	.sec_faq{
		padding: calc(100vw*(65/360)) 0 calc(100vw*(92/360));
		height: calc(100vw*(520/360));
	}
	.qa_wp{
		width: calc(100vw*(320/360));
		margin: calc(100vw*(15/360)) auto 0;
		gap: calc(100vw*(10/360));
	}
	.qa_wp li{
		padding: calc(100vw*(18/360)) calc(100vw*(20/360));
		font-size: calc(100vw*(12/360));
		background: url('../img/qa_ico.svg') top calc(100vw*(23/360)) right calc(100vw*(10/360)) / calc(100vw*(10/360)) no-repeat;
	}
	.qa_wp li.active{
		background: url('../img/qa_ico_on.svg') top calc(100vw*(23/360)) right calc(100vw*(10/360)) / calc(100vw*(10/360)) no-repeat;	}
	.qa_wp .answer{
		margin-top: calc(100vw*(14/360));
		font-size: calc(100vw*(11/360));
	}
	#hobby .section07{
		padding-top: calc(100vw*(40/360));
	}
	#hobby .learn_sec{
		margin-bottom: calc(100vw*(80 / 360));
	}
	#hobby .class_inform{
		padding-top: calc(100vw*(48/360));
	}
	#hobby .class_inform div{
		margin-top: calc(100vw*(25/360));
		height: auto;
	}
	#hobby .sec_faq{
		padding: calc(100vw*(85/360)) 0 calc(100vw*(92/360));
		height: auto;
		background-position: top center;
		background-size: 250%;
	}
	#hobby .qa_wp{
		margin-top: calc(100vw*(36/360));
	}
	.class_page .section03 .slide_img.story10{
		position: absolute;
		bottom: 0;
		right: -50px;
		width: calc(100vw*(200/360));
		z-index: -1;
	}
	.class_page .section03 .slide_img.story11{
		position: absolute;
		bottom: 0;
		right: calc(100vw*(-80 / 360));
		width: calc(100vw*(240/360));
		z-index: -1;
		overflow: hidden;
	}
	.class_page .section03 .slide_img.story12{
		position: absolute;
		bottom: -20px;
		right: calc(100vw*(-30 / 360));
		width: calc(100vw*(200/360));
		z-index: -1;
	}
	.job_webtoon .section05{
		margin-top: calc(100vw*(68/360));
	}
	.Portfolio_is{
		background-size: 807px;
	}
	
	.Portfolio_is h2{
		font-size: calc(100vw*(24/360));
		line-height: calc(100vw*(32/360));
		margin-bottom: calc(100vw*(25/360));
	}
	.Portfolio_is h2 span{
		font-size:  calc(100vw*(16/360));
	}
	.Portfolio_is .cont_wp{
		width: 100%;
		gap: 8px;
	}
	.Portfolio_is .cont_wp .cont{
		width: calc(50% - 4px);
		height: calc(100vw*(117/360));
		border-radius:  calc(100vw*(15/360));
	}
	.Portfolio_is .cont_wp .cont::before {
		border-radius:  calc(100vw*(15/360));
	}
	.Portfolio_is .cont_wp .cont p{
		font-size: calc(100vw*(15/360));
		font-weight: 800;
		line-height: 160%;
		margin-top: calc(100vw*(5/360));
	}
	.Portfolio_is .cont_wp .cont .cont_img{
		display: flex;
		justify-content: center;
	}
	.Portfolio_is .cont_wp .cont .cont_img img{
		height: calc(100vw*(61/360));
	}
	.Portfolio_is .qc_wp{
		width: 100%;
		margin: 0 auto;
		padding: calc(100vw*(40/360)) 0px calc(100vw*(30/360));
		height: calc(100vw*(117/360));
		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*(51/360));
	}
	.Portfolio_is .qc_wp p{
		font-size: calc(100vw*(15/360));
		line-height: 250%;
	}
	.Portfolio_is .qc_wp p::after{
		transform: translateY(25%);
		width: calc(100vw*(18/360));
		height: calc(100vw*(18/360));
		margin-left: calc(100vw*(3/360));
	} 
	.portfolio_quality h2{
		font-size: calc(100vw*(24/360));
		margin-bottom: calc(100vw*(12/360));
	}
	.portfolio_quality h2 span{
		font-size: calc(100vw*(24/360));
	} 
	.portfolio_quality h3{
		font-size: calc(100vw*(11/360));
	}
	.interview_merits{
		padding-top: 0px;
	}
	#entrance_illust .flow_bnr.one_line{
		height: calc(100vw*(194/360));
	}
	.entrance_knowhow{
		height: calc(100vw*(303/360));
	}
	.entrance_knowhow h2{
		font-size: calc(100vw*(23/360));
	}
	.interview_merits .inner h1{
		font-size: calc(100vw*(24/360));
		line-height: calc(100vw*(32/360));
	}
	.interview_merits h1 span{
		font-size: calc(100vw*(13/360));
	}
	.interview_merits ul li h2{
		font-size: calc(100vw*(12/360));
		line-height: 100%;
	}
	  .interview_merits ul li h2 p{
		font-size: calc(100vw*(25/360));
	}
	.interview_merits ul li{
		padding: 28px 30px 28px;
	}
	.interview_merits ul li img{height:calc(100vw*(52/360));width: auto;}
	.interview_merits ul li img.graph{
		right: calc(100vw*(25/360));
	}
	.portfolio_bg{
		background: none;
	}
	.job_uiux .section01_1{
		background: url('../img/game-uiux-bg2_2_mb.png') center top calc(100vw*(18/360)) / contain no-repeat; 
		padding-top: calc(100vw*(420/360));
	} 
	.job_uiux .section01_1 .inner.expand{
		width: 100%;
	}
	.job_uiux .section01_1 p{
		font-size: calc(100vw*(13/360));
		padding-bottom: calc(100vw*(60/360));
	}
	.job_uiux .section01_1 ul{
		flex-wrap: wrap;
		margin-bottom: calc(100vw*(20/360));
	}	
	.job_uiux .section01_1 ul li{
		height: calc(100vw*(141/360));
	}
	.job_uiux .section01_1 ul li h3{
		font-size: calc(100vw*(14/360));
		margin-bottom: calc(100vw*(5/360));
	} 
	.job_uiux .section01_1 ul li h3 span{
		font-size: calc(100vw*(16/360));
	} 
	.job_uiux .section01_1 ul li h4{
		font-size: calc(100vw*(15/360));
		line-height: calc(100vw*(30/360));
	} 
	.job_uiux .section01_1 ul li h4 span{
		font-size: calc(100vw*(22/360));
	} 
	.job_uiux .section01_1 ul li small{
		font-size: calc(100vw*(7/360));
	}
	.job_uiux .section01_1 button{
		width: calc(100vw*(210/360));
		height: calc(100vw*(46/360));
		border-radius: calc(100vw*(5/360));
		font-size: calc(100vw*(13/360));
		line-height: 160%;
		margin-bottom: calc(100vw*(52/360));
	}
	.essentialskillfor3n{
		padding-bottom: calc(100vw*(67/360));
	}
	.essentialskillfor3n h2{
		font-size: calc(100vw*(13/360));
		margin-bottom: calc(100vw*(20/360));
	}
	.essentialskillfor3n h2 span{
		font-size: calc(100vw*(13/360));
	}
	.essentialskillfor3n h2 .big{
		font-size: calc(100vw*(24/360));
	  }
	.essentialskillfor3n .blue_roundsquare,
	.essentialskillfor3n .gray_roundsquare{
		width: calc(100vw*(257/360));
		height: calc(100vw*(34/360));
		border-radius: calc(100vw*(6/360));
		font-size: calc(100vw*(12/360));
	}
	.essentialskillfor3n .blue_roundsquare img{
		width: calc(100vw*(61/360));
	}
	.essentialskillfor3n .blue_roundsquare .nexon{
		bottom: calc(100vw*(35/360));
		right: calc(100vw*(-28/360));
	}
	.essentialskillfor3n .blue_roundsquare .nc{
		bottom: calc(100vw*(50/360));
		left: calc(100vw*(-40/360));
	}
	.essentialskillfor3n .blue_roundsquare .netmarble{
		bottom: calc(100vw*(10/360));
		right: calc(100vw*(-40/360));
	}
	.essentialskillfor3n .plus_img{
		width: calc(100vw*(18/360));
	}
	.umg_rt_feedbacklecture{
		background: url('../img/bg24.png') center / cover no-repeat;
		padding-bottom: 160px;
	}
	.umg_rt_feedbacklecture h2{
		font-size: calc(100vw*(24/360));
		line-height: 1.25;
		margin-bottom: calc(100vw*(20/360));
	}
	.umg_rt_feedbacklecture h2 span{
		color: #FFC800;
		font-size: calc(100vw*(13/360));
	}
	.umg_rt_feedbacklecture h2 .gradient3{
		font-size: calc(100vw*(24/360));
		line-height: 1.25;
	}
	.umg_rt_feedbacklecture .wrapped{
		display: flex;
		flex-direction: column-reverse;
		justify-content: center;
		gap: 24px;
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
	.umg_rt_feedbacklecture .wrapped .left{
		width: 100%;
	}
	.umg_rt_feedbacklecture .left img{
		width: 100%;
		margin-bottom: 10px;
	}
	.umg_rt_feedbacklecture .left h3{
		font-size: calc(100vw*(19/360));
		margin-top: calc(100vw*(22/360));
		margin-bottom: calc(100vw*(10/360));
	}
	.umg_rt_feedbacklecture .left h3 span{
		font-size: calc(100vw*(13/360));
		border-radius: calc(100vw*(7/360));
		padding: calc(100vw*(5/360)) calc(100vw*(10/360));
		margin-right: calc(100vw*(10/360));
	}
	.umg_rt_feedbacklecture .left p{
		font-size: calc(100vw*(14/360));
		line-height: 180%;
	}
	.umg_rt_feedbacklecture .wrapped .right{
		width: 100%;
	}
	.umg_rt_feedbacklecture .wrapped .right img{
		height: 100%;
		width: 100%;
	}
	.uiux_teacher_portfolio .swiper-wrapper .swiper-slide.border_round{
		width: calc(100vw*(210/360));
		height: calc(100vw*(373/360));
		border-radius: calc(100vw*(10/360));
	}
	.uiux_teacher_portfolio h3{
		margin-top: calc(100vw*(30/360));
		font-size: calc(100vw*(11/360));
		margin-bottom: calc(100vw*(22/360));
	}
	.uiux_teacher_portfolio h3 span{
		border-radius: 50px;
		border: 2px solid #FFC800;
		background: rgba(255, 200, 0, 0.10);
		padding: calc(100vw*(5/360)) calc(100vw*(22/360));
	}
	.uiux_teacher_portfolio .swiper-wrapper .swiper-slide.border_round2{
		width: calc(100vw*(277/360));
		height: calc(100vw*(193/360));
		border-radius: calc(100vw*(5/360));
	}
	.uiux_teacher_introduce .wrapped{
		border-radius: calc(100vw*(6/360));
		border: 0;
		width: 90%;
		height: auto;
		flex-direction: column;
		padding: calc(100vw*(24/360)) calc(100vw*(17/360));
		gap: 30px;
		margin: calc(100vw*(66/360)) auto calc(100vw*(38/360));
	}
	.uiux_teacher_introduce .cont1{
		top: calc(100vw*(-65/360));
		height: calc(100vw*(50/360));
		width: calc(100vw*(80/360));
		flex-direction: column;
	}
	.uiux_teacher_introduce .cont1 p{
		font-size: calc(100vw*(14/360));
		line-height: 107%;
		margin-top: calc(100vw*(6/360));
	}
	.uiux_teacher_introduce .cont1 p span{
		font-size:  calc(100vw*(7/360));
		line-height: 150%;
	}
	.uiux_teacher_introduce .cont2{
	width: 100%;
	}
	.uiux_teacher_introduce .cont2 p{
	font-size: calc(100vw*(12/360));
	line-height: 150%;
	}
	.uiux_teacher_introduce .cont2 p span{
	font-size: calc(100vw*(23/360));
	line-height: 80%;
	}
	.uiux_teacher_introduce .cont3{
	position: absolute;
	right: calc(100vw*(17/360));
	}
	.uiux_teacher_introduce .cont3 button{
	font-size: calc(100vw*(12/360));
	font-weight: 900;
	padding: calc(100vw*(10/360)) calc(100vw*(40/360));
	}
	.uiux_teacher_exp{
		padding-bottom: calc(100vw*(100/360));
	}
	.uiux_teacher_exp .wrap{
		width: 90%;
		/* white-space: nowrap; */
	}
	.uiux_teacher_exp .bg{
		width: 100%;
		margin-top: calc(100vw*(70/360));
	}
	.uiux_teacher_exp h3{
		font-size: calc(100vw*(34/360));
		align-self: center;
	}
	.uiux_teacher_exp h3 span{
		font-size: calc(100vw*(17/360));
		line-height: 247%;
	}
	.uiux_teacher_exp .wrapped img{
		width:calc(100vw*(100/360));
		height: calc(100vw*(100/360));
	}
	.uiux_teacher_exp .explain{
		font-size:calc(100vw*(13/360));
	}
	.class_inform .img_type_vertical{
		height: auto;
	}
	.recommended_speaker .sec_tit{
		margin-bottom: calc(100vw*(20/360));
	}
	.pass_review .swiper-inner{
		width: calc(100vw*(300/360));
		gap: calc(100vw*(12/360));
		justify-content: center;
	}
	.pass_review .swiper-slide{
		width: calc(100vw*(254/360));
		height: calc(100vw*(260/360));
	}
	.pass_review .swiper-item .rs{
		width: calc(100vw*(254/360));
		height: calc(100vw*(122/360));
		padding: calc(100vw*(18/360));
	}
	.pass_review .rs .cont_top{
		gap: calc(100vw*(6/360));
		margin-bottom: calc(100vw*(10/360));
	}
	.pass_review .v2 .swiper-slide{
		width: calc(100vw*(275/360));
		height: auto;
	}
	.pass_review .v2 .swiper-item{
		width: 100%;
		height: 100%;
		padding: calc(100vw*(16/360));
	}
	.pass_review .v2 .swiper-item .cont_tit{
		font-size: calc(100vw*(13/360));
	}
	.pass_review .v2 .swiper-item .cont_tit p{
		margin: calc(100vw*(1/360)) 0 0;
		font-size: calc(100vw*(11/360));
		white-space: nowrap;
	}
	.pass_review .v2 .swiper-item .cont_img{
		width: calc(100vw*(50/360));
		height: calc(100vw*(50/360));
	}
	.ent_ani .cont_img{
		margin-top: calc(100vw*(24/360));
		margin-bottom: calc(100vw*(90/360));
		gap: calc(100vw*(15/360));
	}
	.ent_ani .swiper .swiper-slide{
		width: 60%;
	}
	.ent_ani .cont_img > .ent_ani02{
		min-width: 60%;
		height: auto;
	}
	.ent_ani .cont_img > .ent_ani02 img{
		width: 100%;
		height: 100%;
	}
	.student_portfolio{
		width: 100%;
		margin-bottom: calc(100vw*(90/360));
		padding-top: calc(100vw*(35/360));
	}
	.student_portfolio h2{
		margin-bottom: calc(100vw*(30/360));
	}
	.swiper_student_pf .swiper-slide{
		width: calc(100vw*(258/360));
		padding-left: calc(100vw*(20/360));
	}
	.swiper_student_pf .swiper-slide:last-child{
		padding-right: calc(100vw*(20/360));
	}
	.swiper_student_pf .swiper-slide .cont img{
		width: 100%;
		height: calc(100vw*(180/360));
		margin-bottom: calc(100vw*(20/360));
		border-radius: calc(100vw*(5/360));
	}
	.main-sect05 .accordian-wp li:nth-of-type(2) .bg img{right: 40%;}
	.jw_st_interview{
		width: 88%;
		height: calc(100vw*(45/360));
		border-radius: calc(100vw*(10/360));
		border: 1px solid #556370;
		margin-bottom: calc(100vw*(64/360));
	}
	.jw_st_interview li > a{
		gap: calc(100vw*(13/360));
		padding: calc(100vw*(10/360)) calc(100vw*(10/360));
		font-size: calc(100vw*(11/360));
	}
	.jw_st_interview li > a > img:nth-child(1){
		width:calc(100vw*(23/360));
	}
	.jw_st_interview li > a > img:nth-child(2){
		width:calc(100vw*(18/360));
	}
	.wt_sec2_wrap{
		margin-bottom: calc(100vw*(40/360));
	}
	.wt_sec2_list > li{
		width: calc(100vw*(140/360));
		height: calc(100vw*(214/360));
	}
	.wt_sec2_list li .wt_list_cont{
		bottom:calc(100vw*(15/360));
		left: calc(100vw*(7/360));
	}
	.wt_sec2_list li .wt_list_cont .wt_list_tag{
		margin-bottom:  calc(100vw*(4/360));
		gap: 3px;
	}
	.wt_sec2_list li .wt_list_cont .wt_list_tag li{
		font-size: calc(100vw*(7.5/360));
		padding:calc(100vw*(6/360));
	}
	.wt_sec2_list li .wt_list_cont p{
		font-size: calc(100vw*(13/360));
		margin-bottom:  calc(100vw*(11/360));
	}
	.wt_sec2_list li .wt_list_cont small{
		font-size: calc(100vw*(7/360));
	}
	.focus_class{
		margin-bottom: calc(100vw*(72/360));
	}
	.focus_class div > img:nth-child(1){
		display: none;
	}
	.focus_class div > img:nth-child(2){
		display:block;
	}
	.focus_class div > button{
		bottom: calc(100vw*(23/360));
		left: calc(100vw*(11/360));
		width: calc(100vw*(116/360));
		height: calc(100vw*(24/360));
		border-radius: 200px;
		border: 1px solid rgba(255, 255, 255, 0.15);
		font-size: calc(100vw*(11/360));
	} 
	.wt_banner div{
		width: 100%;
		height: calc(100vw*(105/360));
	}
	.wt_banner div > img:nth-child(1){
		top:  calc(100vw*(15/360));
		width: 47%;
	}
	.wt_banner div > img:nth-child(2){
		width: 35%;
		top: calc(100vw*(5/360));
	}
	.wt_banner div button{
		top: calc(100vw*(67/360));
		width: calc(100vw*(104/360));
		height: calc(100vw*(25/360));
		padding: calc(100vw*(5/360)) calc(100vw*(7/360));
		font-size: calc(100vw*(10/360));
	}
	.class_features{
		margin-bottom:calc(100vw*(25/360));
	}
	.class_features ul{
		margin-top: calc(100vw*(24/360));
		width: 100%;
		height: calc(100vw*(440/360));
		border-radius: 0;
	}
	.class_features ul li{
		height: calc(100vw*(70/360));
		border-radius: 0;
  		margin-top: 0;
	}
	.class_features ul li:nth-child(1){
		margin-top: 0;
		background: linear-gradient(255deg, rgba(57, 97, 227, 0.00) 49.06%, #384880 90.31%), linear-gradient(0deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.24) 100%),url('../../publish/img/M_Wt_sec4_list01.png') top center / cover no-repeat;
	}
	.class_features ul li:nth-child(2){
		background: linear-gradient(255deg, rgba(57, 97, 227, 0.00) 49.06%, #384880 90.31%), linear-gradient(0deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.24) 100%),url('../../publish/img/M_Wt_sec4_list02.png') top center / cover no-repeat;
	}
	.class_features ul li:nth-child(3){
		background: linear-gradient(255deg, rgba(57, 97, 227, 0.00) 49.06%, #384880 90.31%), linear-gradient(0deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.24) 100%),url('../../publish/img/M_Wt_sec4_list03.png') top center / cover no-repeat;
	}
	.class_features ul li:nth-child(4){
		background: linear-gradient(255deg, rgba(57, 97, 227, 0.00) 49.06%, #384880 90.31%), linear-gradient(0deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.24) 100%),url('../../publish/img/M_Wt_sec4_list04.png') top center / cover no-repeat;
	}
	.class_features ul li:nth-child(5){
		background: linear-gradient(255deg, rgba(57, 97, 227, 0.00) 49.06%, #384880 90.31%), linear-gradient(0deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.24) 100%),url('../../publish/img/M_Wt_sec4_list05.png') top center / cover no-repeat;
	}
	.class_features ul li.active{
		height: calc(100vw*(160/360));
	}
	.class_features ul li > .arrow{
		width: calc(100vw*(20/360));
		top: calc(100vw * (28 / 360));
	}
	.class_features ul li > p{
		left: calc(100vw*(13/360));
		font-family: "S-Core Dream";
		font-size: calc(100vw*(16/360));
	}
	.class_features ul li.active > p{
		top: calc(100vw*(28/360));
	}
	.class_features ul li.active > p span{
		margin-top: calc(100vw*(15/360));
		font-size: calc(100vw*(12/360));
		letter-spacing: -0.8px;
	}
	.class_features ul li.active > a{
		top: calc(100vw*(115/360));
		left: calc(100vw*(13/360));
		font-size: calc(100vw*(12/360));
	}
	.learn_box.wt h3{
		display: block;
	}
	.class_inform.wt{
		padding:calc(100vw*(74/360)) 0 calc(100vw*(47/360));
	} 
	.swiper-main03.wt {
		padding-top: 25px;
	}
	.story_sec .swiper.bot.wt {
		margin-top:calc(100vw*(10/360));
	}
	.portfolio_sec.wt{
		margin-bottom: calc(100vw*(90/360));
	}
	#job .section11.wt{
		padding-top:calc(100vw*(32/360));
	}
	
}