*{
  box-sizing: border-box;
}
body{
  background-color: #E4ECF7;
}
section{
  padding: 56px 24px;
  position: relative;
  background-color: #fff;
}
img{
  max-width:100%;
  width:100%;
}
#header{
  z-index: 9;
}
.intro-wrap{
  width: 600px;
  margin: 0 auto;
  box-shadow: 0px 0px 30px 0px rgba(3, 44, 73, 0.08);
}
.section-title{
  color: var(--color-static-black, #11151C);
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  padding-bottom: 32px;
  text-align: center;
}
/* main-wrap */
.main-wrap{
  padding: 0 52px;
  background: #174046;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 220px;
}
.main-wrap h2{
  color: #E3FFF4;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  padding-bottom: 8px;
  text-align: left;
}
.main-wrap p{
  color: var(--color-green-500, #0C8);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 190%;
  text-align: left;
}
.main-wrap .img-wrap{
  position: absolute;
  right: 62px;
  bottom: 0;
  width: 145px;
  height: 207px;
}
/* !main-wrap */

/* about-wrap */
.about-wrap{
  background-color: #EAF4F6;
  padding: 40px 20px;
  text-align: center;
  color: var(--color-static-black, #11151C);
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 180%; /* 28.8px */
}
.about-wrap span{
  background: linear-gradient(91deg, #1E666E 3.78%, #37BD92 52.01%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 18px;
  font-weight: 700;
  line-height: 180%;
}
/* !about-wrap */

/* method-wrap */
.method-wrap ul{
  padding-bottom: 32px;
  border-bottom: 1px solid #EDF4FC;
}
.method-wrap li{
  width: 400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 28px;
}
.method-wrap li:last-of-type{
  margin-bottom: 0;
}
.method-wrap .img-wrap{
  width: 80px;
  flex: 0 0 80px;
}
.method-wrap .title{
  color: var(--color-static-black, #11151C);
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  padding-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  position: relative;
}
.method-wrap .desc{
  color: var(--color-neutral-600, #717D8E);
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  white-space: nowrap;
}
.method-wrap .extra-btn{
  padding: 4px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  color: var(--color-neutral-600, #717D8E);
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  border-radius: 6px;
  background: var(--color-neutral-100, #EDF4FC);
}
.method-wrap .qna-list{
  padding-top: 32px;
}
.method-wrap dl{
  border-radius: 12px;
  background: var(--color-neutral-50, #F5F8FC);
  padding: 20px 16px;
  width: 450px;
  margin: 0 auto 16px;
  text-align: center;
}
.method-wrap dl:last-of-type{
  margin-bottom: 0;
}
.method-wrap dt{
  color: var(--color-green-700, #00B277);
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  padding-bottom: 8px;
}
.method-wrap dd{
  color: var(--color-static-black, #11151C);
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}
.method-wrap dd span{
  color: var(--color-neutral-600, #717D8E);
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}
.method-wrap .tooltip{
  padding: 18px 16px;
  width: 255px;
  border-radius: 8px;
  background: var(--color-basic-black-70, rgba(17, 21, 28, 0.70));
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  position: absolute;
  top: 37px;
  left: 71px;
  z-index: 1;
  display: none;
}
.method-wrap .tooltip .tooltip-title{
  color: var(--color-static-white, #FFF);
  font-size: 16px;
  font-weight: 400;
  line-height: 170%;
  padding-bottom: 8px;
}
.method-wrap .tooltip .tooltip-title span{
  color: var(--color-green-500, #0C8);
  font-size: 16px;
  font-weight: 400;
  line-height: 170%;
  padding-right: 4px;
}
.method-wrap .tooltip .tooltip-desc{
  color: var(--color-static-white, #FFF);
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}
.method-wrap .tooltip .tooltip-desc span{
  text-decoration: underline;
}
/* !method-wrap */

/* step-wrap */
.step-wrap{
  background-color: #1E2329;
}
.step-wrap .section-title{
  color: #fff;
}
.step-wrap .step-list{
  width: 450px;
  margin: 0 auto;
  text-align: center;
}
.step-wrap li{
  padding-bottom: 64px;
}
.step-wrap li:last-of-type{
  padding-bottom: 0;
}
.step-list .text-wrap{
  padding-bottom: 16px;
}
.step-list .step-title{
  padding-bottom: 8px;
  color: var(--color-static-white, #FFF);
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
}
.step-list .step-title span{
  color: var(--color-green-500, #0C8);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}
.step-list .step-desc{
  color: var(--color-neutral-300, #C1C9D6);
  font-size: 16px;
  font-weight: 400;
  line-height: 170%;
}
.step-list .option-button{
  display: flex; 
  align-items: center;
  justify-content: center;
  gap: 2px;
  color: var(--color-green-700, #00B277);
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  margin: 8px auto 0;
}
.step-list .img-wrap{
  width: 100%;
  height: 220px;
  border-radius: 12px;
  background: #2D414D;
  overflow: hidden;
  position: relative;
}
.step-list .img-wrap img{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
  object-fit: contain;

}
/* !step-wrap */


/* point-wrap */
.point-wrap{
  background: #EDF4FC;
}
.point-wrap ul{
  width: 380px;
  margin: 0 auto;
}
.point-wrap li{
  padding: 16px 20px;
  border-radius: 12px;
  background: #FFF;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  height: 120px;
}
.point-wrap li:last-of-type{
  margin-bottom: 0;
}
.point-wrap .img-wrap{
  flex: 0 0 48px;
  width: 48px;
}
.point-wrap .text-wrap{
  flex: 1;
  color: var(--Color-Text-black, #11151C);
  font-size: 17px;
  font-weight: 600;
  line-height: 150%;
}
.point-wrap .text-wrap span{
  color: var(--color-green-700, #00B277);
}
.point-wrap .text-wrap .desc{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2px;
  color: var(--Color-Text-gray-01, #717D8E);
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  padding-top: 2px;
}
/* !point-wrap */



/* price-wrap */
.price-wrap{
  padding: 48px 24px;
  background:#1B2129;
}
.price-wrap .section-title{
  color: #fff;
  padding-bottom: 24px;
}
.price-wrap .amount-view{
  width: 400px;
  margin: 0 auto 16px;
  border-radius: 12px;
  background: #323A45;
  position: relative;
}
.price-wrap .price-button{
  width: 100%;
  height: 67px;
  line-height: 67px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 16px;
  position: relative;
  text-indent: 32px;
  position: relative;
  padding-right: 40px;
  font-size: 18px;
  cursor: pointer;
}
.price-wrap .price-button::placeholder{
  color: #A9B4C4;
  font-size: 18px;
  font-weight: 500;
  line-height: 64px;
  
}
.price-wrap .amount-view::before,
.price-wrap .amount-view::after{
  content:'';
  display: block;
  position: absolute;
  top: 22px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.price-wrap .amount-view::before{
  left: 16px;
  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='M15.606 2.72412C16.5875 2.72412 17.4694 3.3241 17.8306 4.23682L19.5444 8.56494H20.1343C20.927 8.56494 21.5697 9.20782 21.5698 10.0005V19.4663C21.5697 20.259 20.927 20.9019 20.1343 20.9019H18.2202C17.4276 20.9018 16.7848 20.2589 16.7847 19.4663V18.1187H7.21533V19.4663C7.21521 20.2589 6.57241 20.9018 5.77979 20.9019H3.86572C3.07301 20.9019 2.4303 20.259 2.43018 19.4663V10.0005C2.43033 9.20782 3.07302 8.56494 3.86572 8.56494H4.45654L6.16943 4.23682C6.5305 3.32426 7.41268 2.72432 8.39404 2.72412H15.606ZM7.14893 12.0259C6.4222 12.0259 5.83252 12.6156 5.83252 13.3423C5.83263 14.0689 6.42227 14.6577 7.14893 14.6577C7.87538 14.6575 8.46425 14.0688 8.46436 13.3423C8.46436 12.6157 7.87545 12.0261 7.14893 12.0259ZM16.8521 12.0259C16.1253 12.0259 15.5356 12.6156 15.5356 13.3423C15.5358 14.0689 16.1254 14.6577 16.8521 14.6577C17.5786 14.6575 18.1674 14.0688 18.1675 13.3423C18.1675 12.6157 17.5786 12.026 16.8521 12.0259ZM8.39404 4.63818C8.19793 4.63838 8.02187 4.75853 7.94971 4.94092L6.51611 8.56494H17.4849L16.0513 4.94092C15.979 4.75838 15.8023 4.63818 15.606 4.63818H8.39404Z' fill='%23D9E1EE'/%3E%3C/svg%3E");
}
.price-wrap .amount-view::after{
  right: 16px;
  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='M7.84551 3.39836C7.45498 3.78889 7.45498 4.42205 7.84551 4.81258L15.0331 12.0001L7.84551 19.1877C7.45498 19.5782 7.45498 20.2114 7.84551 20.6019C8.23603 20.9924 8.86919 20.9924 9.25972 20.6019L17.1544 12.7072C17.5449 12.3167 17.5449 11.6835 17.1544 11.293L9.25972 3.39836C8.86919 3.00784 8.23603 3.00784 7.84551 3.39836Z' fill='%23717D8E'/%3E%3C/svg%3E");
}
.result-price-wrap.on{
  padding: 20px 16px;
  border-radius: 12px;
  border: 1px solid #36896E;
  width: 400px;
  margin: 0 auto;
}
.result-price{
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}
.result-price span:first-of-type{
  color: var(--color-static-white, #FFF);
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
}
.result-price #price{
  color: var(--color-neutral-400, #A9B4C4);
  font-size: 20px;
  font-weight: 700;
  line-height: 150%; /* 30px */
}
.result-price #price.on{
  color: #0c8;
}
.result-price-wrap.on .result-price{
  padding-bottom: 16px;
  border-bottom: 1px solid #2B323B;
}
.result-price-wrap .care-list{
  padding-top: 16px; 
  display: none;
}
.result-price-wrap .care-list-title{
  border-radius: 32px;
  background: var(--color-static-black-70, rgba(17, 21, 28, 0.70));
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 8px 12px;    
  width: 326px;
  margin: 0 auto 12px;
}
.result-price-wrap .care-list-title span{
  color: var(--color-static-white, #FFF);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%; /* 18px */
}
.result-price-wrap .care-list-title span:last-of-type{
  font-weight: 800;
  text-shadow: 0px -4px 12px rgba(0, 42, 104, 0.16);
  background: linear-gradient(90deg, #FFF 2.55%, #DDFF80 31.21%, #00FF7B 64.65%, #00C8FF 98.09%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.result-price-wrap li{
  margin-bottom: 12px;
  border-radius: 12px;
  background: var(--color-neutral-900, #2B323B);
  padding: 14px 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.result-price-wrap li:last-of-type{
  margin-bottom: 16px;
}
.result-price-wrap li .img-wrap{
  width: 40px;
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.result-price-wrap li .text-wrap{
  flex: 1;
}
.result-price-wrap li .care-title{
  color: var(--color-static-white, #FFF);
  font-size: 16px;
  font-weight: 600;
  line-height: 150%; /* 21px */
  padding-bottom: 2px;
}
.result-price-wrap li .care-desc{
  color: var(--color-neutral-400, #A9B4C4);
  font-size: 14px;
  font-weight: 500;
  line-height: 150%; /* 18px */
}
.result-price-wrap li .care-desc span{
  color: var(--color-neutral-600, #717D8E);
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
}
.result-price-wrap .reserv-btn{
  width: 100%;
  height: 56px;
  line-height: 56px;
  border-radius: var(--Radius-8, 8px);
  background: var(--color-green-700, #00B277);
  color: var(--color-static-white, #FFF);
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}
.price-wrap .price-btn{
  border-radius: 8px;
  background: #2D343D;
  padding: 8px 10px;
  color: var(--color-neutral-400, #A9B4C4);
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 24px auto 0;
}
.result-price-wrap.on .care-list{
  display: block;
}
/* !price-wrap */

/* 가격 안내 모달 */
.modal-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  z-index: 60;
  overflow: auto;
  display: none;
}

.modal-wrap::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.price-modal {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  padding: 70px 40px 40px;
  background-color: #eceff2;
  display: inline-block;
  vertical-align: middle;
  width:940px;
  overflow: auto;
}

.modal-close {
  position: absolute;
  top: 30px;
  right: 35px;
  width: 40px;
  height: 40px;
}

.modal-close button {
  display: block;
  width: 100%;
  height: 100%;
}

.price-modal h3 {
  font-size: 36px;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -2px;
  color:#303841;
}

.price-modal p {
  margin-top: 20px;
  font-weight: 300;
  text-align: left;
  letter-spacing: -1px;
  line-height: 1.4;
  font-size: 18px;
  color:#303841;
}
.price-modal p a{
  color:#626974;
  position: relative;
  font-size: 14px;
  font-weight: 300;
  border-bottom:1px solid #626974;
}
.price-modal p a::after{
  content:'';
  width: 18px;
  height: 18px;
  display: inline-block;
  background:url('https://images.carvazo.com/carvazo/common/icon_link_arrow_gray.svg') center center / cover no-repeat;
  vertical-align : text-bottom;
}
.table-wrap {
  margin-top: 40px;
}

.price-table-wrap h4 {
  letter-spacing: -0.5px;
  color: #0fae6f;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
}

.price-table-wrap h4 span {
  margin-left: 6px;
  color: #626974;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.4;
}

.price-table-wrap .price-table{
  margin-top: 12px;
  box-sizing: border-box;
  border-top: 2px solid #00CC83;
  border-spacing: 0;
  display: flex;
  flex-wrap: wrap;
}
.price-table-wrap .price-table dl{
  width:25%;
  border:1px solid #dee1e4;
  box-sizing: border-box;
  border-collapse: collapse;
  background: #fff;
  border-left:none;
}
.price-table-wrap .price-table dl:first-of-type,
.price-table-wrap .price-table dl:nth-of-type(5n){
  border-left:1px solid #dee1e4;
}
.price-table-wrap .price-table dl:nth-of-type(n+5){
  border-top:none;
}
.price-table-wrap .price-table dt{
  padding:6px 6px 13px;
  border-bottom:1px solid #dee1e4;
  letter-spacing: -0.5px;
  color: #878C95;
  line-height: 1.4;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}
.price-table-wrap .price-table dt span{
  display: block;
  background: #F4F8FC;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  height:32px;
  line-height:32px;
  letter-spacing: -0.5px;
  color: #101820;
  margin-bottom: 14px;
}
.price-table-wrap .price-table dd{
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  letter-spacing: -0.5px;
  color: #303841;
  font-family: 'Kaleko205-Bold';
}
/* !가격 안내 모달 */

/* 안심케어 모달 */
#carvazoCareInfoModal{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	z-index: 20;
	background-color: rgba(0, 0, 0, 0.7);
	display: none;
}
#carvazoCareInfoModal .modal-box {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	background-color: #fff;
	width: 420px;
	height: 80%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow-y: auto;
}

#carvazoCareInfoModal .modal-close-wrap{
	background-color: #fff;
	position: sticky;
	top: 0;
	right: 0;
	left: 0;
	height: 68px;
}
#carvazoCareInfoModal .modal-close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 28px;
	height: 28px;
	background-color: #fff;
}
#carvazoCareInfoModal .carvazo-care-wrap img{
	width: 100%;
}
/* !안심케어 모달 */

/* 검수항목 모달 */
.inspection-list-modal{
  position: fixed;
  z-index: 999;
  display: none;
}
.inspection-list-modal .modal-bg{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  background: var(--color-basic-black-70, rgba(17, 21, 28, 0.70));
  z-index: 10;
}
.inspection-list-modal .modal-box{
  position: fixed;
  background: #fff;
  height: 80%;
  z-index: 999;
  width: 420px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.inspection-list-modal.show{
  display: block;
}
.inspection-list-modal.show .modal-bg{
  display: block;
}

.inspection-list-modal.show .modal-box{
  /* transform: translateX(-50%); */
  top: 0;
}
.inspection-list-modal .modal-header{
  width: 100%;
  height: 64px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.inspection-list-modal .modal-header .modal-close{
  width: 64px;
  height: 64px;
  cursor: pointer;
  top: 0;
  right: 0;
}
.inspection-list-modal .modal-header .modal-close svg{
  width: 24px;
  height: 24px;
}
.inspection-list-modal .modal-contents{
  height: calc(100% - 64px);
  overflow: auto;
  padding: 0 20px 20px;
}
.inspection-list-modal .modal-contents h4{
  color: var(--Color-Text-black, #17191C);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  padding-bottom: 15px;
}
.inspection-list-modal .modal-contents h6{
  margin: 0;
  color: var(--Color-Text-gray-01, #717D8E);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 19.5px */
}
.inspection-list-modal .modal-contents dl{
  padding: 16px;
  margin-top: 8px;
  border-radius: 12px;
  background-color: #F5F8FC;
  text-align: left;
}
.inspection-list-modal .modal-contents dl:last-of-type{
  margin-bottom: 20px;
}
.inspection-list-modal .modal-contents dt{
  color: var(--Color-Text-black, #11151C);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21px */
  padding-bottom: 8px;
}
.inspection-list-modal .modal-contents dd{
  color: var(--Color-Text-gray-01, #717D8E);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 19.5px */
}
/* !검수항목 모달 */

/* 가격 조회 후 정비사 선택 필터 모달 */
.mechanic-search-modal{
  display: none;
  position: fixed;
  width: 420px;
  height: 80%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 21;
  background-color: #fff;
  overflow: auto;
}
.mechanic-search-modal-bg{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(17, 21, 28, 0.70);
  z-index: 20;
  display: none;
}
.mechanic-search-modal *{
	box-sizing: border-box;
}
.mechanic-search-modal.on,
.mechanic-search-modal-bg.on{
  display: block;
}
.mechanic-search-modal .modal-title-wrap{
	width: 100%;
	box-sizing: border-box;
	top: 0;
	height: var(--fmodal-navigator-height, 56px);
	position: relative;
}
.mechanic-search-modal .modal-title-wrap .modal-title{
	display: inline-block;
	width: 100%;
	line-height: var(--fmodal-navigator-line-height, 56px);
	font-size: var(--fmodal-navigator-font-size, 18px);
	font-weight: var(--fmodal-navigator-font-weight, 700);
	text-align: center;
}
.mechanic-search-modal .modal-close{
	position: absolute;
	top: 0;
	margin-top: 0;
	right: 0;
	width: 56px;
	height: 56px;
	cursor: pointer;
	background: url(https://images.carvazo.com/carvazo/common/m/car_filter/icon_close_black.svg) center center / auto no-repeat;
}
.mechanic-search-modal .modal-contents-wrap{
	width: 100%;
	height: calc(100% - 144px);
	overflow-y: auto;
}
.mechanic-search-modal .calendar-container .calendar{
	padding: 0;
}
.mechanic-search-modal .search-filter-wrap{
	padding: 24px 20px;
	border-bottom: 10px solid #F5F8FC;
  display: block;
  min-width: auto;
}
.mechanic-search-modal .search-filter-wrap:first-of-type{
	padding-top: 16px;
}
.mechanic-search-modal .search-filter-wrap:last-of-type{
	border-bottom: none;
}
.mechanic-search-modal .search-filter-wrap h4{
	color: var(--color-static-black, #11151C);
	font-size: var(--font-size-lg, 18px);
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 27px */
	position: relative;
	padding: 0 0 16px 32px;
}
.mechanic-search-modal .search-filter-wrap h4::before{
	content:'';
	width: 24px;
	height: 24px;
	position: absolute;
	top: 1.5px;
	left: 0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto;
}
.mechanic-search-modal .brand-name-wrap h4::before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6064 3.22363C16.5879 3.22371 17.47 3.82368 17.8311 4.73633L19.5439 9.06543H20.1348C20.9274 9.06567 21.5693 9.70833 21.5693 10.501V13.2568L21.5703 13.2676V19.9658C21.5703 20.7585 20.9274 21.4011 20.1348 21.4014H18.2207C17.4279 21.4014 16.7852 20.7586 16.7852 19.9658V18.6191H7.21484V19.9658C7.21484 20.7586 6.57209 21.4014 5.7793 21.4014H3.86523C3.07264 21.4011 2.42969 20.7585 2.42969 19.9658V10.501C2.42969 9.70832 3.07263 9.06565 3.86523 9.06543H4.45703L6.16992 4.73633C6.53105 3.82362 7.41298 3.22364 8.39453 3.22363H15.6064ZM7.14844 12.5264C6.42183 12.5264 5.83315 13.1152 5.83301 13.8418C5.83301 14.5685 6.42174 15.1582 7.14844 15.1582C7.87516 15.1582 8.46387 14.5685 8.46387 13.8418C8.46373 13.1152 7.87508 12.5264 7.14844 12.5264ZM16.8516 12.5264C16.125 12.5265 15.5363 13.1153 15.5361 13.8418C15.5361 14.5685 16.1249 15.1581 16.8516 15.1582C17.5783 15.1582 18.168 14.5685 18.168 13.8418C18.1678 13.1152 17.5782 12.5264 16.8516 12.5264ZM8.39453 5.1377C8.19823 5.1377 8.02144 5.25789 7.94922 5.44043L6.51563 9.06543H17.4854L16.0508 5.44043C15.9785 5.25805 15.8026 5.13778 15.6064 5.1377H8.39453Z' fill='%2311151C'/%3E%3C/svg%3E");
}
.mechanic-search-modal .place-wrap h4::before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2.5C16.4182 2.50001 19.9999 6.08179 20 10.5C20 14.1308 14.5976 19.8984 12.6719 21.8389C12.2976 22.2158 11.7024 22.2158 11.3281 21.8389C9.40236 19.8984 4 14.1308 4 10.5C4.00007 6.08179 7.58177 2.5 12 2.5ZM12 7.41113C10.5949 7.41113 9.45534 8.55005 9.45508 9.95508C9.45508 11.3603 10.5948 12.5 12 12.5C13.4052 12.4999 14.5439 11.3603 14.5439 9.95508C14.5437 8.5501 13.405 7.41122 12 7.41113Z' fill='%2311151C'/%3E%3C/svg%3E");
}
.mechanic-search-modal .date-wrap h4::before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M14.8955 11.6807C15.2416 11.3242 15.8113 11.3153 16.168 11.6611C16.5247 12.0072 16.5336 12.5778 16.1875 12.9346L11.918 17.335C11.5764 17.687 11.0156 17.7011 10.6572 17.3662L8.27344 15.1367C7.91051 14.7973 7.89121 14.2283 8.23047 13.8652C8.56996 13.5022 9.13987 13.4828 9.50293 13.8223L11.2412 15.4473L14.8955 11.6807Z' fill='%2311151C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.06055 2.09375C7.61271 2.09389 8.06055 2.54155 8.06055 3.09375V4.13672H15.9395V3.09375C15.9395 2.54158 16.3873 2.09393 16.9395 2.09375H17.5664C18.1186 2.09386 18.5664 2.54153 18.5664 3.09375V4.13672H19.6748C20.5012 4.13685 21.1709 4.80837 21.1709 5.63672V20C21.1709 21.3807 20.0516 22.5 18.6709 22.5H5.3291C3.94839 22.5 2.82911 21.3807 2.8291 20V5.63672C2.8291 4.80837 3.4988 4.13685 4.3252 4.13672H5.43359V3.09375C5.43359 2.54156 5.88144 2.0939 6.43359 2.09375H7.06055ZM4.8291 20C4.82911 20.2761 5.05296 20.5 5.3291 20.5H18.6709C18.947 20.5 19.1709 20.2761 19.1709 20V9.63672H4.8291V20Z' fill='%2311151C'/%3E%3C/svg%3E");
}
.mechanic-search-modal .search-filter-wrap.active h4::before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2.38867C17.5228 2.38867 22 6.86582 22 12.3887C21.9999 17.9114 17.5228 22.3887 12 22.3887C6.47723 22.3887 2.00013 17.9114 2 12.3887C2 6.86582 6.47715 2.38867 12 2.38867ZM17.8584 8.30762C17.4949 7.96873 16.9259 7.98824 16.5869 8.35156L10.4824 14.8994L7.38281 11.8838C7.02655 11.5372 6.45696 11.5451 6.11035 11.9014C5.76378 12.2576 5.77168 12.8272 6.12793 13.1738L9.88574 16.8301C10.0591 16.9988 10.2933 17.0908 10.5352 17.085C10.7771 17.0791 11.0068 16.9758 11.1719 16.7988L17.9033 9.5791C18.2421 9.21555 18.2219 8.64653 17.8584 8.30762Z' fill='%2300CC88'/%3E%3C/svg%3E");
}
.mechanic-search-modal .input-wrap{
	border-radius: 8px;
	border: 1px solid var(--color-neutral-200, #D9E1EE);
	width: 100%;
	height: 56px;
	padding: 0 32px 0 0;
	position: relative;
}
.mechanic-search-modal .input-wrap::after{
	content:'';
	width: 16px;
	height: 16px;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	background: 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.23036 2.26545C4.97001 2.5258 4.97001 2.94791 5.23036 3.20826L10.0221 7.99996L5.23036 12.7917C4.97001 13.052 4.97001 13.4741 5.23036 13.7345C5.49071 13.9948 5.91282 13.9948 6.17317 13.7345L11.4363 8.47136C11.6966 8.21101 11.6966 7.7889 11.4363 7.52855L6.17317 2.26545C5.91282 2.0051 5.49071 2.0051 5.23036 2.26545Z' fill='%23A9B4C4'/%3E%3C/svg%3E") center center / auto no-repeat;
}
.mechanic-search-modal .input-wrap input{
	width: 100%;
	height: 100%;
	line-height: 56px;
	text-indent: 16px;
	overflow: hidden;
	color: var(--color-static-black, #11151C);
	text-overflow: ellipsis;
	font-size: var(--font-size-md, 16px);
	font-style: normal;
	font-weight: 500;
	border : none;
	margin: 0;
	float: none;
	border-radius: 0;
	padding: 0;
  cursor: pointer;
}
.mechanic-search-modal .input-wrap input.active{
	font-weight: 500;
	border: none;
	background-color: transparent;
	color: #11151c;
}
.mechanic-search-modal .input-wrap input::-webkit-input-placeholder {
	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;
	color: var(--Colors-grey-30, #C1C9D6);
	font-weight: 500;
}

.mechanic-search-modal .input-wrap input::-moz-input-placeholder {
	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;
	color: var(--Colors-grey-30, #C1C9D6);
	font-weight: 500;
}

.mechanic-search-modal .input-wrap input:-ms-input-placeholder {
	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;
	color: var(--Colors-grey-30, #C1C9D6);
	font-weight: 500;
}
.calendar .calendar-notice{
	display: none;
}
.mechanic-search-modal .date-wrap h4 p{
	padding-top: 8px;
	color: var(--color-neutral-600, #717D8E);
	font-size: var(--font-size-sm, 14px);
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 21px */
  text-align: left;
  text-indent: -32px;
}

.mechanic-search-modal .modal-button-wrap{
	padding: 16px 20px;
	background-color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: 0px -2px 50px 0px rgba(0, 42, 104, 0.06);
}
.mechanic-search-modal .modal-button-wrap button{
	width: 100%;
	height: 56px;
	line-height: 56px;
	text-align: center;
	border-radius: var(--Radius-8, 8px);
	background: var(--color-green-500, #0C8);
	color: var(--color-static-white, #FFF);
	font-size: var(--font-size-md, 16px);
	font-style: normal;
	font-weight: 700;
}
.mechanic-search-modal .modal-button-wrap button:disabled{
	background-color: #C1C9D6;
}
/* !가격 조회 후 정비사 선택 필터 모달 */