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

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
	line-height:1.3;
	word-break:keep-all;
	scrollbar-width:none;
}
::-webkit-scrollbar {
    display: none;
}
html, body { 
	position:relative; 
	width: 100%;
	overflow-x:hidden;
	overscroll-behavior: none;
}
body { 
	font-family: Noto Sans KR, sans-serif;
	font-weight:400;
}
a { 
	text-decoration:none; 
}
li { 
	list-style:none; 
}
button, input, textarea, select { 
	background: transparent; 
	border:none;
	font-family: Noto Sans KR, sans-serif;
}
label, button, a {
	cursor:pointer; 
}
input, textarea { 
	display:block; 
	min-width: 0; 
	outline:none; 
}
button { 
	text-align: left; 
}
textarea { 
	resize:none;
}
table { 
	width:100%;
	table-layout:fixed; 
	border-spacing:0;
	border-collapse:collapse; 
}

.wrapper { 
	position:relative; 
	width: 100%;
	min-width: 20rem;
	max-width: 26.875rem;
	min-height: 100dvh;
	margin:0 auto;
	padding:0 0 4.5rem;
}
.wrapper.notPadBtm {
	height: 100dvh;
	padding:0;
	overflow: hidden;
}
.wrapper.notPadBtmScr { 
	padding:0;
}
.cTit01 { 
	margin:0 0 .75rem;
	padding:0 1rem;
	font-weight: 700; 
	font-size: 1.25rem;
	letter-spacing: -.3px;
	color: #212121;
}
.cTit02 { 
	padding:0 1rem;
	font-weight: 700; 
	font-size: 1.125rem;
	letter-spacing: -.3px;
	color: #212121;
}
.inner { 
	padding:0 1rem;
}
.subComWr {
	min-height: calc(100dvh - 4.5rem);
	padding:3rem 0 0;
}
.subComBox { 
	padding:1.5rem 1rem;
}
.comPopBg { 
	position:fixed;
	display:none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(33,33,33,.7);
	z-index: 999; 
}
.comPopBg.stWhite { 
	background: rgba(255,255,255,.6); 
}
.comPopBox01 { 
	position:absolute; 
	width: 22.5rem;
	max-width: 83.72%; 
	top:50%;
	left: 50%;
	padding:1.5rem;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: .9375rem;
	text-align: center; 
}
.comPopBox01 .imgBox {
	width: 2.375rem;
	margin:0 auto 1.0625rem;
	font-size: 0;
}
.comPopBox01 .imgBox img { 
	max-width: 100%; 
}
.comPopBox01 .txt01 { 
	margin:0 0 .8125rem;
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: -.3px;
	color: #424242;
}
.comPopBox01 .txt02 { 
	font-weight: 500; 
	font-size:.875rem;
	letter-spacing: -.3px;
	color: #797979;
}
.comPopBox01 .ipt {
	padding:.9375rem .9375rem .875rem;
	border:1px solid #F0F0F0;
	border-radius: .625rem;
	font-size: .875rem;
	letter-spacing: -.3px;
	color: #424242;
}
.comPopBox01 .ipt::placeholder { 
	color: #424242; 
}
.comPopBox01 .ipt.fullWid { 
	width: 100%; 
}
.comPopBox01 .txt02 + .ipt { 
	margin-top:1.125rem;
}
.comPopBox01 .btmBox { 
	display:flex;
	gap:.75rem;
	margin:1.6875rem 0 0;
}
.comPopBox01 .btmBox .btn { 
	display:block; 
	width: calc((100% - .75rem)/2);
	padding:.875rem .875rem .9375rem;
	border-radius: .625rem;
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: -.3px;
	text-align: center;
}
.comPopBox01 .btmBox .btn.st01 { 
	background: #EDEDED;
	color: #797979;
}
.comPopBox01 .btmBox .btn.st02 { 
	background: #8A2BE2;
	color: #FFF;
}
.comPopBox01 .btmBox .btn.fullWid { 
	width: 100%; 
}

/* 헤더 시작
------------------------------------------------------ */
header { 
	position:absolute;
	width: 100%;
	height: 3rem;
	top: 0;
	left: 0;
	z-index: 10;
}
header .mHeaderBox {
	display:flex;
	align-items:center; 
	justify-content:space-between;
	height: 100%;
	padding:.75rem .625rem;	
	border-bottom:1px solid rgba(255,255,255,.2);
}
header .mHeaderBox .logo { 
	width: 8.125rem; 
}
header .mHeaderBox .logo a { 
	display:block; 
	font-size: 0;
}
header .mHeaderBox .logo a img { 
	max-width: 100%; 
}
header .mHeaderBox .lnk { 
	display:block; 
	width: 1.5rem;
	height: 1.5rem;
	font-size: 0;
}
header .mHeaderBox .lnk img { 
	max-width: 100%; 
}
header .mHeaderBox.stWhite { 
	background: #FFF; 
}
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 {
	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/_guest/basic/images/navIco01_off.svg); 
}
nav .navLnk.navLnk01.on .lnkCon:before { 
	background-image: url(/Form/_guest/basic/images/navIco01_on.svg); 
}
nav .navLnk.navLnk02 .lnkCon:before { 
	background-image: url(/Form/_guest/basic/images/navIco02_off.svg); 
}
nav .navLnk.navLnk02.on .lnkCon:before { 
	background-image: url(/Form/_guest/basic/images/navIco02_on.svg); 
}
nav .navLnk.navLnk03 .lnkCon:before { 
	background-image: url(/Form/_guest/basic/images/navIco03_off.svg); 
}
nav .navLnk.navLnk03.on .lnkCon:before { 
	background-image: url(/Form/_guest/basic/images/navIco03_on.svg); 
}
nav .navLnk.navLnk04 .lnkCon:before { 
	background-image: url(/Form/_guest/basic/images/navIco04_off.svg); 
}
nav .navLnk.navLnk04.on .lnkCon:before { 
	background-image: url(/Form/_guest/basic/images/navIco04_on.svg); 
}
nav .navLnk.navLnk05 .lnkCon:before { 
	background-image: url(/Form/_guest/basic/images/navIco05_off.svg); 
}
nav .navLnk.navLnk05.on .lnkCon:before { 
	background-image: url(/Form/_guest/basic/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%; 
	}
}
/* 네비 끝
------------------------------------------------------ */
/* 페이징 시작
------------------------------------------------------ */
.comPageBox {
	display:flex;
	justify-content:center;
	margin:1.5rem 0 0;
}
.comPageBox .btn {
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 2rem;
	height: 2rem;
	border-radius: .625rem;
	font-size: .8125rem;
	letter-spacing:-.3px;
	line-height: 1;
	text-align: center;
}
.comPageBox .btn.on { 
	background: #8A2BE2;
	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: .5rem;
	height: .5rem;
	top: 50%;
	left: 50%;
	border-top:.125rem solid #797979;
	border-right:.125rem solid #797979;
}
.comPageBox .btn.stArrow.stPrev:before { 
	margin:-.1875rem 0 0 -.125rem;
	transform:rotate(-135deg);
}
.comPageBox .btn.stArrow.stNext:before { 
	margin:-.1875rem 0 0 -.375rem;
	transform:rotate(45deg);
}
.comPageBox .btn.stArrow + .btn.stNum,
.comPageBox .btn.stNum + .btn.stArrow { 
	margin:0 0 0 .75rem;
}
/* 페이징 끝
------------------------------------------------------ */
/* 공통 검색 영역 시작
------------------------------------------------------ */
.comSchBox01 { 
	position:relative; 
	z-index: 2;
}
.comSchBox01 .schBox01 { 
	position:relative;
	padding:1rem;
	background: #FFF;
}
.comSchBox01 .schBox01 .ipt { 
	width: 100%;
	padding:.9375rem 2.5rem .9375rem .9375rem;
	background: #FCF6FF;
	border:1px solid #E9DFEB;
	border-radius: .625rem;
	font-size: .875rem;
	letter-spacing:-.3px;
	color: #424242;
}
.comSchBox01 .schBox01 .ipt::placeholder { 
	color: #424242; 
}
.comSchBox01 .schBox01 .btn { 
	position:absolute; 
	display:block; 
	top: 50%;
	right: 2.0625rem;
	transform:translateY(-50%);
	font-size: 0;
}
.comSchBox01 .schBox01 .btn img { 
	max-width: 100%;
}
.comSchBox01 .schBox01.onFixed { 
	position:fixed; 
	width: 100%;
    min-width: 20rem;
    max-width: 26.875rem;
	top: 0;
	left: 50%;
	transform:translateX(-50%);
	border-bottom:2px solid #EDEDED;
	z-index: 10;
}
.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: 4.5rem !important;
}
.comSchBox01 .schCateBox01 .schCate { 
	position:relative; 
	display:block;
	width: 4.5rem;
	padding:0 0 .6875rem;
	text-align: center;
}
.comSchBox01 .schCateBox01 .schCate span { 
	display:block;
}
.comSchBox01 .schCateBox01 .schCate .btnIco { 
	margin:0 auto .25rem;
	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: #8A2BE2;
}
.comSchBox01 .schCate .btnTxt01 { 
	font-weight: 500;
	font-size: .875rem;
	letter-spacing:-.3px;
	color: #424242;
}
.comSchBox01 .hidCateLstBox { 
	position:absolute; 
	display:none;
    width: 100%;
    min-width: 20rem;
    max-width: 26.875rem;
	top: 100%;
	left: 0;
	padding:.9375rem 1rem .8125rem;
	background: #F8F0FF;
	z-index: 1;
}
.comSchBox01 .hidCateLstBox .btnBox { 
	display:flex;
	align-items:center;
	gap:.8125rem;
}
.comSchBox01 .hidCateLstBox .btnBox .hidCate { 
	display:block;
	font-weight: 500;
	font-size: .8125rem;
	letter-spacing: -.3px;
	color: #424242;
}
.comSchBox01 .hidCateLstBox .btnBox .hidCate.on { 
	font-weight: 700;
	color: #8A2BE2;
}
.comSchRstBox01 { 
	padding:1rem;
}
.comSchRstBox01 .topBox { 
	display:flex;
	justify-content:space-between;
	gap:.5rem;
	margin:0 0 1rem;
}
.comSchRstBox01 .topBox .rstNum01 { 
	font-weight: 700; 
	font-size: .9375rem;
	letter-spacing: -.3px;
	color: #424242;
}
.comSchRstBox01 .topBox .rstNum01 span { 
	color: #8A2BE2; 
}
.comSchRstBox01 .topBox .rstCateBox { 
	display:flex;
	gap:.375rem;
}
.comSchRstBox01 .topBox .rstCateBox .rstCate { 
	display:block; 
	width: 1.25rem;
	height: 1.25rem;
	background-repeat:no-repeat;
	background-size:cover;
}
.comSchRstBox01 .topBox .rstCateBox .rstCate.stList { 
	background-image: url(/Form/_guest/basic/images/comRstCateList01_off.svg); 
}
.comSchRstBox01 .topBox .rstCateBox .rstCate.stList.on { 
	background-image: url(/Form/_guest/basic/images/comRstCateList01_on.svg); 
}
.comSchRstBox01 .topBox .rstCateBox .rstCate.stCard { 
	background-image: url(/Form/_guest/basic/images/comRstCateCard01_off.svg); 
}
.comSchRstBox01 .topBox .rstCateBox .rstCate.stCard.on { 
	background-image: url(/Form/_guest/basic/images/comRstCateCard01_on.svg); 
}
.comSchRstBox01 .rstLst01 li { 
	position:relative;
	margin:0 0 1.125rem;
}
.comSchRstBox01 .rstLst01 li:last-child { 
	margin:0;
}
.comSchRstBox01 .rstLst01 li:last-child .lstLnk { 
	padding:0;
	border-bottom:none;
}
.comSchRstBox01 .rstLst01 .lstLnk {
	position:relative; 
	display:flex;
	align-items:flex-start;
	gap:.75rem;
	width: 100%;
	padding:0 0 .75rem;
	letter-spacing: -.18px;
	border-bottom:1px solid #EDEDED;
	z-index: 1;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkImg {
	flex-shrink:0;
	position:relative; 
	width: 7.375rem;
	height: 7.375rem;
	margin:.125rem 0 0;
	border-radius: .625rem;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-size: 0;
	overflow: hidden;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkImg img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkBox { 
	width: calc(100% - 8.125rem); 
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkCate01,
.comSchRstBox01 .rstLst01 .lstLnk .lnkTit01,
.comSchRstBox01 .rstLst01 .lstLnk .lnkTxt01 { 
	display:block; 
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkCate01 { 
	margin:0 0 .4375rem;
	padding:0 1.5rem 0 0;
	font-size: .8125rem;
	color: #8A2BE2;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkTit01 { 
	margin:0 0 .375rem;
	font-weight: 700;
	font-size: 1rem;
	color: #212121;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkTxt01 {
	margin:0 0 .5625rem;
	font-size: .875rem;
	color: #666;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkScore { 
	position:relative;
	display:block;
	margin:0 0 .5rem;
	padding:0 0 0 1.625rem;
	font-weight: 700;
	font-size: .9375rem;
	color: #424242;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkScore:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1.25rem;
	height: 1.25rem;
	top: -1px;
	left: 0;
	background:url(/Form/_guest/basic/images/mPdcSwipeStar01.svg) no-repeat;
	background-size:cover;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkScore .gTxt01 { 
	margin:0 0 0 .4375rem;
	font-weight: 400;
	font-size: .8125rem;
	color: #797979;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkBtmBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:.5rem;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkDist { 
	font-size: .875rem; 
	color: #424242;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkDist span { 
	position:relative;
	margin:0 .375rem 0 0;
	padding:0 .5rem 0 0;
	font-weight: 500;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkDist span:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: .75rem;
	top: 50%;
	right: 0;
	margin:-6px 0 0;
	background: #DBDBDB;
}
.comSchRstBox01 .rstLst01 .lstLnk .lnkPer { 
	font-weight: 700;
	font-size: 1.125rem;
	color: #E2502B;
}
.comSchRstBox01 .rstLst01 .lstZzim {
	position:absolute; 
	display:block;
	width: 1.5rem;
	height: 1.5rem;
	top: -.1875rem;
	right: 0;
	background:url(/Form/_guest/basic/images/comHeart01_off.svg) no-repeat center center;
	z-index: 1;
	transition:all .2s ease;
}
.comSchRstBox01 .rstLst01 .lstZzim.stUp { 
	width: 1.5rem; 
	height: 1.5rem;
	top: -.32rem;
	right: -.09rem;
}
.comSchRstBox01 .rstLst01 .lstZzim.on {
	background-image: url(/Form/_guest/basic/images/comHeart01_on.svg);
}
.comSchRstBox01 .rstLst02 { 
	display:flex;
	flex-wrap:wrap;
	gap:.75rem;
}
.comSchRstBox01 .rstLst02 li { 
	width: calc((100% - .75rem)/2); 
}
.comSchRstBox01 .rstLst02 .lstLnk { 
	display:block; 
}
.comSchRstBox01 .rstLst02 .lstLnk > span { 
	display:block; 
}
.comSchRstBox01 .rstLst02 .lstLnk .lnkImg { 
	position:relative; 
	margin:0 0 .5625rem;
	padding:80.81% 0 0;
	border-radius: .625rem;
	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%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.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 .5rem;
	font-weight: 700;
	font-size: 1em;
	color: #212121;
}
.comSchRstBox01 .rstLst02 .lstLnk .lnkTxt01 { 
	margin:0 0 .5625rem;
	font-size: .875rem; 
	color: #666;
}
.comSchRstBox01 .rstLst02 .lstLnk .numBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:.5rem;
	margin:0 0 .5625rem;
}
.comSchRstBox01 .rstLst02 .lstLnk .numBox .star { 
	position:relative;
	display:block;
	padding:0 0 0 1.625rem;
	font-weight: 700;
	font-size: .9375rem;
	letter-spacing: -.18px;
	color: #424242;
}
.comSchRstBox01 .rstLst02 .lstLnk .numBox .star:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1.25rem;
	height: 1.25rem;
	top: -1px;
	left: 0;
	background:url(/Form/_guest/basic/images/mPdcSwipeStar01.svg) no-repeat;
	background-size:cover;
}
.comSchRstBox01 .rstLst02 .lstLnk .numBox .star .gTxt01 { 
	margin:0 0 0 .4375rem;
	font-weight: 400;
	font-size: .8125rem;
	color: #797979;
}
.comSchRstBox01 .rstLst02 .lstLnk .numBox .per { 
	font-weight: 700; 
	font-size: 1.125rem;
	letter-spacing: -.18px;
	color: #E2502B;
}
.comSchRstBox01 .rstLst01.stOff,
.comSchRstBox01 .rstLst02.stOff { 
	display:none;
}
.comSchRstBox01 .rstBtmBox { 
	margin:1.3125rem 0 0;
	text-align: center;
}
.comSchRstBox01 .rstBtmBox .btnRstAdd { 
	display:inline-block;
	padding:.9375rem 1.25rem;
	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 1rem 0 0;
	font-weight: 500;
	font-size: .875rem;
	color: #424242;
}
.comSchRstBox01 .rstBtmBox .btnRstAdd span:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: .625rem;
	height: .625rem;
	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:3rem 0;
	text-align: center;
}
.comSchRstBox01 .noDataBox .imgBox { 
	width: 6.375rem;
	margin:0 auto 1rem;
	font-size: 0;
}
.comSchRstBox01 .noDataBox .imgBox img { 
	max-width: 100%; 
}
.comSchRstBox01 .noDataBox .txt01 { 
	font-size: .9375rem;
	color: #797979;
}
/* 공통 검색 영역 끝
------------------------------------------------------ */