/* :::::::::::::::::

    Default Setting

::::::::::::::::: */

html, body {
    width:100%;
}

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

.ver_align_1 {
    vertical-align:-5px;
}

/*농어촌*/
.lodge_wrap{
	width: 120px;
    height: 120px;
    border-radius: 20px;
    position: fixed;
	bottom:10px;
	right:10px;
    background: #fff;
    z-index: 9999;
	display: flex;
    justify-content: center;
    align-items: center;
}

.lodge_wrap img{
	width:80%;
}


/* 팝업 */

.mainPop{
    width: 450px;
    height: auto;
    position: fixed;
    top: 0;
    left: 450px;
    z-index: 800;
}

.mainPop.off{display: none;}

.mainPop .img{
    position: absolute;
    top: 0;
    left: 0%;
/*   margin-left: -240px;*/
    height: auto;
    z-index: 701;
   text-align: center;
}


.mainPop .img img{
    width: 100%;
}

/*.mainPop .img .pClose{
    width: 30px;
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 702;
}*/

.mainPop .img .pClose{
    width: 100px;
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 702;
}
.mainPop .img .pClose img{
   width: 100%;
   height: auto;
}

/*
.mainPop .bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 699;
}
*/




/* 팝업2 */

.mainPop2{
    width: 450px;
	height: auto;
    position: fixed;
    top: 0%;
    left: 0%;
/* 	transform: translateX(-50%); */
    z-index: 700;
}

.mainPop2.off{display: none;}

.mainPop2 .img2{
    position: absolute;
    top: 0;
/*     left: 400px; */
	left: 0;
    width: 100%;
	/*margin-left: -240px;*/
    height: auto;
    z-index: 701;
   text-align: center;
}


.mainPop2 .img2 img{
    width: 100%;
    height: auto;
}

/*.mainPop .img .pClose{
    width: 30px;
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 702;
}*/

.mainPop2 .img2 .pClose2{
    width: 100px;
    position: absolute;
    top: -1px;
    right: -2px;
    z-index: 702;
}
.mainPop2 .img2 .pClose2 img{
   width: 100%;
   height: auto;
}

/*
.mainPop .bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 699;
}
*/



/* 팝업3 */

.mainPop3{
    width: 450px;
	height: auto;
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 999;
}
.mainPop3.off{display: none;}
.mainPop3 .img3{
    position: absolute;
    top: 0;
	left: 0;
    width: 100%;
    height: auto;
    z-index: 701;
   text-align: center;
}
.mainPop3 .img3 img{
    width: 100%;
    height: auto;
}
.mainPop3 .img3 .pClose3{
    width: 100px;
    position: absolute;
    top: -1px;
    right: -2px;
    z-index: 702;
}
.mainPop3 .img3 .pClose3 img{
   width: 100%;
   height: auto;
}

/* :::::::::::::::::

   Iframe

::::::::::::::::: */

    .wrap_iframe_mb {
        display:none;
        width:100%;
        height:40vh;
    }

    .wrap_iframe {
        position:relative;
        width:100%; height:100%; 
        overflow:hidden;
        transform:scale(1.3);
    }

    .wrap_iframe.mb {
        display:none;
    }

        .wrap_iframe iframe {
            width:100%;
            height:100%;
        }

        .iframe_pc iframe {
            width:100vw;
            height:100vh;
            transform:scale(1.3);
        }



/* :::::::::::::::::

    Main Section

::::::::::::::::: */



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

.logo {
	position:absolute; z-index:100;
    top:50px; left:50px;
    font-size:30px;
    color:white;
    font-family: 'Great Vibes', serif !important;
}

.logo img {
	width: 250px;
}

.bg_main {
    display:none;
    position:relative;
    width:100%;
    height:100%;
    background:url('/img/main/bg_main.jpg')no-repeat 50% 50%;
    background-size:cover;
}

.if_bg {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

.wrap_m_name {
    position:absolute;
    bottom:0px; left:0;
    width:100%;
    color:white;
    letter-spacing:2px;
    font-size:80px; font-weight:bold;
    text-align:center;
    font-family: 'Jua', sans-serif;
	text-shadow: 1px 1px 1px #000;
}
    .wrap_m_name .m_sub_tit {
        padding-top:20px;
        font-size:20px;
    }
    .img_scroll {
        position:relative;
        margin-top:170px;
    }
        .img_scroll img {
            position:absolute;
            left:50%; transform:translate(-50%, 0);
            bottom:0;
        }


.wrap_popup {
    position:absolute;
    top:120px; right:70px;
    width:350px; height:450px;
    background:url('/img/popup/popup_1.jpg')no-repeat 50% 50%;
    background-size:cover;
}

    .close_pop {
        position:absolute; z-index:100;
        top:0; right:0;
        right: 12px; top: 12px; width: 32px; height: 32px;
        cursor:pointer;
        transition:transform 300ms;
    }
    .close_pop:hover {
        transform: rotate(180deg);
    }

    .close_pop:before, .close_pop:after {
        content: '';
        position: absolute; 
        left:12px; height: 33px; width: 2px;
        background-color: white;
      }
      .close_pop:before {
        transform: rotate(45deg);
      }
      .close_pop:after {
        transform: rotate(-45deg);
      }
    .pop_txt {
        position:absolute;
        width:100%;
        top:80px;
        text-align:center;
        color:white;
        font-weight:bold;
        font-family:"Noto Sans KR_700";
    }
        .pop_txt h2 {
            line-height:35px;
        }
        .pop_txt p {
            font-size:14px;
            line-height:20px;
        }

.wrap_popup img.popup {
    width:100%;
    height:100%;
}

.color_black {
    color:black;
}

@media only screen and (max-width: 500px) {
    .wrap_main_video {
        min-height:100vh;
    }
    .if_bg {
        display:none;
    }
    .bg_main {
        display:block;
    }
    
    .wrap_iframe {
        display:none;
    }
    .wrap_iframe_mb {
        display:block;
    }
    .wrap_iframe.mb {
        display:block;
        transform:scale(1);
    }

    .bg_main {
        background:url('/img/main/mb/bg_main.jpg')no-repeat 50% 50%;
        background-size:cover;
    }

    .img_scroll {
        position:relative;
        margin-top:150px;
    }
    .img_scroll img {
        display:none;
    }


	.wrap_m_name {
		font-size:10vw;
		/*font-family: 'Nanum Gothic';*/
	}

	.mainPop{
		width: 100%;
		height: auto;
		position: absolute;
		top: 48px;
		left: 0;		
	}

	.mainPop.off{display: none;}

	.mainPop .img{
		position: absolute;
		top: 0;
		left: 0;
		
	/*   margin-left: -240px;*/
		height: auto;
		z-index: 701;
	   text-align: center;
	}


	.mainPop .img img{	
		height: auto;
	}

	.mainPop .img .pClose{
		width: 80px;
		position: absolute;
		top: -1px;
		right: 0;
		z-index: 702;
	}
	.mainPop .img .pClose img{
	   width: 100%;
	   height: auto;
	}



}






/* :::::::::::::::::

    Section - Main Slide

::::::::::::::::: */


    .section_ma_slide h1 {
        padding:70px 0;
        font-size:50px;
        font-family: 'Noto Sans KR', sans-serif;
        text-align:center;
    }

    .wrap_slid_pen {
        position:relative;
        padding:50px 0;
        background-color:#F3F3F3;
    }
        .slide_pen_txt {
            margin-bottom:50px;
            text-align:center;
            font-weight:bold;
        }


    .wrap_nav_pen {
        position:absolute; z-index:100;
        width:100%;
        top:55%; left:0;
    }

        .slide_pen .slide_mg {
            position:relative;
            padding:20px 0;
            margin:0 20px;
            height:750px;
            text-align:center;
            overflow:hidden;
        }
            .slide_mg img {
                max-width:1000px;
            }
            .m_bg_land1 {
                background:url('/img/main/land1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land2 {
                background:url('/img/main/land2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land3 {
                background:url('/img/main/land3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land4 {
                background:url('/img/main/land4.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land5 {
                background:url('/img/main/land5.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land6 {
                background:url('/img/main/land6.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
			.m_bg_land7 {
                background:url('/img/main/land7.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
			.m_bg_land8 {
                background:url('/img/main/land8.jpg')no-repeat 50% 80%;
                background-size:cover;
            }
			.m_bg_land9 {
                background:url('/img/main/land9.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
			.m_bg_land10 {
                background:url('/img/main/land10.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
			.m_bg_land11 {
                background:url('/img/main/land11.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
			.m_bg_land12 {
                background:url('/img/main/land12.jpg')no-repeat 50% 50%;
                background-size:cover;
            }

            .slide_txt {
                position:absolute;
                top:100px; left:0;
                font-size:60px; color:white;
                font-family:"Righteous";
                opacity:0;
                transition:transform 1000ms, opacigty 1500ms;
            }

            .slide_txt_2 {
                position:absolute;
                bottom:200px; left:0;
                font-size:60px; color:white;
                font-family:"Righteous";
                opacity:0;
                transition:transform 1500ms, opacigty 1500ms;
            }

        .slide_mg img {
            width:100%; height:600px;
            margin:0 auto;

        }
            .slide_mg.slick-active img {
                opacity:1;
            }

            .slide_mg.slick-active .slide_txt {
                transform:translate(100px,0);
                opacity:1;
            }
            .slide_mg.slick-active .slide_txt_2 {
                transform:translate(100px,0);
                opacity:1;
            }

		



        @media only screen and (max-width: 500px) {

            .m_bg_land1 {
                background:url('/img/main/mb/land1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land2 {
                background:url('/img/main/mb/land2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land3 {
                background:url('/img/main/mb/land3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land4 {
                background:url('/img/main/mb/land4.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land5 {
                background:url('/img/main/mb/land5.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land6 {
                background:url('/img/main/mb/land6.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
			.m_bg_land7 {
                background:url('/img/main/land7.jpg')no-repeat 50%;
                background-size:cover;
            }
            .m_bg_land8 {
                background:url('/img/main/mb/land8.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
			.m_bg_land9 {
                background:url('/img/main/mb/land9.jpg')no-repeat 50%;
                background-size:cover;
            }
            .m_bg_land10 {
                background:url('/img/main/mb/land10.jpg')no-repeat 50%;
                background-size:cover;
            }
			.m_bg_land11 {
                background:url('/img/main/mb/land11.jpg')no-repeat 50%;
                background-size:cover;
            }
			.m_bg_land12 {
                background:url('/img/main/mb/land12.jpg')no-repeat 50%;
                background-size:cover;
            }
        }



/* :::::::::::::::::

     Section - Main Slide Responsive

::::::::::::::::: */

	 @media screen and (max-width: 1024px) {
	 	.mainPop{
			width:380px;
			left:380px;
		}
		.mainPop2 {
			width:380px;
		}
	 }

    @media only screen and (max-width: 800px) {

        .section_ma_slide h1 {
            padding:50px 0;
            font-size:10vw;
            font-family:"Josefin Sans";
            text-align:center;
        }

        .slide_txt {
            font-size:7vw;
        }

        .slide_txt_2 {
            font-size:7vw;
        }

        .slide_mg.slick-active .slide_txt {
            transform:translate(10%,0);
            opacity:1;
        }
        .slide_mg.slick-active .slide_txt_2 {
            transform:translate(10%,0);
            opacity:1;
        }


    }


    @media only screen and (max-width: 500px) {

        .slide_mg img {
            width:100%; height:450px;
            margin:0 auto;
        }

        .slide_txt {
            font-size:7vw;
        }

        .slide_txt_2 {
            font-size:7vw;
        }

        .slide_mg.slick-active .slide_txt {
            transform:translate(20%,0);
            opacity:1;
        }
        .slide_mg.slick-active .slide_txt_2 {
            transform:translate(20%,0);
            opacity:1;
        }

        .slide_pen .slide_mg {
            height:450px;
        }
        


    }



/* :::::::::::::::::

    Section - Main Room List

::::::::::::::::: */

    .wrap_room_list {
        width:1200px;
        margin:0 auto;
        padding:50px 0;
    }

    .wrap_room {
        margin:10px 0;
    }

    .block_ma_room {
        display:flex;
        justify-content:space-between;
        margin-top:5px;
    }

    .blo_room {
        position:relative;
        display:inline-block;
        width:49.8%; height:350px;
        cursor:pointer;
        transition: 1s;
        overflow:hidden;
    }
        .blo_room img {
            width:100%;
            height:100%; 
        }

        .blo_room::before {
            content:'';
            position:absolute;
            top:0; left:0;
            width:100%; height:100%;
            opacity:0;
            background:rgba(0,0,0,0.5);
            transition: 500ms;
        }

        .blo_room:hover::before {
            opacity:1;
        }

        .blo_room:hover > .ma_room_txt {
            transform:translate(0%, 35%);
            opacity:1;
        }

    .ma_room_txt {
        position:absolute;
        top:0; left:0; 
        width:100%; height:100%;
        transform:translate(0%, 100%);
        text-align:center;
        transition:transform 500ms, opacity 500ms;
        opacity:0;
		margin-top: 20px;
    }
        .ma_room_txt h3 {
            font-size:25px;
            font-weight:bold;
            color:white;
			text-shadow: 1px 1px 1px #000;
        }

    .wrap_ma_btn {
        margin-top:30px;
    }



/* :::::::::::::::::

     Section - Main Slide Responsive

::::::::::::::::: */


@media screen and (max-width: 1200px) {
    .wrap_room_list {
        width:100%;
        padding: 0 10px;
    }

	.mainPop2 {
		position: fixed;
		top: auto;
		left: auto;
		top: initial;
		left: initial;
		top: 0;
	}

	.mainPop2 .img2{
		/*margin-left: -240px;*/
		height: auto;
		z-index: 701;
		top: auto;
		left: auto;
		top: initial;
		left: initial;
		top: 0;
		left: 0;
	   text-align: center;
	}

}


@media only screen and (max-width: 800px) {

	.mainPop2 {
		position: fixed;
/* 		top: auto;
		right: auto; */
		top: initial;
		right: initial;
/*  		top: 0; */
/* 		left: 50%; */

	}

	.mainPop, .mainPop2 {
/* 		position: absolute; */
        width: 100%;
		position: fixed;
	}
	
	.mainPop2 .img2{
		top: auto;
		right: auto;
		top: initial;
		right: initial;
		top: 10%;
		left: 50%;		
		/*margin-left: -240px;*/
		height: auto;
		
	   text-align: center;
	   transform: translateX(-50%);
	}

	.mainPop,
	.mainPop2,
	.mainPop3{
		width:400px;
		left: 50%;
		transform: translateX(-50%);
	}

	.mainPop2 .img2 .pClose2 {
		right: -1px;
	}




	.wrap_room_list {
        width:100%;
        padding: 0 10px;
    }

    .ma_room_txt {
        opacity:1;
        transform:translate(0%, 40%);
    }

}


@media only screen and (max-width: 500px) {
	
/* 	.mainPop2 .img2{
		top: 435px;
		left: 0;
		width: 90%;
		height: auto;
		z-index: 701;
	   text-align: center;
	} */
	.mainPop,
	.mainPop2,
	.mainPop3{
		top: 160px;
		width:90%;
	}
	.mainPop2 .img2 .pClose2 {
		width:80px;
		right: 0px;
	}	
	.mainPop3 .img3 .pClose3 {
		width:80px;
		right: 0px;
	}	
    .block_ma_room {
        flex-direction:column;
    }

   .blo_room {
       width:100%;
       margin:10px 0;
   }


}


@media only screen and (max-width: 480px) {
}




/* :::::::::::::::::

    Main Menu - Mobile

::::::::::::::::: */

    .main .mb_menu_inner li {
        width:100%;
        padding:10px 10px;
        font-size:15px; font-family:"Nanum Gothic";
        color:white !important;
        background-color:#03A9F4;
    }

    .main .mb_menu_inner.font_Poiret li {
        font-family: "Poiret One" !important;
    }


    .logo_mb_menu.main {
        margin-top:20px;
        padding:30px;
        line-height:1.7em !important;
        background-color:#03A9F4;
        text-align:center;
    }

        .logo_mb_menu.main span {
            position:relative;
            text-align:center;
            font-size:25px;
            line-height:15px;
            color:white;;
            font-family: 'Great Vibes', serif !important;
        }
            .logo_mb_menu.main span::before {
                content:'';
                position:absolute;
                width:70%;
                height:1px;
                top:-15px;
                left:10px;
                background-color:white;
            }

            .logo_mb_menu.main span::after {
                content:'';
                position:absolute;
                width:70%;
                height:1px;
                bottom:-10px;
                left:10px;
                background-color:white;
            }












/* :::::::::::::::::

    Button Style 

::::::::::::::::: */

        .btn_view {
            padding: 7px 10px;
            color:white;
            border:1px solid white;
			text-shadow: 1px 1px 1px #000;
        }
            .btn_view:hover {
                font-weight:bold;
            }

        .btn_ma_reser {
            padding: 7px 25px;
            background-color:white;
        }  
            .btn_ma_reser:hover {
                font-weight:bold;
            }







/* :::::::::::::::::

    Icons - Arrow. 

::::::::::::::::: */

.arrows {
    width: 48px;
    height: 48px;
    border-color: white;
    position: absolute;
    top: 50%;
    margin-top: -31px;
  }
  
  .prev {
    border-bottom: 6px solid;
    border-left: 6px solid;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    left: 20px;
    cursor:pointer;
  }
  
  .next {
    border-bottom: 6px solid;
    border-left: 6px solid;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
    right: 20px;
    cursor:pointer;
  }


  @media only screen and (max-width: 500px) {

        .arrows {
            width:38px;
            height:38px;
        }

  }