.camPre_paea{ position:relative; margin-top: 2.5%;}
.roomPre_list {position:absolute;left: 0;top: 44%;z-index:2;}


.camPre_paea .txt{text-align:end;/* border: 3px solid; */padding: 20px 100px;text-align: center;background: rgba(255,255,255,0.75);color: #5f4f4f;}
.camPre_paea .txt h3{text-transform: capitalize;font-size: 30px;line-height: 1.6;font-family: "Analogue";letter-spacing: 3px;font-weight: 100;}
.camPre_paea .txt h3 span{display: block;transform: translateY(50px);opacity: 0;transition: 1.2s;}
.camPre_paea .txt h3 span:last-child{transition-delay: 0.2s;}
.camPre_paea .txt h3::after{content: "";display: block;width: 100%;height: 2.5px;background-color: #5f4f4f;opacity: 0.5;margin: 22px 0;transform: scaleX(0);transition: 0.8s;transition-delay: 0.6s;}
.camPre_paea .txt p{font-size: 15px;margin-bottom: 30px;transform: translateY(50px);opacity: 0;transition: 1.2s;transition-delay: 0.4s;font-family: 'Pretendard-Regular';}
.camPre_paea .txt p:last-child{transition-delay: 0.6s;}

.camPre_paea .txt.on h3 span{transform: translateY(0); opacity: 1;}
.camPre_paea .txt.on h3::after{transform: scaleX(1);}
.camPre_paea .txt.on p{transform: translateY(0); opacity: 1;}




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

.cam_in {position: absolute; width: 75%; height: 100%;  left: 15%;  top: 0;  z-index: 2;}

.cam_in a.Nav {position: absolute;display: block;opacity: 1;color: #433b3b;text-align: center;font-size: 15px;border: 2px solid;border-radius: 100%;background: rgba(255,255,255,0.85);padding: 11px 0;font-family: 'Pretendard-Regular';font-weight: 600;width: 5%;line-height: 1.25;height: 6%;}
.cam_in a.Nav small {font-size: 10px;letter-spacing: -0.5px;}

.cam_in a.Nav:hover {  background: #433b3b; color: #fff; transition: 0.5s;}

.cam_in a.Sav {position: absolute;display: block;opacity: 1;color: #ffffff;text-align: center;font-size: 15px;border: 2px solid #4f4a4a;border-radius: 50px;background: rgba(79,74,74,0.8);padding: 7px 0;font-family: 'Pretendard-Regular';font-weight: 600;width: 7%;line-height: 1.8;height: 4%;}
.cam_in a.Sav:hover {  background: #fff; color: #433b3b; transition: 0.5s;}


.cam_in .Nav01 {left: 37%;top: 23%;}
.cam_in .Nav02 {left: 30%;top: 24%;}
.cam_in .Nav03 {left: 23%;top: 26%;}
.cam_in .Nav04 {left: 15%;top: 28%;}

.cam_in .Nav05 {left: 37%;top: 16%;}
.cam_in .Nav06 {left: 30%;top: 17%;}
.cam_in .Nav07 {left: 23%;top: 18%;}
.cam_in .Nav08 {left: 15%;top: 20%;}

.cam_in .Nav09 {left: 50%;top: 22%;}
.cam_in .Nav10 {left: 73%;top: 39%;}
.cam_in .Nav11 {left: 90%;top: 60%;}
.cam_in .Nav12 {left: 75%;top: 65%;}

.cam_in .Nav13 {left: 69%;top: 70%;}
.cam_in .Nav14 {left: 59%;top: 74%;}
.cam_in .Nav15 {left: 51%;top: 79%;}

.cam_in .Sav1 {left: 23%;top: 36%;}
.cam_in .Sav2 {left: 47%;top: 46%;}
.cam_in .Sav3 {left: 42%;top: 39%;}
.cam_in .Sav4 {left: 50%;top: 35%;}
.cam_in .Sav5 {left: 35%;top: 36%;}
.cam_in .Sav6 {left: 57%;top: 13%;}
.cam_in .Sav7 {left: 0;top: 19%;}
.cam_in .Sav8 {left: 83%;top: 26%;}



@media all and (max-width: 1600px) {
    .cam_in a.Nav {  font-size:12px;}
}

@media all and (max-width: 1450px) {
	
	.cam_in a.Nav{line-height: 1.2; width: 6%; height: 7%; padding: 9px 0;}
	.cam_in a.Sav{font-size: 12px; padding: 3px 0;}
   
}

@media all and (max-width: 1025px) {
	
	
    .none1024 {  display:none; }

    .block1024 {  display: block;}

    .cam_in {  display: none;}
	.roomPre_list{position: relative; left: 0; top: 0;}
	.camPre_paea .txt h3::after {background: #835656; height: 1px;}
	.camPre_paea .txt{color: #835656; border: none;}
	

}

@media all and (max-width: 560px) {
}