html,body{height:100%;overflow-y:hidden}body{position:relative;min-width:1200px;font-family:"Dotum","Arial",sans-serif;font-size:12px;color:#333;background:black}.posNum{position:fixed;left:50%;top:50%;width:300px;height:50px;margin:-25px 0 0 -150px;background:#111;color:#fff;font-size:20px;font-weight:bold;text-align:center;line-height:50px;z-index:9999}#cover{width:100%;height:100%;background:black;opacity:.75;position:fixed;left:0;right:0;top:0;bottom:0;z-index:999999}.scrollBox{min-width:1200px;height:100%;overflow:hidden;position:relative}.scrollBox .wrap{width:4750px;height:100%;background:url("../img/lineup/bg.png") no-repeat left top;position:relative;overflow:hidden}.scrollBox .wrap>div{height:100%;float:left;position:relative}.scrollBox .wrap .objs>li{position:absolute}#scene01{width:1200px}#scene01>*{position:absolute}#scene01 .left{width:99px;height:980px;background:url("../img/main/move/gnb_l.png") no-repeat center top;position:fixed;left:-62px;top:0;transition:all .5s;z-index:2000}#scene01 .left:hover{left:0}#scene01 .left:hover .arrow_hl{display:none}#scene01 .left .arrow{position:absolute;left:39px;top:476px}#scene01 .left .arrow_hl{position:absolute;left:100px;top:476px;animation:arrow2 ease alternate infinite .8s}@keyframes arrow2{0%{left:100px}100%{left:110px}}#scene01 .left .btn{position:absolute;left:12px;top:453px}#scene01 .left .btn.on{animation:ani linear normal infinite 2s}@keyframes ani{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}#scene01 .box1{left:237px;top:311px;opacity:0}#scene01 .box2{left:233px;top:442px;opacity:0}#scene01 .box3{left:237px;top:686px;opacity:0}#scene01 .scroll_arrow{width:16px;height:21px;left:446px;top:681px}#scene01 .scroll_arrow>li{position:absolute;left:0;top:0;opacity:0}#scene01 .scroll_arrow .arrow_01.on{left:0;animation:arrow linear normal infinite 1s 1s}#scene01 .scroll_arrow .arrow_02.on{left:12px;animation:arrow linear normal infinite 1s 1.2s}#scene01 .scroll_arrow .arrow_03.on{left:24px;animation:arrow linear normal infinite 1s 1.4s}@keyframes arrow{0%{opacity:1}10%{opacity:0}50%{opacity:1}100%{opacity:1}}#scene02{width:3550px}#scene02 .inner{width:3550px;position:relative;top:110px;z-index:1000}#scene02 .inner>div{width:189px;height:873px;float:left;margin-right:430px;position:relative}#scene02 .inner>div:last-child{margin-right:0}#scene02 .inner>div>div{position:absolute}#scene02 .inner>div .light{left:-2000px;top:0;transform:scale(0);transition:all 1s}#scene02 .inner>div .case{left:0;top:0}#scene02 .inner>div .text{left:-100px;top:300px;transform:scale(0);transition:all .25s}#scene02 .inner>div .big{left:-140px}#scene02 .inner>div .big2{left:-120px}#scene02 .inner>div:hover .light{transform:scale(1)}#scene02 .inner>div:hover .text{transform:scale(1)}#scene02 .light_inner{width:4000px;position:absolute;left:-240px;top:0}#scene02 .light_inner>div{float:left;margin-right:-85px;position:relative;opacity:0;transition:all 1s}#scene02 .light_inner>div.on{opacity:1}