@charset "utf-8";
@import "fonts.css";

/* base */
body, html {height:100%;}
* {
	-webkit-text-size-adjust:none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-weight:400;
	word-break:keep-all;
}
body {margin:0; font-family:'NotoSans', Noto Sans KR, '맑은 고딕', 'Malgun Gothic', Apple Gothic, Dotum, '굴림', sans-serif; color:#000; line-height:20px; letter-spacing:-0.5px; font-size:0;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, legend, input, table, tr, th, td {margin:0; padding:0; font-size:12px; font-weight:400; letter-spacing:-0.5px; word-break:keep-all;}
ul, ol, li {list-style:none;}
fieldset, img {border:none;}
hr, button img {display:none;}
table {border-collapse:revert; border-spacing:0; width:100%; empty-cells:show;}
caption, hr {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

/* cross */
* html input {margin:-1px 0; font-family:'NotoSans', Noto Sans KR, '맑은 고딕', 'Malgun Gothic', Apple Gothic, Dotum, '굴림', sans-serif;} 
*:first-child+html input {margin:-1px 0}
input, textarea {width:100%;}
input {font-family:inherit; vertical-align:baseline; -moz-appearance:none; -webkit-appearance:none; appearance:none; -webkit-border-radius:0; -webkit-rtl-ordering:logical; cursor:text;}
input.checkbox {width:14px; height:13px; vertical-align:top;}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"]{
	padding:0 5px; 
	height:21px;
	line-height:21px; 
	width:100%;
	border:1px solid #cecece;
	font-size:12px;
	border-radius:5px;
	font-weight:300;
	font-family:'NotoSans', Noto Sans KR, '맑은 고딕', 'Malgun Gothic', Apple Gothic, Dotum, '굴림', sans-serif;
	box-sizing:border-box;
	outline-style:none; 
	-webkit-appearance:none;
}
input[type="submit"],
input[type="button"],
input[type="radio"]{
	outline-style:none; 
	-webkit-appearance:none;
}
input[type="file"] {
	width:100%;
	height:23px;
}
input[type=text]::-ms-clear {
  display:none;
}
button {
	border:0;
	font-size:12px;
	border-radius:5px;
	font-weight:300;
	font-family:'NotoSans', Noto Sans KR, '맑은 고딕', 'Malgun Gothic', Apple Gothic, Dotum, '굴림', sans-serif;
	box-sizing:border-box;
	outline-style:none; 
	-webkit-appearance:none;
	cursor:pointer;
}
select {
	height:21px;
	padding:0 20px 0 5px;
	width:100%;
	font-size:12px;
	border:1px solid #cecece;
	font-weight:300;
	border-radius:5px;
	font-family:'NotoSans', Noto Sans KR, '맑은 고딕', 'Malgun Gothic', Apple Gothic, Dotum, '굴림', sans-serif;
	background:#fff url(../../img/comm/ico_select.gif) no-repeat 100% center;
	background-size:20px;
	box-sizing:border-box;  
  	-webkit-appearance: none;
       -moz-appearance: none;
			appearance: none;
}
select::-ms-expand { /* for IE 11 */
    display: none;
}
/* a-style */
a {color:#000; text-decoration:none; letter-spacing:-0.5px;}
a:hover, a:active {text-decoration:none;}

/* html5 */
address, article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;}
textarea{
	border:1px solid #cecece; 
	padding:5px;
	height:50px;
	font-size:12px;
	font-weight:300;
	font-family:'NotoSans', Noto Sans KR, '맑은 고딕', 'Malgun Gothic', Apple Gothic, Dotum, '굴림', sans-serif;
	resize:none;
	overflow:auto;
	border-radius:3px;
}
h2 {
    -webkit-margin-before: 0;
	   -webkit-margin-after: 0;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
input[type=number] {
   -moz-appearance: textfield;
}
input:focus {
  outline: none;
}

/* IE10 이상을 위한 css */
input::placeholder {
	color:#a3a3a3;
	line-height:1.2;
}
input::-webkit-input-placeholder {
	color:#a3a3a3;
	line-height:1.2;
}
/* IE */
input:-ms-input-placeholder {
	color:#a3a3a3;
	line-height:1.2;
}
/* Firefox */
input:-mos-input-placeholder {
	color:#a3a3a3;
}
input:-ms-input-placeholder {
	color:#a3a3a3 !important;
}
*:focus { outline:none; }


:-internal-autofill-previewed {
  font-size:12px !important;
}


textarea:disabled, 
input:not([type]):disabled, 
input[type="color" i]:disabled, 
input[type="date" i]:disabled, 
input[type="datetime" i]:disabled, 
input[type="datetime-local" i]:disabled,
input[type="email" i]:disabled, 
input[type="month" i]:disabled, 
input[type="password" i]:disabled, 
input[type="number" i]:disabled, 
input[type="search" i]:disabled, 
input[type="tel" i]:disabled, 
input[type="text" i]:disabled, 
input[type="time" i]:disabled, 
input[type="url" i]:disabled, 
input[type="week" i]:disabled {
	color:#000;
	-webkit-text-fill-color:#000;
	background-color:#ededed;
	-webkit-opacity:1;
}
input:-moz-read-only {
	color:#000;
	-webkit-text-fill-color:#000;
	background-color:#ededed;
	-webkit-opacity:1
}  /* Firefox */

input:read-only {
	color:#000;
	/* -webkit-text-fill-color:#000; */
	background-color:#ededed;
	-webkit-opacity:1
} 
/* a-style */
a {color:#2d2d2d; text-decoration:none; letter-spacing:-0.5px;}
a:hover, a:active {text-decoration:none;}


/* html5 */
address, article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input:focus {
  outline:none;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
input[type=number] {
   -moz-appearance: textfield;
}