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

#header.header_area .primary{position: relative;}
#header.header_area .primary.case_gnb01{border-bottom: none;}
#header.header_area .primary.case_gnb01:before{content:''; width:100%; height:50px; background:#ff0000; position: absolute; bottom:0px;}
#header.header_area .primary.case_gnb01 .gnb{margin:0 auto;}
#header.header_area .primary.case_gnb01 .gnb h1{padding:31px 0 29px;}
#header.header_area .primary.case_gnb01 .gnb_menu{}
#header.header_area .primary.case_gnb01 .gnb_menu li{}
#header.header_area .primary.case_gnb01 .gnb_menu li a{color:#fff; display: block; height:50px; line-height:50px; font-size:20px; letter-spacing:0}
#header.header_area .primary.case_gnb01 .gnb_menu li a:hover{color:#000;}

#header.header_area .primary.case_gnb01 .decoR{right:2px; top:34px;}
#header.header_area .primary.case_gnb01 .decoR .case_srch{border-radius:60px; background:#fff; overflow: hidden; height:60px; border:2px solid #ff0000}
#header.header_area .primary.case_gnb01 .decoR .case_srch #header-search-span input{border: none; background:#fff; color: #434343; font-size:16px; height:56px; font-family: 'Noto Sans KR', sans-serif; width:251px; padding-left:20px;}
#header.header_area .primary.case_gnb01 .decoR .case_srch #header-search-span input::placeholder{color: #434343;}
#header.header_area .primary.case_gnb01 .decoR .case_srch #header-car-plate-number-search-btn{width:61px; height:56px; text-align: left; vertical-align: top; padding:0;}

.ico-mglass{border:3px solid #000; width:24px; height:24px; top:-2px;}
.ico-mglass:after{background:#000; top:20px; left:16px; width:10px;}

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

.free_advise_form{margin-bottom:25px; padding-top:25px;}
.free_advise_form div{box-shadow: 0px 0px 2px 2px rgba(199,199,199,0.50);
-webkit-box-shadow: 0px 0px 2px 2px rgba(199,199,199,0.50); -moz-box-shadow: 0px 0px 2px 2px rgba(199,199,199,0.50); border-radius:10px;}
.free_advise_form h3{font-size:26px; color: #333; background:url('../images/index/img_advise.jpg') 38px 4px no-repeat; padding:33px 25px 33px 195px; display: inline-table; line-height:1.1em; vertical-align: top;}
.free_advise_form input{display: inline-table; width:291px; height:50px; line-height:50px; color: #464646; padding:0 10px; margin-right:10px; font-family: 'Noto Sans KR', sans-serif; font-size:16px; position: relative; top:5px; background:#f6f6f6; border: none; border-radius:3px; margin-top:35px;}
.free_advise_form input::placeholder{color: #464646;}
.free_advise_form input:nth-of-type(2){margin-right:0;}
.free_advise_form button{width:260px; height:50px; line-height:50px; background:#ff0000; font-size:22px; font-weight: bold; color: #fff; margin-left:10px; vertical-align: top; font-family: 'Noto Sans KR', sans-serif; margin-top:35px}

.car_list.car_title_area{text-align:left; margin-bottom:50px;}
.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;}
.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:15px; right:0px; font-size:14px; color: #fff; background:#ff0600; width:74px; height:23px; line-height:23px; 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;}

.info_car{}
.info_car h3{text-align: center; font-size:40px; line-height:1em; color: #333; margin:20px 0 0;}
.info_car h3 img{position: relative; top:-10px;}
.info_car_group{background:#fff; clear: both; border:1px solid #eee; margin:0 0 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: #ff0600; border-right: none;}
.info_car_style01 ul li a.on:before{content:''; display: block; width:15px; height:100%; background:#ff0600; 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: #ff0600;}

.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: #ff0600;}
.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;}

.banner{margin-bottom:35px;}
.banner ul li{display: table-cell;padding-bottom:10px;}
.banner ul:nth-of-type(2) li{padding-right:10px; padding-bottom:0;}
.banner ul:nth-of-type(2) li:last-child{padding-right:0;}

.review_index{margin:50px 0 30px; position: relative;}
.review_index .review_hd{padding-bottom:5px; margin-bottom:10px; position: relative;}
.review_index h3{font-size:30px; color: #282828; font-weight: bold; display: inline-block; width:100%; margin-bottom:18px;}
.review_index h3 span{color: #f4c300;}
.review_index a.btn_more{position: absolute; top:26px; right:0px; font-size:14px; color: #fff; background:#ff0600; width:74px; height:23px; line-height:23px; 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 ul li{width:232px; margin-right:10px; margin-bottom:10px; float: left;}
.list_picture ul li:nth-child(5n){margin-right:0;}
.list_picture span.view_img{height:159px; display: block;}
.list_picture ul li img{width:232px; height:159px;}
.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;}

.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:#ff0600; 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{background:#fff; padding:0; border:1px solid #dedede; border-radius:5px}
.quick_advise p{background: none; padding:0; text-align: center; font-size:18px; color: #333; font-weight: bold; letter-spacing:-0.05em; margin:10px 0; line-height:1em;}
.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 .col_wrap .radio_wrap:nth-of-type(1) label{border-top-left-radius:5px}
#right_side .col_wrap .radio_wrap:nth-of-type(2) label{border-top-right-radius:5px}

#right_side .check_wrap input[type='checkbox']:checked + label:before{font-size:12px; line-height:12px; background:#ff0600 !important;}
#right_side .col_wrap .radio_wrap + .radio_wrap{margin-left:0px;}
#right_side .col_wrap .radio_wrap input + label{border: none; font-size:16px; background:#f0f0f0;}
#right_side .col_wrap .radio_wrap{width:50%;}
#right_side .input_wrap input{height:30px; line-height:30px; font-size:12px; color: #626262; border:1px solid #d1d1d1;}
#right_side .check_wrap input + label{line-height:16px; padding-left:17px; font-size:11px; color: #b2b2b2;}
#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:#ff0600 !important;}
#right_side .btn_wrap button{background:#ff0600 !important;  font-size:16px !important; font-family: 'Noto Sans KR', sans-serif; border-radius:5px;}
#right_side .btn_wrap button span{display: block; line-height:1em;}

.quick_bar{background:#ff0000 !important; height:100px;}
.quick_bar .quick_bar_area{position: relative;}
.quick_bar .quick_bar_area p{padding:20px 20px 18px 80px; font-size:24px; background:url('../images/common/img_advise02.png') left 12px no-repeat; line-height:1em; font-weight: bold;}
.quick_bar .quick_bar_area p span{font-size:36px; display: block; margin-top:10px; letter-spacing:-0.05em}
.quick_bar .quick_bar_area dl{position: absolute; right:0px; top:20px; padding-top:0;}
.quick_bar .quick_bar_area dl dt{height: auto; line-height:1em; margin:0; padding:0; float: none; text-align: center; font-size:24px;}
.quick_bar .quick_bar_area dl dd{float: none; text-align: center; font-size:32px; font-weight: bold;}
.quick_bar .quick_bar_area input{background: none; color: #fff; font-size:16px; border:2px solid #fff; width:280px; height:58px; line-height:58px; font-family: 'Noto Sans KR'; border-radius:3px; margin-top:20px; margin-right:10px;}
.quick_bar .quick_bar_area input::placeholder{color: #fff !important;}
.quick_bar .quick_bar_area button{font-size:20px; font-weight: bold; color: #fff; background:#252525; width:170px; height:60px; line-height:60px; font-family: 'Noto Sans KR'; vertical-align: top; padding:0; margin-top:20px;}

.footer_area #footer_data{padding-bottom:180px !important;}
.recommend_car_price span.equalRepaymentOfPrincipalAndInterestPrice{color: #ff0000;}

.case_right_0{right:1px !important;}