/* main css */
body{background:url(../images/bg_pattern.gif) 0 0} /** z-index 순서 : 맨뒤 **/

#main-container {width:100%; position:relative; overflow:hidden; z-index:1} /** z-index 순서 : 맨뒤에서 3번째 **/
#container-box {width:100%; height:100%; position:relative; padding-bottom:500em; margin-bottom:-500em}
#main-container #contents {width:1000px; height:862px; margin:0 auto; position:relative}
#main-container #contents {margin-bottom:50px}
#main-container #contents ul li {float:left}

#main-container #contents .motto-sec{width:100%; position:relative; margin:0 0 111px 0; *zoom:1}
#main-container #contents .motto-sec:after{display:block; clear:both; content:''}
#main-container #contents .motto{width:100%; height:162px; padding-top:160px; position:relative; z-index:1}
#main-container #contents .motto li{height:162px; padding-top:130px; position:absolute; visibility:hidden;}
#main-container #contents .motto li.first{visibility:visible}
#main-container #contents .motto li img{position:absolute; left:45px; top:0px;}

#main-container #contents .bnr-btn{position:absolute; z-index:10; top:400px;}
#main-container #contents .bnr-btn button{width:23px; height:23px; padding:0; margin:0 2px 0 0; border:none}
#main-container #contents #stop{background:url(../images/btn_stop.png) no-repeat 0 0}
#main-container #contents #play{background:url(../images/btn_play_on.png) no-repeat 0 0}

#main-container #contents #next{width:45px; height:95px; cursor:pointer; position:absolute; z-index:10; padding:0; margin:0; border:none; right:0px; top:65%;}
#main-container #contents .mottoNext-on{background:url(../images/btn_main_next_r.png) no-repeat 0 0}
#main-container #contents .mottoNext-off{background:url(../images/btn_main_next.png) no-repeat 0 0}
#main-container #contents #prev{width:45px; height:95px; cursor:pointer; position:absolute; z-index:10; padding:0; margin:0; border:none; left:0px; top:65%;}
#main-container #contents .mottoPrev-on{background:url(../images/btn_main_prev_r.png) no-repeat 0 0}
#main-container #contents .mottoPrev-off{background:url(../images/btn_main_prev.png) no-repeat 0 0}

/* rolling banner */
#main_bg{width:100%; height:521px; position:absolute; left:0; top:102px;  min-width:1000px; overflow:hidden; z-index:-1} /** z-index 순서 : 맨뒤에서 2번째 **/
#main_bg .bg_list{width:6000px; height:990px; position:absolute; left:50%; top:0; margin-left:-1000px; *zoom:1}
#main_bg .bg_list:after{display:block; clear:both; content:''}
#main_bg .main_bg{float:left}
#main_bg .main_bg1{width:2000px; height:521px; background:url(../images/bg_main1.jpg) no-repeat center top}
#main_bg .main_bg2{width:2000px; height:521px; background:url(../images/bg_main2.jpg) no-repeat center top}
#main_bg .main_bg3{width:2000px; height:521px; background:url(../images/bg_main3.jpg) no-repeat center top}
/* end main css */

/* fade in-out banner */
#Rolling{width:100%; height:521px; position:absolute; left:0; top:102px; min-width:1000px; overflow:hidden; z-index:-1} 
#Rolling .fade_bg1{width:100%; height:521px; background:url(../images/fade_main1.jpg) repeat-x center 0}
#Rolling .fade_bg2{width:100%; height:521px; background:url(../images/fade_main2.jpg) repeat-x center 0}
#Rolling .fade_bg3{width:100%; height:521px; background:url(../images/fade_main3.jpg) repeat-x center 0}