/* 탭 메뉴 */
.tab_menu {
    width: 100%;
    display: flex;
}

.tab_menu_ul {
    width: 100%;
    display: flex;
    justify-content: center;
}

.tab_menu_ul::-webkit-scrollbar {
    height: 0px;
}

.tab_menu_list {
    width: 100%;
    max-width: 180px;
    display: flex;
    border-radius: 8px;
    transition: 0.3s ease;
}

.tab_menu_list.on {
    background: linear-gradient(to right, #05230A 90%, #3DBF5A);
}

.tab_menu_link {
    width: 100%;
    height: 100%;
    /* min-height: 44px; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 12px;
}

.tab_menu_text {
    font-size: 16px;
    /* 16px */
    font-weight: bold;
    color: #9EA4AA;
    word-break: keep-all;
    text-align: center;
}

.tab_menu_list:hover .tab_menu_text {
    color: #05230A;
}

.tab_menu_list.on .tab_menu_text {
    color: #ffffff;
}





/* 게시판 total 텍스트 */
.board_total_box {
    width: 100%;
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
}

.board_total_text {
    font-size: 16px;
    font-weight: 500;
    color: #454C53;
}

.board_total_num {
    font-weight: 700;
    color: #3DBF5A;
}






/* 검색창 */
.search_wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search_box {
    width: 100%;
    max-width: 540px;
    height: 72px;
    display: flex;
    align-items: center;
    background-color: #E8EBED;
    border-radius: 16px;
    padding: 0px 16px;
    border: 2px solid transparent;
    transition: 0.3s ease;
}

.search_box.focused {
    background-color: #fff;
    border: 2px solid #3DBF5A;
}

.search_select {
    width: 100%;
    max-width: 74px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #1B1D1F;
    margin-right: 16px;
}

.search_botton {
    width: 40px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.search_icon {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub_search_icon_img {
    width: 100%;
    object-fit: contain;
}





/* 카드형 게시판 리스트 */
.card_list_wrap {
    width: 100%;
}

.card_list_container {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.card_list_box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 60px 20px;
}

.card_list{
    width: 100%;
    max-width: calc(25% - 15px);
    display: flex;
    transition: 0.3s ease;
}

.card_list_link{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.vertical_reverse{
    flex-direction: column-reverse;
}

.card_list_img_box{
    width: 100%;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.card_list_img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s ease;
}

.card_list:hover .card_list_img{
    transform: scale(1.1);
}

.card_list_text_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.card_list_text_box .division_text{
    font-size: 14px;
}

.card_list_text_box .basic_title{
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 140%;
    transition: 0.3s ease;
}



/* 카드형 게시판 리스트 (news) */
.news_card_wrap .card_list_box{
    gap: 64px 24px;
}

.news_card_wrap .card_list{
    max-width: calc(33.33% - 16px);
    border-radius: 20px;
    border: 1px solid #C9CDD2;
    background: #fff;
}

.news_card_wrap .card_list:hover{
    background: #3DBF5A;
}

.news_card_wrap .card_list:hover .division_text, .news_card_wrap .card_list:hover .basic_stitle, .news_card_wrap .card_list:hover .caption_text, .news_card_wrap .card_list:hover .day_text{
    color: #fff;
}

.news_card_wrap .card_list_link{
    padding: 24px 20px;
}

.news_card_wrap .card_list_img_box{
    background: #E8EBED;
    border-radius: 20px;
}



/* 카드형 게시판 리스트 (foundation) */
.foundation_card_wrap .card_list_box{
    gap: 64px 24px;
}

.foundation_card_wrap .card_list{
    max-width: calc(33.33% - 16px);
}

.foundation_card_wrap .card_list_img_box{
    border-radius: 20px;
    overflow: hidden;
}




/* 리포트 리스트 */
.report_list_wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.report_list_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.report_ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.report_list{
    width: 100%;
    max-width: calc(50% - 15px);
    border-radius: 20px;
    border: 1px solid #C9CDD2;
    padding: 8px 20px 8px 8px;
    transition: 0.1s ease;
}

.report_list:hover{
    background: #3DBF5A;
    border: 1px solid #3DBF5A;
}

.report_list:hover .report_list_text_box,
.report_list:hover .report_list_text_box p,
.report_list:hover .report_list_text_box h5,
.report_list:hover .report_list_text_box ul li p {
    color: #fff !important;
    transition: 0.1s ease !important;
}

.report_list:hover .report_list_text_box .under_line::after {
    background: #fff;
}

.report_link{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 50px;
}

.report_list_img_box{
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
    max-width: 245px;
    height: 355px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.report_list_img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.report_list_img_text_box{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 6;
    transition: opacity 0.1s ease;
}

.report_list:hover .report_list_img_text_box{
    opacity: 0;
}

.report_list_img_dim{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#3dbf59f3 -5%, #26282bf3 40%, #26282b7e);
    z-index: 5;
    transition: opacity 0.1s ease;
}

.report_list:hover .report_list_img_dim{
    opacity: 0;
}

.report_list_text_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 60px;
}

.report_list_title_box{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.report_list_info_text_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.under_line::after{
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 24px;
    height: 2px;
    background: #1B1D1F;
}

.report_list_info_text_ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.report_list_info_text_list{
    max-width: 160px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    white-space: nowrap;
}

.report_list_info_text_list .basic_gray_text:first-child{
    width: 100px;
}













/* 년도 셀렉트 박스 */
.select_year_wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.year_btn{
    width: 100%;
    min-height: 60px;
}

.year_btn_txt {
    font-size: 48px;
    font-weight: 700;
    color: #1B1D1F;
    letter-spacing: -2px;
}

.year_box .select_up_btn:after {
    display: none;
}

.year_list_box {
    top: 50px;
    background: #05230A;
    max-height: 135px;
    overflow-y: auto;
    border-radius: 12px;
}

.year_list_box.on {
    top: 55px;
}

.year_list {
    border-bottom: 1px solid #ffffff3b;
    display: flex;
}

.year_list a {
    padding: 14px 0;
    font-size: 16px;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
}

.year_list a span {
    color: #fff;
}
  
  .down_arrow_circle {
    width: 24px;
    height: 24px;
    background: #1B1D1F;
    border-radius: 1000px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .arrow_down {
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg) translate(-1px, 1px);
  }




  .ans_view_title_wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 24px;
    gap: 16px;
    border-bottom: 2px solid #E8EBED;
  }
  
  .ans_view_img_box{
    width: 64px;
    min-width: 64px;
    aspect-ratio: 1/1;
    border-radius: 1000px;
    overflow: hidden;
    border: 1px solid var(--gray-100);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .ans_view_img{
    width: 70%;
    object-fit: contain;
  }
  
  .ans_view_text_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
  
  .ans_view_mtext{
    font-size: 20px;
    font-weight: var(--bold);
    color: var(--gray-900);
  }
  
  .ans_view_dtext{
    font-size: 16px;
    font-weight: var(--bold);
    color: #72787F;
  }




/*  게시판 리스트  */
.board_list_wrap {
    width: 100%;
}

.board_list_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-top: 2px solid #1B1D1F;
    border-bottom: 2px solid #1B1D1F;
}

.border_bottom_none{
    border-bottom: none;
}

.border_none{border: none !important;}

.board_list_title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-bottom: 2px solid #1B1D1F;
    gap: 0 20px;
}

.board_list_title_text {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: keep-all;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    padding: 20px 0px;
}

.board_list_content {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.board_list_content_item {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #E8EBED;
    align-items: center;
    transition: 0.3s;
}

.board_list_content_item:hover {
    background: #F7F8F9;
}

.board_list_content_item:last-child {
    border-bottom: 0px;
}

.slide_down_item:last-child {
    border-bottom: 1px solid #E8EBED;
}

.slide_down_item.on {
    border-bottom: 1px solid transparent;
}

.board_list_cell_link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 25px 0;
    gap: 0 20px;
}

.slide_down_item:hover{
    background: none;
}

.slide_down_item .board_list_cell_link{
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 0;
}

.board_list_question_item_box{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 24px 0;
}

.board_list_answer_item_box{
    width: 100%;
    display: flex;
    align-items: flex-start;
    background: var(--gray-50);
    padding: 48px 24px;
    border-radius: 20px;
    gap: 64px;
}

/* .slide_down_item.on .board_list_answer_item_box{
    display: flex;
} */

.slide_down_item .more_btn_l .circle_arrow {
    transform: rotate(135deg) translate(-1px, 1px);
    transition: 0.6s ease;
}

.slide_down_item .more_btn_l{
    transition: 0.6s ease;
    margin-left: 24px;
}

.slide_down_item.on .more_btn_l{
    background: var(--primary-color);
}

.slide_down_item.on .more_btn_l .circle_arrow {
    transform: rotate(-45deg) translate(-1px, 1px);
}

/* 셀 텍스트 속성 */
.board_list_cell_text {
    font-size: 16px;
    font-weight: 500;
    color: #1B1D1F;
    text-align: center;
    word-break: keep-all;
}

/* 번호 */
.board_list_cell.num .board_list_cell_text {
    font-size: 14px;
    font-weight: 700;
    color: #9EA4AA;
}

/* 제목 */
.board_list_cell.subject .board_list_cell_text {
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.board_list_content_item:hover .board_list_cell.subject .board_list_cell_text {
    font-weight: 700;
    color: #05230A;
}

/* 날짜 */
.board_list_cell.date .board_list_cell_text {
    font-size: 14px;
    font-weight: 400;
    color: #9EA4AA;
}

/* 신청정원 */
.board_list_cell.people .board_list_cell_text {
}

/* 신청기간 */
.board_list_cell.application .board_list_cell_text {
    font-size: 16px;
    font-weight: 400;
    color: #454C53;
}


/* 셀 넓이 */
.board_list_title_item,
.board_list_cell {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    gap: 10px;
}

/* 번호 */
.board_list_title_item.num,
.board_list_cell.num {
    max-width: 80px;
}

/* 구분 */
.board_list_title_item.category,
.board_list_cell.category {
    max-width: 180px
}

.contract_wrap .board_list_title_item.category,
.contract_wrap .board_list_cell.category {
    max-width: 120px
}

/* 제목 */
.board_list_title_item.subject,
.board_list_cell.subject {
    max-width: 100%;
}

.board_list_cell.subject {
    justify-content: flex-start;
}

/* 작성자 */
.board_list_title_item.writer,
.board_list_cell.writer {
    max-width: 120px;
}

/* 날짜 */
.board_list_title_item.date,
.board_list_cell.date {
    max-width: 140px;
}

/* 신청정원 */
.board_list_title_item.people,
.board_list_cell.people {
    max-width: 120px;
}

/* 신청기간 */
.board_list_title_item.application,
.board_list_cell.application {
    max-width: 160px;
}



.school_feeding_wrap .board_list_title_item.category,
.school_feeding_wrap .board_list_cell.category {
    max-width: 100px
}

/* 셀 텍스트 속성 */
.school_feeding_wrap .board_list_cell_text {
    font-size: 20px;
    font-weight: 700;
    color: #1B1D1F;
    text-align: center;
    word-break: keep-all;
    transition: 0.3s ease;
    text-indent: -22px;
    padding-left: 22px;
    line-height: 140%;
}

.school_feeding_wrap .slide_down_item.on .board_list_cell_text{
    color: var(--primary-color) !important;
}

.school_feeding_wrap .slide_down_item:hover .board_list_cell_text{
    color: var(--primary-color) !important;
}

.answer_circle_box{
    width: 32px;
    min-width: 32px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    border-radius: 1000px;
}

.answer_circle_text{
    font-size: 20px;
    font-weight: var(--bold);
    color: #fff;
}



/* 게시판 형식 */
.board_view_wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.board_title_wrap {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    padding: 48px 0;
    border-bottom: 2px solid #E8EBED;
}

.board_title_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.board_title {
    font-size: 24px;
    font-weight: bold;
    color: #000;
}

.board_util {
    display: flex;
    align-items: center;
    gap: 24px;
}

.board_util_list {
    display: flex;
    align-items: center;
    gap: 6px;
}

.board_util_icon_img {
    object-fit: contain;
}

.board_util_text {
    font-size: 16px;
    font-weight: bold;
    color: #72787F;
    white-space: nowrap;
}

.board_view_text_wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.board_view_text_box {
    padding: 48px 20px 64px 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.board_info_text {
    font-size: 16px;
    font-weight: 400;
    color: #454C53;
    line-height: 140%;
}

.board_add_item_wrap {
    width: 100%;
    display: flex;
    margin-bottom: 48px;
    background: linear-gradient(to right, #3dbf59 -10%, #26282B 7%);
    padding: 24px;
    border-radius: 16px;
    gap: 50px;
}

.board_add_item_title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
}

.board_add_item_box {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.board_add_item_ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.board_add_item_list {
    width: 100%;
    display: flex;
    align-items: center;
}

.board_link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.board_link_text {
    font-size: 16px;
    font-weight: 300;
    color: #C9CDD2;
    line-height: 140%;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: 0.3s ease;
}

.file_add_list:hover .board_link_text {
    text-decoration: underline;
}

.board_short_cut_link{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 8px;
    background: #3DBF5A;
    transition: 0.3s ease;
}

.board_short_cut_link:hover{
    background: #05230A;
}

.board_short_cut_link_text{
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.post_nav_wrap {
    margin-top: 20px;
    display: flex;
    width: 100%;
}

.post_nav_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.post_nav_btn {
    display: flex;
    align-items: center;
    gap: 16px;
}

.post_nav_btn_text {
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 700;
    color: #1B1D1F;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #1B1D1F;
    transition: 0.3s ease;
}

.post_nav_btn_text:hover {
    background: #05230A;
    color: #fff;
}

.post_nav_btn_info_text {
    font-size: 16px;
    font-weight: 500;
    color: #1B1D1F;
    max-width: 30vw;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.board_images_wrap{
    width: 100%;
    display: flex;
    justify-content: center;
}

.board_images_box{
    width: 100%;
    max-width: 700px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding-top: 50px;
}

.board_images_img{
    width: 100%;
    object-fit: contain;
    border-radius: 20px;
    overflow: hidden;
}






/* 게시판 쓰기 */
.board_write_wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-bottom: 2px solid #000;
}

.board_write_border_add{
    border-top: 2px solid #000;
    padding-top: 24px;
    gap: 0;
}

.board_write_container{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.board_write_container_title_box{
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 16px;
}

.board_write_container_title{
    font-size: 24px;
}

.board_write_container_text{
    font-size: 16px;
    font-weight: var(--medium);
    color: #454C53;
    white-space: nowrap;
}

.board_write_container_text span{
    color: #FFB800;
    display: inline-block;
    transform: translateY(2.5px);
    margin-right: 4px;
}








/* 체크 박스 */
.input_box .check_box {
    width: 100%;
    height: 100%;
}

.input_box .check_box input {
    display: none;
}

.input_box .check_box .check_ck {
    width: 100%;
    height: var(--input_high);
    display: flex;
    align-items: center;
    padding: 0px 20px;
    background: #F7F8F9;
    border: 1px solid #E8EBED;
    transition: 0.3s ease;
    border-radius: 8px;
    cursor: pointer;
    gap: 10px;
}

.input_box .check_box input:checked + .check_ck {
    background: #E5F6E7;
    border: 1px solid #3DBF5A;
}

.input_box .check_box .check_ck .ch_img {
    display: flex;
    align-items: center;
}

.ch_img svg {
    background: #fff;
    border-radius: 100px;
    padding: 2px;
    border: 2px solid #C9CDD2;
    width: 18px;
    height: 18px;
}

.input_box .check_box input:checked + .check_ck .ch_img svg {
    border: 2px solid #3DBF5A;
}

.input_box .check_box .check_ck .ch_img path {
    fill: none;
    stroke: none;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 71px;
    stroke-dashoffset: 71px;
    transition: all 0.6s ease;
}

.input_box .check_box input:checked + .check_ck path {
    fill: transparent;
}

.input_box .check_box .check_ck .ch_img polyline {
    fill: none;
    stroke: #3DBF5A;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 18px;
    stroke-dashoffset: 18px;
    transition: all 0.3s ease;
}

.input_box .check_box input:checked + .check_ck polyline {
    stroke-dashoffset: 0;
}

.input_box .check_box .check_ck span {
    color: #454C53;
    font-size: 16px;
    font-weight: 500;
    word-break: keep-all;
    transition: 0.3s ease;
}

.input_box .check_box input:checked + .check_ck span {
    color:#05230A;
    font-weight: 700;
}







/* issue */
.issue_step{
    gap: 48px !important;
}

.issue_input_wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.issue_input_box{
    width: 100%;
    border: 1px solid #C9CDD2;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.issue_util_btn_ul{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
}

.issue_util_btn{
    padding: 6px 14px;
    border-radius: 8px;
    background: #9EA4AA;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    cursor: pointer;
    transition: 0.3s ease;
}

.issue_add{
    background: #454C53;
}

.issue_util_btn:hover{
    background:#3dbf59;
}

.issue_util_btn .basic_white_text{
    font-size: 14px;
    font-weight: 600;
}

.issue_info_add_ul{
    border-top: 2px solid #1B1D1F;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    padding-top: 20px;
}

.issue_info_add_list{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
}

.issue_info_add_item_box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 40px;
    aspect-ratio: 1 / 1;
}

.issue_info_add_item_box .basic_gray_text{
    font-size: 14px;
    color: #9EA4AA;
}

.issue_info_add_input_ul{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
}

.issue_info_add_input_list{
    width: 100%;
    display: flex;
    align-items: center;
}

.issue_info_add_input_list .input_box input{
    height: var(--low_input_high);
    font-size: 14px;
}

.issue_info_add_input_list .input_box input::placeholder{
    font-size: 14px;
}




/* 삭제 버튼 */
.del_btn{
    width: 22px;
    height: 22px;
    border-radius: 1000px;
    border: 2px solid #000;
    position: relative;
    cursor: pointer;
}

.del_btn::after{
    width: 8px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%, -50%);
    display: block;
    content: "";
}

/* 페이징 */
.paging_wrap {
    width: 100%;
    display: flex;
    justify-content: center;
}

.paging_box {
    display: flex;
    align-items: center;
}

.paging_ul {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

.paging_list_box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
}

.paging_list {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #E8EBED;
    transition: 0.3s;
}

.paging_list a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.paging_list:hover {
    background-color: #C9CDD2;
}

.paging_list.on {
    background-color: #3DBF5A;
}

.paging_list_text {
    font-size: 14px;
    font-weight: 400;
    color: #454C53;
}

.paging_list.on .paging_list_text {
    color: #fff;
    font-weight: 700;
}

.paging_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: #454C53;
    transition: 0.3s;
    cursor: pointer;
}

.paging_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.paging_btn:hover {
    background-color: #1B1D1F;
}



/* 첨부파일 업로드 */
.input_file_wrap {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 6px;
}

.input_box_label {
    display: flex;
    align-items: center;
    width: 100%;
    height: var(--input_high);
    padding: 0 20px;
    background: #F7F8F9;
    border: 1px solid #E8EBED;
    border-radius: 8px;
}

.file_up_icon_img {
    object-fit: contain;
}

.file_name_txt {
    font-size: 16px;
    font-weight: 500;
    color: #454C53;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.file_upload_btn {
    display: flex;
    max-width: 160px;
    width: 100%;
    height: var(--input_high);
    justify-content: center;
    align-items: center;
    background: #fff;
    cursor: pointer;
    border-radius: 8px;
    border: 2px solid #008117;
    transition: 0.3s ease;
}

.file_upload_btn:hover {
    background: #E5F6E7;
}

.file_upload_btn_text {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    color: #008117;
    text-align: center;
    transition: 0.3s ease;
}

.file_upload_btn:hover .file_upload_btn_text {
    /* color: #fff; */
}

.delete_file {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 10px;
}

.delete_file_list {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.delete_file_check {
    background: #1B1D1F;
    padding: 4px 10px 4px 8px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
    cursor: pointer;
    word-break: keep-all;
    border-radius: 8px;
}

input[type="checkbox"]:checked+.delete_file_check {
    background: #F6503B;
}

.delete_file_text {
    font-size: 16px;
    font-weight: 500;
    color: #454C53;
    transition: 0.3s ease;
}

input[type="checkbox"]:checked+.delete_file_check+.delete_file_text {
    color: #F6503B;
}




/* button list */
.button_wrap {
    margin-top: 64px;
    display: flex;
    width: 100%;
}

.button_box {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.button_list {
    max-width: 140px;
    width: 100%;
    height: var(--input_high);
    background: #C9CDD2;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}

.button_list.on {
    background: #1B1D1F;
}

.button_list a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button_text {
    color: #454C53;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 0 16px;
}

.button_list.on .button_text {
    color: #fff;
}

.button_list:hover{
    background: #05230A;
}

.button_list.del:hover{
    background: var(--error);
}

.button_list:hover .button_text{
    color: #fff;
}





/* 관리자 답변 영역 */
.admin_view_answer_contain{
    width: 100%;
    display: none;
    flex-direction: column;
  }
  
  .avac_flex{
    display: flex;
  }
  
  .marbt_none{margin-bottom: 0;}
  
  .admin_view_answer_wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    background: var(--gray-100);
    margin-top: 96px;
    padding: 40px 0;
  }
  
  .admin_view_answer_box{
    width: 100%;
    border-radius: 16px;
    padding: 24px;
    background: var(--white);
    position: relative;
  }
  
  .admin_view_answer_box::after{
    position: absolute;
    left: 65px;
    top: -65px;
    width: 50px;
    aspect-ratio: 1/1;
    background: var(--gray-100);
    content: "";
    display: flex;
    transform: rotate(45deg);
  }
  








/* 비밀번호 입력 팝업 */
.pw_popup_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .pw_popup_wrap.on {
    pointer-events: auto;
  }
  
  .pw_popup_wrap .pw_popup_box {
    background: #fff;
    position: relative;
    z-index: 9999;
    border-radius: 20px;
    padding: 20px;
    text-align: center;
    width: 100%;
    max-width: 480px;
    margin: 0 16px;
    opacity: 0;
    transform: scale(0.7);
  }
  
  .pw_popup_wrap.on .pw_popup_box {
    display: block;
    animation: view3 0.3s forwards cubic-bezier(0, 0.49, 0.25, 1);
  }
  
  @keyframes view3{
    0% {
      transform: scale(0.7);
      opacity: 0;
    }
    70% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
  }
  
  .pw_popup_wrap .pw_popup_box .tit_box {
    margin-bottom: 20px;
  }
  
  .pw_popup_wrap .pw_popup_box .tit_box img {
    margin-bottom: 8px;
  }
  
  .pw_popup_wrap .pw_popup_box .tit_box .tit_txt {
    font-size: 32px;
    font-weight: 700;
    color: var(--gray-900);
  }
  
  .pw_popup_wrap .pw_popup_box .ip_box {
    display: flex;
    flex-direction: column;
    max-height: 360px;
    overflow-y: auto;
  }
  
  .pw_popup_wrap .pw_popup_box .ip_box input {
    height: var(--input_high);
    background: var(--input_background_color);
    border: 1px solid var(--input_border_color);
    padding: 0 16px;
    border-radius: 8px;
    font-size: 16px;
    font-family: 'Pretendard';
    font-weight: 500;
    color: var(--gray-600);
    text-align: center;
    transition: 0.3s ease;
  }
  
  .pw_popup_wrap .pw_popup_box .ip_box input:focus {
    background: var(--primary_bg_color); /* 배경색 변경 */
    border-color: var(--primary-color); /* 포커스 시 테두리 색상 변경 */
    outline: none; /* 기본 포커스 효과 제거 */
  }
  
  .pw_popup_wrap .pw_popup_box .ip_box .guide_txt {
    color: var(--primary-color);
    font-weight: 500;
    line-height: 120%;
    font-size: 14px;
    margin-top: 8px;
    display: block;
  }
  
  .pw_pop_box {
    padding-top: 40px;
  }
  
  
  .pw_pop_btn_ul {
    display: flex;
    justify-content: center;
    gap: 10px;
    width: 100%;
  }
  
  .pw_pop_btn_list {
    width: 100%;
    max-width: 140px;
    height: 52px;
    border-radius: 8px;
    background: var(--gray-400);
    transition: 0.2s ease;
  }
  
  .pw_pop_btn_list a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .pw_pop_btn_list a span {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
  }
  
  .pw_pop_btn_list.complete {
    background: var(--gray-900);
  }
  
  .pw_pop_btn_list.complete {
    background: var(--gray-900);
  }
  
  .pw_pop_btn_list button {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: transparent;
    border: none;
  }
  
  .pw_pop_btn_list button span {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
  }
  
  .pw_pop_btn_list:hover {
    background: var(--primary-color);
  }
  .pw_pop_btn_list.del:hover {
    background: var(--error);
  }
  
  .pw_popup_wrap .pw_popup_dim_box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #1e2b3783;
    z-index: 9998;
    pointer-events: none;
    opacity: 0;
    transition: 0.3s ease;
  }
  
  .pw_popup_wrap.on .pw_popup_dim_box {
    opacity: 1;
    pointer-events: auto;
  }









/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */
:root {
    --input_high: 60px;
    --low_input_high: 48px;
}

select,
input,
button {
    border: none;
    font-size: 16px;
    outline: 0;
    height: 100%;
    font-family: 'Pretendard';
    background: none;
}

.down_step {margin-bottom: 64px;}

.max_220 {
    max-width: 220px;
}

input {
    width: 100%;
}

.input_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

.input_step {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 0;
    border-top: 1px solid #E8EBED;
    gap: 10px;
}

.input_box input {
    height: var(--input_high);
    padding: 0px 14px;
    background: #F7F8F9;
    border: 1px solid #E8EBED;
    font-family: 'Pretendard';
    letter-spacing: 1px;
    transition: 0.3s;
    border-radius: 8px;
    transition: 0.3s ease;
}

.input_box input:focus {
    background: #E5F6E7;
    border: 1px solid #3DBF5A;
    color: #05230A;
}

.input_box input:focus::placeholder {
    font-weight: 700;
    color: #05230A;
}

input[type=text] {
    color: #1B1D1F;
    font-weight: 500;
    font-size: 16px;
}

input::placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #9EA4AA;
    transition: 0.3s ease;
}

.input_select {
    width: 100%;
    height: var(--input_high);
    padding: 0px 20px;
    outline: 0;
    background-color: #F7F8F9;
    border: 1px solid #E8EBED;
    font-family: 'Pretendard';
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 500;
    color: #454C53;
    transition: background-color 0.3s ease;
    border-radius: 8px;
    appearance: none;
    background-image: url(../img/down_arrow.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    background-size: 12px;
    cursor: pointer;
}

.input_box .input_select:focus {
    background-color: #E5F6E7;
    border: 1px solid #3DBF5A;
    color: #05230A;
}

.input_select option {
    background-color: #FFF; /* 기본 흰색 */
    color: #454C53; /* 텍스트 색상 */
    font-weight: 500; /* 기본 폰트 설정 */
    padding: 10px;
}

.input_step_title {
    font-size: 20px;
    font-weight: bold;
    color: #1B1D1F;
}

.input_step_title span {
    color: #FFB800;
    display: inline-block;
    transform: translateY(2.5px);
}

.input_ception_text {
    font-size: 14px;
    font-weight: var(--medium);
    color: #4788DD;
}

.ip_human::after{
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    content: "명";
    color: var(--gray-600);
    font-size: 16px;
    font-weight: var(--medium);
}

.ip_money::after{
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    content: "원";
    color: var(--gray-600);
    font-size: 16px;
    font-weight: var(--medium);
}

/* textarea */
.input_textarea {
    width: 100%;
    height: 470px;
    display: flex;
    border: 1px solid #E8EBED;
    outline: none;
    color: #1B1D1F;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Pretendard';
    padding: 20px;
    border-radius: 8px;
    transition: 0.3s ease;
}

.input_textarea:focus {
    background: #E5F6E7;
    border: 1px solid #3DBF5A;
    color: #05230A;
}

.dozen_select_box{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.input_day_icon::after {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    content: url(../img/cld_icon.svg);
    display: block;
}

.division_text {
    font-size: 16px;
    font-weight: bold;
    color: #3DBF5A;
    transition: 0.3s ease;
}

.kategorie_text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: #05230A;
    padding: 6px 12px;
    border: 1px solid #96D99F;
    border-radius: 4px;
    background: #E5F6E7;
    word-break: keep-all;
}

.kategorie_text.issue{
    border: 1px solid var(--primary-color);
    color: var(--white);
    background: var(--primary-color);
}

.kategorie_text.off{
    border: 1px solid var(--gray-400);
    color: var(--gray-600);
    background: #fff;
}

.kategorie_text.end{
    border: 1px solid var(--gray-400);
    color: var(--gray-600);
    background: var(--gray-200);
}

.basic_ltitle{
    font-size: 0px;
    font-weight: bold;
    color: #1B1D1F;
}

.basic_mtitle{
    font-size: 24px;
    font-weight: bold;
    color: #1B1D1F;
}

.basic_stitle{
    font-size: 20px;
    font-weight: bold;
    color: #1B1D1F;
}

.basic_title{
    font-size: 16px;
    font-weight: bold;
    color: #1B1D1F;
    position: relative;
}

.white_ltitle{
    font-size: 48px;
    font-weight: 800;
    color: #fff;
}

.white_mtitle{
    font-size: 36px;
    font-weight: 700;
    color: #fff;
}

.white_stitle{
    font-size: 24px;
    font-weight: 500;
    color: #fff;
}

.basic_white_text{
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.basic_gray_text{
    font-size: 16px;
    font-weight: 500;
    color: #454C53;
    transition: 0.3s ease;
}

.caption_text{
    font-size: 14px;
    font-weight: 400;
    color: #454C53;
    line-height: 160%;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: 0.3s ease;
}

.day_text{
    font-size: 14px;
    font-weight: 500;
    color: #9EA4AA;
    transition: 0.3s ease;
}

.time_box {
    height: var(--input_high);
    background: var(--gray-50);
    border: 1px solid var(--gray-100);
    padding: 0 16px;
    border-radius: 8px;
    font-size: 16px;
    font-family: 'Pretendard', 맑은 고딕;
    font-weight: 500;
    color: var(--gray-600);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.time_box select {
    width: 56px;
    height: 32px;
    background: #fff;
    border: 1px solid var(--gray-100);
    padding: 0 4px;
    border-radius: 4px;
    font-size: 16px;
    font-family: 'Pretendard', 맑은 고딕;
    font-weight: 500;
    color: var(--gray-600);
    cursor: pointer;
    text-align: center;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/site/basic/img/arw_ico.svg);
    background-position: right 12px center;
    background-repeat: no-repeat;
}



.board_view_add_info_wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.board_view_add_info_box {
    padding: 32px 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
    border-bottom: 2px solid var(--gray-100);
}

.company_util_info_ul {
    width: 100%;
    display: flex;
    gap: 20px 50px;
    flex-wrap: wrap;
}

.company_util_info_list {
    width: 100%;
    display: flex;
    /* align-items: center; */
    gap: 24px;
}

.bvaiw_half .company_util_info_list{
    max-width: calc(50% - 25px);
}

.company_util_info_mtext {
    min-width: 64px;
    font-size: 16px;
    font-weight: 700;
    color: var(--gray-900);
    display: flex;
    align-items: flex-start;
    padding-top: 3px;
    white-space: nowrap;
}

.cui_text_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.company_util_info_stext {
    font-size: 16px;
    font-weight: 400;
    color: var(--gray-600);
    line-height: 160%;
}

.cpv_info_price_change_box {
    background: #4788DD;
    border-radius: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 16px;
}

.cpv_info_price_change_text{
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0;
}

.cui_green_day{
    color: var(--primary-color);
    font-weight: var(--bold);
}
.cui_gray_day{
    color: var(--gray-600);
    font-weight: var(--bold);
}

.company_green_info_box{
    border-radius: 20px;
    background: var(--green-50);
    border: 2px solid var(--primary-color);
    padding: 24px 20px;
}

.company_green_info_ul {
    width: 100%;
    display: flex;
    gap: 8px 50px;
    flex-wrap: wrap;
}

.company_green_info_list {
    width: 100%;
    display: flex;
    /* align-items: center; */
    gap: 24px;
}

.company_green_info_list_mtext {
    min-width: 64px;
    font-size: 16px;
    font-weight: 700;
    color: var(--gray-900);
    display: flex;
    align-items: flex-start;
    padding-top: 3px;
    white-space: nowrap;
}

.cui_green_text_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.company_green_info_list_stext {
    font-size: 16px;
    font-weight: 400;
    color: var(--gray-600);
    line-height: 160%;
}


.agreement_wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 16px;
}

.agreement_box{
    border-radius: 20px;
    background: #F7F8F9;
    border : 10px solid #F7F8F9;
    display: flex;
    padding: 12px 10px 16px 10px;
    width: 100%;
    height: 240px;
    overflow-y: auto;
    outline: 1px solid #E8EBED;
}

/* 스크롤 바 전체 */
.agreement_box::-webkit-scrollbar {
    width: 4px;
    /* 세로 스크롤 바의 너비 */
    height: 10px;
    /* 가로 스크롤 바의 높이 */
  }
  
  /* 스크롤 바 트랙 (배경) */
  .agreement_box::-webkit-scrollbar-track {
    background: none;
  }
  
  /* 스크롤 바 핸들 (움직이는 부분) */
  .agreement_box::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 10px;
  }

.agreement_text{
    font-size: 14px;
    font-weight: var(--regular);
    color: #454C53;
    line-height: 160%;
}

.agreement_text span{
    font-weight: var(--bold);
}

.agreement_checkbox{
    display: flex;
    align-items: center;
}

.agreement_checkbox .input_box{
    width: auto;
}

.agreement_checkbox .input_box .check_box .check_ck {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    padding: 0px;
    background: none;
    border: 0px solid #E8EBED;
    transition: 0.3s ease;
    border-radius: 0px;
    /* cursor: pointer; */
    gap: 10px;
}

.agreement_checkbox .input_box .check_box input:checked + .check_ck {
    background: none;
    border: 0px solid #3DBF5A;
}

.agreement_checkbox .input_box .check_box input:checked + .check_ck span {
    color: #454C53;
    font-weight: 500;
}

.know_info_title_box{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.know_info_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #D1D1D1;
    padding: 24px;
}

/* 읽기 전용 input 스타일 */
.readonly_input {
    background-color: var(--gray-200) !important; /* 읽기 전용 느낌을 주기 위해 배경색 변경 */
    color: var(--gray-600) !important; /* 텍스트 색상을 빨간색으로 변경 */
    pointer-events: none !important;
}


.juso_btn {
    width: 100%;
    height: var(--input_high);
    max-width: 160px;
    border: 2px solid var(--green-800);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
    background: #fff;
    cursor: pointer;
}

.juso_btn:hover {
    background: var(--green-50);
}

.juso_btn span{
    font-size: 16px;
    font-weight: var(--bold);
    color: var(--green-800);
}

.none_click{
    pointer-events: none;
}

.job_board_wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.job_board_ul{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.job_board_list{
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 20px;
    border: 2px solid var(--gray-100);
    transition: 0.3s ease;
}

.job_board_list:hover{
    background: var(--green-50);
    border: 2px solid var(--primary-color);
}

.job_board_list a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 48px 24px;
    gap: 24px;
}

.job_kete_box{
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
}

.job_kete_box .job_number_text {
    font-size: 14px;
    font-weight: 700;
    color: var(--gray-600);
}


.job_kete_box .kategorie_text{
    padding: 8px 16px;
    border-radius: 16px;
}

.job_text_wrap{
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.job_text_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.job_stext{
    font-size: 14px;
    font-weight: var(--regular);
    color: var(--gray-600);
}

.job_mtext{
    font-size: 20px;
    font-weight: var(--bold);
    color: var(--gray-900);
}

.job_ception{
    font-size: 14px;
    font-weight: var(--bold);
    color: var(--primary-color);
}

.job_ception.off{
    color: var(--gray-400);
}

.job_day_box{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 8px;
    background: var(--gray-50);
    border: 1px solid var(--gray-100);
    padding: 16px;
}

.job_day_piont_text{
    font-size: 14px;
    font-weight: var(--bold);
    color: var(--primary-color);
}

.job_day_text{
    font-size: 14px;
    font-weight: var(--bold);
    color: var(--gray-600);
}

.job_day_box.off .job_day_piont_text{
    color: var(--gray-400);
}
.job_day_box.off .job_day_text{
    color: var(--gray-400);
}




.none_object_wrap{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 0;
    background: var(--gray-50);
}

.none_object_box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.none_object_img{
    width: 100%;
    max-width: 78px;
    object-fit: contain;
}

.none_object_text_box{
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: center;
}

.none_object_title{
    font-size: 16px;
    font-weight: var(--bold);
    color: var(--gray-600);
}

.none_object_sub_text{
    font-size: 14px;
    font-weight: var(--regular);
    color: var(--gray-400);
}















/* 반응형 */
@media(max-width : 1900px) {}

@media(max-width : 1800px) {}

@media(max-width : 1700px) {}

@media(max-width : 1600px) {
    .tab_menu_text {font-weight: 500;}
    .search_box {height: 66px;}
    .card_list_img_box {height: 230px;}
}

@media(max-width : 1400px) {
    .search_box {height: 60px; border-radius: 8px;}
    .board_title_wrap {padding: 44px 0; gap: 16px;}
    .input_textarea {height: 440px;}
    .card_list_img_box {height: 210px;}
    .caption_text {-webkit-line-clamp: 2;}
    .news_card_wrap .card_list_link {padding: 20px;}
    .year_btn_txt {font-size: 42px;}
    .report_list_img_box {height: 335px;}
    .white_ltitle {font-size: 42px;}
    .report_link {gap: 40px;}
    .title_36 {font-size: 34px;}
}

@media(max-width : 1200px) {
    .tab_menu_ul {overflow-x: scroll; gap: 26px; justify-content: flex-start;}
    .tab_menu_list {max-width: 100%;}
    .tab_menu_text{white-space: nowrap; }
    .down_step{margin-bottom: 50px;}
    .board_list_title_text {padding: 16px 0px;}
    .board_list_title_item.num, .board_list_cell.num {max-width: 60px;}
    .board_list_title_item.writer, .board_list_cell.writer {max-width: 100px;}
    .board_list_title_item.date, .board_list_cell.date {max-width: 120px;}
    .file_clip_img{display: none;}
    .board_view_text_box {padding: 40px 0px 50px 0px;}
    .board_add_item_wrap {padding: 24px 20px; margin-bottom: 40px;}
    .input_textarea {height: 400px;}
    .card_list_img_box {height: 190px;}
    .news_card_wrap .card_list_link {padding: 18px 16px;}
    .news_card_wrap .card_list_box {gap: 54px 15px;}
    .foundation_card_wrap .card_list_box {gap: 54px 15px;}
    .news_card_wrap .card_list {max-width: calc(33.33% - 10px);}
    .foundation_card_wrap .card_list {max-width: calc(33.33% - 10px);}
    .year_btn_txt {font-size: 36px;}
    .report_ul {gap: 20px;}
    .report_list_img_box {height: 290px; max-width: 215px;}
    .white_ltitle {font-size: 36px;}
    .report_link {gap: 30px;}
    .report_list {max-width: calc(50% - 10px);}
    .report_list_text_box {gap: 40px;}
    .white_stitle {font-size: 20px;}
    .report_list_info_text_ul {gap: 6px;}
    .school_feeding_wrap .board_list_cell_text {font-size: 18px;}
    .board_list_answer_item_box {gap: 30px; padding: 40px 20px;}
    .answer_circle_text {font-size: 18px;}
    .admin_view_answer_wrap {margin-top: 80px; padding: 30px 0px;}
    .title_36 {font-size: 32px;}
    .admin_view_answer_box::after {left: 45px; top: -50px; width: 40px;}
    .board_view_add_info_box {padding: 32px 0px;}
    .know_info_box {padding: 20px;}
}

@media(max-width : 1000px) {
    :root {--input_high: 54px;}
    .tab_menu_ul {gap: 20px;}
    .tab_menu_text {font-size: 14px;}
    .tab_menu_link {padding: 10px 20px;}
    .search_box {height: 54px; padding: 0 10px;}
    .search_wrap.down_step{margin-bottom: 40px;}
    .board_list_total {margin-bottom: 14px;}
    .board_list_total_text {font-size: 14px;}
    .board_list_title{display: none;}
    .board_list_cell_link { align-items: flex-start; padding: 20px 0; gap: 10px; flex-direction: column;}
    .board_list_title_item, .board_list_cell {justify-content: flex-start; padding: 0;}
    .board_list_title_item.num, .board_list_cell.num, .board_list_title_item.category, .board_list_cell.category,     .board_list_title_item.writer, .board_list_cell.writer, .board_list_title_item.date, .board_list_cell.date {max-width: 100%;}
    .board_list_cell.category{display: none;}
    .school_qna .board_list_cell.category{display: flex; margin-bottom: 6px;}
    .school_qna .board_list_cell.num{display: none;}
    .board_list_cell.writer{display: none;}
    .paging_list {width: 34px; height: 34px;}
    .paging_btn{ min-width: 34px; height: 34px;}
    .board_title_wrap {padding: 40px 0; gap: 14px;}
    .board_title {font-size: 22px;}
    .board_title_box {align-items: flex-start; gap: 20px; flex-direction: column;}
    .board_util_text {font-size: 14px;}
    .board_util_icon_img {width: 20px;}
    .input_textarea {height: 350px;}
    .board_write_wrap {gap: 16px;}
    .input_step_title {font-size: 18px;}
    .file_upload_btn {max-width: 120px;}
    .card_list_img_box {height: 170px;}
    .news_card_wrap .card_list_box {gap: 50px 20px;}
    .foundation_card_wrap .card_list_box {gap: 50px 20px;}
    .foundation_card_wrap .card_list .card_list_link{gap: 16px;}
    .news_card_wrap .card_list {max-width: calc(50% - 10px);}
    .foundation_card_wrap .card_list {max-width: calc(50% - 10px);}
    .report_list {max-width: 100%;}
    .report_link {gap: 40px;}
    .issue_input_box {gap: 14px;}
    .issue_num_box{display: none;}
    .issue_info_add_input_list.max_220{max-width: 170px;}
    .vertical_reverse{flex-direction: column;}
    .title_36 {font-size: 30px;}
    .company_util_info_list {align-items: flex-start; gap: 2px; flex-direction: column;}
    .company_util_info_mtext {min-width: 100%;}
    .bvaiw_half .company_util_info_list{max-width: 100%;}
    .agreement_box {height: 200px;}
    .input_box .check_box .check_ck span {font-size: 15px;}
    .agreement_wrap {gap: 16px;}
    .board_write_border_add {padding-top: 10px;}
    .job_board_list a {align-items: flex-start; padding: 30px 20px; gap: 16px; flex-direction: column;}
    .job_kete_box {width: 100%; justify-content: flex-start;}
    .job_text_wrap {width: 100%;}
}

@media(max-width : 800px) {
    .button_wrap {margin-top: 50px;}
    .post_nav_box{display: none;}
    .board_view_text_box {padding: 30px 0px 40px 0px;}
    .board_add_item_wrap {gap: 16px; flex-direction: column; margin-bottom: 30px; border-radius: 12px;}
    .board_add_item_ul {gap: 8px;}
    .input_textarea {height: 300px;}
    .input_step_title {font-size: 16px;}
    .file_upload_btn {max-width: 100px;}
    .file_upload_btn_text {font-size: 14px;}
    .news_card_wrap .card_list_box {gap: 40px 16px;}
    .news_card_wrap .card_list {max-width: calc(50% - 8px);}
    .foundation_card_wrap .card_list_box {gap: 40px 16px;}
    .foundation_card_wrap .card_list {max-width: calc(50% - 8px);}
    .foundation_card_wrap .card_list .card_list_text_box .basic_stitle{font-size: 18px;}
    .report_list_img_box {height: 270px; max-width: 200px;}
    .report_list_text_box {gap: 30px;}
    .issue_info_add_ul {padding-top: 16px; gap: 40px;}
    .issue_info_add_input_ul {flex-direction: column;}
    .issue_info_add_input_list.max_220{max-width: 100%;}
    .issue_input_box {padding: 24px 20px;}
    .slide_down_item .more_btn_l {display: none;}
    .board_list_answer_item_box {flex-direction: column; gap: 14px; padding: 24px 20px;}
    .answer_circle_box {width: 28px; min-width: 28px;}
    .answer_circle_text {font-size: 16px;}
    .admin_view_answer_wrap {margin-top: 60px;}
    .admin_view_answer_box {padding: 24px 20px; border-radius: 10px;}
    .title_36 {font-size: 28px;}
    .admin_view_answer_box::after {left: 15px; top: -45px; width: 30px;}
    .ans_view_title_wrap {padding-bottom: 16px;}
    .ans_view_img_box {width: 54px; min-width: 54px;}
    .ans_view_mtext {font-size: 18px;}
    .ans_view_dtext {font-size: 14px;}
    .job_mtext {font-size: 18px;}
    .job_kete_box .kategorie_text {padding: 6px 12px; border-radius: 10px;}
}

@media(max-width : 600px) {
    .tab_menu_ul {gap: 16px;}
    .search_wrap.down_step{margin-bottom: 30px;}
    .file_upload_btn {max-width: 80px;}
    .file_up_icon_img {display: none;}
    .delete_file_list {gap: 10px;}
    .news_card_wrap .card_list {max-width: 100%;}
    .foundation_card_wrap .card_list {max-width: 100%;}
    .card_list_text_box {gap: 7px;}
    .year_btn_txt {font-size: 32px;}
    .white_ltitle {font-size: 32px;}
    .report_list_img_box {height: 240px; max-width: 170px;}
    .report_link {gap: 26px;}
    .report_ul {gap: 16px;}
    .report_list_title_box {gap: 6px;}
    .report_list_info_text_list .basic_gray_text{font-size: 14px;}
    .report_list_info_text_box {gap: 24px;}
    .report_list_text_box {gap: 24px;}
    .report_list_info_text_list {max-width: 140px; gap: 20px;}
    .email_input_box{display: none;}
    .email_domain_box{max-width: 100%;}
    .button_wrap {margin-top: 40px;}
    .title_36 {font-size: 26px;}
    .company_green_info_list {align-items: flex-start; gap: 2px; flex-direction: column;}
    .company_green_info_box {border-radius: 14px; padding: 20px 16px;}
    .job_board_ul {gap: 14px;}
    .three_input_box .dozen_select_box{flex-direction: column;}
    .three_input_box .dozen_select_box .input_box.max_220{max-width: 100%;}
}

@media(max-width : 500px) {
    .report_link {flex-direction: column;gap: 20px; }
    .report_list_img_box {height: 170px; max-width: 100%;}
    .report_list {padding: 16px;}
}

@media(max-width : 400px) {
    .tab_menu_ul {gap: 10px;}
    .search_select {max-width: 64px; font-size: 14px; margin-right: 14px;}
    .news_card_wrap .card_list {border: 0;}
    .news_card_wrap .card_list_link {padding: 0;}
    .news_card_wrap .card_list_box {gap: 60px 16px;}
    .news_card_wrap .card_list:hover {background: unset;}
    .news_card_wrap .card_list:hover .division_text, .news_card_wrap .card_list:hover .basic_stitle, .news_card_wrap .card_list:hover .caption_text, .news_card_wrap .card_list:hover .day_text {color: unset;}
    .news_card_wrap .card_list_img_box {border-radius: 10px;}
    .school_feeding_wrap .board_list_cell_text {font-size: 16px;}
    .board_list_question_item_box {padding: 20px 0;}
    .breadcrumb_wrap {align-items: flex-start; flex-direction: column; padding: 24px 0 40px 0; gap: 14px;}
    .title_36 {font-size: 24px;}
    .input_day_icon::after {display: none;}
    .time_input_box .dozen_select_box{flex-direction: column; gap: 4px;}
    .time_box {width: 100%;}
    .time_box select {width: 100%;}
}

@media(max-width : 300px) {}