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

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

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












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

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

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



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

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

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

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

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

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

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




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


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

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

.wrap_tour_list {
  width:1200px;
  margin:70px auto;
}
    .wrap_list {
        display:flex;
        }
  .list_tour {
    display:inline-block;
    width:48%;
  }
    .list_tour.ml {
      margin-left:4%;
    }
    .tour_img img {
      width:100%; height:450px;
    }
  .tour_txt {
    padding: 40px 20px;
  }
    .tour_txt h1 {
      font-size:30px;
    }
    .tour_txt p {
      width:100%;
      font-size:14px;
      line-height:25px;
    }





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

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

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

    .wrap_tour_list {
        text-align:center;
    }
    .tour_txt h1 {
        font-size:25px;
    }

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

@media only screen and (max-width: 750px) {
    .list_tour {
        width:80%;
    }
	    .list_tour.ml {
            margin-left:0px;
        }

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

    .list_tour {
        width:90%;
    }

}

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

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

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



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

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



.mt_location_2 {
    margin-top:10px;
}


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



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

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


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

    .wrap_detail {
        width:100%;
    }

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

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

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

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



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

        .wrap_detail h3 
            {margin:20px auto; font-size:4.5vw; /*width: 218px;*/}
     
            .wrap_detail span {
                display:block;
                margin-top:5px;
            }
    
}





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

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

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


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

.mt_room_pre {
    margin-top:50px;
}

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

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

    .wrap_room_right {
        width:49%;
    }

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

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

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



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


    @media only screen and (max-width: 1000px) {
        .mt_room_pre {
            margin-top:80px;
        }
        
        .wrap_room_preivew {
            flex-direction:column;
            align-items:center;
        }

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

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

    }

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

        .wrap_room_left {
            width:90%;
			padding-top:150px;
        }

        .wrap_room_right {
            width:90%;
        }

    }




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


.mb_room_view {
    display:none;
}

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


/* === 객실 정보 === */
     
.wrap_room_info {
    width:100%;
    background-color:#585858;

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

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

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


    .wrap_room_detail {
        width:100%;

    }

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

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

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


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

    .wrap_room_facil {
        padding:100px 0;
        width:1200px;
        margin:0 auto;
    }
        .wrap_room_facil h1 {
            margin-bottom:40px;
        }
    .room_facil_list {
        margin-top:20px;
        font-size:14px; font-weight:bold;
    }
	.machine{
		padding-top:10px;
	}
    
        .room_facil_list span {
            display:inline-block;
            width:120px;
            font-size:14px; font-weight:bold;
        }

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


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

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

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

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

            .room_pre_next p {
                margin:5px 0;
                font-size:20px;
				color:#BBE1FB;
            }
            .room_pre_next h3 {
                font-size:30px; font-weight:bold;
                font-family: "Josefin Sans";
				text-align:center;
            }



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



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

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

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

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

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

    }


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

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

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

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


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

    }


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

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

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

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

        .room_de_con {
            padding-left:0;
        }

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

        .room_de_facil_2 {
            margin-top:20px;
        }

        .mb_room_view {
            display:block;
            width:100%;
            height:60vh;
        }
            .mb_room_name.in_img {
                position:absolute;
                right:7%;
				/*transform: translate(-30%, 0);*/
                bottom:0;
                color:white;
                font-size:35px;
				font-family: "Josefin Sans";
				text-shadow: 2px 2px 0px #03A9F4;
            }

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

        .mb_room_name {
            display:flex; justify-content:center; align-items: center; 
            /*padding:0 20px;*/
            height:30%;
            font-size:30px; font-weight:bold;
            font-family:"Lora";
         
        }
            .mb_room_name .btn_room_reser {
                margin-top:0;
                height:40px;
                color:white;
				font-family: "Josefin Sans";
            }

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

    }






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

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

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

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

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

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

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

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

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

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

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


/* ===

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

=== */

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




/* ===

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

=== */

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

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


/* ===

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

=== */

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

@media only screen and (max-width: 500px) {
	.facil_3_1 {
		background:url('/img/facil/facil3_1.jpg')no-repeat 00% 50%;
		background-size:cover;
	}
	.facil_3_2 {
		background:url('/img/facil/facil3_2.jpg')no-repeat 00% 50%;
		background-size:cover;
	}
}

/* ===

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

=== */

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

@media only screen and (max-width: 900px) {
	.facil_4_1 {
		background:url('/img/facil/facil4_1.jpg')no-repeat 40% 50%;
		background-size:cover;
	}
	.facil_4_2 {
		background:url('/img/facil/facil4_2.jpg')no-repeat 40% 50%;
		background-size:cover;
	}
	.facil_4_3 {
		background:url('/img/facil/facil4_3.jpg')no-repeat 60% 50%;
		background-size:cover;
	}
}

/* ===

    :::::::: Facil 5 :::::::

=== */

.facil_5_1 {
    background:url('/img/facil/facil5_1.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.facil_5_2 {
    background:url('/img/facil/facil5_2.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.facil_5_3 {
    background:url('/img/facil/facil5_3.jpg')no-repeat 50% 50%;
    background-size:cover;
}

/* ===

    :::::::: Facil 6 :::::::

=== */

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




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

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

}

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

    .slide_facil_more {
        display:none;
    }

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

    .wrap_nav_pen.nav_facil {
        display:none;
    }

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

}

@media only screen and (max-width: 600px) {
  
        .wrap_facil_detail h2 {
            font-size:20px;
        }
        .facil_desc {
            font-size:11px;
        }
        .wrap_facil_detail::before {
            background:rgba(209, 204, 206, .6)
        }
}











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

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

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


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

.rer_mt {margin-top:10px;}




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

    .wrap_calender {
        margin-top:50px;
    }

    .calendar_pc {

    }

    .calendar_mb {
        display:none;
    }

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




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

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

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

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

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

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

    .wrap_reser_info {
        width:1200px;
        margin:0 auto;
        padding:60px 0;
        font-weight:bold;
    }
        .wetoz .section_reser_info h3 {
            font-weight:bold !important;
        }
        .wetoz .section_reser_info p {
            font-weight:bold !important;
        }
        .wetoz .section_reser_info li {
            font-weight:bold !important;
        }
    .reser_sort {
        padding:10px 0;
        text-align:left;
        border-bottom:1px solid grey;
    }
        .reser_sort a {
            color:black;
        }
        a.season {
            display:inline-block;
            padding:10px 25px;
            font-size:15px; font-weight:bold;
        }
        a.season.on {
            border-bottom:3px solid black;
        }
        .btn_reser_2 {
            float:right;
            position:relative;
            margin-right:10px;
            padding:7px 60px;
            font-size:14px;
            border:1px solid rgb(27, 26, 26);
            border-bottom:1px solid black;
            transition:background 500ms;
        }
            .btn_reser_2:hover {
                background:#666666;
                border:1px solid #666666;
                color:white;
            }

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




        .reser_info {
            padding:20px 0;
            text-align:right;
            font-size:12px;
        }

    table.table_reser {
        width:100%;
        border-collapse: collapse;
    }

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

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

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


    .wrap_rer_info h3 {
        padding-bottom:20px;
        font-size:17px;
        border-bottom:1px solid black;
    }

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

        .wrap_rer_info ul li:before {
            position:absolute;
            top:-1px; left:0px;
            content: '\2022 ';
            color: black;
            font-size:5px;
            vertical-align:center;
        }


    .rer_period {
        margin-top:50px;
    }

        .rer_period ul {
            padding-top:20px;
            color:grey;
            font-weight:normal;
        }

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



    .rer_ins {
        margin-top:30px;
    }
        .rer_ins p {
            font-size:13px;
        }

    .rer_detail {
        margin-left:5px;
    }


    table.table_refund {
        margin-top:30px;
        width:100%;
        font-size:11px; font-weight:normal;
        border-collapse: collapse;
    }
        .table_refund thead th {
            background-color:#F4F4F4;
            padding:15px 0;
        }
        .table_refund tbody td {
            padding:15px 0;
            text-align:center;
        }

        table.table_refund th, table.table_refund td {
            border: 1px solid #CCCCCC;
            text-align:center;
        }

    .wrap_refund_mb {
        display:none;
    }


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

    @media only screen and (max-width:700px){
		.reser_banner h1{
			margin-top:40px;
        }



        .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;
        }
        .serevation_info.number {
            height:20vh;
        }


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

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

        table.table_refund {
            display:none;
        }

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

        .serevation_info_mb {
          display:block;
        }
        .serevation_info {
            display:none;
          }
        .serevation_info.number {
          display:block;
        }
        .serevation_info.ddnayo {
            display:block;
            padding:30px 10px;
            height:auto;
        }
            .serevation_info.ddnayo iframe {
                height:1200px !important;
            }

    }








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

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

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


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

.pt_room {
    padding-top:20px;
}











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

    ================ Etc ================

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



.view_pc {
    position:relative;
    width:1200px; 
    margin:0 auto;
}
    .tit_hide {
        position:absolute;
        top:0; left:50px;
        width:200px; 
        height:50px;
        background-color:white;
    }
    .tit_hide.mb {
        left:0px;
    }

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

}


.rer_detail {
    margin-left:5px;
}
    .rer_detail p {
        margin:0;
        padding-left:10px;
    }
    .rer_detail p.rer_tit {
        margin:15px 0 5px 0;
        padding-left:0;
        font-size:15px;
    }


.mt_body{
	margin-top:90px;
}

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

.color_warning{
	color:#ff0000;
}