/* BASIC css start */


li {list-style:none}

#header {z-index:2;position:relative;  letter-spacing: 1px; background-color: #fbfbfb;padding:0}

 .v {position: fixed !important; top: 0; box-shadow: 0 0 7px 0 #676767; opacity: 1; width: 100%; z-index: 5;}

#header .headerGnb {position:relative; width:100%;margin:0 auto;border-bottom:1px solid #f0f0f0;}
#header .headerBtm { position:relative;background: #2e4052;  z-index:95;margin:0 auto;}

#header .headerMid .logo  {padding:7px 0 7px 10px;text-align:center;}
#header .headerMid .logo a img{width:14%;min-width:90px;  }

#header.headerFix .headerMid {width:100%; position:fixed; top:0; left:0; right:0; background:rgba(249, 249, 249, 0.95);box-shadow: 0 4px 7px -6px #000;height:40px;background: #2e4052;}
#header.headerFix .headerMid .logo {padding:10px 0 10px 10px;text-align:center;}
#header.headerFix .headerMid .logo a img{width:14%;min-width:90px; }



#header .headerMid .rtOpenBtn { position:absolute; top:5px;  right:10px; font-size:32px; text-align:center;cursor:pointer; z-index:1; color:#f2f2f2;}
#header .headerMid .searchOpen{
    position:absolute;
    top:9px;
    right:45px;
    width:26px;
    height:30px;
    font-size:26px;
    cursor:pointer;
    z-index:1;
    color:#f2f2f2;
  
}


#header .headerMid .rtOpenBtn2 { position:absolute; top:8px;  left:10px; font-size:30px; cursor:pointer; z-index:1; color:#f2f2f2;}
#header .headerMid .searchOpen2{
    position:absolute;
    top:12px;
    left:40px;
    width:26px;
    height:30px;
    font-size:26px;
    cursor:pointer;
    z-index:1;
    color:#f2f2f2;
  
}
#header .headerMid .searchOpen3{
    position:absolute;
    top:12px;
    left:40px;
    width:26px;
    height:30px;
    font-size:26px;
    cursor:pointer;
    z-index:1;
    color:#f2f2f2;
  
}
#header .headerMid .searchOpen3 span {  position:absolute; top:2px; left:10px; color:#fff; font-size:11px; }
#header .headerMid .searchOpen3 .user_basket_quantity { font-family: 'Lato', sans-serif;background-color:#e87c95; color:#f0f0f0; font-size:12px; font-weight:600;padding: 0px 6px; border-radius: 8px; position: relative; top:-6px; left:0px; height:20px; line-height:20px; z-index:2;}

#header .headerMid .rtOpenBtn3
{
    position:absolute;
    top:12px;
    left:10px;
    width:26px;
    z-index:1;
}


#header .headerMid .rtOpenBtn3 img {width:100%;}

#header .headerMid .searchOpen2 span {  position:absolute; top:2px; left:10px; color:#fff; font-size:11px; }

#header .headerMid .searchOpen2 .user_basket_quantity { font-family: 'Lato', sans-serif;background-color:#e87c95; color:#f0f0f0; font-size:12px; font-weight:600;padding: 0px 6px; border-radius: 8px; position: relative; top:-6px; left:0px; height:20px; line-height:20px; z-index:2;}











#header .headerFix .headerMid .rtOpenBtn { position:absolute; top:0px;  right:10px; font-size:32px; text-align:center;cursor:pointer; z-index:1; color:#f2f2f2;}
#header .headerFix .headerMid .searchOpen{
    position:absolute;
    top:4px;
    right:45px;
    width:26px;
    height:30px;
    font-size:26px;
    cursor:pointer;
    z-index:1;
    color:#f2f2f2;
  
}


#header .headerFix .headerMid .rtOpenBtn2 { position:absolute; top:0px;  left:10px; font-size:32px; text-align:center;cursor:pointer; z-index:1; color:#f2f2f2;}
#header .headerFix .headerMid .searchOpen2{
    position:absolute;
    top:4px;
    left:45px;
    width:26px;
    height:30px;
    font-size:26px;
    cursor:pointer;
    z-index:1;
    color:#f2f2f2;
  
}







#header .headerMid .rtOpenBtn i{color:#152f4e}


#header .headerMid .searchOpen i{color:#152f4e}


#header .headerMid .rtOpenBtn2 i{color:#152f4e}


#header .headerMid .searchOpen2 i{color:#152f4e}
#header .headerMid .searchOpen3 i{color:#152f4e}







.headerTop {width:100%;position:relative; margin:0 auto; background:#f0f0f0;}
.headerTop p { text-align:center;}
.headerTop .logo_text {padding:3px 0px 2px 0px;font-size:10px;color:#bababa; margin:0 auto;}
































































/* °Ë»öâ */
#header .headerMid .srchArea {display:none; position:fixed; left:0; right: 0;top: 0px;bottom: 0;background:rgba(21, 47, 78, 0.9);width: 100%;height: 100%;z-index: 201; }
#header .headerMid .search { width:100%; margin:0px auto;color:#fff; }
#header .headerMid .search fieldset { width:90%; margin:10% auto 0; text-align:center; color:#fff;}
#header .headerMid .search input { width:85%; height:30px; border:none; background:none; font-size:20px; color:#000;border-bottom:2px solid #fff; }
#header .headerMid .search .btn_search { font-size:30px; color:#fff;}
#header .headerMid .search .searchClose { display: block;margin: 4% 0 3%;font-size: 40px; text-align:center;cursor:pointer;color:#fff;  }
























































    .swiper-container31 .menuLeft p{ position:absolute; top:-6px; right:0%;color:#fff; z-index:9999; background: rgba(46, 64, 82, 0.8); padding: 13px 15px 11px 10px; display: block;font-size: 26px; line-height: 20px;text-align: center;}
    
    
.swiper-container31 .joinArea {display:none; position: fixed; left:0; right: 0;top: 0px;bottom: 0;background:rgba(21, 47, 78, 0.9);width: 100%; height: 100%;z-index:9999;overflow: hidden;overflow-y:auto;overflow-x:auto; z-index:500}
.swiper-container31 .join { width:75%; margin:0px auto;color:#fff; }
.swiper-container31 .join fieldset { width:64%; margin:10% auto 0; text-align:center; color:#fff;}
.swiper-container31 .join input { width:84%; height:40px; border:none; background:none; font-size:20px; color:#000;border-bottom:2px solid #fff;color:#fff; }
.swiper-container31 .join .btn_search { font-size:40px; color:#fff;}
.swiper-container31 .join .joinClose { display: block;margin:0 auto;text-align:center;font-size: 50px; cursor:pointer;color:#fff;  }




    .tabs11 > li { width: 14%;padding-left:10px; }

.tabs11 > li:nth-child(1){width:19% !important;}
   
     .tabs11 > li:nth-child(2){width:17% !important;}
     .tabs11 > li:nth-child(3){width:22% !important;}
     .tabs11 > li:nth-child(4){width:24% !important;}
     .tabs11 > li:nth-child(5){width:22% !important;}
     .tabs11 > li:nth-child(6){width:22% !important;}
     .tabs11 > li:nth-child(7){width:22% !important;}
     .tabs11 > li:nth-child(8){width:22% !important;}
     .tabs11 > li:nth-child(9){width:22% !important; padding-right:40px;}
    .tabs11 > li > a { color: #fff; padding: 10px 0 7px 0; display: block;  text-align: center; text-decoration: none; font-size: 15px; line-height: 20px; border-bottom: 2px solid transparent; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
    .tabs11 > li.active1 > a { border-bottom: 2px solid #f4b167; color: #f4b167; }
    
.swiper-container31 {background: #2e4052; 
    
    position: relative;
    overflow:hidden;
   margin:0 auto;
    z-index: 1;
    width:100%;
    
}



.swiper-wrapper23{
    position: relative;
    width: 100%;
    height: 100%;
left:0;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}



.swiper-slide23{
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.ter1 {position: absolute; left:50%; top:100%; color:#fff;font-size: 0.95em;z-index:9999;margin-left:-40px;margin-top:-38px;padding:2px 10px 3px 65px;background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;} 


.popup12 {display:none; text-align:left; background:#fff;width:100%; }
.popup13 {display:none; text-align:left; background:#fff;width:100%;}
.popup14 {display:none; text-align:left; width:100%;}
.popup15 {display:none; text-align:left; width:100%;}
.popup11{width:100%;padding-top:50px;display:none; text-align:center; background:#fff;}
.popup11 h1, .popup12 h1, .popup13 h1, .popup14 h1{color:#b73e5a; font-size:16px;}
.popup11 p, .popup12 p, .popup13 p, .popup14 p{text-align:center; background:#fff;  font-size:1.15em;padding:0px 0px;}

.popup11 .btn_close, .popup12 .btn_close, .popup13 .btn_close{ position:absolute; top:12px; right:15px;width: 45px; height: 40px;background:#fff;z-index:99999999; }

.popup11 .btn-logo{display: inline-block;font-size:1.20em; height: 40px; line-height: 40px; font-weight: bold;background:#fff;padding-left:20px;}
.popup11 .btn-logo2, .popup12 .btn-logo2, .popup14 .btn-logo2 { display: inline-block;font-size:1.20em; height: 40px; line-height: 40px; margin-bottom:0px;padding-left:20px; font-weight: bold;background:#fff;}


.popup12 .btn-logo { display: inline-block;font-size:1em; height: 42px; line-height: 42px; margin-bottom:0px;padding-left:20px; font-weight: bold;background:#fff;}


.popup12 .btn-logo3 { position:relative;
    top:0px;
    left:0px;display: inline-block;font-size:14px; font-weight: bold;background:#fff;}

.popup12 .btn-logo4 {   position:relative;
    top:0px;
    left:0px;display: inline-block;font-size:0.em; background:#fff;}

.popup12 .btn-logo4 tr {padding:3px 0;}

.popup12 .btn-logo4 td{padding-right:3px;}

.popup13 .btn-logo { display: inline-block;font-size:1.1em; height: 42px; line-height: 42px; margin-bottom:0px;padding-left:20px; font-weight: bold;background:#fff;}

.popup11 .btn_close .x1, .popup12 .btn_close .x1, .popup13 .btn_close .x1 {border: 1px solid #777; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 25px; position: absolute; top: 17px; right: 7px;}

.popup11 .btn_close .x2, .popup12 .btn_close .x2, .popup13 .btn_close .x2 {border: 1px solid #777; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 25px; position: absolute; top: 17px; right: 7px;}


.popup11 .fix {position: fixed; top: 0px; left:0px;width:100%;padding:10px 0px 0 0px;z-index:9999999; height:50px;background:#fff;}

.popup12 .fix {position: fixed; top: 0px; left:0px;width:100%;padding:10px 0px 0px 0px;z-index:9999999; height:50px;background:#fff;border-bottom: 1px solid #ccc;}




.popup12 .btn-logo3 img{
    position:relative;
    top:8px;
    left:10px;
    width:26px;
    height:26px;
    padding-right:16px;
    font-size:26px;
    cursor:pointer;
    z-index:1;
    color:#f2f2f2;
  
}



.popup13 .fix {position: fixed; top: 0px; left:0px;width:100%;padding:10px 0px 0px 0px;z-index:9999999; height:50px;background:#fff;border-bottom: 1px solid #ccc;}

.popup11 img, .popup12 img, .popup13 img, .popup14 img{ width:100%;}

.popup11 .so, .popup12 .so, .popup13 .so, .popup14 .so {padding:10px;}

.popup11 .search, .popup12 .search { width:90%; margin:0px auto;color:#333; }
.popup11 .search fieldset, .popup12 .search fieldset { width:85%; margin:10% auto 0; text-align:center; color:#333;}
.popup11 .search input, .popup12 .search input { width:82%; height:30px; border:none; background:none; font-size:20px; color:#000;border-bottom:2px solid #ddd;color:#333;border-radius:0; }
.popup11 .search .btn_search, .popup12 .search .btn_search {position:relative; font-size:30px; color:#333; top:7px;left:-10px;}



.popup14 .fix{position: fixed;left: 50%;top: 50%;
    transform: translate(-50%, -50%);width:70%;padding:10px 0px 0 0px;z-index:9999999;background:#fff; 
    
    border-radius: 30px;

    
    
    }
    
   .popup14 .btn-logo {display: inline-block;font-size:1.0em; height: 30px; line-height: 30px; font-weight: bold;padding-left:20px;}
     
    .popup14 .fix .menu_m { 
    
 
   border-top: 1px solid #ccc;
  margin: 10px auto 10px auto;
  padding:10px 0 10px 0;
  
 text-align:center;}
 
 
 
  .popup14 .fix .menu_m li{ 
  width:80%;
  margin: 0 auto;
  cursor: pointer;
  display: block;
 padding:7px 0 7px 0;
  border-bottom: 1px dashed #CCC;
  position: relative;

}

  .popup14 .fix .menu_m li a {  
 color: #4D4D4D;
  font-size: 15px;
  font-weight: 400;
  
 }
 
 .popup15 {display:none; text-align:left; width:100%;}
 
 
.popup15 .fix{position: fixed;left: 50%;top: 50%;
    transform: translate(-50%, -50%);width:70%;padding:10px 0px 0 0px;z-index:9999999;background:#fff; 
    
    border-radius: 30px;

    
    
    }

   .popup15 .btn-logo {display: inline-block;font-size:1.0em; height: 30px; line-height: 30px; font-weight: bold;padding-left:20px;}
     
    .popup15 .fix .menu_m { 
   border-top: 1px solid #ccc;
  margin: 10px auto 10px auto;
  padding:10px 0 10px 0;
  
 text-align:center;}
 
 
 
  .popup15 .fix .menu_m li{ 
  width:80%;
  margin: 0 auto;
  cursor: pointer;
  display: block;
 padding:7px 0 7px 0;
  border-bottom: 1px dashed #CCC;
  position: relative;

}
 .popup15 .fix .menu_m li a {  
 color: #4D4D4D;
  font-size: 15px;
  font-weight: 400;
  
 }
 

 
 
    

.popup14 .btn_close{ position:absolute; top:10px; right:15px;width: 25px; height: 25px;background:#fff;z-index:99999999; }

.popup14 .btn_close .x1 {border: 1px solid #777; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 25px; position: absolute; top: 13px; right: 7px;}

.popup14 .btn_close .x2 {border: 1px solid #777; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 25px; position: absolute; top: 13px; right: 7px;}
  






 .popup15, .popup16, .popup17, .popup18, .popup19, .popup20, .popup21 {display:none; text-align:left; width:100%;}
 
 
.popup15 .fix, .popup16 .fix, .popup17 .fix, .popup18 .fix, .popup19 .fix, .popup20 .fix, .popup21 .fix{position: fixed;left: 50%;top: 50%;
    transform: translate(-50%, -50%);width:70%;padding:10px 0px 0 0px;z-index:9999999;background:#fff; 
    
    border-radius: 30px;

    
    
    }

   .popup15 .btn-logo, .popup16 .btn-logo, .popup17 .btn-logo, .popup18 .btn-logo, .popup19 .btn-logo, .popup20 .btn-logo, .popup21 .btn-logo {display: inline-block;font-size:1.0em; height: 30px; line-height: 30px; font-weight: bold;padding-left:20px;}
     
    .popup15 .fix .menu_m, .popup16 .fix .menu_m, .popup17 .fix .menu_m, .popup18 .fix .menu_m, .popup19 .fix .menu_m, .popup20 .fix .menu_m, .popup21 .fix .menu_m { 
   border-top: 1px solid #ccc;
  margin: 10px auto 10px auto;
  padding:10px 0 10px 0;
  
 text-align:center;}
 
 
 
  .popup15 .fix .menu_m li, .popup16 .fix .menu_m li, .popup17 .fix .menu_m li, .popup18 .fix .menu_m li, .popup19 .fix .menu_m li, .popup20 .fix .menu_m li, .popup21 .fix .menu_m li{ 
  width:80%;
  margin: 0 auto;
  cursor: pointer;
  display: block;
 padding:7px 0 7px 0;
  border-bottom: 1px dashed #CCC;
  position: relative;

}
 .popup15 .fix .menu_m li a, .popup16 .fix .menu_m li a, .popup17 .fix .menu_m li a, .popup18 .fix .menu_m li a, .popup19 .fix .menu_m li a, .popup20 .fix .menu_m li a, .popup21 .fix .menu_m li a {  
 color: #4D4D4D;
  font-size: 15px;
  font-weight: 400;
  
 }
 



.popup15 .btn_close, .popup16 .btn_close, .popup17 .btn_close, .popup18 .btn_close, .popup19 .btn_close, .popup20 .btn_close, .popup21 .btn_close{ position:absolute; top:10px; right:15px;width: 25px; height: 25px;background:#fff;z-index:99999999; }

.popup15 .btn_close .x1, .popup16 .btn_close .x1, .popup17 .btn_close .x1, .popup18 .btn_close .x1, .popup19 .btn_close .x1, .popup20 .btn_close .x1, .popup21 .btn_close .x1 {border: 1px solid #777; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 25px; position: absolute; top: 13px; right: 7px;}

.popup15 .btn_close .x2, .popup16 .btn_close .x2, .popup17 .btn_close .x2, .popup18 .btn_close .x2, .popup19 .btn_close .x2, .popup20 .btn_close .x2, .popup21 .btn_close .x2 {border: 1px solid #777; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 25px; position: absolute; top: 13px; right: 7px;}








.popup13 .accordion {
  width: 96%;
background: #f9f9f9;
  margin: 0px auto 20px;


  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

}

.popup13 .accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 28px;
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.popup13 .accordion li:last-child .link { border-bottom: 0; }

.popup13 .accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.popup13 .accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.popup13 .accordion li i.fa-arrow-right {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.popup13 .accordion li.open .link { color: #e17690; }

.popup13 .accordion li.open i { color: #e17690; }

.popup13 .accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}


/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none;
  background: #fff;
  font-size: 14px;
}

.submenu li { border-bottom: 1px solid #ddd; }

.submenu a {
  display: block;
  text-decoration: none;
  color: #333;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu a:hover {

  color: #2e4052;
}



.menu_p { width:100%; position:relative; margin:0 auto; } 
.menu_p ul{text-align:center; }
.menu_p ul li{padding:10px 0 10px 0; font-size:13px;}
.menu_p ul p{display:block;text-align:center;}
.menu_p ul p a{width:32%;display:inline-block; font-size:12px; border:solid 1px #ddd;}








 
/* Style the tab */
.tab34 {
position: fixed;
  float: left;
  margin-top:70px;

  border-right: 1px solid #e1e1e1;
  
   overflow-y:scroll;
  
  height: 100%;
  
}
 
/* Style the buttons inside the tab */
.tab34 button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 12px 5px 12px 5px;
  width: 100%;


 border:none;
  outline: none;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  font-size: 13px;
}

.tab34 button:nth-child(7){


position:absolute;
left:0;
bottom:135px;
  display: block;
  background-color: inherit;
  color: black;
  padding: 10px 5px 10px 5px;
width: 100%;
border-top: 1px solid #CCC;
border-left:0;
border-right:0;
border-bottom:0;
  outline: none;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  font-size: 15px;  }

.tab34 button:nth-child(8){

position:absolute;
left:0;
bottom:80px;

  display: block;
  background-color: inherit;
  color: black;
  padding: 10px 5px 10px 5px;
width: 100%;
border-top: 1px solid #f2f2f2;
border-left:0;
border-right:0;
border-bottom:0;
  outline: none;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  font-size: 15px;  }



 
/* Change background color of buttons on hover */
.tab34 button:hover {
 background-color: #2e4052; color:#fff;
   border-right: 2px solid #f4b167;
}
 
/* Create an active/current "tab button" class */
.tab34 button.activee {
   background-color: #2e4052; color:#fff;
    border-right: 2px solid #f4b167;
}
 
/* Style the tab content */
.tabcontentt {

   float: left;
  margin: 70px 0 0 65px; 

  width: 80%;

  height: 100%;
 
}
.tabcontentt .fu{ width: 100%; border-bottom:1px solid #f2f2f2;}
.tabcontentt .fu table {width: 100%; float:left;margin-left:5px;}

.tabcontentt .fu th {text-align:left;padding:5px 0px 12px 0px;font-size:18px; font-weight:600;color:#7e8ea0;}
.tabcontentt .accordion {
  width: 100%;
 

 background: #f9f9f9;

}


.tabcontentt .accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 28px;
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.tabcontentt .accordion li:last-child .link { border-bottom: 0; }

.tabcontentt .accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.tabcontentt .accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.tabcontentt .accordion li.open .link { color: #e17690; }

.tabcontentt .accordion li.open i { color: #e17690; }

.tabcontentt .accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}








.tab_content3 {padding: 0px;font-size: 12px;display: none;}





.active-tabs {
    width: 100%;
background: #fff;
    padding: 20px 0 0 0px;

    margin:-16px auto;
    
}

.active-tabs input {
    opacity: 0;
    display: none;
    visibility: hidden;
}




.btn {
    background: #dddddd;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-family: "open sans";
    font-size: 13px;
   
    line-height: 25px;
    margin-bottom: 3px;
    margin-right: 3px;
    text-align: center;
    width: 25px;
    opacity: 1;
    border-radius:15px;
  
}
.btn:hover {background:#7e8ea0;}



.btn_bl {background: #dddddd;}




.active-tabs input:checked + label {
  background: #7e8ea0;
  

    color: #fff;
}

.tabs-container {
    width: 100%;
 
 


    background: #fff;
padding:0px 0px 10px 0px;
height:100%;
overflow-y:auto;
overflow-x:hidden;
}







.tabs-container .fp {padding:10px 0px 0px 0px;}
.tabs-container .fp table {width: 100%; float:left;margin-left:5px;}

.tabs-container .fp th {text-align:left;padding:5px 0px 2px 0px;font-size:18px; font-weight:600;color:#7e8ea0;}

.tabs-container .fp tbody {display:block; margin-top:0px;border-top:1px solid #f2f2f2;padding-top:10px;}
.tabs-container .fp tr {float:left; }
.tabs-container .fp td {text-align: left; }
.tabs-container .fp span{display:inline-block;padding:3px 8px 3px 8px;margin-bottom:5px;font-size:14px; font-weight:400;}

.tabs-container .fp span:hover{color:#e56b87;font-weight:400;background-color:#fff;}


.tabs-container .fp tr>td::after{  content: "|"; align-items: center;color:#C6C6C6;}

.tabs-container .fp td i {
         position: relative;
         top:4px; left:-4px;
         border-radius:50% 50% 50% 0;
         width: 10px;
         height: 10px;
         color:#fff;
         text-align: center;
         vertical-align:top;
         padding:1px 2px 1px 1px ;
         font-size:5px;
        }

.tabs-container .fp td .xi-check {background-color:#f4b167; font-weight: 900;}
.tabs-container .fp td .xi-hlz {background-color: #e17690;}

.tabs-container .fp2 {padding:10px 0px 0px 0px;}
.tabs-container .fp2 table {width: 100%; float:left;margin-left:5px;}

.tabs-container .fp2 th {text-align:left;padding:5px 0px 2px 0px;font-size:24px; font-weight:600;color:#7e8ea0;}

.tabs-container .fp2 tbody {display:block; margin-top:0px;border-top:1px solid #f2f2f2;padding-top:10px;}
.tabs-container .fp2 tr {float:left; }
.tabs-container .fp2 td {text-align: left; }
.tabs-container .fp2 span{display:inline-block;padding:7px 8px 7px 8px;margin-bottom:5px;font-size:16px; font-weight:400;}

.tabs-container .fp2 span:hover{color:#e56b87;font-weight:600;}


.tabs-container .fp2 tr>td::after{  content: "|"; align-items: center;color:#C6C6C6;font-size:16px;}

.tabs-container .fp2 td i {
         position: relative;
         top:4px; left:-4px;
         border-radius:50% 50% 50% 0;
         width: 10px;
         height: 10px;
         color:#fff;
         text-align: center;
         vertical-align:top;
         padding:1px 2px 1px 1px ;
         font-size:5px;
        }

.tabs-container .fp2 td .xi-check {background-color:#f4b167; font-weight: 900;}
.tabs-container .fp2 td .xi-hlz {background-color: #e17690;}


.tab-1 ,
.tab-2 ,
.tab-3 ,
.tab-4 ,
.tab-5 ,
.tab-6 ,
.tab-7 ,
.tab-8 ,
.tab-9 ,
.tab-10 ,
.tab-11 ,
.tab-12 ,
.tab-13 ,
.tab-14 ,
.tab-15 ,
.tab-16 ,
.tab-17 
 {
 
    width: 100%;
  
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
  
}






.btn-1:checked ~ .tabs-container .tab-1 ,
.btn-2:checked ~ .tabs-container .tab-2 ,
.btn-3:checked ~ .tabs-container .tab-3 ,
.btn-4:checked ~ .tabs-container .tab-4 ,
.btn-5:checked ~ .tabs-container .tab-5 ,
.btn-6:checked ~ .tabs-container .tab-6 ,
.btn-7:checked ~ .tabs-container .tab-7 ,
.btn-8:checked ~ .tabs-container .tab-8 ,
.btn-9:checked ~ .tabs-container .tab-9 ,
.btn-10:checked ~ .tabs-container .tab-10 ,
.btn-11:checked ~ .tabs-container .tab-11 ,
.btn-12:checked ~ .tabs-container .tab-12 ,
.btn-13:checked ~ .tabs-container .tab-13 ,
.btn-14:checked ~ .tabs-container .tab-14 ,
.btn-15:checked ~ .tabs-container .tab-15 ,
.btn-16:checked ~ .tabs-container .tab-16 ,
.btn-17:checked ~ .tabs-container .tab-17 
{   
    position: relative;
    visibility: visible;
    top: 0;
    left: 0;
    opacity: 1;
}





.active-tabs1 {
    width: 100%;
background: #fff;
    padding: 20px 0 0 0px;

    margin:-16px auto;
    
}

.active-tabs1 input {
    opacity: 0;
    display: none;
    visibility: hidden;
}




.btn1 {
    background: #dddddd;
    color: #fff;

    cursor: pointer;
    display: block;
    float: left;
    font-family: "open sans";
    font-size: 13px;
   padding:0 5px 0 5px;
    line-height: 25px;
    margin-bottom: 3px;
    margin-right: 3px;
    text-align: center;
   
    opacity: 1;
    border-radius:5px;
}




.btn1:hover {

}

.active-tabs1 input:checked + label {
  background: #7e8ea0;
  

    color: #fff;
}

.tabs-container1 {
    width: 100%;
 
 


    background: #fff;
padding:0px 0px 10px 0px;
height:100%;
overflow-y:auto;
overflow-x:hidden;
}




.tabs-container1 .fp {padding:10px 0px 0px 0px;}
.tabs-container1 .fp table {width: 100%; float:left;margin-left:5px;}

.tabs-container1 .fp th {text-align:left;padding:10px 0px 10px 0px;font-size:18px; font-weight:600;color:#7e8ea0;}

.tabs-container1 .fp tbody {display:block; margin-top:0px;border-top:1px solid #f2f2f2;padding-top:10px;}
.tabs-container1 .fp tr {float:left; }
.tabs-container1 .fp td {text-align: left; }
.tabs-container1 .fp span{display:inline-block;padding:3px 8px 3px 8px;margin-bottom:5px;font-size:14px; font-weight:400;}

.tabs-container1 .fp span:hover{color:#e56b87;font-weight:400;background-color:#fff;}


.tabs-container1 .fp tr>td::after{  content: "|"; align-items: center;color:#C6C6C6;}

.tabs-container1 .fp td i {
         position: relative;
         top:4px; left:-4px;
         border-radius:50% 50% 50% 0;
         width: 10px;
         height: 10px;
         color:#fff;
         text-align: center;
         vertical-align:top;
         padding:1px 2px 1px 1px ;
         font-size:5px;
        }

.tabs-container1 .fp td .xi-check {background-color:#f4b167; font-weight: 900;}
.tabs-container1 .fp td .xi-hlz {background-color: #e17690;}

.tabs-container1 .fp2 {padding:10px 0px 0px 0px;}
.tabs-container1 .fp2 table {width: 100%; float:left;margin-left:5px;}

.tabs-container1 .fp2 th {text-align:left;padding:5px 0px 2px 0px;font-size:20px; font-weight:600;color:#7e8ea0;}

.tabs-container1 .fp2 tbody {display:block; margin-top:0px;border-top:1px solid #f2f2f2;padding-top:10px;}
.tabs-container1 .fp2 tr {float:left; }
.tabs-container1 .fp2 td {text-align: left; }
.tabs-container1 .fp2 span{display:inline-block;padding:7px 8px 7px 8px;margin-bottom:5px;font-size:16px; font-weight:400;}


.tabs-container1 .fp2 span:hover{color:#e56b87;font-weight:600;}


.tabs-container1 .fp2 tr>td::after{  content: "|"; align-items: center;color:#C6C6C6;font-size:16px;}

.tabs-container1 .fp2 td i {
         position: relative;
         top:4px; left:-4px;
         border-radius:50% 50% 50% 0;
         width: 10px;
         height: 10px;
         color:#fff;
         text-align: center;
         vertical-align:top;
         padding:1px 2px 1px 1px ;
         font-size:5px;
        }

.tabs-container1 .fp2 td .xi-check {background-color:#f4b167; font-weight: 900;}
.tabs-container1 .fp2 td .xi-hlz {background-color: #e17690;}


.tabs-container1 img{width:25px;position: relative;
         top:-2px; left:0px;}

.tabs-container1 .fp2 th img {width:30px; position: relative;
         top:-2px; left:0px;}



.spp1 {background:#fff; padding:3px 20px 7px 20px;font-size:13px;line-height: 35px;border-radius: 10px;color:#444;font-weight:600; }



.img_2 img{width:62%;box-shadow: 0px 15px 20px -20px rgba(100, 100, 100, 0.6);padding:5px 0 5px 0;margin-bottom:10px; }


.tab1-1 ,
.tab1-2 ,
.tab1-3 ,
.tab1-4 ,
.tab1-5 ,
.tab1-6 ,
.tab1-7 ,
.tab1-8 ,
.tab1-9 ,
.tab1-10 ,
.tab1-11 ,
.tab1-12 ,
.tab1-13 ,
.tab1-14 ,
.tab1-15 ,
.tab1-16 ,
.tab1-17
 {
 
    width: 100%;
  
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;

}






.btn1-1:checked ~ .tabs-container1 .tab1-1 ,
.btn1-2:checked ~ .tabs-container1 .tab1-2 ,
.btn1-3:checked ~ .tabs-container1 .tab1-3 ,
.btn1-4:checked ~ .tabs-container1 .tab1-4 ,
.btn1-5:checked ~ .tabs-container1 .tab1-5 ,
.btn1-6:checked ~ .tabs-container1 .tab1-6 ,
.btn1-7:checked ~ .tabs-container1 .tab1-7 ,
.btn1-8:checked ~ .tabs-container1 .tab1-8 ,
.btn1-9:checked ~ .tabs-container1 .tab1-9 ,
.btn1-10:checked ~ .tabs-container1 .tab1-10 ,
.btn1-11:checked ~ .tabs-container1 .tab1-11 ,
.btn1-12:checked ~ .tabs-container1 .tab1-12 ,
.btn1-13:checked ~ .tabs-container1 .tab1-13 ,
.btn1-14:checked ~ .tabs-container1 .tab1-14 ,
.btn1-15:checked ~ .tabs-container1 .tab1-15 ,
.btn1-16:checked ~ .tabs-container1 .tab1-16 ,
.btn1-17:checked ~ .tabs-container1 .tab1-17  
{   
    position: relative;
    visibility: visible;
    top: 0;
    left: 0;
    opacity: 1;
}

.tabs-container5 {
    width: 100%;
 
 


    background: #fff;
padding:0px 0px 10px 0px;
height:100%;
overflow-y:auto;
overflow-x:hidden;
}


.tabs-container5 .fp5 {padding:0px 0px 0px 0px;}
.tabs-container5 .fp5 table {width: 100%; float:left;margin-left:0px;}

.tabs-container5 .fp5 th {text-align:left;padding:0px 0px 10px 0px;font-size:18px; font-weight:600;color:#7e8ea0;}

.tabs-container5 .fp5 tbody {display:block; margin-top:0px;border-top:1px solid #f2f2f2;padding-top:10px;}
.tabs-container5 .fp5 tr {float:left; }
.tabs-container5 .fp5 td {text-align: left; }
.tabs-container5 .fp5 span{display:inline-block;padding:3px 8px 3px 8px;margin-bottom:5px;font-size:16px; font-weight:400;}

.tabs-container5 .fp5 span:hover{color:#e56b87;font-weight:400;background-color:#fff;}


.tabs-container5 .fp5 tr>td::after{  content: "|"; align-items: center;color:#C6C6C6;}

.tabs-container6 {
    width: 100%;
 
 


    background: #fff;
padding:0px 0px 10px 0px;
height:100%;
overflow-y:auto;
overflow-x:hidden;
}


.tabs-container6 .fp6 {padding:0px 0px 0px 0px;}
.tabs-container6 .fp6 table { width: 100%; float:left;margin-left:0px;}

.tabs-container6 .fp6 th {text-align:left;padding:5px 0px 0px 0px;font-size:18px; font-weight:600;color:#7e8ea0;}

.tabs-container6 .fp6 tbody {display:block; margin-top:0px;padding-top:20px;}
.tabs-container6 .fp6 tr {float:left;padding-bottom:0px;padding-right:0px;}
.tabs-container6 .fp6 td {text-align: center; padding:5px 8px 5px 8px;}
.tabs-container6 .fp6 span{display:inline-block;padding:3px 8px 3px 8px;margin-bottom:5px;font-size:16px; font-weight:400;}

.tabs-container6 .fp6 span:hover{color:#e56b87;font-weight:400;background-color:#fff;}

.tabs-container6 .fp6 td img{width:74px;}


  .tabs-container11 {
    width: 100%;
 
 


    background: #fff;
padding:0px 0px 10px 0px;
height:100%;
overflow-y:auto;
overflow-x:hidden;
}

.tabs-container11 .menu_m { 

  margin: 0px auto;

  
 text-align:center;}


.tabs-container11 .menu_m li{ 

  margin: 0 auto;
  cursor: pointer;
  display: block;
 padding:10px 0 10px 0;
  border-bottom: 1px dashed #CCC;
  position: relative;

}




.tabs-container11 .menu_m li a {  
 color: #4D4D4D;
  font-size: 15px;
  font-weight: 400;
  
 }




.tabs-container12 {
    width: 100%;
 
 


    background: #fff;
padding:0px 0px 10px 0px;
height:100%;
overflow-y:auto;
overflow-x:hidden;
}

.tabs-container12 .menu_m { 

  margin: 0px auto;

  
 text-align:center;}


.tabs-container12 .menu_m li{ 

  margin: 0 auto;
  cursor: pointer;
  display: block;
 padding:10px 0 10px 0;
  border-bottom: 1px dashed #CCC;
  position: relative;

}


.tabs-container12 .menu_m li:nth-child(1)
{ 
 padding:0px 0 10px 0;
border-bottom:0;

}

.tabs-container12 .menu_m li a {  
 color: #4D4D4D;
  font-size: 15px;
  font-weight: 400;
  
 }
 
 .tabs-container13 {
    width: 100%;
 
 


    background: #fff;
padding:0px 0px 10px 0px;
height:100%;
overflow-y:auto;
overflow-x:hidden;
}

.tabs-container13 .menu_m { 

  margin: 0px auto;

  
 text-align:center;}


.tabs-container13 .menu_m li{ 

  margin: 0 auto;
  cursor: pointer;
  display: block;
 padding:10px 0 10px 0;
  border-bottom: 1px dashed #CCC;
  position: relative;

}


.tabs-container13 .menu_m li:nth-child(1)
{ 
 padding:0px 0 10px 0;
border-bottom:0;

}

.tabs-container13 .menu_m li a {  
 color: #4D4D4D;
  font-size: 15px;
  font-weight: 400;
  
 }
 
 
 
 .login_b {

  
  background:#f2f2f2;

  
  margin-right: 6px;
  padding: 3px 5px;
  

  font-size: 14px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  
  border: 1px solid #ddd;
  border-radius: 4px;
  
  display: inline-block;
  width: auto;
  
 
  
  cursor: pointer;
  

}


 .login_b2 {

  
  background:#f2f2f2;

  
  margin-right: 3px;
  padding: 0.2rem 0.4rem;
  

  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  
  border: 1px solid #ddd;
  border-radius: 4px;
  
  display: inline-block;
  width: auto;
  
 
  
  cursor: pointer;
  

}

 .login_b3 {

  
   background:#fff;

  
  margin-right: 3px;
  padding: 3px 5px;
  

  font-size: 14px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  

 border:none;
  outline: none;
  display: inline-block;
  width: auto;
  
 
  
  cursor: pointer;
  

}











 .popup111,.popup112,.popup113,.popup114,.popup115,.popup116,.popup117,.popup118,.popup119{width:100%;padding-top:50px;display:none; text-align:center; background:#fff;}
.popup111 h1,.popup112 h1,.popup113 h1,.popup114 h1,.popup115 h1,.popup116 h1,.popup117 h1,.popup118 h1,.popup119 h1{color:#b73e5a; font-size:16px;}
 .popup111 p,.popup112 p,.popup113 p,.popup114 p,.popup115 p,.popup116 p,.popup117 p,.popup118 p,.popup119 p{text-align:center; background:#fff;  font-size:1.15em;padding:0px 0px;}

 .popup111 .btn_close,.popup112 .btn_close,.popup113 .btn_close,.popup114 .btn_close,.popup115 .btn_close,.popup116 .btn_close,.popup117 .btn_close,.popup118 .btn_close,.popup119 .btn_close{ position:absolute; top:12px; right:15px;width: 45px; height: 40px;background:#fff;z-index:99999999; }

.popup111 .btn-logo,.popup112 .btn-logo,.popup113 .btn-logo,.popup114 .btn-logo,.popup115 .btn-logo,.popup116 .btn-logo,.popup117 .btn-logo,.popup118 .btn-logo,.popup119 .btn-logo {display: inline-block;font-size:1.20em; height: 40px; line-height: 40px; font-weight: bold;background:#fff;text-align:center;}

 .popup111 .btn_close .x1,.popup112 .btn_close .x1,.popup113 .btn_close .x1,.popup114 .btn_close .x1,.popup115 .btn_close .x1,.popup116 .btn_close .x1,.popup117 .btn_close .x1,.popup118 .btn_close .x1,.popup119 .btn_close .x1 {border: 1px solid #777; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 25px; position: absolute; top: 17px; right: 7px;}

.popup111 .btn_close .x2,.popup112 .btn_close .x2,.popup113 .btn_close .x2,.popup114 .btn_close .x2,.popup115 .btn_close .x2,.popup116 .btn_close .x2,.popup117 .btn_close .x2,.popup118 .btn_close .x2,.popup119 .btn_close .x2 {border: 1px solid #777; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 25px; position: absolute; top: 17px; right: 7px;}


 .popup111 .fix,.popup112 .fix,.popup113 .fix,.popup114 .fix,.popup115 .fix,.popup116 .fix,.popup117 .fix,.popup118 .fix,.popup119 .fix{position: fixed; top: 0px; left:0px;width:100%;padding:10px 0px 0 0px;z-index:9999999; height:50px;background:#fff;}


div.C-159-2-613 .goods-grouping .low-grouping ul li a.category-on { color:#245aac; font-size:1.15em; font-weight:bold; font-style:normal; text-decoration:none; }


div.C-159-2-613 .goods-grouping .low-grouping ul li a {height:100%; display:block; text-align:center; color:#333; font-size:1.15em; font-weight:normal;padding:6px 5px 5px 0px;word-break:break-all;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

div.C-159-2-613 .goods-grouping .low-grouping ul li { width: 100%; height:100%; text-align:center;border-bottom: 1px solid #f6f6f6;}



div.C-159-2-613 .goods-grouping .low-grouping ul li a {padding:6px 5px 5px 0px;  color:#333333; font-size:1.15em; font-weight:normal; font-style:normal; text-decoration:none; border-color:#D0D0D0; margin-left:10px;height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}



div.C-159-2-613 { margin:0px 0px 0px 0px; padding:60px 0px 20px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ;height:100%; }




.clearFix1 {position:relative; overflow:hidden; zoom:1;}
.page_location11 {text-align:center;margin:10px 0 0px 0; padding:10px 0px 0 0 ; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f8f8f8; *zoom:1 }
.page_location11:after { display:block; clear:both; content:'' }
.page_location11 .page_prev { float:left; width:10%;  }
.page_location11 .page_prev i { font-size:0.80em; font-weight:bold; line-height:16px; vertical-align:top; }
.page_location11 div { width:100%; }
.page_location11 ol {display:inline-block; *display:inline; zoom:1; }
.page_location11 li { float:left;margin-left:-1px; z-index:1;font-size:1.0em;color:#152f4e;}


.page_location11 li::after {content: ">"; margin: 0 3px;}
.page_location11 li:last-child::after {content: ""; margin:0;}

.rtt {font-size:0.75em; color: #999;letter-spacing:-1px;}










.banner-container {
    position: relative;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
} li {list-style:none}

#header {z-index:2;position:relative;  letter-spacing: 1px; background-color: #fbfbfb;padding:0}

 .v {position: fixed !important; top: 0; box-shadow: 0 0 7px 0 #676767; opacity: 1; width: 100%; z-index: 5;}

#header .headerGnb {position:relative; width:100%;margin:0 auto;border-bottom:1px solid #f0f0f0;}
#header .headerBtm { position:relative;background: #2e4052;  z-index:95;margin:0 auto;}

#header .headerMid .logo  {padding:7px 0 7px 10px;text-align:center;}
#header .headerMid .logo a img{width:14%;min-width:90px;  }

#header.headerFix .headerMid {width:100%; position:fixed; top:0; left:0; right:0; background:rgba(249, 249, 249, 0.95);box-shadow: 0 4px 7px -6px #000;height:40px;background: #2e4052;}
#header.headerFix .headerMid .logo {padding:10px 0 10px 10px;text-align:center;}
#header.headerFix .headerMid .logo a img{width:14%;min-width:90px; }



#header .headerMid .rtOpenBtn { position:absolute; top:5px;  right:10px; font-size:32px; text-align:center;cursor:pointer; z-index:1; color:#f2f2f2;}
#header .headerMid .searchOpen{
    position:absolute;
    top:9px;
    right:45px;
    width:26px;
    height:30px;
    font-size:26px;
    cursor:pointer;
    z-index:1;
    color:#f2f2f2;
  
}


#header .headerMid .rtOpenBtn2 { position:absolute; top:8px;  left:10px; font-size:30px; cursor:pointer; z-index:1; color:#f2f2f2;}
#header .headerMid .searchOpen2{
    position:absolute;
    top:12px;
    left:40px;
    width:26px;
    height:30px;
    font-size:26px;
    cursor:pointer;
    z-index:1;
    color:#f2f2f2;
  
}
#header .headerMid .searchOpen3{
    position:absolute;
    top:12px;
    left:40px;
    width:26px;
    height:30px;
    font-size:26px;
    cursor:pointer;
    z-index:1;
    color:#f2f2f2;
  
}
#header .headerMid .searchOpen3 span {  position:absolute; top:2px; left:10px; color:#fff; font-size:11px; }
#header .headerMid .searchOpen3 .user_basket_quantity { font-family: 'Lato', sans-serif;background-color:#e87c95; color:#f0f0f0; font-size:12px; font-weight:600;padding: 0px 6px; border-radius: 8px; position: relative; top:-6px; left:0px; height:20px; line-height:20px; z-index:2;}

#header .headerMid .rtOpenBtn3
{
    position:absolute;
    top:12px;
    left:10px;
    width:26px;
    z-index:1;
}


#header .headerMid .rtOpenBtn3 img {width:100%;}

#header .headerMid .searchOpen2 span {  position:absolute; top:2px; left:10px; color:#fff; font-size:11px; }

#header .headerMid .searchOpen2 .user_basket_quantity { font-family: 'Lato', sans-serif;background-color:#e87c95; color:#f0f0f0; font-size:12px; font-weight:600;padding: 0px 6px; border-radius: 8px; position: relative; top:-6px; left:0px; height:20px; line-height:20px; z-index:2;}











#header .headerFix .headerMid .rtOpenBtn { position:absolute; top:0px;  right:10px; font-size:32px; text-align:center;cursor:pointer; z-index:1; color:#f2f2f2;}
#header .headerFix .headerMid .searchOpen{
    position:absolute;
    top:4px;
    right:45px;
    width:26px;
    height:30px;
    font-size:26px;
    cursor:pointer;
    z-index:1;
    color:#f2f2f2;
  
}


#header .headerFix .headerMid .rtOpenBtn2 { position:absolute; top:0px;  left:10px; font-size:32px; text-align:center;cursor:pointer; z-index:1; color:#f2f2f2;}
#header .headerFix .headerMid .searchOpen2{
    position:absolute;
    top:4px;
    left:45px;
    width:26px;
    height:30px;
    font-size:26px;
    cursor:pointer;
    z-index:1;
    color:#f2f2f2;
  
}







#header .headerMid .rtOpenBtn i{color:#152f4e}


#header .headerMid .searchOpen i{color:#152f4e}


#header .headerMid .rtOpenBtn2 i{color:#152f4e}


#header .headerMid .searchOpen2 i{color:#152f4e}
#header .headerMid .searchOpen3 i{color:#152f4e}







.headerTop {width:100%;position:relative; margin:0 auto; background:#f0f0f0;}
.headerTop p { text-align:center;}
.headerTop .logo_text {padding:3px 0px 2px 0px;font-size:10px;color:#bababa; margin:0 auto;}
































































/* °Ë»öâ */
#header .headerMid .srchArea {display:none; position:fixed; left:0; right: 0;top: 0px;bottom: 0;background:rgba(21, 47, 78, 0.9);width: 100%;height: 100%;z-index: 201; }
#header .headerMid .search { width:100%; margin:0px auto;color:#fff; }
#header .headerMid .search fieldset { width:90%; margin:10% auto 0; text-align:center; color:#fff;}
#header .headerMid .search input { width:85%; height:30px; border:none; background:none; font-size:20px; color:#000;border-bottom:2px solid #fff; }
#header .headerMid .search .btn_search { font-size:30px; color:#fff;}
#header .headerMid .search .searchClose { display: block;margin: 4% 0 3%;font-size: 40px; text-align:center;cursor:pointer;color:#fff;  }
























































    .swiper-container31 .menuLeft p{ position:absolute; top:-6px; right:0%;color:#fff; z-index:9999; background: rgba(46, 64, 82, 0.8); padding: 13px 15px 11px 10px; display: block;font-size: 26px; line-height: 20px;text-align: center;}
    
    
.swiper-container31 .joinArea {display:none; position: fixed; left:0; right: 0;top: 0px;bottom: 0;background:rgba(21, 47, 78, 0.9);width: 100%; height: 100%;z-index:9999;overflow: hidden;overflow-y:auto;overflow-x:auto; z-index:500}
.swiper-container31 .join { width:75%; margin:0px auto;color:#fff; }
.swiper-container31 .join fieldset { width:64%; margin:10% auto 0; text-align:center; color:#fff;}
.swiper-container31 .join input { width:84%; height:40px; border:none; background:none; font-size:20px; color:#000;border-bottom:2px solid #fff;color:#fff; }
.swiper-container31 .join .btn_search { font-size:40px; color:#fff;}
.swiper-container31 .join .joinClose { display: block;margin:0 auto;text-align:center;font-size: 50px; cursor:pointer;color:#fff;  }




    .tabs11 > li { width: 14%;padding-left:10px; }

.tabs11 > li:nth-child(1){width:19% !important;}
   
     .tabs11 > li:nth-child(2){width:17% !important;}
     .tabs11 > li:nth-child(3){width:22% !important;}
     .tabs11 > li:nth-child(4){width:24% !important;}
     .tabs11 > li:nth-child(5){width:22% !important;}
     .tabs11 > li:nth-child(6){width:22% !important;}
     .tabs11 > li:nth-child(7){width:22% !important;}
     .tabs11 > li:nth-child(8){width:22% !important;}
     .tabs11 > li:nth-child(9){width:22% !important; padding-right:40px;}
    .tabs11 > li > a { color: #fff; padding: 10px 0 7px 0; display: block;  text-align: center; text-decoration: none; font-size: 15px; line-height: 20px; border-bottom: 2px solid transparent; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
    .tabs11 > li.active1 > a { border-bottom: 2px solid #f4b167; color: #f4b167; }
    
.swiper-container31 {background: #2e4052; 
    
    position: relative;
    overflow:hidden;
   margin:0 auto;
    z-index: 1;
    width:100%;
    
}



.swiper-wrapper23{
    position: relative;
    width: 100%;
    height: 100%;
left:0;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}



.swiper-slide23{
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.ter1 {position: absolute; left:50%; top:100%; color:#fff;font-size: 0.95em;z-index:9999;margin-left:-40px;margin-top:-38px;padding:2px 10px 3px 65px;background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;} 


.popup12 {display:none; text-align:left; background:#fff;width:100%; }
.popup13 {display:none; text-align:left; background:#fff;width:100%;}
.popup14 {display:none; text-align:left; width:100%;}
.popup15 {display:none; text-align:left; width:100%;}
.popup11{width:100%;padding-top:50px;display:none; text-align:center; background:#fff;}
.popup11 h1, .popup12 h1, .popup13 h1, .popup14 h1{color:#b73e5a; font-size:16px;}
.popup11 p, .popup12 p, .popup13 p, .popup14 p{text-align:center; background:#fff;  font-size:1.15em;padding:0px 0px;}

.popup11 .btn_close, .popup12 .btn_close, .popup13 .btn_close{ position:absolute; top:12px; right:15px;width: 45px; height: 40px;background:#fff;z-index:99999999; }

.popup11 .btn-logo{display: inline-block;font-size:1.20em; height: 40px; line-height: 40px; font-weight: bold;background:#fff;padding-left:20px;}
.popup11 .btn-logo2, .popup12 .btn-logo2, .popup14 .btn-logo2 { display: inline-block;font-size:1.20em; height: 40px; line-height: 40px; margin-bottom:0px;padding-left:20px; font-weight: bold;background:#fff;}


.popup12 .btn-logo { display: inline-block;font-size:1em; height: 42px; line-height: 42px; margin-bottom:0px;padding-left:20px; font-weight: bold;background:#fff;}


.popup12 .btn-logo3 { position:relative;
    top:0px;
    left:0px;display: inline-block;font-size:14px; font-weight: bold;background:#fff;}

.popup12 .btn-logo4 {   position:relative;
    top:0px;
    left:0px;display: inline-block;font-size:0.em; background:#fff;}

.popup12 .btn-logo4 tr {padding:3px 0;}

.popup12 .btn-logo4 td{padding-right:3px;}

.popup13 .btn-logo { display: inline-block;font-size:1.1em; height: 42px; line-height: 42px; margin-bottom:0px;padding-left:20px; font-weight: bold;background:#fff;}

.popup11 .btn_close .x1, .popup12 .btn_close .x1, .popup13 .btn_close .x1 {border: 1px solid #777; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 25px; position: absolute; top: 17px; right: 7px;}

.popup11 .btn_close .x2, .popup12 .btn_close .x2, .popup13 .btn_close .x2 {border: 1px solid #777; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 25px; position: absolute; top: 17px; right: 7px;}


.popup11 .fix {position: fixed; top: 0px; left:0px;width:100%;padding:10px 0px 0 0px;z-index:9999999; height:50px;background:#fff;}

.popup12 .fix {position: fixed; top: 0px; left:0px;width:100%;padding:10px 0px 0px 0px;z-index:9999999; height:50px;background:#fff;border-bottom: 1px solid #ccc;}




.popup12 .btn-logo3 img{
    position:relative;
    top:8px;
    left:10px;
    width:26px;
    height:26px;
    padding-right:16px;
    font-size:26px;
    cursor:pointer;
    z-index:1;
    color:#f2f2f2;
  
}



.popup13 .fix {position: fixed; top: 0px; left:0px;width:100%;padding:10px 0px 0px 0px;z-index:9999999; height:50px;background:#fff;border-bottom: 1px solid #ccc;}

.popup11 img, .popup12 img, .popup13 img, .popup14 img{ width:100%;}

.popup11 .so, .popup12 .so, .popup13 .so, .popup14 .so {padding:10px;}

.popup11 .search, .popup12 .search { width:90%; margin:0px auto;color:#333; }
.popup11 .search fieldset, .popup12 .search fieldset { width:85%; margin:10% auto 0; text-align:center; color:#333;}
.popup11 .search input, .popup12 .search input { width:82%; height:30px; border:none; background:none; font-size:20px; color:#000;border-bottom:2px solid #ddd;color:#333;border-radius:0; }
.popup11 .search .btn_search, .popup12 .search .btn_search {position:relative; font-size:30px; color:#333; top:7px;left:-10px;}



.popup14 .fix{position: fixed;left: 50%;top: 50%;
    transform: translate(-50%, -50%);width:70%;padding:10px 0px 0 0px;z-index:9999999;background:#fff; 
    
    border-radius: 30px;

    
    
    }
    
   .popup14 .btn-logo {display: inline-block;font-size:1.0em; height: 30px; line-height: 30px; font-weight: bold;padding-left:20px;}
     
    .popup14 .fix .menu_m { 
    
 
   border-top: 1px solid #ccc;
  margin: 10px auto 10px auto;
  padding:10px 0 10px 0;
  
 text-align:center;}
 
 
 
  .popup14 .fix .menu_m li{ 
  width:80%;
  margin: 0 auto;
  cursor: pointer;
  display: block;
 padding:7px 0 7px 0;
  border-bottom: 1px dashed #CCC;
  position: relative;

}

  .popup14 .fix .menu_m li a {  
 color: #4D4D4D;
  font-size: 15px;
  font-weight: 400;
  
 }
 
 .popup15 {display:none; text-align:left; width:100%;}
 
 
.popup15 .fix{position: fixed;left: 50%;top: 50%;
    transform: translate(-50%, -50%);width:70%;padding:10px 0px 0 0px;z-index:9999999;background:#fff; 
    
    border-radius: 30px;

    
    
    }

   .popup15 .btn-logo {display: inline-block;font-size:1.0em; height: 30px; line-height: 30px; font-weight: bold;padding-left:20px;}
     
    .popup15 .fix .menu_m { 
   border-top: 1px solid #ccc;
  margin: 10px auto 10px auto;
  padding:10px 0 10px 0;
  
 text-align:center;}
 
 
 
  .popup15 .fix .menu_m li{ 
  width:80%;
  margin: 0 auto;
  cursor: pointer;
  display: block;
 padding:7px 0 7px 0;
  border-bottom: 1px dashed #CCC;
  position: relative;

}
 .popup15 .fix .menu_m li a {  
 color: #4D4D4D;
  font-size: 15px;
  font-weight: 400;
  
 }
 

 
 
    

.popup14 .btn_close{ position:absolute; top:10px; right:15px;width: 25px; height: 25px;background:#fff;z-index:99999999; }

.popup14 .btn_close .x1 {border: 1px solid #777; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 25px; position: absolute; top: 13px; right: 7px;}

.popup14 .btn_close .x2 {border: 1px solid #777; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 25px; position: absolute; top: 13px; right: 7px;}
  






 .popup15, .popup16, .popup17, .popup18, .popup19, .popup20, .popup21 {display:none; text-align:left; width:100%;}
 
 
.popup15 .fix, .popup16 .fix, .popup17 .fix, .popup18 .fix, .popup19 .fix, .popup20 .fix, .popup21 .fix{position: fixed;left: 50%;top: 50%;
    transform: translate(-50%, -50%);width:70%;padding:10px 0px 0 0px;z-index:9999999;background:#fff; 
    
    border-radius: 30px;

    
    
    }

   .popup15 .btn-logo, .popup16 .btn-logo, .popup17 .btn-logo, .popup18 .btn-logo, .popup19 .btn-logo, .popup20 .btn-logo, .popup21 .btn-logo {display: inline-block;font-size:1.0em; height: 30px; line-height: 30px; font-weight: bold;padding-left:20px;}
     
    .popup15 .fix .menu_m, .popup16 .fix .menu_m, .popup17 .fix .menu_m, .popup18 .fix .menu_m, .popup19 .fix .menu_m, .popup20 .fix .menu_m, .popup21 .fix .menu_m { 
   border-top: 1px solid #ccc;
  margin: 10px auto 10px auto;
  padding:10px 0 10px 0;
  
 text-align:center;}
 
 
 
  .popup15 .fix .menu_m li, .popup16 .fix .menu_m li, .popup17 .fix .menu_m li, .popup18 .fix .menu_m li, .popup19 .fix .menu_m li, .popup20 .fix .menu_m li, .popup21 .fix .menu_m li{ 
  width:80%;
  margin: 0 auto;
  cursor: pointer;
  display: block;
 padding:7px 0 7px 0;
  border-bottom: 1px dashed #CCC;
  position: relative;

}
 .popup15 .fix .menu_m li a, .popup16 .fix .menu_m li a, .popup17 .fix .menu_m li a, .popup18 .fix .menu_m li a, .popup19 .fix .menu_m li a, .popup20 .fix .menu_m li a, .popup21 .fix .menu_m li a {  
 color: #4D4D4D;
  font-size: 15px;
  font-weight: 400;
  
 }
 



.popup15 .btn_close, .popup16 .btn_close, .popup17 .btn_close, .popup18 .btn_close, .popup19 .btn_close, .popup20 .btn_close, .popup21 .btn_close{ position:absolute; top:10px; right:15px;width: 25px; height: 25px;background:#fff;z-index:99999999; }

.popup15 .btn_close .x1, .popup16 .btn_close .x1, .popup17 .btn_close .x1, .popup18 .btn_close .x1, .popup19 .btn_close .x1, .popup20 .btn_close .x1, .popup21 .btn_close .x1 {border: 1px solid #777; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 25px; position: absolute; top: 13px; right: 7px;}

.popup15 .btn_close .x2, .popup16 .btn_close .x2, .popup17 .btn_close .x2, .popup18 .btn_close .x2, .popup19 .btn_close .x2, .popup20 .btn_close .x2, .popup21 .btn_close .x2 {border: 1px solid #777; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 25px; position: absolute; top: 13px; right: 7px;}








.popup13 .accordion {
  width: 96%;
background: #f9f9f9;
  margin: 0px auto 20px;


  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

}

.popup13 .accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 28px;
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.popup13 .accordion li:last-child .link { border-bottom: 0; }

.popup13 .accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.popup13 .accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.popup13 .accordion li i.fa-arrow-right {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.popup13 .accordion li.open .link { color: #e17690; }

.popup13 .accordion li.open i { color: #e17690; }

.popup13 .accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}


/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none;
  background: #fff;
  font-size: 14px;
}

.submenu li { border-bottom: 1px solid #ddd; }

.submenu a {
  display: block;
  text-decoration: none;
  color: #333;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu a:hover {

  color: #2e4052;
}



.menu_p { width:100%; position:relative; margin:0 auto; } 
.menu_p ul{text-align:center; }
.menu_p ul li{padding:10px 0 10px 0; font-size:13px;}
.menu_p ul p{display:block;text-align:center;}
.menu_p ul p a{width:32%;display:inline-block; font-size:12px; border:solid 1px #ddd;}








 
/* Style the tab */
.tab34 {
position: fixed;
  float: left;
  margin-top:70px;

  border-right: 1px solid #e1e1e1;
  
   overflow-y:scroll;
  
  height: 100%;
  
}
 
/* Style the buttons inside the tab */
.tab34 button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 12px 5px 12px 5px;
  width: 100%;


 border:none;
  outline: none;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  font-size: 13px;
}

.tab34 button:nth-child(7){


position:absolute;
left:0;
bottom:135px;
  display: block;
  background-color: inherit;
  color: black;
  padding: 10px 5px 10px 5px;
width: 100%;
border-top: 1px solid #CCC;
border-left:0;
border-right:0;
border-bottom:0;
  outline: none;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  font-size: 15px;  }

.tab34 button:nth-child(8){

position:absolute;
left:0;
bottom:80px;

  display: block;
  background-color: inherit;
  color: black;
  padding: 10px 5px 10px 5px;
width: 100%;
border-top: 1px solid #f2f2f2;
border-left:0;
border-right:0;
border-bottom:0;
  outline: none;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  font-size: 15px;  }



 
/* Change background color of buttons on hover */
.tab34 button:hover {
 background-color: #2e4052; color:#fff;
   border-right: 2px solid #f4b167;
}
 
/* Create an active/current "tab button" class */
.tab34 button.activee {
   background-color: #2e4052; color:#fff;
    border-right: 2px solid #f4b167;
}
 
/* Style the tab content */
.tabcontentt {

   float: left;
  margin: 70px 0 0 65px; 

  width: 80%;

  height: 100%;
 
}
.tabcontentt .fu{ width: 100%; border-bottom:1px solid #f2f2f2;}
.tabcontentt .fu table {width: 100%; float:left;margin-left:5px;}

.tabcontentt .fu th {text-align:left;padding:5px 0px 12px 0px;font-size:18px; font-weight:600;color:#7e8ea0;}
.tabcontentt .accordion {
  width: 100%;
 

 background: #f9f9f9;

}


.tabcontentt .accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 28px;
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.tabcontentt .accordion li:last-child .link { border-bottom: 0; }

.tabcontentt .accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.tabcontentt .accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.tabcontentt .accordion li.open .link { color: #e17690; }

.tabcontentt .accordion li.open i { color: #e17690; }

.tabcontentt .accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}








.tab_content3 {padding: 0px;font-size: 12px;display: none;}





.active-tabs {
    width: 100%;
background: #fff;
    padding: 20px 0 0 0px;

    margin:-16px auto;
    
}

.active-tabs input {
    opacity: 0;
    display: none;
    visibility: hidden;
}




.btn {
    background: #dddddd;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-family: "open sans";
    font-size: 13px;
   
    line-height: 25px;
    margin-bottom: 3px;
    margin-right: 3px;
    text-align: center;
    width: 25px;
    opacity: 1;
    border-radius:15px;
  
}
.btn:hover {background:#7e8ea0;}



.btn_bl {background: #dddddd;}




.active-tabs input:checked + label {
  background: #7e8ea0;
  

    color: #fff;
}

.tabs-container {
    width: 100%;
 
 


    background: #fff;
padding:0px 0px 10px 0px;
height:100%;
overflow-y:auto;
overflow-x:hidden;
}







.tabs-container .fp {padding:10px 0px 0px 0px;}
.tabs-container .fp table {width: 100%; float:left;margin-left:5px;}

.tabs-container .fp th {text-align:left;padding:5px 0px 2px 0px;font-size:18px; font-weight:600;color:#7e8ea0;}

.tabs-container .fp tbody {display:block; margin-top:0px;border-top:1px solid #f2f2f2;padding-top:10px;}
.tabs-container .fp tr {float:left; }
.tabs-container .fp td {text-align: left; }
.tabs-container .fp span{display:inline-block;padding:3px 8px 3px 8px;margin-bottom:5px;font-size:14px; font-weight:400;}

.tabs-container .fp span:hover{color:#e56b87;font-weight:400;background-color:#fff;}


.tabs-container .fp tr>td::after{  content: "|"; align-items: center;color:#C6C6C6;}

.tabs-container .fp td i {
         position: relative;
         top:4px; left:-4px;
         border-radius:50% 50% 50% 0;
         width: 10px;
         height: 10px;
         color:#fff;
         text-align: center;
         vertical-align:top;
         padding:1px 2px 1px 1px ;
         font-size:5px;
        }

.tabs-container .fp td .xi-check {background-color:#f4b167; font-weight: 900;}
.tabs-container .fp td .xi-hlz {background-color: #e17690;}

.tabs-container .fp2 {padding:10px 0px 0px 0px;}
.tabs-container .fp2 table {width: 100%; float:left;margin-left:5px;}

.tabs-container .fp2 th {text-align:left;padding:5px 0px 2px 0px;font-size:24px; font-weight:600;color:#7e8ea0;}

.tabs-container .fp2 tbody {display:block; margin-top:0px;border-top:1px solid #f2f2f2;padding-top:10px;}
.tabs-container .fp2 tr {float:left; }
.tabs-container .fp2 td {text-align: left; }
.tabs-container .fp2 span{display:inline-block;padding:7px 8px 7px 8px;margin-bottom:5px;font-size:16px; font-weight:400;}

.tabs-container .fp2 span:hover{color:#e56b87;font-weight:600;}


.tabs-container .fp2 tr>td::after{  content: "|"; align-items: center;color:#C6C6C6;font-size:16px;}

.tabs-container .fp2 td i {
         position: relative;
         top:4px; left:-4px;
         border-radius:50% 50% 50% 0;
         width: 10px;
         height: 10px;
         color:#fff;
         text-align: center;
         vertical-align:top;
         padding:1px 2px 1px 1px ;
         font-size:5px;
        }

.tabs-container .fp2 td .xi-check {background-color:#f4b167; font-weight: 900;}
.tabs-container .fp2 td .xi-hlz {background-color: #e17690;}


.tab-1 ,
.tab-2 ,
.tab-3 ,
.tab-4 ,
.tab-5 ,
.tab-6 ,
.tab-7 ,
.tab-8 ,
.tab-9 ,
.tab-10 ,
.tab-11 ,
.tab-12 ,
.tab-13 ,
.tab-14 ,
.tab-15 ,
.tab-16 ,
.tab-17 
 {
 
    width: 100%;
  
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
  
}






.btn-1:checked ~ .tabs-container .tab-1 ,
.btn-2:checked ~ .tabs-container .tab-2 ,
.btn-3:checked ~ .tabs-container .tab-3 ,
.btn-4:checked ~ .tabs-container .tab-4 ,
.btn-5:checked ~ .tabs-container .tab-5 ,
.btn-6:checked ~ .tabs-container .tab-6 ,
.btn-7:checked ~ .tabs-container .tab-7 ,
.btn-8:checked ~ .tabs-container .tab-8 ,
.btn-9:checked ~ .tabs-container .tab-9 ,
.btn-10:checked ~ .tabs-container .tab-10 ,
.btn-11:checked ~ .tabs-container .tab-11 ,
.btn-12:checked ~ .tabs-container .tab-12 ,
.btn-13:checked ~ .tabs-container .tab-13 ,
.btn-14:checked ~ .tabs-container .tab-14 ,
.btn-15:checked ~ .tabs-container .tab-15 ,
.btn-16:checked ~ .tabs-container .tab-16 ,
.btn-17:checked ~ .tabs-container .tab-17 
{   
    position: relative;
    visibility: visible;
    top: 0;
    left: 0;
    opacity: 1;
}





.active-tabs1 {
    width: 100%;
background: #fff;
    padding: 20px 0 0 0px;

    margin:-16px auto;
    
}

.active-tabs1 input {
    opacity: 0;
    display: none;
    visibility: hidden;
}




.btn1 {
    background: #dddddd;
    color: #fff;

    cursor: pointer;
    display: block;
    float: left;
    font-family: "open sans";
    font-size: 13px;
   padding:0 5px 0 5px;
    line-height: 25px;
    margin-bottom: 3px;
    margin-right: 3px;
    text-align: center;
   
    opacity: 1;
    border-radius:5px;
}




.btn1:hover {

}

.active-tabs1 input:checked + label {
  background: #7e8ea0;
  

    color: #fff;
}

.tabs-container1 {
    width: 100%;
 
 


    background: #fff;
padding:0px 0px 10px 0px;
height:100%;
overflow-y:auto;
overflow-x:hidden;
}




.tabs-container1 .fp {padding:10px 0px 0px 0px;}
.tabs-container1 .fp table {width: 100%; float:left;margin-left:5px;}

.tabs-container1 .fp th {text-align:left;padding:10px 0px 10px 0px;font-size:18px; font-weight:600;color:#7e8ea0;}

.tabs-container1 .fp tbody {display:block; margin-top:0px;border-top:1px solid #f2f2f2;padding-top:10px;}
.tabs-container1 .fp tr {float:left; }
.tabs-container1 .fp td {text-align: left; }
.tabs-container1 .fp span{display:inline-block;padding:3px 8px 3px 8px;margin-bottom:5px;font-size:14px; font-weight:400;}

.tabs-container1 .fp span:hover{color:#e56b87;font-weight:400;background-color:#fff;}


.tabs-container1 .fp tr>td::after{  content: "|"; align-items: center;color:#C6C6C6;}

.tabs-container1 .fp td i {
         position: relative;
         top:4px; left:-4px;
         border-radius:50% 50% 50% 0;
         width: 10px;
         height: 10px;
         color:#fff;
         text-align: center;
         vertical-align:top;
         padding:1px 2px 1px 1px ;
         font-size:5px;
        }

.tabs-container1 .fp td .xi-check {background-color:#f4b167; font-weight: 900;}
.tabs-container1 .fp td .xi-hlz {background-color: #e17690;}

.tabs-container1 .fp2 {padding:10px 0px 0px 0px;}
.tabs-container1 .fp2 table {width: 100%; float:left;margin-left:5px;}

.tabs-container1 .fp2 th {text-align:left;padding:5px 0px 2px 0px;font-size:20px; font-weight:600;color:#7e8ea0;}

.tabs-container1 .fp2 tbody {display:block; margin-top:0px;border-top:1px solid #f2f2f2;padding-top:10px;}
.tabs-container1 .fp2 tr {float:left; }
.tabs-container1 .fp2 td {text-align: left; }
.tabs-container1 .fp2 span{display:inline-block;padding:7px 8px 7px 8px;margin-bottom:5px;font-size:16px; font-weight:400;}


.tabs-container1 .fp2 span:hover{color:#e56b87;font-weight:600;}


.tabs-container1 .fp2 tr>td::after{  content: "|"; align-items: center;color:#C6C6C6;font-size:16px;}

.tabs-container1 .fp2 td i {
         position: relative;
         top:4px; left:-4px;
         border-radius:50% 50% 50% 0;
         width: 10px;
         height: 10px;
         color:#fff;
         text-align: center;
         vertical-align:top;
         padding:1px 2px 1px 1px ;
         font-size:5px;
        }

.tabs-container1 .fp2 td .xi-check {background-color:#f4b167; font-weight: 900;}
.tabs-container1 .fp2 td .xi-hlz {background-color: #e17690;}


.tabs-container1 img{width:25px;position: relative;
         top:-2px; left:0px;}

.tabs-container1 .fp2 th img {width:30px; position: relative;
         top:-2px; left:0px;}



.spp1 {background:#fff; padding:3px 20px 7px 20px;font-size:13px;line-height: 35px;border-radius: 10px;color:#444;font-weight:600; }



.img_2 img{width:62%;box-shadow: 0px 15px 20px -20px rgba(100, 100, 100, 0.6);padding:5px 0 5px 0;margin-bottom:10px; }


.tab1-1 ,
.tab1-2 ,
.tab1-3 ,
.tab1-4 ,
.tab1-5 ,
.tab1-6 ,
.tab1-7 ,
.tab1-8 ,
.tab1-9 ,
.tab1-10 ,
.tab1-11 ,
.tab1-12 ,
.tab1-13 ,
.tab1-14 ,
.tab1-15 ,
.tab1-16 ,
.tab1-17
 {
 
    width: 100%;
  
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;

}






.btn1-1:checked ~ .tabs-container1 .tab1-1 ,
.btn1-2:checked ~ .tabs-container1 .tab1-2 ,
.btn1-3:checked ~ .tabs-container1 .tab1-3 ,
.btn1-4:checked ~ .tabs-container1 .tab1-4 ,
.btn1-5:checked ~ .tabs-container1 .tab1-5 ,
.btn1-6:checked ~ .tabs-container1 .tab1-6 ,
.btn1-7:checked ~ .tabs-container1 .tab1-7 ,
.btn1-8:checked ~ .tabs-container1 .tab1-8 ,
.btn1-9:checked ~ .tabs-container1 .tab1-9 ,
.btn1-10:checked ~ .tabs-container1 .tab1-10 ,
.btn1-11:checked ~ .tabs-container1 .tab1-11 ,
.btn1-12:checked ~ .tabs-container1 .tab1-12 ,
.btn1-13:checked ~ .tabs-container1 .tab1-13 ,
.btn1-14:checked ~ .tabs-container1 .tab1-14 ,
.btn1-15:checked ~ .tabs-container1 .tab1-15 ,
.btn1-16:checked ~ .tabs-container1 .tab1-16 ,
.btn1-17:checked ~ .tabs-container1 .tab1-17  
{   
    position: relative;
    visibility: visible;
    top: 0;
    left: 0;
    opacity: 1;
}

.tabs-container5 {
    width: 100%;
 
 


    background: #fff;
padding:0px 0px 10px 0px;
height:100%;
overflow-y:auto;
overflow-x:hidden;
}


.tabs-container5 .fp5 {padding:0px 0px 0px 0px;}
.tabs-container5 .fp5 table {width: 100%; float:left;margin-left:0px;}

.tabs-container5 .fp5 th {text-align:left;padding:0px 0px 10px 0px;font-size:18px; font-weight:600;color:#7e8ea0;}

.tabs-container5 .fp5 tbody {display:block; margin-top:0px;border-top:1px solid #f2f2f2;padding-top:10px;}
.tabs-container5 .fp5 tr {float:left; }
.tabs-container5 .fp5 td {text-align: left; }
.tabs-container5 .fp5 span{display:inline-block;padding:3px 8px 3px 8px;margin-bottom:5px;font-size:16px; font-weight:400;}

.tabs-container5 .fp5 span:hover{color:#e56b87;font-weight:400;background-color:#fff;}


.tabs-container5 .fp5 tr>td::after{  content: "|"; align-items: center;color:#C6C6C6;}

.tabs-container6 {
    width: 100%;
 
 


    background: #fff;
padding:0px 0px 10px 0px;
height:100%;
overflow-y:auto;
overflow-x:hidden;
}


.tabs-container6 .fp6 {padding:0px 0px 0px 0px;}
.tabs-container6 .fp6 table { width: 100%; float:left;margin-left:0px;}

.tabs-container6 .fp6 th {text-align:left;padding:5px 0px 0px 0px;font-size:18px; font-weight:600;color:#7e8ea0;}

.tabs-container6 .fp6 tbody {display:block; margin-top:0px;padding-top:20px;}
.tabs-container6 .fp6 tr {float:left;padding-bottom:0px;padding-right:0px;}
.tabs-container6 .fp6 td {text-align: center; padding:5px 8px 5px 8px;}
.tabs-container6 .fp6 span{display:inline-block;padding:3px 8px 3px 8px;margin-bottom:5px;font-size:16px; font-weight:400;}

.tabs-container6 .fp6 span:hover{color:#e56b87;font-weight:400;background-color:#fff;}

.tabs-container6 .fp6 td img{width:74px;}


  .tabs-container11 {
    width: 100%;
 
 


    background: #fff;
padding:0px 0px 10px 0px;
height:100%;
overflow-y:auto;
overflow-x:hidden;
}

.tabs-container11 .menu_m { 

  margin: 0px auto;

  
 text-align:center;}


.tabs-container11 .menu_m li{ 

  margin: 0 auto;
  cursor: pointer;
  display: block;
 padding:10px 0 10px 0;
  border-bottom: 1px dashed #CCC;
  position: relative;

}




.tabs-container11 .menu_m li a {  
 color: #4D4D4D;
  font-size: 15px;
  font-weight: 400;
  
 }




.tabs-container12 {
    width: 100%;
 
 


    background: #fff;
padding:0px 0px 10px 0px;
height:100%;
overflow-y:auto;
overflow-x:hidden;
}

.tabs-container12 .menu_m { 

  margin: 0px auto;

  
 text-align:center;}


.tabs-container12 .menu_m li{ 

  margin: 0 auto;
  cursor: pointer;
  display: block;
 padding:10px 0 10px 0;
  border-bottom: 1px dashed #CCC;
  position: relative;

}


.tabs-container12 .menu_m li:nth-child(1)
{ 
 padding:0px 0 10px 0;
border-bottom:0;

}

.tabs-container12 .menu_m li a {  
 color: #4D4D4D;
  font-size: 15px;
  font-weight: 400;
  
 }
 
 .tabs-container13 {
    width: 100%;
 
 


    background: #fff;
padding:0px 0px 10px 0px;
height:100%;
overflow-y:auto;
overflow-x:hidden;
}

.tabs-container13 .menu_m { 

  margin: 0px auto;

  
 text-align:center;}


.tabs-container13 .menu_m li{ 

  margin: 0 auto;
  cursor: pointer;
  display: block;
 padding:10px 0 10px 0;
  border-bottom: 1px dashed #CCC;
  position: relative;

}


.tabs-container13 .menu_m li:nth-child(1)
{ 
 padding:0px 0 10px 0;
border-bottom:0;

}

.tabs-container13 .menu_m li a {  
 color: #4D4D4D;
  font-size: 15px;
  font-weight: 400;
  
 }
 
 
 
 .login_b {

  
  background:#f2f2f2;

  
  margin-right: 6px;
  padding: 3px 5px;
  

  font-size: 14px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  
  border: 1px solid #ddd;
  border-radius: 4px;
  
  display: inline-block;
  width: auto;
  
 
  
  cursor: pointer;
  

}


 .login_b2 {

  
  background:#f2f2f2;

  
  margin-right: 3px;
  padding: 0.2rem 0.4rem;
  

  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  
  border: 1px solid #ddd;
  border-radius: 4px;
  
  display: inline-block;
  width: auto;
  
 
  
  cursor: pointer;
  

}

 .login_b3 {

  
   background:#fff;

  
  margin-right: 3px;
  padding: 3px 5px;
  

  font-size: 14px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  

 border:none;
  outline: none;
  display: inline-block;
  width: auto;
  
 
  
  cursor: pointer;
  

}











 .popup111,.popup112,.popup113,.popup114,.popup115,.popup116,.popup117,.popup118,.popup119{width:100%;padding-top:50px;display:none; text-align:center; background:#fff;}
.popup111 h1,.popup112 h1,.popup113 h1,.popup114 h1,.popup115 h1,.popup116 h1,.popup117 h1,.popup118 h1,.popup119 h1{color:#b73e5a; font-size:16px;}
 .popup111 p,.popup112 p,.popup113 p,.popup114 p,.popup115 p,.popup116 p,.popup117 p,.popup118 p,.popup119 p{text-align:center; background:#fff;  font-size:1.15em;padding:0px 0px;}

 .popup111 .btn_close,.popup112 .btn_close,.popup113 .btn_close,.popup114 .btn_close,.popup115 .btn_close,.popup116 .btn_close,.popup117 .btn_close,.popup118 .btn_close,.popup119 .btn_close{ position:absolute; top:12px; right:15px;width: 45px; height: 40px;background:#fff;z-index:99999999; }

.popup111 .btn-logo,.popup112 .btn-logo,.popup113 .btn-logo,.popup114 .btn-logo,.popup115 .btn-logo,.popup116 .btn-logo,.popup117 .btn-logo,.popup118 .btn-logo,.popup119 .btn-logo {display: inline-block;font-size:1.20em; height: 40px; line-height: 40px; font-weight: bold;background:#fff;text-align:center;}

 .popup111 .btn_close .x1,.popup112 .btn_close .x1,.popup113 .btn_close .x1,.popup114 .btn_close .x1,.popup115 .btn_close .x1,.popup116 .btn_close .x1,.popup117 .btn_close .x1,.popup118 .btn_close .x1,.popup119 .btn_close .x1 {border: 1px solid #777; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 25px; position: absolute; top: 17px; right: 7px;}

.popup111 .btn_close .x2,.popup112 .btn_close .x2,.popup113 .btn_close .x2,.popup114 .btn_close .x2,.popup115 .btn_close .x2,.popup116 .btn_close .x2,.popup117 .btn_close .x2,.popup118 .btn_close .x2,.popup119 .btn_close .x2 {border: 1px solid #777; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 25px; position: absolute; top: 17px; right: 7px;}


 .popup111 .fix,.popup112 .fix,.popup113 .fix,.popup114 .fix,.popup115 .fix,.popup116 .fix,.popup117 .fix,.popup118 .fix,.popup119 .fix{position: fixed; top: 0px; left:0px;width:100%;padding:10px 0px 0 0px;z-index:9999999; height:50px;background:#fff;}


div.C-159-2-613 .goods-grouping .low-grouping ul li a.category-on { color:#245aac; font-size:1.15em; font-weight:bold; font-style:normal; text-decoration:none; }


div.C-159-2-613 .goods-grouping .low-grouping ul li a {height:100%; display:block; text-align:center; color:#333; font-size:1.15em; font-weight:normal;padding:6px 5px 5px 0px;word-break:break-all;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

div.C-159-2-613 .goods-grouping .low-grouping ul li { width: 100%; height:100%; text-align:center;border-bottom: 1px solid #f6f6f6;}



div.C-159-2-613 .goods-grouping .low-grouping ul li a {padding:6px 5px 5px 0px;  color:#333333; font-size:1.15em; font-weight:normal; font-style:normal; text-decoration:none; border-color:#D0D0D0; margin-left:10px;height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}



div.C-159-2-613 { margin:0px 0px 0px 0px; padding:60px 0px 20px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ;height:100%; }




.clearFix1 {position:relative; overflow:hidden; zoom:1;}
.page_location11 {text-align:center;margin:10px 0 0px 0; padding:10px 0px 0 0 ; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f8f8f8; *zoom:1 }
.page_location11:after { display:block; clear:both; content:'' }
.page_location11 .page_prev { float:left; width:10%;  }
.page_location11 .page_prev i { font-size:0.80em; font-weight:bold; line-height:16px; vertical-align:top; }
.page_location11 div { width:100%; }
.page_location11 ol {display:inline-block; *display:inline; zoom:1; }
.page_location11 li { float:left;margin-left:-1px; z-index:1;font-size:1.0em;color:#152f4e;}


.page_location11 li::after {content: ">"; margin: 0 3px;}
.page_location11 li:last-child::after {content: ""; margin:0;}

.rtt {font-size:0.75em; color: #999;letter-spacing:-1px;}






/* ·Ñ¸µ¹è³Ê */

.banner-container1 {
    position: relative;
    width: 100%;
    height: auto;
     overflow: hidden;

}

.banner-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.banner-slide {
    min-width: 100%;
    background-size: cover;
    background-position: center;
     height: 130px;  /*¿øÇÏ´Â ¹è³Ê ³ôÀÌ·Î Á¶Àý */
}

.indicator {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}




.dot {
    background-color : rgb(255,255,255,0.5);
    border-radius: 50%;
    height: 6px;
    width: 6px;
    margin: 0 3px;
    cursor: pointer;
}

.dot.active {
    background-color : rgb(255,255,255,1);
}
div.H-384-1-1 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }

div.H-384-1-7 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/* BASIC css end */