@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_gnb03{padding-bottom:0; background: none;}
#header.header_area .primary.case_gnb03:after{content:''; display: block; width:100%; height:60px; background:#0e6bb1; position: absolute; bottom:0px; z-index:-1;}
#header.header_area .primary.case_gnb03 .gnb h1{padding:10px 0 15px 3px;}
#header.header_area .primary.case_gnb03 .gnb_menu{margin:0 auto;}
#header.header_area .primary.case_gnb03 .gnb_menu li a{font-size:28px; color: #fff; display: block; font-weight: normal; height:60px; line-height:60px;}
#header.header_area .primary.case_gnb03 .gnb_menu li a:hover{color: #333;}

#header.header_area .primary .decoC{top:55px !important; left:491px !important;}
#header.header_area .primary .decoR{top:46px !important; right:5px !important;}
#header.header_area .primary .decoR dl{padding-left:79px; text-align: center;}
#header.header_area .primary .decoR dl:before{content:''; display: inline-block; width:70px; height:70px; background:#0e6bb1 url('../images/common/ico_tel.png') center center no-repeat; position: absolute; left:0px; top:0px; border-radius:70px}
#header.header_area .primary .decoR dl dt{letter-spacing:-0.03em; padding:15px 0 0; color: #333; font-size:16px; display: block; line-height:1em;}
#header.header_area .primary .decoR dl dd{font-weight: bold; font-size:26px; color: #0e6bb1; line-height:1em;}

.case_srch{width:420px;margin-top:0px; border:1px solid #0e6bb1; border-radius:26px}
.case_srch #header-search-span{display: inline-flex;}
.case_srch #header-search-span input{border: none; width:373px; height:52px; font-size:16px; padding-left:20px; background: none; font-family: 'Noto Sans KR', sans-serif; font-weight: normal;}
.case_srch #header-search-span input::placeholder{text-align:left; font-size:16px; color: #6e6b68; position: relative; top:2px; letter-spacing:-0.05em; font-weight: bold;}
.case_srch button{width:47px !important; height:52px !important; background:none !important; padding:0; text-align: left;}

.visual_sec{position: relative;}
#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{margin-bottom:60px;}
.car_list.car_title_area .tit_wrap{position: relative; text-align: center;}
.car_list.car_title_area .tit_wrap h3{font-size:36px; margin:0; padding-bottom:15px; color: #333;}
.car_list.car_title_area .tit_wrap p{font-size:20px; color: #666; letter-spacing:-0.05em; display: block; margin-top:10px;}

.car_search_wrap.case_select h3{text-align: center; font-size:36px; font-weight: bold; line-height:1em; padding:30px 0}
.car_search_wrap.case_select h3 span{color: #0e6bb1;}
.car_search_wrap.case_select div.search_form ul li{border:1px solid #b6b6b6; border-radius:5px; padding:0 10px 0 0;}
.car_search_wrap.case_select div.search_form ul li select{width:100%; appearance:auto; height:50px; border: none; background: none;}
.car_search_wrap.case_select div.search_form ul li:nth-child(1){width:268px;}
.car_search_wrap.case_select div.search_form ul li:nth-child(2){width:293px;}
.car_search_wrap.case_select div.search_form ul li:nth-child(3){width:333px;}
.car_search_wrap.case_select div.search_form .search_btn2{width:270px; font-size:24px; line-height:50px; height:50px; border-radius:5px;}

.info_car{}
.info_car_group{background:#fff; clear: both; border:1px solid #eee; margin-bottom:32px;}
.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: #0e6bb1; border-right: none;}
.info_car_style01 ul li a.on:before{content:''; display: block; width:15px; height:100%; background:#0e6bb1; 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: #0e6bb1;}

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

.recommend_car_picture{margin-top:0px; }

.ico-mglass {position: relative; display: inline-block; border-radius:20px; height:20px; width:20px; border:2px solid #0e6bb1; text-indent: -9999px; top:-2px;}
.ico-mglass:after{content: ""; height:3px; width:10px; background: #0e6bb1; position: absolute; top:16px; left:12.5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); border-radius:2px}

#left_side, #right_side{z-index:5;}

.yttype_B{margin-bottom:20px;}
.yttype_B ul li:nth-child(odd){float: left;}
.yttype_B ul li:nth-child(even){float: right;}
.yttype_B ul li iframe{width:590px; height:400px;}

.custom{clear: both; margin-bottom:40px; overflow: hidden;}
.custom ul{display:flex; margin:0 -10px;}
.custom ul li{overflow: hidden; margin-bottom:8px; width:100%; margin:0 10px;}
.custom ul li a{display: block; padding:22px 20px 35px; background:#0e6bb1; position: relative;}
.custom ul li a:before{width:90px; height:90px; border-radius:90px; content:''; display: block; position: absolute; right:20px; top:20px;}
.custom ul li:nth-child(1) a:before{background:#fff url('../images/index/ico_buy.png') center no-repeat;}
.custom ul li:nth-child(2) a:before{background:#fff url('../images/index/ico_sell.png') center no-repeat;}
.custom ul li:nth-child(3) a:before{background:#fff url('../images/index/ico_installment.png') 12px center no-repeat;}
.custom ul li:last-child{margin-right:0px;}
.custom ul li dl dt{font-size:24px; color: #fff; font-weight: bold; line-height:1em; margin-bottom:10px;}
.custom ul li dl dd{color: #d7e5ef; font-size:17px; letter-spacing:-0.05em; font-weight: bold;}

.quick_bar{background:#0e6bb1 !important; height:100px;}
.quick_bar .quick_bar_area{position: relative; }
.quick_bar .quick_bar_area p{text-align: center; color: #fff; font-size:24px; letter-spacing:-0.02em; font-weight: bold; background:url('../images/common/img_tel.png') 10px 10px no-repeat; padding:18px 12px 24px 85px; letter-spacing:-0.05em}
.quick_bar .quick_bar_area p span:nth-child(1){color: #ffc727; font-weight: bold; }
.quick_bar .quick_bar_area p span:nth-child(2){display: block; font-size:32px;line-height:1em; font-weight: bold; letter-spacing:0.02em}
.quick_bar .quick_bar_area .quick_bar_form{padding:26px 0 0 230px;}
.quick_bar .quick_bar_area input{width:350px; height:52px; line-height:52px; vertical-align: top; margin-right:6px; font-size:18px; font-weight: bold; color: #888; font-family: 'Noto Sans KR'; padding:0 10px; border-radius:10px}
.quick_bar .quick_bar_area input::placeholder{color: #a6a6a6;}
.quick_bar .quick_bar_area button{font-size:22px; color: #fff; text-align: center; letter-spacing:-0.05em ; position: relative; background:#282828; width:150px; height:52px;  font-family: 'Noto Sans KR'; border-radius:10px}

#footer{margin:50px auto 0 !important; padding-top:30px !important; }
.footer_area #footer_image{width:auto;}
.footer_area #footer_data{padding-bottom:120px !important; width:auto !important;}