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

.font_EB {
    font-family:"Noto Sans KR";
}
.color_white {
    color:white;
}



/* === 
    :::::::: 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-family: 'Noto Sans KR', sans-serif;
		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%;
    }
}




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

    .wrap_scroll {
        position:absolute;
        bottom:20px;
        width:100%;
        margin:0 auto;
        text-align:center;
        z-index:10;
    }
    .scroll_motion {
        animation: scroll_motion 1.5s linear infinite;
        transform:translateY(-2px);
        display:inline-block;
    }
    @keyframes scroll_motion {
        0% {transform:translateY(-2px);}
        50%{transform:translateY(-8px);}
        100%{transform:translateY(-2px);}
    }
    .scroll_txt {
        margin-top:5px;
        font-size:14px; line-height:17px;
        color:white;
        font-weight:300;
        font-size:12px;
        font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    }

    /* Iframe */
        /*.wrap_iframe_pc {
            position:relative;
            width:100%; height:100%; 
            overflow:hidden;
        }
        .wrap_iframe_mb {
            width:100%;
            height:300px;
        }
            .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;
        }*/

/*@media only screen and (max-width: 768px) {
    .if_bg {
            background-image: url(../img/m_room01.jpg);
            background-size: cover;
        }
    body .instagram h5{margin: 120px auto 10px;}
}*/

     /* Watch full Video Arrow. */
        .img_view { 
            text-align:center;
            position:absolute;   
            left:50%; top:50%;
            transform:translate(-50%, -50%);
            z-index:100;
            color:#fff;
			width: 90%;
        }
        .img_view p{font-size:15px;  margin-bottom: 25px; font-weight:500;}
        .img_view h2{font-size:4.25rem;  font-weight:700; margin-bottom:70px;} 

        .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 {
        width:100%; 
        height:100%; 
    }
    .slide_m {
        width:100%; 
        height:100%;
        background-size:cover;
    }
    .slide_m1 {
        background:url('/img/main/slide_ma1.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .slide_m2 {
        background:url('/img/main/slide_ma2.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .slide_m3 {
        background:url('/img/main/slide_ma0.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;
    }


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

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

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

    .slide_main .slick-dots button {
        position:absolute;
        display: block;
        width: 10px;
        height: 10px;
        padding: 0;
        border: 2px 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 {
        background-color:#fff ;
    }


/* === 
    :::::::: 2nd Mobile :::::::
=== */

        .mb_wrap_intro {display:none;}


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

        .bg_bk{background-color:#e0e0e0;}

        @media only screen and (max-width:800px){
            /*.slide_main{height:350px; margin-top:200px;}*/
			
			#section1 .slide_main{
				height:100% !important;
				margin-top:0 !important;
			  }
			  #section1 .slide_main .slick-list,
			  #section1 .slide_main .slick-track,
			  #section1 .slide_main .slide_m{
				height:100% !important;
			  }


            
            
            .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;
                        font-size:25px; font-family: 'Abril Fatface', cursive;
                    }
                    p.mb_intro_txt3 {
                        margin:5px 0 15px 0;
                        word-spacing:3px;
                        font-size:11px; font-family: 'EB Garamond', cursive;
                    }
                    h4.mb_intro_txt4 {
                        font-size:10px;
                    }

            .wrap_mb_intro_img1 {
                width:100%; height:300px; 
                margin-top:30px;
            }
            .wrap_mb_intro_img2 {
                width:100%; height:500px; 
                margin-top:10px;
            }
            .wrap_mb_intro_img3 {
                width:100%; height:500px; 
                margin-top:10px;
            }
    

            .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-size:cover;
            }
            .mb_intro.intro_img3 {
                background:url('/img/mb/mb_intro_img3.jpg')no-repeat 10% 50%; 
                background-size:cover;
            }
   
            .mb_wrap_bottom {
                position:relative;
                padding:30px 0 50px 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: 'Great Vibes', cursive;
            }
            .mb_wrap_bottom p {
                font-size:11px;
                line-height:17px;
            }
            .mb_desc_en {
                font-size:12px;
                font-family: 'Great Vibes', cursive;
            }


        }


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

/*#section2 {background-color:#e0e0e0 !important;}*/

.wrap_facil {
    position:relative;
    display:flex; 
    width:100%; height:100%; 
    color:white; font-size:24px;
}
    .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: 1;
        transition:background 500ms, opacity 500ms;
    }
    .block_facil:hover {width:36%;}
    .block_facil:hover:before {opacity:.7;}


    .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; /*text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.7)*/;
    }
        .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;
                    transition:transform 400ms;
				    /*font-family: 'NIXGONL-Vb', serif;*/
                }
                h2.facil_txt_hid {transform: translate(0,30px); /*text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.7);*/}
                    span.pre_arrow {font-weight:bold; /*font-family:sans-serif;*/}
            .facil_intro p {font-size:12px;}
            .block_facil:hover h2 {transform: translate(0,-46px);}

    .facil_btn{display:inline-block; width:190px; background-color:#fff; margin-top:24px;}
    .facil_btn_txt{color:#000; line-height:22px; font-size:14px;}

    @media only screen and (max-width: 768px) {
        .block_facil {
            position:absolute;
            width:100%; height:33.333%; 
        }
        .bg_facil_1 { top:0; }
		  .bg_facil_2 { top:33.333%; }
		  .bg_facil_3 { top:66.666%; }
        
        .block_facil:hover {width:106%;}
        
        .facil_intro p{font-size:11px;}
        .facil_txt_hover h2{font-size:24px;}
        
        .block_facil:hover h2 {transform: translate(0,-26px);}
    } 


     
/* === 
    :::::::: 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;
            }
            .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:55%; height:100%;
                }
                    .mb_facil1 {
                        background:url('/img/mb/mb_facil_1.jpg')no-repeat 50% 50%;
                        background-size:cover;
                    }
                    .mb_facil2 {
                        background:url('/img/mb/mb_facil_2.jpg')no-repeat 50% 50%;
                        background-size:cover;
                    }
                
                .mb_facil.second {
                    margin-top:10px;
                }
                .mb_facil.second h5 {
                    text-align:right;
                }

                .mb_facil_txt {
                    width:45%; height:100%;
                    padding: 20px 0 20px 10px;
                }
                .mb_facil.second .mb_facil_txt {
                    padding: 20px 10px 20px 0px;
                    text-align:right;
                }

                .mb_facil_txt h5 {
                    font-size:10px;
                    line-height:15px;
                    font-family: 'Great Vibes', cursive;
                }
                .mb_facil_name {
                    margin:5px 0 15px 0;
                    padding:10px;
                    width:100%;
                    font-size:19px; color:white;
                    font-family: "EB Garamond";
                    text-transform:uppercase;
                    background: #6593C5;

                }
                .mb_facil_txt p {
                    padding: 0 10px;
                    font-size:7px; 
                    font-weight:bold;
                    line-height:13px;
                }

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

        }
*/

/* === 
    :::::::: 4rd Section Responsive :::::::
=== */
    .instagram {width:100%;margin:0 auto;overflow:hidden;height:100%; padding-left:45px;}

    .instagram h5{text-align: center; margin: 140px auto 50px; font-size:45px; color: #fff;}
    .instagram h5 p{margin:15px 0 0; line-height:auto; font-size:16px; font-weight: 400;}
    .instagram h5 p a{color: #aaa;}
    .instagram h5 p :hover{border-bottom: 1px solid #aaa;}

    .insta_pic{text-align: center;}
    .insta_pic ul{max-width:1220px; margin:0 auto;}
    .insta_pic li{display:inline-block; width:200px; height:200px; margin:10px; overflow:hidden;}
    .insta_pic li a{text-align:center;}
    .insta_pic li img{width:auto; height:100%; transition:transform 0.5s;margin-left:50%;transform:translateX(-50%);}
    .insta_pic li img.insta_img2{width:100%; height:auto;}

    .insta_pic li a:hover img{transform:scale(1.1) translateX(-45%); margin-left:50%;}

    /* Media queries */

    @media all and (max-width: 1260px){
        .insta_pic ul{max-width:1100px;}
        .insta_pic li:nth-child(9){display:none;}
        .insta_pic li:nth-child(10){display:none;}
        .insta_pic li:nth-child(11){display:none;}
        .insta_pic li:nth-child(12){display:none;}
    }

    @media all and (max-width: 1020px){
        .insta_pic ul{max-width:800px;}
        .instagram{padding-left:0;}
        .insta_pic li:nth-child(7){display:none;}
        .insta_pic li:nth-child(8){display:none;}
    }

    @media all and (max-width: 768px){
		.instagram h5{font-size:25px; margin: 120px auto 50px;}
		.instagram h5 p{font-size:14px;}
        .insta_pic ul{max-width:600px;}
        .insta_pic li:nth-child(5){display:none;}
        .insta_pic li:nth-child(6){display:none;}
    }

    @media all and (max-width: 500px){
        .insta_pic ul{max-width:400px;}
        .insta_pic li{width:140px; height:140px; margin:10px;}
    }


/* === 
    :::::::: 4rd Section Responsive :::::::
=== */
    .with_aether {width:100%;margin:0 auto;background:#e8e8e8;overflow:hidden;height:100%; padding-left:45px;text-align: center;}

    .with_aether h5{text-align: center; margin:10% auto; font-family: 'NIXGONL-Vb', serif; font-size:20px;}
    .with_aether h5 p{margin:10px 0 0; line-height:auto; font-size:18px;}
    .with_aether h5 p a{color: #292929;}
    .with_aether h5 p :hover{border-bottom: 1px solid #292929;}

    .with_aether ul{max-width:1220px; margin:0 auto; overflow:hidden;padding:6.4% 0;}
    .with_aether li{float:left;width:calc(100%/4);height:100%;}
    .with_aether li a{text-align:center;}
    .with_aether li img{width:60%;}
    .with_aether li img.insta_img2{width:100%; height:auto;}

    .insta_pic li a:hover img{transform:scale(1.1) translateX(-45%); margin-left:50%;}


    @media all and (max-width: 768px){
		.with_aether h5{font-size:15px;}

		.with_aether {width:100%;margin:0 auto;padding-left:0;}
		.with_aether li:nth-child(1){float:none;width:100%;}
		.with_aether li:not(:nth-child(1)){width:calc(100%/3);}
	}

    @media all and (max-width:500px){
		.with_aether ul{padding:0 0 13%;}
	}
/* === 
    :::::::: 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-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: 'Righteous', serif;
}
    .wrap_m_name .m_sub_tit {
        padding-top:20px;
        font-size:0.4em;
    }


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

    .wrap_m_name {
        top:50%; bottom:auto;
        transform:translate(0, -50%);
    }

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

}


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



/* 250822 수정 */
.img_view h2 br{
	display: none;
}

.video-wrap{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.video-wrap video{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.3);
}


@media all and (max-width: 1200px){
	.img_view h2 {
		font-size: 3.93rem;
	}
	.video-wrap video{
		transform: translate(-50%, -50%) scale(2.5);
	}
}

@media all and (max-width: 1000px){
	.img_view h2 {
		font-size: 3.12rem;
	}
	.img_view h2 br{
		display: block;
	}
	.video-wrap video{
		transform: translate(-50%, -50%) scale(3);
	}
}
@media all and (max-width: 640px){
	.img_view p{
		font-size: 14px;
		margin-bottom: 15px;
	}
	.img_view h2{
		margin-bottom: 55px;
	}
	.img_view .link_fullvideo img{
		width: 130px;
	}
	.video-wrap video{
		transform: translate(-50%, -50%) scale(3.5);
	}
}