@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Allan);
@import url(https://fonts.googleapis.com/css?family=Kristi);
@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light);

/*    Reset CSS  */
* { margin:0;  padding:0;}
ol,ul { list-style: none; }
a { outline:0; text-decoration:none;	color:#bbb;}
img { border:0;}

/*헤더 영역*/
/*header {position: fixed; width: 100%; height: 15%; left: 0px; top: 0px; background: #fff; opacity: 0.6; }*/

/*배경이미지 설정*/
.wrap {position: fixed; width: 100%; height: 100%; min-width: 1024px; min-height: 768px; background: url(https://www.strategies.fr/sites/default/files/assets/images/strats-image-217251.jpeg); background-size: cover;}
.wrap h1 {position: fixed; top: 40px; left: 80px; width: 150px; height: 90px; background: url(https://vignette.wikia.nocookie.net/ladygaga/images/a/a9/Herm%C3%A8s.png/revision/latest?cb=20140418191942); background-size: contain;}


/*슬로건*/
.txt {position: fixed; top: 500px; right: 60px; font:150px Kristi; color: #fff;}
/*아이콘*/
.sns {position: fixed; bottom: 40px; right: 50px; z-index: 100;}
.sns li { float: left; margin-left: 32px;}
.sns li a {color: #ddd; font-size: 20px; opacity: 0.4;  transition: all 0.4s;}
.sns li:hover a {opacity: 1;}

/*section 레이아웃*/
section {position: fixed; top: 25%; left: 0px; width: 100%; height: 70%;}
article {position: relative; width: 8%; height:80%; background: url(../img/divider.png) no-repeat right center; float: left; overflow: hidden;}
article h2 {position: absolute; top: 230px;text-align: right; font: 20px Allan; transform: rotate(90deg); text-align: center; color: #fff; margin-left: 20px;}
article h2.one {padding-left:20px;  padding-right: 15px;}
article h2.fiv {padding-left: 17px; padding-right: 20px;}
article h2.two {padding-left: 25px; padding-right: 30px;}
article h2.the {padding-left: 20px; padding-right: 25px;}
article h2.fou {padding-left: 20px; padding-right: 20px;}

/*article 영상*/
article video {position: absolute; width: auto; height: 100%; opacity: 0;}

/*article 숨겨진 콘텐츠*/
article h3 {position: absolute; bottom: 210px; left: -310px; font:40px Kristi; color: red; text-align: left; opacity: 1;}
article p {position: absolute; bottom: 50px; left: -310px; width: 300px; height: 150px; font: 12px/1.5 arial; color: #fff; text-align: left; opacity: 0.8;}

/*footer*/
footer {position: fixed; width: 100%; height: 70px; left: 0px; bottom: 0px; background: #222; font: 12px/3.5 arial; color: #999; letter-spacing: 2px; opacity: 0.7;}
footer ul {position: absolute; bottom: 0px; left: 50px;}
footer ul li {float: left; margin-left: 40px;}
footer span {position: absolute; right: 48px; bottom: 0px;}

/*article 제목 호버*/
article:hover h2 {color: #fff;}