.prod_view {width:100%; height:400px; overflow:hidden; position:relative; }
.prod_view .pd_items {display:none; position:absolute; top:0; left:0; width:100%; height:100%;}
.prod_view .pd_items:nth-child(1) {display:block;}
.prod_view .items_in_animaion 
{   
   left : 0%;
   animation-name : ani_item_in;
   -webkit-animation-name : ani_item_in;   
   animation-duration: 0.5s;    
   -webkit-animation-duration: 0.5s;      
   animation-timing-function: linear;    
   -webkit-animation-timing-function: linear;    
   animation-fill-mode: both; /* ³¡¿¡¼­ ¸ØÃã */
    -webkit-animation-fill-mode:both;
}
.prod_view .items_out_animaion 
{
   left:100%;
   animation-name : ani_item_out;
   -webkit-animation-name : ani_item_out;   
   animation-duration: 0.5s;    
   -webkit-animation-duration: 0.5s;      
   animation-timing-function: linear;    
   -webkit-animation-timing-function: linear;    
   animation-fill-mode: both; /* ³¡¿¡¼­ ¸ØÃã */
    -webkit-animation-fill-mode:both;
}

@keyframes ani_item_in
{
   from {left:100%; }
   to {left:0%;}
}

@-webkit-keyframes ani_item_in
{
   from {left:100%; }
   to {left:0%;}
}
@keyframes ani_item_out
{
   from {left:0%; }
   to {left:-100%;}
}

@-webkit-keyframes ani_item_out
{
   from {left:0%; }
   to {left:-100%;}
}


@media (max-width: 768px) 
{
.prod_view {width:100%; height:300px; overflow:hidden; position:relative; }
}