* {
	box-sizing: border-box;
}

body {
	padding-top: 104px;
	padding-bottom: 20vh;
	background: #F5F8FC;
}

body>.inner {
	width: 1440px;
	min-width: 1440px;
	margin: 0 auto;
	height: 100%;
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 48px;
}

body>.inner>section {}

.modal-box .popular-wrap {
	display: none;
}

.left-section {
	background-color: #fff;
	width: 617px;
	border-radius: 12px 12px 0 0;
}

.right-section {
	width: 395px;
	position: sticky;
	top: 104px;
}

.sticky-wrapper,
#header,
#footer {
	display: none;
}

button {
	outline: none;
}

#ch-plugin {
	display: none !important;
}


.service-type-badge {
	display: block;
	text-align: left;
	padding: 5px 0;
	margin-top: 5px;
}

.service-type-badge.horizontal {
	display: inline-block;
	vertical-align: middle;
}

.service-type-badge span {
	display: inline-block;
	margin-right: 5px;
	width: auto;
}

.service-type-badge span img {
	height: 25px;
	display: inline-block;
}



/* header */
.mechanic-header {
	position: fixed;
	top: 0;
	left: 0;
	min-width: 1440px;
	width: 100%;
	height: 72px;
	background-color: #fff;
	box-shadow: 0 0 8px 0 rgba(49, 58, 90, 0.15);
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 160px;
}

.processIframe .mechanic-header {
	top: 8px;
}

.back {}

.back>a {
	position: relative;
	padding-left: 32px;
	color: var(--color-static-black, #11151C);
	font-size: var(--font-size-md, 16px);
	font-weight: 400;
	line-height: 150%;
}

.back>a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.2812 2.83616C12.6065 2.51099 13.1341 2.51105 13.4595 2.83616C13.785 3.1616 13.785 3.68993 13.4595 4.01536L7.47484 10.0001L13.4595 15.9848C13.7849 16.3102 13.7849 16.8377 13.4595 17.1631C13.1341 17.4886 12.6066 17.4886 12.2812 17.1631L5.70726 10.5893C5.38182 10.2638 5.38182 9.73631 5.70726 9.41087L12.2812 2.83616Z' fill='%2311151C'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.mechanic-header .profile-info {
	gap: 57px;
	padding-top: 0;
}

.mechanic-header .profile-info>div {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
}

.mechanic-header .profile-info>div>div {
	color: var(--color-static-black, #11151C);
	font-size: var(--font-size-md, 16px);
	font-weight: 500;
	line-height: 150%;
	/* 24px */
}

.mechanic-header .profile-info>div::before {
	width: 1px;
	height: 24px;
	background: #D9E1EE;
	left: -26px;
}

.mechanic-header .profile-info>div b {
	color: var(--color-static-black, #11151C);
	font-size: var(--font-size-md, 16px);
	font-weight: 700;
	line-height: 150%;
}

.mechanic-header .profile-info .average-score {
	font-weight: 600;
}

.mechanic-header .profile-info .star-box .star-list {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 2px;
}

.mechanic-header .star-item img {
	width: 21px;
	height: 21px;
}

/* !header */



/* 점검예약 modal */
.reservation-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 20;
	display: none;
}

.reservation-modal::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 100%;
	margin-right: -1px;
}

.modal-box {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	margin: 10px 0;
	display: inline-block;
	vertical-align: middle;
	background-color: #fff;
	width: 520px;
}

.modal-1,
.modal-2 {
	position: relative;
	box-sizing: border-box;
	padding: 24px;
	padding-bottom: 0;
	width: 100%;
	height: 100%;
}

.modal-2 {
	display: none;
}

.left-content {}

.left-content>p {
	width: 100%;
	font-size: 24px;
	color: #303841;
	line-height: 140%;
	letter-spacing: -1.5px;
	text-align: left;
	font-weight: 300;
}

.modal-1 .left-content>p {
	padding-bottom: 20px;
}

.dispatch-center-button-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
	margin: 24px 0;
	position: relative;
	flex-wrap: wrap;
}
.dispatch-center-button-wrap button.disabled {
	display: none;
}

.dispatch-center-button-wrap button {
	color: var(--color-static-black, #11151C);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	padding: 4px 0 4px 34px;
	position: relative;
}

.dispatch-center-button-wrap button.active {
	color: var(--color-static-black, #11151C);
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}

.dispatch-center-button-wrap button::before {
	content: '';
	width: 26px;
	height: 26px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M13 2.66675C18.7068 2.66675 23.3338 7.29296 23.334 12.9998C23.334 18.7067 18.7069 23.3337 13 23.3337C7.29321 23.3336 2.66699 18.7066 2.66699 12.9998C2.66717 7.29307 7.29332 2.66692 13 2.66675Z' stroke='%23D9E1EE'/%3E%3C/svg%3E");
}

.dispatch-center-button-wrap button.active::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0003 2.04614C18.9834 2.04614 23.8337 6.89639 23.8337 12.8795C23.8335 18.8624 18.9833 23.7128 13.0003 23.7128C7.01733 23.7128 2.16714 18.8624 2.16699 12.8795C2.16699 6.89639 7.01724 2.04614 13.0003 2.04614ZM19.3469 8.45833C18.9532 8.09121 18.3367 8.11235 17.9695 8.50594L11.3563 15.5994L7.99837 12.3325C7.61242 11.957 6.99537 11.9656 6.61987 12.3516C6.24442 12.7375 6.25298 13.3546 6.63892 13.7301L10.7099 17.691C10.8977 17.8738 11.1514 17.9734 11.4134 17.9671C11.6755 17.9607 11.9244 17.8489 12.1032 17.6571L19.3956 9.83577C19.7626 9.44193 19.7407 8.82549 19.3469 8.45833Z' fill='%2300CC88'/%3E%3C/svg%3E");
}
.mDetail-lges-tooltip{
	width: 100%;
}
.mDetail-lges-tooltip li{
	--tooltip-arrow-left: 175px;
	padding: 10px 16px;
	border-radius: 8px;
	text-align: left;
	color: var(--color-neutral-600, #717D8E);
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	position: relative;
}
.mDetail-lges-tooltip li.dispatch{
	background: #EDF4FC;
}
.mDetail-lges-tooltip li.center{
	background: #E0F7F9;
}
/* TODO(LGES): 정비소 미지원 임시 안내. 정책 확정 시 노출/스타일 재검토 */
.mDetail-lges-tooltip li.unsupported{
	background: #F4F5F7;
}
.mDetail-lges-tooltip li.center h5{
	padding-bottom: 4px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 4px;
	color: #00BBD0;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}
.mDetail-lges-tooltip li::before{
	content: '';
	width: 25px;
	height: 15px;
	position: absolute;
	left: var(--tooltip-arrow-left);
	top: -11px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.mDetail-lges-tooltip li.dispatch::before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='15' viewBox='0 0 25 15' fill='none'%3E%3Cpath d='M12.5 0L25 15H0L12.5 0Z' fill='%23EDF4FC'/%3E%3C/svg%3E");
}
/* 출장만 가능한 지역(정비소 방문 버튼 없음): 화살표가 가리킬 대상이 없으므로 제거 */
.mDetail-lges-tooltip li.dispatch.no-center::before{
	display: none;
}
.mDetail-lges-tooltip li.center::before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='15' viewBox='0 0 25 15' fill='none'%3E%3Cpath d='M12.5 0L25 15H0L12.5 0Z' fill='%23E0F7F9'/%3E%3C/svg%3E");
}
.mDetail-lges-tooltip li.unsupported::before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='15' viewBox='0 0 25 15' fill='none'%3E%3Cpath d='M12.5 0L25 15H0L12.5 0Z' fill='%23F4F5F7'/%3E%3C/svg%3E");
}
.emphasis {
	position: relative;
	margin: 0;
}

.emphasis>p {
	box-sizing: border-box;
	padding: 0 0 32px 18px;
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1.57;
	color: #ff786e;
	text-align: left;
	word-break: keep-all;
}

.emphasis::before {
	content: " ";
	position: absolute;
	top: 6px;
	left: 0;
	display: block;
	width: 12px;
	height: 12px;
	background-image: url("/CARVAZO_IMG/web_main/mDetail/point.svg");

	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

.right-content {}

.right-content * {
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.month {
	float: left;
	margin-right: 26px;
	box-sizing: border-box;
	padding: 0 9px;
	border: 1px solid #dee1e4;
	width: 90px;
	height: 497px;
}

.month>li {
	box-sizing: border-box;
	padding: 10px 0px;
	border-bottom: 1px solid #D9E1EE;
	width: 100%;
	height: auto;
	cursor: pointer;
}

.month>li:last-child {
	border-bottom: 0;
}


.month_1 {
	color: var(--Color-Text-black, #11151C);
	text-align: center;
	font-size: var(--size-font-title-title-2, 16px);
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	/* 24px */
	padding-bottom: 4px;
}

.month_2 {
	color: var(--Color-Text-gray-01, #717D8E);
	text-align: center;
	font-size: var(--size-font-body-body-1, 14px);
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	/* 21px */
}

.month>li:first-of-type .month_2 {
	color: #00B277;
}

.month>li.active .month_2 {
	color: #fff;
}

.date-box>li.active>.month_1,
.date-box>li.active>.month_2 {
	color: #fff;
}

.month>li.active>div {
	color: #fff;
	font-weight: 700;
}

.month>.active .month_1 {
	color: #fff;
}


.m_time {
	float: left;
	box-sizing: border-box;
	border: 1px solid #dee1e4;
	margin-top: 0;
	width: 158px;
	height: 497px;
}

.m_time>li {
	box-sizing: border-box;
	border-bottom: 1px solid #dee1e4;
	width: 100%;
	height: 45px;
	text-align: center;
	line-height: 46px;
}

.m_time>li:last-child {
	border-bottom: 0;
}

.m_time>li>button {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 46px;
	font-family: 'Kaleko205-Book';
	font-size: 16px;
	letter-spacing: 1px;
}

.m_time>li.no {
	background-color: #DFE1E4;
	color: #A9ADB4;
	font-size: 15px;
	font-weight: 500;
	border: 1px solid #DFE1E4;
}

.m_time>li>button.check {
	border: 1px solid #00df8f;
	background-color: #e9fff6;
	color: #0fae6f;
}

.modal-btn {
	position: absolute;
	width: 100%;
	height: 60px;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
}

.modal-btn>button {
	float: left;
	width: 50%;
	height: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 62px;
}

.modal-btn .modal-next {
	float: right;
	width: 50%;
	height: 100%;
	background-color: #0fae6f;
}

.modal-close,
.modal-prev {
	color: #626974;
	background-color: #dee1e4;
}

.modal-2 .month {
	float: none;
	padding: 0;
	width: auto;
	height: auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 12px;
	border: none;
	margin: 60px 0 52px;
	position: relative;
}

.modal-2 .month::before {
	content: '날짜';
	font-size: 16px;
	font-weight: 600;
	color: #444e5a;
	position: absolute;
	left: 0;
	top: -30px;
}

.modal-2 .month li {
	border: 1px solid #D9E1EE;
	border-radius: 8px;
}

.modal-2 .month li.active {
	background: #00CC83;
}

.modal-2 .month li.unavailable {
	cursor: no-drop;
	pointer-events: none;
	border-color: #D9E1EE;
	background: #F5F8FC;
	color: #C1C9D6;
}

.modal-2 .month li.unavailable .month_1,
.modal-2 .month li.unavailable .month_2 {
	color: #C1C9D6;
}

.modal-2 .m_time {
	float: none;
	width: auto;
	height: auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 8px;
	border: none;
	position: relative;
}

.modal-2 .m_time::before {
	content: '시간';
	font-size: 16px;
	font-weight: 600;
	color: #444e5a;
	position: absolute;
	left: 0;
	top: -30px;
}

.modal-2 .m_time li {
	height: 52px;
	line-height: 52px;
	border-radius: 8px;
	border: 1px solid #DFE1E4;
	overflow: hidden;
}

.modal-2 .m_time li button {
	line-height: 52px;
	font-size: 15px;
	color: #303841;
	font-weight: 500;
}

.modal-2 .m_time>li>button:hover {
	color: #00cc83;
	font-weight: 700;
}

.modal-2 .m_time>li>button.check {
	background: #00CC83;
	color: #fff;
	outline: 1px solid #00cc83;
	font-weight: 700;
}

.modal-2 .emphasis {
	margin: 0;
	padding-bottom: 108px;
}

.modal-2 .emphasis::before {
	display: none;
}

.modal-2 .emphasis>p {
	height: auto;
	color: #444E5A;
	font-size: 15px;
	font-weight: 600;
	padding: 21px 0 4px;
}

.modal-2 .emphasis ul {}

.modal-2 .emphasis li {
	font-size: 14px;
	position: relative;
	padding-left: 22px;
}

.modal-2 .emphasis li::before {
	content: '';
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #444E5A;
	position: absolute;
	left: 0;
	top: 8px;
}


.detail-form {
	width: 100%;
	height: 100%;
}

.data-box {}


.city-li {
	position: relative;
	height: 48px;
	padding-left: 8px;
}

.city-li input {
	max-width: calc(100% - 70px);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.charge-list {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
}

.charge-list .charge {
	width: fit-content;
	position: relative;
	flex: 1;
	white-space: nowrap;
	padding: 2px 6px;
	border-radius: 2px;
	background: var(--color-neutral-100, #EDF4FC);
	color: var(--color-neutral-600, #717D8E);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	top: auto;
	right: auto;
}

.charge-list .charge.dispatch {
	color: #00B277;
	background: var(--color-green-100, #EAFBF2);
}

.charge-list .charge.center {
	color: #1589D6;
	background-color: #E4F7FF;
}

.data-common {
	position: relative;
	margin-bottom: 20px;
	width: 100%;
}

.data-common:last-of-type {
	margin-bottom: 0;
	/* padding-bottom: 167px; */
}

.data-common>input {
	margin-top: 8px;
	box-sizing: border-box;
	padding-left: 14px;
	border: 1px solid #dee1e4;
	display: block;
	width: 100%;
	height: 55px;
	background-color: #fafbff;
	cursor: pointer;
	font-weight: 300;
	text-align: left;
	text-indent: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}

.data-common>.carSelectorResult {
	display: none;
}

.data-common>input:focus {
	border: 1px solid #00df8f;
	background-color: #fff;
	box-shadow: 0 2px 8px 0 rgba(49, 58, 90, 0.2);
}

.data-common::before {
	display: none;
}

h4 {
	line-height: 130%;
}

.data-model h4 small {
	letter-spacing: -0.5px;
	color: #ff786e;
}

.brand-tab,
.place-tab {
	top: 84px;
	display: none;
}

.place-tab {
	top: 110px;
}

/* !점검예약 modal */


/* left-section */
.main-image {
	width: 100%;
	height: 0;
	padding-bottom: 74.72%;
	position: relative;
	overflow-y: hidden;
	border-radius: 12px 12px 0 0;
}

.main-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}

/* 정비사의 약속 */
.promise-section {
	padding: 32px 20px;
	background-color: #fff;
}

.promise-section .care-button {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 4px;
	color: var(--color-green-700, #00B277);
	font-size: var(--font-size-sm, 16px);
	font-weight: 600;
	line-height: 150%;
	/* 24px */
	padding-bottom: 16px;
	cursor: pointer;
}

.promise-section .care-button img {
	width: 21px;
	height: 21px;
}

.promise-section .mechanic-introduction {
	color: var(--color-static-black, #11151C);
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	padding-bottom: 24px;
}

.promise-section iframe {
	margin-bottom: 24px;
	width: 335px;
	height: 200px;
	border-radius: 8px;
}

.promise-box {
	border-radius: var(--radius-size-lg, 12px);
	background: var(--color-neutral-50, #F5F8FC);
	padding: 24px;
}

.promise-box .mechanic-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 24px;
}

.promise-box .mechanic-img {
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
	background-size: cover;
	border-radius: 50%;
}

.promise-box .profile-info-wrap {
	flex: 1;
}

.promise-box .profile-name {
	color: var(--color-static-black, #11151C);
	font-size: 16px;
	font-weight: 500;
	line-height: 150%;
	/* 21px */
	padding-bottom: 2px;
}

.promise-box .start-date {
	color: var(--color-neutral-600, #717D8E);
	font-size: 14px;
	font-weight: 500;
	line-height: 150%;
	/* 18px */
}

.promise-box .mechanic-qna button {
	padding: 8px 16px;
	border-radius: var(--Radius-8, 8px);
	background: var(--color-neutral-150, #E4ECF7);
	color: var(--color-neutral-600, #717D8E);
	text-align: center;
	font-size: var(--font-size-md, 16px);
	font-weight: 700;
	line-height: 150%;
	/* 24px */
}

.promise-box .career-text {
	color: var(--color-static-black, #11151C);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 170%;
	padding-bottom: 24px;
	text-align: left;
}

.promise-box ul {
	border-top: 1px solid #E4ECF7;
	padding-top: 24px;
}

.promise-box ul li {
	padding-bottom: 8px;
	color: var(--color-static-black, #11151C);
	font-size: 16px;
	font-weight: 500;
	line-height: 150%;
	/* 21px */
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 4px;
}

.promise-box ul li:last-of-type {
	padding-bottom: 0;
}

/* !정비사의 약속 */
/* 이미지 슬라이드 */
.photo-box {
	overflow-x: hidden;
	margin: 0 0 24px 20px;
}

.photo-box li {
	width: 120px;
	height: 120px;
	border-radius: 6px;
	float: left;
	margin-right: 8px;
	overflow: hidden;
	cursor: pointer;
}

.photo-box li:last-of-type {
	margin-right: 20px;
}

.slide-img {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.fancybox-content {
	padding: 0;
	height: 300px;
	background-color: transparent;
}

.fancybox-content img {
	width: 100%;
}

.fancybox-button svg path {
	color: #fff;
}

/* !이미지 슬라이드 */

/* 꼭 확인해주세요 */
.mechanic-guide {
	padding: 24px 20px;
	background: var(--color-neutral-150, #E4ECF7);
}

.mechanic-guide h6 {
	margin: 0;
	color: var(--color-static-black, #11151C);
	font-size: var(--font-size-sm, 16px);
	font-weight: 700;
	line-height: 150%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 4px;
	padding-bottom: 8px;
}

.mechanic-guide p {
	color: var(--color-neutral-600, #717D8E);
	font-size: var(--font-size-sm, 16px);
	font-weight: 500;
	line-height: 150%;
	/* 24px */
	text-align: left;
}

/* !꼭 확인해주세요 */

/* 상세 gnb */
.mechanic-gnb {
	margin-top: 32px;
	padding: 0 20px;
	position: sticky;
	top: 72px;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 4;
	border-bottom: 1px solid #EDF4FC;
}

.mechanic-gnb ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.m-gnb-li {
	flex: 1;
	height: 46px;
}

.m-gnb-li a {
	display: block;
	height: 100%;
	color: var(--color-neutral-600, #717D8E);
	text-align: center;
	font-size: var(--font-size-md, 18px);
	font-style: normal;
	font-weight: 500;
	line-height: 46px;
}

.m-gnb-li a.active {
	color: var(--color-static-black, #11151C);
	font-style: normal;
	font-weight: 700;
	border-bottom: 2px solid #11151C;
}

/* !상세 gnb */

/* 공통 */
.common-section {}

.common-section>section {
	padding: 32px 0;
}

.common-section .inner {
	padding-left: 20px;
	padding-right: 20px;
}

.section-title-wrap {
	padding-bottom: 24px;
}

.section-title {
	color: var(--color-static-black, #11151C);
	font-size: var(--font-size-xl, 26px);
	font-weight: 700;
	line-height: 150%;

}

.section-title .data-num {
	color: var(--color-green-700, #00B277);
	font-size: var(--font-size-xl, 26px);
	font-weight: 700;
	line-height: 150%;
}

.section-desc {
	color: var(--color-neutral-600, #717D8E);
	font-size: var(--font-size-sm, 16px);
	font-weight: 400;
	line-height: 150%;
	/* 24px */
	padding-top: 8px;
}

/* 공통 */

/*경력*/
.career-list-wrap {}

.career-list-wrap ul {
	padding: 20px;
	border-radius: var(--radius-size-lg, 12px);
	border: 1px solid var(--color-neutral-200, #D9E1EE);
	background: var(--color-neutral-50, #F5F8FC);
}

.career-list-wrap li {
	color: var(--color-static-black, #11151C);
	font-size: var(--font-size-md, 16px);
	font-weight: 400;
	line-height: 150%;
	/* 24px */
	text-align: left;
	padding-bottom: 12px;
}

.career-list-wrap li:first-of-type {
	color: var(--color-neutral-400, #A9B4C4);
	font-weight: 700;
}

.career-list-wrap li:last-of-type {
	padding-bottom: 0;
}

/* !경력 */


/*보유 자격증*/
.license-li-wrap {}

.license-li {
	position: relative;
	padding: 16px 24px;
	border-radius: 12px;
	background: var(--color-neutral-50, #F5F8FC);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
	gap: 8px;
}

.license-li:last-child {
	margin-bottom: 0;
}

.license-mark {
	width: 62px;
	height: 62px;
	flex: 0 0 62px;
}

.license-mark img {
	width: 100%;
}

.license-info {
	flex: 1;
}

.license-name {
	color: var(--color-static-black, #11151C);
	font-size: 18px;
	font-weight: 500;
	line-height: 150%;
	/* 24px */
}

.license-date {
	color: var(--color-neutral-600, #717D8E);
	font-size: 14px;
	font-weight: 500;
	line-height: 150%;
	/* 18px */
	padding-top: 2px;
}

.license-approval {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	color: var(--color-green-700, #00B277);
	font-size: 14px;
	font-weight: 600;
	line-height: 150%;
	/* 18px */
	flex: 0 0 49px;
}

.license-desc {
	width: 100%;
	flex: 0 0 100%;
	color: var(--color-static-black, #11151C);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	/* 18px */
}

/* !보유 자격증 */


/* 정비소 운영 시간 */
.operating-hours-section .hours {
	padding: 20px;
	border-radius: var(--Radius-8, 8px);
	background: var(--color-neutral-50, #F5F8FC);
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	/* 한 줄에 2개 */
	gap: 24px;
	/* 카드 사이 간격 */
}

.operating-hours-section dt {
	color: var(--color-static-black, #11151C);
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}

.operating-hours-section dd {
	padding-top: 4px;
	color: var(--Colors-black, #11151C);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

.operating-hours-section .day-off dt,
.operating-hours-section .day-off dd {
	color: #FF644C;
}

/* !정비소 운영 시간 */
/* 정비소 정보 */
.center-name {
	padding: 16px;
	border-radius: 12px;
	background: var(--color-neutral-50, #F5F8FC);
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	color: var(--Colors-black, #11151C);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}

.center-photo-box {
	overflow-x: hidden;
	margin: 16px 0 0 20px;
}

.center-photo-box .swiper-wrapper {
	display: flex;
}

.center-photo-box li {
	flex: 0 0 320px;
	width: 320px;
	height: 210px;
	border-radius: 8px;
	float: left;
	margin-right: 8px;
	overflow: hidden;
	cursor: pointer;
}

.center-photo-box li:last-of-type {
	margin-right: 20px !important;
}

.center-img {
	margin-top: 16px;
	border-radius: 8px;
	width: 100%;
	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

/* !정비소 정보 */

/* 검수 지역 */
.mechanic-area li {
	color: var(--color-static-black, #11151C);
	font-size: 18px;
	font-weight: 500;
	line-height: 150%;
	/* 24px */
	position: relative;
	padding-left: 23.596px;
	margin-bottom: 12px;
}

.mechanic-area li::before {
	content: '';
	width: 19.596px;
	height: 19.596px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3465 18.1248C11.9189 16.5405 16.3299 11.8317 16.3299 8.86717C16.3299 5.25966 13.4055 2.33521 9.79797 2.33521C6.19047 2.33521 3.26601 5.25966 3.26601 8.86717C3.26601 11.8317 7.67705 16.5405 9.24944 18.1248C9.5551 18.4328 10.0408 18.4328 10.3465 18.1248ZM9.79785 10.5001C10.9452 10.5001 11.8754 9.56992 11.8754 8.42253C11.8754 7.27515 10.9452 6.34502 9.79785 6.34502C8.65047 6.34502 7.72033 7.27515 7.72033 8.42253C7.72033 9.56992 8.65047 10.5001 9.79785 10.5001Z' fill='%2311151C'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.mechanic-area li:last-of-type {
	margin-bottom: 0;
}

#map {
	border: 1px solid #ddd;
	width: 100%;
	height: 337.427px;
	border-radius: 8px;
	margin-top: 12px;
}

.center-map .center-comment {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	padding: 12px 24px;
	border-radius: var(--Radius-8, 8px);
	background: var(--color-primary-green-10, #EAFBF2);
	color: var(--Color-Text-black, #11151C);
	font-size: var(--font-size-sm, 14px);
	font-weight: 500;
	line-height: 150%;
	/* 21px */
	margin-top: 12px;
}

/* !검수 지역 */

/* 주력 제조사 */
.brand-section .car-brand-wrap.special-brand {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	flex-wrap: wrap;
}

.brand-section .car-brand-wrap.special-brand.fold .car-brand-li:nth-of-type(n+8) {
	display: none;
}

.brand-section .car-brand-wrap.special-brand .car-brand-li {
	overflow: hidden;
	color: var(--color-static-black, #11151C);
	text-align: center;
	text-overflow: ellipsis;
	font-size: 15px;
	font-weight: 500;
	line-height: 150%;
	/* 19.5px */
	padding: 0 16px 0 56px;
	width: auto;
	min-height: auto;
	height: 48px;
	line-height: 48px;
	border-radius: 8px;
	background: var(--color-neutral-50, #F5F8FC);
}

.brand-section .car-brand-wrap.special-brand .car-brand-li::before {
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
}

.brand-section .car-brand-wrap .brand-more {
	color: var(--color-neutral-400, #A9B4C4);
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	height: 48px;
	line-height: 48px;
	padding: 0 16px;
	border-radius: 8px;
	border: 1px solid var(--color-neutral-200, #D9E1EE);
	cursor: pointer;
	display: none;
}

.brand-section .car-brand-wrap.special-brand.fold .brand-more {
	display: block;
	cursor: pointer;
}

/* !주력 제조사 */

/* 누적 검수 */
.total-section .total-box {
	border-radius: 8px;
	background: var(--Color-Background-Common-Base, #F5F8FC);
	padding: 16px;
	color: var(--color-neutral-600, #717D8E);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}

.total-section .total-reserv-box {
	margin-top: 16px;
	padding: 12px 16px;
	border-radius: 8px;
	background: var(--color-static-white, #FFF);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	flex-wrap: wrap;
}

.total-section .total-reserv-box .recent-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	flex: 1;
	min-width: 0;
	padding-left: 0;
}

.total-section .total-reserv-box .recent-box .car-brand-li {
	padding-left: 0;
	flex: 0 0 32px;
	min-height: 0;
	width: 32px;
	height: 32px;
}

.total-section .total-reserv-box .recent-box .car-brand-li::before {
	width: 32px;
	height: 32px;
	left: 0;
	top: 0;
}

.total-section .total-reserv-box .recent-car-name {
	flex: 1;
	min-width: 0;
	color: var(--color-static-black, #11151C);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
}

.total-section .total-reserv-box .reserv-complete {
	width: fit-content;
	color: var(--color-neutral-300, #C1C9D6);
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
}

.total-section .total-reserv-box .comment-badge {
	flex: 1;
	flex: 0 0 100%;
	border-radius: 4px;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	padding: 8px 12px;
	color: #2C90E0;
	background: rgba(23, 152, 255, 0.10);
	text-align: center;
}

.total-section .total-reserv-box .comment-badge.D {
	color: #E85B45;
	background: rgba(255, 100, 76, 0.10);
}

.total-section .total-reserv-box .comment-badge.C {
	color: #E8A100;
	background: rgba(255, 177, 0, 0.10);
}

.total-section .total-reserv-box .comment-badge.B {
	color: #00BA53;
	background: rgba(0, 204, 136, 0.10);
}

.total-section .total-reserv-box .comment-badge.A {
	color: #2C90E0;
	background: rgba(23, 152, 255, 0.10);
}

/* !누적 검수 */

/*보유장비*/
.gear-li-wrap {}

.gear-section ul {
	position: relative;
}

.gear-section .fold::before {
	content: '';
	width: 100%;
	height: 157px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.61) 43.17%, #FFF 100%);
	z-index: 1;
}

.gear-li {
	margin-bottom: 12px;
	padding: 16px 24px;
	border-radius: 12px;
	background: var(--Color-Background-Common-Base, #F5F8FC);
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
}

.fold .gear-li:nth-of-type(n+4) {
	display: none;
}

.gear-li:last-of-type {
	margin-bottom: 0;
}

.gear-img {
	flex: 0 0 66px;
	width: 66px;
	height: 66px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

.gear-text {
	flex: 1;
}

.gear-text dt {
	color: var(--Color-Text-black, #11151C);
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;
	/* 21px */
	padding-bottom: 4px;
}

.gear-text dd {
	color: var(--Color-Text-gray-01, #717D8E);
	font-size: 15px;
	font-weight: 500;
	line-height: 150%;
	/* 19.5px */
}

.gear-li-wrap button {
	margin-top: 32px;
	width: 100%;
	height: 56px;
	line-height: 56px;
	color: var(--color-static-black, #11151C);
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	border-radius: var(--Radius-8, 8px);
	border: 1px solid var(--color-neutral-200, #D9E1EE);
	display: none;
}

.fold+button {
	display: block;
}

/* !보유 장비 */



/* 이용후기 */

/* 별점 박스 */
.common-section .review-section {
	padding-bottom: 120px;
}

.rating-wrapper {
	box-sizing: border-box;
	margin-bottom: 32px;
	padding: 24px 0 32px;
	border-bottom: 1px solid #EDF4FC;
}

.rating-wrap {}

.rating-wrap .rating-box-wrap {
	padding: 0 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.rating-wrap .total-rating {
	text-align: center;
	flex: 1;
}

.rating-wrap .total-rating .average-score {
	color: #11151C;
	font-size: 44px;
	font-weight: 600;
	padding-bottom: 8px;
}

.rating-wrap .total-rating .star {
	width: 140px;
	display: inline-block;
}

.rating-wrap .total-rating .star img {
	width: 100%;
}

.rating-box {
	box-sizing: border-box;
	font-size: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 24px;
	flex: 1;
}

.rating-box>ul {
	font-size: 0;
	position: relative;
}

.rating-box ul li {}

.rating-box ul li:first-of-type {
	color: #717D8E;

}

.rating-box .rating-bar {}

.rating-box .rating-bar .line-bar {
	position: relative;
	width: 12px;
	height: 120px;
	background-color: #E4ECF7;
	border-radius: 4px;
	overflow: hidden;
	margin: 0 auto;
}

.rating-box .rating-bar .active-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 0px 0px 2px 2px;
	background: var(--color-neutral-300, #C1C9D6);
}

.rating-box ul:first-of-type .rating-bar .active-bar {
	background-color: #0C8;
}

.rating-box .rating-count {
	display: none;
}

.rating-box ul:first-of-type .rating-count {
	display: block;
	color: var(--color-static-white, #FFF);
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 150%;
	padding: 2px 6px;
	border-radius: 4px;
	background: var(--color-green-500, #0C8);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -43px;
}

.rating-box ul:first-of-type .rating-count::before {
	content: '';
	position: absolute;
	border-top: 9px solid #0c8;
	border-bottom: 9px solid transparent;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	left: 50%;
	transform: translateX(-50%);
	bottom: -14px;
}

.rating-box ul li:last-child {
	padding-top: 4px;
	color: var(--color-neutral-600, #717D8E);
	text-align: center;
	font-size: var(--font-size-2xs, 14px);
	font-weight: 500;
	line-height: 150%;
	/* 21px */
}

/* !별점 박스 */
.review-wrap>ul>li {
	padding: 30px 0;
	border-bottom: 1px solid #DEE1E4;
}

.review-wrap>ul>li:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}

.review-wrap .review-text-wrap {}

.review-wrap .review-img-wrap {
	width: 220px;
	height: 165px;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 24px;

}

.review-wrap .review-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
}

.rating-wrap .rating-text {
	margin-top: 32px;
	text-align: center;
	padding: 12px 0;
	border-radius: 8px;
	background: var(--color-neutral-100, #EDF4FC);
	color: var(--color-static-black, #11151C);
	font-size: var(--font-size-sm, 16px);
	font-weight: 500;
	line-height: 150%;
	/* 24px */
}

.rating-wrap .rating-text span {
	color: #00cc83;
	font-weight: 700;
}

.review-info {
	padding-left: 14px;
	position: relative;
	margin-bottom: 24px;
}

.review-info::before {
	content: '';
	width: 4px;
	height: 100%;
	border-radius: 2px;
	background-color: #eceff2;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}

.review-info li {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: flex-start;
	position: relative;
	margin-bottom: 4px;
}

.review-info li:last-of-type {
	margin-bottom: 0;
}

.review-info .review-info-title {
	line-height: 1.5;
	color: #717D8E;
	font-size: 16px;
	font-weight: 500;
}

.review-info .review-info-content {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	color: #11151C;
	text-align: left;
}

.review-content .review-list>ul>li {
	box-sizing: border-box;
	padding: 30px 0;
	border-bottom: 1px solid #DEE1E4;
	font-size: 14px;
}

.review-content .review-list>ul>li:last-of-type {
	border-bottom: none;
}

.customer-name {
	margin-top: 2px;
	float: left;

	font-size: 14px;
	color: #303841;
	font-weight: 500;
	line-height: 1.36;
}

.customer-name>span {
	margin-top: 5px;
	font-size: 12px;
	font-family: 'Kaleko205-Book';
	color: #303841;
}

.review-star {
	margin-bottom: 10px;
	height: 16px;
	width: auto;
}

.review-star>ul {}

.review-star>ul>li {
	float: left;
	width: 16px;
	height: 16px;
}

.review-star>ul>li>img {
	width: 100%;
}

.car-model {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	color: #101820;
}

.car-img {
	margin-top: 15px;
	width: 100%;
}

.car-img>img {
	width: 100%;
	height: 100%
}

.review-text {
	margin-top: 16px;
	width: 100%;
	height: auto;
	color: #11151C;
	font-size: 16px;
	font-weight: 500;
	line-height: 160%;
	position: relative;
	text-align: left;
	word-break: keep-all;
	overflow-wrap: break-word;
}

.review-text.ellipsis {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-clamp: 8;
	-webkit-line-clamp: 8;
}

.ellipsis-btn {
	display: block;
	color: #717D8E;
	font-size: 16px;
	font-weight: 500;
	margin-top: 8px;
}

.review-tag-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 8px;
	padding-top: 16px;
}

.review-tag-wrap .review-tag,
.review-tag-wrap .review-tag-more {
	padding: 0 6px;
	height: 28px;
	line-height: 28px;
	border-radius: 4px;
	background: var(--color-neutral-100, #EDF4FC);
	color: var(--Color-Text-black, #11151C);
	font-size: var(--font-size-xs, 13px);
	font-weight: 500;
}

.review-tag-wrap .review-tag.not-buy {
	color: #F94862;
	background: #FFECF1;
}

.review-tag-wrap .review-tag.buy {
	color: #1589D6;
	background: #E4F7FF;
}

.review-tag-wrap .review-tag.na {
	display: none;
}

.review-tag-wrap .review-tag.nego {
	color: #009579;
	background-color: #E4FBEF;
}

.review-tag-wrap .review-tag-more {
	color: #717D8E;
}

.review-carwrap {
	margin-bottom: 10px;
	line-height: 120%;
}

.car-model {
	color: var(--color-static-black, #11151C);
	font-size: var(--font-size-md, 18px);
	font-weight: 700;
	line-height: 150%;
	/* 27px */
	;
	padding-bottom: 24px;
}

.img-wrap {
	margin-top: 15px;
	display: block;
	width: 100%;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 4px;
	overflow: hidden;
}

.img-wrap img {
	width: 100%;
}

.name-date-wrap {
	margin-top: 24px;
}

.name-date-wrap div {
	display: inline-block;
	color: var(--color-neutral-600, #717D8E);
	font-size: var(--font-size-sm, 16px);
	font-weight: 500;
	line-height: 150%;
	color: #878C95;
	position: relative;
}

.name-date-wrap .name::after {
	content: '';
	width: 2px;
	height: 2px;
	background-color: #878C95;
	border-radius: 50%;
	display: inline-block;
	margin: 0 7px;
	position: relative;
	top: -4px;
	left: 2px;
}

/* 정비사 답변 */
.reply-box {
	margin-top: 34px;
	width: 100%;
	box-sizing: border-box;
	padding: 16px;
	background-color: #F5F8FC;
	border-radius: 12px;
	position: relative;
}

.reply-box::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	border-right: 30px solid transparent;
	border-bottom: 22px solid #F5F8FC;
	top: -19px;
	left: 0;
}

.mc-img-name-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.mc-img-name-wrap .mc-img {
	width: 28px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #DEE1E4;
	flex: 0 0 28px;
	box-sizing: border-box;
}

.mc-img-name-wrap .mc-img img {
	width: 100%;
}

.mc-img-name-wrap .mc-name {
	width: 100%;
	font-size: 16px;
	font-weight: 600;
	color: #11151C;
	line-height: 1.5;
}

.reply-text {
	margin-top: 16px;
}

.reply-text p {
	font-size: 16px;
	font-weight: 500;
	line-height: 160%;
	text-align: left;
	color: #28303C;
	word-break: break-all;
}

/* !정비사 답변 */

.contents-more {
	margin: 80px 0;
	text-align: center;
	font-size: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.page-ul {
	box-sizing: border-box;
	font-size: 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.page-li {}

.page-li:last-child {
	border-right: 0;
}

.page-li div {
	box-sizing: border-box;
	border-right: 0;
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-family: 'Pretendard';
	color: #626974;
	font-size: 14px;
	text-align: center;
	font-weight: 400;
	border-radius: 4px;
	cursor: pointer;
}

.contents-more .review-page,
.contents-more .case-page {
	width: 32px;
	height: 32px;
	line-height: 32px;
}

.contents-more .prev-btn {
	background: url('https://images.carvazo.com/carvazo/common/pagination/icon_arrow_prev.svg') center center / auto no-repeat;
}

.contents-more .next-btn {
	background: url('https://images.carvazo.com/carvazo/common/pagination/icon_arrow_next.svg') center center / auto no-repeat;
}

.contents-more .prev-btn.disabled {
	background: url('https://images.carvazo.com/carvazo/common/pagination/icon_arrow_prev_disabled.svg') center center / auto no-repeat;
	pointer-events: none;
}

.contents-more .next-btn.disabled {
	background: url('https://images.carvazo.com/carvazo/common/pagination/icon_arrow_next_disabled.svg') center center / auto no-repeat;
	pointer-events: none;
}


.page-li .active,
.page-li:hover .active {
	background: #00CC83;
	color: #fff;
	font-weight: 700;
	pointer-events: none;
}

/* .page-li div:hover,
.review-page:hover {
	background-color: #eceff2;
	color: #626974;
} */

/* 키워드 후기 */
.keyword-wrap {
	padding-bottom: 32px;
	border-bottom: 1px solid #EDF4FC;
	position: relative;
}

.keyword-wrap h5 {
	padding-bottom: 16px;
	color: var(--color-static-black, #11151C);
	font-size: var(--font-size-lg, 20px);
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}

.keyword-wrap h5 span {
	color: var(--color-green-700, #00B277);
	font-size: var(--font-size-lg, 20px);
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}

.keyword-list li {
	width: fit-content;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	padding: 8px 12px;
	border-radius: 8px;
	border: 1px solid #E4ECF7;
	margin-top: 8px;
	color: var(--Color-Text-black, #11151C);
	font-size: var(--font-size-sm, 16px);
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	/* 24px */
}

.keyword-list li:first-of-type {
	margin-top: 0;
}

.has-keyword .keyword-list {
	overflow: hidden;
}

/* .keyword-list.on li:nth-of-type(n+5) {
	display: block;
} */

.keyword-list li span {
	position: relative;
	display: inline-block;
	padding-left: 18px;
	color: var(--color-neutral-400, #A9B4C4);
	text-align: center;
	font-size: var(--font-size-xs, 15px);
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	/* 22.5px */
}

.keyword-list li span::before {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.00001 7.76465C5.32831 7.76465 5.6534 7.69998 5.95672 7.57435C6.26003 7.44871 6.53563 7.26456 6.76778 7.03242C6.99992 6.80027 7.18407 6.52467 7.30971 6.22136C7.43535 5.91804 7.50001 5.59295 7.50001 5.26465C7.50001 4.93634 7.43535 4.61125 7.30971 4.30794C7.18407 4.00463 6.99992 3.72903 6.76778 3.49688C6.53563 3.26474 6.26003 3.08059 5.95672 2.95495C5.6534 2.82931 5.32831 2.76465 5.00001 2.76465C4.33697 2.76465 3.70108 3.02804 3.23224 3.49688C2.7634 3.96572 2.50001 4.60161 2.50001 5.26465C2.50001 5.92769 2.7634 6.56357 3.23224 7.03242C3.70108 7.50126 4.33697 7.76465 5.00001 7.76465ZM5.33334 11.8853C5.33334 11.0426 5.84734 9.79532 6.98668 8.85065C6.42468 8.65265 5.76801 8.52865 5.00001 8.52865C1.64001 8.52865 0.333344 10.8206 0.333344 11.8853C0.333344 12.952 3.11534 13.2346 5.00001 13.2346C5.31401 13.2346 5.65334 13.226 6.00068 13.208C5.56001 12.8566 5.33334 12.4166 5.33334 11.8853Z' fill='%23C1C9D6' fill-opacity='0.7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 8.52931C7.64004 8.52931 6.33337 10.8206 6.33337 11.886C6.33337 12.9513 9.11537 13.2353 11 13.2353C12.8847 13.2353 15.6667 12.9513 15.6667 11.886C15.6667 10.8206 14.36 8.52931 11 8.52931ZM11 7.76465C11.3283 7.76465 11.6534 7.69998 11.9567 7.57435C12.2601 7.44871 12.5357 7.26456 12.7678 7.03242C13 6.80027 13.1841 6.52467 13.3097 6.22136C13.4354 5.91804 13.5 5.59295 13.5 5.26465C13.5 4.93634 13.4354 4.61125 13.3097 4.30794C13.1841 4.00463 13 3.72903 12.7678 3.49688C12.5357 3.26474 12.2601 3.08059 11.9567 2.95495C11.6534 2.82931 11.3283 2.76465 11 2.76465C10.337 2.76465 9.70111 3.02804 9.23227 3.49688C8.76343 3.96572 8.50004 4.60161 8.50004 5.26465C8.50004 5.92769 8.76343 6.56357 9.23227 7.03242C9.70111 7.50126 10.337 7.76465 11 7.76465Z' fill='%23C1C9D6'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.keyword-wrap .keyword-button {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -17px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-neutral-100, #EDF4FC);
	transition: 0.3s;
}

.keyword-wrap .keyword-button.on {
	transform: translateX(-50%) rotate(180deg);
}

.keyword-wrap .non-keyword {
	position: relative;
}

.keyword-wrap .non-keyword .keyword-list {
	position: relative;
}

.keyword-wrap .non-keyword .keyword-list::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.50);
	backdrop-filter: blur(4.5px);
	z-index: 1;
}

.keyword-noti-box {
	width: 280px;
	padding: 20px 16px;
	border-radius: 12px;
	background: var(--color-static-white, #FFF);
	box-shadow: 4px 4px 20px 0 rgba(8, 25, 55, 0.20);
	position: absolute;
	left: 50%;
	top: 77.5px;
	transform: translateX(-50%);
	text-align: center;
	z-index: 2;
}

.keyword-noti-box p {
	color: var(--color-static-black, #11151C);
	font-size: var(--font-size-sm, 16px);
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
}

.keyword-noti-box p b {
	color: var(--color-green-700, #00B277);
	text-align: center;
	font-size: var(--font-size-sm, 16px);
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	/* 24px */
}

.keyword-noti-box > div {
	padding-top: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
}
.keyword-noti-box div{
	color: var(--color-neutral-600, #717D8E);
	text-align: center;
	font-size: var(--font-size-sm, 16px);
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}
/* !키워드 후기 */
/* !이용후기 */



#ui-id-1 {
	/* width: 318px !important; */
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
	background-color: #fff;
	border: none;
}

/* right-section */
.profile-wrap {
	border-radius: 12px;
	background: var(--color-neutral-150, #FFF);
	padding: 32px 20px;
}

.profile-box {}

.profile-summary {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #EDF4FC;
}

.mechanic-img {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	box-sizing: border-box;
	width: 64px;
	height: 64px;
	flex: 0 0 64px;
	border-radius: 100%;
	background-color: #fff;
}

.profile-info-wrap {}

.profile-name {
	color: var(--color-static-black, #11151C);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	/* 39px */
}

.profile-info {
	padding-top: 8px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
}

.profile-info>div {
	color: var(--color-neutral-400, #717D8E);
	font-size: 16px;
	font-weight: 500;
	line-height: 150%;
	position: relative;
}

.profile-info>div::before {
	content: '';
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #717D8E;
	position: absolute;
	left: -9px;
	top: 50%;
	transform: translateY(-50%);
}

.profile-info>div:first-of-type::before {
	display: none;
}

.profile-info .star-box {
	color: #11151C;
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;
	/* 21px */
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 4px;
}

.profile-wrap .mechanic-introduction {
	color: var(--color-grey-grey-10, #EDF4FC);
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	/* 36px */
	padding-bottom: 16px;
}

.profile-wrap .care-button {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 4px;
	color: var(--color-green-700, #00B277);
	font-size: var(--font-size-sm, 14px);
	font-weight: 600;
	line-height: 150%;
	/* 21px */
	margin-bottom: 32px;
}

.profile-wrap .care-button img {
	width: 21px;
	height: 21px;
}

.profile-wrap .service-list {
	margin-top: 16px;
	padding: 16px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.profile-wrap .service-list li {
	flex: 1;
	text-align: center;
}

.profile-wrap .service-list li .icon-wrap {
	margin: 0 auto;
	width: 28px;
	height: 28px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.profile-wrap .service-list .dispatch-check .icon-wrap {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6667 4.66671H16.3333C16.9777 4.66671 17.5 5.18904 17.5 5.83337V6.81754H10.5V5.83337C10.5 5.18904 11.0223 4.66671 11.6667 4.66671ZM8.16667 6.81754V5.83337C8.16667 3.90038 9.73367 2.33337 11.6667 2.33337H16.3333C18.2663 2.33337 19.8333 3.90038 19.8333 5.83337V6.81754H23.3333C24.622 6.81754 25.6667 7.8622 25.6667 9.15087V12.0578C22.1986 13.159 18.2342 13.7921 14 13.7921C9.76577 13.7921 5.80139 13.159 2.33333 12.0578V9.15087C2.33333 7.8622 3.378 6.81754 4.66667 6.81754H8.16667ZM25.6667 22.1667V14.0112C22.9166 14.8342 19.9052 15.3753 16.7305 15.5738V16.4344C16.7305 17.0787 16.2081 17.6011 15.5638 17.6011H12.4362C11.7919 17.6011 11.2695 17.0787 11.2695 16.4344V15.5738C8.09479 15.3753 5.08342 14.8342 2.33333 14.0112V22.1667C2.33333 23.4553 3.378 24.5 4.66667 24.5H23.3333C24.622 24.5 25.6667 23.4553 25.6667 22.1667Z' fill='%23C1C9D6'/%3E%3C/svg%3E");
}

.profile-wrap .service-list .dispatch-check.on .icon-wrap {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M25.6667 22.1667C25.6667 23.4554 24.622 24.5 23.3334 24.5H4.66671C3.37805 24.5 2.33339 23.4554 2.33337 22.1667V14.0114C5.08329 14.8344 8.09454 15.3749 11.2691 15.5734V16.4348C11.2693 17.0788 11.7918 17.6012 12.4357 17.6014H15.5643C16.2083 17.6012 16.7308 17.0788 16.731 16.4348V15.5734C19.9055 15.3749 22.9168 14.8344 25.6667 14.0114V22.1667Z' fill='%2300CC88'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.3334 2.33337C18.2664 2.33337 19.8334 3.90038 19.8334 5.83337V6.81775H23.3334C24.622 6.81775 25.6667 7.86242 25.6667 9.15108V12.0575C22.1987 13.1587 18.2343 13.7915 14 13.7915C9.76581 13.7915 5.80143 13.1587 2.33337 12.0575V9.15108C2.33337 7.86242 3.37804 6.81775 4.66671 6.81775H8.16671V5.83337C8.16671 3.90038 9.73371 2.33337 11.6667 2.33337H16.3334ZM11.6667 4.66671C11.0224 4.66671 10.5 5.18904 10.5 5.83337V6.81775H17.5V5.83337C17.5 5.18904 16.9777 4.66671 16.3334 4.66671H11.6667Z' fill='%2300CC88'/%3E%3C/svg%3E");
}

.profile-wrap .service-list .visiting-check .icon-wrap {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M23.6934 23.0325C23.6931 24.0631 22.8578 24.8986 21.8271 24.8987H16.8255V17.9306C16.8255 17.2863 16.3032 16.764 15.6589 16.764H12.3411C11.6968 16.764 11.1745 17.2863 11.1745 17.9306V24.8987H6.17285C5.14214 24.8987 4.30693 24.0632 4.30664 23.0325V12.4357H23.6934V23.0325Z' fill='%23C1C9D6'/%3E%3Cpath d='M25.0788 9.5247C25.0786 10.1688 24.5562 10.6912 23.9121 10.6914H4.08789C3.4438 10.6912 2.92141 10.1688 2.92122 9.5247V7.93079H25.0788V9.5247Z' fill='%23C1C9D6'/%3E%3Cpath d='M23.9121 3.1012C24.5563 3.10135 25.0787 3.62366 25.0788 4.26786V5.96204H2.92122V4.26786C2.92126 3.62366 3.44371 3.10135 4.08789 3.1012H23.9121Z' fill='%23C1C9D6'/%3E%3C/svg%3E");
}

.profile-wrap .service-list .visiting-check.on .icon-wrap {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M23.6934 23.0325C23.6931 24.0631 22.8578 24.8986 21.8271 24.8987H16.8255V17.9306C16.8255 17.2863 16.3032 16.764 15.6589 16.764H12.3411C11.6968 16.764 11.1745 17.2863 11.1745 17.9306V24.8987H6.17285C5.14214 24.8987 4.30693 24.0632 4.30664 23.0325V12.4357H23.6934V23.0325Z' fill='%2300CC88'/%3E%3Cpath d='M25.0788 9.5247C25.0786 10.1688 24.5562 10.6912 23.9121 10.6914H4.08789C3.4438 10.6912 2.92141 10.1688 2.92122 9.5247V7.93079H25.0788V9.5247Z' fill='%2300CC88'/%3E%3Cpath d='M23.9121 3.1012C24.5563 3.10135 25.0787 3.62366 25.0788 4.26786V5.96204H2.92122V4.26786C2.92126 3.62366 3.44371 3.10135 4.08789 3.1012H23.9121Z' fill='%2300CC88'/%3E%3C/svg%3E");
}

.profile-wrap .service-list .has-paper-check .icon-wrap {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.5833 2.33337C22.5498 2.33337 23.3333 3.11688 23.3333 4.08337V16.5669H18.0833C15.957 16.5669 14.2336 18.2904 14.2336 20.4167V25.6667H6.41666C5.45017 25.6667 4.66666 24.8832 4.66666 23.9167V4.08337C4.66666 3.11688 5.45017 2.33337 6.41666 2.33337H21.5833ZM8.86735 10.8794C8.35201 10.8794 7.93444 11.2972 7.93424 11.8125C7.93424 12.328 8.35188 12.7468 8.86735 12.7468H13.1728C13.6883 12.7468 14.106 12.328 14.106 11.8125C14.1058 11.2972 13.6882 10.8794 13.1728 10.8794H8.86735ZM8.86735 6.64799C8.35189 6.64799 7.93425 7.06564 7.93424 7.58109C7.93424 8.09656 8.35188 8.5142 8.86735 8.5142H19.1326C19.6481 8.5142 20.0658 8.09656 20.0658 7.58109C20.0657 7.06564 19.6481 6.64799 19.1326 6.64799H8.86735Z' fill='%23C1C9D6'/%3E%3Cpath d='M23.3333 18.6667L16.3333 25.6667V20.4167C16.3333 19.4502 17.1168 18.6667 18.0833 18.6667H23.3333Z' fill='%23C1C9D6'/%3E%3C/svg%3E");
}

.profile-wrap .service-list .has-paper-check.on .icon-wrap {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.5833 2.33337C22.5498 2.33337 23.3333 3.11688 23.3333 4.08337V16.5669H18.0833C15.957 16.5669 14.2335 18.2904 14.2335 20.4167V25.6667H6.41663C5.45013 25.6667 4.66663 24.8832 4.66663 23.9167V4.08337C4.66663 3.11688 5.45013 2.33337 6.41663 2.33337H21.5833ZM8.86731 10.8794C8.35197 10.8794 7.9344 11.2972 7.9342 11.8125C7.9342 12.328 8.35184 12.7468 8.86731 12.7468H13.1728C13.6883 12.7468 14.1059 12.328 14.1059 11.8125C14.1057 11.2972 13.6882 10.8794 13.1728 10.8794H8.86731ZM8.86731 6.64799C8.35185 6.64799 7.93421 7.06564 7.9342 7.58109C7.9342 8.09656 8.35184 8.5142 8.86731 8.5142H19.1326C19.6481 8.5142 20.0657 8.09656 20.0657 7.58109C20.0657 7.06564 19.6481 6.64799 19.1326 6.64799H8.86731Z' fill='%2300CC88'/%3E%3Cpath d='M23.3333 18.6667L16.3333 25.6667V20.4167C16.3333 19.4502 17.1168 18.6667 18.0833 18.6667H23.3333Z' fill='%2300CC88'/%3E%3C/svg%3E");
}

.profile-wrap .service-list .satisfaction .icon-wrap {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M6.93506 11.3169V25.0047H4.54704C3.38744 25.0045 2.44727 24.0635 2.44727 22.9038V13.4167C2.44737 12.2571 3.38751 11.3171 4.54704 11.3169H6.93506Z' fill='%2300CC88'/%3E%3Cpath d='M15.4925 1.67139C16.7306 1.67139 17.7344 2.67443 17.7347 3.91243V8.70215H22.3341C24.6386 8.70219 26.3147 10.8912 25.7134 13.1159L23.1989 22.4173C22.7863 23.9438 21.4009 25.0047 19.8197 25.0047H9.03255V11.318L13.5124 2.86312C13.9011 2.12987 14.6626 1.67156 15.4925 1.67139Z' fill='%2300CC88'/%3E%3C/svg%3E");
}

.profile-wrap .service-list .new .icon-wrap {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M14.0002 14.8454C18.9545 14.8455 23.1199 17.7493 24.3156 21.327C24.5129 21.9181 24.2766 22.5586 23.7585 22.905C21.4165 24.47 17.9138 25.3647 14.0002 25.3648C10.0865 25.3648 6.58388 24.47 4.24189 22.905C3.72362 22.5587 3.48739 21.9183 3.68477 21.327C4.88049 17.7492 9.04577 14.8454 14.0002 14.8454Z' fill='%2300CC88'/%3E%3Cpath d='M14.0002 2.84607C17.0038 2.84617 19.4382 5.28161 19.4382 8.2852C19.4379 11.2885 17.0036 13.7231 14.0002 13.7232C10.9967 13.7232 8.56135 11.2886 8.56107 8.2852C8.56107 5.28154 10.9965 2.84607 14.0002 2.84607Z' fill='%2300CC88'/%3E%3C/svg%3E");
}

.profile-wrap .service-list li .service-list-text {
	padding-top: 8px;
	color: var(--color-neutral-300, #C1C9D6);
	font-size: var(--font-size-xs, 15px);
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}

.profile-wrap .service-list li.on .service-list-text {
	color: var(--color-green-700, #00B277);
	font-weight: 600;
}

.profile-wrap .share-qna-reserv {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding-top: 16px;
}

.profile-wrap .share-qna-reserv .profile-qna,
.profile-wrap .share-qna-reserv .action-share {
	display: block;
	width: 56px;
	height: 56px;
	border-radius: var(--Radius-8, 8px);
	border: 1px solid var(--color-neutral-200, #D9E1EE);
	background-position: center center;
	background-size: auto;
	background-repeat: no-repeat;
	cursor: pointer;
	flex: 0 0 56px;
}

.profile-wrap .share-qna-reserv .profile-qna {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C17.3914 2.00001 21.7616 6.04516 21.7617 11.0352C21.7617 16.0253 17.3915 20.0713 12 20.0713C11.0452 20.0713 10.1221 19.9435 9.25 19.707L6.46387 21.7871C5.90216 22.2063 5.11114 21.752 5.19043 21.0557L5.55957 17.8252C3.52331 16.1693 2.23828 13.7411 2.23828 11.0352C2.23844 6.04515 6.60862 2 12 2ZM7.42188 9.53711C6.64868 9.53711 6.02148 10.1643 6.02148 10.9375C6.02168 11.7105 6.64879 12.3369 7.42188 12.3369C8.19489 12.3368 8.8211 11.7105 8.82129 10.9375C8.82129 10.1643 8.19501 9.53719 7.42188 9.53711ZM12 9.53711C11.2268 9.53713 10.5996 10.1643 10.5996 10.9375C10.5998 11.7105 11.2269 12.3369 12 12.3369C12.7731 12.3369 13.4002 11.7105 13.4004 10.9375C13.4004 10.1643 12.7732 9.53711 12 9.53711ZM16.5781 9.53711C15.805 9.53719 15.1787 10.1644 15.1787 10.9375C15.1789 11.7105 15.8051 12.3368 16.5781 12.3369C17.3512 12.3369 17.9783 11.7105 17.9785 10.9375C17.9785 10.1643 17.3513 9.53711 16.5781 9.53711Z' fill='%2311151C'/%3E%3C/svg%3E");
}

.profile-wrap .share-qna-reserv .profile-qna button {
	width: 100%;
	height: 100%;
}

.profile-wrap .share-qna-reserv .action-share {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17.1641 2.68457C18.6151 2.6846 19.7919 3.86052 19.792 5.31152C19.792 6.76265 18.6152 7.93943 17.1641 7.93945C16.4677 7.93945 15.8344 7.66867 15.3643 7.22656L8.30469 11.415C8.34747 11.6032 8.37012 11.7989 8.37012 12C8.37012 12.2011 8.34747 12.3968 8.30469 12.585L15.3643 16.7734C15.8344 16.3313 16.4678 16.0605 17.1641 16.0605C18.6152 16.0606 19.792 17.2374 19.792 18.6885C19.7919 20.1395 18.6151 21.3154 17.1641 21.3154C15.713 21.3154 14.5363 20.1395 14.5361 18.6885C14.5361 18.5121 14.5538 18.3395 14.5869 18.1729L7.49023 13.9619C7.02594 14.3756 6.41394 14.6279 5.74316 14.6279C4.29203 14.6279 3.11523 13.4511 3.11523 12C3.11523 10.5489 4.29203 9.37207 5.74316 9.37207C6.41394 9.37211 7.02594 9.62439 7.49023 10.0381L14.5869 5.82715C14.5538 5.66051 14.5361 5.4879 14.5361 5.31152C14.5363 3.8605 15.713 2.68457 17.1641 2.68457Z' fill='%2311151C'/%3E%3C/svg%3E");
}

.profile-wrap .share-qna-reserv .reservation-btn{
	/* width: 227px; */
	flex: 1;
	height: 56px;
	line-height: 56px;
	text-align: center;
	border-radius: var(--Radius-8, 8px);
	background: var(--color-green-500, #0C8);
	color: var(--Color-Text-white, #FFF);
	font-size: var(--font-size-md, 18px);
	font-weight: 700;
	cursor: pointer;
}


.carvazo-mechanic-wrap {
	margin-top: 8px;
	border-radius: 12px;
	background: var(--color-neutral-150, #E4ECF7);
	padding: 32px 20px;
}

.carvazo-mechanic-wrap .title-wrap {
	padding-bottom: 24px;
}

.carvazo-mechanic-wrap .title-wrap h3 {
	color: var(--color-neutral-600, #717D8E);
	font-size: var(--font-size-md, 18px);
	font-weight: 700;
	line-height: 150%;
	padding-bottom: 8px;
	text-align: left;
}

.carvazo-mechanic-wrap .title-wrap p {
	color: var(--color-neutral-600, #717D8E);
	font-size: var(--font-size-sm, 16px);
	font-weight: 400;
	line-height: 150%;
	text-align: left;
}

.carvazo-mechanic-wrap ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.carvazo-mechanic-wrap li {
	flex: 1;
	padding: 12px;
	border-radius: var(--radius-size-md, 8px);
	background: var(--color-static-white, #FFF);
}

.carvazo-mechanic-wrap li .icon-wrap {
	width: 32px;
	margin-bottom: 8px;
}

.carvazo-mechanic-wrap li .icon-wrap img {
	width: 100%;
}

.carvazo-mechanic-wrap li p {
	color: var(--color-static-black, #11151C);
	font-size: var(--font-size-sm, 16px);
	font-weight: 500;
	line-height: 150%;
	text-align: left;
	word-break: keep-all;
}

.carvazo-mechanic-wrap li p b {
	color: var(--color-green-700, #00B277);
	font-size: var(--font-size-sm, 16px);
	font-weight: 600;
	line-height: 150%;
	/* 24px */
}

/* !right-section */

.booking-alert-label {
	position: fixed;
	left: 50%;
	bottom: 88px;
	transform: translateX(-50%);
	border-radius: 100px;
	border: 1px solid var(--color-green-500, #0C8);
	background: var(--color-static-black-70, rgba(17, 21, 28, 0.70));
	backdrop-filter: blur(1.5px);
	-webkit-backdrop-filter: blur(1.5px);
	padding: 8px 16px;
	border-radius: 50px;
	color: var(--color-static-white, #FFF);
	text-align: center;
	font-size: var(--font-size-sm, 14px);
	font-weight: 500;
	line-height: 150%;
	display: none;
	z-index: 10;
}

.arrow-left,
.arrow-right {
	margin: auto;
	width: 20px;
	height: 20px;
	background-image: url(/CARVAZO_IMG/web_main/mDetail/slideBtn.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.arrow-left {
	transform: rotate(-180deg);
}