@charset "UTF-8";

/******* reset *******/ 
*{margin:0;padding:0;box-sizing:border-box}
body{min-width:320px;margin:0 auto;padding:0;font-size:15px;font-family:'Pretendard Variable', Pretendard, 'Noto Sans KR', 'Noto Sans SC', 'Apple Gothic', sans-serif;color:#1E1E1E;line-height:1;word-break:break-all;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th,button{font-size:15px;font-family:'Pretendard Variable', Pretendard, 'Noto Sans KR', 'Noto Sans SC', 'Apple Gothic', sans-serif;color:#1E1E1E;vertical-align:middle;line-height:1;font-weight:400;}
input,textarea,select,a{color:#1E1E1E;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
ol,ul,li{list-style:none;}
hr, legend, .blind{position:absolute;top:0;left:-3000px;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%}
caption{position:relative;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%}
img,fieldset{border:0 none;}
img{max-width:100%}
label,button{cursor:pointer;}
em,address{font-style:normal;}
strong{font-weight:normal;}
a:link,a:visited{/*color:#1E1E1E;*/text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
select::-ms-expand {display:none;}
input{border-radius:0;}
input[type=text]{-webkit-appearance:none;appearance:none;box-shadow:0 0;border:0 none;}
input[type=password]{-webkit-appearance:none;appearance:none;box-shadow:0 0;}
input::-ms-clear{display:none;}
input::placeholder{color:#BDBDBD;}
input:-ms-input-placeholder{color:#BDBDBD;}
input:focus {outline:none;}
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear{display:none;}
input[type="button"], input[type="submit"], button{border:0 none;cursor:pointer;}
input[type=number]{-webkit-appearance:none;appearance:none;box-shadow:0 0;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;appearance:none;}
/******* reset *******/
#eventWrap {width:100%;max-width:640px;margin:auto;position:relative;overflow:hidden;}
#eventWrap img {max-width: 100%; vertical-align:top;}
.evt_header{position:absolute;left:0;top:0;z-index:1;width:100%;height:21.87vw;max-height:140px}
.evt_header h1 a{display:inline-block;text-indent:-9999em;overflow:hidden;width:26.56vw;height:13.33vw;position:absolute;top:7.5vw;left:5.21%;background:url(https://pic.neungyule.com/neteacher/img/common/logo_white.svg) 0 0 / 100% auto no-repeat;}

.mt60{margin-top:60px}
.btn{display:inline-flex;width:75vw;max-width:480px;height:15vw;margin-top:12.5vw;align-items:center;justify-content:center;background:#C9F73D;border:1px solid #BAE92C;font-size:4.375vw;font-weight:600;color:#1E2721;border-radius:2.5vw;}


.tab{overflow:hidden;position:absolute;top:-24px;left:50%;z-index:100;display:flex;width:100%;height:44px;transform:translateX(-50%);}
.tab li{flex:1;background:#3B5E42}
.tab li.on{background:#C9F73D;}
.tab li a{display:block;width:100%;height:100%;background:none;border:0 none;font-size:13px;line-height:44px;color:#658C40;font-weight:800}
.tab li.on a{color:#1E2721;}

.visual{overflow:hidden;position:relative;height:171.75vw;max-height:1080px;padding-top:40.625vw;text-align:center;background:#051311;box-sizing:border-box;}
.visual_zoom{position:absolute;inset:0;transform-origin:50% 20%;animation:visualZoom 2.5s ease-out forwards;}
.visual_zoom_bg{position:absolute;inset:0;background:url('https://pic.neungyule.com/neteacher/m/event/2026/0305/visual_bg.png') no-repeat 50% 0 / 100% auto;}
@keyframes visualZoom{
	0%{transform:scale(1);}
	100%{transform:scale(1.025);}
}
.visual h2{position:relative;z-index:100;margin-bottom: 25.31vw;height:78.44vw;}
.visual h2 .visual2_wrap{margin-bottom: 4.375vw;height:35.47vw;}
.visual h2 .visual2_wrap img{width:69%;animation:visualTextZoom 1.7s cubic-bezier(0.8, 0, 0.2, 1) forwards;}
@keyframes visualTextZoom{
	0%{transform:scale(0.85);}
	100%{transform:scale(1.10);}
}
.visual h3{position:relative;z-index: 100;}
.visual h3::before {content: '';position: absolute;inset: 0;background: #000;filter: blur(20px);opacity: 0.6;z-index: -1;}
.visual h3 img{width:72.8%;max-width: 466px;}

.circuit{position: absolute;top: 0;left: 0;width: 100%;height: 100%;contain: layout style paint;}
.circuit .overlay{position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none;}
.bg_light{position: absolute;left: 50.8%;top: 16.5%;width: 85%;height: 62%;border-radius: 8px;background: transparent;transform: translateX(-50%);z-index: 0;animation: bgLightGlow 2.5s ease-in-out 1.7s forwards;box-shadow: 0 0 30px #c1f060, 0 0 15px #c1f060 inset;}

@keyframes bgLightGlow {
  0% { box-shadow: 0 0 30px #c1f060, 0 0 15px #c1f060 inset; }
  100% { box-shadow: 0 0 100px #c1f060, 0 0 40px #c1f060 inset; }
}

.trace{fill:none;stroke: url(#traceGrad);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity: 0.7;}
.trace.trace-aim{opacity:0;}
.trace.trace-aim.draw{opacity:0.7;}
.trace.trace-aim.glow.draw{opacity:1;}
.trace.glow{
  opacity: 1;
  filter:
  drop-shadow(0 0 6px #ffff00)
    drop-shadow(0 0 12px #c9f73d)
    drop-shadow(0 0 20px #b8e986);
}
.trace-outline{
  opacity: 1;
  stroke-width: 3;
  stroke:#bae881;
  filter:
    drop-shadow(0 0 5px rgba(186, 232, 129, 1))
    drop-shadow(0 0 10px rgba(186, 255, 96, 0.8));
}

.trace.draw {
  stroke-dasharray: var(--len);
  stroke-dashoffset: var(--len);
  animation: draw 3.5s ease forwards;
}

@keyframes draw {
  0% { stroke-dashoffset: var(--len); }
  100% { stroke-dashoffset: 0; }
}


.sec_tit{margin-bottom:6.25vw;}
.sec_tit ~ .sec_tit{margin-top:13.125vw;}
.sec_tit h3{font-size:7.19vw;font-weight:700;color:#1E2721;}
.sec_tit h3 b{color: #3EAA53;}
.sec_tit h4 {color:#898F88;line-height:1.25;margin-top:4.22vw;font-size:3.75vw;}

.event_steps,
.event_gift{width:87.5%;margin: 0 auto;}
.event_steps img{max-width:100%;}
.event_steps .arrow{margin:3.125vw 0;width:3.75vw;}

section{text-align:center}
.cont01{position:relative;padding:18.75vw 0;background-color:#F4F6EE;}
.cont02{position:relative;padding:18.75vw 0 15.625vw;background-color:#fff}
.cont03{padding:14.84vw 0;background-color:#F5F6F1;}
.cont03 h4{font-size:5.625vw;color:#333;letter-spacing:-.02em;font-weight:700}
.cont03 h4 strong{color:#3EAA53;font-weight:700}
.cont03 .btns{display:flex;gap:3.75vw;margin-top:6.25vw;justify-content:center}
.cont03 .btns a{display:inline-block;width:15vw;height:15vw;}

.section_notice{padding:40px 20px;background-color:#535353;text-align:left;}
.section_notice>p{max-width:640px;margin:0 auto;color:#fff;font-size:15px;font-weight:800}
.section_notice>p ~ p{margin-top:30px;}
.section_notice .txt_blit{width:100%;max-width:640px;margin:12px auto 0;}
.txt_blit li{position:relative;padding-left:8px;font-size:12px;color:rgba(255, 255, 255, .6);line-height:15px;word-break:keep-all;}
.txt_blit li:before{content:'-';position:absolute;left:0;top:0px;}
.txt_blit li+li{margin-top:5px;}
.txt_blit a{color:inherit}
.blind{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}

@media screen and (min-width:640px){
	.evt_header h1 a{left:40px;top:48px;width:170px;height:48px;}
	
	.mt60{margin-top:120px}
	.tab{top:-48px;height:88px;}
	.tab li a{font-size:26px;line-height:88px;}

	.visual{padding-top:260px}
	.visual h2{margin-bottom:162px;height:503px;}
	.visual h2 .visual2_wrap{margin-bottom: 28px;height:227px;}

	.sec_tit{margin-bottom:40px;}
	.sec_tit ~ .sec_tit{margin-top:84px;}
	.sec_tit h3{font-size:46px;}
	.sec_tit h4 {margin-top:27px;font-size:24px;}
	.event_steps .arrow{margin:20px 0;width:24px;}
	.cont01{padding:120px 0}
	.cont02{padding:120px 0 100px}
	.cont03{padding:100px 0;}
	.cont03 h4{font-size:36px;}
	.cont03 .btns{gap:24px;margin-top:40px;}
	.cont03 .btns a{width:96px;height:96px;}
	.btn{height:96px;line-height:96px;font-size:28px;border-radius:16px;margin-top:80px;}
}