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

    Default Setting

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

html, body {
    width:100%;
}

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

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



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

   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: 'Noto Serif KR', serif;
}
.logo::before {
    content:'';
    position:absolute;
    width:80%;
    height:1px;
    top:-10px;
    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:50px; font-weight:bold;
    text-align:center;
    font-family: 'Noto Sans', sans-serif;
	font-weight:bold;
}
@media only screen and (max-width: 500px){
	.wrap_m_name {
		font-size: 15vw;
	}
}
@media only screen and (max-width: 800px){
	.wrap_m_name {
		font-size: 10vw;
	}
}
    .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: 800px) {
    .wrap_main_video {
        min-height:100vh;
    }
    .if_bg {
        display:none;
    }
    .bg_main {
        display:block;
    }
    
    .wrap_iframe {
        display:none;
    }
    .wrap_iframe_mb {
        display:block;
        margin-top:30px;
    }
    .wrap_iframe.mb {
        display:block;
        transform:scale(1);
    }

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

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

}


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

    .wrap_iframe_mb {
        margin-top:0px;
    }

}



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

    Section - Main Slide

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

	.section_ma_slide .main_intro {
		padding:70px 50px 70px;
		text-align:center;
		background:url('/img/main/main1.jpg')no-repeat 50% 50%;
		background-attachment:fixed;
		background-size:cover;

	}

    .section_ma_slide .main_intro h1 {
        padding:0 0 30px;
        font-size:50px;
        text-align:center;
    }

    .section_ma_slide .main_intro h3::after {
        content:'';
		position:absolute;
		width:40px;
		height:2px;
		top:5px;
		left:50%;
		background-color:#5b4624;
		margin-left:-20px;
    }

	.section_ma_slide .main_intro h1 > img {
		height:85px;
	}
    .section_ma_slide .main_intro h3 {
        padding:40px 0;
        font-size:20px;
        text-align:center;
		color:#4f8900;
		position:relative;
    }

	.section_ma_slide .main_intro h3 .dis_none{
		display:none;
	}

    .section_ma_slide .main_intro span {
        line-height:1.5em;
        text-align:center;
		display:block;
		padding-bottom:20px;
		margin:0 25%;
		font-size:14px;
    }
    .section_ma_slide .main_intro h4 {
		padding-top:10px;
		font-size:17px;
		margin:0 25%;
		line-height:1.5em;
	}

	.main_intro.mb_b{
		display:none;
	}

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

            .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: 1386px) {
			.section_ma_slide .main_intro h4 br.dis_none{
				display:none;
			}
		}

		@media only screen and (max-width: 800px) {
			section.wrap_room_list {
				margin:70px 0;
			}
			.section_ma_slide .main_intro h1 {
				font-size:40px;
				text-align: center;
			}			
			.section_ma_slide .main_intro {
				display:none;
			}
			.section_ma_slide .main_intro.mb_b {
				display:block;
			}
			.section_ma_slide .main_intro span {
				padding-bottom: 20px;
				margin: 0 auto;
			}
			.section_ma_slide .main_intro h4 {
				margin: 0 auto;
			}

		}

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

        }



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

     Section - Main Slide Responsive

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

    @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_ma_slide .main_intro h3{
			font-size:1.2em;
		}

		.section_ma_slide .main_intro h3 .dis_none{
			display:block;
		}

    }



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

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



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

     Section - Main Slide Responsive

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


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

}


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

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

}


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


    .block_ma_room {
        flex-direction:column;
    }

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


}




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

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

  }