* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {width:100%; max-width:800px; margin:0 auto; font-size:16px; }
img {width:100%;}
.imagemap { position:relative; width:100%;}

input:focus {
	outline: none;
}

input::placeholder {
	color: #EAEAEA;
}

ul {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}

.music_onoff {
    position: fixed;
    top: 5%;
    right: 5%;
    width: 10%;
    height: auto;
    cursor: pointer;
	max-width:50px;
	z-index:100;
	}
	
.gohome {
	position: fixed;
    top: 12%;
    right: 5%;
    width: 10%;
    height: auto;
    cursor: pointer;
    max-width: 50px;
	z-index:100;
}

@keyframes blinkEffect {
	0% {
		opacity: 1;
		filter: brightness(1);
	}
	50% {
		opacity: 0.5;
		/* 엷어질 때 약간 하얗게 보이도록 */
		filter: brightness(2);
	}
	100% {
		opacity: 1;
		filter: brightness(1);
	}
}

.menu01 {
    position: absolute;
    top: 62.8%;
    left: 50%;
    height: 4.7%;
    transform: translateX(-50%);
    width: 38%;
    cursor: pointer;
	}
	
.menu02 {
    position: absolute;
    top: 68.5%;
    left: 50%;
    height: 4.7%;
    transform: translateX(-50%);
    width: 38%;
    cursor: pointer;
	}
	
.menu03 {
    position: absolute;
    top: 74.2%;
    left: 50%;
    height: 4.7%;
    transform: translateX(-50%);
    width: 38%;
    cursor: pointer;
	}

.menu04 {
    position: absolute;
    top: 79.9%;
    left: 50%;
    height: 4.7%;
    transform: translateX(-50%);
    width: 38%;
    cursor: pointer;
	}
	
.kakaomap {
    position: absolute;
    top: 17.25%;
    left: 50%;
    height: 29.7%;
    transform: translateX(-50%);
    width: 91%;
    cursor: pointer;
	}
	
.link01 {
	position: absolute;
    top: 67.8%;
    left: 12.9%;
    width: 15%;
    height: 8.7%;
    cursor: pointer;
	}
	
.link02 {
    position: absolute;
    top: 67.8%;
    left: 32.5%;
    width: 15%;
    height: 8.7%;
    cursor: pointer;
	}
	
.link03 {
    position: absolute;
    top: 67.8%;
    left: 52%;
    width: 15%;
    height: 8.7%;
    cursor: pointer;
	}
	
.link04 {
    position: absolute;
    top: 67.8%;
    left: 71.8%;
    width: 15%;
    height: 8.7%;
    cursor: pointer;
	}

.swiper {
            width: 100%;
            height: 100%;
        }

        .swiper-slide {
            text-align: center;
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            position: relative;
            overflow-y: auto; /* 내용이 길면 내부 스크롤 */
        }

        /* 화살표 버튼 커스텀 스타일 */
        .swiper-button-next, .swiper-button-prev {
            color: #fff; /* 화살표 색상 흰색 */
            width: 40px;
            height: 40px;
            margin-top: -20px;
            opacity: 0.7; /* 약간 투명하게 */
			position:fixed;
            text-shadow: 0 0 5px rgba(0,0,0,0.5); /* 잘 보이게 그림자 추가 */
            transition: opacity 0.3s;
        }
        
        /* 모바일에서 너무 크지 않게 조정 */
        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 24px; 
            font-weight: bold;
        }

        .swiper-button-next:active, .swiper-button-prev:active {
            opacity: 1;
        }