.camPre_paea {position: relative; margin-bottom: 8%;}

/*.none1024 {display:block;} .block1024{display:none;}*/

.cam_in {position: absolute !important;width:75%;height:100%;left:15%;top:0;z-index:2;}
.cam_in a.Nav {position:absolute;display:block;opacity:1;color: #5a5a5a;text-align: center;font-size: 16px;border-radius: 40px;padding: 10px 0 0px;font-family:'Pretendard-Regular';font-weight:600;letter-spacing: 0.5px;line-height: 1;}
.cam_in a.Nav:hover{box-shadow: 1px 0px 6px 0px rgba(255,255,255,0.85) !important;background: #5a5a5a !important;color: #fff !important;transition:0.5s;}

.cam_in .Nav01 {left: 17%;top: 41%;box-shadow: 0px 0px 0px 2px #fff;background: rgb(255 253 253);width: 6%;border: 1px solid rgb(0 0 0 / 80%);transition:0.5s;}
.cam_in .Nav01_1 {left: 66%;top: 36%;box-shadow: 0px 0px 0px 2px #fff;background: rgb(255 253 253);width: 6%;border: 1px solid rgb(0 0 0 / 80%);transition:0.5s;}
.cam_in .Nav01_2 {left: 82%;top: 36%;box-shadow: 0px 0px 0px 2px #fff;background: rgb(255 253 253);width: 6%;border: 1px solid rgb(0 0 0 / 80%);transition:0.5s;}

.cam_in .Nav02 {left: 45%;top: 57%;box-shadow: 0px 0px 0px 2px #fff;background: rgb(255 253 253);width: 6%;border: 1px solid rgb(0 0 0 / 80%);transition:0.5s;}
.cam_in .Nav02_1 {left: 62%;top: 57%;box-shadow: 0px 0px 0px 2px #fff;background: rgb(255 253 253);width: 6%;border: 1px solid rgb(0 0 0 / 80%);transition:0.5s;}
.cam_in .Nav02_2 {left: 87%;top: 56%;box-shadow: 0px 0px 0px 2px #fff;background: rgb(255 253 253);width: 6%;border: 1px solid rgb(0 0 0 / 80%);transition:0.5s;}
.cam_in .Nav02_3 {left: 52%;top: 57%;box-shadow: 0px 0px 0px 2px #fff;background: rgb(255 253 253);width: 6%;border: 1px solid rgb(0 0 0 / 80%);transition:0.5s;}


.cam_in .Nav03 {left: 28.5%;top: 67%;box-shadow: 0px 0px 0px 2px #fff;background: rgb(255 253 253);width: 6%;border: 1px solid rgb(0 0 0 / 80%);transition:0.5s;}
.cam_in .Nav03_1 {left: 31.5%;top: 60%;box-shadow: 0px 0px 0px 2px #fff;background: rgb(255 253 253);width: 6%;border: 1px solid rgb(0 0 0 / 80%);transition:0.5s;}
.cam_in .Nav03_2 {left: 94%;top: 56%;box-shadow: 0px 0px 0px 2px #fff;background: rgb(255 253 253);width: 6%;border: 1px solid rgb(0 0 0 / 80%);transition:0.5s;}
.cam_in .Nav03_3 {left: 80%;top: 56%;box-shadow: 0px 0px 0px 2px #fff;background: rgb(255 253 253);width: 6%;border: 1px solid rgb(0 0 0 / 80%);transition:0.5s;}

.cam_in .Nav04 {left: 5.5%;top: 17%;box-shadow: 0px 0px 0px 2px #fff;background: rgb(255 253 253);width: 9%;border: 1px solid rgb(0 0 0 / 80%);transition:0.5s;}

.cam_in .Nav07 {left: 50%;top: 39%;box-shadow: 1px 0px 6px 1px rgb(218 114 136 / 95%);background: rgba(214,67,97,0.95);width: 9%;transition:0.5s;color: #fff !important;padding: 10px 0 10px !important;}
.cam_in .Nav08 {left: 52%;top: 58%;box-shadow: 1px 0px 6px 1px  rgba(218,114,136,0.95);background: rgba(214,67,97,0.95);width: 9%;transition:0.5s;color: #fff !important;padding: 10px 0 10px !important;}


.cam_in a::after{display: block;content: "";width: 0;height: 0;border: 0px solid;border-width: 10px 10px 0px 10px;border-color:transparent;margin: 0 auto;transition:transform 0.7s;}
.cam_in a.Nav::after{border-top-color: rgb(255 255 255);transform: translateY(100%);transition:0.5s;}
.cam_in a.Nav07::after, .cam_in a.Nav08::after{border-top-color: snow;transform: translateY(100%);transition:0.5s;display: none; padding: 10px 0 10px !important;}
.cam_in a.Nav:hover::after {border-top-color: #5a5a5a;transition:0.5s;}

.roomPre_list {position:absolute;right: 5%;top: 7%;z-index:2;}
.camPre_paea .txt{text-align:end;/* background:rgba(255,255,255,0.80); */padding: 0  50px 50px;text-align: center;}
.camPre_paea .txt h3 .en{font-size: 25px;font-weight: 100;color: #ffffff;font-family: 'Marcellus';margin-bottom: 15px;}
.camPre_paea .txt h3 .ko{font-size: 25px;font-weight: 100;color: #ffffff;font-family: GowunDodum-Regular;}
.camPre_paea .txt h3 span{display: block;transform: translateY(50px); transition: 1.2s;}
.camPre_paea .txt h3::after{content: "";display: block;width: 100%;height: 0.5px;background-color: #ffffff;margin-top: 65px;/* margin-bottom: 35px; */transition-delay: 0.6s;}
.camPre_paea .txt p{font-size: 15px;margin-bottom: 20px;color: #ffffff;/*text-shadow: 0px 4px 5px rgba(69,69,69,1);*/transform: translateY(25px);transition: 1.2s;transition-delay: 0.4s;font-family: 'Pretendard-Regular';line-height: 2;}

.camPre_paea .txt .bg {color: #1c1c1c;background: rgba(255,255,255,0.80);font-size: 17px;letter-spacing: -0.6px;padding: 5px 15px;}
.camPre_paea .txt p:last-child{transition-delay: 0.6s;}



@media all and (max-width: 1600px){
.cam_in a.Nav{font-size:12px;}
	
	.roomPre_list {right: 0;}	
}
@media all and (max-width: 1440px){
.cam_in a.Nav {font-size: 11px;}
	.cam_in {width: 75% !important;}
	.camPre_paea {width: 100% !important;}
}
@media all and (max-width: 1025px){
.cam_in a.Nav{font-size:9px;font-family: 'Pretendard-Light';box-shadow: 0px 0px 0px 0.8px #fff;}

	.camPre_paea .txt{padding: 0 3px 50px;}
	
	.camPre_paea .txt{display: none;}
}

@media all and (max-width: 560px){
	.none1024{width: 100%; max-width:100% !important;}
/*.none1024 {display:none;} .block1024{display: block;} .cam_in{display:none;}*/
	.cam_in a.Nav {width: 13%;padding: 4px 0 4px;line-height: 0.5;letter-spacing: -0.5px;}	
	.cam_in a small{display: block;line-height: 1.2;}
	.cam_in a::after {border-width: 7px 10px 0px 10px; display: none;}
	
	.cam_in .Nav01 {left: 16%;top: 39%;}
	.cam_in .Nav01_1, .cam_in .Nav01_2{top: 34%;}
	
	.cam_in .Nav02_2{left: 88%;}
	
	.cam_in .Nav03{top: 68%;left: 26.5%;} .cam_in .Nav03_1 {top: 61%;} .cam_in .Nav03_2{top: 64%;}
	
	.cam_in .Nav04 {left: 1.5%; top: 13%;}
	
	.cam_in .Nav07{left: 47%;top: 34%;} .cam_in .Nav08{top: 65%;left: 50%;}
	
	.cam_in .Nav01, .cam_in .Nav01_1, .cam_in .Nav01_2, .cam_in .Nav02, .cam_in .Nav02_1, .cam_in .Nav02_3, .cam_in .Nav02_2, .cam_in .Nav03, .cam_in .Nav03_1, .cam_in .Nav03_2, .cam_in .Nav03_3 {width: 7% !important;}
	.cam_in .Nav07, .cam_in .Nav08 {padding: 7px 0 7px !important;box-shadow: 1px 0px 6px 1px rgb(218 114 136 / 95%) !important;}
}