@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: 'Noto Sans KR', serif;
}

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

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

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


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

.papup { position: absolute; z-index: 999; top: 16%; left: 53%; }
.papup .popup_button { position: absolute; top: 0; right: 0; z-index: 1000; width: 87px; }
.papup .popup_button img { width: 100%; }

.papup1 { position: absolute; top: 16%; left: 23%; transform: translateX(-50%);  width:400px;}
.papup1 .popup_button1 { position: absolute; top: 0; right: 0; z-index: 1000; width: 87px; }
.papup1 .popup_button1 img { width: 100%; }

.popup01 { z-index: 999;}

.popup02 {
	    left: 50%;
		width: 600px;
		z-index: 99;
}
.popup02 img {
	width: 100%;
	height:100%;
}
.popup_btn02 {
	position: absolute;
	top:0;
	right: 0;
}
@media screen and (max-width: 375px) {
	.popup_btn02 {
		width: 70px;
	}
}


#div_laypopup{
	background:#fff;
	 margin-top: -2px;
    height: 25px;
    line-height: 25px;
	width:100%;
}

.off{display: none;}
@media screen and (max-width: 1500px){
	.papup1 { box-sizing: border-box; }
	.papup1 .popup_button { position: absolute; top: 0; right: 0; z-index: 1000; width: 87px; }
	.papup1 > img { width: 100%; }

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

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

}
@media screen and (max-width: 800px) {
.papup { width: 70%; box-sizing: border-box; top: 50%; left: 50%;  transform: translate(-50%, -50%); }
.papup > img { width: 100%; }
.papup .popup_button { width: 18%; }
.papup .popup_button1 { width: 18%; }
.papup1 {
	width: 70%; box-sizing: border-box; left:50%; top:80px;
}
}

@media screen and (max-width: 600px) {
.papup1 { width: 90%;}
.papup .popup_button { width: 87px; }
.papup .popup_button1 { width: 87px; }
}

.section { position:relative; }
.main_text_position { position:absolute; width:100%; height:100%; }
.main_text_wrap { width: 1140px; margin: 0 auto; position: relative; }
.main_page_text_box { position: absolute; left: 0; top: 330px; z-index: 999; }
.main_title1 { font-size: 35px; font-family:  'Noto sans KR'; font-weight: 300; color: #FFF; letter-spacing: 30px; text-shadow: 2px 1px 3px #4a4a4a; padding-bottom: 10px; }
.main_title2 { font-size: 35px; font-family: 'Noto sans KR'; font-weight: 300; color: #FFF; letter-spacing: 10px; text-shadow: 2px 1px 3px #4a4a4a; }
.main_title_bar { width: 148px; height: 1px; background-color: #FFF; margin: 60px 0 40px; }
.main_sub { font-size: 25px; font-family: 'Noto sans KR'; color: #FFF; letter-spacing: -1px;  text-shadow: 1px 1px 2px #4a4a4a; line-height: 1.5; }


@media screen and (max-width: 1440px) {
.main_page_text_box { top: 300px; }
.main_title1 { font-size: 30px; letter-spacing: 25px; padding-bottom: 9px; }
.main_title2 { font-size: 30px;  letter-spacing: 8px; }
.main_title_bar { width: 130px;  margin: 50px 0 30px; }
.main_sub { font-size: 20px;  letter-spacing: -0.5px; }
}

@media screen and (max-width: 1200px) {
	.main_text_wrap { width: 100%; }
	.main_page_text_box { left: 30px;  }
}

@media screen and (max-width: 1000px) {
	.main_page_text_box { left: 20px;  }
}
@media screen and (max-width: 1000px) {
	.main_page_text_box { left: 10px;  }
}
@media screen and (max-width: 900px) {
	.main_page_text_box { left: 20px;  }
}
/* ===
    :::::::: Loading :::::::
=== */

.loading_pg {
    position:fixed; z-index:99999;
    top:0; left:0;
    width:100vw; height:100vh;
    background-image: linear-gradient(-120deg, #0e8bf7, #1fe1c3);
    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:55px;
        width:100%;
        margin:0 auto;
        text-align:center;
        z-index:10;
    }
    img.scroll_img {
        width:50px;
        animation: scroll_img 2.4s linear infinite;
    }
    @keyframes scroll_img {
        0% {transform:rotate(0);}
        100%{transform:rotate(180deg);}
    }
    .scroll_txt {
        margin-top:5px;
        font-size:14px; line-height:17px;
        color:white;
    }

    /* 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: url('/img/main_img00.jpg') no-repeat 50% 50%;
			background: cover;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 100;
        }



     /* Watch full Video Arrow. */
        .img_view {
            position:absolute;
            right:50px; top:40%;
            z-index:100;
        }
        .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 screen and (max-width: 500px) {
			.load_txt > h2 > img { width: 85% !important; margin: 0 auto; }
		}

        @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_m0 {
        background:url('/img/main/slide_ma9.jpg')no-repeat 50% 50%;
        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_ma0.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_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;
    }

    /* === 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: 13px;
        height: 13px;
        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 :::::::
=== */

        @media only screen and (max-width:800px){
            .mb_wrap_intro {
                display:block;
                height:100%;
            }
                .mb_intro_head {
                    height:45%;
					padding-top: 15px;
                    text-align:center; text-transform: uppercase;
                }
                    .mb_intro_txt1 {font-size:11px; line-height:15px;}
                    .mb_intro_txt2 {
                        padding:0;
                        letter-spacing:5.5px;
                        font-size:25px; font-family: 'Montserrat', 'Noto sans KR';
						font-weight: 400;
						color: #282828;
						text-align: center;
                    }
                    p.mb_intro_txt3 {
                        margin:5px 0 15px 0;
                        word-spacing:3px;
                        letter-spacing:6px;
                        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 30px 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-size: 20px;
                font-family: 'Montserrat', 'Noto sans';
				font-weight: 400;
				letter-spacing: 6.5px;
				color: #282828;
				line-height: 1.5;
				margin-bottom: 20px;
				padding: 0 10px;
            }
            .mb_wrap_bottom p {
                font-size:13px;
                line-height:1.5;
				letter-spacing: -0.5px;
				font-family: 'Noto sans';
				word-break: keep-all;
            }
            .mb_desc_en {
                font-size:12px;
                font-family: 'Great Vibes', cursive;
            }


        }


/* ===
    :::::::: 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;
            }
            .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:20px;
                    line-height:1.5;
                    font-family: 'Noto Sans KR';
					font-weight: 500;
                }
                .mb_facil_name {
                    margin:5px 0 15px 0;
                    padding:10px;
                    width:100%;
                    font-size:19px; color:white;
                    font-family: "Montserrat";
                    text-transform:uppercase;
                    background: #5998ce;
					line-height: 1.5;

                }
                .mb_facil_txt p {
                    padding: 0 10px;
                    font-size:13px;
                    font-weight:400;
                    line-height:1.5;
					font-family: 'Noto sans KR' serif;
                }

            .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-size:cover;
}

.bg_main2 {
    position:relative;
    width:100%;
    height:40vh;
    background:url('/img/main/bg_main02.jpg')no-repeat 50% 50%;
    background-size:cover;
	margin-top: 10px;
}


.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:20px;
		font-weight: 400;
		word-break: keep-all;
		letter-spacing: -1px;
		line-height: 1.5;

    }

	.m_text_bar { width: 100px; height: 1px; background-color: #FFF; margin: 30px auto 25px auto; }

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


    .bg_main {display:block; height:75vw;}

    .wrap_m_name {
        top:50%; bottom:auto;
        transform:translate(0, -50%);
		font-size: 30px;
		font-family: 'Noto sans KR';
		font-weight: 100;
		letter-spacing: 5px;
		padding: 0 25px;
		text-shadow: 2px 2px 3px #282828;
    }


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

}


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