@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 .util.case_white .util_menu{margin-right:85px;}

.gnb_menu li a:hover{color:#cc0000 !important;}
#header.header_area .primary.case_gnb01{border-color:#300000 !important;}
#header.header_area .primary.case_gnb01 .gnb{margin:0 auto 2px;}
#header.header_area .primary.case_gnb01 .gnb_menu li a{font-size:22px; letter-spacing:0px;}
#header.header_area .primary.case_gnb01 .gnb_menu li a span{display: block; font-size:17px; letter-spacing:-0.05em; margin-top:2px;}
#header.header_area .primary.case_gnb01 .gnb_menu > li:hover a{color: #cc0000;}

#header.header_area .primary.case_gnb01 .decoL{font-size:22px; font-weight: bold; top:42px; left:24px; line-height:1.3em; color: #ee1941;}
#header.header_area .primary.case_gnb01 .decoR{top:42px; right:20px;}
#header.header_area .primary.case_gnb01 .decoR dl{background:url('../images/common/ico_tel.png') left top no-repeat; padding-left:34px; overflow: hidden;}
#header.header_area .primary.case_gnb01 .decoR dl dt{font-size:20px; line-height:1.25em; padding:0; font-weight: bold; float: left; margin-right:13px; color: #ee1941;}
#header.header_area .primary.case_gnb01 .decoR dl dt span{display: block; font-size:18px}
#header.header_area .primary.case_gnb01 .decoR dl dd{color: #ff002a; font-size:20px; line-height:1em; 
font-weight: bold; float: left; padding:0px; border-left:1px solid #c8c8c8; padding-left:10px;}
#header.header_area .primary.case_gnb01 .decoR dl dd:last-child{position: absolute; bottom:4px; right: 0px;}

.car_list.car_list_area{clear: both;}
.recommend_car_desc{background:#fff;}

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

.recommend_car_picture{margin-top:0px; }

.tit_wrap.line_btm{border-bottom:2px solid #000;}
.tit_wrap.line_btm h3{letter-spacing:-0.05em}
.tit_wrap.line_btm h3 span{color: #000;}
.tit_wrap.line_red h3:before{background:#000; height:2px; margin-top:40px;}

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

.quick_dealer{border:1px solid #c9c9c9; padding:7px; background:#fff;}
.quick_dealer p{text-align: center; color: #333; font-size:16px; margin-top:5px; font-weight: bold; letter-spacing:-0.05em}
.quick_dealer dl dt{background:#333; text-align: center; color: #fff; font-weight: bold; font-size:12px; width:124px; height:24px; line-height:24px; margin:10px auto;}
.quick_dealer dl dd{font-size:19px; font-weight: bold; text-align: center; line-height:1em;}

.custom02{height:766px; text-align: center;}
.custom02 h3{line-height:1em; padding:75px 0 50px;}
.custom02 .btn_more{width:220px; height:50px; line-height:49px; text-align: center; background:#323232;  display: block; margin:50px auto 0; font-size:18px;  color: #fff; letter-spacing:-0.05em; position: absolute; bottom:58px; left:44%;}
.custom02:before{content:''; display:block; width:100%; height:766px; background:url('../images/index/bg_review.jpg') center top no-repeat; position: absolute; bottom: 0px; left: 0px; z-index:-1; background-size:100% 100%;}

.list_picture{margin-top:0px;}
.list_picture ul{}
.list_picture ul li{width:232px; float: left; margin-right:10px; overflow: hidden; border:2px solid #939393; background:#fff; margin-bottom:10px;}
.list_picture ul li:nth-child(5n){margin-right:0px; }
.list_picture span.view_img{height:163px; display: block;}
.list_picture span.review_txt{background:#fff; width:100%; display: block; text-align: left; padding:10px 5px; color: #333; font-size:15px;}

.lately_area{background:#fff;}
.lately_area p{font-size:14px; line-height:1.1em; padding:3px 0; font-weight: bold;}
.lately_area p span{display: block;}

.case_left_0{top:20px !important;}
.case_top_0{top:20px !important;}
.car_list .area_common{border:1px solid #c8c8c8; padding:10px 14px;}

#contents .index_srch{background:#ea3244; margin:0 0 20px; padding:10px 0; border-radius:5px;}
#contents .index_srch p{color: #fff; font-size:22px; display: inline-block; font-weight: bold; line-height:1; margin:7px 20px 0px 50px; vertical-align: top;}
#contents .index_srch input{width:68%; border-radius:50px; vertical-align: top; padding:0 15px;}
#contents .index_srch button{color: #fff; font-size:22px; font-weight: bold; vertical-align: top;  padding:5px 20px 5px; line-height:1.3em;}

#contents .main_info{display: table; table-layout:fixed; padding:0px; width: 1200px; margin: 0 auto;}
#contents .main_info li{display: table-cell; float: none; text-align: center; padding:0; letter-spacing:-0.1em; width:20%;}
#contents .main_info li a{color: #333; font-size:22px; letter-spacing:0px; font-weight: bold;}
#contents .main_info li a span{display: block; font-size:17px; letter-spacing:-0.05em; margin-top:2px;}
#contents .main_info > li:hover a{color: #cc0000;}

.yttype_B{margin-top:15px;}
.yttype_B ul li:first-child{float: left;}
.yttype_B ul li:last-child{float: right;}
.yttype_B ul li iframe{width:595px; height:340px;}