@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;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:'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{/*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 *******/

.event_area{position:relative;margin:0 auto;min-width:1080px;letter-spacing:-0.02em}
.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}

.scene{position:relative;width:740px;height:540px;margin:20px auto 0;}

.visual{padding:120px 0 100px;text-align:center;background: #F1F1F1 url('https://pic.neungyule.com/nebuildandgrow/img/event/2026/0413/bg_back.png') no-repeat left 50% bottom 310px}
.visual .visual-header{position:relative;display:inline-block;}
.visual-title-wrap{margin:0;font-size:inherit;font-weight:inherit;}
.mark_subject{margin:0;font-size:inherit;}
.visual .badge{position:absolute;right:38px;top:-46px;display:flex;align-items:center;justify-content:center;width:118px;height:118px;background:#EDDA31;border-radius:50%;}
.visual .badge .badge-text{font-size:20px;color:#000;line-height:1.4;}
.visual .txt-sub{padding-top:50px;font-size:24px;color:rgba(0, 0, 0, 0.60);line-height:1.4;}
.visual .txt-sub strong{font-weight:700}
.book{position:absolute;/*width:155px;*/transition:transform 1.6s cubic-bezier(0.33,0.6,0.2,1),opacity 0.6s ease-out,filter 0.5s ease-out;opacity:0;}
.book img{width:100%;height:100%;}
.book-0{transition-delay:0s;}
.book-1{transition-delay:0.2s;}
.book-2{transition-delay:0.3s;}
.book-3{transition-delay:0.4s;}
.book-4{transition-delay:0.5s;}
.book-5{transition-delay:0.6s;}
.book-6{transition-delay:0.7s;}
.book-7{transition-delay:0.65s;}
.no-delay .book{transition:none !important;}


.npay-gift{position:absolute;right:110px;bottom:58px;z-index:20;opacity:0;width:225px;transform:translateY(40px);transition:opacity 0.2s ease,transform 0.6s cubic-bezier(0.16,1,0.3,1);}
.npay-gift.show{opacity:1;transform:translateY(0);}
.npay-gift img{width:100%;height:auto;}

.cart-back{position:absolute;left:0;top:0;width:740px;height:540px;background:url('https://pic.neungyule.com/nebuildandgrow/img/event/2026/0413/cart_back.png') no-repeat 0 0;background-size:cover;}
.cart-front{position:absolute;left:0;top:0;width:740px;height:540px;background:url('https://pic.neungyule.com/nebuildandgrow/img/event/2026/0413/cart_front.png') no-repeat 0 0;background-size:cover;pointer-events:none;}

.how-to{max-width:960px;margin:0 auto;padding:100px 0 0;text-align:center;}
.how-to-title{margin:0 0 60px;}
.how-to-steps{display:flex;gap:20px;justify-content:center;}
.step{height:220px;background:#f5f5f5;border-radius:24px;padding:55px 30px 40px;position:relative;text-align:center;}
.step-1{flex:0 0 244px;background:#f5f5f5 url('https://pic.neungyule.com/nebuildandgrow/img/event/2026/0413/ico_auth.svg') no-repeat left 50% bottom 40px / 80px auto;}
.step-2{flex:1;}
.step-num{position:absolute;left:50%;top:-18px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#000;color:#fff;font-size:20px;font-weight:800;}
.step-text{font-size:20px;font-weight:400;color:#000;line-height:1;}
.step-text strong{color:#E72E1C;text-decoration:underline;text-underline-offset:3px;}
.step-input-preview{display:flex;gap:20px;align-items:center;margin-top:30px;overflow:hidden;cursor:default;}
.step-input-preview span{flex:1;padding:17px 40px;font-size:20px;color:#CECECE;text-align:left;background:#fff;border-radius:10px;}
.step-input-preview em{display:inline-block;width:110px;padding:17px 10px;background:#0D0D0D;color:#fff;font-size:20px;font-weight:700;font-style:normal;border-radius:10px;}
.btn-mall{display:inline-block;margin-top:50px;padding:24px 148px;background:#E72E1C;color:#fff;font-size:30px;font-weight:800;border-radius:20px;text-decoration:none;letter-spacing:-0.04em;}

.event-info{max-width:480px;margin:0 auto;text-align:center;}
.event-info dl{display:inline-flex;flex-direction:column;gap:5px;text-align:left;}
.event-info .info-row{display:flex;align-items:center;gap:30px;}
.event-info dt{flex:0 0 150px;padding:14px 0;background:#E6E6E6;border-radius:100px;text-align:center;font-size:22px;font-weight:700;color:#343434;}
.event-info dd{font-size:20px;color:#000;}

.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:20px;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 + strong{margin-top:60px;}
.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;}
.notice .notice_inner ul li.important{color:#FEF073;font-weight:500}
.notice .notice_inner ul li.important:before{background-color:#FEF073;}

/* 댓글 등록 */
.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 .form_wrap{flex:1;} */
.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;-webkit-border-radius:5px;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:#E72E1C;color:#fff;font-weight:bold;font-size:18px;border-radius:5px}
.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;flex:1 1 auto;width:100%;min-width:320px;max-width:460px;max-height:100%;margin:0 auto;background-color:#fff;border-radius:10px 10px 10px 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:#E72E1C;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:#E72E1C}
.pop_layer_evt_dim{position:fixed;left:0;top:0;height:100%;width:100%;background:black;filter:alpha(opacity=75);opacity:0.75;}