@charset "utf-8";
/* 공통 */
.wrap {
    width:100%;
    height:100%;
}
.page {
    clear:both;
    width:100%;
    height:100%;
    overflow:hidden;
}
.lloo {
    width:1100px;
    margin:0 auto;
}
/* 헤더 */
.header {
    width:100%;
    position:absolute;
    z-index:50;
    transition:height .7s;
}
.header.scroll {
    width:100%;
    height:80px;
    position:fixed;
    z-index:50;
    background:rgba(0,0,0,0.2);
}
.logo {
    width:50px;
    height:70px;
    background:url(./images/logo_w.png);
    background-repeat:no-repeat;
    margin:10px 0;
    float:left;
    background-position:85%;
}
.logo.scroll {
    width:50px;
    height:52px;
    background:url(./images/logo_w.png);
    background-repeat:no-repeat;
    margin:14px 0;
    float:left;
    transition:.7s;
}
.menu {
    width:900px;
    float:right;
    margin:14px 0;
}
.gnb {
    float:right;
}
.gnb li {
    float:left;
    margin-left: 0px;
    padding: 4px;
    box-sizing:border-box;
    width: 140px;
}
.gnb li a{
    line-height:52px;
    color:#fff;
    font-size:1em;
    text-align:center;
    transition:.7s;
}
.gnb li:hover a {
    font-size:1.2em;
    font-weight:600;
}

/* sub visual top Tit */
.vtTit {
    color:#fff;
    font-size:2.4rem;
    font-weight:600;
    left:calc(calc(100% - 126.88px) / 2);
    top:calc(calc(100% - 47px) / 2);
    position:absolute;
    z-index:100;
}