/* font */
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
/* //font */

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

:root {
  --pr : #B09A78;
  --pr2 : #183A5A;
  --red : #C60000;
  --black : #000000;
  --black_02 : #020202;
  --black_28 : #282828;
  --black_3 : #333333;
  --black_8e : #8E8E8E;
  --gray_6 : #666666;
  --gray_cd : #CDCDCD;
  --gray_eb : #EBEBEB;
  --gray_d8 : #D8D8D8;
  --gray_d9 : #D9D9D9;
  --gray_9 : #999999;
  --gray_98 : #989898;
  --gray_8e : #8e8e8e;
  --gray_6d : #6d6d6d;
  --wt : #FFFFFF;
  --wt_f5 : #F5F5F5;
}

/* bg */
.pr {background : #B09A78 !important;}
.pr2 {background : #183A5A !important;}
.red {background : #C60000 !important;}
.black_02 {background : #020202 !important;}
.black_28 {background : #282828 !important;}
.black_3 {background : #333333 !important;}
.black_8e {background : #8E8E8E !important;}
.gray_6 {background : #666666 !important;}
.gray_cd {background : #CDCDCD !important;}
.gray_eb {background : #EBEBEB !important;}
.gray_d8 {background : #D8D8D8 !important;}
.gray_d9 {background : #D9D9D9 !important;}
.wt {background : #FFFFFF !important;}
.wt_f5 {background : #F5F5F5 !important;}

/* color */
.pr_c {color : #B09A78 !important;}
.pr2_c {color : #183A5A !important;}
.red_c {color : #C60000 !important;}
.black_02_c {color : #020202 !important;}
.black_28_c {color : #282828 !important;}
.black_3_c {color : #333333 !important;}
.black_8e_c {color : #8E8E8E !important;}
.gray_6_c {color : #666666 !important;}
.gray_cd_c {color : #CDCDCD !important;}
.gray_eb_c {color : #EBEBEB !important;}
.gray_d8_c {color : #D8D8D8 !important;}
.gray_d9_c {color : #D9D9D9 !important;}
.wt_c {color : #FFFFFF !important;}
.wt_f5_c {color : #F5F5F5 !important;}

.gm {font-family: 'GMarketSans' !important;}
.mt {font-family: "Montserrat", sans-serif !important;}

html {scroll-behavior: smooth;}
body {font-family: 'Pre';}
.container {max-width: 1280px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}
section {padding: 140px 0; overflow: hidden;}

/* tit-box */
.tit-box {text-align: center; margin-bottom: 60px;}
.tit-box .sub {margin-bottom: 10px; font-family: "Montserrat", sans-serif; font-size: 20px; font-weight: bold; line-height: 1.6; letter-spacing: -0.4px; color: var(--pr2); text-transform: uppercase;}
.tit-box .tit {font-size: 50px; font-weight: bold; line-height: 1.3; letter-spacing: -1px; color: var(--black_3);}
.tit-box .txt {margin-top: 10px; font-size: 18px; font-weight: 400; line-height: 1.6; letter-spacing: -0.36px; color: var(--gray_d8);}


/********* 그누보드 **********/
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {box-shadow: none; border: none !important; border-bottom: 1px solid var(--wt) !important;}
section.display_none {display: none;}

/* iframe_box */
.iframe_box {width: 100%; height: 722px; overflow: hidden;}
.iframe_box iframe {width: 100%; height: 100%; overflow: hidden;}



/* .table-box */
.table-box {width: 100%; height: auto; padding: 20px 25px 30px; box-sizing: border-box; border-radius: 10px; background: var(--wt); border: 1px solid var(--gray_6); overflow: auto;}
.table-box table {width: 100%; border-bottom: 1px solid var(--gray_e6);}
.table-box2 table {}
.table-box table th {height: 50px; background: var(--pr2); vertical-align: middle; border-bottom: 1px solid var(--wt_f9); font-size: 16px; font-weight: 500; line-height: 1.19; color: var(--wt);}
.table-box table th:first-child {border-radius: 6px 0 0 6px;}
.table-box table th:last-child {min-width: 100px; width: 100px; border-radius: 0 6px 6px 0;}
.table-box table th.ckd {min-width: 50px; width: 50px;}
.table-box table th.ckd input {transform: scale(1.2);}
.table-box table td .chk-item {transform: scale(1.2);}
/* .table-box table th.ckd label {display: block; width: 15px; height: auto; aspect-ratio: 1/1; background: url(./../img/ckd_off.png)no-repeat 50% 50%; background-size: cover;} */
/* .table-box table th.ckd input:checked + label {background: url(./../img/ckd_on.png)no-repeat 50% 50%; background-size: cover;} */

.table-box table th.num {min-width: 77px; width: 77px;}
.table-box table th.date {min-width: 77px; width: 77px;}
.table-box table th.union_name {min-width: 130px; width: 130px;}
.table-box table th.hd_union {min-width: 170px; width: 170px;}
.table-box table th.bn_name {min-width: 170px; width: 170px;}
.table-box table th.memo {min-width: 200px; width: 100%;}
.table-box table th.union_management {min-width: 110px; width: 110px;}
.table-box table th.bn_area {min-width: 110px; width: 110px;}
.table-box table th.information {min-width: 90px; width: 90px;}
.table-box table th.ct {min-width: 90px; width: 90px;}
.table-box table td {height: auto; padding: 13px 0 10px; box-sizing: border-box; text-align: center; font-size: 16px; font-weight: 300; line-height: 1.19; color: var(--black_26); border-bottom: 1px solid var(--pr2); vertical-align: middle;}
.table-box table tr:last-of-type td {border-bottom: none;}
.table-box table td button {display: flex; align-items: center; justify-content: center; min-width: 60px; height: 30px; margin: 0 auto; border-radius: 15px; box-sizing: border-box; font-size: 13px; font-weight: 400; line-height: 1.15; color: var(--wt);}
.table-box table td button.edit {color: var(--pr);}
.table-box table td.manage .lb {padding: 3px 5px; border-radius: 5px; background: var(--pr); font-size: 12px; font-weight: 400; line-height: 1; color: var(--wt);}


.table-box table td .type {display: flex; align-items: center; justify-content: center; width: 68px; height: 30px; margin: 0 auto; border-radius: 5px; border: 1px solid var(--black); font-size: 12px; font-weight: 400; line-height: 1.25; color: var(--black);}
.table-box table td .type1 {background: var(--wt); border-color: var(--gray_e1); color: var(--gray_e1);}
.table-box table td .type2 {background: var(--wt); border-color: var(--gray_b2); color: var(--gray_b2);}
.table-box table td .type3 {background: var(--wt); border-color: var(--gray_5d); color: var(--gray_5d);}
.table-box table td .type4 {background: var(--pr); border-color: var(--pr); color: var(--wt);}
.table-box table td .type5 {background: var(--pr); border-color: var(--pr); color: var(--wt);}
.table-box table td .type6 {background: var(--pink); border-color: var(--pink); color: var(--wt);}

.table-box table td a {display: flex; align-items: center; justify-content: center; min-width: 60px; width: calc(100% - 10px); height: 30px; margin: 0 auto; border-radius: 15px; box-sizing: border-box; font-size: 13px; font-weight: 400; line-height: 1.15; background: #3355BD; color: var(--wt);}
.table-box table td a.edit {color: var(--pr);}
.table-box table td.date {color: var(--gray_94);}
.table-box table td.memo {padding: 13px 10px 10px; box-sizing: border-box; word-break: keep-all;}

.table-box2 table td.address {width: 272px; padding: 0 10px}

/* pager */
.pager {width: 100%; height: auto; margin-top: 30px;}
.pager ul {display: flex; align-items: center; justify-content: center;}
.pager ul li.all_prev {padding-right: 4px;}
.pager ul li.all_next {padding-left: 4px;}
.pager ul li.prev {padding-right: 23px;}
.pager ul li.next {padding-left: 23px;}
.pager ul li.arrow img {width: 25px; height: auto;}
.pager ul li.num {padding: 0 2px; box-sizing: border-box;}
.pager ul li a {display: flex; align-items: center; justify-content: center; width: 25px; height: auto; aspect-ratio: 5/5; border-radius: 2px; background: var(--wt_f9); font-size: 13px; font-weight: 300; line-height: 1.15; color: var(--gray_94);}
.pager ul li.active a {background: #3355BD; color: var(--wt);}
.pager ul li a img {}

/* btn_confirm */
.btn_confirm {display: flex; align-items: center; justify-content: flex-end; gap: 5px;}
#bo_w .btn_cancel {background: #e43838;}
.btn_submit {background: var(--pr);}

.view_btns {display: flex; align-items: center; justify-content: flex-end; gap: 5px;}
.view_btns div {}
.view_btns div a {display: flex; align-items: center; justify-content: center; width: 100px; height: 35px; border-radius: 8px; background: var(--pr); font-size: 15px; font-weight: 400; line-height: 1; color: var(--wt);}
.view_btns div.del a {background: #e43838;}
.view_btns div.list_btn a {background: var(--black_3); color: var(--wt);}

.btn_bo_user1 {display: none !important;}
.btn_admin {display: none !important;}
#bo_list_total {display: none !important;}
#gall_allchk {display: none !important;}
.gall_chk {display: none !important;}
.notice_slide_list #bo_gall .bo_tit .new_icon {display: none !important;}
.notice_slide_list #bo_gall .bo_cnt {display: none !important;}
#bo_gall .gall_info {display: none !important;}

.write_btn {display: flex; align-items: center; justify-content: center; width: 100px; height: 35px; border-radius: 8px; background: var(--pr); font-size: 15px; font-weight: 400; line-height: 1; color: var(--wt);}
.li_none {display: none !important;}

/* notice_sec */
.notice_sec {display: none !important;}

/* adm_name */
.adm_name {position: fixed; bottom: 20px; left: 20px; z-index: 7;}
.adm_name ul {display: flex; flex-flow: column; gap: 5px;}
.adm_name ul li {width: auto; height: auto;}
.adm_name ul li a {display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 100%; width: 70px; height: auto; aspect-ratio: 1/1; background: var(--pr); font-size: 15px; font-weight: 400; line-height: 1.3; color: var(--wt);}


.mb_log_cate .join {display: none !important;}
.mb_log_cate h2 {width: 100%;}
#mb_login #login_fs .frm_input {border: 1px solid var(--gray_6) !important;}
#login_info {display: none !important;}
.mbskin .btn_submit {margin-bottom: 0 !important;}

.btn-complete {background: var(--pr2) !important;}
.btn-toggle-status {background: var(--pr2) !important; color: var(--wt);}

.table-box table tr {}
.table-box table tr.on {}
.table-box table tr.on td {text-decoration: line-through;}
/* .table-box table tr.on:hover td {text-decoration: none;} */
.table-box table tr.on td.file_ct {text-decoration: none !important;}
.table-box table tr.on td.manage {text-decoration: none !important;}

/* del_btns */
.del_btns {display: flex; align-items: center; justify-content: flex-end;}
.del_btns #btn-delete-selected {display: flex; align-items: center; justify-content: center; width: 100px; height: 35px; border-radius: 4px; background: #e43838; font-size: 15px; font-weight: 400; line-height: 1; color: var(--wt);}

/* cf */
.cf {position: fixed; bottom: 351px; right: 21px; width: 99px; height: 139px; z-index: 5; cursor: pointer; transition: all .3s; z-index: 11;}
.cf:hover img {position: fixed; width: auto; height: calc(100% - 100px); top: 50%; left: 50%; right: auto; transform: translate(-50%, -50%); z-index: 9999;}
.dim {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 10;}
.dim.open {animation: dim .5s linear both; display: block;}
@keyframes dim {
        0% {opacity: 0;}
        100% {opacity: 1;}
}