@charset "UTF-8";

/* 제목 */
.notice-title{font-size: 32px; letter-spacing: 3px; padding-top: 40.5px; position: relative; margin-left: 200px;}
.notice-title strong{letter-spacing: 15px; display: block; overflow: hidden; font-family:'Noto Medium';}
.fonts{float: left;}
.notice-title::before{content: "";position: absolute; width: 50px; height: 50px; display: block; background-image: url(../images/shape_1.png); bottom: -10px; left: 150px;}
.notice-title strong::after{content: ""; width: 200px; height: 2px; background-color: black; float: left; display: inline-block; margin-top: 23px; margin-left: 0;}
.notice-more-btn{float: right; width: 40px; height: 40px; border: 1px solid black; position: relative; top: -50px;}
.notice-more-logo{width: 24px; height: 24px; background: url(../images/more_btn_2.png) no-repeat center; margin: 8px 0 0 8px;}
.notice-more-logo a{display: block; width: 100%; height: 100%;}

/* 공지사항 앨범형 게시판 */
.wrap-photo {position: relative; padding: 0 10px;}

.wrap-photo .slick-slider{position: static;}

.wrap-photo .thumb{/*height: 270px;*/ height: 385px; position: relative;}
.wrap-photo .thumb a{display: block; width: 100%; height: 100%;}
/* .wrap-photo .title {font-size: 20px; font-family: "Noto Regular"; line-height: 1; margin: 5px 0 30px 0;} */
.wrap-photo .subject {overflow: hidden;  font-size: 16px; font-family: 'Noto Light'; position: absolute; width: 100%; bottom: 0; background-color: rgba(0,0,0,0.5); color: white;}
.wrap-photo .subject p{padding: 15.5px 25px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;}
.wrap-photo .date {font-size: 14px; color: #666666;}
.wrap-photo .control {position: absolute; right: 35px; bottom: 0; width: 100%; text-align: right;}
.wrap-photo .control:after {content: ''; position: absolute; width: calc(100% - 70px); height: 1px; right: 0; top: 50%; background: #9da5a9; }
.wrap-photo .control button {position: relative; z-index: 100; display: inline-block; width: 75px; height: 50px; text-indent: -99999px;}
.wrap-photo .control button.prev {background: #274164 url('../images/arrow-photo-prev.png') no-repeat center center; margin-right: -4px;}
.wrap-photo .control button.next {background: #274164 url('../images/arrow-photo-next.png') no-repeat center center;}
.wrap-photo .nodata {text-align: center; padding: 50px 0;}
.wrap-photo .recentBbsMore{width: 30px; height: 30px; display: block; position: absolute; /*top: 0; right: 0;*/top: 20px; right: 20px; background: url(../images/more-btn.png) no-repeat center / contain; text-indent: -9999px;}

.wrap-photo .slick-dots{position: absolute; /*top: 0; right: 40px;*/ top: 20px; right: 70px;}
.wrap-photo .slick-dots li{float: left; width: 26px; height: 26px; border-radius: 50%; margin-right: 8px; position: relative; cursor: pointer;}
.wrap-photo .slick-dots li:last-child{margin-right: 0;}
.wrap-photo .slick-dots li.slick-active{border: 1px solid #006ecc;}
.wrap-photo .slick-dots li button{display: block; text-indent: -9999px; width: 4px; height: 4px; border-radius: 50%; background-color: #006ecc; position: absolute; top: 50%; left: 50%; margin-top: -2px; margin-left: -2px; border: 0;}

/* skin */
.wrap-photo{position: relative; z-index: 2;}
.wrap-photo .list{position: relative; clear: both; background-color: rgba(255,255,255,0.95); border-radius: 20px;  box-shadow: 0px 15px 22px rgba(0,0,0,0.21); overflow: hidden; margin-top: 20px;padding: 60px 40px 40px;}
.wrap-photo .list li:last-child{border-bottom: 0;}
.wrap-photo .list li:last-child .con{border-bottom: 0;}
.wrap-photo .list li p{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;}


@media all and (max-width:1544px){
    .notice-title{margin-left: 100px;}
    .notice-title strong::after{width: 130px;}
}

/* @media all and (max-width:1400px) {
    .wrap-photo .title {line-height: 1.2}
} */

@media all and (max-width:1250px){
    .notice-title{margin-left: 0;}
    .wrap-photo{margin-bottom: 30px;}
}

@media all and (max-width:1023px) {
    .wrap-photo {padding: 0 0 0 35px;}
    .wrap-photo .thumb img {width: 100%;}
    /* .wrap-photo .title {background-image: none; padding-bottom: 0;} */
    .wrap-photo .control {right: 0;}
    .wrap-photo .control:after {width: calc(100% - 35px);}
}

@media all and (max-width:767px) {
    /* 제목 */
    .notice-title{font-size: 22px;}
    .notice-title strong::after{width: 50px;}
    /* 공지사항 앨범형 게시판 */
    .wrap-photo {padding: 0 0 60px 0;}
    .wrap-photo .control:after {width: calc(100%);}
}