@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i");
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("https://fonts.googleapis.com/css?family=Oranienbaum");
/* arrow font-family: 'Oranienbaum', serif; */
@import url("//fonts.googleapis.com/earlyaccess/jejumyeongjo.css");
/* font-family: 'Jeju Myeongjo', serif; */
@import url("https://fonts.googleapis.com/css?family=Song+Myung");
/* font-family: 'Song Myung', serif; */
@import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700");
/* font-family: 'Quicksand', sans-serif; new_nav */
@import url("https://fonts.googleapis.com/css?family=Unica+One");
/* font-family: 'Unica One', cursive; old_nav */
@import url("https://fonts.googleapis.com/css?family=Amiri");
/* font-family: 'Amiri', serif; */
@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i");
/* font-family: 'PT Sans', sans-serif; */
@import url("https://fonts.googleapis.com/css?family=Titillium+Web:400,400i");
/* font-family: 'Titillium Web', sans-serif; */
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700");
/* font-family: 'Roboto Condensed', sans-serif; */
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");
/* font-family: 'Montserrat', sans-serif; */
@import url("https://fonts.googleapis.com/css?family=Lato:400,700");
/* font-family: 'Lato', sans-serif; */
@import url("https://fonts.googleapis.com/css?family=Abhaya+Libre:400,700");
/* font-family: 'Abhaya Libre', serif; */
/* main */
@import url("https://fonts.googleapis.com/css?family=Chonburi");
/* font-family: 'Chonburi', cursive; */
/* sub */
@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700");
/* font-family: 'Josefin Sans', sans-serif; */
@import url("https://fonts.googleapis.com/css?family=Amiri:400,400i");
/* font-family: 'Amiri', serif; */
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,700");
/* font-family: 'Playfair Display', serif; */
@import url("https://fonts.googleapis.com/css?family=Cormorant+SC:400,500,600,700");
/* font-family: 'Cormorant SC', serif; */
@import url("https://fonts.googleapis.com/css?family=Marck+Script");
/* font-family: 'Marck Script', cursive; */
@import url("https://fonts.googleapis.com/css?family=Cagliostro");
/* font-family: 'Cagliostro', sans-serif; */
@import url("https://fonts.googleapis.com/css?family=Barlow:400,600");
/* font-family: 'Barlow', sans-serif; */
@import url("https://fonts.googleapis.com/css?family=Courgette");
/* font-family: 'Courgette', cursive; */
@import url("https://fonts.googleapis.com/css?family=Do+Hyeon");
/* font-family: 'Do Hyeon', sans-serif; */
@import url("https://fonts.googleapis.com/css?family=Tangerine");
/* font-family: 'Tangerine', cursive; */
@import url("https://fonts.googleapis.com/css?family=Damion");
/* font-family: 'Damion', cursive; */
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500");
/* font-family: 'Montserrat', sans-serif; */
@import url("https://fonts.googleapis.com/css?family=Libre+Baskerville");
@font-face { font-family: 'GothamThin'; font-style: normal; font-weight: normal; src: url("./fonts/GothamThin.eot"); src: url("./fonts/GothamThin.woff") format("woff"), url("./fonts/GothamThin.ttf") format("truetype"); }
@font-face { font-family: 'GothamLight'; font-style: normal; font-weight: normal; src: url("./fonts/GothamLight.eot"); src: url("./fonts/GothamLight.woff") format("woff"), url("./fonts/GothamLight.ttf") format("truetype"); }
@font-face { font-family: 'GothamMedium'; font-style: normal; font-weight: 300; src: url("./fonts/GothamMedium.eot"); src: url("./fonts/GothamMedium.woff") format("woff"), url("./fonts/GothamMedium.ttf") format("truetype"); }
@font-face { font-family: 'GothamBold'; font-style: normal; font-weight: 700; src: url("./fonts/GothamBold.eot"); src: url("./fonts/GothamBold.woff") format("woff"), url("./fonts/GothamBold.ttf") format("truetype"); }
@font-face { font-family: 'Source Han Serif KR'; font-style: normal; font-weight: 400; src: url("./fonts/SourceHanSerifKR-Regular_subset.eot"); src: url("./fonts/SourceHanSerifKR-Regular_subset.woff") format("woff"), url("./fonts/SourceHanSerifKR-Regular_subset.ttf") format("truetype"); }
.top_slide_sec .top_img_box { width: 100%; }
.top_slide_sec .top_img_box img { width: 100%; }

.rm_txt_box01 { text-align: center; padding: 50px 0; width: 90%; margin: 0 5%; line-height: 1.65; }
.rm_txt_box01_top { text-transform: uppercase; }
.rm_txt_box01_top span { display: block; word-break: keep-all; }
.rm_txt_box01_top span:last-child { font-size: 30px; }
.rm_txt_box01_top span:not(:last-child) { font-size: 13.5px; }
.rm_txt_box01 .center_bar { padding: 15px 0; }
.rm_txt_box01_bot { font-size: 13px; }
@media screen and (max-width: 560px) { .rm_txt_box01_bot { font-size: 12px; } }
.rm_txt_box01_bot span { display: block; }

.rm_img_box01 img { width: 100%; }

.rm_info_box { display: flex; margin: 4.5%; margin-top: 0; }
.rm_info_box::after { content: ""; display: block; clear: both; }
.rm_info_box > div { width: 100%; }
@media screen and (max-width: 1200px) { .rm_info_box > div { margin: 0; width: 100%; } }
.rm_info_box_le > div:not(:last-child) { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ebebeb; }
.rm_info_box_le h3 { font-size: 19px; font-weight: bold; margin-bottom: 8px; }
.rm_info_box_le li::after { content: ""; display: block; clear: both; }
.rm_info_box_le li > span { line-height: 1.7; font-size: 12.5px; float: left; display: block; }
.rm_info_box_le li > span:first-child { font-weight: bold; }
.rm_info_box_le li > span:last-child { width: calc(100% - 60px); word-break: keep-all; }
.rm_info_box_le .week_date { margin: 15px 0; }
.rm_info_box_ri { position: relative; margin-left: 3%; }
@media screen and (max-width: 1200px) { .rm_info_box_ri { display: none; } }
.rm_info_box_ri img { width: 100%; }
.rm_info_box_ri div { position: absolute; bottom: 0; right: 0; background-color: #202020; text-transform: uppercase; }
.rm_info_box_ri div a { display: block; color: #fff; padding: 8px 20px; }

.rm_img_box02_item img { width: 100%; margin-bottom: 8px; }

/*# sourceMappingURL=room.css.map */
.box-all{
    display: flex;
    width: 85%;
    margin: 0 auto;
    flex-wrap: wrap;
    gap: 2%;
}
.rm_img_box02_item{
    width: 48%;
margin-bottom: 2%;
}
.rm_img_box02_item img{
    display: block;
    width: 100%;
}

@media(max-width:500px){
    .rm_img_box02_item{
        width: 100%;
    }
    .box-all{
        width: 85%;
    }
}