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

/* WebFont Default */
@font-face {
  font-family: 'NanumSquareR';
  src: url('../fonts/NanumSquareR.eot'); /* IE */
  src: url('../fonts/NanumSquareR.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
       url('../fonts/NanumSquareR.woff2') format('woff2'), /* WOFF2 */
       url('../fonts/NanumSquareR.woff') format('woff'), /* Modern Browser */
       url('../fonts/NanumSquareR.ttf') format('truetype');
}

/* WebFont Default02 */
@font-face {
  font-family: 'NotoSansKR-ExtraBold';
  src: url('../fonts/NotoSansKR-ExtraBold.eot'); /* IE */
  src: url('../fonts/NotoSansKR-ExtraBold.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
       url('../fonts/NotoSansKR-ExtraBold.woff2') format('woff2'), /* WOFF2 */
       url('../fonts/NotoSansKR-ExtraBold.woff') format('woff'), /* Modern Browser */
       url('../fonts/NotoSansKR-ExtraBold.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 .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{border-bottom:1px solid #bababa !important;}
#header.header_area .primary.case_gnb01:before{content:''; display: block; position: absolute; width:100%; height:1px; background:#bababa; bottom:54px;}
#header.header_area .primary.case_gnb01 .gnb{margin:0 auto;}
#header.header_area .primary.case_gnb01 .gnb h1{padding:16px 0;}
#header.header_area .primary.case_gnb01 .gnb_menu li a{display: block; height:54px; line-height:56px; font-family: 'NanumSquareR';}
#header.header_area .primary .decoL{top:26px !important; left:10px !important; font-family: 'NanumSquareR'; text-align: center; font-weight: bold;}
#header.header_area .primary.case_gnb01 .gnb_menu li a:hover{color:#2957f2;}
#header.header_area .primary .decoL p{color: #000; font-size:16px; letter-spacing:-0.05em; margin-top:5px;}
#header.header_area .primary .decoR{top:70px !important; right:12px !important;}

.case_srch{width:256px;margin-top:0px; position: relative;}
.case_srch{display: inline-flex; border-bottom:1px solid #2956f2;}
.case_srch img{position: absolute; top:-1px;}
.case_srch input{border: none; width:220px; height:28px; font-size:16px; padding-left:5px; }
.case_srch input::placeholder{text-align:left; font-size:16px; color: #d0d0d0; position: relative; top:2px; letter-spacing:-0.05em; font-weight: bold;}
.case_srch button{width:35px !important; height:28px !important; background:none !important; padding:0; text-align: left;}

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

#banner .slick-arrow{display: block !important}
#banner .slick-dots{bottom:15px;}
#banner .slick-dots li{margin:0 3px; width:16px; height:16px;}
#banner .slick-dots li button{width:16px; height:16px;}
#banner .slick-dots li button:before{background:#b5b5b5; width:16px; height:16px; border-radius:8px}
#banner .slick-dots li.slick-active{width:40px; height:16px;}
#banner .slick-dots li.slick-active button{width:40px; height:16px;}
#banner .slick-dots li.slick-active button:before{opacity:1; background:#2956f2; width:40px;}

.advise_group{margin-top:20px; padding-top:10px;}
.advise_group ul li{width:595px; box-shadow: 1px 1px 3px 1px rgba(161,161,161,0.75);
-webkit-box-shadow: 1px 1px 3px 1px rgba(161,161,161,0.75); -moz-box-shadow: 1px 1px 3px 1px rgba(161,161,161,0.75); margin-bottom:8px;}
.advise_group ul li:nth-child(odd){float: left;}
.advise_group ul li:nth-child(even){float: right;}

.car_list.car_title_area{margin-bottom:70px;}
.car_list.car_title_area .tit_wrap{position: relative; text-align: center;}
.car_list.car_title_area .tit_wrap h3{font-size:38px; margin:0; padding-bottom:15px; color: #456df3; line-height:1em; font-family: 'NotoSansKR-ExtraBold';}

.car_search_wrap.case_select h3{text-align: center; font-size:38px; font-weight: bold; line-height:1em; padding:30px 0; font-family: 'NotoSansKR-ExtraBold';}
.car_search_wrap.case_select h3 span{color: #2957f2;}
.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 50px; clear: both;}
.srch_car_model h4{border-bottom:1px solid #b3c1ef !important; font-weight: normal; background:#2956f2 !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:#2956f2}
.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:#2956f2; margin-right:5px;}
.srch_car_model .model_box04 ul li:hover, .srch_car_model .model_box05 ul li:hover{color: #2956f2;}
.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:#2956f2;}

.partner{}
.partner h3{text-align: center; color: #333; font-size:38px; line-height:1em; margin-bottom:35px;  font-family: 'NotoSansKR-ExtraBold';}
.partner h3 span.h3_eng{display: block; font-size:18px; color: #a8a8a8; line-height:1em; margin-bottom:15px;}
.partner h3 span.h3_clr{color: #2956f2;}
.partner p{text-align: center; color: #888; font-size:18px; line-height:1.7em; margin-bottom:40px;}
.partner img{margin-left:20px;}

.ad{margin:50px 0 80px;}

.review_index{}
.review_index h3{text-align: center; color: #333; font-size:38px; line-height:1em; margin-bottom:30px;  font-family: 'NotoSansKR-ExtraBold';}
.review_index h3 span.h3_eng{display: block; font-size:18px; color: #a8a8a8; line-height:1em; margin-bottom:15px;}
.review_index h3 span.h3_clr{color: #2956f2;}
.review_index p{text-align: center; color: #888; font-size:18px; line-height:1em; margin-bottom:40px;}

.list_picture ul li{width:288px; margin-right:12px; float: left; margin-bottom:10px;}
.list_picture ul li:nth-child(4n){margin-right:0;}
.list_picture span.view_img{height:162px; display: block;}
.list_picture ul li img{width:288px; height:162px;}
.list_picture ul li span.review_txt{display: block; padding:13px 5px; font-size:14px; font-weight: bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; 
width:100%; overflow:hidden; color: #313131; border:1px solid #e0e0e0;}

.recommend_car_picture{margin-top:0px; }

.ico-mglass {position: relative; display: inline-block; border-radius:20px; height:18px; width:18px; border:2px solid #2957f2; text-indent: -9999px; top:-2px;}
.ico-mglass:after{content: ""; height:3px; width:7px; background: #2957f2; position: absolute; top:14px; left:12px; -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;}

.btn_area{border-radius:25px; font-size:24px; color:#fff; display:block; width:200px; height:50px; line-height:50px; font-weight: bold; letter-spacing:-0.05em; margin:20px auto 0; text-align: center; background:#2956f2;}

.lately_area{background:#fff;}
.lately_area p{color: #333; font-size:18px !important; font-weight: bold; width:85% !important;}
.lately_area p.normal_type{border-color: #2957f2;}
.lately_area ul{margin-top:10px;}
.lately_area ul li img{width:126px; height:95px;}

.quick_advise{background:#fff; padding:0; border:1px solid #dedede; border-top-left-radius:20px; border-top-right-radius:20px; overflow: hidden;}
.quick_advise p{background:#2957f2; padding:0; text-align: center; font-size:18px; color: #fafd00; font-weight: bold; letter-spacing:-0.05em; padding:5px 0 8px; line-height:1.2em; font-size:21px; margin-bottom:5px;}
.quick_advise p span{color: #fff; font-size:16px;}
.quick_advise .check_wrap{margin:5px 0 10px;}
.quick_advise .check_wrap button{background: none !important; color: #b2b2b2 !important; font-size:11px !important; border-bottom:1px solid #b2b2b2 !important; width:22px !important; height:16px !important; bottom:-1px !important;}
.quick_advise .col_wrap_group{padding:0 9px 10px;}
.quick_advise .col_wrap .radio_wrap, .quick_advise .col_wrap, .quick_advise .input_wrap{margin:5px 0 0 !important;}
#right_side .col_wrap .radio_wrap label{color: #333 !important; background:#e7e7e7;}

#right_side .check_wrap input[type='checkbox']:checked + label:before{font-size:12px; line-height:12px; background:#2957f2 !important;}
#right_side .col_wrap .radio_wrap + .radio_wrap{margin-left:0px;}
#right_side .col_wrap .radio_wrap input + label{border: none; font-size:18px; background:#f0f0f0; color: #2957f2 !important;}
#right_side .col_wrap .radio_wrap{width:50%;}
#right_side .input_wrap input{height:30px; line-height:30px; color: #626262; border:1px solid #d1d1d1;}
#right_side .check_wrap input + label{line-height:16px; padding-left:17px; font-size:11px;}
#right_side .check_wrap label:before{width:12px; height:12px; border-radius:0}
.quick_advise .btn_wrap button{font-size:14px !important; font-weight: bold;}
#right_side .col_wrap .radio_wrap label.representativeColor{color: #fff !important; background:#2957f2 !important;}
#right_side .btn_wrap button{background:#2957f2 !important; color: #fff !important; font-size:16px !important; font-family: 'Noto Sans KR', sans-serif; }
#right_side .btn_wrap button span{display: block; line-height:1em;}

.quick_bar{background:#2957f2 !important; height:100px;}
.quick_bar .quick_bar_area{position: relative; }
.quick_bar .quick_bar_area dl{text-align: center; color: #fff; font-size:30px; letter-spacing:-0.02em; font-weight: bold; background:url('../images/common/ico_tel.png') 7px 12px no-repeat; display: inline-block; vertical-align: top; padding:22px 8px 20px 85px; text-align: left;}
.quick_bar .quick_bar_area dl dt{height:auto; line-height:1em; margin:0; float: none; padding:0; font-size:22px;}
.quick_bar .quick_bar_area dl dt span{color: #fff600;}
.quick_bar .quick_bar_area dl dd{clear: both; float: none; padding:0; font-size:38px; letter-spacing:0.03em; line-height:1em;}
.quick_bar .quick_bar_area .quick_bar_form{padding:25px 0 0 0; display: inline-block;}
.quick_bar .quick_bar_area input{width:320px; height:50px; line-height:50px; vertical-align: top; margin-right:6px; font-size:16px; font-weight: bold; color: #888; font-family: 'Noto Sans KR'; padding:0 10px;}
.quick_bar .quick_bar_area input::placeholder{color: #a6a6a6; font-size:16px;}
.quick_bar .quick_bar_area button{font-size:22px; color: #fff; text-align: center; letter-spacing:-0.05em ; position: relative; background:#282828; width:160px; height:50px; font-family: 'Noto Sans KR'; margin-left:10px;}

#footer{margin:50px auto 0 !important; padding-top:30px !important; background:#374757; border-top:none !important;}
.footer_area #footer_image{width:auto; display: inline-block; margin-right:20px;}
.footer_area #footer_data{padding-bottom:120px !important; width:auto !important;}
.footer_area .ft_left{float: left; color: #ebebeb; font-size:16px; border-right:1px solid #8b939b; padding-right:100px; margin-top:25px; margin-right:100px; padding-bottom:10px;}
.footer_area .ft_left p.ft_tit{font-size:20px; font-weight: bold; padding:30px 0 50px;}
.footer_area .ft_left ul{padding-bottom:20px;}
.footer_area .ft_left ul li{padding:0 15px 0 10px; position: relative; display: inline-block; line-height:1.1em;}
.footer_area .ft_left ul:nth-of-type(1) li:nth-child(3):after, .footer_area .ft_left ul:nth-of-type(1) li:nth-child(4):after, .footer_area .ft_left ul:nth-of-type(2) li:nth-child(1):after, .footer_area .ft_left ul:nth-of-type(2) li:nth-child(3):after{display: none;}
.footer_area .ft_left ul:nth-of-type(1) li:nth-child(4){display: block; padding-left:0;}
.footer_area .ft_left ul:nth-of-type(2) li:nth-child(1){display: block; padding-left:0;}
.footer_area .ft_left ul:nth-of-type(2) li:nth-child(2){padding-left:0;}
.footer_area .ft_left ul:nth-of-type(3) li{display: block; padding:0;}
.footer_area .ft_left ul:nth-of-type(3) li:after{display: none;}

.footer_area .ft_left ul li:first-child{padding-left:0;}
.footer_area .ft_left ul li:after{background:#b9b9b9; content:''; display:block; width:1px; height:16px; position: absolute; top:3px; right:0px;}
.footer_area .ft_left .copyright{padding:10px 0 0 0;}
.footer_area .ft_right{float: right; color: #ebebeb;}
.footer_area .ft_right p{font-size:36px; padding-top:70px; font-weight: bold;}
.footer_area .ft_right p:before{content:''; display: inline-block; width:61px; height:67px; background:url('../images/common/img_ft_person.png') no-repeat; margin-right:15px; vertical-align: top; position: relative; top:-10px;}
.footer_area .ft_right dl{margin-top:50px;}
.footer_area .ft_right dl dt{font-size:24px; line-height:1em;}
.footer_area .ft_right dl dd{font-size:38px; margin-bottom:50px;}

.car-img-slider .img-view:before{content:''; display: block; background:url('../images/index/img_watermark.png') no-repeat; width: 110px; height: 110px; background-size: 100% 100%;position: absolute; top: 10px; z-index: 5; left: 10px;}
.car-detail-info .option-info .img_list p{position: relative;}
.car-detail-info .option-info .img_list p:before{content:''; display: block; background:url('../images/index/img_watermark.png') no-repeat; width: 110px; height: 110px; background-size: 100% 100%;position: absolute; top: 10px; z-index: 5; left: 95px;}

.search-img-list .car-detail .car-img:before{content:''; display: block; background:url('../images/index/img_watermark.png') no-repeat; width:65px; height:65px; background-size: 100% 100%;position: absolute; top:5px; z-index: 5; left:5px;}

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

.car_info_article .car_right_side .car_price span, .car-info .price .num, .recommend_car_price span{color: #1a6af0 !important;}
.car_info_article .car_right_side .car_price.car_price2 strong, .search-img-list li .car-info span.price strong span, .recommend_car_price span.equalRepaymentOfPrincipalAndInterestPrice{color: #8c9af1 !important;}