@charset "utf-8";

:root {
    --png-font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;

    /* type scale – readable sizes */
    --png-text-xs: 0.8125rem;
    --png-text-sm: 0.9375rem;
    --png-text-rg: 1rem;
    --png-text-base: 1.0625rem;
    --png-text-md: 1.125rem;
    --png-text-lg: 1.25rem;
    --png-text-xl: 1.4375rem;
    --png-text-2xl: 1.75rem;
    --png-text-3xl: 2.125rem;

    --png-leading-tight: 1.4;
    --png-leading-normal: 1.65;
    --png-leading-relaxed: 1.8;

    --png-weight-regular: 400;
    --png-weight-medium: 500;
    --png-weight-semibold: 600;
    --png-weight-bold: 700;

    /* brand colors */
    --png-navy: #0f2240;
    --png-teal: #0b6678;
    --png-teal-dark: #015163;
    --png-orange: #d47a00;
    --png-orange-light: #fff4e5;
    --png-teal-light: #e5f4f7;
    --png-navy-light: #eef2f8;
    --png-sky-light: #f0f8ff;
    --png-page-bg: #edf2f7;
    --png-card-bg: #ffffff;
    --png-text: #1a2332;
    --png-text-muted: #5c6b7a;
    --png-border: #c8d4e0;
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body,
input,
button,
textarea,
select {
    font-family: var(--png-font);
}

body {
    font-size: var(--png-text-base);
    line-height: var(--png-leading-normal);
    letter-spacing: -0.015em;
    color: var(--png-text);
    background: var(--png-page-bg);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--png-font);
    color: var(--png-navy);
    letter-spacing: -0.03em;
}

#container {
    color: var(--png-text);
}

#container,
#container_wr,
.png-main-wrap,
.png-property-board,
.png-detail,
.png-consult-page,
.png-company-page,
.png-region-page,
.png-legal-page {
    font-size: var(--png-text-base);
}

#container_title {
    margin-bottom: 16px;
    padding: 0 18px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(90deg, var(--png-navy) 0%, var(--png-teal) 100%);
    line-height: 52px;
    box-shadow: 0 4px 14px rgba(15, 34, 64, .15);
}

#container_title span {
    color: #fff;
    font-size: var(--png-text-lg);
    font-weight: var(--png-weight-bold);
    letter-spacing: -0.03em;
}

button.btn,
a.btn,
.png-property-btn,
.png-property-tab,
.png-detail-actions .btn {
    font-size: var(--png-text-rg);
    font-weight: var(--png-weight-semibold);
}

.png-section-head h2,
.png-detail-section-head h3,
.png-property-list-title {
    font-weight: var(--png-weight-bold);
}

label,
.png-detail-keyfact__label,
.png-detail-spec__label {
    font-weight: var(--png-weight-semibold);
}

strong,
.png-detail-keyfact__value,
.png-detail-spec__value {
    font-weight: var(--png-weight-bold);
}

@media (max-width: 640px) {
    #container_title {
        font-size: var(--png-text-md);
        line-height: 48px;
        padding: 0 14px;
    }

    #container_title span {
        font-size: var(--png-text-md);
    }

    body {
        font-size: var(--png-text-rg);
    }
}