@charset "UTF-8";

html, body {
	height : 100%;
}

body {
	-webkit-text-size-adjust : none;
	max-width                : 3840px;
	min-width                : 320px;
	width                    : 100%;
}

div {
	max-width : 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
blockquote,
button,
mark,
textarea,
select,
em,
strong,
p,
header,
section,
article,
footer,
hgroup,
aside,
nav,
figure,
address,
a {
	margin             : 0;
	padding            : 0;
	font-size          : 16px;
	font-family        : 'Pretendard Variable', sans-serif;
	font-weight        : 300;
	font-style         : normal;
	color              : #222;
	letter-spacing     : -0.05em;
	line-height        : 1.25;
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	word-break         : keep-all;
}

input, button, img {
	vertical-align : middle;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin          : 0;
	padding         : 0;
	outline         : 0;
	text-decoration : none;
	letter-spacing  : -0.02em;
}

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

nav ul {
	list-style : none;
	font-size  : 0;
}

blockquote, q {
	quotes : none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content : '';
	content : none;
}

table {
	border-collapse : collapse;
	border-spacing  : 0;
}

body, input, textarea, select, button, table {
	font-family              : 'Pretendard Variable', sans-serif, 'Malgun Gothic', 'Nanum Barun Gothic', 'Roboto', Dotum, '돋움', Gulim, Helvetica, sans-serif;
	-webkit-text-size-adjust : none;
}

ul, ol {
	list-style-type : none;
}

input, select {
	vertical-align : middle;
}

a {
	text-decoration : none;
	color           : #222
}

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

table {
	border-spacing : 0;
}

fieldset, img {
	border : 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-weight : normal;
	font-style  : normal;
}

q:before, q:after {
	content : '';
}

abbr, acronym {
	border : 0;
}

table {
	border-collapse : collapse;
}

colgroup {
	display : table-column-group;
}

caption,
legend {
	visibility : hidden;
	overflow   : hidden;
	height     : 0;
}

td,
th {
	color              : #666666;
	word-break         : break-all;
	vertical-align     : middle;
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
}

mark,
var {
	padding     : 0;
	margin      : 0;
	font-size   : inherit;
	font-weight : inherit;
	line-height : inherit;
	font-style  : normal;
	background  : none;
}

img {
	vertical-align : middle;
	border         : none;
}

hr {
	display : none;
}

button {
	margin      : 0;
	padding     : 0;
	border      : 0;
	font        : inherit;
	color       : inherit;
	background  : transparent;
	overflow    : hidden;
	cursor      : pointer;
	line-height : 1;
}

/*form*/
input {
	vertical-align : middle;
}

textarea:focus {
	outline : none;
}

button:focus {
	outline : none;
}

input:focus {
	outline : none;
}

select:focus {
	outline : none;
}

input[type="text"],
input[type="password"],
textarea {
	appearance            : none;
	-webkit-appearance    : none;
	-webkit-border-radius : 0;
}

select {
	-webkit-appearance : none;
	-moz-appearance    : none;
	appearance         : none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"] {
	width              : 100%;
	border             : 1px solid #ddd;
	height             : 40px;
	padding            : 10px 16px;
	color              : #222;
	font-weight        : 400;
	font-size          : 16px !important;
	border-radius      : 4px;
	box-sizing         : border-box;
	-webkit-box-sizing : border-box;
	-o-box-sizing      : border-box;
	-moz-box-sizing    : border-box;
}

input::-webkit-input-placeholder {
	color : #999;
}

input:-ms-input-placeholder {
	color : #999;
}

input::-moz-placeholder {
	color : #999;
}

input::placeholder {
	color : #999;
}

input[type="text"].clear,
input[type="password"].clear,
input[type="email"].clear,
input[type="number"].clear {
	border : 1px solid #10B981;
}

input[type="text"].error,
input[type="password"].error,
input[type="email"].error,
input[type="number"].error {
	border : 1px solid #ED0000;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance : none;
	margin             : 0;
}

input[type="number"] {
	-moz-appearance : textfield;
}

input[type="checkbox"] {
	width  : 14px;
	height : 14px;
	margin : 0;
}


select {
	width              : 100%;
	height             : 50px;
	padding            : 0 10px;
	color              : #222;
	font-weight        : 300;
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	-o-box-sizing      : border-box;
	-ms-box-sizing     : border-box;
	box-sizing         : border-box;
	-webkit-appearance : none;
	-moz-appearance    : none;
	-o-appearance      : none;
	appearance         : none;
}

select::-ms-expand {
	display : none;
}


textarea {
	width              : 100%;
	border             : 1px solid #ddd;
	padding            : 10px;
	color              : #222;
	font-weight        : 300;
	resize             : none;
	box-sizing         : border-box;
	-webkit-box-sizing : border-box;
	-o-box-sizing      : border-box;
	-moz-box-sizing    : border-box;

}

textarea::-webkit-input-placeholder {
	color : #999;
}

textarea:-input-placeholder {
	color : #999;
}

textarea:-ms-input-placeholder {
	color : #999;
}

textarea::-moz-input-placeholder {
	color : #999;
}

/* custom */