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

/* WebFont Default */
@font-face {
  font-family: 'GmarketSansTTFMedium';
  src: url('../fonts/GmarketSansTTFMedium.eot'); /* IE 호환성 보기 */
  src: url('../fonts/GmarketSansTTFMedium.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
       url('../fonts/GmarketSansTTFMedium.woff2') format('woff2'), /* WOFF2 지원 브라우저 */
       url('../fonts/GmarketSansTTFMedium.woff') format('woff'), /* 모던 브라우저 */
       url('../fonts/GmarketSansTTFMedium.ttf') format('truetype');
}

/* WebFont Default02 */
@font-face {
  font-family: 'GmarketSansTTFBold';
  src: url('../fonts/GmarketSansTTFBold.eot'); /* IE 호환성 보기 */
  src: url('../fonts/GmarketSansTTFBold.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
       url('../fonts/GmarketSansTTFBold.woff2') format('woff2'), /* WOFF2 지원 브라우저 */
       url('../fonts/GmarketSansTTFBold.woff') format('woff'), /* 모던 브라우저 */
       url('../fonts/GmarketSansTTFBold.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 .util .util_menu{margin-top:0; padding:5px 27px; position: relative;}

#header.header_area .primary.case_gnb01{border: none;}
#header.header_area .primary.case_gnb01:before{width:100%; height:50px; content:''; display: block; background:#08bbbb; position: absolute; bottom:0;}
#header.header_area .primary.case_gnb01 .gnb{margin:0 auto;}
#header.header_area .primary.case_gnb01 .gnb h1{padding:0; margin:15px 0;}
#header.header_area .primary.case_gnb01 .gnb h1 a{display:inline-block;}
#header.header_area .primary.case_gnb01 .gnb_menu li a{display: block; font-size:22px; color: #fff; letter-spacing:-0.05em; height:45px; line-height:45px; font-family: 'GmarketSansTTFMedium';}
#header.header_area .primary.case_gnb01 .gnb_menu > li:hover a{color: #282828}

.visual_sec{position: relative; margin-bottom:10px;}
#banner .slick-dots li{display: none !important;}
.border_box.banner_manager:last-child{padding-bottom:0px;}
.slick-dotted.slick-slider{margin-bottom:-2px; }

.custom{clear: both; padding-top:30px; margin-bottom:55px; overflow: hidden;}
.custom .custom_l{float: left; text-align: center;}
.custom .custom_l iframe{width:760px; height:420px;}
.custom .custom_r{float: right; text-align: center;}
.custom h3{font-size:36px; text-align: center; line-height:1em; letter-spacing:-0.05em; color: #333; margin-bottom:8px; font-family: 'GmarketSansTTFBold';}
.custom .custom_l h3{margin-bottom:8px;}
.custom .custom_l h3 a{color: #333; font-size:14px; float: right; width:67px; display: block; border:1px solid #333; line-height:1em; padding:5px 0; margin-top:9px; letter-spacing:0em; font-family: 'Noto Sans KR'}
.custom .custom_l h3 img{margin-top:-5px;}
.custom ul{}
.custom ul li{border:1px solid #e2e2e2; width:140px; height:420px; overflow: hidden; float: left; margin-right:4px;}
.custom ul li:nth-child(1){background:#08bbbb url('../images/index/ico_buy.png') center 32px no-repeat;}
.custom ul li:nth-child(2){background:#08bbbb url('../images/index/ico_sell.png') center 32px no-repeat;}
.custom ul li:nth-child(3){background:#08bbbb url('../images/index/ico_installment.png') center 32px no-repeat;}
.custom ul li:last-child{margin-right:0px;}
.custom ul li dl dt{font-size:26px; color: #fff; font-weight: bold; line-height:1em; font-family: 'GmarketSansTTFBold'; letter-spacing:0em; padding:150px 0 35px;}
.custom ul li dl dd{color: #fff; font-size:15.5px; letter-spacing:-0.07em; margin-bottom:5px; font-family: 'GmarketSansTTFMedium'; line-height:1.3em; height:75px;}
.custom ul li a{background:#353535; display:block; color: #fff; font-weight: bold; width:114px; padding:10px 0 5px; text-align: center; font-size:16px; line-height:1em; margin:68px auto 0; font-family: 'GmarketSansTTFMedium'; font-weight: normal; letter-spacing:-0.05em;}

.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:3px solid #0c9cbf; padding-bottom:0px; color: #333; font-family: 'GmarketSansTTFMedium'; font-weight: normal;}
.car_list.car_title_area .tit_wrap h3 span{font-family: 'GmarketSansTTFBold';}
.car_list.car_title_area .tit_wrap p{font-size:16px; color: #a3a3a3; letter-spacing:0em; margin-left:0px; font-family: 'GmarketSansTTFMedium';}

.car_search_wrap.case_select{margin:30px 0 20px;}
.car_search_wrap.case_select div.search_form ul li{margin:0 20px 0 0; padding:0; width:341px;}
.car_search_wrap.case_select div.search_form ul li select{appearance: auto; height:38px; width:100%; font-family: 'Noto Sans KR';}
.car_search_wrap.case_select div.search_form .search_btn2{color: #fff; font-family: 'Noto Sans KR'; width:124px; height:38px; font-size:16px;}

.car_search_txt{text-align: center; letter-spacing:-0.03em; clear: both;}
.car_search_txt h3{line-height:1em; font-size:36px; color: #333; font-family: 'GmarketSansTTFMedium'; font-weight: normal;}
.car_search_txt h3 span{font-family: 'GmarketSansTTFBold';}
.car_search_txt p{color: #656565; margin-top:10px; line-height:1em; font-size:22px; font-family: 'GmarketSansTTFMedium'; font-weight: normal;}

.srch_car_model_quick{border:1px solid #b6b6b6; overflow: hidden; padding:23px; margin-bottom:50px;}
.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;}
.srch_car_model_quick .model_box01 ul li a{border:1px solid #fff; display: block; padding:2px 7px;}
.srch_car_model_quick .model_box01 ul li a:hover{border:1px solid #2524ff;}

.srch_car_model_quick .model_box02 ul{margin-bottom:40px;}
.srch_car_model_quick .model_box02 ul li{padding:0px 6px 0px 6px;}
.srch_car_model_quick .model_box02 ul li span{padding-top:7px; display: block;}
.srch_car_model_quick .model_box02 ul li a{border:1px solid #fff; display: block; padding:2px 7px;}
.srch_car_model_quick .model_box02 ul li a:hover{border:1px solid #2524ff;}

.srch_car_model_quick .model_box03 ul li{margin-right:40px; float: left; position: relative;}
.srch_car_model_quick .model_box03 ul li:last-child{margin-right:0px;}
.srch_car_model_quick .model_box03 ul li:after{content:''; width:100%; height:1px; background:#e2e2e2; position: absolute; right:40px; top:16px; z-index:-1;}
.srch_car_model_quick .model_box03 ul li:first-child:after{display: none;}
.srch_car_model_quick .model_box03 ul li a{width: 130px; height:33px; line-height:33px; background:#f5f5f5; border:1px solid #e2e2e2; border-radius:50px; color: #505050; font-size: 15px; font-weight: bold; display: block;}
.srch_car_model_quick .model_box03 ul li a:hover{background:#08bbbb; border:1px solid #08bbbb; color: #fff;}
.srch_car_model_quick .model_box04 ul{margin:33px 0 0;}
.srch_car_model_quick .model_box04 ul li{margin-right:30px;}
.srch_car_model_quick .model_box04 ul li:nth-child(5){margin-right:200px;}
.srch_car_model_quick .model_box04 ul li a{font-size:16px; width:60px; height:30px; line-height:30px; display: block; border:1px solid #e2e2e2; font-weight: bold;}
.srch_car_model_quick .model_box04 ul li a:hover{background:#08bbbb; border-color: #08bbbb; color: #fff;}
.srch_car_model_quick .model_box04 ul li:nth-child(4) a{width:80px;}
.srch_car_model_quick .model_box04 ul li:nth-child(5) a{width:92px;}


.recommend_car_picture{margin-top:0px; }

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

.lately_area p{color: #333; font-weight: bold; width:85% !important;}
.lately_area ul{margin-top:10px;}
.lately_area ul li img{width:126px; height:95px;}

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

.btn_view{font-size:18px; color: #333; border:1px solid #a9a9a9; width:231px; height:58px; line-height:58px; display: block; margin:55px auto 0; text-align: center;}