@charset "UTF-8";
:root{
  --green:#123e2d;
  --deep:#071e18;
  --gold:#b99a5f;
  --line:rgba(255,255,255,.22);
  --gray:#6c746f;
  --light:#f5f3ee;
  --max:1500px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:10px;scroll-behavior:smooth}
body{font-family:"Pretendard","Noto Sans KR",Arial,sans-serif;color:#111;background:#fff;overflow-x:hidden;word-break:keep-all}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{font-family:inherit;border:0;background:none;cursor:pointer;color:inherit}
img{max-width:100%;display:block;object-fit:cover}
.blind{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.inner{width:min(calc(100% - 8rem),var(--max));margin:0 auto}
.site-wrap{min-width:320px;overflow:hidden}
.section-title span{display:block;margin-bottom:1.4rem;font-size:1.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:700}
.section-title h2{font-size:clamp(3rem,3.2vw,4rem);line-height:1.25;font-weight:500;letter-spacing:-.04em;color:#111}
.section-title p{margin-top:2rem;font-size:1.8rem;line-height:1.75;color:#68716b;max-width:55rem}
.line-btn,.white-btn{display:inline-flex;align-items:center;justify-content:center;min-width:13.6rem;height:5rem;padding:0 2.6rem;font-size:1.5rem;border-radius:10rem;transition:.25s ease}
.line-btn{border:1px solid rgba(18,62,45,.34);color:var(--green)}
.line-btn:hover{background:var(--green);color:#fff}
.white-btn{border:1px solid rgba(255,255,255,.58);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(6px)}
.white-btn:hover{background:#fff;color:var(--green)}
.dimmed{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:80;opacity:0;visibility:hidden;transition:.25s ease}
body.menu-open{overflow:hidden}
body.menu-open .dimmed{opacity:1;visibility:visible}
@media (min-width:1440px){.inner{width:min(calc(100% - 12rem),var(--max))}}
@media (max-width:1439px) and (min-width:1280px){.inner{width:min(calc(100% - 8rem),1360px)}.section-title h2{font-size:3.6rem}.section-title p{font-size:1.7rem}}
@media (max-width:1279px){html{font-size:9.5px}.inner{width:calc(100% - 5.6rem)}.section-title h2{font-size:3.2rem}}
@media (max-width:767px){html{font-size:9px}.inner{width:calc(100% - 3.2rem)}.section-title span{font-size:1.3rem}.section-title h2{font-size:2.8rem}.section-title p{font-size:1.55rem;line-height:1.7}.line-btn,.white-btn{min-width:12rem;height:4.8rem;font-size:1.4rem}}
@media (max-width:320px){.inner{width:calc(100% - 2.4rem)}.section-title h2{font-size:2.55rem}.section-title p{font-size:1.45rem}.line-btn,.white-btn{min-width:11.2rem;padding:0 1.8rem}}
