@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 { 
	display:block;
	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: 320px;
	max-width: 430px;
	height: 100%;
	margin:0 auto;
	padding:48px 0 72px;
	overflow-x:hidden;
	overflow-y:auto;
}
.wrapper.noBtm { 
	padding-bottom:0;
}
.cTit01 { 
	margin:0 0 16px;
	font-weight: 600; 
	font-size: 20px;
	letter-spacing: -.3px;
	color: #212121;
}
.inner { 
	padding:0 20px;
}
.gap { 
	height: 20px;
}
.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:24px 16px 16px;
}

/* 헤더 시작
------------------------------------------------------ */
header {
	position: fixed;
	width: 100%;
	max-width: 430px;
	height: 48px;
	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:16px;
	height: 100%;
	padding:0 16px;
	background: #FFF;
}
header .headerBox01 .logo a { 
	display:block;
	width: 86px;
	font-size: 0;
}
header .headerBox01 .logo a img { 
	max-width: 100%; 
}
header .headerBox01 .lnk { 
	display:block;
	width: 24px;
	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 55px;
	text-align: center;
}
header .headerBox02 .hBackLnk {
	position:absolute; 
	display:block;
	width: 24px;
	height: 24px;
	top: 50%;
	left: 16px;
	transform:translateY(-50%);
}
header .headerBox02 .hBackLnk:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	top: 50%;
	left: 50%;
	margin:-6px 0 0 -3px;
	transform:rotate(-45deg);
	border-top:2px solid #212121;
	border-left:2px solid #212121;
}
header .headerBox02 .pageName { 
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -.18px;
	color: #212121;
}
header .headerBox02 .pageName .stat01 { 
	display:inline-block;
	padding:2px 8px 1px;
	border-radius: 1000px;
	font-size: 15px;
}
header .headerBox02 .pageName .stat01.st01 { 
	background: #F8F0FF; 
	color: #5D5FEF;
}
header .headerBox02 .rightLnk { 
	position:absolute; 
	display:block; 
	top: 50%;
	right: 16px;
	transform:translateY(-50%);
	font-size: 0;
}
header .headerBox02 .rightLnk img { 
	max-width: 100%; 
}
header .hBackBox {
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding:0 3.125rem;
	background: #FFF;
	border-bottom:1px solid #EDEDED;
	text-align: center;
	z-index: 1;
}
header .hBackBox .hBackLnk { 
	position:absolute; 
	display:block; 
	width: 1.5rem;
	height: 1.5rem;
	top: 50%;
	left: 1rem;
	margin:-.75rem 0 0;
	font-size: 0;
}
header .hBackBox .hBackLnk.st01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: .75rem;
	height: .75rem;
	top: 50%;
	left: 50%;
	margin:-.375rem 0 0 -.125rem;
	transform:rotate(45deg);
	border-bottom: 2px solid #212121;
	border-left: 2px solid #212121;
}
header .hBackBox .hBackLnk.st02:before,
header .hBackBox .hBackLnk.st02: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: #212121;
	border-radius: .25rem;
}
header .hBackBox .hBackLnk.st02:before { 
	transform:rotate(45deg); 
}
header .hBackBox .hBackLnk.st02:after { 
	transform:rotate(-45deg); 
}
header .hBackBox .pageTit01 { 
	font-weight: 500; 
	font-size: 1em;
	letter-spacing:-.3px;
	line-height: 1;
	letter-spacing: -.18px;
	color: #212121;
}
header .hBackBox .hSetLnk {
	position:absolute; 
	display:block; 
	width: 1.25rem;
	height: 1.25rem;
	top: 50%;
	right: 1rem;
	transform:translateY(-50%);
	font-size: 0;
}
header .hBackBox .hSetLnk img { 
	max-width: 100%; 
}
/* 헤더 끝
------------------------------------------------------ */
/* 푸터 시작
------------------------------------------------------ */
footer { 
	padding:22px 16px;
	background: #EAEAEA; 
}
.fTermLst01 { 
	display:flex;
	gap:13px;
	margin:0 0 18px;
}
.fTermLst01 .lstLnk { 
	display:block;
	font-weight: 500;
	font-size: 11px;
	color: #424242;
}
.fInfoToggle { 
	position:relative; 
	display:inline-block;
	margin:0 0 12px;
	padding:0 20px 0 0;
	font-weight: 500;
	font-size: 11px;
	color: #424242;
}
.fInfoToggle:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 7px;
	height: 7px;
	top: 5px;
	right: 0;
	transform:rotate(-45deg);
	border-top:1px solid #797979;
	border-right:1px solid #797979;
	transition: transform .3s ease;
}
.fInfoToggle.stOff:after { 
	top: 2px;
	transform:rotate(135deg); 
}
.fInfoBox01 dl { 
	display:flex;
	gap:10px;
	font-size: 11px;
	color: #424242;
}
.fInfoBox01 dl + dl {
	margin-top:7px;
}
.fInfoBox01 dt { 
	flex-shrink:0;
	font-weight: 500;
}
.fInfoBox01 .txt01 { 
	margin:7px 0 0;
	font-size: 11px; 
	color: #424242;
}
.fTit01 { 
	margin:0 0 13px;
	font-weight: 700; 
	font-size: 11px;
	color: #212121;
}
* + .fTit01 { 
	margin-top:21px;
}
.fSnsLst01 { 
	display:flex;
	gap:12px;
}
.fSnsLst01 .lnk { 
	display:block; 
	font-size: 11px;		
	color: #212121;
}
.fCopy01 { 
	margin:21px 0 0;
	font-size: 11px;
	color: #797979;
}
.fChnTalk01 {
	position:fixed;
	display:flex;
	align-items:center;
	gap:12px;
	bottom: 88px;
	right: 16px;
	padding:10px 24px;
	background: #5D5FEF;
	border-radius: 1000px;
	box-shadow:0 1px 3px 0 rgba(50,50,50,.25);
	z-index: 2;
}
.fChnTalk01 span { 
	display:block;
}
.fChnTalk01 .btnIco { 
	font-size: 0;
}
.fChnTalk01 .btnTxt01 { 
	font-weight: 500;
	font-size: 15px;
	color: #FFF;
}
/* 푸터 끝
------------------------------------------------------ */
/* 네비 시작
------------------------------------------------------ */
nav {
	position:fixed;
	display:flex;
	width: 100%;
	max-width: 430px;
	height: 72px;
	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: 28px;
	height: 28px;
	margin:0 auto 6px;
	background-repeat:no-repeat;
	background-size:cover;
}
nav .navLnk.navLnk01 .lnkCon:before { 
	background-image: url(/Form/_renew_vue/images/navIco01_off.svg); 
}
nav .navLnk.navLnk01.on .lnkCon:before { 
	background-image: url(/Form/_renew_vue/images/navIco01_on.svg); 
}
nav .navLnk.navLnk02 .lnkCon:before { 
	background-image: url(/Form/_renew_vue/images/navIco02_off.svg); 
}
nav .navLnk.navLnk02.on .lnkCon:before { 
	background-image: url(/Form/_renew_vue/images/navIco02_on.svg); 
}
nav .navLnk.navLnk03 .lnkCon:before { 
	background-image: url(/Form/_renew_vue/images/navIco03_off.svg); 
}
nav .navLnk.navLnk03.on .lnkCon:before { 
	background-image: url(/Form/_renew_vue/images/navIco03_on.svg); 
}
nav .navLnk.navLnk04 .lnkCon:before { 
	background-image: url(/Form/_renew_vue/images/navIco04_off.svg); 
}
nav .navLnk.navLnk04.on .lnkCon:before { 
	background-image: url(/Form/_renew_vue/images/navIco04_on.svg); 
}
nav .navLnk.navLnk05 .lnkCon:before { 
	background-image: url(/Form/_renew_vue/images/navIco05_off.svg); 
}
nav .navLnk.navLnk05.on .lnkCon:before { 
	background-image: url(/Form/_renew_vue/images/navIco05_on.svg); 
}
nav .navLnk .lnkTxt { 
	font-size: 12px;
	letter-spacing:-.3px;
	color: #797979;
}
nav .navLnk.on .lnkTxt { 
	font-weight: 500;
	color: #5D5FEF;
}
.cardModelPop .conBox {
    position: absolute;
    width: 100%;
    height: 100%;
    min-width: 320px;
    max-width: 430px;
    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: 40px 16px 0;
	text-align: center;
}
.cardModelPop .canvasBtmBox .btn {
    display:inline-block;
	padding:14px 118px 15px;
	background: #5D5FEF;
	border-radius: 10px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.3px;
	text-align: center;
	color: #FFF;
}
.navGradePop .conBox { 
	position:absolute; 
	width: 260px;
	max-width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	text-align: center;
}
.navGradePop .popClose { 
	position:absolute; 
	display:block; 
	width: 24px;
	height: 24px;
	bottom: calc(100% + 10px);
	right: 0;
}
.navGradePop .popClose:before,
.navGradePop .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -10px;
	background: #FFF;
	border-radius: 4px;
}
.navGradePop .popClose:before { 
	transform:rotate(45deg); 
}
.navGradePop .popClose:after { 
	transform:rotate(-45deg); 
}
.navGradePop .cardBox { 
	margin:0 0 40px;
	border-radius: 15px;
	box-shadow:0 3px 5px 0 rgba(98,98,98,.66);
	font-size: 0;
	overflow: hidden;
}
.navGradePop .cardBox img { 
	max-width: 100%; 
}
.navGradePop .lnk01 { 
	display:block; 
	margin:0 0 12px;
	padding:14px 14px 15px;
	background: #FAFAFA;
	border-radius: 10px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.3px;
	text-align: center;
	color: #FFF;
}
.navGradePop .txt01 { 
	margin:0 0 12px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.3px;
	color: #FFF;
}
.navGradePop .callLnk {
	display:inline-flex;
	align-items:center; 
	justify-content:center;
	gap:8px;
	padding:10px 15px 9px;
	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: 14px;
	letter-spacing: -.3px;
	color: #F8F0FF;
}
@media all and (max-width:999px){
	.navGradePop .cardBox { 
		margin:0 0 16px;
	}
	.navGradePop .lnk01,
	.navGradePop .txt01 { 
		margin:0 0 8px;
	}
	.cardModelPop .canvasBox { 
		height: 70%; 
	}
	.cardModelPop .canvasBox.on #cardCanvas {
		bottom: -25%;
	}
	.cardModelPop .canvasBtmBox {
		height: 30%;
	}
}
/* 구매인증 팝업 */
.navPurchasePop .popBox {
	position:absolute;
	width: 320px;
	max-width: 90%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	border-radius: 16px;
	padding: 20px;
}
.navPurchasePop .topBox {
	margin:0 0 24px;
	overflow: hidden;
}
.navPurchasePop .topBox .popClose {
	position:relative;
	display:block;
	width: 24px;
	height: 24px;
	float:right;
}
.navPurchasePop .topBox .popClose:before,
.navPurchasePop .topBox .popClose:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -10px;
	background: #FFF;
	border-radius: 4px;
}
.navPurchasePop .topBox .popClose:before {
	transform:rotate(45deg);
}
.navPurchasePop .topBox .popClose:after {
	transform:rotate(-45deg);
}
.navPurchasePop .conBox .txt01 {
	margin:0 0 24px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.3px;
	text-align: center;
	color: #FFF;
}
.navPurchasePop .conBox .lnk01 {
	display:block;
	padding:14px 14px 15px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.3px;
	text-align: center;
	border: none;
	width: 100%;
	cursor: pointer;
}
.navPurchasePop .conBox .lnk01.st01 {
	background: #5D5FEF;
	color: #FFF;
}
.navPurchasePop .conBox .lnk01.st02 {
	background: #FFF;
	border: 1px solid #E0E0E0;
	color: #212121;
}
.navPurchasePop .conBox .lnk01 + .lnk01 {
	margin-top:12px;
}
/* 네비 끝
------------------------------------------------------ */
/* 모바일 메뉴 시작
------------------------------------------------------ */
.mbMenuBg { 
	width: 430px;
	max-width: 100%;
	left: 50%;
	transform:translateX(-50%);
	overflow: hidden;
}
.mbMenuWr { 
	position:absolute;
	display:flex;
	flex-direction:column;
	width: 344px;
	max-width: 100%;
	height: 100%;
	top: 0;
	right: -344px;
	background: #FFF;
	transition:all .3s ease;
}
.mbMenuWr .topBox01 { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:12px;
	height: 48px;
	padding:0 16px;
	border-bottom:1px solid #EDEDED;
}
.mbMenuWr .topBox01 .tit01 { 
	flex-grow:1;
	min-width: 0;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -.18px;
	color: #212121;
}
.mbMenuWr .topBox01 .lnk01,
.mbMenuWr .topBox01 .mbMenuOff { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 24px;
	height: 24px;
	font-size: 0;
}
.mbMenuWr .topBox01 .mbMenuOff { 
	position:relative;
}
.mbMenuWr .topBox01 .mbMenuOff:before,
.mbMenuWr .topBox01 .mbMenuOff:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -10px;
	background: #111827;
	border-radius: 4px;
}
.mbMenuWr .topBox01 .mbMenuOff:before { 
	transform:rotate(45deg);
}
.mbMenuWr .topBox01 .mbMenuOff:after { 
	transform:rotate(-45deg);
}
.mbMenuWr .infoBox01 {
	flex-shrink:0;
	display:flex;
	align-items:center;
	gap:12px;
	padding:16px;
	background: #F9F9FF;
}
.mbMenuWr .infoBox01 .imgBox { 
	flex-shrink:0;
	position: relative;
	width: 64px;
	height: 64px;
	background: #FFF;
	border-radius: 50%;
	overflow: hidden;
}
.mbMenuWr .infoBox01 .imgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.mbMenuWr .infoBox01 .conBox { 
	flex-grow:1;
	min-width: 0;
}
.mbMenuWr .infoBox01 .infoLnk01 { 
	position:relative; 
	display:inline-block;
	margin:0 0 7px;
	padding:0 24px 0 0;
	font-weight: 700;
	font-size: 18px;
	color: #212121;
}
.mbMenuWr .infoBox01 .infoLnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 13px;
	height: 13px;
	top: 5px;
	right: 0;
	background:url(/Form/_renew_vue/images/mbMenuInfoLnk01.svg) no-repeat center / cover;
}
.mbMenuWr .infoBox01 .infoTxt01 { 
	font-size: 14px;
	color: #666;
	word-break:break-all;
}
.mbMenuWr .midBox { 
	flex-shrink:0;
	display:flex;
	padding:24px 16px;
}
.mbMenuWr .midBox .lnk01 { 
	display:block; 
	width: 25%;
	text-align: center;
}
.mbMenuWr .midBox .lnk01 .lnkImgBox { 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 54px;
	height: 54px;
	margin:0 auto 10px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 15px;
}
.mbMenuWr .midBox .lnk01 .lnkTxt01 { 
	display:block; 
	font-size: 12px;
	color: #424242;
}
.mbMenuWr .mbLstBox01 { 
	flex-grow:1;
	min-height: 0;
	padding:0 16px 16px;
}
.mbMenuWr .mbLstBox01 .scrollBox { 
	height: 100%;
	overflow-y:auto;
}
.mbMenuWr .mbLstBox01 .lst01 > li { 
	margin:0 0 24px;
	padding:13px 15px 16px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.mbMenuWr .mbLstBox01 .lst01 > li:last-child { 
	margin:0;
}
.mbMenuWr .mbLstBox01 .lst01 .lstTit01 { 
	margin:0 0 15px;
	font-size: 14px;
	color: #797979;
}
.mbMenuWr .mbLstBox01 .lst01 .lstLnk01 {
	position:relative;
	display:block;
	width: 100%;
	padding:0 16px 0 0;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
	text-align: left;
	transition:all .3s ease;
}
.mbMenuWr .mbLstBox01 .lst01 .lstLnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 5px;
	right: 7px;
	transform:rotate(45deg);
	border-top:2px solid #DBDBDB;
	border-right:2px solid #DBDBDB;
	transition:all .3s ease;
}
.mbMenuWr .mbLstBox01 .lst01 .lstLnk01:focus,
.mbMenuWr .mbLstBox01 .lst01 .lstLnk01:hover { 
	color: #5D5FEF;
}
.mbMenuWr .mbLstBox01 .lst01 .lstLnk01:focus:after,
.mbMenuWr .mbLstBox01 .lst01 .lstLnk01:hover:after { 
	border-color: #5D5FEF;
}
.mbMenuWr .mbLstBox01 .lst01 .sLst01 li { 
	margin:0 0 18px;
}
.mbMenuWr .mbLstBox01 .lst01 .sLst01 li:last-child { 
	margin:0;
}
.mbMenuWr.on { 
	right: 0;
}
/* 모바일 메뉴 끝
------------------------------------------------------ */
/* 공통 카테고리 시작
------------------------------------------------------ */
.comCateBox01 { 
	display:flex;
	gap:24px;
}
.comCateBox01 .btnCate {
	display:block;
	padding:0 0 5px;
	border-bottom:2px solid transparent;
	font-weight: 500;
	font-size: 18px;
	color: #999;
}
.comCateBox01 .btnCate.on {
	font-weight: 700;
	color: #5D5FEF;
	border-bottom-color:#5D5FEF;
}
/* 공통 카테고리 끝
------------------------------------------------------ */
/* 게시판 리스트 스킨 시작
------------------------------------------------------ */
.brdLstBox01 .cateBox01,
.brdLstBox01 .cateBox03 { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin:0 0 18px;
}
.brdLstBox01 .cateBox01 .brdCate { 
	position:relative; 
	display:block;
	min-width: 84px;
	padding:7px 6px;
	border:1px solid #5D5FEF;
	border-radius: 1000px;
	font-weight: 500;
	font-size: 15px;
	text-align: center;
	color: #5D5FEF;
}
.brdLstBox01 .cateBox01 .brdCate.on { 
	background:#5D5FEF;
	font-weight: 700;
	color: #FFF;
}
.brdLstBox01 .cateBox02 { 
	display:flex;
	gap:16px; 
	overflow-x:auto;
	scrollbar-width:thin;
}
.brdLstBox01 .cateBox02 .cateReset { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 40px;
	height: 40px;
	background: #5D5FEF;
	border-radius: 50%;
}
.brdLstBox01 .cateBox02 .cateReset img { 
	width: 15px;
}
.brdLstBox01 .cateBox02 .cateReset.stOff { 
	display:none;
}
.brdLstBox01 .cateBox02 .ipt { 
	flex-shrink:0;
	display:block;
	min-width: 84px;
	padding:8px 15px;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	font-size: 14px;
	color: #424242;
}
.brdLstBox01 .cateBox02 select.ipt,
.brdLstBox01 .cateBox02 button.ipt { 
	padding-right:35px;
	appearance: none;
	background-image: url(/Form/_renew_vue/images/comSel02.svg);
	background-repeat:no-repeat;
	background-position:right 15px center;
}
.brdLstBox01 .cateBox02 button.ipt.on { 
	background-image: url(/Form/_renew_vue/images/comPopDel01.svg);
	background-color: #fcf6ff;
}
.brdLstBox01 .cateBox03 .brdCate {
	display:block;
	padding:0 0 5px;
	border-bottom:2px solid transparent;
	font-weight: 500;
	font-size: 18px;
	color: #999;
}
.brdLstBox01 .cateBox03 .brdCate.on { 
	border-bottom-color:#5D5FEF;
	font-weight: 700;
	color: #5D5FEF;
}
.brdLstBox01 .schBox01 { 
	position:relative;
	margin:0 0 16px;
}
.brdLstBox01 .schBox01 .ipt {
	display:block; 
	width: 100%;
	padding:15px 40px 14px 15px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 15px;
	color: #424242;
}
.brdLstBox01 .schBox01 .ipt::placeholder { 
	color: #999; 
}
.brdLstBox01 .schBox01 .btn { 
	position:absolute; 
	display:block; 
	width: 20px;
	top: 50%;
	right: 16px;
	transform:translateY(-50%);
	font-size: 0;
}
.brdLstBox01 .schBox01 .btn img { 
	max-width: 100%; 
}
.brdLstBox01 .schBox01 .selBox01 {
	display:flex;
	gap:12px;
	margin:0 0 16px;
	overflow-x:auto;
}
.brdLstBox01 .schBox01 .selBox01 .iptSel {
	display:block;
	padding:8px 32px 8px 16px;
	appearance: none;
	background: url(/Form/_renew_vue/images/comSel01.svg) no-repeat right 10px center;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	min-width: 84px;
	font-size: 14px;
	color: #424242;
}
.brdLstBox01 .schBox02 { 
	margin:0 0 16px;
	padding:16px;
	background: #FAFAFA;
	border-bottom:1px solid #F0F0F0;
}
.brdLstBox01 .schBox02 .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:0 0 12px;
}
.brdLstBox01 .schBox02 .topBox .tit01 { 
	position:relative;
	padding:0 0 0 28px;
	font-weight: 700;
	font-size: 14px;
	color: #212121;
}
.brdLstBox01 .schBox02 .topBox .tit01: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;
}
.brdLstBox01 .schBox02 .topBox .tit01.noIco { 
	padding:0;
}
.brdLstBox01 .schBox02 .topBox .tit01.noIco:before { 
	display:none;
}
.brdLstBox01 .schBox02 .topBox .btn01 { 
	flex-shrink:0;
	display:block;
	padding:8px 21px 7px;
	background: #212121;
	border-radius: 15px;
	font-weight: 700;
	font-size: 15px;
	color: #FFF;
}
.brdLstBox01 .schBox02 .iptSel01 {
	display:block;
	padding:8px 32px 8px 16px;
	appearance: none;
	background: #FFF url(/Form/_renew_vue/images/comSel01.svg) no-repeat right 10px center;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	min-width: 84px;
	font-size: 14px;
	color: #424242;
}
.brdLstBox01 .schBox02 .selBox01 { 
	display:flex;
	gap:12px;
}
.brdLstBox01 .schBox02 .selBox01 .iptSel01 { 
	flex-grow:1;
}
.brdLstBox01 .reloadBox01 { 
	display:flex;
	gap:16px;
	margin:0 0 18px;
}
.brdLstBox01 .reloadBox01 .btnReload { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 36px;
	height: 36px;
	background: #212121;
	border-radius: 50%;
}
.brdLstBox01 .reloadBox01 .reloadSwipeBox { 
	flex-grow:0;
	min-width: 0;
	overflow: hidden;
}
.brdLstBox01 .reloadBox01 .swiper-slide { 
	display:flex;
	align-items:center;
	gap:8px;
	width: auto;
	padding:0 16px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
}
.brdLstBox01 .reloadBox01 .txt01 { 
	font-size: 14px;
	color: #424242;
}
.brdLstBox01 .reloadBox01 .btnDel { 
	position:relative; 
	display:block; 
	width: 20px;
	height: 20px;
}
.brdLstBox01 .reloadBox01 .btnDel:before,
.brdLstBox01 .reloadBox01 .btnDel:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -8px;
	background: #CDCDCD;
	border-radius: 4px;
}
.brdLstBox01 .reloadBox01 .btnDel:before { 
	transform:rotate(45deg);
}
.brdLstBox01 .reloadBox01 .btnDel:after { 
	transform:rotate(-45deg);
}
.brdLstBox01 .brdLst01 > li { 
	margin:0 0 16px;
}
.brdLstBox01 .brdLst01 > li:last-child { 
	margin:0;
}
.brdLstBox01 .brdLst01 .brdLstLnk { 
	display:block;
	padding:16px;
	border:1px solid #F0F0F0;
	border-radius: 15px;
}
.brdLstBox01 .brdLst01 .lnkTopBox { 
	display:flex;
	justify-content:space-between; 
	gap:16px;
}
.brdLstBox01 .brdLst01 .lnkBtmBox { 
	display:flex;
	align-items:center;
	justify-content:space-between; 
	gap:16px;
}
.brdLstBox01 .brdLst01 .lnkTopBox + *,
.brdLstBox01 .brdLst01 .lnkBtmBox + * { 
	margin-top:9px;
}
.brdLstBox01 .brdLst01 .txtBox { 
	flex-grow:1;
	width: calc(100% - 112px);
}
.brdLstBox01 .brdLst01 .cate01 { 
	display:block;
	margin:0 0 4px;
	font-size: 14px;
}
.brdLstBox01 .brdLst01 .cate01.st01 {
	color: #5D5FEF;
}
.brdLstBox01 .brdLst01 .cate01.st01.stWith {
	color: #FF6B35;
}
.brdLstBox01 .brdLst01 .cate01.st02 {
	display: inline-block;
	padding: 2px 8px;
	margin-left: 6px;
	background: #F0F0F0;
	border-radius: 4px;
	font-size: 12px;
	color: #666;
	vertical-align: middle;
}
.brdLstBox01 .brdLst01 .lnkCateBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin:0 0 7px;
}
.brdLstBox01 .brdLst01 .lnkCateBox01 .cate { 
	display:block;
	padding:1px 6px;
	background: #EEEEFF;
	border-radius: 5px;
	font-size: 14px;
	color: #5D5FEF;
}
.brdLstBox01 .brdLst01 .tit01 { 
	display:block;
	margin:0 0 6px;
	font-weight: 500;
	font-size: 15px;
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.brdLstBox01 .brdLst01 .userInfo + .tit01 { 
	margin-top:7px;
}
.brdLstBox01 .brdLst01 .txt01 { 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 13px;
	color: #797979;
	text-overflow: ellipsis;
	overflow: hidden;
}
.brdLstBox01 .brdLst01 .imgBox { 
	flex-shrink:0;
	position:relative;
	display:block;
	width: 96px;
	height: 96px;
	background: #FAFAFA;
	border-radius: 10px;
	font-size: 0;
	overflow: hidden;
}
.brdLstBox01 .brdLst01 .imgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.brdLstBox01 .brdLst01 .imgBox.noImg { 
	background-image:url(/Form/_renew_vue/images/comNoImg01.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size:64px auto;
}
.brdLstBox01 .brdLst01 .userInfo { 
	display:flex;
	align-items:center;
}
.brdLstBox01 .brdLst01 .userInfo .thumb { 
	position:relative;
	width: 28px;
	height: 28px;
	margin:0 8px 0 0;
	background: #E0E0E0;
	border:1px solid #F0F0F0;
	border-radius: 50%;
	font-size: 0;
	overflow: hidden;
}
.brdLstBox01 .brdLst01 .userInfo .thumb img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.brdLstBox01 .brdLst01 .userInfo .userTxt { 
	position:relative; 
	display:block;
	font-size: 13px;
	color: #212121;
}
.brdLstBox01 .brdLst01 .userInfo .userTxt + .userTxt { 
	margin:0 0 0 4px;
	padding:0 0 0 4px;
}
.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 .txt01 + .userInfo { 
	margin-top:8px;
}
.brdLstBox01 .brdLst01 .date {
	position:relative;
	display:block;
	/* padding:0 0 0 21px; */
	font-size:13px;
	color: #797979;
}
/*
.brdLstBox01 .brdLst01 .date:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background:url(/Form/_renew_vue/images/brdViewDate01.svg) no-repeat center / cover;
}
*/
.brdLstBox01 .brdLst01 .statBox {
	display:flex;
	align-items:center;
	gap:12px;
}
.brdLstBox01 .brdLst01 .statBox .stat {
	display:flex;
	align-items:center;
	gap:4px;
	font-size:13px;
	color:#797979;
}
.brdLstBox01 .brdLst01 .statBox .stat:before {
	content:"";
	display:block;
	width:14px;
	height:14px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.brdLstBox01 .brdLst01 .statBox .stLike:before {
	background-image:url(/Form/_renew_vue/images/brdViewStatGood01_off.svg);
}
.brdLstBox01 .brdLst01 .statBox .stComment:before {
	background-image:url(/Form/_renew_vue/images/brdViewStatReply01.svg);
}
.brdLstBox01 .brdLst01 .place01 { 
	font-size: 13px;
	color: #5D5FEF;
}
.brdLstBox01 .conBox.stOff { 
	display:none;
}
.brdLstBox01 .floatBox { 
	position:fixed;
	bottom: 116px;
	right: 50%;
	margin:0 -285px 0 0;
}
.brdLstBox01 .floatBox .floatHidBox { 
	position:absolute;
	display:none;
	width: 48px;
	bottom: 67px;
	left: 50%;
	margin:0 0 0 -24px;
}
.brdLstBox01 .floatBox .floatHidBox .hidLnk { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 48px;
	height: 48px;
	margin:0 0 12px;
	background: #212121;
	border-radius: 50%;
	text-align: center;
}
.brdLstBox01 .floatBox .floatHidBox .hidLnk span { 
	display:block;
}
.brdLstBox01 .floatBox .floatHidBox .hidLnk .lnkIco { 
	width: 16px;
	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: 13px;
	color: #FFF;
}
.brdLstBox01 .floatBox .floatHidBox .hidLnk:last-child { 
	margin:0;
}
.brdLstBox01 .floatBox .lnkForm {
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 55px;
	height: 55px;
	background: #5D5FEF;
	border-radius: 50%;
	font-size: 0;
	text-align: center;
}
.brdLstBox01 .floatBox .lnkForm span { 
	display:block;
}
.brdLstBox01 .floatBox .lnkForm .plus { 
	position:relative;
	width: 14px;
	height: 14px;
	margin:0 auto 4px;
}
.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: 4px;
}
.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: 13px;
	color: #FFF;
}
@media all and (max-width:599px){
	.brdLstBox01 .floatBox { 
		bottom: 80px;
		right: 8px;
		margin:0;
	}
}
/* 게시판 리스트 스킨 끝
------------------------------------------------------ */
/* 게시판 보기 스킨 시작
------------------------------------------------------ */
.brdViewBox01 .brdTopBox {
	margin:0 0 16px;
	padding:0 0 15px;
	border-bottom:1px solid #F0F0F0;
}
.brdViewBox01 .brdTopBox .cate01 { 
	margin:0 0 4px;
	font-weight: 400;
	font-size: 15px;
}
.brdViewBox01 .brdTopBox .cate01.st01 { 
	color: #5D5FEF; 
}
.brdViewBox01 .brdTopBox .tit01 { 
	margin:0 0 7px;
	font-weight: 500;
	font-size: 20px;
	color: #212121;
	word-break:break-all;
}
.brdViewBox01 .brdTopBox .titBox { 
	position:relative;
	margin:0 0 7px;
}
.brdViewBox01 .brdTopBox .titBox .cate01 { 
	padding:0 20px 0 0;
}
.brdViewBox01 .brdTopBox .titBox .tit01 { 
	margin:0;
}
.brdViewBox01 .brdTopBox .titBox .hidToggle { 
	position:absolute;
	display:block;
	width: 20px;
	height: 20px;
	top: 0;
	right: 0;
}
.brdViewBox01 .brdTopBox .titBox .hidToggle:before,
.brdViewBox01 .brdTopBox .titBox .hidToggle:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 4px;
	height: 4px;
	left: 50%;
	margin:0 0 0 -2px;
	background: #797979;
	border-radius: 50%;	
}
.brdViewBox01 .brdTopBox .titBox .hidToggle:before { 
	top: 2px;
}
.brdViewBox01 .brdTopBox .titBox .hidToggle:after { 
	top: 14px;
}
.brdViewBox01 .brdTopBox .titBox .hidToggle span { 
	position:absolute;
	display:block;
	width: 4px;
	height: 4px;
	top: 50%;
	left: 50%;
	margin:-2px 0 0 -2px;
	background: #797979;
	border-radius: 50%;	
}
.brdViewBox01 .brdTopBox .titBox .hidBox {
	position:absolute;
	display:none;
	top: 26px;
	right: 10px;
	z-index: 10;
}
.brdViewBox01 .brdTopBox .titBox .hidBox.on {
	display:block;
}
.brdViewBox01 .brdTopBox .titBox .hidLst01 {
	padding:0 15px;
	background: #FFF;
	border-radius: 10px;
	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:4px;
	width: 100%;
	padding:9px 0;
}
.brdViewBox01 .brdTopBox .titBox .hidLst01 .hidLnk span { 
	flex-shrink:0;
	display:block;
}
.brdViewBox01 .brdTopBox .titBox .hidLst01 .hidLnk .lnkIco { 
	width: 14px;
	font-size: 0; 
}
.brdViewBox01 .brdTopBox .titBox .hidLst01 .hidLnk .lnkIco img { 
	width: 100%; 
}
.brdViewBox01 .brdTopBox .titBox .hidLst01 .hidLnk .lnkTxt { 
	font-size: 14px;
	color: #797979;
}
.brdViewBox01 .brdTopBox .userInfoBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
}
.brdViewBox01 .brdTopBox .userBox { 
	display:flex;
	align-items:center;
	gap:8px;
}
.brdViewBox01 .brdTopBox .userThumb { 
	position:relative; 
	width: 28px;
	height: 28px;
	border:1px solid #F0F0F0;
	border-radius: 50%;
	overflow: hidden;
}
.brdViewBox01 .brdTopBox .userThumb img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.brdViewBox01 .brdTopBox .userInfo01 { 
	font-size: 14px;
	color: #212121;
}
.brdViewBox01 .brdTopBox .date { 
	font-size: 14px; 
	color: #797979;
}
.brdViewBox01 .brdConBox { 
	position:relative;
	padding:0 0 34px;
}
.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 8px;
	padding:0 0 0 22px;
	font-size: 13px;
	color: #2B90E2;
}
.brdViewBox01 .postPlace01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 14px;
	top: 1px;
	left: 0;
	background:url(/Form/_renew_vue/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: 20px;
	height: 20px;
	top: 0;
	left: 0;
	background: #5D5FEF;
	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: 4px;
}
.brdViewBox01 .brdImgBox .imgLnk:before { 
	width: 10px; 
	height: 2px;
}
.brdViewBox01 .brdImgBox .imgLnk:after { 
	width: 2px; 
	height: 10px;
}
.brdViewBox01 .brdImgBox + .brdImgBox,
.brdViewBox01 .brdImgBox + .brdTxt01,
.brdViewBox01 .brdInfoDl01 + .brdTxt01 { 
	margin-top:16px;
}
.brdViewBox01 .brdTxt01 { 
	font-size: 14px;
	line-height: 1.4;
	color: #424242;
	word-break:break-all;
}
.brdViewBox01 .brdInfoDl01 dt { 
	margin:0 0 9px;
	font-weight: 500;
	font-size: 16px;
	color: #212121;
}
.brdViewBox01 .brdInfoDl01 .typeLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.brdViewBox01 .brdInfoDl01 .typeLst01 li {
	padding:7px 13px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	font-size: 14px;
	color: #424242;
}
.brdViewBox01 .brdImgBox + .brdInfoDl01,
.brdViewBox01 .brdInfoDl01 + .brdInfoDl01 { 
	margin-top:13px;
}
.brdViewBox01 .brdSdLst01 { 
	padding:0 16px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.brdViewBox01 .brdSdLst01 li { 
	position:relative;
	padding:16px 16px 16px 30px;
	border-bottom:1px solid #F3EEF6;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
}
.brdViewBox01 .brdSdLst01 li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 15px;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.brdViewBox01 .brdSdLst01 li.stDay:before { 
	background-image: url(/Form/_renew_vue/images/brdViewSdLst_day01.svg); 
}
.brdViewBox01 .brdSdLst01 li.stPlace:before { 
	background-image: url(/Form/_renew_vue/images/brdViewSdLst_place01.svg); 
}
.brdViewBox01 .brdSdLst01 li:last-child { 
	border-bottom:none;
}
.brdViewBox01 .brdUserInfoLnk { 
	display:block;
	padding:15px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.brdViewBox01 .brdUserInfoLnk .lnkTopBox { 
	position:relative; 
	display:flex;
	align-items:center;
	gap:8px;
	width: 100%;
	/*margin:0 0 8px;*/
}
.brdViewBox01 .brdUserInfoLnk .lnkTopBox:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 50%;
	right: 0;
	margin:-5px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #9A9A9A;
	border-right:2px solid #9A9A9A;
}
.brdViewBox01 .brdUserInfoLnk .lnkTopBox .thumb { 
	position:relative;
	display:block; 
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border:1px solid #F0F0F0;
	overflow: hidden;
}
.brdViewBox01 .brdUserInfoLnk .lnkTopBox .thumb img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.brdViewBox01 .brdUserInfoLnk .lnkTopBox .info,
.brdViewBox01 .brdUserInfoLnk .lnkTxt {
	font-size: 14px; 
	color: #212121;	 
}
.brdViewBox01 .brdUserInfoLnk .lnkTxt { 
	word-break:break-all; 
}
.brdViewBox01 .brdStatBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:13px;
	margin:25px 0 0;
}
.brdViewBox01 .brdStatBox01 .brdStat { 
	position:relative; 
	display:block;
	padding:0 0 0 28px;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
}
.brdViewBox01 .brdStatBox01 .brdStat:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: -1px;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.brdViewBox01 .brdStatBox01 .brdStat.stGood:before { 
	background-image: url(/Form/_renew_vue/images/brdViewStatGood01_off.svg); 
}
.brdViewBox01 .brdStatBox01 .brdStat.stGood.on:before { 
	background-image: url(/Form/_renew_vue/images/brdViewStatGood01_on.svg); 
}
.brdViewBox01 .brdStatBox01 .brdStat.stReply:before { 
	background-image: url(/Form/_renew_vue/images/brdViewStatReply01.svg); 
}
.brdViewBox01 .brdReplyAddBox01 {
	padding:16px 15px;
	background: #F8F0FF;
}
.brdViewBox01 .brdReplyAddBox01 dl { 
	display:flex;
	align-items:center;
	gap:12px;
}
.brdViewBox01 .brdReplyAddBox01 dt { 
	flex-shrink:0;
	font-weight: 500;
	font-size: 15px;
	color: #212121;
}
.brdViewBox01 .brdReplyAddBox01 dd { 
	flex-grow:1;
	display:flex;
	gap:12px;
}
.brdViewBox01 .brdReplyAddBox01 dd .ipt { 
	flex-grow:1;
	display:block;
	padding:13px 16px 12px;
	background: #FFF;
	border-radius: 10px;
	font-size: 14px;
	color: #424242;
}
.brdViewBox01 .brdReplyAddBox01 dd .ipt::placeholder {
	color: #999; 
}
.brdViewBox01 .brdReplyAddBox01 dd .btn { 
	flex-shrink:0;
	display:block;
	padding:13px 16px 12px;
	border-radius: 10px;
	font-weight: 500;
	font-size: 15px;
	text-align: center;
}
.brdViewBox01 .brdReplyAddBox01 dd .btn.st01 { 
	background: #5D5FEF;
	color: #FFF;
}
.brdViewBox01 .brdReplyAddBox01.stOff { 
	display:none;
}
.brdViewBox01 .brdStatBox01 + .brdReplyAddBox01 { 
	margin-top:25px;
}
.brdViewBox01 .brdReplyBox01 .btmBox + .brdReplyAddBox01 {
	margin-top:8px;
}
.brdViewBox01 .brdReplyBox01 {	
	margin:24px 0 0;
}
.brdViewBox01 .brdReplyBox01 .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	margin:0 0 10px;
}
.brdViewBox01 .brdReplyBox01 .userBox { 
	display:flex;
	align-items:center;
	gap:10px;
}
.brdViewBox01 .brdReplyBox01 .userBox .thumb { 
	position:relative;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	overflow: hidden;
}
.brdViewBox01 .brdReplyBox01 .userBox .thumb img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.brdViewBox01 .brdReplyBox01 .userBox .name { 
	font-weight: 700; 
	font-size: 15px;
	color: #212121;
}
.brdViewBox01 .brdReplyBox01 .replyGood { 
	position:relative; 
	display:block;
	padding:0 0 0 24px;
	font-weight: 500;
	font-size: 13px;
	color: #666;
}
.brdViewBox01 .brdReplyBox01 .replyGood:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: -2px;
	left: 0;
	background: url(/Form/_renew_vue/images/brdViewStatGood01_off.svg) no-repeat;
	background-size:cover;
}
.brdViewBox01 .brdReplyBox01 .replyGood.on:before { 
	background-image: url(/Form/_renew_vue/images/brdViewStatGood01_on.svg);
}
.brdViewBox01 .brdReplyBox01 .txt01 { 
	margin:0 0 8px;
	font-size: 14px;
	color: #424242;
	word-break:break-all;
}
.brdViewBox01 .brdReplyBox01 .txt01 .tagName { 
	font-weight: 500;
	color: #60A5FF;
}
.brdViewBox01 .brdReplyBox01 .txt01.stDel { 
	position:relative;
	margin:0;
	padding:16px 16px 15px 36px;
	background: #FAFAFA;
	color: #999;
}
.brdViewBox01 .brdReplyBox01 .txt01.stDel:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 17px;
	left: 16px;
	background:url(/Form/_renew_vue/images/brdViewReplyDel01.svg) no-repeat;
	background-size:cover;
}
.brdViewBox01 .brdReplyBox01 .date { 
	font-size: 13px;
	color: #666;
}
.brdViewBox01 .brdReplyBox01 .btmBox { 
	display:flex;
	gap:8px;
}
.brdViewBox01 .brdReplyBox01 .btmBox .btn { 
	position:relative; 
	display:block;
	padding:0 0 0 10px;
	font-size: 13px;
	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:6px 0 0;
	font-weight: 500;
	font-size:14px;
	color: #192A40;
}
.brdViewBox01 .brdReplyBox01 .rereplyBox {
	padding:12px 0 0;
}
.brdViewBox01 .brdReplyBox01 .rereplyBox.on,
.brdViewBox01 .brdReplyBox01 .rereplyBox.open {
	display: block;
}
.brdViewBox01 .brdReplyBox01 .rereBox {
	position:relative;
	padding:0 0 0 30px;
}
.brdViewBox01 .brdReplyBox01 .rereBox:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	background:url(/Form/_renew_vue/images/brdViewRereply01.svg) no-repeat;
	background-size:cover;
}
.brdViewBox01 .brdReplyBox01 .rereBox + .rereBox { 
	margin-top:14px;
}
.brdViewBox01 .brdBtmLnkBox01 { 
	position:fixed;
	width:430px;
	max-width: 100%;
	bottom: 0;
	left: 50%;
	padding:16px;
	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:12px;
}
.brdViewBox01 .brdBtmLnkBox01 .editBox01 .ipt { 
	flex-grow:1;
	display:block;
	padding:11px 15px 10px;
	border: 1px solid #F0F0F0;
	border-radius: 10px;
	min-width: 0;
	font-size: 14px;
	color: #424242;
}
.brdViewBox01 .brdBtmLnkBox01 .editBox01 .ipt::placeholder { 
	color: #999; 
}
.brdViewBox01 .brdBtmLnkBox01 .editBox01 .btn { 
	flex-shrink:0;
	display:block;
	padding:11px 16px 10px;
	border-width:1px;
	border-style:solid;
	border-radius: 10px;
	font-weight: 500;
	font-size: 15px;
}
.brdViewBox01 .brdBtmLnkBox01 .editBox01 .btn.st01 { 
	background: #5D5FEF; 
	border-color: #5D5FEF;
	color: #FFF;
}
.brdViewBox01 .brdBtmLnkBox01 .editBox01 .btn.st02 { 
	background: #FAFAFA;
	border-color: #F0F0F0;
	color: #666;
}
.brdViewBox01 .brdBtmLnkBox01 .chatLnk {
	display:block;
	width: 100%;
	margin:10px 0 0;
	padding:16px 15px 15px;
	background: #5D5FEF;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-weight: 700;
	font-size: 15px;
	color: #FFF;
}
/* 게시판 보기 스킨 끝
------------------------------------------------------ */
/* 게시판 쓰기 스킨 시작
------------------------------------------------------ */
.brdFormBox01 {
	padding: 0 0 84px;
}
.brdFormBox01 .brdTopBox { 
	margin:0 0 24px;
	text-align: center;
}
.brdFormBox01 .brdTopBox .tit01 {
	font-weight: 500;
	font-size: 20px;
	color: #212121;
	word-break:break-all;
}
.brdFormBox01 .brdTopBox * + .tit01 { 
	margin-top:8px;
}
.brdFormBox01 .topImgBox { 
	width: 94px;
	margin:0 auto;
	font-size: 0; 
}
.brdFormBox01 .topImgBox img { 
	max-width: 100%; 
}
.brdFormBox01 .topStickyBox {
    position: sticky;
    top: 0;
    padding: 24px 0;
    background: #FFF;
	text-align: center;
    z-index: 50;
}
.brdFormBox01 .topStickyBox .crsLst01 { 
	display:flex; 
	justify-content:center;
	gap:24px;
	margin:0 0 21px;
}
.brdFormBox01 .topStickyBox .crsLst01 li {
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 18px;
	height: 18px;
	background: #DBDBDB;
	border-radius: 50%;
	font-family: Pretendard;
	font-weight: 500;
	font-size: 13px;
	line-height: 1;
	text-align: center;
	color: #FFF;
}
.brdFormBox01 .topStickyBox .crsLst01 li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	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: #5D5FEF;
}
.brdFormBox01 .topStickyBox .txt01 { 
	font-weight: 700; 
	font-size: 18px;
	color: #212121;
}
.brdFormBox01 .formCateBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:16px;
}
.brdFormBox01 .formCateBox01 .formCate { 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: calc((100% - 16px)/2);
	padding:25px 10px 24px;
	background: #FFF;	
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #212121;
}
.brdFormBox01 .formCateBox01 .formCate.on { 
	background: #EEEEFF;
	border-color:#5D5FEF;
}
.brdFormBox01 .brdForm .iptTopBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:0 0 9px;
}
.brdFormBox01 .brdForm * + .iptTopBox { 
	margin-top:14px;
}
.brdFormBox01 .brdForm .iptTit01 { 
	font-weight: 500; 
	font-size: 15px;
	color: #424242;
}
.brdFormBox01 .brdForm .iptLng { 
	font-size: 14px;
	color: #666;
}
.brdFormBox01 .brdForm .fileLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.brdFormBox01 .brdForm .fileLst01 li { 
	position:relative; 
	width: calc((100% - 30px)/4);
}
.brdFormBox01 .brdForm .fileLst01 li.halfWid { 
	width: calc((100% - 10px)/2);
}
.brdFormBox01 .brdForm .fileLst01 li.fullWid { 
	width: 100%;
}
.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 #5D5FEF;
	border-radius: 10px;
	font-size: 0;
	overflow: hidden;
}
.brdFormBox01 .brdForm .fileLst01 .fileLbl .plus { 
	position:absolute; 
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin:-8px 0 0 -8px;
}
.brdFormBox01 .brdForm .fileLst01 .fileLbl .plus:before,
.brdFormBox01 .brdForm .fileLst01 .fileLbl .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #5D5FEF;
	border-radius: 4px;
}
.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 .fileLbl img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	z-index: 1;
}
.brdFormBox01 .brdForm .fileLst01 .lstImgBox { 
	position:relative;
	height: 0;
	padding:100% 0 0;
	border:1px solid #EDEDED;
	border-radius: 10px;
	font-size: 0;
	overflow:	hidden;
}
.brdFormBox01 .brdForm .fileLst01 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.brdFormBox01 .brdForm .fileLst01 .btnDel {
	position:absolute; 
	display:block; 
	width: 16px;
	height: 16px;
	top: -8px;
	right: -8px;
	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: 8px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -4px;
	background: #FFF;
	border-radius: 4px;
}
.brdFormBox01 .brdForm .fileLst01 .btnDel:before { 
	transform:rotate(45deg); 
}
.brdFormBox01 .brdForm .fileLst01 .btnDel:after { 
	transform:rotate(-45deg); 
}
.brdFormBox01 .brdForm .fileLst01 li.halfWid .btnDel,
.brdFormBox01 .brdForm .fileLst01 li.fullWid .btnDel { 
	width: 24px;
	height: 24px;
}
.brdFormBox01 .brdForm .fileLst01 li.halfWid .btnDel:before, 
.brdFormBox01 .brdForm .fileLst01 li.halfWid .btnDel:after,
.brdFormBox01 .brdForm .fileLst01 li.fullWid .btnDel:before, 
.brdFormBox01 .brdForm .fileLst01 li.fullWid .btnDel:after { 
	width: 13px;
	margin:-1px 0 0 -6px;
}
.brdFormBox01 .brdForm .fileLst01 + .fileLst01 { 
	margin-top:16px;
}
.brdFormBox01 .brdForm * + .iptPopOnBox01 { 
	margin-top:16px;
}
.brdFormBox01 .brdForm .iptPopOnBox01 .iptPopOn { 
	position:relative; 
	display:block; 
	width: 100%;
	margin:0 0 16px;
	padding:15px 40px 15px 13px;
	border-radius: 10px;
	border:1px solid #F0F0F0;
	font-weight: 500;
	font-size: 15px;
	color: #424242;
	text-align: left;
}
.brdFormBox01 .brdForm .iptPopOnBox01 .iptPopOn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 19px;
	right: 23px;
	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:12px 15px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 14px;
	color: #424242;
}
.brdFormBox01 .brdForm .ipt::placeholder { 
	color: #999; 
}
.brdFormBox01 .brdForm .ipt.fullWid { 
	width: 100%; 
}
.brdFormBox01 .brdForm .cateBox01 { 
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
}
.brdFormBox01 .brdForm .cateBox01 .btnCate {
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:2px;
	padding:7px 13px;
	border:1px solid #F0F0F0;
	border-radius:1000px;
}
.brdFormBox01 .brdForm .cateBox01 .btnCate span { 
	display:block; 
}
.brdFormBox01 .brdForm .cateBox01 .btnCate .btnIco { 
	width: 14px;
	font-size: 0;
}
.brdFormBox01 .brdForm .cateBox01 .btnCate .btnIco img { 
	max-width: 100%; 
}
.brdFormBox01 .brdForm .cateBox01 .btnCate .btnTxt { 
	font-weight: 500;
	font-size: 14px;
	color: #999;
}
.brdFormBox01 .brdForm .cateBox01 .btnCate.on { 
	background: #5D5FEF; 
	border-color: #5D5FEF; 
}
.brdFormBox01 .brdForm .cateBox01 .btnCate.on .btnTxt { 
	color: #FFF; 
}
.brdFormBox01 .formBtmBox {
	position:fixed;
	display:flex;
	gap:8px;
	width: 100%;
	max-width: 430px;
	bottom: 0;
	left: 50%;
	padding:16px;
	padding-bottom: calc(16px + 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% - 8px)/2);
	padding:16px;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-weight: 700;
	font-size: 15px;
	text-align: center;
}
.brdFormBox01 .formBtmBox .btn.st01 { 
	background: #FAFAFA; 
	color: #797979;
}
.brdFormBox01 .formBtmBox .btn.st02 { 
	background: #5D5FEF;
	color: #FFF;
}
.brdFormBox01 .formBtmBox .btn.st03 { 
	background: #CDCDCD;
	color: #FFF;
}
.brdFormBox01 .formBtmBox .btn.fullWid { 
	width: 100%; 
}
/* 게시판 쓰기 스킨 끝
------------------------------------------------------ */
/* 테이터가 없는 경우 시작
------------------------------------------------------ */
.comNoData01 { 
	padding:64px 0;
	text-align: center; 
}
.comNoData01 .imgBox { 
	width: 128px;
	margin:0 auto 22px;
	font-size: 0; 
}
.comNoData01 .imgBox img { 
	width: 100%; 
}
.comNoData01 .txt01 { 
	font-size: 15px; 
	color: #797979;
}
/* 테이터가 없는 경우 끝
------------------------------------------------------ */
/* 팝업 스타일 시작
------------------------------------------------------ */
.comPopBox01 { 
	position:absolute; 
	width:430px;
	max-width: 100%;
	bottom: -100%;
	left: 50%;
	padding:24px;
	transform:translateX(-50%);
	background: #FFF;
	border-radius:	15px 15px 0 0;
	box-shadow:0 -6px 8px 0 rgba(179,179,179,.25);
	transition:bottom .3s ease;
}
.comPopBox01 .topBox { 
	position:relative;
	margin:0 0 22px;
	padding:0 24px;
	text-align: center;
}
.comPopBox01 .topBox .tit01 { 
	font-weight: 700;
	font-size: 18px;
	color: #212121;
}
.comPopBox01 .topBox .tit01 .stat01 { 
	display:inline-block;
	padding:2px 8px 1px;
	border-radius: 1000px;
	font-weight: 400;
	font-size: 15px;
}
.comPopBox01 .topBox .tit01 .stat01.st01 { 
	background: #F8F0FF; 
	color: #5D5FEF;
}
.comPopBox01 .topBox .popOut {
	position:absolute; 
	display:block; 
	width: 24px;
	height: 24px;
	top: 0;
	right: 0;
}
.comPopBox01 .topBox .popOut:before,
.comPopBox01 .topBox .popOut:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -9px;
	background: #666;
	border-radius: 4px;
}
.comPopBox01 .topBox .popOut:before { 
	transform:rotate(45deg); 
}
.comPopBox01 .topBox .popOut:after { 
	transform:rotate(-45deg); 
}
.comPopBox01 .conBox .scrollBox { 
	max-height: 320px;
	overflow-y:auto;
}
.comPopBox01 .conBox .tit01 { 
	font-weight: 500;
	font-size: 20px;
	color: #212121;
}
.comPopBox01 .conBox .txt01 { 
	padding:10px;
	border-radius: 10px;
	border:1px solid #F0F0F0;
	font-size: 14px; 
	color: #212121;
	word-break:break-all;
}
.comPopBox01 .conBox .tit01 + .txt01 { 
	margin-top:8px;
}
.comPopBox01 .conBox .ipt { 
	flex-shrink:0;
	display:block;
	min-width: 84px;
	padding:8px 15px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 14px;
	color: #424242;
}
.comPopBox01 .conBox select.ipt,
.comPopBox01 .conBox button.ipt { 
	padding-right:35px;
	appearance: none;
	background-image: url(/Form/_renew_vue/images/comSel02.svg);
	background-repeat:no-repeat;
	background-position:right 15px center;
}
.comPopBox01 .conBox button.ipt.on { 
	background-image: url(/Form/_renew_vue/images/comPopDel01.svg);
	background-color: #FCF6FF;
}
.comPopBox01 .conBox .ipt.fullWid { 
	width: 100%; 
}
.comPopBox01 .optLst01,
.comPopBox01 .chkLst01 { 
	max-height: 280px;
	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: 15px;
	color: #424242;
}
.comPopBox01 .optLst01 .optBtn { 
	padding:18px 16px 17px; 
}
.comPopBox01 .optLst01 .optBtn.on {
	color: #5D5FEF;
	font-weight: 700;
	/*background: #f4f4ff;*/
}
.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:18px 24px 17px 0;
}
.comPopBox01 .chkLst01 .chkLbl:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 17px;
	height: 13px;
	top: 50%;
	right: 3px;
	margin:-7px 0 0;
	background:url(/Form/_renew_vue/images/comPopChk01_off.svg) no-repeat;
	background-size:cover;
}
.comPopBox01 .chkLst01 .chkIpt:checked + .chkLbl { 
	color: #5D5FEF;
}
.comPopBox01 .chkLst01 .chkIpt:checked + .chkLbl:after { 
	background-image: url(/Form/_renew_vue/images/comPopChk01_on.svg);
}
.comPopBox01 .optBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:16px;
}
.comPopBox01 .optBox01 .optBtn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: calc((100% - 16px)/2);
	padding:25px 10px 24px;
	background: #FFF;	
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #212121;
}
.comPopBox01 .optBox01 .optBtn.on { 
	background: #FDFAFF;
	border-color:#5D5FEF;
}
.comPopBox01 .optBox01.stOff { 
	display:none;
}
.comPopBox01 .fileLst01 li { 
	position:relative;
	margin:0 0 16px;
}
.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:15px 32px 15px 44px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-weight: 500;
	font-size: 15px;
	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: 20px; 
	height: 20px; 
	top: 15px;
	left: 14px;
	background-repeat:no-repeat;
	background-size:cover;
}
.comPopBox01 .fileLst01 .fileBtn.stFile:before { 
	background-image: url(/Form/_renew_vue/images/comPopFileLst_file01.svg);
}
.comPopBox01 .fileLst01 .fileBtn.stPicture:before { 
	background-image: url(/Form/_renew_vue/images/comPopFileLst_picture01.svg);
}
.comPopBox01 .cateBox01 { 
	display:flex;
	gap:16px;
	margin:0 0 23px;
	overflow-x:auto;
}
.comPopBox01 .cateBox01 .btnCate { 
	flex-shrink:0;
	position:relative;
	display:block;
	padding:0 0 10px;
	font-weight: 500;
	font-size:15px;
	color: #666;
}
.comPopBox01 .cateBox01 .btnCate.on { 
	color: #5D5FEF; 
}
.comPopBox01 .cateBox01 .btnCate.on:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background: #5D5FEF;
}
.comPopBox01 .cateBox02 { 
	display:flex;
	gap:12px;
	overflow-x:auto;
}
.comPopBox01 .cateBox02 .btnCate {
	flex-shrink:0;
	display:block;
	padding:7px 12px 6px;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: #999;
}
.comPopBox01 .cateBox02 .btnCate.on { 
	background:#5D5FEF;
	border-color:#5D5FEF;
	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:16px;
	margin:0 0 24px;
}
.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: 20px;	
	height: 20px;	
	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: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	border-top:2px solid #999;
	border-right:2px solid #999;
}
.comPopBox01 .calendar01 .fc-button-primary.fc-prev-button:before { 
	margin:-5px 0 0 -3px;
	transform:rotate(-135deg);
}
.comPopBox01 .calendar01 .fc-button-primary.fc-next-button:before { 
	margin:-5px 0 0 -8px;
	transform:rotate(45deg);
}
.comPopBox01 .calendar01 .fc-toolbar-title { 
	position:relative;
	padding:0 0 0 24px;
	font-weight: 700; 
	font-size: 16px;
	color: #424242;
}
.comPopBox01 .calendar01 .fc-toolbar-title:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	background:url(/Form/_renew_vue/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: #FAFAFF;
}
.comPopBox01 .calendar01 thead th {	
	padding:0;
	border-top-width:1px;
	border-top-style:solid;
	border-color:#ECECF6;
} 
.comPopBox01 .calendar01 .fc-col-header-cell-cushion { 
	width: 100%;
	padding:11px;
}
.comPopBox01 .calendar01 th {
	border-left:none;
	font-weight: 400;
	font-size: 14px;
	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:23px 2px 22px;
	font-family: Pretendard;
	font-weight: 500;
	font-size: 14px;
	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: 28px;
	top: 50%;
	left: 0;
	transform:translateY(-50%);
	background: #FFE4D6;
	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: 36px;
	height: 36px;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	background: #5D5FEF;
	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: 28px;
	top: 50%;
	left: 0;
	transform:translateY(-50%);
	background: #EEEEFF;
	z-index: 15;
}
.comPopBox01 .calendar01 .date-in-range .fc-daygrid-day-frame > * {
	position:relative;
	z-index: 40;
}
.comPopBox01 .iptTit01 { 
	margin:0 0 8px;
	font-weight: 500;
	font-size: 15px;
	color: #424242;
}
.comPopBox01 .iptTit01 .gTxt01 { 
	font-weight: 400;
	font-size:12px;
	color:#AAA;
}
.comPopBox01 * + .iptTit01 { 
	margin-top:14px;
}
.comPopBox01 .iptTitBox01 { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	margin:0 0 8px;
}
.comPopBox01 .iptTitBox01 .iptTit01 { 
	margin:0;
}
.comPopBox01 .iptBox01 { 
	display:flex;
	gap:8px;
}
.comPopBox01 .iptBox01 .ipt { 
	width: calc((100% - 8px)/2); 
}
.comPopBox01 .schBox01 { 
	display:flex;
	align-items:center;
	gap:8px;
	padding:14px 15px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.comPopBox01 .schBox01 .ipt { 
	flex-grow:1;
	padding:0;
	border:none;
	border-radius: 0;
}
.comPopBox01 .schBox01 .btn { 
	flex-shrink:0;
	display:block; 
	font-size: 0;
}
.comPopBox01 .schBox01 + * { 
	margin-top:12px;
}
.comPopBox01 .btmBox { 
	display:flex;
	gap:16px;
	margin:24px 0 0;
}
.comPopBox01 .btmBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: calc((100% - 16px)/2);
	padding:15px 14px 14px;
	border-width:1px;
	border-style:solid;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-weight: 700;
	font-size: 15px;
	text-align: center;
}
.comPopBox01 .btmBox .btn.st01 { 
	background: #FFF;
	border-color: #5D5FEF;
	color: #5D5FEF;
}
.comPopBox01 .btmBox .btn.st02 { 
	background: #FAFAFA;
	border-color: #FAFAFA;
	color: #797979;
}
.comPopBox01 .btmBox .btn.st03 { 
	background: #5D5FEF;
	border-color: #5D5FEF;
	color: #FFF;
}
.comPopBox01 .btmBox .btn.st04 { 
	background: #F53709;
	border-color: #F53709;
	color: #FFF;
}
.comPopBox01 .btmBox .btn.st05 { 
	background: #EDEDED;
	border-color: #EDEDED;
	color: #797979;
}
.comPopBox01 .btmBox .btn.st06 { 
	background: #5D5FEF;
	border-color: #5D5FEF;
	color: #FFF;
}
.comPopBox01 .btmBox .btn.st07 {
	border-color: #5D5FEF;
	color: #5D5FEF;
}
.comPopBox01 .btmBox .btn.fullWid {
	width: 100%; 
}
.comPopBox01 .btmEditBox01 { 
	display:flex;
	gap:12px;
	margin:24px 0 0;
}
.comPopBox01 .btmEditBox01 .btn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:5px;
	padding:15px;
	border-radius: 10px;
	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: 15px;
}
.comPopBox01 .btmEditBox01 .btn.stInit { 
	flex-shrink:0;
	width: 106px;
	background: #FAFAFA;
}
.comPopBox01 .btmEditBox01 .btn.stInit .btnTxt { 
	color: #797979; 
}
.comPopBox01 .btmEditBox01 .btn.stInit + * { 
	flex-grow:1; 
}
.comPopBox01 .btmEditBox01 .btn.st01 { 
	background: #5D5FEF; 
}
.comPopBox01 .btmEditBox01 .btn.st01 .btnTxt { 
	color: #FFF; 
}
.comPopBg.on .comPopBox01 { 
	bottom: 0; 
}
.comPopBox02 { 
	position:absolute;
	width: 400px;
	max-width: 90%;
	top: 50%;
	left: 50%;
	padding:23px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 15px;
}
/* 팝업 스타일 끝
------------------------------------------------------ */
/* 공통 검색 영역 시작
------------------------------------------------------ */
.comSchBox01 .schBox01 { 
	display:flex;
	gap:10px;
}
.comSchBox01 .schBox01 .iptSel01 { 
	flex-shrink:0;
	width: 92px;
	padding:15px 35px 15px 15px;
	appearance: none;
	background: url(/Form/_renew_vue/images/comSel02.svg) no-repeat center right 15px;
	border:1px solid #F0F0F0;
	border-radius: 15px;
	font-size: 14px;
	color: #424242;
}
.comSchBox01 .schBox01 .iptSel01:disabled {
	opacity: .5;
	cursor: not-allowed;
}
.comSchBox01 .schBox01 .iptBox01 {
	flex-grow:1;
	display:flex;
	align-items:center;
	gap:8px;
	min-width: 0;
	padding:14px 15px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 15px;
}
.comSchBox01 .schBox01 .iptBox01 .ipt { 
	flex-grow:1;
}
.comSchBox01 .schBox01 .iptBox01 .btnSubmit { 
	flex-shrink:0;
	display:block; 
	font-size: 0;
}
.comSchBox01 .schCateBox01 { 
	position:relative;
	background: #FFF;
	overflow: hidden;
}
.comSchBox01 .schCateBox01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background:#EDEDED;
}
.comSchBox01 .schCateBox01 .swiper-slide { 
	width: 72px !important;
}
.comSchBox01 .schCateBox01 .schCate { 
	position:relative; 
	display:block;
	width: 72px;
	padding:0 0 11px;
	text-align: center;
}
.comSchBox01 .schCateBox01 .schCate span { 
	display:block;
}
.comSchBox01 .schCateBox01 .schCate .btnIco { 
	margin:0 auto 4px;
	font-size: 0;
}
.comSchBox01 .schCateBox01 .schCate .btnIco img { 
	width: auto;
	max-width: 100%;
	margin:0 auto;
}
.comSchBox01 .schCateBox01 .schCate.on:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background: #5D5FEF;
}
.comSchBox01 .schCateBox01 .schCate .btnTxt01 { 
	font-weight: 500;
	font-size: 14px;
	letter-spacing:-.3px;
	color: #424242;
}
.comSchBox01 .schCateBox02 { 
	padding:0 16px;
	background: #FFF;
}
.comSchBox01 .schCateBox02 .schCate02SlideBox {
	overflow: hidden;
}
.comSchBox01 .schCateBox02 .swiper-slide { 
	width: auto;
}
.comSchBox01 .schCateBox02 .schCate { 
	display:block;
	padding:13px 0 12px;
	border-bottom:2px solid #FFF;
	font-weight: 500;
	font-size: 18px;
	color: #999;
	transition:all .3s ease;
}
.comSchBox01 .schCateBox02 .schCate.on { 
	border-bottom-color:#F53709;
	color:#F53709;
}
.comSchBox01 .schCateBox03 .swiper-slide { 
	width: auto;
}
.comSchBox01 .schCateBox03 .btnCate { 
	position:relative; 
	display:block;
	padding:10px 17px 10px 45px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 1px 0 rgba(178,178,178,.25);
	font-size: 14px;
	color: #424242;
}
.comSchBox01 .schCateBox03 .btnCate:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 9px;
	left: 15px;
	background-repeat:no-repeat;
	background-size:cover;
}
.comSchBox01 .schCateBox03 .btnCate.on { 
	background:#4F46E5;
	border-color:#4F46E5;
	font-weight: 500;
	color: #FFF;
}
.comSchBox01 .schCateBox03 .btnCate.stAll { 
	padding-left:17px;
}
.comSchBox01 .schCateBox03 .btnCate.stAll:before { 
	display:none;
}
.comSchBox01 .schCateBox03 .btnCate.stTasty:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_tasty01_off.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stTasty.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_tasty01_on.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stCafe:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_cafe01_off.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stCafe.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_cafe01_on.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stBar:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_bar01_off.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stBar.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_bar01_on.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stBeauty:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_beauty01_off.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stBeauty.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_beauty01_on.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stShop:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_shop01_off.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stShop.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_shop01_on.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stTour:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_tour01_off.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stTour.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_tour01_on.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stTheme:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_theme01_off.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stTheme.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_theme01_on.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stActivity:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_activity01_off.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stActivity.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_activity01_on.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stHotel:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_hotel01_off.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stHotel.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_hotel01_on.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stEtc:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_etc01_off.svg);
}
.comSchBox01 .schCateBox03 .btnCate.stEtc.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_etc01_on.svg);
}
.comSchBox01 .schBox01 + .schCateBox03 { 
	margin-top:12px;
}
.comSchBox01 .hidCateLstBox { 
	position:absolute; 
	display:none;
    width: 100%;
    min-width: 320px;
    max-width: 430px;
	top: 100%;
	left: 0;
	z-index: 1;
}
.comSchBox01 .hidCateLstBox .btnBox { 
	display:flex;
	align-items:center;
	gap:12px;
	padding:15px 16px 13px;
	background: #FFF;
}
.comSchBox01 .hidCateLstBox .btnBox .swiper-slide { 
	width: auto;
}
.comSchBox01 .hidCateLstBox .btnBox .hidCate { 
	flex-shrink:0;
	display:block;
	padding:10px 16px;
	background: #FFF6E8;
	border-radius: 1000px;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: -.3px;
	color: #E2502B;
}
.comSchBox01 .hidCateLstBox .btnBox .hidCate.on { 
	font-weight: 700;
	background: #F53709;
	color: #FFF;
}
.comSchRstBox01 { 
	padding:16px;
}
.comSchRstBox01 .topBox { 
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	margin:0 0 16px;
}
.comSchRstBox01 .topBox .rstNum01 { 
	font-weight: 700; 
	font-size: 20px;
	letter-spacing: -.3px;
	color: #424242;
}
.comSchRstBox01 .topBox .rstNum01 span { 
	color: #4F46E5;
}
.comSchRstBox01 .topBox .rstCateBox { 
	display:flex;
	gap:6px;
}
.comSchRstBox01 .topBox .rstCateBox .rstCate { 
	display:block; 
	width: 20px;
	height: 20px;
	background-repeat:no-repeat;
	background-size:cover;
}
.comSchRstBox01 .topBox .rstCateBox .rstCate.stList { 
	background-image: url(/Form/_renew_vue/images/comRstCateList01_off.svg); 
}
.comSchRstBox01 .topBox .rstCateBox .rstCate.stList.on { 
	background-image: url(/Form/_renew_vue/images/comRstCateList01_on.svg); 
}
.comSchRstBox01 .topBox .rstCateBox .rstCate.stCard { 
	background-image: url(/Form/_renew_vue/images/comRstCateCard01_off.svg); 
}
.comSchRstBox01 .topBox .rstCateBox .rstCate.stCard.on { 
	background-image: url(/Form/_renew_vue/images/comRstCateCard01_on.svg); 
}
.comSchRstBox01 .ipt01 { 
	padding:8px 15px 7px;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	font-size: 13px;
	color: #424242;
}
.comSchRstBox01 select.ipt01 {
	padding-right:27px;
	appearance: none;
	background: url(/Form/_renew_vue/images/mapSelect01.svg) no-repeat center right 17px;
}
.comSchRstBox01 .rstLst01 li { 
	position:relative;
	margin:0 0 16px;
}
.comSchRstBox01 .rstLst01 li:last-child { 
	margin:0;
}
.comSchRstBox01 .rstLst01 .lstLnk {
	position:relative; 
	display:flex;
	align-items:flex-start;
	gap:10px;
	width: 100%;
	padding:16px 15px;
	border:1px solid #F0F0F0;
	border-radius: 15px;
	z-index: 1;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkImg {
	flex-shrink:0;
	position:relative; 
	width: 96px;
	height: 96px;
	background: #D9D9D9;
	border-radius: 10px;
	font-size: 0;
	overflow: hidden;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkImg img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkBox { 
	flex-grow:1;
	min-width: 0;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkCate01,
.comSchRstBox01 .rstLst01 .lstLnk .lnkTit01,
.comSchRstBox01 .rstLst01 .lstLnk .lnkTxt01,
.comSchRstBox01 .rstLst01 .lstLnk .lnkTxt02 { 
	display:block; 
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkCate01 { 
	margin:0 0 7px;
	padding:0 24px 0 0;
	font-size: 13px;
	color: #5D5FEF;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkCateBox01 { 
	display:block;
	margin:0 0 7px;
	padding:0 24px 0 0;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkCateBox01 .cate {
	display:inline-block;
	padding:1px 6px;
	background: #EEEEFF;
	border-radius: 5px;
	font-size: 14px;
	color: #5D5FEF;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkCateBox01 .cate.st01 { background: #FFF0E0; color: #E67700; }
.comSchRstBox01 .rstLst01 .lstLnk .lnkCateBox01 .cate.st02 { background: #FFF5E6; color: #B8860B; }
.comSchRstBox01 .rstLst01 .lstLnk .lnkCateBox01 .cate.st03 { background: #F3E8FF; color: #7C3AED; }
.comSchRstBox01 .rstLst01 .lstLnk .lnkCateBox01 .cate.st04 { background: #E8F5E9; color: #2E7D32; }
.comSchRstBox01 .rstLst01 .lstLnk .lnkCateBox01 .cate.st05 { background: #E3F2FD; color: #1565C0; }
.comSchRstBox01 .rstLst01 .lstLnk .lnkCateBox01 .cate.st06 { background: #FCE4EC; color: #C2185B; }
.comSchRstBox01 .rstLst01 .lstLnk .lnkCateBox01 .cate.st07 { background: #E0F7FA; color: #00838F; }
.comSchRstBox01 .rstLst01 .lstLnk .lnkCateBox01 .cate.st08 { background: #EFEBE9; color: #5D4037; }
.comSchRstBox01 .rstLst01 .lstLnk .lnkTit01 { 
	margin:0 0 6px;
	font-weight: 500;
	font-size: 16px;
	color: #212121;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkTxt01 {
	font-size: 13px;
	color: #424242;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkTxt02 { 
	font-size: 14px;
	color: #424242;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkScore { 
	position:relative;
	display:block;
	padding:0 0 0 26px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.18px;
	color: #424242;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkScore:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: -1px;
	left: 0;
	background:url(/Form/_renew_vue/images/mPdcSwipeStar01.svg) no-repeat;
	background-size:cover;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkScore .gTxt01 { 
	margin:0 0 0 7px;
	font-weight: 400;
	font-size: 13px;
	color: #797979;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkBtmBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:5px 0 0;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkBtmBox .btmLBox { 
	display:flex;
	align-items:center;
	gap:4px;
	max-width: 100%;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkBtmBox .lnkScore { 
	flex-shrink:0;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkDist { 
	position:relative;
	display:inline-block;
	padding:0 0 0 6px;
	font-size: 14px;
	letter-spacing: -.18px;
	color: #424242;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkDist:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top: 4px;
	left: 0;
	background: #DBDBDB;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkDist span { 
	position:relative;
	margin:0 6px 0 0;
	padding:0 8px 0 0;
	font-weight: 500;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkDist span:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top: 50%;
	right: 0;
	margin:-6px 0 0;
	background: #DBDBDB;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkPer { 
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -.18px;
	color: #E2502B;
}
.comSchRstBox01 .rstLst01 .lstZzim {
	position:absolute; 
	display:block;
	width: 24px;
	height: 24px;
	top: 13px;
	right: 16px;
	background:url(/Form/_renew_vue/images/comHeart01_off.svg) no-repeat center center;
	z-index: 1;
	transition:all .2s ease;
}
.comSchRstBox01 .rstLst01 .lstZzim.stUp { 
	width: 24px; 
	height: 24px;
	top: -5px;
	right: -1px;
}
.comSchRstBox01 .rstLst01 .lstZzim.on {
	background-image: url(/Form/_renew_vue/images/comHeart01_on.svg);
}
.comSchRstBox01 .rstLst01 .lnkPlace01 { 
	position:relative;
	padding:0 0 0 10px;
	font-size: 13px;
	line-height: 1;
	color: #797979;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;	
}
.comSchRstBox01 .rstLst01 .lnkPlace01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top: 1px;
	left: 0;
	background: #DBDBDB;
}
.comSchRstBox01 .rstLst01 .lstAddBtn01 {
	flex-shrink:0;
	position:relative;
	display:block;
	width: 24px;
	height: 24px;
	background:url(/Form/_renew_vue/images/comRstLst01_plus01.svg) no-repeat center;
	border:1px solid #F0F0F0;
	border-radius: 50%;
}
.comSchRstBox01 .rstLst01 .lstAddBtn01.on { 
	background-color: #EEEEFF;
	background-image:url(/Form/_renew_vue/images/comRstLst01_check01.svg);
	border-color:#EEEEFF;
}
.comSchRstBox01 .rstLst01 .lnkTopBox { 
	display:flex;
	align-items:center;
	gap:10px;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkTopBox .lnkCateBox01 { 
	flex-grow:1;
	padding:0;
	min-width: 0;
}
.comSchRstBox01 .rstLst01 .lnkTopBox .lstZzim { 
	flex-shrink:0;
	position:relative;
	top: auto;
	right: auto;
}
.comSchRstBox01 * + .rstLst01 { 
	margin-top:16px;
}
.comSchRstBox01 .rstLst02 { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.comSchRstBox01 .rstLst02 li { 
	width: calc((100% - 12px)/2); 
}
.comSchRstBox01 .rstLst02 .lstLnk { 
	display:block; 
}
.comSchRstBox01 .rstLst02 .lstLnk > span { 
	display:block; 
}
.comSchRstBox01 .rstLst02 .lstLnk .lnkImg { 
	position:relative; 
	margin:0 0 9px;
	padding:80.81% 0 0;
	background: #D9D9D9;
	border-radius: 10px;
	font-size: 0;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	overflow: hidden;
}
.comSchRstBox01 .rstLst02 .lstLnk .lnkImg img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.comSchRstBox01 .rstLst02 .lstLnk .lnkTit01,
.comSchRstBox01 .rstLst02 .lstLnk .lnkTxt01 { 
	letter-spacing: -.18px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.comSchRstBox01 .rstLst02 .lstLnk .lnkTit01 { 
	margin:0 0 8px;
	font-weight: 700;
	font-size: 1em;
	color: #212121;
}
.comSchRstBox01 .rstLst02 .lstLnk .lnkTxt01 { 
	margin:0 0 9px;
	font-size: 14px; 
	color: #666;
}
.comSchRstBox01 .rstLst02 .lstLnk .numBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 9px;
}
.comSchRstBox01 .rstLst02 .lstLnk .numBox .star { 
	position:relative;
	display:block;
	padding:0 0 0 26px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.18px;
	color: #424242;
}
.comSchRstBox01 .rstLst02 .lstLnk .numBox .star:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: -1px;
	left: 0;
	background:url(/Form/_renew_vue/images/mPdcSwipeStar01.svg) no-repeat;
	background-size:cover;
}
.comSchRstBox01 .rstLst02 .lstLnk .numBox .star .gTxt01 { 
	margin:0 0 0 7px;
	font-weight: 400;
	font-size: 13px;
	color: #797979;
}
.comSchRstBox01 .rstLst02 .lstLnk .numBox .per { 
	font-weight: 700; 
	font-size: 18px;
	letter-spacing: -.18px;
	color: #E2502B;
}
.comSchRstBox01 .rstLst01.stOff,
.comSchRstBox01 .rstLst02.stOff { 
	display:none;
}
.comSchRstBox01 .rstLst03 li { 
	position:relative;
}
.comSchRstBox01 .rstLst03 .lstLnk01 { 
	position:relative;
	display:flex;
	align-items:flex-start;
	gap:8px;
	padding:12px 0 15px;
}
.comSchRstBox01 .rstLst03 .lstLnk01 .lnkImg { 
	flex-shrink:0;
	position:relative;
	display:block;
	width: 157px;
	height: 120px;
	margin:5px 0 0;
	border:2px solid #5D5FEF;
	border-radius: 10px;
	overflow: hidden;
}
.comSchRstBox01 .rstLst03 .lstLnk01 .lnkImg img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	z-index: 1;
}
.comSchRstBox01 .rstLst03 .lstLnk01 .lnkPer01 { 
	position:absolute; 
	display:block;
	top: 0;
	right: 7px;
	padding:5px 5px 10px;
	background: #5D5FEF;
	border-radius: 0 0 15px 15px;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: -.03em;
	color: #FFF;
	z-index: 2;
}
.comSchRstBox01 .rstLst03 .lstLnk01 .lnkPer01 em { 
	font-style:normal;
	font-size: 18px;
}
.comSchRstBox01 .rstLst03 .lstLnk01 .lnkConBox { 
	flex-grow:1;
	gap:10px;
	min-width: 0;
}
.comSchRstBox01 .rstLst03 .lstLnk01 .lnkTopBox {
	display:flex;
	align-items:flex-end;
	gap:10px;
	margin:0 0 8px;
	padding:0 40px 0 0;
}
.comSchRstBox01 .rstLst03 .lstLnk01 .lnkTit01 { 
	display:block;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -.03em;
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.comSchRstBox01 .rstLst03 .lstLnk01 .lnkCate01 { 
	flex-shrink:0;
	display:block;
	font-size: 13px;
	letter-spacing: -.03em;
	color: #5D5FEF;
}
.comSchRstBox01 .rstLst03 .lstLnk01 .lnkTxt01 { 
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 63px;
	margin:0 0 10px;
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: -.03em;
	color: #424242;
	word-break:break-all;
	text-overflow: ellipsis;
	overflow: hidden;
}
.comSchRstBox01 .rstLst03 .lstLnk01 .lnkBtmBox { 
	display:flex;
	align-items:center;
	gap:4px;
}
.comSchRstBox01 .rstLst03 .lstLnk01 .lnkStat01 { 
	display:block;
	font-size: 0;
}
.comSchRstBox01 .rstLst03 .lstLnk01 .lnkScore01 { 
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.03em;
	color: #424242;
}
.comSchRstBox01 .rstLst03 .lstLnk01 .lnkScore01 .gTxt01 { 
	font-weight: 400;
	color: #797979;
}
.comSchRstBox01 .rstLst03 .lstZzim01 { 
	position:absolute; 
	display:block; 
	width: 20px;
	height: 20px;
	top: 16px;
	right: 15px;
	background:url(/Form/_renew_vue/images/comHeart02_off.svg) no-repeat center / cover;
	z-index: 1;
}
.comSchRstBox01 .rstLst03 .lstZzim01.on { 
	background-image:url(/Form/_renew_vue/images/comHeart01_on.svg);
}
.comSchRstBox01 .rstBtmBox { 
	margin:21px 0 0;
	text-align: center;
}
.comSchRstBox01 .rstBtmBox .btnRstAdd { 
	display:inline-block;
	padding:15px 20px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 100px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.25);
}
.comSchRstBox01 .rstBtmBox .btnRstAdd span {
	position:relative; 
	display:block;
	padding:0 16px 0 0;
	font-weight: 500;
	font-size: 14px;
	color: #424242;
}
.comSchRstBox01 .rstBtmBox .btnRstAdd span:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 50%;
	right: 0;
	margin:-5px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #424242;
	border-right:2px solid #424242;
}
.comSchRstBox01 .noDataBox { 
	width: 100%;
	padding:48px 0;
	text-align: center;
}
.comSchRstBox01 .noDataBox .imgBox { 
	width: 102px;
	margin:0 auto 16px;
	font-size: 0;
}
.comSchRstBox01 .noDataBox .imgBox img { 
	max-width: 100%; 
}
.comSchRstBox01 .noDataBox .txt01 { 
	font-size: 15px;
	color: #797979;
}
/* 공통 검색 영역 끝
------------------------------------------------------ */
/* 페이징 시작
------------------------------------------------------ */
.comPageBox {
	display:flex;
	justify-content:center;
	margin:24px 0 0;
}
.comPageBox .btn {
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 32px;
	height: 32px;
	border-radius: 10px;
	font-size: 13px;
	line-height: 1;
	text-align: center;
	color: #424242;
}
.comPageBox .btn.on { 
	background: #5D5FEF;
	font-weight: 500;
	color: #FFF;
}
.comPageBox .btn.stArrow { 
	position:relative;
	background: #F0F0F0;
	font-size: 0;
}
.comPageBox .btn.stArrow:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	left: 50%;
	border-top:2px solid #797979;
	border-right:2px solid #797979;
}
.comPageBox .btn.stArrow.stPrev:before { 
	margin:-3px 0 0 -2px;
	transform:rotate(-135deg);
}
.comPageBox .btn.stArrow.stNext:before { 
	margin:-3px 0 0 -6px;
	transform:rotate(45deg);
}
.comPageBox .btn.stArrow + .btn.stNum,
.comPageBox .btn.stNum + .btn.stArrow { 
	margin:0 0 0 12px;
}
/* 페이징 끝
------------------------------------------------------ */
/* GPU 가속 및 성능 최적화
------------------------------------------------------ */
.swiper-slide,
.comPopBg,
.wrapper {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

/* 접근성: 모션 감소 선호 사용자 대응 */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* 터치 스크롤 최적화 */
.wrapper,
.mCustomScrollBox {
	-webkit-overflow-scrolling: touch;
}
/* GPU 가속 및 성능 최적화 끝
------------------------------------------------------ */

/* 페이지 전환 애니메이션 시작
------------------------------------------------------ */
/* 로딩 바 (상단 프로그레스 바) */
.page-loading-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 3px;
	background: linear-gradient(90deg, #5c5eed, #9899ef);
	z-index: 9999;
	transition: width 0.3s ease;
	pointer-events: none;
}
.page-loading-bar.active {
	width: 70%;
}
.page-loading-bar.complete {
	width: 100%;
	transition: width 0.1s ease;
}

/* 페이지 진입 애니메이션 */
.wrapper {
	animation: pageIn 0.2s ease-out;
}
@keyframes pageIn {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 페이지 이탈 애니메이션 */
body.page-leaving .wrapper {
	animation: pageOut 0.15s ease-in forwards;
}
@keyframes pageOut {
	to {
		opacity: 0;
	}
}

/* 모션 감소 선호 사용자는 페이지 전환 애니메이션도 제거 */
@media (prefers-reduced-motion: reduce) {
	.wrapper {
		animation: none;
	}
	body.page-leaving .wrapper {
		animation: none;
	}
	.page-loading-bar {
		transition: none;
	}
}
/* 페이지 전환 애니메이션 끝
------------------------------------------------------ */

/* View Transitions API 스타일 (Phase 2)
------------------------------------------------------ */
@view-transition {
	navigation: auto;
}

/* 기본 페이지 전환 애니메이션 */
::view-transition-old(root) {
	animation: vt-fade-out 0.15s ease-out both;
}
::view-transition-new(root) {
	animation: vt-fade-in 0.2s ease-out both;
}

@keyframes vt-fade-out {
	to {
		opacity: 0;
		transform: scale(0.98);
	}
}
@keyframes vt-fade-in {
	from {
		opacity: 0;
		transform: scale(1.02);
	}
}

/* 헤더와 네비게이션은 전환 시 유지 */
header,
.comHeader {
	view-transition-name: header;
}
nav,
.btmNav {
	view-transition-name: nav;
}

/* 헤더/네비는 전환 애니메이션 없이 유지 */
::view-transition-old(header),
::view-transition-new(header),
::view-transition-old(nav),
::view-transition-new(nav) {
	animation: none;
}

/* 모션 감소 선호 사용자는 View Transitions도 비활성화 */
@media (prefers-reduced-motion: reduce) {
	::view-transition-old(root),
	::view-transition-new(root) {
		animation: none;
	}
}
/* View Transitions API 스타일 끝
------------------------------------------------------ */