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

/* .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:#0C2043;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;opacity:.7;}
.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;line-height:1.38;gap:3px;}
.heading_box .txt_box p{background-repeat:no-repeat;background-position:center;background-clip:text;-webkit-background-clip:text;color:transparent;}
.heading_box .txt_box p:nth-child(1) {background-image: linear-gradient(105deg, #FFE740 20%, #94E360 90%);}
.heading_box .txt_box p:nth-child(2) {background-image: linear-gradient(125deg, #FFE740 35%, #94E360 63%);}
.heading_box .txt_box p strong{font-weight:900;}

/* Section8 */
.ne_easy{padding:128px 0 55px;background:#0C2043 url('https://pic.neungyule.com/neteacher/m/aidt/index/bg_ne_textbook.png') no-repeat 50% 0 / 100% auto;}
.ne_easy h3{font-size:42px;font-weight:700;letter-spacing:-0.02em;color:#fff;text-align:center;margin-bottom:60px;line-height:1.23;}
.ne_easy h3 span{display:block;margin-bottom:13px;font-size:20px;font-weight:500;letter-spacing:-0.02em;}
.ne_easy .gate_link_wrap{display:flex; justify-content: center; flex-direction:column; gap: 4px; padding: 0 20px; max-width: 500px; margin: 0 auto;}
.ne_easy .gate_link_wrap li {width: 100%; height: 150px;border-bottom-left-radius:60px;}
.ne_easy .gate_link_wrap li a {display: block; width: 100%; height: 100%; align-content: center;}
.ne_easy .gate_link_wrap li.en {background: #FFE740 url(https://pic.neungyule.com/neteacher/m/aidt/index/gate_link_en.png) no-repeat 6.5% center / 120px}
.ne_easy .gate_link_wrap li.ma {background: #94E360 url(https://pic.neungyule.com/neteacher/m/aidt/index/gate_link_ma.png) no-repeat 6.5% center / 120px;}
.ne_easy .gate_link_wrap li h4{font-size:28px;font-weight:900;color:#0C1F43;letter-spacing:0.15px;padding-left:50%;}
.ne_easy .gate_link_wrap li h4 span{display:block;margin-bottom:2px;font-size:18px;font-weight:500;letter-spacing:0;margin-bottom:7px;}

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

.ne_time{background-color:#0C1F43;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:19px;text-align:center;}
.ne_time .txt_box .sub:before, .ne_time .txt_box .sub:after{content:'';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;position:relative;top:2px;}
.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;*/}
.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, #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 .time_box .count_box:nth-child(1){justify-content:flex-end;margin-right:24px;}

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

@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;}
}
.masked_wrap{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}

/* 2차 CSS 추가 */
.txt_typo .masked_wrap{gap:30px;}
.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:linear-gradient(125deg, #FFE740 20%, #A6E35B 100%);background-repeat:no-repeat;background-position:center;background-clip:text;-webkit-background-clip:text;color:transparent;}
.txt_typo .mask_txt.mask2{background:linear-gradient(105deg, #E6D648 0%, #94E360 70%);background-repeat:no-repeat;background-position:center;background-clip:text;-webkit-background-clip:text;color:transparent;}
.txt_typo .mask_txt.cursor{background:#94E261;}
.txt_typo .cursor{background:#94E261;}

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

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

#bgHeadingVideo::-webkit-media-controls{display:none !important;}

@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.98vw;}
	.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.11vw 6.94vw;font-size:6.11vw;line-height:7.22vw;}
	.header .bnr{height:19.44vw;padding:0 5.56vw;font-size:4.44vw;}
	.header .bnr:after{right:5.56vw;bottom:1.39vw;width:27.22vw;height:23.61vw;}
}