@charset "utf-8";

:root {
    --font-main: 'Pretendard Variable', Pretendard, 'Noto Sans KR', 'Malgun Gothic', sans-serif;
    --font-point: 'GmarketSans', 'Pretendard Variable', sans-serif;
    --color-primary: #8b3f1f;
    --color-dark: #111;
    --transition: all .25s ease;
}

html { scroll-behavior: smooth; }
body { background: #fff; color: #151515; font-family: var(--font-main); letter-spacing: -0.045em; }
#hd, #wrapper, #ft { min-width: 0 !important; }
.lp-wrap, .lp-main { width: 100%; overflow: hidden; }

.temp-hero { position: relative; min-height: 620px; display: flex; align-items: center; color: #fff; background: linear-gradient(135deg, rgba(0,0,0,.92), rgba(139,63,31,.82)), url('../img/donjikgu/hero.jpg') center/cover no-repeat; }
.temp-hero__inner { width: min(1080px, calc(100% - 60px)); margin: 0 auto; }
.temp-eyebrow { margin: 0 0 14px; color: var(--color-primary); font-family: var(--font-point); font-size: 14px; font-weight: 900; letter-spacing: .04em; }
.temp-hero .temp-eyebrow { color: #f7c7a7; }
.temp-hero h2 { margin: 0; font-family: var(--font-point); font-size: 76px; font-weight: 900; line-height: 1.05; letter-spacing: -0.07em; }
.temp-hero p:not(.temp-eyebrow) { max-width: 520px; margin: 24px 0 0; font-size: 22px; font-weight: 600; line-height: 1.6; color: rgba(255,255,255,.82); }
.temp-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 180px; height: 50px; margin-top: 34px; border-radius: 999px; background: var(--color-primary); color: #fff; font-weight: 900; text-decoration: none; }

.temp-section { padding: 110px 0; background: #fff; }
.temp-section__head { width: min(900px, calc(100% - 60px)); margin: 0 auto 46px; text-align: center; }
.temp-section__head h2 { margin: 0; font-family: var(--font-point); font-size: 46px; font-weight: 900; letter-spacing: -0.065em; }
.temp-section__head p:not(.temp-eyebrow) { margin: 16px 0 0; color: #666; font-size: 18px; font-weight: 500; line-height: 1.7; }
.temp-card-grid { width: min(1080px, calc(100% - 60px)); margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.temp-card-grid article { min-height: 240px; padding: 34px 30px; border-radius: 22px; background: #f7f4f1; border: 1px solid rgba(0,0,0,.06); }
.temp-card-grid strong { display: block; color: var(--color-primary); font-family: var(--font-point); font-size: 28px; font-weight: 900; }
.temp-card-grid h3 { margin: 22px 0 12px; font-size: 25px; font-weight: 900; }
.temp-card-grid p { margin: 0; color: #666; font-size: 16px; line-height: 1.7; }
.temp-contact { padding: 100px 0 132px; background: #111; color: #fff; text-align: center; }
.temp-contact__inner { width: min(900px, calc(100% - 60px)); margin: 0 auto; }
.temp-contact h2 { margin: 0; font-family: var(--font-point); font-size: 48px; font-weight: 900; letter-spacing: -0.065em; }
.temp-contact p:not(.temp-eyebrow) { margin: 16px 0 0; color: rgba(255,255,255,.72); font-size: 18px; }

[data-ani] { opacity: 0; transform: translateY(24px); transition: opacity .65s ease, transform .65s ease; }
[data-ani].is-active, .is-section-active [data-ani] { opacity: 1; transform: translateY(0); }

@media (max-width: 768px) {
    .temp-hero { min-height: 520px; }
    .temp-hero__inner, .temp-section__head, .temp-card-grid, .temp-contact__inner { width: calc(100% - 36px); }
    .temp-hero h2 { font-size: 48px; }
    .temp-hero p:not(.temp-eyebrow) { font-size: 17px; }
    .temp-section { padding: 76px 0; }
    .temp-section__head h2, .temp-contact h2 { font-size: 32px; }
    .temp-section__head p:not(.temp-eyebrow), .temp-contact p:not(.temp-eyebrow) { font-size: 15px; }
    .temp-card-grid { grid-template-columns: 1fr; gap: 14px; }
    .temp-card-grid article { min-height: 0; padding: 26px 22px; border-radius: 18px; }
    .temp-contact { padding: 76px 0 112px; }
}