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, .order_way h2, .order_way_sub h2, .pr_page 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;}
.order_way h2, .order_way_sub h2, .pr_page h2 {margin: 30px 0; padding-bottom: 0;}

.container .cont_top{width:960px; padding:30px 0 10px 0;margin:0 auto;}
.container .cont_top ul{display: flex; width: 100%; align-items: center; justify-content: flex-start;flex-wrap: wrap;}
.container .cont_top a {margin-right: 10px;}
.container .cont_top li{display: flex; align-items: center; justify-content: center; min-width:230px;  height:50px; margin-left:; box-sizing: border-box; font-family:'Land Rover'; font-weight: 300;;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; letter-spacing: -0.7px; box-sizing: border-box;}

.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;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; margin: auto; width:736px; height:414px; margin-bottom: 30px; }
.container .cont_detail .cont_l img{width:100%; margin: auto;}
/* 23-03 로딩 내용 추가 */
.loading {
  position: fixed;
  z-index: 1000;
  left: 50%;
  transform: translatex(-50%);
  margin: 0; 
  display: flex;           
  justify-content: center;  
  align-items: center;
  width: 100%;     
  height: 100vh;
}
.loading span {
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  display: block;
}
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

/*23-02 추가*/
.container .cont_detail.order_ok {
  width: 736px;
  margin: auto;
}

.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;}
button.detail_btn:disabled {background: #ccc;}
.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 img:hover{transition: 0.2s all; filter: brightness(70%);}
.highlight p.hl_ptext{position: absolute;  bottom:20px; left:20px; font-size:16px; line-height: 24px; color:#fff; text-shadow: 2px 2px 2px gray; font-weight: 600; letter-spacing: -1.6px; }


.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%; height: 240px; margin-right:20px;margin-bottom:30px;}
.mov li:nth-child(3n){margin-right:0;}
.mov p{height: 20px; line-height: 20px; margin-bottom: 5px; color:#3a3a3a; font-weight: 600;}

.mov li { position: relative; }
.mov .video_btn {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-40%,-50%);
  width: 50px;
  height: 58px;
  background: url(../images/btn_play.png)no-repeat center / 100%;
  opacity: 0.8;
}
/*
.mov .video_btn{
	position: absolute; top:40%; left:55%; 
	transform: translate(-45%, -55%); 
	border-bottom:30px solid transparent; 
	border-top: 30px solid transparent; 
	border-left: 50px solid #fff; 
	border-right:50px solid transparent; 
	opacity:0.6; z-index:5; cursor: pointer;
}
*/
/*23-02 기사내용으로 수정*/
.mov .news_img {display: block; width: 100%; height: 180px; overflow: hidden;}
.mov .news_img img {
  width: 100%;
}
.mov .vid_wrap {position: relative; width: 100%; height: 180px; overflow: hidden;}
.mov .vid_wrap video {position: absolute; top: 50%; transform: translateY(-50%);}
.mov .news p {margin-top: 2px;}
.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;}

/*23-02 주문방법 비디오 추가*/
.order_way_video {width: 1025px; height: 570px; margin: auto;}
.order_way_video .vid_wrap {position: relative; height: 100%; overflow: hidden;}
.order_way_video .video_btn_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-53%, -55%);
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background: rgba(255,255,255,0.1);
  border: 2px solid #fff;
}
.order_way_video .video_btn {
  position: absolute;
  top: 50%;
  left: 68%;
  transform: translate(-40%, -50%);
  border-bottom: 25px solid transparent;
  border-top: 25px solid transparent;
  border-left: 40px solid #fff;
  border-right: 40px solid transparent;
  opacity: 0.9;
  z-index: 5;
  cursor: pointer;
}

.btn_survey {
  display: block;
  width: 320px;
  height: 56px;
  margin: 30px auto;
  margin-bottom: 50px;
  border-radius: 5px;
  background: #0c121c;
  font-size: 18px;
  color: #fff;
  font-family: "Yoon Gothic"
}
/*23-02 주문방법 서브 추가*/
.sub_wrap {
  width: 750px;
  margin: auto;
  padding: 0 30px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  box-sizing: border-box;
  text-align: center;
  background: #fff;
}
.sub_wrap .header {position: relative;width: 100%; height: 60px; padding-top: 30px; border: none;}
.sub_wrap h1 {position: absolute; width: 112px; height: 60px; right: 0;}
.sub_wrap h1 > img {width: 100%;}
.order_way_sub {width: 100%;}

.order_way_sub h2 {
  font-size: 38px;
  line-height: 52px;
  margin: 30px 0 40px 0;
}
.order_way_sub .order_way_video {width: 100%; height: auto;}
.order_way_sub .vid_wrap {width: 100%; overflow: hidden;}

.order_way_sub .order_way_btn,
.pr_page .order_way_btn {
  margin-top: 50px;
}
.order_way_sub button,
.pr_page button {
  margin-top: 30px;
  width: 100%;
  height: 97px;
  line-height: 95px;
  border-radius: 0;
  background: #0c121c;
  font-size: 30px;
  font-family: "Yoon Gothic";
  letter-spacing: -0.7px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

.order_way_sub .footer,
.pr_page .footer {margin-top: 80px; background: #fff; padding: 0; padding-bottom: 30px;}
.order_way_sub .sns,
.pr_page .sns {display: flex; justify-content: center;}
.order_way_sub .sns a,
.pr_page .sns a {width: 48px; height: 48px; text-align: center;}
.order_way_sub .sns a:not(:last-child), .pr_page .sns a:not(:last-child){margin-right: 25px;}
.order_way_sub .sns img,
.pr_page .sns img {display: block; width: 100%;}

.order_way_sub .info,
.pr_page .info {margin-top: 40px;}
.order_way_sub .info > img,
.pr_page .info > img {width: 80px; height: 41px;}
.order_way_sub .lrk,
.pr_page .lrk {margin-top: 40px;font-size: 20px; font-weight: bold;}
.order_way_sub .address,
.pr_page .address {margin-top: 20px; font-size: 14px; font-family: "Yoon Gothic";}
.order_way_sub .footer p br,
.pr_page .footer p br {display: block;}

/*23-02 이미지 수정*/
/*서브 01*/
.order_way_sub .img_wrap,
.pr_page .img_wrap {display: flex; justify-content: center; align-items: center; width: 100%; height: 350px; overflow: hidden;}
.order_way_sub .img_wrap img,
.pr_page .img_wrap img {display: block; width: 100%;}
.order_way_sub .img_swiper {width: 100%; height: 400px;}
/*서브 02*/
.order_way_sub .model_swiper,
.pr_page .model_swiper {position: relative; width: 100%; height: 420px; margin-bottom: 70px;}
.order_way_sub .model_swiper .model_img_wrap,
.pr_page .model_swiper .model_img_wrap {position: relative; height: 360px; overflow: hidden;}
.order_way_sub .model_swiper .model_img_wrap img,
.pr_page .model_swiper .model_img_wrap img {display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);width: 100%;}
.order_way_sub .model_swiper .txt_wrap,
.pr_page .model_swiper .txt_wrap {
  position: relative;
  height: 70px;
}
.order_way_sub .model_swiper .model_tit,
.pr_page .model_swiper .model_tit {font-size: 30px; text-align: left; line-height: 70px;}
.order_way_sub .model_swiper .more_btn,
.pr_page .model_swiper .more_btn {
  position: absolute;
  z-index: 10;
  top: 25%;
  right: 0;
  width: 160px;
  height: 40px;
}
.order_way_sub .model_swiper .more_btn > a,
.pr_page .model_swiper .more_btn > a {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  background: #000;
  color: #fff;
}
.order_way_sub .swiper-pagination,
.pr_page .swiper-pagination {width: 100%; padding: 0; margin-bottom: 62px;}
.order_way_sub .swiper-pagination-bullet,
.pr_page .swiper-pagination-bullet {margin: 5px;}

/*23-03 order_way 고객 만족도 조사 추가*/
.order_way_sub .survey_txt {
  margin: 70px 0;
  line-height: 40px;
  font-size: 28px;
  letter-spacing: -0.5px;
}
.order_way_sub .survey_txt p:last-child {
  margin-top: 30px;
}
.order_way_sub .survey_info {
  font-size: 24px;
  text-align: left;
}
.order_way_sub .survey_info li > span {
  display: inline-block;
  width: 150px;
  padding: 10px 18px;
  margin-right: 15px;
  border-radius: 30px;
  text-align: center;
  font-size: 18px;
  background: #0c121c;
  color: #fff;
}
.order_way_sub .survey_info li > p {
  display: inline-block;
}
.order_way_sub .survey_info li:not(:last-child) {
  margin-bottom: 30px;
}
.order_way_sub .survey_info .coffee_img {
  width: 55%;
  margin-left: 30%;
  margin-top: 30px;
}
.order_way_sub .survey_info .coffee_img > img {
  display: block;
  width: 170px;
  margin: auto;
}
.order_way_sub .survey_notice {
  text-align: left;
}
.order_way_sub .survey_notice h3::before {
    display: inline-block;
    content: '';
    width: 26px;
    height: 26px;
    margin-right: 10px;
    background: url(../images/icon.png);
}
.order_way_sub .survey_notice h3 {
  padding: 30px 0;
  font-size: 30px;
  font-weight: 700;
  border-top: 2px solid #e9eced;
  border-bottom: 2px solid #e9eced;
  color: #4a4f54;
}
.order_way_sub .survey_notice .footer_contents p::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -10px;
    width: 5px;
    height: 2px;
    margin-right: 20px;
    background: url(../images/icon_bullet.png) no-repeat center;
}
.order_way_sub .survey_notice .footer_contents {
    width: 95%;
    margin: auto;
    padding-top: 30px;
    color: #0c121c;
}
.order_way_sub .survey_notice .footer_contents p:not(:last-child) {
    position: relative;
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 18px;
    letter-spacing: -1.2px;
}
.order_way_btn .btn_survey {
  margin-bottom: 80px;
}
/* 23-03 홍보안내 내용 추가 */
.pr_wrap {
  margin-top: 50px;
}
.pr_contain {
  width: 92%;
  margin: auto;
}
.pr_contain .pr_cont_wrap:not(:last-child) {
  margin-bottom: 85px;
}
.pr_cont {
  margin-top: 30px;
  text-align: left;
}
.pr_cont_tit {
  font-size: 26px;
  text-align: left;
}
.pr_cont_tit > span {
  margin-right: 10px;
  font-size: 34px;
  font-weight: bold;
  color: #005b2a;
}
.pr_cont {
  display: flex;
}
.pr_cont .icon_wrap {
  width: 150px;
  height: 150px;
  margin-right: 40px;
}
.pr_cont .icon_wrap > img {
  display: block;
  width: 100%;
}
.pr_cont .pr_cont_txt {
  margin-top: 10px;
  font-size: 20px;
  line-height: 1.9;
}
.pr_cont .pr_cont_txt.mt_30 {
  margin-top: 30px;
}
.pr_cont .pr_cont_txt p {
  position: relative;
}
.pr_cont .pr_cont_txt p::before {
  position: absolute;
  content: '';
  left: -15px;
  top: 16px;
  width: 6px;
  height: 6px;
  background: #000;
  border-radius: 6px;
}
.pr_cont .pr_cont_txt p > span {
  display: block;
  margin-top: -5px;
}
.pr_page .pr_page_jointxt {
  margin-top: 50px;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: -0.8px;
}

/*결제페이지*/
.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;  padding-top:20px; }

.map{ display: flex; justify-content: space-between; padding:20px; background: #eee;box-sizing: border-box;}
.map_data{display:flex; align-items: flex-end; width:28%; padding-left:20px; box-sizing: border-box;}
.map_data p:first-child{font-size:16px; color:#000; font-weight: bold; margin-bottom: 10px;}
.map p,.map p a{font-size:13px; line-height: 20px; color:#666;}
.map p a:hover{color:#333; font-weight: bold;}
.map_box{width:72%; height:300px; overflow:hidden; border:1px solid #ddd; }
.map_box img{width:100%;}/*샘플로 보여주는이미지*/
.agree{width:100%; padding:10px; border:1px solid #ddd;line-height: 26px; box-sizing: border-box; margin-top: 20px;}
.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%;}
/*23-01 모델비교 라벨 추가*/
.model_head .title {
  position: absolute;
  width: 10%;
  height: 28px;
  font-size: 15px;
  font-weight: 600;
  line-height: 27px;
  padding-top:5px;
}
.model_head .model_select {
  width: 90%;
  margin-left: 10%;
}
#model {width: 90%;}
.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; line-height: 20px;color: #444; margin-top: 16px; font-weight: bold;}
.model_cont .m_box .model_head .model_h .price{color:#999;font-size:12px; line-height: 26px;}

.model_cont .m_box .h_box{ height:270px;}
.model_cont .m_box .h_box .order_d .order_t{font-size:14px; line-height:20px;font-weight: bold;}
.model_cont .m_box .h_box .order_d:nth-child(2){height:80px;}
.model_cont .m_box .h_box .order_d p{ line-height: 16px; }

.model_cont .m_box .model_bt{display: flex; justify-content: space-around; width:100%;margin: 60px 0 20px 0;  padding:0 80px;box-sizing: border-box;}
.model_cont .m_box .model_bt .br_line{border-right:1px solid #ccc;}
.model_cont .m_box .model_bt .pop_d01,.model_cont .m_box .model_bt .pop_d02{display: flex; align-items: center;  }
.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 p,
.model_cont .m_box .model_bt .pop_d02 p{font-size:12px;padding-left: 20px;}



/*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_div{width:100%; display: flex; justify-content: space-between;}
.tooltip {clear:both; position: relative; display: block;cursor: pointer;}

.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.on { 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: 150px; 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;}

/*23-01 툴팁 추가*/
.tooltip3 {clear:both; position: relative; display: block;cursor: pointer;}
.tooltip3 .tooltip-content {position: absolute; bottom: 130px; left: 50%; transform: translateX(-50%);visibility: hidden;width: 240px; 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;}
/*.tooltip3 .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);}*/
.tooltip3.disabled: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:300px;}
.swiper-pagination-bullet { border:2px solid #000;}
.swiper-pagination-bullet-active { background: #000;}
/*23-02 추가*/
.mov .swiper-pagination-bullet {border:2px solid #fff; box-shadow: 1px 3px 5px rgb(0 0 0 / 30%);}
.mov .swiper-pagination-bullet-active { background: #fff; box-shadow: 1px 3px 5px rgb(0 0 0 / 30%);}

@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:720px;padding-left:20px;box-sizing: border-box;}
/*23-02 수정*/
.container .cont_top li{min-width:220px;}
.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:25%; height:auto; 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; }
  
/*23-02 추가*/
.container .cont_detail.order_ok {
  width: 70%;
  margin: auto;
}
.container .cont_detail.order_ok .cont_l.order_ok {
    width: 100%;
}

.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%;}
  
/*23-02 내용 추가*/
.model_cont .m_box .model_bt {
  justify-content: space-between;
  width: 100%;
  margin: 60px 0 20px 0;
  padding: 0 60px;
  box-sizing: border-box;
}
/*23-02 주문방법 비디오 추가*/
.order_way_video {width: 100%; height: auto;}
.order_way_video .vid_wrap {height: auto;}
/* 23-03 내용 추가 */
.icon_area {width: 95%; margin: auto;}
.icon_box{ margin:0;}

.icon_box .icon_txt{margin-left: 10px; font-size:14px; }

.icon_box.icon_testdrive, .icon_box.icon_counseling {margin: auto; margin-left: -10px;}
.icon_box.icon_counseling {margin-left: -45px;}


}/**/

@media (min-width:1024px)and (max-width:1366px){
.container .cont_detail .cont_l{width:70%; height:430px; }
}
/*23-02 내용 추가*/
@media (min-width:768px) and (max-width:1199px){
  /*23-02 추가*/
  .mov li {height: 220px;}
  .mov li:last-child {padding-bottom: 20px;}
  .mov .news_img {position: relative; display: block; width: 100%; height: 200px; overflow: hidden;}
  .mov .news_img img {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: auto;}
  .mov .vid_wrap {position: relative; width: 100%; height: 200px; overflow: hidden;}
  .mov .vid_wrap video {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: auto;}
  .mov .video_btn{
  z-index: 10;
  top: 45%;
  left: 53%;
  transform: translate(-53%,-50%);
  width: 60px;
  height: 68px;
}
/*23-02 주문방법 서브 추가*/
.sub_wrap {
  width: 90%;
  margin: auto;
  padding: 0;
  border: none;
  box-sizing: border-box;
  text-align: center;
  background: #fff;
}
/*서브 02*/
.order_way_sub .model_swiper,
.pr_page .model_swiper {position: relative; width: 100%; height: 460px; margin-bottom: 70px;}
.order_way_sub .model_swiper .model_img_wrap,
.pr_page .model_swiper .model_img_wrap {position: relative; height: 400px; overflow: hidden;}
}
.order_way_sub .swiper-pagination,
.pr_page .swiper-pagination {margin-top: 3px;}

@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:240px; 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; }

.container .cont_detail.order_ok {
  width: 100%;
  margin: auto;
}


.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%;}
/*23-01 수정*/
.container .cont_detail .cont_1_order_ok {
  width: 100%;
  padding-left: 0;
}
.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; }

.tooltip_div{width:60%;}

.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 p.hl_ptext{line-height: 16px; font-weight: 600; letter-spacing: -1.6px; margin-bottom: 5px;}
.highlight .swiper-slide p.under{font-size:12px;line-height: 16px;color:#999; }
.highlight a.hl_pop_view{position: absolute;opacity: 0.8; top:15px; left:10px; width:30px; height:30px; color:#fff; cursor: pointer; font-size:30px;line-height:30px; text-align:center;background: rgba(255,255,255,0.5);}

.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;}
/*23-02 주문방법 비디오 추가*/
.order_way h2 {font-size: 20px; margin: 0;} 
.order_way_video {width: 100%; height: auto; margin: auto; margin-bottom: 20px;}
.order_way_video .vid_wrap {position: relative; height: auto;}
.order_way_video .video_btn_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-53%, -55%);
  width: 80px;
  height: 80px;
  border-radius: 50px;
  background: rgba(255,255,255,0.1);
  border: 2px solid #fff;
}
.order_way_video .video_btn {
  position: absolute;
  top: 50%;
  left: 68%;
  transform: translate(-40%, -50%);
  border-bottom: 20px solid transparent;
  border-top: 20px solid transparent;
  border-left: 30px solid #fff;
  border-right: 30px solid transparent;
  opacity: 0.9;
  z-index: 5;
  cursor: pointer;
}
.btn_survey, .btn_osa {
  display: block;
  width: 240px;
  height: 42px;
  margin: 20px auto;
  margin-bottom: 40px;
  border-radius: 5px;
  background: #0c121c;
  font-size: 14px;
  color: #fff;
  font-family: "Yoon Gothic"
}

.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{position: relative; font-size:16px;  margin-top: 50px; margin-bottom:4px; }
/* 23-01 수정 툴팁 */
.option_cont h3 > .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; }
.option_cont h3:hover .tooltip-content.on { visibility: visible;  text-align: center; font-weight: normal; color:333;}
.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:20px 20px 0 20px; box-sizing: border-box;}

.map{ flex-direction:column; padding:10px;  }
.map_data{ align-items: flex-start; width:100%; padding:10px 0 0 10px; margin-top: 10px; }
.map_data p:first-child{font-size:14px;}
.map_box{width:100%;height:195px;}


.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 .model_head .model_h .order_t{ font-size:14px; }
.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:300px;}

.model_cont .m_box .model_bt{padding: 0 20px;}
.model_cont .m_box .model_bt .pop_d01,.model_cont .m_box .model_bt .pop_d02{flex-direction: column;}
.model_cont .m_box .model_bt .pop_d01 p,.model_cont .m_box .model_bt .pop_d02 p{padding-left: 0;}
.model_cont .m_box .model_bt .pop_d01 img{width:25px;margin-bottom: 10px;}
.model_cont .m_box .model_bt .pop_d02 img{width:23px;margin-bottom: 10px;}

/*23-01 모델비교 라벨 추가*/
.model_head .title {
  position: absolute;
  width: 15%;
  font-size: 12px;
  line-height: 28px;
}
  .model_head .model_select {
  width: 83%;
  margin-left: 17%;
}

  
/*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;}

.swiper_m img{border-radius: 5px;}
.swiper_m .swiper-slide{position: relative;}

  /* 23-02 내용 수정 */
.img_wrap_m {display: block;}  
.img_wrap_m, .vid_wrap_m {height: 210px;}
.img_wrap_m .news_img_m, .vid_wrap_m .vid_m {position: relative; width: 100%; height: 85%; overflow: hidden;}
.vid_wrap_m {overflow: hidden;}
  .img_wrap_m .news_img_m img {position: absolute; top: 50%; transform: translateY(-50%); width: 110%; height: auto;} 
  .vid_wrap_m video {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: auto;}
.swiper_m p {margin-top: 5px;}
.mov .video_btn{
  z-index: 10;
  top: 45%;
  left: 53%;
  transform: translate(-53%,-55%);
}
/*23-02 주문방법 서브 추가*/
.sub_wrap {
  width: 100%;
  margin: auto;
  padding: 0;
  border-left: 0;
  border-right: 0;
}
.sub_wrap .header {position: relative; width: 95%; margin: auto; height: 55px; padding-top: 20px; border: none;}
.sub_wrap h1 {position: absolute; width: 80px; height: auto; text-align: right;}
.order_way_sub {width: 100%; margin: auto;}
.order_way_sub h2,
.pr_page h2 {
  width: 350px;
  font-size: 22px;
  line-height: 32px;
  margin: 0 auto;
}
/*서브 01*/
.order_way_sub .img_wrap,
.pr_page .img_wrap {height: 210px; margin: 30px 0;}
.order_way_sub .img_swiper {height: 200px; margin: 30px 0;}
.order_way_sub .slide_img_wrap {height: 200px;}
.order_way_sub .order_way_video {margin-top: 10px;}
/*서브 02*/
.order_way_sub .model_swiper,
.pr_page .model_swiper {height: auto; margin-top: 30px; margin-bottom: 30px;}
.order_way_sub .model_swiper .model_img_wrap,
.pr_page .model_swiper .model_img_wrap {position: relative; height: 220px; overflow: hidden;}
.order_way_sub .model_swiper .txt_wrap,
.pr_page .model_swiper .txt_wrap {
  width: 95%;
  margin: auto;
  height: auto;
}
.order_way_sub .model_swiper .model_tit,
.pr_page .model_swiper .model_tit {
  font-size: 16px;
  line-height: 50px;
  font-weight: 600;
}
.order_way_sub .model_swiper .more_btn,
.pr_page .model_swiper .more_btn {
  top: 16%;
  width: 110px;
  height: 35px;
}
.order_way_sub .model_swiper .more_btn > a,
.pr_page .model_swiper .more_btn > a {
  height: 35px;
  line-height: 35px;
  font-size: 10px;
}
.order_way_sub .swiper-pagination,
.pr_page .swiper-pagination {margin-top: 0;}
.order_way_sub .swiper-pagination-bullet,
.pr_page .swiper-pagination-bullet {width: 6px; height: 6px;}  
  
.order_way_sub .order_way_btn {
  margin-top: 10px;
}
.order_way_sub button {

  margin-top: 10px;
  height: 60px;
  margin-bottom: 20px;
  line-height: 60px;
  font-size: 16px;
}

.order_way_sub .footer,
.pr_page .footer {margin-top: 50px; padding-bottom: 40px;}
.order_way_sub .sns a,
.pr_page .sns a {width: 40px; height: 40px;}
.order_way_sub .info,
.pr_page .info {margin-top: 30px;}
.order_way_sub .info > img,
.pr_page .info > img {width: 72px; height: auto;}
.order_way_sub .lrk,
.pr_page .lrk {margin-top: 30px;font-size: 16px; font-weight: bold;}
.order_way_sub .address,
.pr_page .address {margin-top: 20px; font-size: 12px;}
  
/*23-03 order_way 고객 만족도 조사 추가*/
.order_way_sub .survey_wrap {
  width: 95%;
  margin: auto;
}
.order_way_sub .survey_txt {
  margin: 50px auto;
  line-height: 1.4;
  font-size: 19px;
}
.order_way_sub .survey_txt p:last-child {
  margin-top: 15px;
}
.order_way_sub .survey_info {
  margin-left: 5px;
  font-size: 18px;
  text-align: left;
}
.order_way_sub .survey_info li > span {
  display: inline-block;
  width: 125px;
  padding: 8px 12px;
  font-size: 14px;
}
.order_way_sub .survey_info li > p {
  display: block;
  margin-left: 15px;
  margin-top: 15px;
}
.order_way_sub .survey_info .coffee_img {
  width: 80%;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 40px;
}
.order_way_sub .survey_info .coffee_img > img {
  display: block;
  width: 110px;
  margin: auto;
}
.order_way_sub .survey_info li:last-child {
  margin-bottom: 50px;
}

.order_way_sub .survey_notice h3::before {
    width: 16px;
    height: 16px;
    background: url(../images/icon.png) center / 100%;
}
.order_way_sub .survey_notice h3 {
  padding: 20px 0;
  font-size: 20px;
}
.order_way_sub .survey_notice .footer_contents p::before {
  top: 8px;
  left: -8px;
}
.order_way_sub .survey_notice .footer_contents {
  margin-left: 13px;
  padding-top: 25px;
}
.order_way_sub .survey_notice .footer_contents p:not(:last-child) {
  font-size: 14px;
  line-height: 1.4;
}
.order_way_sub .survey_notice .footer_contents p:last-child {
  font-size: 12px;
}
.order_way_btn .btn_survey {
  margin-bottom: 60px;
}

/* 23-03 홍보안내 내용 추가 */
.pr_wrap {
  width: 95%;
  margin: auto;
  margin-top: 35px;
}
.pr_contain {
  width: 100%;
  margin: auto;
  margin-bottom: 10px;
}
.pr_contain .pr_cont_wrap:not(:last-child) {
  margin-bottom: 50px;
}
.pr_cont {
  display: flex;
  justify-content: space-between;
}
.pr_cont {
  margin-top: 10px;
  text-align: left;
}
.pr_cont_tit {
  padding-left: 10px;
  text-align: left;
  font-size: 17px;
  letter-spacing: -0.5px;
}
.pr_cont_tit > span {
  margin-right: 5px;
  font-size: 20px;
}
.pr_cont .icon_wrap {
  width: 20%;
  height: 100px;
  margin: auto;
  margin-top: 15px;
}
.pr_cont .icon_wrap > img {
  display: block;
  width: 100%;
}
.pr_cont .pr_cont_txt {
  width: 80%;
  margin-top: 15px;
  font-size: 13px;
  letter-spacing: -0.5px;
}
.pr_cont .pr_cont_txt.mt_30 {
  margin-top: 25px;
}
.pr_cont .pr_cont_txt p {
  display: block;
  width: 100%;
  margin: auto;
  padding-left: 10px;

}
.pr_cont .pr_cont_txt p::before {
  left: 2px;
  top: 12px;
  transform: none;
  width: 3px;
  height: 3px;
}
.pr_page .order_way_btn {
  margin-top: 0;
}
.pr_wrap button {
    width: 95%;
    margin-top: 50px;
    height: 60px;
    margin-bottom: 20px;
    line-height: 60px;
    font-size: 16px;
}
.pr_page .pr_page_jointxt {
  margin-top: 0;
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: -1.2px;
}
}

@media screen and (max-width:280px){
  .img_wrap_m {display: block;}  
.img_wrap_m, .vid_wrap_m {height: 180px;}
.img_wrap_m .news_img_m, .vid_wrap_m .vid_m {width: 100%; height: 75%; overflow: hidden;}
.vid_wrap_m {overflow: hidden;}
  .img_wrap_m .news_img_m img {width: 110%; height: auto;} 
  .vid_wrap_m video {width: 100%; height: auto;}
.swiper_m p {margin-top: 5px;}
  .mov .video_btn{
  z-index: 10;
  top: 35%;
  left: 53%;
  transform: translate(-53%,-35%);
  width: 45px;
}
.order_way_sub h2 {
  font-size: 16px;
  line-height: 25px;
  margin: 0;
}
/*서브 02*/
.sub_wrap {
  width: 100%;
}
.order_way_sub .model_swiper,
.pr_page .model_swiper {height: auto; margin-top: 30px; margin-bottom: 0;}
.order_way_sub .model_swiper .model_img_wrap,
.pr_page .model_swiper .model_img_wrap {position: relative; height: 180px; overflow: hidden;}
.order_way_sub .model_swiper .txt_wrap,
.pr_page .model_swiper .txt_wrap {
  position: static;
  width: 95%;
  margin: auto;
  height: auto;
}
.order_way_sub .model_swiper .model_tit,
.pr_page .model_swiper .model_tit {
  font-size: 20px;
  text-align: left;
  line-height: 50px;
}
.order_way_sub .model_swiper .more_btn,
.pr_page .model_swiper .more_btn {
  position: static;
  width: 140px;
  height: 36px;
}
.order_way_sub .model_swiper .more_btn > a,
.pr_page .model_swiper .more_btn > a {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
}
.order_way_sub .swiper-pagination,
.pr_page .swiper-pagination {margin-top: -3px;}
.order_way_sub .swiper-pagination-bullet,
.pr_page .swiper-pagination-bullet {width: 4px; height: 4px;}  


.order_way_sub .address,
.pr_page .address {
    margin-top: 20px;
    font-size: 10px;
}
/* 23-03 홍보안내 페이지 추가 */
.pr_contain {
  width: 95%;
}
.pr_page h2 {
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  margin: 0 auto;
}
.pr_page .model_swiper .model_tit {
  font-size: 16px;
  text-align: left;
  line-height: 50px;
}
.pr_cont_tit {
  padding-left: 10px;
  text-align: left;
  font-size: 13px;
  letter-spacing: -0.5px;
}
.pr_cont_tit > span {
  margin-right: 5px;
  font-size: 15px;
}
.pr_cont .pr_cont_txt {
  width: 75%;
  margin-top: 20px;
  font-size: 12px;
}
}