@charset "utf-8";

/* Noto Sans CJK KR */

@font-face {
  font-family: 'NotoSansCJKkr';
  font-style: normal;
  font-weight: 300;
  src: url(../font/NotoSansCJKkr-Light.woff2) format('woff2'),
       url(../font/NotoSansCJKkr-Light.woff) format('woff'),
       url(../font/NotoSansCJKkr-Light.otf) format('opentype');
}
@font-face {
   font-family: 'NotoSansCJKkr';
   font-style: normal;
   font-weight: 400;
   src: url(../font/NotoSansCJKkr-Regular.woff2) format('woff2'),
        url(../font/NotoSansCJKkr-Regular.woff) format('woff'),
        url(../font/NotoSansCJKkr-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'NotoSansCJKkr';
   font-style: normal;
   font-weight: 500;
   src: url(../font/NotoSansCJKkr-Medium.woff2) format('woff2'),
        url(../font/NotoSansCJKkr-Medium.woff) format('woff'),
        url(../font/NotoSansCJKkr-Medium.otf) format('opentype');
 }


/*기본태그 정의*/
html, body {padding:0;margin:0;height:100%;}
body, td, select, textarea, input {font-size:17px; font-family: 'NotoSansCJKkr', sans-serif; color:#333 }
html, body, div, span,  applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, 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, input{
	margin: 0;
	padding: 0;
	vertical-align: top;
	background: transparent;
	/* font-weight:300; */
	font-size:17px;
	font-family:'NotoSansCJKkr', sans-serif;letter-spacing:-0.5px;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

body{}
div, p{font-weight:300;}

/* */
h2 {/* background:url('../images/h2_tit_icon.png') left no-repeat; padding-left:12px; b0:20px; */}
h4 {font-weight:500;}

.clear {clear:both;}

/* 버튼 스타일 제거 */
button {border:none;cursor:pointer;font-family:'NotoSansCJKkr', sans-serif;background-color:transparent;font-size:17px;}

/* 리스트의 스타일 제거 */
ol, ul{list-style:none;}

/* 테이블 스타일 초기화 */
table {border-collapse:collapse; border-spacing:0;table-layout:fixed;}

/* 이미지 및 필드셋에서 보더 표시 초기화 */
fieldset, img,iframe {border:0;}
img{vertical-align:top;}

/* 캡션 텍스트 정렬 초기화 */
caption {text-align:left;}

/* 폼태그의 초기화 */
select {vertical-align:middle;}
input {vertical-align:middle;}

textarea {outline:none;}
input.radio {vertical-align:middle;}

input[type=text], input[type=password]{border:1px solid #ddd; background:#fff; height:28px; line-height:28px; padding:0 5px; box-sizing:border-box;}
input[type=file]{box-sizing:border-box;}
select{/* height:28px; border:1px solid #ddd; */ }


a{text-decoration:none;color:inherit;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;letter-spacing:-0.5px;}

/* hidden 처리 */
caption{width:0;height:0;b0:0;line-height:0;overflow:hidden;visibility:hidden;}
legend{width:0;height:0;b0:0;line-height:0;overflow:hidden;visibility:hidden;}
.hide,hr{position:absolute;top:0;width:0;height:0;b0:0;line-height:0;overflow:hidden;visibility:hidden;}

strong{font-weight:400;vertical-align:top;}

/* 폼태그의 초기화 */
select, input, label {}

input[type=submit]{vertical-align:top; cursor:pointer}
input[type=button]{}
input.radio {vertical-align:middle;}
input[type=text], input[type=password],input[type=tel], input[type=email], input[type=time]{border:1px solid #ddd; background:#fff !important; height:40px; line-height:38px; padding:0 10px; box-sizing:border-box; }
input[type=file]{background:#fff; box-sizing:border-box;}
select{height:33px;line-height:33px;padding:0 5px;border:1px solid #ddd;}
input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=time]:focus{border:1px solid #82cd6e !important;box-shadow:none}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
input:-ms-input-placeholder {color:#ccc;}
input:-ms-input-placeholder { color: #aaa; }
input::-webkit-input-placeholder { color: #aaa; }
input::-moz-placeholder { color: #aaa; }
input::-moz-placeholder { color: #aaa; }

textarea {outline:none; resize:none; border:1px solid #ddd; overflow:auto; line-height:130%;box-sizing:border-box}
textarea:focus{border:1px solid #82cd6e !important;box-shadow:none}