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

#header.header_area .primary{position: relative;}
#header.header_area .primary.case_gnb01{border-bottom: none;}
#header.header_area .primary.case_gnb01 .gnb{margin-bottom:0;}
#header.header_area .primary.case_gnb01:after{position: absolute; width:100%; height:60px; background:#003a61; content:''; display: block; left:0px; bottom:0px; z-index:-1;}
#header.header_area .primary.case_gnb01 .gnb h1{padding:11px 0;}
#header.header_area .primary.case_gnb01 .gnb_menu li a{display: block; height:60px; line-height:60px; font-size:20px; color: #fff; letter-spacing:0}
#header.header_area .primary.case_gnb01 .gnb_menu li:nth-child(4) a{color: #fcb800;}

.ico-mglass{border-color: #333; width:19px; height:19px; top:0px;}
.ico-mglass:after{background:#333; width:9px; top:15px; left:12px;}

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

.custom{overflow: hidden; margin-bottom:30px;}
.custom .custom_l{display: inline-block;}
.custom .evaluation_area{float:right;}
.custom .evaluation_area .evaluation_box{background:#003a61; width:440px; padding:5px 10px 10px; height:auto; color: #222;}
.custom .evaluation_area .evaluation_box h3{color: #fff; text-align: center; font-weight: bold; font-size:24px; letter-spacing:-0.02em; margin-bottom:3px;}
.custom .evaluation_area .evaluation_box p{letter-spacing:-0.07em; font-size:14px; padding:0;}
.custom .evaluation_area .evaluation_box p.evaluation_txt{text-align: center;}
.custom .evaluation_area .evaluation_box dl dt{background:#d2e2eb; height:30px; line-height:30px; font-size:15px; width:116px; margin-right:5px; margin-bottom:5px; color: #003a61;}
.custom .evaluation_area .evaluation_box dl dd{height:30px; margin-bottom:5px;}
.custom .evaluation_area .evaluation_box dl dd input{width:298px; height:30px;}
.custom .evaluation_area .evaluation_box dl dt:nth-last-child(2){margin-bottom:0px;}
.custom .evaluation_area .evaluation_box dl dd:last-child{margin-bottom:0px;}
.custom .evaluation_area .evaluation_box input + label.last_label1{color: #fff; font-size:13px;}
.custom .evaluation_area .evaluation_box button.btn_01{width:100%; background:#252525; font-weight: bold; color: #fff; height:32px; line-height:32px; font-family: 'Noto Sans KR', sans-serif;}


.car_search_wrap.case_select{margin:0 auto 15px; padding-top:20px;}
.car_search_wrap.case_select h3{text-align: center; font-size:36px; color: #333; line-height:1em; margin-bottom:35px;}
.car_search_wrap.case_select h3 span{color: #f6e207;}
.car_search_wrap.case_select div.search_form{}
.car_search_wrap.case_select div.search_form ul{display: inline-block;}
.car_search_wrap.case_select div.search_form ul li{border:2px solid #333; margin:0 5px 0 0; border-radius:5px;}
.car_search_wrap.case_select div.search_form ul li select{height:46px; appearance:auto; width:98%; border-bottom: none;}
.car_search_wrap.case_select div.search_form ul li:nth-child(1){width:260px;}
.car_search_wrap.case_select div.search_form ul li:nth-child(2){width:280px;}
.car_search_wrap.case_select div.search_form ul li:nth-child(3){width:300px; margin-right:0;}
.car_search_wrap.case_select div.search_form .search_btn2{position: relative; top:0; left:0; vertical-align:top; width:102px; height:50px; color: #fff; font-size:18px; font-family: 'Noto Sans KR', sans-serif; border-radius:5px}
.car_search_wrap.case_select div.search_form .case_srch{position: absolute; right:0px; top:10px;}
.car_search_wrap.case_select div.search_form .case_srch{width:238px; margin-top:0px; border-bottom:3px solid #003a61;}
.car_search_wrap.case_select div.search_form .case_srch #header-search-span{display: inline-flex;}
.car_search_wrap.case_select div.search_form .case_srch #header-search-span input{border: none; width:200px; height:36px; font-size:18px; padding-left:0px; background: none; font-family: 'Noto Sans KR', sans-serif; font-weight: normal;}
.car_search_wrap.case_select div.search_form .case_srch #header-search-span input::placeholder{text-align:left; font-size:18px; color: #333; position: relative; top:2px; letter-spacing:-0.05em; font-weight: bold;}
.car_search_wrap.case_select div.search_form .case_srch button{width:20px !important; height:36px !important; background:none !important; padding:0; text-align: left;}

.srch_car_model{margin-bottom:10px;}
.srch_car_model h4{border:2px solid #005e9e !important; background:#d2e2eb !important; color: #333; font-size:20px; width:158px; text-align: center; text-indent: 0; height:78px; line-height:78px; padding:0px !important; margin-right:5px; letter-spacing:-0.05em}
.srch_car_model ul{width:1037px; height:78px; border:1px solid #dcdcdc;}
.srch_car_model div{margin-bottom:3px;}

.srch_car_model .model_box01 ul li{padding:10px 3px 0px 4px;}
.srch_car_model .model_box01 ul li span{padding-top:0;}
.srch_car_model .model_box01 ul li a:hover span{color: #003a61;}

.srch_car_model .model_box02 h4{height:128px; line-height:128px;}
.srch_car_model .model_box02 ul{height:128px; padding-left:18px;}
.srch_car_model .model_box02 ul li{padding:0; margin:12px 11px 0;}
.srch_car_model .model_box02 ul li:first-child{margin-left:0;}
.srch_car_model .model_box02 ul li:last-child{margin-right:0;}
.srch_car_model .model_box02 ul li a{display: block;}
.srch_car_model .model_box02 ul li a:hover span{color: #003a61;}

.srch_car_model .model_box03 ul{padding-left:44px; padding-top:20px;}
.srch_car_model .model_box03 ul li{padding-top:0; width:auto; margin:0 35px;}
.srch_car_model .model_box03 ul li:first-child{margin-left:0;}
.srch_car_model .model_box03 ul li:last-child{margin-right:0;}
.srch_car_model .model_box03 ul li:nth-child(5){margin:0 30px;}
.srch_car_model .model_box03 ul li:nth-child(6){margin:0 22px;}
.srch_car_model .model_box03 ul li:nth-child(7){margin:0 25px;}
.srch_car_model .model_box03 ul li a{font-weight: normal; font-size:15px; color: #464646; display: block;}
.srch_car_model .model_box03 ul li:hover, .srch_car_model .model_box03 ul li:hover span, .srch_car_model .model_box03 ul li a:hover, .srch_car_model .model_box03 ul li a:hover span{color: #003a61 !important; background: none;}
.srch_car_model .model_box03 ul li a span{font-size:16px; font-weight: bold;}
.srch_car_model .model_box03 ul li:before, .srch_car_model .model_box03 ul li:after{display: none;}
.srch_car_model .model_box03 ul li span{display: block;}
.srch_car_model .model_box01, .srch_car_model .model_box02, .srch_car_model .model_box03{overflow: hidden;}

.srch_car_model .model_box04 h4{padding-top:0px; padding-bottom:0px; height:121px; line-height:121px;}
.srch_car_model .model_box04 ul{padding-top:15px; height:121px;}
.srch_car_model .model_box04 ul li{text-align: center; margin:0 14px 15px;}
.srch_car_model .model_box04 ul li:first-child{margin-left:0;}
.srch_car_model .model_box04 ul li:nth-child(7){margin-right:12px;}
.srch_car_model .model_box04 ul li:last-child{margin-right:0;}
.srch_car_model .model_box04 ul li a span{color: #000; margin-top:10px; display: inline-block;}
.srch_car_model .model_box04 ul li:nth-child(1) a img, .srch_car_model .model_box04 ul li:nth-child(2) a img, .srch_car_model .model_box04 ul li:nth-child(3) a img, .srch_car_model .model_box04 ul li:nth-child(4) a img, .srch_car_model .model_box04 ul li:nth-child(6) a img{position: relative; left:9.5px;}

.srch_car_model .model_box04 ul li a:hover span{color: #003a61;}
.srch_car_model .model_box04 ul li:before{display: none;}
.srch_car_model .model_box04 ul li:hover{color: #ff2c2c;}
.srch_car_model .model_box01 h4{border-top:none;}

.car_list.car_title_area{text-align:left; margin-bottom:45px;}
.car_list.car_title_area .tit_wrap{position: relative;}
.car_list.car_title_area .tit_wrap h3{font-size:30px; margin:0; color: #333; font-weight: bold; border-bottom:3px solid #003a61; padding-bottom:10px;}
.car_list.car_title_area .tit_wrap p{font-size:18px; color: #979797; letter-spacing:-0.05em; display:inline-block; margin:0;}
.car_list.car_title_area .tit_wrap a{position: absolute; top:10px; right:0px; font-size:14px; color: #fff; background:#003a61; width:74px; height:30px; line-height:30px; letter-spacing:-0.05em; text-align: center;}
.car_list.car_title_area .tit_wrap a:after{content:''; display: inline-block; width:9px; height:9px; border-bottom:2px solid #fff; border-right:2px solid #fff; transform: rotate(-45deg); position: relative; top:-1px; margin-left:5px;}

.recommend_car_picture{margin-top:0px;}

.review_index{margin:45px 0 30px; position: relative;}
.review_index .review_hd{padding-bottom:5px; margin-bottom:10px; position: relative;}
.review_index h3{font-size:30px; color:#333; font-weight: bold; display: inline-block; }
.review_index p{display: inline-block; font-size:18px; color: #979797; letter-spacing:-0.05em;}
.review_index a.btn_more{position: absolute; top:5px; right:0px; font-size:14px; color: #fff; background:#003a61; width:74px; height:30px; line-height:30px; letter-spacing:-0.05em; text-align: center;}
.review_index a.btn_more:after{content:''; display: inline-block; width:9px; height:9px; border-bottom:2px solid #fff; border-right:2px solid #fff; transform: rotate(-45deg); position: relative; top:-1px; margin-left:5px;}
.list_picture{padding-top:5px; margin-top:5px; border-top:3px solid #003a61;}
.list_picture ul li{width:236px; margin-right:5px; margin-bottom:5px; float: left;}
.list_picture ul li:nth-child(5n){margin-right:0;}
.list_picture span.view_img{height:176px; display: block;}
.list_picture ul li img{width:234px; height:176px;}
.list_picture ul li span.review_txt{display: block; padding:10px 8px; font-size:14px; font-weight: bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; 
width:100%; overflow:hidden; color: #313131; border:1px solid #cecece;}

.ad_area{margin:-25px 0 25px;}

.lately_area{background:#fff;}
.lately_area p{color: #333; font-size:16px !important; font-weight: bold; width:85% !important;}
.lately_area p.normal_type{border-color: #2f2f2f;}
.lately_area ul{margin-top:10px;}
.lately_area ul li img{width:126px; height:95px;}
.lately_area a.topgo{background:#003a61; color: #fff; height:30px; font-size:13px; padding:7px 0 0;}
.lately_area a.topgo:before{content:''; width:7px; height:7px; border-right:2px solid #fff; border-bottom:2px solid #fff; border-top:none; border-left:none; transform: rotate(45deg); margin:-6px 7px 0 0;}

.quick_advise{padding:0;}
.quick_advise p{background:#e4e4e4; line-height:24px; font-size:16px; color: #003a61; padding:0; text-align: center; margin-bottom:10px; font-weight: bold;}
.quick_advise dl{text-align: center; margin-bottom:20px;}
.quick_advise dl dt{font-size:18px; font-weight: bold; letter-spacing:-0.05em}
.quick_advise dl dd{font-size:22px; font-weight: bold; letter-spacing:-0.05em}
.quick_advise .check_wrap{margin:5px 0 10px !important;}
.quick_advise .check_wrap button{background: none; color: #b2b2b2; font-size:11px; border-bottom:1px solid #b2b2b2; width:22px; height:16px; bottom:-1px;}
.quick_advise .col_wrap_group{padding:0 5px 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{width:68px;}
#right_side .col_wrap .radio_wrap + .radio_wrap{float: right;}
#right_side .col_wrap .radio_wrap label{color: #fff !important; background:#5b7e95;}
#right_side .col_wrap .radio_wrap label.representativeColor{color: #fff !important;}
#right_side .col_wrap .radio_wrap input + label{font-size:14px; height:24px; line-height:24px;}
#right_side .check_wrap input + label{color: #acacac; font-size:11px;}
#right_side .input_wrap input{height:30px; line-height:30px;}
#right_side .btn_wrap button{font-family: 'Noto Sans KR'; font-size:14px;}