@charset "utf-8";
:root{
	--black:#131313;
	--white:#fff;

	--gray1:#525252;
	--gray2:#8c8c8c;
	--gray3:#c4c4c4;
	--gray4:#e8e8e8;

	--blue:#336699;	
	--light-blue1:#b9e8f1;
	--light-blue2:#d6edf6;
	--dark-blue:#274b63;

	--orange:#e8ab59;
	--tan:#d2aa87;	
	--tan2:#e2d4cb;
	--tan3:#d1bd82;	

	--cool:#d8dde0;
	--aqua:#a6c3c1;
	--red:#cf0707;
	--link-color:#131313;
	--green:#005A2B;
}
.green{
	color:var(--green);
}
body{
	color:var(--black);
	font-size: 13px;
}
a{
	text-decoration: none; 
	color:var(--link-color);
}
h1{
	font-size:24px;
	color:var(--blue); 
}
.ml_10{margin-letft:10px;}
.mr_10{margin-right:10px;}
.mt_10{margin-top:10px;}
.mb_10{margin-bottom: 10px;}


/*공통레이아웃*/
#container{
	width: 100%;
	flex: 1;
	margin-top: 70px;
}

.mem-wrapper{
	max-width:1440px;
	margin:0 auto;
	display:flex;
	flex-direction: column; 	
}
.mem-wrapper h2{ 
	display: flex; 
	align-items: center; 
	justify-content: center;
	text-align: center; 
	font-family: "Land Rover Web", "AvenirNext","arial", "helvetica", sans-serif;
	font-size:30px;
	height:120px;	
}
.mem_table{	 
	width:100%; 
	padding:0 30px;
	box-sizing: border-box; 
	letter-spacing: 0.3px;
}
.mem_table .mem_top{
	color:#999; 
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding:20px; 
	line-height: 20px;
}
.mem_table .mem_top .first_txt{
	font-size:16px;
	color:#333;
	line-height: 36px; 
	font-weight: 600;
}

.mem_table2{
	padding:60px; 
	width:64%;  
	margin:50px auto; 
	border:1px solid #e4e4e4;
	box-sizing: border-box;
}
.mem_table2 .mem_top{
	width:100%; 
	font-weight: 600; 
	margin:40px auto;
	padding:0 0 20px 6px; 
	color:#005a2b;  
	border-bottom: 1px dotted #ccc;
}
/*계약차량*/

.order_ok {
  width:100%; 
  padding:0 30px;
  box-sizing: border-box;
}
.order_ok_02 {
  width:60%; 
  margin:0 auto; 
}
.order_ok img{
	width:100%; 
}

.order_ok_bt{ 
	width:100%;	
	margin:30px 0 100px 0;
}
.user_info{ 
	font-size:24px; 
	font-weight: bold; 
	line-height: 60px;
	height:60px; 
	width:100%; 
}
.cont_r2{
	position: relative; 
}
.order_d{
	margin-bottom: 10px; 
	width:100%; 
}
.order_d p{
	width:100%; 
	font-size:12px;
	line-height: 18px;
}
.order_d p .order_t{ 
	display:block; 
	font-weight: 700;
}
.order_d p .price{c
	olor:#999;
	font-size:14px;
}
.order_d p.t_indent{
	text-indent: -10px;
	margin-left: 10px;
}
.order_d .red{
	color:var(--red); 
	padding-top: 30px;
}
.order_total{
	width:100%; 
	font-size:16px; 
	font-weight: 700; 
	border-top: 1px solid #ccc; 
	text-align:right;
	padding-top:10px;}
.order_total span{
	font-size:12px; 
	font-weight: 600;
}
.order_delivery{
	width:100%; 
	font-size:14px; 
	font-weight: 700; 
	margin-top: 30px; 
}
.order_d_off{
	margin-bottom:10px;
	width:100%;
}
.order_d_off p{
	width:100%; 
	font-size:12px; 
	line-height: 18px; 
}
.order_d_off p .order_t{ 
	display:block; 
	font-weight: 700;
}
.order_d_off p .price{
	color:#999;
}
.order_total_off{
	width:100%; 
	font-size:16px; 
	font-weight: 700;
	 border-top: 1px solid #ccc;
	 text-align:right;
	 padding-top:20px;
	}
.order_total_off span{
	font-size:12px; 
	font-weight: 600;
}
.order_bt{
	content: ""; 
	display: block; 
	clear:both;  
	padding-top:20px; 
}

/*결제고객정보입력페이지*/
.o_contBox{
	width:100%; 
	padding:0 30px;
	font-family: "Land Rover Web", "arial", "helvetica", sans-serif;
	box-sizing: border-box;
}
.o_contBox:nth-child(1){
	font-size:30px;	
	height:120px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.o_contBox:nth-child(2){
	display: flex;
	justify-content: space-between;
}
.o_contBox:nth-child(3){
	display: flex;	
	padding: 20px 30px;
	margin:20px 0;
	border-left:30px solid #fff;
	border-right:30px solid #fff;
	background: var(--gray4);
}
.o_contBox h3{	
	width:200px;
	font-size:16px;
	font-weight: bold;	
	line-height: 20px;	
}
.o_contBox .orderForm,.o_contBox .carInfo{
	padding:0 30px;
	box-sizing: border-box;
}
.o_contBox .shop_info{
	padding-left: 20px;
	border-left: 1px solid var(--gray3);
}
.order_ok_bt{
	width:100%;
	padding:0 30px;
	box-sizing: border-box;
}

.shop_info p,.shop_info a{
	line-height: 24px;
	color:var(--gray1);
}
.shop_info a:hover{
		text-decoration: underline;
}
.agree{
	width:100%; 
	color:var(--gray2);
	padding:10px; 
	border:1px solid #ddd;
	line-height: 26px; 
	box-sizing: border-box; 	
	box-sizing: border-box;
}
.agree .check{
	color:var(--gray1);
	font-weight: bold;
}

/*마이페이지 - 견적보기, 계약차량*/
a.btn_menu,a.btn_menu2{ 
	content: ""; 
	z-index: 12; 
	display: block; 
	cursor: pointer;
}
a.btn_logout{
	font-size:11px; 
	color:rgba(255,255,255,0.7);
	padding:3px 7px; 
	border:1px solid #666;
}
.category,.category2{
	position:fixed;
	width:100%; 
	height:100%; 
	z-index:1111;
	opacity:0; 
	top:-100%; 
	transition:all 800ms ease;
	background:rgba(0,0,0,0.7);
	overflow-y: auto;
}
.category .menu_area,.category2 .menu_area{
	position:absolute;
	display:flex; 
	flex-direction: column; 
	background-color:#eee;
	top:0;right:0;
	z-index:180;
	width:44%; 
	height:100vh; 
}
.category .inner_btn_area,.category2 .inner_btn_area{
	position:relative; 
	width:100%; height:45px; 
	background-color:#212121; 
	padding:12px 30px; 
	box-sizing: border-box;}
.category .inner_cont_area,.category2 .inner_cont_area{
	padding:20px 30px;  
	flex:1;  
	box-sizing: border-box;
	overflow-y: auto;
}
.category .inner_cont_area .btn_green{ 
	right:30px;
	font-size:11px;
	padding:0 10px;  
	line-height: 40px; 
	background:#005a2b;
	color:#fff;
}
.category.open,.category2.open{
	top:0; 
	opacity:1;
}/*클릭!== 제이쿼리*/
.category .btn_close,.category2 .btn_close{
	position:absolute;
	top:15px; 
	right:20px; 
	cursor:pointer; 
	width:16px;
}
.category li a.disabled{
	background:#ccc; 
	color:eee;
	cursor: default;
}


/*금융계산기*/
.calculator .tit{
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	margin-top: 0;
}
.calculator .box01{
	display: flex;
	justify-content: space-between;
	line-height: 30px;
}
.calculator .in_box{
	width:49%;	
}



/*로그인-회원가입*/
.login_h1 {
  text-align: center;
  height: 50px;
  padding: 50px;
  line-height: 50px;
  font-size: 35px;
}
.login_wrap {
  width: 650px;
  margin: auto;
  margin-bottom: 80px;
  padding: 80px 50px;
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
}
.login_cont {
	width: 80%; 
	margin: auto;
}
.w_mail {width: 47%;}
.idpw_m{height:50px; }
.idpw_m p{
	font-size: 12px;
	line-height: 16px;
	color:#005a2b; 
	padding-top:10px;
}
.login_form{
	width:100%; 
	padding-top:10px;
}
.login_page_txt01{
	font-size:16px; 
	line-height: 24px;
	padding-bottom: 30px;
}
.login_page_txt02{
	font-size:14px; 
	line-height: 20px; 
	color:#999; 
	margin-top:20px;
}
.input_area{
	position: relative;
	padding-top:20px;
	margin-top:10px;
}
.input_area .input_h{
	width:100%; 
	height:40px; 
	display: flex; 
	align-items: center; 
	justify-content: space-between;
}
.input_area span.w_half{ 
	width:180px;
}
.input_area span.w_10{ 
	width:10px;
}
.input_area p{
	font-size:12px; 
	line-height:16px;
	margin-top:10px;  
	font-weight:400; 
}
.input_area p.gray{
	color:#a4a4a4; 
}
.input_area p.blue{
	color:#001fd2;
}
.input_area p.red{
	color:#f9422b;
}
.input_area p img{
	vertical-align: middle; 
	margin-right:3px;}

.login_form input{
	width:100%; 
	font-size:14px;
	line-height:20px;
	color:#333;  
	padding:14px 14px;
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid #e3e3e3; 
	outline:none;
	background: #fff; 
	box-sizing: border-box;
}
.login_form label{
	position: absolute; 
	left:0; 
	top:0;
	font-size:14px; 
	line-height: 14px;
}
.btn_area{
	margin-top:10px;
}
.btn_area button{
	width:100%;
	height:48px;
	font-size:16px;
	line-height: 48px;
	color:#fff; 
	outline:none; 
	border:none;
	background: #005a2b;  
	text-align: center; 
	cursor: pointer;
}
.btn_area2{
	margin-top:20px; 
	text-align: center;
}
.btn_area2 button{
	display: flex; 
	align-items: center;
	justify-content: center; 
	width:100%; 
	margin-top:5px;
	height:40px;
	font-size:14px;
	line-height: 38px;
	color:#999; 
	outline:none; 
	background:#fff; 
	border:1px solid #ccc;  
	text-align: center; 
	cursor: pointer;}
.btn_area2 span.my_btn{
	font-size:12px; 
	color:000; 
}
.btn_area2 img{
	margin-right:10px;
}
.btn_area_offline{
	margin-top:20px; 
	text-align: center;
}
.btn_area_offline button{
	width:120px; 
	margin:5px;
	height:40px;
	font-size:14px;
	line-height: 38px;
	color:#fff; 
	outline:none; 
	background:#005a2b; 
	text-align: center; 
	cursor: pointer;
}
/*버튼*/
.btn_black{
	font-size: 0.75rem;
	color: var(--white);	
	letter-spacing: 0.1em;
	background: var(--black);
	border:1px solid transparent;
	transition: 0.4s;
	padding: 15px 20px;
	min-width:100px;
}
.btn_black:hover{
	color: var(--black);
	background: var(--white);
	border:1px solid var(--black);
}
.btn_white{
	font-size: 0.75rem;
	color: var(--black);	
	letter-spacing: 0.1em;
	background: var(--white);	
	transition: 0.4s;
	padding: 15px 20px;
}
.btn_white:hover{
	color: var(--white);
	background: var(--black);
	
}
.btn_black-s{
	font-size: 0.6rem;
	color: var(--white);	
	letter-spacing: 0.1em;
	background: var(--black);
	border:1px solid transparent;
	transition: 0.4s;
	padding: 0 15px;
	line-height:20px;	
}
.btn_black-s:hover{
	color: var(--black);
	background: var(--white);
	border:1px solid var(--black);
}
button.disabled{
	background: rgba(0,0,0,.1);
	cursor: default;
}
button.disabled:hover{
	background: rgba(0,0,0,.1); 
	border:1px solid transparent;
	color: var(--white);
}
/*팝업*/
#mask{
	position: fixed; 
	left:0; 
	top:0;
	z-index: 9999;
	width: 100%; 
	height: 100%; 
	background: rgba(0, 0, 0, 0.5);
}
.pop_box{ 
	position:fixed; 
	width:95%;  
	height:auto; 
	overflow:auto;
	left:50%; 
	top:50%; 
	z-index: 10000; 
	min-height: 250px; 
	background: #fff; 
	transform:translate(-50%, -50%);
	box-sizing: border-box;
	border-radius: 4px;
}
.pop_wrap{
	position:relative;
	padding:30px; 
	box-sizing: border-box;
}
.w_500{
	width:500px;
	height:auto;
}
.w_1400{
	width:1380px;
	}
.pop_close{
	content:""; 
	display:block; 
	position: fixed; 
	top:15px; 
	right:15px;
	width:25px; 
	height:25px;
	background: url(../images/btn_pop_close.png);
	background-size: 25px 25px; 
}
.pop_h1{
	display: block; 
	font-size:28px; 	
	color:var(--black);
	font-family: "Land Rover Web","AvenirNext", "arial", "helvetica", sans-serif;
}
.pop_h2{
	font-size:26px; 
	color:#3a3a3a;
	padding-top: 10px; 
	font-weight:700; 
	line-height:38px; 
	text-align: center; 
	letter-spacing: -1px;
}

.pop_h2 .font_lr{
	font-family: "Land Rover Web";
	font-size:30px;
	font-weight: bold;
}
.pop_h3{
	display: inline-block; 
	height:50px; 
	line-height:50px;
	border-radius: 3px; 
	padding: 0 40px; 
	box-sizing:border-box;
	font-size:36px; 
	background: #363636; 
	color:#fff; }

.pop_h4{
	font-size:20px; 
	color:var(--black); 
	font-weight:700;
	margin-bottom: 10px;
}
.pop_h4 br{display: none;}	

.pop_cont_c{
	padding:40px 0; 
	width:90%;  
	margin:0 auto; 
	font-size:18px; 
	line-height: 40px; 
	text-align: center; 
}
.pop_cont_c span.lr{
	font-family:'Land Rover';
}
.pop_cont_c span.name{
	color:#005a2b; 
	font-weight: 700;
}
.pop_cont_c p.txt{ 
	font-size:16px; 
}
.pop_cont{
	width:100%;	
	height:100%;	
	padding-top: 0;
	overflow-y: auto;	
}
/*23-09 프로모션 추가*/
.promotion_top{
	width:100%; 
	margin-top:30px; 
}
.promotion_top img.pic_pc{
	display:block;
}
.promotion_top img.pic_m{
	display:none;
}
.promotion_cont{
	display: flex; 
	justify-content: flex-start;
}
.p_cont_box{
	width:33%;
	margin-right: 5px;
}
.p_cont_box:last-child{
	margin-right:0;
}
.overlay a img{
	width:100%;
}
.overlay a:hover img {
	transition: 0.2s all; 
	filter: brightness(70%);
}

.pro_textbox{
	display: flex; 
	flex-direction: column; 
	width:100%; 
	height:80px; 
	justify-content: space-between;
	margin-bottom: 50px;
}
.info_tit{
	font-size: 15px; 
	line-height: 20px; 
	font-weight: bold; 
	padding-top:12px;
}
a.secondary_link{
	display:block; 
}
a.secondary_link:before{
	display:inline-block; 
	content:""; 
	background-image: url("../images/chevron-right-solid.svg"); 
	background-size:6px 9px; 	         
	width:6px; 
	height:9px; 
	margin-right:10px;  
}
a.secondary_link span{
	font-size:12px; 
	color:#0C121C; 
	line-height: 1.6;
	letter-spacing: .2rem; 
	font-weight: bold;
}
a.secondary_link span:hover{ 
	text-decoration:underline;
	text-underline-position : under;
	color:#005A2B;
}
.car_name{
	font-size:20px; 
	padding-bottom: 10px;
	height:22px; 
	font-family:'Land Rover Web';}
.font_s{
	font-size:18px; 
	font-weight: bold;	
}

.promo_box{
	padding:30px;
}
.promo_box h3{
	font-size: 18px;
	font-weight: bold;
	line-height: 36px;
	margin-top: 30px;
}
.promo_box p{
	font-size:14px;
	line-height: 24px;
	color:var(--gray1);
	margin-left: 20px;
	padding-left: 10px; 
	text-indent: -10px;
}

.promo_box p.last_txt{
	font-size: 16px;
	padding-top: 30px;
	line-height: 28px;
	font-weight:bold;

}
.cont_text{
	font-size: 14px;
	padding-bottom:20px;
}
.platinum_list{
	display:flex;
	flex-wrap: wrap; 
	width:100%; 
	box-sizing: border-box;
}	
.platinum_box{
	flex: 0 0 100%;
    min-width: 100%;
    padding-bottom:30px;
    box-sizing: border-box;
}
.platinum_box .indent_t{
		padding:3px 10px;
		height:120px;
}
.platinum_box .indent_t p{
		padding:3px 10px;
		text-indent: -10px;
		font-size:14px;
		line-height: 18px;
		color:var(--gray2);		
}


.platinum_box img{
	width:100%;
}
.platinum_box .tit{
	font-size:16px;
	font-weight: bold;
	padding: 7px 0 4px 0;
}
.platinum_box .under{
	font-size:12px;
	color:var(--gray2);
}
.platinum_box .under_stxt{
	font-size:11px;
	color:var(--black);
}
.delivery_txt {
	position: absolute; 
	left: 50px; top: 
	110px; display: block; 
	font-size:18px;
	line-height: 40px;
	color:#fff; 
	text-shadow: 0 0 1px #000, 2px 2px 2px gray;}

.delivery_txt li:nth-child(1) {margin-top: 10px;}
.delivery_txt li:nth-child(3) {margin-top: 20px;}
.delivery_subtxt {margin-bottom: 15px; line-height: 1;}

.home_delivery_txt {
  position: absolute;
  width: 1260px;
  left: 50px;
  top: 110px;
  font-size: 18px;
  line-height: 40px;
  color: #fff;
  text-shadow: 0 0 1px #000, 2px 2px 2px gray;
  line-height: 30px;
  font-size: 20px;
}
.home_delivery_subtxt {
  display: block;
  margin-top: 10px;
  font-size: ;
}
.acc_price{	
	display: flex;
	justify-content: space-between;
	border-top:1px solid var(--gray4);
	border-bottom:1px solid var(--gray4);
	margin: 10px 0 20px 0;
	height:28px;
	padding-top:5px;
}
/*23-01 홈딜리버리 팝업 수정*/
.pop_wrap .img_wrap {
  position: absolute;
  z-index: -10;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
}
/*23-02 홈딜리버리 수정*/
.w_pop{width: 96%; height: 96%; overflow: hidden;}
.img_wrap_bg {width: 100%; height: 100%;}
.d_rrs{background: linear-gradient(	to bottom,	rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 50%	),
	url("../images/delivery/RRV_HD.jpg")center bottom ;	background-size:cover;}	
.d_rrv{background: linear-gradient(	to bottom,	rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 50%	),
	url(../images/delivery/RRV_HD.jpg)center bottom ;background-size: cover;}
.d_rre{background: linear-gradient(	to bottom,	rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 50%	),
	url(../images/delivery/RRE_HD.jpg)right bottom;background-size: cover;}
.d_nrrs{background: linear-gradient(	to bottom,	rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 50%	),
	url(../images/delivery/NRRS_HD.jpg)center bottom;background-size: cover;}
.d_disco{background: linear-gradient(	to bottom,	rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 50%	),
	url(../images/delivery/Disco_HD.jpg)left bottom; background-size: cover;}
.d_disco_sp{background: linear-gradient(	to bottom,	rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 50%	),
	url(../images/delivery/Disco_SP_HD.jpg)left top 50px ;background-size: cover;}
.d_def{background: linear-gradient(	to bottom,	rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 50%	),
	url(../images/delivery/DEF_HD.jpg)right bottom; background-size: cover;}
.d_rr{background: linear-gradient(	to bottom,	rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 50%	),
	url(../images/delivery/d_rr.jpg)center bottom;background-size: cover;}

/* tab */
.tabCont {
	display:none; 
	height:100%; 
	}
.p_tab { 
	position:relative; 
	display:flex; 
}
.p_tab ul {
	display:flex; 
	flex:1; 
	flex-wrap:nowrap;  
}
.p_tab li {
	padding:10px 24px 15px 24px;
	position: relative; 
}
.p_tab li:first-child{
	padding-left: 0;
}
.p_tab li:before{
	display:block; 
	position:absolute; 
	content:"｜"; 
	left:-6px;
	line-height:20px;
	font-size:16px; 
}
.p_tab li:first-child:before{
	display:none;
}
.p_tab li a {
	display:flex; 
	justify-content:center; 
	align-items:top;  
	line-height:20px; 
	font-size:16px; 
	color:#a4a4a4; 
	box-sizing:border-box; 
	text-align:center; 	
}
.p_tab li a.landrover{
	font-size:18px;
	font-family: Land Rover Web Bold,Arial,Helvetica,sans-serif;
}
.p_tab li.selected { 
	z-index:1; 
}
.p_tab li.selected a { 
	line-height:20px; 
	color:#1b1b1b; 
	font-weight: bold;   
}
/*new탭*/
.mTab {  display:-webkit-flex; display:-ms-flex; display:flex; }
.mTab li:nth-child(3){border:0; width:100px;}
.mTab li {display:inline-block; width:180px; height:40px; border:1px solid #ccc; font-weight: bold; margin:0 1px 10px 0; }
.mTab li a {display:block; font-size:14px; color:#666; line-height:40px;text-align:center;box-sizing:border-box;  }
.mTab li.selected a { background:#333; border:0; color:#fff;}
.category .tabCont {display:none; margin:-2px 0 0 -2px; height:95%; padding-top:10px; }


.table_box{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px; background: #fff; }
.table_box .no_data{width:100%; font-size:14px; padding:30px 0; text-align: center;}

.table_box .list_box{position: relative;  width:96%; margin:10px auto; padding:10px 0;border-top:2px solid #333;  border-bottom:1px solid #333;}
.table_box .list_box a{display: flex; justify-content: flex-start;}
.table_box .list_box div{padding-left: 10px; box-sizing: border-box;}
.table_box .list_box img{width:100px;}
.table_box .list_box .tit{font-weight: bold; font-size:14px; line-height: 16px; margin-bottom: 10px;}
.table_box .list_box .date{font-size:12px; color:#666;}
.table_box .list_box button{position: absolute; bottom:10px; right:0;}

/*차량제원-스펙*/
.webview{display:block;}
.mobileview{display:none;}

/*재고차량_팝업*/
.pop_title .model_select{
	display: none;
}
.stock_box{
	width:90%;
	margin:0 auto;
	display: flex;
	border-bottom: 1px solid var(--gray4);	
}
.stock_box .list_box{
	display: flex;	
}
.stock_box .list_box .list_bt{
	display:flex;
	align-content:center;
	height:100%;		
}
.stock_box:first-child .list_box .list_cont .list_top{display: block;}
.stock_box .list_box .list_cont .list_top{display: none;}

.list_cont{ 
	width:100%;
	display: flex;
	flex-direction: column;
}
.item_01{
	width:31%;
}

.item_02{
	width:34%;
	padding-right: 10px;
	box-sizing: border-box;
}
.item_03{
	width:25%;
	padding-right: 10px;
	box-sizing: border-box;
}
.item_04{
	width:8%;
}
.item_01 .list_bt{
	padding:15px 0;
}
.item_03 .list_bt{
	display:flex;
	align-items: flex-start;
}
.list_box .name{	
	width:75%;	
	font-size: 16px;
	font-weight: bold;
	font-family: Land Rover Web Bold,Arial,Helvetica,sans-serif;
}
.list_box .number { 
	width:25%;
}
.list_box .number .list_top{
	text-align: center;
}
.list_box .number .list_bt{
	display: flex;
	justify-content: center;
}
.list_top{ 	
	width:100%;
	height:30px;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
}
.list_bt{
	width:100%;
	flex-grow: 1;
	align-items: center;
}
.list_none{
	display:none;
}
.stockCar_tit{
	font-size: 16px;
	font-weight:bold;
	margin-top: 40px;
	margin-bottom: 10px;
}
.stockCar_tit:first-child{
	margin-top: 0;
}
.stockCar-list{	
	display: flex;
	width:100%;		   			
	height: auto;		
	box-sizing: border-box;	
	overflow:hidden;
	overflow-x:auto;
	flex-wrap:nowrap;
	margin-bottom: 20px;
}
.stockCar{ 	
	  min-width:320px;
	  max-width:320px;
    padding-right:25px;
    box-sizing: border-box;
}
.stockCar_box{	
	width:100%;	
	height:99%;
	background: white;  
  display: flex;
 	box-shadow: 3px 4px 12px 0 rgba(0,0,0,.05), 0 0 1px 0 rgba(0,0,0,.3);
  flex-direction: column;   
   justify-content: space-between;
  position: relative;
  transition: background-color .3s; 	
}
.stockCar_img img{
	width:100%;
}
.stockCar_box .stockCar_cont{
	padding:20px;
}
.stockCar_box .stockCar_cont .title{	
	font-size:18px;	
	font-family: Land Rover Web Bold,Arial,Helvetica,sans-serif;
	line-height: 1.2rem;
	padding:5px 0;
}

.stockCar_box .stockCar_cont .title a { 
	width:100px;
	font-size:11px;	
	display: flex;
	flex-direction: column;	
	text-align: center;
}
.stockCar_box .stockCar_cont .title a img{
	width:22px;
}

.stockCar_box .stockCar_cont .car_price{
	display: flex;
}

.stockCar_box .stockCar_cont .car_price span:first-child{
	font-weight:bold;
	width:40%;
}
.stockCar_box .stockCar_cont .car_info{	
	padding:10px 0;
}
.stockCar_box .stockCar_cont .car_info li{	
	display: flex;
	padding:3px 0;
}


.stockCar_box .stockCar_cont .car_info li span:first-child{
	font-family: Land Rover Web Bold,Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	width:40%;
}
.stockCar_box .stockCar_cont .car_info li span:last-child{
	color:var(--gray1);
	width:60%;
}
.stockCar_bt{ 
	display: flex;
	justify-content: space-between;
	padding:10px 0;
}
.stockCar_bt button{
	padding:15px; 	
}
/*form*/
.form_field{
	display: flex; 
	justify-content: space-between; 
	width:100%; 
	font-size:14px; 
	margin:0 auto; 
	padding:20px 0; 
	border-bottom: 1px solid #e3e3e3;
}
.td_tit{
	font-size:20px; 
	line-height:30px; 
	width:1025px; 
	margin-top: 20px;
}
.form_field .form_h1{
	width:17%;  
	line-height: 20px; 
	color:#1b1b1b; 
	margin-top:8px; 
	font-weight:600; 
	box-sizing: border-box;
}
.form_field .form_input{ 
	width:83%;float:left; 
	line-height: 32px;
}
.form_field .form_input > input{
	width:60%;
}
.form_field .form_input > ul {
	display: flex; 
	margin:2px 0;
}
.form_field .form_input > ul > li{ 
	margin-right: 3px; 
}
.form_field .form_input > ul > li >input{
	width:100%;
}

.form_field .form_input .it_txt{
	color:#414141; 
	line-height: 26px;
}

.form_field2{
	display:flex; 
	justify-content: center; 
	width:100%; 
	font-size:14px; 
	margin:0 auto; 
	padding:15px 0;  
	box-sizing: border-box;
}
.form_field2 .form_h1{
	width:20%;  
	line-height: 20px; 
	color:#1b1b1b; 
	margin-top:8px; 
	font-weight:600; 
	box-sizing: border-box;}
.form_field2 .form_input{
	width:80%;
	float:left;}

.form_field .form_input > .input_w_50 {
	width: 51%;
}
.form_field .form_input .last_name {
	width: 24%; 
	margin-right: 2%;
}
.form_field .form_input .first_name {
	width: 24%;
}
.form_field .counseling_sub_txt {
	margin-top: 5px; 
	line-height: 15px; 
	letter-spacing: -0.5px;
	font-size: 12px;
}
.form_field .counseling_way {
	width: 83%; 
	margin-top: 8px; 
	font-size: 14px;
}

.form_field_100{
	flex-direction: column; 
	font-size:14px; 
	font-weight: bold; 
	padding:10px 0; 		
}
.form_field_100 .form_h1{
	display: black; 
	width:100%;  
	line-height: 16px; 
	margin-bottom: 6px; 
}
.form_field_100 .form_input{
	width:100%; 
}
.form_field_100 .form_input .it_txt{
	line-height: 22px;
}
.form_field_100 .form_input > input{
	width:100%;
}
.form_field_100 .form_input > ul {
	display: flex;
	margin:1px 0;
}
.form_field_100 .form_input > ul > li{
	margin-right: 3px;
}
.form_field_100 .form_input > ul > li >input{
	width:100%;
}
.form_field_100 .counseling_way {
	width: 100%;
}
.form_field_100 .form_input > .input_w_50 {
	width: 100%;
}
.form_field_100 .form_input .last_name {
	width: 30%; 
	margin-right: 3%;
}
.form_field_100 .form_input .first_name {
	width: 40%;
} 

.mem_ect{width:20px;line-height: 30px;text-align: center;}

.compulsory{color:#f9422b; margin-left:3px;line-height: 20px; font-weight: 700;}

.form_input a.blue01{ float:right;}

.form_input a.btn_g{content:""; display:inline-block; font-size:14px; line-height:20px;color:#000;border:0; background: #f3f3f3;margin-left:10px;padding:8px 14px;  cursor: pointer;}
.form_input span.it_lb{position: relative; display:inline-block;margin:44px 15px 0 0;}
.form_input span.it_lb label{position: absolute; top:-22px; left:0; font-size:12px; font-weight:500;}
.under_red{ font-size: 12px; line-height:16px;color:red; margin-top: 10px;}
.under_txt{margin-top: 10px; line-height: 18px;}
.txttit01{font-size:18px; line-height: 30px;}
.mem_box{width:100%; border-bottom: 1px solid #f3f3f3;padding:20px 0; margin-bottom: 40px; line-height: 20px;}
.mem_bt_box{width:100%; }
.mem_bt_tit{font-size:16px; font-weight: 600; margin-top:20px; margin-bottom: 10px;}
.bt_right{width:100%; display: flex; justify-content: flex-end; margin-top: 10px;}


.txt_agree {font-size:14px; width:100%; height: 100px; overflow-y: scroll; border: 1px solid #cfcfcf; line-height:20px; padding:10px; box-sizing: border-box;}
.txt_agree strong{font-weight: bold; }
.txt_agree a{display: block; color:#000; font-weight: 600; line-height: 36px;}
.txt_agree table{width:95%;border-top:1px solid #ddd; }
.txt_agree table th{ background: #eee;  border-bottom:1px solid #ddd; text-align: left; padding-left: 10px; box-sizing: border-box;}
.txt_agree table td{border-bottom:1px solid #ddd; padding:5px 10px;}

.txt_agree > p {font-size: 14px; font-weight: 700;}
.txt_agree > span {display: block; width: 70%; margin-top: 6px; color: #333; line-height: 15px;}
.centerBtn{display:flex; justify-content: center; margin:50px 0;}

.section_bt_txt{font-size:12px; width:100%; line-height:20px;border:1px solid #cfcfcf; padding:26px;margin-top: 70px; box-sizing: border-box;}
.section_bt_txt span{font-size:14px; color:000; line-height: 30px; font-weight: 700;}

.find_bt{width:100%; height:100px; display: flex; align-items: center; justify-content: center;}
.find_bt button.find_btn{width:100%; height:50px; line-height: 50px; background:#005a2b; color:#fff;}

.find_text{font-size: 12px; color:red; text-align: center;}
button.member_btn{ padding:0 10px; background:#005a2b; color:#fff; height:32px; line-height: 32px;  }


/*테이블*/
.table01 table{width:100%; text-align: center; }
.table01 thead th{vertical-align: middle; background: #3a3a3a; color:#fff;border-right:1px solid #fff;padding:10px 0; box-sizing: border-box;}
.table01 tbody th{vertical-align: middle; font-size:12px; background: #eee; color:#3a3a3a;}
.table01 tbody td{padding:8px 0; }
.table01 tbody th,.table01 tbody td{border-bottom:1px solid #ddd;font-size:12px; line-height: 16px;box-sizing: border-box;}
table td.txt_l{text-align:left; padding-left:20px;}
table .cir_nor{display:inline-block;content:"";width:10px; height:10px; border-radius: 100%; border:1px solid #666;}
table .cir_color{display:inline-block;content:"";width:12px; height:12px; border-radius: 100%; background: #005a2b;}
.cir_green{display:inline-block;content:"";width:10px; height:10px; border-radius: 100%;  line-height: 18px; margin-right:5px; margin-left:10px;background: #005a2b;}
.add_option{font-size:14px; line-height: 18px;margin-left:20px;}

.table02 thead th,.table03 tbody th,.table03 tbody td{font-size:11px;}
.table02 table{width:100%; text-align: center; }
.table02 thead th{vertical-align: middle; background: #3a3a3a; color:#fff;border-right:1px solid #fff;padding:10px 0;box-sizing: border-box; }

.table03{width:100%;height:520px; overflow-y: scroll;}
.table03 table{width:100%;text-align: center;}
.table03 tbody th{vertical-align: middle;  background: #eee; color:#3a3a3a; border:1px solid #eee;padding:5px 0; box-sizing: border-box;}
.table03 tbody th.step01{background: #999; color:#fff;}
.table03 tbody td{vertical-align: middle;padding:10px 0; border-bottom:1px solid #ddd;font-size:12px; box-sizing: border-box;}
.table03 tbody td.txt_l{text-align:left; padding-left:15px;box-sizing: border-box;}
.table03 tbody th,td{line-height: 24px;}
.table03 tbody td:first-child{text-align:left; padding-left:15px;box-sizing: border-box;}

.table00 table {width:100%; margin-top: 50px;}

.table00 table thead th,.table00 table thead td{background: #fff;border-bottom:1px solid #b9b9b9; padding:30px 0; font-weight: bold;text-align:left; text-align: center;}
.table00 table thead th{background: #e9ecec;border-right:1px solid #0c121c;}
.table00 table tbody th{ border-bottom:1px solid #b9b9b9; border-right:1px solid #0c121c; vertical-align: middle; padding-left:20px;background: #e9ecec; text-align: left; font-weight: bold;box-sizing: border-box;}
.table00 table tbody td{background: #fff; border-bottom:1px solid #ccc; padding-top:20px; padding-bottom: 20px;text-align: center;}


.slidecontainer {
  width: 100%;
  margin-top: 20px; 
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  background: #000;
  outline: none;
  opacity: 0.1;
  -webkit-transition: .2s;
  transition: opacity .2s;
  margin-top: 10px;
 
}

.slider:hover {
  opacity: 0.5;

}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border:5px solid #000;
  background: #eee;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border:5px solid #000;
  background: #eee;
  cursor: pointer;
}
/*툴팁*/
.tooltip {
	position: relative;
	display: inline-block;
}
.tooltip .tooltip-content {
	position: absolute;	
	top:50px; left:-3px; 
	visibility: hidden;		
	background-color: #fff; 
	border:1px solid #000; 
	color:#414141; 
	padding: 14px;		
	text-align: left;	
	z-index: 1; 
	width:120px;
	box-sizing: border-box; 
}
.tooltip .tooltip-content::after {
	content: " ";	
	position: absolute; 
	top:-6px; 
	left:16px; 
	width:10px; 
	height:10px; 
	background:#f8f8f8;
	border-top: solid 1px #000; 
	border-right: solid 1px #000;
	transform: rotate(315deg);}
.tooltip:hover .tooltip-content { 
	visibility: visible; 
}
.swiper_stock{
	width:90%; 
	padding-top: 30px;
	overflow:hidden;
	margin:0 auto;
}
.swiper_stock img{
	width:100%;
}

/*모바일-테블릿*/
@media screen and (max-width:1024px){ 
	#container{			
		margin-top: 90px;
	}
	.login_wrap {
	  width: 86%;
	  margin-bottom: 80px;
	  padding: 0;
	  border: none;
	}
	.login_h1 {
	    text-align: center;
	    height: 30px;
	    padding: 50px 0 30px 0;
	    line-height: 30px;
	    font-size: 26px;
	}
	.login_cont {
		width: 100%; 
		margin: auto;
	}
	.w_mail {
		width: 46%;
	}
	.login_page_txt01 {
		font-size: 16px; 
		line-height: 24px;
	}
	.login_page_txt02 {
		font-size: 14px; 
		color: #999; 
		margin-top: 20px;}
	.login_form label {
		font-size: 14px;
	} 
	.o_contBox{
		padding: 0 30px;
	}
	.o_contBox:nth-child(1){
		font-size:18px;	
		height:80px;		
	}
	.o_contBox:nth-child(2){	
		flex-direction: column;
		padding: 0;		
	}
	.o_contBox:nth-child(3){	
		flex-direction: column;				
	}
	.o_contBox h3{			
		font-size:14px;			
		line-height: 18px;	
		margin-bottom: 4px;
	}
	.o_contBox .shop_info{		
		border-left:0;
		padding-left: 0;
	}
	.shop_info p{
		font-size:12px;
		line-height: 18px;
	}
	.agree{
		font-size: 12px;
		line-height: 18px;		
	}
	/*팝업*/
	.w_500{
		width:90%;
	}
	.w_1400{
		width:96%; 
		height:auto;
		overflow-y: scroll;
	}
	.pop_wrap{
		padding:15px;
	}
	.pop_title{		 
		padding-left:0; 
		padding-bottom: 10px;		
	}	
	.pop_close{ 
		width:17px; 
		height:17px;
		background-size: 17px 17px; 
		top:10px;
		right:10px;
	}

	.pop_h1{
		font-size:20px;
	}
	.pop_h2{
		font-size:22px; 
		color:#3a3a3a;
		padding-top: 20px; 
		font-weight:700; 
		line-height:28px; 
		text-align: center; 
		letter-spacing: -1px;
	}	
	.pop_h2 .font_lr{		
		font-size:24px;
	}
	.pop_h4 {font-size:15px;}
	.pop_h4 br{display: inline-block;}

	.promotion_top{
		padding:0 20px; 
		box-sizing:border-box; 
	}
	.promotion_top img.pic_pc{
		display:none;
	}
	.promotion_top img.pic_m{
		display:block;
	}
	.promotion_cont{
		padding:0 20px; 
		box-sizing:border-box; 
		flex-direction: column;
	}
	.p_cont_box{
		width:100%; 
		margin-right: 0;
	}
	.promo_box{
		padding:0 20px 30px 20px;
	}
	.promo_box h3{
		font-size:14px;
	}
	.promo_box p{
		font-size:12px;
	}
	.promo_box p.last_txt{
		font-size: 14px;
		}
	.cont_text{
		font-size:12px;
	}
	.pop_cont_c { 
		font-size:13px; 
		line-height: 20px;
	}	
	.pop_cont{
		height:97%;
		overflow-y: auto;
	}

	/*차량제원-스펙*/
	.webview{display:none;}
	.mobileview{display:block;}

	/*재고차량 모바일*/	
	.stock_box .list_box .list_cont .list_top{display: block;}
	.stock_box{	
		border-bottom: 1px solid var(--black);
		margin-bottom: 30px;
	}
	.item_none{
		display:none;
	}	
	.list_none{
		display: block;
		text-align: center;
		padding: 25px 0 30px 0;
	}
	.tabCont {		
		padding-top:0; 
		}
	.p_tab ul{
		display: none;
	}
	.pop_title .model_select{
		width:100%;
		display: block;		
		margin-top: 10px;
	}
	.stock_box{
		flex-direction: column;
		padding-left: 5px;
		box-sizing: border-box;
	}
	.item_01,.item_02,.item_03,.item_04{
		width:100%;
	}
	.stock_box .list_box{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.stock_box .list_box:nth-child(4){
		margin-top: 0;
	}
	.list_box .name{
		width:87%;
	}
	.list_box .number{
		width:13%;
	}
	.item_01 .list_top{
		margin-bottom: 10px;
	}
	.item_01 .list_bt{
		padding:5px 0px;
		border-bottom:1px solid var(--gray4);
	}
	.item_02{	
	padding-right: 0;	
	}
	.item_03{	
	padding-right: 0;
	}
	.item_04 .list_bt{
		display: flex;
		justify-content: flex-end;
		padding-right: 10px;
		box-sizing: border-box;
	}
	
	button.member_btn{ 
		width:100px;  
	}	

	.mem-wrapper h2{
		font-size: 18px;
		height:80px;
	}
	.mem_table{
		width:100%;
		padding:0 20px 10px 20px; 
	}
	.mem_table .mem_top{
		font-size:12px;
		line-height: 18px;
		padding:20px;
	}
	.mem_table .mem_top .first_txt{
		font-size:14px;
		line-height: 20px;
	}
	.mem_table2{
		width:100%;
		padding:30px; 
		margin:0; 
		border:0;
	}
	.mem_table2 .mem_top{
		width:100%;  
		margin:0;
		padding:30px 0; 
	}
	.txttit01{
		font-size:16px; 
		line-height: 24px;
	}
	.form_field{
		flex-direction: column; 
		font-size:12px;  
		padding:10px 0; 
	}
	.form_field .form_h1{
		display: black; 
		width:100%;  
		line-height: 16px; 
		margin-bottom: 6px; 
	}
	.form_field .form_input{
		width:100%; 
	}
	.form_field .form_input .it_txt{
		line-height: 22px;
	}
	.form_field .form_input > input{
		width:50%;
	}
	.form_field .form_input > ul {
		display: flex;
		margin:1px 0;
	}
	.form_field .form_input > ul > li{
		margin-right: 3px;
	}
	.form_field .form_input > ul > li >input{
		width:100%;
	}
	.form_field .counseling_way {
		width: 100%;
	}
	.form_field .form_input > .input_w_50 {
		width: 100%;
	}
	.form_field .form_input .last_name {
		width: 30%; 
		margin-right: 3%;
	}
	.form_field .form_input .first_name {
		width: 40%;
	}  
	.txt_agree > span {
		display: block; 
		width: 100%; 
		margin-top: 6px; 
		color: #555;
	}
	.mem_bt_tit{
		margin-top:30px; 
		line-height: 20px;
	}
	  
	.form_field2{
		flex-direction: column;
	}
	.form_field2 .form_h1{
		width:100%;  
		line-height: 20px; 
		color:#1b1b1b; 
		margin-bottom:8px; 
	}
	.form_field2 .form_input{
		width:100%;
	}
	.find_bt{
		height:150px;
	}
	.find_text{
		text-align: left;
	}
	button.member_btn{ 
		width:100px;  
	}
	.table00 table{
		font-size:11px;
	}
	.table00 table tbody th{
		padding-left: 8px;
	}

/*금융계산기*/	
	.category .menu_area,.category2 .menu_area{
		top:0;
		width:90%;
	}
	.category .inner_cont_area,	.category2 .inner_cont_area{padding:10px 20px; height:30px;}
  .category .inner_cont_area .btn_green{ padding:0 5px; height:30px; line-height: 30px; }

  /*new탭*/
	.mTab li {width:80px; height:30px; }
	.mTab li a { font-size:12px; line-height: 30px;  }
	.mTab li.selected a {  height:30px;line-height: 30px;}

	.table_box {padding:20px 10px;}
	.table_box .no_data{font-size:12px; }
	.table_box .list_box{position: relative; width:96%; margin:10px auto; padding:10px 0;border-top:2px solid #333;  border-bottom:1px solid #333;}
	.table_box .list_box a{display: flex; flex-direction: column; }
	.table_box .list_box div{padding-left: 10px; box-sizing: border-box;}
	.table_box .list_box img{width:100px;}
	.table_box .list_box .tit{font-weight: bold; font-size:13px; line-height: 17px; margin-bottom: 6px;}
	.table_box .list_box .date{font-size:12px; color:#666;}
	.table_box .list_box button{position: absolute; top:10px;height:20px; right:0;}

/*23-02 홈딜리버리 수정*/
.pop_h3 {
  font-size: 20px;
  height: 45px;
  line-height: 45px;
}
.pop_wrap {height:98%;}
.w_pop{width: 96%; height: 96%; overflow: hidden;}

.delivery_txt{position: static; margin: 0; margin-bottom: 8px; padding: 0; line-height:22px; font-size:14px; text-shadow: 0 0 1px #000, 1px 1px 2px gray;}
/*23-01 추가*/
.home_delivery_txt {position: static; width: auto; margin: 0; margin-bottom: 8px; padding: 0; line-height: 25px; font-size:14px; color: #333; text-shadow: none;}
.delivery_txt li:nth-child(1) {margin-top: 15px;}
.delivery_subtxt {margin-bottom: 15px; line-height: 1;}
.detaile_txt{display: block; margin-left: 15px; margin-top: 6px; font-size: 13px; line-height: 22px;}
.home_delivery_txt {line-height: 25px;}
.home_delivery_subtxt {  display: block;  margin-top: 12px;  font-size: 14px;}

.pop_wrap .img_wrap {
  position: static;
  width: 100%;
  margin: auto;
  margin-top: 10px;
  height: 93%;
  overflow: hidden;
}


.img_wrap_bg {width: 100%; height: 100%;}
 
.d_rrs{background: linear-gradient(	to bottom,	rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 50%	),
	url(../images/delivery/RRS_HD.jpg)top -145px right -150px;background-size: cover;}
.d_rrv{background: linear-gradient(	to bottom,	rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 50%	),
	url(../images/delivery/RRV_HD.jpg)top -130px right -300px;background-size: cover;}
.d_rre{background: linear-gradient(	to bottom,	rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 50%	),
	url(../images/delivery/RRE_HD.jpg)top -110px right -280px;background-size: cover;}
.d_nrrs{background: linear-gradient(	to bottom,	rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 50%	),
	url(../images/delivery/NRRS_HD.jpg)top -60px right -200px;background-size: cover;}
.d_disco{background: linear-gradient(	to bottom,	rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 50%	),
	url(../images/delivery/Disco_HD.jpg)top -100px left -80px;background-size: cover;}
.d_disco_sp{background: linear-gradient(	to bottom,	rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 50%	),
	url(../images/delivery/Disco_SP_HD.jpg)top -60px left -240px;background-size: cover;}
.d_def{background: linear-gradient(	to bottom,	rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 50%	),
	url(../images/delivery/DEF_HD.jpg)top -80px right -50px;background-size: cover;}
.d_rr{background: linear-gradient(	to bottom,	rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 50%	),
	url(../images/delivery/d_rr.jpg)right -300px top -165px; background-size: cover;
  }

.platinum_box .indent_t{		
		height:auto;
}
}

@media screen and (min-width: 740px){	
	.platinum_box {
	    flex: 0 0 50%;
	    min-width: 50%;
	    padding:10px;
	}	
	.category .menu_area,.category2 .menu_area{
		width:80%;
	}	
}


@media screen and (min-width: 1200px){		
	.platinum_box{
	    flex: 0 0 33.333333%;
	    min-width: 33.333333%;
	    padding:12px;
	}	
	.category .menu_area,.category2 .menu_area{
		width:50%;
	}

}

@media screen and (min-width: 1600px){		
	.platinum_box{
	    flex: 0 0 25%;
	    min-width: 25%;
	    padding:10px;
	}	
	.category .menu_area,.category2 .menu_area{
		width:40%;
	}

}