@charset "utf-8";

#room_inc{position:absolute;right:0;bottom:-319px;width:585px;font-size:15px;font-family:var(--k-font);transition:all .3s}
#room_inc.on{bottom:0}

/* 룸 오픈 버튼 */
#room_inc .room_btn{display:flex;align-items:center;gap:16px;width:max-content;height:55px;margin-left:auto;padding:0 27px 0 29px;border-radius:5px 5px 0 0;font-weight:600;color:#fff;cursor:pointer;background-color:#000;transition:all .2s;font-family:var(--e-font)}
#room_inc .room_btn svg{width:20px;transition:transform .2s}
#room_inc .room_btn:hover{color:#000;background-color:#fff}
#room_inc.on .room_btn{color:#000;background-color:#fff}
#room_inc.on .room_btn svg{transform:rotate(180deg)}

/* 룸 슬라이드 */
#room_inc .room_box{padding:30px;border-radius:5px 0 0 0;background-color:#fff}
#room_inc .room_slide{display:flex;justify-content:space-between}
#room_inc .room_slide .swiper-container{width:440px;margin:0}
#room_inc .room_slide ul li{width:210px !important}
#room_inc .room_slide ul li .img{overflow:hidden;width:100%;height:130px;border-radius:5px}
#room_inc .room_slide ul li img{width:100%}
#room_inc .room_slide ul li .info{padding:16px 10px 0;font-size:14px;color:#888}
#room_inc .room_slide ul li .info dl{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
#room_inc .room_slide ul li .info dl dt{font-size:15px;font-weight:600;color:#111;font-family:var(--e-font),var(--k-font)}
#room_inc .room_slide .controls{padding-top:15px}
#room_inc .room_slide .controls span{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border:1px solid #e1e1e1;border-radius:100%;cursor:pointer;transition:all .2s}
#room_inc .room_slide .controls span+span{margin-top:10px}
#room_inc .room_slide .controls span:hover{border:1px solid #111}
#room_inc .room_slide .controls span svg{width:15px}
#room_inc .room_slide .controls span svg{width:15px}
#room_inc .room_box .go_btn{display:block;width:100%;margin-top:20px;border:1px solid #e1e1e1;border-radius:5px;font-size:14px;font-weight:500;text-align:center;line-height:50px;color:#111;transition:all .2s;font-family:var(--e-font)}
#room_inc .room_box .go_btn:hover{border:1px solid var(--primary);background-color:var(--primary);color:#fff}