@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@600;700&display=swap');

/*전체감싸기*/
.wrap-photoGallery{position:relative;word-break:break-all;}
.wrap-photoGallery h2{color:#222;font-size:50px;font-family:'Noto Bold';text-align:right;padding-right:240px;line-height:1;padding-bottom:50px;}
/*게시판*/
.wrap-photoGallery > ul{position:relative;}
.wrap-photoGallery > ul > li{}
/*타이틀*/
.wrap-photoGallery .title{display:none;}
/*목록*/
.wrap-photoGallery .list{padding-left:175px;}
.wrap-photoGallery .list ul{}
.wrap-photoGallery .list ul li{}
/*noData*/
.wrap-photoGallery .list ul li.nodata{font-size:18px;text-align:center;padding:30px 0;width:100%}
/*감싸기*/
.wrap-photoGallery .con{}
.wrap-photoGallery a.subject{display:block;}
/*썸네일*/
.wrap-photoGallery .thumb{width:600px;height:360px;overflow:hidden;}
.wrap-photoGallery .thumb img{width:100%;height:100%;}
/*제목*/
.wrap-photoGallery .subjectText{display:none;}
/*날짜*/
.wrap-photoGallery .date{display:none;}
/*내용*/
.wrap-photoGallery .content{display:none;}
/*더보기*/
.wrap-photoGallery .more{display:block;position:absolute;top:-89px;right:454px;text-indent:-9999px;width:35px;height:35px;background:#005e59;}
.wrap-photoGallery .more::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/plus_1_w.png) center no-repeat;transition:transform 0.3s;}
.wrap-photoGallery .more:hover::before{transform:rotate(90deg);}
/*활성화*/
.wrap-photoGallery .list,
.wrap-photoGallery a.more{display:none}
.wrap-photoGallery > ul > li.active .list,
.wrap-photoGallery > ul > li.active a.more{display:block}

@media only screen and (max-width:1600px){
	.wrap-photoGallery .list{padding-left:12.5%;}
}
@media only screen and (max-width:1280px){
	.wrap-photoGallery h2{font-size:35px; padding-right:0; }
	.wrap-photoGallery .more{top:-83px;right:155px;}
}
@media only screen and (max-width:768px){
	.wrap-photoGallery h2{font-size:30px;text-align:left;padding-right:0;padding-bottom:25px;}
	.wrap-photoGallery .more{top:-83px;right:0;}
	.wrap-photoGallery .list{padding-left:0 !important;}
	.wrap-photoGallery .thumb{width:100%;height:auto;max-height:360px;}
	.wrap-photoGallery .more{top:-58px;background:none;}
	.wrap-photoGallery .more::before{background:url(../images/plus_1_b.png) center no-repeat;}
}

/*CONTROL*/
.wrap-photoGallery .paging button,
.wrap-photoGallery .playstop button,
.wrap-photoGallery .prevnext button{display:inline-block;text-indent:-9999px;}

.wrap-photoGallery .control,
.wrap-photoGallery .playstop button,
.wrap-photoGallery .numbering,
.wrap-photoGallery .prevnext button{position:absolute;z-index:1;}

.wrap-photoGallery .control{left:111px;top:120px;}
.wrap-photoGallery .paging{}
.wrap-photoGallery .paging ul{}
.wrap-photoGallery .paging ul li{line-height:0;}
.wrap-photoGallery .paging ul li button{width:2px;height:10px;background:#FFF;}
.wrap-photoGallery .paging ul li.slick-active button{background:#ffae00;}

.wrap-photoGallery .playstop{}
.wrap-photoGallery .playstop button{left:100px;display:none;top:40px;width:25px;height:25px;}
.wrap-photoGallery .playstop button.on{display:inline-block;}
.wrap-photoGallery .playstop button.play{background:url(../images/play_1_w.png) center no-repeat;}
.wrap-photoGallery .playstop button.stop{background:url(../images/pause_1_w.png) center no-repeat;}

.wrap-photoGallery .numbering{left:90px;bottom:0;line-height:0.7;font-size:18px;font-family: 'Titillium Web', sans-serif;font-weight:600;color:#FFF;}
.wrap-photoGallery .numbering .now{color:#ffae00;}
.wrap-photoGallery .numbering .total{}
.wrap-photoGallery .numbering .slash{padding:0 5px;}
.wrap-photoGallery .numbering .total{}

.wrap-photoGallery .prevnext{}
.wrap-photoGallery .prevnext button{left:100px;background:url(../images/arrow_1_w.png) center no-repeat;width:25px;height:25px;}
.wrap-photoGallery .prevnext button.prev{transform:rotate(-90deg);top:0;}
.wrap-photoGallery .prevnext button.next{transform:rotate(90deg);top:80px;}


@media only screen and (min-width:1024px){
	.wrap-photoGallery a.subject:hover .thumb img{transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);transform:scale(1.1);}
	.wrap-photoGallery a.more:hover{}
	.wrap-photoGallery .prevnext button:hover{background:url(../images/arrow_1_y.png) center no-repeat;}
}
@media only screen and (max-width:1600px){
	.wrap-photoGallery .list{padding-left:12.5%;}
	.wrap-photoGallery .playstop button,
	.wrap-photoGallery .prevnext button{left:5px;}
	.wrap-photoGallery .control{left:17px;}
	.wrap-photoGallery .numbering{left:0px;}
}
@media only screen and (max-width:768px){
	.wrap-photoGallery .control,
	.wrap-photoGallery .numbering{display:none;}
	.wrap-photoGallery .playstop button,
	.wrap-photoGallery .prevnext button{left:auto;top:auto !important;bottom:0;width:40px;height:40px;background-color:rgba(0,0,0,0.7) !important;}
	.wrap-photoGallery .playstop button{right:41px;}
	.wrap-photoGallery .prevnext button.prev{right:82px;transform:rotate(-180deg);}
	.wrap-photoGallery .prevnext button.next{right:0;transform:rotate(0deg);}
}

.con iframe{width:100%; height:auto; min-height:290px;}