@charset "utf-8";

/* =========================================================
   더인베스트(theinvest.co.kr) 공통 스타일 - common.css
   - 디자인 토큰(:root) / 리셋 / 기본 타이포 / 레이아웃 / 유틸리티
   - GNB·HERO·카드·랭킹·IPO 등 섹션 스타일은 단계별로 추가
   - 기준 폰트크기 16px / 들여쓰기 Tab
   ========================================================= */

:root{
	/* 잉크 / 배경 */
	--ink:#0A1733; --ink-2:#13224C; --ink-3:#1B2E5E;
	--surface:#F5F7FC; --card:#FFFFFF; --line:#E7EAF3; --line-2:#EEF1F8;
	--text:#0E1726; --muted:#5C6679; --muted-2:#8b94a8;

	/* 브랜드 (그린 — 로고 기준) */
	--brand:#2A6B5E; --brand-2:#16B89C; --brand-ink:#22564C;

	/* 등락 (한국장 관례: 상승=빨강, 하락=파랑) */
	--up:#F0413E; --down:#2E6BE8; --flat:#7b8499;

	/* 칩 */
	--chip:#E7F2EE; --chip-ink:#1F6B5C;

	/* 폰트 */
	--sans:'Pretendard','Pretendard Variable',-apple-system,'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;
	--mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Consolas,'Liberation Mono',monospace;

	/* 레이아웃 / 형태 */
	--wrap:1200px;
	--r:16px; --r-sm:11px;
	--sh:0 1px 2px rgba(16,23,38,.04),0 8px 24px rgba(16,23,38,.06);
	--sh-hover:0 2px 6px rgba(16,23,38,.06),0 18px 40px rgba(20,40,90,.12);
}

/* ---------- 리셋 ---------- */
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{font-size:16px;}              /* 기준 폰트크기 16px */
img,svg{vertical-align:middle;}
button,input{font-family:inherit;}

body{
	font-family:var(--sans);
	font-size:1rem;                /* = 16px */
	color:var(--text);
	background:var(--surface);
	-webkit-font-smoothing:antialiased;
	line-height:1.5;
	letter-spacing:-0.01em;
	overflow-x:hidden;
}
a{color:inherit;text-decoration:none;}

/* ---------- 레이아웃 ---------- */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px;}

/* ---------- 유틸리티 ---------- */
.num{font-family:var(--mono);font-feature-settings:"tnum" 1;letter-spacing:0;}
.up{color:var(--up);}
.down{color:var(--down);}
.flat{color:var(--flat);}

/* =========================================================
   상단 GNB (라이트 헤더 + 로고 + 검색폼 + 로그인)
   - 로고(logo02.png)가 다크 텍스트라 헤더를 라이트(흰 배경)로 운용
   ========================================================= */
.gnb{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line);}
.gnb__in{display:flex;align-items:center;gap:18px;height:64px;}

/* 브랜드 (워드마크 이미지 로고) */
.brand{display:flex;align-items:center;flex:0 0 auto;}
.brand__img{height:34px;width:auto;display:block;}

/* 검색폼 (라이트 배경 → 테두리 + 포커스 링) */
.gsearch{position:relative;flex:1 1 auto;min-width:0;max-width:560px;}
.gsearch__box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:5px 5px 5px 16px;transition:border-color .15s,box-shadow .15s;}
.gsearch__box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(42,107,94,.14);}
.gsearch__ico{color:var(--muted-2);flex:0 0 auto;}
.gsearch__in{flex:1;min-width:0;border:0;outline:0;font-family:var(--sans);font-size:15px;color:var(--text);background:transparent;padding:9px 0;}
.gsearch__in::placeholder{color:#9aa3b5;}
.gsearch__btn{flex:0 0 auto;width:38px;height:38px;padding:0;border:0;border-radius:9px;color:#fff;cursor:pointer;background:var(--brand);display:inline-flex;align-items:center;justify-content:center;transition:filter .15s;}
.gsearch__btn:hover{filter:brightness(1.08);}

/* 우측 유틸 (로그인) */
.gnb__utils{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto;}
.login{height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;border-radius:9px;font-weight:700;font-size:13.5px;color:var(--brand-ink);background:var(--chip);transition:background .15s;}
.login__ico{flex:0 0 auto;}
.login:hover{background:#dcece6;}

/* 자동완성 드롭다운 */
.ac{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-hover);overflow-x:hidden;overflow-y:auto;max-height:60vh;z-index:120;padding:4px 0;}
.ac[hidden]{display:none;}
.ac__head{padding:8px 14px 5px;font-size:11.5px;font-weight:700;color:var(--muted-2);letter-spacing:.02em;}
.ac__item{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;color:var(--text);}
.ac__item:hover,.ac__item.is-active{background:var(--surface);}
.ac__main{display:flex;align-items:center;gap:8px;min-width:0;flex:1;}
.ac__name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ac__name b{color:var(--brand-ink);font-weight:800;}
.ac__code{font-size:11.5px;color:var(--muted-2);flex:0 0 auto;}
.ac__meta{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin-left:auto;}
.ac__mkt{font-size:10.5px;font-weight:700;color:var(--brand-ink);background:var(--chip);border-radius:6px;padding:2px 7px;white-space:nowrap;}
.ac__halt{font-size:10.5px;font-weight:700;color:#b4232a;background:#fdeceb;border-radius:6px;padding:2px 7px;white-space:nowrap;}

/* GNB 반응형: 좁은 화면에서 검색폼을 아래 줄 전체폭으로 */
@media (max-width:760px){
	.gnb__in{flex-wrap:wrap;height:auto;padding-top:14px;padding-bottom:12px;gap:12px;}
	.brand{order:1;}
	.brand__img{height:30px;}
	.gnb__utils{order:2;margin-left:auto;}
	.gsearch{order:3;flex:1 1 100%;min-width:0;max-width:none;}
}

/* =========================================================
   HERO (다크 배경 + 데이터 아트 + 카피 + 통계)
   ========================================================= */
.hero{position:relative;background:var(--ink);overflow:hidden;}
.hero__art{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block;}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
	background:linear-gradient(105deg, rgba(8,18,42,.92) 0%, rgba(8,18,42,.66) 45%, rgba(8,18,42,.28) 80%, rgba(8,18,42,.42) 100%);}
.hero__in{position:relative;z-index:2;padding:64px 0 72px;}
.hero__eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#cfe9e2;
	background:rgba(42,107,94,.22);border:1px solid rgba(127,184,168,.32);padding:7px 13px;border-radius:999px;}
.hero__eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--brand-2);box-shadow:0 0 0 4px rgba(22,184,156,.18);}
.hero__title{color:#fff;font-weight:800;letter-spacing:-.035em;font-size:clamp(32px,4.4vw,54px);line-height:1.08;margin:22px 0 0;}
.hero__title .grad{background:linear-gradient(92deg,#5fd3bb,#16B89C);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero__sub{color:#aebfca;font-size:clamp(15px,1.4vw,18px);max-width:600px;margin:18px 0 0;line-height:1.6;}
.stats{display:flex;flex-wrap:wrap;gap:36px;margin:44px 0 0;}
.stat__v{font-family:var(--mono);font-weight:700;font-size:30px;color:#fff;letter-spacing:-.01em;line-height:1;}
.stat__v small{font-family:var(--sans);font-size:15px;font-weight:600;color:#9fc7bd;margin-left:4px;letter-spacing:-.01em;}
.stat__l{margin-top:9px;font-size:13px;color:#8fa6ae;}
.stat__sep{width:1px;align-self:stretch;background:rgba(255,255,255,.1);}
@media (max-width:1024px){ .stats{gap:24px;} .stat__sep{display:none;} }
@media (max-width:640px){ .hero__in{padding:24px 0 28px;} }

/* =========================================================
   공통 섹션 헤더 (여러 섹션에서 재사용)
   ========================================================= */
.sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap;}
.sec__title{font-size:31px;font-weight:800;letter-spacing:-.02em;margin:0;color:var(--text);}
.sec__sub{margin:6px 0 0;font-size:13px;color:var(--muted);}
.sec__stamp{font-size:12px;color:var(--muted-2);font-family:var(--mono);white-space:nowrap;}

/* =========================================================
   최근 업데이트 (7개 카테고리 카드)
   ========================================================= */
.recent{padding:56px 0;}
.rc__grid{display:flex;flex-wrap:wrap;gap:16px;}
.rc__card{flex:1 1 300px;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 18px 8px;box-shadow:var(--sh);}
.rc__cardhead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line-2);}
.rc__cat{font-size:17px;font-weight:800;color:var(--text);}
.rc__new{font-size:10.5px;font-weight:800;color:#fff;background:var(--brand);border-radius:999px;padding:3px 9px;letter-spacing:.02em;white-space:nowrap;}
.rc__list{list-style:none;margin:0;padding:6px 0 0;}
.rc__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line-2);}
.rc__item:first-child{border-top:0;}
.rc__corp{display:flex;flex-direction:column;gap:2px;min-width:0;}
.rc__name{font-size:16px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rc__corp:hover .rc__name{color:var(--brand-ink);}
.rc__sub{font-size:11px;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rc__right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:0 0 auto;min-width:0;max-width:62%;text-align:right;}
.rc__val{font-size:16px;font-weight:700;color:var(--text);white-space:normal;word-break:keep-all;line-height:1.35;}
.rc__val.is-up{color:var(--up);}
.rc__val.is-down{color:var(--down);}
.rc__date{font-size:10.5px;color:var(--muted-2);}
.rc__empty{padding:14px 0;color:var(--muted-2);font-size:13px;text-align:center;}
.rc__loading{color:var(--muted-2);font-size:14px;padding:22px 0;}

/* =========================================================
   카테고리별 랭킹 (탭 + 4카드 × 상위 5)
   ========================================================= */
.ranking{padding:56px 0;}
.rk__tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px;flex-wrap:wrap;}
.rk__tab{-webkit-appearance:none;appearance:none;border:0;background:transparent;font-family:var(--sans);font-size:15px;font-weight:700;color:var(--muted);padding:10px 16px;cursor:pointer;position:relative;border-radius:8px 8px 0 0;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.06);}
@media (hover:hover){ .rk__tab:hover{color:var(--text);background:var(--surface);} }
.rk__tab.is-on{color:var(--brand-ink);}
.rk__tab.is-on::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--brand);border-radius:2px;}
.rk__panel[hidden]{display:none;}
.rk__grid{display:flex;flex-wrap:wrap;gap:16px;}
.rk__card{flex:1 1 260px;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--sh);}
.rk__cardhead{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid var(--line-2);}
.rk__title{font-size:17px;font-weight:800;color:var(--text);}
.rk__unit{font-size:12px;color:var(--muted-2);white-space:nowrap;}
.rk__list{list-style:none;margin:0;padding:4px 0 0;}
.rk__row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line-2);}
.rk__row:first-child{border-top:0;}
.rk__rank{flex:0 0 22px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--muted);background:var(--surface);}
.rk__rank.r1{color:#fff;background:var(--brand);}
.rk__rank.r2,.rk__rank.r3{color:var(--brand-ink);background:var(--chip);}
.rk__corp{flex:1;min-width:0;font-size:16px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rk__corp:hover{color:var(--brand-ink);}
.rk__val{flex:0 0 auto;font-size:16px;font-weight:700;color:var(--text);}
.rk__val.is-up{color:var(--up);}
.rk__val.is-down{color:var(--down);}
.rk__empty{padding:12px 0;color:var(--muted-2);font-size:13px;text-align:center;}

/* =========================================================
   IPO 캘린더 (달력 + 공모예정 + 최근상장)
   ========================================================= */
.ipo{padding:56px 0;}
.ipo__grid{display:block;}
.ipo__cal{width:100%;margin-bottom:20px;}
.ipo__lists{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch;}

/* 달력 */
.ipocal{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:18px;}
.ipocal__nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px;}
.ipocal__label{font-size:16px;font-weight:800;color:var(--text);min-width:120px;text-align:center;}
.ipocal__navbtn{width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer;color:var(--muted);font-size:17px;line-height:1;display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation;}
@media (hover:hover){ .ipocal__navbtn:hover{background:var(--surface);color:var(--text);} }
.ipocal__navbtn:disabled{opacity:.4;cursor:default;}
.ipocal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}
.ipocal__weekdays{margin-bottom:6px;}
.ipocal__wd{text-align:center;font-size:11.5px;font-weight:700;color:var(--muted-2);padding:4px 0;}
.ipocal__wd.sun{color:var(--up);}
.ipocal__wd.sat{color:var(--down);}
.ipocal__month[hidden]{display:none;}
.ipocal__cell{min-height:52px;border-radius:9px;padding:5px 3px;display:flex;flex-direction:column;align-items:center;gap:3px;}
.ipocal__cell.has-ev{background:var(--surface);}
.ipocal__cell.is-today{outline:2px solid var(--brand);outline-offset:-2px;}
.ipocal__day{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--text);}
.ipocal__day.sun{color:var(--up);}
.ipocal__day.sat{color:var(--down);}
.ipocal__dots{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;}
.ipocal__dot{width:6px;height:6px;border-radius:50%;}
.ipocal__dot.t-dem{background:#E0A100;}
.ipocal__dot.t-sub{background:var(--brand);}
.ipocal__dot.t-list{background:#7A5AF8;}
.ipocal__legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-2);}
.ipocal__leg{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);}
.ipocal__leg i{width:8px;height:8px;border-radius:50%;display:inline-block;}

/* 공모예정 / 최근상장 */
.ipodeals{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:18px;}
.ipodeals__sub{font-size:13px;font-weight:800;color:var(--muted);margin:0 0 6px;letter-spacing:.02em;}
.ipodeals__list{list-style:none;margin:0;padding:0;}
.ipodeals__empty{font-size:13px;color:var(--muted-2);padding:8px 0;}
@media (min-width:640px){ .ipodeals__list{height:300px;overflow-y:auto;} }
.deal{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line-2);}
.deal:first-child{border-top:0;}
.deal__state{flex:0 0 auto;font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;white-space:nowrap;}
.deal__state.tone-live{background:var(--brand);color:#fff;}
.deal__state.tone-soon{background:#FFF3D6;color:#96690A;}
.deal__state.tone-list{background:var(--chip);color:var(--brand-ink);}
.deal__state.tone-done{background:var(--surface);color:var(--muted);}
.deal__body{flex:1;min-width:0;}
.deal__top{display:flex;align-items:center;gap:6px;min-width:0;}
.deal__corp{font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
a.deal__corp:hover{color:var(--brand-ink);}
.deal__ind{flex:0 0 auto;font-size:11px;color:var(--muted-2);background:var(--surface);border-radius:5px;padding:1px 6px;}
.deal__sch{font-size:11.5px;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;}
.deal__val{flex:0 0 auto;text-align:right;display:flex;flex-direction:column;gap:1px;}
.deal__price{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--text);}
.deal__ret{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--text);}
.deal__ret.is-up{color:var(--up);}
.deal__ret.is-down{color:var(--down);}
.deal__psub{font-size:10.5px;color:var(--muted-2);}
@media (max-width:520px){ .ipocal__cell{min-height:44px;} }

/* =========================================================
   푸터 (다크 — HERO 계열)
   ========================================================= */
.site-foot{background:var(--ink);color:#9fb0c4;padding:44px 0 40px;font-size:13px;line-height:1.65;}
.site-foot a{color:#c3d0e0;transition:color .15s;}
.site-foot a:hover{color:#fff;}
.foot__top{display:flex;flex-wrap:wrap;gap:24px 40px;justify-content:space-between;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.09);}
.foot__brand{min-width:0;}
.foot__logo{display:inline-block;font-size:20px;font-weight:800;color:#fff;letter-spacing:-.02em;}
.foot__logo:hover{color:#fff;}
.foot__tag{margin:9px 0 0;font-size:12.5px;color:#7e8ea6;max-width:440px;line-height:1.55;}
.foot__nav{display:flex;flex-wrap:wrap;gap:9px 18px;align-items:center;}
.foot__nav a{font-size:13px;}
.foot__nav a.is-strong{color:#8fd7c8;font-weight:700;}
.foot__nav a.is-strong:hover{color:#b6efe0;}
.foot__src{margin:20px 0 0;padding:13px 16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);border-radius:12px;font-size:12.5px;color:#9fb0c4;line-height:1.6;}
.foot__src b{color:#cdd8e6;font-weight:700;}
.foot__legal{margin:20px 0 0;font-size:12px;color:#7e8ea6;line-height:1.75;}
.foot__disc{margin:0 0 12px;color:#93a3ba;}
.foot__info{margin:0;color:#7e8ea6;}
.foot__open{margin:12px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);color:#6f7f97;}
.foot__open b{color:#9fb0c4;font-weight:700;}
.foot__copy{margin:10px 0 0;color:#6f7f97;font-family:var(--mono);font-size:11.5px;}
@media (max-width:640px){
	.site-foot{padding:32px 0 32px;}
	.foot__top{gap:18px;}
}

/* =========================================================
   종목 상세 (compinfo)
   ========================================================= */
.cmp .muted{color:var(--muted-2);}
.cmp-up{color:var(--up);font-weight:700;}
.cmp-down{color:var(--down);font-weight:700;}

/* 헤더 (코드·종목명·로고·시세·기업개요) */
.cmp-head{background:#fff;border-bottom:1px solid var(--line);}
.cmp-head .wrap{padding-top:26px;padding-bottom:24px;}
.cmp-head__row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.cmp-head__id{display:flex;align-items:center;gap:10px;min-width:0;}
.cmp-head__mkt{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--brand-ink);background:var(--chip);border-radius:6px;padding:3px 9px;}
.cmp-head__code{font-size:14px;color:var(--muted);}
.cmp-head__logo{flex:0 0 auto;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);object-fit:contain;background:#fff;}
.cmp-head__name{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:10px 0 0;color:var(--text);}
.cmp-head__pricewrap{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 14px;margin:12px 0 0;}
.cmp-head__price{font-family:var(--mono);font-size:34px;font-weight:800;line-height:1;letter-spacing:-.01em;}
.cmp-head__won{font-size:20px;font-weight:700;margin-left:2px;}
.cmp-head__chg{font-family:var(--mono);font-size:15px;font-weight:700;}
.cmp-head__price.is-up,.cmp-head__chg.is-up{color:var(--up);}
.cmp-head__price.is-down,.cmp-head__chg.is-down{color:var(--down);}
.cmp-head__price.is-flat,.cmp-head__chg.is-flat{color:var(--flat);}
.cmp-head__time{font-size:13px;color:var(--muted-2);font-family:var(--mono);}
.cmp-head__summary{margin:14px 0 0;font-size:16px;color:var(--muted);line-height:1.6;}
.cmp-head__meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin:10px 0 0;font-size:13px;color:var(--muted-2);}
.cmp-head__meta b{color:var(--text);font-weight:700;font-family:var(--mono);}

/* 본문 섹션 공통 */
.cmp__body{padding:28px 0 56px;}
.cmp-sec{margin:0 0 26px;}
.cmp-sec:last-child{margin-bottom:0;}
.cmp-sec__title{font-size:18px;font-weight:800;color:var(--text);margin:0 0 12px;padding-left:11px;border-left:3px solid var(--brand);line-height:1.2;}

/* key-value 카드 */
.cmp-kv{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;}
.cmp-kv__row{display:flex;border-top:1px solid var(--line-2);}
.cmp-kv__row:first-child{border-top:0;}
.cmp-kv__row dt{flex:0 0 32%;max-width:200px;padding:13px 16px;background:var(--surface);font-size:14px;font-weight:700;color:var(--muted);}
.cmp-kv__row dd{flex:1;min-width:0;margin:0;padding:13px 16px;font-size:16px;color:var(--text);line-height:1.55;}
.cmp-kv__sub{display:block;margin-top:3px;font-size:13px;color:var(--muted-2);}
.cmp-kv__pay{display:flex;flex-wrap:wrap;gap:6px 14px;}
@media (max-width:560px){
	.cmp-head__price{font-size:28px;}
	.cmp-kv__row dt{flex-basis:38%;}
}

/* ---------- 반응형 공통 ---------- */
@media (max-width:640px){
	.wrap{padding-left:16px;padding-right:16px;}   /* 상/하 패딩은 컴포넌트값 유지(gnb__in·hero__in 덮어쓰기 방지) */
}
@media (prefers-reduced-motion:reduce){
	*{animation:none !important;transition:none !important;}
}