/* sub page style */
.subpage_container {
	padding-top: 221px;
	margin-bottom: 150px;
}

.subpage_container_default {
	/*padding-top: 161px;
	margin-bottom: 150px;*/
}

.container1200 {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

.container860 {
	position: relative;
	width: 860px;
	margin: 0 auto;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
body,
div,
p,
li,
a,
address {
	font-family: 'Noto Sans KR', sans-serif;
	letter-spacing: -0.4px;
	color: #050708;
}

.sub-title{padding:60px 0 20px;text-align:start;font-size:20px;margin:0;}
.board-view-tit{text-align:start;margin-top:10px;color:#353535;font-weight:400;}

.t_white {
	color: #FFF;
}

.t_yellow {
	color: #FFCD00;
}

.t_blue {
	color: #1e47c3;
}
.t_emerald{
	color: #21A1B7;
}
.t_red{
	color: #C61D23;
}


/* common */
.tit_st{color: #083050; font-family: 'BusanBada'; font-size: 30px; text-align: center; }
.tit_st span{display: block; font-weight: 400; font-size: 16px; color: #a0afbb;}
.tit_st2{color: #083050; font-size: 24px; font-weight: 500; }
.tit_st3{font-size: 22px; font-weight: bold;  color: #093151;}
.tit_st4{font-size: 26px; color: #0b3050; font-weight: bold; padding-bottom: 19px; position: relative;text-align: center;}
.tit_st4:after{position: absolute; left: 50%; margin-left: -16px; bottom: 0; width: 32px; height: 5px; background-color: #f9a31d; content: "";}





/* 신차찾기 */
#carOpt{background-color: #f6f6f6; padding: 25px 0 0 0; }
#carOpt .info{color: #999; margin-bottom: 25px;}	
#carOpt .tit_st2{margin-bottom: 20px; }
#carOpt .prdContry{}
#carOpt .prdContry:after{display: block;clear: both;content: "";}
#carOpt .prdContry .imported{ /*max-width: 1102px; float: left;*/  width: 100%;}
.lst_brand{width: 100%;  }
.lst_brand ul{width: 100%;    }
.lst_brand ul:after{display: block;clear: both;content: "";}
.lst_brand ul li{width: 11.11%;  float: left;  margin-left: -1px; margin-top: -1px; }
.lst_brand ul li a{height: 100px; width: 100%;text-align: center;  display: block; background-color: #fff; border: 1px solid  #e3e3e3;  position: relative;	 }
.lst_brand>ul>li.on a:after,.lst_brand ul li a:hover:after{
	position: absolute;
	left: 0;
	top: 0;
	/*width: calc(100% - 4px);height: calc(100% - 4px);*/
	width:100%;
	height:100%;
	border: 1px solid #00adfe;
	border-radius: 5px;
	box-shadow: 1px 1px 8px 0px rgb(0 173 254 / 71%);
	z-index: 10;
	content: "";
}
.lst_brand ul li a p{height: 70px; vertical-align: middle; width: 100%; display: table;}
.lst_brand ul li a p span{display: table-cell;vertical-align: middle;}
.lst_brand ul li a strong{color: #444;}
.lst_brand ul li a:hover strong{color: #1e47c3;}
#carOpt .prdContry .domestic{  }
.domestic .lst_brand ul li{width: 50%;  }
#carOpt .otherOpt{margin-top:15px; width: 100%; }
#carOpt .otherOpt:after{display: block;clear: both;content: "";}
#carOpt .otherOpt .carType{float: left; width: 50%; }
#carOpt .otherOpt .carType .lst_cartype{max-width: 655px; }
#carOpt .otherOpt .carType .lst_cartype ul:after{display: block;clear: both;content: "";}
#carOpt .otherOpt .carType .lst_cartype ul li{float: left; width: 20%; margin-left: -1px;  }
#carOpt .otherOpt .carType .lst_cartype ul li a{display: block; height: 48px; line-height:48px;	color: #444; background-color: #fff; border: 1px solid  #e3e3e3; text-align: center; position: relative; }
#carOpt .otherOpt .carType .lst_cartype ul li a:hover{color: #11748a;}
#carOpt .otherOpt .carType .lst_cartype ul li.on a:after,#carOpt .otherOpt .carType .lst_cartype ul li a:hover:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; width: calc(100% - 4px);height: calc(100% - 4px);border: 2px solid #11748a; border-radius: 5px; box-shadow: 1px 1px 14px 0px rgb(0 0 0 / 43%);z-index: 10; content: "";}
#carOpt .otherOpt .priceType{float: left; width: 50%; padding-left: 45px;}
#carOpt .otherOpt .priceType .lst_pricetype ul:after{display: block;clear: both;content: "";}
#carOpt .otherOpt .priceType .lst_pricetype ul li{float: left; width: 50%; }
#carOpt .otherOpt .priceType .lst_pricetype ul li span{margin-left: 10px;}
.selectST{position: relative; display: inline-block; max-width: 248px;width: 100%;  background: url(/img/common/sel_arr.gif) 93% center no-repeat #fff; border: 1px solid #e3e3e3; height: 48px;  }
.selectST label{position: absolute; left: 0; top: 0;width: 100%; height: 100%;  line-height: 48px;padding-left: 20px;  color: #444; cursor: default;}
.selectST select::-ms-expand {display: none;} 
.selectST select{border: 1px solid #ccc; height: 40px; color: #444; width: 100%; height: 100%;  appearance: none;-ms-appearance: none;-o-appearance: none;-webkit-appearance: none;-moz-appearance:none; opacity: 0; filter: alpha(opacity=0); /* IE 8 */ position: relative; z-index: 1; } 
#carOpt .btn_carSch{margin-top:45px;margin-bottom:45px; text-align: center; }
#carOpt .btn_carSch button{width: 203px; height: 60px; text-align: center;   border: 1px solid #a7bec3; background-color: #fff; font-size: 19px; font-weight: bold; color: #11748a; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
#carOpt .btn_carSch button span{background-image: url(/img/common/ico_btn_reset.png); background-position: left 5px; background-repeat: no-repeat; padding-left: 32px;}
#carOpt .btn_carSch button.btn_sch{background-color: #11748a;color: #fff;border: 0;}
#carOpt .btn_carSch button.btn_sch span{background-image: url(/img/common/ico_btn_sch.png); padding-left: 32px;}
.carlist {padding-bottom: 100px;}
.carlist .listArea{padding-top: 50px;}
.carlist .listArea .lstTop{ margin-bottom: 20px; }
.carlist .listArea .lstTop:after{display: block;clear: both;content: "";}
.carlist .listArea .lstTop .lft{float: left; }
.carlist .listArea .lstTop .lft .total{color: #666; font-size: 20px; }
.carlist .listArea .lstTop .lft .total strong{font-weight: bold; color: #11748a;	}
.carlist .listArea .lstTop .rgh{float: right; }
.carlist .listArea .lstTop .rgh .schOpt ul:after{display: block;clear: both;content: "";}
.carlist .listArea .lstTop .rgh .schOpt ul li{float: left; color: #acabab; padding-left: 20px; position: relative; cursor: pointer;}
.carlist .listArea .lstTop .rgh .schOpt ul li:first-child:after{position: absolute; width: 1px; height: 100%; background-color: #c8c8c8; top: 1px; right: 0;	content: "";}
.carlist .listArea .lstTop .rgh .schOpt ul li:first-child{padding-right: 20px; }
.carlist .listArea .lstTop .rgh .schOpt ul li.on{color: #666;}
.carlist .lst_best{border-top: 1px solid  #efefef; padding-top: 40px; }

#carOpt.promotion .lst_brand ul li a p span img{width:70px;}


/*신차찾기 List Mobile */
#carOpt .moBx{display: none; }
#carOpt .moBx .lst_opt{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow: hidden; border-top: 1px solid  #e3e3e3;}
#carOpt .moBx .lst_opt ul li {border: 1px solid  #e3e3e3; margin-top: -1px;  overflow: hidden;}
#carOpt .moBx .lst_opt ul li a{ display: block; 	font-size: 20px; font-weight: 500;  color: #083050; background: url(/img/sub/ico_opt_arr.png) right 32px center no-repeat #fff ;padding: 25px 30px; } 
#carOpt .optPop .titArea{ color: #000; font-size: 30px; font-weight: bold; text-align: center; padding: 25px 0; background-color: #fff; border-bottom: 1px solid  #e3e3e3;}
#carOpt .optPop.prdComp .domestic{margin-top: 0; }
#carOpt .optPop .tit_st2{padding: 20px 30px; margin-bottom: 0; color: #222; font-size: 20px; }
#carOpt .optPop .btn_close{text-indent: -9999px; width: 27px; height: 27px; position: absolute; top: 27px; right: 30px; background: url(/img/sub/btn_opt_close.png) left center no-repeat;-webkit-background-size: 100%;background-size: 100%;	}

.lst_brand.mo{border-bottom: 1px solid  #e3e3e3;}
.lst_brand.mo ul li {width: 100%; float: none;  display: table; border-top: 1px solid #e3e3e3; margin-left: 0; margin-top: 0; }
.lst_brand.mo ul li a{height: 70px; display: table-cell; vertical-align: middle;border: 0; padding: 0 30px 0 0;  background: url(/img/sub/ico_brand_arr.png) right 30px center no-repeat #fff; display:flexdisplay: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap; align-items: center; }  
.lst_brand.mo ul li a p{ width: 130px; text-align: center;}
.lst_brand.mo ul li a p{height: auto;}
.lst_brand.mo ul li a p span{display: block;}
.lst_brand.mo ul li p{}
.lst_brand.mo ul li a strong{text-align: left; font-size: 20px; font-weight: 500; color: #083050;	}
.lst_brand.mo ul li a .count{text-align: right;  font-family: 'Poppins';	 color: #bebebe; font-size: 20px;     flex: auto; margin-right: 35px; }
.domestic .lst_brand.mo ul li{width: 100%; float: none; }
.lst_brand.mo>ul>li.on a:after,.lst_brand.mo ul li a:hover:after{display: none;}

.lst_pop.mo{}
.lst_pop.mo ul li {width: 100%; float: none;  display: table;border-bottom: 1px solid  #e3e3e3;   }
.lst_pop.mo ul li a{height: 70px; display: table-cell; vertical-align: middle; padding: 0 0 0 0; background: url(/img/sub/ico_brand_arr.png) right center no-repeat; display:flexdisplay: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap; align-items: center; }  
.lst_pop.mo ul li a strong{display: inline-block; margin-left: 27px; text-align: left; font-size: 20px; font-weight: 500; color: #083050;	 }
.lst_pop.mo ul li a .count{text-align: right;  font-family: 'Poppins';	 color: #bebebe; font-size: 20px; flex: auto; margin-right: 35px; }

.lst_pricetype.mo{margin-top: 30px; }
.lst_pricetype.mo ul:after{display: block;clear: both;content: "";}
.lst_pricetype.mo ul li{float: left; width: 50%; }



/* 상세조건 */
.section-filter-result{border-radius:20px;border:1px solid #EBEBEB;margin:15px 0 30px}
.section-filter-result .filter-result-top{border-radius:20px 20px 0 0;padding:0px 50px;background-color:#FAFAFA;height:50px;border-bottom:1px solid #EBEBEB;}

.section-filter-result .filter-result-cont{padding:30px 50px;border-bottom:1px solid #EBEBEB;background-color:#fff;}
.section-filter-result .filter-result-cont .filter-col{position:relative;}
.section-filter-result .filter-result-cont .filter-col > h5{font-weight:600;color:#000;}
.section-filter-result .filter-result-cont .chk-list{margin-top:10px;}
.section-filter-result .filter-result-cont .chk-list > ul > li{min-width:75px;cursor:pointer;}
.section-filter-result .filter-result-cont .chk-list > ul > li input{display:none; }
.section-filter-result .filter-result-cont .chk-list > ul > li label{position:relative;border-radius:15px;padding:0 15px;border:1px solid #EBEBEB;font-size:14px;
	height:48px;width:100%;text-align:center;letter-spacing:-1px;line-height:45px;font-weight:300;cursor:pointer;
}
.section-filter-result .filter-result-cont .chk-list > ul > li input:checked+label{border-color:#1e47c3;font-weight:400;}
.section-filter-result .filter-result-cont .chk-list > ul > li input:checked+label:after{display:block;content:'';position:absolute;top:8px;right:8px;z-index:1;width:6px;height:6px;
	border-radius:100%;background-color:#1e47c3;
}
.section-filter-result .filter-result-cont .price_box_case{position:relative;}
.section-filter-result .filter-result-cont .price_box_case:before{display:block;content:'';width:100%;height:6px;margin:17px 0; border-radius:15px;}
.section-filter-result .filter-result-cont .filter-col .price-all{position:absolute;top:0px;right:0px;}
.btn-link{display:inline-block;color:#2B2B2B;border-bottom:1px solid #2B2B2B;font-size:14px;padding-bottom:1px;}
.ui-slider-handle{border:4px solid #fff !important;box-shadow:0 1px 5px rgb(96 97 112 / 30%);}
.section-filter-result .filter-result-cont .price_box_case .price-txt{margin-top:10px;
	display:flex;-webkit-box-align:center;align-items:center;justify-content:space-between;
}
.section-filter-result .filter-result-cont .price_box_case .price-box .ui-slider .ui-slider-range{position:absolute; display:block; height:6px;background-color:#1e47c3;
	top:0px;left:0;
}
.section-filter-result .filter-result-cont .price_box_case .price-box .ui-widget.ui-widget-content {
    background-color: #EBEBEB;
    border: 0;
    height: 6px;
    margin: -22px 0px 0 8px;
}

.section-filter-result .filter-result-btns{padding-top: 20px;padding-bottom:20px;display: flex;align-items: center;justify-content: center;-webkit-box-align: center;
	background-color: #fff;border-radius: 0 0 20px 20px;
}
.section-filter-result .filter-result-btns > button{margin:0 5px;height:48px;line-height:37px;font-size:15px;max-width:200px;border-radius:15px;}
.icon.reset{display:inline-block;background-image:url("/images/ico-reset.png");background-repeat:no-repeat;background-position:center center;background-size:auto;
	margin-left:13px;width:16px;height:16px;
	margin-top:10px;
}
.btn-simple{border:1px solid #EBEBEB;height:48px;border-radius:15px;background-color:#fff;padding:0 20px}
.btn-default{width:100%;}
.btn-default.active{border:1px solid #7e7168;background-color:#7e7168;color:#fff;font-weight:600;}





/* sub page tabs */
/* sp: subpage */
.sp_tabs_wrap {
	position: fixed;
	left: 0;
	top: 161px;
	width: 100%;
	height: 60px;
	background-color: #1e47c3;
	box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
	z-index: 99;
}

.sp_tabs {
	overflow: hidden;
}

.sp_tabs > li {
	float: left;
	width: calc(33.33% - 2px);
	border-right: 2px solid rgba(256, 256, 256, 0.1);
	box-sizing: border-box;
	height: 60px;
	text-align: center;
	font-size: 16px;
	color: #FFF;
	line-height: 58px;
	cursor: pointer;
	transition-duration: 0.25s;
}

.sp_tabs a {
	display: block;
	font-size: 16px;
	color: #FFF;
	line-height: 59px;
}

.sp_tabs > li:hover {
	background-color: #21bcca;
}

.sp_tabs > li:first-child {
	border-left: 2px solid rgba(256, 256, 256, 0.1);
}

.sp_tabs > li.sp_tabs_active {
	background-color: #FFF;
}

.sp_tabs > li.sp_tabs_active > a {
	color: #000;
}

.subpage_containner h3 {
	font-size: 22px;
	font-weight: 500;
}

.subpage_containner h2 {
	padding-top: 35px;
}



/* 회사소개 페이지 */
#company {}

.intro {
	background-position: center bottom;
	padding-top: 100px;
	background-size: cover;
}

#company .intro {
	background-image: url(/images/bg_01.png);
}

.h_bar {
	width: 50px;
	height: 4px;
	background-color: #1e47c3;
	margin: 0 auto 16px;
}

.v_bar {
	width: 2px;
	height: 88px;
	background-color: #1e47c3;
	margin: 22px auto;
}

.philosophy {
	width: 1200px;
	margin: 80px auto;
}
.philosophy img{ display: block;}
#company .info {
	background-color: #1e47c3;
	padding: 105px 0 90px;
}

#company .info_list {
	overflow: hidden;
	width: 740px;
	margin: 0 auto;
}

#company .info_list li {
	float: left;
	width: 150px;
	margin-right: 145px;
	text-align: center;
}

#company .info_list li:last-child {
	margin-right: 0;
}

#company .info_title {
	font-size: 17px;
	color: #FFF;
	font-weight: bold;
	width: 144px;
	margin: 0 auto 50px;
	padding-bottom: 10px;
	border-bottom: 3px solid #FFF;
}

#company .info_text {
	margin-top: 15px;
	font-size: 18px;
	color: #FFF;
}

.history {
	padding-top: 140px;
	background-image: url(../img/bg_02.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 916px;
	background-size: cover
}

.history .sp_contents {
	position: relative;
	margin-top: 100px;
	padding-bottom: 100px;
	margin-bottom: 50px;
}

.history_timeline_bar {
	position: relative;
	width: 100%;
	height: 10px;
	background-color: #97B0D1;
	margin-top: 160px;
}

.history_list_wrap {
	position: relative;
	width: 1200px;
	height: 500px;
	margin: -70px auto 0;
	overflow-x: auto;
}

.history_list_wrap::-webkit-scrollbar {
	height: 10px;
}

.history_list_wrap::-webkit-scrollbar-track-piece {
	border-radius: 8px;
	background-color: #eeeeee;
}

.history_list_wrap::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: #1457a4;
}

.history_list {
	position: absolute;
	top: 0;
	left: 0;
	width: 2700px;
	height: 480px;
	overflow: hidden;
	text-align: center
}

.history_list > li {
	float: left;
	width: 300px;
}

.h_performance {
	font-size: 16px;
}

.h_performance span {
	color: #1e47c3;
	font-weight: bold;
}

.h_point {
	margin: 15px auto;
	width: 16px;
	height: 50px;
	border-radius: 20px;
	box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
	background-color: #1457a4;
}

.h_year {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}


.h_point2 {
    margin: 40px auto;
    width: 16px;
    height: 50px;
    border-radius: 20px;
    box-shadow: 0 3px 15px 0 rgb(0 0 0 / 30%);
    background-color: #1457a4;
}

.h_year2 {
    font-size: 20px;
    font-weight: bold;
	margin-top:-26px;
    margin-bottom: 15px;
}	

.h_box {
	width: 290px;
	margin: 0 auto;
	padding: 15px 15px 16px;
	box-sizing: border-box;
	border-radius: 20px;
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
}

.h_box h5 {
	font-size: 16px;
}

.h_box h5 span {
	color: #1e47c3;
	font-weight: 500;
}

.h_box_line {
	margin: 10px auto;
	width: 100%;
	height: 2px;
	background-color: #EEEEEE;
}

.h_box img {
	margin-top: 15px;
}

.organization {
	padding-top: 140px;
	height: 972px;
	background-image: url(../img/organization_bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

.organization .h_bar {
	background-color: #FFF;
}

.organization h3 {
	color: #FFF;
}

.organization_img {
	width: 1200px;
	margin: 80px auto 0;
}

.field {
	padding: 140px 0;
}

.ci {
	padding: 140px 0;
}

.ci_01 {
	background-color: #f4f4f4;
}

.ci_02 {
	background-color: #eaeaea;
}

.ci_03 {
	background-color: #f4f4f4;
}

.ci_img {
	width: 1200px;
	margin: 100px auto 0;
}

.ci h3 span {
	font-weight: 500;
	color: #1e47c3;
}

.location {
	padding: 20px 0 60px;
}

.location_img {
	width: 1200px;
	margin: 60px auto 0;
}

.location .sp_contents {
	position: relative;
}

.location a {
	width: 580px;
	height: 320px;
	position: absolute;
	top: 52px;
	cursor: pointer;
}

.l_incheon {
	left: 0;
}

.l_daegu {
	right: 0;
}



/* 월간카베이용 약관 동의 팝업 */
.agreement_popup {
	display: none;
	width: 450px;
	height: 536px;
	margin-left: -225px;
	margin-top: -268px;
}

.agreement_close {
	position: absolute;
	top: 20px;
	right: 30px;
	cursor: pointer;
}


/* 상품리스트 */

.lstTop{padding:40px 0; background-color:#fff;}

.subpage_style_list {
	position: relative;
	height: 260px;
	padding-top: 40px;
	box-sizing: border-box;
}

.list_bg01 {
	margin: 0 auto;
	background-image: url(/images/list_bg01.png);
	background-position: center;
}

.list_bg02 {
	margin: 0 auto;
	background-image: url(/images/list_bg02.png);
	background-position: center;
}

.list_bg03 {
	margin: 0 auto;
	background: url('/images/list_bg03.jpg') no-repeat;
	background-position: center;
	background-size:cover;
}

.style_list_title {
	position: relative;
	color: #FFF;
	font-size: 36px;
	text-align: left !important;
	padding-top:65px;
}





.display_category {
	position: absolute;
	right: 0;
	bottom: 2px;
	overflow: hidden;
	height: 34px;
	border-radius: 17px;
	box-sizing: border-box;
	padding: 0 25px;
	background-color: #FFF;
}


.display_category li {
	margin-right: 38px;
	float: left;
	cursor: pointer;
	line-height: 32px;
}

.display_category li a{
	color:#333;
}

.display_category li:last-child {
	margin-right: 0;
}



.display_category li a:hover {
	color: #050708;
	font-weight: 500;
}

.display_category li.dc_active a {
	color: #050708;
	font-weight: bold;
}

.product_count {
	font-size: 18px;
	text-align: center;
	font-weight: 500;
	margin-bottom: 15px;
}

.product_count span {
	color: #1e47c3;
}


.oderby {
	overflow: hidden;
	width: 304px;
	margin: 0 auto 0px;
}

.oderby li {
	float: left;
	margin-right: 8px;
	width: 70px;
	height: 24px;
	border-radius: 5px;
	background-color: #f1f1f1;
	text-align: center;
}

.oderby li:last-child {
	margin-right: 0;
}

.oderby li a {
	color: #6c6c6c;
	display: block;
	cursor: pointer;
	line-height: 22px;
}

.oderby li a:hover {
	color: #050708;
}
.oderby li.oderby_active a{
	color: #050708;
}

.product_list {
	background-color: #f1f1f1;
	padding: 10px 0 10px;
}

.product_list ul {
	overflow: hidden;
}

.product_list li {
	width: 290px;
	height: auto;
	/*2021-02-22 530px 변경*/
	margin-right: 13px;
	border-radius: 10px;
	background-color: #FFF;
	float: left;
	margin-bottom: 40px;
	/*2021-02-22 추가*/
	overflow : hidden;
	padding-left:0 !important;padding-right:0 !important;
	box-shadow: 4px 4px 5px 0px #afafaf;
}

.product_list li:nth-child(4n) {
	margin-right: 0;
}

.product_list .car_detail {
	height: auto;
}
.product_list .car_detail > a{
	display:block;width:100%;position:relative;top: 0px;left:0;background: linear-gradient(-180deg, #bac3ce 60%, #fff 40%);
}


.product_list .car_detail > a img{
	object-fit: cover;
}
.product_list .car_img {
	width: 100%;
	padding-top: 10px;
}

.product_list .compare_car_add{
	display: none;
	width: 50px;
	height: 50px;
	background-color: #00adfe;
	position: absolute;
	left: 15px;
	/*top: 18px;*/
	top: 8px;
	cursor: pointer;
	border-radius: 50px;
	box-sizing: border-box;
	padding-top: 8px;
}
.product_list .compare_car_add p{
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}
.product_list .compare_car_add img{
	width: 16px;
	margin: 0 auto;
}

.car_detail:hover .compare_car_add{
	display: block;
}
.product_list .compare_car_add:hover{
	background-color: #999
}

.product_list .discount {
	left: 0;
}

.product_list .best {
	position: absolute;
	right: 15px;
	top: 18px;
	width: 50px;
}

.product_list .product_name {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 14px;
}

.product_list .product_name span{ font-size:16px; color:#000;
	width:100%;font-weight:bold;overflow:hidden;/*white-space: nowrap;*/text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;
}


.list_price_box {
	position: relative;
	margin: 8px auto 0;
	width: 260px;
	height: 40px;
	border-radius: 10px;
	background-color: #f1f1f1;
	box-sizing: border-box;
	padding: 0 15px;
}

.price_label {
	text-align: left;
	line-height: 38px;
	font-weight: 500;
	font-size: 16px;
}

.price_rent .price_label {
	color: #000;
}

.price_lease .price_label {
	color: #000;
}

.price_style2 {
	position: absolute;
	right: 15px;
	top: 0;
	line-height: 38px;
	text-align: right;
	font-size: 16px;
}

.list_btn {
	/*2021-02-22 변경*/
	margin-top : 10px;
	/*bottom: 25px;*/
	width: 125px;
	height: 50px;
	border-radius: 10px;
}

.list_btn_estimate {
	background: linear-gradient(to bottom,  #496ae5 0%,#3a57b2 100%); 
	left: 5px;
}

.list_btn_estimate:hover {
	background-color: #999
}

.list_btn_detail {
	background-color: #7e7168;
	right: 5px;
}

.list_btn_detail:hover {
	background-color: #999;
}

.list_btn a {
	display: block;
	font-size: 16px;
	color: #FFF;
	line-height: 46px;
}

.list_pagination {
	margin-top: 35px;
	margin-bottom: 120px;
	text-align: center;
}

.list_pagination > a {
	display: inline-block !important;
	margin: 0 2px;
	vertical-align: top;
	line-height: 28px;
	width: 30px;
	text-align: center;
	cursor: pointer;
	color:#000;
}

.list_pagination > a:hover {
	text-decoration: underline;
}

.page_active {
	color: #1e47c3;
	font-weight: bold;
}

@media(max-width:991px){

	.compare_car_add{display:none;}
	.car_detail:hover .compare_car_add{
	display: none;}

	.product_list li {
	width: 50% !important;
	/*2021-02-22 530px 변경*/
	/*margin-right: 13px;margin-bottom: 40px;*/
	border-radius: 10px;
	background-color: #FFF;
	float: left;
	
	/*2021-02-22 추가*/
	overflow : hidden;
	margin:10px auto;
	border:2px solid #f1f1f1;
	}
	
	.list_btn a{font-size:12px;}


	.product_list li .car_detail a img{ width: 100%; margin: 0 auto;}

	.display_category {
	position: absolute;
	right: 5px;
	bottom: 145px;
	overflow: hidden;
	height: 34px;
	border-radius: 17px;
	box-sizing: border-box;
	padding: 0 25px;
	background-color: #FFF;
	}

	.list_btn {
	/*2021-02-22 변경*/
	margin-top : 10px;
	/*bottom: 25px;*/
	width: 43%;
	height: 50px;
	border-radius: 10px;
	}




	.list_price_box{width:93%;}

	.display_category li{margin-right:20px;font-size:14px;}
	.display_category li a{font-size:14px;}


	.product_list .product_name span{ font-size:13px; color:#555;}
}

@media(max-width:700px){
		.display_category li{margin-right:20px;font-size:12px;}
		.display_category li a{font-size:12px;}
		.display_category li a img{display:none !important;}

}
@media(max-width:500px){
		.display_category li{margin-right:10px;font-size:12px;}
		.display_category li a{font-size:12px;}
		.display_category li a img{display:none !important;}
}
@media(max-width:390px){
		.product_list li {height: 360px;}
}
.list_more_btn{ display: flex; justify-content: center; gap: 10px;}
/* 상품상세정보 상단 */
.detail_product_img img{
	display: inline !important;
}
.detail_product_info img{
	display: inline !important;
}
.carbay_productDetail img{
	display: inline !important;
	vertical-align: bottom;
}
.detail_product h2{
	padding: 0;
	text-align: left;
}
.detail_product_img{
	width: 474px;
	height: 474px;
	line-height: 474px;
	border-radius: 20px;
	position: relative;
	border: 2px solid #F1F1F1;
	margin-top: 60px;
	box-sizing: border-box;
	overflow: hidden;
}
.detail_product_info{
	position: absolute;
	right: 0;
	top: 0;
	width: 680px;
}
.detail_product_info p{
	font-size: 14px;
}
.detail_product_img .best{
	position: absolute;
	left: 20px;
	top: 20px;
}
.detail_product_img .car_img{
	position: relative;
	display: inline;
	vertical-align: middle;
	width: 100%;
}
.detail_product_info h2{
	font-size: 22px;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 500px;
	overflow: hidden;
}
.detail_btn_box_style1{
	overflow: hidden;
	position: absolute;
	width: 180px;
	height: 20px;
	right: 0;
	top: 8px;
}
.detail_btn_style1{
	float: right;
	cursor: pointer;
}
.detail_like{
	margin-left: 15px;
}
.detail_btn_style1>img{
	width: 16px;
	display: inline;
}
.detail_btn_style1>p{
	display: inline;
	vertical-align: top;
	line-height: 16px;
}
.detail_share_box{
	display: none;
	position: absolute;
	right: 80px;
	top: 32px;
	z-index: 1;
	padding: 5px 8px;
	background-color: rgba(266,266,266,0.8);
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}
.detail_share_box img{
	margin: 0 5px;
	vertical-align: bottom;
	cursor: pointer;
}
.detail_lowest{
	position: relative;
	width: 100%;
	height: 40px;
	border-radius: 5px;
	background-color: #1e47c3;
	font-weight: 500;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	line-height: 38px;
	margin-top: 15px;
}
.naver_purchase{
	position: absolute;
	right: 5px;
	top: 0;
	color: #6c9bd6;
	cursor: pointer;
}
.detail_product_price_wrapper{
	position: relative;
	margin: 10px 0;
}
.detail_product_price_wrapper:after{
	content: "";
	display:block;
	clear:both;
}
.detail_product_price_wrapper>div{
	position: relative;
	width: 335px;
	margin-right: 10px;
	height: 150px;
	box-sizing: border-box;
	border-radius: 20px;
	border: 2px solid #F1F1F1;
	float: left;
	text-align: center;
	padding: 20px 0;
}
.detail_product_price_wrapper>div:last-child{
	margin-right: 0;
}
.detail_product_price_wrapper p{
	font-size: 20px;
}
.detail_product_price_label{
	font-weight: bold;
}
.detail_product_price>span{
	font-size: 40px;
	font-weight: bold;
	line-height: 48px;
}
.detail_product_price{
	margin-bottom: 6px;
}
.detail_product_spec{
	width: 100%;
	height: 107px;
	padding: 15px 20px;
	border-radius: 5px 5px 0 0;
	background-color: #F1F1F1;
	box-sizing: border-box;
}
.bydealer{
	display: inline;
	font-size: 14px !important;
	cursor: default;
}
.bydealer_detail{
	display: none;
	position: absolute;
	left: 0;
	bottom: -95px;
	width: 100%;
	padding: 15px 0;
	z-index: 9;
	background-color: rgba(0,0,0,0.8);
	border-radius: 10px;
}
.bydealer_detail_text{
	font-size: 14px !important;
	color: #FFF;
}
.detail_spec{
	position: relative;
	margin-bottom: 4px;
}
.detail_label{
	font-weight: bold;
}
.detail_promotion_btn>a{
	text-decoration: none !important;
}
.label_q_box{
	vertical-align: top;
	margin-left: 5px;
	margin-top: 3px;
	cursor: pointer;
}
.q_togglebox{
	display: block;
	width: 108px;
	cursor: pointer;
}
.detail_spec_right{
	position: absolute;
	right: 0;
	top: 0;
}
.detail_spec_condition{
	margin-bottom: 15px;
}
.detail_promotion{
	position: relative;
	width: 100%;
	height: 40px;
	border-radius: 0 0 5px 5px;
	border: 2px solid #F1F1F1;
	box-sizing: border-box;
	padding: 0 18px;
}
.detail_promotion p{
	line-height: 36px;
}
.detail_promotion_btn{
	position: absolute;
	top: 0;
	right: 0;
	width: 138px;
	height: 40px;
	background-color: #313131;
	border: 2px solid #F1F1F1;
	border-top: none;
	border-right: none;
	border-radius: 5px;
	box-sizing: border-box;
	text-align: center;
	line-height: 36px;
	cursor: pointer;
	transition-duration: 0.1s;
}
.detail_promotion_btn:hover{
	background-color: #1e47c3
}
.detail_promotion_btn a{
	display: block;
	font-size: 14px;
	color: #FFF;
	font-weight: 500;
}
.detail_btn_box_style2{
	position: relative;
	width: 100%;
	margin-top: 10px;
	height: 60px;
	overflow: hidden;
}
.detail_btn_style2{
	float: left;
	height: 60px;
	border-radius: 5px;
	text-align: center;
}
.detail_btn_style2>a{
	display: block;
	cursor: pointer;
	font-size: 20px;
	line-height: 58px;
	text-decoration: none !important;
	color: #FFF;
	font-weight: bold;
}


/* 구매버튼 비활성화*/
.auto_estimate{
	width: calc(50% - 5px);
	background-color: #21bcca;
	margin-right: 10px;
}
.free_compare{
	width: calc(50% - 5px);
	background-color: #1e47c3;
}
.purchase{
	display: none;
}


/* 구매버튼 활성화*/
.detail_btn_box_p_active .auto_estimate{
	width: calc(40% - 5px);
	
}

.detail_btn_box_p_active .free_compare{
	width: calc(40% - 5px);
	
}

.detail_btn_box_p_active .purchase{
	display: block;
	width: calc(20% - 10px);
	margin-left: 10px;
	background-color: #454545;
}



.rentalfee_detail{
	display: none;
	width: 290px;
	height: 420px;
	position: absolute;
	left: 645px;
	top: 290px;
	background-color: #FFF;
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
	z-index: 999999;
	box-sizing: border-box;
	padding: 18px 20px;
}
.rentalfee_detail h3{
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}
.rentalfee_box{
	background-color: #F1F1F1;
	height: 60px;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	padding: 8px 0;
}
.rentalfee_box p{
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
}
.rentalfee_box p span{
	margin-right: 10px;
}
.rentalfee_detail_text{
	font-size: 14px;
	color: #6c6c6c;
	margin-top: 8px;
	padding: 0 2px;
}
.rentalfee_detail .line1200{
	margin: 12px 0 10px 0;
}
.rentalfee_detail_company{
	width: 100%;
	border:2px solid #f1f1f1;
	box-sizing: border-box;
}
.line1200{
	width: 100%;
	height: 2px;
	background-color: #F1F1F1;
	margin: 50px 0 0;
}

/* 상품상세정보 */
.product_detail_index {
	position: absolute;
	width: 860px;
	left: 49.9%;
	/*top: 0;*/
	margin-left: -432px !important;
	z-index: 9999;
	border: 2px solid #FFF !important;
	border-top: none !important;
}

.product_detail_index > ul {
	overflow: hidden;
}

.product_detail_index > ul > li {
	float: left;
	width: 215px;
	height: 40px;
	box-sizing: border-box;
	background-color: #F1f1f1;
	border-right: none !important;
}

.product_detail_index > ul > li > a {
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 15px;
	line-height: 36px;
	font-weight: bold;
	cursor: pointer;
}

.product_detail_index > ul > li.product_detail_index_selected {
	background-color: #194da0;
}

.product_detail_index > ul > li.product_detail_index_selected > a {
	color: #FFF;
}

.carbay_product_detail a {
	display: block;
	text-decoration: none;
	width: 100%;
	height: 100%;
}

.carbay_product_detail {
	padding-top: 40px;
	width: 860px;
	margin: 50px auto 0 auto;
}

.carbay_product_detail > div {
	padding-top: 82px;
}

.carbay_product_detail > div:nth-child(1) {
	padding-top: 0px;
}

.btn_estimate1 {
	position: absolute;
	width: 250px;
	height: 50px;
	top: 911px;
	left: 50%;
	margin-left: -125px;
}

.btn_call1 {
	position: absolute;
	width: 340px;
	height: 60px;
	top: 1229px;
	left: 50%;
	margin-left: -170px;
}

.btn_estimate2 {
	position: absolute;
	width: 236px;
	height: 38px;
	top: 528px;
	left: 50%;
	margin-left: -243px;
}

.btn_kakao1 {
	position: absolute;
	width: 236px;
	height: 38px;
	top: 528px;
	right: 50%;
	margin-right: -234px;
}

.btn_youtube1 {
	position: absolute;
	width: 236px;
	height: 38px;
	top: 123px;
	right: 50%;
	margin-right: -380px;
}

.pd04_youtube1 {
	position: absolute;
	left: 50%;
	top: 236px;
	margin-left: -390px;
}

.pd04_youtube2 {
	position: absolute;
	left: 50%;
	top: 592px;
	margin-left: -390px;
}

.pd_car_list {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	height: 300px;
}

.pd_car_list_title {
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -118px;
}

.line_grey_bottom {
	width: 1200px;
	height: 2px;
	background-color: #aaa;
	margin: 0 auto;
	margin-top: -30px;
}


/* 상품상세정보(수정) */
.pdfixed {
	position: fixed;
	top: 160px;
}

.pd_01 {
	padding-top: 40px;
}

.pd_03_title {
	width: 600px;
	margin: 0 auto;
	height: 50px;
	background-color: #194da0;
	border-radius: 10px;
	text-align: center;
}

.pd_03_title > p {
	font-size: 18px;
	color: #FFF;
	line-height: 46px;
}

.pd_03_title > p > span {
	font-weight: bold;
}

.pd_03_form {
	width: 600px;
	margin: 20px auto;
	height: 300px;
	background-color: #bdc9dc;
	border-radius: 10px;
	text-align: center;
	padding-top: 54px;
}

.pd_03_form > form {
	position: relative;
	text-align: center;
}

.pd_03_form div {
	position: relative;
	width: 400px;
	height: 50px;
	margin: 0 auto;
}

.pd_03_form label {
	position: absolute;
	left: 0px;
	font-size: 18px;
	font-weight: bold
}

.pd_03_form input {
	position: absolute;
	left: 80px;
	width: 300px;
}

.pd_03_form p {
	position: absolute;
	left: 80px;
	bottom: 7px;
	color: #194da0;
	font-size: 12px;
}
.pd_03_form input[type=text], input[type=password] {
    height: 18px;
    line-height: 20px;
    padding: 2px 4px;
    border: 1px solid #d5d5d5;
    color: #353535;
    font-size: 12px;
}
.pd_03_form select {
    height: 24px;
    border: 1px solid #d5d5d5;
}

#pd_phone1 {
	position: absolute;
	width: 80px;
	left: 80px;
}

#pd_phone2 {
	width: 90px;
	left: 175px;
}

#pd_phone3 {
	width: 90px;
	left: 290px;
}

.slash1 {
	position: absolute;
	left: 180px;
}

.pd_submit {
	display: inline-block;
	background-color: white;
	color: #194da0;
	font-size: 16px;
	font-weight: bold;
	border: none;
	border-color: white;
	cursor: pointer;
	outline: 0;
	border-radius: 25px;
	width: 300px;
	height: 50px;
	margin-left: 70px;
}

.pd_agreement > input {
	margin-top: 6px;
	width: auto;
}

.pd_agreement > p {
	top: 3px;
	left: 100px;
	color: black;
}

.pd_agreement > a {
	position: absolute;
	top: 3px;
	font-size: 12px;
	left: 330px;
	color: black;
	cursor: pointer;
}

.pd_06 {
	margin-top: 90px;
}

.btn_call {
	margin-top: -43px;
}

.btn_share {
	position: absolute;
	top: 0;
	right: 50%;
	width: 242px;
	height: 40px;
	cursor: pointer;
}

.btn_kakao {
	position: absolute;
	top: 0;
	left: 50%;
	width: 240px;
	height: 40px;
	cursor: pointer;
}

.btn_kakao > a {
	display: block;
	height: 40px;
}

.btn_estimate {
	position: absolute;
	top: 0;
	right: 50%;
	width: 242px;
	height: 40px;
	cursor: pointer;
}

.btn_estimate > a {
	display: block;
	height: 40px;
}

.pd_l_btn {
	position: absolute;
	top: 50%;
	left: 250px;
	cursor: pointer;
}

.pd_r_btn {
	position: absolute;
	top: 50%;
	right: 250px;
	cursor: pointer;
}

.video_more_btn {
	position: absolute;
	width: 240px;
	height: 40px;
	top: 0;
	right: 215px;
	cursor: pointer;
}

.video_more_btn > a {
	display: block;
	height: 40px;
}

.cartone_list_wrap {
	position: absolute;
	overflow: hidden;
	width: 440px;
	left: 50%;
	margin-left: -220px;
	top: 200px;
	height: 120px;
}

.cartone_list {
	position: absolute;
	overflow: hidden;
	width: 1760px;
}

.cartone_list > li {
	float: left;
}

.cartone_list > li:nth-child(3n-1) {
	margin: 0 40px;
}

.pd14_video {
	position: absolute;
	top: 112px;
	left: 210px;
}

.pd_16 > img {
	border-top: 1px solid #ccc;
}

.hot_clip_wrap {
	position: relative;
	width: 860px;
	height: 250px;
	margin: 0 auto;
	padding-top: 50px;
	box-sizing: border-box;
}

.hot_clip_wrap > .pd_l_btn {
	left: -50px;
	margin-top: -17px;
}

.hot_clip_wrap > .pd_r_btn {
	right: -50px;
	margin-top: -17px;
}

.hot_clip {
	position: absolute;
	left: 50%;
	margin-left: -390px;
	width: 780px;
	height: 141px;
	overflow: hidden;
}

.hot_clip > ul {
	position: absolute;
	width: 1560px;
}

.hot_clip > ul > li {
	float: left;
}

.hot_clip > ul > li:nth-child(3n-1) {
	margin: 0 15px;
}

.pd_18 > ul {
	position: absolute;
	width: 630px;
	height: 110px;
	top: 130px;
	left: 50%;
	margin-left: -315px;
	overflow: hidden;
}

.pd_18 > ul > li {
	float: left;
	width: 110px;
	height: 110px;
	cursor: pointer;
	margin-right: 62px;
}

.pd_18 > ul > li:last-child {
	margin-right: 0;
}

.pd_18 > ul > li > a {
	display: block;
	height: 110px;
}

.pd_terms {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 300px;
	background-color: white;
	border: 1px solid #CCC;
	margin-left: -200px;
	margin-top: -150px;
	z-index: 999;
	padding: 15px;
	box-sizing: border-box;
	display: none;
}

.pd_title_wrap {
	position: relative;
	width: 370px;
	height: 40px;
	border-bottom: 1px solid #CCC;
}

.pd_title {
	font-size: 20px;
}

.pd_terms_close {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}

.pd_terms > ul {
	margin-top: 20px;
	overflow-y: scroll;
	width: 370px;
	height: 205px;
}

.pd_terms > ul > li {
	margin-bottom: 10px;
}



/* 상품사용후기 */
.h_line{
	width: 1200px;
	height: 2px;
	background-color: #EEE;
	margin: 50px auto 0;
}
.detail-review{
	position: relative;
	width: 900px;
	margin: 80px auto;
	padding-bottom: 10px;
}
.detail-review h3{
	font-size: 30px !important;
	font-weight: 600;
}
.detail-review .txtBase{
	text-align: center;
	font-size: 16px;
	color: #555;
	font-weight: 400;
	line-height: 40px;
}
.detail-review .tableTheme{
	width: 100%;
	margin-top: 15px;
}
.detail-review .tableTheme caption{
	display: none;
}
.detail-review .tableTheme table{
	width: 100%;
	border: none;
    border-collapse: collapse;
}
.detail-review .tableTheme table td, th{
	border: none;
}
.detail-review .tableTheme table td{
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center
}
.detail-review .tableTheme table td.left{
	text-align: left !important;
	padding: 10px 0;
}
.detail-review .tablehead{
	width:900px;
	height: 44px;
	background-color: #585858;
	color: #FFF;
}

.detail-review .tablehead th{
	font-weight: 500;
}
.detail-review .center tr{
	border-bottom: 1px solid #ddd !important;
	height: 40px;
}
.detail-review .center tr:hover{
	background-color: #f2f2f2;
	cursor: pointer
}
.detail-review .subject a{
	display: inline;
	vertical-align: middle;
	font-weight: 500;
	
}
.detail-review .subject img{
	display: inline;
	vertical-align: middle;
}
.detail-review .table_content{
	margin-top: 10px;
}
.detail-review .buttonArea{
	width: 120px;
	height: 44px;
	border-radius: 10px;
	background-color: #194da0;
	position: absolute;
	right: 0;
}

.detail-review .buttonArea:hover{
	background-color: #104283;
}
.detail-review .buttonArea a{
	display: block;
	color: #FFF;
	text-align: center;
	line-height: 40px;
}
.detail-review .paginate{
	margin: 30px auto;
	text-align: center;
	display: block;
  	font-size: 0;
}
.detail-review .paginate::after{
	display: block;
	content: "";
	clear: both;
}
.detail-review .paginate li{
	height: 34px;
	width: 34px;
	border: 1px solid #d7d5d5;
	box-sizing: border-box;
}
.detail-review .paginate li a{
	line-height: 32px;
	display: block;
}
.detail-review .paginate p, .detail-review .paginate ol{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}
.detail-review .paginate ol::after{
	display: block;
	content: "";
	clear: both;
}
.detail-review .paginate ol li{
	float: left;
	border-right: none;
}	
.detail-review .paginate ol li:last-child{
	border-right: 1px solid #d7d5d5;
}
.detail-review .paginate img{
	vertical-align: bottom;
}
.detail-review .nodata{
	width: 100%;
	padding: 50px 0;
	background-color: #f2f2f2;
	text-align: center;
	margin: 15px 0 50px !important;
}


/* 카페24 css 추가 */
.site-wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.ec-base-paginate img{
	display: inline;
}
.boardSearch img, .site-wrap img{
	display: inline;
}

.xans-board input[type=text], .xans-board input[type=password], .xans-search input[type=text], .xans-search input[type=password], .typeWrite input[type=text], .typeWrite input[type=password], .site-wrap input[type=text], .site-wrap input[type=password] {
    height: 18px;
    line-height: 20px;
    padding: 2px 4px;
    border: 1px solid #d5d5d5;
    color: #353535;
    font-size: 12px;
    vertical-align: middle;
}
select {
    height: 24px;
    border: 1px solid #d5d5d5;
    vertical-align: middle;
}
.xans-board-search select {
    margin: 0 2px 0 0;
    width: 72px;
    vertical-align: middle;
}
.boardSearch img, .boardSearch {
    border: none;
    vertical-align: middle;
}
legend {
    visibility: hidden;
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    line-height: 0;
}

.xans-board-function img, fieldset img, .secret img, .xans-board-catemove img, 
.adminAnswer img, .xans-board img{
    display: inline;
	vertical-align: middle
}
.xans-board-function select {
    height: 24px;
    border: 1px solid #d5d5d5;
}

.path {
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    *zoom: 1;
    margin: 20px 0 10px;
}
.path span {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    white-space: nowrap;
    text-indent: 100%;
}
.path ol {
    float: right;
}
.path li:first-child {
    background: none;
}
.path li {
    float: left;
    padding: 0 0 0 12px;
    margin: 0 0 0 8px;
    color: #757575;
    background: url(http://img.echosting.cafe24.com/skin/base/layout/ico_path.gif) no-repeat 0 10px;
}
.path li a {
    color: #757575;
}
.path li strong, .path li strong a {
    color: #2e2e2e;
}
fieldset {
    border: none;
    vertical-align: middle;
}
.xans-board-title .title {
    min-height: 30px;
    margin: 10px 0;
}
.xans-board-title .title h2 {
    display: inline-block;
    color: #2e2e2e;
    font-size: 16px;
    *display: inline;
    *zoom: 1;
}
.xans-board-title .title p {
    display: inline-block;
    margin: 0 0 0 6px;
    padding: 0 0 0 10px;
    color: #939393;
    vertical-align: bottom;
    background: url(http://img.echosting.cafe24.com/skin/base/layout/ico_bar.gif) no-repeat 0 0;
    *display: inline;
    *zoom: 1;
}
.displaynone {
    display: none !important;
}
caption {
    display: none;
}
.xans-board-read .ec-base-table .detail {
    padding: 30px 20px;
    border-top: 1px solid #eaeaea;
    margin: -9px 0 0;
    word-break: break-all;
    line-height: normal;
}
.xans-board-read .ec-base-table tr.attach a {
    padding: 0 0 0 12px;
    background: url(http://img.echosting.cafe24.com/skin/base/common/ico_file.gif) no-repeat 0 0;
    color: #8f8f8f;
}
.typeWrite input[type=radio] + label, .typeWrite input[type=checkbox] + label {
    margin: 0 4px 0 2px;
	vertical-align: top;
}
.information h3{
	text-align: left;
}
.information a{
	font-weight: bold;
}
.xans-element- h3{
	text-align: left;
	font-weight: bold;
}
.findId h3{
	text-align: inherit
}
.secret h3{
	text-align: inherit
}
.titleArea {
    min-height: 30px;
    margin: 10px 0 10px;
}
.titleArea h2 {
    display: inline-block;
    color: #1e47c3;
    font-size: 19px;
    *display: inline;
    *zoom: 1;
	text-align: left;
	font-weight: bold;
	padding-top: 20px;
}
.dp_sample {
    display: none;
}
.orderStep {
    display: none;
}
div.ec-base-help h4{
    text-align: left;
}
.ec-base-product {
    text-align: center;
    padding: 30px 0;
}
.ec-base-product {
    margin: 22px 0 0;
}
.ec-base-product .prdList {
    display: table;
    width: 100%;
    min-width: 756px;
    margin: -20px 0 0;
    font-size: 0;
    line-height: 0;
    text-align: left;
}
.ec-base-product .prdList > li {
    display: inline-block;
    margin: 20px 0;
    color: #757575;
    vertical-align: top;
    text-align: left;
    position: relative;
}
.ec-base-product ul.grid4 > li {
    width: 25%;
}
.ec-base-product .prdList .thumbnail {
    position: relative;
    margin: 0 7px 10px;
    text-align: center;
}
.ec-base-product .prdList .thumbnail > a img {
    width: 100%;
    box-sizing: border-box;
}
.ec-base-product ul.prdList .likeButton {
    position: absolute;
    left: 5px;
    bottom: 10px;
    padding: 3px 8px;
    background: #fff;
    opacity: 0;
    z-index: 10;
    transition: opacity .3s ease,left .2s ease;
}
ul.prdList .iconarea {
    opacity: 0;
    position: absolute;
    bottom: 8px;
    right: 5px;
    transition: opacity .3s ease,right .2s ease;
    cursor: pointer;
    z-index: 1;
}
ul.prdList .iconarea img {
    background: #fff;
    display: block;
    margin: 1px 0;
}
.ec-base-product img {
    vertical-align: middle;
}
.ec-base-product .prdList .description {
    margin: 0 auto;
    padding: 0 7px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}
.ec-base-product .prdList .description .name {
    display: block;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.ec-base-product .spec {
    margin: 0;
}
.ec-base-product .spec li {
    margin-bottom: 5px;
}
.ec-base-product .spec li .title {
    font-weight: normal;
    vertical-align: top;
}
.ec-base-product .title {
    margin: 0 0 20px;
    text-align: center;
}


/*인증마크 페이지*/

#markbanner_wrap{
    min-width: 1200px;
    height: 467px;
    position: relative;
    overflow: hidden;
}

.prize_img{
	width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
    height: 467px;
}

.number1{
	color:#ffd265;
	font-weight:700;
}

.lit_tit{
	position:absolute;
	left:50%;
	top:110px;
	transform:translateX(-50%);
	font-size: 16px; 
	text-align:center;
	color:white;
	background-color:#1f5cd7;
	width:305px;
	height:34px;
	line-height:34px;
	font-weight:300;
}

.main_tit01{
	position:absolute;
	left:50%;
	bottom:206px;
	transform:translateX(-50%);
	font-size:40px;
	text-align:center;
	color:#40d0ff;
	font-weight:700;
	line-height:50px;
}

.thins{
	color:white;
	font-weight:200;
}

.mainbiz_color{
	color: #ffce6e;
	font-weight:bold;
}

.sub_tit01{
	position:absolute;
	bottom:120px;
	left:50%;
	transform:translateX(-50%);
	font-size:18px;
	color:#dbdde8;
	text-align:center;
}

.sub_tit01 > span{
	color:#1db2e7;
	font-weight:bold;
}

#mark_prize{
	min-width: 1200px;
    height: 1380px;
    position: relative;
    overflow: hidden;
}

.prizemark{
	width:1200px;
	height:1380px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}

.mark_wrapper{
	width:1200px;
	height:692px;
}

.mainbiz_prizes{
	position:absolute;
	left:102px;
	top:80px;
}

.prize_tit1{
	position:absolute;
	top:150px;
	right:378px;
	font-size:30px;	
	font-weight: 600;
}

.mark-line{	
	width:508px;
	height:2px;
	background-color:#202123;
	position:absolute;
	right:120px;
	top:208px;
}

.mainbiz_txt{
	position:absolute;
	top:266px;
	right:260px;
}

.mainbiz_txt > li{
	font-size:18px;
	color:#606060;
	line-height:36px;
}

.getmark{
	position:absolute;
	top:416px;
	right:120px;
}

.prize_line{
	width:1200px;
	height:1px;
	background-color:#bbbbbb;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:692px;
}	

.bottom{
	width:1200px;
	height:1380px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:692px;
}

.two{
    position: absolute;
    top:266px;
    right: 290px;
}

#consult_markwrap{
	min-width: 1200px;
	height:762px;
	position: relative;
	overflow: hidden;
	margin-bottom:-150px;
}
	
.consultmark{
	width:1920px;
	height:762px;
	background-color:#f9f9f9;
}
	
.consultmark_area{
	width:1200px;
	height:762px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}
	
.title_03{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:84px;
	text-align:center;
	font-size:22px;
}	
	
.blue{
	font-weight:700;
	color:#0a66bc;
}	
	
.big{
	font-size:30px;
	font-weight:700;
}
	
.tit03_sub{
	font-size:16px;
	color:#5e5e5e;
	text-align:center;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:190px;
}
	
.tit03_sub > span{
	font-weight:bold;
}
	
.checking{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:300px;
}	
	
.consult_btns > a{
	width:477px;
	height:92px;
	color:white;
	font-size:24px;
	line-height:92px;
	font-weight:700;
	text-align:center;
	background-color:#0f0f0f;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:72px;
}

/*국산차,수입차 페이지 맨 아래 로그인,로그아웃*/

.detailbtn_wrap{
	height:34px;
	position:relative;
}

.loginout_wrap{
	position:relative;
	text-align:center;
	margin-top:-60px;
	margin-bottom:-40px;
	height:40px;
	min-width:900px;
}

.text-line1{
	height:1px;
	background:#e1e1e1;
	margin-top:0px;
	margin-bottom:45px;
}

.detail_loginout{
	position:absolute;
	left:50%;
	top:0;
	transform:translateX(-50%);
	padding:20px 80px;
	border: 1px solid #c9c9c9;
	font-size:18px;
	text-align:center;
}

.detail_loginout:focus{
	background-color: #2d2d2d;
	color:white;
}


/*** 장기렌트 리스 혜택 페이지 ****/
 #first_wrapper{
	position: relative;
    min-width: 1200px;
    height: 613px;
    overflow: hidden;
    margin: 0 auto;
	}
	
	.first_wrap img {
    width: 1920px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 613px;
}

#second_wrapper{
	position: relative;
    min-width: 1200px;
    height: 549px;
    overflow: hidden;
    margin: 0 auto;
	}
	
	.second_wrap img {
    width: 1920px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 549px;
}
 
  .third_wrap{
	position: relative;
    min-width: 1200px;
    height: 830px;
    overflow: hidden;
    margin: 0 auto;
	}
	
	.third_wrap img {
    width: 1920px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    /*height: 972px;*/
}


 .fourth_wrap{
	position: relative;
    min-width: 1200px;
    height: 903px;
    overflow: hidden;
    margin: 0 auto;
	}
	
	.fourth_wrap img {
    width: 1920px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 903px;
}


 .fifth_wrap{
	position: relative;
    min-width: 1200px;
    height: 677px;
    overflow: hidden;
    margin: 0 auto;
	}
	
	.fifth_wrap img {
    width: 1920px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 677px;
}

 .sixth_wrap{
	position: relative;
    min-width: 1200px;
    height: 1031px;
    overflow: hidden;
    margin: 0 auto;
	}
	
	.sixth_wrap img {
    width: 1920px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 1031px;
}

 .seventh_wrapper{
	position: relative;
    min-width: 1200px;
    height: 920px;
    overflow: hidden;
    margin: 0 auto;
	}
	
	.seventh_wrap{
	position: relative;
    min-width: 1200px;
    overflow: hidden;
    margin: 0 auto;
	height:920px;
	background-color:#1e47c3;
	}
	
	.companytitle{
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		font-size:30px;
		color:white;
		font-weight:600;
		top:90px;
	}
	
	.click_buttonapply{
		display:block;
		text-align:center;
		position:absolute;
		bottom:68px;
		left:50%;
		transform:translateX(-50%);
		width:314px;
		height:80px;
		background-color:#242424;
		color:white;
		line-height:80px;
		font-size:22px;
		font-weight:600;
	}
	
	.companytitle > span{
		color:#000;
	}
	
	.graphimg{
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		top:180px;
	}

.comparebutton_wrap{
	width: 1200px;
    height: 82px;
    position: absolute;
    bottom: 68px;
    left: 50%;
    transform: translateX(-50%);
}
.compare_button{
	width: 314px;
    height: 82px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.eightth_wrap{
	position: relative;
    min-width: 1200px;
    height: 907px;
    overflow: hidden;
    margin: 0 auto;
	}
	
	.eightth_wrap img {
    width: 1920px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 907px;
}
	
	
	.nineth_wrap{
	position: relative;
    min-width: 1200px;
    height: 321px;
    overflow: hidden;
    margin: 0 auto;
	}
	
	.nineth_wrap img {
    width: 1920px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height:321px;
}

.test_startwrap{
	width: 1200px;
    height: 56px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 149px;
}

.test_start{
	width: 216px;
    height: 56px;
    position: absolute;
    right: 237px;
	top:0;
}

	.last_info img {
    width: 1920px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 597px;
	margin:200px 0 100px 0;
}
 
 .renewal_video{
	position: relative;
    min-width: 1200px;
    overflow: hidden;
    margin: 0 auto;
	height:986px;
 }
 
 .renewal_youtube{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 235px;
 }
 
 
 .small-txt{
	font-size:24px;
	font-weight:500;
 }
 
 .blue{
	color:#184db0;
 }
 
 .video_txt{
	position:absolute;
	top:32px;
	left:50%;
	transform:translateX(-50%);
	text-align:center;
	font-size:30px;
	font-weight:600;
	padding: 40px 0 32px 0;
 }
 
 .video_subtxt{
	position:absolute;
	font-size:16px;
	color:#2a2a2a;
	padding-bottom:50px;
	top:180px;
	text-align:center;
	left:50%;
	transform:translateX(-50%);
 }
 
 .video_button{
	font-size:24px;
	border-box:box-sizing;
	border:1px solid #676767;
	width:314px;
	height:80px;
	line-height:80px;
	font-weight:500;
	color:#2a2a2a;
	text-align:center;
	position:absolute;
	bottom:84px;
	left:50%;
	transform:translateX(-50%);
 }
  .video_button:hover{background-color:#666;color:#fff;}

#faqbutton_wrap{
	position: relative;
	min-width:1200px;
	overflow: hidden;
	margin: 30px auto 60px
}

.faq_button{
	width:300px;
	background: linear-gradient(to bottom,  #496ae5 0%,#3a57b2 100%); 
	display:block;
	font-size:24px;
	color:white;
	font-weight:600;
	line-height:80px;
	text-align:center;
	margin: 0 auto;
}

.last_wrap{
	position: relative;

    height: auto;
    overflow: hidden;
    margin: 0 auto;
}


.last_wrap img {
  /*  width: 1920px;
    position: absolute;
    left: 50%;
	transform:translateX(-50%);
    top: 0;
    height: auto;
	margin-top:100px;
	margin-bottom:20px;*/
	width:100%;
}


.test_startbutton{
	width:215px;
	height:56px;
	position:absolute;
	right:237px;
}

.compare_click{
	width:1200px;
	height:82px;
	position:absolute;
	bottom:1296px;
	left:50%;
	transform:translateX(-50%);
}

.click_button{
	width:314px;
	height:82px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:0;
}

 
 #faq_wrapper{
	position: relative;
    min-width: 1200px;
    margin: 30px auto 0;
	}
	
 .faq_container{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	width:1200px;

 }

.fb__bbs__faq {
    margin-top: 40px;
    border-top: 1px solid #000;
}

.wrap-faq-list dl {
    font-size: 14px;
    color: #666;
    overflow: hidden;
	margin:0;
}

.wrap-faq-list dl dt {
    overflow: hidden;
    padding: 15px 0 12px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    position: relative;
}

.wrap-faq-list dl dt span {
    min-width: 190px;
    text-align: center;
    display: inline-block;
	float: left;
    line-height: 25px;
	font-size:16px;
}

.wrap-faq-list dl dt p {
    max-width: calc(100% - 190px);
    position: relative;
    padding-left: 40px;
	float: left;
    line-height: 25px;
	font-size:16px;
}

.wrap-faq-list dl dt p:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../img/bg/sprite_customer.png) no-repeat -500px 0;
    margin-right: 15px;
    position: absolute;
    left: 0;
    top: 0;
}

.wrap-faq-list dl dt:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 10px;
    background: url(../img/common/sprite_common.png) 0 -200px no-repeat;
    position: absolute;
    right: 20px;
    top: 20px;
}

.wrap-faq-list dl dd {
    <!-- display: none; -->
    border-bottom: 1px solid #ddd;
    padding: 20px 50px 35px 190px;
    background: #f8f8f8;
}

#devFaqContent{
	position:relative;
	margin: 0 auto;
	width:1200px;
}

.faqtit{
	position:absolute;
	left:36%;
	transform:translateX(-36%);
}

.faqanswer{
	padding-left: 40px;
}

.faqanswer > p{
	color:#5c5c5c;
	font-size:16px;
	line-height:28px;
}

.plus{
	position:absolute;
	right:60px;
	top:50%;
	transform:translateY(-50%);
	}
	
 .fb__bbs__faq-a{
     display:none
 }




/********** Responsive ********/

@media(max-width:991px){
	.container1200{width:100% !important;}
	.container800{width:100%;}

	.style_list_title{padding:31px 15px; font-size:20px;}
	.subpage_style_list {
		height: 100px;
		padding-top: 0px;
	}

	/* 장기렌트 리스 혜택 */
	#first_wrapper{width:100%;min-width:100%;height:470px;}
	.first_wrap img{width:150%;height:auto;}
	#second_wrapper{width:100%;min-width:100%;height:420px;}
	.second_wrap img{width:150%;height:auto;}
	#third_wrapper{width:100%;min-width:100%;height:570px;}
	.third_wrap{width:100%;min-width:100%;height:100%;}
	.third_wrap img{width:150%;height:auto;}
	#fourth_wrapper{width:100%;min-width:100%;height:675px;}
	.fourth_wrap{width:100%;min-width:100%;height:100%;}
	.fourth_wrap img{width:150%;height:auto;}
	#renewal_wrap{width:100%;height:490px;}
	.renewal_video{width:100%;min-width:100%;height:100%;}
	.renewal_youtube iframe{width:100%;height:auto;}
	.video_txt{font-size:22px;padding:0;width:100%;}
	.video_button{bottom:35px;width:190px;height:50px;line-height:50px;font-size:15px;}
	.video_subtxt{top:120px;}
	.fifth_wrap{min-width:100%;height:515px;}
	.fifth_wrap img{width:150%;height:auto;}
	.sixth_wrap{min-width:100%;height:730px;}
	.sixth_wrap img{width:150%;height:auto;}
	.seventh_wrap{min-width:100%;height:960px;}
	.seventh_wrap img{width:100%;height:auto;}
	.companytitle{font-size:22px;line-height:30px;width:100%;text-align:center;}
	.eightth_wrap{min-width:100%;height:560px;}
	.eightth_wrap img{width:150%;height:auto;}
	.nineth_wrap{min-width:100%;height:240px;}
	.nineth_wrap img{width:150%;height:auto;}
	#faq_wrapper{min-width:100%;}
	#devFaqContent{width:95%;}
	.wrap-faq-list dl dt span{font-size:14px;min-width:60px;}
	.wrap-faq-list dl dt p{padding-left:15px;font-size:14px;}
	#faqbutton_wrap{min-width:100%; margin:15px auto 20px}
	.last_wrap{width:100%;}
	.last_wrap img{width:100%;height:auto;}

	.faq_button{
		width: 200px;
		background-color:#343434;
		display:block;
		font-size: 16px;
		color:white;
		font-weight:600;
		line-height: 45px;
		text-align:center;
		margin: 0 auto;
	}


	/* 회사소개 */
	#company .intro{padding-top:60px;}
	#company h2{font-size:22px;line-height:30px;}
	#company .sp_contents.philosophy{width:100%;}
	#company .sp_contents.philosophy img{width:95%;margin:0 auto;}
	.location{padding:0 0 50px;}
	.sp_contents.container{width:100%;}
	.sp_contents.container a{width:100%;}
	.location_img{width:100%;}
	
}
@media(max-width:768px){
	#first_wrapper{width:100%;min-width:100%;height:360px;}
	#second_wrapper{width:100%;min-width:100%;height:320px;}
	#third_wrapper{width:100%;min-width:100%;height:430px;}
	#fourth_wrapper{width:100%;min-width:100%;height:520px;}
	.fifth_wrap{min-width:100%;height:395px;}
	.sixth_wrap{min-width:100%;height:560px;}
	.seventh_wrap{min-width:100%;height:825px;}
	.eightth_wrap{min-width:100%;height:440px;}
	.nineth_wrap{min-width:100%;height:185px;}
	.last_wrap{min-width:100%;height:375px;}


}@media(max-width:500px){
	#first_wrapper{width:100%;min-width:100%;height:230px;}
	#second_wrapper{width:100%;min-width:100%;height:205px;}
	#third_wrapper{width:100%;min-width:100%;height:285px;}
	#fourth_wrapper{width:100%;min-width:100%;height:335px;}
	.fifth_wrap{height:255px;}
	.sixth_wrap{min-width:100%;height:360px;}
	.seventh_wrap{min-width:100%;height:660px;}
	.eightth_wrap{min-width:100%;height:290px;}
	.nineth_wrap{min-width:100%;height:120px;}
	.last_wrap{min-width:100%;height:280px;}


}@media(max-width:430px){
	#first_wrapper{width:100%;min-width:100%;height:180px;}
	#second_wrapper{width:100%;min-width:100%;height:150px;}
	#third_wrapper{width:100%;min-width:100%;height:240px;}
	#fourth_wrapper{width:100%;min-width:100%;height:280px;}
	.fifth_wrap{height:250px;}
	.sixth_wrap{min-width:100%;height:280px;}
	.seventh_wrap{min-width:100%;height:600px;}
	.eightth_wrap{min-width:100%;height:200px;}
	.nineth_wrap{min-width:100%;height:90px;}
	.last_wrap{min-width:100%;height:200px;}
}

.hottag{
	position:absolute;
	/* width: 77px; */
	/* height:50px; */
	font-size: 13px;
	font-weight:600;
	color:#fff;
	background-color: #ff4343;
	border-radius:5px;
	top: 5px;
	right: 5px;
	z-index: 99;
	padding: 2px 10px;
}