@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
	font-family: EliceDigitalBaeum;
	src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_elice@1.0/EliceDigitalBaeum.woff2) format(woff2);
	font-weight: normal;
	font-display: swap;
}
@font-face {
	font-family: EliceDigitalBaeum-Bd;
	src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_elice@1.0/EliceDigitalBaeum-Bd.woff2) format(woff2);
	font-weight: 700;
	font-display: swap;
}
@font-face {
    font-family: Mbc1961;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-01@1.0/MBC1961M.woff2) format(woff2);
    font-weight: normal;
    font-display: swap;
}


* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
	line-height:1.3;
	word-break:keep-all;
}
html, body {
	width: 100%;
	font-family: "Noto Sans KR", sans-serif;
	letter-spacing:-.3px;
}
html.onFixed { 
	width: 100%; 
	height: 100%;
	overflow: hidden;
}
body {
	height: auto;
	min-height: 100vh;
	background: #F5F9FF;
}
a { 
	text-decoration:none; 	
}
li { 
	list-style:none; 
}
label, button, a, select, textarea, input { 
	font-family: "Noto Sans KR", sans-serif;
	letter-spacing:-.3px;
}
input, button, select, textarea { 
	background:transparent;
	border:none;
}
label, button, a { 
	cursor:pointer;
}
input { 
	min-width: 0;
}
textarea { 
	resize:none; 
}
table { 
	width: 100%;
	table-layout:fixed;
	border-spacing:0;
	border-collapse:collapse;
}
table *:not(th) {
	word-break:break-all; 
}

.wrapper { 
	display:flex;
	gap:40px;
	max-width: 1088px;
	margin:0 auto;
}
.gbMyCarBg {
	flex-grow:1;
	position:sticky;
	display:flex;
	align-items:center;
	justify-content:center;
	height: 100vh;
	top: 0;
	font-size: 0;
}
.gbMyCarBg img { 
	max-width: 100%; 
}
.gbMyCarContent {
	flex-shrink:0;
	position:relative;
	width: 380px;
	background: #F5F5F5;
}
.gap01 { 
	height: 39px;
	background: #010C8F;
}
.gap02 { 
	height:2px;
	background: #010C8F;
}
.comBtmBox01 {
	position:fixed; 
	width: 380px;
	bottom: -80px;
	right: 50%;
	margin:0 -544px 0 0;
	padding:16px;
	background: #FFF;
	border-radius: 15px 15px 0 0;
	box-shadow:0 -6px 8px 0 rgba(179,179,179,.25);
	transition:bottom .3s ease;
	z-index: 5;
}
.comBtmBox01 .btn {
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:12px;
	width: 100%;
	padding:13px 13px 14px;
	background: #0D47A1;
	border-radius: 10px;
}
.comBtmBox01 .btn span { 
	display:block;
}
.comBtmBox01 .btn .btnTxt { 
	font-weight: 700; 
	font-size: 16px;
	letter-spacing: -.01em;
	color: #FFF;
}
.comBtmBox01 .btn .btnIco { 
	width: 16px;
	font-size: 0; 
}
.comBtmBox01 .btn .btnIco img { 
	max-width: 100%; 
}
.comBtmBox01.on { 
	bottom: 0; 
}
.comPopBg { 
	position:fixed;
	display:none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(33,33,33,.8);
	z-index: 10;
}
.comPopBox01 {
	position:fixed; 
	width: 380px;
	bottom: -100%;
	right: 50%;
	margin:0 -544px 0 0;
	padding:21px 16px 24px;
	background: #FFF;
	border-radius: 15px 15px 0 0;
	box-shadow:0 -6px 8px 0 rgba(179,179,179,.25);
	transition:bottom .3s ease;	 
}
.comPopBox01 .topBox { 
	position:relative;
	margin:0 0 21px;
	padding:0 24px;
	text-align: center; 
}
.comPopBox01 .topBox .tit01 { 
	font-weight: 700; 
	font-size: 18px;
	color: #212121;
}
.comPopBox01 .topBox .popOff { 
	position:absolute;
	display:block;
	width: 24px;
	height: 24px;
	top: 0;
	right: 0;
}
.comPopBox01 .topBox .popOff:before,
.comPopBox01 .topBox .popOff:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -9px;
	background: #666;
	border-radius: 4px;
}
.comPopBox01 .topBox .popOff:before { 
	transform:rotate(45deg);
}
.comPopBox01 .topBox .popOff:after { 
	transform:rotate(-45deg);
}
.comPopBox01 .scrollBox { 
	max-height: 640px;
	overflow-y: auto;
	scrollbar-width:thin;
}
.comPopBox01 .chkBox01 { 
	padding:15px;
	background: #F5F9FF;
	border:1px solid #F0F5FD;
	border-radius: 10px;
}
.comPopBox01 .chkBox01 .chkTit01 { 
	position:relative;
	margin:0 0 11px;
	padding:0 0 0 27px;
	font-weight: 700;
	font-size: 15px;
	color: #424242;
}
.comPopBox01 .chkBox01 .chkTit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 0;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.comPopBox01 .chkBox01 .chkTit01.stCar:before { 
	background-image: url(/Form/_guest/basic/images/comPopChkTit01_car01.svg);
}
.comPopBox01 .chkBox01 .chkTit01.stSell:before { 
	background-image: url(/Form/_guest/basic/images/comPopChkTit01_sell01.svg);
}
.comPopBox01 .chkLst01 li { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:space-between;
	margin:0 0 12px;
	padding:14px;
	background: #FFF;
	border:1px solid #EDEDED;
	border-radius: 10px;
}
.comPopBox01 .chkLst01 li:last-child { 
	margin:0;
}
.comPopBox01 .chkLst01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.comPopBox01 .chkLst01 .chkLbl { 
	position:relative; 
	display:block;
	min-height: 20px;
	padding:0 0 0 28px;
	font-size: 15px;
	color: #424242;
}
.comPopBox01 .chkLst01 .chkLbl .circle { 
	position:absolute; 
	display:block;
	width: 16px;
	height: 16px;
	top: 2px;
	left: 0;
	border:2px solid #CDCDCD;
	border-radius: 50%;
}
.comPopBox01 .chkLst01 .chkIpt:checked + .chkLbl { 
	font-weight: 500;
	color: #0D47A1;
}
.comPopBox01 .chkLst01 .chkIpt:checked + .chkLbl .circle { 
	border-color:#0D47A1;
}
.comPopBox01 .chkLst01 .chkIpt:checked + .chkLbl .circle:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: #0D47A1;
	border-radius: 50%;
}
.comPopBox01 .chkLst01 .chkDate01 { 
	font-size: 14px; 
	color: #999;
}
.comPopBox01 .chkLst02 { 
	padding:0 15px;
}
.comPopBox01 .chkLst02 li { 
	position:relative; 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 17px;
}
.comPopBox01 .chkLst02 li:last-child { 
	margin:0;
}
.comPopBox01 .chkLst02 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.comPopBox01 .chkLst02 .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 32px;
	font-weight: 500;
	font-size: 14px;
	color: #797979;
}
.comPopBox01 .chkLst02 .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 0;
	left: 0;
	background:#DBDBDB url(/Form/_guest/basic/images/comChk01.svg) no-repeat center center;
	border-radius: 3px;
}
.comPopBox01 .chkLst02 .chkLbl .pnt01 { 
	color: #FF5B5B; 
}
.comPopBox01 .chkLst02 .chkIpt:checked + .chkLbl { 
	color: #212121; 
}
.comPopBox01 .chkLst02 .chkIpt:checked + .chkLbl:before { 
	background-color: #0D47A1; 
}
.comPopBox01 .chkBox01 .chkLst02 { 
	padding:0;
}
.comPopBox01 .chkBox01 .chkLst02 .chkLbl { 
	font-size: 15px;
}
.comPopBox01 .chkBox01 + .chkLst02 { 
	margin-top:15px;
}
.comPopBox01 .iptTit01 { 
	display:block;
	margin:0 0 5px;
	font-weight: 500;
	font-size: 14px;
	color: #6C7278;
}
.comPopBox01 * + .iptTit01 { 
	margin-top:22px;
}
.comPopBox01 .ipt { 
	display:block;
	padding:13px 13px 12px;
	background: #FFF;
	border:1px solid #EDF1F3;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(228,229,231,.24);
	font-size: 15px;
	color: #424242;
}
.comPopBox01 .ipt::placeholder { 
	color: #999; 
}
.comPopBox01 .ipt.fullWid { 
	width: 100%; 
}
.comPopBox01 * + .ipt { 
	margin-top:8px;
}
.comPopBox01 .iptBtnBox01 { 
	display:flex;
	gap:9px;
}
.comPopBox01 .iptBtnBox01 .ipt { 
	flex-grow:1; 
}
.comPopBox01 .iptBtnBox01 .btn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:13px;
	padding:13px 11px 11px;
	border-width:1px;
	border-style:solid;
	box-shadow:0 1px 2px 0 rgba(228,229,231,.24);
}
.comPopBox01 .iptBtnBox01 .btn:after {
	content:"";
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	transform:rotate(45deg);
}
.comPopBox01 .iptBtnBox01 .btn .btnTxt { 
	display:block;
	font-weight: 500;
	font-size: 15px;
}
.comPopBox01 .iptBtnBox01 .btn.st01 { 
	background: #FFF;
	border-color:#EDF1F3;
}
.comPopBox01 .iptBtnBox01 .btn.st01 .btnTxt { 
	color: #0D47A1; 
}
.comPopBox01 .iptBtnBox01 .btn.st01:after { 
	border-top:2px solid #0D47A1;
	border-right:2px solid #0D47A1;
}
.comPopBox01 .iptBtnBox01 .btn.fullWid { 
	width: 100%;
}
.comPopBox01 .iptBtnBox02 {
	display:flex;
	align-items:center;
	gap:8px;
	padding: 13px 13px 12px;
    background: #FFF;
    border: 1px solid #EDF1F3;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 rgba(228, 229, 231, .24);
}
.comPopBox01 .iptBtnBox02 .ipt { 
	flex-grow:1;
	padding:0;
	border:none;
	border-radius: 0;
	box-shadow:none;
}
.comPopBox01 .iptBtnBox02 .btn { 
	flex-shrink:0;
	display:block;
	font-weight: 500;
	font-size: 13px;
}
.comPopBox01 .iptBtnBox02 .btn.st01 { 
	color: #0D47A1; 
}
.comPopBox01 .iptBtnBox03 { 
	position:relative; 
	display:flex;
	gap:8px;
}
.comPopBox01 .iptBtnBox03 .ipt { 
	flex-grow:1; 
}
.comPopBox01 .iptBtnBox03 .btn { 
	flex-shrink:0;
	display:block;
	min-width: 90px;
	padding:13px 18px;
	border-width:1px;
	border-style:solid;
	border-radius: 10px;
	font-size: 14px;
	text-align: center;
	letter-spacing: -.03em;
}
.comPopBox01 .iptBtnBox03 .btn.st01 {
	background: #0D47A1;
	border-color:#0D47A1;
	color: #FFF;
}
.comPopBox01 .btn.fullWid {
	width: 100%;
}
.comPopBox01 #verifiedNameBox {
	margin-top: 16px;
}
.comPopBox01 .cateBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.comPopBox01 .cateBox01 .btnCate { 
	display:block; 
	width: calc((100% - 10px)/2);
	padding:10px 10px 9px;
	border:1px solid #0D47A1;
	border-radius: 10px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.01em;
	text-align: center;
	color: #0D47A1;
}
.comPopBox01 .cateBox01 .btnCate.on {
	background: #0D47A1;
	color: #FFF;
}
.comPopBox01 .chkBox01 {
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.comPopBox01 .chkBox01 .chkLabel {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	width: calc((100% - 10px)/2);
	padding:10px 10px 9px;
	border:1px solid #0D47A1;
	border-radius: 10px;
	font-size:15px;
	color: #0D47A1;
	text-align:center;
	cursor:pointer;
	transition: all 0.2s ease;
}
.comPopBox01 .chkBox01 .chkLabel input[type="checkbox"] {
	display:none;
}
.comPopBox01 .chkBox01 .chkLabel:has(input:checked),
.comPopBox01 .chkBox01 .chkLabel.on {
	background: #0D47A1;
	color: #FFF;
}
.comPopBox01 .fileBox01 { 
	position:relative; 
	display:flex;
	gap:8px;
}
.comPopBox01 .fileBox01 .ipt { 
	flex-grow:1; 
}
.comPopBox01 .fileBox01 .fileIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.comPopBox01 .fileBox01 .fileLbl { 
	flex-shrink:0;
	display:block;
	min-width: 90px;
	padding:14px 18px;
	background: #0D47A1;
	border-radius: 10px;
	font-size: 14px;
	text-align: center;
	letter-spacing: -.03em;
	color: #FFF;
}
.comPopBox01 .fileBox01 + .fileBox01 { 
	margin-top:8px;
}
.comPopBox01 .infoTxt01 { 
	position:relative;
	margin:24px 0 0;
	padding:14px 14px 15px 45px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 15px;
	color: #424242;
}
.comPopBox01 .infoTxt01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 15px;
	height: 15px;
	top: 17px;
	left: 17px;
	background:url(/Form/_guest/basic/images/comPopInfo01.svg) no-repeat;
	background-size:cover;
}
.comPopBox01 .infoBox01 { 
	padding:14px 17px 13px;
	background: #EFF5FF;
	border-radius: 10px;
}
.comPopBox01 .infoBox01 dl { 
	display:flex;
	gap:10px;
	margin:0 0 12px;
	font-weight: 500;
	font-size: 14px;
}
.comPopBox01 .infoBox01 dl:last-child { 
	margin:0;
}
.comPopBox01 .infoBox01 dt { 
	flex-shrink:0;
	width: 80px;
	color: #808EA4;
}
.comPopBox01 .infoBox01 dd { 
	color: #424242;
	word-break:break-all;
}
.comPopBox01 .lnkLst01 li { 
	margin:0 0 15px;
	padding:0 0 14px;
	border-bottom:1px solid #F0F0F0;
}
.comPopBox01 .lnkLst01 li:last-child { 
	margin:0;
}
.comPopBox01 .lnkLst01 .lnk01 { 
	position:relative;
	display:block;
	padding:0 20px 0 0;
}
.comPopBox01 .lnkLst01 .lnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 19px;
	right: 7px;
	transform:rotate(45deg);
	border-top:2px solid #797979;
	border-right:2px solid #797979;
}
.comPopBox01 .lnkLst01 .lnk01 span { 
	display:block;
}
.comPopBox01 .lnkLst01 .lnk01 .lnkTit01 { 
	margin:0 0 13px;
	font-weight: 500;
	font-size: 15px;
	color: #424242;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.comPopBox01 .lnkLst01 .lnk01 .lnkDate01 { 
	font-size: 13px;
	color: #999;
}
.comPopBox01 .btmBox { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin:24px 0 0;
}
.comPopBox01 .btmBox .btn { 
	display:block;
	padding:13px 13px 14px;
	border-width:1px;
	border-style:solid;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-weight: 700;
	font-size: 16px;
	text-align: center;
}
.comPopBox01 .btmBox .btn.st01 { 
	background: #0D47A1;
	border-color: #0D47A1;
	color: #FFF;
}
.comPopBox01 .btmBox .btn.st02 { 
	background: #EDF1F3;
	border-color: #EDF1F3;
	color: #6C7278;
}
.comPopBox01 .btmBox .btn.fullWid { 
	width: 100%; 
}
.comPopBg.on .comPopBox01 { 
	bottom: 0; 
}
@media all and (max-width:1199px){
	.wrapper { 
		max-width: 100%; 
	}
	.comBtmBox01,
	.comPopBox01 { 
		right: 0;
		margin:0;
	}
}
@media all and (max-width:999px){
	.gbMyCarBg { 
		display:none;
	}
	.gbMyCarContent { 
		width: 100%; 
	}
	.comBtmBox01,
	.comPopBox01 { 
		width: 100%; 
	}
	.comPopBox01 .scrollBox { 
		max-height: 320px;
	}
}

/* 헤더 시작
------------------------------------------------------ */
header { 
	display:flex;
	align-items:center;
	justify-content:space-between;
	height: 56px;
	padding:0 16px;
	background: #FFF;
}
header .hLogo {
	width: 105px;
	font-size: 0; 
}
header .hLogo img { 
	max-width: 100%; 
}
header .hBtn01 { 
	display:block;
	padding:7px 11px;
	background: #00C3FF;
	border-radius: 5px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -1px;
	color: #FFF;
	text-align: center;
}
/* 헤더 끝
------------------------------------------------------ */
/* 푸터 시작
------------------------------------------------------ */
footer { 
	padding:24px 16px 102px;
	background: #45464D; 
}
footer .fLnkBox01 {
	display:flex;
	align-items:center; 
	justify-content:space-between;
	margin:0 0 16px;
	padding:13px 15px 12px;
	background: #5B5C65;
	border:1px solid #54555C;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(228,229,231,.24);
}
footer .fLnkBox01 .tit01 { 
	font-weight: 500;
	font-size: 13px;
	color: #E8E8E8;
}
footer .fLnkBox01 .lnk { 
	position:relative; 
	display:block;
	padding:0 18px 0 0;
	font-weight: 500;
	font-size: 14px;
	color: #B3C6E5;
}
footer .fLnkBox01 .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	right: 0;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #B3C6E5;
	border-right:2px solid #B3C6E5;
}
footer .fLogo { 
	margin:0 0 14px;
	font-size: 0;
}
footer .fLogo img { 
	max-width: 84px; 
}
footer .fLst01 li { 
	margin:0 0 6px;
	font-size: 12px;
	color: #797979;
}
footer .fLst01 li:last-child { 
	margin:0;
}
footer .fLst01 .lstTit01 { 
	position:relative;
	display:inline-block;
	margin:0 9px 0 0;
	color: #999;
}
footer .fLst01 .lstTit01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 1px;
	top: 50%;
	right: 0;
	background: #797979;
}
footer .fCallDl01 { 
	display:flex;
	gap:5px;
	margin:20px 0 0;
	font-weight: 700;
	font-size: 18px;
	color: #FFF;
}
footer .fCallDl01 .fCallLnk { 
	display:block; 
	font-size: 1em;
	color: #FFF;
}
footer .fTermLnk01 { 
	display:flex;
	margin:16px 0 0;
}
footer .fTermLnk01 li { 
	position:relative;
	width: 33.333%;
	text-align: center;
}
footer .fTermLnk01 li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 9px;
	top: 50%;
	right: 0;
	margin:-3px 0 0;
	background: #999;
}
footer .fTermLnk01 li:last-child:after { 
	display:none;
}
footer .fTermLnk01 .lnk { 
	display:inline-block;
	font-weight: 500;
	font-size: 12px;
	color: #999;
}
footer .fCopy { 
	margin:12px 0 0;
	font-size: 11px;
	text-align: center; 
	color: #797979;
}
/* 푸터 끝
------------------------------------------------------ */