.sec1_list {width: 100%; height: auto;}
.sec1_list ul {display: flex; flex-wrap: wrap; align-items: center; gap: 26px 0; margin: 0 -13px;}
.sec1_list ul li {width: calc(100% / 3); padding: 0 13px; box-sizing: border-box;}
.sec1_list ul li .child-box {display: flex; align-items: center; justify-content: center; flex-flow: column; gap: 10px; width: 100%; height: 140px; border-radius: 20px; text-align: center; transition: all .3s;}

.sec1_list ul li:nth-child(1) .child-box {background: url(./../img/sec2_img1.webp)no-repeat 50% 50%; background-size: cover;}
.sec1_list ul li:nth-child(2) .child-box {background: url(./../img/sec2_img2.webp)no-repeat 50% 50%; background-size: cover;}
.sec1_list ul li:nth-child(3) .child-box {background: url(./../img/sec2_img3.webp)no-repeat 50% 50%; background-size: cover;}
.sec1_list ul li:nth-child(1) .child-box:hover {scale: 1.05;}
.sec1_list ul li:nth-child(2) .child-box:hover {scale: 1.05;}
.sec1_list ul li:nth-child(3) .child-box:hover {scale: 1.05;}
.sec1_list ul li:nth-child(4) .child-box {background: url(./../img/sec2_img4.webp)no-repeat 50% 50%; background-size: cover;}
.sec1_list ul li:nth-child(5) .child-box {background: url(./../img/sec2_img5.webp)no-repeat 50% 50%; background-size: cover;}
.sec1_list ul li:nth-child(6) .child-box {background: url(./../img/sec2_img6.webp)no-repeat 50% 50%; background-size: cover;}

.sec1_list ul li:nth-child(4) {width: calc(100% / 2);}
.sec1_list ul li:nth-child(5) {width: calc(100% / 2);}
.sec1_list ul li:nth-child(6) {display: none;}

.sec1_list ul li .child-box .txt-box {display: flex; flex-flow: column; align-items: center; justify-content: center; gap: 10px; text-align: center;}
.sec1_list ul li .child-box .tit {font-size: 24px; font-weight: bold; line-height: 1.4; letter-spacing: -0.48px; color: var(--black_3);}
.sec1_list ul li .child-box .sub {font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -0.4px; color: var(--gray_6);}

/* slick_ul */
.sec2 .pr_btn {animation: heartbeat 1.5s ease-in-out infinite both; display: flex; align-items: center; justify-content: center; width: 253px; height: 60px; margin: 80px auto 0; border-radius: 8px; background: var(--pr); font-size: 20px; font-weight: 600; line-height: 1.5; letter-spacing: -0.4px; color: var(--wt);}
.slick_ul {width: 100%; height: auto;}
.slick_ul ul {margin: 0 -13px;}
.slick_ul ul li {margin: 0 13px;}
.slick_ul ul li .child-box {display: block; width: 100%; height: auto;}
.slick_ul ul li .child-box .img-box {width: 100%; height: auto; aspect-ratio: 436/350;}
.slick_ul ul li .child-box .img-box img {width: 100%; height: 100%; overflow: hidden; border-radius: 20px; object-fit: cover;}
.slick_ul ul li .child-box .tit {margin-top: 15px; font-size: 18px; font-weight: 600; line-height: 1.4; color: var(--wt); text-align: center;}

.arrows {display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 50px;}
.arrows button {width: 60px; height: auto; aspect-ratio: 1/1; text-indent: -9999px; overflow: hidden;}
.arrows .slick-prev {background: url(./../img/arrow_prev.png)no-repeat 50% 50%; background-size: cover;}
.arrows .slick-next {background: url(./../img/arrow_next.png)no-repeat 50% 50%; background-size: cover;}

/* sec4 */
.sec4 {width: 100%; height: auto;}
.sec4 .container2 {display: flex; flex-flow: column; gap: 40px;}
.sec4 .sec4_ct {width: 100%; height: auto; padding: 141px 0; background: url(./../img/sec4_img1.webp)no-repeat 50% 50%; background-size: cover; text-align: center; border-radius: 60px;}
.sec4 .sec4_ct .txt-box {display: flex; align-items: center; justify-content: center; flex-flow: column; gap: 20px;}
.sec4 .sec4_ct .txt-box .sub {font-size: 24px; font-weight: 500; line-height: 1.6; letter-spacing: -0.48px; color: var(--wt);}
.sec4 .sec4_ct .txt-box .boll {display: flex; flex-flow: column; align-items: center; gap: 15px;}
.sec4 .sec4_ct .txt-box .boll span {width: 6px; height: auto; aspect-ratio: 1/1; border-radius: 100%; background: var(--wt);}
.sec4 .sec4_ct .txt-box .boll span:nth-child(1) {opacity: 0.2;}
.sec4 .sec4_ct .txt-box .boll span:nth-child(2) {opacity: 0.5;}
.sec4 .sec4_ct .txt-box .boll span:nth-child(3) {opacity: 1;}

.sec4 .sec4_ct .txt-box .txt {font-size: 40px; font-weight: bold; line-height: 1.4; letter-spacing: -0.8px; color: var(--wt);}

.sec4 .sec4_ct2 {width: 100%; height: auto; padding: 192px 0; background: url(./../img/sec4_img2.webp)no-repeat 50% 50%; background-size: cover; text-align: center; border-radius: 60px;}
.sec4 .sec4_ct2 .txt-box {text-align: center;}
.sec4 .sec4_ct2 .txt-box .tit {font-size: 40px; font-weight: bold; line-height: 1.3; letter-spacing: -1.2px; color: var(--wt);}

/* qa_list */
.qa_list {width: 100%; height: auto;}
.qa_list ul {width: 100%; height: auto;}
.qa_list ul li {width: 100%; height: auto;}
.qa_list ul li .child-box {width: 100%; height: auto;}
.qa_list ul li .child-box .tit {display: flex; align-items: center; gap: 12px; height: 86px; padding: 0 25px; box-sizing: border-box; font-size: 24px; font-weight: bold; line-height: 1.4; letter-spacing: -0.48px; color: var(--black_3); background: var(--wt);}
.qa_list ul li .child-box .tit span {display: flex; align-items: center; justify-content: center; width: 40px; height: auto; aspect-ratio: 1/1; border-radius: 100%; background: var(--pr); font-size: 24px; font-weight: bold; line-height: 1.4; letter-spacing: -0.48px; color: var(--wt);}
.qa_list ul li .child-box .txt {width: 100%; height: auto; padding: 20px 77px 25px; box-sizing: border-box; font-size: 18px; font-weight: 400; line-height: 1.4; letter-spacing: -0.36px; color: var(--gray_6);}

.sec5 .pr_btn {animation: heartbeat 1.5s ease-in-out infinite both; display: flex; align-items: center; justify-content: center; width: 253px; height: 60px; margin: 80px auto 0; border-radius: 8px; background: var(--pr); font-size: 20px; font-weight: 600; line-height: 1.5; letter-spacing: -0.4px; 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;
  }
}

/* form_sec */
.form_sec {width: 100%; height: auto; background: url(./../img/sec7_bg.webp)no-repeat 50% 50%; background-size: cover;}
.form_sec .container2 {display: flex; justify-content: space-between;}

.form_sec::-webkit-scrollbar,
.form_sec::-webkit-scrollbar-thumb,
.form_sec::-webkit-scrollbar-track {display:none;}

/* sec3 */
.sec3 .d-flex {display: flex; align-items: flex-end; justify-content: center;}
.sec3 .img-box {max-width: 912px; width: 100%; height: auto; margin-right: -211px;}

/* list-box */
.sec3 .list-box {max-width: 680px; width: 100%; height: auto;}
.sec3 .list-box .txt-box {padding-bottom: 40px; margin-bottom: 40px; border-bottom: 2px solid #D9D9D9; font-size: 40px; font-weight: bold; line-height: 1.3; color: var(--black_3); word-break: keep-all;}
.sec3 .list-box .txt-box .sub {font-size: 20px; font-weight: bold; line-height: 1.4; color: var(--pr);}
.sec3 .list-box .txt-box span {position: relative; padding: 7px 8px; box-sizing: border-box; color: var(--wt);}
.sec3 .list-box .txt-box span:before {position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; display: block; width: 100%; height: 100%; box-sizing: border-box; background: var(--pr); color: var(--wt); z-index: -1;}
.sec3 .list-box .txt-box.aos-animate span:before {animation: scale-in-hor-left 0.5s .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0) translateY(-50%);
            transform: scaleX(0) translateY(-50%);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1) translateY(-50%);
            transform: scaleX(1) translateY(-50%);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
.sec3 .list-box ul {display: flex; align-items: flex-start;}
.sec3 .list-box ul li {width: calc(100% / 2);}
.sec3 .list-box ul li .child-box {width: 100%; height: auto;}
.sec3 .list-box ul li .child-box .tit {margin-bottom: 10px; font-size: 22px; font-weight: bold; line-height: 1; letter-spacing: -0.44px; color: var(--pr);}
.sec3 .list-box ul li .child-box .txt {font-size: 22px; font-weight: 400; line-height: 1.6; letter-spacing: -0.44px; color: var(--gray_6);}


/* 그누보드 */
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: 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 {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_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 .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; margin-bottom: 10px; border-radius: 7px; 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;}
}