.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: #ffffff;text-align: center;font-size: 16px;padding: 10px;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 #fff !important;background: #fff !important;color: #545454 !important;transition:0.5s;}

.cam_in .Nav01_A {left: 8px;top: 81%;box-shadow: 0px 0px 0px 2px #c3a88b;background: #c3a88b;width: 10%;border: 1px solid rgb(255 255 255 / 80%);transition:0.5s;}
.cam_in .Nav01_B {left: 23.5%;top: 84%;box-shadow: 0px 0px 0px 2px #c3a88b;background: #c3a88b;width: 10%;border: 1px solid rgb(255 255 255 / 80%);transition:0.5s;}
.cam_in .Nav01_C {left: 62%;top: 85%;box-shadow: 0px 0px 0px 2px #c3a88b;background: #c3a88b;width: 10%;border: 1px solid rgb(255 255 255 / 80%);transition:0.5s;}
.cam_in .Nav01_D {left: 82%;top: 86%;box-shadow: 0px 0px 0px 2px #c3a88b;background: #c3a88b;width: 10%;border: 1px solid rgb(255 255 255 / 80%);transition:0.5s;}
.cam_in .Nav01_E {left: 72%;top: 27%;box-shadow: 0px 0px 0px 2px #c3a88b;background: #c3a88b;width: 10%;border: 1px solid rgb(255 255 255 / 80%);transition:0.5s;}
.cam_in .Nav01_F {left: 54%;top: 21%;box-shadow: 0px 0px 0px 2px #c3a88b;background: #c3a88b;width: 10%;border: 1px solid rgb(255 255 255 / 80%);transition:0.5s;}



.Nav00 {left: -11%;top: 13%;width: 23%;transition:0.5s;color: #fff !important;padding: 10px 0 10px !important;display: block;position: absolute;}
.cam_in .Nav01{left: 79%;top: 36%;box-shadow: 0px 0px 0px 2px #838383;background: #838383;width: 8%;border: 1px solid rgb(255 255 255 / 80%);transition:0.5s;}
.cam_in .Nav02{left: 30%;top: 36%;box-shadow: 0px 0px 0px 2px #838383;background: #838383;width: 8%;border: 1px solid rgb(255 255 255 / 80%);transition:0.5s;}


.cam_in a::before{content: "";width: 0;height: 0;border: 0px solid;border-width: 10px 10px 0px 10px;border-color:transparent;margin: 0 auto;transform: rotate(180deg);top: -13px;display: block;position: absolute;left: 0;right: 0;}
.cam_in a.Nav::before{border-top-color: #c3a88b;transition:0.5s;}
.cam_in a.Nav:hover::before {border-top-color: #ffffff;transition:0.5s;}

.cam_in a.Nav01::before, .cam_in a.Nav02::before{display: none;}

.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: 700px){
	.none1024{width: 100%; max-width:100% !important;}
/*.none1024 {display:none;} .block1024{display: block;} .cam_in{display:none;}*/
	.cam_in a.Nav {width: 17%;padding: 7px 0 8px;line-height: 0.5;letter-spacing: -0.5px;}	
	.cam_in a::after {border-width: 7px 10px 0px 10px; display: none;}
	
}@media all and (max-width: 700px){
	.none1024{width: 100%; max-width:100% !important;}
/*.none1024 {display:none;} .block1024{display: block;} .cam_in{display:none;}*/
	.cam_in a.Nav {width: 17%;padding: 7px 0 8px;line-height: 0.5;letter-spacing: -0.5px;}	
	.cam_in a::after {border-width: 7px 10px 0px 10px; display: none;}
	
}

@media all and (max-width: 450px){
	.cam_in a.Nav{width: 21%;}
	.cam_in .Nav01_F{left: 49%; top: 19%;} .cam_in .Nav01_E{top: 24%;}
	
}