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

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;
}
#fp-nav {
    z-index:120;
}
.footer.mb {
    display:none;
}




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

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

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

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


    /* Common */
        .intro_txt {
            text-align:center;
            font-size:3vw; font-weight:bold;
            line-height:25px;
            color:white; text-shadow: 2px 2px 3px #000000;
        }

        .wrap_intro {
            display:flex; flex-direction:column; justify-content:center; align-items:center;
            width:100%; height:100vh;
        }
        .intro_margin {
            margin:25px 0 15px 0;
        }

        .flex_col_CB {
            display:flex; flex-direction:column;
            justify-content:center; align-items:center;
        }

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

            #fp-nav ul li a.active span {
                width:10px; height:10px;
                margin:0;
                background:#136396;
            }
            #fp-nav ul li, .fp-slidesNav ul li {
                margin-top:10px;
            }



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



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


     /* 3rd Section. */
        .bg_intro3 {
            background:url('/img/facility/pool2.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:600px){
            .intro_txt {
                font-size:17px;
            }
        }

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

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

    .bg_land1 {
        background:url('/img/facility/l01.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .bg_land2 {
        background:url('/img/facility/l02.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .bg_land3 {
        background:url('/img/facility/l03.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .bg_land4 {
        background:url('/img/facility/l04.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .bg_land5 {
        background:url('/img/facility/l06.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .bg_land6 {
        background:url('/img/facility/pool1.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .bg_land7 {
        background:url('/img/facility/pool2.jpg')no-repeat 50% 50%;
        background-size:cover;
    }

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

    .wrap_location {width:1200px; margin:30px auto 100px auto;}
        .location_tit {margin:30px 0;}
        .wrap_address {margin-top:20px;}
        .direction {margin-top:30px;}
        .detail_car {padding-right:30px;}
            .wrap_detail h3 {font-size:18px;}
            .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:17px;
                color:#9A9A9A
            }
        .wrap_detail {display:flex;}
            .detail_public {
                margin-left:50px; padding-right:30px;
            }

    @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 {
            text-align:center;
        }
        .detail_public {
            margin-top:50px; margin-left:0;
            text-align:center;
        }
    }




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

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

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

/* ===
    :::::::: Common :::::::
=== */
    .pt_room {
        padding-top:20px;
    }


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


/* 1st Section. */
     .bg_room1_1 {
        background:url('/img/room/a202/a202_1.jpg')no-repeat 50% 50%;
        background-size:cover;
    }

    .wrap_room_intro {
        display:flex;
        width:100%; height:50%;
    }
        .room_intro1 {
            width:60%; height:100%;
            background:url('/img/room/m1_a.jpg')no-repeat 50% 50%;
            background-size:cover;
            transition:transform 1000ms;
            transform: translate3d(-70%, 0%, 0);
        }
            .room_intro1.on {
                transform: translate3d(0%, 0%, 0);
            }

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

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

        .room_intro_txt {
            width:40%;
            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_intro_txt p {
                margin:7px;
                font-size:14px;
            }
            .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 #6e6e6e;
            overflow:hidden;
            transition:border 500ms, color 500ms;
        }
            a.btn_room:hover {
                border:1px solid rgb(255, 83, 96);
                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:rgb(255, 83, 96);
                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:left;
        }


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

    }


/* ===
    :::::::: room102 .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 70px 0px 0;
            border-bottom:2px solid white;
        }

        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:rgba(255,255,255,1);
            }

        .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.8);
                transform: scale(1,1) rotate(0)skew(16deg,0) translate(0,0);
            }

            .room_detail_txt {
                position:absolute; z-index:210;
                padding:50px 0 30px 0;
                left:100px;
                font-weight:bold; text-align:center;
            }
                .room_detail_txt h4 {font-weight:bold;}
                .room_detail_txt p {font-size:14px; line-height:20px;}
                .de_warning {color:rgb(140, 134, 248);}
                .de_info {font-size:12px; color:#868685;}
                .r_de_mt {margin-top:20px;}

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

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

        .bg_room102_3 {
            background:url('/img/room/102/m102_3.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .bg_room102_4 {
            background:url('/img/room/102/m102_4.jpg')no-repeat 50% 50%;
            background-size:cover;
        }

    /* Room View Info */
        .room_facil {
            display:flex;
            width:600px;
            font-size:0;
        }
        .room_facil >  div {
            width:17%;
            padding:10px 0;
            font-size:12px;
            border:1px solid #C7C6C5;
            border-right:none;
        }
            div.b_right {border-right:1px solid #C7C6C5; }
        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%;
        }
        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:none;}

            /* .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:80px;
                text-align:center;
                font-weight:bold;
            }
                .mb_room_detail {
                    padding:0 10px;
                }
                .mb_wrap_room2 p {
                    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;}
                .mb_room_type span{
                    display:inline-block;
                    padding:5px 10px;
                    font-size:13px;
                    background-color:black;
                    color:white;
                }
                .mb_room_num span {
                    display:inline-block;
                    margin-top:10px;
                    font-size:13px;
                }
                .mb_room_img_tit img {
                    margin:10px 0 0 0;
                    width:30%;
                }
                p.mb_room_desc {
                    margin:0;
                    font-size:14px;
                }
                .mb_tit_type {
                    margin:10px 0 20px 0;
                }
                    .mb_tit_type span {
                        color:#26c0c3;
                    }

                .mb_room2_main {
                    height:250px;
                    background:url('/img/room/102/m102_1.jpg')no-repeat 50% 50%;
                    background-size:100%;
                }
                .mb_tit_info {
                    color:#26c0c3;
					margin: 20px auto;
                }

            .mb_room_img img {
                width:100%;
            }

        }

.mb_room_img{
	margin-top:20px;
}


/* ===
    :::::::: room103 .php :::::::
=== */

  .mb_room103_main {
                    height:250px;
                    background:url('/img/room/103/m103_1.jpg')no-repeat 50% 50%;
                    background-size:100%;
                }

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

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

        .bg_room103_3 {
            background:url('/img/room/103/m103_3.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .bg_room103_4 {
            background:url('/img/room/103/m103_4.jpg')no-repeat 50% 50%;
            background-size:cover;
        }

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

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

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

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

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


/* ===
    :::::::: room_a201 .php :::::::
=== */

  .mb_room_a201_main {
                    height:250px;
                    background:url('/img/room/a201/a201_1.jpg')no-repeat 50% 50%;
                    background-size:100%;
                }

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

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

        .bg_room_a201_3 {
            background:url('/img/room/a201/a201_3.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .bg_room_a201_4 {
            background:url('/img/room/a201/a201_4.jpg')no-repeat 50% 50%;
            background-size:cover;
        }

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

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

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

/* ===
    :::::::: room_a202 .php :::::::
=== */

  .mb_room_a202_main {
                    height:250px;
                    background:url('/img/room/a202/a202_1.jpg')no-repeat 50% 50%;
                    background-size:100%;
                }

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

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

        .bg_room_a202_3 {
            background:url('/img/room/a202/a202_3.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .bg_room_a202_4 {
            background:url('/img/room/a202/a202_4.jpg')no-repeat 50% 50%;
            background-size:cover;
        }

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

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

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


/* ===
    :::::::: room_a203 .php :::::::
=== */

  .mb_room_a203_main {
                    height:250px;
                    background:url('/img/room/a203/a203_1.jpg')no-repeat 50% 50%;
                    background-size:100%;
                }

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

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

        .bg_room_a203_3 {
            background:url('/img/room/a203/a203_3.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .bg_room_a203_4 {
            background:url('/img/room/a203/a203_4.jpg')no-repeat 50% 50%;
            background-size:cover;
        }

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

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

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

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

/* ===
    :::::::: room_b201 .php :::::::
=== */

  .mb_room_b201_main {
                    height:250px;
                    background:url('/img/room/b201/b201_1.jpg')no-repeat 50% 50%;
                    background-size:100%;
                }

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

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

        .bg_room_b201_3 {
            background:url('/img/room/b201/b201_3.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .bg_room_b201_4 {
            background:url('/img/room/b201/b201_4.jpg')no-repeat 50% 50%;
            background-size:cover;
        }

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

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

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

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

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

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

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

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


/* ===
    :::::::: room_b202 .php :::::::
=== */

  .mb_room_b202_main {
                    height:250px;
                    background:url('/img/room/b202/b202_1.jpg')no-repeat 50% 50%;
                    background-size:100%;
                }

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

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

        .bg_room_b202_3 {
            background:url('/img/room/b202/b202_3.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .bg_room_b202_4 {
            background:url('/img/room/b202/b202_4.jpg')no-repeat 50% 50%;
            background-size:cover;
        }

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

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

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


/* ===
    :::::::: room_b203 .php :::::::
=== */

  .mb_room_b203_main {
                    height:250px;
                    background:url('/img/room/b203/b203_1.jpg')no-repeat 50% 50%;
                    background-size:100%;
                }

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

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

        .bg_room_b203_3 {
            background:url('/img/room/b203/b203_3.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .bg_room_b203_4 {
            background:url('/img/room/b203/b203_4.jpg')no-repeat 50% 50%;
            background-size:cover;
        }

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

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

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

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

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

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

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

	      .bg_room_b203_12 {
            background:url('/img/room/b203/b203_12.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:18px;
            font-weight:bold;
        }
 .facil_tit_img img {
            height:100%;
            max-width:700px;
        }
@media screen and (max-width: 768px){
        .facil_tit_img img {
            height:75px;
        }
}
        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:rgba(255,255,255,1);
            }


    .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:600px;
                margin:0 auto; padding:60px 0;
                font-weight:bold; text-align:center;
            }
                .info_detail_inner h3 {
                    padding-bottom:20px;
                    border-bottom:1px solid black;
                }
                .info_detail_inner p {
                    text-transform: uppercase;
                }
                .de_in_eng {
                    margin-top:30px;
                    font-size:12px; line-height:17px;
                    color:grey;
                }
                .de_in_kor {
                    font-size:14px;  line-height:20px;
                }
            button.close_detail {
                position:absolute; top:-15px; margin-left:-55px;
                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;}
    }



/* ===
    :::::::: facility1 .php :::::::
=== */


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

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

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

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

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

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



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

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

        .bg_facil2_2 {
            background:url('/img/room/103/m103_7.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
	   .bg_facil2_3 {
            background:url('/img/room/103/m103_8.jpg')no-repeat 50% 50%;
            background-size:cover;
        }

	   .bg_facil2_4 {
            background:url('/img/room/b201/b201_12.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
	   .bg_facil2_5 {
            background:url('/img/room/b202/b202_6.jpg')no-repeat 50% 50%;
            background-size:cover;
        }

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

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


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

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

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

        .bg_facil3_4 {
            background:url('/img/facility/bbq4.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .bg_facil3_5 {
            background:url('/img/facility/bbq5.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .bg_facil3_6 {
            background:url('/img/facility/bbq6.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .bg_facil3_7 {
            background:url('/img/facility/bbq7.jpg')no-repeat 50% 50%;
            background-size:cover;
        }





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

    ================ Service ================

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


/* ===
    :::::::: service0.php :::::::
=== */

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

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

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

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

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

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


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

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


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

        .bg_service3_1 {
            background:url('/img/facility/am1.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;
        }






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

    ================ 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_tit_img {
                position:absolute;
                top:50%; left:50%;
                transform:translate(-50%,-50%);
            }
        .tour_intro {
            display:flex; flex-direction:column; align-items:center;
            width:45vw;
            height:100%;
            font-family: 'Noto Sans KR', sans-serif;
        }
            .tour_name {
                width:80%; max-width:550px;
                text-align:center;
            }
                .tour_name_eng {
                    margin-top:50px;
                    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-top:50px;
            }

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

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





    @media only screen and (max-width:1000px){
        .wrap_tour {
            padding-top:60px;
        }

        .block_tour {
            flex-direction:column;
            height:1300px;
        }
            .tour_bg {
                width:100%; height:40%;
            }
            .tour_intro {
                width:100%; height:60%;
                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;
                }
    }

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

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

        .tour_name_eng {margin-top:20px;}
        .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;}
    }





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

    ================ 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 :::::::
=== */
    
    .j_a {
    color: red;
    margin-top: 40px;
    font-size: 24px;
    }
    .section_reser_info {
        font-family: 'Noto Sans KR', sans-serif;
    }

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

    .wrap_reser_info {
        width:1200px;
        margin:0 auto;
        padding:60px 0;
        font-weight:bold;
    }
    .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;
			display: none;
        }
            .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:none;
            margin-bottom:3px;
            font-size:12px;
            text-decoration: line-through;
            color:#9FA19F;
        }
        .pri_friday {
            color:#2371C0;
        }
        .pri_weekend {
            color:#FF416B;
        }
        .price_high {
            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;
        }

    .wrap_refund_mb {
        display:none;
    }


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

    @media only screen and (max-width:700px){
        
        .j_a {
            font-size: 16px;
        }
        .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){
        
        .j_a {
            font-size: 16px;
        }
        .reser_banner h1 {
            font-size:30px;
        }

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


    .view_pc {
        position:relative;
        width:1200px;
        margin:50px auto;
    }

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

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


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

    .serevation_info {
        display:none;
    }
    .j_a {
        font-size: 16px;
    }
}
.color_info {color:#1E90FF;}
.color_warning {color:#D60808}