@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;}

.gnb_menu li a:hover{color:#333 !important;}

#header.header_area .util{border-bottom: none; background:#0066b5;}
#header.header_area .util .wrap{background:#0066b5;}
#header.header_area .util .wrap ul li{position: relative;}
#header.header_area .util .wrap ul li:before{width:1px; height:8px; background:#bfbfbf; position: absolute; top:4px; right:-12px; content:''; display: inline-block;}
#header.header_area .util .wrap ul li:last-child:before{display: none;}
#header.header_area .util .wrap ul li a{color: #c3c3c3;}
#header.header_area .util .util_menu li + li{background: none;}
#header.header_area .primary{position: relative;}
#header.header_area .primary.case_gnb01{border: none;}
#header.header_area .primary.case_gnb01 .gnb h1{padding:20px 0 23px;}
#header.header_area .primary.case_gnb01 .gnb h1 a{display: inline-block;}
#header.header_area .primary.case_gnb01 .gnb{margin:0 auto; text-align: center;}
#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: #fff; font-weight: normal;}
#header.header_area .primary.case_gnb01:before{content:''; width:100%; position: absolute; height:50px; background:#1266ff; left:0; bottom:0; display: inline-block; z-index:0;}
#header.header_area .primary .decoL{top:24px !important; left:23px !important; text-align: left; padding-left:73px; background:url('../images/common/ico_guarantee.png') left 4px no-repeat;}
#header.header_area .primary .decoL p.tit{color:#333; font-size:20px; font-weight: bold; margin-bottom:8px;}
#header.header_area .primary .decoL p.tit span{color: #808080; font-size:16px; display: block; font-weight: normal;}
#header.header_area .primary .decoL ul li{color: #1266ff; font-size:18px; font-weight: bold; line-height:1.3em;}
#header.header_area .primary .decoR{top:18px !important; right:10px !important;}
#header.header_area .primary .decoR .tel{letter-spacing:-0.05em; text-align: left; background:url('../images/common/ico_man.png') 53px top no-repeat; padding:10px 0 0px 130px;}
#header.header_area .primary .decoR .tel dt{font-size:22px; letter-spacing:0em; color: #333; font-weight: bold;}
#header.header_area .primary .decoR .tel dd{font-size:26px; color: #1266ff; font-weight: bold;  letter-spacing:0.02em}

.case_srch{background:#fff; border:2px solid #558bee; border-radius:100px}
.case_srch #header-search-span input{position: relative; width: 307px; height:46px;  padding-left: 0px; background:none !important; border: none; font-weight: bold; text-indent:25px; font-size:16px;}
.case_srch #header-search-span input::placeholder{font-weight: bold; text-indent:25px;  font-size:16px;}
.case_srch #header-car-name-search-btn{width:64px; height:46px; vertical-align: top; display: inline-block; border: none; text-indent: -9999px;}
.case_srch button{width:64px; background: none !important; border-left:1px solid #d2d2d2;}

.visual_sec{position: relative; margin:0 auto;}
#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;}
.car_list.car_title_area .tit_wrap{position: relative;}
.car_list.car_title_area .tit_wrap h3{font-size:30px; margin:50px 0 45px; font-weight: normal;}
.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:55px; color: #909090; font-weight: bold; text-align: center; font-size:16px; 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:20px 0 5px;}
.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:4.5px;}

.recommend_car_picture{margin-top:0px; }

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

.custom{overflow: hidden; padding-top:55px;}
.custom h3{font-size:30px; color: #282828; padding:0px 0 20px; position: relative; text-align: center; font-weight: normal;}
.custom h3 span{color: #1266ff; font-weight: bold;}
.custom .custom_l{width:590px; float: left;}
.custom .custom_l ul li{text-align: center; position: relative; border:1px solid #ddd; margin-right:10px; float: left; width:190px; height:250px;}
.custom .custom_l ul li:last-child{margin-right:0;}
.custom .custom_l ul li dl dt{font-size:20px; color: #222; font-weight: bold; padding-top:16px; line-height:1em;}
.custom .custom_l ul li dl dd{padding:0 0 15px; color: #464646; font-size:15px; letter-spacing:-0.1em}
.custom .custom_l ul li a{display:block; color: #fff; font-size:18px; text-align: center; margin:0 auto; background:#1266ff; line-height:1em; letter-spacing:-0.02em; width:141px; height:30px; line-height:30px;}
.custom .custom_l ul li dl dd:before{width:100px; height:100px; border-radius:100px; margin:10px auto 8px; content:''; display:block;}
.custom .custom_l ul li:nth-child(1) dl dd:before{background:#f0f0f0 url('../images/index/ico_buy.png') center center no-repeat;}
.custom .custom_l ul li:nth-child(2) dl dd:before{background:#f0f0f0 url('../images/index/ico_sell.png') center center no-repeat;}
.custom .custom_l ul li:nth-child(3) dl dd:before{background:#f0f0f0 url('../images/index/ico_installment.png') center center no-repeat;}
.custom .custom_r{float: right; width:590px; height:300px; text-align: center; position: relative; overflow: hidden;}

.custom .custom_r a{display: block; height:300px; transition: all 0.5s;}
.custom .custom_r img {-webkit-transition: all 0.5s ease; /* Safari and Chrome */ 			-moz-transition: all 0.5s ease; /* Firefox */ -ms-transition: all 0.5s ease; /* IE 9 */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease;  position: absolute; top:0px; left:0px; z-index:-1;}
.custom .custom_r:hover img {-webkit-transform:scale(1.25); /* Safari and Chrome */ -moz-transform:scale(1.25); /* Firefox */ -ms-transform:scale(1.25); /* IE 9 */ -o-transform:scale(1.25); /* Opera */ transform:scale(1.25);}
.custom .custom_r span.opacity{background:#353535; position: absolute; width:150%; height:150%; z-index:2; display: block; top:0px; opacity: 0.7; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; z-index:-1;}
.custom .custom_r:hover span.opacity{opacity: 0.6;}
.custom .custom_r div{padding-top:135px; width:305px; letter-spacing:-0.05eem; margin: 0 auto;}
.custom .custom_r p{color: #fff; font-size:30px; letter-spacing:-0.05em; text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 0.2em #000;}
.custom .custom_r p span{color: #1266ff; font-weight: bold;}
.custom .custom_r span.arrows{color: #fff; font-size:18px; display: block; float: right; margin-top:10px; background:url('../images/index/ico_arrow.png') right 5px no-repeat; padding-right:25px;} 

.ico-mglass {position: relative; display: inline-block; border-radius: 24px; height:24px; width:24px; border: 3px solid #3c3c3c; text-indent: -9999px; top:-3px; left:-5px;}
.ico-mglass:after {content: ""; height: 4px; width: 12px; background: #3c3c3c; position: absolute; top:19px; left:15px; -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;}

.car_search_txt{font-size:30px; text-align: center;}

.srch_car_model h3{font-size:30px; margin:55px 0 50px; color: #333; font-weight: normal;}
.srch_car_model h3 span{color: #1266ff; font-weight: bold;}
.srch_car_model h4{border-bottom:1px solid #6fa2ff !important; font-weight: normal; background:#1266ff !important;}
.srch_car_model .model_box03 ul li:hover p, .srch_car_model .model_box03 ul li:hover:before, .srch_car_model .model_box03 ul li:hover:after{border-color:#1266ff}
.srch_car_model .model_box01, .srch_car_model .model_box02, .srch_car_model .model_box03{overflow: hidden;}
.srch_car_model .model_box04 ul li:before, .srch_car_model .model_box05 ul li:before{background:#1266ff; margin-right:5px;}
.srch_car_model .model_box04 ul li:hover, .srch_car_model .model_box05 ul li:hover{color: #1266ff;}
.srch_car_model .model_box01 h4{border-top:none;}
.srch_car_model .model_box03 ul li:hover span {color: #1266ff;}

.lately_area p.normal_type{border-color: #1266ff; font-size:16px; padding:0; width:85%;}
.lately_area ul li img{width:125px; height:95px;}
.lately_area a.topgo{background:#1266ff; color: #fff; font-size:13px;}
.lately_area a.topgo:before{width:6px; height:6px; border: 2px solid #fff; border-left: 0; border-top: 0; transform: rotate(45deg); margin-right:7px; margin-top:-5px;}

.quick_area .select_wrap{margin-bottom:0px;}
.quick_area label{margin-top:5px; font-weight: normal;}
.quick_area .input_wrap{margin-bottom:2px;}
.quick_advise .col_wrap .radio_wrap, .quick_advise .col_wrap, .quick_advise .input_wrap{margin:5px 0 2px !important;}
#left_side .col_wrap .radio_wrap label{color: #006dc1 !important; background:#e7e7e7;}

#left_side .col_wrap .radio_wrap label.representativeColor{color: #fff !important; background:#006dc1 !important;}
#left_side .check_wrap input[type='checkbox']:checked + label:before{font-size:12px; line-height:12px;}
.quick_advise{background:#fff; padding:0;}
.quick_advise .col_wrap_group{padding:0 11px 10px;}
.quick_advise .btn_wrap button{font-weight: bold; background:#006dc1 !important;}
#left_side .col_wrap .radio_wrap + .radio_wrap{margin-left:0px;}
#left_side .col_wrap .radio_wrap input + label{border: none; font-size:16px;}
#left_side .col_wrap .radio_wrap{width:63px;}
#left_side .input_wrap input{height:28px; line-height:28px; font-size:14px; color: #626262; border:1px solid #d1d1d1;}
.quick_advise .check_wrap{margin-top:5px !important;}
#left_side .check_wrap input + label{color: #006dc1; line-height:16px; padding-left:17px;}
#left_side .check_wrap label:before{width:12px; height:12px; border-radius:0}
.quick_advise .col_wrap .radio_wrap input + label{height:28px; line-height:28px;}

.advise_group{border:1px solid #e2e2e2; background:#fff; text-align: center; padding:10px 0 5px;}
.advise_group dl{margin-top:14px;}
.advise_group dl dt{color: #000; font-size:18px; font-weight: bold; line-height:1.3em; letter-spacing:-0.05em}
.advise_group dl dt span{display: block; font-size:15px;}
.advise_group dl dd{color: #1e88e5; font-size:20px; font-weight: bold; letter-spacing:0em; margin-bottom:10px;}
.advise_group a{width:66px; height:24px; line-height:24px; background:#1266ff; border-radius:5px; display: inline-block; color: #fff; letter-spacing:-0.05em}
.advise_group a:last-child{background:#00134f;}