@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;
}

.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 **/
.scrollBox {
    min-width: 1200px;
    height: 100%;
    position: relative;
}

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

.scrollBox .wrap > div {
    position: relative;

}

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

/** Scene01 **/
#scene01 {
    height: 850px;

}

/** gnb **/
.gnb {
    width: 100%;
    height: 109px;
    position: absolute;
    left: 0;
    top: 0;

    background: rgba(40, 69, 104, 0.6);
    z-index: 999;
}

.gnb .inner {
    width: 100%;
    height: 69px;
    background: white;
    position: absolute;
    left: 0;
    top: 40px;
}

.gnb .inner h1 {
    padding-top: 14px;
    padding-left: 360px;
    float: left;
}


.gnb .inner .right_link {
    width: 173px;
    height: 8px;
    position: absolute;
    left: 50%;
    top: -24px;
    margin-left: 429px;

}

.gnb .inner .right_link > li {
    background: url("../img/common/top_line.png") no-repeat left top;
    float: left;
    padding-left: 15px;
    margin-left: 18px;
}

.gnb .inner .right_link .first {
    background: none;
    padding-left: 0;
    margin-left: 0;
}


.gnb .inner .line {
    width: 100%;
    height: 4px;
    background: #006aba;
    position: absolute;
    left: 0;
    bottom: 0;

}

.gnb .inner  .menu_search {
    width: 209px;
    height: 35px;
    position: absolute;
    left: 1350px;
    top: 15px;
}


.gnb .inner .innerGnb {
    width: 615px;
    height: 16px;
    position: absolute;
    left: 50%;
    top:27px;
    margin-left: -315px;
}
.gnb .inner .innerGnb > li {
    float: left;
    margin-right: 123px;
}

.gnb .inner .innerGnb .last {
    margin-right: 0;
}





/** scene01 **/
#scene01 {
    height:2107px;
    position: relative;
}

#scene01 .objs .obj01 {
    top:0;
    margin-left:-960px;
}

#scene01 .objs .btn {
    top: 1980px;
    margin-left: -103px;
}



#visual .objs .obj01 {
    width: 1920px;
    height: 133px;
    top: -1998px;
    left: 50%;
    margin-left: -960px;
}




#visual .objs_lnb  {
    background:url("../img/sub/sub1/lnb_bar.png");
    position:absolute;
    left:50%;
    width:1920px;
    height:46px;
    top: -1865px;
    margin-left: -960px;

}

#visual .objs_lnb li {
    position:absolute;
    left:50%;
    float:left;
}

#visual .objs_lnb li a {
    display:block;
}

#visual .objs_lnb .lnb01 a{
    background:url("../img/sub/sub4/lnb_btn01_off.png");
    width:168px;
    height:46px;
    margin-left:-251px;
}

#visual .objs_lnb .lnb02 a{
    background:url("../img/sub/sub5/lnb_btn02_off.png");
    width:166px;
    height:46px;
    margin-left:-83px;
}

#visual .objs_lnb .lnb03 a{
    background:url("../img/sub/sub5/lnb_btn03.png");
    width:168px;
    height:46px;
    margin-left:83px;
}


#visual .objs_lnb .lnb01 a:hover{
    background:url("../img/sub/sub5/lnb_btn01_on.png");
}

#visual .objs_lnb .lnb02 a:hover{
    background:url("../img/sub/sub5/lnb_btn02_on.png");
}




/** footer **/
.footer {
    background: url("../img/common/footer.jpg") no-repeat center top;
    height: 174px;

}