@charset "utf-8";
html, body{height: 100%;}

#wrap{width:100%; margin: 0 auto;}

.inner_warp{
	width: 100%;
	height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 800;
}

.inner{
    width: 100%;
    height: 100%;
    position: relative;
}

.inner .tit_box{
    width: 414px;
	position: absolute;
    left: 50%;
	top: 50%;
	transform: translate( -50%, -50%);
	/* transform: translate( -50% X값/가로 , -50% Y/값 세로 ); */
	z-index: 100;
}

.inner .tit_box div{
    float: left;
}

.inner .tit_box .tit{
    margin-bottom: 25px;
}

.inner .tit_box .btn{
    margin-left: 125px;
    
    /*margin-right: 30px;
    margin-left: 103.5px;*/
}



.inner .pop_up{
    width: 866px;
    height: 455px;
    position: absolute;
    top: 50%;
    left: 50%;
	margin-top: -227.5px;
	margin-left: -433px;
    background: url(../img/S3/page2/popup.png) no-repeat center 0/cover;
	opacity: 0;
	z-index: 90;
	transition: opacity 0.3s;
}

.inner .pop_up .btn{
    text-align: center;
    margin-top: 123px;
    
}

.inner .pop_up .btn img{
    cursor: pointer;
}


.inner .tit_box.off{
    display: none;
}

.inner_warp.on{
    background: rgba(0, 0, 0, 0.4);
}

.inner .pop_up.on{
	opacity: 1;
}



/* 우측 네비게이션 */
#fp-nav{
	position: fixed; 
	right: 40px; 
	top: 50%; 
	transform: translateY(-50%); 
	z-index: 300;
}

#fp-nav li{margin-bottom: 22px;}

/* 네비게이션 하나의 스타일 */
#fp-nav li a{
	display: block; 
	width:10px; 
	height: 10px; 
	border-radius: 50%; 
	text-indent: -9999px; 
	background:none; 
	opacity: 0.7; 
	transition: background 0.2s;
}

/* 네비게이션 on 스타일 */
#fp-nav .on a{
	background: none; 
	border: 2px solid #fff;
}


/*공통영역*/
#fullpage{height: 100%;}
#fullpage section{height: 100%; width: 100%; padding: 0; margin: 0; margin: 0 auto;}

/* section 내용 css */
#fullpage #cont1{
	width: 100%;
	height: 100%;
	background: url(../img/S3/page2/valley_img1.jpg) no-repeat center 0/cover;
}

#fullpage #cont2{
	width: 100%;
	height: 100%;
	background: url(../img/S3/page2/valley_img2.jpg) no-repeat center 0/cover;
}

#fullpage #cont3{
	width: 100%;
	height: 100%;
	background: url(../img/S3/page2/valley_img3.jpg) no-repeat center 0/cover;
}

#fullpage #cont4{
	width: 100%;
	height: 100%;
	background: url(../img/S3/page2/valley_img4.jpg) no-repeat center 0/cover;
}

#fullpage #cont5{
	width: 100%;
	height: 100%;
	background: url(../img/S3/page2/valley_img5.jpg) no-repeat center 0/cover;
}