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

/* WebFont Default */
@font-face {
  font-family: 'GmarketSans Medium';
  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');
}

body{font-family: 'Noto Sans KR', sans-serif;}

#wrap{clear: both;}
.inner, .inr-c {width:1200px; margin:0 auto; padding: 0px; overflow: hidden;}
#container{padding-top:10px;}

.gnb h1{margin-left:20px;}
.gnb_menu li a{display: block;}
.gnb_menu li a:hover{color:#fff !important; background:#2524ff;}
#header.header_area .primary .gnb_menu li{letter-spacing:-0.05em}

#header.header_area .primary{position: relative;}
#header.header_area .primary.case_gnb03{background:none; padding-bottom:0;}
#header.header_area .primary.case_gnb03 .gnb_menu{margin:0 auto;}
#header.header_area .primary.case_gnb03 .gnb_menu li a{height:50px; line-height:50px;}
#header.header_area .primary .decoC{top:39px !important; left:466px !important;}
#header.header_area .primary .decoR{top:35px !important; right:25px !important;}
#header.header_area .primary .decoR .tel{text-align: center; padding-left:80px; letter-spacing:-0.05em}
#header.header_area .primary .decoR .tel:before{content:''; display: inline-block; width:70px; height:70px; background:#2524ff url('../images/common/ico_tel.png') center no-repeat; position: absolute; top:-7px; left:0px; border-radius:70px}
#header.header_area .primary .decoR .tel dt{font-size:20px;}
#header.header_area .primary .decoR .tel dd{font-size:28px;}

#header.header_area .util{height:51px; border-bottom: none;}
#header.header_area .util .util_menu{font-size:14px; font-weight: bold; height:30px; line-height:30px; margin-top:0px;}
#header.header_area .util .util_menu li{padding-left:36px !important; position: relative; margin-left:0 !important; margin-right:10px; margin-top:8px; font-weight: normal;}
#header.header_area .util .util_menu li + li{background:none;}
#header.header_area .util .util_menu li:nth-child(1) a:before{background:url(../images/common/ico_favorite.png) no-repeat; width:31px; height:30px; content:''; display: inline-block; position: absolute; left:0px;}
#header.header_area .util .util_menu li:nth-child(2) a:before{background:url(../images/common/ico_home.png) no-repeat; width:30px; height:30px; content:''; display: inline-block; position: absolute; left:0px;}
#header.header_area .util .util_menu li:last-child{padding-left:0px !important; margin-top:0px;}
#header.header_area .util .util_menu li:last-child a{width:137px; height:51px; line-height:51px; background:#2524ff; text-align: center; display: block; color: #fff;}

#header .util ul.sns_box{top:8px; left:8px;}
#header .util ul.sns_box li a{font-size:14px; height:30px; line-height:30px; font-weight: normal;}
#header .util ul.sns_box li a:before{margin-top:0px;}
#header .util ul.sns_box li.ico_youtube a:before{background:url(../images/common/ico_youtube.png) no-repeat; width:30px; height:30px;}
#header .util ul.sns_box li.ico_fb a:before{background:url(../images/common/ico_fb.png) no-repeat; width:30px; height:30px;}
#header .util ul.sns_box li.ico_fb a:before{background:url(../images/common/ico_fb.png) no-repeat; width:30px; height:30px;}
#header .util ul.sns_box li.ico_insta a:before{background:url(../images/common/ico_insta.png) no-repeat; width:30px; height:30px;}
#header .util ul.sns_box li.ico_cafe a:before{background:url(../images/common/ico_cafe.png) no-repeat; width:30px; height:30px;}
#header .util ul.sns_box li.ico_blog a:before{background:url(../images/common/ico_blog.png) no-repeat; width:30px; height:30px;}
#header .util ul.sns_box li.ico_kakao a:before{background:url(../images/common/ico_kakao.png) no-repeat; width:30px; height:30px;} 

.case_srch #header-search-span input{position: relative; width: 251px; height: 39px; border: 3px solid #ffde00; border-right: 0; padding-left: 10px;}
.case_srch #header-car-plate-number-search{width:58px; height:39px; vertical-align: top; display: inline-block;}

.case_srch.pattern02{width:265px;margin-top:0px;}
.case_srch.pattern02 #header-search-span{display: inline-flex; border-bottom:2px solid #000;}
.case_srch.pattern02 #header-search-span input{border: none; width:233px; height:28px; font-size:16px; padding-left:5px; }
.case_srch.pattern02 #header-search-span input::placeholder{text-align:left; font-size:16px; color: #d0d0d0; position: relative; top:2px; letter-spacing:-0.05em; font-weight: bold;}
.case_srch.pattern02 button{width:32px !important; height:28px !important; background:none !important; padding:0; text-align: left;}
.hit_code p{color: #2524ff;}

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

#header.header_area .primary .guarantee ul li{color: #b9b9b9;}

.recommend_car_picture{margin-top:0px; }

.tit_wrap.line_btm{border-bottom:2px solid #000;}
.tit_wrap.line_btm h3{letter-spacing:-0.02em}
.tit_wrap.line_btm h3 span{color: #2524ff;}
.tit_wrap.line_btm h3 p{color: #999; font-weight: normal;}

#footer{width:1200px !important; margin:25px auto 0!important; padding-top:40px !important;}
.footer_area #footer_image{width:auto;}

.footer_area #footer_data{padding-bottom:0px !important; width:auto !important;}

.list_picture{margin-top:10px;}
.list_picture ul{}
.list_picture ul li{width:216px; float: left; margin-right:30px; margin-bottom:20px; border:1px solid #cecece; text-align: center; }
.list_picture ul li:nth-child(5n){margin-right:0px; }
.list_picture span.view_img{height:149px; display: block;}
.list_picture span.review_txt{padding:10px 5px; border-top:1px solid #cecece; width:100%; display: block; }
.list_picture span span{padding:0; color: #000; font-weight: bold; font-size:12px;}

.ico-mglass {position: relative; display: inline-block; border-radius: 30px; height: 18px; width: 18px; border: 2px solid #2524ff; text-indent: -9999px; top:-2px;}
.ico-mglass:after {content: ""; height: 3px; width: 8px; background: #2524ff; position: absolute; top: 15px; left: 12px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); border-radius:2px}

.case_side_01.case_bk ul li{background:#2524ff; border-color:#c7c7ff;}
.case_side_01.case_bk ul li{color: #fff; font-size:16px;}
.case_side_01.case_bk ul li a{color: #fff; position: relative;}
.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 ul li.ico_num{}
.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:#2524ff;}
.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:#2524ff;}
.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;} 
.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-top:5px; border-top:1px solid #fff; padding-bottom:5px;}

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

.car_search_wrap.case_select div.search_form .search_btn2{border:2px solid #2e3191; color: #fff;}
.car_search_wrap.case_select div.search_form ul li select{appearance: auto;}

.car_search_txt{text-align: center; letter-spacing:-0.05em}
.car_search_txt p{color: #656565; font-weight: bold; margin-top:10px;}

.advise_visual img{width:100%;}

.custom{overflow: hidden;}
.custom h3{font-size:38px; font-weight:800; padding-bottom:10px; text-align: center; color: #242424;}
.custom h3 span{color: #2524ff;}
.custom h3 img{position: relative; top:-5px;}
.custom .mv_area{width:590px; float: left; vertical-align: top; margin-right:7px;}
.custom .mv_area h3{position: relative; padding-bottom:5px;}
.custom .mv_area h3 a{width:67px; height:27px; line-height:27px; font-size:14px; color: #333; text-align: center; position: absolute; bottom:15px; right:0px; border:1px solid #a9a9a9;}
.custom .mv_area iframe{width:590px; height:380px; border:5px solid #000;}
.custom .custom_group{width:600px; float: right; vertical-align: top;}
.custom .custom_group ul li{width:50%; float: left; height:191px; padding-left:103px; padding-top:15px; font-family: 'GmarketSans Medium'; position: relative;}
.custom .custom_group ul li:nth-child(1){background:#2524ff url(../images/index/ico_customer01.png) 15px 15px no-repeat; color: #fff;}
.custom .custom_group ul li:nth-child(2){background:#e9f8fd url(../images/index/ico_customer02.png) 15px 15px no-repeat;;}
.custom .custom_group ul li:nth-child(3){background:#c8e7f2 url(../images/index/ico_customer03.png) 15px 15px no-repeat;;}
.custom .custom_group ul li:nth-child(4){background:#24c4ff url(../images/index/ico_customer04.png) 15px 15px no-repeat;; color: #fff;}
.custom .custom_group ul li dl dt{font-size:24px; font-weight: bold; margin-bottom:5px;}
.custom .custom_group ul li dl dd{font-size:18px; line-height:1.4em; letter-spacing:-0.05em}
.custom .custom_group ul li:nth-child(4) dl dd{margin-top:20px;}
.custom .custom_group ul li a{width:90px; height:28px; line-height:29px; display: block; background:#161616; font-size:18px; color: #fff; border-radius:10px; text-align: center; letter-spacing:-0.05em; position: absolute; right:15px; bottom:15px;}

.srch_car_model_quick{border:1px solid #eee; overflow: hidden; padding:23px;}
.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:#2524ff; border:1px solid #2524ff; color: #fff;}

.evaluation_area.sell_index{float: left; margin-right:10px;}
.evaluation_area.sell_index .evaluation_box{background:#d8f4fe; width:595px; padding:20px 10px 10px 20px; height:auto; }
.evaluation_area.sell_index .evaluation_box h3{font-weight: bold; font-size:24px; letter-spacing:-0.02em}
.evaluation_area.sell_index .evaluation_box p{font-size:14px}
.evaluation_area.sell_index .evaluation_box dl dt{background:#2524ff; height:40px; line-height:40px; font-size:15px;}
.evaluation_area.sell_index .evaluation_box dl dd{height:40px;}
.evaluation_area.sell_index .evaluation_box dl dd input{width:420px; height:40px;}
.evaluation_area.sell_index .evaluation_box dl dd select{width:206px; height:40px;}
.evaluation_area.sell_index .evaluation_box dl dt:nth-last-child(2){margin-bottom:0px;}
.evaluation_area.sell_index .evaluation_box dl dd:last-child{margin-bottom:0px;}
.evaluation_area.sell_index .evaluation_box button.btn_01{width:100%; background:#100fdb; font-weight: bold;}
.evaluation_area.sell_index .evaluation_box button.btn_01:before{content:''; position: relative; display: inline-block; background:url('/assets/basic/images/icon/ico_deco.png') no-repeat; width:13px; height: 11px; margin-right:3px;}

.kakao_advise{float: left; margin-right:10px;}

.evaluation_area.buy_index{float: left;}
.evaluation_area.buy_index .evaluation_box{background:#111; width:292px; padding:20px 10px 10px; height:auto; color: #fff;}
.evaluation_area.buy_index .evaluation_box h3{color: #fff; text-align: center; font-weight: bold; font-size:24px; letter-spacing:-0.02em}
.evaluation_area.buy_index .evaluation_box p{letter-spacing:-0.07em;}
.evaluation_area.buy_index .evaluation_box dl dt{background:#2524ff; height:40px; line-height:40px; font-size:15px; width:100px; margin-right:0px; border-top-left-radius:10px;  border-bottom-left-radius:10px}
.evaluation_area.buy_index .evaluation_box dl dd{height:40px; }
.evaluation_area.buy_index .evaluation_box dl dd input{width:172px; height:40px; border-top-right-radius:10px;  border-bottom-right-radius:10px}
.evaluation_area.buy_index .evaluation_box dl dt:nth-last-child(2){margin-bottom:0px;}
.evaluation_area.buy_index .evaluation_box dl dd:last-child{margin-bottom:0px;}
.evaluation_area.buy_index .evaluation_box button.btn_01{width:100%; background:#fff; font-weight: bold; color: #100fdb;}
.evaluation_area.buy_index .evaluation_box button.btn_01:before{content:''; position: relative; display: inline-block; background:url('../images/index/ico_deco.png') no-repeat; width:13px; height: 11px; margin-right:3px;}

.container ul.advise_btn_group{text-align: center; padding:17px 0;}
.container ul.advise_btn_group:after{background:#fff; display: inline-block; content:''; width:100%; position: absolute; left:0px; top:0px; height:75px; z-index:0;}
.container ul.advise_btn_group li{display: inline-block; margin:0px 15px; position: relative; z-index:1;}
.container ul.advise_btn_group li a{width:160px; height:40px; line-height:40px; display: block; font-size:20px; border-radius:40px; background:#f0f0f0; color: #8d8d8d;}
.container ul.advise_btn_group li a:hover{background:#1849c6; color: #fff;}
.container ul.advise_btn_group li.on a{background:#1849c6; color: #fff;}

.process_guide{z-index:1; width:920px; margin:0 auto;}
.process_guide h3{font-weight: normal; padding-bottom:10px;}
.process_guide h3 span{color: #1849c6;}
.process_guide h3:before{background:url('../images/index/ico_car_emo.png') top center no-repeat; width:67px; height:67px;}
.process_guide ol{background:url('../images/index/bg_process.png') right 56px no-repeat; margin-bottom:100px;}
.process_guide ol li span{background:#1849c6;}
.process_guide ol li:nth-child(1){left:0px; top:0px;}
.process_guide ol li:nth-child(2){left:320px; top:0px;}
.process_guide ol li:nth-child(3){left:602px; top:0px;}
.process_guide ol li:nth-child(4){left:602px; top:297px;}
.process_guide ol li:nth-child(5){left:320px; top:297px;}
.process_guide ol li:nth-child(6){left:0px; top:297px;}

.process_guide.buy_guide ol li:nth-child(1){left:0px; top:0px;}
.process_guide.buy_guide ol li:nth-child(2){left:280px; top:0px;}
.process_guide.buy_guide ol li:nth-child(3){left:607px; top:0px;}
.process_guide.buy_guide ol li:nth-child(4){left:637px; top:297px;}
.process_guide.buy_guide ol li:nth-child(5){left:280px; top:297px;}
.process_guide.buy_guide ol li:nth-child(6){left:40px; top:297px;}

.advise_group02 .customer_area .customer_info{margin-top:25px;}
.advise_group02 .customer_area .customer_info p{margin-top:12px; margin-left:145px;}
.advise_group02 div{height:348px; margin-right:10px;}
.advise_group02 .realtime_area02{margin-right:0; padding:0; width:368px;}

.advise_group02 .sell_area dl dt{text-indent:20px; width:112px;}
.advise_group02 .customer_area{background:#fff;}
.advise_group02 .sell_area{background:#fff; border:1px solid #c1c1c1; border-radius:10px}
.advise_group02 .btn_request{background:#1849c6;}
.advise_group02 .realtime_area02 ul.realtime_count02 li:first-child .count_group span{color: #e25500;}
.advise_group02 .customer_area .customer_info span.tel{letter-spacing:0; color: #1849c6; font-size:32px}
.advise_group02 .fs30{font-size:30px !important;}
.advise_group02 .customer_area .customer_info:before{background:url('../images/index/ico_tel.png') top left no-repeat;}

#div-contents.bg_gray{background:#f7f7f7;}

#left_side, #right_side{z-index:5;}

.car-img-slider .img-view:before{content:''; display: block; background:url('../images/index/img_watermak.png') no-repeat; width: 110px; height: 110px; background-size: 100% 100%;position: absolute; top: 10px; z-index: 5; left: 10px;}
.car-detail-info .option-info .img_list p{position: relative;}
.car-detail-info .option-info .img_list p:before{content:''; display: block; background:url('../images/index/img_watermak.png') no-repeat; width: 110px; height: 110px; background-size: 100% 100%;position: absolute; top: 10px; z-index: 5; left: 95px;}