.mo-block{display:none;}
.mo-block2{display:none;}

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

/* [s] header */
.header{position:fixed;top:0;left:0;width:100%;height:80px;z-index:1000;transition: .3s;}
.header .inner{display:flex;justify-content:space-between;align-items:center;}
/* .header .inner{width: 1800px; display:flex;justify-content:space-between;align-items:center;} */
.h-logo{width: 92px; height: 28px; background:url('../img/logo_wh.png') no-repeat center / contain;text-indent:-9999px; transition: background .3s .3s;}
.h-logo a{display:block;width:100%;height:100%;}

.header.scroll{background: rgba(0, 20, 38, 0.6);backdrop-filter: blur(170px);}

.h-nav-bg{display:none;position:absolute;top:80px;left:0;width:100%;height:320px;background-color: #F6F7FC;box-shadow: inset 0px 2px 9px -1px #D5D9EB; overflow: hidden;}
.h-nav{height:100%;}
.h-nav .inner{width:100%;height:100%;} 
.h-nav .depth-01{display:flex;justify-content: center;align-items: center;gap:100px;height:100%;}
.h-nav .depth-01 > li{position:relative;display:flex;justify-content: center;align-items: center;height:100%; }
.h-nav .depth-01 > li > a{position:relative;font-weight: 600;font-size: 18px;color: rgba(255,255,255,.8);transition: font-weight .3s .3s, color .3s .3s;}
.h-nav .depth-02{position:absolute;top:100%;left:50%;transform: translateX(-50%); display: none; flex-direction: column; align-items: center;  width:200%; padding: 20px 0;}
.h-nav .depth-02 > li{ text-align: center;}

.h-nav .depth-02 > li:last-of-type .depth-03 li:nth-of-type(3) a,
.h-nav .depth-02 > li:last-of-type .depth-03 li:nth-of-type(4) a,
.h-nav .depth-02 > li:last-of-type .depth-03 li:last-of-type a{
  opacity: 0;
  cursor: default;
}
.h-nav .depth-03 > li{text-align: left;}
.h-nav .depth-02 > li > a,
.h-nav .depth-03 > li > a{font-weight: 700;font-size: 16px;line-height: 40px;color: #787878;transition: color .2s;}
.h-nav .depth-03{display: none;}
.h-nav .depth-03 > li > a{white-space: nowrap; font-size: 13px;line-height:30px;}




.h-tel,
.h-toggle{display:none;}

.header.active{background: #fff !important;box-shadow: 0px 2px 9px -1px #D5D9EB;transition: background 0s;}
.header.active .h-logo{width: 90px; height: 28px; background: url('../img/logo_bl.png') no-repeat center / contain; transition: background 0s;}
.header.active .h-nav .depth-01 > li > a{font-weight: 800;color: rgba(34, 34, 34, .8);transition: font-weight 0s, color 0s;}
.header.active .h-nav .depth-01 > li:hover > a::after{content:'';position:absolute;bottom:-31px;left:-7px;width:calc(100% + 14px);height:3px;background: #0EADFF;}
.header.active .h-nav .depth-02 > li > a:hover {color: #12A1DE;}


.m_side_link{display: none;}
	/* aside */
.aside{position:fixed;top:50%;transform:translateY(-50%);right:0;z-index:101;}
.aside .open-btn{position:absolute;top:50%;transform:translateY(-50%);right:-40px;width: 40px;height: 160px;background: #07D0BD;border-radius: 20px 0px 0px 20px;cursor:pointer;transition: right .3s;}
.aside .open-btn p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);width: 89px;right:0;font-weight: 500;font-size: 15px;color: #FFFFFF;display: block;}
.aside .open-btn.active{right:0;}
.aside .menu-wp{position:absolute;top:50%;transform:translateY(-50%);right:-90px;width:90px;background: #00B9A7;border-radius: 30px 0px 0px 30px;overflow:hidden;transition: right .3s;}
.aside .menu-wp.active{right:0;}
.aside .menu-wp ul li{width:100%;height:110px;border-bottom: 1px solid rgba(255, 255, 255, .4);}
.aside .menu-wp ul li a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;}
.aside .menu-wp ul li img{height:26px;}
.aside .menu-wp ul li p{font-weight: 800;font-size: 14px;line-height: 20px;color:rgba(255, 255, 255, .8);text-align:center;}
.aside .menu-wp .close-btn{display:flex;justify-content:center;align-items:center;width:100%;height: 40px;background: #008174;font-weight: 800;font-size: 18px;color: #FFFFFF;cursor:pointer;}

.s_ask{display:flex;justify-content:center;flex-direction: column-reverse; position:fixed;bottom:40px;right:40px;width:64px;height:auto;z-index:100;gap: 11px;}
.s_ask .ask-btn.active{background:url('../img/kakaotalk_btn.svg') no-repeat center /  65px 65px;}
.s_ask .ask-btn{background:url('../img/close_btn.svg') no-repeat center /  65px 65px;width: 65px;height: 65px;z-index: 51;}
.s_ask .ask-btn img{width:100%;}
.s_ask .ask_menu.active{display:flex;flex-direction:column;align-self: center;z-index: 50;}
.s_ask .ask_menu.active.fade_in li:nth-child(1){--slide-distance:290px; animation:fadeDown1 0.5s ease-out forwards;}
.s_ask .ask_menu.active.fade_in li:nth-child(2){--slide-distance:220px; animation:fadeDown2 0.5s ease-out forwards;}
.s_ask .ask_menu.active.fade_in li:nth-child(3){--slide-distance:150px; animation:fadeDown3 0.5s ease-out forwards;}
.s_ask .ask_menu.active.fade_in li:nth-child(4){--slide-distance:80px; animation:fadeDown4 0.5s ease-out forwards;}
.s_ask .ask_menu{display: none;}
.s_ask .ask_menu a{width:100%;}
.s_ask .ask_menu li{pointer-events: none;width:56px; margin-top:14px;align-self: center;}

/* .s_ask .ask_menu.active li{animation:0.5s ease-out 0s 1 normal none running fadeUp;transition: transform 0.5s ease-out, opacity 0.5s ease-out;pointer-events: auto;transform: translateY(0);} */
.s_ask .ask_menu.active li:nth-child(1){--slide-distance:290px; animation:fadeUp1 0.5s ease-out forwards;pointer-events: auto;}
.s_ask .ask_menu.active li:nth-child(2){--slide-distance:220px; animation:fadeUp2 0.5s ease-out forwards;pointer-events: auto;}
.s_ask .ask_menu.active li:nth-child(3){--slide-distance:150px; animation:fadeUp3 0.5s ease-out forwards;pointer-events: auto;}
.s_ask .ask_menu.active li:nth-child(4){--slide-distance:80px; animation:fadeUp4 0.5s ease-out forwards;pointer-events: auto;}
.s_ask .ask_menu li img{width:100%;}
/* [e] header */



/* [s] footer */
.footer .cont-wp{background: #111920; padding: 60px 0;}
.footer .cont-wp .inner{display:flex;justify-content:space-between;gap:10px;margin: 0 auto;align-items: flex-start;}
.footer .cont-wp .f-logo{width:103px;}
.footer .cont-wp .f-logo img{width:103px;}


.footer .cont-wp .cont_item{
  display: flex;
  gap: 23px;
}
.footer .cont-wp .cont_txt{
  font-size: 16px;
  color: #999;
}
.footer .cont-wp .cont_txt .tel,
.footer .cont-wp .cont_txt span{
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 900;
  color: #fff;
}
.footer .cont-wp .inner.top{
  margin-bottom: 65px;
}
.footer .cont-wp .cont_txt a{
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 800;
}
.footer .cont-wp .cont_item:nth-of-type(1) a.ee_tel{
  color: #0EADFF;
}
.footer .cont-wp .cont_item:nth-of-type(2) a{
  color: #FFC800;
}
.footer .cont-wp .cont_item:last-of-type a{
  color: #07D0BD;
}

.footer .cont-wp .f-txt{display:flex;flex-direction:column;gap:10px;width:calc(100% - 322px);max-width:597px;color: #E3E3E3;}
.footer .cont-wp .f-txt ul{display:flex;flex-wrap:wrap;gap:10px 38px;}
.footer .cont-wp .f-txt li{position:relative;font-weight: 200;font-size: 16px;line-height: 24px;}
.footer .cont-wp .f-txt li.b{font-weight:500;}
.footer .cont-wp .f-txt li::after{content:'';position:absolute;top:50%;transform:translateY(-50%);right:-21px;width:1px;height:14px;background:#D2D2D2;}
.footer .cont-wp .f-txt .company-info {gap: 0 7px;}
.footer .cont-wp .f-txt .company-info li {color: #4a515c;font-size: 12px;font-weight: 600;letter-spacing: -0.8px;line-height: 22px;}
.footer .cont-wp .f-txt .company-info li::after {background:#4a515c;right:-5px;}
.footer .cont-wp .f-sns{display:flex;align-items:end;margin-left: auto;}
.footer .cont-wp .f-txt li:last-of-type::after{display:none;}
.footer .cont-wp .f-txt li:nth-child(5)::after{display:none;}

.footer .cont-wp .f-sns ul{display:flex;gap:24px;}
.footer .cont-wp .f-sns a{display:block;}
.footer .cont-wp .f-sns img{height: 24px;}
.footer .copy-wp{display:flex;justify-content:center;align-items:center;width:100%;height:60px;background: #151B29;font-weight: 400;font-size: 18px;color: #70788A;}
.footer .cont-wp .f-txt li.pay {cursor: pointer;}

	/* 수강료 */
.popup_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(17, 17, 17, 0.3);z-index:150;}
.popup_wp{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:151;}
.popup_basic{display:none;position:relative;background: #314556;border-radius: 20px;overflow:hidden;}
.close_basic{position:absolute;top:33px;right:50px;width:20px;height: 20px;cursor:pointer;z-index:1;}
.close_basic span{display:block;position:absolute;top:0;left:50%;width: 3px;height: 28px;background: #fff;transform: rotate(-45deg);}
.close_basic span:last-of-type{transform: rotate(45deg);}
.pay_popup_wp .popup_basic{width:90vw;max-width: 700px;}
.pay_popup_wp .ttl {padding-bottom: 32px;background-color: #212E3A;padding-top: 30px;padding-left: 50px;}
.pay_popup_wp h2{font-weight: 600;font-size: 30px;line-height: 32px;color: #fff;}
.pay_popup_wp .cont{padding: 50px 50px 60px;}
.pay_popup_wp .cont img{width:100%;}


/* [e] footer */


/* [s] main */

.swiper-pagination.v1{bottom:109px !important;}
.swiper-pagination.v1 .swiper-pagination-bullet{width: 8px;height: 8px;margin:0 15px !important;background: #697988;opacity:1;}
.swiper-pagination.v1 .swiper-pagination-bullet.swiper-pagination-bullet-active{position:relative;background: #07D0BD;}
.swiper-pagination.v1 .swiper-pagination-bullet.swiper-pagination-bullet-active::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 24px;height: 24px;border: 1px solid #07D0BD;border-radius:50%;}

.main-sect01{position:relative;height: 980px;}
.main-sect01 .swiper{height:100%;}
.main-sect01 .swiper-slide video, 
.main-sect01 .swiper-slide img{height: 100%;opacity: 0;margin: 0 auto;}
.main-sect01 .swiper-slide-active img {animation: fade-in 1s cubic-bezier(.25,.1,.2,1) reverse forwards}
.main-sect01 .swiper-page-gr {position: absolute; bottom: 80px; z-index: 100; left: 50%;transform: translate(-50%,0);}
.main-sect01 .swiper-button-prev{left:122px;}
.main-sect01 .swiper-button-next{right:122px;}
.main-sect01 .swiper-button-next:after, 
.main-sect01 .swiper-button-prev:after{width:27px;height:60px;background:url('../img/main_sect01_arrow.png') no-repeat center / contain;color:rgba(0,0,0,0);transition: all 0.2s;}
.main-sect01 .swiper-button-next:hover:after{background:url('../img/main_sect01_arrow_on.png') no-repeat center / contain;}
.main-sect01 .swiper-button-prev:hover:after{background:url('../img/main_sect01_arrow_on.png') no-repeat center / contain;}
.main-sect01 .swiper-button-prev:after{transform:scaleX(-1);}

@keyframes fade-in {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
    }
} 
@keyframes fadeDown1 {
    0% {
        opacity: 0;
        transform: translateY(0);
    }

    to {
        opacity: 1;
         /* transform: translateY(290px); */
         transform: translateY(var(--slide-distance));
    }
} 
@keyframes fadeDown2 {
    0% {
        opacity: 0;
        transform: translateY(0);
    }

    to {
        opacity: 1;
         transform: translateY(var(--slide-distance));
    }
} 
@keyframes fadeDown3 {
    0% {
        opacity: 0;
        transform: translateY(0);
    }

    to {
        opacity: 1;
         transform: translateY(var(--slide-distance));
    }
} 
@keyframes fadeDown4 {
    0% {
        opacity: 0;
        transform: translateY(0);
    }

    to {
        opacity: 1;
         transform: translateY(var(--slide-distance));
    }
} 
@keyframes fadeUp1 {
    0% {
        opacity: 0;
        transform: translateY(var(--slide-distance));
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
} 
@keyframes fadeUp2 {
    0% {
        opacity: 0;
        transform: translateY(var(--slide-distance));
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeUp3 {
    0% {
        opacity: 0;
        transform: translateY(var(--slide-distance));
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeUp4 {
    0% {
        opacity: 0;
        transform: translateY(var(--slide-distance));
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.main-sect01 .play-btn{position:absolute;bottom: 2px;right: -20px;width:9px;height:12px;z-index:5;cursor: pointer;}
.main-sect01 .play-btn.play{display:none;opacity:.8;}
.main-sect01 .swiper-pagination {position: static;}
.main-sect02{background: #151F28;}
.main-sect02 .top-wp{padding: 30px 0;border-bottom: 1px solid rgba(255,255,255,.1);}
.main-sect02 .top-wp .inner{display:flex;justify-content:space-between;align-items:center;margin: 0 auto 0;}
.main-sect02 .top-wp .tel-wp h2{font-weight: 400;font-size: 14px;line-height: 24px;color:rgba(255,255,255,.5);}
.main-sect02 .top-wp .tel-wp h1{margin-top: 6px;font-weight: 900;font-size: 28px;line-height: 31px;color: #07D0BD;}
.main-sect02 .top-wp .list-wp{display:flex;align-items:center;gap:50px;}
.main-sect02 .top-wp .list-wp li a{display:flex;align-items:center;gap:10px;}
.main-sect02 .top-wp .list-wp li .img{width: 32px;height: 34px;background:url('../img/main_sect02_list01_h.png') no-repeat center / contain;transition: background .3s;}

.main-sect02 .top-wp .list-wp li {position: relative;}
.main-sect02 .top-wp .list-wp li:after {content: '';position: absolute;top: 7px;right: -24px;width: 2px;height: 20px;background: rgba(255,255,255,0.1);}
.main-sect02 .top-wp .list-wp li:last-child:after {display: none;}
.main-sect02 .top-wp .list-wp li:nth-of-type(2) .img{background-image:url('../img/main_sect02_list02.png');}
.main-sect02 .top-wp .list-wp li:nth-of-type(3) .img{background-image:url('../img/main_sect02_list03.png');}
.main-sect02 .top-wp .list-wp li:nth-of-type(4) .img{background:url('../img/main_sect02_list04.png') no-repeat center / contain;}
.main-sect02 .top-wp .list-wp li:nth-of-type(1) h2{color: #07D0BD;}
.main-sect02 .top-wp .list-wp li:nth-of-type(2):hover .img{background-image:url('../img/main_sect02_list02_h.png');}
.main-sect02 .top-wp .list-wp li:nth-of-type(3):hover .img{background-image:url('../img/main_sect02_list03_h.png');}
.main-sect02 .top-wp .list-wp li:nth-of-type(4):hover .img{background-image:url('../img/main_sect02_list04_h.png');}
.main-sect02 .top-wp .list-wp li h2{font-weight: 500;font-size: 16px;color: #FFFFFF;transition: color .3s;}
.main-sect02 .top-wp .list-wp li:hover h2{color: #07D0BD;}

.main-sect02 .btm-wp .inner {margin: 0 auto;}
.main-sect02 .btm-wp .swiper-slide{display:flex;align-items:center;height: 60px;}
.main-sect02 .btm-wp h2{position:relative;margin-right: 40px;font-weight: 500;font-size: 14px;color:rgba(255,255,255,.5);}
.main-sect02 .btm-wp h2::after{content:'';position:absolute;top:50%;transform:translateY(-50%);right:-21px;width:1px;height:14px;background:rgba(255,255,255,.2);}
.main-sect02 .btm-wp h1{font-weight: 500;font-size: 16px;color:#fff;}
.main-sect02 .btm-wp h1 .en{margin-left: 9px;font-weight: 800;color: #ffc800;}

.main-sect03{position:relative;background: #000000;color: #FFFFFF;overflow:hidden;transition: all 0.4s;}
.main-sect03.main:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.85) 70%, rgba(0, 0, 0, 1) 100%);z-index: 0;}
.main-sect03 .swiper-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
/* .main-sect03 .swiper-bg .bg{position:absolute;top:0;width:calc(50vw - 600px);min-width:0;height:100%;background: linear-gradient(90deg, #000000 0, rgba(0, 0, 0, 0) 100%);z-index:5;} */
.main-sect03 .swiper-bg .bg{position:absolute;top:0;width:calc(52vw - 600px);min-width:0;height:100%;background: linear-gradient(90deg, #000000 0, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0) 100%);z-index:5;}

.main-sect03 .swiper-bg .bg.left{left:0;}
.main-sect03 .swiper-bg .bg.right{right:0;transform:scaleX(-1);}
.main-sect03 .inner{position:relative;}
.main-sect03 .ttl-wp{position:absolute;top:166px;left:49px;z-index:2;}
.main-sect03 .ttl-wp h1{font-family: 'TmonMonsori';font-weight: 600;font-size: 54px;line-height: 58px;}
.main-sect03 .ttl-wp h2{margin-top: 20px;font-weight: 300;font-size: 20px;line-height: 30px;text-align:right;}

.swiper-main03{padding: 140px 0 100px;overflow:visible;}
.swiper-main03 .swiper-slide {display:flex;justify-content:space-between;align-items:end;gap:20px;padding-left: 100px;}
.swiper-main03 .swiper-slide h3{display:flex;justify-content:center;align-items:center;padding-bottom: 3px;border-radius: 50px;font-style:italic;font-weight: 600;}
.swiper-main03 .swiper-slide img{width:100%;height:100%;object-fit:cover;}
.swiper-main03 .swiper-slide .before-wp{position:relative;width: 292px;height: 292px;margin-bottom: 30px;border-radius:20px;overflow:hidden;}
.swiper-main03 .swiper-slide .before-wp h3{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width: 70px;height: 24px;background: rgba(20, 13, 33, .8);border: 1px solid #FFFFFF;font-size: 16px;}
.swiper-main03 .swiper-slide .after-wp{position:relative;width: 695px;height: 780px;border-radius:40px;overflow:hidden;border: 1px solid rgba(7, 208, 189, 0.3);}
.swiper-main03 .swiper-slide .after-wp .green-wp{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:end;width:100%;height:100%;padding-bottom: 40px;	background: linear-gradient(180deg, rgba(7, 208, 189, 0) 60.45%, #098D81 100%);}
.swiper-main03 .swiper-slide .after-wp .txt-wp{display:flex;flex-direction:column;align-items:center;}
.swiper-main03 .swiper-slide .after-wp .txt-wp .name{font-weight: 700;font-size: 18px;line-height: 20px;}
.swiper-main03 .swiper-slide .after-wp .txt-wp .period{margin-top: 14px;font-weight: 800;font-size: 26px;line-height: 134.02%;}
.swiper-main03 .swiper-slide .after-wp .txt-wp h3{width: 134px;height: 40px;margin-top: 20px;background:rgba(34, 34, 34, .8);border:2px solid rgba(115, 254, 237, .8);font-size: 20px;}
.swiper-main03 .swiper-slide .after-wp .bg-img {display: none;}

.main-sect03 .sub-control .swiper-button-prev,
.main-sect03 .sub-control .swiper-button-next{display:none;}




.main-sect03 .control .swiper-button-prev{top:440px;left:unset;right:800px;width: 42px;height: 34px;}
.main-sect03 .control .swiper-button-next{top:440px;right:-142px;width: 42px;height: 34px;}
.main-sect03 .control .swiper-button-next:after, 
.main-sect03 .control .swiper-button-prev:after{width: 50px;height: 50px;background:url('../img/main_sect03_arrow.png') no-repeat center / contain;color:rgba(0,0,0,0);transition: all 0.4s;}
.main-sect03 .control .swiper-button-next:after{transform:scaleX(-1);}

.main-sect03 .control .swiper-button-prev:hover:after,
.main-sect03 .control .swiper-button-next:hover:after{background:url('../img/main_sect03_arrow_on.png') no-repeat center / contain;}

.main-sect04{padding-bottom: 84px;background: #000000;}

.swiper-main04-tab .swiper-slide{display:flex;justify-content:center;align-items:center;width:calc(100% / 6);height:72px;border-bottom: 1px solid rgba(85, 101, 118, .5);font-weight: 700;font-size: 18px;color: #556576;text-align:center;cursor:pointer;}
.swiper-main04-tab .swiper-slide.active{border-bottom: 3px solid #00CDBA;font-weight: 800;color: #00CDBA;}

.main-sect04 .piece-wp{margin-top: 40px;}
.main-sect04 .piece-wp .more {color: #556576;display: block;text-align: right;margin-bottom: 20px;}
.main-sect04 .piece-wp .more img {display: inline-block;vertical-align: middle;margin-left: 3px;}

.main-sect04 .piece-wp .list{display:flex;flex-wrap:wrap;gap:40px 10px;}
.main-sect04 .piece-wp .list li{position:relative;width:calc((100% - 20px) / 3);height:354px;overflow: hidden;border-radius: 10px;}
.main-sect04 .piece-wp .list li:hover img {transform: scale(1.1);}
.main-sect04 .piece-wp .list li h2{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:end;width:100%;height:50%;padding-bottom: 32px;	background: linear-gradient(180deg, rgba(21, 31, 40, 0) 0%, #151F28 100%);font-weight: 500;font-size: 18px;line-height: 20px;color: #FFFFFF;}
.main-sect04 .piece-wp .list li img{width:100%;height:100%;object-fit:cover;transition: all 1s;}
.main-sect04 .view-more{display:block;width: 429px;height: 50px;margin: 80px auto 0;background:url('../img/main_sect04_view.png') no-repeat center / contain;}

.main-sect05{padding-top: 10px;background: #000000;color: #FFFFFF;overflow:hidden;}
.main-sect05 h1{font-family: 'TmonMonsori';font-weight: 600;font-size: 54px;line-height: 58px;text-align:center;}
.main-sect05 h2{margin-top: 13px;font-weight: 300;font-size: 20px;line-height: 30px;text-align:center;}
.main-sect05 .accordian-wp{display:flex;height: 900px;margin-top: 90px;background:url('../img/main_sect05_bg2.jpg') center / cover;}
.main-sect05 .accordian-wp li{position:relative;display:flex;justify-content:center;align-items:center;width:calc((100% - 1024px) / 4);transition: all 0.8s;}
.main-sect05 .accordian-wp li a{display:block;width:100%;height:100%;}
.main-sect05 .accordian-wp li .bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition: all 0.6s;}
.main-sect05 .accordian-wp li:nth-of-type(1) .bg{background:url('../img/main_sect05_li01.png') no-repeat center / contain;}
.main-sect05 .accordian-wp li:nth-of-type(2) .bg{background:url('../img/main_sect05_li02.png') no-repeat center / contain;}
.main-sect05 .accordian-wp li:nth-of-type(3) .bg{background:url('../img/main_sect05_li03.png') no-repeat center / contain;}
.main-sect05 .accordian-wp li:nth-of-type(4) .bg{background:url('../img/main_sect05_li04.png') no-repeat center / contain;}
.main-sect05 .accordian-wp li:nth-of-type(5) .bg{background:url('../img/main_sect05_li05.png') no-repeat center / contain;}
.main-sect05 .accordian-wp li:nth-of-type(6) .bg{background:url('../img/main_sect05_li01.png') no-repeat center / contain;}
.main-sect05 .accordian-wp li:nth-of-type(5) .bg .main_sect05_mb_img{display: none;}
.main-sect05 .accordian-wp li .bg img{width:0;margin:0;animation:bounce 3s infinite ease-in-out forwards;transition: all 0.6s;}
.main-sect05 .accordian-wp li h3{position:absolute;top:50%;left:50%;width:250px;font-weight: 800;font-size: 28px;color: rgba(255, 255, 255, .8);text-align:center;transform:translate(-50%,-50%) rotate(90deg);}
.main-sect05 .accordian-wp li h4,
.main-sect05 .accordian-wp li p,
.main-sect05 .accordian-wp li .view-more{position:relative;display:none;}
.main-sect05 .accordian-wp li.active{display:block;width:1024px;padding: 203px 0 0 562px;}
.main-sect05 .accordian-wp li.active .bg{opacity:1;}
.main-sect05 .accordian-wp li.active:nth-of-type(1) .bg img{width: 525px;margin:97px 51px;position: relative; right: 102px;}
.main-sect05 .accordian-wp li.active:nth-of-type(2) .bg img{width: 650px;margin:80px 0px;position: relative;right: 55px;}
.main-sect05 .accordian-wp li.active:nth-of-type(3) .bg img{width: 545px;margin:165px 0px;}
.main-sect05 .accordian-wp li.active:nth-of-type(4) .bg img{width: 470px;margin:140px 0px;position: relative;left:70px;}
.main-sect05 .accordian-wp li.active:nth-of-type(5) .bg img{width: 450px;margin:200px 0px;position: relative;left:95px;}
.main-sect05 .accordian-wp li.active:nth-of-type(6) .bg img{width: 345px;margin:141px 0px;position: relative;left:105px;}
.main-sect05 .accordian-wp li.active h4{display:block;font-weight: 600;font-size: 18px;line-height: 23px;color: #00FFE7;}
.main-sect05 .accordian-wp li.active h3{position:relative;top:unset;left:unset;display:block;width:auto;height:auto;margin-top: 20px;font-weight: 600;font-size: 48px;line-height: 53px;color:#fff;text-align:left;transform:none;white-space: nowrap;}
.main-sect05 .accordian-wp li.active h3 span{font-size: 33px;}
.main-sect05 .accordian-wp li.active p{display:block;width: 350px;height:304px;margin-top: 49px;font-weight: 200;font-size: 16px;line-height: 26px;}
.main-sect05 .accordian-wp li.active .view-more{display:flex;align-items:center;gap:8px;font-weight: 600;font-size: 16px;flex-direction: row;}
.main-sect05 .accordian-wp li.active .view-more img{width: 22px;}
.main-sect05 .accordian-wp li.active .view-more a{width: 137px;display: flex;justify-content: center;align-items: center; height: 36px;border-radius: 7px;border: 1.6px solid #07D0BD;background: rgba(7, 208, 189, 0.29);transition: background-color 1s ease;}
.main-sect05 .accordian-wp li.active .view-more a:hover{background-color: #2BE6D5;}

.main-sect06{position:relative;padding: 168px 0 112px;background:url('../img/main_sect06_bg2.png') center / cover;overflow:hidden;}
.main-sect06 h1{font-weight: 700;font-size: 48px;line-height: 68px;color: #FFFFFF;letter-spacing: -0.04em;text-align: center;}
.main-sect06 .swiper-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.main-sect06 .swiper-bg .bg{position:absolute;top:0;width:calc(50vw - 600px);min-width:0;height:100%;background: linear-gradient(90deg, #151F28 0, rgba(21, 31, 40, 0) 100%);z-index:5;}
.main-sect06 .swiper-bg .bg.left{left:0;}
.main-sect06 .swiper-bg .bg.right{right:0;transform:scaleX(-1);}

.swiper-main06-wp{position:relative;width:100%;height:654px;overflow:hidden;}
.swiper-main06{position:absolute;top:0;left:50%;transform:translateX(-50%);width:2000px;padding-bottom:218px;margin-top: 67px;}
.swiper-main06 .swiper-slide{width: 400px;height:auto;padding: 30px 40px;background: #FFFFFF;border-radius: 20px;}
.swiper-main06 .swiper-slide:nth-of-type(even){transform:translateY(106px);}
.swiper-main06 .ttl-wp{display:flex;align-items:center;gap:30px;}
.swiper-main06 .ttl-wp .profile{width: 90px;height: 90px;border-radius:50%;object-fit:cover;}
.swiper-main06 .ttl-wp h2{font-weight: 700;font-size: 16px;line-height: 18px;color: #222222;}
.swiper-main06 .ttl-wp h3{margin-top: 11px;font-weight: 500;font-size: 16px;line-height: 18px;color: #07D0BD;}
.swiper-main06 .cont-wp{margin-top: 20px;}
.swiper-main06 .cont-wp img{width: 22px;margin:0 auto;}
.swiper-main06 .cont-wp p{margin-top: 20px;font-weight: 400;font-size: 14px;line-height: 24px;color: #404040;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.swiper-main06 .swiper-pagination{position:absolute;top:unset;bottom:0;left:50%;transform:translateX(-50%);width:90vw;max-width:595px;background: #455162;border-radius: 2px;overflow:hidden;}
.swiper-main06 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #07D0BD;border-radius: 30px;}

.main-sect07{/*background: linear-gradient(#00A892, #00BEBC);*/background: #001A29;position: relative;}
.main-sect07 .inner {margin: 0 auto;}

.main-sect07 .bgImg {width: 100%;}
.main-sect07 .mImg {display: none;}

.main-sect07 .char {position: absolute;width: 24%;bottom: -3%;right: 6%;animation: bounce 3s 1s infinite ease-in-out forwards;}
.main-sect07 .bannerTxt {position: absolute;top: 10%;left: 4%;}
.main-sect07 .mImg .bannerTxt img {width: 78%;}
.main-sect07 .mImg .bannerTxt img:nth-child(3) {width: 43%;margin: 6% 0 35%;}


.main-sect07 .pImg .bannerTxt {position: absolute;top: 13%;left: 9%;width:50%;}
.main-sect07 .pImg .bannerTxt img {width: 33%;}
.main-sect07 .pImg .bannerTxt img:nth-child(2) {width: 70%;margin-top: 2%;}
.main-sect07 .pImg .bannerTxt img:nth-child(3) {width: 80%;margin: 3% 0 5%;}
.main-sect07 .pImg .bannerTxt .cta_btn{display: flex; justify-content: center;position: relative; left: -5px; width:210px;font-family: "NanumSquareNeo-Variable", sans-serif;color:#ffffff;font-size: 16px;font-weight: 900;border-radius: 50px;background-color:#07D0BD;padding: 2% 0;}
.main-sect07 .pImg .bannerTxt .cta_btn img {display: inline;width: 10%;margin-right: 4%;}
/* .main-sect07 .inner{display:flex;justify-content:space-between;align-items:center;padding: 32px 0 46px;} */
.main-sect07 .txt-wp h2{font-weight: 400;font-size: 20px;line-height: 22px;letter-spacing: -0.04em;color: #FFFFFF;}
.main-sect07 .txt-wp h1{margin-top: 23px;font-weight: 600;font-size: 36px;line-height: 40px;color: #FFFFFF;}
.main-sect07 .txt-wp p{margin-top: 34px;font-weight: 500;font-size: 20px;line-height: 22px;color:rgba(255, 255, 255, .5);}
.main-sect07 .ico{width: 337px;animation:bounce 3s infinite ease-in-out forwards;}



.main-sect10{padding: 140px 0 60px 0;;background: linear-gradient(#060809, #151F28);text-align: center;color: #FFFFFF;overflow:hidden;}
.main-sect10 .inner {max-width: 1460px;}
.main-sect10 h1{font-family: 'TmonMonsori';font-weight: 600;font-size: 54px;line-height: 58px;}
.main-sect10 h2{margin-top: 13px;font-weight: 300;font-size: 20px;line-height: 30px;}
.main-sect10 .more {text-align: left;margin: 153px 4px 23px auto;padding-left: 4px;width: 47%;display: flex;align-items: center;}
.main-sect10 .more h3 {font-weight: 600;font-size: 34px;display: inline-block;}
.main-sect10 .more a {font-family: 'Nanum Gothic', sans-serif;font-size: 16px;margin-left: auto;}
.main-sect10 .interview_list {position: relative;}
.main-sect10 .interview_list:after {content: 'NEW';position: absolute;top: -4px;right: 45%;font-size: 18px;color: #ffd400;font-weight: bold;transform: rotate(-22deg);z-index: 10;}

.main-sect10 .item {margin-bottom: 10px;text-align: right;}
.main-sect10 .item .outer{display: inline-block; position: relative; width: 47%;}
.main-sect10 .item iframe {display: none;position: absolute;top: 35%;left: 0;width: 735px;height: 416px;border-radius: 20px;border: 3px solid #07D0BD;}
.main-sect10 .item.active iframe {display: block;}
.main-sect10 .item a {font-size: 20px;display: inline-block;padding: 15px 35px;width: 100%;border-radius: 27px;border: 2px solid #07D0BD;overflow: hidden; text-align:left;white-space: nowrap; text-overflow: ellipsis;word-break: break-all;position: relative;z-index: 1;font-weight: 300;}
.main-sect10 .item a:after {content: ''; display: inline-block; width: 0; height: 100%; background-color: #07D0BD; position: absolute; top: 0; left: 0; z-index: -1; transition: all 0.4s;}
.main-sect10 .item a:hover:after {width: 100%;}
.main-sect10 .item.active a {background: #07D0BD;}
.main-sect10 .item a:hover {background: #07D0BD;transition: all 0.6s;}
@keyframes blink {
  50% {
    opacity: 0;
  }
}
.main-sect10 .item .sect10_new{color: #FFC800;
  animation: blink 1.2s infinite;
  font-family: "EB Garamond";
  font-size: 20px;
  font-weight: 800;
  transform: rotate(-30deg);
  position: absolute;
  left: -8px;
  top: -14px;
  text-shadow: -1px 0px black, 0px 3px black, 3px 0px black, 0px -1px black;
  z-index: 2;}
/* .main-sect10 .item a span {position: absolute;top: 0;left: 0;font-size: 16px;color: #00f;display: none;font-weight: bold;}
.main-sect10 .item:first-child a span {display: block;} */


.main-sect08{padding: 140px 0;background: #151F28;text-align: center;color: #FFFFFF;overflow:hidden;}
.main-sect08 h1{font-family: 'TmonMonsori';font-weight: 600;font-size: 54px;line-height: 58px;}
.main-sect08 h2{margin-top: 13px;font-weight: 300;font-size: 20px;line-height: 30px;}

.swiper-main08{position:relative;width:calc(100% + 606px);margin-top: 91px;margin-left: -303px;}
.swiper-main08::before{content:'';position:absolute;top:0;left:0;width:165px;height:100%;background:rgba(21, 31, 40, .85);z-index:5;}
.swiper-main08::after{content:'';position:absolute;top:0;right:0;width:165px;height:100%;background:rgba(21, 31, 40, .85);z-index:5;}
.swiper-main08 .swiper-slide {cursor: pointer;}
/* .swiper-main08 .swiper-slide img{width:100%;height: 393px;object-fit:cover;} */
/* .swiper-main08 .swiper-slide img{width:100%;height: 415px;} */
.swiper-main08 .swiper-slide h3{margin-top: 30px;font-weight: 300;font-size: 18px;line-height: 28px;
overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; 
}
.swiper-main08 .swiper-slide p{margin-top: 8px;font-weight: 300;font-size: 14px;line-height: 30px;color: #787878;}

.main-sect08 .swiper-button-prev{left:-102px;width: 42px;height: 34px;z-index:6;}
.main-sect08 .swiper-button-next{right:-102px;width: 42px;height: 34px;z-index:6;}
.main-sect08 .swiper-button-next:after, 
.main-sect08 .swiper-button-prev:after{display: none;width: 42px;height: 34px;background:url('../img/main_sect03_arrow.png') no-repeat center / contain;color: rgba(0,0,0,0);}
.main-sect08 .swiper-button-prev:after{transform:scaleX(-1);}
.main-sect08 .view-more{display:block;width: 430px;height: 50px;margin:60px auto 0;background:url('../img/main_sect08_view.png') no-repeat center / contain;}

.main-sect08 .swiper-button-prev:hover:after,
.main-sect08 .swiper-button-next:hover:after{background:url('../img/main_sect03_arrow_on.png') no-repeat center / contain;}

/* .swiper-main08::before, .swiper-main08::after{width:250px;} */
.swiper-main08::before {background: linear-gradient(90deg, #151F28 50%, rgba(21, 31, 40, 0) 100%);}
.swiper-main08::after {background: linear-gradient(-90deg, #151F28 50%, rgba(21, 31, 40, 0) 100%)}

.main-sect09{padding: 140px 0 247px;background:url('../img/main_sect09_bg.png') center / cover;text-align: center;color: #FFFFFF;overflow:hidden;}
.main-sect09 h1{font-family: 'TmonMonsori';font-weight: 600;font-size: 54px;line-height: 58px;}
.main-sect09 h2{margin-top: 13px;font-weight: 300;font-size: 20px;line-height: 30px;}

.swiper-main09-wp{position:relative;width:100%;height:543px;margin-top: 130px;}
.swiper-main09{position:absolute;bottom:0;left:50%;width: 2770px;transform:translateX(-50%);overflow:visible;}
.swiper-main09 .swiper-slide{width:1360px;opacity: 0.2;transition: margin-top .5s, opacity .5s;}
.swiper-main09 .swiper-slide img{width:100%;}
.swiper-main09 .swiper-slide.swiper-slide-active{margin-top: -80px;opacity: 1;}
.swiper-main09 .swiper-pagination{position:absolute;top:unset;bottom:0;left:50%;transform:translateX(-50%);width:90vw;max-width:595px;background: #455162;border-radius: 2px;overflow:hidden;}
.swiper-main09 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #07D0BD;border-radius: 30px;}


/* [e] main */



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

	/* 상담문의 */
.counsel-sect{position:relative;padding: 150px 0 172px;background: #1C2431;}
.counsel-sect::before{content: ''; position: absolute; top: 0px; left: 0; background: linear-gradient(180deg, #15151D 0%, #1C2431 100%); width: 100%; height: 200px;}
.counsel-sect .bg-wp{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.counsel-sect .bg-wp .cloud01{position:absolute;bottom:-170px;left:52%;transform:translateX(-50%);width:117vw;animation:bounce-x 4s 1s infinite ease-in-out forwards;}
.counsel-sect .bg-wp .cloud02{position:absolute;bottom:-698px;left:50%;transform:translateX(-50%);width:2221px;animation:bounce-x 4s infinite ease-in-out forwards;}
.counsel-sect .bg-wp .ico01{position:absolute;top:301px;left:240px;width:300px;animation:bounce 4s 2s infinite ease-in-out forwards;}
.counsel-sect .bg-wp .ico02{position:absolute;bottom:414px;right:114px;width:195px;animation:bounce 3s infinite ease-in-out forwards;}

.counsel-sect .inner{max-width:600px;}
.counsel-sect h1{font-weight: 600;font-size: 48px;line-height: 68px;text-align: center;letter-spacing: -0.04em;color: #FFFFFF;margin-bottom: 33px;}
.counsel-sect p{font-weight: 200;font-size: 16px;line-height: 24px;color: #FFC800;}
.counsel-sect .chk-wp{display:flex;flex-wrap:wrap;gap:10px;margin-top: 16px;margin-bottom: 21px;}
.counsel-sect .chk-wp li{width:calc((100% - 20px) / 3);height:54px;}
.counsel-sect .chk-wp.counsel_content li:last-child{width:100%;}
.counsel-sect .chk-wp li label{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background: #29353F;border-radius: 5px;font-weight: 800;font-size: 18px;color: #556576;}
.counsel-sect .chk-wp.up li label{border-radius: 5px;}
.counsel-sect .chk-wp li input:checked + label{background: #07D0BD;font-weight: 600;color: #FFFFFF;}
.counsel-sect .box-wp{margin-top: 39px;}
.counsel-sect .wh-box{padding: 66px 92px 70px;background: #FFFFFF;border: 1px solid #E3E3E3;border-radius: 30px 30px 0 0;}
.counsel-sect .wh-box .input-wp{display:flex;flex-direction:column;gap:25px;}
.counsel-sect .wh-box .input-wp label{display:flex;flex-direction:column;gap:10px;font-weight: 700;font-size: 16px;line-height: 30px;color: #333333;}
.counsel-sect .wh-box .input-wp input{height:54px;padding: 0 20px;background: #EBF4F4;border:none;border-radius: 5px;font-size: 16px;}
.counsel-sect .wh-box .input-wp .name{width:100%;}
.counsel-sect .wh-box .input-wp .tel-wp{display:flex;gap:10px;}
.counsel-sect .wh-box .input-wp .tel-wp input{width:calc((100% - 20px) / 3);}
.counsel-sect .wh-box .agree{position:relative;display:block;margin-top: 25px;padding-left: 25px;font-weight: 400;font-size: 16px;line-height: 16px;}
.counsel-sect .wh-box .agree::before{content:'';position:absolute;top:50%;transform:translateY(-50%);left:0;width: 16px;height: 16px;background:#fff;border: 1px solid #E8E8E8;border-radius: 3px;}
.counsel-sect .wh-box > input:checked + label::before{background:#07D0BD url('../img/admin/chk_wh.png') no-repeat center / 10px auto;border:none;}
.counsel-sect .gr-box{display:flex;justify-content:center;align-items:center;width:100%;height:70px;background: #353535;border-radius: 0px 0px 30px 30px;font-weight: 500;font-size: 20px;color: #FFFFFF;}

	/* sub ttl */
.sub-ttl-wp{display:flex;flex-direction:column;align-items:center;gap:34px;padding-top: 140px;}
.sub-ttl-wp h1{font-weight: 600;font-size: 52px;line-height: 57px;letter-spacing: -0.04em;color: #FFFFFF;}
.sub-ttl-wp .depth{display:flex;gap:42px;}
.sub-ttl-wp .depth li{position:relative;font-weight: 500;font-size: 16px;line-height: 18px;color: rgba(255, 255, 255, 0.8);}
.sub-ttl-wp .depth li::after{content:'';position:absolute;top:50%;transform:translateY(-50%);right:-30px;width:18px;height:18px;background:url('../img/sub_ttl_arrow.png') no-repeat center / contain;}
.sub-ttl-wp .depth li:last-of-type::after{display:none;}

	/* sub tab */
.tab-wp{display:flex;gap:10px;margin-top: 109px;}
.tab-wp li{width:calc((100% - 20px) / 3);height: 80px;background: #29343F;font-weight: 700;font-size: 20px;color: #556576;}
.tab-wp li.active{background: #07D0BD;color: #FFFFFF;}
.tab-wp li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;}
.mo-tab-wp{display:none;}



/* .tab-wp-sub{display:flex;justify-content: space-around;height:72px;line-height: 72px;border-bottom: 1px solid rgba(85, 101, 118, .5);font-weight: 700;font-size: 18px;color:#556576;text-align:center;}
.tab-wp-sub li {width: 100%;}
.tab-wp-sub li.active{border-bottom: 3px solid #00CDBA;font-weight: 800;color: #00CDBA;}
.tab-wp-sub li a {display: inline-block;width: 100%;height: 100%;}
 */
.tab-wp-sub .swiper-slide{display:flex;justify-content:center;align-items:center;height:72px;line-height: 72px;border-bottom: 1px solid rgba(85, 101, 118, .5);font-weight: 700;font-size: 18px;color: #556576;text-align:center;}
.tab-wp-sub .swiper-slide.active a{border-bottom: 3px solid #00CDBA;font-weight: 800;color: #00CDBA;}
.tab-wp-sub .swiper-slide a {display: inline-block;width: 100%;}


	/* list view */
.list-view-wp{margin: 109px 0 180px;}
.list-view-wp .ttl-wp{padding: 62px 0;border-top: 1px solid rgba(255, 255, 255, .2);text-align:center;}
.list-view-wp .ttl-wp h1{font-weight: 500;font-size: 38px;line-height: 42px;letter-spacing: -0.04em;color: #FFFFFF;}
.list-view-wp .ttl-wp h2{margin-top: 24px;font-weight: 400;font-size: 20px;line-height: 29px;letter-spacing: -0.04em;color: #07D0BD;}
.list-view-wp .view-img-wp{color:#fff;}
.list-view-wp .view-img-wp img{width:100%;}
.list-view-wp .view-img-wp iframe{width:100%;height: 695px;border-radius:20px;}

.nav-wp{display:flex;justify-content:space-between;align-items:center;margin-top: 60px;}
.nav-wp .arrow-wp{display:flex;align-items:center;gap:20px;font-weight: 500;font-size: 20px;color: #FFFFFF;}
.nav-wp .arrow-wp.prev img{width: 32px;transform:scaleX(-1);}
.nav-wp .arrow-wp.next img{width: 42px;}
.nav-wp .list{display:flex;justify-content:center;align-items:center;width: 170px;height: 60px;background: #07D0BD;font-weight: 500;font-size: 18px;color: #FFFFFF;}

.list-thum-wp{display:flex;flex-wrap:wrap;gap:10px;margin-top: 130px;}
.list-thum-wp li{width:calc((100% - 20px) / 3);transition:opacity .2s;}
.list-thum-wp li:hover{opacity:.6;}
.list-thum-wp li.active{opacity:.4;}
.list-thum-wp li .img-wp{width:100%;height: 370px;}
.list-thum-wp li .img-wp img{width:100%;height:100%;object-fit:cover;border-radius: 13px;}
.list-thum-wp li .txt-wp h2{margin-top: 30px;font-weight: 300;font-size: 20px;line-height: 22px;letter-spacing: -0.04em;color: #FFFFFF;}
.list-thum-wp li .txt-wp p{margin-top: 7px;font-weight: 400;font-size: 16px;line-height: 30px;color: #787878;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}

.list-thum-wp.txt{gap:80px 10px;}

	/* page number */
.pagination{display:flex;justify-content:center;align-items:center;gap:46px;margin:90px 0 150px;}
.pagination li{border-bottom:1px solid transparent;font-weight: 400;font-size: 16px;line-height: 18px;color: #fff;}
.pagination li.active{border-bottom: 1px solid #07D0BD;font-weight: 700;color: #07D0BD;}
.pagination li img{width:9px;}
.pagination li.prev img{transform:scaleX(-1);}

	/* btn */
.btn-green{display:flex;justify-content:center;align-items:center;gap:29px;width: 226px;height: 60px;margin:80px auto 156px;background: #07D0BD;font-weight: 600;font-size: 18px;color: #FFFFFF;cursor:pointer;}
.btn-green img{width: 19px;}

	/* 팝업 */
.popup-bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(17, 17, 17, 0.3);z-index:1500;}
.popup-wp{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1501;}
.popup-basic{position:relative;width:90vw;background: #314556;border:1px solid rgba(0, 230, 201, 1);border-radius: 30px;color: #FFFFFF;overflow:hidden;}
.popup-basic .close-btn{position:absolute;top:26px;right:20px;width:40px;height: 40px;background:url('../img/popup_close.png') no-repeat center / contain;cursor:pointer;z-index:1;}
.popup-basic .btn-green{margin:10px auto 0;}


	/* 수강후기 */
.popup-review .popup-basic{max-width: 680px;}
.popup-review h1{padding: 30px 88px;background: #212E3A;font-weight: 600;font-size: 30px;}
.popup-review .cont-wp{display:flex;flex-direction:column;align-items:center;gap:20px;padding: 40px 98px 60px 88px;}
.popup-review .cont-wp label{display:flex;flex-direction:column;gap:10px;width:100%;font-weight: 500;font-size: 18px;line-height: 30px;}
.popup-review .cont-wp .two-wp{display:flex;gap:10px;width:100%;}
.popup-review .cont-wp .two-wp label{width:calc((100% - 10px) / 2);}
.popup-review input,
.popup-review select,
.popup-review textarea{height:54px;padding: 0 20px;background: #EBF4F4;border:none;border-radius: 5px;font-weight: 700;font-size: 16px;}
.popup-review select{outline:none;background: #EBF4F4 url('../img/select_arrow.png') no-repeat center right 20px / 15px auto;appearance:none;}
.popup-review select::expand{display:none;}
.popup-review textarea{height:190px;padding: 20px;outline:none;}
.popup-review textarea::-webkit-scrollbar{width:16px;}
.popup-review textarea::-webkit-scrollbar-thumb{width:8px; border-radius:13px; background:#07D0BD;background-clip: padding-box;border: 5px solid transparent;}
.popup-review-complete .popup-basic{max-width:588px;padding: 69px 0;}
.popup-review-complete p{font-weight: 600;font-size: 26px;line-height: 46px;text-align:center;}

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



/* [s] intro */

.intro-sect .ttl{font-weight: 600;font-size: 48px;line-height: 68px;text-align: center;color: #FFFFFF;}
.intro-sect .ttl-sub{margin-top: 30px;font-weight: 400;font-size: 20px;line-height: 40px;color: #FFFFFF;text-align: center;}

.intro-sect01{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:51px;height: 800px;background:url('../img/intro_sect01_bg.png') center / cover;color: #FFFFFF;text-align: center;}
.intro-sect01 h1{font-weight: 900;font-size: 60px;line-height: 66px;}
.intro-sect01 p{font-weight: 400;font-size: 26px;line-height: 29px;}

.intro-sect02{padding: 140px 0 68px;background: #151F28;}
.intro-sect02 ul{display:flex;gap:10px;margin-top: 60px;}
.intro-sect02 li{display:flex;justify-content:space-between;align-items:center;width:calc((100% - 20px) / 3);padding: 66px 50px;background: #212E3A;}
.intro-sect02 li .txt-wp h3{font-weight: 400;font-size: 20px;line-height: 22px;color: #999999;}
.intro-sect02 li .txt-wp h2{margin-top: 16px;font-weight: 600;font-size: 24px;line-height: 30px;color: #FFFFFF;}
.intro-sect02 li img{width:60px;}

.intro-sect03{position:relative;padding: 176px 0 207px;background: #151F28;overflow:hidden;}
.intro-sect03 .bg-wp{position:absolute;top:0;left:0;width:100%;height:100%;}
.intro-sect03 .bg-wp .top{position:absolute;top:0;right:-436px;width: 1500px;animation:bounce 3s 1s infinite ease-in-out forwards;}
.intro-sect03 .bg-wp .btm{position:absolute;bottom:-210px;left:-96px;width: 634px;animation:bounce 3s infinite ease-in-out forwards;}
.intro-sect03 .bg-wp .bg{position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(167.3deg, rgba(21, 31, 40, 0) 26.74%, #253543 68.65%);}
.intro-sect03 ul{display:flex;flex-wrap:wrap;gap:10px;margin-top: 88px;}
.intro-sect03 li{display:flex;justify-content:space-between;align-items:center;width:calc((100% - 10px) / 2);padding: 50px 60px;background: rgba(23, 33, 39, 0.7);transition:background .3s;}
.intro-sect03 li:hover{background: #4B47A8;}
.intro-sect03 li h2{font-weight: 500;font-size: 24px;line-height: 40px;color: #FFFFFF;}
.intro-sect03 li img{width:100px;}

.intro-sect04{padding: 140px 0 202px;background:url('../img/intro_sect04_bg.png') center / cover;}
.intro-sect04 ul{display:flex;margin-top: 94px;}
.intro-sect04 li{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;width: 300px;height: 300px;background:url('../img/intro_sect04_polygon.png') no-repeat center / contain;}
.intro-sect04 li img{width:70px;}
.intro-sect04 li h3{font-weight: 500;font-size: 18px;line-height: 26px;color: #CCCCCC;}

.intro-sect05{padding: 180px 0;background:url('../img/intro_sect05_bg.png') center / cover;overflow:hidden;}
.intro-sect05 .inner{position:relative;}
.intro-sect05 .ttl-wp{position:absolute;top:0;left:0;z-index:2;}
.intro-sect05 .ttl-wp .ttl-sub{margin-top: 20px;}

.swiper-intro05{overflow:visible;}
.swiper-intro05 .swiper-wrapper{align-items:end;}
.swiper-intro05 .swiper-slide{display:flex;justify-content:space-between;transform:scale(.8);opacity: 0.6;transition: opacity .3s, transform .3s;}
.swiper-intro05 .swiper-slide.swiper-slide-active{opacity: 1;transform:scale(1);}
.swiper-intro05 .swiper-slide .txt-wp{margin-top: 230px;}
.swiper-intro05 .swiper-slide .txt-wp h4{font-weight: 400;font-size: 16px;line-height: 18px;color: #07D0BD;}
.swiper-intro05 .swiper-slide .txt-wp h3{margin-top: 16px;font-weight: 800;font-size: 30px;line-height: 33px;color: #FFFFFF;}
.swiper-intro05 .swiper-slide .txt-wp p{margin-top: 30px;font-weight: 400;font-size: 16px;line-height: 36px;color:rgba(255, 255, 255, .7);}
.swiper-intro05 .swiper-slide .img{width: 595px;height: 625px;margin-right: 100px;object-fit:cover;}
.swiper-intro05 .swiper-button-prev,
.swiper-intro05 .swiper-button-next{top:50%;width: 50px;height: 50px;}
.swiper-intro05 .swiper-button-prev{left:unset;right:750px;}
.swiper-intro05 .swiper-button-next{right:0;}
.swiper-intro05 .swiper-button-next:after, 
.swiper-intro05 .swiper-button-prev:after{width: 100%;height: 100%;background:url('../img/intro_sect05_arrow.png') no-repeat center / contain;color:rgba(0,0,0,0);}
.swiper-intro05 .swiper-button-prev:after{transform:scaleX(-1);}

.intro-sect06{padding: 150px 0 176px;background:#fff;}
.intro-sect06 .ttl{font-weight:700;color: #222222;}
.intro-sect06 .scroller_wp{display:flex;flex-direction:column;gap:40px;margin-top: 96px;}
.intro-sect06 .scroller_wp .simply-scroll{width:100%;height:80px;margin-bottom: 0;}
.intro-sect06 .scroller_wp .simply-scroll-clip{width:100%;height:80px;}
.intro-sect06 .scroller_wp .simply-scroll-list li{width:208px;height:80px;}
.intro-sect06 .scroller_wp .simply-scroll-list li img{width:100%;height:80%;object-fit:contain;}

/* [e] intro */


/* [s] 교육과정 */

	/* 게임원화 */
.cur-detail {margin: 0; overflow: hidden;}
.cur-detail .intro {text-align: center;margin: 100px 0 90px;border: 1px solid rgba(255,255,255,0.5);padding: 55px 0;position: relative;
	background-image:url('../img/curri_intro_bg_tl.png'), url('../img/curri_intro_bg_tr.png'), url('../img/curri_intro_bg_bl.png'), url('../img/curri_intro_bg_br.png');
	background-position: 10px 10px ,calc(100% - 10px) 10px, 10px calc(100% - 10px), calc(100% - 10px) calc(100% - 10px);
	background-repeat:no-repeat;
}
.cur-detail .intro:after {content:""; position:absolute; z-index:-1; top:10px; left:10px; right:10px; bottom:10px; border:1px solid rgba(255,255,255,0.5); }
.cur-detail .intro h2 {font-size: 30px;line-height: 46px;color: #07D0BD;font-weight: 400;margin-bottom: 20px;}
.cur-detail .intro span {display: block;font-weight: 800;}
.cur-detail .intro p {font-size: 18px;color: #fff;line-height: 28px;}
.cur-detail h3{font-size: 30px;color: #fff;margin-bottom: 40px;}
.cur-detail .curri_detail {margin-bottom: 120px;}
.cur-detail .curri_detail ul {display: flex;justify-content: space-between;}
.cur-detail .curri_detail ul li {color: #fff;}
.cur-detail .curri_detail ul li h4 {font-size: 22px;margin: 40px 0 16px;}
.cur-detail .curri_detail ul li span {font-weight: 200;}
.animate .cur-detail .curri_info{margin-bottom: 200px;}
.cur-detail .curri_info {position: relative;margin-bottom: 190px;}
.cur-detail .curri_info .info_box {background: #1C2C39;color: #fff;padding: 50px 62px;width: 650px;/*border: 2px solid transparent;border-image: linear-gradient(to bottom, rgba(21,31,40,0.35) 20%, rgba(12,222,202,0.35) 100%);border-image-slice: 1;*/border: 2px solid rgba(12, 222, 202, 0.34);}
.cur-detail .curri_info .info_box li {display: flex;font-size: 18px;margin-bottom: 40px;}
.cur-detail .curri_info .info_box li .tit {display: inline-block;width: 100px;font-weight: 600;line-height: 34px;}
.cur-detail .curri_info .info_box li .txt {line-height: 34px;font-weight: 200;width: 80%;}
.cur-detail .curri_info .info_box li .txt .mBr {display: none;}
.cur-detail .curri_info .info_box li .txt p {display: flex;}
.cur-detail .curri_info .info_box li .txt .class {display: inline-block;margin-right: 5px;}
.cur-detail .curri_info .charac {position: absolute;top: 6%;right: -26%;animation:bounce 3s 1s infinite ease-in-out forwards;}


.animate .cur-detail .curri_info .charac {position: absolute;top: 0;right: -10%;animation:bounce 3s 1s infinite ease-in-out forwards; width: 700px;}

.pre-detail .curri_info .charac {right: -13.4%;}
.ui-detail .curri_info .charac {top: 28%;right: -13.4%;z-index: 10;}
.ui-detail .curri_info .charac_bg {position: absolute;top: 10%;right: -15.4%;}
.grap-detail .curri_info .charac {width: 66%;top: -9%;right: -12%;}
.webtoon-detail .curri_info .charac {width: 43%;top: 16%;right: 0;}
.cur-detail .curri_cont h4 {font-size: 22px;color: #fff;margin-bottom: 40px;}
.cur-detail .curri_cont img {margin-bottom: 60px;width: 100%;}
.cur-detail .curri_cont h5 {font-size: 30px;color: #fff;margin-bottom: 20px;}
.cur-detail .curri_cont p {font-size: 18px;color: #ccc;line-height: 30px;margin-bottom: 50px;}
.cur-detail .curri_tb h4 {font-size: 22px;color: #07D0BD;margin-bottom: 20px;}
.cur-detail .curri_tb table {width: 100%;text-align: center;border-top: 1px solid rgba(255,255,255,0.2);border-right: 1px solid rgba(255,255,255,0.2);margin-bottom: 60px;}
.cur-detail .curri_tb caption {position: absolute;left: -9999px;}
.cur-detail .curri_tb th {font-weight: 400;background: #22303D;}
.cur-detail .curri_tb th, .cur-detail .curri_tb td {color: #fff;border-left: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);padding: 20px 0;}
.cur-detail .curri_tb td {font-weight: 200;line-height: 30px;}
.cur-detail .curri_student {position: relative;}
.cur-detail .curri_student h4 {font-size: 22px;color: #fff;margin-bottom: 30px;}
.cur-detail .curri_student .swiper-stu img {width: 100%;}
.cur-detail .curri_student .swiper-button-prev{left:-90px;width: auto;}
.cur-detail .curri_student .swiper-button-next{right:-90px;width: auto;}
.cur-detail .curri_student .swiper-button-next:after, 
.cur-detail .curri_student .swiper-button-prev:after{width:50px;height:50px;background:url('../img/main_sect03_arrow.png') no-repeat center / contain;color:rgba(0,0,0,0);transition: all 0.2s;}
.cur-detail .curri_student .swiper-button-next:hover:after{background:url('../img/main_sect03_arrow_on.png') no-repeat center / contain;}
.cur-detail .curri_student .swiper-button-prev:hover:after{background:url('../img/main_sect03_arrow_on.png') no-repeat center / contain;}
.cur-detail .curri_student .swiper-button-next:after{transform:scaleX(-1);}
.cur-detail .ani_img5{height: 500px;}
.cur-detail .ani_img5 img{width: 100%;object-fit: cover;}






/* [s] 포트폴리오 */

	/* 선생님 작품 */
.swiper-tcher{margin-top: 81px;}
.swiper-tcher .swiper-slide{position:relative;width: 261px;height: 606px;border:1px solid transparent;transition: border .2s;cursor:pointer;}
.swiper-tcher .swiper-slide .bg{position:relative;width:100%;height:100%;}
.swiper-tcher .swiper-slide .bg img{width:100%;height:100%;object-fit:cover;}
.swiper-tcher .swiper-slide .bg::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background: #222222;mix-blend-mode: multiply;opacity: 0.86;transition: opacity .2s;}
.swiper-tcher .swiper-slide .name{position:absolute;top:49px;right:37px;text-align:right;}
.swiper-tcher .swiper-slide .name h1{font-weight: 600;font-size: 24px;line-height: 24px;color: #FFFFFF;}
.swiper-tcher .swiper-slide .name p{margin-top: 10px;font-weight: 400;font-size: 16px;line-height: 18px;color: #07D0BD;}
.swiper-tcher .swiper-slide .career{position:absolute;bottom:58px;left:34px;width: 78%;font-weight: 300;font-size: 16px;line-height: 30px;color: #FFFFFF;}

.swiper-tcher .swiper-slide:hover{border: 1px solid #0CDECA;}
.swiper-tcher .swiper-slide:hover .bg::after{opacity:0;}
.swiper-tcher .swiper-slide:hover .career{display:none;}
.swiper-tcher .swiper-slide:hover .name{display:none;}

.swiper-tcher .swiper-slide.active{border: 1px solid #0CDECA;}
.swiper-tcher .swiper-slide.active .bg::after{opacity:0;}
.swiper-tcher .swiper-slide.active .career{display:none;}

.tcher-wp {position: relative;padding-bottom: 60px;}
.tcher-wp .control .swiper-button-prev{top:344px;left:277px;right:800px;width: 42px;height: 34px;}
.tcher-wp .control .swiper-button-next{top:344px;right:277px;width: 42px;height: 34px;}
.tcher-wp .control .swiper-button-next:after, 
.tcher-wp .control .swiper-button-prev:after{width: 50px;height: 50px;background:url('../img/main_sect03_arrow.png') no-repeat center / contain;color:rgba(0,0,0,0);transition: all 0.4s;}
.tcher-wp .control .swiper-button-next:after{transform:scaleX(-1);}
.tcher-wp .control .swiper-button-prev:hover:after,
.tcher-wp .control .swiper-button-next:hover:after{background:url('../img/main_sect03_arrow_on.png') no-repeat center / contain;}

.tcher-list-wp{display:none;padding: 80px 0 90px;}
.tcher-list{display:flex;flex-wrap:wrap;gap:10px;}
.tcher-list li{position:relative;width:calc((100% - 20px) / 3);height: 370px;}
.tcher-list li .img-wp{width:100%;height:100%;}
.tcher-list li img{width:100%;height:100%;object-fit:cover;}
.tcher-list li:hover .img-wp::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(34, 34, 34, .8) url('../img/view_plus.png') no-repeat center / 55px auto;}

@media screen and (min-width:1921px) {
	.tcher-wp .control .swiper-button-prev{left: 50%;transform: translate(-705px,0);}
	.tcher-wp .control .swiper-button-next{right: 50%;transform: translate(705px,0);}
}
	/* 수강생 작품 */

.stud-list-wp .list-thum-wp{margin-top: 81px;}                                 

	/* before after */
.after-art-wp{margin-top: 81px;}
.after-art-wp .ttl-wp{display:flex;}
.after-art-wp .ttl-wp li{display:flex;flex-direction:column;align-items:center;gap:15px;width:50%;}
.after-art-wp .ttl-wp li h1{font-style: italic;font-weight: 500;font-size: 24px;line-height: 31px;color: #FFFFFF;}
.after-art-wp .ttl-wp li.before .img{width:500px;height:19px;margin-left: 20px;background:url('../img/before_ico.png') no-repeat center / contain;}
.after-art-wp .ttl-wp li.after .img{width:500px;height:19px;background:url('../img/before_ico.png') no-repeat center / contain;}

.after-view-wp{margin-top: 40px;}
.after-view-wp .img-wp{position:relative;width:100%;}
.after-view-wp .img-wp img{width:100%;}
.after-view-wp .txt-wp{position:absolute;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;width:100%;height: 70px;padding: 0 40px;background: rgba(21, 31, 40, 0.5);backdrop-filter: blur(22px);}
.after-view-wp .txt-wp p{font-weight: 600;font-size: 16px;color: #0CDECA;}
.after-view-wp .txt-wp h2{font-weight: 600;font-size: 20px;line-height: 22px;letter-spacing: -0.04em;color: #FFFFFF;}

.after-list-wp .list-thum-wp{margin-top: 80px;}

/* [e] 포트폴리오 */

/* [s] 커뮤니티 */

	/* 수강후기 */
.review-wp{position:relative;margin-top: 109px;}
.review-wp .bg-wp{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.review-wp .bg-wp .top{position:absolute;top:610px;right:0;width:747px;animation:bounce 3s infinite ease-in-out forwards;}
.review-wp .bg-wp .btm{position:absolute;bottom:-413px;left:0;width: 705px;animation:bounce 3s 1s infinite ease-in-out forwards;}
.review-wp .inner{padding-top: 65px;border-top: 1px solid rgba(255, 255, 255, .2);}
.review-wp .main-ttl-wp h1{font-weight: 600;font-size: 48px;line-height: 68px;color: #FFFFFF;text-align: center;}
.review-wp .main-ttl-wp p{margin-top: 14px;font-weight: 300;font-size: 20px;line-height: 30px;color: #FFFFFF;text-align: center;}

.swiper-review-wp{position:relative;margin-top: 90px;}
.swiper-review .swiper-slide{height: 450px;padding: 50px 40px;background: #29343F;border-radius: 20px;}
.swiper-review .swiper-slide .profile-wp{display:flex;align-items:end;gap:26px;}
.swiper-review .swiper-slide .profile-wp img{width: 35px;height: 36px;object-fit:cover;}
.swiper-review .swiper-slide .profile-wp .txt-wp {width: 82%;}
.swiper-review .swiper-slide .profile-wp h2{font-weight: 300;font-size: 16px;line-height: 16px;letter-spacing: -0.04em;color: #FFFFFF;}
.swiper-review .swiper-slide .profile-wp h3{margin-top: 10px;font-weight: 500;font-size: 18px;line-height: 20px;letter-spacing: -0.04em;color: #07D0BD;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.swiper-review .swiper-slide p{margin-top: 40px;font-weight: 200;font-size: 16px;line-height: 28px;color: #FFFFFF;word-break: break-all;
width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;}
.swiper-review-wp .swiper-button-prev{left:-100px;width:20px;height:36px;}
.swiper-review-wp .swiper-button-next{right:-100px;width:20px;height:36px;}
.swiper-review-wp .swiper-button-next:after, 
.swiper-review-wp .swiper-button-prev:after{width:100%;height:100%;background:url('../img/review_arrow.png') no-repeat center / contain;color:rgba(0,0,0,0);}
.swiper-review-wp .swiper-button-prev:after{transform:scaleX(-1);}

.review-list-wp{display:flex;flex-direction:column;gap:30px;margin-top: 70px;}
.review-list-wp li{border-radius: 20px;overflow:hidden;}
.review-list-wp li .ttl-wp{display:flex;justify-content:space-between;align-items:center;padding: 20px 40px;background: #29343F;}
.review-list-wp li .ttl-wp h1{display:flex;align-items:center;gap:22px;font-weight: 300;font-size: 20px;color: #FFFFFF;}
.review-list-wp li .ttl-wp span{position:relative;font-weight: 500;font-size: 18px;}
.review-list-wp li .ttl-wp span::before{content:'';position:absolute;top:50%;transform:translateY(-50%);left:-11px;width: 2px;height: 13px;background: #787878;}
.review-list-wp li .ttl-wp p{font-weight: 400;font-size: 18px;color: #787878;}
.review-list-wp li .cont-wp{padding: 35px 40px;background: #FFFFFF;font-weight: 300;font-size: 16px;line-height: 28px;}

/* 미디어 */
.media-list-wp{display:flex;flex-wrap:wrap;gap:10px;padding-top: 88px;margin-top: 109px;border-top: 1px solid rgba(255, 255, 255, .2);}
.media-list-wp li{width:calc((100% - 20px) / 3);transition:opacity .2s;}
.media-list-wp li.active{opacity:.5;}
.media-list-wp li:hover{opacity:.7}
.media-list-wp li .img-wp{width:100%;height:221px;}
.media-list-wp li .img-wp img{width:100%;height:100%;object-fit:cover;}
.media-list-wp li .txt-wp{width:100%;padding: 22px 28px;background: #FFFFFF;}
.media-list-wp li .txt-wp p{font-weight: 400;font-size: 14px;line-height: 18px;color: #999999;}
.media-list-wp li .txt-wp h2{margin-top: 10px;font-weight: 700;font-size: 16px;line-height: 18px;
width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.list-view-wp .media-list-wp{margin-top: 130px;padding-top: 0;border:none;}


/* 디자인 이벤트 */
.event-list-wp{display:flex;flex-wrap:wrap;gap:10px;padding-top: 88px;margin-top: 109px;border-top: 1px solid rgba(255, 255, 255, .2);}
.event-list-wp li .img-wp{height:auto;}

/* [e] 커뮤니티 */


/* [s] 상담센터 */

	/* 상담문의 */
.counsel-wp{margin-top: 107px;}
.counsel-wp .form-wp{display:flex;justify-content:space-between;align-items:center;gap:20px;padding: 79px 0 102px;border-top: 1px solid rgba(255, 255, 255, .2);border-bottom: 1px solid rgba(255, 255, 255, .2);}

.counsel-wp .left-wp{width: 595px;}
.counsel-wp .left-wp h1{font-weight: 500;font-size: 38px;line-height: 68px;color: #FFFFFF;margin-bottom: 12px;}
.counsel-wp .left-wp p{font-weight: 200;font-size: 16px;line-height: 24px;color: #FFC800;}
.counsel-wp .left-wp .chk-wp{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin-top: 11px;margin-bottom: 21px;}
.counsel-wp .left-wp .chk-wp li{width:calc((100% - 20px) / 3);height:54px;}
.counsel-wp .left-wp .chk-wp li label{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background: #29353F;border-radius: 5px;font-weight: 800;font-size: 18px;color: #556576;text-align: center;}
.counsel-wp .left-wp .chk-wp li input:checked + label{background: #07D0BD;font-weight: 600;color: #FFFFFF;}
.counsel-wp .left-wp .chk-wp li:last-of-type{width:100%;}
.counsel-wp .left-wp .chk-wp.up li:last-of-type{width:calc((100% - 20px) / 3);}

.counsel-wp .right-wp{width:476px;}
.counsel-wp .right-wp p{font-weight: 200;font-size: 16px;line-height: 24px;color: #FFC800;margin-bottom: 11px;margin-left: 56px;}
.counsel-wp .right-wp .input-wp{display:flex;flex-direction:column;gap:25px;}
.counsel-wp .right-wp .input-wp label{display:flex;align-items:center;gap:14px;font-weight: 300;font-size: 16px;line-height: 30px;color:rgba(255, 255, 255, .5);}
.counsel-wp .right-wp .input-wp label span{width:50px;text-align:right;}
.counsel-wp .right-wp .input-wp input{height:54px;padding: 0 20px;background: #EBF4F4;border:none;border-radius: 5px;font-size: 16px;}
.counsel-wp .right-wp .input-wp .name{width:100%;}
.counsel-wp .right-wp .input-wp .tel-wp{display:flex;gap:10px;width:100%;}
.counsel-wp .right-wp .input-wp .tel-wp input{width:calc((100% - 20px) / 3);}
.counsel-wp .right-wp .agree{position:relative;display:block;margin-top: 25px;margin-left: 57px;padding-left: 25px;font-weight: 400;font-size: 16px;line-height: 16px;color:rgba(255, 255, 255, .5);}
.counsel-wp .right-wp .agree::before{content:'';position:absolute;top:50%;transform:translateY(-50%);left:0;width: 16px;height: 16px;background:#fff;border: 1px solid #E8E8E8;border-radius: 3px;}
.counsel-wp .right-wp > input:checked + label::before{background:#07D0BD url('../img/admin/chk_wh.png') no-repeat center left 3px / 10px auto;border:none;}
.counsel-wp .right-wp .btn-green{width:calc(100% - 57px);margin: 24px 0 0 57px;}

.counsel-sect03 .bg-wp .btm{bottom:33px;left:0;}

.counsel-sect04{padding-bottom: 177px;background: #253543;color: #FFFFFF;}
.counsel-sect04 h1{font-weight: 600;font-size: 48px;line-height: 68px;text-align: center;}
.counsel-sect04 .map{width:100%;height:400px;margin-top: 60px;background:url('../img/map.png') center / cover;}
.counsel-sect04 .address-list{display:flex;margin-top: 100px;}
.counsel-sect04 .address-list li{display:flex;flex-direction:column;align-items:center;width:25%;}
.counsel-sect04 .address-list li img{width: 80px;}
.counsel-sect04 .address-list li h2{margin-top: 30px;font-weight: 500;font-size: 20px;line-height: 20px;}
.counsel-sect04 .address-list li p{margin-top: 13px;font-weight: 200;font-size: 16px;line-height: 26px;text-align:center;}

	/* 신청 완료 */
.complete-wp{padding: 252px 0 260px;}
.complete-wp .inner{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;}
.complete-wp h2{font-weight: 500;font-size: 26px;line-height: 29px;color: #0CDECA;}
.complete-wp h1{margin-top: 79px;font-weight: 500;font-size: 48px;line-height: 68px;}
.complete-wp p{margin-top: 40px;font-weight: 200;font-size: 22px;line-height: 40px;}
.complete-wp .btn-green{margin: 112px 0 0 0;width: 201px;}

/* 맞춤형 컨설팅 */
.custom-wp{padding: 160px 0 154px;}
.custom-wp .ttl-wp{display:flex;justify-content:space-between;}
.custom-wp .ttl-wp h1{font-weight: 600;font-size: 40px;line-height: 60px;color: #FFFFFF;}
.custom-wp .ttl-wp .step-wp{display:flex;justify-content:space-between;width: 598px;}
.custom-wp .ttl-wp .step-wp li{position:relative;display:flex;flex-direction:column;align-items:center;width: 130px;}
.custom-wp .ttl-wp .step-wp li::after{content:'';position:absolute;top:40px;right:-38px;width: 50px;height: 1px;background: #435A6D;}
.custom-wp .ttl-wp .step-wp li:last-of-type::after{display:none;}
.custom-wp .ttl-wp .step-wp li img{width:80px;}
.custom-wp .ttl-wp .step-wp li h3{margin-top: 2px;font-weight: 500;font-size: 14px;line-height: 18px;color: #435A6D;}
.custom-wp .ttl-wp .step-wp li h2{margin-top: 5px;font-weight: 500;font-size: 16px;line-height: 18px;color: #435A6D;text-align:center;}
.custom-wp .ttl-wp .step-wp li.active h3{color: #07D0BD;}
.custom-wp .ttl-wp .step-wp li.active h2{color: #FFFFFF;}
.custom-wp .big-ttl-wp{margin-top: 70px;padding: 7px 10px;border: 1px solid rgba(255, 255, 255, .3);}
.custom-wp .big-ttl-wp .border-wp{position:relative;padding: 56px 0;border: 1px solid rgba(255, 255, 255, .5);}
.custom-wp .big-ttl-wp .border img{position:absolute;width: 24px;}
.custom-wp .big-ttl-wp .border img:nth-of-type(1){top:-1px;left:-1px;}
.custom-wp .big-ttl-wp .border img:nth-of-type(2){top:-1px;right:-1px;transform:scaleX(-1);}
.custom-wp .big-ttl-wp .border img:nth-of-type(3){bottom:-1px;left:-1px;transform:scaleY(-1);}
.custom-wp .big-ttl-wp .border img:nth-of-type(4){bottom:-1px;right:-1px;transform:scale(-1, -1);}
.custom-wp .big-ttl-wp h1{font-weight: 600;font-size: 30px;line-height: 33px;color: #07D0BD;text-align:center;}
.custom-wp .big-ttl-wp p{margin-top: 20px;font-weight: 300;font-size: 20px;line-height: 22px;color: #FFFFFF;text-align:center;}
.custom-wp .big-ttl-wp p b{font-weight:500;}
.custom-wp .nav-wp{margin-top: 73px;}
.custom-wp .radio-wp{display:flex;gap:10px;margin-top: 30px;}
.custom-wp .radio-wp li{width:calc((100% - 20px) / 3);height: 525px;}
.custom-wp .radio-wp li label{display:block;width:100%;height:100%;text-indent:-9999px;transition: all 0.3s;}
.custom-wp .radio-wp.step01 li:nth-of-type(1) label{background:url('../img/custom_step01_li01.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step01 li:nth-of-type(2) label{background:url('../img/custom_step01_li02.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step01 li:nth-of-type(3) label{background:url('../img/custom_step01_li03.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.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.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.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.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.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.png') no-repeat center top / contain;}

.custom-wp .radio-wp.step02 li:nth-of-type(1) label{background:url('../img/custom_step02_li01.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step02 li:nth-of-type(2) label{background:url('../img/custom_step02_li02.png') no-repeat center top / contain;}
.custom-wp .radio-wp.step02 li:nth-of-type(3) label{background:url('../img/custom_step02_li03.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.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.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.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.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.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.png') no-repeat center top / contain;}

.custom-wp .chk-wp{display:flex;flex-wrap:wrap;gap:30px 10px;margin-top: 30px;}
.custom-wp .chk-wp li{width:calc((100% - 30px) / 4);height:293px;}
.custom-wp .chk-wp li label{position:relative;display:block;width:100%;height:100%;}
.custom-wp .chk-wp li img{width:100%;height:100%;object-fit:cover;border-radius: 10px;}
.custom-wp .chk-wp li input:checked + label::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(180deg, rgba(23, 180, 255, .8) 0%, rgba(0, 230, 201, .8) 100%);z-index:1;}
.custom-wp .chk-wp li input:checked + label::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('../img/heart.png') no-repeat center / 36px auto;z-index:1;}

.custom-wp .right-wp{display: flex; flex-wrap: wrap; width: 800px; margin: 95px auto 0;}
.custom-wp .right-wp .input-wp{display: flex; flex-direction: column; width: 501px; gap: 20px;}
.custom-wp .right-wp .input-wp label{display: flex; align-items: center; gap: 30px; font-weight: 300; font-size: 16px; line-height: 30px;}
.custom-wp .right-wp .input-wp label span{width: 62px; text-align: right; color: #FFF; font-size: 18px; font-weight: bold;}
.custom-wp .right-wp .btn-green{margin: 0; height: 128px; margin-left: 15px;}
.custom-wp .right-wp .input-wp .tel-wp {display: flex; gap: 10px; width: 100%;}
.custom-wp .right-wp .input-wp .tel-wp input{width: calc((100% - 20px) / 3);}
.custom-wp .right-wp .input-wp select {border: 1px #07D0BD solid;height: 54px; padding: 0 15px 0 15px; color: #FFF;width: 134px;appearance: none;background: rgb(19 88 82 / 70%) url('../img/select_arrow.png') 85% 50% no-repeat;}
.custom-wp .right-wp .input-wp input{border: 1px #07D0BD solid; background: rgb(19 88 82 / 70%); height: 54px; padding: 0 20px; color: #FFF;}
.custom-wp .right-wp .input-wp .name{width: 100%;}
.custom-wp .right-wp .agree{position:relative;display:block;margin-left: 82px;padding-left: 25px;font-weight: 400;font-size: 16px;line-height: 16px;color: #999; margin-top: 10px;}
.custom-wp .right-wp .agree::before{content:'';position:absolute;top:50%;transform:translateY(-50%);left:0;width: 16px;height: 16px;background:#1c2431;border: 1px solid #07D0BD;border-radius: 3px;}
.custom-wp .right-wp p {line-height: 22px;margin-left: 82px;color: #9f9f9f;font-size: 13px;}
.custom-wp .right-wp input[type="checkbox"]:checked + label::before{background:#07D0BD url('../img/admin/chk_wh.png') no-repeat center left 3px / 10px auto;}
.custom-wp{position:relative;padding: 176px 0 207px;background: #151F28;overflow:hidden;}
.custom-wp .bg-wp{position:absolute;top:0;left:0;width:100%;height:100%;}
.custom-wp .bg-wp .top{position:absolute;bottom:-200px;right:0px;animation:bounce 3s 1s infinite ease-in-out forwards;}
.custom-wp .bg-wp .btm{position:absolute;top:425px;left:0px;animation:bounce 3s infinite ease-in-out forwards;}
.custom-wp .bg-wp .bg{position:absolute;bottom: -50%;left:0;width:100%;height:100%;background: linear-gradient(167.3deg, rgba(21, 31, 40, 0) 26.74%, #253543 68.65%);}
.custom-wp.complete-wp .bg-wp .btm{bottom: -34%; top: initial;}
.custom-wp.complete-wp .bg-wp .top{bottom: -30%;}
/* [e] 맞춤형 컨설팅 */

/* [s] 선택팝업 */
.dim{display: flex; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1002; display: none;}
.dim.on{display: block;}
.dim-wrap{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.pop{display: none;}
.pop.on{display: block;}
.choice-pop{background-image: linear-gradient(#212E3A, #212E3A),  linear-gradient(to bottom, #17B4FF 0%,  #00E6C9 100%); background-origin: border-box; background-clip: content-box, border-box;
	border: 1px solid transparent; border-radius: 30px; text-align: center; width: 588px; position: relative;}
.choice-pop .close{position: absolute; right: 15px; top: 15px;}
.choice-pop p{color: #FFF; font-size: 26px; font-weight: bold; margin-top: 50px;}
.choice-pop .btn-wp{display: flex; gap: 10px; justify-content: center; margin-top: 40px; margin-bottom: 50px;}
.choice-pop .btn-wp a{font-size: 18px; border: 1px #07D0BD solid; width: 180px; height: 60px; display: inline-block; line-height: 60px;}
.choice-pop .btn-wp a.add-btn{color: #07D0BD;}
.choice-pop .btn-wp a.next-btn{background: #07D0BD; color: #FFF;}

/* [e] 선택팝업 */

/* [s] 국비지원조회 */
.check-wp .img{margin-top: 80px; margin-bottom: 200px;}
.check-wp .img img{width: 100%;}
/* [e] 국비지원조회 */

/* [s]국민내일배움카드 */
.fund-wp .card{color: #FFF; margin-top: 90px;}
.fund-wp .card h1{font-size: 40px;}
.fund-wp .card p{font-size: 20px; line-height: 32px; margin-top: 20px; margin-bottom: 65px;}
.fund-wp .card img{width: 100%;}
.fund-wp .txt-wp{margin-top: 150px;}
.fund-wp .txt-wp .tit{color: #FFF; font-weight: bold; font-size: 30px; margin-bottom: 40px;}
.fund-wp .txt-wp strong{color: #07D0BD; font-size: 22px; font-weight: bold; display: inline-block;}
.fund-wp .txt-wp strong span{font-size: 16px; color: #999; font-weight: 300; margin-left: 10px;}
.fund-wp .txt-wp p{font-size: 18px; color: #CCCCCC; line-height: 28px; font-weight: 100;}
.fund-wp .txt-wp.who p{margin-top: 10px;}
.fund-wp .txt-wp table th{background: #22303d; color: #FFF; font-size: 16px; height: 60px; font-weight: 100;}
.fund-wp .txt-wp table th:first-child{border-right: 1px rgba(255,255,255,0.2) solid;}
.fund-wp .txt-wp table td{color: #FFF; font-size: 16px; font-weight: 100; padding: 35px 45px; line-height: 27px; border-bottom: 1px rgba(255,255,255,0.2) solid;}
.fund-wp .txt-wp table td:first-child{text-align: center; border-right: 1px rgba(255,255,255,0.2) solid;}
.fund-wp .txt-wp table ul li{position: relative; padding-left: 10px;}
.fund-wp .txt-wp table ul li:before{content: ''; display: inline-block; width: 2px; height: 2px; background: #FFF; border-radius: 50%; left: 0; top: 12px; position: absolute;}
.fund-wp .list-wp2{margin-top: 100px;}
.fund-wp .list-wp ul{display: flex; gap: 0 40px; margin-top: 35px;}
.fund-wp .list-wp ul li{width: calc((100% - 40px)/5); text-align: center;}
.fund-wp .list-wp .top{background: #29343F; border-radius: 20px; padding: 30px 0;}
.fund-wp .list-wp .top span{color: #FFF; font-size: 16px; display: block; margin-top: 20px;}
.fund-wp .list-wp .img{display: flex; align-items: center; justify-content: center; height: 46px;}
.fund-wp .list-wp .btm{font-size: 16px; color: #CCCCCC; line-height: 25px; font-weight: 200; margin-top: 20px;}
.fund-wp .process-wp ul li{display: flex; margin-top: 80px; align-items: center;}
.fund-wp .process-wp ul li:first-child{margin-top: 0;}
.fund-wp .process-wp .lft{font-size: 18px; color: #FFF; font-weight: bold; width: 293px; border: 1px #07D0BD solid; border-radius: 10px; padding: 20px 0; text-align: center; font-weight: 300; position: relative; background: #151f28;}
.fund-wp .process-wp .lft:before{content: ''; display: block; width: 1px; height: 100%; left: 50%; background: #07D0BD; position: absolute; bottom: 100%; z-index: -1;}
.fund-wp .process-wp ul li:first-child .lft:before{display: none;}
.fund-wp .process-wp .lft span{display: block; color: #07D0BD; font-size: 14px; margin-bottom: 10px;}
.fund-wp .process-wp .rgt{margin-left: 45px;}
.fund-wp .process-wp .rgt div{color: #FFF; font-size: 18px; line-height: 27px;}
.fund-wp .process-wp .rgt p{color: #07D0BD; font-size: 15px; margin-top: 5px;}
.fund-wp .graph-wp{display: flex; align-items: center; justify-content: space-between; margin-top: 60px; margin-bottom: 120px;}
.fund-wp .graph-wp ul{margin-left: 20px;}
.fund-wp .graph-wp ul li{color: #FFF; font-size: 18px; margin-top: 15px; position: relative; padding-left: 10px;}
.fund-wp .graph-wp ul li:before{content: ''; display: block; width: 2px; height: 2px; background: #FFF; border-radius: 50%; position: absolute; left: 0; top: 10px;}
/* [e]국민내일배움카드 */

/* [s]국민취업지원제도 */
.system-wp .con1{margin-top: 95px; margin-bottom: 160px;}
.system-wp .con1 h1{color: #FFF; font-size: 40px; text-align: center; line-height: 58px;}
.system-wp .con1 .s-tit{color: #FFF; font-size: 26px; text-align: center; font-weight: 300; margin-top: 50px;}
.system-wp .con1 .s-tit strong{color: #07D0BD; display: block; font-size: 30px; margin-top: 10px;}
.system-wp .con1 ul{display: flex; margin: 100px auto; width: 100%;}
.system-wp .con1 ul li{width: 50%; text-align: center;}
.system-wp .con1 ul li:first-child{border-right: 1px rgba(255,255,255,0.2) solid;}
.system-wp .con1 ul li img{margin: 0 auto;}
.system-wp .con1 ul li .tit{color: #FFF; font-size: 24px; margin: 25px 0;}
.system-wp .con1 ul li p{color: #FFF; font-size: 18px; font-weight: 200; line-height: 25px;}
.system-wp .con1 .add{color: #FFF; font-size: 20px; line-height: 28px; text-align: center;}
.system-wp .con2{text-align: center; padding: 190px 0; background: #1c2431;}
.system-wp .con2 p{font-size: 26px; color: #FFF; font-weight: 100; line-height: 35px;}
.system-wp .con2 h1{color: #FFF; font-size: 48px; line-height: 60px; margin-top: 20px;}
.system-wp .con2 .img-wp{display: flex; gap: 10px; margin-top: 90px;}
.system-wp .con2 .img-wp .left{width: 50%;}
.system-wp .con2 .img-wp .right{width: 50%;}
.system-wp .con2 .img-wp .right ul{display: flex; gap: 10px; flex-wrap: wrap;}
.system-wp .con2 .img-wp .right ul li{width: calc((100% - 10px) / 2);}
.system-wp .con2 .img-wp .left img,.system-wp .con2 .img-wp .right ul li img{width: 100%;}
.system-wp .con3 ul{display: flex;}
.system-wp .con3 ul li{text-align: center; padding: 135px 60px;width: 25%;}

.system-wp .con3 ul .img{width: 162px; height: 140px; margin: 0 auto;}
.system-wp .con3 ul li.img1 .img{background: url(../img/stm-ico3.png) center no-repeat;}
.system-wp .con3 ul li.img2 .img{background: url(../img/stm-ico4.png) center no-repeat;}
.system-wp .con3 ul li.img3 .img{background: url(../img/stm-ico5.png) center no-repeat;}
.system-wp .con3 ul li.img4 .img{background: url(../img/stm-ico6.png) center no-repeat;}
.system-wp .con3 .btn {display: block;width: 217px;height: 70px;background: #07D0BD;border-radius: 50px;color: #fff;font-size: 20px;font-weight: 700;text-align: center;line-height: 70px;margin: 35px auto 105px;}


@media (hover: hover) { 
	.system-wp .con3 ul li:hover{background: linear-gradient(to bottom, #1d233b, #157170);}
	.system-wp .con3 ul li:hover .tit{color: #FFF;}
	.system-wp .con3 ul li:hover p{color: #FFF;}
	.system-wp .con3 ul li.img1:hover .img{background: url(../img/stm-ico3-on.png) center no-repeat;}
	.system-wp .con3 ul li.img2:hover .img{background: url(../img/stm-ico4-on.png) center no-repeat;}
	.system-wp .con3 ul li.img3:hover .img{background: url(../img/stm-ico5-on.png) center no-repeat;}
	.system-wp .con3 ul li.img4:hover .img{background: url(../img/stm-ico6-on.png) center no-repeat;}
}
.system-wp .con3 ul .tit{color: #3A5064; font-size: 26px; margin-top: 50px; margin-bottom: 30px; transition: all 0.2s; font-weight: 600; line-height: 35px;}
.system-wp .con3 ul p{font-size: 18px; color: #2F4152; line-height: 30px; transition: all 0.2s;}
/* [e]국민취업지원제도 */

/* [s]교육과정 */
.cur-bg .bg_inner{position: relative; height: 1080px; background: url(../img/curi-img.png) center 0 / cover no-repeat; padding-bottom: 85px;}
.cur-bg .bg_inner::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(21, 21, 29, 0) 22.58%, #15161D 100%);
  width: 100%;
  height: 350px;
}
.cur-wp h1{font-size: 40px; color: #FFF; margin-bottom: 50px;}
.cur-wp h1 span{font-size: 16px; color: #17B4FF; margin-left: 5px;}
.cur-wp .bg-wp{position:absolute;top:0;left:0;width:100%;height:100%;}
.cur-wp .bg-wp .top{position:absolute;bottom:-150px;right:-535px;animation:bounce 3s 1s infinite ease-in-out forwards; z-index: 100;}

.animate .cur-wp .bg-wp .top{width: 700px;}

.cur-wp .bg-wp .top.webtoon_mb_img{display: none;}
.grap-wp .bg-wp .top{bottom: -100px;right:-500px;width: 80%;}

.cur-wp .con-wrap{width: 797px; margin-top: 115px;}
.cur-wp .content{background-image: linear-gradient(#222222, #222222),  linear-gradient(to bottom, #17B4FF 0%,  #00E6C9 100%); background-origin: border-box; background-clip: content-box, border-box;
	border: 3px solid transparent; border-radius: 30px; position: relative; display: none;/*cursor: pointer;*/}
.cur-wp .content.active {display: block;}
.cur-wp .content-wp{padding: 70px 210px 70px 60px;}
.cur-wp .content p{color: #FFF; font-size: 18px; line-height: 28px;}
.cur-wp ul.list{display: flex; gap: 10px; flex-wrap: wrap; margin-top: 95px;}
.cur-wp ul.list li{font-size: 14px; color: #07D0BD; height: 34px; border-radius: 30px; padding: 0 20px; border: 1px #07D0BD solid; text-align: center; line-height: 34px; background: rgba(0,151,135,0.2);}
.cur-wp .pc-tab{position: absolute; right: 40px; top: 41%; z-index: 2;}
.cur-wp .pc-tab li{margin-top: 45px; text-align: right; transform: all 0.2s; position: relative;}
.cur-wp .pc-tab li.on:before{width: 30px;}
.cur-wp .pc-tab li.on a{color: #FFF;}
.cur-wp .pc-tab li.on a:before{background: #FFF;}
.cur-wp .pc-tab li.on a:after{opacity: 1; transform: rotate(45deg);}
.cur-wp .pc-tab li:before{content:''; display: inline-block; width: 0; height: 1px; background: #FFF; position: absolute; right: -40px; top: 7px; transition: all 0.3s; transition-delay: 0.5s;}
.cur-wp .pc-tab li:hover:before{content: ''; width: 30px;}
.cur-wp .pc-tab li:first-child{margin-top: 0;}
.cur-wp .pc-tab li a {font-size: 16px; color: #938C9C; position: relative; padding-right: 25px;}

.cur-wp .pc-tab li a:before{content:''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #938C9C; right: 0; position: absolute; top: 5px;}
.cur-wp .pc-tab li a:after{content: ''; display: inline-block; width: 18px; height: 18px; border: 2px #fff solid; transform: rotate(0deg); position: absolute; top: -3px; right: -8px; opacity: 0;
 transition: all 0.5s;}
.cur-wp .pc-tab li:hover a:after{opacity: 1; transform: rotate(45deg);}
.cur-wp .pc-tab li:hover a{color: #FFF;}
.cur-wp .pc-tab li:hover a:before{background: #FFF;}



.ui-wp .bg-wp .top {width: 110%;right: -668px;}
/* [e]교육과정 */


/* 리뉴얼 메인 페이지 시작 */

/* .h-toggle{
	display: block;
  position: relative;
  z-index: 101;
  width: 44px;
  height: 16px;
  cursor: pointer;
}
.h-toggle span{
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  display: block;
  background: #fff;
  transition: .3s;
}
.h-toggle span:first-of-type{
  top: 0;
}
.h-toggle span:last-of-type{
  bottom: 0;
}
.h-toggle.active span:first-of-type{
  margin-bottom: 10px;
  top: 49%;
  right: -2px;
  transform: rotate(45deg);
}
.h-toggle.active span:last-of-type{
  top:49%;
  right:-2px;
  transform:rotate(-45deg);
}
header.active .h-nav{
  display: block;
  opacity: 1;
}
.h-nav{
  position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  opacity: 0;
  display: none;
  transition: .3s;
} */
.nav_wp{
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 150px 350px;
  background: linear-gradient(71deg, rgba(7, 208, 189, 0.50) 0.5%, rgba(41, 52, 64, 0.00) 50.25%), #29343F;
}
.nav_left{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.menu_logo{
  width: 318px;
  height: 102px;
}
.menu_logo img{
  width: 100%;
  height: auto;
  object-fit: cover;
}

.menu_inform span{
  display: block;
  margin-bottom: 12px;
  color: #07D0BD;
  font-family: "NanumSquareNeo-Variable", sans-serif;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -0.08em;
}
.menu_inform p{
  color: #fff;
  font-family: "NanumSquareNeo-Variable", sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.5;
}
.sns_wp{
  margin-top: 50px;
  display: flex;
  gap: 20px;
}

.menu_wp{
  display: flex;
  flex-direction: column;
  gap: 70px;
}
.menu_li{
  display: flex;
  align-items: center;
  gap: 40px;
}
.menu_li > a{
  width: 180px;
  font-size: 40px;
  color: #fff;
  letter-spacing: -0.04em;
  font-family: "NanumSquareNeo-Variable", sans-serif;
}
.menu_li_inner{
  display: flex;
  gap: 40px;
}
.menu_li_inner a{
  font-size: 20px;
  color: #fff;
  opacity: .7;
  letter-spacing: -0.04em;
  font-family: "NanumSquareNeo-Variable", sans-serif;
}
.main_bnr {
  position: relative;
  width: 100%;
  height: 980px; background: url("../img/main_bg.jpg") center / cover no-repeat;
}
.main_txt{
  position: absolute;
  z-index: 10;
  top: 320px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: -360px;
  color: #fff;
  font-family: "NanumSquareNeo-Variable", sans-serif;
  font-size: 56px;
  font-weight: 900;
}
.main_txt p{
  margin-top: 20px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.5;
}
.main_bnr_wp {
  width: 600px;
  height: 100%;
  margin: 0 auto;
}
.main_bnr_inner{
	width: 100%;
	height: 100%;
	padding-top: 184px;
}
.ani_img {
  width: 568px;
  height: 560px;
  background: url("../img/main_img.jpg") center/cover no-repeat;
  z-index: 5;
  animation: transform 30s ease-in-out infinite both alternate, movement2 7s ease-in-out infinite both;
}
.ani_img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.circle {
  position: absolute;
}
.circle01 {
  z-index: 4;
  width: 560px;
  height: 570px;
  background: #2060FB;
  animation: transform 10s ease-in-out infinite both alternate, movement2 7s ease-in-out infinite both;
}
.circle02 {
  z-index: 3;
  width: 508px;
  height: 580px;
  background: linear-gradient(182deg, #57F5FF -14.36%, rgba(87, 225, 255, 0) 98.53%);
  animation: transform 15s ease-in-out infinite both alternate, movement2 7s ease-in-out infinite both;
}
.circle03 {
  z-index: 2;
  width: 584px;
  height: 514px;
  background: linear-gradient(213deg, #8952FF 10.49%, rgba(82, 89, 255, 0) 78.02%);
  animation: transform 20s ease-in-out infinite both alternate, movement2 7s ease-in-out infinite both;
}
.circle04 {
  z-index: 1;
  width: 508px;
  height: 580px;
  background: linear-gradient(99deg, #E547FF 29.71%, rgba(229, 71, 255, 0) 102.75%);
  animation: transform 25s ease-in-out infinite both alternate, movement2 7s ease-in-out infinite both;
}
.circle05 {
  z-index: 1;
  width: 607px;
  height: 600px;
  border: 1px solid #fff;
  opacity: .5s;
  animation: transform 15s ease-in-out infinite both alternate, movement2 7s ease-in-out infinite both;
}

@keyframes transform {
  0%, 100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }
  14% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}
@keyframes movement2 {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: translateY(-2%) rotateY(10deg);
  }
}
.arrow_bottom{
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  width: 54px;
  height: 54px;
}

/* 입시 지원 페이지 */
@font-face {
  font-family: 'NEXON Lv2 Gothic';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@media (hover: hover) {
  #entrance .section04 .item a:hover:after {
    width: 100%;
  }
  #entrance .section04 .item a:hover {
    background: #07D0BD;
    transition: all 0.6s;
    font-weight: 800;
  }
  .flip_box:hover .flip{
    transform: rotateY(-180deg);
  }
  .flip_box:hover .flip.none{
    transform: none;
  }
}

#countDown{
  padding: 15px 15px 15px 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  position: fixed;
  top: 90vh;
  left: 50%;
  transform: translateX(-50%);
  width: 996px;
  opacity: 1;
  transition: .5s;
  font-size: 20px;
  background: #fff;
  z-index: 10;
  font-weight: 800;
  border-radius: 8px;
}
#countDown.active{
  opacity: 0;
}
#countDown > *{
  letter-spacing: -0.1em;
}
#countDown .center{
  display: flex;
  align-items: center;
}
.t_con{
  width: 38px;
  height: 38px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  margin-right: 5px;
  color: #00CCB9;
  text-align: center;
  font-weight: 900;
  letter-spacing: -0.6px;
  border-radius: 5px;
  background: #151F28;
}
#countDown .t_con i{
  background: linear-gradient(to bottom, #fff, #07D0BD );
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  font-style: normal;
}
.t_txt{
  margin-right: 5px;
}
#countDown .right{
  display: block;
  width: 260px;
  height: 50px;
  border-radius: 4px;
  background: linear-gradient(90deg, #009AEA 0%, rgba(0, 154, 234, 0.00) 60.54%), #00CCB9;
  color: #FFF;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -0.54px;
}
.swiper.mb,
.mBr{
  display: none;
}
.not_scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 20;
}
.modal .content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}
.tip_modal .content{
  width: 600px;
  height: 360px;
  padding: 3px;
  border-radius: 20px;
  background: #fff;
}
.tip_modal .modal_inner .left,
.tip_modal .modal_inner .right{
  padding: 40px 60px;
  width: 100%;
  height: 100%;
}
.tip_modal .modal_inner .left{
  border-radius: 0 0 0 20px;
  background: #23313D;
}
.tip_modal .modal_inner .right{
  border-radius: 0 0 20px 0;
  background: linear-gradient(88deg, #222527 1.43%, rgba(35, 49, 61, 0.00) 27.33%), #40505E;
}
.tip_modal .modal_tit{
  padding: 15px 0;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: #151f28;
}
.modal_close{
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
}
.tip_modal .modal_inner{
  display: flex;
  height: 83%;
  align-items: center;
}
.tip_modal .modal_inner span{
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.08em;
}
.tip_modal .modal_inner .left span{
  color: #07D0BD;
}
.tip_modal .modal_inner .right span{
  color: #fff;
}
.tip_modal .modal_inner ul{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tip_modal .modal_inner li{
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.tip_modal .modal_inner .right li{
  color: #aaa;
}
.tip_modal .vs{
  position: absolute;
  top: 180px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 900;
  color: #151F28;
  background: #fff;
  border-radius: 50%;
}
[class*='teacher'] .content{
  width: 840px;
  height: 840px;
  top: 54%;
  overflow-y: scroll;
}
.modal .content img{
  width: 100%;
  height: 100%;
}
/* !modal */

/* .bg_gra{
  position: relative;
}
.bg_gra::before{
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 300px;
  background: #151F28;
  opacity: .8;
  z-index: 1;
} */

.sec_tit{
  font-size: 48px;
  text-align: center;
  color: #fff!important;
  font-family: "NEXON Lv2 Gothic";
}
.ee_font .sec_tit{
  font-family: "Wolyeonggyo";
  font-weight: normal;
}
.sec_tit span{
  display: block;
  margin-bottom: 15px;
  font-size: 24px;
  letter-spacing: -0.96px;
  font-family: "NEXON Lv2 Gothic"
}
.ee_font .sec_tit span{
  font-family: "Wolyeonggyo";
  font-weight: normal;
}
.ee_font .sec_tit strong{
	font-family: "Wolyeonggyo";
}

.sec_tit.green span{
  color: #07D0BD!important;
}
.sec_tit.blue span{
  color: #009AEA!important;
}
.sec_tit.yellow span{
  color: #FFC800!important;
}
.cur_wp{
  display: flex;
  justify-content: center;
  margin: 0 auto 135px;
  padding: 8px;
  width: 408px;
  height: 60px;
  border-radius: 50px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(5.719905376434326px);
}
.cur_wp li{
  display: flex;
  align-items: center;
  padding: 12px 15px;
}
.cur_wp li.on{
  padding: 12px 43px 12px 22px;
  border-radius: 45px;
  background: url('../img/up_right_icon.svg') center right 22px / 16px no-repeat, #07D0BD;
}
.cur_wp a{
  font-size: 18px;
  color: #fff;
  font-weight: 800;
  border-radius: 45px;
}
#entrance .section01{
  position: relative;
  padding-top: 120px;
  margin-bottom: 30px;
  background: url('../img/bg01.png') center top 18px / contain no-repeat;
}
#entrance .section01.webtoon{
  background: url('../img/bg20.png') center top 18px / contain no-repeat;
}
#entrance .section01.ee_sec01{
  background-size: auto;
}
#entrance_illust .section01{
  position: relative;
  padding-top: 120px;
  margin-bottom: 30px;
  background: url('../img/illust_bg01.png') center top 18px / contain no-repeat;
}
#entrance_illust .section01.redsky{
  position: relative;
  padding-top: 120px;
  margin-bottom: 30px;
  background: url('../img/bg19.png') center top 18px / contain no-repeat;
}
#entrance_illust .section01.ee_sec01{
  background-size: auto;
}
.side_gra{
  overflow: hidden;
}
.side_gra::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 564px;
  height: 1521px;
  background: linear-gradient(280deg, rgba(20, 30, 38, 0.00) 36.69%, #151F28 82.23%);
}
.side_gra::after{
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 564px;
  height: 1521px;
  background: linear-gradient(91deg, rgba(20, 30, 38, 0.00) 19.87%, #151F28 93.16%);
}
.side_gra.ee_side_gra::before{
  left: 50%;
  margin-left: -970px;
}
.side_gra.ee_side_gra::after{
  right: 50%;
  margin-right: -970px;
}
#entrance .main_kv{
  display: none;
  /* width: 100%;
  height: 1456px;
  position: absolute;
  top: 18px;
  left: 0;
  z-index: -1; */
}
#entrance .main_kv img{
  width: 100%;
  height: 100%;
}
#entrance_illust .main_kv{
  display: none;
  /* width: 100%;
  height: 1456px;
  position: absolute;
  top: 18px;
  left: 0;
  z-index: -1; */
}
#entrance_illust .main_kv img{
  width: 100%;
  height: 100%;
}
.main_tit{
  margin-bottom: 267px;
  font-size: 64px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  text-shadow: 0px 0px 10px #7390BB;
  font-family: "NEXON Lv2 Gothic";
}

.ee_font .main_tit{
  font-family: "Wolyeonggyo";
  font-weight: normal;
}
.main_tit p{
  margin-top: 25px;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: -1px;
  font-family: "NanumSquare Neo OTF";
}
.main_tit + p{
  margin-bottom: 110px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  line-height: 1.7;
}
.main_tit + p span{
  font-weight: 800;
}
.main_list_wp{
  width: 1000px;
  margin: 0 auto 148px;
  display: flex;
  justify-content: space-between;
}
.main_list_wp li{
  width: 320px;
  height: 452px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url('../img/square_frame.png') center / cover no-repeat;
}
.main_list_wp .cont_img{
  width: 100%;
}
.main_list_wp.ee_list_wp{
  position: relative;
}
.main_list_wp.ee_list_wp::after{
  content: '';
  position: absolute;
  left: -470px;
  bottom: -130px;
  width: 830px;
  height: 500px;
  background: linear-gradient(180deg, rgba(20, 30, 38, 0.00) 36.69%, #151F28 -190.77%);
}
.main_list_wp.ee_list_wp li{
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.main_list_wp.ee_list_wp .cont_img{
  height: 276px;
  position: relative;
}
.main_list_wp.ee_list_wp .cont_img img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -47%);
  width: auto;
}
.main_list_wp.ee_list_wp p{
  margin-top: 0;
}
.main_list_wp.ee_list_wp p span{
  font-family: "Wolyeonggyo";
  font-weight: normal;
}
.main_list_wp .cont_img img{
  width: 100%;
  height: auto;
  object-fit: cover;
}
.main_list_wp p{
  margin: -30px 0 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  text-align: center;
  font-family: "NEXON Lv2 Gothic";
}
.ee_font .main_list_wp p{
  font-family: "Wolyeonggyo";
  font-weight: 400;
}
.ee_font .main_list_wp p span{
  font-family: "Wolyeonggyo";
}
.main_list_wp li:first-of-type span{
  color: #07D0BD;
}
.main_list_wp li:nth-of-type(2) span{
  color: #0EADFF;
}
.main_list_wp li:last-of-type span{
  color: #FFC800;
}
.main_list_wp small{
  font-size: 13px;
  color: #798188;
  text-align: center;
  font-weight: 400;
}
.rate_cont{
  padding-bottom: 170px;
  background: url('../img/bg02.png') center top / contain no-repeat;
  background-attachment: fixed;
}
.rate_cont.pf_detail{
  padding-bottom: 40px;
  background: none;
}
.rate_cont.ee_rate_cont{
  position: relative;
}
.rate_cont.ee_rate_cont::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 230px;
  background: linear-gradient(180deg, rgba(20, 30, 38, 0.00) 36.69%, #151F28 82.23%);
}
.rate_box{
  position: relative;
  width: 1000px;
  height: 850px;
  margin: 0 auto;
  padding: 80px 0px;
  cursor: pointer;
  transition: .5s;
  background: url('../img/trophy.png') center top / contain no-repeat;
  overflow: hidden;
  border: 1px solid #07D0BD;
  border-radius: 10px;
}
.ee_rate_cont .rate_box{
  border: 0;
  background-color: #1C2C39;
}
.pf_detail .rate_box{
  position: relative;
  width: 100%;
  height: 850px;
  margin: 0 auto;
  padding: 0px 0px;
  cursor: pointer;
  transition: .5s;
  background: none;
  overflow: hidden;
  border: 0;
  border-radius: 36px;
}
.ee_rate_wrap{
  width: 1000px;
  margin: 0 auto;
  border: 1px solid transparent;
  border-radius: 10px;
  background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),linear-gradient(90deg, #07D0BD 0%, #0EADFF 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  overflow: hidden;
}
.pf_detail .ee_rate_wrap{
  width: 1000px;
  align-items: center;
  margin: 0 auto;
  border: 0;
  border-radius: 36px;
  background-image:none;
  background-origin: border-box;
  background-clip: content-box, border-box;
  overflow: hidden;
}
.ee_line{
  margin-top: 7px;
}
.rate_box.active{
  height: 1500px;
}
.rate_box.pf_teacher.active{
  height: auto;
}
.rate_box::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.rate_box.active::before{
  display: block;
  background: linear-gradient(180deg, rgba(28, 44, 57, 0.00) 42.74%, rgba(28, 44, 57, 0.60) 47.51%, #1C2C39 60.13%);
}
.rate_box::after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(28, 44, 57, 0.00) 42.74%, rgba(28, 44, 57, 0.60) 71.35%, #1C2C39 90.24%);
}
.rate_box.detail_onoff::after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: none;
}
.rate_box.active::after{
  display: none;
}
.rate_box button{
  position: absolute;
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
  width: 160px;
  height: 40px;
  font-size: 16px;
  border-radius: 50px;
  z-index: 1;
  font-weight: 700;
  color: #fff;
  background: #384A59;
}
.rate_box.active button{
  display: none;
}
.pf_detail_btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 50px;
  font-size: 22px;
  border-radius: 50px;
  z-index: 1;
  font-weight: 700;
  color: #fff;
  background: #384A59;
  margin:0 auto 65px;
}
.pf_detail_btn::after{
  transform: rotateX(180deg);
  content: '';
  width: 1.5rem;
  height: 0.7rem;
  margin-left: 1rem;
  background: url('../img/ee_policy.png') center / cover no-repeat;
}
.pf_detail_btn.active::after{
  content: '';
  transform: rotateX(0deg);
}
.rate_box .pass_rate{
  z-index: 0;
}
.rate_box.active .pass_rate{
  position: relative;
  z-index: 1;
}
.pass_rate .detail_onoff{
  width: 100%;
}
.rate_table{
  margin-top: 55px;
}
.rate_table li{
  width: 25%;
  text-align: center;
}
.table_category,
.table_cont{
  width: 90%;
  margin: 0 auto;
}
.table_category + div{
  width: 90%;
  margin: 0 auto;
}
.table_category + div img{
  width: 100%;
}
.table_category ul{
  display: flex;
}
.table_category li{
  font-size: 20px;
  color: #aaa;
  font-weight: 700;
}
.table_cont{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 17px;
}
.table_cont ul{
  display: flex;
  padding: 8px 0 8px 10px;
  background: rgba(7, 208, 189, 0.1);
  border-radius: 20px;
}
.table_cont ul li{
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  align-self: center;
}
.rate_box.webtoon .table_cont ul li:last-child{
  color: #FFE070;
  font-weight: 800;
}
/* section 02 */
.portfolio_sec{
  margin-bottom: 170px;
}
.portfolio_sec .sec_tit{
  margin-bottom: 60px;
}
.flow_bnr{
  position: relative;
  width: 100%;
  height: 630px;
  overflow: hidden;
}
#hobby .flow_bnr{
  height: 680px;
}
.flow_cont{
  position: absolute;
  display: flex;
  will-change: transform;
}
.portfolio_quality .flow_cont.left{
  bottom: 0;
  animation: flow_left 30s linear infinite;
}
.flow_cont:first-of-type{
  top: 0;
  animation: flow_left 40s linear infinite;
}
.flow_cont:last-of-type{
  bottom: 0;
  animation: flow_right 40s linear infinite;
}
.flow_cont .port_wp{
  display: flex;
  gap: 24px;
  padding-left: 24px;
  white-space: nowrap;
}
.flow_cont .port_wp li{
  border: 2px solid transparent;
  border-radius: 10px;
  background-image: linear-gradient(to right, #07D0BD 0%, #0EADFF 100%);
}
.flow_cont .port_wp li img{
  border-radius: 10px;
  height: 304px;
}
@keyframes flow_left {
  0% {
    transform: translateX(0);
  }
  100% {
      transform: translateX(-50%);
  }
}
@keyframes flow_right {
  0% {
    transform: translateX(-50%);
  }
  100% {
      transform: translateX(0);
  }
}
/* section 03 */
.story_sec {
  margin-bottom: 115px;
  background: url('../img/bg03.png') center top / contain no-repeat;
}
.class_page .section03 .slide_cont{
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.class_page .section03 .slide_txt{
  width: 500px;
}
.class_page .section03 .slide_img{
  width: 450px;
}
.class_page .section03 .slide_img img{
  width: 100%;
}
.class_page .section03 .slide_img .custom{
  width: 600px;
  position: relative;
  right: 50px;
}
.class_page .section03 h3{
  margin-bottom: 18px;
  font-size: 18px;
  color: #fff;
  font-weight: 800;
}



/* .story_sec h3 span{
  font-family: "NEXON Lv2 Gothic";
  font-weight: 700;
} */
.story_sec h3 span{
  color: #FFC800;
}
.story_sec p{
  margin-bottom: 47px;
  font-size: 40px;
  color: #fff;
  font-weight: 300;
  line-height: 1.2;
}
.story_sec p span{
  font-weight: 700;
}

.tag_box{
  display: flex;
  gap: 10px;
}
.tag_box li{
  padding: 7px 12px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  border-radius: 7px;
  border: 2px solid rgba(255, 255, 255, 0.20);
  background: #243847;
}
.class_page .swiper-button-prev,
.class_page .swiper-button-next{
  width: 50px;
  height: 50px;
  left: 50%;
  transform: translate(-50%);
}
.class_page .swiper-button-prev::after,
.class_page .swiper-button-next::after{
  content: none;
}
.story_sec .swiper-button-prev{
  margin-left: -600px;
  background: url('../img/nav_prev.png') center / contain no-repeat;
}
.story_sec .swiper-button-next{
  margin-left: 550px;
  background: url('../img/nav_next.png') center / contain no-repeat;
}
.change_slide .swiper-button-prev{
  margin-left: -450px;
  background: url('../img/nav_prev.png') center / contain no-repeat;
}
.change_slide .swiper-button-next{
  margin-left: 450px;
  background: url('../img/nav_next.png') center / contain no-repeat;
}
/* section 04 */
#entrance_illust .section04,
#entrance .section04,
#job .section04{
  padding: 100px 0 160px;
  text-align: center;
  overflow:hidden;
  color: #fff;
  background: url('../img/bg04.png') center / cover no-repeat, linear-gradient(#060809, #151F28);
}
#job .section04 .sec_tit{
  margin-bottom: 56px;
}
#entrance_illust .section04 .inner,
#entrance .section04 .inner {max-width: 1460px;}
#entrance .section04 .more {margin: 550px auto 30px; width: 792px;display: flex;align-items: center;}
#entrance .section04 .more h3 {font-family: "NEXON Lv2 Gothic"; font-weight: 300;font-size: 30px;display: inline-block;}

#entrance.ee_font .section04 .more h3{
  font-family: "Wolyeonggyo";
  font-weight: normal;
}
#entrance .section04 .more a {font-family: 'Nanum Gothic', sans-serif;font-size: 16px;margin-left: auto;}
#entrance .section04 .interview_list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
#entrance .section04 .interview_list:after {
  content: 'New';
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -400px;
  font-size: 18px;
  color: #ffd400;
  font-weight: bold;
  transform: translateX(-50%) rotate(-45deg);
  z-index: 10;
  font-family: "EB Garamond", serif;
}
#entrance .section04 .item {text-align: center;}
#entrance .section04 .item iframe {
  display: none;
  position: absolute;
  top: -540px;
  left: 50%;
  transform: translateX(-50%);
  width: 792px;
  height: 446px;
  border-radius: 20px;
  border: 3px solid #07D0BD;
}
#job .section04 iframe{
  width: 792px;
  height: 446px;
  margin-bottom: 40px;
}
#job .section04 h3{
  font-size: 16px;
  font-weight: 400;
}
#job .section04 h3 span{
  font-weight: 700;
}
#entrance .section04 .item.active iframe {display: block;}
#entrance .section04 .item a {
  font-size: 20px;
  display: inline-block;
  padding: 13px 42px;
  width: 792px;
  border-radius: 27px;
  border: 2px solid #07D0BD;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  position: relative;
  z-index: 1;
  font-weight: 400;
  font-family: 'NanumSquareNeo';
}
#entrance .section04 .item a:after {content: ''; display: inline-block; width: 0; height: 100%; background-color: #07D0BD; position: absolute; top: 0; left: 0; z-index: -1; transition: all 0.4s;}
#entrance .section04 .item.active a {background: #07D0BD; font-weight: 600;}
/* section 05 */
.change_slide{
  position: relative;
  padding-bottom: 150px;
  z-index: 2;
}
.change_slide .swiper{
  height: 560px;
}
.change_slide .sec_tit{
  margin-bottom: 70px;
}
.change_slide .slide_cont{
  width: 744px;
  height: 470px;
  opacity: .08;
  transition: .3s;
}
.change_slide .swiper-slide{
  margin: 0 20px;
}
.change_slide .swiper-slide-active.slide_cont,
.change_slide .swiper-slide-active .cont_txt{
  opacity: 1;
}
.change_slide .cont_img{
  display: flex;
  gap: 24px;
}
.change_slide .cont_img > div{
  width: 360px;
  height: 470px;
}
.change_slide.ee_change_slide .cont_img > div::before{
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 30px;
  border-radius: 30px;
  border: 2px solid rgba(255,255,255,0.8);
  background: rgb(20,13,33,0.8);
  color: #fff;
  font-family: "EB Garamond", serif;
  font-weight: 500;
  font-size: 20px;
  font-style: italic;
  box-sizing: border-box;
}
.change_slide.ee_change_slide .cont_img > div.before::before{
  content: 'Before';
}
.change_slide.ee_change_slide .cont_img > div.after::before{
  content: 'After';
}

.change_slide .cont_img > div img{
  width: 100%;
  height: 100%;
}
.change_slide .cont_img > div.a_width img{
  width: auto;
}
.change_slide.ee_change_slide .cont_img > div{
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
}
.change_slide .cont_txt{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  opacity: 0;
  margin: 40px auto 0;
  width: 270px;
  padding: 10px 12px;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  border: 1px solid #FFC800;
  background: rgba(255, 200, 0, 0.10);
  letter-spacing: -0.1em;
  font-weight: 800;
}
.change_slide .cont_txt span{
  color: #ffc800;
}
/* section 06 */
.system_sec{
  position: relative;
  margin-bottom: 170px;
  z-index: 1;
  background: url('../img/bg05.png') center / contain no-repeat;
}
.system_sec > div {
  position: relative;
}
.system_sec .top{
  padding-top: 100px;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
  background:#151F28;
}
/* system_sec .top::after{
  content: '';
  position: absolute;
  top: -340px;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 600px;
  background: linear-gradient(180deg, rgba(7, 208, 189, 0.16) 41.48%, rgba(21, 31, 40, 0.00) 100.04%);;
} */
.system_sec .fix-menu{
  position: relative;
  display: flex;
  margin-bottom: 40px;
  padding: 65px 55px 55px;
  border-bottom: 1px solid #50606C;
  justify-content: space-between;
}
.system_sec .fix-menu::after{
  position: absolute;
  top: 54%;
  transform: translate(-50%, -50%);
  left: 50%;
  content: '';
  width: 80%;
  border: 1px solid #50606C;
  z-index: -1;
}
.system_sec .fix-menu li{
  position: relative;
  font-size: 14px;
  color: #fff;
  background: #243847;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  font-weight: 800;
}
.system_sec .fix-menu li::after{
  width: 115px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -40px;
  font-size: 16px;
  font-weight: 800;
  text-align: center;
  color: #fff;
}
.system_sec .fix-menu li:first-of-type::after{
  content: '수업 VOD 제공';
}
#entrance .system_sec .fix-menu li:first-of-type::after{
  content: '수업 VOD 제공';
  font-weight: 600;
}
#entrance .system_sec .fix-menu li:nth-of-type(2)::after{
  content: '성장 보고서';
  font-weight: 600;
}
#job .system_sec .fix-menu li:nth-of-type(2)::after{
  content: '수강생 모니터링';
}
#entrance .system_sec .fix-menu li:nth-of-type(3)::after{
  content: '학부모 수업참관';
  font-weight: 600;
}
#job .system_sec .fix-menu li:nth-of-type(3)::after{
  content: '유연한 커뮤니케이션';
}
#entrance .system_sec .fix-menu li:last-of-type::after{
  content: '멘토링 시스템';
  font-weight: 600;
}
#job .system_sec .fix-menu li:last-of-type::after{
  content: '모의 면접 시스템';
}
.system_sec .fix-menu li.on{
  background: #07D0BD;
  color: #FFF;
}
.system_sec .fix-menu li:first-child{
  margin-left: 0;
}
.system_sec .top h2,
.system_sec .top .fix-wrap,
.system_sec .conts{
  width: 840px;
  margin: 0 auto; 
}
.system_sec .cont_txt{
  width: 351px;
}
.system_sec .cont_img{
  width: 388px;
  height: 253px;
}
.system_sec .chk{
  margin-top: 75px;
}
.system_sec .chk li{
  font-size: 20px;
  color: #A6B5C1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
  padding-left: 40px;
  margin-top: 30px;
}
.system_sec .chk li:first-child{
  margin-top: 0;
}
.system_sec .cont{
  position: relative;
  padding-left: 50px;
  padding-bottom: 70px;
  display: flex;
  justify-content: space-between;
}
.system_sec .cont:nth-child(5):before{
  display: none;
}
.system_sec .cont .tit{
  font-size: 24px;
  color: #A6B5C1;
  font-weight: 700;
}
.system_sec .cont.on .tit{
  color: #07D0BD;
}
.system_sec .cont .tit span{
  font-size: 14px;
  color: #fff;
  background: #243847;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  font-weight: 800;
  margin-right: 65px;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #50606c;
}
.system_sec .cont.on .tit span{
  background: #07D0BD;
  color: #FFF;
}
.system_sec .cont ul li{
  font-size: 16px;
  color: #fff;
  position: relative;
  line-height: 1.7;
}
.system_sec .cont ul li:first-child{
  margin-top: 15px;
}
.system_sec .cont img{
  width: 100%;
}
/* section 07 */
#entrance_illust .section07,
#entrance .section07{
  margin-bottom: 165px;
}
.curr_webtoon_pro p {
  font-size: 20px;
  color: #aaa;
  text-align: center;
  margin: 24px 0 60px;
}
#entrance .section07 .sec_tit + p{
  margin: 24px 0 120px;
  font-size: 20px;
  color: #aaa;
  text-align: center;
}
.sect_wherever{
  margin-bottom: 160px;
}
.sect_wherever .sec_tit + p{
  margin: 24px 0 120px;
  font-size: 20px;
  color: #aaa;
  text-align: center;
}
.sect_wherever .graph{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 34px;
  margin-bottom: 227px;
}
.sect_wherever .graph > div{
  position: relative;
  display: flex;
  align-items: center;
  width: 840px;
  height: 60px;
  font-size: 20px;
  font-weight: 900;
  color: #fff;
  border-radius: 0 50px 50px 0;
  background: #1F2B34;
}
.sect_wherever .graph .kga_class::before{
  content: 'KGA아트클래스 온라인 수업';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-left: 210px;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  opacity: 0;
  transition: 1s;
  white-space: nowrap;
}
.sect_wherever .graph .com_class::before{
  content: '일반 인터넷 강의 완강률';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-left: -90px;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  opacity: 0;
  transition: 1s;
  white-space: nowrap;
  color: #5B7C90;
}
.sect_wherever .graph > div.active::before{
  opacity: 1;
}
.sect_wherever .graph .kga_class::after{
  content: '';
  width: 0;
  height: 100%;
  border-radius: 0 50px 50px 0;
  transition: 1.5s;
  background: linear-gradient(90deg, #151F28 5.36%, #0EADFF 37.03%, #07D0BD 97.44%);
}
.sect_wherever .graph .kga_class.active::after{
  width: 777px;
}
.sect_wherever .graph .com_class::after{
  content: '';
  width: 0;
  height: 100%;
  border-radius: 0 50px 50px 0;
  transition: 2s;
  background: linear-gradient(90deg, #151F28 22.98%, #5D7E92 97.44%);
}
.sect_wherever .graph .com_class.active::after{
  width: 200px;
}
.sect_wherever .graph > div .inner_txt{
  position: absolute;
}
.sect_wherever .graph .kga_class .inner_txt{
  top: -100px;
  right: 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.sect_wherever .graph .kga_class .inner_txt span{
  display: block;
  font-size: 48px;
  line-height: 1.2;
  background: linear-gradient(180deg, #15FFE9 0%, #10BDF9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sect_wherever .graph .com_class .inner_txt{
  bottom: -70px;
  left: 50px;
  font-size: 40px;
  color: #5B7C90;
}
.pass_review {
  margin-bottom: 192px;
}
.pass_review .swiper-inner{
  width: 1200px;
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  margin: 0 auto;
}
.pass_review .swiper-item{
  width: 384px;
  height: 300px;
  padding: 30px;
  border-radius: 10px;
  background: #223544;
}
.pass_review .swiper-item .cont_top{
  display: flex;
  gap: 24px;
  margin-bottom: 20px;
}
.pass_review .swiper-item.rs .cont_top{
  gap: 9px;
}
.pass_review .swiper-item .cont_top{
  display: flex;
  gap: 24px;
  margin-bottom: 20px;
}
.pass_review .swiper-item .cont_img{
  width: 100px;
  height: 90px;
}
.pass_review .swiper-item.rs .cont_img{
  width: 50px;
  height: 50px;
}
.pass_review .swiper-item .cont_img img{
  width: 100%;
  height: 100%;
}
.pass_review .swiper-item .cont_tit{
  font-size: 20px;
  color: #fff;
  font-weight: 800;
}
.pass_review .swiper-item .cont_tit p{
  margin: 5px 0 10px;
  font-size: 16px;
  font-weight: 800;
  color: #07D0BD;
}
.pass_review .swiper-item.rs .cont_tit p{
  font-size: 12px;
}
.pass_review .swiper-item .cont_tit span{
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
.pass_review .swiper-item .cont_bot{
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 1.7;
}
.pass_review .swiper-item.rs .cont_bot{
  font-size: 14px;
}
.pass_review .swiper-item .cont_bot span{
  display: block;
  font-size: 16px;
  font-weight: 800;
}
.pass_review .swiper-button-next {
  margin-left: 700px;
  background: url('../img/nav_next.png') center / contain no-repeat;
}
.pass_review .swiper-button-prev {
  margin-left: -700px;
  background: url('../img/nav_prev.png') center / contain no-repeat;
}

.facility > div{
  display: flex;
  justify-content: center;
  align-items: center;
}
.facility .cont_img_wp{
  margin-bottom: 72px;
  gap: 24px;
}
.facility .cont_img{
  width: 486px;
  height: 310px;
}
.facility .cont_txt_wp{
  flex-direction: column;
  gap: 20px;
}
#job .facility .cont_txt_wp{
  margin: 90px 0 72px;
}
.discord .cont_txt,
.facility .cont_txt{
  display: flex;
  gap: 14px;
  justify-content: center;
  align-items: center;
  width: 792px;
  height: 80px;
  margin: 0 auto;
  font-size: 20px;
  color: #fff;
  font-weight: 800;
  border-radius: 10px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: rgba(36, 56, 71, 0.9);
}
.facility p{
  font-size: 20px;
  color: #aaa;
  text-align: center;
  line-height: 1.7;
}
/* section 08 */
.edu_system_sec{
  position: relative;
  width: 1200px;
  padding-bottom: 45px;
  margin: 0 auto;
}
.edu_system_sec .tip_btn{
  position: absolute;
  top: 80px;
  right: 0;
  width: 160px;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #384A59;
  border-radius: 50px;
}
.edu_system_sec .system_wp{
  margin-top: 70px;
  display: flex;
  justify-content: space-between;
}
.edu_system_sec .system_wp li{
  width: 282px;
  height: 360px;
  padding: 36px 30px;
}
.edu_system_sec .system_wp li:first-of-type{
  background: url('../img/system05.png') center / contain no-repeat;
}
.edu_system_sec .system_wp li:nth-of-type(2){
  background: url('../img/system06_n.png') center / contain no-repeat;
}
.edu_system_sec .system_wp li:nth-of-type(3){
  background: url('../img/system07.png') center / contain no-repeat;
}
.edu_system_sec .system_wp li:last-of-type{
  background: url('../img/system08.png') center / contain no-repeat;
}
.edu_system_sec .system_wp li > span{
  display: inline-block;
  padding: 4px;
  margin-bottom: 10px;
  font-size: 14px;
  border-radius: 2px;
  font-weight: 600;
}
.edu_system_sec .system_wp li:first-of-type > span{
  color: #FFC800;
  background: rgba(255, 200, 0, 0.2);
}
.edu_system_sec .system_wp li:nth-of-type(2) > span{
  color: #009AEA;
  background: rgba(0, 154, 234, 0.2);
}
.edu_system_sec .system_wp li:nth-of-type(3) > span{
  color: #07D0BD;
  background: rgba(7, 208, 189, 0.2)
}
.edu_system_sec .system_wp li:last-of-type > span{
  color: #6C54FF;
  background: rgba(108, 84, 255, 0.2);
}
.edu_system_sec .system_wp p{
  font-size: 24px;
  font-weight: 600;
  color: #fff;
}
.edu_system_sec .system_wp p span{
  display: block;
  margin-top: 5px;
  font-size: 14px;
  opacity: .5;
  font-weight: 500;
  line-height: 1.5;
}
/* section 09 */
.gra_bg{
  position: relative;
}
.gra_bg::after{
  content: '';
  position: absolute;
  top: -15px;
  left: 0;
  width: 100%;
  height: 294px;
  background: linear-gradient(180deg, #151F28 4.66%, rgba(20, 30, 38, 0.00) 79.19%);
}
.entrance_ani .section09,
#entrance_illust .section09,
#entrance .section09{
  padding: 150px 0 0 0;
  margin-bottom: 136px;
  background: url('../img/bg06.png') center top / contain no-repeat;
}
.entrance_ani .section09 .sec_tit + p,
#entrance_illust .section09 .sec_tit + p,
#entrance .section09 .sec_tit + p,
#job .section05 .sec_tit + p{
  margin: 20px 0 60px;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  color: #aaa;
}
.ee_flip_mo{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.teacher_wp{
  width: 996px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.teacher_wp > li{
  width: 316px;
  height: 400px;
  perspective: 1000px;
}
.teacher_wp .flip{
  width: 100%;
  height: 100%;
  position: relative;
  color: white;
  text-align: center;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
  transition: .5s;
}
.front,.back{
  width: 100%;
  height:100%;
  position: absolute;
  backface-visibility: hidden;
}
.back{
  position: relative;
  padding: 70px 20px 75px;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  border-radius: 10px;
  border: 2px solid #07D0BD;
  background: linear-gradient(180deg, #07D0BD 0%, #1576A8 100%);
  transform: rotateY(180deg);
}
.back ul{
  height: 110px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 20px 0 23px;
  font-size: 14px;
  font-weight: 700;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.back button{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100px;
  font-family: "NEXON Lv2 Gothic";
  width: 185px;
  height: 46px;
  font-size: 19px;
  border-radius: 27px;
  font-weight: 700;
  color: #373737;
  background: #fff;
}
.ee_font .back button{
  font-family: "Wolyeonggyo";
  font-weight: normal;
}
.back .inform{
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 20px;
  line-height: 1.89;
}
.back .inform .left{
  padding: 5px 26px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 0 10px 0 0;
  color: #009AEA;
  background: #fff;
}
.back .inform .right{
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

/* section 10 */
#entrance .section10{
  padding-top: 220px;
}
.about_sec{
  width: 996px;
  margin: 0 auto;
}
.about_sec .about_wp{
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.about_sec .about_wp li{
  width: 486px;
  height: 240px;
  padding: 32px;
  font-size: 32px;
  font-weight: 800;
  color: #fff;
  cursor: pointer;
}
.about_sec .about_wp li span{
  display: block;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 800;
}
.about_sec.ee_about_sec .about_wp li span{
  margin-bottom: 0;
}
.about_sec.ee_about_sec .about_wp li{ 
  line-height: 50px;
}
.about_sec.ee_about_sec .about_wp li span{
  line-height: 50px;
}
.about_sec .about_wp li:first-of-type{
  background: url('../img/about01.png') center / cover no-repeat;
}
.about_sec .about_wp li:nth-of-type(2){
  background: url('../img/about02.png') center / cover no-repeat;
}
#entrance_illust .about_sec .about_wp li:nth-of-type(3){
  background: url('../img/about03.png') center / cover no-repeat;
}
#entrance_illust .about_sec .about_wp li:last-of-type{
  background: url('../img/about07.png') center / cover no-repeat;
}
.job_webtoon .about_sec .about_wp li:first-of-type{
  background: url('../img/about02.png') center / cover no-repeat;
}
.job_webtoon .about_sec .about_wp li:nth-of-type(2){
  background: url('../img/about01.png') center / cover no-repeat;
}
#hobby .about_sec .about_wp li:first-of-type{
  background: url('../img/about05.png') center / cover no-repeat;
}
#hobby .about_sec .about_wp.ee_hobby_about li:first-of-type{
	background-image: url("../img/about05_n.png");
}
#hobby .about_sec .about_wp li:last-of-type{
  background: url('../img/about02.png') center / cover no-repeat;
}
#entrance .about_sec .about_wp li:nth-of-type(3){
  background: url('../img/about03.png') center / cover no-repeat;
}
#job .about_sec .about_wp li:nth-of-type(3){
  background: url('../img/about04.png') center / cover no-repeat;
}
#job .about_sec .about_wp li:last-of-type{
  background: url('../img/about06.png') center / cover no-repeat;
}
#entrance .about_sec .about_wp li:last-of-type{
  font-size: 32px;
  color: #fff;
  border-radius: 10px;
  font-weight: 800;
  letter-spacing: -0.1em;
  border: 2px solid #6C54FF;
  background: url('../img/about07.png') center / cover no-repeat;
}
.about_sec .about_wp li:last-of-type a{
  margin-top: 22px;
  color: #aaa;
  font-size: 18px;
  font-weight: 800;
}
.about_sec .about_wp li:first-of-type span{
  color: #07d0bd;
}
.about_sec .about_wp li:nth-of-type(2) span{
  color: #009AEA;
}
.about_sec .about_wp li:nth-of-type(3) span{
  color: #FFC800;
}
.about_sec .about_wp li:last-of-type span{
  color: #6C54FF;
}

/* job */
#job .section01 {
  padding-top: 120px;
  margin-bottom: 30px;
  background: url(../img/bg08.png) center top 18px / contain no-repeat;
}
#job .section01.ee_sec01{
  background-size: auto;
  position: relative;
}
#job.job_uiux .section01{
  background: url('../img/bg22.png') center top 65px / contain no-repeat;
  padding-top: 120px;
  margin-bottom: 0px;
  background-size: auto; 
}
.job_uiux .section01.ee_sec01{
  background-size: auto; 
  position: relative;
}
/* #job .cur_wp{
  margin-bottom: 820px;
} */
.issub .cur_wp{
  margin-bottom: 16px;
}
.issub .cur_sub{
  display: flex;
  justify-content: center;
  margin-bottom: 800px;
}
.issub.entrance .cur_sub{
  display: flex;
  justify-content: center;
  margin-bottom: 95px;
}
.issub .cur_sub li{
  color: #ffffff;
  font-weight: 400;
  padding-right: 13px;
  border-right: 2px #ffffff solid;
  margin-right: 13px;
}
.issub .cur_sub li a{
  font-size: 18px;
  line-height: 90%;
  display: block;
  height: 18px;
}
.issub .cur_sub li::after{
  content: '';
}
.issub .cur_sub li:last-child{
  border-right: none;
  padding-right: 0px;
}
.issub .cur_sub li.on{
  color: #FFDB5B;
  font-weight: 700;
}
#job .section01 .sec_tit{
  margin-bottom: 56px;
}
#job .section01 .sec_tit strong{
  color: #07D0BD;
}
#job .main_list_wp .cont_img {
  width: 95%;
}
#job .main_list_wp p{
  margin: -120px 0 18px;
  font-size: 26px;
  letter-spacing: -0.08em;
}
#job .main_list_wp li:first-of-type span{
  color: #FFC800;
}
#job .main_list_wp li:nth-of-type(2) span{
  color: #0EADFF;
}
#job .main_list_wp li:last-of-type span{
  color: #07D0BD;
}
.job_uiux h2{
  text-align: center;
  color: #FFF;
  font-family: "Wolyeonggyo";
  font-size: 48px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.92px;
}
.job_uiux h2 span{
  color: #07D0BD;
  text-align: center;
  font-family: "Wolyeonggyo";
  font-size: 24px;
  font-weight: 400;
  line-height: 65px;
  letter-spacing: -0.96px;
}
.job_uiux .section01_1{
  background: url('../img/game-uiux-bg2_2.png') center top 18px / contain no-repeat;
  background-size: auto;
  padding-top:750px;
}
.job_uiux .section01_1 p{
  color: #FFF;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 19px;
  font-weight: 400;
  line-height: 200%;
  letter-spacing: -0.76px;
  padding-bottom: 100px;
}
.job_uiux .section01_1 p span{
  font-weight: 900;
}
.job_uiux .section01_1 ul{
  display: flex;
  justify-content: space-between;
  gap: 27px;
  margin-bottom: 45px;
}
.job_uiux .section01_1 ul li{
  position: relative;
  width: 100%;
  height: 174px;
  border-radius: 12px;
  border: 1px solid #FFF;
  background: rgba(34, 53, 68, 0.50);
  backdrop-filter: blur(6px);
  padding: 14px 22px;
}
.job_uiux .section01_1 ul li:first-child{
  background: url('../img/benefit1_sec01_uiux.png') center / cover no-repeat; 
}
.job_uiux .section01_1 ul li:nth-child(2){
  background: url('../img/benefit2_sec01_uiux.png') center / cover no-repeat; 
}
.job_uiux .section01_1 ul li:nth-child(3){
  background: url('../img/benefit3_sec01_uiux.png') center / cover no-repeat; 
}
.job_uiux .section01_1 ul li h3{
  color: #FFF;
  font-family: "NanumSquare Neo";
  font-size: 17px;
  font-weight: 400;
  line-height: 32px; /* 188.235% */
} 
.job_uiux .section01_1 ul li h3 span{
  font-weight: 800;
}
.job_uiux .section01_1 ul li h4{
  color: #FFF;
  font-family: "NanumSquare Neo";
  font-size: 19px;
  font-weight: 400;
  line-height: 40px;
} 
.job_uiux .section01_1 ul li h4 span{
  color: #FFC800;
  font-family: "NanumSquare Neo";
  font-size: 31px;
  font-weight: 900;
}
.job_uiux .section01_1 ul li small{
  position: absolute;
  bottom: 15px;
  color: #A0A0A0;
  font-family: "NanumSquare Neo";
  font-size: 8px;
  font-weight: 400;
  line-height: 33px;
  letter-spacing: -0.32px;
}
.job_uiux .section01_1 button{
  display: block;
  width: 312px;
  height: 70px;
  border-radius: 9px;
  background: linear-gradient(93deg, #07D0BD 0%, #0EADFF 100%);
  box-shadow: 0px 0px 129px 0px rgba(7, 208, 189, 0.40);
  color: #FFF;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 20px;
  font-weight: 900;
  line-height: 32px;
  letter-spacing: -0.8px;
  text-align: center;
  margin: 0 auto 130px;
}
.essentialskillfor3n{
  background: url('../img/bg26.png') center / cover no-repeat;
  padding-bottom: 160px;
}

.essentialskillfor3n h2{
  text-align: center;
  color: #FFF;
  font-family: "NanumSquare Neo";
  font-size: 25px;
  font-weight: 400;
  line-height: 190%;
  margin-bottom: 45px;
}
.essentialskillfor3n h2 span{
  color: #FFC800;
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  line-height: 225%;
}
.essentialskillfor3n h2 .big{
  font-family: "NanumSquare Neo";
  color: #FFF;
  font-size: 48px;
  line-height: 125%;
}
.essentialskillfor3n .wrapped{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
  margin: 0 auto;
  align-items: center;
}
.essentialskillfor3n img{
  width: 35px;
}
.essentialskillfor3n .gray_roundsquare{
  position: relative;
  width: 500px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  border: 1px solid rgba(65, 85, 114, 0.74);
  background: #556576;
  color: #FFF;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 21px;
  font-weight: 400;
  line-height:  147%;
  letter-spacing: -0.84px;
}
.essentialskillfor3n .blue_roundsquare{
  position: relative;
  width: 500px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: linear-gradient(90deg, #80A4FF 0%, #447FFF 50%, #6591FF 100%);
  box-shadow: 0px 0px 33px 6px rgba(0, 89, 255, 0.25);
  color: #FFF;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 21px;
  font-weight: 400;
  line-height:  147%;
  letter-spacing: -0.84px;
}
.essentialskillfor3n .blue_roundsquare span{
  font-weight: 900;
}
.essentialskillfor3n .blue_roundsquare .red{
  color: #FF9D9D;
}
.essentialskillfor3n .blue_roundsquare img{
  position: absolute;
  width: 103px;
}
.essentialskillfor3n .blue_roundsquare .nexon{
  bottom: 80px;
  right: -40px;
}
.essentialskillfor3n .blue_roundsquare .nc{
  bottom: 70px;
  left: -75px;
}
.essentialskillfor3n .blue_roundsquare .netmarble{
  bottom: 20px;
  right: -70px;
}
.umg_rt_feedbacklecture{
  background: url('../img/bg24.png') center / cover no-repeat;
  padding-bottom: 160px;
}
.umg_rt_feedbacklecture h2{
  color: #FFF;
  font-family: "Wolyeonggyo";
  font-size: 39px;
  font-weight: 400;
  line-height: 64px;
  text-align: center;
  margin-bottom: 90px;
}
.umg_rt_feedbacklecture h2 span{
  color: #FFC800;
  font-size: 24px;
  font-weight: 800;
  font-family: "NanumSquare Neo";
}
.umg_rt_feedbacklecture h2 .gradient3{
  background: linear-gradient(130deg, #665DCD 44.75%, #5FA4E6 55.8%, #FFAA0C 72.54%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Wolyeonggyo";
  font-size: 39px;
  font-weight: 400;
}
.umg_rt_feedbacklecture .wrapped{
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 24px;
  width: 800px;
  height: 700px;
  margin: 0 auto;
}
.umg_rt_feedbacklecture .wrapped .left{
  width: 50%;
  order: 1;
}
.umg_rt_feedbacklecture .left img{
  width: 100%;
  margin-bottom: 7px;
}
.umg_rt_feedbacklecture .left h3{
  color: #0EADFF;
  font-family: "NanumSquare Neo";
  font-size: 19px;
  font-weight: 900;
  line-height: 42px;
  letter-spacing: -0.76px;
  margin-top: 23px;
}
.umg_rt_feedbacklecture .left h3 span{
  color: #0EADFF;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 13px;
  font-weight: 900;
  letter-spacing: -0.26px;
  border-radius: 7px;
  border: 2px solid #0EADFF;
  background: rgba(14, 173, 255, 0.20);
  padding: 5px 10px;
  margin-right: 10px;
}
.umg_rt_feedbacklecture .left p{
  color: #FFF;
  font-family: "NanumSquare Neo";
  font-size: 19px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: -0.76px;
}
.umg_rt_feedbacklecture .left p span{
  font-weight: 900;
}
.umg_rt_feedbacklecture .wrapped .right{
  width: 50%;
  order: 2;
}
.umg_rt_feedbacklecture .wrapped .right img{
  height: 100%;
}
.uiux_teacher_portfolio{
  padding-bottom: 180px;
}
.uiux_teacher_portfolio h3{
  margin-top: 65px;
  color: #FFC800;
  text-align: center;
  font-family: "NEXON Lv2 Gothic";
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.8px;
  margin-bottom: 30px;
}
.uiux_teacher_portfolio h3 span{
  border-radius: 50px;
  border: 2px solid #FFC800;
  background: rgba(255, 200, 0, 0.10);
  padding: 5px 22px;
}
.uiux_teacher_portfolio .swiper-wrapper .swiper-slide.border_round{
  width: 387px;
  height: 690px;
  border-radius: 10px;
  border: 2px solid #07D0BD;
  overflow: hidden;
}
.uiux_teacher_portfolio .swiper-wrapper .swiper-slide.border_round img{
  height: 100%;
}
.uiux_teacher_portfolio .swiper-wrapper .swiper-slide.border_round2{
  width: 434px;
  height: 303px;
  border-radius: 8px;
  border: 1px solid #07D0BD;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.uiux_teacher_portfolio .swiper-wrapper .swiper-slide.border_round2 img{
  height: 100%;
  
}
.uiux_teacher_introduce{
  background: url('../img/bg25.png') center 200px / 1920px no-repeat;
}
.uiux_teacher_introduce .wrapped{
  border-radius: 17px;
  border: 2px solid #FFF;
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(8.5px);
  width: 790px;
  height: 517px;
  display: flex;
  padding: 45px 35px;
  gap: 30px;
  position: relative;
  margin: 95px auto 155px;
}
.uiux_teacher_introduce .cont1{
  position: relative;
  display: flex;
  top: -75px;
  width: 165px;
  flex-direction: column;
}
.uiux_teacher_introduce .cont1 p{
  color: #FFF;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 31px;
  font-weight: 900;
  line-height: 107%;
  margin-top: 15px;
}
.uiux_teacher_introduce .cont1 p span{
  font-size: 17px;
  font-weight: 350;
}
.uiux_teacher_introduce .cont2{
  width: 320px;
}
.uiux_teacher_introduce .cont2 p{
  color: #FFF;
  font-family: "NanumSquare Neo";
  font-size: 21px;
  font-weight: 400;
  line-height: 150%;
  white-space: nowrap;
}
.uiux_teacher_introduce .cont2 p b{
  font-weight: 900;
}
.uiux_teacher_introduce .cont2 p span{
  font-size: 39px;
  font-weight: 900;
  line-height: 29px;
}
.uiux_teacher_introduce .cont3{
  position: absolute;
  right: 55px;
}
.uiux_teacher_introduce .cont3 button{
  border-radius: 21px;
  background: linear-gradient(90deg, rgba(0, 154, 234, 0.00) 0%, #009AEA 100%), #00CCB9;
  color: #FFF;
  font-family: "NanumSquare Neo";
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -0.45px;
  padding: 12px 52px;
}
.uiux_teacher_exp {
  width: 1200px;
  position: relative;
  display: flex;
  flex-direction: row;
  padding-bottom: 60px;
  margin: 0 auto;
}
.uiux_teacher_exp .wrap{
  position: absolute;
  flex-shrink: 0;
  z-index: 2;
  right: 5%;
  width: 690px;
}
.uiux_teacher_exp h3{
  color: #FFF;
  font-family: "NEXON Lv2 Gothic";
  font-size: 34px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: -1.36px;
}
.uiux_teacher_exp h3 span{
  color: #FFC800;
  font-size: 17px;
  letter-spacing: -0.68px;
}
.uiux_teacher_exp .wrapped{
  right: 0px;
  display: flex;
  gap: 13px;
  flex-direction: row;
  margin-bottom: 30px;
}
.uiux_teacher_exp .wrapped img{
  width: 100px;
  height: 100px;
}
.uiux_teacher_exp .explain{
  color: #FFF;
  font-family: "NanumSquare Neo";
  font-size: 19px;
  font-weight: 400;
  line-height: 200%;
  letter-spacing: -0.76px;
}
.uiux_teacher_exp .explain span{
  font-weight: 900;
}
.recommended_speaker .sec_tit{
  margin-bottom: 83px;
}
/* .pass_review .swiper-inner{
  display: flex;
} */
.story_sec .swiper.bot{
  margin-top: 70px;
}
.story_sec .swiper.bot .swiper-item{
  width: 490px;
  height: auto;
  padding: 30px;
  border-radius: 10px;
  background: #223544;
}
.story_sec .swiper.bot.wt .swiper-item{
  background: #141213;
}
.story_sec .swiper.bot .swiper-item .cont_top{
  display: flex;
  gap: 24px;
  margin-bottom: 20px;
}
.story_sec .swiper.bot .swiper-item .cont_img{
  width: 120px;
  height: 110px;
}
.story_sec .swiper.bot .swiper-item .cont_tit{
  font-size: 23px;
  color: #fff;
  font-weight: 800;
}
.story_sec .swiper.bot .swiper-item .cont_tit p{
  margin: 5px 0 10px;
  font-size: 18px;
  font-weight: 800;
  color: #07D0BD;
}
.story_sec .swiper.bot .swiper-item .cont_tit span{
  font-size: 16px;
  font-weight: 400;
  color: #999;
}
.story_sec .swiper.bot .swiper-item .cont_bot{
  font-size: 19px;
  font-weight: 400;
  color: #fff;
  line-height: 1.7;
}
.story_sec .swiper.bot .swiper-item .cont_bot span{
  display: block;
  font-size: 18px;
  font-weight: 800;
}
#job .section05{
  margin-bottom: 208px;
}
.curr_webtoon_pro{
  padding:90px 0 160px;
}
/* section07 */
#job .section07{
  width: 996px;
  margin: 0 auto 50px;
}
#job .section07 > .tip{
  margin: 58px 0 70px;
  padding: 48px 106px;
  font-size: 18px;
  line-height: 1.7;
  text-align: center;
  color: #fff;
  font-weight: 400;
  border-radius: 10px;
  letter-spacing: -0.12em;
  border: 2px solid #07D0BD;
  background: #1F3135;
  box-shadow: 5px 10px 20px 0px rgba(7, 208, 189, 0.15);
}
#job .section07 > .tip span{
  color: #07D0BD;
  font-weight: 800;
}

.policy_box.jb_policy_box{
  max-height: 0;
  transition: .5s;
  overflow: hidden;
 }
  .policy_box.jb_policy_box.on{
    max-height: 1841px;
    height: auto;
}
.policy_box .top{
  display: flex;
  gap: 24px;
  margin-bottom: 168px;
}
.policy_box .top > div{
  padding: 40px;
  border-radius: 20px;
  border: 2px solid rgba(255, 255, 255, 0.20);
  background: #223544;
}
.policy_box .top > div > span{
  display: inline-block;
  padding: 7px 20px;
  margin-bottom: 20px;
  font-size: 18px;
  border-radius: 5px;
  font-weight: 800;
  color: #222;
}
.policy_box .top .left > span{
  background: #07D0BD;
}
.policy_box .top .right > span{
  background: #009AEA;
}
.policy_box .top > div p:first-of-type{
  margin-bottom: 38px;
  font-size: 18px;
  font-weight: 800;
  color: #fff;
  line-height: 1.7;
}
.policy_box .top .type{
  font-size: 16px;
  color: #fff;
}
.policy_box .top .type:not(:last-of-type){
  margin-bottom: 23px;
}
.policy_box .top .type span{
  display: block;
  font-weight: 800;
}
.policy_box .top .left .type span{
  color: #07D0BD;
}
.policy_box .top .right .type span{
  color: #009AEA;
}
.policy_wp{
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.policy_list .cont_inner{
  width: 260px;
  height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.20);
  background: #151F28;
}
.policy_list:last-of-type .cont_inner{
  border: 2px solid var(--00-ccb-92-paints, #00CCB9);
}
.policy_list .tip{
  position: absolute;
  left: 50px;
  bottom: -65px;
}
.policy_list .tip span{
  display: block;
  font-size: 17px;
  font-weight: 700;
  color: #aaa;
}
.policy_list .cont_inner span{
  display: block;
  font-size: 20px;
  color: #aaa;
  font-weight: 700;
}
.policy_list .marker{
  position: relative;
}
.policy_list .marker::after{
  content: '*';
  position: absolute;
  top: -2px;
  right: -10px;
  font-size: 20px;
  color: #07d0bd;
}
.policy_list .tip .marker::after{
  right: auto;
  left: -10px;
}
.policy_list .cont_inner strong{
  font-size: 32px;
  color: #fff;
  font-weight: 800;
}
.policy_list:last-of-type .cont_inner span{
  color: #fff;
}
.policy_list:last-of-type .cont_inner strong{
  color: #07D0BD;
}
.policy_wp + div{
  width: 6px;
  height: 82px;
  margin: 77px auto 57px;
}
.policy_box .mid{
  margin-bottom: 30px;
  background: url('../img/bg09.png') center / contain no-repeat;
}
.policy_box .mid p{
  position: relative;
  font-size: 26px;
  color: #fff;
  font-weight: 800;
  text-align: center;
}
.policy_box .mid p span{
  color: #ffc800;
}
.policy_box .mid p::before{
  display: block;
  margin-bottom: 23px;
  content: '';
  width: 100%;
  height: 2px;
  border-radius: 10px;
  background: radial-gradient(50% 50% at 50% 50%, #FFF 0%, #151F28 100%);
}
.policy_box .mid p::after{
  display: block;
  margin-top: 23px;
  content: '';
  width: 100%;
  height: 2px;
  border-radius: 10px;
  background: radial-gradient(50% 50% at 50% 50%, #FFF 0%, #151F28 100%);
}
.policy_box .bot{
  padding: 200px 0;
  background: url('../img/bg11.png') center / cover no-repeat;
}
.policy_box .bot p{
  margin-bottom: 50px;
  font-size: 32px;
  color: #fff;
  text-align: center;
  font-weight: 800;
}
.policy_box .bot p small{
  display: block;
  margin-top: 21px;
  font-size: 18px;
  font-weight: 400;
}
.policy_box .bot button{
  margin: 0 auto;
  display: block;
  width: 384px;
  height: 70px;
  color: #151F28;
  font-size: 20px;
  font-weight: 800;
  background: url('../img/apply_btn.png') center / contain no-repeat;
}
.cc_policy_btn{
  display: flex;
  justify-content: center;
  margin-bottom: 180px;
}
.cc_policy_btn .btn_area{
  display: flex;
  width: 202px;
  height: 53px;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  color: #fff;
  background: #384A59;
  font-size: 22px;
  cursor: pointer;
}
.cc_policy_btn .btn_area i{
  font-style: normal;
}
.cc_policy_btn .btn_area i.close{
  display: none;
}
.cc_policy_btn.on .btn_area i.close{
  display: block;
}
.cc_policy_btn.on .btn_area i.open{
  display: none;
}
.cc_policy_btn .btn_area::after{
  content: '';
  display: inline-block;
  background: url('../img/ee_policy.png') center / contain no-repeat;
  width: 18px;
  height: 12px;
  margin-left: 12px;
  transform: rotate(-180deg);
}
.cc_policy_btn.on{
  margin-top: 0;
}
.cc_policy_btn.on .btn_area::after{
  transform: rotate(0deg);
}

br.show_720{
	display: none;
}
#job .section09{
  margin-bottom: 170px;
}
#job .section11{
  padding: 170px 0 193px;
  background: url('../img/bg10.png') center / cover no-repeat;
}
#job .section11 .sec_tit{
  margin-bottom: 73px;
  position: relative;
  z-index: 1;
}
#job .section11 ul{
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#job .section11 li{
  position: relative;
  width: 384px;
  height: 340px;
  display: flex;
  align-items: flex-end;
  border-radius: 10px;
  border: 2px solid rgba(255, 255, 255, 0.20);
  overflow: hidden;
}
#job .section11 li:first-of-type{
  background: url('../../publish/img/benefit04.png') center / cover no-repeat;
}
#job .section11 li:nth-of-type(2){
  background: url('../../publish/img/benefit05.png') center / cover no-repeat;
}
#job .section11 li:last-of-type{
  background: url('../../publish/img/benefit06.png') center / cover no-repeat;
}
#job .section11 .cont_txt{
  margin: 0 0 24px 30px;
  cursor: default;
}
#job .section11 .cont_txt .tit{
  font-size: 22px;
  font-weight: 800;
  color: #fff;
}
#job .section11 .cont_txt .tit span{
  color: #07d0bd;
}
#job .section11 li.active .cont{
  opacity: 1;
  height: 90px;
}
#job .section11 .cont_txt .cont{
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 1.7;
  opacity: 0;
  height: 0;
  transition: .5s;
}

/* hobby page */
#hobby .side_gra.ee_side_gra::after{
	margin-right: -970px;
}
#hobby .side_gra.ee_side_gra::before{
	margin-left: -970px;
}
/* #hobby .section01.side_gra.ee_side_gra::after {
	margin-right: -730px;
}
#hobby .section01.side_gra.ee_side_gra::before{
	margin-left: -730px;
} */
#hobby .section01{
  padding-top: 120px;
  background: url('../img/bg12.png') center top / contain no-repeat;
  height: 950px;
  position: relative;
}
.bg_wp{
  background: url('../img/bg15.png') center top / contain no-repeat;
}
.recom_sec{
  padding: 94px 0 126px;
  margin: 0 auto;
}
.recom_sec ul{
  width: 588px;
  margin: 50px auto 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.recom_sec li{
  display: flex;
  padding: 25px 0;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #aaa;
  font-weight: 400;
  border-radius: 10px;
  border: 2px solid #fff;
  background: rgba(21, 31, 40, 0.80);
  box-shadow: 4px 5px 24px 0px rgba(0, 0, 0, 0.50), 0px 4px 4px 0px rgba(0, 0, 0, 0.50) inset;
}
.recom_sec.ee_recom_sec li{
	border: 2px solid transparent;
	background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #fff 0%, #7FDDD4 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
	padding: 0;
	overflow: hidden;
}
.recom_sec.ee_recom_sec li .in{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 25px 0;
	width: 100%;
	height: auto;
	margin-right: 0;
	background: rgba(21, 31, 40, 0.80);
}
.recom_sec.ee_recom_sec li::after{
	
}
.recom_sec li div{
  width: 17px;
  height: 12px;
  margin-right: 12px;
}
.recom_sec li div img{
  width: 100%;
  height: 100%;
}
.recom_sec li span{
  color: #fff;
  font-weight: 800;
}
/* pass_review */
#hobby .pass_review{
  margin-top: 56px;
}
/* learn section */
.learn_sec{
  width: 1200px;
  margin: 0 auto 200px;
}
.learn_box:first-of-type{
  margin: 48px 0 98px;
}
.learn_box h3{
  width: 240px;
  height: 40px;
  margin: 0 auto 42px;
}
.learn_box h3 img{
  width: 100%;
  height: 100%;
}
.learn_wp{
  display: flex;
  flex-wrap: wrap;
  gap: 50px 24px;
}
.learn_wp li{
  width: 384px;
}
.learn_wp li .cont_img{
  width: 100%;
  height: 280px;
  margin-bottom: 30px;
}
.learn_wp li .cont_txt span{
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.1em;
}
.learn_wp li .cont_txt p{
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  color: #ccc;
}
.learn_wp li .cont_txt ul{
  position: relative;
  left: 27px;
}
.learn_wp li .cont_txt ul li{
  color: #CCC;
  font-family: "NanumSquare Neo";
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.64px;
  list-style: disc;
}
/* choice section */
.choice_sec{
  margin-bottom: 66px;
}
.choice_cont{
  margin-top: 78px;
  background: url('../img/bg05.png') center top 80px / contain no-repeat;
}
.choice_top{
  width: 793px;
  margin: 0 auto;
}
.choice_top h3{
  margin-bottom: 65px;
  padding: 23px 0;
  font-size: 26px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  background: url('../img/square_frame02.png') center / contain no-repeat;
}
.on_off_class{
  margin-bottom: 120px;
  display: flex;
  justify-content: space-between;
}
.on_off_class > div{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 384px;
  height: 384px;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  line-height: 1.6;
}
.on_off_class div span{
  display: block;
  margin-top: 5px;
  font-size: 30px;
  font-weight: 800;
}
.on_off_class div.online{
  border: 2px solid rgba(255, 255, 255, 0.20);
  background: linear-gradient(180deg, rgba(255, 200, 0, 0.20) 0%, rgba(0, 0, 0, 0.00) 100%), rgba(21, 31, 40, 0.80);
}
.on_off_class div.online span{
  color: #FFC800;
}
.on_off_class div.offline{
  border: 2px solid rgba(255, 255, 255, 0.20);
  background: linear-gradient(180deg, rgba(0, 154, 234, 0.20) 0%, rgba(0, 0, 0, 0.00) 100%), rgba(21, 31, 40, 0.80);
}
.on_off_class div.offline span{
  color: #009AEA;
}
.on_off_class .cont_img{
  margin-top: 15px;
}
.choice_bot{
  width: 996px;
  margin: 0 auto;
}
.choice_bot h3{
  margin-bottom: 38px;
  font-size: 40px;
  font-weight: 800;
  text-align: center;
  color: #fff;
}
.discord{
  margin-bottom: 64px;
}
.discord .cont_img{
  width: 784px;
  height: 511px;
  margin: 0 auto 18px;
}
.choice_wp{
  margin-bottom: 64px;
} 
.choice_wp + p{
  font-size: 20px;
  line-height: 1.7;
  text-align: center;
  color: #aaa;
}
/* class inform section */
.class_inform{
  padding: 190px 0 50px;
  background: url('../img/bg13.png') center / contain no-repeat;
}
.job_uiux .class_inform{
  padding: 0px 0 50px;
}
.class_inform div{
  margin: 37px auto 52px;
  width: 788px;
  height: 384px;
}
.class_inform div img:last-of-type{
  display: none;
}
.class_inform button{
  display: block;
  margin: 0 auto;
  width: 384px;
  height: 70px;
  font-size: 20px;
  font-weight: 800;
  color: #151F28;
  border-radius: 10px;
  background: #FFC800;
  box-shadow: 2.29px 2.29px 1.145px 0px #FFF1BD inset;
}
.class_inform .gr_greenblue{
  background: linear-gradient(92deg, #07D0BD 0%, #0EADFF 100%);
  box-shadow: 2px 2px 1px 0px #FFF inset;
  color: #FFF;
}
/* invite section */
.invite_sec{
  padding: 205px 0;
  background: url('../img/bg14.png') center / contain no-repeat;
}
.invite_sec p{
  font-size: 48px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.5;
}
.invite_sec.ee_invite_sec p{
	font-family: "Wolyeonggyo";
	font-weight: 400;
}

/* FAQ section */
.sec_faq{
  padding: 150px 0 192px;
  background: url('../img/bg07.png') center / cover no-repeat;
  /* background-attachment: fixed; */
  height: 1017px;
}

.ee_sec_faq{
  position: relative;
}
.ee_sec_faq::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 230px;
  background: linear-gradient(0deg, rgba(20, 30, 38, 0.00) 36.69%, #151F28 82.23%);
}
.ee_sec_faq .qa_wp{
	position: relative;
	z-index: 1;
}
.qa_wp{
  width: 792px;
  margin: 60px auto 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.qa_wp li{
  padding: 18px 40px;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  border-radius: 10px; 
  border: 2px solid rgba(255, 255, 255, 0.20);
  background: #243847;
  cursor: pointer;
  background: url('../img/qa_ico.svg') top 25px right 40px / 12px no-repeat;
}
.qa_wp li.active{
  color: #009aea;
  background: url('../img/qa_ico_on.svg') top 25px right 40px / 12px no-repeat;
}
.qa_wp .answer{
  display: none;
  margin-top: 24px;
  font-size: 18px;
  font-weight: 700;
  color: #aaa;
  line-height: 1.7;
}
@font-face {
  font-family: 'NEXON Lv2 Gothic';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.Portfolio_is {
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0px auto 0px;
  padding: 42px 0 160px;
  background: url('../img/bg16.png') center / 1600px no-repeat;
}
.Portfolio_is h2{
  font-size: 48px;
  font-weight: 400;
  line-height: 65px;
  text-align: center;
  color: #FFF;
  margin-bottom: 54px;
  font-family: "Wolyeonggyo";
}
.Portfolio_is h2 span{
  color: #FFC800;
  font-size: 24px;
  font-family: "Wolyeonggyo";
}
.Portfolio_is .cont_wp{
  width: 1014px;
  margin: 0px auto 18px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
 
} 
.Portfolio_is .cont_wp .cont{
  position: relative;
  width: calc(25% - 10px);
  height: 190px;
  border-radius: 23px;
  background: rgba(31, 49, 53, 0.78);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Portfolio_is .cont_wp .cont::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 23px; 
  padding: 2px;
  background: linear-gradient(to right, #07D0BD, #009AEA);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
}
.Portfolio_is .cont_wp .cont p{
  color: #fff;
  text-align: center;
  font-size: 22px;
  font-weight: 800;
  line-height: 160%;
  margin-top: 14px;
}
.Portfolio_is .cont_wp .cont .cont_img{
  display: flex;
  justify-content: center;
}
.Portfolio_is .cont_wp .cont .cont_img img{
  height: 96px;
}
.Portfolio_is .qc_wp{
  width: 1014px;
  margin: 0px auto 18px;
  padding: 40px 0px 30px;
  border: 2px solid #07D0BD;
  border-radius: 23px;
  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{
  align-self: center;
}
.Portfolio_is .qc_wp .qc_img img{
  width: 105px;
}
.Portfolio_is .qc_wp p{
  text-align: center;
  font-size: 22px;
  line-height: 300%;
  color: #fff;
  font-weight: 800;
}
.Portfolio_is .qc_wp p::after{
  content: '';
  display: inline-block;
  transform: translateY(25%);
  width: 30px;
  height: 30px;
  margin-left: 6px;
  background: url('../img/greecheck.png') center / cover no-repeat;
}
.class_page .section03 .slide_img.story10 {
  width: 530px;
}
.class_page .section03 .slide_img.story11 {
  width: 610px;
}
.class_page .section03 .slide_img.story12 {
  width: 515px;
}
#entrance_illust .flow_bnr.one_line{
  height: 308px;
}
.portfolio_quality h2{
  color: #FFF;
  text-align: center;
  font-family: "Wolyeonggyo";
  font-size: 48px;
  font-weight: 400;
  line-height:  135.417%;
  margin-bottom: 21px;
}
.portfolio_quality h2 span{
  background: linear-gradient(91deg, #07D0BD 20.32%, #0EADFF 80.34%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Wolyeonggyo";
  font-size: 48px;
  font-weight: 400;
}
.portfolio_quality h2 img{
  width: 64px;
  transform: rotate(-19.988deg);
  position: relative;
  bottom: -10px;
}
.portfolio_quality h3{
  color: #AAA;
  text-align: center;
  font-family: "NanumSquare Neo";
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 75px;
}
.entrance_knowhow{
  background: url('../img/bg17.png') center / cover no-repeat;
  height: 740px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.entrance_knowhow h2{
  color: #FFF;
  text-align: center;
  font-family: "NanumSquare Neo OTF";
  font-size: 56px;
  font-weight: 400;
  line-height: 146.429%;
  letter-spacing: -1.68px;
}
.entrance_knowhow h2 span{
  color: #FFC800;
  font-weight: 700;
}
.interview_merits{
  background: url('../img/bg18.png') center / cover no-repeat;
}
.interview_merits .inner h1{
  color: #FFF;
  text-align: center;
  font-family: "Wolyeonggyo";
  font-size: 48px;
  font-weight: 400;
  line-height: 65px;
  letter-spacing: -1.92px;
}
.interview_merits h1 span{
  color: #FFC800;
  font-family: "Wolyeonggyo";
  font-size: 24px;
}
.interview_merits ul li h2{
  color: #FFF;
  font-family: "NanumSquare Neo";
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
}
.interview_merits ul li h2 p{
  background: linear-gradient(98deg, #00EDDD 12.07%, #0EADFF 94.1%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 41px;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: -1.48px;
  margin-top: calc(100vw*(5/360));
}
.interview_merits ul li{display:flex;justify-content:space-between;align-items:center; position: relative;width:calc((100% - 10px) / 2);padding: 30px 60px 40px 50px;background: rgba(23, 33, 39, 0.7);transition:background .3s;border-radius: 12px;}
.interview_merits ul li img{height:100px;width: auto;}
.interview_merits ul li img.graph{
  position: absolute;
  bottom: 0px;
  right: 70px;
  height: 90%;
}
#entrance_illust .section04 h2 {
  margin-bottom: 40px;
}
#entrance_illust .section04 .interview_list{
  display: flex;
  justify-content: center;
}
#entrance_illust .section04 .interview_list iframe{
  width: 792px;
  height: 446px;
}
.entrance_illust .section09{
  padding-top: 160px;
  margin-bottom: 126px;
}
.entrance_ani .interview_merits{
  padding-top: 0px;
}
.portfolio_bg{
  background: url('../img/bg21.png') center /cover no-repeat;
  height: 300px;
}
.ent_ani{
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.ent_ani .ani_big{
  width: 1195px;
  height: 659px;
  border-radius: 30px;
  margin: 0 auto;
  margin-top: 63px;
}
.ent_ani .cont_img{
  width: 1195px;
  margin: 0 auto;
  margin-top: 31px;
  margin-bottom: 166px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.ent_ani .cont_img > .ent_ani02{
  width: 282px;
  height: 159px;
  border-radius: 1px;
  overflow: hidden;
  position: relative;
}
.ent_ani .cont_img > .ent_ani02 img{
  width: 100%;
  height: 100%;
}
.ent_ani .block{
  width: 1195px;
  margin: 0 auto;
  position: relative;
}
.ent_ani .swiper{
  width: 100%;
  position: relative;
  overflow: hidden;
}
.ent_ani .swiper-button-prev{
  position: absolute;
  margin-left: -650px;
  top: 125px;
  left: 50%;
  background: url('../img/nav_prev.png') center / contain no-repeat;
}
.ent_ani .swiper-button-next{
  position: absolute;
  top: 125px;
  left: auto;
  right: -100px;
  background: url('../img/nav_next.png') center / contain no-repeat;
}
.student_portfolio{
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 180px;
  padding-top: 65px;
}
.student_portfolio h2{
  margin-bottom: 60px;
}
.swiper_student_pf{
  width: 100%;
}
.swiper_student_pf .swiper-slide{
  width: 30%;
}
.swiper_student_pf .swiper-slide .cont{
  width: 374px;
}
.swiper_student_pf .swiper-slide .cont img{
  width: 374px;
  height: 240px;
  margin-bottom: 34px;
  border-radius: 12px;
  object-fit: cover;
}
.jw_st_interview{
  margin: 0 auto;
  width: 580px;
  height: 74px;
  border-radius: 19px;
  border: 2px solid #556370;
  background: rgba(34, 53, 68, 0.50);
  backdrop-filter: blur(9.448587417602539px);
  overflow: hidden;
  margin-bottom: 90px;
}
.jw_st_interview li > a{
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: space-between;
  padding: 15px 30px;
  color: #FFF;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.8px;
  align-items: center;
  white-space: nowrap;
}
.wt_sec2_wrap{
  position: relative;
   margin-bottom: 115px;
}
.wt_sec2_slide{
  width: 1000px;
  height: auto;
  margin: 0 auto;
 
  position: relative;
}
.wt_sec2_list{
  display: flex;
  flex-direction: row;
}
.wt_sec2_list > li{
  position: relative;
  width: 315px;
  height: 482px;
}
.wt_sec2_list li .cont_img{
  width: 100%;
  height: 100%;
}
.wt_sec2_list li .cont_img img{
  width: 100%;
  height: 100%;
}
.wt_sec2_list li .wt_list_cont{
  position: absolute;
  bottom: 30px;
  left: 20px;
  display: flex;
  flex-direction: column;
}
.wt_sec2_list li .wt_list_cont .wt_list_tag{
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  gap: 6px;
}
.wt_sec2_list li .wt_list_cont .wt_list_tag li{
  border-radius: 7px;
  background: #252D38;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: 800;
  padding:7px 10px;
}
.wt_sec2_list li .wt_list_cont .wt_list_tag li:nth-child(1){
  border-radius: 7px;
  border: 1px solid #FFF;
  background: #FFF;
  color: #252D38;
}
.wt_sec2_list li .wt_list_cont .wt_list_tag li.kakao{
  border: 1px solid #FFC800;
  color: #FFC800;
  background: #252D38;
}
.wt_sec2_list li .wt_list_cont .wt_list_tag li.naver{
  border: 1px solid #00D564;
  color: #00D564;
  background: #252D38;
}
.wt_sec2_list li .wt_list_cont p{
  color: #FFF;
  font-size: 27px;
  font-weight: 600;
  margin-bottom: 25px;
}
.wt_sec2_list li .wt_list_cont small{
  color: #FFF;
  font-size: 15px;
  font-weight: 400;
}
.class_page .wt_sec2_wrap .swiper-button-next.sect2,
.class_page .wt_sec2_wrap .swiper-button-prev.sect2{
  position: absolute;
  top: 50%;
  
}
.class_page .wt_sec2_wrap .swiper-button-prev.sect2{
  transform: translateX(-570px);
}
.class_page .wt_sec2_wrap .swiper-button-next.sect2{
  transform: translateX(520px) rotate(180deg);
}
.focus_class{
  margin-bottom: 135px;
}
.focus_class div{
  position: relative;
  width: 996px;
  margin: 0 auto;
  margin-top: 65px;
}
.focus_class div > img{
  width: 100%;
  height: 100%;
}
.focus_class div > img:nth-child(1){
  display: block;
}
.focus_class div > img:nth-child(2){
  display: none;
}
.focus_class div > button{
  position: absolute;
  bottom: 50px;
  left: 35px;
  width: 200px;
  height: 50px;
  border-radius: 200px;
  border: 1.8px solid rgba(255, 255, 255, 0.15);
  color: #07D0BD;
  font-size: 16px;
  font-weight: 800;
  background: #FFF;
} 
.class_features{
  width: 100%;
  margin-bottom: 135px;
}
.class_features ul{
  margin: 0 auto;
  margin-top: 65px;
  width: 800px;
  height: 800px;
  overflow: hidden;
  border-radius: 27px;
}
.class_features ul li{
  width: 100%;
  height: 150px;
  position: relative;
  margin-top: -20px;
  transition: height 0.5s ease;
  border-radius: 27px 27px 0 0;
  box-shadow: 0px -3.883px 5.547px 0px rgba(0, 0, 0, 0.11);
}
.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/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/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/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/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/Wt_sec4_list05.png') top center / cover no-repeat;
}
.class_features ul li > p{
  position: absolute;
  top: 30%;
  left: 30px;
  color: #FFF;
  font-family: "S-Core Dream";
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -1.2px;
}
.class_features ul li > p span{
  display: none;
}
.class_features ul li > .arrow{
  position: absolute;
  right: 32px;
  top: 55px;
  transition: transform 0.5s ease;
  transform: rotate(180deg);
  width: 40px;
}
.class_features ul li:nth-child(1) > p{
  top: 15%;
}
.class_features ul li > a{
  position: absolute;
  display: none;
  top: 200px;
  font-family: "NanumSquare Neo OTF";
  left: 30px;
  color: #FFF;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -0.866px;
}
.class_features ul li.active{
  height: 300px;
}
.class_features ul li.active > .arrow{
  transition: transform 0.5s ease;
  transform: rotate(0deg);
}
.class_features ul li.active > p{
  top: 50px;
}
.class_features ul li.active > p span{
  margin-top: 15px;
  display: block;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.8px;
}
.class_features ul li.active > a{
  top: 200px;
  display: block;
  font-family: "NanumSquare Neo OTF";
  left: 30px;
  color: #FFF;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -0.866px;
}
.wt_banner{
  width: 100%;
  background: #D2EFED;
  margin-bottom: 215px;
}
.wt_banner div{
  width: 1000px;
  height: 330px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  display: block;
}
.wt_banner div > img:nth-child(1){
  position: absolute;
  width: 38%;
  left: 4%;
  top: 60px;
}
.wt_banner div > img:nth-child(2){
  position: absolute;
  width: 32%;
  right: 4%;
  top: 20px;
}
.wt_banner div button{
  position: absolute;
  top: 200px;
  left: 4%;
  width: 230px;
  height: 55px;
  border-radius: 11.654px;
  padding: 10px 20px;
  background: #FFF;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  color: #151F28;
  font-family: "NanumSquare Neo OTF";
  font-size: 23px;
  font-weight: 800;
  letter-spacing: -1px;
}
.wt_banner div button > img{
  display: inline;
  width: 25px;
}
.NanumSquareNeo{
  font-family: "NanumSquareNeo-Variable", sans-serif !important;
};
.main-sect03.wt:after {
  display: none;
}
.main-sect03.wt .swiper-bg .bg {
  position: absolute;
  top: 0;
  width: calc(52vw - 600px);
  min-width: 0;
  height: 100%;
  background: linear-gradient(90deg, #151F28 0%, rgba(21, 31, 40, 0.7) 50%, rgba(21, 31, 40, 0) 100%);
  z-index: 5;
}
.swiper-main03.wt{
  padding: 60px 0px 40px;
}
.main-sect03.wt .inner {
  margin: 0 auto;
}
.main-sect03 .control .swiper-button-next.wt{right: -50px; left:auto;width: 50px;height: 50px;transform: rotate(180deg);}
.main-sect03 .control .swiper-button-prev.wt{top:440px;left:unset;right: 675px;width: 50px;height: 50px;}
.learn_box.wt h3{
  display: none;
}
.learn_sec.wt{
  margin:0 auto 0;
}
.learn_box.wt{
  margin:48px 0 0;
}