@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');
}

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{background:url('../images/common/bg_header.jpg') no-repeat; background-size:cover;}
#header.header_area .primary{position: relative;}
#header.header_area:after{content:''; display: inline-block; width:100%; height:61px; background:#1f7545; position: absolute; bottom:0px; z-index:0;}
#header.header_area .primary.case_gnb03 .gnb h1{padding:0; text-align: center;}
#header.header_area .primary.case_gnb03 .gnb_group{position: relative;}
#header.header_area .primary.case_gnb03 .gnb_menu{margin:0; position: relative; z-index:1; width:880px;}
#header.header_area .primary.case_gnb03 .gnb_menu li a{display: block; line-height:1em; color: #fff; height:60px; line-height:60px; font-size:24px; letter-spacing:0em}
#header.header_area .primary.case_gnb03 .gnb_menu li a:hover{color:#ffff00;}
#header.header_area .util .util_menu li a{color: #fff;}
#header.header_area .util, #header.header_area .util .wrap{background:none; border-bottom: none;}

.case_srch{background:#fff; position: absolute; top:5px; right:0px; z-index:1; border-radius:25px;}
.case_srch #header-search-span input{position: relative; width:270px; height:50px; padding-left: 0px; background:none !important; border: none; text-indent:25px; color: #333; font-size:20px; font-family: 'Noto Sans KR', sans-serif; padding-right:0;}
.case_srch #header-search-span input::placeholder{color: #bebebe; font-weight: bold;}
.case_srch #header-car-name-search-btn{width:50px; height:50px; vertical-align: top; display: inline-block; border: none; text-indent: -9999px;}
.case_srch button{width:50px;text-align: left; padding:0; background:none !important;}

.ico-mglass{border-color: #03a94d; width:21px; height:21px; top:-5px;}
.ico-mglass:after{background:#03a94d; width:9px; top:17px; left:14px;}

.visual_sec{position: relative; margin:0 auto; padding-bottom:30px;}
.slick-dotted.slick-slider{margin-bottom:-2px; }

.car_search_wrap.case_select h3{text-align: center; font-size:38px; font-weight: bold; line-height:1em; padding:50px 0 30px; font-family: 'NotoSansKR-ExtraBold';}
.car_search_wrap.case_select h3 span{color: #1f7545;}
.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;}
.car_search_wrap.case_select div.search_form ul li:nth-child(1){width:290px;}
.car_search_wrap.case_select div.search_form ul li:nth-child(2){width:330px;}
.car_search_wrap.case_select div.search_form ul li:nth-child(3){width:390px;}
.car_search_wrap.case_select div.search_form .search_btn2{width:160px; font-size:18px; 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 #b3c1ef !important; font-weight: normal; background:#1f7545 !important; color: #fff; }
.srch_car_model .model_box03 ul li:hover p{border-color:#303030}
.srch_car_model .model_box03 ul li:hover:before, .srch_car_model .model_box03 ul li:hover:after{border-color:#1f7545}
.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:#1f7545; margin-right:5px;}
.srch_car_model .model_box04 ul li:hover, .srch_car_model .model_box05 ul li:hover{color: #1f7545;}
.srch_car_model .model_box01 h4{border-top:none;}
.srch_car_model .model_box03 ul li:hover span {color: #db1036;}
.srch_car_model .model_box03 ul li:hover p{border-color:#1f7545;}
.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;}

.custom .mv_area{display: inline-block; float: left;}
.custom .mv_area .yttype_A iframe{width:758px; height:430px;}
.custom .list_custom{float: right;}
.custom .list_custom ul{}
.custom .list_custom ul li{margin-bottom:5px;}
.custom .list_custom ul li a{display: block; width:436px; height:140px;}
.custom .list_custom ul li:nth-child(1) a{background:url('../images/index/img_buy.jpg') no-repeat;}
.custom .list_custom ul li:nth-child(2) a{background:url('../images/index/img_sell.jpg') no-repeat;}
.custom .list_custom ul li:nth-child(3) a{background:url('../images/index/img_instellment.jpg') no-repeat;}
.custom .list_custom ul li dl{padding-top:25px; 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_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:#1f7545; 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:#1f7545;}
.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:#1f7545 !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; font-weight: bold; background:url('../images/common/img_car.png') left top no-repeat; padding:15px 34px 24px 194px;}
.quick_bar .quick_bar_area p span{font-size:30px;line-height:1em; font-weight: bold; letter-spacing:0.03em; display: block;}
.quick_bar .quick_bar_area .quick_bar_form{padding:23px 0 0 230px;}
.quick_bar .quick_bar_area input{width:260px; height:50px; line-height:50px; vertical-align: top; margin-right:4px; font-size:16px; font-weight: bold; color: #838383; font-family: 'Noto Sans KR'; padding:0 5px; }
.quick_bar .quick_bar_area input::placeholder{color: #838383;}
.quick_bar .quick_bar_area button{font-size:24px; color: #fff; text-align: center; letter-spacing:-0.05em ; position: relative; background:#272727; width:220px; height:50px; font-family: 'Noto Sans KR'; font-weight: bold;}

.recommend_car_price span.equalRepaymentOfPrincipalAndInterestPrice{color: #ff0000;}
.ico_recommend{background:#1f7545 !important; color: #fff;}
.ico_recommend:before, .ico_recommend:after{background:#4fa676;}

#banner .slick-arrow{display: block !important}
#banner .slick-dots{bottom:5px;}
#banner .slick-dots li{margin:0;}
#banner .slick-dots li button:before{background:#000;}
#banner .slick-dots li.slick-active button:before{opacity:1; background:#1f7545;}
.slick-prev{left:2%;}
.slick-next{right:2%;}
.slick-prev, .slick-next{width:25px; height:25px;}
.slick-prev:before{content:''; width:25px; height:25px; border-bottom:3px solid #000; border-right:3px solid #000; display: block; transform: rotate(-225deg); opacity:1}
.slick-next:before{content:''; width:25px; height:25px; border-bottom:3px solid #000; border-right:3px solid #000; display: block; transform: rotate(-45deg); opacity:1}