@charset "utf-8";

/* 메인 시작
------------------------------------------------------ */
.mComTit01 { 
	margin:0 0 29px;
	font-weight: 500;
	font-size: 20px;
	color: #2962FF;
}
.mComTit02 { 
	margin:0 0 30px;
	font-weight: 500;
	font-size: 36px;
	color: #212121;
}
.mComBnrBox01 { 
	font-size: 0;
}
.mComBnrBox01 img { 
	max-width: 100%;
}
.mBnrWr {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:120px;
	max-width: 1670px;
	margin:0 auto;
}
.mBnrWr .mBnrGaugeBox {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:48px;
	height: 100%;
}
.mBnrWr .mBnrGaugeBox .num01 { 
	width: 86px;
	transform:rotate(-90deg);
	font-weight: 500;
	font-size: 70px;
	color: #212121;
}
.mBnrWr .mBnrGaugeBox .mBnrGaugeCon { 
	position:relative; 
	width: 1px;
	height: 374px;
	background: #424242;
	border-radius: 5px;
}
.mBnrWr .mBnrGaugeBox .mBnrGauge { 
	position:absolute;
	width: 3px;
	height: 0;
	bottom: 0;
	left:50%;
	transform:translateX(-50%);
	background: #212121;
	border-radius: 5px;
}
.mBnrWr .mBnrLBox { 
	flex-shrink:0;
	width: 318px;
}
.mBnrWr .tit01 { 
	margin:0 0 36px;
	font-weight: 500;
	font-size: 55px;
	color: #212121;
	overflow: hidden;
}
.mBnrWr .txt01 {
	margin:0 0 78px;
	font-size: 17px;
	line-height: 1.7;
	color: #212121;
	overflow: hidden;
}
.mBnrWr .tit01 span,
.mBnrWr .txt01 span { 
	display:block;
	transform:translateY(100%);
	transition:all .8s ease;
}
.mBnrWr .lnkBox01 {
	overflow: hidden;
}
.mBnrWr .lnk01 { 
	position:relative; 
	display:inline-block;
	padding:22px 112px 22px 47px;
	transform:translateY(100%);
	background: #202020;
	border-radius: 10px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #FFF;
	transition:all .8s ease;
}
.mBnrWr .lnk01:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 7px;
	top: 31px;
	right: 46px;
	background:url(/Form/_renew/images/mBnrArrow01.svg) no-repeat center / cover;
	transition:right .3s ease;
}
.mBnrWr .lnk01:focus:after,
.mBnrWr .lnk01:hover:after { 
	right: 60px;
}
.mBnrWr .swiper-pagination-bullet { 
	position:relative;
	width: 20px;
	height: 20px;
	background:transparent;
	border:1px solid transparent;
	border-radius: 50%;
	opacity: 1;
}
.mBnrWr .swiper-pagination-bullet:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 4px;
	height: 4px;
	top: 50%;
	left: 50%;
	margin:-2px 0 0 -2px;
	background: #CDCDCD;
	border-radius: 50%;
}
.mBnrWr .swiper-pagination-bullets.swiper-pagination-horizontal { 
	margin:45px 0 0;
	font-size: 0;
}
.mBnrWr .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { 
	margin:0 3px;
}
.mBnrWr .swiper-pagination-bullet-active { 
	border-color:#2962FF;
}
.mBnrWr .swiper-pagination-bullet-active:before { 
	background: #2962FF;
}
.mBnrWr .mBnrSwipeBox {
	position:relative;
	width: 982px;
	border-radius: 25px;
	font-size: 0;
	overflow: hidden;
	box-shadow:0 4px 4px 0 rgba(0,0,0,.25);
}
.mBnrWr .mBnrSwipe img { 
	max-width: 100%;
}
.mBnrWr .mBnrNavBox { 
	position:absolute;
	display:flex;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.mBnrWr .mBnrNavBox .mBnrNav { 
	display:block; 
	width: 50%;
	height: 100%;
}
.mBnrWr .mBnrTxtBox.stOff { 
	display:none;
}
.mWhyWr { 
	padding:159px 0 120px;
}
.mWhyWr .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:24px;
}
.mWhyWr .lst01 > li { 
	display:flex;
	flex-direction:column;
	width: calc((100% - 48px)/3);
	background: #FAFAFA;
	border-radius: 25px;
	box-shadow:0 2px 8px 0 rgba(175, 175, 175, .25);
	overflow: hidden;
}
.mWhyWr .lst01 .lstTopBox { 
	flex-grow:1;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	padding:40px 40px 42px;
}
.mWhyWr .lst01 .lstTit01 {
	margin:0 0 27px;
	font-weight: 500;
	font-size: 26px;
	letter-spacing: -.7px;
	color: #212121;
}
.mWhyWr .lst01 .lstTxtBox01 { 
	flex-grow:1;
	margin:0 0 56px;
}
.mWhyWr .lst01 .lstTxt01 {
	font-size: 16px;
	line-height: 1.7;
	color: #212121;
}
.mWhyWr .lst01 .lstLnk01 { 
	position:relative;
	display:inline-block;
	font-weight: 500;
	font-size: 17px;
	color: #212121;
}
.mWhyWr .lst01 .lstLnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 0;
	height: 1px;
	bottom: 0;
	left: 0;
	background: #212121;
	transition:all .3s ease;
}
.mWhyWr .lst01 .lstLnk01:focus:after,
.mWhyWr .lst01 .lstLnk01:hover:after { 
	width: 100%;
}
.mWhyWr .lst01 .sLst01 { 
	display:flex;
	flex-wrap:wrap; 
	gap:8px;
}
.mWhyWr .lst01 .sLst01 li { 
	position:relative;
	width: calc((100% - 8px)/2);
	padding:0 0 0 12px;
	font-size: 16px;
	color: #212121;
}
.mWhyWr .lst01 .sLst01 li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 6px;
	height: 1px;
	top: 8px;
	left: 0;
	background: #212121;
}
.mWhyWr .lst01 .sLst01 li.fullWid { 
	width: 100%;
}
.mWhyWr .lst01 .lstImgBox { 
	font-size: 0;
}
.mWhyWr .lst01 .lstImgBox img { 
	width: 100%;
}
.mSavingWr { 
	padding:182px 0 225px;
	overflow: hidden;
}
.mSavingWr .inner { 
	display:flex;
	align-items:center;
	justify-content:space-between; 
	gap:8px;
}
.mSavingWr .txtBox01 { 
	flex-grow:1;
}
.mSavingWr .tit01 {
	margin:0 0 27px;
	font-weight: 500;
	font-size: 40px;
	line-height: 1.4;
	color: #000;
}
.mSavingWr .tit01 span { 
	font-size:1.2em;
	color: #2962FF;
}
.mSavingWr .txt01 { 
	font-weight: 700;
	font-size: 24px;
	color: #000;
}
.mSavingWr .imgBox { 
	flex-shrink:0;
	max-width: 100%;
	font-size: 0;
}
.mSavingWr .imgBox img { 
	max-width: 100%;
}
.mReviewWr {
	padding:78px 0;
	text-align: center;
}
.mReviewWr .txt01 { 
	margin:0 0 81px;
	font-size: 24px;
	line-height: 1.4;
	color: #212121;
}
.mReviewWr .logoBox01 {
	position:relative;
}
.mReviewWr .logoBox01:before,
.mReviewWr .logoBox01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 445px;
	height: 100%;
	top: 0;
	z-index: 2;
}
.mReviewWr .logoBox01:before { 
	left: 0;
	background:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}
.mReviewWr .logoBox01:after { 
	right: 0;
	background:linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
}
.mReviewWr .logoLst01 { 
	position:relative;
	height: 76px;
	overflow: hidden;
}
.mReviewWr .logoLst01 li { 
	position:absolute;
	height: 100%;
	top:0;
	font-size: 0; 
}
.mReviewWr .logoLst01 li img { 
	height: 100%; 
}
.mReviewWr .logoLst01 + .logoLst01 { 
	margin-top:24px;
}
.mAppExpWr { 
	padding:162px 0;
	overflow: hidden;
}
.mAppExpWr .appExpBox { 
	display:flex;
	gap:354px;
}
.mAppExpWr .appExpBox:nth-child(even) { 
	flex-direction:row-reverse;
}
.mAppExpWr .imgBox {
	flex-shrink:0;
	position:relative;
	font-size: 0;
}
.mAppExpWr .imgBox img { 
	max-width: 100%;
}
.mAppExpWr .imgBox .bgImg { 
	position:absolute;
	display:block;
	width: 452px;
	height: 433px;
	bottom: -35px;
	border-radius: 50%;
}
.mAppExpWr .imgBox .gifBox { 
	position:absolute;
	display:block;
	width: 98%;
	bottom: 0;
	left: 50%;
	transform:translateX(-50%);
	overflow: hidden;
}
.mAppExpWr .imgBox .gifBox.st01 { 
	border-radius: 0 0 70px 70px;
}
.mAppExpWr .imgBox .gifBox.st02 { 
	height: 100%;
	border-radius: 100px;
}
.mAppExpWr .imgBox .baseImg { 
	position:relative;
	z-index: 1;
}
.mAppExpWr .txt01 { 
	font-size: 18px;
	line-height: 1.4;
	color: #212121;
}
.mAppExpWr .txt01 .clr01 { 
	font-weight: 500;
	color: #2962FF;
}
.mAppExpWr .txt01 .hasBg01 { 
	position:relative;
	display:inline-block;
}
.mAppExpWr .txt01 .hasBg01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 14px;
	bottom: 1px;
	right: 0;
	background: #FFEEA8;
	border-radius: 10px;
	z-index: -1;
}
.mAppExpWr .txt01 + .txt01 { 
	margin-top:24px;
}
.mAppExpWr .appExpBox:nth-child(odd) .imgBox .bgImg { 
	right: -165px;
	background:linear-gradient(-45deg, rgba(228, 235, 254, 1), rgba(228, 235, 254, 0));
}
.mAppExpWr .appExpBox:nth-child(even) .imgBox .bgImg { 
	left: -165px;
	background:linear-gradient(45deg, rgba(228, 235, 254, 1), rgba(228, 235, 254, 0));
}
.mAppExpWr .appExpBox + .appExpBox { 
	margin-top:237px;
}
.mEduFocusWr { 
	padding:28px 0;
	background:url(/Form/_renew/images/mEduFocusBg01.png) no-repeat center / cover;
	text-align: center;
}
.mEduFocusWr .imgBox { 
	margin:0 0 2px;
	font-size: 0;
}
.mEduFocusWr .imgBox img { 
	max-width: 100%;
}
.mEduFocusWr .tit01 { 
	margin: 0 0 14px;
    font-family: "Black Han Sans";
    font-size: 40px;
    color: #FFF76B;
    text-shadow: 0 3px 6px rgba(0, 0, 0, .25);
}
.mEduFocusWr .txt01 { 
	font-weight: 500;
	font-size: 20px;
	line-height: 1.6;
	color: #FFF;
}
.mSystemWr {
	padding:77px 0;
	overflow: hidden;
}
.mSystemWr .systemBox { 
	display:flex;
	gap:80px;
}
.mSystemWr .systemBox .imgBox { 
	flex-shrink:0;
	border:1px solid #F0F0F0;
	border-radius: 15px;
	font-size: 0;
	overflow: hidden;
}
.mSystemWr .systemBox .imgBox img { 
	max-width: 100%;
}
.mSystemWr .systemBox .conBox { 
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
.mSystemWr .systemBox .tit01 { 
	margin:0 0 19px;
	font-weight: 700;
	font-size: 28px;
	line-height: 1.4;
	color: #212121;
}
.mSystemWr .systemBox .txt01 { 
	margin:0 0 20px;
	padding:8px 24px 6px;	
	background: #EAF0FF;
	border-radius: 15px;
	font-weight: 500;
	font-size: 16px;
	color: #2962FF;
}
.mSystemWr .systemBox .lst01 { 
	flex-grow:1;
	margin:0 0 34px;
}
.mSystemWr .systemBox .lst01 li { 
	position:relative;
	margin:0 0 12px;
	padding:0 0 0 27px;
	font-size: 15px;
	letter-spacing: 0;
	color: #424242;
}
.mSystemWr .systemBox .lst01 li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 11px;
	top: 4px;
	left: 0;
	background:url(/Form/_renew/images/mSystemChk01.svg) no-repeat center / cover;
}
.mSystemWr .systemBox .lst01 li:last-child { 
	margin:0;
}
.mSystemWr .systemBox .lnk01 { 
	position:relative;
	padding:13px 90px 14px 51px;
	background: #202020;
	border-radius: 10px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #FFF;
}
.mSystemWr .systemBox .lnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 7px;
	top: 21px;
	right: 50px;
	background:url(/Form/_renew/images/mSystemArrow01.svg) no-repeat center / cover;	
	transition:all .3s ease;
}
.mSystemWr .systemBox .lnk01:focus:after,
.mSystemWr .systemBox .lnk01:hover:after { 
	right: 60px;
}
.mSystemWr .systemBox + .systemBox { 
	margin-top:80px;
}
.mSolutionWr {
	padding:160px 0 120px;
	text-align: center;
}
.mSolutionWr .solLst01 {
	--stack-cards-gap: 12px;
	position:relative;
	margin:0 0 77px;
	text-align: left;
}
.mSolutionWr .solLst01 .solLst01Li {
	position: sticky;
	display:flex;
	align-items:center;
	gap:41px;
	top: 120px;
	margin:0 0 24px;
	padding:33px 43px 44px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 25px;
	transition:all .3s ease;
	will-change: transform;
	transform-origin: center top;
}
.mSolutionWr .solLst01 .solLst01Li.st01:hover { 
	background: #F8FBFF;
	border-color:#2962FF;
	box-shadow:0 2px 8px 0 rgba(141, 200, 255, .7);
}
.mSolutionWr .solLst01 .solLst01Li.st02:hover { 
	background: #FCF8FF;
	border-color:#A857FF;
	box-shadow:0 2px 8px 0 rgba(223, 141, 255, 0.7);
}
.mSolutionWr .solLst01 .solLst01Li.st03:hover { 
	background: #FFF8FC;
	border-color:#FF4CB7;
	box-shadow:0 2px 8px 0 rgba(255, 141, 204, 0.7);
}
.mSolutionWr .solLst01 .solLst01Li:last-child { 
	margin:0;
}
.mSolutionWr .solLst01 .lstPer { 
	position:absolute; 
	top: 23px;
	left: -24px;
	padding:6px 25px 18px 14px;
	background:url(/Form/_renew/images/mSolutionPer01.png) no-repeat center / cover;
	font-weight: 700;
	font-size: 26px;
	letter-spacing: -.33px;
	color: #FFF;
}
.mSolutionWr .solLst01 .lstImgBox { 
	flex-shrink:0;
	font-size: 0;
}
.mSolutionWr .solLst01 .lstImgBox img { 
	max-width: 100%;
}
.mSolutionWr .solLst01 .lstTxtBox { 
	flex-grow:1;
}
.mSolutionWr .solLst01 .lstTxtBox .lstTit01 { 
	display:inline-block;
	margin:0 0 6px;
	padding:5px 13px 4px;
	background: #212121;
	border-radius: 100px;
	font-weight: 500;
	font-size: 15px;
	color: #FFE135;
}
.mSolutionWr .solLst01 .lstTxtBox .topBox { 
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:12px;
	margin:0 0 17px;
}
.mSolutionWr .solLst01 .lstTxtBox .lstTit02 { 
	font-weight: 300;
	font-size: 48px;
}
.mSolutionWr .solLst01 .lstTxtBox .lstTit02.st01 { 
	color: #2962FF;
}
.mSolutionWr .solLst01 .lstTxtBox .lstTit02.st02 { 
	color: #A857FF;
}
.mSolutionWr .solLst01 .lstTxtBox .lstTit02.st03 { 
	color: #FF4CB7;
}
.mSolutionWr .solLst01 .lstTxtBox .lstCate01 { 
	padding:4px 12px;
	border-radius: 100px;
	font-size: 15px;
}
.mSolutionWr .solLst01 .lstTxtBox .lstCate01.st01 { 
	background: #F0F4FF;
	color: #2962FF;
}
.mSolutionWr .solLst01 .lstTxtBox .lstCate01.st02 { 
	background: #FDF0FF;
	color: #A857FF;
}
.mSolutionWr .solLst01 .lstTxtBox .lstCate01.st03 { 
	background: #FFF0F6;
	color: #FF4CB7;
}
.mSolutionWr .solLst01 .sLst01 li { 
	position:relative;
	margin:0 0 14px;
	padding:0 0 0 29px;
	font-size: 14px;
	letter-spacing: 0;
}
.mSolutionWr .solLst01 .sLst01 li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: -2px;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.mSolutionWr .solLst01 .sLst01 li.stChk { 
	color: #212121;
}
.mSolutionWr .solLst01 .sLst01 li.stChk:before { 
	background-image: url(/Form/_renew/images/mSolutionChk01.svg);
}
.mSolutionWr .solLst01 .sLst01 li.stNa { 
	color: #797979;
}
.mSolutionWr .solLst01 .sLst01 li.stNa:before { 
	background-image: url(/Form/_renew/images/mSolutionNa01.svg);
}
.mSolutionWr .solLst01 .sLst01 li:last-child { 
	margin:0;
}
.mSolutionWr .solLst01 .lstPrcBox { 
	flex-shrink:0;
	text-align: right;
}
.mSolutionWr .solLst01 .lstPrcBox .orgPrc { 
	margin:0 0 4px;
	color: #797979;
}
.mSolutionWr .solLst01 .lstPrcBox .orgPrc .lineTxt { 
	font-size: 20px;
	text-decoration:line-through;
}
.mSolutionWr .solLst01 .lstPrcBox .orgPrc .sTxt { 
	font-size: 16px;
}
.mSolutionWr .solLst01 .lstPrcBox .prc { 
	margin:0 0 17px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.mSolutionWr .solLst01 .lstPrcBox .prc em { 
	font-style:normal;
	font-size:2.1em;
	color: #F33E3E;
}
.mSolutionWr .solLst01 .lstPrcBox .lnk01 { 
	position:relative; 
	display:block;
	padding:13px 89px 14px 50px;
	background: #212121;
	border:1px solid #212121;
	border-radius: 10px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #FFF;
	text-align: left;
}
.mSolutionWr .solLst01 .lstPrcBox .lnk01:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 7px;
	top: 21px;
	right: 40px;
	background:url(/Form/_renew/images/mSolutionLnk01.svg) no-repeat center / cover;
	transition:all .3s ease;
}
.mSolutionWr .solLst01 .lstPrcBox .lnk01:focus:after,
.mSolutionWr .solLst01 .lstPrcBox .lnk01:hover:after { 
	right: 50px;
}
.mSolutionWr .solTit01 { 
	position:relative;
	margin:0 0 11px;
	padding:0 0 0 45px;
	font-weight: 500;
	font-size: 22px;
	color: #212121;
	text-align: left;
}
.mSolutionWr .solTit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 2px;
	top: 12px;
	left: 0;
	background: #2962FF;
}
.mSolutionWr .solTblBox01 { 
	overflow-x:auto;
}
.mSolutionWr .solTblBox01 table { 
	min-width: 900px;
	text-align: center;
}
.mSolutionWr .solTblBox01 thead { 
	border-bottom:2px solid #424242;
}
.mSolutionWr .solTblBox01 thead th { 
	padding:10px 8px;
	font-weight: 500;
	font-size: 14px;
	color: #424242;
}
.mSolutionWr .solTblBox01 thead th .clr01 { 
	color: #2962FF;
}
.mSolutionWr .solTblBox01 thead th .clr02 { 
	color: #A857FF;
}
.mSolutionWr .solTblBox01 thead th .clr03 { 
	color: #FF4CB7;
}
.mSolutionWr .solTblBox01 thead th:not(:first-child) { 
	width: 230px;
}
.mSolutionWr .solTblBox01 tbody { 
	border:1px solid #F0F0F0;
}
.mSolutionWr .solTblBox01 tbody tr { 
	border-bottom:1px solid #F0F0F0;
}
.mSolutionWr .solTblBox01 tbody tr > * { 
	padding:10px 8px 8px;
}
.mSolutionWr .solTblBox01 tbody th { 
	background: #FAFAFA;
	font-weight: 400;
	font-size: 14px;
	color: #212121;
}
.mSolutionWr .solTblBox01 tbody td .ico { 
	display:inline-block;
	vertical-align:middle;
	font-size: 0;
}
.mSolutionWr .solTblBox01 tbody td .ico img { 
	max-width:100%;
}
.mFeeFreeWr { 
	padding:33px 0 37px;
	background:url(/Form/_renew/images/mFeeFreeBg01.png) no-repeat center / cover;
	text-align: center;
}
.mFeeFreeWr .imgBox { 
	font-size: 0;
}
.mFeeFreeWr .imgBox img { 
	max-width: 100%;
}
.mFeeFreeWr .txt01 { 
	margin:0 0 9px;
	font-family: "Black Han Sans";
	font-size: 76px;
	line-height: 1.2;
	letter-spacing: 0;
	color: #FFF;
	text-shadow:0 3px 6px rgba(27, 27, 37, .56);
}
.mFeeFreeWr .txt02 { 
	display:inline-block;
	padding:8px 35px 5px;
	background: #212121;
	border-radius: 1000px;
	font-weight: 500;
	font-size: 24px;
	letter-spacing: 0;
	color: #FFED2A;
}
.mPointWr { 
	padding:117px 0 120px;
}
.mPointWr .mComTit01,
.mPointWr .mComTit02 { 
	text-align: center;
}
.mPointWr .pntLst01 {
	--stack-cards-gap: 12px;
}
.mPointWr .pntLst01 li { 
	position: sticky;
	display:flex;
	justify-content:space-between;
	gap:16px;
	top: 100px;
	margin:0 0 40px;
	padding:60px 80px;
	background: #FFF;
	border-radius: 25px;
	box-shadow:0 2px 8px 0 rgba(175, 175, 175, .25);
	will-change: transform;
	transform-origin: center top;
}
.mPointWr .pntLst01 li:last-child { 
	margin:0;
}
.mPointWr .pntLst01 .lstTxtBox { 
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
.mPointWr .pntLst01 .lstTit01 {
	margin:0 0 21px;
	padding:8px 17px 5px; 
	border-radius: 15px;
	font-weight: 500;
	font-size: 16px;
}
.mPointWr .pntLst01 .lstTit01.st01 { 
	background: #EAF0FF;
	color: #2962FF;
}
.mPointWr .pntLst01 .lstTit01.st02 { 
	background: #FFF4DE;
	color: #F0B52C;
}
.mPointWr .pntLst01 .lstTit01.st03 { 
	background: #E4DEFF;
	color: #7C5EFF;
}
.mPointWr .pntLst01 .lstTit01.st04 { 
	background: #FEF9F9;
	color: #FF2977;
}
.mPointWr .pntLst01 .lstTit01.st05 { 
	background: #FAFEF9;
	color: #57C93B;
}
.mPointWr .pntLst01 .lstTit02 { 
	margin:0 0 19px;
	font-weight: 500;
	font-size: 28px;
	color: #212121;
}
.mPointWr .pntLst01 .lstTxt01 { 
	flex-grow:1;
	font-size: 15px;
	line-height: 1.4;
	color: #212121;
}
.mPointWr .pntLst01 .lstLnk01 { 
	display:inline-block;
	padding:11px 36px 9px;
	background: #FAFAFA;
	border:1px solid #FAFAFA;
	border-radius: 1000px;
	font-weight: 500;
	font-size: 17px;
	color: #212121;
	transition:all .3s ease;
}
.mPointWr .pntLst01 .lstLnk01:focus,
.mPointWr .pntLst01 .lstLnk01:hover { 
	background: #FFF;
	border-color:#2962FF;
	color: #2962FF;
}
.mPointWr .pntLst01 .lstImgBox { 
	flex-shrink:0;
	border-radius: 24px;
	box-shadow:0 2px 8px 0 rgba(175, 175, 175, .25);
	font-size: 0;
	overflow: hidden;
}
.mPointWr .pntLst01 .lstImgBox img { 
	max-width: 100%;
}
.mToolsWr { 
	padding:117px 0 120px;
	background: #EEF2FF;
}
.mToolsWr .mComTit01,
.mToolsWr .mComTit02 {
	text-align: center;
}
.mToolsWr .toolLst01 {
	--stack-cards-gap: 12px;
}
.mToolsWr .toolLst01 li {
	position: sticky;
	display:flex;
	justify-content:space-between;
	gap:80px;
	top: 120px;
	margin:0 0 40px;
	padding:60px 80px;
	background: #FFF;
	border-radius: 25px;
	box-shadow:0 2px 8px 0 rgba(175, 175, 175, .25);
	will-change: transform;
	transform-origin: center top;
}
.mToolsWr .toolLst01 li:last-child { 
	margin:0;
}
.mToolsWr .toolLst01 .lstImgBox { 
	flex-grow:1;
	display:flex;
	align-items:center; 
	justify-content:center;
	min-height: 360px;
	font-size: 0;
	overflow: hidden;
}
.mToolsWr .toolLst01 .lstImgBox img { 
	max-width: 100%;
}
.mToolsWr .toolLst01 .lstTxtBox { 
	flex-shrink:0;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	width: 464px;
}
.mToolsWr .toolLst01 .lstTit01 {
	margin:0 0 21px;
	padding:8px 17px 5px; 
	background: #EAF0FF; 
	border-radius: 15px;
	font-weight: 500;
	font-size: 16px;
	color: #2962FF;
}
.mToolsWr .toolLst01 .lstTit02 { 
	margin:0 0 19px;
	font-weight: 500;
	font-size: 28px;
	color: #212121;
}
.mToolsWr .toolLst01 .lstTxt01 { 
	flex-grow:1;
	font-size: 15px;
	line-height: 1.4;
	color: #212121;
}
.mToolsWr .toolLst01 .lstLnk01 { 
	display:inline-block;
	padding:11px 36px 9px;
	background: #FAFAFA;
	border:1px solid #FAFAFA;
	border-radius: 1000px;
	font-weight: 500;
	font-size: 17px;
	color: #212121;
	transition:all .3s ease;
}
.mToolsWr .toolLst01 .lstLnk01:focus,
.mToolsWr .toolLst01 .lstLnk01:hover { 
	background: #FFF;
	border-color:#2962FF;
	color: #2962FF;
}
.mHonestReviewWr { 
	padding:117px 0;
}
.mHonestReviewWr .mComTit01,
.mHonestReviewWr .mComTit02 { 
	text-align: center;
}
.mHonestReviewWr .rvTit01 { 
	margin:0 0 76px;
	font-weight: 400;
	font-size: 24px;
	text-align: center;
	color: #212121;
}
.mHonestReviewWr .rvTit01 span { 
	position:relative; 
	display:inline-block;
}
.mHonestReviewWr .rvTit01 span:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 53%;
	bottom: 4px;
	left: 0;
	background: #DAEDFF;
	z-index: -1;
}
.mHonestReviewWr .rvSwipeBox { 
	overflow: hidden;
}
.mHonestReviewWr .rvLst01 > li { 
	display:flex;
	align-items:flex-start;
	gap:120px;
	margin:0 0 36px;
}
.mHonestReviewWr .rvLst01 > li:last-child { 
	margin:0;
}
.mHonestReviewWr .rvLst01 .userBox { 
	flex-shrink:0;
	display:flex;
	align-items:center;
	gap:13px;
}
.mHonestReviewWr .rvLst01 .userBox .imgBox { 
	font-size: 0;
}
.mHonestReviewWr .rvLst01 .userBox .imgBox img { 
	max-width: 100%;
}
.mHonestReviewWr .rvLst01 .userBox .name { 
	margin:0 0 10px;
	font-weight: 700;
	font-size: 16px;
	color: #212121;
}
.mHonestReviewWr .rvLst01 .userBox .starLst { 
	display:flex;
	gap:14px;
}
.mHonestReviewWr .rvLst01 .userBox .starLst li { 
	font-size: 0;
}
.mHonestReviewWr .rvLst01 .userBox .starLst li img { 
	max-width: 100%;
}
.mHonestReviewWr .rvLst01 .lstTxt01 { 
	flex-grow:1;
	min-width: 0;
	padding:47px 51px 43px;
	background: #FAFAFA;
	border-radius: 25px;
	box-shadow:0 2px 8px 0 rgba(175, 175, 175, .25);
	font-size: 16px;
	line-height: 1.5;
	color: #424242;
}
.mHonestReviewWr .rvSwipePage { 
	margin:80px 0 0;
	font-size: 0;
	text-align: center;
}
.mHonestReviewWr .swiper-pagination-bullet { 
	position:relative;
	width: 20px;
	height: 20px;
	margin:0 3px;
	background:transparent;
	border:2px solid transparent;
	border-radius: 50%;
}
.mHonestReviewWr .swiper-pagination-bullet:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 4px;
	height: 4px;
	top: 50%;
	left: 50%;
	margin:-2px 0 0 -2px;
	background: #CDCDCD;
	border-radius: 50%;
}
.mHonestReviewWr .swiper-pagination-bullet-active { 
	border-color:#2962FF;
}
.mHonestReviewWr .swiper-pagination-bullet-active:before { 
	background:#2962FF;
}
.mParterWr { 
	padding:120px 0;
}
.mParterWr .mComTit01,
.mParterWr .mComTit02 { 
	text-align: center;	
}
.mParterWr .txt01 { 
	margin:0 0 81px;
	font-size: 24px;
	line-height: 1.4;
	text-align: center;
	color: #212121;
}
.mParterWr .logoBox01 { 
	position:relative;
	overflow: hidden;
}
.mParterWr .logoBox01:before,
.mParterWr .logoBox01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 43.4%;
	height: 100%;
	top: 0;
	z-index: 2;
}
.mParterWr .logoBox01:before { 
	left: 0;
	background:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}
.mParterWr .logoBox01:after { 
	right: 0;
	background:linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
}
.mParterWr .mpLogoLst01 { 
	position:relative;
	height: 72px;
	overflow: hidden;
}
.mParterWr .mpLogoLst01 li { 
	position:absolute;
	height: 100%;
	top:0;
	font-size: 0; 
}
.mParterWr .mpLogoLst01 li img { 
	height: 100%; 
}
.mParterWr .mpLogoLst01 + .mpLogoLst01 { 
	margin-top:24px;
}
.mQnaWr { 
	padding:117px 0 120px;
	background: #2962FF;
}
.mQnaWr .mComTit01,
.mQnaWr .mComTit02 { 
	text-align: center;
	color: #FFF;
}
.mQnaWr .lst01 li { 
	margin:0 0 24px;
	padding:28px 32px 27px;
	background: #FFF;
	border-radius: 15px;
}
.mQnaWr .lst01 li:last-child { 
	margin:0;
}
.mQnaWr .lst01 .mQnaQue { 
	position:relative; 
	display:block; 
	width: 100%;
	padding:0 25px 0 0;
	font-weight: 500;
	font-size: 20px;
	color: #212121;
	text-align: left;
	word-break:break-all;
}
.mQnaWr .lst01 .mQnaQue:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 6px;
	top: 13px;
	right: 6px;
	background:url(/Form/_renew/images/mQnaArrow01_off.svg) no-repeat center / cover;
	transition:all .3s ease;
}
.mQnaWr .lst01 .mQnaQue.on { 
	color: #2962FF;
}
.mQnaWr .lst01 .mQnaQue.on:after {
	transform:rotate(180deg);
	background-image: url(/Form/_renew/images/mQnaArrow01_on.svg);
}
.mQnaWr .lst01 .mQnaAns { 
	display:none; 
	padding:20px 0 0;
	font-size: 16px;
	color: #212121;
	word-break:break-all;
}
.mQnaWr .btmBox { 
	margin:49px 0 0;
	text-align: center;
}
.mQnaWr .btmBox .lnk { 
	position:relative; 
	display:inline-block;
	padding:0 40px 0 0;
	font-size: 18px;
	letter-spacing: 0;
	color: #FFF;
}
.mQnaWr .btmBox .lnk:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 7px;
	top: 9px;
	right: 0;
	background:url(/Form/_renew/images/mQnaArrow01.svg) no-repeat center / cover;
	transition:all .3s ease;
}
.mQnaWr .btmBox .lnk:focus:after,
.mQnaWr .btmBox .lnk:hover:after { 
	right: -8px;
}
.mContactWr {
	padding:120px 0;
	background:url(/Form/_renew/images/mContactBg01.png) no-repeat center / cover;
	overflow: hidden;
}
.mContactWr .inner { 
	display:flex;
	justify-content:space-between;
	gap:16px;
}
.mContactWr .txtBox { 
	flex-shrink:0;
}
.mContactWr .txt01 { 
	font-size: 24px;
	line-height: 1.4;
	color: #212121;
}
.mContactWr .txt02 {
	font-size: 20px;
	color: #2962FF;
}
.mContactWr .txt02 .hasBg01 { 
	position:relative; 
	display:inline-block;
}
.mContactWr .txt02 .hasBg01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 14px;
	bottom: 1px;
	left: 0;
	background: #FFEEA8;
	border-radius: 100px;
	z-index: -1;
}
.mContactWr .txt01 + .txt02 { 
	margin-top:34px;
}
.mContactWr .formBox { 
	width: 823px;
	padding:40px;
	background: #FFF;
	border-radius: 25px;
	box-shadow:0 2px 8px 0 rgba(175, 175, 175, .25);
}
.mContactWr .formBox .iptTit01 { 
	display:block;
	margin:0 0 7px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.22px;
	color: #424242;
}
.mContactWr .formBox * + .iptTit01 { 
	margin-top:14px;
}
.mContactWr .formBox .ipt { 
	padding:14px 15px 12px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 14px;
	color: #424242;
}
.mContactWr .formBox .ipt::placeholder { 
	color: #999;
}
.mContactWr .formBox .ipt.fullWid { 
	width: 100%;
}
.mContactWr .formBox .chkBox01 { 
	position:relative;
	margin:24px 0 0;
}
.mContactWr .formBox .chkBox01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.mContactWr .formBox .chkBox01 .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 30px;
	font-size: 15px;
	color: #212121;
}
.mContactWr .formBox .chkBox01 .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 21px;
	height: 21px;
	top: -2px;
	left: 0;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.mContactWr .formBox .chkBox01 .chkLbl span {
	font-weight: 500;
	color: #2962FF;
}
.mContactWr .formBox .chkBox01 .chkIpt:checked + .chkLbl:before { 
	background: #2962FF url(/Form/_renew/images/mContactChk01.svg) no-repeat top 5px left 4px;
	border-color:#2962FF;
}
.mContactWr .formBox .btnSubmit { 
	position:relative; 
	display:inline-block;
	margin:27px 0 0;
	padding:13px 90px 13px 51px;
	background: #202020;
	border-radius: 10px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #FFF;
}
.mContactWr .formBox .btnSubmit:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 7px;
	top: 21px;
	right: 50px;
	background:url(/Form/_renew/images/mContactArrow01.svg) no-repeat center / cover;
	transition:all .3s ease;
}
.mContactWr .formBox .btnSubmit:focus:after,
.mContactWr .formBox .btnSubmit:hover:after { 
	right: 60px;
}
.mFooterWr { 
	position:fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	background:linear-gradient(to bottom, #E98126, #E92626);
	z-index: 3;
}
.mFooterWr .inner { 
	position:relative;
	display:flex;
	justify-content:center;
	padding:13px 205px 12px;
}
.mFooterWr .txtBox01 { 
	position:relative;
	padding:0 0 0 89px;
}
.mFooterWr .imgBox { 
	position:absolute; 
	top: 0;
	left: 0;
	font-size: 0;
	animation:mFootJingle01 .8s infinite alternate;
}
.mFooterWr .imgBox img { 
	max-width: 100%;
}
@keyframes mFootJingle01 {
	0% { 
		transform:rotate(15deg);
	}
	100% { 
		transform:rotate(0);
	}
}
.mFooterWr .txt01 { 
	position:relative;
	display:inline-block;
	margin:0 0 1px;
	padding:0 0 5px;
	font-family: "Black Han Sans";
	font-size: 24px;
	color: #FFF;
}
.mFooterWr .txt01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 158px;
	height: 7px;
	bottom: 0;
	left: 0;
	background:url(/Form/_renew/images/mFootLine01.png) no-repeat center / cover;
}
.mFooterWr .txt02 {	
	font-family: "Black Han Sans";
	font-size: 32px;
	color: #FFF;
}
.mFooterWr .txt02 span { 
	position:relative;
	padding:0 0 0 27px;
	color: #FFD321;
}
.mFooterWr .txt02 span:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 22px;
	height: 24px;
	top: 4px;
	left: 0;
	background:url(/Form/_renew/images/mFootCoin01.png) no-repeat center / cover;
}
.mFooterWr .lnk01 { 
	position:absolute;
	display:block; 
	top: 50%;
	right: 0;
	transform:translateY(-50%);
	font-size: 0;
	animation:mFootBlink01 .8s infinite alternate;
}
.mFooterWr .lnk01 img { 
	max-width: 100%;
}
@keyframes mFootBlink01 {
	0% { 
		opacity: 0;
	}
	100% { 
		opacity: 1;
	}
}
.mImgPopWr .popBox {
	position:absolute;
	display:flex;
	flex-direction:column;
	width: 620px;
	max-width: 90%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.mImgPopWr .popCon { 
	flex-grow:1;
	margin:0 0 12px;
	padding:20px;
	background: #FFF;
}
.mImgPopWr .tit { 
	margin:0 0 24px;
	font-weight: 700; 
	font-size: 24px;
	word-break:break-all;
}
.mImgPopWr .popClose { 
	position:absolute;
	display:block; 
	width: 32px;
	height: 32px;
	top:-37px;
	right:0;
}
.mImgPopWr .popClose:before,
.mImgPopWr .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 2px;
	top:50%;
	left: 50%;
	margin:-1px 0 0 -12px;
	background: #939393;
	border-radius: 4px;
}
.mImgPopWr .popClose:before { 
	transform:rotate(45deg); 
}
.mImgPopWr .popClose:after { 
	transform:rotate(-45deg); 
}
.mImgPopWr .imgBox { 
	margin:0 0 17px;
	font-size: 0;
	text-align: center;
}
.mImgPopWr .imgBox img { 
	max-width: 100%; 
}
.mImgPopWr .txt { 
	font-size: 16px; 
	line-height: 1.5;
	letter-spacing: 0;
	color: #323232;
}
.mImgPopWr .btmBox { 
	position:relative; 
}
.mImgPopWr .btmBox .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left: 0;
	overflow: hidden;
}
.mImgPopWr .btmBox .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 25px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0;
	color: #FFF;
}
.mImgPopWr .btmBox .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 15px;
	height: 15px;
	top: 1px;
	left: 0;
	background: #FFF url(/Form/_guest/basic/images/comChk01.svg) no-repeat center center;
	border:1px solid #E0E0E0;
	border-radius: 3px;
}
.mImgPopWr .btmBox .chkIpt:checked + .chkLbl:before { 
	background-color: #868686;
	border-color:#868686;
}
@media all and (max-width:1799px){
	.mBnrWr {
		gap:30px;
	}
	.mBnrWr .mBnrGaugeBox { 
		gap:10px;
	}
	.mBnrWr .mBnrGaugeBox .num01 { 
		width: 45px;
		font-size: 30px;
	}
}
@media all and (max-width:999px){
	.mComTit01 { 
		margin:0 0 2px;
		font-size: 14px;
	}
	.mComTit02 { 
		margin:0 0 16px;
		font-size: 20px;
	}
	.mBnrWr {
		position:relative;
		display:block;
		padding:0 16px;
	}
	.mBnrWr .mBnrGaugeBox { 
		display:none;
	}
	.mBnrWr .mBnrLBox { 
		position:absolute;
		width: 100%;
		top: 50%;
		left: 0;
		transform:translateY(-50%);
		padding:0 32px;
		z-index: 2;
	}
	.mBnrWr .mBnrTxtBox { 
		display:flex;
		flex-direction:column;
		height: 100%;
	}
	.mBnrWr .tit01,
	.mBnrWr .txt01 {
		margin:0 0 16px;
		color: #FFF;
	}
	.mBnrWr .tit01 { 
		font-size: 39px;
	}
	.mBnrWr .txt01 {
		flex-grow:1;
		font-size: 16px;
		line-height: 1.5;
	}
	.mBnrWr .lnk01 { 
		padding:12px 30px 11px 14px;
		border-radius: 5px;
		font-size: 13px;
	}	
	.mBnrWr .lnk01:after { 
		width: 11px;
		height: 6px;
		top: 17px;
		right: 12px;
	}
	.mBnrWr .mBnrSwipeBox { 
		width: 100%;
		height: 580px;
		border-radius: 10px;
	}
	.mBnrWr .mBnrSwipe img { 
		position:absolute;
		max-width: none;
		min-width: 100%;
		height: 100%;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
	}
	.mBnrWr .mBnrSwipe { 
		width: 100%;
		height: 100%;
	}
	.mBnrWr .swiper-slide:after { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background:rgba(0,0,0,.2);
	}
	.mBnrWr .swiper-pagination-bullets.swiper-pagination-horizontal { 
		margin:16px 0 0;
	}
	.mBnrWr .swiper-pagination-bullet:before,
	.mBnrWr .swiper-pagination-bullet-active:before { 
		background: #FFF;
	}
	.mBnrWr .swiper-pagination-bullet-active { 
		border-color:#FFF;
	}
	.mBnrWr .mBnrNavBox { 
		display:none;
	}
	.mWhyWr { 
		padding:36px 0;
	}
	.mWhyWr .lst01 { 
		gap:8px;
	}
	.mWhyWr .lst01 > li { 
		width: 100%;
	}
	.mWhyWr .lst01 .lstTopBox { 
		padding:20px 16px;
	}
	.mWhyWr .lst01 .lstTit01 { 
		margin:0 0 12px;
		font-size: 16px;
	}
	.mWhyWr .lst01 .lstTxtBox01 { 
		margin:0 0 10px;
	}
	.mWhyWr .lst01 .lstTxt01 { 
		font-size: 13px;
		line-height: 1.5;
	}
	.mWhyWr .lst01 .sLst01 li,
	.mWhyWr .lst01 .lstLnk01 { 
		font-size: 13px;
	}
	.mWhyWr .lst01 .sLst01 li { 
		padding:0 0 0 8px;
	}
	.mWhyWr .lst01 .sLst01 li:before { 
		width: 4px;
		top: 6px;
	}
	.mSavingWr { 
		padding:24px 0;
	}
	.mSavingWr .inner { 
		flex-wrap:wrap;
	}
	.mSavingWr .txtBox01 { 
		width: 100%;
		text-align: center;
	}
	.mSavingWr .tit01 {
		margin:0 0 16px;
		font-size: 20px;
	}
	.mSavingWr .txt01 { 
		font-size: 16px;
	}
	.mSavingWr .imgBox { 
		width: 257px;
		margin:0 auto;
	}
	.mReviewWr { 
		padding:36px 0;
	}
	.mReviewWr .txt01 { 
		margin:0 0 16px;
		font-size: 16px;
		line-height: 1.3;
	}
	.mReviewWr .logoBox01:before,
	.mReviewWr .logoBox01:after {
		width: 100px;
	}
	.mReviewWr .logoLst01 {
		height: 56px;
	}
	.mReviewWr .logoLst01 + .logoLst01 { 
		margin-top:10px;
	}
	.mAppExpWr { 
		padding:36px 0;
	}
	.mAppExpWr .appExpBox { 
		justify-content:center;
		gap:16px;
	}
	.mAppExpWr .imgBox {
		width: 120px;
	}
	.mAppExpWr .imgBox .bgImg {
		width: 100px;
		height: 100px;
		bottom: -10px;
	}	
	.mAppExpWr .imgBox .gifBox.st01 { 
		border-radius: 0 0 20px 20px;
	}
	.mAppExpWr .imgBox .gifBox.st02 { 
		border-radius: 20px;
	}
	.mAppExpWr .txt01 { 
		font-size: 13px;
		line-height: 1.3;
	}
	.mAppExpWr .txt01 br { 
		display:none;
	}
	.mAppExpWr .txt01 .hasBg01:before { 
		height: 10px;
	}
	.mAppExpWr .txt01 + .txt01 { 
		margin-top:8px;
	}
	.mAppExpWr .appExpBox:nth-child(odd) .imgBox .bgImg { 
		right: -20px;
	}
	.mAppExpWr .appExpBox:nth-child(even) .imgBox .bgImg { 
		left: -20px;
	}
	.mAppExpWr .appExpBox + .appExpBox { 
		margin-top:24px;
	}
	.mEduFocusWr { 
		padding:20px 0;
	}
	.mEduFocusWr .imgBox { 
		width: 90px;
		margin:0 auto;
	}
	.mEduFocusWr .tit01 { 
		margin: 0 0 6px;
		font-size: 24px;
	}
	.mEduFocusWr .txt01 {
		font-size: 14px;
	}
	.mSystemWr { 
		padding:36px 0;
	}
	.mSystemWr .systemBox {
		flex-wrap:wrap;
		gap:10px;
	}
	.mSystemWr .systemBox .imgBox { 
		width: 100%;
		border-radius: 10px;
	}
	.mSystemWr .systemBox .imgBox img { 
		width: 100%;
	}
	.mSystemWr .systemBox .conBox { 
		width: 100%;
	}
	.mSystemWr .systemBox .tit01 { 
		margin:0 0 12px;
		font-size: 16px;
		line-height: 1.3;
	}
	.mSystemWr .systemBox .txt01 { 
		margin:0 0 10px;
		padding:8px 16px 6px;
		border-radius: 10px;
		font-size: 14px;
	}
	.mSystemWr .systemBox .lst01 {
		margin:0 0 10px;
	}
	.mSystemWr .systemBox .lst01 li {
		margin:0 0 8px;
		padding:0 0 0 16px;
		font-size: 13px;
	}
	.mSystemWr .systemBox .lst01 li:before {
		width: 8px;
		height: 7px;
		top: 2px;
	}
	.mSystemWr .systemBox .lnk01 {
		padding:8px 26px 7px 12px;
		border-radius: 5px;
		font-size: 13px;
	}
	.mSystemWr .systemBox .lnk01:after {
		width: 8px;
		height: 4px;
		top: 14px;
		right: 12px;
	}
	.mSystemWr .systemBox .lnk01:focus:after,
	.mSystemWr .systemBox .lnk01:hover:after { 
		right: 14px;
	}
	.mSystemWr .systemBox + .systemBox { 
		margin-top:16px;
	}
	.mSolutionWr { 
		padding:36px 0;
	}
	.mSolutionWr .solLst01 {
		margin:0 0 16px;
	}
	.mSolutionWr .solLst01 .solLst01Li {
		flex-wrap:wrap;
		gap:16px;
		width: 100%;
		height: 510px;
		top: 100px;
		margin:0;
		padding:16px;
		border-radius: 10px;
	}
	.mSolutionWr .solLst01 .lstPer { 
		top: 10px;
		left: -15px;
		padding:5px 20px 14px 9px;
		font-size: 13px;
	}
	.mSolutionWr .solLst01 .lstImgBox { 
		width: 100px;
		margin:0 auto;
	}
	.mSolutionWr .solLst01 .lstTxtBox { 
		display:flex;
		flex-direction:column;
		align-items:center;
		width: 100%;
	}
	.mSolutionWr .solLst01 .lstTxtBox .lstTit01 {
		margin:0 0 2px;
		padding:5px 8px 4px;
		font-size: 13px;
	}
	.mSolutionWr .solLst01 .lstTxtBox .topBox { 
		justify-content:center;
		gap:8px;
		margin:0 0 10px;
	}
	.mSolutionWr .solLst01 .lstTxtBox .lstTit02 { 
		width: 100%;
		font-size: 22px;
		text-align: center;
	}
	.mSolutionWr .solLst01 .lstTxtBox .lstCate01 { 
		padding:4px 10px;
		font-size: 14px;
	}
	.mSolutionWr .solLst01 .sLst01 li { 
		margin:0 0 10px;
		padding:0 0 0 24px;
		font-size: 13px;
	}
	.mSolutionWr .solLst01 .sLst01 li:before { 
		width: 16px;
		height: 16px;
		top: 0;
	}
	.mSolutionWr .solLst01 .lstPrcBox { 
		width: 100%;
		text-align: center;
	}
	.mSolutionWr .solLst01 .lstPrcBox .orgPrc .lineTxt { 
		font-size: 14px;
	}
	.mSolutionWr .solLst01 .lstPrcBox .orgPrc .sTxt { 
		font-size: 13px;
	}
	.mSolutionWr .solLst01 .lstPrcBox .prc { 
		margin:0 0 10px;
		font-size: 14px;
	}
	.mSolutionWr .solLst01 .lstPrcBox .prc em { 
		font-size: 1.6em;
	}
	.mSolutionWr .solLst01 .lstPrcBox .lnk01 { 
		padding:10px 10px 9px;
		text-align: center;
		font-size: 14px;
		transition:all .3s ease;
	}
	.mSolutionWr .solLst01 .lstPrcBox .lnk01:after { 
		display:none;
	}
	.mSolutionWr .solTit01 { 
		padding:0 0 0 16px;
		font-size: 16px;
	}
	.mSolutionWr .solTit01:before { 
		width: 10px;
		top: 8px;
	}
	.mSolutionWr .solTblBox01 table { 
		min-width: 500px;
	}
	.mSolutionWr .solTblBox01 thead th,
	.mSolutionWr .solTblBox01 tbody th { 
		font-size: 13px;
	}
	.mSolutionWr .solTblBox01 thead th:not(:first-child) { 
		width: 80px;
	}
	.mFeeFreeWr { 
		padding:24px 0 30px;
		background:url(/Form/_renew/images/mFeeFreeBg01.png) no-repeat center / cover;
		text-align: center;
	}
	.mFeeFreeWr .imgBox { 
		width: 108px;
		margin:0 auto;
	}
	.mFeeFreeWr .txt01 { 
		margin:0 0 6px;
		font-size: 24px;
	}
	.mFeeFreeWr .txt02 { 
		padding:6px 20px 5px;
		font-size: 13px;
	}
	.mPointWr { 
		padding:36px 0;
	}
	.mPointWr .mComTit02 br { 
		display:none;
	}
	.mPointWr .pntLst01 {
		width: 360px;
		max-width: 100%;
		margin:0 auto;
	}
	.mPointWr .pntLst01 li {
		flex-wrap:wrap;
		gap:10px;
		height: 405px;
		margin:0;
		padding:16px;
		border-radius: 10px;
	}
	.mPointWr .pntLst01 .lstTxtBox { 
		align-items:center;
		width: 100%;
	}
	.mPointWr .pntLst01 .lstTit01 {
		margin:0 0 10px;
		padding:8px 12px 5px;
		font-size: 13px;
	}
	.mPointWr .pntLst01 .lstTit02 { 
		margin:0 0 10px;
		font-size: 20px;
	}
	.mPointWr .pntLst01 .lstTxt01 {
		width: 100%;
		margin:0 0 10px;
		font-size: 13px;
		text-align: center;
	}
	.mPointWr .pntLst01 .lstLnk01 {
		margin:0 0 16px;
		padding:11px 16px 9px;
		font-size: 13px;
	}
	.mPointWr .pntLst01 .lstImgBox { 
		width: 100%;
		border-radius: 10px;
	}
	.mPointWr .pntLst01 .lstImgBox img { 
		width: 100%;
	}
	.mToolsWr { 
		padding:36px 0;
	}
	.mToolsWr .mComTit02 br {
		display:none;
	}
	.mToolsWr .toolLst01 {
		width: 360px;
		max-width: 100%;
		margin:0 auto;
	}
	.mToolsWr .toolLst01 li {
		flex-wrap: wrap;
		gap: 10px;
		top: 100px;
		margin: 0;
		padding: 16px;
		border-radius: 10px;
	}
	.mToolsWr .toolLst01 .lstImgBox { 
		width: 100%;
		min-height: 0;
	}
	.mToolsWr .toolLst01 .lstTxtBox { 
		align-items:center; 
		width: 100%;
	}
	.mToolsWr .toolLst01 .lstTit01 {
		margin: 0 0 10px;
		padding: 8px 12px 5px;
		font-size: 13px;
	}
	.mToolsWr .toolLst01 .lstTit02 { 
		margin: 0 0 10px;
		font-size: 20px;
	}
	.mToolsWr .toolLst01 .lstTxt01 { 
		width: 100%;
        margin: 0 0 10px;
        font-size: 13px;
        text-align: center;
	}
	.mToolsWr .toolLst01 .lstLnk01 {
        padding: 11px 16px 9px;
        font-size: 13px;
	}
	.mHonestReviewWr { 
		padding:36px 0;
	}
	.mHonestReviewWr .rvTit01 { 
		margin:0 0 24px;
		font-size: 16px;
	}
	.mHonestReviewWr .rvTit01 span:before {
		bottom: 2px;
	}
	.mHonestReviewWr .rvLst01 > li {
		flex-wrap:wrap;
		gap:12px;
		margin:0 0 16px;
	}
	.mHonestReviewWr .rvLst01 .userBox { 
		width: 100%;
		gap:8px;
	}
	.mHonestReviewWr .rvLst01 .userBox .imgBox { 
		width: 60px;
	}
	.mHonestReviewWr .rvLst01 .userBox .name { 
		margin:0 0 8px;
		font-size: 13px;
	}
	.mHonestReviewWr .rvLst01 .userBox .starLst {
		gap:8px;
	}
	.mHonestReviewWr .rvLst01 .userBox .starLst li { 
		width: 16px;
	}
	.mHonestReviewWr .rvLst01 .lstTxt01 {
		width: 100%;
		padding:16px 16px 14px;
		border-radius: 10px;
		font-size: 13px;
	}
	.mHonestReviewWr .rvSwipePage { 
		margin:16px 0 0;
	}
	.mHonestReviewWr .swiper-pagination-bullet {
		width: 16px;
		height: 16px;
	}
	.mParterWr { 
		padding:36px 0;
	}
	.mParterWr .txt01 { 
		margin:0 0 24px;
		font-size: 16px;
	}
	.mQnaWr { 
		padding:36px 0;
	}
	.mQnaWr .lst01 li { 
		margin:0 0 10px;
		padding:16px 16px 14px;
		border-radius: 10px;
	}
	.mQnaWr .lst01 .mQnaQue {
		font-size: 14px;
	}
	.mQnaWr .lst01 .mQnaQue:after { 
		top: 7px;
	}
	.mQnaWr .lst01 .mQnaAns {
		padding:8px 0 0;
		font-size: 13px;
	}	
	.mQnaWr .btmBox { 
		margin:16px 0 0;
	}
	.mQnaWr .btmBox .lnk {
		padding:0 24px 0 0;
		font-size: 14px;
	}
	.mQnaWr .btmBox .lnk:after {
		width: 14px;
		height: 7px;
		top: 6px;
	}
	.mContactWr { 
		padding:36px 0;
	}
	.mContactWr .mComTit02 br { 
		display:none;
	}
	.mContactWr .inner { 
		flex-wrap:wrap;
	}
	.mContactWr .txtBox { 
		width: 100%;
	}
	.mContactWr .txt01 { 
		font-size: 16px;
	}
	.mContactWr .txt01 br { 
		display:none;
	}
	.mContactWr .txt02 { 
		font-size: 14px;
	}
	.mContactWr .txt02 .hasBg01:before { 
		height: 10px;
	}	
	.mContactWr .txt01 + .txt02 { 
		margin-top:5px;
	}
	.mContactWr .formBox { 
		width: 100%;
		padding:16px;
		border-radius: 10px;
	}
	.mContactWr .formBox .iptTit01 {
		margin:0 0 5px;
		font-size: 13px;
	}
	.mContactWr .formBox * + .iptTit01 { 
		margin-top:10px;
	}
	.mContactWr .formBox .ipt { 
		padding:10px 10px 8px;
		border-radius: 5px;
		font-size: 13px;
	}
	.mContactWr .formBox .chkBox01 {
		margin:12px 0 0;
	}
	.mContactWr .formBox .chkBox01 .chkLbl {
		padding:0 0 0 30px;
		font-size: 13px;
	}
	.mContactWr .formBox .chkBox01 .chkLbl:before { 
		top: -3px;
	}
	.mContactWr .formBox .btnSubmit {
		margin:12px 0 0;
		padding:10px 50px 10px 16px;
		border-radius: 5px;
		font-size: 14px;
	}
	.mContactWr .formBox .btnSubmit:after {
		top: 15px;
		right: 20px;
	}
	.mContactWr .formBox .btnSubmit:focus:after,
	.mContactWr .formBox .btnSubmit:hover:after { 
		right: 25px;
	}
	.mFooterWr { 
		width: calc(100% - 32px);
		bottom: 16px;
		left: 16px;
		border-radius: 100px;		
	}
	.mFooterWr .inner {
		align-items:center;
		justify-content:space-between;
		padding:8px 0;
	}
	.mFooterWr .txtBox01 {
		padding:0 0 0 50px;
	}
	.mFooterWr .imgBox { 
		width: 40px;
		top: 8px;
	}
	.mFooterWr .txt01 { 
		margin:0;
		padding:0 0 3px;
		font-size: 14px;
	}
	.mFooterWr .txt01:after {
		width: 95px;
		height: 4px;
	}
	.mFooterWr .txt02 {	
		font-size: 14px;
	}
	.mFooterWr .txt02 span {
		padding:0 0 0 16px;
	}
	.mFooterWr .txt02 span:before {
		width: 11px;
		height: 12px;
		top: 0;
	}
	.mFooterWr .lnk01 { 
		position:relative;
		width: 168px;
		top: auto;
		right: auto;
		transform:translateY(0);
	}
	.mImgPopWr .popCon { 
		margin:0 0 10px;
		padding:15px;
	}
	.mImgPopWr .tit {
		font-size: 19px;
		margin:0 0 15px;
	}
	.mImgPopWr .popClose { 
		width: 24px;
		height: 24px;
		top:-29px;
	}
	.mImgPopWr .popClose:before,
	.mImgPopWr .popClose:after { 
		width: 18px;
		margin:-1px 0 0 -9px;
	}
	.mImgPopWr .imgBox { 
		margin:0 0 10px;
	}
	.mImgPopWr .txt { 
		font-size: 14px; 
		line-height: 1.3;
	}
	.mImgPopWr .btmBox .chkLbl {
		padding:0 0 0 20px;
		font-size: 14px;
	}
	.mImgPopWr .btmBox .chkLbl:before { 
		width: 12px;
		height: 12px;
		background-size:7px auto;
	}
}
/* 메인 끝
------------------------------------------------------ */
/* 무료 상담 신청 시작
------------------------------------------------------ */
.freeAdviceWr .subBnrBox01 { 
	background-image: url(/Form/_renew/images/freeAdviceBnr01.png);
}
/* 무료 상담 신청 끝
------------------------------------------------------ */
/* 로그인 시작
------------------------------------------------------ */
.loginWr { 
	min-height: 100vh;
	text-align: center;
}
.loginWr .loginBox { 
	max-width: 1044px;
	margin:0 auto;
	padding:112px 16px;
}
.loginWr .loginBox .logo { 
	margin:0 0 77px;
	font-size: 0;
}
.loginWr .loginBox .logo img { 
	max-width: 100%;
}
.loginWr .loginBox .loginTit01 { 
	margin:0 0 19px;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: -.22px;
	color: #212121;
}
.loginWr .loginBox .loginForm { 
	max-width: 380px;
	margin:0 auto;
}
.loginWr .loginBox .loginForm .iptTit01,
.loginWr .loginBox .loginForm .ipt { 
	text-align: left;
	letter-spacing: -.22px;
}
.loginWr .loginBox .loginForm .iptTit01 { 
	display:block;
	margin:0 0 7px;
	font-weight: 500;
	font-size: 15px;
	color: #424242;
}
.loginWr .loginBox .loginForm * + .iptTit01 { 
	margin-top:10px;
}
.loginWr .loginBox .loginForm .ipt { 
	padding:14px 11px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 14px;
	color: #424242;
}
.loginWr .loginBox .loginForm .ipt::placeholder { 
	color: #999;
}
.loginWr .loginBox .loginForm .ipt.fullWid { 
	width: 100%;
}
.loginWr .loginBox .loginForm .btn { 
	display:block; 
	width: 100%;
	margin:12px 0 0;
	padding:15px 10px 13px;
	border:1px solid #2962FF;
	border-radius: 10px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.22px;
	text-align: center;
}
.loginWr .loginBox .loginForm .btn.st01 { 
	background: #2962FF;
	color: #FFF;
}
.loginWr .loginBox .loginForm .btn.st02 {
	color: #2962FF;
}
.loginWr .loginBox .loginForm .findLnk01 { 
	display:inline-block;
	margin:9px 0 0;
	font-size: 14px;
	letter-spacing: -.22px;
	color: #999;
	transition:all .3s ease;
}
.loginWr .loginBox .loginForm .findLnk01:focus,
.loginWr .loginBox .loginForm .findLnk01:hover { 
	color: #2962FF;
}
.loginWr .loginBox .loginBnrLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin:116px 0 0;
}
.loginWr .loginBox .loginBnrLst01 li { 
	position:relative;
	width: calc((100% - 12px)/2);
	padding:12.35% 0 0;
	background: #FAFAFA;
	font-size: 0;
	overflow: hidden;
}
.loginWr .loginBox .loginBnrLst01 li img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
@media all and (max-width:999px){
	.loginWr .loginBox {
		padding:36px 16px;
	}
	.loginWr .loginBox .logo { 
		width: 100px;
		margin:0 auto 24px;
	}
	.loginWr .loginBox .loginTit01 { 
		margin:0 0 10px;
		font-size: 16px;
	}
	.loginWr .loginBox .loginForm .iptTit01 {
		margin:0 0 5px;
		font-size: 13px;
	}
	.loginWr .loginBox .loginForm * + .iptTit01 { 
		margin-top:8px;
	}
	.loginWr .loginBox .loginForm .ipt { 
		padding:10px;
		border-radius: 5px;
		font-size: 13px;
	}
	.loginWr .loginBox .loginForm .btn {
		margin:8px 0 0;
		padding:10px 10px 9px;
		border-radius: 5px;
		font-size: 13px;
	}
	.loginWr .loginBox .loginForm .findLnk01 {
		margin:7px 0 0;
		font-size: 13px;
	}
	.loginWr .loginBox .loginBnrLst01 {
		gap:8px;
		margin:16px 0 0;
	}
	.loginWr .loginBox .loginBnrLst01 li {
		width: calc((100% - 8px)/2);
	}
}
/* 로그인 끝
------------------------------------------------------ */
/* 회원가입 시작
------------------------------------------------------ */
.joinWr .inner { 
	display:flex;
	justify-content:space-between;
	gap:16px;
	padding:111px 0;
}
.joinWr .txtBox { 
	flex-shrink:0;
}
.joinWr .txt01 { 
	font-size: 24px;
	line-height: 1.4;
	color: #212121;
}
.joinWr .joinFormBox01 { 
	width: 823px;
	padding:40px;
	background: #FFF;
	border-radius: 25px;
	box-shadow:0 2px 8px 0 rgba(175, 175, 175, .25);
}
.joinWr .joinFormBox01 .iptTit01 { 
	display:block;
	margin:0 0 7px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.22px;
	color: #424242;
}
.joinWr .joinFormBox01 * + .iptTit01 { 
	margin-top:14px;
}
.joinWr .joinFormBox01 .ipt { 
	padding:14px 15px 12px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 14px;
	color: #424242;
}
.joinWr .joinFormBox01 .ipt::placeholder { 
	color: #999;
}
.joinWr .joinFormBox01 .ipt.fullWid { 
	width: 100%;
}
.joinWr .joinFormBox01 .chkLst01 { 
	position:relative;
	margin:24px 0 0;
}
.joinWr .joinFormBox01 .chkLst01 li { 
	position:relative;
	margin:0 0 19px;
}
.joinWr .joinFormBox01 .chkLst01 li:last-child { 
	margin:0;
}
.joinWr .joinFormBox01 .chkLst01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.joinWr .joinFormBox01 .chkLst01 .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 30px;
	font-size: 15px;
	color: #212121;
}
.joinWr .joinFormBox01 .chkLst01 .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 21px;
	height: 21px;
	top: -2px;
	left: 0;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.joinWr .joinFormBox01 .chkLst01 .chkLbl .stBold01 { 
	font-weight: 700;
}
.joinWr .joinFormBox01 .chkLst01 .chkLbl .clr01 {
	font-weight: 500;
	color: #2962FF;
}
.joinWr .joinFormBox01 .chkLst01 .chkIpt:checked + .chkLbl:before { 
	background: #2962FF url(/Form/_renew/images/mContactChk01.svg) no-repeat top 5px left 4px;
	border-color:#2962FF;
}
.joinWr .joinFormBox01 .callBox01 { 
	display:flex;
	align-items:center;
	gap:10px;
}
.joinWr .joinFormBox01 .callBox01 .midBar { 
	flex-shrink:0;
	display:block;
	width: 4px;
	height: 1px;
	background: #999;
}
.joinWr .joinFormBox01 .callBox01 .ipt { 
	width: calc((100% - 48px)/3);
}
.joinWr .joinFormBox01 .btnSubmit { 
	position:relative; 
	display:inline-block;
	min-width: 245px;
	margin:27px 0 0;
	padding:13px 90px 13px 51px;
	background: #202020;
	border-radius: 10px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #FFF;
}
.joinWr .joinFormBox01 .btnSubmit:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 7px;
	top: 21px;
	right: 50px;
	background:url(/Form/_renew/images/mContactArrow01.svg) no-repeat center / cover;
	transition:all .3s ease;
}
.joinWr .joinFormBox01 .btnSubmit:focus:after,
.joinWr .joinFormBox01 .btnSubmit:hover:after { 
	right: 60px;
}
.joinWr .joinFormBox01 .cateBox01 { 
	display:flex;
	flex-wrap:wrap;
	margin:0 0 24px;
}
.joinWr .joinFormBox01 .cateBox01 .btnCate { 
	display:block;
	padding:11px 16px;
	border-bottom:2px solid #CDCDCD;
	font-size: 16px;
	letter-spacing: -.22px;
	color: #424242;
}
.joinWr .joinFormBox01 .cateBox01 .btnCate.on { 
	border-bottom-color:#2962FF;
	font-weight: 500;
	color: #424242;
}
.joinWr .joinFormBox01 .hidBox01 { 
	display:none;
}
.joinWr .joinFormBox01 .hidBox01.on { 
	display:block;
}
@media all and (max-width:999px){
	.joinWr .inner { 
		flex-wrap:wrap;
		padding:36px 0;
	}
	.joinWr .txtBox { 
		width: 100%;
	}
	.joinWr .txt01 { 
		font-size: 16px;
	}
	.joinWr .txt01 br { 
		display:none;
	}
	.joinWr .joinFormBox01 { 
		width: 100%;
		padding:16px;
		border-radius: 10px;
	}
	.joinWr .joinFormBox01 .iptTit01 {
		margin:0 0 5px;
		font-size: 13px;
	}
	.joinWr .joinFormBox01 * + .iptTit01 { 
		margin-top:10px;
	}
	.joinWr .joinFormBox01 .ipt { 
		padding:10px 10px 8px;
		border-radius: 5px;
		font-size: 13px;
	}
	.joinWr .joinFormBox01 .chkLst01 {
		margin:12px 0 0;
	}
	.joinWr .joinFormBox01 .chkLst01 li { 
		margin:0 0 8px;
	}
	.joinWr .joinFormBox01 .chkLst01 .chkLbl {
		font-size: 13px;
	}
	.joinWr .joinFormBox01 .chkLst01 .chkLbl:before { 
		top: -3px;
	}
	.joinWr .joinFormBox01 .btnSubmit {
		min-width: 150px;
		margin:12px 0 0;
		padding:10px 50px 10px 16px;
		border-radius: 5px;
		font-size: 14px;
	}
	.joinWr .joinFormBox01 .btnSubmit:after {
		top: 15px;
		right: 20px;
	}
	.joinWr .joinFormBox01 .btnSubmit:focus:after,
	.joinWr .joinFormBox01 .btnSubmit:hover:after { 
		right: 30px;
	}
	.joinWr .joinFormBox01 .cateBox01 {
		margin:0 0 12px;
	}
	.joinWr .joinFormBox01 .cateBox01 .btnCate {
		padding:8px 12px;
		font-size: 14px;
	}
}
/* 회원가입 끝
------------------------------------------------------ */
/* 템플릿 시작
------------------------------------------------------ */
.templateWr .inner { 
	padding:0 0 120px;
}
.templateWr .subBnrBox01 { 
	background-image:url(/Form/_renew/images/templateBnr01.png);
}
.templateWr .templateLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:24px;
}
.templateWr .templateLst01 li {
	display:flex;
	gap:24px; 
	width: calc((100% - 48px)/3);
	padding:24px;
	background: #FFF;
	border-radius: 15px;
	box-shadow:0 2px 8px 0 rgba(175, 175, 175, .25);
}
.templateWr .templateLst01 .temSelBox01 {
	width: calc((100% - 24px)/2);
}
.templateWr .templateLst01 .lstTit01 { 
	position:relative;
	margin:0 0 11px;
	padding:0 0 0 28px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -.22px;
	color: #212121;
}
.templateWr .templateLst01 .lstTit01: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;
}
.templateWr .templateLst01 .lstTit01.st01:before { 
	background-image: url(/Form/_renew/images/templateIco_pc01.svg);
}
.templateWr .templateLst01 .lstTit01.st02:before { 
	background-image: url(/Form/_renew/images/templateIco_mobile01.svg);
}
.templateWr .templateLst01 .lstBtn01 {
	position:relative;
	display:block;
	width: 100%;
	height: 234px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 0;
	overflow: hidden;
}
.templateWr .templateLst01 .lstBtn01 img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	transition:all .3s ease;
}
.templateWr .templateLst01 .lstBtn01:focus img,
.templateWr .templateLst01 .lstBtn01:hover img { 
	width: 120%;
}
.templateWr .templateBtmBox { 
	margin:36px 0 0;
	text-align: center;
}
.templateWr .templateBtmBox .btn { 
	display:inline-flex;
	align-items:center; 
	justify-content:center;
	gap:26px;
	padding:12px 49px;
	border:1px solid #202020;
	border-radius: 10px;
}
.templateWr .templateBtmBox .btn span { 
	display:block;
}
.templateWr .templateBtmBox .btn .btnTxt01 { 
	font-size: 18px;
	letter-spacing: 0;
	color: #212121;
}
.templateWr .templateBtmBox .btn .btnPlus { 
	position:relative; 
	width: 12px;
	height: 12px;
}
.templateWr .templateBtmBox .btn .btnPlus:before,
.templateWr .templateBtmBox .btn .btnPlus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #212121;
	border-radius: 4px;
	transition:all .3s ease;
}
.templateWr .templateBtmBox .btn .btnPlus:before { 
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.templateWr .templateBtmBox .btn .btnPlus:after { 
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.templateWr .templateBtmBox .btn:focus .btnPlus:before,
.templateWr .templateBtmBox .btn:hover .btnPlus:before,
.templateWr .templateBtmBox .btn:focus .btnPlus:after,
.templateWr .templateBtmBox .btn:hover .btnPlus:after { 
	transform:rotate(90deg);
}
.templatePopWr { 
	overflow-y:auto;
}
.templatePopWr .popBox01 {
	position:absolute;
	min-width: 720px;
	max-width: calc((100% - 32px));
	top: 210px;
	left: 50%;
	transform:translateX(-50%);
	transition:all .3s ease;
}
.templatePopWr .popBox01 .topBox { 
	position:sticky;
	display:flex;
	justify-content:flex-end;
	top:106px;
	margin:0 0 14px;
	z-index: 1;
}
.templatePopWr .popBox01 .popOff { 
	position:relative; 
	display:block;
	padding:15px 23px 12px 60px;
	background: rgba(33, 33, 33, .8);
	border:1px solid #FFF;
	border-radius: 1000px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	color: #FFF;
}
.templatePopWr .popBox01 .popOff .btnIco { 
	position:absolute; 
	display:block;
	width: 24px;
	height: 24px;
	top: 12px;
	left: 23px;
}
.templatePopWr .popBox01 .popOff .btnIco:before,
.templatePopWr .popBox01 .popOff .btnIco: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;
}
.templatePopWr .popBox01 .popOff .btnIco:before { 
	transform:rotate(45deg);
}
.templatePopWr .popBox01 .popOff .btnIco:after { 
	transform:rotate(-45deg);
}
.templatePopWr .popBox01 .imgBox {
	background: #FFF;
	font-size: 0;
}
.templatePopWr .popBox01 .imgBox img { 
	width: 100%;
}
.templatePopWr.on .popBox01 { 
	top: 190px;
}
@media all and (max-width:999px){
	.templateWr .inner { 
		padding:0 0 36px;
	}
	.templateWr .templateLst01 { 
		gap:8px;
	}
	.templateWr .templateLst01 li { 
		gap:8px;
		width: 100%;
		padding:16px;
		border-radius: 10px;
	}
	.templateWr .templateLst01 .temSelBox01 { 
		width: calc((100% - 8px)/2);
	}
	.templateWr .templateLst01 .lstTit01 { 
		margin:0 0 8px;
		padding:0 0 0 20px;
		font-size: 14px;
	}
	.templateWr .templateLst01 .lstTit01:before { 
		width: 16px;
		height: 16px;
		top: 1px;
	}
	.templateWr .templateBtmBox .btn { 
		gap:12px;
		padding:10px 24px;
	}
	.templateWr .templateBtmBox .btn .btnTxt01 { 
		font-size: 14px;
	}
	.templatePopWr .popBox01 { 
		min-width: calc((100% - 32px));
		top: 30px;
	}
	.templatePopWr .popBox01 .topBox { 
		top: 16px;
	}
	.templatePopWr .popBox01 .popOff { 
		padding:8px 16px 7px 30px;
		font-size: 13px;
	}
	.templatePopWr .popBox01 .popOff .btnIco { 
		top: 4px;
		left: 8px;
	}
	.templatePopWr .popBox01 .popOff .btnIco:before, 
	.templatePopWr .popBox01 .popOff .btnIco:after { 
		width: 12px;
		margin:-1px 0 0 -6px;
	}
	.templatePopWr.on .popBox01 { 
		top: 10px;
	}
}
/* 템플릿 끝
------------------------------------------------------ */
/* 무료콘텐츠 시작
------------------------------------------------------ */
.eduIntroWr {
	padding:0 0 120px;
}
.eduIntroWr .subBnrBox01 { 
	background-image: url(/Form/_renew/images/eduIntroBnr01.png);
}
.eduIntroWr .eduBnrBox01 { 
	margin:0 0 120px;
	font-size: 0;
}
.eduIntroWr .eduBnrBox01 img { 
	max-width: 100%;
}
.eduIntroWr .eduTit01 { 
	position:relative;
	margin:0 0 35px;
	padding:0 0 0 45px;
	font-weight: 500;
	font-size: 26px;
	letter-spacing: -.22px;
	color: #424242;
}
.eduIntroWr .eduTit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 2px;
	top: 15px;
	left: 0;
	background: #2962FF;
}
.eduIntroWr * + .eduTit01 { 
	margin-top:115px;
}
.eduIntroWr .eduBestLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.eduIntroWr .eduBestLst01 li { 
	position:relative;
	width: calc((100% - 120px)/11);
	text-align: center;
}
.eduIntroWr .eduBestLst01 .per01 { 
	position:absolute;
	background: #2962FF;
	border:1px solid #FFF;
	border-radius: 1000px;
	top: 0;
	left: 0;
	padding:1px 6px;
	font-weight: 500;
	font-size: 14px;
	color: #FFF;
	z-index: 1;
}
.eduIntroWr .eduBestLst01 .logo { 
	position:relative;
	width: 76px;
	height: 76px;
	margin:0 auto 10px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 50%;
	box-shadow:0 2px 8px 0 rgba(175, 175, 175, .25);
	font-size: 0;
	overflow: hidden;
}
.eduIntroWr .eduBestLst01 .logo img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.eduIntroWr .eduBestLst01 .name01 { 
	font-size: 14px;
	letter-spacing: -.22px;
	word-break:break-all;
}
@media all and (max-width:999px){
	.eduIntroWr { 
		padding:0 0 36px;
	}
	.eduIntroWr .eduBnrBox01 { 
		margin:0 0 24px;
	}
	.eduIntroWr .eduTit01 {
		margin:0 0 16px;
		padding:0 0 0 24px;
		font-size: 18px;
	}
	.eduIntroWr .eduTit01:before {
		width: 16px;
		top: 10px;
	}
	.eduIntroWr * + .eduTit01 { 
		margin-top:36px;
	}
	.eduIntroWr .eduBestLst01 {
		gap:8px;
	}
	.eduIntroWr .eduBestLst01 li {
		width: calc((100% - 40px)/6);
	}
	.eduIntroWr .eduBestLst01 .per01 {
		padding:1px 4px;
		font-size: 13px;
	}
	.eduIntroWr .eduBestLst01 .logo {
		width: 60px;
		height: 60px;
		margin:0 auto 8px;
	}
	.eduIntroWr .eduBestLst01 .name01 { 
		font-size: 13px;
	}
}
@media all and (max-width:599px){	
	.eduIntroWr .eduBestLst01 li {
		width: calc((100% - 24px)/4);
	}
}
/* 무료콘텐츠 끝
------------------------------------------------------ */
/* 솔루션 시작
------------------------------------------------------ */
.eduSolutionWr .inner { 
	padding:0 0 120px;
}
.eduSolutionWr .subBnrBox01 { 
	background-image: url(/Form/_renew/images/solutionBnr01.png);
}
.eduSolutionWr .solBrandBox01 .mComTit01,
.eduSolutionWr .solBrandBox01 .mComTit02 { 
	text-align: center;
}
.eduSolutionWr .solBrandBox01 .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:48px;
	margin:0 0 237px;
}
.eduSolutionWr .solBrandBox01 .lst01 li { 
	width: calc((100% - 48px)/2);
}
.eduSolutionWr .solBrandBox01 .lst01 .lstImgBox { 
	font-size: 0;
}
.eduSolutionWr .solBrandBox01 .lst01 .lstImgBox img { 
	max-width: 100%;
}
.eduSolutionWr .solBrandBox01 .lst01 .lstTxtBox { 
	position:relative; 
	width: 536px;
	margin:-42px 0 0;
	padding:21px 20px 24px 114px;
	background: #F5F7FB;
}
.eduSolutionWr .solBrandBox01 .lst01 .lstTit01 { 
	position:absolute; 
	top: 22px;
	left: 33px;
	font-weight: 500;
	font-size: 14px;
	color: #2962FF;
}
.eduSolutionWr .solBrandBox01 .lst01 .lstTit02 { 
	margin:0 0 22px;
	font-weight: 500;
	font-size: 20px;
	color: #212121;
}
.eduSolutionWr .solBrandBox01 .lst01 .lstTxt01 { 
	font-size: 16px;
	line-height: 1.4;
	color: #212121;
}
.eduSolutionWr .solHowBox01 .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:40px;
}
.eduSolutionWr .solHowBox01 .lst01 li { 
	display:flex;
	flex-direction:column;
	width: calc((100% - 80px)/3);
	background: #FAFAFA;
	border-radius: 25px;
	overflow: hidden;
}
.eduSolutionWr .solHowBox01 .lst01 .lstTxtBox { 
	flex-grow:1;
	padding:44px 50px;
}
.eduSolutionWr .solHowBox01 .lst01 .lstTit01 { 
	margin:0 0 26px;
	font-weight: 500;
	font-size: 28px;
	color: #212121;
}
.eduSolutionWr .solHowBox01 .lst01 .lstTxt01 { 
	font-size: 16px;
	line-height: 1.7;
	color: #212121;
}
.eduSolutionWr .solTopBox01 {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:43px;
	margin:0 0 84px;
	overflow: hidden;
}
.eduSolutionWr .solTopBox01 .imgBox { 
	width: 180px;
	font-size: 0;
}
.eduSolutionWr .solTopBox01 .imgBox img { 
	max-width: 100%;
}
.eduSolutionWr .solTopBox01 .tit01 { 
	margin:0 0 9px;
	font-weight: 700;
	font-size: 20px;
	color: #000;
}
.eduSolutionWr .solTopBox01 .tit01 span { 
	color: #2356FF;
}
.eduSolutionWr .solTopBox01 .txt01 { 
	font-size: 16px;
	color: #6B6B6B;
}
.eduSolutionWr .solProcessBox01 { 
	margin:0 0 84px;
	text-align: center;
	overflow: hidden;
}
.eduSolutionWr .solProcessBox01 .tit01 { 
	margin:0 0 30px;
	font-weight: 700;
	font-size: 20px;
}
.eduSolutionWr .solProcessBox01 .lst01 { 
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:88px;
}
.eduSolutionWr .solProcessBox01 .lst01 .circle { 	
	position:relative;
	width: 126px;
	height: 126px;
	margin:0 auto 40px;
	padding:7px;
	border:3px solid #D9D9D9;
	border-radius: 50%;
}
.eduSolutionWr .solProcessBox01 .lst01 .circle:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 56px;
	height: 9px;
	top: 50%;
	left: -77px;
	transform:translateY(-50%);
	background:url(/Form/_renew/images/solutionArrow01.png) no-repeat center / cover;
}
.eduSolutionWr .solProcessBox01 .lst01 li:first-child .circle:before { 
	display:none;
}
.eduSolutionWr .solProcessBox01 .lst01 .lstTxtBox01 { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 100%;
	height: 100%;
	background: #E7EEF6;
	border-radius: 50%;
}
.eduSolutionWr .solProcessBox01 .lst01 .lstNum01 { 
	margin:0 0 9px;
	font-weight: 700;
	color: #306EB4;
	font-size: 13px;
}
.eduSolutionWr .solProcessBox01 .lst01 .lstTxt01 { 
	font-weight: 700;
	font-size: 16px;
	color: #000;
}
.eduSolutionWr .solProcessBox01 .lst01 .lstTxt01 + .lstTxt01 { 
	margin-top:5px;
}
.eduSolutionWr .solProcessBox01 .lst01 .lstBtmBox { 
	position:relative;
	padding:15px 12px 12px;
}
.eduSolutionWr .solProcessBox01 .lst01 .lstBtmBox:before,
.eduSolutionWr .solProcessBox01 .lst01 .lstBtmBox:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
}
.eduSolutionWr .solProcessBox01 .lst01 .lstBtmBox:before {
	width: 200%;
	height: 4px;
	top: 0;
	left: 50%;
	transform:translateX(-50%);
	background: #BADAFF;
	z-index: 0;
}
.eduSolutionWr .solProcessBox01 .lst01 .lstBtmBox:after { 
	width: 16px;
	height: 16px;
	top: -7px;
	left: 50%;
	margin:0 0 0 -8px;
	background: #D9D9D9;
	border-radius: 50%;
	z-index: 1;
}
@media all and (max-width:999px){
	.eduSolutionWr .inner { 
		padding:0 0 36px;
	}
	.eduSolutionWr .solBrandBox01 .lst01 {
		gap:12px;
		margin:0 0 24px;
	}
	.eduSolutionWr .solBrandBox01 .lst01 li {
		width: calc((100% - 12px)/2);
	}
	.eduSolutionWr .solBrandBox01 .lst01 .lstTxtBox {
		width: 90%;
		margin:-16px 0 0;
		padding:16px 16px 14px;
	}
	.eduSolutionWr .solBrandBox01 .lst01 .lstTit01 { 
		position:relative;
		top: auto;
		left: auto;
		margin:0 0 5px;
		font-size: 13px;
	}
	.eduSolutionWr .solBrandBox01 .lst01 .lstTit02 { 
		margin:0 0 8px;
		font-size: 16px;
	}
	.eduSolutionWr .solBrandBox01 .lst01 .lstTxt01 { 
		font-size: 14px;
		line-height: 1.3;
	}
	.eduSolutionWr .solHowBox01 .lst01 {
		gap:12px;
	}
	.eduSolutionWr .solHowBox01 .lst01 li {
		width: 100%;
		border-radius: 10px;
	}
	.eduSolutionWr .solHowBox01 .lst01 .lstTxtBox { 
		padding:16px;
	}
	.eduSolutionWr .solHowBox01 .lst01 .lstTit01 { 
		margin:0 0 8px;
		font-size: 16px;
		color: #212121;
	}
	.eduSolutionWr .solHowBox01 .lst01 .lstTxt01 { 
		font-size: 14px;
		line-height: 1.3;
	}
	.eduSolutionWr .solTopBox01 { 
		flex-wrap:wrap; 
		gap:16px;
		margin:0 0 36px;
	}
	.eduSolutionWr .solTopBox01 .imgBox { 
		width: 100px;
		margin:0 auto;
	}
	.eduSolutionWr .solTopBox01 .txtBox01 { 
		width: 100%;
		text-align: center;
	}
	.eduSolutionWr .solTopBox01 .tit01 { 
		margin:0 0 6px;
		font-size: 16px;
	}
	.eduSolutionWr .solTopBox01 .txt01 { 
		font-size: 13px;
	}
	.eduSolutionWr .solProcessBox01 { 
		margin:0 0 36px;
	}
	.eduSolutionWr .solProcessBox01 .tit01 { 
		margin:0 0 16px;
		font-size: 16px;
	}
	.eduSolutionWr .solProcessBox01 .lst01 { 
		gap:0;
	}
	.eduSolutionWr .solProcessBox01 .lst01 li {
		width: 50%;
	}
	.eduSolutionWr .solProcessBox01 .lst01 .circle { 
		margin:0 auto 16px;
	}
	.eduSolutionWr .solProcessBox01 .lst01 .circle:before { 
		display:none;
	}
	.eduSolutionWr .solProcessBox01 .lst01 .lstNum01 { 
		margin:0 0 6px;
	}
	.eduSolutionWr .solProcessBox01 .lst01 .lstTxt01 { 
		font-size: 14px;
	}
}
@media all and (max-width:599px){
	.eduSolutionWr .solBrandBox01 .lst01 li { 
		width: 100%;
	}
	.eduSolutionWr .solProcessBox01 .lst01 { 
		gap:12px;
	}
	.eduSolutionWr .solProcessBox01 .lst01 li { 
		width: 100%;
	}
}
/* 솔루션 끝
------------------------------------------------------ */
/* 핵심 기능 시작
------------------------------------------------------ */
.coreFunctionWr .subBnrBox01 { 
	background-image: url(/Form/_renew/images/coreFunctionBnr01.png);
}
.coreFunctionWr .inner { 
	padding:0 0 120px;
}
.coreFunctionWr .coreFuncBox .mComTit01,
.coreFunctionWr .coreFuncBox .mComTit02 { 
	text-align: center;
}
.coreFunctionWr .coreFuncBox .mComTit02 { 
	margin:0 0 113px;
}
@media all and (max-width:999px){
	.coreFunctionWr .inner { 
		padding:0 0 36px;
	}
	.coreFunctionWr .coreFuncBox .mComTit02 { 
		margin:0 0 16px;
	}
}
/* 핵심 기능 끝
------------------------------------------------------ */
/* 업데이트 시작
------------------------------------------------------ */
.updateWr .subBnrBox01,
.updateViewWr .subBnrBox01 { 
	background-image: url(/Form/_renew/images/updateBnr01.png);
}
.updateWr .inner,
.updateViewWr .inner { 
	padding:0 0 120px;
}
.updateWr .updateLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.updateWr .updateLst01 li { 
	width: calc((100% - 36px)/4);
}
.updateWr .updateLst01 .lstLnk01 { 
	display:block;
}
.updateWr .updateLst01 .lstImgBox { 
	position:relative;
	display:block;
	margin:0 0 10px;
	padding:75.71% 0 0;
	background: #FAFAFA;
	border-radius: 15px;
	font-size: 0;
	overflow: hidden;
}
.updateWr .updateLst01 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.updateWr .updateLst01 .lstTit01 {
	display:block;
	margin:0 0 8px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: -.22px;
	color: #212121;
	transition:all .3s ease;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.updateWr .updateLst01 .lstDate01 {
	display:block;
	font-size: 15px;
	letter-spacing: -.22px;
	color: #797979;
}
.updateWr .updateLst01 .lstLnk01:focus .lstTit01,
.updateWr .updateLst01 .lstLnk01:hover .lstTit01 { 
	color: #2962FF;
}
.updateWr .btmBox { 
	margin:36px 0 0;
	text-align: center;
}
.updateWr .btmBox .btn { 
	display:inline-flex;
	align-items:center; 
	justify-content:center;
	gap:26px;
	padding:12px 49px;
	border:1px solid #202020;
	border-radius: 10px;
}
.updateWr .btmBox .btn span { 
	display:block;
}
.updateWr .btmBox .btn .btnTxt01 { 
	font-size: 18px;
	letter-spacing: 0;
	color: #212121;
}
.updateWr .btmBox .btn .btnPlus { 
	position:relative; 
	width: 12px;
	height: 12px;
}
.updateWr .btmBox .btn .btnPlus:before,
.updateWr .btmBox .btn .btnPlus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #212121;
	border-radius: 4px;
	transition:all .3s ease;
}
.updateWr .btmBox .btn .btnPlus:before { 
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.updateWr .btmBox .btn .btnPlus:after { 
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.updateWr .btmBox .btn:focus .btnPlus:before,
.updateWr .btmBox .btn:hover .btnPlus:before,
.updateWr .btmBox .btn:focus .btnPlus:after,
.updateWr .btmBox .btn:hover .btnPlus:after { 
	transform:rotate(90deg);
}
@media all and (max-width:999px){
	.updateWr .inner,
	.updateViewWr .inner {
		padding:0 0 36px;
	}
	.updateWr .updateLst01 {
		gap:8px;
	}
	.updateWr .updateLst01 li { 
		width: calc((100% - 8px)/2);
	}
	.updateWr .updateLst01 .lstImgBox {
		margin:0 0 8px;
		border-radius: 10px;
	}
	.updateWr .updateLst01 .lstTit01 { 
		margin:0 0 5px;
		font-size: 14px;
	}
	.updateWr .updateLst01 .lstDate01 { 
		font-size: 13px;
	}
	.updateWr .btmBox .btn { 
		gap:12px;
		padding:10px 24px;
	}
	.updateWr .btmBox .btn .btnTxt01 { 
		font-size: 14px;
	}
}
/* 업데이트 끝
------------------------------------------------------ */
/* 서비스 시작
------------------------------------------------------ */
.serviceWr .subBnrBox01 {
	background-image: url(/Form/_renew/images/serviceBnr01.png);	
}
.serviceWr .inner {
	padding:0 0 120px;
}
.serviceWr .serviceBox01 { 
	display:flex;
	justify-content:space-between;
	gap:16px;
	padding:118px 0 0;
}
.serviceWr .serviceBox01 .txtBox { 
	flex-shrink:0;
}
.serviceWr .serviceBox01 .txt01 { 
	font-size: 24px;
	line-height: 1.4;
	color: #212121;
}
.serviceWr .serviceBox01 .txt02 {
	font-size: 20px;
	color: #2962FF;
}
.serviceWr .serviceBox01 .txt02 .hasBg01 { 
	position:relative; 
	display:inline-block;
}
.serviceWr .serviceBox01 .txt02 .hasBg01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 14px;
	bottom: 1px;
	left: 0;
	background: #FFEEA8;
	border-radius: 100px;
	z-index: -1;
}
.serviceWr .serviceBox01 .txt01 + .txt02 { 
	margin-top:34px;
}
.serviceWr .serviceBox01 .formBox { 
	width: 823px;
	padding:40px;
	background: #FFF;
	border-radius: 25px;
	box-shadow:0 2px 8px 0 rgba(175, 175, 175, .25);
}
.serviceWr .serviceBox01 .formBox .iptTit01 { 
	display:block;
	margin:0 0 7px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.22px;
	color: #424242;
}
.serviceWr .serviceBox01 .formBox * + .iptTit01 { 
	margin-top:14px;
}
.serviceWr .serviceBox01 .formBox .ipt { 
	padding:14px 15px 12px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 14px;
	color: #424242;
}
.serviceWr .serviceBox01 .formBox .ipt::placeholder { 
	color: #999;
}
.serviceWr .serviceBox01 .formBox .ipt.fullWid { 
	width: 100%;
}
.serviceWr .serviceBox01 .formBox .chkBox01 { 
	position:relative;
	margin:24px 0 0;
}
.serviceWr .serviceBox01 .formBox .chkBox01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.serviceWr .serviceBox01 .formBox .chkBox01 .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 30px;
	font-size: 15px;
	color: #212121;
}
.serviceWr .serviceBox01 .formBox .chkBox01 .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 21px;
	height: 21px;
	top: -2px;
	left: 0;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.serviceWr .serviceBox01 .formBox .chkBox01 .chkLbl span {
	font-weight: 500;
	color: #2962FF;
}
.serviceWr .serviceBox01 .formBox .chkBox01 .chkIpt:checked + .chkLbl:before { 
	background: #2962FF url(/Form/_renew/images/mContactChk01.svg) no-repeat top 5px left 4px;
	border-color:#2962FF;
}
.serviceWr .serviceBox01 .formBox .btnSubmit { 
	position:relative; 
	display:inline-block;
	margin:27px 0 0;
	padding:13px 90px 13px 51px;
	background: #202020;
	border-radius: 10px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #FFF;
}
.serviceWr .serviceBox01 .formBox .btnSubmit:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 7px;
	top: 21px;
	right: 50px;
	background:url(/Form/_renew/images/mContactArrow01.svg) no-repeat center / cover;
	transition:all .3s ease;
}
.serviceWr .serviceBox01 .formBox .btnSubmit:focus:after,
.serviceWr .serviceBox01 .formBox .btnSubmit:hover:after { 
	right: 60px;
}
.serviceWr .serviceBox01 .brdBox01 { 
	width: 823px;
}
.serviceWr .serviceBox01 .brdBox01 .schBox01 { 
	position:relative;
	margin:0 0 24px;
}
.serviceWr .serviceBox01 .brdBox01 .schBox01 .ipt { 
	width: 100%;
	padding:22px 50px 19px 23px;
	background: #F4F7FF;
	border: 1px solid #D7DBE8;
	border-radius: 1000px;
	font-size: 16px;
	letter-spacing: -.22px;
	color: #424242;
}
.serviceWr .serviceBox01 .brdBox01 .schBox01 .ipt::placeholder { 
	color: #999;
}
.serviceWr .serviceBox01 .brdBox01 .schBox01 .btn { 
	position:absolute; 
	display:block; 
	top: 22px;
	right: 25px;
	font-size: 0;
}
.serviceWr .serviceBox01 .brdBox01 .schBox01 .btn img { 
	max-width: 100%;
}
.serviceWr .serviceBox01 .brdBox01 .brdLst01 li { 
	border-bottom:1px solid #F0F0F0;
}
.serviceWr .serviceBox01 .brdBox01 .brdLst01 .brdLnk01 { 
	position:relative; 
	display:block;
	padding:25px 50px 24px 24px;
	font-size: 20px;
	color: #212121;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	transition:all .3s ease;
}
.serviceWr .serviceBox01 .brdBox01 .brdLst01 .brdLnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	top: 32px;
	right: 33px;
	border-top:2px solid #999;
	border-right:2px solid #999;
	transform:rotate(45deg);
	transition:all .3s ease;
}
.serviceWr .serviceBox01 .brdBox01 .brdLst01 .brdLnk01:focus,
.serviceWr .serviceBox01 .brdBox01 .brdLst01 .brdLnk01:hover { 
	color: #2962FF;
}
.serviceWr .serviceBox01 .brdBox01 .brdLst01 .brdLnk01:focus:after,
.serviceWr .serviceBox01 .brdBox01 .brdLst01 .brdLnk01:hover:after { 
	border-color: #2962FF;
}
.serviceWr .qnaBox01 { 
	padding:118px 0 0;
}
.serviceWr .qnaBox01 .mComTit01,
.serviceWr .qnaBox01 .mComTit02 { 
	text-align: center;
}
.serviceWr .qnaBox01 .qnaLst01 li {
	margin:0 0 24px;
	padding:28px 32px 27px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 15px;
	transition:all .3s ease;
}
.serviceWr .qnaBox01 .qnaLst01 li.on { 
	background: #F2F5FF;
}
.serviceWr .qnaBox01 .qnaLst01 li:last-child { 
	margin:0;
}
.serviceWr .qnaBox01 .qnaLst01 .mQnaQue { 
	position:relative; 
	display:block; 
	width: 100%;
	padding:0 25px 0 0;
	font-weight: 500;
	font-size: 20px;
	color: #212121;
	text-align: left;
	word-break:break-all;
}
.serviceWr .qnaBox01 .qnaLst01 .mQnaQue:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 6px;
	top: 13px;
	right: 6px;
	background:url(/Form/_renew/images/mQnaArrow01_off.svg) no-repeat center / cover;
	transition:all .3s ease;
}
.serviceWr .qnaBox01 .qnaLst01 .mQnaQue.on { 
	color: #2962FF;
}
.serviceWr .qnaBox01 .qnaLst01 .mQnaQue.on:after {
	transform:rotate(180deg);
	background-image: url(/Form/_renew/images/mQnaArrow01_on.svg);
}
.serviceWr .qnaBox01 .qnaLst01 .mQnaAns { 
	display:none; 
	padding:20px 0 0;
	font-size: 16px;
	color: #212121;
	word-break:break-all;
}
@media all and (max-width:999px){
	.serviceWr .inner { 
		padding:0 0 36px;
	}
	.serviceWr .serviceBox01 { 
		flex-wrap:wrap;
		padding:0;
	}
	.serviceWr .serviceBox01 .mComTit02 br { 
		display:none;
	}
	.serviceWr .serviceBox01 .txtBox { 
		width: 100%;
	}
	.serviceWr .serviceBox01 .txt01 { 
		font-size: 16px;
	}
	.serviceWr .serviceBox01 .txt01 br { 
		display:none;
	}	
	.serviceWr .serviceBox01 .txt02 { 
		font-size: 14px;
	}
	.serviceWr .serviceBox01 .txt02 .hasBg01:before { 
		height: 10px;
	}	
	.serviceWr .serviceBox01 .txt01 + .txt02 { 
		margin-top:5px;
	}
	.serviceWr .serviceBox01 .formBox { 
		width: 100%;
		padding:16px;
		border-radius: 10px;
	}
	.serviceWr .serviceBox01 .formBox .iptTit01 {
		margin:0 0 5px;
		font-size: 13px;
	}
	.serviceWr .serviceBox01 .formBox * + .iptTit01 { 
		margin-top:10px;
	}
	.serviceWr .serviceBox01 .formBox .ipt { 
		padding:10px 10px 8px;
		border-radius: 5px;
		font-size: 13px;
	}
	.serviceWr .serviceBox01 .formBox .chkBox01 {
		margin:12px 0 0;
	}
	.serviceWr .serviceBox01 .formBox .chkBox01 .chkLbl {
		padding:0 0 0 30px;
		font-size: 13px;
	}
	.serviceWr .serviceBox01 .formBox .chkBox01 .chkLbl:before { 
		top: -3px;
	}
	.serviceWr .serviceBox01 .formBox .btnSubmit {
		margin:12px 0 0;
		padding:10px 50px 10px 16px;
		border-radius: 5px;
		font-size: 14px;
	}
	.serviceWr .serviceBox01 .formBox .btnSubmit:after {
		top: 15px;
		right: 20px;
	}
	.serviceWr .serviceBox01 .formBox .btnSubmit:focus:after,
	.serviceWr .serviceBox01 .formBox .btnSubmit:hover:after { 
		right: 25px;
	}
	.serviceWr .serviceBox01 .brdBox01 { 
		width: 100%;
	}
	.serviceWr .serviceBox01 .brdBox01 .schBox01 {
		margin:0 0 10px;
	}
	.serviceWr .serviceBox01 .brdBox01 .schBox01 .ipt {
		padding:10px 30px 9px 10px;
		font-size: 14px;
	}
	.serviceWr .serviceBox01 .brdBox01 .schBox01 .btn {
		width: 14px;
		top: 13px;
		right: 13px;
	}
	.serviceWr .serviceBox01 .brdBox01 .brdLst01 .brdLnk01 {
		padding:10px 30px 9px 10px;
		font-size: 14px;
	}
	.serviceWr .serviceBox01 .brdBox01 .brdLst01 .brdLnk01:after {
		width: 8px;
		height: 8px;
		top: 14px;
		right: 14px;
	}
	.serviceWr .qnaBox01 {
		padding:0;
	}
	.serviceWr .qnaBox01 .qnaLst01 li { 
		margin:0 0 10px;
		padding:16px 16px 14px;
		border-radius: 10px;
	}
	.serviceWr .qnaBox01 .qnaLst01 .mQnaQue {
		font-size: 14px;
	}
	.serviceWr .qnaBox01 .qnaLst01 .mQnaQue:after { 
		top: 7px;
	}
	.serviceWr .qnaBox01 .qnaLst01 .mQnaAns {
		padding:8px 0 0;
		font-size: 13px;
	}
}
/* 서비스 끝
------------------------------------------------------ */
/* 마이페이지 공통 시작
------------------------------------------------------ */
.myPageWr .inner { 
	padding:120px 0;
}
.myPageWr .pageTblBox { 
	overflow-x:auto; 
}
.myPageWr .pageTblBox table { 
	min-width: 1000px;
	text-align: center;
}
.myPageWr .pageTblBox thead { 
	background: #F8F9FA;
}
.myPageWr .pageTblBox thead th {
	padding:15px 10px 10px;
	font-weight: 500;
	font-size: 16px;
	color: #9E9E9E;		
}
.myPageWr .pageTblBox tbody { 
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
}
.myPageWr .pageTblBox tbody td { 
	padding:24px 10px;
	font-size: 18px;
}
.myPageWr .pageTblBox .name { 
	font-weight: 500;
	color: #212121;
}
.myPageWr .pageTblBox .lnk { 
	font-weight: 500; 
	font-size: .889em;
	color: #9E9E9E;
	word-break:break-all;
}
.myPageWr .pageTblBox .name + .lnk { 
	margin-top:13px;
}
.myPageWr .pageTblBox .clrTxt01 { 
	font-weight: 500;
	color: #FF4C4C;
}
.myPageWr .pageTblBox .btnBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center; 
	gap:8px;
}
.myPageWr .pageTblBox .clrTxt01 + .btnBox { 
	margin-top:14px;
}
.myPageWr .pageTblBox .btnBox .btn { 
	display:block;
	min-width: 143px;
	padding:7px 10px 4px;
	border-radius: 20px;
	border-width:1px;
	border-style:solid;
	font-weight: 500;
	font-size: .889em;
	color: #FFF;
	text-align: center;
	transition:all .3s ease;
}
.myPageWr .pageTblBox .btnBox .btn.st01 { 
	background: #FF4C4C;
	border-color:#FF4C4C;
}
.myPageWr .pageTblBox .btnBox .btn.st01:focus,
.myPageWr .pageTblBox .btnBox .btn.st01:hover { 
	background: #FFF;
	color: #FF4C4C;
}
.myPageWr .pageTblBox .btnBox .btn.st02 { 
	background: #212121;
	border-color:#212121;
}
.myPageWr .pageTblBox .btnBox .btn.st02:focus, 
.myPageWr .pageTblBox .btnBox .btn.st02:hover {
	background: #FFF;
	color:#212121;
}
.myPageWr .pageSelBox { 
	text-align: center; 
}
.myPageWr .pageSelBox .lst { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.myPageWr .pageSelBox .lst li { 
	position:relative; 
	width: calc((100% - 40px)/3);
}
.myPageWr .pageSelBox .lst .tit { 
	display:inline-block;
	margin:0 0 22px;
	padding:9px 20px 8px;
	background: #D4E2F0;
	border-radius: 30px;
	font-weight: 500;
	font-size: 24px;
	color: #212121;
}
.myPageWr .pageSelBox .lst .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	overflow:hidden;
}
.myPageWr .pageSelBox .lst .chkLbl { 
	position:relative; 
	display:block;
	width: 100%;
	padding:82.9% 0 0;
	overflow:hidden;
	margin-bottom: 30px;
	border: 1px solid #c9c9c9;
}
.myPageWr .pageSelBox .lst .chkLbl img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.myPageWr .pageSelBox .lst .chkIpt:checked + .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border:4px solid #007AFF;
	z-index:1;
}
.myPageWr .pageSelBox .btnSel { 
	display:inline-block;
	margin:80px 0 0;
	padding:15px 37px;
	background: #2962FF;
	border:1px solid #2962FF;
	border-radius: 30px;
	font-weight: 700;
	font-size: 20px;
	color: #FFF;
	text-align: center;
	transition:all .3s ease;
}
.myPageWr .pageSelBox .btnSel:focus,
.myPageWr .pageSelBox .btnSel:hover { 
	background: #FFF;
	color: #2962FF;
}
.myPagePop .payPopBox { 
	position:absolute; 
	width: 660px;
	max-width: 80%;
	top:50%;
	left:50%;
	padding:40px;
	transform:translate(-50%, -50%);
	background: #FFF;
}
.myPagePop .payPopBox .popClose { 
	position:absolute; 
	display:block; 
	width: 40px;
	height: 40px;
	top:-7px;
	right:-67px;
}
.myPagePop .payPopBox .popClose:before,
.myPagePop .payPopBox .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 48px;
	height: 2px;
	top:50%;
	left:50%;
	margin:-1px 0 0 -24px;
	background: #FFF;
}
.myPagePop .payPopBox .popClose:before { 
	transform:rotate(45deg); 
}
.myPagePop .payPopBox .popClose:after { 
	transform:rotate(-45deg); 
}
.myPagePop .payPopBox .popTit { 
	margin:0 0 10px;
	font-weight: 600;
	font-size: 24px;
	color: #212121;	
}
.myPagePop .payPopBox .userInfo { 
	display:flex;
	flex-wrap:wrap;
	align-items:center; 
	gap:15px;
	margin:0 0 50px;
	padding:20px;
	background: #DFF1FF;
}
.myPagePop .payPopBox .userInfo span { 
	display:block; 
}
.myPagePop .payPopBox .userInfo .cate { 
	padding:5px 11px 2px;
	background: #B4D7FF; 
	font-weight: 500;
	font-size: 15px;
	color: #007AFF;
}
.myPagePop .payPopBox .userInfo .user { 
	font-weight: 500;
	font-size: 18px;
	color: #212121;
}
.myPagePop .payPopBox .scrollBox { 
	max-height: 250px;
	overflow:auto;
}
.myPagePop .payPopBox .iptTit { 
	margin:0 0 9px;
	font-size: 18px;
	letter-spacing: -.5px;
	color: #373737;
}
.myPagePop .payPopBox * + .iptTit { 
	margin-top:20px;
}
.myPagePop .payPopBox .ipt { 
	padding: 10px 15px;
	border: 1px solid #E0E0E0;
	font-weight: 500;
	font-size: 15px;
	color: #373737;
}
.myPagePop .payPopBox .ipt.fullWid { 
	width: 100%; 
}
.myPagePop .payPopBox .gBox { 
	padding:10px 15px;
	border:1px solid #E0E0E0;
}
.myPagePop .payPopBox .gBox + .gBox { 
	margin-top:7px;
}
.myPagePop .payPopBox .gBox.off { 
	display:none; 
}
.myPagePop .payPopBox .selPay { 
	display:block; 
	width: 100%;
	padding:0 25px 0 0;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/comIcoSel01.svg);
	background-repeat:no-repeat;
	background-position:right 0 center; 	
	font-weight: 500;
	font-size: 15px;
	color: #373737;
}
.myPagePop .payPopBox .chkBox { 
	position:relative; 
}
.myPagePop .payPopBox .chkBox .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	overflow:hidden;
}
.myPagePop .payPopBox .chkBox .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 25px;
	font-weight: 500;
	font-size: 15px;
	color: #373737;
}
.myPagePop .payPopBox .chkBox .chkLbl span { 
	position:absolute; 
	display:block; 
	width: 18px;
	height: 18px;
	top:-1px;
	left:0;
	border:1px solid #9E9E9E;
	border-radius: 50%;
}
.myPagePop .payPopBox .chkBox .chkIpt:checked + .chkLbl span { 
	border-color:#1878F2;
}
.myPagePop .payPopBox .chkBox .chkIpt:checked + .chkLbl span:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top:50%;
	left:50%;
	margin:-4px 0 0 -4px;
	background: #1878F2;
	border-radius: 50%;
}
.myPagePop .payPopBox .popTblBox { 
	overflow-x:auto;
}
.myPagePop .payPopBox .popTblBox table { 
	min-width: 500px;
	border:1px solid #E0E0E0;
}
.myPagePop .payPopBox .popTblBox tbody tr > * { 
	padding:15px; 
}
.myPagePop .payPopBox .popTblBox tbody th { 
	width: 180px;
	background: #F8F9FA;
	border-right:1px solid #E0E0E0;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
}
.myPagePop .payPopBox .popTblBox .iptDl { 
	display:flex;
	align-items:center;
	gap:18px;
	width: 100%;
}
.myPagePop .payPopBox .popTblBox .iptDl dt { 
	flex-shrink:0;
	font-size: 14px;
	color: #000;
}
.myPagePop .payPopBox .popTblBox .iptDl dd { 
	flex-grow:1; 
}
.myPagePop .payPopBox .popTblBox .iptDl dd .ipt { 
	width: 100%;
	padding:12px 15px 10px;
	border:1px solid #E0E0E0;
	font-weight: 500;	
	font-size: 17px;
	letter-spacing: -.5px;
	color: #212121;
}
.myPagePop .payPopBox .popTblBox .iptDl dd .ipt::placeholder { 
	color: #999; 
}
.myPagePop .payPopBox .popTblBox .iptDl + .iptDl { 
	margin-top:11px;
}
.myPagePop .payPopBox * + .popTblBox { 
	margin-top:11px;
}
.myPagePop .payPopBox .resultBox { 
	margin:20px 0;
	padding:20px;
	background: #DFF1FF;
}
.myPagePop .payPopBox .resultBox dl { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	font-weight: 500; 
	font-size: 15px;
}
.myPagePop .payPopBox .resultBox dl + dl { 
	margin-top:5px;
}
.myPagePop .payPopBox .resultBox dd .price { 
	font-weight: 700;
	font-size: 1.647em;
	color: #007AFF;
}
.myPagePop .payPopBox .resultBox .termChkBox { 
	position:relative;
	display:flex;
	justify-content:space-between; 
	gap:8px;
	padding:7px 10px 6px;
	background: #CCE4FF;
}
.myPagePop .payPopBox .resultBox .termChkBox .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	overflow:hidden;
}
.myPagePop .payPopBox .resultBox .termChkBox .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 30px;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: -.5px;
	color: #373737;
}
.myPagePop .payPopBox .resultBox .termChkBox .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px; 
	height: 20px;
	top:0;
	left:0;
	background:url(/Form/_guest/basic/images/myPageChk_off.png) no-repeat;
	background-size:cover;
}
.myPagePop .payPopBox .resultBox .termChkBox .chkLbl span { 
	color: #FF4C4C; 
}
.myPagePop .payPopBox .resultBox .termChkBox .chkIpt:checked + .chkLbl:before { 
	background-image: url(/Form/_guest/basic/images/myPageChk_on.png);
}
.myPagePop .payPopBox .resultBox .termChkBox .termOnOff { 
	display:block; 
	font-weight: 600;
	font-size: 16px;
	letter-spacing: -.5px;
	color: #FF4C4C; 
}
.myPagePop .payPopBox .resultBox * + .termChkBox { 
	margin:20px 0 0;
}
.myPagePop .payPopBox .resultBox .termBox { 
	display:none; 
	margin:8px 0 0;
}
.myPagePop .payPopBox .resultBox .termBox .ipt { 
	width: 100%;
	background:#FFF;
}
.myPagePop .payPopBox .resultBox .termBox.on { 
	display:block;
}
.myPagePop .payPopBox .btnPay { 
	display:block; 
	width: 100%;
	padding:15px 10px;
	background: #1878F2;
	border-radius: 15px;
	font-weight: 500;
	font-size: 20px;
	color: #FFF;
	text-align: center;
}
.myPagePop .payPopBox .ipt + .btnPay { 
	margin-top:20px;
}
.myPagePopSel .popBox { 
	position:absolute;
	width: 1200px;
	max-width: 90%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.myPagePopSel .popBox .popClose { 
	position:absolute; 
	display:block; 
	width: 40px;
	height: 40px;
	bottom:calc(100% + 5px);
	right:8px;
}
.myPagePopSel .popBox .popClose:before,
.myPagePopSel .popBox .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 48px;
	height: 2px;
	top:50%;
	left:50%;
	margin:-1px 0 0 -24px;
	background: #FFF;
}
.myPagePopSel .popBox .popClose:before { 
	transform:rotate(45deg); 
}
.myPagePopSel .popBox .popClose:after { 
	transform:rotate(-45deg); 
}
.myPagePopSel .popBox .topBox { 
	padding:20px;
	background: #FFF;
	border-radius: 20px 20px 0 0;
	overflow:hidden;
}
.myPagePopSel .popBox .topBox .btn { 
	position:relative; 
	display:block;
	background: #007AFF;
	border-radius: 10px;
	font-size: 18px;
	color: #FFF;
	float:right; 
}
.myPagePopSel .popBox .topBox .btn.stNext { 
	padding:14px 50px 14px 20px;
}
.myPagePopSel .popBox .topBox .btn.stNext:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top:50%;
	right:27px;
	margin:-5px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	transition:all .3s ease;
}
.myPagePopSel .popBox .topBox .btn.stNext:focus:after,
.myPagePopSel .popBox .topBox .btn.stNext:hover:after { 
	right:22px; 
}
.myPagePopSel .popBox .topBox .btn.stMake { 
	padding:14px 20px 14px 50px;
}
.myPagePopSel .popBox .topBox .btn.stMake:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top:50%;
	left:20px;
	margin:-10px 0 0;
	background:url(/Form/_guest/basic/images/myPageMake01.png) no-repeat;
	background-size:cover;
}
.myPagePopSel .popBox .conBox { 
	background: #FFF;
	border-radius: 0 0 20px 20px;
	overflow:hidden;
}
.myPagePopSel .popBox .conBox .imgBox { 
	max-height: 400px;
	font-size: 0; 
	overflow:auto;
}
.myPagePopSel .popBox .conBox .imgBox img { 
	width: 100%; 
}
.myPagePopSel .popBox .conBox .txtBox { 
	padding:32px;
}
.myPagePopSel .popBox .conBox .txtTopBox { 
	display:flex;
	align-items:center;
	justify-content:space-between; 
	gap:16px;
}
.myPagePopSel .popBox .conBox .txtTopBox .rBox { 
	flex-shrink:0;
	padding:40px;
	border-radius: 20px;
	text-align: center;
	overflow: hidden;
}
.myPagePopSel .popBox .conBox .txtTopBox .rBox:before { 
	content: "";
    box-sizing: border-box;
    display: block;
    width: 120px;
    height: 88px;
    margin: 0 auto 12px;
    background-size: cover;
    background-repeat: no-repeat; 
}
.myPagePopSel .popBox .conBox .txtTopBox .rBox .rNum { 
	margin:0 0 9px;
	font-weight: 700;
	font-size: 28px;
	color: #2E3337;
}
.myPagePopSel .popBox .conBox .txtTopBox .rBox .rTxt { 
	font-weight: 600; 
	font-size: 20px;
	color: #2E3337;
}
.myPagePopSel .popBox .conBox .txtTopBox .rBox.st01 { 
	background: #F2F8FF; 
}
.myPagePopSel .popBox .conBox .txtTopBox .rBox.st01:before {
    background-image: url(/Form/_guest/basic/images/mCostLstTop01.png);
}
.myPagePopSel .popBox .conBox .txtTopBox .rBox.st01 .rNum span { 
	color: #007AFF;
}
.myPagePopSel .popBox .conBox .txtTopBox .rBox.st02 { 
	background: #F3F2FF; 
}
.myPagePopSel .popBox .conBox .txtTopBox .rBox.st02:before {
    background-image: url(/Form/_guest/basic/images/mCostLstTop02.png);
}
.myPagePopSel .popBox .conBox .txtTopBox .rBox.st02 .rNum span { 
	color: #7B00FF;
}
.myPagePopSel .popBox .conBox .txtTopBox .rBox.st03 { 
	background: #FFF2FC;
}
.myPagePopSel .popBox .conBox .txtTopBox .rBox.st03:before {
    background-image: url(/Form/_guest/basic/images/mCostLstTop03.png);
}
.myPagePopSel .popBox .conBox .txtTopBox .rBox.st03 .rNum span { 
	color: #F36ABC;
}
.myPagePopSel .popBox .conBox .tit {
	margin:0 0 6px;
	font-weight: 600;
	font-size: 38px;
	color: #212121;
}
.myPagePopSel .popBox .conBox .txt { 
	font-size: 26px; 
	color: #9E9E9E;
}
.myPagePopSel .popBox .conBox .lstTit { 
	margin:40px 0 13px;
	font-size: 20px;
	color: #000;
}
.myPagePopSel .popBox .conBox .lst { 
	display:flex;
	flex-wrap:wrap;
	gap:16px;
}
.myPagePopSel .popBox .conBox .lst > li { 
	position:relative; 
	width: calc((100% - 16px)/2);
	background: #F8F9FA;
	border-radius: 15px;
	overflow: hidden;
}
.myPagePopSel .popBox .conBox .lst > li.hasChk { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	padding:0 30px;
}
.myPagePopSel .popBox .conBox .lst .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	overflow:hidden;
}
.myPagePopSel .popBox .conBox .lst .chkLbl {
	display:block;
	width: 100%;
	height: 100%;
	padding:27px 30px;
}
.myPagePopSel .popBox .conBox .lst .chkLbl span { 
	display:block; 
}
.myPagePopSel .popBox .conBox .lst .chkLbl .lblTit { 
	margin:0 0 13px;
	font-weight: 700;
	font-size: 24px;
	color: #212121;
}
.myPagePopSel .popBox .conBox .lst .chkLbl .lblTxt { 
	font-size: 18px;
	color: #9E9E9E;
}
.myPagePopSel .popBox .conBox .lst .chkIpt:checked + .chkLbl { 
	background: #2962FF;
}
.myPagePopSel .popBox .conBox .lst .chkIpt:checked + .chkLbl .lblTit,
.myPagePopSel .popBox .conBox .lst .chkIpt:checked + .chkLbl .lblTxt { 
	color: #FFF; 
}
.myPagePopSel .popBox .conBox .lst .hasChk .chkLbl { 
	width: auto;
	height: auto;	
	padding:0;
}
.myPagePopSel .popBox .conBox .sBtnBox { 
	flex-shrink:0; 
}
.myPagePopSel .popBox .conBox .sBtnBox .sBtn {
	display:block; 
	width: 120px;
	margin:0 0 8px;
	padding:8px 8px 7px;
	background: #FFF;
	border:1px solid #2962FF;
	border-radius: 8px;
	font-weight: 500;
	font-size: 18px;
	text-align: center;
	color: #2962FF;
}
.myPagePopSel .popBox .conBox .sBtnBox .sBtn:last-child { 
	margin:0;
}
.myPagePopSel .popBox .conBox .sBtnBox .sBtn.on { 
	background: #2962FF;
	color: #FFF;
}
@media all and (max-width:999px){
	.myPageWr .inner { 
		padding:36px 0;
	}
	.myPageWr .pageTblBox thead th { 
		padding:13px 10px 10px;
		font-size: 14px;
	}
	.myPageWr .pageTblBox tbody td { 
		padding:15px 10px;
		font-size: 15px; 
	}
	.myPageWr .pageTblBox .lnk { 
		font-size: .9em; 
	}
	.myPageWr .pageTblBox .name + .lnk,
	.myPageWr .pageTblBox .clrTxt01 + .btnBox { 
		margin-top:5px;
	}
	.myPageWr .pageTblBox .btnBox .btn { 
		min-width: 100px;
		padding:5px 10px 4px;
		font-size: .9em; 
	}
	.myPageWr .pageSelBox .lst { 
		gap:10px; 
	}
	.myPageWr .pageSelBox .lst li { 
		width: 100%;
	}
	.myPageWr .pageSelBox .lst .tit { 
		width: 100%;
		margin:0 0 10px;
		padding:5px 10px 4px;
		font-size: 17px;
	}
	.myPageWr .pageSelBox .btnSel { 
		width: 100%;
		margin:20px 0 0;
		padding:10px;
		border-radius: 10px;
		font-size: 15px;
	}
	.myPagePop .payPopBox { 
		padding:20px;
	}
	.myPagePop .payPopBox .popClose { 
		width: 20px;
		height: 20px;
		top:0;
		right:-25px;
	}
	.myPagePop .payPopBox .popClose:before,
	.myPagePop .payPopBox .popClose:after { 
		width: 18px; 
		margin:-1px 0 0 -9px;
	}
	.myPagePop .payPopBox .popTit {
		margin:0 0 5px;
		font-size: 16px;
	}
	.myPagePop .payPopBox .userInfo { 
		gap:5px;
		margin:0 0 20px;
		padding:10px;
	}
	.myPagePop .payPopBox .userInfo .cate { 
		padding:5px 5px 4px;
		font-size: 13px;
	}
	.myPagePop .payPopBox .userInfo .user { 
		font-size: 13px;
	}
	.myPagePop .payPopBox .iptTit { 
		margin:0 0 3px;
		font-size: 14px;
	}
	.myPagePop .payPopBox * + .iptTit { 
		margin-top:10px;
	}
	.myPagePop .payPopBox .ipt { 
		padding:10px;
		font-size: 13px; 
	}
	.myPagePop .payPopBox .gBox {
		padding:10px;
	}
	.myPagePop .payPopBox .selPay {
		padding:0 17px 0 0;
		background-size:17px auto;
		font-size: 13px; 
	}
	.myPagePop .payPopBox .chkBox .chkLbl { 
		padding:0 0 0 18px;
		font-size: 13px;
	}
	.myPagePop .payPopBox .chkBox .chkLbl span { 
		width: 14px; 
		height: 14px;
	}
	.myPagePop .payPopBox .chkBox .chkIpt:checked + .chkLbl span:before { 
		width: 6px; 
		height: 6px;
		margin:-3px 0 0 -3px;
	}
	.myPagePop .payPopBox .popTblBox tbody tr > * { 
		padding:8px;
	}
	.myPagePop .payPopBox .popTblBox tbody th { 
		width: 120px; 
	}
	.myPagePop .payPopBox .popTblBox .iptDl { 
		flex-wrap:wrap;
		gap:3px; 
	}
	.myPagePop .payPopBox .popTblBox .iptDl dt { 
		width: 100%; 
	}
	.myPagePop .payPopBox .popTblBox .iptDl dd .ipt {  
		padding:8px 8px 6px;
		font-size: 14px;
	}
	.myPagePop .payPopBox .popTblBox .iptDl + .iptDl {
		margin-top:5px;
	}	
	.myPagePop .payPopBox .resultBox { 
		margin:10px 0;
		padding:10px;
	}
	.myPagePop .payPopBox .resultBox dl { 
		font-size: 13px; 
	}
	.myPagePop .payPopBox .resultBox dd .price { 
		font-size: 1.3em;
	}
	.myPagePop .payPopBox .resultBox .termChkBox { 
		flex-wrap:wrap; 
		gap:5px;
	}
	.myPagePop .payPopBox .resultBox .termChkBox .chkLbl {
		width: 100%;
		padding:0 0 0 22px;
		font-size: 13px;
	}
	.myPagePop .payPopBox .resultBox .termChkBox .chkLbl:before { 
		width: 14px;
		height: 14px;
	}
	.myPagePop .payPopBox .resultBox .termChkBox .termOnOff { 
		width: 100%;
		padding:0 0 0 22px;
		font-size: 13px;
	}
	.myPagePop .payPopBox .resultBox * + .termChkBox {  
		margin:10px 0 0;
	}
	.myPagePop .payPopBox .btnPay { 
		padding:8px;
		border-radius: 5px;
		font-size: 15px;
	}
	.myPagePop .payPopBox .ipt + .btnPay { 
		margin-top:10px;
	}
	.myPagePopSel .popBox .popClose { 
		width: 20px;
		height: 20px;
	}
	.myPagePopSel .popBox .popClose:before,
	.myPagePopSel .popBox .popClose:after { 
		width: 18px;
		margin:-1px 0 0 -9px;
	}
	.myPagePopSel .popBox .topBox { 
		padding:10px;
		border-radius: 10px 10px 0 0;
	}
	.myPagePopSel .popBox .topBox .btn { 
		font-size: 14px;
	}
	.myPagePopSel .popBox .topBox .btn.stNext { 
		padding:10px 30px 10px 10px;
	}
	.myPagePopSel .popBox .topBox .btn.stNext:after { 
		width: 6px;
		height: 6px;
		right:15px;
		margin:-3px 0 0;
	}
	.myPagePopSel .popBox .topBox .btn.stNext:focus:after,
	.myPagePopSel .popBox .topBox .btn.stNext:hover:after { 
		right:12px; 
	}
	.myPagePopSel .popBox .topBox .btn.stMake { 
		padding:10px 10px 10px 30px;
	}
	.myPagePopSel .popBox .topBox .btn.stMake:before { 
		width: 14px;
		height: 14px;
		left:10px;
		margin:-7px 0 0;
	}
	.myPagePopSel .popBox .conBox { 
		border-radius: 0 0 10px 10px;
	}
	.myPagePopSel .popBox .conBox .imgBox { 
		max-height: 200px;
	}
	.myPagePopSel .popBox .conBox .txtBox { 
		padding:15px;
	}
	.myPagePopSel .popBox .conBox .txtTopBox {
		flex-wrap:wrap;
		gap:8px;
	}
	.myPagePopSel .popBox .conBox .txtTopBox .rBox {
		width: 100%; 
		padding:24px;
		border-radius: 10px;
	}
	.myPagePopSel .popBox .conBox .txtTopBox .rBox:before {
		width: 96px;
		height: 70px;
		margin: 0 auto 8px;
	}
	.myPagePopSel .popBox .conBox .txtTopBox .rBox .rNum { 
		margin:0 0 5px;
		font-size: 22px;
	}
	.myPagePopSel .popBox .conBox .txtTopBox .rBox .rTxt {
		font-size: 16px;
	}
	.myPagePopSel .popBox .conBox .tit { 
		margin:0 0 2px;
		font-size: 21px;
	}
	.myPagePopSel .popBox .conBox .txt { 
		font-size: 17px;
	}
	.myPagePopSel .popBox .conBox .lstTit { 
		margin:20px 0 5px;
		font-size: 15px;
	}
	.myPagePopSel .popBox .conBox .lst { 
		gap:8px;
	}
	.myPagePopSel .popBox .conBox .lst > li { 
		width: 100%;
		border-radius: 10px;
	}
	.myPagePopSel .popBox .conBox .lst > li.hasChk { 
		flex-wrap:wrap;
		padding:20px;
	}
	.myPagePopSel .popBox .conBox .lst .chkLbl { 
		padding:15px;
	}
	.myPagePopSel .popBox .conBox .lst .chkLbl .lblTit { 
		margin:0 0 8px;
		font-size: 17px;
	}
	.myPagePopSel .popBox .conBox .lst .chkLbl .lblTxt { 
		font-size: 14px;
	}
	.myPagePopSel .popBox .conBox .sBtnBox { 
		display:flex;
		flex-wrap:wrap; 
		gap:5px;
	}
	.myPagePopSel .popBox .conBox .sBtnBox .sBtn { 
		width: auto;		
		margin:0;
		font-size: 14px;
	}
}
/* 마이페이지 공통 끝
------------------------------------------------------ */
/* 마이페이지-내 홈페이지 시작
------------------------------------------------------ */
.myPage01Wr .btmBox { 
	margin:60px 0 0;
	text-align: center;
}
.myPage01Wr .btmBox .btn { 
	display:inline-block;
	padding:14px 35px;
	background: #2962FF;
	border:1px solid #2962FF;
	font-weight: 700;
	font-size: 20px;
	color: #FFF;
	transition:all .3s ease;
}
.myPage01Wr .btmBox .btn:focus,
.myPage01Wr .btmBox .btn:hover { 
	background: #FFF; 
	color: #2962FF;
}
@media all and (max-width:999px){
	.myPage01Wr .cTit01 { 
		margin:0 0 40px;
	}
	.myPage01Wr .btmBox { 
		margin:40px 0 0;
	}
	.myPage01Wr .btmBox .btn { 
		padding:10px 20px;
		font-size: 16px;
	}
}
@media all and (max-width:599px){
	.myPage01Wr .btmBox { 
		margin:20px 0 0;
	}
	.myPage01Wr .btmBox .btn { 
		width: 100%;
		padding:10px;
		font-size: 15px;
	}
}
/* 마이페이지-내 홈페이지 끝
------------------------------------------------------ */
/* 마이페이지-"어떤 유형의 서비스를 원하세요?" 시작
------------------------------------------------------ */
.myPage02Wr .costLst01 { 
	display:flex;
	flex-wrap:wrap; 
	gap:20px;
}
.myPage02Wr .costLst01 > li { 
	display:flex;
	flex-direction:column;
	width: calc((100% - 40px)/3);
	background: #FFF;
	border-radius: 20px;
	border:1px solid #E0E2E4;
	text-align: center;
	overflow: hidden;
	transition:all .3s ease;
}
.myPage02Wr .costLst01 > li:hover { 
	box-shadow:2px 4px 20px 0 rgba(64,82,97,.2); 
}
.myPage02Wr .costLst01 .topBox { 
	flex-grow:1;
	padding:39px 16px 37px;
	letter-spacing: 0;
}
.myPage02Wr .costLst01 .topBox:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 120px;
	height: 88px;
	margin:0 auto 12px;
	background-size:cover;
	background-repeat:no-repeat;
}
.myPage02Wr .costLst01 .topBox .num { 
	margin:0 0 9px;
	font-weight: 700;
	font-size: 28px;
	color: #2E3337;
}
.myPage02Wr .costLst01 .topBox .txt { 
	font-weight: 600; 
	font-size: 20px;
	color: #2E3337;
}
.myPage02Wr .costLst01 .midBox { 
	padding:27px 29px 30px;
}
.myPage02Wr .costLst01 .midBox .num { 
	margin:0 0 8px;
	font-size: 24px; 
	color: #FF4C4C;
}
.myPage02Wr .costLst01 .midBox .num span { 
	text-decoration:line-through; 
}
.myPage02Wr .costLst01 .midBox .txt01 { 
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:11px;
	margin:0 0 22px;
}
.myPage02Wr .costLst01 .midBox .txt01 span { 
	display:block;
	font-size: 20px;
}
.myPage02Wr .costLst01 .midBox .txt01 .st01 { 
	font-weight: 600; 
	color: #2E3337;
}
.myPage02Wr .costLst01 .midBox .txt01 .st02 { 
	padding:3px 10px;
	border-radius: 5px;
	background: #FFEBEB;
	font-weight: 700;
	color: #FF4C4C;
}
.myPage02Wr .costLst01 .midBox .txt02 { 
	margin:0 0 22px;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.5;
	color: #2E3337;
}
.myPage02Wr .costLst01 .midBox .txt02 span { 
	display:block; 
	font-weight: 700;
}
.myPage02Wr .costLst01 .midBox .lst01 { 
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:12px;
	min-height: 152px;
	margin:0 0 20px;
	text-align: center;
}
.myPage02Wr .costLst01 .midBox .lst01 li { 
	position:relative;
	padding:0 0 0 29px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0;
	color: #2E3337;
}
.myPage02Wr .costLst01 .midBox .lst01 li: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;
}
.myPage02Wr .costLst01 .midBox .lst01 .stBold01 { 
	font-weight: 700; 
}
.myPage02Wr .costLst01 .midBox .lst01 .stClr01 { 
	color: #FF4C4C;
}
.myPage02Wr .costLst01 .midBox .lst01.stFirst li:first-child:before { 
	background-image: url(/Form/_guest/basic/images/mCostLstA01.svg); 
}
.myPage02Wr .costLst01 .midBox .lst01.stFirst li:nth-child(2):before { 
	background-image: url(/Form/_guest/basic/images/mCostLstA02.svg); 
}
.myPage02Wr .costLst01 .midBox .lst01.stFirst li:nth-child(3):before { 
	background-image: url(/Form/_guest/basic/images/mCostLstA03.svg); 
}
.myPage02Wr .costLst01 .midBox .lst01.stFirst li:nth-child(4):before { 
	background-image: url(/Form/_guest/basic/images/mCostLstA04.svg); 
}
.myPage02Wr .costLst01 .midBox .lst01.stSecond li:first-child:before { 
	background-image: url(/Form/_guest/basic/images/mCostLstB01.svg); 
}
.myPage02Wr .costLst01 .midBox .lst01.stSecond li:nth-child(2):before { 
	background-image: url(/Form/_guest/basic/images/mCostLstB02.svg); 
}
.myPage02Wr .costLst01 .midBox .lst01.stSecond li:nth-child(3):before { 
	background-image: url(/Form/_guest/basic/images/mCostLstB03.svg); 
}
.myPage02Wr .costLst01 .midBox .lst01.stSecond li:nth-child(4):before { 
	background-image: url(/Form/_guest/basic/images/mCostLstB04.svg); 
}
.myPage02Wr .costLst01 .midBox .lst01.stThird li:first-child:before { 
	background-image: url(/Form/_guest/basic/images/mCostLstC01.svg); 
}
.myPage02Wr .costLst01 .midBox .lst01.stThird li:nth-child(2):before { 
	background-image: url(/Form/_guest/basic/images/mCostLstC02.svg); 
}
.myPage02Wr .costLst01 .midBox .lst01.stThird li:nth-child(3):before { 
	background-image: url(/Form/_guest/basic/images/mCostLstC03.svg); 
}
.myPage02Wr .costLst01 .midBox .lst01.stThird li:nth-child(4):before { 
	background-image: url(/Form/_guest/basic/images/mCostLstC04.svg); 
}
.myPage02Wr .costLst01 .midBox .lst01.stThird li:nth-child(5):before { 
	background-image: url(/Form/_guest/basic/images/mCostLstC05.svg); 
}
.myPage02Wr .costLst01 .midBox .lnk { 
	display:block;
	width: 100%;
	padding:14px 10px;
	border-width: 1px;
	border-style:solid;
	border-radius: 10px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	text-align: center;
	color: #FFF;
}
.myPage02Wr .costLst01 > li:first-child .topBox { 
	background: #F2F8FF;
}
.myPage02Wr .costLst01 > li:first-child .topBox:before { 
	background-image: url(/Form/_guest/basic/images/mCostLstTop01.png); 
}
.myPage02Wr .costLst01 > li:first-child .topBox .num span { 
	color: #007AFF;
}
.myPage02Wr .costLst01 > li:first-child .midBox .lnk { 
	background:#007AFF;
	border-color:#007AFF;
}
.myPage02Wr .costLst01 > li:first-child:hover { 
	border-color:#007AFF;
}
.myPage02Wr .costLst01 > li:nth-child(2) .topBox { 
	background: #F3F2FF; 
}
.myPage02Wr .costLst01 > li:nth-child(2) .topBox:before { 
	background-image: url(/Form/_guest/basic/images/mCostLstTop02.png); 
}
.myPage02Wr .costLst01 > li:nth-child(2) .topBox .num span { 
	color: #7B00FF;
}
.myPage02Wr .costLst01 > li:nth-child(2) .midBox .lnk { 
	background:#7B00FF;
	border-color:#7B00FF;
}
.myPage02Wr .costLst01 > li:nth-child(2):hover { 
	border-color:#7B00FF;
}
.myPage02Wr .costLst01 > li:last-child .topBox { 
	background: #FFF2FC; 
}
.myPage02Wr .costLst01 > li:last-child .topBox:before { 
	background-image: url(/Form/_guest/basic/images/mCostLstTop03.png); 
}
.myPage02Wr .costLst01 > li:last-child .topBox .num span { 
	color: #F36ABC;
}
.myPage02Wr .costLst01 > li:last-child .midBox .lnk { 
	background:#F36ABC;
	border-color:#F36ABC;
}
.myPage02Wr .costLst01 > li:last-child:hover { 
	border-color:#F36ABC;
}
@media all and (max-width:999px){
	.myPage02Wr .costLst01 {
		gap:10px;
	}
	.myPage02Wr .costLst01 > li { 
		width: 100%;
	}
	.myPage02Wr .costLst01 .topBox,
	.myPage02Wr .costLst01 .midBox { 
		padding:16px;
	}
	.myPage02Wr .costLst01 .topBox { 
		min-height: 0; 
	}
	.myPage02Wr .costLst01 .topBox:before { 
		width: 96px; 
		height: 70px;
		margin:0 auto 8px;
	}
	.myPage02Wr .costLst01 .topBox .num { 
		margin:0 0 5px;
		font-size: 16px; 
	}
	.myPage02Wr .costLst01 .topBox .num span { 
		display:inline;
	}
	.myPage02Wr .costLst01 .topBox .txt { 
		font-size: 16px; 
	}
	.myPage02Wr .costLst01 .midBox .num { 
		margin:0 0 5px;
		font-size: 14px;
	}
	.myPage02Wr .costLst01 .midBox .txt01 { 
		gap:5px;
		margin:0 0 10px;
	}
	.myPage02Wr .costLst01 .midBox .txt01 span { 
		font-size: 16px; 
	}
	.myPage02Wr .costLst01 .midBox .txt01 .st01 { 
		width: 100%; 
	}
	.myPage02Wr .costLst01 .midBox .txt02 { 
		margin:0 0 13px;
		font-size: 13px;
		line-height: 1.3;
	}
	.myPage02Wr .costLst01 .midBox .lst01 { 
		gap:8px;
		min-height: 0;
		margin:0 0 10px;
	}
	.myPage02Wr .costLst01 .midBox .lst01 li { 
		padding:0 0 0 22px;
		font-size: 13px; 
	}
	.myPage02Wr .costLst01 .midBox .lst01 li:before { 
		width: 16px; 
		height: 16px;
	}
	.myPage02Wr .costLst01 .midBox .lnk {
		padding:8px;
		font-size: 13px;
	}
}
/* 마이페이지-"어떤 유형의 서비스를 원하세요?" 끝
------------------------------------------------------ */