/*
div.content { display:none; float:right; width:450px; }
div.content a, div.navigation a { text-decoration:none; color:#777; }
div.content a:focus, div.content a:hover, div.content a:active { text-decoration:none; }
div.controls { height:23px; margin-top:5px; }
div.controls a { padding:5px; font-family:돋움,verdana; color:#444; }
div.ss-controls { float:left; }
div.ss-controls a { font-weight:bold; font-family:verdana; color:#0092ef; }
div.nav-controls { float:right; }
div.nav-controls a { font-size:90%; font-family:verdana; color:#444; }
div.nav-controls a:hover { color:#ff8000; }
div.slideshow-container { position:relative; clear:both; height:350px; }
div.loader { position:absolute; top:0; left:0; width:450px; background:url('/wp_default_image/loader.gif') no-repeat center; }
div.slideshow { }
div.slideshow span.image-wrapper { display:block; position:absolute; top:0; left:0; }
div.slideshow a.advance-link { display:block; width:450px; text-align:center; }
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration:none; }
div.slideshow img { border:1px solid #ccc; vertical-align:middle; }
div.download { float:right; }
div.caption-container { clear:left; position:relative; }
span.image-caption { display:block; position:absolute; top:0; left:0; width:450px; }
div.caption { margin:0; padding-left:10px; }
div.image-title { font-size:100%; font-weight:bold; }
div.image-desc { padding-top:5px; }
div.navigation { }
ul.thumbs { clear:both; margin:0; padding:0; }
ul.thumbs li { float:left; margin:5px 10px 5px 0; padding:0; list-style:none; }
a.thumb { display:block; padding:2px; border:1px solid #ccc; }
ul.thumbs li.selected a.thumb { background-color:#000; }
a.thumb:focus { outline:none; }
ul.thumbs img { display:block; }
div.pagination { clear:both; }
div.navigation div.top { height:11px; margin-bottom:12px; }
div.navigation div.bottom { margin-top:12px; }
div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display:block; float:left; margin-right:2px; padding:4px 7px 2px 7px; border:1px solid #ccc; }
div.pagination a:hover { background-color:#eee; text-decoration:none; }
div.pagination span.current { border-color:#000; background-color:#000; font-weight:bold; color:#fff; }
div.pagination span.ellipsis { padding:5px 0 3px 2px; }
*/

.class_gallery #container { overflow:hidden; background-color:#eee; }

/* 사진 위치 */
.class_gallery div.content { float:left; position:relative; width:66.66%; padding:50px 40px; background-color:#eee; box-sizing:border-box; }
.class_gallery div.slideshow-container { clear:both; position:relative; height:570px; }
.class_gallery div.slideshow { position:relative; height:100%; box-sizing:border-box; }
.class_gallery div.slideshow span.image-wrapper { display:block; position:absolute; top:30px; left:calc(50% - 350px); width:700px; height:525px; }
.class_gallery div.slideshow a.advance-link { display:block; width:100%; font-size:0; text-align:center;}
.class_gallery div.slideshow img { width:100%; border:1px solid #ccc; border-radius:10px; vertical-align:middle; }

/* 사진 상단 컨트롤 */
.class_gallery div.controls { overflow:hidden; position:absolute; top:20px; left:50%; width:100%; padding:5px 45px; transform:translateX(-50%); box-sizing:border-box; }
.class_gallery div.controls a { padding:5px 20px; background-color:#999; border-radius:30px; }
.class_gallery div.ss-controls { float:right; margin-left:10px; }
.class_gallery div.ss-controls a { border:1px solid #ccc; background-color:#fff; color:#777; }
.class_gallery div.nav-controls { float:right; }
.class_gallery div.nav-controls a { margin-left:10px; color:#fff; }

/* 사진 캡션 */
.class_gallery div.caption-container { clear:both; position:absolute; top:30px; left:50px; height:20px; }
.class_gallery span.image-caption {	display: block; position: absolute; top:0; left:0; width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.class_gallery div.caption { padding:0; }
.class_gallery div.image-title { font-size:140%; font-weight:bold; }

/* 썸네일 */
.class_gallery #thumbs { float:right !important; width:33.33% !important; background-color:#fff; }
.class_gallery ul.thumbs { overflow:hidden; margin:0; padding:20px 0 0; text-align:center; list-style:none; }
.class_gallery ul.thumbs li { display:inline-block; width:160px; margin:0 5px 5px; }
.class_gallery a.thumb { overflow:hidden; display:block; height:117px; padding:0; border:2px solid #fff; border-radius:10px;}
.class_gallery ul.thumbs li.selected a.thumb { border:2px solid #ffcc00; }
.class_gallery ul.thumbs img { display:block; width:100%; height:inherit; margin:0 auto; }

/* 썸네일쪽 파지네이션 */
.class_gallery div.pagination { display:none; overflow:hidden; }

@media (max-width:1200px)
{
	/* 사진 위치 */
	.class_gallery div.content { padding:50px 30px; }
	.class_gallery div.slideshow { width:100%; margin:0 auto; }
	.class_gallery div.slideshow span.image-wrapper { left:0; width:100%; transform:translate(0, 0); }
	.class_gallery div.slideshow img { width:100%; }

	/* 사진 상단 컨트롤 */
	.class_gallery div.controls { padding:5px 30px; }

	/* 썸네일 */
	.class_gallery ul.thumbs { padding:50px 10px 0; }
	.class_gallery ul.thumbs li { display:block; float:left; width:49%; margin:0 2% 10px 0; }
	.class_gallery ul.thumbs li:nth-child(2n) { margin-right:0; }
}
@media (max-width:980px)
{
	/* 사진 위치 */
	.class_gallery div.content { float:none; width:100%; }
	.class_gallery div.slideshow-container { height:510px; }
	.class_gallery div.slideshow span.image-wrapper { max-width:700px; height:480px; left:calc(50% - 350px); }

	/* 썸네일 */
	.class_gallery #thumbs { float:none !important; width:100% !important; }
	.class_gallery ul.thumbs { padding:20px 10px 10px; }
	.class_gallery ul.thumbs li { width:20%; margin:0 0 10px; }
	.class_gallery ul.thumbs a { width:90%; margin:0 auto; }
}
@media (max-width:740px)
{
	/* 사진 위치 */
	.class_gallery div.slideshow-container { height:500px; }
	.class_gallery div.slideshow span.image-wrapper { max-width:100%; left:0; }

	/* 썸네일 */
	.class_gallery a.thumb { height:90px; }

	/* 사진 캡션 */
	.class_gallery div.caption-container { top:inherit; bottom:30px; }

}
@media (max-width:680px)
{
	/* 사진 위치 */
	.class_gallery div.slideshow-container { height:460px; }
}
@media (max-width:620px)
{
	/* 사진 위치 */
	.class_gallery div.slideshow-container { height:420px; }

	/* 사진 캡션 */
	.class_gallery div.caption-container { left:0; width:100%; }
	.class_gallery span.image-caption {	width:100%; text-align:center; }
	.class_gallery div.image-title { font-size:130%; }
}
@media (max-width:560px)
{
	/* 사진 위치 */
	.class_gallery div.slideshow-container { height:380px; }
}
@media (max-width:500px)
{
	/* 사진 위치 */
	.class_gallery div.slideshow-container { height:320px; }
}
@media (max-width:420px)
{
	/* 사진 위치 */
	.class_gallery div.content { padding:50px 10px 20px; }
	.class_gallery div.slideshow-container { height:320px; }

	/* 사진 상단 컨트롤 */
	.class_gallery div.controls { padding:5px 10px; }

	/* 썸네일 */
	.class_gallery ul.thumbs li { width:50%; margin:0 0 10px; }
	.class_gallery ul.thumbs a { width:90%; margin:0 auto; }
}
@media (max-width:360px)
{
	/* 사진 위치 */
	.class_gallery div.slideshow-container { height:280px; }
}