@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400&display=swap');

/* WebFont Default */
@font-face {
  font-family: 'NanumSquareR';
  src: url('../fonts/NanumSquareR.eot'); /* IE 호환성 보기 */
  src: url('../fonts/NanumSquareR.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
       url('../fonts/NanumSquareR.woff2') format('woff2'), /* WOFF2 지원 브라우저 */
       url('../fonts/NanumSquareR.woff') format('woff'), /* 모던 브라우저 */
       url('../fonts/NanumSquareR.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{}
#header.header_area .util .wrap{}
#header.header_area .primary.case_gnb03{background: none; padding-bottom:0;}
#header.header_area .primary.case_gnb03:before{content:''; display: block; width:100%; height:2px; background:#b4985b; position: absolute; left:0px; bottom:60px}
#header.header_area .primary.case_gnb03 .gnb h1{padding:20px 0;}
#header.header_area .primary{position: relative;}
#header.header_area .primary.case_gnb03 .gnb_menu{margin:0 auto;}
#header.header_area .primary.case_gnb03 .gnb_menu li a{height:60px; line-height:60px; display: block;}
#header.header_area .primary.case_gnb03 .gnb_menu li a:hover{color: #b4985b !important;}
#header.header_area .primary.case_gnb03 .decoC{top:55px; left:386px;}
#header.header_area .primary.case_gnb03 .decoR{top:45px; text-align: center;}
#header.header_area .primary.case_gnb03 .decoR dl{padding-left:70px; background:url('../images/common/ico_tel.png') bottom left no-repeat;}
#header.header_area .primary.case_gnb03 .decoR dl dt{color: #333; font-size:28px; line-height:1em; padding-bottom:3px;}
#header.header_area .primary.case_gnb03 .decoR dl dd{color: #b4985b; font-size:40px; line-height:1em; font-weight: bold;}


.case_srch02{background:#fff; border:3px solid #b4985b; border-radius:100px}
.case_srch02 #header-search-span input{position: relative; width:355px; height:50px; background:none !important; border: none; text-indent:30px; font-size:16px; font-family: 'Noto Sans KR'; padding:0;}
.case_srch02 #header-search-span input::placeholder{font-weight: bold; text-indent:30px; font-size:16px;}
.case_srch02 button{width:62px; background: none !important; height:20px; padding:0; text-align: left;}

.ico-mglass {position: relative; display: inline-block; border-radius:23px; height:23px; width:23px; border:3px solid #000; top:-6px; left:0px; text-indent: -9999px;}
.ico-mglass:after {content: "";height:3px;width:11px;background: #000; position: absolute; top:18px; left:14px; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);border-radius: 5px;}

.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; }

.custom{margin:30px 0 20px; overflow: hidden;}
.custom ul{display: table; width:100%; border:2px solid #836e3f; background:#b4985b}
.custom ul li{display: table-cell; width:20%; border-right:2px solid #836e3f;}
.custom ul li:last-child{border-right:none;}
.custom ul li a{padding:90px 0 17px; display: block; text-align: center; font-size:20px; color: #fff; line-height:1em;}
.custom ul li:nth-child(1) a{background:#b4985b url('../images/index/ico_buy.png') center 14px no-repeat;}
.custom ul li:nth-child(2) a{background:#b4985b url('../images/index/ico_sell.png') center 14px no-repeat;}
.custom ul li:nth-child(3) a{background:#b4985b url('../images/index/ico_charge.png') center 14px no-repeat;}
.custom ul li:nth-child(4) a{background:#b4985b url('../images/index/ico_yt02.png') center 22px no-repeat;}
.custom ul li:nth-child(5) a{background:#b4985b url('../images/index/ico_kakao02.png') center 14px no-repeat;}

.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 0 5px;}
.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:0px; top:50px; color: #363636; font-weight: bold; text-align: center; font-size:18px; font-weight: normal; }
.car_list.car_title_area .tit_wrap p{font-size:18px; color: #989898; font-weight: normal; letter-spacing:-0.05em; display: block; margin:5px 0 15px;}
.car_list.car_title_area .area_common{}

.recommend_car_picture{margin-top:0px; }

.info_car_group{background:#fff; clear: both; margin-bottom:50px;}
.info_car_style01{height:160px; position: relative; } 
.info_car_style01 ul{width:100%; text-align: center; display: table;}
.info_car_style01 ul li{width:33.3%; display: table-cell;}
.info_car_style01 ul li:last-child{border-right: none;}
.info_car_style01 ul li a{font-size:22px; color:#9b9c9d; display:block; height:60px; line-height:55px; letter-spacing:0em; position: relative; font-weight: bold; border:2px solid #fff; text-align:center; margin:0 auto;}
.info_car_style01 ul li a.on{color: #b4985b; border:2px solid #b4985b;}

.info_car_style01 ul li a:before{content:''; display: block; width:16px; height:25px; border-right:3.5px solid #b0b0b0; border-bottom:3.5px solid #b0b0b0; transform: rotate(45deg); float: left; position: relative; top:10px; margin-right:15px; left:17%;}
.info_car_style01 ul li:nth-child(2) a:before{left:24%;}
.info_car_style01 ul li:nth-child(3) a:before{left:19%;}
.info_car_style01 ul li a.on:before{border-color:#b4985b;}

.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{border-bottom: none;}
.info_car_style01 ul li div ul li{margin:0px 40px; width:auto; border-right: none; display: inline-block; position: static;}
.info_car_style01 ul li div ul li span { color:#464646; font-size: 16px; font-weight: normal; letter-spacing: -0.05em; font-family: 'Noto Sans KR'}
.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 div ul li a:before, .info_car_style01 ul li div ul li a:after{display: none;}

.info_car_style01 ul li .menu2{margin-top:70px;}
.info_car_style01 ul li .menu2 ul li{padding:0px 11px; 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: #b4985b;}

.info_car_style01 ul li .menu3{margin-top:80px;}
.info_car_style01 ul li .menu3 ul li{padding:0; margin:0 20px; width: auto;}
.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: #b4985b;}

.info_car_style01 ul li .menu4{margin-top:90px;}
.info_car_style01 ul li .menu4 ul{table-layout:fixed; display: table;}
.info_car_style01 ul li .menu4 ul li{font-size:12px; color: #777; font-weight: bold; display:inline-block; position: relative; margin:0 4px;}
.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:50px; line-height:50px; color:#fff; font-size:18px; border-radius:0; background:#b4985b; font-weight: normal; font-family: 'Noto Sans KR'; padding:0 15px; font-weight: bold; letter-spacing:0;}
.info_car_style01 ul li .menu4 ul.box li a span{font-size:14px; color:#fff; margin-left:1px;}
.info_car_style01 ul li .menu4 ul.box li a:hover{background:#b0b0b0; color: #fff;}

.car_search_wrap.case_select{text-align: center; background:#b4985b; border-radius:10px; padding:30px 27px 45px; margin:0 0 30px;}
.car_search_wrap.case_select h3{color: #fff; font-size:28px; font-weight: normal; line-height:1em; padding-bottom:40px;}
.car_search_wrap.case_select h3 span{font-size:36px; font-weight: bold;}
.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:nth-child(1){width:176px;}
.car_search_wrap.case_select div.search_form ul li:nth-child(2){width:220px;}
.car_search_wrap.case_select div.search_form ul li:nth-child(3){width:250px;}
.car_search_wrap.case_select div.search_form ul li:nth-child(4){width:300px;}
.car_search_wrap.case_select div.search_form ul li select{appearance: auto; height:50px; border: none; width:100%; font-family: 'Noto Sans KR'; border-radius:10px; font-size:18px;}
.car_search_wrap.case_select div.search_form .search_btn2{color: #fff; font-family: 'Noto Sans KR'; width:160px; height:50px; font-size:18px; background:#343434 !important; border-radius:10px; right:54px;}

.lately_area p{color: #333; font-size:16px !important; font-weight: bold; width:85% !important;}
.lately_area p.normal_type{border-color: #b4985b;}
.lately_area ul{margin-top:10px;}
.lately_area ul li img{width:126px; height:95px;}
.lately_area a.topgo{background:#b4985b; 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;}

#footer{margin:0 auto !important; padding-top:30px !important; }
.footer_area #footer_image{width:auto;}
.footer_area #footer_data{padding-bottom:0px !important; width:auto !important;}

.quick_kakao a{width:150px; height:150px; border-radius:150px; background:#f1cc00 url('../images/common/ico_kakao.png') center 32px no-repeat; text-align: center; color: #4c4235; font-size:20px; letter-spacing:-0.05em; padding-top:100px; display: block;}
.quick_yt a{width:150px; height:150px; border-radius:150px; background:#e53935 url('../images/common/ico_yt.png') center 38px no-repeat; text-align: center; color: #fff; font-size:20px; letter-spacing:-0.05em; padding-top:100px; display: block;}