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

/* WebFont Default */
@font-face {
  font-family: 'Jalnan2TTF';
  src: url('../fonts/Jalnan2TTF.eot'); /* IE 호환성 보기 */
  src: url('../fonts/Jalnan2TTF.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
       url('../fonts/Jalnan2TTF.woff2') format('woff2'), /* WOFF2 지원 브라우저 */
       url('../fonts/Jalnan2TTF.woff') format('woff'), /* 모던 브라우저 */
       url('../fonts/Jalnan2TTF.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{}
#header.header_area .util{}
#header.header_area .util .wrap{}
#header.header_area .util .util_menu{margin-top:0; padding:5px 27px; position: relative;}

#header.header_area .primary.case_gnb01{}
#header.header_area .primary.case_gnb01 .gnb{margin:0 auto;}
#header.header_area .primary.case_gnb01 .gnb h1{padding:20px 0 97px;}

#header.header_area .primary.case_gnb01 .gnb_menu{}
#header.header_area .primary.case_gnb01 .gnb_menu li{display: inline-block; margin:0 18px;}
#header.header_area .primary.case_gnb01 .gnb_menu li span{width:17px; height:16px; display: inline-block; background:url('../images/common/ico_star.png') no-repeat; margin:0 3px; vertical-align: top; position: relative; top:11px;}
#header.header_area .primary.case_gnb01 .gnb_menu li a{color: #333; letter-spacing:-0.05em; font-size:28px; height:36px; line-height:36px; display: block;}
#header.header_area .primary.case_gnb01 .gnb_menu li a:hover{color: #b90006;}

#header.header_area .primary .decoC{top:212px !important; left:259px !important; text-align: center;}
#header.header_area .primary .decoC p{color:#404040; font-size:20px; border:1px solid #d0d0d0; border-radius:3px; line-height:1em; padding:7px 5px 7px 12px;}
#header.header_area .primary .decoC p strong{color:#b90006;}

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

.yttype_B{padding-top:30px;}
.yttype_B ul li{position: relative;}
.yttype_B ul li h3{width:100%; text-align: center; font-family: 'Jalnan2TTF'; font-size:42px; color: #333; line-height:1em; margin-bottom:5px;}
.yttype_B ul li h3 span{color: #b90006;}
.yttype_B ul li h3:before{content:''; display: inline-block; width:61px; height:43px; background: url('../images/index/ico_yt.png') no-repeat; vertical-align: top; margin-right:7px; position: relative; top:-5px;}
.yttype_B ul li:first-child{float: left;}
.yttype_B ul li:last-child{float: right;}
.yttype_B ul li iframe{width:595px; height:350px;}
.yttype_B ul li dl{margin:15px 0 0;}
.yttype_B ul li dl dt{font-size:30px; color: #333; font-family: 'Jalnan2TTF'; display: table-cell; padding-right:15px;}
.yttype_B ul li dl dt:before{content:''; display: inline-block; width:33px; height:33px; background: url('../images/index/ico_phone.png') no-repeat; vertical-align: top; margin-right:7px;}
.yttype_B ul li dl dd{font-size:30px; color: #333; font-family: 'Jalnan2TTF'; display: table-cell;}
.yttype_B ul li a.btn_yttype{position: absolute; right:8px; bottom:5px; font-size:24px; color: #fff; font-weight: bold; width:116px; height:38px; line-height:38px; text-align: center; border-radius:3px; background:#b90006;}

.car_list.car_title_area{margin-bottom:50px;}
.car_list.car_title_area .tit_wrap{position: relative;}
.car_list.car_title_area .tit_wrap h3{font-size:36px; margin:0; color: #333; margin-bottom:5px; letter-spacing:-0.05em}
.car_list.car_title_area .tit_wrap p{font-size:20px; color: #666; letter-spacing:-0.05em; margin-left:10px;}

.banner_area{margin:30px 0;}

.ad_area{margin:0 0 50px;}
.ad_area ul{}
.ad_area ul li{width:595px; height:360px; padding:50px 0 0 60px;}
.ad_area ul li:first-child{float: left; background:url('../images/index/bg_limit_check.jpg') no-repeat;}
.ad_area ul li:last-child{float: right; background:url('../images/index/bg_installment_plan.jpg') no-repeat;}
.ad_area ul li dl dt{font-size:38px; color: #303030; font-weight: bold; line-height:1.2em;}
.ad_area ul li dl dt span{color: #b60000;}
.ad_area ul li dl dd{color: #303030; font-weight: bold; font-size:24px; margin:15px 0; line-height:1.3em;}
.ad_area ul li a{display: block; background:#b90006; border-radius:25px; font-size:24px; width:200px; height:50px; line-height:50px; font-weight: bold; color: #fff; text-align: center;}
.ad_area ul li a:hover{background:#fff; color: #b90006;}

.car_search_wrap.case_select{margin:0 auto;}
.car_search_wrap.case_select h3{text-align: center;  font-size:38px; color: #333; line-height:1em; margin-bottom:15px;}
.car_search_wrap.case_select h3 span{color: #b90006;}
.car_search_wrap.case_select div.search_form ul li{margin-right:10px; margin-bottom:10px;}
.car_search_wrap.case_select div.search_form ul li select{appearance:auto; height:40px; border:1px solid #979797; border-radius:5px}
.car_search_wrap.case_select div.search_form ul li:nth-child(1) select{width:310px;}
.car_search_wrap.case_select div.search_form ul li:nth-child(2) select{width:340px;}
.car_search_wrap.case_select div.search_form ul li:nth-child(3) select{width:360px;}
.car_search_wrap.case_select div.search_form .search_btn2{width:160px; font-size:20px; line-height:40px; height:40px; background:#b60000 !important; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; border-radius:5px}

.srch_car_model{margin:0 0 25px; clear: both;}
.srch_car_model h4{border-bottom:1px solid #dea7a9 !important; font-weight: normal; background:#b90006 !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:#b60000}
.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:#b60000; margin-right:5px;}
.srch_car_model .model_box04 ul li:hover, .srch_car_model .model_box05 ul li:hover{color: #b60000;}
.srch_car_model .model_box01 h4{border-top:none;}
.srch_car_model .model_box03 ul li:hover span {color: #b60000;}
.srch_car_model .model_box03 ul li:hover p{border-color:#b60000;}

.recommend_car_picture{margin-top:0px; }

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

#footer{margin:50px auto 0 !important; padding-top:30px !important; border-top:3px solid #b90006 !important; background:#2a2a2a;}
.footer_area #footer_image{width:auto;}
.footer_area #footer_data{padding-bottom:30px !important; width:auto !important;}

#footer .ft_info{color:#aeaeae; font-size:18px; padding-top:20px;}
#footer .ft_info p{color:#aeaeae; font-size:30px; line-height:1em; font-weight: bold; margin-bottom:45px;}
#footer .ft_info span{color:#aeaeae; font-size:20px; font-weight: bold; display: block; clear: both;}
#footer .ft_info dt{float: left; clear: both; width:160px; margin-bottom:13px; line-height:1em; font-weight: bold;}
#footer .ft_info dd{float: left; margin-bottom:13px; line-height:1em; font-weight: bold;}