@keyframes fade_in 
{
    from { opacity:0; }
    to { opacity:1; }
}

@keyframes fade_out 
{
    from { opacity:1; }
    to { opacity:0; }
}

@keyframes left_in 
{
    from { transform:translateX(100%);  }
    to { transform:translateX(0); }
}

@keyframes left_out 
{
    from { transform:translateX(0);  }
    to { transform:translateX(-100%); }
}

@keyframes right_in 
{
    from { transform:translateX(-100%); }
    to { transform:translateX(0); }
}

@keyframes right_out 
{
    from { transform:translateX(0); }
    to { transform:translateX(100%); }
}




/* 외부 레이아웃 */
/*pc 버전*/
@media (min-width: 1770px) 
{ 
  .maingimg { width:100%; }
  .wow_banner { width:100%; height:940px; }
  .wow_banner2 { width:100%; height:940px; position:relative; }
  .wow_banner .item { /*background:url(./images/main01.jpg) no-repeat center center; height:940px;*/ }
/*
  .wow_banner .WB_button_pre {margin:0 0 0 150px; width:57px; height:114px; padding:0; background:url(../images/arw_l.png)no-repeat; border:0; cusor:pointer; border-radius:30px;cusor:pointer;}
  .wow_banner .WB_button_next {margin:0 150px 0 0; width:57px; height:114px; padding:0; background:url(../images/arw_r.png)no-repeat; border:0; cusor:pointer; border-radius:30px;cusor:pointer;}
  .wow_banner .WB_button_pre:hover {margin:0 0 0 150px; width:57px; height:114px; padding:0; background:url(../images/arw_l.png)no-repeat; border:0; cusor:pointer; border-radius:0px;cusor:pointer;}
  .wow_banner .WB_button_next:hover {margin:0 150px 0 0; width:57px; height:114px; padding:0; background:url(../images/arw_r.png)no-repeat; border:0; cusor:pointer; border-radius:0px;cusor:pointer;}

  .wow_banner2 .WB_button_pre { margin:430px 0 0 0; width:70px; height:70px; padding:0 0 0 0; background:url(../images/arw_l.png)no-repeat center center #308720; background-size:20px; cusor:pointer; border:0; }
  .wow_banner2 .WB_button_next { margin:430px 814px 0 0; width:70px; height:70px; padding:0 0 0 0; background:url(../images/arw_r.png)no-repeat center center #308720; background-size:20px; cusor:pointer; border:0; }
  .wow_banner2 .WB_button_pre:hover { margin:430px 0 0 0;  width:70px; height:70px; padding:0 0 0 0; background:url(../images/arw_l.png)no-repeat center center #308720; background-size:20px; cusor:pointer; border:0; }
  .wow_banner2 .WB_button_next:hover { margin:430px 814px 0 0; width:70px; height:70px; padding:0 0 0 0; background:url(../images/arw_r.png)no-repeat center center #308720; background-size:20px; cusor:pointer; border:0; }
*/

  .wow_banner .WB_button_on { margin:60px 10px; width:40px; height:15px; padding:0; background:rgba(255,255,255,1); color:white; border: 1px solid #fff; cusor:pointer; border-radius:15px; }
  .wow_banner .WB_button_off { margin:60px 10px; width:15px; height:15px; padding:0; background:rgba(255,255,255,0.5);  border: 1px solid #fff; cusor:pointer; border-radius:15px; }

  .wow_banner2 .WB_button_on { display:none; }
  .wow_banner2 .WB_button_off { display:none; }
}

/*tablet 버전*/
@media all and (min-width:540px)  and (max-width:1769px)
{ 
  .wow_banner  {width:100%;  /*padding-top:100%;*/ height:600px; }
  .wow_banner .item {/*background:url(../images/main1.jpg) no-repeat center top; background-size:100%;*/ display:flex; align-items:center; height:600px; }


  .wow_banner .WB_button_pre {display:none;}
  .wow_banner .WB_button_next {display:none;}

  .wow_banner .WB_button_on { margin:60px 10px; width:40px; height:15px; padding:0; background:rgba(255,255,255,1); color:white; border: 1px solid #fff; cusor:pointer; border-radius:15px; }
  .wow_banner .WB_button_off { margin:60px 10px; width:15px; height:15px; padding:0; background:rgba(255,255,255,0.5);  border: 1px solid #fff; cusor:pointer; border-radius:15px; }


  .wow_banner2 .WB_button_on { display:none; }
  .wow_banner2 .WB_button_off { display:none; }
}

/*모바일 버전*/
@media (max-width: 539px)  
{ 
  .wow_banner { width:100%;  /*padding-top:145%;*/ height:600px; }
  .wow_banner .item {/*background:url(../images/main1.jpg) no-repeat center top; background-size:100%;*/ display:flex; align-items:center; height:600px;  }
 
  .wow_banner .WB_button_pre { display:none; }
  .wow_banner .WB_button_next { display:none; }

  .wow_banner .WB_button_on { margin:40px 10px; width:40px; height:15px; padding:0; background:rgba(255,255,255,1); color:white; border: 1px solid #fff; cusor:pointer; border-radius:15px; }
  .wow_banner .WB_button_off { margin:40px 10px; width:15px; height:15px; padding:0; background:rgba(255,255,255,0.5);  border: 1px solid #fff; cusor:pointer; border-radius:15px; }

  .wow_banner2 .WB_button_on { display:none; }
  .wow_banner2 .WB_button_off { display:none; }
}