@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: 479px;
	position: absolute;
    right: 100px;
	top: 80%;
	transform: translate( 0, -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-right: 51px;
    margin-left: 51px;
}


.inner .pop_up{
    width: 865px;
    height: 757px;
    position: absolute;
    top: 50%;
    left: 50%;
	margin-top: -378.5px;
	margin-left: -432.5px;
    background: url(../img/S2/room5/popup5.png?v=20250717) 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%; 
	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 #cont0{
	width: 100%;
	height: 100%;
	background: url(../img/S2/room4/Section0.JPG) no-repeat center bottom/cover;
}
#fullpage #cont1{
	width: 100%;
	height: 100%;
	background: url(../img/S2/room5/Section1.jpg) no-repeat center 0/cover;
}

#fullpage #cont2{
	width: 100%;
	height: 100%;
	background: url(../img/S2/room5/Section9.jpg) no-repeat center 30%/cover;
}

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

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

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

#fullpage #cont6{
	width: 100%;
	height: 100%;
	background: url(../img/S2/room5/Section5.jpg) no-repeat center 0/cover;
}

#fullpage #cont7{
	width: 100%;
	height: 100%;
	background: url(../img/S2/room5/Section6.jpg) no-repeat center 0/cover;
}


#fullpage #cont8{
	width: 100%;
	height: 100%;
	background: url(../img/S2/room5/Section7.jpg) no-repeat center/cover;
}

#fullpage #cont9{
	width: 100%;
	height: 100%;
	background: url(../img/S2/room5/Section10.jpg) no-repeat center 80%/cover;
}

#fullpage #cont10{
	width: 100%;
	height: 100%;
	background: url(../img/S2/room4/Section11.jpg) no-repeat center 80%/cover;
}

#fullpage #cont20{
	width: 100%;
	height: 100%;
	background: url(/img/namecard.jpg) no-repeat center /cover;
}

#fullpage #plus{
	width: 100%;
	height: 100%;
	background: url(../img/S2/Section_plus.jpg) no-repeat center /cover;
}