@charset "utf-8";

/* 메인 시작
------------------------------------------------------ */
.mComTit01 { 
	margin:0 0 50px;
	font-weight: 700;
	font-size: 36px;
	color: #000;
	text-align: center;
}
.mComTit01 span { 
	color: #276FB7;
}
.mBannerWr .swiper-slide { 
	position: relative;
    padding: 18.23% 0 0;
    background: #FFF;
    border-radius: 20px;
    font-size: 0;
    overflow: hidden;
}
.mBannerWr .swiper-slide .mBnrLnk { 
	position:absolute; 
	display:block; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}
.mBannerWr .swiper-slide img { 
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.mHomemadeWr { 
	padding:96px 0 0px;
	background: #F6F7FA;
}
.mHomemadeWr .lst { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.mHomemadeWr .lst li { 
	width: calc((100% - 40px)/3);
	text-align: center;
}
.mHomemadeWr .lst .imgBox { 
	position:relative;
	margin:0 0 28px;
	padding: 100% 0 0;
	background: #FFF;
	border-radius: 10px;
	box-shadow:4px 4px 10px 0 rgba(150,150,150,.25);
	font-size: 0;
	overflow:hidden;
}
.mHomemadeWr .lst .imgBox img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.mHomemadeWr .lst .txt { 
	font-weight: 500; 
	font-size: 18px;
	color: #212121;
}
.mTemplateWr { 
	margin:0 0 10px;
	padding:140px 20px;
}
.mTemplateWr .mTptBox { 
	max-width: 1064px;
	margin:0 auto;
}
.mTemplateWr .conBox { 
	display:flex;
	align-items:flex-end;
	gap:122px;
	margin:0 0 80px;
}
.mTemplateWr .conBox:last-child { 
	margin:0;
}
.mTemplateWr .rBox { 
	flex-shrink:0;
	max-width: 100%;
	box-shadow:4px 4px 10px 0 rgba(0,0,0,.25);
	font-size: 0; 
}
.mTemplateWr .rBox img { 
	max-width: 100%; 
}
.mTemplateWr .lBox .sTit { 
	margin:0 0 32px;
	font-weight: 600;
	font-size: 19px;
	color: #276FB7;
}
.mTemplateWr .lBox .tit { 
	margin:0 0 32px;
	font-weight: 700;
	font-size: 36px;
	color: #212121;
}
.mTemplateWr .lBox .lst li { 
	position:relative;
	margin:0 0 17px;
	padding:0 0 0 30px;
	font-weight: 500;
	font-size: 18px;
	color: #9E9E9E;
}
.mTemplateWr .lBox .lst li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top:0;
	left:0;
	background: url(/Form/_guest/basic/images/mTptChk02.svg) no-repeat;
	background-size:cover;
}
.mTemplateWr .lBox .lst li:last-child { 
	margin:0;
}
.mCostWr {
	margin:0 0 24px;
}
.mCostWr .costLst { 
	display:flex;
	flex-wrap:wrap; 
	gap:20px;
}
.mCostWr .costLst li { 
	width: calc((100% - 40px)/3);
	background: #FFF;
	border-radius: 20px;
	border:1px solid #E0E2E4;
	text-align: center;
	overflow: hidden;
	transition:all .3s ease;
}
.mCostWr .costLst li:hover { 
	box-shadow:2px 4px 20px 0 rgba(64,82,97,.2); 
}
.mCostWr .costLst .topBox { 
	padding:39px 16px 37px;
	letter-spacing: 0;
}
.mCostWr .costLst .topBox:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 120px;
	height: 88px;
	margin:0 auto 12px;
	background-size:cover;
	background-repeat:no-repeat;
}
.mCostWr .costLst .topBox .num { 
	margin:0 0 9px;
	font-weight: 700;
	font-size: 28px;
	color: #2E3337;
}
.mCostWr .costLst .topBox .txt { 
	font-weight: 600; 
	font-size: 20px;
	color: #2E3337;
}
.mCostWr .costLst .midBox { 
	padding:27px 29px 30px;
}
.mCostWr .costLst .midBox .num { 
	margin:0 0 8px;
	font-size: 24px; 
	color: #FF4C4C;
}
.mCostWr .costLst .midBox .num span { 
	text-decoration:line-through; 
}
.mCostWr .costLst .midBox .txt01 { 
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:11px;
	margin:0 0 22px;
}
.mCostWr .costLst .midBox .txt01 span { 
	display:block;
	font-size: 20px;
}
.mCostWr .costLst .midBox .txt01 .st01 { 
	font-weight: 600; 
	color: #2E3337;
}
.mCostWr .costLst .midBox .txt01 .st02 { 
	padding:3px 10px;
	border-radius: 5px;
	background: #FFEBEB;
	font-weight: 700;
	color: #FF4C4C;
}
.mCostWr .costLst .midBox .txt02 { 
	margin:0 0 22px;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.5;
	color: #2E3337;
}
.mCostWr .costLst .midBox .txt02 span { 
	display:block; 
	font-weight: 700;
}
.mCostWr .costLst .midBox .lnk { 
	display:block;
	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;
}
.mCostWr .costLst .btmBox { 
	padding:40px 16px 38px;
	border-top:1px solid #E0E2E4;
}
.mCostWr .costLst .btmBox .txt { 
	padding:0 15% 0 17%;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	color: #2E3337;
}
.mCostWr .costLst li:first-child .topBox { 
	background: #F2F8FF;
}
.mCostWr .costLst li:first-child .topBox:before { 
	background-image: url(/Form/_guest/basic/images/mCostLstTop01.png); 
}
.mCostWr .costLst li:first-child .topBox .num span { 
	color: #007AFF;
}
.mCostWr .costLst li:first-child .midBox .lnk { 
	background:#007AFF;
	border-color:#007AFF;
}
.mCostWr .costLst li:first-child:hover { 
	border-color:#007AFF;
}
.mCostWr .costLst li:nth-child(2) .topBox { 
	background: #F3F2FF; 
}
.mCostWr .costLst li:nth-child(2) .topBox:before { 
	background-image: url(/Form/_guest/basic/images/mCostLstTop02.png); 
}
.mCostWr .costLst li:nth-child(2) .topBox .num span { 
	color: #7B00FF;
}
.mCostWr .costLst li:nth-child(2) .midBox .lnk { 
	background:#7B00FF;
	border-color:#7B00FF;
}
.mCostWr .costLst li:nth-child(2):hover { 
	border-color:#7B00FF;
}
.mCostWr .costLst li:last-child .topBox { 
	background: #FFF2FC; 
}
.mCostWr .costLst li:last-child .topBox:before { 
	background-image: url(/Form/_guest/basic/images/mCostLstTop03.png); 
}
.mCostWr .costLst li:last-child .topBox .num span { 
	color: #F36ABC;
}
.mCostWr .costLst li:last-child .midBox .lnk { 
	background:#F36ABC;
	border-color:#F36ABC;
}
.mCostWr .costLst li:last-child:hover { 
	border-color:#F36ABC;
}
.mMidBnrWr {
	margin:0 0 24px;
	font-size: 0;
}
.mMidBnrWr .inner { 
	overflow:hidden;
}
.mMidBnrWr .swiper-slide { 
	border-radius:30px;
	overflow:hidden;
}
.mMidBnrWr img { 
	width: 100%; 
}
.mSystemWr { 
	margin:0 0 122px;
}
.mSystemWr .mSysBox {
	padding:65px 0;
}
.mSystemWr .mSysBox:nth-child(odd) { 
	background: #F6F7FA; 
}
.mSystemWr .inner {  
	display:flex;
	align-items:center;
	gap:122px;
}
.mSystemWr .mSysBox:nth-child(even) .inner { 
	flex-direction:row-reverse; 
}
.mSystemWr .imgBox { 
	flex-shrink:0;
	position:relative;
	width: 488px;
	padding:32.25% 0 0;
	background: #FFF;
	border-radius: 10px;
	box-shadow:4px 4px 10px 0 rgba(150,150,150,.25);
	font-size: 0;
	overflow:hidden;
}
.mSystemWr .imgBox img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.mSystemWr .tit,
.mSystemWr .txt { 
	letter-spacing: -1px;
	word-break:break-all;
}
.mSystemWr .tit { 
	margin:0 0 45px;
	font-weight: 700;
	font-size: 36px;	
	color: #212121;
}
.mSystemWr .txt {
	margin:0 0 32px;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.5;
	color: #9E9E9E;
}
.mSystemWr .lnk {
	display:inline-block;
	padding:10px 15px 8px;
	background:#007FFF;
	border:1px solid #007FFF;
	border-radius: 5px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #FFF;
	transition:all .3s ease;
}
.mSystemWr .lnk:focus,
.mSystemWr .lnk:hover { 
	background: transparent; 
	color: #007FFF;
}
.mPartenerWr {
	margin:0 0 144px;
	text-align: center;
}
.mPartenerWr .lst { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	margin:0 0 78px;
}
.mPartenerWr .lst li { 
	width: calc((100% - 60px)/4);
}
.mPartenerWr .lst .imgBox { 
	position:relative;
	margin:0 0 20px;
	padding:71.93% 0 0;
	background: #E0E0E0;
	overflow:hidden;
}
.mPartenerWr .lst .imgBox img { 
	position:absolute;
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.mPartenerWr .lst .tit { 
	font-weight: 700;
	font-size: 18px;
	color: #000;
}
.mPartenerWr .lnk { 
	display:inline-block;
	padding:16px 47px;
	background: #276FB7;
	border:1px solid #276FB7;
	border-radius: 30px;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: -1px;
	color: #FFF;
	transition:all .3s ease;
}
.mPartenerWr .lnk:focus,
.mPartenerWr .lnk:hover { 
	background: #FFF;
	color: #276FB7;
}
.mGuestWr .topBox { 
	display:flex;
	flex-wrap:wrap;
	align-items:center; 
	justify-content:space-between; 
	gap:16px;
	margin:0 0 50px;
}
.mGuestWr .topBox .tit { 
	font-weight: 700;
	font-size: 36px;
	letter-spacing: -1px;
	color: #212121;
}
.mGuestWr .topBox .schBox { 
	position:relative; 
	display:block;
	width: 484px;
	max-width: 100%;
}
.mGuestWr .topBox .schBox .ipt { 
	width: 100%;
	padding:13px 50px 13px 20px;
	background: #F8F9FA;
	border:1px solid #E0E0E0;
	font-size: 18px;
	color: #212121;
}
.mGuestWr .topBox .schBox .ipt::placeholder { 
	color: #999; 
}
.mGuestWr .topBox .schBox .btn { 
	position:absolute; 
	display:block; 
	top:50%;
	right:20px;
	transform:translateY(-50%);
	font-size: 0;
}
.mGuestWr .topBox .schBox .btn img { 
	max-width: 100%; 
}
.mGuestWr .brdBox table { 
	border-top:1px solid #2B3034;
	text-align: center;
}
.mGuestWr .brdBox thead { 
	border-bottom:1px solid #DEE2E6
}
.mGuestWr .brdBox thead th { 
	padding:17px 10px;
	font-weight: 500; 
	font-size: 17px;
	color: #2B3034;
}
.mGuestWr .brdBox tbody td { 
	padding:18px 10px 17px;
	font-size: 16px;
	color: #868E96;
	word-break:break-all;
}
.mGuestWr .brdBox tbody td .brdLnk { 
	display:block;
	color: #000;
	word-break:break-all;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	transition:all .3s ease;
}
.mGuestWr .brdBox tbody td .brdLnk:focus,
.mGuestWr .brdBox tbody td .brdLnk:hover { 
	color: #276FB7; 
}
.mGuestWr .btmBox { 
	margin:50px 0 0;
	text-align: center;
}
.mGuestWr .btmBox .btnAdd { 
	display:inline-flex;
	align-items:center; 
	justify-content:center;
	gap:9px;
	padding:17px 36px;
	border:1px solid #007AFF;
	border-radius: 30px;
	transition:all .3s ease;
}
.mGuestWr .btmBox .btnAdd span { 
	display:block; 
}
.mGuestWr .btmBox .btnAdd .btnPlus { 
	flex-shrink:0;
	position:relative; 
	width: 14px;
	height: 14px;
}
.mGuestWr .btmBox .btnAdd .btnPlus:before,
.mGuestWr .btmBox .btnAdd .btnPlus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: #007AFF;
	border-radius: 4px;
	transition:all .3s ease;
}
.mGuestWr .btmBox .btnAdd .btnPlus:before { 
	width: 100%; 
	height: 2px;
}
.mGuestWr .btmBox .btnAdd .btnPlus:after { 
	width: 2px; 
	height: 100%;
}
.mGuestWr .btmBox .btnAdd .btnTxt { 
	padding:1px 0 0;
	font-weight: 700; 
	font-size: 18px;
	line-height: 1;
	letter-spacing: 0;
	color: #007AFF;
	transition:all .3s ease;
}
.mGuestWr .btmBox .btnAdd:focus,
.mGuestWr .btmBox .btnAdd:hover { 
	background:#007AFF;
}
.mGuestWr .btmBox .btnAdd:focus .btnPlus:before,
.mGuestWr .btmBox .btnAdd:hover .btnPlus:before,
.mGuestWr .btmBox .btnAdd:focus .btnPlus:after,
.mGuestWr .btmBox .btnAdd:hover .btnPlus:after { 
	background: #FFF; 
}
.mGuestWr .btmBox .btnAdd:focus .btnTxt,
.mGuestWr .btmBox .btnAdd:hover .btnTxt { 
	color: #FFF; 
}
.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:999px){
	.mComTit01 { 
		margin:0 0 40px;
		font-size: 29px;
	}
	.mBannerWr .swiper-slide { 
		padding:30% 0 0;
	}
	.mHomemadeWr { 
		padding:40px 0;
	}
	.mHomemadeWr .lst { 
		gap:16px; 
	}
	.mHomemadeWr .lst li { 
		width: calc((100% - 32px)/3);
	}
	.mHomemadeWr .lst .imgBox { 
		margin:0 0 20px;
	}
	.mHomemadeWr .lst .txt { 
		font-size: 15px; 
	}
	.mTemplateWr { 
		margin:0;
		padding:40px 16px;
	}
	.mTemplateWr .conBox { 
		gap:40px;
		margin:0 0 40px;
	}
	.mTemplateWr .rBox { 
		width: 472px; 
	}
	.mTemplateWr .lBox .sTit { 
		margin:0 0 20px;
		font-size: 16px;
	}
	.mTemplateWr .lBox .tit { 
		margin:0 0 20px;
		font-size: 29px;
	}
	.mTemplateWr .lBox .lst li { 
		margin:0 0 10px;
		padding:0 0 0 23px;
		font-size: 15px;
	}
	.mTemplateWr .lBox .lst li:before { 
		width: 16px; 
		height: 16px;
	}
	.mCostWr { 
		margin:0 0 20px;
	}
	.mCostWr .costLst { 
		gap:16px; 
	}
	.mCostWr .costLst li { 
		width: calc((100% - 32px)/3);
	}
	.mCostWr .costLst .topBox { 
		padding:24px 16px;
	}
	.mCostWr .costLst .topBox:before { 
		width: 96px; 
		height: 70px;
		margin:0 auto 8px;
	}
	.mCostWr .costLst .topBox .num { 
		margin:0 0 5px;
		font-size: 22px; 
	}
	.mCostWr .costLst .topBox .txt { 
		font-size: 16px; 
	}
	.mCostWr .costLst .midBox { 
		padding:24px 16px;
	}
	.mCostWr .costLst .midBox .num { 
		margin:0 0 5px;
		font-size: 19px;
	}
	.mCostWr .costLst .midBox .txt01 { 
		gap:5px;
		margin:0 0 10px;
	}
	.mCostWr .costLst .midBox .txt01 span { 
		font-size: 16px; 
	}
	.mCostWr .costLst .midBox .txt01 .st01 { 
		width: 100%; 
	}
	.mCostWr .costLst .midBox .txt02 { 
		margin:0 0 13px;
		font-size: 15px;
		line-height: 1.3;
	}
	.mCostWr .costLst .midBox .lnk { 
		padding:8px;
		font-size: 15px;
	}
	.mCostWr .costLst .btmBox { 
		padding:24px 16px;
	}
	.mCostWr .costLst .btmBox .txt { 
		padding:0 15% 0 20%;
		font-size: 14px; 
		line-height: 1.4;
	}
	.mMidBnrWr { 
		margin:0 0 20px;
	}
	.mMidBnrWr .swiper-slide { 
		border-radius: 20px;
	}
	.mSystemWr { 
		margin:0 0 40px;
	}
	.mSystemWr .mSysBox { 
		padding:40px 0;
	}
	.mSystemWr .inner { 
		gap:40px; 
	}
	.mSystemWr .imgBox { 
		width: 390px; 
	}
	.mSystemWr .tit { 
		margin:0 0 30px;
		font-size: 29px;
	}
	.mSystemWr .txt { 
		margin:0 0 15px;
		font-size: 15px;
		line-height: 1.4; 
	}
	.mSystemWr .lnk {
		padding:8px 10px 7px;
		font-size: 14px;
	}
	.mPartenerWr { 
		margin:0 0 40px;
	}
	.mPartenerWr .lst { 
		gap:16px;
		margin:0 0 30px;
	}
	.mPartenerWr .lst li { 
		width: calc((100% - 16px)/2);
	}
	.mPartenerWr .lst .imgBox { 
		margin:0 0 10px;
	}
	.mPartenerWr .lst .tit { 
		font-size: 15px;
	}
	.mPartenerWr .lnk { 
		padding:13px 30px;
		font-size: 16px;
	}
	.mGuestWr .topBox { 
		margin:0 0 30px;
	}
	.mGuestWr .topBox .tit { 
		font-size: 29px; 
	}
	.mGuestWr .topBox .schBox { 
		width: 300px; 
	}
	.mGuestWr .topBox .schBox .ipt { 
		padding:11px 40px 11px 15px;
		font-size: 14px;
	}
	.mGuestWr .topBox .schBox .btn { 
		width: 18px;
		right:16px;
	}
	.mGuestWr .brdBox .td_100 { 
		width: 40px; 
	}
	.mGuestWr .brdBox .notMb { 
		display:none; 
	}
	.mGuestWr .brdBox thead th { 
		padding:11px 10px;
		font-size: 14px;
	}
	.mGuestWr .brdBox thead th:not(.td_100) { 
		text-align: left; 
	}
	.mGuestWr .brdBox tbody td { 
		padding:11px 10px 10px;
		font-size: 14px; 
	}
	.mGuestWr .btmBox { 
		margin:30px 0 0;
	}
	.mGuestWr .btmBox .btnAdd {
		gap:7px;
		padding:10px 20px;
	}
	.mGuestWr .btmBox .btnAdd .btnPlus { 
		width: 12px;
		height: 12px;
	}
	.mGuestWr .btmBox .btnAdd .btnTxt {
		font-size: 15px;
	}
	.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;
	}
}
@media all and (max-width:799px){
	.mTemplateWr .conBox { 
		display:block; 
	}
	.mTemplateWr .rBox { 
		width: 100%;
		margin:0 0 30px;
	}
	.mTemplateWr .rBox img { 
		width: 100%; 
	}
	.mTemplateWr .lBox .sTit { 
		margin:0 0 10px;
	}
	.mTemplateWr .lBox .tit { 
		margin:0 0 15px;
	}
	.mTemplateWr .lBox .lst li { 
		margin:0 0 5px;
	}
	.mCostWr .costLst li {
		width: 100%;
	}
	.mCostWr .costLst .topBox,
	.mCostWr .costLst .midBox,
	.mCostWr .costLst .btmBox { 
		padding:16px;
	}
	.mSystemWr .inner { 
		display:block; 
	}
	.mSystemWr .imgBox { 
		width: 100%;
		margin:0 0 20px;
		padding:56.25% 0 0;
	}
	.mSystemWr .tit { 
		margin:0 0 10px;
	}
}
@media all and (max-width:599px){
	.mComTit01 { 
		margin:0 0 37px;
		font-size: 22px;
	}
	.mBannerWr .swiper-slide { 
		padding:60.34% 0 0;
		border-radius: 0;
	}
	.mHomemadeWr { 
		padding:50px 0 40px;
	}
	.mHomemadeWr .lst li { 
		width: 100%; 
	}
	.mHomemadeWr .lst .imgBox { 
		margin:0 0 10px;
	}
	.mHomemadeWr .lst .txt { 
		font-size: 30px; 
	}
	.mTemplateWr .conBox { 
		margin:0 0 53px;
	}
	.mTemplateWr .rBox { 
		margin:0 0 38px;
	}
	.mTemplateWr .lBox .sTit { 
		margin:0 0 7px;
		font-size: 14px; 
	}
	.mTemplateWr .lBox .tit { 
		margin:0 0 11px;
		font-size: 22px;
	}
	.mTemplateWr .lBox .lst li { 
		margin:0 0 4px;
		padding:0 0 0 18px;
		font-size: 12px;
	}
	.mTemplateWr .lBox .lst li:before { 
		width: 12px;
		height: 12px;
		top:1px; 
	}
	.mCostWr { 
		margin:0 0 15px;
	}
	.mCostWr .costLst {
	}
	
	
	
	
	
	
	
	.mMidBnrWr { 
		margin:0 0 15px;
	}
	.mMidBnrWr .swiper-slide { 
		border-radius: 10px;
	}
	.mSystemWr { 
		margin:0 0 30px;
	}
	.mSystemWr .imgBox { 
		margin:0 0 40px;
	}
	.mSystemWr .conBox { 
		text-align: center; 
	}
	.mSystemWr .tit { 
		margin:0 0 17px;
		font-size: 24px;
	}
	.mSystemWr .txt { 
		font-size: 13px;
	}
	.mSystemWr .lnk { 
		padding:8px 10px 6px;
		border-radius: 8px;
		font-size: 12px;
	}
	.mSystemWr .txt br { 
		display:none; 
	}
	.mPartenerWr { 
		margin:0 0 30px;
	}
	.mPartenerWr .lst { 
		margin:0 0 20px;
	}
	.mPartenerWr .lst .imgBox { 
		margin:0 0 14px;
	}
	.mPartenerWr .lst .tit { 
		font-size: 14px;
	}	
	.mPartenerWr .lnk {
		padding:10px 25px 9px;
		font-size: 12px;
	}
	.mGuestWr .topBox { 
		display:block; 
		margin:0 0 20px;
	}
	.mGuestWr .topBox .tit { 
		margin:0 0 12px;
		font-size: 24px; 
	}
	.mGuestWr .topBox .schBox { 
		width: 100%; 
	}
}
/* 메인 끝
------------------------------------------------------ */
/* 회사 소개 시작
------------------------------------------------------ */
.cpIntroWr { 
	padding:162px 0 0;
}
.cpIntroWr .cpTopImg { 
	margin:0 0 92px;
	font-size: 0; 
}
.cpIntroWr .cpTopImg img { 
	width: 100%; 
}
.cpIntroWr .cpTopBox { 
	display:flex;
	gap:50px;
	margin:0 0 92px;
}
.cpIntroWr .cpTopBox .imgBox { 
	flex-shrink:0;
	width: 50%;
	text-align: center;
	font-size: 0; 
}
.cpIntroWr .cpTopBox .imgBox img { 
	max-width: 100%; 
}
.cpIntroWr .cpTopBox .conBox { 
	flex-grow:1; 
}
.cpIntroWr .cpTopBox .tit { 
	margin:0 0 36px;
	font-weight: 700; 
	font-size: 32px;
	color: #212121;
}
.cpIntroWr .cpTopBox .tit span { 
	color: #276FB7; 
}
.cpIntroWr .cpTopBox .txt { 
	font-weight: 500;
	font-size: 18px;
	line-height: 1.5;
	color: #9E9E9E;
}
.cpIntroWr .cpConBox { 
	counter-reset: cpIntroNum 0;
}
.cpIntroWr .cpConBox .conBox { 
	margin:0 0 60px;
}
.cpIntroWr .cpConBox .conBox:before { 
	counter-increment: cpIntroNum 1;
	content: counter(cpIntroNum);
	box-sizing:border-box;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 40px;
	height: 40px;
	margin:0 auto 30px;
	background: #276FB7;
	border-radius: 50%;
	font-weight: 700;
	font-size: 20px;
	color: #FFF;
}
.cpIntroWr .cpConBox .conBox:last-child { 
	margin:0;
}
.cpIntroWr .cpConBox .clrBox { 
	display:flex;
	align-items:flex-end;
	gap:42px;
	padding:50px;
	background: #EEF5FD; 
}
.cpIntroWr .cpConBox .conBox:nth-child(even) .clrBox { 
	flex-direction:row-reverse; 
}
.cpIntroWr .cpConBox .clrBox .imgBox { 
	flex-shrink:0;
	font-size: 0;
}
.cpIntroWr .cpConBox .clrBox .imgBox img { 
	max-width: 100%; 
}
.cpIntroWr .cpConBox .clrBox .txtBox { 
	flex-grow:1; 
}
.cpIntroWr .cpConBox .clrBox .txtBox .tit { 
	margin:0 0 36px;
	font-weight: 700;
	font-size: 32px;
	color: #000;
}
.cpIntroWr .cpConBox .clrBox .txtBox .tit span { 
	color: #276FB7; 
}
.cpIntroWr .cpConBox .clrBox .txtBox .txt { 
	font-size: 18px; 
	line-height: 1.5;
	color: #000;
}
@media all and (max-width:999px){
	.cpIntroWr { 
		padding:60px 0 0;
	}
	.cpIntroWr .cpTopImg { 
		margin:0 0 40px;
	}
	.cpIntroWr .cpTopBox { 
		gap:30px;
		margin:0 0 40px;
	}
	.cpIntroWr .cpTopBox .imgBox { 
		width: 253px; 
	}
	.cpIntroWr .cpTopBox .tit { 
		margin:0 0 20px;
		font-size: 26px;
	}
	.cpIntroWr .cpTopBox .txt { 
		font-size: 15px; 
		line-height: 1.3;
	}
	.cpIntroWr .cpConBox .comCateBox02 .btnCate { 
		width: 33.333%;
		border-top-width:1px;
	}
	.cpIntroWr .cpConBox .comCateBox02 .btnCate:nth-child(2n) { 
		border-left-width:1px;
	}
	.cpIntroWr .cpConBox .comCateBox02 .btnCate + .btnCate { 
		border-left-width:0;
	}
	.cpIntroWr .cpConBox .conBox { 
		margin:0 0 40px;
	}
	.cpIntroWr .cpConBox .conBox:before { 
		width: 32px;
		height: 32px;
		margin:0 auto 24px;
		font-size: 16px;
	}
	.cpIntroWr .cpConBox .clrBox { 
		gap:30px;
		padding:30px;
	}
	.cpIntroWr .cpConBox .clrBox .imgBox { 
		width: 424px; 
	}
	.cpIntroWr .cpConBox .clrBox .txtBox .tit {
		margin:0 0 20px;
		font-size: 26px;		 
	}
	.cpIntroWr .cpConBox .clrBox .txtBox .txt { 
		font-size: 15px;
		line-height: 1.3;
	}
}
@media all and (max-width:799px){
	.cpIntroWr .cpConBox .clrBox { 
		display:block; 
	}
	.cpIntroWr .cpConBox .clrBox .imgBox { 
		width: 100%;
		margin:0 0 30px;
	}
	.cpIntroWr .cpConBox .clrBox .imgBox img { 
		width: 100%; 
	}
	.cpIntroWr .cpConBox .clrBox .txtBox .tit,
	.cpIntroWr .cpConBox .clrBox .txtBox .txt { 
		text-align: center; 
	}
}
@media all and (max-width:599px){
	.cpIntroWr { 
		padding:30px 0 0;
	}
	.cpIntroWr .cpTopImg { 
		margin:0 0 30px;
	}
	.cpIntroWr .cpTopBox { 
		flex-wrap:wrap; 
		gap:15px;
		margin:0 0 30px;
	}
	.cpIntroWr .cpTopBox .imgBox { 
		width: 190px;
		margin:0 auto;
	}
	.cpIntroWr .cpTopBox .tit { 
		margin:0 0 10px;
		font-size: 19px; 
	}
	.cpIntroWr .cpTopBox .txt { 
		font-size: 14px; 
	}
	.cpIntroWr .cpConBox { 
		width: 100%; 
	}
	.cpIntroWr .cpConBox .conBox { 
		margin:0 0 30px;
	}
	.cpIntroWr .cpConBox .conBox:before { 
		width: 100%;
		height: auto;
		margin:0 0 10px;
		padding:5px 5px 4px;
		border-radius: 5px;
		font-size: 15px;
	}
	.cpIntroWr .cpConBox .clrBox { 
		padding:20px;
	}
	.cpIntroWr .cpConBox .clrBox .imgBox { 
		margin:0 0 10px;
	}
	.cpIntroWr .cpConBox .clrBox .txtBox .tit { 
		margin:0 0 10px;
		font-size: 19px;
	}
	.cpIntroWr .cpConBox .clrBox .txtBox .txt { 
		font-size: 14px; 
	}
}
/* 회사 소개 끝
------------------------------------------------------ */
/* 템플릿 시작
------------------------------------------------------ */
.templateWr { 
	padding:116px 0 0;
	text-align: center;
}
.templateWr .tempLst { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	margin:0 0 80px;
}
.templateWr .tempLst > li { 
	width: calc((100% - 40px)/3);
	padding:20px;
	background: #FFF;
	border-radius: 20px;
	box-shadow:2px 4px 16px 0 rgba(69,67,118,.1);
	text-align: center;
}
.templateWr .tempLst .imgLst { 
	display:flex;
	gap:12px;
	text-align: center;
}
.templateWr .tempLst .imgLst li.imgPc { 
	flex-grow:1; 
}
.templateWr .tempLst .imgLst li.imgMb { 
	flex-shrink:0;
	width: 120px;
}
.templateWr .tempLst .imgLst .lstImg { 
	position:relative; 
	width: 100%;
	height: 220px;
	margin:0 0 16px;
	border:1px solid #E0E0E0;
	border-radius: 20px;
	overflow: hidden;
}
.templateWr .tempLst .imgLst .lstImg img {
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	transition:all .3s ease;
}
.templateWr .tempLst .imgLst .lstImg:focus img,
.templateWr .tempLst .imgLst .lstImg:hover img { 
	width: 120%; 
}
.templateWr .tempLst .imgLst .lstImg.noImg { 
	background:#F5F5F5; 
}
.templateWr .tempLst .imgLst .lstImg.noImg:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 55px;
	height: 18px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background:url(/Form/_guest/basic/images/templateNoImg01.png) no-repeat;
	background-size:cover;
}
.templateWr .tempLst .imgLst .imgTxt { 
	position:relative; 
	display:inline-block;
	padding:7px 15px 3px 37px;
	background: #EDF6FF;
	border:1px solid #CDE6FF;
	border-radius: 100px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0;
	color: #373737;
}
.templateWr .tempLst .imgLst .imgTxt:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 7px;
	left: 15px;
	background:url(/Form/_guest/basic/images/templateLst01.svg) no-repeat;
	background-size:cover;
}
.templateWr .tempLst .lnk { 
	position:relative; 
	display:block; 
	width: 100%;
	padding:67.18% 0 0;
	border-radius: 30px;
	box-shadow:4px 4px 16px 0 rgba(135,135,135,.25);
	font-size: 0;
	overflow:hidden;
}
.templateWr .tempLst .lnk img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	transition:all .3s ease;
}
.templateWr .tempLst .lnk:focus img,
.templateWr .tempLst .lnk:hover img { 
	width: 120%; 
}
.templateWr .btnAdd { 
	display:inline-block;
	padding:14px 35px;
	border:1px solid #276FB7;
	background: #276FB7;
	border-radius: 30px;
	font-weight: 700;
	font-size: 20px;
	color: #FFF;
	text-align: center;
	transition:all .3s ease;
}
.templateWr .btnAdd:focus,
.templateWr .btnAdd:hover { 
	background: #FFF;
	color: #276FB7;
}
.tplthumbPop { 
	width: 100vw;
	height: 100vh;
	overflow-y:auto;
}
.tplthumbPop .popClose { 
	position:fixed; 
	display:none; 
	width: 32px;
	height: 32px;
	top: 40px;
	right: 60px;
	background:#007AFF;
	border-radius: 50%;
	font-size: 0;
	opacity:1;
	z-index:10;
}
.tplthumbPop .popClose:before,
.tplthumbPop .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 4px;
	top: 50%;
	left: 50%;
	margin:-2px 0 0 -10px;
	background: #FFF;
	border-radius: 4px;
}
.tplthumbPop .popClose:before { 
	transform:rotate(45deg);
}
.tplthumbPop .popClose:after { 
	transform:rotate(-45deg);
}
.tplthumbPop .comPopBox01 { 
	width: calc(100% - 40px);
	min-height: calc(100% - 20px);
	top:100%;
	transform:translateX(-50%);
	transition:all .3s ease;
}
.tplthumbPop .comPopBox01 .imgBox { 
	font-size: 0;
	text-align: center;
}
.tplthumbPop.pcPop .comPopBox01 .imgBox img { 
	width: 100%; 
}
.tplthumbPop.mbPop .comPopBox01 .imgBox img { 
	width: 50%;
}
.tplthumbPop.on .popClose { 
	display:block;
}
.tplthumbPop.on .comPopBox01 { 
	top: 20px; 
}
@media all and (max-width:999px){
	.templateWr { 
		padding:60px 0 0;
	}
	.templateWr .tempLst { 
		gap:15px;
		margin:0 0 40px;
	}
	.templateWr .tempLst > li { 
		width: calc((100% - 15px)/2);
		padding:16px;
	}
	.templateWr .tempLst .imgLst .imgTxt { 
		padding:5px 10px 3px 30px;
		font-size: 13px;
	}
	.templateWr .tempLst .imgLst .imgTxt:before { 
		width: 14px; 
		height: 14px;
		top: 6px;
		left: 11px;
	}
	.templateWr .btnAdd { 
		padding:10px 20px 8px;
		font-size: 16px;
	}
	.tplthumbPop .scrollBox { 
		max-height: 400px; 
	}
	.tplthumbPop .popClose {
		width: 26px;
		height: 26px;
		top: 30px;
	}
	.tplthumbPop .popClose:before,
	.tplthumbPop .popClose:after {
		width: 16px;
		height: 2px;
		margin:-1px 0 0 -8px;
	}
	.tplthumbPop.mbPop .comPopBox01 .imgBox img { 
		width: 100%;
	}
}
@media all and (max-width:860px){
	.tplthumbPop .popClose { 
		right: 10px;
		margin:0;
	}
}
@media all and (max-width:599px){
	.templateWr { 
		padding:30px 0 0;
	}
	.templateWr .tempLst > li { 
		width: 100%; 
	}
	.templateWr .btnAdd { 
		width: 100%;
		padding:10px 10px 8px;
		font-size: 15px;
	}
}
/* 템플릿 끝
------------------------------------------------------ */
/* 공지사항 시작
------------------------------------------------------ */
.noticeWr .subComBnr01 { 
	background-image:url(/Form/_guest/basic/images/subBnrNotice01.png);	 
}
/* 공지사항 끝
------------------------------------------------------ */
/* 고객센터 시작
------------------------------------------------------ */
.centerWr .subComBnr01 { 
	background-image:url(/Form/_guest/basic/images/subBnrNotice01.png);	 
}
.centerWr .centerBox { 
	display:none; 
}
.centerWr .centerBox.on { 
	display:block; 
}
.centerWr .formDl { 
	position:relative;
	padding:0 0 0 220px;
}
.centerWr .formDl dt { 
	position:absolute; 
	display:flex;
	align-items:center; 
	width: 160px;
	height: 100%;
	top:0;
	left:0;
	padding:0 0 0 10px;
	border-right:2px solid #276FB7;
	font-size: 20px;
	color: #373737;
}
.centerWr .formDl dt span { 
	color: #FF2F2F; 
}
.centerWr .formDl dd { 
	width: 100%; 
}
.centerWr .formDl dd .ipt {
	padding:18px 20px;
	background: #F5F5F5;
	font-size: 18px;
	color: #212121;
}
.centerWr .formDl dd .ipt::placeholder { 
	color: #9E9E9E; 
}
.centerWr .formDl dd .ipt.fullWid { 
	width: 100%; 
}
.centerWr .formDl dd select.ipt { 
	appearance: none;
	background-image: url(/Form/_guest/basic/images/centerSel01.svg);
	background-repeat:no-repeat;
	background-position:right 10px center; 
	padding-right:30px !important;
}
.centerWr .formDl dd .mailBox { 
	display:flex;
	align-items:center; 
}
.centerWr .formDl dd .mailBox .midTxt { 
	flex-shrink:0;
	display:block;
	margin:0 11px;
	width: 18px;
	font-size: 20px;
	color: #999;
	text-align: center;
}
.centerWr .formDl dd .mailBox .ipt { 
	flex-grow:1; 
}
.centerWr .formDl dd .mailBox select.ipt { 
	flex-shrink:0;
	flex-grow:0;
	width: 368px;
	margin:0 0 0 30px;
}
.centerWr .formDl + .formDl { 
	margin-top:16px;
}
.centerWr .termChkBox { 
	display:flex;
	align-items:center;
	gap:45px;
	margin:16px 0 0;
	padding:16px 20px;
	background: #F5F5F5;
}
.centerWr .termChkBox .txt {
	font-weight: 500; 
	font-size: 20px;
	color: #373737;
}
.centerWr .termChkBox .chkBox { 
	flex-grow:1;
	position:relative; 
}
.centerWr .termChkBox .chkBox .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	font-size: 0;
	overflow:hidden;
}
.centerWr .termChkBox .chkBox .chkLbl { 
	position:relative; 
	display:block;
	width: 100%;
	padding:0 0 0 30px;
	font-size: 20px;
	color: #373737;
}
.centerWr .termChkBox .chkBox .chkLbl .circle { 
	position:absolute; 
	display:block; 
	width: 20px;
	height: 20px;
	top:3px;
	left:0;
	border:1px solid #999;
	border-radius: 50%;
}
.centerWr .termChkBox .chkBox .chkIpt:checked + .chkLbl .circle { 
	border-color:#276FB7;
}
.centerWr .termChkBox .chkBox .chkIpt:checked + .chkLbl .circle:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	top:0;
	bottom: 0;
	right: 0;
	left:0;
	margin:auto;
	background: #276FB7;
	border-radius: 50%;
}
.centerWr .termChkBox .termLnk { 
	flex-shrink:0;
	display:block;
	padding:10px 6px;
	border:1px solid #999;
	border-radius: 10px;
	font-size: 14px;
	color: #999;
	text-align: center;
	transition:all .3s ease;
}
.centerWr .termChkBox .termLnk:focus,
.centerWr .termChkBox .termLnk:hover { 
	background: #276FB7;
	color: #FFF;
}
.centerWr .btnSmt { 
	display:block; 
	margin:40px auto 0;
	padding:18px 126px;
	background: #276FB7;
	border-radius: 5px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -.5px;
	text-align: center;
	color: #FFF;
}
@media all and (max-width:999px){
	.centerWr .formDl { 
		padding:0;
	}
	.centerWr .formDl dt { 
		position:relative;
		display:block; 
		width: 100%;
		height: auto;
		top:auto;
		left:auto;
		margin:0 0 6px;
		padding:0 0 4px;
		border-bottom:2px solid #276FB7;
		border-right:none;
		font-size: 16px;
	}
	.centerWr .formDl dd .ipt { 
		padding:15px;
		font-size: 15px;
	}
	.centerWr .formDl dd .mailBox .midTxt { 
		width: 14px;
		margin:0 8px;
		font-size: 16px; 
	}
	.centerWr .formDl dd .mailBox select.ipt { 
		width: 300px;
		margin:0 0 0 16px;
	}
	.centerWr .termChkBox { 
		flex-wrap:wrap; 
		gap:10px;
		padding:13px 15px;
	}
	.centerWr .termChkBox .txt { 
		width: 100%;
		font-size: 16px;
	}
	.centerWr .termChkBox .chkBox .chkLbl { 
		padding:0 0 0 24px;
		font-size: 16px;
	}
	.centerWr .termChkBox .chkBox .chkLbl .circle { 
		width: 20px; 
		height: 20px;
		top: 0;
	}
	.centerWr .termChkBox .chkBox .chkIpt:checked + .chkLbl .circle:before { 
		width: 10px; 
		height: 10px;
	}
	.centerWr .termChkBox .termLnk { 
		padding:8px 6px;
	}
	.centerWr .btnSmt { 
		margin:30px auto 0;
		padding:15px 50px;
		font-size: 15px;
	}
}
@media all and (max-width:599px){
	.centerWr .formDl dt { 
		font-size: 15px; 
	}
	.centerWr .formDl dd .ipt { 
		padding:13px;
		font-size: 14px;
	}
	.centerWr .formDl dd .mailBox { 
		flex-wrap:wrap;
		gap:8px;
	}
	.centerWr .formDl dd .mailBox .ipt { 
		width: calc((100% - 30px)/2); 
	}
	.centerWr .formDl dd .mailBox .midTxt { 
		margin:0;
		font-size: 15px;
	}
	.centerWr .formDl dd .mailBox select.ipt { 
		width: 100%;
		margin:0;
	}
	.centerWr .formDl + .formDl { 
		margin-top:10px;
	}
	.centerWr .termChkBox { 
		gap:7px;
		margin:10px 0 0;
	}
	.centerWr .termChkBox .txt,
	.centerWr .termChkBox .chkBox .chkLbl { 
		font-size: 15px; 
	}
	.centerWr .termChkBox .chkBox .chkLbl { 
		padding:0 0 0 20px;
	}
	.centerWr .termChkBox .chkBox .chkLbl .circle { 
		width: 16px;
		height: 16px;
		top: 1px;
	}
	.centerWr .termChkBox .chkBox .chkIpt:checked + .chkLbl .circle:before { 
		width: 8px; 
		height: 8px;
	}
	.centerWr .termChkBox .termLnk { 
		width: 100%;
		font-size: 13px;
	}
	.centerWr .btnSmt { 
		width: 100%;
		margin:20px 0 0;
		padding:10px;
		font-size: 14px;
	}
}
/* 고객센터 끝
------------------------------------------------------ */
/* 학원 파트너 시작
------------------------------------------------------ */
.partnerWr { 
	min-height: 100vh;
	padding:120px 0 0;
}
.partnerWr .ptrLst { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.partnerWr .ptrLst li { 
	width: calc((100% - 60px)/4);
}
.partnerWr .ptrLst li .lnk { 
	display:block; 
	width: 100%;
}
.partnerWr .ptrLst li .lnk span { 
	display:block; 
}
.partnerWr .ptrLst li .lnk .imgBox { 
	position:relative;
	margin:0 0 21px;
	padding:71.93% 0 0;
	background: #E0E0E0;
	border-radius: 20px;
	font-size: 0;
	overflow:hidden;
}
.partnerWr .ptrLst li .lnk .imgBox img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	transition:all .3s ease;
}
.partnerWr .ptrLst li .lnk .tit { 
	margin:0 0 3px;
	font-weight: 700;
	font-size: 18px;
	color: #000;
}
.partnerWr .ptrLst li .lnk .txt { 
	font-size: 16px;
	color: #9E9E9E;
}
.partnerWr .ptrLst li .lnk:focus .imgBox img,
.partnerWr .ptrLst li .lnk:hover .imgBox img { 
	width: 120%; 
}
.partnerWr .btmBnrBox { 
	height: 100px;	
	margin:188px 0 0;
	font-size: 0;
	overflow:hidden;
}
.partnerWr .btmBnrBox .swiper-slide img { 
	width: 100%;
	height: 100%; 
}
.partnerImgPop .conBox { 
	position:absolute;
	width: 1200px;
	max-width: 80%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.partnerImgPop .conBox .popClose { 
	position:absolute; 
	display:block; 
	width: 70px;
	height: 70px;
	bottom:calc(100% + 13px);
	right:-7px;
}
.partnerImgPop .conBox .popClose:before,
.partnerImgPop .conBox .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 50px;
	height: 2px;
	top:50%;
	left:50%;
	margin:-1px 0 0 -25px;
	background: #FFF;
}
.partnerImgPop .conBox .popClose:before { 
	transform:rotate(45deg); 
}
.partnerImgPop .conBox .popClose:after { 
	transform:rotate(-45deg); 
}
.partnerImgPop .conBox .lnk { 
	position:relative; 
	display:block;
	padding:60.67% 0 0;
	background: #FFF;
	border-radius: 30px;
	font-size: 0;
	overflow:hidden;
}
.partnerImgPop .conBox .lnk img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
@media all and (max-width:999px){
	.partnerWr { 
		padding:60px 0 0;
	}
	.partnerWr .ptrLst { 
		gap:16px;
	}
	.partnerWr .ptrLst li { 
		width: calc((100% - 32px)/3);
	}
	.partnerWr .ptrLst li .lnk .imgBox { 
		margin:0 0 10px;
	}
	.partnerWr .ptrLst li .lnk .tit { 
		margin:0;
		font-size: 15px;
	}
	.partnerWr .ptrLst li .lnk .txt { 
		font-size: 14px; 
	}
	.partnerWr .btmBnrBox { 
		height: 80px;
		margin:50px 0 0;
	}
	.partnerImgPop .conBox .popClose { 
		width: 50px;
		height: 50px;
		bottom:calc(100% + 10px);
	}
	.partnerImgPop .conBox .popClose:before,
	.partnerImgPop .conBox .popClose:after { 
		width: 30px;
		margin:-1px 0 0 -15px;
	}
	.partnerImgPop .conBox .lnk { 
		border-radius: 20px;
	}
}
@media all and (max-width:599px){
	.partnerWr { 
		padding:30px 0 0;
	}
	.partnerWr .ptrLst { 
		gap:10px;
	}
	.partnerWr .ptrLst li { 
		width: calc((100% - 10px)/2);
	}
	.partnerWr .ptrLst li .lnk .imgBox { 
		margin:0 0 8px;
	}
	.partnerWr .ptrLst li .lnk .tit {
		font-size: 14px;
	}
	.partnerWr .ptrLst li .lnk .txt { 
		font-size: 13px; 
	}
	.partnerWr .btmBnrBox { 
		height: 60px;
		margin:30px 0 0;
	}
	.partnerImgPop .conBox .popClose { 
		width: 30px;
		height: 30px;
		bottom:calc(100% + 5px);
	}
	.partnerImgPop .conBox .popClose:before,
	.partnerImgPop .conBox .popClose:after { 
		width: 20px;
		margin:-1px 0 0 -10px;
	}
	.partnerImgPop .conBox .lnk { 
		border-radius: 10px;
	}
}
/* 학원 파트너 끝
------------------------------------------------------ */
/* 로그인 시작
------------------------------------------------------ */
.loginWr {
	padding:100px 0 0;
}
.loginWr .conBox { 
	max-width: 416px; 
	margin:0 auto 100px;
}
.loginWr .logo { 
	max-width: 100%;
	margin:0 auto 50px;
	font-size: 0;
	text-align: center;
}
.loginWr .logo img { 
	max-width: 100%; 
}
.loginWr .ipt { 
	width: 100%;
	padding:25px 0;
	border-bottom:1px solid #E0E0E0;
	border-radius: 5px;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: -.5px;
	color: #212121;
}
.loginWr .ipt::placeholder { 
	color: #999; 
}
.loginWr .ipt + .ipt { 
	margin-top:23px;
}
.loginWr .lnkLst { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center; 
	gap:12px;
	margin:21px 0 55px;
}
.loginWr .lnkLst li { 
	padding:0 13px 0 0;
	border-right:1px solid #E0E0E0;
}
.loginWr .lnkLst li:last-child { 
	border-right:none;
}
.loginWr .lnkLst .lnk { 
	display:block;
	font-size: 18px;
	letter-spacing: -.5px;
	color: #999;
	transition:all .3s ease;
}
.loginWr .lnkLst .lnk:focus,
.loginWr .lnkLst .lnk:hover { 
	color: #276FB7; 
}
.loginWr .btn { 
	display:block;
	width: 100%;
	padding:18px 10px 17px;
	border:1px solid #276FB7;
	border-radius: 5px;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: -.5px;
	text-align: center;
	transition:all .3s ease;
}
.loginWr .btn.st01 { 	
	background: #276FB7; 
	color: #FFF;
}
.loginWr .btn.st01:focus,
.loginWr .btn.st01:hover { 
	background: #1E5893;
	border-color: #1E5893;
}
.loginWr .btn.st02 {
	background: #FFF;
	color: #276FB7;
}
.loginWr .btn.st02:focus,
.loginWr .btn.st02:hover { 
	border-color: #1E5893;
	color: #1E5893;
}
.loginWr .btn + .btn { 
	margin-top:15px;
}
.loginWr .bnrLst { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	margin:0 0 40px;
}
.loginWr .bnrLst li { 
	width: calc((100% - 60px)/4);
	font-size: 0; 
}
.loginWr .bnrLst li .imgBox { 
	position:relative;
	display:block; 
	width: 100%;
	background: #E0E0E0;
	padding:34.39% 0 0;
	overflow:hidden;
}
.loginWr .bnrLst li .imgBox img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%); 
}
.loginWr .bnrAdd { 
	display:block; 
	margin:0 auto;
	padding:13px 48px;
	background: #EFEFEF;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: -1px;
	color: #424242;
	text-align: center;
	transition:all .3s ease;
}
.loginWr .bnrAdd:focus,
.loginWr .bnrAdd:hover { 
	background: #276FB7;
	color: #FFF;
}
@media all and (max-width:999px){
	.loginWr { 
		padding:60px 0 0;
	}
	.loginWr .conBox { 
		margin:0 auto 60px;
	}
	.loginWr .logo { 
		width: 149px;
		margin:0 auto 40px;
	}
	.loginWr .ipt { 
		padding:20px 0;
		font-size: 16px;
	}
	.loginWr .ipt + .ipt { 
		margin-top:15px;
	}
	.loginWr .lnkLst { 
		gap:8px;
		margin:15px 0 30px;
	}
	.loginWr .lnkLst li { 
		padding:0 9px 0 0;
	}
	.loginWr .lnkLst .lnk { 
		font-size: 15px; 
	}
	.loginWr .btn { 
		padding:15px 10px 14px;
		font-size: 16px;
	}
	.loginWr .btn + .btn { 
		margin-top:10px;
	}
	.loginWr .bnrLst { 
		gap:10px;
		margin:0 0 30px;
	}	
	.loginWr .bnrLst li { 
		width: calc((100% - 10px)/2);
	}
	.loginWr .bnrAdd { 
		padding:10px 30px;
		font-size: 16px;
	}
}
@media all and (max-width:599px){
	.loginWr { 
		padding:30px 0 0;
	}
	.loginWr .conBox { 
		margin:0 auto 30px;
	}
	.loginWr .logo { 
		width: 112px;
		margin:0 auto 20px;
	}
	.loginWr .ipt { 
		padding:15px 0;
		font-size: 15px;
	}
	.loginWr .ipt + .ipt { 
		margin-top:10px;
	}
	.loginWr .lnkLst { 
		gap:5px;
		margin:10px 0 20px;
	}
	.loginWr .lnkLst li { 
		padding:0 6px 0 0;
	}
	.loginWr .lnkLst .lnk { 
		font-size: 14px; 
	}
	.loginWr .btn { 
		padding:10px 10px 9px;
		font-size: 15px;
	}
	.loginWr .bnrLst { 
		margin:0 0 20px;
	}
	.loginWr .bnrLst li { 
		width: 100%;
	}
	.loginWr .bnrAdd { 
		width: 100%;
		padding:10px;
		font-size: 15px;
	}
}
/* 로그인 끝
------------------------------------------------------ */
/* 마이페이지 시작
------------------------------------------------------ */
.myPageWr { 
	min-height: calc(100vh - 300px);
	padding:116px 0 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: #276FB7;
	border:1px solid #276FB7;
	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: #276FB7;
}
.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:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px; 
	height: 12px;
	top:50%;
	right:10px;
	margin:-6px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #212121;
	border-right:2px solid #212121;
}
*/
.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% + 28px);
	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:44px 74px;
}
.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:133px 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: #276FB7;
}
.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 #276FB7;
	border-radius: 8px;
	font-weight: 500;
	font-size: 18px;
	text-align: center;
	color: #276FB7;
}
.myPagePopSel .popBox .conBox .sBtnBox .sBtn:last-child { 
	margin:0;
}
.myPagePopSel .popBox .conBox .sBtnBox .sBtn.on { 
	background: #276FB7;
	color: #FFF;
}
@media all and (max-width:999px){
	.myPageWr { 
		min-height: calc(100vh - 250px);
		padding:60px 0 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: calc((100% - 20px)/3);
	}
	.myPageWr .pageSelBox .lst .tit { 
		margin:0 0 15px;
		padding:7px 15px 6px;
		font-size: 19px;
	}
	.myPageWr .pageSelBox .btnSel { 
		margin:40px 0 0;
		padding:10px 20px;
		border-radius: 20px;
		font-size: 16px;
	}
	.myPagePop .payPopBox { 
		padding:30px;
	}
	.myPagePop .payPopBox .popClose { 
		width: 30px;
		height: 30px;
		top:0;
		right:-40px;
	}
	.myPagePop .payPopBox .popClose:before,
	.myPagePop .payPopBox .popClose:after { 
		width: 28px; 
		margin:-1px 0 0 -14px;
	}
	.myPagePop .payPopBox .popTit { 
		margin:0 0 8px;
		font-size: 19px;
	}
	.myPagePop .payPopBox .userInfo { 
		gap:10px;
		margin:0 0 30px;
		padding:15px;
	}
	.myPagePop .payPopBox .userInfo .cate { 
		padding:5px 8px 4px;
		font-size: 14px;
	}
	.myPagePop .payPopBox .userInfo .user { 
		width: 100%;
		font-size: 15px;
	}
	.myPagePop .payPopBox .iptTit { 
		margin:0 0 5px;
		font-size: 15px;
	}
	.myPagePop .payPopBox * + .iptTit { 
		margin-top:15px;
	}
	.myPagePop .payPopBox .ipt { 
		font-size: 13px; 
	}
	.myPagePop .payPopBox .selPay { 
		padding:0 20px 0 0;
		background-size:19px auto;
		font-size: 13px; 
	}
	.myPagePop .payPopBox .chkBox .chkLbl { 
		padding:0 0 0 22px;
		font-size: 13px;
	}
	.myPagePop .payPopBox .chkBox .chkLbl span { 
		width: 16px; 
		height: 16px;
	}
	.myPagePop .payPopBox .chkBox .chkIpt:checked + .chkLbl span:before { 
		width: 8px; 
		height: 8px;
		margin:-4px 0 0 -4px;
	}
	.myPagePop .payPopBox .popTblBox tbody tr > * { 
		padding:10px;
	}
	.myPagePop .payPopBox .popTblBox tbody th { 
		width: 150px; 
	}
	.myPagePop .payPopBox .popTblBox .iptDl { 
		flex-wrap:wrap; 
		gap:5px; 
	}
	.myPagePop .payPopBox .popTblBox .iptDl dt { 
		width: 100%; 
	}
	.myPagePop .payPopBox .popTblBox .iptDl dd .ipt { 
		padding:10px 10px 8px;
		font-size: 15px;
	}
	.myPagePop .payPopBox .popTblBox .iptDl + .iptDl { 
		margin-top:8px;
	}
	.myPagePop .payPopBox .resultBox { 
		margin:15px 0;
		padding:15px;
	}
	.myPagePop .payPopBox .resultBox dl { 
		font-size: 13px; 
	}
	.myPagePop .payPopBox .resultBox dd .price { 
		font-size: 1.5em; 
	}
	.myPagePop .payPopBox .resultBox .termChkBox .chkLbl { 
		padding:0 0 0 26px;
		font-size: 14px;
	}
	.myPagePop .payPopBox .resultBox .termChkBox .chkLbl:before { 
		width: 16px;
		height: 16px;
	}
	/*
	.myPagePop .payPopBox .resultBox .termChkBox .chkLbl:after { 
		width: 10px; 
		height: 10px;
		right:8px;
		margin:-5px 0 0;
	}
	*/
	.myPagePop .payPopBox .resultBox * + .termChkBox {  
		margin:15px 0 0;
	}
	.myPagePop .payPopBox .btnPay { 
		padding:10px;
		border-radius: 10px;
		font-size: 16px;
	}
	.myPagePop .payPopBox .ipt + .btnPay { 
		margin-top:15px;
	}
	.myPagePopSel .popBox .popClose { 
		width: 30px;
		height: 30px;
		bottom:calc(100% + 5px);
		right:0;
	}
	.myPagePopSel .popBox .popClose:before,
	.myPagePopSel .popBox .popClose:after { 
		width: 28px;
		margin:-1px 0 0 -14px;
	}
	.myPagePopSel .popBox .topBox { 
		padding:15px;
		border-radius: 15px 15px 0 0;
	}
	.myPagePopSel .popBox .topBox .btn { 
		font-size: 15px;
	}
	.myPagePopSel .popBox .topBox .btn.stNext { 
		padding:10px 40px 10px 15px;
	}
	.myPagePopSel .popBox .topBox .btn.stNext:after { 
		width: 8px;
		height: 8px;
		right:20px;
		margin:-4px 0 0;
	}
	.myPagePopSel .popBox .topBox .btn.stNext:focus:after,
	.myPagePopSel .popBox .topBox .btn.stNext:hover:after { 
		right:15px; 
	}
	.myPagePopSel .popBox .topBox .btn.stMake { 
		padding:10px 15px 10px 40px;
	}
	.myPagePopSel .popBox .topBox .btn.stMake:before { 
		width: 16px;
		height: 16px;
		left:15px;
		margin:-8px 0 0;
	}
	.myPagePopSel .popBox .conBox { 
		border-radius: 0 0 15px 15px;
	}
	.myPagePopSel .popBox .conBox .imgBox { 
		max-height: 200px;
	}
	.myPagePopSel .popBox .conBox .txtBox { 
		padding:20px;
	}
	.myPagePopSel .popBox .conBox .tit { 
		margin:0 0 4px;
		font-size: 30px;
	}
	.myPagePopSel .popBox .conBox .txt { 
		font-size: 21px;
	}
	.myPagePopSel .popBox .conBox .lstTit { 
		margin:30px 0 10px;
		font-size: 16px;
	}
	.myPagePopSel .popBox .conBox .lst { 
		gap:10px;
	}
	.myPagePopSel .popBox .conBox .lst > li { 
		width: calc((100% - 10px)/2);
		border-radius: 10px;
	}
	.myPagePopSel .popBox .conBox .lst > li.hasChk { 
		flex-wrap:wrap;
		padding:20px;
	}
	.myPagePopSel .popBox .conBox .lst .chkLbl { 
		padding:20px;
	}
	.myPagePopSel .popBox .conBox .lst .chkLbl .lblTit { 
		margin:0 0 10px;
		font-size: 19px;
	}
	.myPagePopSel .popBox .conBox .lst .chkLbl .lblTxt { 
		font-size: 15px;
	}
	.myPagePopSel .popBox .conBox .sBtnBox { 
		display:flex;
		flex-wrap:wrap; 
		gap:8px;
	}
	.myPagePopSel .popBox .conBox .sBtnBox .sBtn { 
		width: auto;		
		margin:0;
		font-size: 15px;
	}
}
@media all and (max-width:799px){
	.myPageWr .pageSelBox .lst { 
		gap:20px; 
	}
	.myPageWr .pageSelBox .lst li,
	.myPageWr .pageSelBox .lst .tit { 
		width: 100%; 
	}
}
@media all and (max-width:599px){
	.myPageWr { 
		padding:30px 0 0;
	}
	.myPageWr .pageSelBox .lst .tit { 
		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: 17px;
	}
	.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: 14px;
	}
	.myPagePop .payPopBox .iptTit { 
		margin:0 0 3px;
		font-size: 14px;
	}
	.myPagePop .payPopBox * + .iptTit { 
		margin-top:10px;
	}
	.myPagePop .payPopBox .ipt { 
		padding:10px;
	}
	.myPagePop .payPopBox .gBox { 
		padding:10px;
	}
	.myPagePop .payPopBox .selPay { 
		padding:0 17px 0 0;
		background-size:17px auto;
	}
	.myPagePop .payPopBox .chkBox .chkLbl { 
		padding:0 0 0 18px;
	}
	.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 { 
		gap:3px; 
	}
	.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:14px;
	}
	.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 .chkLbl:after { 
		width: 8px; 
		height: 8px;
		right:5px;
		margin:-4px 0 0;
	}
	*/
	.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 .txtBox { 
		padding:15px;
	}
	.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%;
	}
	.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 {
		gap:5px;
	}
	.myPagePopSel .popBox .conBox .sBtnBox .sBtn {
		font-size: 14px;
	}
}
/* 마이페이지 끝
------------------------------------------------------ */
/* 마이페이지-내 홈페이지 시작
------------------------------------------------------ */
.myPage01Wr .comPageName01 { 
	margin:0 0 133px;
}
.myPage01Wr .btmBox { 
	margin:60px 0 0;
	text-align: center;
}
.myPage01Wr .btmBox .btn { 
	display:inline-block;
	padding:14px 35px;
	background: #276FB7;
	border:1px solid #276FB7;
	font-weight: 700;
	font-size: 20px;
	color: #FFF;
	transition:all .3s ease;
}
.myPage01Wr .btmBox .btn:focus,
.myPage01Wr .btmBox .btn:hover { 
	background: #FFF; 
	color: #276FB7;
}
@media all and (max-width:999px){
	.myPage01Wr .comPageName01 { 
		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 .comPageName01 { 
		margin:0 0 20px;
	}
	.myPage01Wr .btmBox { 
		margin:20px 0 0;
	}
	.myPage01Wr .btmBox .btn { 
		width: 100%;
		padding:10px;
		font-size: 15px;
	}
}
/* 마이페이지-내 홈페이지 끝
------------------------------------------------------ */
/* 마이페이지-페이지 선택 시작
------------------------------------------------------ */
.myPage02Wr .comPageName01 { 
	margin:0 0 60px;
}
@media all and (max-width:999px){
	.myPage02Wr .comPageName01 { 
		margin:0 0 40px;
	}
}
@media all and (max-width:599px){
	.myPage02Wr .comPageName01 { 
		margin:0 0 20px;
	}
}
/* 마이페이지-페이지 선택 끝
------------------------------------------------------ */
/* 아이디, 비번 찾기 / 비밀번호 변경 시작
------------------------------------------------------ */
.findWr { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	min-height: calc(100vh - 300px);
	padding:0 20px;
}
.findWr .findBox { 
	width: 520px;
	max-width: 100%;
}
.findWr .cateBox { 
	display:flex;
	flex-wrap:wrap;
	margin:0 0 45px;
}
.findWr .cateBox .btnCate { 
	position:relative; 
	display:block; 
	width: 50%;
	padding:16px 10px;
	font-weight: 500;
	font-size: 22px;
	letter-spacing: -.5px;
	color: #999;
	text-align: center;
}
.findWr .cateBox .btnCate:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 1px;
	bottom:0;
	left:0;
	background: #E0E0E0;
	transition:all .3s ease;
}
.findWr .cateBox .btnCate.on { 
	color: #276FB7; 
}
.findWr .cateBox .btnCate.on:after { 
	height: 2px;
	background: #276FB7;
}
.findWr .findFormBox { 
	display:none; 
}
.findWr .findFormBox .tit { 
	margin:0 0 20px;
	font-weight: 600;
	font-size: 22px;
	letter-spacing: -.5px;
	color: #373737;
}
.findWr .findFormBox .ipt + .tit { 
	margin-top:21px;
}
.findWr .findFormBox .ipt { 
	width: 100%;
	padding:16px 19px 13px;
	border:1px solid #E0E0E0;
	border-radius: 5px;
	font-size: 20px;	
	letter-spacing: -.5px;
	color: #2B3034;
}
.findWr .findFormBox .ipt::placeholder { 
	color: #868E96; 
}
.findWr .findFormBox .ipt + .ipt { 
	margin-top:14px;
}
.findWr .findFormBox .btn { 
	display:block; 
	width: 100%;
	margin:48px 0 0;
	padding:21px 10px;
	background: #276FB7;
	border:1px solid #276FB7;
	border-radius: 15px;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: -.5px;
	color: #FFF;
	text-align: center;
	transition:all .3s ease;
}
.findWr .findFormBox .btn:focus,
.findWr .findFormBox .btn:hover { 
	background: #FFF;
	color: #276FB7;
}
.findWr .findFormBox.on { 
	display:block; 
}
@media all and (max-width:999px){
	.findWr { 
		min-height: calc(100vh - 250px);
	}
	.findWr .cateBox { 
		margin:0 0 20px;
	}
	.findWr .cateBox .btnCate { 
		padding:13px 10px;
		font-size: 18px;
	}
	.findWr .findFormBox .tit { 
		margin:0 0 10px;
		font-size: 18px;
	}
	.findWr .findFormBox .ipt + .tit { 
		margin-top:13px;
	}
	.findWr .findFormBox .ipt { 
		padding:13px 15px 10px;
		font-size: 16px;
	}
	.findWr .findFormBox .ipt + .ipt { 
		margin-top:10px;
	}
	.findWr .findFormBox .btn { 
		margin:30px 0 0;
		padding:15px 10px;
		border-radius: 10px;
		font-size: 16px;
	}
}
@media all and (max-width:599px){
	.findWr { 
		min-height: calc(100vh - 150px);
	}
	.findWr .cateBox { 
		margin:0 0 15px;
	}
	.findWr .cateBox .btnCate { 
		padding:10px;
		font-size: 17px;
	}
	.findWr .findFormBox .tit { 
		margin:0 0 5px;
		font-size: 17px;
	}
	.findWr .findFormBox .ipt + .tit { 
		margin-top:8px;
	}
	.findWr .findFormBox .ipt { 
		padding:10px 10px 7px;
		font-size: 15px;
	}
	.findWr .findFormBox .ipt + .ipt { 
		margin-top:8px;
	}
	.findWr .findFormBox .btn { 
		margin:20px 0 0;
		padding:10px;
		border-radius: 5px;
		font-size: 15px;
	}
}
/* 아이디, 비번 찾기 / 비밀번호 변경 끝
------------------------------------------------------ */
/* 회원가입 시작
------------------------------------------------------ */
.joinWr { 
	padding:66px 20px 0;
	letter-spacing: -.5px;
}
.joinWr .joinBox { 
	max-width: 670px;
	margin:0 auto;
}
.joinWr .joinTit01 { 
	margin:0 0 35px;
	font-weight: 700; 
	font-size: 28px;
	color: #373737;
}
.joinWr .joinTit02 {
	margin:0 0 36px;
	font-weight: 500;
	font-size: 16px;
	color: #999;
}
.joinWr .joinIptBox { 
	margin:0 0 50px;
	padding:0 0 40px;
	border-bottom:1px solid #E0E0E0;
}
.joinWr .joinIptBox dl { 
	display:flex;
	gap:16px;
}
.joinWr .joinIptBox dl + dl { 
	margin-top:24px;
}
.joinWr .joinIptBox dl + dl.stNear { 
	margin-top:10px;
}
.joinWr .joinIptBox dt { 
	flex-shrink:0;
	width: 100px;
	padding:13px 0 0;
	font-size: 18px;
	color: #373737;
}
.joinWr .joinIptBox dd { 
	flex-grow:1; 
}
.joinWr .joinIptBox dd .ipt { 
	padding:13px 19px 12px;
	border:1px solid #E0E0E0;
	border-radius: 5px;
	font-weight: 500;
	font-size: 17px;
	color: #373737;
}
.joinWr .joinIptBox dd .ipt::placeholder { 
	color: #999; 
}
.joinWr .joinIptBox dd .ipt.fullWid { 
	width: 100%; 
}
.joinWr .joinIptBox dd .btn { 
	display:block;
	padding:14px 10px 12px;
	border-radius: 8px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	transition:all .3s ease;
}
.joinWr .joinIptBox dd .btn.st01 { 
	background: #FFEDED;
	border:1px solid #FFAEAE;
	color: #FF3A4B;
}
.joinWr .joinIptBox dd .btn.st01:focus,
.joinWr .joinIptBox dd .btn.st01:hover { 
	background: #FFF; 
}
.joinWr .joinIptBox dd .btn.fullWid { 
	width: 100%; 
}
.joinWr .joinIptBox dd .callBox { 
	display:flex;
	align-items:center;
	gap:8px;
}
.joinWr .joinIptBox dd .callBox .ipt { 
	width: calc((100% - 52px)/3);
}
.joinWr .joinIptBox dd .callBox .midBar { 
	flex-shrink:0;
	display:block; 
	width: 10px;
	height: 1px;
	background: #E0E0E0;
}
.joinWr .joinTermBox .allChkBox { 
	position:relative;
	margin:0 0 41px;
}
.joinWr .joinTermBox .allChkBox .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.joinWr .joinTermBox .allChkBox .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 36px;
	font-weight: 600;
	font-size: 18px;
	color: #373737;
}
.joinWr .joinTermBox .allChkBox .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	border:1px solid #999;
	border-radius: 5px;
}
.joinWr .joinTermBox .allChkBox .chkIpt:checked + .chkLbl:before { 
	background: #DAE1FF url(/Form/_guest/basic/images/joinChk01.svg) no-repeat center center;
	border-color:#276FB7;
}
.joinWr .joinTermBox .termLst > li { 
	margin:0 0 17px;
}
.joinWr .joinTermBox .termLst > li:last-child { 
	margin:0;
}
.joinWr .joinTermBox .termLst .topBox { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 16px;
}
/*
.joinWr .joinTermBox .termLst .topBox .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.joinWr .joinTermBox .termLst .topBox .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 34px;
	font-weight: 500;
	font-size: 15px;
	color: #999;
}
.joinWr .joinTermBox .termLst .topBox .chkLbl:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 11px;
	top: 4px;
	left: 2px;
	background:url(/Form/_guest/basic/images/joinChk02.svg) no-repeat;
	background-size:cover;
}
.joinWr .joinTermBox .termLst .topBox .chkIpt:checked + .chkLbl:before { 
	background-image:url(/Form/_guest/basic/images/joinChk01.svg);
}
*/
.joinWr .joinTermBox .termLst .topBox .allChkBox { 
	margin:0;
}
.joinWr .joinTermBox .termLst .topBox .termOn { 
	flex-shrink:0;
	position:relative; 
	display:block;
	width: 18px;
	height: 18px;
}
.joinWr .joinTermBox .termLst .topBox .termOn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	margin:-9px 0 0 -5px;
	transform:rotate(45deg);
	border-bottom:2px solid #999;
	border-right:2px solid #999;
	transition:all .3s ease;
}
.joinWr .joinTermBox .termLst .topBox .termOn.on:before { 
	margin:-4px 0 0 -5px;
	transform:rotate(225deg); 
}
.joinWr .joinTermBox .termLst .conBox { 
	display:none; 
	padding:17px 20px;
	background: #FAFAFA; 
}
.joinWr .joinTermBox .termLst .conBox .termTxt {
	font-weight: 500;
	font-size: 15px;
	line-height: 1.5;
	color: #373737;
	word-break:break-all; 
}
.joinWr .joinBtmBox { 
	display:flex;
	gap:12px;
	margin:50px 0 0;
}
.joinWr .joinBtmBox .btn { 
	display:block;
	padding:16px 56px;
	border-radius: 5px;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	transition:all .3s ease;
}
.joinWr .joinBtmBox .btn.st01 {
	flex-shrink:0;
	background: #F1F3F5;
	border:1px solid #F1F3F5;
	color: #343E48;
}
.joinWr .joinBtmBox .btn.st02 { 
	flex-grow:1;
	background: #276FB7;
	border:1px solid #276FB7;
	color: #FFF;
}
.joinWr .joinBtmBox .btn.st01:focus,
.joinWr .joinBtmBox .btn.st01:hover { 
	background: #FFF;
	border-color: #343E48;
}
.joinWr .joinBtmBox .btn.st02:focus,
.joinWr .joinBtmBox .btn.st02:hover { 
	background: #FFF;
	color: #276FB7;
}
@media all and (max-width:999px){
	.joinWr { 
		padding:40px 16px 60px;
	}
	.joinWr .joinTit01 { 
		margin:0 0 20px;
		font-size: 22px;
	}
	.joinWr .joinTit02 {
		margin:0 0 20px;
		font-size: 14px;
	}
	.joinWr .joinIptBox { 
		margin:0 0 30px;
		padding:0 0 20px;
	}
	.joinWr .joinIptBox dl { 
		gap:10px; 
	}
	.joinWr .joinIptBox dl + dl { 
		margin-top:16px;
	}
	.joinWr .joinIptBox dl + dl.stNear { 
		margin-top:8px;
	}
	.joinWr .joinIptBox dt { 
		width: 90px;
		font-size: 15px;
	}
	.joinWr .joinIptBox dd .ipt { 
		padding:10px 15px 9px;
		font-size: 15px;
	}
	.joinWr .joinIptBox dd .btn { 
		padding:10px 10px 9px;
		font-size: 14px;
	}
	.joinWr .joinTermBox .allChkBox { 
		margin:0 0 20px;
	}
	.joinWr .joinTermBox .allChkBox .chkLbl { 
		padding:2px 0 0 28px;
		font-size: 15px; 
	}
	.joinWr .joinTermBox .allChkBox .chkLbl:before { 
		width: 20px; 
		height: 20px;
		top: 2px;
	}
	.joinWr .joinTermBox .allChkBox .chkIpt:checked + .chkLbl:before { 
		background-size:12px auto; 
	}
	.joinWr .joinTermBox .termLst .topBox { 
		margin:0 0 10px;
	}
	/*
	.joinWr .joinTermBox .termLst .topBox .chkLbl { 
		padding:0 0 0 28px;
		font-size: 13px;
	}
	.joinWr .joinTermBox .termLst .topBox .chkLbl:before { 
		width: 12px; 
		height: 10px;
	}
	*/
	.joinWr .joinTermBox .termLst .conBox { 
		padding:10px 15px;
	}
	.joinWr .joinTermBox .termLst .conBox .termTxt { 
		font-size: 13px;
	}
	.joinWr .joinBtmBox { 
		gap:10px;
		margin:30px 0 0;
	}
	.joinWr .joinBtmBox .btn { 
		padding:10px 30px;
		font-size: 16px;
	}
}
@media all and (max-width:599px){
	.joinWr .joinTit01 { 
		margin:0 0 10px;
		font-size: 20px;
	}
	.joinWr .joinTit02 { 
		margin:0 0 10px;
	}
	.joinWr .joinIptBox dl { 
		flex-wrap:wrap;
		gap:5px;
	}
	.joinWr .joinIptBox dt { 
		width: 100%;
		padding:0;
	}
	.joinWr .joinBtmBox { 
		flex-wrap:wrap; 
	}
	.joinWr .joinBtmBox .btn { 
		width: 100%; 
	}
}
/* 회원가입 끝
------------------------------------------------------ */
/* 무료콘텐츠 시작
------------------------------------------------------ */
.freeContentWr .freeConBox { 
	display:none; 
}
.freeContentWr .freeConBox .imgBox { 
	margin:0 0 80px;
	font-size: 0; 
}
.freeContentWr .freeConBox .imgBox img { 
	width: 100%; 
}
.freeContentWr .freeConBox .txt { 
	font-weight: 700;
	font-size: 22px;
	word-break:break-all;
}
.freeContentWr .freeConBox.on { 
	display:block; 
}
@media all and (max-width:999px){
	.freeContentWr .freeConBox .imgBox { 
		margin:0 0 20px;
	}
	.freeContentWr .freeConBox .txt { 
		font-size: 18px; 
	}
}
/* 무료콘텐츠 끝
------------------------------------------------------ */

/* 무료콘텐츠 시작
------------------------------------------------------ */
.cpIntroWr .freeConBox {
	/* display:none; */
}
.cpIntroWr .freeConBox .imgBox {
	margin:0 0 80px;
	font-size: 0;
}
.cpIntroWr .freeConBox .imgBox img {
	width: 100%;
}
.cpIntroWr .freeConBox .imgLst { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin:0 0 80px;
	font-size: 0;
}
.cpIntroWr .freeConBox .imgLst li { 
	width: calc((100% - 12px)/2);
}
.cpIntroWr .freeConBox .imgLst .lstImgBox { 
	position:relative;
	padding:100% 0 0;
	overflow: hidden;
}
.cpIntroWr .freeConBox .imgLst .lstImgBox img { 
	position:absolute; 
	width: 100%; 
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.cpIntroWr .freeConBox .txt {
	font-weight: 700;
	font-size: 22px;
	word-break:break-all;
}
.cpIntroWr .freeConBox.on {
	display:block;
}
@media all and (max-width:999px){
	.cpIntroWr .freeConBox .imgBox {
		margin:0 0 20px;
	}
	.cpIntroWr .freeConBox .imgLst li { 
		width: 100%; 
	}
	.cpIntroWr .freeConBox .txt {
		font-size: 18px;
	}
}
/* 무료콘텐츠 끝
------------------------------------------------------ */