header > div.inner_wrap{ display: flex; justify-content: space-between; padding: 30px 0;}
header > div.inner_wrap h1{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 365px;}
header > div.inner_wrap h1 a{ display: block; width: 100%;}
header > div.inner_wrap h1 a img{ display: block; width: 100%;}
header div.gnb{ background: #b70f28;}
header div.gnb ul{ display: flex; justify-content: space-between;}
header div.gnb ul li a{ display: block; padding: 18px 0; font-weight: bold; font-size: 22px; color: #fff;}

section.visual{ height: 400px;}
section.visual div{ height: 100%;}
section.visual ul.slick-dots{ z-index: 5; position: absolute; left: 50%; bottom: 15px; transform: translateX(-50%); display: flex; gap: 7px;}
section.visual ul.slick-dots li button{ overflow: hidden; width: 16px; height: 16px; border: 1px solid #f7f7f7; border-radius: 99px; text-indent: -9999px; background: #fff;}
section.visual ul.slick-dots li.slick-active button{ width: 32px; background: #b70f28;}

section.main_counsel{ padding-top: 30px;}
section.main_counsel div.form_wrap{ border-radius: 20px; background: url("../image/counsel_bg.png") no-repeat 50% 50%; background-size: cover;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);}
section.main_counsel div.form_wrap div.form_inner{ display: flex; align-items: center; gap: 18px; height: 116px; padding: 0 24px 0 320px;}
section.main_counsel div.form_wrap div.form_inner div.inp_wrap input{ display: block; width: 229px; height: 49px; padding: 0 10px; border: 1px solid #ccc; border-radius: 5px;}
section.main_counsel div.form_wrap div.form_inner div.send{ width: 100%;}
section.main_counsel div.form_wrap div.form_inner div.send input{ display: block; width: 100%; padding: 20px 0; font-weight: 500; font-size: 20px; color: #fff; border: none;
border-radius: 10px; background: #b70f28;}

section.review{ padding-top: 60px;}
section.review h2{ margin-bottom: 5px; font-weight: 600; font-size: 35px; text-align: center;}
section.review h2 span{ font-weight: 800; color: #b70f28}
section.review p.desc{ margin-bottom: 30px; font-size: 16px; color: #b70f28; text-align: center;}
section.review div.view_box{ display: flex; flex-wrap: wrap; gap: 20px;}
section.review div.view_box div.list{ overflow: hidden; width: calc((100% - 60px) / 4);}
section.review div.view_box div.list img{ display: block; width: 100%; border-radius: 8px;}
section.review div.view_box div.list p{ padding: 5px 10px; font-size: 19px; overflow:hidden; text-overflow: ellipsis;
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

section.hot{ padding-top: 60px;}
section.hot h2{ margin-bottom: 30px; font-weight: 600; font-size: 35px; text-align: center;}
section.hot h2 span{ font-weight: 800; color: #b70f28;}
section.hot div.info_wrap ul{ display: flex; gap: 20px;}
section.hot div.info_wrap ul li{ flex: 1; border: 2px solid #000; border-radius: 999px;}
section.hot div.info_wrap ul li a{ display: block; padding: 14px 35px; font-weight: 500; font-size: 16px; line-height: 1.3;}
section.hot div.info_wrap ul li:nth-child(even) a{ color: #b70f28;}

section.find{ padding: 60px 0;}
section.find h2{ margin-bottom: 30px; font-weight: 600; font-size: 35px; text-align: center;}
section.find h2 span{ font-weight: 800; color: #b70f28;}
section.find div.info_wrap{ overflow: hidden; display: flex; border: 1px solid #bcbcbc; border-radius: 17px;}
section.find div.info_wrap div.tab_wrap button{ position: relative; display: block; width: 190px; height: 100px; padding: 15px 25px; font-weight: 500; font-size: 22px;
border-right: 1px solid #bcbcbc;}
section.find div.info_wrap div.tab_wrap button + button{ border-top: 1px solid #bcbcbc;}
section.find div.info_wrap div.tab_wrap button.active{ border-right: none;}
section.find div.info_wrap div.tab_wrap button.active::after{ content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 100%; background: #b70f28;}
section.find div.info_wrap div.content_wrap{ position: relative; width: calc(100% - 190px);}
section.find div.info_wrap div.content_wrap div.tab{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -150%); width: 690px; opacity: 0; transition: all 0.5s; display: none;}
section.find div.info_wrap div.content_wrap div.tab.active{ transform: translate(-50%, -50%); opacity: 1; display: block;}
section.find div.info_wrap div.content_wrap div.tab1 div.ko_car{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc;}
section.find div.info_wrap div.content_wrap div.tab1 ul{ display: flex; flex-wrap: wrap;}
section.find div.info_wrap div.content_wrap div.tab1 ul li{ width: calc(100% / 9); padding: 5px 0; text-align: center;}
section.find div.info_wrap div.content_wrap div.tab2 ul{ display: flex; flex-wrap: wrap; gap: 20px;}
section.find div.info_wrap div.content_wrap div.tab2 ul li{ width: calc((100% - 60px) / 4); text-align: center;}
section.find div.info_wrap div.content_wrap div.tab3 ul{ display: flex; flex-wrap: wrap; gap: 30px;}
section.find div.info_wrap div.content_wrap div.tab3 ul li{ width: calc((100% - 60px) / 3); border: 1px solid #ccc; border-radius: 999px; text-align: center;}
section.find div.info_wrap div.content_wrap div.tab3 ul li a{ display: block; padding: 5px 0; font-size: 18px;}


section.partner{ padding: 60px 0;}
section.partner h2{ margin-bottom: 30px; font-weight: 600; font-size: 35px; text-align: center;}
section.partner h2 span{ font-weight: 800; color: #b70f28;}

section.middle_ban img{ display: block; width: 100%;}

section.car_list.tru_car{ padding-bottom: 60px;}
section.car_list h2{ margin-bottom: 30px; font-weight: 600; font-size: 35px; text-align: center;}
section.car_list h2 span{ font-weight: 800; color: #b70f28}
section.car_list div.car_wrap{ margin-bottom: 30px;}
section.car_list div.car_wrap ul{ display: flex; flex-wrap: wrap; gap: 10px;}
section.car_list div.car_wrap ul li{ overflow: hidden; position: relative; width: calc((100% - 30px) / 4); border: 1px solid #c1c1c1; border-radius: 20px;}
section.car_list div.car_wrap ul li:hover{ box-shadow: 0px 0px 10px #b70f28; transition: all 0.3s;}
section.car_list div.car_wrap ul li div.img_wrap a{ display: block; width: 100%;}
section.car_list div.car_wrap ul li div.img_wrap a img{ display: block; width: 100%;}
section.car_list div.car_wrap ul li div.txt_wrap{ padding: 10px;}
section.car_list div.car_wrap ul li div.txt_wrap p.tit{ margin-bottom: 5px; font-size: 17px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
section.car_list div.car_wrap ul li div.txt_wrap p.tit span{ font-weight: 500;}
section.car_list div.car_wrap ul li div.txt_wrap div.opt{ display: flex; align-items: center; justify-content: space-between; padding: 2px 0;}
section.car_list div.car_wrap ul li div.txt_wrap div.opt span{ font-size: 14px; color: #737373;}
section.car_list div.car_wrap ul li div.txt_wrap div.opt span.car_pri{ font-weight: 900; font-size: 19px; color: #b70f28;}
section.car_list a.more{ display: block; width: 293px; padding: 16px 53px 15px 54px; margin: 0 auto; font-weight: 500; font-size: 25px; color: #fff; border-radius: 18px; text-align: center;
background: #b70f28;}
section.car_list ul li div.label{ position: absolute; left: 10px; top: 0; width: 70px; padding: 0;}
section.car_list ul li div.label img{ display: block; width: 100%;}

section.process{ height: 372px; margin-bottom: 30px; background: url("../image/section-five-img.jpg") no-repeat 50% 50%; background-size: cover;}


footer div.logo_wrap{ width: 245px; margin-bottom: 40px;}
footer div.logo_wrap img{ display: block; width: 100%;}



/* headline-short 커스텀 시작 */
.headline-short.center{
	text-align: center;
}
.headline-short.center h1:after,
.headline-short.center h2:after,
.headline-short.center h3:after,
.headline-short.center h4:after,
.headline-short.center h5:after,
.headline-short.center h6:after {
	left: 50%;
}
/* headline-short 커스텀 끝 */



/* 4-3 비율 박스 커스텀 시작 */
.ratio-4-3 {
  width: 100%;
  position: relative;
  padding-bottom: 75%; /* 3 / 4 = 0.75 */
  background: #ddd;
}
.ratio-4-3 > .content-box {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}
.ratio-4-3 > .content-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 4-3 비율 박스 커스텀 끝 */


/* 16-9 비율 박스 커스텀 시작 */
.ratio-16-9 {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%; /* 9 / 16 = 0.5625 */
  background: #ddd;
}
.ratio-16-9 > .content-box {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}
.ratio-16-9 > .content-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 16-9 비율 박스 커스텀 끝 */

/* 1-1 비율 박스 커스텀 시작 */
.ratio-1-1 {
  width: 100%;
  position: relative;
  padding-bottom: 100%; /* 1 / 1 = 1 */
  background: #ddd;
}
.ratio-1-1 > .content-box {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}
.ratio-1-1 > .content-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 1-1 비율 박스 커스텀 끝 */ 


/* 매물 목록 스타일 커스텀 시작 */

section.car_search{ padding-top: 10px;}
section.car_search div.tab_wrap ul{ display: flex;}
section.car_search div.tab_wrap ul li{ flex: 1;}
section.car_search div.tab_wrap ul li a{ display: block; width: 100%; padding: 12px 0 11px; font-weight: bold; font-size: 17px; text-align: center; background: #f3f3f3;}
section.car_search div.tab_wrap ul li.active a{ color: #fff; background: #b70f28;}
section.car_search div.car_wrap{ padding: 40px 10px 10px;}
section.car_search div.car_wrap ul{ display: flex;}
section.car_search div.car_wrap ul li{ flex: 1;}
section.car_search div.car_wrap ul li.active{ border: 1px solid #b70f28; margin: -1px; }
section.car_search div.car_wrap ul li a{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; width: 100%; height: 100%; padding: 15px 0; font-size: 16px;}
section.car_search div.subsearch_total_wrap div.chk_opt{ display: flex;}
section.car_search div.subsearch_total_wrap div.chk_opt div.list{ flex: 1; border: 1px solid #ccc;}
section.car_search div.subsearch_total_wrap div.chk_opt div.list + div.list{ border-left: none;}
section.car_search div.subsearch_total_wrap div.chk_opt div.list div.head{ padding: 9px 0; border-bottom: 1px solid #ccc; text-align: center; background: #f8f8f8;}
section.car_search div.subsearch_total_wrap div.chk_opt div.list div.opt_wrap ul{ overflow-y: auto; height: 150px;}
section.car_search div.subsearch_total_wrap div.chk_opt div.list div.opt_wrap ul li{ padding: 8px 12px; cursor: pointer;}
section.car_search div.subsearch_total_wrap div.chk_opt div.list div.opt_wrap ul li.active{ color: #fff; background: #b70f28;}
section.car_search div.subsearch_total_wrap div.chk_opt div.list div.opt_wrap ul li:hover{ color: #fff; background: #b70f28;}
section.car_search div.car_searchoption{ padding: 10px; border: 1px solid #ccc; border-top: none; background: #f9f9f9;}
section.car_search div.car_searchoption div.car_opt div.opt_chk{ display: flex; align-items: center; gap: 10px; height: 30px;}
section.car_search div.car_searchoption div.car_opt div.opt_chk p.tit{ display: inline-block; width: 60px; padding-right: 10px; font-weight: bold; font-size: 13px; color: #636363; text-align: right;}
section.car_search div.car_searchoption div.car_opt div.opt_chk div.chk_wrap select{ width: 85px; height: 22px; font-size: 13px; vertical-align: top;}
section.car_search div.car_searchoption div.car_opt div.opt_chk div.chk_wrap input{ border: 1px solid #ccc; background: #fff;}
section.car_search div.car_searchoption div.car_opt div.opt_chk div.radio_wrap{ display: flex; gap: 5px;}
section.car_search div.car_searchoption div.car_opt div.opt_chk div.radio_wrap div.radio_list{ display: flex; align-items: center;}
section.car_search div.car_searchoption div.car_opt div.opt_chk div.radio_wrap div.radio_list label{ margin-top: 2px; font-weight: bold; font-size: 12px;}
section.car_search div.search_btn{ display: flex; align-items: center; justify-content: space-between; padding-left: 10px; border: 1px solid #ccc; border-top: none; background: #f0f2f2;}
section.car_search div.search_btn select{ height: 22px; font-size: 13px;}
section.car_search div.search_btn div.btn_wrap{ display: flex;}
section.car_search div.search_btn div.btn_wrap input{ height: 50px; padding: 0 30px; font-weight: 500; font-size: 16px;}
section.car_search div.search_btn div.btn_wrap input.button{ color: #fff; background: #ccc;}
section.car_search div.search_btn div.btn_wrap input.button2{ color: #fff; background: #333;}

section.car_search{ padding-top: 10px;}
section.car_search div.order{ padding: 3px 0; margin-bottom: 30px; background: #333;}
section.car_search div.order ul{ display: flex; justify-content: center; gap: 5px;}
section.car_search div.order ul li a{ display: block; padding: 0 7px; font-size: 14px; color: #fff;}
section.car_search div.order ul li.active a{ color: #333; background: #fff;}

  /* 매물 목록 스타일 커스텀 끝 */