@charset "utf-8";
@import url("//fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
	font-family: Noto Sans KR, sans-serif;
	line-height:1.3;
	letter-spacing:-.3px;
	word-break:keep-all;
}
html, body { 
	width: 100%; 
	min-height: 100%;
}
a { 
	text-decoration:none; 
	cursor:pointer;
}
li { 
	list-style:none; 
}
input, button { 
	background:transparent;
	border:none;
}
label, button { 
	cursor:pointer; 
}
textarea { 
	resize:none; 
}

.loading-overlay {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #ffffff00;
	text-align: center;
	z-index: 99;
}
.skin_admin { 
	background:#ebeff2;
}
#wrap { 
	height:100%;
	padding:0 0 0 240px; 
}
.admComWr > * { 
	margin:0 0 25px;
}
.admComWr > *:last-child { 
	margin:0;
}
.admSecWr { 
    padding: 20px;
    border-radius: 5px;
    background: #FFF;
}
select { 
    appearance: none;
    background: url(/Form/_adm/images/adm_icoSelect.png) no-repeat right 10px center; 
}
.mg5t { 
	margin-top:5px;
}
.mg10t { 
	margin-top:10px;
}
.br { 
	display:block; 
}
.font_w5 { 
	font-weight:500; 
}
.font_w7 { 
	font-weight:700; 
}
.clrTxt01 { 
	color:#31A5FF !important; 
}
.clrTxt02 { 
	color:#E33B52 !important; 
}
.cursor { 
	cursor:pointer; 
}
.gap { 
	height: 30px;
	font-size:0;
}
.sgap { 
	height: 20px; 
	font-size:0;
}
.cTit01 { 
	margin:0 0 16px;
	font-weight:500;
	font-size:18px;
	color:#373737;
}
.infoLst li,
.infoEx01 {
	position:relative; 
	padding:0 0 10px 17px;
	font-weight:500;
	font-size:14px;
	letter-spacing:-.5px;
	color:#E33B52;
}
.infoLst li:before,
.infoEx01:before { 
	content:"!";
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;
	width: 10px;
	height: 10px;
	left:0;
	top:3px;
	border-radius:50%;
	border:1px solid #E33B52;
	font-size:10px;
	text-align:center;
	line-height:10px;
}
.infoLst li { 
	margin:0 0 3px;
}
.infoLst li:last-child { 
	margin:0;
}
.inputArea { 
	max-width: 100%;	
	padding:9px 14px;
	border-radius: 5px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    color: #373737; 
}
.inputArea::placeholder { 
	color:#999; 
}
.inputArea.date_input { 
	width: 150px;
	background:url(/Form/_adm/images/adm_icoCalendar.png) no-repeat right 10px center;
	padding-right:30px;
}
.inputArea.fullWid { 
	width: 100%; 
}
select.inputArea { 
	padding-right:30px;
}
textarea.inputArea { 
	height: auto;
}
.comPopBg { 
	position:fixed; 
	display:none; 
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background:rgba(0,0,0,.6);
	z-index:10;
}
.comPopBg .conBox { 
	position:absolute; 
	width: 400px;
	max-width: 80%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:0;
}
.comPopBg .conBox .topArea { 
	overflow:hidden;
}
.comPopBg .conBox .topArea .popClose { 
	position:relative; 
	width: 30px;
	height: 30px;
	float:right; 
}
.comPopBg .conBox .topArea .popClose:before,
.comPopBg .conBox .topArea .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 2px;
	top:50%;
	left:50%;
	margin:-1px 0 0 -10px;
	background: #FFF;
	border-radius: 3px;
}
.comPopBg .conBox .topArea .popClose:before { 
	transform:rotate(45deg); 
}
.comPopBg .conBox .topArea .popClose:after { 
	transform:rotate(-45deg); 
}
.comPopBg .conBox .conArea { 
	display:flex; 
	flex-direction:column;
	justify-content:center; 
	min-height:300px;
	max-height: 500px;
	padding:10px;
	background: #FFF;
	border-radius: 20px;
}
.comPopBg .conBox .conArea .imgArea { 	
	flex-grow:1;
	display:flex; 
	align-items:center;
	justify-content:center; 	
	overflow-y:auto; 
}
.comPopBg .conBox .conArea .imgArea img { 
	width: 100%; 
}
.comPopBg .conBox .conArea .inputArea { 
	width: 100%; 
}
.comPopBg .conBox .conArea .txt { 
	padding:10px;
	font-size:14px;
	color:#373737;
	word-break:break-all;
}
.comDateSel {
	display:flex; 
	align-items:center; 
	gap:8px;
}
@media all and (max-width:1399px){
	.admComWr > * { 
		margin:0 0 15px;
	}
}
@media all and (max-width:999px){
	#wrap { 
		padding:0;
	}
	.admSecWr { 
		padding:15px;
	}
	.cTit01 { 
		margin:0 0 10px;
		font-size:17px;
	}
	.comPopBg .conBox .conArea { 
		max-height: 400px; 
	}
}
@media all and (max-width:599px){
	.admComWr > * { 
		margin:0 0 10px;
	}
	.gap { 
		height: 20px; 
	}
	.sgap { 
		height: 15px; 
	}	
	.infoLst li,
	.infoEx01,
	.inputArea { 
		font-size:13px; 
	}
	.infoLst li:before, 
	.infoEx01:before { 
		top:2px; 
	}
	.comDateSel {
		flex-wrap:wrap;
		gap:5px;
	}
	.comDateSel .inputArea { 
		width: 100%; 
	}
	.comDateSel .inputArea span { 
		display:block; 
		width: 100%;
		text-align: center;
	}
}

/* 체크스타일 시작
------------------------------------------------------ */
.comChkLst {
	display: flex;
    flex-wrap: wrap;
    gap: 15px;	 
}
.comChkOne,
.comChkLst > li { 
	position:relative; 
}
.comChkOne input,
.comChkLst > li input { 
	position:absolute; 
	width: 0;
	height: 0;
	overflow:hidden;
}
.comChkOne label,
.comChkLst > li label { 
	position:relative; 
	display:block;  
	padding:0 0 0 26px;
	font-weight:500;
	font-size:14px;
	color:#373737;
}
.comChkOne label:before,
.comChkLst > li label:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	left:0;
	top:0;
	border-radius:5px;
	border:1px solid #bdbdbd;
}
.comChkOne input:checked + label:before,
.comChkLst > li input:checked + label:before { 
	border-color:#31A5FF;
	background:#31A5FF url(/Form/_adm/images/adm_comChk.png) no-repeat center 4px;
}
.comChkBox { 
	position:relative; 
	width: 100%;
}
.comChkBox input { 
	position:absolute; 
	width: 0;
	height: 0;
	left:0;
	top:0;
	font-size:0;
	overflow:hidden;
}
.comChkBox label { 
	position: relative;
	display:block; 
	width: 100%;
    padding: 1px 0 0 23px;
    font-size: 14px;
    color: #373737;
}
.comChkBox label:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	left:0;
	top:1px;
	border-radius:5px;
	border:1px solid #bdbdbd;
}
.comChkBox input:checked + label:before { 
	border-color:#31A5FF;
	background:#31A5FF url(/Form/_adm/images/adm_comChk.png) no-repeat 3px 4px;
}
.comChkBox.noTxt { 
	display:inline-block; 
	width: auto;
	font-size:0;
}
.comChkBox.noTxt label { 
	display:inline-block; 
	width: auto;
	padding:0;
	font-size:0;
}
.comChkBox.noTxt label:before { 
	position:relative; 
	left:auto;
	top:auto;
}
td .comChkBox.noTxt { 
	vertical-align:middle; 
}
td .comChkBox.noTxt label:before { 
	margin:0 auto;
}
.tblSchBox dl dd .comChkLst { 
	align-items:center; 
}
@media all and (max-width:999px){
	.comChkLst { 
		gap:12px; 
	}
	.comChkOne label,
	.comChkLst > li label { 
		padding:0 0 0 24px;
	}
}
@media all and (max-width:599px){
	.comChkOne label,
	.comChkLst > li label { 
		font-size:13px;
	}
}
/* 체크스타일 끝
------------------------------------------------------ */
/* 버튼 스타일 시작
------------------------------------------------------ */
.comBtnBox {  
	display:flex; 
	flex-wrap:wrap;
	gap:12px;	 
}
.comBtnBox > * { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	min-width: 80px;
	padding:9px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
}
.comBtnBox > *:nth-child(odd) { 
	background: #31A5FF;
    color: #FFF; 
}
.comBtnBox > *:nth-child(even) {
	border:1px solid #31A5FF;
	background:#FFF;
	color: #31A5FF;
}
.comBtnBox.jusc { 
	justify-content:center; 
}
.comBtnBox .excel_btn {
	background-color: #FFF;
	border: 1px solid #08743b;
	color: #08743b;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-image: url(../images/common/icon_excel.png);
	padding-left: 30px;
}
@media all and (max-width:599px){
	.comBtnBox { 
		width: 100%;
		gap:8px;
	}
	.comBtnBox > * { 
		width: 100%;
		min-width: 0;
		font-size:13px;
	}
}
/* 버튼 스타일 끝1
------------------------------------------------------ */
/* 입력창 + 버튼 스타일 시작
------------------------------------------------------ */
.comInpBtnBox { 
	display:flex; 
	gap:10px;
}
.comInpBtnBox .inputArea { 
	flex-grow:1;
	min-width: 0;
}
.comInpBtnBox .comBtnBox { 
	flex-wrap:nowrap; 
}
.comInpBtnBox .comBtnBox > * { 
	min-width: 80px;
	font-size:14px; 
}
@media all and (max-width:999px){
	.comInpBtnBox { 
		flex-wrap:wrap; 
		gap:8px;
	}
	.comInpBtnBox > * { 
		width: 100%; 
	}
	.comInpBtnBox .comBtnBox > * { 
		flex-grow:1;
		height: 32px; 
	}
	.comInpBtnBox .comBtnBox.has2 { 
		gap:0; 
	}
	.comInpBtnBox .comBtnBox.has2 > * { 
		width: 49%;
		margin:2% 2% 0 0;
	}
	.comInpBtnBox .comBtnBox.has2 > *:nth-child(2n) { 
		margin-right:0;
	}
	.comInpBtnBox .comBtnBox.has2 > *:nth-child(-n+2) { 
		margin-top:0;
	}
}
/* 입력창 + 버튼 스타일 시작
------------------------------------------------------ */
/* 버튼 선택 리스트 시작
------------------------------------------------------ */
.comSelBtnLst { 
	display:flex; 
	flex-wrap:wrap;
	gap:8px;
}
.comSelBtnLst > li > * { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	min-width: 80px;
	height: 40px;
	padding:0 10px;
	background:#FFF;
	border:1px solid #31A5FF;
    border-radius: 5px;
	color: #31A5FF;
    font-weight: 500;
    font-size: 16px;
	transition:all .3s ease;
}
.comSelBtnLst > li > *.on { 
	background: #31A5FF;
    color: #FFF; 
}
@media all and (max-width:999px){
	.comSelBtnLst > li > * { 
		height: 36px;
	}	
}
@media all and (max-width:599px){
	.comSelBtnLst { 
		width: 100%;
	}
	.comSelBtnLst > li,
	.comSelBtnLst > li > * { 
		width: 100%;
		min-width: 0;
		height: 32px;
		font-size:15px;
	}
}
/* 버튼 선택 리스트 끝
------------------------------------------------------ */
/* 테이블 관련 시작
------------------------------------------------------ */
.tblSchBox { 
	padding:24px;
	border-radius:5px;
	background:#FFF;
}
.tblSchBox dl { 
	display:flex; 
	align-items:center;
	gap:12px;
	margin:0 0 15px;
}
.tblSchBox dl dt { 	
	min-width: 40px;
	font-weight:500;
	font-size:14px;
	letter-spacing:-.3px;
	color:#373737;
}
.tblSchBox dl dd { 
	display:flex; 
	flex-wrap:wrap;
	gap:12px;
}
.tblSchBox dl dd .inputArea { 	
	min-width: 120px;
	border-radius:5px;
	color:#373737;
}
.tblSchBox dl dd select.inputArea { 
	flex-grow:0; 
}
.tblSchBox dl dd > button,
.tblSchBox dl dd > a { 
	display:flex; 
	align-items:center;
	justify-content:center;
	gap:5px;
	min-width: 80px;
	padding:9px;
	border-radius:5px;
	background:#31A5FF;
	color:#FFF;
	font-weight:500;
	font-size:14px;
}
.tblSchBox dl dd .cateLst { 
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.tblSchBox dl dd .cateLst button { 
	height: 100%;
	padding:10px;
	background:#FFF;
	border: 1px solid #ddd;
	border-radius: 100px;
	color:#373737;
	font-size:13px;
}
.tblSchBox dl dd .cateLst button.on { 
	border-color:#31A5FF;
	color:#31A5FF;
}
.tblSchBox dl dd .chkLst { 
	display:flex; 
	gap:10px;
}
.tblSchBox dl dd .chkLst li { 
	position:relative; 
}
.tblSchBox dl dd .chkLst li input[type="radio"] { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	overflow:hidden;
}
.tblSchBox dl dd .chkLst li label { 
	padding:5px 10px 5px 22px;
	border:1px solid #ddd;
	border-radius:100px;
	font-size:13px;
}
.tblSchBox dl dd .chkLst li label:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	left:8px;
	top:8px;
	border-radius:50%;
	border:2px solid #ddd;
}
.tblSchBox dl dd .chkLst li input[type="radio"]:checked + label { 
	border-color: #31A5FF;
    color: #31A5FF; 
}
.tblSchBox dl dd .chkLst li input[type="radio"]:checked + label:before { 
	border-color:#31A5FF;
}
.tblSchBox dl dd .dateDd {
	flex-wrap:nowrap;
	align-items:center; 
	gap:8px;
}
.tblSchBox dl:last-child { 
	margin:0;
}
.tblSchBox dl.st01 { 
	display:block; 
}
.tblSchBox dl.st01 dt { 
	margin:0 0 10px;
}
.tblSchBox.st01 form { 
	display:flex; 
	flex-wrap:wrap;
	gap:24px;
}
.tblSchBox.st01 form dl { 
	margin:0;
	gap:12px;
}
.tblSchBox.st01 form dl dt { 
	flex-shrink:0;
	min-width: 0; 
}
.tblSchBox.st01 form dl dd .dateDd .inputArea { 
	width: 162px; 
	text-align:center;
}
.tblComBox { 
	padding:24px;
	border-radius:5px;
	background:#FFF; 
}
.tblComBox .tblTopBox { 
	display:flex; 
	justify-content:space-between;
	align-items:center;
	margin:0 0 12px;
	font-weight:500;
}
.tblComBox .tblTopBox > * { 
	display:flex; 
	gap:10px;
}
.tblComBox .tblTopBox .cTit01 { 
	margin:0;
}
.tblComBox .tblTopBox .tblTit { 
	margin:0;
}
.tblComBox .tblTopBox .tblTopBtn { 
	display:flex; 
	align-items:center;
	justify-content:center;
	gap:5px;
	min-width: 80px;
	padding:9px;
	border-radius:5px;
	background:#31A5FF;
	font-weight:500;
	font-size:14px;
	color:#FFF;
}
.tblComBox .tblTopBox select { 
    min-width: 150px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #e0e0e0; 
}
.tblTit { 
	margin:0 0 11px;
	font-size:16px;
	color:#373737;
}
.tblTit .clrTxt { 
	font-weight:500;
}
.tblBox { 
	width:100%; 
	overflow-x:auto;
}
.tblBox .td_80 { 
	width:80px; 
}
.tblBox .td_100 { 
	width:100px; 
}
.tblBox .td_120 { 
	width:120px; 
}
.tblBox .td_150 { 
	width:150px; 
}
.tblBox .td_170 {
	width:170px;
}
.tblBox .td_200 { 
	width:200px; 
}
.tblBox .td_250 { 
	width:250px; 
}
.tblBox .td_300 { 
	width:300px; 
}
.tblBox .td_350 { 
	width:350px; 
}
.tblBox .td_tit { 
	background: #F7F7F7;
	font-weight:500;
}
.tblBox .td_left { 
	text-align: left; 
}
.tblBox table { 
	width:100%;
	min-width:1500px;
	color:#343A40;
	table-layout:fixed;
	border-spacing:0;
	border-collapse:collapse;
}
.tblBox table thead {
	font-size:14px;
	border-bottom: 2px solid #E4E4E5;
}
.tblBox table thead tr {
	background-color: #F7F7F7;
}
.tblBox table thead th { 
	padding:14px;
	border: 1px solid #DEE2E6;
}
.tblBox table tbody {
	background:#FFF;
	font-size:14px;
}
.tblBox table tbody tr {
	border-bottom:1px solid #DEE2E6;
	text-align: center;
}
.tblBox table tbody tr th { 
	background: #F6F6F6;
}
.tblBox table tbody > tr > * { 
	padding:14px;
	border: 1px solid #DEE2E6;
	font-size:14px;
	color:#373737;
	word-break:break-all;
}
.tblBox table tbody > tr > * > a,
.tblBox table tbody > tr > * > button { 
	display:inline-block; 
	color:#373737; 
	font-size:1em;
	word-break:break-all;
	transition:all .3s ease;
}
.tblBox table tbody > tr > * > a:focus,
.tblBox table tbody > tr > * > a:hover,
.tblBox table tbody > tr > * > button:focus,
.tblBox table tbody > tr > * > button:hover { 
	color:#31A5FF; 
}
.tblBox table tbody > tr > * .chkLst { 
	display:flex; 
	justify-content:center;
	gap:10px;
}
.tblBox table tbody > tr > * .chkLst li { 
	position:relative; 
}
.tblBox table tbody > tr > * .chkLst li input { 
	position:absolute; 
	width: 0;
	height: 0;
	left:0;
	top:0;
	overflow:hidden;
}
.tblBox table tbody > tr > * .chkLst li label { 
	position:relative; 
	padding:0 0 0 22px;
    font-size: 16px;
    color: #373737;
	transition:all .3s ease;
}
.tblBox table tbody > tr > * .chkLst li label:before,
.tblBox table tbody > tr > * .chkLst li label:after { 
	content:"";
	position:absolute; 
	box-sizing:border-box;
	display:block; 
	border-radius:50%;
	transition:all .3s ease;
}
.tblBox table tbody > tr > * .chkLst li label:before {
    width: 16px;
    height: 16px;
    border: 2px solid #e0e0e0;
    left: 0;
    top: 5px;
}
.tblBox table tbody > tr > * .chkLst li label:after {
    width: 8px;
    height: 8px;
    background: #e0e0e0;
    left: 4px;
    top: 9px;
}
.tblBox table tbody > tr > * .chkLst li input:checked + label { 
	color:#31A5FF; 
}
.tblBox table tbody > tr > * .chkLst li input:checked + label:before {
    border-color: #31A5FF;
}
.tblBox table tbody > tr > * .chkLst li input:checked + label:after {
    background: #31A5FF;
}
.tblBox table tbody > tr > * select { 
    width: 80px;
	max-width: 100%;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #e0e0e0; 
}
.tblBox table tbody > tr > *.sTit { 
	background:#f6f6f6;
	font-weight:700;
}
.tblBox table tbody > tr > *.noData { 
	text-align:center; 
}
.tblBox table .tblBtnBox { 
	display:flex; 
	flex-wrap:wrap; 
	justify-content:center; 
	gap:5px;
}
.tblBox table .tblBtnBox > * { 
	display:flex; 
	align-items:center;
	justify-content:center;
	gap:3px;
	min-width: 70px;
	max-width: 100%;	
	padding:5px 9px;
	border-radius:5px;
	font-size:14px;
}
.tblBox table .tblBtnBox > *:nth-child(odd) { 
	background:#31A5FF;
	color:#FFF;	
}
.tblBox table .tblBtnBox > *:nth-child(even) { 
	border:1px solid #31A5FF;
	color:#31A5FF;	
}
.tblBox table input {
	background-color: #fafafa;
}
.tblBox table .tblImgBox { 
	position:relative; 
	width: 80px;
	height: 80px;
	margin:0 auto;
	border:1px solid #E0E0E0;
	border-radius:5px;
	overflow:hidden;
}
.tblBox table .tblImgBox.noImg { 
	border:1px solid #e0e0e0;
	background:#f5f5f5;	 
}
.tblBox table .tblImgBox.noImg:before { 
	content:"No-Image"; 
	position:absolute;
	display:block;
	width: 100%;
	left:0;
	top:50%;
	transform:translateY(-50%);
	font-family: 'Noto Sans KR', sans-serif;
	font-size:14px;
	line-height:1;
	letter-spacing:-.3px;
	color:#bdbdbd;
	text-align: center;
	z-index:0;
}
.tblBox table .tblImgBox img { 
	position:absolute; 
	width: 100%;
	left:0;
	top:50%;
	transform:translateY(-50%);
	z-index:1;
}
.tblBtmBox { 
	display:flex; 
	justify-content:center;
	gap:10px;
	margin:30px 0 0;
}
.tblBtmBox > * { 
	display:flex; 
	justify-content:center;
	align-items:center;
	min-width: 80px;
	padding:9px;
	border-radius:5px;
    font-weight: 500;
    font-size: 14px;
}
.tblBtmBox > *:nth-child(odd) { 
	background:#31A5FF;
	color: #FFF;	 
}
.tblBtmBox > *:nth-child(even) { 
	border:1px solid #31A5FF;
	color: #31A5FF;
}
.tblPage { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:flex-end;
	height: 40px;
	margin:24px 0 0;
}
.tblPage > * { 
	display:flex; 
	align-items:center;
	justify-content:center;
	height: 100%;
	padding:12px;
	background:#FFF;
	border:1px solid #dfdfdf; 
	border-left-width:0;
	font-size:14px;
	color:#111;
}
.tblPage .first { 
	border-radius:5px 0 0 5px;
	border-left-width:1px;
}
.tblPage .first:before, 
.tblPage .first:after { 
	content:"";
	box-sizing:border-box;
	display:block; 
	width:6px;
	height:6px;
	border-bottom:2px solid #555;
	border-left:2px solid #555;
	transform:rotate(45deg);
}
.tblPage .last { 
	border-radius:0 5px 5px 0;
}
.tblPage .last:before, 
.tblPage .last:after { 
	content:"";
	box-sizing:border-box;
	display:block; 
	width:6px;
	height:6px;
	border-bottom:2px solid #555;
	border-right:2px solid #555;
	transform:rotate(-45deg);
}
.tblPage .first.noActive:before, 
.tblPage .first.noActive:after,
.tblPage .last.noActive:before, 
.tblPage .last.noActive:after { 
	border-color:#bdbdbd;
}
.tblPage .prev,
.tblPage .next { 
	font-family:"NanumSquare";
}
.tblPage .prev.noActive,
.tblPage .next.noActive { 
	color:#BDBDBD;
}
.tblPage .cBox { 
	position:relative; 
	width: auto;
	padding:0;
	overflow-x:auto;
}
.tblPage .cBox > * { 
	float:left; 
}
.tblPage .page { 
	display:flex; 
	justify-content:center;
	align-items:center;
	flex-shrink:0;
	width:40px; 
	height: 100%;
	border-right:1px solid #dfdfdf;
	font-family:"NanumSquare";
}
.tblPage .page.active { 
	background:#31A5FF;
	color:#FFF;
}
.tblPage .page:last-child { 
	border-right:none;
}
@media all and (max-width:1399px){
	.tblSchBox.st01 form { 
		gap:20px;
	}
	.tblSchBox.st01 form dl.schDl { 
		justify-content:center;
	}
}
@media all and (max-width:999px){
	.tblSchBox,	
	.tblComBox { 
		padding:20px;
	}
	.tblSchBox.st01 dl dt { 
		min-width: 55px; 
	}
	.tblComBox .tblTopBox { 
		margin:0 0 10px;
	}
	.tblPage { 
		justify-content:center;
		height: 35px;
		margin:10px 0 0;
	}
	.tblPage > * { 
		width: 35px;
		padding:0;
	}
	.tblPage .prev, 
	.tblPage .next { 
		font-size:0; 
	}
	.tblPage .prev:before, 
	.tblPage .next:before { 
		content:"";
		box-sizing:border-box;
		display:block;
		width: 6px;
		height: 6px;
		border-bottom: 2px solid #555;
		border-left: 2px solid #555;
	}
	.tblPage .prev:before {
		transform: rotate(45deg);
	}
	.tblPage .next:before {
		transform: rotate(-135deg);
	}
	.tblPage .cBox { 
		max-width:105px; 
	}
	.tblPage .page { 
		width: 35px; 
		font-size:12px;
	}
	.tblBtmBox { 
		margin:20px 0 0;
	}
}
@media all and (max-width:599px){
	.tblSchBox,
	.tblComBox { 
		padding:15px;
	}
	.tblBox table thead,
	.tblBox table tbody > tr > *,
	.tblBox table .tblBtnBox > *,
	.tblComBox .tblTopBox .tblTopBtn,
	.tblBtmBox > *,
	.tblPage > * { 
		font-size:13px; 
	}
	.tblSchBox dl { 
		flex-direction:column;
		align-items:stretch;
		gap:10px;
	}
	.tblSchBox dl dt { 
		text-align:left; 
	}
	.tblSchBox dl dd .inputArea { 
		flex-grow:1; 
	}
	.tblSchBox dl dd > button,
	.tblSchBox dl dd > a { 
		width: 100%; 
	}
	.tblSchBox dl dd .inputArea { 
		width: 100%; 
		min-width: 0;
		font-size:13px;
	}
	.tblSchBox form dl { 
		gap:10px;
		width: 100%; 
	}
	.tblSchBox form dl dd .dateDd { 
		width: 100%; 
	}
	.tblSchBox form dl dd .dateDd .midBar { 
		display:block; 
		width: 100%;
		text-align: center;
	}
	.tblComBox .tblTopBox { 
		flex-direction:column;
		align-items:stretch;
		gap:5px;
	}
	.tblComBox .tblTopBox .rBox { 
		justify-content:flex-end; 
	}
	.tblTit { 
		font-size:15px; 
	}
	.tblBtmBox { 
		margin:15px 0 0;
	}
}
/* 테이블 관련 시작
------------------------------------------------------ */
/* 좌측 네비 시작
------------------------------------------------------ */
.mobBlkBg { 
	position:fixed; 
	display:none; 
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	background:rgba(55,55,55,.7);
	z-index:99;
}
.menuWr {  
	position:fixed; 
	display:flex; 
	flex-direction:column;
	width:240px; 
	height:100%;
	left:0;
	top:0;
	z-index:2;
}
.menuWr > * { 
	background:#FFF; 
}
.menuWr .topBox { 
	padding:20px 20px 17px;
	text-align:center;
}
.menuWr .topBox .logoBox { 
	width:150px; 
	max-width:100%;
	margin:0 auto 45px;
	font-size:0;
}
.menuWr .topBox .logoBox a { 
	display:block;
}
.menuWr .topBox .logoBox img { 
	max-width:100%;
}
.menuWr .topBox .imgBox { 
	width:60px;
	height:60px;
	margin:0 auto 2px;
	border-radius:50%;
	font-size:0;
}
.menuWr .topBox .imgBox img { 
	max-width:100%; 
}
.menuWr .topBox .txtBox { 
	margin:0 0 19px;
}
.menuWr .topBox .txtBox .name { 
	margin:0 0 10px;
	font-weight:500;
	font-size:15px;
	color:#373737;
}
.menuWr .topBox .txtBox .duty { 
	font-size:14px;
	color:#999;
}
.menuWr .topBox .btnBox ul { 
	display:flex; 
	justify-content:center;
	gap:12px;
	font-size:0;
}
.menuWr .btmBox { 
	flex-grow:1;
	padding:32px 0 20px 20px;
}
.menuWr .btmBox .menuLstBox { 
	height:650px;
	max-height:100%;
}
.menuWr .btmBox .menuLstBox .mCSB_inside > .mCSB_container { 
	margin:0 10px 0 0;
}
.menuWr .btmBox .menuLstBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { 
	background: #DEE2E6;
}
.menuWr .btmBox .menuLstBox .mCSB_scrollTools .mCSB_draggerRail { 
	background: rgba(55,55,55,.4);
}
.menuWr .btmBox .menuLstBox .menuLst > li a { 
	position:relative;
	display:block; 
	padding:12px 20px 12px 30px;
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico { 
	position:absolute; 
	display:block;
	width:18px;
	height:18px;
	top:50%;
	left:0;
	margin:-9px 0 0;
	font-size:0;
	background-size:cover;
	background-repeat:no-repeat;
	transition:all .3s ease;
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico01 { 
	background-image:url(/Form/_adm/images/lMenuIco01_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico01,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico01,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico01 { 
	background-image:url(/Form/_adm/images/lMenuIco01_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico02 { 
	background-image:url(/Form/_adm/images/lMenuIco02_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico02,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico02,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico02 { 
	background-image:url(/Form/_adm/images/lMenuIco02_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico03 { 
	background-image:url(/Form/_adm/images/lMenuIco03_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico03,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico03,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico03 { 
	background-image:url(/Form/_adm/images/lMenuIco03_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico04 { 
	background-image:url(/Form/_adm/images/lMenuIco04_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico04,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico04,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico04 { 
	background-image:url(/Form/_adm/images/lMenuIco04_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico05 { 
	background-image:url(/Form/_adm/images/lMenuIco05_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico05,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico05,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico05 { 
	background-image:url(/Form/_adm/images/lMenuIco05_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico06 { 
	background-image:url(/Form/_adm/images/lMenuIco06_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico06,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico06,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico06 { 
	background-image:url(/Form/_adm/images/lMenuIco06_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico07 { 
	background-image:url(/Form/_adm/images/lMenuIco07_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico07,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico07,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico07 { 
	background-image:url(/Form/_adm/images/lMenuIco07_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico08 { 
	background-image:url(/Form/_adm/images/lMenuIco08_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico08,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico08,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico08 { 
	background-image:url(/Form/_adm/images/lMenuIco08_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico09 { 
	background-image:url(/Form/_adm/images/lMenuIco09_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico09,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico09,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico09 { 
	background-image:url(/Form/_adm/images/lMenuIco09_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico10 { 
	background-image:url(/Form/_adm/images/lMenuIco10_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico10,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico10,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico10 { 
	background-image:url(/Form/_adm/images/lMenuIco10_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico11 { 
	background-image:url(/Form/_adm/images/lMenuIco11_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico11,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico11,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico11 { 
	background-image:url(/Form/_adm/images/lMenuIco11_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico12 { 
	background-image:url(/Form/_adm/images/lMenuIco12_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico12,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico12,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico12 { 
	background-image:url(/Form/_adm/images/lMenuIco12_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico13 { 
	background-image:url(/Form/_adm/images/lMenuIco13_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico13,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico13,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico13 { 
	background-image:url(/Form/_adm/images/lMenuIco13_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico14 { 
	background-image:url(/Form/_adm/images/lMenuIco14_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico14,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico14,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico14 { 
	background-image:url(/Form/_adm/images/lMenuIco14_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico15 { 
	background-image:url(/Form/_adm/images/lMenuIco15_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico15,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico15,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico15 { 
	background-image:url(/Form/_adm/images/lMenuIco15_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico16 { 
	background-image:url(/Form/_adm/images/lMenuIco16_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico16,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico16,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico16 { 
	background-image:url(/Form/_adm/images/lMenuIco16_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico17 { 
	background-image:url(/Form/_adm/images/lMenuIco17_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico17,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico17,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico17 { 
	background-image:url(/Form/_adm/images/lMenuIco17_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico18 { 
	background-image:url(/Form/_adm/images/lMenuIco18_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico18,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico18,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico18 { 
	background-image:url(/Form/_adm/images/lMenuIco18_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico19 { 
	background-image:url(/Form/_adm/images/lMenuIco19_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico19,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico19,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico19 { 
	background-image:url(/Form/_adm/images/lMenuIco19_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico20 { 
	background-image:url(/Form/_adm/images/lMenuIco20_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico20,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico20,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico20 { 
	background-image:url(/Form/_adm/images/lMenuIco20_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico21 { 
	background-image:url(/Form/_adm/images/lMenuIco21_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico21,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico21,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico21 { 
	background-image:url(/Form/_adm/images/lMenuIco21_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico22 { 
	background-image:url(/Form/_adm/images/lMenuIco22_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico22,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico22,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico22 { 
	background-image:url(/Form/_adm/images/lMenuIco22_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.ico23 { 
	background-image:url(/Form/_adm/images/lMenuIco23_off.png);
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.ico23,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.ico23,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.ico23 { 
	background-image:url(/Form/_adm/images/lMenuIco23_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.icoMenu { 
	background-image:url(/Form/_adm/images/lMenuIcoMenu_off.png); 
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.icoMenu,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.icoMenu,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.icoMenu { 
	background-image:url(/Form/_adm/images/lMenuIcoMenu_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.icoAuth { 
	background-image:url(/Form/_adm/images/lMenuIcoAuth_off.png); 
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.icoAuth,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.icoAuth,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.icoAuth { 
	background-image:url(/Form/_adm/images/lMenuIcoAuth_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.icoSet { 
	background-image:url(/Form/_adm/images/lMenuIcoSet_off.png); 
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.icoSet,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.icoSet,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.icoSet { 
	background-image:url(/Form/_adm/images/lMenuIcoSet_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .ico.icoSG { 
	background-image:url(/Form/_adm/images/lMenuIcoSG_off.png); 
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a .ico.icoSG,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .ico.icoSG,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .ico.icoSG { 
	background-image:url(/Form/_adm/images/lMenuIcoSG_on.png);
}
.menuWr .btmBox .menuLstBox .menuLst > li a .txt { 
	font-size:15px;
	color:#373737;
	transition:all .3s ease;
}
.menuWr .btmBox .menuLstBox .menuLst li.active > a > .txt,
.menuWr .btmBox .menuLstBox .menuLst > li a:hover .txt,
.menuWr .btmBox .menuLstBox .menuLst > li a:focus .txt { 
	color:#31A5FF; 
}
.menuWr .btmBox .menuLstBox .menuLst > li a.hasSub:after { 
	content:"";
	position:absolute; 
	box-sizing:border-box;
	display:block;
	width:8px;
	height:8px;
	right:15px;
	top:50%;
	margin:-4px 0 0;
	border-right:1px solid #373737;
	border-bottom:1px solid #373737;
	transform:rotate(-45deg);
	transition:all .3s ease;
}
.menuWr .btmBox .menuLstBox .menuLst > li a.hasSub:hover:after,
.menuWr .btmBox .menuLstBox .menuLst > li a.hasSub:focus:after,
.menuWr .btmBox .menuLstBox .menuLst li.active a.hasSub:after { 
	border-color:#31A5FF;
}
.menuWr .btmBox .menuLstBox .menuLst li.active a.hasSub:after { 
	transform:rotate(45deg); 
}
.menuWr .btmBox .menuLstBox .menuLst > li .subMenuBox { 
	display:none;
	padding:0 0 0 20px;
}
.menuWr .btmBox .menuLstBox .menuLst > li .subMenuBox li a { 
	padding:8px 8px 8px 10px;
	font-size:14px;
	color:#373737;
	transition:all .3s ease;
}
.menuWr .btmBox .menuLstBox .menuLst > li .subMenuBox li a:focus,
.menuWr .btmBox .menuLstBox .menuLst > li .subMenuBox li a:hover { 
	color:#31A5FF; 
}
.menuWr .btmBox .menuLstBox .menuLst > li .subMenuBox li:last-child { 
	margin:0;
}
.menuWr .btmBox .menuLstBox .menuLst li.active .subMenuBox { 
	display:block; 
}
.menuWr .btmBox .menuLstBox .menuLst > li:last-child { 
	margin:0;
}
.menuWr .mobCloseBox {
	display:none; 
	padding:15px;
	background:transparent;
}
.menuWr .mobCloseBox .mMenuClose { 
	position:relative; 
	width: 36px;
	height: 36px;
}
.menuWr .mobCloseBox .mMenuClose:before,
.menuWr .mobCloseBox .mMenuClose:after { 
	content:"";
	position:absolute;
	display:block;
	width: 20px;
	height: 2px;
	left:50%;
	top:50%;
	margin:-1px 0 0 -10px;
	background:#999;
	border-radius:5px;
}
.menuWr .mobCloseBox .mMenuClose:before { 
	transform:rotate(45deg); 
}
.menuWr .mobCloseBox .mMenuClose:after { 
	transform:rotate(-45deg); 
}
@media all and (max-width:999px){
	body.onFixed { 
		height: 100%;
		overflow-y:hidden;
	}
	.mobBlkBg.on { 
		display:block; 
	}
	.menuWr { 
		position:fixed; 
		left:-260px;
		top:0;
		background:#EBEFF2;
		z-index:100;
		transition:all .3s ease;
	}
	.menuWr .mobCloseBox { 
		display:block; 
	}
	.menuWr .topBox { 
		padding:15px;
	}
	.menuWr .topBox .logoBox { 
		margin:0 auto 15px;
	}
	.menuWr .topBox .txtBox { 
		margin:0 0 15px;
	}
	.menuWr .btmBox { 
		padding:15px 0 15px 15px;
	}
	.menuWr.on { 
		left:0; 
	}
}
@media all and (max-width:599px){
	.menuWr .topBox .txtBox .name,
	.menuWr .btmBox .menuLstBox .menuLst > li a .txt { 
		font-size:14px; 
	}
	.menuWr .btmBox .menuLstBox .menuLst > li .subMenuBox li a { 
		font-size:13px; 
	}
	.menuWr .mobCloseBox .mMenuClose { 
		width: 20px; 
		height: 20px;
	}
	.menuWr .topBox .logoBox { 
		margin:0 auto 10px;
	}
	.menuWr .topBox .txtBox { 
		margin:0 0 10px;
	}
}
/* 좌측 네비 끝
------------------------------------------------------ */
/* 우측 상단 시작
------------------------------------------------------ */
.contentWr {  
	padding:15px 24px 24px;
}
.contentWr .commTopBox { 
	position:relative; 
	display:flex; 
	justify-content:space-between;
	align-items:center;
	margin:0 0 25px;
}
.contentWr .commTopBox .pageTit { 
	font-weight:500;
	font-size:18px;
	color:#373737;
}
.contentWr .commTopBox .admInfoLst > ul { 
	font-size:0;
}
.contentWr .commTopBox .admInfoLst > ul > li { 
	position:relative; 
	display:inline-block;
	vertical-align:middle; 
	margin:0 24px 0 0;
}
.contentWr .commTopBox .admInfoLst > ul > li a,
.contentWr .commTopBox .admInfoLst > ul > li button { 
	position:relative; 
	display:block; 
}
.contentWr .commTopBox .admInfoLst > ul > li a span,
.contentWr .commTopBox .admInfoLst > ul > li button span { 
	display:inline-block; 
	vertical-align:middle; 
}
.contentWr .commTopBox .admInfoLst > ul > li .admName { 
	padding:0 17px 0 0;
}
.contentWr .commTopBox .admInfoLst > ul > li .admName:after { 
	content:"";
	position:absolute; 
	box-sizing:border-box;
	display:block;
	width:12px;
	height:12px;
	right:0;
	top:50%;
	margin:-6px 0 0;
	background:url(/Form/_adm/images/admLstIco03.png) no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.contentWr .commTopBox .admInfoLst > ul > li .admName .img { 
	margin:0 9px 0 0;
}
.contentWr .commTopBox .admInfoLst > ul > li .admName .txt { 
	font-size:14px;
	color:#373737;
}
.contentWr .commTopBox .admInfoLst > ul > li .admName.on:after { 
	transform:rotate(180deg);
}
.contentWr .commTopBox .admInfoLst > ul > li .admLstBox { 
	position:absolute; 
	display:none; 
	width:170px;
	right:0;
	top:calc(100% + 7px);
	background:#FFF;
	border:1px solid #e0e0e0;
	border-radius:5px;
	box-shadow:3px 4px 6px -2px rgba(152,152,152,.06);
	font-size:16px;
	z-index:2;
}
.contentWr .commTopBox .admInfoLst > ul > li .admLstBox .tit { 
	padding:15px 20px;
	font-size:12px;
}
.contentWr .commTopBox .admInfoLst > ul > li .admLstBox ul { 
	padding:8px 0;
}
.contentWr .commTopBox .admInfoLst > ul > li .admLstBox li { 
	border-top:1px solid #e0e0e0;
}
.contentWr .commTopBox .admInfoLst > ul > li .admLstBox li a { 
	position:relative; 
	display:block; 
	width:100%;
	padding:7px 20px 7px 43px;
	color:#373737;
	font-size:14px;
	transition:all .3s ease;
}
.contentWr .commTopBox .admInfoLst > ul > li .admLstBox li a:before { 
	content:"";
	position:absolute; 
	display:block;
	width:14px;
	height:14px;
	top:50%;
	left:20px;
	margin:-7px 0 0;
	background-size:cover;
	background-repeat:no-repeat;
}
.contentWr .commTopBox .admInfoLst > ul > li .admLstBox li a.myInfo:before { 
	background-image:url(/Form/_adm/images/admLstIco01.png); 
}
.contentWr .commTopBox .admInfoLst > ul > li .admLstBox li a.myInfo:focus:before,
.contentWr .commTopBox .admInfoLst > ul > li .admLstBox li a.myInfo:hover:before { 
	background-image:url(/Form/_adm/images/admLstIco01_on.png); 	 
}
.contentWr .commTopBox .admInfoLst > ul > li .admLstBox li a.logout:before { 
	background-image:url(/Form/_adm/images/admLstIco02.png); 
}
.contentWr .commTopBox .admInfoLst > ul > li .admLstBox li a.logout:focus:before,
.contentWr .commTopBox .admInfoLst > ul > li .admLstBox li a.logout:hover:before { 
	background-image:url(/Form/_adm/images/admLstIco02_on.png); 	 
}
.contentWr .commTopBox .admInfoLst > ul > li .admLstBox li a:focus,
.contentWr .commTopBox .admInfoLst > ul > li .admLstBox li a:hover { 
	color:#31A5FF; 
}
.contentWr .commTopBox .admInfoLst > ul > li .admLstBox li:first-child { 
	border-top:none;
}
.contentWr .commTopBox .admInfoLst > ul > li .admLstBox li:last-child { 
	margin:15px 0 0;
	padding:15px 0 0;
}
.contentWr .commTopBox .admInfoLst > ul > li:last-child { 
	margin:0;
}
.commTopMobtit { 
	display:none; 
	margin:0 0 15px;
	font-weight:500;
	font-size:22px;
	text-align:center;
	color:#373737;
}
.mobMenuOnOff,
.mobTopLogo { 
	display:none; 
}
.mobMenuOnOff { 
	position:relative; 
	width: 36px;
	height: 36px;
}
.mobMenuOnOff span { 
	position:absolute; 
	display:block; 
	width: 26px;
	height: 18px;
	left:50%;
	top:50%;
	margin:-9px 0 0 -13px;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
}
.mobMenuOnOff span:before { 
	content:"";
	position:absolute;
	display:block;
	width: 100%;
	height: 2px;
	left:0;
	top:50%;
	margin:-1px 0 0;
	background:#999;
}
.mobTopLogo { 
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	font-size:0;
}
.mobTopLogo img { 
	max-width: 100%; 
	max-height: 36px;
}
@media all and (max-width:1399px){
	.contentWr { 
		padding:20px;
	}
	.contentWr .commTopBox { 
		margin:0 0 10px;
	}
}
@media all and (max-width:999px){
	.contentWr .commTopBox .pageTit { 
		display:none; 
	}
	.contentWr .commTopBox .admInfoLst > ul > li { 
		margin:0 15px 0 0;
	}
	.contentWr .commTopBox .admInfoLst > ul > li .admName .img { 
		margin:0;
	}
	.contentWr .commTopBox .admInfoLst > ul > li .admName .txt { 
		display:none; 
	}
	.contentWr .commTopBox .admInfoLst > ul > li .admLstBox { 
		width:110px;
		left:auto;
		right:0;
	}
	.contentWr .commTopBox .admInfoLst > ul > li .admLstBox .tit { 
		padding:10px;
	}
	.contentWr .commTopBox .admInfoLst > ul > li .admLstBox li a { 
		padding:10px 0 10px 25px;
	}
	.contentWr .commTopBox .admInfoLst > ul > li .admLstBox li a:before { 
		left:6px;
	}
	.mobMenuOnOff,
	.mobTopLogo,
	.commTopMobtit { 
		display:block; 
	}
}
@media all and (max-width:599px){
	.contentWr { 
		padding:15px;
	}
	.commTopMobtit { 
		font-size:20px; 
	}
}
/* 우측 상단 끝
------------------------------------------------------ */
/* 데이터 입력 공통 박스 시작
------------------------------------------------------ */
.dataFormWr { 
	padding:0 24px 24px;
	background:#FFF;
	border-radius:5px;
}
.dataFormWr .dataFormBox { 
	padding:24px 0;
	border-bottom:1px solid #e0e0e0;
}
.dataFormWr .dataFormBox > * { 
	margin:0 0 15px;
}
.dataFormWr .dataFormBox > *:last-child { 
	margin:0;
}
.dataFormWr .dataFormBox .inputBox { 
	display:flex; 
	flex-wrap:wrap;
}
.dataFormWr .dataFormBox .inputBox > * { 
	width: 100%;
	margin:0 0 15px;
}
.dataFormWr .dataFormBox .inputBox > *:last-child { 
	margin:0;
}
.dataFormWr .dataFormBox .inputBox .inputSec .tit { 
	margin:0 0 8px;
	font-weight:500;
	font-size:14px;
	color:#373737;
}
.dataFormWr .dataFormBox .inputBox .inputSec .tit span { 
	color:#31A5FF; 
}
.dataFormWr .dataFormBox .inputBox .inputSec .hasBtn { 
	display:flex; 
	flex-wrap:wrap; 
	gap:8px;
}
.dataFormWr .dataFormBox .inputBox .inputSec .hasBtn .inputArea { 
	flex-grow:1;
	width: auto; 
}
.dataFormWr .dataFormBox .inputBox .inputSec .hasBtn button { 
	display:flex; 
	align-items:center; 
	justify-content:center; 
	min-width: 80px;
	padding:9px;
    background: #31A5FF;
	border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    color: #FFF;
}
.dataFormWr .dataFormBox .inputBox .inputSec .fileUpBtn {  
	display:flex; 
	align-items:center;
	justify-content:center;
	min-width: 80px;	
	height: 40px;
	padding:0 10px;
	border-radius:5px;
	background:#f5f5f5;
	border:1px solid #e0e0e0;
	font-size:14px;
	color:#777;
	cursor:pointer;
}
.dataFormWr .dataFormBox .inputBox .inputSec .inputPic { 
	position:absolute; 
	width: 0;
	height: 0;
	left:0;
	bottom:0;
	overflow:hidden;
}
.dataFormWr .dataFormBox .inputBox .fileUpLst { 
	display:flex; 
	flex-wrap:wrap;
	gap:6px;
	margin:12px 0 0;
}
.dataFormWr .dataFormBox .inputBox .fileUpLst > li { 
	position:relative; 
}
.dataFormWr .dataFormBox .inputBox .thumbNail { 
	position:relative; 
	display:none; 
	width: 150px;
	height:150px;
	margin:10px 0 0;
	border:1px solid #e0e0e0;
	font-size:0; 
	overflow:hidden;
}
.dataFormWr .dataFormBox .inputBox .thumbNail img { 
	position:absolute; 
	width: 100%;
	left:0;
	top:50%;
	transform:translateY(-50%);
}
.dataFormWr .dataFormBox .inputBox .thumbNail.on { 
	display:block; 
}
.dataFormWr .dataFormBox .inputBox .cateLst { 
	display:flex; 
	flex-wrap:wrap;
	gap:6px;
}
.dataFormWr .dataFormBox .inputBox .cateLst li { 
	position:relative;
	min-height: 38px;
}
.dataFormWr .dataFormBox .inputBox .cateLst li:before { 
	content:"";
	display:inline-block; 
	vertical-align:middle; 
	width: 0;
	height: 100%;
	font-size:0;
}
.dataFormWr .dataFormBox .inputBox .cateLst li input { 
	position:absolute;
	width: 0;
	height: 0;
	left:0;
	top:0;
	overflow:hidden;
}
.dataFormWr .dataFormBox .inputBox .cateLst li label { 
	position:relative; 
	padding:0 0 0 22px;
	font-size: 14px;
    color: #373737; 
}
.dataFormWr .dataFormBox .inputBox .cateLst li label:before,
.dataFormWr .dataFormBox .inputBox .cateLst li label:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	border-radius:50%;
	transition:all .3s ease;
}
.dataFormWr .dataFormBox .inputBox .cateLst li label:before { 
	width: 16px; 
	height: 16px;
	border:2px solid #e0e0e0;
	left:0;
	top:2px;
}
.dataFormWr .dataFormBox .inputBox .cateLst li label:after { 
	width: 8px; 
	height: 8px;
	background:#e0e0e0;
	left:4px;
	top:6px;
}
.dataFormWr .dataFormBox .inputBox .cateLst li input:checked + label:before { 
	border-color:#31A5FF; 
}
.dataFormWr .dataFormBox .inputBox .cateLst li input:checked + label:after { 
	background:#31A5FF; 
}
.dataFormWr .dataFormBox .inputBox .cateLst li span { 
	position:relative; 
	padding:5px 8px;
	border-radius:20px;
	border:1px solid #31A5FF;
	font-size: 14px;
    color: #31A5FF;
}
.dataFormWr .dataFormBox .inputBox .cateLst li span.on { 
	background:#31A5FF;
	color:#FFF;
}
.dataFormWr .dataFormBox .inputBox .infoLst { 
	display:flex; 
	flex-wrap:wrap;
	gap:10px;
	margin:8px 0 0;
}
.dataFormWr .dataFormBox .inputBox .inputArea { 
	width: 100%;
}
.dataFormWr .dataFormBox .inputBox.has2 > * { 
	width: 49%;	
	margin:15px 2% 0 0;
}
.dataFormWr .dataFormBox .inputBox.has2 > *:nth-child(-n+2) { 
	margin-top:0;
}
.dataFormWr .dataFormBox .inputBox.has2 > *:nth-child(2n) { 
	margin-right:0;
}
.dataFormWr .dataFormBox .inputBox.has2 > .lBox > *,
.dataFormWr .dataFormBox .inputBox.has2 > .rBox > * { 
	margin:0 0 15px;
}
.dataFormWr .dataFormBox .inputBox.has2 > .lBox > *:last-child,
.dataFormWr .dataFormBox .inputBox.has2 > .rBox > *:last-child { 
	margin:0;
}
.dataFormWr .dataFormBox .inputBox.has3 > * { 
	width: 32%; 
	margin:15px 2% 0 0;
}
.dataFormWr .dataFormBox .inputBox.has3 > *:nth-child(3n) { 
	margin-right:0;
}
.dataFormWr .dataFormBox .inputBox.has3 > *:nth-child(-n+3) { 
	margin-top:0;
}
.dataFormWr .dataFormBox .inputBox.has4 > * { 
	width: 24%;
	margin:15px 1.333% 0 0;
}
.dataFormWr .dataFormBox .inputBox.has4 > *:nth-child(4n) { 
	margin-right:0;
}
.dataFormWr .dataFormBox .inputBox.has4 > *:nth-child(-n+4) { 
	margin-top:0;
}
.dataFormWr .dataFormBox .inputBox.has5 > * { 
	width: 19%;
	margin:15px 1.25% 0 0;
}
.dataFormWr .dataFormBox .inputBox.has5 > *:nth-child(5n) { 
	margin-right:0;
}
.dataFormWr .dataFormBox.lastBox { 
	padding-bottom:0;
	border-bottom:none;
}
@media all and (max-width:1199px){
	.dataFormWr .dataFormBox { 
		padding:15px 0;
	}
	.dataFormWr .dataFormBox .inputBox.has5 > * { 
		width: 49%; 
		margin:15px 2% 0 0;
	}
	.dataFormWr .dataFormBox .inputBox.has5 > *:nth-child(-n+2){ 
		margin-top:0;
	}
	.dataFormWr .dataFormBox .inputBox.has5 > *:nth-child(2n){ 
		margin-right:0;
	}
	.dataFormWr .dataFormBox .inputBox .cateLst li { 
		width: 50%; 
	}
}
@media all and (max-width:999px){
	.dataFormWr { 
		padding:0 20px 20px;
	}
	.dataFormWr .dataFormBox .inputBox .inputSec .fileUpBtn { 
		padding:5px 10px;
	}
	.dataFormWr .dataFormBox .inputBox.has2 > *,
	.dataFormWr .dataFormBox .inputBox.has5 > * { 
		margin:10px 2% 0 0;
	}	
	.dataFormWr .dataFormBox .inputBox.has4 > * { 
		width: 49%;
		margin:10px 2% 0 0;
	}
	.dataFormWr .dataFormBox .inputBox.has4 > *:nth-child(4n) { 
		margin-right:2%;
	}
	.dataFormWr .dataFormBox .inputBox.has4 > *:nth-child(-n+4) { 
		margin-top:10px;
	}
	.dataFormWr .dataFormBox .inputBox.has4 > *:nth-child(2n) { 
		margin-right:0;
	}
	.dataFormWr .dataFormBox .inputBox.has4 > *:nth-child(-n+2) { 
		margin-top:0;
	}
	.dataFormWr .dataFormBox .inputBox .cateLst li label:before { 
		top:3px; 
	}	
	.dataFormWr .dataFormBox .inputBox .cateLst li label:after { 
		top:7px; 
	}
}
@media all and (max-width:599px){
	.dataFormWr .dataFormBox .inputBox.has2 > *, 
	.dataFormWr .dataFormBox .inputBox.has3 > *, 
	.dataFormWr .dataFormBox .inputBox.has4 > *, 
	.dataFormWr .dataFormBox .inputBox.has5 > * { 
		width: 100%; 
		margin:0 0 10px;
	}
	.dataFormWr .dataFormBox .inputBox.has2 > *:last-child, 
	.dataFormWr .dataFormBox .inputBox.has3 > *:last-child, 
	.dataFormWr .dataFormBox .inputBox.has4 > *:last-child, 
	.dataFormWr .dataFormBox .inputBox.has5 > *:last-child { 
		margin:0;
	}
	.dataFormWr .dataFormBox .inputBox.has4 > *:nth-child(4n) { 
		margin-right:0;
	}
	.dataFormWr .dataFormBox .inputBox.has4 > *:nth-child(-n+4) { 
		margin-top:0;
	}
	.dataFormWr .dataFormBox .inputBox .inputSec .tit,
	.dataFormWr .dataFormBox .inputBox .cateLst li label,
	.dataFormWr .dataFormBox .inputBox .inputSec .hasBtn button { 
		font-size:13px;
	}
	.dataFormWr .dataFormBox .inputBox .cateLst li label:before { 
		top:2px; 
	}	
	.dataFormWr .dataFormBox .inputBox .cateLst li label:after { 
		top:6px; 
	}
	.dataFormWr .dataFormBox .inputBox .inputSec .hasBtn button { 
		position:relative; 
		width: 100%;
	}
}
/* 데이터 입력 공통 박스 끝
------------------------------------------------------ */
/* numberIntro 시작
------------------------------------------------------ */
.numberIntro { 
	display:flex;
	flex-wrap:wrap; 
}
.numberIntro > * { 
	position:relative; 
	width: 24%;
	margin:1.333% 1.333% 0 0;
	padding:20px;
	border-radius:5px;
	background:#FFF; 
}
.numberIntro > * .tit { 
	margin:0 0 45px;
	font-weight:500;
	font-size:18px;
	color:#373737;
}
.numberIntro > * .lnk { 
	display:block; 
	position:absolute;
	width: 24px;
	height: 24px;
	top:20px;
	right:20px;
	background:url(/Form/_adm/images/numberIntroLnk.png) no-repeat;
	background-size:cover;
}
.numberIntro > * .btmBox { 
	display:flex; 
	flex-wrap:wrap; 
	align-items:center; 
	justify-content:space-between;
	gap:10px;
}
.numberIntro > * .btmBox .lBox .num { 
	display: inline-flex;
    padding: 3px 3px 3px 6px;
    border-radius: 20px;
    font-weight: 500;
    font-size: 14px;
    color: #FFF;
}
.numberIntro > * .btmBox .lBox .num:after { 
	content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 0 0 3px;
    background: url(/Form/_adm/images/adm_homeUpIco03.png) no-repeat;
    background-size: cover; 
}
.numberIntro > * .btmBox .lBox .num.num01 { 
	background: #F05050; 
}
.numberIntro > * .btmBox .lBox .num.num02 { 
	background: #10C469; 
}
.numberIntro > * .btmBox .lBox .num.num03 { 
	background: #FFBD4A; 
}
.numberIntro > * .btmBox .lBox .num.num04 { 
	background: #FF8ACC; 
}
.numberIntro > * .btmBox .lBox .txt { 
	display:block; 
	margin:6px 0 0;
	font-size:16px;
	color:#999;
}
.numberIntro > * .btmBox .rBox { 
	min-width: 42%;
	padding:13px 20px;
	background: #F6F6F6;
	border-radius: 5px;
}
.numberIntro > * .btmBox .rBox ul { 
	display:flex; 
	flex-wrap:wrap; 
}
.numberIntro > * .btmBox .rBox ul li { 	
	position:relative; 
	width: 100%;
	padding:0 0 0 30px;
	margin:0 0 8px;
	font-size:17px;
	color:#373737;
	text-align:right;
}
.numberIntro > * .btmBox .rBox ul li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:2px;
	left:0;
	background-repeat: no-repeat;
	background-size: cover;
}
.numberIntro > * .btmBox .rBox ul li span { 
	margin:0 2px 0 0;
	font-family: 'Pretendard', sans-serif;	
	font-weight:700;
	font-size:1.412em; 
}
.numberIntro > * .btmBox .rBox ul li.and:before { 
	background-image: url(/Form/_adm/images/homeDeviceIcoAos.png);	 
}
.numberIntro > * .btmBox .rBox ul li.ios:before { 
	background-image: url(/Form/_adm/images/homeDeviceIcoIos.png);	 
}
.numberIntro > * .btmBox .rBox ul li.goo:before { 
	background-image: url(/Form/_adm/images/homeDeviceIcoGoo.png);
}
.numberIntro > * .btmBox .rBox ul li.one:before { 
	background-image: url(/Form/_adm/images/homeDeviceIcoOne.png);
}
.numberIntro > * .btmBox .rBox ul li.web:before { 
	background-image: url(/Form/_adm/images/homeDeviceIcoWeb.png);
}
.numberIntro > * .btmBox .rBox ul li.mobile:before { 
	background-image: url(/Form/_adm/images/homeDeviceIcoMobile.png);
}
.numberIntro > * .btmBox .rBox ul li.black:before { 
	background-image: url(/Form/_adm/images/homeDeviceIcoBlack.png);
}
.numberIntro > * .btmBox .rBox ul li.total:before { 
	width: 22px;
	height: 22px;
	background-image: url(/Form/_adm/images/homeDeviceIcoTotal.png);
}
.numberIntro > * .btmBox .rBox ul li:last-child { 
	margin:0;
}
.numberIntro > *.hasR { 
	display:flex; 
	flex-direction:column;
}
.numberIntro > *.hasR .tit { 
	flex-grow:1;
}
.numberIntro > *.hasR .btmBox { 
	justify-content:flex-end; 
}
.numberIntro > *:nth-child(4n) { 
	margin-right:0;
}
.numberIntro > *:nth-child(-n+4) { 
	margin-top:0;
}
@media all and (max-width:1499px){
	.numberIntro > * { 
		padding:15px;
	}
	.numberIntro > * .tit { 
		margin:0 0 15px;
		font-size:17px;
	}
	.numberIntro > * .lnk { 
		width: 19px;
		height: 19px;
		top:15px;
		right:15px;
	}
	.numberIntro > * .btmBox > * { 
		width: 100%; 
	}
	.numberIntro > * .btmBox .lBox { 
		height: 50px;
	}
	.numberIntro > * .btmBox .lBox .txt { 
		font-size:15px; 
	}
	.numberIntro > * .btmBox .rBox { 
		padding:10px;
	}
	.numberIntro > * .btmBox .rBox ul { 
		justify-content:space-between; 
	}
	.numberIntro > * .btmBox .rBox ul li { 
		font-size:16px;
	}
}
@media all and (max-width:1199px){
	.numberIntro > * { 
		width: 49%; 
		margin:2% 2% 0 0;
	}
	.numberIntro > *:nth-child(4n) { 
		margin-right:2%;
	}
	.numberIntro > *:nth-child(-n+4) { 
		margin-top:2%;
	}
	.numberIntro > *:nth-child(2n) { 
		margin-right:0;
	}
	.numberIntro > *:nth-child(-n+2) { 
		margin-top:0;
	}
}
@media all and (max-width:599px){
	.numberIntro > * { 
		width: 100%; 
		margin:0 0 10px;
	}
	.numberIntro > * .tit { 
		margin:0 0 10px;
		font-size:16px; 
	}
	.numberIntro > * .lnk { 
		width: 17px;
		height: 17px;
	}
	.numberIntro > * .btmBox .lBox .txt { 
		font-size:14px; 
	}
	.numberIntro > * .btmBox .rBox ul li { 
		font-size:15px; 
	}
	.numberIntro > *:nth-child(4n) { 
		margin-right:0;
	}
	.numberIntro > *:nth-child(-n+4) { 
		margin-top:0;
	}
	.numberIntro > *:last-child { 
		margin:0;
	}	
}
/* numberIntro 끝
------------------------------------------------------ */
/* 게시판 view 스킨 시작
------------------------------------------------------ */
.brdViewWr { 
	max-width: 1164px;	
	margin:0 auto;
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
}
.brdViewWr .topBox { 
	padding:19px 10px 22px;
	border-bottom:1px solid #E0E0E0; 
}
.brdViewWr .topBox .titBox { 
	display:flex; 
	align-items:center; 
	margin:0 0 6px;
}
.brdViewWr .topBox .titBox .cate { 
	flex-shrink:0;
	display:inline-block;
	margin:0 14px 0 0;
	padding:4px 21px 3px;
	border-radius: 50px;
	font-weight:500;
	font-size:16px;
	letter-spacing:-.04em;
	color:#FFF;
}
.brdViewWr .topBox .titBox .cate.st01 { 
	background: #31A5FF; 
}
.brdViewWr .topBox .titBox .cate.st02 { 
	background: #CDCDCD; 
}
.brdViewWr .topBox .titBox .tit { 
	flex-grow:1;
	font-weight:500;
	font-size:24px;
	letter-spacing:-.04em;
	color:#373737;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.brdViewWr .topBox .infoBox { 
	display:flex; 
	flex-wrap:wrap; 
	justify-content:space-between; 
	gap:10px;
}
.brdViewWr .topBox .infoBox ul { 
	display:flex; 
	flex-wrap:wrap; 
	gap:13px;
}
.brdViewWr .topBox .infoBox ul li { 
	font-size:16px;
	letter-spacing:-.04em;
	color:#999;
}
.brdViewWr .topBox .infoBox ul li a { 
	display:inline-block; 
	font-size:1em;
	color:#999;
}
.brdViewWr .topBox .infoBox ul li.name,
.brdViewWr .topBox .infoBox ul li.name a { 
	color: #373737; 
}
.brdViewWr .conBox { 
	min-height: 450px;
	padding:23px 10px;
	font-size:16px;
	line-height:1.5;
	letter-spacing:-.04em;
	color:#373737;
	word-break:break-all;
}
.brdViewWr .replyBox { 
	position:relative; 
	padding:25px 10px;
	border-top:1px solid #E0E0E0; 
}
.brdViewWr .replyBox > * { 
	font-size:16px;
	letter-spacing:-.04em; 
}
.brdViewWr .replyBox .rpName,
.brdViewWr .replyBox .rpCon { 
	color:#373737;	 
}
.brdViewWr .replyBox .rpName { 
	display:block; 
	margin:0 40px 7px 0;
	font-weight:500;
}
.brdViewWr .replyBox .rpCon { 
	margin:0 0 17px;
	word-break:break-all;
}
.brdViewWr .replyBox .rpInfo { 
	display:flex; 
	flex-wrap:wrap;
	gap:16px;
}
.brdViewWr .replyBox .rpInfo li {
	font-size:1em;
	color: #999;
}
.brdViewWr .replyBox .rpEditBox { 
	position:absolute; 
	top:26px;
	right:24px;
	font-size:0;
	z-index:1;
}
.brdViewWr .replyBox .rpEditBox .rpEditTgl { 
	position:relative; 
	display:block;
	width: 12px;
	padding:7px 0;
}
.brdViewWr .replyBox .rpEditBox .rpEditTgl:before,
.brdViewWr .replyBox .rpEditBox .rpEditTgl:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 4px;
	height: 4px;
	left:50%;
	margin:0 0 0 -2px;
	background: #B8B8B8;
	border-radius: 50%;
}
.brdViewWr .replyBox .rpEditBox .rpEditTgl:before { 
	top:0; 
}
.brdViewWr .replyBox .rpEditBox .rpEditTgl:after { 
	bottom:0; 
}
.brdViewWr .replyBox .rpEditBox .rpEditTgl span { 
	display:block; 
	width: 4px;
	height: 4px;
	margin:0 auto;
	background: #B8B8B8;
	border-radius: 50%;
}
.brdViewWr .replyBox .rpEditBox .rpEditArea { 
	position:absolute; 
	display:none; 
	top:100%;
	right:0;
}
.brdViewWr .replyBox .rpEditBox .rpEditArea ul { 
	border:1px solid #E0E0E0;
	border-radius: 18px;
	overflow:hidden;
}
.brdViewWr .replyBox .rpEditBox .rpEditArea ul li { 
	border-bottom:1px solid #E0E0E0;
}
.brdViewWr .replyBox .rpEditBox .rpEditArea ul li .rpEditBtn { 
	display:flex; 
	align-items:center;
	justify-content:center; 
	gap:5px;
	background: #FFF;
	padding:15px 28px;
}
.brdViewWr .replyBox .rpEditBox .rpEditArea ul li .rpEditBtn:before { 
	content:"";
	flex-shrink:0;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size:cover;
}
.brdViewWr .replyBox .rpEditBox .rpEditArea ul li .rpEditBtn span { 
	font-size:18px;
	color:#616161;
}
.brdViewWr .replyBox .rpEditBox .rpEditArea ul li .rpEditBtn.st_del:before { 
	background-image: url(/Form/_adm/images/replyIcoDel01.svg); 
}
.brdViewWr .replyBox .rpEditBox .rpEditArea ul li .rpEditBtn.st_edit:before { 
	background-image: url(/Form/_adm/images/replyIcoEdit01.svg); 
}
.brdViewWr .replyBox .rpEditBox .rpEditArea ul li .rpEditBtn.st_ban:before { 
	background-image: url(/Form/_adm/images/replyIcoBan01.svg); 
}
.brdViewWr .replyBox .rpEditBox .rpEditArea ul li:last-child { 
	border-bottom:none;
}
.brdViewWr .replyBox.st_rere { 
	padding-left:40px;
	background: #F6F6F6; 
}
.brdViewWr .replyBox.st_rere:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top:27px;
	left:20px;
	border-bottom: 1px solid #B8B8B8;
	border-left: 1px solid #B8B8B8;
}
.brdViewWr .replyBox.st_rere .rpName { 
	margin-bottom:3px;
}
.brdViewWr .replyBox + .replyBox.st_rere { 
	border-top:none;
}
.brdViewWr .cmtBox form { 
	border-top:1px solid #E0E0E0;
	padding:23px 20px;
	font-size:0;
	overflow:hidden;
}
.brdViewWr .cmtBox .cmtIpt { 
	width: 100%;
	padding:20px;
	border:1px solid #373737;
	border-radius: 5px;
	font-size:16px;
	line-height:1.5;
	letter-spacing:-.04em;
	color:#373737;
}
.brdViewWr .cmtBox .cmtIpt::placeholder { 
	color:#999; 
}
.brdViewWr .cmtBox .cmtAddBtn { 
	display:flex; 
	align-items:center; 
	justify-content:center; 
	min-width: 91px;
	height: 40px;
	margin:12px 0 0;
	padding:0 8px;
	background: #31A5FF;	
	border-radius: 5px;
	font-weight:500;
	font-size:16px;
	color:#FFF;
	float:right;
}
.brdViewBtnBox { 
	display:flex; 
	justify-content:center; 
	gap:11px;
	margin:49px 0 0;
}
.brdViewBtnBox > * { 
	display:flex; 
	align-items:center; 
	justify-content:center;
	min-width: 120px;
	height: 40px;
	padding:0 8px;
	border-radius:5px;
	font-weight:500;
	font-size:16px;
}
.brdViewBtnBox > *:nth-child(odd) { 
	border:1px solid #31A5FF;
	color: #31A5FF;
}
.brdViewBtnBox > *:nth-child(even) { 
	background:#31A5FF;
	color: #FFF;
}
@media all and (max-width:999px){
	.brdViewWr .topBox .infoBox ul,
	.brdViewBtnBox { 
		gap:8px;
	}
	.brdViewWr .topBox .titBox .cate,
	.brdViewWr .topBox .infoBox ul li,
	.brdViewWr .conBox,
	.brdViewWr .replyBox > *,
	.brdViewWr .cmtBox .cmtAddBtn,
	.brdViewWr .cmtBox .cmtIpt,
	.brdViewBtnBox > * { 
		font-size:15px;
	}
	.brdViewWr .conBox,
	.brdViewWr .topBox { 
		padding:15px 10px;
	}
	.brdViewWr .topBox .titBox .cate { 
		margin:0 10px 0 0;
		padding:4px 15px 3px;
	}
	.brdViewWr .topBox .titBox .tit { 
		font-size:19px;
	}
	.brdViewWr .conBox { 
		min-height: 300px;
	}
	.brdViewWr .replyBox { 
		padding:20px 10px;
	}
	.brdViewWr .replyBox .rpName { 
		margin:0 20px 5px 0;
	}
	.brdViewWr .replyBox .rpCon { 
		margin:0 0 10px;
	}
	.brdViewWr .replyBox .rpInfo { 
		gap:10px; 
	}
	.brdViewWr .replyBox .rpEditBox { 
		top:18px;
		right:15px;
	}
	.brdViewWr .replyBox .rpEditBox .rpEditArea ul li .rpEditBtn { 
		padding:10px 20px;
	}
	.brdViewWr .replyBox .rpEditBox .rpEditArea ul li .rpEditBtn:before { 
		width: 16px;
		height: 16px;
	}
	.brdViewWr .replyBox .rpEditBox .rpEditArea ul li .rpEditBtn span { 
		font-size:16px; 
	}
	.brdViewWr .replyBox.st_rere { 
		padding-left:30px;
	}
	.brdViewWr .replyBox.st_rere:before { 
		top:23px;
		left:15px;
	}
	.brdViewWr .cmtBox .cmtAddBtn { 
		min-width: 80px;
		height: 32px;
		margin:10px 0 0;
	}
	.brdViewWr .cmtBox form { 
		padding:15px;
	}
	.brdViewWr .cmtBox .cmtIpt { 
		padding:15px;
	}
	.brdViewBtnBox { 
		margin:30px 0 0;
	}
	.brdViewBtnBox > * { 
		min-width: 100px;
		height: 32px;
	}
}
@media all and (max-width:599px){
	.brdViewWr .topBox .infoBox ul, 
	.brdViewBtnBox { 
		gap:5px; 
	}
	.brdViewWr .topBox .titBox .cate,
	.brdViewWr .topBox .infoBox ul li,
	.brdViewWr .conBox,
	.brdViewWr .replyBox > *,
	.brdViewWr .cmtBox .cmtAddBtn,
	.brdViewWr .cmtBox .cmtIpt,
	.brdViewBtnBox > * { 
		font-size:14px;
	}
	.brdViewWr .conBox,
	.brdViewWr .topBox { 
		padding:10px;
	}
	.brdViewWr .topBox .titBox .tit { 
		font-size:17px;
	}
	.brdViewWr .conBox { 
		min-height: 200px;
	}
	.brdViewWr .replyBox { 
		padding:10px;
	}
	.brdViewWr .replyBox .rpName { 
		margin:0 15px 5px 0;
	}
	.brdViewWr .replyBox .rpEditBox { 
		top:15px;
		right:10px;
	}
	.brdViewWr .replyBox .rpEditBox .rpEditArea ul li .rpEditBtn { 
		padding:10px 15px;
	}
	.brdViewWr .replyBox .rpEditBox .rpEditArea ul li .rpEditBtn:before { 
		width: 14px;
		height: 14px;
	}
	.brdViewWr .replyBox .rpEditBox .rpEditArea ul li .rpEditBtn span { 
		font-size:14px; 
	}
	.brdViewWr .replyBox.st_rere:before { 
		top:13px; 
	}
	.brdViewWr .cmtBox .cmtAddBtn { 
		min-width: 56px;
		height: 28px;
	}
	.brdViewBtnBox { 
		margin:20px 0 0;
	}
	.brdViewBtnBox > * { 
		min-width: 56px;
		height: 28px;
	}
}
/* 게시판 view 스킨 끝
------------------------------------------------------ */
/* 파일 업로드 관련 공통 시작
------------------------------------------------------ */
.fileUpSec { 
	display:flex; 
	gap:12px;
}
.fileUpSec .fusBtnLst { 
	display:flex; 
	gap:6px;
}
.fileUpSec .fusBtnLst li { 
	position:relative; 
}
.fileUpSec .fusBtnLst li > * { 
	display:flex; 
	justify-content:center;
	align-items:center;
	min-width: 80px;
	height: 40px; 
	padding:8px;
	border-radius:5px;
	font-weight:500;
	font-size:14px;
}
.fileUpSec .fusBtnLst li .fileImgUp { 
	position:absolute; 
	width: 0;
	height: 0;
	left: 0;
	top: 0;
	padding:0;
	overflow:hidden;
}
.fileUpSec .fusBtnLst li:nth-child(odd) > * { 
	background:#31A5FF;
	color:#FFF;
}
.fileUpSec .fusBtnLst li:nth-child(even) > * { 
	border:1px solid #31A5FF;
	color:#31A5FF;
}
@media all and (max-width:1399px){
	.fileUpSec .fusBtnLst li > * { 
		width: 80px;
	}
}
@media all and (max-width:999px){
	.fileUpSec .fusBtnLst li > * { 
		height: 32px;
		font-size:15px; 
	}
}
@media all and (max-width:599px){
	.fileUpSec { 
		flex-wrap:wrap; 
	}
	.fileUpSec .fusBtnLst { 
		width: 100%; 
	}
	.fileUpSec .fusBtnLst li { 
		width: 49%;
		margin:0 2% 0 0;
	}
	.fileUpSec .fusBtnLst li > * { 
		width: 100%; 
	}
	.fileUpSec .fusBtnLst li:nth-child(2n) { 
		margin-right:0;
	}
	.fileUpSec .fusBtnLst.has1 li { 
		width: 100%; 
		margin:0 0 10px;
	}
	.fileUpSec .fusBtnLst.has1 li:last-child { 
		margin:0;
	}
}
/* 파일 업로드 관련 공통 끝
------------------------------------------------------ */
/* 공통 파일 업로드 시작
------------------------------------------------------ */
.comFileUpload .cfuFileBox { 
	position:relative;
	width: 150px;
	height: 150px;
	border:1px dashed #E0E0E0;
	border-radius: 5px;
	background:url(/Form/_adm/images/admFileUpload.png) no-repeat center center;
	font-size:0;
	overflow:hidden;
}
.comFileUpload .cfuFileBox form { 
	width: 100%;
	height: 100%;
}
.comFileUpload .cfuFileBox .cfuDel { 
	position:absolute; 
	display:none; 
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	background:rgba(0,0,0,.6);
}
.comFileUpload .cfuFileBox .cfuDel button { 
	position:absolute; 
	display:block; 
	width: 30px;
	height: 30px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	border-radius: 5px;
	overflow:hidden;
}
.comFileUpload .cfuFileBox .cfuDel button:before,
.comFileUpload .cfuFileBox .cfuDel button:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 40px;
	height: 2px;
	left:50%;
	top:50%;
	margin:-1px 0 0 -20px;
	background: #FFF;
}
.comFileUpload .cfuFileBox .cfuDel button:before { 
	transform:rotate(45deg); 
}
.comFileUpload .cfuFileBox .cfuDel button:after { 
	transform:rotate(-45deg); 
}
.comFileUpload .cfuFileBox img { 
	position:absolute; 
	width: 100%;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}
.comFileUpload .cfuFileBox input { 
	position:absolute; 
	width: 0;
	height: 0;
	left:0;
	top:0;
	font-size:0;
	overflow:hidden;
}
.comFileUpload .cfuFileBox label { 
	position:absolute; 
	display:block; 
	width: 100%;
	height: 100%;	
	left:0;
	top:0;
}
.comFileUpload .cfuFileBox.on { 
	background:none; 
}
.comFileUpload .cfuFileBox.on:hover .cfuDel { 
	display:block; 
}
.comFileUpload .cfuBtnBox { 
	margin:10px 0 0;
}
.comFileUpload .cfuBtnBox > * { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	min-width: 80px;
	height: 32px;
	padding:0 8px;
	background:#31A5FF;
	border-radius: 5px;
	font-weight:500;
	font-size:14px;
	letter-spacing:-.24px;
	color:#FFF;
}
.comFileUpload2 { 
	position:relative; 
	overflow:hidden;
}
.comFileUpload2 input { 
	position:absolute; 
	width: 0;
	height: 0;
	left:0;
	top:0;
	font-size:0;
	overflow:hidden;
}
.comFileUpload2 label { 
	display:inline-flex; 
	justify-content:center; 
	align-items:center; 
	min-width: 80px;
	height: 32px;
	padding:0 8px;
	background: #31A5FF;
	border-radius: 5px;
	font-weight:500;
	font-size:14px;
	color:#FFF;
}
@media all and (max-width:999px){
	.comFileUpload .cfuFileBox { 
		width: 120px; 
		height: 120px;
		background-size: 90px auto;
	}
	.comFileUpload .cfuBtnBox > *,
	.comFileUpload2 label { 
		width: 72px; 
		height: 28px;
		font-size:13px;
	}
}
/* 공통 파일 업로드 끝
------------------------------------------------------ */
/* comFlexBox 시작
------------------------------------------------------ */
.comFlexBox {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:10px;
}
.comFlexBox.nowrap {
	flex-wrap:nowrap;
}
.comFlexBox.jusc { 
	justify-content:center; 
}
.comFlexBox.juss {
	justify-content:space-between;
}
.comFlexBox.has2,
.comFlexBox.has4,
.comFlexBox.has5 {
	align-items:stretch;
	gap:0;
}
.comFlexBox.has2 > * {
	width: 49%;
	margin:2% 2% 0 0;
}
.comFlexBox.has2 > *:nth-child(2n) {
	margin-right:0;
}
.comFlexBox.has2 > *:nth-child(-n+2) { 
	margin-top:0;
}
.comFlexBox.has4 > * { 
	width: 24%; 
	margin:1.333% 1.333% 0 0;
}
.comFlexBox.has4 > *:nth-child(4n) { 
	margin-right:0;
}
.comFlexBox.has4 > *:nth-child(-n+4) { 
	margin-top:0;
}
.comFlexBox.has5 > * { 
	width: 19%; 
	margin:1.25% 1.25% 0 0;
}
.comFlexBox.has5 > *:nth-child(5n) { 
	margin-right:0;
}
.comFlexBox.has5 > *:nth-child(-n+5) { 
	margin-top:0;
}
@media all and (max-width:1499px){
	.comFlexBox.has5 { 
		justify-content:center; 
	}
	.comFlexBox.has5 > * { 
		width: 32%; 
		margin:2% 2% 0 0;
	}
	.comFlexBox.has5 > *:nth-child(5n) { 
		margin-right:2%;
	}
	.comFlexBox.has5 > *:nth-child(-n+5) { 
		margin-top:2%;
	}
	.comFlexBox.has5 > *:nth-child(3n) { 
		margin-right:0;
	}
	.comFlexBox.has5 > *:nth-child(-n+3) { 
		margin-top:0;
	}
}
@media all and (max-width:1199px){
	.comFlexBox.has4 > *,
	.comFlexBox.has5 > * { 
		width: 49%; 
		margin:2% 2% 0 0;
	}
	.comFlexBox.has4 > *:nth-child(4n) { 
		margin-right:2%;
	}
	.comFlexBox.has4 > *:nth-child(-n+4) { 
		margin-top:2%;
	}	
	.comFlexBox.has4 > *:nth-child(2n) { 
		margin-right:0;
	}
	.comFlexBox.has4 > *:nth-child(-n+2) { 
		margin-top:0;
	}
	.comFlexBox.has5 > *:nth-child(3n) { 
		margin-right:2%;
	}
	.comFlexBox.has5 > *:nth-child(-n+3) { 
		margin-top:2%;
	}
	.comFlexBox.has5 > *:nth-child(2n) { 
		margin-right:0;
	}
	.comFlexBox.has5 > *:nth-child(-n+2) { 
		margin-top:0;
	}
}
@media all and (max-width:999px){
	.comFlexBox.has2 > *,
	.comFlexBox.has4 > *,
	.comFlexBox.has5 > * { 
		width: 100%; 
		margin:0 0 20px;
	}
	.comFlexBox.has2 > *:last-child,
	.comFlexBox.has4 > *:last-child,
	.comFlexBox.has5 > *:last-child { 
		margin:0;
	}
	.comFlexBox.has4 > *:nth-child(4n),
	.comFlexBox.has5 > *:nth-child(3n),
	.comFlexBox.has5 > *:nth-child(5n) { 
		margin-right:0;
	}
	.comFlexBox.has4 > *:nth-child(-n+4),
	.comFlexBox.has5 > *:nth-child(-n+3).
	.comFlexBox.has5 > *:nth-child(-n+5) { 
		margin-top:0;
	}
}
/* comFlexBox 끝
------------------------------------------------------ */
/* reportIntroBox 시작
------------------------------------------------------ */
.reportIntroBox { 
	display:flex; 
	flex-wrap:wrap; 
}
.reportIntroBox .reportIntro { 
	position:relative; 
	width: 32.5%; 
	margin:1.25% 1.25% 0 0;
	padding:20px 20px 20px 130px;
	background: #FFF;
	border-radius: 5px;
	box-shadow:1px 1px 10px 0 #EAEAEA;
}
.reportIntroBox .reportIntro .imgBox { 
	position:absolute; 
	top:50%;
	left:30px;
	transform:translateY(-50%);
	font-size:0;
}
.reportIntroBox .reportIntro .imgBox img { 
	max-width: 100%; 
}
.reportIntroBox .reportIntro .tit { 
	font-size:13px;
	color:#616161;
}
.reportIntroBox .reportIntro .num { 
	margin:0 0 4px;
	font-size:13px;
	color:#373737;
}
.reportIntroBox .reportIntro .num span { 
	margin:0 7px 0 0;
	font-weight:600;
	font-size:1.8em;
}
.reportIntroBox .reportIntro .lst { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.reportIntroBox .reportIntro .lst li { 
	position:relative; 
	padding:0 0 0 23px;
	font-weight:500;
	font-size:16px;
	color:#373737;
}
.reportIntroBox .reportIntro .lst li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top:2px;
	left:0;
	background-repeat:no-repeat;
	background-size:cover;
}
.reportIntroBox .reportIntro .lst li.and:before { 
	background-image: url(/Form/_adm/images/reportIntroIco_and.svg); 
}
.reportIntroBox .reportIntro .lst li.ios:before { 
	background-image: url(/Form/_adm/images/reportIntroIco_ios.svg); 
}
.reportIntroBox .reportIntro:nth-child(3n) { 
	margin-right:0;
}
.reportIntroBox .reportIntro:nth-child(-n+3) { 
	margin-top:0;
}
@media all and (max-width:1399px){
	.reportIntroBox .reportIntro { 
		padding:15px 15px 15px 90px;
	}
	.reportIntroBox .reportIntro .imgBox { 
		width: 63px; 
		left:15px;
	}
	.reportIntroBox .reportIntro .lst { 
		gap:10px; 
	}
	.reportIntroBox .reportIntro .lst li { 
		font-size:16px; 
	}
}
@media all and (max-width:999px){
	.reportIntroBox .reportIntro { 
		padding:10px 10px 10px 65px;
	}
	.reportIntroBox .reportIntro .imgBox { 
		width: 42px;
		left:10px;
	}
	.reportIntroBox .reportIntro .num span { 
		margin:0 5px 0 0;
		font-size:1.2em; 
	}
	.reportIntroBox .reportIntro .lst { 
		gap:8px; 
	}
	.reportIntroBox .reportIntro .lst li { 
		padding:0 0 0 20px;
		font-size:15px; 
	}
	.reportIntroBox .reportIntro .lst li:before { 
		width: 16px; 
		height: 16px;
	}
}
@media all and (max-width:599px){
	.reportIntroBox .reportIntro { 
		width: 49%;
		margin:2% 2% 0 0;
	}
	.reportIntroBox .reportIntro .lst li { 
		padding:0 0 0 15px;
		font-size:13px; 
	}
	.reportIntroBox .reportIntro .lst li:before { 
		width: 12px; 
		height: 12px;
	}
	.reportIntroBox .reportIntro:nth-child(3n) { 
		margin-right:2%;
	}
	.reportIntroBox .reportIntro:nth-child(-n+3) { 
		margin-top:2%;
	}
	.reportIntroBox .reportIntro:nth-child(2n) { 
		margin-right:0;
	}
	.reportIntroBox .reportIntro:nth-child(-n+2) { 
		margin-top:0;
	}
    .reportIntroBox .reportIntro .num span { 
		margin:0 3px 0 0;
    } 
}
/* reportIntroBox 끝
------------------------------------------------------ */