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

    Default Setting

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

html, body {
    width:100%;
}

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

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

@font-face {
    font-family: 'Y_Spotlight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/Y_Spotlight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


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

   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

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


/* ::::::::::::::::: Main pop::::::::::::::::: */

.mainPopup .img {
	position: absolute;
	top: 0%;
	left: 0%;
	/*ransform: translate(-50%, -50%);*/
	width: 400px;
	height:420px;
	background:#fff;
}
.mainPopup .img img{
	width:100%;
	height: 100%;
    object-fit: cover;
}

.mainPopup .img .pClose {
	width: 100px;
	position: absolute;
	top: -1px;
	right: 14px;
	margin-right: -15px;
	z-index: 702;
}

@media only screen and (max-width: 800px){
	.mainPopup .img {
		top: 220px;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 320px;
		height:340px;
	}
}




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

.logo {
    position:absolute; z-index:100;
    top:50px; left:50px;
    font-size:18px;
    color:white;
    font-family: 'Great Vibes', serif !important;
}
/*
.logo::before {
    content:'';
    position:absolute;
    width:80%;
    height:1px;
    top:-15px;
    left:10%;
    background-color:white;
}

.logo::after {
    content:'';
    position:absolute;
    width:80%;
    height:1px;
    bottom:-10px;
    left:10%;
    background-color:white;
}*/

.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:65px; font-weight:bold;
    text-align:center;
	font-family: 'Y_Spotlight';
}

.main_banner_text {
	text-shadow: 0 0 15px #888;
}


	.main_banner_br { display: none; }

    .wrap_m_name .m_sub_tit {
        padding-top:20px;
        font-size:20px;
		text-shadow: 0 0 15px #888;
    }
    .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: 800px) {
    /* .wrap_main_video {
        min-height:100vh;
    } */
    .wrap_main_video{height: 420px}
    .if_bg {
        display:none;
    }
    .bg_main {
        display:block;
    }

    .wrap_iframe {
        display:none;
    }
    .wrap_iframe_mb {
        display:none;
        margin-top:30px;
    }
    .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;
    }



}


@media screen and (max-width: 700px) {
	.main_banner_br {
		display: block;
	}

	.main_banner_text {
		font-size: 40px;
	}
}



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

    .wrap_iframe_mb {
        margin-top:0px;
    }

	.wrap_m_name .m_sub_tit {
		font-size: 14px;
	}

}



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

    Section - Main Slide

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


    .section_ma_slide h1 {
        padding:70px 0;
        font-size:50px;
        font-family:"Josefin Sans";
        text-align:center;
		font-family: 'InkLipquid';
		font-weight: normal;
    }

    .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/01.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land2 {
                background:url('/img/main/02.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land3 {
                background:url('/img/main/03.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land4 {
                background:url('/img/main/04.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land5 {
                background:url('/img/main/06.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land6 {
                background:url('/img/main/07.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land7 {
                background:url('/img/main/08.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land8 {
                background:url('/img/main/09.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land9 {
                background:url('/img/main/010.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land10 {
                background:url('/img/main/012.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .m_bg_land11 {
                background:url('/img/main/013.jpg')no-repeat 50% 50%;
                background-size:cover;
            }



            /* .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% 50%;
                background-size:cover;
            }
			.m_bg_land9 {
                background:url('/img/main/land9_2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
			.m_bg_land9_2 {
                background:url('/img/main/land9_3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
			.m_bg_land9_3 {
                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;
            }

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

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

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

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

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

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

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

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

			.m_bg_land21 {
                background:url('/img/main/land21.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 10% 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/mb/land7.jpg')no-repeat 50% 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% 50%;
                background-size:cover;
            }
			.m_bg_land10 {
                background:url('/img/main/mb/land10.jpg')no-repeat 50% 50%;
                background-size:cover;
            }

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

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

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

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

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

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

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

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

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

        }



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

     Section - Main Slide Responsive

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

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

        .section_ma_slide h1 {
            padding:50px 0;
            font-size:36px;
            font-family: 'InkLipquid';
            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:220px;
        }
        .wrap_nav_pen{top:67%;}


    }



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

    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%, 40%);
            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;
    }
        .ma_room_txt h3 {
            font-size:25px;
            font-weight:bold;
            color:white;
        }

    .wrap_ma_btn {
        margin-top:30px;
    }

	.main_last_sec_icon {
		display: table;
		height: 350px;
		width: 49.8%;
	}

	.main_last_sec_icon_inside {
		display:table-cell;
		vertical-align: middle;
		text-align: center;
		font-size: 45px;
	}

	.logo_heart {
		color: #fd3954;
	}



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

     Section - Main Slide Responsive

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


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

}


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

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

	.ma_room_txt h3 {
		text-shadow: 2px 1px 3px #333;
	}

}


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


    .block_ma_room {
        flex-direction:column;
		margin-top: 0;
    }

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

   .main_last_sec_icon {
		width: 100%;
		height: auto;
		margin-top: 50px;
	}
}




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

    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;
        }
            .btn_view:hover {
                font-weight:bold;
            }

        .btn_ma_reser {
            padding: 8px 25px;
            background-color:white;
			font-family: 'Y_Spotlight';
			font-weight:bold;
        }
            .btn_ma_reser:hover {
                color: #00a98f;
            }


		@media screen and (max-width: 800px) {
			.btn_view {
				padding: 7px 10px;
				color:white;
				border:1px solid #000;
				background: #000;
			}
		}







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

    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;
        }

  }