div.visualover {position:relative;  width:100%;  margin: 0px auto; }
div.slideshow  h3{ font-family: 'GowunBatang-Regular', serif;font-size: 38px;
 line-height:45px;  text-align:center; padding-bottom:35px; color:#333; }
div.visualover .wrapper{width:100%;    position: relative;   height:580px; overflow: hidden; }
div.visualover .tk-thumbnails{  position:absolute;  z-index:10;  top:0px;  width:100%;  }
div.visualover .tk-box {width: 100vw; margin:0 auto; max-width:100%;   }
div.visualover .m1 a { background-image:url("../img/ico1.png");   }
div.visualover .m2 a { background-image:url("../img/ico2.png");}
div.visualover .m3 a { background-image:url("../img/ico3.png");}
div.visualover .m4 a {border-right:0 !important; background-image:url("../img/ico4.png");}
div.visualover .m1 a:hover,div.visualover .m2 a:hover,div.visualover .m3 a:hover, div.visualover .m4 a:hover { background-color:#000;
	background-position:center 170px; padding-top:270px; transition: all 0.3s }
div.visualover .thumbnail-item { height:100%; }
div.visualover .thumbnail-item a{ padding-top:300px; background-position:center 200px;  box-sizing:border-box; 
background-repeat:no-repeat;	font-weight:500; cursor: pointer; float:left;  zoom:1;  display:inline; position: relative;	text-align: center; 
background-color:none; border-right:1px solid rgba(255,255,255,0.1);  color:#fff;  width:25%;  height:580px; overflow:hidden; display:block;   }
div.visualover .thumbnail-item a span.tit{display:block;  font-size:25px; margin-bottom:30px; text-transform:uppercase;}
div.visualover .thumbnail-item a span.more {display:none;  font-size:12px;/* border:1px solid #fff; padding:10px; 
width:50px; height:50px; background-color:#000; */}
div.visualover .thumbnail-item a.white:hover span.more {display:inline-block;}
div.visualover .thumbnail-item a.white:hover {background-color:rgba(0,0,0,0.5);    color:#fff;}
 .active .white{background-color:rgba(0,0,0,0.5);    color:#fff;}
div.visualover .thumbnail-item a.red:hover, .active .red{background-color:#333;    color:#fff;  }
div.visualover .thumbnail-item a.pink:hover, .active .pink{background-color:#333;    color:#fff;}
div.visualover .thumbnail-item a{    -webkit-transition: all 0.3s ;    -o-transition: all 0.3s ;    -moz-transition: all 0.3s ;    
-ms-transition: all 0.3s ;    -kthtml-transition: all 0.3s ;    transition: all 0.3s ;}
div.visualover .slides li{    -webkit-transition: all 0.3s ;    -o-transition: all 0.3s ;    -moz-transition: all 0.3s ;    
-ms-transition: all 0.3s ;  -kthtml-transition: all 0.3s ;    transition: all 0.3s ;  -webkit-backface-visibility: hidden;}
div.visualover .slides li.active{    -webkit-transition: all 0.3s ;    -o-transition: all 0.3s ;    -moz-transition: all 0.3s ;
    -ms-transition: all 0.3s ;    -kthtml-transition: all 0.3s ;    transition: all 0.3s ;    
    -webkit-backface-visibility: hidden;}
div.visualover .tk-slideshow{  width:100%; overflow:hidden;  /*height:100vh; */  margin:0 auto;}
div.visualover .slides-container{  height:580px;  overflow:hidden;  position:relative;}
div.visualover ul.slides{  width:100%;  position:relative;}
div.visualover ul.slides li{  position:absolute;  z-index:1;  -moz-transform: scale(1);   -ms-transform: scale(1);   -o-transform: scale(1.05); 
 -webkit-transform: scale(1);  transform: scale(1);  opacity:0.3;}
div.visualover ul.slides li img {width:100%; }
div.visualover ul.slides li {height:580px; width:100%; background-size:cover !important; background-position:center}
div.visualover ul.slides li.visual1 {background:url("../img/slide1.jpg")no-repeat ; }
div.visualover ul.slides li.visual2 {background:url("../img/slide2.jpg")no-repeat ; }
div.visualover ul.slides li.visual3 {background:url("../img/slide3.jpg")no-repeat ; }
div.visualover ul.slides li.visual4 {background:url("../img/slide4.jpg")no-repeat ; }
div.visualover ul.slides li.active{  z-index:2;  opacity:1;  -moz-transform: scale(1);    -ms-transform: scale(1);    -o-transform: scale(1);   
 -webkit-transform: scale(1);    transform: scale(1);}
div.visualover .progress-bar{   width:1px;  height:2px;  position:absolute;  background:#000; top:0;  z-index:11;  opacity:1;    }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
div.visualover .wrapper{  height:400px;}
div.slideshow  h3{ font-size: 35px;}
div.visualover .thumbnail-item a{ padding-top:200px; width:25%;  height:400px; background-position:center 100px;} 
div.visualover .thumbnail-item a span{  font-size:16px;}
div.visualover .thumbnail-item a span.tit{display:block;  font-size:15px; margin-bottom:30px; text-transform:uppercase;}
div.visualover .thumbnail-item a span.more {display:block; opacity:085 }
div.visualover .slides-container{  height:400px;} 
div.visualover ul.slides li{  height:400px;  background-size:cover !important; background-position:top;}

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}