@charset "utf-8";
/* CSS Document */

/** base **/
html,
body {
    height: 100%;
    overflow-y: hidden;
}

body {
    position: relative;
}
.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;
}

/** scrollBox **/
.container{
    min-width:1200px;
    height:100%;
    overflow:hidden;
    position:relative;
    background: url("../../img/gallery/bg.png") no-repeat center top;
}

.container .main{
    width:5232px;/* 컨텐츠 박스 5개 X 1920(가로사이즈) */
    height:100%;
    position:relative;
    overflow:hidden;
}

@media screen and (max-width:1600px){.container .main{width: 4500px;}}
@media screen and (max-width:1300px){.container .main{width: 3400px;}}

.container .main > section{
    width:5232px;
    height:100%;
    float:left;
    position:relative;

}