@charset "utf-8";

#main_visual {overflow:hidden;position:relative;width:100%;height:100%;font-family:notokr-regular}
#main_visual .txt_area {position:relative;width:1072px;margin:0 auto;text-align:center;color:#fff}
#main_visual .txt_area .txt01 {position:absolute;top:275px;width:100%;margin-left:60px;opacity:0;font-size:22px}
#main_visual .txt_area .txt02 {position:absolute;top:315px;width:100%;margin-left:-60px;opacity:0}
#main_visual .txt_area ul {position:absolute;top:410px;width:100%}
#main_visual .txt_area ul li{position:absolute;left:50%;top:200px;width:172px;height:172px;margin-left:-86px;padding-top:62px;font-size:16px;text-align:center;opacity:0;font-family:notokr-medium}
#main_visual .txt_area ul li.li01 {margin-left:-245px;background:url(/sh_img/index/main_banner/bg01.png) no-repeat}
#main_visual .txt_area ul li.li02 {background:url(/sh_img/index/main_banner/bg02.png) no-repeat}
#main_visual .txt_area ul li.li03 {margin-left:73px;background:url(/sh_img/index/main_banner/bg03.png) no-repeat}

#main_visual .bg{position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;width:100%;height:100%;background:url(/sh_img/index/main_banner/main_banner_01.jpg) center no-repeat fixed;background-size:cover;
-webkit-animation:main 20s linear infinite;-ms-animation:main 20s linear infinite;animation:main 20s linear infinite;-webkit-transition:background-position .5s ease-out;-ms-transition:background-position .5s ease-out;transition:background-position .5s ease-out}
@-webkit-keyframes main{from{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.13)}100%{-webkit-transform:scale(1)}}
@-ms-keyframes main{from{-ms-transform:scale(1)}50%{-ms-transform:scale(1.13)}100%{-ms-transform:scale(1)}}
@keyframes main{from{transform:scale(1)}50%{transform:scale(1.13)}100%{transform:scale(1)}}