html,body {width:100%;height:100%;}

.wrap{width:1380px;border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; margin:0 auto;}
.header{ position:fixed; top:0; width:1380px;  height:80px; z-index: 1111; background: #fff; border-bottom: 1px solid #e2e2e2;}
.header_inner{position: relative; width:100%;padding-left:20px; height:80px; display: flex; justify-content: space-between; align-items: center;box-sizing: border-box; }
.header_inner h1 img{width:80%;}
.header_inner .car_nav{padding-left: 200px;}
.header_inner .car_nav li{float:left; font-size: 18px; margin-right: 70px;font-family:'Land Rover'; }
.header_inner .car_nav li a{color:#000;}
.header_inner .car_nav li a:hover{color:#005a2b;}
.header_inner .user_info{margin-right: 20px; margin-top: -30px;}
.header_inner .user_info li{float:left; font-size: 14px; line-height:17px;margin-right: 20px;font-family:NotoKrR; }
.header_inner .user_info li a{color:#2e2e2e; }

.header_inner .user_info li .login{ background: url(../images/login.png)no-repeat; background-size:15px 17px; height:17px;line-height: 15px;  font-size:11px; text-align: right;font-family:NotoKrR; }
.header_inner .user_info li .login span{border:1px solid #ddd;padding:0 3px;margin-left:13px;}
.header_inner .user_info li .logout{background: url(../images/logout.png)no-repeat; background-size:15px 17px; width:15px; height:17px; }
.header_inner .user_info li.l_home{border:1px solid; font-size:10px;padding:3px 5px;}
.header_inner .model_select{width:200px; position: absolute; top:24px; left:170px;}


.onlineshop{ font-size:28px; font-weight: 600;font-family:NotoKrR;}

.container{width:1025px; margin:0 auto; display: flex; flex-direction: column; padding-top:80px; box-sizing: border-box; }
.container h2{display: flex; align-items: center; justify-content: center;padding:65px 0 40px 0;font-size:36px;font-family:'Land Rover'; font-weight:500; }
.container .cont_top{width:780px; padding:10px 0;margin:0 auto;}
.container .cont_top ul{display: flex; align-items: center; justify-content: flex-start;flex-wrap: wrap;}
.container .cont_top li{display: flex; align-items: center; justify-content: center; min-width:200px;  height:50px;padding:0 20px; box-sizing: border-box; font-family:'Land Rover'; font-weight: 300;margin-right:10px;margin-bottom:10px; border:2px solid #eee; border-radius: 25px;}
.container .cont_top a li{color:#888;}
.container .cont_top a.on li{color:#000;  border:2px solid #000; ;}

.container .cont_m{display: flex; justify-content: space-between; width:100%;margin:10px 0; padding:30px 0;border-top:1px solid #666; border-bottom: 1px solid #666;}
.container .cont_m .cont_l{float:left;width:47%;padding-left:40px; box-sizing: border-box; }
.container .cont_m .cont_r{float:right;width:53%;}
.container .cont_m .under_txt{font-size:11px; color:#333; font-weight:bold;line-height: 14px; margin-top:5px;}
.container .cont_m .under_txt br:first-child{display:none;}
.container .cont_m .tit{font-size:18px; line-height: 22px;color:#3a3a3a; margin-right: 20px;}
.container .cont_m .price{font-size:14px; line-height: 22px; color:#707070;}

.cont_detail h3{width:100%; font-size:24px; margin-top:30px; margin-bottom:10px; font-weight: 600;}

.container .cont_detail .cont_l{float:left; width:736px; height:440px;}
.container .cont_detail .cont_r{float:right;width:200px; height:440px; margin-right:20px; padding-top:0;}
.container .cont_detail .cont_r2{float:right;width:250px; height:400px; margin-right:0; padding-top:30px; box-sizing: border-box;}

.container .cont_detail .cont_r .pop_d01{border-right:1px solid #ccc; padding-right:36px;box-sizing: border-box;}
.container .cont_detail .cont_r .pop_d02{padding-left:36px;box-sizing: border-box;}
.container .cont_detail .cont_r .pop_d01 img,.container .cont_detail .cont_r .pop_d02 img{width:30px;}
.container .cont_detail .cont_r .pop_d01,
.container .cont_detail .cont_r .pop_d02{float:left; text-align:center; margin:30px 0;box-sizing: border-box;}
.container .cont_detail .cont_r .pop_d01 p,
.container .cont_detail .cont_r .pop_d02 p{font-size:12px;padding:10px 0;}
.container .cont_detail .cont_r .select_tit{clear:both; margin:10px 0;}

button.btn_order{width:200px; height:60px; margin:20px auto;background: #0c121c; color:#fff; display: flex; align-items: center; justify-content: center;}
button.btn_basic{width:100%; padding:8px 0; background: #0c121c; color:#fff; display: flex; align-items: center; justify-content: center;}
button.disabled{background: #ddd; cursor:default;}
.exterior{display:block; content:""; width:100%; clear:both; }
.exterior ul,.interior ul{width:100%;  padding-top:8px; box-sizing: border-box;}
.exterior ul li,.interior ul li{float:left; width:70px; height:70px;margin: -7px 8px 6px 0;padding:5px;border:2px solid rgba(0,0,0,0);cursor: pointer; box-sizing: border-box;  border-radius:50%;}
.exterior ul li.on,.interior ul li.on{width:70px; height:70px;margin-top:-7px;border:2px solid #005a2b;padding:5px; box-sizing: border-box; border-radius:50%;}
.exterior ul li img,.interior ul li img{width:56px; height:56px; border-radius: 50%; }
.exterior .d_price, .interior .d_price{width:100%; clear:both; height:30px;line-height: 30px; }

.highlight{margin-top:80px;}
.highlight ul{width:100%; display: flex;  flex-wrap: wrap;}
.highlight li{width:321px; min-height:250px; margin-right:31px;margin-bottom:30px; }
.highlight li:nth-child(3n){margin-right:0;}
.highlight li img{width:321px; height:200px;margin-bottom:10px; }
.highlight li p{line-height: 24px;color:#3a3a3a; font-weight: 600;}
.highlight li p.under{font-size:12px;line-height: 16px;color:#999; }

.cont_detail .footer,.mem_table .footer, .mem_table2 .footer{display:none;}

.s_text{font-size:12px; line-height:16px;font-weight: 600; }
.s_text_p{font-size:12px; line-height:14px;font-weight: 600; }
.s_text2{font-size:11px; line-height:16px;font-weight: 600; letter-spacing: -0.5px; }

.txt_red{color:red;}
.mt5{margin-top: 5px;}

/*결제페이지*/
.cont_r2{position: relative;}
.order_d{margin-bottom: 30px;width:100%;}
.order_d p{width:100%; line-height: 20px; }
.order_d p .order_t{ display:block; font-weight: 700;}
.order_d p .price{color:#999;}
.order_total{position: absolute; bottom:20px; width:100%; font-size:16px; font-weight: 700; border-top: 1px solid #ccc; text-align:right;padding-top:20px;}
.order_total span{font-size:12px; font-weight: 600;}

.map{display:block; content:""; width:100%; clear:both; padding-top: 30px;}
.map p{line-height: 24px;}
.map_box{width:100%; height:500px; overflow:hidden; border:1px solid #ddd; margin:20px 0;}
.agree{width:100%; padding:10px; border:1px solid #ddd;line-height: 26px; box-sizing: border-box;}
.undertxt_etc{display:block;font-weight: 600;margin-top: 10px; color:red; font-size:11px;}
.center{width:100%; text-align: center;}


/*owners*/
.o_wrap{display: flex; align-items: center; width:100%; height:100%; background:url(../images/JLR_Owners.webp)no-repeat center; background-size: cover;}
.o_cont{ width:1000px;  margin:0 auto;}
.o_copy{ width:500px; font-size:20px; line-height: 30px;color:rgba(255,255,255,0.5);}

.font_l{font-family:'Land Rover'; font-size:26px;color:rgba(255,255,255,0.7);}

.o_info{width:500px; font-size:14px; line-height: 30px;color:rgba(255,255,255,0.5); padding:0 30px 30px 30px; margin-top:60px;border-bottom:2px solid rgba(255,255,255,0.1); border-top:2px solid rgba(255,255,255,0.1); }
.o_info h2{font-size: 16px; font-weight: 700px; color:rgba(255,255,255,0.8); margin-top: 30px;}
.o_info .font_u{font-size:12px; }

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

/*재고확인*/
.stock_img{font-size:14px;}
.stock_img img{width:30px; height:30px; border-radius: 50%; margin-right: 10px;}
.stock_area li{float:left; margin:0 7px; color:#999; }
.stock_area li.on{font-weight: 700; color:#005a2b;}
.stock_color img{width:30px; height:30px; border-radius: 50%; margin-right: 10px;}

/*footer*/
.icon_area{clear:both;  display: flex;  align-items: center; width:100%; border-top: 1px solid #ddd;  padding:30px 0;}
.icon_box{flex:1;   margin-right: 20px; }
.icon_box:last-child{margin-right: 0;}
.icon_box a{display:flex; align-items: center; justify-content: center; }

.icon_box .icon_txt{margin-left: 20px; font-size:16px;font-family:'Land Rover'; }

.footer{display: flex; align-items: center; justify-content: center; width:100%; background: #eee; padding:30px; box-sizing: border-box; }
.footer p{ color:#666; text-align: center;font-family:'Land Rover';font-weight: 300; }


@media(min-width:0) and (max-width:1000px){

.wrap{width:100%;border-left:0; border-right:0;}
.header{position: relative; width:100%; height:40px;  }
.header_inner {position: relative; height:40px;padding-left:10px;  display: flex; justify-content: space-between; }
.header_inner h1 img{width:40px;}


.onlineshop{font-size: 15px; height:20px; line-height: 20px; }

.header_inner .user_info{margin-right:0; margin-top:0;}
.header_inner .user_info li a{ font-size: 8px; line-height: 15px; margin-right: 0; letter-spacing: -1px;}

.header_inner .user_info li .login{ background-size:13px 15px;  height:15px;line-height: 13px; font-size:8px; }
.header_inner .user_info li .login span{padding:0 1px; margin-left:10px;  }
.header_inner .user_info li .logout{background-size:13px 15px; width:13px; height:15px; }

.header_inner .user_info li{float:left; font-size: 14px; line-height:17px;margin-right: 20px;font-family:NotoKrR; }


.header_inner .car_nav {display:none;}
.header_inner .model_select{display:none;}

.header_inner .car_nav li{font-size:13px;margin-right: 15px;}
.header_inner .user_info li{font-size:12px;line-height: 16px; margin-right:10px;}
.header_inner .user_info li.login img{width:13px; }
.header_inner .user_info li.l_home{ font-size:10px;line-height: 16px;padding:0 5px;}

.container{width:100%;padding:0;}
.container h2{font-size:22px;text-align: center; padding:0; margin:30px 0;}

.container .cont_top {width:100%; text-align: center;}
.container .cont_top ul{display:flex; flex-wrap: wrap; justify-content: center;}
.container .cont_top li{min-width:210px; height:30px; padding:0;margin-bottom: 5px;}

.container .cont_m{border:0;margin:10px 0; padding:0;}
.container .cont_m{display:flex; flex-direction: column;}
.container .cont_m .under_txt{margin-top:3px;}
.container .cont_m .under_txt br:first-child{display:block;}

.container .cont_m .tit{margin-bottom: 5px; margin-right: 0; }
.container .cont_m .cont_l{padding:0;}

.container .cont_m .cont_l,.container .cont_m .cont_r{width:80%;text-align: center; margin:0 auto; box-sizing: border-box; padding-bottom: 20px;}
.container .cont_m .cont_l span,.container .cont_m .cont_r span{ width:100%; display: block; height:20px; line-height: 16px; box-sizing: border-box;}


.cont_detail{position: relative;}
.cont_detail h3{width:100%; font-size:16px; margin-top:30px; margin-bottom:10px; font-weight: 600; letter-spacing: -1px;}
.container .cont_detail .cont_l{display:block; width:100%; height:260px; }
.container .cont_detail .cont_l img{width:100%;}

.container .cont_detail .cont_r{display:block; position: absolute; top:530px; width:100%; padding:0 20px; box-sizing: border-box;}
.container .cont_detail .cont_r2{display:block; width:100%; position: absolute; top:240px; width:100%; padding:40px 20px; box-sizing: border-box;}
.container .cont_detail .exterior{position: absolute; top:240px; padding:0 20px; box-sizing: border-box;}
.container .cont_detail .interior{position: absolute; width:100%; top:380px; padding:0 20px; box-sizing: border-box;}
.container .cont_detail .highlight{position: absolute; top:850px;padding:0 20px; box-sizing: border-box;}


.container .cont_detail .cont_r .pop_d01{border-right:1px solid #ccc; padding-right:36px;box-sizing: border-box;}
.container .cont_detail .cont_r .pop_d02{padding-left:36px;box-sizing: border-box;}
.container .cont_detail .cont_r .pop_d01 img,.container .cont_detail .cont_r .pop_d02 img{width:30px;}
.container .cont_detail .cont_r .pop_d01,
.container .cont_detail .cont_r .pop_d02{float:left; text-align:center; margin:30px 0;box-sizing: border-box;}
.container .cont_detail .cont_r .pop_d01 p,
.container .cont_detail .cont_r .pop_d02 p{font-size:12px;padding:10px 0;}
.container .cont_detail .cont_r .select_tit{clear:both; padding:10px 0; margin-top:20px;}

button.btn_order{ width:100%; height:60px;font-size:18px;margin-top:20px; background: #0c121c; color:#fff; display: flex; align-items: center; justify-content: center;}


.exterior ul,.interior ul{width:100%; height:54px; display: flex; flex-wrap: nowrap; padding:5px 0;  overflow: scroll; }
.exterior ul li,.interior ul li{float:left; margin: -5px 3px 0 0;width:46px; height:46px;cursor: pointer; padding:3px; }
.exterior ul li.on,.interior ul li.on{width:46px; height:46px;padding:3px; margin-top:-5px;}
.exterior ul li img,.interior ul li img{width:36px; height:36px; border-radius: 50%; }
.exterior .d_price, .interior .d_price{font-size:12px; height:14px;line-height: 14px; }

.highlight ul{width:100%;  }
.highlight li{width:100%; margin:0 0 10px 0; min-height:230px;}

.highlight li img{width:100%;margin-bottom:5px; }
.highlight li p{line-height: 20px;color:#3a3a3a; font-weight: 600;}
.highlight li p.under{font-size:12px;line-height: 16px;color:#999; }


/*결제페이지*/
.order_d{margin-bottom: 20px;width:100%;}
.order_d p{width:100%; line-height: 20px;}
.order_d p .order_t{ display:block; font-weight: 700;}
.order_d p .price{color:#999;}
.order_total{padding-top:20px;box-sizing: border-box; position: absolute; bottom:80px; width:90%;  font-size:16px; font-weight: 700; border-top: 1px solid #ccc; text-align:right;}
.order_total span{font-size:12px; font-weight: 600;}

.order_bt{position: absolute; width:100%;  top:560px; padding:0 20px; box-sizing: border-box;}
.map p{line-height: 24px;}
.map_box{width:100%; height:240px; overflow:hidden; border:1px solid #ddd; margin:20px 0;}
.agree{width:100%; padding:10px; border:1px solid #ddd;line-height: 26px; box-sizing: border-box;}

.center{width:100%; text-align: center;}

/*owners*/
.o_wrap{width:100%; background:url(../images/JLR_Owners.webp)no-repeat top 120px;background-color:#000; background-size: 160%;}
.o_cont{ width:100%; }
.o_copy{ width:90%; margin:0 auto; text-align:center;padding-top: 30px; font-size:16px; line-height: 22px;}

.font_l{ font-size:20px;}

.o_info{width:80%;margin:0 auto; font-size:12px;box-sizing: border-box; line-height: 18px; padding:0 10px 30px 10px; margin-top:60px;border-bottom:2px solid rgba(255,255,255,0.1); border-top:2px solid rgba(255,255,255,0.1); }
.o_info h2{font-size: 14px; margin-top: 20px;}
.o_info .font_u{font-size:10px; }

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

.stock_area li{margin:0 4px;  }
.stock_img{display: flex; align-items: center; font-size:12px;}


.icon_area{display:block;   border-top: 1px solid #eee;  padding:10px 0; }
.icon_box{width: 100%;  margin-right:0; margin: 30px 0;}
.icon_box img{width:8%;}
.icon_box a{height:30px;  display:flex; align-items: center; justify-content: flex-start; margin-left: 50px; }
.icon_box .icon_txt{margin-left: 20px; font-size:14px; }



.cont_detail .footer, .mem_table .footer, .mem_table2 .footer{display:block; background: #fff; border-top: 1px solid #eee;}
.cont_detail .footer p, .mem_table .footer p, .mem_table2 .footer p{font-size:12px;}
.wrap > .footer{display: none; }

}

.tooltip {clear:both; position: relative; display: block;cursor: pointer;}
.tooltip span{margin:0 5px;}
.tooltip .tooltip-content {position: absolute;	bottom:44px; left:0; visibility: hidden;width: 200px; background-color: #f8f8f8; border:1px solid #ccc; padding: 10px;	text-align: left;	z-index: 1; box-sizing: border-box; border-radius: 3px; }
.tooltip .tooltip-content::after {content: " ";	position: absolute; bottom:-6px; left:53px; width:10px; height:10px; background:#f8f8f8; border-top: solid 1px #ccc; border-right: solid 1px #ccc;transform: rotate(135deg);}
.tooltip:hover .tooltip-content { visibility: visible;  text-align: center; font-weight: normal; color:333;}