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

    ================ Common ================

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












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

    ================ About ================

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



/* ===
:::::::: Landscpae .php :::::::
=== */

#full_land {
    position:relative;
    width:100%;
}
#fp-nav.right {
    right:20px; z-index:100;
}

#fp-nav ul li a span {
    background-color:white;
}

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

.wrap_intro {
    display:flex; flex-direction:column; justify-content:center; align-items:center;
    width:100%; height:100vh;
}

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

.pc_none{display: none}
.m_none{display: block}
@media only screen and (max-width: 500px) {
    /* .bg_land1 {
        background:url('/img/about/mb/bg_land1.jpg')no-repeat 50% 50%;
        background-size:cover;
    } */
    .wrap_intro{height: 350px;}
    .fp-tableCell{height: 350px!important;}
    .fp-section.fp-table{height: 350px!important;}

}




/* ===
:::::::: Tour .php :::::::
=== */


.tit_tour {
    padding-top:120px;
    text-align:center;
    font-family:"Josefin Sans";
}
    .tit_tour h1 {
        font-size:35px;
    }
    .tit_tour p {
        font-size:15px;
        font-weight:bold;
    }

.img_tour_main {
    margin-top:50px;
    width:100%;
    height:500px;
    background:url('/img/about/bg_tour.jpg')no-repeat 50% 70%;
    background-size:cover;
}

.wrap_tour_list {
  width:1200px;
  margin:70px auto;
}
    .wrap_list {
        display:flex;
        }
  .list_tour {
    display:inline-block;
    width:48%;
  }
    .list_tour.ml {
      margin-left:30px;
    }
    .tour_img img {
      width:100%; height:390px;
    }
  .tour_txt {
    padding: 40px 20px;
  }
    .tour_txt h1 {
      font-size:30px;
    }
	.tour_txt b {
		display:block;
		margin-top: 8px;
	}
	.tour_car_1 {
		color:#00a98f;
	}
	.tour_car_2 {
		color:#008fd9;
	}
    .tour_txt p {
      width:100%;
      font-size:14px;
      line-height:25px;
    }





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

    .wrap_tour_list {
        width:100%;
        padding:0 10px;
    }

}

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

    .wrap_tour_list {
        text-align:center;
    }
        .list_tour.ml {
            margin-left:0px;
        }
    .tour_txt h1 {
        font-size:25px;
    }

    .tour_txt p {
        width:100%;
        font-size:13px;
        text-align:center;
      }

}

@media only screen and (max-width: 750px) {
    .list_tour {
        width:80%;
    }
    .wrap_list {
       flex-direction:column;
       align-items: center;
    }

    .list_tour {
        width:90%;
    }

}

@media only screen and (max-width: 500px) {
    .list_tour {
        width:90%;
    }

    .tit_tour {
        padding:120px 10px 0 10px;
    }

    .tour_img img {
        width:100%; height:350px;
    }

	.img_tour_main {
		margin-top:50px;
		width:100%;
		height:400px;
		background:url('/img/about/mb/bg_tour_mb.jpg')no-repeat 50% 70%;
		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: #008fd9;
							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: 32px 0;
	                          text-align: center;}

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

	.new_location_top_box ul li { margin-bottom: 20px; color: #fff; }

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



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

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

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

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



	.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 #008fd9; background-size: 47px; }
	.icon_bus { background: url('/img/about/come/icon_bus.png') no-repeat center #00a98f; background-size: 47px; }
	.icon_pick { background: url('/img/about/come/icon_pick.png') no-repeat center #008fd9; background-size: 47px; }


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

	.new_location_inside_article { font-weight: 300; font-size: 17px; line-height: 1.7; margin-top: 0; padding-left: 102px; margin-bottom: 0; }

	.pick_span { font-size: 14px; font-weight: 500; color: #5780a8; line-height: 1.4; display:block; margin-top: 5px; }


	.new_location_inside_article_bus { line-height: 2; }

	.bus_span { padding: 2px 6px; border-radius: 5px; color: #fff; font-weight: 400; font-size: 14px; }

	.bus_1 { background: #55cabe; } /*0096ff*/
	.bus_2 { background: #e70000; }
	.bus_3 { background: #54bc00; }



	@media screen and (max-width: 1280px) {
		.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: 70px !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; 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 { text-align: center; margin-bottom: 12px; }

		.new_location_wrap ul li { width: 50%; }

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

		.new_location_wrap ul li:last-child { clear: left; width: 100%; border-top: 1px dashed #e1e1e1; padding-top: 30px; }
	}


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




/* 예전 거 */

/* === KaKao Map === */
.wrap_btn_zoom {
    display:none !important;
}
.wrap_controllers {
  display:none !important;
}



.mt_location_2 {
    margin-top:10px;
}


.wrap_address_list {
    width:1200px;
    margin:50px auto;
    font-size:18px;
    font-weight:bold;
    line-height:35px;
  }
  .wrap_address_list span {
      font-size:15px;
  }



  .wrap_detail {
      display:flex;
      width:1200px; margin: 0 auto;
      padding:50px 10px;
    }

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



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

    .wrap_detail {
        width:100%;
    }

    .wrap_address_list {
        width:100%;
        padding:0 20px;
        text-align:center;
    }

}


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

    .wrap_detail {
        flex-direction:column;
        padding:50px 20px;
        text-align:center;
    }
        .wrap_detail h3 {margin:20px auto; font-size:20px; width: 218px;}
        .wrap_address { margin:10px 0;}

    .detail_car {
        width:100%;
    }
    .detail_public {
        width:100%;
        margin-left:0;
    }
        .mt_location {
            margin-top:30px;
        }

}




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

        .wrap_detail h3
            {margin:20px auto; font-size:4.5vw; width: 218px;}

            .wrap_detail span {
                display:block;
                margin-top:5px;
            }

}





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

    ================ Room ================

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


/* ===
:::::::: Preview .php :::::::
=== */

.mt_room_pre {
    margin-top:50px;
}

.wrap_room_preivew {
    display:flex;
    justify-content:space-between;
    position:relative;
    width:1200px;
    margin:100px auto;
}

.tit_room_pre {
    position:absolute;
    top:100px; left:30px;
    font-size:55px;
    font-family:"Josefin Sans";
    text-transform:uppercase;
}
    .wrap_room_left {
        width:49%;
        padding-top:250px;
    }

    .wrap_room_right {
        width:49%;
    }

    .block_room_pre {
        position:relative;
        width:100%;
        height:350px;
    }
        .room_pre_img {
            width:100%; height:100%;
            overflow:hidden;
        }
            .room_pre_bg {
                width:100%; height:100%;
                background-repeat:no-repeat;
                background-size:cover;
                background-position: center;
                transition:transform 500ms;

            }

        .block_room_pre:hover .room_pre_bg {
            transform:scale(1.1);
        }

        .block_room_pre img {
            width:100%;
            height:100%;
            transition:transform 500ms;
        }
            .block_room_pre:hover img {
                transform:scale(1.1);
            }

        .room_pre_txt {
            position:absolute;
            bottom:-30px; right:0;
            padding:20px;
            width:70%; height:70px;
            background:white;
        }
        .room_pre_txt h3 {
            padding-bottom:15px;
            width:90%;
            letter-spacing:2px;
            font-family: 'Lora', sans-serif;
            border-bottom:2px solid black;
        }
        .room_pre_txt h3 span.icon_plus {
            float:right;
        }



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


    @media only screen and (max-width: 1000px) {
        .mt_room_pre {
            margin-top:80px;
        }

        .wrap_room_preivew {
            flex-direction:column;
            align-items:center;
        }

        .tit_room_pre {
            top:50px; left:0;
            width:100%;
            text-align:center;
        }
        .wrap_room_left {
            width:70%;
        }

        .wrap_room_right {
            width:70%;
            margin-top:0;
        }

    }

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

        .wrap_room_left {
            width:90%;
        }

        .wrap_room_right {
            width:90%;
        }

    }




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


.mb_room_view {
    display:none;
}

.wrap_room_view {
    position:relative;
    width:100%;
}
    .wrap_slide_room {
        position:relative;
    }
    .slide_room {
        width:100%;
        height:100%;
    }
    .bg_room {
        width:100%;
        height:100vh;
        min-height:700px;
        background-repeat:no-repeat;
        background-size:cover;
        background-position: center;
    }


/* === 객실 정보 === */

.wrap_room_info {
    width:100%;
    background-color:#e1e1e1;

}
    .room_info {
        display:flex;
        width:1200px;
        margin:0 auto;
        padding:100px 0;
    }
    .room_name {
        width:20%;
        font-family:"Lora";
        color:white;
    }
        .room_name h1 {
            font-size:36px;
            color: #00a98f;
        }

        a.btn_room_reser {
            display:inline-block;
            margin-top:20px;
            padding:10px 35px;
            font-size:20px; font-weight:bold;
            text-transform:uppercase;
            background:#00a98f;
            transition:box-shadow 300ms;
        }

        a.btn_room_reser:hover {
            font-weight:bold;
            -webkit-box-shadow: 10px 10px 17px -4px rgba(0,0,0,0.75);
            -moz-box-shadow: 10px 10px 17px -4px rgba(0,0,0,0.75);
            box-shadow: 10px 10px 17px -4px rgba(0,0,0,0.75);
        }


    .wrap_room_detail {
        width:100%;

    }

    .room_detail {
        display:flex;
        width:100%;
        padding:10px 0 20px 30px;
    }
        .detail_1 {
            margin-right:50px; padding-bottom:20px;
            width:50%;
            border-bottom:1px solid #00a98f;
        }
        .detai_2 {
            padding-bottom:20px;
            width:50%;
            border-bottom:1px solid #00a98f;
        }

    .room_type {
        display:flex;
        font-weight:bold;
    }
        .room_de_tit {
            font-size:18px;
            color:#00a98f;
        }
        .room_de_con {
            padding-left:30px;
            color:#333;
            line-height:1.5em;
        }
            .room_de_con span {
                display:block;
            }
            .room_de_con.room_time span {
                display:inline;
            }

    .detail_3 .room_type {
        padding-bottom:65px;
    }


/* === 객실 비품 === */

    .wrap_room_facil {
        padding:100px 0;
        width:1200px;
        margin:0 auto;
    }
        .wrap_room_facil h1 {
            margin-bottom:40px;
        }
    .room_facil_list {
        margin-top:20px;
        font-size:14px; font-weight:bold;
    }

        .room_facil_list span {
            display:inline-block;
            width:120px;
            font-size:14px; font-weight:bold;
        }


    .slide_room .slick-dots {
        position:absolute;
        bottom:30px; right:30px;
    }
        .slide_room .slick-dots li {
            font-size:40px; font-weight:bold;
            font-family:"Poiret One";
            display:inline-block;
            display:none;
            color:#00a98f;
        }
        .slide_room .slick-dots li.slick-active {
            display:inline-block;
            color:white;
        }
        .slide_room .slick-dots li.slick-active::after {
            margin:0 30px;
            content:'/';
        }

        .slide_room .slick-dots li:last-child {
            display:inline-block;
        }


/* ===== Room - Prev, Next ===== */

    .wrap_room_next {
        display:flex;
        width:100%;
    }
        .wrap_pre_room {
            position:relative;
            width:50%;
            height:400px;
            cursor:pointer;
            overflow:hidden;
        }
            .pre_room_img {
                width:100%; height:100%;
                transition:transform 500ms;
                background-repeat:no-repeat;
                background-size:cover;
                background-position: center;
            }

        .pre_room_img::before {
            content:'';
            position:absolute;
            top:0; left:0;
            width:100%; height:100%;
            background:rgba(0,0,0,0.5);
            transition:background 500ms, transform 500ms;
        }
        .pre_room_img:hover::before {
            background:rgba(0,0,0,0);
        }
        .wrap_pre_room:hover .pre_room_img {
            transform: scale(1.1);
        }

        .room_pre_next {
            position:absolute;
            top:50%; left:50%;
            transform:translate(-50%,-50%);
            color:white;
			text-align: center;
        }

            .room_pre_next p {
                margin:5px 0;
                font-size:20px;
                font-family: 'Y_Spotlight';
				text-align:center;
            }
            .room_pre_next h3 {
                font-size:30px; font-weight:bold;
                font-family:"Lora";
            }



    .pre_img_1 {
        background:url('/img/room/preview_1.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .pre_img_2 {
        background:url('/img/room/preview_2.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .pre_img_3 {
        background:url('/img/room/preview_3.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .pre_img_4 {
        background:url('/img/room/preview_4.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .pre_img_5 {
        background:url('/img/room/preview_5.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .pre_img_6 {
        background:url('/img/room/preview_6.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .pre_img_7 {
        background:url('/img/room/preview_7.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .pre_img_8 {
        background:url('/img/room/preview_8.jpg')no-repeat 50% 50%;
        background-size:cover;
    }



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

        .room_info {
            width:100%;
            padding:70px 10px;
        }

            a.btn_room_reser {
                padding:10px 22px;
            }

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

            .room_de_tit {
                font-size:15px;
            }
            .room_de_con {
                font-size:13px;
            }

        .wrap_room_facil {
            width:100%;
            padding:70px 50px;
        }
            .wrap_room_facil h2 {
                font-size:25px;
            }
            .room_facil_list {
                margin-top:0;
            }
            .room_facil_list span {
                display:inline-block;
                margin-top:10px;
                width:20%;
                font-size:14px; font-weight:bold;
            }

    }


    @media only screen and (max-width: 1000px) {
        .room_info {
            flex-direction:column;
            align-items: center;
        }

        .room_name {
            width:100%;
            text-align:center;
            margin-bottom:50px;
        }

            .room_detail {
                width:100%;
				padding: 0 0 10px 0;
            }
            .room_type {
                flex-direction:column;
                align-items: center;
                justify-content:center;
            }
            .room_de_tit {
                width:100%;
                text-align:center;
            }
            .room_de_con {
                margin-top:10px;
                width:100%;
                text-align:center;
            }
            .room_detail.right {
                margin-top:50px;
            }
            .detail_1 {
                height:auto;
                padding-bottom:10px;
            }
            .detai_2 {
                height:auto;
                padding-bottom:10px;
				margin-top: 10px !important;
            }

        .wrap_room_facil {
            width:100%;
            padding:70px 30px;
        }


        .bg_room {
            height:70vw;
            min-height:500px;
        }

    }


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

        .wrap_room_facil {
            width:100%;
            padding:50px 20px;
        }
            .wrap_room_facil h2 {
                text-align:center;
                margin-bottom:20px;
            }
            .room_facil_list span {
                display:inline-block;
                margin-top:15px;
                width:33.3%;
                font-size:14px; font-weight:bold;
                text-align:center;
            }

        .wrap_room_next {
            flex-direction:column;
        }
            .wrap_pre_room {
                width:100%;
                height:250px;
            }

        .room_pre_next {
            width:100%;
            text-align:center;
        }

        .room_de_con {
            padding-left:0;
        }

        .room_detail {
            flex-direction:column;
            align-items:center;
        }
            .detail_1 {
                width:100%;
                margin-right:0;
            }
            .detai_2 {
                width:100%;
                margin-top:30px;
            }

        .room_de_facil_2 {
            margin-top:20px;
        }

        .mb_room_view {
            display:block;
            width:100%;
            height:60vh;
        }
            .mb_room_name.in_img {
                position:absolute;
                right:20px;
				transform: translate(0, 0);
                bottom:-20px;
                color:white;
                font-size:35px;
				width:fit-content;
				display:table;
				height: auto;
				text-shadow: 2px 1px 3px #333;
            }

        .mb_view_main {
            position:relative;
            height :70%;
            background-repeat:no-repeat;
            background-size:cover;
            background-position: center;
        }

        .mb_room_name {
            display:flex; justify-content:center; align-items: center;
            padding:0 20px;
            height:30%;
            font-size:30px; font-weight:bold;
            font-family:"Lora";

        }
            .mb_room_name .btn_room_reser {
                margin-top:0;
                height:40px;
                color:white;
            }

        .bg_room {
            min-height:250px;
            height:auto;
        }

		.slide_room .slick-dots {
			bottom:7px;
		}

		.slide_room .slick-dots li {
			font-size: 30px;
		}

    }






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

    ================ Facility ================

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

    .wrap_facil {
        position:relative;
        width:100%;
    }

    .facil_slide {
        width:100%;
    }
        .bg_facil {
            width:100%; height:100vh;
        }

    .wrap_facil_list {
        position:absolute;
        top:0; left:0;
        width:250px;
        height:100%;
        text-align:center;
    }
    .wrap_facil_list::before {
        content:'';
        position:absolute;
        top:0; left:0;
        width:100%; height:100%;
        background:rgba(209, 204, 206, .6)
    }
        .facil_list {
            position:relative;
            height:100%;
            font-family:"Lora";
            font-weight:bold;
        }
        .facil_list h2 {
            display:inline-block;
            margin-top:150px;
            padding-bottom:20px;
            font-size:35px;
            color:black;
            border-bottom:1px solid black;
        }
        .facil_list h4 {
            margin-top:10px;
        }

        .facil_list ul {
            margin-top:150px;
            font-size:20px;
        }
        .facil_list ul li {
            margin:15px 0;
            transition:text-shadow 300ms;
        }
        .facil_list ul li:hover {
            text-shadow: 2px 2px 4px #cccccc;
        }

    .wrap_facil_detail {
        position:absolute;
        top:0; right:0;
        width:450px;
        height:100%;
        text-align:center;
    }
    .wrap_facil_detail::before {
        content:'';
        position:absolute;
        top:0; left:0;
        width:100%; height:100%;
        background:rgba(209, 204, 206, .6)
    }
        .wrap_facil_detail h2 {
            display:inline-block;
            margin-top:25vh;
            padding-bottom:20px;
            font-size:35px;
            color:black;
            border-bottom:1px solid black;
        }

    .facil_desc {
        margin-top:102px;
        line-height:1.7em;
        font-family:"Nanum Gothic";
    }

    .slide_facil_more {
        position:absolute;
        bottom:0; right:0;
        padding:20px 0;
        width:100%;
        height:240px;
        background-color:white;
    }
        .bg_facil_more {
            margin-left:20px;
            width:100%;
            height:200px;
        }

    .wrap_nan_facil {
        position:absolute;
        top:20%; left:-100px;
        width:100px; height:100px;
    }


/* ===

    :::::::: Facil 1 :::::::

=== */

    .facil_1_1 {
        background:url('/img/facil/facil1_1.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .facil_1_2 {
        background:url('/img/facil/facil1_2.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .facil_1_3 {
        background:url('/img/facil/facil1_3.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .facil_1_4 {
        background:url('/img/facil/facil1_4.jpg')no-repeat 50% 50%;
        background-size:cover;
    }

	@media screen and (max-width: 500px) {
		.facil_1_1 {
			background:url('/img/facil/mb/facil1_1.jpg')no-repeat 20% 50%;
			background-size:cover;
		}
		.facil_1_2 {
			background:url('/img/facil/mb/facil1_2.jpg')no-repeat 50% 50%;
			background-size:cover;
		}
		.facil_1_3 {
			background:url('/img/facil/mb/facil1_3.jpg')no-repeat 20% 50%;
			background-size:cover;
		}
		.facil_1_4 {
			background:url('/img/facil/mb/facil1_4.jpg')no-repeat 50% 50%;
			background-size:cover;
		}
    .bg_facil{height: 350px}
	}




/* ===

    :::::::: Facil 2 :::::::

=== */

.facil_2_1 {
    background:url('/img/facil/facil2_1.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.facil_2_2 {
    background:url('/img/facil/facil2_2.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.facil_2_3 {
    background:url('/img/facil/facil2_3.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.facil_2_4 {
    background:url('/img/facil/facil2_4.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.facil_2_5 {
    background:url('/img/facil/facil2_5.jpg')no-repeat 50% 50%;
    background-size:cover;
}


@media screen and (max-width: 600px) {
	.facil_2_1 {
		background:url('/img/facil/mb/facil2_1.jpg')no-repeat 50% 50%;
		background-size:cover;
	}
}




/* ===

    :::::::: Facil 3 :::::::

=== */

.facil_3_1 {
    background:url('/img/facil/facil3_1.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.facil_3_2 {
    background:url('/img/facil/facil3_2.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.facil_3_3 {
    background:url('/img/facil/facil3_3.jpg')no-repeat 50% 50%;
    background-size:cover;
}

/* ===

    :::::::: Facil 4 :::::::

=== */

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


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

    .wrap_facil_detail h2 {
        margin-top:20vh;
    }
    .facil_desc {
        padding:0 20px;
    }

}

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

    .slide_facil_more {
        display:none;
    }

    .wrap_facil_list {
        display:none;
    }
    .wrap_facil_detail {
        padding:10px 0;
        width:100%;
        height:auto;
        position:absolute;
        left:0; top:auto; bottom:0;
    }
        .wrap_facil_detail h2 {
            margin-top:20px;
            font-size:30px;
        }
        .facil_desc {
            margin-top:10px;
            font-size:13px;
        }

    .wrap_nav_pen.nav_facil {
        display:none;
    }

    .wrap_facil_detail::before {
        background:rgba(209, 204, 206, .6)
    }

}

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

        .wrap_facil_detail h2 {
            font-size:20px;
        }
        .facil_desc {
            font-size:11px;
        }
        .wrap_facil_detail::before {
            background:rgba(209, 204, 206, .6)
        }
}











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

    ================ Reservation ================

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


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

.rer_mt {margin-top:10px;}




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

    .wrap_calender {
        margin-top:50px;
    }

    .calendar_pc {

    }

    .calendar_mb {
        display:none;
    }

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




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

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

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

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

        .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_2 {
            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_2:hover {
                background:#666666;
                border:1px solid #666666;
                color:white;
            }

            .btn_reser_2.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:17px;
        border-bottom:1px solid black;
    }

    .wrap_rer_info ul li {
        position:relative;
        font-size:13px;
        line-height:25px;
        padding-left:1em;
    }

	.wrap_rer_info ul li .color_warning {
		color: #f20;
	}

        .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 screen and (max-width: 800px) {
        .reser_banner {
            margin-top:70px;
            height:200px;
        }
	}

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

        .reser_banner {
			height:200px;
			background:url('/img/reser/mb/reser_banner.jpg')no-repeat 50% 58%;
			background-size:cover;
		}

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

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

        .reser_mb {
            display:table-row;
        }

        .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 0;
            text-align:center;
        }

        .serevation_info h1 {
            font-size:15px;
        }
        .serevation_info.number {
            height:20vh;
        }


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

        .reser_info span {
            display:block;
        }
        .btn_reser_2 {
            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.table_refund {
            display:none;
        }

        .wrap_refund_mb {
            display:block;
            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.number {
          display:block;
        }
        .serevation_info.ddnayo {
            display:block;
            padding:30px 10px;
            height:auto;
        }
            .serevation_info.ddnayo iframe {
                height:1200px !important;
            }

    }








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

    ================ Common ================

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


.wrap_nav_pen {
    position:absolute; z-index:100;
    width:100%;
    top:50%; left:0;
    transform:translate(0,-50%);
}

.pt_room {
    padding-top:20px;
}











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

    ================ 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;
    }
    .rer_detail p.rer_tit {
        margin:15px 0 5px 0;
        padding-left:0;
        font-size:15px;
    }