@charset "UTF-8";
/* Reset */
*{margin:0;padding:0;box-sizing:border-box}
ul{list-style:none;}
body{width:100%;min-width:1440px;height:100%;margin:0 auto;padding:0;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;}
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;}
em{font-style:normal;}

/* 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;}

/* header */
.header{position:fixed;top:0;left:0;width:100%;background:rgba(12, 32, 67, .35);border-bottom:1px solid #3A5077;z-index:100}
.header .logo a .logo1{display:none;}
.header .logo a .logo2{display:block;}
.header .header_container{max-width:1440px;min-width:1220px;margin:0 auto;height:80px;display:flex;align-items:center;justify-content:space-between}
.header .header_container .logo{height:42px}
.header .header_container .logo img{height:100%}
.header .header_nav .nav_menu{display:flex;gap:69px;align-items:center;}
.header .header_nav .nav_menu li{position:relative}
.header .header_nav .nav_menu li.active:after{content:'';position:absolute;left:-7px;bottom:-2px;z-index:-1;display:block;width:calc(100% + 14px);height:10px;background:#7598DB}
.header .header_nav .nav_menu li a{display:block;font-size:18px;color:#fff;font-weight:500}
.header .header_nav .nav_menu li:not(.type2) a:hover:after{content:'';position:absolute;left:-7px;bottom:-1px;z-index:-1;display:block;width:calc(100% + 14px);height:10px;background:#7598DB}
.header .header_nav .nav_menu li.active a{font-weight:800;}
.header .header_nav .nav_menu li.type2 a{height:45px;line-height:45px;border-radius:45px;background:#D4E4FF;padding:0 34px;color:#0C2043;font-size:15px;font-weight:700;}

.header.active{border-bottom:1px solid #3A5077;}
.header.active .header_nav .nav_menu li:not(.type2) a{color:#fff}

/* section별 css */
.wrap > section{width:100%;min-height:100vh;box-sizing:border-box;position:relative;z-index:2;}
.section2{overflow:hidden;position:relative;height:400vh}
.section3, .section4, .section5{background:#fff;}
.wrap .txt_typo, .wrap .ne_future{background:#fff;}

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

/* Section8 */
.ne_easy{padding:155px 0 71px;background:#0C2043 url(https://pic.neungyule.com/neteacher/pc/aidt/index/bg_ne_textbook.png) no-repeat calc(100% + 110px) -90px;}
.ne_easy h3{font-size:100px;font-size:clamp(90px, 6.2vw, 100px);font-weight:700;letter-spacing:-0.02em;color:#fff;text-align:center;margin-bottom:70px;}
.ne_easy h3 span{display:block;margin-bottom:26px;font-size:50px;font-weight:400;letter-spacing:-0.02em;}
.ne_easy .gate_link_wrap{display:flex; justify-content: center; gap: 40px;}
.ne_easy .gate_link_wrap li {width: 380px; height: 380px;border-bottom-left-radius:90px; overflow: hidden;}
.ne_easy .gate_link_wrap li a {display: block; width: 100%; height: 100%; text-align: center; align-content: center;}
.ne_easy .gate_link_wrap li.en {background: #FFE740;}
.ne_easy .gate_link_wrap li.ma {background: #94E360;}
.ne_easy .gate_link_wrap li h4{font-size:50px;font-weight:900;color:#0C1F43;letter-spacing:0.15px;margin-top:-26px;}
.ne_easy .gate_link_wrap li h4 span{display:block;margin-bottom:2px;font-size:29px;font-weight:500;letter-spacing:0;margin-bottom:10px;}

/* Section1 */
.txt_typo #typo{background-image:linear-gradient(100deg, #FFE740 20%, #94E360 70%);background-repeat:no-repeat;background-position:center;background-clip:text;-webkit-background-clip:text;color:transparent;font-size:142px;font-weight:900;display:flex;letter-spacing:-0.02em;}
.txt_typo .chars_wrap span.cursor{background-image:linear-gradient(100deg, #FFE740 20%, #94E360 70%);background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;background-size:1000px;color:transparent;font-size:142px;font-weight:900;display:flex;letter-spacing:-0.02em;animation: blink 1s steps(1, start) infinite;}
.txt_typo .chars_wrap span:nth-child(4){margin-left:35px;}
.txt_typo .chars_wrap span:nth-child(6){margin-left:-13px;}

/* Section2 */
.bg_heading{width:100%;height:100vh;background:#0C2043;overflow:hidden;position:absolute;top:0;left:50%;transform:translateX(-50%);}
.bg_heading video{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;opacity:.7;}
.bg_heading.fixed{position:fixed;top:0;}
.bg_heading.bottom{position:absolute;top:unset;bottom:0;}
.heading_box{position:relative;width:100%;height:100vh;}

.heading_box .txt_box{font-size:86px;background-image:linear-gradient(100deg, #FFE740 36%, #94E360 63.5%);background-repeat:no-repeat;background-position:center;background-clip:text;-webkit-background-clip:text;color:transparent;line-height:110px;gap:28px;transition:font-size .6s ease;left: 50%; transform: translateX(-50%); width: fit-content; white-space: nowrap;letter-spacing:0.03em;}
.heading_box .txt_box p strong{font-weight:900;}
.txt_typo .txt_box{flex-direction:row;}

/* Section6 */
.ne_future .txt_box{font-size:100px;line-height:148px;font-weight:900;transition:font-size .6s ease;letter-spacing:-0.04em;}
.ne_future .txt_box p{color:#182E55}
.ne_future .txt_box span{color:#C7C7C7;}

/* Section7 */
.ne_time{background-color:#0C2043;padding:250px 0 200px;position:relative;}
.ne_time .txt_box{position:relative;gap:28px;font-size:113px;line-height:138px;font-weight:900;color:#fff;transition:font-size .6s ease;}
.ne_time .txt_box .sub{font-size:32px;line-height:34px;font-weight:500;margin-bottom:45px;text-align:center;}
.ne_time .txt_box .sub:before, .ne_time .txt_box .sub:after{content:'';display:inline-block;width:26px;height:26px;background:url(https://pic.neungyule.com/neteacher/pc/aidt/index/ico_dia.svg) no-repeat 0 0 / 26px 26px;margin:0 16px;}
.ne_time .last{width:100%;font-size:20px;line-height:34px;font-weight:500;color:#fff;opacity:0.5;position:absolute;bottom:70px;text-align:center;}
.ne_time .time_box{text-align:center;letter-spacing:0.06em;}
.ne_time .time_box .row{display:flex;justify-content:center;}
.ne_time .time_box .count_box{display:flex;}
.ne_time .time_box .count_box + .count_box{margin-left:56px;}
.ne_time .time_box .count_box .item{display:flex;justify-content:flex-end;/*width:182px;*/text-align:right;background-image:linear-gradient(100deg, #FEE740 12%, #A2E45C 90%);background-repeat:no-repeat;background-size:100% 100%;background-position:center;background-clip:text;-webkit-background-clip:text;color:transparent;}
.ne_time .bnr_ping{width:890px;margin:100px 10px 0;}

.footer{position:relative;z-index:100;background:#fff}

/* 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%;}
}

@media screen and (min-width:1920px) {
	.wrap > section{height:100%}
	.desc_box .back{height:100%}
}

@media screen and (max-width:1340px) {
    .heading_box .txt_box{font-size:78px;gap:18px;line-height:98px;}
    .desc_box .front{}
    .ne_future .txt_box{}
}

/* 2차 추가 CSS */
.desc_box .desc_top > p span{font-size:136px;}
.desc_box .desc_top > p{font-size:52px;}
.desc_slide .desc_item{width:800px;max-height:600px;}
.desc_box.ne_how .desc_slide .desc_item .img_box img{max-width:580px;}
.desc_box.ne_how .desc_slide .desc_item .ex{font-size:16px;margin-right:140px;}
.desc_box.ne_what .desc_slide .desc_item{padding-top:30px;}
.desc_box.ne_what .desc_slide .desc_item .num_list li{display:flex;align-items:center;min-height:32px;font-size:18px;margin-top:5px;}
.desc_box.ne_what .desc_slide .desc_item .num_list li.fz_sm{font-size:18px;}
.desc_box.ne_what .desc_slide .desc_item:nth-child(3) .num_list{margin-top:14px;}
.desc_box .back{min-height:100vh;height:auto;z-index:9;}
.desc_box .front{position:absolute;top:0;left:0;width:100%;z-index:10;}
.desc_box .front.active .txt_box{position:relative;display:block;}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}
@-webkit-keyframes blink {
    0%, 100% { -webkit-opacity: 1; }
    50% { -webkit-opacity: 0; }
}

/* .btn_guide{position:fixed;right:0;bottom:140px;z-index:1000;display:inline-block;width:170px;height:108px;background:url('https://pic.neungyule.com/neteacher/pc/aidt/index/bnr_floating_v2.png') no-repeat 50% 50%;text-indent:-9999px} */
.btn_guide{position:fixed;right:0;bottom:140px;z-index:1000;display:inline-block;width:170px;height:60px;color:#fff;font-size:18px;line-height:22px;text-align:center;font-weight:700;letter-spacing:-0.02em;padding:8px 0;background:#000;border-radius:60px 0 0 60px;}
.btn_guide span{color:#D4E4FF;}
.btn_guide:after{content:'';display:inline-block;width:78px;height:48px;background:url(https://pic.neungyule.com/neteacher/pc/aidt/index/ico_bnr_floating.png) no-repeat;position:absolute;top:-48px;left:50%;margin-left:-29px;}

.btn_top{opacity:0;position:fixed;right:65px;bottom:0;z-index:1000;display:inline-block;width:40px;height:40px;background:url('https://pic.neungyule.com/neteacher/pc/aidt/index/btn_top.png') no-repeat 50% 50%;text-indent:-9999px;transform: translateY(50px);transition: opacity 0.4s ease, transform 0.3s ease;cursor:pointer}
.btn_top.show{opacity:1;transform:translateY(-84px);}
.btn_top.hide{opacity:0;transform:translateY(84px);}