.camPre_paea{ position:relative;}
.roomPre_list {position:absolute;right: 7%;top: 57%;z-index:2;}


.camPre_paea .txt{text-align:end;border: 3px solid;padding: 35px 40px;text-align: center;color: #fff;}
.camPre_paea .txt h3{font-size: 30px;font-weight: 600;line-height: 1.6;font-family: "Aboreto", system-ui;}
.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: #ffffff;opacity: 0.5;margin-top: 35px;margin-bottom: 35px;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: 7px 0;font-family: 'Pretendard-Regular';font-weight: 600;width: 4%;line-height: 1.25;height: 5%;}
.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;border-radius: 50px;background: rgba(0,0,0,0.75);padding: 7px 0;font-family: 'Pretendard-Regular';font-weight: 600;width: 9%;line-height: 1.8;height: 4%;}
.cam_in a.Sav:hover {  background: #fff; color: #433b3b; transition: 0.5s;}

/*
.cam_in .Nav01 {left: 51%;top: 82%;}
.cam_in .Nav02 {left: 51%;top: 76%;}
.cam_in .Nav03 {left: 56%;top: 82%;}
.cam_in .Nav04 {left: 56%;top: 76%;}

.cam_in .Nav05 {left: 50%;top: 64%;}
.cam_in .Nav06 {left: 50%;top: 57%;}
.cam_in .Nav07 {left: 55%;top: 64%;}
.cam_in .Nav08 {left: 55%;top: 57%;}

.cam_in .Nav09 {left: 57%;top: 47%;}
.cam_in .Nav10 {left: 57%;top: 41%;}
.cam_in .Nav11 {left: 62%;top: 47%;}
.cam_in .Nav12 {left: 62%;top: 41%;}

.cam_in .Nav13 {left: 57%;top: 28%;}
.cam_in .Nav14 {left: 62%;top: 31%;}
.cam_in .Nav15 {left: 62%;top: 25%;}

.cam_in .Nav16 {left: 38%;top: 48%;}
.cam_in .Nav17 {left: 40%;top: 42%;}
.cam_in .Nav18 {left: 42%;top: 35%;}
.cam_in .Nav19 {left: 45%;top: 29%;}
.cam_in .Nav20 {left: 49%;top: 23%;}

.cam_in .Sav1 {left: 64%;top: 69%;}
.cam_in .Sav2 {left: 39%;top: 59%;}
.cam_in .Sav3 {left: 40%;top: 76%;}
.cam_in .Sav4 {left: 78%;top: 46%;}
.cam_in .Sav5 {left: 70%;top: 77%;}
.cam_in .Sav6 {left: 64%;top: 85%;}
.cam_in .Sav7 {left: 69%;top: 23%;}
.cam_in .Sav8 {left: 92%;top: 79%;}
*/

.cam_in .Nav01 {left: 62%;top: 31%;}
.cam_in .Nav02 {left: 56%;top: 31%;}
.cam_in .Nav03 {left: 62%;top: 25%;}
.cam_in .Nav04 {left: 56%;top: 25%;}

.cam_in .Nav05 {left: 43%;top: 36%;}
.cam_in .Nav06 {left: 35%;top: 36%;}
.cam_in .Nav07 {left: 43%;top: 30%;}
.cam_in .Nav08 {left: 35%;top: 30%;}

.cam_in .Nav09 {left: 23%;top: 33%;}
.cam_in .Nav10 {left: 16%;top: 33%;}
.cam_in .Nav11 {left: 23%;top: 27%;}
.cam_in .Nav12 {left: 16%;top: 27%;}

.cam_in .Nav13 {left: 3%;top: 33%;}
.cam_in .Nav14 {left: 7%;top: 28%;}
.cam_in .Nav15 {left: 0%;top: 28%;}

.cam_in .Nav16 {left: 35%;top: 63%;}
.cam_in .Nav17 {left: 24%;top: 60%;}
.cam_in .Nav18 {left: 13%;top: 57%;}
.cam_in .Nav19 {left: 7%;top: 53%;}
.cam_in .Nav20 {left: 0%;top: 50%;}

.cam_in .Sav1 {left: 44%;top: 19%;}
.cam_in .Sav2 {left: 42%;top: 49%;}
.cam_in .Sav3 {left: 58%;top: 46%;}
.cam_in .Sav4 {left: 19%;top: 7%;}
.cam_in .Sav5 {left: 46%;top: 9%;}
.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: 1155px) {
   
}

@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) {
}