@charset "utf-8";

#wrap {position: relative;	width: 100%;}


/* --------------------------------------------
 * header
/* ------------------------------------------ */
header {position: fixed; top: 0; left: 0;  z-index: 998; background-color: #fff; width: 100%; height: auto;}
header.scroll-on {  background-color: rgba(255,255,255, 0.7);}
.header-wrap {
	width: 100%; max-width: 1360px; padding: 0 30px; margin: 0 auto; height: 100px;
	display: flex; align-items: center; 
	justify-content: space-between;
}
.header-wrap a.logo { display: block; width: 114px;}
.header-wrap a.logo img {width: 100%;}
.header-wrap .menu-list {display: flex; align-items: center; justify-content: flex-start; padding: 8px 0;}
.header-wrap .menu-list .menu-box ul {display: flex; align-items: center; justify-content: flex-start;}
.header-wrap .menu-box ul li:nth-child(2) a { display: block; width: 180px; text-align: center;
	padding: 9px 0; border: 2px solid #FA8D00; margin: 0 42px;}
.header-wrap .menu-box ul li:nth-child(4) {margin-left: 66px;}
.header-wrap .menu-list a {font-size: 18px; font-weight: 500; color: #001e50; padding: 8px 10px;}
.header-wrap .menu-list li a:hover,
.header-wrap .menu-list li a:focus,
.header-wrap .menu-list li.on a  {color: #FA8D00; -webkit-text-fill-color:#FA8D00; font-weight: 700;}
.header-wrap .menu-box ul li a.webView:hover,
.header-wrap .menu-box ul li.on a.webView {border: 4px solid #FA8D00;  box-sizing: border-box;}

.header-wrap .menu-box ul li:nth-child(2) a.mobaileView {display: none;}

.webView {display: block ;}
.mobileView,
.header-tel {display: none;}


/* --------------------------------------------
 * footer
/* ------------------------------------------ */
footer { background:#F1F1F1; }
footer .inner{padding: 60px 30px 130px; max-width: 1340px; width: 100%; margin: 0 auto;}
footer ul li.tal-number {font-size: 40px; font-weight: 700; -webkit-text-fill-color: #FA8D00; 
	color: #FA8D00; margin-bottom: 10px; text-decoration: none;}
footer ul.infoArea,footer ul li dl { overflow:hidden; }
footer ul li dl {display: flex;}
footer ul li { width:100%; font-size: 14px; color:#ababab; -webkit-text-fill-color:#ababab;}
footer ul li:nth-child(2){ float:right; text-align:right;}
footer ul li dl {margin-bottom: 8px;}
footer ul li dl:last-child {margin-bottom: 0px;}
footer ul li dl:nth-child(5) { margin: 40px 0 10px;}
footer ul li dl dt:nth-child(1){ width: 20%; color:#c4c4c4;  min-width: max-content; margin-right: 10px;}
footer ul li dl dd.fw-l {font-weight: 600;}
footer dl dd.show-popup {cursor: pointer;}
footer dl dd.fc-o {-webkit-text-fill-color: #FA8D00; color: #FA8D00;}



/* 내 차 견적 조회 팝업 */
/* .layerPopup#myCarPop {display: block;}  */
.my-car h2 {
	text-align: center; font-size: 28px; font-weight: 700; color: #FA8D00;  -webkit-text-fill-color:#FA8D00;
	margin-bottom: 6px;}
.my-car .form-inp {margin-top: 10px;}
.my-car .form-inp span {display: block; font-size: 19px; font-weight: 600; line-height: 2;color: #7a7a7a;}
.my-car .form-inp input {
	display: block; font-size: 18px; line-height: 2; 
	width: 100%; padding: 8px 30px; background-color: #F1F1F1; border-radius: 10px;}
.my-car .form-inp input::placeholder {color: #ababab;}
.my-car .checbox {margin-top: 20px;}
.my-car .checbox-area {display: flex; align-items: center; justify-content: flex-start; margin-bottom: 6px;}
.my-car .checbox-area label {display: flex; align-items: center; justify-content: flex-start; font-size: 12px;
	font-weight: 600; color: #939393;}
.my-car .form-wrap .myCarBtn { display: block;
	padding: 3px 40px; border-radius: 100px; background-color: #FA8D00; color: #fff;
	font-size: 18px; line-height: 36px; font-weight: 700; margin: 30px auto 0; transition: all 0.3s;}
	.my-car .form-wrap .myCarBtn:hover {
		background-color: #001E50;
	}
.checbox-area input[type="checkbox"]{display: none;}
.checbox-area span {display: inline-block; width: 16px; height: 16px; margin-right: 6px;
	border-radius: 100px; background-color: #939393;}
.checbox-area  span img { display: flex; width: 100%; height: 100%; }
.checbox-area input[type="checkbox"]:checked + span {background-color: #001E50;}
.my-car .checbox-area a {font-size: 9px; line-height: 14px; padding: 0 3px; color: #fff; 
	background-color: #939393; border-radius: 3px; margin-left: 4px;}

/* 꿀팁 팝업 */
/* .layerPopup#tipPop01 {display: block;} */
.popup#tipPop01, .popup#tipPop02, .popup#tipPop03 {max-width: 780px; }
#tipPop01 .popup-content,
#tipPop02 .popup-content,
#tipPop03 .popup-content {padding: 116px 76px 55px 70px; border-radius: 30px;}
.tip-box h2 {font-size: 25px; font-weight: 700; line-height: 36px; color: #494949;}
.tip-box h3 {margin-top: 26px; font-size: 17px; line-height: 30px; color: #7a7a7a;}
.tip-box img {display: block; margin: 0 0 0 auto; width: 135px; height: 135px;}
/* .layerPopup#tipPop02 {display: block;}  */
/* .layerPopup#tipPop03 {display: block;}  */


/* 후기 팝업 */
#reviewPop {display: block;}
#reviewPop {max-width: 676px;} 
#reviewPop .popup-content {overflow: hidden;padding: 60px 0; border-radius: 20px;}
#reviewPop .popup-info {height: 68dvh; max-height: 680px; overflow: auto; padding: 0 40px;}
.review-popup .carImg {width: 100%; height: 338px; overflow: hidden;}
.review-popup .carImg img {display: block; width: 100%; height: auto; min-width: 100%; min-height: 100%;
	position: relative;	top: 50%; left: 50%; transform: translate(-50%, -50%);}
.review-popup .txt-box {padding: 38px 30px;}
.review-popup .txt-box .carInfo {display: flex; align-items: flex-start;}
.review-popup .txt-box .carInfo span {font-size: 22px; display: inline-block;}
.review-popup .txt-box .carInfo > span.area {margin-right: 36px; position: relative; color: #ababab;}
.review-popup .txt-box .carInfo > span.area::after {
	content: ''; display: block; position: absolute; top: 50%; right: -20px; transform: translateY(-50%);
	width: 2px; height: 20px; background-color: #E0E0E0; }
.review-popup .txt-box .userName {margin: 16px 0 30px; padding-bottom: 10px; border-bottom: 2px solid #F1F1F1;}
.review-popup .txt-box .userName .img {width: 28px; height: 28px; border-radius: 100px;}
.review-popup .txt-box .userName .img img {display: inline-block; width: 100%; height: 100%; object-fit: cover;}
.review-popup .txt-box .userName span {line-height: 26px;}
.review-popup .txt-box .userName .user {font-size: 15px;font-weight: 600; margin: 0 4px 0 6px; color: #7a7a7a;}
.review-popup .txt-box .userName .date {font-size: 12px;color: #ababab;}
.review-popup .txt-box .reviewTxt {width: 100%; font-size: 14px; color: #7a7a7a; line-height: 26px;}
.review-popup a {
	display: block; margin: 0 auto ; width: 227px; padding: 10px 0; border-radius: 100px; 
	background-color: #FA8D00; text-align: center; font-size: 22px; font-weight: bold; transition: all 0.3s;
}
.review-popup a:hover {background-color: #001E50;}
.review-popup a.reviewBtn {display: none;}

/* 커스텀 스크롤바 */
::-webkit-scrollbar { width: 5px;}
::-webkit-scrollbar-track { border-radius: 10px;}
::-webkit-scrollbar-thumb { background: #ccc;   border-radius: 10px;}
::-webkit-scrollbar-thumb:before {content:''; }
/* ::-webkit-scrollbar-thumb:hover {   } */


/* --------------------------------------------
 * layerPopup_Policy
/* ------------------------------------------ */
.popup.policy {z-index: 1011 !important;}
.popup-overlay.policy-bg {z-index: 1010;}

.popup.policy .popup-content {
    padding: 0; height: 90dvh; max-height: 500px; 
    background: transparent; border-radius: 0; position: relative;
}
.popup.policy { 
    width: 90%; max-width: 700px; background: #ffffff;
}
.popup.policy .popup-title{
	font-size:18px; font-weight: 600; color: #222; background:#f1f1f1;
	position: absolute; top: 0; left: 0; width: 100%; z-index: 1;
}
.popup.policy .popup-close {
    position: relative; top:auto; right:auto;
    margin-left: auto; width: 20px; height: 20px;
    padding: 4px; filter:invert(0.5);
}
.popup.policy .popup-info {
    padding: 70px 30px 30px; 
	/* height:340px;  */
	height: 480px;
	line-height: 21px;
	overflow: auto;
	border-radius:0 0 30px 30px;
	font-size: 13px; word-break: keep-all; color: #888;
}
.popup.policy .popup-info pre {
	white-space: pre-wrap;
}
.popup.policy .popup-info .table_st1 td {
	font-size: 13px;
	line-height: 21px;
}
.popup.policy .popup-info .table_st1 {
	margin: 30px 0;
}
.popup.policy .popup-info h3 {
	margin: 30px 0 10px;
	color: #2d2d36;
	font-size: 15px;
	font-weight: 600;
}
.popup.policy .popup-info h4 {
	margin: 20px 0 5px;
	font-size: 15px;
}
.popup.policy .popup-info .policy_txt {
	font-size: 13px;
	line-height: 21px;
	color: #888;
}
.popup.policy .popup-info .policy_txt:after {
	display: block;
	clear: both;
	content: '';
}
.popup.policy .popup-info .policy_txt strong {
	display: block;
	color: #888;
	font-size: 13px;
	line-height: 30px;
	letter-spacing: -0.025em;
}
.popup.policy .popup-info .policy_txt ul.col_2 {
	float: left;
	width: 50%;
	padding-right: 20px;
}
.popup.policy .popup-info .policy_txt ul.col_2:last-child {
	padding-right: 0;
	padding-left: 20px;
}
.popup.policy .popup-info .policy_txt ul.col_2 li {
	margin-bottom: 15px;
}
.popup.policy .popup-info .policy_txt ul.col_2 li:last-child {
	margin-bottom: 0;
}
.popup.policy .popup-info .policy_txt ul.indent {
	margin: 5px 0 15px;
}
.popup.policy .popup-info .policy_txt ul.indent li {
	position: relative;
	padding-left: 16px;
}
.popup.policy .popup-info .policy_txt ul.indent li:before {
	content: '';
	width: 2px; height: 2px;
	display: inline-block;
	background: #666;
	position: absolute;
	top: 10px; left: 10px;
}
.popup.policy .popup-info .privacy_top {
	padding: 30px 0 50px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 50px;
}
.popup.policy .popup-info .policy_part {
	padding: 0 0 50px;
	border-bottom: 1px dotted #ddd;
	margin-bottom: 50px;
}
.popup.policy .popup-info .policy_part ul li {
	margin-bottom: 10px !important;
}
.popup.policy .popup-info .policy_part ul li a {
	font-size: 15px; color: #000;
}
.popup.policy .popup-info .policy_part ul li a:hover {
	text-decoration: underline;
}
.popup.policy .popup-info table {
	table-layout: fixed;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 20px 0;
}
.popup.policy .popup-info table thead th {
	font-family: 'NanumBarunGothicBold', 'NanumBarunGothic', sans-serif;
	padding: 15px 12px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: center;
	color: #999;
	font-weight: normal;
}
.popup.policy .popup-info table thead tr:first-child th:first-child {
	border-left: none;
}
.popup.policy .popup-info table tbody tr th {
	font-family: 'NanumBarunGothicBold', 'NanumBarunGothic', sans-serif;
	padding: 15px 12px;
	border-top: 1px solid #ccc;
	color: #999;
	font-weight: normal;
}
.popup.policy .popup-info table tbody td {
	padding: 15px 12px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.popup.policy .popup-info table tbody tr:first-child th,
.popup.policy .popup-info table tbody tr:first-child td {
	border-top: none;
}
.popup.policy .popup-info table tbody td:first-child {
	border-left: none;
}

.popup#agrForm{
    width: 90%;
}
.popup#agrForm .popup-content{
    padding: 1px 10px;
}



/* --------------------------------------------
 * subPopup_Policy
/* ------------------------------------------ */

.divRight .policy_con {
	word-break: keep-all;
	font-size: 13px;
	line-height: 21px;
	color: #6a6c73;
}
.divRight .policy_con pre {
	white-space: pre-wrap;
}
.divRight .policy_con .table_st1 td {
	font-size: 13px;
	line-height: 21px;
}
.divRight .policy_con .table_st1 {
	margin: 30px 0;
}
.divRight .policy_con h3 {
	margin: 30px 0 10px;
	color: #2d2d36;
	font-size: 15px;
}
.divRight .policy_con h4 {
	margin: 20px 0 5px;
	font-size: 15px;
}
.divRight.policy_con .policy_txt {
	font-size: 13px;
	line-height: 21px;
	color: #6a6c73;
}
.divRight .policy_con .policy_txt:after {
	display: block;
	clear: both;
	content: '';
}
.divRight .policy_con .policy_txt strong {
	display: block;
	color: #2d2d36;
	font-size: 13px;
	line-height: 30px;
	letter-spacing: -0.025em;
}
.divRight .policy_con .policy_txt ul.col_2 {
	float: left;
	width: 50%;
	padding-right: 20px;
}
.divRight .policy_con .policy_txt ul.col_2:last-child {
	padding-right: 0;
	padding-left: 20px;
}
.divRight .policy_con .policy_txt ul.col_2 li {
	margin-bottom: 15px;
}
.divRight .policy_con .policy_txt ul.col_2 li:last-child {
	margin-bottom: 0;
}
.divRight .policy_con .policy_txt ul.indent {
	margin: 5px 0 15px;
}
.divRight .policy_con .policy_txt ul.indent li {
	position: relative;
	padding-left: 16px;
}
.divRight .policy_con .policy_txt ul.indent li:before {
	content: '';
	width: 2px; height: 2px;
	display: inline-block;
	background: #6a6c73;
	position: absolute;
	top: 10px; left: 10px;
}

.divRight .policy_con .privacy_top {
	padding: 30px 0 50px;
	border-bottom: 1px solid #555;
	margin-bottom: 50px;
}
.divRight .policy_con .policy_part {
	padding: 0 0 50px;
	border-bottom: 1px dotted #555;
	margin-bottom: 50px;
}
.divRight .policy_con .policy_part ul li {
	margin-bottom: 10px !important;
}
.divRight .policy_con .policy_part ul li a {
	font-size: 15px;
	color: #000;
}
.divRight .policy_con .policy_part ul li a:hover {
	text-decoration: underline;
}

.divRight .policy_con table {
	table-layout: fixed;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin: 20px 0;
}
.divRight .policy_con table thead th {
	font-family: 'NanumBarunGothicBold', 'NanumBarunGothic', sans-serif;
	padding: 15px 12px;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #ddd;
	text-align: center;
	color: #333333;
	font-weight: normal;
}
.divRight .policy_con table thead tr:first-child th:first-child {
	border-left: none;
}
.divRight .policy_con table tbody tr th {
	font-family: 'NanumBarunGothicBold', 'NanumBarunGothic', sans-serif;
	padding: 15px 12px;
	border-top: 1px solid #ddd;
	color: #333333;
	font-weight: normal;
}
.divRight .policy_con table tbody td {
	padding: 15px 12px;
	border-top: 1px solid #d4d4d7;
	border-left: 1px solid #d4d4d7;
	color: #777;
	background: #fff;
}
.divRight .policy_con table tbody tr:first-child th,
.divRight .policy_con table tbody tr:first-child td {
	border-top: none;
}
.divRight .policy_con table tbody td:first-child {
	border-left: none;
}
.divRight .policy_con h2.tit{
	color:#2d2d36;
	line-height:80px;
	height:80px;
	padding-left:30px;
	font-size:24px;
	border-bottom:1px solid #dfe0e4;
	border-radius:10px 10px 0 0;
	background:#f5f5f7;
}
.divRight .policy_con h2.tit .desc{
	display:inline-block;
	font-size:13px;
	margin-left:10px;
	color:#808189;
}
.divRight .policy_con .txtWrap{
	padding:10px 50px 30px;
}

.fix_btn {position:fixed; bottom:100px; margin:auto; }

.btn_wht{
	width: 130px;
    height: 60px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjYiIGhlaWdodD0iMjYiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48ZyBpZD0ic3VyZmFjZTEiPjxwYXRoIHN0eWxlPSIgZmlsbDojM0Y1MUI1OyIgZD0iTSA0MiAzNyBDIDQyIDM5Ljc2MTcxOSAzOS43NjE3MTkgNDIgMzcgNDIgTCAxMSA0MiBDIDguMjM4MjgxIDQyIDYgMzkuNzYxNzE5IDYgMzcgTCA2IDExIEMgNiA4LjIzODI4MSA4LjIzODI4MSA2IDExIDYgTCAzNyA2IEMgMzkuNzYxNzE5IDYgNDIgOC4yMzgyODEgNDIgMTEgWiAiPjwvcGF0aD48cGF0aCBzdHlsZT0iIGZpbGw6I0ZGRkZGRjsiIGQ9Ik0gMzQuMzY3MTg4IDI1IEwgMzEgMjUgTCAzMSAzOCBMIDI2IDM4IEwgMjYgMjUgTCAyMyAyNSBMIDIzIDIxIEwgMjYgMjEgTCAyNiAxOC41ODk4NDQgQyAyNi4wMDM5MDYgMTUuMDgyMDMxIDI3LjQ2MDkzOCAxMyAzMS41OTM3NSAxMyBMIDM1IDEzIEwgMzUgMTcgTCAzMi43MTQ4NDQgMTcgQyAzMS4xMDU0NjkgMTcgMzEgMTcuNjAxNTYzIDMxIDE4LjcyMjY1NiBMIDMxIDIxIEwgMzUgMjEgWiAiPjwvcGF0aD48L2c+PC9zdmc+") no-repeat #4155b0;
    border: 1px solid 1px solid #e5c22a;
    box-shadow: 0 4px 6px 0 rgba(81,99,120,0.2);
    background-size: 60px;
    display: block;
    position: fixed;
    bottom: 100px;
    right: 30px;
    z-index: 998;
    border-radius: 30px;
	background-size:50px;
	background-position:3px 2px;
}
.btn_wht span{
    text-align: right;
    display: block;
    padding-top: 21px;
    padding-right: 21px;
    font-weight: 500;
	font-size:14px;
	color:#fff; 
	background-position:5px 3px;
}

.btn_wht2{
	width: 130px;
    height: 60px;
    background: url(/_img/naver_modoo.png) no-repeat #28d200;
    border: 1px solid 1px solid #e5c22a;
    box-shadow: 0 4px 6px 0 rgba(81,99,120,0.2);
    background-size: 60px;
    display: block;
    position: fixed;
    bottom: 172px;
    right: 30px;
    z-index: 998;
    border-radius: 30px;
	background-size:42px;
	background-position:14px 10px;
}
.btn_wht2:hover, .btn_wht:hover{ box-shadow: 0 8px 12px 0 rgba(81,99,120,0.3) !important;}

.btn_wht2 span{
    text-align: right;
    display: block;
    padding-top: 21px;
    padding-right: 35px;
    font-weight: 500;
	font-size:14px;
	color:#fff; 
	background-position:5px 3px; 
}



@media (max-width: 768px) {
	/* header */
	.webView {display: none;}
	.mobileView {display: block;}

	/* header web 스타일 제거 */
	.header-wrap li.mobile03 a span,
	.header-wrap .menu-box ul li:nth-child(2) a.webView {display: none;}
	.header-wrap .menu-box ul li:nth-child(2) a.mobaileView {display: block;}
	.header-wrap .menu-box ul li:nth-child(2) a {width: max-content; border: none; padding: 0; margin: 0 auto;}
	.header-wrap .menu-box ul li:nth-child(4) {margin: 0;}

	header {background-color: rgba(255,255,255,0.7);}
	.header-wrap a.logo {width: 92px; margin-right: 10px;}
	header::before {content: ""; position: absolute; bottom: 0; left: 0;
		width: 100%; height: 1px; background-color: #F1F1F1;}
	header::after {
		content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
		backdrop-filter: blur(5px); z-index: -1;}
	.header-wrap { height: 56px; position: relative;}
	.header-01 .header-wrap {justify-content: flex-start;}

	.header-wrap h1 {width: 82px;}
	.header-wrap .menu-list .menu-box {position: fixed; bottom: 0; left: 0; width: 100%; 
		background-color: #fff; box-shadow: 0 -2px 7px rgba(0,0,0,0.18)}
	.header-wrap .menu-list a {display: flex; align-items: center; flex-direction: column; 
		font-size: 11px; color: #C4C4C4; font-weight: 500; padding: 0;}
	.header-wrap .menu-list li.home a {font-size: 14px; color: #001E50;}
	.header-wrap .menu-list .menu-box ul {
		justify-content: center; width: 100%; height: 65px; 
		background-color: #ffffff; position: relative; padding: 0 8px;
	}
	.header-wrap .menu-list .menu-box ul::after {
		content: ''; display: block; background-color: #ffffff; width: 80px; height: 80px; 
		border-radius: 100%; z-index: -1; position: absolute; top: 50%; left: 50%; 
		transform: translate(-50%, -76%);  box-shadow: 0 -2px 7px rgba(0,0,0,0.18);
	}
	.header-wrap .menu-box ul li {width: 25%; text-align: center; height: 56px; padding: 8px;}
	.header-wrap .menu-box ul li img {width: 30px; height: 30px; margin: 0 0 2px 1px}
	.header-wrap .menu-box ul li.mobile02 .img img {margin: 0 auto; width: 22px; height: 26px;}
	.header-wrap .menu-box li:hover a > img,
	.header-wrap .menu-box li.on a >img {filter: invert(62%) sepia(50%) saturate(3830%) hue-rotate(3deg) brightness(102%) contrast(101%);}
	.header-wrap .menu-box li:hover a,
	.header-wrap .menu-box li.on a {color: #FA8D00; -webkit-text-fill-color:#FA8D00;}
	.header-wrap li.mobile01 {order: 1;}
	.header-wrap li.mobile02 {order: 3; margin: 0 12px;}
	.header-wrap li.mobile03 {order: 2;}
	.header-wrap li.mobile04 {order: 4;}
	.header-wrap li.mobile05 {order: 5;}
	.header-wrap li.mobile02 .img {display: flex; align-items: center; justify-content: center;
		width: 62px; height: 62px; border-radius: 100px; background-color: #FA8D00;
		box-shadow: 2px 3px 3px rgba(0,0,0,0.1); margin: -35px auto 5px;
	}

	.header-01 .header-wrap li.mobile02 .img {
		animation: blinkText 0.8s step-start infinite;
	}

	.header-01 .header-wrap li.mobile02 .img img {
		animation: blinkImage 0.8s step-start infinite;
	}
	.header-wrap li.mobile02 a {font-weight: 700; color: #FA8D00; -webkit-text-fill-color:#FA8D00;}
	.header-wrap li.mobile02:hover img {filter: invert(62%) sepia(50%) saturate(3830%) hue-rotate(3deg) brightness(102%) contrast(101%);}
	.header-wrap .menu-box ul li.mobile02 a:hover:nth-child(2) {border: none;}

	@keyframes blinkText {
		0%, 100% { background-color: #FA8D00; }
		50% { background-color: #fff;}
	}

	@keyframes blinkImage {
		0%, 100% {filter: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);}
		50% { filter: invert(62%) sepia(50%) saturate(2000%) hue-rotate(3deg) brightness(130%) contrast(90%); }
	}


	/* footer */
	/* footer {background: #fff;} */
	footer .inner {padding: 42px 30px 126px;}
	footer ul li.tal-number {font-size: 30px; line-height: 30px; margin-bottom: 22px;}
	footer ul li {font-size: 10px;}
	
	
	/* popup */
	.popup.policy {max-width: none;}
	.popup {width: calc(100% - 40px);}

	/* 내 차 견적 조회 팝업 */
	.popup#myCarPop {width: 100%;}
	.popup#myCarPop { top: auto; bottom: 0; transform: translate(-50%, 0); max-width: none; z-index: 2;}
	.popup#myCarPop .popup-content {border-radius: 30px 30px 0 0; padding: 30px 25px; border-radius: 20px 20px 0 0;}
	.my-car h2 {font-size: 18px;}
	.my-car .form-inp span,
	.my-car .form-inp input {font-size: 12px;}
	.my-car .form-wrap .myCarBtn {
		line-height: 24px; font-size: 11px; padding: 3px 30px;}
	.my-car .form-inp input { border-radius: 6px; padding: 5px 20px;}
	.my-car .checbox {margin-top: 12px;}
	.my-car .checbox-area {margin-bottom: 4px;}
	.checbox-area span {width: 10px; height: 10px;}
	.my-car .checbox-area label {font-size: 10px;}
	.my-car .checbox-area a {padding: 0 2px;}


	/* 꿀팁 팝업 */ 
	.popup#tipPop01, .popup#tipPop02,.popup#tipPop03 {max-width: 380px;}
	#tipPop01 .popup-content,
	#tipPop02 .popup-content,
	#tipPop03 .popup-content {padding: 40px 32px; text-align: center; border-radius: 14px;}
	.tip-box h2 {font-size: 15px; line-height: 20px;}
	.tip-box h3 {font-size: 10px; line-height: 15px;}
	.tip-box img {width: 62px; height: 62px; margin: 14px auto 0;}
	

	/* 후기 팝업  */
	#reviewPop .popup-content {padding: 46px 0 20px;}
	.popup#reviewPop .popup-info {max-height: 580px; height: auto; padding: 0 20px;}
	#reviewPop .popup-close {top: 16px; right: 20px;}
	.review-popup .carImg {height: 220px;}
	.review-popup .txt-box {padding: 24px 8px;}
	.review-popup .txt-box .carInfo span {font-size: 14px;}
	.review-popup .txt-box .carInfo > span.area {margin-right: 24px;}
	.review-popup .txt-box .carInfo > span.area::after {height: 12px; right: -14px;}
	.review-popup .txt-box .userName {padding-bottom: 6px; margin: 8px 0 22px;}
	.review-popup .txt-box .userName .img {width: 18px; height: 18px;}
	.review-popup .txt-box .userName span {line-height: 18px;}
	.review-popup .txt-box .userName .user {font-size: 10px; margin: 0 4px;}
	.review-popup .txt-box .userName .date {font-size: 8px;}
	.review-popup .txt-box .reviewTxt {font-size: 10px; line-height: 15px;}
	.review-popup a {padding: 6px 0; font-size: 10px; width: 92px;}
	.review-popup a.webLink {display: none;}
	.review-popup a.reviewBtn {display: block;}


	/* footer */
	footer ul li dl {margin-bottom: 10px;}
	footer ul li dl:nth-child(5) {margin: 24px 0 5px;}
}