@charset "UTF-8";

:root{
	--hero-bg:#e1c300;
	--primary:#b33025;
	--text:#000;
	--text-sub:#565656;
	--text-mute:#444;
	--line:#eaeaea;
	--bg-soft:#f0f0f0;
	--pill-bg:#f2f2f2;
	--c1:#df530a;--c2:#548f3b;--c3:#06776c;--c4:#eb6ea1;--c5:#7f73b2;
	--c6:#1093db;--c7:#d4ad02;--c8:#be4318;--c9:#013f98;--c10:#7a0575;
}
.book-card.c1,.preview-list .it.c1{--book-color:var(--c1);}
.book-card.c2,.preview-list .it.c2{--book-color:var(--c2);}
.book-card.c3,.preview-list .it.c3{--book-color:var(--c3);}
.book-card.c4,.preview-list .it.c4{--book-color:var(--c4);}
.book-card.c5,.preview-list .it.c5{--book-color:var(--c5);}
.book-card.c6,.preview-list .it.c6{--book-color:var(--c6);}
.book-card.c7,.preview-list .it.c7{--book-color:var(--c7);}
.book-card.c8,.preview-list .it.c8{--book-color:var(--c8);}
.book-card.c9,.preview-list .it.c9{--book-color:var(--c9);}
.book-card.c10,.preview-list .it.c10{--book-color:var(--c10);}

html,body{margin:0;padding:0;height:auto;color:#000;background:#fff;font-family:'Paperlogy','Pretendard Variable','Pretendard',sans-serif;}
body{padding-bottom:clamp(60px,16.67vw,120px);}
body, .event_area, .event_area *{font-family:'Paperlogy','Pretendard Variable','Pretendard',sans-serif;}
div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd{margin:0;padding:0;}
ul,ol,li{list-style:none;}
a{color:inherit;text-decoration:none;}
img{border:0;vertical-align:top;}
button{font-family:inherit;border:none;background:transparent;cursor:pointer;}

.event_area{position:relative;margin:0 auto;max-width:720px;letter-spacing:-0.02em;background:#fff;overflow:hidden;}

/* ===== 히어로 ===== */
.hero{position:relative;width:100%;padding:calc(210 / 720 * 100%) 0 calc(80 / 720 * 100%);text-align:center;box-sizing:border-box;}
.hero::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:calc(1340 / 720 * 100vw);max-height:1340px;background:var(--hero-bg);z-index:0;}
.hero > *{position:relative;z-index:1;}
.bi{position:absolute;left:calc(50 / 720 * 100%);top:calc(80 / 1205 * 100%);width:calc(263.25 / 720 * 100%);margin:0;z-index:5;display:block;}
.bi img{width:100%;display:block;}

.hero-eyebrow{font-weight:800;font-size:clamp(18px,4.17vw,30px);color:var(--primary);margin-bottom:calc(40 / 720 * 100%);}
.hero-logo{margin:0 auto calc(50 / 720 * 100%);line-height:0;}
.hero-logo img{display:inline-block;width:calc(521.8 / 720 * 100%);height:auto;}
.hero-sub{font-weight:700;font-size:clamp(22px,5.56vw,40px);color:#000;margin-bottom:calc(10 / 720 * 100%);line-height:1.35;}
.hero-sub strong{font-weight:800;}
.hero-desc{font-size:clamp(13px,3.06vw,22px);color:rgba(0,0,0,.6);margin-bottom:calc(50 / 720 * 100%);line-height:1.5;}

/* 스탯 */
.stats{display:flex;justify-content:center;align-items:flex-start;gap:clamp(6px,1.8vw,14px);padding:0 calc(48 / 720 * 100%);margin-bottom:0;}
.stats:before{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%;height:1px;background:var(--primary);z-index:-1;}
.stat-item{flex:1;aspect-ratio:165/161;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:clamp(14px,3vw,24px) 0;text-align:center;position:relative;background:url('https://pic.neungyule.com/nebuildandgrow/img/event/2026/0601/m/bg_stat.svg') no-repeat 50% 50% / 100% 100%;box-sizing:border-box;}
.stat-num{font-family:'Paperlogy',sans-serif;font-weight:900;font-size:clamp(32px,7.71vw,55.5px);line-height:1;color:var(--primary);letter-spacing:-0.02em;}
.stat-num .pct{font-size:0.36em;font-weight:900;vertical-align:bottom;margin-left:2px;}
.stat-unit{font-family:'Paperlogy',sans-serif;font-weight:900;font-size:clamp(13px,2.78vw,20px);color:var(--primary);margin-top:3px;}
.stat-unit.unit-nanum{font-family:'NanumSquare Neo','Paperlogy',sans-serif;font-weight:800;}
.stat-desc{margin-top:clamp(6px,2.08vw,15px);font-size:clamp(11px,2.5vw,18px);color:var(--text-mute);line-height:1.3;}

/* 책 라인업 (자동 슬라이드) */
.books{margin-top:calc(40 / 720 * 100%);position:relative;z-index:6;overflow:visible !important;}
.books .swiper-wrapper,.books .swiper-slide,.books .book-card{overflow:visible !important;}
.book-card.tip-open{z-index:50;}
.book-more{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin-top:clamp(4px,1vw,8px);padding:clamp(4px,1vw,8px) clamp(8px,2vw,14px);background:transparent;border:1px solid var(--book-color);border-radius:100px;color:var(--book-color);font-weight:600;font-size:clamp(10px,2.3vw,14px);line-height:1;cursor:pointer;}
.book-more .arr{display:inline-block;width:0.55em;height:0.55em;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s;}
.book-card.tip-open .book-more .arr{margin-top:2px;transform:translateY(1px) rotate(-135deg);}
.book-tip{position:absolute;left:50%;bottom:calc(100% + clamp(8px,2.2vw,16px));transform:translateX(-50%) translateY(6px);width:calc(488 / 720 * 100vw);max-width:488px;background:#fff;border:clamp(2px,0.56vw,4px) solid var(--book-color);border-radius:clamp(8px,2.08vw,15px);box-shadow:clamp(6px,2.21vw,16px) clamp(6px,2.21vw,16px) clamp(3px,0.88vw,6.4px) rgba(0,0,0,.15);padding:clamp(24px,6.94vw,50px) 0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;z-index:40;box-sizing:border-box;text-align:left;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.78vw,20px);}
.book-tip::after{content:'';position:absolute;left:50%;top:100%;transform:translateX(-50%);width:0;height:0;border-left:clamp(10px,2.78vw,20px) solid transparent;border-right:clamp(10px,2.78vw,20px) solid transparent;border-top:clamp(12px,3.33vw,24px) solid var(--book-color);}
.book-card.tip-open .book-tip{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.book-tip .tip-title{color:var(--book-color);font-weight:800;font-size:clamp(24px,6.62vw,47.7px);text-align:center;line-height:1.1;letter-spacing:-0.02em;}
.book-tip ul{display:flex;flex-direction:column;gap:clamp(2px,0.69vw,5px);width:calc(387 / 488 * 100%);}
.book-tip li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eaeaea;font-size:clamp(12px,3.19vw,23px);line-height:clamp(36px,8.33vw,60px);letter-spacing:-0.02em;}
.book-tip li:last-child{border-bottom:none;}
.book-tip li span:first-child{color:#4d4d4d;font-weight:300;}
.book-tip li span:last-child{color:#000;font-weight:700;text-align:right;}
.books .swiper-wrapper{transition-timing-function:linear !important;align-items:flex-start;}
.books .swiper-slide{width:auto;}
.book-card{width:calc(200 / 720 * 100vw);max-width:200px;text-align:center;position:relative;}
.book-card img{display:block;width:100%;height:auto;aspect-ratio:263/358;object-fit:cover;}
.book-card .label{display:block;width:100%;font-weight:600;font-size:clamp(11px,2.4vw,16px);color:var(--book-color);text-align:center;}
.badge-new{position:absolute;top:-8px;right:0;width:clamp(38px,9vw,60px);aspect-ratio:1/1;background:url('https://pic.neungyule.com/nebuildandgrow/img/event/2026/0601/m/bg_new.svg') no-repeat 50% 50% / 100% 100%;color:#fff;font-weight:900;font-size:clamp(10px,2.4vw,16px);display:flex;align-items:center;justify-content:center;z-index:2;}

/* ===== 탭 ===== */
.tab-bar{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:center;height:clamp(48px,11vw,72px);z-index:50;}
.tab-bar .tab{flex:1;text-align:center;font-weight:700;font-size:clamp(16px,4vw,28px);line-height:clamp(48px,11vw,72px);color:#d1d1d1;cursor:pointer;position:relative;}
.tab-bar .tab.active{color:var(--primary);}
.tab-bar .tab.active::after{content:'';position:absolute;left:50%;bottom:-1px;width:50%;height:3px;background:var(--primary);transform:translateX(-50%);}

.tab-content{padding:clamp(30px,7vw,56px) 0 0;display:none;}
.tab-content.active{display:block;}

/* 정보 pills */
.info-list{margin:0 auto clamp(40px,8vw,72px);padding:0 calc(50 / 720 * 100%);display:flex;flex-direction:column;gap:clamp(8px,1.8vw,14px);box-sizing:border-box;}
.info-row{display:flex;align-items:center;gap:clamp(12px,3vw,22px);}
.info-row .pill{display:inline-flex;align-items:center;justify-content:center;background:var(--pill-bg);border-radius:100px;height:clamp(28px,6vw,42px);padding:0 clamp(16px,3.5vw,28px);font-size:clamp(13px,2.8vw,18px);color:var(--text-sub);min-width:clamp(64px,15vw,108px);box-sizing:border-box;flex-shrink:0;}
.info-row .val{font-weight:600;font-size:clamp(13px,2.8vw,18px);color:#000;}

/* 왜 Read It */
.why{padding:0 calc(50 / 720 * 100%);}
.why h2{color:var(--primary);font-weight:900;font-size:clamp(24px,6vw,42px);margin-bottom:clamp(14px,3.5vw,26px);letter-spacing:-0.02em;}
.why .why-sub{display:flex;align-items:center;justify-content:center;gap:2px;border:1px solid var(--line);border-radius:8px;min-height:clamp(34px,7vw,48px);padding:clamp(8px,1.8vw,12px) clamp(12px,3vw,22px);color:var(--text-sub);font-size:clamp(12px,3.33vw,24px);margin-bottom:clamp(14px,3vw,23px);box-sizing:border-box;flex-wrap:wrap;text-align:center;}
.why .why-sub .arr{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #565656;opacity:0.56;transform:rotate(-90deg);margin:0 6px;}

.why-list{display:flex;flex-direction:column;}
.why-list .it{padding:clamp(40px,11.11vw,80px) 0;background-image:linear-gradient(to right,#d4d4d4 50%,transparent 0);background-size:clamp(8px,2.2vw,16px) 1px;background-repeat:repeat-x;background-position:left bottom;}
.why-list .it:last-child{background-image:none;}
.why-list .it h3{position:relative;padding-left:clamp(28px,6vw,40px);font-weight:800;font-size:clamp(18px,4.4vw,28px);line-height:1.3;color:#000;margin-bottom:clamp(10px,2.4vw,16px);letter-spacing:-0.02em;}
.why-list .it h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:clamp(20px,4.4vw,28px);height:clamp(20px,4.4vw,28px);background:url(https://pic.neungyule.com/nebuildandgrow/img/event/2026/0601/m/ico_check.svg) no-repeat center/contain;}
.why-list .it p{padding-left:clamp(28px,6vw,40px);font-size:clamp(13px,3vw,18px);line-height:1.6;color:var(--text-sub);word-break:keep-all;}

/* ===== Online Resource ===== */
.online{margin-top:clamp(40px,8vw,72px);background:var(--bg-soft);padding:clamp(40px,8vw,72px) 0 clamp(50px,10vw,100px);text-align:center;position:relative;}
.online h2{color:var(--primary);font-weight:900;font-size:clamp(26px,6.5vw,46px);margin-bottom:clamp(20px,4vw,32px);letter-spacing:-0.02em;}
.online-list{display:flex;flex-wrap:nowrap;gap:calc(20 / 720 * 100vw);padding:0 calc(40 / 720 * 100vw);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.online-list::-webkit-scrollbar{display:none;}
.online-item{position:relative;text-align:center;flex:0 0 auto;width:calc(160 / 720 * 100vw);max-width:160px;}
.online-item::after{content:'';position:absolute;right:calc(-10 / 720 * 100vw);top:calc(30 / 720 * 100vw);display:inline-block;width:1px;height:clamp(83px,23.19vw,167px);background:rgba(217, 217, 217, 1)}
.online-item:last-child::after{display:none}
.online-item .ico{width:100%;aspect-ratio:1/1;border-radius:10px;background-image:url('https://pic.neungyule.com/nebuildandgrow/img/event/2026/0601/m/ico_resource.svg');background-repeat:no-repeat;background-color:transparent;background-size:900% 100%;}
.online-item:nth-child(1) .ico{background-position:0% 0;}
.online-item:nth-child(2) .ico{background-position:12.5% 0;}
.online-item:nth-child(3) .ico{background-position:25% 0;}
.online-item:nth-child(4) .ico{background-position:37.5% 0;}
.online-item:nth-child(5) .ico{background-position:50% 0;}
.online-item:nth-child(6) .ico{background-position:62.5% 0;}
.online-item:nth-child(7) .ico{background-position:75% 0;}
.online-item:nth-child(8) .ico{background-position:87.5% 0;}
.online-item:nth-child(9) .ico{background-position:100% 0;}
.online-item .nm{margin-top:clamp(6px,1.5vw,12px);font-size:clamp(11px,2.92vw,21px);color:var(--text-sub);line-height:1.25;letter-spacing:-0.02em;font-weight:400;}

/* ===== 미리보기 탭 ===== */
.preview-list{margin:0 auto;padding:0 calc(40 / 720 * 100%) clamp(60px,12vw,100px);display:flex;flex-direction:column;gap:clamp(60px,16.67vw,120px);box-sizing:border-box;}
.preview-list .it{display:flex;flex-direction:column;align-items:center;gap:calc(10 / 720 * 100%);padding:0;border:none;text-align:center;}
.preview-list .cover{position:relative;width:calc(346 / 720 * 100%);}
.preview-list .cover img{width:100%;height:auto;display:block;object-fit:contain;aspect-ratio:346/472;}
.preview-list .badge_new{position:absolute;top:calc(-5 / 472 * 100%);left:calc(-16.5 / 346 * 100%);width:calc(98 / 346 * 100%);aspect-ratio:1/1;background:url('https://pic.neungyule.com/nebuildandgrow/img/event/2026/0601/m/bg_new2.svg') no-repeat 50% 50% / 100% 100%;color:#fff;font-weight:900;font-size:clamp(11px,2.7vw,19.5px);display:flex;align-items:center;justify-content:center;z-index:2;}
.preview-list .info{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(20px,5.56vw,40px);}
.preview-list .info .txt{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.78vw,20px);width:100%;}
.preview-list .tit{font-weight:800;font-size:clamp(20px,5.56vw,40px);line-height:1.1;color:var(--book-color,var(--primary));letter-spacing:-0.02em;}
.preview-list .txt-inner{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.78vw,20px);width:100%;}
.preview-list .sub_tit{font-weight:600;font-size:clamp(13px,3.33vw,24px);line-height:1.4;color:#000;letter-spacing:-0.02em;}
.preview-list .desc{font-weight:400;font-size:clamp(12px,3.33vw,24px);line-height:1.45;color:var(--text-sub);word-break:keep-all;width:calc(619 / 640 * 100%);line-height:1.66}
.preview-list .btns{display:flex;gap:clamp(5px,1.25vw,9px);align-items:stretch;width:100%;justify-content:center;}
.preview-list .btn_preview,
.preview-list .btn_buy{display:inline-flex;flex:1 1 0;min-width:0;padding:clamp(14px,4.17vw,30px) clamp(20px,7.36vw,53px);align-items:center;justify-content:center;border-radius:clamp(5px,1.39vw,10px);font-weight:800;font-size:clamp(14px,3.33vw,24px);box-sizing:border-box;letter-spacing:-0.02em;}
.preview-list .btn_preview{background:#f2f2f2;color:#0e0e0e;}
.preview-list .btn_buy{background:#e1c300;color:#fff;}

/* ===== 하단 고정 CTA ===== */
.bottom-cta{position:fixed;left:0;right:0;bottom:0;z-index:200;display:flex;max-width:720px;margin:0 auto;height:clamp(60px,16.67vw,120px);}
.btn-bottom{flex:1;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(18px,5vw,36px);color:#fff;letter-spacing:-0.02em;color:#fff;}
.btn-bottom.solid-dark{background:#2a2a2a;color:#fff;}
.btn-bottom.solid-red{background:var(--primary);color:#fff;}
.cta-character{position:absolute;right:0;bottom:100%;width:calc(176 / 720 * 100%);aspect-ratio:176/149;pointer-events:none;display:block;}
.cta-character .pupils{transition:transform .25s cubic-bezier(.34,1.56,.64,1);}
.btn-bottom:active{opacity:.85;}

@media (min-width:720px){
	/*.bottom-cta{position:fixed;left:50%;transform:translateX(-50%);width:720px;}*/
}