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

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

body {
    position: relative;
    min-width: 1200px;
    font-family: "Dotum", "Arial", sans-serif;
    font-size: 12px;
    color: #333;
}




/** scrollBox **/
.scrollBox {
    min-width: 1200px;
    height: 100%;
    position: relative;
}

.scrollBox .wrap {
    min-width: 1200px;
    position: relative;
    overflow: hidden;
}

.scrollBox .wrap > div {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

.scrollBox .wrap .objs > li {
    position: absolute;
    left: 50%; /* 브라우저 창의 크기에 따라 반응을 해야 해서 가운데 기준을 잡는다 */
}


#header {
    height: 62px;
    width: 100%;
    background-color: rgba(256, 256, 256, 1);
    position: fixed;
    top: 0;
    z-index: 9999;
}

#header .header_wrap {
    width: 1400px;
    margin: 15px auto;
    position: relative;
}

#header .logo {
    float: left;
    margin-left: 100px;
}

#header .header_menu1 {
    margin-left: 126px;
    float: left;
}

#header .header_menu1 li {
    display: inline;
    margin-left: 50px;
}

#header .header_wrap .icon {
    float: right;
}

#header .header_wrap .icon li {
    margin-left: 18px;
    display: inline;
}

#header .header_menu2 {
    margin-right: 100px;
    float: right;
}

#header .header_menu2 li {
    display: inline;
    margin-right: 39px;
}


/** Scene01 **/
#scene01 {
    background: url("../img/sub/3-1.jpg") no-repeat;
    height: 3245px;
}