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


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



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

List 
   1. Common
   2. About
   3. Room
   4. Facility.
   5. Service.
   6. Tour.
   7. Reservation.


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




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

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


#header.onleave li.m_li_out > a.a_title {
    color:black;
	font-family: 'GmarketSansMedium';
}
#fp-nav {
    z-index:120;
}
.footer.mb {
    display:none;
}

.font_ko {
    font-family:"Nanum gothic"; 
}


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

    ================ About ================
    
:::::::::::::::::::::::::::::::::::::::::::::::: */

/* === 
    :::::::: Intro.php :::::::
=== */


    /* Common */
        .intro_txt {
            text-align:center;
            font-weight:400; 
            line-height:25px;
            color:white; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
			line-height: 1.7;
			font-size: 23px;
			letter-spacing: -1px;
			width: 85%;
			word-break: keep-all;
        }

        .wrap_intro {
            display:flex; flex-direction:column; justify-content:center; align-items:center;
            width:100%; height:100vh;
        }
            h1.intro_al {
                font-size:130px; 
                color:white;
                text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.52);
                font-family:'Raleway', sans-serif;
                text-transform:uppercase;
				display: none;
            }
            h1.intro_semi {
                font-size:60px; 
                color:white;
                text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
                font-family:'Raleway', sans-serif;
                text-transform:uppercase;
				/*font-family: 'Montserrat', sans-serif;*/
				font-weight: 100;
				letter-spacing: 5px;
            }
			
			.facil_tit_img { margin: 0 auto; }
            h2.intro_semi {
                font-size:30px; 
                color:white;
                text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
                font-family:'Montserrat', sans-serif;
				font-weight: 400;
                text-transform:uppercase;
                letter-spacing:-1px;
				line-height: 0.7;
				text-align: center;
            }




		@media only screen and (max-width:800px) {
			h2.intro_semi { font-size: 23px; }
			.intro_txt { font-size: 20px; letter-spacing: -0.35px; width: 80%; word-break: keep-all; }

			.intro_bar {
				width: 80px;
				margin: 13px auto;
			}
		}






		.intro_bar { 
			width: 100px; height: 1px; background-color: #FFF; margin: 30px auto 35px auto; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
		}

        .intro_margin {
        }

        .flex_col_CB {
            display:flex; flex-direction:column; 
            justify-content:center; align-items:center;
			width: 90%;
        }
        
        .ani_opacity {
            opacity:0;
        }
        .ani_opacity.on {
            animation: intro_opacity 3s;
            animation-fill-mode: forwards;
        }
        @keyframes intro_opacity {
            from {opacity:0}
            to {opacity:1}
        }

        /* Fullpage Navigation */
            #fp-nav.right {
                right:15px;
            }
    
            #fp-nav ul li a span {
                width:10px; height:10px;
                margin:0;
                background:none;
				border: 1px solid #fff;
            }
    
            #fp-nav ul li a.active span {
                width:10px; height:10px;
                margin:0;
                background:#fff;
            }
            #fp-nav ul li, .fp-slidesNav ul li {
                margin-top:10px;
            }
    


    /* 1st Section. */
        .bg_intro1 {
            background:url('/img/about/bg_intro1.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        
    /* 2nd Section. */
        .bg_intro2 {
            background:url('/img/about/bg_intro2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }


     /* 3rd Section. */
        .bg_intro3 {
            background:url('/img/about/bg_intro3.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .intro_3rd_2 {text-align:center;}
          .intro_3rd_2 img {width:90%;}


        
        @media only screen and (min-width:900px){
            .intro_3rd_2 img {
                width:auto;
            }
        }

        @media only screen and (max-width:500px){
            h2.intro_semi {
                font-size:20px;
                text-align:center;
            }

			.intro_bar {
				width: 80px;
				margin: 30px auto;
			}

            h1.intro_semi {
                font-size:30px; 
                color:white;
                text-shadow: 2px 2px 3px #000000;
                font-family:'Abril Fatface';
                text-transform:uppercase;
                letter-spacing:4px;
            }


            /* 1st Section. */
            .bg_intro1 {
                background:url('/img/about/bg_intro1.jpg')no-repeat 50% 50%; 
                background-size:cover;
            }
                
            /* 2nd Section. */
            .bg_intro2 {
                background:url('/img/about/bg_intro2.jpg')no-repeat 50% 50%; 
                background-size:cover;
            }


            /* 3rd Section. */
            .bg_intro3 {
                background:url('/img/about/bg_intro3.jpg')no-repeat 50% 50%; 
                background-size:cover;
            }


        }




/* === 
    :::::::: landspace.php :::::::
=== */

    .land_img_list {
        background-repeat:no-repeat;
        background-size:cover;
        background-position: center; 
    }

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

    .bg_land2 {
        background:url('/img/about/bg_land2.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land3 {
        background:url('/img/about/bg_land3.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land4 {
        background:url('/img/about/bg_land4.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land5 {
        background:url('/img/about/bg_land5.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land6 {
        background:url('/img/about/bg_land6.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land7 {
        background:url('/img/about/bg_land7.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land8 {
        background:url('/img/about/bg_land8.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land9 {
        background:url('/img/about/bg_land9.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land10 {
        background:url('/img/about/bg_land10.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land11 {
        background:url('/img/about/bg_land11.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land12 {
        background:url('/img/about/bg_land12.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land13 {
        background:url('/img/about/bg_land13.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }

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

        .bg_land8 {
            background:url('/img/about/mb/bg_land8.jpg')no-repeat 20% 50%; 
            background-size:cover;
        }

    }

/* === 
    :::::::: Location .php :::::::
=== */
    .wrap_controllers {display:none;}
    .wrap_btn_zoom {display:none !important;}


	
	.lo_head_margin { margin-top: 90px !important; z-index: 9; }

	.new_location_top_box { width: 1200px; height: 180px; margin: -95px auto 50px auto; position: relative; z-index: 10; background: #001a8a;
							box-sizing: border-box; overflow: hidden; display: table; }

	.new_location_top_box_inside { display: table-cell; vertical-align: middle; overflow: hidden; }

	.new_location_top_title { float: left; width: 40%; margin: 0; color: #fff; font-family: 'GmarketSansBold'; font-size: 25px; padding: 60px 0;
	                          text-align: center;}

	.new_location_top_box ul { float: left; width: 60%; border-left: 1px solid #fff; padding-left: 50px; height: 80%; padding-top: 2.5%; }

	.new_location_top_box ul li { margin-bottom: 12px; color: #fff; line-height: 1.5; }

	.new_location_top_box ul li:last-child { margin-bottom: 0; color: #00406c; font-weight: 600; font-size: 14px; color: #FFF; }



	.new_location_wrap { width: 1200px; margin: 0 auto 100px auto; }

	.new_location_wrap ul { overflow: hidden; box-sizing: border-box; }

	.new_location_wrap ul li { float: left; width: 50%; box-sizing: border-box; border-right: 1px dashed #e1e1e1; padding-left: 30px; position: relative; }

	.new_location_wrap ul li:last-child { border-right: none; }

	/*.new_location_wrap ul li:after { content:''; position: absolute; top: 95px; left: 39px; width: 4px; height: 150px;
	                                background: #2291df; z-index: 5; }*/

	.new_location_inside { overflow: hidden; margin-bottom: 35px; }

	@media screen and (max-width:600px) {
		.new_location_inside {
			margin-bottom: 20px;
		}	
	}

	.new_location_icon_box { float: left; width: 80px; height: 80px; border-radius: 100px; }

	.icon_car { background: url('/img/about/come/icon_car.png') no-repeat center #001a8a; background-size: 47px; }
	.icon_bus { background: url('/img/about/come/icon_bus.png') no-repeat center #001a8a; background-size: 47px; }
	.icon_pick { background: url('/img/about/come/icon_pick.png') no-repeat center #001a8a; background-size: 47px; }


	.new_location_inside_title { float: left; font-size: 25px; font-family: 'NanumSquare', sans-serif !important; font-weight: 700; padding: 8px 0 0px 23px; }

	.new_location_inside_article, .new_location_inside_article2 { word-break: keep-all; font-weight: 300; font-size: 15px; line-height: 1.7; margin-top: 0; /*padding-left: 102px;*/ margin-bottom: 20px; width: 95%; }
	.new_location_inside_article span, .new_location_inside_article2 span { font-weight: 500; font-size: 17px; display: inline-block; margin-bottom: 7px; }
	.new_location_inside_article_bus { line-height: 1.7; }

	
	@media screen and (max-width: 1280px) {
        .intro_margin {
            width: 90%;
        }

		.new_location_top_box { width: 90%; }

		.new_location_wrap { width: 90%; }

		.new_location_icon_box { width: 60px; height: 60px; float: none; }

		.icon_car, .icon_bus, .icon_pick { background-size: 36px; }

		.new_location_inside_title { font-size: 21px; padding: 0; margin: 15px 0 0 0; }

		.new_location_inside_article { padding-left: 0; font-size: 16px; margin-top: 10px; float: none; }
	}



	@media screen and (max-width: 1000px) {
		.new_location_top_title { width: 45%; }

		.new_location_top_box ul { width: 55%; }
	}



	@media screen and (max-width: 800px) {
		.lo_head_margin { margin-top: 160px !important; }

		.wrap_map, .root_daum_roughmap { height: 400px !important; }

		.new_location_top_box { height: auto; padding: 25px; margin: -55px auto 40px auto; }


		.new_location_top_title { float: none; font-size: 22px; width: 100%; padding: 0; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #fff; }

		.new_location_top_box ul { float: none; border-left: none; display: table; width: fit-content; margin: 0 auto; padding-left: 0; }

		.new_location_top_box ul li {  margin-bottom: 12px; font-size: 14px; }

		.new_location_wrap ul li { width: 50%; }

		.new_location_wrap ul li:nth-child(2) { border-right: none; }

		.new_location_top_box ul li:last-child { font-size: 13px; }
	}


	@media screen and (max-width: 600px) {
		
		.new_location_wrap ul li { float: none; width: 100%; border-right: none; border-bottom: 1px dashed #e1e1e1; padding: 30px 0px 30px 0; height: auto; }

		.new_location_wrap ul li:first-child { padding-top: 0; }

		.new_location_wrap ul li:last-child { border-top: none; border-bottom: none; }

		.nl_br { display: none; }

		.new_location_icon_box { float: left; }
		
		.new_location_inside_title { font-size: 20px; margin: 0; padding: 20px 0 0px 15px; }

		.new_location_inside_article { font-size: 15px; }
	}




	/* 원래 있던거 */


    .wrap_location {width:1200px; margin:30px auto 100px auto;}
        .location_tit {
            margin:30px 0; 
            font-size:35px; font-weight:bold; 
            font-family:'Raleway';
            letter-spacing:2px;
			color: #aaa;
        }
        .wrap_address {margin-top:20px;}
        .direction {margin-top:30px;}

        .detail_car {padding-right:30px; width:50%;}
            .wrap_detail h3 {margin-top:20px; font-size:20px; font-weight: 500;color: #333;}
            .wrap_detail span {
                font-size:12px; color:#696969;
                text-transform:uppercase;
            }
            .wrap_detail p {
                margin:2px 0;
                font-size:15px; font-weight:500;
                line-height:20px;
                color:#999;
            } 
            .wrap_detail p.dir_way {color:black;}
            .wrap_detail p.mt {margin-top:10px;}
            .direction h5 {
                line-height:22px;
				color: #ff7f7f;
            }

        .wrap_detail {display:flex;}
            .detail_public {
                margin-left:50px; padding-right:30px;
                width:50%;
            } 
	


    @media only screen and (max-width:1200px){
        .wrap_location {
            width:100%; 
            padding:0 20px;
        }
        .location_tit {text-align:center;}
            .location_tit img {max-width:90%;}
        .wrap_detail {
            flex-direction:column;
        }
        .detail_car {
            width:100%;
            text-align:center;
        }
        .detail_public {
            width:100%;
            margin-top:50px; margin-left:0;
            text-align:center;
        }
    }






    @media only screen and (max-width:500px){
            .location_eng {
                display:block;
                margin-top:5px;
            }

    }

	@media only screen and (max-width:380px){
	.new_location_top_box ul li { font-size: 13px; }
	.new_location_top_box ul li:last-child { font-weight: 500; }
	}

	/* 원래 있던거 끝 */












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

    ================ Room ================
    
:::::::::::::::::::::::::::::::::::::::::::::::: */




/* === 
    :::::::: Common :::::::
=== */
    .pt_room {
    }







/* === 
    :::::::: room_pre .php :::::::
=== */

    .room_preview {
        height:100%;
    }

    .wrap_pre .aos-item::before {
        display:none;
    }

    .bg_pre_main {
        background:url('/img/room/bg_room1_1.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }


    .wrap_pre {
        width:100%; 
        height:100%;
        overflow:hidden;
    }
    .wrap_room_intro {
        display:flex !important;
        width:100% !important;
        height:500px !important;
    }

    .room_pre_img {
        width:50%; 
        height:100%;
    }

    .room_intro1 {
        background:url('/img/room/room_intro1.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    
    .room_intro2 {
        background:url('/img/room/room_intro2.jpg')no-repeat 50% 50%; 
        background-size:cover;
        transition:transform 1000ms;
        transition-delay: 1.5s;
        transform: translate3d(0%, 0%, 0);
        
    }

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

    .room_intro4 {
        background:url('/img/room/room_intro4.jpg')no-repeat 50% 50%; 
        background-size:cover;
        transition:transform 1000ms;
        transition-delay: 1.5s;
        transform: translate3d(0%, 0%, 0);
        
    }

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

    .room_intro6 {
        background:url('/img/room/room_intro6.jpg')no-repeat 50% 50%; 
        background-size:cover;
        transition:transform 1000ms;
        transition-delay: 1.5s;
        transform: translate3d(0%, 0%, 0);
        
    }
	

	/*
	@media screen and (max-width: 700px) {
		.room_intro1 {
			background:url('/img/room/m_room_intro1.jpg')no-repeat 50% 50%; 
			background-size:cover;
		}
		
		.room_intro2 {
			background:url('/img/room/m_room_intro2.jpg')no-repeat 50% 50%; 
			background-size:cover;
			transition:transform 1000ms;
			transition-delay: 1.5s;
			transform: translate3d(0%, 0%, 0);
			
		}

		.room_intro3 {
			background:url('/img/room/m_room_intro3.jpg')no-repeat 50% 50%; 
			background-size:cover;
		}

		.room_intro4 {
			background:url('/img/room/m_room_intro4.jpg')no-repeat 50% 50%; 
			background-size:cover;
			transition:transform 1000ms;
			transition-delay: 1.5s;
			transform: translate3d(0%, 0%, 0);
			
		}

		.room_intro5 {
			background:url('/img/room/m_room_intro3.jpg')no-repeat 50% 50%; 
			background-size:cover;
		}

		.room_intro6 {
			background:url('/img/room/m_room_intro4.jpg')no-repeat 50% 50%; 
			background-size:cover;
			transition:transform 1000ms;
			transition-delay: 1.5s;
			transform: translate3d(0%, 0%, 0);
			
		}
	}*/




        .room_intro2.on {
            transform: translate3d(0%, 0%, 0);
        }



        .room_intro_txt {
            width:50%; 
            display:flex; flex-direction:column; 
            justify-content:center; align-items:center;
            font-weight:bold;
            text-align:left;
            /* opacity:0; */

            transition:opacity 1500ms;
            transition-delay: 500ms;
        }

            .room_pre_tit {
                margin-left:5px;
                font-size:40px;
                letter-spacing:3px;
				color: #05226b;
				font-family: 'Montserrat', sans-serif;

            }
                .room_pre_tit span {
                    font-size:50px;
					font-family: 'Do Hyeon', sans-serif;

                }
            .room_intro_txt p {
                margin:7px;
                font-size:16px;
				font-weight: 500;
				color: #444;
				line-height: 1.7;
            }호
            .room_intro_txt.on {
                opacity:1;
            }
        
        .room_intro_txt.second {
            transition-delay: 2s;
        }



        
        a.btn_room {
            position:relative;
            display:inline-block;
            margin:30px 0; 
            width:135px; height:35px;
            font-size:13px; font-weight:bold;
            color:#313131;
            border:1px solid #ccc;
            overflow:hidden;
            transition:border 500ms, color 500ms;
        }
            a.btn_room:hover {
                border:1px solid #5780a8;
                color:white;
            }
            span.room_vm {
                position:absolute;
                width:100%;
                top:50%; left:50%;
                transform:translate(-50%, -50%);
                font-weight:bold;
                letter-spacing:2px; text-align:center; text-transform:uppercase;
                z-index:10;
            }
            .btn_fill_room {
                position:absolute;
                width:100%; height:100%;
                left:0; bottom:0;
                background-color:#05226b;
                transform: translate3d(0, 100%, 0);
                transition:transform 300ms;
                z-index:5;
            }
    
                a.btn_room:hover > .btn_fill_room {
                    transform: translate3d(0, 0%, 0);
                }

        /*.room_intro_txt div a.float_right {
            float:right;
        }*/



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

            /* 1st Section */
            .room_1st_1 {
                text-align:center;
            }
            .room_1st_1 img {
                max-width:90%;
            }
    
    
            /* 2nd Section */
            .wrap_room_intro {
                flex-direction:column;
            }
    
            .wrap_room_intro * {
                transition:none;
            }
    
            .room_intro1 {
                width:100%;
            }
            .room_pre_img, .room_intro2 {
                width:100%;
            }
            .room_intro_txt {
                margin-top:20px;
                width:100%;
                text-align:center;
            }
                .room_intro_txt.second {
                    order: 2;
                }
                .room_intro_txt div a.float_right {
                    float:none;
                }
                
            /* View More  Btn */
            a.btn_room {
                width:155px; height:35px;
                font-size:13px; font-weight:bold;
            }
                a.btn_room:hover {
                    border:1px solid #6e6e6e;
                    color:#313131;
                }
            .btn_fill_room {
                display:none;
            }
    
        }


        
    @media only screen and (max-width:500px){
            .room_pre_img {
                height:300px;
            }

            .room_intro_txt {
                height:50%;
            }
                .room_pre_tit span {
                    font-size:30px;
                }
                .room_pre_tit {
                    margin-top:15px;
                    font-size:20px;
                }
                .room_intro_txt p {
                    font-size:12px;
                }

		.wrap_room_intro { margin-bottom: 30px; }

		a.btn_room { margin: 10px 0; }

    }




/* ===================

    Room Setting 

====================== */

    .room_img_list {
        background-repeat:no-repeat;
        background-size:cover;
        background-position: center; 
    }

    .mb_room_main {
        height:250px;
        background-repeat:no-repeat;
        background-size:cover;
        background-position: center; 
    }


       
        
/* === 
    :::::::: room1 .php :::::::
=== */

    .mb_room1_main {
        height:250px;
        background:url('/img/room/room1/bg_room1_3.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }

    /* Image List */
        /* .bg_room1_1 {
            background:url('/img/room/room1/bg_room1_1.jpg')no-repeat 50% 50%; 
            background-size:cover;
            }
        */




/* === 
    :::::::: room2 .php :::::::
=== */

    /* Common */
        .mb_wrap_room2 {
            display:none;
        }

        .wrap_room_tit {
            position:fixed; z-index:110; 
            top:50%; transform: translate(0%, -50%);
            margin-left:50px;
        }
        .room2_1st_1 {
            padding:20px 30px 6px 0;
            border-bottom:1px solid #05226b;
        }
        .room_type {
            font-size:45px;
            font-family: 'Do Hyeon', sans-serif;
			letter-spacing: -3px;
            color:#05226b;
			font-weight: 600;
			font-family: 'GmarketSansBold';
        }

        a.btn_room_view {
            display:inline-block;
            margin-top:40px; 
            padding:15px 45px; 
            font-size:14px; font-weight:bold;
            text-transform:uppercase;
            background:rgba(255,255,255,0.7);
            transition:background 500ms;
            
        }
            a.btn_room_view:hover {
                background:#05226b;
				color: #fff;
            }

        .wrap_room_detail {
            position:absolute; z-index:200;
            width:1000px; height:100%;
            transform:translate3d(-100%,0,0);
            transition:transform 700ms;
        }
        .wrap_room_detail.on {
            transform:translate3d(0,0,0);
        }
            .diagonal_bg {
                position:absolute; z-index:200;
                top:0; left:-200px;
                width:100%; height:100%;
                background:rgba(255,255,255,0.9);
                transform: scale(1,1) rotate(0)skew(16deg,0) translate(0,0);
            }

            .room_detail_txt {
                position:absolute; z-index:210;
                padding:0px 0 30px 0;
				top: 50px;
                left:100px; 
                font-weight:bold; 
/*				text-align:center;*/
            }
                .detail_tit {font-size:35px;  font-family:'Noto sans KR', serif; color:#001a8a;}
                .room_detail_txt h4 {font-weight:400;font-size: 20px;color: #001a8a; width: 500px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
                .room_detail_txt p {font-size:16px; line-height:18px;font-weight: 500;color: #555;margin-top:10px;}
                .de_warning {color:#ff7979 !important;}
                .de_info {font-size:12px; color:#868685;}
                .r_de_mt {margin-top:25px;}

                

    /* Image List */
        .mb_room2_main {
            height:250px;
            background:url('/img/room/room2/bg_room2_2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
            /* 
                .bg_room2_1 {
                    background:url('/img/room/room2/bg_room2_1.jpg')no-repeat 50% 50%; 
                    background-size:cover;
                }
            */
        
        
        
        
        
        
        




    /* Room View Info */
        .room_facil {
            display:flex;
            width:600px; 
            font-size:0;
        }
        .room_facil >  div {
            width:100px;
            padding:10px 0;
            font-size:12px;
            border:1px solid #ddd;
            border-right:none;
        }
            div.b_right {border-right:1px solid #ddd; }
        div.room_facil_item  {
            display:flex; flex-direction:column;
            justify-content: center; align-items:center;
            font-size:13px;
        }
        div.room_facil_item img {
            width:90%;
            max-height:90px;
        }
        div.room_facil_item span {
            margin-top:5px;
        }

        .close_room_detail {
            position: absolute; z-index:220;
            top: 32px; left:60%; right: 32px;
            width: 32px; height: 32px;
            opacity:1;
        }

          .close_room_detail:before, .close_room_detail:after {
            position: absolute; 
            left: 15px;
            content: ' ';
            height: 33px;
            width: 2px;
            background-color: #333;
          }
          .close_room_detail:before {
            transform: rotate(45deg);
          }
          .close_room_detail:after {
            transform: rotate(-45deg);
          }


        @media only screen and (max-width:500px){
            /* Fullpage Navagation hide */
            .wrap_room_tit {display:none;}
            .footer.mb.on {display:block;}
  
            /* .section {display:none !important;} */
            .section.mb_wrap_room2 {display:block !important; /*overflow:scroll !important;*/}
           
            #full_room2 {
                display:none;
            }


            .mb_wrap_room2 {
                display:block; 
                padding-top:40px;
                text-align:center;
                font-weight:bold;
            }
                .mb_room_detail {
                    padding:10px 10px;
                }
                .mb_wrap_room2 p {
					word-break: keep-all;
                    margin:7px 0;
                    font-size:12px; line-height:20px;
                }
                    p.mb_room_warning {font-size:10px; color:#D4464A;}
                    p.mb_room_info1 {font-size:10px; color:grey;}
                    span.mb_facil_list1 {display:block !important;}

                .mb_room_type span{
                    display:inline-block;
                    padding:5px 10px;
                    font-size:13px;
                    background-color:#05226b;
                    color:white;
                }
                .mb_room_num span {
                    display:inline-block;
                    margin-top:10px;
                    font-size:13px;
                }
                .mb_room_img_tit img {
                    margin:20px 0;
                    width:90%;
                }
                p.mb_room_desc {
                    margin:0;
                    font-size:14px;
                }
                .mb_tit_type {
                    margin:10px 0 20px 0;
                }
                    .mb_tit_type span {
                        color:#05226b;
                    }
            
                .mb_tit_info {
                    color:#05226b;
                }

            .mb_room_img img {
                width:100%;
                min-height:200px;
            }
   
        }




/* === 
    :::::::: room3 .php :::::::
=== */

        .mb_room3_main {
            height:250px;
            background:url('/img/room/room3/bg_room3_7.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

    /* Image List */
        .bg_room3_1 {
            background:url('/img/room/room3/bg_room3_1.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room3_2 {
            background:url('/img/room/room3/bg_room3_2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room3_3 {
            background:url('/img/room/room3/bg_room3_3.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_room3_4 {
            background:url('/img/room/room3/bg_room3_4.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room3_5 {
            background:url('/img/room/room3/bg_room3_5.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room3_6 {
            background:url('/img/room/room3/bg_room3_6.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room3_7 {
            background:url('/img/room/room3/bg_room3_7.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room3_8 {
            background:url('/img/room/room3/bg_room3_8.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room3_9 {
            background:url('/img/room/room3/bg_room3_9.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room3_10 {
            background:url('/img/room/room3/bg_room3_10.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room3_11 {
            background:url('/img/room/room3/bg_room3_11.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }




/* === 
    :::::::: room4 .php :::::::
=== */
        
        .mb_room4_main {
            height:250px;
            background:url('/img/room/room4/bg_room4_6.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        /* Image List */
        .bg_room4_1 {
            background:url('/img/room/room4/bg_room4_1.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room4_2 {
            background:url('/img/room/room4/bg_room4_2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room4_3 {
            background:url('/img/room/room4/bg_room4_3.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_room4_4 {
            background:url('/img/room/room4/bg_room4_4.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room4_5 {
            background:url('/img/room/room4/bg_room4_5.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room4_6 {
            background:url('/img/room/room4/bg_room4_6.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room4_7 {
            background:url('/img/room/room4/bg_room4_7.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room4_8 {
            background:url('/img/room/room4/bg_room4_8.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }




/* === 
    :::::::: room5 .php :::::::
=== */

        .mb_room5_main {
            height:250px;
            background:url('/img/room/room5/bg_room5_6.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        /* Image List */
        .bg_room5_1 {
            background:url('/img/room/room5/bg_room5_1.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room5_2 {
            background:url('/img/room/room5/bg_room5_2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room5_3 {
            background:url('/img/room/room5/bg_room5_3.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_room5_4 {
            background:url('/img/room/room5/bg_room5_4.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room5_5 {
            background:url('/img/room/room5/bg_room5_5.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room5_6 {
            background:url('/img/room/room5/bg_room5_6.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }



/* === 
    :::::::: room6 .php :::::::
=== */

        .mb_room6_main {
            height:250px;
            background:url('/img/room/room6/bg_room6_4.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }


        /* Image List */
        .bg_room6_1 {
            background:url('/img/room/room6/bg_room6_1.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room6_2 {
            background:url('/img/room/room6/bg_room6_2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room6_3 {
            background:url('/img/room/room6/bg_room6_3.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_room6_4 {
            background:url('/img/room/room6/bg_room6_4.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room6_5 {
            background:url('/img/room/room6/bg_room6_5.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }





/* === 
    :::::::: room_b1 .php :::::::
=== */

        .mb_room_b1_main {
            height:250px;
            background:url('/img/room/room_b1/bg_room_b1_01.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        /* Image List */
        .bg_room_b1_1 {
            background:url('/img/room/room_b1/bg_room_b1_01.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b1_2 {
            background:url('/img/room/room_b1/bg_room_b1_02.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b1_3 {
            background:url('/img/room/room_b1/bg_room_b1_03.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_room_b1_4 {
            background:url('/img/room/room_b1/bg_room_b1_04.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b1_5 {
            background:url('/img/room/room_b1/bg_room_b1_05.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b1_6 {
            background:url('/img/room/room_b1/bg_room_b1_06.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }






/* === 
    :::::::: room_b2 .php :::::::
=== */

        .mb_room_b2_main {
            height:250px;
            background:url('/img/room/room_b2/bg_room_b2_1.jpg')no-repeat 50% 50%;
            background-size:cover;
        }

        /* Image List */
        .bg_room_b2_1 {
            background:url('/img/room/room_b2/bg_room_b2_1.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b2_2 {
            background:url('/img/room/room_b2/bg_room_b2_2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b2_3 {
            background:url('/img/room/room_b2/bg_room_b2_3.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_room_b2_4 {
            background:url('/img/room/room_b2/bg_room_b2_4.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b2_5 {
            background:url('/img/room/room_b2/bg_room_b2_5.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }




/* === 
    :::::::: room_b3 .php :::::::
=== */

        .mb_room_b3_main {
            height:250px;
            background:url('/img/room/room_b3/bg_room_b3_1.jpg')no-repeat 50% 50%;
            background-size:cover;
        }


        /* Image List */
        .bg_room_b3_1 {
            background:url('/img/room/room_b3/bg_room_b3_1.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b3_2 {
            background:url('/img/room/room_b3/bg_room_b3_2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b3_3 {
            background:url('/img/room/room_b3/bg_room_b3_3.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_room_b3_4 {
            background:url('/img/room/room_b3/bg_room_b3_4.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b3_5 {
            background:url('/img/room/room_b3/bg_room_b3_5.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b3_6 {
            background:url('/img/room/room_b3/bg_room_b3_6.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b3_7 {
            background:url('/img/room/room_b3/bg_room_b3_7.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b3_8 {
            background:url('/img/room/room_b3/bg_room_b3_8.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b3_9 {
            background:url('/img/room/room_b3/bg_room_b3_9.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b3_10 {
            background:url('/img/room/room_b3/bg_room_b3_10.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b3_11 {
            background:url('/img/room/room_b3/bg_room_b3_11.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }





/* === 
    :::::::: room_b4 .php :::::::
=== */

        .mb_room_b4_main {
            height:250px;
            background:url('/img/room/room_b4/bg_room_b4_1.jpg')no-repeat 50% 50%;
            background-size:cover;
        }


        /* Image List */
        .bg_room_b4_1 {
            background:url('/img/room/room_b4/bg_room_b4_1.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b4_2 {
            background:url('/img/room/room_b4/bg_room_b4_2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b4_3 {
            background:url('/img/room/room_b4/bg_room_b4_3.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_room_b4_4 {
            background:url('/img/room/room_b4/bg_room_b4_4.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b4_5 {
            background:url('/img/room/room_b4/bg_room_b4_5.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }



/* === 
    :::::::: room_b5 .php :::::::
=== */

        .mb_room_b5_main {
            height:250px;
            background:url('/img/room/room_b5/bg_room_b5_1.jpg')no-repeat 50% 50%;
            background-size:cover;
        }


        /* Image List */
        .bg_room_b5_1 {
            background:url('/img/room/room_b5/bg_room_b5_1.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b5_2 {
            background:url('/img/room/room_b5/bg_room_b5_2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b5_3 {
            background:url('/img/room/room_b5/bg_room_b5_3.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_room_b5_4 {
            background:url('/img/room/room_b5/bg_room_b5_4.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b5_5 {
            background:url('/img/room/room_b5/bg_room_b5_5.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }




/* === 
    :::::::: room_b6 .php :::::::
=== */

        .mb_room_b6_main {
            height:250px;
            background:url('/img/room/room_b6/bg_room_b6_7.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        /* Image List */
        .bg_room_b6_1 {
            background:url('/img/room/room_b6/bg_room_b6_1.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b6_2 {
            background:url('/img/room/room_b6/bg_room_b6_2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b6_3 {
            background:url('/img/room/room_b6/bg_room_b6_3.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_room_b6_4 {
            background:url('/img/room/room_b6/bg_room_b6_4.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b6_5 {
            background:url('/img/room/room_b6/bg_room_b6_5.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b6_6 {
            background:url('/img/room/room_b6/bg_room_b6_6.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_b6_7 {
            background:url('/img/room/room_b6/bg_room_b6_7.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }







/* === 
    :::::::: room_special.php :::::::
=== */

        .mb_room_spe_a {
            height:250px;
            background:url('/img/room/room_sp/bg_room_sp_a1.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        /* Image List */
        .bg_room_sp_a1 {
            background:url('/img/room/room_sp/bg_room_sp_a1.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_a2 {
            background:url('/img/room/room_sp/bg_room_sp_a2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_a3 {
            background:url('/img/room/room_sp/bg_room_sp_a3.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_room_sp_a4 {
            background:url('/img/room/room_sp/bg_room_sp_a4.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_a5 {
            background:url('/img/room/room_sp/bg_room_sp_a5.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_a6 {
            background:url('/img/room/room_sp/bg_room_sp_a6.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_a7 {
            background:url('/img/room/room_sp/bg_room_sp_a7.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_a8 {
            background:url('/img/room/room_sp/bg_room_sp_a8.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_a9 {
            background:url('/img/room/room_sp/bg_room_sp_a9.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_a10 {
            background:url('/img/room/room_sp/bg_room_sp_a10.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_11 {
            background:url('/img/room/room_sp/bg_room_sp11.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_12 {
            background:url('/img/room/room_sp/bg_room_sp12.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_13 {
            background:url('/img/room/room_sp/bg_room_sp13.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }




/* === 
    :::::::: room_special2.php :::::::
=== */

        .mb_room_spe_b {
            height:250px;
            background:url('/img/room/room_sp/bg_room_sp_b1.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }


        /* Image List */
        .bg_room_sp_b1 {
            background:url('/img/room/room_sp/bg_room_sp_b1.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_b2 {
            background:url('/img/room/room_sp/bg_room_sp_b2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_b3 {
            background:url('/img/room/room_sp/bg_room_sp_b3.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_room_sp_b4 {
            background:url('/img/room/room_sp/bg_room_sp_b4.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_b5 {
            background:url('/img/room/room_sp/bg_room_sp_b5.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_b6 {
            background:url('/img/room/room_sp/bg_room_sp_b6.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_b7 {
            background:url('/img/room/room_sp/bg_room_sp_b7.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_b8 {
            background:url('/img/room/room_sp/bg_room_sp_b8.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_b9 {
            background:url('/img/room/room_sp/bg_room_sp_b9.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_b10 {
            background:url('/img/room/room_sp/bg_room_sp_b10.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_11 {
            background:url('/img/room/room_sp/bg_room_sp11.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_12 {
            background:url('/img/room/room_sp/bg_room_sp12.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_room_sp_13 {
            background:url('/img/room/room_sp/bg_room_sp13.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }





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

    ================ Facility ================
    
:::::::::::::::::::::::::::::::::::::::::::::::: */

/* === 
    :::::::: Common :::::::
=== */
    .color_warning {
        color:#E00000;
    }

    .wrap_facil_tit {
        position:fixed; z-index:110; 
        top:50%; transform: translate(0%, -50%);
        width:100%;
        text-align:center;
        color:white;
    }
        .wrap_facil_tit p {
            font-size:20px;
            font-weight:500;
			font-family: 'Noto Sans KR', sans-serif;
			letter-spacing: -1px;
			color: #FFF;
        }

        .facil_tit_img img {
            width:90%;
            max-width:700px;
        }

        a.btn_facil_detail {
            display:inline-block;
            margin-top:40px; 
            padding:10px 25px; 
            font-size:14px; font-weight:bold;
            text-transform:uppercase;
            background:rgba(255,255,255,0.7);
            transition:background 500ms;
            color:black;
            
        }
            a.btn_facil_detail:hover {
                background:#001a8a;
				color: #fff;
            }
            

    .wrap_info_detail {
        position:absolute; left:0; bottom:0;
        z-index:120;
        width:100%; height:400px;
        background-color:white;
        transform: translate3d(0,110%,0);
        transition:transform 300ms;
    }
        .wrap_info_detail.on {
            transform: translate3d(0,0%,0);
        }
            .info_detail_inner {
                width:100%;
                margin:0 auto; padding:60px 0;
                font-weight:bold; text-align:center;
            }
                .info_detail_inner h3 {
                    padding-bottom:20px;
                    border-bottom:1px solid black;
				    font-family: 'Montserrat', sans-serif;
					font-size: 27px;
					letter-spacing: 4px;
					color: #282828;
					font-weight: 300;
                }

				.info_detail_inner h2 {
					font-size: 20px;
					font-weight: 500;
					letter-spacing: -1.5px;
					color: #282828;
					padding-top: 20px;
				}

                .info_detail_inner p {
                    text-transform: uppercase; color: #282828;
                }

                .de_in_eng {
                    font-size:17px;
                    color:grey;
					font-weight: 300;
					line-height: 1.5;
                }
                .de_in_kor {
                    font-size:14px;  line-height:20px; color: gray;
                }
            button.close_detail {
                position:absolute;
				top:-15px;
				left:50%;
				transform: translate(-50%);
                padding:10px 25px;
                font-size:12px; letter-spacing:3px;
                font-weight:bold; text-transform: uppercase;
                font-family:'Lato';
                background:white;
                color:#606060; border:1px solid black;
            }

    @media only screen and (max-width:500px){
        a.btn_facil_detail {
            display:inline-block;
            margin-top:40px; padding:10px 20px; 
            font-size:13px;
            border:1px solid white;
            color:white; 
            background:transparent;
        }

        .wrap_info_detail {
            height:350px;
        }
            .info_detail_inner {width:80%; padding:40px 0;}
                .de_in_eng {display:none;}
                .de_in_kor {font-size:12px;}
    }
    
    

        
/* === 
    :::::::: facility .php :::::::
=== */


        .bg_facil1_1 {
            background:url('/img/facility/facil1_3.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_facil1_2 {
            background:url('/img/facility/facil1_1.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

        .bg_facil1_3 {
            background:url('/img/facility/facil1_2.jpg')no-repeat 50% 70%; 
            background-size:cover;
        }

        .bg_facil1_4 {
            background:url('/img/facility/facil1_4.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
		
		


        
/* === 
    :::::::: facility2 .php :::::::
=== */


    .bg_facil2_1 {
        background:url('/img/facility/bg_faci2_1.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }

    .bg_facil2_2 {
        background:url('/img/facility/bg_faci2_2.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }

    .bg_facil2_3 {
        background:url('/img/facility/bg_faci2_3.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }

    .bg_facil2_4 {
        background:url('/img/facility/bg_faci2_4.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }

            
/* === 
    :::::::: facility3 .php :::::::
=== */


.bg_facil3_1 {
    background:url('/img/facility/bg_faci3_1.jpg')no-repeat 50% 50%; 
    background-size:cover;
}

.bg_facil3_2 {
    background:url('/img/facility/bg_faci3_2.jpg')no-repeat 50% 50%; 
    background-size:cover;
}

.bg_facil3_3 {
    background:url('/img/facility/bg_faci3_3.jpg')no-repeat 50% 50%; 
    background-size:cover;
}














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

    ================ Service ================
    
:::::::::::::::::::::::::::::::::::::::::::::::: */


/* === 
    :::::::: service1.php :::::::
=== */

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

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

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

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

/* === 
    :::::::: service2.php :::::::
=== */

        .bg_service2_1 {
            background:url('/img/service/bg_service2_1.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_service2_2 {
            background:url('/img/service/bg_service2_2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

/* === 
    :::::::: service3.php :::::::
=== */

        .bg_service3_1 {
            background:url('/img/service/bg_service3_1.jpg')no-repeat 20% 50%; 
            background-size:cover;
        }

        .bg_service3_2 {
            background:url('/img/service/bg_service3_2.jpg')no-repeat 95% 50%; 
            background-size:cover;
        }

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



/* === 
    :::::::: service4.php :::::::
=== */

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

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






@media screen and (max-width: 600px) {
	.bg_facil1_1 {
		background: url(/img/facility/facil1_3.jpg)no-repeat 27% 50%;
		background-size: cover;
	}

	.bg_service3_1 {
		background: url(/img/service/bg_service3_1.jpg)no-repeat 25% 50%;
		background-size: cover;
	}

	.bg_service3_2 {
		background: url(/img/service/bg_service3_2.jpg)no-repeat 90% 50%;
		background-size: cover;
	}

	.bg_service1_1 {
		background: url(/img/service/bg_service1_1.jpg)no-repeat 73% 50%;
		background-size: cover;
	}

	.bg_service1_2 {
		background: url(/img/service/bg_service1_2_mb.jpg)no-repeat 50% 50%;
		background-size: cover;
	}
}


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

    ================ Tour ================
    
:::::::::::::::::::::::::::::::::::::::::::::::: */


/* === 
    :::::::: Common.php :::::::
=== */

    .ie_flex.ie_mt {
        display:inline-block; margin-top:5px;
    }



/* === 
    :::::::: tour1.php :::::::
=== */

    .wrap_tour {
        padding-top:100px;
    }

    .block_tour {
        display:flex;
        width:100%; height:800px;
    }
        .tour_bg {
            position:relative;
            width:55vw;
            height:100%;
        }
            
            .tour_title {
                position:absolute;
                width:100%;
                text-align:center;
                color:#fff;
                font-family: 'Lora', serif;
                text-transform:uppercase;
            }
               
                .tour_title p {
                    margin:250px 0 0 0;
                    font-size:45px;
                    text-shadow:1px 1px 10px #333;
                }
                .tour_title h3 {
                    position:relative;
                    padding-bottom:15px;
                    font-size:45px; font-weight:100;
                    letter-spacing: -2px;
                    text-shadow:1px 1px 10px #333;
                }
                .tour_title h3::before {
                    content:'';
                    position:absolute;
                    left:50%; bottom:0;
                    transform:translate(-50%,0);
                    width:300px; height:1px; 
                    background-color:white;
                }
                .tour_title h5 {
                    margin-top:10px;
                    font-size:20px;
                    letter-spacing:1px;
                    font-weight:200;
                    text-shadow:1px 1px 10px #333;
					font-family: 'Noto Sans KR', sans-serif;
                }

                p.t_tour {
                    position:relative;
                    width:300px;
                    margin:10px auto !important;
                    font-size:15px; 
                    letter-spacing:13px;
                    text-shadow:1px 1px 10px #333;
					font-family: 'Noto Sans KR', sans-serif;
                }
                p.t_tour::before {
                    content:'';
                    position:absolute;
                    top:7px; left:0;
                    width:85px; height:1px;
                    background-color:white;
                }
                p.t_tour::after {
                    content:'';
                    position:absolute;
                    top:7px; right:10px;
                    width:85px; height:1px;
                    background-color:white;
                }

        .tour_intro {
            display:table;
			flex-direction:column;
			align-items:center;
            width:fit-content;
			margin: 0 auto;
            height:100%;
            font-family: 'Noto Sans KR', sans-serif;
        }
            .tour_name {
                width:100%;
				max-width:450px;
                text-align:center;
				display: table-cell;
				vertical-align: middle;
            }
                .tour_name_eng {
                    margin-top:0;
                    font-size:11px; font-weight:bold;
                    font-family:"EB Garamond";
                    text-transform:uppercase;
                }
                .tour_name_kor {
                    position:relative;
                    width:70%; height:45px; 
                    margin:0 auto;
                    font-family: 'Noto Sans KR_700', sans-serif;
                    border-bottom:1px solid rgb(0, 0, 0);
                }
           
            .tour_desc {
                margin-top:40px;
                font-size:13px; line-height:25px;
            }
            .tour_img {
                margin:50px auto 0 auto;
                width:400px; height:350px;
            }
                .tour_img img {
                    width:100%;
                    height:100%;
                }

    .bg_tour1_1 {
        background:url('/img/tour/tour1_1_bg.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }

    .bg_tour1_2 {
        background:url('/img/tour/tour1_2_bg.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }

    .bg_tour1_3 {
        background:url('/img/tour/tour1_3_bg.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }

    .bg_tour1_4 {
        background:url('/img/tour/tour1_4_bg.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }

    .bg_tour1_5 {
        background:url('/img/tour/tour1_5_bg.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }

    .bg_tour1_6 {
        background:url('/img/tour/tour1_6_bg.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }

    .bg_tour1_7 {
        background:url('/img/tour/tour1_7_bg.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    @media only screen and (max-width:1000px){

        .block_tour {
            flex-direction:column;
            height:auto;
        }
            .tour_bg {
                width:100%;
				height:520px;
            }
            .tour_intro {
                width:100%;
				height:auto;
				padding: 60px 0;
                order:2;
            }

            .tour_name_kor {
                border-bottom:none;
            }
                .tour_name_kor:before {
                    content:'';
                    position:absolute;
                    top:auto; left:46.5%; bottom:0; right:0;
                    width:50px; height:2px;
                    background:black;
                }
		
		.tour_title p { margin: 160px 0 0 0; }

		.tour_desc { width: 85%; margin: 40px auto 0; }
    }




	@media screen and (max-width: 800px) {
		.wrap_tour { margin-top: 0 !important; padding-top: 50px !important; }
	}




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

        .tour_img {
            width:90%;
            height:230px;
        }
        .tour_tit_img img {width:100%;}
        .tour_img img {width:90%;}

        .tour_name_kor {font-size:20px;}
            .tour_name_kor:before {
                content:'';
                position:absolute;
                top:auto; left:37.5%; bottom:0; right:0;
                width:50px; height:2px;
                background:black;
            }

        .tour_desc {
            margin-top:20px; 
            font-size:12px; line-height:20px;
        }

        .tour_title {
            display:none;
        }


    }





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

    ================ Reservation ================
    
:::::::::::::::::::::::::::::::::::::::::::::::: */


/* === 
    :::::::: Commmon :::::::
=== */

.rer_mt {margin-top:10px;}




/* === 
    :::::::: reser.php :::::::
=== */

    .section_reser iframe {
        width:100%;
    }

    .wrap_calender {
        margin-top:50px;
    }

    .calendar_pc {

    }

    .calendar_mb {
        display:none;
    }

    .reser_prepare {
        font-size:20px;
        font-weight:bold;
    }
        .reser_prepare h3 {
            margin-top:10px;
        }

    @media only screen and (max-width:500px){
        .calendar_pc {display:none;}
        .calendar_mb {display:block;}
    }




/* === 
    :::::::: info.php :::::::
=== */


    /* === 야놀자 style === */

    .yapen-priceLayer .yapen-priceTbl tbody tr td {
        font-weight:bold !important;
    }


     /* === 야놀자 style End === */


    .section_reser_info {
        font-family: 'Noto Sans KR', sans-serif;
    }

    .reser_banner {
        display:flex; justify-content:center; align-items:center;
        margin-top:90px;
        height:350px;
        background:url('/img/reser/reser_banner.jpg')no-repeat 50% 100%;
        background-size:cover;
    }
        .reser_banner h1{
            color:white;
            font-size:40px;
            text-shadow: 2px 2px 4px #000000;
            transition:text-shadow 200ms;
        }
        .reser_banner h1:hover{
            color:white;
            text-shadow: 2px 2px 20px #000000;
        }

        .serevation_info {
            padding:190px 0;
            text-align:center;
        }

		.reser_prepare span {
			color: #001a8a;
		}


        .serevation_info_mb {
            position:relative;
            display:none;
        }

        .serevation_info h1 {
            font-size:40px;
        }

        .serevation_info h1 span {
            color:#2371C0;
        }

    .wrap_reser_info {
        width:1200px;
        margin:0 auto;
        padding:60px 0;
        font-weight:bold;
    }
        .wetoz .section_reser_info h3 {
            font-weight:bold !important;
        }
        .wetoz .section_reser_info p {
            font-weight:bold !important;
        }
        .wetoz .section_reser_info li {
            font-weight:bold !important;
        }
    .reser_sort {
        padding:10px 0;
        text-align:left;
        border-bottom:1px solid grey;
    }
        .reser_sort a {
            color:black;
        }
        a.season {
            display:inline-block;
            padding:10px 25px;
            font-size:15px; font-weight:bold;
        }
        a.season.on {
            border-bottom:3px solid black;
        }
        .btn_reser {
            float:right;
            position:relative;
            margin-right:10px;
            padding:7px 60px;
            font-size:14px;
            border:1px solid rgb(27, 26, 26);
            border-bottom:1px solid black;
            transition:background 500ms;
        }
            .btn_reser:hover {
                background:#666666;
                border:1px solid #666666;
                color:white;
            }

            .btn_reser.ie_padding {padding:10px 60px 4px 60px}
       

            
        
        .reser_info {
            padding:20px 0;
            text-align:right;
            font-size:12px; 
        }
    
    table.table_reser {
        width:100%;
        border-collapse: collapse;
    }

    .table_reser thead th {
        padding:15px;
        font-size:14px;
        text-align:center;
        background-color:#F4F4F4;
        border-bottom:1px solid #E6E5E5;
    }
        .table_reser thead th span {
            display:block;
            margin-top:3px;
            font-size:0.8em;
            color:#9FA19F;
        }

    .table_reser tbody td {
        padding:20px 0;
        text-align:center;
        font-size:13px;
        font-weight:400;
        font-family: 'Noto Sans KR';
        border-bottom:1px solid #E6E5E5;
    }
        .rer_room_name {
            width:23%;
        }
        .rer_facil {
            width:23%;
        }
        .rer_price {
            width:12%;
        }
        .rer_size sup {
            font-size:7px;
        }
        .pri_original {
            display:block;
            margin-bottom:3px;
            font-size:12px;
            text-decoration: line-through;
            color:#9FA19F;
        }
        .pri_friday {
            color:#2371C0;
        }
        .pri_weekend {
            color:#FF416B;
        }
        .price_semi_high {
            display:none;
        }
        .price_high {
            display:none;
        }
        .price_may {
            display:none;
        }

    .reser_mb {
        text-align:left;
        display:none;
    }
        .reser_mb td h3 {
            position:absolute;
            font-size:15px;
            color:black;
        }
        .reser_mb td p {
            position:absolute;
            margin-top:25px;
            font-size:13px;
            color:#9FA19F;
        }


    .wrap_rer_info h3 {
        padding-bottom:20px;
        font-size:22px;
		font-weight: 500;
		color: #666;
        border-bottom:1px solid #ccc;
    }

    .wrap_rer_info ul li {
        position:relative;
        font-size:15px;
        line-height:25px;
        padding-left:1em;
		font-weight: 400;
		color: #666;
		word-break: keep-all;
    }

        .wrap_rer_info ul li:before {
            position:absolute;
            top:-1px; left:0px;
            content: '\2022 ';
            color: black;
            font-size:5px;
            vertical-align:center;
        }


    .rer_period {
        margin-top:50px;
    }

        .rer_period ul {
            padding-top:20px;
            color:grey;
            font-weight:normal;
        }

        .rer_period ul li:before {
            content: '\2022 ';
            color: grey;
            padding-right: 1em;
        }



    .rer_ins {
        margin-top:30px;
    }
        .rer_ins p {
            font-size:13px;
        }

    .rer_detail {
        margin-left:5px;
    }


    table.table_refund {
        margin-top:30px;
        width:100%;
        font-size:11px; font-weight:normal;
        border-collapse: collapse;
    }
        .table_refund thead th {
            background-color:#F4F4F4;
            padding:15px 0;
        }
        .table_refund tbody td {
            padding:15px 0;
            text-align:center;
        }

        table.table_refund th, table.table_refund td {
            border: 1px solid #CCCCCC;
            text-align:center;
        }
    
    .wrap_refund_mb {
        display:none;
    }


    @media only screen and (max-width:1200px){
        .wrap_reser_info {
            width:100%;
            padding:0 15px;
            padding-bottom:60px;
        }
    }

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

        .serevation_info {
            
            padding:100px 0;
            text-align:center;
        }

        .serevation_info h1 {
            font-size:25px;
        }

        .reser_banner {
            margin-top:40px;
            height:200px; 
			background: url(/img/reser/m_reser_banner.jpg)no-repeat 50% 100%;
        }

        .reser_mb {
            display:table-row;
        }

        .reser_info span {
            display:block;
        }
        .btn_reser {
            display:none;
        }
        .btn_mb_reser {
            float:right;
            margin:10px 0 0;
            padding:7px 30px;
            font-size:12px;
            border:1px solid rgb(27, 26, 26);
            border-bottom:1px solid black;
            transition:background 500ms;
        }

        .table_reser tbody td {
            font-size:12px;
        }

        .table_reser tbody tr.rer_mb_info {
            width:100%;
        }
        .table_reser tbody tr.rer_mb_info td {
            text-align:left;
            height:100px;
        }

        .pri_original {
            font-size:10px;
        }
        
        .reser_mb_thead td {
            background-color:#F4F4F4;
        }

        .reser_mb_thead td span {
            display:block;
            margin-top:3px;
            font-size:0.8em; line-height:1.2em;
            color:#9FA19F;
        }


        .rer_mb_none {
            display:none;
        }

        .table_reser thead th {
            display:none;
        }

        /* Size */
            .table_reser tbody td.rer_facil {
                line-height:17px;
            }
            .table_reser tbody td.rer_price {
                padding:20px 5px; 
                font-size:11px;
                white-space: nowrap; 
            }

    }

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

        .serevation_info {
            padding:50px 10px;
            text-align:center;
        }

        .serevation_info h1 {
            font-size:15px;
        }

        .reser_banner h1 {
            font-size:30px;
        }

        table.table_refund {
            /*display:none;*/
        }
        
        .wrap_refund_mb {
            display:none;
            margin-top:20px;
        }
        .wrap_refund_mb h4 {
            padding:10px 0;
            font-size:13px;
            background:#F4F4F4;
        }
        .wrap_refund_mb p {
            font-size:12px;
            margin:5px 0;
        }

        .serevation_info_mb {
            display:block;
         }

        .serevation_info {
            display:none;
        }
        .serevation_info.reser_prepare {
            display:block;
            font-size:15px;
        }
        .serevation_info.ddnayo {
            display:block;
            padding:30px 10px;
            height:auto;
        }
            .serevation_info.ddnayo iframe {
                height:1200px !important;
            }

    }







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

    ================ Etc ================

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

.view_pc {
    position:relative;
    width:1200px; 
    margin:0 auto;
}
    .tit_hide {
        position:absolute;
        top:0; left:50px;
        width:200px; 
        height:50px;
        background-color:white;
    }
    .tit_hide.mb {
        left:0px;
    }

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

}



.rer_detail {
    margin-left:5px;
}
    .rer_detail p {
        margin:0;
        padding-left:10px;
		font-weight: 500;
		line-height: 1.4;
    }
    .rer_detail p.rer_tit {
        margin:15px 0 5px 0;
        padding-left:0;
		font-weight: 400;
		color: #666;
        font-size:15px;
		word-break: keep-all;
    }
	
	.swim_text { position: relative; font-size: 15px; font-weight: 300; font-family: 'Noto sans KR'; color: #1c1c1c; margin-left: 20px;  list-style: none; line-height: 1.5; }
	.swim_text:before {     position: absolute;
    top: 0px;
    left: -10px;
    content: '\2022 ';
    color: black;
    font-size: 5px;  }