.banner_box {width: 100%; height: auto; padding: 40px 0 44px; box-sizing: border-box; background: var(--pr);}
.banner_box .container {display: flex; align-items: center; flex-flow: column; justify-content: center;}
.banner_box .tit {margin-bottom: 2px; font-size: 28px; font-weight: bold; line-height: 1.5; letter-spacing: -0.56px; color: var(--wt);}
.banner_box .sub {font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: -0.36px; color: var(--wt);}
.banner_box .bn_btn {animation: heartbeat 1.5s ease-in-out infinite both; margin-top: 25px; display: flex; align-items: center; justify-content: center; width: 230px; height: 64px; border-radius: 60px; background: var(--black_3); font-size: 24px; font-weight: bold; line-height: 1.5; letter-spacing: -0.48px; color: var(--wt);}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

/* sec1 */
.sec1 {background: url(./../img/sec1_bg.webp)no-repeat 50% 50%; background-size: cover;}

/* sec1_ct */
.sec1_ct {width: 100%; height: auto;}
.sec1_ct .sub_tit {margin-bottom: 20px; font-size: 24px; font-weight: 600; line-height: 1.6; letter-spacing: -0.48px; color: var(--gray_6);}
.sec1_ct .sub_tit span {font-weight: 900; color: var(--pr);}

.sec1_ct ul {display: flex; align-items: center; flex-wrap: wrap; gap: 30px 0; margin: 0 -15px;}
.sec1_ct ul li {width: calc(100% / 2); padding: 0 15px; box-sizing: border-box;}
.sec1_ct ul li .child-box {width: 100%; height: 528px; padding: 34.5px 35px 41.5px; box-sizing: border-box; background: var(--wt); border-radius: 20px; box-shadow: 0 4px 35px 0 rgba(0, 0, 0, 0.08);}
.sec1_ct ul li .child-box .img-box {width: 100%; height: auto;}
.sec1_ct ul li .child-box .img-box img {width: 100%; height: auto; border-radius: 20px;}

.sec1_ct ul li .child-box .txt-box {margin-top: 30px; text-align: center;}
.sec1_ct ul li .child-box .txt-box .tit {margin-bottom: 10px; font-size: 28px; font-weight: bold; line-height: 1.3; letter-spacing: -0.56px; color: var(--black_3);}
.sec1_ct ul li .child-box .txt-box .txt {font-size: 20px; font-weight: 400; line-height: 1.5; letter-spacing: -0.4px; color: var(--gray_6); word-break: keep-all;}

/* sec2 */
.sec2 {width: 100%; height: auto; overflow: hidden;}
.sec2 .container {position: relative; z-index: 1;}
.sec2 .container:before {position: absolute; top: -50px; right: -132px; content: ''; display: block; width: 400px; height: auto; aspect-ratio: 400/388; background: url(./../img/case_img.webp)no-repeat 50% 50%; background-size: cover; z-index: -1;}
.sec2 .sec2_ct {width: 100%; height: auto;}
.sec2 .sec2_ct ul {display: flex; align-items: center; flex-wrap: wrap; gap: 25px 0; margin: 0 -12.5px;}
.sec2 .sec2_ct ul li {width: calc(100% / 3); padding: 0 12.5px; box-sizing: border-box;}
.sec2 .sec2_ct ul li .child-box {display: flex; flex-flow: column; justify-content: space-between; width: 100%; height: 428px; padding: 40px 22px; box-sizing: border-box; background: var(--wt); border: 1px solid var(--gray_c9); border-radius: 20px;}
.sec2 .sec2_ct ul li .child-box .top {display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.sec2 .sec2_ct ul li .child-box .top .case_n {display: flex; align-items: center; justify-content: center; width: 120px; height: 46px; border: 1px solid var(--pr); border-radius: 60px; font-size: 20px; font-weight: bold; line-height: 1.5; letter-spacing: -0.4px; color: var(--pr);}
.sec2 .sec2_ct ul li .child-box .top .hash_t {font-size: 20px; font-weight: 600; line-height: 1.5; letter-spacing: -0.4px; color: var(--gray_9);}

.sec2 .sec2_ct ul li .child-box .txt-box {}
.sec2 .sec2_ct ul li .child-box .txt-box .tit {margin-bottom: 15px; font-size: 24px; font-weight: bold; line-height: 1.5; letter-spacing: -0.48px; color: var(--black_3);}
.sec2 .sec2_ct ul li .child-box .txt-box .sub {display: flex; gap: 3px; margin-bottom: 10px; font-size: 19px; font-weight: 500; line-height: 1.5; letter-spacing: -0.4px; color: var(--gray_6); word-break: keep-all;}
.sec2 .sec2_ct ul li .child-box .txt-box .sub:last-of-type {margin-bottom: 0;}
.sec2 .sec2_ct ul li .child-box .txt-box .sub span {}

.sec2 .sec2_ct ul li .child-box .case_btn {display: flex; align-items: center; justify-content: center; width: 100%; height: 56px; border-radius: 8px; background: var(--black_3); font-size: 20px; font-weight: 600; line-height: 1.5; letter-spacing: -0.4px; color: var(--wt);}

.ct_sub_tit {margin-top: 87px; text-align: center;}
.ct_sub_tit .tit {font-size: 28px; font-weight: bold; line-height: 1.5; letter-spacing: -0.56px; color: var(--black_3);}
.ct_sub_tit .tit span {color: var(--pr);}
.ct_sub_tit .tit small {font-size: 32px; font-weight: 400; line-height: 1.4; letter-spacing: -0.64px; color: var(--gray_9);}


/* sec3 */
.sec3 {background: url(./../img/sec3_bg.webp)no-repeat 50% 50%; background-size: cover;}

/* sec3_ct */
.sec3_ct {width: 100%; height: auto;}
.sec3_ct ul {display: flex; flex-flow: column; gap: 30px;}
.sec3_ct ul li {width: 100%; height: auto;}
.sec3_ct ul li .child-box {display: flex; justify-content: space-between; padding: 40px 50px; box-sizing: border-box; border-radius: 20px; box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.12); background: var(--wt);}
.sec3_ct ul li .child-box .left-box {}
.sec3_ct ul li .child-box .left-box .tit {margin-bottom: 6px; font-size: 22px; font-weight: 600; line-height: 1.5; letter-spacing: -0.44px; color: var(--gray_9);}
.sec3_ct ul li .child-box .left-box .name {margin-bottom: 6px; font-size: 40px; font-weight: bold; line-height: 1.5; letter-spacing: -0.8px; color: var(--black_3);}
.sec3_ct ul li .child-box .left-box .txt {margin-bottom: 23px; font-size: 20px; font-weight: 400; line-height: 1.5; letter-spacing: -0.4px; color: var(--gray_6);}
.sec3_ct ul li .child-box .left-box .hash {display: flex; flex-flow: column; gap: 12px;}
.sec3_ct ul li .child-box .left-box .hash span {display: flex; align-items: center; justify-content: center; width: 285px; height: 47px; border-radius: 60px; background: var(--wt_f5); font-size: 18px; font-weight: 500; line-height: 1.5; letter-spacing: -0.36px; color: var(--gray_6);}

.sec3_ct ul li .child-box .img-box {width: 320px; height: auto; aspect-ratio: 320/360; border-radius: 20px; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1); overflow: hidden;}
.sec3_ct ul li .child-box .img-box img {width: 100%; height: 100%; object-fit: cover; object-position: top;}

/* sec4 */
.sec4 {background: url(./../img/sec4_bg.webp)no-repeat 50% 50%; background-size: cover;}

/* sec4_ct */
.sec4_ct {width: 100%; height: auto;}
.sec4_ct ul {display: flex; align-items: center; justify-content: center; gap: 25px 0; flex-wrap: wrap; margin: 0 -12.5px;}
.sec4_ct ul li {width: calc(100% / 3); padding: 0 12.5px; box-sizing: border-box;}
.sec4_ct ul li .child-box {width: 100%; height: 259px; padding: 40px 30px; border-radius: 20px; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; background: var(--wt);}
.sec4_ct ul li .child-box .top {display: flex; align-items: center; justify-content: space-between;}
.sec4_ct ul li .child-box .top .tit {font-size: 24px; font-weight: bold; line-height: 1.5; letter-spacing: -0.48px; color: var(--black_3);}
.sec4_ct ul li .child-box .top img {width: auto; height: 50px;}

.sec4_ct ul li .child-box .txt-box {margin-top: 17px;}
.sec4_ct ul li .child-box .txt-box .txt {font-size: 20px; font-weight: 500; line-height: 1.5; letter-spacing: -0.4px; color: var(--gray_6);}

/* description */
.description {display: flex; align-items: center; justify-content: center; width: 100%; height: auto; padding: 15px 10px; margin-top: 30px; box-sizing: border-box; background: rgba(26, 26, 26, 0.06); font-size: 24px; font-weight: 500; line-height: 1.5; letter-spacing: -0.48px; color: var(--black_3);}

/* sec5_ct */
.sec5_ct {width: 100%; height: auto;}
.sec5_ct ul {display: flex; flex-flow: column;}
.sec5_ct ul li {width: 100%; height: auto;}
.sec5_ct ul li:after {content: ''; display: block; width: 18.01px; height: auto; aspect-ratio: 18.01/10.5; margin: 32px auto; background: url(./../img/arrow_b.png)no-repeat 50% 50%; background-size: cover;}
.sec5_ct ul li:last-of-type:after {display: none;}
.sec5_ct ul li .child-box {display: flex; align-items: center; justify-content: space-between; padding: 27px 50px; box-sizing: border-box; background: var(--wt); border-radius: 20px;}
.sec5_ct ul li .child-box .left-box {text-align: left;}
.sec5_ct ul li .child-box .left-box .top {display: flex; align-items: center; gap: 15px; margin-bottom: 10px;}
.sec5_ct ul li .child-box .left-box .top .label {display: flex; align-items: center; justify-content: center; width: 120px; height: 46px; border-radius: 60px; border: 1px solid var(--pr); font-size: 20px; font-weight: bold; line-height: 1.5; letter-spacing: -0.4px; color: var(--pr);}
.sec5_ct ul li .child-box .left-box .top .tit {font-size: 24px; font-weight: bold; line-height: 1.5; letter-spacing: -0.48px; color: var(--black_3);}

.sec5_ct ul li .child-box .left-box .txt {font-size: 20px; font-weight: 400; line-height: 1.5; letter-spacing: -0.4px; color: var(--gray_6);}

.sec5_ct ul li .child-box .img-box {width: 91px; height: auto;}
.sec5_ct ul li .child-box .img-box img {width: 100%; height: auto;}


/* sec_form */
.sec_form {background: url(./../img/form_sec_bg.webp)no-repeat 50% 50%; background-size: cover;}

.sec_form .container {position: relative; display: flex; justify-content: space-between;}

.sec_form .left-box {}
.sec_form .left-box .tit-box {}
.sec_form .left-box .tit-box .tit {}
.sec_form .left-box .tit-box .sub {}

/* description2 */
.description2 {position: absolute; bottom: 0; left: 0; display: flex; flex-flow: column; align-items: flex-start; gap: 8px;}
.description2 p {display: flex; align-items: center; gap: 4px; font-size: 20px; font-weight: 500; line-height: 1.6; letter-spacing: -0.4px; color: var(--gray_a5);}
.description2 p img {width: 26px; height: auto;}

/* 그누보드 */
/* iframe_box */
.iframe_box {width: 100%; height: 938px; 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(--pr); 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: 145px; width: 145px;}
.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.memo {min-width: 100%; width: 100%;}
.table-box table th.union_management {display: none; min-width: 110px; width: 110px;}
.table-box table th.information {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_3); border-bottom: 1px solid var(--pr); 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); background: var(--pr);}
.table-box table td button.edit {color: var(--pr);}

.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_95);}
.table-box table td.memo {padding: 13px 10px 10px; box-sizing: border-box; word-break: keep-all;}
.table-box table td.memo3 {padding: 13px 10px 10px; box-sizing: border-box; word-break: keep-all;}

.table-box table td.union_management {display: none;}

.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_95);}
.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);}

.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;}

.table-box table th.d_wt1 {min-width: 132px; width: 132px;}
.table-box table th.d_wt2 {min-width: 132px; width: 132px;}
.table-box table th.area {min-width: 71px; width: 71px;}
.table-box table th.memo3 {min-width: 150px; width: 150px;}

/* 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; margin-bottom: 10px; border-radius: 7px; background: #e43838; font-size: 15px; font-weight: 400; line-height: 1; color: var(--wt);}

/* 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_submit:hover {background: var(--pr) !important;}