@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url(./icons/xi/xeicon.css);

/*기본태그 정의*/
html, body {padding:0;margin:0;height:100%;}
body, td, select, textarea, input, button, pre {font-size:14px; line-height: 1.5; color:#101010; letter-spacing:-0.4px; font-family:"Noto Sans KR", "Malgun Gothic","맑은 고딕" ,helvetica, 'Dotum', "Apple SD Gothic Neo", sans-serif;}
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 {vertical-align:middle;}
button {cursor:pointer; outline:0;}
input.radio {vertical-align:middle;}

em { font-style: normal; }

input[type=text], input[type=password], input[type=date], input[type=file]{border:1px solid #ddd; background:#fff; height:28px; line-height:28px; box-sizing:border-box; padding:0 5px; width:100px;}
select{background:#fff url("../images/icon_selectArrow.png") no-repeat right 5px center; height:28px; line-height:28px;   vertical-align:middle; border: 0; border:1px solid #ddd; padding: 0 5px; appearance: none;}


input[type=radio]{cursor:pointer;}

select:focus,
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=file]:focus{border:1px solid #ddd}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
}



textarea {border:1px solid #ddd; background:#fff; min-height:30px;  box-sizing:border-box; padding:5px; resize: none; outline: none;}


input::placeholder{color:#999; font-size: 15px;}


label{cursor:pointer; vertical-align: middle;}
i {vertical-align: baseline; margin:0 3px;font-style: normal; }


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

/* 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;}



/* 체크박스, 라디오 */
.chkStyle{font-size: 0;}
.chkStyle label{vertical-align:baseline; margin-right: 10px; font-size: 14px;}
.chkStyle input[type=checkbox]{position:relative; margin-right:7px; width:18px; vertical-align:middle;}
.chkStyle input[type=checkbox]:checked{   }
.chkStyle input[type=checkbox]:before{display:block; content:''; position:absolute; top:-1px; left:-1px; width:18px; height:18px; background: url(../images/icon_chkbox_off.png) no-repeat center / contain; z-index:2; cursor:pointer;}
.chkStyle input[type=checkbox]:checked:after{display:block; content:''; position:absolute; top:-1px; left:-1px; width:18px; height:18px; background: url(../images/icon_chkbox_on.png) no-repeat center / contain; z-index:2;}
.chkStyle.single input[type=checkbox]{margin-right: 0;}

.radioStyle{font-size: 0;}
.radioStyle label{vertical-align:baseline; margin-right: 10px; font-size: 14px;}
.radioStyle input[type=radio]{position:relative; margin-right:7px; width:18px; vertical-align:middle;}
.radioStyle input[type=radio]:checked{  }
.radioStyle input[type=radio]:before{display:block; content:''; position:absolute; top:-1px; left:0; width:18px; height:18px; background:url(../images/icon_radio_off.png) no-repeat center / contain; z-index:2; cursor:pointer; border-radius: 50%;}
.radioStyle input[type=radio]:checked:after{display:block; content:''; position:absolute;  width:18px; height:18px; background: url(../images/icon_radio_on.png) no-repeat center / contain; z-index:2; border-radius: 50%;}
.radioStyle.single input[type=radio]{margin-right: 0;}

.ckrdWrap{overflow: hidden; line-height: 22px;}
.ckrdWrap .chkStyle,
.ckrdWrap .radioStyle{float:left; margin-right:10px;}
.ckrdWrap .chkStyle label,
.ckrdWrap .radioStyle label{vertical-align: middle;}


.filebox {}
.filebox label{ display: inline-block; width: 100px; background: #fff;  text-align: center; font-size: 14px; color: #313942; height: 40px; border: 1px solid #313942; float: right; line-height: 40px; box-sizing: border-box}
.filebox input[type="file"] {/* 파일 필드 숨기기 */display: none;}
.filebox .upload_name { display: inline-block; height: 40px; line-height: 40px; padding: 0 12px; background: #fff; border: 1px solid #ccc; color: #999; width: calc( 100% - 105px); box-sizing: border-box;}