.md-site-dongho { --md-dongho-width: 1200px; --md-dongho-top: 100px; --md-dongho-bottom: 230px; --md-dongho-title-size: 50px; --md-dongho-title-color: #373737; --md-dongho-eyebrow-color: #666; --md-dongho-tab-color: #565656; --md-dongho-tab-active-color: #000; --md-dongho-tab-bg: #f3f3f3; --md-dongho-tab-active-bg: #fff; --md-dongho-tab-border: #ddd; --md-dongho-tab-line: #223544; --md-dongho-note-color: #888; --md-dongho-button-color: #fff; --md-dongho-button-bg: #000c42; box-sizing: border-box; width: 100%; padding: var(--md-dongho-top) 0 var(--md-dongho-bottom); overflow: hidden; }
.md-site-dongho, .md-site-dongho * { box-sizing: border-box; }
.md-site-dongho .md-site-dongho__inner { width: 100%; max-width: var(--md-dongho-width); margin: 0 auto; }
.md-site-dongho .md-site-dongho__heading { margin: 0 0 100px; }
.md-site-dongho .md-site-dongho__eyebrow { margin: 0; color: var(--md-dongho-eyebrow-color); font-family: Pretendard, "Noto Sans KR", sans-serif; font-size: 28px; line-height: 1.45; letter-spacing: -.56px; }
.md-site-dongho .md-site-dongho__title { margin: 0; color: var(--md-dongho-title-color); font-family: Pretendard, "Noto Sans KR", sans-serif; font-size: var(--md-dongho-title-size); font-weight: 700; line-height: 1.35; letter-spacing: -1px; word-break: keep-all; }
.md-site-dongho .md-site-dongho__tabs, .md-site-dongho .md-site-dongho__subtabs { display: flex; width: 100%; margin: 0 0 32px; flex-wrap: wrap; }
.md-site-dongho .md-site-dongho__tabs button, .md-site-dongho .md-site-dongho__subtabs button { position: relative; min-width: 0; min-height: 60px; padding: 16px 12px; flex: 1 1 160px; border: 1px solid var(--md-dongho-tab-border); border-radius: 0; color: var(--md-dongho-tab-color); background: var(--md-dongho-tab-bg); font: 600 18px/1.4 Pretendard, "Noto Sans KR", sans-serif; text-align: center; white-space: normal; overflow-wrap: anywhere; cursor: pointer; }
.md-site-dongho .md-site-dongho__tabs button[aria-selected="true"], .md-site-dongho .md-site-dongho__subtabs button[aria-selected="true"] { color: var(--md-dongho-tab-active-color); background: var(--md-dongho-tab-active-bg); }
.md-site-dongho .md-site-dongho__tabs button[aria-selected="true"]::after, .md-site-dongho .md-site-dongho__subtabs button[aria-selected="true"]::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 3px; background: var(--md-dongho-tab-line); content: ""; }
.md-site-dongho .md-site-dongho__tabs button:focus-visible, .md-site-dongho .md-site-dongho__subtabs button:focus-visible, .md-site-dongho .md-site-dongho__zoom:focus-visible { outline: 3px solid #1475bc; outline-offset: 3px; }
.md-site-dongho .md-site-dongho__panel[hidden], .md-site-dongho .md-site-dongho__block[hidden] { display: none; }
.md-site-dongho .md-site-dongho__image { width: 100%; max-width: 100%; overflow: hidden; }
.md-site-dongho .md-site-dongho__image img { display: block; width: 100%; max-width: 100%; height: auto; margin: 0 auto; object-fit: contain; }
.md-site-dongho .md-site-dongho__actions { padding: clamp(20px, 4vw, 40px) 0; text-align: center; }
.md-site-dongho .md-site-dongho__zoom { display: inline-flex; min-height: 48px; padding: 12px 30px; align-items: center; justify-content: center; gap: 8px; border-radius: 30px; color: var(--md-dongho-button-color); background: var(--md-dongho-button-bg); font: 500 17px/1.4 Pretendard, "Noto Sans KR", sans-serif; text-decoration: none; }
.md-site-dongho .md-site-dongho__notes { margin-top: 60px; padding: 26px 30px; color: var(--md-dongho-note-color); background: #f6f6f6; font: 400 14px/1.7 Pretendard, "Noto Sans KR", sans-serif; overflow-wrap: anywhere; }
.md-site-dongho .md-site-dongho__notes p { margin: 0; }
.md-site-dongho .md-site-dongho__notes p + p { margin-top: 4px; }
@media screen and (max-width: 1240px) and (min-width: 1025px) { .md-site-dongho .md-site-dongho__inner { padding-right: 20px; padding-left: 20px; } }
@media screen and (max-width: 1024px) { .md-site-dongho .md-site-dongho__inner { padding-right: 25px; padding-left: 25px; } .md-site-dongho .md-site-dongho__heading { margin-bottom: 30px; } .md-site-dongho .md-site-dongho__eyebrow { font-size: 16px; } .md-site-dongho .md-site-dongho__tabs button, .md-site-dongho .md-site-dongho__subtabs button { min-height: 52px; padding: 12px 8px; font-size: 16px; } .md-site-dongho .md-site-dongho__notes { margin-top: 50px; padding: 20px; } }
@media screen and (max-width: 767px) { .md-site-dongho .md-site-dongho__inner { padding-right: 20px; padding-left: 20px; } .md-site-dongho .md-site-dongho__tabs button, .md-site-dongho .md-site-dongho__subtabs button { flex-basis: 50%; } .md-site-dongho .md-site-dongho__zoom { width: 100%; max-width: 240px; } }