@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; overflow: hidden;}
#container{padding-top:10px;}

#header.header_area .primary .gnb_menu li{letter-spacing:-0.05em}

#header.header_area .primary.case_gnb01{border: none;}
#header.header_area .primary.case_gnb01 .gnb{margin:0 auto 10px; }
#header.header_area .primary.case_gnb01 .gnb h1{padding:0; margin:0 0 15px 10px;}
#header.header_area .primary.case_gnb01 .gnb p.tit{display: inline; color: #fff; font-weight: bold; font-size:20px; padding:0 35px; position: relative;}

#header.header_area .primary.case_gnb01 .gnb p.tit:after{width: 0; height: 0; border-top: 40px solid #2e3191; border-right: 51px solid transparent; content:''; position: absolute; top:-3px;}

#header.header_area .primary.case_gnb01 .gnb_menu{width:auto; margin:0 ;display: inline}
#header.header_area .primary.case_gnb01 .gnb:before{content:''; height:40px; width:1000px; position: absolute; border-top:2px solid #ccc; border-bottom:2px solid #ccc; bottom:-10px; right:0px; z-index:-1;}
#header.header_area .primary.case_gnb01 .gnb_menu li{}
#header.header_area .primary.case_gnb01 .gnb_menu li a{color: #212121; font-size:20px; padding:0 69px;}
#header.header_area .primary.case_gnb01:before{content:''; height:40px; width:50%; position: absolute; bottom:-10px; left:0; background:#2e3191; z-index:-1; margin-left:-455px; border-top:2px solid #2e3191; border-bottom:2px solid #2e3191;}
#header.header_area .primary.case_gnb01:after{content:''; height:40px; width:100%; position: absolute; border-top:2px solid #ccc; border-bottom:2px solid #ccc; bottom:-10px; right:0; z-index:-2;}
#header.header_area .primary.case_gnb01 .gnb_menu > li:hover a{color:#2e3191 !important;}
#header.header_area .primary.case_gnb01 .decoL{}
#header.header_area .primary.case_gnb01 .decoC{top:8px; left:320px;}
#header.header_area .primary.case_gnb01 .decoC ul li{display: table-cell; padding-right:20px;}
#header.header_area .primary.case_gnb01 .decoC p{padding-top:14px;}
#header.header_area .primary.case_gnb01 .decoR{right:10px; top:25px;}

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

#header.header_area .primary .guarantee ul li{color: #b9b9b9;}

.car_wrap {position: relative; width: 1200px; margin: auto;}

.recommend_car_picture{margin-top:0px; }

#footer{width:1200px !important; margin:25px auto 0!important; padding-top:40px !important;}
.footer_area #footer_image{width:auto;}

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

.ico-mglass{border-color:#fff; transform:rotate(90deg); position: relative; top:2px; width:20px; height:20px;}
.ico-mglass:after{background:#fff; width:10px; height:4px; top:16px; left:13px;}

.mv_area{display: inline-block; margin-right:0px; vertical-align: top;}
.mv_area iframe{width:590px; height:321px; margin-bottom:10px !important;}
.mv_area li{margin-right:10px !important;}
.mv_area li img{width:290px !important; height:164px !important;}

.info_area{display: inline-block; width:590px;}
.info_area ul li{float: left; margin-right:10px; margin-bottom:10px;}
.info_area ul li:nth-child(2n){margin-right:0px;}

.visual_sec{position: relative; width:595px; display: inline-block; vertical-align: top; margin-top:10px;}

.quick_area p{margin-bottom: 10px; padding: 8px 2px 0 27px; border-bottom: 0; text-align: left; background: url(/assets/basic/images/icon/icon_01.png) no-repeat left top; font-weight: bold;}
.quick_area .select_wrap{margin-bottom:0px;}
.quick_area label{margin-top:5px; font-weight: normal;}
.quick_area .input_wrap{margin-bottom:2px;}
.quick_advise .col_wrap .radio_wrap, .quick_advise .col_wrap, .quick_advise .input_wrap{margin-bottom:2px;}
.quick_advise p{padding-top:5px;}
.quick_area .input_wrap input{border:2px solid #2e3191;}
#right_side .select_wrap + label{margin-top:5px !important;}

.hit_area{margin-bottom:5px; margin-left:10px;}
.hit_area p{display: inline-block; vertical-align: top; font-size:18px; color: #be2f21 !important;}
.hit_area ul{display: inline-block;}
.hit_area ul li{display: table-cell; font-size:18px; padding-left:5px;}
.hit_area ul li:last-child{padding-right:0px;}
.hit_area ul li:after{content:'/'; display: inline-block; margin-left:5px;}
.hit_area ul li:first-chlid:after{margin-left:0px;}
.hit_area ul li:last-child:after{display: none;}

.case_srch #header-search-span input{width: 240px; height:38px; border:2px solid #2e3191; padding-left:20px;}
.case_srch #header-search-span input::placeholder{font-weight: bold; color: #b3b3b3; }
.case_srch #header-car-name-search-btn{width:65px; height:38px; color: #fff; font-size:18px; font-weight: bold; background:#2e3191 !important; margin-left:5px;}

.car_search_wrap.case_select div.search_form .search_btn2{border:2px solid #2e3191; color: #fff;}
.car_search_wrap.case_select div.search_form ul li select{appearance: auto;}

.search-car-main.case_srch_01.v2{margin:0 auto 30px;}
.search-car-main.case_srch_01.v2 .maker_search li a, .search-car-main.case_srch_01.v2 .class_search li a{padding:0; width:auto; display: inline;}

.search-car-main.case_srch_01.v2 .title_list{position: relative; z-index:2;}
.search-car-main.case_srch_01.v2 .cont{border:1px solid #c9c9c9; position: relative; top:-1px; z-index: 1;}
.search-car-main.case_srch_01 .title_list li .on{color: #fff; font-weight: bold; border-color:#2e3191; border-bottom:1px solid #2e3191; background:#2e3191;}
.search-car-main.case_srch_01 .title_list li .over{border-color:#2e3191; border-bottom:1px solid #2e3191;}
.search-car-main.case_srch_01 .title_list li a{border-bottom:1px solid #2e3191;}

.search-car-main.case_srch_01.v2 ul.maker_search > li:hover a, .search-car-main.case_srch_01.v2 ul.class_search > li:hover a{border-color:#008aef; color: #008aef;}
.search-car-main.case_srch_01.v2 ul.maker_search li:hover, .search-car-main.case_srch_01.v2 ul.class_search li:hover{border:1px solid #008aef !important;}

.search-car-main.case_srch_01.v2 ul.price_search li:hover::before {border-color:#2e3191;}
.search-car-main.case_srch_01.v2 ul.price_search li:hover::after {border-color:#2e3191; z-index: 2; }
.search-car-main.case_srch_01.v2 ul.price_search li:hover p{border-color:#2e3191;}
.search-car-main.case_srch_01.v2 ul.price_search li:hover span{color: #333;}

.custom{}
.custom ul li{display: table-cell; padding-right:10px;}
.custom ul li:last-child{padding-right:0px;}

#header.header_area .util .util_menu{margin-right:10px;}
#header .util.case_white02{border-bottom: none;}
#header.header_area .util.case_white02 .util_menu li + li{background: none; margin-left:13px; padding-left:0px;}

.tit_wrap {width:100%; border-bottom:2px solid #2e3191; }
.tit_wrap h3{background:#2e3191; display: inline-block; color: #fff; padding:10px 0px 10px 10px; position: relative; letter-spacing:-0.05em; line-height:1em;}
.tit_wrap h3:after{width: 0; height: 0; border-bottom: 40px solid #2e3191; border-right: 49px solid transparent; content:''; position: absolute; top:0px; right:-49px;}

.list_picture{margin-top:10px;}
.list_picture ul{}
.list_picture ul li{width:190px; float: left; margin-right:12px; margin-bottom:10px; border:1px solid #cecece; text-align: center; }
.list_picture ul li:nth-child(6n){margin-right:0px; }
.list_picture span.view_img{height:130px; display: block;}
.list_picture span.view_img img{width:100%; height:100%;}
.list_picture span.review_txt{padding:5px; border-top:1px solid #cecece; width:100%; display: block; }
.list_picture span span{padding:0; color: #636363; font-weight: bold; font-size:12px;}

.review .tit_wrap{position: relative;}
.review .tit_wrap a.btn_more{position: absolute; right:10px; bottom:10px; color: #333; font-weight: bold;}