@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400&display=swap');

/* WebFont Default */
@font-face {
  font-family: 'SB_Aggro_M';
  src: url('../fonts/SB_Aggro_M.eot'); /* IE 호환성 보기 */
  src: url('../fonts/SB_Aggro_M.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
       url('../fonts/SB_Aggro_M.woff2') format('woff2'), /* WOFF2 지원 브라우저 */
       url('../fonts/SB_Aggro_M.woff') format('woff'), /* 모던 브라우저 */
       url('../fonts/SB_Aggro_M.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{padding-top:38px;}
#header.header_area .util{height:39px;}
#header.header_area .util .wrap{height:38px;}
#header.header_area .util .util_menu{margin-top:0; padding-top:12px; position: relative;}
#header.header_area .util .util_menu li a{color: #929292;}
#header.header_area .util .sns_area{position: absolute;}
#header.header_area .util .sns_area ul li{padding-right:10px; display: table-cell; padding-top:2px;}
#header.header_area .util .sns_area ul li a{width:35px; height:35px; text-indent: -9999px; display: block;}
#header.header_area .util .sns_area ul li:nth-child(1) a{background:url('../images/common/ico_hd_blog.png') no-repeat;}
#header.header_area .util .sns_area ul li:nth-child(2) a{background:url('../images/common/ico_hd_kakao.png') no-repeat;}

#header.header_area .primary.case_gnb03{padding-bottom:0; background: none; border-bottom:1px solid #ddd;}
#header.header_area .primary.case_gnb03:before{content:''; display: block; position: absolute; width:100%; height:1px; background:#ddd; top:156px;}
#header.header_area .primary.case_gnb03 .gnb h1{padding:17px 0 14px;}
#header.header_area .primary.case_gnb03 .gnb_menu{margin:0 auto;}
#header.header_area .primary.case_gnb03 .gnb_menu li a{font-size:22px; color: #333; display: block; font-weight: normal; height:50px; line-height:50px; font-weight: bold;}
#header.header_area .primary.case_gnb03 .gnb_menu li a:hover{color:#ff8000;}
#header.header_area .primary .decoC{top:34px !important; left:439px !important;}
#header.header_area .primary .decoR{top:25px !important; right:3px !important;}
#header.header_area .primary .decoR dl{padding-left:78px; text-align:left}
#header.header_area .primary .decoR dl:before{content:''; display: inline-block; width:68px; height:68px; background:#ff8000 url('../images/common/ico_tel.png') center center no-repeat; position: absolute; left:0px; top:0px; border-radius:68px}
#header.header_area .primary .decoR dl dt{letter-spacing:-0.05em; padding:7px 0 0; color: #505050; font-size:18px; display: block; line-height:1.4em;}
#header.header_area .primary .decoR dl dd{font-weight: bold; font-size:30px; color: #d84c00; line-height:1em; letter-spacing:0.02em}

.case_srch{margin-top:0px; background:#ff8000; border-radius:25px;}
.case_srch #header-search-span{display: inline-flex;}
.case_srch #header-search-span input{border: none; width:287px; height:50px; font-size:18px; padding-left:28px; background: none; font-family: 'Noto Sans KR', sans-serif; font-weight: normal; color: #fff; line-height:1em;}
.case_srch #header-search-span input::placeholder{text-align:left; font-size:18px; color: #fff; letter-spacing:0em; }
.case_srch button{width:53px !important; height:50px !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: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:2px solid #333; padding-bottom:5px; color: #222; font-weight: bold;}
.car_list.car_title_area .tit_wrap p{font-size:16px; color: #a3a3a3; letter-spacing:-0.05em; margin-left:5px;}

.custom{padding-top:20px; margin-bottom:17px; overflow: hidden;}
.custom .custom_l{float: left; text-align: center; position: relative; width:710px; padding-top:10px;}
.custom .custom_l h3{font-size:36px; color: #282828; padding:0px 0 10px; line-height:1em;}
.custom .custom_l h3 span{color: #ff8000;}
.custom .custom_l a.btn_detail{padding:4px 5px; text-align: center; color: #fff; font-size:14px; position: absolute; top:20px; right:0px; display: block; background:#ff8000; font-weight: bold; letter-spacing:-0.05em}
.custom .custom_l .list_picture{margin-top:10px;}
.custom .custom_l .list_picture ul{}
.custom .custom_l .list_picture ul li{width:174px; float: left; margin-right:4px; margin-bottom:15px; text-align:left;}
.custom .custom_l .list_picture ul li:nth-child(4n){margin-right:0px; }
.custom .custom_l .list_picture span.view_img img{height:133px; display: block; }
.custom .custom_l .list_picture span.review_txt{padding:10px 0 0; width:100%; display: block; background:#fff; text-align: left; }
.custom .custom_l .list_picture span span{padding:0; color: #313131; font-weight: bold; font-size:14px; display:block; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; width:100%;}

.custom .custom_r{float: right; border:1px solid #e7e7e7; padding:10px; width:450px; background:url('../images/index/ico_car.png') no-repeat center 55%; text-align: center;}
.custom .custom_r h3{font-family: 'SB_Aggro_M'; font-size:46px; color: #fff; background:#000; padding:15px 0 7px; letter-spacing:-0.02em; width:100%; margin-bottom:234px;}
.custom .custom_r h3 span{color: #ff8000;}
.custom .custom_r p{font-family: 'SB_Aggro_M'; font-size:46px; color: #333; letter-spacing:-0.05em; padding-top:10px;}
.custom .custom_r p:before{content:''; display: inline-block; width:50px; height:50px; background:url('../images/index/ico_tel02.png') no-repeat; vertical-align:middle; margin-right:8px;}

.car_search_group{border:1px solid #e5e5e5; border-radius:10px; padding:40px 30px 30px; margin-bottom:30px; position: relative; box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);}
.car_search_group h3{font-size:38px; color: #343434; line-height:1em;}
.car_search_group .car_search_txt p{padding:20px 0 22px; color: #343434; font-size:18px; line-height:1em; font-weight: bold;}
.car_search_wrap.case_select{margin:0 auto 30px;}
.car_search_wrap.case_select div.search_form{width:1140px;}
.car_search_wrap.case_select div.search_form ul{background:#f9f9f9; border-radius:5px; width:970px;}
.car_search_wrap.case_select div.search_form ul li{padding:0; margin:0 2px; position: relative;}
.car_search_wrap.case_select div.search_form ul li:last-child{margin-right:0px;}
.car_search_wrap.case_select div.search_form ul li:after{content:''; display: block; width:1px; height:28px; background:#dfdfdf; position: absolute; right:-5px; top:18px;}
.car_search_wrap.case_select div.search_form ul li:last-child:after{display: none;}
.car_search_wrap.case_select div.search_form ul li select{width:100%; appearance:auto; height:64px; border: none; background: none; font-size:16px; color: #333; font-family: 'Noto Sans KR', sans-serif;}
.car_search_wrap.case_select div.search_form ul li:nth-child(1){width:233px;}
.car_search_wrap.case_select div.search_form ul li:nth-child(2){width:348px;}
.car_search_wrap.case_select div.search_form ul li:nth-child(3){width:375px;}
.car_search_wrap.case_select div.search_form .search_btn2{width:160px; font-size:24px; line-height:64px; height:64px; border-radius:5px; font-family: 'Noto Sans KR', sans-serif; font-size:18px; background:#e89e00 !important;}

.car_search_group .case_srch02{position: absolute; right:30px; top:40px;}
.car_search_group .case_srch02{width:460px; margin-top:0px; border-bottom:2px solid #494949;}
.car_search_group .case_srch02 #header-search-span{display: inline-flex;}
.car_search_group .case_srch02 #header-search-span input{border: none; width:425px; height:40px; font-size:16px; padding-left:0px; background: none; font-family: 'Noto Sans KR', sans-serif; font-weight: normal;}
.car_search_group .case_srch02 #header-search-span input::placeholder{text-align:left; font-size:16px; color: #6e6b68; position: relative; top:2px; letter-spacing:-0.05em; font-weight: bold;}
.car_search_group .case_srch02 button{width:35px !important; height:40px !important; background:none !important; padding:0; text-align: left;}
.car_search_group .case_srch02 .ico-mglass {position: relative; display: inline-block; border-radius:23px; height:23px; width:23px; border:3px solid #000; text-indent: -9999px; top:-2px;}
.car_search_group .case_srch02 .ico-mglass:after{content: ""; height:4px; width:11px; background: #000; position: absolute; top:16.5px; left:15px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); border-radius:2px}

.srch_car_model_quick{overflow: hidden;}
.srch_car_model_quick ul{width:1200px; float: left;}
.srch_car_model_quick ul li{float: left; text-align: center;}
.srch_car_model_quick ul li img{display: block; margin:0 auto;}
.srch_car_model_quick ul li span{color: #464646; font-size:15px; font-weight: bold; letter-spacing:-0.05em}

.srch_car_model_quick .model_box01 ul{margin-bottom:30px;}
.srch_car_model_quick .model_box01 ul li{padding:0 1px;}
.srch_car_model_quick .model_box01 ul li span{padding-top:10px; display: block; font-size:15px; color: #464646;}
.srch_car_model_quick .model_box01 ul li a{display: block; padding:2px 1.5px;}
.srch_car_model_quick .model_box01 ul li a:hover span{color:#ff8000;}

.srch_car_model_quick .model_box02 ul{margin-bottom:30px;}
.srch_car_model_quick .model_box02 ul li{padding:0px 6px 0px 6px;}
.srch_car_model_quick .model_box02 ul li:first-child{padding-left:0px;}
.srch_car_model_quick .model_box02 ul li:first-child a{padding-left:0px;}
.srch_car_model_quick .model_box02 ul li span{padding-top:7px; display: block;}
.srch_car_model_quick .model_box02 ul li a{display: block; padding:2px 9px;}
.srch_car_model_quick .model_box02 ul li a:hover span{color:#ff8000;}

.srch_car_model_quick .model_box03 ul li{margin-right:5.2px;}
.srch_car_model_quick .model_box03 ul li:last-child{margin-right:0px;}
.srch_car_model_quick .model_box03 ul li:hover{background: none;}

.srch_car_model_quick .model_box03 ul li a{height:70px; line-height:70px; color:#777; font-size:18px; border-radius:0; background:#e7e7e7; font-weight: normal; font-family: 'Noto Sans KR'; padding:0 12.5px; font-weight: bold; letter-spacing:0; display: block;}
.srch_car_model_quick .model_box03 ul li a span{font-size:14px;}
.srch_car_model_quick .model_box03 ul li a:hover{background:#e89e00; color: #fff;}


.recommend_car_picture{margin-top:5px;}

.ico-mglass {position: relative; display: inline-block; border-radius:23px; height:23px; width:23px; border:3px solid #fff; text-indent: -9999px; top:-1px;}
.ico-mglass:after{content: ""; height:4px; width:11px; background: #fff; position: absolute; top:16.5px; 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;}

.case_side_01.case_bk ul li{background:#ff8000; border-color:#fff; letter-spacing:0em}
.case_side_01.case_bk ul li{color: #fff; font-size:16px;}
.case_side_01.case_bk ul li a{color: #fff; position: relative; font-weight: normal; line-height:1em;}
.case_side_01.case_bk ul li a:hover{color: #fff;}
.case_side_01.case_bk ul li:before{margin-left:27px;}
.case_side_01 ul li:before{content:''; display: block; width: 47px; height: 53px; margin:8px auto 10px; position: absolute; }

.case_side_01.case_bk.case_ico ul li.ico_buy a{padding-top:63px;}
.case_side_01.case_bk.case_ico ul li.ico_sell a{padding-top:73px;}
.case_side_01.case_bk.case_ico ul li.ico_sell:before{margin-top:10px;}
.case_side_01.case_bk.case_ico ul li.ico_dicount02 a{padding-top:70px;}
.case_side_01.case_bk.case_ico ul li.ico_dicount02:before{margin-top:10px;}
.case_side_01.case_bk.case_ico ul li.ico_kakao a{padding-top:63px;}
.case_side_01.case_bk.case_ico ul li.ico_kakao:before{margin-top:10px;}
.case_side_01.case_bk.case_ico ul li.ico_map a{padding-top:63px;}
.case_side_01.case_bk.case_ico ul li.ico_map:before{margin-top:10px;}

.case_side_01.case_bk ul li.ico_num{font-weight: normal;}
.case_side_01.case_bk ul li.ico_num p{font-family: 'Noto Sans KR', sans-serif; font-size:20px; text-align: center; margin-top:5px;}
.case_side_01.case_bk ul li:hover{background-color:#fbc51d;}

.case_side_01.case_bk ul li.recent{ background:#ff8000;}
.case_side_01.case_bk ul li.recent div{border:1px solid #fff;}
.case_side_01.case_bk ul li.recent ul li a{padding-top:0px; background:#ff8000;}
.case_side_01.case_bk ul li.recent ul li a span{font-size:12px;}

.case_side_01.case_bk ul li.recent div p{font-size:16px; text-align: center; color: #fff; letter-spacing:-0.1em; font-weight: normal;} 
.case_side_01.case_bk ul li.recent div ul{margin-top:5px;}
.case_side_01.case_bk ul li.recent div ul li{text-align: center; font-size:12px; color: #fff; height: 87px;}
.case_side_01.case_bk ul li.recent div ul li img{width:77px; height:58px; border:1px solid #ccc;}
.case_side_01.case_bk ul li.recent div ul li span:last-child{display: inline-block; padding:6px 0px;}
.case_side_01.case_bk ul li.recent div a.topgo{padding:10px 0; border-top:1px solid #575757; }

.case_side_01.case_bk.case_ico ul li:before{background: url("/assets/basic/images/icon/ico_right_menu_sprite.png") no-repeat !important;}


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