@charset "utf-8";

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


/*프리미엄*/



.pre h5 { width: 100%; padding: 70px 0px 40px; position: relative; background-color: #eaedf4; font-size: 50px; line-height: 1; text-align: center; color: #1f2640;}
.pre .wrap { width: 100%; padding: 40px 0px; position: relative; background-color: #b3a78b;}
.pre table { width: 300px; margin: 0px auto 30px; color: #fff; position: relative; left: -40px;}	
.pre td,
.pre th {  font-weight: 400; padding: 4px 0px; font-size: 13px; }
.pre input[type="radio"] { margin: 0px; position: relative; top: 2px;}
.pre .btn { width: 100px; height: 60px; display: block; position: absolute; top: 42px; left: 50%; margin-left: 130px; border: 1px solid #333; background-color: #042342; color: #fff; font-size: 18px; line-height: 60px; text-align: center; box-shadow: 3px 3px 5px rgba(0,0,0,.2)}
.pre .textbar {	width: 95%; height: 16px; padding: 4px 2% 3px; line-height: 16px; font-size: 12px;	border: 1px solid #cecece;	background-color: #fff;}
.pre p { width: 100%; padding: 40px 0px 70px; position: relative; background-color: #eaedf4; font-size: 15px; line-height: 1.6; text-align: center; color: #1f2640;}

.info_wrap { width: 100%; height: 0%; background-color: rgba(0,0,0,.3); position: fixed; top: 0px; left: 0px; z-index: 111; transition: all .4s; overflow: hidden;}
.info_wrap .comment { width: 90%; position: absolute; top: 43%; left: 5%; font-size: 24px; line-height: 1.2; color: #1e2740; text-align: center; letter-spacing: -1px;}
.infoOn .info_wrap { height: 100%; transition: all .4s;}
.info_wrap .info { width: 603px; position: absolute; top: 50%; left: 50%; margin-left: -301px; margin-top: -200px; opacity: 0;  transition: all .4s;}
.infoOn .info_wrap .info { opacity: 1;  transition: all .4s ease .3s;}
.info_wrap .info a.btn1 { width: 40%; height: 14%; display: block; position: absolute; top: 72%; right: 30%; background: rgba(0,0,0,0)}
.info_wrap .info a.btn2 { width: 10%; height: 15%; display: block; position: absolute; top: 1%; right: 1%; background: rgba(0,0,0,0)}


.pre .btn_01 {
	width: 135px;
	height: 36px;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 664px;
	right: 3px;}

/*시공사 및 브랜드*/

.bra .moiveBox {
	width: 920px;
	height: 518px;
	position: absolute;
	top: 0px;
	left: 90px;
	background-color: #fff;
overflow: hidden;}


/*찾아오시는길*/

.loc .btn_01 {
	width: 100%;
	height: 54px;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	/* top: 265px; */
	left: 858px;
}

	
.loc .btn_02 {
	width: 277px;
	height: 54px;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 114px;
	left: 705px;}

.che .btn_01 {
	display: block;
	width: 258px;
	height: 77px;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
top: 373px;
left: 832px;}
	
/*분양일정*/

.sch .tab_wrap {
	width: 420px;
	height: 29px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 5;}
	
	.sch .tab_wrap li {
		width: 215px;
		float: left;}
		
	.sch .tab_wrap li.list_02 { width: 205px;}
		
		.sch .tab_wrap li a {
			width: 100%;
			height: 29px;
			display: block;
			background: url(../img/parcel/sch_tab_off.gif) no-repeat top left;}
			
		.sch .tab_wrap li a.on { background-image: url(../img/parcel/sch_tab_on.gif);}
			
		.sch .tab_wrap .list_02 a { background-position: -215px 0px;}


.sch .btn {
	display: block;
	height: 102px;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;}

.sch .btn_01 {
	width: 510px;
	top: 240px;
	left: 337px;}

.sch .btn_02 {
	width: 314px;
	top: 238px;
	left: 629px;}

.sch .btn_03 {
	width: 475px;
	top: 511px;
	left: 314px;}
	

/*인터넷 청약*/

.sub .rvbox { position: relative;}

.sub .btn_01 {
	display: block;
	width: 151px;
	height: 60px;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
top: 203px;
left: 224px;}
	
.sub .btn_02 {
	display: block;
	width: 272px;
	height: 25px;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 151px;}
	

	
/*.sub .btn:hover {
	border-bottom: 2px solid #D98325;}
	
.sub .btn_01 { top: 178px; left: 707px;}
.sub .btn_02 { top: 199px; left: 722px; width: 105px;}
.sub .btn_03 { top: 248px; left: 717px;}
.sub .btn_04 { top: 269px; left: 732px; width: 105px;}
.sub .btn_05 { top: 506px; left: 569px; width: 105px;}
.sub .btn_06 { top: 741px; left: 370px; width: 93px;}
.sub .btn_07 { top: 741px; left: 700px; width: 105px;}
.sub .btn_08 { top: 1006px; left: 197px; width: 113px;}
.sub .btn_09 { top: 1006px; left: 378px; width: 103px;}*/


/*입주자 모집공고*/



.occ2 .wrap { position: relative; }
.occ2 .btn_01 { width: 294px; height: 66px; display: block; background: url(../img/common/ir_img.gif) repeat top left; position: absolute; top: 476px; left: 545px;}
.occ2 .btn_02 { width: 294px; height: 66px; display: block; background: url(../img/common/ir_img.gif) repeat top left; position: absolute; top: 476px; left: 847px;}
.occ .rvbox .btn_03 { width: 188px; height: 43px; display: block; background: url(../img/common/ir_img.gif) repeat top left; position: absolute; bottom: 20px; right: 0px;}
.occ .rWrap { position: relative;}
.occ .rWrap .txt2 { display: block; position: absolute; top: -22px; right: 0px; text-align: right; width: 200px;}


/*청약제도*/

.gui .tab_wrap {
	width: 100%;
	height: 48px;
	border-bottom: 2px solid #000;
	margin-bottom: 45px;}
	
	.gui .tab_wrap li {
		width: 228px;
		float: left;}
	.gui .tab_wrap li.list_05,
	.gui .tab_wrap li.list_06{ }
		
		
		.gui .tab_wrap a {	width: auto; height: 33px; display: block; font-size: 16px; line-height: 18px; padding-top: 14px; text-align: center; border: 1px solid #b0624f; background-color: #ca705b; color: #fff; border-bottom: none;}
			
		.gui .tab_wrap a.on { background-color: #fff; color: #000;  border: 2px solid #000; border-bottom:  none; height: 34px; }



.mod .ifWrap { width: 100%; height: 600px; position: relative; overflow: hidden;}
.mod .ifWrap iframe { margin-top: -50px;}
.mod .btn_wrap { width: 100%; height: 120px; background: url("../img/emh/79a_btn.gif") no-repeat 0px 0px #ebe7e4; position: relative;}
.mod2 .btn_wrap { background-image: url("../img/emh/84b_btn.gif");}
.mod .btn_wrap a {width: 195px; height: 46px; display: block; background: url("../img/common/ir_img.gif") repeat 0px 0px; position: absolute; top: 37px;}
.mod .btn_wrap a.btn_01 { left: 514px;}
.mod .btn_wrap a.btn_02 { left: 714px;}
.mod .btn_wrap a.btn_03 { left: 914px;}

.mod .listWrap { widtH: 100%; height: 0%; overflow: hidden;z-index: 10000; position: fixed; top: 0px; left: 0px; background-color: rgba(0,0,0,.4); transition: all .4s;}
.mod .listWrap.viewOn { height: 100%; transition: all .6s;}
.mod .listWrap .wrap { width: 1140px; height: 0px; position: absolute; top: 110px; left: 50%; margin-left: -570px; background-color: #fff; opacity: 0; overflow: hidden;}
.mod .listWrap .wrap.view { opacity:1; z-index: 1; height: 750px; transition: all .4s ease .4s;}
.mod .listWrap .closeBtn { width: 50px; height: 50px; display: block; position: absolute; top: 9px; right: 9px; background: url("../img/common/ir_img.gif") repeat 0px 0px; }
.mod .listWrap .ltit { display: block; margin-bottom: 37px;}
.mod .listWrap .tab_wrap { widtH: 1020px; margin: 0px auto 20px;}
.mod .listWrap .tab_wrap li { widtH: 340px;  float: left;}
.mod .listWrap #item .tab_wrap li {width: 204px;}

.mod .listWrap .tab_box { width: 1020px; height: 480px; overflow-y: scroll; position: relative; margin: 0px auto; }
.mod .listWrap #option .tab_box { height: 560px;}

.mod .listWrap #item  li.list_02 a { background-position: -204px 0px;}
.mod .listWrap #item  li.list_03 a { background-position: -408px 0px;}
.mod .listWrap #item  li.list_04 a { background-position: -612px 0px;}
.mod .listWrap #item  li.list_05 a { background-position: -816px 0px;}

.ctl .btn_01 {
	display: block;
	width: 258px;
	height: 77px;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
top: 383px;
left: 851px;}



.int  { width: auto;	margin: 0px auto; padding: 15px;  color: #333; position: relative; font-size: 14px; line-height: 1.4}
.int h2 { width: 100%; height: 60px; position: relative; margin-bottom: 30px; background: #851012;}
.int h2 .nth2 { vertical-align: top; position: relative; top: 25px;} 
.int h2 .nth3 { display: block; float: left; position: absolute; top: 22px; right: 22px;} 
.int .form_wrap { width: 100%;	position: relative;}
.int .form_wrap h5 { width: 100%; font-size: 16px; line-height: 1; margin-bottom: 10px;}
	
	
.int .clause_box {
	width: 100%;
	margin-bottom: 50px;
	position: relative;}
	
	.int .clause_box div.box {
		width: auto;
		height: auto;
		padding: 20px 15px;
		margin-bottom: 20px;
		border: 1px solid #c1c1c1;
		background-color: #f8f8f8;
		font-size: 12px; 
		color: #5d5d5d;
		line-height: 1.6;}
		
		.int .clause_box div.box strong { font-size: 14px; color: #000; display: block; width: auto; margin-bottom: 5px;}
		.int .clause_box div.box span.n1 { font-size: 13px; padding-left: 10px; font-weight: bold; display: block; width: auto; margin-bottom: 5px;}
		.int .clause_box div.box span.n2 { font-size: 13px; padding-left: 20px; display: block; width: auto; margin-bottom: 3px;}
		
		
	.int .clause_box input { margin: 0px; vertical-align: text-bottom; margin-right: 5px;}
	
	.int .clause_box input.ml_50 { margin-left: 50px;}
	.int .clause_box input.ml_30 { margin-left: 30px;}

		.int .clause_box table { 
			width: 100%;
			margin-bottom: 20px;
			border-top: 3px solid #263d6b;
			border-right: 1px solid #e5e5e5;}
		
		.int .clause_box th,
		.int .clause_box td { 
			border-left: 1px solid #e5e5e5;
			border-bottom: 1px solid #e5e5e5;
			padding: 9px 0px;
			color: #6d6d6d; text-align: center;}
			
		.int .clause_box th { 
			font-size: 13px;
			background-color: #f0f4f6;;
			font-weight: 400;
			color: #111;}
	
	.int .clause_box .rBox { width: 100%;  font-size: 13px;text-align: center;}
	
	.int .clause_box .rBox strong { display: block; margin-bottom: 10px;}
	
	.int .clause_box .rBox img { vertical-align: middle;}
	
	.int .clause_box .ck_wrap {
		width: 100%;
		position: relative;
		color: #232323;}
		
		.int .clause_box .ck_wrap input { margin: 0px 3px 0px 10px; position: relative; top: -1px;}
		
	
	
	.int .form_box {
		width: 100%;}
		
		.int .form_box table { 
			width: 100%;
			margin-bottom: 20px;
			border-top: 3px solid #263d6b;
			border-bottom: 1px solid #e5e5e5;}
		
		.int .form_box th,
		.int .form_box td { 
			border-bottom: 1px solid #e5e5e5;
			padding: 9px 0px;
			color: #6d6d6d;}
			
		.int .form_box th { 
			font-size: 13px;
			background-color: #f0f4f6;;
			font-weight: 400;
			color: #111;}

.int .form_box th span { color: #B12729; position: relative; top: 2px; padding-right: 5px;}
			
		.int .form_box th img { margin-right: 10px; margin-left: 10px;}
			
		.int .form_box td { padding-left: 20px; background-color: #fff;}
			
		.int .form_box th.pdn { padding-left: 10px; background-position: 0px 19px;}
		
		.int .form_box th.bdn,
		.int .form_box td.bdn { border-bottom: 1px solid #a89e93;}
		
		.int .form_box .textbar {
			width: 75px;
			height: 16px;
			padding: 4px 5px 3px;
			line-height: 16px;
			font-size: 12px;
			border: none;
			border: 1px solid #cecece;
			background-color: #fff;}

.int .form_box select { height: 24px; border: 1px solid #cecece;}
			
		.int .form_box .w_100p { width: 1128px;}
		.int .form_box .w_25 { width: 25px;}
		.int .form_box .w_45 { width: 85px;}
		.int .form_box .w_80 { width: 80px;}
		.int .form_box .w_90 { width: 90px;}
		.int .form_box .w_100 { width: 100px;}
		.int .form_box .w_240 { width: 40%;}
		.int .form_box .w_210 { width: 250px;}
		.int .form_box .w_250 { width: 80%;}
		
		.int .form_box input[type="radio"] { margin: 0px; position: relative; top: 2px;}
		
		.int .form_box input[type="radio"].ml_10 { margin-left: 10px;}
		.int .form_box input.ml_20 { margin-left: 20px;}
		.int .form_box input.ml_30 { margin-left: 30px;}
		
		.int .form_box a img { vertical-align: top;}
		
.int .r_wrap { margin-bottom: 15px;}		
.int .r_wrap span { float: right; width: 150px; text-align: right; display: block;}

.int .form_wrap .btn_wrap {
	width: 100%;
	text-align: center;}
	
	.int .form_wrap .btn_wrap a { width: 120px; height: 50px; display: inline-block; text-align: center; font-size: 16px; line-height: 50px; color: #fff; border-radius: 6px; background: #263d6b;}
.int .form_wrap .btn_wrap a:nth-child(2) {background: #727272;}

.int h4 { font-size: 24px; line-height: 1; margin-bottom: 30px;}
.int dl { width: 100%; position: relative; margin-bottom: 20px;}
.int dt { width: 100%; position: relative; margin-bottom: 15px; font-size: 16px; line-height: 1.4; font-weight: bold;}
.int dd { width: 96%; padding: 0px 2%; position: relative; margin-bottom: 10px; font-size: 14px; line-height: 1.4;}

@media all and (max-width: 400px){
.int .form_box .textbar{ width: 50px;}
	.int .form_box th { font-size: 12px;}
}
	
/*언론 PR*/


.paging_wrap {
	width: 100%;
	text-align: center;
	margin: 0px auto;}
	
	.paging_wrap a { display: inline-block; vertical-align: middle; color: #969696;}
	
		.paging_wrap img { vertical-align: text-bottom;}
		
	.paging_wrap .num {
		width: 28px;
		height: 28px;
		line-height: 28px;
		text-align: center;
		border: 1px solid #fff;}
		
	.paging_wrap .on,
	.paging_wrap .num:hover,
	.paging_wrap .num:focus {
		font-weight: bold;
		color: #a48266;
		border: 1px solid #a48266;
		letter-spacing: -1px;}
		
	.paging_wrap .num.fs { background: none;}
		
	.paging_wrap .p_btn { margin-right: 40px;}
	.paging_wrap .n_btn { margin-left: 40px;}



.tab_wrap {
	width: 100%;
	margin: 0px auto 30px;
	display: flex;
	flex-flow:row wrap;
}
	
	.tab_wrap li {	flex: 1; position: relative; margin-bottom: 1px;}
		
		.tab_wrap a {	width: auto; display: block; font-size: 14px; padding: 15px 0; text-align: center;  background-color: #f2f5f5; color: #074f51; border-bottom: none;  position: relative;}
.tab_wrap li::after { width :1px; height: 100%; display: block; position: absolute; top :0px; right: 0px; background: #fff; content: "";}
.tab_wrap li:last-child::after { display: none;}
			
		.tab_wrap a.on,.tab_wrap a:hover { background-color: #074f51; color: #fff;  }

.tab {
	width: 100%;
	margin: 0px auto 30px;
	display: flex;
	flex-flow:row wrap;
}
	
	.tab li {	flex: 1; position: relative; margin-bottom: 1px;}
		
		.tab a {	width: auto; display: block; font-size: 14px; padding: 15px 0; text-align: center;  background-color: #f2f5f5; color: #074f51; border-bottom: none;  position: relative;}
.tab li::after { width :1px; height: 100%; display: block; position: absolute; top :0px; right: 0px; background: #fff; content: "";}
.tab li:last-child::after { display: none;}
			
		.tab a.on,.tab a:hover { background-color: #074f51; color: #fff;  }


.prTab_wrap {
	width: 100%;
	margin: 0px auto 30px;
	display: flex;
	flex-flow:row wrap;
}
	
	.prTab_wrap li {	flex: 1; position: relative; margin-bottom: 1px;}
		
		.prTab_wrap a {	width: auto; display: block; font-size: 14px; padding: 15px 0; text-align: center;  background-color: #f2f5f5; color: #074f51; border-bottom: none;  position: relative;}
.prTab_wrap li::after { width :1px; height: 100%; display: block; position: absolute; top :0px; right: 0px; background: #fff; content: "";}
.prTab_wrap li:last-child::after { display: none;}
			
		.prTab_wrap a.on,.prTab_wrap a:hover { background-color: #074f51; color: #fff;  }