@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;
	scrollbar-width:none;
}
html, body { 
	width: 100%; 
	min-height: 100%;
	font-family: Noto Sans KR, sans-serif;
	line-height:1.3;
	letter-spacing:-.3px;
	word-break:keep-all;
}
body { 
	background: #EBEFF2; 
}
a { 
	text-decoration:none; 	
}
li { 
	list-style:none; 
}
label, button, a, select, textarea { 
	font-family: Noto Sans KR, sans-serif;
	line-height:1.3;
	letter-spacing:-.3px;
	word-break:keep-all;	 
}
input, button, select, textarea { 
	background:transparent;
	border:none;
}
label, button, a { 
	cursor:pointer;
}
input, textarea { 
	outline: none; 
}
textarea { 
	resize:none; 
}
table { 
	width: 100%;
	table-layout:fixed;
	border-spacing:0;
	border-collapse:collapse;
}
table *:not(th) { 
	word-break:break-all; 
}

.loading-overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #ffffff00;
	text-align: center;
	z-index: 99;
}
.loading-overlay .loConBox { 
	transform: translate(0%, 300%);
	font-size: 0;
}
.skin_admin { 
	background:#EBEFF2;
}
.wrapper { 
	height:100%;
	padding:0 0 0 240px; 
}
.admComWr > * { 
	margin:0 0 12px;
}
.admComWr > *:last-child { 
	margin:0;
}
.admSecWr {
    padding: 20px;
    background: #FFF;
    border-radius: 5px;
	box-shadow:0 1px 3px 0 rgba(89,89,89,.25);
}
.mg5t { 
	margin-top:5px !important;
}
.mg10t { 
	margin-top:10px !important;
}
.br { 
	display:block; 
}
.font_w5 { 
	font-weight:500; 
}
.font_w7 { 
	font-weight:700; 
}
.clrTxt01 { 
	color:#303F9F !important; 
}
.clrTxt02 { 
	color:#E44F43 !important; 
}
.cursor { 
	cursor:pointer; 
}
.gap { 
	height: 30px;
}
.sgap { 
	height: 20px;
}
.cTit01 { 
	margin:0 0 16px;
	font-weight:700;
	font-size:18px;
	color:#373737;
}
.cTit01 .pnt01 { 
	color: #E33B52;
}
.infoLst li,
.infoEx01 {
	position:relative; 	
	padding:0 0 0 17px;
	font-weight:500;
	font-size:14px;
	letter-spacing:-.5px;
	color:#E33B52;
	text-align: left;
}
.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 { 
	display:block; 
	min-width: 0;	
	max-width: 100%;
	padding:11px 14px;
	background: #FFF;
	border-radius: 10px;
    border: 1px solid #E0E0E0;
    font-size: 14px;
    color: #373737; 
}
.inputArea::placeholder { 
	color:#999; 
}
.inputArea:read-only:not(select) { 
	background-color: #FAFAFA;
}
.inputArea.date_input { 
	width: 150px;
	background-image:url(/Form/_guest/basic/images/common/adm_icoCalendar.png);
	background-repeat:no-repeat;
	background-position:right 10px center;
	padding-right:30px;
}
.inputArea.fullWid { 
	width: 100% !important; 
}
select.inputArea { 
	padding-right:30px;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/common/comIcoSel01.svg);
	background-repeat:no-repeat;
	background-position:right 10px center;
}
.comNoData01 { 
	text-align: center; 
}
.comNoData01 .imgBox { 
	width: 48px;
	margin:0 auto 8px;
	border-radius: 5px;
	font-size: 0;
	overflow: hidden;
}
.comNoData01 .imgBox img { 
	width: 100%; 
}
.comNoData01 .txt01 {
	font-weight: 500; 
	font-size: 14px;
	color: #373737;
}
td .comNoData01 { 
	padding:24px 0;
}
.comPopBg { 
	position:fixed; 
	display:none; 
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background:rgba(0,0,0,.6);
	z-index:10;
}
.comPopBox01 { 
	position:absolute; 
	width: 400px;
	max-width: 90%;
	top:50%;
	left:50%;
	padding: 24px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 10px;
	font-size:0;
}
.comPopBox01 .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 16px;
}
.comPopBox01 .topBox .tit01 {
	font-weight: 700; 
	font-size: 20px;
	color: #373737;
}
.comPopBox01 .topBox .popClose {
	position:relative; 
	width: 30px;
	height: 30px;
}
.comPopBox01 .topBox .popClose:before,
.comPopBox01 .topBox .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: #373737;
	border-radius: 3px;
}
.comPopBox01 .topBox .popClose:before { 
	transform:rotate(45deg); 
}
.comPopBox01 .topBox .popClose:after { 
	transform:rotate(-45deg); 
}
.comPopBox01 .conBox .scrollBox { 
	max-height: 400px;
	overflow-y:auto;
	scrollbar-width:thin;
}
.comPopBox01 .conBox .imgBox { 	
	max-width: 100%;
	font-size: 0;
}
.comPopBox01 .conBox .imgBox img { 
	width: 100%; 
}
.comPopBox01 .conBox .tit01 {
	margin:0 0 5px;
	font-weight: 500;
	font-size:16px;
	color:#373737;
}
.comPopBox01 .conBox * + .tit01 {
	margin-top:10px;
}
.comPopBox01 .conBox .iptTit01 {
	display:block;
	width: 100%;
	margin:0 0 9px;
	font-weight: 500;
	font-size: 14px;
	color: #424242;
}
.comPopBox01 .conBox *:not(.tit01) + .iptTit01 {
	margin-top:24px;
}
.comPopBox01 .conBox .txt01 {
	font-size:14px;
	color:#373737;
	word-break:break-all;
}
.comPopBox01 .conBox .txt01.stCenter { 
	text-align: center; 
}
.comPopBox01 .btmBox {
	display:flex;
	flex-wrap:wrap;
	justify-content:center; 
	gap:12px;
	margin:30px 0 0;
}
.comPopBox01 .btmBox .btn {
	display:block;
	width: calc((100% - 12px)/2);
	max-width: 120px;
	border-radius: 10px;
	padding:11px 10px 10px;
	font-family: Pretendard, sans-serif;	
	font-weight: 700;
	font-size: 18px;
	text-align: center;
}
.comPopBox01 .btmBox .btn.st01 { 
	background: #EDEDED;
	color: #797979;
}
.comPopBox01 .btmBox .btn.st02 {
	background: #121520;
	color: #FFF;
}
.comPopBox01 .btmBox .btn.fullWid { 
	width: 100%; 
}
.comDateSel {
	display:flex; 
	align-items:center; 
	gap:8px;
}
@media all and (max-width:999px){
	.wrapper { 
		padding:0;
	}
	.admSecWr {
		padding:16px;
	}
	.cTit01 { 
		margin:0 0 10px;
		font-size:15px;
	}	
	.infoLst li,
	.infoEx01 { 
		font-size:13px; 
	}
	.infoLst li:before, 
	.infoEx01:before { 
		top:2px; 
	}
	.inputArea {
		padding:10px;
		border-radius: 5px;
		font-size: 13px;
	}
	.comNoData01 { 
		padding:16px 0;
	}
	.comNoData01 .imgBox {
		margin:0 auto 5px;
	}
	.comNoData01 .txt01 {
		font-size: 13px;
	}
	.comPopBox01 {
		padding:16px;
		border-radius: 5px;
	}
	.comPopBox01 .topBox {
		margin:0 0 10px;
	}
	.comPopBox01 .topBox .tit01 {
		font-size: 16px;
	}
	.comPopBox01 .topBox .popClose {
		width: 24px;
		height: 24px;
	}
	.comPopBox01 .topBox .popClose:before,
	.comPopBox01 .topBox .popClose:after {
		width: 16px;
		margin:-1px 0 0 -8px;
	}
	.comPopBox01 .conBox .tit01 { 
		font-size: 14px; 
	}
	.comPopBox01 .conBox .iptTit01 {
		margin:0 0 6px;
		font-size: 13px;
	}
	.comPopBox01 .conBox *:not(.tit01) + .iptTit01 { 
		margin-top:12px;
	}
	.comPopBox01 .conBox .txt01 { 
		font-size: 13px; 
	}
	.comPopBox01 .btmBox {
		gap:8px;
		margin:16px 0 0;
	}
	.comPopBox01 .btmBox .btn {
		width: calc((100% - 8px)/2);
		padding: 8px;
		font-size: 15px;
	}
}
@media all and (max-width:599px){
	.gap { 
		height: 20px; 
	}
	.sgap { 
		height: 15px; 
	}
	.comDateSel {
		flex-wrap:wrap;
		gap:5px;
	}
	.comDateSel .inputArea { 
		width: 100%; 
	}
	.comDateSel span { 
		display:block; 
		width: 100%;
		text-align: center;
	}
}

/* 체크스타일 시작
------------------------------------------------------ */
.comChkLst01 {
	display: flex;
    flex-wrap: wrap;
    gap: 15px;	 
}
.comChkLst01 > li { 
	position:relative; 
}
.comChkLst01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	overflow:hidden;
}
.comChkLst01 .chkLbl { 
	position:relative; 
	display:block;  
	padding:0 0 0 26px;
	font-weight:500;
	font-size:14px;
	color:#373737;
}
.comChkLst01 .chkLbl: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;
}
.comChkLst01 .chkIpt:checked + .chkLbl:before { 
	border-color:#303F9F;
	background:#303F9F url(/Form/_guest/basic/images/common/comIcoChk01.svg) no-repeat 3px 4px;
}
.comChkLst01.stJusc { 
	justify-content:center;
}
.comChkBox01 { 
	position:relative; 
	width: 100%;
}
.comChkBox01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	left:0;
	top:0;
	font-size:0;
	overflow:hidden;
}
.comChkBox01 .chkLbl { 
	position: relative;
	display:block; 
	width: 100%;
    padding: 1px 0 0 23px;
    font-size: 14px;
    color: #373737;
}
.comChkBox01 .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top:2px;
	left:0;
	background: #FFF;
	border-radius:5px;
	border:1px solid #bdbdbd;
}
.comChkBox01 .chkIpt:checked + .chkLbl:before { 
	border-color:#303F9F;
	background:#303F9F url(/Form/_guest/basic/images/common/comIcoChk01.svg) no-repeat 3px 4px;
}
.comChkBox01.noTxt { 
	display:inline-block; 
	width: auto;
	font-size:0;
}
.comChkBox01.noTxt .chkLbl { 
	display:inline-block; 
	width: auto;
	padding:0;
	font-size:0;
}
.comChkBox01.noTxt .chkLbl:before { 
	position:relative; 
	left:auto;
	top:auto;
}
td .comChkBox01.noTxt { 
	vertical-align:middle; 
}
td .comChkBox01.noTxt .chkLbl:before { 
	margin:0 auto;
}
.td_center .comChkBox01 { 
	margin:0 auto;
}
@media all and (max-width:999px){
	.comChkLst01 { 
		gap:12px; 
	}
	.comChkLst01 .chkLbl { 
		padding:0 0 0 24px;
		font-size:13px;
	}
}
/* 체크스타일 끝
------------------------------------------------------ */
/* 테이블 관련 시작
------------------------------------------------------ */
.tblSchBox { 
	margin:0 0 27px;
}
.tblSchBox dl { 
	display:flex; 
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
}
.tblSchBox dl + dl { 
	border-top:none;
}
.tblSchBox dt {
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 100px;
	padding:10px;
	background: #F6F6F6;
	font-weight:500;
	font-size:14px;
	letter-spacing:-.3px;
	color:#373737;
	text-align: center;
}
.tblSchBox dd { 
	flex-grow:1;
	display:flex; 
	flex-wrap:wrap;
	gap:10px;
	padding:11px 12px;
}
.tblSchBox dd .inputArea { 	
	min-width: 120px;
}
.tblSchBox dd select.inputArea { 
	flex-grow:0; 
}
.tblSchBox dd .cateBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.tblSchBox dd .cateBox01 .btnCate {
	display:block;
	min-width: 45px;
	padding:10px;
	background:#FFF;
	border: 1px solid #ddd;
	border-radius: 100px;
	color:#373737;
	font-size:13px;
}
.tblSchBox dd .cateBox01 .btnCate.on { 
	border-color:#303F9F;
	color:#303F9F;
}
.tblSchBox dd .chkLst { 
	display:flex; 
	flex-wrap:wrap; 
	gap:10px;
}
.tblSchBox dd .chkLst li { 
	position:relative; 
}
.tblSchBox dd .chkLst li input { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	overflow:hidden;
}
.tblSchBox dd .chkLst li label { 
	display:block; 
	padding:5px 10px 5px 22px;
	border:1px solid #ddd;
	border-radius:100px;
	font-size:13px;
}
.tblSchBox 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 dd .chkLst li input:checked + label { 
	border-color: #303F9F;
    color: #303F9F; 
}
.tblSchBox dd .chkLst li input:checked + label:before { 
	border-color:#303F9F;
}
.tblSchBox dd .dateBox {
	display:flex;
	align-items:center; 
	gap:8px;
}
.tblSchBox dd .dateBox .inputArea { 
	max-width: calc((100% - 20px)/2); 
}
.tblSchBox dd .dateBox .midBar { 
	display:block; 
	width: 4px;
	height: 1px;
	background: #373737;
}
.tblSchBox dd .dateSelBox { 
	display:flex; 
	gap:8px;
}
.tblSchBox dd .dateSelBox .arrow { 
	position:relative; 
	display:block; 
	width: 40px;
	background: #303F9F;
	border-radius: 5px;
	font-weight:500;
	font-size:13px;
	color:#FFF;
}
.tblSchBox dd .dateSelBox .arrow:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top:50%;
	left:50%;
	border-bottom:2px solid #FFF;
	border-left:2px solid #FFF;
}
.tblSchBox dd .dateSelBox .arrow.prev:before { 
	margin:-5px 0 0 -3px;
	transform:rotate(45deg);
}
.tblSchBox dd .dateSelBox .arrow.next:before { 
	margin:-5px 0 0 -7px;
	transform:rotate(225deg);
}
.tblSchBox dd .dateSelBox #curdate { 
	display:flex;
	justify-content:center; 
	align-items:center; 
	padding:10px 12px;
	border:1px solid #303F9F;
	border-radius: 5px;
	font-weight:500;
	font-size:13px;
	color:#303F9F;
}
.tblSchBox dd .btn { 
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 80px;
	padding:10px 14px;
	border-width:1px;
	border-style:solid;
	border-radius: 5px;
	font-weight: 500;
	font-size: 14px;
}
.tblSchBox dd .btn.st01 { 
	background:#303F9F;
	border-color:#303F9F;
	color: #FFF; 
}
.tblSchBox dd .btn.st02 { 
	border-color:#303F9F;
	color: #303F9F;
}
.tblStatBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:10px;
	margin:0 0 27px;
}
.tblStatBox .tblStat { 
	width: 216px;
	border:1px solid #E0E0E0;
	border-radius: 5px;
	overflow:hidden;
}
.tblStatBox .tblStat .topBox { 
	position:relative;
	padding:10px 10px 10px 56px;
	border-bottom:1px solid #E0E0E0
}
.tblStatBox .tblStat .topBox:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:12px;
	left:24px;
	background-size:cover;
	background-repeat:no-repeat;
}
.tblStatBox .tblStat .topBox .tit,
.tblStatBox .tblStat .topBox .num { 
	font-weight: 500; 
	color: #373737;
}
.tblStatBox .tblStat .topBox .tit { 
	margin:0 0 4px;
	font-size: 14px;
}
.tblStatBox .tblStat .topBox .num { 
	font-size: 16px;
}
.tblStatBox .tblStat .topBox .num span { 
	font-weight: 500;
	color: #303F9F;
}
/*
.tblStatBox .tblStat .topBox.stTotal:before { 
	background-image: url(/Form/_guest/basic/images/common/tblStatTotal01.svg); 
}
.tblStatBox .tblStat .topBox.stPlus:before { 
	background-image: url(/Form/_guest/basic/images/common/tblStatPlus01.svg); 
}
.tblStatBox .tblStat .topBox.stMinus:before { 
	background-image: url(/Form/_guest/basic/images/common/tblStatMinus01.svg); 
}
.tblStatBox .tblStat .topBox.stCash:before { 
	background-image: url(/Form/_guest/basic/images/common/tblStatCash01.svg);  
}
*/
.tblStatBox .tblStat .btmBox { 
	padding:3px 0;
	background: #F6F6F6;
}
.tblStatBox .tblStat .btmBox ul { 
	display:flex;
	flex-wrap:wrap;
}
.tblStatBox .tblStat .btmBox ul li { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:4px;
	width: 50%;
	padding:5px;
	border-right:1px solid #E0E0E0;
}
.tblStatBox .tblStat .btmBox ul li:before { 
	content:"";
	flex-shrink:0;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 14px;
	background-repeat:no-repeat;
	background-size:cover;
}
.tblStatBox .tblStat .btmBox ul li .btmTxt { 
	display:block; 
	font-size: 14px;
	color: #797979;
}
/*
.tblStatBox .tblStat .btmBox ul li.stAos:before { 
	background-image: url(/Form/_guest/basic/images/common/tblStatAos01.svg);
}
.tblStatBox .tblStat .btmBox ul li.stIos:before { 
	background-image: url(/Form/_guest/basic/images/common/tblStatIos01.svg);
}
*/
.tblStatBox .tblStat .btmBox ul li:nth-child(2n) { 
	border-right:none; 
}
.tblTopBox { 
	display:flex; 
	align-items:center;
	justify-content:space-between;
	margin:0 0 12px;
	font-weight:500;
}
.tblTopBox .rBox { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.tblTopBox .tblTit { 
	margin:0;
}
.tblTopBox .tblTopBtn {
	display:block;
	min-width: 120px;
	padding:12px 8px;
	border-radius:10px;
	background:#121520;
	font-weight:500;
	font-size:16px;
	text-align: center;
	color:#FFF;
}
.tblTopBox select { 
    min-width: 150px;
}
.tblTopBox .btnBox { 
	display:flex;
	gap:8px;
}
.tblTopBox .btnBox .btn { 
	display:block;
	min-width: 80px;
	padding:9px;
	border-radius:5px;
	border:1px solid #121520;
	font-weight:500;
	font-size:14px;
	text-align: center;
}
.tblTopBox .btnBox .btn.st01 {
	background:#121520;
	color: #FFF;
}
.tblTopBox .btnBox .btn.st02 {
	background:#FFF;
	color: #121520;
}
.tblTit { 
	margin:0 0 11px;
	font-size:16px;
	color:#373737;
}
.tblTit span { 
	font-weight:500;
	color: #303F9F;
}
.td_50 {
	width:50px;
}
.td_80 { 
	width:80px; 
}
.td_100 { 
	width:100px; 
}
.td_120 { 
	width:120px; 
}
.td_150 { 
	width:150px; 
}
.td_170 {
	width:170px;
}
.td_200 { 
	width:200px; 
}
.td_250 { 
	width:250px; 
}
.td_300 { 
	width:300px; 
}
.td_350 { 
	width:350px; 
}
.td_left { 
	text-align: left; 
}
.td_gray { 
	background: #FAFAFA;		 
}
.td_stat { 
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	min-width: 70px;
	max-width: 100%;
	border-width:1px;
	border-style:solid;
	padding: 5px 9px;
	border-radius: 5px;
	font-size: 1em;
	word-break: keep-all;
}
.td_stat.st01 { 
	background:#303F9F;
	border-color:#303F9F;
	color: #FFF;
}
.td_stat.st02 { 
	border-color:#303F9F;
	color: #303F9F;
}
.td_stat.st03 { 
	background:#4E73DF;
	border-color:#4E73DF;
	color: #FFF;
}
.td_stat.fullWid { 
	width: 100%; 
}
.td_lnk { 
	position:relative; 
	display:inline-block;
	max-width: 100%;
	padding:0 0 0 20px;
	font-size:1em;
	color:#373737;
	word-break:break-all;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	transition:all .3s ease;
}
.td_lnk:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 0;
	left: 0;
	background:url(/Form/_guest/basic/images/common/tdLnk01_off.svg) no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.td_lnk:focus,
.td_lnk:hover { 
	color: #303F9F; 
}
.td_lnk:focus:before,
.td_lnk:hover:before { 
	background-image: url(/Form/_guest/basic/images/common/tdLnk01_on.svg);
}
.tblImgBox { 
	position:relative; 
	display:block; 
	width: 100px;
	max-width: 100%;
	height: 100px;
	margin:0 auto;
	border:1px solid #E0E0E0;
	border-radius:5px;
	font-size: 0;
	overflow:hidden;
}
.tblImgBox.noImg {
	background:#F5F5F5;
}
.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;
}
.tblImgBox img { 
	position:absolute; 
	width: 100%;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	z-index:1;
}
.tblBtnBox {
	display:flex; 
	flex-wrap:wrap; 
	justify-content:center; 
	gap:5px;
}
.tblBtnBox .btn { 
	display:flex; 
	align-items:center;
	justify-content:center;
	min-width: 70px;
	max-width: 100%;	
	padding:5px 9px;
	border-width:1px;
	border-style:solid;
	border-radius:5px;
	font-weight: 500;
	font-size:1em;
	word-break:keep-all;
}
.tblBtnBox .btn.st01 {
	background: #FFF;
	border-color:#EDEDED;
	color:#797979;
}
.tblBtnBox .btn.st02 {
	background:#121520;
	border-color:#121520;
	color:#FFF;
}
.tblBtnBox .btn.st03 {
	background:#FFF;
	border-color:#121520;
	color:#121520;
}
.tblBtnBox .btn.st04 {
	border-color:#E6E9F9;
	background: #EEF0FA;
	color:#303F9F;
}
.tblBtnBox .btn.st05 {
	border-color:#303F9F;
	color:#303F9F;
}
.tblBtnBox .btn.oneThirdWid { 
	width: calc((100% - 10px)/3);  
}
.tblBtnBox .btn.halfWid { 
	width: calc((100% - 5px)/2); 
}
.tblBtnBox .btn.fullWid { 
	width: 100%; 
}
.tblFileBox { 
	position:relative;
	display:flex;
	flex-wrap:wrap;
	gap:5px;
}
.tblFileBox .fileIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	overflow:hidden;
}
.tblFileBox .fileLbl,
.tblFileBox .fileDel { 
	display:block;
	width: calc((100% - 5px)/2);
    padding: 5px;
	border:1px solid #303F9F;
    border-radius: 5px;
    font-size: 1em;
	text-align: center;
}
.tblFileBox .fileLbl { 
	background: #303F9F;
	color: #FFF;
}
.tblFileBox .fileDel { 
	background: #303F9F;
	color: #FFF;
}
.tblFlexBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:8px;
}
.tblFlexBox.stAlic { 
	align-items:center; 
}
.tblBox02 .tblBtnBox { 
	justify-content:flex-start;
}
.tblIptBtnBox { 
	display:flex;
	gap:8px;
}
.tblIptBtnBox .inputArea { 
	flex-grow:1; 
}
.tblIptBtnBox .btn { 
	flex-shrink:0; 
	display:block; 
    min-width: 80px;
    padding: 10px 14px;
	background: #303F9F;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;	    
    color: #FFF;
}
.tblBox01 { 
	width:100%; 
	overflow-x:auto;
	scrollbar-width:thin;
}
.tblBox01 .tdUldBox .uldBtnBox { 
	position:relative;
}
.tblBox01 .tdUldBox .uldBtnBox .uldFile { 
	position:absolute;
	width: 0;
	height: 0;
	top:0;
	left:0;
	font-size:0;
	overflow:hidden;
}
.tblBox01 .tdUldBox .uldBtnBox .uldLbl { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 100%;
	height: 32px;
	background: #303F9F;
    border-radius: 5px;
    font-size: 1em;
	color: #FFF;
}
.tblBox01 .tdUldBox > * + .uldBtnBox { 
	margin-top:5px;
}
.tblBox01 table {
	min-width:1500px;
	font-size:14px;
	text-align: center;
}
.tblBox01 thead tr {
	background: #F9FAFF;
}
.tblBox01 thead th { 
	padding:10px;
	font-weight: 500;
	color: #212121;
}
.tblBox01 thead th:first-child { 
	border-radius: 10px 0 0 0;
}
.tblBox01 thead th:last-child { 
	border-radius: 0 10px 0 0;
}
.tblBox01 tbody {
	background:#FFF;
}
.tblBox01 tbody tr {
	border-top:1px solid #EDEDED;
	transition:all .3s ease;
}
.tblBox01 tbody tr > * { 
	padding:10px;
	color:#424242;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.tblBox01 tbody tr > * select.inputArea { 
    min-width: 80px;
}
.tblBox01 tbody tr > *.sTit { 
	background:#FFF5F4;
	font-weight:700;
}
.tblBox01 tbody th { 
	background: #FFF5F4;
}
.tblBox02 table {
	background: #FFF;
	border:1px solid #DEE2E6;
	font-size: 14px;
}
.tblBox02 tbody tr { 
	border-bottom:1px solid #DEE2E6;
}
.tblBox02 tbody tr > * { 
	padding:14px;
	border-right:1px solid #DEE2E6;
	color: #373737;
}
.tblBox02 tbody th { 	
	background: #F7F7F7;
	font-weight: 500;
	text-align: center;
}
.tblBox02 tbody td { 
	text-align: left;
}
.tblBox02 .tblImgBox { 
	width: auto;
	height: auto;	
	margin:0;
}
.tblBox02 .tblImgBox img { 
	position:relative; 
	width: auto;
	max-width: 100%;
	top: auto;
	left: auto;
	transform:translate(0, 0);
}
.tblIptBox {
	display:flex;
	gap:8px;
	width: 100%;
}
.tblIptBox .inputArea {
	flex-grow:1;
}
.tblIptBox .btn {
	flex-shrink:0;
	display:block;
	min-width: 56px;
	padding: 12px 10px;
	border:1px solid #ed524f;
	border-radius: 5px;
	font-size: 14px;
	line-height: 1;
	letter-spacing: -.3px;
	text-align: center;
}
.tblIptBox .btn.st01 {
	background: #ed524f;
	color: #FFF;
}
.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:#121520;
	color:#FFF;
}
.tblPage .page:last-child { 
	border-right:none;
}
@media all and (max-width:999px){
	.tblSchBox { 
		margin:0 0 20px;
	}
	.tblSchBox dd .btn {
		font-size: 13px;
	}
	.tblStatBox { 
		margin:0 0 20px;
	}
	.tblStatBox .tblStat { 
		width: calc((100% - 20px)/3);
	}
	.tblStatBox .tblStat .topBox { 
		padding:8px 8px 8px 45px;
	}
	.tblStatBox .tblStat .topBox:before { 
		width: 19px; 
		height: 19px;
		top:10px;
		left:15px;
	}
	.tblStatBox .tblStat .topBox .tit { 
		margin:0;
	}
	.tblStatBox .tblStat .topBox .num { 
		font-size: 14px; 
	}
	.tblTopBox { 
		margin:0 0 10px;
	}
	.tblTopBox .tblTopBtn {
		min-width: 80px;
		padding:8px;
		border-radius:5px;
		font-size:14px;
	}
	.td_lnk:before {
		width: 16px;
		height: 16px;
	}
	.tblTit {
		font-size:14px; 
	}
	.tblBox01 table,
	.tblBox02 table { 
		font-size: 13px; 
	}
	.tblBox02 colgroup { 
		display:none; 
	}
	.tblBox02 tbody tr > * { 
		display:block;
		border-bottom:1px solid #DEE2E6;
		border-right:none;
		padding:10px;
	}
	.tblBox02 tbody tr > *:last-child { 
		border-bottom:none;
	}
	.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;
	}
}
@media all and (max-width:599px){
	.tblSchBox { 
		margin:0 0 15px;
	}
	.tblSchBox dl { 
		display:block; 
	}
	.tblSchBox dt { 
		width: 100%;
		border-bottom:1px solid #E0E0E0;
	}
	.tblSchBox dd { 
		gap:8px; 
		padding:10px 0;
	}
	.tblSchBox dd .inputArea { 
		flex-grow:1; 
		width: 100%; 
		min-width: 0;
	}
	.tblSchBox dd .dateBox {
		width: 100%; 
	}
	.tblSchBox dd .dateBox .midBar { 
		display:block;
		text-align: center;
	}
	.tblSchBox dd .btn { 
		width: 100%;
	}
	.tblStatBox { 
		gap:8px;
		margin:0 0 15px;
	}
	.tblStatBox .tblStat {
		width: 100%; 
	}
	.tblStatBox .tblStat .topBox { 
		display:flex;
		flex-wrap: wrap;
		align-items:center; 
		justify-content:center; 
		gap:4px;
		padding:8px;
	}
	.tblStatBox .tblStat .topBox:before { 
		flex-shrink:0;
		position:relative; 
		width: 17px;
		height: 17px;
		top:auto;
		left:auto;
	}
	.tblTopBox { 
		flex-direction:column;
		align-items:stretch;
		gap:5px;
	}
	.tblTopBox .rBox { 
		justify-content:flex-end; 
	}
}
/* 테이블 관련 시작
------------------------------------------------------ */
/* 좌측 네비 시작
------------------------------------------------------ */
.mobBlkBg { 
	position:fixed; 
	display:none; 
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	background:rgba(55,55,55,.7);
	z-index:99;
}
.navMenuWr {  
	position:fixed; 
	display:flex; 
	flex-direction:column;
	width:240px; 
	height:100%;
	left:0;
	top:0;
	z-index:2;
}
.navMenuWr > * { 
	background:#FFF; 
}
.navMenuWr .topBox { 
	padding:20px 20px 17px;
	text-align:center;
}
.navMenuWr .topBox .logoBox { 
	width:150px; 
	max-width:100%;
	margin:0 auto 37px;
	font-size:0;
}
.navMenuWr .topBox .logoBox a { 
	display:block;
}
.navMenuWr .topBox .logoBox img { 
	max-width:100%;
	margin:0 auto;
}
.navMenuWr .topBox .imgBox { 
	width:60px;
	height:60px;
	margin:0 auto 2px;
	border-radius:50%;
	font-size:0;
}
.navMenuWr .topBox .imgBox img { 
	max-width:100%; 
}
.navMenuWr .topBox .txtBox { 
	margin:0 0 13px;
}
.navMenuWr .topBox .txtBox .name { 
	font-weight:500;
	font-size:18px;
	color:#373737;
}
.navMenuWr .topBox .txtBox .duty { 
	font-size:14px;
	color:#999;
}
.navMenuWr .topBox .btnBox ul { 
	display:flex; 
	justify-content:center;
	gap:12px;
	font-size:0;
}
.navMenuWr .btmBox { 
	flex-grow:1;
}
.navMenuWr .menuLstBox { 
	height:670px;
	max-height:100%; 
	padding:0 5px 0 24px;
}
.navMenuWr .menuLstBox .mCSB_inside > .mCSB_container { 
	margin:0 4px 0 0;
}
.navMenuWr .menuLstBox .mCSB_scrollTools { 
	width: 4px; 
}
.navMenuWr .menuLstBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { 
	background: #DEE2E6;
}
.navMenuWr .menuLstBox .mCSB_scrollTools .mCSB_draggerRail { 
	background: rgba(55,55,55,.4);
}
.navMenuWr .menuLstBox .menuLst { 
	padding:0 15px 0 0;
}
.navMenuWr .menuLstBox .depth1 { 
	position:relative; 
	display:block; 
	width: 100%;
	padding:17px 17px 17px 26px;
	border-bottom:1px solid #E0E0E0;
	font-weight:500;
	font-size:16px;
	color: #373737;
	text-align: left;
	transition:all .3s ease;
}
.navMenuWr .menuLstBox .depth1:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top:18px;
	left:0;
	background-size:cover;
	background-repeat:no-repeat;
	transition:all .3s ease;
}
.navMenuWr .menuLstBox .depth1.on,
.navMenuWr .menuLstBox .depth1:focus,
.navMenuWr .menuLstBox .depth1:hover { 
	color: #303F9F;
}
.navMenuWr .menuLstBox .depth1.on { 
	border-bottom-color:#666;
}
.navMenuWr .menuLstBox .depth1_00:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco00_off.svg);
}
.navMenuWr .menuLstBox .depth1_00.on:before,
.navMenuWr .menuLstBox .depth1_00:focus:before, 
.navMenuWr .menuLstBox .depth1_00:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco00_on.svg);
}
.navMenuWr .menuLstBox .depth1_01:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco01_off.svg);
}
.navMenuWr .menuLstBox .depth1_01.on:before,
.navMenuWr .menuLstBox .depth1_01:focus:before, 
.navMenuWr .menuLstBox .depth1_01:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco01_on.svg);
}
.navMenuWr .menuLstBox .depth1_02:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco02_off.svg);
}
.navMenuWr .menuLstBox .depth1_02.on:before,
.navMenuWr .menuLstBox .depth1_02:focus:before, 
.navMenuWr .menuLstBox .depth1_02:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco02_on.svg);
}
.navMenuWr .menuLstBox .depth1_03:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco03_off.svg);
}
.navMenuWr .menuLstBox .depth1_03.on:before,
.navMenuWr .menuLstBox .depth1_03:focus:before, 
.navMenuWr .menuLstBox .depth1_03:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco03_on.svg);
}
.navMenuWr .menuLstBox .depth1_04:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco04_off.svg);
}
.navMenuWr .menuLstBox .depth1_04.on:before,
.navMenuWr .menuLstBox .depth1_04:focus:before, 
.navMenuWr .menuLstBox .depth1_04:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco04_on.svg);
}
.navMenuWr .menuLstBox .depth1_05:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco05_off.svg);
}
.navMenuWr .menuLstBox .depth1_05.on:before,
.navMenuWr .menuLstBox .depth1_05:focus:before, 
.navMenuWr .menuLstBox .depth1_05:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco05_on.svg);
}
.navMenuWr .menuLstBox .depth1_06:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco06_off.svg);
}
.navMenuWr .menuLstBox .depth1_06.on:before,
.navMenuWr .menuLstBox .depth1_06:focus:before, 
.navMenuWr .menuLstBox .depth1_06:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco06_on.svg);
}
.navMenuWr .menuLstBox .depth1_07:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco07_off.svg);
}
.navMenuWr .menuLstBox .depth1_07.on:before,
.navMenuWr .menuLstBox .depth1_07:focus:before, 
.navMenuWr .menuLstBox .depth1_07:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco07_on.svg);
}
/*
.navMenuWr .menuLstBox .depth1_08:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco08_off.svg);
}
.navMenuWr .menuLstBox .depth1_08.on:before,
.navMenuWr .menuLstBox .depth1_08:focus:before, 
.navMenuWr .menuLstBox .depth1_08:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco08_on.svg);
}
.navMenuWr .menuLstBox .depth1_09:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco09_off.svg);
}
.navMenuWr .menuLstBox .depth1_09.on:before,
.navMenuWr .menuLstBox .depth1_09:focus:before, 
.navMenuWr .menuLstBox .depth1_09:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco09_on.svg);
}
.navMenuWr .menuLstBox .depth1_10:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco10_off.svg);
}
.navMenuWr .menuLstBox .depth1_10.on:before,
.navMenuWr .menuLstBox .depth1_10:focus:before, 
.navMenuWr .menuLstBox .depth1_10:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco10_on.svg);
}
.navMenuWr .menuLstBox .depth1_11:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco11_off.svg);
}
.navMenuWr .menuLstBox .depth1_11.on:before,
.navMenuWr .menuLstBox .depth1_11:focus:before, 
.navMenuWr .menuLstBox .depth1_11:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco11_on.svg);
}
.navMenuWr .menuLstBox .depth1_12:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco12_off.svg);
}
.navMenuWr .menuLstBox .depth1_12.on:before,
.navMenuWr .menuLstBox .depth1_12:focus:before, 
.navMenuWr .menuLstBox .depth1_12:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco12_on.svg);
}
.navMenuWr .menuLstBox .depth1_13:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco13_off.svg);
}
.navMenuWr .menuLstBox .depth1_13.on:before,
.navMenuWr .menuLstBox .depth1_13:focus:before, 
.navMenuWr .menuLstBox .depth1_13:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco13_on.svg);
}
.navMenuWr .menuLstBox .depth1_14:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco14_off.svg);
}
.navMenuWr .menuLstBox .depth1_14.on:before,
.navMenuWr .menuLstBox .depth1_14:focus:before, 
.navMenuWr .menuLstBox .depth1_14:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco14_on.svg);
}
.navMenuWr .menuLstBox .depth1_15:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco15_off.svg);
}
.navMenuWr .menuLstBox .depth1_15.on:before,
.navMenuWr .menuLstBox .depth1_15:focus:before, 
.navMenuWr .menuLstBox .depth1_15:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco15_on.svg);
}
.navMenuWr .menuLstBox .depth1_16:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco16_off.svg);
}
.navMenuWr .menuLstBox .depth1_16.on:before,
.navMenuWr .menuLstBox .depth1_16:focus:before, 
.navMenuWr .menuLstBox .depth1_16:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco16_on.svg);
}
.navMenuWr .menuLstBox .depth1_17:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco17_off.svg);
}
.navMenuWr .menuLstBox .depth1_17.on:before,
.navMenuWr .menuLstBox .depth1_17:focus:before, 
.navMenuWr .menuLstBox .depth1_17:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco17_on.svg);
}
.navMenuWr .menuLstBox .depth1_18:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco18_off.svg);
}
.navMenuWr .menuLstBox .depth1_18.on:before,
.navMenuWr .menuLstBox .depth1_18:focus:before, 
.navMenuWr .menuLstBox .depth1_18:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco18_on.svg);
}
.navMenuWr .menuLstBox .depth1_19:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco19_off.svg);
}
.navMenuWr .menuLstBox .depth1_19.on:before,
.navMenuWr .menuLstBox .depth1_19:focus:before, 
.navMenuWr .menuLstBox .depth1_19:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco19_on.svg);
}
.navMenuWr .menuLstBox .depth1_20:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco20_off.svg);
}
.navMenuWr .menuLstBox .depth1_20.on:before,
.navMenuWr .menuLstBox .depth1_20:focus:before, 
.navMenuWr .menuLstBox .depth1_20:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco20_on.svg);
}
.navMenuWr .menuLstBox .depth1_21:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco21_off.svg);
}
.navMenuWr .menuLstBox .depth1_21.on:before,
.navMenuWr .menuLstBox .depth1_21:focus:before, 
.navMenuWr .menuLstBox .depth1_21:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIco21_on.svg);
}
.navMenuWr .menuLstBox .depth1_Menu:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIcoMenu_off.svg); 
}
.navMenuWr .menuLstBox .depth1_Menu.on:before,
.navMenuWr .menuLstBox .depth1_Menu:focus:before, 
.navMenuWr .menuLstBox .depth1_Menu:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIcoMenu_on.svg); 
}
.navMenuWr .menuLstBox .depth1_Auth:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIcoAuth_off.svg); 
}
.navMenuWr .menuLstBox .depth1_Auth.on:before,
.navMenuWr .menuLstBox .depth1_Auth:focus:before, 
.navMenuWr .menuLstBox .depth1_Auth:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIcoAuth_on.svg); 
}
.navMenuWr .menuLstBox .depth1_Set:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIcoSet_off.svg);
}
.navMenuWr .menuLstBox .depth1_Set.on:before,
.navMenuWr .menuLstBox .depth1_Set:focus:before, 
.navMenuWr .menuLstBox .depth1_Set:hover:before { 
	background-image:url(/Form/_guest/basic/images/common/lMenuIcoSet_on.svg);
}
*/
.navMenuWr .menuLstBox button.depth1:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top:19px;
	right:0;
	background:url(/Form/_guest/basic/images/common/lMenuArrow01.svg) no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.navMenuWr .menuLstBox button.depth1.on:after { 
	transform:rotate(90deg); 
}
.navMenuWr .menuLstBox .depth2Box { 
	display:none; 
	border-bottom:1px solid #E0E0E0;
}
.navMenuWr .menuLstBox .depth2Box .depth2 { 
	display:block; 
	padding:14px 14px 14px 30px;
	font-weight:500;
	font-size:14px;
	color: #373737;
}
.navMenuWr .menuLstBox .depth2Box .depth2:focus,
.navMenuWr .menuLstBox .depth2Box .depth2:hover { 
	color: #303F9F; 
}
.navMenuWr .menuLstBox .depth2Box .depth2.on { 
	background: #F7F7F7;
	color: #303F9F;
}
.navMenuWr .menuLstBox .depth2Box.on { 
	display:block; 
}
.navMenuWr .mobCloseBox {
	display:none; 
	padding:15px;
	background:transparent;
}
.navMenuWr .mobCloseBox .mbMenuOff { 
	position:relative; 
	width: 36px;
	height: 36px;
}
.navMenuWr .mobCloseBox .mbMenuOff:before,
.navMenuWr .mobCloseBox .mbMenuOff:after { 
	content:"";
	position:absolute;
	display:block;
	width: 20px;
	height: 2px;
	left:50%;
	top:50%;
	margin:-1px 0 0 -10px;
	background:#999;
	border-radius:5px;
}
.navMenuWr .mobCloseBox .mbMenuOff:before { 
	transform:rotate(45deg); 
}
.navMenuWr .mobCloseBox .mbMenuOff:after { 
	transform:rotate(-45deg); 
}
@media all and (max-width:999px){
	body.onFixed { 
		height: 100%;
		overflow-y:hidden;
	}
	.mobBlkBg.on { 
		display:block; 
	}
	.navMenuWr { 
		position:fixed; 
		left:-260px;
		top:0;
		background:#EBEFF2;
		z-index:100;
		transition:all .3s ease;
	}
	.navMenuWr .mobCloseBox { 
		display:block; 
	}
	.navMenuWr .topBox { 
		padding:15px;
	}
	.navMenuWr .topBox .logoBox { 
		margin:0 auto 15px;
	}
	.navMenuWr .topBox .txtBox { 
		margin:0 0 10px;
	}
	.navMenuWr .topBox .txtBox .name { 
		font-size:15px; 
	}
	.navMenuWr .menuLstBox { 
		height: 300px; 
		padding:0 0 0 10px;
	}
	.navMenuWr .menuLstBox .depth1 { 
		padding:15px 15px 15px 20px;
		font-size:14px; 
	}
	.navMenuWr .menuLstBox .depth1:before { 
		width: 15px; 
		height: 15px;
		top:16px;
	}
	.navMenuWr .menuLstBox button.depth1:after { 
		width: 14px; 
		height: 14px;
		top:16px;
	}
	.navMenuWr .menuLstBox .depth2Box .depth2 { 
		padding:10px 10px 10px 30px;
	}
	.navMenuWr.on { 
		left:0; 
	}
}
@media all and (max-width:599px){
	.navMenuWr .mobCloseBox .mbMenuOff { 
		width: 20px; 
		height: 20px;
	}
	.navMenuWr .topBox .logoBox { 
		margin:0 auto 10px;
	}
	.navMenuWr .topBox .txtBox { 
		margin:0 0 8px;
	}
	.navMenuWr .menuLstBox { 
		height: 250px; 
	}
	.navMenuWr .menuLstBox .depth1 { 
		padding:10px 10px 10px 20px;
	}
	.navMenuWr .menuLstBox .depth1:before { 
		top:12px; 
	}
	.navMenuWr .menuLstBox button.depth1:after { 
		width: 12px;
		height: 12px;
		top:12px; 
	}
	.navMenuWr .menuLstBox .depth2Box .depth2 { 
		padding:8px 8px 8px 30px;
	}
}
/* 좌측 네비 끝
------------------------------------------------------ */
/* 공통 상단 시작
------------------------------------------------------ */
.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;
}
.commTopMobtit { 
	display:none; 
	margin:0 0 15px;
	font-weight:500;
	font-size:22px;
	text-align:center;
	color:#373737;
}
.mbMenuOn,
.mobTopLogo { 
	display:none; 
}
.mbMenuOn { 
	position:relative; 
	width: 36px;
	height: 36px;
}
.mbMenuOn 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;
}
.mbMenuOn 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; 
	}
	.mbMenuOn,
	.mobTopLogo,
	.commTopMobtit { 
		display:block; 
	}
}
@media all and (max-width:599px){
	.contentWr { 
		padding:15px;
	}
	.commTopMobtit { 
		font-size:20px; 
	}
}
/* 공통 상단 끝
------------------------------------------------------ */
/* 데이터 입력 공통 박스 시작
------------------------------------------------------ */
.dataFormBox { 
	padding:0 0 21px;
	border-bottom:1px solid #E0E0E0;
}
.dataFormBox .inputBox { 
	display:flex; 
	flex-wrap:wrap;
	gap:24px;
}
.dataFormBox .inputSec { 
	width: 100%;
}
.dataFormBox .inputSec .tit { 
	display:block;
	margin:0 0 8px;
	font-weight:500;
	font-size:14px;
	color:#373737;
}
.dataFormBox .inputSec .tit .pnt { 
	color:#E33B52;
}
.dataFormBox .inputSec .hasBtn { 
	display:flex; 
	gap:8px;
}
.dataFormBox .inputSec .hasBtn .inputArea { 
	flex-grow:1;
	width: auto; 
}
.dataFormBox .inputSec .hasBtn .btn { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	min-width: 40px;
	padding:9px;
	border:1px solid #303F9F;
	border-radius: 10px;
    font-weight: 500;
    font-size: 14px;    
}
.dataFormBox .inputSec .hasBtn .btn.st01 { 
	background: #FFF;
	color: #303F9F;
}
.dataFormBox .inputSec .hasBtn .btn.st02 { 
	background: #303F9F; 
	color: #FFF;
}
.dataFormBox .inputSec.fullWid { 
	width: 100% !important; 
}
.dataFormBox .inputBox .timeBox { 
	display:flex;
	align-items:center; 
	gap:10px;
}
.dataFormBox .inputBox .timeBox .inputArea { 
	width: calc((100% - 30px)/2); 
}
.dataFormBox .inputBox .timeBox .midBar {
	flex-shrink:0;
	display:block;
	width: 10px;
	height: 2px;
	font-weight: 500;
	background: #E0E0E0;
}
.dataFormBox .inputBox .iptBox {
	display: flex;
	gap: 8px;
}
.dataFormBox .inputBox .iptBox select.inputArea {
	flex-basis:80px; 
}
.dataFormBox .inputBox .iptBox input.inputArea {
	flex-grow: 1;
}
.dataFormBox .cateLst01 {
	display:flex; 
	flex-wrap:wrap;
	gap:8px;
	min-height: 40px;
	padding:7px 8px 8px;
	background: #F6F6FB;
	border: 1px solid #E0E2E4;
	border-radius: 5px;
}
.dataFormBox .cateLst01 li { 
	position:relative;
}
.dataFormBox .cateLst01 .chkIpt { 
	position:absolute;
	width: 0;
	height: 0;
	left:0;
	top:0;
	overflow:hidden;
}
.dataFormBox .cateLst01 .chkLbl { 
	position:relative;
	display:block;
	padding:1px 0 0 20px;
	font-size: 14px;
    color: #373737;
}
.dataFormBox .cateLst01 .chkLbl .circle {
	position:absolute;
	display:block;
	width: 16px; 
	height: 16px;
	top:3px;
	left:0;
	border:2px solid #E0E0E0;
	border-radius:50%;
	transition:all .3s ease;
}
.dataFormBox .cateLst01 .chkIpt:checked + .chkLbl .circle { 
	border-color:#303F9F; 
}
.dataFormBox .cateLst01 .chkIpt:checked + .chkLbl .circle:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px; 
	height: 8px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background:#303F9F;
	border-radius: 50%;
}
.dataFormBox .inputBox .infoLst { 
	display:flex; 
	flex-wrap:wrap;
	gap:10px;
	margin:8px 0 0;
}
.dataFormBox .inputBox .fileBox { 
	position:relative; 
	display:flex;
	gap:8px;
}
.dataFormBox .inputBox .fileBox .inputArea { 
	flex-grow:1;
}
.dataFormBox .inputBox .fileBox .fileIpt {
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	right: 0;
	overflow:hidden;
}
.dataFormBox .inputBox .fileBox .fileLbl,
.dataFormBox .inputBox .fileBox .fileBtn {
	flex-shrink:0;
	display:block; 
	padding:9px 14px;
	border-width:1px;
	border-style:solid;
	border-radius: 10px;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
}
.dataFormBox .inputBox .fileBox .fileLbl { 
	background:#F5F5F5;
	border-color:#E0E0E0;
	color: #777;
}
.dataFormBox .inputBox .fileBox .fileBtn { 
	background:#303F9F;
	border-color:#303F9F;
	color: #FFF;
}
.dataFormBox .inputBox .thumbNail {
	position:relative; 
	width: 150px;
	height: 150px;
	margin:10px 0 0;
	border:1px solid #E0E0E0;
	border-radius: 10px;
	overflow:hidden;
}
.dataFormBox .inputBox .thumbNail img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.dataFormBox .inputBox .thumbNail.noImg { 
	background:url(/Form/_guest/basic/images/common/comNoImg01.svg) no-repeat;
	background-size:cover;
}
.dataFormBox .inputBox.has2 .inputSec { 
	width: calc((100% - 24px)/2);
}
.dataFormBox .inputBox.has3 .inputSec { 
	width: calc((100% - 48px)/3); 
}
.dataFormBox .inputBox.has4 .inputSec { 
	width: calc((100% - 72px)/4);
}
.dataFormBox .inputBox.has5 .inputSec { 
	width: calc((100% - 96px)/5);
}
.dataFormBox *:not(.cTit01) + .inputBox {
	margin-top:24px;
}
.dataFormBox + .dataFormBox { 
	margin-top:20px;
}
.dataFormBox.lastBox { 
	padding-bottom:0;
	border-bottom:none;
}
.dataBtmBox { 
	display:flex; 
	flex-wrap:wrap; 
	justify-content:center; 
	gap:16px;
	margin:30px auto 0;
}
.dataBtmBox .btn {
	display: flex;
    justify-content: center;
    align-items: center;
    min-width: 180px;
    padding: 10px;
	border-width:1px;
	border-style:solid;
    border-radius: 10px;
	font-family: Pretendard, sans-serif;
    font-weight: 700;
    font-size: 18px;
}
.dataBtmBox .btn.st01 { 
	background:#EDEDED;
	border-color:#EDEDED;
    color: #797979;
}
.dataBtmBox .btn.st02 { 
	background:#121520;
	border-color:#121520;
    color:#FFF; 
}
.dataBtmBox .btn.st03 {
	border-color:#F0F0F0;
    color:#212121;
}
.dataBtmBox .btn.fullWid { 
	width: 100%; 
}
@media all and (max-width:1399px){
	.dataFormBox .inputBox { 
		gap:15px; 
	}
	.dataFormBox .inputBox.has2 .inputSec,
	.dataFormBox .inputBox.has4 .inputSec { 
		width: calc((100% - 15px)/2);
	}
	.dataFormBox .inputBox.has3 .inputSec { 
		width: calc((100% - 30px)/3);
	}
	.dataFormBox .inputBox.has5 .inputSec { 
		width: calc((100% - 60px)/5);
	}
	.dataFormBox .cateLst01 li { 
		width: calc((100% - 6px)/2);
	}
	.dataFormBox *:not(.cTit01) + .inputBox { 
		margin-top:15px;
	}
}
@media all and (max-width:999px){
	.dataFormBox { 
		padding:0 0 16px;
	}
	.dataFormBox .inputSec .tit { 
		margin:0 0 5px;
	}
	.dataFormBox .inputBox.has3 .inputSec,
	.dataFormBox .inputBox.has4 .inputSec,
	.dataFormBox .inputBox.has5 .inputSec { 
		width: calc((100% - 15px)/2);
	}
	.dataFormBox .inputSec .tit,
	.dataFormBox .cateLst01 .chkLbl,
	.dataFormBox .inputSec .hasBtn .btn,
	.dataFormBox .inputBox .fileBox .fileLbl,
	.dataFormBox .inputBox .fileBox .fileBtn {
		font-size:13px;
	}
	.dataFormBox .cateLst01 .chkLbl .circle {
		top:2px; 
	}
	.dataFormBox + .dataFormBox { 
		margin-top:15px;
	}
	.dataBtmBox { 
		gap:8px;
		margin:20px auto 0;
	}
	.dataBtmBox .btn { 
		min-width: 100px;
		padding:8px 8px 7px;
		font-size: 15px;
	}
}
@media all and (max-width:599px){
	.dataFormBox .inputBox { 
		gap:10px; 
	}	
	.dataFormBox .inputBox .iptBox {
		flex-wrap:wrap;
		gap:5px;
	}
	.dataFormBox .inputBox .iptBox .inputArea { 
		width: 100%;
	}
	.dataFormBox .inputBox.has2 .inputSec, 
	.dataFormBox .inputBox.has3 .inputSec, 
	.dataFormBox .inputBox.has4 .inputSec, 
	.dataFormBox .inputBox.has5 .inputSec { 
		width: 100%; 
	}
	.dataFormBox *:not(.cTit01) + .inputBox { 
		margin-top:10px;
	}
	.dataFormBox .inputSec .hasBtn { 
		flex-wrap:wrap;
	}
	.dataFormBox .inputSec .hasBtn .btn { 
		width: 100%;
	}
	.dataFormBox .inputBox .fileBox { 
		flex-wrap:wrap;
	}
	.dataFormBox .inputBox .fileBox .inputArea { 
		width: 100%;
	}
	.dataFormBox .inputBox .fileBox .fileLbl,
	.dataFormBox .inputBox .fileBox .fileBtn { 
		width: calc((100% - 8px)/2); 
	}
}
/* 데이터 입력 공통 박스 끝
------------------------------------------------------ */
/* numberIntro 시작
------------------------------------------------------ */
.numberIntro { 
	display:flex;
	flex-wrap:wrap;
	gap:24px;
}
.numberIntro .statBox { 
	position:relative; 
	width: calc((100% - 72px)/4);
	padding:20px;
	border-radius:5px;
	background:#FFF; 
	box-shadow:1px 1px 10px 0 #EAEAEA;
}
.numberIntro .statBox .tit { 
	margin:0 0 45px;
	font-weight:500;
	font-size:18px;
	color:#373737;
}
.numberIntro .statBox .lnk { 
	display:block; 
	position:absolute;
	width: 24px;
	height: 24px;
	top:20px;
	right:20px;
	background:url(/Form/_guest/basic/images/common/numberIntroLnk.png) no-repeat;
	background-size:cover;
}
.numberIntro .statBox .btmBox { 
	display:flex; 
	flex-wrap:wrap; 
	justify-content:space-between;
	gap:10px;
}
.numberIntro .statBox .btmBox .lBox .num { 
	display: inline-flex;
    padding: 3px 3px 3px 6px;
    border-radius: 20px;
    font-weight: 500;
    font-size: 14px;
    color: #FFF;
}
.numberIntro .statBox .btmBox .lBox .num:after { 
	content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 0 0 3px;
	/*
    background: url(/Form/_guest/basic/images/common/adm_homeUpIco03.png) no-repeat;
    background-size: cover; 
	*/
}
.numberIntro .statBox .btmBox .lBox .num.num01 { 
	background: #F05050; 
}
.numberIntro .statBox .btmBox .lBox .num.num02 { 
	background: #10C469; 
}
.numberIntro .statBox .btmBox .lBox .num.num03 { 
	background: #FFBD4A; 
}
.numberIntro .statBox .btmBox .lBox .num.num04 { 
	background: #FF8ACC; 
}
.numberIntro .statBox .btmBox .lBox .txt { 
	display:block; 
	margin:6px 0 0;
	font-size:16px;
	color:#999;
}
.numberIntro .statBox .btmBox .rBox { 
	min-width: 42%;
	padding:13px 20px;
	background: #F6F6F6;
	border-radius: 5px;
}
.numberIntro .statBox .btmBox .rBox .lst { 
	display:flex; 
	flex-wrap:wrap; 
}
.numberIntro .statBox .btmBox .rBox li { 	
	position:relative; 
	width: 100%;
	padding:0 0 0 30px;
	margin:0 0 8px;
	font-size:17px;
	color:#373737;
	text-align:right;
}
.numberIntro .statBox .btmBox .rBox 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 .statBox .btmBox .rBox li span { 
	margin:0 2px 0 0;
	font-family: Pretendard, sans-serif;	
	font-weight:700;
	font-size:1.412em; 
}
/*
.numberIntro .statBox .btmBox .rBox li.total01:before { 
	background-image: url(/Form/_guest/basic/images/common/numIcoTotal01.svg);
}
.numberIntro .statBox .btmBox .rBox li.total02:before { 
	background-image: url(/Form/_guest/basic/images/common/numIcoTotal02.svg);
}
.numberIntro .statBox .btmBox .rBox li.total03:before { 
	background-image: url(/Form/_guest/basic/images/common/numIcoTotal03.svg);
}
.numberIntro .statBox .btmBox .rBox li.and:before { 
	background-image: url(/Form/_guest/basic/images/common/numIcoAnd01.svg);	 
}
.numberIntro .statBox .btmBox .rBox li.one:before {
	background-image: url(/Form/_guest/basic/images/common/numIcoOne01.svg);
}
.numberIntro .statBox .btmBox .rBox li.app:before {
	background-image: url(/Form/_guest/basic/images/common/numIcoApp01.svg);
}
.numberIntro .statBox .btmBox .rBox li.point:before {
	background-image: url(/Form/_guest/basic/images/common/numIcoPnt01.svg);
}
*/
.numberIntro .statBox .btmBox .rBox li:last-child { 
	margin:0;
}
.numberIntro .statBox.hasR { 
	display:flex; 
	flex-direction:column;
}
.numberIntro .statBox.hasR .tit { 
	flex-grow:1;
}
.numberIntro .statBox.hasR .btmBox { 
	justify-content:flex-end; 
}
@media all and (max-width:1499px){
	.numberIntro .statBox { 
		padding:15px;
	}
	.numberIntro .statBox .tit { 
		margin:0 0 15px;
	}
	.numberIntro .statBox .lnk { 
		width: 19px;
		height: 19px;
		top:15px;
		right:15px;
	}
	.numberIntro .statBox .btmBox > * { 
		width: 100%; 
	}
	.numberIntro .statBox .btmBox .lBox { 
		height: 50px;
	}
	.numberIntro .statBox .btmBox .lBox .txt { 
		font-size:15px; 
	}
	.numberIntro .statBox .btmBox .rBox { 
		padding:10px;
	}
	.numberIntro .statBox .btmBox .rBox .lst { 
		justify-content:space-between; 
	}
	.numberIntro .statBox .btmBox .rBox li { 
		font-size:16px;
	}
}
@media all and (max-width:1199px){
	.numberIntro { 
		gap:20px; 
	}
	.numberIntro .statBox { 
		width: calc((100% - 20px)/2);
	}
}
@media all and (max-width:999px){
	.numberIntro .statBox .tit {
		margin:0 0 10px;
		font-size:15px; 
	}
	.numberIntro .statBox .btmBox .lBox .txt { 
		font-size:14px; 
	}
	.numberIntro .statBox .btmBox .rBox li { 
		font-size:15px; 
	}
}
@media all and (max-width:599px){
	.numberIntro { 
		gap:10px; 
	}
	.numberIntro .statBox { 
		width: 100%; 
	}
	.numberIntro .statBox .lnk { 
		width: 17px;
		height: 17px;
	}
}
/* numberIntro 끝
------------------------------------------------------ */
/* 게시판 write 스킨 시작
------------------------------------------------------ */
.brdWriteWr { 
	display:flex;
	flex-wrap:wrap; 
	padding:24px;
	background: #FFF;
	border-radius: 5px;
}
.brdWriteTit { 
	width: 100%;
	margin:0 0 12px;
	padding:0 0 10px;
	border-bottom:2px solid #303F9F;
	font-weight: 500;
	font-size: 18px;
	color: #303F9F;
}
.brdWriteDl { 
	display:flex;
	gap:10px;
}
.brdWriteDl dt { 
	flex-shrink:0;
	width: 92px;
	padding:10px 0 0;
	font-weight: 500;
	font-size: 16px;
	color: #373737;
}
.brdWriteDl dt .pnt { 
	color: #E33B52; 
}
.brdWriteDl dd { 
	flex-grow:1; 
}
.brdWriteDl dd .fileBox { 
	position:relative;
	display:flex;
	gap:10px;
}
.brdWriteDl dd .fileBox .inputArea { 
	flex-grow:1; 
}
.brdWriteDl dd .fileBox .fileIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	font-size: 0;
	overflow:hidden;
}
.brdWriteDl dd .fileBox .fileLbl { 
	flex-shrink:0;
	display:block;
	padding: 10px 14px;
    background:#303F9F;
    border-radius: 5px;
    font-size: 14px;
    color: #FFF;
	text-align: center;
}
.brdWriteDl dd .fileThumb { 
	position:relative;
	width: 200px;
	height: 200px;
	border:1px solid #E0E0E0;
	border-radius: 8px;
	font-size: 0; 
	overflow:hidden;
}
.brdWriteDl dd .fileThumb img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.brdWriteDl + .brdWriteDl { 
	margin-top:24px;
}
.brdWriteDl.fullWid { 
	width: 100% !important; 
}
.brdWriteBtmBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center; 
	gap:16px;
	width: 100%;
	margin:24px 0 0;
}
.brdWriteBtmBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	min-width: 137px;
	height: 40px;
	padding:0 10px;
	border-radius: 5px;
	font-weight: 500;
	font-size: 18px;
}
.brdWriteBtmBox .btn.st01 { 
	background: #CDCDCD;
	color: #666;
}
.brdWriteBtmBox .btn.st02 { 
	background: #303F9F;
	color: #FFF;
}
.brdWriteWr.has2 { 
	gap:24px; 
}
.brdWriteWr.has2 .brdWriteTit { 
	margin:0;
}
.brdWriteWr.has2 .brdWriteDl { 
	width: calc((100% - 24px)/2);
}
.brdWriteWr.has2 .brdWriteDl + .brdWriteDl { 
	margin-top:0;
}
.brdWriteWr.has2 .brdWriteBtmBox { 
	margin:0;
}
@media all and (max-width:999px){
	.brdWriteWr { 
		padding:20px;
	}
	.brdWriteTit {
		margin:0 0 10px;
		padding:0 0 8px;
		font-size: 15px;
	}
	.brdWriteDl { 
		flex-wrap: wrap;
		gap:5px;
	}
	.brdWriteDl dt {
		width: 100%;
		padding:0;
		font-size: 14px;
	}
	.brdWriteDl + .brdWriteDl { 
		margin-top:20px;
	}
	.brdWriteWr.has2 { 
		gap:20px; 
	}
	.brdWriteWr.has2 .brdWriteDl { 
		width: calc((100% - 20px)/2);
	}
	.brdWriteBtmBox { 
		gap:10px;
		margin:20px 0 0;
	}
	.brdWriteBtmBox .btn { 
		min-width: 100px;
		font-size: 15px;
	}
}
@media all and (max-width:999px){
	.brdWriteWr { 
		padding:15px;
	}
	.brdWriteTit { 
		margin:0 0 8px;
		padding:0 0 6px;
	}
	.brdWriteDl dd .fileBox { 
		flex-wrap:wrap; 
		gap:8px;
	}
	.brdWriteDl dd .fileBox .inputArea,
	.brdWriteDl dd .fileBox .fileLbl { 
		width: 100%; 
	}
	.brdWriteDl + .brdWriteDl { 
		margin-top:15px;
	}
	.brdWriteWr.has2 { 
		gap:15px; 
	}
	.brdWriteWr.has2 .brdWriteDl { 
		width: 100%;
	}
	.brdWriteBtmBox { 
		gap:8px;
		margin:15px 0 0;
	}
	.brdWriteBtmBox .btn {
		width: calc((100% - 8px)/2);
		min-width: 0;
	}
}
/* 게시판 write 스킨 끝
------------------------------------------------------ */
/* 게시판 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 5px;
	border-radius: 50px;
	font-weight:500;
	font-size:16px;
	letter-spacing:-.04em;
	color:#FFF;
}
.brdViewWr .topBox .titBox .cate.st01 {
	background: #303F9F;
}
.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 .lst {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:13px;
}
.brdViewWr .topBox .infoBox .lst li {
	font-size:16px;
	letter-spacing:-.04em;
	color:#999;
}
.brdViewWr .topBox .infoBox .lst .lstLnk {
	display:block;
	font-size:1em;
	color:#999;
}
.brdViewWr .topBox .infoBox .lst li.name,
.brdViewWr .topBox .infoBox .lst li.name .lstLnk {
	color: #373737;
}
.brdViewWr .conBox {
	min-height: 450px;
	padding:23px 10px;
	border-bottom:1px solid #E0E0E0;
}
.brdViewWr .conBox > * {
	margin:0 0 10px;
}
.brdViewWr .conBox > *:last-child {
	margin:0;
}
.brdViewWr .conBox .brdTxt {
	font-size:16px;
	line-height:1.5;
	letter-spacing:-.04em;
	color:#373737;
	word-break:break-all;
}
.brdViewWr .conBox .imgBox {
	font-size: 0;
}
.brdViewWr .conBox .imgBox img {
	max-width: 100%;
}
.brdViewWr .replyBox {
	position:relative;
	padding:24px 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 .rpImgBox { 
	position:relative; 
	width: 80px;
	height: 80px;
	border:1px solid #E0E0E0;
	border-radius: 5px;
	overflow: hidden;
}
.brdViewWr .replyBox .rpImgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.brdViewWr .replyBox .rpCon {
	margin:0 0 17px;
	word-break:break-all;
}
.brdViewWr .replyBox .rpImgBox + .rpCon { 
	margin-top:10px;
}
.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:-5px;
	right:15px;
}
.brdViewWr .replyBox .rpEditBox .rpEditArea ul {
	border:1px solid #E0E0E0;
	border-radius: 10px;
	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;
	width: 100%;
	background: #FFF;
	padding:10px 15px;
}
.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:16px;
	color:#616161;
}
.brdViewWr .replyBox .rpEditBox .rpEditArea ul li .rpEditBtn.st_del:before {
	background-image: url(/Form/_guest/basic/images/common/replyIcoDel01.svg);
}
.brdViewWr .replyBox .rpEditBox .rpEditArea ul li .rpEditBtn.st_edit:before {
	background-image: url(/Form/_guest/basic/images/common/replyIcoEdit01.svg);
}
.brdViewWr .replyBox .rpEditBox .rpEditArea ul li .rpEditBtn.st_ban:before {
	background-image: url(/Form/_guest/basic/images/common/replyIcoBan01.svg);
}
.brdViewWr .replyBox .rpEditBox .rpEditArea ul li .rpEditBtn.st_decl:before {
	background-image: url(/Form/_guest/basic/images/common/replyIcoDecl01.svg);
}
.brdViewWr .replyBox .rpEditBox .rpEditArea ul li .rpEditBtn.st_add:before {
	background-image: url(/Form/_guest/basic/images/common/replyIcoAdd01.svg);
}
.brdViewWr .replyBox .rpEditBox .rpEditArea ul li:last-child {
	border-bottom:none;
}
.brdViewWr .replyBox .cmtBox { 
	margin-top:24px;
	padding-bottom:0;
}
.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 *:not(.replyBox) + .replyBox { 
	margin-top:24px;
}
.brdViewWr .cmtBox {
	border-top:1px solid #E0E0E0;
	padding:23px 20px;
}
.brdViewWr .cmtBox .cmtFormBox {
	padding:16px;
	border:1px solid #E0E2E4;
	border-radius: 15px;
	font-size:0;
}
.brdViewWr .cmtBox .cmtIpt {
	width: 100%;
	padding:8px;
	background: #FFF;
	border:1px solid #E0E0E0;
	border-radius: 5px;
	font-size:16px;
	line-height:1.5;
	letter-spacing:-.04em;
	color:#373737;
}
.brdViewWr .cmtBox .cmtIpt::placeholder {
	color:#999;
}
.brdViewWr .cmtBox .btnBox {
	position:relative; 
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	justify-content:space-between; 
	gap:8px;
	margin:12px 0 0;
}
.brdViewWr .cmtBox .btnBox .btnLbox { 
	position:relative; 
	display:flex;
	flex-wrap:wrap; 
	gap:8px;
}
.brdViewWr .cmtBox .btnBox .fileIpt { 
	position:absolute; 
	width: 0;
	height: 0;	
	top: 0;
	left: 0;
	overflow: hidden;
}
.brdViewWr .cmtBox .btnBox .fileLbl { 
	display:block;
	width: 88px;
	height: 88px;
	border-radius:4px;
	background: #F6F6F9 url(/Form/_guest/basic/images/common/comCmtFile01.svg) no-repeat center center;
	font-size: 0;
}
.brdViewWr .cmtBox .btn {
	display:block;
	padding:5px 16px;
	border:1px solid #303F9F;
	border-radius: 999px;
	font-weight:500;
	font-size:14px;
}
.brdViewWr .cmtBox .btn.st01 {
	background: #303F9F;
	color:#FFF;
}
.brdViewWr .cmtBox .btn.st02 {
	color:#303F9F;
}
.brdViewWr .cmtBox .fileLst { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.brdViewWr .cmtBox .fileLst li { 
	position:relative;
	width: 88px;
	height: 88px;
	border:1px solid #EFEFEF;
	border-radius:4px;
	font-size: 0;
	overflow: hidden;
}
.brdViewWr .cmtBox .fileLst li img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.brdViewWr .cmtBox .fileLst li .fileDel { 
	position:absolute; 
	display:none; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.4);
	z-index:1;
}
.brdViewWr .cmtBox .fileLst li .fileDel span { 
	position:absolute; 
	display:block;
	width: 10px;
	height: 10px;
	top: 7px;
	right: 7px;
	overflow: hidden;
}
.brdViewWr .cmtBox .fileLst li .fileDel span:before,
.brdViewWr .cmtBox .fileLst li .fileDel span:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -6px;
	background: #FFF;
	border-radius: 4px;
}
.brdViewWr .cmtBox .fileLst li .fileDel span:before { 
	transform:rotate(45deg); 
}
.brdViewWr .cmtBox .fileLst li .fileDel span:after { 
	transform:rotate(-45deg); 
}
.brdViewWr .cmtBox .fileLst li:hover .fileDel { 
	display:block; 
}
.brdViewWr .cmtBox .fileLst.stOff,
.brdViewWr .cmtBox.stOff {
	display:none;
}
.brdViewWr .attachFileBox01 { 
	margin:24px 0 0;
}
.brdViewWr .attachFileBox01 .fileTit01 { 
	margin:0 0 10px;
	font-weight: 700; 
	font-size: 16px;
	color: #212121;
}
.brdViewWr .attachFileBox01 .fileLst01 { 
	padding:0 24px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.brdViewWr .attachFileBox01 .fileLst01 li { 
	padding:15px 0;
	border-bottom:1px solid #EAEAEA;
}
.brdViewWr .attachFileBox01 .fileLst01 li:last-child { 
	border-bottom:none;
}
.brdViewWr .attachFileBox01 .fileLst01 .fileLnk { 
	position:relative; 
	display:block;
	padding:0 20px 0 48px;
	font-weight: 500;
	font-size: 14px;
	color: #2E95DF;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.brdViewWr .attachFileBox01 .fileLst01 .fileLnk:before,
.brdViewWr .attachFileBox01 .fileLst01 .fileLnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 50%;
	background-size:cover;
	background-repeat:no-repeat;
}
.brdViewWr .attachFileBox01 .fileLst01 .fileLnk:before {
	width: 32px;
	height: 32px;
	left: 0;
	margin:-16px 0 0;
	background-image:url(/Form/_guest/basic/images/common/brdViewAttach01.svg);
}
.brdViewWr .attachFileBox01 .fileLst01 .fileLnk:after { 
	width: 18px;
	height: 18px;
	right: 0;
	margin:-9px 0 0;
	background-image:url(/Form/_guest/basic/images/common/brdViewAttachDown01.svg); 
}
.brdViewWr .attachFileBox01 .fileLst01 .fileLnk span { 
	display:block;
	margin:6px 0 0;
	font-weight: 400;
	font-size: 13px;
	color: #5D5D5D;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.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) {
	background:#303F9F;
	color: #FFF;
}
.brdViewBtnBox > *:nth-child(even) {
	border:1px solid #303F9F;
	color: #303F9F;
}
@media all and (max-width:999px){
	.brdViewWr .topBox .infoBox .lst,
	.brdViewBtnBox {
		gap:8px;
	}
	.brdViewWr .topBox .titBox .cate,
	.brdViewWr .topBox .infoBox .lst li,
	.brdViewWr .conBox .brdTxt,
	.brdViewWr .replyBox > *,
	.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;
	}
	.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:before {
		width: 16px;
		height: 16px;
	}
	.brdViewWr .replyBox .rpEditBox .rpEditArea ul li .rpEditBtn span {
		font-size:14px;
	}
	.brdViewWr .replyBox .cmtBox {
		margin-top:20px;
	}
	.brdViewWr .replyBox.st_rere {
		padding-left:30px;
	}
	.brdViewWr .replyBox.st_rere:before {
		top:23px;
		left:15px;
	}
	.brdViewWr *:not(.replyBox, .cmtBox) + .replyBox { 
		margin-top:20px;
	}
	.brdViewWr .cmtBox {
		padding:15px 0;
	}
	.brdViewWr .cmtBox .cmtIpt {
		padding:10px;
	}
	.brdViewWr .cmtBox .btnBox {
		margin:10px 0 0;
	}
	.brdViewWr .cmtBox .btnBox .fileLbl { 
		width: 60px;
		height: 60px;
		background-size:19px auto;
	}
	.brdViewWr .cmtBox .btn {
		padding:4px 10px;
		font-size:13px;
	}
	.brdViewWr .cmtBox .fileLst li { 
		width: 60px;
		height: 60px;
	}
	.brdViewWr .attachFileBox01 { 
		margin:16px 0 0;
	}
	.brdViewWr .attachFileBox01 .fileTit01 { 
		margin:0 0 8px;
		font-size: 14px;
	}
	.brdViewWr .attachFileBox01 .fileLst01 { 
		padding:0 16px;
		border-radius: 5px;
	}
	.brdViewWr .attachFileBox01 .fileLst01 li { 
		padding:10px 0;
	}
	.brdViewWr .attachFileBox01 .fileLst01 .fileLnk {
		padding:0 16px 0 30px;
		font-size: 13px;
	}
	.brdViewWr .attachFileBox01 .fileLst01 .fileLnk:before {
		width: 24px;
		height: 24px;
		margin:-12px 0 0;
	}
	.brdViewWr .attachFileBox01 .fileLst01 .fileLnk:after { 
		width: 14px;
		height: 14px;
		margin:-7px 0 0;
	}
	.brdViewWr .attachFileBox01 .fileLst01 .fileLnk span {
		margin:4px 0 0;
	}
	.brdViewBtnBox {
		margin:30px 0 0;
	}
	.brdViewBtnBox > * {
		min-width: 100px;
		height: 32px;
	}
}
@media all and (max-width:599px){
	.brdViewWr .topBox .infoBox .lst,
	.brdViewBtnBox {
		gap:5px;
	}
	.brdViewWr .topBox .titBox .cate,
	.brdViewWr .topBox .infoBox .lst li,
	.brdViewWr .conBox .brdTxt,
	.brdViewWr .replyBox > *,
	.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:before {
		width: 14px;
		height: 14px;
	}
	.brdViewWr .replyBox.st_rere:before {
		top:13px;
	}
	.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:#303F9F;
	color:#FFF;
}
.fileUpSec .fusBtnLst li:nth-child(even) > * { 
	border:1px solid #303F9F;
	color:#303F9F;
}
@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/_guest/basic/images/common/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:#303F9F;
	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: #303F9F;
	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 {
	align-items:stretch;
	gap:0;
}
.comFlexBox.has2,
.comFlexBox.has4 { 
	gap:24px; 
}
.comFlexBox.has2 > * {
	width: calc((100% - 24px)/2);
}
.comFlexBox.has4 > * { 
	width: calc((100% - 72px)/4);
}
@media all and (max-width:1199px){
	.comFlexBox.has4 > * {
		width: calc((100% - 24px)/2);
	}
}
@media all and (max-width:999px){
	.comFlexBox.has2,
	.comFlexBox.has4 { 
		gap:10px; 
	}
	.comFlexBox.has2 > *,
	.comFlexBox.has4 > * { 
		width: 100%;
	}
}
/* comFlexBox 끝
------------------------------------------------------ */
/* reportIntroBox 시작
------------------------------------------------------ */
.reportIntroBox { 
	display:flex; 
	flex-wrap:wrap;
	gap:24px;
}
.reportIntroBox .reportIntro {
	position:relative; 
	width: calc((100% - 48px)/3);
	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;
}
@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; 
	}
}
@media all and (max-width:999px){
	.reportIntroBox { 
		gap:16px; 
	}
	.reportIntroBox .reportIntro { 
		width: calc((100% - 16px)/2);
		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:14px; 
	}
	.reportIntroBox .reportIntro .lst li:before { 
		width: 16px; 
		height: 16px;
	}
}
@media all and (max-width:599px){
	.reportIntroBox .reportIntro .lst li {
		padding:0 0 0 15px;
	}
	.reportIntroBox .reportIntro .lst li:before { 
		width: 12px; 
		height: 12px;
	}
    .reportIntroBox .reportIntro .num span { 
		margin:0 3px 0 0;
    } 
}
/* reportIntroBox 끝
------------------------------------------------------ */
/* 공통 통계수치 시작
------------------------------------------------------ */
.comStatLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.comStatLst01 > li { 
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:5px;
	width: calc((100% - 60px)/4);
	padding:30px;
	background: #FFF;
	border-radius: 10px;
	box-shadow: 2px 4px 16px 0 rgba(69,67,118,.1);
}
.comStatLst01 dl { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	font-family: Pretendard, sans-serif;	
	letter-spacing: 0;
}
.comStatLst01 dt { 
	flex-shrink:0;
	font-weight: 600;
	font-size: 15px;
	color: #2E3337;
}
.comStatLst01 dt span { 
	font-size: 12px; 
	color: #303F9F;
}
.comStatLst01 dd { 
	flex-grow:1;
	text-align: right;
	font-weight: 700;
	font-size: 18px;
	color: #303F9F;
}
.comStatLst01.has3 > li { 
	width: calc((100% - 40px)/3); 
}
.comStatLst01.has5 > li {
	width: calc((100% - 80px)/5); 
}
.comStatLst01.has6 > li {
	width: calc((100% - 100px)/6); 
}
@media all and (max-width:1699px){
	.comStatLst01 > li { 
		gap:8px;
	}
	.comStatLst01 dl { 
		flex-wrap:wrap;
		gap:3px;
	}
	.comStatLst01 dt,
	.comStatLst01 dd { 
		width: 100%;
	}
	.comStatLst01.has6 > li {
		width: calc((100% - 40px)/3);
	}
}
@media all and (max-width:1399px){ 
	.comStatLst01 { 
		gap:16px; 
	}
	.comStatLst01 > li {
		width: calc((100% - 16px)/2);
		padding:16px;
	}
	.comStatLst01.has3 > li,
	.comStatLst01.has5 > li,
	.comStatLst01.has6 > li {
		width: calc((100% - 16px)/2); 
	}
}
@media all and (max-width:999px){
	.comStatLst01 dt { 
		font-size: 13px; 
	}
	.comStatLst01 dd { 
		font-size: 15px;
	}
}
@media all and (max-width:799px){
	.comStatLst01 { 
		gap:10px;
	}
	.comStatLst01 > li {
		width: 100%;
		padding:10px;
	}
	.comStatLst01.has3 > li,
	.comStatLst01.has5 > li,
	.comStatLst01.has6 > li { 
		width: 100%; 
	}
}
/* 공통 통계수치 끝
------------------------------------------------------ */