@charset "UTF-8";

html,
body {
    position: relative;
    overflow-x: clip;
}

html {
    min-height: 100%;
}

/* 디자인 기본 서체 = Tmoney RoundWind (400/800 두 웨이트만 제공).
   숫자 등 일부 요소는 디자인 지정에 따라 Pretendard를 개별 적용한다. */
body {
    font-family: "Tmoney RoundWind", "Pretendard", sans-serif;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.4 !important;
    text-decoration: none;
    color: var(--color-text);
    word-break: keep-all;
}

h2.title {
    font-size: var(--fs-35);
    font-weight: 700;
    /* line-height: var(--lh-base); */
    color: var(--color-text);
    margin-bottom: var(--space-17);
}

p.desc {
    font-size: var(--fs-23);
    /* line-height: var(--lh-base); */
    color: var(--color-text-sub);
}

/* web font */
@font-face {
    font-family: 'Tmoney RoundWind';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/TmoneyRoundWindRegular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Tmoney RoundWind';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/TmoneyRoundWindExtraBold.woff') format('woff');
    font-weight: 800;
    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;
}

/* ── 광고 영역은 full-bleed ──
   .inner 의 좌우 gutter를 그대로 두면 좁은 기기에서 표준 배너가 물리적으로 안 들어가
   애드센스가 응답만 하고 광고를 안 준다(unfilled).
   실측(갤럭시 폴드 커버 344px): gutter 26.1px x2 → 광고 폭 292px → 320x50 배너 불가.
   gutter를 빼면 344px가 되어 320x50이 들어간다.
   기획서의 '가로 100% 꽉 차게'와도 이쪽이 맞다. max-width(768)와 가운데 정렬은 유지된다.
   광고 섹션을 새로 만들면 이 목록에 추가할 것. */
.header-ad-sec > .inner,
.wishlist-ad-sec > .inner {
    padding-inline: 0;
}

.ads_wrap {
    width: 100%;
    display: block;
    /* 고정 크기 광고(inline-block)를 가운데로. 반응형(block)에는 영향 없음 */
    text-align: center;
}
.ads_wrap .adsbygoogle {
    width: 100%;
    margin: var(--space-20) 0;
    display: block;
}

.header-ad-sec .ads_wrap .adsbygoogle {
    margin: 0;
}

.ads_wrap .adsbygoogle[data-ad-status="unfilled"] {
    display: none !important
}