@charset "utf-8";

/* reset */
html, body {width: 100%; height: 100%; font-size:14px; overflow-y: auto;}
body{font-family:var(--font);font-weight:400;color:#111;line-height:1.4;-webkit-text-size-adjust:none; overflow-x: hidden;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;box-sizing:border-box;-webkit-box-sizing:border-box;word-break:keep-all;word-wrap:break-word;white-space:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section{display:block;}
ol, ul, li{list-style:none}
table{width:100%;border-collapse:collapse;border-spacing:0;}
img{max-width:100%;border:0;vertical-align:top;}
i, em, address{font-style:normal;}
strong, b{font-weight:700;}
sup{font-size:10px;line-height:1;}
form, fieldset{display:block;border:0;}
iframe{border:0;}
caption, legend{overflow:hidden;position:absolute;top:-9999px;left:-9999px;width:0;height:0;font-size:0;line-height:0;}
input, textarea{opacity:1;-webkit-text-fill-color:inherit;}
input, textarea, select{margin:0;padding:0;font-family:inherit;font-size:inherit;font-weight:400;box-sizing:border-box;-webkit-box-sizing:border-box;line-height:normal;-webkit-appearance:none;appearance:none;outline:none;}
textarea, select{outline:none;}
select::-ms-expand{display:none;}
select:disabled{pointer-events:none;}

button{overflow:visible;display:inline-block;margin:0;padding:0;border:0;border-radius:0;background:none;font-family:inherit;font-size:16px;font-weight:400;color:#111;line-height:inherit;vertical-align:top;text-decoration:none;cursor:pointer;touch-action:manipulation;}
button::-moz-focus-inner{padding:0;border:0;}
button span,
button:after{position:relative;}
button[disabled], a.disabled{cursor:default;pointer-events:none;}

/* link */
a{display:inline-block;color:inherit;text-decoration:none;word-break:break-all;cursor:pointer;}
a:link,
a:visited,
a:active,
a:focus-visible,
a:focus{text-decoration:none; outline: none;}
a:hover{text-decoration:none;}

.ellipsis{overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;}
.blind{overflow:hidden;position:absolute;left:-9999em;width:0;height:0;margin:0;padding:0;text-indent:-9999em; font-size: 0;}

/* common */

::-webkit-input-placeholder { color: var(--gray_40); } /* 크롬, 사파리 */
:-moz-placeholder { color: var(--gray_40); } /* 파이어폭스 */
::placeholder { color: var(--gray_40) ; } /* IE */


::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-thumb {
	border: 2px solid transparent;
	background-clip: padding-box;
	border-radius: 8px;
	background-color: #DEE2E2;
}
::-webkit-scrollbar-track { 
	background: transparent !important;
}
::-webkit-scrollbar-button {
	display: none;
}
:focus-visible {outline: 0;}

.frontPage {
container-type: inline-size;
}

:root{
	color-scheme: only light;
	supported-color-schemes: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: only light;
  }
  html, body {
    background: #fff !important;
    background-color: #fff !important;
  }
}