.jssora02l, .jssora02r {
   display: block;
   position: absolute;
   /* size of arrow element */
   width: 50px;
   height: 50px;
   cursor: pointer; top:40%;
   overflow: hidden;  opacity: 0.8;
 }
  div.gallery_01 .sub_txt01 {padding-bottom:30px !important;}
  #jssor_1, .jssor_2 { width:1000px ; height:665px !important;}
 .jssort03 { width:1000px; height:80px; }

 .jssora02l {
background: url('../img/arrow1.png') no-repeat left top;   
 }
 
 .jssora02r {
background: url('../img/arrow2.png') no-repeat right top;   
 }
 
 .jssora02l:hover {
 }
 
 .jssora02r:hover {
 }
 
 .jssora02l.jssora02ldn {
 }
 
 .jssora02r.jssora02rdn {
 }
 /* jssor slider thumbnail navigator skin 03 css */
 /*
        .jssort03 .p            (normal)
        .jssort03 .p:hover      (normal mouseover)
        .jssort03 .pav          (active)
        .jssort03 .pdn          (mousedown)
        */
 
 .jssort03 .p {
   position: absolute;
   top: 0;
   left: 0;
   width: 90px;
   height: 60px;
 }
 
 .jssort03 .t {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: none;
 }
 
 .jssort03 .w,
 .jssort03 .pav:hover .w {
   position: absolute;
   width: 90px;
   height: 60px;
   border: rgba(255,255,255,1) 0px dashed;
   box-sizing: content-box;
 }
 
 .jssort03 .pdn .w,
 .jssort03 .pav .w {
   border-style: solid;
 }
 
 .jssort03 .c {
   position: absolute;
   top: 0;
   left: 0;
   width: 90px;
   height: 60px;
   background-color: rgba(0,0,0,0.5);
   -moz-transition: opacity .6s;
   -webkit-transition: opacity .6s;
   -o-transition: opacity .6s;
   cursor: pointer;
   
 }
 
 .jssort03 .p:hover .c,
 .jssort03 .pav .c { 
  background-color: rgba(0,0,0,0);
 }
 
  .jssort03 .pav .c { border:1px solid #fff;  box-sizing:border-box; }
 
 .jssort03 .p:hover .c {
   transition: none;
   -moz-transition: none;
   -webkit-transition: none;
   -o-transition: none; 
 }
 
 * html .jssort03 .w {
   width/**/
   : 90px;
   height/**/
   : 60px;
 }