.camPre_paea{position:relative;margin-top: -15px;}
.roomPre_list {position:absolute;right: 9%;top: 15%;z-index:2;}


.camPre_paea .txt{text-align:end;/* border: 3px solid; */padding: 20px 100px;text-align: center;background: rgba(193,226,241,0.5);color: #ffffff;border-radius: 20px;}
.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: 1.2px;background-color: #ffffff;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: #ffffff;text-align: center;font-size: 15px;border: 2px solid;border-radius: 100%;background: rgba(105,156,193,0.8);padding: 11px 0;font-family: 'Pretendard-Regular';font-weight: 600;width: 5%;line-height: 3;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: #4f3f3f;text-align: center;font-size: 15px;border: 2px solid #4f4a4a;border-radius: 50px;background: rgb(244 255 254 / 80%);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: 12%;top: 46%;}
.cam_in .Nav02 {left: 21%;top: 55%;}
.cam_in .Nav03 {left: 31%;top: 42%;}
.cam_in .Nav04 {left: 7%;top: 26%;}


.cam_in .Sav1 {left: 56%;top: 52%;}
.cam_in .Sav2 {left: 45%;top: 47%;}
.cam_in .Sav3 {left: 24%;top: 20%;}
.cam_in .Sav4 {left: 65%;top: 55%;}
.cam_in .Sav5 {left: 45%;top: 75%;}


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

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

@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;}
	
	.camPre_paea .txt{padding: 20px 0;}
	
	.camPre_paea .txt h3 {color: #597793;} .camPre_paea .txt p {color: #636c75; font-size: 12px;}
	.camPre_paea .txt h3::after {background: #597793; margin: 10px 0;}
	
	

}

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