.product .tab_slide {width:calc(100% - 80px) ; margin:0 auto; }
.product .head {width:100%; text-align:center;}
.product .txt1{font-size:42px;font-family:'NanumSquareNeoHeavy'; }
.product .txt2{font-size:20px; line-height:30px;  z-index: 1; padding:25px 0 35px 0; font-weight:500}
.product {width:100%; background-color:#fff; overflow:hidden; margin:0px 0 0px 0; position: relative; padding:100px 0 0 0; }
.product div.wdFull{  /*margin-left : calc(50% - 640px); background-color:#f5f5f5;*/ 
 position:relative;  z-index: 1;  border-radius:0px 0 0 0px;  } 
.product div.wdFull .wd13{ padding:10px 0px; /*background-color:#f5f5f5;*/  overflow:hidden; 
position:relative;  margin:0px auto;  }
.product .tit {max-width:100%; margin:0 auto; padding: 0 30px 0px 0px; overflow:hidden; text-align:center;}
.product .tit h3{font-size:65px;  }
.product .tit p{display:none; float:left; font-size:16px; padding:22px 0 0 0; color:#999}

div.bannerBox {width:100%;border-top:0px solid #e0e0e0; padding:0px 0 10px 0 ;  overflow:hidden !important; }
section.banner{/*width:1340px;*/ margin:0 auto; position:relative; overflow:hidden; clear:both;  padding:0px 0;  }
.nbs-flexisel-container {  position:relative; padding:0px 0px;overflow:hidden; border:0px solid #dfdfdf; border-radius:0px; }
.nbs-flexisel-ul {position:relative; width:99999px; margin:0px; padding-top:0px; list-style-type:none; text-align:center; overflow: auto;}
.nbs-flexisel-inner { overflow: hidden; float:left; width:100%; box-sizing:border-box;   }
.nbs-flexisel-item {float:left !important; margin:0px;padding:0px; cursor:pointer; position:relative; overflow:hidden; }
.nbs-flexisel-item a{overflow: hidden; display:block; margin: 10px  12px; border:1px solid #dfdfdf; padding:0px;
 border-radius:0px; transition:all 0.3s; text-align:left;background:#fff;  box-shadow:0 3px 5px rgba(0,0,0,0.05); }
.nbs-flexisel-item a:hover{color:#333;background:#fff;  border:1px solid #ccc; transition:all 0.3s; 
 box-shadow:0 3px 12px rgba(0,0,0,0.15); }
.nbs-flexisel-item img { max-width: 100%; cursor: pointer; position: relative; margin:  0px; }

/*** Navigation ***/
.nbs-flexisel-nav-left{border-radius:0px !important; -moz-border-radius:0px !important;  }
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right {padding:5px 4px;  border:0px solid rgb(0,0,0,0.3); 
    position: absolute; cursor: pointer; z-index: 4; top: 0%;  background-color: rgba(255,255,255,0.9); 
    color: #fff; background-size:2.5rem;  top:35%;  background-repeat:no-repeat; background-position: center;
    border-radius: 50% !important; width:80px; height:80px; background-image:url("../img/ico_arrow.png"); }
.nbs-flexisel-nav-left {left: 8%;   transform:rotate(180deg)}
.nbs-flexisel-nav-left.disabled {opacity: 0.3;}
.nbs-flexisel-nav-right { right: 8%;   }
.nbs-flexisel-nav-left:hover,
.nbs-flexisel-nav-right:hover{ opacity:.9; transition:0.3s all }

.nbs-flexisel-ul li {float:left; display:inline-block; width:auto; }
.nbs-flexisel-ul li a .cont {padding:25px; min-height:150px; }
.nbs-flexisel-ul li a span.class { padding:3px 20px; font-size:14px; font-weight:500; color:#888;
border:1px solid #ccc; border-radius:0px;  text-align:center; margin-right:5px; }
.nbs-flexisel-ul li a span.name {display:block; padding:12px 0 10px 0; font-size:20px; font-weight:500;}
.nbs-flexisel-ul li a span.txt {display:block; padding:0px; font-size:14px; line-height:20px; font-weight:500;}
.nbs-flexisel-ul li a .imgs img {max-width:100%;  vertical-align:top; transform:scale(1); margin-bottom:0px;
 filter: grayscale(30%); background:#fff; transition:all 0.3s;}
 .nbs-flexisel-ul li a:hover .imgs img { filter: grayscale(0%); transition:all 0.5s; transform:scale(1.1)}

/*.nbs-flexisel-ul li a .mask { transition: all 0.3s; mask-size:95%;  background-color:#f5f5f5;
  -webkit-mask-image: url(../img/mask.png); mask-repeat:no-repeat; 
  mask-image: url(../img/mask.png);  mask-repeat:no-repeat; mask-position: center;}*/
.nbs-flexisel-ul li a:hover{ transition: all 0.3s;  }
/*.nbs-flexisel-ul li a:hover .mask { mask-size:200%; transition: all 0.6s; }*/

.nbs-flexisel-item a div.imgs {max-width: 100%;  width:100%; overflow:hidden; cursor: pointer; 
position: relative;margin:  0px; vertical-align: top; text-align:center; background:#fff;}
.nbs-flexisel-item a:hover img {transform:scale(1); transition:all 0.3s}
.nbs-flexisel-item a div.imgs div {position: absolute;  z-index: 9; top:20px; left:18px;}
.nbs-flexisel-item a div.imgs span {display:block; background:#333; color:#fff; font-size:15px; margin:7px 0;
border-radius:50px; padding:5px 10px; min-width:60px;  z-index: 9; font-weight:500}
.nbs-flexisel-item a div.imgs span.area1 {background:#C22228;}
.nbs-flexisel-item a div.imgs span.area2 {background:#30346D;}
.nbs-flexisel-item a div.imgs span.area3 {background:#AE03FF;}
.nbs-flexisel-item a div.imgs span.area4 {background:#306D53;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/

@media (max-width: 1500px) {
.tab_slide{max-width : calc(100% - 100px); }
}
@media (max-width: 1023px) {
	.nbs-flexisel-item a {margin:10px}
.tab_slide{max-width : calc(100% - 30px); }	
.product  {margin:50px auto 30px auto; padding:0; }
.product .head {width:100%; text-align:center;}
.product .txt1{font-size:25px; }
.product .txt2{font-size:14px; line-height:22px;  padding:10px 0 10px 0; }
.product .tit h3{font-size:30px;  }
.product .tit {max-width:100%; padding: 0 0px 15px 0px;}
.nbs-flexisel-ul {padding-top:0px}
section.banner{width:100%;margin:0 auto; position:relative; overflow:hidden; clear:both;  }
.nbs-flexisel-container {position:relative; padding:0px;overflow:hidden; border:0px solid #dfdfdf; border-radius:5px; }
.nbs-flexisel-ul {position:relative; width:99999px; margin:0px;  list-style-type:none; text-align:center; overflow: auto;}
.nbs-flexisel-inner {position:relative; overflow: hidden; float:left; width:100%; box-sizing:border-box;   padding:0 10px;  }
.nbs-flexisel-item {float:left; margin:0px;padding:0px; cursor:pointer; position:relative; }
.nbs-flexisel-item img { max-width: 100%; cursor: pointer; position: relative; margin: 0;}
.nbs-flexisel-item span {/*display:block;*/ font-weight:600; padding:0 ;  }
.nbs-flexisel-ul li a img { filter: grayscale(0%);}
/*.nbs-flexisel-item a{  }
.nbs-flexisel-ul li a .mask { transition: all 0.3s; mask-size:auto; }
.nbs-flexisel-ul li a span.tit { padding:5px 5px; font-size:18px;}
.nbs-flexisel-ul li a span.txt {padding:10px 5px; font-size:14px; }*/
 
 .nbs-flexisel-nav-left {left: 0%; }
.nbs-flexisel-nav-right { right: 0%;}
  
.tab_slide {width:100% !important;}
.tab_slide .tabmenu_menu {width:100%;}
div.bannerBox { padding:0}

.nbs-flexisel-ul li {float:left; display:inline-block; width:auto;}
.nbs-flexisel-ul li a span {/*display:block;*/}
.nbs-flexisel-ul li a .img img {max-width:100%; width:100%; vertical-align:top;}
/*.nbs-flexisel-ul li a:hover span {color:#fff;}*/


.nbs-flexisel-ul li a .cont {padding:16px 15px 18px 15px; min-height:auto}
.nbs-flexisel-ul li a span.class { padding:5px 15px; font-size:14px;margin-right:5px; }
.nbs-flexisel-ul li a span.name { padding:8px 0 8px 0; font-size:16px;}
.nbs-flexisel-ul li a span.txt { font-size:13px; line-height:18px;}
.nbs-flexisel-item a div.imgs span { font-size:4; margin:5px 0; padding:3px 10px; min-width:50px;}

.product  .wd13{ padding:10px 0px !important} 
}
@media (max-width: 768px) {
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right {padding:5px 4px; background-size:1.8rem;  top:35%; width:45px; height:45px;}
.nbs-flexisel-nav-left { }
.nbs-flexisel-nav-right { 	}
}
@media (max-width: 640px) {	
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}