/* 배치도 */
/* resort */ 
.resort #contents {background:#333;}
.resort_con {position:relative; width:100%; }
.roomsidetxt{display:none;}
.resort_con01 .subTypo {font-size:66px; line-height:.8em; margin-bottom:30px;}
.resort_con01 .subTitle { margin-bottom:30px;}
.resort_condot{ position:absolute; width:70%; height:60%; right:11%; top:50%; transform: translateX(4%) translateY(-56%); }
.resort_con .circle{
	 width:13px;
	 height:13px;
	 border-radius:10px;
	 -moz-border-radius : 10px;
	 -webkit-border-radius : 10px;
	 -ms-border-radius :10px;
	 -khtml-border-radius : 10px;
	 -o-border-radius :10px;
	 background-color:#ffffff;
	 border: 2px solid red;
}
.tabsimg img{width:100%;}
@media (max-width: 1650px) {
.tabsimg img{width:80%;}

}
@media (max-width: 1000px) {
.tabsimg img{width:80%;}
.resort_condot {visibility:hidden;}
}


.room_loaction { position:absolute; width:600px; height:360px; left:670px; bottom:290px; }

	.room_loaction li { position:absolute;}
	.room_loaction a  { display:block; width:30px; height:30px; padding:0 2px 2px; opacity:0; filter: alpha(opacity=0;);}
	.room_loaction .icon { display:block; width:30px; height:30px; background:url(../images/resort/resort_icon.png) no-repeat;}
	.room_loaction .num { display:block; text-align:center; vertical-align:middle; margin-top:-28px; font-size:15px; line-height:12px; font-weight:700;}
	.room_loaction .room_suite .num {color:navy;}

	.room_poolvilla {}
	.room_poolvilla a .icon {}
	.room_poolvilla .pool01 {left:510px; top:268px;}
	.room_poolvilla .pool02 {left:466px; top:248px;}
	.room_poolvilla .pool03 {left:410px; top:220px;}

	.room_penthouse {}	
	.room_penthouse a .icon {background-position:-30px 0;}
	.room_penthouse .pent01 {left:120px; top:186px;}
	.room_penthouse .pent02 {left:97px; top:147px;}
	.room_penthouse .pent03 {left:280px; top:48px;}
	.room_penthouse .pent04 {left:220px; top:54px;}
	.room_penthouse .pent05 {left:97px; top:68px;}
	.room_penthouse .pent06 {left:97px; top:110px;}

	.room_suite {}	
	.room_suite a .icon {background-position:-60px 0;}
	.room_suite .s01 {left:288px; top:164px;}
	.room_suite .s02 {left:248px; top:168px;}
	.room_suite .s03 {left:202px; top:176px;}
	.room_suite .s04 {left:250px; top:126px;}
	.room_suite .s05 {left:192px; top:135px;}
	.room_suite .s06 {left:250px; top:88px;}
	.room_suite .s07 {left:192px; top:95px;}
	.room_suite .s08 {left:390px; top:165px;}
	.room_suite .s09 {left:539px; top:181px;}
	.room_suite .s10 {left:488px; top:162px;}
	.room_suite .s11 {left:435px; top:142px;}
	.room_suite .s12 {left:390px; top:124px;}
	.room_suite .s13 {left:490px; top:119px;}
	.room_suite .s14 {left:440px; top:99px;}
	.room_suite .s15 {left:390px; top:80px;}

	.room_deluxe {}	
	.room_deluxe a .icon {background-position:-90px 0;}
	.room_deluxe .d01 {left:298px; top:120px;}
	.room_deluxe .d02 {left:298px; top:82px;}
	.room_deluxe .d03 {left:542px; top:230px;}
	.room_deluxe .d04 {left:504px; top:216px;}
	.room_deluxe .d05 {left:472px; top:200px;}
	.room_deluxe .d06 {left:438px; top:188px;}
	.room_deluxe .d07 {left:544px; top:138px;}




.tb_scr_info{    font-family: 'Noto Sans KR', sans-serif;
    padding: 0 15px;
    margin-bottom: 5px;
    color: #323232;
    font-size: 12px;}

/*룸 배치도 시작*/
.roomPre_area{
	overflow:auto;
}
.roomPre_map{
    position: relative;
    width: 100%;
    max-width: 1530px;
    margin: 0 auto;
	margin-bottom: 50px;
}
.roomPre_map .roomMap {
    display: block;
    position: absolute;
    z-index: 3;
	width: 100%;
    max-width: 100px;
	    text-align: center;
}
.roomPre_map a .map_icon {
    vertical-align: top;
/*     opacity: 0; */
	max-width: 90px;
	transition: all 0.1s ease;
}
.roomPre_map .pins img:hover{
	width:85px;
	transition: all 0.5s ease;
}

.roomPre_con_box{
    display: inline-block;
    width: 100%;
    text-align: center;
	    margin-top: -50px;
}
.roomPre_con{
	font-family: 'Nanum Gothic', sans-serif;
    background-color: #fff;
    padding: 15px 20px 20px 20px;
    position: relative;
    width: 10%;
    display: inline-block;
    border-radius: 30px;
	    transition: 0.5s;
    top: 0;
}
.roomPre_con img{
	border-radius: 30px;
  -webkit-filter: grayscale(100%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(100%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(100%); 
  -o-transition: .5s ease-in-out;
}
.roomPre_con img:hover{
	  -webkit-filter: grayscale(0%);

  -webkit-transition: .5s ease-in-out;

  -moz-filter: grayscale(0%);

  -moz-transition: .5s ease-in-out;

  -o-filter: grayscale(0%);

  -o-transition: .5s ease-in-out;
}
.roomPre_con dl dt{
	padding-bottom:10px;
}
dd.roomPre_con_txt {
    padding-top: 10px;
	border-top: 1px dashed;
	letter-spacing:-2px;
}
.roomPre_con_box_img{
	    padding-bottom: 10px;
}



.roomPre_map a.roomMap01 {
    left: 34%;
    top: 31.8%;
}
.roomPre_map a.roomMap02 {
    left: 39.5%;
    top: 31.8%;
}

.roomPre_map a.roomMap03 {
    left: 44.2%;
    top: 31.8%;
}

.roomPre_map a.roomMap04 {
    left: 53.6%;
    top: 31.8%;
}

.roomPre_map a.roomMap05 {
    left: 55.9%;
    top: 31.8%;
}

.roomPre_map a.roomMap06 {
    left: 39.5%;
    top: 18.8%;
}

.roomPre_map a.roomMap07 {
    left: 44.2%;
    top: 18.8%;
}

.roomPre_map a.roomMap08 {
    left: 50.1%;
    top: 18.8%;
}
.roomPre_map a.roomMap09 {
    left: 55.5%;
    top: 18.8%;
}
.roomPre_map a.roomMap10 {
    left: 21.2%;
    top: 51.8%;
}

.roomPre_con:hover{
top:-50px;
} 


.img_100 {
    width: 100%;
    vertical-align: top;
}
@media (max-width: 1650px){
	.roomPre_con{
		    padding: 12px 10px;
	}
	.roomPre_map a .map_icon{
		max-width:60px;
	}
	.roomPre_map .roomMap09{
		top:39%;
    right: 28.3%;
    max-width: 56px;
	}
	.roomPre_map .roomMap08{
		right: 28.3%;
    max-width: 56px;
	}

}
@media (max-width: 1440px){
	.roomPre_con{
		    width:12%
	}
}
@media (max-width: 1200px){
.roomPre_map{width:1200px;}
	.roomsidetxt{display:inline-block; padding-bottom:10px; padding-left:10px;}
}
@media (max-width: 520px){
	.roomPre_map{width:600px;}
	.roomPre_con_box{display:none;}

	.roomPre_map .roomMap{
	    width: 100%;
    max-width: 20px;
	}
	.roomPre_map .roomMap{
		max-width: 20px;
	}
	.roomPre_map a .map_icon {
    max-width: 30px;
}

}
@media (max-width: 350px){

}
/*룸 배치도 끝*/