/* 게시판 목록 */
.none-reset, .none-reset * {
    font-size: revert;
    font-family: revert;
    font-weight: revert;
    line-height: 1.3;
    color: revert;
    letter-spacing: revert;
    white-space: revert;
}

/* ========== NOTICE LIST 4 ========== */
/* search-form5 */
.search-form5 select::-ms-expand { display:none; }
.search-form5 select { width: 147px; height: 40px; -webkit-appearance:none;  -moz-appearance:none; appearance:none; background: url('../images/bbs/select_btn.png') no-repeat; background-size: 40px; background-position: right center; border: 0; border-top: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; padding-left: 10px; font-size: 18px; letter-spacing: -0.04em; color: #5d6671; }
.search-form5 > form{ display: flex; align-items: center; justify-content: flex-end; }
.search-form5 .s-form { position: relative; width: 230px; height: 40px; margin-left: 14px; }
.search-form5 label { display: none; }
.search-form5 .search-txt { width: 230px; height: 40px; border-top: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; }
.search-form5 .submit { background: url('../images/bbs/search_ic_b.png') no-repeat center/cover; position: absolute; right: 0; top: 50%; width: 40px; height: 40px; text-indent: -9999em; transform: translateY(-50%); cursor: pointer; }

#boardList #noticeList4 { padding: 70px 0 145px; }
#boardList #noticeList4 .board-top { display: flex; justify-content: flex-end; align-items: flex-end; }
#boardList #noticeList4 table { width: 100%; margin: 20px 0 70px; text-align: center; }
#boardList #noticeList4 table td,
#boardList #noticeList4 table th { font-size: 18px; letter-spacing: -0.04em; padding: 20px 0; }
#boardList #noticeList4 table tr { border-bottom: 1px solid #d5d5d5; }
#boardList #noticeList4 table th { font-weight: 700; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#boardList #noticeList4 table td { color: #5b5b5b; }
#boardList #noticeList4 table td.td-txt { text-align: left; color: #000; }
#boardList #noticeList4 table td.td-txt a { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 40vw; line-height: 19px; }
/* PAGINATION */
#pagination5 { display: flex; align-items: center; justify-content: center; position: relative; }
#pagination5 > * { margin: 0 7px; }
#pagination5 .num { display: flex; align-items: center; justify-content: center; padding-top: 5px; }
#pagination5 .num .page-item a { display: inline-block; width: 100%; font-size: 20px; color: #5a5a5a; width: 36px; line-height: 36px; text-align: center; border: 1px solid #fff; }
#pagination5 .num .page-item.on a { border: 1px solid #222; }
/* ========== NOTICE LIST 4 ========== */


/* 게시판 상세 */
/* ========== VIEW PAGE 2 ========== */
#boardView { margin-top: 120px; margin-bottom: 120px; }
#boardView #viewPage2{ margin-bottom: 100px; }
#boardView #viewPage2 .s-top-h2{ padding-bottom: 60px; }
#boardView #viewPage2.notice-view{ margin-bottom: 70px; }

#boardView #viewPage2 .board-view .view-top{ padding-bottom: 25px; display: flex; justify-content: space-between; align-items: center; }
#boardView #viewPage2 .board-view .view-top .v-title{ font-size: 24px; color: #000; font-weight: 600; }
#boardView #viewPage2 .board-view .view-top .v-write span{ display: inline-block; vertical-align: bottom; color: #999; font-size: 16px; }
#boardView #viewPage2 .board-view .contents{ padding: 50px 0; margin-bottom: 65px; border-top: 1px solid #999; border-bottom: 1px solid #999; }
#boardView #viewPage2 .board-view .contents p{ font-size: 16px; /*line-height: 2;*/ }
#boardView #viewPage2 .board-view .contents p.pb-30{ padding-bottom: 30px; }
#boardView #viewPage2 .board-view .contents p img{ margin-bottom: 30px; }
#boardView #viewPage2 .v-file{ margin-bottom: 30px; border-bottom: 2px solid #000; }
#boardView #viewPage2 .v-file .m-txt{ margin-bottom: 25px; font-size: 18px; color: #000; }
#boardView #viewPage2 .v-file .file-list li{ margin-bottom: 20px; }
#boardView #viewPage2 .v-file .file-list li a{ padding-left: 30px; color: #999; background: url('../images/bbs/view_file.png') no-repeat left center; }
#boardView #viewPage2 .v-file .file-list li a:hover,
#boardView #viewPage2 .v-file .file-list li a:active { color: #000; background-image: url('../images/bbs/view_file_a.png'); text-decoration: underline; text-underline-position: under; }

#boardView #viewPage2 .board-view .go-list{ padding: 35px 0; display: block; text-align: center; background-color: #f9f9f9; border: 1px solid #ddd; font-size: 18px; }
#boardView #viewPage2 .board-view .go-list img{ margin-right: 30px; vertical-align: middle; }
#boardView #viewPage2 .board-view .go-list span{ font-weight: 600; vertical-align: middle; }
/* ========== VIEW PAGE 2 ========== */


/* 갤러리 목록 */
/* ========== GALLERY LIST 3 ========== */
#galleryList { margin-top: 120px; margin-bottom: 120px; }
#galleryList #galleryList3 .board-top{ display: flex; align-items: center; justify-content: space-between; }
#galleryList #galleryList3 .tab-menu{ display: flex; align-items: center; justify-content: flex-end; }
#galleryList #galleryList3 .tab-menu li{ margin-left: 5px; }
#galleryList #galleryList3 .skin-inner{ display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 50px; }
#galleryList #galleryList3 .skin-inner li{ width: 32%; margin-right: 2%; margin-top: 40px; }
#galleryList #galleryList3 .skin-inner li:nth-child(3n){ margin-right: 0; }
#galleryList #galleryList3 .skin-inner .gall-div{ position: relative; height: auto; width: 100%; overflow: hidden; text-align: center; }
#galleryList #galleryList3 .skin-inner .gall-div.media-div{ background: none; height: auto; }
#galleryList #galleryList3 .skin-inner .gall-div::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.6); opacity: 0; transition:0.3s; }
#galleryList #galleryList3 .skin-inner .gall-div .gall-ic{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; opacity: 0; transition:0.3s; }
#galleryList #galleryList3 .skin-inner .gall-div:hover::after{ opacity: 1; }
#galleryList #galleryList3 .skin-inner .gall-div:hover .gall-ic{ opacity: 1; }
#galleryList #galleryList3 .skin-inner .pop-up{ position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,.7); display: flex; align-items: center; justify-content: center; z-index: 1111; visibility: hidden; opacity: 0; }
#galleryList #galleryList3 .skin-inner .pop-up.on{ visibility: visible; opacity: 1; }
#galleryList #galleryList3 .skin-inner .pop-up .pop-up-inner{ position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); }
#galleryList #galleryList3 .skin-inner .pop-up .pop-up-inner iframe{ width: 1280px; height: 720px; }
#galleryList #galleryList3 .skin-inner .pop-up .close{ position: absolute; width: 40px; height: 40px; background: #fff; border-radius: 50%; right: -20px; top: -20px; text-indent: -9999em; cursor: pointer; z-index: 99; }
#galleryList #galleryList3 .skin-inner .pop-up .close::after { content: 'X'; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: 40px; font-weight: bold; font-size: 12px; text-indent: 0; }
#galleryList #galleryList3 .skin-inner .pop-up .close:hover::after{ color: #000; }
#galleryList #galleryList3 .skin-inner li p { text-align: center; font-size: 18px; letter-spacing: -0.04em; font-weight: 500; padding: 15px 0 6px; }
#galleryList #galleryList3 .skin-inner li span { color: #9f9f9f; font-size: 16px; letter-spacing: -0.04em; text-align: center; display: block; }
#galleryList #galleryList3 .skin-inner li{ cursor: pointer; }
#galleryList #galleryList3 .skin-inner.g-skin02 li{ width: 49%; margin-top: 25px; }
#galleryList #galleryList3 .skin-inner.g-skin02 li a{ display: flex; align-items: normal; justify-content: center; }
#galleryList #galleryList3 .skin-inner.g-skin02 .gall-div{ width: 34%; height: 200px; background: url('../images/bbs/gall_img.png') no-repeat center / cover; }
#galleryList #galleryList3 .skin-inner.g-skin02 .gall-txt{ width: 66%; background: #efefef; padding: 25px 30px; }
#galleryList #galleryList3 .skin-inner.g-skin02 .gall-txt h5{ font-size: 20px; color: #222222; font-weight: 500; letter-spacing: -0.04em; margin-bottom: 15px; }
#galleryList #galleryList3 .skin-inner.g-skin02 .gall-txt p{ overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4;  -webkit-box-orient: vertical; text-align: left; line-height: 22px; padding:0; font-weight: 400; font-size: 16px; }
#galleryList #galleryList3 .skin-inner.g-skin02 li:nth-child(3n){ margin-right: 2%; }
#galleryList #galleryList3 .skin-inner.g-skin02 li:nth-child(2n){ margin-right: 0; }
/* ========== GALLERY LIST 3 ========== */

/* 갤러리 상세 */
/* ========== VIEW PAGE 2 ========== */
#galleryView { margin-top: 120px; margin-bottom: 120px; }
#galleryView #viewPage2{ margin-bottom: 100px; }
#galleryView #viewPage2 .s-top-h2{ padding-bottom: 60px; }
#galleryView #viewPage2.notice-view{ margin-bottom: 70px; }

#galleryView #viewPage2 .board-view .view-top{ padding-bottom: 25px; display: flex; justify-content: space-between; align-items: center; }
#galleryView #viewPage2 .board-view .view-top .v-title{ font-size: 24px; color: #000; font-weight: 600; }
#galleryView #viewPage2 .board-view .view-top .v-write span{ display: inline-block; vertical-align: bottom; color: #999; font-size: 16px; }
#galleryView #viewPage2 .board-view .contents{ padding: 50px 0; margin-bottom: 65px; border-top: 1px solid #999; border-bottom: 1px solid #999; }
#galleryView #viewPage2 .board-view .contents p{ font-size: 16px; /*line-height: 2;*/ }
#galleryView #viewPage2 .board-view .contents p.pb-30{ padding-bottom: 30px; }
#galleryView #viewPage2 .board-view .contents p img{ margin-bottom: 30px; }
#galleryView #viewPage2 .v-file{ margin-bottom: 30px; border-bottom: 2px solid #000; }
#galleryView #viewPage2 .v-file .m-txt{ margin-bottom: 25px; font-size: 18px; color: #000; }
#galleryView #viewPage2 .v-file .file-list li{ margin-bottom: 20px; }
#galleryView #viewPage2 .v-file .file-list li a{ padding-left: 30px; color: #999; background: url('../images/bbs/view_file.png') no-repeat left center; }
#galleryView #viewPage2 .v-file .file-list li a:hover,
#galleryView #viewPage2 .v-file .file-list li a:active { color: #000; background-image: url('../images/bbs/view_file_a.png'); text-decoration: underline; text-underline-position: under; }

#galleryView #viewPage2 .board-view .go-list{ padding: 35px 0; display: block; text-align: center; background-color: #f9f9f9; border: 1px solid #ddd; font-size: 18px; }
#galleryView #viewPage2 .board-view .go-list img{ margin-right: 30px; vertical-align: middle; }
#galleryView #viewPage2 .board-view .go-list span{ font-weight: 600; vertical-align: middle; }
/* ========== VIEW PAGE 2 ========== */



/* ------ 반응형 ----- */
@media screen and (max-width: 1204px) {
    /* 게시판 상세 */
    /* ========== VIEW PAGE 2 ========== */
    #boardView #viewPage2 .board-view .view-top{ flex-wrap: wrap; }
    #boardView #viewPage2 .board-view .view-top .v-title{ width: 100%; }
    #boardView #viewPage2 .board-view .view-top .v-write span{ margin-top: 10px; }
    #boardView #viewPage2 .board-view .view-top .v-write span{ margin-top: 10px; }
    /* ========== VIEW PAGE 2 ========== */

    /* 갤러리 상세 */
    /* ========== VIEW PAGE 2 ========== */
    #galleryView #viewPage2 .board-view .view-top{ flex-wrap: wrap; }
    #galleryView #viewPage2 .board-view .view-top .v-title{ width: 100%; }
    #galleryView #viewPage2 .board-view .view-top .v-write span{ margin-top: 10px; }
    #galleryView #viewPage2 .board-view .view-top .v-write span{ margin-top: 10px; }
    /* ========== VIEW PAGE 2 ========== */
}

@media screen and (min-width:1px) and (max-width:768px) {
    /* ========== NOTICE LIST 4 ========== */
    /* 게시판 목록 */
    /* search-form5 */
    .search-form5 select { font-size: 2.3438vw; }
    #noticeList4 colgroup col:nth-child(4),
    #noticeList4 colgroup col:nth-child(5) { display: none; }
    #noticeList4 table th:nth-child(4),
    #noticeList4 table th:nth-child(5),
    #noticeList4 table td:nth-child(4),
    #noticeList4 table td:nth-child(5) { display: none; }
    #noticeList4 table td:nth-child(1) { width: 10%; }
    #noticeList4 table td:nth-child(2) { width: 70%; }
    #noticeList4 table td:nth-child(3) { width: 20%; }
    #noticeList4 table td,
    #noticeList4 table th { font-size: 2.3438vw; }
    #noticeList4 table td.td-txt a { width: 55vw; }
    /* PAGINATION 5 */
    #pagination5 .num .page-item a { font-size: 2.6042vw; }
    /* ========== NOTICE LIST 4 ========== */

    /* 게시판 상세 */
    /* ========== VIEW PAGE 2 ========== */
    #boardView #viewPage2 .board-view .view-top{ padding: 0; padding-bottom: 15px; flex-wrap: wrap; }
    #boardView #viewPage2 .board-view .view-top .v-title{ font-size: 16px; width: 100%; }
    #boardView #viewPage2 .board-view .view-top .v-write{ margin-top: 10px; width: 100%; }
    #boardView #viewPage2 .board-view .contents{ padding: 25px 0; margin-bottom: 25px; }
    #boardView #viewPage2 .board-view .v-file{ margin-bottom: 15px; }
    #boardView #viewPage2 .board-view .v-file .m-txt{ margin-bottom: 17px; font-size: 14px; }
    #boardView #viewPage2 .board-view .v-file .file-list li{ margin-bottom: 10px; }
    #boardView #viewPage2 .board-view .v-file .file-list li a{ padding-left: 15px; font-size: 12px; background-size: 12px; }
    #boardView #viewPage2 .board-view .go-list{ padding: 20px 80px; font-size: 14px; }
    #boardView #viewPage2 .board-view .go-list img{ margin-right: 15px; width: 15px; }
    #boardView #viewPage2 .board-view .go-list span{ font-size: 14px; }
    /* ========== VIEW PAGE 2 ========== */


    /* 갤러리 목록 */
    /* ========== GALLERY LIST 3 ========== */
    #galleryList3 .skin-inner li { width: 49%; margin-right: 2%; margin-bottom: 40px; }
    #galleryList3 .skin-inner li:nth-child(3n) { margin-right: 2%; }
    #galleryList3 .skin-inner li:nth-of-type(even) { margin-right: 0; }
    #galleryList3 .skin-inner li p { font-size: 2.3438vw; }
    #galleryList3 .skin-inner li span { font-size: 2.0833vw; }
    #galleryList3 .skin-inner.g-skin02 li { width: 100%; margin-right: 0; margin-bottom: 10px; }
    #galleryList3 .skin-inner.g-skin02 .gall-txt h5 { font-size: 2.6042vw; }
    #galleryList3 .skin-inner.g-skin02 .gall-txt p { font-size: 2.0833vw; }
    #galleryList3 .skin-inner .pop-up .pop-up-inner iframe{ width: 80vw; height: 50vw; }
    #galleryList #galleryList3 .skin-inner li p { font-size: 14px; }
    #galleryList #galleryList3 .skin-inner li span { font-size: 12px; }
    /* ========== GALLERY LIST 3 ========== */

    /* 갤러리 상세 */
    /* ========== VIEW PAGE 2 ========== */
    #galleryView #viewPage2 .board-view .view-top{ padding: 0; padding-bottom: 15px; flex-wrap: wrap; }
    #galleryView #viewPage2 .board-view .view-top .v-title{ font-size: 16px; width: 100%; }
    #galleryView #viewPage2 .board-view .view-top .v-write{ margin-top: 10px; width: 100%; }
    #galleryView #viewPage2 .board-view .contents{ padding: 25px 0; margin-bottom: 25px; }
    #galleryView #viewPage2 .board-view .v-file{ margin-bottom: 15px; }
    #galleryView #viewPage2 .board-view .v-file .m-txt{ margin-bottom: 17px; font-size: 14px; }
    #galleryView #viewPage2 .board-view .v-file .file-list li{ margin-bottom: 10px; }
    #galleryView #viewPage2 .board-view .v-file .file-list li a{ padding-left: 15px; font-size: 12px; background-size: 12px; }
    #galleryView #viewPage2 .board-view .go-list{ padding: 20px 80px; font-size: 14px; }
    #galleryView #viewPage2 .board-view .go-list img{ margin-right: 15px; width: 15px; }
    #galleryView #viewPage2 .board-view .go-list span{ font-size: 14px; }
    /* ========== VIEW PAGE 2 ========== */
}

@media screen and (max-width: 500px) {
    /* 게시판 목록 */
    /* ========== NOTICE LIST 4 ========== */
    /* search-form5 */
    .search-form5 select { font-size: 13px; width: 100px; height: 30px; background-size: 30px; }
    .search-form5 .s-form { width: 150px; height: 30px; }
    .search-form5 .search-txt { width: 150px; height: 30px; }
    .search-form5 .submit { width: 30px; height: 30px; }
    #noticeList4 table { margin: 10px 0 35px; }
    #noticeList4 table td,
    #noticeList4 table th { font-size: 13px; padding: 15px 0; }
    /* PAGINATION 5 */
    #pagination5 .num .page-item a { font-size: 13px; width: 30px; line-height: 30px; }
    /* ========== NOTICE LIST 4 ========== */

    /* 게시판 상세 */
    /* ========== VIEW PAGE 2 ========== */
    #boardView #comment-wrap > form{ padding: 35px 0; }
    #boardView .cot-tit{ padding-bottom: 15px; }
    #boardView .cot-list{ padding: 15px 0; }
    #boardView .c-writerBox .c-writer{ padding-bottom: 15px; }
    #boardView .c-commentBox{ padding-bottom: 15px; }
    #boardView .c-commentBox .c-comment{ line-height: 1.6; }
    #boardView .cot-textAreaBox{ padding-top: 25px; padding-bottom: 15px; }
    #boardView .cot-textAreaBox .cta-tit{ padding-bottom: 10px; padding-left: 15px; }
    #boardView .cot-textAreaBox .cot-textArea{ padding: 20px; }
    #boardView .cot-submit{ padding: 15px 50px; }
    /* ========== VIEW PAGE 2 ========== */

    /* 게시판 작성 */
    /* ========== WRITE PAGE 1 ========== */
    #boardWrite #smartEditor01{ width: 100%; height: 100.0000vw; }
    #boardWrite #writePage1 .file-txt{ width: 70px; }
    #boardWrite #writePage1 .file-input{ width: calc(100% - 75px); }
    #boardWrite #writePage1 .fileattach label p{ width: 65px; }
    #boardWrite #writePage1 .board-view .go-list{ padding: 4.0000vw 16.0000vw; font-size: 14px; }
    #boardWrite #writePage1 .fileattach{ display: block; }
    #boardWrite #writePage1 .fileattach input[disabled]{ width: 100%; overflow: hidden; }
    /* ========== WRITE PAGE 1 ========== */

    /* 갤러리 목록 */
    /* ========== GALLERY LIST 3 ========== */
    #galleryList3 .tab-menu li a img { max-width: 30px; }
    #galleryList3 .skin-inner li { margin-bottom: 20px; margin-top: 20px; }
    #galleryList3 .skin-inner li p { font-size: 14px; }
    #galleryList3 .skin-inner li span { font-size: 12px; }
    #galleryList3 .skin-inner .gall-div .gall-ic { max-width: 35px; }
    #galleryList3 .skin-inner.g-skin02 li { margin-bottom: 5px; margin-top: 5px; }
    #galleryList3 .skin-inner.g-skin02 li:nth-child(3n) { margin-right: 0; }

    #galleryList3 .skin-inner.g-skin02 .gall-div { width: 34%; height: auto; }
    #galleryList3 .skin-inner.g-skin02 .gall-txt { padding: 15px; }
    #galleryList3 .skin-inner.g-skin02 .gall-txt h5 { font-size: 16px; margin-bottom: 10px; }
    #galleryList3 .skin-inner.g-skin02 .gall-txt p { font-size: 13px; -webkit-line-clamp: 3; }
    #galleryList3 .skin-inner .pop-up .close { width: 30px; height: 30px; right: -10px; top: -10px; }
    #galleryList3 .skin-inner .pop-up .close::after { line-height: 30px; }
    /* ========== GALLERY LIST 3 ========== */

    /* 갤러리 상세 */
    /* ========== VIEW PAGE 2 ========== */
    #galleryView #comment-wrap > form{ padding: 35px 0; }
    #galleryView .cot-tit{ padding-bottom: 15px; }
    #galleryView .cot-list{ padding: 15px 0; }
    #galleryView .c-writerBox .c-writer{ padding-bottom: 15px; }
    #galleryView .c-commentBox{ padding-bottom: 15px; }
    #galleryView .c-commentBox .c-comment{ line-height: 1.6; }
    #galleryView .cot-textAreaBox{ padding-top: 25px; padding-bottom: 15px; }
    #galleryView .cot-textAreaBox .cta-tit{ padding-bottom: 10px; padding-left: 15px; }
    #galleryView .cot-textAreaBox .cot-textArea{ padding: 20px; }
    #galleryView .cot-submit{ padding: 15px 50px; }
}