body { background-color:#000; max-width:800px; width:100%; height:100%; margin:0px auto; padding:0px; }
ul { width:100%; list-style:none; padding:0; margin:0; }
img { width:100%; display:block; }
.imagemap { position:relative; width:100%; height:auto; }
.main_seat { position:relative; z-index:10; }
.popup-container { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); display:flex; justify-content:center; align-items:center; z-index:20; opacity:1; transition:opacity 3s ease-in-out; }
.popup-content { max-width:90%; max-height:90%; }
.popup-content img { display:block; width:100%; max-height:100%; margin:0 auto; max-width:800px; }
.seat_button { position:absolute; top:75.1%; width:11.5%; left:71.7%; height:6.6%; font-size:30px; border:none; border-radius:10px; cursor:pointer; z-index:11; }
.seats img { position:absolute; top:100%; width:100%; left:50%; transform:translateX(-50%); height:auto; z-index:9; }
input { text-align:center; margin:0px; padding:0px; }
input:focus { outline:none; text-align:center; z-index:11; }
.input-container { z-index:11; }
#seat_number { position:absolute; top:78.4%; left:44.5%; width:53%; height:6%; font-size:30px; border:none; background:none; z-index:11; transform:translate(-50%, -50%); }
#seat_txt { position:absolute; top:92.7%; z-index:11; left:53%; height:auto; width:auto; color:#FFF; font-size:30px; transform:translate(-50%, -50%); font-weight:700; text-align:center; }
#branch_select { position:absolute; top:70.4%; left:50%; width:63%; height:6%; font-size:30px; border:none; background:none; z-index:11; transform:translate(-50%, -50%); }
@media(max-width: 780px) { #seat_number, #seat_txt, #branch_select { font-size: 20px; } }
.link01 { position:absolute; top:42%; height:6.3%; left:25%; width:50%; }
.link02 { position:absolute; top:49.7%; height:6.3%; left:25%; width:50%; }
.link03 { position:absolute; top:57.3%; height:6.3%; left:25%; width:50%; }
.link04 { position:absolute; top:65%; height:6.3%; left:25%; width:50%; }
.link05 { position:absolute; top:72.6%; height:6.3%; left:25%; width:50%; }
.gomap { position:absolute; top:37.9%; height:2.5%; left:33%; width:34%; }
.large01 { position:absolute; top:71.9%; left:20%; width:60%; height:4.9%; z-index:10; }
.kakaomap { position:absolute; top:16.7%; left:50%; transform:translateX(-50%); width:81%; height:15%; margin:0 auto; z-index:-1; }
button { padding:10px 20px 10px 20px; text-align:center; margin:0 auto; background:#000; color:#fff; border:none; border-right:0px; border-top:0px; border-left:0px; border-bottom:0px; }
#musicb { position:fixed; text-align:center; padding:2px 2px 2px 2px; top:5px; left:5px; z-index:10000; font-size:10px; background:skyblue; }
.gohome { position:fixed; top:15px; left:15px; width:8%; height:auto; z-index:10; max-width:44px; }
.rbox { position:absolute; z-index:20; background:#f1efec; top:66.5%; left:59%; width:9%; height:4%; }
.swiper-container { position:absolute; top:68.2%; left:50%; transform:translateX(-50%); width:75%; }
.swiper-slide { width:100%; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; background:#fff; }
.swiper-slide img { width:100%; display:block; }
.swiper-pagination-bullets { position:absolute; top:84.5%; width:100%; display:flex; align-items:center; justify-content:center; }
/* 팝업 초기 상태를 display:none으로 변경 */
#layerPopupOverlay { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:9999999; display:none; align-items:center; justify-content:center; }
#layerPopupContent { position:absolute; top:15%; left:50%; transform:translateX(-50%); width:90%; }
#layerPopupContent img { display:block; width:100%; height:auto; }
.my_table { position:absolute; top:48%; left:28%; width:25%; height:30%; color:#000; font-size:9vw; text-align:center; transform:translate(-50%, -50%); display:flex; justify-content:center; align-items:center; }
.my_room { position:absolute; top:48%; left:71%; width:25%; height:30%; color:#000; font-size:9vw; text-align:center; transform:translate(-50%, -50%); display:flex; justify-content:center; align-items:center; }
/* 닫기 버튼 스타일 추가 */
.close-btn { position:absolute; top:-10px; right:0px; width:30px; height:30px; background:#fff; color:#000; border-radius:50%; text-align:center; line-height:30px; font-weight:bold; cursor:pointer; z-index:100; font-size:18px; box-shadow:0 2px 5px rgba(0,0,0,0.5); }