@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 .util{background: none; border-color:#f0f0f0}
#header.header_area .util .wrap{background: none;}

#header.header_area .primary{position: relative;}
#header.header_area .primary.case_gnb01{border: none;}
#header.header_area .primary.case_gnb01 .gnb h1{padding:10px 0 1px;}
#header.header_area .primary.case_gnb01 .gnb{margin:0 auto;}
#header.header_area .primary.case_gnb01 .gnb_menu{margin:0 auto;}
#header.header_area .primary.case_gnb01 .gnb_menu li a{height:50px; line-height:50px; font-size:18px; display: block; color: #fff; letter-spacing:0; font-weight: normal; letter-spacing:0em}
#header.header_area .primary.case_gnb01:before{content:''; width:100%; position: absolute; height:50px; background:#ff0000; left:0; bottom:0; display: inline-block; z-index:0;}
#header.header_area .primary .decoL{top:33px !important; left:20px !important;}
#header.header_area .primary .decoL p{font-size:22px; color: #33312d; font-weight: bold; text-align: center; line-height:1.1em; padding-left: 133px; padding-top:20px;}
#header.header_area .primary .decoL p span{font-size:20px; color: #ff0000; font-weight: normal; display: block;}
#header.header_area .primary .decoL p:before{content:''; display: block; width:121px; height:88px; background:url('../images/common/img_plaque.png') no-repeat; position: absolute; left:0px; top:0px;}
#header.header_area .primary .decoR{top:50px !important; right:12px !important;}

.case_srch02{background:#fff; border:2px solid #f15f5f; border-radius:100px}
.case_srch02 #header-search-span input{position: relative; width: 262px; height:46px; padding-left: 0px; background:none !important; border: none; text-indent:22px; font-size:18px; font-family: 'Noto Sans KR';}
.case_srch02 #header-search-span input::placeholder{font-weight: bold; text-indent:22px; font-size:16px;}
.case_srch02 #header-car-name-search-btn{width:35px; height:46px; vertical-align: top; display: inline-block; border: none; text-indent: -9999px;}
.case_srch02 button{width:35px; background: none !important; height:20px; padding:0; text-align: left;}

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

.car_list.car_title_area{text-align: center; margin-top:50px;}
.car_list.car_title_area .tit_wrap{position: relative;}
.car_list.car_title_area .tit_wrap h3{font-size:30px; margin:0 0 10px;}
.car_list.car_title_area .tit_wrap h3 span{font-weight: bold;}
.car_list.car_title_area .tit_wrap p{font-size:18px; color: #989898; font-weight: normal; letter-spacing:-0.05em; display: block; margin:5px 0 0; line-height:1em;}
.car_list.car_title_area .btn_view{border:3px solid #ff0400; font-size:18px; color: #ff0400; display: inline-block; padding:13px 97px; font-weight: bold; border-radius:50px; margin-top:45px; line-height:1em;}

.recommend_car_picture{margin-top:0px;}

.free_consulting{border:2px solid #47413c; border-radius:20px; position: relative; padding:25px 30px 30px; margin:0 0 40px; top:10px; overflow: hidden;}
.free_consulting h3{font-size:36px; color: #000; line-height:1.1em; padding-left:111px; margin-right:63px; float: left;}
.free_consulting h3 span{color: #ff0000; display: block;}
.free_consulting h3:before{content:''; display:inline-block; width:90px; height:88px; background:url('../images/index/ico_1by1.png') no-repeat; position: absolute; left:31px; top:21px;}
.free_consulting fieldset{float: right; vertical-align: top; margin-top:15px;}
.free_consulting fieldset input{width:320px; height:50px; line-height:50px; border:1px solid #bebebe; font-size:18px; padding:0 10px; margin-right:6px;}
.free_consulting fieldset button{width:168px; height:50px; line-height:50px; background:#ff0000; vertical-align: top; color: #fff; font-size:18px; letter-spacing:-0.05em}

.info_car{}
.info_car h3{text-align: center; font-size:30px; line-height:1em; color: #333; margin-bottom:28px;}
.info_car h3 span{color: #ff0000;}
.info_car_group{background:#fff; clear: both; border:1px solid #eee; margin-bottom:20px;}
.info_car_style01{height:292px; position: relative; } 
.info_car_style01 ul{width:100%; text-align: center; display: table;}
.info_car_style01 ul li{}
.info_car_style01 ul li a{font-size:22px; color:#333333; display:block; height:97.3px; line-height:97.3px; letter-spacing:-0.05em; font-weight: normal; position: relative; width:200px; text-indent:27px; text-align: left; border-right:1px solid #eee; border-bottom:1px solid #eee;}
.info_car_style01 ul li:last-child a{border-bottom: none;}
.info_car_style01 ul li a.on{color: #ff0000; border-right: none;}
.info_car_style01 ul li a.on:before{content:''; display: block; width:15px; height:100%; background:#ff0000; position: absolute; left:0px; top:0px;}

.info_car_style01 ul li:first-child .depth2{display: block;}
.info_car_style01 ul li .depth2{display:none;}
.info_car_style01 ul li div{position: absolute; width:1000px; z-index:10; left:200px; top:0px; height:292px; }
.info_car_style01 ul li div ul{border-bottom: none;}
.info_car_style01 ul li div ul li{margin:0; width:auto; border-right: none; display: inline-block; position: static; }
.info_car_style01 ul li div ul li a{color:#333; font-size:16px; background: none; padding:0px; height:auto; line-height:1em; border: none; text-align: center; width:auto; text-indent: 0;}
.info_car_style01 ul li div ul li a:before, .info_car_style01 ul li div ul li a:after{display: none;}
.info_car_style01 ul li div ul li a span{color:#464646; font-size:15px; font-weight: normal; letter-spacing: -0.05em; font-family: 'Noto Sans KR'; display: block; text-align: center; margin-top:7px;}

.info_car_style01 ul li .menu1{padding:18px 0 24px 19px;}
.info_car_style01 ul li .menu1 ul{text-align: left;}
.info_car_style01 ul li .menu1 ul li:nth-child(1){width:69px; margin-right:26px;}
.info_car_style01 ul li .menu1 ul li:nth-child(2){width:100px; margin-right:16px;}
.info_car_style01 ul li .menu1 ul li:nth-child(3){width:90px; margin-right:24px;}
.info_car_style01 ul li .menu1 ul li:nth-child(4){width:84px; margin-right:30px;}
.info_car_style01 ul li .menu1 ul li:nth-child(5){width:80px; margin-right:28px;}
.info_car_style01 ul li .menu1 ul li:nth-child(6){width:86px; margin-right:30px;}
.info_car_style01 ul li .menu1 ul li:nth-child(7){width:74px; margin-right:35px;}
.info_car_style01 ul li .menu1 ul li:nth-child(8){width:80px; margin-right:38px;}
.info_car_style01 ul li .menu1 ul li:nth-child(9){width:62px;}
.info_car_style01 ul li .menu1 ul:nth-of-type(1) li{margin-bottom:33px;}
.info_car_style01 ul li .menu1 ul:nth-of-type(2) li{margin-bottom:25px;}
.info_car_style01 ul li .menu1 ul li a:hover span{color: #ff0000;}

.info_car_style01 ul li .menu2{padding:49px 0 0 50px;}
.info_car_style01 ul li .menu2 ul{text-align: left;}
.info_car_style01 ul li .menu2 ul li{margin-right:96px; margin-bottom:15px;}
.info_car_style01 ul li .menu2 ul li:nth-child(5n){margin-right:0;}
.info_car_style01 ul li .menu2 ul li a:hover span{color: #ff0000;}
.info_car_style01 ul li .menu2 ul li a span{font-size:16px; margin-top:10px;}

.info_car_style01 ul li .menu3{padding:80px 0 0 40px;}
.info_car_style01 ul li .menu3 ul li{margin-bottom:60px; margin-right:30px}
.info_car_style01 ul li .menu3 ul li a{width:160px; height:34px; line-height:34px; text-align: center; background:#d5d5d5; font-size:18px; color: #fff; border-radius:50px}
.info_car_style01 ul li .menu3 ul li a span{display: inline-block; margin-top:0; font-size:14px; color: #fff;}
.info_car_style01 ul li .menu3 ul li a:hover{background:#ff0000;}

.evaluation_area.sell_index{float: left;}
.evaluation_area.sell_index .evaluation_box{background:#fff0f0; width:596px; padding:20px; height:auto; }
.evaluation_area.sell_index .evaluation_box h3{font-weight: bold; font-size:24px; letter-spacing:-0.02em; line-height:1em;}
.evaluation_area.sell_index .evaluation_box p{font-size:14px; padding:4px 0 5px;}
.evaluation_area.sell_index .evaluation_box dl dt{background:#ff0000; font-size:15px; margin-right:5px; margin-bottom:5px;}
.evaluation_area.sell_index .evaluation_box dl dd{margin-bottom:5px;}
.evaluation_area.sell_index .evaluation_box dl dd input{width:420px;}
.evaluation_area.sell_index .evaluation_box dl dd select{width:206px;}
.evaluation_area.sell_index .evaluation_box dl dt:nth-last-child(2){margin-bottom:0px;}
.evaluation_area.sell_index .evaluation_box dl dd:last-child{margin-bottom:0px;}
.evaluation_area.sell_index .evaluation_box button.btn_01{width:100%; background:#ff0000; font-weight: bold;}
.evaluation_area.sell_index .evaluation_box button.btn_01:before{content:''; position: relative; display: inline-block; background:url('/assets/basic/images/icon/ico_deco.png') no-repeat; width:13px; height: 11px; margin-right:3px;}

.kakao_advise{float: left; margin:0 10px;}

.evaluation_area.buy_index{float: left;}
.evaluation_area.buy_index .evaluation_box{background:#111111; width:292px; padding:10px 10px 15px; height:auto; color: #282828;}
.evaluation_area.buy_index .evaluation_box h3{color: #fff; text-align: center; font-weight: bold; font-size:24px; letter-spacing:-0.02em}
.evaluation_area.buy_index .evaluation_box p{letter-spacing:-0.07em; color: #fff;}
.evaluation_area.buy_index .evaluation_box dl dt{background:#ff0000; font-size:15px; width:100px; margin-right:0px; border-top-left-radius:10px; border-bottom-left-radius:10px; margin-bottom:5px;}
.evaluation_area.buy_index .evaluation_box dl dd{margin-bottom:5px;}
.evaluation_area.buy_index .evaluation_box dl dd input{width:172px; border-top-right-radius:10px;  border-bottom-right-radius:10px}
.evaluation_area.buy_index .evaluation_box dl dt:nth-last-child(2){margin-bottom:0px;}
.evaluation_area.buy_index .evaluation_box dl dd:last-child{margin-bottom:0px;}
.evaluation_area.buy_index .evaluation_box button.btn_01{width:100%; background:#fff; font-weight: bold; color: #ff0000;}
.evaluation_area.buy_index .evaluation_box button.btn_01:before{content:''; position: relative; display: inline-block; background:url('../images/index/ico_deco03.png') no-repeat; width:13px; height: 11px; margin-right:3px;}

.custom_group{text-align: center; margin:50px 0 40px;}
.custom_group h3{font-size:30px; margin:0 0 10px; line-height:1em;}
.custom_group h3 span{color: #fe1515;}
.custom_group p.custom_group_txt{font-size:18px; color: #989898; font-weight: normal; letter-spacing:-0.05em; display: block; margin:0 0 20px; line-height:1em;}
.custom_group .list_picture{}
.custom_group .list_picture ul{}
.custom_group .list_picture ul li{width:226px; margin-right:17px; float: left; margin-bottom:20px; border:1px solid #cecece;}
.custom_group .list_picture ul li:nth-child(5n){margin-right:0;}
.custom_group .list_picture span.view_img{height:156px; display: block;}
.custom_group .list_picture ul li img{width:226px; height:158px;}
.custom_group .list_picture ul li span.review_txt{display: block; padding:11px 7px 8px; font-size:12px; font-weight: bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; border-top:1px solid #cecece; text-align: center;}

.custom{clear: both; padding-top:20px;}
.custom ul{display: table; width:100%;}
.custom ul li{border:1px solid #e2e2e2; border-radius:5px; padding:20px 0 13px 80px; display: inline-table; margin-right:10px; width:292px;}
.custom ul li:nth-child(1){background:url('../images/index/ico_buy.png') 15px 20px no-repeat;}
.custom ul li:nth-child(2){background:url('../images/index/ico_sell.png') 15px 20px no-repeat;}
.custom ul li:nth-child(3){background:url('../images/index/ico_installment.png') 15px 20px no-repeat;}
.custom ul li:nth-child(4){background:url('../images/index/ico_review.png') 15px 20px no-repeat;}
.custom ul li:last-child{margin-right:0px;}

.custom ul li dl dt{font-size:24px; color: #333; font-weight: bold; line-height:1em; margin-bottom:19px;}
.custom ul li dl dd{color: #666; font-size:16px; letter-spacing:-0.05em; margin-bottom:8px;}
.custom ul li:nth-child(1) dl dt, .custom ul li:nth-child(1) dl dd{margin-left:20px;}
.custom ul li a{border:1px solid #fe0000; border-radius:5px; display:block; color: #000; font-weight: bold; width:130px; padding:7px 0; text-align: center; font-size:15px; line-height:1em;}


.ico-mglass{border-color: #151515; width:16px; height:16px;}
.ico-mglass:after{background:#151515; top:12px; left:-5px; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);}

.ico_recommend{transform: rotate(0) !important; top:-6px !important; left:-2px !important; font-size:11.5px !important; width:88px !important; height:44px !important; line-height:1.3em !important; background:url('../images/common/bg_bar.png') no-repeat !important; background-size:100% 100% !important; padding-top:0.5vw; word-break:keep-all; letter-spacing:-0.1em !important; padding:3px 3px 0 7px;}
.ico_recommend:before, .ico_recommend:after{display: none !important;}

.car_list.car_title_area .recommend_car_picture{overflow: unset;}
.car_list.car_title_area .recommend_car_picture li a{overflow: unset; position: relative;}
.car_list.car_title_area .recommend_car_image{overflow: hidden;}

.quick_bar{background:#ff0000; height:89px;}
.quick_bar .quick_bar_area{position: relative; }
.quick_bar .quick_bar_area .quick_bar_form{padding-top:20px;}
.quick_bar .quick_bar_area input{width:170px; height:46px; line-height:46px; vertical-align: top; margin-right:10px; font-size:14px; font-weight: bold; color: #333;}
.quick_bar .quick_bar_area input::placeholder{color: #333 !important;}
.quick_bar .quick_bar_area button{font-size:14px; font-weight: bold; color: #fff; text-align: center; letter-spacing:-0.05em ; position: relative; background:#3c3c3c; width:126px; height:46px; line-height:46px;}
.quick_bar .quick_bar_area p{font-size:20px; text-align: center; padding:20px 23px 10px 92px; background:url('../images/common/ico_tel.png') 19px 8px no-repeat;}
.quick_bar .quick_bar_area dl{position: absolute; right:0px; top:0px; padding-top:0px;}
.quick_bar .quick_bar_area dl dt{padding:32px 7px 0 22px; height:auto; line-height:1em; margin-right:0;}
.quick_bar .quick_bar_area dl dd{color: #fff600; font-size:28px; font-weight: bold; text-align: center; line-height:1.1em; padding-top:10px;}

#footer{margin:0 auto !important; padding:22px 0 12px !important; background:#ffeaea; border-top:none !important;}
.footer_area #footer_image{width:auto;}
.footer_area #footer_data{padding-bottom:100px !important; width:auto !important;}

.car-detail .car-info .price strong span, .car-detail .car-info .price .num, .recommend_car_price span{color: #ff0000;}

.quick_advise{padding:0; border-top-left-radius:10px; border-top-right-radius:10px; overflow: hidden;}
.quick_advise p{background:#ff0000; text-align: center; padding:0; color: #fff; font-size:14px; padding:10px 0; letter-spacing:-0.05em; margin-bottom:0;}
.quick_advise p span{color: #fde500; font-size:16px; display: block; font-weight: bold; padding-bottom:5px;}
.quick_advise .col_wrap_group{padding:5px;}
.quick_advise .terms-btn{position: absolute; right:0; bottom:-3px; background:#afafaf; font-size:11px; text-align: center; color: #fff; padding:2px; line-height:1em;}
#right_side .input_wrap{margin:5px 0 0;}
#right_side .input_wrap input{height:30px; line-height:30px; font-size:16px; font-family: 'Noto Sans KR'; color: #b9b9b9;}
#right_side .col_wrap{margin:0;}
#right_side .col_wrap .radio_wrap{margin:0; width:50%;}
#right_side .col_wrap .radio_wrap + .radio_wrap{margin-left:0;}
#right_side .col_wrap .radio_wrap input + label{border: none; height:28px; line-height:28px; font-size:16px; background:#ededed; color: #ff0000 !important;}
#right_side .col_wrap .radio_wrap input + label.representativeColor{color: #fff !important;}
#right_side .check_wrap{position: relative;}
#right_side .check_wrap input + label{font-weight: normal; line-height:1.1em;}
#right_side .btn_wrap{margin-top:12px;}
#right_side .btn_wrap button{font-weight: bold; letter-spacing:-0.05em}

.car-img-slider .img-view:before{content:'인증중고차 찾아가는 홈서비스'; display: block; position: absolute; top:-1px; left:-5px; font-size:11.5px; width:88px; height:44px; line-height:1.3em; background:url('../images/common/bg_bar.png') no-repeat; background-size:100% 100%; padding-top:0.5vw; word-break:keep-all; letter-spacing:-0.1em; padding:3px 3px 0 7px; z-index:5; text-align: center; color: #fff; font-weight: bold;}

.car-detail-info .option-info .img_list p{position: relative;}
.car-detail-info .option-info .img_list p:before{content:'인증중고차 찾아가는 홈서비스'; display: block; position: absolute; top:-5px; left:88px; font-size:11.5px; width:88px; height:44px; line-height:1.3em; background:url('../images/common/bg_bar.png') no-repeat; background-size:100% 100%; padding-top:0.5vw; word-break:keep-all; letter-spacing:-0.1em; padding:3px 3px 0 7px; z-index:5; text-align: center; color: #fff; font-weight: bold;}

.car-img-div:before{content:'인증중고차 찾아가는 홈서비스'; display: block; position: absolute; top:-1px; left:-5px; font-size:11.5px; width:88px; height:44px; line-height:1.3em; background:url('../images/common/bg_bar.png') no-repeat; background-size:100% 100%; padding-top:0.5vw; word-break:keep-all; letter-spacing:-0.1em; padding:3px 3px 0 7px; z-index:5; text-align: center; color: #fff; font-weight: bold;}