@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{background:#254b3e;}
#header.header_area .util{background:#383838; border-bottom:none;}
#header.header_area .util .wrap{background: none;}
#header.header_area .util .util_menu li{color: #fff;}

#header.header_area .primary{position: relative;}
#header.header_area .primary.case_gnb01{border: none;}
#header.header_area .primary.case_gnb01 .gnb h1{padding:8px 0 17px;}
#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:22px; display: block; color: #333; font-weight: normal;}
#header.header_area .primary.case_gnb01:before{content:''; width:100%; position: absolute; height:50px; background:#ffbb00; left:0; bottom:0; display: inline-block; z-index:0;}
#header.header_area .primary .decoL{top:48px !important; left:13px !important;}
#header.header_area .primary .decoR{top:42px !important; right:10px !important;}

.case_srch02{background:#fff; border-radius:100px}
.case_srch02 #header-search-span input{position: relative; width:280px; height:50px; padding-left: 0px; background:none !important; border: none; text-indent:27px; font-size:14px; font-family: 'Noto Sans KR'; color: #222;}
.case_srch02 #header-search-span input::placeholder{font-weight: bold; text-indent:22px; font-size:14px; color: #222;}
.case_srch02 #header-car-name-search-btn{width:50px; height:50px; vertical-align: top; display: inline-block; border: none; text-indent: -9999px;}
.case_srch02 button{width:50px; background: none !important; height:50px; padding:0; text-align: left; vertical-align: top;}

.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-bottom:48px;}
.car_list.car_title_area .tit_wrap{position: relative;}
.car_list.car_title_area .tit_wrap h3{font-size:30px; margin:0 0 15px;}
.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 #ffa200; font-size:18px; color: #ffa200; display: inline-block; padding:13px 97px; font-weight: bold; border-radius:50px; margin-top:35px; 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 50px; 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: #ffbb00; display: block;}
.free_consulting h3:before{content:''; display:inline-block; width:90px; height:88px; background:url('../images/index/ico_1on1.png') no-repeat; position: absolute; left:31px; top:21px;}
.free_consulting fieldset{vertical-align: top; margin-top:15px; float: right;}
.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:#ffbb00; vertical-align: top; color: #333; font-size:20px; letter-spacing:-0.05em; font-weight: bold;}

.info_car{}
.info_car h3{text-align: center; font-size:30px; line-height:1em; color: #333; margin-bottom:28px;}
.info_car h3 span{color: #ffbb00;}
.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: #ffbb00; border-right: none;}
.info_car_style01 ul li a.on:before{content:''; display: block; width:15px; height:100%; background:#ffbb00; 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: #ffbb00;}

.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: #ffbb00;}
.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:#ffbb00; color: #333 !important;}
.info_car_style01 ul li .menu3 ul li a:hover span{color: #333 !important;}

.custom{clear: both; padding-top:20px; margin-bottom:45px; overflow: hidden;}
.custom .custom_l{float: left; text-align: center; width:830px;}
.custom .custom_l iframe{width:410px; height:236px;}
.custom .custom_l ul li{background:none !important; border: none; padding:0; border-radius:0; width:410px;}
.custom .custom_l ul li:first-child{float: left;}
.custom .custom_l ul li:last-child{float: right;}

.custom .custom_r{float: right;}
.custom h3{font-size:30px; text-align: center; line-height:1em; letter-spacing:-0.05em}
.custom h3 span{color: #ffbb00;}
.custom .custom_l h3{margin-bottom:10px;}
.custom .custom_l h3 a{color: #333; font-size:18px; float: right; width:97px; display: block; border-radius:3px; border:1px solid #eb9b00; line-height:1em; padding:5px 0; margin-top:5px;}
.custom .custom_l h3 img{margin-top:-11px;}
.custom .custom_r h3{margin-bottom:15px;}
.custom ul{}
.custom ul li{border:1px solid #e2e2e2; border-radius:5px; padding:9px 10px 4.5px 94px; width:358px; overflow: hidden; margin-bottom:3px; position: relative;}
.custom ul li:nth-child(1){background:url('../images/index/ico_buy.png') 10px 5px no-repeat;}
.custom ul li:nth-child(2){background:url('../images/index/ico_sell.png') 10px 10px no-repeat;}
.custom ul li:nth-child(3){background:url('../images/index/ico_installment.png') 3px 10px no-repeat; margin-bottom:0;}
.custom ul li:last-child{margin-right:0px;}

.custom ul li dl dt{font-size:18px; color: #333; font-weight: bold; line-height:1em; margin-bottom:5px;}
.custom ul li dl dd{color: #666; font-size:14px; letter-spacing:-0.05em; margin-bottom:5px;}
.custom ul li a{border:1px solid #eb9b00; border-radius:5px; display:block; color: #000; font-weight: bold; width:40px; padding:7px 0; text-align: center; font-size:13px; line-height:1.2em; position: absolute; right:10px; bottom:10px;}

.ico-mglass{border-color: #151515; width:23px; height:23px; border-width:3px;}
.ico-mglass:after{background:#151515; top:18px; left:15px; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg); width:10px;}

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

.quick_bar{background:#ffbb00;}
.quick_bar .quick_bar_area{position: relative;}
.quick_bar .quick_bar_area input{vertical-align: top; margin-right:10px; font-size:14px; font-weight: bold; color: #333;}
.quick_bar .quick_bar_area input::placeholder{color: #464646 !important;}
.quick_bar .quick_bar_area button{font-weight: bold; color: #fff; text-align: center; letter-spacing:-0.05em ; position: relative; }

.lately_area{background:#fff;}
.lately_area p{color: #333; font-size:16px !important; border-color:#ffbb00 !important; font-weight: bold; width:85% !important;}
.lately_area ul{margin-top:10px;}
.lately_area ul li img{width:126px; height:95px;}
.lately_area a.topgo{background:#ffbb00; height:30px; line-height:30px; color: #222; padding:0; font-weight: normal;}
.lately_area a.topgo:before{width: 8px; height: 8px; border: 2px solid #222; border-left: 0;
border-top: 0; transform: rotate(45deg); margin:-5px 5px 0 0;}
.lately_area p.normal_type{border-width:2px;}

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

.recommend_car_picture li{overflow: hidden;}
.ico_recommend{background:linear-gradient(-135deg, transparent 21px, #ffbb00 0) right, linear-gradient(135deg, transparent 21px, #ffbb00 0) left; !important}
.ico_recommend:before, .ico_recommend:after{background:#c99300 !important;}

.quick_bar{height:100px;}
.quick_bar .quick_bar_area{background:url('../images/common/img_bg_advise.png') left bottom no-repeat; height:100px;}
.quick_bar .quick_bar_area dl{position: absolute; padding-top:20px; padding-left:206px;
}
.quick_bar .quick_bar_area dl dt{float: none; color: #333; font-size:20px; padding:0; margin:0; width: auto; height: auto; line-height:1em; letter-spacing:-0.05em; margin-bottom:5px;}
.quick_bar .quick_bar_area dl dd{float: none; font-size:15px; color: #333; width:auto; height:auto;  letter-spacing:-0.05em; font-weight: bold;}
.quick_bar .quick_bar_area dl dd span{font-size:24px; color: #333; display: block; line-height:1em;}
.quick_bar .quick_bar_area input{width:240px; height:40px; line-height:40px;}
.quick_bar .quick_bar_area button{background:#252525; width:180px; height:40px; line-height:40px; font-size:20px}
.quick_bar .quick_bar_area .quick_bar_form{margin-left:476px; padding-top:30px;}