@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@600;700&display=swap');

/*전체감싸기*/
#menu10035_obj808 {max-height: 425px;z-index: 1;}
.wrap-photoGallery{position:relative;word-break:break-all;display: flex;flex-direction: column;justify-content:
space-between; }
.wrap-photoGallery h2{font-size: 30px;font-family:'Noto Bold';line-height:1; */;margin-top: 5px;margin-left:
5px;}
.wrap-photoGallery > ul{position:relative;max-height: calc(100% - 55px);}
.wrap-photoGallery > ul:before {content:'';position:absolute;width:100%;height: 40px;background: #383838;bottom: 0;left:
0;z-index: 1;}
.wrap-photoGallery > ul > li{height: 100%;overflow: hidden;}
.wrap-photoGallery .title{display:none;}
.wrap-photoGallery .list{padding-left:175px;padding: 0 !important; overflow: hidden;width: 100%;height: 100%;}
.wrap-photoGallery .list * {height:100%;width: 100%;}
.wrap-photoGallery .list ul li.nodata{font-size:18px;text-align:center;padding:30px 0;width:100%}
.wrap-photoGallery a.subject{display:block;}
.wrap-photoGallery .thumb{width: 100%;height: 100%;overflow:hidden;object-fit: cover;}
.wrap-photoGallery .thumb img{width:100%;height:100%;object-fit: cover;transform: translateZ(0);image-rendering:
-webkit-optimize-contrast;transition: 0.3s;backface-visibility: hidden;}
.wrap-photoGallery .subjectText{display:none;}
.wrap-photoGallery .date{display:none;}
.wrap-photoGallery .content{display:none;}
.wrap-photoGallery .more{display:block;position:absolute;top: -35px !important;right: 0
!important;text-indent:-9999px;width:35px;height:35px;background:#2b2e41 url(../images/plus_1_w.png) center no-repeat;}
.wrap-photoGallery > ul > li.active .list,
.wrap-photoGallery > ul > li.active a.more{display:block;}

@media only screen and (min-width:1024px){
#menu10035_obj808 {
}
.wrap-photoGallery .more:hover{background-color:#005e59;}

}
@media only screen and (max-width:1400px){

.wrap-photoGallery .more{}
#menu10035_obj808 {max-height: 370px;}

}
@media only screen and (max-width:1024px){
	.wrap-photoGallery h2 {font-size:26px; margin-top:8px; margin-bottom:7px;}
	.wrap-photoGallery .thumb img {max-height:300px}
	#menu10035_obj808 {width:100%;margin-left:0;margin-bottom:20px}

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

#menu10035_obj808 {float:initial;}
#menu10035_obj808 {max-height: 330px;}
.wrap-photoGallery h2{}
.wrap-photoGallery .more{}
.wrap-photoGallery .list{padding-left:0 !important;}
.wrap-photoGallery .thumb{width:100%;height:auto;max-height:360px;}
.wrap-photoGallery .more{top: -50px !important;}

}

/*CONTROL*/
.wrap-photoGallery .paging button,
.wrap-photoGallery .playstop button,
.wrap-photoGallery .prevnext button{display:inline-block;text-indent:-9999px;}

.wrap-photoGallery .control, .wrap-photoGallery .numbering{position:absolute;z-index:1;}

.wrap-photoGallery .control{left:111px;top:120px;height: auto;width: auto;display: none;}
.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{height: auto; width: auto; position: absolute; bottom: 0; width: 100%; background:#18181869; left: 0;}
.wrap-photoGallery .playstop > button{width: 20px;height: 20px;position: absolute;right: 34px;bottom: 12px;z-index:1;opacity: 0;}
.wrap-photoGallery .playstop button.on{display:inline-block;opacity: 1;z-index: 3;}
.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: 22px;bottom: 17px;line-height:0.5;font-size:18px;font-family: 'Titillium Web',
sans-serif;font-weight:600;color:#FFF;height: auto;width: auto;}
.wrap-photoGallery .numbering .now{color:#ffae00;}
.wrap-photoGallery .numbering .slash{padding:0 5px;}
.wrap-photoGallery .prevnext{height: auto; width: auto; display: flex; justify-content: center; position: absolute;
right: 0px; bottom: 9px; z-index: 1;}
.wrap-photoGallery .prevnext button{background:url(../images/arrow_1_w.png) center
no-repeat;width:25px;height:25px;margin: 0 10px;}
.wrap-photoGallery .prevnext button.prev{transform: rotate(180deg);}


@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.05);}
.wrap-photoGallery .prevnext button:hover{background:url(../images/arrow_1_y.png) center no-repeat;}
.wrap-photoGallery .list{margin-bottom:30px}

}