@charset 'utf-8';

/* WebFont Default */
@font-face {
  font-family: 'Pretendard-Regular';
  src: url('../fonts/Pretendard-Regular.eot'); /* IE */
  src: url('../fonts/Pretendard-Regular.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
       url('../fonts/Pretendard-Regular.woff2') format('woff2'), /* WOFF2 */
       url('../fonts/Pretendard-Regular.woff') format('woff'), /* Modern Browser */
       url('../fonts/Pretendard-Regular.ttf') format('truetype');
}

/* WebFont Default02 */
@font-face {
  font-family: 'Pretendard-Medium';
  src: url('../fonts/Pretendard-Medium.eot'); /* IE */
  src: url('../fonts/Pretendard-Medium.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
       url('../fonts/Pretendard-Medium.woff2') format('woff2'), /* WOFF2 */
       url('../fonts/Pretendard-Medium.woff') format('woff'), /* Modern Browser */
       url('../fonts/Pretendard-Medium.ttf') format('truetype');
}

/* WebFont Default03 */
@font-face {
  font-family: 'Pretendard-SemiBold';
  src: url('../fonts/Pretendard-SemiBold.eot'); /* IE */
  src: url('../fonts/Pretendard-SemiBold.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
       url('../fonts/Pretendard-SemiBold.woff2') format('woff2'), /* WOFF2 */
       url('../fonts/Pretendard-SemiBold.woff') format('woff'), /* Modern Browser */
       url('../fonts/Pretendard-SemiBold.ttf') format('truetype');
}

/* WebFont Default04 */
@font-face {
  font-family: 'Pretendard-ExtraBold';
  src: url('../fonts/Pretendard-ExtraBold.eot'); /* IE */
  src: url('../fonts/Pretendard-ExtraBold.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
       url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'), /* WOFF2 */
       url('../fonts/Pretendard-ExtraBold.woff') format('woff'), /* Modern Browser */
       url('../fonts/Pretendard-ExtraBold.ttf') format('truetype');
}

body{font-family: 'Pretendard-Medium', sans-serif !important;}
#wrap{clear: both;}
.inner, .inr-c {width:1200px; margin:0 auto; padding: 0px;}
#container{padding-top:10px;}

.gnb_menu li a:hover{color:#e93512 !important;}
#header.header_area{background:#0c1532; overflow: hidden;}
#header.header_area .util{border: none; background:#333333; height:30px;}
#header.header_area .util .wrap{background:none;}
#header.header_area .util .util_menu{margin-top:7px;}
#header.header_area .util .util_menu li{position: relative;}
#header.header_area .util .util_menu li + li{background:none;}
#header.header_area .util .util_menu li:first-child:before{display: none;}
#header.header_area .util .util_menu li:before{width:1px; height:8px; background:#848484; display: inline-block; content:''; position: absolute; top:0px; left:0px; top:4px;}
#header.header_area .util .wrap li a{color: #9f9f9f;}
#header.header_area .primary{position: relative;}

#header.header_area .primary.case_gnb04{background:#001844; padding-top:77px;}
#header.header_area .primary.case_gnb04 .gnb{width:auto; height:128px;}
#header.header_area .primary.case_gnb04 .gnb h1{position: absolute; top:-25px; left:3%; margin:0;}
#header.header_area .primary.case_gnb04 .gnb h1 a{display: block;}
#header.header_area .primary.case_gnb04 .gnb_menu li{letter-spacing:-0.05em; display: inline-block; margin-right:120px; position: relative;}
#header.header_area .primary.case_gnb04 .gnb_menu li:last-child{margin-right:0;}
#header.header_area .primary.case_gnb04 .gnb_menu li a{font-weight: normal; display: block; font-size:24px; color: #fff; line-height:1em; font-family: 'Pretendard-Regular'; letter-spacing:0em}
#header.header_area .primary.case_gnb04 .gnb .gnb_menu{width:1200px; float:none; margin:0 auto; padding-left:107px;}

#header.header_area .primary .decoR{top:-15px !important; right:1% !important;}
#header.header_area .primary .decoR .sns_area{}
#header.header_area .primary .decoR .sns_area ul li{display: table-cell; padding-left:10px;}
#header.header_area .primary .decoR .sns_area ul li a{display: block; text-indent: -9999px; width:56px; height:56px;}
#header.header_area .primary .decoR .sns_area ul li:nth-child(1) a{background:url('../images/common/ico_hd_whatsapp.png') no-repeat;}
#header.header_area .primary .decoR .sns_area ul li:nth-child(2) a{background:url('../images/common/ico_hd_fb.png') no-repeat;}
#header.header_area .primary .decoR .sns_area ul li:nth-child(3) a{background:url('../images/common/ico_hd_yt.png') no-repeat;}
#header.header_area .primary .decoR .sns_area ul li:nth-child(4) a{background:url('../images/common/ico_hd_insta.png') no-repeat;}
#header.header_area .primary .decoR .sns_area ul li:nth-child(5) a{background:url('../images/common/ico_hd_talktalk.png') no-repeat;}

@media all and (max-width:1700px){
	#header.header_area .primary.case_gnb04 .gnb{height:100px;  transition: all ease 0.05s;}
	#header.header_area .primary.case_gnb04 .gnb h1{transition: all ease 0.05s;}
	#header.header_area .primary.case_gnb04 .gnb h1 a{width:80%; transition: all ease 0.05s;}
	#header.header_area .primary.case_gnb04 .gnb .gnb_menu{padding-left:200px; transition: all ease 0.05s;}
	#header.header_area .primary.case_gnb04 .gnb_menu li{margin-right:90px; transition: all ease 0.1s;}
	#header.header_area .primary.case_gnb04 .gnb_menu li a{font-size:20px; transition: all ease 0.1s;}
	#header.header_area .primary.case_gnb04 .decoR .sns_area ul li{transition: all ease 0.1s;}
	#header.header_area .primary.case_gnb04 .decoR .sns_area ul li a{width:50px; height:50px; background-size:100% 100%; transition: all ease 0.1s;}
}

@media all and (max-width:1500px){
	#header.header_area .primary.case_gnb04 .gnb .gnb_menu{padding-left:270px;}
	#header.header_area .primary.case_gnb04 .gnb_menu li{margin-right:40px; transition: all ease 0.1s;}
}

.visual_sec{position: relative; margin:-1px auto 0;}
#banner .slick-dots{bottom:28px;}
#banner .slick-dots li button:before{width:12px; height:12px; background:#fff;}
#banner .slick-dots li{margin:0 16px;}

.quick_searchmain.quick_srch{border: none; padding-top:48px;}
.quick_searchmain.quick_srch h3{color: #0e0e0e; font-size:30px; font-family:'Pretendard-SemiBold'; letter-spacing:-0.05em; line-height:1em; margin-bottom:35px;}
.quick_searchmain.quick_srch .quick_searchmain_group{border:2px solid #eaeaea; border-radius:10px; padding:40px 10px 50px;}
.quick_searchmain.quick_srch .cont{width:100%; min-height:auto;}
.quick_searchmain.quick_srch .cont .choose_cars{width:auto; height:auto; padding:0;}
.quick_searchmain.quick_srch .cont .choose_cars li{padding:0 23px;}
.quick_searchmain.quick_srch .cont .choose_cars li:first-child:before{display: none;}
.quick_searchmain.quick_srch .cont .choose_cars li a{font-size:30px; font-family:'Pretendard-SemiBold'; color: #9b9b9b; border-bottom:; letter-spacing:-0.05em; }
.quick_searchmain.quick_srch .modelSearch{padding:0; width:100%; margin-top:36px;}
.quick_searchmain.quick_srch .modelSearch .search_form{width:920px; height:59px;}
.quick_searchmain.quick_srch .modelSearch .search_form ul li{border: none; background:#f2f2f2; border-radius:4px; color: #4a4a4a; width:229px; margin-right:10px; margin-top:2px; padding:0 20px;}
.quick_searchmain.quick_srch .modelSearch .search_form ul li:last-child{width:286px;}
.quick_searchmain.quick_srch .modelSearch .search_form ul li select{width:100%; background:#f2f2f2; height:55px; font-size:20px; color: #4a4a4a; font-family: 'Pretendard-Medium'; margin-top:0px; border-radius:4px; letter-spacing:-0.05em; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto;}

.quick_searchmain.quick_srch li{padding-bottom:0;}
.quick_searchmain.quick_srch .modelSearch .search_form .search_btn2{width:141px; height:59px; background:#0c1532 !important; line-height:59px; border-radius:4px; font-size:20px; color: #fff; font-weight: normal; font-family: 'Pretendard-Medium'; margin-top:0; top:0px; letter-spacing:-0.05em}

.case_srch.pattern02{position: absolute; right:15px; top:190px; width:230px;}
.case_srch.pattern02 #header-search-span input{width:190px; margin-bottom:15px; padding-left:8px; font-family: 'Pretendard-Medium'; font-weight: normal; font-size:18px;}
.case_srch.pattern02 #header-search-span input::placeholder{font-weight: normal; font-size:18px; color: #828282;}
.case_srch.pattern02 button{width:40px !important;}

.quick_searchmain.quick_srch .cont .choose_cars li .on{color: #e93512 !important; border-bottom:3px solid #e93512;}
.quick_searchmain.quick_srch .cont .choose_cars li .over{color: #e93512 !important; border-bottom:3px solid #e93512;}

.srch_car_model_quick{border:2px solid #eaeaea; overflow: hidden; padding:48px 23px 54px; border-radius:10px; margin-top:20px;}
.srch_car_model_quick ul{}
.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: #4a4a4a; font-size:15px; font-weight: bold; letter-spacing:-0.05em}

.srch_car_model_quick .model_box01{}
.srch_car_model_quick .model_box01 ul{width:100%; display: table; margin-bottom:40px;}
.srch_car_model_quick .model_box01 ul li{float: none; display: table-cell; width:11.1%;}
.srch_car_model_quick .model_box01 ul li a{display: block;}
.srch_car_model_quick .model_box01 ul:last-child{margin-bottom:44px; }
.srch_car_model_quick .model_box01 ul:last-child li{width:10%;}

.srch_car_model_quick .model_box02{border-top:2px solid #ebebeb; padding-top:30px;}
.srch_car_model_quick .model_box02 ul{margin-bottom:40px; display: table; width:100%;}
.srch_car_model_quick .model_box02 ul li{display: table-cell; float: none;}
.srch_car_model_quick .model_box02 ul li span{padding-top:10px; display: block;}
.srch_car_model_quick .model_box02 ul li a span:hover{color: #e93512;}
.srch_car_model_quick .model_box02 ul li a{display: block;}

.srch_car_model_quick .model_box03 ul li{margin-right:28px; 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: 140px; height:32px; line-height:32px; background:#f5f5f5; border-radius:50px; color: #4a4a4a; font-size: 15px; font-weight: bold; display: block; font-family:'Pretendard-SemiBold'; letter-spacing:-0.05em}
.srch_car_model_quick .model_box03 ul li a:hover{background:#e93512; color: #fff;}

.ico_recommend{transform:rotate(0); left:10px; top:10px; font-size:16px; border-radius:6px; width:54px; height:22px; line-height:22px; letter-spacing:0}
.ico_recommend:before, .ico_recommend:after{display: none;}

.soldout{height:505px;}
.soldout:before{content:''; background:#e9e9e9; display: block; width:100%; height:505px; position: absolute; left:0; z-index:-1;}
.soldout h3{padding:45px 0 20px; font-family:'Pretendard-SemiBold'; color:#0e0e0e; line-height:1em; border-bottom:1px solid #0c1532; font-size:30px; margin-bottom:56px; text-transform: uppercase;}
.soldout ul li, .container_loadings ul li{overflow: hidden; position: relative; width:295px !important;}
.soldout ul li img , .container_loadings ul li img{-webkit-transition: all 0.5s ease; /* Safari and Chrome */ 	-moz-transition: all 0.5s ease; /* Firefox */ -ms-transition: all 0.5s ease; /* IE 9 */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease;}
.soldout ul li:hover img, .container_loadings ul li:hover img{-webkit-transform:scale(1.25); /* Safari and Chrome */ -moz-transform:scale(1.25); /* Firefox */ -ms-transform:scale(1.25); /* IE 9 */ -o-transform:scale(1.25); /* Opera */ transform:scale(1.25);}

.soldout .slick-prev, .container_loadings .slick-prev{width:30px; height:30px; border-radius:4px; background:#f2f2f2 !important; right:47px; top:-85px; left:auto;}
.soldout .slick-prev:before, .container_loadings .slick-prev:before{content:''; width:9px; height:9px; border-right:2px solid #626262; border-bottom:2px solid #626262; display: block; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); margin-left:40%;}
.soldout .slick-next, .container_loadings .slick-next{width:30px; height:30px; border-radius:4px; background:#f2f2f2 !important;  right:10px; top:-85px; left:auto;}
.soldout .slick-next:before, .container_loadings .slick-next:before{content:''; width:9px; height:9px; border-right:2px solid #626262; border-bottom:2px solid #626262; display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); margin-left:25%;}

.container_loadings .slick-prev, .container_loadings .slick-next{top:-75px;}
.container_loadings{padding-bottom:50px;}
.container_loadings h3{padding:45px 0 20px; font-family:'Pretendard-SemiBold'; color:#0e0e0e; line-height:1em; border-bottom:1px solid #0c1532; font-size:30px; margin-bottom:45px; text-transform: uppercase;}

.brand_group{height:300px;}
.brand_group h3{text-transform: uppercase; color: #0e0e0e; font-family: 'Pretendard-SemiBold'; font-size:30px; line-height:1em; padding:50px 0 44px;}
.brand_group h3:nth-child(3){padding-top:60px;}
.brand_group:before{content:''; background:#e9e9e9; display: block; width:100%; height:300px; position: absolute; left:0; z-index:-1;}
.brand_group ul li{display: inline-table; margin-right:9px;}
.brand_group ul li:last-child{margin-right:0px;}

.brand_group.auctions_page{height:322px;}
.brand_group.auctions_page:before{content:''; background:#e9e9e9; display: block; width:100%; height:322px; position: absolute; left:0; z-index:-1;}
.brand_group.auctions_page h4{padding:54px 0;}

.soldout .slick-track,.container_loadings .slick-track{margin-left:0;}

#footer{margin:0 auto !important; padding:0px !important; border-top: none !important; position: relative; background:#333; }
.footer_area{padding:48px 0 42px;}
.footer_area #footer_image{width:auto;}
.footer_area #footer_data{padding-bottom:0px !important; width:auto !important;}

.fixed_area{display: none; position: fixed; bottom:350px; right:60px; z-index:10;}
.fixed_area ul li{margin-top:10px;}
.fixed_area ul li a{width:115px; height:115px; display: block; text-indent: -9999px;}
.fixed_area ul li:nth-child(1) a{background:url('../images/common/btn_quick_whatsapp02.png') no-repeat;}
.fixed_area ul li:nth-child(2) a{background:url('../images/common/btn_quick_top.png') no-repeat;}

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

.car_search p.tit{margin:50px 0 10px; font-size:28px; font-weight: bold; color: #333;}
.car_search .car-select > li h3{font-size:18px; font-weight: normal;}
.car-select > li p{font-size:18px; font-weight: normal;}
.car-select .detail-search{border-top: none;}
.car-select > li ul li{font-weight: normal;}
.detail-search{position: relative;}
.detail-search{display: block;}
.detail-search li label{width:auto; font-size:16px; font-weight: normal; margin-right:0; text-align: left; letter-spacing:-0.03em}
.detail-search li button{position: absolute; bottom:19px; right:6px; color: #fff; font-size:20px; font-weight: bold; background:#e93512; text-align: center; width:130px; height:30px; line-height:30px; border-radius:5px; padding:0 5px;}
.detail-search li label:first-child{width:185px; text-align: left; text-indent:5px;}
.detail-search .selectBox{margin:0;}
.detail-search li label:nth-child(5){width:120px; text-indent:10px;}
.detail-search li label:nth-child(7){margin-left:10px;}
.detail-search li:first-child label:nth-child(7){margin-right:9.5px;}
.detail-search li:first-child label:nth-child(9){margin-left:30px;}

.car-detail-info .basic-info{width:496px; padding-right:0px;}
.car-detail-info .seller-info{width:399px; }
.car-detail-info table.type02 tr th.indent{padding-left:5px;}
.car-detail-info .sms-wrap{width:303px; padding-left:20px;}
.car-detail-info .sms-wrap dl dt{width:47%; float: left; clear: both; height:32px; line-height:32px; color: #434343; font-size:14px; letter-spacing:-0.05em; font-weight: bold; margin-bottom:8px;}
.car-detail-info .sms-wrap dl dd{width:53%; float: right; margin-bottom:8px;}
.car-detail-info .sms-wrap dl dd input{width:100%; height:32px; line-height:32px;}
.car-detail-info .sms-wrap dl dd textarea{line-height:1.3em; height:111px;}
.car-detail-info .sms-wrap dl dd button{width:100%; text-align: center; background:#d14a49; height:30px; line-height:30px; font-weight: bold; font-size:14px; color: #fff; margin-top:8px; letter-spacing:-0.05em}

.car-detail-info .option-info{clear: both;}
.car-detail-info .option-info input[type='checkbox'] + label{width:100%;}
.ko-car-search .tab li{width:auto;}
.ko-car-search .tab li a{padding:0 10px;}
.ko-car-search .type_icon{height:150px; padding:10px 5px;}
.ko-car-search .type_icon > ul li{margin:0 7.5px; font-size:12px;}
.ko-car-search .type_icon > ul li a span{width:103px; display: block; word-break:break-all}
.ko-car-search .type_icon > ul li a:hover span{width:103px;}

.car_list .area_common .recommend_car_desc{padding:25px;}
.car_list .area_common .recommend_car_name{text-align: left; height:40px; text-overflow:unset;white-space:unset; letter-spacing:0; font-weight: normal; color: #464646; font-size:18px; letter-spacing:-0.05em}
.car_list .area_common .recommend_car_info{font-size:14px; color: #929292; line-height:1em;}
.car_list .area_common .recommend_car_info:before{display: none;}
.car_list .area_common .recommend_car_detail{text-align: left; margin:15px 0 10px		;}
.car_list .area_common .recommend_car_price{text-align: left; font-size:18px; color: #e95412;}
.car_list .area_common .recommend_car_picture{margin-top:10px;}
.car_list .area_common .recommend_car_picture li{padding:10px;}
.car_list .area_common .recommend_car_picture li a:first-child{border-top-left-radius:10px; border-top-right-radius:10px;}
.car_list .area_common .recommend_car_picture li a:last-child{border-bottom-left-radius:10px; border-bottom-right-radius:10px;}

.car_list.car_list_area{text-align: left; color: #181818; margin:55px 0 33px;}
.car_list.car_list_area .tit_wrap{position: relative;}
.car_list.car_list_area .tit_wrap a{color: #939393; font-size:16px; position: absolute; right:5px; top:13px; letter-spacing:-0.05em}
.car_list.car_list_area .total{position: relative; border-bottom:1px solid #0c1532; padding-bottom:15px; margin-bottom:25px;}
.car_list.car_list_area .total p{font-size:27px; color: #0e0e0e; font-family: 'Pretendard-SemiBold'; letter-spacing:-0.05em}
.car_list.car_list_area .total p span{color: #e93512;}
.car_list.car_list_area .total a{position: absolute; right:9px; top:0px; width:90px; height:38px; line-height:38px; background:#e93512; color: #fff; font-size:20px; text-align: center;}

.reveal {
    transform: translateY(200px);
    opacity: 0;
    transition: 1s all ease;
}

.reveal.active {
    transform: translateY(0);
    opacity: 1;
}

.search-img-list > li{height:360px;}
.car-detail .car-info .car-option li:before{display: none !important;}
.car-detail .car-info .car-option li:nth-child(2), .car-detail .car-info .car-option li:nth-child(3){border-left:1px solid #ccc; padding-left:10px;}
.car-detail .car-info .car-option li:nth-child(3), .car-detail .car-info .car-option li:nth-child(4){margin-left:0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; min-width:20%; width:45%;}
.car-detail .car-info .car-option li:nth-child(4){display: block;}

.about div:nth-child(1){height:800px;}
.about div:nth-child(1):before{content:''; display: block; background:url('../images/contents/bg_aboutus01.jpg') no-repeat; position: absolute; left:0; width:100%; height:800px; background-size:cover; z-index:-1;}
.about div:nth-child(2){height:800px;}
.about div:nth-child(2):before{content:''; display: block; background:url('../images/contents/bg_aboutus02.jpg') no-repeat; position: absolute; left:0; width:100%; height:800px; background-size:cover; z-index:-1;}
.about div:nth-child(3){height:799px;}
.about div:nth-child(3):before{content:''; display: block; background:url('../images/contents/bg_aboutus03.jpg') no-repeat; position: absolute; left:0; width:100%; height:799px; background-size:cover; z-index:-1;}

.howtoorder div{height:801px;}
.howtoorder div:before{content:''; display: block; background:url('../images/contents/bg_howtoorder.jpg') no-repeat; position: absolute; left:0; width:100%; height:801px; background-size:cover; z-index:-1;}

.auction div:nth-child(1){height:504px;}
.auction div:nth-child(1):before{content:''; display: block; background:#000001; position: absolute; left:0; width:100%; height:504px; background-size:cover; z-index:-1;}
.auction div:nth-child(2){height:800px;}
.auction div:nth-child(2):before{content:''; display: block; background:#000001; position: absolute; left:0; width:100%; height:800px; background-size:cover; z-index:-1;}
.auction div:nth-child(3){height:943px;}
.auction div:nth-child(3):before{content:''; display: block; background:#000001; position: absolute; left:0; width:100%; height:943px; background-size:cover; z-index:-1;}

.inquiry{height:1597px;}
.inquiry:before{content:''; display: block; background:url('../images/contents/bg_inquiry.jpg') no-repeat; position: absolute; left:0; width:100%; height:1597px; background-size:cover; z-index:-1;}
.inquiry div{width:1200px; margin:0 auto; background:url('../images/contents/img_inquiry.png') no-repeat; height:1597px;}
.inquiry div dl{margin:605px 0 0 63px; width:610px;}
.inquiry div dl dt{color: #fff; font-size:22px; font-family:'Arial'; line-height:1em;}
.inquiry div dl dd{margin:5.3px 0 25px;}
.inquiry div dl dd input{border-radius:16px; border: none; width:100%; height:60px; font-size:16px; padding:0 12px;}
.inquiry div dl dd textarea{border-radius:16px; background:#d9dad8; height:157px; font-size:16px; padding:12px; line-height:1.4em; border: none;}
.inquiry div dl dt:nth-child(9){margin-top:70px;}
.inquiry div dl dd:nth-child(10) input{background:#d9dad8;}
.inquiry div button{font-family:'Arial'; font-size:32px; font-weight: bold; color: #fff; text-align: center; border-radius:16px; background:#4b54a8; width:296px; height:70px; line-height:70px; margin:15px 0 0 63px;}