@charset "utf-8";

@import url('common.css');
@import url('full_side_menu.css');
@import url('form.css');
@import url('style.css');

/* Reset */
* {outline:0 !important;}
html, body, header, footer, main, section, article, div, aside, menu, nav, canvas, cite, details, img, abbr,
hgroup, h1, h2, h3, h4, h5, h6, p, span, strong, small, b, i, a, blockquote, pre, code, address, ul, ol, li, dl, dt, dd,
table, thead, tbody, tfoot, summary, caption, tr, th, td, form, fieldset, legend, hr, label, input, button, select, textarea,
iframe, video, audio, time, mark, object, figure, figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	box-sizing: border-box;
}
header, hgroup, menu, nav, main, section, article, aside, details, figcaption, figure, footer {
	display: block;
}
html, body {
	width:100%;
}
html {
	-webkit-touch-callout: none;
	/* -webkit-user-select: none; */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
	background: #fff;
	min-width: 320px;
	-webkit-text-size-adjust: none;
	word-wrap: break-word;
	word-break: break-all;
}
body, input, textarea, select, button {
	font-family: 'Noto Sans KR','Malgun Gothic','Roboto', Dotum, '돋움', Gulim,Helvetica, sans-serif; -webkit-text-size-adjust: none;
	font-size: 16px;
	color: #222222;
}
ul, ol, li{
	list-style: none;
 }
table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
img, fieldset {
	border: 0;
}
address, cite, code, em, i {
	font-style: normal;
	font-weight: normal;
}
label, img, input, select, textarea, button {
	vertical-align: middle;
}
.hide, caption {
	line-height: 0;
	font-size: 1px;
	overflow: hidden;
}
hr {
	display: none;
}
a {
	color: #000;
	text-decoration: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
button {
	background: none;
	cursor: pointer;
}
input {
	border: 1px solid #dddddd;
}
input[type="text"]::-webkit-input-placeholder {color: #cbcbcb; font-size: 14px;}
input[type="text"]:-input-placeholder {color: #cbcbcb; font-size: 14px;}
input[type="text"]:-ms-input-placeholder {color: #cbcbcb; font-size: 14px;}
input[type="text"]::-moz-input-placeholder {color: #cbcbcb; font-size: 14px;}

input[type="password"]::-webkit-input-placeholder {color: #cbcbcb; font-size: 14px;}
input[type="password"]:-input-placeholder {color: #cbcbcb; font-size: 14px;}
input[type="password"]:-ms-input-placeholder {color: #cbcbcb; font-size: 14px;}
input[type="password"]::-moz-input-placeholder {color: #cbcbcb; font-size: 14px;}

input[type="tel"]::-webkit-input-placeholder {color: #cbcbcb; font-size: 14px;}
input[type="tel"]:-input-placeholder {color: #cbcbcb; font-size: 14px;}
input[type="tel"]:-ms-input-placeholder {color: #cbcbcb; font-size: 14px;}
input[type="tel"]::-moz-input-placeholder {color: #cbcbcb; font-size: 14px;}

input[type="checkbox"] {
	display: none;
}
input[type="checkbox"] + label span {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	cursor: pointer;
	background: url('/design/base/include/img/icon/checked.png') left top no-repeat;
	background-size: 68px 18px;
}
input[type="checkbox"]:checked + label span {
	background-position: -17px 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
	-webkit-box-shadow: 0 0 0 1000px white inset !important;
}

input[type="radio"] {
	display:none;
}
input[type="radio"] + label span {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	cursor: pointer;
	background: url('/design/base/include/img/icon/checked.png') -34px top no-repeat;
}
input[type="radio"]:checked + label span {
	background: url('/design/base/include/img/icon/checked.png') -50px top no-repeat;
}

textarea {width: 100%; border: 1px solid #dddddd;}
textarea::-webkit-input-placeholder {color: #cbcbcb;}
textarea:-input-placeholder {color: #cbcbcb;}
textarea:-ms-input-placeholder {color: #cbcbcb;}
textarea::-moz-input-placeholder {color: #cbcbcb;}
select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: url('/design/base/include/img/icon/arrow_down.png') no-repeat 95% 50%;
	border: 1px solid #ddd;
	color: #555;
	font-size: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}
select::-ms-expand {
	display: none;
}
.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}