@charset "utf-8";

*{font-family:'kimm';font-size:20px;box-sizing:border-box;}
*, *:before, *:after {}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, blockquote, input {margin:0; padding:0; }
html, body {height:100%; overflow-anchor: none } /* Q10071 2021-11-23: height 100%추가 */
html, body, input, textarea, button {}
body{background-color:#000;}
body::-webkit-scrollbar-track{border-radius:0;}
::-webkit-scrollbar {width: 0.4rem;height:8px;}
::-webkit-scrollbar-thumb {background-color: rgba(255 255 255 / 60%);border-radius: 10px;background-clip: padding-box;border: 2px solid transparent;cursor:pointer;}
::-webkit-scrollbar-track {background-color: rgba(255 255 255 / 10%);border-radius: 10px;box-shadow: inset 0px 0px 3px white;}
:-webkit-input-placeholder, :-ms-placeholder, :-moz-placeholder, ::placeholder { }
address, article, aside, canvas, details, figure, figcaption, footer, header, menu, nav, section {display:block; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:700;}
button, img {vertical-align:top; border:none;}
ol, ul, li, dl, dt, dd {list-style:none;}
table {width:100%; table-layout:fixed; border:0; border-spacing:0; border-collapse:collapse; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
th, td  {word-break:break-all; font-weight:500;}
i, em, address  {font-weight:500;}
button, select, input, label {position: relative;z-index: 1;vertical-align:middle;}
button:disabled {cursor:default;}
button > span {position:relative;}
hr {display:none;}
fieldset ,iframe {width:100%; pointer-events:auto;}
iframe{position:absolute;top:-9999px;left:-9999px;width:0;height:0;}
legend {position:absolute; top:0; left:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}
strong {font-size: inherit;font-weight:700;}
a, a:hover, a:active, a:visited {text-decoration:none; }
address, caption, em {font-weight:400;}
a:focus, button:focus, :focus-visible {outline:0; /* outline:2s auto #005fcc; */ /* outline-offset: -3px; */}
em, address {font-style:normal;}
input[type='password']{font-family: arail;font-weight: bold;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { -webkit-box-shadow:0 0 0 1000px white inset !important;}
::-ms-clear {
	display: none;
}
::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

/* common */
.clfix {*zoom: 1}
.clfix:before, .clfix:after {display: table;line-height: 0;content: ""}
.clfix:after {clear: both}
.fl {float: left;}
.fr {float: right;}

.f12{font-size: 12px !important;}
.f16{font-size: 16px !important;}

.text-bold {
    font-weight: bold !important;
}

.text-bold-all * {
    font-weight: bold !important;
}

.nowrap {white-space: nowrap;}

.pointCol {
    color: #e55 !important;
}

.alignL {text-align: left !important;}
.alignC {text-align: center !important;}
.alignR {text-align: right !important;}

.v_alignT {vertical-align: top !important;}
.v_alignM {vertical-align: middle !important;}
.v_alignB {vertical-align: bottom !important;}

/* display */
.none {display: none !important;}
.inlineblock {display: inline-block !important;}
.block {display: block !important;}
.flex {display: flex !important;}
.blind {overflow: hidden;position: absolute;left: -9999px;font-size: 0px;color: transparent;text-indent: -9999px;}
.flex_between{justify-content: space-between;}


/* margin */
.my_0{margin-top: 0!important;margin-bottom: 0 !important;}
.my_4{margin-top: 4px !important;margin-bottom: 4px !important;}
.my_10{margin-top:10px !important;margin-bottom:10px !important;}

.mb_0 {margin-bottom: 0 !important;}
.mb_4 {margin-bottom: 4px !important;}
.mb_6 {margin-bottom: 6px !important;}
.mb_10 {margin-bottom: 10px !important;}
.mb_20 {margin-bottom: 20px !important;}

.mr_4{margin-right: 4px !important;}

.mt_4{margin-top: 4px !important;}
.mt_6{margin-top: 6px !important;}
.mt_8{margin-top: 8px !important;}

/* padding */
.p_0 {padding: 0 !important;}

.px_0{padding-left: 0 !important;padding-right: 0 !important;}

.py_3{padding-top: 3px !important;padding-bottom: 3px !important;}

.pl_0{padding-left: 0 !important;}

.pr_0{padding-right: 0 !important;}

.pc{display:block;}
.mo{display:none;}

@media (max-width: 1500px) {
	*{font-size:16px;}
}
@media (max-width: 1200px) {
	*{font-size:14px;}
}
@media (max-width: 1000px) {
	.mo_flex_wrap{flex-wrap:wrap;}
}
@media (max-width: 800px) {
	*{font-size:10px;}
	.pc{display:none;}
	.mo{display:block;}
	.mobile-hidden{display:none;}
}