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

/** base **/
html,
body {
    height: 100%;
    overflow: 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;
}

/** gnb **/

#header {
    width: 100%;
    height: 140px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    overflow: hidden;
}

#header .logo {
    position: absolute;
    left: 50%;
    margin-left: -80px;
    top: 34px;
}

#header .line {
    position: absolute;
    left: 50%;
    top: 139px;
    margin-left: -1000px;
}

#header .quick {
    width: 27px;
    height: 21px;
    position: absolute;
    left: 50%;
    top: 99px;
    margin-left: -526px;
    cursor: pointer;
}

#header .login {
    width: 25px;
    height: 23px;
    position: absolute;
    left: 50%;
    top: 99px;
    margin-left: 529px;
    cursor: pointer;
}

#header .lang {
    width: 117px;
    height: 9px;
    position: absolute;
    left: 50%;
    top: 34px;
    margin-left: 436px;
    cursor: pointer;
}

#header .lang > div {
    float: left;
    margin-right: 10px;
}

#header .lang .cn {
    margin-right: 0;
}

#header .topline {
    width: 1px;
    height: 9px;
    position: absolute;
    left: 50%;
    top: 34px;
    margin-left: 529px;
}

#header .search {
    width: 9px;
    height: 9px;
    position: absolute;
    left: 50%;
    top: 34px;
    margin-left: 544px;
    cursor: pointer;
}

#header .gnb {
    width: 786px;
    height: 35px;
    position: absolute;
    left: 50%;
    margin-left: -395px;
    top: 104px;
}

#header .gnb > li {
    float: left;
    margin-right: 69px;
}

#header .gnb .last {
    margin-right: 0;
}

#bar {
    float: none;
    margin-right: 0;

    width: 64px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    opacity: 0;
}

/*  header 변하는 부분     */

#header.header_scroll {
    height: 60px;
    background: #c43105;
}

#header * {
    transition: all 0.5s;
}

#header.header_scroll .logo {
    margin-left: -663px;
    top: 18px;
}

#header.header_scroll .quick {
    top: 20px;
    margin-left: -917px;

}

#header.header_scroll .gnb {
    margin-left: -384px;
    top: 25px;
}

#header.header_scroll .login {
    top: 19px;
    margin-left: 893px;
}

#header.header_scroll .lang {
    top: 26px;
    margin-left: 788px;
}

#header.header_scroll .topline {
    top: 27px;
    margin-left: 772px;
}

#header.header_scroll .search {
    top: 27px;
    margin-left: 747px;
}

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

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

.scrollBox .wrap > div {
    height: 980px;
    position: relative;

}

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

/** Scene04 **/
#scene04 {
    height: 2122px;
    background: url("../img/sub/sub4.jpg") no-repeat center top;
}


/** footer **/
#footer {
    position: relative;
}

#footer .sns1 {
    position: absolute;
    left: 50%;
    top: 33px;
    margin-left: -26px;

}

#footer .sns2 {
    position: absolute;
    left: 50%;
    top: 33px;
    margin-left: 1px;

}

#footer .adver {
    position: absolute;
    left: 50%;
    top: 159px;
    margin-left: -103px;
    cursor: pointer;
}

#footer .apply {
    position: absolute;
    left: 50%;
    top: 159px;
    margin-left: 28px;
    cursor: pointer;
}

#footer .read {
    width: 370px;
    height: 12px;
    position: absolute;
    left: 50%;
    top: 93px;
    margin-left: -184px;
}

#footer .read > li {
    float: left;
    margin-right: 52px;
    cursor: pointer;
}

#footer .read .upright {
    margin-right: 0;
}

#footer .notice {
    width: 44px;
}

#footer .access {
    width: 43px;
}

#footer .personal {
    width: 85px;
}

#footer .upright {
    width: 42px;
}

#footer .family {
    position: absolute;
    right: 50%;
    top: 153px;
    margin-right: -600px;
    cursor: pointer;
}

#footer .family > ul {
    background: white;
    display: none;
}

#footer .family:hover > ul {
    display: block;
}

#footer .family > ul {
}

#footer .family ul > li > a {
    font-family: "Khmer UI", sans-serif, Arial;
    font-size: 12px;
    color: #3c3c3c;
    font-weight: normal;
    text-align: left;
    line-height: 20px;
    display: block;
    padding: 0 13px 5px;
}

#footer .family ul > li > a:hover {
    background: #d50000;
    color: #fff;
}