@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap');
.eg-page{--eg-paper:#f5f3eb;--eg-ink:#252923;--eg-red:#ba3e2d;--eg-line:#c9c9bd;--eg-gutter:clamp(22px,4vw,76px);background:var(--eg-paper);color:var(--eg-ink);font-family:'Inter Tight','Noto Sans KR',sans-serif;isolation:isolate}
.eg-page *{box-sizing:border-box}.eg-page :is(h1,h2,h3,p,figure,dl,dd){margin:0}.eg-page a{color:inherit;text-decoration:none}.eg-page :is(h1,h2,h3){font-weight:500;letter-spacing:-.055em;word-break:keep-all}.eg-page p{word-break:keep-all}.eg-page em{color:var(--eg-red);font-style:normal}.eg-page :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--eg-red);outline-offset:5px}.eg-page [id]{scroll-margin-top:105px}
.eg-breadcrumb{padding:25px var(--eg-gutter);display:flex;gap:18px;align-items:center;font-size:11px;letter-spacing:.025em}.eg-breadcrumb a{color:#72766c}.eg-intro{padding:0 var(--eg-gutter)}.eg-intro-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:30px 0 58px;border-top:1px solid var(--eg-line)}.eg-intro-heading>div:first-child>p{font-size:11px;letter-spacing:.08em;color:var(--eg-red)}.eg-display{display:block;font:400 clamp(100px,14.5vw,240px)/1.08 'DM Serif Display',Georgia,serif;letter-spacing:-.045em;margin-top:10px}.eg-intro h1{font-size:clamp(32px,3.3vw,56px);line-height:1.45}.eg-intro-heading>div:last-child>p{font-size:14px;line-height:1.9;color:#73786d;margin-top:24px}.eg-intro-heading a{display:inline-flex;gap:42px;align-items:center;border-bottom:1px solid var(--eg-ink);padding:12px 0;margin-top:22px;font-size:12px}.eg-intro-heading a>span{font-size:24px}.eg-hero{position:relative}.eg-hero img{display:block;width:100%;height:auto;max-height:850px;object-fit:cover;aspect-ratio:1.86;object-position:center 52%}.eg-hero figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:12px;font-size:10px;letter-spacing:.04em;color:#777b72}
.eg-types{padding:110px var(--eg-gutter) 90px}.eg-section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:48px}.eg-section-heading>div>span,.eg-specs>div>span{font-size:11px;letter-spacing:.08em;color:var(--eg-red)}.eg-section-heading h2,.eg-specs h2{font-size:clamp(30px,3.1vw,49px);line-height:1.45;margin-top:20px}.eg-section-heading>p{font-size:14px;line-height:1.9;color:#73786d;padding-right:9%}.eg-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--eg-ink);border-bottom:1px solid var(--eg-ink)}.eg-tabs button{display:flex;align-items:center;gap:20px;position:relative;margin:0;padding:25px 22px;background:transparent;color:var(--eg-ink);font:inherit;cursor:pointer;border:0;border-radius:0;transition:background .2s,color .2s;min-width:0}.eg-tabs button+button{border-left:1px solid var(--eg-line)}.eg-tabs small{font-size:11px;opacity:.65}.eg-tabs strong{font-size:clamp(16px,1.8vw,28px);font-weight:400;letter-spacing:-.02em}.eg-tabs button>span{margin-left:auto;font-size:22px}.eg-tabs button[aria-selected=true]{background:var(--eg-ink);color:var(--eg-paper)}.eg-tabs button:hover:not([aria-selected=true]){background:#e7e7dc}
.eg-panel{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:45px 4% 48px;border-bottom:1px solid var(--eg-line)}.eg-panel[hidden]{display:none!important}.eg-panel figure{text-align:center;position:relative;background:#ebeae1;min-width:0}.eg-panel img{display:block;width:100%;height:460px;object-fit:contain;padding:26px 30px 10px}.eg-panel figcaption{font-size:10px;color:#747a6f;letter-spacing:.08em;padding:0 20px 25px}.eg-detail>span{font-size:11px;color:var(--eg-red);letter-spacing:.07em}.eg-detail h3{font-size:clamp(25px,2.5vw,39px);line-height:1.4;margin:22px 0}.eg-detail>p{font-size:15px;line-height:1.95;color:#707569;max-width:480px}.eg-detail dl{margin-top:32px}.eg-detail dl>div{display:grid;grid-template-columns:95px 1fr;gap:20px;padding:17px 0;border-top:1px solid var(--eg-line);font-size:13px;line-height:1.7}.eg-detail dt{color:#767c70}.eg-detail>a{display:inline-flex;align-items:center;gap:50px;margin-top:25px;padding:10px 0;border-bottom:1px solid var(--eg-ink);font-size:12px}.eg-detail>a>span{font-size:24px}.eg-detail>a:hover{color:var(--eg-red)}
.eg-specs{display:grid;grid-template-columns:1fr 1.4fr;gap:9%;padding:65px var(--eg-gutter);background:#e7e7dd}.eg-specs>div>p{font-size:12px;color:#73786d;line-height:1.9;margin-top:25px}.eg-specs dl>div{display:grid;grid-template-columns:100px 1fr;gap:30px;align-items:baseline;padding:22px 0;border-top:1px solid #bdbfb2}.eg-specs dt{font-size:12px;color:#6d7468}.eg-specs dd{font-size:18px;letter-spacing:-.025em;line-height:1.6}.eg-specs dl>div:nth-child(-n+2) dd{font-size:clamp(22px,2.65vw,43px);line-height:1.35}.eg-specs small{font-size:13px}.eg-source{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:26px var(--eg-gutter) 42px;font-size:11px;color:#747a6e}.eg-source p{line-height:1.9}.eg-source a{display:flex;gap:22px;align-items:center;flex-shrink:0;color:var(--eg-ink);padding:10px 0;border-bottom:1px solid var(--eg-line)}.eg-source a>span{font-size:19px}
.eg-contact{background:var(--eg-ink);color:var(--eg-paper);padding:68px var(--eg-gutter);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.eg-contact>div>span{font-size:11px;letter-spacing:.07em;color:#a9b6a5}.eg-contact h2{font-size:clamp(25px,2.3vw,37px);line-height:1.55;margin-top:22px}.eg-contact>a{display:grid;grid-template-columns:1fr auto;gap:16px 20px;padding:15px 0 22px;border-bottom:1px solid #a5ada16b}.eg-contact small{grid-column:1/-1;color:#adb8a8;font-size:11px}.eg-contact strong{font-size:clamp(26px,3.1vw,49px);font-weight:400;letter-spacing:-.045em;overflow-wrap:anywhere}.eg-contact>a>span{font-size:32px}.eg-contact>a:hover{color:#cce1e6}
@media(max-width:1000px){.eg-panel{gap:6%;padding:32px 0}.eg-panel img{height:380px;padding:15px}.eg-specs{gap:7%;grid-template-columns:.8fr 1.2fr}.eg-specs dl>div{grid-template-columns:75px 1fr;gap:20px}.eg-tabs button{padding:22px 16px;gap:12px}.eg-tabs button>span{font-size:18px}.eg-source{align-items:start;flex-direction:column;gap:12px}.eg-detail h3{margin:15px 0}.eg-detail>p{font-size:14px}.eg-detail dl>div{grid-template-columns:70px 1fr;gap:15px}}
@media(max-width:700px){.eg-breadcrumb{font-size:10px;padding-top:19px;padding-bottom:19px;gap:13px}.eg-intro-heading{grid-template-columns:1fr;gap:24px;padding:24px 0 32px}.eg-display{font-size:110px;line-height:1;margin-top:7px}.eg-intro-heading>div:first-child>p{font-size:9px}.eg-intro h1{font-size:30px}.eg-intro h1 br{display:none}.eg-intro h1 em{margin-left:8px}.eg-intro-heading>div:last-child>p{font-size:13px;margin-top:15px}.eg-intro-heading a{margin-top:13px;font-size:11px;padding:8px 0}.eg-hero img{aspect-ratio:1.25;object-position:56% center}.eg-hero figcaption{font-size:8px;gap:10px}.eg-types{padding-top:60px;padding-bottom:46px}.eg-section-heading{display:block;margin-bottom:27px}.eg-section-heading h2{font-size:29px;margin-top:12px}.eg-section-heading>div>span,.eg-specs>div>span{font-size:9px}.eg-section-heading>p{font-size:12px;margin-top:16px;padding:0}.eg-section-heading>p br{display:none}.eg-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.eg-tabs button{padding:17px 13px;gap:13px}.eg-tabs button:nth-child(3){border-left:0}.eg-tabs button:nth-child(n+3){border-top:1px solid var(--eg-line)}.eg-tabs strong{font-size:20px}.eg-tabs small{font-size:9px}.eg-panel{grid-template-columns:1fr;gap:30px;padding:22px 0 32px}.eg-panel img{height:310px;padding:13px 20px 0}.eg-panel figcaption{font-size:9px;padding-bottom:18px}.eg-detail h3{font-size:28px}.eg-detail>p{font-size:13px}.eg-detail dl{margin-top:23px}.eg-detail dl>div{font-size:12px;padding:14px 0;grid-template-columns:75px 1fr}.eg-detail>a{margin-top:15px}.eg-specs{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:35px}.eg-specs h2{font-size:29px;margin-top:12px}.eg-specs>div>p{margin-top:13px}.eg-specs dl>div{grid-template-columns:65px 1fr;padding:17px 0;gap:17px}.eg-specs dl>div:nth-child(-n+2) dd{font-size:24px}.eg-specs dd{font-size:14px}.eg-source{padding-top:23px;padding-bottom:30px;font-size:10px}.eg-contact{grid-template-columns:1fr;padding-top:39px;padding-bottom:37px;gap:26px}.eg-contact h2{font-size:27px;margin-top:16px}.eg-contact strong{font-size:clamp(26px,7.5vw,39px)}.eg-contact>a>span{font-size:27px}}
@media(prefers-reduced-motion:reduce){.eg-page *{transition:none!important}}
