@charset "utf-8";

/* 그누보드 공통 */
.sound_only {display: inline-block !important; position: absolute; top: 0; left: 0; width: 0; height: 0; margin: 0 !important; padding: 0 !important; font-size: 0; line-height: 0; border: 0 !important; overflow: hidden !important;}

/* 리스트형 게시판 템플릿 (리스트 페이지) */
.board {}
.board .notice {}
.board .notice .notice_util {display: flex; justify-content: flex-end; margin-bottom: 30px;}
.board .notice .notice_util .notice_search {position: relative;}
.board .notice .notice_util .notice_search input {border: none; border-bottom: 1px solid #222; width: 300px; padding: 10px 30px 10px 0; font-size: 15px;}
.board .notice .notice_util .notice_search input:focus {outline: none;}
.board .notice .notice_util .notice_search button {position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: none; border: none; cursor: pointer;}
.board .notice .notice_util .notice_search button i {font-size: 20px;}
.board .notice .notice_list {margin-bottom: 30px;}
.board .notice .notice_list ul {border-top: 1px solid #107fc9;}
.board .notice .notice_list ul li {display: flex; align-items: center; border-bottom: 1px solid #ddd;}
.board .notice .notice_list ul li:first-child {background: #fafafa;}
.board .notice .notice_list ul li.con:hover {background: #f6f7f9;}
.board .notice .notice_list ul li > div {}
.board .notice .notice_list ul li > div p {padding: 20px 0;}
.board .notice .notice_list ul li .num {width: 10%; text-align: center;}
.board .notice .notice_list ul li .num p {}
.board .notice .notice_list ul li .num p.notice {display: inline-block; background: #107fc9; color: #fff; font-size: 12px; padding: 5px 10px; border-radius: 5px;}
.board .notice .notice_list ul li .title {width: 55%; text-align: center;}
.board .notice .notice_list ul li.con .title {text-align: left;}
.board .notice .notice_list ul li .title p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board .notice .notice_list ul li .write {width: 10%; text-align: center;}
.board .notice .notice_list ul li .write p {}
.board .notice .notice_list ul li .date {width: 15%; text-align: center;}
.board .notice .notice_list ul li .date p {}
.board .notice .notice_list ul li .view {width: 10%; text-align: center;}
.board .notice .notice_list ul li .view p {}
.board .notice .notice_bt {position: relative;}
.board .notice .notice_bt .notice_add {display: flex; justify-content: flex-end;}
.board .notice .notice_bt .notice_add a {background: #107fc9; color: #fff; padding: 15px 40px; font-size: 15px;}
.board .notice .notice_bt .notice_page {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.board .notice .notice_bt .notice_page .pg_wrap {}
.board .notice .notice_bt .notice_page .pg_wrap .pg {display: flex; justify-content: center;}
.board .notice .notice_bt .notice_page .pg_wrap .pg .pg_current {position: relative; padding: 0 3px; margin: 0 7px; font-weight: 500;}
.board .notice .notice_bt .notice_page .pg_wrap .pg .pg_current::after {content: ""; position: absolute; bottom: -5px; left: 0; width: 100%; height: 1px; background-color: #222;}
.board .notice .notice_bt .notice_page .pg_wrap .pg .pg_page {margin: 0 5px; padding: 0 5px; color: #aaa; font-size: 15px;}
.board .notice .notice_bt .notice_page .pg_wrap .pg .pg_page:hover {color: #222;}
.board .notice .notice_bt .notice_page .pg_wrap .pg .pg_page.on {color: #222;}

/* 리스트형 게시판 템플릿 (내용 페이지) */
.board .notice .notice_view {margin-bottom: 30px;}
.board .notice .notice_view ul {border-top: 1px solid #107fc9;}
.board .notice .notice_view ul li {border-bottom: 1px solid #ddd;}
.board .notice .notice_view ul li .title {text-align: center; padding: 30px 0;}
.board .notice .notice_view ul li .title h2 {margin-bottom: 10px;}
.board .notice .notice_view ul li .title p {}
.board .notice .notice_view ul li .title p span {display: inline-block; font-size: 15px; margin-right: 5px; color: #aaa;}
.board .notice .notice_view ul li .title p span:last-child {margin-right: 0;}
.board .notice .notice_view ul li .file {display: flex; align-items: center; padding: 15px 30px;}
.board .notice .notice_view ul li .file .file_cate {margin-right: 10px;}
.board .notice .notice_view ul li .file .file_cate p {line-height: 1.4;}
.board .notice .notice_view ul li .file .file_list {display: flex; align-items: center;}
.board .notice .notice_view ul li .file .file_list p {line-height: 1.4; color: #aaa; margin-right: 10px;}
.board .notice .notice_view ul li .file .file_list p:last-child {margin-right: 0;}
.board .notice .notice_view ul li .file .file_list p a {display: inline-block; color: #aaa; font-size: 14px;}
.board .notice .notice_view ul li .file .file_list p a:hover {color: #222;}
.board .notice .notice_view ul li .desc {padding: 30px; min-height: 300px;}
.board .notice .notice_view ul li .desc img {max-width: 100%;}
.board .notice .notice_view ul li .page {display: flex; align-items: center;}
.board .notice .notice_view ul li .page > div {padding: 20px;}
.board .notice .notice_view ul li .page > div p {font-size: 15px;}
.board .notice .notice_view ul li .page .page_cate {width: 10%; text-align: center; background: #f6f7f9;}
.board .notice .notice_view ul li .page .page_cate p {}
.board .notice .notice_view ul li .page .page_title {width: 75%;}
.board .notice .notice_view ul li .page .page_title a {display: block;}
.board .notice .notice_view ul li .page .page_title p {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board .notice .notice_view ul li .page .page_date {width: 15%; text-align: center;}
.board .notice .notice_view ul li .page .page_date p {color: #aaa;}
.board .notice .notice_link {text-align: center;}
.board .notice .notice_link a {display: inline-block; border: 1px solid #ddd; padding: 20px 100px; font-size: 15px;}

/* 리스트형 게시판 템플릿 (작성 페이지) */
.board .notice .notice_write {margin-bottom: 30px;}
.board .notice .notice_write ul {border-top: 1px solid #107fc9;}
.board .notice .notice_write ul li {border-bottom: 1px solid #ddd; display: flex;}
.board .notice .notice_write ul li .cate {width: 15%; padding: 20px; background: #f6f7f9; display: flex; align-items: center; flex-wrap: wrap;}
.board .notice .notice_write ul li .cate p {font-size: 15px; width: 100%; line-height: 1.4; text-align: center;}
.board .notice .notice_write ul li .cate p span {font-size: 12px; color: #cc3232;}
.board .notice .notice_write ul li .desc {width: 85%; padding: 20px; display: flex; align-items: center;}
.board .notice .notice_write ul li .desc input[type="text"] {width: 100%; border: 1px solid #ddd; height: 37px; line-height: 37px; padding: 0 10px; font-size: 14px;}
.board .notice .notice_write ul li .desc input[type="text"]:focus {outline: 0;}
.board .notice .notice_write ul li .desc textarea {width: 100%; border: 1px solid #ddd; line-height: 1.4; padding: 10px; font-size: 14px; resize: none;}
.board .notice .notice_write ul li .desc textarea:focus {outline: 0;}
.board .notice .notice_write ul li .desc .file_box {position: relative; width: 75px; margin-right: 20px;}
.board .notice .notice_write ul li .desc .file_box > i {width: 75px; height: 75px; display: flex; background: #f5f5f5; justify-content: center; align-items: center; font-size: 24px;}
.board .notice .notice_write ul li .desc .file_box > p {font-size: 12px; margin-top: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.board .notice .notice_write ul li .desc .file_box .file_del {position: absolute; top: 0; right: 0; width: 20px; height: 20px; background: #107fc9; color: #fff; border: 0; cursor: pointer;}
.board .notice .notice_write ul li .desc .file_box .file_bt {background: #fff; border: 1px solid #ddd; color: #aaa; padding: 5px 10px; font-size: 12px; margin-top: 5px; width: 100%; height: 30px;}
.board .notice .notice_write ul li .desc .file_box #test {display: none;}
.board .notice .notice_upload {display: flex; justify-content: center;}
.board .notice .notice_upload button {width: 200px; height: 55px; border: 1px solid #ddd; background: #fff; font-size: 14px; font-weight: 500;}
.board .notice .notice_upload button:last-child {background: #107fc9; color: #fff; border: 1px solid #107fc9; margin-left: 20px;}

@media screen and (max-width: 1200px) {
    .board .notice .notice_view ul li .page .page_cate {width: 20%;}
    .board .notice .notice_view ul li .page .page_title {width: 60%;}
    .board .notice .notice_view ul li .page .page_date {width: 20%;}
}

@media screen and (max-width: 1024px) {
    .board .notice .notice_list ul li .page .title {width: 60%;}
    .board .notice .notice_list ul li .page .view {display: none;}
    .board .notice .notice_list ul li .page .date {width: 20%;}
}

@media screen and (max-width: 768px) {
    .board .notice .notice_list ul li .num {width: 22%;}
    .board .notice .notice_list ul li .title {width: 48%;}
    .board .notice .notice_list ul li .date {width: 30%;}
    .board .notice .notice_list ul li .write {display: none;}
    .board .notice .notice_list ul li .view {display: none;}
    .board .notice .notice_util .notice_search {width: 100%;}
    .board .notice .notice_util .notice_search input {width: 100%;}
    .board .notice .notice_view ul li .title h2 {font-size: 20px;}
    .board .notice .notice_view ul li .file {padding: 15px;}
    .board .notice .notice_view ul li .desc {padding: 15px;}
    .board .notice .notice_view ul li .page .page_cate {width: 30%;}
    .board .notice .notice_view ul li .page .page_title {width: 70%;}
    .board .notice .notice_view ul li .page .page_date {display: none;}
    .board .notice .notice_write ul li {flex-wrap: wrap;}
    .board .notice .notice_write ul li .cate {width: 100%; padding: 10px;}
    .board .notice .notice_write ul li .cate p br {display: none;}
    .board .notice .notice_write ul li .cate p span {margin-left: 10px;}
    .board .notice .notice_write ul li .desc {width: 100%; padding: 10px 0;}
}

@media screen and (max-width: 425px) {
    .board .notice .notice_list ul li > div p {font-size: 14px;}
    .board .notice .notice_view ul li .file {flex-wrap: wrap;}
    .board .notice .notice_view ul li .file .file_cate {width: 100%;}
    .board .notice .notice_view ul li .file .file_cate p {font-size: 14px;}
    .board .notice .notice_view ul li .file .file_list {flex-wrap: wrap; width: 100%;}
    .board .notice .notice_view ul li .file .file_list p {width: calc(100% / 2); margin-right: 0;}
    .board .notice .notice_view ul li .file .file_list p i {display: none;}
    .board .notice .notice_bt {display: flex; justify-content: center; flex-wrap: wrap; flex-direction: column-reverse;}
    .board .notice .notice_bt .notice_page {position: relative; top: auto; left: auto; transform: translate(0, 0);}
    .board .notice .notice_bt .notice_add {margin-top: 30px;}
    .board .notice .notice_view ul li .page > div {padding: 20px 10px;}
    .board .notice .notice_write ul li .desc {flex-wrap: wrap; justify-content: space-between;}
    .board .notice .notice_write ul li .desc .file_box {width: calc(100% / 4 - 10px); margin-right: 0;}
    .board .notice .notice_write ul li .desc .file_box > i {width: 100%;}
    .board .notice .notice_write ul li .desc .file_bt {width: 100%; margin-top: 20px;}
}

/* 공지사항 */

.board .gallery .gallery_util {display: flex; justify-content: flex-end; margin-bottom: 30px;}
.board .gallery .gallery_util .gallery_search{position: relative;}
.board .gallery .gallery_util .gallery_search input {border: none; border-bottom: 1px solid #222; width: 300px; padding: 10px 30px 10px 0; font-size: 15px;}
.board .gallery .gallery_util .gallery_search input:focus {outline: none;}
.board .gallery .gallery_util .gallery_searchbutton {position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: none; border: none; cursor: pointer;}
.board .gallery .gallery_util .gallery_search button i {font-size: 20px;}

.board .gallery_list{
  margin-top: 30px;
}
.board .gallery_list .gallery-list-wrap > a:hover .contents .subject{
  text-decoration: underline;
}
.board .gallery_list .gallery-list-wrap > a{
  margin-bottom: 80px;
  display: block;
}
.board .gallery_list .gallery-list-wrap > a:last-child{
  margin-bottom: 30px;
  padding-bottom: 60px;
  border-bottom: 2px solid rgb(25,25,25);
}
.board .gallery_list .gallery-list-line{
  display: flex;
  gap: 52px;
}
.board .gallery_list .gallery-list-line > .img{
  width: 400px;
  border: 1px solid #f1f1f1;
  min-height: 260px;
  background: #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board .gallery_list .gallery-list-line > .img img{
  max-width: 100%;
  width: 100%;
}
.board .gallery_list .gallery-list-line > .contents{
  width: calc(100% - 452px);
}
.board .gallery_list .gallery-list-line > .contents .subject{
  font-size: 28px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
  color: rgb(62, 62, 62);
  margin-bottom: 20px;
}
.board .gallery_list .gallery-list-line > .contents .content{
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: rgb(51, 51, 51);
  margin-bottom: 20px;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.board .gallery_list .gallery-list-line > .contents .info > p{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.board .gallery_list .gallery-list-line > .contents .info > p span{
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.6);
}
.board .gallery_list .gallery-list-line > .contents .info > p span:last-child::after{
  display: none;
}
.board .gallery_list .gallery-list-line > .contents .info > p span::after{
  content: "|";
  display: block;
  position: absolute;
  top: 0;
  right: -7px;
}

.board .gallery_list .notice_bt {position: relative;}
.board .gallery_list .notice_bt .notice_add {display: flex; justify-content: flex-end;}
.board .gallery_list .notice_bt .notice_add a {background: #107fc9; color: #fff; padding: 15px 40px; font-size: 15px;}
.board .gallery_list .notice_bt .notice_page {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.board .gallery_list .notice_bt .notice_page .pg_wrap {}
.board .gallery_list .notice_bt .notice_page .pg_wrap .pg {display: flex; justify-content: center;}
.board .gallery_list .notice_bt .notice_page .pg_wrap .pg .pg_current {position: relative; padding: 0 3px; margin: 0 7px; font-weight: 500;}
.board .gallery_list .notice_bt .notice_page .pg_wrap .pg .pg_current::after {content: ""; position: absolute; bottom: -5px; left: 0; width: 100%; height: 1px; background-color: #222;}
.board .gallery_list .notice_bt .notice_page .pg_wrap .pg .pg_page {margin: 0 5px; padding: 0 5px; color: #aaa; font-size: 15px;}
.board .gallery_list .notice_bt .notice_page .pg_wrap .pg .pg_page:hover {color: #222;}
.board .gallery_list .notice_bt .notice_page .pg_wrap .pg .pg_page.on {color: #222;}

@media(max-width:1200px){
  .board .gallery_list .gallery-list-line{
    gap: 20px;
  }
  .board .gallery_list .gallery-list-line > .img{
    width: 300px;
  }
  .board .gallery_list .gallery-list-line > .contents{
    width: calc(100% - 320px);
  }
}


@media(max-width:768px){
  .board .gallery_list .gallery-list-line > .img{
    min-height: 160px;
  }
    .board .gallery .gallery_util .gallery_search input {width: 100%;}
    .board .gallery_list .gallery-list-wrap > a{
      margin-bottom: 50px;
    }
    .board .gallery_list .gallery-list-wrap > a:last-child{
      margin-bottom: 40px;
      padding-bottom: 50px;
      border-bottom: 1px solid rgb(25,25,25);
    }
    .board .gallery_list .gallery-list-line{
      flex-wrap: wrap;
      gap: 10px;
    }
    .board .gallery_list .gallery-list-line > .img{
      width: 100%;
    }
    .board .gallery_list .gallery-list-line > .contents{
      width: 100%;
    }
    .board .gallery_list .gallery-list-line > .contents .subject{
      font-size: 20px;
      margin-bottom: 12px;
    }
    .board .gallery_list .gallery-list-line > .contents .content{
      font-size: 15px;
      margin-bottom: 12px;
    }
    .board .gallery_list .gallery-list-line > .contents .info > p span{
      font-size: 14px;
    }
}

@media(max-width:425px){
  .board .gallery_list .notice_bt .notice_page {position: relative; top: auto; left: auto; transform: translate(0, 0);}
}

/* 갤러리 */