@charset "utf-8"; 
/* Alma cms83@almacomm.co.kr */

/* layout */
#wrap {position:relative; width:100%; min-height: 100%; margin: 0 0 -120px 0;  background:url(/images/common/bg_header_02.gif) repeat-x 10% 0}
#wrap #centerAligned {overflow:hidden; width:1070px; margin:0 auto; position:relative; z-index:100}
#wrap #centerAligned #contentAlignment {float:left; padding-bottom:25px; border-right:1px solid #ebebeb}

#wrap ol, #wrap ul, #wrap textarea, #wrap input, #wrap dl dd, #wrap dl {margin:0}

#header {overflow:hidden; position:relative; width:979px; height:100px; background:url(/images/common/bg_header.gif) repeat-x 0 99px; z-index:99} /* width:979px;  */
	#header h1 {float:left; margin:23px 38px 0 0}

	#header .topMenu {float:right; margin:38px 30px 0 0}
	#header .topMenu li {float:left;}
	#header .topMenu li a {display:inline-block; height:19px; }
		#header .topMenu li.a1 a {width:52px; background:url(/images/common/util_01.png)no-repeat 0 0}
	#header .topMenu li.a2 a {width:66px;background:url(/images/common/util_02.png)no-repeat 0 0}
	#header .topMenu li.a3 a {width:76px; background:url(/images/common/util_03.png)no-repeat 0 0}
	#header .topMenu li.a1 a:hover {background:url(/images/common/util_01_on.png)no-repeat 0 0}
	#header .topMenu li.a2 a:hover {background:url(/images/common/util_02_on.png)no-repeat 0 0}
	#header .topMenu li.a3 a:hover {background:url(/images/common/util_03_on.png)no-repeat 0 0}
	#header .topMenu li a span {display:block; text-indent:-5000px}

	#header .topMenu li.a2 a.a-2:hover,
	#header .topMenu li.a2 a.a-2:focus,
	#header .topMenu li.a2 a.a-2:active,
	#header .topMenu li.a2.sfHover a.a-2  {background:url(/images/common/util_02_on.png)no-repeat 0 0} /* 1depth 버튼 활성화 */

#container {min-height:690px; }
	/* tite h2 */
	#container .h2Area_01 {background:url(/images/common/bg_tit_01.jpg) no-repeat 0 0; }
	#container .h2Area_02 {background:url(/images/common/bg_tit_02.jpg) no-repeat 0 0; }
	#container .h2Area_03 {background:url(/images/common/bg_tit_03.jpg) no-repeat 0 0; }
	#container .h2Area_04 {background:url(/images/common/bg_tit_04.jpg) no-repeat 0 0; }
	#container .h2Area_05 {background:url(/images/common/bg_tit_05.jpg) no-repeat 0 0; }
	#container .h2Area_06 {background:url(/images/common/bg_tit_06.jpg) no-repeat 0 0; }
	#container .h2Area_01 h2,
	#container .h2Area_02 h2,
	#container .h2Area_03 h2,
	#container .h2Area_04 h2,
	#container .h2Area_05 h2,
	#container .h2Area_06 h2 {padding:40px 0 0 0; height:144px; margin-bottom:12px}

	#container #cntHeader {overflow:hidden;}
	#container .banner {margin:20px 0 0 0}
	#container .banner dt {margin:30px 0 0 0}
	#container .banner dd {margin:8px 0 0 0}

	
	/* 본문 */
	#container #content {float:left; width:785px}
	#container #content h3 {float:left; margin-top:10px}
	#container #content .path {float:right; margin:5px 40px 0 0}
	#container #content .path li {float:left}
	#container #content .path li.last {color:#316a63; font-weight:bold; }
	#container #content .path li.last span {font-weight:normal}
	#container #content .cntText {margin:20px 0 0 0}
	.push {height:120px; text-indent:-50000px}




#quick {position:absolute; top:99px; left:981px; /*float:left; margin:99px 0 0 0;*/  padding:20px 0; background:url(/images/common/bg_quick.gif) no-repeat 0 0}
#quick li {margin:0 0 40px 0; padding:0 0 0 20px; line-height:1}


/* footer */
#footer {position:relative; width:100%; border-top:1px solid #d7d7d7; padding:25px 0; background:#fff; z-index:99}
	#footer .footSort {/*overflow:hidden;*/ width:1070px; margin:0 auto}
	#footer  ul {overflow:hidden; margin:0 0 10px 0}
	#footer  ul li {float:left; padding:0 13px 0 0; margin:0 13px 0 0; background:url(/images/common/footer_link_line.gif) no-repeat right 0 ; line-height:1}
	#footer  ul li.last {background:none}

/* cyber_pr */
.videoArea {margin-top:50px}
.videoArea li {width:640px; height:446px; margin-bottom:50px; padding:12px 12px 0 12px; background:url(/images/cyber_pr/bg_video.gif) no-repeat 0 0}
.videoArea li p {margin-top:7px; font-weight:bold; color:#464646}

/* brochure */
.brochure {width:100%; overflow:hidden; margin-top:50px}
.brochure #bigThum {float:left;  border:1px solid #00c7ce; margin-right:45px}
.brochure #bigThum img {width:348px; height:434px;}
.brochure .brochureDetail {float:left; width:390px}
.brochure .brochureDetail .smallThum {}
.brochure .brochureDetail .smallThum li {width:97px; float:left; margin:0 10px 20px 0}
.brochure .brochureDetail .smallThum a, .brochure .brochureDetail .smallThum img {display:block}
.brochure .brochureDetail .smallThum .img {margin-bottom:1px; }
.brochure .brochureDetail .smallThum .img .on {border:4px solid #00c7ce}
.brochure .brochureDetail .smallThum .img .on img {width:89px; height:113px}
.brochure .brochureDetail .smallThum .img img {width:97px; height:121px}
.brochure .brochureDetail p.eTitle {font-size:14px; font-weight:bold; color:#00a3a9; margin-bottom:15px}

/* search */
.w50 {width:50px}
.w746 {width:740px}

.searchForm {float:right; margin-bottom:10px}
.searchForm form {margin:0}
.searchForm select {height:29px}
.searchForm select,
.searchForm input[type="text"] {padding:5px 5px 4px 5px}
.searchForm button.btnSearch {width:60px; height:30px; border:none; background:url(/images/customer/btn_search.gif) no-repeat 0 0; vertical-align:middle}
.searchForm button.btnSearch span {display:block; text-indent:-5000px}

.rowTable {clear:both; width:100%; border-top:1px solid #bfbfbf}
.rowTable th {padding:12px 5px; color:#464646; border-bottom:1px solid #e5e5e5; background:#fff; line-height:1}
.rowTable td {padding:10px 5px; border-bottom:1px solid #cfcfcf; text-align:center; color:#464646}
.rowTable td.subject {text-align:left; font-weight:bold; width:350px;}
.rowTable td.subject2 {text-align:left; width:350px;}
.rowTable td .label {width:50px}
.rowTable td a {color:#464646; text-decoration:none}

.colTable {clear:both; width:100%; font-family:"돋움", Dotum; border-top:2px solid #93989b; line-height:1}
.colTable th {width:139px; padding:10px 0 10px 19px;  text-align:left; color:#464646; border:1px solid #cdd2d5; border-left:none; background:#f5f5f5; line-height:1}
.colTable td {padding:10px 9px 10px 9px; *padding:8px 9px 9px 9px;  border-bottom:1px solid #cdd2d5; }
.colTable td .wave {margin:0 20px}
.colTable td.contentPsot {height:300px}

.tableView {width:100%; color:#464646}
.tableView .d1 {border-left:1px solid #bfbfbf; border-top:1px solid #bfbfbf; background:#f9f9f9; text-align:left}
.tableView .d2 {border-right:1px solid #bfbfbf; border-top:1px solid #bfbfbf; background:#fff; color:#00a3a9; font-weight:bold}
.tableView .d3 {border-left:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; background:#f9f9f9; border-top:1px solid #e5e5e5;  text-align:left}
.tableView .d4 {border-bottom:1px solid #bfbfbf; background:#fff;  border-top:1px solid #e5e5e5}
.tableView .d5 { border-bottom:1px solid #bfbfbf; background:#f9f9f9;  border-top:1px solid #e5e5e5; text-align:left}
.tableView .d6 {border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; background:#fff;  border-top:1px solid #e5e5e5}
.tableView th {padding-left:9px}
.tableView  td {padding:10px 9px 10px 9px; *padding:8px 9px 9px 9px;}
.tableView  td .txtView {padding:20px 0 50px 0; min-height:300px; vertical-align:top}
.tableView  td .txtView img {max-width:721px}
.tableView  .filiDown {color:#00a3a9; text-decoration:none}

.otherView {margin:20px 0 0 0; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf}
.otherView li {border-top:1px solid #e5e5e5; padding:11px 0 11px 10px}
.otherView li.first {border:none}
.otherView li a {color:#666; text-decoration:none}

/* faq */
#faqT .query {overflow:hidden;}
#faqT .query .a1 {float:left; width:100px; }
#faqT .query .a2 {float:left; }
#faqT .query .a2 a.on {font-weight:bold; color:#00a3a9}
#faqT .answer {clear:both; display:none; display:none; border-top:1px solid #e5e5e5; margin-top:7px; background:#f7f7f7 url(/images/customer/ico_answer.gif) no-repeat 100px 24px; padding:20px 50px 20px 140px; text-align:left;}
#faqT .hidBlank {display:block; height:8px}
#faqT .hidBlank.non {display:none}
#faqT .rows {padding:10px 0}

.boardCall {width:701px; height:500px; margin-top:50px; padding:30px 0 0 20px; background:url(/images/customer/bg_square_gray.gif) no-repeat 0 0}
.boardCall dl {overflow:hidden; width:619px; border-bottom:1px solid #e5e5e5; padding-bottom:10px; margin-bottom:10px !important}
.boardCall dl dt {float:left; width:80px; color:#464646; }
.boardCall dl dd {float:left;  }
.boardCall dl dd input, .boardCall dl dd p {display:inline-block; display:inline}
.boardCall dl dd select {height:24px}
.boardCall dl dd input[type="text"],
.boardCall dl dd select {padding:2px 5px 1px 5px}

.boardCall2 {background:url(/images/customer/bg_customer.gif) no-repeat 0 0}

/*  */
.indate2{position:relative;}
.i_label {position:absolute; visibility:visible; color:#000; top:0; *top:5px; left:5px; *left:10px; font-size:12px; color:#c2c2c2}

/* pagination */
.pagination.addTo ul li a {color:#808080}
.pagination.addTo ul li a:hover, .pagination.addTo ul li a.on {color:#f20c0c; font-weight:bold}
.pagination.addTo ul li a,
.pagination.addTo ul li a:hover {border:none; background:none}
.pagination.addTo ul > li > a.btnArr {border:none; padding: 0 5px;  line-height: 20px;}

/* btn align */
.bothButton {overflow:hidden; margin:20px 0}

/* main */
#wrap.wrapMain {background:none; position:; z-index:98}
#wrap.wrapMain #centerAligned #contentAlignment {float:left; padding-bottom:0; border-right:1px solid #ebebeb; width:979px; height:1000px}

#wrap #header.headerMain {position:absolute; top:0; background:url(/images/main/bg_main_gnb.png) repeat-x 0 0; z-index:99}
#container.containerMain {position:absolute; width:960px; z-index:98;}
#container.containerMain .cntVisual {position:absolute; margin-top:0; z-index:9 ;width:979px; height:649px}
#container.containerMain .cntVisual .visualZoom {position:relative; height:650px}
#container.containerMain .cntVisual .visualZoom li.a1 {position:absolute; top:488px; left:290px}
#container.containerMain .cntVisual .visualZoom li.a2 {position:absolute; top:340px; left:350px}
#container.containerMain .cntVisual .visualZoom li.a3 {position:absolute; top:410px; left:560px}
#container.containerMain .cntVisual .visualZoom li.a4 {position:absolute; top:210px; left:660px}
#container.containerMain .cntVisual .visualZoom li.a5 {position:absolute; top:130px; left:780px}
#container.containerMain .cntVisual .seeAll {position:absolute; top:340px; left:465px}

#container.containerMain .cntVisual .visualSlide {overflow:hidden; position:absolute; bottom:120px; right:80px; padding:7px 7px;  background:url(/images/main/bg_slide.png) no-repeat 0 0; z-index:99; height:50px}
#container.containerMain .cntVisual .visualSlide li {float:left;}
#container.containerMain .cntVisual .visualSlide li a {display:inline-block; width:40px; height:40px; background:url(/images/main/btn_slid.png) no-repeat 0 0}
#container.containerMain .cntVisual .visualSlide li a span {display:block; text-indent:-5000px}
#container.containerMain .cntVisual .visualSlide li.a1 a.on,
#container.containerMain .cntVisual .visualSlide li.a2 a.on {background:url(/images/main/btn_slid_on.png) no-repeat 0 0}

#container.containerMain .cntBoard {position:relative; top:610px; overflow:hidden; z-index:9999; height:270px}
#container.containerMain .cntBoard .board01 {float:left; width:295px; margin:0 28px 0 0; height:100px; }
#container.containerMain .cntBoard .board02 {float:left; width:210px; margin:50px 0 0 0; height:100px}

#container.containerMain .cntBoard .board01 .main_news {position:relative;}
#container.containerMain .cntBoard .board01 .main_news .main_news_tit {overflow:hidden; margin-top:20px}
#container.containerMain .cntBoard .board01 .main_news .main_news_tit li {float:left; margin-right:10px; padding-right:15px; background:url(/images/main/main_line.gif) no-repeat right 0; line-height:1}
#container.containerMain .cntBoard .board01 .main_news .main_news_tit li.last {background:none}
#container.containerMain .cntBoard .board01 .main_news .main_news_tit li a  {display:inline-block}
#container.containerMain .cntBoard .board01 .main_news .main_news_view {position:absolute; top:30px}
#container.containerMain .cntBoard .board01 .main_news .main_news_view li {margin-bottom:7px}
#container.containerMain .cntBoard .board01 .main_news .main_news_view a {color:#7d7d7d; text-decoration:none; display:block; letter-spacing:-0.05em; line-height:1.6}
#container.containerMain .cntBoard .board01 .main_news .main_news_view span.date {line-height:1.4; font-size:11px}

.board03  {position:absolute; top:-320px; right:130px}


#photo img {position:absolute;  top:0}
/*.visualLarge {position:relative; }*/
.visualLarge li {position:absolute;  top:0;}
.visualLarge02 li {position:absolute;  top:0;}

.imgHover li.img1 {position:absolute; top:356px; left:85px; z-index:; width:461px; height:264px}
.imgHover li.img2 {position:absolute; top:222px; left:187px; z-index:; width:405px; height:257px}
.imgHover li.img3 {position:absolute; top:306px; left:397px; z-index:; width:393px; height:223px}
.imgHover li.img4 {position:absolute; top:112px; left:495px; z-index:; width:407px; height:243px;}
.imgHover li.img5 {position:absolute; top:0; left:530px; z-index:; width:439px; height:283px}

.push.pushMain {margin-top:-50px; z-index:99}
#footer.footerMain {z-index:9999; clear:both; top:30px; height:51px}
#footer.footerMain .footSort {position:relative;  }

/* about us */
.about_us01 {margin-bottom:50px; width:785px; height:618px; background:url(/images/about_us/txt_about_us_01.jpg) no-repeat 0 0; text-indent:-5000px}
.about_us02 {margin:40px 0 50px 0; width:785px; height:750px; background:url(/images/about_us/txt_about_us_02.jpg) no-repeat 0 0; text-indent:-5000px}
.about_us03 {margin:50px 0 50px 0; width:785px; height:802px; background:url(/images/about_us/txt_about_us_03.jpg) no-repeat 0 0; text-indent:-5000px}
.about_us04 {margin:50px 0 20px 0; width:785px; height:822px; background:url(/images/about_us/txt_about_us_04.jpg) no-repeat 0 0; text-indent:-5000px}

/* developmentPlan */
.developmentPlan_01 {margin:40px 0 50px 0; width:785px; height:1434px; background:url(/images/development_plan/txt_development_plan_01.jpg) no-repeat 0 0; text-indent:-5000px}
.developmentPlan_02 {margin:50px 0 50px 0; width:785px; height:658px; background:url(/images/development_plan/txt_development_plan_02.jpg) no-repeat 0 0; text-indent:-5000px}
.developmentPlan_03 {margin:50px 0 50px 0; width:785px; height:1112px; background:url(/images/development_plan/txt_development_plan_03.jpg) no-repeat 0 0; text-indent:-5000px}
.developmentPlan_04 {margin:50px 0 50px 0; width:785px; height:2154px; background:url(/images/development_plan/txt_development_plan_04.jpg) no-repeat 0 0; text-indent:-5000px}
.developmentPlan_05 {margin:50px 0 50px 0; width:785px; height:1318px; background:url(/images/development_plan/txt_development_plan_05.jpg) no-repeat 0 0; text-indent:-5000px}

.saleInformation_01 table, .saleInformation_02 table, .saleInformation_03 table, .saleInformation_04 table, .saleInformation_05 table, .developmentPlan_01 table, .developmentPlan_03 table {text-indent:-5000px}

/* saleInformation_01 */
.saleInformation_01 {margin:50px 0 50px 0; width:785px; height:1793px; background:url(/images/sale_information/txt_sale_information_01.jpg) no-repeat 0 0; text-indent:-5000px}
.saleInformation_02 {margin:50px 0 50px 0; width:785px; height:878px; background:url(/images/sale_information/txt_sale_information_02.jpg) no-repeat 0 0; text-indent:-5000px}
.saleInformation_03 {margin:50px 0 50px 0; width:785px; height:788px; background:url(/images/sale_information/txt_sale_information_03.jpg) no-repeat 0 0; text-indent:-5000px}
.saleInformation_04 {margin:50px 0 50px 0; width:785px; height:1057px; background:url(/images/sale_information/txt_sale_information_04.jpg) no-repeat 0 0; text-indent:-5000px}
.saleInformation_05 {margin:50px 0 50px 0; width:785px; height:2636px; background:url(/images/sale_information/txt_sale_information_05.jpg) no-repeat 0 0; text-indent:-5000px}
.saleInformation_06 {margin:50px 0 50px 0; width:785px; height:720px; background:url(/images/sale_information/txt_sale_information_06.jpg) no-repeat 0 0; text-indent:-5000px}

/* 공사진행현황 */
/* 사진리스트 */
.thumList {clear:both; overflow:hidden; border-top:1px solid #93989b; border-bottom:1px solid #cdd2d5; ; padding:20px 0 10px 0}
.thumList li {width:158px; float:left; margin:0 34px 20px 0; line-height:1.6}
.thumList li a {color:#464646; text-decoration:none}
.thumList li p {margin:0}
.thumList img {width:158px; height:158px; margin:0 0 10px 0; border:1px solid #dcd7d2}
.thumList  :first-child + p {font-weight:bold}

/* sitemap */
.sitemap {width:745px; padding-bottom:30px}
.sitemap dt.fistTit {margin-left:320px}
.sitemap dd .sitemapCnt {overflow:hidden; padding:59px 0 0 0; background:url(/images/etc/bg_sitemap_line_02.gif) no-repeat 56px 0;}
.sitemap dd .sitemapCnt li {float:left; width:122px; height:218px; margin-right:33px; padding:20px 0 0 0; background:url(/images/etc/bg_sitemap_box.gif) no-repeat 0 0; text-align:center; }
.sitemap dd .sitemapCnt li a {display:block; margin-bottom:19px}

.etcSitemap {clear:both; overflow:hidden; width:170px; margin-left:270px !important;}
.etcSitemap li {float:left; padding:5px 0 0 0}
.etcSitemap li.first {padding-right:15px; margin-right:15px; background:url(/images/etc/etc_sitemap_line.gif) no-repeat right 0;}
.etcSitemap li a {display:inline-block;}

/* popup */
#wrapPop {width:600px; height:5500px; position:relative}
#wrapPop h1 {color:#fff; font-size:18px; padding:10px 0 9px 20px; background:url(/images/etc/bg_popup_tit.gif) no-repeat 0 0}
#wrapPop .popCnt {margin:18px 20px; text-align:center}
#wrapPop .popCnt .termsTxt {width:530px; height:290px; overflow:scroll; overflow-x:hidden; border:1px solid #ccc; padding:15px; text-align:left}
#wrapPop .btnClose {width:100%; position:absolute; bottom:0; background:#ececec; padding:6px 0; text-align:center}

#wrapPop2 {width:720px; height:450px}
#wrapPop2 h1 {color:#fff; font-size:18px; padding:10px 0 9px 20px; background:url(/images/etc/bg_popup_tit02.gif) no-repeat 0 0}
#wrapPop2 .popCnt {margin:18px 20px; text-align:center}
#wrapPop2 .btnClose {width:100%; background:#ececec; padding:6px 0; text-align:center; margin:0}

#popup {width:100%}
#popup img {display:block}
#popup .closeArea {overflow:hidden; background:#e4f2f2; padding:5px 0 10px 0}
#popup .closeArea.grayBg {background:url(/images/popup/footer_bg.gif) no-repeat 0 0}
#popup .closeArea.grayBg02 {background:url(/images/popup/footer_bg02.gif) no-repeat 0 0}
#popup .closeArea .check {float:left; margin-left:15px}
#popup .closeArea .check input, #popup .closeArea .check label {vertical-align:middle}
#popup .closeArea .notOpen {display:inline-block; width:130px; height:12px; background:url(/images/popup/bg_not_open_today.gif) no-repeat 0 0}
#popup .closeArea .notOpen02 {display:inline-block; width:130px; height:12px; background:url(/images/popup/bg_not_open_today02.gif) no-repeat 0 0}
#popup .closeArea .notOpen03 {display:inline-block; width:130px; height:12px; background:url(/images/popup/bg_not_open_today03.gif) no-repeat 0 0}
#popup .closeArea .notOpen span {display:inline-block; text-indent:-5000px}
#popup .closeArea .notOpen02 span {display:inline-block; text-indent:-5000px}
.btnClose {float:right; margin:5px 15px 0 0}