@charset "utf-8";

html, body{
    height: 100%;
}

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

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

/* R-nav */
#fp-nav ul li:nth-child(1) a .privew{
    background-image: url(../images/enjoy/e3/e3_1.jpg);
}
#fp-nav ul li:nth-child(2) a .privew{
    background-image: url(../images/enjoy/e3/e3_2.jpg);
}
#fp-nav ul li:nth-child(3) a .privew{
    background-image: url(../images/enjoy/e3/e3_3.jpg);
}
#fp-nav ul li:last-child a .privew{
    display: none;
}

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


/*ttl s*/
#ttl{
    width:257px;
    height:auto;
    position:fixed;
    bottom:80px;
    left:100px;
    z-index:666;
    transition:all 0.7s;
    text-align:center;
    cursor:pointer;
}
#ttl.On{
    left:-500px;
}
#ttl .blink{
    width:190px;
    height:45px;
    background-color:rgba(255,255,255,0.5);
    position:fixed;
    bottom:123px;
    left:240px;
    z-index:444;
    animation:view 2.8s linear infinite;
    transition:all 0.7s;
}
@keyframes view{
    0%{opacity: 0.8;}
    60%{opacity: 0;}
    80%{opacity: 0.3;}
    100%{opacity: 0.8;}
}
#ttl .blink.On{
    left:-300px;
}

/*info s*/
#info .info_box{
    width:480px;
    height:100%;
    position:fixed;
    bottom:0;
    left:-100%;
    z-index:1;
    transition:all 0.8s;
}
#info .info_box.On{
    left:0;
}
#info .info_box .line{
    width:100%;
    height:70px;
    background-color:rgba(255,255,255,0.7);
}
#info .info_box .info_line{
    width:100%;
    height:100%;
    background:url(../images/enjoy/enjoy_bg.png) no-repeat center 0/cover;
}
#info .info_box h3{
    font-size:26px;
    font-weight:500;
    text-align:center;
    padding:27vh 0 0 0;
    font-style:italic;
}
#info .info_box .in_line{
    width:8%;
    height:2px;
    background-color:#555;
    margin:2vh auto;
}
#info .info_box p{
    font-size:15px;
    line-height:25px;
    text-align:center;
    padding:0 0 4vh 0;
    color:#222;
}
#info .info_box p span{
    font-weight:600;
}
#info .info_box .price{
    color:#0178a0;
}
#info .info_box .go_btn{
    width:316px;
    height:40px;
    margin:0 auto;
}
#info .info_box .go_btn a{
    text-align:center;
    line-height:40px;
    display:block;
    float:left;
    width:150px;
    height:40px;
    border:1.5px solid #0178a0;
    font-size:16px;
    font-weight:500;
    color:#0178a0;
    position:relative;
    overflow:hidden;
    transition:all 0.3s;
}
#info .info_box .go_btn a:first-child{
    margin:0 10px 0 0;
    transition:all 0.4s;
}
#info .info_box .go_btn a:first-child:hover{
    background-color:#0178a0;
    color:#fff;
}
#info .info_box .go_btn a:nth-child(2){
    background-color:#0178a0;
    color:#fff;
    transition:all 0.4s;
}
#info .info_box .go_btn a:nth-child(2):hover{
    background-color:rgba(255,255,255,0);
    color:#0178a0;
}
#info .info_box .go_btn a:first-child:hover{
    border-radius:20px 0 0 20px;
}
#info .info_box .go_btn a:nth-child(2):hover{
    border-radius:0 20px 20px 0;
}

#info .info_box .close_btn{
    font-size:18px;
    font-weight:500;
    color:#222;
    width:50px;
    height:45px;
    background-color:#fff;
    position:absolute;
    top:70px;
    right:0;
    text-align:center;
    line-height:45px;
    cursor:pointer;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
}
#info .info_box .close_btn:hover{
    background-color:rgba(0,0,0,0.3);
    color:#fff;
}

/*cont1 s*/
#cont1{
    width:100%;
    height:100vh;
    background:url(../images/enjoy/e3/e3_1.jpg) no-repeat center 0/cover;
}

/*cont2 s*/
#cont2{
    width:100%;
    height:100vh;
    background:url(../images/enjoy/e3/e3_2.jpg) no-repeat center 0/cover;
}

/*cont3 s*/
#cont3{
    width:100%;
    height:100vh;
    background:url(../images/enjoy/e3/e3_3.jpg) no-repeat center 0/cover;
}