@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:keep-all;}
h1,h2{font-weight:normal;font-size:100%;}
img{max-width:100%;vertical-align:top;border:0 none;}
strong{font-weight:normal;}
a{color:#1E1E1E;}
a:link,a:visited{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
/******* reset *******/
.event_area{position:relative;margin:0 auto;min-width:1080px;letter-spacing:-0.02em;}
.event_area section{position:relative;text-align:center;}

/* ====== 푸터 ====== */
.event_area footer{background:#fff;padding:0;text-align:center;}
.event_area footer img{display:inline-block;max-width:1080px;width:100%;}

/* ====== 비주얼(상단) ====== */
.visual{background:#FFFBF2;overflow:hidden;}
.visual .stage{position:relative;width:815px;height:1100px;margin:0 auto;}
.visual .stage > *{position:absolute;}

/* BI 로고 */
.visual .bi{left:50px;top:50px;width:210px;height:22px;}
.visual .bi img{display:block;width:100%;height:100%;}

/* 타이틀 (중앙 정렬) */
.visual .tit{left:50%;top:150px;width:418px;transform:translateX(-50%);}
.visual .tit img{display:block;width:100%;}

/* 데코 도형 그룹 (Figma Frame 55) */
.visual .shapes{left:123px;top:523px;width:569px;height:628px;}
.visual .shapes .item{position:absolute;display:block;}
.visual .shapes .item0{left:0;top:488px;width:569px;height:139px;}      /* 받침(빗살) - 고정 */
.visual .shapes .item1{left:114px;top:126px;width:143px;height:143px;}  /* 파랑 삼각형 (PNG 여백 보정 +1px) */
.visual .shapes .item2{left:250px;top:1px;width:273px;height:273px;}    /* 주황 부채꼴 (+1px) */
.visual .shapes .item3{left:41px;top:416px;width:279px;height:73px;}    /* 주황 바 (+1px) */
.visual .shapes .item4{left:231px;top:175px;width:167px;height:141px;}  /* 분홍 사각형 (+1px) */
.visual .shapes .item5{left:30px;top:211px;width:306px;height:256px;}   /* 노랑 반원 (+2px, 받침에 더 밀착) */
.visual .shapes .item6{left:320px;top:308px;width:181px;height:181px;}  /* 초록 원(July EVENT) (+1px) */

/* 파티클(반짝이·곡선) */
.visual .particle{position:absolute;display:block;}
.visual .p1{left:81px;top:613px;width:84px;height:84px;}
.visual .p2{left:669px;top:830px;width:84px;height:84px;}
.visual .p3{left:126px;top:717px;width:162px;height:188px;}
.visual .p4{left:491px;top:616px;width:187px;height:86px;}

/* ====== 섹션1 (지금 시작) ====== */
.section1{background:#FFB81A;padding:140px 0;}
.section1 .inner{width:660px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:60px;}

/* 헤드 카피 */
.section1 .head{color:#222;font-size:50px;line-height:64px;text-align:center;white-space:nowrap;}
.section1 .head .light{font-weight:300;}
.section1 .head .bold{font-weight:800;}

/* 원형 카드 2개 */
.section1 .circles{display:flex;gap:20px;justify-content:center;}
.section1 .circle{position:relative;width:320px;height:320px;border-radius:50%;background:#fff;overflow:hidden;}
.section1 .circle .astro{position:absolute;left:50%;top:55px;width:30px;height:29px;transform:translateX(-50%) rotate(90deg);}
.section1 .circle .astro img{display:block;width:100%;height:100%;}
.section1 .circle .txt{position:absolute;left:50%;top:117px;transform:translateX(-50%);width:max-content;font-family:'Pretendard Variable',Pretendard,sans-serif;font-weight:500;font-size:30px;line-height:1.2;color:#222;text-align:center;white-space:nowrap;}
.section1 .circle .txt strong{font-weight:800;}

/* 하단 (지금!! + 카피) */
.section1 .foot{display:flex;flex-direction:column;align-items:center;gap:14px;}
.section1 .foot .now{width:145px;height:64px;}
.section1 .foot .now img{display:block;width:100%;height:100%;}
.section1 .foot .sub{font-weight:800;font-size:32px;color:#222;text-align:center;}

/* ====== 섹션2 (대비 교재) ====== */
.section2{background:#FFF8EA;padding:140px 0;font-family:'Pretendard Variable',Pretendard,sans-serif;}
.section2 .inner{width:695px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:100px;}

/* 타이틀 */
.section2 .tit{width:499px;height:74px;}
.section2 .tit img{display:block;width:100%;height:100%;}

/* 학습대상 / 핵심포인트 */
.section2 .info{display:flex;flex-direction:column;align-items:center;gap:80px;width:100%;}
.section2 .info .group{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;}
.section2 .pill{display:flex;align-items:center;justify-content:center;width:320px;height:48px;border-radius:41px;background:#222;color:#fff;font-weight:800;font-size:32px;line-height:1;}
.section2 .info .target{color:#3D3D3D;font-weight:600;font-size:32px;line-height:1;}
.section2 .points{display:flex;flex-direction:column;align-items:center;gap:20px;}
.section2 .point{text-align:center;}
.section2 .point .label{color:#222;font-weight:800;font-size:32px;line-height:42px;}
.section2 .point .desc{color:#3D3D3D;font-weight:500;font-size:30px;line-height:42px;}
.section2 .point .desc .hl{font-weight:800;background:linear-gradient(to top,#FFEAA7 45%,transparent 45%);}

/* 교재 그리드 */
.section2 .books{display:grid;grid-template-columns:repeat(2,335px);column-gap:25px;row-gap:20px;width:100%;}
.section2 .book-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#fff;box-shadow:inset 0 0 0 1px #F5F1EA;border-radius:20px;overflow:hidden;}
.section2 .book-card .cat{font-weight:900;font-size:32px;line-height:42px;}
.section2 .book-card .cat.voca{color:#0074FF;}
.section2 .book-card .cat.gram{color:#01B554;}
.section2 .book-card .cat.read{color:#FF642C;}
.section2 .book-card .cat.list{color:#FD83BC;}
.section2 .book-card .name{color:#222;font-weight:700;font-size:24px;line-height:42px;text-align:center;}
.section2 .book-card .cover{width:100%;height:283px;}
.section2 .book-card .cover img{display:block;width:100%;height:100%;object-fit:contain;}
.section2 .book-card .more{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;height:70px;border-radius:20px;background:#3A3A3A;color:#fff;font-weight:700;font-size:24px;}
.section2 .book-card .more .arr{width:9px;height:15px;}

/* 하단 CTA */
.section2 .cta{display:flex;flex-direction:column;align-items:center;gap:30px;width:473px;}
.section2 .cta .astro{width:60px;height:57px;}
.section2 .cta .astro img{display:block;width:100%;height:100%;}
.section2 .cta .copy{font-family:'Paperlogy',Pretendard,sans-serif;font-size:50px;line-height:64px;text-align:center;white-space:nowrap;}
.section2 .cta .copy .light{font-weight:300;color:#222;}
.section2 .cta .copy .bold{font-weight:800;color:#FF642C;}

/* ====== 섹션3 (중학 내신 대비) ====== */
.section3{background:#3A3A3A;padding:100px 0;overflow:hidden;}
.section3 .bg-astro{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:351px;height:335px;}
.section3 .bg-astro img{display:block;width:100%;height:100%;}
.section3 .inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;}
.section3 .sub{font-weight:300;font-size:32px;line-height:1;color:#fff;}
.section3 .main{font-weight:900;font-size:50px;line-height:64px;color:#FFFBF2;}

/* ====== 섹션4 (7월 이벤트) ====== */
.section4{background:#FFB81A;padding:140px 0 100px;font-family:'Pretendard Variable',Pretendard,sans-serif;}
.section4 .inner{width:694px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:100px;}

/* 헤더 */
.section4 .header{display:flex;flex-direction:column;align-items:center;gap:60px;width:100%;}
.section4 .ev-badge{display:flex;align-items:center;justify-content:center;height:64px;padding:0 30px;border-radius:74px;background:#222;color:#fff;font-family:'Paperlogy',Pretendard,sans-serif;font-weight:700;font-size:32px;line-height:64px;}
.section4 .headline{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;}
.section4 .headline .talk{width:60px;height:60px;}
.section4 .headline .talk img{display:block;width:100%;height:100%;}
.section4 .headline .copy{font-family:'Paperlogy',Pretendard,sans-serif;text-align:center;color:#222;}
.section4 .headline .copy .l1{font-weight:300;font-size:50px;line-height:1.2;}
.section4 .headline .copy .l2{font-weight:900;font-size:60px;line-height:1.2;}

/* 선물 */
.section4 .gift{display:flex;flex-direction:column;align-items:center;gap:80px;width:576px;}
.section4 .gift-img{position:relative;width:417px;height:417px;}
.section4 .gift-img .photo{display:block;width:100%;height:100%;}
.section4 .gift-img .qty{position:absolute;left:6px;top:12px;display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:71px;background:#FF642C;border:2px solid #FFD77F;color:#fff;font-weight:800;font-size:32px;}

/* 혜택 / 기간 */
.section4 .detail{display:flex;flex-direction:column;align-items:center;gap:80px;width:100%;}
.section4 .detail .group{display:flex;flex-direction:column;align-items:center;gap:20px;}
.section4 .detail .pill{display:flex;align-items:center;justify-content:center;width:320px;height:48px;border-radius:41px;background:#fff;color:#222;font-weight:800;font-size:32px;line-height:1;}
.section4 .detail .desc{color:#222;font-weight:500;font-size:30px;line-height:42px;text-align:center;}

/* CTA */
.section4 .cta-btn{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;height:100px;border-radius:20px;background:#222;color:#fff;font-weight:700;font-size:36px;}
.section4 .cta-btn .arr{width:13px;height:22px;}