/* 	갤러리 사이즈, 위치 설정 */



/* 	갤러리 전체 사이즈설정 */

/* 	전체감싸는놈 - 이놈 따라서 전체위치 조정- 크기는 상관X */
DIV#page {
	TEXT-ALIGN: left;
	WIDTH: 10px;
	height: 10px;
	
	position:absolute;
	top:30px;
	left:14px;
	
	border: thi solid #666;
	
		
	
}

/* 	그 안에 전체크기 */

DIV#container {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px;
	width: 100%;
	height: 100%;
	
	
		
}






/* 	pre-next 및 전체 위치조절- 큰이미지위치-건들지x */
DIV.content {
	WIDTH: 10px;
	height: 10px;
	DISPLAY: none;
	FLOAT: right;
	position:absolute;
	top:0px;
	left:120px;
	
	border: thi solid #666;
	
}

/* 	pre-next 테두리및 글자크기 여러가지 조정 */
DIV.content A {
	COLOR: #fff;
	TEXT-DECORATION: none;
	margin-right: 0px;
	margin-left: 5px;
	font-family: 'Raleway', Arial, sans-serif;
	
	
	font-size: 13px;
	
	
	
}

DIV.navigation A {
	COLOR: #fff;
	TEXT-DECORATION: none
}

DIV.content A:focus {
	color: #fff;
	
}
DIV.content A:hover {
	
	color: #fff;	
	
}
DIV.content A:active {
	color: #fff;	
	
}




/* 	pre-next 조절 - 좌우 상하 간격*/

DIV.controls {
	MARGIN-TOP: 47px;
	HEIGHT: 10px;
	width: 367px;
	margin-left: -177px;
	
}

/* 	pre-next 얘가 진짜 조절하는놈!!! */
DIV.controls A {
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	PADDING-TOP: 5px;
	background-color: #999;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 1;	
}
DIV.ss-controls {
	FLOAT: left
}
DIV.nav-controls {
	FLOAT: right
}





DIV.slideshow-container {
	POSITION: relative;
	HEIGHT: 2px;
	CLEAR: both;
	
}



/* 	큰사이즈이미지 위치!! 얘를 기준으로 이동 */

DIV.slideshow SPAN.image-wrapper {
	POSITION: absolute;
	DISPLAY: block;
	TOP: -65px;
	LEFT: -140px;
	
	
}












/* 	큰사이즈이미지 크기/위치조정하는놈- 얘를 눌르면 반짝임 */

DIV.slideshow A.advance-link {
	TEXT-ALIGN: left;
	LINE-HEIGHT: 0px;
	WIDTH: 300px;
	DISPLAY: block;
	HEIGHT: 200px;
	
	border: thi solid #666;
	
	
}
DIV.slideshow A.advance-link:hover {
	TEXT-DECORATION: none
}
DIV.slideshow A.advance-link:active {
	TEXT-DECORATION: none
}
DIV.slideshow A.advance-link:visited {
	TEXT-DECORATION: none
}

/* 	큰사이즈이미지 테두리 */





/* 	뭔질 모르겠다 */
DIV.download {
	FLOAT: right
}
/* 	뭔질 모르겠다 */
DIV.caption-container {
	POSITION: relative;
	HEIGHT:10px;
	width: 10px;
	CLEAR: right;
	
}

/* 	뭔질 모르겠다 */
SPAN.image-caption {
	POSITION: absolute;
	WIDTH: 150px;
	DISPLAY: block;
	TOP: 0px;
	LEFT: 0px;
	
}
DIV.caption {
	
}




/* 	필요없는듯 */

DIV.image-title {
	FONT-SIZE: 1.4em;
	FONT-WEIGHT: bold;
	
}
DIV.image-desc {
	LINE-HEIGHT: 1.3em; PADDING-TOP: 12px
}
DIV.navigation {
	
}





/* 	작은그림 이동!! */
UL.thumbs {
	position:relative;
	left: -10px;
	top:165px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	CLEAR: both;
	PADDING-TOP: 0px;
	
	border: thi solid #666;
	
}
/* 	작은그림 패딩,마진으로 간격조절 */
UL.thumbs LI {
	PADDING-BOTTOM: 10px;
	LIST-STYLE-TYPE: none;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	PADDING-TOP: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right:10px;
	
}



/* 	작은그림테두리 */
A.thumb {
	BORDER-BOTTOM: #ccc 1px solid;
	BORDER-LEFT: #ccc 1px solid;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	DISPLAY: block;
	BORDER-TOP: #ccc 1px solid;
	BORDER-RIGHT: #ccc 1px solid;
	PADDING-TOP: 2px;
	
}

/* 	클릭했을때 테두리 */
UL.thumbs LI.selected A.thumb {
	background-color: #666;	
}
A.thumb:focus {
	OUTLINE-STYLE: none; 
	OUTLINE-COLOR: invert; 
	OUTLINE-WIDTH: medium
}
/* 	작은그림 배경색 */
UL.thumbs IMG {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	DISPLAY: block;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none;
	
}



/* 	작은그림들 위치 */

DIV.pagination {
	CLEAR: both
}

/* 	보톰으로 위아래 위치 조정 */
DIV.navigation DIV.top {
	MARGIN-BOTTOM: 30px;
	HEIGHT: 11px;
	
}
DIV.navigation DIV.bottom {
	MARGIN-TOP: 12px;
	
}




DIV.pagination A {
	BORDER-BOTTOM: #ccc 1px solid;
	BORDER-LEFT: #ccc 1px solid;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 7px;
	PADDING-RIGHT: 7px;
	DISPLAY: block;
	FLOAT: left;
	BORDER-TOP: #ccc 1px solid;
	MARGIN-RIGHT: 2px;
	BORDER-RIGHT: #ccc 1px solid;
	PADDING-TOP: 4px;
	
}
DIV.pagination SPAN.current {
	BORDER-BOTTOM: #ccc 1px solid;
	BORDER-LEFT: #ccc 1px solid;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 7px;
	PADDING-RIGHT: 7px;
	DISPLAY: block;
	FLOAT: left;
	BORDER-TOP: #ccc 1px solid;
	MARGIN-RIGHT: 2px;
	BORDER-RIGHT: #ccc 1px solid;
	PADDING-TOP: 4px;
	
}
DIV.pagination SPAN.ellipsis {
	BORDER-BOTTOM: #ccc 1px solid;
	BORDER-LEFT: #ccc 1px solid;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 7px;
	PADDING-RIGHT: 7px;
	DISPLAY: block;
	FLOAT: left;
	BORDER-TOP: #ccc 1px solid;
	MARGIN-RIGHT: 2px;
	BORDER-RIGHT: #ccc 1px solid;
	PADDING-TOP: 4px;
	
}

/* 	그림 오버시 변하는색 */
DIV.pagination A:hover {
	BACKGROUND-COLOR: #eee; 
	TEXT-DECORATION: none
}
DIV.pagination SPAN.current {
	BORDER-BOTTOM-COLOR: #000; 
	BACKGROUND-COLOR: #000; 
	BORDER-TOP-COLOR: #000; 
	COLOR: #fff; 
	BORDER-RIGHT-COLOR: #000; 
	BORDER-LEFT-COLOR: #000; 
	FONT-WEIGHT: bold
}
DIV.pagination SPAN.ellipsis {
	BORDER-BOTTOM: medium none; 
	BORDER-LEFT: medium none; 
	PADDING-BOTTOM: 3px; 
	PADDING-LEFT: 2px; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: medium none; 
	BORDER-RIGHT: medium none; 
	PADDING-TOP: 5px
}