@charset "utf-8";

/* 게시판 목록 검색 스타일 */
.list-search { padding:30px; width:100%; margin:0 auto }
.list-search fieldset { border-bottom:1px solid #e5e5e5; margin-bottom: 15px }
.list-search .search-bar { display:flex }
.list-search input { border:0; color:#979797; font-size:20px; padding:10px 0; width:100% }
.list-search button { display:flex; justify-content:center; align-items:center; border:0; color:#fff; background:#2d2d2d; font-size:15px; width:39px;height:39px; border-radius: 50% }
.list-search .help { color:#505050 }

/* 공지사항 */
#gallery-news-notice {
    /*background:#f8f8f8;*/
    position:relative;
    margin-bottom:30px;
}
#gallery-news-notice .bg-bar { background:#f8f8f8; height:200px; width:100%; position:absolute; z-index: -1; left:0; top:80px }
#gallery-news-notice .swiper-container {width: 100%;height: auto }
#gallery-news-notice .swiper-slide { width:70%; padding:10px; }
#gallery-news-notice .swiper-slide .contents {
    display:flex;
    justify-content: center;
    flex-direction: column;
    padding:40px 20px;
}
#gallery-news-notice div.image { height:calc(100vw * 0.7); overflow: hidden }
#gallery-news-notice div.image img {width:100%; border-radius: 30px }
#gallery-news-notice .swiper-slide .contents h1 {
    font-size:20px;
    font-weight:500;
    margin-bottom:30px;
}
#gallery-news-notice .swiper-slide .contents h2 {color:#4876ee;}
#gallery-news-notice .swiper-slide .contents .category { display:flex; color:#9b9b9b; align-items: center}
#gallery-news-notice .swiper-slide .contents .category span { margin-right:5px}
#gallery-news-notice .swiper-slide .contents .category span.bar { margin-top:-2px; font-size:.8em }
#gallery-news-notice .swiper-nav {
    z-index: 999;
    position:absolute;
    right:20px; bottom:20px;
    display:flex;
    align-items: center;
    justify-content: space-between;
    width:150px;
    height:30px;
}
#gallery-news-notice .swiper-nav .buttons {
    width:50px;
    display: flex;
    justify-content: space-between;
}

#gallery-news-notice .swiper-button-next,
#gallery-news-notice .swiper-button-prev {
    color: #000 !important;
    fill: black !important;
    stroke: black !important;
}
#gallery-news-notice .swiper-button-next:after,
#gallery-news-notice .swiper-button-prev:after {font-size:1.4em !important;}
#gallery-news-notice .swiper-button-prev, #gallery-news-notice .swiper-container-rtl .swiper-button-next {left: 70px !important;}


/* 게시판 목록 */
#gallery-news-list { padding:0 10px 50px 10px }
#gallery-news-list .buttons { display:flex; justify-content: space-between; margin-bottom: 50px }
#gallery-news-list .buttons div { display:flex; align-items: center }
#gallery-news-list .buttons div .gs-btn {
    font-size: 15px;text-decoration: none; text-align: center;
    padding:.6em 1em;height:3em;
    cursor:pointer;
    display:flex;
    align-items: center;
    border:0;
    color:#191919;
    background:#f9f9f9;
}
#gallery-news-list .buttons div .gs-btn:hover {background: #dbdbdb;}
#gallery-news-list .buttons div .gs-btn input { width:15px; height:15px }

#gallery-news-list ul.list { display:flex; flex-wrap: wrap; }
#gallery-news-list ul.list li {overflow:hidden; position:relative; width:calc(50% - 5px); border:1px solid #e9e9e9; margin-right:10px; margin-bottom:10px }
#gallery-news-list ul.list li.empty_list { width:100% }
#gallery-news-list ul.list li:nth-child(2n+2) { margin-right:0 }
#gallery-news-list ul.list li .contents { color:#191919; font-size:18px; padding:15px 15px 30px 15px }
#gallery-news-list ul.list li .check { position:absolute; left:10px; top:10px; z-index: 999 }
#gallery-news-list ul.list li .check input { width:15px; height:15px }
#gallery-news-list ul.list li .info { font-size:.8em; display:flex; justify-content: space-between; position:absolute; left:0; bottom:0; width:100%; padding:0 15px 15px 15px; color: #c6c6c6}
#gallery-news-list ul.list li .category {display:flex; align-items:center; color:#4876ef; font-size:.8em; margin-bottom: 15px}
#gallery-news-list ul.list li .category span { margin-right: 5px}
#gallery-news-list ul.list li .category span.bar { font-size:.8em; margin-top: -2px}
#gallery-news-list ul.list li h2 { font-weight: 400 }

#gallery-news-list ul.list li .tags { font-size:11px; padding-top:10px }
#gallery-news-list ul.list li .tags span {
    white-space: nowrap;
    display: inline-block;
    margin-right:5px; margin-bottom: 5px;
    border:1px solid #44eca7; border-radius: 20px; padding:0 8px; background:#fff; color:#44eca7
}
#gallery-news-list ul.list li .tags span:hover {
    background:#44eca7;
    color:#fff;
}
#gallery-news-list ul.list li .disable-cover {display:none}
#gallery-news-list ul.list li.disable .disable-cover {
    display:flex;
    justify-content: center;
    align-items: center;
    position:absolute; z-index: 999;
    left:0;top:0;width:100%; height:100%;
    background:rgba(0,0,0,0.4);
    font-size:25px;
    font-weight: 800;
    text-align: center;
    color:rgba(255,255,255,0.6);
}

#gallery-news-list .pg_wrap {
    clear: both;
    text-align: center;
    float: none;
    display: block;
}

#gallery-news-list ul.list li .contents span.icon {
    display:inline-flex;
    justify-content: center;
    align-items: center;
    background:#d0d0d0;
    padding:2px;
    font-size:12px;
    line-height: 12px;
    color:#fff;
    border-radius: 3px;
    margin-left: 5px;
    vertical-align: bottom;
    width:22px; height:22px
}
#gallery-news-list ul.list li .contents span.icon.new_icon {
    background-color:#3b96dc;
}
#gallery-news-list ul.list li .contents span.icon.hot_icon {
    background-color:#d13f4a;
}

#gallery-news-list ul.list li div.image {
    overflow:hidden;
    background-color: #efefef;
    width:100%;
    font-size:35px;
    font-weight: 800;
    color:#d0d0d0;
    display:flex;
    justify-content: center;
    align-items: center;
}
#gallery-news-list ul.list li div img {
    width:100%;
    height:100%;
    object-fit: cover;
    transform:scale(1.0);             /*  default */
    transition: .3s ease-out;
}
#gallery-news-list ul.list li:hover div img {
    transition: .3s ease-in;
    transform:scale(1.2);          /*  default */
}

#gallery-news-list ul.list li .sns {
    position:absolute;
    left:10px; top:10px;
    width:40px; height:40px;
}

#gallery-news-list .paging { padding:20px 0 }
#gallery-news-list .paging a { border:1px solid #8a8a8a; display:block; width:100%; margin:0 auto; padding:20px; border-radius: 70px; text-align:center; font-weight:600; font-size:1.2em }
#gallery-news-list .paging a:hover { background-color: #4876f0; color:#fff }