/* ======================================================================== reset.css ??2025 ?묒꽦?? ?뺤닔鍮? ?좎쭨: 2025-10-17 ======================================================================== */ /* box-sizing & 湲곕낯 由ъ뀑 */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } /* HTML5 ?붿냼 湲곕낯 ?쒖떆 蹂댁옣 */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } /* root ?ㅼ젙 */ html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; font-size: 16px; } body { min-height: 100vh; line-height: 1.5; font-family: 'Noto Sans KR', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: -0.35px; color: #222; background-color: #fff; } /* ?띿뒪???붿냼 */ h1, h2, h3, h4, h5, h6, p { font-weight: inherit; font-size: inherit; color: inherit; margin: 0; padding: 0; } a { color: inherit; text-decoration: none; display: inline-block; } a:focus-visible { outline: 2px solid #222; outline-offset: 3px; } /* 由ъ뒪??*/ ol, ul { list-style: none; } /* ?대?吏€ 諛?誘몃뵒??*/ img, picture, video, canvas, svg { display: block; max-width: 100%; height: auto; border: 0; font-size: 0; } /* ??*/ table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; width: 100%; } /* ???붿냼 */ button, input, select, textarea { font: inherit; color: inherit; border: none; background: none; margin: 0; padding: 0; vertical-align: middle; appearance: none; } /* ?쇰뵒?? 泥댄겕諛뺤뒪??appearance ?쒓굅 湲덉? (湲곕낯 ?쒖떆 ?좎?) */ input[type="radio"], input[type="checkbox"] { appearance: auto; -webkit-appearance: auto; -moz-appearance: auto; display: inline-block; width: auto; height: auto; cursor: pointer; vertical-align: middle; } button { cursor: pointer; background: transparent; } input::placeholder, textarea::placeholder { color: #777; font-weight: 400; font-size:14px; } input:disabled, input:read-only, textarea:disabled, textarea:read-only, select:disabled, select:read-only input.readonly, textarea.readonly, select.readonly{ background-color: var(--disable-fill-bg-color) !important; color: var(--disable-fill-text-color) !important; border: 1px solid var(--disable-fill-line-color) !important; } /* ?묎렐??- label ?④? 泥섎━ */ caption,.caption, .label, .sr-only, .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ?ㅽ겕濡ㅻ컮 而ㅼ뒪?곕쭏?댁쭠 */ ::-webkit-scrollbar { width: 7px; height: 7px; } ::-webkit-scrollbar-thumb { background: #adadad; border-radius: 10px; } ::-webkit-scrollbar-track { background: transparent; } /* ?몄슜, 湲고? */ blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: ''; } /* ???덉쇅 泥섎━ */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; } /* 二쇱냼, ?댄깶由???*/ address, em, i { font-style: normal; } /* hr */ hr { border: none; height: 1px; background: #e0e0e0; margin: 0; } /* ?띿뒪?몄쁺??湲곕낯 */ textarea { resize: vertical; color: #333; } /* ?묎렐?? 紐⑥뀡 以꾩씠湲??좏샇 ??*/ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; } } /* ?ㅽ겕紐⑤뱶 湲곕낯 ?€??*/ /*@media (prefers-color-scheme: dark) {*/ /* body {*/ /* color: #e6e6e6;*/ /* background-color: #111;*/ /* }*/ /* ::-webkit-scrollbar-thumb {*/ /* background: #666;*/ /* }*/ /*}*/