/*Content CSS*/
/* modal 내용 */
.room_wr {padding:100px 0 40px 0;}
.tab {display: none;}
.tab.active {display: block;}
/* .room_modal_bg {width:100%; background: #fff; height:auto; overflow-x: hidden; overflow-y: hidden;} */
/* modal_con_txt */
.room_txt_wr {background: #fff; padding:60px 0 0 0; border-top:20px solid #f9decf;}
.room_txt {width:1280px; margin:0 auto;}

.room_youtube {overflow: hidden; max-height:940px;}
.room_youtube iframe {width:100%; height:940px;}

/* room_txt_subject 객실 제목 */
.room_txt_subject {text-align: center; padding:0 0 40px 0; width:100%; border-bottom:1px solid #e8e8e8; position: relative;}
.room_txt_subject h1 {font-size:64px; font-weight: 500;  color:#4a3734; letter-spacing: .64px; text-shadow: 0 3px 4px rgba(0, 0, 0, 0.16); font-family: 'Montserrat'; }
.room_txt_subject h2 {font-size:24px; font-weight: 500; color:#604940; text-shadow: 0 3px 4px rgba(0, 0, 0, 0.16);  font-family: 'Montserrat'; letter-spacing: .2px;}
.room_modal_close {border:0; background: transparent; color:#e8cab9; font-size:40px; transition: all .6s ease; position: absolute; right:0; outline: none; top:15px;}
.room_modal_close:hover {color:#6a2508; transform: rotate(180deg);}

/* room_txt_ex 객실 설명 부분 */
.room_txt_ex {margin-top:60px; display: flex;}
.room_txt_ex > div:nth-child(1) {min-width:540px;}
.room_txt_ex > div:nth-child(2) {min-width:640px; margin-left:100px;}
.room_txt_ex h3 {font-size:19px; font-weight: 400; color:#4a3734; font-family: 'S-CoreDream-5Medium';}
.room_txt_ex div > p {font-size:16px; font-weight: 300; letter-spacing: -.5px; line-height: 27px; word-break: keep-all; color:#6d554b; margin:10px 0 30px 0;}
.room_txt_ex div > p b {font-weight: 500;}

/* room_info_tab 객실 이용안내 탭버튼 */
.room_info_tab { width:100%;}
.room_info_tab ul {width:100%; display: flex; justify-content: center;}
.room_info_tab li {margin-right:30px; width:350px; height:60px; line-height: 60px; text-align: center;}
.room_info_tab li:last-child {margin-right:0;}
.room_info_tab li > a {display: block; width:100%; height:100%; transition: all .4s ease; border:1px solid #ccc; color:#b4b4b4; font-size:18px; font-weight: 400;
 cursor: pointer; font-family: 'S-CoreDream-5Medium';}
.room_info_tab li > a:hover, .room_info_tab li > a.active {background: #f9decf; border:1px solid #f9decf; color:#6a2508;}

/* room_txt_ex_list 객실 설명 오른쪽 부분 */
.room_txt_ex_list li {display: flex; align-items: flex-start; margin-bottom:25px;}
.room_txt_ex_list li:last-child {margin-bottom:0;}
.room_txt_ex_list li b {font-size:19px; font-weight: 400; color:#4a3734; font-family: 'S-CoreDream-5Medium'; min-width:120px; margin-right:50px;}
.room_txt_ex_list li p {font-size:16px; font-weight: 400; color:#6d554b; letter-spacing: -.5px; line-height: 30px; word-break: keep-all;}
.room_txt_ex_list li p > span {display: inline-block; width:1px; height:12px; background: #f9decf; margin:0 10px;}

.room_txt_ex_icon {margin-top:40px; display: flex; flex-wrap:wrap; text-align: center;}
.room_txt_ex_icon li {margin-right:60px; margin-bottom:15px;}
.room_txt_ex_icon li:nth-child(n+5) {margin-bottom:0;}
.room_txt_ex_icon li:nth-child(5n) {margin-right:0;}
.room_txt_ex_icon li span {display: block; margin-top:10px; font-size:14px; font-weight: 400; color:#6d554b; max-width:75px; white-space: nowrap;}
.room_txt_ex_icon li div {min-height:65px; transition: transform 500ms; width:75px; line-height: 65px;}
.room_txt_ex_icon li:hover div {    transform: rotateY(180deg);}

/* room_info_con 객실 이용안내 */
.room_info_con {margin:60px 0 0 0; padding:60px 0 0 0; border-top:1px solid #e8e8e8;}
.room_info_con .tab {margin-top:60px;}
.room_info_con .tab > div {padding:0 0 60px 0; }
/* .room_info_con .tab > div:nth-child(even) {background: #fbfbfb;} */
.room_info_con h3 {font-size:19px; font-weight: 400; color:#4a3734; font-family: 'S-CoreDream-5Medium'; border-bottom:0px solid #eee; padding-bottom:0;}
.room_info_list {margin-top:30px; }
.room_info_list > li {font-size:16px; font-weight: 300; letter-spacing: -.5px; line-height: 30px; word-break: keep-all; color:#6d554b; position: relative; border-bottom:1px solid #f1e8e7;
    padding:10px 15px 10px 32px ;}
.room_info_list > li:first-child {border-top:1px solid #f1e8e7;}
.room_info_list > li:last-child {margin-bottom:0;}
.room_info_list > li:nth-child(even) {background: #fffcfb;}
.room_info_list > li::before {content: ''; position: absolute; display: block; width:4px; height:4px; background: #6a2508; left:15px; top:23px;}
.room_info_list > li > span {font-size:15px; line-height: 20px;}
.room_info_list > li > span b {font-weight: 400; display: inline-block; min-width:110px; margin-right:30px;}
.room_info_list > li.star_blet { padding-left:15px;}
.room_info_list > li.star_blet::before {display: none;}
.room_info_list > li.star_blet i {margin-right:10px; font-size: 14px;}

.refund_table {border-collapse: collapse; width:100%; text-align: center; margin-top:30px;}
.refund_table thead th {padding:16px; border:1px solid rgba(255,255,255,.2); color:#fff; text-align: center; font-size: 18px; font-weight: 400; background: #4a3734;
font-family: 'S-CoreDream-4Regular';}
.refund_table tbody td {padding:12px; border:1px solid #f1e8e7; font-size:16px; font-weight: 300; color:#6d554b;}
.refund_table tbody th {padding:12px; border:1px solid #f1e8e7; font-size:16px; font-weight: 300; color:#6d554b; border-left:0; font-weight: 500; background: #fffcfb;}
.refund_table tbody td:last-child {border-right: 0;}

#room .jarallax {min-height: 940px;}
.room_pet h3 {text-align: center; font-size:16px; font-weight: 400; color:#6d554b; line-height: 35px; margin-bottom:60px;}
.room_pet {margin-bottom:60px;}








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

}

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

}

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

}
