@charset "UTF-8";
/* =====================================
	collection_detail
===================================== */

body{
	background:#3e3f3f;
}

body.white{
	background:#fff;
}

header{
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
}

header .gnav > ul > li{
	background:none;
}

header .snav a{
	color:#dfd3c0;
}

body.white header .snav a{
	color:#666666;
}

header .menuBtn{
	border-top:1px solid #dfd3c0;
	border-bottom:1px solid #dfd3c0;
}

body.white header .menuBtn{
	border-top:1px solid #231815;
	border-bottom:1px solid #231815;
}

.cnt{
	width:100%;
	padding:0 28px;
	margin:28px auto 0;
	box-sizing:border-box;
}

.cnt ul li{
	width:calc((100% - 84px) / 4);
	float:left;
	margin:0 28px 28px 0;
}

.cnt ul li:nth-child(4n){
	margin-right:0;
}

.cnt ul li img{
	width:100%;
	transition:opacity 0.5s;
}

.cnt ul li a:hover img{
	opacity:0.7;
}

.lightboxOverlay {
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity:0.4;
}

.lb-outerContainer{
    background:none;
    border-radius:0;
	overflow:visible !important;
}

.lb-container{
    padding:0;
}

.lightbox .lb-image {
    border-radius:0;
	border:none;
}

.lb-data .lb-details{
    display:none;
}

.lb-data .lb-close{
    display:none;
}

.lb-loader{
    top:35%;
}

.lb-cancel{
    display:inline-block;
}

body.white .lb-nav a.lb-prev {
  background: url(../img/common/prev01_w.png) no-repeat center;
  background-size:35px 8px;
}

body.white .lb-nav a.lb-next {
  background: url(../img/common/next01_w.png) no-repeat center;
  background-size:35px 8px;
}



@media screen and (max-width:768px){

header .menuBtn{
	border-top:0.26vw solid #dfd3c0;
	border-bottom:0.26vw solid #dfd3c0;
}

.cnt{
	padding:0 3.6vw;
	margin:3.6vw auto 0;
}

.cnt ul li{
	width:calc((100% - 3.65vw) / 2);
	float:left;
	margin:0 3.6vw 3.6vw 0;
}

.cnt ul li:nth-child(2n){
	margin-right:0;
}

.cnt ul li a:hover img{
	opacity:1;
}

}