@charset "utf-8";

/****************************************************************************************************************************************
reset 시작 (ST10 — shared/css/reset.css + ST02 basic.css 병합)
*****************************************************************************************************************************************/
* { margin: 0; padding: 0; font-size: 14px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; }

html, body { width: 100%; height: 100%; box-sizing: border-box; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, p, a, span, td, th { word-break: keep-all; }
li, p, span, strong, i, em, address { font-size: inherit; color: inherit; font-family: inherit; }
b, strong { font-weight: 700; color: inherit; font-size: inherit; }

input, select, button, img { vertical-align: middle; outline: none; }
img, fieldset, iframe { border: 0 none; }
img { max-width: 100%; }

label, button { cursor: pointer; }
input, select, button, textarea { margin: 0; padding: 0; border: 0; transition: 0.2s; background: transparent; color: inherit; }

ol, ul { position: relative; margin: 0 auto; padding: 0; }
ol, ul, li { list-style: none; }
li { transition: 0.2s; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

textarea { resize: none; outline: none; }

div { display: block; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; }
th { font-weight: normal; }

a { text-decoration: none; color: var(--color); outline: none; transition: 0.2s; }
a:hover { text-decoration: none; color: var(--earth-primary); outline: none; }
a:active, a:visited, a:focus { text-decoration: none; color: var(--color); outline: none; box-shadow: none; }

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* 스크롤바 스타일 (Earth 네온) */
body.skin-st11 ::-webkit-scrollbar { width: 8px; height: 8px; background: transparent; }
body.skin-st11 ::-webkit-scrollbar-track { background: rgba(10, 22, 40, 0.4); }
body.skin-st11 ::-webkit-scrollbar-thumb { background: rgba(0, 212, 170, 0.4); border-radius: 4px; }
body.skin-st11 ::-webkit-scrollbar-thumb:hover { background: rgba(0, 212, 170, 0.7); }