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

/* WebFont Default */
@font-face {
  font-family: 'GongGothicMedium';
  src: url(../fonts/GongGothicMedium.eot); /* IE 호환성 보기 */
  src: url(../fonts/GongGothicMedium.eot#iefix) format('embedded-opentype'), /* IE 6 ~ 8 */
       url(../fonts/GongGothicMedium.woff2) format('woff2'), /* WOFF2 지원 브라우저 */
       url(../fonts/GongGothicMedium.woff) format('woff'), /* 모던 브라우저 */
       url(../fonts/GongGothicMedium.ttf) format('truetype');
}

/* WebFont Default02 */
@font-face {
  font-family: 'KBO-Dia-Gothic_medium';
  src: url(../fonts/KBO-Dia-Gothic_medium.eot); /* IE 호환성 보기 */
  src: url(../fonts/KBO-Dia-Gothic_medium.eot#iefix) format('embedded-opentype'), /* IE 6 ~ 8 */
       url(../fonts/KBO-Dia-Gothic_medium.woff2) format('woff2'), /* WOFF2 지원 브라우저 */
       url(../fonts/KBO-Dia-Gothic_medium.woff) format('woff'), /* 모던 브라우저 */
       url(../fonts/KBO-Dia-Gothic_medium.ttf) format('truetype');
}

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

.gnb_menu li a{display: block;}
.gnb_menu li a:hover{background:#246cff;}
#header.header_area{padding-top:51px;}
#header.header_area .primary .gnb_menu li{letter-spacing:-0.05em}

#header.header_area .primary{position: relative;}
#header.header_area .primary.case_gnb03{background:none; padding-bottom:0;}
#header.header_area .primary.case_gnb03:before{position: absolute; content:''; display: block; height:50px; width:100%; left:0px; bottom:0px; background:#356dec;}
#header.header_area .primary.case_gnb03 .gnb h1{padding:12px 0 12px 1px;}
#header.header_area .primary.case_gnb03 .gnb_menu{margin:0 auto;}
#header.header_area .primary.case_gnb03 .gnb_menu li a{height:50px; line-height:50px; color: #fff; letter-spacing:0}
#header.header_area .primary .decoC{top:27px !important; left:467px !important;}
#header.header_area .primary .decoR{top:36px !important; right:5px !important;}
#header.header_area .primary .decoR .tel{text-align:left; padding-left:59px; letter-spacing:-0.05em}
#header.header_area .primary .decoR .tel:before{content:''; display: inline-block; width:52px; height:50px; background:url('../images/common/ico_tel.png') center no-repeat; position: absolute; top:0px; left:0px;}
#header.header_area .primary .decoR .tel dt{font-size:18px; color: #333; font-family: 'KBO-Dia-Gothic_medium';}
#header.header_area .primary .decoR .tel dd{font-size:24px; color: #dd2a35; font-family: 'KBO-Dia-Gothic_medium'; font-weight: bold;}

#header.header_area .util{height:50px; border: none;}
#header.header_area .util .wrap{background:none;}
#header.header_area .util .util_menu{font-size:14px; font-weight: bold; height:30px; line-height:30px; margin-top:0px;}
#header.header_area .util .util_menu li{padding-left:36px !important; position: relative; margin-top:10px; font-weight: normal;}
#header.header_area .util .util_menu li + li{background:none;}
#header.header_area .util .util_menu li:nth-child(1) a:before{background:url(../images/common/ico_favorite.png) no-repeat; width:31px; height:30px; content:''; display: inline-block; position: absolute; left:0px;}
#header.header_area .util .util_menu li:nth-child(2) a:before{background:url(../images/common/ico_home.png) no-repeat; width:30px; height:30px; content:''; display: inline-block; position: absolute; left:0px;}
#header.header_area .util .util_menu li:last-child{padding-left:0px !important; margin-top:0px;}
#header.header_area .util .util_menu li:last-child a{width:140px; height:50px; line-height:50px; background:#246cff; text-align: center; display: block; color: #fff; font-size:15px;}

#header .util ul.sns_box{top:5px; left:10px;}
#header .util ul.sns_box li a{font-size:16px; height:40px; line-height:40px; font-weight: normal;}
#header .util ul.sns_box li a:before{margin-top:0px; margin-right:10px;}
#header .util ul.sns_box li.ico_youtube a:before{background:url('../images/common/ico_yt.png') no-repeat; width:40px; height:40px;}
#header .util ul.sns_box li.ico_kakao a:before{background:url('../images/common/ico_kakao.png') no-repeat; width:40px; height:40px;} 

.case_srch #header-search-span input{position: relative; width: 251px; height: 39px; border: 3px solid #ffde00; border-right: 0; padding-left: 10px;}
.case_srch #header-car-plate-number-search{width:58px; height:39px; vertical-align: top; display: inline-block;}

.case_srch.pattern02{width:265px;margin-top:0px;}
.case_srch.pattern02 #header-search-span{display: inline-flex; border-bottom:2px solid #000;}
.case_srch.pattern02 #header-search-span input{border: none; width:233px; height:28px; font-size:16px; padding-left:5px; }
.case_srch.pattern02 #header-search-span input::placeholder{text-align:left; font-size:16px; color: #d0d0d0; position: relative; top:2px; letter-spacing:-0.05em; font-weight: bold;}
.case_srch.pattern02 button{width:32px !important; height:28px !important; background:none !important; padding:0; text-align: left;}
.hit_code p{color: #356dec;}

.visual_sec{position: relative; margin-bottom:20px;}
#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;}

.recommend_car_picture{margin-top:0px; }

.car_list.car_list_area{margin-bottom:60px;}
.tit_wrap.line_btm{border-bottom:2px solid #3b5997;}
.tit_wrap.line_btm h3{letter-spacing:-0.02em; text-align: left; font-size:28px; margin-bottom:10px;}
.tit_wrap.line_btm h3 p{color: #666; font-weight: normal; font-size:16px;}

.ico-mglass {position: relative; display: inline-block; border-radius: 30px; height:20px; width:20px; border:2px solid #356dec; text-indent: -9999px; top:-2px;}
.ico-mglass:after {content: ""; height: 3px; width:8.5px; background: #356dec; position: absolute; top: 16px; left:13px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); border-radius:2px}

.car_search_wrap.case_select{margin:47px 0 10px;}
.car_search_wrap.case_select div.search_form ul li{border-bottom:2px solid #333; width:341px; margin:0 20px 10px 0;}
.car_search_wrap.case_select div.search_form ul li select{appearance: auto; height:38px; border: none; width:100%; font-family: 'Noto Sans KR';}
.car_search_wrap.case_select div.search_form .search_btn2{color: #fff; font-family: 'Noto Sans KR'; width:124px; height:38px; font-size:18px;}

.car_search_txt{text-align: center; letter-spacing:-0.03em; clear: both;}
.car_search_txt h3{line-height:1em; font-size:38px; padding-top:50px;}
.car_search_txt h3 span{color: #356dec;}
.car_search_txt p{color: #656565; font-weight: bold; margin-top:15px; line-height:1em; font-size:22px}

.advise_group{margin:10px 0 30px;}
.advise_group ul{display: table; width:100%;}
.advise_group ul li{display: table-cell; padding-right:15px; width:33.3%;}
.advise_group ul li:last-child{padding-right:0;}
.advise_group ul li dl{border-radius:10px; padding-left:106px; height:190px; position: relative;}
.advise_group ul li:nth-child(1) dl{background:#f2f2f2 url('../images/index/ico_buy.png') 20px 20px no-repeat;}
.advise_group ul li:nth-child(2) dl{background:#f2f2f2 url('../images/index/ico_sell.png') 20px 20px no-repeat;}
.advise_group ul li:nth-child(3) dl{background:#f2f2f2 url('../images/index/ico_installment.png') 20px 20px no-repeat;}
.advise_group ul li dl dt{color: #333; font-family: 'GongGothicMedium'; font-size:24px; font-weight: bold; line-height:1em; padding-bottom:14px; padding:20px 0 10px;}
.advise_group ul li dl dd{color: #666; font-family: 'GongGothicMedium'; font-size:18px; line-height:1.3em; letter-spacing:-0.05em}
.advise_group ul li dl dd a{background:#356dec; color: #fff; font-family: 'GongGothicMedium'; font-size:18px; border-radius:10px; text-align: center; padding:5px 12px 3px; line-height:1em; display: inline-block; position: absolute; bottom:20px; right:20px;}

.custom{margin-top:0px;}
.custom h3{font-size:36px; font-weight:800; padding-bottom:20px; text-align: center; color: #242424; position: relative; line-height:1em;}
.custom h3 span{color: #356dec;}
.custom h3 img{position: relative; top:-5px; margin-left:10px;}
.custom h3 a{width:124px; height:23px; line-height:23px; font-size:14px; color: #fff; text-align: center; position: absolute; bottom:20px; right:0px; background:#e7161a; letter-spacing:-0.05em}
.custom .mv_area{width:610px; vertical-align: top; margin-right:7px; float: left;}
.custom .mv_area h3{padding-bottom:10px;}
.custom .mv_area iframe{width:610px; height:360px;}

.custom .custom_group{float: right;}
.custom .custom_group h3{}
.custom .custom_group h3 span{color: #356dec;}
.custom .custom_group h3 a{background:#356dec;}
.custom .custom_group .list_picture{}
.custom .custom_group .list_picture ul{width:574px;}
.custom .custom_group .list_picture ul li{width:184px; margin-right:11px; float: left; margin-bottom:20px;}
.custom .custom_group .list_picture span.view_img{height:140px; display: block;}
.custom .custom_group .list_picture ul li img{width:184px; height:140px;}
.custom .custom_group .list_picture ul li:nth-child(3n){margin-right:0;}
.custom .custom_group .list_picture ul li:nth-child(4), .custom .custom_group .list_picture ul li:nth-child(5), .custom .custom_group .list_picture ul li:nth-child(6){margin-bottom:0;}
.custom .custom_group .list_picture ul li span.review_txt{display: block; padding:9px 0px 8px; font-size:14px; font-weight: bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; text-align: center;}

.srch_car_model_quick{border:1px solid #b6b6b6; overflow: hidden; padding:23px;}
.srch_car_model_quick ul{width:1200px; float: left;}
.srch_car_model_quick ul li{float: left; text-align: center;}
.srch_car_model_quick ul li img{display: block; margin:0 auto;}
.srch_car_model_quick ul li span{color: #464646; font-size:15px; font-weight: bold; letter-spacing:-0.05em}

.srch_car_model_quick .model_box01 ul{margin-bottom:30px;}
.srch_car_model_quick .model_box01 ul li{padding:0 1px;}
.srch_car_model_quick .model_box01 ul li span{padding-top:10px; display: block;}
.srch_car_model_quick .model_box01 ul li a{border:1px solid #fff; display: block; padding:2px 7px;}
.srch_car_model_quick .model_box01 ul li a:hover{border:1px solid #356dec;}

.srch_car_model_quick .model_box02 ul{margin-bottom:40px;}
.srch_car_model_quick .model_box02 ul li{padding:0px 6px 0px 6px;}
.srch_car_model_quick .model_box02 ul li span{padding-top:7px; display: block;}
.srch_car_model_quick .model_box02 ul li a{border:1px solid #fff; display: block; padding:2px 7px;}
.srch_car_model_quick .model_box02 ul li a:hover{border:1px solid #356dec;}

.srch_car_model_quick .model_box03 ul li{margin-right:40px; float: left; position: relative;}
.srch_car_model_quick .model_box03 ul li:last-child{margin-right:0px;}
.srch_car_model_quick .model_box03 ul li:after{content:''; width:100%; height:1px; background:#e2e2e2; position: absolute; right:40px; top:16px; z-index:-1;}
.srch_car_model_quick .model_box03 ul li:first-child:after{display: none;}
.srch_car_model_quick .model_box03 ul li a{width: 130px; height:33px; line-height:33px; background:#f5f5f5; border:1px solid #e2e2e2; border-radius:50px; color: #505050; font-size: 15px; font-weight: bold; display: block;}
.srch_car_model_quick .model_box03 ul li a:hover{background:#356dec; border:1px solid #356dec; color: #fff;}

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

.btn_view{font-size:18px; color: #333; border:1px solid #a9a9a9; width:231px; height:58px; line-height:58px; display: block; margin:55px auto 0;}

.lately_area ul{margin-top:5px;}
.lately_area p.normal_type{padding:0px;}

.quick_advise{background:#fff; padding:0; border-radius:10px; overflow: hidden;}
.quick_advise p{background:#0062e7; font-size:18px; color:#fff; padding:6px 0; text-align: center; line-height:1em; letter-spacing:-0.05em; font-weight: bold; margin-bottom:0;}
.quick_advise .col_wrap_group{padding:10px 10px 5px;}
.quick_advise .btn_wrap{margin-bottom:5px !important;}
.quick_advise .btn_wrap button{font-size:14px !important; border-radius:16px; background:#5fa1fb !important; height:33px; line-height:33px; font-family: 'Noto Sans KR', sans-serif;}
.quick_advise .check_wrap{margin-top:0px !important;}
.quick_advise .check_wrap input + label{letter-spacing:-0.1em}
.quick_advise .col_wrap{margin-top:0px;}
.quick_advise .col_wrap .radio_wrap{width:60px; margin-bottom:0px;}
.quick_advise .col_wrap .radio_wrap + .radio_wrap{margin-left:8px;}
.quick_advise .col_wrap .radio_wrap input + label{border-radius:15px; font-size:13px; height:20px; line-height:20px; background:#d1d1d1; border: none; color: #fff !important;}
.quick_advise .input_wrap{margin-top:10px;}
.quick_advise .input_wrap input{height:25px; line-height:25px; border-radius:16px; color: #8e8c8d; font-size:13px; padding:0 14px; font-family: 'Noto Sans KR', sans-serif;}
.quick_advise .check_wrap input[type='checkbox']:checked + label:before{font-size:13px}

.ad_quick{background:#0062e7; border-radius:10px;}
.ad_quick ul{padding:0 8px;}
.ad_quick ul li{border-bottom:1px solid #4d91ee; padding-left:32px; letter-spacing:-0.05em}
.ad_quick ul li:first-child{background:url('../images/common/ico_quick_tel.png') left 14px no-repeat;}
.ad_quick ul li:last-child{background:url('../images/common/ico_quick_kakao.png') left 14px no-repeat; border-bottom: none;}
.ad_quick ul li span{font-size:11px; color: #c7dfff; font-weight: bold; display: block; padding:10px 0 5px; line-height:1em;}
.ad_quick ul li p{font-size:16px; color: #fff; font-weight: bold; padding-bottom:10px; line-height:1em;}


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