/* GALLERY */

.titleArea { width:690px; overflow:visible; }
.titleArea ul { position:absolute; left:127px; top:0; margin:14px 0 0 23px !important; width:540px !important; overflow:; }
.titleArea ul li { height:17px !important; line-height:17px !important; }
.titleArea ul li a { height:17px !important; line-height:17px !important; }

.content { position:relative; padding:17px 0; width:690px; height: 510px; overflow:visible; border-bottom:1px solid #12110c; }
.content .inner { position:relative; z-index:111; width:695px; height: 510px; overflow:auto ; }

.ajax-popup-link img { width:auto !important; height:auto !important; }
.galleryList { position:relative; z-index:1; width:710px; margin:58px 0 58px; font-size:0; line-height:0; }
.galleryList ul { margin:0; font-size:0; line-height:0; text-align:center; }
.galleryList ul li { float:left; max-width:347px; overflow:visible; font-size:0; line-height:0; text-align:center; }
.galleryList .thumbbox { position:relative; z-index:1; float:left; display:inline-block; overflow:hidden; padding:0; margin:0 10px 10px 0; }
.galleryList .thumbbox .ajax-popup-link { display:block; font-size:0; line-height:0; }
.galleryList .thumbbox .hover-info { visibility:hidden; position:absolute; left:0; top:0; z-index:2; padding:0; margin:0; width:100%; height:100%; font-size:11px; line-height:17px; background:#000; opacity:0; color:#fff; text-align:center; cursor:pointer; transition:0.2s; }
.galleryList .thumb { float:left; }
.galleryList .thumbbox:hover .hover-info { visibility:visible; opacity:0.8; transition:0.2s; }
.galleryList .hover-info .subject { position:absolute; left:0; top:0; z-index:2; padding:0; margin:0; display:table; width:100%; height:100%; vertical-align:middle; text-align:center; opacity:1; }
.galleryList .hover-info .subject p { display:table-cell; width:100%; height:; vertical-align:middle; font-size:11px; color:#fff; letter-spacing:1px; text-align:center; opacity:1; }

.galleryList .row { float:left; }
.galleryList .row .thumbbox { clear:both; }

.galleryList .cols { clear:both; width:100%; max-width:100%; text-align:center; }

.centerFix { display:inline-block; margin:0 auto; }
.centerFix .thumbbox { margin:0 5px 10px; }

/* Other */

.otherlist { clear:both; padding:48px 0 0; min-height:500px; border-bottom:1px solid #11120c; }
.otherlist #viewer-wrapper { float:left; width:396px; position:relative; margin:0; padding:0; overflow:hidden; *zoom: 1; }
.otherlist #viewer-wrapper .info-viewer { width:396px; margin:0 auto; }
.otherlist #viewer-wrapper .info-viewer p { width:396px; padding:0 0 44px; margin:0 auto; text-align:center; }
.otherlist #viewer-wrapper .info-viewer img { width:396px; max-height:272px; margin:0 auto; }
.otherlist #viewer-wrapper #paging { float:right; position:relative; margin:-26px 0px 0 0; padding:0 14px; min-width:85px; height:13px; }
.otherlist #viewer-wrapper #paging #slider-prev,
.otherlist #viewer-wrapper #paging #slider-next { position:absolute; top:0; padding:0; }
.otherlist #viewer-wrapper #paging #slider-prev { left:0; }
.otherlist #viewer-wrapper #paging #slider-next { right:0; }
.otherlist #viewer-wrapper #paging #paper { display:block; clear:both; position:relative; padding:4px 0 0; }
.otherlist #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; }
.otherlist #viewer-wrapper #paging #paper a:hover,
.otherlist #viewer-wrapper #paging #paper a.active { background:url('/new/about/images/about_client_paging_on.jpg') 0 0 no-repeat; }
.otherlist #viewer-wrapper .bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0px;
	left: 0;
	background:;
	width: 280px; text-align:left;
}
.otherlist #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; }

.otherlist-list { float:right; margin:-10px 0 0; width:183px; font-family:'Roboto',Arial,Dotum,AppleGothic,sans-serif; color:#777; font-size:13px; letter-spacing:; font-weight:400; line-height:30px; }
.otherlist-list a { color:#777; }


.page-view { clear:both; padding:0px 0 0; overflow:hidden; }
.page-view #viewer-wrapper { float:left; width:690px; 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 p { width:690px; padding:0 0 0px; margin:0 auto; text-align:center; }
.page-view #viewer-wrapper .info-viewer img { width:690px; height:auto; margin:0 auto; }

/* PAGER */

.page-view #viewer-wrapper .bx-pager {
	position: absolute;
	top: 373px;
	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;
}