@charset 'utf-8';
@import url('/backoffice/syscontrols/sgcommon/sgcss/fonts/NanumGothic/NanumGothic.css');
@import url('/backoffice/syscontrols/sgcommon/sgcss/fonts/NanumBarunGothic/nanumbarungothic.css');
@import url('/backoffice/syscontrols/sgcommon/sgcss/fonts/noto-sans-kr/noto-sans-kr.css');
@import url('/backoffice/syscontrols/sgcommon/sgcss/fonts/montserrat/montserrat.css');
@import url('/backoffice/syscontrols/sgcommon/sgcss/fonts/open-sans/open-sans.css');
@import url('/backoffice/syscontrols/sgcommon/sgcss/fonts/roboto/roboto.css');
@import url('/backoffice/syscontrols/sgcommon/sgcss/fonts/raleway/raleway.css');
@font-face {
	font-family: '함초롬바탕';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/HANBatang.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HANBatang';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/HANBatang.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/*
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@charset "utf-8";
*/

/*--------------------------------------------------*/
/*	BASIC	*/
/*--------------------------------------------------*/
	html {overflow-y:scroll}
	body {
		font-family: 'Noto Sans KR', 'Nanum Gothic', '함초롬바탕', 'Nanum Barun Gothic', 'Montserrat', 'Open Sans', 'Roboto', 'Raleway', '맑은 고딕', 'Malgun Gothic', 'Sans-serif', 'Verdana', 'Arial', 'Trebuchet MS', '돋움', 'Dotum', '돋움', 'Gulim', '굴림', 'AppleGothic', '나눔고딕';
		/*font-family: 'Nanum Gothic', '나눔고딕','함초롬바탕','Roboto', 'Open Sans', 'Noto Sans KR', 'Montserrat', 'Raleway', 'Nanum Barun Gothic', sans-serif, 'Malgun Gothic', '돋움', Dotum, AppleGothic, Arial;*/
		font-size:10px;
	}
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
	h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
	input, select, textarea, button, label {vertical-align:middle}
	input, select {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
	input[type=text], input[type=password], input[type=checkbox] {border:1px solid #d1d1d1;}
	fieldset, img, iframe {border:0 none}
	img {vertical-align:middle}
	textarea {resize:none; padding:1%; width:98%; border-top:1px solid #a0a0a0; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-left:1px solid #a0a0a0}
	em, address {font-style:normal}
	a {text-decoration:none}
	a:hover,a:active,a:focus{text-decoration:underline}
	menu,li {list-style:none}
	button {padding:0; margin:0; border:0; cursor:pointer; vertical-align:middle; background:none}
	caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden}
	hr {display:none}
	i,em,address{font-style:normal}
	label {cursor:pointer}
	table {border-spacing:0; border-collapse:collapse}
	strong {font-weight:700}



/*--------------------------------------------------*/
/*	CLASS	*/
/*--------------------------------------------------*/
	.hidden {visibility:hidden; position:absolute; left:-9999em; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:0; text-indent:-9999em}
	.txt_c {text-align:center !important}
	.txt_l {text-align:left !important}
	.txt_r {text-align:right!important}
	.fl_r {float:right}
	.fl_l {float:left}
	.oh{overflow:hidden;}
	.clear {clear:both}



/*--------------------------------------------------*/
/*	간격	*/
/*--------------------------------------------------*/
	.mt0 {margin-top:0}
	.mt5 {margin-top:5px}
	.mt10 {margin-top:10px}
	.mt15 {margin-top:15px}
	.mt20 {margin-top:20px}

	.mb0 {margin-bottom:0}
	.mb5 {margin-bottom:5px}
	.mb10 {margin-bottom:10px}
	.mb15 {margin-bottom:15px}
	.mb20 {margin-bottom:20px}

	.ml0 {margin-left:0px}
	.ml5 {margin-left:5px}
	.ml10 {margin-left:10px}
	.ml15 {margin-left:15px}
	.ml20 {margin-left:20px}

	.mr0 {margin-right:0}
	.mr5 {margin-right:5px}
	.mr10 {margin-right:10px}
	.mr15 {margin-right:15px}
	.mr20 {margin-right:20px}



/*--------------------------------------------------*/
/*	nav skip	*/
/*--------------------------------------------------*/
	.skip_navi a{position:absolute; top:-9999em; width:100%; background:#000; font:bold 1.5em; text-align:center; font-weight:bold}
	.skip_navi a:hover , .skip_navi a:active , .skip_navi a:focus {padding:12px 0; top:0;  color:#fff}
	


/*---------------------------------------------------
	sgpaging
---------------------------------------------------*/
.sgpaging{
	position: relative;
	display: block;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 15px;
}
.sgpaging > ul{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 36px;
}
.sgpaging > ul > li{
	/*
	flex-basis: 34px;
	flex-grow: 0;
	flex-shrink: 1;
	align-self: center;
	*/
	width: 34px;
	height: 34px;

	display: flex;
	justify-content: center;
	align-items: center;


	border: 1px solid #E5E4E2;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 1px;
	cursor: pointer;

	font-family: 'Noto Sans KR';
	color: #363430;
	font-size: 0.78rem;
	line-height: 1.0;
	letter-spacing: -0.2px;
}
.sgpaging > ul > li:hover{
	background-color: #eeeeec;
}
.sgpaging > ul > li.page_arrow{
	color: #B9AA87;
	font-size: 1.17rem;
	font-weight: 700;
}
.sgpaging > ul > li.pagingcount{
	font-size: 15px;
	font-weight: 700;
}
.sgpaging > ul > li.num{
	font-weight: 300;
	font-size: 0.78rem;
	color: #b7b4ae;
	border: 1px solid #E5E4E2;
}
.sgpaging > ul > li.on{
	color: #FD8E58;
	border: 1px solid #FD8E58;
	font-weight: 700;
}