@charset "utf-8";

/*기본태그 정의*/
/* html, body {padding:0;margin:0; font-size:10px; }
body{font-size:1.6rem; line-height:1.2; color:#000; padding:0; margin:0; letter-spacing: -0.7px; font-family:"CJONLYONE", "Malgun Gothic","맑은 고딕" ,helvetica, 'Dotum', "Apple SD Gothic Neo", sans-serif; }
 */
html {
  direction: ltr;
  background-color: #fff;
  font-size:15px;   /* base font-size */
}

body {
    font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif ;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    text-rendering: optimizeLegibility;
    letter-spacing: -0.2px;
}



/* div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select { border:0px;padding:0px; margin:0px; font-family:'CJONLYONE', sans-serif;font-size:13px;line-height:160%; letter-spacing:0px; color:#111;font-weight:300; word-wrap: break-word; word-break: keep-all; } */
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;
	outline: 0;
	border: 0;
	padding: 0;
	vertical-align: top;
	background: transparent;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

/* 리스트의 스타일 제거 */
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;}

/* 폼태그의 초기화 */
input, textarea, button, select {-webkit-appearance:none; -moz-appearance:none; appearance:none; outline: none;-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;background: transparent;}
button[type=button] { cursor:pointer;outline: none; }
button:focus{border:none; outline:none;}

strong{font-weight:500;}

textarea {outline:none; border:1px solid #cbcbcb; width:100%; padding:10px; box-sizing:border-box;}
input.radio {vertical-align:middle;}

input[type=text], input[type=password], input[type=date]{ background:#fff; height:34px; line-height:34px; box-sizing:border-box; }
input[type=file]{border:1px solid #cbcbcb; background:#fff; height:34px; line-height:34px; padding:0 5px;  box-sizing:border-box;}
select{background:#fff; height:34px; line-height:34px;  border:1px solid #cbcbcb; min-width:150px;}
textarea:focus{border:1px solid #ccc; background:#fafafa; box-shadow:2px 2px 6px #d3d3d3 inset; }
input[type=radio]{cursor:pointer;}

input::-webkit-input-placeholder {color:#000; }
input::-moz-placeholder {color:#000; }
input:-ms-input-placeholder {color:#000; }
input:-moz-placeholder {color:#000; }
input::placeholder {color:#000; }

a:link{text-decoration:none; color:inherit;}
a:active{text-decoration:none; color:inherit;}
a:visited{text-decoration:none; color:inherit;}
a:hover{text-decoration:none; color:inherit;}

/* hidden 처리 */
caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
legend{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.hide,hr{position:absolute;top:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
i{vertical-align:middle;}





/*
label { position:relative; display:inline-block;margin-right:0px; padding-left:20px; height:20px; color:#888; text-align:left; line-height:20px; vertical-align:middle; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow:hidden; font-size:0px; }
label > input[type=checkbox] { display:none; }
label > input[type=checkbox] + span  { display:inline-block;line-height:20px;vertical-align:middle;font-size:13px;margin-left:5px;  }
label > input[type=checkbox] + span:before {  content: '';position:absolute; top:0px; left:0px; width:18px;height:18px;border: 1px solid #aaa;background: #aaa; }
label > input[type=checkbox]:checked + span  { color:#fff; -webkit-tap-highlight-color:transparent; }
label > input[type=checkbox]:checked + span:before {   content: "\e928";background: #44acf2;border: 1px solid #44acf2;font-size:15px;text-align:center;line-height:18px; font-family: 'xeicon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  color:#fff; }
label > input[type=radio] { display:none; }
label > input[type=radio] + span  { display:inline-block;line-height:20px;vertical-align:bottom;font-size:13px;margin-left:5px;  }
label > input[type=radio] + span:before { position:absolute; top:0px; left:0px; width:18px;height:18px; -webkit-border-radius: 50%;-khtml-border-radius: 50%;;-moz-border-radius: 50%;;border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); content: '';  }
label > input[type=radio]:checked + span  { color:#fff; -webkit-tap-highlight-color:transparent; }
label > input[type=radio]:checked + span:before { background: #44acf2;font-size:18px;text-align:center;line-height:18px; font-family: 'xeicon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#111; content: "\e928"; }
 */