@charset "utf-8";
/* CSS Document */
body { margin: 0px; padding: 0px; }
#contents a , #contents a img{ outline:none;border: none; }
#contents { width: 920px; background: #fff; position: relative; }
#contents p { margin: 0px; padding: 0px; }
#contents a:focus { outline:none;}
#contents a img { border-style: none; }
#contents a:hover img { filter: alpha(style=0,opacity=80); opacity: 0.8; }
#contents img { vertical-align: middle;}

#contents img.btn:hover{ opacity: .6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -khtml-opacity: .6; -moz-opacity: .6;  cursor: pointer;}
#contents img.btn:hover{ -moz-transition: opacity 0.3s ease-out 0s; -webkit-transition: opacity 0.3s ease-out 0s; -o-transition: opacity 0.3s ease-out 0s; -ms-transition: opacity 0.3s ease-out 0s; transition: opacity 0.3s ease-out 0s; }
#contents img.btn{-moz-transition: opacity 0.3s ease-out 0s; -webkit-transition: opacity 0.3s ease-out 0s; -o-transition: opacity 0.3s ease-out 0s; -ms-transition: opacity 0.3s ease-out 0s; transition: opacity 0.3s ease-out 0s; }

#contents ul, #contents ul li { list-style: none; padding: 0;}

#contents #slideshow { height: 522px; position: relative; margin: 0; }
#contents #slideshow li { width: 920px; height: 522px; position: absolute; top: 0; margin: auto; background: #FFF; }

#contents #slideshow li { opacity: 0; }

#contents #slideshow .img { position: relative; z-index:1; }
#contents #slideshow .text { position: absolute; top: 0; left: 0; right: 0 ;bottom: 0 ; z-index:2; opacity: 0; -ms-transition: opacity .5s 1.5s;-webkit-transition: opacity .5s 1.5s;transition: opacity .5s 1.5s; }
#contents #slideshow .show .text { opacity: 1; }
#contents #slideshow .img5-2 { position: absolute; top: 125px; left: 450px; z-index:2; -ms-transition: transform .8s 2s;-webkit-transition: transform .8s 2s;transition: transform .8s 2s; }
#contents #slideshow .show .img5-2 { -ms-transform: translateY(110px);-webkit-transform: translateY(110px);transform: translateY(110px);}
#contents #slideshow .img5-3 { position: absolute; top: 0; left: 0; right: 0 ;bottom: 0 ; z-index:3;  opacity: 0; -ms-transition: opacity .5s 2.5s;-webkit-transition: opacity .5s 2.5s;transition: opacity .5s 2.5s;  }
#contents #slideshow .show .img5-3 { opacity: 1;  }