@charset "UTF-8";

/* ====== 폰트 ====== */
@font-face{font-family:"GangwonEduPower";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff") format("woff");font-weight:800;font-style:normal;font-display:swap;}

/* ====== 변수 ====== */
:root{--c-sky:#60c6f9;--c-blue:#0053e2;--c-blue-deep:#003dd9;--c-cyan:#42e9ff;--c-red:#d34e3d;--c-red-dark:#cc4f3f;--c-green:#098b87;--c-gray:#e8e8e8;}

/* ====== reset ====== */
*{-webkit-text-size-adjust:none;box-sizing:border-box;}
html,body{margin:0;padding:0;min-width:320px;}
body{overflow-y:scroll;font:14px/1.4 "Paperlogy","Pretendard",NanumSquareRound,Dotum,'Apple Gothic',sans-serif;color:#1e1e1e;letter-spacing:-0.02em;background:#fff;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,figure{margin:0;padding:0;font-weight:400;}
ul,ol,li{list-style:none;}
img{max-width:100%;vertical-align:top;border:0;}
strong,em{font-style:normal;font-weight:inherit;}
a{color:inherit;text-decoration:none;}

/* ====== container ====== */
.event_area{position:relative;margin:0 auto;max-width:720px;background:#fff;overflow:hidden;}

/* ====== HERO ====== */
.visual{position:relative;overflow:hidden;min-height:clamp(532px,147.78vw,1064px);background:url("https://pic.neungyule.com/nebuildandgrow/img/event/2026/0526/m/character.webp") no-repeat left 50% bottom -40% / 95.55% auto, var(--c-sky);}

/* BI 로고 */
.visual .bi{position:absolute;z-index:3;left:clamp(25px,6.94vw,50px);top:clamp(25px,6.94vw,50px);width:clamp(131.25px,36.46vw,262px);margin:0;line-height:0;}
.visual .bi img{display:block;width:100%;height:auto;}

/* 좌우 나뭇잎 */
.visual .leaf{position:absolute;pointer-events:none;display:block;z-index:0;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;aspect-ratio:1/1;transform-origin:50% 0;will-change:transform;}
.visual .leaf.left{background-image:url("https://pic.neungyule.com/nebuildandgrow/img/event/2026/0526/m/leaf_left.svg");width:clamp(140px,38.89vw,280px);left:clamp(-70px,-11.11vw,-40px);top:clamp(-40px,-5.56vw,-20px);transform:rotate(-12deg);animation:leafSwayLeft 4.6s ease-in-out infinite;}
.visual .leaf.right{background-image:url("https://pic.neungyule.com/nebuildandgrow/img/event/2026/0526/m/leaf_right.svg");width:clamp(115px,32.22vw,232px);right:clamp(-65px,-9.72vw,-35px);top:clamp(15px,5vw,36px);transform:rotate(8deg);animation:leafSwayRight 5.2s ease-in-out infinite;animation-delay:-1.3s;}
@keyframes leafSwayLeft{0%,100%{transform:rotate(-12deg) translateY(0);}50%{transform:rotate(-6deg) translateY(clamp(3px,0.83vw,6px));}}
@keyframes leafSwayRight{0%,100%{transform:rotate(8deg) translateY(0);}50%{transform:rotate(2deg) translateY(clamp(3px,0.83vw,6px));}}

.visual .wrap{position:relative;z-index:2;text-align:center;}

/* 타이틀 */
.visual .tit{padding:clamp(70px,19.44vw,140px) 0 0;}
.visual .tit .sub{font-family:"Paperlogy",sans-serif;font-weight:600;color:#fff;font-size:clamp(23px,6.39vw,46px);letter-spacing:0.1em;margin-bottom:clamp(14px,4.17vw,30px);}
.visual .tit h2{font-family:"GangwonEduPower","Paperlogy",sans-serif;font-weight:800;color:var(--c-blue-deep);font-size:clamp(50px,13.89vw,100px);line-height:1;letter-spacing:-0.04em;}
.visual .tit h2 span{display:block;margin-top:clamp(4px,1.11vw,8px);}

/* 말풍선 */
.visual .bubbles{position:relative;margin:clamp(28px,7.78vw,56px) auto 0;width:min(96%,720px);height:clamp(220px,61.11vw,440px);}
.visual .bubble{position:absolute;background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%;display:flex;align-items:center;justify-content:center;padding-bottom:clamp(15px,4.17vw,30px);}
.visual .bubble p{font-weight:400;color:#000;text-align:center;font-size:clamp(12px,3.33vw,24px);line-height:1.3;padding:0 clamp(8px,2.22vw,16px);}
.visual .bubble p strong{font-weight:700;}
.visual .bubble.b1{background-image:url("https://pic.neungyule.com/nebuildandgrow/img/event/2026/0526/m/bubble1.webp");left:clamp(8px,2.22vw,16px);top:clamp(60px,16.67vw,120px);width:clamp(130px,36.11vw,260px);height:clamp(112px,31.11vw,224px);}
.visual .bubble.b2{background-image:url("https://pic.neungyule.com/nebuildandgrow/img/event/2026/0526/m/bubble2.webp");left:50%;top:0;width:clamp(126px,35vw,252px);height:clamp(112px,31.11vw,224px);padding-bottom:clamp(22.5px,6.25vw,45px);transform:translateX(-50%);}
.visual .bubble.b3{background-image:url("https://pic.neungyule.com/nebuildandgrow/img/event/2026/0526/m/bubble3.webp");right:clamp(8px,2.22vw,16px);top:clamp(77.5px,21.53vw,155px);width:clamp(133px,36.94vw,266px);height:clamp(112px,31.11vw,224px);}

/* ====== 띠배너 ====== */
.band{background:var(--c-blue);color:#fff;text-align:center;padding:clamp(40px,11.11vw,80px) clamp(20px,5.56vw,40px);}
.band .sub{font-family:"Paperlogy",sans-serif;font-weight:300;color:#fff;font-size:clamp(16px,4.44vw,32px);margin-bottom:clamp(5px,1.39vw,10px);}
.band .main{font-family:"Paperlogy",sans-serif;color:var(--c-cyan);font-size:clamp(25px,6.94vw,50px);line-height:clamp(32px,8.89vw,64px);letter-spacing:-0.02em;display:flex;flex-direction:column;}
.band .main strong{font-weight:900;display:block;}

/* ====== 커리큘럼 ====== */
.curriculum{text-align:center;padding:clamp(65px,18.06vw,130px) clamp(20px,5.56vw,40px) clamp(167.5px,46.53vw,335px);background:#fff url('https://pic.neungyule.com/nebuildandgrow/img/event/2026/0526/m/curriculum_im.webp') no-repeat 50% 100% / 73.33% auto;}
.curriculum h3{font-family:"GangwonEduPower","Paperlogy",sans-serif;font-weight:800;color:#000;font-size:clamp(35px,9.72vw,70px);line-height:1;margin-bottom:clamp(35px,9.72vw,70px);}
.curriculum .boxes{display:flex;flex-direction:column;align-items:center;gap:clamp(15px,4.17vw,30px);}
.curriculum .box{background:var(--c-gray);border-radius:clamp(10px,2.78vw,20px);padding:clamp(25px,6.94vw,50px) clamp(40px,11.11vw,80px);min-width:clamp(190px,52vw,374px);}
.curriculum .box .title{font-family:"Paperlogy",sans-serif;font-weight:600;color:#000;font-size:clamp(25px,6.94vw,50px);line-height:1;margin-bottom:clamp(10px,2.78vw,20px);}
.curriculum .box .description{font-family:"Paperlogy",sans-serif;font-weight:400;color:var(--c-blue);font-size:clamp(13px,3.61vw,26px);line-height:1.2;}
.curriculum .plus{font-family:"Paperlogy",sans-serif;font-weight:700;color:rgba(0,0,0,0.5);font-size:clamp(40px,11.11vw,80px);line-height:1;}
.curriculum .body{margin-top:clamp(40px,11.11vw,80px);}
.curriculum .desc{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:clamp(10px,2.78vw,20px);max-width:clamp(300px,83.33vw,600px);margin:0 auto;}
.curriculum .desc li{position:relative;font-family:"Paperlogy",sans-serif;font-weight:400;color:#000;font-size:clamp(16px,4.44vw,32px);line-height:1.4;padding-left:clamp(22px,6.11vw,44px);}
.curriculum .desc li::before{content:"";position:absolute;left:0;top:clamp(4px,1.11vw,8px);width:clamp(16px,4.58vw,33px);height:clamp(18px,5vw,36px);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 36'><path d='M3 18 L13 28 L30 6' stroke='%230053e2' stroke-width='5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat 50% 50%/100% auto;}
.curriculum .desc li em{color:var(--c-blue);}

/* ====== 교재구성 ====== */
.materials{background:var(--c-sky);padding:clamp(65px,18.06vw,130px) 0;overflow:hidden;}
.materials h3{font-family:"GangwonEduPower","Paperlogy",sans-serif;font-weight:800;color:#000;text-align:center;font-size:clamp(35px,9.72vw,70px);line-height:1;margin-bottom:clamp(30px,8.33vw,60px);}
.materials-list{display:flex;flex-direction:column;align-items:center;gap:clamp(65px,18.06vw,130px);padding:0 clamp(30px,8.33vw,60px);}
.materials .card{display:flex;flex-direction:column;align-items:center;gap:clamp(35px,9.72vw,70px);width:100%;max-width:clamp(300px,83.33vw,600px);}
.materials .card .badge{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(44px,12.22vw,88px);border-radius:clamp(50px,13.89vw,100px);font-family:"Paperlogy",sans-serif;font-weight:600;color:#fff;font-size:clamp(20px,5.56vw,40px);line-height:1;letter-spacing:-0.02em;}
.materials .basic .badge{background:var(--c-red-dark);}
.materials .actual .badge{background:var(--c-green);}
.materials .books{position:relative;width:clamp(278px,77.22vw,556px);height:clamp(126px,35.06vw,252.4px);overflow:visible;}
.materials .books .layer{display:block;line-height:0;}
.materials .books .layer img{display:block;width:100%;height:auto;object-fit:contain;}
.materials .books .layer.left{position:absolute;z-index:1;width:53.92%;left:-16.94%;top:-18.83%;}
.materials .books .layer.right{position:absolute;z-index:1;width:77.89%;left:29.9%;top:-18.83%;}
.materials .books .layer.plus{position:absolute;z-index:2;left:39.46%;top:45.1%;transform:translate(-50%,-50%);font-family:"Paperlogy",sans-serif;font-weight:700;font-size:clamp(35px,9.81vw,70.6px);line-height:1;letter-spacing:-0.04em;}
.materials .basic .books .layer.plus{color:var(--c-red);}
.materials .actual .books .layer.plus{color:var(--c-green);}
.materials .info{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(7px,2.08vw,15px);width:100%;}
.materials .info li{display:flex;align-items:flex-start;gap:clamp(10px,2.78vw,20px);font-family:"Paperlogy",sans-serif;font-weight:400;color:#000;font-size:clamp(14px,3.89vw,28px);line-height:clamp(23px,6.39vw,46px);letter-spacing:0.03em;}
.materials .info li .label{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:clamp(82.5px,22.92vw,165px);padding:clamp(6px,1.67vw,12px) 0;border-radius:clamp(3px,0.69vw,5px);color:#fff;font-weight:600;font-size:clamp(14px,3.89vw,28px);line-height:1;letter-spacing:0;white-space:nowrap;}
.materials .basic .info li .label{background:var(--c-red);}
.materials .actual .info li .label{background:var(--c-green);}
.materials .info li .label.spread{justify-content:space-between;padding-left:clamp(15px,4.17vw,30px);padding-right:clamp(15px,4.17vw,30px);}

/* ====== 띠배너 2 ====== */
.band.band2 .main{font-family:"Paperlogy",sans-serif;font-weight:900;color:var(--c-cyan);font-size:clamp(25px,6.94vw,50px);line-height:clamp(32px,8.89vw,64px);letter-spacing:-0.02em;}

/* ====== 푸터 ====== */
.event_area > footer{display:block;background:#fff;}
.event_area > footer img{display:block;width:100%;height:auto;}

/* ====== GSAP reveal 초기 상태 (FOUC 방지) ====== */
[data-reveal]{visibility:hidden;opacity:0;will-change:transform,opacity;}
.visual .tit .sub,
.visual .tit h2,
.visual .tit h2 span,
.visual .bubble,
.visual .bubble p{visibility:hidden;opacity:0;}
html.no-gsap [data-reveal],
html.no-gsap .visual .tit .sub,
html.no-gsap .visual .tit h2,
html.no-gsap .visual .tit h2 span,
html.no-gsap .visual .bubble,
html.no-gsap .visual .bubble p{visibility:visible !important;opacity:1 !important;}

/* ====== split-text 글자 애니메이션 ====== */
.split-text{display:inline-flex;gap:0;}
.split-text .ch{display:inline-block;opacity:0;filter:blur(8px);transform:translateY(8px);transition:opacity .5s ease,filter .5s ease,transform .5s ease;transition-delay:calc(var(--i) * 0.05s);}
.split-text.is-in .ch{opacity:1;filter:blur(0);transform:none;}

/* ====== 720+ ====== */
@media (min-width:721px){
	.event_area{box-shadow:0 0 clamp(10px,2.78vw,20px) rgba(0,0,0,0.05);}
}