@charset "UTF-8";
/*common*/
.input_group input::placeholder{ color: var(--kaia-gray-40);}


/*서비스>평가위원신청*/
.evaluator_info_wrap p { line-height : 140%; margin-top : 20px  }
.evaluator_info_wrap strong { color : var(--kaia-primary-60) }
.vertical_table { border-top : 2px solid var(--kaia-gray-20) }

/*footer>개인정보처리방침*/
.privacy_list_wrap ol { display : flex; gap : 10px; flex-wrap : wrap; padding : 15px }
.privacy_list_wrap ol li { flex : 1 1 49%; list-style: none; }
.privacy_list_wrap ol li a { display : flex; gap : 15px; line-height : 130%; word-break: keep-all; }
.privacy_list_wrap ol li a strong { flex-shrink: 0; width: 70px; color : #096ab3 }

.privacy_title { display : flex !important; margin-top : 45px !important; gap : 10px; line-height: initial; align-items: center; }
.privacy_title img { width : initial !important }
.privacy_wrap .step_img { display : block; margin : 15px auto; width : 100%; max-width : 100%; height : auto }


.xxs_btn { display : inline-flex; align-items: center; justify-content: center;  border: 1px solid var(--kaia-gray-60); border-radius : 5px; padding : 4px 14px; font-size : 14px; transition : all .3s ease }
.xxs_btn:hover { background-color: #f9f9f9;}
.xxs_btn .icon { display: inline-block; width: 19px; height: 19px; vertical-align: middle; background-color: transparent;  background-repeat: no-repeat;  background-position: center; background-size: contain;box-sizing: border-box; margin: 0 0 0 10px; vertical-align: middle; box-sizing: border-box; align-items: center;}
.xxs_btn .link_icon {background-image: url("../../templete/common/images/icon/icon_link.svg")}

/*자료집>R&D 자료>최종보고서>최종보고서 발간·배포 안내>FAQ*/
.ind_hang{ padding-left: 1.3em; text-indent: -1.3em;}
.ind_hang span{ text-indent: 0;}

/*gap*/
.gap_10{ gap: 10px;}
.gap_20{ gap: 20px;}
.gap_30{ gap: 30px;}
.gap_40{ gap: 40px;}
.gap_50{ gap: 50px;}

/*grid*/
.grid{ display: grid;}
.grid_1{ display: grid; grid-template-columns: repeat(1, 1fr);}
.grid_2{ display: grid; grid-template-columns: repeat(2, 1fr);}
.grid_3{ display: grid; grid-template-columns: repeat(3, 1fr);}
.grid_4{ display: grid; grid-template-columns: repeat(4, 1fr);}
.grid_5{ display: grid; grid-template-columns: repeat(5, 1fr);}

/*flex*/
.flex{ display: flex;}
.flex_ac{ display: flex; align-items: center;}
.flex_as{ display: flex; align-items: center;}
.flex_ae{ display: flex; align-items: flex-start;}
.flex_jc{ display: flex; justify-content: flex-end;}
.flex_js{ display: flex; justify-content: flex-start;}
.flex_je{ display: flex; justify-content: flex-end;}
.flex_jac{ display: flex; justify-content: center; align-items: center;}
.flex_sb{ display: flex; justify-content: space-between}

/*paging*/
.paging_wrap{ display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 40px;}
.paging_btn{ display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 8px;}
.paging_btn .icon{ display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: 20px;}
.paging_btn.prev .icon{ background-image: url(../images/guide/ico_page_arr_left.svg);}
.paging_btn.next .icon{ background-image: url(../images/guide/ico_page_arr_right.svg);}
.paging_btn:hover, .paging_btn:focus{ background-color: var(--kaia-primary-5);}
.paging_list{ display: flex; gap: 8px;}
.paging_link{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 8px; font-size: 17px; color: var(--kaia-gray-70);}
.paging_link:hover, .paging_link:focus{ background-color: var(--kaia-primary-5); text-decoration: none;}
.paging_link.active{ background-color: var(--kaia-secondary-70); color: var(--kaia-gray-0); font-weight: 600;}

/*bbs_paging*/
.bbs_paging{ display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 40px;}
.bbs_paging .paging_btn i{ font-size: 16px; color: var(--kaia-gray-70);}
.bbs_paging .paging_btn:hover i, .bbs_paging .paging_btn:focus i{ color: var(--kaia-primary-60);}
.paginate_input_wrap{ display: flex; align-items: center; gap: 6px; margin: 0 8px; color: var(--kaia-gray-70); font-size: 17px;}
.paginate_input{ width: 48px; height: 40px; border: 1px solid var(--kaia-gray-60); border-radius: 8px; text-align: center; color: var(--kaia-gray-70); font-size: 15px;}
.paginate_input:focus{ border-width: 2px; border-color: var(--kaia-primary-60); outline: none;}
.btn_page_go{ height: 40px; padding: 0 14px; border: 1px solid var(--kaia-gray-60); border-radius: 8px; background-color: var(--kaia-gray-0); color: var(--kaia-gray-70); font-size: 15px; cursor: pointer;}
.btn_page_go:hover, .btn_page_go:focus{ border-color: var(--kaia-primary-60); color: var(--kaia-primary-60);}

/*ESG경영>ESG경영 소개>소개>경영공시*/
.social_cont_list{ display: grid; grid-template-columns: repeat(3,1fr); }
.social_cont_item{ border-right: solid 1px #ececec; border-bottom: solid 1px #ececec; padding: 20px;}
.social_cont_item:nth-child(3n){ border-right: none}
.social_cont_item:nth-last-child(-n+3){ border-bottom: none}
.social_cont_item .social_cont_num_list{ margin: 0; }
.social_cont_item .social_cont_num_list .social_cont_num_item > .bu{ padding-left: 10px}
.social_cont_item .social_cont_num_list .social_cont_num_item > .bu > li:before{ background: var(--kaia-primary-50);}

.social_cont_list.ty_introduce .social_cont_item{ padding-bottom: 100px; background-repeat: no-repeat; background-position: right 20px bottom 20px;}
.social_cont_list.ty_introduce .social_cont_item:nth-child(1){ background-image: url(../images/sub/introduce/bg_budget01.gif);}
.social_cont_list.ty_introduce .social_cont_item:nth-child(2){ background-image: url(../images/sub/introduce/bg_budget02.gif);}
.social_cont_list.ty_introduce .social_cont_item:nth-child(3){ background-image: url(../images/sub/introduce/bg_budget03.gif);}
.social_cont_list.ty_introduce .social_cont_item:nth-child(4){ background-image: url(../images/sub/introduce/bg_budget04.gif);}
.social_cont_list.ty_introduce .social_cont_item:nth-child(5){ background-image: url(../images/sub/introduce/bg_budget05.gif);}
.social_cont_list.ty_introduce .social_cont_item:nth-child(6){ background-image: url(../images/sub/introduce/bg_budget06.gif);}

/*ESG경영>상생협력 및 지역발전>사회공헌활동*/
.table_header{ margin-bottom: 24px;}
.table_header .total{ display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap;}
.table_header .total_count{ color: var(--kaia-gray-70); font-size: 17px; font-weight: 600;}
.table_header .total_count b{ color: var(--kaia-primary-60);}
.table_header .input_group_form{ display: flex; align-items: center; gap: 12px;}
.table_header .input_group_wrap{ display: flex; align-items: center}
.table_header .input_group_wrap select{ height: 56px; padding:0 40px 0 15px; border: 1px solid var(--kaia-gray-60); border-radius: 8px; background-color: var(--kaia-gray-0); background-image: url('../images/guide/ico_select_lg.svg'); background-repeat: no-repeat; background-position: center right 16px; background-size: 16px; -webkit-appearance: none; appearance: none; color: var(--kaia-gray-70); font-size: 15px; margin-right: 10px; flex-shrink: 0}
.table_header .input_group_wrap select:focus{ border-width: 2px; border-color: var(--kaia-primary-60); outline: none;}
.table_header .input_group{ display: flex; align-items: stretch; background-color: var(--kaia-gray-0); box-sizing: border-box; min-width: 0; width: 100%; gap: 10px;}
.table_header .input_group input{ flex: 1; padding: 0 8px 0 16px; border: 1px solid var(--kaia-gray-60); border-radius: 8px; background: transparent; font-size: 17px; flex-shrink: 1; width: 390px; height: 56px; max-width: 100%; min-width: 0;}
.table_header .input_group input:focus{ border-color: var(--kaia-primary-60); outline: none;}
.table_header .input_group .btn{ min-width: 80px; margin: 0; height: 56px; text-align: center;}

.table_header .total.count_none{ display: flex; justify-content: flex-end; align-items: center; gap: 10px; flex-wrap: wrap;}
.table_header .total.has_select .input_group_wrap select{ width: 125px;}
.table_header .total.has_select .input_group input{ width: 215px;}

.table_header .adv_toggle{ display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0; height: 32px; padding: 0 2px; border: 0; background-color: transparent; color: var(--kaia-gray-90); font-size: 17px; white-space: nowrap; cursor: pointer;}
.table_header .adv_toggle .icon{ display: inline-block; width: 20px; height: 20px;}

/*자료집>정책기술 동향자료>글로벌리포트*/
.adv_search{ margin-bottom: 75px; padding: 40px; border-radius: 12px; background-color: #eef2f7; display: flex; flex-flow: column; gap: 16px;}
.adv_search_row{ display: flex; align-items: center; gap: 24px;}
.adv_search_label{ flex: none; width: 165px; color: var(--kaia-gray-90); font-weight: 700; font-size: 17px}
.adv_search_selects{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; flex: 1; width: 100%;}
.adv_select select{ display: block; width: 100%; height: 48px; padding: 0 40px 0 16px; border: 1px solid var(--kaia-gray-60); border-radius: 6px; background-color: var(--kaia-gray-0); background-image: url('../images/guide/ico_select_lg.svg'); background-repeat: no-repeat; background-position: center right 16px; background-size: 16px; -webkit-appearance: none; appearance: none; color: var(--kaia-gray-40); font-size: 17px;}
.adv_select select:focus{ border-width: 2px; border-color: var(--kaia-primary-50); outline: none;}
.adv_search_checks{ display: grid; grid-template-columns: repeat(5, 1fr); row-gap: 16px; column-gap: 12px; flex: 1; padding-top: 13px;}
.adv_search_checks .item{ position: relative; display: inline-flex; align-items: center; line-height: 100%;}
.adv_search_checks input[type="checkbox"]{ position: absolute; left: 0; top: 50%; width: 20px; height: 20px; margin: 0; transform: translateY(-50%); opacity: 0; cursor: pointer;}
.adv_search_checks label{ position: relative; display: inline-flex; align-items: center; padding-left: 28px; color: var(--kaia-gray-90); font-size: 17px; cursor: pointer;}
.adv_search_checks label:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; width: 20px; height: 20px; margin-top: -10px; border: 1px solid var(--kaia-gray-60); border-radius: 4px; background-color: var(--kaia-gray-0); box-sizing: border-box;}
.adv_search_checks input[type="checkbox"]:checked + label:before{ border-color: var(--kaia-primary-50); background-color: var(--kaia-primary-50); background-image: url('../images/guide/ico_check_primary_checked.svg'); background-repeat: no-repeat; background-position: center; background-size: 12px;}
.adv_search_checks input[type="checkbox"]:focus-visible + label:before{ outline: 2px solid var(--kaia-primary-50); outline-offset: 2px;}
.adv_search_query{ display: flex; align-items: center; flex: 1; gap: 10px; min-width: 0;}
.adv_search_query .adv_select{ flex: none; width: 20%;}
.adv_search_query .input_group{ display: flex; align-items: center; flex: 1; height: 48px; min-width: 0; padding: 0 16px; border: 1px solid var(--kaia-gray-60); border-radius: 6px; background-color: var(--kaia-gray-0); box-sizing: border-box;}
.adv_search_query .input_group:focus-within{ border-width: 2px; border-color: var(--kaia-primary-50); padding: 0 15px;}
.adv_search_query .input_group input{ flex: 1; border: 0; padding: 0; background: transparent; color: var(--kaia-gray-90); font-size: 17px; min-width: 0; height: 48px;}
.adv_search_query .input_group input:focus{ border: 0; outline: none;}
.adv_search_btns{ display: flex; gap: 10px; flex-shrink: 0;}
.adv_btn{ height: 48px; min-width: 78px; padding: 0 16px; border: 0; border-radius: 6px; background-color: var(--kaia-primary-50); color: var(--kaia-gray-0); font-size: 17px; cursor: pointer;}
.adv_btn:hover{ background-color: var(--kaia-primary-60);}

/*알림>연구비 부적정사용 예방 프로그램*/
.box.notice_box{ margin: 0 0 24px; padding: 24px 32px; background: var(--kaia-primary-5); border: none;}
.box.notice_box .bl_box_title{ margin-bottom: 16px; padding-left: 0; font-size: 24px; font-weight: 700; line-height: 150%;}
.box.notice_box .bl_box_title:before{ display: none;}
.box.notice_box .bl_box_text{ font-size: 17px; line-height: 150%; word-break: keep-all;}
.adv_search.ty_02{ margin-bottom: 24px;}
.adv_search.ty_02 .adv_search_label{ width: fit-content}
.adv_select.ty_md{ width: 210px; }
.adv_select.ty_full{ width: 100%; min-width: 0; flex-shrink: 1;}
.adv_search_radio{ display: flex; align-items: center; gap: 24px; flex: 1}
.adv_search_radio .item{ position: relative; display: inline-flex; align-items: center; line-height: 100%;}
.adv_search_radio .radio_input{ position: absolute; left: 0; top: 50%; width: 20px; height: 20px; margin: 0; transform: translateY(-50%); opacity: 0; cursor: pointer;}
.adv_search_radio .radio_label{ position: relative; display: inline-flex; align-items: center; padding-left: 28px; color: var(--kaia-gray-90); font-size: 17px; cursor: pointer;}
.adv_search_radio .radio_label:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; width: 20px; height: 20px; margin-top: -10px; border: 1px solid var(--kaia-gray-60); border-radius: 50%; background-color: var(--kaia-gray-0); box-sizing: border-box;}
.adv_search_radio .radio_label:after{ display: block; content: ""; position: absolute; left: 5px; top: 50%; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; background-color: var(--kaia-primary-50); opacity: 0; box-sizing: border-box;}
.adv_search_radio .item:has(.radio_input:checked) .radio_label:before{ border-color: var(--kaia-primary-50);}
.adv_search_radio .item:has(.radio_input:checked) .radio_label:after{ opacity: 1;}
.adv_search_radio .item:has(.radio_input:focus-visible) .radio_label:before{ outline: 2px solid var(--kaia-primary-50); outline-offset: 2px;}

.program_list{ display: flex; flex-direction: column; gap: 20px;}
.program_item{ display: flex; flex-direction: column; gap: 16px; padding: 24px 32px; border: 2px solid var(--kaia-gray-20); border-radius: 12px; background-color: var(--kaia-gray-0); transition: border-color .2s ease-in-out;}
.program_item:hover{ border-color: var(--kaia-primary-50);}
/* 임시저장 */
.program_item.ty_temp{ border-color: var(--kaia-primary-50);}
.program_body{ display: flex; align-items: flex-start; gap: 24px; width: 100%;}
.program_con{ display: flex; flex: 1; flex-direction: column; gap: 16px; min-width: 0;}
.program_top{ display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 100%;}
.program_badge{ display: inline-flex; align-items: center; justify-content: center; height: 24px; padding: 0 8px; border-radius: 4px; background-color: #eef2f7; color: #052b57; font-size: 15px; line-height: 0; font-weight: 400;}
/* 임시저장 */
.program_badge.ty_temp{ background-color: var(--kaia-gray-5); color: var(--kaia-gray-70);}
/* 심사중 */
.program_badge.ty_review{ background-color: var(--kaia-primary-5); color: var(--kaia-primary-60);}
/* 수정보완 */
.program_badge.ty_edit{ background-color: #fff3db; color: #8a5c00;}
/* 평가대상선정 */
.program_badge.ty_select{ background-color: #eaf6ec; color: #267337;}
/* 평가대상제외·반려 */
.program_badge.ty_exclude,
.program_badge.ty_reject{ background-color: #fdefec; color: #bd2c0f;}
/* 삭제 */
.program_badge.ty_delete{ background-color: var(--kaia-gray-20); color: var(--kaia-gray-50);}
.program_actions{ display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex: 1;}
.program_inquiry{ display: inline-flex; align-items: center; gap: 4px; height: 32px; padding: 0 2px; color: var(--kaia-gray-90); font-size: 17px; text-decoration: none}
.program_inquiry .icon{ display: inline-block; width: 20px; height: 20px; object-fit: contain;}
.program_title_link{ display: flex; align-items: center; gap: 2px; width: 100%; min-width: 0; text-decoration: none;}
.program_title{ overflow: hidden; color: var(--kaia-gray-90); font-size: 24px; font-weight: 700; line-height: 150%; text-overflow: ellipsis; white-space: nowrap; min-width: 0;}
.program_arrow{ display: inline-block; width: 24px; height: 24px; object-fit: contain; flex-shrink: 0}
.program_meta{ display: flex; flex-direction: column; gap: 16px; color: var(--kaia-gray-90); font-size: 17px; line-height: 150%;}
.program_meta .row{ display: flex; gap: 8px; margin: 0;}
.program_meta .label{ flex-shrink: 0; font-style: normal; font-weight: 700;}
.program_status{ display: flex; flex-direction: column; align-items: center; gap: 10px; flex-shrink: 0; width: 100px;}
.program_count{ font-size: 15px; color: var(--kaia-gray-90); line-height: 150%;}
.program_state{ display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; padding: 0 16px; border: 0; border-radius: 6px; color: var(--kaia-gray-0); font-size: 17px; cursor: pointer;}
/* 접수전 */
.program_state.ty_before{ background-color: var(--kaia-primary-70); cursor: default;}
/* 신청 */
.program_state.ty_apply{ background-color: var(--kaia-primary-50);}
.program_state.ty_apply:hover{ background-color: var(--kaia-primary-60);}
/* 수정/취소 */
.program_state.ty_edit{ background-color: var(--kaia-primary-50);}
.program_state.ty_edit:hover{ background-color: var(--kaia-primary-60);}
/* 인원마감·마감 */
.program_state.ty_full,
.program_state.ty_closed{ background-color: var(--kaia-gray-20); color: var(--kaia-gray-70); cursor: default;}

.bbs_paging.mo_paging{ display: none;}
.bbs_paging.mo_paging .btn.sky_btn{ min-height: 40px; height: 40px; margin: 0; padding: 0 16px; font-size: 15px; line-height: 1; margin-left: 8px;}

.thumb_board_list{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.thumb_board_list .box{ display: flex; flex-direction: column; margin: 0; padding: 0; color: inherit; text-decoration: none; height: 100%; font-weight: 600; border-color: var(--kaia-gray-30);}
.thumb_board_list .box .box_img_wrap{ display: block; width: 100%; aspect-ratio: 4 / 3; background: #f3f6fb; border-radius: 12px; overflow: hidden;}
.thumb_board_list .box .box_img_wrap img{ width: 100%; height: 100%; object-fit: contain; object-position: center}
.thumb_board_list .box .box_txt_wrap{ display: flex; flex: 1; flex-direction: column; padding: 20px; width: 100%;}
.thumb_board_list .box .box_txt{ display: flex; flex: 1; flex-direction: column;}
.thumb_board_list .box .box_badge{ display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; height: 24px; margin-bottom: 16px; padding: 0 8px; border-radius: 4px; background-color: var(--kaia-primary-5); color: var(--kaia-primary-60); font-size: 15px; line-height: 150%; font-weight: 400;}
.thumb_board_list .box .box_title{ display: -webkit-box; overflow: hidden; margin: 0; color: var(--kaia-gray-90); font-size: 19px; line-height: 150%; font-weight: 600; word-break: keep-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.thumb_board_list .box .box_meta{ margin-top: 16px; color: var(--kaia-gray-70); font-size: 17px; line-height: 150%; font-weight: 400;}
.thumb_board_list .box .box_meta .bar{ margin: 0 6px; color: #c6c6c6;}
.thumb_board_list .box .box_stats,
.thumb_board_list .box .text_btn{ align-self: flex-end; margin-top: auto; padding-top: 16px; font-size: 15px; line-height: 100%; font-weight: 400;}
.thumb_board_list .box .box_stats{ gap: 16px; display: flex; align-items: center; justify-content: flex-end;}
.thumb_board_list .box .box_stats .stat{ display: inline-flex; align-items: center; gap: 4px; color: var(--kaia-gray-90); font-size: 15px; line-height: 100%;}
.thumb_board_list .box .box_stats .icon{ display: inline-block; width: 16px; height: 16px;}
.thumb_board_list .text_btn i{ position: relative; top: -1px;}

/*ESG경영>상생협력 및 지역발전>사회공헌활동 가로형*/
.thumb_board_list.ty_horizontal{ display: flex; flex-direction: column; gap: 20px}
.thumb_board_list.ty_horizontal .box{ display: grid; grid-template-columns: 160px 1fr; align-items: center; column-gap: 24px; height: auto; padding: 20px;}
.thumb_board_list.ty_horizontal .box_img_wrap{ margin-bottom: 0; flex-shrink: 0;}
.thumb_board_list.ty_horizontal .box_txt_wrap{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; padding: 0;}
.thumb_board_list.ty_horizontal .box_txt{ display: flex; flex-direction: column; gap: 6px;}
.thumb_board_list.ty_horizontal .box_title{ -webkit-line-clamp: 1;}
.thumb_board_list.ty_horizontal .box_meta{ margin-top: 0;}
.thumb_board_list.ty_horizontal .text_btn{ align-self: center; margin-top: 0; padding-top: 0}

/*서비스>FAQ*/
.kaia-faq__categories{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px;}
.kaia-faq__category{ padding: 6px 20px; border: 1px solid var(--kaia-primary-10); border-radius: 24px; background-color: var(--kaia-gray-0); color: var(--kaia-gray-70); font-size: 17px; cursor: pointer;}
.kaia-faq__category:hover{ border-color: var(--kaia-secondary-70); color: var(--kaia-secondary-70);}
.kaia-faq__category.is-active{ border-color: var(--kaia-secondary-70); background-color: var(--kaia-secondary-70); color: var(--kaia-gray-0); font-weight: 600;}

/*depth2*/
.kaia-faq__categories--depth2{ gap: 0; margin-bottom: 24px; border-bottom: 1px solid var(--kaia-primary-10);}
.kaia-faq__categories--depth2 .kaia-faq__category{ padding: 12px 18px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background-color: transparent; color: #767c84; margin-bottom: -1px; font-size: 15px; line-height: 130%;}
.kaia-faq__categories--depth2 .kaia-faq__category:hover{ border-color: var(--kaia-secondary-70); background-color: transparent; color: var(--kaia-secondary-70);}
.kaia-faq__categories--depth2 .kaia-faq__category.is-active{ border-color: var(--kaia-secondary-70); background-color: transparent; color: var(--kaia-secondary-70); font-weight: 700;}

.kaia-faq__list{ margin-top: 24px; border-top: 2px solid var(--kaia-secondary-70);}
.kaia-faq__item{ border-bottom: 1px solid var(--kaia-primary-5);}
.kaia-faq__question{ position: relative; display: flex; align-items: flex-start; gap: 12px; width: 100%; padding: 20px 55px 20px 20px; border: 0; background-color: transparent; text-align: left; cursor: pointer;}
.kaia-faq__item .icon{position: relative; display: inline-flex; width: 20px; height: 20px; background-repeat: no-repeat;  background-position: center; background-size: contain; content: '';  box-sizing: border-box; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transform-origin: center center;}
.kaia-faq__item .arr_icon{ background-image: url("../../common/images/icon/icon_arr.svg"); }
.kaia-faq__item.is-open .arr_icon{ transform: translateY(-50%) rotate(90deg); }
.kaia-faq__item.is-open .kaia-faq__question{ border-bottom: solid 1px var(--kaia-primary-5);}
.kaia-faq__item.is-open .kaia-faq__answer{ padding-top: 10px;}
.kaia-faq__mark{ display: inline-flex; align-items: center; justify-content: center; flex: none; width: 36px; height: 36px; border-radius: 50%; background-color: var(--kaia-secondary-70); color: var(--kaia-gray-0); font-size: 15px; font-weight: 700;}
.kaia-faq__mark--answer{ background-color: var(--kaia-gray-60);}
.kaia-faq__badge{ display: inline-flex; align-items: center; justify-content: center; padding: 4px 10px; border-radius: 4px; background-color: var(--kaia-primary-5); color: var(--kaia-gray-70); font-size: 14px; width: 120px; text-align: center; height: 36px; flex-shrink: 0;}
.kaia-faq__title{ color: #222; font-size: 17px; font-weight: 600; word-break: keep-all; padding: 8px 0;}
.kaia-faq__answer{ display: flex; align-items: flex-start; gap: 12px; padding: 0 20px 20px 20px;}
.kaia-faq__answer-content{ padding-top: 4px; color: var(--kaia-gray-70); font-size: 16px; line-height: 1.6; white-space: pre-line;}
.kaia-faq__answer-content p + p{ margin-top: 12px;}

/*시행계획서>사업안내*/
.biz_name{ display: flex; align-items: center; gap: 8px; text-align: left; line-height: 130%;}
.biz_ico{ flex-shrink: 0; width: 35px; height: 34px; object-fit: contain;}

/*btn_flex_list*/
.btn_flex_list{ display: flex; flex-flow: column; gap: 10px}
.btn_flex_item{ display: flex; align-items: center; gap: 30px;}
.btn_flex_item .h5{ margin: 0}
.btn_flex_item .btn{ display: inline-flex; align-items: center; justify-content: center}

/*ESG경영>ESG경영소개>대표성과*/
.rep_block + .rep_block{ margin-top: 48px;}
#contents .rep_heading{ display: flex; align-items: center; gap: 8px; margin: 0 0 14px; font-size: 24px; font-weight: 700; color: var(--kaia-text);}
.rep_heading .heading_badge{ display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 6px; background: var(--kaia-primary-60); color: #fff; font-size: 13px; font-weight: 800; flex: none;}
.sub_content .rep_block table,
.cms-content .rep_block table{ margin: 0; overflow-x: initial; white-space: initial}
.sub_content .rep_block table caption,
.cms-content .rep_block table caption{ height: 1px; padding: 0 !important;}
.rep_block table th,
.rep_block table td{ line-height: 144%;}
.rep_block .bu{ padding-left: 0;}
.rep_block .notice_box{ margin-bottom: 16px;}
.rep_block .notice_box .bl_box_title{ font-size: 22px;}
.rep_block .hl{ color: var(--kaia-text-primary); font-weight: 700;}
.rep_block .stat_row{ display: flex; flex-wrap: wrap; gap: 6px 20px;}
.rep_block .stat_row span{ font-size: 15px;}
.rep_block .stat_row b{ color: var(--kaia-text-primary); font-weight: 700;}
.rep_block .award_list{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px;}
.rep_block .award_list li{ display: flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 999px; background: var(--kaia-gray-0); border: 1px solid var(--kaia-line-strong); font-size: 13px; color: var(--kaia-text-subtle);}
.rep_block .award_list li .ico{ flex: none; width: 20px; height: 20px; object-fit: contain;}
.rep_block .photo_ph{ display: flex; align-items: center; justify-content: center; width: 100%; max-width: 280px; height: 90px; border: 1px dashed var(--kaia-gray-30); border-radius: 8px; color: var(--kaia-gray-50); font-size: 13px; text-align: center; padding: 0 12px;}
.rep_block .rep_photo{ max-width: 280px;}
.rep_block .rep_photo img{ display: block; max-width: 100%; height: auto;}
.rep_block .bu li.pillar_item{ display: flex; align-items: flex-start; gap: 6px;}
.rep_block .bu .pillar{ display: inline-flex; align-items: center; justify-content: center; flex: none; width: 20px; height: 20px; margin-top: 2px; border-radius: 4px; color: #fff; font-size: 12px; font-weight: 800; line-height: 1;}
.rep_block .bu .pillar.e{ background: var(--esg-e);}
.rep_block .bu .pillar.s{ background: var(--esg-s);}
.rep_block .bu .pillar.g{ background: var(--esg-g);}
.rep_block .bu li.pillar_item .txt{ flex: 1 1 auto; min-width: 0;}

.award_footer{ margin-top: 48px; padding: 24px 28px; border: 1px solid var(--kaia-line-strong); border-radius: 16px; background: var(--kaia-bg-subtle);}
#contents .award_footer h4{ margin: 0 0 14px; font-size: 18px; font-weight: 700;}
.award_footer ul{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px;}
.award_footer li{ font-size: 14px; line-height: 1.4; color: var(--kaia-text-subtle); display: flex; align-items: flex-start; gap: 8px;}
.award_footer li .meta{ display: flex; align-items: center; flex: none; gap: 6px;}
.award_footer li .ico{ flex: none; width: 18px; height: 18px; object-fit: contain;}
.award_footer li .txt{ padding-top: 5px;}
.award_footer .org{ display: inline-flex; align-items: center; justify-content: center; flex: none; height: 30px; padding: 0 8px; border: 1px solid var(--kaia-primary-60); border-radius: 4px; background: var(--kaia-primary-5); color: var(--kaia-primary-60); font-size: 12px; font-weight: 700; white-space: nowrap;}


@media all and (max-width:1440px){

}
@media all and (max-width:1000px){
    /*gap*/
    .tab_gap_10{ gap: 10px;}
    .tab_gap_20{ gap: 20px;}
    .tab_gap_30{ gap: 30px;}
    .tab_gap_40{ gap: 40px;}
    .tab_gap_50{ gap: 50px;}

    /*grid*/
    .tab_grid_1{ display: grid; grid-template-columns: repeat(1, 1fr);}
    .tab_grid_2{ display: grid; grid-template-columns: repeat(2, 1fr);}
    .tab_grid_3{ display: grid; grid-template-columns: repeat(3, 1fr);}
    .tab_grid_4{ display: grid; grid-template-columns: repeat(4, 1fr);}
    .tab_grid_5{ display: grid; grid-template-columns: repeat(5, 1fr);}

    /*flex*/
    .tab_flex_col{ flex-flow: column; display: flex}
    .tab_flex_ac{ display: flex; align-items: center;}
    .tab_flex_as{ display: flex; align-items: flex-start;}
    .tab_flex_ae{ display: flex; align-items: flex-end;}
    .tab_flex_jc{ display: flex; justify-content: center;}
    .tab_flex_js{ display: flex; justify-content: flex-start;}
    .tab_flex_je{ display: flex; justify-content: flex-end;}
    .tab_flex_jac{ display: flex; justify-content: center; align-items: center;}
    .tab_flex_sb{ display: flex; justify-content: space-between}

    /*ESG경영>ESG경영 소개>소개>경영공시*/
    .social_cont_list{ grid-template-columns: repeat(2,1fr); }
    .social_cont_list .social_cont_item:nth-child(3n){ border-right: solid 1px #ececec;}
    .social_cont_list .social_cont_item:nth-last-child(-n + 3){ border-bottom: solid 1px #ececec;}
    .social_cont_list .social_cont_item:nth-child(2n){ border-right: none;}
    .social_cont_list .social_cont_item:nth-last-child(-n + 2){ border-bottom: none;}

    /*ESG경영>상생협력 및 지역발전>사회공헌활동*/
    .thumb_board_list{ grid-template-columns: repeat(2, 1fr);}

    /*ESG경영>상생협력 및 지역발전>사회공헌활동 가로형*/
    .thumb_board_list.ty_horizontal .box{ grid-template-columns: 120px 1fr; column-gap: 16px;}

    /*자료집>정책기술 동향자료>글로벌리포트*/
    .adv_search{ padding: 28px;}
    .adv_search_label{ width: 130px; font-size: 16px;}
    .adv_search_selects{ grid-template-columns: repeat(2, 1fr); max-width: none;}
    .adv_search_checks{ grid-template-columns: repeat(3, 1fr);}
    .adv_search_row:nth-child(2) .adv_search_checks{ grid-template-columns: repeat(2, 1fr);}

    /*서비스>FAQ*/
    .kaia-faq__categories{ flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none;}
    .kaia-faq__categories::-webkit-scrollbar{ display: none;}
    .kaia-faq__category{ flex-shrink: 0; white-space: nowrap;}

    /*btn_flex_list*/
    .btn_flex_list{ gap: 20px}
    .btn_flex_item{ flex-direction: column; align-items: flex-start; gap: 10px}
    .btn_flex_item .btn{ width: 100%}
}
@media ( max-width : 800px ){
    .cms-content .rep_block .table.responsive td{ padding-top: 15px}
}
@media ( max-width : 720px ){
    .privacy_title { font-size : 20px !important }
}
@media all and (max-width:640px){
    /*gap*/
    .mo_gap_10{ gap: 10px;}
    .mo_gap_20{ gap: 20px;}
    .mo_gap_30{ gap: 30px;}
    .mo_gap_40{ gap: 40px;}
    .mo_gap_50{ gap: 50px;}

    /*grid*/
    .mo_grid_1{ display: grid; grid-template-columns: repeat(1, 1fr);}
    .mo_grid_2{ display: grid; grid-template-columns: repeat(2, 1fr);}
    .mo_grid_3{ display: grid; grid-template-columns: repeat(3, 1fr);}
    .mo_grid_4{ display: grid; grid-template-columns: repeat(4, 1fr);}
    .mo_grid_5{ display: grid; grid-template-columns: repeat(5, 1fr);}

    /*flex*/
    .mo_flex_col{ flex-flow: column; display: flex}
    .mo_flex_ac{ display: flex; align-items: center;}
    .mo_flex_as{ display: flex; align-items: flex-start;}
    .mo_flex_ae{ display: flex; align-items: flex-end;}
    .mo_flex_jc{ display: flex; justify-content: center;}
    .mo_flex_js{ display: flex; justify-content: flex-start;}
    .mo_flex_je{ display: flex; justify-content: flex-end;}
    .mo_flex_jac{ display: flex; justify-content: center; align-items: center;}
    .mo_flex_sb{ display: flex; justify-content: space-between}

    /*ESG경영>ESG경영 소개>소개>경영공시*/
    .social_cont_list{ grid-template-columns: repeat(1,1fr); }
    .social_cont_list .social_cont_item:nth-last-child(-n + 2){ border-bottom: solid 1px #c6c6c6;}
    .social_cont_list .social_cont_item,
    .social_cont_list .social_cont_item:nth-child(3n){ border-right: none;}
    .social_cont_list .social_cont_item:nth-last-child(-n + 2){ border-bottom: none;}

    /*paging(공통) 모바일*/
    .paging_wrap{ display: none;}
    .bbs_paging.mo_paging{ display: flex; margin: 50px 0;}

    /*ESG경영>상생협력 및 지역발전>사회공헌활동*/
    .table_header .total.count_none .input_group_form{ flex-flow: column; align-items: flex-start;}
    .table_header .input_group_form,
    .table_header .input_group_wrap{ width: 100%}
    .board_search{ text-align: left;}
    .board_search_form{ flex-wrap: wrap;}
    .board_search_group{ width: 100%; flex-wrap: wrap;}
    .board_search_input{ width: 100%;}
    .thumb_board_list{ grid-template-columns: repeat(1, 1fr);}
    
    .table_header .total.count_none form,
    .table_header .total.count_none .input_group_wrap{ width: 100%;}
    
    .table_header .total.has_select .input_group_wrap,
    .table_header .total.has_select .input_group{ flex-flow: column; flex-wrap: inherit; gap: 10px;}
    .table_header .total.has_select .input_group_wrap select,
    .table_header .total.has_select .input_group input,
    .table_header .total.has_select .input_group .btn{ width: 100%; margin: 0}
    .table_header .total.has_select .input_group input{ flex: none; height: 56px;}

    /*자료집>정책기술 동향자료>글로벌리포트*/
    .adv_search_row{ flex-direction: column; align-items: stretch; gap: 12px;}
    .adv_search_label{ width: 100%; padding-top: 0;}
    .adv_search_selects{ grid-template-columns: 1fr; gap: 12px; max-width: none;}
    .adv_select select{ width: 100%;}
    .adv_search_checks{ grid-template-columns: repeat(2, 1fr); row-gap: 16px; column-gap: 12px; padding-top: 0;}
    .adv_search_row:nth-child(2) .adv_search_checks{ grid-template-columns: 1fr;}
    .adv_search_query{ flex-direction: column; align-items: stretch; gap: 12px; width: 100%;}
    .adv_search_query .adv_select{ width: 100%;}
    .adv_search_query .adv_select select{ width: 100%;}
    .adv_search_btns{ flex-direction: column; width: 100%;}
    .adv_btn{ width: 100%;}

    /*알림>연구비 부적정사용 예방 프로그램*/
    .notice_box{ padding: 20px;}
    .adv_select.ty_mo_full{ width: 100%}
    .adv_search_radio{ flex-wrap: wrap; gap: 12px 24px; padding-top: 0;}
    .program_item{ gap: 12px; padding: 24px 16px; border-width: 1px; border-color: var(--kaia-gray-30);}
    .program_body{ flex-direction: column;}
    .program_title{ font-size: 19px;}
    .program_meta .row{ flex-flow: column; gap: 5px;}
    .program_meta .row::after{ display: none;}
    .program_status{ align-items: flex-end; width: 100%;}
    .program_actions{ gap: 8px;}
    .program_inquiry{ font-size: 15px;}
    .program_count{ width: 100%; text-align: right;}
    .program_state{ width: auto;}

    /*ESG경영>상생협력 및 지역발전>사회공헌활동 가로형*/
    .thumb_board_list.ty_horizontal .box{ display: flex; flex-direction: column; padding: 20px;}
    .thumb_board_list.ty_horizontal .box_img_wrap{ width: 100%; margin-bottom: 16px;}
    .thumb_board_list.ty_horizontal .box_txt_wrap{ flex-direction: column; align-items: flex-start; gap: 6px;}
    .thumb_board_list.ty_horizontal .box_title{ -webkit-line-clamp: 2;}
    .thumb_board_list.ty_horizontal .text_btn{ align-self: flex-end; margin-top: auto; padding-top: 10px;}

    /*서비스>FAQ 페이징*/
    .paging_wrap{ gap: 2px; margin-top: 24px;}
    .paging_btn{ width: 20px; height: 30px;}
    .paging_btn .icon{ width: 12px; height: 12px; background-size: 12px;}
    .paging_list{ gap: 2px;}
    .paging_link{ width: 20px; height: 30px; font-size: 13px;}

    .paginate_input_wrap{ font-size: 15px;}

    /*서비스>FAQ*/
    .kaia-faq__question{ flex-wrap: wrap;}
    .kaia-faq__title{ width: 100%; line-height: 170%;}

    /*ESG경영>ESG경영소개>대표성과*/
    .rep_heading{ font-size: 19px;}
    .award_footer ul{ grid-template-columns: 1fr;}
}