@charset "utf-8";

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


/*프리미엄*/


.pre .bg { width: 100%; height: 530px; background: url("../assets/images/sub/pr_bg.jpg") no-repeat top center #15156e; box-sizing: border-box; font-family: 'NotoKrR';}
.pre h5 { width: 100%; padding: 65px 0px 40px; height: 165px;  position: relative;  font-size: 60px; line-height: 1; text-align: center; color: #fff;}
.pre .wrap { width: 80%; height: 300px; padding: 40px 0px; position: relative; background-color: rgba(255,255,255,.3); max-width: 820px; margin: 0px auto; border-radius: 20px;}
.pre table { width: 60%; margin-left: 10%; margin-bottom: 40px; color: #fff; position: relative;}	
.pre td,
.pre th {  font-weight: 400; padding: 4px 0px; font-size: 16px; }
.pre input[type="radio"] { margin: 0px; position: relative; top: 2px;}
.pre .btn { width: 20%; height: 98px; display: block; position: absolute; top: 42px; left: 70%;  border: 1px solid #40416d; background-color: #b67c2a; color: #fff; font-size: 30px; line-height: 98px; text-align: center; text-shadow: 0 0 2px #62451c; border-radius: 10px; }
.pre .textbar {	width: 98%; height: 44px; padding: 10px 2% 8px; line-height: 20px; font-size: 16px;	border: 1px solid #40416d;	background-color: #fff; color: #222; border-radius: 5px; }
.pre p { width: 80%; padding: 25px 0px 0px; position: relative; font-size: 16px; line-height: 1.6; text-align: center; color: #fff; border-top: 1px solid rgba(255,255,255,.6); margin: 0px auto;}
.pre p span { color: #ffea75}

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


/*청약제도*/


.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: 1200px;	margin: 0px auto;  color: #111; position: relative; font-size: 14px; line-height: 1.4}
.int * { box-sizing: content-box;}

.int .form_wrap { width: 100%;	position: relative;}
.int .form_wrap h5 { 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 .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 #333;
			border-bottom: 1px solid #e5e5ddde5;}
		
		.int .form_box th,
		.int .form_box td { 
			border-bottom: 1px solid #ddd;
			padding: 9px 0px;
			color: #6d6d6d;}
			
		.int .form_box th { 
			font-size: 13px;
			background-color: #eee;;
			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;}
}

.privacy{ margin:30px auto 0; letter-spacing: -0.05em;}
.document{ color:#666; font-size: 12px; line-height:20px; width: 100%;}
.document h2 { line-height: 140%; font-size:18px;}
.document table { border-top: 2px solid #333; width: 100%; margin-top: 8px; margin-bottom: 20px;}
.document tr { border-bottom: 1px solid #ddd; }
.document td {padding: 10px;   }
.document td.b_r { border-right: 1px solid #ddd; text-align: center; }
.document2 td {border-right: 1px solid #ddd; text-align: center;}

.agree { color:#666; line-height: 140%; }
.agree * {font-size:15px;}
.agree h5{display:inline-block;}
.agree table {float:right;}
.agree tr { }
.agree td {color:#666; padding-right: 10px; }
.agree div{background-color:#f5f5f5;padding:20px ;}
.agree1{margin-bottom: 10px;}

.board_btn .bobtn_center li{display:inline-block;float:none !important;text-align:center;margin:0 5px;}
.board_btn .bobtn_center li:nth-child(1) a{color:#fff;background-color:#353535;}
.board_btn .bobtn_center li:nth-child(1) a:hover{background-color:#fff;color:#353535;border:1px solid #353535;box-sizing:border-box;width:160px;}
.board_btn .bobtn_center li:nth-child(2) a{background-color:#fff;color:#353535;border:1px solid #353535}
.board_btn .bobtn_center li:nth-child(2) a:hover{color:#fff;background-color:#353535;}

	
/*언론 PR*/

.news { }
.news * { box-sizing: content-box;}
.news .list_wrap ul { width: 100%; margin-bottom: 40px; padding-top: 45px; padding-bottom: 10px; border-top: 3px solid #000; border-bottom: 1px solid #000;}
.news .list_wrap li { width: 30%; height: 240px; padding: 25px 1%;  float: left; margin-right: 0.5%; margin-left: 0.5%; margin-bottom: 35px; border: 1px solid #e0e0e0; background-color: #fff;}

/*.news .list_wrap li:nth-child(3),.news .list_wrap li:nth-child(6) { margin-right: 0px;}*/
.news .list_wrap li a { display: block; width: 100%; transition: all .3s;}
.news .list_wrap li a:hover { }

.news .media {  margin-bottom: 15px; position: relative; display: inline-block; width: 100%; font-size: 16px; line-height: 18px; font-weight: bold; padding-bottom: 2px; color: #006a8e;}
.news .tit { /*overflow: hidden; text-overflow: ellipsis;	white-space: nowrap;*/ min-height: 78px; display: block;  width: auto; padding: 0px ; margin-bottom: 20px; font-size: 24px; line-height: 26px; color: #000; letter-spacing: -2px;}
.news .comment { font-size: 16px; line-height: 20px;  font-weight: 300; display: block; color: #828282; }

.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-bottom: 50px;
	display: flex;
	flex-flow:row wrap;
}
	
	.tab_wrap li {	flex: 1; position: relative;}
		
		.tab_wrap a {	width: auto; display: block; font-size: 18px; padding: 20px 0; text-align: center;  background-color: #eee; color: #082341; border-bottom: none; transition: all .4s; 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: #082341; color: #fff;  border-color: #082341; transition: all .4s;}

.tab_wrap2 {
	width: 100%;
	margin-bottom: 30px;
	margin-top: -20px;
	display: flex;
	flex-flow:row wrap;
}
	
	.tab_wrap2 li {	flex: 1; position: relative;}
		
		.tab_wrap2 a {	width: auto; display: block; font-size: 16px; padding: 15px 0; text-align: center;  background-color: #eee; color: #BE8A30; border-bottom: none; transition: all .4s; position: relative;}
.tab_wrap2 li::after { width :1px; height: 100%; display: block; position: absolute; top :0px; right: 0px; background: #fff; content: "";}
.tab_wrap2 li:last-child::after { display: none;}
			
		.tab_wrap2 a.on,.tab_wrap2 a:hover { background-color: #BE8A30; color: #fff;  border-color: #BE8A30; transition: all .4s;}