@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:#fee70c !important;}

#header.header_area .util{border-bottom: none;}
#header.header_area .primary.case_gnb03{border-bottom:none;}
#header.header_area .primary.case_gnb03:before{background:#f6448f !important; }
#header.header_area .primary.case_gnb03 .gnb{margin:0 auto;}
#header.header_area .primary.case_gnb03 .gnb h1{padding:7px 0 10px;}
#header.header_area .primary.case_gnb03 h1 a{display:inline-block; margin-left:23px;}
#header.header_area .primary.case_gnb03 .gnb_menu{margin:0 auto;}
#header.header_area .primary.case_gnb03 .gnb_menu li a{display: block; font-size:18px; padding:15px 0; line-height:1em; color: #fff; letter-spacing:0em}
#header.header_area .primary .gnb_menu li{letter-spacing:-0.05em; display: inline; float: left; margin:0 25px;}
#header.header_area .primary.case_gnb03:before{content:''; width:100%; position: absolute; height:50px; background:#303030; left:0; bottom:0; display: inline-block; z-index:0;}

#header.header_area .primary{position: relative;}
#header.header_area .primary .decoL{left:14px !important; top:55px !important;}
#header.header_area .primary .decoR{top:69px !important; right:12px !important;}

.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{}
.car_list.car_title_area .tit_wrap{position: relative;}
.car_list.car_title_area .tit_wrap h3{font-size:28px; margin:60px 0 30px; text-align: center;}

.recommend_car_picture{margin-top:0px; }

.ico-mglass {position: relative; display: inline-block; border-radius:21px; height:21px; width:21px; border: 3px solid #3c3c3c; text-indent: -9999px; top:-2px; left:14px;}
.ico-mglass:after {content: "";height:4px;width:10px;background: #3c3c3c; position: absolute;top: 16px;left:11.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;}

.case_srch{width:420px;border:2px solid #f6448f; border-radius:23px;}
.case_srch #header-search-span{display: inline-flex; border-bottom: none;}
.case_srch #header-search-span input{border: none; width:356px; height:46px; font-size:16px; background: none; padding-left:23px;}
.case_srch #header-search-span input::placeholder{text-align:left; font-size:16px; color: #b2b2b2; position: relative; top:0px; letter-spacing:0em; font-weight: bold;}
.case_srch button{width:64px; height:46px; background:none !important; padding:0; text-align: left; position: relative;}
.case_srch button:before{content:''; display: inline-block; width:1px; height:30px; background:#d2d2d2; position: absolute; top:9px; left:0px;}


.quick_bar{background:#f6448f; z-index:100;}
.quick_bar .quick_bar_area{width:1200px; margin:0 auto; position: relative;}
.quick_bar .quick_bar_area a{width:118px; height:48px; line-height:48px; background:#232323; color: #fff; margin-left:10px;}
.quick_bar .quick_bar_area dl{padding-top:13px;}
.quick_bar .quick_bar_area dl dt{font-size:20px; height:48px; line-height:48px; margin-right:8px; padding-left:20px;}
.quick_bar .quick_bar_area dl dd{}
.quick_bar .quick_bar_area input{width:196px; height:48px; line-height:48px; font-size:16px;}
.quick_bar .quick_bar_area input::placeholder{font-size:16px; font-weight: bold;}
.quick_bar .quick_bar_area p{padding:10px 0px 4px 15px;}
.quick_bar .quick_tel{position: absolute; right:5px; top:10px;}
.quick_bar .quick_tel p{font-size:20px; padding:0 10px 0 0; float: left; margin-right:10px; line-height:1.1em; margin-top:3px; position: relative;}
.quick_bar .quick_tel p:before{width:1px; height:38px; background:#d3246e; content:''; display: inline-block; position: absolute; right:0px; top:5px;}
.quick_bar .quick_tel ul{float: left;}
.quick_bar .quick_tel ul li{font-size:22px; line-height:1em; font-weight: bold}
.quick_bar .quick_tel ul li span{font-size:16px; font-weight: normal; letter-spacing:-0.05em}

.lately_area p{background:#f6448f; }

.custom_group{overflow: hidden;}

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

.car_search_wrap.case_select{margin:0;}
.car_search_wrap.case_select h3{font-size:30px; text-align: center; margin:50px 0 30px; color: #000; font-weight: bold;}
.car_search_wrap.case_select h3 span{color: #e02272;}
.car_search_wrap.case_select div.search_form ul li{margin:0 10px 0 0;}
.car_search_wrap.case_select div.search_form ul li select{width:348px; appearance:auto}
.car_search_wrap.case_select div.search_form .search_btn2{width:116px; font-size:14px;}

.srch_car_model{margin-top:22px;}
.srch_car_model h4{border-bottom:1px solid #e72c7b !important; font-weight: normal; background:#f6448f !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:#e02272}
.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:#e02272; margin-right:5px;}
.srch_car_model .model_box04 ul li:hover, .srch_car_model .model_box05 ul li:hover{color: #e02272;}
.srch_car_model .model_box01 h4{border-top:none;}
.srch_car_model .model_box03 ul li:hover span {color: #e02272;}

.custom_group h3{margin:65px 0 30px; font-size:30px; color: #000; line-height:1em; padding:10px 0 5px;}
.custom_group h3 span{color: #f6448f;}
.custom_group .list_picture{}
.custom_group .list_picture ul{}
.custom_group .list_picture ul li{width:232px; margin-right:10px; float: left; margin-bottom:10px; border:1px solid #cecece;}
.custom_group .list_picture ul li:nth-child(5n){margin-right:0;}
.custom_group .list_picture span.view_img{height:156px; display: block;}
.custom_group .list_picture ul li img{width:232px; height:158px;}
.custom_group .list_picture ul li span.review_txt{display: block; padding:11px 7px 8px; font-size:12px; font-weight: bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; border-top:1px solid #cecece;}

.yttype_D{overflow: hidden;}
.yttype_D h3{text-align: center; color: #000; font-size:30px; margin:50px 0 30px;}
.yttype_D h3 span{color: #f6448f;}
.yttype_D h3 img{position: relative; top:-3px; margin-left:5px;}
.yttype_D #video-placeholder02, #video-placeholder03{margin-bottom:5px;}
.yttype_D iframe{width: 595px; height: 314px;}
.yttype_D .yt_L{float: left; margin-right:5px;}
.yttype_D .yt_R{float: right;}
.yttype_D #controls li{float: left; margin-right:5px;}
.yttype_D #controls li:last-child{margin-right:0px;}
.yttype_D #controls li img{width:295px; height:164px;}

.quick_advise{padding:4px;}
.quick_advise p{background:none; padding:0; margin:0;}
.quick_advise p.tit{text-align: center; font-size:16px; color: #f6448f; font-weight: bold; margin:4px 0;}
.quick_advise p.txt{text-align: center; color: #333; font-size:14px; margin:8px auto 0; width:140px; border-bottom:1px solid #e2e2e2; padding-bottom:8px;}
.quick_advise dl{margin-top:8px;}
.quick_advise dl dt{color: #222; font-size:16px; letter-spacing:-0.05em; line-height:1em;}
.quick_advise dl dd{color: #222; font-size:22px; letter-spacing:-0.05em; line-height:1em; margin-bottom:6px;}
.quick_advise .btn_wrap button{font-size:13px;}
.quick_advise .input_wrap input{height:30px;}
.quick_advise .input_wrap{margin:0 0 5px 0;}
.quick_advise .text_wrap{margin-bottom:5px;}
.quick_advise .text_wrap textarea{height:50px;}
.quick_advise .check_wrap{margin-top:0; margin-bottom:5px;}
.quick_advise .check_wrap label:before{border-radius:0}
.quick_advise .col_wrap{margin-bottom:5px;}
.quick_advise .col_wrap .radio_wrap{width:70px; margin-bottom:0;}
.quick_advise .col_wrap .radio_wrap + .radio_wrap{margin-left:0;}
.quick_advise .col_wrap .radio_wrap label{background:#e7e7e7; color: #f6448f !important; font-weight: bold;}
.quick_advise .col_wrap .radio_wrap input + label{border: none; font-size:16px !important; height:28px; line-height:28px; }
.quick_advise .col_wrap .radio_wrap label.representativeColor{color: #fff !important;}
.quick_advise .btn_wrap{margin-top:5px !important;}