@charset "utf-8";

* {word-break:keep-all;}
img {max-width:100%;}
#winwidth {position:fixed;left:5px;bottom:5px;padding:5px;font-size:14px;color:#fff;background:#333;font-weight:bold;z-index:9999;border:2px solid #000;}

#wrap {min-width:320px;margin:0 auto;FONT-FAMILY:나눔고딕;}

/* TOP */
#top {position:relative;z-index:100;padding:0 10px;FONT-FAMILY:나눔고딕;}
#top .inner {max-width:1100px;margin:0 auto;position:relative;height:105px;}
#top .logo {position:absolute;left:0;top:30px;width:200px;}
#top .tnb {position:absolute;right:185px;top:15px;}
#top .tnb li {float:left;font-family:nr,sans-serif;background:url(../images/tnb-bar.gif) no-repeat 0 50%;padding:0 10px 0 11px;}
#top .tnb li:first-child {background:none;}
#top .tnb li a {display:block;color:#888;}
#top .gnb {position:absolute;top:55px;right:80px;transition:0.3s;}
#top .gnb > li {float:left;position:relative;}
#top .gnb > li > a {
	display:block;
	color:#3c4f21;
	height:50px;
	font-size:18px;
	font-weight:;
	font-family:;
	letter-spacing:-0.05em;
	word-spacing:0.1em;
	padding:0 25px;
	transition:0.3s;
	font-family:나눔고딕;
}
#top .gnb li ul {text-align:center;position:absolute;width:160px;left:50%;margin-left:-80px;top:50px;display:none;}
#top .gnb li ul li {border-top:1px solid #a4acae;border-left:1px solid #899192;border-right:1px solid #899192;transition:0.3s;}
#top .gnb li ul li:first-child {border-top:none;}
#top .gnb li ul li a {
	display:block;
	font-size:14px;
	font-weight:;
	letter-spacing:-0.075em;
	word-spacing:-0.075em;
	height:34px;
	line-height:32px;
	color:#fff;
	background:#9ba296;
	transition:0.3s;
	font-family:나눔고딕;
}
#top .gnb li ul li.active,
#top .gnb li ul li:hover {border-left:1px solid #347e02;border-right:1px solid #347e02;}
#top .gnb li ul li.active a,
#top .gnb li ul li:hover a {background:#3c4f21;font-weight:bold;}

#top .msearch {display:none;}
#top .search {position:absolute;right:0;top:9px;height:21px;border-bottom:2px solid #333;width:147px;padding-right:15px;}
#top .search .btn {position:absolute;right:0;top:4px;}
#top .search .txt {
	display:block;
	width:100%;
	height:21px;
	line-height:21px;
	border:none;
	font-size:13px;
	letter-spacing:-0.05em;
	word-spacing:0.1em;
	position:relative;
	z-index:10;
	background:none;
	font-family:나눔고딕;
}
#top .search span {position:absolute;left:0;height:21px;line-height:21px;top:0;width:100%;font-size:10px;font-weight:600;color:#000;z-index:0;}
#top .search.active span {display:none;}
#top .full {position:absolute;right:0;top:56px;height:25px;width:29px;background:url(/images/top-full.gif) no-repeat 0 0;text-indent:-9999px;}
#top.on .full {background-position:0 -25px;}
#top .nav {
	position:absolute;
	top:105px;
	left:0;
	width:100%;
	z-index:10;
	background:#fafafa;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	display:none;
	padding:23px 0 50px;
	FONT-FAMILY:나눔고딕;
}
#top .nav > ul {max-width:1100px;margin:0 auto;padding:0 10px;position:relative;}
#top .nav > ul > li {float:left;width:14%;margin-left:3%;transition:0.3s;}
#top .nav > ul > li:first-child {margin-left:0;}
#top .nav > ul > li > a {
	display:block;
	font-size:16px;
	font-family:nr,sans-serif;
	color:#333;
	border-bottom:1px solid #347e02;
	padding-bottom:8px;
	letter-spacing:-0.03em;
	word-spacing:0.1em;
	font-family:나눔고딕;
	left:;
}
#top .nav ul li ul {padding-top:5px;}
#top .nav ul li ul li a {display:block;font-size:13px;color:#555;letter-spacing:-0.075em;word-spacing:0.1em;padding:3px 0;}
#top .nav ul li ul li a:hover,
#top .nav ul li ul li a.active {color:#347e02;}
#top .mopen {display:none;}
#top .mnav {display:none;}


/* VISUAL */
#vis {position:relative;z-index:0;}
#vis .vis {position:relative;}
#vis .vis .inner {max-width:2000px;margin:0 auto;FONT-FAMILY:나눔고딕;}
#vis .vis img {display:block;position:relative;z-index:0;width:100%;}
#vis .vis1 {background:url(../images/mainpic02.jpg) no-repeat 50% 0;}
#vis .vis2 {background:url(../images/mainpic03.jpg) no-repeat 50% 0;}
#vis .vis3 {background:url(../images/mainpic04.jpg) no-repeat 50% 0;}
#vis .vis4 {background:url(../images/mainpic05.jpg) no-repeat 50% 0;}



/*#vis .visa1 {background:url(../images/a11.jpg) no-repeat 50% 0;}
#vis .visa2 {background:url(../images/a22.jpg) no-repeat 50% 0;}
#vis .visa3 {background:url(../images/a33.jpg) no-repeat 50% 0;}
#vis .visa4 {background:url(../images/a44.jpg) no-repeat 50% 0;}
#vis .visb1 {background:url(../images/b11.jpg) no-repeat 50% 0;}
#vis .visb2 {background:url(../images/b22.jpg) no-repeat 50% 0;}
#vis .visb3 {background:url(../images/b33.jpg) no-repeat 50% 0;}
#vis .visb4 {background:url(../images/b44.jpg) no-repeat 50% 0;}
#vis .visc1 {background:url(../images/c11.jpg) no-repeat 50% 0;}
#vis .visc2 {background:url(../images/c22.jpg) no-repeat 50% 0;}
#vis .visc3 {background:url(../images/c33.jpg) no-repeat 50% 0;}
#vis .visc4 {background:url(../images/c44.jpg) no-repeat 50% 0;}
#vis .visd1 {background:url(../images/d11.jpg) no-repeat 50% 0;}
#vis .visd2 {background:url(../images/d22.jpg) no-repeat 50% 0;}
#vis .visd3 {background:url(../images/d33.jpg) no-repeat 50% 0;}
#vis .visd4 {background:url(../images/d44.jpg) no-repeat 50% 0;}
#vis .vise1 {background:url(../images/e11.jpg) no-repeat 50% 0;}
#vis .vise2 {background:url(../images/e22.jpg) no-repeat 50% 0;}
#vis .vise3 {background:url(../images/e33.jpg) no-repeat 50% 0;}
#vis .vise4 {background:url(../images/e44.jpg) no-repeat 50% 0;}
#vis .visf1 {background:url(../images/f11.jpg) no-repeat 50% 0;}
#vis .visf2 {background:url(../images/f22.jpg) no-repeat 50% 0;}
#vis .visf3 {background:url(../images/f33.jpg) no-repeat 50% 0;}
#vis .visf4 {background:url(../images/f44.jpg) no-repeat 50% 0;}*/

<!-----------------------------------------------백그라운드 이미지 제어------------------------------------------------------------------------->

#vis .vis .txt {position:absolute;left:10px;top:10%;width:100%;z-index:10;}
#vis .vis .txt dl {max-width:1100px;margin:0 auto;color:#fff;position:relative;}
#vis .vis .txt dl dt {font-size:54px;font-family:osl,sans-serif;line-height:50px;padding-bottom:10px;}
#vis .vis .txt dl .txt1 {font-size:21px;letter-spacing:-0.1em;word-spacing:0.2em;line-height:26px;}
#vis .vis .txt dl .txt2 {font-size:48px;letter-spacing:-0.075em;word-spacing:0.1em;font-family:nr,sans-serif;}
#vis .bx-pager {position:absolute;z-index:100;bottom:29px;left:50%;margin-left:-100px;width:200px;text-align:center;}
#vis .bx-pager .bx-pager-item {display:inline;}
#vis .bx-pager .bx-pager-item a {
	display:inline-block;
	margin:0 3px;
	width:14px;
	height:14px;
	background:url(../images/vis-off.png) no-repeat;
	text-indent:14px;
	overflow:hidden;
}
#vis .bx-pager .bx-pager-item a.active {background:url(../images/vis-on.png) no-repeat;width:22px;text-indent:22px;}

#vis .bx-controls-auto-item {position:absolute;bottom:29px;left:50%;margin-left:50px;z-index:200;}
#vis .bx-controls-auto-item a {display:block;width:16px;height:15px;text-indent:-9999px;}
#vis .bx-controls-auto-item .bx-start {background:url(../images/vis-play.png) no-repeat;}
#vis .bx-controls-auto-item .bx-stop {background:url(../images/vis-stop.png) no-repeat;}

<!------------------------------------------------------------------------------------------------------------------------------------------------------->


/* MAIN */
#main {max-width:1100px;margin:0 auto;padding:25px 0 0;}

/* 분양정보 */
#main .construction {position:relative;}
#main .construction .top {display:none;}
#main .construction .bx-controls-direction {display:none;}
#main .construction .box {max-width:360px;position:relative;}
#main .construction .box .img {display:block;position:relative;z-index:0;}
#main .construction .box .info {position:absolute;z-index:1;bottom:0;left:0;width:100%;background:#252525;display:none;}
#main .construction .box .info dl {position:relative;padding:20px 70px 20px 25px;}
#main .construction .box .info dl dt,
#main .construction .box .info dl dd {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	letter-spacing:-0.05em;
	word-spacing:0.1em;
	color:#dcdcdc;
	font-size:13px;
}
#main .construction .box .info dl dt {padding-bottom:5px;font-weight:600;}
#main .construction .box .info .btn {display:block;position:absolute;right:15px;top:50%;margin-top:-18px;}
#main .construction .btn button {position:absolute;width:41px;height:41px;display:block;border:none;background:none;top:50%;margin-top:-20.5px;}
#main .construction .btn .prev {left:-51px;}
#main .construction .btn .next {right:-51px;}


/* ELEMENT */
#main .element {overflow:hidden;margin-top:10px;}
#main .element .inner {overflow:hidden;margin:0 -5px;FONT-FAMILY:나눔고딕;}
#main .element .inner .box {width:33.3%;float:left;letter-spacing:-0.05em;word-spacing:0.1em;}
#main .element .inner .box:first-child {width:33.4%;}
#main .element .inner .box .desc {margin:0 5px;padding:20px 23px;border:1px solid #dedede;position:relative;min-height:165px;}
#main .element .inner .box .img {text-align:center;}
#main .element .inner .box h3,
#main .element .inner .box p {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#main .element .inner .box h3 {font-size:17px;font-weight:600;color:#252525;letter-spacing:-0.075em;word-spacing:0.1em;}
#main .element .inner .box p {font-size:13px;color:#333;padding:5px 0 13px;}
#main .element .inner .box dl {position:relative;padding-left:130px;}
#main .element .inner .box dl dt {position:absolute;left:0;top:0;}
#main .element .inner .box dl dd {
	text-align:left;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	background:url(../images/element-dot.gif) no-repeat 0 50%;
	font-size:13px;
	padding:2px 0 5px 10px;
}

#main .element .inner .box .bx-controls-direction {position:absolute;right:20px;top:20px;z-index:100;display:block;}
#main .element .inner .box .bx-controls-direction a {float:left;display:block;height:21px;width:25px;text-indent:-9999px;}
#main .element .inner .box .bx-controls-direction .bx-prev {background:url(../images/element-prev.gif) no-repeat;}
#main .element .inner .box .bx-controls-direction .bx-next {background:url(../images/element-next.gif) no-repeat;width:24px;}