@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css2?family=Belleza&family=Noto+Serif+KR:wght@200..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);

@font-face {
	font-family: Pretendard;
	src: url(/fonts/Pretendard-Regular.woff2) format(woff2);
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: Pretendard;
	src: url(/fonts/Pretendard-Medium.woff2) format(woff2);
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: Pretendard;
	src: url(/fonts/Pretendard-Bold.woff2) format(woff2);
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
}
html, body { 
	position:relative; 
	width: 100%;
	overflow-x:hidden;
}
body { 
	font-family: Noto Sans KR, sans-serif;
	font-weight:400;
	line-height:1.3;
	letter-spacing:-.3px;
	word-break:keep-all;
}
a { 
	text-decoration:none; 
}
li { 
	list-style:none; 
}
button, input, textarea, select { 
	background: transparent; 
	border:none;
	font-family: Noto Sans KR, sans-serif;
	line-height:1.3;
	letter-spacing:-.3px;
	word-break:keep-all;
}
label, button, a {
	cursor:pointer; 
}
input, textarea { 
	display:block; 
	min-width: 0; 
	outline:none; 
}
button { 
	text-align: left; 
}
textarea { 
	resize:none;
}
table { 
	width:100%;
	table-layout:fixed; 
	border-spacing:0;
	border-collapse:collapse;
}
.wrapper { 
	padding:90px 0 0;
}
.inner { 
	max-width: 1200px; 
	margin:0 auto;
}
.comPopBg { 
	position:fixed; 
	display:none; 
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: rgba(0,0,0,.8);
	z-index:10;
}
.comPopBg.notBg { 
	background: transparent; 
}
.comGbox { 
	padding:20px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.comTopBox { 
	padding:0 0 16px;
	margin:0 0 19px;
	border-bottom:1px solid #DBDBDB;
}
.cTit01 { 
	margin:0 0 5px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.cTxt01 { 
	font-weight: 500; 
	font-size: 16px;
	color: #797979;
}
.gap {
	height: 50px; 
}
.sgap { 
	height: 24px; 
}
.comNodata01 { 
	padding:50px 16px;
	text-align: center;
}
.comNodata01 .imgBox { 
	max-width: 100%;
	margin:0 auto 18px;
	font-size: 0;
}
.comNodata01 .imgBox img { 
	max-width: 100%; 
}
.comNodata01 .txt { 
	font-size: 14px; 
	color: #797979;
}
.subComWr { 
	padding:24px 0 0;
}
@media all and (max-width:1399px){
	.comContentWr { 
		padding:0 0 0 90px;
	}
}
@media all and (max-width:1232px){
	.inner { 
		margin:0 16px;
	}
}
@media all and (max-width:999px){
	.wrapper { 
		padding:55px 0 0;
	}
	.comGbox { 
		padding:16px;
	}
	.comTopBox { 
		padding:0 0 10px;
		margin:0 0 16px;
	}
	.cTit01 { 
		margin:0 0 3px;
		font-size: 16px;
	}
	.cTxt01 { 
		font-size: 14px;
	}
	.gap { 
		gap:30px; 
	}
	.sgap { 
		height: 16px; 
	}
	.comNodata01 { 
		padding:30px 16px;
	}
	.comNodata01 .imgBox { 
		width: 125px;
		margin:0 auto 5px;
	}
	.comNodata01 .txt { 
		font-size: 13px;
	}
	.subComWr { 
		padding:16px 0 0;
	}
}

/* 헤더 시작
------------------------------------------------------ */
header { 
	position:fixed;
	width: 100%;
	height: 90px;
	background: #FFF;
	border-bottom:1px solid #E0E0E0;
	z-index:10;
}
header .inner { 
	display:flex;
	align-items:center;
	gap:24px;
	height: 100%;
}
header .hLogo { 
	flex-shrink:0; 
}
header .hLogo a { 
	display:block; 
	font-size: 0;
}
header .hLogo a img { 
	max-width: 100%; 
}
header .mbMenuOn { 
	display:none;
}
header .hConBox { 
	flex-grow:1;
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:10px;
	height: 100%;
}
header .hConBox .lBox { 
	flex-grow:1;
	display:flex;
	align-items:center;
	gap:24px;
	height: 100%;
}
header .hConBox .rBox { 
	flex-shrink:0; 
	display:flex;
	align-items:center; 
	gap:6px;
}
header .hConBox .schBox { 
	position:relative; 
	width: 280px;
}
header .hConBox .schBox .ipt { 
	width: 100%;
	padding:11px 40px 10px 12px;
	background: #F7F7F7;
	border-radius: 5px;
	font-size: 14px;
	color: #424242;
}
header .hConBox .schBox .ipt::placeholder { 
	color: #999; 
}
header .hConBox .schBox .btnSch { 
	position:absolute; 
	display:block; 
	top:50%;
	right:12px;
	transform:translateY(-50%);
	font-size: 0;
}
header .hConBox .schBox .btnSch img { 
	max-width: 100%; 
}
header .hConBox .hMenuLst { 
	display:flex;
	align-items:center;
	gap:25px;
	height: 100%;
}
header .hConBox .hMenuLst > li { 
	position:relative;
	display:flex;
	align-items:center; 
	height: 100%; 
}
header .hConBox .hMenuLst .hMenu { 
	display:block;
	font-family: Pretendard-Medium, sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #424242;
	transition:all .3s ease;
}
header .hConBox .hMenuLst .hMenu:focus,
header .hConBox .hMenuLst .hMenu:hover { 
	color: #F44336; 
}
header .hConBox .hMenuLst .dep2Box { 
	position:absolute;
	display:none; 
	width: 130px;
	top: calc(100% - 1px);
	left: 50%;
	margin:0 0 0 -65px;
	padding:12px;
	background: #FFF;
	border-top:1px solid #F44336;
	box-shadow:0 2px 2px 0 rgba(80,80,80,.25);
}
header .hConBox .hMenuLst .dep2Lst li { 
	border-bottom:1px solid #EDEDED;
	text-align: center;
}
header .hConBox .hMenuLst .dep2Lst li:last-child { 
	border-bottom:none;
}
header .hConBox .hMenuLst .dep2Lst .dep2Lnk { 
	display:block;
	padding:8px;
	font-family: Pretendard-Medium, sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #797979;
	transition:all .3s ease;
}
header .hConBox .hMenuLst .dep2Lst .dep2Lnk:focus,
header .hConBox .hMenuLst .dep2Lst .dep2Lnk:hover { 
	color: #F44336;
}
header .hConBox .lnkLog { 
	position:relative; 
	display:block;
	padding:2px 0 0 30px;
	font-family: Pretendard-Medium, sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #FF3120;
}
header .hConBox .lnkLog:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:1px;
	left:0;
	background: url(/Form/_guest/basic/images/hLog01.svg) no-repeat;
	background-size:cover;
}
header .hConBox .userInfo { 
	display:flex;
	align-items:center;
	gap:6px;
}
header .hConBox .userInfo .imgBox { 
	position:relative;
	width: 24px;
	font-size: 0;
}
header .hConBox .userInfo .imgBox img { 
	width: 100%;
}
header .hConBox .userInfo .name { 
	font-weight: 500; 
	font-size: 14px;
	color: #424242;
}
header .hConBox .userInfo .name span { 
	font-size: 1.07em;
	color: #212121;
}
header .hConBox .logout { 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 20px;
	height: 20px;
	background: #F0F0F0;
	border-radius: 5px;	
	font-size: 0;
}
header .hConBox .logout img { 
	max-width: 100%; 
}
header .mbMenuBox { 
	display:none; 
}
@media all and (max-width:1199px){
	header .hConBox .lBox { 
		gap:20px; 
	}
	header .hConBox .schBox { 
		width: 300px; 
	}
	header .hConBox .hMenuLst { 
		gap:20px; 
	}
}
@media all and (max-width:999px){
	header { 
		height: 56px;
	}
	header .inner { 
		justify-content:space-between; 
	}
	header .hLogo a { 
		width: 124px; 
	}
	header .mbMenuOn { 
		position:relative; 
		display:block;
		width: 24px;
		height: 24px;
	}
	header .mbMenuOn:before,
	header .mbMenuOn:after { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 16px;
		height: 2px;
		left:50%;
		margin:0 0 0 -8px;
		background: #424242;
		border-radius: 4px;
	}
	header .mbMenuOn:before { 
		top:6px; 
	}
	header .mbMenuOn:after { 
		top:16px; 
	}
	header .mbMenuOn span { 
		position:absolute;
		display:block;
		width: 16px;
		height: 2px;
		top:50%;
		left:50%;
		margin:-1px 0 0 -8px;
		background: #424242;
		border-radius: 4px;		 
	}
	header .hConBox { 
		display:none;
	}
	header .mbMenuBg.on { 
		display:block; 
		z-index:1;
	}
	header .mbMenuBox { 
		position:fixed; 
		display:flex;
		flex-direction:column;
		width: 360px;
		max-width: 100%;
		height: 100%;
		top:0;
		right:-360px;
		background: #F7F7F7;
		transition:all .3s ease;
		z-index:2;
	}	
	header .mbMenuBox .topBox { 
		display:flex;
		align-items:center;
		justify-content:space-between;
		height: 56px;
		padding:0 16px;
		background: #FFF;
		border-bottom:1px solid #EDEDED;
	}
	header .mbMenuBox .topBox .logo { 
		width: 124px;
		font-size: 0; 
	}
	header .mbMenuBox .topBox .logo img { 
		max-width: 100%; 
	}
	header .mbMenuBox .topBox .mbMenuOff { 
		position:relative; 
		display:block;
		width: 24px;
		height: 24px;
	}
	header .mbMenuBox .topBox .mbMenuOff:before,
	header .mbMenuBox .topBox .mbMenuOff:after { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 18px;
		height: 2px;
		top:50%;
		left:50%;
		margin:-1px 0 0 -9px;
		background: #999;
		border-radius: 4px;
	}
	header .mbMenuBox .topBox .mbMenuOff:before { 
		transform:rotate(45deg); 
	}
	header .mbMenuBox .topBox .mbMenuOff:after { 
		transform:rotate(-45deg); 
	}
	header .mbMenuBox .infoBox {
		margin:0 0 7px;
		padding:16px 16px 21px;
		background: #FFF;	
		border-bottom:1px solid #EDEDED;
	}
	header .mbMenuBox .infoBox .gBox { 
		padding:16px;
		border:1px solid #EDEDED;
		border-radius: 5px;
	}
	header .mbMenuBox .infoBox .gBox .lnkBox { 
		display:flex;
		gap:10px;
		width: 100%;
	}
	header .mbMenuBox .infoBox .gBox .lnkBox .lnk {
		display:block; 
		width: calc((100% - 10px)/2);
		padding:14px 10px 13px;
		border:1px solid #F44336;
		border-radius: 5px;
		font-weight: 700;
		font-size: 16px;
		letter-spacing: -.22px;
		text-align: center;
	}
	header .mbMenuBox .infoBox .gBox .lnkBox .lnk.st01 { 
		background: #F44336;
		color: #FFF;
	}
	header .mbMenuBox .infoBox .gBox .lnkBox .lnk.st02 { 
		color: #F44336;
	}
	header .mbMenuBox .infoBox .gBox .lnkBox .lnk.fullWid { 
		width: 100%; 
	}
	header .mbMenuBox .loginAfter { 
		display:flex;
		flex-wrap:wrap; 
		justify-content:space-between;
		gap:10px;
	}
	header .mbMenuBox .loginAfter .user { 
		display:flex;
		align-items:center;
		gap:7px;
	}
	header .mbMenuBox .loginAfter .user .name { 
		font-weight: 700; 
		font-size: 16px;
		color: #212121;
	}
	header .mbMenuBox .loginAfter .user .per { 
		padding:3px 10px 4px;
		background: #FBC02D;
		border-radius: 100px;
		font-weight: 700;
		font-size: 13px;
		color: #FFF;
	}
	header .mbMenuBox .loginAfter .logout {
		position:relative;
		display:block;
		padding:0 10px 0 0;
		font-size: 14px;
		color: #797979;
	}
	header .mbMenuBox .loginAfter .logout:after { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 8px;
		height: 8px;
		top:50%;
		right:0;
		margin:-4px 0 0;
		transform:rotate(45deg);
		border-top:2px solid #797979;
		border-right:2px solid #797979;
	}
	header .mbMenuBox .loginAfter .myWord { 
		width: 100%;
		padding:18px 20px;
		background: #FFF7F6;
		border-radius: 5px;
	}
	header .mbMenuBox .loginAfter .myWord .mwTit { 
		margin:0 0 9px;
		font-weight: 500;
		font-size: 14px;
		color: #212121;
	}
	header .mbMenuBox .loginAfter .myWord .mwTxt { 
		font-size: 13px; 
		color: #666;
		word-break:break-all;
	}
	header .mbMenuBox .loginBefore .tit { 
		margin:0 0 5px;
		font-weight: 700;
		font-size: 16px;
		color: #212121;
	}
	header .mbMenuBox .loginBefore .txt { 
		margin:0 0 19px;
		font-size: 14px;
		color: #797979;
	}
	header .mbMenuBox .menuBox { 
		flex-grow:1;
		padding:20px 16px;
		background: #FFF;
	}
	header .mbMenuBox .menuBox .schBox { 
		position:relative;
		margin:0 0 18px;
	}
	header .mbMenuBox .menuBox .schBox .ipt {
		width: 100%;
		padding:11px 40px 11px 12px;
		background: #F7F7F7;
		border-radius: 5px;
		font-size: 14px;
		color: #424242;
	}
	header .mbMenuBox .menuBox .schBox .ipt::placeholder { 
		color: #999; 
	}
	header .mbMenuBox .menuBox .schBox .btn {
		position:absolute; 
		display:block;
		top:50%;
		right:12px;
		transform:translateY(-50%);
		font-size: 0;
	}
	header .mbMenuBox .menuBox .schBox .btn img { 
		max-width: 100%; 
	}
	header .mbMenuBox .menuBox .menuTit { 
		margin:0 0 10px;
		font-weight: 700;
		font-size: 16px;
		color: #212121;
	}
	header .mbMenuBox .menuBox .menuLst > li { 
		position:relative; 
	}
	header .mbMenuBox .menuBox .menuLst .menuLnk {
		position:relative; 
		display:block;
		width: 100%;
		padding:10px 30px 10px 10px;
		border-bottom:1px solid #EDEDED;
		font-family: Pretendard-Medium, sans-serif;
		font-weight: 500;
		font-size: 15px;
		color: #424242;
	}
	header .mbMenuBox .menuBox .menuLst .menuLnk:after { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 8px;
		height: 8px;
		top:50%;
		right:19px;
		margin:-4px 0 0;
		transform:rotate(45deg);
		border-top:2px solid #999;
		border-right:2px solid #999;
		transition:all .3s ease;
	}
	header .mbMenuBox .menuBox .menuLst .menuLnk.on:after { 
		transform:rotate(135deg);		 
	}
	header .mbMenuBox .menuBox .menuLst .dep2Box { 
		display:none; 
		padding:0 10px;
		background: #FAFAFA;
		border-bottom:1px solid #EDEDED;
	}
	header .mbMenuBox .menuBox .menuLst .dep2Lst li {
		border-bottom:1px solid #EDEDED;
	}
	header .mbMenuBox .menuBox .menuLst .dep2Lst li:last-child { 
		border-bottom:none;
	}
	header .mbMenuBox .menuBox .menuLst .dep2Lst .dep2Lnk { 
		display:block;
		padding:12px;
		font-family: Pretendard-Medium, sans-serif;
		font-weight: 500;
		font-size: 15px;
		color: #424242;
		transition:all .3s ease;
	}
	header .mbMenuBox .menuBox .menuLst .dep2Lnk:focus,
	header .mbMenuBox .menuBox .menuLst .dep2Lnk:hover { 
		color: #F44336;
	}
	header .mbMenuBox.on { 
		right:0; 
	}
}
/* 헤더 끝
------------------------------------------------------ */
/* 푸터 시작
------------------------------------------------------ */
.fTopBox { 
	margin:80px 0;
}
.fTopBox .inner { 
	padding:63px 40px 61px;
	background: url(/Form/_guest/basic/images/fTopBg01.png) no-repeat; 
	background-size:cover;
	border-radius: 5px;
	overflow: hidden;
}
.fTopBox .tit {
	margin:0 0 19px;
	font-weight: 500;
	font-size: 26px;
	line-height: 1.5;
	color: #FFF;
}
.fTopBox .tit span { 
	font-weight: 700; 
	font-size: 1.23em;
}
.fTopBox .tit em { 
	position:relative; 
	display:inline-block; 
	font-style: normal; 
	color: #FFEBEE;
}
.fTopBox .tit em:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 6px;
	height: 6px;
	bottom:100%;
	left:50%;
	margin:0 0 0 -3px;
	background: #FFEBEE;
	border-radius: 50%;
}
.fTopBox .tit br { 
	display:none; 
}
.fTopBox .lnkBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
}
.fTopBox .lnkBox .lnk { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:10px;
	min-width: 220px;
	padding:11px;
	background: #212121;
	border:1px solid #797979;
	border-radius: 10px;
}
.fTopBox .lnkBox .lnk span { 
	display:block; 
}
.fTopBox .lnkBox .lnk .lnkIco { 
	font-size: 0; 
}
.fTopBox .lnkBox .lnk .lnkIco img { 
	max-width: 100%; 
}
.fTopBox .lnkBox .lnk .lnkTxt { 
	font-family: Pretendard-Medium, sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0;
	color: #FFF;
}
footer { 
	padding:34px 16px 31px;
	background: #424242;
	text-align: center;
}
footer .fLogo {
	max-width: 100%;
	margin:0 auto 10px;
	font-size: 0; 
}
footer .fLogo img { 
	max-width: 100%; 
}
footer .fTermLst { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center;
	gap:15px;
	margin:0 0 11px;
}
footer .fTermLst li { 
	position:relative; 
	padding:0 16px 0 0;
}
footer .fTermLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 14px;
	top:50%;
	right:0;
	margin:-7px 0 0;
	background: #999;
}
footer .fTermLst li:last-child { 
	padding:0;
}
footer .fTermLst li:last-child:after { 
	display:none;
}
footer .fTermLst .fTermLnk { 
	display:block;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: -.22px;
	color: #999;
}
footer .fInfo,
footer .fCopy { 
	font-size: 13px; 
	letter-spacing: 0;
	color: #999;
}
footer .fInfo { 
	margin:0 0 9px;
}
footer .fInfoLst { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center; 
	gap:6px;
}
footer .fInfoLst li { 
	position:relative; 
	padding:0 7px 0 0;
	font-size: 14px;
	letter-spacing: 0;
	color: #FFF;
}
footer .fInfoLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 8px;
	top: 50%;
	right: 0;
	margin:-4px 0 0;
	background: #696969;	
}
footer .fInfoLst li span { 
	color: #939393;
}
footer .fInfoLst li.fullWid { 
	width: 100%; 
}
footer .fInfoLst li:last-child { 
	padding:0;
}
footer .fInfoLst li:last-child:after { 
	display:none; 
}
footer .fInfoLst + .fInfoLst { 
	margin-top:6px;
}
footer .fCopy { 
	margin:21px 0 0;
}
@media all and (max-width:999px){
	.fTopBox { 
		margin:30px 0;
	}
	.fTopBox .inner { 
		padding:40px;
	}
	.fTopBox .tit { 
		margin:0 0 10px;
		font-size: 21px;
	}
	.fTopBox .tit em:before { 
		width: 4px;
		height: 4px;
		bottom: calc(100% - 4px);
		margin:0 0 0 -2px;
	}
	.fTopBox .tit br { 
		display:block; 
	}
	.fTopBox .lnkBox { 
		gap:10px;
	}
	.fTopBox .lnkBox .lnk { 
		gap:8px;
		min-width: 200px;
		padding:8px;
	}
	.fTopBox .lnkBox .lnk .lnkIco { 
		width: 21px;
	}
	.fTopBox .lnkBox .lnk .lnkTxt { 
		font-size: 14px;
	}
	footer { 
		padding:16px;
	}
	footer .fLogo { 
		width: 124px;
		margin:0 auto 8px;
	}
	footer .fTermLst { 
		gap:10px;
		margin:0 0 8px;
	}
	footer .fTermLst li { 
		padding:0 11px 0 0;
	}
	footer .fTermLst li:after { 
		height: 10px; 
		margin:-5px 0 0;
	}
	footer .fTermLst .fTermLnk { 
		font-size: 13px; 
	}
	footer .fInfo { 
		margin:0 0 7px;
	}
	footer .fInfoLst li { 
		font-size: 13px;
	}
	footer .fInfoLst li:after { 
		height: 6px;
		margin:-3px 0 0;
	}
	footer .fCopy { 
		margin:15px 0 0;
	}
}
@media all and (max-width:599px){
	.fTopBox .inner { 
		padding:32px 16px 16px;
	}
	.fTopBox .tit { 
		text-align: center; 
	}
	.fTopBox .lnkBox { 
		gap:8px; 
	}
	.fTopBox .lnkBox .lnk { 
		width: 100%;
		min-width: 0;
	}
}
/* 푸터 끝
------------------------------------------------------ */
/* 테이블 관련 시작
------------------------------------------------------ */
.td_40 { 
	width: 40px; 
}
.td_50 { 
	width: 50px; 
}
.td_60 { 
	width: 60px; 
}
.td_80 { 
	width: 80px; 
}
.td_100 { 
	width: 100px; 
}
.td_150 { 
	width: 150px; 
}
.td_200 { 
	width: 200px; 
}
.td_250 { 
	width: 250px; 
}
.td_w500 { 
	font-weight: 500; 
}
.td_w700 { 
	font-weight: 700; 
}
.td_clr01 { 
	color: #212121; 
}
.td_clr02 { 
	color: #424242;
}
.td_clr03 { 
	color: #2196F3;
}
.td_clr04 { 
	color: #F44336;
}
.td_date { 
	font-family: Pretendard-Regular, sans-serif;
}
.td_stat { 
	display:inline-block;
	min-width: 50px;
	padding:2px 13px;
	border-radius: 100px;
	font-weight: 700;
}
.td_stat.st01 { 
	background: #448AFF;
	color: #FFF;
}
.td_stat.st02 { 
	background: #33C771;
	color: #FFF;
}
.td_stat.st03 { 
	background: #3D5AFE;
	color: #FFF;
}
.td_stat.st04 { 
	background: #F44336;
	color: #FFF;
}
.td_stat.st05 { 
	background: #F7F7F7;
	color: #797979;
}
.td_stat.st06 { 
	background: #DBDBDB;
	color: #797979;
}
.td_stat.st09 { 
	background: #E0E7EE;
	color: #797979;
}
.tblChkBox01 { 
	position:relative;
	font-size: 0;
}
.tblChkBox01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.tblChkBox01 .chkLbl { 
	display:block; 
	width: 14px; 
	height: 14px;
	margin:0 auto;
	background: #FFF url(/Form/_guest/basic/images/comTblChk01.png) no-repeat center center;
	border:1px solid #999;
	border-radius: 3px;
}
.tblChkBox01 .chkIpt:checked + .chkLbl {
	background-color: #F44336;
	border-color:#F44336;
}
.tblBox01 { 
	overflow-x: auto;
}
.tblBox01 table { 
	min-width: 1100px;
	background: #FFF;
	border:1px solid #F0F0F0;
	font-size: 14px;
	letter-spacing: 0;
	text-align: center;
}
.tblBox01 thead { 
	border-bottom:1px solid #F0F0F0;
}
.tblBox01 thead th { 
	padding:9px 9px 8px;
	border-right:1px solid #F0F0F0;
	font-weight: 500;
	color: #797979;
}
.tblBox01 tbody tr { 
	border-bottom:1px solid #F0F0F0; 
}
.tblBox01 tbody tr > * { 
	border-right:1px solid #F0F0F0; 
}
.tblBox01 tbody td { 
	padding:6px;
	font-weight: 500;
}
.tblBox02 { 
	overflow-x: auto;
}
.tblBox02 table { 
	min-width: 1100px;
	border-radius: 5px;
	text-align: center;
	overflow: hidden;
	font-size: 14px;
}
.tblBox02 thead { 
	background: #F7F7F7; 
	border:1px solid #F0F0F0;
}
.tblBox02 thead th { 
	padding:5px;
	border:1px solid #F0F0F0;
	font-weight: 500; 
	letter-spacing: 0;
	color: #797979;
}
.tblBox02 tbody { 
	border:1px solid #F0F0F0;
	border-top:none;
}
.tblBox02 tbody tr { 
	border-bottom:1px solid #F0F0F0;
}
.tblBox02 tbody tr > * { 
	border-right:1px solid #F0F0F0; 
}
.tblBox02 tbody td { 
	padding:10px 16px 9px;
	color: #999;
}
@media all and (max-width:999px){
	.tblBox01 table,
	.tblBox02 table { 
		font-size: 13px;
	}
}
/* 테이블 관련 끝
------------------------------------------------------ */
/* 공통 게시판 시작
------------------------------------------------------ */
.comNoticeWr { 
	display:flex;
	gap:20px;
	margin:100px 0 0;
}
.comNoticeWr .evRankBox { 
	flex-shrink:0;
	display:flex;
	flex-direction:column;
	width: 500px;
}
.comNoticeWr .evRankBox .evDep1Box { 
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.comNoticeWr .evRankBox .infoDepth01 { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:10px;
	width: calc((100% - 20px)/3);
	padding:11px 10px 12px;
	border:1px solid #F0F0F0;
	border-radius: 5px 5px 0 0;
	transition:all .3s ease;
}
.comNoticeWr .evRankBox .infoDepth01:before { 
	flex-shrink:0;
	content:"";
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.comNoticeWr .evRankBox .infoDepth01 .btnTxt { 
	display:block; 
	font-weight: 500;
	font-size: 18px;
	color: #999;
	transition:all .3s ease;
}
.comNoticeWr .evRankBox .loadingBox {
	padding: 120px 0;
}
.comNoticeWr .evRankBox .noDataBox .txt,
.comNoticeWr .evRankBox .loadingBox .txt {
	font-size: 13px;
	text-align: center;
}
.comNoticeWr .evRankBox .noDataBox .imgBox {
	width: 125px;
	margin:0 auto 5px;
}
.comNoticeWr .evRankBox .loadingBox .imgBox {
	position:relative;
	width: 44px;
	height: 44px;
	margin:0 auto 10px;
}
.comNoticeWr .evRankBox .loadingBox .imgBox img {
	position:absolute;
	top: 50%;
	left: 50%;
	margin:-21px 0 0 -21px;
	animation:rotateAni 3s linear infinite;
}


.comNoticeWr .evRankBox .infoDepth01:focus,
.comNoticeWr .evRankBox .infoDepth01:hover,
.comNoticeWr .evRankBox .infoDepth01.on { 
	background: #F44336; 
}
.comNoticeWr .evRankBox .infoDepth01:focus .btnTxt,
.comNoticeWr .evRankBox .infoDepth01:hover .btnTxt,
.comNoticeWr .evRankBox .infoDepth01.on .btnTxt { 
	font-weight: 700; 
	color: #FFF;
}
.comNoticeWr .evRankBox .infoDepth01.stSoccer:before { 
	background-image: url(/Form/_guest/basic/images/mInfoSoccer_off.svg); 
}
.comNoticeWr .evRankBox .infoDepth01.stSoccer:focus:before,
.comNoticeWr .evRankBox .infoDepth01.stSoccer:hover:before,
.comNoticeWr .evRankBox .infoDepth01.stSoccer.on:before { 
	background-image: url(/Form/_guest/basic/images/mInfoSoccer_on.svg); 
}
.comNoticeWr .evRankBox .infoDepth01.stBasket:before { 
	background-image: url(/Form/_guest/basic/images/mInfoBasket_off.svg); 
}
.comNoticeWr .evRankBox .infoDepth01.stBasket:focus:before,
.comNoticeWr .evRankBox .infoDepth01.stBasket:hover:before,
.comNoticeWr .evRankBox .infoDepth01.stBasket.on:before { 
	background-image: url(/Form/_guest/basic/images/mInfoBasket_on.svg); 
}
.comNoticeWr .evRankBox .infoDepth01.stBase:before { 
	background-image: url(/Form/_guest/basic/images/mInfoBase_off.svg); 
}
.comNoticeWr .evRankBox .infoDepth01.stBase:focus:before,
.comNoticeWr .evRankBox .infoDepth01.stBase:hover:before,
.comNoticeWr .evRankBox .infoDepth01.stBase.on:before { 
	background-image: url(/Form/_guest/basic/images/mInfoBase_on.svg); 
}
.comNoticeWr .evRankBox .conBox { 
	flex-grow:1;
	padding:20px;
	background: #F7F7F7;
	border:1px solid #F0F0F0;
	border-top:none;
}
.comNoticeWr .evRankBox .tit { 
	margin:0 0 8px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.comNoticeWr .evRankBox .erCateBox { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin:0 0 11px;
}
.comNoticeWr .evRankBox .erCate { 
	display:block;
	width: calc((100% - 24px)/3);
	padding:7px 7px 6px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #999;
	word-break:break-all;
	transition:all .3s ease;
}
.comNoticeWr .evRankBox .erCate:focus,
.comNoticeWr .evRankBox .erCate:hover,
.comNoticeWr .evRankBox .erCate.on { 
	background: #FFF7F6;
	border-color:#F44336;
	color: #F44336;
}
.comNoticeWr .evRankBox .evTblBox { 
	overflow-x:auto; 
}
.comNoticeWr .evRankBox .evTblBox table { 
	min-width: 390px;
	background: #FFF;
	border:1px solid #F0F0F0;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0;
	color: #424242;
}
.comNoticeWr .evRankBox .evTblBox thead { 
	border-bottom:1px solid #F0F0F0;
}
.comNoticeWr .evRankBox .evTblBox thead th {
	padding:9px;
	border-right:1px solid #F0F0F0;
	font-weight: 500;
	color: #797979;
}
.comNoticeWr .evRankBox .evTblBox tbody tr { 	
	border-bottom:1px solid #F0F0F0; 
}
.comNoticeWr .evRankBox .evTblBox tbody tr > * { 
	padding:9px;
	border-right:1px solid #F0F0F0;  
	word-break:break-all;
}
.comNoticeWr .evRankBox .evTblBox tbody tr.rankTop { 
	font-weight: 700;
	color: #212121;
}
.comNoticeWr .evRankBox .evTblBox .rankGroup .rankTitle {
	font-weight: 700;
	color: #212121;
	margin: 10px;
	text-align: center;
}
.comNoticeWr .evRankBox .evTblBox tbody tr:hover { 
	background: #F3f3F5;
}
.comNoticeWr .noticeBox {
	flex-grow:1;
	max-width: 740px;
	min-width: 0;
	padding:20px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.comNoticeWr .noticeBox .tit { 
	margin:0 0 16px;
	font-weight: 700; 
	font-size: 20px;
	color: #212121;
}
.comNoticeWr .noticeBox .lnkLst li { 
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:1px solid #F0F0F0;
}
.comNoticeWr .noticeBox .lnkLst li:last-child { 
	margin:0;
}
.comNoticeWr .noticeBox .lnkLst .lnk { 
	position:relative; 
	display:block; 
	width: 100%;
	min-height: 115px;
	padding:32px 30px 32px 135px;
	font-size: 0;
	overflow:hidden;
}
.comNoticeWr .noticeBox .lnkLst .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top:50%;
	right:7px;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #999;
	border-right:2px solid #999;
}
.comNoticeWr .noticeBox .lnkLst .lnk > * { 
	float:left; 
}
.comNoticeWr .noticeBox .lnkLst .lnk span { 
	display:inline-block;
}
.comNoticeWr .noticeBox .lnkLst .lnk .lnkImg { 
	position:absolute;
	width: 115px;
	height: 115px;
	top:0;
	left:0;
	background: #EDEDED;
	border-radius: 4px;
	overflow: hidden;
}
.comNoticeWr .noticeBox .lnkLst .lnk .lnkImg img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.comNoticeWr .noticeBox .lnkLst .lnk .lnkImg.noImg:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 86px;
	height: 22px;
	top: 50%;
	left: 50%;
	margin:-11px 0 0 -43px;
	background:url(/Form/_guest/basic/images/comNodata02.png) no-repeat;
	background-size:cover;
}
.comNoticeWr .noticeBox .lnkLst .lnk .lnkTit {
	display:flex;
	align-items:center; 
	width: 100%; 
	margin:0 0 10px;
	font-size: 16px;
}
.comNoticeWr .noticeBox .lnkLst .lnk .lnkTit span {
	flex-grow:1;
	font-weight: 500;
	color: #424242;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	transition:all .3s ease;
}
.comNoticeWr .noticeBox .lnkLst .lnk .lnkTit em { 
	flex-shrink:0;
	font-style:normal;
	font-weight: 700;
	color: #F44336;
}
.comNoticeWr .noticeBox .lnkLst .lnkDate { 
	position:relative;
	padding:0 12px 0 0;
	font-family: Pretendard-Regular, sans-serif;
	font-size: 14px;
	color: #797979;
}
.comNoticeWr .noticeBox .lnkLst .lnkDate:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 14px;
	top:50%;
	right:0;
	margin:-7px 0 0;
	background: #797979;
}
.comNoticeWr .noticeBox .lnkLst .lnkView { 
	position:relative;
	margin:0 0 0 10px;
	padding:0 0 0 22px;
	font-family: Pretendard-Medium, sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #797979;
}
.comNoticeWr .noticeBox .lnkLst .lnkView:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top:0;
	left:0;
	background: url(/Form/_guest/basic/images/comNoticeView01.svg) no-repeat;
	background-size:cover;
}
.comNoticeWr .noticeBox .lnkLst .lnk:focus .lnkTit span,
.comNoticeWr .noticeBox .lnkLst .lnk:hover .lnkTit span { 
	color: #F44336; 
}
@media all and (max-width:999px){
	.comNoticeWr { 
		flex-wrap:wrap; 		
		gap:16px;
		margin:16px 0 0;
	}
	.comNoticeWr .evRankBox { 
		width: 100%; 
	}
	.comNoticeWr .evRankBox .evDep1Box { 
		gap:8px;
	}
	.comNoticeWr .evRankBox .infoDepth01 { 
		gap:8px;
		width: calc((100% - 16px)/3);
		padding:8px;
	}
	.comNoticeWr .evRankBox .infoDepth01:before { 
		width: 20px; 
		height: 20px;
	}
	.comNoticeWr .evRankBox .infoDepth01 .btnTxt { 
		font-size: 15px;
	}
	.comNoticeWr .evRankBox .conBox { 
		padding:16px;
	}
	.comNoticeWr .evRankBox .tit { 
		margin:0 0 5px;
		font-size: 16px;
	}
	.comNoticeWr .evRankBox .erCateBox { 
		gap:8px;
		margin:0 0 8px;
	}
	.comNoticeWr .evRankBox .erCate { 
		width: calc((100% - 8px)/2);
		font-size: 14px;
	}
	.comNoticeWr .evRankBox .evTblBox .td_40,
	.comNoticeWr .evRankBox .evTblBox .td_50 { 
		width: 35px; 
	}
	.comNoticeWr .evRankBox .evTblBox table { 
		min-width: 280px;
		font-size: 12px; 
	}
	.comNoticeWr .evRankBox .evTblBox thead th,
	.comNoticeWr .evRankBox .evTblBox tbody tr > * { 
		padding:5px;
	}
	.comNoticeWr .noticeBox { 
		max-width: 100%;
		padding:16px;
	}
	.comNoticeWr .noticeBox .tit { 
		margin:0 0 10px;
		font-size: 16px; 
	}
	.comNoticeWr .noticeBox .lnkLst li { 
		margin:0 0 16px;
		padding:0 0 16px;
	}
	.comNoticeWr .noticeBox .lnkLst .lnk { 
		min-height: 80px;
		padding:20px 30px 20px 90px;
	}
	.comNoticeWr .noticeBox .lnkLst .lnk .lnkImg { 
		width: 80px;
		height: 80px;
	}
	.comNoticeWr .noticeBox .lnkLst .lnk .lnkImg.noImg:before { 
		width: 52px;
		height: 14px;
		margin:-7px 0 0 -26px;
	}
	.comNoticeWr .noticeBox .lnkLst .lnk .lnkTit { 
		margin:0 0 6px;
		font-size: 14px;
	}
	.comNoticeWr .noticeBox .lnkLst .lnkDate { 
		padding:0 8px 0 0;
		font-size: 13px;
	}
	.comNoticeWr .noticeBox .lnkLst .lnkDate:after { 
		height: 10px;
		margin:-5px 0 0;
	}
	.comNoticeWr .noticeBox .lnkLst .lnkView { 
		margin:0 0 0 6px;
		padding:0 0 0 18px;
		font-size: 13px;
	}
	.comNoticeWr .noticeBox .lnkLst .lnkView:before { 
		width: 14px;
		height: 14px;
		top:1px;
	}
}
/* 공통 게시판 끝
------------------------------------------------------ */
/* 공통 페이징 시작
------------------------------------------------------ */
.comPageBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center; 
	gap:12px;
	margin:20px 0 0;
}
.comPageBox .btnPage { 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	color: #424242;
}
.comPageBox .btnPage.stArrow { 
	background: #F7F7F7;
	font-size: 0;
}
.comPageBox .btnPage.on { 
	background: #F44336;
	font-weight: 500;
	color: #FFF;
}
@media all and (max-width:999px){
	.comPageBox { 
		gap:8px;
		margin:16px 0 0;
	}
	.comPageBox .btnPage {
		width: 32px;
		height: 32px;
		font-size: 13px;
	}
	.comPageBox .btnPage.stArrow img { 
		width: 16px;
	}
}
/* 공통 페이징 끝
------------------------------------------------------ */
/* 게시판 보기 스킨 시작
------------------------------------------------------ */
.brdViewWr { 
	padding:20px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.brdViewWr .topBox { 
	margin:0 0 20px;
	padding:0 0 16px;
	border-bottom:1px solid #DBDBDB;
}
.brdViewWr .topBox .tit { 
	margin:0 0 6px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.brdViewWr .topBox .tit.hasIco { 
	position:relative; 
	padding:0 0 0 20px;
}
.brdViewWr .topBox .tit.hasIco .titIco { 
	position:absolute; 
	display:block; 
	width: 16px;
    height: 16px;
	top: 5px;
	left: 0;
    background: linear-gradient(45deg, #F44336, #FFAB40);
    border-radius: 50%;
    font-family: Pretendard-Medium, sans-serif;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: -.24px;
    line-height: 16px;
    text-align: center;
    color: #FFF;
}
.brdViewWr .topBox .tit.hasCate { 
	display:flex;
	flex-wrap:wrap;
	align-items:center; 
	gap:3px;
}
.brdViewWr .topBox .tit.hasCate .cate { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	min-height: 23px;
	padding:2px 10px;
	border-radius: 5px;
	font-weight: 500;
	font-size: 14px;	
}
.brdViewWr .topBox .tit.hasCate .cate.st01 { 
	background: #F44336; 
	color: #FFF;
}
.brdViewWr .topBox .tit.hasCate .cate.st02 { 
	background: #DBDBDB; 
	color: #999;
}
.brdViewWr .topBox .txt { 
	font-weight: 500; 
	font-size: 16px;
	color: #797979;
}
.brdViewWr .userBox { 
	display:flex;
	flex-wrap:wrap; 
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:0 0 13px;
}
.brdViewWr .userBox .userInfoBox { 
	display:flex;
	align-items:center;
}
.brdViewWr .userBox .userInfoBox .userImg { 
	margin:0 7px 0 0;
	font-size: 0; 
}
.brdViewWr .userBox .userInfoBox .userImg img { 
	max-width: 100%; 
}
.brdViewWr .userBox .userInfoBox .userName { 
	margin:0 20px 0 0;
	font-weight: 500;
	font-size: 16px;
	color: #212121;
}
.brdViewWr .userBox .userInfoBox .per { 
	padding:2px 13px;
	background: #FBC02D;
	border-radius: 100px;
	font-weight: 700;
	font-size: 16px;
	color: #FFF;
}
.brdViewWr .userBox .btn { 
	position:relative; 
	display:block;
	padding: 13px 17px 12px 43px;
    background: #F44336;
    border-radius: 5px;
    font-weight: 700;
    font-size: 16px;
    color: #FFF;
}
.brdViewWr .userBox .btn .plus { 
	position:absolute; 
	display:block; 
	width: 14px;
	height: 14px;
	top:50%;
	left:21px;
	margin:-7px 0 0;
}
.brdViewWr .userBox .btn .plus:before,
.brdViewWr .userBox .btn .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #FFF;
	border-radius: 6px;
}
.brdViewWr .userBox .btn .plus:before { 
	width: 100%;
	height: 2px;
	top:50%;
	left:0;
	margin:-1px 0 0;
}
.brdViewWr .userBox .btn .plus:after { 
	width: 2px;
	height: 100%;
	top:0;
	left:50%;
	margin:0 0 0 -1px;
}
.brdViewWr .userBox .editBox { 
	position:relative;
}
.brdViewWr .userBox .editBox .editOn { 
	position:relative; 
	display:block;
	width: 24px;
	height: 24px;
	font-size: 0;
}
.brdViewWr .userBox .editBox .editOn:before,
.brdViewWr .userBox .editBox .editOn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 4px;
	height: 4px;
	top: 50%;
	margin:-2px 0 0;
	background: #999;
	border-radius: 50%;
}
.brdViewWr .userBox .editBox .editOn:before { 
	left: 2px;
}
.brdViewWr .userBox .editBox .editOn:after { 
	right: 2px;
}
.brdViewWr .userBox .editBox .editOn span { 
	position:absolute;
	display:block;
	width: 4px;
	height: 4px;
	top: 50%;
	left: 50%;
	margin:-2px 0 0 -2px;
	background: #999;
	border-radius: 50%;
}
.brdViewWr .userBox .editBox .editHidBox { 
	position:absolute; 
	display:none; 
	width: 110px;
	top: 100%;
	right: 0;
	padding:0 10px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 8px;
	box-shadow:0 2px 4px 0 rgba(172,172,172,.18);
}
.brdViewWr .userBox .editBox .editHidBox .editBtn { 
	position:relative;
	display:block;
	padding:8px 8px 8px 29px;
	border-bottom:1px solid #E0E0E0;
	font-size: 15px;
	color: #666;
}
.brdViewWr .userBox .editBox .editHidBox .editBtn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 9px;
	left: 6px;
	background-repeat:no-repeat;
	background-size:cover;
}
.brdViewWr .userBox .editBox .editHidBox .editBtn.stEdit:before { 
	background-image: url(/Form/_guest/basic/images/brdViewEdit01.svg); 
}
.brdViewWr .userBox .editBox .editHidBox .editBtn.stDel:before { 
	background-image: url(/Form/_guest/basic/images/brdViewDel01.svg); 
}
.brdViewWr .userBox .editBox .editHidBox .editBtn:last-child { 
	border-bottom:none;
}
.brdViewWr .infoBox { 
	margin:0 0 12px;
	padding:0 0 9px;
	border-bottom:1px solid #EDEDED;
}
.brdViewWr .infoBox .tit { 
	font-weight: 700;
	font-size: 20px;
	color: #424242;
}
.brdViewWr .infoBox .infoLst { 
	display:flex;
	flex-wrap:wrap; 
	gap:11px;
	margin:9px 0 0;
}
.brdViewWr .infoBox .infoLst > li { 
	position:relative;
	padding:0 12px 0 24px;
	font-family: Pretendard, sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #797979;
}
.brdViewWr .infoBox .infoLst > li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top:50%;
	right:0;
	margin:-7px 0 0;
	background: #797979;
}
.brdViewWr .infoBox .infoLst > li.date { 
	padding-left:0;
}
.brdViewWr .infoBox .infoLst > li.view:before,
.brdViewWr .infoBox .infoLst > li.good:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top:0;
	left:0;
	background-repeat: no-repeat;
	background-size:cover;
}
.brdViewWr .infoBox .infoLst > li.view:before { 
	background-image: url(/Form/_guest/basic/images/nvIco_view01.svg);
}
.brdViewWr .infoBox .infoLst > li.good:before {
	background-image: url(/Form/_guest/basic/images/waitGood01.svg);
}
.brdViewWr .infoBox .infoLst > li:last-child { 
	padding-right:0;
}
.brdViewWr .infoBox .infoLst > li:last-child:after { 
	display:none; 
}
.brdViewWr .conBox > * { 
	margin:0 0 13px;
}
.brdViewWr .conBox > *:last-child { 
	margin:0;
}
.brdViewWr .conBox .imgBox { 
	font-size: 0; 
}
.brdViewWr .conBox .imgBox img { 
	max-width: 100%; 
}
.brdViewWr .conBox .txt { 
	display:block; 
	font-size: 14px;
	line-height: 1.4;
	color: #424242;
	word-break:break-all;
}
.brdViewWr .conBox a.txt { 
	transition:all .3s ease; 
}
.brdViewWr .conBox a.txt:focus,
.brdViewWr .conBox a.txt:hover { 
	color: #F44336;
}
.brdViewWr .conBox .btnBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center; 
	gap:12px;
	margin:50px 0 0;
}
.brdViewWr .conBox .btnBox .btn { 
	position:relative; 
	display:block; 
	padding:12px 17px 13px 43px;
	border-width:1px;
	border-style:solid;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
}
.brdViewWr .conBox .btnBox .btn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 13px;
	left: 17px;
	background-repeat:no-repeat;
	background-size:cover;
}
.brdViewWr .conBox .btnBox .btn.stList { 
	background: #EDEDED;
	border-color:#DBDBDB;
	color: #999;
}
.brdViewWr .conBox .btnBox .btn.stList:before { 
	background-image: url(/Form/_guest/basic/images/wrmViewLst01.svg); 
}
.brdViewWr .conBox .btnBox .btn.stReco { 
	border-color:#F44336;
	color: #F44336;
}
.brdViewWr .conBox .btnBox .btn.stReco:before { 
	background-image: url(/Form/_guest/basic/images/wrmViewReco01.svg); 
}
.brdViewWr .conBox .btnBox .btn.stReco.on { 
	background:#F44336;
	color: #FFF; 
}
.brdViewWr .conBox .btnBox .btn.stReco.on:before { 
	background-image: url(/Form/_guest/basic/images/wrmViewReco01_on.svg); 
}
.brdViewWr .replyBox { 
	margin:19px 0 0;
}
.brdViewWr .replyBox .rpTit { 
	position:relative;
	padding:12px 12px 12px 37px;
	background: #FFF7F6;	
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	color: #F44336;
}
.brdViewWr .replyBox .rpTit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top:50%;
	left:12px;
	margin:-10px 0 0;
	background:url(/Form/_guest/basic/images/nvIco_rpTit01.svg) no-repeat;
	background-size:cover;
}
.brdViewWr .replyBox .rpFormBox { 
	margin:0 0 19px;
	padding:12px 20px;
	background: #F7F7F7;
}
.brdViewWr .replyBox .rpFormBox dl { 
	display:flex;
	align-items:center;
	gap:23px;
}
.brdViewWr .replyBox .rpFormBox dt { 
	flex-shrink:0;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
}
.brdViewWr .replyBox .rpFormBox dd { 
	flex-grow:1;
	display:flex;
	gap:20px;
}
.brdViewWr .replyBox .rpFormBox dd .ipt { 
	flex-grow:1;
	padding:14px 11px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 14px;
	color: #424242;
}
.brdViewWr .replyBox .rpFormBox dd .ipt::placeholder { 
	color: #999; 
}
.brdViewWr .replyBox .rpFormBox dd .btn { 
	flex-shrink:0;
	display:block;
	padding:14px 31px 13px;
	background: #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: #FFF;
}
.brdViewWr .replyBox .rpConBox { 
	padding:0 20px 20px;
}
.brdViewWr .replyBox .rpConBox .rpUserBox { 
	position:relative;
	margin:0 0 13px;
	padding:12px 0 0 53px;
}
.brdViewWr .replyBox .rpConBox .rpUserBox .userImg { 
	position:absolute; 
	top:0;
	left:0;
	font-size: 0;
}
.brdViewWr .replyBox .rpConBox .rpUserBox .userImg img { 
	max-width: 100%; 
}
.brdViewWr .replyBox .rpConBox .rpUserBox .userImg.stAdmin:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 10px;
	bottom: calc(100% - 2px);
	left:50%;
	margin:0 0 0 -9px;
	background:url(/Form/_guest/basic/images/brdViewAdmin02.svg) no-repeat;
	background-size:cover;
}
.brdViewWr .replyBox .rpConBox .rpUserBox .userName { 
	display:block; 
	font-family: Pretendard-Medium, sans-serif;
	font-weight: 500; 
	font-size: 15px;
	color: #000;
}
.brdViewWr .replyBox .rpConBox .rpUserBox .hidBox { 
	position:absolute; 
	display:none; 
	top: 100%;
	left: 53px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 8px;
	z-index:1;
}
.brdViewWr .replyBox .rpConBox .rpUserBox .hidBox > * { 
	border-bottom:1px solid #F0F0F0;
}
.brdViewWr .replyBox .rpConBox .rpUserBox .hidBox > *:last-child { 
	border-bottom:none;
}
.brdViewWr .replyBox .rpConBox .rpUserBox .hidBox .btnReport,
.brdViewWr .replyBox .rpConBox .rpUserBox .hidBox .btnFollow { 
	position:relative; 
	display:block; 
	width: 100%;
	padding:8px 16px 8px 38px;
	font-size: 15px;
	color: #666;
}
.brdViewWr .replyBox .rpConBox .rpUserBox .hidBox .btnReport:before,
.brdViewWr .replyBox .rpConBox .rpUserBox .hidBox .btnFollow:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 50%;
	left: 15px;
	margin:-9px 0 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.brdViewWr .replyBox .rpConBox .rpUserBox .hidBox .btnReport:before { 
	background-image:url(/Form/_guest/basic/images/brdViewReport01.svg);
}
.brdViewWr .replyBox .rpConBox .rpUserBox .hidBox .btnFollow.stBefore:before { 
	background-image:url(/Form/_guest/basic/images/brdViewFollow01.svg);
}
.brdViewWr .replyBox .rpConBox .rpUserBox .hidBox .btnFollow.stAfter { 
	color: #F44336; 
}
.brdViewWr .replyBox .rpConBox .rpUserBox .hidBox .btnFollow.stAfter:before { 
	background-image:url(/Form/_guest/basic/images/brdViewFollow02.svg);
}
.brdViewWr .replyBox .rpConBox .rpUserBox .hidBox .btnFollow.stDetail:before { 
	background-image:url(/Form/_guest/basic/images/brdViewFollow03.svg);
}
.brdViewWr .replyBox .rpConBox .rpTxtBox { 
	position:relative; 
	padding:0 100px 0 40px;
}
.brdViewWr .replyBox .rpConBox .rpTxtBox .txtBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:8px;
	padding:19px 19px 17px;
	background: #F7F7F7;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.brdViewWr .replyBox .rpConBox .rpTxtBox .txt { 
	width: 100%;
	font-family: Belleza, sans-serif;
	font-size: 15px;
	letter-spacing: 0;
	color: #000;
	word-break:break-all;
}
.brdViewWr .replyBox .rpConBox .rpTxtBox .txt .rpName { 
	color: #94180F; 
}
.brdViewWr .replyBox .rpConBox .rpTxtBox .date,
.brdViewWr .replyBox .rpConBox .rpTxtBox .addReply { 
	font-family: Pretendard-Regular, sans-serif;
	font-size: 14px;
	color: #797979;
}
.brdViewWr .replyBox .rpConBox .rpTxtBox .addReply { 
	position:relative; 
	display:block; 
	padding:0 0 0 9px;
}
.brdViewWr .replyBox .rpConBox .rpTxtBox .addReply:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top: 50%;
	left: 0;
	margin:-6px 0 0;
	background: #797979;
}
.brdViewWr .replyBox .rpConBox .rpTxtBox .rpEditBox { 
	display:none;
	width: 100%;
	padding:16px;
	background: #EDEDED;
	border-radius: 5px;
}
.brdViewWr .replyBox .rpConBox .rpTxtBox .rpEditTit01 { 
	margin:0 0 11px;
	font-weight: 500; 
	font-size: 14px;
	color: #212121;
}
.brdViewWr .replyBox .rpConBox .rpTxtBox .rpEditCon { 
	position:relative; 
	padding:0 100px 0 0;
}
.brdViewWr .replyBox .rpConBox .rpTxtBox .rpEditCon .ipt { 
	width: 100%;
	padding:11px;
	background: #FFF;
	border-radius: 10px;
	font-family: Belleza, sans-serif;
	font-size: 14px;
	letter-spacing: 0;
	color: #000;
}
.brdViewWr .replyBox .rpConBox .rpTxtBox .rpEditCon .btn { 
	position:absolute; 
	display:block; 
	top:50%;
	right:0;
	padding:9px 20px;
	transform:translateY(-50%);
	background: #F44336;
	border-radius: 5px;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: #FFF;
}
.brdViewWr .replyBox .rpConBox .rpTxtBox .rpEditBox.on { 
	display:block; 
}
.brdViewWr .replyBox .rpConBox .rpTxtBox .editBox { 
	position:absolute; 
	top: 0;
	right: 0;
}
.brdViewWr .replyBox .rpConBox .rpTxtBox .editBox .editBtn { 
	position:relative; 
	display:block;
	padding:11px 0 11px 22px;
	border-bottom:1px solid #EDEDED;
	font-size: 14px;	
	color: #666;
}
.brdViewWr .replyBox .rpConBox .rpTxtBox .editBox .editBtn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 50%;
	left: 0;
	margin:-9px 0 0;
	background-repeat: no-repeat;
	background-size:cover;
}
.brdViewWr .replyBox .rpConBox .rpTxtBox .editBox .editBtn.stEdit:before { 
	background-image: url(/Form/_guest/basic/images/brdViewEdit01.svg); 
}
.brdViewWr .replyBox .rpConBox .rpTxtBox .editBox .editBtn.stDel:before { 
	background-image: url(/Form/_guest/basic/images/brdViewDel01.svg); 
}
.brdViewWr .replyBox .rpConBox .rpTxtBox .editBox .editBtn:last-child { 
	border:none;
}
.brdViewWr .replyBox .rpConBox + .rpConBox { 
	padding-top:19px;
	border-top:1px solid #F0F0F0;
}
.brdViewWr .replyBox .rpConBox.stRe { 
	position:relative; 
	padding-top:0 !important;
	padding-left:100px;
	border-top:none;
}
.brdViewWr .replyBox .rpConBox.stRe:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 10px;
	left: 68px;
	background: url(/Form/_guest/basic/images/comReply01.svg) no-repeat;
	background-size:cover;
}
.brdViewWr .replyBox .noReplyBox { 
	padding:21px 16px 37px;
	text-align: center; 
}
.brdViewWr .replyBox .noReplyBox .imgBox { 
	max-width: 100%; 
	margin:0 auto 10px;
	font-size: 0;
}
.brdViewWr .replyBox .noReplyBox .imgBox img { 
	max-width: 100%; 
}
.brdViewWr .replyBox .noReplyBox .txt { 
	font-size: 14px; 
	color: #797979;
}
@media all and (max-width:999px){
	.brdViewWr .topBox { 
		margin:0 0 16px;
		padding:0 0 10px;
	}
	.brdViewWr .topBox .tit { 
		margin:0 0 4px;
		font-size: 16px;
	}	
	.brdViewWr .topBox .tit.hasIco { 
		padding:0 0 0 16px;
	}
	.brdViewWr .topBox .tit.hasIco .titIco { 
		width: 14px;
		height: 14px;
		top: 3px;
		font-size: 11px;
		line-height: 14px;
	}
	.brdViewWr .topBox .tit.hasCate .cate { 
		min-height: 20px;
		font-size: 12px; 
	}
	.brdViewWr .topBox .tit.hasCate .titTxt { 
		width: 100%; 
	}
	.brdViewWr .topBox .txt { 
		font-size: 14px; 
	}
	.brdViewWr .userBox { 
		margin:0 0 10px;
	}
	.brdViewWr .userBox .userInfoBox .userImg { 
		width: 30px;
		margin:0 8px 0 0;
	}
	.brdViewWr .userBox .userInfoBox .userName { 
		margin:0 16px 0 0;
		font-size: 14px;
	}
	.brdViewWr .userBox .userInfoBox .per { 
		padding:2px 8px;
		font-size: 14px;
	}
	.brdViewWr .userBox .btn { 
		padding: 10px 10px 10px 30px;
		font-size: 14px;
	}
	.brdViewWr .userBox .btn .plus { 
		width: 10px;
		height: 10px;
		left:10px;
		margin:-5px 0 0;
	}
	.brdViewWr .userBox .editBox .editHidBox {
		width: 100px;
		padding:0 8px;
	}
	.brdViewWr .userBox .editBox .editHidBox .editBtn { 
		padding:6px 6px 6px 25px;
		font-size: 13px;
	}
	.brdViewWr .userBox .editBox .editHidBox .editBtn:before { 
		width: 15px;
		height: 15px;
		top: 7px;
	}
	.brdViewWr .infoBox { 
		gap:6px;
		margin:0 0 10px;
		padding:0 0 6px;
	}
	.brdViewWr .infoBox .tit { 
		font-size: 16px; 
	}
	.brdViewWr .infoBox .infoLst { 
		gap:7px; 
		margin:7px 0 0;
	}
	.brdViewWr .infoBox .infoLst > li { 
		padding:0 8px 0 20px;
		font-size: 14px;
	}
	.brdViewWr .infoBox .infoLst > li:after { 
		height: 8px; 
		margin:-4px 0 0;
	}
	.brdViewWr .infoBox .infoLst > li.view:before,
	.brdViewWr .infoBox .infoLst > li.good:before { 
		width: 16px;
		height: 16px;
		top:1px;
	}
	.brdViewWr .conBox > * { 
		margin:0 0 10px;
	}
	.brdViewWr .conBox .txt { 
		font-size: 13px;
		line-height: 1.3;
	}
	.brdViewWr .conBox .btnBox { 
		gap:8px;
		margin:30px 0 0;
	}
	.brdViewWr .conBox .btnBox .btn { 
		padding:10px 10px 10px 30px;
		font-size: 14px;
	}
	.brdViewWr .conBox .btnBox .btn:before { 
		width: 16px;
		height: 16px;
		top: 11px;
		left: 10px;
	}
	.brdViewWr .replyBox { 
		margin:10px 0 0;
	}
	.brdViewWr .replyBox .rpTit { 
		padding:10px 10px 10px 30px;
		font-size: 14px;
	}
	.brdViewWr .replyBox .rpTit:before { 
		width: 16px;
		height: 16px;
		left:10px;
		margin:-8px 0 0;
	}
	.brdViewWr .replyBox .rpFormBox { 
		margin:0 0 16px;
		padding:10px 16px;
	}
	.brdViewWr .replyBox .rpFormBox dl { 
		gap:16px;
	}
	.brdViewWr .replyBox .rpFormBox dt { 
		font-size: 13px;
	}
	.brdViewWr .replyBox .rpFormBox dd { 
		gap:8px;
	}
	.brdViewWr .replyBox .rpFormBox dd .ipt { 
		padding:10px;
		font-size: 13px;
	}
	.brdViewWr .replyBox .rpFormBox dd .btn { 
		padding:10px 16px 9px;
		font-size: 14px;
	}
	.brdViewWr .replyBox .rpConBox { 
		padding:0 16px 16px;
	}
	.brdViewWr .replyBox .rpConBox .rpUserBox { 
		margin:0 0 10px;
		padding:10px 0 0 40px;
	}
	.brdViewWr .replyBox .rpConBox .rpUserBox .userImg { 
		width: 32px;
	}
	.brdViewWr .replyBox .rpConBox .rpUserBox .userImg.stAdmin:before { 
		width: 14px;
		height: 8px;
		bottom: calc(100% - 1px);
		margin:0 0 0 -7px;
	}
	.brdViewWr .replyBox .rpConBox .rpUserBox .userName { 
		font-size: 13px;
	}
	.brdViewWr .replyBox .rpConBox .rpUserBox .hidBox { 
		left: 40px;
	}
	.brdViewWr .replyBox .rpConBox .rpUserBox .hidBox .btnReport,
	.brdViewWr .replyBox .rpConBox .rpUserBox .hidBox .btnFollow { 
		padding:8px 8px 8px 25px;
		font-size: 13px;
	}
	.brdViewWr .replyBox .rpConBox .rpUserBox .hidBox .btnReport:before,
	.brdViewWr .replyBox .rpConBox .rpUserBox .hidBox .btnFollow:before { 
		width: 14px;
		height: 14px;
		left: 7px;
		margin:-8px 0 0;
	}
	.brdViewWr .replyBox .rpConBox .rpTxtBox { 
		padding:0 80px 0 32px;
	}
	.brdViewWr .replyBox .rpConBox .rpTxtBox .txtBox { 
		gap:5px;
		padding:16px 16px 14px; 
	}
	.brdViewWr .replyBox .rpConBox .rpTxtBox .txt,
	.brdViewWr .replyBox .rpConBox .rpTxtBox .date,
	.brdViewWr .replyBox .rpConBox .rpTxtBox .addReply { 
		font-size: 13px;
	}
	.brdViewWr .replyBox .rpConBox .rpTxtBox .addReply { 
		padding:0 0 0 6px;
	}
	.brdViewWr .replyBox .rpConBox .rpTxtBox .addReply:before { 
		height: 8px; 
		margin:-4px 0 0;
	}
	.brdViewWr .replyBox .rpConBox .rpTxtBox .rpEditBox { 
		padding:10px;
	}
	.brdViewWr .replyBox .rpConBox .rpTxtBox .rpEditTit01 { 
		margin:0 0 8px;
		font-size: 13px;
	}
	.brdViewWr .replyBox .rpConBox .rpTxtBox .rpEditCon { 
		padding:0;
	}
	.brdViewWr .replyBox .rpConBox .rpTxtBox .rpEditCon .ipt { 
		padding:8px;
		border-radius: 5px;
		font-size: 13px;
	}
	.brdViewWr .replyBox .rpConBox .rpTxtBox .rpEditCon .btn { 
		position:relative; 
		top:auto;
		right:auto;
		margin:8px 0 0;
		padding:8px 13px;
		transform:translateY(0);
		font-size: 13px;
	}
	.brdViewWr .replyBox .rpConBox .rpTxtBox .editBox .editBtn { 
		padding:8px 0 8px 19px;
		font-size: 13px;
	}
	.brdViewWr .replyBox .rpConBox .rpTxtBox .editBox .editBtn:before { 
		width: 14px;
		height: 14px;
		margin:-7px 0 0;
	}
	.brdViewWr .replyBox .rpConBox + .rpConBox { 
		padding-top:16px;
	}
	.brdViewWr .replyBox .rpConBox.stRe { 
		padding-left:80px;
	}
	.brdViewWr .replyBox .rpConBox.stRe:before { 
		width: 16px; 
		height: 16px;
		top: 8px;
		left: 55px;
	}
	.brdViewWr .replyBox .noReplyBox { 
		padding:16px 16px 20px;
	}
	.brdViewWr .replyBox .noReplyBox .imgBox { 
		width: 125px;
		margin:0 auto 8px;
	}
	.brdViewWr .replyBox .noReplyBox .txt { 
		font-size: 13px; 
	}
}
@media all and (max-width:599px){
	.brdViewWr .replyBox .rpFormBox dl { 
		flex-wrap: wrap;
		gap:8px; 
	}
	.brdViewWr .replyBox .rpFormBox dt,
	.brdViewWr .replyBox .rpFormBox dd { 
		width: 100%; 
	}
	.brdViewWr .replyBox .rpConBox { 
		padding:0 0 16px;
	}
	.brdViewWr .replyBox .rpConBox .rpTxtBox { 
		padding:0;
	}
	.brdViewWr .replyBox .rpConBox .rpTxtBox .editBox { 
		position:relative; 
		display:flex;
		flex-wrap:wrap; 
		gap:5px;
		top: auto;
		right: auto;
		margin:5px 0 0;
	}
	.brdViewWr .replyBox .rpConBox .rpTxtBox .editBox .editBtn { 
		padding:0 6px 0 19px;
		border-right:1px solid #EDEDED;
		border-bottom:none;
	}
	.brdViewWr .replyBox .rpConBox .rpTxtBox .editBox .editBtn:last-child { 
		border-right:none;
	}
	.brdViewWr .replyBox .rpConBox.stRe { 
		padding-left:26px;
	}
	.brdViewWr .replyBox .rpConBox.stRe:before { 
		left:5px; 
	}
}
/* 게시판 보기 스킨 끝
------------------------------------------------------ */
/* 갤러리게시판 시작
------------------------------------------------------ */
.galBrdLstWr { 
	padding:20px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.galBrdLstWr .topBox { 
	position:relative; 
	margin:0 0 20px;
	padding:0 0 16px;
	border-bottom:1px solid #DBDBDB;
}
.galBrdLstWr .topBox .tit { 
	position:relative; 
	margin:0 0 6px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.galBrdLstWr .topBox .tit.hasIco { 
	padding:0 0 0 20px;
}
.galBrdLstWr .topBox .tit.hasIco .titIco { 
	position:absolute; 
	width: 16px;
    height: 16px;
	top: 5px;
	left: 0;
    background: linear-gradient(45deg, #F44336, #FFAB40);
    border-radius: 50%;
    font-family: Pretendard-Medium, sans-serif;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: -.24px;
    line-height: 16px;
    text-align: center;
    color: #FFF;
}
.galBrdLstWr .topBox .txt { 
	font-weight: 500; 
	font-size: 16px;
	color: #797979;
}
.galBrdLstWr .topBox.hasLnk { 
	padding-right:130px;
}
.galBrdLstWr .topBox.hasLnk .lnk { 
	position:absolute;
	display:inline-block; 
	padding:13px 17px 12px 43px;
	top:3px;
	right:0;
	background: #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	color: #FFF;
}
.galBrdLstWr .topBox.hasLnk .lnk .plus { 
	position:absolute; 
	display:block; 
	width: 14px;
	height: 14px;
	top:50%;
	left:21px;
	margin:-7px 0 0;
}
.galBrdLstWr .topBox.hasLnk .lnk .plus:before,
.galBrdLstWr .topBox.hasLnk .lnk .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #FFF;
	border-radius: 6px;
}
.galBrdLstWr .topBox.hasLnk .lnk .plus:before { 
	width: 100%;
	height: 2px;
	top:50%;
	left:0;
	margin:-1px 0 0;
}
.galBrdLstWr .topBox.hasLnk .lnk .plus:after { 
	width: 2px;
	height: 100%;
	top:0;
	left:50%;
	margin:0 0 0 -1px;
}
.galBrdLstWr .lnkLst li { 
	position:relative; 
	display:flex;
	align-items:center; 
	width: 100%;
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:1px solid #EDEDED;
}
.galBrdLstWr .lnkLst li:last-child { 
	padding:0;
	border-bottom:none;
}
.galBrdLstWr .lnkLst .lnk { 
	flex-grow:1;
	display:flex;
	align-items:center;
	gap:20px;
	width: 100%;
	font-size: 0;
}
.galBrdLstWr .lnkLst .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:none; 
	width: 8px;
	height: 8px;
	top:50%;
	right:7px;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #999;
	border-right:2px solid #999;
}
.galBrdLstWr .lnkLst .lnk span { 
	display:block; 
}
.galBrdLstWr .lnkLst .lnk .lnkImg { 
	flex-shrink:0;
	position:relative; 
	width: 130px;
	height: 130px;
	background: #EDEDED;
	border-radius: 5px;
	overflow: hidden;
}
.galBrdLstWr .lnkLst .lnk .lnkImg img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%)
}
.galBrdLstWr .lnkLst .lnk .lnkImg.noImg:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 86px;
	height: 22px;
	top: 50%;
	left: 50%;
	margin:-11px 0 0 -43px;
	background:url(/Form/_guest/basic/images/comNodata02.png) no-repeat;
	background-size:cover;
}
.galBrdLstWr .lnkLst .lnk .lnkConBox { 
	display:flex;
	flex-wrap:wrap;
	align-items:center; 
	width: calc(100% - 150px);
	min-width: 0;
}
.galBrdLstWr .lnkLst .lnk .lnkUser { 
	display:flex;
	flex-wrap:wrap; 
	align-items:center; 
	width: 100%;
	margin:0 0 13px;
}
.galBrdLstWr .lnkLst .lnk .userImg { 
	margin:0 5px 0 0;
	font-size: 0;
}
.galBrdLstWr .lnkLst .lnk .userImg img { 
	max-width: 100%; 
}
.galBrdLstWr .lnkLst .lnk .userName { 
	margin:0 21px 0 0;
	font-weight: 500;
	font-size: 15px; 
	color: #212121;
}
.galBrdLstWr .lnkLst .lnk .per { 
	padding:1px 13px;
	background: #FBC02D;
	border-radius: 100px;
	font-weight: 700;
	font-size: 16px;
	color: #FFF;
}
.galBrdLstWr .lnkLst .lnk .lnkTitBox { 
	display:block;
	width: 100%;
	margin:0 0 12px;
}
.galBrdLstWr .lnkLst .lnk .lnkTit {
	display:inline-flex;
	max-width: 100%;
	gap:5px;
	font-size: 16px;
}
.galBrdLstWr .lnkLst .lnk .lnkTit span { 
	font-weight: 500;
	color: #424242;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	transition:all .3s ease;
}
.galBrdLstWr .lnkLst .lnk .lnkTit em { 
	flex-shrink:0;
	font-style:normal;
	font-weight: 700;
	color: #F44336;
}
.galBrdLstWr .lnkLst .lnk .lnkDate { 
	position:relative;
	padding:0 12px 0 0;
	font-family: Pretendard-Regular, sans-serif;
	font-size: 14px;
	color: #797979;
}
.galBrdLstWr .lnkLst .lnk .lnkDate:after,
.galBrdLstWr .lnkLst .lnk .lnkView:after { 
	content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 1px;
    height: 14px;
    top: 50%;
    right: 0;
    margin: -6px 0 0;
    background: #797979;
}
.galBrdLstWr .lnkLst .lnk .lnkView,
.galBrdLstWr .lnkLst .lnk .lnkGood { 
	position:relative;
	margin:0 0 0 10px;
	padding:0 0 0 22px;
	font-family: Pretendard-Medium, sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #797979;
}
.galBrdLstWr .lnkLst .lnk .lnkView:before,
.galBrdLstWr .lnkLst .lnk .lnkGood:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	left:0;
	background-repeat:no-repeat;
	background-size:cover;
}
.galBrdLstWr .lnkLst .lnk .lnkView { 
	padding-right:12px;
}
.galBrdLstWr .lnkLst .lnk .lnkView:before { 
	top:1px;
	background-image: url(/Form/_guest/basic/images/comNoticeView01.svg);
}
.galBrdLstWr .lnkLst .lnk .lnkGood:before { 
	top:0;
	background-image: url(/Form/_guest/basic/images/waitGood01.svg);
}
.galBrdLstWr .lnkLst .lnk:focus .lnkTit span,
.galBrdLstWr .lnkLst .lnk:hover .lnkTit span { 
	color: #F44336; 
}
.galBrdLstWr .lnkLst .editBox { 
	flex-shrink:0;
	display:flex;
	gap:12px;
}
.galBrdLstWr .lnkLst .editBox .btnEdit { 
	position:relative; 
	display:block;
	padding:14px 17px 13px 47px;
	background: #F7F7F7;	
	border:1px solid #EDEDED;
	border-radius: 5px;
	font-weight: 700;
	font-size: 15px;
	color: #999;
}
.galBrdLstWr .lnkLst .editBox .btnEdit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top: 11px;
	left: 16px;
	background-repeat: no-repeat;
	background-size:cover;	
}
.galBrdLstWr .lnkLst .editBox .btnEdit.stEdit:before { 
	background-image: url(/Form/_guest/basic/images/myPageBrd_edit01.png); 
}
.galBrdLstWr .lnkLst .editBox .btnEdit.stDel:before { 
	background-image: url(/Form/_guest/basic/images/myPageBrd_del01.png); 
}
@media all and (max-width:999px){
	.galBrdLstWr .topBox { 
		margin:0 0 16px;
		padding:0 0 10px;
	}
	.galBrdLstWr .topBox .tit { 
		margin:0 0 4px;
		font-size: 16px;
	}
	.galBrdLstWr .topBox .tit.hasIco { 
		padding:0 0 0 16px;
	}
	.galBrdLstWr .topBox .tit.hasIco .titIco { 
		width: 14px;
		height: 14px;
		top: 3px;
		font-size: 11px;
		line-height: 14px;
	}
	.galBrdLstWr .topBox .txt { 
		font-size: 14px; 
	}	
	.galBrdLstWr .topBox.hasLnk { 
		padding-right:100px;
	}
	.galBrdLstWr .topBox.hasLnk .lnk { 
		padding:10px 10px 10px 25px;
		top:3px;
		font-size: 14px;
	}
	.galBrdLstWr .topBox.hasLnk .lnk .plus { 
		width: 10px;
		height: 10px;
		left:10px;
		margin:-5px 0 0;
	}
	.galBrdLstWr .lnkLst li { 
		flex-wrap:wrap; 
		margin:0 0 16px;
		padding:0 0 16px;
	}
	.galBrdLstWr .lnkLst .lnk { 
		gap:16px;
	}
	.galBrdLstWr .lnkLst .lnk .lnkImg { 
		width: 100px;
		height: 100px;
	}
	.galBrdLstWr .lnkLst .lnk .lnkImg.noImg:before { 
		width: 68px;
		height: 18px;
		margin:-9px 0 0 -34px;
	}
	.galBrdLstWr .lnkLst .lnk .lnkConBox { 
		width: calc((100% - 116px)); 
	}
	.galBrdLstWr .lnkLst .lnk .userImg { 
		width: 19px;
		margin:0 3px 0 0;
	}
	.galBrdLstWr .lnkLst .lnk .userName { 
		margin:0 16px 0 0;
		font-size: 13px; 
	}
	.galBrdLstWr .lnkLst .lnk .per { 
		padding:1px 8px;
		font-size: 14px;
	}
	.galBrdLstWr .lnkLst .lnk .lnkTitBox { 
		margin:0 0 8px; 
	}
	.galBrdLstWr .lnkLst .lnk .lnkTit { 		
		font-size: 14px;
	}
	.galBrdLstWr .lnkLst .lnk .lnkDate { 
		padding:0 8px 0 0;
		font-size: 13px;
	}
	.galBrdLstWr .lnkLst .lnk .lnkDate:after,
	.galBrdLstWr .lnkLst .lnk .lnkView:after { 
		height: 8px; 
		margin:-4px 0 0;
	}
	.galBrdLstWr .lnkLst .lnk .lnkView,
	.galBrdLstWr .lnkLst .lnk .lnkGood { 
		margin:0 0 0 8px;
		padding:0 0 0 18px;
		font-size: 13px;
	}
	.galBrdLstWr .lnkLst .lnk .lnkView:before,
	.galBrdLstWr .lnkLst .lnk .lnkGood:before { 
		width: 14px; 
		height: 14px;
	}
	.galBrdLstWr .lnkLst .lnk .lnkView { 
		padding-right:8px;
	}
	.galBrdLstWr .lnkLst .editBox { 
		gap:8px; 
	}
	.galBrdLstWr .lnkLst .editBox .btnEdit { 
		padding:10px 10px 10px 30px;
		font-size: 13px;
	}
	.galBrdLstWr .lnkLst .editBox .btnEdit:before { 
		width: 20px;
		height: 20px;
		top: 9px;
		left: 7px;
	}
}
@media all and (max-width:799px){
	.galBrdLstWr .lnkLst .editBox {
		flex-wrap:wrap; 
		width: 100%;
		margin:10px 0 0;
		padding:0 0 0 116px;
	}
}
@media all and (max-width:599px){
	.galBrdLstWr .lnkLst .lnk .lnkImg { 
		width: 80px;
		height: 80px;
	}	
	.galBrdLstWr .lnkLst .lnk .lnkImg.noImg:before { 
		width: 52px;
		height: 14px;
		margin:-7px 0 0 -26px;
	}
	.galBrdLstWr .lnkLst .lnk .lnkConBox { 
		width: calc((100% - 96px)); 
	}
	.galBrdLstWr .lnkLst .editBox { 
		padding:0 0 0 96px;
	}
}
/* 갤러리게시판 끝
------------------------------------------------------ */
/* 게시판 쓰기 시작
------------------------------------------------------ */
.brdWriteWr { 
	padding:20px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.brdWriteWr .topBox { 
	margin:0 0 20px;
	padding:0 0 16px;
	border-bottom:1px solid #DBDBDB;
}
.brdWriteWr .topBox .tit { 
	margin:0 0 6px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.brdWriteWr .topBox .txt { 
	font-weight: 500; 
	font-size: 16px;
	color: #797979;
}
.brdWriteWr .conBox dl + dl { 
	margin-top:34px;
}
.brdWriteWr .conBox dt { 
	margin:0 0 9px;
	font-weight: 500;
	font-size: 16px;
	color: #212121;
}
.brdWriteWr .conBox dd .ipt { 
	padding:16px 13px;
	background: #F7F7F7;
	border-radius: 5px;
	font-size: 13px;
	color: #424242;
}
.brdWriteWr .conBox dd .ipt::placeholder { 
	color: #999;	
}
.brdWriteWr .conBox dd select.ipt { 
	padding-right:35px;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/comSel02.svg);
	background-repeat:no-repeat;
	background-position:right 12px center;	 
}
.brdWriteWr .conBox dd .ipt.fullWid { 
	width: 100%; 
}
.brdWriteWr .conBox dd .fileLst { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.brdWriteWr .conBox dd .fileLst li { 
	position:relative;
	width: 120px;
}
.brdWriteWr .conBox dd .fileLst .fileIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.brdWriteWr .conBox dd .fileLst .fileLbl { 
	position:relative; 
	display:block;
	padding:100% 0 0;
	background: #E0E0E0;
	border-radius: 5px;
	font-size: 0;
	overflow: hidden;
}
.brdWriteWr .conBox dd .fileLst .fileLbl img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.brdWriteWr .conBox dd .fileLst .fileDel { 
	position:absolute; 
	display:block; 
	width: 18px;
	height: 18px;
	top: -9px;
	right: -10px;
	background: #FFF;
	border:2px solid #999;
	border-radius: 50%;
	z-index:1;
}
.brdWriteWr .conBox dd .fileLst .fileDel:before,
.brdWriteWr .conBox dd .fileLst .fileDel:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -4px;
	background: #999;
	border-radius: 4px;
}
.brdWriteWr .conBox dd .fileLst .fileDel:before { 
	transform:rotate(45deg);
}
.brdWriteWr .conBox dd .fileLst .fileDel:after { 
	transform:rotate(-45deg);
}
.brdWriteWr .btmBox { 
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	gap:8px;
	margin:21px 0 0;
}
.brdWriteWr .btmBox .btn { 
	display:block; 
	min-width: 120px;
	padding:12px 10px 11px;
	border:1px solid #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
}
.brdWriteWr .btmBox .btn.st01 { 
	background: #F44336;
	color: #FFF;
}
.brdWriteWr .btmBox .btn.st02 { 
	color: #F44336;
}
@media all and (max-width:999px){
	.brdWriteWr { 
		padding:16px;
	}
	.brdWriteWr .topBox { 
		margin:0 0 16px;
		padding:0 0 10px;
	}
	.brdWriteWr .topBox .tit { 
		margin:0 0 4px;
		font-size: 16px;
	}
	.brdWriteWr .topBox .txt { 
		font-size: 14px; 
	}
	.brdWriteWr .conBox dl + dl { 
		margin-top:16px;
	}
	.brdWriteWr .conBox dt { 
		font-size: 14px;
	}
	.brdWriteWr .conBox dd .ipt { 
		padding:10px;
		font-size: 13px;
	}
	.brdWriteWr .conBox dd select.ipt { 
		padding-right:30px;
		background-size:16px auto;
		background-position:right 8px center;
	}
	.brdWriteWr .btmBox { 
		margin:16px 0 0;
	}
	.brdWriteWr .btmBox .btn {  
		min-width: 100px;
		padding:10px 10px 9px;
		font-size: 14px;
	}
	.brdWriteWr .conBox dd .fileLst { 
		gap:8px;
	}
	.brdWriteWr .conBox dd .fileLst li { 
		width: 80px;
	}
	.brdWriteWr .conBox dd .fileLst .fileDel { 
		width: 16px;
		height: 16px;
		top: -7px;
		right: -7px;
	}
	.brdWriteWr .conBox dd .fileLst .fileDel:before,
	.brdWriteWr .conBox dd .fileLst .fileDel:after { 
		width: 6px;
		margin:-1px 0 0 -3px;
	}
}
/* 게시판 쓰기 끝
------------------------------------------------------ */
/* 일반 게시판 시작
------------------------------------------------------ */
.brdLstWr { 
	padding:20px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.brdLstWr .topBox { 
	position:relative; 
	margin:0 0 20px;
	padding:0 0 16px;
	border-bottom:1px solid #DBDBDB;
}
.brdLstWr .topBox .tit { 
	margin:0 0 6px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.brdLstWr .topBox .txt { 
	font-weight: 500; 
	font-size: 16px;
	color: #797979;
}
.brdLstWr .topBox.hasLnk { 
	padding-right:130px;
}
.brdLstWr .topBox.hasLnk .lnk { 
	position:absolute;
	display:inline-block; 
	padding:13px 17px 12px 43px;
	top:3px;
	right:0;
	background: #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	color: #FFF;
}
.brdLstWr .topBox.hasLnk .lnk .plus { 
	position:absolute; 
	display:block; 
	width: 14px;
	height: 14px;
	top:50%;
	left:21px;
	margin:-7px 0 0;
}
.brdLstWr .topBox.hasLnk .lnk .plus:before,
.brdLstWr .topBox.hasLnk .lnk .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #FFF;
	border-radius: 6px;
}
.brdLstWr .topBox.hasLnk .lnk .plus:before { 
	width: 100%;
	height: 2px;
	top:50%;
	left:0;
	margin:-1px 0 0;
}
.brdLstWr .topBox.hasLnk .lnk .plus:after { 
	width: 2px;
	height: 100%;
	top:0;
	left:50%;
	margin:0 0 0 -1px;
}
.brdLstWr .lnkLst li { 
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:1px solid #EDEDED;
}
.brdLstWr li:last-child { 
	padding:0;
	border-bottom:none;
}
.brdLstWr .lnkLst .lnk { 
	position:relative;	
	display:block; 
	padding:0 30px 0 33px;
	font-size: 0;
}
.brdLstWr .lnkLst .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top:50%;
	right:7px;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #999;
	border-right:2px solid #999;
}
.brdLstWr .lnkLst .lnk span { 
	display:inline-block; 
	vertical-align:middle; 
}
.brdLstWr .lnkLst .lnk .lnkNum { 
	position:absolute; 
	top:0;
	left:0;
	font-weight: 500; 
	font-size: 16px;
	color: #999;
}
.brdLstWr .lnkLst .lnk .lnkTit {
	display:block; 
	width: 100%;
	margin:0 0 12px;
	font-weight: 500;
	font-size: 16px;
	color: #424242;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	transition:all .3s ease;
}
.brdLstWr .lnkLst .lnk .lnkTit.hasCate { 
	display:flex;
	align-items:center;
	gap:3px;
}
.brdLstWr .lnkLst .lnk .lnkTit.hasCate .cate { 
	flex-shrink:0;
	padding:2px 6px;
	border-radius: 5px;
	font-weight: 500;
	font-size: 13px;	
}
.brdLstWr .lnkLst .lnk .lnkTit.hasCate .cate.st01 { 
	background: #F44336; 
	color: #FFF;
}
.brdLstWr .lnkLst .lnk .lnkTit.hasCate .cate.st02 { 
	background: #DBDBDB; 
	color: #999;
}
.brdLstWr .lnkLst .lnk .lnkTit.hasCate .titTxt { 
	flex-grow:1; 
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.brdLstWr .lnkLst .lnk .lnkDate { 
	position:relative;
	padding:0 12px 0 0;
	font-family: Pretendard-Regular, sans-serif;
	font-size: 14px;
	color: #797979;
}
.brdLstWr .lnkLst .lnk .lnkDate:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 14px;
	top:50%;
	right:0;
	margin:-7px 0 0;
	background: #797979;
}
.brdLstWr .lnkLst .lnk .lnkView { 
	position:relative;
	margin:0 0 0 10px;
	padding:0 0 0 22px;
	font-family: Pretendard-Medium, sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #797979;
}
.brdLstWr .lnkLst .lnk .lnkView:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top:0;
	left:0;
	background: url(/Form/_guest/basic/images/comNoticeView01.svg) no-repeat;
	background-size:cover;
}
.brdLstWr .lnkLst .lnk:focus .lnkTit,
.brdLstWr .lnkLst .lnk:hover .lnkTit { 
	color: #F44336; 
}
@media all and (max-width:999px){
	.brdLstWr { 
		padding:16px;
	}
	.brdLstWr .topBox { 
		margin:0 0 16px;
		padding:0 0 10px;
	}
	.brdLstWr .topBox .tit { 
		margin:0 0 4px;
		font-size: 16px;
	}
	.brdLstWr .topBox .txt { 
		font-size: 14px; 
	}
	.brdLstWr .topBox.hasLnk { 
		padding-right:100px;
	}
	.brdLstWr .topBox.hasLnk .lnk { 
		padding:10px 10px 10px 25px;
		top:3px;
		font-size: 14px;
	}
	.brdLstWr .topBox.hasLnk .lnk .plus { 
		width: 10px;
		height: 10px;
		left:10px;
		margin:-5px 0 0;
	}
	.brdLstWr .lnkLst li { 
		margin:0 0 16px;
		padding:0 0 16px;
	}
	.brdLstWr .lnkLst .lnk { 
		padding:0 30px 0 25px;
	}
	.brdLstWr .lnkLst .lnk .lnkNum { 
		font-size: 14px; 
	}
	.brdLstWr .lnkLst .lnk .lnkTit { 
		margin:0 0 8px;
		font-size: 14px;
	}
	.brdLstWr .lnkLst .lnk .lnkDate { 
		padding:0 8px 0 0;
		font-size: 13px;
	}
	.brdLstWr .lnkLst .lnk .lnkDate:after { 
		height: 8px; 
		margin:-4px 0 0;
	}
	.brdLstWr .lnkLst .lnk .lnkView { 
		margin:0 0 0 8px;
		padding:0 0 0 18px;
		font-size: 13px;
	}
	.brdLstWr .lnkLst .lnk .lnkView:before { 
		width: 14px; 
		height: 14px;
		top:1px;
	}
}
@media all and (max-width:599px){
	.brdLstWr .topBox.hasLnk { 
		padding-right:0;
	}
	.brdLstWr .topBox.hasLnk .lnk { 
		position:relative; 
		top:auto;
		right:auto;
		margin:8px 0 0;
	}
}
/* 일반 게시판 끝
------------------------------------------------------ */
/* 상단 게시판 링크 영역 시작
------------------------------------------------------ */
.comBoardLnkWr { 
	margin:0 0 24px;
	padding:24px 0;
	background: #FFF7F6;
	border-bottom:1px solid #E0E0E0;
}
.comBoardLnkWr .lnkLst { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center;
	gap:12px;
}
.comBoardLnkWr .lnkLst .lnk { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:2px;
	padding:7px 12px;
	background: #FFF;
	border:1px solid #FFEBEE;
	border-radius: 100px;
	transition:all .3s ease;
}
.comBoardLnkWr .lnkLst .lnk span { 
	display:block;
}
.comBoardLnkWr .lnkLst .lnk .lnkIco { 
	flex-shrink:0;
	width: 16px; 
	height: 16px;
	background:linear-gradient(45deg, #F44336, #FFAB40);
	border-radius: 50%;
	font-family: Pretendard-Medium, sans-serif;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: -.24px;
	line-height: 16px;
	text-align: center;
	color: #FFF;
}
.comBoardLnkWr .lnkLst .lnk .lnkTxt { 
	font-weight: 500; 
	font-size: 15px;
	color: #797979;
	transition:all .3s ease;
}
.comBoardLnkWr .lnkLst .lnk:focus,
.comBoardLnkWr .lnkLst .lnk:hover,
.comBoardLnkWr .lnkLst .lnk.on { 
	border-color:#F44336;
}
.comBoardLnkWr .lnkLst .lnk:focus .lnkTxt,
.comBoardLnkWr .lnkLst .lnk:hover .lnkTxt,
.comBoardLnkWr .lnkLst .lnk.on .lnkTxt { 
	color:#F44336; 
}
@media all and (max-width:999px){
	.comBoardLnkWr { 
		margin:0 0 16px;
		padding:10px 0;
	}
	.comBoardLnkWr .lnkBox { 
		position:relative; 
		width: 100%;
		overflow-x:auto;
	}
	.comBoardLnkWr .lnkLst { 
		flex-wrap:nowrap;
		justify-content:flex-start;
		gap:8px;
	}
	.comBoardLnkWr .lnkLst .lnk .lnkIco { 
		width: 14px; 
		height: 14px;
		font-size: 11px;
		line-height: 14px;
	}
	.comBoardLnkWr .lnkLst .lnk .lnkTxt { 
		white-space:nowrap;
		font-size: 13px;
	}
}
/* 상단 게시판 링크 영역 끝
------------------------------------------------------ */
/* 대기실 네비 시작
------------------------------------------------------ */
.waitingNavWr { 
	position:fixed;
	width: 73px;
	top:50%;
	left:50%;
	margin:0 0 0 -698px;
	padding:11px 15px 12px;
	transform:translateY(-50%);
	background: #FFF;
	border:1px solid #EDEDED;
	border-radius: 5px;
	text-align: center;
	z-index:2;
}
.waitingNavWr .logo {
	font-size: 0;
}
.waitingNavWr .logo img { 
	max-width: 100%; 
}
.waitingNavWr .lnk { 
	position:relative; 
	display:inline-block;
	margin:0 0 5px;
	padding:0 8px 0 0;
	font-weight: 700;
	font-size: 14px;
	color: #F44336;
}
.waitingNavWr .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	right: 0;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #F44336;
	border-right:2px solid #F44336;
}
.waitingNavWr .lst li { 
	position:relative;
	margin:0 0 6px;
}
.waitingNavWr .lst li:last-child { 
	margin:0;
}
.waitingNavWr .lst .btnWait { 
	position:relative;
	display:block;
	width: 100%;
	padding:100% 0 0;
	background: #E0E0E0;	
	overflow: hidden;
}
.waitingNavWr .lst .btnWait > img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.waitingNavWr .lst .grade { 
	position:absolute;
	top: -4px;
	left: -5px;
	font-size: 0;
	z-index:1;
}
.waitingNavWr .lst .grade img { 
	max-width: 100%; 
}
.waitingNavWr .navOnOff { 
	display:none; 
}
@media all and (max-width:1399px){
	.waitingNavWr { 
		left:10px;
		margin:0;
		transition:all .3s ease;
	}
	.waitingNavWr .navOnOff { 
		position:absolute; 
		display:block;
		width: 20px;
		height: 40px;
		top:50%;
		left:100%;
		margin:-20px 0 0;
		background: #EDEDED;
		border:1px solid #999;
		border-left:none;
		border-radius: 0 5px 5px 0;
	}
	.waitingNavWr .navOnOff:before { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 8px;
		height: 8px;
		top: 50%;
		left: 7px;
		margin:-4px 0 0;
		transform:rotate(225deg);
		border-top:2px solid #999;
		border-right:2px solid #999;
		transition:all .3s ease;
	}
	.waitingNavWr.off { 
		width: 0;
		height: 240px;
		padding:0;
	}
	.waitingNavWr.off .lnk,
	.waitingNavWr.off .lst li { 
		width: 0; 
		height: 0;
		overflow: hidden;
	}
	.waitingNavWr.off .navOnOff:before { 
		left: 3px;
		transform:rotate(45deg);
	}
}
/* 대기실 네비 끝
------------------------------------------------------ */