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

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{background: none;}
#header.header_area .util .util_menu{margin-top:0; padding:5px 27px; position: relative;}

#header.header_area .primary.case_gnb01{border-color: #999 !important;}
#header.header_area .primary.case_gnb01 .gnb{margin:0 auto;}
#header.header_area .primary.case_gnb01 .gnb h1{padding:0; margin:17px 0 27px 11px; text-align: left;}
#header.header_area .primary.case_gnb01 h1 a{display:inline-block; }
#header.header_area .primary.case_gnb01 .gnb_menu li{height:48px; padding-right:10px; margin-top:10px;}
#header.header_area .primary.case_gnb01 .gnb_menu li:last-child{padding-right:0;}
#header.header_area .primary.case_gnb01 .gnb_menu li a{display: block; font-size:30px; color: #333; letter-spacing:-0.05em; height:48px; line-height:48px;}
#header.header_area .primary.case_gnb01 .gnb_menu > li:hover a{color: #476600}

#header.header_area .primary.case_gnb01 .decoC{left:460px; top:66px;}
#header.header_area .primary.case_gnb01 .decoR{right:5px; top:51px;}
#header.header_area .primary.case_gnb01 .decoR dl{position: relative; padding-left:100px;}
#header.header_area .primary.case_gnb01 .decoR dl:before{width:80px; height:80px; border-radius:80px; background:#f8cc17 url('../images/common/ico_tel.png') center no-repeat; display:block; content:''; position: absolute; left:0px; top:0px;}
#header.header_area .primary.case_gnb01 .decoR dl dt{font-size:20px; color: #5b5747; letter-spacing:-0.02em; padding-top:10px;}
#header.header_area .primary.case_gnb01 .decoR dl dd{font-size:30px; color: #476600; font-weight: bold;}

.case_srch #header-search-span input{height:50px; width:247px; background:#476600; border: none; font-family: 'Noto Sans KR'; color: #fff; font-size:16px; font-weight: bold;}
.case_srch #header-car-name-search-btn{width:33px; height:50px; background:#476600; font-size:18px; color: #fff; font-weight: bold; letter-spacing:-0.05em; padding:0; text-align: left;}

.hit_area{margin-top:5px;}
.hit_area p{display: inline-block; vertical-align: top; font-size:14px; margin-right:32px; color: #476600 !important;}
.hit_area ul{display: inline-block;}
.hit_area ul li{display: table-cell; padding-right:20px; font-weight: bold; font-size:14px; position: relative;}
.hit_area ul li:last-child{padding-right:0px;}
.hit_area ul li:after{content:''; display: inline-block; width:1px; height:10px; background:#000; position: absolute; right:10px; top:4px;}
.hit_area ul li:last-child:after{display: none;}

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

.car_list.car_title_area{margin-bottom:40px;}
.car_list.car_title_area .tit_wrap{position: relative;}
.car_list.car_title_area .tit_wrap h3{font-size:30px; margin:0 0 5px; border-bottom:3px solid #242424; padding-bottom:5px; color: #333;}
.car_list.car_title_area .tit_wrap p{font-size:18px; color: #656565; font-weight: bold; letter-spacing:-0.05em}

.srch_car_model{margin:30px 0 50px; background:url('../images/index/bg_military.jpg') left top no-repeat;}
.srch_car_model h4{border-bottom:1px solid #b8bab6 !important; font-weight: normal; background:none !important; color: #fff;}
.srch_car_model .model_box03 ul li:hover p{border-color:#303030}
.srch_car_model .model_box03 ul li:hover:before, .srch_car_model .model_box03 ul li:hover:after{border-color:#048dff}
.srch_car_model .model_box01, .srch_car_model .model_box02, .srch_car_model .model_box03{overflow: hidden;}
.srch_car_model .model_box04 ul li:before, .srch_car_model .model_box05 ul li:before{background:#048dff; margin-right:5px;}
.srch_car_model .model_box04 ul li:hover, .srch_car_model .model_box05 ul li:hover{color: #db1036;}
.srch_car_model .model_box01 h4{border-top:none;}
.srch_car_model .model_box03 ul li:hover span {color: #db1036;}

.yttype_D{overflow: hidden;}
.yttype_D h3{text-align: center; color: #476600; font-size:30px; margin-bottom:25px; font-weight: bold; padding-top:40px;}
.yttype_D h3:before{width:54px; height:38px; content:''; display:inline-block; background:url('../images/index/ico_yt.png') no-repeat; position: relative; top:7px; margin-right:5px;}
.yttype_D h3 img{position: relative; top:-3px;}
.yttype_D #video-placeholder02, #video-placeholder03{margin-bottom:10px;}
.yttype_D iframe{width: 595px; height: 412px;}
.yttype_D .yt_L{float: left;}
.yttype_D .yt_R{float: right;}
.yttype_D #controls li{float: left; margin-right:10px;}
.yttype_D #controls li:last-child{margin-right:0px;}
.yttype_D #controls li img{width:292px; height:164px;}

.side_info{margin-bottom:0px !important;}
.side_info h3{background:#34302b; color: #fff; text-align: center; padding:11px 0; font-size:16px;}
.side_info ul li{text-align: center; color: #fff; font-size:18px; font-weight: bold;}
.side_info ul li:first-child{border-bottom:1px solid #535353;}
.side_info ul li a{padding:73px 0 10px; display: block; position: relative;}
.side_info ul li:nth-child(1) a{background:#ededed url('../images/common/ico_sell.png') center 11px no-repeat; color: #494949;}
.side_info ul li:nth-child(2) a{background:#ededed url('../images/common/ico_srch.png') center 9px no-repeat; color: #484848;}
.side_info ul li:nth-child(3) a{background:#f9e000 url('../images/common/ico_kakao.png') center 10px no-repeat; color: #371c1d;}
.side_info ul li:nth-child(4) a{background:#e53935 url('../images/common/ico_yt02.png') center 14px no-repeat;}
.side_info ul li:nth-child(5) a{background:url('../images/common/ico_insta.png') center 10px no-repeat;}
.side_info ul li:nth-child(5) a:before{background:url('../images/common/bg_insta.jpg'); content:''; display: block; position: absolute; z-index:-1; left:0px; top:0px; width:100%; height:100%;}
.side_info ul li:nth-child(6) a{background:#3b5999 url('../images/common/ico_fb.jpg') center 4px no-repeat;}
.side_info ul li:last-child{border-bottom: none; color: #fff; font-weight: bold; text-align: left;  background:#05572c; padding-bottom:5px; text-align: center;}
.side_info ul li:last-child span{display: block; font-weight: normal;}
.side_info ul li:last-child dl dt{font-size:18px; padding:5px 0 3px; line-height:1em;}
.side_info ul li:last-child dl dd{font-size:24px; line-height:1em;}

.lately_area{border: none; width:150px;}
.lately_area p{background:#476600; margin-left:0px; font-size:18px; line-height:36px; font-weight: bold;}
.lately_area ul{background:#476600; margin-top:0px; }
.lately_area ul li{width:128px; margin:0 auto;}
.lately_area ul li img{width:128px !important; height:80px !important;}
.lately_area ul li span:last-child{color: #fff; font-size:18px; letter-spacing:-0.05em}
.lately_area a.topgo{background:#476600; color: #fff; text-transform: uppercase; height:30px; padding-top:8px; border-top:1px solid #70a072;}
.lately_area a.topgo:before{border-bottom:9px solid #fff}

.recommend_car_picture{margin-top:0px; }

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

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