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

/* Reset */
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/*기본태그 정의*/
html, body {height:100%;padding:0;margin:0; font-size:16px}
body{font-family: 'Noto Sans KR', sans-serif;  font-weight:300; letter-spacing:0; word-break: keep-all;}
body, td, select, textarea, input {font-size:1rem;}

/* 마진과 패딩의 초기화 */
body, div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote,
th, td {margin:0;padding:0;}

/* 헤더 폰트 사이즈 초기화 */
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}

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

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

/* 보더표시 초기화 */
img,fieldset,iframe{border:0 none; vertical-align:middle}

/* a태그 초기화 */
a {text-decoration:none;-webkit-text-size-adjust:none;color:#000;outline:0;} /* outline 미사용 */
a:link, a:active, a:visited{text-decoration:none;}
a:hover, a:focus{text-decoration:none;/* text-decoration:underline; */}

/* hidden 처리 */
caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;position:static;}
.hidden,hr{position:absolute;top:-9999px;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}

/* 폼태그의 초기화 */
button{ background:transparent; cursor:pointer;-webkit-tap-highlight-color:transparent; border:none}

input[placeholder]::-webkit-input-placeholder, textarea[placeholder]::-webkit-input-placeholder{color:#c4c4c4;}
input[placeholder]:-moz-placeholder, textarea[placeholder]:-moz-placeholder{color:#c4c4c4;}
input[placeholder]::-moz-placeholder, textarea[placeholder]::-moz-placeholder{color:#c4c4c4;}
input[placeholder]:-ms-input-placeholder, textarea[placeholder]:-ms-input-placeholder{color:#c4c4c4;}
input[placeholder].placeholder, textarea[placeholder].placeholder{color:#c4c4c4;}
input,
select,
textarea{height:45px;padding:0 15px;border:1px solid #E1E1E1;font-size:0.8rem}
textarea{display:block;width:100%;padding:15px;resize:none}
input[type="checkbox"],
input[type="radio"] {height:auto}
input[type="image"] {width:auto; height:auto; border:none; }

/* check-box */
.check-box > span{display:inline-block;padding-left:10px;}
.check-box input[type="checkbox"]{display:none}
.check-box label{position:relative;display:inline-block;padding-left:25px;vertical-align:middle;cursor:pointer}
.check-box label::before{content:'';display:block;position:absolute;left:0;top:3px;width:16px;height:16px;border:1px solid #CFCFCF;vertical-align:middle;box-sizing:border-box}
.check-box input[type="checkbox"]:checked + label::before{border-color:#666;background:url(/images/common/checkbox_chk_ic.png) no-repeat 50% 50%}
.check-box.green label::before{top:2px;width:20px;height:20px;border-color:#C9C9C9}
.check-box.green input[type="checkbox"]:checked + label::before{border-color:#C9C9C9;background:url(/images/common/checkbox_chk_green_ic.png) no-repeat 50% 50%}

/* radio-box */
.radio-box > span{display:inline-block;padding-left:10px;}
.radio-box input[type="radio"]{display:none}
.radio-box label{position:relative;display:inline-block;padding-left:25px;vertical-align:middle;cursor:pointer}
.radio-box label::before{content:'';display:block;position:absolute;left:0;top:3px;width:16px;height:16px;border:1px solid #CFCFCF;vertical-align:middle;box-sizing:border-box}
.radio-box input[type="radio"]:checked + label::before{border-color:#666;background:url(/images/common/checkbox_chk_ic.png) no-repeat 50% 50%}
.radio-box.green label::before{top:2px;width:20px;height:20px;border-color:#C9C9C9;border-radius:50%}
.radio-box.green input[type="radio"]:checked + label::before{border-color:#C9C9C9;background:url(/images/common/radio_chk_green_ic.png) no-repeat 50% 50%}




input[type="file"],
input.file{ border:#d9d9d9 solid 1px;padding:2px; width:100%}
.ie678 input[type="file"],
.ie678 input.file{ padding:5px;}

.select,
select{ border:#d9d9d9 solid 1px;padding:4px;margin:0;font-size:12px;vertical-align:middle;outline:none;color:#666666 ;background:#FFF;}
label{ margin:0 10px 0 0;vertical-align:middle;display:inline-block;*display:inline;zoom:1;}

.inputPassword,
select,
.inputText{ _height:15px;_padding:4px;_border:#d9d9d9 solid 1px;}
input.file{ _height:24px;_padding:4px;_border:#d9d9d9 solid 1px;}

.inputTextWrap{ position:relative;display:inline-block;}
.inputTextWrap label{ position:absolute;left:6px;top:4px;font-size:12px;color:#999;margin:0;}
.inputTextWrap .labelOff{ display:none;}

.clearfix{zoom:1}
.clearfix:after{clear:both;content:"";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
.fl{ float:left}
.fr{ float:right}
 

.disnone { display:none;}