@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/* Vue.js v-cloak: Vue 앱 로드 전 {{ }} 태그 숨김 */
[v-cloak] {
    display: none !important;
}
@font-face {
	font-family: Pretendard;
	src: url(/Form/fonts/Pretendard-Regular.woff2) format(woff2);
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: Pretendard;
	src: url(/Form/fonts/Pretendard-Medium.woff2) format(woff2);
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
	word-break:keep-all;
	scrollbar-width:none;
}
html, body {
	-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	width: 100%;
	font-family: Noto Sans KR, sans-serif;
	line-height:1.3;
	letter-spacing:-.3px;
	overscroll-behavior: none;
}
html.onFixed { 
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
body { 
	height: 100vh;
	overflow:auto;
	scrollbar-width:thin;
}
a { 
	text-decoration:none; 	
}
li { 
	list-style:none; 
}
label, button, a, select, textarea, input { 
	font-family: Noto Sans KR, sans-serif;
	letter-spacing:-.3px;
	line-height:1.3;
}
input, button, select, textarea { 
	background:transparent;
	border:none;
}
label, button, a { 
	cursor:pointer;
}
input { 
	min-width: 0; 
}
textarea { 
	resize:none; 
}
table { 
	width: 100%;
	table-layout:fixed;
	border-spacing:0;
	border-collapse:collapse;
}
table *:not(th) { 
	word-break:break-all; 
}

.wrapper { 
	position:relative; 
	width: 100%;
	min-width: 20rem;
	max-width: 26.875rem;
	height: 100%;
	margin:0 auto;
	padding:3rem 0 4.5rem;
	overflow-y:auto;
}
.wrapper.noBtm { 
	padding-bottom:0;
}
.cTit01 { 
	margin:0 0 .75rem;
	padding:0 1rem;
	font-weight: 700; 
	font-size: 1.25rem;
	letter-spacing: -.3px;
	color: #212121;
}
.inner { 
	padding:0 1rem;
}
.comPopBg { 
	position:fixed;
	display:none;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background: rgba(33,33,33,.7);
	z-index: 999; 
}
.comPopBg.on { 
	display:block;
}
.comPopBg.stSlide { 
	top: auto; 
	bottom: 0;
	overflow: hidden;
}
.subComWr { 
	padding:1.5rem 1rem 1rem;
}

/* 헤더 시작
------------------------------------------------------ */
header {
	position: fixed;
	width: 100%;
	max-width: 26.875rem;
	height: 3rem;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #FFF;
	border-bottom:1px solid #F0F0F0;
	z-index: 100;
}
header .headerBox01 { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:1rem;
	height: 100%;
	padding:0 1rem;
	background: #FFF;
}
header .headerBox01 .logo a { 
	display:block;
	width: 5.375rem;
	font-size: 0;
}
header .headerBox01 .logo a img { 
	max-width: 100%; 
}
header .headerBox01 .lnk { 
	display:block;
	width: 1.5rem;
	font-size: 0;
}
header .headerBox01 .lnk img { 
	max-width: 100%; 
}
header .headerBox02 { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:center;
	height: 100%;
	padding:0 3.4375rem;
	text-align: center;
}
header .headerBox02 .hBackLnk {
	position:absolute; 
	display:block;
	width: 1.5rem;
	height: 1.5rem;
	top: 50%;
	left: 1rem;
	transform:translateY(-50%);
}
header .headerBox02 .hBackLnk:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: .75rem;
	height: .75rem;
	top: 50%;
	left: 50%;
	margin:-.375rem 0 0 -.1875rem;
	transform:rotate(-45deg);
	border-top:2px solid #212121;
	border-left:2px solid #212121;
}
header .headerBox02 .pageName { 
	font-weight: 500;
	font-size: 1rem;
	letter-spacing: -.18px;
	color: #212121;
}
header .headerBox02 .pageName .stat01 { 
	display:inline-block;
	padding:2px .5rem 1px;
	border-radius: 1000px;
	font-size: .9375rem;
}
header .headerBox02 .pageName .stat01.st01 { 
	background: #F8F0FF; 
	color: #8A2BE2;
}
header .headerBox02 .rightLnk { 
	position:absolute; 
	display:block; 
	top: 50%;
	right: 1rem;
	transform:translateY(-50%);
	font-size: 0;
}
header .headerBox02 .rightLnk img { 
	max-width: 100%; 
}
/* 헤더 끝
------------------------------------------------------ */
/* 푸터 시작
------------------------------------------------------ */
footer {
	margin:3.75rem 0 0;
	padding:1.5rem 1em;
	background: #211F25;
}
footer .fLogo {
	width: 5.375rem;
	margin:0 0 .875rem;
	font-size: 0; 
}
footer .fLogo img { 
	max-width: 100%; 
}
footer .fInfoDl {
	display:flex;
	gap:.5rem;
	font-size: .6875rem;
	letter-spacing:-.3px;
	color: #797979;
}
footer .fInfoDl dt { 
	color: #999;
}
footer .fInfoDl + .fInfoDl { 
	margin-top:.4375rem;
}
footer .fTermLst01 { 
	display:flex;
	margin:1.3125rem 0 0;
}
footer .fTermLst01 li { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 33.333%;
	text-align: center;
}
footer .fTermLst01 li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: .5rem;
	top: 50%;
	right: 0;
	margin:-.25rem 0 0;
	background: #999;
}
footer .fTermLst01 li:last-child:after { 
	display:none;
}
footer .fTermLst01 .lstLnk { 
	display:block;
	font-size: .6875rem;
	letter-spacing:-.3px;
	color: #999;
}
footer .fCopy01 { 
	margin:.8125rem 0 0;
	font-size: .75rem;
	letter-spacing:-.3px;
	text-align: center; 
	color: #797979;
}
/* 푸터 끝
------------------------------------------------------ */
/* 네비 시작
------------------------------------------------------ */
nav {
	position:fixed;
	display:flex;
	width: 100%;
	max-width: 26.875rem;
	height: 4.5rem;
	bottom: 0;
	margin:0 auto;
	background: #FFF;
	border-top:1px solid #EDEDED;
	z-index: 10;
}
nav .navLnk {
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 20%;
	height: 100%;
	text-align: center;
}
nav .navLnk span { 
	display:block;
}
nav .navLnk .lnkCon:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 1.75rem;
	height: 1.75rem;
	margin:0 auto .375rem;
	background-repeat:no-repeat;
	background-size:cover;
}
nav .navLnk.navLnk01 .lnkCon:before { 
	background-image: url(/Form/_renew/images/navIco01_off.svg); 
}
nav .navLnk.navLnk01.on .lnkCon:before { 
	background-image: url(/Form/_renew/images/navIco01_on.svg); 
}
nav .navLnk.navLnk02 .lnkCon:before { 
	background-image: url(/Form/_renew/images/navIco02_off.svg); 
}
nav .navLnk.navLnk02.on .lnkCon:before { 
	background-image: url(/Form/_renew/images/navIco02_on.svg); 
}
nav .navLnk.navLnk03 .lnkCon:before { 
	background-image: url(/Form/_renew/images/navIco03_off.svg); 
}
nav .navLnk.navLnk03.on .lnkCon:before { 
	background-image: url(/Form/_renew/images/navIco03_on.svg); 
}
nav .navLnk.navLnk04 .lnkCon:before { 
	background-image: url(/Form/_renew/images/navIco04_off.svg); 
}
nav .navLnk.navLnk04.on .lnkCon:before { 
	background-image: url(/Form/_renew/images/navIco04_on.svg); 
}
nav .navLnk.navLnk05 .lnkCon:before { 
	background-image: url(/Form/_renew/images/navIco05_off.svg); 
}
nav .navLnk.navLnk05.on .lnkCon:before { 
	background-image: url(/Form/_renew/images/navIco05_on.svg); 
}
nav .navLnk .lnkTxt { 
	font-size: .75rem;
	letter-spacing:-.3px;
	color: #797979;
}
nav .navLnk.on .lnkTxt { 
	font-weight: 500; 
	color: #8A2BE2;
}
.cardModelPop .conBox {
    position: absolute;
    width: 100%;
    height: 100%;
    min-width: 20rem;
    max-width: 26.875rem;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.cardModelPop .canvasBox {
    position: relative;
    width: 100%;
    height: 65%;
    font-size: 0;
    overflow:hidden;
}
.cardModelPop #cardCanvas {
    position: absolute;
    bottom: -200%;
    left: 50%;
    transform:translateX(-50%);
    transition: bottom .3s ease;
}
.cardModelPop .canvasBox.on #cardCanvas {
    bottom: -30%;
}
.cardModelPop .canvasBtmBox {
    position: relative;
    width: 100%;
    height: 35%;
    bottom: 0;
    left: 0;
	padding: 2.5rem 1rem 0;
	text-align: center;
}
.cardModelPop .canvasBtmBox .btn {
    display:inline-block;
	padding:.875rem 7.375rem .9375rem;
	background: #8A2BE2;
	border-radius: .625rem;
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: -.3px;
	text-align: center;
	color: #FFF;
}
.navGradePop .conBox { 
	position:absolute; 
	width: 16.25rem;
	max-width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	text-align: center;
}
.navGradePop .popClose { 
	position:absolute; 
	display:block; 
	width: 1.5rem;
	height: 1.5rem;
	bottom: calc(100% + .625rem);
	right: 0;
}
.navGradePop .popClose:before,
.navGradePop .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1.25rem;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -.625rem;
	background: #FFF;
	border-radius: .25rem;
}
.navGradePop .popClose:before { 
	transform:rotate(45deg); 
}
.navGradePop .popClose:after { 
	transform:rotate(-45deg); 
}
.navGradePop .cardBox { 
	margin:0 0 2.5rem;
	border-radius: .9375rem;
	box-shadow:0 .1875rem .3125rem 0 rgba(98,98,98,.66);
	font-size: 0;
	overflow: hidden;
}
.navGradePop .cardBox img { 
	max-width: 100%; 
}
.navGradePop .lnk01 { 
	display:block; 
	margin:0 0 .75rem;
	padding:.875rem .875rem .9375rem;
	background: #8A2BE2;
	border-radius: .625rem;
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: -.3px;
	text-align: center;
	color: #FFF;
}
.navGradePop .txt01 { 
	margin:0 0 .75rem;
	font-weight: 500;
	font-size: .875rem;
	letter-spacing: -.3px;
	color: #FFF;
}
.navGradePop .callLnk {
	display:inline-flex;
	align-items:center; 
	justify-content:center;
	gap:.5rem;
	padding:.625rem .9375rem .5625rem;
	border:1px solid #F8F0FF;
	border-radius: 1000px;
}
.navGradePop .callLnk span { 
	display:block; 
}
.navGradePop .callLnk .lnkIco { 
	font-size: 0; 
}
.navGradePop .callLnk .lnkIco img { 
	max-width: 100%; 
}
.navGradePop .callLnk .lnkTxt { 
	font-weight: 700; 
	font-size: .875rem;
	letter-spacing: -.3px;
	color: #F8F0FF;
}
@media all and (max-width:999px){
	.navGradePop .cardBox { 
		margin:0 0 1rem;
	}
	.navGradePop .lnk01,
	.navGradePop .txt01 { 
		margin:0 0 .5rem;
	}
	.cardModelPop .canvasBox { 
		height: 70%; 
	}
	.cardModelPop .canvasBox.on #cardCanvas {
		bottom: -25%;
	}
	.cardModelPop .canvasBtmBox { 
		height: 30%; 
	}
}
/* 네비 끝
------------------------------------------------------ */
/* 게시판 리스트 스킨 시작
------------------------------------------------------ */
.brdLstBox01 .cateBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:1.5rem;
	margin:0 0 1rem;
}
.brdLstBox01 .cateBox01 .brdCate { 
	position:relative; 
	display:block;
	padding:0 0 .5rem;
	font-weight: 500;
	font-size: 1.125rem;
	color: #999;
}
.brdLstBox01 .cateBox01 .brdCate.on { 
	font-weight: 700;
	color: #8A2BE2;
}
.brdLstBox01 .cateBox01 .brdCate.on:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background: #8A2BE2;
}
.brdLstBox01 .cateBox02 { 
	display:flex;
	gap:1rem; 
	overflow-x:auto;
	scrollbar-width:thin;
}
.brdLstBox01 .cateBox02 .cateReset { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 2.5rem;
	height: 2.5rem;
	background: #8A2BE2;
	border-radius: 50%;
}
.brdLstBox01 .cateBox02 .cateReset img { 
	width: .9375rem;
}
.brdLstBox01 .cateBox02 .cateReset.stOff { 
	display:none;
}
.brdLstBox01 .cateBox02 .ipt { 
	flex-shrink:0;
	display:block;
	min-width: 5.25rem;
	padding:.5rem .9375rem;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	font-size: .875rem;
	color: #424242;
}
.brdLstBox01 .cateBox02 select.ipt,
.brdLstBox01 .cateBox02 button.ipt { 
	padding-right:2.2rem;
	appearance: none;
	background-image: url(/Form/_renew/images/comSel02.svg);
	background-repeat:no-repeat;
	background-position:right .9375rem center;
}
.brdLstBox01 .cateBox02 button.ipt.on { 
	background-image: url(/Form/_renew/images/comPopDel01.svg);
	background-color: #fcf6ff;
}
.brdLstBox01 .schBox01 { 
	position:relative;
	margin:0 0 1rem;
}
.brdLstBox01 .schBox01 .ipt {
	display:block; 
	width: 100%;
	padding:.9375rem 2.5rem .875rem .9375rem;
	background: #FCF6FF;
	border:1px solid #E9DFEB;
	border-radius: .625rem;
	font-size: .875rem;
	color: #424242;
}
.brdLstBox01 .schBox01 .ipt::placeholder { 
	color: #999; 
}
.brdLstBox01 .schBox01 .btn { 
	position:absolute; 
	display:block; 
	width: 1.25rem;
	top: 50%;
	right: 1rem;
	transform:translateY(-50%);
	font-size: 0;
}
.brdLstBox01 .schBox01 .btn img { 
	max-width: 100%; 
}
.brdLstBox01 .brdLst01 .brdLstLnk { 
	display:block;
	padding:1rem 0;
	border-bottom:1px solid #F0F0F0;
}
.brdLstBox01 .brdLst01 .lnkTopBox { 
	display:flex;
	justify-content:space-between; 
	gap:1rem;
	margin:0 0 .5625rem;
}
.brdLstBox01 .brdLst01 .lnkBtmBox { 
	display:flex;
	align-items:center;
	justify-content:space-between; 
	gap:1rem;
}
.brdLstBox01 .brdLst01 .txtBox { 
	flex-grow:1;
	width: calc(100% - 7rem);
}
.brdLstBox01 .brdLst01 .cate01 { 
	display:block;
	margin:0 0 .25rem;
	font-size: .875rem;
}
.brdLstBox01 .brdLst01 .cate01.st01 {
	color: #8A2BE2;
}
.brdLstBox01 .brdLst01 .cate01.st01.stWith {
	color: #FF6B35;
}
.brdLstBox01 .brdLst01 .cate01.st02 {
	display: inline-block;
	padding: .125rem .5rem;
	margin-left: .375rem;
	background: #F0F0F0;
	border-radius: .25rem;
	font-size: .75rem;
	color: #666;
	vertical-align: middle;
}

.brdLstBox01 .brdLst01 .tit01 { 
	display:block;
	margin:0 0 .625rem;
	font-weight: 500;
	font-size: 1rem;
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.brdLstBox01 .brdLst01 .txt01 { 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: pre-line;
	height: 2.5rem;
	font-size: .875rem;
	line-height: 1.4;
	color: #797979;
	text-overflow: ellipsis;
	overflow: hidden; 
}
.brdLstBox01 .brdLst01 .imgBox { 
	flex-shrink:0;
	position:relative;
	display:block;
	width: 6rem;
	height: 6rem;
	background: #FAFAFA;
	border-radius: .625rem;
	font-size: 0;
	overflow: hidden;
}
.brdLstBox01 .brdLst01 .imgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.brdLstBox01 .brdLst01 .imgBox.noImg { 
	background-image:url(/Form/_renew/images/comNoImg01.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size:4rem auto;
}
.brdLstBox01 .brdLst01 .userInfo { 
	display:flex;
	align-items:center;
}
.brdLstBox01 .brdLst01 .userInfo .thumb { 
	position:relative;
	width: 1.75rem;
	height: 1.75rem;
	margin:0 .5rem 0 0;
	border:1px solid #F0F0F0;
	border-radius: 50%;
	font-size: 0;
	overflow: hidden;
}
.brdLstBox01 .brdLst01 .userInfo .thumb img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.brdLstBox01 .brdLst01 .userInfo .userTxt { 
	position:relative; 
	display:block;
	font-size: .8125rem;
	color: #212121;
}
.brdLstBox01 .brdLst01 .userInfo .userTxt + .userTxt { 
	margin:0 0 0 .25rem;
	padding:0 0 0 .25rem;
}
.brdLstBox01 .brdLst01 .userInfo .userTxt + .userTxt:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
	border-radius: 50%;
	background: #212121;
}
.brdLstBox01 .brdLst01 .date {
	font-size:.8125rem;
	color: #797979;
}
.brdLstBox01 .brdLst01 .statBox {
	display:flex;
	align-items:center;
	gap:.75rem;
	margin-left:auto;
}
.brdLstBox01 .brdLst01 .statBox .stat {
	display:flex;
	align-items:center;
	gap:.25rem;
	font-size:.8125rem;
	color:#797979;
}
.brdLstBox01 .brdLst01 .statBox .stat:before {
	content:"";
	display:block;
	width:.875rem;
	height:.875rem;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.brdLstBox01 .brdLst01 .statBox .stLike:before {
	background-image:url(/Form/_renew/images/brdViewStatGood01_off.svg);
}
.brdLstBox01 .brdLst01 .statBox .stComment:before {
	background-image:url(/Form/_renew/images/brdViewStatReply01.svg);
}
.brdLstBox01 .conBox.stOff { 
	display:none;
}
.brdLstBox01 .floatBox { 
	position:fixed;
	bottom: 7.25rem;
	right: 50%;
	margin:0 -17.8125rem 0 0;
}
.brdLstBox01 .floatBox .floatHidBox { 
	position:absolute;
	display:none;
	width: 3rem;
	bottom: 4.1875rem;
	left: 50%;
	margin:0 0 0 -1.5rem;
}
.brdLstBox01 .floatBox .floatHidBox .hidLnk { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 3rem;
	height: 3rem;
	margin:0 0 .75rem;
	background: #341156;
	border-radius: 50%;
	text-align: center;
}
.brdLstBox01 .floatBox .floatHidBox .hidLnk span { 
	display:block;
}
.brdLstBox01 .floatBox .floatHidBox .hidLnk .lnkIco { 
	width: 1rem;
	margin:0 auto 1px;
	font-size: 0;
}
.brdLstBox01 .floatBox .floatHidBox .hidLnk .lnkIco img { 
	max-width: 100%; 
}
.brdLstBox01 .floatBox .floatHidBox .hidLnk .lnkTxt { 
	font-weight: 500; 
	font-size: .8125rem;
	color: #FFF;
}
.brdLstBox01 .floatBox .floatHidBox .hidLnk:last-child { 
	margin:0;
}
.brdLstBox01 .floatBox .lnkForm {
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 3.4375rem;
	height: 3.4375rem;
	background: #8A2BE2;
	border-radius: 50%;
	font-size: 0;
	text-align: center;
}
.brdLstBox01 .floatBox .lnkForm span { 
	display:block;
}
.brdLstBox01 .floatBox .lnkForm .plus { 
	position:relative;
	width: .875rem;
	height: .875rem;
	margin:0 auto .25rem;
}
.brdLstBox01 .floatBox .lnkForm .plus:before,
.brdLstBox01 .floatBox .lnkForm .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: #FFF;
	border-radius: .25rem;
}
.brdLstBox01 .floatBox .lnkForm .plus:before { 
	width: 100%;
	height: 2px;
}
.brdLstBox01 .floatBox .lnkForm .plus:after { 
	width: 2px;
	height: 100%;
}
.brdLstBox01 .floatBox .lnkForm .txt { 
	font-weight: 500; 
	font-size: .8125rem;
	color: #FFF;
}
@media all and (max-width:599px){
	.brdLstBox01 .floatBox { 
		bottom: 5rem;
		right: .5rem;
		margin:0;
	}
}
/* 게시판 리스트 스킨 끝
------------------------------------------------------ */
/* 게시판 보기 스킨 시작
------------------------------------------------------ */
.brdViewBox01 .brdTopBox {
	margin:0 0 1rem;
	padding:0 0 .9375rem;
	border-bottom:1px solid #F0F0F0;
}
.brdViewBox01 .brdTopBox .cate01 { 
	margin:0 0 .25rem;
	font-weight: 400;
	font-size: .9375rem;
}
.brdViewBox01 .brdTopBox .cate01.st01 { 
	color: #8A2BE2; 
}
.brdViewBox01 .brdTopBox .tit01 { 
	margin:0 0 .4375rem;
	font-weight: 500;
	font-size: 1.25rem;
	color: #212121;
	word-break:break-all;
}
.brdViewBox01 .brdTopBox .titBox { 
	position:relative;
	margin:0 0 .4375rem;
}
.brdViewBox01 .brdTopBox .titBox .cate01 { 
	padding:0 1.25rem 0 0;
}
.brdViewBox01 .brdTopBox .titBox .tit01 { 
	margin:0;
}
.brdViewBox01 .brdTopBox .titBox .hidToggle { 
	position:absolute;
	display:block;
	width: 1.25rem;
	height: 1.25rem;
	top: 0;
	right: 0;
}
.brdViewBox01 .brdTopBox .titBox .hidToggle:before,
.brdViewBox01 .brdTopBox .titBox .hidToggle:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: .25rem;
	height: .25rem;
	left: 50%;
	margin:0 0 0 -.125rem;
	background: #797979;
	border-radius: 50%;	
}
.brdViewBox01 .brdTopBox .titBox .hidToggle:before { 
	top: .125rem;
}
.brdViewBox01 .brdTopBox .titBox .hidToggle:after { 
	top: .875rem;
}
.brdViewBox01 .brdTopBox .titBox .hidToggle span { 
	position:absolute;
	display:block;
	width: .25rem;
	height: .25rem;
	top: 50%;
	left: 50%;
	margin:-.125rem 0 0 -.125rem;
	background: #797979;
	border-radius: 50%;	
}
.brdViewBox01 .brdTopBox .titBox .hidBox { 
	position:absolute;
	display:none;
	top: 1.625rem;
	right: .625rem;
}
.brdViewBox01 .brdTopBox .titBox .hidLst01 { 
	padding:0 .9375rem;
	background: #FFF;
	border-radius: .625rem;
	border:1px solid #F0F0F0;
}
.brdViewBox01 .brdTopBox .titBox .hidLst01 li { 
	border-bottom:1px solid #F0F0F0;
}
.brdViewBox01 .brdTopBox .titBox .hidLst01 li:last-child { 
	border-bottom:none;
}
.brdViewBox01 .brdTopBox .titBox .hidLst01 .hidLnk { 
	display:flex;
	align-items:center;
	gap:.25rem;
	width: 100%;
	padding:.5625rem 0;
}
.brdViewBox01 .brdTopBox .titBox .hidLst01 .hidLnk span { 
	flex-shrink:0;
	display:block;
}
.brdViewBox01 .brdTopBox .titBox .hidLst01 .hidLnk .lnkIco { 
	width: .875rem;
	font-size: 0; 
}
.brdViewBox01 .brdTopBox .titBox .hidLst01 .hidLnk .lnkIco img { 
	width: 100%; 
}
.brdViewBox01 .brdTopBox .titBox .hidLst01 .hidLnk .lnkTxt { 
	font-size: .875rem;
	color: #797979;
}
.brdViewBox01 .brdTopBox .userInfoBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
}
.brdViewBox01 .brdTopBox .userBox { 
	display:flex;
	align-items:center;
	gap:.5rem;
}
.brdViewBox01 .brdTopBox .userThumb { 
	position:relative; 
	width: 1.75rem;
	height: 1.75rem;
	border:1px solid #F0F0F0;
	border-radius: 50%;
	overflow: hidden;
}
.brdViewBox01 .brdTopBox .userThumb img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.brdViewBox01 .brdTopBox .userInfo01 { 
	font-size: .875rem;
	color: #212121;
}
.brdViewBox01 .brdTopBox .date { 
	font-size: .875rem; 
	color: #797979;
}
.brdViewBox01 .brdConBox { 
	position:relative;
	padding:0 0 2.125rem;
}
.brdViewBox01 .brdConBox:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	bottom: 0;
	left: 0;
	border-top:1px solid #ececec;
}
.brdViewBox01 .postPlace01 { 
	position:relative;
	margin:0 0 .5rem;
	padding:0 0 0 1.375rem;
	font-size: .8125rem;
	color: #2B90E2;
}
.brdViewBox01 .postPlace01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: .875rem;
	height: .875rem;
	top: 1px;
	left: 0;
	background:url(/Form/_renew/images/brdViewPlace01.svg) no-repeat;
	background-size:cover;
}
.brdViewBox01 .brdImgBox { 
	position:relative;
	font-size: 0;
	overflow: hidden;
}
.brdViewBox01 .brdImgBox img { 
	width: 100%; 
}
.brdViewBox01 .brdImgBox .imgLnk {
	position:absolute; 
	display:block;
	width: 1.25rem;
	height: 1.25rem;
	top: 0;
	left: 0;
	background: #8A2BE2;
	box-shadow:0 2px 5px 0 rgba(49,15,63,.25);
	border-radius: 50%;
}
.brdViewBox01 .brdImgBox .imgLnk:before,
.brdViewBox01 .brdImgBox .imgLnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
	background: #FFF;
	border-radius: .25rem;
}
.brdViewBox01 .brdImgBox .imgLnk:before { 
	width: .625rem; 
	height: 2px;
}
.brdViewBox01 .brdImgBox .imgLnk:after { 
	width: 2px; 
	height: .625rem;
}
.brdViewBox01 .brdImgBox + .brdImgBox,
.brdViewBox01 .brdImgBox + .brdTxt01,
.brdViewBox01 .brdInfoDl01 + .brdTxt01 { 
	margin-top:1rem;
}
.brdViewBox01 .brdTxt01 { 
	font-size: .875rem;
	line-height: 1.4;
	color: #424242;
	word-break:break-all;
}
.brdViewBox01 .brdInfoDl01 dt { 
	margin:0 0 .5625rem;
	font-weight: 500;
	font-size: 1rem;
	color: #212121;
}
.brdViewBox01 .brdInfoDl01 .typeLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:.75rem;
}
.brdViewBox01 .brdInfoDl01 .typeLst01 li {
	padding:.4375rem .8125rem;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	font-size: .875rem;
	color: #424242;
}
.brdViewBox01 .brdImgBox + .brdInfoDl01,
.brdViewBox01 .brdInfoDl01 + .brdInfoDl01 { 
	margin-top:.8125rem;
}
.brdViewBox01 .brdSdLst01 { 
	padding:0 1rem;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: .625rem;
	box-shadow:0 1px .25rem 0 rgba(141,141,141,.12);
}
.brdViewBox01 .brdSdLst01 li { 
	position:relative;
	padding:1rem 1rem 1rem 1.875rem;
	border-bottom:1px solid #F3EEF6;
	font-weight: 500;
	font-size: .875rem;
	color: #212121;
}
.brdViewBox01 .brdSdLst01 li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1.25rem;
	height: 1.25rem;
	top: .9375rem;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.brdViewBox01 .brdSdLst01 li.stDay:before { 
	background-image: url(/Form/_renew/images/brdViewSdLst_day01.svg); 
}
.brdViewBox01 .brdSdLst01 li.stPlace:before { 
	background-image: url(/Form/_renew/images/brdViewSdLst_place01.svg); 
}
.brdViewBox01 .brdSdLst01 li:last-child { 
	border-bottom:none;
}
.brdViewBox01 .brdUserInfoLnk { 
	display:block;
	padding:.9375rem;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: .625rem;
	box-shadow:0 1px .25rem 0 rgba(141,141,141,.12);
}
.brdViewBox01 .brdUserInfoLnk .lnkTopBox { 
	position:relative; 
	display:flex;
	align-items:center;
	gap:.5rem;
	width: 100%;
	/*margin:0 0 .5rem;*/
}
.brdViewBox01 .brdUserInfoLnk .lnkTopBox:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: .625rem;
	height: .625rem;
	top: 50%;
	right: 0;
	margin:-.3125rem 0 0;
	transform:rotate(45deg);
	border-top:2px solid #9A9A9A;
	border-right:2px solid #9A9A9A;
}
.brdViewBox01 .brdUserInfoLnk .lnkTopBox .thumb { 
	position:relative;
	display:block; 
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 50%;
	border:1px solid #F0F0F0;
	overflow: hidden;
}
.brdViewBox01 .brdUserInfoLnk .lnkTopBox .thumb img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.brdViewBox01 .brdUserInfoLnk .lnkTopBox .info,
.brdViewBox01 .brdUserInfoLnk .lnkTxt {
	font-size: .875rem; 
	color: #212121;	 
}
.brdViewBox01 .brdUserInfoLnk .lnkTxt { 
	word-break:break-all; 
}
.brdViewBox01 .brdStatBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:.8125rem;
	margin:1.5625rem 0 0;
}
.brdViewBox01 .brdStatBox01 .brdStat { 
	position:relative; 
	display:block;
	padding:0 0 0 1.75rem;
	font-weight: 500;
	font-size: .875rem;
	color: #212121;
}
.brdViewBox01 .brdStatBox01 .brdStat:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1.25rem;
	height: 1.25rem;
	top: -1px;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.brdViewBox01 .brdStatBox01 .brdStat.stGood:before { 
	background-image: url(/Form/_renew/images/brdViewStatGood01_off.svg); 
}
.brdViewBox01 .brdStatBox01 .brdStat.stGood.on:before { 
	background-image: url(/Form/_renew/images/brdViewStatGood01_on.svg); 
}
.brdViewBox01 .brdStatBox01 .brdStat.stReply:before { 
	background-image: url(/Form/_renew/images/brdViewStatReply01.svg); 
}
.brdViewBox01 .brdReplyAddBox01 {
	padding:1rem .9375rem;
	background: #F8F0FF;
}
.brdViewBox01 .brdReplyAddBox01 dl { 
	display:flex;
	align-items:center;
	gap:.75rem;
}
.brdViewBox01 .brdReplyAddBox01 dt { 
	flex-shrink:0;
	font-weight: 500;
	font-size: .9375rem;
	color: #212121;
}
.brdViewBox01 .brdReplyAddBox01 dd { 
	flex-grow:1;
	display:flex;
	gap:.75rem;
}
.brdViewBox01 .brdReplyAddBox01 dd .ipt { 
	flex-grow:1;
	display:block;
	padding:.8125rem 1rem .75rem;
	background: #FFF;
	border-radius: .625rem;
	font-size: .875rem;
	color: #424242;
}
.brdViewBox01 .brdReplyAddBox01 dd .ipt::placeholder {
	color: #999; 
}
.brdViewBox01 .brdReplyAddBox01 dd .btn { 
	flex-shrink:0;
	display:block;
	padding:.8125rem 1rem .75rem;
	border-radius: .625rem;
	font-weight: 500;
	font-size: .9375rem;
	text-align: center;
}
.brdViewBox01 .brdReplyAddBox01 dd .btn.st01 { 
	background: #8A2BE2;
	color: #FFF;
}
.brdViewBox01 .brdReplyAddBox01.stOff { 
	display:none;
}
.brdViewBox01 .brdStatBox01 + .brdReplyAddBox01 { 
	margin-top:1.5625rem;
}
.brdViewBox01 .brdReplyBox01 .btmBox + .brdReplyAddBox01 {
	margin-top:.5rem;
}
.brdViewBox01 .brdReplyBox01 {	
	margin:1.5rem 0 0;
}
.brdViewBox01 .brdReplyBox01 .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	margin:0 0 .625rem;
}
.brdViewBox01 .brdReplyBox01 .userBox { 
	display:flex;
	align-items:center;
	gap:.625rem;
}
.brdViewBox01 .brdReplyBox01 .userBox .thumb { 
	position:relative;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	overflow: hidden;
}
.brdViewBox01 .brdReplyBox01 .userBox .thumb img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.brdViewBox01 .brdReplyBox01 .userBox .name { 
	font-weight: 700; 
	font-size: .9375rem;
	color: #212121;
}
.brdViewBox01 .brdReplyBox01 .replyGood { 
	position:relative; 
	display:block;
	padding:0 0 0 1.5rem;
	font-weight: 500;
	font-size: .8125rem;
	color: #666;
}
.brdViewBox01 .brdReplyBox01 .replyGood:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1.25rem;
	height: 1.25rem;
	top: -2px;
	left: 0;
	background: url(/Form/_renew/images/brdViewStatGood01_off.svg) no-repeat;
	background-size:cover;
}
.brdViewBox01 .brdReplyBox01 .replyGood.on:before { 
	background-image: url(/Form/_renew/images/brdViewStatGood01_on.svg);
}
.brdViewBox01 .brdReplyBox01 .txt01 { 
	margin:0 0 .5rem;
	font-size: .875rem;
	color: #424242;
	word-break:break-all;
}
.brdViewBox01 .brdReplyBox01 .txt01 .tagName { 
	font-weight: 500;
	color: #60A5FF;
}
.brdViewBox01 .brdReplyBox01 .txt01.stDel { 
	position:relative;
	margin:0;
	padding:1rem 1rem .9375rem 2.25rem;
	background: #FAFAFA;
	color: #999;
}
.brdViewBox01 .brdReplyBox01 .txt01.stDel:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1rem;
	height: 1rem;
	top: 1.0625rem;
	left: 1rem;
	background:url(/Form/_renew/images/brdViewReplyDel01.svg) no-repeat;
	background-size:cover;
}
.brdViewBox01 .brdReplyBox01 .date { 
	font-size: .8125rem;
	color: #666;
}
.brdViewBox01 .brdReplyBox01 .btmBox { 
	display:flex;
	gap:.5rem;
}
.brdViewBox01 .brdReplyBox01 .btmBox .btn { 
	position:relative; 
	display:block;
	padding:0 0 0 .625rem;
	font-size: .8125rem;
	color: #666;
}
.brdViewBox01 .brdReplyBox01 .btmBox .btn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
	background: #DBDBDB;
	border-radius: 50%;
}
.brdViewBox01 .brdReplyBox01 .replyAddView { 
	display:block;
	margin:.375rem 0 0;
	font-weight: 500;
	font-size:.875rem;
	color: #192A40;
}
.brdViewBox01 .brdReplyBox01 .rereplyBox {
	padding:.75rem 0 0;
}
.brdViewBox01 .brdReplyBox01 .rereplyBox.on,
.brdViewBox01 .brdReplyBox01 .rereplyBox.open {
	display: block;
}
.brdViewBox01 .brdReplyBox01 .rereBox {
	position:relative;
	padding:0 0 0 1.875rem;
}
.brdViewBox01 .brdReplyBox01 .rereBox:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1.25rem;
	height: 1.25rem;
	top: 0;
	left: 0;
	background:url(/Form/_renew/images/brdViewRereply01.svg) no-repeat;
	background-size:cover;
}
.brdViewBox01 .brdReplyBox01 .rereBox + .rereBox { 
	margin-top:.875rem;
}
.brdViewBox01 .brdBtmLnkBox01 { 
	position:fixed;
	width:26.875rem;
	max-width: 100%;
	bottom: 0;
	left: 50%;
	padding:1rem;
	transform:translateX(-50%);
	background: #FFF;
	border-top:1px solid #F0F0F0;
	box-shadow:0 -2px 4px 0 rgba(208,208,208,.25);
}
.brdViewBox01 .brdBtmLnkBox01 .editBox01 { 
	display:flex;
	gap:.75rem;
}
.brdViewBox01 .brdBtmLnkBox01 .editBox01 .ipt { 
	flex-grow:1;
	display:block;
	padding:.6875rem .9375rem .625rem;
	border: 1px solid #F0F0F0;
	border-radius: .625rem;
	min-width: 0;
	font-size: .875rem;
	color: #424242;
}
.brdViewBox01 .brdBtmLnkBox01 .editBox01 .ipt::placeholder { 
	color: #999; 
}
.brdViewBox01 .brdBtmLnkBox01 .editBox01 .btn { 
	flex-shrink:0;
	display:block;
	padding:.6875rem 1rem .625rem;
	border-width:1px;
	border-style:solid;
	border-radius: .625rem;
	font-weight: 500;
	font-size: .9375rem;
}
.brdViewBox01 .brdBtmLnkBox01 .editBox01 .btn.st01 { 
	background: #8A2BE2; 
	border-color: #8A2BE2;
	color: #FFF;
}
.brdViewBox01 .brdBtmLnkBox01 .editBox01 .btn.st02 { 
	background: #FAFAFA;
	border-color: #F0F0F0;
	color: #666;
}
.brdViewBox01 .brdBtmLnkBox01 .chatLnk {
	display:block;
	width: 100%;
	margin:.625rem 0 0;
	padding:1rem .9375rem .9375rem;
	background: #8A2BE2;
	border-radius: .625rem;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-weight: 700;
	font-size: .9375rem;
	color: #FFF;
}
/* 게시판 보기 스킨 끝
------------------------------------------------------ */
/* 게시판 쓰기 스킨 시작
------------------------------------------------------ */
.brdFormBox01 {
	padding: 0 0 5.25rem;
}
.brdFormBox01 .brdTopBox { 
	margin:0 0 1.5rem;
	text-align: center;
}
.brdFormBox01 .brdTopBox .tit01 {
	font-weight: 500;
	font-size: 1.25rem;
	color: #212121;
	word-break:break-all;
}
.brdFormBox01 .brdTopBox * + .tit01 { 
	margin-top:.5rem;
}
.brdFormBox01 .topImgBox { 
	width: 5.875rem;
	margin:0 auto;
	font-size: 0; 
}
.brdFormBox01 .topImgBox img { 
	max-width: 100%; 
}
.brdFormBox01 .topStickyBox {
    position: sticky;
    top: 3rem;
    padding: 1.5rem 0;
    background: #FFF;
	text-align: center;
    z-index: 50;
}
.brdFormBox01 .topStickyBox .crsLst01 { 
	display:flex; 
	justify-content:center;
	gap:1.5rem;
	margin:0 0 1.3125rem;
}
.brdFormBox01 .topStickyBox .crsLst01 li {
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 1.125rem;
	height: 1.125rem;
	background: #DBDBDB;
	border-radius: 50%;
	font-family: Pretendard;
	font-weight: 500;
	font-size: .8125rem;
	line-height: 1;
	text-align: center;
	color: #FFF;
}
.brdFormBox01 .topStickyBox .crsLst01 li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1.5rem;
	height: 1px;
	top: 50%;
	left: 100%;
	border-top:1px dashed #DBDBDB;
}
.brdFormBox01 .topStickyBox .crsLst01 li:last-child:before { 
	display:none;
}
.brdFormBox01 .topStickyBox .crsLst01 li.on { 
	background: #8A2BE2;
}
.brdFormBox01 .topStickyBox .txt01 { 
	font-weight: 700; 
	font-size: 1.125rem;
	color: #212121;
}
.brdFormBox01 .formCateBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:1rem;
}
.brdFormBox01 .formCateBox01 .formCate { 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: calc((100% - 1rem)/2);
	padding:1.5625rem .625rem 1.5rem;
	background: #FFF;	
	border:1px solid #F0F0F0;
	border-radius: .625rem;
	box-shadow:0 1px .25rem 0 rgba(141,141,141,.12);
	font-weight: 500;
	font-size: 1rem;
	text-align: center;
	color: #212121;
}
.brdFormBox01 .formCateBox01 .formCate.on { 
	background: #FDFAFF;
	border-color:#8A2BE2;
}
.brdFormBox01 .brdForm .iptTopBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:.5rem;
	margin:0 0 .5625rem;
}
.brdFormBox01 .brdForm * + .iptTopBox { 
	margin-top:.875rem;
}
.brdFormBox01 .brdForm .iptTit01 { 
	font-weight: 500; 
	font-size: .9375rem;
	color: #424242;
}
.brdFormBox01 .brdForm .iptLng { 
	font-size: .875rem;
	color: #666;
}
.brdFormBox01 .brdForm .fileLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:.625rem;
}
.brdFormBox01 .brdForm .fileLst01 li { 
	position:relative; 
	width: calc((100% - 1.875rem)/4);
}
.brdFormBox01 .brdForm .fileLst01 .fileIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.brdFormBox01 .brdForm .fileLst01 .fileLbl { 
	position:relative; 
	display:block;
	height: 0;
	padding:100% 0 0;
	border:1px dashed #8A2BE2;
	border-radius: .625rem;
	font-size: 0;
}
.brdFormBox01 .brdForm .fileLst01 .fileLbl .plus { 
	position:absolute; 
	width: 1rem;
	height: 1rem;
	top: 50%;
	left: 50%;
	margin:-.5rem 0 0 -.5rem;
}
.brdFormBox01 .brdForm .fileLst01 .fileLbl .plus:before,
.brdFormBox01 .brdForm .fileLst01 .fileLbl .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #8A2BE2;
	border-radius: .25rem;
}
.brdFormBox01 .brdForm .fileLst01 .fileLbl .plus:before { 
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.brdFormBox01 .brdForm .fileLst01 .fileLbl .plus:after { 
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.brdFormBox01 .brdForm .fileLst01 .lstImgBox { 
	position:relative;
	height: 0;
	padding:100% 0 0;
	border:1px solid #EDEDED;
	border-radius: .625rem;
	font-size: 0;
	overflow:	hidden;
}
.brdFormBox01 .brdForm .fileLst01 .lstImgBox img { 
	position:absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.brdFormBox01 .brdForm .fileLst01 .btnDel {
	position:absolute; 
	display:block; 
	width: 1rem;
	height: 1rem;
	top: -.5rem;
	right: -.5rem;
	background: #999;
	border-radius: 50%;
}
.brdFormBox01 .brdForm .fileLst01 .btnDel:before,
.brdFormBox01 .brdForm .fileLst01 .btnDel:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: .5rem;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -.25rem;
	background: #FFF;
	border-radius: .25rem;
}
.brdFormBox01 .brdForm .fileLst01 .btnDel:before { 
	transform:rotate(45deg); 
}
.brdFormBox01 .brdForm .fileLst01 .btnDel:after { 
	transform:rotate(-45deg); 
}
.brdFormBox01 .brdForm .fileLst01 + .fileLst01 { 
	margin-top:1rem;
}
.brdFormBox01 .brdForm * + .iptPopOnBox01 { 
	margin-top:1rem;
}
.brdFormBox01 .brdForm .iptPopOnBox01 .iptPopOn { 
	position:relative; 
	display:block; 
	width: 100%;
	margin:0 0 1rem;
	padding:.9375rem 2.5rem .9375rem .8125rem;
	border-radius: .625rem;
	border:1px solid #F0F0F0;
	font-weight: 500;
	font-size: .9375rem;
	color: #424242;
	text-align: left;
}
.brdFormBox01 .brdForm .iptPopOnBox01 .iptPopOn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: .625rem;
	height: .625rem;
	top: 1.1875rem;
	right: 1.4375rem;
	transform:rotate(45deg);
	border-top:2px solid #999;
	border-right:2px solid #999;
}
.brdFormBox01 .brdForm .iptPopOnBox01 .iptPopOn:last-child { 
	margin:0;
}
.brdFormBox01 .brdForm .ipt { 
	display:block;
	padding:.75rem .9375rem;
	border:1px solid #F0F0F0;
	border-radius: .625rem;
	font-size: .875rem;
	color: #424242;
}
.brdFormBox01 .brdForm .ipt::placeholder { 
	color: #999; 
}
.brdFormBox01 .brdForm .ipt.fullWid { 
	width: 100%; 
}
.brdFormBox01 .brdForm .cateBox01 { 
	display:flex;
	flex-wrap:wrap; 
	gap:.75rem;
}
.brdFormBox01 .brdForm .cateBox01 .btnCate {
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:2px;
	padding:.4375rem .8125rem;
	border:1px solid #F0F0F0;
	border-radius:1000px;
}
.brdFormBox01 .brdForm .cateBox01 .btnCate span { 
	display:block; 
}
.brdFormBox01 .brdForm .cateBox01 .btnCate .btnIco { 
	width: .875rem;
	font-size: 0;
}
.brdFormBox01 .brdForm .cateBox01 .btnCate .btnIco img { 
	max-width: 100%; 
}
.brdFormBox01 .brdForm .cateBox01 .btnCate .btnTxt { 
	font-weight: 500;
	font-size: .875rem;
	color: #999;
}
.brdFormBox01 .brdForm .cateBox01 .btnCate.on { 
	background: #8A2BE2; 
	border-color: #8A2BE2; 
}
.brdFormBox01 .brdForm .cateBox01 .btnCate.on .btnTxt { 
	color: #FFF; 
}
.brdFormBox01 .formBtmBox {
	position:fixed;
	display:flex;
	gap:.5rem;
	width: 100%;
	max-width: 26.875rem;
	bottom: 0;
	left: 50%;
	padding:1rem;
	padding-bottom: calc(1rem + env(safe-area-inset-bottom));
	transform:translateX(-50%);
	background: #FFF;
	z-index: 9;
	transition:bottom .3s ease;
}
.brdFormBox01 .formBtmBox .btn { 
	display:block;
	width: calc((100% - .5rem)/2);
	padding:1rem;
	border-radius: .625rem;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-weight: 700;
	font-size: .9375rem;
	text-align: center;
}
.brdFormBox01 .formBtmBox .btn.st01 { 
	background: #FAFAFA; 
	color: #797979;
}
.brdFormBox01 .formBtmBox .btn.st02 { 
	background: #8A2BE2;
	color: #FFF;
}
.brdFormBox01 .formBtmBox .btn.st03 { 
	background: #CDCDCD;
	color: #FFF;
}
.brdFormBox01 .formBtmBox .btn.fullWid { 
	width: 100%; 
}
/* 게시판 쓰기 스킨 끝
------------------------------------------------------ */
/* 테이터가 없는 경우 시작
------------------------------------------------------ */
.comNoData01 { 
	padding:4rem 0;
	text-align: center; 
}
.comNoData01 .imgBox { 
	width: 8rem;
	margin:0 auto 1.375rem;
	font-size: 0; 
}
.comNoData01 .imgBox img { 
	width: 100%; 
}
.comNoData01 .txt01 { 
	font-size: .9375rem; 
	color: #797979;
}
/* 테이터가 없는 경우 끝
------------------------------------------------------ */
/* 팝업 스타일 시작
------------------------------------------------------ */
.comPopBox01 { 
	position:absolute; 
	width:26.875rem;
	max-width: 100%;
	bottom: -100%;
	left: 50%;
	padding:1.5rem;
	transform:translateX(-50%);
	background: #FFF;
	border-radius:	.9375rem .9375rem 0 0;
	box-shadow:0 -.375rem .5rem 0 rgba(179,179,179,.25);
	transition:bottom .3s ease;
}
.comPopBox01 .topBox { 
	position:relative;
	margin:0 0 1.375rem;
	padding:0 1.5rem;
	text-align: center;
}
.comPopBox01 .topBox .tit01 { 
	font-weight: 700;
	font-size: 1.125rem;
	color: #212121;
}
.comPopBox01 .topBox .tit01 .stat01 { 
	display:inline-block;
	padding:2px .5rem 1px;
	border-radius: 1000px;
	font-weight: 400;
	font-size: .9375rem;
}
.comPopBox01 .topBox .tit01 .stat01.st01 { 
	background: #F8F0FF; 
	color: #8A2BE2;
}
.comPopBox01 .topBox .popOut {
	position:absolute; 
	display:block; 
	width: 1.5rem;
	height: 1.5rem;
	top: 0;
	right: 0;
}
.comPopBox01 .topBox .popOut:before,
.comPopBox01 .topBox .popOut:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1.125rem;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -.5625rem;
	background: #666;
	border-radius: .25rem;
}
.comPopBox01 .topBox .popOut:before { 
	transform:rotate(45deg); 
}
.comPopBox01 .topBox .popOut:after { 
	transform:rotate(-45deg); 
}
.comPopBox01 .conBox .scrollBox { 
	max-height: 20rem;
	overflow-y:auto;
}
.comPopBox01 .conBox .tit01 { 
	font-weight: 500;
	font-size: 1.25rem;
	color: #212121;
}
.comPopBox01 .conBox .txt01 { 
	padding:.625rem;
	border-radius: .625rem;
	border:1px solid #F0F0F0;
	font-size: .875rem; 
	color: #212121;
	word-break:break-all;
}
.comPopBox01 .conBox .tit01 + .txt01 { 
	margin-top:.5rem;
}
.comPopBox01 .conBox .ipt { 
	flex-shrink:0;
	display:block;
	min-width: 5.25rem;
	padding:.5rem .9375rem;
	border:1px solid #F0F0F0;
	border-radius: .625rem;
	font-size: .875rem;
	color: #424242;
}
.comPopBox01 .conBox select.ipt,
.comPopBox01 .conBox button.ipt { 
	padding-right:2.2rem;
	appearance: none;
	background-image: url(/Form/_renew/images/comSel02.svg);
	background-repeat:no-repeat;
	background-position:right .9375rem center;
}
.comPopBox01 .conBox button.ipt.on { 
	background-image: url(/Form/_renew/images/comPopDel01.svg);
	background-color: #FCF6FF;
}
.comPopBox01 .conBox .ipt.fullWid { 
	width: 100%; 
}
.comPopBox01 .optLst01,
.comPopBox01 .chkLst01 { 
	max-height: 17.5rem;
	overflow-y:auto;
	scrollbar-width:thin;
}
.comPopBox01 .optLst01 li,
.comPopBox01 .chkLst01 li { 
	border-bottom:1px solid #F0F0F0;
}
.comPopBox01 .optLst01 .optBtn,
.comPopBox01 .chkLst01 .chkLbl { 
	display:block;	
	font-weight: 500;
	font-size: .9375rem;
	color: #424242;
}
.comPopBox01 .optLst01 .optBtn { 
	padding:1.125rem 1rem 1.0625rem; 
}
.comPopBox01 .optLst01 .optBtn.stDel { 
	color: #E2502B; 
}
.comPopBox01 .chkLst01 li { 
	position:relative;
}
.comPopBox01 .chkLst01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.comPopBox01 .chkLst01 .chkLbl {
	padding:1.125rem 1.5rem 1.0625rem 1rem;
}
.comPopBox01 .chkLst01 .chkLbl:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1.0625rem;
	height: .8125rem;
	top: 50%;
	right: .1875rem;
	margin:-.40625rem 0 0;
	background:url(/Form/_renew/images/comPopChk01_off.svg) no-repeat;
	background-size:cover;
}
.comPopBox01 .chkLst01 .chkIpt:checked + .chkLbl:after { 
	background-image: url(/Form/_renew/images/comPopChk01_on.svg);
}
.comPopBox01 .optBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:1rem;
}
.comPopBox01 .optBox01 .optBtn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: calc((100% - 1rem)/2);
	padding:1.5625rem .625rem 1.5rem;
	background: #FFF;	
	border:1px solid #F0F0F0;
	border-radius: .625rem;
	box-shadow:0 1px .25rem 0 rgba(141,141,141,.12);
	font-weight: 500;
	font-size: 1rem;
	text-align: center;
	color: #212121;
}
.comPopBox01 .optBox01 .optBtn.on { 
	background: #FDFAFF;
	border-color:#8A2BE2;
}
.comPopBox01 .optBox01.stOff { 
	display:none;
}
.comPopBox01 .fileLst01 li { 
	position:relative;
	margin:0 0 1rem;
}
.comPopBox01 .fileLst01 li:last-child { 
	margin:0;
}
.comPopBox01 .fileLst01 .fileIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.comPopBox01 .fileLst01 .fileBtn { 
	position:relative; 
	display:block;
	width: 100%;
	padding:.9375rem 2rem .9375rem 2.75rem;
	border:1px solid #F0F0F0;
	border-radius: .625rem;
	font-weight: 500;
	font-size: .9375rem;
	text-align: left;
	color: #424242;
}
.comPopBox01 .fileLst01 .fileBtn:before,
.comPopBox01 .fileLst01 .fileBtn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
}
.comPopBox01 .fileLst01 .fileBtn:before { 
	width: 1.25rem; 
	height: 1.25rem; 
	top: .9375rem;
	left: .875rem;
	background-repeat:no-repeat;
	background-size:cover;
}
.comPopBox01 .fileLst01 .fileBtn.stFile:before { 
	background-image: url(/Form/_renew/images/comPopFileLst_file01.svg);
}
.comPopBox01 .fileLst01 .fileBtn.stPicture:before { 
	background-image: url(/Form/_renew/images/comPopFileLst_picture01.svg);
}
.comPopBox01 .cateBox01 { 
	display:flex;
	gap:1rem;
	margin:0 0 1.4375rem;
	overflow-x:auto;
}
.comPopBox01 .cateBox01 .btnCate { 
	flex-shrink:0;
	position:relative;
	display:block;
	padding:0 0 .625rem;
	font-weight: 500;
	font-size:.9375rem;
	color: #666;
}
.comPopBox01 .cateBox01 .btnCate.on { 
	color: #8A2BE2; 
}
.comPopBox01 .cateBox01 .btnCate.on:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background: #8A2BE2;
}
.comPopBox01 .cateBox02 { 
	display:flex;
	gap:.75rem;
	overflow-x:auto;
}
.comPopBox01 .cateBox02 .btnCate {
	flex-shrink:0;
	display:block;
	padding:.4375rem .75rem .375rem;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	font-weight: 500;
	font-size: .875rem;
	text-align: center;
	color: #999;
}
.comPopBox01 .cateBox02 .btnCate.on { 
	background:#8A2BE2;
	border-color:#8A2BE2;
	color: #FFF;
}
.comPopBox01 .conBox.stOff { 
	display:none;
}
.comPopBox01 .calendar01 .fc-toolbar { 
	margin:0;
}
.comPopBox01 .calendar01 .fc-header-toolbar .fc-toolbar-chunk {
	width: 100%; 
}
.comPopBox01 .calendar01 .fc-header-toolbar .fc-toolbar-chunk:first-child,
.comPopBox01 .calendar01 .fc-header-toolbar .fc-toolbar-chunk:last-child { 
	display:none;
}
.comPopBox01 .calendar01 .fc-header-toolbar .fc-toolbar-chunk > div { 
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1rem;
	margin:0 0 1.5rem;
}
.comPopBox01 .calendar01 .fc-daygrid-body,
.comPopBox01 .calendar01 .fc-daygrid-body .fc-scrollgrid-sync-table,
.comPopBox01 .calendar01 .fc-col-header { 
	width: 100% !important; 
}
.comPopBox01 .calendar01 .fc-button .fc-icon { 
	display:none;
}
.comPopBox01 .calendar01 .fc-button { 
	width: 1.25rem;	
	height: 1.25rem;	
	padding:0;
}
.comPopBox01 .calendar01 .fc-button-primary {
	position:relative;
	background:#FFF;
	border:none;
}
.comPopBox01 .calendar01 .fc-button-primary:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: .625rem;
	height: .625rem;
	top: 50%;
	left: 50%;
	border-top:2px solid #999;
	border-right:2px solid #999;
}
.comPopBox01 .calendar01 .fc-button-primary.fc-prev-button:before { 
	margin:-.3125rem 0 0 -.1875rem;
	transform:rotate(-135deg);
}
.comPopBox01 .calendar01 .fc-button-primary.fc-next-button:before { 
	margin:-.3125rem 0 0 -.5rem;
	transform:rotate(45deg);
}
.comPopBox01 .calendar01 .fc-toolbar-title { 
	position:relative;
	padding:0 0 0 1.5rem;
	font-weight: 700; 
	font-size: 1rem;
	color: #424242;
}
.comPopBox01 .calendar01 .fc-toolbar-title:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1.25rem;
	height: 1.25rem;
	top: 0;
	left: 0;
	background:url(/Form/_renew/images/scheduleCalendar01.svg) no-repeat;
	background-size:cover;
}
.comPopBox01 .calendar01 .fc-scrollgrid { 
	border-top:none;
	border-left:none;
}
.comPopBox01 .calendar01 th,
.comPopBox01 .calendar01 td { 
	border-right:none;
}
.comPopBox01 .calendar01 thead { 
	background: #FDFAFF;
}
.comPopBox01 .calendar01 thead th {	
	padding:0;
	border-top-width:1px;
	border-top-style:solid;
	border-color:#F2ECF6;
} 
.comPopBox01 .calendar01 .fc-col-header-cell-cushion { 
	width: 100%;
	padding:.6875rem;
}
.comPopBox01 .calendar01 th {
	border-left:none;
	font-weight: 400;
	font-size: .875rem;
	color: #373737;
}
.comPopBox01 .calendar01 td { 
	border-left:none;
	text-align: center;
	border-bottom-width:1px;
	border-bottom-color:#EDEDED;
}
.comPopBox01 .calendar01  .fc-daygrid-day-top { 
	justify-content:center;
}
.comPopBox01 .calendar01 .fc-daygrid-day-number {
	padding:1.4374rem 2px 1.375rem;
	font-family: Pretendard;
	font-weight: 500;
	font-size: .875rem;
	color: #212121;
}
.comPopBox01 .calendar01 .fc-daygrid-body-unbalanced .fc-daygrid-day-events { 
	display:none;
}
.comPopBox01 .calendar01 .fc-day-sun,
.comPopBox01 .calendar01 .fc-day-sun .fc-daygrid-day-number { 
	color: #F44336; 
}
.comPopBox01 .calendar01 .fc-day-sat,
.comPopBox01 .calendar01 .fc-day-sat .fc-daygrid-day-number { 
	color: #2196F3; 
}
.comPopBox01 .calendar01 .fc-daygrid-day.fc-day-today { 
	background: transparent; 
}
.comPopBox01 .calendar01 .date-selected-start .fc-daygrid-day-frame,
.comPopBox01 .calendar01 .date-selected-end .fc-daygrid-day-frame {
	position:relative;
}
.comPopBox01 .calendar01 .date-selected-start .fc-daygrid-day-frame:before,
.comPopBox01 .calendar01 .date-selected-end .fc-daygrid-day-frame:before,
.comPopBox01 .calendar01 .date-selected-start .fc-daygrid-day-frame:after,
.comPopBox01 .calendar01 .date-selected-end .fc-daygrid-day-frame:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	z-index: 10;
}
.comPopBox01 .calendar01 .date-selected-start .fc-daygrid-day-frame:before,
.comPopBox01 .calendar01 .date-selected-end .fc-daygrid-day-frame:before { 
	width: 50%;
	height: 1.75rem;
	top: 50%;
	left: 0;
	transform:translateY(-50%);
	background: #EFDDFF;
	z-index: 20;
}
.comPopBox01 .calendar01 .date-selected-start .fc-daygrid-day-frame:before { 
	left: 50%; 
}
.comPopBox01 .calendar01 .date-selected-end .fc-daygrid-day-frame:before {
	left: auto;
	right: 50%;
}
.comPopBox01 .calendar01 .date-selected-start .fc-daygrid-day-frame:after,
.comPopBox01 .calendar01 .date-selected-end .fc-daygrid-day-frame:after {
	width: 2.25rem;
	height: 2.25rem;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	background: #8A2BE2;
	border-radius: 50%;
	z-index: 30;
}
.comPopBox01 .calendar01 .date-selected-start .fc-daygrid-day-frame > *,
.comPopBox01 .calendar01 .date-selected-end .fc-daygrid-day-frame > * {
	position:relative;
	z-index: 40;
}
.comPopBox01 .calendar01 .date-selected-start .fc-daygrid-day-frame .fc-daygrid-day-number,
.comPopBox01 .calendar01 .date-selected-end .fc-daygrid-day-frame .fc-daygrid-day-number {
	color: #FFF;
}
.comPopBox01 .calendar01 .date-in-range .fc-daygrid-day-frame {
	position:relative;
}
.comPopBox01 .calendar01 .date-in-range .fc-daygrid-day-frame:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 1.75rem;
	top: 50%;
	left: 0;
	transform:translateY(-50%);
	background: #EFDDFF;
	z-index: 15;
}
.comPopBox01 .calendar01 .date-in-range .fc-daygrid-day-frame > * {
	position:relative;
	z-index: 40;
}
.comPopBox01 .iptTit01 { 
	margin:0 0 .5rem;
	font-weight: 500;
	font-size: .9375rem;
	color: #424242;
}
.comPopBox01 .iptTit01 .gTxt01 { 
	font-weight: 400;
	font-size:.75rem;
	color:#AAA;
}
.comPopBox01 * + .iptTit01 { 
	margin-top:.875rem;
}
.comPopBox01 .iptTitBox01 { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	margin:0 0 .5rem;
}
.comPopBox01 .iptTitBox01 .iptTit01 { 
	margin:0;
}
.comPopBox01 .iptBox01 { 
	display:flex;
	gap:.5rem;
}
.comPopBox01 .iptBox01 .ipt { 
	width: calc((100% - .5rem)/2); 
}
.comPopBox01 .btmBox { 
	display:flex;
	gap:1rem;
	margin:1.5rem 0 0;
}
.comPopBox01 .btmBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: calc((100% - 1rem)/2);
	padding:.9375rem .875rem .875rem;
	border-width:1px;
	border-style:solid;
	border-radius: .625rem;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-weight: 700;
	font-size: .9375rem;
	text-align: center;
}
.comPopBox01 .btmBox .btn.st01 { 
	background: #FFF;
	border-color:#8A2BE2;
	color: #8A2BE2;
}
.comPopBox01 .btmBox .btn.st02 { 
	background: #FAFAFA;
	border-color:#FAFAFA;
	color: #797979;
}
.comPopBox01 .btmBox .btn.st03 { 
	background: #8A2BE2;
	border-color:#8A2BE2;
	color: #FFF;
}
.comPopBox01 .btmBox .btn.fullWid { 
	width: 100%; 
}
.comPopBox01 .btmEditBox01 { 
	display:flex;
	gap:.75rem;
	margin:1.5rem 0 0;
}
.comPopBox01 .btmEditBox01 .btn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:.3125rem;
	padding:.9375rem;
	border-radius: .625rem;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-size: 0;
}
.comPopBox01 .btmEditBox01 .btn span { 
	display:block; 
}
.comPopBox01 .btmEditBox01 .btn .btnIco { 
	font-size: 0; 
}
.comPopBox01 .btmEditBox01 .btn .btnIco img { 
	max-width: 100%; 
}
.comPopBox01 .btmEditBox01 .btn .btnTxt { 
	font-weight: 700; 
	font-size: .9375rem;
}
.comPopBox01 .btmEditBox01 .btn.stInit { 
	flex-shrink:0;
	width: 6.625rem;
	background: #FAFAFA;
}
.comPopBox01 .btmEditBox01 .btn.stInit .btnTxt { 
	color: #797979; 
}
.comPopBox01 .btmEditBox01 .btn.stInit + * { 
	flex-grow:1; 
}
.comPopBox01 .btmEditBox01 .btn.st01 { 
	background: #8A2BE2; 
}
.comPopBox01 .btmEditBox01 .btn.st01 .btnTxt { 
	color: #FFF; 
}
.comPopBg.on .comPopBox01 { 
	bottom: 0; 
}
.comPopBox02 { 
	position:absolute;
	width: 25rem;
	max-width: 90%;
	top: 50%;
	left: 50%;
	padding:1.4375rem;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: .9375rem;
}
/* 팝업 스타일 끝
------------------------------------------------------ */
/* 공통 검색 영역 시작
------------------------------------------------------ */
.schBox01 .ipt {
	flex-grow:1;
	display:block; 
	font-size: .875rem;
	color: #424242;
}
.schBox01 .ipt::placeholder {
	color: #999; 
}
.schBox01 .btn {
	flex-shrink:0;
	display:block;
	width: 1.25rem;
	font-size: 0;
}
.schBox01 .btn img {
	max-width: 100%;
}
.schBox01 {
	position:relative;
	background: #FFF;
}
.schBox01 .selBox01 {
	display:flex;
	gap:.75rem;
	margin:0 0 1rem;
	overflow-x:auto;
}
.schBox01 .selBox01 .iptSel {
	display:block;
	padding:.5rem 2rem .5rem 1rem;
	appearance: none;
	background: url(/Form/_renew/images/comSel01.svg) no-repeat right .625rem center;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	min-width: 5.25rem;
	font-size: .875rem;
	color: #424242;
}
.comSchBox01 .schBox01 .selBox01 .iptSel:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}
/* 공통 검색 영역 끝
------------------------------------------------------ */