@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: 1100px) 
{ 
  .wow_banner { width:100%; height:460px; position:absolute; }
  .wow_banner2 { width:100%; height:460px; 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:0 5px; width:80px; height:7px; padding:0; border:0; background:#f79826; cusor:pointer !important; }
  .wow_banner .WB_button_off { margin:0 5px; width:80px; height:7px; padding:0; border:0; background:#c9caca; cusor:pointer !important; }
  
  /*페이지 버튼 추가 위치 조정*/
  .WB_btn_layout { width:300px !important; top:65% !important; }
  

}

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


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

  .wow_banner .WB_button_on { margin:0 5px; width:60px; height:6px; padding:0; border:0; background:#f79826; cusor:pointer !important; }
  .wow_banner .WB_button_off { margin:0 5px; width:60px; height:6px; padding:0; border:0; background:#c9caca; cusor:pointer !important; }

  /*페이지 버튼 추가 위치 조정*/
  .WB_btn_layout { width:100% !important; top:70% !important; display:flex; justify-content:left; padding:0 0 0 20px; }
}

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

  .wow_banner .WB_button_on { margin:0 4px; width:40px; height:6px; padding:0; border:0; background:#f79826; cusor:pointer !important; }
  .wow_banner .WB_button_off { margin:0 4px; width:40px; height:6px; padding:0; border:0; background:#c9caca; cusor:pointer !important; }

  /*페이지 버튼 추가 위치 조정*/
  .WB_btn_layout { width:100% !important; top:80% !important; display:flex; justify-content:left; padding:0 0 0 10px; }
}