#room { padding-top: 5.104166667%; }
.r-title-col { padding: 3.25203252% 0; }
.r-title-col ul { display: inline-block; text-align: center; }
.r-title-col li:nth-child(1) { font-size: 3.125rem; line-height: 3.125rem; color: #333333; letter-spacing: -2px; }
.r-title-col li:nth-child(2) { text-align: center; width: 46px; height: 3px; background: #0c4da2; margin: 0.833333333vw auto; }
.r-title-col li:nth-child(3) { color: #838383; font-size: 1.125rem; letter-spacing: -2px; }
/*#room .r_line { margin: 1rem 0; width: 46px; height: 3px; background: #0c4da2; display: inline-block; }*/
.room_info01 { margin-top: 6.25203252%; padding: 0 2.357723577%; }
.room_info01_top ul li:nth-child(1) { font-size: 1rem; color: #33bc3c; font-weight: 600; }
.room_info01_top ul li:nth-child(2) { width: 5%; height: 1px; background: #33bc3c; margin: 0.833333333vw 0; }
.room_info01_top ul li:nth-child(3) { font-size: 2rem; color: #444; }
.room_info01_top_line { margin: 1rem 0 0.5rem 0; display: inline-block; width: 30px; height: 2px; background: #0c4da2; }
.room_info01_cont { overflow: hidden; }
.room_info01_cont dl { /*float: left;*/ text-align: center; display: inline-block; /*padding-right: 2rem;*/ margin-top: 0.875vw; margin-bottom: 0; }
.room_info01_cont dl dd { margin-top: 0.7rem; color: #838383; font-size: 0.875rem; }
.room_info01_cont2 { margin: 1.875rem 0;  }
.room_info01_cont2 .d-flex { font-size: 0.875rem; border-bottom: 1px solid #d8d8d8; letter-spacing: -1px; }
.room_info01_cont2 .d-flex:last-child { border-bottom: none; }
.room_info01_cont2 .d-flex > div { text-align: center; padding: 0.625rem; }
/*.room_info01_cont2 .d-flex { width: 100%; overflow: hidden; border-bottom: 1px solid #d8d8d8; }*/
.room_info01_cont2 .d-flex > div:nth-child(1) { width: 9.875rem; color: #838383; border-right: 1px solid #d8d8d8; }
.room_info01_cont2 .d-flex > div:nth-child(2) { color: #999999; width: 100%; }
.room_title { font-size: 2.375rem; line-height: 2.375rem; color: #626262; word-break:break-all; }
.room_info02 { font-size: 0.875rem; color: rgb(102, 102, 102); }
.room_info02_title { font-weight: 500; margin-bottom: 2%; }
.room_info02_col { margin-top: 6.177606178%; }
.room_info02_col li { /*margin-top: 0.5rem; */border: 1px solid #eeeeee; }
.room_info02_col .table td { 
    text-align: left; padding: .3rem; 
    font-family: 'Noto Sans Kr', sans-serif !important; font-weight: 400 !important;
}
.room_info02_col .table td p, .room_info02_col .table td span, .room_info02_col .table td b { padding: 0; margin: 0; background: transparent !important; font-family: 'Noto Sans Kr', sans-serif !important; font-weight: 400 !important; }

#room .fa-circle-o:hover { border: none; background: none; }
.room_info01_col { padding-right: 4.09556314% !important; }
.room_btn_area { margin-top: 4.166666667%; margin-bottom: 10%; }
.room_btn_area .d-flex > div { width: 15.4375rem; -webkit-transition: all .3s; transition: all .3s; position: relative; margin: 0 1rem; border: 1px solid #cacaca; height: 100%; padding-top: 0.5rem; padding-bottom: 0.7rem; }
.room_btn_area .d-flex dl { margin-bottom: 0; }
.room_btn_area .d-flex dl dd { margin: 0; }
.room_btn_area .d-flex dl dt { font-size: 1.125rem; color: #999999; -webkit-transition: all .3s; transition: all .3s; }
.room_btn_area .d-flex dl dd { font-size: 0.875rem; line-height: 0.875rem; color: #999999; -webkit-transition: all .3s; transition: all .3s; }
#room .room_line { width: 38px; border: 0; position: relative; left: -19px; opacity: 0; }

.room_btn_area .d-flex > div:hover .room_btn_line { opacity: 1; -webkit-transition: all .3s; transition: all .3s; }
.room_btn_area .d-flex > div:hover { border: 1px solid #0c4da2; background: #0c4da2; -webkit-transition: all .3s; transition: all .3s; }
.room_btn_area .d-flex > div:hover dl dt { color: #fff; -webkit-transition: all .3s; transition: all .3s; }
.room_btn_area .d-flex > div:hover dl dd { color: #d3d3d3; -webkit-transition: all .3s; transition: all .3s; }

.room_btn_area .d-flex > div.ST .room_btn_line { opacity: 1; -webkit-transition: all .3s; transition: all .3s; }
.room_btn_area .d-flex > div.ST { border: 1px solid #0c4da2; background: #0c4da2; -webkit-transition: all .3s; transition: all .3s; }
.room_btn_area .d-flex > div.ST dl dt { color: #fff; -webkit-transition: all .3s; transition: all .3s; }
.room_btn_area .d-flex > div.ST dl dd { color: #d3d3d3; -webkit-transition: all .3s; transition: all .3s; }

.room_btn_line { position: absolute; top: 50%; right: -19px; opacity: 0; -webkit-transition: all .3s; transition: all .3s; }
.room_info_1 { margin-bottom: 3.125rem; position: relative; }
.room_info_1_top { position: relative; width: 100%; text-align: left; z-index: 33; }
.room_info_1_top .d-flex { /*height: 3.1875rem; background: #faf9f8;*/  }
.room_info_1_top .d-flex > div { padding: 0 9px; word-break: keep-all; /*line-height: 3.1875rem;*/ /*height: 3.1875rem;*/ color: #878787; font-size: 1.0625rem; }
.room_info_1_top .d-flex > div .ST { color: #0c4da2; font-size: 1.875rem; margin-right: 1.4rem; }
.room_info_1_top .d-flex > div .txt { position: relative; top: -5px;  }
.room_notice { color: #535353; font-size: 1.125rem; margin: 2.986348123% 0; }
.room_notice p { font-size: 1.125rem !important; }
.room_notice span { font-size: 1.125rem !important; }
.room_notice div { font-size: 1.125rem !important; }
.room_price table th { text-align: center; background: #2f9c2f; color: #fff; vertical-align: middle; font-size: 0.875rem; }
.room_price table td { text-align: center; vertical-align: middle; font-size: 0.875rem; }
.room_price_area { padding: 4% 2.357723577%; }
.room_price { margin-top: 1%; }
.room_price .price_7 { max-width: 80%; margin: auto; }
.room_rolling .prev { left: 0; top: 40%; }
.room_rolling .next { right: 0; top: 40%; }

.room_rolling .owl-thumb-item img {
    width: 154px;
    /*height: auto;*/
}

.room_rolling .owl-thumbs {
    position: relative;
    
    /*display: table;*/
    width: 100%;
    text-align: center;
    margin-top: 4px;
    overflow: hidden;
}

.room_rolling .owl-thumb-item {
    /*display: table-cell;*/
    border: none;
    background: none;
    padding: 0 2px 4px 2px;
    opacity: .4;
}

.room_rolling .owl-thumb-item:focus { border: 0; }
.room_rolling .owl-thumb-item:active { border: 0; }

.room_rolling .owl-thumb-item.active {
    opacity: 1;
}

.room_addr { 
    padding: 0 2.46031746%; 
    font-size: 1.125rem;
    
    font-style: normal;
    font-stretch: normal;
    /*line-height: 1.78;*/
    letter-spacing: normal;
    color: #535353;
}


/*.r_menu_cont { padding: 5% 0; }*/
/*.r_menu_cont .w-100 { opacity: 0; }*/
.r_menu_cont a { 
    display: inline-block; vertical-align: middle; margin: 0.5% 1%; border-bottom: 1px solid transparent; -webkit-transition: all .3s; transition: all .3s;
}
.r_menu_cont a:hover { border-bottom: 1px solid #0c4da2; -webkit-transition: all .3s; transition: all .3s; }
.r_menu_cont a .fa-circle { font-size: 0.5rem; }

.menu_cont_top { padding-left: 2%; border-bottom: 1px solid #b2b2b2; margin-bottom: 2px; margin-top: 5%; padding-bottom: 10px; }
.menu_cont_top span { font-size: 1.5rem; }
.menu_cont_room { border-top: 1px solid #b2b2b2; margin-bottom: 5%; padding-top: 10px; }


.period_area { color: #000; }
.period_area li:nth-child(n+2) { padding-left: 10px; }
.room_rolling .owl-dots { display: none !important; }

.room_cont { padding-left: 5% !important; }

.pool_txt dt { margin-bottom: .5rem; }
.pool_txt dt span { margin-left: 22px; }
.pool_txt .ST { color: #0c4da2; }
.pool_txt .ti-check { margin-right: 2px; }


.room_info02_col .mykonos_t td { text-align: center; }
.mykonos_t caption { caption-side: top; color: #0c4da2; padding-bottom: 0; }
.mykonos_price .title { color: #0c4da2; font-weight: bold; margin-top: 2%; font-size: 1rem; }


.thumb_area { margin: 2px 0; }
.thumb_img { padding: 2px !important; width: 158px; opacity: .4; cursor: pointer; -webkit-transition: all .5s; transition: all .5s; }
.thumb_img.ST { opacity: 1; -webkit-transition: all .5s; transition: all .5s; }


.room_info_1 .box { position: absolute; z-index: 33; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 70%; height: 80%; background: rgba(0, 0, 0, 0.5); text-align: center;  }
.room_info_1 .box table { width: 50%; margin: 0 auto; padding-top: 30%; }
.room_info_1 .box table th, .room_info_1 .box table td { border: 0; }
.room_info_1 .box table caption { caption-side: top; text-align: center; color: #fff; font-size: 3rem; text-shadow: 2px 2px 3px rgba(0, 0, 0, 1); }
.room_info_1 .box table th { font-size: 1.25rem; color: #ffea00; text-align: left; padding-left: 12%; }
.room_info_1 .box table td { font-size: 1.25rem; color: #fff; text-align: left; padding-left: 12%;	 }


.room_info_1 .box2 { position: absolute; z-index: 33; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; text-align: center;  }
.room_info_1 .box table { width: 80%; margin: 0 auto; padding-top: 30%; }

.prm_top { color: #fff; font-size: 3rem; text-shadow: 2px 2px 3px rgba(0, 0, 0, 1); }
.prm_content { background: rgba(0, 0, 0, 0.5); width: 80%; margin: 0 auto; height: 80%; padding: 3%; }
.prm_cont caption { font-size: 14px; color: #fff; text-align: right; caption-side: top; }


@media (max-width: 1199px) {
    .room_info01_col { padding-right: 0 !important; }
    .room_info01, .room_price_area { padding-left: 0; padding-right: 0; }
    .room_info_1_top { position: relative; background: #faf9f8; }
    .room_m_img { margin-bottom: 4%; }
    .room_cont { padding: 0 1% !important; }
    .room_info02_col .table td { font-size: 13px !important; }
    .room_info02_title { font-size: 13px !important;  }
    .room_info01_cont2 .d-flex { font-size: 13px !important; }
	.room_info_1 .box table { width: 100%; }
}

@media (max-width: 991px) {
    .thumb_area { display: none; }
}

@media (max-width: 767px) {
	.room_info_1 .box table caption { font-size: 2rem; }
	.room_info_1 .box table th, .room_info_1 .box table td { padding: 0 0 0 10%; }

	.room_price .price_7 { max-width: 100%; }
}

@media (max-width: 575px) {
    .room_info02, .room_notice p, .room_btn_area .d-flex dl dd, .room_info_1_top .d-flex > div { 
        font-size: 13px !important; line-height: 21px !important;
    }
    .room_info_1_top .d-flex > div .ST { margin-right: 5px; }
    .t_map img { width: 18px; }
    
    .r-title-col li:nth-child(1) { font-size: 25px; line-height: 25px; }
    .room_title { font-size: 30px; line-height: 30px; }
    .room_rolling .owl-dots { display: block !important; }

	.room_info_1 .box table caption { font-size: 15px; }
	.room_info_1 .box table th, .room_info_1 .box table td { font-size: 13px; }
}