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

    ================ 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;
}
    
@media only screen and (max-width: 500px) {
	.wrap_intro.land_img_list.land_img0 {
		background-position:75%;
	}
	.wrap_intro.land_img_list.land_img1 {
		background-position:40%;
	}
	.wrap_intro.land_img_list.land_img2 {
		background-position:33%;
	}
	.wrap_intro.land_img_list.land_img3 {
		background-position:30%;
	}
	.wrap_intro.land_img_list.land_img4 {
		background-position:30%;
	}
	.wrap_intro.land_img_list.land_img5 {
		background-position:30%;
	}
}


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

section.wrap_tour.mt_body.head_margin{
	margin-top:100px;
}
.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.jpg')no-repeat 50% 50%;
    background-size:cover;
}

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


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

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

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

    .wrap_tour_list {
        text-align:center;
    }
	.list_tour.ml {
		margin-left:35px;
	}
    .tour_txt h1 {
        font-size:25px;
    }

    .tour_txt p {
        width:100%;
        font-size:13px;
        text-align:center;
      }
    
}
@media only screen and (max-width: 800px){
	section.wrap_tour.mt_body.head_margin{
	margin-top:150px;
	}
}
@media only screen and (max-width: 750px) {
    .list_tour {
        width:80%;
    }
    .wrap_list {
       flex-direction:column;
       align-items: center;
    }
	.list_tour.ml {
		margin-left:0px;
	}
    .list_tour {
        width:90%;
    }

}

@media only screen and (max-width: 500px) {
    .list_tour {
        width:90%;
    }
	.img_tour_main {
		height:300px;
	}
    .tit_tour {
        padding:50px 10px 0 10px;
    }

    .tour_img img {
		height:100%;
      }

	section.wrap_tour.mt_body.head_margin {
		margin-top: 150px !important;
	}
    
}



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

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

.mt_location_2 {
    margin-top:10px;
}

.wrap_address h5{
	font-size:15px;
}
.wrap_address.mt_location_2 > h5{
	font-weight:900;
}
.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:70px 10px;
}

.wrap_detail > div > h3{
	margin-top:0px;
} 

.wrap_detail h3 {
	margin-top:54px;
}

.wrap_detail span {
	font-size:13px; color:#696969;
	text-transform:uppercase;
}

.wrap_detail .direction span{
	font-size:1.17em;
	margin-left:10px;
}
.wrap_detail span.pic {
	color:#89bc41;
	font-size:15px;
}
.color_g p {
	margin:2px 0;
	font-size:13px; font-weight:bold;
	line-height:20px;
	color:#9A9A9A
}

.imp {
	font-size:15px;
	font-weight:800;
	line-height:20px;
	color:#89bc41;
}



.wrap_detail p.dir_way {color:black;}
.wrap_detail p.mt {margin-top:10px;}
.direction h5 {
	line-height:30px;
	font-size:15px;
}
.detail_car {
	width:50%;
}
.detail_public {
	margin-left:50px;
	padding-right:30px;
	width:50%;
}


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

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

}

  
@media only screen and (max-width: 800px) {
    .wrap_detail {
        flex-direction:column;
        padding:50px 20px;
        text-align:center;
    }
	.wrap_detail > div > h3{margin-top:33px;} 
	.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:0px;
    }
	.mt_location {
		margin-top:30px;
	}
    
}



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

	.wrap_detail h3 
		{margin:20px auto; font-size:4.5vw;}
 
	.wrap_detail span {
		display:block;
		margin-top:10px;
	}
	.detail_public {
		padding-right:0px;
	}
	.mt_location > p{
		padding:0 15px;
	}
	.wrap_detail .direction span {
		margin-left:0px;
	}
    
}





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

    ================ 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: 'Poiret One', sans-serif;
            border-bottom:2px solid black;
        }
		.room_pre_txt h3 span br {
            display:none;
        }
        .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;
			margin:100px auto;
        }

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

    }

	@media only screen and (max-width: 800px) {
		.wrap_room_preivew {
			margin:150px auto 100px;
		}
	}

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

        .wrap_room_left {
            width:90%;
        }

        .wrap_room_right {
            width:90%;
        }

    }




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


.mb_room_view {
    display:none;
}

.wrap_room_view {
    position:relative;
    width:100%;
}
    .wrap_slide_room {
        position:relative;
    }
    .slide_room {
        width:100%;
        height:100%;
    }
    .bg_room {
        width:100%; 
        height:100vh;
        min-height:700px;
        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%;
        color:white;
    }
        .room_name h1 {
            font-size:35px;
        }

        a.btn_room_reser {
            display:inline-block;
            margin-top:20px;
            padding:10px 35px;
            font-size:20px; font-weight:bold;
            text-transform:uppercase;
            /*background:#03A9F4;*/
			background:#89be41;
            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:30px 20px;
    }
        .detail_1 {
            margin-right:50px; padding-bottom:20px;
            width:50%;
            /*border-bottom:1px solid #03A9F4;*/
			border-bottom:1px solid #89be41;
        }
        .detai_2 {
            padding-bottom:20px;
            width:50%; 
            /*border-bottom:1px solid #03A9F4;*/
			border-bottom:1px solid #89be41;
        }

    .room_type {
        display:flex;
        font-weight:bold;
    }
        .room_de_tit {
            font-size:17px;
            /*color:#03A9F4;*/
			color:#89be41;
        }
        .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;
    }
    
        .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;*/
			color:#89be41;
        }
        .slide_room .slick-dots li.slick-active {
            display:inline-block;
            color:white;
        }
        .slide_room .slick-dots li.slick-active::after {
            margin:0 30px;
            content:'/';
        }
        
        .slide_room .slick-dots li:last-child {
            display:inline-block;
        }


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

    .wrap_room_next {
        display:flex;
        width:100%;
    }
        .wrap_pre_room {
            position:relative;
            width:50%;
            height:400px;
            cursor:pointer;
            overflow:hidden;
        }
            .pre_room_img {
                width:100%; height:100%;
                transition:transform 500ms;
                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:54%; left:50%;
            transform:translate(-50%,-50%);
            color:white;
        }

            .room_pre_next p {
                margin:5px 0;
                font-size:20px;
            }
            .room_pre_next h3 {
                font-size:30px; font-weight:bold;
				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%;
            }
            .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;
				padding-left:0;
            }
            .room_detail.right {
                margin-top:50px;
            }
            .detail_1 {
                height:auto;
                padding-bottom:10px;
            }
            .detai_2 {
                height:auto;
                padding-bottom:10px;
            }

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


        .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{
				display:table;
				width:100%;
			}
            .room_facil_list span {
                display:inline-block;
                margin-top:15px;
				display:table-cell;
                font-size:14px; font-weight:bold;
                text-align:center;
            }
            
        .wrap_room_next {
            flex-direction:column;
        }
            .wrap_pre_room {
                width:100%;
                height:250px;
            }

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

        .room_de_con {
            padding-left:0;
        }

        .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;
			/*left:60%;*/
			right:5%;
			/*transform: translate(-30%, 0);*/
			bottom:0;
			color:white;
			font-size:30px;
			text-align:right;
			text-shadow: 2px 2px 0px #89bc41;
		}
		/* room8 - 도담삼봉 */
		.mb_room_view.set_room_8 .mb_room_name.in_img {
			font-size:27px;
		}
        .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:"Poiret One";
         
        }
            .mb_room_name .btn_room_reser {
                margin-top:0;
                height:40px;
                color:white;
            }

        .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-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";
        }
        .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";
        }
        .facil_list ul li:hover {
            text-shadow: 2px 2px 4px #000000;
        }

    .wrap_facil_detail {
        position:absolute;
        top:0; right:0;
        width:450px;
        height:100%;
        text-align:center;
    }
    .wrap_facil_detail::before {
        content:'';
        position:absolute; 
        top:0; left:0;
        width:100%; height:100%;
        background:rgba(209, 204, 206, .75)
    }
        .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:106px;
        line-height:1.7em;
    }

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

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


/* ===

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

=== */

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




/* ===

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

=== */

.facil_2_1 {
    background:url('/img/facil/facil2_1.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.facil_2_2 {
    background:url('/img/facil/facil2_2.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.facil_2_3 {
    background:url('/img/facil/facil2_3.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.facil_2_4 {
    background:url('/img/facil/facil2_4.jpg')no-repeat 50% 50%;
    background-size:cover;
}
.facil_2_5 {
    background:url('/img/facil/facil2_5.jpg')no-repeat 50% 50%;
    background-size:cover;
}

@media only screen and (max-width: 500px) {
	.facil_1_1 {
		background-position:25% 0;
	}
	.facil_1_2 {
		background-position:90% 0;
	}
	.facil_1_3 {
		background-position:30% 0;
	}
	.facil_2_1 {
		background-position:30% 0;
	}

}


/* ===

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

=== */

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

/* ===

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

=== */

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


@media only screen and (max-width: 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;
			padding-bottom:20px;
        }

    .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;
		margin-top:0 !important;
    }

	.section_reser_info p{
	    line-height: 0;
		margin: 12px 0 24px 0;
	}

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

        .reser_banner h1:hover{
            color:white;
            font-size:40px;
            text-shadow: 2px 2px 20px #000000;
        }

		@media only screen and (max-width: 800px) {
		
			.reser_banner h1{
				font-size: 30px;
			}
		
			.reser_banner h1:hover {
				font-size: 30px;
			}
		}

		@media only screen and (max-width: 700px) {
		
			.reser_banner h1{
				font-size: 30px;
			}
		
			.reser_banner h1:hover {
				font-size: 30px;
			}
		}

        .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;
			margin: 6px 0 0 0;
        }
            .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:15px;
        font-size:17px;
    }

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

	.wrap_rer_info ul{
		margin:0 0 35px 0;
	}

        .wrap_rer_info ul li:before {
            content: '\2022 ';
            color: black;
            font-size:5px;
        }


    .rer_period {
        margin-top:50px;
    }

        .rer_period ul {
            /*color:grey;
            font-weight:normal;*/
        }

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


        .rer_ins p {
            font-size:14px;
        }

    .rer_detail {
        margin-left:5px;
    }


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

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

    .wrap_refund_mb {
        display:none;
    }


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

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

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

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

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

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

		.rer_ins {
			margin-top:10px;
		}

    }

    @media only screen and (max-width:545px){
		.btn_reser_2 {
			padding: 7px 44px;
			margin: 6px 0 0 0;
		}
	}

    @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:27px;
        }

		.reser_banner h1:hover{
			font-size: 27px;
		}

        .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;
			margin-top:0;
        }

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

		.wrap_refund_mb{
			display:block;
		}

    }








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

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

.wrap_rer_info.rer_period ul{
	margin: 0 0 30px 0;
}

.wrap_rer_info.rer_period ul>li{
	font-size: 14px;
	padding: 0 0 0 0;
}