@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400&display=swap');

/* WebFont Default */
@font-face {
  font-family: 'Jalnan2TTF';
  src: url('../fonts/Jalnan2TTF.eot'); /* IE 호환성 보기 */
  src: url('../fonts/Jalnan2TTF.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
       url('../fonts/Jalnan2TTF.woff2') format('woff2'), /* WOFF2 지원 브라우저 */
       url('../fonts/Jalnan2TTF.woff') format('woff'), /* 모던 브라우저 */
       url('../fonts/Jalnan2TTF.ttf') format('truetype');
}

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 .wrap, #header.header_area .util{background:none; border-bottom: none;}

#header.header_area .primary{position: relative;}
#header.header_area .primary.case_gnb03{background: none;}
#header.header_area .primary.case_gnb03 .gnb h1{padding:20px 0 13px;}
#header.header_area .primary.case_gnb03 .gnb_menu{margin-bottom:0;}
#header.header_area .primary.case_gnb03 .gnb_menu li a{display: block; font-size:20px; line-height:1em; color: #323232; height:50px; line-height:50px;}
#header.header_area .primary.case_gnb03 .gnb_menu li a:hover{color:#349f98;}
#header.header_area .primary .decoR{top:15px !important; right:0px !important;}
#header.header_area .primary .decoR dl dt, #header.header_area .primary .decoR dl dd{font-size:30px; color: #464646; line-height:1.1em; font-weight: bold; text-align: center;}
#header.header_area .primary .decoR dl dd{color: #333;}

#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{}
.car_list.car_title_area .tit_wrap{position: relative;}
.car_list.car_title_area .tit_wrap h3{font-size:30px; margin:50px 0 5px; letter-spacing:-0.05em}
.car_list.car_title_area .tit_wrap h3 span{font-weight: bold;}
.car_list.car_title_area .tit_wrap a.btn_more{position: absolute; right:10px; top:50px; color: #909090; font-weight: bold; text-align: center; font-size:18px; font-weight: normal; padding-right:15px;}
.car_list.car_title_area .tit_wrap p{font-size:18px; color: #989898; font-weight: normal; letter-spacing:-0.05em; display: block; margin:10px 0 14px;}
.car_list.car_title_area .tit_wrap a.btn_more:before{display: block; content:''; width: 12px;
height: 12px; border: 3px solid #939393; border-left: 0; border-top: 0; position: absolute; transform: rotate(-45deg); right:-2px; top:5px;}
.recommend_car_list_div:last-child .car_list.car_title_area:last-child{margin-bottom:120px;}

.recommend_car_picture{margin-top:0px;}
.recommend_car_price span{color:#545454;}
.recommend_car_price strong span.equalRepaymentOfPrincipalAndInterestPrice{color:#349f98;}

.car_search_txt{text-align: center; letter-spacing:-0.05em}
.car_search_txt p{font-size:30px; color: #323232; padding:50px 0 30px; line-height:1em;}
.car_search_txt .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); padding:7px 8px;}
.car_search_txt .car_search_group ul{display: inline-flex; vertical-align: top;}
.car_search_txt .car_search_group ul li{display: inline-table; padding-right:17px; border-right:1px solid #dfdfdf;}
.car_search_txt .car_search_group select, .car_search_txt .car_search_group input{border: none; height:56px; line-height:56px;}
.car_search_txt .car_search_group select{width:209px; font-size:14px; font-weight: bold; padding:0 0 0 20px;}
.car_search_txt .car_search_group ul li:nth-of-type(2) select{width:250px;}
.car_search_txt .car_search_group ul li:nth-of-type(3) select{width:323px; border-right:none;}
.car_search_txt .car_search_group input{font-size:14px; background:#ededed; border-radius:27.5px; margin:0 10px; padding:0 23px; width:180px;}
.car_search_txt .car_search_group button{font-size:18px; background:#349f98; border-radius:27.5px; color: #fff; font-weight: bold; height:56px; letter-spacing:-0.05em; width:142px; text-align: center;}

.info_car_group{background:#fff; border-radius:10px; -webkit-box-shadow: 0px 0px 15px 3px rgba(133,133,133,0.6); box-shadow: 0px 0px 15px 3px rgba(133,133,133,0.6); margin-top:40px;}
.info_car_style01{height:183px; position: relative; } 
.info_car_style01 ul{width:100%; text-align: center;}
.info_car_style01 ul li{display: inline-block; width:170px;}
.info_car_style01 ul li a{font-size:20px; color:#9b9c9d; text-align:center; display:block; height:18px; line-height:18px; padding:0 25px; letter-spacing:-0.05em; font-weight: bold; border-left:1px solid #d4d4d4; margin:30px 0 0px;}
.info_car_style01 ul li:last-child a{border-right:1px solid #d4d4d4}
.info_car_style01 ul li a.on{color: #349f98;}

.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:100%; z-index:10; left:0px; top:0px; height:90px;}
.info_car_style01 ul li div ul li{margin:0px 40px; text-align: left;}
.info_car_style01 ul li div ul li span { color:#464646; font-size: 16px; font-weight: normal; letter-spacing: -0.05em; }
.info_car_style01 ul li div ul li a{color:#333; font-size:16px; background: none; padding:0px; height:auto; line-height:1em;}

.info_car_style01 ul li .menu2{margin-top:70px;}
.info_car_style01 ul li .menu2 ul li{padding:0px 15px 0px; 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: 5px; display: block; color: #464646;}
.info_car_style01 ul li .menu2 ul li a:hover span{color: #349f98;}

.info_car_style01 ul li .menu3{margin-top:50px;}
.info_car_style01 ul li .menu3 ul li{padding:0; margin:0 5px; width: auto; vertical-align: top;}
.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:10px; display: block; color: #464646;}
.info_car_style01 ul li .menu3 ul li a:hover span{color: #349f98;}

.info_car_style01 ul li .menu4{margin-top:50px;}
.info_car_style01 ul li .menu4 ul{padding-left:12px; table-layout:fixed; display: table;}
.info_car_style01 ul li .menu4 ul li{font-size:12px; color: #777; font-weight: bold; display:inline-block; width:140px; position: relative; margin:0 2px;}
.info_car_style01 ul li .menu4 ul li a{border: none !important;}
.info_car_style01 ul li .menu4 ul li p{border-top:3px solid #c1c1c1; padding-top:30px;}
.info_car_style01 ul li .menu4 ul li span{font-size:16px; font-weight:800;}
.info_car_style01 ul li .menu4 ul li:hover p{border-color:#85e481;}
.info_car_style01 ul li .menu4 ul li:hover span{color: #dc0311;}
.info_car_style01 ul li .menu4 ul.box li{}
.info_car_style01 ul li .menu4 ul.box li:hover{background: none;}
.info_car_style01 ul li .menu4 ul.box li:before, .info_car_style01 ul li .menu4 ul.box li:after{display: none;}
.info_car_style01 ul li .menu4 ul.box li a{height:70px; line-height:70px; color: #777; font-size:18px; border-radius:0; background:#e7e7e7; font-weight: normal;}
.info_car_style01 ul li .menu4 ul.box li a:hover{background:#349f98; color: #fff;}

.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: #339a95; border-width:2px;}
.lately_area ul{margin-top:10px;}
.lately_area ul li img{width:126px; height:95px;}
.lately_area a.topgo{background:#349f98; 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_bar{background:#092a4a !important; height:86px;}
.quick_bar .quick_bar_area{position: relative; }
.quick_bar .quick_bar_area dl{text-align: center; color: #fff; font-size:30px; letter-spacing:-0.02em; font-weight: bold; background:url('../images/common/ico_tel.png') 44px 16px no-repeat; display: inline-block; vertical-align: top; padding:13px 25px 20px 106px; text-align: center;}
.quick_bar .quick_bar_area dl dt{height:auto; margin:0; float: none; padding:0; font-size:18px; line-height:1em; margin-bottom:8px;}
.quick_bar .quick_bar_area dl dd{clear: both; float: none; padding:0; font-size:34px; letter-spacing:0em; line-height:1em; font-family:'Jalnan2TTF'; font-weight: normal;}
.quick_bar .quick_bar_area .quick_bar_form{padding:18px 0 0 0; display: inline-block;}
.quick_bar .quick_bar_area input{width:300px; height:50px; line-height:50px; vertical-align: top; margin-right:6px; font-size:16px; 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:#349f98; width:200px; height:50px; font-family: 'Noto Sans KR'; border-radius:10px; margin-left:5px;}

#footer{margin:0 auto !important; padding-top:30px !important; }
.footer_area #footer_image{width:auto;}
.footer_area #footer_data{padding-bottom:180px !important; width:auto !important;}

/* 차대리 + 저신용 신용상품 폼 */
.advise_visual img{width:100%;}
.advise_form h3{font-size:30px; color: #323232; line-height:1em; padding:30px 0 10px;}
.advise_form p.advise_form_txt{font-size:24px; color: #939393; font-weight: bold; line-height:1em; padding-bottom:30px;}
.advise_form .advise_form_input{width:100%; border:2px solid #092a4a; border-radius:3px; height:60px; line-height:60px; margin-bottom:15px; color: #333; font-size:18px; font-weight: bold; font-family: 'Noto Sans KR'; padding:0 15px;}
.advise_form .advise_form_input::placeholder{color: #333; font-size:18px;}
.advise_form p.last_p1 label{display: inline-block; position: relative; padding-left: 20px; font-size: 15px; text-align: left; line-height: 1.3em; cursor: pointer; font-weight: bold;}
.advise_form p.last_p1 {overflow: hidden; position: relative; margin:0 0 50px 0;}
.advise_form p.last_p1 label:before {content: ''; display: inline-block; position: absolute; top: 2px;    bottom: 1px; left: 0; width: 16px; height: 16px; margin-right: 10px; border:1px solid #d0d0d0;}
.advise_form p.last_p1 input[type='checkbox'] {display: none;}
.advise_form p.last_p1 input[type='checkbox']:checked + label:before {content: '\2713'; color: #000;  font-size: 15px; text-align: center; border:1px solid #d0d0d0 !important; line-height: 15px; background:#fff !important;}
.advise_form p .last_label1 {width: auto; font-size: 11px; letter-spacing: -1px;}
.advise_form p .info_btn1 a {display: inline-block; height: 20px; margin: 0 2px; padding: 0 3px; color: #575757; font-size: 11px; line-height: 20px; background-color: #b5b5b5;}
.advise_form button{font-size:20px; font-weight: bold; width:196px; height:54px; color: #fff; margin:0 auto 100px; display: block; font-family: 'Noto Sans KR';}

.car-info .price strong span.equalRepaymentOfPrincipalAndInterestPrice{color:#349f98;}
.car-detail .car-info .price .num{color:#545454;}