.con03 { padding: calc(var(--px)*140) 0; overflow: hidden; background: var(--primary); color: #fff; text-align: center; font-weight: 400; letter-spacing: normal; }
.con03__wrap { width: calc(var(--px)*1180); padding: 0 calc(var(--px)*32); margin-inline: auto; }
.con03__tag { display: inline-block; background: var(--secondary); color: var(--navy); font-weight: 800; font-size: calc(var(--px)*15); padding: calc(var(--px)*7) calc(var(--px)*18); border-radius: 999px; }
.con03__title { font-size: calc(var(--px)*60); font-weight: 900; letter-spacing: -.045em; line-height: 1.2; margin-top: calc(var(--px)*22); text-wrap: balance; }
.con03__em { color: var(--secondary); }
.con03__desc { font-size: calc(var(--px)*19); line-height: 1.7; color: rgba(255,255,255,.75); margin-top: calc(var(--px)*22); text-wrap: pretty; }
.con03__points { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--px)*18); margin-top: calc(var(--px)*64); text-align: left; }
.con03__point { background: rgba(255,255,255,.08); border: 1.5px solid rgba(255,255,255,.25); border-radius: calc(var(--px)*28); padding: calc(var(--px)*34) calc(var(--px)*30); }
.con03__point-n { font-family: var(--font-bangers); font-variation-settings: "wght" 900, "wdth" 78; font-size: calc(var(--px)*26); color: var(--secondary); letter-spacing: .05em; }
.con03__point-h { font-size: calc(var(--px)*26); font-weight: 900; letter-spacing: -.03em; margin-top: calc(var(--px)*10); line-height: 1.35; }
.con03__point-p { font-size: calc(var(--px)*16); line-height: 1.65; color: rgba(255,255,255,.75); margin-top: calc(var(--px)*12); }
.con03__chipline { display: inline-flex; align-items: center; gap: calc(var(--px)*8); margin-top: calc(var(--px)*18); background: var(--navy); border-radius: 999px; padding: calc(var(--px)*10) calc(var(--px)*18); font-weight: 700; font-size: calc(var(--px)*14); }
.con03__chipline::before { content: "→"; color: var(--secondary); }
.con03__tabs { display: inline-flex; gap: calc(var(--px)*6); background: rgba(255,255,255,.1); padding: calc(var(--px)*6); border-radius: 999px; margin-top: calc(var(--px)*90); }
.con03__tabs button { border: 0; background: none; color: #fff; height: calc(var(--px)*48); padding: 0 calc(var(--px)*28); border-radius: 999px; font-family: var(--font-bangers); font-variation-settings: "wght" 900, "wdth" 78; font-size: calc(var(--px)*24); letter-spacing: .06em; cursor: pointer; opacity: .7; }
.con03__tabs button.on { background: var(--secondary); color: var(--navy); opacity: 1; }
.con03__row { overflow: hidden; margin-top: calc(var(--px)*36); padding-bottom: calc(var(--px)*6); }
.con03__empty { width: 100vw; padding: calc(var(--px)*80) 0; color: #fff; text-align: center; }
.con03__row .con03__card { width: calc(var(--px)*250); background: #fff; color: var(--ink); border-radius: calc(var(--px)*26); overflow: hidden; text-align: left; }
.con03__ph { position: relative; height: calc(var(--px)*230); background: #fff; overflow: hidden; }
.con03__ph img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transform: scale(1.15); }
.con03__ph img.is-plain { transform: none; }
.con03__best { position: absolute; bottom: calc(var(--px)*12); left: calc(var(--px)*12); display: flex; align-items: center; gap: calc(var(--px)*6); background: var(--primary); color: var(--secondary); font-family: var(--font-bangers); font-variation-settings: "wght" 900, "wdth" 78; font-size: calc(var(--px)*17); letter-spacing: .06em; padding: calc(var(--px)*6) calc(var(--px)*11) calc(var(--px)*5); border-radius: 999px; line-height: 1; box-shadow: 0 4px 12px rgba(0,0,0,.18); }
.con03__best em { font-style: normal; font-family: var(--font-pretendard); font-weight: 800; font-size: calc(var(--px)*11); letter-spacing: 0; color: #fff; }
.con03__body { padding: calc(var(--px)*18) calc(var(--px)*20) calc(var(--px)*20); }
.con03__en { font-family: var(--font-bangers); font-variation-settings: "wght" 900, "wdth" 78; font-size: calc(var(--px)*18); color: var(--primary); letter-spacing: .04em; }
.con03__nm { font-weight: 800; font-size: calc(var(--px)*18); margin-top: calc(var(--px)*2); }
.con03__prs { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--px)*6); margin-top: calc(var(--px)*12); }
.con03__pr { background: var(--tertiary); border-radius: calc(var(--px)*12); padding: calc(var(--px)*8) calc(var(--px)*10) calc(var(--px)*7); }
.con03__pr span { display: block; font-size: calc(var(--px)*11); font-weight: 800; color: var(--muted); }
.con03__pr b { display: block; font-family: var(--font-bangers); font-variation-settings: "wght" 900, "wdth" 78; font-weight: 400; font-size: calc(var(--px)*22); letter-spacing: .02em; color: var(--ink); margin-top: calc(var(--px)*2); }
.con03__pr--dl { background: var(--primary); }
.con03__pr--dl span { color: rgba(255,255,255,.75); }
.con03__pr--dl b { color: var(--secondary); }
.con03__allin { margin-top: calc(var(--px)*56); display: inline-flex; align-items: center; gap: calc(var(--px)*16); background: #fff; color: var(--ink); border-radius: 999px; padding: calc(var(--px)*12) calc(var(--px)*12) calc(var(--px)*12) calc(var(--px)*30); font-weight: 700; font-size: calc(var(--px)*18); }
.con03__allin b { font-family: var(--font-bangers); font-variation-settings: "wght" 900, "wdth" 78; font-weight: 400; font-size: calc(var(--px)*26); background: var(--primary); color: #fff; padding: calc(var(--px)*8) calc(var(--px)*22); border-radius: 999px; letter-spacing: .04em; }
.con03__pack { display: flex; justify-content: center; flex-wrap: wrap; gap: calc(var(--px)*12); margin-top: calc(var(--px)*16); }
.con03__pack span { display: inline-flex; align-items: center; gap: calc(var(--px)*12); border: 1.5px solid rgba(255,255,255,.35); border-radius: 999px; padding: calc(var(--px)*10) calc(var(--px)*24) calc(var(--px)*10) calc(var(--px)*10); font-size: calc(var(--px)*17); font-weight: 700; color: #fff; }
.con03__pack i { font-style: normal; background: var(--secondary); color: var(--navy); font-weight: 900; font-size: calc(var(--px)*14); padding: calc(var(--px)*6) calc(var(--px)*14); border-radius: 999px; }
.con03__pack b { color: var(--secondary); font-weight: 900; }
.con03__checker { height: calc(var(--px)*22); background: conic-gradient(#fff 25%, var(--primary) 0 50%, #fff 0 75%, var(--primary) 0) 0 0 / calc(var(--px)*22) calc(var(--px)*22); }
