@charset "UTF-8";

/******* reset *******/
*{margin:0;padding:0;box-sizing:border-box}
body{min-width:320px;margin:0 auto;padding:0;font-size:14px;font-family:'Pretendard Variable', Pretendard, 'Noto Sans KR', 'Apple Gothic', sans-serif;color:#1E1E1E;line-height:1.4;letter-spacing:-0.02em;-webkit-text-size-adjust:none;}
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:14px;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{position:relative;background:#fff;width:100%;max-width:720px;margin:0 auto;overflow:hidden;}
#eventWrap img{max-width:100%;vertical-align:top;}

/* ============================================
   MV (visual)
   ============================================ */
.mv{position:relative;width:100%;background:linear-gradient(180deg,#bce74f 21.177%,#e4eb6f 64.35%);overflow:hidden;}
.mv_inner{position:relative;width:100%;text-align:center;}

.mv_top { display:block; width:43.33%; margin:11.38vw auto 0;}
.mv_main{ display:block; width:74.9%; margin:5.83vw auto 0;}
.mv_sub { display:block; width:58.89%; margin:3.05vw auto 0;}
.mv_date{ display:block; width:60.83%; margin:9.86vw auto 0;}

.video_wrap {display:flex;margin:6vw auto -7vw;justify-content:center;}
.video_wrap .mv_video{display:block;width: 135%; -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 5%);mask-image: linear-gradient(to bottom, transparent 0%, black 5%);}

/* ============================================
   con 공통
   ============================================ */
.con{position:relative;width:100%;}
.con .inner{position:relative;width:91.67%;margin:0 auto;}

.con_tit_box{padding:25vw 0 11.11vw;text-align:center;}
.con_tit_img{display:block;text-align:center;line-height:0;margin-inline:auto;}
.con_tit_img img{display:inline-block;max-width:80%;height:auto;}
.con_desc{margin-top:4.86vw;font-size:3.89vw;color:#637a61;line-height:1.48;font-weight:500;}
.con_desc strong{color:#00910f;font-weight:700;}

/* ============================================
   con01 (경품)
   ============================================ */
.con01{background:#e8f9ba;}
.con01 .con_tit_img{width: 69.3vw;max-width:100%;}
.prize_item + .prize_item {margin-top:2.78vw;}
.prize_item img{display:block;width:100%;height:auto;}

/* ============================================
   con02 (에피소드 남기기)
   ============================================ */
.con02{background:#e8f9ba;padding-bottom:16.67vw;}
.con02 .con_tit_img{width: 54.2vw;max-width:100%;}
.con02 .ep_tit{padding:21.11vw 0 3.89vw;}

.form_wrap{position:relative;width:100%;margin:0 auto;}
.form_login_alt{position:relative;text-align:right;margin:0 0.56vw 2.5vw 0;font-size:3.33vw;color:#637a61;}

.ep_input{position:relative;margin-bottom:2.78vw;font-size:3.6vw;}
.ep_input input{width:100%;height:16.67vw;padding:0 5.56vw;border:0;border-radius:2.78vw;background:#fff;font-weight:700;color:#222;font-size:3.33vw;}
.ep_input_ph{position:absolute;left:5.56vw;top:50%;transform:translateY(-50%);display:flex;align-items:baseline;gap:6px;pointer-events:none;z-index:2;white-space:nowrap;overflow:hidden;}
.ep_input_ph strong{font-weight:700;color:#999;}
.ep_input_ph em{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;font-size:3.6vw;}
.ep_textarea textarea{display:block;width:100%;height:200px;padding:5.56vw;border:0;border-radius:14px;background:#fff;font-size:3.33vw;font-weight:400;color:#222;line-height:1.55;resize:none;min-height:50.56vw;}
.ep_textarea_ph{position:absolute;left:5.56vw;right:5.56vw;top:5.56vw;pointer-events:none;z-index:2;line-height:1.55;}
.ep_textarea_ph strong{display:block;margin-bottom:0.2vw;font-weight:700;color:#999;}
.ep_textarea_ph em{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:2.78vw;bottom:2.78vw;font-size:3.33vw;color:#999;}
.ep_count #charCount{color:#222;font-weight:700;}

.form_submit_btn{display:block;width:90.9%;height:13.89vw;margin:6.94vw auto 0;background:#00910f;color:#fff;font-size:5vw;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:2.78vw;width:90.9%;margin:6.94vw auto 0;}
.form_btn_row .form_submit_btn,
.form_btn_row .form_cancel_btn{flex:1;width:auto;margin:0;padding:0;}
.form_cancel_btn{display:block;height:13.89vw;background:#fff;border:1px solid #ccc;border-radius:100px;font-size:5vw;font-weight:700;color:#333;box-shadow:0 2px 2px rgba(0,0,0,0.10);cursor:pointer;}

/* ============================================
   con03 (에피소드 갤러리)
   ============================================ */
.con03{padding-bottom:16.67vw;}
.con03 .con_tit_img{width: 54.2vw;max-width:100%;}
.con03 .gl_tit{padding:18vw 0 11vw;}

.ep_list{display:flex;flex-direction:column;gap:2.78vw;width:100%;margin:0 auto;}
.ep_card{padding:5.28vw 5vw;background:#fff;border:1px solid #ddd;border-radius:2.78vw;}
.ep_user{display: flex; justify-content: space-between; align-items: center;margin-bottom:3.19vw;}
.ep_badge{display:inline-flex;align-items:center;padding:0.47vw 2.5vw;background:#e8f9ba;color:#2a3c28;font-size:3.33vw;font-weight:700;border-radius:100px;}
.ep_edit_btn{position: relative;color:#666;font-weight:600;font-size:2.77vw;}
.ep_edit_btn:after{content:'';position:absolute;width:100%;height:1px;background:#ddd;left: 0; bottom:0;}

.ep_card .ep_title{margin-bottom:2.78vw;font-size:4.17vw;color:#222;font-weight:700;line-height:1.3;word-break:break-all;}
.ep_card .ep_body{font-size:3.33vw;color:#444;line-height:1.55;word-break:break-all;}

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

/* ============================================
   con04 (공유)
   ============================================ */
.con04{padding:13.89vw 0;background:#E8F9BA;display:flex;align-items:center;}
.con04 .inner{display:flex;flex-direction:column;align-items:center;gap:4.72vw;}
.share_tit{font-size:5vw;font-weight:700;color:#2a3c28;text-align:center;}
.share_tit .point{color:#00910f;}
.share_btns{display:flex;gap:3.34vw;}
.share_btns img{width:11.11vw;}

/* ============================================
   footer
   ============================================ */
#footer{background:#28292a;padding:13.89vw 5.56vw;}
#footer .inner{width:100%;margin:0 auto;}
#footer .f_alt_box+.f_alt_box{margin-top:8.34vw;}
#footer .tit{font-size:4.17vw;color:#e3e3e3;font-weight:700;margin-bottom:2.78vw;}
#footer .alt p{position:relative;padding-left:0.97vw;font-size:2.78vw;color:#999;line-height:1.8;}
#footer .alt p::before{content:'·';position:absolute;left:0;top:0;}



@media screen and (min-width:720px){
   .mv_top{margin: 82px auto 0;}
   .mv_main{margin:42px auto 0;}
   .mv_sub{margin:22px auto 0;}
   .mv_date{margin:71px auto 0;}
   .video_wrap{margin: 43.2px auto -50.4px;}
   .con_tit_box{padding:180px 0 80px;}
   .con_desc{margin-top:35px;font-size:28px;}
   .prize_item + .prize_item {margin-top:20px;}
   .con02{padding-bottom: 120px;}
   .con02 .ep_tit {padding: 152px 0 28px;}
   .form_login_alt{font-size:24px;margin:0 4px 18px 0;}
   .ep_input{margin-bottom:20px;font-size:26px;}
   .ep_input input{height:120px;padding:0 40px;border-radius:20px;font-size:24px;}
   .ep_input_ph{left:40px;}
   .ep_textarea{font-size:27.4px;}
   .ep_textarea_ph{left:40px;right:40px;top:40px;}
   .ep_textarea_ph strong{margin-bottom:1.44px;}
   .ep_textarea textarea{padding: 40px;min-height:364px;font-size: 24px;}
   .ep_count{right:20px;bottom:20px;font-size:24px;}
   .form_submit_btn{margin:50px auto 0;height:100px;font-size:36px;}
   .form_btn_row{gap:16px;margin-top:50px;}
   .form_btn_row .form_submit_btn,
   .form_btn_row .form_cancel_btn{height:100px;font-size:36px;}
   .con03{padding-bottom:120px;}
   .con03 .gl_tit {padding: 125px 0 80px;}
   .ep_page_nav_box{margin-top: 55px;}
   .ep_list{gap:20px;}
   .ep_card{padding: 38px 36px;border-radius: 20px;}
   .ep_badge{font-size: 24px; padding: 3px 18px;}
   .ep_edit_btn{font-size: 20px;}
   .ep_card .ep_title{font-size: 30px;margin-bottom: 20px;}
   .ep_card .ep_body{font-size: 24px;}
   .ep_user{margin-bottom:23px;}
   .con04{padding:100px 0;}
   .con04 .inner{gap:34px;}
   .share_tit{font-size:36px;}
   .share_btns{gap:24px;}
   .share_btns img{width:80px;}
   #footer{padding:100px 40px;}
   #footer .f_alt_box+.f_alt_box{margin-top:60px;}
   #footer .tit{font-size:30px;margin-bottom:20px;}
   #footer .alt p{padding-left:7px;font-size:20px;}
}