@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 all and (min-width: 1200px) 태블릿 있는경우*/
@media (min-width: 769px) 
{ 
  .maingimg {min-width:1400px; background:black;}
  .wow_banner {width:100%; height:940px;}
  .wow_banner .item {/*background:url(../images/main1.jpg) no-repeat center center;*/}
  .wow_banner .item2 {/*background:url(../images/main2.jpg) no-repeat center center;*/}
  .wow_banner .WB_button_pre {margin:20px; width:30px; height:30px; padding:0 0 0 0; background:#white; color:black; border:0; cusor:pointer; border-radius:30px;cusor:pointer;}
  .wow_banner .WB_button_next {margin:20px; width:30px; height:30px; padding:0 0 0 0; background:#white; color:black; border:0; cusor:pointer; border-radius:30px;cusor:pointer;}
  .wow_banner .WB_button_pre:hover {margin:20px; width:30px; height:30px; padding:0 0 0 0; background:#007ed6; color:#fff; border:0; cusor:pointer; border-radius:30px;cursor:pointer;}
  .wow_banner .WB_button_next:hover {margin:20px; width:30px; height:30px; padding:0 0 0 0; background:#007ed6; color:#fff; border:0; cusor:pointer; border-radius:30px;cursor:pointer;}
  .wow_banner .WB_button_on {margin:30px 3px 30px 3px; width:12px; height:12px; padding:0; border-radius:10px; background:#007ed6; color:white; border: 0; cursor:pointer;}
  .wow_banner .WB_button_off {margin:30px 3px 30px 3px; width:12px; height:12px; padding:0; border-radius:10px;  background:white;  border: 0; cursor:pointer;}

  .wow_banner2 { width:100%; background:#fff;  height:550px; border:1px solid #dcdcdc; }
  .wow_banner2 .item { line-height:0; text-align:center; margin: 0 auto; }
  .wow_banner2 .WB_button_pre {margin:20px; width:30px; height:30px; padding:0 0 0 0; background:#white; color:black; border:0; cusor:pointer; border-radius:30px;cusor:pointer;}
  .wow_banner2 .WB_button_next {margin:20px; width:30px; height:30px; padding:0 0 0 0; background:#white; color:black; border:0; cusor:pointer; border-radius:30px;cusor:pointer;}
  .wow_banner2 .WB_button_pre:hover {margin:20px; width:30px; height:30px; padding:0 0 0 0; background:#007ed6; color:#fff; border:0; cusor:pointer; border-radius:30px;cursor:pointer;}
  .wow_banner2 .WB_button_next:hover {margin:20px; width:30px; height:30px; padding:0 0 0 0; background:#007ed6; color:#fff; border:0; cusor:pointer; border-radius:30px;cursor:pointer;}
  .wow_banner2 .WB_button_on {margin:30px 3px 30px 3px; width:12px; height:12px; padding:0; border-radius:10px; background:#007ed6; color:white; border: 0; cursor:pointer;}
  .wow_banner2 .WB_button_off {margin:30px 3px 30px 3px; width:12px; height:12px; padding:0; border-radius:10px;  background:#ddd;  border: 0; cursor:pointer;}
}

/*tablet 버전*/
/*
@media all and (min-width:480px)  and (max-width:1200px)
{ 
  .maingimg {width:100%; background:black;}
  .wow_banner {width:100%; height:55vw;}
  .wow_banner .item {/*background:url(../images/main1.jpg) no-repeat center center;}
  .wow_banner .item2 {/*background:url(../images/main2.jpg) no-repeat center center;}
  .wow_banner .WB_button_pre {margin:20px; width:30px; height:30px; padding:0 0 0 0; background:#white; color:black; border:0; cusor:pointer; border-radius:30px;cusor:pointer;}
  .wow_banner .WB_button_next {margin:20px; width:30px; height:30px; padding:0 0 0 0; background:#white; color:black; border:0; cusor:pointer; border-radius:30px;cusor:pointer;}
  .wow_banner .WB_button_pre:hover {margin:20px; width:30px; height:30px; padding:0 0 0 0; background:#007ed6; color:#fff; border:0; cusor:pointer; border-radius:30px;cusor:pointer;}
  .wow_banner .WB_button_next:hover {margin:20px; width:30px; height:30px; padding:0 0 0 0; background:#007ed6; color:#fff; border:0; cusor:pointer; border-radius:30px;cusor:pointer;}
  .wow_banner .WB_button_on {margin:30px 1px; width:20px; height:20px; padding:0; background:#007ed6; color:white; border: 0; cusor:pointer;}
  .wow_banner .WB_button_off {margin:30px 1px; width:20px; height:20px; padding:0; background:white;  border: 0; cusor:pointer;}
  .tablet_only {  height:55vw; }
}
*/

/*모바일 버전*/
/*@media all and (max-width:480px) 태블릿 있는경우*/
@media (max-width: 768px) 
{ 
  .wow_banner {width:100%;  padding-top:130%; /*height:800px;*/}
  .wow_banner .item {/*background:url(../images/main1.jpg) no-repeat center top; background-size:100%;*/}
  .wow_banner .WB_button_pre {margin:2px 2px; width:30px; height:30px; padding:0 0 0 0; background:#white; color:black; border:solid 1px black; cusor:pointer;display:none;}
  .wow_banner .WB_button_next {margin:2px 2px; width:30px; height:30px; padding:0 0 0 0; background:#white; color:black; border:solid 1px black; cusor:pointer;display:none;}
  .wow_banner .WB_button_on {margin:5px 2px 50px 2px; width:10px; height:10px; background:#007ed6; color:white; border:0; cusor:pointer; text-align:center; border-radius:60px;}
  .wow_banner .WB_button_off {margin:5px 2px 50px 2px; width:10px; height:10px; background:white;  border:0; cusor:pointer;text-align:center;border-radius:60px;}

  .wow_banner2 {width:100%; padding-top:100%; border:1px solid #dcdcdc; }
  .wow_banner2 .item { width:100%; /*background:url(../images/main1.jpg) no-repeat center top; background-size:100%;*/}
  .wow_banner2 .item img { width:100%;  }
  .wow_banner2 .WB_button_pre {margin:2px 2px; width:30px; height:30px; padding:0 0 0 0; background:#white; color:black; border:solid 1px black; cusor:pointer;display:none;}
  .wow_banner2 .WB_button_next {margin:2px 2px; width:30px; height:30px; padding:0 0 0 0; background:#white; color:black; border:solid 1px black; cusor:pointer;display:none;}
  .wow_banner2 .WB_button_on {margin:5px 2px 50px 2px; width:10px; height:10px; background:#007ed6; color:white; border:0; cusor:pointer; text-align:center; border-radius:60px;}
  .wow_banner2 .WB_button_off {margin:5px 2px 50px 2px; width:10px; height:10px; background:#ddd;  border:0; cusor:pointer;text-align:center;border-radius:60px;}
}