@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;}

.quick_wrap {display: none;}

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

/* Slides */
.desc_slide_wrapper{width:100%;overflow:hidden;}
.desc_slide{width:100%;max-width:1440px;margin:0 auto;}

.desc_box .txt_box{}
.desc_box .front, .desc_box .back{position:relative;width:100%;height:100vh;}
.desc_box .back{min-height:920px;opacity:0;}
.desc_box .front{font-size:70px;font-weight:900;transition:font-size .6s ease;color:#182E55;letter-spacing:-3.7px;}
.desc_box .front .title{font-size:154px;line-height:180px;margin-bottom:40px;letter-spacing:-8.4px;}
.desc_box .front p {line-height:1.28;}
.desc_box .front span{color:#C7C7C7;}
.desc_box.section3 .front .title {margin-bottom: 22px;letter-spacing:-7.4px;}
.desc_box .back{background-color:#0C2043;background-size:cover;background-repeat:no-repeat;/*padding:3.17vh 0 4.17vh;*/padding:7vh 0 6vh;box-sizing:border-box;animation:zoom-a 3.8s linear infinite alternate;-webkit-animation:zoom-a 3.8s linear infinite alternate;}
.desc_box.ne_why .back{background-image:url(https://pic.neungyule.com/neteacher/m/aidt/index/bg_why.png);background-position:left top;}
.desc_box.ne_how .back{background-image:url(https://pic.neungyule.com/neteacher/m/aidt/index/bg_how.png);background-position:right top;}
.desc_box.ne_what .back{background-image:url(https://pic.neungyule.com/neteacher/m/aidt/index/bg_what.png);background-position:right top;}
.desc_wrap{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;}
.desc_wrap{gap:40px;}
.desc_box .desc_top{width:100%;max-width:1440px;margin:0 auto;}
.desc_box .desc_top .label{font-size:22px;font-weight:500;letter-spacing:.150em;color:#fff;position:absolute;/*top:30px;*/top:104px;right:30px;writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;text-transform:uppercase;}
.desc_box .desc_top .title_box{display:flex;gap:40px;margin-top:38px;}
.desc_box .desc_top .title{font-size:40px;line-height:1.8;letter-spacing:-.03em;font-weight:700;color:#182E55}
.desc_box .desc_top .title span{font-size:110px;line-height:124px;font-weight:700;color:#fff}
.desc_box .desc_top .title p{display:inline-block;}
.desc_box .desc_top ul{padding-top:24px;}
.desc_box .desc_top ul li{font-size:22px;line-height:1.3125;font-weight:300;color:#fff;padding:0 6px;letter-spacing:-0.03em;}
.desc_box .desc_top ul li+li{margin-top:10px;}
.desc_box .desc_top ul li.on span{display:inline-block;margin:0 -8px;font-weight:700;background:#94E360;color:#182E55;padding:0 8px;transition:all .3s ease;}

.desc_slide{display:flex;flex-direction:row;}
.desc_slide .desc_item{width:1095px;height:auto;max-height:730px;margin:0 15px;padding:50px 20px;background:#EFF2F8;border-radius:20px;box-sizing:border-box;letter-spacing:-.02em;flex:1 0 auto;text-align:center;}
.desc_slide .desc_item .label {line-height: 1.36;font-size:22px;font-weight:600;color:#666;margin-bottom:10px;}
.desc_slide .desc_item .title{font-size:38px;font-weight:700;color:#182E55;letter-spacing:-0.02em;}
.desc_slide .desc_item .img_box{position: relative; text-align:center; overflow: hidden;margin-top:25px;margin-inline:auto;max-width:700px;}
.desc_slide .desc_item .img_box img {display:block;max-width:100%;}
.desc_slide .desc_item .num_list li{position:relative;font-size:24px;font-weight:700;line-height:1.3333;}
.desc_slide .desc_item .num_list li+li{margin-top:16px;}
.desc_slide .desc_item .num_list li span{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;background:#3a3a3a;color:#fff;font-size:14px;font-weight:700;border-radius:50%;position:absolute;top:3px;left:0;}
.desc_slide .desc_item .video_box{width:100%;margin-top:25px;border-radius:10px;background:#000;overflow:hidden;position:relative;padding-top:56.25%;}
.desc_slide .desc_item .video_box video{width:100%;height:100%;position:absolute;top:0;left:0;}
.desc_box.ne_why .desc_slide .desc_item .sub{font-size:16px;line-height:1.25;margin:30px 0 47px;color:#666;letter-spacing:0;}
.desc_box.ne_why .desc_slide .desc_item .img_box.why4 {overflow: initial;}
.desc_box.ne_why .desc_slide .desc_item .img_box img{/*width:77.5%;max-width:772px;*/}
.desc_box.ne_why .desc_slide .desc_item .img_box.why4 img.big {position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%) scale(0.60); opacity: 0;transition: cubic-bezier(0.22, 1, 0.36, 1) 1s; transform-origin: 0% 10%;}
.desc_box.ne_why .desc_slide .desc_item.active .img_box.why4 img.big {opacity: 1; transform: translate(-50%, -50%) scale(1.08); top: 57.2%; left: 45%;}
.desc_box.ne_why .desc_slide .desc_item .img_box.why7 img.big {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); opacity: 0;transition: cubic-bezier(0.22, 1, 0.36, 1) 1s; transform-origin: 50% 25%;}
.desc_box.ne_why .desc_slide .desc_item.active .img_box.why7 img.big {opacity: 1; transform: translate(-50%, -50%) scale(1);}
.desc_box.ne_why .desc_slide .desc_item .img_box.why8 {border: 3px solid #E2E2E2; border-radius: 10px;}
.desc_box.ne_why .desc_slide .desc_item .img_box.why8 img.scale {transition: ease .8s; transform-origin:left bottom;}
.desc_box.ne_why .desc_slide .desc_item.active .img_box.why8 img.scale {transform: scale(1.27);}

.desc_box.ne_how .desc_slide .desc_item .txt{font-size:36px;font-weight:700;margin-bottom:31px;color:#182E55}
.desc_box.ne_how .desc_slide .desc_item .ex{font-size:20px;font-weight:400;color:#999;text-align:right;margin:15px 100px 0 0;}
.desc_box.ne_how .desc_slide .desc_item .img_box.how4 {border: 3px solid #E2E2E2; border-radius: 10px;}
.desc_box.ne_how .desc_slide .desc_item .img_box.how4 img.scale {transition: ease .8s; transform-origin: 5.3% 36%;}
.desc_box.ne_how .desc_slide .desc_item.active .img_box.how4 img.scale {transform: scale(1.56);}
.desc_box.ne_how .desc_slide .desc_item .img_box.how5 {max-width: 800px;}
.desc_box.ne_how .desc_slide .desc_item .img_box.how5 img.big {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); opacity: 0;transition: cubic-bezier(0.22, 1, 0.36, 1) 1.2s; transform-origin: 50% 170%;}
.desc_box.ne_how .desc_slide .desc_item.active .img_box.how5 img.big {opacity: 1; transform: translate(-50%, -50%) scale(1);}

.desc_box.ne_what .desc_slide .desc_item .num_list{margin-top:30px;}
.desc_box.ne_what .desc_slide .desc_item .img_box.what1,
.desc_box.ne_what .desc_slide .desc_item .img_box.what2 {margin-top: 5px;}
.desc_box.ne_what .desc_slide .desc_item .img_box.what4 {overflow: initial;}
.desc_box.ne_what .desc_slide .desc_item .img_box.what4 img.scale {transition: ease .5s;}
.desc_box.ne_what .desc_slide .desc_item.active .img_box.what4 img.scale {transform: scale(1.14);}

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

.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:50px;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;}

.ne_textbook{padding:155px 0 71px;background:#0C2043 url(https://pic.neungyule.com/neteacher/pc/aidt/index/bg_ne_textbook.png?=v2) no-repeat calc(100% + 110px) -90px;}
.ne_textbook .inner {display: flex; align-items: center; gap: 97px; padding: 0 0 0 43px;}
.ne_textbook .inner .img_box {margin-top:-20px;}
.ne_textbook h3{font-size:80px;font-weight:700;letter-spacing:-0.02em;color:#94E360;margin-bottom:48px;line-height:1.2;}
.ne_textbook h3 span{display:block;margin-bottom:19px;font-size:28px;font-weight:400;letter-spacing:-0.02em;color:#fff;}
.ne_textbook .textbook_list{margin:20px 0 0;display:flex;flex-direction:row;padding:0;justify-content:space-between;box-sizing:border-box;}
.ne_textbook .textbook_list .item{width:326px;text-align:center;}
.ne_textbook .textbook_list .item .img_box {margin-bottom: 23px;}
.ne_textbook .textbook_list .item .btn_box{display:flex;flex-wrap:wrap;gap:6px 6px;letter-spacing:-0.02em;}
.ne_textbook .textbook_list .item .btn_box a{display:inline-block;height:50px;line-height:48px;border-radius:5px;border:1px solid #D4E4FF;font-weight:500;font-size:16px;color:#fff;flex:0 1 auto;}
.ne_textbook .textbook_list .item .btn_box a.type1{width:100%;}
.ne_textbook .textbook_list .item .btn_box a.type2{width:calc(50% - 3px);}
.ne_textbook .textbook_list .item .btn_box a.type3{width:100%;background-color:#D4E4FF;color:#182E55}
.ne_textbook .textbook_list .item .btn_box a.type4{width:calc(50% - 3px);background-color:#d4e4ff;color:#182E55;font-size:15px;font-weight:700;}
.ne_textbook .textbook_list .item .btn_box a.type5{width:calc(50% - 3px);background-color:#fff;color:#182E55;font-size:15px;font-weight:700;}

.ne_textbook .last{text-align:center;font-size:18px;font-weight:500;color:rgba(255,255,255,0.5);}
.ne_textbook .last .sub:before, .ne_textbook .last .sub:after{content:'';display:inline-block;width:20px;height:20px;background:url(https://pic.neungyule.com/neteacher/pc/aidt/index/ico_dia.svg) no-repeat 0 0 / 20px 20px;margin:0 16px;vertical-align:middle;opacity:0.5;}

.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 .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);}