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

/* WebFont Default */
@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 .primary{position: relative;}
#header.header_area .primary.case_gnb03{background: none;}
#header.header_area .primary.case_gnb03:before{content:''; display: inline-block; width:100%; height:1px; background:#dbdbdb; position: absolute; bottom:50px;}
#header.header_area .primary.case_gnb03:after{content:''; display: inline-block; width:100%; height:1px; background:#dbdbdb; position: absolute; bottom:0px;}
#header.header_area .primary.case_gnb03 .gnb h1{padding:11px 0 5px;}
#header.header_area .primary.case_gnb03 .gnb_menu{margin:0;}
#header.header_area .primary.case_gnb03 .gnb_menu li a{display: block; line-height:1em; color: #333; height:48px; line-height:48px; font-size:20px}
#header.header_area .primary.case_gnb03 .gnb_menu li a:hover{color:#ff2c2c;}
#header.header_area .primary .decoC{top:43px !important; left:483px !important;}
#header.header_area .primary .decoC .case_srch{background:#ffbb00;}
#header.header_area .primary .decoC .case_srch #header-search-span input{position: relative; width: 332px; height:60px; padding-left: 0px; background:none !important; border: none; text-indent:15px; color: #333; font-size:20px; font-family: 'Noto Sans KR', sans-serif;}
#header.header_area .primary .decoC .case_srch #header-search-span input::placeholder{text-indent:15px; color: #333;}
#header.header_area .primary .decoC .case_srch #header-car-name-search-btn{width:39px; height:60px; vertical-align: top; display: inline-block; border: none; text-indent: -9999px;}
#header.header_area .primary .decoC .case_srch button{width:38px;text-align: left; padding:0;}
#header.header_area .primary .decoR{top:49px !important; right:0px !important;}
#header.header_area .primary .decoR .tel{text-align: center; padding-left:85px; letter-spacing:-0.05em; text-align:center}
#header.header_area .primary .decoR .tel:before{content:''; display: inline-block; width:75px; height:75px; background:#ffbb00 url('../images/common/ico_tel.png') center no-repeat; position: absolute; top:-7px; left:0px; border-radius:78px;}
#header.header_area .primary .decoR .tel dt{font-size:18px; letter-spacing:-0.07em; color: #000; font-weight: bold;}
#header.header_area .primary .decoR .tel dd{font-size:30px; color: #ff9a36; font-weight: bold;  letter-spacing:-0.02em}

.ico-mglass{border-color: #333; width:21px; height:21px; top:-5px;}
.ico-mglass:after{background:#333; width:9px; top:17px; left:14px;}

.visual_sec{position: relative; margin:0 auto; padding-bottom:8px;}
#banner .slick-dots li{display: none !important;}
.slick-dotted.slick-slider{margin-bottom:-2px; }

.custom{padding-top:20px; overflow: hidden;}
.custom .mv_area{float:left;}
.custom .mv_area iframe{width:770px; height:432px;}
.custom .custom_group{float:right;}
.custom .custom_group ul li{}
.custom .custom_group ul li a{width:420px; height:210px; display: block; padding:60px 20px 18px;}
.custom .custom_group ul li:first-child{margin-bottom:11px;}
.custom .custom_group ul li:first-child a{background:url('../images/index/bg_car01.jpg') no-repeat;}
.custom .custom_group ul li:last-child a{background:url('../images/index/bg_car02.jpg') no-repeat; padding-left:145px;}
.custom .custom_group ul li a p{font-family: 'GmarketSansTTFBold'; font-size:36px; color: #ffbb00; line-height:1em; letter-spacing:-0.05em; position: relative; display: inline-block;}
.custom .custom_group ul li:last-child a p{color: #fff;}
.custom .custom_group ul li a p:before{content:''; display: block; width:13px; height:13px; border-bottom:4px solid #ffbb00; border-right:4px solid #ffbb00; transform: rotate(-45deg); position: absolute; right:13.5px; bottom:16px; z-index:5;}
.custom .custom_group ul li:last-child a p:before{border-color: #fff;}
.custom .custom_group ul li a p:after{content:''; width:36px; height:36px; border:2px solid #ffbb00; border-radius:36px; display: inline-block; background:#fff; margin-left:8px; position: relative; top:5px; }
.custom .custom_group ul li:last-child a p:after{border-color: #fff; background:none;}
.custom .custom_group ul li a:hover p{color: #333;}
.custom .custom_group ul li a:hover p:before{border-color:#fff;}
.custom .custom_group ul li a:hover p:after{border:2px solid #333; background:#333;}

.car_search_wrap.case_select{margin:30px auto 15px;}
.car_search_wrap.case_select div.search_form ul li{margin-bottom:0;}
.car_search_wrap.case_select div.search_form ul li select{border-radius:5px; border:1px solid #dcdcdc; height:50px; appearance:auto}
.car_search_wrap.case_select div.search_form ul li:nth-child(1) select{width:310px;}
.car_search_wrap.case_select div.search_form ul li:nth-child(2) select{width:340px;}
.car_search_wrap.case_select div.search_form ul li:nth-child(3) select{width:360px;}
.car_search_wrap.case_select div.search_form .search_btn2{width:160px; height:50px; border-radius:5px; font-size:18px; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; color: #333;}

.srch_car_model{margin-bottom:30px;}
.srch_car_model h4{border-bottom:1px solid #dcdcdc; font-weight: normal; font-size:20px; color: #333; width:160px; height:76px; line-height:76px; letter-spacing:-0.05em; text-indent:10px; font-weight: bold;}
.srch_car_model ul{height:76px; width:1040px;}

.srch_car_model .model_box01 ul li span{padding-top:0;}
.srch_car_model .model_box01 ul li a:hover span{color: #ffbb00;}

.srch_car_model .model_box02 h4{height:128px; line-height:128px;}
.srch_car_model .model_box02 ul{height:128px; padding-left:18px;}
.srch_car_model .model_box02 ul li{padding:0; margin:17px 11px 0;}
.srch_car_model .model_box02 ul li:first-child{margin-left:0;}
.srch_car_model .model_box02 ul li:last-child{margin-right:0;}
.srch_car_model .model_box02 ul li a{display: block;}
.srch_car_model .model_box02 ul li a:hover span{color: #ffbb00;}

.srch_car_model .model_box03 ul{padding-left:44px; padding-top:20px;}
.srch_car_model .model_box03 ul li{padding-top:0; width:auto; margin:0 35px;}
.srch_car_model .model_box03 ul li:first-child{margin-left:0;}
.srch_car_model .model_box03 ul li:last-child{margin-right:0;}
.srch_car_model .model_box03 ul li:nth-child(5){margin:0 30px;}
.srch_car_model .model_box03 ul li:nth-child(6){margin:0 22px;}
.srch_car_model .model_box03 ul li:nth-child(7){margin:0 25px;}
.srch_car_model .model_box03 ul li a{font-weight: normal; font-size:15px; color: #464646; display: block;}
.srch_car_model .model_box03 ul li:hover, .srch_car_model .model_box03 ul li:hover span, .srch_car_model .model_box03 ul li a:hover, .srch_car_model .model_box03 ul li a:hover span{color: #ffbb00 !important; background: none;}
.srch_car_model .model_box03 ul li a span{font-size:16px; font-weight: bold;}
.srch_car_model .model_box03 ul li:before, .srch_car_model .model_box03 ul li:after{display: none;}
.srch_car_model .model_box03 ul li span{display: block;}
.srch_car_model .model_box01, .srch_car_model .model_box02, .srch_car_model .model_box03{overflow: hidden;}

.srch_car_model .model_box04 h4{padding-top:0px; padding-bottom:0px; height:121px; line-height:121px;}
.srch_car_model .model_box04 ul{padding-top:15px; height:121px;}
.srch_car_model .model_box04 ul li{text-align: center; margin:0 14px 15px;}
.srch_car_model .model_box04 ul li:first-child{margin-left:0;}
.srch_car_model .model_box04 ul li:last-child{margin-right:0;}
.srch_car_model .model_box04 ul li a span{color: #000; margin-top:10px; display: inline-block;}
.srch_car_model .model_box04 ul li:nth-child(1) a img, .srch_car_model .model_box04 ul li:nth-child(2) a img, .srch_car_model .model_box04 ul li:nth-child(3) a img, .srch_car_model .model_box04 ul li:nth-child(4) a img, .srch_car_model .model_box04 ul li:nth-child(6) a img{position: relative; left:9.5px;}

.srch_car_model .model_box04 ul li a:hover span{color: #ffbb00;}
.srch_car_model .model_box04 ul li:before{display: none;}
.srch_car_model .model_box04 ul li:hover{color: #ff2c2c;}
.srch_car_model .model_box01 h4{border-top:none;}

.car_list.car_title_area{text-align:left; 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; color: #333; font-weight: bold;}
.car_list.car_title_area .tit_wrap p{font-size:18px; color: #979797; letter-spacing:-0.05em; display:inline-block; margin:0;}
.car_list.car_title_area .tit_wrap a{position: absolute; top:5px; right:0px; font-size:14px; color: #333; background:#ffbb00; width:74px; height:30px; line-height:30px; letter-spacing:-0.05em; text-align: center;}
.car_list.car_title_area .tit_wrap a:after{content:''; display: inline-block; width:9px; height:9px; border-bottom:2px solid #333; border-right:2px solid #333; transform: rotate(-45deg); position: relative; top:-1px; margin-left:5px;}

.recommend_car_picture{margin-top:0px;}

.review_index{margin:50px 0 30px; position: relative;}
.review_index .review_hd{padding-bottom:5px; margin-bottom:10px; position: relative;}
.review_index h3{font-size:30px; color:#333; font-weight: bold; display: inline-block;}
.review_index p{display: inline-block; font-size:18px; color: #979797; letter-spacing:-0.05em}
.review_index a.btn_more{position: absolute; top:2px; right:0px; font-size:14px; color: #333; background:#ffbb00; width:74px; height:30px; line-height:30px; letter-spacing:-0.05em; text-align: center;}
.review_index a.btn_more:after{content:''; display: inline-block; width:9px; height:9px; border-bottom:2px solid #333; border-right:2px solid #333; transform: rotate(-45deg); position: relative; top:-1px; margin-left:5px;}
.list_picture{margin-top:5px;}
.list_picture ul li{width:236px; margin-right:5px; margin-bottom:5px; float: left;}
.list_picture ul li:nth-child(5n){margin-right:0;}
.list_picture span.view_img{height:176px; display: block;}
.list_picture ul li img{width:234px; height:176px;}
.list_picture ul li span.review_txt{display: block; padding:10px 8px; font-size:14px; font-weight: bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; 
width:100%; overflow:hidden; color: #313131; border:1px solid #cecece;}

.quick_bar{background:#ffbb00 !important; height:90px;}
.quick_bar .quick_bar_area{position: relative; }
.quick_bar .quick_bar_area dl{text-align: center; color: #333; letter-spacing:-0.02em; font-weight: bold; display: inline-block; vertical-align: top; padding:10px 15px 25px 95px; text-align: left;}
.quick_bar .quick_bar_area dl:before{width:80px; height:80px; border-radius:80px; content:''; display: inline-block; background:#fff url('../images/common/ico_ft.png') center no-repeat; position: absolute; top:5px; left:5px;}
.quick_bar .quick_bar_area dl dt{height:auto; line-height:1em; margin:0; float: none; padding:0; font-size:26px; margin-bottom:3px; letter-spacing:-0.08em;}
.quick_bar .quick_bar_area dl dd{clear: both; float: none; padding:0; font-size:38.25px; letter-spacing:0.03em; line-height:1em;}
.quick_bar .quick_bar_area .quick_bar_form{padding:14px 0 0 0; display: inline-block;}
.quick_bar .quick_bar_area input{width:320px; height:60px; line-height:60px; vertical-align: top; margin-right:6px; font-size:18px; font-weight: bold; color:#333; font-family: 'Noto Sans KR'; padding:0 10px; border:2px solid #fff; background:none;}
.quick_bar .quick_bar_area input::placeholder{color:#333; font-size:18px;}
.quick_bar .quick_bar_area button{font-size:20px; color: #fff; text-align: center; position: relative; background:#282828; width:150px; height:60px; font-family: 'Noto Sans KR'; margin-left:0px; font-weight: bold;}

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

.sns_area{}
.sns_area ul li:first-child{float:left;}
.sns_area ul li:last-child{float:right;}
.sns_area ul li a img{border-radius:3px;}

.lately_area{background:#fff; border-radius:3px;}
.lately_area p{color: #fff; font-size:16px !important; font-weight: bold; background:#444;}
.lately_area ul{margin-top:5px;}
.lately_area ul li img{width:140px; height:120px; border-radius:3px;}

.advise_area{border:2px solid #ffbb00; text-align: center; background:#fff; padding:10px 3px 3px; border-radius:3px}
.advise_area p{color:#252525; font-size:20px; line-height:1em; margin:0 0 10px; letter-spacing:-0.05em; font-weight: bold;}
.advise_area span{font-size:16px; color: #383d40; line-height:1.3em; display: block; margin-bottom:10px; letter-spacing:-0.05em;}
.advise_area input{margin-bottom:7px; width:100%; font-family: 'Noto Sans KR', sans-serif; color: #383d40; font-size:14px; border-radius:3px}
.advise_area input::placeholder{color: #383d40; font-size:14px;}
.advise_area button{background:#ffbb00; color:#333; border-radius:3px; font-size:16px; text-align: center; width:100%; height:38px; line-height:38px; font-weight: bold; font-family: 'Noto Sans KR', sans-serif;} 

.recommend_car_price span.equalRepaymentOfPrincipalAndInterestPrice{color: #000;}
.ico_recommend{background:#ffbb00 !important; color: #333;}
.ico_recommend:before, .ico_recommend:after{background:#ffcc40;}