
.project { clear:both; padding:48px 0 0; min-height:500px; border-bottom:1px solid #11120c; }
.project #viewer-wrapper { float:left; width:395px; position:relative; margin:0; padding:0 0 20px; overflow:hidden; *zoom: 1; }
.project #viewer-wrapper .info-viewer { width:395px; margin:0 auto; }
.project #viewer-wrapper .info-viewer .imgbox { display:table; width:395px; padding:0 0 40px; }
.project #viewer-wrapper .info-viewer .imgbox p { display:table-cell; vertical-align:middle; width:395px; height:205px; margin:0 auto; text-align:center; }
.project #viewer-wrapper .info-viewer .imgbox img { width:395px; height:205px; margin:0 auto; vertical-align:middle; }
.project #viewer-wrapper #paging { float:; z-index:999; bottom:0; right:0; position:absolute; margin:-0px 0 0 0; padding:0; width:auto; min-width:395px; height:13px; }
.project #viewer-wrapper #paging #slider-prev,
.project #viewer-wrapper #paging #slider-next { position:absolute; top:0; padding:0; }
.project #viewer-wrapper #paging #slider-prev { left:0; }
.project #viewer-wrapper #paging #slider-next { right:0; }
.project #viewer-wrapper #paging #paper { margin:0 auto; padding:4px 14px 0; text-align:center; }
.project #viewer-wrapper #paging #paper a { display:inline-block; float:left; margin:0 4px; width:6px; height:6px; text-indent:-999px; background:url('/new/about/images/about_client_paging_off.jpg') 0 0 no-repeat; overflow:hidden; }
.project #viewer-wrapper #paging #paper a:hover,
.project #viewer-wrapper #paging #paper a.active { background:url('/new/about/images/about_client_paging_on.jpg') 0 0 no-repeat; }
.project #viewer-wrapper .bx-wrapper .bx-caption {
	position: absolute;
	bottom:0;
	left: 0;
	background:;
	width: 280px; text-align:left;
}
.project #viewer-wrapper .bx-wrapper .bx-caption span { font-family:'Roboto',Arial,Dotum,AppleGothic,sans-serif; color:#cfcfcf; font-size:10px; letter-spacing:; font-weight:400; }

.project-list { float:right; margin:-7px 0 0; width:225px; font-family:'Roboto',Arial,Dotum,AppleGothic,sans-serif; color:#777; font-size:10px; letter-spacing:; font-weight:400; line-height:22px; }

.page-view { clear:both; padding:38px 0 0; overflow:hidden; }
.page-view #viewer-wrapper { float:left; width:690px; display:table; position:relative; margin:0; padding:0; overflow:hidden; *zoom: 1; }
.page-view #viewer-wrapper .info-viewer { width:690px; margin:0 auto; }
.page-view #viewer-wrapper .info-viewer .imgbox { display:table; width:690px; height:317px; margin:0 auto; padding:0 0 25px; }
.page-view #viewer-wrapper .info-viewer .imgbox p { display:table-cell; vertical-align:middle; width:690px; height:317px; margin:0 auto; text-align:center; }
.page-view #viewer-wrapper .info-viewer .imgbox img { width:460px; height:317px; margin:0 auto; vertical-align:middle; }

/* PAGER */

.page-view #viewer-wrapper .bx-pager {
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 0;
}

.page-view #viewer-wrapper .bx-pager .bx-pager-item,
.page-view #viewer-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.page-view #viewer-wrapper .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: inline-block;
	width:6px; height:6px;
	margin: 0 4px;
	outline: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background:url('/new/about/images/about_client_paging_off.jpg') 0 0 no-repeat; overflow:hidden;
}

.page-view #viewer-wrapper .bx-pager.bx-default-pager a:hover,
.page-view #viewer-wrapper .bx-pager.bx-default-pager a.active {
	background:url('/new/about/images/about_client_paging_on.jpg') 0 0 no-repeat;
}



.project-info-box { clear:both; padding:25px 0 ; text-align:center; }
.project-info-box h3 { font-family:'Roboto',sans-serif; font-weight:normal; font-size:11px; color:#cecece; letter-spacing:0.03em; }
.project-info-box p { padding:15px 0 0; font-family:'Nanum Gothic',sans-serif; font-size:11px; line-height:180%; color:#797979; }