@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:992px;
}

#scene01 .tit > li {
    z-index: 100;
    opacity:0;
}

#scene01 .tit .typo1 {
    top: 371px;
    left: 50%;
    margin-left: -309px;
}

#scene01 .tit .typo2 {
    top: 493px;
    left: 50%;
    margin-left: 30px;
}

#scene01 .tit .typo3 {
    top: 614px;
    left: 50%;
    margin-left: -184px;
}


#scene01 .tit .btn {
    background: url("../img/sub/sub3/btn_next.png") no-repeat center top;
    width: 123px;
    height: 34px;
    position: absolute;
    left: 50%;
    top: 724px;
    margin-left: -31px;
}
#scene01 .tit .btn:hover {
    background: url("../img/sub/sub3/btn_next2.png") no-repeat center top;
}

#scene01 .tit .btn a {
    display: block;
    height: 100%;
}



#slides2 {
    width: 1920px;
    height: 992px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -960px;
}


#slides2 .slidesjs-previous {
    background: url("../img/sub/sub3/kv_left.png") no-repeat center top;
    width: 31px;
    height: 58px;
    position: absolute;
    left: 192px;
    top: 50%;
    z-index: 100;
    text-indent: -9999px;
}

#slides2 .slidesjs-next {
    background: url("../img/sub/sub3/kv_right.png") no-repeat center top;
    width: 31px;
    height: 58px;
    position: absolute;
    right: 192px;
    top: 50%;
    z-index: 100;
    text-indent: -9999px;
}



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

}