@charset "utf-8";

/*
* vw 단위 사용법
* 80px => calc(80 * var(--vw));
*/

.imc { --vw: 0.625px; } /* 1920px 기준 */
@media screen and (min-width: 1200px) {
    .imc { --vw: 0.052083333vw; }
}

/* =========================================================
 * NKSCHOOLREADYWEEK (새학기 위크) - PC
 * 색상: text #373b32 / accent #438cc2 / grey #8e8f8f / imgBg #bcbfc1 / bg #d9d9d9
 * 폰트: 본문 Noto Sans KR / 영문·숫자 ProximaNova(.en) / 헤드라인 ITCGaramondStd
 * ========================================================= */

.sr {
  --c-text: #373b32;
  --c-accent: #438cc2;
  --c-grey: #8e8f8f;
  --c-imgbg: #bcbfc1;
  --c-bg: #d9d9d9;
  font-family: 'Noto Sans KR', sans-serif;
  color: var(--c-text);
  -webkit-font-smoothing: antialiased;
}
.sr * { box-sizing: border-box; }
.sr img { display: block; max-width: 100%; }
.sr .en { font-family: 'ProximaNova', 'Noto Sans KR', sans-serif; }
.sr section { width: 100%; }

/* 공통 섹션 헤드 */
.sr__head { display: flex; flex-direction: column; align-items: center; text-align: center; gap: calc(10 * var(--vw)); }
.sr__eyebrow { font-size: calc(20 * var(--vw)); font-weight: 700; line-height: calc(28 * var(--vw)); color: var(--c-accent); }
.sr__sectionTitle { font-family: 'Noto Sans KR', sans-serif; font-weight: 900; font-size: calc(40 * var(--vw)); line-height: 1.4; letter-spacing: calc(-2 * var(--vw)); color: var(--c-text); }
.sr__sectionTitle .en { font-family: 'ProximaNova', sans-serif; font-weight: 800; font-size: calc(44 * var(--vw)); letter-spacing: calc(-2.2 * var(--vw)); }
.sr__sectionDesc { margin-top: calc(10 * var(--vw)); font-size: calc(24 * var(--vw)); line-height: calc(38 * var(--vw)); letter-spacing: calc(-1.2 * var(--vw)); color: var(--c-text); }
.sr__sectionDesc .en { font-size: calc(26 * var(--vw)); letter-spacing: calc(-1.3 * var(--vw)); }

/* 공통 버튼 */
.sr__btnOutline { display: inline-flex; align-items: center; justify-content: center; width: calc(130 * var(--vw)); height: calc(45 * var(--vw)); border: calc(1 * var(--vw)) solid var(--c-text); border-radius: calc(5 * var(--vw)); font-size: calc(15 * var(--vw)); letter-spacing: calc(-0.75 * var(--vw)); color: var(--c-text); }
.sr__btnPrimary { display: inline-flex; align-items: center; justify-content: center; width: calc(300 * var(--vw)); height: calc(48 * var(--vw)); background: var(--c-accent); border-radius: calc(5 * var(--vw)); font-size: calc(16 * var(--vw)); letter-spacing: calc(-0.8 * var(--vw)); color: #fff; }
.sr__btnPrimary strong { font-weight: 700; margin-right: calc(4 * var(--vw)); } /* inline-flex 라 strong-텍스트 사이 공백 trim → margin으로 '키즈 런칭' 띄움 */
.sr__btnPrimary[data-alarm-done="true"] { background: var(--c-grey); } /* [NB2024-12452] 재클릭 시 '이미 신청' 알럿 노출 위해 pointer-events:none 제거 */

/* ---------- 01. Key Visual ---------- */
.sr__kv { width: 100%; }
.sr__kv .sr__kvImg { width: 100%; height: auto; }

/* ---------- 02. 쿠폰 & 결제 혜택 ---------- */
.sr__coupon { background: var(--c-bg); display: flex; flex-direction: column; align-items: center; padding: calc(100 * var(--vw)) 0 calc(160 * var(--vw)); }
.sr__intro { text-align: center; margin-bottom: calc(80 * var(--vw)); }
.sr__introTitle { font-family: 'ITCGaramondStd', 'Noto Sans KR', serif; font-weight: 400; font-size: calc(90 * var(--vw)); line-height: 1.1; letter-spacing: calc(-0.9 * var(--vw)); color: var(--c-text); }
.sr__introTitle .en { font-family: inherit; font-size: inherit; letter-spacing: inherit; }
.sr__introPeriod { margin-top: calc(20 * var(--vw)); font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: calc(28 * var(--vw)); line-height: calc(44 * var(--vw)); letter-spacing: calc(-1.4 * var(--vw)); color: var(--c-accent); }
.sr__introPeriod .en { font-family: 'ProximaNova', sans-serif; font-size: calc(30 * var(--vw)); }
.sr__introCopy { margin-top: calc(20 * var(--vw)); font-size: calc(28 * var(--vw)); line-height: calc(44 * var(--vw)); letter-spacing: calc(-1.4 * var(--vw)); color: var(--c-text); }
.sr__coupon .sr__eyebrow { font-family: 'Noto Sans KR', sans-serif; font-size: calc(18 * var(--vw)); letter-spacing: calc(-0.9 * var(--vw)); }

.sr__couponSet { margin-top: calc(60 * var(--vw)); display: flex; gap: calc(30 * var(--vw)); justify-content: center; align-items: flex-start; }

/* 할인 쿠폰 */
.sr__couponCard { display: flex; align-items: stretch; }
.sr__couponInfo { display: flex; flex-direction: column; justify-content: center; gap: calc(9 * var(--vw)); width: calc(400 * var(--vw)); height: calc(110 * var(--vw)); padding: 0 calc(34 * var(--vw)); background: var(--c-accent); border-radius: calc(8 * var(--vw)); color: #fff; }
.sr__couponSub { font-size: calc(16 * var(--vw)); line-height: calc(22 * var(--vw)); letter-spacing: calc(-0.8 * var(--vw)); }
.sr__couponName { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: calc(22 * var(--vw)); letter-spacing: calc(-1.1 * var(--vw)); }
.sr__couponName .en { font-size: calc(24 * var(--vw)); }
.sr__couponDown { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(10 * var(--vw)); width: calc(119 * var(--vw)); height: calc(110 * var(--vw)); background: var(--c-accent); border-radius: calc(8 * var(--vw)); color: #fff; cursor: pointer; }
/* Info↔Download 사이 세로 점선 구분선 */
.sr__couponDown::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: calc(95 * var(--vw)); border-left: 1px dashed rgba(255, 255, 255, 0.6); }
.sr__downIco { width: calc(29 * var(--vw)); height: calc(27 * var(--vw)); }
.sr__downIco svg { width: 100%; height: 100%; }
.sr__downTxt { font-size: calc(15 * var(--vw)); letter-spacing: calc(-0.75 * var(--vw)); }
/* ③ 웰컴백 쿠폰(자동발급) : grey */
.sr__couponCard--grey .sr__couponInfo,
.sr__couponCard--grey .sr__couponDown { background: var(--c-grey); }

/* 네이버페이 결제혜택 */
.sr__pay { margin-top: calc(60 * var(--vw)); display: flex; flex-direction: column; align-items: center; gap: calc(30 * var(--vw)); }
.sr__payTitle { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: calc(24 * var(--vw)); line-height: calc(38 * var(--vw)); letter-spacing: calc(-1.2 * var(--vw)); color: var(--c-text); }
.sr__payCard { display: flex; align-items: center; gap: calc(20 * var(--vw)); width: calc(638 * var(--vw)); height: calc(94 * var(--vw)); padding: 0 calc(24 * var(--vw)); background: var(--c-grey); border-radius: calc(8 * var(--vw)); color: #fff; }
.sr__payLogo { display: flex; align-items: center; gap: calc(15 * var(--vw)); flex-shrink: 0; }
.sr__payLogo img { width: calc(64 * var(--vw)); height: auto; }
.sr__payLogo em { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; font-size: calc(22 * var(--vw)); letter-spacing: calc(-1.1 * var(--vw)); }
.sr__payList { display: grid; grid-template-columns: max-content max-content; align-items: baseline; column-gap: calc(24 * var(--vw)); row-gap: calc(6 * var(--vw)); margin-left: auto; }
.sr__payList li { display: contents; }
.sr__payCond { font-size: calc(20 * var(--vw)); letter-spacing: calc(-1 * var(--vw)); white-space: nowrap; }
.sr__payCond .en { font-size: calc(22 * var(--vw)); }
.sr__payVal { font-weight: 700; font-size: calc(20 * var(--vw)); letter-spacing: calc(-1 * var(--vw)); white-space: nowrap; text-align: right; }
.sr__payVal .en { font-size: calc(22 * var(--vw)); }
.sr__paySoldout { margin-left: auto; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: calc(20 * var(--vw)); letter-spacing: calc(-1 * var(--vw)); color: #fff; }
/* 쿠폰 유의사항 보기 (토글) */
.sr__couponNotice { width: calc(638 * var(--vw)); text-align: left; margin-top: calc(-10 * var(--vw)); }
.sr__couponNotice > summary { display: inline-block; list-style: none; cursor: pointer; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: calc(16 * var(--vw)); letter-spacing: calc(-0.8 * var(--vw)); color: var(--c-grey); text-decoration: underline; text-underline-offset: calc(3 * var(--vw)); }
.sr__couponNotice > summary::-webkit-details-marker { display: none; }
.sr__couponNoticeBody { margin-top: calc(20 * var(--vw)); text-align: left; font-size: calc(16 * var(--vw)); line-height: calc(26 * var(--vw)); letter-spacing: calc(-0.8 * var(--vw)); color: var(--c-grey); }
.sr__couponNoticeBody .sr__noticeHead { font-weight: 700; }
.sr__couponNoticeBody .sr__noticeHead--gap { margin-top: calc(26 * var(--vw)); }
.sr__couponNoticeBody .sr__noticeList li { list-style: none; position: relative; padding-left: calc(20 * var(--vw)); }
.sr__couponNoticeBody .sr__noticeList li::before { content: ""; position: absolute; left: calc(7 * var(--vw)); top: calc(11 * var(--vw)); width: calc(4 * var(--vw)); height: calc(4 * var(--vw)); border-radius: 50%; background: currentColor; }
.sr__couponNoticeBody .sr__noticeDate { padding-left: calc(20 * var(--vw)); }

/* ---------- 03. 하이라이트 ---------- */
.sr__highlight { background: #fff; display: flex; flex-direction: column; align-items: center; gap: calc(60 * var(--vw)); padding: calc(120 * var(--vw)) 0; }
.sr__dropList { display: flex; gap: calc(20 * var(--vw)); justify-content: center; }
.sr__drop { display: flex; flex-direction: column; align-items: flex-start; gap: calc(20 * var(--vw)); width: calc(280 * var(--vw)); }
.sr__dropImg { width: calc(280 * var(--vw)); height: calc(280 * var(--vw)); background: var(--c-imgbg); overflow: hidden; }
.sr__dropImg img { width: 100%; height: 100%; object-fit: cover; }
.sr__dropText { display: flex; flex-direction: column; gap: calc(10 * var(--vw)); width: calc(260 * var(--vw)); }
.sr__dropTitle { font-family: 'ProximaNova', sans-serif; font-weight: 800; font-size: calc(27 * var(--vw)); color: var(--c-text); }
.sr__dropDesc { font-size: calc(18 * var(--vw)); line-height: calc(28 * var(--vw)); letter-spacing: calc(-0.9 * var(--vw)); color: var(--c-text); }
.sr__dropDesc .en { font-size: calc(20 * var(--vw)); letter-spacing: calc(-1 * var(--vw)); }

/* ---------- 03. 발매 (탭 상품) ---------- */
.sr__release { background: #fff; display: flex; flex-direction: column; align-items: center; gap: calc(60 * var(--vw)); padding: calc(120 * var(--vw)) 0; }
.sr__relHead { display: flex; flex-direction: column; align-items: center; gap: calc(40 * var(--vw)); }
.sr__relTabs { display: flex; gap: calc(10 * var(--vw)); }
.sr__relTab { display: inline-flex; align-items: center; justify-content: center; height: calc(40 * var(--vw)); padding: 0 calc(20 * var(--vw)); border-radius: calc(20 * var(--vw)); background: var(--c-imgbg); color: #727272; font-family: 'ProximaNova', sans-serif; font-weight: 700; font-size: calc(15 * var(--vw)); letter-spacing: calc(-0.75 * var(--vw)); white-space: nowrap; cursor: pointer; }
.sr__relTab.on { background: var(--c-accent); color: #fff; }
.sr__relPanels { width: calc(1230 * var(--vw)); }
.sr__relPanel { display: none; flex-direction: column; gap: calc(40 * var(--vw)); }
.sr__relPanel.is-active { display: flex; }
/* Today 히어로 */
.sr__relHero { display: flex; align-items: center; gap: calc(40 * var(--vw)); width: 100%; height: calc(540 * var(--vw)); padding: calc(30 * var(--vw)); background: var(--c-accent); border-radius: calc(10 * var(--vw)); cursor: pointer; } /* [NB2024-12452] KV+타이틀 클릭 시 더보러가기 랜딩 */
.sr__relHeroImg { flex-shrink: 0; width: calc(700 * var(--vw)); height: calc(480 * var(--vw)); border-radius: calc(10 * var(--vw)); overflow: hidden; }
.sr__relHeroImg img { width: 100%; height: 100%; object-fit: cover; }
.sr__relHeroText { display: flex; flex-direction: column; gap: calc(30 * var(--vw)); width: calc(406 * var(--vw)); color: #fff; }
.sr__relHeroTit { display: flex; flex-direction: column; gap: calc(4 * var(--vw)); }
.sr__relHeroTit strong { font-family: 'ProximaNova', sans-serif; font-weight: 800; font-size: calc(40 * var(--vw)); }
.sr__relHeroTit p { font-size: calc(18 * var(--vw)); line-height: calc(28 * var(--vw)); letter-spacing: calc(-0.9 * var(--vw)); }
.sr__relHeroBtn { display: inline-flex; align-items: center; justify-content: center; width: calc(130 * var(--vw)); height: calc(45 * var(--vw)); background: #fff; border-radius: calc(5 * var(--vw)); color: var(--c-text); font-size: calc(15 * var(--vw)); letter-spacing: calc(-0.75 * var(--vw)); }
/* 상품 리스트 */
.sr__relItems { display: flex; gap: calc(20 * var(--vw)); width: 100%; }
.sr__relItem { width: calc(230 * var(--vw)); }
.sr__relItemLink { display: flex; flex-direction: column; gap: calc(20 * var(--vw)); }
.sr__relItemImg { display: block; width: calc(230 * var(--vw)); height: calc(230 * var(--vw)); background: #e0e2e3; overflow: hidden; }
.sr__relItemImg img { width: 100%; height: 100%; object-fit: cover; }
.sr__relItemName { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: 'Noto Sans KR', sans-serif; font-size: calc(18 * var(--vw)); line-height: 1.5; letter-spacing: calc(-0.9 * var(--vw)); color: var(--c-text); }
.sr__relItemName .en { font-family: 'ProximaNova', sans-serif; font-size: calc(20 * var(--vw)); }
.sr__relItemPrice { display: flex; flex-direction: column; gap: calc(12 * var(--vw)); }
.sr__relItemOrig { font-family: 'Noto Sans KR', sans-serif; font-size: calc(16 * var(--vw)); color: var(--c-imgbg); text-decoration: line-through; }
.sr__relItemOrig .en { font-family: 'ProximaNova', sans-serif; font-size: calc(18 * var(--vw)); }
.sr__relItemSale { display: flex; align-items: center; gap: calc(10 * var(--vw)); }
.sr__relItemPct { font-family: 'ProximaNova', sans-serif; font-style: normal; font-weight: 700; font-size: calc(20 * var(--vw)); color: #cf0a2c; }
.sr__relItemFinal { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: calc(18 * var(--vw)); color: var(--c-text); }
.sr__relItemFinal .en { font-family: 'ProximaNova', sans-serif; font-size: calc(20 * var(--vw)); }

/* ---------- 04. KIDS DAILY 발매 ---------- */
.sr__launch { background: var(--c-bg); display: flex; flex-direction: column; align-items: center; gap: calc(60 * var(--vw)); padding: calc(120 * var(--vw)) 0; }
.sr__calendar { display: flex; gap: calc(20 * var(--vw)); justify-content: center; align-items: flex-start; }
.sr__calItem { display: flex; flex-direction: column; gap: calc(10 * var(--vw)); width: calc(340 * var(--vw)); }
.sr__calDate { font-family: 'ProximaNova', sans-serif; font-weight: 700; font-size: calc(28 * var(--vw)); line-height: calc(44 * var(--vw)); color: var(--c-text); font-feature-settings: "case" 1; }
.sr__calCard { display: flex; flex-direction: column; gap: calc(12 * var(--vw)); background: #fff; padding: calc(30 * var(--vw)); }
.sr__calImg { width: calc(280 * var(--vw)); height: calc(280 * var(--vw)); background: var(--c-imgbg); overflow: hidden; }
.sr__calImg img { width: 100%; height: 100%; object-fit: cover; }
.sr__badge { display: inline-flex; align-items: center; justify-content: center; width: calc(156 * var(--vw)); height: calc(26 * var(--vw)); border-radius: calc(4 * var(--vw)); background: rgba(55, 59, 50, 0.5); color: #fff; font-size: calc(14 * var(--vw)); font-weight: 700; text-transform: uppercase; }
.sr__calText { display: flex; flex-direction: column; gap: calc(10 * var(--vw)); width: calc(260 * var(--vw)); }
.sr__calTitle { font-family: 'ProximaNova', sans-serif; font-weight: 800; font-size: calc(27 * var(--vw)); color: var(--c-text); }
.sr__calTitle--ko { font-family: 'Noto Sans KR', sans-serif; font-weight: 900; font-size: calc(23 * var(--vw)); }
.sr__calDesc { font-size: calc(18 * var(--vw)); line-height: calc(28 * var(--vw)); letter-spacing: calc(-0.9 * var(--vw)); color: var(--c-text); }
.sr__calDesc .en { font-size: calc(20 * var(--vw)); letter-spacing: calc(-1 * var(--vw)); }
.sr__calCard .sr__btnOutline { margin-top: calc(8 * var(--vw)); }
.sr__btnArea { text-align: center; }

/* ---------- 05. 이벤트 (사은품) ---------- */
.sr__event { background: #fff; display: flex; flex-direction: column; align-items: center; gap: calc(60 * var(--vw)); padding: calc(120 * var(--vw)) 0 calc(100 * var(--vw)); }
.sr__giftList { display: flex; gap: calc(20 * var(--vw)); justify-content: center; }
.sr__gift { display: flex; flex-direction: column; gap: calc(24 * var(--vw)); width: calc(340 * var(--vw)); }
.sr__giftImg { width: calc(340 * var(--vw)); height: calc(340 * var(--vw)); background: linear-gradient(180deg, #dddddd 0%, var(--c-imgbg) 100%); overflow: hidden; }
.sr__giftImg img { width: 100%; height: 100%; object-fit: cover; }
.sr__giftText { display: flex; flex-direction: column; align-items: flex-start; gap: calc(12 * var(--vw)); text-align: left; }
.sr__giftTitle { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: calc(26 * var(--vw)); line-height: calc(34 * var(--vw)); letter-spacing: calc(-1.3 * var(--vw)); color: var(--c-text); }
.sr__giftDesc { font-size: calc(18 * var(--vw)); line-height: calc(28 * var(--vw)); letter-spacing: calc(-0.9 * var(--vw)); color: var(--c-text); }
.sr__notice { width: fit-content; text-align: left; color: var(--c-grey); }
.sr__notice p, .sr__notice li { font-size: calc(16 * var(--vw)); line-height: calc(26 * var(--vw)); letter-spacing: calc(-0.8 * var(--vw)); }
.sr__notice .sr__noticeTit { font-weight: 700; }
.sr__notice .en { font-size: calc(18 * var(--vw)); letter-spacing: calc(-0.9 * var(--vw)); }
.sr__notice .sr__noticeList li { list-style: none; position: relative; padding-left: calc(20 * var(--vw)); }
.sr__notice .sr__noticeList li::before { content: ""; position: absolute; left: calc(7 * var(--vw)); top: calc(11 * var(--vw)); width: calc(4 * var(--vw)); height: calc(4 * var(--vw)); border-radius: 50%; background: currentColor; }
.sr__notice .sr__noticeSubList { margin-left: calc(20 * var(--vw)); }

/* ---------- 03. 빠른 도착 서비스 ---------- */
.sr__delibox { background: #fff; display: flex; flex-direction: column; align-items: center; gap: calc(60 * var(--vw)); padding: calc(120 * var(--vw)) 0 calc(160 * var(--vw)); }
.sr__deliBanner { position: relative; width: calc(980 * var(--vw)); height: calc(476 * var(--vw)); border-radius: calc(20 * var(--vw)); overflow: hidden; background: linear-gradient(180deg, #14171c 9%, #5481d8 92%); }
.sr__deliBg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: soft-light; pointer-events: none; }
.sr__deliText { position: absolute; left: calc(55 * var(--vw)); top: 50%; transform: translateY(-50%); width: calc(560 * var(--vw)); display: flex; flex-direction: column; align-items: flex-start; gap: calc(30 * var(--vw)); z-index: 2; }
.sr__deliTitleGroup { display: flex; flex-direction: column; gap: calc(10 * var(--vw)); }
.sr__deliEyebrow { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: calc(18 * var(--vw)); line-height: calc(28 * var(--vw)); letter-spacing: calc(-0.9 * var(--vw)); color: #5481d8; }
.sr__deliEyebrow .en { font-family: 'ProximaNova', sans-serif; font-size: calc(20 * var(--vw)); }
.sr__deliTitle { display: flex; align-items: center; gap: calc(12 * var(--vw)); font-family: 'Noto Sans KR', sans-serif; font-weight: 900; font-size: calc(40 * var(--vw)); line-height: 1.4; letter-spacing: calc(-2 * var(--vw)); color: #fff; }
.sr__deliTruck { display: block; width: calc(66 * var(--vw)); height: auto; flex-shrink: 0; }
.sr__deliList { display: flex; flex-direction: column; gap: calc(8 * var(--vw)); }
.sr__deliList li { display: flex; align-items: center; gap: calc(10 * var(--vw)); }
.sr__deliList strong { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: calc(20 * var(--vw)); line-height: calc(26 * var(--vw)); letter-spacing: calc(-1 * var(--vw)); color: #fff; white-space: nowrap; }
.sr__deliBar { width: 1px; height: calc(20 * var(--vw)); background: rgba(255, 255, 255, 0.5); flex-shrink: 0; }
.sr__deliDesc { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: calc(20 * var(--vw)); line-height: calc(26 * var(--vw)); letter-spacing: calc(-1 * var(--vw)); color: #fff; white-space: nowrap; }
.sr__deliDesc .en { font-family: 'ProximaNova', sans-serif; font-size: calc(22 * var(--vw)); }
.sr__deliVisual { position: absolute; right: calc(55 * var(--vw)); bottom: 0; width: calc(317 * var(--vw))!important; height: auto; z-index: 1; }
.sr__deliLink { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: calc(16 * var(--vw)); letter-spacing: calc(-0.8 * var(--vw)); color: #8f959b; text-decoration: underline; text-underline-offset: calc(3 * var(--vw)); }

/* ---------- 07. NB Logo ---------- */
.sr__logo { background: #fff; text-align: center; padding: calc(140 * var(--vw)) 0; }

/* ---------- 발매 알림 신청 팝업 (sendType 선택) ----------
 * 슈즈위크(NB2024-12342)와 동일한 팝업. popup.css 를 통째 로드하지 않고 필요한 룰만 발췌 복사.
 * (이 페이지는 popup.css 미로드 → 팝업 베이스 쉘까지 포함해야 함. px 고정값은 팝업 특성상 vw 미적용)
 */
.dimm_pop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.7; z-index: 99 !important; }
.layer_pop { position: absolute; left: 0; top: 10px; width: 100%; z-index: 100; word-break: break-all; }
.layer_pop .pop_inner { position: relative; margin: 0 auto; background: #fff; box-sizing: border-box; }
.w900 .pop_inner { width: 900px; padding: 50px 40px; }
.w900 .close { right: 40px; top: 50px; }
.pop_inner .close { position: absolute; z-index: 60; }
.pop_inner .close img { display: block; }
.pop_inner .btn_area { text-align: center; }
.popTit { font-size: 32px; text-align: center; display: block; font-weight: 900; margin-top: 30px; }
.mt30 { margin-top: 30px; }
.btn.btn-border { border-radius: 30px; }
.btn.btn-black { background: #000; font-size: 18px; color: #fff; width: 241px; padding: 15px 0; text-align: center; }
.launching_alarm { margin: 30px 80px; }
.launching_alarm .alarm_input { display: flex; background: #f4f4f4; padding: 40px 0; gap: 35px; justify-content: center; flex-wrap: wrap; }
.launching_alarm .alarm_input input.ip_radio + label { font-weight: 400; font-family: 'Noto Sans KR', Dotum, "돋움", sans-serif; font-size: 18px; }
.launching_alarm .alarm_noti { margin-top: 20px; }
.launching_alarm .alarm_noti li { color: #777777; text-indent: -8px; padding-left: 8px; line-height: 24px; }
.launching_alarm .alarm_noti li.color_red { color: #cf0a2c; }
.sr__logo .sr__logoImg { display: inline-block; width: calc(170 * var(--vw)); height: auto; }