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

List 
   1. Common
   2. About
   3. Room
   4. Facility.
   5. Service.
   6. Tour.
   7. Reservation.


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




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

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


#header.onleave li.m_li_out > a.a_title {
    color:black;
	text-shadow: none;
}
#fp-nav {
    z-index:120;
}
.footer.mb {
    display:none;
}

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


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

    ================ About ================
    
:::::::::::::::::::::::::::::::::::::::::::::::: */

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


    /* Common */
        .intro_txt {
            text-align:center;
            font-size:3vw;
            line-height:25px;
            color:white; text-shadow: 2px 2px 3px #000000;
			font-family: 'Noto Serif KR', serif;
        }

        .wrap_intro {
            display:flex; flex-direction:column; justify-content:center; align-items:center;
            width:100%; height:100vh;
        }
            h1.intro_al {
                font-size:70px; 
                color:white;
                text-shadow: 2px 2px 3px #000000;
                font-family:'Abril Fatface';
                text-transform:uppercase;
				text-align: center;
            }
            h1.intro_semi {
                font-size:60px; 
                color:white;
                text-shadow: 2px 2px 3px #000000;
                font-family:'Abril Fatface';
                text-transform:uppercase;
                letter-spacing:4px;
            }
            h2.intro_semi {
                font-size:25px; 
                color:white;
                text-shadow: 2px 2px 3px #000000;
                font-family:'Abril Fatface';
                text-transform:uppercase;
                letter-spacing:2px;
				text-align: center;
            }
        .intro_margin {
            margin:25px 0 15px 0;
        }

        .flex_col_CB {
            display:flex; flex-direction:column; 
            justify-content:center; align-items:center;
        }
        
        .ani_opacity {
            opacity:0;
        }
        .ani_opacity.on {
            animation: intro_opacity 3s;
            animation-fill-mode: forwards;
        }
        @keyframes intro_opacity {
            from {opacity:0}
            to {opacity:1}
        }

        /* Fullpage Navigation */
            #fp-nav.right {
                right:15px;
            }
    
            #fp-nav ul li a span {
                width:10px; height:10px;
                margin:0;
                background:white;
            }
    
            #fp-nav ul li a.active span {
                width:10px; height:10px;
                margin:0;
                background:#136396;
            }
            #fp-nav ul li, .fp-slidesNav ul li {
                margin-top:10px;
            }
    


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


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

        .intro_3rd_2 {text-align:center;}
          .intro_3rd_2 img {width:90%;}


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

		@media screen and (max-width: 1000px) {
			h1.intro_al {
                font-size:8vw;
            }
            h1.intro_semi {
                font-size:6vw;
            }
			.intro_2nd_2 {
				display: none;
			}
            h2.intro_semi {
                font-size:3vw;
            }
		}

        @media only screen and (max-width:500px){
            h1.intro_al {
                font-size:10vw;
            }
			
			h2.intro_semi {
                font-size:20px;
                text-align:center;
				width: 90%;
				margin: 0 auto;
            }

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

			.intro_txt {
                width: 88%;
				margin: 0 auto;
            }

			.width1 {
				width: 85%;
			}

			.width2 {
				width: 83%;
			}


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


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


        }




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

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

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

    .bg_land2 {
        background:url('/img/about/bg_land2.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land3 {
        background:url('/img/about/bg_land3.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land4 {
        background:url('/img/about/bg_land4.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land5 {
        background:url('/img/about/bg_land5.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land6 {
        background:url('/img/about/bg_land6.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land7 {
        background:url('/img/about/bg_land7.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land8 {
        background:url('/img/about/bg_land8.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land9 {
        background:url('/img/about/bg_land9.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land10 {
        background:url('/img/about/bg_land10.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land11 {
        background:url('/img/about/bg_land11.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land12 {
        background:url('/img/about/bg_land12.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    .bg_land13 {
        background:url('/img/about/bg_land13.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;
        }
        .bg_land2 {
            background:url('/img/about/mb/bg_land2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land3 {
            background:url('/img/about/mb/bg_land3.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land4 {
            background:url('/img/about/mb/bg_land4.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land5 {
            background:url('/img/about/mb/bg_land5.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land6 {
            background:url('/img/about/mb/bg_land6.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land7 {
            background:url('/img/about/mb/bg_land7.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land8 {
            background:url('/img/about/mb/bg_land8.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land9 {
            background:url('/img/about/mb/bg_land9.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land10 {
            background:url('/img/about/mb/bg_land10.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land11 {
            background:url('/img/about/mb/bg_land11.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land12 {
            background:url('/img/about/mb/bg_land12.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
        .bg_land13 {
            background:url('/img/about/mb/bg_land13.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }

    }

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

    .wrap_location {width:1200px; margin:30px auto 100px auto;}
        .location_tit {
            margin:30px 0; 
            font-size:60px;
            font-family: 'East Sea Dokdo', cursive;
			/*font-family: 'Yeon Sung', cursive;*/
            letter-spacing:2px;
			color: #010101;
        }
        .wrap_address {margin-top:20px;}
        .direction {margin-top:30px;}

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

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

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

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

    }




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

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




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







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

    .room_preview {
        height:100%;
    }

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

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


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

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

    .room_intro1 {
        background:url('/img/room/room_intro1.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    
    .room_intro2 {
        background:url('/img/room/room_intro2.jpg')no-repeat 50% 50%; 
        background-size:cover;
        transition:transform 1000ms;
        transition-delay: 1.5s;
        transform: translate3d(0%, 0%, 0);
        
    }
        .room_intro2.on {
            transform: translate3d(0%, 0%, 0);
        }
	.room_intro3 {
        background:url('/img/room/room_intro3.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    
    .room_intro4 {
        background:url('/img/room/room_intro4.jpg')no-repeat 50% 50%; 
        background-size:cover;
        transition:transform 1000ms;
        transition-delay: 1.5s;
        transform: translate3d(0%, 0%, 0);
        
    }
        .room_intro4.on {
            transform: translate3d(0%, 0%, 0);
        }
	.room_intro5 {
        background:url('/img/room/room_intro5.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    
    .room_intro6 {
        background:url('/img/room/room_intro6.jpg')no-repeat 50% 50%; 
        background-size:cover;
        transition:transform 1000ms;
        transition-delay: 1.5s;
        transform: translate3d(0%, 0%, 0);
        
    }
        .room_intro6.on {
            transform: translate3d(0%, 0%, 0);
        }
	.room_intro7 {
        background:url('/img/room/room_intro7.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    
    .room_intro8 {
        background:url('/img/room/room_intro8.jpg')no-repeat 50% 50%; 
        background-size:cover;
        transition:transform 1000ms;
        transition-delay: 1.5s;
        transform: translate3d(0%, 0%, 0);
        
    }
        .room_intro8.on {
            transform: translate3d(0%, 0%, 0);
        }
	.room_intro9 {
        background:url('/img/room/room_intro9.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    
    .room_intro10 {
        background:url('/img/room/room_intro10.jpg')no-repeat 50% 50%; 
        background-size:cover;
        transition:transform 1000ms;
        transition-delay: 1.5s;
        transform: translate3d(0%, 0%, 0);
        
    }
        .room_intro10.on {
            transform: translate3d(0%, 0%, 0);
        }
	.room_intro11 {
        background:url('/img/room/room_intro11.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    
    .room_intro12 {
        background:url('/img/room/room_intro12.jpg')no-repeat 50% 50%; 
        background-size:cover;
        transition:transform 1000ms;
        transition-delay: 1.5s;
        transform: translate3d(0%, 0%, 0);
        
    }
        .room_intro12.on {
            transform: translate3d(0%, 0%, 0);
        }
	.room_intro13 {
        background:url('/img/room/room_intro13.jpg')no-repeat 50% 50%; 
        background-size:cover;
    }
    
    .room_intro14 {
        background:url('/img/room/room_intro14.jpg')no-repeat 50% 50%; 
        background-size:cover;
        transition:transform 1000ms;
        transition-delay: 1.5s;
        transform: translate3d(0%, 0%, 0);
        
    }
        .room_intro14.on {
            transform: translate3d(0%, 0%, 0);
        }



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

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

            }
                .room_pre_tit span {
                    font-size:55px;
					font-family: 'East Sea Dokdo', cursive;
					font-weight: normal;
                }
            .room_intro_txt p {
                margin:7px;
                font-size:14px;
            }
            .room_intro_txt.on {
                opacity:1;
            }
        
        .room_intro_txt.second {
            transition-delay: 2s;
        }



        
        a.btn_room {
            position:relative;
            display:inline-block;
            margin:30px 0; 
            width:135px; height:35px;
            font-size:13px; font-weight:bold;
            color:#313131;
            border:1px solid #6e6e6e;
            overflow:hidden;
            transition:border 500ms, color 500ms;
        }
            a.btn_room:hover {
                border:1px solid #aa9173;
                color:white;
            }
            span.room_vm {
                position:absolute;
                width:100%;
                top:50%; left:50%;
                transform:translate(-50%, -50%);
                font-weight:bold;
                letter-spacing:2px; text-align:center; text-transform:uppercase;
                z-index:10;
            }
            .btn_fill_room {
                position:absolute;
                width:100%; height:100%;
                left:0; bottom:0;
                background-color:#aa9173;
                transform: translate3d(0, 100%, 0);
                transition:transform 300ms;
                z-index:5;
            }
    
                a.btn_room:hover > .btn_fill_room {
                    transform: translate3d(0, 0%, 0);
                }

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



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

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


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

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

    }




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

    Room Setting 

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

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

    .mb_room_main {
        height:250px;
        background-repeat:no-repeat;
        background-size:cover;
        background-position: center; 
    }


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

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

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




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

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

        .wrap_room_tit {
            position:fixed; z-index:110; 
            top:50%; transform: translate(0%, -50%);
            margin-left:50px;
        }
        .room2_1st_1 {
            padding: 90px 0 0 5px;
            /*border-bottom:2px solid white;*/
			background: url('../img/room/room_icon.png') no-repeat 0 50%;
        }
        .room_type {
            font-size:50px;
            font-family: 'East Sea Dokdo', cursive;
            color:white;
			font-weight: normal;
        }

        a.btn_room_view {
            display:inline-block;
            margin-top:40px; 
            padding:15px 45px; 
            font-size:14px; font-weight:bold;
            text-transform:uppercase;
            background:rgba(255,255,255,0.7);
            transition:background 500ms;
            
        }
            a.btn_room_view:hover {
                background:rgba(255,255,255,1);
            }

        .wrap_room_detail {
            position:absolute; z-index:200;
            width:1000px; height:100%;
            transform:translate3d(-100%,0,0);
            transition:transform 700ms;
        }
        .wrap_room_detail.on {
            transform:translate3d(0,0,0);
        }
            .diagonal_bg {
                position:absolute; z-index:200;
                top:0; left:-200px;
                width:100%; height:100%;
                background:rgba(255,255,255,0.8);
                transform: scale(1,1) rotate(0)skew(16deg,0) translate(0,0);
            }

            .room_detail_txt {
                position:absolute; z-index:210;
                padding:50px 0 30px 0;
                left:100px; 
                font-weight:bold; text-align:center;
            }
                .detail_tit {font-size:30px;  font-family: 'Great Vibes', serif;}
                .room_detail_txt h4 {font-weight:600; font-family: 'Noto Sans KR', sans-serif;}
                .room_detail_txt p { font-weight: 300; font-size:14px; line-height:20px; font-family: 'Noto Sans KR', sans-serif;}
                .de_warning {color: #d4464a;}
                .de_info {font-size:12px; color: #d4464a;}
                .r_de_mt {margin-top:20px;}

                

    /* Image List */
        .mb_room2_main {
            height:250px;
            background:url('/img/room/room2/bg_room2_2.jpg')no-repeat 50% 50%; 
            background-size:cover;
        }
            /* 
                .bg_room2_1 {
                    background:url('/img/room/room2/bg_room2_1.jpg')no-repeat 50% 50%; 
                    background-size:cover;
                }
            */
        
        
        
        
        
        
        




    /* Room View Info */
        .room_facil {
            display:flex;
            width:600px; 
            font-size:0;
        }
        .room_facil >  div {
            width:100px;
            padding:10px 0;
            font-size:12px;
            border:1px solid #C7C6C5;
            border-right:none;
        }
            div.b_right {border-right:1px solid #C7C6C5; }
        div.room_facil_item  {
            display:flex; flex-direction:column;
            justify-content: center; align-items:center;
            font-size:13px;
        }
        div.room_facil_item img {
            width:90%;
            max-height:90px;
        }
        div.room_facil_item span {
            margin-top:5px;
        }

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

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


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


            .mb_wrap_room2 {
                display:block; 
                text-align:center;
                font-weight:bold;
            }
                .mb_room_detail {
                    padding:10px 10px;
                }
                .mb_wrap_room2 p {
                    margin:7px 0;
                    font-size:12px; line-height:20px;
                }
                    p.mb_room_warning {font-size:10px; color:#D4464A;}
                    p.mb_room_info1 {font-size:10px; color:grey;}
                    span.mb_facil_list1 {display:block !important;}

                .mb_room_type span{
                    display:inline-block;
                    padding:5px 10px;
                    font-size:13px;
                    background-color:black;
                    color:white;
                }
                .mb_room_num span {
                    display:inline-block;
                    margin-top:10px;
                    font-size:13px;
                }
                .mb_room_img_tit img {
                    margin:20px 0;
                    width:90%;
                }
                p.mb_room_desc {
                    margin:0;
                    font-size:14px;
                }
                .mb_tit_type {
                    padding:10px 0;
					font-family: 'East Sea Dokdo', cursive;
					font-weight: normal;
					font-size: 9vw;
					/*background: url('/img/room/bg_room.jpg') no-repeat 50% 50%;
					background-size: cover;*/
					color: #333;
                }

				.mb_room_img { margin-top: 30px; }

                    .mb_tit_type span {
                        color:#26c0c3;
                    }
            
                .mb_tit_info {
                    color:#26c0c3;
                }

            .mb_room_img img {
                width:100%;
                min-height:200px;
            }
   
        }




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

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

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

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

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

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

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

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

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

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

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

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




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

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

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

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

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

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

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

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




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

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

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

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

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

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

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



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

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


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

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

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

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





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

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

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

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

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

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

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






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

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

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

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

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

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




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

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


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

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

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

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

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

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

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

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

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

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





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

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


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

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

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

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



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

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


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

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

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

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




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

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

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

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

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

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

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

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







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

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

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

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

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

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

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

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

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

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

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

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

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

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




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

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


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

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

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

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

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

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

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

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

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

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

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

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





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

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

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

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

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

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

    .wrap_info_detail {
        position:absolute; left:0; bottom:0;
        z-index:120;
        width:100%; height:400px;
        background-color:white;
        transform: translate3d(0,110%,0);
        transition:transform 300ms;
    }
        .wrap_info_detail.on {
            transform: translate3d(0,0%,0);
        }
            .info_detail_inner {
                width:600px;
                margin:0 auto; padding:60px 0;
                font-weight:bold; text-align:center;
            }
                .info_detail_inner h3 {
                    padding-bottom:20px;
                    border-bottom:1px solid black;
                }
                .info_detail_inner p {
                    text-transform: uppercase;
                }
                .de_in_eng {
                    margin-top:30px;
                    font-size:12px; line-height:17px;
                    color:grey;
                }
                .de_in_kor {
                    font-size:14px;  line-height:20px;
                }
            button.close_detail {
                position:absolute; top:-15px; left: 50%; margin-left:-52px;
                padding:10px 25px;
                font-size:12px; letter-spacing:3px;
                font-weight:bold; text-transform: uppercase;
                font-family:'Lato';
                background:white;
                color:#606060; border:1px solid black;
            }

    @media only screen and (max-width:500px){
        a.btn_facil_detail {
            display:inline-block;
            margin-top:40px; padding:10px 20px; 
            font-size:13px;
            border:1px solid white;
            color:white; 
            background:transparent;
			text-shadow: 1px 1px 2px #666;
        }

        .wrap_info_detail {
            height:390px;
        }
            .info_detail_inner {width:80%; padding:40px 0;}
                .de_in_kor {font-size:12px; width: 79%; margin: 0 auto;}
    }
    
    

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


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

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

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

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

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

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



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


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

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

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


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


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

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


/* === 
    :::::::: facility4 .php :::::::
=== */


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

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


/* === 
    :::::::: facility5 .php :::::::
=== */


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

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

/* === 
    :::::::: facility6 .php :::::::
=== */


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

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






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

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


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

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

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

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

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



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

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


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

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

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

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


/* === 
    :::::::: service4.php :::::::
=== */

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

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






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

    ================ Tour ================
    
:::::::::::::::::::::::::::::::::::::::::::::::: */


/* === 
    :::::::: Common.php :::::::
=== */

    .ie_flex.ie_mt {
        display:inline-block; margin-top:5px;
    }



/* === 
    :::::::: tour1.php :::::::
=== */

    .wrap_tour {
        padding-top:90px;
    }

    .block_tour {
        display:flex;
        width:100%; height:800px;
    }
        .tour_bg {
            position:relative;
            width:55vw;
            height:100%;
        }
            
            .tour_title {
                position:absolute;
                width:100%;
                text-align:center;
                color:#fff;
                font-family: 'Lora', serif;
                text-transform:uppercase;
            }
               
                .tour_title p {
                    margin:250px 0 0 0;
                    font-size:45px;
                    text-shadow:1px 1px 10px #333;
                }
                .tour_title h3 {
                    position:relative;
                    padding-bottom:15px;
                    font-size:45px; font-weight:100;
                    letter-spacing:3px;
                    text-shadow:1px 1px 10px #333;
                }
                .tour_title h3::before {
                    content:'';
                    position:absolute;
                    left:50%; bottom:0;
                    transform:translate(-50%,0);
                    width:300px; height:1px; 
                    background-color:white;
                }
                .tour_title h5 {
                    margin-top:10px;
                    font-size:20px;
                    letter-spacing:3px;
                    font-weight:200;
                    text-shadow:1px 1px 10px #333;
                }

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

        .tour_intro {
            display:flex; flex-direction:column; align-items:center;
            width:45vw;
            height:100%;
            font-family: 'Noto Sans KR', sans-serif;
        }
            .tour_name {
                width:80%; max-width:550px;
                text-align:center;
            }
                .tour_name_eng {
                    margin-top:90px;
                    font-size:11px; font-weight:bold;
                    font-family:"EB Garamond";
                    text-transform:uppercase;
                }
                .tour_name_kor {
                    position:relative;
                    width:70%; height:45px; 
                    margin:0 auto;
                    font-family: 'Noto Sans KR_700', sans-serif;
                    border-bottom:1px solid rgb(0, 0, 0);
                }
           
            .tour_desc {
                margin-top:40px;
                font-size:13px; line-height:25px;
            }
            .tour_img {
                margin:50px auto 0 auto;
                width:400px; height:350px;
            }
                .tour_img img {
                    width:100%;
                    height:100%;
                }

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

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

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

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

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



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

        .block_tour {
            flex-direction:column;
            height:1300px;
        }
            .tour_bg {
                width:100%; height:40%;
            }
            .tour_intro {
                width:100%; height:60%;
                order:2;
            }

            .tour_name_kor {
                border-bottom:none;
            }
                .tour_name_kor:before {
                    content:'';
                    position:absolute;
                    top:auto; left:46.5%; bottom:0; right:0;
                    width:50px; height:2px;
                    background:black;
                }
    }

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

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

        .tour_name_eng {margin-top:20px;}
        .tour_name_kor {font-size:20px;}
            .tour_name_kor:before {
                content:'';
                position:absolute;
                top:auto; left:37.5%; bottom:0; right:0;
                width:50px; height:2px;
                background:black;
            }

        .tour_desc {
            margin-top:20px; 
            font-size:12px; line-height:20px;
        }

        .tour_title {
            display:none;
        }
		
		.bg_facil4_2 {
			background:url('/img/facility/facil4_2_mb.jpg')no-repeat 50% 50%; 
			background-size:cover;
		}


    }





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

    ================ Reservation ================
    
:::::::::::::::::::::::::::::::::::::::::::::::: */


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

.rer_mt {margin-top:10px;}




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

    .wrap_calender {
        margin-top:50px;
    }

    .calendar_pc {

    }

    .calendar_mb {
        display:none;
    }

    .reser_prepare {
        font-size:20px;
        font-weight:bold;
    }
        .reser_prepare h3 {
            margin-top:10px;
        }

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




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


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

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


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


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

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

        .serevation_info {
            padding:220px 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 {
            float:right;
            position:relative;
            margin-right:10px;
            padding:7px 60px;
            font-size:14px;
            border:1px solid rgb(27, 26, 26);
            border-bottom:1px solid black;
            transition:background 500ms;
        }
            .btn_reser:hover {
                background:#666666;
                border:1px solid #666666;
                color:white;
            }

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

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

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

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

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


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

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

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


    .rer_period {
        margin-top:50px;
    }

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

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



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

    .rer_detail {
        margin-left:5px;
    }


    table.table_refund {
        margin-top:30px;
        max-width:100% !important;
        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){

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

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

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

        .reser_mb {
            display:table-row;
        }

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

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

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

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

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


        .rer_mb_none {
            display:none;
        }

        .table_reser thead th {
            display:none;
        }

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

        /* 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;
			line-height: 36vh;
        }

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

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

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

        .serevation_info_mb {
            display:block;
         }

        .serevation_info {
            display:none;
        }
        .serevation_info.reser_prepare {
            display:block;
            font-size:3.7vw;
        }
        .serevation_info.ddnayo {
            display:block;
            padding:30px 10px;
            height:auto;
        }
            .serevation_info.ddnayo iframe {
                height:1200px !important;
            }

    }







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

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