@charset "utf-8";
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
 */

/* reset */
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, input, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	
}
video{max-width:100%;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body, input, select, table, textarea{font-family:verdana, tahoma, '돋움', dotum, sans-serif, "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size:12px; color:#333333; letter-spacing:-1px; word-break:break-all; font-weight:normal; vertical-align: middle;}
a {text-decoration:none; color:#333333;}
a:hover {text-decoration:underline;}
img {border:0; vertical-align:top;}
input,textarea,button {outline:none; border: none;}
/*legend, .blind{overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0 0 0 0);}*/
legend{overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0 0 0 0);}
strong{font-weight:bold;}
button{cursor: pointer; font-family:'돋움', dotum, sans-serif; font-size:12px; color:#333333; word-break:break-all; font-weight:normal; vertical-align: middle;}
body{-webkit-text-size-adjust:none;}
em{font-style:normal;}
label{cursor: pointer;}

input[type="checkbox"]{display: none;}
input[type="checkbox"] + label span{display: inline-block; width: 15px; height: 15px; background: url('./img/icon_common.png') no-repeat 0 -90px; vertical-align: middle; cursor: pointer;}
input[type="checkbox"]:checked + label span{background: url('./img/icon_common.png') no-repeat 0 -108px;}

input[type="radio"]{display: none;}
input[type="radio"] + label span{display: inline-block; width: 13px; height: 13px; background: url('./img/icon_common.png') no-repeat -46px -139px; vertical-align: middle; cursor: pointer;}
input[type="radio"]:checked + label span{background: url('./img/icon_common.png') no-repeat -46px -161px;}


input::-webkit-input-placeholder{color: #a7a7a7; font-size: 12px;}
.modify-on input::-webkit-input-placeholder{color: #becad5; font-size: 12px;}
.modify-on input:-ms-input-placeholder{color: #becad5; font-size: 12px;}
textarea::-webkit-input-placeholder{color: #becad5; font-size: 12px; line-height: 18px;}
textarea:-ms-input-placeholder{color: #becad5; font-size: 12px; line-height: 18px;}
textarea{overflow: auto;}

button,
button:focus,
button:active{
	padding: 0;
}
button span{position: relative;}

select{
	padding-left: 6px;
	-webkit-appearance: none; /* 화살표 없애기 for chrome*/
	-moz-appearance: none;    /* 화살표 없애기 for firefox*/
	appearance: none;         /* 화살표 없애기 공통*/
	background: #f9f9f9 url('./img/icon_sellect.png') no-repeat 94% 50%;
	outline: none;
	border: 1px solid #bebebe; 
	border-radius: 2px;
	font-size: 12px;
}
select::-ms-expand {
	display: none;            /* 화살표 없애기 for IE10, 11*/
}
/* check, hover 스타일 설정 IE, Chrome */
select option:checked, 
select option:hover {    
	background: #6644DD; 
	color: #fff;
}
/* check, hover 스타일 설정 FireFox */
select option:checked,
select option:hover { 
	box-shadow: 0 0 10px 100px #6644DD inset;  
	color: #fff;
}
input{
	border: 1px solid #bebebe; 
	border-radius: 2px;
	text-indent: 3px;
	font-size: 12px;
}