@charset "utf-8";

#main_visual{position:relative;width:100%;height:900px;min-width:1200px}
#main_visual .txt_area_wrap{position:absolute;width:100%;height:100%;padding-top:410px;z-index:999}
#main_visual .txt_area{min-width:1200px;margin:0 auto;color:#fff;text-align:center}
#main_visual .txt_area .line{position:absolute;top:225px;left:50%;width:1px;height:0;opacity:0;background-color:#fff}
#main_visual .txt_area .btxt{margin-bottom:15px;font-size:67px;font-weight:800;opacity:0;font-family:'Raleway', sans-serif}
#main_visual .txt_area .stxt{font-size:17px;opacity:0;font-family:notokr-regular}

#slideshow{overflow:hidden;width:100%;height:100%}
#slides{position:relative;width:100%;height:100%;list-style:none;overflow:hidden;margin:0 auto}
#slides li{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-repeat:no-repeat; background-position:right;-webkit-animation:main 25s linear infinite;-ms-animation:main 25s linear infinite;animation:main 20s linear infinite}
#slides .img01{background-image:url(/sh_img/index/main_banner/main_banner_01.jpg)}
#slides .img02{background-image:url(/sh_img/index/main_banner/main_banner_02.jpg)}
#slides .img03{background-image:url(/sh_img/index/main_banner/main_banner_03.jpg)}
#slides .img04{background-image:url(/sh_img/index/main_banner/main_banner_04.jpg)}
@-webkit-keyframes main{from{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.05)}100%{-webkit-transform:scale(1)}}
@-ms-keyframes main{from{-ms-transform:scale(1)}50%{-ms-transform:scale(1.05)}100%{-ms-transform:scale(1)}}
@keyframes main{from{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}

/* pager */ 
#main_visual .pager_wrap{position:absolute;left:50%;bottom:-20px;z-index:1000}

#main_visual .pagination{text-align:center}
#main_visual .pagination li{display:none;font-size:13px;color:rgba(255, 255, 255, 0.73);text-align:right;font-family:'Raleway', sans-serif}
#main_visual .pagination li span{padding-right:3px;font-size:25px;font-weight:700;color:#fff}
#main_visual .pagination li.current{display:block}

/* 좌우버튼 */
#main_visual .controls{position:absolute;left:0;bottom:-34px;width:136px;height:60px;margin-left:-40px;z-index:1000}
#main_visual .controls li{width:30px;height:30px;opacity:0.6;cursor:pointer;transition:all .3s}
#main_visual .controls li:hover{opacity:1}
#main_visual .controls li.prev{position:absolute;left:0;background:url(/sh_img/index/main_banner/prev.png) center no-repeat}
#main_visual .controls li.next{position:absolute;right:0;background:url(/sh_img/index/main_banner/next.png) center no-repeat}