@charset "UTF-8";

/* ====== 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:815px;background:#fff;overflow:hidden;}

/* BI 로고 */
.visual .bi{position:absolute;z-index:5;left:clamp(25px,6.13vw,50px);top:clamp(25px,6.13vw,50px);width:clamp(105px,25.77vw,210px);margin:0;line-height:0;}
.visual .bi img{display:block;width:100%;height:auto;}


/* ====== HERO visual (815 기준) ====== */
/* 컨테이너: 815:1100 비율 고정(aspect-ratio) → 좁은 폭에서도 받침(base)이 항상 바닥에 flush */
.visual{position:relative;overflow:hidden;aspect-ratio:815 / 1092;background:#fffbf2;}

/* 타이틀 (이미지 1장 — 텍스트 포함) : x198 y150 w418.32 → 가로 중앙 */
/* 중앙정렬은 transform 대신 left/right:0 + margin:auto (GSAP가 transform 제어해도 안 깨지도록) */
.visual .tit{position:absolute;z-index:3;left:0;right:0;top:13.64%;margin:0 auto;width:51.33%;line-height:0;}
.visual .tit img{display:block;width:100%;height:auto;}

/* 오브젝트 그래픽 그룹 : Frame55 x123 y523 w569 h627.27 → 가로 중앙, 비율 고정 후 내부 % 배치 */
.visual .obj{position:absolute;z-index:1;left:50%;top:47.55%;transform:translateX(-50%);width:69.82%;aspect-ratio:569 / 627.271;}
.visual .obj .item{position:absolute;display:block;height:auto;}
.visual .obj .fan  {left:43.97%;top:1px;width:47.98%;}              /* item-2 오렌지 부채꼴 */
.visual .obj .shelf{left:7.23%;top:calc(66.12% + 1px);width:49.00%;} /* item-3 오렌지 사각 */
.visual .obj .pink {left:40.56%;top:calc(27.69% + 1px);width:29.34%;} /* item-4 핑크 사각 */
.visual .obj .bowl {left:5.22%;top:calc(33.33% + 2px);width:53.84%;}  /* item-5 옐로우 반원 */
.visual .obj .badge{left:56.22%;top:calc(49.00% + 1px);width:31.73%;} /* item-6 그린 July EVENT */
.visual .obj .base {left:0;top:calc(77.78% + 1px);width:100%;}        /* item-0 옐로우 줄무늬 받침 */
.visual .obj .tri  {left:20.05%;top:calc(19.88% + 1px);width:25.18%;} /* item-1(가정) 블루 삼각형 */

/* 파티클 (불꽃/스크리블 데코) — visual 기준 % 배치 */
.visual .particle{position:absolute;z-index:2;display:block;height:auto;pointer-events:none;}
.visual .particle.p1{left:9.94%;top:55.73%;width:10.25%;}
.visual .particle.p4{left:60.25%;top:56%;width:22.94%;}
.visual .particle.p3{left:15.46%;top:65.22%;width:19.89%;}
.visual .particle.p2{left:82.09%;top:75.45%;width:10.24%;}

/* 진입 모션 FOUC 방지 (GSAP 미로드 시 강제 노출) */
.visual .bi,.visual .tit,.visual .obj .item,.visual .particle{visibility:hidden;opacity:0;will-change:transform,opacity;}
html.no-gsap .visual .bi,html.no-gsap .visual .tit,html.no-gsap .visual .obj .item,html.no-gsap .visual .particle{visibility:visible!important;opacity:1!important;}

/* ====== 스크롤 reveal 유틸 (하위 섹션용) ====== */
/* [data-reveal] 요소는 초기 숨김 → 화면 진입 시 JS(GSAP)가 노출. GSAP 미로드 시 강제 노출 */
[data-reveal]{visibility:hidden;opacity:0;will-change:transform,opacity;}
html.no-gsap [data-reveal]{visibility:visible!important;opacity:1!important;}


/* ====== section1 — 슬슬 시작해야 할 때가 (815 기준) ====== */
.section1{background:#ffb81a;padding:clamp(70px,17.18vw,140px) clamp(38.5px,9.45vw,77px);}
.section1 .inner{display:flex;flex-direction:column;align-items:center;gap:clamp(30px,7.36vw,60px);width:100%;max-width:660px;margin:0 auto;}

/* 타이틀 */
.section1 .tit{font-family:"Paperlogy",sans-serif;color:#222;text-align:center;font-size:clamp(25px,6.13vw,50px);line-height:clamp(32px,7.85vw,64px);}
.section1 .tit .t1{display:block;font-weight:300;}
.section1 .tit .t2{display:block;font-weight:800;}

/* 동그라미 2개 (흰 원 + astro 아이콘 + 문구) */
.section1 .circles{display:flex;justify-content:center;gap:clamp(10px,2.45vw,20px);width:100%;}
.section1 .circle{position:relative;flex:1 1 0;max-width:clamp(160px,39.26vw,320px);aspect-ratio:1;background:#fff;border-radius:50%;overflow:hidden;}
.section1 .circle .astro{position:absolute;top:17.19%;left:50%;transform:translateX(-50%) rotate(90deg);width:9.375%;height:auto;}
.section1 .circle .txt{position:absolute;top:36.56%;left:50%;transform:translateX(-50%);width:100%;padding:0 8%;box-sizing:border-box;text-align:center;font-family:"Pretendard Variable",Pretendard,sans-serif;font-weight:500;color:#222;font-size:clamp(15px,3.68vw,30px);line-height:1.35;}
.section1 .circle .txt strong{font-weight:800;}

/* 지금!! 배너 + 리드 문구 */
.section1 .now{display:flex;flex-direction:column;align-items:center;gap:clamp(7px,1.72vw,14px);width:100%;}
.section1 .now .badge{width:clamp(72.5px,17.79vw,145px);line-height:0;}
.section1 .now .badge img{display:block;width:100%;height:auto;}
.section1 .now .lead{font-family:"Paperlogy",sans-serif;font-weight:800;color:#222;text-align:center;font-size:clamp(16px,3.93vw,32px);line-height:1.3;}


/* ====== section2 — 예비중등 대비 교재 (815 기준) ====== */
.section2{background:#fff8ea;padding:clamp(70px,17.18vw,140px) clamp(30px,7.36vw,60px);}
.section2 .inner{display:flex;flex-direction:column;align-items:center;gap:clamp(50px,12.27vw,100px);width:100%;max-width:695px;margin:0 auto;}

/* 타이틀 (이미지) */
.section2 .tit{width:clamp(249.5px,61.23vw,499px);line-height:0;}
.section2 .tit img{display:block;width:100%;height:auto;}

/* 학습대상 / 핵심포인트 */
.section2 .intro{display:flex;flex-direction:column;align-items:center;gap:clamp(40px,9.82vw,80px);width:100%;}
.section2 .pill{display:inline-flex;align-items:center;justify-content:center;width:clamp(160px,39.26vw,320px);padding:clamp(5px,1.23vw,10px) clamp(10px,2.45vw,20px);background:#222;color:#fff;border-radius:clamp(20.5px,5.03vw,41px);box-sizing:border-box;font-family:"Pretendard Variable",Pretendard,sans-serif;font-weight:800;font-size:clamp(16px,3.93vw,32px);line-height:clamp(14px,3.44vw,28px);white-space:nowrap;}
.section2 .target{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.45vw,20px);}
.section2 .target .val{font-family:"Pretendard Variable",Pretendard,sans-serif;font-weight:600;color:#3d3d3d;font-size:clamp(16px,3.93vw,32px);text-align:center;}
.section2 .points{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.45vw,20px);width:100%;}
.section2 .point{display:flex;flex-direction:column;align-items:center;gap:clamp(5px,1.23vw,10px);padding:clamp(4px,0.98vw,8px) 0;text-align:center;}
.section2 .point .no{font-family:"Pretendard Variable",Pretendard,sans-serif;font-weight:800;color:#222;font-size:clamp(16px,3.93vw,32px);line-height:clamp(21px,5.15vw,42px);}
.section2 .point .desc{font-family:"Pretendard Variable",Pretendard,sans-serif;font-weight:500;color:#3d3d3d;font-size:clamp(15px,3.68vw,30px);line-height:clamp(21px,5.15vw,42px);}
.section2 .point .desc strong{font-weight:800;}
/* 형광펜 하이라이트 (하단 45% 노랑) */
.section2 .hl{background:linear-gradient(transparent 55%,#ffeaa7 55%);-webkit-box-decoration-break:clone;box-decoration-break:clone;}

/* 교재 그리드 (2단) */
.section2 .books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(12.5px,3.07vw,25px);row-gap:clamp(10px,2.45vw,20px);width:100%;}
.section2 .card{display:flex;flex-direction:column;align-items:center;gap:clamp(5px,1.23vw,10px);padding:clamp(10px,2.45vw,20px);background:#fff;box-shadow:inset 0 0 0 1px #f5f1ea;border-radius:clamp(10px,2.45vw,20px);overflow:hidden;}
.section2 .card .label{font-family:"Pretendard Variable",Pretendard,sans-serif;font-weight:900;font-size:clamp(16px,3.93vw,32px);line-height:clamp(21px,5.15vw,42px);text-align:center;}
.section2 .card .label.blue{color:#0074ff;}
.section2 .card .label.green{color:#01b554;}
.section2 .card .label.orange{color:#ff642c;}
.section2 .card .label.pink{color:#fd83bc;}
/* 교재명: 하한 없는 순수 비례(min)로 360px 이하에서도 카드 폭과 같은 비율 → 1줄 유지 */
.section2 .card .name{font-family:"Pretendard Variable",Pretendard,sans-serif;font-weight:700;color:#222;font-size:min(2.94vw,24px);text-align:center;line-height:1.3;}
.section2 .card .book{display:block;width:100%;aspect-ratio:295 / 283;}
.section2 .card .book img{display:block;width:100%;height:100%;object-fit:contain;}
.section2 .card .btn{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2.45vw,20px);width:100%;height:clamp(35px,8.59vw,70px);background:#3a3a3a;border-radius:clamp(10px,2.45vw,20px);color:#fff;font-family:"Pretendard Variable",Pretendard,sans-serif;font-weight:700;font-size:clamp(12px,2.94vw,24px);white-space:nowrap;}
.section2 .card .btn .arr{width:auto;height:clamp(7px,1.72vw,14px);}

/* 하단 태그라인 */
.section2 .outro{display:flex;flex-direction:column;align-items:center;gap:clamp(15px,3.68vw,30px);width:100%;max-width:473px;}
.section2 .outro .astro2{width:clamp(30px,7.36vw,60px);height:auto;}
.section2 .outro .copy{text-align:center;font-family:"Paperlogy",sans-serif;font-size:clamp(25px,6.13vw,50px);line-height:clamp(32px,7.85vw,64px);}
.section2 .outro .copy .c1{display:block;font-weight:300;color:#222;}
.section2 .outro .copy .c2{display:block;font-weight:800;color:#ff642c;}


/* ====== section3 — 중학 내신에 미리 대비해보세요 (815 기준) ====== */
.section3{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(9px,2.21vw,18px);padding:clamp(50px,12.27vw,100px) clamp(52.5px,12.88vw,105px);background:#3a3a3a;}
.section3 .bg-astro{position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(175.5px,43.07vw,351px);height:auto;pointer-events:none;}
.section3 .t1{position:relative;z-index:1;font-family:"Paperlogy",sans-serif;font-weight:300;color:#fff;text-align:center;font-size:clamp(16px,3.93vw,32px);}
.section3 .t2{position:relative;z-index:1;font-family:"Paperlogy",sans-serif;font-weight:900;color:#fffbf2;text-align:center;font-size:clamp(25px,6.13vw,50px);line-height:clamp(32px,7.85vw,64px);}


/* ====== section4 — 7월 이벤트 (815 기준) ====== */
/* 좌우 패딩은 순수 비례(min) — 헤드라인 c2 가 컨테이너 폭에 빠듯해 하한 floor 시 줄바꿈됨 */
.section4{background:#ffb81a;padding:clamp(70px,17.18vw,140px) min(7.36vw,60px) clamp(50px,12.27vw,100px);}
.section4 .inner{display:flex;flex-direction:column;align-items:center;gap:clamp(50px,12.27vw,100px);width:100%;max-width:694px;margin:0 auto;}

/* 상단 타이틀 */
.section4 .head{display:flex;flex-direction:column;align-items:center;gap:clamp(30px,7.36vw,60px);width:100%;}
.section4 .tag{display:inline-flex;align-items:center;justify-content:center;padding:0 clamp(15px,3.68vw,30px);background:#222;border-radius:clamp(37px,9.08vw,74px);color:#fff;font-family:"Paperlogy",sans-serif;font-weight:700;font-size:clamp(16px,3.93vw,32px);line-height:clamp(32px,7.85vw,64px);white-space:nowrap;}
.section4 .lead{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.96vw,16px);width:100%;}
.section4 .lead .talk{width:clamp(30px,7.36vw,60px);height:auto;}
.section4 .lead .copy{text-align:center;color:#222;font-family:"Paperlogy",sans-serif;line-height:1.2;}
/* 헤드라인: 1줄 유지 위해 하한 없는 순수 비례(min) */
.section4 .lead .copy .c1{display:block;font-weight:300;font-size:min(6.13vw,50px);}
.section4 .lead .copy .c2{display:block;font-weight:900;font-size:min(7.36vw,60px);}

/* 경품 (원형 이미지 + 인원 배지) */
.section4 .gift{position:relative;width:clamp(208.5px,51.17vw,417px);aspect-ratio:1;}
.section4 .gift .pic{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;}
.section4 .gift .qty{position:absolute;left:1.44%;top:2.88%;display:flex;align-items:center;justify-content:center;width:23.98%;aspect-ratio:1;background:#ff642c;border:2px solid #ffd77f;border-radius:50%;box-sizing:border-box;color:#fff;font-family:"Pretendard Variable",Pretendard,sans-serif;font-weight:800;font-size:clamp(16px,3.93vw,32px);white-space:nowrap;}

/* 혜택 / 기간 */
.section4 .info{display:flex;flex-direction:column;align-items:center;gap:clamp(40px,9.82vw,80px);width:100%;}
.section4 .info .row{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.45vw,20px);width:100%;}
.section4 .info .pill{display:inline-flex;align-items:center;justify-content:center;width:clamp(160px,39.26vw,320px);padding:clamp(5px,1.23vw,10px) clamp(10px,2.45vw,20px);background:#fff;border-radius:clamp(20.5px,5.03vw,41px);box-sizing:border-box;color:#222;font-family:"Pretendard Variable",Pretendard,sans-serif;font-weight:800;font-size:clamp(16px,3.93vw,32px);line-height:clamp(14px,3.44vw,28px);white-space:nowrap;}
.section4 .info .desc{text-align:center;color:#222;font-family:"Pretendard Variable",Pretendard,sans-serif;font-weight:500;font-size:clamp(15px,3.68vw,30px);line-height:clamp(21px,5.15vw,42px);}

/* CTA */
.section4 .cta{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2.45vw,20px);width:100%;height:clamp(50px,12.27vw,100px);background:#222;border-radius:clamp(10px,2.45vw,20px);color:#fff;font-family:"Pretendard Variable",Pretendard,sans-serif;font-weight:700;font-size:clamp(18px,4.42vw,36px);white-space:nowrap;}
.section4 .cta .arr{width:auto;height:clamp(11px,2.71vw,22px);}


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