@charset "UTF-8";
*{margin:0;padding:0;box-sizing:border-box}
ul{list-style:none;}
body{font-size:15px;font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;color:#000;line-height:1;word-break:break-all;-webkit-text-size-adjust:100%}
input,textarea,select,td,th,button{font-size:15px;font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;color:#000;vertical-align:middle;line-height:1;font-weight:400;}

header{position:fixed;left:0;top:0;z-index:100;display:flex;width:100%;height:60px;padding:0 20px;align-items:center;justify-content:space-between;transition:all .2s cubic-bezier(.215,.61,.355,1);/*transition:all .2s ease*/}
header .logo{display:inline-block;width:58px;height:44px;background:url('https://pic.neungyule.com/neteacher/m/2022/index/ci_ne.svg') no-repeat 50% 0 / 100% auto;text-indent:-9999px;}
header .logo.primary{background-position:50% 50%}
header .logo a{display:block;height:100%}
header.light{background:#fff;border-bottom:1px solid #eee}
header.light .logo{background-position:50% 100%}
img{max-width:100%;}

/* Index */
.clear:after{display:block;clear:both;content:'';}

.ico_arr_down{display:block;width:32px;height:32px;position:fixed;left:50%;margin-left:-16px;bottom:30px;animation:bounce 2s ease-in infinite;-webkit-animation:bounce 2s ease-in infinite;z-index:3;}
.ico_arr_down svg{fill:#000;}
.ico_arr_down.white svg{fill:#fff;z-index:4;}

.txt_box{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;text-align:center;}

/* header */
.header{position:fixed;top:0;left:0;z-index:1000;width:100%;height:140px;padding:0 50px;display:flex;align-items:center;justify-content:space-between;background:rgba(12, 32, 67, .5);border-bottom:1px solid rgba(255, 255, 255, .25);}
.header .header_logo img{display:none;}
.header .header_logo .logo1{display:block;}
.header .header_logo .logo2{display:none;}
.header_logo{width:290px}
.header_toggle{position:absolute;right:36px;top:36px;z-index:10001;width:60px;height:60px;flex-direction:column;gap:16px;background:none;border:none;cursor:pointer;}
.header_toggle span{position:absolute;left:50%;display:block;width:36px;height:4px;background-color:#fff;transform:translateX(-50%);transition:all 0.3s ease;}
.header_toggle span:first-child{top:16px;}
.header_toggle span:nth-child(2){top:36px;}
.header_toggle.active span:first-child{top:30px;transform:translateX(-50%) rotate(45deg)}
.header_toggle.active span:nth-child(2){top:30px;transform:translateX(-50%) rotate(-45deg)}
.header .gnb{overflow-y:auto;position:fixed;top:0;right:-100%;width:100%;height:100%;z-index:1001;display:flex;flex-direction:column;background-color:#0C2043;transition:right 0.3s ease-in-out;}
.header .gnb.open{right:0;}
.header .gnb .nav_menu{display:flex;flex-direction:column;padding:200px 0 100px 0;}
.header .gnb .nav_menu li a{display:block;padding:44px 50px;font-size:44px;line-height:52px;color:#fff;}
.header .gnb .nav_menu li a.point{color:#7598DB;font-weight:700}
.header .bnr{position:relative;display:flex;height:140px;align-items:center;flex-shrink:0;padding:0 40px;margin-top:auto;color:#fff;font-size:32px;font-weight:700;background:rgb(14,113,223);background:linear-gradient(135deg, #FFE740 15.28%, #94E261 61%);}


.header.active{background:rgba(255,255,255,1);}
.header.active .header_toggle span{background-color:#000;}
.header.active .header_toggle.active span{background-color:#fff;}
.header.active .header_logo .logo1{display:none;}
.header.active .header_logo .logo2{display:block;}

/* .wrap{padding-top:100vh;} */
.wrap > section{width:100%;min-height:100vh;box-sizing:border-box;position:relative;z-index:2;}
section.intro{overflow:hidden;height:100vh;z-index:1;background:#000;/*position:fixed;top:0;left:0;*/}
.intro .video_box{position:absolute;width:100%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;}
.intro video{position:relative;width:100%;height:auto;/*top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;*/}
.intro .btn_play{opacity:0.5;position:absolute;left:0;top:0;z-index:1;text-indent:-9999px;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:transparent}
.intro .btn_play:after{content:'';display:inline-block;width:15%;height:0;padding-bottom:15%;background:url('https://pic.neungyule.com/neteacher/m/2022/index/btn_play.svg') no-repeat 50% 50% / 100% auto;}
.wrap .txt_typo, .wrap .ne_future{background:#fff;}

.bg_heading{width:100%;height:100vh;background:#000;overflow:hidden;position:absolute;top:0;left:0;}
.bg_heading video{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;pointer-events:none;}
.bg_heading.fixed{position:fixed;top:0;left:0}
.bg_heading.bottom{position:absolute;top:unset;bottom:0;}

.heading_box{position:relative;width:100%;height:100vh;}
.heading_box .txt_box{font-size:36px;color:#fff;line-height:1.38;gap:9px;}
.heading_box .txt_box p strong{font-weight:900;}

.desc_box .txt_box{}
.desc_box .front, .desc_box .back{position:relative;width:100%;height:100vh;}
.desc_box .back{height:auto; padding-bottom: 25px;}
.desc_box .front{font-size:30px;line-height:1.2;font-weight:900;background:#fff;color:#182E55}
.desc_box.ne_why .front {font-size: clamp(28px, 8.82vw, 30px)}
.desc_box .front .title {font-size:70px; line-height: 1.2;margin-bottom:10px;}
.desc_box .front span{color:#C7C7C7;}
.desc_box .back{background-color:#0C2043;box-sizing:border-box;}
.desc_box .back:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-size:100% auto;background-repeat:no-repeat;background-position:center bottom;animation:zoom-a 3.8s linear infinite alternate;-webkit-animation:zoom-a 3.8s linear infinite alternate;z-index:1;}
.desc_box.ne_why .back:before{background-image:url(https://pic.neungyule.com/neteacher/m/aidt/index/bg_why.png);background-position:0 0;}
.desc_box.ne_how .back:before{background-image:url(https://pic.neungyule.com/neteacher/m/aidt/index/bg_how.png);background-position:0 0;}
.desc_box.ne_what .back:before{background-image:url(https://pic.neungyule.com/neteacher/m/aidt/index/bg_what.png);background-position:0 0;}

.desc_wrap{width:100%;height:100%;position:relative;z-index:2;}
.desc_box .desc_top{width:100%;margin:0 auto;padding:60px 20px 30px 20px;}
.desc_box .desc_top .title span{font-size:54px;font-weight:900;color:#fff;/*position:absolute;top:-13px;left:-20px;*/}
.desc_box .desc_top .title p{display:inline-block;font-size:18px;line-height:28px;font-weight:700;color:#fff;background:#000;padding:0 8px;position:relative;z-index:2;}

.desc_box .desc_cont{overflow:hidden;}
.desc_box .txt_box p {letter-spacing:-1.2px;}
.desc_box .txt_box p.title{font-size:clamp(66px, 20.59vw, 70px);letter-spacing:-3.5px;}
.desc_box .desc_cont .desc_number{padding:0 20px;margin:0 0 14px;}
.desc_box .desc_cont .desc_number p{letter-spacing:-.03em;font-weight:600;position:relative;padding-left:25px;}
.desc_box .desc_cont .desc_number em{display:inline-flex;width:20px;height:20px;background:#94E360;border-radius:50%;font-size:14px;color:#182E55;margin-right:5px;justify-content:center;align-items:center;position:absolute;top:1px;left:0;}
.desc_box .desc_cont .desc_number span{font-size:16px;line-height:1.375;color:#fff;word-break:keep-all;}

.desc_slide .swiper-slide .num_list li{position:relative;font-size:14px;font-weight:500;line-height:1.28;padding-left:21px;word-break:keep-all;}
.desc_slide .swiper-slide .num_list li+li{margin-top:10px;}
.desc_slide .swiper-slide .num_list li span{display:inline-flex;justify-content:center;align-items:center;width:16px;height:16px;background:#000;color:#fff;font-size:12px;font-weight:700;border-radius:50%;position:absolute;top:0;left:0;}

.desc_slide_wrapper{width:100%;overflow:hidden;margin:0 0 25px}
/* .desc_slide{overflow:hidden;} */
.desc_slide{padding:0 20px;}
.desc_slide .swiper-slide{width:100%;height:auto;min-height:260px;box-sizing:border-box;padding:20px 0;border-radius:5px;background:#fff;text-align:center;border:1px solid #fff;letter-spacing:-.03em;overflow:hidden;}
.desc_slide .swiper-slide p {padding: 0 5px;}
.desc_slide .swiper-slide .label{font-size:clamp(11.78px, 3.58vw, 14px);color:#828282;margin:0 0 10px;line-height:1.3;}
.desc_slide .swiper-slide .label.f_sm{font-size: clamp(9.7px, 3.06vw, 11px);}
.desc_slide .swiper-slide .title{font-size:18px;font-weight:700;margin:0 0 20px;color:#182E55;}
.desc_slide .swiper-slide .sub{font-size:9px;color:#828282;margin:9px 0 0;}
.desc_slide .swiper-slide .img_box{text-align:center; padding: 0 20px;}
.desc_slide .swiper-slide .img_box.p_sm{padding: 0 10px;}
.desc_slide .swiper-slide .video_box{width:100%;height:100%;background:#000;overflow:hidden;}
.desc_slide .swiper-slide .video_box.has_text{height:auto;border-radius:5px;}
.desc_slide .swiper-slide .video_box video{width:100%;height:100%;}
.desc_slide .swiper-slide.include_video{padding:0;}

.desc_pagination_wrap{padding:15px 20px 10px;}
.desc_pagination{position:relative;width:100%;height:4px;border-radius:10px;background:rgba(255, 255, 255, .2);box-sizing:border-box;}
.desc_pagination .swiper-scrollbar-drag{background:#D4E4FF;}

.ne_future .txt_box{gap:8px;font-size:44px;line-height:1.2;font-weight:900;color:#0C2043}
.ne_future .txt_box span{color:#C7C7C7;}

.ne_time{background-color:#0C2043;position:relative;}
.ne_time .txt_box{gap:8px;font-size:clamp(39px, 12.22vw, 44px);line-height:1.2;font-weight:900;color:#fff;}
.ne_time .txt_box .sub{font-size:20px;line-height:1.45;font-weight:500;margin-bottom:15px;text-align:center;}
.ne_time .txt_box .sub:before, .ne_time .txt_box .sub:after{content:'';position:relative;top:2px;display:inline-block;width:19px;height:19px;background:url(https://pic.neungyule.com/neteacher/m/aidt/index/ico_dia.svg) no-repeat 0 0 / 19px 19px;margin:0 10px;}
.ne_time .last{width:100%;font-size:12px;font-weight:500;color:#fff;opacity:0.5;position:absolute;bottom:60px;text-align:center;}
.ne_time .last p+p{margin-top:5px;}
.ne_time .time_box{text-align:center;width:100%;/*padding:0 20px;*/letter-spacing: 0.06em;}
.ne_time .time_box .row{display:flex;justify-content:center;}
.ne_time .time_box .count_box{display:flex;/*width:50%;*/}
.ne_time .time_box .count_box .item{display:flex;justify-content:flex-end;text-align:right;background-image:linear-gradient(100deg, rgb(254, 231, 64) 12%, rgb(162, 228, 92) 90%);;background-repeat:no-repeat;background-size:100% 100%;background-position:center;background-clip:text;-webkit-background-clip:text;color:transparent;}
.ne_time .time_box .count_box:nth-child(1){justify-content:flex-end;margin-right:24px;}
.ne_time .bnr_ping{margin:110px 20px 0;}

.float_notification{width:100%;padding:0 10px;position:fixed;left:0;bottom:calc(10px + env(safe-area-inset-bottom));z-index:9;text-align:right;display:none;}
.float_notification .notification{display:flex;width:100%;padding:8px 18px;background:rgba(0,0,0,.70);border-radius:5px;align-items:center;gap:6px;}
.float_notification .notification:before{content:'';display:inline-block;width:28px;height:28px;background:url(https://pic.neungyule.com/neteacher/m/aidt/index/ico_finger.svg) no-repeat 0 0 / 100% 100%;}
.float_notification .notification p{letter-spacing:-.03em;font-size:clamp(10px, 3.1vw, 13px);color:#fff;}

.btn_top{position:fixed;right:10px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:100;display:none;width:36px;height:36px;box-sizing:border-box;background:rgba(255,255,255,.78) url(https://pic.neungyule.com/neteacher/m/aidt/index/ico_arr_top.svg) no-repeat 0 0 / 100% 100%;border:1px solid #F2F2F2;border-radius:50%;transition:bottom .2s ease}
.btn_top.active{bottom:calc(60px + env(safe-area-inset-bottom));}

/* css animation */
@keyframes bounce{
    0%, 100% {transform:translateY(-50%);}
    50% {transform:translateY(0);}
}
@-webkit-keyframes bounce{
    0%, 100% {-webkit-transform:translateY(-50%);}
    50% {-webkit-transform:translateY(0);}
}
@keyframes zoom-a {
	0% {background-size:100% 100%;}
	100% {background-size:200% 100%;}
}
@-webkit-keyframes zoom-a {
	0% {-webkit-background-size:100% 100%;}
	100% {-webkit-background-size:200% 100%;}
}

.masked_wrap{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.maseked1{position:relative;display:inline-block;width:22.22%;height:18.33vw;background:url('https://pic.neungyule.com/neteacher/m/aidt/index/txt_grd1.png') no-repeat center center;background-size:100% 100%;mask:url('https://pic.neungyule.com/neteacher/m/aidt/index/txt_teacher1.svg') no-repeat center center;mask-size:contain;-webkit-mask:url('https://pic.neungyule.com/neteacher/m/aidt/index/txt_teacher1.svg') no-repeat center center;-webkit-mask-size:contain;}
.maseked2{position:relative;width:72.22%;height:13.89vw;background:url('https://pic.neungyule.com/neteacher/m/aidt/index/txt_grd2.png') no-repeat center;background-size:100% 100%;mask:url('https://pic.neungyule.com/neteacher/m/aidt/index/txt_teacher2.svg') no-repeat center center;mask-size:cover;-webkit-mask:url('https://pic.neungyule.com/neteacher/m/aidt/index/txt_teacher2.svg') no-repeat center center;-webkit-mask-size:cover;margin:40px 0 28px;}
.maseked2 img{max-width:unset;}
.maseked3{position:relative;width:7.50%;height:13.89vw;background:url('https://pic.neungyule.com/neteacher/m/aidt/index/txt_grd3.png') no-repeat center center;background-size:100% 100%;mask:url('https://pic.neungyule.com/neteacher/m/aidt/index/txt_teacher3.svg') no-repeat center center;mask-size:cover;-webkit-mask:url('https://pic.neungyule.com/neteacher/m/aidt/index/txt_teacher3.svg') no-repeat center center;-webkit-mask-size:cover;}

@media screen and (min-width:720px){
	.maseked1{width:11.11%;height:9.165vw;}
	.maseked2{width:36.11%;height:6.945vw;}
	.maseked3{width:3.75%;height:6.945vw;}
}


/* 2차 CSS 추가 */
.txt_typo .masked_wrap{gap:40px;}
.txt_typo .mask_txt{background-repeat:no-repeat;background-size:100% 100%;background-position:center;background-clip:text;-webkit-background-clip:text;color:transparent;font-size:70px;font-weight:900;display:flex;letter-spacing:-0.02em;}
.txt_typo .mask_txt.mask1{background-image:url(https://pic.neungyule.com/neteacher/m/aidt/index/txt_grd1.png);}
.txt_typo .mask_txt.mask2{background-image:url(https://pic.neungyule.com/neteacher/m/aidt/index/txt_grd2.png);}
.txt_typo .mask_txt.cursor{background-image:url(https://pic.neungyule.com/neteacher/m/aidt/index/txt_grd3.png);}
.txt_typo .cursor{background-image:url(https://pic.neungyule.com/neteacher/m/aidt/index/txt_grd3.png);background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;color:transparent;font-size:70px;font-weight:900;display:flex;letter-spacing:-0.02em;}

.txt_typo .cursor {
    position:absolute;
    visibility:hidden;
    background-color:black;
    animation:blink 0.5s step-end infinite;
    visibility:hidden; /* 초기에는 숨김 */
    background-repeat:no-repeat;background-size:100% 100%;background-position:center;background-clip:text;-webkit-background-clip:text;color:transparent;font-size:70px;font-weight:900;display:flex;letter-spacing:-0.02em;
}

.ne_textbook{text-align:center;background:#0C2043 url('https://pic.neungyule.com/neteacher/m/aidt/index/bg_ne_textbook.png') no-repeat 50% 0 / 100% auto;padding:33.33vw 0 60px;}
.ne_textbook h3{font-size:38px;color:#94E360;letter-spacing:-0.03em;line-height:1.29;font-weight:700;margin:0 0 5px;}
.ne_textbook h3 span{display:block;margin-bottom:10px;font-size:16px;font-weight:500;color:#fff;letter-spacing:-0.02em;}
.ne_textbook .item .img_box{max-width:720px;margin:0 auto;padding: 0 30px;}
.ne_textbook .item .title{margin:10px 0 30px;font-size:26px;letter-spacing:-0.03em;color:#FFE740;font-weight:700;}
.ne_textbook .item .btn_box{display:flex;flex-wrap:wrap;gap:10px 8px;width:calc(100% - 40px);margin:35px auto 10px;}
.ne_textbook .item .btn_box a{display:block;width:100%;border:1px solid #D9E6FF;border-radius:10px;font-size:16px;height:60px;line-height:1.25;align-content:center;letter-spacing:0;font-weight:500;color:#fff;}
.ne_textbook .item .btn_box a.type2{display:inline-block;width:calc(50% - 4px);}
.ne_textbook .item .btn_box a.type3{width:100%;background-color:#D4E4FF;color:#182E55;font-weight:600;font-size:16px;}
.ne_textbook .item .btn_box a.type4{width:calc(50% - 4px);background-color:#D4E4FF;color:#182E55;font-weight:600;font-size:16px;}
.ne_textbook .item .btn_box a.type5{width:calc(50% - 4px);background-color:#fff;color:#182E55;font-weight:600;font-size:16px;}
.ne_textbook .item .sub_tit{color:rgba(255, 255, 255, .7);font-size:14px;text-align:center;}

.ne_textbook .last .sub{font-size:12px;line-height:1.45;font-weight:500;text-align:center;color:#fff;opacity:0.5;margin:120px 0 0;}

@keyframes blink {
    50% {
        visibility: hidden;
    }
}

#bgHeadingVideo::-webkit-media-controls{display:none !important;}
.btn_guide{position:fixed;right:0;top:14px;z-index:1000;display:inline-block;width:107px;height:77px;background:url('https://pic.neungyule.com/neteacher/m/aidt/index/bnr_floating.png') no-repeat 50% 50% / 100% auto;text-indent:-9999px;display:none;}

@media screen and (max-width:720px){
	.btn_comm{height:16.67vw;border-radius:2.78vw;}
	.btn_comm span{font-size:5vw;}
	.btn_comm span:after{width:6.67vw;height:3.61vw;margin-left:2.78vw;}

    .header{height:19.44vw;padding:0 6.94vw;}
	.header_logo{width:44.72vw;}
	.header_toggle{right:5vw;top:5vw;width:8.33vw;height:8.33vw;gap:2.22vw;}
	.header_toggle span{width:5vw;height:0.56vw;}
	.header_toggle span:first-child{top:2.22vw;}
	.header_toggle span:nth-child(2){top:5vw;}
	.header_toggle.active span:first-child{top:4.17vw;}
	.header_toggle.active span:nth-child(2){top:4.17vw;}
	.header .gnb .nav_menu{padding:19.44vw 0 13.89vw 0;}
	.header .gnb .nav_menu li a{padding:6.81vw 6.94vw;font-size:6.11vw;line-height:7.22vw;}
	.header .bnr{height:19.44vw;padding:0 6.56vw;font-size:4.44vw;}
	.header .bnr:after{right:5.56vw;bottom:1.39vw;width:27.22vw;height:23.61vw;}
}