@charset "utf-8";

@import "reset.css";
@import "default.css";
@import "base.css";

.topWrap { width: 100%; margin: 0px auto 0px; max-width: 640px; position: relative; overflow: hidden;}
.topWrap img { width: 100%; display: block;}
h2.pTitle {
	width: 100%;
	position: absolute;
	top: 45%;
	left: 0px;
	font-size: 6vw;
	line-height: 1;
	color: #fff;
	text-align: center;
	font-weight: 400;}
	
	h2.pTitle span {padding: 0px; }
@media all and (min-width: 640px){
h2.pTitle { font-size: 36px;}
}
.pageBtn {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;}
	
	.pageBtn .prev_btn {
		width: 12%;
		height: 40%;
		background: url(../img/common/ir_img.gif) repeat top left;
		display: block;
		position: absolute;
		top: 27%;
		left: 2%;}

	.pageBtn .next_btn {
		width: 12%;
		height: 40%;
		background: url(../img/common/ir_img.gif) repeat top left;
		display: block;
		position: absolute;
		top: 27%;
		right: 2%;}

	.bar .btn_wrap { border-top: 1px solid #afc0d1; }
	
.sub_wrap { width: 100%; height: 40px; max-width: 640px; margin: -40px auto 0px; position: relative; z-index: 1;}
.sub_wrap a.home{ display: block; position: absolute; top: 0px; left: 0px; width: 57px;}
.sub_wrap ul { width: 96%; padding-left: 2%; padding-right: 2%; float: left;text-align: center;}
.sub_wrap li { display: block; width: 25%; padding: 0px ; float: left;}
.sub_01 li { width: 21%;}
.sub_01 li:nth-child(3) { width: 37%;}
.sub_02 li { width: 22%;}
.sub_02 li:nth-child(1) { width: 14%}
.sub_02 li:nth-child(3) { width: 20%}
/*.sub_01 li,
.sub_03 li,
.sub_05 li { width: 50%;}
.sub_04 li { width: 20%;}*/
.sub_wrap li a {  width: auto; padding: 10px 0px; border-right: 1px solid #424242; text-align: center; color: rgba(255,255,255,.5); font-size: 14px; line-height: 20px; letter-spacing:-1px;  background-color: #000; display: block;}
.sub_wrap li:last-child a{ border: none;}
.sub_wrap li a.on { color: #ca705b; border-color: #fff; background-color: #fff; font-weight: 400; transition: all 1s;}
.sub_02 li a { font-size: 12px;}
.content_wrap { background-color: #fff; max-width: 640px; margin: 0px auto; width: 100%;}
	 
	.content {
		width: 100%;
		max-width: 640px;
		min-height: 300px;
		padding: 30px 0px;
		margin: 0px auto;}

.sum, .loc, .sch {width: 93.75%;	max-width: 600px;}
		
		.content img { width: 100%; display: block;}

.bwrap { position: relative;}


.sum .bwrap { position: relative;}

.sum .btn {
	width: 18%;
	height: 8%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	bottom: 0px;
	right: 0px;}
	
.sum .btn2 {
	width: 50%;
	height: 100%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	bottom: 0px;
	right: 0px;}
	
.bsPre .bwrap { position: relative;}


.bsPre .vbtn {
    background: url("../img/common/ir_img.gif") repeat scroll left top;
    display: block;
    height: 7%;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 21%;
}

.bsPre .bwrap a {
	width: 50%;
	height: 100%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;}
	
.bsPre .btn_01 { top: 0px; left: 0px;}
.bsPre .btn_02 { top: 0px; right: 0px;}

	
.des .bwrap { position: relative;}

.des .viewBtn {
    background: url("../img/common/ir_img.gif") repeat scroll left top;
    display: block;
    height: 7%;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 19%;
}


.loc .bwrap { position: relative;}

.loc .btn_01 {
	width: 44%;
	height: 12%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 62%;
	left: 28%;}
	
.loc .btn_02 {
	width: 100%;
	height: 28%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	bottom: 0%;
	left: 0%;}
	
.pos .bwrap { position: relative;}

.pos .btn {
	width: 30%;
	height: 10%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	bottom: 0px;
	right: 0px;}

.ev .bwrap { position: relative;}



/*관심고객등록*/

.int .form_wrap {
	width: 100%;}
	
	.int .form_wrap .clause_box {
		width: 100%;
		margin-bottom: 30px;}
		
		.int .form_wrap .clause_box h5 { height: 19px;}
		
		.int .form_wrap .clause_box .con {
			width: auto;
			height: 150px;
			padding: 5px 10px;
			margin-bottom: 15px;
			background-color: #f6f6f6;
			border: 1px solid #e1e1e1;
			overflow-y: scroll;
			color: #696969;
			font-family: 'Nanum Gothic', sans-serif; 
			font-size: 12px;
			line-height: 20px;}
			
		.int .form_wrap .clause_box div.nth_02 { height: 30px; padding-top: 10px;}
			
		.int .clause_box div.con table { border-left: 1px solid #333; border-top: 1px solid #333; width: 100%;}
		.int .clause_box div.con th,
		.int .clause_box div.con td { border-right: 1px solid #333; border-bottom: 1px solid #333; text-align: center; background-color: #fff; padding: 3px 0px;}
		.int .clause_box div.con th { color: #333;}
			
			
		.int .form_wrap .clause_box input[type="radio"] { margin: 0px; vertical-align: text-bottom;}
		
		.int .form_wrap .clause_box input.ml_15 { margin-left: 15px;}
		.int .form_wrap .clause_box input.ml_20 { margin-left: 20px;}
		.int .form_wrap .clause_box input.ml_35 { margin-left: 35px;}
		
		.int .form_wrap .clause_box .rBox { width: 100%;  margin-bottom: 30px; color: #414141; text-align: center; position: relative;}
		
			.int .form_wrap .clause_box h5{ color: #191919; font-family: 'Nanum Gothic', sans-serif; font-size: 14px; margin-bottom: 5px; text-align: centerj;}
			.int .form_wrap .clause_box p { text-align: left; margin-bottom: 3px;}
			.int .form_wrap .clause_box strong{ color: #191919; font-family: 'Nanum Gothic', sans-serif; font-size: 13px; display: inline-block; margin-bottom: 3px; width: 100%;}
		
		.int .form_wrap .clause_box .rBox img { vertical-align: middle;}
	
	.int .form_box { width: 100%;}
	
		.int .form_box img { display: inline; width: auto;}
		
		.int .form_box table { 
			width: 100%;
			border-top: 2px solid #000;
			border-bottom: 1px solid #000;
			margin-bottom: 15px;}
		
		.int .form_box th,
		.int .form_box td { 
			border-bottom: 1px solid #eaeaea;
			padding: 7px 0px 8px;
			color: #161616;}
			
		.int .form_box th { 
			text-align: left;
			font-family: 'Nanum Gothic', sans-serif;
			font-size: 13px;
			color: #161616;
			letter-spacing: -1px;
			background-color: #efefef;
			padding-left: 10px;
			text-align: center;}
			
			.int .form_box th img { margin-right: 5px;}
			
		.int .form_box td { padding-left: 5px;}
		.int .form_box td span { display: inline-block; width: 60px;}
		
		.int .form_box table.stb { margin-bottom: 5px; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-bottom: none;}
		.int .form_box .stb th,
		.int .form_box .stb td { border-right: 1px solid #CCC; border-bottom: 1px solid #ccc; padding: 5px 0px;	font-size: 11px;}
		.int .form_box .stb th { background-color: #e5e5e5; text-align: center;}
		.int .form_box .stb th span { font-weight: normal;}
		.int .form_box .stb td { padding-left: 10px; padding-right: 10px;}
		.int .form_box .stb .tac { text-align: center;}
		
		.int .form_box th.bdn,
		.int .form_box td.bdn { border-bottom: none;}
		
		.int .form_box .textbar {
			width: 30%;
			height: 16px;
			padding: 4px 5px 3px;
			line-height: 16px;
			font-size: 12px;
			border: 1px solid #dadada;
			border-bottom: none;
			border-right: none;
			background-color: #EFEFEF;}

		.int .form_box textarea {
			width: 80%;
			height: 50px;
			padding: 4px 5px 3px;
			line-height: 16px;
			font-size: 12px;
			border: 1px solid #dadada;
			border-bottom: none;
			border-right: none;
			background-color: #EFEFEF;}
			
		.int .form_box .w_25 { width: 25px;}
		.int .form_box .w_45 { width: 45px;}
		.int .form_box .w_80 { width: 80px;}
		.int .form_box .w_90 { width: 90px;}
		.int .form_box .w_150 { width: 30%;}
		.int .form_box .w_180 { width: 180px;}
		.int .form_box .w_250 { width: 70%;}
		.int .form_box .w_380 { width: 80%;}
		
		.int .form_box input[type="radio"] { margin: 0px; position: relative; top: 2px;}
		
		.int .form_box input.ml_15 { margin-left: 15px;}
		.int .form_box input.ml_20 { margin-left: 20px;}
		
		.int .form_box a img { vertical-align: top; width: 86px; }
		
		
.int .btn_wrap {
	width: 100%;
	text-align: center;}
	
	.int .btn_wrap a { display: inline-block; width: 30%;}
	
	.int .btn_wrap .btn_01 { margin-right: 15px;}
	
		.int .btn_wrap a img { width: 100%;}

/*보도자료*/

.news table {
	width: 100%;
	color: #888;
	margin-bottom: 30px;
	border-bottom: 1px solid #000;
	border-top: 2px solid #000;}
	
	.news th { 
		height: 36px;
		color: #5b5855;
		font-size: 14px;
		letter-spacing: -1px;
		border-bottom: 1px solid #000;}
	
	.news td {
		height: 34px;
		text-align: center;
		border-bottom: 1px solid #e3e3e3;
		font-size: 13px;}
		
		.news td img { width: auto; display: inline;}
		
	.news table td.tit {
		padding: 0px 10px;
		text-align: left;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;}
		
	.news table td.origin { color: #8a7462;}
		
		.news table a { 
			color: #666; 
			margin-right: 5px;
			margin-left: 5px;}
			
			.news .tit span { font-weight: bold;  color: #6842bc;}
		
		.news table a:hover,
		.news table a:focus { color: #666; text-decoration: underline;}

		
		
.paging {
	width: 100%%;
	padding: 15px 0px;
	text-align: center;}
	
	.paging a { display: inline-block; vertical-align: middle; color: #969696;}
	
		.paging img { vertical-align: text-bottom; width: auto;}
		
	.paging .num {
		width: 17px;
		height: 19px;
		text-align: center;
		padding: 0px 2px;
		border: 1px solid #6842bc;
		background-color: #fff;
		color: #7d7d7d;
		font-family:"돋움", sans-serif;
		font-weight: bold;
		font-size: 12px;
		line-height: 20px;
		margin-right: 2px;}
		
	.paging .on,
	.paging .num:hover,
	.paging .num:focus {
		font-weight: bold;
		color: #fff;
		background-color: #6842bc;
		letter-spacing: -1px;}
		
	.paging .num.fs { padding-left: 4px;}
		
	.paging .prev { margin-right: 10px;}
	.paging .next { margin-left: 10px;}


/*공지사항*/

.news_view table {
	width: 100%;
	color: #888;
	margin-bottom: 30px;}
	
	.news_view th { 
		height: 36px;
		font-family: 'Nanum Barun Gothic', sans-serif;
		color: #fff;
		font-size: 14px;
		letter-spacing: -1px;
		background-color: #8a7462;}
	
	.news_view td {
		padding: 10px 0px;
		text-align: center;
		border-bottom: 1px solid #e3e3e3;
		font-size: 13px;}
		
		.news_view td.tit { color: #666; font-weight: bold; text-align: left;}
		
		.news_view .tit span { font-weight: bold;  color: #8a7462; margin-right:5px;}
		
		.news_view td img { width: auto; display: inline; max-width: 100%;}


.news_view .comment { padding: 20px 10px; text-align: left; font-family: 'Nanum Barun Gothic', sans-serif;}

	.news_view .comment img { width: auto;}

.news_view .btn_wrap a { display:block; width: 25%; margin: 0px auto;}

.news_view .btn_wrap a img { width: 100%;}


/*공지사항*/

.news_view table {
	width: 100%;
	color: #888;
	margin-bottom: 30px;}
	
	.news_view th { 
		height: 36px;
		font-family: 'Nanum Barun Gothic', sans-serif;
		color: #fff;
		font-size: 14px;
		letter-spacing: -1px;
		background-color: #8a7462;}
	
	.news_view td {
		padding: 10px 0px;
		text-align: center;
		border-bottom: 1px solid #e3e3e3;
		font-size: 13px;}
		
		.news_view td.tit { color: #666; font-weight: bold; text-align: left;}
		
		.news_view .tit span { font-weight: bold;  color: #8a7462; margin-right:5px;}
		
		.news_view td img { width: auto; display: inline; max-width: 100%;}


.news_view .comment { padding: 20px 10px; text-align: left; font-family: 'Nanum Barun Gothic', sans-serif;}

	.news_view .comment img { width: auto;}

.news_view .btn_wrap a { display:block; width: 25%; margin: 0px auto;}

.news_view .btn_wrap a img { width: 100%;}

/*블로그 이야기*/

.blog .list {width: 100%; border-top: 3px solid #a38345; border-bottom: 2px solid #a38345; padding-top: 10px; margin-bottom: 20px;}

	.blog .list li {
		width: auto;
		height: 60px;
		padding: 10px 0px;
		padding-left: 30px;
		position: relative;
		border-bottom: 1px solid #e5e5e5;}
		
	.blog .list li:last-child { border-bottom: none; margin-bottom: 10px;}
		
		.blog .list li .num {font-size: 13px; color: #998664; width: 30px; position: absolute; top: 35px; left: 0px; text-align: center;}
		
		.blog .list a {
			display: block;
			width :100%;
			height: 100%;
			color: #797979;
			font-size: 13px;}
			
			.blog .list .img_wrap {
				width: 100px;
				height: 60px;
				display: block;
				background: url(../img/customer/bingg.gif) no-repeat top left #e4e1db;
				border: 1px solid #b9b9b9;
				margin-right: 16px;
				float: left;}
				
				.blog .list .img_wrap img { width: 100%; height: 60px;}
				
			.blog .list .tit {
				width: auto;
				padding: 0px ;
				padding-right: 5px;
				font-size: 13px;
				line-height: 16px;
				color: #444;
				margin-bottom: 5px;
				display: block;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;}
				
			.blog .list .tit img { width: auto; display: inline-block;}
				
			.blog .list a:hover .tit { text-decoration: underline;}
				
				.blog .list .tit span { color: #a28e6c; margin-right: 5px;}
				.blog .list a:hover .tit span { text-decoration: none;}
				
			.blog .list .comment {
				display: block;
				width: auto;
				padding-right: 20px;
				height: 40px;
				margin-bottom: 14px;
				line-height: 20px;
				overflow: hidden;}
				
				.blog .list .tit img { margin-left: 5px;}
				
			.blog .list .name { color: #8f775c; margin-right: 10px;}
			.blog .list .ml_10 { margin-left: 10px;}
			.blog .list .date { margin-left: 10px;}


/*Central Location*/

.cen .bwrap { position: relative;}

.cen .btn {
	width: 21%;
	height: 8%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	bottom: 0px;
	right: 0px;}
	
.cen .btn2 {
	width: 21%;
	height: 6%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	bottom: 0px;
	right: 0px;}
	


/*모델하우스*/
.mod { width: 93.75%; max-width: 600px;}
.mod .bwrap { position: relative;}

.mod .bwrap { position: relative; }

.mod .tab_wrap { width: 100%; height: 42px; margin: 0px auto 20px;}
.mod .tab_wrap li {width: 50%; float: left;}

.mod .tab_wrap a {width: auto; display: block; font-size: 16px; line-height: 40px; color: #000; text-align: center;border: 1px solid #cbcbcb; background-color: #e9e9e9; transition: all .3s;}
.mod .tab_wrap a.on {color: #fff; background-color: #cb624a; border-color: #9d4c39;}


.mod .btn_01 {
	width: 51%;
	height: 22%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 14%;
	left: 45%}
	
.mod .btn_02 {
	width: 51%;
	height: 22%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 38%;
	left: 45%}
	
.mod .btn_03 {
	width: 51%;
	height: 22%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 63%;
	left: 45%}
	

/*특별공급안내문*/

.gui .bwrap { position: relative;}

.gui .bwrap a.btn1 {
	display: block;
	width: 52%;
	height: 14%;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 74%;
	left: 26%}
	
.gui .bwrap a.btn2 {
	display: block;
	width: 30%;
	height: 5%;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	bottom: 0%;
	left: 37%}
	

/*카탈로그*/

.cat .bwrap { position: relative;}

.cat .btn {
	width: 48%;
	height: 43%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 41%;
	left: 26%;}

/*분양일정*/

.sch .bwrap { position: relative;}

.sch .btn {
	width: 18%;
	height: 4.2%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 5%;
	left: 77.5%;}



/*조감도 투시도*/

.view .bwrap { position: relative;}

.view .btn {
	width: 50%;
	height: 100%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 0px;}
	
.view .btn_01 { left: 0px;}
.view .btn_02 { right: 0px;}


/*배치도*/

.cha .bwrap { position: relative;}

.cha .btn {
	width: 22%;
	height: 10%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	bottom: 0px;
	right: 0px;}
	

/*시스템*/
.sys .bwrap { position: relative; }

.sys .tab_wrap { width: 96%; margin: 0px auto 20px;}
.sys .tab_wrap li {width: 50%; float: left;}
/*.sys .tab_wrap li:last-child { width: 17%;}*/
.sys .tab_wrap a {width: auto; display: block; font-size: 16px; line-height: 40px; color: #06243e; text-align: center;border: 1px solid #cbcbcb; background-color: #e9e9e9; transition: all .3s;}
.sys .tab_wrap a.on {color: #fff; background-color: #008ec5; border-color: #006e98;}


.plan .bwrap { position: relative; }

.plan .tab_wrap { width: 100%; height: 42px; margin: 0px auto 20px;}
.plan .tab_wrap li {width: 50%; float: left;}

.plan .tab_wrap a {width: auto; display: block; font-size: 16px; line-height: 40px; color: #000; text-align: center;border: 1px solid #cbcbcb; background-color: #e9e9e9; transition: all .3s;}
.plan .tab_wrap a.on {color: #fff; background-color: #cb624a; border-color: #9d4c39;}
.plan .bwrap a {
	width: 50%;
	height: 100%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;}
	
.plan .btn_01 { top: 0px; left: 0px;}
.plan .btn_02 { top: 0px; right: 0px;}
.plan .btn_03 { bottom: 0px; left: 0px;}
.plan .btn_04 { top: 0px; right: 0px;}

/*인테리어*/

.interior .tab_wrap2  { position: relative; margin-bottom: 15px; width: 100%;}

.interior .tab_wrap2 a {
	width: 50%;
	height: 18px;
	padding: 5px 0px;
	display: inline-block;
	border: 1px solid #d9d9d9;
	background-color: #fff;
	font-size: 13px;
	line-height: 18px;
	text-align:center;
	color: #9A9A9A;
	margin-left: -2px;}
	
.interior .tab_wrap2 a.on { background-color: #B69045; color: #fff; border-color: #B69045;} 	
	
.int .btn_01 { left: 0px;}
.int .btn_02 { left: 33.3%;}
.int .btn_03 { right: 0px;}



/*유니트*/

.unit { width: 93.75%; max-width: 600px;}
.unit .bwrap { position: relative; }

.unit .tab_wrap { width: 100%; height: 42px; margin: 0px auto 20px;}
.unit .tab_wrap li {width: 16.6%; float: left;}
.unit .tab_wrap li:last-child { width: 17%;}
.unit .tab_wrap a {width: auto; display: block; font-size: 16px; line-height: 40px; color: #000; text-align: center;border: 1px solid #cbcbcb; background-color: #e9e9e9; transition: all .3s;}
.unit .tab_wrap a.on {color: #fff; background-color: #cb624a; border-color: #9d4c39;}
.unit .btn_01 { top: 0px; left: 0px;}
.unit .btn_02 { top: 0px; left: 20%;}
.unit .btn_03 { top: 0px; left: 40%;}
.unit .btn_04 { top: 0px; left: 60%;}
.unit .btn_05 { top: 0px; right: 0px;}

.item .bwrap { position: relative; }

.item .tab_wrap { width: 100%; height: 42px; margin: 0px auto 0px;}
.item .tab_wrap li {width: 50%; float: left;}
.item .tab_wrap a {width: auto; display: block; font-size: 16px; line-height: 40px; color: #06243e; text-align: center;border: 1px solid #cbcbcb; background-color: #e9e9e9; transition: all .3s;}
.item .tab_wrap a.on {color: #008ec5; background-color: #fff; border-color: #0088c2; border-bottom-color: #fff;}

.item .page_tab {
	width: auto;
	height: auto;
	padding: 20px 0px;
	margin-bottom: 25px;
	border: 1px solid #cbcbcb;
	border-top: none;
	text-align: center;}
			
		
		.item .page_tab a {	width: auto; height: 18px; padding: 5px 15px 7px; margin-left: 5px; margin-right: 2px; display: inline-block; font-size: 15px; line-height: 18px; color: #000; letter-spacing:  -1px; border-radius: 3px; transition: all .3s;}
			
		.item .page_tab a.on,
		.item .page_tab a:hover{ background-color: #008ec5; color: #fff; transition: all .3s;}

.vis .tab { width: 100%; height: 42px; margin: 0px auto 30px;}
.vis .tab li {width: 50%; float: left;}
.vis .tab a {width: auto; display: block; font-size: 16px; line-height: 40px; color: #06243e; text-align: center;border: 1px solid #cbcbcb; background-color: #e9e9e9; transition: all .3s;}
.vis .tab a.on {color: #008ec5; background-color: #fff; border-bottom-color: #fff;}


/*블로그 이야기*/

.now .list_wrap {
	margin-bottom: 30px;}
	
.now img { display: inline; width: auto;}

.now .list {width: 100%;}

	.now .list li {
		width: 50%;
		float: left;
		margin-bottom: 20px;}
		
		.now .list a {
			display: block;
			width : auto;
			padding: 0px 2%;
			height: 100%;
			color: #888;
			font-size: 13px;}
			
			.now .list .img_wrap {
				width: 100%;
				display: block;
				margin-bottom: 8px;
				position: relative;}
				
				.now .list .img_wrap img { width: 100%;}
				.now .list .img_wrap img.vs {
					position: absolute;
					top: 0px;
					left: 0px;
					height: 100%;}
				
			.now .list .tit {
				width: auto;
				font-size: 14px;
				line-height: 18px;
				color: #444;
				margin-bottom: 5px;
				display: block;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;}
				
			.now .list .name { color: #8f775c; margin-right: 10px;}

.now .vr_wrap {
	position: relative;}
	
	.now .vr_wrap iframe {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;}
		
		
.loc2 .bwrap { position: relative;}

.loc2 a {
	width: 50%;
	height: 100%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 0px;}
	
.loc2 .btn1 { left: 0px;}
.loc2 .btn2 { right: 0px;}
.loc2 .btn3 { left: 0px; width: 33%;}
.loc2 .btn4 { left: 33%; width: 34%;}
.loc2 .btn5 { right: 0px; width: 33%;}
.loc2 .btn6 { left: 0px;}
.loc2 .btn7 { right: 0px;}

.loc2 .if_wrap { position: relative;}

.loc2 .if_wrap iframe {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;}

/**/

.xiLoc .bwrap { position: relative;}

.xiLoc .bwrap a {
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;	}
	
.xiLoc .btn1 { width: 21%; height: 8%; bottom: 0px; right: 0px;}
.xiLoc .btn2 { width: 21%; height: 7%; bottom: 0px; left: 0px;}

.xiLoc .nth_01 { width: 40%; height: 35%; top: 1%; left: 0px;}
.xiLoc .nth_02 { width: 40%; height: 63%; top: 36%; left: 0px;}
.xiLoc .nth_03 { width: 29%; height: 24%; top: 0px; left: 41%;}
.xiLoc .nth_04 { width: 29%; height: 24%; top: 0px; right: 0px;}
.xiLoc .nth_05 { width: 29%; height: 24%; top: 25%; left: 41%;}
.xiLoc .nth_06 { width: 29%; height: 24%; top: 25%; right: 0px;}
.xiLoc .nth_07 { width: 29%; height: 25%; top: 50%; left: 41%;}
.xiLoc .nth_08 { width: 29%; height: 25%; top: 50%; right: 0px;}
.xiLoc .nth_09 { width: 29%; height: 24%; bottom: 0px; left: 41%;}
.xiLoc .nth_010 { width: 29%; height: 24%; bottom: 0px; right: 0px;}


/**/
.occ .bwrap { position: relative;}

.occ .bwrap a.btn_01 {
	display: block;
	width: 43%;
	height: 46%;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 26%;
	left: 48%}
	
.occ .bwrap a.btn2 {
	display: block;
	width: 50%;
	height: 15%;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 79%;
	left: 13%}

.occ2 { width: 93.75%; max-width: 600px;}
.occ2 .bwrap { position: relative;}

.occ2 .bwrap a.btn_01 {
	display: block;
	width: 56%;
	height: 27%;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 18%;
	left: 43%}
	
.occ2 .bwrap a.btn_02 {
	display: block;
	width: 56%;
	height: 27%;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 49%;
	left: 43%}
	
/*.occ .bwrap a.btn1 { left: 0px; width: 41%;}
.occ .bwrap a.btn2 { left: 41%; width: 28%;}
.occ .bwrap a.btn3 { right: 0px; width: 31%;}*/


/**/
.park .bwrap { position: relative;}

.park .bwrap a {
	display: block;
	width: 21%;
	height: 7%;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	bottom: 0px;
	right: 0px;}

/**/
.sub .bwrap { position: relative;}

.sub a.btn_01 { 	
	display: block;
	width: 28%;
	height: 4%;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 12%;
	left: 67%;}

.sub a.btn_02 { 	
	display: block;
	width: 58%;
	height: 5%;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 95%;
	left: 21%;}

a.emh_btn {
	width: 31.3%;
	display: block;
	margin: 20px auto 10px;}
	
	a.emh_btn img { width: 100%;}

.pri .bwrap { position: relative;}

.pri .btn1 {
	width: 52%;
	height: 66%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 0px;
	left: 26%;}

/*홍보영상*/

.pr .vr_wrap {
	position: relative;}
	
	.pr .vr_wrap iframe {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;}

/*동호수배치도*/

.ch2 .bwrap { position: relative;}

.ch2 .btn1 {
	width: 50%;
	height: 100%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	bottom: 0px;
	left: 0px;}
	
.ch2 .btn2 {
	width: 50%;
	height: 100%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	bottom: 0px;
	right: 0px;}


/*이벤트*/

.ev .bwrap { position: relative;}

.ev .btn {
	width: 33.3%;
	height: 50%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;}
	
.ev .btn_01 { left: 0px; top: 0px;}
.ev .btn_02 { left: 33.3%; top: 0px;}
.ev .btn_03 { right: 0px; top: 0px;}
.ev .btn_04 { left: 0px; bottom: 0px;}
.ev .btn_05 { left: 33.3%; bottom: 0px;}
.ev .btn_06 { right: 0px; bottom: 0px;}

.ev .wrap { position: relative;}

.ev .lbtn1 {
	width: 46%;
	height: 100%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 0px;
	left: 0px;}

.ev .lbtn2 {
	width: 53%;
	height: 100%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 0px;
	right: 0px;}

.pw_box {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;}
	
	.ev .close_btn {
		width: 9%;
		height: 3%;
		display: block;
		background: url(../img/common/ir_img.gif) repeat top left;
		position: absolute;
		top: 0px;
		right: 0px;}

.pre2 .bwrap { position: relative; background-color: #000;}
.pre2  iframe { position: absolute; top :0px; left: 0px; width: 100%; height: 100%;}


.mlist .list_wrap { width: 100%; max-width: 600px; margin: 0px auto; padding: 10px 0px 20px; background-color: #464b4e;}
.mlist li { width: 33.3%; float: left; margin-bottom: 10px; text-align: center;}
.mlist li a { width: 94%; font-size: 13px; font-weight: bold; letter-spacing: -1px; color: #fff; line-height: 18px; padding: 12px 0px; background-color: #b1a195; display: block; margin: 0px auto;}
.mlist li a span { font-size: 10px; font-weight: normal; vertical-align: middle; padding-left: 5px; font-family:"굴림", sans-serif;}

.prize .form_box{ width: 100%; background-color: #464b4e;}
.prize .submit_box { width: 300px; margin: 0px auto; color: #fff;}
.prize li { margin-bottom: 10px; width: 100%;}
.prize li strong { width: 90px; text-align: right; display: inline-block; padding-right: 10px;}
.prize li .textbar { width: 200px;}
.prize .btn_01 { width: 190px; display: block; margin: 0px auto;}



/*인터넷청약*/

.scr .btn1 {
	width: 50%;
	height: 100%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	bottom: 0px;
	left: 0px;}
	
.scr .btn2 {
	width: 50%;
	height: 100%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	bottom: 0px;
	right: 0px;}

.scr .btn3 {
	width: 40%;
	height: 24%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 71%;
	left: 52%;}


.pre1 .movie_wrap { position: relative;}
.pre1 .movie_wrap iframe { display: block; position: absolute; top: 0px; left: 2%; width: 96%;}