@charset "utf-8";

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

.topWrap { width: 100%; height: 130px; margin: 0px auto; max-width: 640px; position: relative; overflow: hidden; background: url(../img/common/main_bg.jpg) repeat-x top left; background-size: contain;}
.topWrap img { width: 100%; display: block;}
h2.pTitle {
	width: 100%;
	position: absolute;
	top: 25%;
	left: 0px;
	font-size: 24px;
	line-height: 32px;
	color: #fff;
	text-align: center;
	font-weight: 400;}
	
	h2.pTitle span.tit { width: 100%;}
	
	h2.pTitle span.txt { width: 100%; font-size: 13px; line-height: 16px; color: rgba(255,255,255,.2); display: block; padding-top: 5px;}

.pageBtn {
	width: 100%;
	height: 23%;
	position: absolute;
	top: 53%;
	left: 0px;
	z-index: 2;}
	
	.pageBtn .prev_btn {
		width: 10%;
		height: 100%;
		display: block;
		position: absolute;
		top: 0%;
		left: 3%;}

	.pageBtn .next_btn {
		width: 10%;
		height: 100%;
		display: block;
		position: absolute;
		top: 0%;
		right: 3%;}

	.bar .btn_wrap { border-top: 1px solid #afc0d1; }
	
.sub_wrap { width: 96%; margin-left: 2%; max-width: 600px; position: relative;  text-align: center; margin-top: -20px;}
.sub_wrap a { display: block; width: 24.7%; border: 1px solid #dadada; margin-left: -1px; padding-top: 10px; height: 32px; font-size: 14px; line-height: 22px; letter-spacing: -1px; color: #5a5050; background-color: #fff; float: left;}
.sub_02 a { width: 19.7%; font-size: 12px; }
.sub_03 a.u_03_02,
.sub_03 a.u_03_03,
.sub_03 a.u_03_04 { padding-top: 3px; height: 40px; font-size: 12px; line-height: 18px;}
.sub_04 a { width: 49.7%;}
.sub_wrap a.on { color: #fff; background-color: #ca705b; border-color: #b96653;}
		
.content_wrap { background-color: #fff; max-width: 640px; margin: 0px auto; width: 100%; }
	 
	.content {
		width: 94%;
		max-width: 600px;
		min-height: 300px;
		padding: 50px 0px 30px;
		margin: 0px auto;}
		
		.content img { width: 100%; display: block;}

.bwrap { position: relative;}

.pos .bwrap a.zoom { width: 18%; height: 6%; display: block; background: url(../img/common/ir_img.gif) repeat top left; position: absolute; bottom: 4%; right: 0%;}

.sum .bwrap { position: relative;}

.sum .btn1 {
	width: 50%;
	height: 100%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	bottom: 0px;
	left: 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: 15%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 72%;
	left: 28%;}
	
.loc .btn2 {
	width: 47%;
	height: 100%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 0px;
	right: 0px;}
	
.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, .news { width: 94%; max-width: 600px;}
.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 p {
			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 #b8363a;
			border-bottom: 1px solid #b8363a;
			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 { 
			font-family: 'Nanum Gothic', sans-serif;
			font-size: 13px;
			color: #161616;
			letter-spacing: -1px;
			background-color: #efefef;
			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 .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;}
	
	.news th { 
		height: 36px;
		color: #5b5855;
		background-color: #eeece9;
		font-size: 14px;
		letter-spacing: -1px;}
	
	.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: #bf2c37;}
		
		.news table a:hover,
		.news table a:focus { color: #666; text-decoration: underline;}

		
		
.paging {
	width: 100%%;
	padding: 15px 0px;
	text-align: center;
	background-color: #eeece9;}
	
	.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;
		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: #bf2c37;
		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%;}

/*블로그 이야기*/

.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-family: 'Nanum Gothic', sans-serif; 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;}
	


/*모델하우스*/

.emh .bwrap { position: relative;}

.emh .btn1 {
	width: 30.5%;
	height: 43%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 41%;
	left: 3%}
	
.emh .btn2 {
	width: 30.5%;
	height: 43%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 41%;
	left: 35%}
	
.emh .btn3 {
	width: 30.5%;
	height: 43%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 41%;
	left: 66%}
	

/*특별공급안내문*/

.gui .bwrap { position: relative;}

.gui .btn {
	width: 62%;
	height: 15%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 68%;
	left: 19%;}

.gui3 .bwrap { position: relative;}

.gui3 .btn {
	width: 83%;
	height: 23%;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	left: 9%;}
	
.gui3 .btn_01 { top: 0px;}	
.gui3 .btn_02 { top: 25%;}	
.gui3 .btn_03 { top: 51%;}	
.gui3 .btn_04 { top: 76%;}	

/*카탈로그*/

.cat .bwrap { position: relative;}

.gui .btn {
	width: 47%;
	height: 18%;
	display: block;
	background: url(http://cdn.hobansummit-sp1.co.kr/sp1/mobile/img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 72%;
	left: 47%;}

/*분양일정*/

.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;}
	

/*시스템*/

.plan .bwrap { position: relative;}

.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;}

/*단지조경*/


.lan .tab_wrap li { position: relative; width: 100%; height: 42px; border-bottom: 3px solid #373131;}
.lan .bwrap { position: relative; }

.lan .tab_wrap li {
	width: 49.9%;
	margin-right: 0.2%;
	float: left;
	text-align: center;}
	
.lan .tab_wrap li:last-child { margin-right: 0px;}

	.lan .tab_wrap a { width: auto; border: 3px solid #5c4d4d; border-bottom: none; background-color: #5c4d4d; padding-top: 10px; height: 29px; font-size: 14px; line-height: 20px; color: #fff; text-align: center; font-weight: 400; display: block;}
	.lan .tab_wrap a.on { background-color: #fff; border-color: #373131; height: 32px;  color: #3e3532;}


/*유니트*/


.unit .tab_wrap li { position: relative; width: 100%; height: 42px; border-bottom: 3px solid #373131;}
.unit .bwrap { position: relative; }

.unit .tab_wrap li {
	width: 24.8%;
	margin-bottom: 2px;
	margin-right: 0.2%;
	float: left;
	text-align: center;}
	
/*.unit .tab_wrap li:last-child { margin-right: 0px;}*/

	.unit .tab_wrap a { width: auto; border: 3px solid #5c4d4d; border-bottom: none; background-color: #5c4d4d; padding-top: 10px; height: 29px; font-size: 14px; line-height: 20px; color: #fff; text-align: center; font-weight: 400; display: block;}
	.unit .tab_wrap a.on { background-color: #fff; border-color: #373131; height: 32px;  color: #3e3532;}
	
.unit .btn_01 { top: 0px; left: 0px;}
.unit .btn_02 { top: 0px; right: 0px;}
.unit .btn_03 { bottom: 0px; left: 0px;}
.unit .btn_04 { bottom: 0px; right: 0px;}

/*블로그 이야기*/

.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%;
			font-family: 'Nanum Gothic', sans-serif;
			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 {
	display: block;
	width: 82%;
	height: 19%;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 32%;
	left: 9%}
	
/*.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 a { display: block;}


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 .wrap {
	position: relative;
	widtH: 100%;}
	
	.pr .wrap img { display: block; width: 100%;}
	
	.pr .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%;}