@charset "UTF-8";
/******* reset *******/
*{margin:0;padding:0;box-sizing:border-box}
body{margin:0 auto;padding:0;font-size:15px;font-family:'Paperlogy', 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:'Paperlogy', 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{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 *******/

.event_area{position:relative;margin:0 auto;min-width:1080px;}
.blind{overflow:hidden;display:inline-block;position:absolute;width:1px;height:1px;border:0;z-index:-1;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);}
section{position:relative;text-align:center;}
button{font-family:inherit;border:none;box-shadow:none;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
footer{text-align:center}

/* ===================== VISUAL ===================== */
.visual{position:relative;z-index:1;overflow:hidden;height:1140px;padding:120px 0 0;text-align:center;background:#ffaad6 url('https://pic.neungyule.com/nebuildandgrow/img/event/2026/0428/bg.png') repeat-x center top;background-size:1920px auto;}

/* 데코 하트 공통 (배경 rect는 visual 안, 메인 하트는 hero-decos 오버레이) */
.deco{position:absolute;pointer-events:none;}

/* 배경 레이어 하트 (visual 내부, bg 위) */
.visual .deco-rect1{z-index:0;left:50%;margin-left:-760px;top:90px;width:360px;}
.visual .deco-rect2{z-index:0;left:50%;margin-left:470px;top:620px;width:260px;}

/* 히어로 하트 + 꽃다발 스택: visual 경계 밖으로 자유롭게 표시, DOM 순서로 레이어링 */
.hero-decos{position:absolute;top:0;left:0;right:0;height:1140px;pointer-events:none;z-index:2;}
.hero-decos .deco{opacity:1;}  /* .deco 기본 opacity:0 오버라이드 — GSAP 실패 시에도 표시 */

/* back 하트 (꽃다발 뒤) */
.hero-decos .deco-heart1{left:50%;margin-left:-442px;top:995px;width:318px;transform:rotate(-14deg);}
.hero-decos .deco-heart4{left:50%;margin-left:-320px;top:990px;width:160px;transform:rotate(-28deg);}

/* front 하트 (꽃다발 앞) */
.hero-decos .deco-heart-big{left:50%;margin-left:170px;top:937px;width:293px;}
.hero-decos .deco-heart2{left:50%;margin-left:23px;top:1008px;width:199px;}
.hero-decos .deco-heart3{left:50%;margin-left:-236px;top:1070px;width:111px;}

/* 타이틀 */
.visual .tit{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:40px;width:734px;margin:0 auto;}
.visual .tit .txt{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;}
.visual .tit .txt .title-img{width:100%;}
.visual .tit .date{display:inline-flex;align-items:center;justify-content:center;padding:12px 40px;background:#6C2D3D;border-radius:30px;}
.visual .tit .date span{font-weight:600;font-size:18px;color:#fff;white-space:nowrap;}

/* 꽃다발: bouquet-clip이 visual 하단 경계를 기준으로 80px 튀어나오는 부분 클립 */
.hero-decos .bouquet-clip{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.hero-decos .bouquet-wrap{position:absolute;left:50%;bottom:-80px;width:812px;margin-left:-406px;}
.hero-decos .bouquet-wrap img{width:100%;}

/* ===================== BOOKS ===================== */
.books-desc{position:relative;overflow:hidden;background:#fff;padding:140px 0 80px;}
.books-desc .desc{display:flex;flex-direction:column;align-items:center;gap:34px;width:682px;margin:0 auto;text-align:center;}
.books-desc .info{font-family:'Paperlogy', sans-serif;font-size:18px;color:#000;line-height:30px;}
.books-desc .info .highlight{display:block;font-family:'Paperlogy', sans-serif;font-weight:800;font-size:18px;color:#6C2D3D;text-decoration:underline;line-height:30px;}
.books-desc .question{font-family:'Paperlogy', sans-serif;font-size:40px;color:#6C2D3D;line-height:normal;}
.books-desc .books-track{display:flex;margin:50px 0 0;padding:0;list-style:none;align-items:center;width:max-content;animation:marquee 25s linear infinite;/*gap:50px;*/}
/*.books-desc .books-track:hover{animation-play-state:paused;}*/
.books-desc .books-track .book-item{display:block;flex:0 0 415px;height:452px;margin-right:-50px;transition:transform .6s cubic-bezier(0.22, 1, 0.36, 1);will-change:transform;}
.books-desc .books-track .book-item:hover{transform:translateY(-8px);}
.books-desc .books-track .book-item a{display:block;width:100%;height:100%;}
.books-desc .books-track .book-item img{width:100%;height:100%;object-fit:cover;}

@keyframes marquee{
	0%{transform:translateX(0);}
	100%{transform:translateX(-50%);}
}

/* ===================== JOIN-EVENT (이벤트 참여하기) ===================== */
.join-event{background:#ffc0c9;padding:120px 0 50px;text-align:center;}

/* 타이틀 */
.join-header{max-width:960px;margin:0 auto;}
.join-title{font-size:60px;color:#000;line-height:normal;margin:0 0 20px;}
.join-desc{font-size:18px;color:rgba(0,0,0,0.7);line-height:30px;}

/* 기간/발표 */
.join-info{max-width:612px;margin:40px auto 0;text-align:center;}
.join-info dl{display:inline-flex;flex-direction:column;gap:5px;text-align:left;border-top:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2);padding:30px 110px}
.join-info .info-row{display:flex;align-items:center;gap:10px;}
.join-info dt{flex:0 0 96px;padding:8px 0;background:#6C2D3D;border-radius:100px;text-align:center;font-size:18px;color:#fff;}
.join-info dd{font-size:18px;color:#000;}

/* 경품 */
.prize-list{display:flex;justify-content:center;gap:0;max-width:960px;margin:40px auto 0;}
.prize-item{position:relative;width:240px;text-align:center;padding-top:26px;transition:transform .6s cubic-bezier(0.22, 1, 0.36, 1);}
.prize-badge{position:absolute;left:50%;top:0;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#050505;color:#fff;font-size:17px;font-weight:600;z-index:1;}
.prize-img{width:200px;height:200px;margin:0 auto;border-radius:50%;background:#f6adb7;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .5s cubic-bezier(0.22, 1, 0.36, 1);}
.prize-img img{max-width:153px;max-height:175px;object-fit:contain;}
.prize-name{margin-top:30px;font-size:18px;color:#000;line-height:24px;}
.prize-name strong{font-weight:700;}

/* 참여방법 */
.how-to{background:#f6adb7;padding:80px 0;margin-top:60px;}
.how-to-title{font-size:40px;color:#000;margin:0 0 50px;line-height:normal;}
.how-to-steps{position:relative;display:flex;align-items:flex-start;justify-content:center;max-width:960px;margin:0 auto;}
.step{position:relative;display:flex;flex-direction:column;align-items:center;width:320px;height:300px;text-align:center;padding:12px 12px;}
.step + .step::before{content:"";position:absolute;left:0;top:0;width:1px;height:270px;background:rgba(0,0,0,0.2);}
.step + .step::after{content:"";position:absolute;left:0;top:135px;width:25px;height:30px;background:url('https://pic.neungyule.com/nebuildandgrow/img/event/2026/0428/ico_arrow.png') no-repeat 50% 50%;background-size:contain;transform:translate(-50%, -50%);}
.step-badge{display:inline-flex;align-items:center;justify-content:center;width:73px;height:26px;background:#6C2D3D;border-radius:100px;font-size:14px;font-weight:600;color:#fff;letter-spacing:-0.28px;}
.step-img{height:191px;margin:0 auto;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.step-img img{max-width:100%;max-height:100%;object-fit:contain;}
.step-img-sns{display:flex;gap:16px;align-items:flex-start;justify-content:center;padding-top:28px;}
.sns-item{display:flex;flex-direction:column;align-items:center;gap:8px;}
.sns-label{font-size:14px;font-weight:300;color:#6C2D3D;line-height:20px;}
.sns-item img{width:98px;height:98px;border-radius:16px;object-fit:cover;}
.step-name{font-size:24px;font-weight:800;color:#000;margin:0;line-height:normal;}
.step-sub{font-size:14px;font-weight:300;color:#6C2D3D;margin-top:10px;line-height:20px;}
.step-arrow{position:absolute;top:125px;display:flex;align-items:center;justify-content:center;width:25px;height:31px;font-size:36px;font-weight:bold;color:rgba(0,0,0,0.3);line-height:1;}
.step-arrow:nth-of-type(1){left:calc(50% - 160px);transform:translateX(-50%);}
.step-arrow:nth-of-type(2){left:calc(50% + 160px);transform:translateX(-50%);}

/* 꼭 확인하세요 / 후기 작성 가이드 */
.guide-wrap{max-width:960px;margin:50px auto 0;text-align:left;}
.guide-row{display:flex;gap:68px;align-items:flex-start;padding:30px 0;}
.guide-row + .guide-row{border-top:1px solid rgba(0,0,0,0.15);}
.guide-label{flex:0 0 186px;font-size:24px;font-weight:800;color:#6C2D3D;white-space:nowrap;line-height:30px;}
.guide-list{list-style:none;margin:0;padding:0;}
.guide-list li{position:relative;padding-left:15px;font-size:18px;color:#000;line-height:30px;}
.guide-list li::before{content:"";position:absolute;left:2px;top:13px;width:4px;height:4px;border-radius:50%;background:#000;}

/* ===================== COMMENTS ===================== */
.comments_wrap{width:815px;margin:0 auto;margin-bottom:32px;padding:75px 16px 75px;background-color:#fff;}
.cmt_write{align-items:flex-end;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #ddd;}
.cmt_write textarea{display:block;width:100%;height:120px;padding:12px 16px;font-size:14px;line-height:1.3;resize:none;box-sizing:border-box;border:1px solid #ddd;border-radius:10px;}
.cmt_write textarea::placeholder{color:#333;font-size:16px}
.cmt_write .btn_comments{display:block;width:106px;height:46px;margin-left:auto;margin-top:10px;background-color:#6C2D3D;color:#fff;font-weight:bold;font-size:18px;border-radius:5px;transition:background-color .3s cubic-bezier(0.22, 1, 0.36, 1), transform .3s cubic-bezier(0.22, 1, 0.36, 1);}
.cmt_write .btn_comments:hover:not(:disabled){background-color:#5a2432;transform:translateY(-1px);}
.cmt_write .btn_comments:disabled{background-color:#999;color:#fff;cursor:default}
.cmt_write textarea:focus{border:1px solid #1E1E1E;outline:none 0;}
.cmt_write textarea::-webkit-scrollbar{width:8px;}
.cmt_write textarea::-webkit-scrollbar-track{background:#eee;padding:2px;}
.cmt_write textarea::-webkit-scrollbar-thumb{background:#999;border-radius:10px;margin:2px;}
.cmt_box{position:relative;padding:24px 0;text-align:left;}
.cmt_box + .cmt_box{border-top:1px solid #ddd;}
.cmt_box .e_id{position:relative;display:block;padding-left:30px;font-size:20px;line-height:1;font-weight:bold;color:#1E1E1E}
.cmt_box .e_id:before{position:absolute;top:-2px;left:0;content:"";display:block;width:24px;height:24px;background:url(https://pic.neungyule.com/nebuildandgrow/img/event/2024/0806/ico_profile.png) no-repeat 0 0;background-size:24px auto;}
.cmt_box .e_time{display:block;font-size:14px;color:#888;margin-top:16px;}
.cmt_box .e_text{display:block;margin-top:6px;font-size:16px;color:#1E1E1E;line-height:1.4;white-space:pre-line;word-break:break-all;vertical-align:top}
.cmt_box .btn_del{display:block;position:absolute;right:0;top:18px;padding:8px 18px;border:1px solid #ddd;font-size:14px;font-weight:bold;cursor:pointer;color:#888;line-height:1;border-radius:5px;}
.cmt_box.cmt_none{padding:60px 0;border-bottom:1px solid #ddd;text-align:center;}

/* paging */
.paging{overflow:hidden;width:100%;margin:64px 0 24px;text-align:center}
.paging a{display:inline-block;width:42px;height:38px;line-height:38px;margin-left:-1px;border:1px solid #ddd;font-size:14px;color:#1E1E1E;vertical-align:middle;box-sizing:border-box;}
.paging a.first,.paging a.prev,.paging a.next,.paging a.last{width:32px;height:32px;margin:2px 0;border:0;background:url(https://pic.neungyule.com/nebuildandgrow/hug/ico_paging.png) no-repeat;text-indent:-9999px;background-size:120px auto;}
.paging a.first{background-position:-88px -0}
.paging a.prev{margin-right:10px;background-position:0 -44px}
.paging a.next{margin-left:10px;background-position:-32px -44px}
.paging a.last{background-position:-88px -32px}
.paging a.on{color:#fff;background:#1E1E1E;font-weight:bold;border-color:#1E1E1E;}

/* 레이어 팝업 */
.pop_layer_evt{display:none;position:fixed;overflow:hidden;top:30px;right:10px;bottom:30px;left:10px;z-index:99999;}
.pop_layer_evt.on{display:block;}
.pop_layer_evt button{font-family:inherit;border:none;box-shadow:none;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.pop_layer_evt_inner{overflow:hidden;position:relative;display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-width:320px;max-width:460px;max-height:100%;margin:0 auto;background-color:#fff;border-radius:10px;top:50%;transform:translateY(-50%);z-index:10;}
.pop_layer_evt_header{position:relative;padding:0 20px;}
.pop_layer_evt_header h4{padding:24px 0 14px;border-bottom:1px solid #ddd;font-size:20px;font-weight:bold;line-height:30px;color:#1E1E1E;}
.pop_layer_evt_header .pop_layer_evt_header_btn{position:absolute;right:14px;top:22px;width:32px;height:32px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M1 0a1 1 0 0 1 .707.293L11 9.586 20.293.293a1 1 0 0 1 1.414 0A1 1 0 0 1 22 1a1 1 0 0 1-.293.707L12.414 11l9.293 9.293a1 1 0 1 1-1.414 1.414L11 12.414l-9.293 9.293a1 1 0 0 1-1.414 0A1 1 0 0 1 0 21a1 1 0 0 1 .293-.707L9.585 11 .293 1.707A1 1 0 0 1 0 1 1 1 0 0 1 .293.293 1 1 0 0 1 1 0Z' data-name='합치기 28'/%3E%3C/svg%3E") 50% 50% no-repeat;background-size:22px auto;cursor:pointer}
.pop_layer_evt_cont{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:30px 0;}
.pop_layer_evt_cont::-webkit-scrollbar{width:10px;}
.pop_layer_evt_cont::-webkit-scrollbar-thumb{background-color:#DEDEDE;border-radius:10px;}
.pop_layer_evt_cont::-webkit-scrollbar-track{background-color:#ececec;border-radius:10px;}
.pop_layer_evt .txt{padding:0 20px;font-size:16px;line-height:1.5;word-break:keep-all;font-weight:bold;color:#1E1E1E;}
.pop_layer_evt .txt>strong{color:#6C2D3D;font-weight:bold;text-decoration:underline;}
.pop_layer_evt .txt_info{margin-top:16px;padding:0 20px;font-size:14px;line-height:20px;word-break:keep-all;}
.pop_layer_evt_footer .btn_wrap{display:flex;text-align:center;border-top:1px solid #E5E5E5;}
.pop_layer_evt_footer .btn_wrap .pop_layer_evt_btn{position:relative;display:inline-block;flex:1;height:60px;line-height:60px;font-size:16px;color:#555;background-color:#fff;cursor:pointer;}
.pop_layer_evt_footer .btn_wrap .pop_layer_evt_btn.btn_pri{color:#fff;font-weight:bold;background-color:#6C2D3D}
.pop_layer_evt_dim{position:fixed;left:0;top:0;height:100%;width:100%;background:black;filter:alpha(opacity=75);opacity:0.75;}

/* ===================== NOTICE ===================== */
.notice{padding:80px 0;background-color:#303030;text-align:left;}
.notice .notice_inner{max-width:1080px;margin:0 auto;padding:0 60px;box-sizing:border-box;}
.notice .notice_inner .mark_subject{display:block;margin-bottom:30px;font-size:30px;color:#fff;font-weight:700;}
.notice .notice_inner .mark_subject:before{content:'!';display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;margin-right:8px;border-radius:50%;background:#fff;color:#363636;font-size:24px;font-weight:800;vertical-align:top;}
.notice .notice_inner ul li{position:relative;padding-left:10px;font-weight:300;color:#fff;font-size:18px;letter-spacing:0}
.notice .notice_inner ul li + li{margin-top:12px}
.notice .notice_inner ul li:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:#fff;}

/* 초기 숨김 — GSAP이 로드되면 제어 (FOUC 방지) */
.tit .title-img,
.tit .sub,
.tit .date,
.deco { opacity: 0; will-change: transform, opacity, filter; }

/* 모션 최소화 사용자 대응: 즉시 노출 */
@media (prefers-reduced-motion: reduce){
  .tit .title-img, .tit .sub, .tit .date, .deco { opacity: 1; }
  .books-desc .books-track{animation: none;}
  *, *::before, *::after{
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}