@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400&display=swap');

/* WebFont Default */
@font-face {
  font-family: 'KBO-Dia-Gothic_medium';
  src: url('../fonts/KBO-Dia-Gothic_medium.eot'); /* IE 호환성 보기 */
  src: url('../fonts/KBO-Dia-Gothic_medium.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
       url('../fonts/KBO-Dia-Gothic_medium.woff2') format('woff2'), /* WOFF2 지원 브라우저 */
       url('../fonts/KBO-Dia-Gothic_medium.woff') format('woff'), /* 모던 브라우저 */
       url('../fonts/KBO-Dia-Gothic_medium.ttf') format('truetype');
}

/* WebFont Default 02 */
@font-face {
  font-family: 'GmarketSansTTFMedium';
  src: url('../fonts/GmarketSansTTFMedium.eot'); /* IE 호환성 보기 */
  src: url('../fonts/GmarketSansTTFMedium.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
       url('../fonts/GmarketSansTTFMedium.woff2') format('woff2'), /* WOFF2 지원 브라우저 */
       url('../fonts/GmarketSansTTFMedium.woff') format('woff'), /* 모던 브라우저 */
       url('../fonts/GmarketSansTTFMedium.ttf') format('truetype');
}

/* WebFont Default 03 */
@font-face {
  font-family: 'GmarketSansTTFBold';
  src: url('../fonts/GmarketSansTTFBold.eot'); /* IE 호환성 보기 */
  src: url('../fonts/GmarketSansTTFBold.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
       url('../fonts/GmarketSansTTFBold.woff2') format('woff2'), /* WOFF2 지원 브라우저 */
       url('../fonts/GmarketSansTTFBold.woff') format('woff'), /* 모던 브라우저 */
       url('../fonts/GmarketSansTTFBold.ttf') format('truetype');
}

body{font-family: 'Noto Sans KR', sans-serif;}

#wrap{clear: both;}
.inner, .inr-c {width:1200px; margin:0 auto; padding:0px;}
#container{padding-top:10px;}

#header.header_area .util .wrap, #header.header_area .util{background:none;}
#header.header_area .util .util_menu li a{color: #757575;}

#header.header_area .primary{position: relative;}
#header.header_area .primary.case_gnb03{background: none; border-bottom:2px solid #b2251d;}
#header.header_area .primary.case_gnb03:after{content:''; display: inline-block; width:100%; height:1px; background:#dbdbdb; position: absolute; bottom:0px;}
#header.header_area .primary.case_gnb03 .gnb h1{padding:15px 0 32px;}
#header.header_area .primary.case_gnb03 .gnb_menu{margin:0;}
#header.header_area .primary.case_gnb03 .gnb_menu li a{display: block; line-height:1em; color: #323232; height:42px; line-height:42px; font-size:26px;}
#header.header_area .primary.case_gnb03 .gnb_menu li a:hover{color:#ef4d4d;}
#header.header_area .primary .decoC{top:67px !important; left:465px !important;}
#header.header_area .primary .decoC .case_srch{background:#ef4d4d;}
#header.header_area .primary .decoC .case_srch #header-search-span input{position: relative; width: 237px; height:50px; padding-left: 0px; background:none !important; border: none; text-indent:15px; color: #fff; font-size:13px; font-family: 'Noto Sans KR', sans-serif;}
#header.header_area .primary .decoC .case_srch #header-search-span input::placeholder{text-indent:15px; color: #fff;}
#header.header_area .primary .decoC .case_srch #header-car-name-search-btn{width:33px; height:50px; vertical-align: top; display: inline-block; border: none; text-indent: -9999px;}
#header.header_area .primary .decoC .case_srch button{width:48px;text-align: left;}
#header.header_area .primary .decoR{top:65px !important; right:0px !important;}
#header.header_area .primary .decoR .tel{text-align: center; letter-spacing:-0.05em; text-align:center; background:url('../images/common/ico_tel.png') no-repeat left top; padding:9px 0 7px 67px;}
#header.header_area .primary .decoR .tel dt{font-size:16px; letter-spacing:-0.05em; color: #333; line-height:1em;}
#header.header_area .primary .decoR .tel dd{font-size:30px; color: #ef4d4d; font-weight: bold;  letter-spacing:0em; line-height:1em;}

.ico-mglass {position: relative; display: inline-block; border-radius:30px; height:20px; width:20px; border:2px solid #fdf9f9; text-indent: -9999px; top:-4px;}
.ico-mglass:after {content: ""; height:3px; width:10px; background: #fdf9f9; position: absolute; top: 16px; left:13px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); border-radius:2px}

.visual_sec{position: relative; margin:0 auto; padding-bottom:30px;}
#banner .slick-dots li{display: none !important;}
.slick-dotted.slick-slider{margin-bottom:-2px; }

.custom{margin-bottom:40px; overflow: hidden;}
.custom .list_picture{float: left; width:754px;}
.custom .list_picture ul li{width:243px; margin-right:11px; float: left; margin-bottom:11px;}
.custom .list_picture ul li:nth-child(3n){margin-right:0;}
.custom .list_picture span.view_img{height:147px; display: block;}
.custom .list_picture ul li img{width:243px; height:147px;}
.custom .list_picture ul li span.review_txt{display: block; padding:9px 5px; font-size:12px; font-weight: bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; 
width:100%; overflow:hidden; color: #313131; border:1px solid #cecece; text-align:left;}

.custom .list_custom{float: right;}
.custom .list_custom ul{}
.custom .list_custom ul li{margin-bottom:3px;}
.custom .list_custom ul li a{display: block; width:436px; height:122px;}
.custom .list_custom ul li:nth-child(1) a{background:url('../images/index/bg_buy.jpg') no-repeat;}
.custom .list_custom ul li:nth-child(2) a{background:url('../images/index/bg_sell.jpg') no-repeat;}
.custom .list_custom ul li:nth-child(3) a{background:url('../images/index/bg_installment.jpg') no-repeat;}
.custom .list_custom ul li dl{padding-top:20px; padding-left:20px;}
.custom .list_custom ul li dl dt{font-family: 'KBO-Dia-Gothic_medium'; font-size:36px; color: #fff; letter-spacing:-0.05em; margin-bottom:5px;}
.custom .list_custom ul li dl dd{font-family: 'KBO-Dia-Gothic_medium'; font-size:18px; color: #fff; letter-spacing:-0.05em}

.car_search_wrap.case_select{}
.car_search_wrap.case_select div.search_form ul li{border:1px solid #b6b6b6; border-radius:5px; padding:0;}
.car_search_wrap.case_select div.search_form ul li select{width:100%; appearance:auto; height:50px; border: none; background: none; font-size:16px; font-weight: normal;}
.car_search_wrap.case_select div.search_form ul li:nth-child(1){width:310px;}
.car_search_wrap.case_select div.search_form ul li:nth-child(2){width:340px;}
.car_search_wrap.case_select div.search_form ul li:nth-child(3){width:360px;}
.car_search_wrap.case_select div.search_form .search_btn2{width:160px; font-size:20px; line-height:50px; height:50px; border-radius:5px;}

.srch_car_model{margin:0 0 40px; clear: both;}
.srch_car_model h4{border-bottom:1px solid #ff7e7e !important; font-weight: normal; background:#ef4d4d !important; color: #fff; }
.srch_car_model .model_box03 ul li:hover p{border-color:#535353}
.srch_car_model .model_box03 ul li:hover:before, .srch_car_model .model_box03 ul li:hover:after{border-color:#535353}
.srch_car_model .model_box01, .srch_car_model .model_box02, .srch_car_model .model_box03{overflow: hidden;}
.srch_car_model .model_box04 ul li:before, .srch_car_model .model_box05 ul li:before{background:#404040; margin-right:5px;}
.srch_car_model .model_box04 ul li:hover, .srch_car_model .model_box05 ul li:hover{color: ##ef4d4d;}
.srch_car_model .model_box01 h4{border-top:none;}
.srch_car_model .model_box03 ul li:hover span {color: #535353;}
.srch_car_model .model_box03 ul li:hover p{border-color:#535353;}
.srch_car_model .model_box04 ul li:nth-child(4){margin-right:27px;}
.srch_car_model .model_box04 ul li:nth-child(5){margin-right:43px;}

.car_list.car_title_area{text-align:left; margin-bottom:50px;}
.car_list.car_title_area .tit_wrap{position: relative;}
.car_list.car_title_area .tit_wrap h3{font-size:30px; margin:0; color: #333; font-weight: bold;}
.car_list.car_title_area .tit_wrap p{font-size:18px; color: #979797; letter-spacing:-0.05em; display:inline-block; margin:0;}
.car_list.car_title_area .tit_wrap a{position: absolute; top:5px; right:0px; font-size:14px; color: #fff; background:#ef4d4d; width:74px; height:30px; line-height:30px; letter-spacing:-0.05em; text-align: center;}
.car_list.car_title_area .tit_wrap a:after{content:''; display: inline-block; width:9px; height:9px; border-bottom:2px solid #fff; border-right:2px solid #fff; transform: rotate(-45deg); position: relative; top:-1px; margin-left:5px;}

.srch_car_model .model_box01 ul li{padding:15px 6.5px 0px;}
.srch_car_model .model_box02 ul li{padding:8px 1px 0px}

.recommend_car_picture{margin-top:0px;}

.lately_area{background:#fff;}
.lately_area p{color: #fff; font-size:16px !important; font-weight: bold; background:#ef4d4d;}
.lately_area ul{margin-top:10px;}
.lately_area ul li img{width:126px; height:95px;}
.lately_area a.topgo{background:#404040; color: #fff; height:30px; font-size:13px; padding:7px 0 0;}
.lately_area a.topgo:before{content:''; width:7px; height:7px; border-right:2px solid #fff; border-bottom:2px solid #fff; border-top:none; border-left:none; transform: rotate(45deg); margin:-6px 7px 0 0;}

.footer_area #footer_data{padding-bottom:150px !important; width:auto !important;}

.quick_bar{background:#ef4d4d !important; height:100px;}
.quick_bar .quick_bar_area{position: relative; }
.quick_bar .quick_bar_area p{text-align: center; color: #fff; font-size:18px; letter-spacing:-0.02em; padding:2px 34px 24px 106px; font-family: 'GmarketSansTTFMedium'; position: relative;}
.quick_bar .quick_bar_area p:before{content:''; width:88px; height:88px; border-radius:88px; background:#fff url('../images/common/ico_tel02.png') center no-repeat; display: inline-block; position: absolute; left:0px; top:7px;}
.quick_bar .quick_bar_area p strong{font-family: 'GmarketSansTTFBold';}
.quick_bar .quick_bar_area p span{font-size:30px; line-height:1em; font-weight: bold; letter-spacing:-0.03em; display: block; font-family: 'GmarketSansTTFBold';}
.quick_bar .quick_bar_area .quick_bar_form{padding:23px 0 0 230px;}
.quick_bar .quick_bar_area input{width:300px; height:50px; line-height:50px; vertical-align: top; margin-right:15px; font-size:16px; font-weight: bold; color: #838383; font-family: 'Noto Sans KR'; padding:0 5px; border-radius:3px;}
.quick_bar .quick_bar_area input::placeholder{color: #838383;}
.quick_bar .quick_bar_area button{border-radius:3px; font-size:20px; font-weight: bold; color: #fff; text-align: center; padding:12px 45px 12px 15px; letter-spacing:-0.05em ; position: relative; background:#1f1f1f; }
.quick_bar .quick_bar_area button:before{content:''; display: block; position: absolute; width:20px; height:20px; border-radius:20px; right:20px; top:16px; background:#fff;}
.quick_bar .quick_bar_area button:after{content:''; display: block; position: absolute; width:9px; height:13px; border-right:3px solid #ef4d4d; border-bottom:3px solid #ef4d4d;  right:26px; top:18px; transform: rotate(45deg);}

.recommend_car_price span.equalRepaymentOfPrincipalAndInterestPrice{color: #ff0000;}