@charset "utf-8";

.wrap_photo{word-break:break-all;}
/*게시판*/
.wrap_photo > ul{height:100%;}
.wrap_photo > ul > li{position:relative;height:100%;}
/*타이틀*/
.wrap_photo .title{display:none;}
.wrap_photo .title a{}
/*목록*/
.wrap_photo .list,
.wrap_photo .list ul,
.wrap_photo .list ul li,
.wrap_photo .list ul div{height:100%;}
/*noData*/
.wrap_photo .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%}
/*컨텐츠*/
.wrap_photo .con{position:relative;height:100%;}
/*썸네일*/
.wrap_photo .thumb{width:100%;height:100%;}
.wrap_photo .thumb img{width:100%;height:100%;}
.wrap_photo .thumb:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.2);}
/*링크*/
.wrap_photo a.subject{display:block;height:100%;width:100%;position:absolute;top:0;left:0;}
/*제목*/
.wrap_photo .subjectText{font-size:22px;color:#FFF;line-height:1.2;padding:30px 70px;text-align:center;display:flex;justify-content:center;align-items:center;}
/*내용*/
.wrap_photo .content{display:none;}
/*날짜*/
.wrap_photo .date{display:none;}
/*더보기*/
.wrap_photo .more{display:none !important;}
/*활성화*/
.wrap_photo .list,
.wrap_photo .more{display:none}
.wrap_photo > ul > li.active .list,
.wrap_photo > ul > li.active .more{display:block}
.wrap_photo > ul > li.active .title a{}
@media only screen and (max-width:1024px){
	.wrap_photo .con{display:block;}
	.wrap_photo .thumb{width:100%;}
	.wrap_photo a.subject{}
	.wrap_photo .subjectText{font-size:20px;}
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:420px){
}


/*CONTROL*/
.wrap_photo .control button{display:inline-block;text-indent:-9999px;position:absolute;top:calc(50% - 20px);width:40px;height:40px;}
.wrap_photo .control{}
.wrap_photo .paging{display:none;}
.wrap_photo .playstop{display:none;}
.wrap_photo .playstop button{}
.wrap_photo .playstop button.on{}
.wrap_photo .playstop button.play{}
.wrap_photo .playstop button.stop{}
.wrap_photo .numbering{display:none;}
.wrap_photo .numbering .now{}
.wrap_photo .numbering .total{}
.wrap_photo .prevnext{}
.wrap_photo .prevnext button{background:rgba(0,0,0,0.5) url(/sites/style_guide/images/common/arrow_2_w.png) center no-repeat;}
.wrap_photo .prevnext button.prev{transform:rotate(180deg);left:0;}
.wrap_photo .prevnext button.next{right:0;}
@media only screen and (max-width:1024px){
}


/*HOVER************************************************************/
@media only screen and (min-width:1025px){
}