@charset "UTF-8";

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, hr{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: middle;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
    font-family:'NotoSansKR', '돋움', Sans-serif;
    font-size: 16px;
    font-weight: 300;
    background-color: #ecf0f7;
    color: #202020;
}

ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a:hover,a:active,a:focus, a{text-decoration:none; color: #202020;}

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

.upper {text-transform:uppercase;}

::selection{background-color: #00b7d2; color: #fff;}

input{background: none; border: none; -webkit-appearance: none; -webkit-border-radius: 0;}
input[type="text"],input[type="password"],select.input_design{padding-left: 10px; box-sizing: border-box;}
input[type="checkbox"]{display: none;}
input[type="checkbox"] + label{cursor: pointer;}
input[type="checkbox"] + label .design_check{display: inline-block; width: 12px; height: 12px; border: 1px solid #fff; margin-right: 4px; position: relative;}
input[type="checkbox"]:checked + label .design_checked{display: inline-block; height: 6px; width: 2px; border-bottom: 2px solid #00b7d2; border-right: 2px solid #00b7d2; position: absolute; top: 40%; right: 50%; transform: translate(50%,-50%) rotate(45deg);}
input[type="checkbox"] + label .checkbox_text{font-size: 14px; color: #fff; display: inline-block;}

textarea,textarea::placeholder,input,input::placeholder,select.input_design{font-family:'NotoSansKR', '돋움', Sans-serif; font-size: 16px; font-weight: 300; color: rgba(0,0,0,0.6);}

input:focus{outline: none;}

/**************************** scroll ****************************/

::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {background-color: #fff;}
::-webkit-scrollbar-thumb {background: #303030;}
::-webkit-scrollbar-button {display: none;}