@charset "utf-8";

.floor-plan-head {
	position: relative;
	text-align: center; 
	padding: 0px 0 0px;
	margin:0px auto 0px;
	color: rgba(34,34,34,1);
}
.floor-plan-head-in {
	position:relative;
	display:inline-block;
	padding:30px 20px;
	font-size:16px;
	
	border-top:1px solid rgba(34,34,34,1);
	border-bottom:1px solid rgba(34,34,34,1);
}
.floor-plan-head .head-kor {
	position:relative;
	display:block;
	font-size: 1.875em;
	font-size: 2.500em;
	line-height:150%;
	font-weight: 600;
}

.floor-plan-sheet{
	position:relative;
	text-align:center;
}
.floor-plan-sheet .tit { 
	position:relative;
	display:inline-block;
	background:rgba(190,130,100,1);
	color: rgba(255,255,255,1);
	font-size:20px;
	font-weight:500;
	text-align:center;
	padding:0px 40px 0px;	
	line-height:40px;
	-webkit-border-radius: 40px; 
	   -moz-border-radius: 40px; 
		    border-radius: 40px;
}
.floor-plan-sheet ul { 
	position:relative;
	display:inline-block;
	width:auto;
	text-align:left;
	color:rgba(34,34,34,1);
}
.floor-plan-sheet ul li {
	vertical-align:top;
	margin-bottom:15px;
	font-weight:400;
}
.floor-plan-sheet ul li:last-child {
	margin-bottom:0px;
}
.floor-plan-sheet .plan-table {
	position:relative;
	display:table;
	width:auto;
	vertical-align:top;
}
.floor-plan-sheet .plan-table .item { 
	position:relative;
	display:table-cell;
	width:auto;
	vertical-align:top;
	padding-right:15px;
}
.floor-plan-sheet .plan-table .desc { 
	position:relative;
	display:table-cell;
	vertical-align:top;
    font-size: 18px;
	line-height:140%;
	padding-top:5px;
}
.floor-plan-sheet .plan-table .tag {
	
	display:block;
	width: 70px; 
	height: 30x; 
	overflow:hidden;
	text-align: center; 
	font-weight: normal; 
	line-height: 30px;
	font-size:14px;
	font-weight:600;
	-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;	
	/*background:#fff;*/
	color:rgba(190,130,100,1);
	border:1px solid rgba(190,130,100,1);
}
.floor-plan-sheet .plan-table .sm {
	font-size:13px;
	margin-left:2px;
}

@media screen and (max-width: 640px) {
	.floor-plan-head-in {
		padding:20px 20px;
		font-size:10px;
	}
}
@media screen and (max-width: 480px) {
	.floor-plan-head-in {
		display:block;
		font-size:8px;
	}
	.floor-plan-sheet .tit { 
		font-size:18px;
		padding:0px 25px 0px;	
	}
	.floor-plan-sheet .plan-table .desc { 
		font-size: 16px;
	}
}

.floor-plan-group {
	position:relative;
	display:block;
	margin: 0px -1.5% 0px;
	font-size:0;
}

.floor-plan-item {
	display:inline-block;
	width: 30.3333333%; 
	margin: 0px 1.5% 0px;
	vertical-align:top;
	position:relative;
	
	background:rgba(250,250,250,1);
	border:1px solid rgba(190,130,100,.5);
}
.floor-plan-item .photo {
	position:relative;
	display:block;
	padding: 0px 80px 0px;
	vertical-align:top;
}
.floor-plan-item .photo img {
	width:100%;
}
.floor-plan-item .top {
	position:relative;
	display:table;
	width:100%;
    color: #fff;
	font-size:18px;
	
	background:rgba(190,130,100,1);
}
.floor-plan-item .top .type,
.floor-plan-item .top .chair {
	position:relative;
	display:table-cell;
	width:50%;
	padding:13px 10px 10px;
	text-align:center;
	font-weight:500;
}
.floor-plan-item .top .chair {
	color:rgba(34,34,34,1);
	background:rgba(250,250,250,1);
}

.floor-plan-item .bottom {
	position:relative;
	text-align:center;
	display:block;
}

.floor-plan-item a.btn { 
	position:relative;
	display: inline-block;
	width: auto; 
	color:#fff;
	background:rgba(153,153,153);
	background:rgba(255,255,255);
	border:1px solid rgba(204,204,204,1);
	color:#333;
	line-height: 38px; 
	height:40px;
	text-align:left; 
	letter-spacing: 0; 
	position: relative; 
	padding: 0px 20px 0px 35px; 
	/*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/
	font-size:14px;
}

.floor-plan-item a.btn:hover { 
	background:rgba(153,153,153,1);
	border:1px solid rgba(190,130,100,1);
	background:rgba(190,130,100,1);
	color:#fff;
}

.floor-plan-item a.view:before { position: absolute; top: 1px; left: 12px; bottom: 0; display: block; font-size: 15px; font-family: 'themify'; content: "\e693"; content: "\e611"; font-weight: normal; }


.floor-plan-item a.down { 
	color:#fff;
	background:rgba(153,153,153,1);
	border:1px solid rgba(153,153,153,1);
}

.floor-plan-item a.down:before { position: absolute; top: 1px; left: 12px; bottom: 0; display: block; font-size: 15px; font-family: 'themify'; content: "\e6a7"; font-weight: normal; }

@media screen and (max-width: 1600px) {
	.floor-plan-item .merits-name {
		font-size: 28px;		
	}
	.floor-plan-item .merits-nameSub {
		font-size: 20px; 
	}
}

@media screen and (max-width: 1280px) {
	.floor-plan-item {
		width: 47%; 
		margin-bottom:4%;
	}
}

@media screen and (max-width: 768px) {
	.floor-plan-group {
		margin: 0px -1.5% 0px;
	}
	.floor-plan-item .photo {
		padding: 0px 40px 0px;
	}
}

@media screen and (max-width: 640px) {
	.floor-plan-group {
		margin: 0px 0 0px;
	}
	.floor-plan-item {
		width: 100%; 
		margin:0 0 40px;
	}
	.floor-plan-item .top {
		font-size:16px;
	}
	
}