@charset "utf-8";

/* 메인 시작
------------------------------------------------------ */
.mBnrWr {
	margin:0 0 145px;
	background: url(/Form/_guest/basic/images/mBnrBg01.png) no-repeat;
	background-size:cover;
}
.mBnrWr .inner { 
	position:relative;
	padding:115px 500px 109px 0;
}
.mBnrWr .txt01 { 
	margin:0 0 22px;
	font-family: GongGothicLight;
	font-size: 28px;
	color: #64B5F6;
}
.mBnrWr .txt01 .stLight { 
	margin:0 6px 0 0;
}
.mBnrWr .txt01 .stBold { 
	position:relative;
	font-family: GongGothicBold; 
}
.mBnrWr .txt01 .stBold:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 46px;
	height: 46px;
	top: 50%;
	left: 50%;
	margin:-23px 0 0 -23px;
	background: #FFF;
	border-radius: 50%;
}
.mBnrWr .txt01 .stBold em { 
	position:relative;
	font-style: normal; 
	z-index: 1;
}
.mBnrWr .txt01 .stBold + .stBold { 
	margin:0 0 0 7px;
}
.mBnrWr .txt02 { 
	font-family: GmarketSansMedium;
	font-size: 48px;
	line-height: 1.2;
	letter-spacing: -1px;
	color: #424242;
}
.mBnrWr .txt02 span { 
	font-family: GmarketSansBold;
	color: #4A75FF;
}
.mBnrWr .txt03 { 
	margin:0 0 103px;
	font-family: GmarketSansBold;
	font-size: 64px;
	letter-spacing: -1px;
	color: #1565C0;
}
.mBnrWr .txt03 span { 
	position:relative;
	font-size: 1.125em;	
}
.mBnrWr .txt03 span:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 47px;
	bottom: 11px;
	left: 0;
	background: #FFF9C4;
	border-radius: 20px
}
.mBnrWr .txt03 span em { 
	position:relative; 
	font-style: normal;
	z-index: 1;
}
.mBnrWr .lnk { 
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	padding:21px 35px 20px;
	background: #31A5FF;
	border:1px solid #31A5FF;
	border-radius: 100px;
	transition:all .3s ease;
}
.mBnrWr .lnk:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 36px;
	height: 36px;
	background:url(/Form/_guest/basic/images/mBnrLnk01_off.svg) no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.mBnrWr .lnk .lnkTxt { 
	font-family: GongGothicMedium;
	font-size: 32px;
	color: #FFF;
	transition:all .3s ease;
}
.mBnrWr .lnk:focus,
.mBnrWr .lnk:hover { 
	background: #FFF; 
}
.mBnrWr .lnk:focus:before,
.mBnrWr .lnk:hover:before { 
	background-image: url(/Form/_guest/basic/images/mBnrLnk01_on.svg); 
}
.mBnrWr .lnk:focus .lnkTxt,
.mBnrWr .lnk:hover .lnkTxt { 
	color: #31A5FF;
}
.mBnrWr .imgBox { 
	position:absolute;
	max-width: 100%;
	bottom: 0;
	right: 0;
	font-size: 0;
}
.mBnrWr .imgBox img { 
	max-width: 100%; 
}
.mSalesWr {
	margin:0 0 120px;
}
.mSalesWr .salesLst { 
	margin:0 0 120px;
	counter-reset: mSalesNum 0; 
}
.mSalesWr .salesLst li { 
	margin:0 0 50px;
}
.mSalesWr .salesLst li .lstBox { 
	display:inline-flex;
	align-items:center;
	gap:20px;
	border:1px solid #E0E0E0;
}
.mSalesWr .salesLst li:nth-child(odd) .lstBox {
	padding:23px 35px 23px 23px;
	border-radius: 0 20px 0 20px;
}
.mSalesWr .salesLst li:nth-child(even) { 
	text-align: right; 
}
.mSalesWr .salesLst li:nth-child(even) .lstBox { 
	flex-direction:row-reverse;
	padding:23px 23px 23px 35px;
	border-radius: 20px 0 20px 0;
}
.mSalesWr .salesLst li:last-child { 
	margin:0;
}
.mSalesWr .salesLst .lstImg { 
	flex-shrink:0;
	max-width: 100%;
	font-size: 0;
}
.mSalesWr .salesLst .lstImg img { 
	max-width: 100%; 
}
.mSalesWr .salesLst .lstCon:before {
	counter-increment: mSalesNum 1;
	content: "0" counter(mSalesNum);
	box-sizing:border-box;
	display:inline-block;
	margin:0 0 8px;
	padding:4px 12px 3px;
	background: #E3F2FD;
	border-radius: 100px;
	font-family: Pretendard;
	font-weight: 700;
	font-size: 16px;	
	color: #64B5F6;
}
.mSalesWr .salesLst .lstCon .lstTit01 { 
	margin:0 0 6px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.mSalesWr .salesLst .lstCon .lstTxt01 { 
	font-size: 16px; 
	line-height: 1.5;
	color: #424242;
}
.mSalesWr .salesLst .lstCon .lstTxt01 span { 
	font-weight: 700;
	color: #31A5FF;
}
.mSalesWr .salesBnrBox { 
	position:relative;
	padding:70px 270px 73px 53px;
	background:url(/Form/_guest/basic/images/mSalesBnrBg01.png) no-repeat;
	background-size:100% 100%;
}
.mSalesWr .salesBnrBox .tit01 { 
	margin:0 0 6px;
	font-weight: 700;
	font-size: 32px;
	color: #5C6BC0;
}
.mSalesWr .salesBnrBox .txt01 { 
	font-size: 20px; 
	line-height: 1.5;
	color: #424242;
}
.mSalesWr .salesBnrBox .imgBox { 
	position:absolute; 
	max-width: 100%;
	top: 50%;
	right: 70px;
	transform:translateY(-50%);
	font-size: 0;
}
.mSalesWr .salesBnrBox .imgBox img { 
	max-width: 100%; 
}
.mForteWr { 
	margin:0 0 114px;
}
.mForteWr .forteLst { 
	display:flex;
	flex-wrap:wrap;
	gap:16px;
}
.mForteWr .forteLst li { 
	width: calc((100% - 32px)/3);
	border:1px solid #E0E0E0;
	border-radius: 0 20px 0 20px;
	overflow: hidden;
}
.mForteWr .forteLst .lstImg { 
	position:relative;
	padding:43.41% 0 0;
	background: #FAFAFA;
	font-size: 0;
	overflow: hidden;
}
.mForteWr .forteLst .lstImg img { 
	position:absolute;
	max-width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.mForteWr .forteLst .lstCon { 
	position:relative;
	padding:23px;
}
.mForteWr .forteLst .lstCon .num { 
	position:absolute; 
	top: -15px;
	left: 23px;
	padding:4px 12px;
	background: #31A5FF;
	border-radius: 100px;
	font-family: Pretendard;
	font-weight: 700;
	font-size: 16px;
	color: #FFF;
}
.mForteWr .forteLst .lstCon .tit01 { 
	margin:0 0 1px;
	font-weight: 700; 
	font-size: 20px;
	color: #212121;
}
.mForteWr .forteLst .lstCon .txt01 { 
	font-size: 16px;
	line-height: 1.5;
	color: #424242;
}
.mForteWr .forteLst .lstCon .lnk { 
	position:absolute;
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:3px;
	top: -26px;
	right: 22px;
	padding:9px 15px 8px;
	background: #E3F2FD;
	border:1px solid #E3F2FD;
	border-radius: 16px 0 16px 0;
	transition:all .3s ease;
}
.mForteWr .forteLst .lstCon .lnk:after { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	transform:rotate(45deg);
	border-top:2px solid #64B5F6;
	border-right:2px solid #64B5F6;
	transition:all .3s ease;
}
.mForteWr .forteLst .lstCon .lnk .lnkTxt { 
	display:block;
	font-weight: 700;
	font-size: 16px;
	color: #64B5F6;
	transition:all .3s ease;
}
.mForteWr .forteLst .lstCon .lnk:focus,
.mForteWr .forteLst .lstCon .lnk:hover { 
	background: #FFF;
	border-color:#64B5F6;
}
.mAccrueWr { 
	padding:120px 16px;
	background: #F6FAFF;
}
.mAccrueWr .cTit01 { 
	margin:0 0 49px;
}
.mAccrueWr .clientLst {
	position:relative; 
	height: 100px;
	overflow:hidden;
}
.mAccrueWr .clientLst li { 
	position:absolute;
	height: 100%;
	top:0;
	font-size: 0; 
}
.mAccrueWr .clientLst li img { 
	height: 100%; 
}
.mAccrueWr .clientLst + .clientLst { 
	margin-top:20px;
}
.mQueWr {
	padding:120px 0 78px;
}
.mQueWr .queBox { 
	width: 720px;
	max-width: 100%;
	margin:50px auto 0;
	border-top:1px solid #E0E0E0;
}
.mQueWr .queBox .queTit { 
	position:relative; 
	display:block;
	width: 100%;
	padding:21px 50px 21px 47px;
	border-bottom:1px solid #E0E0E0;
	font-weight: 500;
	font-size: 18px;
	color: #424242;
	word-break:break-all;
}
.mQueWr .queBox .queTit:before,
.mQueWr .queBox .queTit:after {
	position:absolute;
	box-sizing:border-box;
	display:block;
}
.mQueWr .queBox .queTit:before { 
	content:"Q.";
	top: 19px;
	left: 24px;
	color: #31A5FF;
}
.mQueWr .queBox .queTit:after { 
	content:"";
	width: 12px;
	height: 12px;
	top: 28px;
	right: 34px;
	transform:rotate(45deg);
	border-top:2px solid #424242;
	border-right:2px solid #424242;
	transition:all .3s ease;
}
.mQueWr .queBox .queTit.on:after { 
	transform:rotate(135deg); 
}
.mQueWr .queBox .ansBox {
	display:none;
	padding:24px;
	background:#F9FBFF;
	border-bottom:1px solid #E0E0E0;
}
.mQueWr .queBox .ansBox .txt { 
	font-size: 14px; 
	line-height: 1.5;
	color: #424242;
	word-break:break-all;
}
.mQueWr .queBox .ansBox .txt:before { 
	content:"A.";
	box-sizing:border-box;
	display:inline-block;
	font-weight: 700;
}
@media all and (max-width:1199px){
	.mBnrWr .inner { 
		padding:115px 450px 109px 0;
	}
	.mBnrWr .imgBox { 
		width: 427px; 
	}
}
@media all and (max-width:1099px){
	.mBnrWr .inner { 
		padding:90px 410px 109px 0;
	}
	.mBnrWr .imgBox { 
		width: 379px; 
	}
}
@media all and (max-width:999px){
	.mBnrWr { 
		margin:0 0 50px;
	}
	.mBnrWr .inner { 
		padding:50px 0;
		text-align: center;
	}
	.mBnrWr .txt01 { 
		font-size: 22px; 
	}
	.mBnrWr .txt01 .stBold:before { 
		width: 36px;
		height: 36px;
		margin:-19px 0 0 -18px;
	}
	.mBnrWr .txt02 { 
		font-size: 24px; 
	}
	.mBnrWr .txt03 { 
		margin:0 0 30px;
		font-size: 26px; 
	}
	.mBnrWr .txt03 span:before { 
		height: 20px;
		bottom: 0;	
	}
	.mBnrWr .lnk { 
		padding:9px 20px 9px;
	}
	.mBnrWr .lnk:before { 
		width: 24px;
		height: 24px;
	}
	.mBnrWr .lnk .lnkTxt { 
		padding:2px 0 0;
		font-size: 20px; 
	}
	.mBnrWr .imgBox { 
		display:none;
	}
	.mSalesWr {
		margin:0 0 50px;
	}
	.mSalesWr .salesLst { 
		margin:0 0 30px;
	}
	.mSalesWr .salesLst li { 
		margin:0 0 20px;
	}
	.mSalesWr .salesLst li .lstBox { 
		gap:16px; 
	}
	.mSalesWr .salesLst li:nth-child(odd) .lstBox { 
		padding:16px 24px 16px 16px;
	}
	.mSalesWr .salesLst li:nth-child(even) .lstBox { 
		padding:16px 16px 16px 24px;
	}
	.mSalesWr .salesLst .lstImg { 
		width: 128px; 
	}
	.mSalesWr .salesLst .lstCon:before { 
		margin:0 0 5px;
		padding:4px 8px 3px;
		font-size: 14px;
	}
	.mSalesWr .salesLst .lstCon .lstTit01 { 
		margin:0 0 4px;
		font-size: 15px;
	}
	.mSalesWr .salesLst .lstCon .lstTxt01 { 
		font-size: 13px;
		line-height: 1.4;
	}
	.mSalesWr .salesBnrBox { 
		padding:24px;
		text-align: center;
	}
	.mSalesWr .salesBnrBox .tit01 { 
		margin:0 0 4px;
		font-size: 18px;
	}
	.mSalesWr .salesBnrBox .txt01 { 
		font-size: 14px; 
		line-height: 1.4;
	}
	.mSalesWr .salesBnrBox .imgBox { 
		display:none;
	}
	.mForteWr { 
		margin:0 0 50px;
	}
	.mForteWr .forteLst { 
		gap:10px; 
	}
	.mForteWr .forteLst li { 
		width: calc((100% - 10px)/2);
	}
	.mForteWr .forteLst .lstImg { 
		padding:40% 0 0;
	}
	.mForteWr .forteLst .lstImg img { 
		width: 144px; 
	}
	.mForteWr .forteLst .lstCon { 
		padding:20px 16px 16px;
	}
	.mForteWr .forteLst .lstCon .num { 
		left: 16px;
		font-size: 13px;
	}
	.mForteWr .forteLst .lstCon .tit01 {
		font-size: 15px;
	}
	.mForteWr .forteLst .lstCon .txt01 { 
		font-size: 13px;
		line-height: 1.4;
	}
	.mForteWr .forteLst .lstCon .txt01 br { 
		display:none;
	}
	.mForteWr .forteLst .lstCon .lnk { 
		position:relative; 
		top: auto;
		right: auto;
		margin:8px 0 0;
		padding:8px;
		border-radius: 8px;
	}
	.mForteWr .forteLst .lstCon .lnk .lnkTxt { 
		font-size: 14px; 
	}
	.mAccrueWr { 
		padding:50px 16px;
	}
	.mAccrueWr .cTit01 { 
		margin:0 0 30px;
	}
	.mAccrueWr .clientLst + .clientLst { 
		margin-top:16px;
	}
	.mQueWr {
		padding:50px 0;
	}
	.mQueWr .queBox {
		margin:30px auto 0;
	}
	.mQueWr .queBox .queTit {
		padding:16px 36px;
		font-size: 15px;
	}
	.mQueWr .queBox .queTit:before { 
		top: 15px;
		left: 16px;
	}
	.mQueWr .queBox .queTit:after { 
		width: 10px;
		height: 10px;
		top: 21px;
		right: 16px;
	}
	.mQueWr .queBox .ansBox {
		padding:16px;
	}
	.mQueWr .queBox .ansBox .txt { 
		font-size: 13px; 
		line-height: 1.3;
	}
}
@media all and (max-width:599px){
	.mSalesWr .salesLst li { 
		margin:0 0 16px;
	}
	.mSalesWr .salesLst li .lstBox { 
		flex-wrap:wrap;
		justify-content:center;
		gap:8px;
		width: 100%;
		text-align: center;
	}
	.mSalesWr .salesLst li:nth-child(odd) .lstBox,
	.mSalesWr .salesLst li:nth-child(even) .lstBox { 
		padding:16px;
		border-radius: 5px;
	}
	.mSalesWr .salesLst .lstImg { 
		width: 96px;
	}
	.mSalesWr .salesLst .lstCon { 
		width: 100%;
	}
	.mSalesWr .salesLst .lstCon .lstTxt01 br { 
		display:none;
	}
	.mSalesWr .salesBnrBox .txt01 br { 
		display:none;
	}
	.mForteWr .forteLst li { 
		width: 100%; 
	}
}
/* 메인 끝
------------------------------------------------------ */
/* 사용후기 리스트 페이지 시작
------------------------------------------------------ */
.reviewWr { 
	padding:0 0 60px;
}
.reviewWr .bnrBox { 
	position:relative; 
	margin:0 0 110px;
	padding:460px 16px 0;
	background: url(/Form/_guest/basic/images/reviewBnrBg01.png) no-repeat;
	background-size:100% 100%;
	text-align: center;
	overflow: hidden;
}
.reviewWr .bnrBox:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 48.56%;
	bottom: 0;
	left: 0;
	background:linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
	z-index: 2;
}
.reviewWr .bnrBox .imgBox { 
	position:absolute; 
	max-width: 100%; 
	top: 0;
	left: 50%;
	transform:translateX(-50%);
	font-size: 0;
	z-index: 1;
}
.reviewWr .bnrBox .imgBox img { 
	max-width: 100%; 
}
.reviewWr .bnrBox .tit01,
.reviewWr .bnrBox .tit02 { 
	position:relative; 
	letter-spacing: -1px;
	z-index: 2;
}
.reviewWr .bnrBox .tit01 {
	display:inline-block;
	margin:0 0 13px;
	padding:7px 17px 6px;
	background: #588CEB;
	border-radius: 10px;
	font-family: GongGothicLight;
	font-size: 36px;
	color: #FFF;
}
.reviewWr .bnrBox .tit02 { 
	font-family: GmarketSansBold;
	font-size: 64px;
	color: #212121;
}
.reviewWr .bnrBox .tit02 span { 
	color: #2845FF; 
}
@media all and (max-width:999px){
	.reviewWr { 
		padding:0 0 50px;
	}
	.reviewWr .bnrBox { 
		margin:0 0 50px;
		padding:250px 16px 0;
	}
	.reviewWr .bnrBox:before {
		height: 30%;
	}
	.reviewWr .bnrBox .imgBox {
		width: 302px;
	}
	.reviewWr .bnrBox .tit01 {
		margin:0 0 5px;
		padding:5px 12px 4px;
		border-radius: 8px;
		font-size: 20px;
	}
	.reviewWr .bnrBox .tit02 { 
		font-size: 22px;
	}
}
/* 사용후기 리스트 페이지 끝
------------------------------------------------------ */
/* 요금안내 시작
------------------------------------------------------ */
.feeIntroWr {
	padding:0 0 113px;
}
.feeIntroWr .feeConBox { 
	max-width: 1024px;
	margin:0 auto;
}
.feeIntroWr .feeUseLst { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:center;
	gap:24px;	
	margin:0 0 43px;
}
.feeIntroWr .feeUseLst > li { 
	width: calc((100% - 48px)/3); 
}
.feeIntroWr .feeUseLst .feeUseBtn { 
	position:relative; 
	display:block; 
	width: 100%;
	padding:39px 10px 27px;
	border:1px solid #EFEFEF;
	border-radius: 15px;
	box-shadow:4px 4px 12.3px 0 rgba(182,182,182,.25);
	text-align: center;
	transition:all .3s ease;
}
.feeIntroWr .feeUseLst .feeUseBtn span { 
	display:block; 
}
.feeIntroWr .feeUseLst .feeUseBtn .ribbon { 
	position:absolute;
	width: 153px;
	height: 133px;
	top:-4px;
	right:-4px;
	background:url(/Form/_guest/basic/images/feeIntroRibbon01.png) no-repeat;
	background-size:cover;
}
.feeIntroWr .feeUseLst .feeUseBtn .ribbon span { 
	position:absolute; 
	top:34px;
	right:18px;
	transform:rotate(41deg);
	font-family: GmarketSansMedium;
	font-size:23px;
	color:#BBE1FF;
}
.feeIntroWr .feeUseLst .feeUseBtn .ribbon span em { 
	font-family: GmarketSansBold;
	font-style:normal;
	color: #FFF;	
}
.feeIntroWr .feeUseLst .feeUseBtn .tit { 
	margin:0 0 12px;
	font-weight:500;
	font-size:26px;
	color:#424242;
}
.feeIntroWr .feeUseLst .feeUseBtn .priceOri { 
	margin:0 0 15px;
	font-family: GmarketSansMedium;
	font-size:23px;
	color:#BDBDBD;
	text-decoration: line-through;
}
.feeIntroWr .feeUseLst .feeUseBtn .price { 
	margin:0 0 9px;
	font-size:30px;
	color:#31A5FF;
}
.feeIntroWr .feeUseLst .feeUseBtn .price em { 
	font-weight:700;
	font-style:normal;
	font-size:1.5em;
}
.feeIntroWr .feeUseLst .feeUseBtn.on { 
	background: #EEF8FF; 
	border-color: #31A5FF;
}
.feeIntroWr .feePayBtn { 
	display:block; 
	width: 100%;
	margin:0 0 39px;
	padding:23px 10px;
	background: #31A5FF;
	border:1px solid #31A5FF;
	border-radius: 15px;
	font-weight: 700;
	font-size: 28px;
	letter-spacing: -.16px;
	text-align: center;
	color: #FFF;
	transition:all .3s ease;
}
.feeIntroWr .feePayBtn:focus,
.feeIntroWr .feePayBtn:hover { 
	background: #FFF;
	color: #31A5FF;
}
.feeIntroWr .feeTblTit { 
	position:relative;
	margin:0 0 9px;
	padding:0 0 0 20px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: -.17px;
	color: #31A5FF;
}
.feeIntroWr .feeTblTit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 0;
	height: 0;
	top: 50%;
	left: 0;
	margin:-9px 0 0;
	border-top:9px solid transparent;
	border-bottom:9px solid transparent;
	border-left:15px solid #31A5FF;
}
.feeIntroWr .feeTblBox { 
	margin:0 0 50px;
	overflow-x:auto;
}
.feeIntroWr .feeTblBox table { 
	min-width: 900px;
	font-size: 14px;
	text-align: center;
	color: #424242;
}
.feeIntroWr .feeTblBox thead { 
	background: #FAFAFA;
	border-bottom:1px solid #EDEDED;
}
.feeIntroWr .feeTblBox thead th { 
	font-weight: 500;
	padding:13px 10px 12px;
}
.feeIntroWr .feeTblBox thead th:first-child { 
	border-radius: 10px 0 0 0;
}
.feeIntroWr .feeTblBox thead th:last-child { 
	border-radius: 0 10px 0 0;
}
.feeIntroWr .feeTblBox tbody tr { 
	border-bottom:1px solid #EDEDED; 
}
.feeIntroWr .feeTblBox tbody tr > * { 
	padding:13px 10px 12px;
}
.feeIntroWr .feeTblBox tbody tr:last-child { 
	border-bottom:none;
}
.feeIntroWr .feeTblBox tbody tr:last-child th { 
	border-radius: 0 0 0 10px;
}
.feeIntroWr .feeTblBox tbody tr:last-child td:last-child { 
	border-radius: 0 0 10px 0;
}
.feeIntroWr .feeTblBox tbody th { 
	background: #FAFAFA;
	font-weight: 400; 
}
.feeIntroWr .feeLnk01 { 
	display:block; 
	font-size: 0;
}
.feeIntroWr .feeLnk01 img { 
	max-width: 100%; 
}
@media all and (max-width:999px){
	.feeIntroWr { 
		padding:0 0 50px;
	}
	.feeIntroWr .feeUseLst { 
		gap:16px;
		margin:0 0 20px;
	}
	.feeIntroWr .feeUseLst li { 
		width: calc((100% - 32px)/3);
	}
	.feeIntroWr .feeUseLst .feeUseBtn { 
		padding:30px 10px 24px;
		border-radius: 8px;
	}
	.feeIntroWr .feeUseLst .feeUseBtn .tit { 
		margin:0 0 8px;
		font-size:20px;
	}
	.feeIntroWr .feeUseLst .feeUseBtn .priceOri { 
		margin:0 0 10px;
		font-size:18px; 
	}
	.feeIntroWr .feeUseLst .feeUseBtn .price { 
		margin:0 0 5px;
		font-size:22px; 
	}
	.feeIntroWr .feeUseLst .feeUseBtn .ribbon { 
		width: 122px; 
		height: 106px;
		top:-3px;
		right:-3px;
	}
	.feeIntroWr .feeUseLst .feeUseBtn .ribbon span { 
		top:31px; 
		right:13px;
		font-size:18px;
	}
	.feeIntroWr .feePayBtn { 
		margin:0 0 20px;
		padding:10px;
		border-radius: 8px;
		font-size: 20px;
	}
	.feeIntroWr .feeTblTit {
		margin:0 0 7px;
		padding:0 0 0 16px;
		font-size: 15px;
	}
	.feeIntroWr .feeTblTit:before {
		margin:-6px 0 0;
		border-top:6px solid transparent;
		border-bottom:6px solid transparent;
		border-left:10px solid #31A5FF;
	}
	.feeIntroWr .feeTblBox { 
		margin:0 0 20px;
	}
	.feeIntroWr .feeTblBox table { 
		font-size: 13px;
	}
	.feeIntroWr .feeTblBox thead th { 
		padding:8px 8px 7px;
	}
	.feeIntroWr .feeTblBox thead th:first-child { 
		border-radius: 8px 0 0 0;
	}
	.feeIntroWr .feeTblBox thead th:last-child { 
		border-radius: 0 8px 0 0;
	}
	.feeIntroWr .feeTblBox tbody tr > * { 
		padding:8px 8px 7px;
	}
	.feeIntroWr .feeTblBox tbody tr:last-child th { 
		border-radius: 0 0 0 8px;
	}
	.feeIntroWr .feeTblBox tbody tr:last-child td:last-child { 
		border-radius: 0 0 8px 0;
	}
}
@media all and (max-width:799px) {
	.feeIntroWr .feeUseLst > li { 
		width: 100%; 
	}
	.feeIntroWr .feeUseLst .feeUseBtn { 
		padding:20px 10px 16px;
	}
}
/* 요금안내 끝
------------------------------------------------------ */
/* 로그인, 회원가입, 개인정보 찾기 시작
------------------------------------------------------ */
.comMbrBox {
	max-width: 380px;
	margin:0 auto;
}
.comMbrBox .logo { 
	margin:0 auto 38px;
	font-size: 0;
	text-align: center;
}
.comMbrBox .logo img { 
	max-width: 100%; 
}
.comMbrBox .iptTit { 
	margin:0 0 8px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -.22px;
	color: #424242;
	overflow: hidden;
}
.comMbrBox .iptTit .pnt { 
	color: #F44336; 
}
.comMbrBox .iptTit .gTxt { 
	float:right; 
	font-size: 14px;
	color: #999;
}
.comMbrBox * + .iptTit { 
	margin-top:10px;
}
.comMbrBox .ipt { 
	padding:14px 12px;
	border:1px solid #DBDBDB;
	border-radius: 5px;
	font-size: 15px;
	letter-spacing: -.22px;
	color: #424242;
}
.comMbrBox .ipt::placeholder { 
	color: #999; 
}
.comMbrBox .ipt.fullWid { 
	width: 100%; 
}
.comMbrBox .ipt[readonly] {
	background-color: #F5F5F5;
	cursor: not-allowed;
}
.comMbrBox .saveIdBox { 
	position:relative;
	margin:15px 0 0;
}
.comMbrBox .saveIdBox .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.comMbrBox .saveIdBox .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 29px;
	font-size: 15px;
	color: #797979;
}
.comMbrBox .saveIdBox .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 0;
	left: 3px;
	background:#DBDBDB url(/Form/_guest/basic/images/comChk01.svg) no-repeat center center;
	border-radius: 3px;
}
.comMbrBox .saveIdBox .chkIpt:checked + .chkLbl:before { 
	background-color: #448AFF;
}
.comMbrBox .msgBox {
	display:none;
	margin:5px 0;
	padding: 8px 12px;
	background: rgba(0,0,0,.03);
	border-radius: 4px;	
	border-left: 3px solid;
	font-weight: 500;
	font-size: 14px;
	animation: comMbrSlideIn 0.3s ease-out;
}
@keyframes comMbrSlideIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.comMbrBox .hasBtn { 
	display:flex;
	gap:8px;
}
.comMbrBox .hasBtn .ipt { 
	flex-grow:1; 
}
.comMbrBox .hasBtn .btn { 
	flex-shrink:0;
	display:block;
	min-width: 105px;
	padding:14px 12px;
	border:1px solid #31A5FF;
	border-radius: 5px;
	font-weight: 500;
	font-size: 15px;
	text-align: center;
}
.comMbrBox .hasBtn .btn.st01 { 
	background: #31A5FF;
	color: #FFF;
}
.comMbrBox .hasBtn .btn.st02 {
	color: #31A5FF;
}
.comMbrBox .hasBtn .btn.stOff { 
	display:none;
}
.comMbrBox .hasBtn .btn:disabled {
	opacity: .6;
	cursor: not-allowed;
}
.comMbrBox .hidBox { 
	display:none;
}
.comMbrBox * + .hidBox { 
	margin-top:10px;
}
.comMbrBox .btnLogin { 
	display:block;
	width: 100%;
	margin:25px 0 0;
	padding:14px 10px;
	background: #31A5FF;
	border:1px solid #31A5FF;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.22px;
	text-align: center;
	color: #FFF;
	transition:all .3s ease;
}
.comMbrBox .btnLogin:focus,
.comMbrBox .btnLogin:hover { 
	background: #FFF;
	color: #31A5FF;
}
.comMbrBox .btnLogin:disabled {
	opacity: .6;
	cursor: not-allowed;
}
.comMbrBox .findLnkLst { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center;
	gap:8px;
	margin:10px 0 0;
}
.comMbrBox .findLnkLst li { 
	position:relative; 
	padding:0 9px 0 0;
}
.comMbrBox .findLnkLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 10px;
	top: 50%;
	right: 0;
	margin:-4px 0 0;
	background: #DBDBDB;	
}
.comMbrBox .findLnkLst li:last-child { 
	padding:0;
}
.comMbrBox .findLnkLst li:last-child:after { 
	display:none;
}
.comMbrBox .findLnkLst .findLnk { 
	display:block; 
	font-size: 14px;
	letter-spacing: -.22px;
	color: #999;
	transition:all .3s ease;
}
.comMbrBox .findLnkLst .findLnk:focus,
.comMbrBox .findLnkLst .findLnk:hover { 
	color: #31A5FF; 
}
.comMbrBox .snsLoginBox { 
	margin:39px 0 0;
}
.comMbrBox .snsLoginBox .snsLogin { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:8px;
	width: 100%;
	margin:0 0 12px;
	padding:12px 10px;
	border-width:1px;
	border-style:solid;
	border-radius: 5px;
	transition:all .3s ease;
}
.comMbrBox .snsLoginBox .snsLogin span { 
	display:block; 
}
.comMbrBox .snsLoginBox .snsLogin .btnIco { 
	flex-shrink:0;
	font-size: 0; 
}
.comMbrBox .snsLoginBox .snsLogin .btnIco img { 
	max-width: 100%; 
}
.comMbrBox .snsLoginBox .snsLogin .btnTxt { 
	font-weight: 700; 
	font-size: 18px;
	letter-spacing: -.22px;
}
.comMbrBox .snsLoginBox .snsLogin.stKakao { 
	background:#FAE100;
	border-color:#FAE100;
}
.comMbrBox .snsLoginBox .snsLogin.stKakao .btnTxt { 
	color: #371D1E; 
}
.comMbrBox .snsLoginBox .snsLogin.stKakao:focus,
.comMbrBox .snsLoginBox .snsLogin.stKakao:hover { 
	background: #FFF;  
}
.comMbrBox .snsLoginBox .snsLogin.stPhone { 
	background:#EDEDED;
	border-color:#EDEDED;
}
.comMbrBox .snsLoginBox .snsLogin.stPhone .btnTxt { 
	color: #797979;
}
.comMbrBox .snsLoginBox .snsLogin.stPhone:focus,
.comMbrBox .snsLoginBox .snsLogin.stPhone:hover { 
	background: #FFF;
	border-color:#797979;
}
.comMbrBox .snsLoginBox .snsLogin:last-child { 
	margin:0;
}
.comMbrBox .birthIptBox { 
	display:flex;
	align-items:center;
	gap:8px;
}
.comMbrBox .birthIptBox span { 
	flex-shrink:0;
	display:block;
}
.comMbrBox .birthIptBox .ipt.iptYear { 
	flex-grow:1; 
}
.comMbrBox .birthIptBox .ipt.iptGender { 
	flex-shrink:0;
	width: 48px;
}
.comMbrBox .birthIptBox .midBar { 
	width: 4px; 
	height: 1px;
	background: #999;
}
.comMbrBox .birthIptBox .circle { 
	width: 14px;
	height: 14px;
	background: #999;
	border-radius: 50%;
}
.comMbrBox .infoTxt01 { 
	margin:4px 0 0;
	font-size: 14px;
	color: #999;
}
.comMbrBox .termAllChkBox { 
	position:relative;
	margin:0 0 12px;
	padding:15px;
	background: #F7F7F7;
	border-radius: 10px;
}
.comMbrBox .termAllChkBox .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.comMbrBox .termAllChkBox .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 29px;
	font-weight: 700;
	font-size: 15px;
	color: #797979;
}
.comMbrBox .termAllChkBox .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 0;
	left: 0;
	background:url(/Form/_guest/basic/images/termChk01_off.svg) no-repeat;
	background-size:cover;
}
.comMbrBox .termAllChkBox .chkIpt:checked + .chkLbl:before { 
	background-image: url(/Form/_guest/basic/images/termChk01_on.svg); 
}
.comMbrBox .termChkLst li { 
	position:relative; 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 12px;
	padding:0 0 0 16px;
}
.comMbrBox .termChkLst li:last-child { 
	margin:0;
}
.comMbrBox .termChkLst .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.comMbrBox .termChkLst .chkLbl {
	position:relative;
	display:block;
	padding:0 0 0 29px;
	font-weight: 500;
	font-size: 14px;
	color: #424242;
}
.comMbrBox .termChkLst .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 0;
	left: 0;
	background:url(/Form/_guest/basic/images/termChk01_off.svg) no-repeat;
	background-size:cover;
}
.comMbrBox .termChkLst .chkLbl span { 
	font-weight: 700;
	color: #31A5FF;
}
.comMbrBox .termChkLst .chkIpt:checked + .chkLbl:before { 
	background-image: url(/Form/_guest/basic/images/termChk01_on.svg); 
}
.comMbrBox .termChkLst .termLnk { 
	flex-shrink:0;
	position:relative; 
	display:block; 
	width: 18px;
	height: 18px;
}
.comMbrBox .termChkLst .termLnk:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	left: 50%;
	margin:-4px 0 0 -4px;
	transform:rotate(45deg);
	border-top:1px solid #797979;
	border-right:1px solid #797979;
}
.comMbrBox .joinCptImgBox { 
	margin:0 auto 60px;
	font-size: 0;
	text-align: center;
}
.comMbrBox .joinCptImgBox img { 
	max-width: 100%; 
}
.comMbrBox .btnBox .btn { 
	display:block;
	width: 100%;
	margin:0 0 10px;
	padding:14px 10px;
	border:1px solid #31A5FF;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.22px;
	text-align: center;
}
.comMbrBox .btnBox .btn.st01 { 
	background: #31A5FF; 
	color: #FFF;
}
.comMbrBox .btnBox .btn.st02 { 
	background: #FFF; 
	color: #31A5FF;
}
.comMbrBox .btnBox .btn:last-child { 
	margin:0;
}
.comMbrBox .findBox { 
	margin:0 0 24px;
	padding:18px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	text-align: center; 
}
.comMbrBox .findBox .resultBox { 
	display:flex;
	align-items:center;
	justify-content:center;
	gap:5px;
	margin:0 0 16px;
}
.comMbrBox .findBox .resultBox .result { 
	font-weight: 700; 
	font-size: 16px;
	letter-spacing: -.22px;
	color: #31A5FF;
}
.comMbrBox .findBox .resultBox .btnCopy { 
	flex-shrink:0;
	display:block; 
	font-size: 0;
}
.comMbrBox .findBox .resultBox .btnCopy img { 
	max-width: 100%; 
}
.comMbrBox .findBox .txt01 { 
	font-weight: 500;
	font-size: 16px;
	color: #999;
}
.termPopWr .popBox { 
	position:absolute; 
	width: 488px;
	max-width: 90%;	
	top: 50%;
	left: 50%;
	padding:24px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 25px;
}
.termPopWr .popBox .tit01 {
	position:relative;
	margin:0 0 14px;
	padding:0 0 0 9px;
	font-weight: 500;
	font-size: 18px;
	color: #424242;
}
.termPopWr .popBox .tit01:before { 
	content:"";
	position:absolute; 
	box-sizing:border-box;
	display:block;
	width: 3px;
	height: 16px;
	top: 4px;
	left: 0;
	background: #31A5FF;
	border-radius: 5px;
}
.termPopWr .popBox .txtBox { 
	height: 143px;
	margin:0 0 30px;
	padding:12px 10px;
	background: #EFF8FF;
	border-radius: 10px;
}
.termPopWr .popBox .txtBox .txt { 
	height: 100%;
	font-size: 13px; 
	color: #424242;
	word-break:break-all;
	overflow-y:auto;
}
.termPopWr .popBox .btnBox .btn { 
	display:block;
	width: 100%;
	padding:13px 10px;
	background: #EDEDED;
	border-radius: 10px;
	font-family: Pretendard;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	color: #797979;
}
@media all and (max-width:999px){
	.comMbrBox .logo { 
		width: 100px;
		margin:0 auto 20px;
	}
	.comMbrBox .iptTit { 
		margin:0 0 5px;
		font-size: 15px;
	}
	.comMbrBox .iptTit .gTxt { 
		font-size: 13px; 
	}
	.comMbrBox * + .iptTit { 
		margin-top:8px;
	}
	.comMbrBox .ipt { 
		padding:10px;
		font-size: 13px;
	}
	.comMbrBox .saveIdBox { 
		margin:10px 0 0;
	}
	.comMbrBox .saveIdBox .chkLbl { 
		padding:0 0 0 24px;
		font-size: 13px;
	}
	.comMbrBox .saveIdBox .chkLbl:before { 
		width: 15px;
		height: 15px;
		background-size:9px auto;
	}
	.comMbrBox .msgBox {
		font-size: 13px;
	}
	.comMbrBox .hasBtn .btn { 
		min-width: 90px;
		padding:10px;
		font-size: 13px;
	}	
	.comMbrBox * + .hidBox { 
		margin-top:8px;
	}
	.comMbrBox .btnLogin { 
		margin:16px 0 0;
		padding:10px;
		font-size: 14px;
	}
	.comMbrBox .findLnkLst li:after { 
		margin:-5px 0 0;
	}
	.comMbrBox .findLnkLst .findLnk { 
		font-size: 13px; 
	}
	.comMbrBox .snsLoginBox { 
		margin:20px 0 0;
	}
	.comMbrBox .snsLoginBox .snsLogin { 
		margin:0 0 10px;
		padding:10px;
	}
	.comMbrBox .snsLoginBox .snsLogin .btnIco { 
		width: 19px; 
	}
	.comMbrBox .snsLoginBox .snsLogin .btnTxt { 
		font-size: 15px; 
	}
	.comMbrBox .birthIptBox { 
		display:flex;
		align-items:center; 
	}
	.comMbrBox .birthIptBox .ipt.iptGender {
		width: 38px;
	}
	.comMbrBox .birthIptBox .circle {
		width: 10px;
		height: 10px;
	}
	.comMbrBox .infoTxt01 { 
		margin:3px 0 0;
		font-size: 13px;
	}
	.comMbrBox .termAllChkBox { 
		margin:0 0 10px;
		padding:10px;
	}
	.comMbrBox .termAllChkBox .chkLbl:before { 
		width: 15px; 
		height: 15px;
	}
	.comMbrBox .termAllChkBox .chkLbl { 
		padding:0 0 0 20px;
		font-size: 13px;
	}
	.comMbrBox .termChkLst li { 
		margin:0 0 10px;
		padding:0 0 0 10px;
	}
	.comMbrBox .termChkLst .chkLbl { 
		padding:0 0 0 20px;
		font-size: 13px;
	}
	.comMbrBox .termChkLst .chkLbl:before { 
		width: 15px; 
		height: 15px;
	}
	.comMbrBox .joinCptImgBox { 
		width: 100px;
		margin:0 auto 20px;
	}
	.comMbrBox .btnBox .btn { 
		margin:0 0 8px;
		padding:10px;
		font-size: 14px;
	}
	.comMbrBox .findBox { 
		margin:0 0 16px;
		padding:13px;
	}
	.comMbrBox .findBox .resultBox {
		margin:0 0 10px;
	}
	.comMbrBox .findBox .resultBox .result { 
		font-size: 14px;
	}
	.comMbrBox .findBox .txt01 { 
		font-size: 14px;
	}
	.termPopWr .popBox {
		padding:16px;
		border-radius: 5px;
	}
	.termPopWr .popBox .tit01 {
		margin:0 0 10px;
		padding:0 0 0 7px;
		font-size: 15px;
	}
	.termPopWr .popBox .tit01:before {
		height: 14px;
		top: 3px;
	}
	.termPopWr .popBox .txtBox { 
		height: 120px;
		margin:0 0 16px;
		padding:10px;
		border-radius: 5px;
	}
	.termPopWr .popBox .btnBox .btn { 
		padding:10px;
		border-radius: 5px;
		font-size: 15px;
	}
}
@media all and (max-width:599px){
	.comMbrBox .hasBtn { 
		flex-wrap:wrap;
		gap:5px;
	}
	.comMbrBox .hasBtn .ipt,
	.comMbrBox .hasBtn .btn { 
		width: 100%; 
	}
}
/* 로그인, 회원가입, 개인정보 찾기 끝
------------------------------------------------------ */