@charset "utf-8";


#nes_slogan {width:100%; height:99px; background:url('/_public/kr/_img/main/slogan_bg.png') center repeat;}
#nes_slogan .pic {width:1000px; height:99px; margin:0px auto; text-align:center;}
#nes_slogan .pic img {padding-top:27px;}




/* visual */

#moon_main_visual {width:100%; height:490px;}



#visual{position:relative; top:0; left:0; width:100%; height:490px; overflow:hidden; z-index:1;}
#visual .title{position:absolute; top:200px; left:50%; margin-left:-451px;}
#visual .copy{display:none; top:200px; left:50%; margin-left:-480px;}
#visual #visualBanner{position:absolute; top:0; left:0; width:100%; height:1485px;}
#visual #visualBanner li{position:relative; width:100%; height:490px; font-size:0; line-height:0;}
#visual #visualBanner li p{position:absolute;}
#visual .scene{display:none;}
#visual .vis1{background:url('/_public/images1/main/visual1_bg.png') 50% 50% no-repeat ;background-size: cover;}
#visual .vis2{background:url('/_public/images1/main/visual2_bg.png') 50% 50% no-repeat;background-size: cover;}
#visual .vis3{background:url('/_public/images1/main/visual3_bg.png') 50% 50% no-repeat;background-size: cover;}
#visual .vis4{background:url('/_public/images1/main/visual4_bg.jpg') 50% 50% no-repeat;background-size: cover;}


#visual .control{position:absolute; top:450px; left:50%; margin-left:-500px; z-index:2;}
#visual .control #btnPlay{position:absolute; top:0; left:0; display:block; width:29px; height:26px; text-indent:-9999em; overflow:hidden; background:url('/_public/images1/main/btn_visual_control.png') no-repeat left top;}
#visual .control #btnPlay.on{background-position:right top;}
#visual .control #active{position:absolute; top:0; left:39px; width:455px; height:26px; background:url('/_public/images1/main/visual_control.png') no-repeat;}
#visual .control #active li{float:left;margin-right:9px;width:50px;height:3px;text-indent:-9999em;overflow:hidden;cursor:pointer; background: #b7a170; position: relative; top: 13px; }
#visual .control #active.v1{background-position:0 0;}
#visual .control #active.v2{background-position:0 -26px;}
#visual .control #active.v3{background-position:0 -52px;}
#visual .control #active.v4{background-position:0 -78px;}
#visual .para{position:absolute; top:52px; left:50%; margin-left:252px; width:229px; height:293px; background:url('/_public/images1/main/visual_para.png') no-repeat left top; z-index:2;}
#visual .control #active li.on { background: #ddd}