@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: '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;}

.gnb_menu li a:hover{color:#fff !important;}

#header.header_area .util{border-bottom: none;}
#header.header_area .primary.case_gnb01{border-bottom:none;}
#header.header_area .primary.case_gnb01 .gnb{margin:0 auto;}
#header.header_area .primary.case_gnb01 .gnb h1{padding:8px 0;}
#header.header_area .primary.case_gnb01 h1 a{margin:0 auto; display: inline-block;}
#header.header_area .primary.case_gnb01 .gnb_menu li a{display: block; font-size:24px; padding:15px 0 11px; line-height:1em; font-family: 'GmarketSansTTFMedium'; color: #fff; font-weight: normal;}
#header.header_area .primary.case_gnb01 .gnb_menu li a:hover{background:#ff5e00;}
#header.header_area .primary .gnb_menu li{letter-spacing:-0.05em; display: inline; float: left; margin:0 25px;}
#header.header_area .primary.case_gnb01: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 .decoL dl{font-family: 'NanumSquareR'; background:url('../images/common/ico_24h.png') 20px 6px no-repeat; border:2px solid #303030; border-radius:28px; padding:8px 27px 6px 72px;}
#header.header_area .primary .decoL dl dt{color: #333; font-size:16px; line-height:1em; margin-bottom:3px;}
#header.header_area .primary .decoL dl dt span{color: #ff5e00;}
#header.header_area .primary .decoL dl dd{font-weight: bold; font-size:20px; color: #252525; line-height:1em;}
#header.header_area .primary .decoR{top:55px !important; right:10px !important;}

.visual_sec{position: relative; margin:0 auto 10px;}
#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:nth-child(even) div h3.title04 span{color: #ff5e00 !important;}
.car_list.car_title_area .tit_wrap{position: relative;}
.car_list.car_title_area .tit_wrap h3{font-size:28px; margin:50px 0 0; font-weight: normal;}
.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:10px; top:57px; color: #909090; font-weight: bold; text-align: center; font-size:16px; font-weight: normal; padding-right:15px;}
.car_list.car_title_area .tit_wrap p{font-size:18px; color: #989898; font-weight: normal; letter-spacing:-0.05em; display: block; margin:20px 0 5px;}
.car_list.car_title_area .tit_wrap a.btn_more:before{display: block; content:''; width: 12px;
height: 12px; border: 3px solid #939393; border-left: 0; border-top: 0; position: absolute; transform: rotate(-45deg); right:-2px; top:4.5px;}

.recommend_car_picture{margin-top:0px; }

.advise_group{text-align: center; padding-top:10px;}
.advise_group ul li{width:288px; height:224px; border:1px solid #d3d3d3; text-align: center; float: left; margin-right:15px; margin-bottom:11px; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25); -webkit-box-sadow: 2px 2px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25); border-radius:5px;}
.advise_group ul li:last-child{margin-right:0;}
.advise_group ul li dl dt{color: #333; font-size:20px; letter-spacing:-0.05em; font-weight: bold; margin-bottom:10px;}
.advise_group ul li dl dt:before{content:''; display: block; width:72px; height:73px; margin:15px auto 8px;}
.advise_group ul li dl dd{color: #828282; font-size:16px; letter-spacing:-0.05em}
.advise_group ul li a{background:#fff; width:102px; height:26px; line-height:26px; font-size:14px; display: block; font-weight: bold; margin:15px auto; color: #303030; border-radius:13px; border:1px solid #303030; }
.advise_group ul li p{background:#fff; width:186px; height:26px; line-height:26px; font-size:14px; display:block; font-weight: bold; margin:7px auto 0; color: #303030; border-radius:13px; border:1px solid #303030; }
.advise_group ul li:nth-child(1) dl dt:before{background:url('../images/index/ico_buy.png') no-repeat;}
.advise_group ul li:nth-child(2) dl dt:before{background:url('../images/index/ico_sell.png') no-repeat;}
.advise_group ul li:nth-child(3) dl dt:before{background:url('../images/index/ico_installment.png') no-repeat;}
.advise_group ul li:last-child{background:#4fc134;}
.advise_group ul li:last-child img{margin-top:10px;}

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

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

.evaluation_area.sell_index{float: left; margin-right:10px;}
.evaluation_area.sell_index .evaluation_box{background:#e2e2e2; width:596px; 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; padding-bottom:9.5px;}
.evaluation_area.sell_index .evaluation_box dl dt{background:#303030; 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:#303030; 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:#c1c1c1; width:292px; padding:20px 10px 10px; height:auto; color: #282828;}
.evaluation_area.buy_index .evaluation_box h3{color: #333; text-align: center; font-weight: bold; font-size:24px; letter-spacing:-0.02em}
.evaluation_area.buy_index .evaluation_box p{letter-spacing:-0.07em; color: #333;}
.evaluation_area.buy_index .evaluation_box dl dt{background:#767676; height:40px; line-height:40px; font-size:15px; width:100px; margin-right:0px; border-top-left-radius:10px;  border-bottom-left-radius:10px; color: #fff;}
.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:#454545; font-weight: bold; color: #fff;}
.evaluation_area.buy_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;}


.info_car_group{background:#fff; border-radius:10px; -webkit-box-shadow: 0px 0px 15px 3px rgba(133,133,133,0.6); box-shadow: 0px 0px 15px 3px rgba(133,133,133,0.6); margin-bottom:45px;}
.info_car_style01{height:183px; position: relative; } 
.info_car_style01 ul{width:100%; text-align: center;}
.info_car_style01 ul li{display: inline-block; width:170px;}
.info_car_style01 ul li a{font-size:20px; color:#9b9c9d; text-align:center; display:block; height:18px; line-height:18px; padding:0 25px; letter-spacing:-0.05em; font-weight: bold; border-left:1px solid #d4d4d4; margin:30px 0 0px;}
.info_car_style01 ul li:first-child a{border-left:none}
.info_car_style01 ul li a.on{color: #303030;}

.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 li{margin:0px 40px; text-align: left;}
.info_car_style01 ul li div ul li span { color:#464646; font-size: 16px; font-weight: normal; letter-spacing: -0.05em; }
.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 .menu1{margin-top:80px;}
.info_car_style01 ul li .menu1 select{height:60px; font-size:18px; color: #525252; margin-left:-4px; border-right: none; border:1px solid #52e3e3e32e3e3e32;}
.info_car_style01 ul li .menu1 select:nth-child(1){width:210px;}
.info_car_style01 ul li .menu1 select:nth-child(2){width:301px;}
.info_car_style01 ul li .menu1 select:nth-child(3){width:430px; margin-right:0px; border-right:1px solid #e3e3e3;}
.info_car_style01 ul li .menu1 button{width:210px; height:60px; line-height:60px; background:#ff7e36 url('../images/index/ico_arrow.png') 150px 17px no-repeat; color: #fff; font-size:18px; text-align: left; margin-left:5px; vertical-align: top; text-indent:10px;}

.info_car_style01 ul li .menu2{margin-top:70px;}
.info_car_style01 ul li .menu2 ul li{padding:0px 15px 0px; 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: #ff7e36;}

.info_car_style01 ul li .menu3{margin-top:50px;}
.info_car_style01 ul li .menu3 ul li{padding:0; margin:0 5px; 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: #ff7e36;}

.info_car_style01 ul li .menu4{margin-top:50px;}
.info_car_style01 ul li .menu4 ul{padding-left:12px; table-layout:fixed; display: table;}
.info_car_style01 ul li .menu4 ul li{font-size:12px; color: #777; font-weight: bold; display:inline-block; width:140px; position: relative; margin:0 2px;}
.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:70px; line-height:70px; color: #777; font-size:18px; border-radius:0; background:#e7e7e7; font-weight: normal;}
.info_car_style01 ul li .menu4 ul.box li a:hover{background:#303030; color: #fff;}

.car_search_txt{text-align: center; letter-spacing:-0.05em}
.car_search_txt p{font-size:30px; color: #323232; padding:50px 0 15px; line-height:1em; font-weight: bold;}
.case_srch.pattern02{width:553px;border-bottom:3px solid #323232; margin:0 auto 30px;}
.case_srch.pattern02 #header-search-span{display: inline-flex; border-bottom: none;}
.case_srch.pattern02 #header-search-span input{border: none; width:480px; height:44px; font-size:20px; background: none;}
.case_srch.pattern02 #header-search-span input::placeholder{font-size:16px; color: #b2b2b2; position: relative; top:2px; letter-spacing:0em; font-weight: bold; text-align: center; text-indent:20px;}
.case_srch.pattern02 button{width:55px !important; height:46px !important; background:none !important; padding:0; text-align: left; text-indent:15px;}

.case_srch.pattern03{width:409px;border:2px solid #303030; border-radius:25px;}
.case_srch.pattern03 #header-search-span{display: inline-flex; border-bottom: none;}
.case_srch.pattern03 #header-search-span input{border: none; width:323px; height:54px; font-size:16px; background: none; padding-left:23px;}
.case_srch.pattern03 #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.pattern03 button{width:82px !important; height:54px !important; background:none !important; padding:0; text-align: left; position: relative;}
.case_srch.pattern03 button:before{content:''; display: inline-block; width:1px; height:30px; background:#d2d2d2; position: absolute; top:12px; left:0px;}
.case_srch.pattern03 button .ico-mglass{border-color:#ff5e00; top:-3px; left:20px; border-radius:22px; height:22px; width:22px; border: 3px solid #ff5e00;}
.case_srch.pattern03 button .ico-mglass:after{background:#ff5e00; height: 4px; width: 10px; top:16px; left:14px; border-radius:2px}

.quick_bar{background:#181818; 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:#ff5e00; 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:0px; top:0px;}
.quick_bar .quick_tel dl dt{color:#fff; font-size:20px; display: inline-block; height:48px; padding:0; margin:0 10px 0 0; line-height:48px; font-weight: normal;}
.quick_bar .quick_tel dl dd{color:#fff; font-size:30px; display: inline-block; font-weight: bold; float: none; height:48px; line-height:48px;}

.lately_area p{background:#303030; font-weight: bold; font-weight: bold;}

.custom_group{overflow: hidden;}
.ad_area{margin-top:28px; clear: both; 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;}

.info_car_style01 ul li .menu3 ul li span.fs12{line-height:1.2em; padding-top:0; position: relative; top:7px;}