@charset "utf-8";

.wrap_photo{word-break:break-all;}

.wrap_photo h2{font-size:35px;color:#3d3d3d;justify-content:center;}
.wrap_photo h2::after{background:#3d3d3d;}
.wrap_photo h2::before{content:"";display:block;width:50px;height:1px;background:#3d3d3d;margin-right:15px;}

/*게시판*/
.wrap_photo > ul{}
.wrap_photo > ul > li{}
/*타이틀*/
.wrap_photo .title{display:none;}
.wrap_photo .title a{}
/*목록*/
.wrap_photo .list{position:relative;}
.wrap_photo .list ul{}
.wrap_photo .list ul li{}

.wrap_photo.section_wrap{max-width:100%;}
.wrap_photo .shadow_img2{position:absolute;top:0;transition:opacity .75s;height:100%;overflow:hidden;width:900px;}
.wrap_photo .shadow_img2.prev{left:50%;margin-left:-1750px;}
.wrap_photo .shadow_img2.next{right:50%;margin-right:-1750px;}
.wrap_photo .shadow_img2 img{max-width:none;width:100%;}

/*noData*/
.wrap_photo .list .nodata{font-size:18px;padding:50px;width:100%;text-align:center;}
/*링크*/
.wrap_photo a.subject{display:flex;justify-content:space-between;align-items:flex-end;flex-direction:row-reverse;max-width:1250px;margin: 0 auto;}

/*썸네일*/
.wrap_photo .thumb{width:100%;height:490px;overflow:hidden;text-align:center;}
.wrap_photo .thumb img{width:100%;max-width:unset;display:inline-block;}

/*컨텐츠*/
.wrap_photo .con{width:60%;margin-right:-20%;}

/*제목*/
.wrap_photo .subjectText{width:50%;font-size:30px;color:#303030;font-family:'S-CoreDream-5Medium';line-height:1.2;margin-bottom:150px;}
.wrap_photo .subjectText::before{content:"";display:block;width:40px;height:2px;background:#00bbda;margin-bottom:20px;}
/*내용*/
.wrap_photo .content{font-size:15px;color:#FFF;font-family:'S-CoreDream-4Regular';line-height:1.8;padding:40px;background:rgba(0,72,152,0.8);}
/*날짜*/
.wrap_photo .date{display:none;}
/*더보기*/
.wrap_photo .more{text-indent:-9999px;position:absolute;left:calc(50% + 150px);bottom:0;width:50px;height:50px;background:rgba(255,255,255,0.3) url(/sites/style_guide/images/common/plus_1_w.png) center no-repeat;}
/*활성화*/
.wrap_photo .list,
.wrap_photo .more{display:none}
.wrap_photo > ul > li.active .list{display:block}
.wrap_photo > ul > li.active .more{}
.wrap_photo > ul > li.active .title a{}

/*CONTROL*/
.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{display:inline-block;text-indent:-9999px;position:absolute;top:calc(50% - 45px);width:90px;height:90px;border-radius:100%;background:rgba(51,109,173,1) url(/sites/style_guide/images/common/arrow_4_w.png) center no-repeat;}
.wrap_photo .prevnext button.prev{transform:rotate(180deg);left:50%;margin-left:-895px;}
.wrap_photo .prevnext button.next{right:50%;margin-right:-895px;}

@media only screen and (max-width:1800px){
	.wrap_photo .shadow_img2.prev{margin-left:-1600px;}
	.wrap_photo .shadow_img2.next{margin-right:-1600px;}
	.wrap_photo .control button.prev{margin-left:-745px;}
	.wrap_photo .control button.next{right:50%;margin-right:-745px;}
}
@media only screen and (max-width:1500px){
	.wrap_photo .control button.prev{left:2%;margin-left:0;}
	.wrap_photo .control button.next{right:2%;margin-right:0;}
}
@media only screen and (max-width:1280px){
	.wrap_photo a.subject{max-width:none;padding:0 150px;}
	.wrap_photo .subjectText{font-size:25px;}
	.wrap_photo .prevnext button{top:calc(50% - 40px);width:80px;height:80px;}
}
@media only screen and (max-width:1024px){
	.wrap_photo h2{font-size:25px;}
	.wrap_photo a.subject{display:block;padding:0 25px;position:relative;}
	.wrap_photo .thumb{width:100%;height:auto;}
	.wrap_photo .thumb img{height:auto;max-width:100%;}
	.wrap_photo .con{width:100%;margin-right:0;position:absolute;left:0;bottom:0;width:100%;padding:0 25px;background:rgba(255,255,255,0.8);}
	.wrap_photo .subjectText{font-size:20px;width:100%;padding:20px;margin-bottom:0;}
	.wrap_photo .content{padding:20px;}
	.wrap_photo .control button{border-radius:0;background:url(/sites/style_guide/images/common/arrow_6_b.png) center no-repeat;}
	.wrap_photo .control button.prev{left:0;}
	.wrap_photo .control button.next{right:0;}
}
@media only screen and (max-width:768px){
	.wrap_photo h2::after,
	.wrap_photo h2::before{display:none;}
}
@media only screen and (max-width:480px){
	.wrap_photo .con{position:relative;padding:0;}
	.wrap_photo .subjectText{font-size:18px;padding:20px 0;}
}


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