@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', 'Apple Gothic', sans-serif;color:#1E1E1E;line-height:1.4;letter-spacing:-0.02em;}
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', 'Apple Gothic', sans-serif;color:#1E1E1E;vertical-align:middle;line-height:1.4;font-weight:400;}
input,textarea,select,a{color:#1E1E1E;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
ol,ul,li{list-style:none;}
img,fieldset{border:0 none;}
img{max-width:100%;vertical-align:top}
label,button{cursor:pointer;}
em,address,strong{font-style:normal;font-weight:inherit;}
a:link,a:visited{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
input{border-radius:0;}
input[type=text]{-webkit-appearance:none;appearance:none;box-shadow:0 0;border:0 none;}
input::placeholder,textarea::placeholder{color:#999;}
input:focus,textarea:focus{outline:none;}
input[type="button"], input[type="submit"], button{border:0 none;cursor:pointer;background:none;}
.txt_hidden,.blind{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
/******* end reset *******/

#eventWrap{min-width:960px;position:relative;background:#fff;}

/* header */
.evt_header{position:absolute;left:0;top:0;width:100%;z-index:50;}
.evt_header .logo{max-width:960px;margin:0 auto;padding:30px 50px;}
.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;background-size:171px auto;text-indent:-9999px;z-index:11;}

/* ============================================
   MV (visual) — 1920 wide, centered
   ============================================ */
.mv{position:relative;width:100%;height:1223px;background:linear-gradient(180deg,#bce74f 21.177%,#e4eb6f 60%);overflow:hidden;}
.mv_inner{position:absolute;left:50%;top:0;width:1920px;height:100%;transform:translateX(-50%);text-align:center;}

.mv_top { position:relative; display:block; margin:120px auto 0;}
.mv_main{ position:relative; display:block; margin:53px auto 0;}
.mv_sub { position:relative; display:block; margin:52px auto 0;}
.mv_date{ position:relative; display:block; margin:60px auto 0;}

/* 일러스트 (Figma 1920 좌표) — 진입(퍼져나감) → 떠다님 */
.mv_illust{
  position:absolute;display:block;pointer-events:none;
  will-change:transform,opacity;z-index:10;
  animation:
    mvSpread 1.6s cubic-bezier(.2,.7,.3,1.15) both,
    mvFloat  4s   ease-in-out 1.2s infinite;
}
/* --sx, --sy = (중앙(960) - left, 1000 - top) — 중앙 아래쪽에서 출발 */
.mv_illust1{ left:366px;  top:308px; --sx: 594px; --sy: 692px; animation-duration:1.2s,4.2s; animation-delay:0s,    1.2s;}
.mv_illust2{ left:115px;  top:632px; --sx: 845px; --sy: 368px; animation-duration:1.2s,5.0s; animation-delay:.10s,  1.30s;}
.mv_illust3{ left:416px;  top:921px; --sx: 544px; --sy:  79px; animation-duration:1.2s,3.5s; animation-delay:.20s,  1.40s;}
.mv_illust4{ left:1612px; top:347px; --sx:-652px; --sy: 653px; animation-duration:1.2s,3.8s; animation-delay:.05s,  1.25s;}
.mv_illust5{ left:1330px; top:617px; --sx:-370px; --sy: 383px; animation-duration:1.2s,4.6s; animation-delay:.15s,  1.35s;}
.mv_illust6{ left:1565px; top:845px; --sx:-605px; --sy: 155px; animation-duration:1.2s,4.0s; animation-delay:.10s,  1.30s;}

@keyframes mvSpread{
  0%  {transform:translate(var(--sx),var(--sy)) scale(.2) rotate(15deg); opacity:0;}
  50% {opacity:1;}
  100%{transform:translate(0,0) scale(1) rotate(0); opacity:1;}
}

@keyframes mvFloat{
  0%  {transform:translate(0,0)        rotate(0deg);}
  25% {transform:translate(-10px,-20px) rotate(-8deg);}
  50% {transform:translate(8px,-10px)   rotate(7deg);}
  75% {transform:translate(-6px,16px)  rotate(-6deg);}
  100%{transform:translate(0,0)        rotate(0deg);}
}

/* 영상 영역 */
.mv_video{position:absolute;left:calc(50% + 30px);transform:translateX(-50%);top:763px;height:540px;
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 5%), linear-gradient(to right, transparent 0%, black 2%), linear-gradient(to left, transparent 0%, black 2%);
	mask-image: linear-gradient(to bottom, transparent 0%, black 5%), linear-gradient(to right, transparent 0%, black 2%), linear-gradient(to left, transparent 0%, black 2%);
	-webkit-mask-composite: source-in;
	mask-composite: intersect;
filter: drop-shadow(0 0 25px #e4eb6f);}

/* ============================================
   con 공통 — 960 wide
   ============================================ */
.con{position:relative;width:100%;}
.con .inner{position:relative;max-width:1400px;margin:0 auto;width:93.75%;}

.con_tit_box{padding:180px 0 80px;text-align:center;}
.con_tit_img{display:block;text-align:center;line-height:0;}
.con_tit_img img{display:inline-block;height:auto;}
.con_desc{margin-top:50px;font-size:26px;color:#637a61;line-height:1.53;font-weight:500;}
.con_desc strong{color:#00910f;font-weight:700;}

/* ============================================
   con01 (경품)
   ============================================ */
.con01{background:#e8f9ba;padding-bottom:80px;}
.prize_list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.prize_item img{display:block;width:100%;max-width:685px;height:auto;}

/* ============================================
   con02 (에피소드 남기기)
   ============================================ */
.con02{background:#e8f9ba;padding-bottom:150px;}
.con02 .ep_tit{padding:100px 0 80px;}

.form_wrap{position:relative;max-width:1400px;margin:0 auto;}
.form_login_alt{position:relative;text-align:right;margin:0 13px 13px 0;font-size:16px;color:#637a61;}

.ep_input{position:relative;margin-bottom:16px;}
.ep_input input{width:100%;height:90px;padding:0 30px;border:0;border-radius:20px;background:#fff;font-size:18px;font-weight:700;color:#222;}
.ep_input_ph{position:absolute;left:25px;right:25px;top:50%;transform:translateY(-50%);display:flex;align-items:baseline;gap:12px;pointer-events:none;z-index:2;white-space:nowrap;overflow:hidden;}
.ep_input_ph strong{font-size:24px;font-weight:700;color:#222;}
.ep_input_ph em{font-size:18px;font-weight:400;color:#999;font-style:normal;}
.ep_input input:not(:placeholder-shown) ~ .ep_input_ph,
.ep_input input:focus ~ .ep_input_ph{display:none;}

.ep_textarea{position:relative;}
.ep_textarea textarea{display:block;width:100%;height:275px;padding:28px 30px 40px;border:0;border-radius:20px;background:#fff;font-size:16px;font-weight:400;color:#222;line-height:1.6;resize:none;}
.ep_textarea_ph{position:absolute;left:25px;right:25px;top:28px;pointer-events:none;z-index:2;line-height:1.6;}
.ep_textarea_ph strong{display:block;margin-bottom:6px;font-size:24px;font-weight:700;color:#222;}
.ep_textarea_ph em{font-size:18px;font-weight:400;color:#999;font-style:normal;}
.ep_textarea textarea:not(:placeholder-shown) ~ .ep_textarea_ph,
.ep_textarea textarea:focus ~ .ep_textarea_ph{display:none;}
.ep_count{position:absolute;right:25px;bottom:18px;font-size:14px;color:#999;}
.ep_count #charCount{color:#222;}

.form_submit_btn{display:block;width:420px;height:90px;margin:50px auto 0;background:#00910f;color:#fff;font-size:36px;font-weight:700;border-radius:100px;box-shadow:0 2px 2px rgba(0,0,0,0.25);}

/* 수정 모드: 제출/취소 버튼을 가로로 나란히 배치 (두 버튼 너비 동일) */
.form_btn_row{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:50px;}
.form_btn_row .form_submit_btn,
.form_btn_row .form_cancel_btn{width:300px;margin:0;padding:0;}
.form_cancel_btn{background:#fff;border:1px solid #ccc;border-radius:100px;height:90px;cursor:pointer;font-size:36px;font-weight:700;color:#333;box-shadow:0 2px 2px rgba(0,0,0,0.10);}

/* ============================================
   con03 (에피소드 갤러리)
   ============================================ */
.con03{padding-bottom:160px;}
.con03 .gl_tit{padding:180px 0 110px;}

.ep_list{display:flex;flex-direction:column;gap:16px;max-width:1400px;margin:0 auto;}
.ep_card{padding:38px 40px;background:#fff;border:1px solid #ddd;border-radius:20px;}
.ep_user{ display: flex; justify-content: space-between; align-items: center; margin-bottom:14px;}
.ep_badge{display:inline-flex;align-items:center;padding:4px 18px;background:#e8f9ba;color:#2a3c28;font-size:18px;font-weight:700;border-radius:100px;}
.ep_edit_btn{position: relative;color:#666;font-weight:600;font-size:16px;}
.ep_edit_btn:after{content:'';position:absolute;width:100%;height:1px;background:#ddd;left: 0; bottom:0;}
.ep_card .ep_title{margin-bottom:12px;font-size:26px;color:#222;font-weight:700;line-height:1.3;}
.ep_card .ep_body{font-size:18px;color:#666;line-height:1.55;}

/* pagination */
.ep_page_nav_box{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:90px;}
.ep_page_nav_box .page_arw_box{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid #f1f1f1;border-radius:32px;}
.ep_page_nav_box .page_arw_box img{width:24px;height:24px;}
.page_nav_num_box{display:flex;gap:5px;}
.page_nav_num_box a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid #f1f1f1;border-radius:32px;font-size:18px;color:#666;font-weight:400;}
.page_nav_num_box a.active{background:#2a3c28;color:#fff;border-color:#2a3c28;font-weight:600;}

/* ============================================
   con04 (공유)
   ============================================ */
.con04{padding: 95px 0 122px;background:#E8F9BA;display:flex;align-items:center;}
.con04 .inner{display:flex;flex-direction:column;align-items:center;gap:24px;}
.share_tit{font-size:36px;font-weight:700;color:#2a3c28;text-align:center;}
.share_tit .point{color:#00910f;}
.share_btns{display:flex;gap:16px;}
.share_btns img{width: 80px;}

/* ============================================
   footer
   ============================================ */
#footer{background:#28292a;padding:120px 0 130px;}
#footer .inner{max-width:1400px;margin:0 auto;}
#footer .f_alt_box+.f_alt_box{margin-top:45px;}
#footer .tit{font-size:26px;color:#e3e3e3;font-weight:700;margin-bottom:13px;}
#footer .alt p{position:relative;padding-left:8px;font-size:16px;color:#999;line-height:1.875;}
#footer .alt p::before{content:'·';position:absolute;left:0;top:0;}