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

:::::::::::::::::: About - Intro.php ::::::::::::::::::

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


.wrap_main_img.mt_intro1 {
    margin-top:100px;
}
.wrap_main_img.mb {
    display:none;
}

.about_tit {
    position:absolute; z-index:50;
    top:50%; left:50%;
    transform: translate(-50%, -50%);
    color:white;
    text-align:center;
    font-size:40px;
    font-family:"Poiret One";
    font-weight:100;
}
    .wrap_main_travel .about_tit::before {
        content:'';
        padding:30px 40px;
        position:absolute; 
        top:50%; left:50%;
        transform: translate(-50%, -50%);
        width:100%; height:100%;
        background-color:rgba(0,0,0,0.2);
    }
    .tour .about_tit::before {
        content:'';
        padding:30px 40px;
        position:absolute; 
        top:50%; left:50%;
        transform: translate(-50%, -50%);
        width:100%; height:100%;
        background-color:rgba(0,0,0,0.2);
    }
    .about_tit.tour {

    }

    .about_tit h1 {
        position:relative;
        letter-spacing:3px;
    }
    
    .about_tit h1::before {
        content:'';
        position:absolute;
        bottom:-55px; left:50%; transform: translate(-50%, 0);
        width:1px; height:45px; 
        background-color:white;
    }
    .about_tit h3 {
        position:relative;
        margin-top:70px;
        font-size:25px;
        font-weight:200;
    }

.wrap_ma_intro {
   margin-bottom:50px;
}


.main_intro {
    position:relative;
    padding-top:150px;
    text-align:center;
    font-family:"Nanum Gothic";
    background:url('/img/about/bg_about.jpg')no-repeat 50% 50%;
    background-size:100%;
}
    .main_intro.bg_none {
        padding-top:50px;
        background:none;
    }
    .main_intro h1 {
        position:relative;
        padding:50px 0 0px 0;
        font-size:50px;
        font-family:"Poiret One";
    }

    /* .main_intro h1::before {
        content:'';
        position:absolute;
        bottom:-55px; left:50%;
        transform: translate(-50%, 0);
        width:.5px; height:45px;
        background-color:#969696;
        opacity:0.5;
    } */

    .main_intro h3 {
        padding:30px 0 50px 0;
        color:#07ab45;
    }
    .main_intro p {
        margin:0 auto;
        max-width:750px;
        font-size:14px; font-weight:bold;
        line-height:1.5em;
    }
    .main_intro.intro p {
        line-height:2em;
        color:#969696;
    }




.wrap_main_img {
    display:flex;
    justify-content: space-between;
    margin-top:20px;
    height:600px; 
    overflow:hidden;
}
    .ma_intro_img {
        width:60%;
        height:100%;
    }
    .ma_intro_txt {
        display:flex;
        flex-direction:column;
        width:39%;
        height:100%;
    }
        .intro_txt {
            display:flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height:70%;
            font-size:10px;
        }
            .intro_txt h2 {
                font-size:2em;
            }
            .intro_txt h1 {
                margin:10px 0;
                font-size:4em;
                font-family:"Poiret One";
                letter-spacing:3px;
                color:#07ab45
            }

            .intro_txt p {
                margin:30px 0;
                font-size:1.3em;
                line-height:1.5em;
            }

            .intro_txt.btn_main_1 {
                z-index:100;
                margin-top:30px;
            }
            .btn_main_1 {
                display:inline-block;
                padding:10px 20px;
                border:1px solid black;
            }

        .intro_img {
            height:30%;
        }
        .intro_img.img1 {
            background:url('/img/about/mb/intro1.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .intro_img.img2 {
            background:url('/img/about/mb/intro2.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .intro_img.img3 {
            background:url('/img/about/mb/intro3.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
 

    .ma_intro_img.ma_img_1 {
        background:url('/img/about/mb/intro1.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .ma_intro_img.ma_img_2 {
        background:url('/img/about/mb/intro2.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .ma_intro_img.ma_img_3 {
        background:url('/img/about/mb/intro3.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .ma_intro_img.ma_img_4 {
        background:url('/img/about/mb/intro4.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .ma_intro_img.ma_img_5 {
        background:url('/img/about/mb/intro5.jpg')no-repeat 50% 50%;
        background-size:cover;
    }







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

        .main_intro {
            margin-bottom:0;
            padding:0 10px;
            background:url('/img/about/bg_about.jpg')no-repeat 50% 0%;
        }
            .main_intro h1::before {
                height:0px;
            }

            .main_intro h3 {
                margin:10px 0;
            }
            .main_intro p {
                font-size:0.9em;
            }

        .about_tit {
            font-size:5vw;
        }


        .wrap_ma_intro {
            font-size:10px;
        }

        .intro_img {
            display:none;
        }

        .wrap_main_img {
            flex-direction:column;
            margin-top:0;
            height:300px;
        }
        .ma_intro_img {
            margin-top:5px;
            width:100%;
            height:100%;
            order:1;
        }
        .ma_intro_txt {
            display:none;
            width:100%;
            height:40%;
            padding-top:30px;
            order:2;
        }
            .intro_txt {
                font-size:10px;
            }
            .intro_txt h1 {
                margin:10px 0;
            }
            .intro_txt p {
                margin:20px 0;
                font-size:1.2em;
            }

            .btn_main_1 {
                color:white;
                background-color:#dfb99a;
                border:none;
            }
                


    }


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


        .main_intro {
            margin-bottom:0;
            padding:0 10px;
            background:url('/img/about/bg_about.jpg')no-repeat 50% 30%;
        }

        .wrap_main_img.mb {
            display:block;
        }

        .main_intro.bg_none {
            padding-top:0px;
            background:none;
        }

        .main_intro h3 {
            padding:30px 0;
        }

        .about_tit::before {
            content:'';
            padding:20px 20px;
            position:absolute; 
            top:50%; left:50%;
            transform: translate(-50%, -50%);
            width:100%; height:100%;
            background-color:rgba(0,0,0,0.2);
        }

        .about_tit h1::before {
            opacity:0;
        }

        .about_tit h3 {
            margin-top:30px;
            font-size:4vw
        }

       

        

    }






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

:::::::::::::::::: Room - Preview.php ::::::::::::::::::

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

.room_preivew.mb {
    display:none;
}

.room_preivew {
    margin-top:0px;
}
    .preview_list {
        width:1000px; 
        margin:0 auto;
        display:flex;
        justify-content: space-between;
    }
    .preview_list div {
        margin:0 20px;
        font-size:17px;
        font-weight:bold;
        cursor:pointer;
    }

    .preview_list .slick-list {
        width:100% !important;
    }

    .preview_list .slick-track {
        display:flex; 
        width:100% !important;
        justify-content: space-between;
    }


    .preview_slide {
        position:relative; 
    }

   
    .preview_slide .slick-dots {
        position:absolute; 
        top:-50px; left:0;
        width:100%;
        text-align:center;
        font-family: "Poiret One";
    }
        .preview_slide .slick-dots li {
            position:relative;
            display:inline-block;
            margin:0 40px;
            font-size:20px;
            font-weight:bold;
            cursor:pointer;
        }

        .preview_slide .slick-dots li::before {
            content:"";
            position:absolute;
            bottom:-10px; 
            left:50%; transform: translate(-50%,0);
            width:0%;
            height:1px;
            background-color:#07ab45;
            transition:width 500ms;
        }

            .preview_slide .slick-dots li.slick-active {
                color:#07ab45;
            }
            .preview_slide .slick-dots li.slick-active::before {
                width:100%;
            }


    .wrap_preview {
    position:relative; 
    margin-top:50px;
    height:700px;
}

    .preview_img {
        height:700px;
    }
        .wrap_pre_txt {
            float:right;
            position:relative;
            display:flex;
            align-items: center;
            width:45%;
            height:100%;
        }
        .wrap_pre_txt::before {
            content:'';
            position:absolute;
            top:0; left:0;
            width:100%; height:100%;
            background-color:rgba(0,0,0,0.5);
        }
        .pre_txt {
            position:relative;
            padding:0 40px;
            color:white;
            transform:translate(0px,100px);
            transition: transform 1000ms;
        }
            .slick-current.slick-active .pre_txt {
                transform:translate(0,0);
            }

            .pre_txt h2 {
                font-size:40px;
                font-family: "Poiret One";
                margin-bottom:60px;
            }
            .pre_txt .pre_info {
                margin-top:40px;
                color:#b2b0b0;
            }


    .preview_img.img_1 {
        background:url('/img/room/preview_1.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .preview_img.img_2 {
        background:url('/img/room/preview_2.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .preview_img.img_3 {
        background:url('/img/room/preview_3.jpg')no-repeat 50% 50%;
        background-size:cover;
    }






    @media screen and (max-width: 900px) {
      
        .room_preivew {
            display:none;
            margin-top:50px;
            font-size:10px;
        }

        /* .preview_slide .slick-dots {
            top:-30px;
        }

        .preview_slide .slick-dots li {
            margin:0 10px;
        }

        .wrap_preview  {
            margin-top:50px;
        } */

        .room_preivew.mb {
            display:block;
            margin-top:0;
            font-size:10px;
        }

        .room_pre_mb {
            display:flex;
            justify-content: space-between;
            margin-top:5px;
        }  
            .room_pre_mb.wrap_1 {
                height:350px;
            }
            .room_pre_mb.wrap_2 {
                height:300px;
            }
            .block_1 {
                position:relative;
                width:100%;
            }
                .room_pre_mb .block_1::before {
                    content:'';
                    position:absolute;
                    top:0; left:0;
                    width:100%; height:100%;
                    background-color:rgba(0,0,0,0.5);
                }
            .bloxk_2 {
                width:64%;
            }
            .bloxk_3 {
                width:35%;
            }
            .block_intro {
                position:relative;
                width:35%;
            }
                .room_pre_txt {
                    position:relative;
                    display:flex; 
                    flex-direction:column;
                    justify-content: center;
                    align-items: center;
                    padding:10px;
                    height:100%;
                    font-size:10px;
                    text-align:center;
                    color:white;
                }
                    .room_pre_txt h2 {
                        font-size:1em;
                    }
                    .room_pre_txt h3 {
                        font-size:0.8em;
                    }

 

            .pre_mb_img1 {
                background:url('/img/room/room1/room1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .pre_mb_img1_2 {
                background:url('/img/room/room1/room1_2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .pre_mb_img1_3 {
                background:url('/img/room/room1/room1_3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }


            .pre_mb_img2 {
                background:url('/img/room/room2/1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .pre_mb_img2_2 {
                background:url('/img/room/room2/2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .pre_mb_img2_3 {
                background:url('/img/room/room2/3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }

            .pre_mb_img3 {
                background:url('/img/room/room3/1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .pre_mb_img3_2 {
                background:url('/img/room/room3/2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .pre_mb_img3_3 {
                background:url('/img/room/room3/3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
        
            .pre_mb_img4 {
                background:url('/img/room/room4/1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .pre_mb_img4_2 {
                background:url('/img/room/room4/2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .pre_mb_img4_3 {
                background:url('/img/room/room4/3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
        
            .pre_mb_img5 {
                background:url('/img/room/room5/1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .pre_mb_img5_2 {
                background:url('/img/room/room5/2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .pre_mb_img5_3 {
                background:url('/img/room/room5/3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
        
            .pre_mb_img6 {
                background:url('/img/room/room6/1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .pre_mb_img6_2 {
                background:url('/img/room/room6/2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .pre_mb_img6_3 {
                background:url('/img/room/room6/3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
        
            .pre_mb_img7 {
                background:url('/img/room/room7/1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .pre_mb_img7_2 {
                background:url('/img/room/room7/2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .pre_mb_img7_3 {
                background:url('/img/room/room7/3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }


    }


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

        .room_pre_mb.mt_room_1 {
            margin-top:20px;
        }

        .room_pre_mb.wrap_1 {
            height:200px;
        }
        .room_pre_mb.wrap_2 {
            height:150px;
        }


    }








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

:::::::::::::::::: Room - room.php ::::::::::::::::::

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


.m_30 {
    margin:30px;
}
.mt_30 {
    margin-top:30px;
}
.mt_50 {
    margin-top:50px;
}

.txt_center {
    text-align:center;
}

.weekend {
    color:blue;
}

.holiday {
    color:red;
}


.room_detail {
    position:relative;
    display:flex;
}

    .room_detail .wrap_img {
        margin-top:100px;
        width:40%;
        height:900px;
    }
    .room_detail .room_img1 {
        background: url('/img/room/room1/mb/room1_2.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .room_detail .room_img2 {
        background: url('/img/room/room2/mb/1.jpg')no-repeat 50% 50%;
        background-size:cover;
    }

    .room_detail .wrap_txt {
        width:60%;
        padding:0 50px;
    }
    .room_detail .detail_name {
        position:absolute; z-index:-1;
        top:0; right:0;
        width:65%;
        padding: 70px 150px;
        height:400px;
        background-color:#fff7f0;

    }

    .detail_con {
        margin-top:200px;
        padding:30px;
        background-color:white;
    }

    .detail_inner {
        padding:20px 35px;
    }
        .detail_info {
            font-size:13px;
        }

            .detail_info.basic ul {
                margin-top:15px;
                padding-bottom:20px;
                border-bottom:2px solid #e4c5ac;
            }

        .detail_info.num {
            margin-top:30px;
        }

            .detail_info.num ul {
                margin-top:15px;
                padding-bottom:20px;
                border-bottom:1px dashed #e4c5ac;
            }

        .detail_info ul li {
            line-height:1.7em;
        }

        table.tb_price {
            margin-top:20px;
            width:100%;
            border-collapse: collapse;
        }
        table.tb_price  td, table.tb_price  th {
            border: 1px solid #ddd;
            padding: 8px;
            font-size:13px;
            font-weight:200;
            text-align:center;
        }
        
        table.tb_price th {
            width:33.3%;
            background-color: #fafafa;
        }
        
        table.tb_price  td {
            padding:15px;
        }



    .wrap_btn_room {
        margin-top:50px;
        text-align:center;
    }
        .btn_reser.room {
            display:inline-block;
            padding:20px 55px;
            font-size:17px;
            color:#dfb99a;
            border:1px solid rgb(206, 206, 206);
            text-transform:uppercase;
            transition:300ms;
           
        }
        .btn_reser.room:hover {
            color:white;
            background-color:#dfb99a;
            border:1px solid #dfb99a;
        }


    section.room_images {
        display:flex;
        justify-content: space-between;
        width:90%;
        margin:100px auto;

    }
        section.room_images .room_img_left {
            width:40%;
        }
        section.room_images .room_img_right {
            position:relative;
            width:50%;
        }
        .room_size_1 {
            width:95%;
            height: 700px;
            margin:0 auto;
        }

        .room_size_2 {
            margin-top:70px;
            width:70%;
            height:350px;
        }
            .room_size_2.right {
                margin-left:auto;
            }

        .room_size_3 {
            margin:50px 0 0 100px;
            width:60%;
            height:300px;
        }
            .room_size_3.right {
                margin:20px 0 0 120px;
            }

        .style_bg_room_1 {
            position:absolute; z-index:-1;
            top:0; right:0;
            width:600px;
            height:105%;
            background-color:#fcf5ef;
        }
        .style_bg_room_1.left {
            left:0;
        }

        .room_comment {
            margin:50px 30px 0 0;
            font-size:40px;
            font-family:"Poiret One";
            text-align:right;
            color:#c4c2c0;
        }
            .room_comment.left {
                margin:30px 30px 0 0;
                text-align:left;
            }


            .preview_img.img_1 {
                background:url('/img/room/mb/preview_1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .preview_img.img_2 {
                background:url('/img/room/mb/preview_2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .preview_img.img_3 {
                background:url('/img/room/mb/preview_3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }

            .preview_img.img_4 {
                background:url('/img/room/mb/preview_4.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .preview_img.img_5 {
                background:url('/img/room/mb/preview_5.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .preview_img.img_6 {
                background:url('/img/room/mb/preview_6.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .preview_img.img_7 {
                background:url('/img/room/mb/preview_7.jpg')no-repeat 50% 50%;
                background-size:cover;
            }


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

            .room_2_1 {
                background:url('/img/room/room2/mb/1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_2_2 {
                background:url('/img/room/room2/mb/2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_2_3 {
                background:url('/img/room/room2/mb/3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_2_4 {
                background:url('/img/room/room2/mb/4.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_2_5 {
                background:url('/img/room/room2/mb/5.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_2_6 {
                background:url('/img/room/room2/mb/6.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_2_7 {
                background:url('/img/room/room2/mb/7.jpg')no-repeat 50% 50%;
                background-size:cover;
            }

            .room_detail .room_img3 {
                background: url('/img/room/room3/mb/1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_3_1 {
                background:url('/img/room/room3/mb/1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_3_2 {
                background:url('/img/room/room3/mb/2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_3_3 {
                background:url('/img/room/room3/mb/3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_3_4 {
                background:url('/img/room/room3/mb/4.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_3_5 {
                background:url('/img/room/room3/mb/5.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_3_6 {
                background:url('/img/room/room3/mb/6.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_3_7 {
                background:url('/img/room/room3/mb/7.jpg')no-repeat 50% 50%;
                background-size:cover;
            }

            .room_detail .room_img4 {
                background: url('/img/room/room4/mb/1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_4_1 {
                background:url('/img/room/room4/mb/1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_4_2 {
                background:url('/img/room/room4/mb/2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_4_3 {
                background:url('/img/room/room4/mb/3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_4_4 {
                background:url('/img/room/room4/mb/4.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_4_5 {
                background:url('/img/room/room4/mb/5.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            
            .room_detail .room_img5 {
                background: url('/img/room/room5/mb/1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_5_1 {
                background:url('/img/room/room5/mb/1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_5_2 {
                background:url('/img/room/room5/mb/2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_5_3 {
                background:url('/img/room/room5/mb/3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_5_4 {
                background:url('/img/room/room5/mb/4.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_5_5 {
                background:url('/img/room/room5/mb/5.jpg')no-repeat 50% 50%;
                background-size:cover;
            }


            .room_detail .room_img6 {
                background: url('/img/room/room6/mb/1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_6_1 {
                background:url('/img/room/room6/mb/1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_6_2 {
                background:url('/img/room/room6/mb/2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_6_3 {
                background:url('/img/room/room6/mb/3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_6_4 {
                background:url('/img/room/room6/mb/4.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_6_5 {
                background:url('/img/room/room6/mb/5.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            

            .room_detail .room_img7 {
                background: url('/img/room/room7/mb/1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_7_1 {
                background:url('/img/room/room7/mb/1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_7_2 {
                background:url('/img/room/room7/mb/2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_7_3 {
                background:url('/img/room/room7/mb/3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_7_4 {
                background:url('/img/room/room7/mb/4.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_7_5 {
                background:url('/img/room/room7/mb/5.jpg')no-repeat 50% 50%;
                background-size:cover;
            }







        @media screen and (max-width: 500px) {
            /*.room_3_3 {
                background:url('/img/room/room3/mb/2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_3_4 {
                background:url('/img/room/room3/mb/3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }*/
            .room_5_3 {
                background:url('/img/room/room5/mb/1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_5_4 {
                background:url('/img/room/room5/mb/4.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_6_3 {
                background:url('/img/room/room6/mb/4.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_6_4 {
                background:url('/img/room/room6/mb/3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_7_3 {
                background:url('/img/room/room7/mb/4.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_7_4 {
                background:url('/img/room/room7/mb/3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .room_mb_none {
                display:none;
            }

            .detail_inner {
                padding:20px 15px;
            }

            .room_detail .wrap_img {
                display:none;
            }
            
            .room_detail .wrap_txt {
                width:100%;
                padding:0 10px;
            }

            .room_detail .detail_name {
                top:0;
                width:90%;
                padding: 10px 20px;
                height:150px;
            }

            .detail_con {
                margin-top:160px;
                padding:0;
            }

            table.tb_price td, table.tb_price th {
                font-size:11px;
            }

            section.room_images {
                flex-direction:column;
                margin:0;
                width:100%;
            }

                section.room_images .room_img_left {
                    width:100%;
                }
                section.room_images .room_img_right {
                    width:100%;
                }
                .room_size_1 {
                    height:300px;
                    }
                .room_size_2 {
                    width:80%;
                    height:250px;
                }
                    .room_size_2.right {
                        margin-left:0;
                    }
                .room_size_3 {
                    margin:50px 0 0 60px;
                    margin-left:auto;
                    width:75%;
                    height:250px;
                }
                    .room_size_3.right {
                        margin-top:50px;
                        float:right;
                    }
                
                .room_comment {
                    margin:20px 30px 0 0;
                    font-size:25px;
                    border-bottom:1px solid #c4c2c0;
                }

            .style_bg_room_1 {
                width:100%;
            }
                .style_bg_room_1.left {
                    float:left;
                }

            .btn_reser.room {
                padding:15px 35px;
                margin-bottom:20px;
            }

            

        }
        
        






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

:::::::::::::::::: Facility - Intro.php ::::::::::::::::::

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



.wrap_facil {
    display:flex;
    justify-content: space-between;
    width:1300px; margin:0 auto;
    height:40vw; max-height:600px;
}
.wrap_facil_2 {
    display:flex;
    justify-content: space-between;
    width:1300px; margin:15px auto;
    height:40vw; max-height:350px;
}
    .facil_block {
        display:flex;
        flex-direction: column;
        justify-content: space-between;
        width:32%;
    }
        .facil_block .main_facil {
            position:relative;
            display:flex;
            flex-direction:column;
            justify-content: center;
            align-items:center;
            text-align:center;
            height:100%;
            color:white;
        }

        .facil_block2 .main_facil {
            height:100%;
        }

        .wrap_facil_2 .facil_block .main_facil {
            height:100%;
        }

        .wrap_facil_txt {
            position:relative;
            opacity:0;
            transition:opacity 300ms;
        }
            .main_facil.center .wrap_facil_txt {
                opacity:1;
            }
            .main_facil.center::before {
                content:'';
                position:absolute;
                top:0; left:0;
                width:100%; height:100%;
                background-color:rgba(0,0,0,0.3);
            }

            .facil_block .wrap_facil_txt h1 {
                font-size:25px;
            }
            .facil_block .wrap_facil_txt h2 {
                margin:10px 0;
                font-size:20px;
            }

        .main_facil:hover .wrap_facil_txt {
            opacity:1;
        }

        .main_facil:hover::before {
            content:'';
            position:absolute;
            top:0; left:0;
            width:100%; height:100%;
            background-color:rgba(0,0,0,0.3);
        }



    .facil_block2 {
        width:100%;
    }
    .facil_block3 {
        display:flex;
        flex-direction: column;
        justify-content: space-between;
        width:33%;
    }
        .facil_block3 div {
            height:49%;
        }


        .main_facilt_1 {
            background: url('/img/facility/facil1/1.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .main_facilt_1_2 {
            background: url('/img/facility/facil1/2.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .main_facilt_1_3 {
            background: url('/img/facility/facil1/3.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .main_facilt_1_4 {
            background: url('/img/facility/facil1/4.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .main_facilt_1_5 {
            background: url('/img/facility/facil1/5.jpg')no-repeat 50% 50%;
            background-size:cover;
        }


        .main_facilt_2 {
            background: url('/img/facility/facil2/1.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .main_facilt_2_2 {
            background: url('/img/facility/facil2/2.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .main_facilt_2_3 {
            background: url('/img/facility/facil2/3.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .main_facilt_2_4 {
            background: url('/img/facility/facil2/4.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .main_facilt_2_5 {
            background: url('/img/facility/facil2/5.jpg')no-repeat 50% 50%;
            background-size:cover;
        }



    @media screen and (max-width: 1200px) {
        .main_facility {
            font-size:10px;
        }

        .wrap_facil {
            width:100%;
            height:50vh;
        }
        .wrap_facil_2 {
            width:100%;
        }

        .facil_block.facil_block1 {
            width:49%;
        }
        
        .facil_block.facil_block2 {
            width:100%;
        }

        .wrap_facil_2  {
            margin:5px auto;
        }

    }


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

        .main_facilt_1 {
            background: url('/img/facility/facil1/mb/1.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .main_facilt_1_2 {
            background: url('/img/facility/facil1/mb/2.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .main_facilt_1_3 {
            background: url('/img/facility/facil1/mb/3.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .main_facilt_1_4 {
            background: url('/img/facility/facil1/mb/4.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .main_facilt_1_5 {
            background: url('/img/facility/facil1/mb/5.jpg')no-repeat 50% 50%;
            background-size:cover;
        }


        .main_facilt_2 {
            background: url('/img/facility/facil2/mb/1.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .main_facilt_2_2 {
            background: url('/img/facility/facil2/mb/2.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .main_facilt_2_3 {
            background: url('/img/facility/facil2/mb/3.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .main_facilt_2_4 {
            background: url('/img/facility/facil2/mb/4.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .main_facilt_2_5 {
            background: url('/img/facility/facil2/mb/5.jpg')no-repeat 50% 50%;
            background-size:cover;
        }

    }


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

    :::::::::::::::::: Facility - facilt1.php ::::::::::::::::::

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

    .btn_facil_1 {
        display:inline-block;
        padding:20px 55px;
        font-size:17px;
        color:white;
        background:#dfb99a;
        border:1px solid rgb(206, 206, 206);
        text-transform:uppercase;
        transition:300ms;
    }



    .facil_detail {
        position:relative;
        display:flex; justify-content: space-between;
        align-items: center;
        padding:0 50px;
        width:100%;
        height:500px;
    }

    .facil_detail.style2 {
        height:350px;
    }
       

    .style_bg_facil_1 {
        position:absolute; z-index:-1;
        top:0; right:0;
        width:70%;
        height:100%;
        background:#fff7f0;
    }

    .style_bg_facil_2 {
        position:absolute; z-index:-1;
        bottom:0; left:10%;
        width:60%;
        height:80%;
        background:#fff7f0;
    }
        .style_bg_facil_2 h1 {
            position:absolute;
            bottom:50px;
            right:50%;
            font-size:35px;
            font-family:"Poiret One";
            color:#c4c2c0;
        }

    .wrap_facil_img {
        width:40%;
        height:70%;
    }
    .facil_detail.style2 .wrap_facil_img {
        margin-left:45%;
        margin-top:-100px;
        height:100%;
    }
        .img_facil {
            margin:0 auto;
            width:100%;
            height:100%;
        }
    .facil_detail_txt {
        width:55%;
        height:70%;
        padding:10px;
    }
        .facil_detail_txt p {
            margin:50px 0 100px 0;
            width:600px;
        }

        .facil_1 {
            background: url('/img/facility/facil1/1.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .facil_1_2 {
            background: url('/img/facility/facil1/2.jpg')no-repeat 50% 50%;
            background-size:cover;
        }


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

        .facil_2_2 {
            background: url('/img/facility/facil2/2.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .facil_3 {
            background: url('/img/facility/facil3/1.jpg')no-repeat 50% 50%;
            background-size:cover;
        }



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

            .wrap_facil_img {
                display:none;
            }
            .facil_detail.style2 {
                display:none;
            }

        }








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

    :::::::::::::::::: Service - Intro.php ::::::::::::::::::

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

.main_service {
    margin-bottom:100px;
}

.wrap_service_list {
    display:flex;
    justify-content: space-between;
    padding:0 50px;
}

.list_service {
    display:flex; 
    flex-direction:column;
    justify-content: center;
    align-items: center;
    position:relative;
    width:23%;
    height:30vw; min-height:250px; max-height:400px;
}
    .service_txt {
        position:relative;
        text-align:center;
        color:white;
        transition:transform 300ms;
    }
        .service_txt h1 {
            font-size:20px;
        }
        .service_txt h2 {
            margin-top:10px;
            font-size:15px;
        }

    .list_service.img1 {
        background: url('/img/service/service1.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .list_service.img2 {
        background: url('/img/service/service2.jpg')no-repeat 70% 50%;
        background-size:cover;
    }
    .list_service.img3 {
        background: url('/img/service/service3.jpg')no-repeat 20% 50%;
        background-size:cover;
    }
    .list_service.img4 {
        background: url('/img/service/service4.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    
    
    
    .list_service::before {
        content:'';
        position:absolute;
        top:0; left:0;
        width:100%; height:100%;
        background-color:rgba(0,0,0,0.3);
    }
    .list_service:hover::before {
        background-color:rgba(0,0,0,0.5);
    }
    .list_service:hover .service_txt {
        transform:translate(0, -50px);
    }
    .list_service:hover a.btn_service {
        opacity:1;
    }

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


    @media screen and (max-width: 900px) {
        .main_service {
            font-size:10px;
        }

        .wrap_service_list {
            flex-direction:column;
        }

        .list_service {
            margin-top:10px;
            width:100%;
        }

    }

    @media screen and (max-width: 500px) {
        .wrap_service_list {
            padding:0 10px;
        }
    }





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

    :::::::::::::::::: Tour - intro.php ::::::::::::::::::

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



.main_travel {
    width:100%;
    height:110vh;
}
    .wrap_travel_bg {
        position:relative;
        width:100%; height:100%;
        padding-top:20px;
        background:url('/img/tour/tour1.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .wrap_travel_bg::before {
        content:'';
        position:absolute;
        top:0; left:0;
        width:100%; height:100%;
        background-color:rgba(0,0,0,0.5);
    }

    .main_intro.tour {
        color:white;
        background:none;
        padding-top:0;
    }
        .main_intro.tour h1 {
            margin-top:0;
            font-size:60px;
            font-family:"Poiret One";
            font-weight:400;
        }
        .main_intro.tour h3 {
            margin:30px 0;
            padding:0 !important;
            color:white;
        }
    
    .wrap_tour_img {
        width:1200px; 
        margin:300px auto 50px auto;
    }
        .tour_img {
            display:inline-block;
            margin:0 40px;
            width:200px; 
            height:200px;
        }
            .tour_img > div {
                width:100%; height:100%;
            }

        .tour1 {
            background:url('/img/tour/tour1.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .tour2 {
            background:url('/img/tour/tour2.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .tour3 {
            background:url('/img/tour/tour3.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .tour4 {
            background:url('/img/tour/tour4.jpg')no-repeat 50% 50%;
            background-size:cover;
        }
        .tour5 {
            background:url('/img/tour/tour5.jpg')no-repeat 50% 50%;
            background-size:cover;
        }






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


        .wrap_tour_img {
            width:100%;
        }
        
        .tour_img {
            width:20%;
        }



    }

    @media screen and (max-width: 900px) {
        .main_travel {
            display:none;
        }

        
        .wrap_top_bg.tour {
            height:80vh;
        }
        .wrap_bg_slide.tour .sli_main {
            height:80vh;
        }


    }






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

    :::::::::::::::::: Tour - tour.php ::::::::::::::::::

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

    .tour_1 {
        background:url('/img/tour/tour1.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .tour_2 {
        background:url('/img/tour/tour2.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .tour_3 {
        background:url('/img/tour/tour3.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .tour_4 {
        background:url('/img/tour/tour4.jpg')no-repeat 50% 50%;
        background-size:cover;
    }
    .tour_5 {
        background:url('/img/tour/tour5.jpg')no-repeat 50% 50%;
        background-size:cover;
    }



    .tit_intro {
        display:inline-block;
        font-size:40px;
        /*font-family: 'Poiret One', cursive;*/
        color:#cd996f;
    }
    .bor_bottom {
        padding-bottom:10px;
        border-bottom:2px solid #cd996f;
    }

    .style_intro1 {
        font-size:14px;
        line-height:1.5em;
    }

    .dis_block {
        display:block;
    }


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

            .tour_1 {
                background:url('/img/tour/mb/tour1.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .tour_2 {
                background:url('/img/tour/mb/tour2.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
            .tour_3 {
                background:url('/img/tour/mb/tour3.jpg')no-repeat 50% 50%;
                background-size:cover;
            }

        }





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

    :::::::::::::::::: Location - Location.php ::::::::::::::::::

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


/* KaKao Map */

    .wrap_map {
        margin-top:40px !important;
    }
    .root_daum_roughmap  {
        width:100% !important;
    }
    .wrap_controllers  {
        display:none;
    }

    .wrap_location {
        width:1200px;
        margin:70px auto;
        text-align:center;
    }
    .map_tit {
        margin:20px;
        color:#cd996f;
        font-size:50px;
        font-family:"Poiret One";
        font-weight:200;
        letter-spacing:3px;
    }
    .map_stit {
        padding-bottom:40px;
        border-bottom:1px solid #cd996f;
    }

    .wrap_find_place {
        display:flex;
        justify-content: space-between;
    }

    .wrap_find_place.mt {
        margin-top:40px;
    }

    .wrap_find_place .find_img_1 {
        width:30%;
        height:400px;
        background:url('/img/main/main_intro_1_1.jpg')no-repeat 50% 50%;
        background-size:cover; 
    }
    .wrap_find_place .find_img_2 {
        width:30%;
        height:400px;
        background:url('/img/main/main_intro_2.jpg')no-repeat 50% 50%;
        background-size:cover; 
    }


    .wrap_find_place .find_txt {
        display:flex; 
        flex-direction: column;
        justify-content: center;
        width:60%;
        font-size:13px;
    }
        .find_txt p {
            margin-top:30px;
        }
        .find_txt p b {
            display:block;
            margin-bottom:10px;
        }
        .find_txt.left {
            text-align:left;
        }
        .find_txt.right {
            text-align:right;
        }





        @media screen and (max-width: 1200px) {
            .wrap_location {
                width:100%;
                padding:0 10px;
            }
    
        }

        @media screen and (max-width: 900px) {
            .wrap_find_place {
                width:100%;
                flex-direction:column;
            }

            .wrap_find_place .find_img {
                width:90%;
                margin:0 auto;
                order:1;
            }

            .wrap_find_place .find_txt {
                margin-top:30px;
                width:100%;
                padding:0 15px;
                order:2;
                justify-content: center;
                align-items: center;
                text-align:center !important;
            }
    
        }

        @media screen and (max-width: 500px) {
            .map_tit {
                font-size:8vw;
                font-weight:bold;
            }
            .map_stit {
                font-size:4vw;
            }
            .wrap_find_place .find_img {
                height:300px;
            }
            .wrap_map {
                height:400px !important;
            }

            .wrap_find_place .find_img_1 {
                display:none;
            }
            .wrap_find_place .find_img_2 {
                display:none;
            }

            .wrap_find_place .find_txt {
                margin-top:0;
            }
            .find_txt p {
                margin-top:20px;
            }

        }
    









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

    :::::::::::::::::: Reser - 야놀자 Style ::::::::::::::::::

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


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

.yapen-sec-title {
    border-bottom:none !important;
}
.yapen-dateTime-item {
    color:black !important;
    padding-left:20px !important;
}
.yapen-dateTime-item label {
    display:none;
}

    .serevation_info {
        padding:50px 0;
        text-align:center;
    }
    .serevation_info_mb {
        padding:30px 0;
        position:relative;
        display:none;
    }

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

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




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

    .serevation_info {
        display:none;
    }

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

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

    .serevation_info_mb {
        display:block;
     }
   


}








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

    :::::::::::::::::: Reser - Reservation.php ::::::::::::::::::

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
















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

    :::::::::::::::::: Reser - info.php ::::::::::::::::::

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



.rer_mt {margin-top:10px;}
.color_info {color:#1E90FF;}
.color_warning {color:#D60808}


    .wrap_reservation {
        width:1200px; 
        margin:0 auto;
    }
        .wrap_reservation .map_tit {
            margin-top:50px;
        }

        .wrap_info_txt {
            display:flex;
            justify-content: space-between;
            margin-top:30px;
        }
            .info_txt {
                width:65%;
            }

            .info_img {
                width:30%; 
                height:350px;
                background:url('/img/tour/tour4.jpg')no-repeat 50% 50%;
                background-size:cover;
            }
                .info_img.img_1 {
                    background:url('/img/tour/tour4.jpg')no-repeat 50% 50%;
                    background-size:cover;
                }
                .info_img.img_2 {
                    background:url('/img/tour/tour4.jpg')no-repeat 50% 50%;
                    background-size:cover;
                }

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


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

            .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;
                    font-weight:bold;
                }

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



            .rer_ins {
                margin-top:30px;
            }
                .rer_ins p {
                    font-size:13px;
                    line-height:1.3em;
                }

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

        .wrap_reservation {
            width:100%;
        }
    }



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

        .info_img {
            display:none;
        }

        .info_txt {
            width:100%;
        }

    }


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

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

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

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

        .reser_mb {
            display:table-row;
        }

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

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

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

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


        .rer_mb_none {
            display:none;
        }

        .table_reser thead th {
            display:none;
        }

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

    }

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

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

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


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

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

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

        .serevation_info_mb {
            display:block;
         }

        .serevation_info {
            display:none;
        }

    }












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

    :::::::::::::::::: Responsive Common  ::::::::::::::::::

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


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


    /* Sub Common */

        .facil_detail_txt p {
            width:100%;
            margin:20px 0 30px 0;
        }


    
}



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


        /* Sub Common */

            .wrap_menu_mb {
                padding:0 50px;
            }

            .facil_detail_txt p {
                width:100%;
                margin:20px 0 30px 0;
            }


        /* Footer */

        .foot_info {
            padding-left:30px;
        }

    }


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


        /* Top Image Txt */

        .main_intro h1 {
            font-size:9vw;

        }

        .main_intro h3 {
            font-size:4vw;
            padding:15px 0 35px 0;
        }




        /* Sub Common */

            .wrap_menu_mb {
                padding:0 20px;
            }

            .tit_intro {
                font-size:8vw;
            }
            .style_intro1 {
                font-size:4vw;
            }

            .wrap_facil_img.tour {
                display:none;
            }

            .facil_detail {
                height:auto;
                padding:50px 20px;
            }

            .facil_detail_txt {
                width:100%;
            }

            .facil_detail_txt p {
                width:100%;
                margin:20px 0 30px 0;
            }

            .btn_facil_1 {
                font-size:3vw;
            }

        


    }