@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{}
#header.header_area .util .wrap{}
#header.header_area .util .util_menu{margin-top:0; padding:5px 27px; position: relative;}

#header.header_area .primary.case_gnb01 .decoL{top:27px; left:9px;}
#header.header_area .primary.case_gnb01 .decoR{top:27px; right:0px;}
#header.header_area .primary.case_gnb01 .decoR dl{float: right; margin-bottom:2px;}
#header.header_area .primary.case_gnb01 .decoR dl dt{display: table-cell; font-size:18px; color: #000; font-weight: bold; padding-right:5px; position: relative; top:-2px;}
#header.header_area .primary.case_gnb01 .decoR dl dd{display: table-cell; font-size:24px; color: #ec0f0f; font-weight: bold;}

#header.header_area .primary.case_gnb01{border: none;}
#header.header_area .primary.case_gnb01:before{width:100%; height:55px; content:''; display: block; background:#013490; position: absolute; bottom:0;}
#header.header_area .primary.case_gnb01 .gnb{margin:0 auto;}
#header.header_area .primary.case_gnb01 .gnb h1{padding:0; margin:15px 0 13px;}
#header.header_area .primary.case_gnb01 .gnb h1 a{display:inline-block; }
#header.header_area .primary.case_gnb01 .gnb_menu li a{display: block; font-size:20px; color: #fff; letter-spacing:-0.05em; height:55px; line-height:55px; font-weight: normal;}
#header.header_area .primary.case_gnb01 .gnb_menu > li:hover a{color: #ec0f0f}

#header.header_area .primary .decoR .case_srch{clear: both; border:2px solid #24abe0; overflow: hidden;}
#header.header_area .primary .decoR .case_srch #header-search-span input{position: relative; width: 240px; height:44px; padding-left: 0px; background:none !important; border: none; text-indent:10px; color: #808080; font-size:16px; font-family: 'Noto Sans KR', sans-serif; vertical-align: top;}
#header.header_area .primary .decoR .case_srch #header-search-span input::placeholder{text-indent:10px; color: #808080;}
#header.header_area .primary .decoR .case_srch #header-car-name-search-btn{width:41px; height:44px; vertical-align: top; display: inline-block; border: none; text-indent: -9999px;}
#header.header_area .primary .decoR .case_srch button{width:50px; height:44px; background:#24abe0 url('../images/common/ico_srch.png') center no-repeat !important; text-indent: -9999px;}

.visual_sec{position: relative;}
#banner .slick-dots li{display: none !important;}

.custom{clear: both;}
.custom iframe{width:100%; height:675px;}

.car_model.model_01{margin:20px 0;}

.search_model_box.car_model01{border-color:#013490}
.search_model_box.car_model01 h3{background:#013490; font-size:18px; letter-spacing:-0.03em; font-weight: normal; padding:0 35px; line-height:39px;}
.search_model_box.car_model01:first-child h3{margin-bottom:15px;}
.search_model_box.car_model01 li span{font-size:15px; margin-top:10px;}
.search_model_box.car_model01.w100 ul{display: table; margin-left:10px;}
.search_model_box.car_model01.w100 ul li{display: table-cell; width:68px; margin:5px 0px;}
.search_model_box.car_model01.w100 ul li:nth-child(5){width:90px; position: relative; top:-6px;}
.search_model_box.car_model01.w100 ul li:nth-child(6){width:100px; position: relative; top:-6px;}
.search_model_box.car_model01.w100 ul li:nth-child(5) span, .search_model_box.car_model01.w100 ul li:nth-child(6) span{margin-top:0;}
.search_model_box.car_model01 .car_price_range_ul{margin-top:13px; padding:0 0 0 20px !important;}
.search_model_box.car_model01 .car_price_range_ul li{border-radius:3px; width:22.5%;}
.search_model_box.car_model01 ul.car_price_range_ul li a{display: block; font-size:15px; font-weight: bold; color: #464646;}
.search_model_box.car_model01 ul.car_price_range_ul li a:hover{color:#1281ed;}
.search_model_box.car_model01 li a:hover{color: #013490;}
.search_model_box.car_model01 .car_vehicle_type{display: inline-block; width:100%; padding-left:20px; margin-top:10px;}
.search_model_box.car_model01 .car_vehicle_type li{width:auto; display: inline-block; margin-right:10px;}
.search_model_box.car_model01 .car_vehicle_type li img{display: block;}
.search_model_box.car_model01:nth-of-type(2), .search_model_box.car_model01:nth-of-type(3){height:172px;}

.car_search_group{border-radius:30px; box-shadow:2px 4px 10px rgba(0,0,0,0.1); -webkit-box-shadow:2px 4px 10px rgba(0,0,0,0.1); -moz-box-shadow:2px 4px 10px rgba(0,0,0,0.1); margin:20px 0 12px;}
.car_search_group ul{display: inline-flex; vertical-align: top;}
.car_search_group ul li{display: inline-table; padding-right:10px; border-right:1px solid #dfdfdf; padding:5px 10px 5px 0;}
.car_search_group select, .car_search_group input{border: none; height:48px; line-height:48px;}
.car_search_group select{width:226px; font-size:14px; font-weight: bold; padding:0 0 0 20px;}
.car_search_group ul li:nth-of-type(2) select{width:249px;}
.car_search_group ul li:nth-of-type(3) select{width:332px; border-right:none;}
.car_search_group input{font-size:14px; background:#ededed; border-radius:27.5px; margin:5px 10px 0; padding:0 23px; width:180px;}
.car_search_group button{font-size:18px; background:#013490; border-radius:27.5px; color: #fff; font-weight: bold; height:48px; line-height:48px; letter-spacing:-0.05em; width:142px; text-align: center; vertical-align:top; margin-top:5px;}

.info_car_group{background:#fff; clear: both; border:1px solid #dedede; margin-bottom:30px;}
.info_car_style01{height:111px; position: relative; } 
.info_car_style01 ul{width:100%; text-align: center;}
.info_car_style01 ul li{}
.info_car_style01 ul li a{font-size:16px; color:#333; display:block; letter-spacing:-0.05em; position: relative; font-weight: bold; width:140px; height:37px; line-height:37px; border-right:1px solid #eee; text-indent:30px; text-align: left;}
.info_car_style01 ul li a:after{content:''; display: block; width:85%; height:1px; background:#eee; margin:0 auto;}
.info_car_style01 ul li a.on{background:#013490; color: #fff;}
.info_car_style01 ul li:last-child a:after, .info_car_style01 ul li a.on:after{display: none;}

.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:1060px; z-index:10; right:0px; top:0px; height:90px; }
.info_car_style01 ul li div ul{border-bottom: none;}
.info_car_style01 ul li div ul li{margin:0px 40px; width:auto; border-right: none; display: inline-block; position: static;}
.info_car_style01 ul li div ul li span { color:#464646; font-size: 15px; font-weight: normal; letter-spacing: -0.05em; font-family: 'Noto Sans KR'}
.info_car_style01 ul li div ul li a{color:#333; font-size:16px; background: none; padding:0px; width:auto; height:auto; line-height:1em; text-indent: 0; text-align: center;}
.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 .menu2{margin-top:10px}
.info_car_style01 ul li .menu2 ul li{padding:0px 14px; margin:0; width: auto; }
.info_car_style01 ul li .menu2 ul li a{border: none !important; margin:0;}
.info_car_style01 ul li .menu2 ul li:first-child{padding-left:0px;}
.info_car_style01 ul li .menu2 ul li:last-child{padding-right:0px;}
.info_car_style01 ul li .menu2 ul li span {padding-top:0px; display: block; color: #464646;}
.info_car_style01 ul li .menu2 ul li a:hover span{color: #013490;}

.info_car_style01 ul li .menu3{margin-top:30px}
.info_car_style01 ul li .menu3 ul li{padding:0; margin:0 9px; width: auto;}
.info_car_style01 ul li .menu3 ul li a{border: none !important;}
.info_car_style01 ul li .menu3 ul li:first-child{margin-left:0px;}
.info_car_style01 ul li .menu3 ul li:last-child{margin-right:0px;}
.info_car_style01 ul li .menu3 ul li span{padding-top:0px; display: block; color: #464646;}
.info_car_style01 ul li .menu3 ul li a:hover span{color: #013490;}

.info_car_style01 ul li .menu4{margin-top:12px;}
.info_car_style01 ul li .menu4 ul{padding-left:5px; table-layout:fixed; display: table;}
.info_car_style01 ul li .menu4 ul li{font-size:12px; font-weight: bold; display:inline-block; width:94px; position: relative; margin:0 5px;}
.info_car_style01 ul li .menu4 ul li a{border: none !important;}
.info_car_style01 ul li .menu4 ul li span{font-size:13px; display: block; color: #fff;}
.info_car_style01 ul li .menu4 ul li:hover span{color: #333;}
.info_car_style01 ul li .menu4 ul.box li{position: relative;}
.info_car_style01 ul li .menu4 ul.box li:hover{background: none;}
.info_car_style01 ul li .menu4 ul.box li a{height:84px; color: #fff; font-size:16px; background:#8b8b8b; font-weight:bold; font-family: 'Noto Sans KR'; border-radius:10px; padding-top:25px; line-height:1.2em; display: block; letter-spacing:0}
.info_car_style01 ul li .menu4 ul.box li a:hover{background:#013490; color: #fff;}
.info_car_style01 ul li .menu4 ul.box li a:hover span{color: #fff;}

.info_car_style01 ul li .menu4 ul.box li a:before{content:''; display: block; height:12px; width:100%; background:#8b8b8b; position: absolute; top:36px; right:-10px; z-index:-1;}
.info_car_style01 ul li .menu4 ul.box li:last-child a:before{display: none;}
.info_car_style01 ul li .menu4 ul.box li a:hover:before{background:#013490;}

.car_list.car_title_area{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; border-bottom:3px solid #333; padding-bottom:5px; color: #333;}
.car_list.car_title_area .tit_wrap p{font-size:16px; color: #a3a3a3; letter-spacing:0em; margin-left:10px;}

.recommend_car_picture{margin-top:0px; }

#left_side, #right_side{z-index:5; top:0px !important;}

.lately_area p{color: #fff; font-size:17px !important; font-weight: bold; background:#565757; line-height:38px;}
.lately_area ul{margin-top:10px;}
.lately_area ul li img{width:126px; height:95px;}
.lately_area a.topgo{font-size:17px; background:#575757; height:29px; color: #fff;}
.lately_area a.topgo:before{display: none;}

#footer{margin:50px auto 0 !important; padding-top:26px !important; border-top:none !important; background:#f5f5f5;}
.footer_area #footer_image{width:auto; display: inline-block; margin-right:113px !important;}
.footer_area #footer_data{padding-bottom:150px !important; width:auto !important;}
.footer_area #footer_data .ft_list ul{}
.footer_area #footer_data .ft_list ul li{color: #686868; font-size:16px;}

.quick_bar{background:#0054a6 !important; height:100px;}
.quick_bar .quick_bar_area p{padding:16px 0 0 27px; vertical-align: bottom;}
.quick_bar .quick_bar_area dl{padding-top:28px;}
.quick_bar .quick_bar_area dl dt{margin-right:25px; color:#fff; font-size:24px; padding-left:40px;}
.quick_bar .quick_bar_area dl dt:nth-child(3){padding-left:60px;}
.quick_bar .quick_bar_area input{background: none; color: #484848; font-size:16px; width:250px; height:44px; line-height:44px; font-family: 'Noto Sans KR'; background:#fff;}
.quick_bar .quick_bar_area input::placeholder{color: #484848;}
.quick_bar .quick_bar_area button{font-size:24px; font-weight: bold; color: #0054a6; background:#fef200; width:210px; height:72px; line-height:1em; margin-left:78px; font-family: 'Noto Sans KR'; vertical-align: top; padding:0; margin-top:-15px; font-weight: bold;}
.quick_bar .quick_bar_area button span{font-size:16px; color: #202020; display: block; margin-top:-5px;}