@charset "UTF-8";
html{
    width: 100%;
    height: 100%;
}
body{
    width: 100%;
    height: 100%;
    font-family: 'Noto Sans KR', sans-serif;
}
body,h1,h2,h3,h4,h5,h6,p{
    margin: 0;
}

ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

a{
    text-decoration: none;
}

#wrap{
    width: 100%;
    height: 100%;
}  

.inner{
    width: 1200px;
    margin: 0 auto;
}

.cf:after{
    content: "";
    display: block;
    clear: both;
}






/*header*/
#header{
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    box-sizing: border-box;
    z-index: 10001;
}


/*headerLogo*/
.headerLogo{
    position: absolute;
    top: 50%;
    left: 40px;
    margin-top: -15px;
}
.headerLogo h3{
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: 800;
}


/*headerMenu*/
.headerMenu{
    position: absolute;
    top: 0;
    left: 252px;
}
.headerMenu ul{}
.headerMenu ul li{
    float: left;
    margin-right: 40px;
}
.headerMenu ul li:last-child{
    margin-right: 0;
}
.headerMenu ul li a{
    font-size: 16px;
    line-height: 59px;
    color: #fff;
    font-weight: 400;
}


/*headerUtill*/
.headerUtill{
    position: absolute;
    top: 0;
    right: 151px;
}
.headerUtill ul{}
.headerUtill ul li{
    float: left;
    margin-right: 20px;
}
.headerUtill ul li:last-child{
    margin-right: 0;
}
.headerUtill ul li a{
    font-size: 14px;
    line-height: 59px;
    color: #fff;
    font-weight: 400;
}


/*headerSearch*/
.headerSearch{
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 95px;
}
.headerSearch a{
    display:block;
}
.headerSearch a img{
    display: block;
}



/*headerPannel*/
.headerPannel{
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -10px;
}
.headerPannel a{
    display:block;
}
.headerPannel a img{
    display: block;
}









/*mainSlider*/
.mainSliderBg{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.mainSlider{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.mainVideo{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.mainVideo video{
    width: 1920px;
    height: 1080px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
    z-index: 5;
}




















/*scroll*/
.mScrollDown{
    display: none;
}
.scrollDown{
    width: 90px;
    height: 72px;
    position: absolute;
    bottom: 50px;;
    z-index: 9999;
    left: 50%;
    margin-left: -45px;
}
.scrollDown ul{}
.scrollDown ul li{
    position: absolute;
    top: 50%;
    margin-top: -35px;
    left: 50%;
    margin-left: -45px;
}
.scrollDown p{
    font-size: 12px;
    font-weight: 200;
    margin-top: 10px;
    color: #fff;
    text-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.mouseScroll{
    -webkit-transition: opacity: .4s;
}
.mouse{
    margin: 0 auto;
    height: 35px;
    width: 20px;
    border: 2px solid #fff;
    border-radius: 15px;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.wheel{
    position: relative;
    display: block;
    height: 4px;
    width: 4px;
    margin: 8px auto 0;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    background: #fff;
    border-radius: 50%;
    -webkit-animation: mouse-wheel 1.2s ease infinite;
    -moz-animation: mouse-wheel 1.2s ease infinite;
    animation: mouse-wheel 1.2s ease infinite;
}
@-webkit-keyframes mouse-wheel {
    0% { opacity:1;	-webkit-transform:translateY(0); transform:translateY(0); }
    100% { opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px); }
    }
    @-moz-keyframes mouse-wheel {
    0% { opacity:1;	-moz-transform:translateY(0); transform:translateY(0); }
    100% { opacity:0; -moz-transform:translateY(10px); transform:translateY(10px); }
    }
    @keyframes mouse-wheel {
    0% { opacity:1; transform:translateY(0); }
    100% { opacity:0; transform:translateY(10px); }
}