@charset "UTF-8";

/******* reset *******/
*{margin:0;padding:0;box-sizing:border-box}
body{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;letter-spacing:-0.04em;overflow-x:hidden;}
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%;vertical-align:top}
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{min-width:960px;position:relative;}
.mt100{margin-top:100px}
.btn{display:inline-flex;width:460px;height:88px;margin-top:90px;align-items:center;justify-content:center;background:#BAE92C;font-size:24px;font-weight:600;color:#1E2721;border-radius:15px;}

.tab{overflow:hidden;position:absolute;top:-40px;left:50%;z-index:100;display:flex;width:960px;height:80px;border-radius:16px;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:22px;line-height:80px;color:#C9F73D;font-weight:600}
.tab li.on a{color:#000708}

.evt_header{position:absolute;left:0;top:0;}
.evt_header .logo{max-width:960px;margin:0 auto;padding:60px 50px 37px;}
.evt_header .logo a{position:relative;display:inline-block;width:171px;height:48px;background:url(https://pic.neungyule.com/neteacher/img/common/logo_white.svg) no-repeat;text-indent:-9999px;background-size:171px auto;z-index:11;}

.visual{overflow:hidden;position:relative;height:900px;padding-top:200px;text-align:center;background:#051311;box-sizing:border-box;}
.visual_zoom{position:absolute;inset:0;z-index:0;transform-origin:50% 30%;animation:visualZoom 2.5s ease-out forwards;}
.visual_zoom_bg{position:absolute;inset:0;background:url('https://pic.neungyule.com/neteacher/pc/event/2026/0305/visual_bg.png') no-repeat 50% 50%;}
@keyframes visualZoom{
	0%{transform:scale(1);}
	100%{transform:scale(1.025);}
}
.visual h2{position:relative;z-index:100}
.visual h2 img{display:block;margin:0 auto;}
.visual h2 .visual1{width: 362px;}
.visual h2 .visual2{width:888px;margin-top:-90px;margin-bottom:-80px;animation:visualTextZoom 1.7s cubic-bezier(0.85, 0, 0.2, 1) forwards;}
.visual h2 .visual3{width: 444px;}
@keyframes visualTextZoom{
	0%{transform:scale(0.85);}
	100%{transform:scale(1.11);}
}
.visual h3 {position:relative;z-index:100;margin:140px 30px 0 0;}
.visual h3::before {content: '';position: absolute;inset: 0;background: #000;filter: blur(30px);opacity: 0.3;z-index: -1;width:440px;left:50%;transform:translateX(-50%)}

.circuit{position: absolute;top: 0;height: 900px;width: 1920px;left: 50%;transform: translateX(-50%);contain: layout style paint;}
.overlay{position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none;}
.bg_light{position: absolute;left: 50%;top: 114px;width: 947px;height: 539px;border-radius: 8px;background: transparent;transform: translateX(-50%);z-index: 0;animation: bgLightGlow 3s ease-in-out 1.5s forwards;box-shadow: 0 0 60px #c1f060, 0 0 25px #c1f060 inset;}

@keyframes bgLightGlow {
  0% { box-shadow: 0 0 60px #c1f060, 0 0 25px #c1f060 inset; }
  100% { box-shadow: 0 0 170px #c1f060, 0 0 60px #c1f060 inset; }
}

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

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

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

.sec_tit{margin-bottom:50px;}
.sec_tit h3{font-size:42px;font-weight:700;color: #1E2721;}
.sec_tit h3 b{color: #3EAA53;}
.sec_tit h4 {color:#898F88;line-height:1.67;margin-top:25px;font-size:18px;}

.event_steps{display:flex;gap: 15px;justify-content:center;align-items:center;margin-bottom:130px;}
.event_steps .arrow{margin-top:15px;}
.event_gift{display:block;margin:0 auto;}

section{text-align:center}
.cont01{position:relative;padding:160px 0;background-color:#F4F6EE}
.cont02{position:relative;padding:177px 0 160px;background-color:#fff}
.cont03{padding:107px 0 116px;background-color:#EBEEF1;}
.cont03 h4{font-size:36px;color:#333;letter-spacing:-.02em;font-weight:700}
.cont03 h4 strong{color:#3EAA53;font-weight:700}
.cont03 .btns{display:flex;gap:24px;margin-top:33px;justify-content:center}

.section_notice{padding:64px 0;background-color:#505557;text-align:left;}
.section_notice>p{max-width:960px;margin:0 auto;color:#fff;font-size:24px;font-weight:800}
.section_notice>p ~ p{margin-top: 50px;}
.section_notice .txt_blit{width:100%;max-width:960px;margin:18px auto 0;}
.txt_blit li{position:relative;padding-left:15px;font-size:17px;color:rgba(255, 255, 255, .6);line-height:24px;word-break:keep-all;}
.txt_blit li:before{content:'-';position:absolute;left:0;top:0px;}
.txt_blit li+li{margin-top:2px;}
.txt_blit a{color:inherit}
.blind{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}