@charset "utf-8";

/* 공통*/
#gallery-wrap { width:100%; margin:0 auto; max-width:1200px; padding:10px; box-sizing:border-box; }


/* -----------------------------------------------------------------------------------------------
     gallery
--------------------------------------------------------------------------------------------------*/

/* list */
ul.gallery-list { border-top:2px solid #ccc; border-bottom:2px solid #ccc; padding:10px 0;}
ul.gallery-list:after { display:block; clear:both; content:''; }
ul.gallery-list li { display:block; float:left; padding:10px; box-sizing:border-box; }
ul.gallery-list .thumb {  display:block; height:auto; max-width:100%; margin:0; padding:0; border:1px solid #efefef;  border-radius:0; }
ul.gallery-list .thumb .thumb-img { overflow:hidden; text-align:center;}
ul.gallery-list .thumb .thumb-img img {  cursor:pointer !important; }
ul.gallery-list .thumb .thumb-img img  {
	width:100%; 
	transform:matrix(1, 0, 0, 1, 0, 0); 
	transition:0.2s ease-in; 
	-moz-transition:0.2s ease-in; 
	-webkit-transition:0.2s ease-in; 
	-ms-transform:0.2s ease-in; }
ul.gallery-list .thumb .thumb-img img:hover { transform: matrix(1.1, 0, 0, 1.1, 0, 0);  }
ul.gallery-list .caption { padding:5px; display:block; }
ul.gallery-list .caption a { display:block; color:#474747; font-size:15px; }
ul.gallery-list .caption a:hover { color:#000; }
ul.gallery-list .caption .date { margin-top:5px; color:#999; font-size:14px;}
ul.gallery-list.type-5 li { width:20%; }
ul.gallery-list.type-5 li:nth-child(5n+6) { clear:both; }
ul.gallery-list.type-4 li { width:25%; }
ul.gallery-list.type-4 li:nth-child(4n+5) { clear:both; }
ul.gallery-list.type-3 li { width:33.3333333%; }
ul.gallery-list.type-3 li:nth-child(3n+4) { clear:both; }
ul.gallery-list.type-1 li { width:100%; clear:both; display:table; table-layout:fixed; }
ul.gallery-list.type-1 li > div { display:table-cell; }
ul.gallery-list.type-1 li > div.thumb { width:250px; }
ul.gallery-list.type-1 li div.thumb .thumb-img { width:250px; height:150px; }
ul.gallery-list.type-1 li div.thumb .thumb-img a { display:block; width:100%; height:100%;}
ul.gallery-list.type-1 li > div.caption { padding-left:20px; }


@media (max-width:767px){
	ul.gallery-list.type-5 li,
	ul.gallery-list.type-4 li, 
	ul.gallery-list.type-5  li { width:50%; }
	ul.gallery-list.type-5 li:nth-child(5n+6), 
	ul.gallery-list.type-4 li:nth-child(4n+5), 
	ul.gallery-list.type-3 li:nth-child(3n+4) { clear:none; }
	ul.gallery-list.type-5 li:nth-child(2n+3), 
	ul.gallery-list.type-4 li:nth-child(2n+3), 
	ul.gallery-list.type-3 li:nth-child(2n+3) { clear:both; }
	#gallery-wrap .board-list { border-top:0; }	
}

/* listview */
.SumoGallery .Sarrow { background:url(images/arw_slide_s.png) no-repeat; text-indent:-9999px; font-size:0; padding:0; width:60px; height:60px; }
.SumoGallery .Sarrow.r { background-position:-60px 0;}
.SumoGallery .Sheader { height:60px;  }
.SumoGallery .Sheader p { padding:0; line-height:60px; font-size:18px; } 
.SumoGallery .toggle-thumbs { display:none; }
.SumoGallery .Sheader a { line-height:50px; right:10px; }
@media (max-width:767px){
	.SumoGallery .Sarrow { background:url(images/arw_slide_s.png) no-repeat; text-indent:-9999px; font-size:0; padding:0; width:40px; height:40px; background-size:80px; margin-top:-20px; }
	.SumoGallery .Sarrow.r { background-position:-40px 0;}
	.SumoGallery .Sheader { height:50px;  }
	.SumoGallery .Sheader p { padding:0; line-height:50px ; font-size:15px; }
	.SumoGallery .Sheader a { line-height:40px; right:5px; }
}