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

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;}

.gnb_menu li a:hover{color:#fff !important;}
#header.header_area .util{border: none;}

#header.header_area .primary .gnb_menu li{letter-spacing:-0.05em}
#header.header_area .primary{position: relative;}
#header.header_area .primary.case_gnb01{border: none;}
#header.header_area .primary.case_gnb01 .gnb h1{padding:25px 0;}
#header.header_area .primary.case_gnb01 .gnb{margin:0 auto;}
#header.header_area .primary.case_gnb01 .gnb_menu{margin:0 auto;}
#header.header_area .primary.case_gnb01 .gnb_menu li a{height:50px; line-height:50px; font-size:20px; display: block; color: #333;}
#header.header_area .primary.case_gnb01:before{content:''; width:100%; position: absolute; height:50px; background:#04cf5c; left:0; bottom:0; display: inline-block; z-index:0;}
#header.header_area .primary .decoR{top:35px !important; right:32px !important;}
#header.header_area .primary .decoR dl{background:#4caf50; border-radius:50px; height:46px; line-height:46px; width:308px;}
#header.header_area .primary .decoR dl dt{float: left; color: #fff; font-size:18px; font-weight: bold; padding:0 5px 0 40px; position: relative;}
#header.header_area .primary .decoR dl dt:before{background:url('../images/common/ico_tel.png') no-repeat; width:56px; height:56px; content:''; display: inline-block; position: absolute; top:-4px; left:-23px;}
#header.header_area .primary .decoR dl dd{float: left; color: #fcff00; font-size:34px; line-height:1.2em; font-weight: bold;}

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

.car_list.car_title_area{}
.car_list.car_title_area .tit_wrap{position: relative;}
.car_list.car_title_area .tit_wrap h3{font-size:30px; margin:40px 0 0;}
.car_list.car_title_area .tit_wrap a.btn_more{position: absolute; right:10px; top:55px; color: #909090; font-weight: bold; text-align: center; font-size:16px; font-weight: normal; padding-right:15px;}
.car_list.car_title_area .tit_wrap p{font-size:18px; color: #989898; font-weight: normal; letter-spacing:-0.05em; display: block; margin:20px 0 5px;}
.car_list.car_title_area .tit_wrap a.btn_more:before{display: block; content:''; width: 12px;
    height: 12px; border: 3px solid #939393; border-left: 0; border-top: 0; position: absolute; transform: rotate(-45deg); right:-2px; top:4.5px;}

.recommend_car_picture{margin-top:0px; }

#footer{margin:50px auto 0 !important; padding-top:30px !important; background:#000; border-top: none  !important;}
.footer_area #footer_image{width:auto;}

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

.custom{margin-bottom:40px; overflow: hidden;}
.custom .custom_group{float: right;}
.custom .custom_group .list_picture{}
.custom .custom_group .list_picture ul{width:590px;}
.custom .custom_group .list_picture ul li{width:190px; margin-right:10px; float: left; margin-bottom:15px;}
.custom .custom_group .list_picture span.view_img{height:138px; display: block;}
.custom .custom_group .list_picture ul li img{width:190px; height:138px;}
.custom .custom_group .list_picture ul li:nth-child(3n){margin-right:0;}
.custom .custom_group .list_picture ul li span.review_txt{display: block; padding:9px 0px 8px; font-size:15px; font-weight: bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;
    width:100%; overflow:hidden;}
.custom .custom_group .buy_ad{width:590px; height:181px; background:url('../images/index/img_bg_sell.jpg') no-repeat; padding:25px 0 0 25px; position: relative;}
.custom .custom_group .buy_ad dl dt{font-size:20px; color: #fff;  letter-spacing:-0.05em; -webkit-text-shadow: 0px 0px 10px 5px rgba(61,73,123,0.35);
    text-shadow: 0px 0px 10px 5px rgba(61,73,123,0.35);}
.custom .custom_group .buy_ad dl dt span{color: #fff; font-size:26px; font-weight: bold;}
.custom .custom_group .buy_ad dl dt span:nth-child(2){color: #f6ff00;}
.custom .custom_group .buy_ad dl dd{color: #fff; font-size:18px; margin-top:40px;  letter-spacing:-0.05em; -webkit-text-shadow: 0px 0px 10px 5px rgba(61,73,123,0.35);
    text-shadow: 0px 0px 10px 5px rgba(61,73,123,0.35);}
.custom .custom_group .buy_ad a{position: absolute; bottom:18px; right:20px; width:165px; height:40px; line-height:40px; display: block; color: #fff; font-size:18px; text-align: center; background:rgb(4,207,92); background: transparent\9; background:rgba(4,207,92,0.8);    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); font-weight: bold; letter-spacing:-0.05em; -webkit-text-shadow: 0px 0px 10px 5px rgba(61,73,123,0.35);
    text-shadow: 0px 0px 10px 5px rgba(61,73,123,0.35);}

.custom h3{font-weight: normal; font-size:30px; color: #282828; padding:50px 0 20px;}
.custom h3 span{color: #009b43; font-weight: bold;}

.custom .mv_area{text-align: center; float: left; width:590px;}
.custom .mv_area h3:before{content:''; display: inline-block; width:54px; height:38px; background:url('../images/index/ico_yt.png') no-repeat; vertical-align: top; margin-right:10px; margin-top:-2px;}

.yttype_C{overflow: hidden;}
.yttype_C h3{text-align: center; color: #000; font-size:30px;}
.yttype_C h3 span{color: #04cf5c;}
.yttype_C iframe{width: 590px; height: 362px;}
.yttype_C #controls{margin-top:10px;}
.yttype_C #controls li{float: left; margin-right:10px;}
.yttype_C #controls li:last-child{margin-right:0px;}
.yttype_C #controls li img{width:290px; height:181px;}

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

#left_side, #right_side{z-index:5;}

.lately_area p{background:#04cf5c;}

.quick_searchmain.quick_srch{clear: both; }
.quick_searchmain.quick_srch .cont{width:916px; min-height:330px}
.quick_searchmain.quick_srch .cont .choose_cars li .on{color:#04cf5c !important;}
.quick_searchmain.quick_srch h3{font-size:25px; color: #04cf5c; padding-top:20px; padding-left:20px; line-height:1em;}
.quick_searchmain.quick_srch h4{font-size:18px; color: #525252; padding:25px 0 20px 25px;  line-height:1em;}
.quick_searchmain.quick_srch .modelSearch{padding:0 0 0 18px;}
.quick_searchmain.quick_srch .search_model_box ul.car_price_range_ul{padding-right:0;}
.quick_searchmain.quick_srch .search_model_box .car_price_range_ul li{margin-top:0px; padding:0; margin-bottom:15px; margin-right:0;}
.quick_searchmain.quick_srch .search_model_box .car_price_range_ul li a{color: #525252;}
.quick_searchmain.quick_srch .search_model_box ul{height:auto;}
.quick_searchmain.quick_srch .search_model_box ul.car_price_range_ul li a:hover{color: #04cf5c;}
.quick_searchmain.quick_srch .modelSearch .search_form{width:880px;}
.quick_searchmain.quick_srch .modelSearch .search_form .search_btn2{width:75px;}

.quick_searchmain.quick_srch .modelSearch li:nth-child(1){width:220px;}
.quick_searchmain.quick_srch .modelSearch li:nth-child(2){width:253px;}
.quick_searchmain.quick_srch .modelSearch li:nth-child(3){width:336px;}
.quick_searchmain.quick_srch .modelSearch .search_form ul li select{width:95%;}

.quick_searchmain.quick_srch .cont1{width:279px; height:100%; text-align: center; border-left:1px solid #dadada;}
.quick_searchmain.quick_srch .cont1 h4{padding:0; color: #333; font-size:24px; font-weight: normal; letter-spacing:-0.08em; padding:20px 0 15px;}
.quick_searchmain.quick_srch .cont1 p{color: #666; font-size:18px; letter-spacing:-0.08em; line-height:1.3em;}
.quick_searchmain.quick_srch .cont1 p:after{content:''; display: block; width:138px; height:127px; background:url('../images/index/img_buy.png') no-repeat; margin:30px auto 0;}
.quick_searchmain.quick_srch .cont1 a{margin:20px auto 0; font-size:18px; color: #fff; width:150px; height:30px; line-height:30px; letter-spacing:-0.08em; display: block; background:#04cf5c;}
.quick_searchmain.quick_srch .cont1 a:hover{background:rgb(0,51,91);}

.case_srch.pattern02{position: absolute; top:29px; left:576px;}
.case_srch.pattern02 #header-search-span{border-color: #919191;}
.case_srch.pattern02 #header-search-span input{width:283px; color: #505050;}
.case_srch.pattern02 #header-search-span input::placeholder{font-size:18px; color: #505050;}

.location_area{background:#04cf5c; display: table; width:100%; margin-top:30px;}
.location_area div{display: table-cell; width:50%; vertical-align: top; padding:0 27px;}
.location_area img{display: table-cell;}
.location_area .location_left h3{color: #fff; font-size:40px; margin-top:20px; padding:0 5px;}
.location_area .location_left p{color: #fff; font-size:26px; font-weight: bold; margin-bottom:10px; border-bottom:1px solid #90fbbe; padding:0 5px 10px; line-height:1em;}
.location_area .location_left span{color: #fff; font-size:22px; font-weight: bold; padding:0 5px; line-height:1em;}
.location_area .location_left dl{padding:0px 5px 5px 50px;}
.location_area .location_left dl dt{color: #fff; font-size:20px; padding:25px 0 10px; font-weight: bold; position: relative;}
.location_area .location_left dl dt:before{content:''; display: inline-block; background:url('../images/index/ico_location01.png') no-repeat; width:39px; height:39px; position: absolute; left:-45px; top:20px;}
.location_area .location_left dl dt:nth-child(1){padding-top:25px;}
.location_area .location_left dl dt:nth-child(4):before{background:url('../images/index/ico_location02.png') no-repeat;}
.location_area .location_left dl dt:nth-child(6):before{background:url('../images/index/ico_location03.png') no-repeat;}

.location_area .location_left dl dd{color: #fff79d; font-size:20px; font-weight: bold;}