@charset "utf-8"; 

/* 메인 시작
------------------------------------------------------ */
.mFormWr { 
	max-width: 800px;
	margin:0 auto;
	padding:48px;
	background: #FFF;
	border-radius: 20px;
}
.mFormWr .formTopBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	margin:0 0 27px;
}
.mFormWr .formTopBox .logo a { 
	display:block; 
	font-size: 0;
}
.mFormWr .formTopBox .logo img { 
	max-width: 100%; 
}
.mFormWr .formTopBox .lnk { 
	display:block;
	padding:11px 40px 9px;
	background:linear-gradient(to right, #E758F4, #6382FF);
	border-radius: 8px;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	color: #FFF;
}
.mFormWr .formTit01 { 
	margin:0 0 35px;
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
    background-clip: text;
    -webkit-background-clip: text;
	font-weight: 700;
	font-size: 32px;
    color: transparent;
	text-align: center;
}
.mFormWr .formTitBox { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:0 0 19px;
	padding:0 0 16px;
}
.mFormWr .formTitBox:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background: linear-gradient(to right, #E758F4, #6382FF);
}
.mFormWr .formTitBox .btnDeleteInline {
	flex-shrink: 0;
	position:relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
	border-radius: 50%;
	font-size: 0;
}
.mFormWr .formTitBox .btnDeleteInline:before,
.mFormWr .formTitBox .btnDeleteInline:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -9px;
	background: #FFF;
}
.mFormWr .formTitBox .btnDeleteInline:before { 
	transform:rotate(45deg);
}
.mFormWr .formTitBox .btnDeleteInline:after { 
	transform:rotate(-45deg);
}
.mFormWr .formTit02 {
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
    background-clip: text;
    -webkit-background-clip: text;
	font-weight: 700;
	font-size: 19px;
	color: transparent;
}
.mFormWr .formBox { 
	padding:40px;
	border:1px solid #E0E2E4;
	border-radius: 20px;
}
.mFormWr .formCopyBox + .formCopyBox,
.mFormWr .formBox + .formBox { 
	margin-top:20px;
}
.mFormWr .iptBox { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.mFormWr .iptBox .iptSec { 
	width: 100%; 
}
.mFormWr .iptBox .iptSec.stNoTit { 
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}
.mFormWr .iptBox .iptTit01 {
	position:relative;
	margin:0 0 6px;
	font-weight: 500;
	font-size: 16px;
	color: #2E3337;
}
.mFormWr .iptBox .iptTit01 .pnt { 
	color: #DC3545; 
}
.mFormWr .iptBox .iptTit01 .gTxt01 { 
	font-weight: 400; 
	font-size: 13px;
	color: #8B8F93;
}
.mFormWr .iptBox .iptTit01 .hasHid { 
	position:relative; 
	display:inline-block;
	padding:0 19px 0 0;
}
.mFormWr .iptBox .iptTit01 .hasHid .hidOn {
	position:absolute; 
	display:block;
	top: 2px;
	right: 0;
	font-size: 0;
}
.mFormWr .iptBox .iptTit01 .hasHid .hidOn > img { 
	max-width: 100%; 
}
.mFormWr .iptBox .iptTit01 .hasHid .hidOn .hidTxt01 {
    position: absolute;
	display:block;
    width: 200px;
    bottom: calc(100% + 8px);
    left: 50%;
    margin:0 0 0 -100px;
    padding: 8px;
    background: #333;
    border-radius: 6px;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.3s;
    visibility: hidden;
}
.mFormWr .iptBox .iptTit01 .hasHid .hidOn:hover .hidTxt01 {
    opacity: 1;
    visibility: visible;
}
.mFormWr .iptBox .ipt { 
	padding:10px 10px 9px;
	border:1px solid #E0E2E4;
	border-radius: 4px;
	font-size: 13px;
	color: #2E3337;
}
.mFormWr .iptBox .ipt::placeholder { 
	color: #8B8F93; 
}
.mFormWr .iptBox select.ipt,
.mFormWr .iptBox .ipt.date_input {
	appearance: none;
	padding-right:30px;	
	background-position:right 10px center; 
	background-repeat:no-repeat;
}
.mFormWr .iptBox select.ipt { 
	background-image: url(/Form/_guest/basic/images/mFormSec01.svg); 
}
.mFormWr .iptBox .ipt.date_input {
	background-image: url(/Form/_guest/basic/images/mFormDate01.svg);
}
.mFormWr .iptBox .ipt.fullWid { 
	width: 100%; 
}
.mFormWr .iptBox.has3 .iptSec { 
	width: calc((100% - 24px)/3); 
}
.mFormWr .iptBox + .iptBox { 
	margin-top:25px;
}
.mFormWr .infoTxt01,
.mFormWr .infoLst01 { 
	margin:8px 0 0;
	font-size: 12px;
	color: #575E65;
	word-break:break-all;
}
.mFormWr .infoLst01 li { 
	margin:0 0 4px;
}
.mFormWr .infoLst01 li:last-child { 
	margin:0;
}
.mFormWr .infoTxt01.stClr01 { 
	color: #64748B; 
}
.mFormWr .infoTxt01.hasIco span { 
	position:relative; 
	display:inline-block;
	padding:0 20px 0 0;
}
.mFormWr .infoTxt01.hasIco span:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: -4px;
	right: 0;
	background:url(/Form/_guest/basic/images/mFormInfo01.svg) no-repeat;
	background-size:cover;
}
.mFormWr .infoTxt02 { 
	position:relative;
	margin:26px 0 0;
	padding:0 0 0 24px;
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
    background-clip: text;
    -webkit-background-clip: text;
	font-weight: 500;
	font-size: 16px;
	color: transparent;
}
.mFormWr .infoTxt02:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 1px;
	left: 0;
	background:url(/Form/_guest/basic/images/mInfoTxt02.svg) no-repeat;
	background-size:cover;
}
.mFormWr .explanBox {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:6px;
	margin:0 0 13px;
}
.mFormWr .explanBox .ico { 
	width: 28px;
	font-size: 0;
}
.mFormWr .explanBox .ico img { 
	max-width: 100%; 
}
.mFormWr .explanBox .grade { 
	padding:3px 7px 0;
	background: #FEF2FF;
	border-radius: 4px;
	font-weight: 500;
	font-size: 16px;
	color: #E758F4;
}
.mFormWr .explanBox .txt01 { 
	font-weight: 500;
	font-size: 12px;
	color: #575E65;
}
.mFormWr * + .explanBox { 
	margin-top:25px;
}
.mFormWr .boundary { 
	display:block; 
	width: 100%;
	height: 1px;
	margin:26px 0;
	background: #E0E2E4;
}
.mFormWr .btnCheckFlow { 
	display:inline-block;
	margin:15px 0 0;
	background-image: linear-gradient(#FFF, #FFF), linear-gradient(to right, #E758F4 0%,  #6382FF 100%);
	background-origin: border-box;
    background-clip: content-box, border-box;
	border:1px solid transparent;
	border-radius: 8px;
}
.mFormWr .btnCheckFlow span {
	display:block;
	padding:10px 40px 7px;
    background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
    background-clip: text;
    -webkit-background-clip: text;
	font-weight: 700;
	font-size: 15px;
	color: transparent;
}
.mFormWr .formAddBox { 
	display:flex;
	align-items:center; 
	justify-content:center;
	margin:20px 0;
}
.mFormWr .formAddBox .btnAdd { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:13px;
	padding:14px 40px 13px;
	background: #F6F6F9;
	border:1px solid #E0E2E4;
	border-radius: 8px;
}
.mFormWr .formAddBox .btnAdd span { 
	display:block;
}
.mFormWr .formAddBox .btnAdd .plus { 
	position:relative; 
	width: 14px;
	height: 14px;
}
.mFormWr .formAddBox .btnAdd .plus:before,
.mFormWr .formAddBox .btnAdd .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: #8B8F93;
	border-radius: 8px;
}
.mFormWr .formAddBox .btnAdd .plus:before { 
	width: 100%; 
	height: 2px;
}
.mFormWr .formAddBox .btnAdd .plus:after { 
	width: 2px; 
	height: 100%;
}
.mFormWr .formAddBox .btnAdd .btnTxt { 
	font-weight: 700; 
	font-size: 15px;
	line-height: 1;
	color: #8B8F93;
}
.mFormWr .totalBox { 
	margin:20px 0 0;
	padding:20px 0 0;
	border-top:1px solid #2E3337;
}
.mFormWr .totalBox dl { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
}
.mFormWr .totalBox dt { 
	font-weight: 700; 
	font-size: 18px;
	color: #575E65;
}
.mFormWr .totalBox dd { 
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:4px;
	font-weight: 700;
	font-size: 22px;
	color: #E758F4;
}
.mFormWr .totalBox dd .gTxt01 { 
	font-weight: 500;
	font-size: 14px;
	color: #C4C6C8;
}
.mFormWr .totalBox .btmBox { 
	display:flex;
	align-items:center; 
	justify-content:center;
	margin:17px 0 0;
}
.mFormWr .totalBox .btmBox .btn { 
	display:block;
	padding:15px 65px 12px;
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
	border-radius: 8px;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	color: #FFF;
}
.mFormWr .pdcSelLst01 {
	display: flex;
	flex-wrap:wrap; 
	gap: 20px;
	margin:0 0 20px;
}
.mFormWr .pdcSelLst01 li {
	position:relative;
	width: calc((100% - 20px)/2);
	padding: 19px;
	background: #FFF;
	border: 1px solid #E0E2E4;
	border-radius: 10px;
	cursor:pointer;
	transition: all .3s ease;
}
.mFormWr .pdcSelLst01 .chkIpt {
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.mFormWr .pdcSelLst01 .lstTopBox {
	position:relative; 
	display: flex;
	align-items: center;
	justify-content:space-between;
	gap: 10px;
	min-height: 25px;
	margin:0 0 17px;
	padding:0 0 0 32px;
}
.mFormWr .pdcSelLst01 .icoBox { 
	display:flex;
	align-items:center;
	gap:6px;
}
.mFormWr .pdcSelLst01 .icoBox .ico { 
	display:block; 
	font-size: 0;
}
.mFormWr .pdcSelLst01 .icoBox .ico img { 
	max-width: 100%; 
}
.mFormWr .pdcSelLst01 .circle {
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	top: 2px;
	left: 0;
	border:1px solid #C4C6C8;
	border-radius: 50%;
}
.mFormWr .pdcSelLst01 .grade { 
	display:inline-block;
	padding:3px 6px 0;
	border-radius: 3px;
	font-weight: 500; 
	font-size: 16px;
}
.mFormWr .pdcSelLst01 .recom { 
	padding:4px 12px 1px;
	border-radius: 6px;
	font-weight: 500;
	font-size: 15px;
	text-align: center;
}
.mFormWr .pdcSelLst01 .lstTxt01 {
	position:relative;
	padding:0 0 0 8px;
	font-weight: 500;
	font-size: 15px;
	color: #575E65;
}
.mFormWr .pdcSelLst01 .lstTxt01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 2px;
	top: 8px;
	left: 1px;
	background: #575E65;
	border-radius: 50%;
}
.mFormWr .pdcSelLst01 li.st01 .grade {
	background: #FEF2FF;
	color: #E758F4;
}
.mFormWr .pdcSelLst01 li.st02 .grade {
	background: #F2F2FF;
	color: #6382FF;
}
.mFormWr .pdcSelLst01 li.st02 .recom { 
	background: #6382FF;
	color: #FFF;
}
.mFormWr .pdcSelLst01 li.st02 .lstTxt01 span { 
	color: #6382FF; 
}
.mFormWr .pdcSelLst01 li.selected .circle:after {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.mFormWr .pdcSelLst01 li.selected.st01 {
	background: #FEF2FF;
	border-color: #E758F4;
}
.mFormWr .pdcSelLst01 li.selected.st01 .circle {
	border-color: #E758F4;
}
.mFormWr .pdcSelLst01 li.selected.st01 .circle:after { 
	background: #E758F4; 
}
.mFormWr .pdcSelLst01 li.selected.st02 {
	background: #F2F2FF;
	border-color: #6382FF;
}
.mFormWr .pdcSelLst01 li.selected.st02 .circle {
	border-color: #6382FF;
}
.mFormWr .pdcSelLst01 li.selected.st02 .circle:after { 
	background: #6382FF;
}
.mFormWr .pdcSelLst01 li.selected.st01 .grade,
.mFormWr .pdcSelLst01 li.selected.st02 .grade { 
	background: #FFF;
}
.mFormWr .snsLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.mFormWr .snsLst01 li { 
	width: calc((100% - 100px)/6);
}
.mFormWr .snsLst01 .btnSns { 
	display:block; 
	width: 100%;
	text-align: center;
}
.mFormWr .snsLst01 .btnSns .btnIco { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 76px;
	height: 76px;
	margin:0 auto 4px;
	border:1px solid #E0E2E4;
	border-radius: 20px;
	overflow: hidden;
}
.mFormWr .snsLst01 .btnSns .btnIco img { 
	position:relative; 
	max-width: 100%;
	z-index: 1;
}
.mFormWr .snsLst01 .btnSns .btnTxt {
	display:block;
	font-size: 14px;
	letter-spacing: -.03em;
	color: #2E3337;
}
.mFormWr .snsLst01 .btnSns.on .btnIco { 
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
}
.mFormWr .snsLst01 .btnSns.on .btnIco:before,
.mFormWr .snsLst01 .btnSns.on .btnIco:after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
}
.mFormWr .snsLst01 .btnSns.on .btnIco:before {
    inset: 1px;
	background: #FFF;
    border-radius: 19px;
}
.mFormWr .snsLst01 .btnSns.on .btnIco:after { 
	width: 100%; 
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
	opacity: .2;
}
.mFormWr .orderFormBox { 
	margin:40px 0 0;
}
.mFormWr .langSelBtnBox { 
	display:flex;
}
.mFormWr .langSelBtnBox .langSelBtn {
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 50%;
	padding:13px 10px 12px;
	background: #F6F6F9;
	border-radius: 10px 10px 0 0;
	border:1px solid #E0E2E4;
	font-size: 17px;
	text-align: center;
	color: #575E65;
}
.mFormWr .langSelBtnBox .langSelBtn.on { 
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
	border-color:transparent;
	color: #FFF;
}
.mFormWr .langSelLst01 { 
	display:flex;
	flex-wrap:wrap; 
	gap:8px;
	margin:0 0 19px;
	padding:20px;
	border:1px solid #E0E2E4;
	border-radius: 10px;
}
.mFormWr .langSelLst01 li { 
	position:relative;	
	width: calc((100% - 8px)/2);
}
.mFormWr .langSelLst01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.mFormWr .langSelLst01 .chkLbl { 
	position:relative; 
	display:block; 
	width: 100%;
	padding:20px 17px 17px 47px;
	border:1px solid #E0E2E4;
	border-radius: 10px;
	overflow: hidden;
}
.mFormWr .langSelLst01 .chkLbl .circle { 
	position:absolute; 
	display:block;
	width: 20px;
	height: 20px;
	top: 19px;
	left: 16px;
	border:1px solid #C4C6C8;
	border-radius: 50%;
	overflow: hidden;
	z-index: 1;
}
.mFormWr .langSelLst01 .chkLbl .lblTxt { 
	position:relative; 
	display:inline-block;
	font-size: 16px;
	color: #2E3337;
	z-index: 1;
}
.mFormWr .langSelLst01 .chkIpt:checked + .chkLbl { 
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
}
.mFormWr .langSelLst01 .chkIpt:checked + .chkLbl:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	inset:1px;
	background: linear-gradient(262deg, #F0F2FF 0%, #FBEFFE 100%);
	border-radius: 9px;
}
.mFormWr .langSelLst01 .chkIpt:checked + .chkLbl .circle { 
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
	border:none;
}
.mFormWr .langSelLst01 .chkIpt:checked + .chkLbl .circle:before,
.mFormWr .langSelLst01 .chkIpt:checked + .chkLbl .circle:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
	border-radius: 50%;
}
.mFormWr .langSelLst01 .chkIpt:checked + .chkLbl .circle:before {
	width: 18px; 
	height: 18px;
	background: #FBEFFE;
}
.mFormWr .langSelLst01 .chkIpt:checked + .chkLbl .circle:after { 
	width: 10px; 
	height: 10px;
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
}
.mFormWr .langSelLst01 .chkIpt:checked + .chkLbl .lblTxt {
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
    background-clip: text;
    -webkit-background-clip: text;
    font-weight: 700;
    color: transparent;
}
.mFormWr .langSelBtnBox + .langSelLst01 { 
	border-top-width:0;
	border-radius: 0 0 10px 10px;
}
.mFormWr .langSelLst01 .noDataBox { 
	width: 100%;
	height: 100%;
	border:1px solid #E0E2E4;
	border-radius: 10px;
}
.mFormWr .langPdcInfoBox .pdcTit01 { 
	position:relative;
	margin:0 0 6px;
	padding:0 0 0 33px;
}
.mFormWr .langPdcInfoBox .pdcTit01 > span { 
	display:block; 
}
.mFormWr .langPdcInfoBox .pdcTit01 .num { 
	position:absolute; 
	min-width: 27px;
	top: 2px;
	left: 0;
	border:1px solid #E758F4;
	border-radius: 1000px;
	font-weight: 700;
	font-size: 10px;
	text-align: center;
	color: #E758F4;
}
.mFormWr .langPdcInfoBox .pdcTit01 .titTxt01 { 
	font-weight: 600;
	font-size: 16px;
	color: #2E3337;
}
.mFormWr .langPdcInfoBox .pdcTit01 .titTxt01 em { 
	font-style: normal;
	color: #EE6C5D;
}
.mFormWr .langPdcInfoBox .pdcTit01.noNum { 
	padding:0;
}
.mFormWr .langPdcInfoBox * + .pdcTit01 { 
	margin-top:27px;
}
.mFormWr .langPdcInfoBox .ipt { 
	padding:11px 11px 9px;
	border:1px solid #E0E2E4;
	border-radius: 4px;
	font-size: 13px;
	color: #2E3337;
}
.mFormWr .langPdcInfoBox .ipt::placeholder { 
	color: #8B8F93; 
}
.mFormWr .langPdcInfoBox select.ipt { 
	padding:13px 30px 13px 11px;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/comSel02.svg);
	background-repeat:no-repeat;
	background-position:right 10px center; 
}
.mFormWr .langPdcInfoBox .ipt.fullWid { 
	width: 100%; 
}
.mFormWr .langPdcInfoBox .infoBox {
	padding:13px 10px;
	background: #F6F6F9;
	border:1px solid #E0E2E4;
	border-radius: 4px;
}
.mFormWr .langPdcInfoBox .infoBox p { 
	font-size: 13px; 
	color: #575E65;
}
.mFormWr .langPdcInfoBox .infoBox p + p { 
	margin-top:17px;
}
.mFormWr .langPdcInfoBox .pdcInfoTxt01 {
	margin:10px 0 0;
	font-size: 12px; 
	color: #575E65;
}
.mFormWr .langPdcInfoBox .graIptBox {
	padding:1px;
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
	border-radius: 4px;
}
.mFormWr .langPdcInfoBox .graIptBox .ipt { 
	background:linear-gradient(262deg, #F0F2FF 0%, #FBEFFE 100%);
	border:none;
}
.mFormWr .orderTit01 {
	margin:0 0 16px;
	font-weight: 700;
	font-size: 19px;
	color: #2E3337;
}
.mFormWr .orderLst01 li { 
	margin:0 0 12px;
}
.mFormWr .orderLst01 li:last-child { 
	margin:0;
}
.mFormWr .orderLst01 .orderPopOn {
	position:relative;
	display:block;
	width: 100%;
	padding:16px 40px 13px 16px;
	background: #F6F6F9;
	border-radius: 8px;
	font-size: 16px;
	color: #575E65;
}
.mFormWr .orderLst01 .orderPopOn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	right: 23px;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:1px solid #8B8F93;
	border-right:1px solid #8B8F93;
}
























.mNavWr { 
	position:fixed;
	width: 280px;
	top: 210px;
	right: 50%;
	margin:0 -700px 0 0;
	padding:24px 30px;
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
	border-radius: 20px;
}
.mNavWr:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	inset:1px;
	background: #FFF;
	border-radius: 19px;
}
.mNavWr .navLst { 
	position:relative;
	z-index: 1;
}
.mNavWr .navLst > li { 
	margin:0 0 23px;
	padding:0 0 25px;
	border-bottom:1px solid #E0E2E4;
}
.mNavWr .navLst > li:last-child { 
	margin:0;
	padding:0;
	border-bottom:none;
}
.mNavWr .navTit01 { 
	margin:0 0 11px;
	padding:0 0 7px;
	border-bottom:1px solid #E758F4;
	font-weight: 500;
	font-size: 16px;
	color: #E758F4;
}
.mNavWr .statLst { 
	margin:0 0 19px;
}
.mNavWr .statLst li { 
	margin:0 0 7px;
	font-weight: 500;
	font-size: 16px;
	color: #2E3337;
}
.mNavWr .statLst li:last-child { 
	margin:0;
}
.mNavWr .totalPrc { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:5px;
	margin:0 0 19px;
}
.mNavWr .totalPrc dt { 
	font-weight: 500;
	font-size: 16px;
	color: #E758F4;
}
.mNavWr .totalPrc dd { 
	font-weight: 700;
	font-size: 20px;
	color: #2E3337;
}
.mNavWr .navBtn {
	display:block; 
	width: 100%;
	border-width:1px;
	border-style:solid;
	border-radius: 8px;
	text-align: center;
}
.mNavWr .navBtn span {
	display:block;
	padding:12px 10px 9px;
	font-weight: 700;
	font-size: 15px;
}
.mNavWr .navBtn.st01 { 
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
	border-color:transparent;
	color: #FFF;
}
.mNavWr .navBtn.st02 { 
	background-image: linear-gradient(#FFF, #FFF), linear-gradient(to right, #E758F4 0%, #6382FF 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border: 1px solid transparent;
}
.mNavWr .navBtn.st02 span { 
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
    background-clip: text;
    -webkit-background-clip: text;
	color: transparent;
}
.mNavWr .navOnOff { 
	display:none;
}
.mNavWr .callBox { 
	margin:0 0 8px;
	text-align: center;
}
.mNavWr .callBox .ico { 
	margin:0 auto 11px;
	font-size: 0;
}
.mNavWr .callBox .ico img { 
	max-width: 100%; 
}
.mNavWr .callBox .txt01 { 
	font-weight: 500; 
	font-size: 16px;
	color: #2E3337;
}
.mPopBox01 {
	position:absolute; 
	width: 484px;
	max-width: 90%;
	top: 50%;
	left: 50%;
	padding:40px 30px;
	background: #FFF;
	border-radius: 20px;
	transform:translate(-50%, -50%);
}
.mPopBox01 .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	margin:0 0 30px;
}
.mPopBox01 .topBox .tit01 { 
	font-weight: 700; 
	font-size: 20px;
	color: #2E3337;
}
.mPopBox01 .topBox .tit01 span { 
	color: #E758F4; 
}
.mPopBox01 .topBox .popClose { 
	position:relative; 
	display:block; 
	width: 24px;
	height: 24px;
}
.mPopBox01 .topBox .popClose:before,
.mPopBox01 .topBox .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 22px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -11px;
	background: #424242;
	border-radius: 4px;
}
.mPopBox01 .topBox .popClose:before { 
	transform:rotate(45deg); 
}
.mPopBox01 .topBox .popClose:after { 
	transform:rotate(-45deg); 
}
.mPopBox01 .orderBox { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.mPopBox01 .orderBox .btnOrder { 
	position:relative;
	display:block;
	width: calc((100% - 12px)/2);
	padding:32px 16px 29px;
	border-radius: 8px;
	text-align: center;
}
.mPopBox01 .orderBox .btnOrder:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border:1px solid #2E3337;
	border-radius: 7px;
}
.mPopBox01 .orderBox .btnOrder span { 
	display:block;
}
.mPopBox01 .orderBox .btnOrder .btnIco { 
	margin:0 auto 16px;
	font-size: 0;
}
.mPopBox01 .orderBox .btnOrder .btnIco img { 
	max-width: 100%;
	margin:0 auto;
}
.mPopBox01 .orderBox .btnOrder .btnIco img.on {
	display:none;
}
.mPopBox01 .orderBox .btnOrder .btnTxt { 
	font-weight: 700; 
	font-size: 16px;
	color: #2E3337;
}
.mPopBox01 .orderBox .btnOrder.on { 
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%); 
}
.mPopBox01 .orderBox .btnOrder.on:before { 
	display:none;
}
.mPopBox01 .orderBox .btnOrder.on .btnIco img.off { 
	display:none;
}
.mPopBox01 .orderBox .btnOrder.on .btnIco img.on { 
	display:block;
}
.mPopBox01 .orderBox .btnOrder.on .btnTxt { 
	color: #FFF; 
}
.mPopBox02 { 
	position:absolute; 
	width: 638px;
	max-width: 90%;
	top: 50%;
	left: 50%;
	padding:40px 30px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 20px;
}
.mPopBox02 .topBox { 
	margin:0 0 30px;
	padding:19px 16px;
	background: #FEF2FF;
	border:1px solid #E758F4;
	border-radius: 10px;
	text-align: center;
}
.mPopBox02 .topBox .txt01 { 
	font-weight: 500; 
	font-size: 16px;
	color: #2E3337;
}
.mPopBox02 .topBox .accountBox { 
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:4px;
	margin:5px 0;
}
.mPopBox02 .topBox .accountNum { 
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
    background-clip: text;
    -webkit-background-clip: text;
	font-weight: 700;
    font-size: 20px;
    color: transparent;
    text-align: center;
}
.mPopBox02 .topBox .accountCopy { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:2px;
	padding:3px 4px;
	background: #FCDDFF;
	border-radius: 4px;
}
.mPopBox02 .topBox .accountCopy span { 
	display:block; 
}
.mPopBox02 .topBox .accountCopy .btnIco { 
	font-size: 0; 
}
.mPopBox02 .topBox .accountCopy .btnIco img { 
	max-width: 100%; 
}
.mPopBox02 .topBox .accountCopy .btnTxt { 
	font-weight: 500; 
	font-size: 12px;
	color: #E758F4;
}
.mPopBox02 .topBox .infoTxt01 {
	position:relative;
	display:inline-block;
	margin:15px 0 0;
	padding:6px 12px 5px 33px;
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
	border-radius: 4px;
	font-weight: 500;
	font-size: 14px;
	color: #FFF;
}
.mPopBox02 .topBox .infoTxt01:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 6px;
	left: 12px;
	background:url(/Form/_guest/basic/images/mPopInfo01.svg) no-repeat;
	background-size:cover;
}
.mPopBox02 .popTit01 { 
	margin:0 0 20px;
	padding:0 0 16px;
	border-bottom:1px solid #E758F4;
	font-weight: 700; 
	font-size: 19px;
	color: #E758F4;
}
.mPopBox02 * + .popTit01 { 
	margin-top:22px;
}
.mPopBox02 .iptBox {
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.mPopBox02 .iptBox .iptSec { 
	width: 100%; 
}
.mPopBox02 .iptBox .iptSec.stNoTit { 
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}
.mPopBox02 .iptBox .iptTit01 {
	margin:0 0 6px;
	font-weight: 500;
	font-size: 16px;
	color: #2E3337;
}
.mPopBox02 .iptBox .iptTit01 .gTxt01 { 
	font-weight: 400; 
	font-size: 13px;
	color: #8B8F93;
}
.mPopBox02 .iptBox .iptTit01 .pnt { 
	color: #DC3545;  
}
.mPopBox02 .iptBox .ipt {
	padding:10px;
	border:1px solid #E0E2E4;
	border-radius: 4px;
	font-size: 13px;
	color: #2E3337;
}
.mPopBox02 .iptBox .ipt::placeholder { 
	color: #8B8F93; 
}
.mPopBox02 .iptBox .ipt.fullWid { 
	width: 100%; 
}
.mPopBox02 .iptBox.has2 .iptSec { 
	width: calc((100% - 12px)/2); 
}
.mPopBox02 .iptBox.has3 .iptSec { 
	width: calc((100% - 24px)/3); 
}
.mPopBox02 .iptBox + .iptBox {
	margin-top:25px;
}
.mPopBox02 .rcpTypeBox {
	margin: 0 0 25px;
	padding: 20px;
	background: #F8F9FA;
	border-radius: 8px;
	border: 1px solid #DEE2E6;
}
.mPopBox02 .rcpTypeBox .rcpTit01 {
	margin:0 0 6px;
	font-weight: 500;
	font-size: 16px;
	color: #2E3337;
}
.mPopBox02 .rcpTypeBox .rcpLst01 { 
	display:flex;
	flex-wrap:wrap; 
	gap:15px;
}
.mPopBox02 .rcpTypeBox .rcpLst01 li { 
	width: calc((100% - 30px)/3); 
}
.mPopBox02 .rcpTypeBox .lstLbl {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 16px;
	background: #FFF;
	border: 2px solid #E9ECEF;
	border-radius: 8px;
	transition: all .3s ease;
}
.mPopBox02 .rcpTypeBox .lstLbl .circle {
	position: relative;
	display:block;
	width: 18px;
	height: 18px;
	border: 2px solid #DEE2E6;
	border-radius: 50%;
	transition: all .3s ease;
}
.mPopBox02 .rcpTypeBox .lstLbl input[type="radio"] {
	display: none;
}
.mPopBox02 .rcpTypeBox .lstLbl .lblTxt {
	font-weight: 500;
	font-size: 14px;
	color: #333;
}
.mPopBox02 .rcpTypeBox .lstLbl:hover {
	border-color: #E758F4;
}
.mPopBox02 .rcpTypeBox .lstLbl.active {
	border-color: #E758F4;
	background: #FEF2FF;
}
.mPopBox02 .rcpTypeBox .lstLbl.active .circle {
	border-color: #E758F4;
}
.mPopBox02 .rcpTypeBox .lstLbl.active .circle:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	left: 50%;	
	transform: translate(-50%, -50%);
	background: #E758F4;
	border-radius: 50%;
}
.mPopBox02 .noReceiptInfo {
	padding:20px;
	background: #F6F6F9;
	border-radius: 10px;
}
.mPopBox02 .noReceiptInfo .tit01 { 
	position:relative; 
	margin:0 0 10px;
	padding:0 0 0 23px;
	font-weight: 500;
	font-size: 13px;
	color: #EE6C5D;
}
.mPopBox02 .noReceiptInfo .tit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 14px;
	top: 0;
	left: 2px;
	background:url(/Form/_guest/basic/images/mPopInfo02.svg) no-repeat;
	background-size:cover;
}
.mPopBox02 .noReceiptInfo .txt01 { 
	font-size: 12px; 
	color: #8B8F93;
}
.mPopBox02 .btmBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center;
	gap:12px;
	margin:32px 0 0;
}
.mPopBox02 .btmBox .btn {
	display:block;
	min-width: 206px;
	padding:15px 10px 12px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
}
.mPopBox02 .btmBox .btn.st01 { 
	background: #F0F0F6;
	color: #8B8F93; 
}
.mPopBox02 .btmBox .btn.st02 { 
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
	color: #FFF; 
}
.mPopOrderWr .popBox {
	position:absolute; 
	width: 600px;
	max-width: 90%;
	top: 50%;
	left: 50%;
	padding:30px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 20px;
}
.mPopOrderWr .popBox .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:0 0 16px;
	padding:0 0 16px;
	border-bottom:1px solid #E0E2E4;
}
.mPopOrderWr .popBox .topBox .tit01 { 
	font-weight: 700; 
	font-size: 22px;
	color: #2E3337;
}
.mPopOrderWr .popBox .topBox .popClose { 
	flex-shrink:0;
	position:relative; 
	display:block;
	width: 16px;
	height: 16px;
	overflow: hidden;
}
.mPopOrderWr .popBox .topBox .popClose:before,
.mPopOrderWr .popBox .topBox .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 22px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -11px;
	background: #424242;
}
.mPopOrderWr .popBox .topBox .popClose:before { 
	transform:rotate(45deg); 
}
.mPopOrderWr .popBox .topBox .popClose:after { 
	transform:rotate(-45deg); 
}
.mPopOrderWr .popBox .conBox > * { 
	margin:0 0 12px;
}
.mPopOrderWr .popBox .conBox > *:last-child { 
	margin:0;
}
.mPopOrderWr .popBox .conBox .imgBox { 
	font-size: 0; 
}
.mPopOrderWr .popBox .conBox .imgBox img { 
	max-width: 100%; 
}
.mPopOrderWr .popBox .conBox .txt { 
	font-size: 16px;
	color: #575E65;
	word-break:break-all;
}
@media all and (max-width:1499px){
	.mNavWr { 
		right: 20px;
		margin:0;
	}
}
@media all and (min-width:1000px){
	.mNavWr .mbSlideBox { 
		display:block !important;
	}
}
@media all and (max-width:999px){
	.mFormWr { 
		max-width: 100%;
		padding:16px;
		border-radius: 10px;
	}
	.mFormWr .formTopBox { 
		margin:0 0 20px;
	}
	.mFormWr .formTopBox .logo a { 
		width: 120px; 
	}
	.mFormWr .formTopBox .lnk { 
		padding:8px 24px 7px;
		font-size: 13px;
	}
	.mFormWr .formTit01 { 
		margin:0 0 16px;
		font-size: 20px;
	}
	.mFormWr .formTitBox {
		margin:0 0 10px;
		padding:0 0 10px;
	}
	.mFormWr .formTitBox .btnDeleteInline {
		width: 20px;
		height: 20px;
	}
	.mFormWr .formTitBox .btnDeleteInline:before, 
	.mFormWr .formTitBox .btnDeleteInline:after { 
		width: 12px; 
		margin:-1px 0 0 -6px;
	}
	.mFormWr .formTit02 {
		font-size: 15px;
	}
	.mFormWr .formBox { 
		padding:16px;
		border-radius: 10px;
	}
	.mFormWr .formCopyBox + .formCopyBox,
	.mFormWr .formBox + .formBox { 
		margin-top:16px;
	}
	.mFormWr .iptBox { 
		gap:8px; 
	}
	.mFormWr .iptBox .iptSec.mbFullWid { 
		width: 100% !important;
	}
	.mFormWr .iptBox .iptTit01 { 
		margin:0 0 4px;
		font-size: 14px;
	}
	.mFormWr .iptBox .ipt { 
		padding:8px;
	}
	.mFormWr .iptBox.has3 .iptSec { 
		width: calc((100% - 8px)/2);
	}
	.mFormWr .iptBox + .iptBox { 
		margin-top:16px;
	}
	.mFormWr .infoTxt02 {
		margin:16px 0 0;
		padding:0 0 0 16px;
		font-size: 14px;
	}
	.mFormWr .infoTxt02:before {
		width: 12px;
		height: 12px;
		top: 2px;
	}
	.mFormWr .explanBox {
		gap:4px;
		margin:0 0 8px;
	}
	.mFormWr .explanBox .ico {
		width: 20px;
	}
	.mFormWr .explanBox .grade {
		font-size: 14px;
	}
	.mFormWr * + .explanBox { 
		margin-top:16px;
	}
	.mFormWr .boundary { 
		margin:16px 0;
	}
	.mFormWr .btnCheckFlow { 
		margin:10px 0 0;
	}
	.mFormWr .btnCheckFlow span {
		padding:8px 24px 6px;
		font-size: 13px;		 
	}
	.mFormWr .formAddBox {
		margin:16px 0;
	}
	.mFormWr .formAddBox .btnAdd {
		gap:8px;
		padding:8px 24px 7px;
	}
	.mFormWr .formAddBox .btnAdd .plus {
		width: 12px;
		height: 12px;
	}
	.mFormWr .formAddBox .btnAdd .btnTxt { 
		font-size: 13px;
	}
	.mFormWr .totalBox { 
		margin:16px 0 0;
		padding:16px 0 0;
	}
	.mFormWr .totalBox dt { 
		font-size: 15px;
	}
	.mFormWr .totalBox dd {
		font-size: 16px;
	}
	.mFormWr .totalBox dd .gTxt01 {
		font-size: 13px;
	}
	.mFormWr .totalBox .btmBox {
		margin:13px 0 0;
	}
	.mFormWr .totalBox .btmBox .btn {
		padding:10px 26px 9px;
		font-size: 13px;
	}
	.mFormWr .pdcSelLst01 {
		gap: 12px;
	}
	.mFormWr .pdcSelLst01 li { 
		width: 100%;
		padding:13px;
	}
	.mFormWr .pdcSelLst01 .lstTopBox { 
		margin:0 0 10px;
		padding:0 0 0 22px;
	}
	.mFormWr .pdcSelLst01 .icoBox .ico { 
		width: 20px; 
	}	
	.mFormWr .pdcSelLst01 .circle { 
		width: 16px; 
		height: 16px;
		top: 6px;
	}
	.mFormWr .pdcSelLst01 .grade {
		font-size: 14px; 
	}
	.mFormWr .pdcSelLst01 .recom { 
		padding:4px 10px 1px;
		font-size: 13px;
	}
	.mFormWr .pdcSelLst01 .lstTxt01 { 
		font-size: 13px; 
	}
	.mFormWr .pdcSelLst01 .lstTxt01 br { 
		display:none;
	}
	.mFormWr .pdcSelLst01 .lstTxt01:before { 
		top: 7px; 
	}
	.mFormWr .pdcSelLst01 li.selected .circle:after { 
		width: 8px; 
		height: 8px;
	}
	.mFormWr .snsLst01 {
		gap:10px;
	}
	.mFormWr .snsLst01 li {
		width: calc((100% - 30px)/4);
	}
	.mFormWr .snsLst01 .btnSns .btnIco {
		width: 60px;
		height: 60px;
		margin:0 auto 2px;
		border-radius: 10px;
	}
	.mFormWr .snsLst01 .btnSns .btnIco img { 
		width: 40px;
	}
	.mFormWr .snsLst01 .btnSns .btnTxt {
		font-size: 13px;
	}
	.mFormWr .snsLst01 .btnSns.on .btnIco:before {
		border-radius: 9px;
	}
	.mFormWr .orderFormBox { 
		margin:24px 0 0;
	}
	.mFormWr .langSelBtnBox .langSelBtn {
		padding:10px 10px 9px;
		border-radius: 5px 5px 0 0;
		font-size: 14px;
	}
	.mFormWr .langSelLst01 {
		margin:0 0 16px;
		padding:16px;
	}
	.mFormWr .langSelLst01 .chkLbl {
		padding:13px 13px 13px 36px;
		border-radius: 5px;
	}
	.mFormWr .langSelLst01 .chkLbl .circle { 
		width: 16px;
		height: 16px;
		top: 16px;
		left: 13px;
	}
	.mFormWr .langSelLst01 .chkLbl .lblTxt {
		font-size: 14px;
	}
	.mFormWr .langSelLst01 .chkIpt:checked + .chkLbl:before {
		border-radius: 4px;
	}
	.mFormWr .langSelLst01 .chkIpt:checked + .chkLbl .circle:before { 
		width: 14px; 
		height: 14px;
	}
	.mFormWr .langSelLst01 .chkIpt:checked + .chkLbl .circle:after { 
		width: 8px; 
		height: 8px;
	}
	.mFormWr .langPdcInfoBox .pdcTit01 { 
		margin:0 0 4px;
	}
	.mFormWr .langPdcInfoBox .pdcTit01 .num {
		top: 0;
	}
	.mFormWr .langPdcInfoBox .pdcTit01 .titTxt01 {
		font-size: 14px;
	}
	.mFormWr .langPdcInfoBox * + .pdcTit01 { 
		margin-top:16px;
	}
	.mFormWr .langPdcInfoBox .ipt { 
		padding:9px 9px 7px;
	}
	.mFormWr .langPdcInfoBox select.ipt { 
		padding:9px 24px 9px 9px;
		background-size:16px auto;
		background-position:right 8px center; 
	}
	.mFormWr .langPdcInfoBox .infoBox {
		padding:10px;
	}
	.mFormWr .langPdcInfoBox .infoBox p + p { 
		margin-top:10px;
	}
	.mFormWr .langPdcInfoBox .pdcInfoTxt01 { 
		margin:8px 0 0;
	}
	.mFormWr .orderTit01 {
		margin:0 0 10px;
		font-size: 16px;
	}
	.mFormWr .orderLst01 li { 
		margin:0 0 8px;
	}
	.mFormWr .orderLst01 .orderPopOn {
		padding:13px 30px 10px 13px;
		border-radius: 5px;
		font-size: 14px;
	}
	.mFormWr .orderLst01 .orderPopOn:after {
		width: 6px;
		height: 6px;
		right: 16px;
		margin:-2px 0 0;
	}
	.mNavWr {
		width: auto;
		top: auto;
		bottom: 136px;
		padding:0;
		background: none;
		border-radius: 0
	}
	.mNavWr:before { 
		display:none; 
	}
	.mNavWr .navLst > li { 
		margin:0 0 8px;
		padding:0;
		border-bottom:none;
	}
	.mNavWr .mbSlideBox {
		position:absolute;
		display:none;
		width: 230px;
		top: 0;
		right: 64px;
		padding:20px;
		background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
		border-radius: 20px;
	}
	.mNavWr .mbSlideBox:before { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		inset:1px;
		background: #FFF;
		border-radius: 19px;
	}
	.mNavWr .mbSlideBox * { 
		position:relative; 
		z-index: 1;
	}
	.mNavWr .navTit01 { 
		padding:0 0 6px;
		font-size: 13px;
	}
	.mNavWr .statLst { 
		margin:0 0 8px;
	}
	.mNavWr .statLst li { 
		margin:0 0 4px;
		font-size: 13px;
	}
	.mNavWr .totalPrc { 
		margin:0 0 8px;
	}
	.mNavWr .totalPrc dt { 
		font-size: 13px; 
	}
	.mNavWr .totalPrc dd { 
		font-size: 16px; 
	}
	.mNavWr .navBtn { 
		font-size: 14px; 
	}
	.mNavWr .navBtn.st02 {
		width: 48px;
		height: 48px;
		padding:0;
		background:#FBEBFF url(/Form/_guest/basic/images/mNavCall02.svg) no-repeat center center;
		border:none;
		border-radius: 50%;
		font-size: 0; 
	}
	.mNavWr .navBtn.st02 span { 
		display:none;
	}
	.mNavWr .navOnOff {
		position:relative;
		display:block;
		width: 48px;
		height: 48px;
		background: #FFF;
		border-radius: 50%;
		box-shadow:2px 4px 15px 0 rgba(69,67,118,.1);
	}
	.mNavWr .navOnOff span { 
		position:absolute; 
		display:block; 
		width: 18px;
		height: 18px;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin:auto;
		transition:all .3s ease;
	}
	.mNavWr .navOnOff span:before,
	.mNavWr .navOnOff span:after { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		background: #2E3337;
		border-radius: 4px;
	}
	.mNavWr .navOnOff span:before { 
		width: 100%;
		height: 2px;
		top: 50%;
		left: 0;
		margin:-1px 0 0;
	}
	.mNavWr .navOnOff span:after { 
		width: 2px;
		height: 100%;
		top: 0;
		left: 50%;
		margin:0 0 0 -1px;
	}
	.mNavWr .navOnOff.on span { 
		transform:rotate(45deg);
	}
	.mNavWr .callBox { 
		display:none;
	}
	.mPopBox01 {
		padding:24px;
		border-radius: 10px;
	}
	.mPopBox01 .topBox { 
		margin:0 0 16px;
	}
	.mPopBox01 .topBox .tit01 {
		font-size: 16px;
	}
	.mPopBox01 .topBox .popClose { 
		width: 20px;
		height: 20px;
	}
	.mPopBox01 .topBox .popClose:before,
	.mPopBox01 .topBox .popClose:after {
		width: 18px;
		margin:-1px 0 0 -9px;
	}
	.mPopBox01 .orderBox { 
		gap:8px;
	}
	.mPopBox01 .orderBox .btnOrder { 
		width: calc((100% - 8px)/2);
		padding:16px 16px 14px;
	}
	.mPopBox01 .orderBox .btnOrder .btnIco { 
		width: 40px;
		margin:0 auto 10px;
	}
	.mPopBox01 .orderBox .btnOrder .btnTxt { 
		font-size: 14px;
	}
	.mPopBox02 {
		padding:24px;
		border-radius: 10px;
	}
	.mPopBox02 .topBox { 
		margin:0 0 16px;
		padding:16px 10px;
		border-radius: 5px;
	}
	.mPopBox02 .topBox .txt01 {
		font-size: 14px;
	}
	.mPopBox02 .topBox .accountBox {
		gap:2px;
		margin:3px 0;
	}
	.mPopBox02 .topBox .accountNum {
		font-size: 16px;
	}
	.mPopBox02 .topBox .accountCopy {
		padding:2px 3px;
	}
	.mPopBox02 .topBox .accountCopy .btnIco { 
		width: 14px;
	}
	.mPopBox02 .topBox .infoTxt01 {
		margin:10px 0 0;
		padding:6px 10px 5px;
		font-size: 13px;
	}
	.mPopBox02 .topBox .infoTxt01:before {
		display:none;
	}
	.mPopBox02 .popTit01 { 
		margin:0 0 10px;
		padding:0 0 6px;
		font-size: 16px;
	}
	.mPopBox02 * + .popTit01 { 
		margin-top:10px;
	}
	.mPopBox02 .iptBox .iptTit01 { 
		margin:0 0 4px;
		font-size: 14px;
	}
	.mPopBox02 .iptBox { 
		gap:8px; 
	}
	.mPopBox02 .iptBox .ipt { 
		padding:8px;
	}
	.mPopBox02 .iptBox.has3 .iptSec {
		width: calc((100% - 8px)/2);
	}
	.mPopBox02 .iptBox + .iptBox { 
		margin-top:10px;
	}	
	.mPopBox02 .rcpTypeBox {
		margin: 0 0 10px;
		padding: 10px;
		border-radius: 5px;
	}
	.mPopBox02 .rcpTypeBox .rcpTit01 {
		margin:0 0 4px;
		font-size: 14px;
	}
	.mPopBox02 .rcpTypeBox .rcpLst01 {
		gap:8px;
	}
	.mPopBox02 .rcpTypeBox .rcpLst01 li { 
		width: 100%; 
	}
	.mPopBox02 .rcpTypeBox .lstLbl {
		gap: 5px;
		padding: 10px 13px;
		border-radius: 5px;
	}
	.mPopBox02 .rcpTypeBox .lstLbl .circle {
		width: 16px;
		height: 16px;
	}
	.mPopBox02 .rcpTypeBox .lstLbl .lblTxt {
		font-size: 13px;
	}
	.mPopBox02 .rcpTypeBox .lstLbl.active {
		border-color: #E758F4;
		background: #fef2ff;
	}
	.mPopBox02 .rcpTypeBox .lstLbl.active .circle {
		border-color: #E758F4;
	}
	.mPopBox02 .rcpTypeBox .lstLbl.active .circle:after {
		width: 6px;
		height: 6px;
	}
	.mPopBox02 .noReceiptInfo {
		padding:10px;
		border-radius: 5px;
	}
	.mPopBox02 .noReceiptInfo .tit01 { 
		margin:0 0 6px;
	}
	.mPopBox02 .btmBox {
		gap:8px;
		margin:24px 0 0;
	}
	.mPopBox02 .btmBox .btn {
		min-width: 120px;
		padding:10px 10px 9px;
		font-size: 13px;
	}
	.mPopOrderWr .popBox {
		padding:16px;
		border-radius: 10px;
	}
	.mPopOrderWr .popBox .topBox {
		margin:0 0 10px;
		padding:0 0 10px;
	}
	.mPopOrderWr .popBox .topBox .tit01 { 
		font-size: 16px;
	}
	.mPopOrderWr .popBox .topBox .popClose {
		width: 14px;
		height: 14px;
	}
	.mPopOrderWr .popBox .conBox > * { 
		margin:0 0 8px;
	}
	.mPopOrderWr .popBox .conBox .txt { 
		font-size: 14px;
	}
}
@media all and (max-width:599px){
	.mFormWr .snsLst01 li { 
		width: calc((100% - 20px)/3);
	}
	.mFormWr .langSelLst01 li,
	.mPopBox02 .iptBox.has2 .iptSec,
	.mPopBox02 .iptBox.has3 .iptSec {
		width: 100%; 
	}
	.mPopBox02 .btmBox .btn { 
		width: calc((100% - 8px)/2);
		min-width: 0; 
	}
}
/* 메인 끝
------------------------------------------------------ */
/* 접수 내역 시작
------------------------------------------------------ */
.applyLstWr {
	padding:48px;
	background: #FFF;
	border-radius: 20px;
}
.applyLstWr .applyTopBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	margin:0 0 27px;	 
}
.applyLstWr .applyTopBox .lnk { 
	display:block;
	padding:11px 40px 9px;
	background:linear-gradient(to right, #E758F4, #6382FF);
	border-radius: 8px;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	color: #FFF;
}
.applyLstWr .hLogo {
	display:inline-block;
}
.applyLstWr .hLogo a {
	display:inline-block;
	font-size: 0;
}
.applyLstWr .hLogo a img { 
	max-width: 100%; 
}
.applyLstWr .alTit01 { 
    margin: 0 0 35px;
    background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
    background-clip: text;
    -webkit-background-clip: text;
	font-weight: 700;
    font-size: 32px;
    color: transparent;
    text-align: center;	
}
.applyLstWr .schBox {
	margin:0 0 40px;
	padding:20px;
	border:1px solid #E0E2E4;
	border-radius: 10px;
}
.applyLstWr .schForm { 
	display:flex;
	gap:12px;
}
.applyLstWr .schForm .ipt {
	padding:10px 12px;
	border:1px solid #E0E2E4;
	border-radius: 8px;
	font-size: 14px;
	color: #2E3337;
}
.applyLstWr .schForm .ipt::placeholder {
	color: #8B8F93;
}
.applyLstWr .schForm .ipt:not(select) { 
	flex-grow:1; 
}
.applyLstWr .schForm select.ipt { 
	flex-shrink:0;
	width: 160px;
	padding-right:35px;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/comSel01.svg);
	background-repeat:no-repeat;
	background-position:right 12px center;
}
.applyLstWr .schForm .ipt.hasClr { 
	border-color:transparent;
	background:linear-gradient(#FFF, #FFF) padding-box, linear-gradient(262deg, #6382FF 0%, #E758F4 100%) border-box;
}
.applyLstWr .schForm .btn {
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center;
	padding:11px 20px;
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
	border-radius: 8px;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	color: #FFF;
}
.applyLstWr .schForm.stOff { 
	display:none;
}
.applyLstWr .schForm + .schForm { 
	margin-top:12px;
}
.applyLstWr .noData01 { 
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: #6C757D;
}
.applyLstWr .schTopTxt01 { 
	position:relative;
	margin:0 0 16px;
	padding:14px 14px 11px 39px;
	background: #D1ECF1;
	border:1px solid #BEE5EB;
	border-radius: 8px;
	font-weight: 500;
	font-size: 16px;
	color: #0C5460;
}
.applyLstWr .schTopTxt01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 14px;
	left: 15px;
	background:url(/Form/_guest/basic/images/applyLstSchTop01.png) no-repeat;
	background-size:cover;
}
.applyLstWr .schResultBox { 
	margin:0 0 40px;
	padding:18px 15px 15px;
	background: #F8F9FA;
	border:1px solid #DEE2E6;
	border-radius: 8px;
}
.applyLstWr .schResultBox .txt01 { 
	position:relative;
	margin:0 0 17px;
	padding:0 0 0 24px;
	font-weight: 700;
	font-size: 16px;
	color: #495057;
}
.applyLstWr .schResultBox .txt01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 2px;
	left: 0;
	background:url(/Form/_guest/basic/images/applyLstSchResult01.png) no-repeat;
	background-size:cover;
}
.applyLstWr .schResultBox .txt02 { 
	font-weight: 300; 
	font-size: 14px;
	color: #6C757D;
}
.applyLstWr .schResultBox .txt02 span { 
	font-weight: 700;
	font-size: 16px;
	color: #E758F4;
}
.applyLstWr .schTblBox01 { 
	overflow-x:auto; 
}
.applyLstWr .schTblBox01 table { 
	min-width: 1700px;
	text-align: left;
}
.applyLstWr .schTblBox01 thead { 
	background: #F8F9FA;
	border-bottom:1px solid #8B8F93;
}
.applyLstWr .schTblBox01 thead th { 
	padding:9px 10px 7px;
	font-weight: 600;
	font-size: 11px;
	color: #2E3337;
}
.applyLstWr .schTblBox01 tbody { 
	background: #FFF0F6; 
}
.applyLstWr .schTblBox01 tbody tr { 
	border-bottom:1px solid #E39BB8;
}
.applyLstWr .schTblBox01 tbody tr:last-child { 
	border-bottom:none;
}
.applyLstWr .schTblBox01 tbody td { 
	padding:10px;
	font-weight: 300;
	font-size: 12px;
	color: #2E3337;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.applyLstWr .schTblBox01 tbody td .boldTxt01 { 
	font-weight: 600; 
}
.applyLstWr .schTblBox01 tbody td .boldTxt02 { 
	font-weight: 700; 
}
.applyLstWr .schTblBox01 tbody td .clrTxt01 { 
	color: #548FCC;
}
.applyLstWr .schTblBox01 tbody td .clrTxt02 { 
	color: #5AC479;
}
.applyLstWr .schTblBox01 tbody td .stat { 
	display:inline-block;
	padding:9px 15px 8px;
	background: #F8D7DA;
	border-radius: 4px;
	font-weight: 600;
	font-size: 11px;
	text-align: center;
	color: #EE6C5D;
}
.applyLstWr .schTblBox01 tbody td .btn { 
	display:inline-block;
	padding:9px 14px 8px;
	background: linear-gradient(262deg, #6382FF 0%, #E758F4 100%);
	border-radius: 4px;
	font-weight: 600;
	font-size: 11px;
	text-align: center;
	color: #FFF;
}
.applyLstWr .schCateBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:0 0 40px;
	padding:16px;
	background: #F6F6F9;
}
.applyLstWr .schCateBox01 .btnSchCate { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:5px;
	padding:7px 16px;
	background: #FFF;
	border:1px solid #E0E2E4;
	border-radius: 100px;
}
.applyLstWr .schCateBox01 .btnSchCate span { 
	display:block; 
}
.applyLstWr .schCateBox01 .btnSchCate .btnIco { 
	font-size: 0; 
}
.applyLstWr .schCateBox01 .btnSchCate .btnIco img { 
	max-width: 100%; 
}
.applyLstWr .schCateBox01 .btnSchCate .btnTxt { 
	font-size: 14px; 
	letter-spacing: -.03em;
	color: #2E3337;
}
.applyLstWr .schCateBox01 .btnSchCate .btnNum { 
	font-weight: 700;
	font-size: 14px;
	color: #2E3337;
	letter-spacing: -.03em;
}
.applyLstWr .schCateBox01 .btnSchCate.on { 
	background: linear-gradient(to right, #E758F4, #6382FF);
	border-color:transparent;
}
.applyLstWr .schCateBox01 .btnSchCate.on .btnTxt,
.applyLstWr .schCateBox01 .btnSchCate.on .btnNum { 
	color: #FFF; 
}
/* Validation 관련 스타일 */
.error {
    border-color: #dc3545 !important;
    background-color: #fff5f5;
}
.error-msg {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #dc3545;
    font-weight: 400;
}
.success {
    border-color: #28a745 !important;
}
/* 상품 선택 관련 스타일 */
.product-selection {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}
.product-option {
    flex: 1;
    padding: 15px;
    border: 2px solid #E0E2E4;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #fff;
}
.product-option:hover {
    border-color: #E758F4;
}
.product-option.selected {
    border-color: #E758F4;
    background: #FEF2FF;
}
.product-option .option-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}
.product-option input[type="radio"] {
    display: none;
}
.custom-radio {
    width: 20px;
    height: 20px;
    border: 2px solid #E0E2E4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.product-option.selected .custom-radio {
    border-color: #E758F4;
}
.product-option.selected .custom-radio::after {
    content: '';
    width: 10px;
    height: 10px;
    background: #E758F4;
    border-radius: 50%;
}
/* 날짜 입력 필드 스타일 */
input[type="date"] {
    position: relative;
}
/* 로딩 상태 */
.loading {
    opacity: 0.6;
    pointer-events: none;
}
/* 툴팁 스타일 */
.tooltip {
    position: relative;
    display: inline-block;
    margin-left: 4px;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -100px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/* 모바일 대응 */
@media all and (max-width: 999px) {
    .product-selection {
        flex-direction: column;
        gap: 12px;
    }
	.applyLstWr { 
		padding:16px;
	}
	.applyLstWr .applyTopBox { 
		margin:0 0 20px;
	}
	.applyLstWr .applyTopBox .lnk {
		padding:8px 16px 7px;
		font-size: 13px;
	}
	.applyLstWr .hLogo a { 
		width: 120px; 
	}
	.applyLstWr .alTit01 { 
		margin: 0 0 24px;
		font-size: 20px;
	}
	.applyLstWr .schBox {
		margin:0 0 16px;
		padding:16px;
		border-radius: 5px;
	}
	.applyLstWr .schForm {
		gap:8px;
	}
	.applyLstWr .schForm .ipt {
		padding:8px;
		border-radius: 5px;
		font-size: 13px;
	}
	.applyLstWr .schForm select.ipt { 
		width: 140px;
		padding-right:24px;
		background-size:19px auto;
		background-position:right 4px center;
	}
	.applyLstWr .schForm .btn {
		padding:8px 16px 7px;
		border-radius: 5px;
		font-size: 13px;
	}
	.applyLstWr .schForm.stOff { 
		display:none;
	}
	.applyLstWr .schForm + .schForm { 
		margin-top:8px;
	}
	.applyLstWr .noData01 { 
		font-size: 14px;
	}
	.applyLstWr .noData01 br { 
		display:none;
	}
	.applyLstWr .schTopTxt01 {
		margin:0 0 10px;
		padding:10px 10px 9px 26px;
		border-radius: 5px;
		font-size: 14px;
	}
	.applyLstWr .schTopTxt01:before {
		width: 12px;
		height: 12px;
		top: 12px;
		left: 10px;
	}
	.applyLstWr .schResultBox { 
		margin:0 0 24px;
		padding:10px 10px 9px;
		border-radius: 5px;
	}
	.applyLstWr .schResultBox .txt01 {
		margin:0 0 5px;
		padding:0 0 0 20px;
		font-size: 14px;
		color: #495057;
	}
	.applyLstWr .schResultBox .txt01:before {
		width: 14px;
		height: 14px;
		top: 0;
	}
	.applyLstWr .schResultBox .txt02 {
		font-size: 13px;
	}
	.applyLstWr .schResultBox .txt02 span {
		font-size: 14px;
	}
	.applyLstWr .schCateBox01 {
		margin:0 0 16px;
		padding:10px;
	}
	.applyLstWr .schCateBox01 .btnSchCate { 
		padding:5px 13px;
	}
	.applyLstWr .schCateBox01 .btnSchCate .btnIco { 
		width: 20px;
	}
	.applyLstWr .schCateBox01 .btnSchCate .btnTxt,
	.applyLstWr .schCateBox01 .btnSchCate .btnNum {
		font-size: 13px;
	}
}
@media all and (max-width:599px){
	.applyLstWr .schForm { 
		flex-wrap:wrap;
	}
	.applyLstWr .schForm .ipt,
	.applyLstWr .schForm select.ipt,
	.applyLstWr .schForm .btn { 
		width: 100%; 
	}
}
/* 접수 내역 끝
------------------------------------------------------ */