html, body { width: 100%; height: 100%;  }
.main_swiper, .banner_wrap { width: 100%; height: 100%; overflow: hidden; min-height: 500px;  }

.main_swiper img{ width: 100%; height: 100%; object-fit: cover;  }

header { position: fixed; top:0; left: 0; width: 100%; z-index: 999999999;  }
header.scroll { background: #fff; height: 70px;  }

header .content { width: 90%; margin: auto; position: relative; }
header .logo { display:  inline-block; z-index: 10; position: absolute; top: 0px;  }
header .logo img{ width: 70px;  }

.h_menu_w { position: absolute; top:0; left:0; width:100%;  padding: 11px 0 0; text-align: center; z-index: 0;  }
.h_menu_w > .h_menu { display: inline-block;  }

.h_menu > ul { display: flex;  }
.h_menu_w .h_menu ul li a {  font-size: 16px; display: inline-block; height: 50px; line-height: 50px; 
font-style: normal; font-weight: 400;  color:#fff;   }

.h_menu_w .h_menu > ul > li > a {  padding: 0 27px; font-weight: 700; }

.h_menu_w .h_menu ul li li a { color:#333;  } 

.hr_menu_w .h_menu ul li a{ color:#fff; }

 .h_menu ul li:hover ul{ display: inline-block;  }

 .h_menu > ul > li {padding-bottom: 16px;  }
 .h_menu ul li { position: relative; }
 .h_menu ul li ul { position: absolute; top: 59px; background: #fff;
 width: 110%; display: none; left: -19%; z-index: 90; width: 180px;   }
 
  .h_menu ul li:nth-child(1) ul { left: -25px;  }
  .h_menu ul li:nth-child(2) ul { left: -43px;  }
  .h_menu ul li:nth-child(3) ul { left: -20px;  }
  .h_menu ul li:nth-child(4) ul { left: -29px;  }
  
  .h_menu ul li:nth-child(5) ul { left: -45px; width: 220px;   }
  
  
  
 
 .hr_menu_w .h_menu ul li ul a {  font-size: 16px; display: inline-block; height: 50px; line-height: 50px; 
font-style: normal; font-weight: 400; padding: 0 5px; color: #222; }
 
 
 .h_menu ul li ul a{ color: #333; display: inline-block; width: 100%; font-weight: 500; }
 .h_menu ul li ul a:hover  { color:#051d2e !important; font-weight: bold; }
.h_menu ul li ul .on a { background: #051d2e; color:#fff !important;  }

 .h_menu ul li ul a { padding: 0;  }

.hr_menu_w ul li ul { width: 80px; left: -27px !important;   }
.hr_menu_w ul li ul { top: 47px;  }
.hr_menu_w ul li ul li a{ text-align: center; }
.hr_menu_w ul li.language { padding-bottom: 20px;  }

.hr_menu_w ul li em { width: 24px; height: 24px; display: inline-block;  }
.hr_menu_w ul li.language em { background: url("/resources/images/common/hr_menu1.svg") center no-repeat; }
.hr_menu_w ul li.like em { background: url("/resources/images/common/hr_menu2.svg") center no-repeat; }
.hr_menu_w ul li.menu em { background: url("/resources/images/common/hr_menu3.svg") center no-repeat; }

.scroll .hr_menu_w ul li.language em, header.on .hr_menu_w ul li.language em { background: url("/resources/images/common/hr_menu1_on.svg") center no-repeat; }
.scroll .hr_menu_w ul li.like em, header.on .hr_menu_w ul li.like em  { background: url("/resources/images/common/hr_menu2_on.svg") center no-repeat; }
.scroll .hr_menu_w ul li.menu em, header.on .hr_menu_w ul li.menu em { background: url("/resources/images/common/hr_menu3_on.svg") center no-repeat; }


header.scroll .h_menu_w .h_menu ul li a, header.on .h_menu_w .h_menu ul li a { color:#222;  }


.hr_menu_w { position: absolute; right: 0; top: 23px; ;display: inline-block; }
.hr_menu_w ul { gap: 21px;  }
.hr_menu_w li{ position: relative; }
.hr_menu_w li i { display: inline-block; padding: 3px; border-radius: 100px;  line-height: 1;
position: absolute; font-style: normal; font-size: 11px; background: rgba(34, 34, 34, 0.80); color:#fff; 
text-align: center;  min-width: 17px;  top: -5px; right: -9px;  }

.hr_menu_w li span { cursor: pointer; display: inline-block; }

.main_swiper .box { position: relative; }
.main_swiper .box .memo { position: absolute; left: 50%; top: 50%;
    transform: translate(-50%, -50%); text-align: center; width: 95%;  }

.main_swiper .swiper { height: 100%;  }
    
.main_swiper .box .memo h3 { color:#fff; font-size: 40px; font-weight: 600; line-height: 55px; }
.main_swiper .box .memo p { color:#fff; font-size: 20px; font-weight: 400; margin-top: 31px;  } 
.main_swiper .box .memo a { display: inline-block; margin-top: 55px; padding: 15px 70px; 
border: 1px solid #fff; border-radius: 100px; color:#fff; font-size: 16px; transition: 0.3s; }
    
.main_swiper .box .memo a:hover { background: rgba(255,255,255,0.5); border-color:#fff; color: #333;;  }    
    
.main_swiper .scroll { position: absolute; left: 50%; bottom: 5%;  transform: translate(-50%, -0%); z-index: 20;  }
.main_swiper .scroll:before { content:""; display: inline-block; width: 5px; height: 5px; background: #fff; 
border-radius: 100px; position: absolute; top: 5px; left: 15px;  animation: banner_scroll 1.2s ease 0s infinite alternate;  }

.main_swiper .scroll img{ width: 35px;  }    
    
    
@keyframes banner_scroll {
	0% {margin-top: 0px; opacity: 0.5 }
	100% {margin-top: 10px; opacity: 1; }
}



.main_section{ margin-top: 130px }    
.main_title1 h3 { text-align: center;  color: #999; text-align: center; font-size: 22px;
font-style: normal; font-weight: 500; }    
    
    
 .content {  width: 90%; margin: auto; }    
  .container .content{   max-width: 1500px; }  
    
.item_list{ display: inline-block; width: 100%; padding-top: 0px; }    
.item_list ul { display: flex; flex-direction: row; flex-wrap: wrap; gap: 30px;  }    
.item_list ul li { width: calc(33.33% - 20px); overflow: hidden;  }   

.item_list ul li a { position: relative; display: inline-block; width: 100%; height: 100%;  }
.item_list ul li a > div.memo:before { content:""; display: inline-block; width: 100%; height: 100%; position: absolute; top:0; left: 0;
background: rgba(0,0,0,0.6);   }

.item_list ul li .phto { position: relative;  }


.goods_list.item_list ul li a .memo:before { content:""; display: inline-block; width: 100%; height: calc(100% - 3px); position: absolute; top:0; left: 0;
background: rgba(0,0,0,0.6);   }

.goods_list.item_list ul li.no-data.on { display: inline-block; width: 100%;  } 
.goods_list.item_list ul li.no-data{ display: none;  }

.item_list ul li a > div.memo {   width: 100%; height: 100%; overflow: hidden; position: absolute; top:0; left: 0; 
   transition: 0.3s;  opacity: 0;}
.item_list ul li a:hover div {     opacity: 1;}

.item_list ul li a .bottom { position: absolute; bottom: 25px; width: 100%; padding: 0 25px;  }
.item_list ul li a strong { position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%);
 color:#fff; font-size: 23px; font-weight: 900; width: 100%; text-align: center; } 


.item_list ul li a .bottom .l { color:#fff; float: left; font-size: 17px; font-weight: 400; }
.item_list ul li a .bottom .r { color:#fff; float: right; font-size: 17px; font-weight: 400;  }

.item_list ul li a img { width: 100%;  object-fit: cover; aspect-ratio: 3 / 3;   }

.item_list.on ul li a img { height: 200px;  }
.item_list.on ul li .like { top: 146px;  }
.item_list.on ul li .like { width: 39px; height: 39px;  }
.item_list.on ul li a strong{ font-size: 20px;  }
.item_list.on ul{ gap:15px;  }

.more_btn { margin-top: 50px; display: inline-block; width: 100%; text-align: center; }
.more_btn a{  display: inline-block; padding: 0px 37px; border-radius: 50px; border: 1px solid #999;
height: 45px; line-height: 46px; font-size: 17px; color: #999; transition: 0.3s; }

.more_btn a:hover { background: #fff; border-color:#051d2e; color:#051d2e; }



.news_swiper, .item_swiper { overflow: hidden; position: relative; }
.news_swiper .swiper-slide, .item_swiper .swiper-slide  { width: 33.33%; overflow: hidden; height: 100%; }


.news_swiper .swiper-slide > div {   width: 100%; height: 100%; overflow: hidden; position: absolute; top:0; left: 0; 
   transition: 0.3s;  opacity: 0;}
.news_swiper .swiper-slide:hover div , .item_swiper .swiper-slide:hover div { opacity: 1;}

.news_swiper .swiper-slide > div:before { content:""; display: inline-block; width: 100%; height: 100%; position: absolute; top:0; left: 0;
background: rgba(0,0,0,0.6);   }

.news_swiper .swiper-slide > div strong, .item_swiper .swiper-slide > div strong,
.item_list_sw .swiper-slide > div strong  { position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%);
 color:#fff; font-size: 25px; font-weight: 900; text-align: center; width: 90%;  }


 .news_swiper .swiper-slide .bottom, .item_swiper .swiper-slide .bottom, .item_list_sw .swiper-slide .bottom { position: absolute; bottom: 25px; width: 100%; padding: 0 25px;  }
.news_swiper .swiper-slide .bottom .l , .item_swiper .swiper-slide .bottom .l, .item_list_sw .swiper-slide .bottom .l { color:#fff; float: left; font-size: 17px; font-weight: 400; }
.news_swiper .swiper-slide .bottom .r , .item_swiper .swiper-slide .bottom .r, .item_list_sw .swiper-slide .bottom .r { color:#fff; float: right; font-size: 17px; font-weight: 400;  }


.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ 
	background: url("../images/common/slide_lw.svg") no-repeat center; left: 3%; padding: 15px;
	border-radius: 110px;  width: 50px; height: 50px; background-size: 13px;   }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background: url("../images/common/slide_rw.svg") no-repeat center; right: 3%; padding: 15px;
	border-radius: 110px;  width: 50px; height: 50px; background-size: 13px; }


.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, 
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { display: none;  }


.news_swiper .arrowSlider, .item_swiper .arrowSlider{ position:absolute; top:50%;  margin-top: -3px; width: 100%;   }
.swiper-button-next, .swiper-button-prev { top:0; }

.swiper-button-prev{ left: 1%;  }
.swiper-button-next{ right: 1%;  }


.news_swiper .swiper  { position: relative; }


.news_swiper .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; float: left; }


.news_swiper .swiper-wrapper { display: flex; }


.main_bottom{ display: flex;  }
.main_bottom > div { width: 50%; position: relative; overflow: hidden; }

.main_bottom img{ width: 100%; height: 100%; object-fit: cover; transition: 0.3s;  }

.main_bottom > div span { position: absolute; left: 50%; top: 50%;
    transform: translate(-50%, -50%); text-align: center; color:#fff; font-size: 25px;
    font-weight: 900;  }



.main_bottom > div a:hover img {  
            -webkit-transform:scale(1.1); /*  크롬 */
            -moz-transform:scale(1.1); /* FireFox */
            -o-transform:scale(1.1); /* Opera */
            transform:scale(1.1);
            transition: transform .35s;
            -o-transition: transform .35s;
            -moz-transition: transform .35s;
            -webkit-transition: transform .35s; }



footer { padding: 80px 0;  }
footer h2 img{ width: 85px;   }

footer .memo { display: inline-block; width: 100%; margin-top: 30px; position: relative;   }
footer .memo p { color: #333; font-weight: 400; font-size: 16px; line-height: 1.7;   }

footer .memo p i { font-style: normal; color: #eee; font-size: 11px;  }

footer .memo p span { color: #666; margin-left: 10px; font-size: 15px;  }

footer .bottom {  margin-top: 30px; padding-top: 30px; border-top: 1px solid #999;;  }

footer .bottom ul { display: flex; gap: 20px;  }
footer .bottom ul li a{  font-size: 16px; color:#333; font-weight: 600;}

footer .bottom p { color: #333; font-size: 16px; margin-top: 20px;  }


footer .sns{ position: absolute; right: 0; top:0;  }
footer .sns ul { display: flex; gap: 10px;  }



.right_btn{ position: fixed; right: 2%; bottom: 2%;  width: 60px; z-index: 20 }
.right_btn a, .right_btn span { display: inline-block; width: 60px; height: 60px; border-radius: 100%; position: relative; text-align: center; }


.right_btn1 {  background: #051d2e;   }
.right_btn2 {  background: #222; cursor: pointer;  }
.right_btn3 {  background: #222; cursor: pointer; padding-top: 11px;  }

.right_btn img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }




  .h_memu_box{ width: 32px; margin: 13px 0; margin-right: 5px; cursor: pointer; display: inline-block; cursor: pointer;  }
  .h_memu_box i { display: inline-block; width: 100%; height: 2px; background: #000; float: left; margin: 4px 0; border-radius: 100px;   }
  
  
  
  
  .h_memu_wrap { position: fixed; top:0; right: 0; width: 100%;   height: 100%; z-index: 999999999; display: none;  }
  .h_memu_bg { background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: -1 }
  
  .h_memu_wrap .h_memu_cont{ width: 95%; background: #fff; height: 100%; position: absolute; top:0; right: -100%; max-width: 500px; overflow: auto; }
  .h_memu_wrap .h_memu_cont .mypage_info_w { padding: 0;   }
  .h_memu_wrap .h_memu_cont .mypage_info { border-radius: 0; border: 0;   }
  .h_memu_wrap .my_point .point { border: 0;  }




  .h_memu_li{ padding: 5px 0;  }
  .h_memu_li ul li a { display: inline-block; width: 100%; padding: 15px 30px; font-size: 15px;   }
  
  .h_memu_li > a { display: inline-block; float: right; 
  background: #eee; padding: 10px 30px; border-radius: 10px; margin-top: 30px; margin-right: 30px;  }


  .login_error{ margin-bottom: 20px;  }

  body{ position: relative; overflow: auto; }

 .popup .close_pop { top:20px; right: 20px;   }

.popup .login_input_are > p { font-size: 15px;  }




.box_open_pop{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); 
    z-index: 9999; left: 0; top:0; display: none;  }

.box_open_cont{ margin-top: 10px;  }
.box_open_cont p { font-size: 13px; display: inline-block; width: 100%; margin-top: 5px;  }
.box_open_cont .box_open_btn { padding: 0 0 0; border-top:1px solid #ddd; margin-top: 25px; text-align: center;  }
.box_open_cont .box_open_btn a, .box_open_cont .box_open_btn span, .box_open_cont .box_open_btn input {  
	color: #FD780F; display: inline-block; width: 100%; text-align: center; background: none; border: 0; padding: 15px 0; }



.box_open_cont .box_open_btn{ display: flex; }
.box_open_cont .box_open_btn a:first-child, .box_open_cont .box_open_btn span:first-child { color:#000; cursor: pointer; }


.item_list_w .memo { padding-top: 10px; }


  .h_memu_wrap .close_pop { position: absolute; top: 30px; right: 25px;  }
  
  
  
  .h_memu_wrap .h_memu_li{ padding: 60px 50px;  }
  .h_memu_wrap .h_memu_li > ul > li > a, .h_memu_wrap .h_memu_li > ul > li > span{ color:#051d2e; font-size: 22px; font-weight: 500;
    padding-left: 0; cursor: pointer; color:#222; }
  
  .h_memu_wrap .h_memu_li > ul > li.more > a, .h_memu_wrap .h_memu_li > ul > li.more > span{  background: url("/resources/images/common/ico_plus.svg") no-repeat center right; }
  
  .h_memu_wrap .h_memu_li > ul > li.more.on > a, .h_memu_wrap .h_memu_li > ul > li.more.on > span{
   background: url("/resources/images/common/ico_minus.svg") no-repeat center right;  color:#051d2e;  }
  
  
  .h_memu_wrap .h_memu_li > ul > li.on ul {  }
  
  
  .h_memu_wrap .h_memu_li > ul > li li a { color: #333; font-size: 18px; font-weight: 500;  }
  .h_memu_wrap .h_memu_li > ul > li ul { display: none;  }
  
  .h_memu_img{ position: absolute; right: 50px; max-width: 400px;  bottom:50px; overflow: hidden; }
  .h_memu_img img{ max-width: 100%; object-fit: cover; height: 100%; width: 400px;   }
  
  
  .h_memu_wrap .h_memu_li > ul > li li a { padding: 8px 0;  }
  
  
  
  
  .sub_bnnaer { position: relative; }
  .sub_bnnaer img{ width: 100%; height: 100%; object-fit: cover;  }
  .sub_bnnaer .memo { position: absolute; text-align: center; top:50%; left:50%; transform: translate(-50%, -50%);  }
  .sub_bnnaer .memo h3 { color:#fff; font-size: 30px;  font-weight: 200;  }
  .sub_bnnaer .memo p { color:#fff; font-size: 20px;  font-weight: 400; margin-top: 25px; line-height: 30px; word-break: keep-all; }
  
  
  .sub_menu { margin: 80px 0; text-align: center;  }
  .sub_menu > div { display: inline-block;  }
  .sub_menu ul { display:flex }
  
  .sub_menu ul a, .sub_menu ul span { display: inline-block; padding: 12px 39px; font-size: 20px; 
  font-weight: 600; border: 1px solid #DDD; color: #999; cursor: pointer;  }
  
  
  .sub_menu ul li.on a, .sub_menu ul li.on span {  color: #222; border: 1px solid #051d2e; }
  .sub_menu ul li a:hover, .sub_menu ul li span:hover { background: #051d2e; border-color: #051d2e; color:#fff;   }
  
  
  .map_wrap { display: inline-block; width: 100%;   }
  
  .map_wrap .map { width: 100%; height: 650px; border: 1px solid #DDD; margin-top: 20px; position: relative; display: flex; }
  .map_wrap h4{ font-size: 30px; font-weight: 600; }
  
  .map_wrap .map_lsit { width: 500px; height: 100%; 
  background:#fff;  overflow: auto; border: 1px solid #DDD; z-index: 20 }  
  
  
  .map_wrap .map_lsit ul li { background: #fff; border-top: 1px solid #DDD; padding: 25px 25px; padding-right:70px; ;
   cursor: pointer; position: relative; }
  .map_wrap .map_lsit ul li:first-child { border-top:0;  }
  
  
  .map_wrap .map_lsit ul li h5 { font-size: 22px; font-weight: 600; }
  .map_wrap .map_lsit ul li > div { margin-top: 8px;  }
  .map_wrap .map_lsit ul li p, .map_wrap .map_lsit ul li p span { font-size: 16px; font-weight: 400; line-height: 1.5;  }
  .map_wrap .map_lsit ul li p span{ margin-left: 10px;  }
  .map_wrap .map_lsit ul li p span:first-child { margin-left: 0;  }
  
  .map_wrap .map_lsit ul li a { position: absolute; width: 40px; height: 40px; display: inline-block; 
  background: #333 url("../images/sub/map_tel.svg") center no-repeat; right: 25px; top:20px; border-radius: 100px;  }
  
  .map_wrap .map_lsit ul li.on { background: #555; }
  .map_wrap .map_lsit ul li.on a { background: #fff url("../images/sub/map_tel_on.svg") center no-repeat; }
   .map_wrap .map_lsit ul li.on p, .map_wrap .map_lsit ul li.on p span, .map_wrap .map_lsit ul li.on h5 { color:#fff; } 
  
    .map_wrap .map_lsit ul li:hover { background: #919191; }
  .map_wrap .map_lsit ul li:hover a { background: #fff url("../images/sub/map_tel_on.svg") center no-repeat; }
  .map_wrap .map_lsit ul li:hover p, .map_wrap .map_lsit ul li:hover span, .map_wrap .map_lsit ul li:hover h5 { color:#fff; }
  
  
  
  .fp-overflow{ height: 100%;  }
  
  .youtube {
  position: relative;
  height: 100%;
  background-color: #333;
  overflow: hidden;
}
/* 
.youtube .youtube__area {
  width: 1920px; 
  position: absolute;
  left: 50%;
  margin-left: calc(1920px / -2);
  top: 50%;
  margin-top: calc(1920px * 9 / 16 / -2);
}
 */
.youtube .youtube__area {
  width: 100%; 
  position: absolute;
  height:100%;
 /*  left: 50%;
  margin-left: calc(1920px / -2); */
  top: -0%;
 /*  margin-top: calc(1920px * 9 / 16 / -2); */
}



.youtube .youtube__area::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

.youtube .youtube__cover {
  background-color: rgba(0, 0, 0, .3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 /*  display: none; */
}

#player {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}




.youtube .inner {
  height: 100%;
}
  
  
.story{ width: 100%; height: 100%; position: relative;  }
.story .lr_wrap { position: absolute; top:0; left: 0;  }

.lr_wrap { width: 100%; height: calc(100% - 1px); display: flex; overflow: hidden;  }  
.lr_wrap > div { width: 50%; height: 100%; position: relative;  }
  
.lr_wrap > .memo > div { position: absolute; left: 50%; top: 45%;
    transform: translate(-50%, -50%); width: 80%;  }  
  
.lr_wrap > .phto img { width: 100%; height: 100%; object-fit: cover;   }  
  
.lr_wrap > .memo h4{ color: #051d2e; font-size: 50px; font-weight: 900;  }

.lr_wrap > .memo p  { margin-top: 20px; font-weight: 400; line-height: 35px; font-size: 20px; word-break: keep-all; }




.fp-watermark{ display: none !important; }


.section_footer footer{  position: absolute; left: 50%; top: 45%;
    transform: translate(-50%, -50%); width: 100%;  }


.section_page { position: absolute; right: 6%; bottom: 6%;  }
.section_page span { font-weight: 900; font-size: 60px; color: #B6B7B9; }

.story_fullpage > .section .lr_wrap .memo{ background: #F5F5F5;  } 
.story_fullpage > .section:nth-child(2n) .lr_wrap .memo{ background: #F9F9F9; } 




.history_wrap{ display: inline-block; width: 100%; margin-bottom: 100px;   }


.history_bar { width: 2px; height: 100%; background: #DDD; position: absolute; left: 250px; top:0;   }
.history_bar i  { width: 17px; height: 17px; background: #B4CAE0;; display: inline-block; border-radius: 100px;  
position: absolute; left: 50%; top: 78px ;
    transform: translate(-50%, -0%); z-index: 30 }

.history_bar span{ position: absolute; left: 50%; top: 78px ;
    transform: translate(-50%, -0%); width: 2px; background: #051d2e; height: 0%; z-index: 20 ;
    max-height: 100%;  }


.history_li{ padding: 120px 0 100px;  }
.history_li > ul > li.on i {  background: #051d2e;  }


.history_li > ul > li { display: flex; width: 100%; position: relative; padding: 50px 0 60px; border-top:1px solid #DDD;;  }
.history_li > ul > li:first-child { border-top:0;  }
.history_li {  }


.history_li h5{ font-weight: 800;; font-size: 50px; color: rgba(5 29 46, 0.30);  width: 130px; 
margin-left: 30px; padding-top: 6px;  transition: 1.0s;  }


.history_li li.on h5{  color: rgba(5 29 46, 0.80); }


.history_li .memo strong { color: #222; font-size: 20px; line-height: 50px; width: 30px; display: inline-block;     }

.history_li .memo { margin-left: 190px; margin-top: 0px; }
.history_li .memo > div { display: flex; gap:20px; margin: 10px 0;   }

.history_li .memo li, .history_li .memo p { line-height: 50px; font-size: 20px; font-weight: 400; word-break: keep-all; }


.history_wrap .content{ width: 75%  }





.search_wrap{ display: inline-block; width: 100%;  width: 310px;  }
.search_wrap > div{ display: flex;  width: 100%; border: 1px solid #DDD; 
overflow: hidden; max-width: 780px; float: right; }

.search_wrap input[type='text'] { width: calc(100% - 65px); height: 60px;  
font-size: 16px; font-weight: 400; color: #666; padding: 10px 20px; border: 0; padding-right: 3px }

.search_wrap input[type='button'] { width: 65px; height: 60px; background: url("/resources/images/common/search_btn.png") no-repeat center; 
border: 0; background-size: 20px;  } 


.search_wrap input[type='text']::placeholder { color:#666;  }
  
  .sub_menu2 { padding: 39px 0 29px; text-align: center;   }
  .sub_menu2 > div { display: inline-block;  ; padding: 0 20px; }
  .sub_menu2 ul { display: flex;  }
  
  .sub_menu2 ul a, .sub_menu2 ul span { display: inline-block; padding: 0 20px; font-size: 18px; 
  font-weight: 500; color: #999; cursor: pointer; line-height: 0.8; border-left: 2px solid #d4d4d4;  }

.sub_menu2 ul li:first-child a, .sub_menu2 ul li:first-child span { border: 0;  }


	.filter_w{ margin-top: 15px;  }

  .sub_menu2 ul li.on a, .sub_menu2 ul li.on span {  color: #222;;   }
  .sub_menu2 ul li a:hover, .sub_menu2 ul li span:hover { color: #222;    }


   .goods_list_w{  padding-top: 20px; margin-bottom: 90px;  }	
   .goods_fliter{  display: inline-block; width: 100%; position: relative; padding: 0 2px;  }
   
   .goods_fliter h5 { font-size: 20px; float: left; margin-top: 15px;  }
   .goods_fliter h5 span { font-size: 20px; color: #222; font-weight: 800;  }

	.flter_btn_w{ display: flex; gap:10px;  margin-top: 2px;   text-align: center; width: 110px;   } 
	.flter_btn_w > div { display: inline-block; margin: auto; }
	
	.flter_btn { display: inline-block; width: 26px; height: 26px; cursor: pointer; margin: 0 3px;  }
	
	
	.flter_btn1 { background: url("/resources/images/sub/ico_fliter2.svg") no-repeat center; }
	.flter_btn2 { background: url("/resources/images/sub/ico_fliter1.svg") no-repeat center;   }
	
	
	.flter_btn1.on { background: url("/resources/images/sub/ico_fliter2_on.svg") no-repeat center; }
	.flter_btn2.on { background: url("/resources/images/sub/ico_fliter1_on.svg") no-repeat center; }
	
	
	.flter_order_w{ display: flex; gap: 15px; float: right; position: relative; z-index: 20;  }

	.flter_order{ display: inline-block; width: 150px; height: 60px; line-height:60px;
	 border: 1px solid #DDD; cursor: pointer; position: relative;  }
	.flter_order span{ font-size: 15px; color: #666; }
	.flter_order > span{ display: inline-block; width: 100%;  padding: 0 20px;;  }
	
	
	.flter_order1 { background: url("/resources/images/sub/ico_order.svg") no-repeat 90% center; }
	.flter_order2 { width: 150px;  background: url("/resources/images/sub/ico_select.png") no-repeat 90% 60%; }
	.flter_order2_en { width: 200px;  }



	.flter_box{ background: #fff; position: absolute; left: 0; top: 60px; 
	width: 100%; border: 1px solid #DDD; padding: 10px 10px 10px;  display: none;  }
	.flter_box > div { padding: 5px 0;  overflow: auto; max-height: 153px; }
	
	.flter_order1 .flter_box { padding: 10px 10px 50px; }
	
	.ch_list input[type="checkbox"] {display: none;}
	
	.ch_list input[type="checkbox"] + label { 
		display: inline-block; width:17px; height: 17px; background: #fa3062;
		cursor: pointer; border-radius: 3px; background: url("/resources/images/common/ico_ch.png") no-repeat center;  }

	.ch_list input[type="checkbox"]:checked + label { background: url("/resources/images/common/ico_ch_on.png") no-repeat center;  }


.flter_box ul li {  }
.flter_box ul li > label { display: flex; width: 100%; gap: 8px; align-items: center; padding: 0 10px; cursor:pointer ; height: 35px; }




 div::-webkit-scrollbar {
    width: 6px;
  }
  div::-webkit-scrollbar-thumb {
    background-color: #333;;
    border-radius: 10px;
    background-clip: padding-box;
    border: 0px solid transparent;
  }
  div::-webkit-scrollbar-track {
    background-color: #D9D9D9;;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
  }
	
	
  .flter_box::-webkit-scrollbar-track { 
    margin: 10px; 
  }
  
  
  .flter_box ul {  width: 100%;  line-height: 2.5; }
	
	
	.flter_box2 ul li { display: inline-block; width: 100%;   }
	.flter_box2 ul li span{ display: inline-block; width: 100%; padding: 0 10px;  }


.item_list ul li a .phto { width: 100%; height:100%; position: relative;  }


.goods_list.item_list ul li{ position: relative; }
.goods_list.item_list ul li a{ height: auto;  }
.goods_list.item_list ul li a > div:before { display: none;  }
.goods_list.item_list ul li a .bottom { position: static; width: 100%; display: inline-block; height: auto; opacity:1; padding: 10px 0;  }
.goods_list.item_list ul li a .bottom .l { color: #222222; }
.goods_list.item_list ul li a .bottom .r { color: #222222; font-weight: 700; }
.goods_list.item_list ul li { width: calc(25% - 23px); }

.goods_list.item_list ul li a .memo { color: #222222; font-weight: 700; font-size: 17px;       opacity: 0;
    text-align: left;
    word-wrap: break-word; 
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; overflow: hidden;      transition: 0.3s; }


.goods_list.item_list ul li a:hover .memo {     opacity: 1; }

.item_list ul li .like { width: 40px; height: 40px; border-radius: 5px; 
background: rgba(255,255,255,0.5) url("/resources/images/common/wish_off.svg") no-repeat center; display: inline-block;
position: absolute; right: 15px; bottom: 18px; transition: 0.3s; background-size: 17px; }

.item_list ul li .like.on, .item_list ul li .like:hover { background: rgba(255,255,255,0.5) url("/resources/images/common/wish_on.svg") no-repeat center;  background-size: 17px;    }


 

.page_wrap{ margin-top: 80px; display: inline-block; width: 100%; text-align: center; }
.page_wrap > div { display: inline-block;  }
.page_wrap ul { display: flex; gap: 25px;  }
.page_wrap ul a, .page_wrap ul span { font-size: 20px; color: #666; cursor: pointer; }
.page_wrap ul li.on a, .page_wrap ul li.on span { color: #333; font-weight: 600; }



.goods_list.item_list.on ul li { width: calc(16.6% - 12px);   }
.goods_list.item_list.on ul li span{ font-size: 13px;  }


.goods_detail_top{ margin: 160px 0 80px; display: inline-block; width: 100%;  }
.goods_detail_l{ float: left; width: 40%; overflow: hidden;  }

.goods_detail_r{ float: left; width: 60%; padding: 30px 100px;  padding-right: 0;   }


.goods_detail_l .swiper  { position: relative; }

.goods_detail_l .swiper-button-next, .goods_detail_l .swiper-button-prev { top:50%;  }

 .detail_search{ position: absolute; right: 20px; bottom: 20px; z-index: 20;  }
 
 
  .goods_detail_r .top{ padding-bottom: 30px; border-bottom: 1px solid #666; position: relative;  }
 .goods_detail_r .top p, .installation_detail_top .top p { color:#999999; font-size: 20px; font-weight: 400; margin-bottom: 8px;  }
 .goods_detail_r .top h3, .installation_detail_top .top h3 { color: #222; font-size: 40px; font-style: normal; font-weight: 700; padding-right: 50px;  } 
 
 
 .goods_detail_r .top .like{ position: absolute; top: 0px; right: 0;  } 
 .goods_detail_r .top .like i { background:  url("/resources/images/common/wish_off.svg") no-repeat center; 
 display: inline-block; width: 50px; height: 50px; transition: 0.3s; border-radius: 10px;  }
 
  .goods_detail_r .top .like i:hover, .goods_detail_r .top .like.on i {  background: url("/resources/images/common/wish_on.svg") no-repeat center;  }
   .goods_detail_r .memo_w { margin: 39px 0   }
 
    .goods_detail_r .memo_w p { color: #222; font-size: 19px; font-style: normal; font-weight: 400; line-height: 30px;      word-break: keep-all; }
 
  .detail_cont p, .detail_cont span  { font-size: 19px; line-height: 1.76; }
  
.goods_detail_l .swiper img{ width: 100%; height: 100%; object-fit: cover;  float: left;  }
/* 
  .goods_detail_l .mySwiper2 .swiper-slide > img{ min-height: 600px;  }
   */
  
  .goods_detail_r .ico ul { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 20px; } 
  .goods_detail_r .ico ul li { display: flex; flex-direction: row; flex-wrap: wrap; gap:10px; align-items: center; }
  .goods_detail_r .ico ul li .phto { width: 50px; height: 50px; position: relative; }
  .goods_detail_r .ico ul li .phto img{ position: absolute; left: 50%; top: 50%;
    transform: translate(-50%, -50%); }
  
  .goods_detail_r .ico ul li .memo { width: calc(100% - 60px); }
  
  .goods_detail_r .ico ul li .memo h4 { color: #222;  font-size: 16px; font-weight: 600; }
  
  .goods_detail_r .ico ul li .memo p { color: #666; font-size: 16px; font-weight: 400; margin-top: 3px; }
  
  
  .goods_detail_r .ico { margin-top: 30px;  }
  .goods_detail_r .ico ul li{ padding: 20px 5px; border-bottom: 1px solid #DDD;  width: calc(33.33% - 20px)  }
  .goods_detail_r .ico ul li:nth-child(1), .goods_detail_r .ico ul li:nth-child(2), .goods_detail_r .ico ul li:nth-child(3) { border-top: 1px solid #DDD;  }
  
  
  
  .detail_cont{ margin-top: 30px;  }
  
  .detail_goods_li{ margin-top: 60px; margin-bottom: 80px;   }
  .detail_goods_li .main_title1 { margin-bottom: 30px;  } 
  
  
  
  .guide_li_w ul li { display: inline-block; width: 100%; margin-top: 10px; }
  .guide_li_w li .title{ display: inline-block; width: 100%; padding: 15px 30px; background: #fff; border-radius: 20px;
border: 1px solid #DDD;  color: #222;  font-weight: 600; line-height: 55px; font-size: 22px; cursor: pointer;
background: url("/resources/images/common/faq_on.png") 98% center  no-repeat;; word-break: keep-all; }
  
  .guide_li_w li .title:hover { background-color: #051d2e; color:#fff;  }
  
 .guide_li_w li .memo { background: #F9F9F9; border:1px solid #ddd; font-size: 17px; 
 font-weight: 400; line-height: 35px; padding: 15px 30px; border-radius: 20px; margin-top: 15px;  display: none; 
 width: 100%; word-break: keep-all; } 
  
  .guide_li_w li .memo p, .guide_li_w li .memo span { font-size: 17px !important;  }
  
  p, div, font { word-break: keep-all; }
  .guide_li_w li.on .title{ background: #051d2e url("/resources/images/common/faq_off.png") 98% center no-repeat; color:#fff; }
  
  
  .guide_li_w li.default .memo { display: inline-block;  }
  
  
  
   .installation_detail_top { text-align: center; margin-bottom: 70px;   }
  .installation_detail_wrap{  margin: 160px 0 80px; display: inline-block; width: 100%;  }
  .installation_detail_top .ico { display: inline-block; width: 100%; padding: 20px 0; border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD; margin-top: 50px;  }
  
  
   .installation_detail_top .top h3{ padding-right: 0;  }
   .installation_detail_top .ico > div{ display: inline-block;  }
  .installation_detail_top .ico ul { display: flex; gap: 70px; }
  .installation_detail_top .ico ul li { display: flex; gap: 15px; flex-direction: row;  flex-wrap: wrap; align-items: center; }
  .installation_detail_top .ico li span { font-size: 16px; color:#666; font-weight: 600; }
  
  
  
  
  
  
  
  .sub_menu_w{ position: absolute; bottom: 2px; left: 0; width: 100%;  border-bottom: 1px solid #DDD; z-index: 90; }
  .sub_menu_w .content{ background: #fff;  }
  
  .sub_menu_w > .content > ul { display: flex;  }
  .sub_menu_w > .content > ul > li { border-right: 1px solid #DDD; position: relative;  }
  .sub_menu_w > .content > ul .home { width: 55px; height: 55px;  background: #F4F4F4; text-align: center; padding: 20px 0; }
  .sub_menu_w > .content > ul .home img{ width: 18px;  }  
  .sub_menu_w > .content > ul li a{ display: inline-block; width: 100%;  }
 
  
  .sub_menu_w > .content > ul > li > span { display: inline-block; width: 100%; padding: 17px 25px 13px; font-size: 16px; font-weight: 500; line-height: 27px;
  min-width: 210px; cursor: pointer;  background: url("/resources/images/common/sub_menu_more.svg") 90% center no-repeat; }
  
  
  
  
   .sub_menu_w > .content > ul li ul {  position: absolute; left: 0; width: 100%; top: 56px; background: #fff;
   border: 1px solid #DDD; display: none; z-index: 20;   }
  
  
  
  .sub_menu_w > .content > ul li ul a{ display: inline-block; width: 100%; padding: 15px 25px; font-size: 15px;   }
  .sub_menu_w > .content > ul li ul a:hover { color:#051d2e; }
  
   .sub_menu_w > .content > ul li ul li { border-top: 1px solid #DDD; }
  .sub_menu_w > .content > ul li ul li:first-child { border: 0;  }
  
  
  .sub_menu_w > .content > ul > li:hover ul { display: inline-block;  }  
  
  
  .table_list_W{ display: inline-block; width: 100%; margin-top: 30px;  }
  .table_list_W table { width: 100%; text-align: center; }
  .table_list_W table th, .table_list_W table td { text-align: center; font-size: 16px; font-weight: 600; color: #222; 
  border-top:1px solid #666; border-bottom:1px solid #666;  }
  
  .table_list_W table th{  padding: 20px 0; }
  .table_list_W table td a{ display: inline-block; width: 100%; padding: 20px 0; font-size: 16px; font-weight: 400;  }
  
  
   .table_list_W table tr:first-child th { border-top:2px solid #666;  }
  
  
  
  
  
  
  .contact_wrap { margin: 130px 0;  }
  
  .contact_wrap table{  border-top:2px solid #666; border-bottom:2px solid #666; width: 100%;  }
  
  .contact_wrap th {  padding: 25px;  border-top:1px solid #666; border-bottom:1px solid #666;  vertical-align: top; }
 
  .contact_wrap th span { color: #222; font-size: 16px; font-weight: 600; position: relative;  }
  .contact_wrap td { padding: 15px; border-top:1px solid #666; border-bottom:1px solid #666; }
  
  .contact_wrap td input, .contact_wrap td select , .contact_wrap td textarea { border: 1px solid #DDD; height: 50px; padding: 15px; color: #666; font-weight: 400;
  background: #F9F9F9;  }
  
  .contact_wrap td input { width: 100%;  }
  .contact_wrap td {  }
   .contact_wrap td > div{ display: flex; align-items: center; }
  
   .contact_wrap td textarea{ resize:none; width: 100%; height: 300px;  }
  
  .contact_wrap .contact_name_w input, .contact_wrap .contact_type_w select { width: 230px;  }
  
  
  
  .contact_wrap .essential th span:after { content:"*"; display: inline-block; font-style: normal; color:#f00; font-weight: 600; 
  position: absolute; top: -3px; right: -13px; ; }
  
  .contact_wrap .contact_mail_w td  input { width: 200px;  }
  .contact_wrap .contact_mail_w td  span{ margin: 0 10px; width: 12px; text-align: center; }
  .contact_wrap .contact_mail_w td select { margin-left: 10px; min-width: 200px;  }
    .contact_wrap .contact_tel_w td select {  min-width: 200px;  }
    .contact_wrap .contact_tel_w td input {  width: 200px;  }
  
  .contact_wrap .contact_tel_w td  span{ margin: 0 10px; width: 12px; text-align: center; }
  
  
  
  
  .contact_terms_w { display: inline-block; width: 100%; margin-top: 80px;  }
  .contact_terms_w h4{ font-size: 20px; font-weight: 600; }
  .contact_terms_w .box { background: #F9F9F9; padding: 30px; margin-top: 16px;   }
  .contact_terms_w .box p { font-size: 16px; font-weight: 400;  }
  
  .contact_terms_w .box div { background: #fff; margin-top: 20px;
display: inline-block; width: 100%; height: 200px; overflow: auto; padding: 20px; 
line-height: 1.5; color:#6e6e6e;  }
  
  
  .contact_btn_w { display: inline-block; width: 100%; text-align: center; margin-top: 90px;  }
  
  
  .contact_btn_w > div{ display: flex; gap:20px;  justify-content: center;  }
  
  .contact_btn_w span { display: inline-block; padding: 20px 60px; background: #051d2e; border-radius: 60px; font-size:  17px;
font-weight: 500; color:#fff; cursor: pointer;  }
  
  .contact_btn_w input {  display: inline-block; padding: 20px 60px; background: #fff; border-radius: 60px; font-size:  17px;
font-weight: 500; color: #999; border: 1px solid #999;;  }
  
  
  
  
  
.detail_tab_are a { color: #2883f3; }


.pop-layer .btn-r {
  width: 100%;
  text-align: right;
}

.pop-layer {  display: none; position: absolute;
  top: 50%;
  left: 50%;
  max-width: 450px;
  width:95%;
  height: auto;
  background-color: #fff;
  z-index: 10;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999999999999999999;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose { display: inline-block; font-size: 25px; color: #909090; font-weight: 100;  }

.pop-layer .btn-r{margin-top: 0; padding-top:0;  }

.pop_btn { text-align: center; }
.pop_btn a, .pop_btn input.btn_purple { display: inline-block; padding: 5px 10px; border: 1px solid #000; border-radius: 30px; width: 100px; font-size: 11px; background: none; min-width: 210px;  }

.pop_btn input.btn_purple:hover { background: #eebb07; color:#fff; border-color: #eebb07;  }
.del-layer .pop-layer .pop-container, .del_cont-layer .pop-layer .pop-container  { padding-bottom: 39px;  } 
.cont-del-layer .pop-layer .pop-container  { padding-bottom: 39px;  } 


 
.logout-layer .pop-layer .pop-container { padding-bottom: 39px;  }  
 .logout-layer{ z-index: 99999999999999999999999; }
.logout-layer2{ z-index: 99999999999999999999999; }
.logout-layer .pop-layer { max-width: 90%;  }
.pop_close { position: absolute; top: 10px; right: 21px;  }
.pop_close2 { position: absolute; top: 10px; right: 13px;  }


.detail_img1 .pop_close { position: fixed; padding: 0px; border-radius: 100px; background: #fff; width: 50px; height: 50px; line-height: 50px; 
top:16px;   }
  
   
.pop_message .pop-layer { border-radius: 20px;  }

.pop_title { display: inline-block; width: 100%; padding: 16px 20px 0; }
.pop_title > div { border-bottom: 1px solid #f5f5f5; display: inline-block; width: 100%; padding-bottom: 15px;  }
.pop_title h4 { float: left;  font-size: 18px; font-weight: 500; }
.pop_title .pop_close { float: right; line-height: 1.2;  top: 15px;  }

.message_cont { padding: 10px 25px 20px; font-size: 13px; max-height: 200px; overflow: auto;  }
.message_cont img { height: auto !important; }
 
.text_pop .pop-layer { border-radius: 20px; }
.text_memo { padding: 10px 25px 30px; font-size: 13px; overflow:auto; max-height: 390px; line-height: 1.7; }
 
  
  
  .contact_layer1 .text_memo{ text-align: center; } 
 .contact_layer1 .text_memo img{ width: 130px; margin-top: 20px;    }
 .contact_layer1 .text_memo p { color: #222; text-align: center; font-size: 17px; font-weight: 600;
  display: inline-block; width: 100%; margin-top: 20px; line-height: 1.5;   }
  
  
  
  
  .film_wrap{   padding: 80px 0; }
  .film_top{ text-align: center;   ; }
  .film_top h4 { margin-top: 50px; font-size: 40px; font-weight: 900;  }
  .film_top p, .film_top p span { font-size: 20px; color: #222; font-weight: 400; line-height: 35px; margin-top: 20px; word-break: keep-all; }
  .film_top p span { font-weight:700;   }
  .film_b_w .l p, .film_top p, .film_top p span{ word-break: keep-all;  }
  
  
  .film_ico{ display: inline-block; width: 100%; margin-top: 60px;  }
  .film_ico ul { display: flex; gap:20px;  justify-content: center; }
  .film_ico ul li {  text-align: center; }
  
  .film_ico i { text-align: center; height: 100px; width: 100px; display: inline-block; 
  background: #333; border-radius: 15px; position: relative; cursor: auto;;   }
  
  
  .film_ico ul li > div{ display: inline-block;  }
 /*  .film_ico ul li > div:hover i{ background-color: red;  } */
  
  
   .film_ico img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
 
  .film_ico span { display: inline-block; width: 100%; margin-top: 11px; font-size: 17px; font-weight: 400; }
  
  
  .film_top_w{ background: #F9F9F9; display: inline-block; width: 100%; padding-bottom: 80px;  }
  
  
  
  
  
  .film_b_w{ padding: 90px 0;  }
  .film_b_w .content > div{ display: flex;  }
  .film_b_w2 .content > div{ display: inline-block; width: 100%;  }
  .film_b_w2 .content > div > div { float: none; width: 100%; padding: 0;   }
  
  .film_b_w2 .content > div > div.r { margin-top:  90px;  }
  
  .film_b_w .l h4 { color: #222; font-size: 40px; font-weight: 800;  }
  
  .film_b_w .l p { font-size: 17px; font-weight: 400; line-height: 31px; margin-top: 20px; }
  
  .film_b_w .l a{ font-size: 17px; margin-top: 30px; padding: 17px 50px; border-radius: 50px; border: 1px solid #333; display: inline-block; 
  transition: 0.3s; }
  .film_b_w .l a:hover { color: #051d2e; font-weight:bold;   border: 1px solid #051d2e; }
  
  
  .film_b_w .l{ padding-right: 20px;  }
   .film_b_w .r { width: 60%; text-align: right; }
  .film_b_w .r img { ; width: 100%; width: 750px; max-width: 100%;  }
  
  .film_b_w2 .r img { width: 100%;  }
  
  .container .content { padding: 0 50px;  }
  .film_b_w .content { padding: 0 90px;  }
  
  
  .film_b_w .r ul li { display: inline-block; width: 100%; margin-top: 20px;  }
  .film_b_w .r ul li:first-child { margin-top: 0;  }
  .film_b_w .r ul li > div{ padding: 50px 30px; border-radius: 20px; background: #F2F2F2; position: relative; float: right; width: 95%;  }
  .film_b_w .r ul li > div span { position: absolute; left: 30px; bottom: 25px; font-size: 17px; font-weight: 600;   }
  
  
  .film_b_w .l{ position: relative; width: 50%; }
  .film_b_w .l > div { position: absolute; top:0; width: 100%;  max-width: 530px;   }
  
  .film_b_w .l.on > div { position: fixed; top: 80px;   }
  
  
  .film_bli_w{ width: 100%; overflow: hidden; }
   .film_bli_w .swipe-section { padding-top: 35px; overflow: hidden;  }
  .film_bli_w .swipe-section .panel { display: inline-block; width: 100%; margin-top:  30px; position: relative; text-align: center; }
  
  .film_bli_w .content{ padding: 0; position: relative; }
  
  
   .film_bli_w .panel > span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  font-size: 40px; 
   color: #FFF; font-weight: 500; line-height: 55px; text-align: center;  }
  
  .film_bli_w .panel span{ font-size: 40px;  }
  
  .film_bli_w .swipe-section .panel > span span { font-weight: 900; font-size: 40px;  color: #FFF; line-height: 55px;  }
  
  
  
  
  
.film_bli_w .swipe-section {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

.film_bli_w .swipe-section .panel {
  position: absolute;
}
  
  .gsap-marker-start, .gsap-marker-end, .gsap-marker-scroller-start, .gsap-marker-scroller-end { display: none !important;  }
  
  
  
  
  .flter_pop { position: fixed; top:0; left: 0; z-index: 99999999999999999999; }
  .flter_pop .bg{ background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: -1 }
  .flter_pop .flter_box { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-block; width: 90%;  }
  .flter_pop .flter_box > div { max-height: none; }
  
  .flter_pop .pop_title > div{ padding: 0 5px;  }
  .flter_pop .pop_title .pop_close{ top:10px; right: 13px;   }
  
  .flter_pop .btn { margin-top: 10px; ;  }
  
  .flter_pop { display: none;  }
  
  
  
  
  
  
  
  
  
  
#section1 .lr_wrap { flex-direction: row-reverse; }
  
  .map_wrap .map #map { display: inline-block; width: calc(100% - 500px); height: 100%;    }
  
  
  .gm-ui-hover-effect { display: none !important; }
  
  
  
  .fliter_add{ position: absolute; bottom: 6px; left: 0; width: 100%; padding: 5px 15px; }
  .fliter_add span{ display: inline-block; padding: 5px; text-align: center; background: #222; border-radius: 10px; 
  color:#fff; font-size: 12px; width: 100%; line-height: 25px; float: left;  }
  
  
  
  
  .no-data{  text-align: center; padding: 80px 0;  }
  .no-data p { font-size: 15px;  }
  
  
  
.file_are{border-radius: 8px; border: 1px solid #dfdfdf; height: 55px; padding: 0 25px; display: flex; align-items: center;  }
.file_are input{display: none} 
.file_are .file-label em{height: 38px; background: #191919; line-height: 38px; border-radius: 5px; color: #fff;
 font-size: 16px; text-align: center; padding: 0 25px; display: inline-block; font-style: normal;  }
.file_are  .file-label span{font-size: 16px; color: #666; margin-left: 20px;}

  
  .file_are{ height: auto; padding: 0px; border: 0;  }
  
  .manual_file_w  > div{ display: inline-block; width: 100%;  }
  .manual_file_li{ display: inline-block; width: 100%; margin-top: 7px;   }
 .manual_file_li ul li { display: inline-block;  padding: 10px 0; position: relative; } 
  .file_are .file-label { display: inline-block; width: 100%; cursor: pointer;  padding: 10px 25px;border-radius: 8px;
    border: 1px solid #dfdfdf;  }
  
  .manual_file_li ul li i { display: inline-block; width: 15px; height: 15px; background: #c4c4c4 url("../images/common/close_iconw.png") no-repeat center; border-radius: 100%;
position: absolute; right: -5px; top:-3px;  background-size: 7px; cursor: pointer;  }

 
 
 .manual_file_li ul li { margin: 5px 3px; position: relative;  }
.manual_file_li ul li { display: inline-block; padding: 5px 10px; border: 1px solid #eee; border-radius: 10px;  }
.manual_file_li ul li:first-child { margin-left: 0;  } 
 
  .qna_file_w td > p{ display: inline-block; width: 100%; margin-top: 10px;  }
  
  
  
  
  
  
  .main_section .item_list { margin-top: 30px;  }
  
  
  
  
  .tems_wrap{ padding: 110px 5px;  }
  
  .tems_wrap h3{ text-align: center; font-size: 20px; margin-bottom: 30px; font-weight: bold;   }
  .tems_wrap { line-height: 1.5;  }
  
  
  
  
.banner_popup input[type=checkbox]{display:none;}
.banner_popup input[type=checkbox] + label{display:inline-block;position:relative;padding-left:30px;font-weight:400;font-size:13px;line-height:20px;vertical-align:top;cursor:pointer;}
/*.checkbox_r input[type=checkbox] + label em{color:#de4f41;}*/
.banner_popup input[type=checkbox] + label span{font-weight:300;color:#999;}
.banner_popup input[type=checkbox] + label:before{content:""; float:left;
display:inline-block;position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #dddddd;
border-radius:10px;background:url('/resources/images/check_off.svg') no-repeat center center;background-size:32px auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.banner_popup input[type=checkbox]:checked + label{color:#151515;font-weight:400;}
.banner_popup input[type=checkbox]:checked + label:before{border:1px solid #fff;
background:url('/resources/images/common/check_on4.svg') no-repeat center center;background-size:32px auto;}
.banner_popup input[type=checkbox]:disabled + label{cursor:default;}
/* .checkbox_r + .checkbox_r{margin-left:25px;} */

.banner_popup .popup_boxn{ padding: 0; background: none; max-width: 450px;  } 

.banner_popup .title { position: absolute; left: 0px; top:-50px; width: 100%;  }

.banner_popup .cont{  border-radius: 30px; overflow: hidden; }
.banner_popup .close{ position: absolute; right: -0px; top: 6px;  }
.banner_popup .close img{ width: 30px; cursor: pointer;  }

.banner_popup .title .chkday_w { position: absolute; left: 0; top: 10px ; }
.banner_popup .title .chkday_w label { color:#fff; float: left; margin-left: 30px; cursor: pointer;  }
.banner_popup .title .chkday_w input[type=checkbox] + label { margin-left: 0;  }

#banner_popup{ display: none;  }




.popup_banner > .mySwiper_main { overflow:hidden; /* height: 380px; */ position: relative; }
.popup_banner .swiper-pagination{ bottom:10px; right: 10px;   }
.popup_banner .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup_banner .swiper-pagination {
    text-align: right;
    padding: 0 10px;
}

.popup_banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 6px;
    opacity: 1;
    margin: 0 2px !important;
    padding: 0;
}

.popup_banner .swiper-pagination-bullet-active {
    width: 24px;
    background-color: #222;
    border-radius: 6px;
    margin: 0 2px !important;
    padding: 0;
}
  
  
/* 팝업 */
.popup {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999999999;
    padding: 0;
    left: 0;
    top: 0;
}

.popup .popup_bg_w {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    ; background-color: rgba(0,0,0,0.6);
}

.popup .popup_box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    min-width: 300px;
    max-width: 360px;
    background-color: #fff;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    z-index: 9999999;
}

.popup .popup_box .popup_top {
    text-align: right;
}

.popup .popup_box .popup_top a.btn_close, .popup .popup_box .popup_top button.btn_close {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 0;
    background: url('/resources/images/ico_close.svg') left center;
    background-size: 20px;
    background-repeat: no-repeat;
}

.popup .popup_box .popup_con {
}

.popup .popup_box .popup_con .top {
    padding-bottom: 15px;
    border-bottom: solid 1px #EEEEEE;
}

.popup .popup_box .popup_con .top .img {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    overflow: hidden;
}

.popup .popup_box .popup_con .top .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 25px;
}

.popup .popup_box .popup_con .top .info {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 15px;
}

.popup .popup_box .popup_con .top .info .name {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 4px;
}

.popup .popup_box .popup_con .top .info .name > span {
    display: inline-block;
    padding-right: 5px;
}

.popup .popup_box .popup_con .top .style {
}

.popup .popup_box .popup_con .top .style:after {
    content: '';
    display: block;
    clear: both;
}

.popup .popup_box .popup_con .top .style a.cstyle {
    float: left;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4em;
    margin-right: 5px;
}

.popup .popup_box .popup_con .con {
    display: block;
    width: 100%;
    padding-top: 15px;
}

.popup .popup_box .popup_con .con:after {
    content: '';
    display: block;
    clear: both;
}

.popup .popup_box .popup_con .con div.coin {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.popup .popup_box .popup_con .con div.coin:after {
    content: '';
    display: block;
    clear: both;
}

.popup .popup_box .popup_con .con div.coin dl {
    display: table-cell;
    vertical-align: middle;
}

.popup .popup_box .popup_con .con div.coin dl dt {
    float: left;
    margin-top: 3px;
    padding-right: 5px;
    font-size: 13px;
    color: #151515;
    font-weight: 400;
}

.popup .popup_box .popup_con .con div.coin dl dd {
    float: left;
    font-size: 13px;
    color: #151515;
    font-weight: 600;
}

.popup .popup_box .popup_con .con div.coin dl dd:before {
    display: inline-block;
    content: '';
    width: 15px;
    height: 19px;
    background: url('/resources/images/ico_coin.svg') left center;
    background-size: 15px;
    background-repeat: no-repeat;
    vertical-align: sub;
    padding-right: 4px;
}

.popup .popup_box .popup_con .con div.coin > p {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

.popup .popup_box .popup_con .con div.coin > p a.btn_coiny {
    padding: 6px 14px;
}

.popup .popup_box .popup_con .con button.btn_coin, .popup .popup_box .popup_con .con .btn_coin {
    width: 100%;
    display: inline-block;
    background-color: #EB655F;
    padding: 15px 20px;
    border: solid 1px #EB655F;
    color: #fff;
    border-radius: 5px;
}

.popup .popup_box .popup_con .con button.btn_coin > p, .popup .popup_box .popup_con .con .btn_coin > p {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 12px;
    letter-spacing: -0.05em;
}

.popup .popup_box .popup_con .con button.btn_coin .bt_txt, .popup .popup_box .popup_con .con .btn_coin .bt_txt {
    display: table;
    width: 100%;
}

.popup .popup_box .popup_con .con button.btn_coin .bt_txt > p.coin, .popup .popup_box .popup_con .con .btn_coin .bt_txt > p.coin {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
}

.popup .popup_box .popup_con .con button.btn_coin .bt_txt > p.coin:before , .popup .popup_box .popup_con .con .btn_coin .bt_txt > p.coin:before {
    display: inline-block;
    content: '';
    width: 15px;
    height: 16px;
    background: url('/resources/images/ico_coin.svg') left center;
    background-size: 15px;
    background-repeat: no-repeat;
    vertical-align: bottom;
    padding-right: 4px;
}

.popup .popup_box .popup_con .con button.btn_coin .bt_txt > p.coin > span, .popup .popup_box .popup_con .con .btn_coin .bt_txt > p.coin > span {
    font-weight: 400;
}

.popup .popup_box .popup_con .con button.btn_coin .bt_txt > p.time , .popup .popup_box .popup_con .con .btn_coin .bt_txt > p.time {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.05em;
}

.popup .popup_box .popup_con .con button.btn_060, .popup .popup_box .popup_con .con .btn_060 {
    display: inline-block;
    width: 100%;
    background-color: #5C50B4;
    padding: 15px 20px;
    border: solid 1px #5C50B4;
    color: #fff;
    border-radius: 5px;
}

.popup .popup_box .popup_con .con button.btn_060 > p , .popup .popup_box .popup_con .con .btn_060 > p {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 12px;
    letter-spacing: -0.05em;
}

.popup .popup_box .popup_con .con button.btn_060 .bt_txt , .popup .popup_box .popup_con .con .btn_060 .bt_txt {
    display: table;
    width: 100%;
}

.popup .popup_box .popup_con .con button.btn_060 .bt_txt > p.won, .popup .popup_box .popup_con .con .btn_060 .bt_txt > p.won {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
}

.popup .popup_box .popup_con .con button.btn_060 .bt_txt > p.won:before, .popup .popup_box .popup_con .con .btn_060 .bt_txt > p.won:before {
    display: inline-block;
    content: '';
    width: 15px;
    height: 16px;
    background: url('/resources/images/ico_won.svg') left center;
    background-size: 15px;
    background-repeat: no-repeat;
    vertical-align: bottom;
    padding-right: 4px;
}

.popup .popup_box .popup_con .con button.btn_060 .bt_txt > p.won > span, .popup .popup_box .popup_con .con .btn_060 .bt_txt > p.won > span {
    font-weight: 400;
}

.popup .popup_box .popup_con .con button.btn_060 .bt_txt > p.time, .popup .popup_box .popup_con .con .btn_060 .bt_txt > p.time {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.05em;
}

.popup .popup_boxn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    min-width: 300px;
    max-width: 360px;
    background-color: #fff;
    text-align: center;
    padding: 30px;
    border-radius: 10px;
    z-index: 999999
}

.popup .popup_boxn h4.tit {
    font-size: 20px;
    font-weight: 600;
    color: #151515;
    margin-bottom: 12px;
}

.popup .popup_boxn .btn_bar {
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
}

.popup .popup_boxn .btn_bar .btn_res {
}

.popup .popup_boxn .btn_bar .btn_res > span:before {
    display: inline-block;
    content: '';
    width: 18px;
    height: 20px;
    background: url('/resources/images/ico_re.svg') left center;
    background-size: 18px;
    background-repeat: no-repeat;
    vertical-align: bottom;
    padding-right: 4px;
}

.popup .popup_boxn .range_list {
    text-align: left;
}

.popup .popup_boxn .range_list > h5 {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 2px;
}

.popup .popup_boxn .range_list > ul {
    margin-bottom: 30px;
}

.popup .popup_boxn .range_list > ul:after {
    content: '';
    display: block;
    clear: both;
}

.popup .popup_boxn .range_list > ul > li {
    float: left;
    margin: 8px 8px 0 0;
}

.popup .popup_boxn .range_list > ul > li.full {
    width: 100%;
}

.popup .popup_boxn .range_list > ul > li > a.btn, .popup .popup_boxn .range_list > ul > li > .btn {
    padding: 6px 20px;
    font-size: 14px;
    letter-spacing: -0.025em;
}

.popup .popup_boxn .range_list > ul > li > a.active , .popup .popup_boxn .range_list > ul > li > .active {
    background-color: #5C50B4;
    color: #ffffff;
    border: solid 1px #5C50B4;
}

.popup .popup_boxn .alarm {
    position: relative;
}

.popup .popup_boxn .alarm h4.tit {
    font-size: 20px;
    font-weight: 600;
    color: #151515;
    margin-bottom: 12px;
}

.popup .popup_boxn .alarm p.txt {
    font-size: 14px;
    line-height: 1.5em;
    color: #555555;
}

.popup .popup_boxn .alarm p.txt strong {
    color: #151515;
}

.popup .popup_boxn .alarm .btn_txt {
    float: right;
    margin-top: 20px;
}

.popup .popup_boxn h4.tit.left_tit {
    text-align: left;
}

.popup .popup_boxn p.txt {
    font-size: 12px;
    font-weight: 400;
    color: #151515;
    margin-bottom: 30px;
}

.popup .popup_boxn p.txt.left_txt {
    text-align: left;
}

.popup .popup_box_foot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding: 30px;
    border-radius: 10px 10px 0 0;
}

.popup .popup_box_foot .popup_top {
    text-align: left;
    margin-bottom: 12px;
}

.popup .popup_box_foot .popup_top:after {
    content: '';
    display: block;
    clear: both;
}

.popup .popup_box_foot .popup_top h3.popup_tit {
    float: left;
    font-size: 18px;
    font-weight: 600;
}

.popup .popup_box_foot .popup_top a.btn_close {
    float: right;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/resources/images/ico_close.svg') left center;
    background-size: 20px;
    background-repeat: no-repeat;
}

.popup .popup_box_foot .popup_con {
}

.popup .popup_box_foot .popup_con .top {
    padding-bottom: 15px;
    border-bottom: solid 1px #EEEEEE;
}

.popup .popup_box_foot .popup_con .top .img {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    overflow: hidden;
}

.popup .popup_box_foot .popup_con .top .img img {
    width: 100%;
}

.popup .popup_box_foot .popup_con .top .info {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 15px;
}

.popup .popup_box_foot .popup_con .top .info .name {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 4px;
}

.popup .popup_box_foot .popup_con .top .info .name > span {
    display: inline-block;
    padding-right: 5px;
}

.popup .popup_box_foot .popup_con .con {
    padding-top: 20px;
}

.popup .popup_box_foot .popup_con .con .btn_box {
}

.popup .popup_box_foot .popup_con .con .btn_box dl.coin_hold {
    float: left;
    display: block;
}

.popup .popup_box_foot .popup_con .con .btn_box dl.coin_hold dt {
    float: left;
    padding-right: 5px;
    font-size: 13px;
    line-height: 19px;
    color: #151515;
    font-weight: 400;
}

.popup .popup_box_foot .popup_con .con .btn_box dl.coin_hold dd {
    float: left;
    font-size: 13px;
    color: #151515;
    font-weight: 600;
}

.popup .popup_box_foot .popup_con .con .btn_box dl.coin_hold dd:before {
    display: inline-block;
    content: '';
    width: 15px;
    height: 19px;
    background: url('/resources/images/ico_coin.svg') left center;
    background-size: 15px;
    background-repeat: no-repeat;
    vertical-align: sub;
    padding-right: 4px;
}

.popup .popup_box_foot .popup_con .con .btn_box p.second {
    float: right;
    display: block;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
}

.popup .popup_box_foot .popup_con .con .btn_box p.second:before {
    display: inline-block;
    content: '';
    width: 15px;
    height: 17px;
    background: url('/resources/images/ico_coin.svg') left center;
    background-size: 15px;
    background-repeat: no-repeat;
    vertical-align: bottom;
    padding-right: 4px;
}

.popup .popup_box_foot .popup_con .con .btn_box p.second > span {
    font-weight: 400;
}

.popup .popup_box_foot .popup_con .con .btn_box p.second > p.time {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.05em;
}

.popup .popup_box_foot .popup_con .con button.btn_coin {
    width: 100%;
    background-color: #EB655F;
    padding: 18px 20px;
    border: solid 1px #EB655F;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
}

.popup .popup_box_foot .popup_con .con button.btn_060 {
    width: 100%;
    background-color: #5C50B4;
    padding: 18px 20px;
    border: solid 1px #5C50B4;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
}
  
  
.banner_popup .popup_boxn{ padding: 0; background: none; max-width: 450px;  } 
  
  
  .support_detail{ padding: 0px 0;   }
  
  .support_detail .content{ position: relative; }
  .support_detail #the-canvas { width: 100%; height: 900px; position: relative; }
  /* 
  .support_detail i { position: absolute; top: 3px; right: 53px; width: 220px; height: 50px; 
  background: #323639; z-index: 20; display: inline-block;     }
   */
  
  
  
  
  .film_b_w2 .content > div > div.bottom { display: flex; margin-top: 80px;  }
  .film_b_w2 .content > div > div.bottom > img {width: 50%; height: auto; margin-top: 30px; width: 660px; }
  
  
  .film_b_w2 .content > div > div.bottom .memo { display: inline-block; width: 50%; padding-left: 70px;   }
  
  .film_b_w2 .content > div > div.bottom .memo .t strong { background: #051d2e; color:#fff; display: inline-block; 
  padding: 0; border-radius: 100px; font-size: 10px; font-weight: 300; width: 22px; height: 22px; line-height: 22px; text-align: center;
  margin-right: 7px }
  
  
  
 .film_b_w2 .content > div > div.bottom .memo .t span { margin-left: 0px; font-size: 17px; font-weight: bold;  } 
  
 .film_b_w2 .content > div > div.bottom .memo p  { font-size: 15px; display: inline-block; width: 100%; margin-top: 10px;  line-height: 1.5;  } 
  
   .film_b_w2 .content > div > div.bottom .memo ul li { display: inline-block; width: 100%; margin-top: 30px; position: relative;  } 
  .film_b_w2 .content > div > div.bottom .memo ul li:first-child { margin-top: 0;  }
  
  .film_b_w2 .content > div > div.bottom .en_memo ul li{ margin-top: 15px;  }
  
  .right_btn img{ width: 20px;  }
  
  
    .line_w{ position: absolute; right: 107%;  top: 8px; width: 290px;   }
    .line_w img{ text-align: right;  float: right;  }
    
    .en_memo .line_w4 img { width: 200px;  }
    
    
    
    
  /* 

  .line_w .line { width: 93px; height: 1px; background: #b9b9b9; position: absolute; right: 0; border-radius: 100px;  }
  .line_w .line2 { width: 130px; height: 1px; background: #b9b9b9; 	transform: rotate( 326deg );
  position: absolute; right: 82px; top:36px; border-radius: 100px;    }
  
  
  
  .line_w > i { width: 21px; height: 21px; border: 1px solid #868686; border-radius: 100px;  position: absolute;
  right: 195px; top: 70px;  }
   .line_w > i i{  position: absolute; left: 50%; top: 50%;
    transform: translate(-50%, -50%); 
    width: 11px; height: 11px; border: 1px solid #868686; border-radius: 100px;  }
  
   */
  
  
  
  
  .film_b_w2 .content > div > div.bottom .memo .t strong{ display: none;  }
  
  
  
  
  
  .sub_bnnaer .memo p{ display: none;  }
  
  .guide_sub_menu{ margin-bottom: 50px;  }
  
  
/*   .installation_li.goods_list.item_list ul li a .memo:before { display: none;  }
  .installation_li.goods_list.item_list ul li a .memo { opacity: 1; line-height: 1.5;  } */
  
  
  .detail_cont img{ width: auto !important; max-width: 100%; }
  
  
  
  .installation_li.item_list ul li a .bottom .memo {      overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  
  
  .goods_detail_l .swiper{ margin-top: 10px;  }
  
  
.h_memu_img img{ display: none;  }  
  
  
  #detail_img1{ max-width: 1500px; width: 100%; text-align: center; top: 80px; max-height: calc(100% - 130px); margin-top: 0 !important;
  overflow: auto;  }
  #detail_img1 .detail_img_pop img{ max-width: 100%; max-height: 100%;       }
   #detail_img1 .detail_img_pop{ padding: 80px; height: 100%;   } 
  
  
  
  
  
  
  .guide_cont_wrap{ margin: 120px 0;  }
  .guide_cont_wrap > div > ul > li { display: flex; gap: 60px; margin: 60px 0;    } 
  
  .guide_cont_wrap > div > ul > li > h4  { font-size: 30px; font-weight: bold; width: 310px;; line-height: 1.5;  
     word-break: keep-all;  }
  
  .guide_cont_wrap ul ul{ width: calc(100% - 310px);  }
  .guide_cont_wrap ul ul h5 { font-size: 23px;     word-break: keep-all; font-weight: 600; line-height: 1.5; margin-bottom: 25px;  }
  .guide_cont_wrap ul ul p { font-size: 17px; line-height: 1.7;  }
   .guide_cont_wrap ul ul font, .guide_cont_wrap ul ul div  { font-size: 17px; line-height: 1.7;  }
    .guide_cont_wrap ul ul li > div { display: inline-block; width: 100%;   }
  
  
  .guide_cont_wrap ul ul li { margin-top:20px;  }
  .guide_cont_wrap ul ul li:first-child { margin-top: 0;  }
  
  
  
/*   .main_section .item_list ul li a img { height: 440px;  } */
  
  
  
  
  
  
  .main_section .item_swiper, .main_section .item_list_sw  { margin-top: 30px;  }
  .main_section .item_swiper img, .main_section .item_list_sw img { width: 100%; height: 100%; object-fit: cover;  }
  .main_section .item_swiper .memo,  .main_section .item_list_sw .memo{ opacity: 0; position: absolute; top:0; left: 0; width: 100%; height: 100%;  }
  .main_section .item_swiper a:hover .memo, .main_section .item_list_sw a:hover .memo { opacity: 1; transition: 0.3s; }
 
  .main_section .item_swiper .memo:before, .main_section .item_list_sw .memo:before
   { content:""; display: inline-block; width: 100%; height: calc(100% - 3px); position: absolute; top:0; left: 0;
background: rgba(0,0,0,0.6);   }
 
 
 
 
 .news_swiper .swiper-slide img{ object-fit: cover;  aspect-ratio: 3 / 3;  }
 
 
 
  
  .main_section .item_swiper img{ aspect-ratio: 3 / 3; }
  
  
  
  .brand_goods_li .content{ max-width: 1500px;  }
  
  
  .flter_order1_en .flter_box { padding: 10px 0px 50px; }
  
  
  .film_container .content, .brand_goods_li .content { padding: 0 50px; }
  .brand_goods_li{ padding-top: 30px;  }
  
  
  
  

  .gallery_list_w .goods_list.item_list ul li a .bottom{ padding-top: 8px; }
  .gallery_list_w .goods_list.item_list ul li a .memo { opacity: 1;    }
  .gallery_list_w .goods_list.item_list ul li a .memo:before { display: none; }
  .gallery_list_w .goods_list.item_list ul li a .memo:before { display: none; }
  
 .detail_goods_li .main_title1{ margin-bottom: 20px;  }
  .detail_wrap.main_section .item_swiper { margin-top: 10px;  }
  
  
  
.item_list_sw {   width: 100%; }
.item_list_sw .swiper-wrapper > a{ width: 33.33%;  }

.item_list_sw .swiper-wrapper{ width: 100%; display: flex;  }
.item_list_sw .swiper {  }

.main_section.detail_wrap .item_swiper{ width: 100%;  }




.sub_wrapper{ display: flex; gap:10px;  }
.sub_wrapper > div{ width: calc(25% - 7.5px);  }
  
.goods_detail_l .swiper-slide-thumb-active{ border: 2px solid #222;  }
  
  
.goods_detail_l .sub_wrapper .on{ border: 2px solid #222;  }
  
  
  
  
  .card-body img { width: auto !important; max-width: 100%;  }
  
  
  .main_section0{ text-align: left ; }
  .main_section0 .l { line-height: 1.7; width: 45%; padding-top: 100px; }
  .main_section0_w p { font-size: 23px; margin-top: 20px;  }
  .main_section0_w h4{ font-size: 35px; font-weight: bold; }
  
  
  .main_section0_w{ display: flex;  }
  
  
  .main_section0 img{  width: 55%; }
  
  
  
  .film_item_w{ display: flex; flex-wrap: wrap; margin-top: 80px; margin-bottom: 30px;  }
  .film_item_w img{ width: 50%;  }