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

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

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


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

    ================ 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;
        }
            h1.intro_al {
                font-size:130px; 
                color:white;
                text-shadow: 2px 2px 3px #000000;
                font-family:'Abril Fatface';
                text-transform:uppercase;
            }
            h1.intro_semi {
                font-size:60px; 
                color:white;
                text-shadow: 2px 2px 3px #000000;
                font-family:'Abril Fatface';
                text-transform:uppercase;
                letter-spacing:4px;
            }
            h2.intro_semi {
                font-size:30px; 
                color:white;
                text-shadow: 2px 2px 3px #000000;
                font-family:'Abril Fatface';
                text-transform:uppercase;
                letter-spacing:2px;
            }
        .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/about/intro/1.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        
    /* 2nd Section. */
        .bg_intro2 {
            background:url('/img/about/intro/2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }


     /* 3rd Section. */
        .bg_intro3 {
            background:url('/img/about/intro/3.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;
            }
        }

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

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


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


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


        }




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

    .bg_land1 {
        background:url('/img/about/land/1.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land2 {
        background:url('/img/about/land/2.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land3 {
        background:url('/img/about/land/3.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land4 {
        background:url('/img/about/land/4.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land5 {
        background:url('/img/about/land/5.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land6 {
        background:url('/img/about/land/6.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land7 {
        background:url('/img/about/land/7.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land8 {
        background:url('/img/about/land/8.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land9 {
        background:url('/img/about/land/9.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land10 {
        background:url('/img/about/land/10.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land11 {
        background:url('/img/about/land/11.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }


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

        .bg_land1 {
            background:url('/img/about/land/mb/1.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land2 {
            background:url('/img/about/land/mb/2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land3 {
            background:url('/img/about/land/mb/3.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land4 {
            background:url('/img/about/land/mb/4.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land5 {
            background:url('/img/about/land/mb/5.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land6 {
            background:url('/img/about/land/mb/6.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land7 {
            background:url('/img/about/land/mb/7.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land8 {
            background:url('/img/about/land/mb/8.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land9 {
            background:url('/img/about/land/mb/9.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land10 {
            background:url('/img/about/land/mb/10.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land11 {
            background:url('/img/about/land/mb/11.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
 
 
    }

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

    .wrap_location { 
        margin:30px auto 100px auto;
        width:1200px;
        min-height:20vh;
    }
        .location_tit {
            margin:30px 0; 
            font-size:35px; font-weight:bold; 
            font-family:"EB Garamond";
            letter-spacing:2px;
        }
        .wrap_address {margin-top:20px;}
        .direction {margin-top:30px;}

        .detail_car {padding-right:30px; width:50%;}
            .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;
            }

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

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

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

    }




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

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




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







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

    .room_preview {
        height:100%;
    }

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

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


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

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

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

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

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

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

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

            .room_pre_tit {
                margin-left:5px;
                font-size:35px;
                letter-spacing:3px;
                font-family:"Abril Fatface";

            }
                .room_pre_tit span {
                    font-size:45px;
                }
            .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 #232476;
                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:#232476;
                transform: translate3d(0, 100%, 0);
                transition:transform 300ms;
                z-index:5;
            }
    
                a.btn_room:hover > .btn_fill_room {
                    transform: translate3d(0, 0%, 0);
                }

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



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

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


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

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

    }



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

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

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

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

    .bg_room1_3 {
        background:url('/img/room/room1/3.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_room1_4 {
        background:url('/img/room/room1/4.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }

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

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



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

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

        .wrap_room_tit {
            position:fixed; z-index:110; 
            top:50%; transform: translate(0%, -50%);
            margin-left:50px;
        }
        .room2_1st_1 {
            padding:20px 70px 0px 0;
            border-bottom:2px solid white;
        }
        .room_type {
            font-size:45px;
            font-family: 'Lobster', serif;
            color: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;
            }
                .detail_tit {font-size:30px;  font-family: 'Great Vibes', serif;}
                .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 */
        .mb_room2_main {
            height:250px;
            background:url('/img/room/room2/2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

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

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

        .bg_room2_3 {
            background:url('/img/room/room2/3.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_room2_4 {
            background:url('/img/room/room2/4.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_room2_5 {
            background:url('/img/room/room2/5.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_room2_6 {
            background:url('/img/room/room2/6.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        
        
        
        
        
        
        




    /* Room View Info */
        .room_facil {
            display:flex;
            width:600px; 
            font-size:0;
        }
        .room_facil >  div {
            width:100px;
            padding:10px 0;
            font-size:12px;
            border:1px solid #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%;
            max-height:90px;
        }
        div.room_facil_item span {
            margin-top:5px;
        }

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

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


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


            .mb_wrap_room2 {
                display:block; 
                padding-top:80px;
                text-align:center;
                font-weight:bold;
            }
                .mb_room_detail {
                    padding:10px 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;}
                    span.mb_facil_list1 {display:block !important;}

                .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:20px 0;
                    width:90%;
                }
                p.mb_room_desc {
                    margin:0;
                    font-size:14px;
                }
                .mb_tit_type {
                    margin:10px 0 20px 0;
                }
                    .mb_tit_type span {
                        color:#26c0c3;
                    }
            
                .mb_tit_info {
                    color:#26c0c3;
                }

            .mb_room_img img {
                width:100%;
            }
   
        }




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

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

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

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

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



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

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

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

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

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

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




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

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

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

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




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

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


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

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

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

/* === 
    :::::::: room7 .php :::::::
=== */

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


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

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

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


/* === 
    :::::::: room8 .php :::::::
=== */

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


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

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

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

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




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

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

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

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

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

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

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






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

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

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

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

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

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




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

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


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

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

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

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

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

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

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

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

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

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





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

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


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

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

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

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



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

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


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

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

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

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




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

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

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

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

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

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

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

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







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

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

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

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

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

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

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

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

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

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

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

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

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

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




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

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


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

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

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

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

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

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

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

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

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

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

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

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





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

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

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

    .wrap_facil_tit {
        position:fixed; z-index:110; 
        top:50%; transform: translate(0%, -50%);
        width:100%;
        text-align:center;
        color:white;
    }
        .wrap_facil_tit p {
            font-size:18px;
            font-weight:bold;
        }

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

        a.btn_facil_detail {
            display:inline-block;
            margin-top:40px; 
            padding:10px 25px; 
            font-size:14px; font-weight:bold;
            text-transform:uppercase;
            background:rgba(255,255,255,0.7);
            transition:background 500ms;
            color:black;
            
        }
            a.btn_facil_detail:hover {
                background: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;}
    }
    
    

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


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

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

        .bg_facil1_3 {
            background:url('/img/facility/pool/3.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_facil1_4 {
            background:url('/img/facility/pool/4.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_facil1_5 {
            background:url('/img/facility/pool/5.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_facil1_6 {
            background:url('/img/facility/pool/6.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }


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


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


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


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









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

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


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

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


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

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


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

        .bg_service3_1 {
            background:url('/img/service/shower/1.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_title {
                position:absolute;
                width:100%;
                text-align:center;
                color:#fff;
                font-family: 'Lora', serif;
                text-transform:uppercase;
            }
               
                .tour_title p {
                    margin:250px 0 0 0;
                    font-size:45px;
                    text-shadow:1px 1px 10px #333;
                }
                .tour_title h3 {
                    position:relative;
                    padding-bottom:15px;
                    font-size:45px; font-weight:100;
                    letter-spacing:3px;
                    text-shadow:1px 1px 10px #333;
                }
                .tour_title h3::before {
                    content:'';
                    position:absolute;
                    left:50%; bottom:0;
                    transform:translate(-50%,0);
                    width:300px; height:1px; 
                    background-color:white;
                }
                .tour_title h5 {
                    margin-top:10px;
                    font-size:20px;
                    letter-spacing:3px;
                    font-weight:200;
                    text-shadow:1px 1px 10px #333;
                }

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

        .tour_intro {
            display: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:50px auto 0 auto;
                width:400px; height:350px;
            }
                .tour_img img {
                    width:100%;
                    height:100%;
                }

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

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

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

    .bg_tour1_4 {
        background:url('/img/tour/4.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 {
            margin-top:50px;
            height:850px;
        }
        .block_tour.tour1_1 {
            margin-top:0;
        }
            .tour_bg {height:30vh;}

        .tour_img {
            width:90%;
            height:230px;
        }
        .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;
        }

        .tour_title {
            display:none;
        }


    }





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

    ================ 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 :::::::
=== */


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

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


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


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

    .reser_banner {
        display:flex; justify-content:center; align-items:center;
        margin-top:90px;
        height:400px; 
        background:url('/img/reser/reser_banner.jpg')no-repeat 50% 20%;
        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;
        }

        .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;
    }
    .reser_sort {
        padding:10px 0;
        text-align:left;
        border-bottom:1px solid grey;
    }
        .reser_sort a {
            color:black;
        }
        a.season {
            display:inline-block;
            padding:10px 25px;
            font-size:15px; font-weight:bold;
        }
        a.season.on {
            border-bottom:3px solid black;
        }
        .btn_reser {
            float:right;
            position:relative;
            margin-right:10px;
            padding:7px 60px;
            font-size:14px;
            border:1px solid rgb(27, 26, 26);
            border-bottom:1px solid black;
            transition:background 500ms;
        }
            .btn_reser:hover {
                background:#666666;
                border:1px solid #666666;
                color:white;
            }

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

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

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

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

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


    .wrap_rer_info h3 {
        padding-bottom:20px;
        font-size: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;
        }
    }

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

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

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

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

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

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


        .rer_mb_none {
            display:none;
        }

        .table_reser thead th {
            display:none;
        }

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

    }

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

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

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


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

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

    }






.color_info {color:#1E90FF;}
.color_warning {color:#D60808}





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

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

}