@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-bottom: 30px;
	display: flex;
	flex-flow:row wrap;
}
	
	.tab_wrap li {	flex:auto 1; position: relative;}
		
		.tab_wrap a {	width: auto; display: block; font-size: 14px; padding: 15px 0; text-align: center; border: 1px solid #e8e8f2; background-color: #eee; color: #064547; 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: #064547; color: #fff;  border-color: #064547; transition: all .4s;}

.tab {
	width: 100%;
	margin-bottom: 30px;
	display: flex;
	flex-flow:row wrap;
}
	
	.tab li {	flex:auto 1; position: relative;}
		
		.tab a {	width: auto; display: block; font-size: 14px; padding: 15px 0; text-align: center; border: 1px solid #e8e8f2; background-color: #eee; color: #064547; border-bottom: none; transition: all .4s; 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: #064547; color: #fff;  border-color: #064547; transition: all .4s;}


.prTab_wrap {
	width: 100%;
	margin-bottom: 30px;
	display: flex;
	flex-flow:row wrap;
}
	
	.prTab_wrap li {	flex:auto 1; position: relative;}
		
		.prTab_wrap a {	width: auto; display: block; font-size: 14px; padding: 15px 0; text-align: center; border: 1px solid #e8e8f2; background-color: #eee; color: #064547; border-bottom: none; transition: all .4s; 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: #064547; color: #fff;  border-color: #064547; transition: all .4s;}


			/* section :: common */
			.point{color:#005151;}
			.break{display:block;} /* 단어 break class (웹 show / 모바일 hidden) */

			.section{margin-bottom:80px;}
			.section:last-child, 
			.section.last{margin-bottom:0 !important;} /* 마지막 section에 last 추가 */
			.section.bg{padding:50px; margin-bottom:0; background-color:#f2f2f2; text-align:center;} /* bg가 있을 경우 bg 추가 */
			.section.bg .img_bg{height:1113px; min-height:100%; background-color:#fff;}
			.section.bg .img_bg .share_btn{display:block; width:310px; padding:15px; margin:30px auto 0; background-color:#005151; font-size:20px; font-weight:500; color:#fff; border-radius:50px; box-sizing:border-box; letter-spacing:-1.5px;}

			.section .sec_inner{margin-bottom:80px;}
			.section .sec_inner.last{margin-bottom:0 !important;} /* 마지막 sec_inner에 last 추가 */

			.section .bdr_box{position:relative; padding:50px 60px; border:15px solid #f4f4f4;}
			.section .bdr_box2{overflow:hidden; width:100%; padding:65px 0 70px; margin-bottom:40px; border:1px solid #ccc; box-sizing:border-box; text-align:center;} 
			.section .bdr_box2.last{margin-bottom:0 !important;} /* 마지막 bdr_box2에 last 추가 */

			.section .bg_box{padding:40px; background-color:#f1f1f1;} /* bg 있는 box */

			.section .web_img{display:block;} /* 웹, 모바일 image가 다를 때, 적용 */
			.section .mobile_img{display:none;} /* 웹, 모바일 image가 다를 때, 적용 */

			.section .img_area{margin-bottom:30px;}

			.section .video_area{overflow:hidden; position:relative; width:100%; padding-top:56.25%; background-color:#000;} /* video 들어간 페이지 공통 */
			.section .video_area .video{position:absolute; left:0; top:0; width:100%; height:100%;}

			/* section :: bottom desc_area - 하단 주석 */ 
			.desc_area{padding-top:30px;}
			.desc_area li{padding-left:16px; margin-bottom:4px; line-height:1.6; text-indent:-16px; font-size:11px; color:#a0a0a0;}
			.desc_area li:before{content:"\203B"; margin-right:3px;}
			.desc_area li:last-child{margin-bottom:0;}

			/* section :: bottom desc_wrap - 하단 주석에 버튼 있을 경우 ::인테리어,e-모델하우스 */
			.desc_wrap{position:relative; padding-top:30px;}
			.desc_wrap .desc_area{padding-top:0;}
			.desc_wrap .btn_wrap{position:absolute; right:0; top:30px;}

			/* section :: box_wrap - icon 있는 list 공통 */
			.section .box_wrap{padding:20px 50px; background-color:#f7f7f7; border-bottom:8px solid #a2aaad;}
			.section .box_wrap li{position:relative; padding:30px 0 30px 145px; min-height:160px; border-bottom:1px dotted #000; box-sizing:border-box;}
			.section .box_wrap li:last-child{padding-bottom:0; margin-bottom:0; border-bottom:none;}
			.section .box_wrap li dl{position:relative; padding-left:330px; padding-top:21px;}
			.section .box_wrap li dt{position:absolute; left:0; top:0; width:320px; padding-top:22px; font-size:28px; color:#333; line-height:1.2; font-weight:400; letter-spacing:-2px;}
			.section .box_wrap li dd{position:relative; padding-left:14px; font-weight:400; color:#5a5a5a;}
			.section .box_wrap li dd:before{content:""; position:absolute; left:0; top:12px; width:4px; height:4px; background-color:#c1a695; border-radius:100%;}
			.section .box_wrap li:before{content:""; display:block; position:absolute; left:0; top:0; width:111px; height:100%; background-position:0 50%; background-repeat:no-repeat;}

			/* section :: box_wrap > line2개일 경우 */
			.section .box_wrap.line2 li dl{padding-left:406px;}
			.section .box_wrap.line2 li dt{width:346px; margin-right:60px; font-size:22px;}

			/* common_list */
			.common_list li{overflow:hidden; position:relative; margin-bottom:10px; font-size:18px; font-weight:400;}
			.common_list li:last-child{margin-bottom:0;}
			.common_list li .tit,
			.common_list li .cont{display:inline-block; vertical-align:top;}
			.common_list li .tit{width:95px; font-weight:500; color:#005151;}
			.common_list li .cont{max-width:calc( 100% - 100px );}

			/* common_list.type01 */
			.common_list.type01 li{padding-left:14px;}
			.common_list.type01 li em{font-weight:500;}
			.common_list.type01 li:before{content:""; position: absolute; top:12px; left:0; width:4px; height:4px; background:#005151; border-radius:100%}

			/* table :: basic_table */
			.basic_table th,
			.basic_table tbody td{padding:0 10px; height:70px; border-top:1px solid #fff; border-right:1px solid #fff; font-size:18px; font-weight:400;}
			.basic_table th{background-color:#c2c2c2; }
			.basic_table tbody td{text-align:center; background-color:#f2f2f2; color:#333232;}
			.basic_table tbody td:last-child{border-right:0;}
			.basic_table tbody td.type{background-color:#c2c2c2;}
			.basic_table tbody td.type01{background-color:#eaa68a;}
			.basic_table tbody td.type02{background-color:#91b4d2;}
			.basic_table tbody td.type03{background-color:#9dc9af;}
			.basic_table tbody td.type04{background-color:#eabb5f;}
			.basic_table tbody td.type05{background-color:#ebb3c5;}
			.basic_table tbody td.type06{background-color:#72bfce;}
			.basic_table tbody td.type07{background-color:#cacb93;}
			.basic_table tbody td.type08{background-color:#aad1be;}
			.basic_table tbody td.type09{background-color:#93c6e4;}
			.basic_table tbody td.type10{background-color:#c2c2c2;}
			.basic_table.mobile{display:none;}


			/* btn_wrap */
			.btn_wrap{font-size:0; text-align:right;}
			.btn_wrap.top{margin-bottom:30px;}
			.btn_wrap a{margin-left:5px;}
			.btn_wrap a:first-child{margin-left:0;}

			/* Img Zoom common */
			.zoom_real_img{display:none;}
			.img_zoom{position:relative; width:1100px; margin:0 auto 40px;}
			.img_zoom img.zoom_img{display:block; width:100%; height:100%;}
			.img_zoom .magnifier{display:none; position:absolute; width:400px; height:400px; border-radius:100%; box-shadow:0 0 0 12px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25); box-sizing:border-box;}

			/* product :: premium */
.premium {font-family: 'NotoKrM';}
			.premium .contents{width:100%;}
			.premium .cont_tit {width:1100px; margin:0 auto 80px; text-align:center;}
			.premium .cont_tit h3{margin-bottom:20px; color:#005151; font-size:45px; font-weight:500; line-height:1.2;} 
			.premium .cont_tit h4 {position:relative; padding-bottom:28px; margin-bottom:28px; font-size:20px; line-height:1.1;color:#000; }
			.premium .cont_tit h4:after {position:absolute; bottom:0; left:50%; width:25px; height:2px; margin-left:-12.5px; background-color:#ccc; content:'';}
			.premium .cont_tit p{font-size:13px; line-height:1.6; color:#000; }  
			.premium .top_img img{margin:0 auto;}
			.premium .top_img,
			.premium .full_img{margin-bottom:80px;}
			.premium .premium_cont{overflow:hidden; width:100%; padding:50px 0;}
			.premium .premium_cont.bg{background-color:#f2f2ef;}
			.premium .tab_cont .inner{width:1100px; margin:0 auto;}
			.premium .premium_tab1 {overflow:hidden; width:100%;}
			.premium .premium_tab1 .top_text h4 {position:relative; padding-bottom:50px; margin-bottom:50px; font-size:36px; color:#000; font-weight:500; line-height:1.2; letter-spacing:-2px; /* word-break:keep-all; word-wrap:break-word; */}
			.premium .premium_tab1 .top_text h4:after {position:absolute; bottom:0; left:0; width:25px; height:2px; background-color:#cccccc; content:'';}
			.premium .premium_tab1 .top_text h4 span{display:block; margin-bottom:10px; font-size:25px; color:#005151;}
			.premium .premium_tab1 dl dt {line-height:1.2; margin-bottom:20px; font-weight:500;}
			.premium .premium_tab1 dl dd {line-height:1.6; font-weight:300;}
			.premium .premium_tab1 .left_img {float:left;}
			.premium .premium_tab1 .right_img {float:right;}
			.premium .premium_tab1 .right_text {float:left; width:520px; padding:68px 0 54px 80px;}
			.premium .premium_tab1 .left_text {float:left; width:435px; padding:70px 85px 52px 80px;}
			.premium .cont_box.dual .cont{display:table;}
			.premium .cont_box.dual .cont .cont_txt, 
			.premium .cont_box.dual .cont .cont_img{display:table-cell; vertical-align:middle; width:50%; box-sizing:border-box;}
			.premium .cont_box.dual .cont .cont_txt{padding:0 80px;}
			.premium .cont_box.dual .cont_txt h4 {margin-bottom:30px; font-weight:500; font-size:36px; line-height:1.2; color: #005151;}
			.premium .cont_box.dual .cont.cont4 .cont_txt h4 {letter-spacing:-1px;}
			.premium .cont_box.dual .cont_txt h4 span{display:block; font-size:26px; line-height:1.2;}
			.premium .cont_box.dual .cont_txt li {position:relative; padding-left:15px; color:#666666;}
			.premium .cont_box.dual .cont_txt li:before {position:absolute; left:0; top:7px; width:4px; height:4px; background-color:#c1a695; border-radius:10px; content:'';}
			.premium .premium_cont.premium_cont4{padding-bottom:0;}
			.premium .desc_area{margin-top:80px; padding-top:40px; border-top:1px solid #d5d5d5;}
			@media (max-width: 1024px) {
				.contents{width:100%; padding-left:25px; padding-right:25px;}
				/*.footer{padding:0 25px; box-sizing:border-box;}*/
				.img_zoom{width:100%;}
				.break{display:none;}


				.desc_wrap .desc_area{padding-top:70px;}
				
				.section .box_wrap li dl,
				.section .box_wrap.line2 li dl{padding:0;}
				.section .box_wrap li dt,
				.section .box_wrap.line2 li dt{position:static; width:100%; margin-right:0; margin-bottom:10px; padding:0; font-size:24px;}
				.section .box_wrap.line2 li dt{font-size:24px;}

				/* product :: premium */
				.premium .contents{padding:0 0 75px;}
				.premium .cont_tit{width:100%;}
				.premium .tab_cont .inner{width:100%;}
				.premium .premium_tab1 .left_img,
				.premium .premium_tab1 .right_img,
				.premium .premium_tab1 .left_text,
				.premium .premium_tab1 .right_text{width:50%;}
				.premium .premium_tab1 .right_text, 
				.premium .premium_tab1 .left_text{padding:60px 20px; box-sizing:border-box;}
				
				/* space */
				.space .unit_box .unit_pop .popup{width:700px;}
				.space .unit_box{overflow: visible; height:auto;}
				.space .unit_box .unit_inner{overflow:visible; height:auto;}
				.space .unit_box .unit_inner > div{float:none; width:100% !important; height:auto;}
				.space .unit_box .info_wrap > div{width:50% !important;}
				.space .unit_box .info_wrap .info_img:before{display:none;}

				/* interior */
				.interior .inter_box .box_inner{width:100% !important;}
				
				.model .txt_box {padding-top:30px;}
				.interior .txt_box .btn_wrap,
				.model .txt_box .btn_wrap{position: static; right:auto; top:auto;}
				
				.pr .section h3{line-height:1.3;}

				/* survey */
				.survey .infomation table .gender li, .survey .infomation table .age li{width:16%;}
			}

			@media (max-width: 768px) {
				#wrap.sub #container{padding-top:40px;}
				#container .page_tit{padding:0 25px; margin-bottom:25px;}
				#container .page_tit.type01{margin-bottom:40px;}
				#container .page_tit.type01 h2{margin-bottom:25px;}
				.contents{padding:0 0 75px;}
				.contents .section{margin-bottom:40px;}
				.contents .section.bg{padding:5px;}
				.section .bdr_box{padding:30px;}
				.basic_table{display:none;}
				.basic_table.mobile{display:table;}
				.basic_table.mobile th, .basic_table.mobile tbody td{font-size:14px; height:45px;}
				.img_area .zoom_real_img{display:block;}
				.img_zoom img.zoom_img{display:none;}

				.section .img_area{margin-bottom:25px;}

				.desc_wrap, 
				.desc_wrap .desc_area{padding-top:25px;}
				.desc_wrap .btn_wrap{position:static; left:auto; right:auto; top:auto; margin-bottom:15px;}

				.section.bg .img_bg{height:100%; padding-bottom:5%;}
				.section.bg .img_bg .share_btn{width:50%; margin:15px auto 0; padding:7px; font-size:13px;}


				/* info :: environment */
				.location .notice_box{padding:30px;}

				.environment .img_zoom{margin-bottom:20px;}
				.environment .section h3{font-size:15px;}

				/* product :: premium */
				.premium .cont_tit{width:100%; padding:0 25px; box-sizing:border-box;}
				.premium .tab_wrap{margin-bottom:40px;}
				.premium .premium_cont{padding:25px 0;}
				.premium .premium_tab1 .right_text, .premium .premium_tab1 .left_text{padding:43px 20px;}
				.premium .premium_tab1 .right_img,
				.premium .premium_tab1 .left_text,
				.premium .premium_tab1 .right_text{width:50%;}
				.premium .premium_tab1 .right_text, 
				.premium .premium_tab1 .left_text{padding:60px 20px; box-sizing:border-box;}
				.premium .premium_tab1 .top_text h4{font-size:30px; margin-bottom:25px; padding-bottom:25px;}
				.premium .premium_tab1 .top_text h4 span{font-size:20px;}
				.premium .premium_tab1 dl dt{margin-bottom:10px;}
				.premium .premium_tab1 dl dd{font-size:14px;}
				.premium .cont_box.dual .cont .cont_txt{padding:0 40px;}
				.premium .cont_box.dual .cont_txt h4{font-size:26px; margin-bottom:15px;}
				.premium .cont_box.dual .cont_txt p,
				.premium .cont_box.dual .cont_txt li{font-size:14px; line-height: 1.4}

				.premium .desc_area{margin:80px 25px 0;}

				/* space */
				.space .unit_box .type_wrap{padding:60px 4%;}    
					
				/* model - displaying-item, finishing_materials */
				.model_view .contents{width:100%;}
				.model_view .title{padding-top:29%; height:auto; background-size:100%; margin-bottom:10px;}
				.model_view .tab{position:static; left:0; top:0; width:100%; padding:0 2.4%; box-sizing:border-box;}
				.model_view .tab li{width:32%; margin-left:2%;}
				.model_view .tab li a{font-size:12px;}        

				/* interior */
				.interior .contents{padding:0 25px 75px;}
				.interior .inter_box.num05 .box_inner .img_box{display:block;}
				.interior .inter_box.num05 .box_inner .img_box.left{margin-bottom:20px;}
				.interior .inter_box.num05 .box_inner .img_box.left, .interior .inter_box.num05 .box_inner .img_box.right{width:100%; height:100%; margin-left:0;}

				.pr .section p {font-size:18px;}
				/* Survey : Registration */
				.survey .page_tit .desc{font-size:18px;}
				.survey .page_tit .desc .web_block{display:inline;}
				/* Survey */
				.survey .survey_bg {padding:27px; margin-bottom:40px;}
				.survey .survey_wrap{width:100%; font-size:14px;}
				.survey .survey_wrap > ol > li{margin-bottom:30px; font-size:17px;}
				.survey .survey_wrap > ol > li .q_tit{padding-left:0; text-indent:0;}
				.survey .survey_wrap > ol > li .num{font-size:35px;}
				.survey .survey_wrap > ol > li .qList_inner{padding-top:15px; padding-left:1px; margin-left:0;}
				.survey .survey_wrap > ol > li table{width:100%;}
				.survey .survey_wrap > ol > li table th{padding:10px 7px;}
				.survey .survey_wrap > ol > li table td{padding:10px 7px;}
				.survey .survey_wrap .type1 li{margin-bottom:5px;}
				.survey .survey_wrap .type2 li{float:none !important; margin-top:5px; margin-right:0 !important;}
				.survey .survey_wrap .type2 li:first-child{margin-top:0;}
				.survey .survey_wrap .type3 .qList_inner_box{width:100%; box-sizing:border-box;}
				.survey .survey_wrap .type3 .qList_inner_box .txt1{font-size:16px;}
				.survey .survey_wrap .type3 .qList_inner_box dd{font-size:14px;}
				.survey .survey_wrap .type3 .first{padding-left:1px;}
				.survey .survey_wrap .type3 li, .survey_wrap .type3 .first li{width:100%;}
				.survey .survey_wrap .type3 li:first-child, .survey .survey_wrap .type3 li:nth-child(2){margin-bottom:5px;}
				.survey .survey_wrap .type4 li{margin-bottom:5px;}
				.survey .survey_wrap .type4 .table2 .option li{width:100%; margin-right:0;}
				.survey .survey_wrap .type4 .table2 .option li input[type="text"]{width:150px;}
				.survey .survey_wrap > ol > li input[type=text] {width:70px;}
				.survey .survey_wrap .type4 .table2 .option02{margin-left:0; line-height:34px;}
				/* Registration */
				.survey .info_area{width:100%; margin-top:30px;}
				.survey .info_area h3{margin-bottom:5%; font-size:17px;}
				.survey .info_area .agreement{margin-bottom:40px;}
				.survey .agreement_inner{max-height:150px; padding:20px 15px;}
				.survey .agreement_inner.last{height:auto;}
				.survey .agree_txt{float:none; width:100%;}
				.survey .input_area{float:none; width:100%;}
				.survey .agree_txt .txt1{display:block; margin-right:0; margin-bottom:5px; font-size:15px;}
				.survey .input_area .input1{display:block; margin-right:0; margin-bottom:5px; font-size:15px;}
				.survey .infomation table th{padding:8px 3%; font-size:14px; letter-spacing:-2px;}
				.survey .infomation table .gender li, .survey .infomation table .age li{width:50%; margin-bottom:5px; padding-left:1px; box-sizing:border-box;}
				.survey .infomation li:last-child{margin-bottom:0;}
				.survey .infomation table select{width:31%; padding:4px 2%; box-sizing:border-box; font-size:12px; background:#fff;}
				.survey .infomation table .phone input{width:27%;}
				.survey .infomation table input[type=text]{padding:4px 2%; box-sizing:border-box; font-size:13px;}
				.survey .w65{width:30%;}
				.survey .infomation table input[type=text].w165{width:45%;}
				.survey .infomation table td a.btn{width:50%; margin-left:1%;}
				.survey .w400{width:100%;}

				/* event */
				#wrap.event #container{padding-top:0;}
				.event .tit_area{padding:80px 0 35px; margin-bottom:25px; border-bottom:1px solid #ddd;}
				.event .tit_area h2{font-size:25px;}
				.event dl{margin-bottom:30px; margin-left:0;}
				.event dt{padding:2px 20px; margin-bottom:10px;}
				.event dd{margin-left:0; text-align:center;}
				
				.event .event_notice{margin-bottom:35px;}
				.event .notice_tit{padding:15px; margin-bottom:25px; font-size:16px;}

			}

			@media (max-width: 750px) {
				#container .page_tit h2 {font-size:25px; line-height:1.2;}
				.contents .section .sec_inner{ margin-bottom:40px;}



				/* tab - column (3개) */
				/* .tab_wrap li{width:33.3% !important; margin-bottom:6px;} */


				/* tab4 - column (2개) */
				/* product :: premium */
				.premium .cont_tit {margin-bottom:40px;}
				.premium .cont_tit h3{margin-bottom:14px; font-size:20px;}
				.premium .cont_tit h4{margin-bottom:15px; padding-bottom:13px;}
				.premium .cont_tit p {padding:0 1%; letter-spacing:-.65px;}
				.premium .premium_tab1 .top_text h4{font-size:16px; margin-bottom:13px; padding-bottom:13px;}
				.premium .premium_tab1 .top_text h4 span.nth1{font-size:24px; margin-bottom:15px;}
				.premium .premium_tab1 .top_text h4 span.nth2{font-size:12px; margin-bottom:5px; color: #000}
				.premium .premium_tab1 dl dt{font-size:14px; color: #000; font-weight: bold;}
				.premium .premium_tab1 dl dd{font-size:14px;}
				.premium .premium_cont{padding:40px 25px; box-sizing:border-box;}
				.premium .premium_tab1 .left_img, .premium .premium_tab1 .right_img, .premium .premium_tab1 .left_text, .premium .premium_tab1 .right_text{float:none; width:100%;}
				.premium .premium_tab1 .right_text, .premium .premium_tab1 .left_text{padding:30px; background-color:#fff;}
				.premium .top_img,
				.premium .full_img{margin-bottom:40px;}
				.premium .top_img{padding:0 25px;}
				.premium .cont_box.dual .cont{display:block; padding:0 25px;}
				.premium .cont_box.dual .cont:nth-child(2n){padding:0 25px 30px 25px; margin-bottom:30px; background-color:#f2f2ef;}
				.premium .cont_box.dual .cont .cont_txt, 
				.premium .cont_box.dual .cont .cont_img{display:block; width:100%; height:auto;}
				.premium .cont_box.dual .cont .cont_txt{padding:30px 0 40px;}
				.premium .cont_box.dual .cont_txt h4{font-size:16px; margin-bottom:15px;}
				.premium .cont_box.dual .cont_txt h4 span{display:inline-block; font-size:16px;}
				.premium .desc_area{margin:0 25px; padding-top:25px;}
				
			}

		.premium .tab_wrap li{ flex: 50%; margin-bottom: 1px;}		

.ori li { margin-bottom: 5px;}