@charset "utf-8";

:root {
    --board-color-1:#143146;
}

/* ============================
   List
   ============================ */
#bo_list_wrap {}

#bo_btn_top {display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:0 0 40px;}

.sort-box {display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.sort-btn {display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 18px;border:1px solid #ddd;border-radius:50px;font-size:15px;color:#555;background:#fff;text-decoration:none;transition:all 0.2s;}
.sort-btn:hover {border-color:var(--board-color-1);color:var(--board-color-1);}
.sort-btn.on {border-color:var(--board-color-1);background:var(--board-color-1);color:#fff;}

.search-box {margin-left:auto;}
.serch_bn #bo_sch {position:relative;display:flex;align-items:center;}
.serch_bn #bo_sch .sch_input {height:40px;padding:0 40px 0 15px;border:1px solid #ddd;border-radius:5px;font-size:15px;width:260px;box-sizing:border-box;}
.serch_bn #bo_sch .sch_btn {position:absolute;right:0;top:0;width:40px;height:40px;border:none;background:url(/theme/wering/img/common/ic_search.svg) no-repeat center / 18px;cursor:pointer;}

/* notice_list */
.notice_list {margin:0 0 40px;}
.notice_list .thead {overflow:hidden;border-top:2px solid #212121;border-bottom:1px solid #e0e0e0;}
.notice_list .thead ul {display:flex;}
.notice_list .thead ul li {min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:17px;font-weight:500;}
.notice_list .tbody ul {display:flex;border-bottom:1px solid #ddd;flex-wrap:wrap;}
.notice_list .tbody ul li {min-height:74px;padding:0 10px;box-sizing:border-box;text-align:center;font-size:17px;color:#424242;display:flex;align-items:center;justify-content:center;gap:20px;}
.notice_list .tbody ul li.title {justify-content:flex-start;text-align:left;}
.notice_list .tbody ul li.title .tit_txt {max-width:calc(100% - 80px);display:block;overflow:hidden;}
.notice_list .tbody ul li.title .tit_txt span {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;max-width:100%;}
.notice_list .tbody ul li.title .bo_icons {display:flex;gap:10px;align-items:center;}
.notice_list .tbody ul li.title .bo_icons img {width:35px;height:35px;}
.notice_list .icon_notice {padding:0 10px;height:26px;line-height:26px;background:var(--board-color-1);border-radius:2em;text-align:center;display:inline-block;font-size:14px;font-weight:500;color:#fff;}
.notice_list .tbody ul li .category {margin-right:5px;}
.notice_list .tbody ul li .category span {display:flex !important;align-items:center;justify-content:center;height:36px;padding:0 15px;font-size:17px;font-weight:600;color:#222484;border:1px solid #222484;background:#fff;white-space:nowrap;}
.notice_list .no_list {border-top:2px solid #212121;border-bottom:1px solid #e0e0e0;padding:80px 0;text-align:center;color:#757575;font-size:17px;}
.notice_list .num {width:100px;}
.notice_list .label {width:180px;}
.notice_list .title {flex:1;}
.notice_list .date {width:120px;}
.notice_list .hit {width:120px;}

/* buttons */
.bo_fx {margin:30px 0;}
.btn_bo_user {margin-left:auto;padding:0;list-style:none;display:flex;align-items:center;justify-content:flex-end;}
.btn_bo_user li {margin-left:5px;}
.btn_bo_user a.btn, .btn_bo_user .btn {min-width:100px;background-color:var(--board-color-1);height:40px;line-height:40px;border-radius:5px;color:#fff;font-size:1rem;font-weight:400;text-align:center;display:inline-block;}
.btn_bo_user .btn_admin {border:1px solid #aaa;border-radius:5px;background-color:#fff;color:#333;font-weight:400;font-size:1rem;}

/* pagination (gnuboard write_pages) */
.pg_wrap {margin:30px 0;float:none;display:block;}
.pg_wrap .pg {display:flex;justify-content:center;gap:5px;}
.pg_wrap .pg a, .pg_wrap .pg strong, .pg_wrap .pg span {display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 5px;border-radius:50%;font-size:15px;color:#757575;}
.pg_wrap .pg .pg_current {background-color:var(--board-color-1);color:#fff;font-weight:600;}
.pg_wrap .pg a:hover {color:var(--board-color-1);}
.pg_wrap .pg .pg_prev, .pg_wrap .pg .pg_next {font-weight:bold;}

/* ============================
   Write
   ============================ */
#bo_w .inner {}
#bo_w .board_title {font-size:28px;font-weight:700;margin:0 0 30px;}

.wirte_cont {border-top:2px solid #333;padding:50px;margin:60px 0 0;}
.wirte_cont .title_area {padding-bottom:14px;margin-bottom:20px;border-bottom:2px solid #333;display:none;}
.wirte_cont .title_area h2 {font-size:1.25rem;font-weight:700;}
.wirte_cont > ul {margin-bottom:55px;padding:0 0 15px;}
.wirte_cont > ul > li {position:relative;padding:15px 0;display:flex;align-items:center;flex-wrap:wrap;}
.wirte_cont ul input[type=text] {width:100%;height:40px;line-height:38px;padding:0 10px;box-sizing:border-box;border:1px solid #ccc;border-radius:5px;}
.wirte_cont ul li .title {width:100%;margin:0 0 15px;line-height:25px;font-size:17px;font-weight:600;color:#424242;}
.wirte_cont ul li .title strong {color:#EE0808;}
.wirte_cont ul li .input_area {width:100%;}
.wirte_cont ul li .input_area select {width:100%;height:50px;border-radius:10px;border:1px solid #e0e0e0;background:#fff;padding:0 20px;font-size:15px;}
.wirte_cont ul li .input_area input[type="text"] {width:100%;height:50px;border-radius:10px;border:1px solid #e0e0e0;background:#fff;padding:0 20px;font-size:15px;}
.wirte_cont .d-flex {display:flex;align-items:center;}
.wirte_cont .bo_w_file {}
.wirte_cont .bo_w_file .file_btn label {display:flex;align-items:center;gap:20px;}
.wirte_cont .bo_w_file .file_btn label > input {display:none;}
.wirte_cont .bo_w_file .file_btn label > span {flex:1;height:50px;line-height:1.1;padding:0 20px;border-radius:10px;border:1px solid #e0e0e0;font-size:15px;color:#9e9e9e;display:flex;align-items:center;}
.wirte_cont .bo_w_file .file_btn label > p {display:flex;align-items:center;justify-content:center;width:170px;height:50px;border-radius:10px;background:#6071a5;font-size:16px;color:#fff;}
.wirte_cont .bo_w_file .file_btn label > p:hover {background:#34467b;}
.wirte_cont .bo_w_file .file_slot_list {list-style:none;padding:0;margin:0;}
.wirte_cont .bo_w_file .file_slot_item {margin-bottom:5px;}
.wirte_cont .bo_w_file .file_slot_item .file_existing {margin-top:5px;display:flex;align-items:center;gap:10px;}
.wirte_cont .bo_w_file .file_slot_item .file_existing .file_list_txt {font-size:16px;font-weight:500;color:#616161;}
.wirte_cont .bo_w_file .file_slot_item .file_existing .file_list_del {position:relative;cursor:pointer;display:flex;align-items:center;width:25px;height:25px;background:url("/theme/wering/img/common/ic_delete.svg") no-repeat center / contain;}
.wirte_cont .bo_w_file .file_slot_item .file_existing .file_list_del input {position:absolute;top:0;left:0;opacity:0;visibility:hidden;}
.wirte_cont .bo_w_file .file_slot_item .file_existing .file_list_del label {display:block;width:100%;height:100%;cursor:pointer;}
.wirte_cont .bo_w_file .file_slot_item .file_existing .file_list_del button {display:block;width:100%;height:100%;cursor:pointer;}

.btn_area {padding-top:40px;text-align:center;display:flex;align-items:center;justify-content:center;border-top:1px solid #e0e0e0;}
.btn_area .btn_prev {width:160px;height:55px;line-height:55px;display:inline-block;text-align:center;background-color:#bbb;border-radius:50px;}
.btn_area .btn_next {margin-left:20px;width:160px;height:55px;line-height:55px;display:inline-block;text-align:center;background-color:#fff;border-radius:50px;border:1px solid #3D5291;}
.btn_area .btn_prev span {font-size:1.0625rem;color:#fff;font-weight:500;}
.btn_area .btn_next span {font-size:17px;color:#3D5291;font-weight:700;}

/* ============================
   View
   ============================ */
article .inner {}
.view_header {margin:60px 0 0;padding:50px;border-top:2px solid #333;border-bottom:2px solid #ddd;}
.view_title_area {box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;}
.view_title_area .category {margin:0 10px 30px 0;}
.view_title_area .category span {display:flex;align-items:center;justify-content:center;height:34px;padding:0 12px;border:1px solid #3D5291;font-size:16px;font-weight:500;color:#3D5291;}
.view_title_area h2 {flex-grow:2;line-height:50px;font-size:35px;font-weight:600;color:#333;width:100%;text-align:left;}
.view_info_top {margin-top:50px;}
.view_info_top ul {display:flex;justify-content:space-between;align-items:center;min-height:55px;background:#f5f5f5;border-radius:50px;flex-wrap:wrap;padding:10px;}
.view_info_top ul li {position:relative;display:flex;align-items:center;font-size:17px;font-weight:500;color:#212121;}
.view_info_top ul li img {width:35px;height:35px;border-radius:35px;}
.view_info_top ul li strong {font-weight:500;color:#333;margin-right:12px;}
.view_info_top ul li span {display:flex;align-items:center;gap:10px;}
.view_info_top ul li.date {padding:0 20px;font-size:16px;font-weight:400;color:#757575;}
.view_info_top ul li.date span:before {content:'';width:16px;height:16px;background:url("/theme/wering/img/common/ic_time.svg") no-repeat center / contain;}

.view_util_box {margin-top:30px;display:flex;align-items:center;justify-content:space-between;}
.view_util_box .util_box {display:flex;align-items:center;gap:20px;}
.view_util_box .util_box a {display:flex;align-items:center;justify-content:center;gap:10px;width:200px;max-width:100%;height:45px;border-radius:45px;border:1px solid #34467b;font-size:20px;font-weight:500;color:#34467b;font-family:"Poppins",sans-serif;}
.view_util_box .util_box a:before {content:'';width:25px;height:25px;}
.view_util_box .util_box a.btn_print:before {background:url("./img/ic_print.svg") no-repeat center / contain;}
.view_util_box .util_box a.btn_pdf:before {background:url("./img/ic_down.svg") no-repeat center / contain;}
.view_util_box .util_box a.btn_email:before {background:url("./img/ic_mail.svg") no-repeat center / contain;}
.view_util_box .social_box {display:flex;align-items:center;}
.view_util_box .social_box a:before {content:'';width:40px;height:40px;display:block;}
.view_util_box .social_box a.btn_kakaotalk:before {background:url("./img/ic_kakao_gary.svg") no-repeat center / contain;}
.view_util_box .social_box a.btn_youtube:before {background:url("./img/ic_youtube_gary.svg") no-repeat center / contain;}
.view_util_box .social_box a.btn_instagram:before {background:url("./img/ic_insta_gary.svg") no-repeat center / contain;}
.view_util_box .social_box a.btn_facebook:before {background:url("./img/ic_facebook_gary.svg") no-repeat center / contain;}

.attachment_link {margin-top:40px;}
.attachment_link > ul > li {display:flex;}
.attachment_link > ul > li .title_area {display:none;}
.attachment_link > ul > li .txt_area {width:100%;}
.attachment_link > ul > li .txt_area ul li {margin-bottom:5px;}
.attachment_link > ul > li .txt_area ul li a {display:flex;gap:10px;align-items:center;font-size:16px;color:#616161;}
.attachment_link > ul > li .txt_area ul li a:before {content:'';width:18px;height:26px;background:url("/theme/wering/img/common/ic_file_icon.png") no-repeat center / contain;}
.attachment_link > ul > li .txt_area ul li .icon_link {padding:0 10px 0 25px;height:21px;line-height:21px;background:url(./img/icon_link2.svg) no-repeat 10px center #4CADEB;border-radius:10px;font-size:0.8125rem;color:#fff;display:inline-block;}

#bo_v_atc {padding:50px 0;font-size:0.9375rem;color:#333;line-height:1.6;min-height:500px;box-sizing:border-box;border-bottom:1px solid #ddd;}
#bo_v_atc h2#bo_v_atc_title {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}

.view_btn_area {position:relative;display:flex;align-items:center;justify-content:center;margin:40px 0 60px;}
.view_btn_area .ctrl_center {flex:0 0 auto;display:flex;align-items:center;gap:5px;}
.view_btn_area .ctrl_center a {display:flex;align-items:center;justify-content:center;height:50px;width:100px;border-radius:50px;border:1px solid #3d5291;color:#3d5291;font-size:17px;font-weight:700;}
.view_btn_area .ctrl_center a:hover {background:#3d5291;color:#fff;}
.view_btn_area .ctrl_back {position:absolute;top:0;left:0;}
.view_btn_area .ctrl_back a {display:flex;align-items:center;justify-content:center;height:50px;color:#3d5291;font-size:17px;font-weight:700;gap:5px;}
.view_btn_area .ctrl_back a:before {content:'';width:25px;height:25px;background:url("./img/ic_arrow.svg") no-repeat center / contain;transform:rotate(180deg);}
.view_btn_area .ctrl_next {position:absolute;top:0;right:0;}
.view_btn_area .ctrl_next a {display:flex;align-items:center;justify-content:center;height:50px;color:#3d5291;font-size:17px;font-weight:700;gap:5px;}
.view_btn_area .ctrl_next a:before {content:'';width:25px;height:25px;background:url("./img/ic_arrow.svg") no-repeat center / contain;order:2;}

/* prev/next navigation */
.bo_v_nb.prev_next {border-top:2px solid #333;list-style:none;padding:0;margin:0 0 60px;}
.bo_v_nb.prev_next li {display:flex;border-bottom:1px solid #ddd;}
.bo_v_nb.prev_next li .title {width:12.5%;display:flex;align-items:center;justify-content:center;background-color:#f8f8f8;}
.bo_v_nb.prev_next li .title span {font-size:0.9375rem;font-weight:500;color:#333;}
.bo_v_nb.prev_next li .txt {width:87.5%;padding:20px;box-sizing:border-box;font-size:0.9375rem;color:#555;}
.bo_v_nb.prev_next li .txt a {font-size:inherit;color:inherit;}

/* ============================
   Responsive
   ============================ */
@media screen and (max-width: 1000px) {
    #bo_btn_top {margin-bottom:20px;gap:10px;}
    .search-box {margin-left:0;width:100%;}
    .serch_bn #bo_sch .sch_input {width:100%;}

    .notice_list .thead {display:none;}
    .notice_list {border-top:2px solid var(--board-color-1);}
    .notice_list .tbody ul {padding:20px 0;flex-wrap:wrap;}
    .notice_list .tbody ul li {min-height:auto;padding:5px;}
    .notice_list .tbody ul li.num {display:none;}
    .notice_list .tbody ul li.title {padding:5px;width:100%;flex:0 0 auto;gap:10px;font-size:18px;font-weight:500;}
    .notice_list .tbody ul li.title .tit_txt {max-width:calc(100% - 92px);}
    .notice_list .tbody ul li.title .bo_icons img {width:24px;height:24px;}
    .notice_list .tbody ul li.label {width:auto;}
    .notice_list .tbody ul li .category span {height:28px;font-size:12px;font-weight:500;padding:0 8px;}
    .notice_list .tbody ul li.date {position:relative;width:auto;padding:0 10px;font-size:12px;}
    .notice_list .tbody ul li.date:before {position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:12px;background-color:#ddd;display:block;content:"";}
    .notice_list .tbody ul li.hit {position:relative;width:auto;padding:0 10px;font-size:12px;}
    .notice_list .tbody ul li.hit:before {position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:12px;background-color:#ddd;display:block;content:"";}

    .view_header {margin:30px 0 0;padding:20px 0;}
    .view_title_area h2 {font-size:24px;line-height:1.5;}
    .view_info_top {margin-top:20px;}
    .view_info_top ul li {padding:0 10px;font-size:14px;}
    .view_info_top ul li.date {font-size:14px;}
    .view_util_box {flex-wrap:wrap;gap:10px 0;}
    .view_util_box .util_box {flex-wrap:wrap;gap:10px;width:100%;}
    .view_util_box .util_box a {flex:1;height:40px;font-size:14px;}
    .view_util_box .social_box {justify-content:flex-end;width:100%;}
    #bo_v_atc {padding:25px 0;min-height:300px;}
    .view_btn_area {margin-top:20px;margin-bottom:10px;padding:0 0 60px;flex-direction:column;align-items:center;justify-content:center;}
    .view_btn_area .ctrl_back {top:unset;bottom:0;}
    .view_btn_area .ctrl_next {top:unset;bottom:0;}
    .bo_v_nb.prev_next li .title {width:20%;}
    .bo_v_nb.prev_next li .txt {padding:15px;width:80%;}
    .view_title_area {display:block;}
    .view_title_area .category {margin:0 0 5px;}

    .wirte_cont {padding:20px 0;}
    .wirte_cont ul {margin-bottom:30px;}
    .wirte_cont ul li {padding:5px 0;display:block;}
    .wirte_cont ul li .title {width:100%;margin-bottom:10px;}
    .wirte_cont ul li .input_area {width:100%;}
    .btn_area .btn_prev {width:49%;}
    .btn_area .btn_next {margin-left:auto;width:49%;}
}

/* accessibility */
.blind {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.sound_only {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}