@charset "utf-8";

html{overflow-y:scroll}
body{margin:0;padding:0;font-size:12px;font-family:'Nanum Gothic'}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, dl, dt, dd, il, ul, li{margin:0;padding:0;border:0}


#diplayslide {overflow:hidden;position:relative;min-width:1150px;width:100%;height:100%;padding-bottom:75px;}
#slides {position:relative;width:100%;height:100%;list-style:none;overflow:hidden;margin:0 auto}
#slides li {width:100%;height:100%;background-repeat:no-repeat;background-position:top center;background-attachment:-webkit-animation:main 20s linear infinite;-ms-animation:main 20s linear infinite;animation:main 20s linear infinite}
@-webkit-keyframes main{from{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.15)}100%{-webkit-transform:scale(1)}}
@-ms-keyframes main{from{-ms-transform:scale(1)}50%{-ms-transform:scale(1.15)}100%{-ms-transform:scale(1)}}
@keyframes main{from{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}
#slides .image1 {background-image:url(main_banner01.jpg)}
#slides .image2 {background-image:url(main_banner02.jpg)}
#slides .image3 {background-image:url(main_banner03.jpg)}


#diplayslide .scroll { position:absolute;left:50%;bottom:0;z-index:999;width:130px; height:38px;margin-left:-65px;background:url(#)}
#diplayslide .scroll img { display:block;position:absolute;z-index:6;bottom:9px;left:57px;-webkit-animation:arr 1.6s infinite linear;-ms-animation:arr 1.6s infinite linear;animation:arr 1.6s infinite linear}
@-webkit-keyframes arr{from{bottom:3px}15%{bottom:9px}30%{bottom:3px}45%{bottom:9px}60%{bottom:3px}100%{bottom:3px}}
@keyframes arr{from{bottom:3px}15%{bottom:9px}30%{bottom:3px}45%{bottom:9px}60%{bottom:3px}100%{bottom:3px}}