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




body {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', Roboto, 'Noto Sans KR', 'Segoe UI', 'Malgun Gothic', sans-serif;
}

/* === 
    :::::::: Common :::::::
=== */
.height_full {height:100%;}

.font_EB {
}
.color_white {
    color:white;
}

/* === 
    :::::::: Display None :::::::
=== */


#full_main_mb {
    margin-top:60px;
    display:none;
}

#section0, #section5 {
    display:none;
}


/* === 
    :::::::: Loading :::::::
=== */

.loading_pg {
    position:fixed; z-index:300;
    top:0; left:0;
    width:100vw; height:100vh;
    background-image: linear-gradient(-90deg, #ffecd2 , #fcb69f);
    transition: opacity 1000ms, visibility 500ms linear 1500ms;
    opacity:1;
}
.loading_pg.off {
    opacity:0; visibility:hidden;
}
.load_txt {
    display:flex; flex-direction:column;
    justify-content:center; align-items:center;
    width:500px; height:100%;
    margin:-100px auto; text-align:center;
    color:white;
    transition: transform 1000ms
}
    .loding_tit {
        position:relative; 
        font-size:50px;
        font-family: 'Playfair Display', serif;
        text-transform:uppercase;
    }
    .loding_tit::before {
        content:'';
        position:absolute;
        top:-20px; left:-20px;
        width:120%;
        height:1px;
        background:white;
    }
    .loding_tit::after {
        content:'';
        position:absolute;
        bottom:-15px; left:-20px;
        width:120%;
        height:1px;
        background:white;
    }

    .loading_pg.off .load_txt {
        transform:scale(0.7);
    }

    .load_txt h3 {
        margin:50px 0;
		font-weight: 500;
    }
.wrap_scroll.loading {
    position:relative;
}

.wrap_loader {
    height:10px;
}

.loader,
.loader:before,
.loader:after {
    background: #ffffff;
    -webkit-animation: load1 1.1s infinite ease-in-out;
    animation: load1 1.1s infinite ease-in-out;
    width: 0.5em;
    height: 3em;
}
.loader {
    color: #ffffff;
    text-indent: -9999em;
    margin: 10px auto;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loader:before,
.loader:after {
    position: absolute;
    top: 0;
    content: '';
}
.loader:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loader:after {
    left: 1.5em;
}
@-webkit-keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 3.5em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 4em;
    }
}
@keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 3.5em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 4em;
    }
}


    
.load_txt span {
    font-size:25px;
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}

.load_txt span:nth-child(2) {
    animation-delay: .2s;
}

.load_txt span:nth-child(3) {
    animation-delay: .4s;
}


@keyframes blink {
    0% {
    opacity: .2;
    }
    20% {
    opacity: 1;
    }
    100% {
    opacity: .2;
    }
}


@media only screen and (max-width:450px){
    .load_txt {
       width:100%;
    }
}

        .pop{
            width: 25%;
            height: auto;
            position:fixed;
            top: 20%;
			left: 50%;
			transform: translateX(-50%);
			z-index: 98;
        }
		/* 팝업이 3개 위치*/
		.pop1{
            left: 20%;
        }
		/* 팝업이 2개 위치 */
		/* .pop1{
            left: 35%;
        } */

		.pop2{
            left: 50%;
        }
		/* 팝업 2개 위치 */
		/*  .pop4{
			left: 35%;
		} 
		.pop5{
			left: 65%;
		}
		*/
		
		/* 팝업 3개 위치 */
		 .pop4{
			left: 50%;
		}

		.pop5{
			left: 80%;
		}
		

        .pop .cont{
            width: 100%;
        }
        
        .pop .cont img{
            width: 100%;
        }
		
		.pop3{
			width: 70%;
			top: 50%;
			transform: translate(-50%,-50%);
			z-index: 99;
		}
		.pop .cont iframe{
			width: 100%;
			height: 760px;
		}
        
        .close{
            width: 100%;
            height: 30px;
            background: #fff;
            position: absolute;
            bottom: -20px;
            background: #333;
            z-index: 99;
        }
        
        .close label{
            color: #fff;
            font-size: 13px;
            line-height: 30px;
            padding-left: 2%;
        }
        
        .close input{
            margin-left: 2%;
            cursor: pointer;
        }
        .close .close_btn{
            cursor: pointer;
            float: right;
            font-size: 15px;
            line-height: 30px;
            padding-right: 2%;
            color: #fff;
        }



		/* @media */
		@media screen and (max-width: 1100px){
			
			.pop1,
			.pop2,
			.pop3,
			.pop4,
			.pop5{
				width: 80%;
				left: 50%;
			}
			.pop .cont iframe {
			width: 100%;
			height: 550px;
			}
		}
		@media screen and (max-width: 900px){
			.pop{
				top: 50%;
				transform: translate(-50%,-50%);
			}

			.pop1,
			.pop2,
			.pop3,
			.pop4,
			.pop5{
				width: 90%;
			}

			.pop .cont iframe{
				height: 450px;
			}
		}
		@media all and (max-width:640px){
			.pop1,
			.pop2,
			.pop3,
			.pop4,
			.pop5{
				width: 95%;
			}

			.pop .cont iframe{
				height: 250px;
			}


		}

/* === 
    :::::::: 1st Mobile :::::::
=== */

    .wrap_scroll {
        position:absolute;
        bottom:20px;
        width:100%;
        margin:0 auto;
        text-align:center;
        z-index:10;
    }
    img.scroll_img {
        width:50px;
        animation: scroll_img 0.8s linear infinite alternate;
    }
    @keyframes scroll_img {
        0% { padding-bottom: 0px; }
        100%{ padding-bottom: 10px; }
    }
    .scroll_txt {
        margin-top:5px;
        font-size:14px; line-height:17px;
        color:white;
    }

    /* Iframe */
        .wrap_iframe_pc {
            position:relative;
            width:100%;
			/* height:100%; */ 
			height: 100vh;
            overflow:hidden;
        }
        .wrap_iframe_mb {
            width:100%;
            /* height:200px; */
			padding-bottom: 55%;
			height: auto;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 40px;

			position: relative;
        }
		
		@media screen and (max-width: 500px){
			 .wrap_iframe_mb {
				padding-bottom:235px;
			}
		}
		
		 .wrap_iframe_mb video{
			width: 100%;

			position: absolute;
			top: 50%; left: 50%;
			transform: translate(-50%,-50%);
		 }
		

        .wrap_iframe_mb iframe {
            width: 90%;
        }
            .wrap_iframe_mb.mb_vimeo {
                width:100vw;
                height:200px;
            }
    
        .wrap_iframe_pc iframe {
            width:100%;
            height:100%;
            transform:scale(1.4);
        }
        .iframe_vimeo iframe {
            width:100vw;
            height:100vh;
            transform:scale(1.3);
        }
        .if_bg {
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0);
            position: absolute;
            top: 0;
            left: 0;
            z-index: 100;
        }

     /* Watch full Video Arrow. */
        .img_view { 
            position: absolute;
            right: 50%;
            top: 40%;
            z-index: 100;
            transform: translate(50%, 0);
            width: 1200px;
            text-align: center;
        }
        .img_view > a {
            color: #fff;
            font-size: 43px;
            font-weight: 300;
            line-height: 1.3;
            font-family: 'Playfair Display','notokr-medium';
        }
        .wrap_m_arrow {
            position:absolute; 
            height:100px;
            right:10px;
            top:40%;
            z-index:100;
        }
        .wrap_m_arrow img {width:100%;}
        a.button {
            position: relative;
            display: inline-block;
            width: 25.6em;
            height: 6.3em;
            overflow: hidden;
            vertical-align: middle;
            text-align: left; 
            text-decoration: none;
            line-height: 3em;
            font-size: 12px; 
            color: #fff;
            cursor: pointer;
            transform: translateZ(0);
            transition: transform 0.5s;
        }

        a.button svg {
            z-index: 1;
            position: absolute;
            top: 0;
            left: 0;
        }

        a.button svg g line,
        a.button svg g polyline,
        a.button svg g circle {
            fill: none;
            stroke: #fff;
        }

        a.button svg g line,
        a.button svg g polyline {
            stroke-miterlimit: 10;
        }

        a.button svg g circle {
            display: block;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 0.096em;
            stroke-dasharray: 200;
            stroke-dashoffset: 0;
            transition: stroke-dashoffset ease-out 0.5s;
        }

        a.button span {
            z-index: 2;
            position: relative;
            display: inline-block;
            text-transform: uppercase;
            font-family: 'Acme', serif;
            font-size: 1.5em;
        }

        a.button:hover {
            transform: translateZ(0) translateX(0.5em);
        }

        a.button:hover svg g circle {
            stroke-dashoffset: 200;
        }


/* === 
    :::::::: 1st Section Responsive :::::::
=== */
        @media only screen and (max-width:450px){
            #main_player {
                transform:scale(1);
            }
        }

        @media only screen and (max-width:750px){
            #main_player {
                transform:scale(1);
            }
        }

        @media only screen and (max-width:950px){
            .wrap_m_arrow {display:none;}
        }


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

             .iframe_pc iframe {
                margin-left:-15vw;
                width:130vw;
                height:100vh;
            }

        }
        



/* === 
    :::::::: 2nd Section :::::::
=== */

    /* 2nd Section 이미지 세팅 */
    .slide_main,
	.slide_main02{
        width:100%; 
        height:100%; 
    }
    .slide_m {
        width:100%; 
        height:100%;
        background-size:cover;
    }
    .slide_m1 {
        background:url('/img/main/slide_ma0.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .slide_m2 {
        background:url('/img/main/slide_ma1.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .slide_m3 {
        background:url('/img/main/slide_ma2.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .slide_m4 {
        background:url('/img/main/slide_ma3.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .slide_m5 {
        background:url('/img/main/slide_ma4.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .slide_m6 {
        background:url('/img/main/slide_ma5.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m7 {
        background:url('/img/main/slide_ma6.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m8 {
        background:url('/img/main/slide_ma7.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m9 {
        background:url('/img/main/slide_ma8.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m10 {
        background:url('/img/main/slide_ma9.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m11 {
        background:url('/img/main/slide_ma10.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }


	 .slide_m12 {
        background:url('/img/main/slide_ma11.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .slide_m13 {
        background:url('/img/main/slide_ma12.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m14 {
        background:url('/img/main/slide_ma13.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m15 {
        background:url('/img/main/slide_ma14.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m16 {
        background:url('/img/main/slide_ma15.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m17 {
        background:url('/img/main/slide_ma16.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m18 {
        background:url('/img/main/slide_ma17.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m19 {
        background:url('/img/main/slide_ma18.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m20 {
        background:url('/img/main/slide_ma19.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m21 {
        background:url('/img/main/slide_ma20.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m22 {
        background:url('/img/main/slide_ma21.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m23 {
        background:url('/img/main/slide_ma22.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m24 {
        background:url('/img/main/slide_ma23.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m25 {
        background:url('/img/main/slide_ma24.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m26 {
        background:url('/img/main/slide_ma25.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
	.slide_m27 {
        background:url('/img/main/slide_ma26.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }



    /* === 2nd Section Slide === */
    .slide_main .slick-list,
	.slide_main02 .slick-list{
        height:100% !important;
    }
    .slide_main .slick-track,
	.slide_main02 .slick-track{
        width:100%;
        height:100%;
    }

    .slide_main .slick-dots,
	.slide_main02 .slick-dots{
        position:absolute; 
        right:50px; bottom:50px; 
        z-index:100;
    }

    .slide_main .slick-dots li,
	.slide_main02 .slick-dots li{
        display:inline-block;
        margin-left:25px;
        color:white;
    }

    .slide_main .slick-dots button,
	.slide_main02 .slick-dots button{
        position:absolute;
        display: block;
        width: 13px;
        height: 13px;
        padding: 0;
        border: 1px solid #fff;
        border-radius: 100%;
        background-color: none;
        text-indent: -9999px;
        z-index:999;
        transition:width 200ms, height 200ms;
        cursor:pointer;
    }

    .slide_main .slick-dots li.slick-active button,
	.slide_main02 .slick-dots li.slick-active button{
        background-color:#fff ;
        opacity: 0.8;
    }

.txt_smaller {
    font-family: 'Playfair Display','notokr-medium' !important;
}
/* === 
    :::::::: 2nd Mobile :::::::
=== */

        .mb_wrap_intro {display:none;}


/* === 
    :::::::: 2nd Section Responsive :::::::
=== */

        @media only screen and (max-width:800px){
            .mb_wrap_intro {
                display:block;
                height:100%;
            }
                .mb_intro_head {
                    height:45%;
                    padding:0px 0 10px 0;
                    text-align:center; text-transform: uppercase;
                }
                    .mb_intro_txt1 {font-size:11px; line-height:15px;}
                    .mb_intro_txt2 {
                        padding:0;
                        letter-spacing:3px;
                        font-size:25px; font-family: 'Playfair Display','notokr-medium';
                    }
                    p.mb_intro_txt3 {
                        margin:5px 0 15px 0;
                        word-spacing:3px;
                        letter-spacing:6px;
                        font-size:11px; font-family: 'Playfair Display','notokr-medium';
                    }
                    h4.mb_intro_txt4 {
                        font-size:10px;
                    }

            .wrap_mb_intro_img1 {
                width:100%; height:300px; 
                margin-top:30px;
            }
            .wrap_mb_intro_img2, .wrap_mb_intro_img4, .wrap_mb_intro_img5, .wrap_mb_intro_img6, .wrap_mb_intro_img4, .wrap_mb_intro_img7, .wrap_mb_intro_img8, .wrap_mb_intro_img9, .wrap_mb_intro_img10, .wrap_mb_intro_img11{
                width:100%; height:300px; 
                margin-top:10px;
            }
            .wrap_mb_intro_img3 {
                width:100%; height:500px; 
                margin-top:40px;
            }
    

            .mb_intro {
                width:100%; 
                height:100%;
            }
            .mb_intro.intro_img1 {
                background:url('/img/mb/mb_intro_img1.jpg')no-repeat 50% 50%; 
                background-size:cover;
            }
            .mb_intro.intro_img2 {
                /* background:url('/img/mb/mb_intro_img2.jpg')no-repeat 50% 50%;  */
				/* background: url(/img/room/room1/0.jpg) no-repeat 65% 50%; */
				/* background:url('/img/about/mb/m_bg_intro1.jpg')no-repeat 50% 100%; */ 
				background: url(/img/main/mb/main01.jpg) no-repeat;
                background-size:cover;
            }
            .mb_intro.intro_img3 {
                background:url('/img/about/bg_intro8.jpg')no-repeat 50% 50%; 
                background-size:cover;
            }
			.mb_intro.intro_img4 {
                background:url('/img/main/mb/main02.jpg')no-repeat 50% 50%; 
                background-size:cover;
            }

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

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

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

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

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

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

			.mb_intro.intro_img11 {
                background:url('/img/main/mb/main09.jpg')no-repeat 50% 50%; 
                background-size:cover;
            }
   
            .mb_wrap_bottom {
                position:relative;
                padding:35px 0 35px 0;
                font-weight:bold; text-align:center;
                background-color:white;
            }
            .mb_wrap_bottom::before {
                content:'';
                position:absolute;
                top:0; left:0;
                width:100%; height:100%;
                background:url('/img/mb/mb_intro_img3.jpg')no-repeat 50% 50%; 
                background-size:cover;
                opacity:0.1;
            }

            .mb_wrap_bottom h2 {
                font-family: 'Playfair Display','notokr-medium';
            }
            .mb_wrap_bottom p {
                font-size:11px;
                line-height:17px;
                font-weight: 500;
                color: #444;
            }
            .mb_desc_en {
                font-size:12px;
                font-family: 'Playfair Display','notokr-medium';
            }


        }


/* === 
    :::::::: 3rd Section :::::::
=== */

#section2 {background-color:black !important;}

.wrap_facil {
    position:relative;
    display:flex; 
    width:100%; height:100%; 
    color:white; font-size:20px;
}
    .wrap_facil .slick-dots {
        display:none !important;
    }
    .block_facil {
        display:flex; justify-content:center; align-items:center;
        position:relative; z-index:1;
        width:33.3%; height:100vh; 
        transition:width 300ms, height 300ms;
    }
    .block_facil:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: .7;
        transition:background 500ms, opacity 500ms;
    }
    .block_facil:hover {width:36%;}
    .block_facil:hover:before {opacity:1;}


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

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

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

    .block_facil.slick-slide {
        display:flex;
    }

    .facil_txt {
        text-transform:uppercase; text-align:center;
    }
        .v_bar {
            margin:0 auto; 
            width:2px; height:40px; 
            background:white;
        }
        .facil_intro {
            margin:15px 0; 
            font-family:"Acme";
            color:white;
        }
            .facil_txt_hover {overflow:hidden; height:35px;}
                .facil_txt_hover h2 {
                    font-weight:normal;
                    letter-spacing:2px;
                    transition:transform 400ms;
					 font-family:  'Playfair Display', serif;
                }
                h2.facil_txt_hid {transform: translate(0,30px); text-shadow: 1px 3px 4px rgba(0, 0, 0, 0.4);}
                    span.pre_arrow {font-weight:bold; font-family:sans-serif;}
            .facil_intro p {font-size:15px; letter-spacing:2px;}
            .block_facil:hover h2 {transform: translate(0,-35px);}

   

     
/* === 
    :::::::: 3rd Section Responsive :::::::
=== */

        @media only screen and (max-width:800px){
            
            #full_main_mb {
                display:block;
            }

            #full_main{
                display:none;
            }
            
            .main_mb_hide {
                display:none;
            }

            .mb_facil {
                display:flex;
                position:relative;
                width:100%; height:200px;
                margin-top: 0;
                margin-top: 40px;
            }
            /* .mb_facil::before {
                content:'';
                position:absolute; z-index:-1;
                top:0; left:0; 
                width:100%; height:100%;
                background:url('/img/mb/mb_intro_img4.jpg')no-repeat 50% 50%;
                background-size:cover;
                opacity:0.1;

            } */
                .mb_facil_img {
                    width:90%; height:100%;
                }
                    .mb_facil1 {
                        background:url('/img/main/slide_ma6.jpg')no-repeat 50% 50%;
                        background-size:cover;

                    }
                    .mb_facil2 {
                        background:url('/img/room/room1/0.jpg')no-repeat 50% 50%;
                        background-size:cover;
                    }
                
                .mb_facil.second {
                    margin-top:30px;
                    display: flex;
                    justify-content: flex-end;
                }
                .mb_facil.second h5 {
                    text-align:right;
                }

                .mb_facil_txt {
                    width:37%; 
                    height: 44%;
					/* width:50%; 
                    height: 54%; */
                    padding: 20px 20px;
                    background-color: rgba(0, 0, 0, 1);
                    color: #fff;
                    position: absolute;
                    top: 50%;
                    right: 0;
                    transform: translate(0px, -50%);
                    box-sizing: border-box;

                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                }
                .mb_facil.second .mb_facil_txt {
                    padding: 20px 20px;
                    text-align:right;
                    left: 0;
                }

                .mb_facil_txt h5 {
                    font-size:10px;
                    line-height:15px;
                    font-family: 'Playfair Display','notokr-medium';
                }
                .mb_facil_name {
                    margin:5px 0 5px 0;
                    width:100%;
                    font-size:19px; color:white;
                    text-transform:uppercase;
                    font-weight: 500;

                }
                .mb_facil_txt p {
                    font-size: 7px;
                    font-weight: 300;
                    line-height: 14px;
                    word-break: keep-all;

                    display: none;
                }

            .mb_facil_2 {
                position:relative;
                width:100%; height:400px;
                background:url('/img/mb/mb_facil_2.jpg')no-repeat 50% 50%; 
                background-size:cover;
            }
            .mb_facil_3 {
                position:relative;
                width:100%; height:300px;
                background:url('/img/mb/mb_facil_3.jpg')no-repeat 50% 50%; 
                background-size:cover;
            }

            #full_main_mb {
                display:block !important; overflow:scroll !important; margin-top: 0 !important;
            }


        }

        @media only screen and (max-width:750px){
            .tb_hide {display:none;}
            .wrap_facil {
                flex-direction:column;
            }
            .block_facil {
                width:100%;
                height:33.3%;
            }
            .block_facil:hover {width:100%; height:36%;}

        }



/* === 
    :::::::: Responsive Common :::::::
=== */


    @media only screen and (max-width:450px){
        .mb_hide {display:none;}
    }


    @media only screen and (max-width:750px){
        .tb_hide {display:none;}
    }




/* ======
    ::::::: Mobile Main Extra :::::::
======== */

.model_info {
    position:absolute;
    top:15px; right:20px;
    font-size:15px;
    font-weight:bold;
    color:white;
}

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


.wrap_m_name {
    position:absolute;
    bottom:250px; left:0;
    padding:0 5px;
    width:100%;
    color:white;
    letter-spacing:2px;
    font-size:55px; font-weight:bold;
    text-align:center;
    font-family:'Playfair Display','notokr-medium';
}

.wrap_m_name div{
    font-family: 'Playfair Display','notokr-medium';
}

    .wrap_m_name .m_sub_tit {
        padding-top:20px;
        font-size:0.35em;
        font-family: 'Playfair Display','notokr-medium';
    }


@media only screen and (max-width:800px){
    .bg_main {display:block; height:75vw;}

    .wrap_m_name {
        /* top:80%; */
	   top: 35%;
	   bottom:auto;
        transform:translate(0, -50%);
        /* text-align: right; */
    }


    .wrap_iframe_mb.mb_vimeo {
        margin:30px 0;
        height:50vw;
    }

}


@media only screen and (max-width:500px){
    .bg_main { height:100vh; }
}