@charset "UTF-8";



.business_tlt01		{font-size:22px; color:#333; font-weight:400; line-height:1.6; margin-top:50px;}
.business_tlt01 span	{font-weight:600; color:#daa23f}

.business_tlt02		{font-size:42px; color:#37234d; font-weight:300; padding-top:20px; padding-bottom:50px; line-height:1.4; }
.business_tlt02 span	{font-weight:600}



.business_table	{margin-top:30px; border-top:2px solid #37234d}
.business_table	table	{}
.business_table	table	th {font-size:14px; color:#000; background-color:#f8f8f8}
.business_table	table	td	{font-size:14px; color:#444; text-align:left }


.location_cont		{background:url('../img/location_bg.jpg') repeat  0 0; position:relative}
.location_cont	.location_cont_text		{padding:60px 0 0 60px; text-align:left}
.location_cont	.location_cont_text  .text1		{font-size:28px; color:#000}
.location_cont	.location_cont_text  .text2		{font-size:52px; color:#37234d; font-weight:300; line-height:1.2; padding-top:25px;}
.location_cont	.location_cont_text  .text2	span	{ font-weight:600; }

.location_cont	.img1		{position:absolute; top:50px; right:30px;}
.location_cont	.img2		{position:absolute; bottom:50px; left:50px;}




.img_zoom{position:relative; top: 0px; left: 0px; width:100%; 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 10px #37234d, 0 0 3px 3px rgba(0, 0, 0, 0.5); box-sizing:border-box;}



.ex	{text-align:left; font-size:12px; background-color:#f5f5f5; line-height:1.6; padding:20px 25px; margin-top:50px;}


.map_cont		{position:relative}
.map_cont	a	{display:block; text-indent:-9999999999px;}
.map_cont	a.naver_map	{position:absolute; bottom:43px; right:390px; border:0px solid red; width:157px; height:40px;}
.map_cont	a.kakao_map	{position:absolute; bottom:43px; right:225px; border:0px solid red; width:157px; height:40px;}
.map_cont	a.tmap_map	{position:absolute; bottom:43px; right:63px; border:0px solid red; width:157px; height:40px;}


ul.site_link		{overflow:hidden; width:60%; margin:80px auto 50px auto; }
ul.site_link	li	{border:1px solid #37234d; width:48%; margin:0 1%; float:left; border-radius:50px;}
ul.site_link	li a.brand_gwell		{height:60px; display:block; background:#fff url("../img/footer_logo1.png") no-repeat center 10px;  border-radius:50px;}
ul.site_link	li a.brand_gwell:hover		{background:#37234d url("../img/footer_logo1_w.png") no-repeat center 10px}

ul.site_link	li a.brand_db		{height:60px; display:block; background:#fff url("../img/footer_logo2.png") no-repeat center 10px;  border-radius:50px;}
ul.site_link	li a.brand_db:hover		{background:#091262 url("../img/footer_logo2_w.png") no-repeat center 10px}

.movie_img img { margin-top: 40px; }
.movie_tit { margin-top: 40px; font-size: 20px; color: #333; }
.movie_tit span { font-weight: bold; }


@media all and (max-width:1200px) {

.mo_map_cont	a {display:block;  width:100%;  max-width:600px; margin:5px auto; padding:8px 0; border-radius:10px;}
.mo_map_cont	a img	{height:30px;}

.mo_map_cont	a.naver_btn	{background-color:#06be34}
.mo_map_cont	a.kakao_btn	{background-color:#fae100}
.mo_map_cont	a.tmap_btn	{border:2px solid #fe1e06}







}


@media all and (max-width:780px) {

.business_tlt01		{font-size:20px; color:#333; font-weight:400; line-height:1.6; margin-top:50px;}
.business_tlt01 span	{font-weight:600; color:#daa23f}

.business_tlt02		{font-size:36px; color:#37234d; font-weight:300; padding-top:20px; padding-bottom:50px; line-height:1.2; }
.business_tlt02 span	{font-weight:600}


.business_table	{margin-top:30px; border-top:2px solid #291d4e}
.business_table	table	{}
.business_table	table	th {font-size:13px; color:#000; background-color:#f8f8f8; padding:5px}
.business_table	table	td	{font-size:13px; color:#444; text-align:left; padding:5px 10px; line-height:1.4 }



.location_cont	.location_cont_text		{padding:50px 0 30px 30px; text-align:left}
.location_cont	.location_cont_text  .text1		{font-size:20px; color:#000}
.location_cont	.location_cont_text  .text2		{font-size:30px; color:#291d4e; font-weight:300; line-height:1.2; padding-top:15px;}
.location_cont	.location_cont_text  .text2	span	{ font-weight:600; }



ul.site_link		{overflow:hidden; width:80%; margin:30px auto 20px auto; }
ul.site_link	li	{border:1px solid #37234d; width:48%; margin:0 1%; float:left; border-radius:30px;}



ul.site_link	li a.brand_gwell		{height:40px; display:block; background:#fff url("../img/footer_logo1.png") no-repeat center 5px;  border-radius:30px; background-size:70px auto}
ul.site_link	li a.brand_gwell:hover		{background:#37234d url("../img/footer_logo1_w.png") no-repeat center 5px; background-size:70px auto}

ul.site_link	li a.brand_db		{height:40px; display:block; background:#fff url("../img/footer_logo2.png") no-repeat center 5px;  border-radius:30px; background-size:70px auto}
ul.site_link	li a.brand_db:hover		{background:#091262 url("../img/footer_logo2_w.png") no-repeat center 5px; background-size:70px auto}


}


.movie_tab		{overflow:hidden; width:100%; padding:20px 0 50px 0;}
.movie_tab	ul	{overflow:hidden; width:100%;}
.movie_tab	ul	li	{width:33%; float:left; margin-right:0.5%; margin-bottom:5px}
.movie_tab	ul	li:nth-child(3n)	{margin-right:0; }
.movie_tab	ul	li a	{display:block; width:100%; line-height:50px; font-size:16px; color:#333; background-color:#eee}
.movie_tab	ul	li a:hover	{background-color:#291d4e; color:#fff}
.movie_tab	ul	li a.over	{background-color:#291d4e; color:#fff}


.film {position: relative;	width: 100%;		padding-bottom: 56.25%;		height: 0;	z-index: 999;margin-bottom: 50px;	}
.film iframe {	position: absolute;	top: 50%;	transform: translate(-50%, -50%);	left: 50%;	width: 100%;	height: 100%;	z-index: 2;}


.emodel_tab		{overflow:hidden; width:100%; padding:20px 0 50px 0;}
.emodel_tab	ul	{overflow:hidden; width:100%;}
.emodel_tab	ul	li	{width:49.5%; float:left; margin-right:1%;}
.emodel_tab	ul	li:last-child	{margin-right:0; }
.emodel_tab	ul	li a	{display:block; width:100%; line-height:50px; font-size:16px; color:#333; background-color:#eee}
.emodel_tab	ul	li a:hover	{background-color:#291d4e; color:#fff}
.emodel_tab	ul	li a.over	{background-color:#291d4e; color:#fff}


ul.tabs{overflow: hidden; width:100%;  }
ul.tabs li{ text-align:center; float:left; color:#1a2c51;  font-weight: 400; background-color:#eee; line-height:48px; font-size:16px;   cursor:pointer}
ul.tabs li:last-child	{margin-right:0}
ul.tabs li.current{ color: #fff; background:#291d4e; border-bottom:0; cursor:pointer}

.tab-content {  display: none;  padding-top:50px}
.tab-content.current{  display: inherit;}


.tabs_col2	li	{width:49%; margin-right:0.5%; }
.tabs_col6	li	{width:16%; margin-right:0.7%; }
.tabs_col3	li	{width:32%; margin-right:2%; }
.offerguide_col6	li	{width:16%; margin-right:0.7%; }




ul.unit_tabs{overflow: hidden; width:100%;  margin-bottom:50px; }
ul.unit_tabs li { text-align:center; float:left; width:16%; margin-right:0.7%;  color:#1a2c51; }
ul.unit_tabs li a	{display:block; width:100%;  font-weight: 400; background-color:#eee; line-height:48px; font-size:16px;   cursor:pointer}
ul.unit_tabs li:last-child	{margin-right:0}
ul.unit_tabs li.on  a{ color:#fff; background:#291d4e; border-bottom:0; cursor:pointer}



@media (max-width: 767px) {

	.film {margin-bottom: 40px;}

	.movie_tab		{overflow:hidden; width:100%; padding:15px 0 30px 0;}
	.movie_tab	ul	li	{width:33%; float:left; margin-right:0.5%; margin-bottom:3px}
	.movie_tab	ul	li a	{display:block; width:100%; line-height:35px; font-size:13px; color:#333; background-color:#eee}

	ul.tabs li{ text-align:center; float:left; color:#1a2c51;  font-weight: 400; background-color:#eee; line-height:40px; font-size:14px;   cursor:pointer}
	.offerguide_col6	li	{width:32%; margin-right:1.5%;  margin-bottom:5px}
	.offerguide_col6   li:nth-child(3n)	{margin-right:0;}

	
}

@media (max-width: 1400px) {					
	
	.film {margin-bottom: 40px;}
	
}




.mv_mo_banner		{display:none}



@media (max-width: 900px) {					
	
	.mv_pc_banner		{display:none}
	.mv_mo_banner		{display:block}
	
}




.offerguide_btn			{ overflow: hidden; text-align:center; margin-top:15px;}
.offerguide_btn		a	{display:inline-block; padding:15px  30px; background-color:#daa23f; width:300px;  color:#fff}


@media (max-width: 1200px) {					
	
.offerguide_btn		{margin-top:15px;}
.offerguide_btn		a	{ padding:10px  20px; background-color:#daa23f; width:auto; color:#fff; }

	
}



.mo_img		{display:none}


@media (max-width: 780px) {					
	
	.pc_img		{display:none}
	.mo_img		{display:block}

	
}


/*분양일정*/
.calendar_tit{padding:20px; background:#2d1b3d; text-align:center; font-size:20px; font-weight:500; color:#fff;}
.inner_calendar{background:#fff;  box-sizing:border-box; }
.inner_calendar { width:100%; position:relative; color: #464646; }
.inner_calendar caption { display: none; }
.inner_calendar table { width: 100%;  border-collapse: separate; /**border-collapse: collapse;*/ table-layout:fixed; }
.inner_calendar tbody { border-left: 1px solid #eaeaea; }
.inner_calendar th { height:40px; font-weight: 300; font-size: 13px; text-align: right; border-bottom:1px solid #eaeaea; }
.inner_calendar td { position: relative; height: 110px; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.inner_calendar td:first-child { border-left: 1px solid #eaeaea; }
.inner_calendar td span,
.inner_calendar td a { position: absolute; }
.inner_calendar .date { top: 10px; right: 10px; font-size: 15px; }
.inner_calendar .date_1 { top:0; right:0; font-size: 15px; font-weight:600; }
.inner_calendar .event { top: 30px; left: 15px; font-weight: 500; font-size: 20px; }
.inner_calendar .link { top: 70px; left: 15px; font-size:13px; padding: 5px 10px 5px 0; }
.inner_calendar .merge{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:100%;}
.inner_calendar .merge b{display:block; width:100%; font-weight: 500; font-size: 20px; text-align:center;}
.inner_calendar .merge span{display:block; width:100%; text-align:center;}

.sun { color: #dc2121; }
.sat { color: #3bbcf1; }
.white{ color: #fff; }
.black{ color: #454545;}
.white_bg{background:#fff; padding:5px 10px 5px 10px; border-bottom-left-radius:10px;}

.month{ position: absolute; left:10px;  margin: auto; top: 15px; display: inline-block; font-size: 32px; color: #ddd; font-weight: 600; text-align: center; }
.month_day{position: absolute; left: 10px; margin: auto; top: 20px; display: inline-block; font-size: 30px;font-weight: 700; text-align: center; opacity:0.3}
.inner_calendar .clr1 { background-color: #37234d; border-radius:10px;}
.inner_calendar .clr2 { background-color: #44169e; border-radius:10px;} 
.inner_calendar .clr3 { background-color: #593cd8;  border-radius:10px;}
.inner_calendar .clr4 { background-color: #2c50e2; border-radius:10px;} 
.inner_calendar .clr5 { background-color: #daa23f; border-radius:10px;}
.inner_calendar .clr6 { background-color: #828282; border-radius:10px;}
.inner_calendar .clr7 { background-color: #e9e0f1; border-radius:10px;}

/*캘린더 화살표*/

td.arrow_R{position:relative;}
td.arrow_R:before{position:absolute; top:40px; left:10px; width:156px; height:28px; background:url(../img/cal_arrow_R.png) no-repeat; content:'';}
td.arrow_L{position:relative;}
td.arrow_L:before{position:absolute; top:40px; left:10px; width:156px; height:28px; background:url(../img/cal_arrow_L.png) no-repeat; content:'';}
td.arrow_R2{position:relative;}
td.arrow_R2:before{position:absolute; top:40px; left:10px; width:156px; height:28px; background:url(../img/cal_arrow_R2.png) no-repeat; content:'';}
td.arrow_L2{position:relative;}
td.arrow_L2:before{position:absolute; top:40px; left:10px; width:156px; height:28px; background:url(../img/cal_arrow_L2.png) no-repeat; content:'';}


.schedule			{display:none}


@media (max-width: 1200px) {					
	

	.inner_calendar .event { top: 25px; left: 10px; font-weight: 500; font-size: 16px; }
	
}


@media (max-width: 780px) {					
	
	.calendar_tit{padding:10px; background:#2d1b3d; text-align:center; font-size:15px; font-weight:500; color:#fff;}
	.inner_calendar	{display:none}
	.schedule			{display:block; margin: 20px auto; position:relative; color: #464646; }

	.schedule			dl	{overflow:hidden; width:100%; border-radius:5px; margin-bottom:5px;}
	.schedule			dl dt	{width:40%; float:left; padding:15px; text-align:center;  font-size:16px;}
	.schedule			dl dd	{width:60%; float:left; padding:15px; color:#000; font-size:16px;}
	

	.schedule dl.clr1 {border:1px solid  #37234d; }
	.schedule dl.clr1 dt {background-color:#37234d; color:#daa23f}

	.schedule dl.clr2 {border:1px solid  #44169e; }
	.schedule dl.clr2 dt {background-color:#44169e; color:#fff}

	.schedule dl.clr3 {border:1px solid  #593cd8; }
	.schedule dl.clr3 dt {background-color:#593cd8; color:#fff}

	.schedule dl.clr4 {border:1px solid  #2c50e2; }
	.schedule dl.clr4 dt {background-color:#2c50e2; color:#fff}

	.schedule dl.clr5 {border:1px solid  #daa23f; }
	.schedule dl.clr5 dt {background-color:#daa23f; color:#fff}

	.schedule dl.clr6 {border:1px solid  #828282; }
	.schedule dl.clr6 dt {background-color:#828282; color:#fff}

	.schedule dl.clr7 {border:1px solid  #e9e0f1; }
	.schedule dl.clr7 dt {background-color:#e9e0f1; color:#000}


	
}

@media screen and (max-width:540px){
	
}



/*--------------responsible : location --------------*/
@media screen and (max-width:480px){
	.map_wrap .inner_map > div .map_item p,
	.map_wrap .inner_map > div a{font-size:16px;}
	.map_wrap .inner_map > div .map_item b{display:block;}


	.schedule			dl dt	{width:35%; float:left; padding:15px 5px; text-align:center;  font-size:14px;}
	.schedule			dl dd	{width:65%; float:left; padding:15px 10px;  color:#000; font-size:14px;}
}




.unit_btn {width:300px; height:50px; position:relative; left:0; right:0; margin:50px auto; background-color:#291d4e; cursor: pointer; color:#fff; line-height:50px; font-size:20px; display:block; text-align:center;}
.unit_btn a {}

.btn_open { padding: 0 10px; border: 0; color: #fff; cursor: pointer; }

#mask { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); zoom: 1; opacity: 0.5; z-index: 9998; }
* html #mask { position: absolute; }
.popup_box { display: none; width: 60%; height: 700px; position: fixed; top: 50%; left: 50%; background: #fff; border: 1px solid #000; z-index: 9999; transform: translate(-50px); overflow:hidden;}
* html .popup_box { position: absolute; }
.pop_cont { width: 100%; height: 700px; position:relative; margin:0 auto; display: block; overflow-y:scroll; text-align:center;}
.btn_close { width: 80px; height: 80px; position: absolute; top: 0px; right: 0px; background: #291d4e; border: 0; color: #fff; cursor: pointer; font-size:20px; z-index:10;}

.pop_tit {width: 100%;  background-color:#291d4e; height:80px;  position: fixed; top:0; left:0; right:0; margin:0 auto; z-index:10;}
.pop_tit h1 {color:#fff; font-size:25px; line-height:80px;}
.pop_cont img {padding:0 0;}


#t-container2 {position:relative; top:80px; padding:40px 50px;  left:0; right:0; margin:0 auto; }


#t-container2 {
  max-height: 80vh;
  overflow: auto;                   /* 팝업 내부 스크롤 */
  -webkit-overflow-scrolling: touch;/* iOS 스크롤 부드럽게 */
  
  scrollbar-width: thin;            /* Firefox에서 다시 보이게 */
  -ms-overflow-style: auto;         /* IE/Edge에서 다시 보이게 */
}
#t-container2::-webkit-scrollbar {
  display: initial; /* 전역 display:none 덮어쓰기 */
  width: 8px;
  height: 8px;
}
#t-container2::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.35);
  border-radius: 8px;
}
#t-container2::-webkit-scrollbar-track {
  background: rgba(0,0,0,.06);
}


a.big_btn		{display:none}

@media all and (max-width:1200px) {

	#t-container2 {top:100px; padding:20px 10px; }

	#t-container2 {
	  max-height: 60vh;
	  overflow: auto;                   /* 팝업 내부 스크롤 */
	  -webkit-overflow-scrolling: touch;/* iOS 스크롤 부드럽게 */
	  
	  scrollbar-width: thin;            /* Firefox에서 다시 보이게 */
	  -ms-overflow-style: auto;         /* IE/Edge에서 다시 보이게 */
	}

	.popup_box {width: 90%; height: 60%; transform: translate(0px);}
	.pop_cont { width: 100%; height: 100%; }
	.pop_cont img {max-width:1000px; width:100%}

	.duck_foot br {display:block;}


}


@media all and (max-width:800px) {

a.big_btn			{display:block; padding:5px  30px; background-color:#daa23f; width:200px;  color:#fff; margin:20px auto 0 auto}

}


.offerguide_box			{background-color:#f5f5f5; padding:5px 0;  margin:0 auto;  text-align:center}