html,body {width:100%;height:100%;} .wrap{position:relative;width:1380px;border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; margin:0 auto;} /*header 이하 div 및 category, footer div는 common.css에~*/ .header{width:1380px; height:80px; z-index: 1111; background: #fff; border-bottom: 1px solid #e2e2e2;} .header_inner .model_select{width:200px; position: absolute; top:24px; left:170px;} .container{width:1025px; margin:0 auto; display: flex; flex-direction: column; padding-top:50px; box-sizing: border-box; } .container h2{display: flex; align-items: center; justify-content: center;text-align: center; padding-bottom:20px;font-size:36px;line-height: 46px; font-weight:500; } .container .h2_under{display:block; text-align: center; font-size:16px;} .container .cont_top{width:780px; padding:30px 0 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:#005a2b; border:2px solid #005a2b; font-weight: bold;} .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:48%;padding-left:30px; box-sizing: border-box; } .container .cont_m .cont_r{float:right;width:52%;} .container .cont_m .under_txt{font-size:12px; color:#333;text-indent: -10px;margin-left: 10px; font-weight:bold;line-height: 14px; margin-top:5px;} .container .cont_m .tit{font-weight:700;font-size:16px; line-height: 22px;color:#3a3a3a; margin-right: 20px;} .container .cont_m .price{display:inline-block;font-size:14px; line-height: 22px; color:#707070;} .cont_detail h3{ font-size:24px; margin-top: 30px; margin-bottom:15px; font-weight: 600;} .container .cont_detail{position: relative; } .cont_btnzone{width:100%; display: block; text-align: center; margin:50px 0; } .container .cont_detail .cont_l{float:left; width:736px; margin-bottom: 30px; } .container .cont_detail .cont_l img{width:100%;} .container .cont_detail .cont_r{position:absolute; top: 0; right:0; width:200px; height:auto; margin-right:20px; padding-top:30px; box-sizing: border-box; } .container .cont_detail .cont_r2{float:right;width:250px; margin-right:0; padding-top:0; box-sizing: border-box;} .container .cont_detail .cont_r .pop_d01{padding-right:10px;} .container .cont_detail .cont_r .pop_d02{padding:0 10px;border-left:1px solid #ccc;border-right:1px solid #ccc;} .container .cont_detail .cont_r .pop_d03{padding-left:10px;} .container .cont_detail .cont_r .pop_d01 img,.container .cont_detail .cont_r .pop_d02 img,.container .cont_detail .cont_r .pop_d03 img{width:30px;} .container .cont_detail .cont_r .pop_d01, .container .cont_detail .cont_r .pop_d02,.container .cont_detail .cont_r .pop_d03{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,.container .cont_detail .cont_r .pop_d03 p{font-size:12px;padding:10px 0;} .container .cont_detail .cont_r .select_tit{clear:both; margin:30px 0 10px 0;} .disable{opacity: 0.3; cursor: default;} button.btn_order{ width:200px; height:38px; margin:10px auto;background: #0c121c; color:#fff; } 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,.platinem ul{width:100%; } .exterior ul li,.interior ul li,.platinem 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,.platinem 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%; } .platinem h3{display: flex; align-items: center;} .platinem ul li{font-size:11px; letter-spacing: -0.5px;} .platinem ul li.off{width:70px; height:70px;margin-top:-7px;border:2px solid rgba(0,0,0,0);padding:5px; box-sizing: border-box; border-radius:50%;} .platinem ul li .select{display: flex; align-items: center; justify-content: center; text-align: center; width:56px; height:56px; border-radius: 50%;background: #000; color:#fff;} .platinem ul li .no_select{display: flex; align-items: center; justify-content: center; text-align: center; width:56px; height:56px; border-radius: 50%; background: #ccc; color:#666; } button.detail_btn{width:80px; height:24px; line-height: 24px; font-size:12px;background: #000; color:#fff; text-align: center; margin-left:10px; } .d_price{width:100%; clear:both; height:30px;line-height: 30px; } .option_cont{display: flex; flex-wrap:wrap; width:100%;} .option_cont h3{font-size:24px; margin-top: 30px; margin-bottom:5px; font-weight: 600;} .option_cont div{flex:1; margin-right: 20px; box-sizing: border-box; } .option_cont div img{width:100%; border-radius: 14px;padding:5px;border:2px solid rgba(0,0,0,0);box-sizing: border-box; opacity: 0.5;} .option_cont div img.img_on{border:2px solid #005a2b; opacity: 1;} .option_cont div:last-child{margin-right:0;} .option_cont .option_txt{width:100%; font-size:14px; line-height: 18px; margin-bottom: 10px;} .option_cont .object_hidden{visibility: hidden; } .highlight .hl_tit{display: flex; justify-content: space-between; align-items: flex-end; } .highlight .hl_tit a{color:#000; font-size:12px;display: inline-block; margin-bottom: 10px;} .highlight h3 br{display: none;} .highlight ul{width:100%; display: flex; flex-wrap: wrap;} .highlight li{position: relative; width:32%; margin-right:20px;margin-bottom:30px; } .highlight li:nth-child(3n){margin-right:0;} .highlight li img{ width:100%; margin-bottom:10px; border-radius: 15px;} .highlight li p{position: absolute; bottom:20px; left:20px; font-size:16px; line-height: 24px; color:#fff; text-shadow: 2px 2px 2px gray; font-weight: 600;} .mov .hl_tit{display: flex; justify-content: space-between; align-items: flex-end; } .mov .hl_tit a{color:#000; font-size:12px;display: inline-block; margin-bottom: 10px;} .mov h3 br{display: none;} .mov ul{width:100%; display: flex; flex-wrap: wrap;} .mov li{width:32%; margin-right:20px;margin-bottom:30px; } .mov li:nth-child(3n){margin-right:0;} .mov p{line-height: 18px; margin-bottom: 5px; color:#3a3a3a; font-weight: 600;} .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: -1.5px; margin-top: 6px;} .txt_red{color:red;} .mt5{margin-top: 5px;} /*결제페이지*/ .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{color:#999;font-size:14px;} .order_d p.t_indent{text-indent: -10px;margin-left: 10px;} .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; } .map{display:block; content:""; width:100%; clear:both;} .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-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; } /*차량제원-스펙*/ .webview{display:block;} .mobileview{display:none;} /*재고확인*/ .stock_img{font-size:14px;} .stock_area li{float:left; margin:0 7px; color:#999; } .stock_area li.on{font-weight: 700; color:#005a2b;} .stock_color{display: flex; align-items: center;} .stock_color img{width:30px; height:30px; border-radius: 50%; margin-right: 10px;} /*약관*/ .terms_top_txt{line-height: 20px; margin: 30px 0; color:#666;} .terms_cont {color:#636363; text-align: left; padding-bottom:30px;} .terms_cont h5{font-size:16px; font-weight: 700; margin-top:30px;} .terms_cont h6{font-size:14px; font-weight:500;margin:20px 0 10px 0;} .terms_cont p{line-height: 24px; } /*장기렌트카*/ .car_table{width:700px; margin:0 auto;} /*모델비교*/ .model_cont{display: flex; justify-content: space-between;} .model_cont .m_box{width:48%;margin: 30px 0;} .model_cont .m_box .model_head{width:100%;} .model_cont .m_box .model_head h2{width:100%;} .model_cont .m_box .model_head img{width:100%; margin: 20px 0;} .model_cont .m_box .model_head .model_h .order_t{display:block; width:100%; font-size:16px; margin-top: 16px; font-weight: 700;} .model_cont .m_box .model_head .model_h .price{color:#999;font-size:12px; line-height: 26px;} .model_cont .m_box .h_box{ height:300px;} .model_cont .m_box .model_bt .pop_d01{padding-right:10px;} .model_cont .m_box .model_bt .pop_d02{padding:0 10px;border-left:1px solid #ccc;} .model_cont .m_box .model_bt .pop_d01 img,.model_cont .m_box .model_bt .pop_d02 img{width:30px;} .model_cont .m_box .model_bt .pop_d01,.model_cont .m_box .model_bt .pop_d02{float:left; text-align:center; margin-top: 50px; box-sizing: border-box;} .model_cont .m_box .model_bt .pop_d01 p, .model_cont .m_box .model_bt .pop_d02 p{font-size:12px;padding:10px 0;} .model_cont .m_box .model_bt {width:100%; display: flex; justify-content: flex-end;} /*footer*/ .icon_area{width:1025px; margin:0 auto;clear:both; display: flex; align-items: center; width:1025px; 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; } .footer{width:100%; background: #eee; padding:30px; box-sizing: border-box; } .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; font-size:11px; line-height: 16px; } .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;} .tooltip2 {clear:both; position: relative; display: block;cursor: pointer;} .tooltip2 span{margin:0 5px;} .tooltip2 .tooltip-content {position: absolute; bottom:-20px; left:-10px; visibility: hidden;width: 80px; background-color: #f8f8f8; border:1px solid #ccc; padding: 10px; text-align: left; z-index: 1; box-sizing: border-box; border-radius: 3px; font-size:12px; } .tooltip2 .tooltip-content::after {content: " "; position: absolute; bottom:-6px; left:35px; width:10px; height:10px; background:#f8f8f8; border-top: solid 1px #ccc; border-right: solid 1px #ccc;transform: rotate(135deg);} .tooltip2:hover .tooltip-content { visibility: visible; text-align: center; font-weight: normal; color:333;} .swiper_web{display:block;} .swiper_m{display: none;} .swiper-pagination {position: absolute; bottom:10px; padding-left:340px;} .swiper-pagination-bullet { border:2px solid #000;} .swiper-pagination-bullet-active { background: #000;} @media (min-width:768px)and (max-width:1199px){ .header_inner .model_select{display:none;} .container{width:100%; padding:50px 20px 0 20px; box-sizing: border-box; } .container h2{font-size:30px; } .container .cont_top{width:100%;padding-left:30px;box-sizing: border-box;} .container .cont_m .cont_l{width:48%;padding-left:10px; } .container .cont_m .cont_r{width:52%;padding-left:30px; box-sizing: border-box; } .container .cont_m .cont_r .tit{display: block;} .container .cont_detail .cont_l{width:70%; height:370px; margin-bottom: 0;} .container .cont_detail .cont_r{width:30%; height:400px;padding-left:20px; box-sizing:border-box; margin-right:0;} .container .cont_detail .cont_r2{width:200px; height:400px; margin-right:0;padding-top:0;} .container .cont_detail .cont_l img{width:100%;} .container .cont_detail .cont_r .pop_d01, .container .cont_detail .cont_r .pop_d02,.container .cont_detail .cont_r .pop_d03{margin:10px 0;} .container .cont_detail .d_price{font-size:14px; line-height: 18px; } .highlight{margin-top:60px; } .highlight h3{width:70%; display: inline;margin-top:0;} .highlight li{width:49%; margin-right:10px; } .highlight li:nth-child(2){margin-right:0;} .highlight li:nth-child(3){margin-right:10px;} .highlight li:nth-child(4){margin-right:0;} .highlight li:nth-child(6){margin-right:0;} .mov{margin-top:60px; } .mov h3{width:100%; display: inline;margin-top:0;} .mov li{width:49%; margin-right:10px; } .mov li:nth-child(2){margin-right:0;} .mov li:nth-child(3){margin-right:10px;} .mov li:nth-child(4){margin-right:0;} .mov li:nth-child(6){margin-right:0;} .o_cont{ padding:0 50px; box-sizing: border-box; } button.btn_basic{padding:5px 0; font-size:12px;} .icon_area{width:95%;} } @media (min-width:1024px)and (max-width:1366px){ .container .cont_detail .cont_l{width:70%; height:430px; } } @media screen and (max-width:767px){ .wrap{width:100%;border-left:0; border-right:0;} .header_inner .model_select{display:none;} .header_inner .kb_logo img{width:240px; margin-left: 10px;} .container .kb_cont{ width:100%; padding:0 0 20px 0;} .container{width:100%;padding:0;} .container h2{font-size:20px;letter-spacing: -1px;font-weight:bold;text-align: center; padding:0; margin:30px 0 7px 0; line-height: 24px;} .container .h2_under{font-size:13px; line-height: 18px; padding:0 50px; box-sizing: border-box;font-weight: normal;} .container .cont_top {width:90%; text-align: center; padding:30px 0 10px 0; overflow-y: scroll; } .container .cont_top ul{ flex-wrap: nowrap;} .container .cont_top li{min-width:210px; height:30px; padding:0;margin-bottom: 5px;} .container .cont_m{border:0;margin:10px 0; padding:0;display:flex; flex-direction: column;} .container .cont_m .under_txt{width:100%; } .container .cont_m .cont_r .under_txt{ font-weight:normal; text-align: left;margin-bottom: 5px; box-sizing: border-box;} .container .cont_m .under_txt br:first-child{display:block;} .container .cont_m .tit{margin: 10px 0 5px 0; width:100%; text-align: center; display: block; height:20px; line-height: 16px; box-sizing: border-box; } .container .cont_m .cont_l{width:80%;margin:0 auto; text-align: center; box-sizing: border-box; padding:0;} .container .cont_m .cont_r{width:80%;margin:0 auto; margin-top: 20px; } .cont_detail{position: relative; padding:0 ; margin-top:20px;box-sizing: border-box;} .cont_detail h3{width:100%; font-size:16px; margin-top:50px; margin-bottom:10px; font-weight: 600; letter-spacing: -1px;} .cont_btnzone{ margin-top:30px;} .container .cont_detail .cont_l{display:block; width:100%; height:auto; } .container .cont_detail .cont_l img{width:100%;} .container .cont_detail .cont_r{position: static; display:block; width:100%; height:auto; margin-top: 10px; padding:0 20px; box-sizing: border-box;} .container .cont_detail .cont_r2{display:block; width:100%; padding:0 20px; box-sizing: border-box; } .container .cont_detail .cont_r .pop_d01 img,.container .cont_detail .cont_r .pop_d02 img,,.container .cont_detail .cont_r .pop_d03 img{width:30px;} .container .cont_detail .cont_r .pop_d01, .container .cont_detail .cont_r .pop_d02,.container .cont_detail .cont_r .pop_d03{float:left; text-align:center; margin-top:10px; box-sizing: border-box;} .container .cont_detail .cont_r .pop_d01 p, .container .cont_detail .cont_r .pop_d02 p,.container .cont_detail .cont_r .pop_d03 p{font-size:12px;padding:10px 0;} .container .cont_detail .cont_r .select_tit{clear:both; padding:10px 0; margin-top:20px;} .container .cont_detail .cont_r .pop_d01{padding-right:20px;padding-left: 5px;} .container .cont_detail .cont_r .pop_d02{padding:0 20px;} .container .cont_detail .cont_r .pop_d03{padding-left:20px;} button.btn_order{ width:100%;height:40px;margin-top:5px; background: #0c121c; color:#fff; display: flex; align-items: center; justify-content: center;} .exterior,.highlight,.platinem,.interior,.cont_btnzone,.mov{padding:0 20px; box-sizing: border-box;} .exterior ul,.interior ul{width:100%; height:44px; 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%; } .container .cont_detail .d_price{font-size:12px; height:14px;line-height: 14px; } .highlight .hl_tit a{color:#000; font-size:10px;} .highlight .hl_tit h3{font-size:15px;width:75%; margin-top:0;} .highlight h3 br{display: block;} .highlight ul{width:100%; } .highlight li{width:100%; margin:0 0 20px 0; min-height:230px;} .highlight .swiper-slide img{width:100%; display: flex; flex-wrap: nowrap; padding:0;margin-bottom: 10px; } .highlight .swiper-slide p{line-height: 16px;color:#3a3a3a; font-weight: 600; letter-spacing: -1.6px; margin-bottom: 5px;} .highlight .swiper-slide p.under{font-size:12px;line-height: 16px;color:#999; } .mov .hl_tit a{color:#000; font-size:10px;} .mov .hl_tit h3{font-size:15px;width:100%; margin-top:0;} .mov h3 br{display: block;} .mov ul{width:100%; } .mov li{width:100%; margin:0 0 20px 0; min-height:230px;} .mov .swiper-slide p{line-height: 16px;color:#3a3a3a; font-weight: 600; letter-spacing: -1.6px; margin-bottom: 5px;} .platinem ul{width:100%; height:56px; } .platinem ul li{font-size:10px; letter-spacing: -0.5px; margin: -5px 3px 0 0; padding:5px; width:56px; height:56px;} .platinem .d_price{font-size:12px; height:14px;line-height: 14px; padding-top: 10px;} .platinem ul li.on{width:52px; height:52px;padding:3px; margin-top:-5px;} .platinem ul li.off{width:52px; height:52px;padding:3px; margin-top:-5px;} .platinem ul li .select{ width:42px; height:42px; font-size:10px;} .platinem ul li .no_select{ width:42px; height:42px; font-size:10px;} .option_cont{padding:0 20px; box-sizing: border-box;} .option_cont h3{font-size:16px; margin-top: 50px; margin-bottom:4px; } .option_cont div{flex-basis: 100%; width:100%; margin-right: 0; } .option_cont .option_txt{font-size:12px;} .option_cont .object_hidden{display:none;} button.detail_btn{width:70px; height:20px; line-height:20px; font-size:10px;} /*결제페이지*/ .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; width:100%; font-size:16px; font-weight: 700; border-top: 1px solid #ccc; text-align:right;} .order_total span{font-size:12px; font-weight: 600;} button.btn_order{ width:100%;} .order_bt{ display:block; width:100%; padding:0 20px; box-sizing: border-box;} .map{ padding-top: 10px;} .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;} /*모델비교*/ .model_cont .m_box{width:50%; padding:0 10px; box-sizing: border-box; } .model_cont .m_box .order_total{font-size:14px;} .model_cont .m_box .h_box{width:100%; height:350px;} .model_cont .m_box .model_bt .pop_d01 img,.model_cont .m_box .model_bt .pop_d02 img{width:25px;} .model_cont .m_box .model_bt .pop_d01,.model_cont .m_box .model_bt .pop_d02{margin-top:50px;} .model_cont .m_box .model_bt .pop_d01 p, .model_cont .m_box .model_bt .pop_d02 p{font-size:11px;padding:10px 0;} /*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{ font-size:12px;} .icon_area{width: 100%; display:block; border-top: 1px solid #eee; padding:10px 20px;box-sizing: border-box; } .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: 20px; } .icon_box .icon_txt{margin-left: 20px; font-size:14px; } .terms_cont p{font-size:12px;} .car_table{width:86%;} .swiper_web{display:none;} .swiper_m{display: block; margin-bottom: 50px;} }