@charset "utf-8";

/* 메인 시작
------------------------------------------------------ */
.mTit01 {
	position:relative;
	margin:0 0 90px;
	padding:105px 0 0;
	font-weight: 700;
	font-size: 56px;
	text-align: center;
	color: #FFF;
}
.mTit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 80px;
	height: 80px;
	top: 0;
	left: 50%;
	margin:0 0 0 -40px;
	background-repeat:no-repeat;
	background-size:cover;
}
.mTit01 .st400 { 
	font-weight: 400; 
}
.mTit01 .st01 { 
	display:inline-block; 
	font-weight: 700; 
	background: linear-gradient(to right, #43F2FF 0%, #43B1FF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}
.mTit01 .st02 { 
	display:inline-block;
	padding:5px 23px 3px;
	background:linear-gradient(to right, #43F2FF 0%, #43B1FF 100%);
	color: #111;
}
.mBnrWr {
	position:relative; 
	padding:43.75% 0 0;
	font-size: 0;
	overflow: hidden;
}
.mBnrWr:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:rgba(17,17,17,.8);
	z-index:1;
}
.mBnrWr video { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index:0;
}
.mBnrWr .conBox { 
	position:absolute; 
	max-width: 90%;		
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	text-align: center;
	z-index:1;
}
.mBnrWr .conBox .logo { 
	margin:0 0 20px;
}
.mBnrWr .conBox .logo img { 
	max-width: 100%;
}
.mBnrWr .conBox .txt { 
	margin:0 0 73px;
	font-size: 40px;
	color: #FFF;
}
.mBnrWr .conBox .txt br { 
	display:none; 
}
.mBnrWr .conBox .lnk {
	position:relative; 
	display:inline-block;
	padding:13px 40px;
	background:linear-gradient(to right, #43F2FF, #43B1FF);
	border-radius: 100px;
	font-weight: 700;
	font-size: 20px;
	color: #111;
	overflow: hidden;
}
.mBnrWr .conBox .lnk:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%);
	transition:all .3s ease;
}
.mBnrWr .conBox .lnk span { 
	position:relative; 
	z-index: 1;
}
.mBnrWr .conBox .lnk:focus:before,
.mBnrWr .conBox .lnk:hover:before { 
	width: 200%; 
}
.mThinkWr {
	padding:120px 20px 0;
	background:url(/Form/_guest/basic/images/mThinkBg01.png) no-repeat;
	background-size:cover;
	text-align: center;
}
.mThinkWr .mTit01.stThink:before { 
	background-image:url(/Form/_guest/basic/images/mThinkTit01.svg); 
}
.mThinkWr .mTit01.stTime:before { 
	background-image:url(/Form/_guest/basic/images/mThinkTit02.svg); 
}
.mThinkWr .thinkLst { 
	max-width: 706px;
	margin:0 auto 100px;
	text-align: left;
}
.mThinkWr .thinkLst li { 
	display:flex;
	align-items:center;
	gap:30px;
	margin:0 0 40px;
}
.mThinkWr .thinkLst li:last-child { 
	margin:0;
}
.mThinkWr .thinkLst .lstImg { 
	flex-shrink:0;
	font-size: 0; 
}
.mThinkWr .thinkLst .lstImg img { 
	max-width: 100%; 
}
.mThinkWr .thinkLst .lstTxt { 
	position:relative; 
	width: 50%;
	padding:25px 32px 23px;
	background: #212121;
	border-radius: 24px;
	font-weight: 500; 
	font-size: 22px;
	line-height: 1.5;
	color: #FFF;
}
.mThinkWr .thinkLst .lstTxt:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 50%;
	right: 100%;
	margin:-9px 0 0;
	border-top:9px solid transparent;
	border-bottom:9px solid transparent;
}
.mThinkWr .thinkLst .lstTxt span { 
	font-weight: 800;
	background: linear-gradient(to right, #43F2FF 0%, #43B1FF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent; 
}
.mThinkWr .thinkLst li:nth-child(odd) { 
	justify-content:flex-end;
}
.mThinkWr .thinkLst li:nth-child(odd) .lstTxt:before { 
	border-right:16px solid #212121;	 
}
.mThinkWr .thinkLst li:nth-child(even) { 
	flex-direction:row-reverse;
	justify-content:flex-end;
}
.mThinkWr .thinkLst li:nth-child(even) .lstTxt:before { 
	right: auto; 
	left: 100%;
	border-left:16px solid #212121;
}
.mThinkWr .thinkInfo { 
	display:inline-flex;
	align-items:center;
	gap:8px;
	margin:0 0 160px;
	padding:15px 31px 14px;
	background: #11393D;
	border:1px solid #20646B;
	border-radius: 16px;
}
.mThinkWr .thinkInfo span { 
	display:block; 
}
.mThinkWr .thinkInfo .txt { 
	font-size: 28px; 
	color: #FFF;
}
.mThinkWr .thinkInfo .ico { 
	font-size: 0; 
}
.mThinkWr .thinkInfo .ico img { 
	max-width: 100%; 
}
.mThinkWr .statLst { 
	display:flex;
	flex-wrap:wrap; 
	max-width: 1024px;
	margin:0 auto;
	border:2px solid transparent;
	background-image: linear-gradient(#0E2628, #0E2628),  linear-gradient(to right, #43F2FF 0%,  #43B1FF 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
	border-radius: 32px;
}
.mThinkWr .statLst li { 
	width: 33.33%;
	padding:54px 20px 47px;
}
.mThinkWr .statLst .lstIco { 
	display:block;
	margin:0 auto 29px;
	font-size: 0; 
}
.mThinkWr .statLst .lstIco img { 
	max-width: 100%; 
}
.mThinkWr .statLst .lstTit { 
	margin: 0 0 2px;
	font-weight: 500; 
	font-size: 20px;
	color: #8B8F93;
}
.mThinkWr .statLst .lstNum { 
	font-weight: 700; 
	font-size: 48px;
	color: #FFF;
}
.mThinkWr .statLst .lstNum em { 
	font-style: normal; 
}
.mGuideWr { 
	padding:102px 0 0;
	background: #111;
}
.mGuideWr .imgLst01 { 
	margin:0 0 258px;
}
.mGuideWr .imgLst01 li { 
	display:flex;
	align-items:center;
	justify-content:space-between; 
	gap:10px;
	margin:0 0 40px;
}
.mGuideWr .imgLst01 li:last-child { 
	margin:0;
}
.mGuideWr .imgLst01 .lstTxt { 
	font-size: 24px; 
	color: #8B8F93;
}
.mGuideWr .imgLst01 .lstTxt span { 
	display:block;
	margin:8px 0 0;
	font-weight: 700;
	font-size: 1.333em;
	color: #FFF;
}
.mGuideWr .imgLst01 .lstTxt em { 
	font-style: normal;
	background: linear-gradient(to right, #43F2FF 0%, #43B1FF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}
.mGuideWr .imgLst01 .lstImg { 
	flex-shrink:0;
	font-size: 0; 
}
.mGuideWr .imgLst01 .lstImg img { 
	max-width: 100%; 
}
.mGuideWr .mTit01.stLight:before { 
	display:none; 
}
.mGuideWr .mTit01.stLight .light {
	position:absolute; 
	display:inline-block; 
	top: 0;
	left: 50%;
	transform:translateX(-50%);
	font-size: 0;
}
.mGuideWr .mTit01.stLight .light img { 
	max-width: 100%; 
}
.mGuideWr .mTit01.stLight .light > img { 
	z-index:2; 
}
.mGuideWr .mTit01.stLight .light:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 264%;
	height: 182%;
	top: -57.69%;
	left: 50%;
	transform:translateX(-50%);
	background:url(/Form/_guest/basic/images/mGuideLight02.png) no-repeat;
	background-size:cover;
	opacity:1;
	animation:lightBling01 2s infinite alternate;
	z-index:1;	
}
@keyframes lightBling01 { 
	0% { 
		opacity:1;
	}
	50% { 
		opacity:0;
	}
	100% { 
		opacity:1;
	}
}
.mGuideWr .reviewLstBox {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row-reverse;
	gap:40px;
	margin:0 0 148px;
}
.mGuideWr .reviewLstBox .reviewLst { 
	display:flex;
	flex-direction:column;
	gap:40px;
}
.mGuideWr .reviewLstBox .reviewLst:nth-child(even) { 
	align-items:flex-end;
}
.mGuideWr .reviewLstBox .topLi { 
	display:inline-flex;
	align-items:center;
	gap:24px;
	padding:31px 33px;
	background: #11393D;
	border-radius: 32px;
}
.mGuideWr .reviewLstBox .topLi .lstIco { 
	display:block; 
	font-size: 0;		
}
.mGuideWr .reviewLstBox .topLi .lstIco img { 
	max-width: 100%; 
}
.mGuideWr .reviewLstBox .topLi .lstTit { 
	font-weight: 700; 
	font-size: 28px;
	letter-spacing: -.04em;
	color: #FFF;
}
.mGuideWr .reviewLstBox .topLi .lstTit span { 
	background: linear-gradient(to right, #43F2FF 0%, #43B1FF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent; 
}
.mGuideWr .reviewLstBox .reviewLi {
	padding:32px;
	background:rgba(255,255,255,.1);
	border-radius: 32px;
}
.mGuideWr .reviewLstBox .reviewLi .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	margin:0 0 16px;
}
.mGuideWr .reviewLstBox .reviewLi .imgBox { 
	font-size: 0; 
}
.mGuideWr .reviewLstBox .reviewLi .imgBox img { 
	max-width: 100%; 
}
.mGuideWr .reviewLstBox .reviewLi .date { 
	font-size: 18px; 
	letter-spacing: -.04em;
	color: #8B8F93;
}
.mGuideWr .reviewLstBox .reviewLi .txt { 
	margin:0 0 24px;
	font-size: 18px; 
	line-height: 1.5;
	color: #FFF;
}
.mGuideWr .reviewLstBox .reviewLi .txt span { 
	font-weight: 800; 
}
.mGuideWr .reviewLstBox .reviewLi .btmLst { 
	display:flex;
	flex-wrap:wrap;
	gap:17px;
}
.mGuideWr .reviewLstBox .reviewLi .btmLst li { 
	position:relative;
	padding:0 0 0 30px;
	font-size: 18px;
	letter-spacing: -.04em;
	color:#8B8F93;
}
.mGuideWr .reviewLstBox .reviewLi .btmLst li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
}
.mGuideWr .reviewLstBox .reviewLi .btmLst li.stGood:before { 
	background-image: url(/Form/_guest/basic/images/mGuideHeart01.svg); 
}
.mGuideWr .reviewLstBox .reviewLi .btmLst li.stView:before { 
	background-image: url(/Form/_guest/basic/images/mGuideReply01.svg); 
}
.mGuideWr .reviewLstBox .reviewLi.st01 { 
	width: 448px; 
}
.mGuideWr .reviewLstBox .reviewLi.st02 { 
	width: 431px; 
}
.mGuideWr .reviewLstBox .reviewLi.st03 { 
	width: 472px; 
}
.mGuideWr .mTit01.stSearch:before { 
	background-image: url(/Form/_guest/basic/images/mGuideTit01.svg); 
}
.mGuideWr .mIntroLst { 
	max-width: 1000px;
	margin:0 auto;
}
.mGuideWr .mIntroLst > li { 
	display:flex;
	align-items:center;
	justify-content:center;
	gap:78px;
	margin:0 0 160px;
}
.mGuideWr .mIntroLst > li:nth-child(even) { 
	flex-direction:row-reverse;
}
.mGuideWr .mIntroLst > li:last-child { 
	margin:0;
}
.mGuideWr .mIntroLst .imgBox {
	flex-shrink:0;
	max-width: 100%;
	font-size: 0;
}
.mGuideWr .mIntroLst .imgBox img { 
	max-width: 100%; 
}
.mGuideWr .mIntroLst .conBox { 
	flex-grow:1; 
}
.mGuideWr .mIntroLst .tit01 { 
	display:inline-block;
	margin:0 0 22px;
	font-weight: 500;
	font-size: 20px;
	background: linear-gradient(to right, #43F2FF 0%, #43B1FF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}
.mGuideWr .mIntroLst .txt01 { 
	margin:0 0 40px;
	font-size: 32px;
	color: #FFF;
}
.mGuideWr .mIntroLst .txt01 span { 
	display:block;
	font-weight: 700; 
}
.mGuideWr .mIntroLst .txt02 { 
	margin:0 0 39px;
	font-size: 16px; 
	line-height: 1.5;
	color: #8B8F93;
}
.mGuideWr .mIntroLst .sLst { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	text-align: center;
}
.mGuideWr .mIntroLst .sLst li {
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 104px;
	height: 74px;
	background: #212121;
	border:2px solid #212121;
	border-radius: 16px;
}
.mGuideWr .mIntroLst .sLst li:hover { 
	border-color:transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(#0E2628, #0E2628), linear-gradient(to right, #43F2FF 0%,  #43B1FF 100%);
	box-shadow:1px 2px 10px 0 rgba(67,182,255,.4);
}
.mGuideWr .mIntroLst .sLst .lstCon:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	margin:0 auto 9px;
	background-size:cover;
	background-repeat:no-repeat;
}
.mGuideWr .mIntroLst .sLst li .lstCon.st01:before { 
	background-image: url(/Form/_guest/basic/images/mGuideIntroLst01_off.svg); 
}
.mGuideWr .mIntroLst .sLst li:hover .lstCon.st01:before { 
	background-image: url(/Form/_guest/basic/images/mGuideIntroLst01_on.svg); 
}
.mGuideWr .mIntroLst .sLst .lstTxt { 
	font-weight: 600; 
	font-size: 16px;
	line-height: 1;
	color: #FFF;
}
.mDomiWr {
	position:relative;
	padding:150px 0 331px;
	background:url(/Form/_guest/basic/images/mDomiBg01.png) no-repeat;
	background-size:cover;
	text-align: center;
}
.mDomiWr .mTit01.stDomi:before { 
	background-image: url(/Form/_guest/basic/images/mDomiTit01.svg);
}
.mDomiWr .txt01 { 
	margin:0 0 21px;
	font-size: 28px;
	color: #8B8F93;
}
.mDomiWr .txt01 span { 
	font-weight: 800;	 
}
.mDomiWr .txt02 { 
	margin:0 0 40px;
	font-size: 28px;
	color: #FFF;
}
.mDomiWr .txt02 span { 
	display:inline-block;
	vertical-align:middle; 
}
.mDomiWr .txt02 .time { 
	display:inline-flex;
	align-items:center;
	gap:12px;
	padding:7px 11px;
	background: #212121;
	border:1px solid #323232;
	border-radius: 8px;
}
.mDomiWr .txt02 .timeIco { 
	display:block; 
	font-size: 0;
}
.mDomiWr .txt02 .timeIco img { 
	max-width: 100%; 
}
.mDomiWr .txt02 .timeTxt { 
	font-weight: 800;
	background: linear-gradient(to right, #43F2FF 0%, #43B1FF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent; 
}
.mDomiWr .txt03 {
	display:inline-block; 
	padding:15px 31px;
	background: #11393D;
	border:1px solid #20646B;
	border-radius: 16px;
}
.mDomiWr .txt03 span {
	background: linear-gradient(to right, #43F2FF 0%, #43B1FF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	font-weight: 500;
	font-size: 30px;
	color: transparent;
}
.mDomiWr .txt03 span br { 
	display:none; 
}
.mDomiWr .arrow {
	position:absolute; 
	display:block; 
	bottom: 172px;
	left: 50%;
	margin:0 0 0 -20px;
	font-size: 0;
	animation:bounce01 .5s infinite alternate;
}
.mDomiWr .arrow img { 
	max-width: 100%; 
}
@keyframes bounce01 { 
	0% { 
		transform:translateY(-10px);
	}
	100% { 
		transform:translateY(0); 
	}
}
.mDomiWr .btnBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center;
	gap:24px;
	margin:120px 0 0;
}
.mDomiWr .btnBox .btn { 
	position:relative; 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:7px;
	min-width: 204px;
	padding:14px 10px;
	border-radius: 999px;
	overflow: hidden;
}
.mDomiWr .btnBox .btn:before { 
	content:"";
	position:relative; 
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	background-repeat:no-repeat;
	background-size:cover;
	z-index: 1;
	transition:all .3s ease;
}
.mDomiWr .btnBox .btn .btnTxt { 
	position:relative; 
	display:block;
	font-weight: 700;
	font-size: 20px;
	color: #111;
	z-index: 1;
	transition:all .3s ease;
}
.mDomiWr .btnBox .btn.st01 { 	
	background:linear-gradient(to right, #43F2FF, #43B1FF);
}
.mDomiWr .btnBox .btn.st01:before { 
	background-image:url(/Form/_guest/basic/images/serviceDomi01_off.svg);
}
.mDomiWr .btnBox .btn.st01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000; 
	border:1px solid #43B1FF;
	border-radius: 999px;
	opacity:0;
	transition:all .3s ease;
}
.mDomiWr .btnBox .btn.st01:focus:before,
.mDomiWr .btnBox .btn.st01:hover:before { 
	background-image:url(/Form/_guest/basic/images/serviceDomi01_on.svg);
}
.mDomiWr .btnBox .btn.st01:focus:after,
.mDomiWr .btnBox .btn.st01:hover:after { 
	opacity:1;
}
.mDomiWr .btnBox .btn.st01:focus .btnTxt,
.mDomiWr .btnBox .btn.st01:hover .btnTxt { 
	color: #43B1FF; 
}
.mDomiWr .btnBox .btn.st02 { 
	background:#FFE812; 
	border:1px solid #FFE812;
	transition:all .3s ease;
}
.mDomiWr .btnBox .btn.st02:before { 
	background-image:url(/Form/_guest/basic/images/serviceDomi02_off.svg);
}
.mDomiWr .btnBox .btn.st02:focus,
.mDomiWr .btnBox .btn.st02:hover { 
	background: #000;
}
.mDomiWr .btnBox .btn.st02:focus:before,
.mDomiWr .btnBox .btn.st02:hover:before { 
	background-image:url(/Form/_guest/basic/images/serviceDomi02_on.svg);
}
.mDomiWr .btnBox .btn.st02:focus .btnTxt,
.mDomiWr .btnBox .btn.st02:hover .btnTxt { 
	color: #FFE812;
}
.mProductWr { 
	margin:120px 0 160px;
}
.mProductWr .schBox { 
	position:relative;
	max-width: 642px;
	margin:0 auto 20px;
	border:2px solid transparent;
    background-image: linear-gradient(#FFF, #FFF), linear-gradient(to right, #43F2FF 0%,  #43B1FF 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 50px;
	box-shadow:0 0 8px 0 rgba(216,136,86,.2);
}
.mProductWr .schBox .ipt { 
	width: 100%;
	padding:20px 64px 19px;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	color: #2E3337;
}
.mProductWr .schBox .ipt::placeholder { 
	color: #CDCDCD; 
}
.mProductWr .schBox .btn {
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 52px;
	height: 52px;
	top: 50%;
	right: 7px;
	margin:-26px 0 0;
	background:linear-gradient(to right, #43F2FF 0%,  #43B1FF 100%);
	border-radius: 50%;
	font-size: 0;
}
.mProductWr .schBox .btn img { 
	max-width: 100%; 
}
.mProductWr .tagLst { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center;
	gap:8px;
	margin:0 0 44px;
}
.mProductWr .tagLst li { 
	padding:8px 11px 5px;
	border:1px solid #E0E0E0;
	border-radius: 20px;
	font-size: 16px;
	text-align: center;	
	color: #666;
	transition:all .3s ease;
	cursor:pointer;
}
.mProductWr .tagLst li:hover {
	background:#F6F6FB;
}
.mProductWr .mPdcCateBox {
	margin:0 0 80px;
	overflow-x:auto;
}
.mProductWr .mPdcCateBox .mPdcCateCon { 
	display:flex;
	justify-content:center; 
	gap:20px;
	min-width: 960px;
}
.mProductWr .mPdcCateBox .mPdcCate { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 120px;
	height: 120px;
	background: #F6F6FB;
	border:1px solid #F6F6FB;
	border-radius: 16px;
	text-align: center;
	transition:all .3s ease;
}
.mProductWr .mPdcCateBox .mPdcCate:focus,
.mProductWr .mPdcCateBox .mPdcCate:hover,
.mProductWr .mPdcCateBox .mPdcCate.on { 
	background: #EEF8FF;
	border-color:#43B1FF;
}
.mProductWr .mPdcCateBox .btnCon { 
	display:block; 
}
.mProductWr .mPdcCateBox .btnCon:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 40px;
	height: 40px;
	margin:0 auto 11px;
	background-repeat: no-repeat;
	background-size: cover;
	transition:all .3s ease;
}
.mProductWr .mPdcCateBox .btnTxt { 
	display:block; 
	font-weight: 500;
	font-size: 16px;
	color: #2E3337;
}
.mProductWr .mPdcCateBox .mPdcCate.stGraphic .btnCon:before { 
	background-image: url(/Form/_guest/basic/images/mPdcCate_graphic_off.svg); 
}
.mProductWr .mPdcCateBox .mPdcCate.stGraphic:focus .btnCon:before,
.mProductWr .mPdcCateBox .mPdcCate.stGraphic:hover .btnCon:before,
.mProductWr .mPdcCateBox .mPdcCate.stGraphic.on .btnCon:before { 
	background-image: url(/Form/_guest/basic/images/mPdcCate_graphic_on.svg); 
}
.mProductWr .mPdcCateBox .mPdcCate.stMarket .btnCon:before { 
	background-image: url(/Form/_guest/basic/images/mPdcCate_market_off.svg); 
}
.mProductWr .mPdcCateBox .mPdcCate.stMarket:focus .btnCon:before,
.mProductWr .mPdcCateBox .mPdcCate.stMarket:hover .btnCon:before,
.mProductWr .mPdcCateBox .mPdcCate.stMarket.on .btnCon:before { 
	background-image: url(/Form/_guest/basic/images/mPdcCate_market_on.svg); 
}
.mProductWr .mPdcCateBox .mPdcCate.stMusic .btnCon:before { 
	background-image: url(/Form/_guest/basic/images/mPdcCate_music_off.svg); 
}
.mProductWr .mPdcCateBox .mPdcCate.stMusic:focus .btnCon:before,
.mProductWr .mPdcCateBox .mPdcCate.stMusic:hover .btnCon:before,
.mProductWr .mPdcCateBox .mPdcCate.stMusic.on .btnCon:before { 
	background-image: url(/Form/_guest/basic/images/mPdcCate_music_on.svg); 
}
.mProductWr .mPdcCateBox .mPdcCate.stProgram .btnCon:before { 
	background-image: url(/Form/_guest/basic/images/mPdcCate_program_off.svg); 
}
.mProductWr .mPdcCateBox .mPdcCate.stProgram:focus .btnCon:before,
.mProductWr .mPdcCateBox .mPdcCate.stProgram:hover .btnCon:before,
.mProductWr .mPdcCateBox .mPdcCate.stProgram.on .btnCon:before { 
	background-image: url(/Form/_guest/basic/images/mPdcCate_program_on.svg); 
}
.mProductWr .mPdcCateBox .mPdcCate.stDocu .btnCon:before { 
	background-image: url(/Form/_guest/basic/images/mPdcCate_docu_off.svg); 
}
.mProductWr .mPdcCateBox .mPdcCate.stDocu:focus .btnCon:before,
.mProductWr .mPdcCateBox .mPdcCate.stDocu:hover .btnCon:before,
.mProductWr .mPdcCateBox .mPdcCate.stDocu.on .btnCon:before { 
	background-image: url(/Form/_guest/basic/images/mPdcCate_docu_on.svg);
}
.mProductWr .mPdcCateBox .mPdcCate.stHand .btnCon:before { 
	background-image: url(/Form/_guest/basic/images/mPdcCate_hand_off.svg); 
}
.mProductWr .mPdcCateBox .mPdcCate.stHand:focus .btnCon:before,
.mProductWr .mPdcCateBox .mPdcCate.stHand:hover .btnCon:before,
.mProductWr .mPdcCateBox .mPdcCate.stHand.on .btnCon:before { 
	background-image: url(/Form/_guest/basic/images/mPdcCate_hand_on.svg); 
}
.mProductWr .mPdcCateBox .mPdcCate.stService .btnCon:before { 
	background-image: url(/Form/_guest/basic/images/mPdcCate_service_off.svg); 
}
.mProductWr .mPdcCateBox .mPdcCate.stService:focus .btnCon:before,
.mProductWr .mPdcCateBox .mPdcCate.stService:hover .btnCon:before,
.mProductWr .mPdcCateBox .mPdcCate.stService.on .btnCon:before { 
	background-image: url(/Form/_guest/basic/images/mPdcCate_service_on.svg); 
}
.mProductWr .schResultBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	margin:0 0 20px;
	padding:8px 24px;
	background: #2E3337;
	border:1px solid #8B8F93;
	border-radius: 10px;
}
.mProductWr .schResultBox .txt { 
	font-weight: 700; 
	font-size: 16px;
	color: #FFF;
}
.mProductWr .schResultBox .txt span {
	color:#43B1FF;
}
.mProductWr .schResultBox .ipt { 
	width: 148px;
	padding:8px 35px 7px 15px;
	background: #FFF ;
	appearance: none;
	background:#FFF url(/Form/_guest/basic/images/mPdcSel01.svg) no-repeat right 16px center;
	border:1px solid #E0E0E0;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.3px;
	color: #212121;
}
.mProductWr .mPdcLst { 
	display:flex;
	flex-wrap:wrap;
	gap:30px;
	margin:0 0 64px;
}
.mProductWr .mPdcLst > li {
	width: calc((100% - 60px)/3);	
}
.mProductWr .mPdcLst .lnk {
	display:block; 
	background: #FFF;
	border:1px solid #E0E2E4;
	border-radius: 10px;
}
.mProductWr .mPdcLst .lnk:focus,
.mProductWr .mPdcLst .lnk:hover { 
	box-shadow:0 4px 16px 0 rgba(64,82,97,.1);
}
.mProductWr .mPdcLst .imgBox { 
	position:relative;
	display:block; 
	padding:78.95% 0 0;
	border-bottom:1px solid #E0E2E4;
	font-size: 0;
	overflow: hidden;
}
.mProductWr .mPdcLst .imgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	transition:all .3s ease;
}
.mProductWr .mPdcLst .imgBox.noImg { 
	background: #F6F6F9 url(/Form/_guest/basic/images/comNoData03.png) no-repeat center center;
	background-size:50% auto;
}
.mProductWr .mPdcLst .lnk:focus .imgBox img,
.mProductWr .mPdcLst .lnk:hover .imgBox img { 
	width: 120%; 
}
.mProductWr .mPdcLst .conBox { 
	display:block; 
	padding:28px 31px 31px;
}
.mProductWr .mPdcLst .cateLst { 
	display:flex;
	flex-wrap:wrap;
	gap:4px;
	margin:0 0 9px;
}
.mProductWr .mPdcLst .cateLst .cateLi { 
	padding:3px 8px 2px;
	border-radius: 16px;
	font-weight: 700; 
	font-size: 12px;
	text-align: center;
}
.mProductWr .mPdcLst .cateLst .cateLi.st01 { 
	background: #D9EFFF;
	color: #3D9CE0;
}
.mProductWr .mPdcLst .cateLst .cateLi.st02 { 
	background: #D3F8F6;
	color: #33A49F;
}
.mProductWr .mPdcLst .cateLst .cateLi.st03 { 
	background: #FFE1DE;
	color: #EE6C5D;
}
.mProductWr .mPdcLst .cateLst .cateLi.st04 { 
	background: #FFF3D9;
	color: #FF9500;
}
.mProductWr .mPdcLst .tit01 { 
	display:block; 
	margin:0 0 4px;
	font-weight: 700;
	font-size: 20px;
	color: #2E3337;
}
.mProductWr .mPdcLst .txt01 { 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 39px;
	margin:0 0 17px;
	font-weight: 500; 
	font-size: 15px;
	color: #8B8F93;
	text-overflow: ellipsis;
	overflow: hidden;
}
.mProductWr .mPdcLst .prcTxt { 
	display:flex;
	align-items:center; 
	justify-content:flex-end;
	gap:10px;
	line-height: 1;	
}
.mProductWr .mPdcLst .prcTxt .line { 
	display:block; 
	font-weight: 500;
	font-size: 16px;
	color: #C4C6C8;
	text-decoration:line-through;
}
.mProductWr .mPdcLst .prcTxt .prc {
	display:block; 
	font-weight: 800;
	font-size: 24px;
	color: #EE6C5D;
}
.mProductWr .mPdcLst .btmBox { 
	display:flex;
	gap:8px;
	padding:0 31px 27px;
}
.mProductWr .mPdcLst .btmBox .btn { 
	display:block; 
	width: calc((100% - 8px)/2);
	padding:9px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	transition:all .3s ease;
}
.mProductWr .mPdcLst .btmBox .btn.st01 { 
	background: #F0F0F6;
	border:1px solid #F0F0F6;
	color: #2E3337;
}
.mProductWr .mPdcLst .lnk:focus .btmBox .btn.st01,
.mProductWr .mPdcLst .lnk:hover .btmBox .btn.st01 { 
	background: #2E3337;
	color: #F0F0F6;
}
.mProductWr .mPdcLst .btmBox .btn.st02 { 
	background: #2E3337;
	border:1px solid #2E3337;
	color: #FFF;
}
.mProductWr .mPdcLst .lnk:focus .btmBox .btn.st02, 
.mProductWr .mPdcLst .lnk:hover .btmBox .btn.st02 {
	background: #FFF;
	color: #2E3337;
}
.mProductWr .mPdcLst .btmBox .btn.fullWid { 
	width: 100%;
}
.mProductWr .mPdcBtmBox { 
	text-align: center; 
}
.mProductWr .mPdcBtmBox .btn { 
	display:inline-flex;
	align-items:center; 
	justify-content:center;
	gap:12px;
	padding:15px 36px;
	border:1px solid #2E3337;
	border-radius: 100px;
	transition:all .3s ease;
}
.mProductWr .mPdcBtmBox .btn .btnTxt { 
	font-weight: 600; 
	font-size: 20px;
	line-height: 1;
	color: #2E3337;
	transition:all .3s ease;
}
.mProductWr .mPdcBtmBox .btn .plus { 
	position:relative; 
	display:block; 
	width: 14px;
	height: 14px;
}
.mProductWr .mPdcBtmBox .btn .plus:before,
.mProductWr .mPdcBtmBox .btn .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #2E3337;
	border-radius: 4px;
	transition:all .3s ease;
}
.mProductWr .mPdcBtmBox .btn .plus:before { 
	width: 100%; 
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.mProductWr .mPdcBtmBox .btn .plus:after { 
	width: 2px; 
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.mProductWr .mPdcBtmBox .btn:focus,
.mProductWr .mPdcBtmBox .btn:hover { 
	background: #2E3337;
}
.mProductWr .mPdcBtmBox .btn:focus .btnTxt,
.mProductWr .mPdcBtmBox .btn:hover .btnTxt { 
	color: #FFF; 
}
.mProductWr .mPdcBtmBox .btn:focus .plus:before,
.mProductWr .mPdcBtmBox .btn:hover .plus:before,
.mProductWr .mPdcBtmBox .btn:focus .plus:after,
.mProductWr .mPdcBtmBox .btn:hover .plus:after { 
	background: #FFF; 
}
.subComWr .mProductWr { 
	margin-bottom:0;
}
.mCoreQueWr {
	margin:0 0 160px;
}
.mCoreQueWr .inner { 
	display:flex;
	align-items:flex-end;
	gap:183px;
}
.mCoreQueWr .titBox { 
	flex-shrink:0; 
}
.mCoreQueWr .titBox .tit { 
	margin:0 0 75px;
	font-weight: 700; 
	font-size: 36px;
	color: #2E3337;
}
.mCoreQueWr .titBox .tit .bgTit { 
	position:relative; 
	display:inline-block;
	margin:7px 0 0;
	padding:4px 10px 1px;
}
.mCoreQueWr .titBox .tit .bgTit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	background:linear-gradient(to right, #43F2FF, #43B1FF);
	transition:all .3s ease;
	z-index:1;
}
.mCoreQueWr .titBox .tit .bgTit span { 
	position:relative; 
	z-index: 1;
}
.mCoreQueWr .titBox .tit .bgTit.on:before { 
	width: 100%; 
}
.mCoreQueWr .titBox .imgBox { 
	font-size: 0; 
}
.mCoreQueWr .titBox .imgBox img { 
	max-width: 100%; 
}
.mCoreQueWr .queBox { 
	flex-grow:1;
	counter-reset: mCoreQueNum 0;
	border-top: 1px solid #E0E2E4;
}
.mCoreQueWr .queBox .mCoreQue { 
	position:relative; 
	display:block; 
	width: 100%;
	padding:22px 22px 22px 40px;
	border-bottom: 1px solid #E0E2E4;
	font-weight: 500;
	font-size: 20px;
	color: #2E3337;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
	transition:all .3s ease;
}
.mCoreQueWr .queBox .mCoreQue:before { 
	counter-increment: mCoreQueNum 1;
	content: "Q" counter(mCoreQueNum);
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 50%;
	left: 0;
	transform:translateY(-50%);
	font-weight: 600;
	color: #43B1FF;
}
.mCoreQueWr .queBox .mCoreQue .plus { 
	position:absolute; 
	display:block; 
	width: 18px;
	height: 18px;
	top: 50%;
	right: 0;
	margin:-9px 0 0;
}
.mCoreQueWr .queBox .mCoreQue .plus:before,
.mCoreQueWr .queBox .mCoreQue .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: #C4C6C8;
	border-radius: 4px;
	margin:auto;
}
.mCoreQueWr .queBox .mCoreQue .plus:before { 
	width: 100%;
	height: 2px;
}
.mCoreQueWr .queBox .mCoreQue .plus:after { 
	width: 2px;
	height: 100%;
}
.mCoreQueWr .queBox .mCoreQue:hover {
	background:#F6F6FB;
}
.mCoreQueWr .queBox .mCoreAns { 
	position:relative;
	display:none; 
	padding:23px 23px 23px 64px;
	background: #EEF8FF;
	border-bottom:1px solid #E0E2E4;
}
.mCoreQueWr .queBox .mCoreAns .num {
	position:absolute;
	display:block;
	top: 20px;
	left: 24px;
	font-weight: 600;
	font-size: 20px;
	color: #43B1FF;
}
.mCoreQueWr .queBox .mCoreAns .txt { 
	font-size: 18px; 
	line-height: 1.5;
	color: #2E3337;
	word-break:break-all;
}
.mCoreQueWr .queBox .noDataBox { 
	padding:211px 20px 208px;
	border-bottom:1px solid #E0E2E4;
	text-align: center; 
}
.mCoreQueWr .queBox .noDataBox .imgBox { 
	max-width: 100%;
	margin:0 auto 15px;
	font-size: 0; 
}
.mCoreQueWr .queBox .noDataBox .imgBox img { 
	max-width: 100%; 
}
.mCoreQueWr .queBox .noDataBox .txt { 
	font-weight: 500; 
	font-size: 17px;
	color: #979797;
}
.mProCustomWr { 
	padding:120px 0;
	background: #F6F6FB;
}
.mProCustomWr .inner { 
	display:flex;
	align-items:center;
	gap:103px;
}
.mProCustomWr .txtBox { 
	flex-shrink:0; 
}
.mProCustomWr .txtBox .txt01 {
	margin:0 0 10px;
	font-weight: 500;
	font-size: 36px;
	color: #2E3337;
}
.mProCustomWr .txtBox .txt01 .bgTxt {
	position:relative; 
	display:inline-block;
	padding:4px 10px 1px;
	font-weight: 700;
}
.mProCustomWr .txtBox .txt01 .bgTxt:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	background:linear-gradient(to right, #43F2FF, #43B1FF);
	transition:all .3s ease;
	z-index:1;
}
.mProCustomWr .txtBox .txt01 .bgTxt span { 
	position:relative; 
	z-index: 1;
}
.mProCustomWr .txtBox .txt01 .bgTxt.on:before {
	width: 100%; 
}
.mProCustomWr .txtBox .txt01 .boldTxt { 
	display:inline-block;
	margin:2px 0 0;
	font-weight: 700;
}
.mProCustomWr .txtBox .txt02 { 
	margin:0 0 21px;
	font-weight: 500;
	font-size: 20px;
	color: #8B8F93;
}
.mProCustomWr .txtBox .imgBox { 
	font-size: 0; 
}
.mProCustomWr .txtBox .imgBox img { 
	max-width: 100%; 
}
.mProCustomWr .iptForm { 
	flex-grow:1; 
}
.mProCustomWr .iptForm dl { 
	display:flex;
	align-items:center;
	gap:16px;
}
.mProCustomWr .iptForm dl + dl { 
	margin-top:12px;
}
.mProCustomWr .iptForm dt { 
	flex-shrink:0;
	width: 100px;
	font-weight: 600;
	font-size: 16px;
	color: #8B8F93;
}
.mProCustomWr .iptForm dt .pnt { 
	font-weight: 400;
	font-size: 14px;
	color: #EE6C5D;
}
.mProCustomWr .iptForm dd { 
	flex-grow:1; 
}
.mProCustomWr .iptForm dd .ipt { 
	padding:19px 20px 16px;
	background: #FFF;
	border-radius: 8px;
	font-size: 16px;
	color: #2E3337;
}
.mProCustomWr .iptForm dd .ipt::placeholder { 
	color: #8B8F93; 
}
.mProCustomWr .iptForm dd .ipt.fullWid { 
	width: 100%; 
}
.mProCustomWr .iptForm dd .callBox { 
	display:flex;
	align-items:center;
	gap:16px;
}
.mProCustomWr .iptForm dd .callBox .ipt { 
	width: calc((100% - 72px)/3); 
}
.mProCustomWr .iptForm dd .callBox .midBar { 
	flex-shrink:0;
	display:block;
	width: 4px;
	height: 1px;
	background: #8B8F93;
}
.mProCustomWr .iptForm .termBox { 
	position:relative;
	margin:30px 0;
	padding:0 80px 0 0;
}
.mProCustomWr .iptForm .termBox .txt { 
	margin:0 0 10px;
	font-size: 16px;
	color: #8B8F93;
}
.mProCustomWr .iptForm .termBox .chkIpt {
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.mProCustomWr .iptForm .termBox .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 28px;
	font-weight: 600;
	font-size: 16px;
	color: #8B8F93;
}
.mProCustomWr .iptForm .termBox .chkLbl .circle { 
	position:absolute; 
	display:block;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	border:1px solid #8B8F93;
	border-radius: 50%;
}
.mProCustomWr .iptForm .termBox .chkIpt:checked + .chkLbl .circle { 
	border-color:transparent;
	background-image: linear-gradient(#F6F6FB, #F6F6FB), linear-gradient(to right, #43F2FF 0%, #43B1FF 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.mProCustomWr .iptForm .termBox .chkIpt:checked + .chkLbl .circle:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: linear-gradient(to right, #43F2FF 0%, #43B1FF 100%);
	border-radius: 50px;
}
.mProCustomWr .iptForm .termBox .termPopOn { 
	position:absolute; 
	display:block; 
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 16px;
	color:#8B8F93;
}
.mProCustomWr .iptForm .termBox .termPopOn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background:#8B8F93;
}
.mProCustomWr .iptForm .btmBox { 
	text-align: center; 
}
.mProCustomWr .iptForm .btmBox .btn {
	position:relative; 
	display:inline-block;
	padding:14px 103px 11px;
	border-radius: 8px;
	background: linear-gradient(to right, #43F2FF, #43B1FF);
	font-weight: 600;
	font-size: 16px;
	text-align: center;
	color: #FFF;
	overflow:hidden;
}
.mProCustomWr .iptForm .btmBox .btn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(to right, #1DD6E3, #0078CD); 
	opacity:0;
	transition:all .3s ease;
}
.mProCustomWr .iptForm .btmBox .btn span { 
	position:relative; 
	z-index: 1;
}
.mProCustomWr .iptForm .btmBox .btn:focus:before,
.mProCustomWr .iptForm .btmBox .btn:hover:before { 
	opacity:1;
}
.mTermPopWr .popBox { 
	position:absolute; 
	width: 820px;
	max-width: 90%;
	top: 50%;
	left: 50%;
	padding:40px;
	transform:translate(-50%, -50%);
	background: #3A3A3A;
}
.mTermPopWr .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 40px;
}
.mTermPopWr .topBox .tit { 
	position:relative;
	padding:0 0 12px;
	font-weight: 700;
	font-size: 24px;
	letter-spacing: -.5px;
	color: #FFF;
}
.mTermPopWr .topBox .tit:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 3px;
	bottom: 0;
	left: 0;
	background:linear-gradient(to right, #43F2FF 0%, #43B1FF 100%);
}
.mTermPopWr .topBox .popClose { 
	position:relative; 
	display:block; 
	width: 32px;
	height: 32px;
}
.mTermPopWr .topBox .popClose:before,
.mTermPopWr .topBox .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 2px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: #939393;
	border-radius: 4px;
}
.mTermPopWr .topBox .popClose:before { 
	transform:rotate(45deg); 
}
.mTermPopWr .topBox .popClose:after { 
	transform:rotate(-45deg); 
}
.mTermPopWr .conBox { 
	margin:0 0 16px;
	border:1px solid #525252;
}
.mTermPopWr .conBox .tit { 
	padding:12px 30px 14px;
	background: #222;
	border-bottom:1px solid #525252;
	font-weight: 600;
	font-size: 18px;
	color: #FFF;
}
.mTermPopWr .conBox .scrollBox {
	padding:30px;
	background: #303030; 
}
.mTermPopWr .conBox .txtBox { 
	max-height: 300px;
	overflow-y:auto;
}
.mTermPopWr .conBox .txtBox .txt {
	font-size: 15px;
	color: #FFF;
}
.mTermPopWr .chkBox { 
	position:relative; 
}
.mTermPopWr .chkBox .chkIpt {
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.mTermPopWr .chkBox .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 28px;
	font-size: 16px;
	color: #999 ;
}
.mTermPopWr .chkBox .chkLbl .circle { 
	position:absolute; 
	display:block;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	border:1px solid #8B8F93;
	border-radius: 50%;
}
.mTermPopWr .chkBox .chkIpt:checked + .chkLbl .circle { 
	border-color:transparent;
	background-image: linear-gradient(#3A3A3A, #3A3A3A), linear-gradient(to right, #43F2FF 0%, #43B1FF 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.mTermPopWr .chkBox .chkIpt:checked + .chkLbl .circle:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: linear-gradient(to right, #43F2FF 0%, #43B1FF 100%);
	border-radius: 50px;
}
@media all and (max-width:999px){
	.mTit01 { 
		margin:0 0 48px;
		padding:52px 0 0;
		font-size: 24px; 
	}
	.mTit01:before { 
		width: 40px;
		height: 40px;
		margin:0 0 0 -20px;
	}
	.mTit01 .st02 { 
		margin:3px 0 6px;
		padding:5px 16px 3px;
	}
	.mBnrWr { 
		padding:80% 0 0;
	}
	.mBnrWr video { 
		width: auto;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
	}
	.mBnrWr .conBox .logo { 
		width: 140px;
		margin:0 auto 17px;
	}
	.mBnrWr .conBox .txt { 
		margin:0 0 63px;
		font-size: 18px;
	}
	.mBnrWr .conBox .txt br { 
		display:block; 
	}
	.mBnrWr .conBox .lnk { 
		padding:11px 26px 9px;
		font-size: 16px; 
	}	
	.mThinkWr {
		padding:73px 20px 0;
	}
	.mThinkWr .thinkLst { 
		margin:0 auto 52px;
	}
	.mThinkWr .thinkLst li { 
		gap:13px;
		margin:0 0 16px;
	}
	.mThinkWr .thinkLst .lstImg { 
		width: 89px; 
	}
	.mThinkWr .thinkLst .lstTxt { 
		padding:17px 24px 15px;
		font-size: 13px;
		line-height: 1.3;
	}
	.mThinkWr .thinkInfo {
		gap:8px;
		margin:0 0 80px;
		padding:8px 24px 5px;
	}
	.mThinkWr .thinkInfo .txt { 
		font-size: 15px;
	}
	.mThinkWr .thinkInfo .ico { 
		width: 16px;
	}
	.mThinkWr .statLst li { 
		display:flex;
		align-items:center;
		gap:32px;
		width: 100%;
		padding:29px 38px 27px;
		text-align: left;
	}
	.mThinkWr .statLst .lstIco { 
		flex-shrink:0;
		width: 24px;
		margin:0;
	}
	.mThinkWr .statLst .lstCon { 
		flex-grow:1; 
	}
	.mThinkWr .statLst .lstTit { 
		margin:0;
		font-size: 12px; 
	}
	.mThinkWr .statLst .lstNum { 
		font-size: 20px; 
	}
	.mGuideWr { 
		padding:71px 0 0;
	}
	.mGuideWr .imgLst01 { 
		margin:0 0 80px;
	}
	.mGuideWr .imgLst01 li { 
		flex-wrap:wrap;
		gap:14px;
		margin:0 0 32px;
	}
	.mGuideWr .imgLst01 li:last-child { 
		margin:0;
	}
	.mGuideWr .imgLst01 .lstTxt { 
		font-size: 12px;
	}
	.mGuideWr .imgLst01 .lstTxt span { 
		margin:2px 0 0;
		font-size: 1.5em;
	}
	.mGuideWr .imgLst01 .lstImg { 
		width: 100%;
		text-align: right;
	}
	.mGuideWr .mTit01.stLight .light { 
		width: 32px; 
	}
	.mGuideWr .reviewLstBox,
	.mGuideWr .reviewLstBox .reviewLst { 
		flex-wrap:wrap;
		flex-direction:row;
		justify-content:center; 
		gap:16px;
	}
	.mGuideWr .reviewLstBox { 
		margin:0 0 60px;
	}
	.mGuideWr .reviewLstBox .topLi {
		padding:16px 16px 17px;
		border-radius: 16px;
	}
	.mGuideWr .reviewLstBox .topLi .lstIco { 
		width: 30px;
	}
	.mGuideWr .reviewLstBox .topLi .lstTit { 
		font-size: 18px;
	}
	.mGuideWr .reviewLstBox .reviewLi {
		padding:16px 20px;
		border-radius: 16px;
	}
	.mGuideWr .reviewLstBox .reviewLi .topBox {
		margin:0 0 11px;
	}
	.mGuideWr .reviewLstBox .reviewLi .imgBox { 
		width: 32px;
	}
	.mGuideWr .reviewLstBox .reviewLi .date { 
		font-size: 12px;
	}
	.mGuideWr .reviewLstBox .reviewLi .txt { 
		margin:0 0 17px;
		font-size: 12px;
	}
	.mGuideWr .reviewLstBox .reviewLi .btmLst { 
		gap:13px;
	}
	.mGuideWr .reviewLstBox .reviewLi .btmLst li {
		padding:0 0 0 21px;
		font-size: 12px;
	}
	.mGuideWr .reviewLstBox .reviewLi .btmLst li:before { 
		width: 16px;
		height: 16px;
		top: -1px;
	}
	.mGuideWr .reviewLstBox .reviewLi.st01,
	.mGuideWr .reviewLstBox .reviewLi.st02,
	.mGuideWr .reviewLstBox .reviewLi.st03 { 
		width: 100%;
	}
	.mGuideWr .mIntroLst > li { 
		display:block;
		margin:0 0 103px;
		text-align: center;
	}
	.mGuideWr .mIntroLst > li:last-child { 
		margin:0;
	}
	.mGuideWr .mIntroLst .imgBox { 
		width: 300px;
		margin:0 auto 17px;
	}
	.mGuideWr .mIntroLst .tit01 { 
		margin:0 0 9px;
		font-size: 14px;
	}
	.mGuideWr .mIntroLst .txt01 { 
		margin:0 0 17px;
		font-size: 22px; 
	}
	.mGuideWr .mIntroLst .txt02 { 
		margin:0 0 32px;
		font-size: 13px;
	}
	.mGuideWr .mIntroLst .sLst { 
		justify-content:center;
		gap:8px;
	}
	.mGuideWr .mIntroLst .sLst li { 
		width: 81px;
		height: 63px;
	}
	.mGuideWr .mIntroLst .sLst .lstTxt { 
		font-size: 13px; 
	}
	.mDomiWr { 
		padding:105px 0 206px;
	}
	.mDomiWr .txt01 { 
		margin:0 0 24px;
		font-size: 14px;
	}
	.mDomiWr .txt02 { 
		margin:0 0 48px;
		font-size: 16px;
	}
	.mDomiWr .txt02 .time {
		gap:8px;
		margin:0 10px;
		padding:5px 11px;
	}
	.mDomiWr .txt02 .timeIco { 
		width: 18px;
	}
	.mDomiWr .txt02 .timeTxt { 
		font-size: 1.25em; 
	}
	.mDomiWr .txt03 span {
		font-size: 16px;
	}
	.mDomiWr .txt03 span br { 
		display:block; 
	}
	.mDomiWr .arrow {
		width: 24px;
		bottom: 126px;
		margin:0 0 0 -12px;
	}
	.mDomiWr .btnBox { 
		gap:10px;
		margin:40px 0 0;
	}
	.mDomiWr .btnBox .btn { 
		min-width: 180px;
		padding:10px;
	}
	.mDomiWr .btnBox .btn .btnIco { 
		width: 20px; 
	}
	.mDomiWr .btnBox .btn .btnTxt { 
		font-size: 16px; 
	}
	.mProductWr { 
		margin:56px 0 60px;
	}
	.mProductWr .schBox { 
		margin:0 auto 12px;
	}
	.mProductWr .schBox .ipt { 
		padding:13px 23px 14px;
		font-size: 14px;
		text-align: left;
	}
	.mProductWr .schBox .btn { 
		width: 32px; 
		height: 32px;
		margin:-16px 0 0;
	}
	.mProductWr .schBox .btn img { 
		width: 20px; 
	}
	.mProductWr .tagLst { 
		gap:4px;
		margin:0 0 24px;
	}
	.mProductWr .tagLst li { 
		padding:6px 9px 4px;
		font-size: 12px;
	}
	.mProductWr .mPdcCateBox { 
		margin:0 0 56px;
	}
	.mProductWr .mPdcCateBox .mPdcCateCon {
		gap:8px;
		min-width: 608px;
	}
	.mProductWr .mPdcCateBox .mPdcCate { 
		width: 80px;
		height: 80px;
	}
	.mProductWr .mPdcCateBox .btnCon:before { 
		width: 26px;
		height: 26px;
		margin:0 auto 6px;
	}	
	.mProductWr .mPdcCateBox .btnTxt { 
		font-size: 10px;
	}
	.mProductWr .schResultBox { 
		margin:0 0 12px;
		padding:8px 16px;
	}
	.mProductWr .schResultBox .txt { 
		font-size: 12px;
	}
	.mProductWr .schResultBox .ipt { 
		width: 70px;
		padding:6px 20px 5px 7px;
		background-size:12px auto;
		background-position:right 7px center;
		font-size: 12px;
	}
	.mProductWr .mPdcLst { 
		gap:12px;
		margin:0 0 24px;
	}
	.mProductWr .mPdcLst > li { 
		width: 100%; 
	}
	.mProductWr .mPdcLst .lnk { 
		display:flex;
		flex-wrap:wrap;
		gap:16px;
		padding:20px 16px;
	}
	.mProductWr .mPdcLst .imgBox { 
		flex-shrink:0;
		width: 88px;
		height: 69px;
		padding:0;
		border-bottom:none;
	}
	.mProductWr .mPdcLst .conBox { 
		width: calc(100% - 104px);
		padding:0;
	}
	.mProductWr .mPdcLst .cateLst { 
		margin:0 0 7px;
	}
	.mProductWr .mPdcLst .cateLst .cateLi { 
		padding:1px 7px;
		font-size: 9px;
	}
	.mProductWr .mPdcLst .tit01 { 
		font-size: 15px; 
	}
	.mProductWr .mPdcLst .txt01 { 
		height: auto;
		font-size: 12px; 
	}
	.mProductWr .mPdcLst .prcTxt .line { 
		font-size: 12px; 
	}
	.mProductWr .mPdcLst .prcTxt .prc { 
		font-size: 18px; 
	}
	.mProductWr .mPdcLst .btmBox { 
		width: 100%; 
		padding:0;
	}
	.mProductWr .mPdcBtmBox .btn { 
		gap:9px;
		padding:9px 24px;
	}
	.mProductWr .mPdcBtmBox .btn .btnTxt { 
		font-size: 16px; 
	}
	.mProductWr .mPdcBtmBox .btn .plus { 
		width: 12px; 
		height: 12px;
	}
	.mCoreQueWr { 
		margin:0 0 64px;
	}
	.mCoreQueWr .inner { 
		flex-wrap:wrap;
		gap:40px;
	}
	.mCoreQueWr .titBox { 
		display:flex;
		flex-direction:column-reverse;
		gap:15px;
		width: 100%;
		text-align: center;
	}
	.mCoreQueWr .titBox .tit { 
		margin:0;
		font-size: 24px;
	}
	.mCoreQueWr .titBox .imgBox { 
		width: 88px;
		margin:0 auto;
	}
	.mCoreQueWr .queBox .mCoreQue { 
		padding:13px 15px 13px 24px;
		font-size: 14px; 
	}
	.mCoreQueWr .queBox .mCoreQue .plus { 
		width: 10px; 
		height: 10px;
	}
	.mCoreQueWr .queBox .mCoreAns { 
		padding:16px 16px 16px 40px;
	}
	.mCoreQueWr .queBox .mCoreAns .num { 
		top: 13px;
		left: 16px;
		font-size: 14px;
	}
	.mCoreQueWr .queBox .mCoreAns .txt { 
		font-size: 13px; 
	}
	.mCoreQueWr .queBox .noDataBox { 
		padding:50px 20px;
	}
	.mCoreQueWr .queBox .noDataBox .imgBox { 
		width: 32px;
		margin:0 auto 8px;
	}
	.mCoreQueWr .queBox .noDataBox .txt { 
		font-size: 14px; 
	}
	.mProCustomWr { 
		padding:40px 0 80px;
	}
	.mProCustomWr .inner { 
		flex-wrap:wrap;
		gap:15px;
	}
	.mProCustomWr .txtBox { 
		display:flex;
		align-items:center; 
		flex-direction:column;
		width: 100%; 
		text-align: center;
	}	
	.mProCustomWr .txtBox .imgBox { 
		order:1;
		width: 120px;
		margin:0 auto 24px;
	}
	.mProCustomWr .txtBox .txt01 {
		order:2;
		font-size: 24px;
	}
	.mProCustomWr .txtBox .txt01 .bgTxt { 
		padding:2px 8px 1px;
	}
	.mProCustomWr .txtBox .txt01 .boldTxt { 
		margin:4px 0 0;
	}
	.mProCustomWr .txtBox .txt02 { 
		order:3;
		font-size: 16px; 
	}
	.mProCustomWr .iptForm dl + dl { 
		margin-top:8px;
	}
	.mProCustomWr .iptForm dt { 
		width: 70px;
		font-size: 14px; 
	}
	.mProCustomWr .iptForm dd .ipt { 
		padding:14px 16px;
		font-size: 14px; 
	}
	.mProCustomWr .iptForm dd .callBox { 
		gap:5px; 
	}
	.mProCustomWr .iptForm dd .callBox .ipt { 
		width: calc((100% - 28px)/3);
	}
	.mProCustomWr .iptForm .termBox { 
		margin:23px 0 30px;
		padding:0 60px 0 0;
	}
	.mProCustomWr .iptForm .termBox .txt { 
		margin:0 0 6px;
		font-size: 12px;
	}
	.mProCustomWr .iptForm .termBox .chkLbl { 
		padding:0 0 0 20px;
		font-size: 14px;
	}
	.mProCustomWr .iptForm .termBox .chkLbl .circle { 
		width: 16px;
		height: 16px;
		top: 2px;
	}
	.mProCustomWr .iptForm .termBox .chkIpt:checked + .chkLbl .circle:before { 
		width: 8px;
		height: 8px;
	}
	.mProCustomWr .iptForm .termBox .termPopOn { 
		font-size: 12px; 
	}
	.mProCustomWr .iptForm .btmBox .btn { 
		width: 100%;
		padding:14px 14px 11px;
	}
	.mTermPopWr .popBox {
		padding:16px;
	}
	.mTermPopWr .topBox {
		margin:0 0 24px;
	}
	.mTermPopWr .topBox .tit {
		padding:0 0 8px;
		font-size: 19px;
	}
	.mTermPopWr .topBox .tit:after {
		height: 2px;
	}
	.mTermPopWr .topBox .popClose { 
		width: 24px;
		height: 24px;
	}
	.mTermPopWr .topBox .popClose:before,
	.mTermPopWr .topBox .popClose:after { 
		width: 20px;
	}
	.mTermPopWr .conBox { 
		margin:0 0 10px;
	}
	.mTermPopWr .conBox .tit { 
		padding:12px 12px 11px;
		font-size: 15px;
	}
	.mTermPopWr .conBox .scrollBox {
		padding:16px;
	}
	.mTermPopWr .conBox .txtBox { 
		max-height: 200px;
	}
	.mTermPopWr .conBox .txtBox .txt {
		font-size: 13px;
	}
	.mTermPopWr .chkBox .chkLbl { 
		padding:0 0 0 20px;
		font-size: 14px;
	}
	.mTermPopWr .chkBox .chkLbl .circle { 
		width: 16px;
		height: 16px;
		top: 2px;
	}
	.mTermPopWr .chkBox .chkIpt:checked + .chkLbl .circle:before { 
		width: 8px;
		height: 8px;
	}
}
@media all and (max-width:599px){
	.mBnrWr { 
		padding:180% 0 0;
	}
}
/* 메인 끝
------------------------------------------------------ */
/* 제품 상세 시작
------------------------------------------------------ */
.pdcDetailWr .pdcTopBox { 
	display:flex;
	gap:40px;
	margin:0 0 85px;
}
.pdcDetailWr .pdcTopBox .pdcLBox { 
	flex-shrink:0; 
}
.pdcDetailWr .pdcTopBox .pdcImgBox {
	position:relative;
	width: 600px;
	height: 480px;
	margin: 0 0 24px;
	font-size: 0;
	overflow: hidden;
}
.pdcDetailWr .pdcTopBox .pdcImgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.pdcDetailWr .pdcTopBox .pdcImgBox.noImg { 
	background: #F6F6FB;	 
}
.pdcDetailWr .pdcTopBox .pdcImgBox.noImg:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 53px;
	height: 53px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background:url(/Form/_guest/basic/images/comNoData01.svg) no-repeat;
	background-size:cover;
}
.pdcDetailWr .pdcTopBox .pdcTopCon { 
	flex-grow:1; 
}
.pdcDetailWr .pdcTopBox .pdcTopCon .topBox {
	position:relative;
	margin:0 0 60px;
}
.pdcDetailWr .pdcTopBox .pdcTopCon .topBox .topBtn { 
	position:absolute; 
	display:block; 
	top: 50%;
	right: 0;
	transform:translateY(-50%);
	font-size: 0;
}
.pdcDetailWr .pdcTopBox .pdcTopCon .topBox .topBtn img { 
	max-width: 100%;
}
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:24px 0 0;
}
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn { 
	position:relative; 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:10px;
	padding:17px 10px;
	border-radius: 8px;
	overflow: hidden;
}
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #FFF;
	border-radius: 8px;
	opacity:0;
	transition:all .3s ease;
}
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn span { 
	position:relative; 
	display:block; 
	z-index: 1;
}
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn .btnIco { 
	flex-shrink:0;
	font-size: 0;
}
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn .btnTxt { 
	font-weight: 700; 
	font-size: 17px;
	letter-spacing: -.3px;
}
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn.st01 { 
	width: calc((100% - 156px)/2);
}
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn.st01 .btnTxt { 
	color: #2E3337; 
}
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn.stCard {
	background:linear-gradient(to right, #4BFFC0, #43F2FF);	 
}
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn.stCard:before { 
	border:1px solid #43F2FF;
}
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn.stDepo {
	background:linear-gradient(to right, #43F2FF, #43B1FF);	 
}
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn.stDepo:before { 
	border:1px solid #43B1FF;
}
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn.stKakao {
	flex-shrink:0;
	width: 140px;
	background: #FFDE00;
}
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn.stKakao:before { 
	border:1px solid #FFDE00;
}
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn.stKakao .btnTxt {
	color:#3A1D1D;
}
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn.stDown {
	width: 100%;
	background:linear-gradient(to right, #757779, #2E3337);
}
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn.stDown .btnTxt { 
	color: #FFF; 
}
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn:focus:before,
.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn:hover:before { 
	opacity: 1; 
}
.pdcDetailWr .pdcTopBox .cateBox { 
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between; 
	gap:8px;
	margin:0 0 16px;
}
.pdcDetailWr .pdcTopBox .cateLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:4px;
}
.pdcDetailWr .pdcTopBox .cateLst01 li { 
	padding:6px 12px;
	border-radius: 16px;
	font-weight: 700;
	font-size: 14px;
}
.pdcDetailWr .pdcTopBox .cateLst01 li.st01 { 
	background: #D9EFFF;
	color: #3D9CE0;
}
.pdcDetailWr .pdcTopBox .cateLst01 li.st02 { 
	background: #FFE1DE;
	color: #EE6C5D;
}
.pdcDetailWr .pdcTopBox .cateLst01 li.st03 { 
	background: #D3F8F6;
	color: #33A49F;
}
.pdcDetailWr .pdcTopBox .cateLst01 li.st04 {
	background: #FFF3D9;
	color: #FF9500;
}
.pdcDetailWr .pdcTopBox .useLnk { 
	position:relative; 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:6px;
	padding:7px 29px 7px 11px;
	background:linear-gradient(to right, #43F2FF, #43B1FF);
	border:1px solid #2E3337;
	border-radius: 16px;
	overflow: hidden;
}
.pdcDetailWr .pdcTopBox .useLnk:before,
.pdcDetailWr .pdcTopBox .useLnk:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
}
.pdcDetailWr .pdcTopBox .useLnk:before { 
	width: 100%; 
	height: 100%;
	top: 0;
	left: 0;
	background:#FFF;
	border-radius: 16px;
	opacity:0;
	transition:all .3s ease;
}
.pdcDetailWr .pdcTopBox .useLnk:after {
	width: 8px;
	height: 8px;
	top: 50%;
	right: 18px;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:1px solid #2E3337;
	border-right:1px solid #2E3337;
}
.pdcDetailWr .pdcTopBox .useLnk span { 
	position:relative; 
	display:block;
	z-index: 1;
}
.pdcDetailWr .pdcTopBox .useLnk .lnkIco { 
	font-size: 0; 
}
.pdcDetailWr .pdcTopBox .useLnk .lnkIco img { 
	max-width: 100%; 
}
.pdcDetailWr .pdcTopBox .useLnk .lnkTxt { 
	padding:1px 0 0;
	font-weight: 700; 
	font-size: 16px;
	line-height: 1;
	color: #2E3337;
}
.pdcDetailWr .pdcTopBox .useLnk:focus:before,
.pdcDetailWr .pdcTopBox .useLnk:hover:before { 
	opacity: 11; 
}
.pdcDetailWr .pdcTopBox .pdcBox { 
	position:relative;
	padding:0 30px 0 0;
}
.pdcDetailWr .pdcTopBox .pdcName { 
	margin:0 0 3px;
	font-weight: 600;
	font-size: 26px;
	letter-spacing: -.3px;
	color: #212121;
}
.pdcDetailWr .pdcTopBox .pdcTxt01 { 
	font-size: 18px; 
	letter-spacing: -.3px;
	color: #8B8F93;
}
.pdcDetailWr .pdcTopBox .pdcInfoBox { 
	margin:0 0 44px;
	padding:0 0 41px;
	border-bottom:1px solid #E0E2E4;
}
.pdcDetailWr .pdcTopBox .pdcInfoBox dl { 
	display:flex;
	align-items:center; 
	gap:10px;
}
.pdcDetailWr .pdcTopBox .pdcInfoBox dl + dl { 
	margin-top:9px;
}
.pdcDetailWr .pdcTopBox .pdcInfoBox dt { 
	flex-shrink:0;
	width: 90px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: -.3px;
	color: #8B8F93;
}
.pdcDetailWr .pdcTopBox .pdcInfoBox dd { 
	flex-grow:1;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:24px;
}
.pdcDetailWr .pdcTopBox .pdcInfoBox dd .linePrc { 
	font-weight: 600;
	font-size: 18px;
	letter-spacing: -.3px;
	color: #C4C6C8;
	text-decoration:line-through;
}
.pdcDetailWr .pdcTopBox .pdcInfoBox dd .per { 
	font-weight: 600; 
	font-size: 22px;
	letter-spacing: -.3px;
}
.pdcDetailWr .pdcTopBox .pdcInfoBox dd .per.st01 { 
	color: #2E3337; 
}
.pdcDetailWr .pdcTopBox .pdcInfoBox dd .per.st02 { 
	color: #EE6C5D; 
}
.pdcDetailWr .pdcTopBox .pdcInfoBox dd .prc { 
	font-weight: 600; 
	font-size: 18px;
	color: #2E3337;
}
.pdcDetailWr .pdcTopBox .pdcInfoBox dd .prc span { 
	font-weight: 700; 
	font-size: 1.444em;
}
.pdcDetailWr .pdcTopBox .pdcInfoBox dd .prc span.st01 { 
	color: #EE6C5D; 
}
.pdcDetailWr .pdcTopBox .pdcInfoBox dd .stat { 
	padding:1px 9px 0;
	border:1px solid #EE6C5D;
	border-radius: 100px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.3px;
	color: #EE6C5D;
}
.pdcDetailWr .pdcTopBox .pdcInfoBox .infoBox01 {
	display:flex;
	flex-wrap:wrap;
	gap:2px;
	margin:13px 0 0;
	padding:14px 16px;
	background: #F6F6FB;
	border-radius: 8px;
	font-weight: 600;
	font-size: 14px;
}
.pdcDetailWr .pdcTopBox .pdcInfoBox .infoBox01 .tit {
	width: 100%;
	color: #2E3337;
}
.pdcDetailWr .pdcTopBox .pdcInfoBox .infoBox01 .txt { 
	flex-grow:1;
	color: #8B8F93;
}
.pdcDetailWr .pdcTopBox .pdcInfoBox .infoBox01 .txt span { 
	color: #EE6C5D; 
}
.pdcDetailWr .pdcTopBox .pdcInfoBox .infoBox02 { 
	display:flex;
	gap:8px;
	padding:7px 13px;
	background: #FFF2F0;
	border-radius: 8px;
	font-weight: 500;
	font-size: 14px;
}
.pdcDetailWr .pdcTopBox .pdcInfoBox .infoBox02 .tit { 
	flex-shrink:0;
	position:relative; 
	padding:0 0 0 20px;
	font-weight: 600;
	color: #EE6C5D;
}
.pdcDetailWr .pdcTopBox .pdcInfoBox .infoBox02 .tit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 1px;
	left: 0;
	background:url(/Form/_guest/basic/images/pdcDetailInfo01.svg) no-repeat;
	background-size:cover;
}
.pdcDetailWr .pdcTopBox .pdcInfoBox .infoBox02 .txt { 
	flex-grow:1;
	color: #2E3337;
}
.pdcDetailWr .pdcTopBox .pdcInfoBox:last-child { 
	margin:0;
	padding:0;
	border-bottom:none;
}
.pdcDetailWr .pdcConBox .cateBox { 
	display:flex;
	margin:0 0 80px;
	overflow-x:auto;
}
.pdcDetailWr .pdcConBox .cateBox .pdcConCate { 
	position:relative; 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 33.333%;
	min-width: 400px;
	padding:27px 10px;
	font-weight: 500;
	font-size: 20px;
	text-align: center;
	color: #999;
	transition:all .3s ease;
}
.pdcDetailWr .pdcConBox .cateBox .pdcConCate:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: #E0E0E0;
	transition:all .3s ease;
}
.pdcDetailWr .pdcConBox .cateBox .pdcConCate .verPc { 
	margin:0 4px 0 0;
}
.pdcDetailWr .pdcConBox .cateBox .pdcConCate.on { 
	font-weight: 700;
	color: #43B1FF;
}
.pdcDetailWr .pdcConBox .cateBox .pdcConCate.on:after { 
	height: 4px; 
	background: #43B1FF;
}
.pdcDetailWr .pdcConBox .pdcCon { 
	display:none;
}
.pdcDetailWr .pdcConBox .pdcCon img {
	display:block; 
	max-width: 100%;
	margin:0 auto;
}
.pdcDetailWr .pdcConBox .pdcCon.on { 
	display:block; 
}
.pdcDetailWr .pdcConBox .queBox { 
	border-top:1px solid #E0E2E4;
	counter-reset: pdcConQue 0;
}
.pdcDetailWr .pdcConBox .queTit { 
	position:relative; 
	display:block; 
	width: 100%;
	padding:23px 22px 23px 40px;
	border-bottom: 1px solid #E0E2E4;
	font-weight: 500;
	font-size: 18px;
	color: #2E3337;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.pdcDetailWr .pdcConBox .queTit:before { 
	counter-increment: pdcConQue 1;
	content: "Q" counter(pdcConQue);
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 50%;
	left: 0;
	transform:translateY(-50%);
	font-weight: 600;
	font-size: 20px;
	color: #43B1FF;
}
.pdcDetailWr .pdcConBox .queTit .plus { 
	position:absolute; 
	display:block; 
	width: 18px;
	height: 18px;
	top: 50%;
	right: 0;
	margin:-9px 0 0;
}
.pdcDetailWr .pdcConBox .queTit .plus:before,
.pdcDetailWr .pdcConBox .queTit .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: #C4C6C8;
	border-radius: 4px;
	margin:auto;
	transition:all .3s ease;
}
.pdcDetailWr .pdcConBox .queTit .plus:before { 
	width: 100%;
	height: 2px;
}
.pdcDetailWr .pdcConBox .queTit .plus:after { 
	width: 2px;
	height: 100%;
}
.pdcDetailWr .pdcConBox .queTit.on .plus:after { 
	transform:rotate(90deg);
}
.pdcDetailWr .pdcConBox .queAns { 
	position:relative;
	display:none; 
	padding:22px 22px 221px 64px;
	background: #EEF8FF;
	border-bottom:1px solid #E0E2E4;
}
.pdcDetailWr .pdcConBox .queAns .num {
	position:absolute;
	display:block;
	top: 20px;
	left: 24px;
	font-weight: 600;
	font-size: 20px;
	color: #43B1FF;
}
.pdcDetailWr .pdcConBox .queAns .txt {
	font-size: 16px;
	line-height: 1.5;
	color: #2E3337;
	word-break:break-all;
}
.pdcDetailWr .pdcConBox .reviewBox table {
	font-size: 16px;
	text-align: center;
	letter-spacing: -.3px;
}
.pdcDetailWr .pdcConBox .reviewBox thead {
	border:1px solid #E0E2E4;
	background: #F6F6F9;
}
.pdcDetailWr .pdcConBox .reviewBox thead th {
	padding:18px 10px 16px;
	font-weight: 600;
	color: #2E3337;
}
.pdcDetailWr .pdcConBox .reviewBox tbody tr { 
	border-bottom:1px solid #E0E0E0;
}
.pdcDetailWr .pdcConBox .reviewBox tbody td { 
	padding:25px 10px 22px;
	font-weight: 500;
	color: #979797;
}
.pdcDetailWr .pdcConBox .reviewBox tbody td .rvTit { 
	display:block;
	font-size: 1em;
	font-weight: 500;
	color: #212121;
	text-align: left;
	word-break:break-all;
}
.pdcDetailWr .pdcConBox .reviewBox tbody td .rvScoreLst { 
	display:flex;
	justify-content:center; 
	font-size: 0;
}
.pdcDetailWr .pdcConBox .reviewBox tbody td .rvScoreLst img {
	margin:0;
}
.pdcDetailWr .pdcConBox .reviewBox tbody .rvConTr { 
	display:none;
	border-bottom:none;
	text-align: left;
}
.pdcDetailWr .pdcConBox .reviewBox tbody .rvConTr td {
	padding-left:104px;
	background: #F6F6F9;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	color: #2E3337;
}
.pdcDetailWr .pdcConBox .reviewBox tbody .rvConTr.on { 
	display:table-row;
}
.pdcDetailWr .pdcConBox .reviewPageBox { 
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:64px 0 0;
}
.pdcDetailWr .pdcConBox .reviewPageBox .arrow { 
	position:relative; 
	display:block;
	width: 36px;
	height: 36px;
	font-size: 0;
}
.pdcDetailWr .pdcConBox .reviewPageBox .arrow:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	left: 50%;
	border-top:2px solid #9E9E9E;
	border-right:2px solid #9E9E9E;
}
.pdcDetailWr .pdcConBox .reviewPageBox .arrow.stPrev:before { 
	margin:-4px 0 0 -4px;
	transform:rotate(225deg);
}
.pdcDetailWr .pdcConBox .reviewPageBox .arrow.stNext:before { 
	margin:-4px 0 0 -4px;
	transform:rotate(45deg);
}
.pdcDetailWr .pdcConBox .reviewPageBox .num { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 36px;
	height: 36px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1;
	letter-spacing: -.25px;
	color: #666;
}
.pdcDetailWr .pdcConBox .reviewPageBox .num.on { 
	font-weight: 900;
	color: #FF4948;
}
.pdcDetailWr .pdcConBox .noDataBox { 
	padding:116px 20px;
	border-top:1px solid #E0E2E4;
	border-bottom:1px solid #E0E2E4;
	text-align: center;
}
.pdcDetailWr .pdcConBox .noDataBox .imgBox { 
	margin:0 auto 14px;
	font-size: 0;
}
.pdcDetailWr .pdcConBox .noDataBox .imgBox img {
	margin:0;
}
.pdcDetailWr .pdcConBox .noDataBox .txt { 
	font-weight: 500; 
	font-size: 17px;
	color: #979797;
}
@media all and (max-width:1199px){
	.pdcDetailWr .pdcTopBox .pdcImgBox { 
		width: 480px; 
		height: 384px;
	}
}
@media all and (max-width:999px){
	.pdcDetailWr .pdcTopBox { 
		flex-wrap:wrap; 
		gap:24px;
		margin:0 0 30px;
	}
	.pdcDetailWr .pdcTopBox .pdcLBox { 
		width: 100%; 
	}
	.pdcDetailWr .pdcTopBox .pdcImgBox { 
		width: 100%;
		height: 0;
		margin:0 0 16px;
		padding:78.95% 0 0;
	}
	.pdcDetailWr .pdcTopBox .pdcTopCon .topBox { 
		margin:0 0 16px;
	}
	.pdcDetailWr .pdcTopBox .pdcTopCon .topBox .topBtn { 
		width: 20px; 
	}
	.pdcDetailWr .pdcTopBox .cateBox { 
		margin:0 0 10px;
	}
	.pdcDetailWr .pdcTopBox .cateLst01 li { 
		padding:6px;
		font-size: 13px;
	}
	.pdcDetailWr .pdcTopBox .useLnk { 
		padding:7px 24px 7px 11px;
	}
	.pdcDetailWr .pdcTopBox .useLnk:after { 
		width: 6px; 
		height: 6px;
		right: 13px;
		margin:-3px 0 0;
	}
	.pdcDetailWr .pdcTopBox .useLnk .lnkIco { 
		width: 16px; 
	}
	.pdcDetailWr .pdcTopBox .useLnk .lnkTxt { 
		padding:0;
		font-size: 14px; 
	}
	.pdcDetailWr .pdcTopBox .pdcName { 
		margin:0;
		font-size: 20px; 
	}
	.pdcDetailWr .pdcTopBox .pdcTxt01 { 
		font-size:15px;
	}
	.pdcDetailWr .pdcTopBox .pdcInfoBox { 
		margin:0 0 24px;
		padding:0 0 24px;
	}
	.pdcDetailWr .pdcTopBox .pdcInfoBox dl {
		gap:3px;
	}
	.pdcDetailWr .pdcTopBox .pdcInfoBox dt {
		font-size: 15px;
	}
	.pdcDetailWr .pdcTopBox .pdcInfoBox dd { 
		gap:8px; 
	}
	.pdcDetailWr .pdcTopBox .pdcInfoBox dd .linePrc { 
		font-size: 15px; 
	}
	.pdcDetailWr .pdcTopBox .pdcInfoBox dd .per { 
		font-size: 18px; 
	}
	.pdcDetailWr .pdcTopBox .pdcInfoBox dd .prc { 
		font-size: 15px; 
	}
	.pdcDetailWr .pdcTopBox .pdcInfoBox dd .prc span { 
		font-size: 1.2em; 
	}
	.pdcDetailWr .pdcTopBox .pdcInfoBox dd .stat { 
		padding:1px 6px 0;
		font-size: 14px;
	}
	.pdcDetailWr .pdcTopBox .pdcInfoBox .infoBox01 { 
		margin:10px 0 0;
		padding:10px;
		font-size: 13px;
	}
	.pdcDetailWr .pdcTopBox .pdcInfoBox .infoBox02 {
		font-size: 13px;
	}
	.pdcDetailWr .pdcTopBox .pdcInfoBox .infoBox02 .tit { 
		padding:0 0 0 18px;
	}
	.pdcDetailWr .pdcTopBox .pdcInfoBox .infoBox02 .tit:before { 
		width: 14px;
		height: 14px;
	}
	.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox {
		margin:16px 0 0;
	}
	.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn {
		gap:8px;
		padding:10px;
	}
	.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn .btnIco {
		width: 20px;
		font-size: 0;
	}
	.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn .btnTxt { 
		font-size: 14px;
	}
	.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn.st01 { 
		width: calc((100% - 8px)/2);
	}
	.pdcDetailWr .pdcTopBox .pdcTopCon .btmBox .btn.stKakao {
		width: 100%;
	}	
	.pdcDetailWr .pdcConBox .cateBox { 
		margin:0 0 24px;
	}
	.pdcDetailWr .pdcConBox .cateBox .pdcConCate { 
		min-width: 0;
		padding:10px;
		font-size: 16px;
	}
	.pdcDetailWr .pdcConBox .cateBox .pdcConCate.on:after { 
		height: 2px;
	}
	.pdcDetailWr .pdcConBox .queTit {
		padding:13px 25px 13px 30px;
		font-size: 15px;
	}
	.pdcDetailWr .pdcConBox .queTit:before {
		font-size: 16px;
	}
	.pdcDetailWr .pdcConBox .queTit .plus { 
		width: 14px;
		height: 14px;
		margin:-7px 0 0;
	}
	.pdcDetailWr .pdcConBox .queAns { 
		padding:13px 13px 13px 45px;
	}
	.pdcDetailWr .pdcConBox .queAns .num {
		top: 12px;
		left: 15px;
		font-size: 16px;
	}
	.pdcDetailWr .pdcConBox .queAns .txt { 
		font-size: 14px;
		line-height: 1.3;
	}
	.pdcDetailWr .pdcConBox .reviewBox table { 
		font-size: 14px; 
	}
	.pdcDetailWr .pdcConBox .reviewBox thead { 
		display:none;
	}
	.pdcDetailWr .pdcConBox .reviewBox tbody { 
		border-top:1px solid #E0E0E0;
	}
	.pdcDetailWr .pdcConBox .reviewBox tbody tr { 
		display:flex;
		flex-wrap:wrap;
	}
	.pdcDetailWr .pdcConBox .reviewBox tbody tr td { 
		order:2;
		padding:10px 10px 9px;
	}
	.pdcDetailWr .pdcConBox .reviewBox tbody td .rvScoreLst li { 
		width: 19px; 
	}
	.pdcDetailWr .pdcConBox .reviewBox tbody tr td.rvTitTd { 
		order:1;
		width: 100%;
	}
	.pdcDetailWr .pdcConBox .reviewBox tbody .rvConTr td { 
		width: 100%;
		padding-left:10px;
	}
	.pdcDetailWr .pdcConBox .reviewBox tbody .rvConTr.on { 
		display:flex;
	}
	.pdcDetailWr .pdcConBox .reviewPageBox {
		margin:30px 0 0;
	}
	.pdcDetailWr .pdcConBox .reviewPageBox .arrow { 
		width: 30px;
		height: 30px;
	}
	.pdcDetailWr .pdcConBox .reviewPageBox .num {
		width: 30px;
		height: 30px;
		font-size: 13px;
	}
	.pdcDetailWr .pdcConBox .noDataBox { 
		padding:40px 20px;
	}
	.pdcDetailWr .pdcConBox .noDataBox .imgBox { 
		width: 32px;
		margin:0 auto 8px;
	}
	.pdcDetailWr .pdcConBox .noDataBox .txt { 
		font-size: 14px;
	}
}
/* 제품 상세 끝
------------------------------------------------------ */
/* 회원가입 시작
------------------------------------------------------ */
.joinWr { 
	padding:0 20px;
}
.joinWr .joinConBox { 
	max-width: 600px;
	margin:0 auto;
}
.joinWr .joinTit01 { 
	margin:0 0 54px;
	font-weight: 600; 
	font-size: 30px;
	letter-spacing: -.3px;
	text-align: center;
	color: #212121;
}
.joinWr .formDl dt { 
	margin:0 0 4px;
	font-weight: 500;
	font-size:15px;
	color: #2E3337;
}
.joinWr .formDl dt .pnt { 
	color: #EE6C5D; 
}
.joinWr .formDl dd .ipt { 
	padding:16px 12px 14px;
	border:1px solid #C4C6C8;
	border-radius: 8px;
	font-size: 15px;
	letter-spacing: -.3px;
	color: #2E3337;
}
.joinWr .formDl dd .ipt::placeholder { 
	color: #8B8F93; 
}
.joinWr .formDl dd select.ipt { 
	padding-right:30px;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/comSel01.svg);
	background-repeat:no-repeat;
	background-position:right 11px center;
}
.joinWr .formDl dd .ipt.fullWid { 
	width: 100%; 
}
.joinWr .formDl dd .btn { 
	display:block; 
	padding:16px 12px 13px;
	background: #F6F6FB;
	border:1px solid #C4C6C8;
	border-radius: 8px;
	font-weight: 500;
	font-size: 15px;
	color: #2E3337;
}
.joinWr .formDl dd .hasBtn { 
	display:flex;
	gap:12px;
}
.joinWr .formDl dd .hasBtn .ipt { 
	flex-grow:1; 
}
.joinWr .formDl dd .hasBtn .btn { 
	flex-shrink:0; 
}
.joinWr .formDl dd .callBox { 
	display:flex;
	align-items:center;
	gap:12px;
}
.joinWr .formDl dd .callBox .ipt { 
	flex-grow:1;
}
.joinWr .formDl dd .callBox .midBar { 
	flex-shrink:0;
	display:block; 
	width: 4px;
	height: 1px;
	background: #2E3337;	
}
.joinWr .formDl dd .callBox .btn { 
	flex-shrink:0;
}
.joinWr .formDl dd .mailBox { 
	display:flex;
	align-items:center;
	gap:12px;
}
.joinWr .formDl dd .mailBox .ipt { 
	flex-grow:1; 
}
.joinWr .formDl dd .mailBox .midTxt,
.joinWr .formDl dd .mailBox .btn { 
	flex-shrink:0; 
}
.joinWr .formDl dd .mailBox .midTxt { 
	display:block;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: #2E3337;
}
.joinWr .formDl dd .mailBox select.ipt { 
	flex-shrink:0;
	width: 140px;
}
.joinWr .formDl + .formDl { 
	margin-top:19px;
}
.joinWr .termBox { 
	margin:64px 0 0;
}
.joinWr .termBox .chkLst01 { 
	margin:0 0 26px;
	padding:0 0 24px;
	border-bottom:1px solid #E0E2E4;
}
.joinWr .termBox .chkLst01 li {
	position:relative;
	margin:0 0 15px;
	padding:0 0 0 32px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.3px;
	color: #2E3337;
}
.joinWr .termBox .chkLst01 li:last-child { 
	margin:0;
}
.joinWr .termBox .chkLst01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.joinWr .termBox .chkLst01 .chkLbl {
	position:absolute; 
	display:block;
	width: 18px;
	height: 18px;
	top: 0;
	left: 3px;
	border:1px solid #C4C6C8;
	border-radius: 5px;
}
.joinWr .termBox .chkLst01 .chkIpt:checked + .chkLbl { 
	background:linear-gradient(to right, #22E3F0, #1BA0FF);
	border:none; 
}
.joinWr .termBox .chkLst01 .chkIpt:checked + .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 8px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background:url(/Form/_guest/basic/images/comChk01.svg) no-repeat center center;
}
.joinWr .termBox .chkLst01 .termPopOn { 
	display:inline;
	font-weight: 700;
	font-size: 1em;
	color: #2E3337;
	text-decoration:underline;
}
.joinWr .termBox .chkLst01 .pnt { 
	color: #EE6C5D; 
}
.joinWr .termBox .chkLst01 .grayTxt { 
	font-weight: 500;
	color: #666;
}
.joinWr .termBox .chkLst01:last-child { 
	margin:0;
	padding:0;
	border-bottom:none;
}
.joinWr .formBtmBox {
	display:flex;
	justify-content:center;
	margin:40px 0 0;
}
.joinWr .formBtmBox .btn { 
	display:block;
	padding:15px 18px 13px;
	background: #2E3337;
	border:1px solid #2E3337;
	border-radius: 10px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.3px;
	text-align: center;
	color: #FFF;
	transition:all .3s ease;
}
.joinWr .formBtmBox .btn:focus,
.joinWr .formBtmBox .btn:hover { 
	background: #FFF;
	color: #2E3337;
}
@media all and (max-width:999px){
	.joinWr .joinTit01 { 
		margin:0 0 20px;
		font-size: 24px; 
	}
	.joinWr .formDl dt { 
		font-size: 13px; 
	}
	.joinWr .formDl dd .ipt,
	.joinWr .formDl dd .btn { 
		padding:10px 10px 9px;
		font-size: 13px;
	}
	.joinWr .formDl dd .hasBtn,
	.joinWr .formDl dd .callBox,
	.joinWr .formDl dd .mailBox { 
		gap:8px; 
	}
	.joinWr .formDl dd .mailBox { 
		flex-wrap:wrap;
	}
	.joinWr .formDl dd .mailBox .ipt { 
		flex-grow:0; 
	}
	.joinWr .formDl dd .mailBox .ipt,
	.joinWr .formDl dd .mailBox select.ipt { 
		width: calc((100% - 28px)/2);
	}
	.joinWr .formDl dd .mailBox .midTxt {
		width: 12px;
		font-size: 13px;
	}	
	.joinWr .formDl dd .mailBox .btn { 
		width: 100%;
		text-align: center;
	}
	.joinWr .formDl + .formDl { 
		margin-top:13px;
	}
	.joinWr .termBox { 
		margin:30px 0 0;
	}
	.joinWr .termBox .chkLst01 { 
		margin:0 0 16px;
		padding:0 0 16px;
	}
	.joinWr .termBox .chkLst01 li { 
		padding:0 0 0 26px;
		font-size: 14px; 
	}
	.joinWr .termBox .chkLst01 .chkLbl { 
		width: 16px;
		height: 16px;
		top: 1px;
	}
	.joinWr .termBox .chkLst01 .chkIpt:checked + .chkLbl:before { 
		width: 8px;
		height: 6px;
	}
	.joinWr .formBtmBox { 
		margin:24px 0 0;
	}
	.joinWr .formBtmBox .btn { 
		padding:10px 10px 9px;
		font-size: 14px;
	}
}
/* 회원가입 끝
------------------------------------------------------ */

/* 마이페이지 상단 시작
------------------------------------------------------ */
.mpTopWr { 
	margin:0 0 80px;
	padding:30px;
	border:1px solid #E0E2E4;
	border-radius: 10px;
	letter-spacing: -.3px;
}
.mpTopWr .topTit01 { 
	margin:0 0 14px;
	font-weight: 700;
	font-size: 18px;	
	color: #8B8F93;
}
.mpTopWr .btmBox { 
	display:flex;
	align-items:center;
	gap:24px;
}
.mpTopWr .thumbBox { 
	flex-shrink:0;
	position:relative;
	width: 80px;
	height: 80px;
	background: #111;
	border-radius: 50%;
	font-size: 0;
	overflow: hidden;
}
.mpTopWr .thumbBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.mpTopWr .txtBox,
.mpTopWr .infoBox { 
	flex-grow:1; 
}
.mpTopWr .txtBox .name { 
	margin:0 0 13px;
	font-weight: 600;
	font-size: 18px;
	color: #2E3337;
}
.mpTopWr .txtBox .lnk { 
	position:relative; 
	display:inline-block;
	padding:0 15px 0 0;
	font-weight: 500;
	font-size: 16px;
	color: #8B8F93;
	transition:all .3s ease;
}
.mpTopWr .txtBox .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 50%;
	right: 0;
	margin:-7px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #8B8F93;
	border-right:2px solid #8B8F93;
	transition:all .3s ease;
}
.mpTopWr .txtBox .lnk:focus,
.mpTopWr .txtBox .lnk:hover { 
	color: #1BA0FF; 
}
.mpTopWr .txtBox .lnk:focus:after,
.mpTopWr .txtBox .lnk:hover:after { 
	border-color: #1BA0FF; 
}
.mpTopWr .infoBox dl { 
	display:flex;
	gap:17px;
	margin:0 0 11px;
	font-weight: 500;
	font-size: 16px;
}
.mpTopWr .infoBox dl:last-child { 
	margin:0;
}
.mpTopWr .infoBox dt { 
	flex-shrink:0;
	color: #8B8F93; 
}
.mpTopWr .infoBox dd { 
	flex-grow:1;
	color: #2E3337;
}
@media all and (max-width:999px){
	.mpTopWr { 
		margin:0 0 30px;
		padding:16px;
	}
	.mpTopWr .topTit01 { 
		margin:0 0 10px;
		font-size: 15px;
	}
	.mpTopWr .btmBox { 
		position:relative; 
		display:block; 
		padding:15px 0 0 80px;
	}
	.mpTopWr .thumbBox { 
		position:absolute; 
		width: 64px;
		height: 64px;
		top: 0;
		left: 0;
	}
	.mpTopWr .txtBox { 
		margin:0 0 16px;
	}
	.mpTopWr .txtBox .name { 
		margin:0 0 3px;
		font-size: 15px;
	}
	.mpTopWr .txtBox .lnk { 
		padding:0 10px 0 0;
		font-size: 14px;
	}
	.mpTopWr .txtBox .lnk:after { 
		width: 8px; 
		height: 8px;
		margin:-4px 0 0;
	}
	.mpTopWr .infoBox dl { 
		gap:8px;
		margin:0 0 5px;
		font-size: 14px;
	}
}
@media all and (max-width:599px){
	.mpTopWr .infoBox dl { 
		flex-wrap:wrap;
		gap:0;
	}
	.mpTopWr .infoBox dt { 
		width: 100%; 
	}
}
/* 마이페이지 상단 끝
------------------------------------------------------ */
/* 마이페이지 메뉴 시작
------------------------------------------------------ */
.mpLeftWr { 
	position:absolute; 
	width: 240px;
	top: 0;
	left: 0;
	letter-spacing: -.3px;
}
.mpLeftWr .lnk { 
	position:relative; 
	display:block;
	padding:13px 35px 10px 16px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 16px;
	color: #8B8F93;
}
.mpLeftWr .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 50%;
	right: 20px;
	margin:-5px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #C4C6C8;
	border-right:2px solid #C4C6C8;
}
.mpLeftWr .lnk.on { 
	background:linear-gradient(to right, #22E3F0, #1BA0FF);
	color: #FFF;
}
.mpLeftWr .lnk.on:after { 
	border-color:#FFF;
}
@media all and (max-width:999px){
	.mpLeftWr { 
		position:relative; 
		width: 100%;
		top: auto;
		left: auto;
		margin:0 0 16px;
	}
	.mpLeftWr .lst { 
		display:flex;
		flex-wrap:wrap;
		border:1px solid #E0E2E4;
	}
	.mpLeftWr .lst li { 
		width: 50%;
		border-top:1px solid #E0E2E4;
		border-right:1px solid #E0E2E4;
	}
	.mpLeftWr .lst li:nth-child(-n+2) { 
		border-top:none;
	}
	.mpLeftWr .lst li:nth-child(2n) { 
		border-right:none;
	}
	.mpLeftWr .lnk { 
		padding:10px 30px 9px 10px;
		border-radius: 0;
		font-size: 14px;
	}
	.mpLeftWr .lnk:after { 
		width: 8px; 
		height: 8px;
		right: 16px;
		margin:-4px 0 0;
	}
}
/* 마이페이지 메뉴 끝
------------------------------------------------------ */
/* 마이페이지(구매내역, 내 문의, 내 정보 수정, 회원탈퇴) 내용 시작
------------------------------------------------------ */
.myPageWr { 
	position:relative;
	min-height: 200px;
	padding:0 0 0 264px;
	letter-spacing: -.3px;
}
.myPageWr .mpTit01 { 
	margin:0 0 47px;
	padding:0 0 19px;
	border-bottom:1px solid #2E3337;
	font-weight: 700;
	font-size: 24px;
	color: #2E3337;
}
.myPageWr .mpFormBox { 
	max-width: 676px;
	margin:0 auto;
}
.myPageWr .mpFormBox .btn { 
	display:block;
	padding:16px 12px 14px;
	background: #F6F6FB;
	border:1px solid #C4C6C8;
	border-radius: 8px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.3px;
	text-align: center;
	color: #2E3337;
}
.myPageWr .iptTit01 { 
	margin:0 0 5px;
	font-weight: 500;
	font-size: 15px;
	color: #2E3337;
}
.myPageWr .iptTit01 .pnt { 
	color: #EE6C5D;  
}
.myPageWr * + .iptTit01 { 
	margin-top:19px;
}
.myPageWr .ipt {
	padding:16px 12px 14px;
	border:1px solid #C4C6C8;
	border-radius: 8px;
	font-size: 15px;
	letter-spacing: -.3px;
	color: #2E3337;
}
.myPageWr select.ipt { 
	padding-right:30px;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/comSel01.svg);
	background-repeat:no-repeat;
	background-position:right 11px center; 
}
.myPageWr .ipt::placeholder {
	color: #8B8F93;
}
.myPageWr .ipt.fullWid { 
	width: 100%; 
}
.myPageWr .hasBtnBox { 
	display:flex;
	gap:12px;
}
.myPageWr .hasBtnBox .ipt { 
	flex-grow:1; 
}
.myPageWr .hasBtnBox .btn { 
	flex-shrink:0; 
}
.myPageWr .callBox { 
	display:flex;
	align-items:center;
	gap:12px;
}
.myPageWr .callBox .ipt { 
	flex-grow:1; 
}
.myPageWr .callBox .midBar,
.myPageWr .callBox .btn { 
	flex-shrink:0; 
}
.myPageWr .callBox .midBar { 
	display:block; 
	width: 4px;
	height: 1px;
	background: #2E3337;
}
.myPageWr .mailBox { 
	display:flex;
	align-items:center; 
	gap:12px;
}
.myPageWr .mailBox .ipt:not(select) { 
	flex-grow:1; 
}
.myPageWr .mailBox select.ipt { 
	flex-shrink:0;
	width: 140px; 
}
.myPageWr .mailBox .midTxt,
.myPageWr .mailBox .btn { 
	flex-shrink:0; 
}
.myPageWr .mailBox .midTxt { 
	font-weight: 500;	 
	font-size: 14px;
	color: #2E3337;
}
.myPageWr .btmBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:8px;
	margin:48px 0 0;
}
.myPageWr .btmBox .btmBtn { 
	display:block;
	padding:9px 18px 6px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.3px;
	color: #FFF;
	transition:all .3s ease;
}
.myPageWr .btmBox .btmBtn.st01 { 
	background: #C4C6C8;
	border:1px solid #C4C6C8;
}
.myPageWr .btmBox .btmBtn.st01:focus,
.myPageWr .btmBox .btmBtn.st01:hover { 
	background: #FFF
	color:#C4C6C8;
}
.myPageWr .btmBox .btmBtn.st02 { 
	background: #2E3337;
	border:1px solid #2E3337;
}
.myPageWr .btmBox .btmBtn.st02:focus,
.myPageWr .btmBox .btmBtn.st02:hover { 
	background: #FFF;
	color:#2E3337;
}
@media all and (max-width:999px){
	.myPageWr { 
		padding:0;
	}
	.myPageWr .mpFormBox { 
		max-width: 100%; 
	}
	.myPageWr .mpTit01 { 
		margin:0 0 20px;
		padding:0 0 10px;
		font-size: 18px;
	}
	.myPageWr .iptTit01 { 
		margin:0 0 3px;
		font-size: 13px;
	}
	.myPageWr * + .iptTit01 { 
		margin-top:10px;
	}
	.myPageWr .ipt,
	.myPageWr .mpFormBox .btn { 
		padding:10px 10px 9px;
		font-size: 13px;
	}
	.myPageWr .callBox,
	.myPageWr .mailBox { 
		gap:8px; 
	}
	.myPageWr .mailBox .midTxt { 
		font-size: 13px; 
	}
	.myPageWr .mailBox select.ipt { 
		width: 120px; 
	}
	.myPageWr .btmBox { 
		margin:30px 0 0;
	}
	.myPageWr .btmBox .btmBtn { 
		padding:8px 13px 7px;
		font-size: 14px;
	}
}
@media all and (max-width:599px){
	.myPageWr .callBox,
	.myPageWr .mailBox { 
		flex-wrap: wrap; 
	}
	.myPageWr .callBox .ipt { 
		flex-grow:0;
		width:calc((100% - 40px)/3);
	}
	.myPageWr .callBox .btn { 
		width: 100%; 
	}
	.myPageWr .mailBox .ipt:not(select) { 
		width: calc((100% - 28px)/2);
	}
	.myPageWr .mailBox .midTxt { 
		width: 12px; 
	}
	.myPageWr .mailBox select.ipt { 
		flex-grow:1;
		width: auto; 
	}
}
/* 마이페이지(구매내역, 내 문의, 내 정보 수정, 회원탈퇴) 내용 끝
------------------------------------------------------ */
/* 로그인, 아이디·비밀번호 찾기, 비밀번호 변경 시작
------------------------------------------------------ */
.comMbrWr { 
	padding:0 20px;
}
.comMbrWr .mbrBox { 
	max-width: 400px;
	margin:0 auto;
}
.comMbrWr .tit01 { 
	margin:0 0 27px;
	font-weight: 700;
	font-size: 22px;
	text-align: center;
	color: #424242;
}
.comMbrWr .tit02 { 
	margin:0 0 6px;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: -.5px;
	color: #373737;
}
.comMbrWr * + .tit02 { 
	margin-top:21px;
}
.comMbrWr .ipt { 
	padding:14px 15px 12px;
	border:1px solid #E0E0E0;
	border-radius: 5px;
	font-weight: 500;
	font-size: 16px;
	color: #2E3337;
}
.comMbrWr .ipt::placeholder { 
	color: #ACACAC; 
}
.comMbrWr .ipt.fullWid { 
	width: 100%; 
}
.comMbrWr .ipt + .ipt { 
	margin-top:12px;
}
.comMbrWr .findLnkBox { 
	display:flex;
	justify-content:flex-end;
	margin:15px 0 0;
}
.comMbrWr .findLnkBox .lnk { 
	display:block;
	font-weight: 700;
	font-size: 13px;
	color: #979797;
}
.comMbrWr .btnBox { 
	margin:48px 0 0;
}
.comMbrWr .btnBox .btn { 
	display:block;
	width: 100%;
	margin:0 0 12px;
	padding:17px 10px 14px;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
}
.comMbrWr .btnBox .btn.st01 { 
    background: linear-gradient(to right, #43F2FF 0%,  #43B1FF 100%);
	color: #FFF;
}
.comMbrWr .btnBox .btn.st02 { 
	border:1px solid #43B1FF;
	color: #43B1FF;
}
.comMbrWr .btnBox .btn:last-child { 
	margin:0;
}
.comMbrWr .findCateBox { 
	display:flex;
	flex-wrap:wrap;
	margin:0 0 45px;
}
.comMbrWr .findCateBox .findCate { 
	position:relative;
	display:block; 
	width: 50%;
	padding:14px 10px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: -.5px;
	text-align: center;
	color: #999;
	transition:all .3s ease;
}
.comMbrWr .findCateBox .findCate:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: #E0E0E0;
	transition:all .3s ease;
}
.comMbrWr .findCateBox .findCate.on { 
	color: #43B1FF;
}
.comMbrWr .findCateBox .findCate.on:after { 
	height: 2px;
	background: #43B1FF;
}
.comMbrWr .findForm { 
	display:none; 
}
.comMbrWr .findForm .tit02 { 
	margin:0 0 22px;
}
.comMbrWr .findForm.on { 
	display:block; 
}
@media all and (max-width:999px){
	.comMbrWr .tit01 { 
		margin:0 0 16px;
		font-size: 18px;
	}
	.comMbrWr .tit02 { 
		margin:0 0 4px;
		font-size: 15px;
	}
	.comMbrWr * + .tit02 { 
		margin-top:16px;
	}
	.comMbrWr .ipt { 
		padding:10px 10px 9px;
		font-size: 14px;
	}
	.comMbrWr .ipt + .ipt { 
		margin-top:8px;
	}
	.comMbrWr .findLnkBox { 
		margin:10px 0 0;
	}
	.comMbrWr .btnBox { 
		margin:24px 0 0;
	}
	.comMbrWr .btnBox .btn { 
		margin:0 0 8px;
		padding:10px 10px 9px;
		font-size: 14px;
	}
	.comMbrWr .findCateBox { 
		margin:0 0 24px;
	}
	.comMbrWr .findCateBox .findCate { 
		padding:10px;
		font-size: 15px;
	}
	.comMbrWr .findForm .tit02 { 
		margin:0 0 10px;
	}
}
/* 로그인, 아이디·비밀번호 찾기, 비밀번호 변경 끝
------------------------------------------------------ */
/* 결제 결과 시작
------------------------------------------------------ */
.payResultWr { 
	padding:40px 30px;
}
.payResultWr .topBox { 
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	margin:0 0 27px;
}
.payResultWr .topBox .tit01 { 
	font-weight: 700; 
	font-size: 24px;
	color: #2E3337;
}
.payResultWr .topBox .tit01 span { 
	color: #43B1FF; 
}
.payResultWr .topBox .close { 
	flex-shrink:0;
	position:relative;
	width: 20px;
	height: 20px;
	font-size: 0;
	overflow: hidden;
}
.payResultWr .topBox .close:before,
.payResultWr .topBox .close:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 2px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: #424242;
}
.payResultWr .topBox .close:before { 
	transform:rotate(45deg); 
}
.payResultWr .topBox .close:after { 
	transform:rotate(-45deg); 
}
.payResultWr .payTblBox table { 
	border:1px solid #E0E2E4;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.3px;
	text-align: center;
	color: #2E3337;
}
.payResultWr .payTblBox tbody tr { 
	border-bottom:1px solid #E0E2E4;
}
.payResultWr .payTblBox tbody tr > * { 
	padding:14px 10px;
}
.payResultWr .payTblBox tbody th { 
	background: #F6F6F9;
	font-weight: 600;
}
.payResultWr .btmBox { 
	display:flex;
	gap:12px;
	margin:30px 0 0;
}
.payResultWr .btmBox .btn { 
	display:block;
	width: calc((100% - 12px)/2);
	padding:19px 10px 15px;
	border:1px solid #2E3337;
	border-radius: 12px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	letter-spacing: -.5px;
}
.payResultWr .btmBox .btn.st01 { 
	color: #2E3337; 
}
.payResultWr .btmBox .btn.st02 { 
	background: #2E3337;
	color: #FFF; 
}
/* 결제 결과 끝
------------------------------------------------------ */