body {
		margin-bottom:0;
		padding:0 auto;
		margin:0 auto;
		background-repeat:no-repeat;
		background-size:cover;
		background-color:#000;
		overflow:hidden;
		max-width:480px;
    }

	.swiper-container {
        width: 100%;
        margin: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		max-width:480px;
    }
    .swiper-slide {
		/* Center slide text vertically */
        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;

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


.imagemap {position:relative;width:100%;}
img{display:block;width:100%;}
input{outline:none;padding:0px;margin:0px;}
.kakaomap {position: absolute; top: 29%; left: 12.96%; width: 74.08%; height: 38%; z-index:10000; display: block;}

.link01 {
    position: absolute;
    top: 85.4%;
    left: 26.66%;
    width: 48.68%;
    height: 7.9%;
}

	.link02 {position: absolute; top: 53%; left: 26.66%; width: 46.68%; height: 5.32%;}


.inputcontain input#dname{
    position: absolute;
    top: 16.7%;
    left: 35%;
    width: 51%;
    height: 6.2%;
    color: #000;
    background: none;
    font-weight: 500;
    padding-left: 10px;
    z-index: 500;
	}

.inputcontain input#hp {
	position: absolute;
    top: 29.7%;
    left: 35%;
    width: 51%;
    height: 6.2%;
    color: #000;
    background: none;
    font-weight: 500;
    padding-left: 10px;
    z-index: 500;
}

.confirm_btn {
    position: absolute;
    top: 80.1%;
    left: 8%;
    height: 13.8%;
    width: 84%;
    cursor: pointer;
}

input[id="ok_01"] {
	position: absolute;
    display: inline-block;
    top: 58%;
    left: 20%;
    width: 7%;
    height: 2.8%;
    border: 1px solid #000;
    cursor: pointer;
}

input[id="check01_yes"] {
    position: absolute;
    display: inline-block;
    top: 45%;
    left: 36%;
    width: 3%;
    height: 1.8%;
    border: 1px solid #000;
    cursor: pointer;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
}


input[id="check01_no"] {
position: absolute;
    display: inline-block;
    top: 45%;
    left: 62.5%;
    width: 3%;
    height: 1.8%;
    border: 1px solid #000;
    cursor: pointer;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
}


input[id="check02_yes"] {
    position: absolute;
    display: inline-block;
    top: 47%;
    left: 36%;
    width: 3%;
    height: 1.8%;
    border: 1px solid #000;
    cursor: pointer;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
}


input[id="check02_no"] {
	position: absolute;
    display: inline-block;
    top: 47%;
    left: 65.5%;
    width: 3%;
    height: 1.8%;
    border: 1px solid #000;
    cursor: pointer;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
}


input[id="check03_yes"] {
    position: absolute;
    display: inline-block;
    top: 51.8%;
    left: 36%;
    width: 3%;
    height: 1.8%;
    border: 1px solid #000;
    cursor: pointer;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
}



input[id="check03_no"] {
position: absolute;
    display: inline-block;
    top: 51.8%;
    left: 65.5%;
    width: 3%;
    height: 1.8%;
    border: 1px solid #000;
    cursor: pointer;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
}


.privacy_pop {
	position: absolute;
    top: 57.5%;
    left: 27%;
    width: 46%;
    height: 3%;
    cursor: pointer;
	}

.telme {
    position: absolute;
    top: 70.7%;
    left: 19%;
    width: 62%;
    height: 4.7%;
    cursor: pointer;
	}

input {
	border-bottom:none;
	border-top: none;
    border-left: none;
    border-right: none;
	font-size: 20px;
	}
@media(min-width:520px){
input {
	border-bottom: none;
	border-top: none;
    border-left: none;
    border-right: none;
	font-size: 20px;
	}
}

.gohome {
	position: absolute;
    top: 13.4%;
    left: 84%;
    height: 5%;
    width: 10%;
	}

/* overlay */
.popup-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 1000;
}
/* popup */
.popup {
  display: none;
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 400px; /* 필요 시 조정 */
  z-index: 1001;
  cursor: pointer;
}
.popup img {
  width: 100%;
  display: block;
}


	/* 공통 오버레이 */
	.layer-overlay{
		position: fixed;
		inset: 0;
		background: rgba(0,0,0,.7);
		display: none;
		z-index: 1000;
	}
	/* 공통 팝업 */
	.layer-popup{
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: none;
		z-index: 1001;
		width:100%;
		max-width: 90vw;
		max-height: 90vh;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 10px 30px rgba(0,0,0,.45);
		background: transparent;
	}
	.layer-popup img{
		display: block;
		max-width: 100%;
		max-height: 90vh;
		height: auto;
	}
	/* 닫기 버튼 (우상단 X) */
	.layer-close{
		position: absolute;
		top: 8px;
		right: 8px;
		width: 40px;
		height: 40px;
		border: 0;
		background: rgba(0,0,0,.35);
		color: #fff;
		font-size: 24px;
		line-height: 40px;
		text-align: center;
		cursor: pointer;
		border-radius: 50%;
	}
	.layer-close:focus{ outline: 2px solid #fff; }

	/* 배경 스크롤 잠금 */
	body.modal-open{
		overflow: hidden;
		touch-action: none;
	}



button { opacity:0 }