﻿/* 포트폴리오 리스트 */
.img-A1, .img-A2, .img-A3, .img-A4, .img-A5, .img-A6, .img-A7, .img-A8, .img-A9, .img-A10, .img-A11, .img-A12, .img-A13, .img-A14, .img-A15, .img-A16, .img-A17, .img-A18, .img-A19, .img-A20, .img-A21, .img-A22, .img-A23, .img-A24, .img-A25, .img-A26, .img-A27, .img-A28, .img-A29, .img-A30, .img-A31, .img-A32, .img-A33, .img-A34, .img-A35, .img-A36, .img-A37, .img-A38, .img-A39, .img-A40, .img-A41, .img-A42, .img-A43, .img-A44, .img-A45, .img-A46, .img-A47, .img-A48, .img-A49, .img-A50, .img-A51 {
	float: left;
	position: relative;
}
.hover-A1, .hover-A2, .hover-A3, .hover-A4, .hover-A5, .hover-A6, .hover-A7, .hover-A8, .hover-A9, .hover-A10, .hover-A11, .hover-A12, .hover-A13, .hover-A14, .hover-A15, .hover-A16, .hover-A17, .hover-A18, .hover-A19, .hover-A20, .hover-A21, .hover-A22, .hover-A23, .hover-A24, .hover-A25, .hover-A26, .hover-A27, .hover-A28, .hover-A29, .hover-A30, .hover-A31, .hover-A32, .hover-A33, .hover-A34, .hover-A35, .hover-A36, .hover-A37, .hover-A38, .hover-A39, .hover-A40, .hover-A41, .hover-A42, .hover-A43, .hover-A44, .hover-A45, .hover-A46, .hover-A47, .hover-A48, .hover-A49, .hover-A50, .hover-A51 {
	margin: 0;
	position: absolute;
	z-index: 2;
	text-align:center;
}
/* 포트폴리오 리스트 END */

#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
}
#sb-container {
	position:fixed;
	margin:0;
	padding:0;
	top:0;
	left:0;
	z-index:999;
	text-align:left;
	visibility:hidden;
	display:none;
}
#sb-overlay {
	position:relative;
	height:100%;
	width:100%;
	opacity: 0.8 !important;
}
#sb-wrapper {
	position:absolute;
	visibility:hidden;
	width:100px;
}
#sb-wrapper-inner {
	position:relative;
	border:1px solid #5c5c5c;
	overflow:hidden;
	height:100px;
}
#sb-body {
	position:relative;
	height:100%;
}
#sb-body-inner {
	position:absolute;
	height:100%;
	width:100%;
}
#sb-player.html {
	height:100%;
	overflow:auto;
}
#sb-body img {
	border:none;
}
#sb-loading {
	position:relative;
	height:100%;
}
#sb-loading-inner {
	position:absolute;
	font-size:14px;
	line-height:24px;
	height:24px;
	top:50%;
	margin-top:-12px;
	width:100%;
	text-align:center;
}
#sb-loading-inner span {
	background:url(loading.gif) no-repeat;
	padding-left:34px;
	display:inline-block;
}
#sb-body, #sb-loading {
	background-color:#060606;
}
#sb-title{height:30px;
}
#sb-title, #sb-info {
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
}
#sb-title, #sb-title-inner {
	height:0px;
	line-height:0px;
}
#sb-title-inner {
	font-weight: bold;
	font-size:16px;
}
#sb-info, #sb-info-inner {
	height:20px;
	line-height:20px;
}
#sb-info-inner {
	font-size:12px;
}
#sb-nav {
	float:right;
	height:20px;
	padding:0;
	width:45%;
}
#sb-nav a {
	display:block;
	float:right;
	height:20px;
	width:20px;
	margin-bottom:3px;
	cursor:pointer;
	background-repeat:no-repeat;
}
#sb-nav-close {
	background-image:url(close.png);
}
#sb-nav-next {
	background-image:url(next.png);
}
#sb-nav-previous {
	background-image:url(previous.png);
}
#sb-nav-play {
	background-image:url(play.png);
}
#sb-nav-pause {
	background-image:url(pause.png);
}
#sb-counter {
	float:left;
	width:45%;
}
#sb-counter a {
	padding:0 4px 0 0;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
}
#sb-counter a.sb-counter-current {
	text-decoration:underline;
}
div.sb-message {
	font-size:12px;
	padding:10px;
	text-align:center;
}
div.sb-message a:link, div.sb-message a:visited {
	color:#fff;
	text-decoration:underline;
}
