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

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

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

@media only screen and (max-width: 500px) {
    .bg_land1 {
        background:url('/img/about/mb/bg_land1.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .bg_land2 {
        background:url('/img/about/mb/bg_land2.jpg')no-repeat 36% 50%;
        background-size:cover;
    }

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

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

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

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

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

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

}




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


.tit_tour {
    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% 50%;
    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:450px;
    }
  .tour_txt {
    padding: 40px 20px;
  }
    .tour_txt h1 {
      font-size:30px;
    }
    .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:0 10px;
    }

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


}



/* ===
:::::::: Location .php :::::::
=== */

/* === 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:0px auto 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;
        }
        .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: 'Poiret One', sans-serif;
            border-bottom:2px solid black;
        }
        .room_pre_txt h3 span {
            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:80px;
        }

    }

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


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

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

}
    .room_info {
        display:flex;
        width:1200px;
        margin:0 auto;
        padding:100px 0;
    }
    .room_name {
        width:20%;
        font-family:"Poiret One";
        color:white;
    }
        .room_name h1 {
            font-size:35px;
        }

        a.btn_room_reser {
            display:inline-block;
            margin-top:20px;
            padding:10px 35px;
            font-size:20px; font-weight:bold;
            text-transform:uppercase;
            background:#03A9F4;
            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);
        }

    .room_detail {
        width:40%;
        padding:0 20px;
    }
        .detail_1 {
            height:90px;
            border-bottom:1px solid #03A9F4;
        }
        .detai_2 {
            margin-top:50px;
            height:50px;
            border-bottom:1px solid #03A9F4;
        }

    .room_type {
        display:flex;
        font-weight:bold;
    }
        .room_de_tit {
            font-size:17px;
            color:#03A9F4;
        }
        .room_de_con {
            padding-left:30px;
            color:white;
            line-height:1.5em;
        }

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

        .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:#03A9F4;
        }
        .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;
            }

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

            .room_pre_next p {
                margin:5px 0;
                font-size:20px;
                font-family:"Great Vibes";
            }
            .room_pre_next h3 {
                font-size:30px; font-weight:bold;
                font-family:"Poiret One";
            }



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

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

    }


    @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:30%;
                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;
        }


        .mb_room_view {
            display:block;
            width:100%;
            height:70vh;
        }
            .mb_room_name.in_img {
                position:absolute;
                left:60%; transform: translate(-30%, 0);
                bottom:0;
                color:white;
                font-size:35px;
            }

        .mb_view_main {
            position:relative;
            height :80%;
        }

        .mb_room_name {
            display:flex; justify-content:space-between; align-items: center;
            padding:0 20px;
            height:20%;
            font-size:30px; font-weight:bold;
            font-family:"Poiret One";
        }
            .mb_room_name .btn_room_reser {
                margin-top:0;
                height:40px;
                color:white;
            }


        .bg_room {
            min-height:500px;
        }

    }






/* ===

    :::::::: Room1 :::::::

=== */

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

    .room_1_1 {
        background:url('/img/room/room1/room1_1.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_1_2 {
        background:url('/img/room/room1/room1_2.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_1_3 {
        background:url('/img/room/room1/room1_3.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_1_4 {
        background:url('/img/room/room1/room1_4.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_1_5{
        background:url('/img/room/room1/room1_5.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_1_6{
        background:url('/img/room/room1/room1_6.jpg')no-repeat 50% 50%;
        background-size:cover;
    }



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

        .room_1_1 {
            background:url('/img/room/room1/mb/room1_1.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .room_1_2 {
            background:url('/img/room/room1/mb/room1_2.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .room_1_3 {
            background:url('/img/room/room1/mb/room1_3.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .room_1_4 {
            background:url('/img/room/room1/mb/room1_4.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .room_1_5{
            background:url('/img/room/room1/mb/room1_5.jpg')no-repeat 50% 50%;
            background-size:cover;
        }


    }



/* ===

    :::::::: Room2 :::::::

=== */
.mb_view_main.room_2 {
        background:url('/img/room/room2/room_2_2.jpg')no-repeat 50% 50%;
        background-size:cover;
    }

.room_2_1 {
    background:url('/img/room/room2/room_2_1.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_2_2 {
    background:url('/img/room/room2/room_2_2.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_2_3 {
    background:url('/img/room/room2/room_2_3.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_2_4 {
    background:url('/img/room/room2/room_2_4.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_2_5{
    background:url('/img/room/room2/room_2_5.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_2_6{
    background:url('/img/room/room2/room_2_6.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_2_7{
    background:url('/img/room/room2/room_2_7.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_2_8{
    background:url('/img/room/room2/room_2_8.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_2_9{
    background:url('/img/room/room2/room_2_9.jpg')no-repeat 50% 50%;
    background-size:cover;
}

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


    .room_2_1 {
        background:url('/img/room/room2/mb/room_2_1.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_2_2 {
        background:url('/img/room/room2/mb/room_2_2.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_2_3 {
        background:url('/img/room/room2/mb/room_2_3.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_2_4 {
        background:url('/img/room/room2/mb/room_2_4.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_2_5{
        background:url('/img/room/room2/mb/room_2_5.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_2_6{
        background:url('/img/room/room2/mb/room_2_6.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_2_7{
        background:url('/img/room/room2/mb/room_2_7.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_2_8{
        background:url('/img/room/room2/mb/room_2_8.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_2_9{
        background:url('/img/room/room2/mb/room_2_9.jpg')no-repeat 50% 50%;
        background-size:cover;
    }

}





/* ===

    :::::::: Room3 :::::::

=== */
.mb_view_main.room_3 {
        background:url('/img/room/room3/room_3_2.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
.room_3_1 {
    background:url('/img/room/room3/room_3_1.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_3_2 {
    background:url('/img/room/room3/room_3_2.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_3_3 {
    background:url('/img/room/room3/room_3_3.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_3_4 {
    background:url('/img/room/room3/room_3_4.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_3_5{
    background:url('/img/room/room3/room_3_5.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_3_6{
    background:url('/img/room/room3/room_3_6.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_3_7{
    background:url('/img/room/room3/room_3_7.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_3_8{
    background:url('/img/room/room3/room_3_8.jpg')no-repeat 50% 50%;
    background-size:cover;
}



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

    .room_3_1 {
        background:url('/img/room/room3/mb/room_3_1.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_3_2 {
        background:url('/img/room/room3/mb/room_3_2.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_3_3 {
        background:url('/img/room/room3/mb/room_3_3.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_3_4 {
        background:url('/img/room/room3/mb/room_3_4.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_3_5{
        background:url('/img/room/room3/mb/room_3_5.jpg')no-repeat 50% 50%;
        background-size:cover;
    }


}




/* ===

    :::::::: Room4 :::::::

=== */
.mb_view_main.room_4 {
        background:url('/img/room/room4/room_4_2.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
.room_4_1 {
    background:url('/img/room/room4/room_4_1.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_4_2 {
    background:url('/img/room/room4/room_4_2.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_4_3 {
    background:url('/img/room/room4/room_4_3.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_4_4 {
    background:url('/img/room/room4/room_4_4.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_4_5{
    background:url('/img/room/room4/room_4_5.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_4_6 {
    background:url('/img/room/room4/room_4_6.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_4_7 {
    background:url('/img/room/room4/room_4_7.jpg')no-repeat 50% 17%;
    background-size:cover;
}


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

        .room_4_1 {
            background:url('/img/room/room4/mb/room_4_1.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .room_4_2 {
            background:url('/img/room/room4/mb/room_4_2.jpg')no-repeat 57% 50%;
            background-size:cover;
        }
        .room_4_3 {
            background:url('/img/room/room4/mb/room_4_3.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .room_4_4 {
            background:url('/img/room/room4/mb/room_4_4.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .room_4_5{
            background:url('/img/room/room4/mb/room_4_5.jpg')no-repeat 40% 50%;
            background-size:cover;
        }
        .room_4_6 {
            background:url('/img/room/room4/mb/room_4_6.jpg')no-repeat 93% 50%;
            background-size:cover;
        }
    .room_4_7 {
            background:url('/img/room/room4/mb/room_4_7.jpg')no-repeat 0% 50%;
            background-size:cover;
        }
}



/* ===

    :::::::: Room5 :::::::

=== */
.mb_view_main.room_5 {
        background:url('/img/room/room5/room_5_2.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
.room_5_1 {
    background:url('/img/room/room5/room_5_1.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_5_2 {
    background:url('/img/room/room5/room_5_2.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_5_3 {
    background:url('/img/room/room5/room_5_3.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_5_4 {
    background:url('/img/room/room5/room_5_4.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_5_5{
    background:url('/img/room/room5/room_5_5.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_5_6{
    background:url('/img/room/room5/room_5_6.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_5_7{
    background:url('/img/room/room5/room_5_7.jpg')no-repeat 50% 50%;
    background-size:cover;
}


@media only screen and (max-width: 500px) {
    .room_5_1 {
        background:url('/img/room/room5/mb/room_5_1.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_5_2 {
        background:url('/img/room/room5/mb/room_5_2.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_5_3 {
        background:url('/img/room/room5/mb/room_5_3.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_5_4 {
        background:url('/img/room/room5/mb/room_5_4.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_5_5{
        background:url('/img/room/room5/mb/room_5_5.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_5_6{
        background:url('/img/room/room5/mb/room_5_6.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_5_7{
        background:url('/img/room/room5/mb/room_5_7.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
}


/* ===

    :::::::: Room6 :::::::

=== */
.mb_view_main.room_6 {
        background:url('/img/room/room6/room_6_2.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
.room_6_1 {
    background:url('/img/room/room6/room_6_1.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_6_2 {
    background:url('/img/room/room6/room_6_2.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_6_3 {
    background:url('/img/room/room6/room_6_3.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_6_4 {
    background:url('/img/room/room6/room_6_4.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_6_5{
    background:url('/img/room/room6/room_6_5.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_6_6{
    background:url('/img/room/room6/room_6_6.jpg')no-repeat 50% 50%;
    background-size:cover;
}


@media only screen and (max-width: 500px) {
    .room_6_1 {
    background:url('/img/room/room6/mb/room_6_1.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_6_2 {
    background:url('/img/room/room6/mb/room_6_2.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_6_3 {
    background:url('/img/room/room6/mb/room_6_3.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_6_4 {
    background:url('/img/room/room6/mb/room_6_4.jpg')no-repeat 4% 50%;
    background-size:cover;
}
.room_6_5{
    background:url('/img/room/room6/mb/room_6_5.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_6_6{
    background:url('/img/room/room6/mb/room_6_6.jpg')no-repeat 50% 50%;
    background-size:cover;
}
}


/* ===

    :::::::: Room7 :::::::

=== */
.mb_view_main.room_7 {
        background:url('/img/room/room7/room_7_2.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
.room_7_1 {
    background:url('/img/room/room7/room_7_1.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_7_2 {
    background:url('/img/room/room7/room_7_2.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_7_3 {
    background:url('/img/room/room7/room_7_3.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_7_4 {
    background:url('/img/room/room7/room_7_4.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_7_5{
    background:url('/img/room/room7/room_7_5.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_7_6{
    background:url('/img/room/room7/room_7_6.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_7_7{
    background:url('/img/room/room7/room_7_7.jpg')no-repeat 50% 50%;
    background-size:cover;
}
@media only screen and (max-width: 500px) {
    .room_7_1 {
    background:url('/img/room/room7/mb/room_7_1.jpg')no-repeat 34% 50%;
    background-size:cover;
}
.room_7_2 {
    background:url('/img/room/room7/mb/room_7_2.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_7_3 {
    background:url('/img/room/room7/mb/room_7_3.jpg')no-repeat 24% 50%;
    background-size:cover;
}
.room_7_4 {
    background:url('/img/room/room7/mb/room_7_4.jpg')no-repeat 61% 50%;
    background-size:cover;
}
.room_7_5{
    background:url('/img/room/room7/mb/room_7_5.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_7_6{
    background:url('/img/room/room7/mb/room_7_6.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_7_7{
    background:url('/img/room/room7/mb/room_7_7.jpg')no-repeat 50% 50%;
    background-size:cover;
}
}

/* ===

    :::::::: Room8 :::::::

=== */
.mb_view_main.room_8 {
        background:url('/img/room/room8/room_8_2.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
.room_8_1 {
    background:url('/img/room/room8/room_8_1.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_8_2 {
    background:url('/img/room/room8/room_8_2.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_8_3 {
    background:url('/img/room/room8/room_8_3.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_8_4 {
    background:url('/img/room/room8/room_8_4.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_8_5{
    background:url('/img/room/room8/room_8_5.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_8_6{
    background:url('/img/room/room8/room_8_6.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_8_7{
    background:url('/img/room/room8/room_8_7.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_8_8{
    background:url('/img/room/room8/room_8_8.jpg')no-repeat 50% 10%;
    background-size:cover;
}
@media only screen and (max-width: 500px) {
    .room_8_1 {
    background:url('/img/room/room8/mb/room_8_1.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_8_2 {
    background:url('/img/room/room8/mb/room_8_2.jpg')no-repeat 24% 50%;
    background-size:cover;
}
.room_8_3 {
    background:url('/img/room/room8/mb/room_8_3.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_8_4 {
    background:url('/img/room/room8/mb/room_8_4.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_8_5{
    background:url('/img/room/room8/mb/room_8_5.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_8_6{
    background:url('/img/room/room8/mb/room_8_6.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_8_7{
    background:url('/img/room/room8/mb/room_8_7.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.room_8_8{
    background:url('/img/room/room8/mb/room_8_8.jpg')no-repeat 21% 50%;
    background-size:cover;
}
}

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

    ================ 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:"Poiret One";
            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 #000000;
        }

    .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:250px;
            padding-bottom:20px;
            font-size:35px;
            color:black;
            border-bottom:1px solid black;
        }

    .facil_desc {
        margin-top:50px;
        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;
    }
    .facil_1_5 {
        background:url('/img/facil/facil1_5.jpg')no-repeat 50% 50%;
        background-size:cover;
    }




/* ===

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




/* ===

    :::::::: 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: 900px) {
    .wrap_facil_list {
        display:none;
    }
    .wrap_facil_detail {
        width:100%;
        height:200px;
        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;
    }
}

@media only screen and (max-width: 600px) {
    .slide_facil_more {
        display:none;
    }
        .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;
        padding-bottom:50px;
    }

    .reser_banner {
        display:flex; justify-content:center; align-items:center;
        margin-top:0px;
        height:400px;
        background:url('/img/reser/reser_banner.jpg')no-repeat 50% 70%;
        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 !important;
    }
        .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: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 {
            height:50vh;
            padding:100px 0;
            text-align:center;
        }

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

        .reser_banner {
            margin-top:40px;
            height:200px;
        }

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


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

    }








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

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

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


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


.pt_room {
    padding-top:20px;
}

.mt_body {
    margin-top:100px;
}

@media only screen and (max-width:500px){
    .mt_body {
        margin-top:50px;
    }

}

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

    ================ Btn list ================

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









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

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

}