@charset "utf-8";
@import url(./fonts/Titillium.css);
@import url(./fonts/NotoSansKR.css);
@import url(./icons/fa/css/font-awesome.css);
/*@import url(./icons/sl/simple-line-icons.css);*/
@import url(./icons/xi/xeicon.css);

/*기본태그 정의*/
/* - 코드 초기화 - */
	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:'Noto Sans KR', sans-serif;font-size:13px;line-height:160%; letter-spacing:0px;font-weight:300; word-wrap: break-word; word-break: keep-all; }
	img {  display:inline-block;border:0px;padding:0px; margin:0px; }
	ul,ol,li,dl,dt,dd   { list-style:none;}
	table,tr,td,th  { border:0px;padding:0px; margin:0px;border-spacing:0px;}
	i,em				{ font-style:normal;vertical-align:middle; }
	select { -webkit-appearance:none;appearance:none; -moz-appearance:none; text-indent: 1px; text-overflow: ''; }
	input, textarea, button, select {-webkit-appearance:none; -moz-appearance:none; appearance:none;font-family:'Noto Sans KR', sans-serif !important;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; }
	a                   { text-decoration:none; color:#111;outline:none; cursor:pointer;}
	a:visited           { color:#111; }
	a:active            { color:#111; }
	a:hover             { color:#111; text-decoration:none; }
	.clear { float:none;clear:both; }
/* - @코드 초기화 - */

html, body {padding:0;margin:0;height:100%;}
body		{ overflow: hidden; overflow-y:scroll; }
body.noscroll		{ position: fixed; overflow-y:scroll;top:0px;left:0px;right:0px;bottom:0px; }
body, td, select, textarea, input, button {font-size:13px; color:#222; letter-spacing:-0.4px; font-family:'Noto Sans KR', 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;}

/* 폼태그의 초기화 */
select {vertical-align:middle; -webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 41px; line-height: 41px; border: 1px solid #dcdcdc; border-radius: 5px; padding: 0 15px; background: #fff url(../../_img/icon_selectArrow.png) no-repeat right 13px center; background-size: 12px auto; font-size: 13px; color: #444; font-weight: 500;}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="file"],
input[type="email"],
input[type="tel"],
input[type="number"]{height: 50px; line-height: 50px; border: 1px solid #dcdcdc; border-radius: 10px; padding: 0 15px; font-size: 14px; color: #444; font-weight: 500; box-sizing: border-box;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

input {vertical-align:middle;}
button {cursor:pointer; outline:0;}
textarea {outline:none; resize: none; padding:14px;  box-sizing: border-box;}
input.radio {vertical-align:middle;}

input:focus{background:transparent; }
input::-webkit-input-placeholder {color:#6e6e6e; }
input::-moz-placeholder {color:#6e6e6e; }
input:-ms-input-placeholder {color:#6e6e6e; }
input:-moz-placeholder {color:#6e6e6e; }
input::placeholder {color:#6e6e6e; }

label{cursor:pointer;}

textarea:focus{}

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




input[type=radio]{position:relative; margin-right:10px; width:12px; height:12px; vertical-align:baseline;}
input[type=radio]:checked{background:; }
input[type=radio]:before{display:block; content:''; position:absolute; width:18px; height:18px; background:#fff url(../_img/icon_radio_off.png) no-repeat; background-size:15px 15px; z-index:2; cursor:pointer;}
input[type=radio]:checked:after{display:block; content:''; position:absolute; width:18px; height:18px;  background:#fff url(../_img/icon_radio_on.png) no-repeat; background-size:15px 15px; z-index:2;}

input[type=checkbox]{position:relative; margin-right:10px;  background:; width:12px; height:12px; vertical-align:baseline;}
input[type=checkbox]:checked{background:;}
input[type=checkbox]:before{display:block; content:''; position:absolute; top:0; left:0; width:18px; height:18px;  background:#fff url(../_img/icon_chkbox_off.png) no-repeat; background-size:cover; z-index:2; cursor:pointer;}
input[type=checkbox]:checked:after{display:block; content:''; position:absolute; top:0; left:0; width:18px; height:18px;  background:#fff url(../_img/icon_chkbox_on.png) no-repeat; background-size:cover; z-index:2; cursor:pointer;}


/* - 페이지 로딩 처리 - */
	body.loading:after {  font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
		content: "\f110";position:fixed;top:50%;left:50%;width:50px;height:50px;line-height:50px;font-size:44px;padding:5px;z-index:1000;margin-left:-30px;margin-top:-30px;
		-webkit-border-radius: 50%;-khtml-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#fff;color:#2d3845;overflow:hidden;border-radius: 50%;text-align: center;
		animation: spin 1s linear infinite;will-change: transform, opacity;
		box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
	}

	body.loading:before { display:block;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0);z-index:999;will-change: transform, opacity;content:''; }

	@keyframes spin {
	    0% { transform: rotate(0deg); }
	    100% { transform: rotate(360deg); }
	}
/* - @페이지 로딩 처리 - */

/* - JS페이징 처리 - */
	.paging_wrap {position:relative; margin:0px; padding:20px 30px;margin-top:0px;background:transparent;text-align:center;font-size:0px; }
	.paging_wrap::after { clear:both;display:block;content:''; }
	.paging_wrap > a { font-family: 'Titillium';font-weight:600;display:inline-block;line-height:30px;height:30px;min-width:20px;font-size:14px;cursor:pointer;text-align:center;vertical-align:middle; margin:0px 0px;margin-left:0px;padding:0px 5px;background:#fff;border:1px solid #ccc;color:#666;margin:0px 2px; }
	.paging_wrap > a + a { margin-left:0px; }
	.paging_wrap > a.on { color:#fff;font-weight:600; background:#303d6a;border:1px solid rgba(0,0,0,0.1); }
	.paging_wrap > a.fa { font-family: 'FontAwesome';background:#fff;font-size:16px;width:30px;line-height:30px;height:30px;padding:0px; margin:0 5px;}

/* @ JS페이징 처리 - */

/* 스크린영역 설정 */
	.screen { display:block;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.6);z-index:990;will-change: transform, opacity; }
	.screenup {position:fixed;top:0px;left:50%;bottom:0px;width:100%;padding:0px;height:auto;background:#f4f4f4;z-index:999;display:block;max-width: 680px;
		-ms-transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			transform: translateX(-50%);
	}
	.screenup > header { position:relative;display:block;padding-bottom:0px;background:#fff;;padding:10px 15px;border-bottom:0px solid #ccc; height:50px;width:auto;
	-webkit-box-shadow:  0px 0px 4px 1px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.1);box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.1);z-index:10;}
	.screenup > header h1 { font-size:21px;font-weight:400;color:#333;line-height:50px; letter-spacing: -0.5px;}
	.screenup > header h1.cn { text-align:center; }
	.screenup > header h1 > span { font-size:16px;margin-left:7px; }
	.screenup > header h2 { font-size:20px;font-weight:400;color:#382063;line-height:24px;padding-top:5px; }
	.screenup > header p { font-size:14px;font-weight:400;color:#999;line-height:16px; }
	.screenup > header h2 > span { font-size:16px;margin-left:7px; }
	.screenup > header .close { position:absolute;top:5px;right:0px;font-size:30px;display:block;width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;color:#333; }
	.screenup > header .prev { position:absolute;top:5px;left:0px;font-size:30px;display:block;width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;color:#333; }
	.screenup > footer {position:relative; margin:0px;padding:15px 20px;height:40px;text-align:center;background:#eee;border-top:1px solid #ccc; }
	.screenup > footer.complete { padding-bottom:0px; }
	.screenup > footer a { float: none;display:inline-block;line-height:40px;height:40px;border:0px;font-size:13px;width:auto;padding:0px 40px;color:#fff;margin:0px 2px;cursor:pointer;background:#23aab6; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
	.screenup > footer a.gray { background:#999; }
	.screenup > footer a.red { background:#ec635d; }
	.screenup > footer a.black { background:#2d3845; }
	.screenup > footer a.del {position:absolute;top:15px;right:20px; display:inline-block;line-height:40px;height:40px;border:0px;font-size:13px;width:auto;padding:0px 20px;color:#999;margin:0px 2px;cursor:pointer;background:#ddd; }
	.screenup > footer a.preview {position:absolute;top:15px;left:20px; display:inline-block;line-height:40px;height:40px;border:0px;font-size:13px;width:auto;padding:0px 20px;color:#fff;margin:0px 2px;cursor:pointer;background:#ec635d; }
	.screenup > footer.complete a { background:#48bacb;padding:0px 30px; }
	.screenup > footer.complete a.gray { background:#999;padding:0px 30px; }
	.screenup > section {overflow-y:auto;background:transparent;padding:0px;margin:0px;height:calc( 100% - 70px );}

	.screenup > section article { padding:0px 20px; }
	.screenup > section article div.tb_info { display:block;position:relative; }
	.screenup > section article div.tb_info.hide { display:none; }
	.screenup > section article div.tb_info > h2 { font-size:16px;font-weight:300;color:#666;display:block;margin-bottom:5px; }
	.screenup > section article div.tb_info > h2 a { position:relative;display:inline-block;margin:0px 2px;height:34px;line-height:34px;width:auto;color:#666;font-weight:300; vertical-align: middle;font-size:13px;background:#fff;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 15px; -webkit-border-radius: 4px;-khtml-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
	.screenup > section article div.tb_info > h2 a.greenbg { background:#45a171;border:1px solid rgba(0,0,0,0.2);color:#fff;}
	.screenup > section article div.tb_info > h2 a > i {margin-right:5px;vertical-align:middle;line-height:27px;}

	.screenup > section article div.tb_info > .inner_mask { position:absolute;background:rgba(0,0,0,0.05);top:31px;left:1px;right:1px;bottom:1px;display:block;z-index:2; }
	.screenup > section article div.tb_info > .inner_mask.status { top:91px; }

	.screenup > ul.tab { line-height:50px;height:50px;padding-left:1px;border-bottom:1px solid #ddd;margin-right:0px;margin-left:0px;margin-top:0px;background:#eee;}
	.screenup > ul.tab li { display:inline;float:left;background:#eee;font-size:16px;padding:0px 40px;font-weight:600;line-height:50px;margin-bottom:0px;margin-left:0px;border-right:1px solid #ddd;color:#bbb;cursor:pointer; }
	.screenup > ul.tab li.on { color:#666;background:#fff;height:51px; }
/* @스크린영역 설정 */


/* - 체크박스, 라디오버튼 CSS 설정(xeicon import 필요) - */
	label { position:relative; display:inline-block;margin-right:0px; padding-left:20px; height:20px; color:#999; 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 { position:absolute; top:0px; left:0px; width:18px;height:18px; -webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; border: 1px solid rgba(0,0,0,0.2); content: '';  }
	label > input[type=checkbox]:checked + span  { color:#111; -webkit-tap-highlight-color:transparent; }
	label > input[type=checkbox]:checked + span:before {  background: #fff; 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"; }
	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:#111; -webkit-tap-highlight-color:transparent; }
	label > input[type=radio]:checked + span:before {  background: #fff; 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"; }
/* - 체크박스, 라디오버튼 CSS 설정 - */