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

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

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

#header.header_area{background:#b40000; padding-top:38px;}
#header.header_area .util{border: none; background:#b40000; height:38px;}
#header.header_area .util .wrap{background:none;}
#header.header_area .util .util_menu{margin-top:12px;}
#header.header_area .util .util_menu li{position: relative;}
#header.header_area .util .util_menu li + li{background:none; margin-left:10px; padding-left:11px;}
#header.header_area .util .util_menu li:first-child:before{display: none;}
#header.header_area .util .util_menu li:before{width:1px; height:12px; background:rgba(255, 255, 255, 0.6); display: inline-block; content:''; position: absolute; top:0px; left:0px; top:1px;}
#header.header_area .util .wrap li a{color: #fff; text-transform: uppercase; font-size:14px; line-height:1em;}
#header.header_area .primary{position: relative;}
#header.header_area .primary.case_gnb04{background:#fff; overflow: hidden;}
#header.header_area .primary.case_gnb04 .gnb h1{margin:28px 0 31px;}
#header.header_area .primary.case_gnb04 .gnb .gnb_menu{float: right !important; margin-top:40px; text-align:right;}
#header.header_area .primary.case_gnb04 .gnb .gnb_menu li{display: inline-block; margin-right:81px;}
#header.header_area .primary.case_gnb04 .gnb .gnb_menu li:last-child{margin-right:0;}
#header.header_area .primary.case_gnb04 .gnb .gnb_menu li a{font-weight: normal; display: block; font-size:18px; color: #333; line-height:1em; font-weight: bold; letter-spacing:-0.03em}
#header.header_area .primary.case_gnb04 .gnb .gnb_menu li a:hover{color:#b40000 !important;}

.visual_sec{position: relative; margin:0 auto;}
#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:140px;}
.quick_searchmain.quick_srch h3{color: #333; font-size:40px; font-family: 'Pretendard-ExtraBold'; letter-spacing:0em; line-height:1.5em; margin-bottom:78px; text-align: center;}
.quick_searchmain.quick_srch p.total{position: absolute; right:0px; top:25px; font-size:28px; font-family: 'Pretendard-Medium'; font-weight: bold;}
.quick_searchmain.quick_srch p.total span{color: #B40000;}

.quick_searchmain.quick_srch .quick_searchmain_group{position: relative;}
.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!important;}
.quick_searchmain.quick_srch .cont .choose_cars li:first-child:before{display: none;}
.quick_searchmain.quick_srch .cont .choose_cars li a{font-size:28px; font-family:'Pretendard-SemiBold'; color: #333 !important; letter-spacing:-0.05em; padding:0 30px; height:68px; line-height:68px;}
.quick_searchmain.quick_srch .cont .choose_cars li .on{border-bottom:3px solid #B40000;}
.quick_searchmain.quick_srch .cont .choose_cars li .over{border-bottom:3px solid #B40000;}

.quick_searchmain.quick_srch .modelSearch{width:100%; background:#f6f6f6; padding:20px 28px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.quick_searchmain.quick_srch .modelSearch .search_form{width:750px; height:auto;}
.quick_searchmain.quick_srch .modelSearch .search_form ul li{border:1px solid #e0e0e0 !important; background:#fff; color: #4a4a4a; width:185px; margin-right:20px; padding:0 10px;}
.quick_searchmain.quick_srch .modelSearch .search_form ul li:last-child{width:174px;}
.quick_searchmain.quick_srch .modelSearch .search_form ul li select{width:100%; background:#fff; height:48px; font-size:16px; color: #999; font-family: 'Pretendard-Medium'; margin-top:0px; 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:146px; height:48px; background:#333 !important; line-height:48px; font-size:16px; color: #fff; font-weight: normal; font-family: 'Pretendard-Medium'; margin-top:0; top:0px; letter-spacing:-0.05em}

.case_srch{position: absolute; right:20px; top:90px; width:281px; border:1px solid #e0e0e0;}
.case_srch.pattern02{width:281px; background:#fff;}
.case_srch.pattern02 #header-search-span{border: none;}
.case_srch.pattern02 #header-search-span input{width:234px; margin-bottom:15px; padding-left:20px; font-weight: normal; font-size:16px; color: #999; height:48px; margin-bottom:0px; font-family: 'Pretendard-Medium'; letter-spacing:0em}
.case_srch.pattern02 #header-search-span input::placeholder{font-weight: normal; font-size:16px; color: #999; width:241px; letter-spacing:0em}
.case_srch.pattern02 button{width:40px !important; height:48px !important; background:#fff !important;}
.case_srch.pattern02 .ico-mglass{width:16px; height:16px; border:2px solid #999; top:0px;}
.case_srch.pattern02 .ico-mglass:after{background:#999; height:2px; width:7px; top:13px; left:10px;}

.car_sort_korea{padding:0 20px; border-bottom:1px solid #e0e0e0; overflow: hidden;}
.car_sort_korea h4{font-size:20px; color: #555; font-weight: normal; width:169px; float: left; letter-spacing:-0.03em; margin-top:70px;}
.car_sort_korea ul{display: table; float: left; margin:40px 0;}
.car_sort_korea ul li{display: table-cell; padding-right:40px !important;}
.car_sort_korea ul li a{width:140px; height:80px; display: block; text-indent: -9999px;}
.car_sort_korea ul li:nth-child(1) a{background:url('../images/index/img_logo_korea.png') left top no-repeat;}
.car_sort_korea ul li:nth-child(2) a{background:url('../images/index/img_logo_korea.png') -180px top no-repeat;}
.car_sort_korea ul li:nth-child(3) a{background:url('../images/index/img_logo_korea.png') -360px top no-repeat;}
.car_sort_korea ul li:nth-child(4) a{background:url('../images/index/img_logo_korea.png') -540px top no-repeat;}
.car_sort_korea ul li:nth-child(5) a{background:url('../images/index/img_logo_korea.png') -720px top no-repeat;}

.car_sort_germany{padding:0 20px; border-bottom:1px solid #e0e0e0; overflow: hidden;}
.car_sort_germany h4{font-size:20px; color: #555; font-weight: normal; width:169px; float: left; letter-spacing:-0.03em; margin-top:70px;}
.car_sort_germany ul{display: table; float: left; margin:40px 0;}
.car_sort_germany ul li{display: table-cell; padding-right:40px !important;}
.car_sort_germany ul li a{width:140px; height:80px; display: block; text-indent: -9999px;}
.car_sort_germany ul li:nth-child(1) a{background:url('../images/index/img_logo_germany.png') left top no-repeat;}
.car_sort_germany ul li:nth-child(2) a{background:url('../images/index/img_logo_germany.png') -180px top no-repeat;}
.car_sort_germany ul li:nth-child(3) a{background:url('../images/index/img_logo_germany.png') -360px top no-repeat;}
.car_sort_germany ul li:nth-child(4) a{background:url('../images/index/img_logo_germany.png') -540px top no-repeat;}
.car_sort_germany ul li:nth-child(5) a{background:url('../images/index/img_logo_germany.png') -720px top no-repeat;}

.car_sort_etc{padding:0 20px; border-bottom:1px solid #e0e0e0; overflow: hidden;}
.car_sort_etc h4{font-size:20px; color: #555; font-weight: normal; width:169px; float: left; letter-spacing:-0.03em; margin-top:140px;}
.car_sort_etc ul{display: table; float: left; width:860px; margin:40px 0;}
.car_sort_etc ul li{display: table-cell; padding-right:40px !important;}
.car_sort_etc ul li:nth-child(5n){padding-right:0px !important;}
.car_sort_etc ul li a{width:140px; height:80px; display: block; text-indent: -9999px;}
.car_sort_etc ul li:nth-child(1) a{background:url('../images/index/img_logo_etc.png') left top no-repeat; margin-bottom:40px;}
.car_sort_etc ul li:nth-child(2) a{background:url('../images/index/img_logo_etc.png') -180px top no-repeat; margin-bottom:40px;}
.car_sort_etc ul li:nth-child(3) a{background:url('../images/index/img_logo_etc.png') -360px top no-repeat; margin-bottom:40px;}
.car_sort_etc ul li:nth-child(4) a{background:url('../images/index/img_logo_etc.png') -540px top no-repeat; margin-bottom:40px;}
.car_sort_etc ul li:nth-child(5) a{background:url('../images/index/img_logo_etc.png') -720px top no-repeat; margin-bottom:40px;}
.car_sort_etc ul li:nth-child(6) a{background:url('../images/index/img_logo_etc.png') left -120px no-repeat;}
.car_sort_etc ul li:nth-child(7) a{background:url('../images/index/img_logo_etc.png') -180px -120px no-repeat;}
.car_sort_etc ul li:nth-child(8) a{background:url('../images/index/img_logo_etc.png') -360px -120px no-repeat;}
.car_sort_etc ul li:nth-child(9) a{background:url('../images/index/img_logo_etc.png') -540px -120px no-repeat;}
.car_sort_etc ul li:nth-child(10) a{background:url('../images/index/img_logo_etc.png') -720px -120px no-repeat;}

.car_option_sort{padding:40px 20px;}
.car_option_sort h4{font-size:20px; color: #555; font-weight: normal; width:114px; letter-spacing:-0.03em; float: left; clear: both; margin-top:10px; margin-right:48px;}
.car_option_sort ul{margin-bottom:40px; display: table; float: left; vertical-align: top;}
.car_option_sort ul li{display: table-cell; padding-right:8px !important;}
.car_option_sort ul li a{padding:10px 16px; display: block; color: #999; font-size:20px; border:1px solid #ccc; border-radius:50px; line-height:1em;}
.car_option_sort ul li a:hover{color: #fff; background:#B40000;}

.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{text-align: center;}
.soldout h3{font-size:34px; font-family: 'Pretendard-Medium'; color: #333; font-weight: bold; line-height:1.5em; text-align: center; margin-bottom:64px;}
.soldout h3 span{display: block; font-size:20px; color: #B40000; line-height:1em; margin-bottom:24px;}
.soldout ul li{overflow: hidden; position: relative; width:288px !important;}
.soldout 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{-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, .soldout .slick-next{display: none !important}
.soldout .slick-track{margin-left:0;}
.soldout a.btn_more{padding:16px 50px; background:#333; color: #fff; margin:64px auto 180px; display: inline-block; font-size:14px; font-weight: bold; letter-spacing:0.05em}

.yt_area{text-align: center;}
.yt_area h3{font-size:34px; font-family: 'Pretendard-Medium'; color: #333; font-weight: bold; line-height:1.5em; text-align: center; margin-bottom:52px;}
.yt_area h3 span{display: block; font-size:20px; color: #B40000; line-height:1em; margin-bottom:24px;}
.yt_area ul li iframe{width:590px; height:324px;}
.yt_area ul li:first-child{float: left;}
.yt_area ul li:last-child{float: right;}
.yt_area a.btn_more{padding:16px 50px; background:#333; color: #fff; margin:52px auto 180px; display: inline-block; font-size:14px; font-weight: bold; letter-spacing:0.05em}

.main_ad_inquiry{height:408px; color: #fff;}
.main_ad_inquiry:before{width:100%; height:408px; position: absolute; content:''; display: block; background:url('../images/index/bg_inquiry.png'); left:0px; z-index:-1; background-size:cover;}
.main_ad_inquiry div{position: relative;}
.main_ad_inquiry div p{color: #fff; font-size:40px; font-family: 'Pretendard-SemiBold'; line-height:1.6em; padding-top:35%; transform:translateY(-50%);}
.main_ad_inquiry div a{font-size:20px; color: #fff; font-family: 'Pretendard-Medium'; font-weight: bold; display:inline-block; padding:20px 34px; background:none; border:2px solid #fff; position: absolute; right:0px; top:172px;}
.main_ad_inquiry div a span{display: inline-block; width: 10px; height:10px; border-top: 2px solid #fff; border-left: 2px solid #fff; position: relative; transform: rotate(135deg); vertical-align: top; margin-top:7px; margin-left:17px;}
.main_ad_inquiry div a span:after{content: ""; display: block; width: 2px; height: 15px; background-color:#fff; transform: rotate(-45deg) translate(4.5px, 2px); left: 0; top: 0;}

#footer{margin:0 auto !important; padding:0px !important; border-top: none !important; position: relative; background:#eee; }
.footer_area{padding:50px 0;}
.footer_area #footer_image{width:auto;}
.footer_area #footer_data{padding-top:40px; padding-bottom:0px !important; width:auto !important;}
.footer_area #footer_data ul.footer_list li{float: left; color: #777; font-size:14px;}
.footer_area #footer_data ul.footer_list li:after{content:''; display: inline-block; width:1px; height:12px; background:#eee; margin:0 5px; background:#777; position: relative; top:1px;}
.footer_area #footer_data ul.footer_list li:nth-child(2):after, .footer_area #footer_data ul.footer_list li:last-child:after{display: none;}
.footer_area #footer_data ul.footer_list li:nth-child(3){clear: both;}

#footer .copyright{padding:0px; border-top:1px solid #e0e0e0; padding:20px 0;}
#footer .copyright p{width:1200px; margin:0 auto; text-align: left; color: #777; font-size:14px; line-height:1em;}

.fixed_area{display: none; position: fixed; bottom:250px; right:60px; z-index:10;}
.fixed_area ul li{position: relative; text-align: center;}
.fixed_area ul li a:hover{color: #b40000;}
.fixed_area ul li a:before{content:''; display: block; position: absolute; left:50%; transform:translateX(-50%);}
.fixed_area ul li:nth-child(1) a:before{background:url('../images/common/ico_insta.png') no-repeat; width:30px; height:30px; top:17px;}
.fixed_area ul li:nth-child(2) a:before{background:url('../images/common/ico_fb.png') no-repeat; width:32px; height:32px; top:14px;}
.fixed_area ul li:nth-child(3) a:before{background:url('../images/common/ico_threads.png') no-repeat; width:27px; height:31px; top:17px;}
.fixed_area ul li:nth-child(4) a:before{background:url('../images/common/ico_yt.png') no-repeat; width:32px; height:32px; top:14px;}
.fixed_area ul li:nth-child(5) a:before{background:url('../images/common/ico_whatsapp.png') no-repeat; width:32px; height:32px; top:15px;}
.fixed_area ul li a{width:88px; height:88px; display: block; color: #333; font-size:12px; text-align: center; border:1px solid #e0e0e0; background:#fff; border-bottom:none; font-family:'SpoqaHanSansNeo-Bold'; padding-top:59px;}
.fixed_area ul li:last-child a{border-bottom:1px solid #e0e0e0;}
.fixed_area .top_arrow{width:54px; height:54px; line-height:54px; border-radius:54px; background:#B40000; font-size:12px; text-transform: uppercase; color: #fff; display: block; margin:20px auto 0; text-align: center; font-weight: bold; letter-spacing:0}

.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:#B40000; 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 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:15px 18px;}
.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: #333; font-size:18px; letter-spacing:-0.05em; font-family: 'Pretendard-Medium';}
.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_detail > span{display: contents;}
.car_list .area_common .recommend_car_detail span{}
.car_list .area_common .recommend_car_detail span span{font-size:12px; color: #777; padding-right:15px; margin-right:14px; border-right:1px solid #E0E0E0;}
.recommend_car_info + .recommend_car_info{padding-left:0;}

.car_list .area_common .recommend_car_detail span:last-child span:first-child{text-overflow: ellipsis;overflow: hidden;white-space: nowrap; min-width:20%; width:20%;}
.car_list .area_common .recommend_car_detail span:last-child span{border-right: none;}
.car_list .area_common .recommend_car_detail span:last-child span:last-child{padding-left:0px;}

.car_list .area_common .recommend_car_price{text-align: left; font-size:16px; color:#555; font-family: 'Pretendard-Medium';}
.car_list .area_common .recommend_car_price span{font-family: 'Pretendard-ExtraBold'; color: #333; font-size:24px;}
.car_list .area_common .recommend_car_picture{margin-top:64px;}
.car_list .area_common .recommend_car_picture li{}

.car_list.car_list_area{text-align: left; margin:180px 0;}
.car_list.car_list_area h3{font-size:34px; font-family: 'Pretendard-Medium'; color: #333; font-weight: bold; line-height:1em;}
.car_list.car_list_area h3 span{display: block; font-size:20px; color: #B40000; line-height:1em; margin-bottom:24px;}
.car_list.car_list_area a.btn_more{padding:16px 50px; background:#333; color: #fff; display: inline-block; font-size:14px; font-weight: bold; letter-spacing:0.05em; position: absolute; right:0px; top:22px;}

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

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

/* Contents Common */
.sub_visual{height:565px;}  
.sub_visual h3{animation: tilt01 2s ease; opacity: 1; text-align: center;  color: #fff; font-size:64px; font-weight: bold; top:50%; transform:translateY(-50%); position: relative;}
.sub_visual.inventory_bg{background:url('../images/contents/img_visual_item.png') center center no-repeat; background-size:cover;}
.sub_visual.help_bg{background:url('../images/contents/img_visual_help.png') center center no-repeat; background-size:cover;}
.sub_visual.about_bg{background:url('../images/contents/img_visual_aboutus.png') center center no-repeat; background-size:cover;}
.sub_visual.auction_bg{background:url('../images/contents/img_visual_auction.png') center center no-repeat; background-size:cover;}

/* About Us */
.about{margin-top:180px;}
.about h4{font-size:34px; font-family: 'Pretendard-Medium'; color: #333; font-weight: bold; line-height:1em;}
.about h4 span{display: block; font-size:20px; color: #B40000; line-height:1em; margin-bottom:24px;}
.about .kauto24{margin-bottom:180px;}
.about .kauto24 h4{margin-bottom:20px;}
.about .kauto24 h4 span{display: inline-block; font-size:36px;}
.about .kauto24 p.kauto24_txt{font-size:24px; letter-spacing:-0.03em}
.about .kauto24 p.kauto24_txt span{color: #333; font-weight: bold; display: block;}
.about .kauto24 ul{margin:80px 0; display: table; width:100%;}
.about .kauto24 ul li{display: table-cell;}
.about .kauto24 p{font-size:20px; line-height:1.5em; color: #555;}
.about .sales_team{margin-bottom:180px;}
.about .sales_team img{margin-top:80px;}
.about .sales_team h4{display: inline-table; margin-right:211px;}
.about .sales_team ul{display: inline-table;}
.about .sales_team ul li{color: #555; font-size:18px; margin-bottom:20px; letter-spacing:-0.03em; padding-left:42px;}
.about .sales_team ul li span{margin-left:11px;}
.about .sales_team ul li span:before{width:1px; height:14px; background:#e0e0e0; content:''; display: inline-block; margin-right:12px;}
.about .sales_team ul li:last-child{margin-bottom:0px;}
.about .sales_team ul li:nth-child(1){background:url('../images/contents/ico_phone-call.png') no-repeat left center;}
.about .sales_team ul li:nth-child(2){background:url('../images/contents/ico_mail.png') no-repeat left center;}
.about .sales_team ul li:nth-child(3){background:url('../images/contents/ico_clock.png') no-repeat left center;}
.about .sales_team ul li:nth-child(4){background:url('../images/contents/ico_shape.png') no-repeat 2px center;}

.about .sales_team .sales_team_member{margin-top:80px;}
.about .sales_team .sales_team_member ul{display: table;}
.about .sales_team .sales_team_member ul li{display: table-cell; padding-left:0px; padding-right:30px;}
.about .sales_team .sales_team_member ul li img{margin-top:0px;}
.about .sales_team .sales_team_member ul li div{border:1px solid #e0e0e0;}
.about .sales_team .sales_team_member ul li div dl{padding:20px 20px 15px;}
.about .sales_team .sales_team_member ul li div dl dt{font-size:32px; font-weight: bold; color: #333; font-family: 'Pretendard-Medium'; padding-bottom:20px; letter-spacing:-0.03em}
.about .sales_team .sales_team_member ul li div dl dd{}
.about .sales_team .sales_team_member ul li div dl dd ul li{padding-left:0px; font-size:20px; color: #555; display: inline-block; padding-right:24px; position: relative; padding-left:38px;}
.about .sales_team .sales_team_member ul li div dl dd ul li:first-child:before{content:''; display: block; position: absolute; width:1px; height:16px; background:#e0e0e0; top:3px; right:12px;}
.about .sales_team .sales_team_member ul li div dl dd ul li:last-child{display: block;}
.about .sales_team .sales_team_member ul li:last-child{padding-right:0px;}
.about .sales_team .sales_team_member ul li div dl dd ul li:nth-child(1){background:url('../images/contents/img_flag_usa.jpg') left center no-repeat;}
.about .sales_team .sales_team_member ul li div dl dd ul li:nth-child(2){background:url('../images/contents/img_flag_spain.jpg') left center no-repeat;}
.about .sales_team .sales_team_member ul li div dl dd ul li:nth-child(3){background:url('../images/contents/ico_tel.png') left top no-repeat; padding-bottom:5px;}

.about .how_to_order{margin-bottom:180px;}
.about .how_to_order h4{text-align: center; margin-bottom:80px;}
.about .how_to_order ul li{width:586px; height:286px; padding:40px;}
.about .how_to_order ul li:nth-child(odd){float: left; margin-bottom:28px;}
.about .how_to_order ul li:nth-child(even){float: right; margin-bottom:28px;}
.about .how_to_order ul li:last-child{padding:0;}
.about .how_to_order ul li:nth-child(1){background:#f6f6f6 url('../images/contents/ico_aboutus_order_01.png') 90% 80% no-repeat;}
.about .how_to_order ul li:nth-child(2){background:#f6f6f6 url('../images/contents/ico_aboutus_order_02.png') 90% 80% no-repeat;}
.about .how_to_order ul li:nth-child(3){background:#f6f6f6 url('../images/contents/ico_aboutus_order_03.png') 90% 80% no-repeat;}
.about .how_to_order ul li:nth-child(4){background:#f6f6f6 url('../images/contents/ico_aboutus_order_04.png') 90% 80% no-repeat;}
.about .how_to_order ul li:nth-child(5){background:#f6f6f6 url('../images/contents/ico_aboutus_order_05.png') 90% 80% no-repeat;}
.about .how_to_order ul li ul li{background: none !important; width:auto; height:auto; float: none !important; margin-bottom:12px !important; padding:0 0 0 20px !important; color: #555; font-size:20px; font-family: 'Pretendard-Medium'; letter-spacing:-0.03em; text-indent:-16px; line-height:1.5em;}
.about .how_to_order ul li ul li:before{content:''; display: inline-block; width:6px; height:10px; border-bottom:2px solid #B40000; border-right:2px solid #B40000; transform: rotate(55deg); margin-right:10px; position: relative; top:-2px; left:-2px;}
.about .how_to_order ul li h5{color: #333; font-family: 'Pretendard-ExtraBold'; font-size:32px; margin-bottom:20px; line-height:1.4em;}
.about .how_to_order ul li p{color: #555; font-size:20px; line-height:1.6em; font-family: 'Pretendard-Medium'; letter-spacing:-0.03em}
.about .encar{margin-bottom:180px;}
.about .encar h4{font-size:40px; display: inline-table; margin-right:240px;}
.about .encar h4 span{display: inline-block; color: #fff; font-size:40px; background:#B40000; padding:0 3px;}
.about .encar .encar_txt{display: inline-table; vertical-align: top;}
.about .encar .encar_txt p{font-size:20px; color: #555; letter-spacing:-0.03em; line-height:1.6em;}
.about .encar .encar_txt p span{color: #333; font-weight: bold; display: block;}
.about .encar .encar_txt a{font-size:20px; color: #fff; font-family: 'Pretendard-Medium'; font-weight: bold; display:inline-block; padding:20px 34px; background:#B40000; margin-top:48px;}
.about .encar .encar_txt a span{display: inline-block; width: 10px; height:10px; border-top: 2px solid #fff; border-left: 2px solid #fff; position: relative; transform: rotate(135deg); vertical-align: top; margin-top:7px; margin-left:17px;}
.about .encar .encar_txt a span:after{content: ""; display: block; width: 2px; height: 15px; background-color:#fff; transform: rotate(-45deg) translate(4.5px, 2px); left: 0; top: 0;}
.about .ad_inquiry{height:224px; color: #fff;}
.about .ad_inquiry:before{width:100%; height:224px; position: absolute; content:''; display: block; background: rgb(51,51,51); background: linear-gradient(90deg, rgba(51,51,51,1) 0%, rgba(119,119,119,1) 100%); left:0px; z-index:-1;}
.about .ad_inquiry div{position: relative;}
.about .ad_inquiry div p{color: #fff; font-size:40px; font-family: 'Pretendard-SemiBold'; line-height:1em; padding-top:19%; transform:translateY(-50%);}
.about .ad_inquiry div a{font-size:20px; color: #fff; font-family: 'Pretendard-Medium'; font-weight: bold; display:inline-block; padding:20px 34px; background:none; border:2px solid #fff; position: absolute; right:0px; top:80px;}
.about .ad_inquiry div a span{display: inline-block; width: 10px; height:10px; border-top: 2px solid #fff; border-left: 2px solid #fff; position: relative; transform: rotate(135deg); vertical-align: top; margin-top:7px; margin-left:17px;}
.about .ad_inquiry div a span:after{content: ""; display: block; width: 2px; height: 15px; background-color:#fff; transform: rotate(-45deg) translate(4.5px, 2px); left: 0; top: 0;}

/* Auction */
.auction{}
.auction h4{font-size:34px; font-family: 'Pretendard-Medium'; color: #333; font-weight: bold; line-height:1em; text-align: center; margin-bottom:80px;}
.auction h4 span{display: block; font-size:20px; color: #B40000; line-height:1em; margin-bottom:24px;}
.auction .dreamcar{text-align: center; margin-top:180px;}
.auction .dreamcar h4{font-size:36px; color: #B40000; font-family: 'Pretendard-ExtraBold'; margin-bottom:0px;}
.auction .dreamcar p{font-size:20px; line-height:1.5em; color: #555; margin:12px 0 80px;}
.auction .dreamcar ul{width:100%; display: table;}
.auction .dreamcar ul li{font-size:18px; font-family: 'Pretendard-Medium'; font-weight: bold; color: #333; line-height:1.5em; display: table-cell; position: relative;}
.auction .dreamcar ul li:after{content:''; display:block; width:1px; height:145px; background:#e0e0e0; position: absolute; right:0px; top:0px;}
.auction .dreamcar ul li:last-child:after{display: none;}
.auction .dreamcar ul li:nth-child(1):before{content:''; display: block; width:54px; height:65px; background:url('../images/contents/ico_hand01.png') no-repeat; margin:0 auto 28px;}
.auction .dreamcar ul li:nth-child(2):before{content:''; display: block; width:44px; height:65px; background:url('../images/contents/ico_hand02.png') no-repeat; margin:0 auto 28px;}
.auction .dreamcar ul li:nth-child(3):before{content:''; display: block; width:52px; height:65px; background:url('../images/contents/ico_hand03.png') no-repeat; margin:0 auto 28px;}
.auction .auction_schedule{margin-top:180px;}
.auction .auction_schedule .tb{}
.auction .auction_schedule .tb table tr th{text-align: center; background:#B40000; font-family: 'Pretendard-Medium'; font-weight: bold; color: #fff; font-size:20px; height:48px;}
.auction .auction_schedule .tb table tr th.bg_glay{background:#555;}
.auction .auction_schedule .tb table tr td{text-align: center; padding-bottom:40px; border:1px solid #ccc;}
.auction .auction_schedule .tb table tr td img{margin:40px 0 0;}
.auction .auction_schedule .tb table tr td p{margin-top:12px; color: #333; 
font-family:'Pretendard-Medium'; font-weight: bold; font-size:18px}
.auction .auction_schedule .tb table tr:last-child td{padding-bottom:60px;}
.auction .auction_schedule .tb table tr:last-child td img{margin:60px 0 0;}

.auction .auction_preview{margin:180px 0;}
.auction .auction_preview .preview_img{width:1200px; margin:0 auto;}
.auction .auction_preview .preview_img .slick-dots{bottom:-32px;}
.auction .auction_preview .preview_img .slick-dots li button:before{width:12px; height:12px; background:#C3C3C3;}
.auction .auction_preview .preview_img .slick-dots li.slick-active button:before{background:#B40000; opacity:1}

.auction .slick-slide img{margin:0 auto !important;} 
.auction .slick-slide img,
.auction .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] img{transform-origin:50% 50%; transform:scale(0.88); transition:transform .5s linear;}
.auction .slick-center img,
.auction .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] img {transform:scale(1); transition:transform .5s linear;}
.auction .slick-dotted.slick-slider{margin-bottom:0;}
.auction .slick-prev, .auction .slick-next{top:50%;}
.auction .slick-prev:before{content:''; width:18px; height:18px; border-right:2px solid #555; border-bottom:2px solid #555; display: block; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); margin-left:40%;}
.auction .slick-next:before{content:''; width:18px; height:18px; border-right:2px solid #555; border-bottom:2px solid #555; display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); margin-left:35%;}

/* HELP & SUPPORT */
.tab_help{margin:140px 0 80px; text-align: center;}
.tab_help ul{text-align: center; margin:0 auto; display: table;}
.tab_help ul li{display: table-cell;}
.tab_help ul li a{border-bottom:2px solid #fff; display: block; width:140px; height:66px; line-height:66px; color: #333; font-size:28px; text-align: center; letter-spacing:-0.05em}
.tab_help ul li a:hover, .tab_help ul li a.on{border-bottom:2px solid #B40000;}

.inquiry{text-align: center;}
.inquiry p{font-size:20px; line-height:1.5em; color: #555; margin-bottom:80px;}
.inquiry dl{border-top:1px solid #000; overflow: hidden;}
.inquiry dl dt{float:left; clear: both; padding:37px 0; text-indent:20px; color: #333; font-family: 'Pretendard-SemiBold'; font-size:18px; line-height:1em; width:280px; border-bottom:1px solid #e0e0e0; text-align: left;}
.inquiry dl dd{float:left; border-bottom:1px solid #e0e0e0; width:920px; padding:18.5px 0; text-align: left;}
.inquiry dl dd input{width:400px; padding:0 10px; height:55px; font-size:16px;}
.inquiry dl dd textarea{width:900px; height:252px; padding:10px; font-size:16px; line-height:1.5em;}
.inquiry dl dt:nth-last-child(2){padding-bottom:237px; border-bottom:none; padding:27px 0;}
.inquiry dl dd:nth-last-child(3) input{width:900px;}
.inquiry dl dd:nth-last-child(3), .inquiry dl dt:nth-last-child(4){border-bottom:none;}
.inquiry dl dd:last-child{border-bottom:none; padding:8.5px 0 0;}
.inquiry button{clear: both; margin:80px auto 180px; text-align: center; width:155px; height:46px; line-height:46px; background:#B40000; color: #fff; font-size:14px; text-transform: uppercase;}

.faq{width:100%; min-height:400px; border-top:1px solid #000; margin-bottom:140px;}
.faq h3{font-size:42px; font-family: 'Pretendard-Medium'; font-style:italic; border-bottom:1px solid #c1c1c1; line-height:1em; padding-bottom:10px; color: #000;}
.faq ul{padding:0 20px;}
.faq ul li.none_faq{text-align: center; color: #555; font-size:18px; padding:17px 0;}
.faq .q{position: relative;}
.faq .q:before{content:'Q.'; display: block; font-family: 'Pretendard-Medium'; font-size:16px; color: #B40000; text-align: center; border-radius:100px; position: absolute; left:0px; top:30%;}
.faq .article.occult .q:after{width:16px; height:16px; content:''; display: block; transform: rotate(225deg); border:2px solid #999; border-left:0; border-top:0; transition: all 0.4s; position: absolute; right:1%; top:45%;}
.faq .article.show .q:after{width:16px; height:16px; content:''; display: block; transform: rotate(45deg); border:2px solid #999; border-left:0; border-top:0; transition: all 0.4s; position: absolute; right:1%; top:34%;}
.faq .q a.trigger{display:block; color:#555; text-align:left; font-family: 'Pretendard-Medium'; font-size:18px; border-bottom:1px solid rgba(0,122,90,.1); overflow: hidden; text-overflow: ellipsis; width:100%; white-space: nowrap; padding:20px 50px 20px 27px;}
.faq .occult .q a.trigger{ background:none}
.faq .a{margin:0; padding:20px; line-height:2em; background:#F6F6F6; display: none; font-family: 'Pretendard-Medium'; font-size:16px;}

/* Etc */ 
.ico_recommend{transform:rotate(0); left:16px; top:16px; font-size:14px; border-radius:50px; letter-spacing:0; padding:8px 12px; width:auto; height:auto; line-height:1em;}
.ico_recommend:before, .ico_recommend:after{display: none;}

.search-btn-wrap .search-btn{width:146px; padding:14px 0 15px; background:#333 !important; font-size:16px}
.search-btn-wrap .refresh-btn{width:263px; padding:14px 0 15px; color: #555; font-size:16px}

.car-detail .car-info{padding:10px 15px 0;}
.car-detail .car-info .car-name{font-size:18px;}
.car-detail .car-info .car-name span{height:50px;}
.car-detail .car-info .car-option li{color:#777; font-size:12px; margin-bottom:5px;}
.car-detail .car-info .price{font-size:16px;}
.car-detail .car-info .price .num{font-size:24px;}
.search-img-list > li{height:380px;}

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

.ko-car-search{margin-top:80px;}
#car_div_all.ko-car-search{margin-top: 0px !important}
.txt-primary{color: #B40000;}

/* Keyframe */
@keyframes tilt01{
    0% {
        opacity: 0;
    }
    30% {
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}