@charset "utf-8";
html,body{font-family:sans-serif; color:#333; font-size:16px; line-height:1.5; font-weight:400; letter-spacing:0; word-break:keep-all; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
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,input,select,textarea,
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:0px; padding:0px; vertical-align:top;}
body {position:relative; width:100%;}
ul, ol, dl {list-style-type:none;}
h1, h2, h3, h4, h5, h6, th {font-weight:700}
table {border-collapse:collapse; border-spacing:0; word-break:break-all;}
table th {font-weight:normal;}
img, button, fieldset, abbr, acronym {border:0;}
label {cursor:pointer;}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal;}
strong {font-weight:700;}
em{font-weight:400;}
caption, legend {width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0;}
img {max-width:100%;}
q:before, q:after {content:'';}
hr {display:none;}
iframe {border:none; outline:none;}
br{font-family:dotum}
fieldset {display:block;min-width:0;}
pre, code, kbd, samp {font-family:sans-serif; }
a {text-decoration:none; color:inherit; cursor:pointer;}
a:link, a:visited {text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:none;}

*::selection {color:#fff; background:#000;}
*::-moz-selection {color:#fff; background:#000;}

html.fix {overflow:hidden;}
body {background:#141414;}

:root{	
	--transition-easeInQuad : cubic-bezier(0.550, 0.085, 0.680, 0.530);
	--transition-easeInCubic : cubic-bezier(0.550, 0.055, 0.675, 0.190);
	--transition-easeInQuart : cubic-bezier(0.895, 0.030, 0.685, 0.220);
	--transition-easeInQuint : cubic-bezier(0.755, 0.050, 0.855, 0.060);
	--transition-easeInSine : cubic-bezier(0.470, 0.000, 0.745, 0.715);
	--transition-easeInExpo : cubic-bezier(0.950, 0.050, 0.795, 0.035);
	--transition-easeInCirc : cubic-bezier(0.600, 0.040, 0.980, 0.335);
	--transition-easeInBack : cubic-bezier(0.600, -0.280, 0.735, 0.045);
	--transition-easeOutQuad : cubic-bezier(0.250, 0.460, 0.450, 0.940);
	--transition-easeOutQubic : cubic-bezier(0.215, 0.610, 0.355, 1.000);
	--transition-easeOutQuart : cubic-bezier(0.165, 0.840, 0.440, 1.000);
	--transition-easeOutQuint : cubic-bezier(0.230, 1.000, 0.320, 1.000);
	--transition-easeOutSine : cubic-bezier(0.390, 0.575, 0.565, 1.000);
	--transition-easeOutExpo : cubic-bezier(0.190, 1.000, 0.220, 1.000);
	--transition-easeOutCirc : cubic-bezier(0.075, 0.820, 0.165, 1.000);
	--transition-easeOutBack : cubic-bezier(0.175, 0.885, 0.320, 1.275);
	--transition-easeInOutQuad : cubic-bezier(0.455, 0.030, 0.515, 0.955);
	--transition-easeInOutCubic : cubic-bezier(0.645, 0.045, 0.355, 1.000);
	--transition-easeInOutQuart : cubic-bezier(0.770, 0.000, 0.175, 1.000);
	--transition-easeInOutQuint : cubic-bezier(0.860, 0.000, 0.070, 1.000);
	--transition-easeInOutSine : cubic-bezier(0.445, 0.050, 0.550, 0.950);
	--transition-easeInOutExpo : cubic-bezier(1.000, 0.000, 0.000, 1.000);
	--transition-easeInOutCirc : cubic-bezier(0.785, 0.135, 0.150, 0.860);
	--transition-easeInOutBack : cubic-bezier(0.680, -0.550, 0.265, 1.550);
}

/* 입력 number 타입 화살표 제거 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input:-webkit-autofill {-webkit-box-shadow: 0 0 0 40px #efefef inset; -webkit-text-fill-color: #333}
input:-webkit-autofill ,
input:-webkit-autofill:hover ,
input:-webkit-autofill:focus ,
input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s;}


button,
textarea,
select,
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=search],
input[type=file],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time],
input[type=week],
input[type=file],
input[type=image],
input[type=reset],
input[type=button],
input[type=submit] {padding:0; border:none; outline:none; border-radius:0; -moz-appearance:none; -webkit-appearance:none; appearance:none; vertical-align:top; background:none;}

input[type=file],
input[type=image],
input[type=reset],
input[type=button],
input[type=submit],
button {cursor:pointer; border:none; background:none; cursor:pointer; -webkit-appearance:none; appearance:none;}
button:focus,
button:hover {outline:none;}


