@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}


@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}



 * {/* outline:0 !important; */ outline-color: black; box-sizing:border-box;font-family: 'Paperozi', sans-serif;font-weight: 300;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%;}
html{-webkit-touch-callout:none; /* -webkit-user-select:none; */ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none;font-size:16px;color:#333; letter-spacing: 0em;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse; table-layout: fixed;}
img,fieldset{border:0;}
img { overflow: hidden;}
address,cite,code,em{font-style:normal;font-weight:400;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#333;text-decoration:none;}
.tac { text-align: center;}

:root{--green:#0FFE5E;--green-dark:#39D66D; --green-light:#E2F9E9; --black:#111111; --card-dark:#1B1B1B; --white:#ffffff; --radius-lg:28px; --radius-md:18px; --radius-sm:12px;
--maxw:1400px; }
.wrap{max-width:var(--maxw); margin:0 auto;}
.green{color:var(--green);}
.badge-check{display:inline-flex; align-items:center; justify-content:center;width:22px; height:22px; border-radius:6px; background:var(--green);color:var(--black); font-size:14px; font-weight:900; flex-shrink:0;}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:16px 20px; border-radius:14px; font-weight:700; font-size:16px; cursor:pointer; border:none; width:100%;}
.btn.white{background:var(--white); color:var(--black);}
.btn.green{background:var(--green); color:var(--black);}
.btn.dark{background:var(--black); color:var(--white);}
.btn small{font-weight:400; opacity:.7; margin-right:2px;}
.txt-white { color: var(--white) !important;}

/* ===== HERO ===== */
.hero{background:#000 url(/event/img/mainV-back.png) center top no-repeat; padding:40px 0 0;text-align:center;}
.hero .logo{display:inline-flex; align-items:center; gap:8px; margin-bottom:28px;font-weight:700; font-size:18px;}
.hero .logo .mark{width:28px; height:28px; border-radius:8px; background:var(--green); display:flex; align-items:center; justify-content:center; color:var(--black); font-weight:900;}
.hero h1{ font-size:clamp(28px, 6vw, 100px); line-height:1.25; margin-bottom:20px;font-weight: 700;color: #fff;}
.hero h1 .accent{color:var(--green);font-weight: 700;}
.hero p.sub{ font-size:clamp(14px, 2.4vw, 35px); color:#d9d9d9; margin-bottom:36px;}
.hero p.sub .u{ color:var(--green); font-weight:500; text-decoration:underline;}
.hero p.sub .price{color:var(--green); font-weight:700;font-size: 45px;}

.info-panel{ background:var(--green-dark); border-radius:var(--radius-lg); padding:32px; text-align:left; display:grid; grid-template-columns: 1fr 1.15fr; gap:28px; color:var(--black);margin-top: 95px;position: relative;}
.info-panel::before {content: ''; position: absolute;left: 0;top: -65px;width: 100%;height: 100%;background: url(/event/img/mainV-dot.png) center top no-repeat;background-size: contain;}
.info-panel .left { text-align: center;}
.info-panel .left p{ font-size:clamp(16px,2.2vw,30px); line-height:1.4; margin:0 0 50px 0;text-align: center;font-family: 'Pretendard';font-weight: 600;}
.pill{border-radius:50px; padding:16px 20px; font-weight:500; text-align:center; margin-bottom:12px;}
.pill.black{background:var(--white); color:var(--black); font-size:clamp(18px,2.6vw,32px);font-weight: 700;transform: rotate(-2deg);padding: 16px 10%;display: inline-block;margin-left: -20%;}
.pill.black .num{color:var(--green-dark);font-size:48px; font-weight:  700;}
.pill.outline{ background:var(--black); color: var(--white); font-size:32px; font-weight:700;display: inline-block;padding: 16px 10%;margin-top: -15px;}
.info-panel .right{ background:var(--white); border-radius:var(--radius-md); padding:24px 26px;margin-left: 10%;margin-top: -40px;position: relative;z-index: 100;}
.info-panel .right dl{display:grid; grid-template-columns: 96px 1fr; row-gap:13px; column-gap:0; font-size:16px;}
.info-panel .right dt{font-weight:700; color:#000;padding: 3px;padding-left: 10px;}
.info-panel .right dd{color:#111;font-weight: 500;padding: 3px;}
/* 짝수 번째 dt 요소 */
.info-panel .right dt:nth-of-type(even) { background-color: #F5F5F5;}
/* 짝수 번째 dt 바로 뒤의 dd 요소 */
.info-panel .right dt:nth-of-type(even) + dd { background-color: #F5F5F5;}

.hero-ctas{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:24px;}
.hero-ctas .btn{justify-content:space-between; padding:20px 50px; font-size:40px;}
.hero-ctas .btn.white { color: var(--green-dark);border: 1px solid #39D66D;}
.hero-ctas .btn.dark { color: var(--green);border: 1px solid #39D66D;}
/* ===== SECTION GENERIC ===== */
section{padding:150px 0;}
.section-title{ text-align:center; font-size:clamp(24px,4.4vw,60px); margin-bottom:36px; line-height:1.4;font-weight: 300;}
.section-title br { display: none;}
.section-title .tag-p { color: var(--green);font-weight: 700;}
.section-title .tag{ color:var(--white); padding:2px 10px; border-radius:4px;font-weight: 700;position: relative;z-index: 10;}
.section-title .tag::after { content: '';position: absolute;left: 0;bottom: 5px;width: 100%;height: 17px;background: var(--green-dark);z-index: -1;}
.section-title .tag.dark{background:var(--black); color:var(--green);}

/* ===== BENEFITS (black) ===== */
.benefits{background:var(--black) url(/event/img/arrow-back.png) center top no-repeat; color:var(--white);padding-bottom: 100px;}
.benefits h2{ font-size:60px; display:flex; align-items:center; gap:20px; margin-bottom:28px; flex-wrap:wrap;color: var(--green);text-align: center; font-weight: 600;justify-content: center;padding: 0px 0 50px 0;}
.benefit-card{ background:var(--white); color:var(--black); border-radius:50px 50px 0 50px; padding:24px 26px; margin-bottom:30px; display:flex; gap:16px; align-items:flex-start; font-size:clamp(15px,2vw,18px); font-weight:600; line-height:1.5;}
.benefit-card > div { font-size: 26px;position: relative;padding-left: 70px;}
.benefit-card > div::before { content: '';position: absolute;left: 0;top: 0;background: url(/event/img/check-2.png) center no-repeat;width: 40px;height: 40px;background-size: cover;}
.benefit-card svg{flex-shrink:0; margin-top:2px;}
.benefit-card b{font-weight:700;}

/* ===== SAMPLE GRID (green) ===== */
.samples{background:var(--green-dark);}
.sample-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:16px;}
.sample-card{text-align:center;position: relative;}
.sample-card .cat{ font-size:16px; font-weight:500; color:#000; margin-bottom:8px;line-height: 150%;padding: 10px 0;}
.sample-card .cat span { font-weight: 700;font-size:18px;}
.sample-card .numchip{ display:inline-flex; align-items:center; justify-content:center; background:var(--green-dark); color:var(--white); width:48px; height:48px; border-radius:50%; font-weight:700; font-size:20px; margin-bottom:-18px; position:relative; z-index:2;}
.thumb{ background:var(--white); border-radius:var(--radius-sm); overflow:hidden;display:block; align-items:center; justify-content:center;}
.thumb .mock{ width:100%; height:100%; border-radius:8px; font-weight:700; font-size:13px; text-align:center; padding:8px 0 0; color:var(--white);}
.thumb .mock img { width: 100%;}
.sample-card .name{font-weight:700; margin:10px 0 35px 0;font-size: 20px;}
.sample-card .btns{display:flex; gap:6px;}
.sample-card .btns a{ flex:1; font-weight:500; padding:8px 4px; border-radius:30px; text-align:center;}
.sample-card .btns .view{background:var(--black); color:var(--green);}
.sample-card .btns .apply{background:var(--green); color:var(--black); display:flex; align-items:center; justify-content:center; gap:3px;font-weight:700;}

.samples-note{ text-align:center; font-weight:700; font-size:clamp(15px,2.4vw,19px); color:#0c3d1d; margin-top:44px; line-height:1.6;}
.samples-note .u{text-decoration:underline;}
.info-bar{ background:rgba(0, 0, 0, 0.5); color:var(--white); border-radius:12px; padding:7px 20px;border-radius: 30px; font-size:18px; margin-top:7px; font-weight:500;font-family: 'Pretendard';}
.info-bar span { color: var(--green);font-family: 'Pretendard';}
.info-bar b{font-weight:800;}
.explain{ text-align:center; font-weight:600; font-size:30px; margin:44px 0 16px; line-height:1.6; color:#fff;}
.explain br { display: none;}
.explain span { color: var(--black);font-weight: 600;}

/* ===== PRICING DETAIL (black) ===== */
.pricing{background:var(--black); color:var(--white);}
.chip-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:100px;}
.chip{ background:var(--card-dark); border:1px solid var(--green); border-radius:50px; padding:16px 14px; display:flex; align-items:center; gap:8px; font-weight:500; font-size:22px; justify-content:center; text-align:center;color: var(--green);}
.chip svg{flex-shrink:0;}

.included-wrap{position:relative; margin-bottom:30px;}
.included-tab{ display:inline-block; background:var(--white); color:var(--black); border:4px solid var(--green-dark); border-radius:50px; padding:20px 60px; font-weight:700; font-size:40px; position:relative; left:50%; transform: translateX(-50%) rotate(-2deg); margin-bottom:-1px; z-index:2;box-shadow: 0 0px 10px rgba(0, 0, 0, 0.5);}
.included-tab .hl{ padding:1px 4px; border-radius:4px;color: var(--green-dark); font-weight:800;}
.included-box{ display:grid; grid-template-columns:1fr 1fr; border-radius:var(--radius-md); overflow:hidden;margin-top: -10px;gap: 60px;}
.included-box ul {background: var(--white);border-radius: 12px;padding: 25px 25px 25px 50px;min-height: 380px;}
.included-col{padding:0;}
.included-col.a{color:var(--black);}
.included-col.b{color:var(--black);font-size: 20px;}
.included-col.b ul { position: relative;}
.included-col.b ul::after { content: '';position: absolute;right: 5%;bottom: 5%;background: url(/event/img/big-point-ic.png) right bottom no-repeat;width: 100%;height: 100%;}
.included-col.b li { font-size: 20px;line-height: 170%;font-weight: 600;}
.included-col h3{ display:flex; align-items:center; gap:8px; font-size:24px; font-weight:700;background: var(--green-dark);padding: 15px 30px;border-radius: 12px;color: var(--white);}
.included-col h3::before { content: '';background: url(/event/img/dot-check.png) center no-repeat;width: 28px;height: 28px;background-size: contain;}
.included-col li{ font-size:18px; padding:0 0 0 14px; position:relative; font-weight:600;font-family: 'Pretendard';line-height: 150%;}
.included-col li::before{ content:'•'; position:absolute; left:0;}
.onepage-note{ text-align:center; font-weight:500; font-size:clamp(15px,2.3vw,36px); line-height:1.6; margin:44px 0;}
.onepage-note .hl{color:var(--green);font-weight:500;}

.excluded-tab{ display:inline-block; background:var(--white); color:var(--black); border-radius:50px; padding:10px 26px; font-weight:900; font-size:16px; position:relative; left:50%; transform:translateX(-50%); margin-bottom:-1px; z-index:2;}
.excluded-tab .hl{color:var(--green);}
.excluded-wrap{ overflow:hidden;}
.excluded-banner{ background:var(--green-dark); color:var(--white); text-align:center; font-weight:800; padding:16px; font-size:clamp(20px,2vw,40px);border-radius:12px;}
.excluded-banner br { display: none;}
.excluded-list{ background:var(--white); color:var(--black); padding:28px 24px; display:grid; grid-template-columns:repeat(4,1fr); gap:20px;border-radius: 12px 12px 0 0;}
.excluded-list li{font-size:18px; padding:5px 0 5px 20px; position:relative;font-family: 'Pretendard';font-weight: 600;}
.excluded-list li::before{content:'•'; position:absolute; left:0;}
.excluded-footnote{  font-size:24px; font-weight:700; color:#000; line-height:1.3;text-align: center;background: var(--white);border-radius:0 0 30px 30px;padding:0 20px 30px;}
.excluded-footnote span {font-weight:700;display: block;}
.excluded-footnote span br {display: none;}

/* ===== RECOMMEND (light green) ===== */
.recommend{background:var(--green-light);}
.recommend .head{text-align:center; margin-bottom:30px;}
.recommend .head .mega{font-size:40px; display:block; margin-bottom:10px;}
.recommend .head h2{font-size:clamp(22px,6.2vw,70px);font-weight: 700;color: #000;}
.recommend .head h2::before { content: '';background: url(/event/img/speak.png) center no-repeat;width: 100px;height: 100px;background-size: contain;display: inline-block;vertical-align: middle;}
.recommend .head h2 .hl{ padding:1px 8px; border-radius:6px;font-weight: 700;position: relative;z-index: 10;}
.recommend .head h2 .hl::after {content: '';background: var(--green);position: absolute;left: 0;bottom: 5px;width: 100%;height: 15px;z-index: -1;}
.recommend-banner{ background:var(--green); border-radius:50px; text-align:center; font-weight:800; padding:16px; margin-bottom:0; font-size:clamp(14px,2vw,17px);}
.recommend-box{ background:var(--white); border-radius:12px; padding:30px 26px; display:grid; grid-template-columns:1fr 1fr; gap:20px 40px;padding-top:38px;}
.recommend-box li{font-size:18px; padding:5px 0 5px 20px; position:relative;font-family: 'Pretendard';font-weight: 600;}
.recommend-box li::before{content:'•'; position:absolute; left:0;}

/* ===== SAMPLES DETAIL GRID (green) ===== */
.samples2{background:var(--green);}

/* ===== SAMPLE DETAIL BLOCKS ===== */
.sample-block{padding:0 0 100px 0;}
.sample-block.bg-dark{background:var(--black); color:var(--white);}
.sample-block.bg-green{background:var(--green-dark); color:var(--black);}
.sb-grid{display:grid; grid-template-columns: 240px 1fr; gap:34px;position: relative;}
.sb-grid::before { content: '';position: absolute;left: 0;top: -12px;z-index: 1000;background: url(/event/img/box-dot-green.png) right top no-repeat;width: 253px;height: 12px;}
.bg-light-dot .sb-grid::before { content: '';position: absolute;left: 0;top: -12px;z-index: 1000;background: url(/event/img/box-dot-green2.png) right top no-repeat !important;width: 253px;height: 12px;}
.bg-dark .sb-grid::before { content: '';position: absolute;left: 0;top: -12px;z-index: 1000;background: url(/event/img/box-dot-black.png) right top no-repeat;width: 253px;height: 12px;}
.sb-right { padding-top: 90px;}
.sb-tag{ background:var(--green-dark); border-radius:0 0 100px 100px; padding:20px 16px 0; text-align:center; position:relative; overflow:hidden; }
.bg-green .sb-tag{background:var(--black); color:var(--green);}
.bg-green .sb-box h4 {background: var(--black);color: var(--white);}
.bg-green .sb-box h4 .type-suffix{font-weight:500;font-family: 'Pretendard'; color: var(--green-dark);}
.bg-green .sb-right .point-label { color: var(--black);}
.bg-green .sb-right .point-headline { color: var(--white);}
.sb-tag .label{font-size:60px; font-weight:700;}
.sb-tag .num{font-size:65px; font-weight:700; display:block; line-height:1;}
.sb-tag .hand{font-size:44px; margin-top:6px; display:block;}
.sb-tag .hand img { width: 55px;}
.sb-card{ background:var(--white); color:var(--black); border-radius:12px; margin-top:-3px; padding:18px; text-align:center; position:relative; z-index:2;}
.sb-card .name{font-weight:700; font-size:20px;}
.sb-card .thumb{margin-bottom:12px;}
.sb-card .btns{display:flex; gap:6px;}
.sb-card .btns a{flex:1; font-weight:700; padding:9px 4px; border-radius:30px; text-align:center;}
.sb-card .btns .view{background:var(--black); color:var(--green-dark);}
.sb-card .btns .apply{background:var(--green); color:var(--black); display:flex; align-items:center; justify-content:center; gap:3px;}

.sb-right .point-label{ text-align:center; font-weight:700;margin-bottom:6px;font-size: 35px;color: var(--green);}
.sb-right .point-headline{ text-align:center; font-weight:700; font-size:clamp(17px,2.6vw,26px); margin-bottom:24px; line-height:1.4;}
.bg-green .sb-right .point-headline .hl{color:var(--black); text-decoration:underline;}

.sb-cols{display:grid; grid-template-columns: 1.8fr 1fr; gap:30px;align-items: stretch;}
.sb-box{ border-radius:var(--radius-sm); padding:0;display: flex; flex-direction: column;}
.bg-dark .sb-box{padding: 0 0;}
.sb-box h4{ display:flex; align-items:center; gap:10px; font-size:24px; font-weight:700;font-family: 'Pretendard';background: var(--green-dark);border-radius: 12px;padding: 15px 20px;position: relative;}
.sb-box h4 .dot{ position: relative;padding-left: 50px; font-size:24px; font-weight:700;font-family: 'Pretendard';}
.sb-box h4 .dot::before { content: '';position: absolute;left: 15px;top: 50%;margin-top: -12px; background: url(/event/img/dot-check.png) center no-repeat;width: 24px;height: 24px;background-size: contain;}
.sb-box h4 .type-suffix{font-weight:700;font-family: 'Pretendard'; color: var(--black);}
.sb-subbox-wrap { background:#F5F5F5;padding: 30px;border-radius: 12px; height: 100%;}
.sb-subbox{ display:flex; align-items:flex-start;}
.sb-subbox .ico{ width:60px; height:60px; background:var(--white); flex-shrink:0; display:flex; align-items:center; justify-content:center;border-radius: 100%;position: relative; }
.sb-subbox .ico img { width: 36px;}
.sb-subbox .txt-title{ font-weight:600; font-size:24px; background:var(--black); color:var(--green); padding:0 20px 0 45px; height: 60px;line-height: 60px; border-radius:8px; display:inline-block; margin-bottom:8px; margin-left: -30px;}
.sb-subbox p{font-size:18px; line-height:1.4; font-weight:600;font-family: 'Pretendard';color: var(--black);}
.sb-blank { margin-bottom: 25px;}
.bg-green .sb-subbox p{opacity:.85;}
.sb-box.biz { display: flex; flex-direction: column;}
.sb-box.biz ul{line-height:1.7; font-weight:500;border-radius: 12px;padding: 20px 30px;background: var(--white);flex: 1;min-height: 320px;}
.sb-box.biz li{padding-left:14px; position:relative;color: var(--black);font-size:20px; line-height:1.6; font-weight:600;font-family: 'Pretendard';}
.sb-box.biz li::before{content:'•'; position:absolute; left:0;}
.sb-footnote{ text-align:center; font-size:13px; font-weight:700; margin-top:18px; opacity:.85;}

/* ===== LIMITED + FINAL ===== */
.limited{background:var(--green-light); text-align:center;}
.limited .mega{font-size:40px; display:block; margin-bottom:10px;}
.limited h2{font-size:clamp(22px,4.4vw,45px); margin-bottom:18px;font-weight: 700;}
.limited h2::before { content: '';background: url(/event/img/speak.png) center no-repeat;width: 100px;height: 100px;background-size: contain;display: inline-block;vertical-align: middle;}
.limited h2 .hl{font-weight: 700;position: relative;z-index: 10;}
.limited h2 .hl::before {content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 25px; background: var(--green); z-index: -1;}
.limited p{font-weight:400; font-size:26px;}
.limited p .u{text-decoration:underline;font-weight: 700;}

.final-cta{background:var(--green-light); padding:45px 0 0 0;}
.final-cta .btn{ background:var(--green-dark); font-size:clamp(30px,3vw,40px); padding:26px; font-weight:700; box-shadow:0 10px 30px rgba(57,214,109,0.35); }
.online-txt { text-align: center;padding: 20px 0 0 0;font-size: 20px;font-weight: 600;}
.final-uirwon .btn {background:var(--black);color: var(--green);font-weight: 600;}


  /* ===== MOBILE ===== */
  @media (max-width:860px){

    .wrap { padding: 0 15px;}
    .info-panel{grid-template-columns:1fr;border-radius: 0 0 12px 12px;}
    .hero-ctas{grid-template-columns:1fr;}
    .sample-grid{grid-template-columns:repeat(2,1fr);}
    .chip-grid{grid-template-columns:repeat(2,1fr);}
    .included-box{grid-template-columns:1fr;}
    .excluded-list{grid-template-columns:repeat(2,1fr);}
    .recommend-box{grid-template-columns:1fr;}
    .sb-grid{grid-template-columns:1fr;}
    .sb-left{max-width:260px; margin:0 auto 30px;}
    .sb-cols{grid-template-columns:1fr;}
    .hero p.sub .price { font-size: 24px;}
    .pill.black .num { font-size: 30px;}
    .pill.outline { font-size: 18px;}

    .info-panel::before {top: -23px;}
    .info-panel .right { margin-left: 0;padding: 20px 10px;}
    .info-panel .left p { font-size: 20px;}
    .hero-ctas .btn { font-size: 36px;padding: 20px 20px;}

    .benefits h2 { font-size: 40px;}

    .benefit-card > div { font-size: 20px;padding-left: 50px;}

    .section-title br { display: block;}
    .explain { font-size: 20px;line-height: 1.3;}
    .explain br { display: block;}

    .included-tab { font-size: 30px;}

    .included-box ul { padding: 25px;}
    .excluded-footnote span br {display: block;}
    .excluded-footnote { font-size: 20px;}

    .sb-grid::before { content: '';position: absolute;left: 50%; transform: translate(-50%, -50%);top: -6px;z-index: 1000;background: url(/event/img/box-dot-green.png) right top no-repeat;width: 253px;height: 12px;}
.bg-light-dot .sb-grid::before { content: '';position: absolute;left: 50%; transform: translate(-50%, -50%);top: -6px;z-index: 1000;background: url(/event/img/box-dot-green2.png) right top no-repeat !important;width: 253px;height: 12px;}
.bg-dark .sb-grid::before { content: '';position: absolute;left: 50%; transform: translate(-50%, -50%); top: -6px;z-index: 1000;background: url(/event/img/box-dot-black.png) right top no-repeat;width: 253px;height: 12px;}
.sb-box h4 { display: block;}
.sb-tag { width: 244px;}
.sb-right {    padding-top: 40px;}
.limited p { padding:0 30px;}

.sb-subbox p {margin-left: -50px;}

.hero p.sub .u { font-size: 20px;}
.pill.black {margin-left: 0%;}
.info-panel .right dd,
.info-panel .right dt { padding:7px 3px;}
.section-title {line-height: 1.7;}

}


@media (max-width:560px){

    section{padding:50px 0;}
    .sample-grid{grid-template-columns:repeat(1,1fr);}
    .excluded-list{grid-template-columns:1fr 1fr;}
    .chip-grid{grid-template-columns:1fr 1fr;display: block;}
    .info-panel{padding:22px;}
    .included-col{padding:22px 18px 26px;}

        .hero-ctas .btn { font-size: 26px;padding: 20px 20px;}
        
    .benefits h2 { font-size: 30px;}

    .info-bar {text-align: left;padding: 20px;}
    .info-bar b { display: none;}

    .included-tab {padding: 20px 20px;}
    .included-tab { font-size: 24px;}

    .included-col.b ul::after { content: '';width: 160px; height: 160px; background-size: contain;}

    .excluded-list { display: block;}
    .recommend .head h2 { position: relative;padding-top: 100px;}
    .recommend .head h2::before {content: '';position: absolute;left: 50%; margin-left: -35px; top: 0;width: 70px;}

    .excluded-banner br { display: block;}
    .recommend-box {gap: 0;}
    .sb-box h4 .type-suffix {display: block;margin-left: 50px;}

    .sample-card .btns .apply,
    .sample-card .btns .view { font-size: 20px;}
    .sample-card .name {margin: 10px 0 10px 0;}
    .sample-card {margin-top: 30px;}
    .explain br { display: none;}
    .explain span { display: block;}
    .chip { margin: 7px 0;}
    .chip-grid > div.chip {border: 1px solid var(--green);
    border-radius: 50px;
    padding: 16px 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 22px;
    justify-content: center;
    text-align: center;
    color: var(--green);}
    /* 홀수 번째(1, 3, 5번째...) 배경: 블랙 */
.chip-grid > div.chip:nth-child(odd) {  background-color: #000000;}

/* 짝수 번째(2, 4, 6번째...) 배경: 흰색 */
.chip-grid > div.chip:nth-child(even) {  background-color: #ffffff; color: var(--black);}

.hero h1 .accent {font-size: 40px;}
}

@media (max-width:420px){

    .included-tab { font-size: 24px;}
}