@charset "utf-8";
@import url(./fonts/Paperlogy.css);
@import url(./fonts/Pretendard.css);
@import url(./icons/fa/css/font-awesome.css);
@import url(./icons/xi/xeicon.css);

:root{
    --color-main : #26B7BC;
    --color-sub : #2E323B;
    --color-snd : #EA5506;
    --color-thd : #EA5506;

    --color-red : #EC161D;
	--color-org : #EA5506;
    --color-yel : #E8B930;
	--color-grn : #13AE5C;
	--color-blu : #1D80E4;
	--color-vol : #4F378A;
	--color-pup : #AF52DE;

    --color-bk1 : #111;
    --color-bk3 : #333;
    --color-bk6 : #666;
    --color-bk9 : #999;
    --color-gra : #aaa;
    --color-grb : #bbb;
    --color-grc : #ccc;
    --color-grd : #ddd;
    --color-gre : #eee;
    --color-wh4 : #f4f4f4;
    --color-wh8 : #f8f8f8;
    --color-whf : #fff;
}

/* basic_start */
html, body {height:100%}
body                { overflow:hidden;overflow-y:scroll; margin:0px; padding:0px !important; font-family:'Pretendard', sans-serif; font-size:14px; letter-spacing:-0.05em; color: var(--color-bk1); font-weight:400; line-height:160%; background: var(--color-whf);min-width:320px;}
body.noscroll		{ position: fixed; overflow-y:scroll;top:0px;left:0px;right:0px;bottom:0px; }

/*
body {
	scrollbar-arrow-color: #ddd;
	scrollbar-Track-Color: #ddd;
	scrollbar-base-color: #ccc;
	scrollbar-Face-Color: #ccc;
	scrollbar-3dLight-Color: #ccc;
	scrollbar-DarkShadow-Color: #ccc;
	scrollbar-Highlight-Color: #ccc;
	scrollbar-Shadow-Color: #ccc;
}
::-webkit-scrollbar { width: 5px; height: 5px; background: transparent;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { display: block; width: 0px;height: 0px; background: rgba(0,0,0,0); }
::-webkit-scrollbar-track { background: rgba(0,0,0,.1); }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,.1); }
*/

/* - 코드 초기화 - */
	div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select {-webkit-tap-highlight-color : transparent; border:0px;padding:0px; margin:0px; font-family:'Pretendard', sans-serif;font-size:14px;line-height:1; letter-spacing:-0.05em;font-weight:400; 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:'Pretendard', 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; -webkit-tap-highlight-color : transparent;}
	a                   { text-decoration:none; color:var(--color-bk1);outline:none; cursor:pointer; -webkit-tap-highlight-color : transparent;}
	a:visited           { color:var(--color-bk1); }
	a:active            { color:var(--color-bk1); }
	a:hover             { color:var(--color-bk1); text-decoration:none; }
	.clear { float:none;clear:both; }
	table{table-layout:fixed;}

	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active {-webkit-text-fill-color: var(--color-bk1);-webkit-box-shadow: none;box-shadow: none;transition: background-color 5000s ease-in-out 0s; }

	input:autofill,
	input:autofill:hover,
	input:autofill:focus,
	input:autofill:active { -webkit-text-fill-color: var(--color-bk1);-webkit-box-shadow: none;box-shadow: none;transition: background-color 5000s ease-in-out 0s;}

	::-webkit-input-placeholder { color: var(--color-grb); }
	:-ms-input-placeholder { color: var(--color-grb); }
	::placeholder { color: var(--color-grb); }
/* - @코드 초기화 - */

/* - 체크박스, 라디오버튼 CSS 설정(xeicon import 필요) - */
	label { position:relative; display:inline-block;margin-right:0px; padding:2px 0px;padding-left:20px; height:20px; color:var(--color-bk9); text-align:left; line-height:20px; vertical-align:bottom; 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:14px;margin-left:5px;  }
	label > input[type=checkbox] + span:before { background: var(--color-whf);position:absolute; top:2px; left:0px; width:18px;height:18px; border-radius: 5px; border: 1px solid var(--color-grc); content: '';  }
	label > input[type=checkbox]:checked + span  { color:var(--color-bk1); -webkit-tap-highlight-color:transparent; }
	label > input[type=checkbox]:checked + span:before {  background: var(--color-whf); 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:var(--color-bk1); content: "\e928"; }
	label > input[type=radio] { display:none; }
	label > input[type=radio] + span  { display:inline-block;line-height:20px;vertical-align:bottom;font-size:14px;margin-left:5px;  }
	label > input[type=radio] + span:before { background: var(--color-whf);position:absolute; top:2px; left:0px; width:18px;height:18px; border-radius: 50%; border: 1px solid var(--color-grc); content: '';  }
	label > input[type=radio]:checked + span  { color:var(--color-bk1); -webkit-tap-highlight-color:transparent; }
	label > input[type=radio]:checked + span:before {  background: var(--color-whf); 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:var(--color-bk1); content: "\e928"; }
/* - 체크박스, 라디오버튼 CSS 설정 - */

/* - 페이지 로딩 처리 - */
	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;
							border-radius: 50%;background:var(--color-whf);color:var(--color-bk6);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:''; }
	body.mask:before { display:block;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.8);z-index:900;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-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:var(--color-whf);border:1px solid var(--color-grc);color:var(--color-bk6);margin:0px 2px; }
	.paging_wrap > a + a { margin-left:0px; }
	.paging_wrap > a.on { color:var(--color-whf);font-weight:600; background:var(--color-main);border:1px solid rgba(0,0,0,0.1); }
	.paging_wrap > a.fa { font-family: 'FontAwesome';font-size:16px;width:30px;line-height:30px;height:30px;padding:0px; margin:0 5px;}
/* @ JS페이징 처리 - */
/* @기본설정 */