@charset "utf-8";

/* ============================================= S:mypage_component ============================================= */
.board_component{padding-top: 64px;padding-bottom: 64px;}
.board_component .component_inner{width: 100%;max-width: 1128px;margin: 0 auto;padding: 0 24px;}

/* ============================================= //E:board_component ============================================= */


/* ============================================= S:board_wrap ============================================= */
.board_wrap{display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: nowrap;column-gap: 24px;}
.board_wrap .board_left{flex: 0 0 200px;}

.board_wrap .left_tit_box{padding-bottom: 24px;}
.board_wrap .left_tit_box .left_board_tit{font-size: var(--fs-24);font-weight: 600;line-height: var(--lh-32);color: var(--color-black);letter-spacing: -0.02em;}

.board_wrap .board_menu_box{}
.board_wrap .board_menu_box .box_inner{}
.board_wrap .board_menu_box .board_menu_list{width: 100%;border: 1px solid var(--divider-line);border-radius: 8px;overflow: hidden;}
.board_wrap .board_menu_box .board_menu_item{background-color: var(--color-white);transition: background-color .2s;}
.board_wrap .board_menu_box .board_menu_item + .board_menu_item{border-top: 1px solid var(--divider-line);}
.board_wrap .board_menu_box .board_menu_item .item_inner{display: flex;align-items: center;justify-content: space-between;column-gap: 8px;padding: 16px;}
.board_wrap .board_menu_box .board_menu_item .item_tit_box{flex: 1;}
.board_wrap .board_menu_box .board_menu_item .item_tit{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-gray5);transition: color .2s;}

.board_wrap .board_menu_box .board_menu_item .item_icon_box{flex: 0 0 auto;line-height: 0;}
.board_wrap .board_menu_box .board_menu_item .item_icon_box .icon_box{display: inline-block;width: 14px;height: 14px;pointer-events: none;}
.board_wrap .board_menu_box .board_menu_item .item_icon_box .icon_box svg{width: 100%;height: 100%;pointer-events: none;}
.board_wrap .board_menu_box .board_menu_item .item_icon_box .icon_box svg path{fill: var(--color-gray5);pointer-events: none;transition: fill .2s;}
.board_wrap .board_right{flex-grow: 1;width: 100%;max-width: calc(100% - (200px + 24px))}

.board_wrap .board_menu_box .board_menu_item.active{background-color: var(--color-gray4);}
.board_wrap .board_menu_box .board_menu_item.active .item_tit{color: var(--color-blue-main);}
.board_wrap .board_menu_box .board_menu_item.active .item_icon_box .icon_box svg path{fill: var(--color-blue-main);}
.pc_only{display: block;}
.mo_only{display: none;}
@media (hover: hover){
    .board_wrap .board_menu_box .board_menu_item:hover{background-color: var(--color-gray4);}
    .board_wrap .board_menu_box .board_menu_item:hover .item_tit{color: var(--color-blue-main);}
    .board_wrap .board_menu_box .board_menu_item:hover .item_icon_box .icon_box svg path{fill: var(--color-blue-main);}
}

@media (max-width: 1080px){
    .pc_only{display: none;}
    .mo_only{display: block;}
    .board_component{padding-top: 48px;padding-bottom: 48px;}
    .board_component .component_inner{padding: 0 16px;}

    .board_wrap{display: block;}
    .board_wrap .board_left{display: none;}
    .board_wrap .board_right{max-width: 100%;}
}
@media (max-width: 768px){
    .board_wrap .left_tit_box .left_board_tit{font-size: var(--fs-20);line-height: var(--lh-32);}
}
@media (max-width: 600px){}
/* ============================================= //E:board_wrap ============================================= */


.board_wrap .board_tit_box{width: 100%;margin: 0 auto;padding-bottom: 24px;}
.board_wrap .board_tit_box .board_tit{font-size: var(--fs-26);font-weight: 500;line-height: var(--lh-34);color: var(--color-black);text-align: center;}
.board_wrap .board_tit_box .board_tit.ta_l{text-align: left;}
.board_wrap .board_list_hd.ty_flex{display: flex;align-items: center;flex-wrap: nowrap;justify-content: space-between;column-gap: 8px;}
.board_wrap .board_list_hd.ty_flex{padding-bottom: 24px;}
.board_wrap .board_list_hd.ty_flex .board_tit_box{flex: 1;padding-bottom: 0;}

.board_wrap .board_list_wrap{}
.board_wrap .board_list_box{}
.board_wrap .board_list_cnt{}
.board_wrap .board_list{}
.board_wrap .board_list_cnt .board_list{}
.board_wrap .board_list_cnt .board_item{}

.board_wrap .board_list_cnt .board_item.empty_notice{padding:56px 0;font-size:var(--fs-16);font-weight:400;line-height:var(--lh-24);color:var(--color-gray7);text-align:center}
.board_wrap .board_list_cnt .list_hd{border-top: 2px solid var(--color-black);border-bottom: 1px solid var(--color-black);}
.board_wrap .board_list_cnt .list_bd .board_item{border-bottom: 1px solid var(--divider-line);}

.board_wrap .board_list_cnt .board_item .item_inner{display: flex;align-items: center;flex-wrap: nowrap;}
.board_wrap .board_list_cnt .board_item .item_left{flex: 1;display: flex;align-items: center;flex-wrap: nowrap;}
.board_wrap .board_list_cnt .board_item .item_right{flex-basis: 100px;}

.board_wrap .board_list_cnt .board_item .item_chk_box{flex-basis: 32px;padding: 16px 0;text-align: center;}

.board_wrap .board_list_cnt .board_item .item_number_box{flex-basis: 50px;}
.board_wrap .board_list_cnt .board_item .item_number{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;text-align: center;}
.board_wrap .board_list_cnt .list_hd .board_item .item_number{font-weight: 500;}
.board_wrap .board_list_cnt .list_bd .board_item .item_number{color: var(--color-gray9);}
.board_wrap .board_list_cnt .board_item .item_notice{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;text-align: center;}

.board_wrap .board_list_cnt .board_item .item_subject_box{flex: 1 1 0%;padding: 16px;}
.board_wrap .board_list_cnt .board_item .item_subject{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}
.board_wrap .board_list_cnt .list_hd .board_item .item_subject{font-weight: 500;}
.board_wrap .board_list_cnt .list_bd .board_item .item_subject{color: var(--color-gray9);}

.board_wrap .board_list_cnt .board_item .item_writer_box{flex-basis: 100px;padding: 16px 0;}
.board_wrap .board_list_cnt .board_item .item_writer{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;text-align: center;}
.board_wrap .board_list_cnt .board_item .item_writer span{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}
.board_wrap .board_list_cnt .list_hd .board_item .item_writer{font-weight: 500;}
.board_wrap .board_list_cnt .list_bd .board_item .item_writer{color: var(--color-gray9);}
.board_wrap .board_list_cnt .list_bd .board_item .item_writer span{color: var(--color-gray9);}

.board_wrap .board_list_cnt .board_item .item_date_box{padding: 16px 0;}
.board_wrap .board_list_cnt .board_item .item_date{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;text-align: center;}
.board_wrap .board_list_cnt .list_hd .board_item .item_date{font-weight: 500;}
.board_wrap .board_list_cnt .list_bd .board_item .item_date{color: var(--color-gray7);}


.board_wrap .board_dtl_box{border-top: 2px solid var(--color-black);}
.board_wrap .board_dtl_box .board_dtl_hd{}
.board_wrap .board_dtl_box .dtl_info_box{}
.board_wrap .board_dtl_box .dtl_info_box .info_line{display: flex;align-items: stretch;flex-wrap: nowrap;border-bottom: 1px solid var(--divider-line);}
.board_wrap .board_dtl_box .dtl_info_box .info_tit_box{flex-basis: 140px;padding: 16px;background-color: var(--color-gray4);}
.board_wrap .board_dtl_box .dtl_info_box .info_tit{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}
.board_wrap .board_dtl_box .dtl_info_box .info_txt_box{flex: 1;padding: 16px;background-color: var(--color-white);}
.board_wrap .board_dtl_box .dtl_info_box .info_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}

.board_wrap .board_dtl_box .board_dtl_bd{}
.board_wrap .board_dtl_box .board_dtl_bd .bd_inner{width: 100%;padding: 24px 0 48px;}
.board_wrap .board_dtl_box .dtl_img_box{width: 100%;}
.board_wrap .board_dtl_box .dtl_img_box .img_box{width: 100%;line-height: 0;}
.board_wrap .board_dtl_box .dtl_img_box .img_box + .img_box{margin-top: 8px;}
.board_wrap .board_dtl_box .dtl_img_box .img_box img{width: 100%;}

.board_wrap .board_dtl_box .dtl_img_box + .dtl_cnt_box{margin-top: 8px;}
.board_wrap .board_dtl_box .dtl_cnt_box{min-height: 150px;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}

.board_wrap .board_dtl_box .board_dtl_ft{border-top: 1px solid var(--color-black);}
.board_wrap .board_dtl_box .board_dtl_ft .ft_inner{padding: 16px 0;}
.board_wrap .board_dtl_box .board_btns_box{display: flex;align-items: center;flex-wrap: nowrap;justify-content: flex-end;column-gap: 8px;}
.board_wrap .board_dtl_box .board_btns_box .btns{min-width: 100px;height: 42px;padding: 0 16px;display: inline-flex;align-items: center;justify-content: center;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 4px;overflow: hidden;}
.board_wrap .board_dtl_box .board_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);}

.board_wrap .board_dtl_box .board_btns_box .btns_go_list{background-color: var(--color-blue-main);border-color: var(--color-blue-main);}
.board_wrap .board_dtl_box .board_btns_box .btns_go_list .btns_name{color: var(--color-white);}

.board_wrap .board_dtl_box .qa_cnt_box{display: flex;align-items: stretch;flex-wrap: nowrap;}
.board_wrap .board_dtl_box .qa_cnt_box + .qa_cnt_box{padding-top: 24px;border-top: 1px solid var(--divider-line);}
.board_wrap .board_dtl_box .qa_cnt_box .box_left{flex-basis: 140px;}
.board_wrap .board_dtl_box .qa_cnt_box .qa_tit_box{display: inline-flex;align-items: center;justify-content: center;height: 34px;padding: 0 12px;background-color: var(--color-blue-main);border-radius: 4px;}
.board_wrap .board_dtl_box .qa_cnt_box .qa_tit_box.type_line{background-color: var(--color-white);border: 1px solid var(--color-blue-main);}
.board_wrap .board_dtl_box .qa_cnt_box .qa_tit_box .qa_tit{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-white);}
.board_wrap .board_dtl_box .qa_cnt_box .qa_tit_box.type_line .qa_tit{color: var(--color-blue-main);}
.board_wrap .board_dtl_box .qa_cnt_box .box_right{flex: 1 1 0%;padding: 0 16px;}
.board_wrap .board_dtl_box .qa_cnt_box .box_ft{display: flex;align-items: center;flex-wrap: nowrap;justify-content: space-between;column-gap: 8px;}
.board_wrap .board_dtl_box .qa_cnt_box .answer_txt_box{min-height: 100px;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray5);letter-spacing: -0.02em;}
.board_wrap .board_dtl_box .qa_cnt_box .answer_date_box{flex: 0 0 auto;margin-top: 8px;}
.board_wrap .board_dtl_box .qa_cnt_box .answer_date{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray7);}
.board_wrap .board_dtl_box .qa_cnt_box .answer_btns_box{display: flex;align-items: center;justify-content: flex-end;flex-wrap: nowrap;column-gap: 8px;}
.board_wrap .board_dtl_box .qa_cnt_box .answer_btns_box .btns{display: inline-block;line-height: 0;cursor: pointer;}
.board_wrap .board_dtl_box .qa_cnt_box .answer_btns_box .btns + .btns{padding-left: 9px;position: relative;}
.board_wrap .board_dtl_box .qa_cnt_box .answer_btns_box .btns + .btns::before{content: '';display: block;width: 1.5px;height: calc(100% - (6px));background-color: var(--color-gray7);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.board_wrap .board_dtl_box .qa_cnt_box .answer_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray7);}


.board_wrap .qa_admin_box .admin_tit_box{padding-bottom: 8px;}
.board_wrap .qa_admin_box .admin_tit_box .admin_tit{font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.02em;}

.board_wrap .qa_admin_box .dtl_info_box.type_answer{border-top: 2px solid var(--color-black);}
.board_wrap .qa_admin_box .frm_box .frm_label_box .frm_label_txt{line-height: var(--lh-52);}
.board_wrap .qa_admin_box .frm_box .frm_label_box .frm_required{line-height: var(--lh-52);}

.board_wrap .qa_admin_box .frm_box .frm_inp_box textarea{width: 100%;height: 300px;resize: none;padding: 16px;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.02em;background-color: var(--color-white);border: 1px solid var(--color-gray2);border-radius: 4px;position: relative;box-sizing: border-box;transition: border-color .15s;}
.board_wrap .qa_admin_box .frm_box .frm_inp_box textarea:focus{border-color: var(--color-blue-main);}
.board_wrap .qa_admin_box .frm_box .frm_inp_box textarea:focus-visible{outline: 0;}

.board_wrap .qa_admin_box .board_btns_box{justify-content: center;margin-top: 24px;}
.board_wrap .qa_admin_box .board_btns_box .btns_submit{background-color: var(--color-blue-main);border-color: var(--color-blue-main);}
.board_wrap .qa_admin_box .board_btns_box .btns_submit .btns_name{color: var(--color-white);}

.board_wrap .board_util_box{display: flex;justify-content: flex-end;flex-wrap: nowrap;}
.board_wrap .board_util_box .bo_v_com{margin: 8px 0;}

.board_wrap .board_tbl_box{}
.board_wrap .board_tbl_box .board_tbl{width: 100%;table-layout: auto; border-collapse: collapse;}


.board_wrap .faq_slt_wrap {flex-basis: 180px;position: relative;}
.board_wrap .faq_slt_wrap .faq_slt_btns {display: flex;align-items: center;justify-content: space-between; flex-wrap: nowrap;column-gap: 4px;width: 100%;height: 42px;padding: 0 8px;background-color: var(--color-white);border: 1px solid var(--color-gray6);cursor: pointer;}
.board_wrap .faq_slt_wrap .faq_slt_btns .selected_txt{flex: 1;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;text-align: left;}
.board_wrap .faq_slt_wrap .faq_slt_btns .icon_slt_arr{display: inline-block;width: 20px;height: 20px;pointer-events: none;flex: 0 0 auto;transform: rotate(0);transition: transform .25s;}
.board_wrap .faq_slt_wrap .faq_slt_btns.active .icon_slt_arr{transform: rotate(-180deg);}
.board_wrap .faq_slt_wrap .faq_slt_btns .icon_slt_arr svg{width: 100%;height: 100%;pointer-events: none;}
.board_wrap .faq_slt_wrap .faq_slt_btns .icon_slt_arr svg path{stroke-opacity: 1;}
.board_wrap .faq_slt_wrap .faq_slt_list {display: none;width: 100%;max-height: 500px;overflow-y: auto;background-color: var(--color-white);border: 1px solid var(--color-gray6);position: absolute;top: calc(100% - 1px);left: 0;z-index: 10;}
.board_wrap .faq_slt_wrap .faq_slt_list .faq_item .faq_link{display: block;padding: 10px;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}
.board_wrap .faq_slt_wrap .faq_slt_list .faq_item .faq_link.on {font-weight: 600;color: var(--color-blue-main);}

.board_wrap .faq_tab_box{padding: 0 0 16px;}
.board_wrap .faq_tab_box .faq_tab_list{display: flex;align-items: stretch;flex-wrap: nowrap;border: 1px solid var(--divider-line);}
.board_wrap .faq_tab_box .faq_tab_item{flex: 1;}
.board_wrap .faq_tab_box .faq_tab_item + .faq_tab_item{border-left: 1px solid var(--divider-line);}
.board_wrap .faq_tab_box .faq_tab_item .faq_tab_link{display: inline-flex;align-items: center;justify-content: center;width: 100%;height: 42px;padding: 0 24px;background-color: var(--color-gray4);}
.board_wrap .faq_tab_box .faq_tab_item .faq_tab_link .link_name{display: inline-block;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);letter-spacing: -0.02em;}
.board_wrap .faq_tab_box .faq_tab_item .faq_tab_link.on .link_name{font-weight: 600;color: var(--color-blue-main);}

.board_wrap .faq_list_box{}
.board_wrap .faq_list{}
.board_wrap .faq_item{}
.board_wrap .faq_item .item_inner{}
.board_wrap .faq_item .item_hd{}
.board_wrap .faq_item .item_hd .item_inner{display: flex;align-items: center;flex-wrap: nowrap;border-top: 2px solid var(--color-black);border-bottom: 1px solid var(--color-black);}

.board_wrap .faq_item .acc_hd{display: flex;align-items: center;flex-wrap: nowrap;cursor: pointer;border-bottom: 1px solid var(--divider-line);}
.board_wrap .faq_item .acc_bd{display: none;background-color: var(--color-gray4);padding: 16px 0 24px;}
.board_wrap .faq_item .acc_cnt_box{display: flex;align-items: flex-start;flex-wrap: nowrap;}
.board_wrap .faq_item .acc_btns{}

.board_wrap .faq_item .item_icon_box{flex-basis: 50px;text-align: center;padding: 16px 0;}
.board_wrap .faq_item .acc_btns .item_icon_box{display: none;}
.board_wrap .faq_item .item_icon{font-size: var(--fs-14);font-weight: 700;line-height: var(--lh-20);color: var(--color-blue-main);}
.board_wrap .faq_item .item_number_box{flex-basis: 50px;text-align: center;padding: 16px 0;}
.board_wrap .faq_item .item_number{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
.board_wrap .faq_item .item_hd .item_number{font-weight: 500;}
.board_wrap .faq_item .item_cate_box{flex-basis: 120px;text-align: center;padding: 16px 0;}
.board_wrap .faq_item .item_cate{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
.board_wrap .faq_item .item_hd .item_cate{font-weight: 500;}
.board_wrap .faq_item .item_subject_box{flex: 1 1 0%;padding: 16px;text-align: left;}
.board_wrap .faq_item .item_hd .item_subject_box{text-align: center;}
.board_wrap .faq_item .item_subject{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
.board_wrap .faq_item .item_hd .item_subject{font-weight: 500;}

.board_wrap .faq_item .answer_txt_box{flex: 1 1 0%;padding: 16px 16px 16px 0;}
.board_wrap .faq_item .answer_txt_box .answer_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
.board_wrap .faq_item .answer_txt_box .answer_txt p{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}

.board_wrap .faq_list_box .empty_faq{padding: 56px 0;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray7);text-align: center;border-top: 2px solid var(--color-black);border-bottom: 1px solid var(--color-black);}
.board_wrap .faq_list_box .empty_faq a{display: inline-block;font-weight: 700;}

.board_wrap .board_list_cnt.ty_qa .board_item .item_right{flex-basis: 200px;display: flex;align-items: center;flex-wrap: nowrap;}
.board_wrap .board_list_cnt.ty_qa .board_item .item_date_box{flex-basis: 100px;}
.board_wrap .board_list_cnt.ty_qa .board_item .item_subject .subject_cate{display: inline-block;font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-gray9);}
.board_wrap .board_list_cnt.ty_qa .board_item .item_date{color: var(--color-gray9);}
.board_wrap .board_list_cnt.ty_qa .board_item .item_status_box{flex-basis: 100px;text-align: center;}
.board_wrap .board_list_cnt.ty_qa .board_item .item_status{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray7);}
.board_wrap .board_list_cnt.ty_qa .board_item .item_status.txt_complete{font-weight: 600;color: var(--color-blue-main);}
.board_wrap .board_list_cnt.ty_qa .board_item .item_status.txt_pending{}
.board_wrap .board_list_cnt.ty_qa .list_hd .board_item .item_status{font-weight: 500;color: var(--color-black);}

.board_wrap .board_list_cnt.ty_qa + .board_util_box{margin-top: 32px;}
.board_wrap .board_util_box .board_btns_list{display: flex;align-items: center;flex-wrap: nowrap;justify-content: flex-end;column-gap: 8px;}
.board_wrap .board_util_box .board_btns_list .btns{min-width: 150px;height: 42px;padding: 0 16px;display: inline-flex;align-items: center;justify-content: center;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 4px;overflow: hidden;}
.board_wrap .board_util_box .board_btns_list .btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);}

.board_wrap .board_util_box .board_btns_list .btns_write{background-color: var(--color-blue-main);border-color: var(--color-blue-main);}
.board_wrap .board_util_box .board_btns_list .btns_write .btns_name{color: var(--color-white);}

.board_wrap .board_write_box{}
.board_wrap .board_write_box .frm_wrap{}

.board_wrap .board_write_box .frm_wrap{}
.board_wrap .board_write_box .frm_box{display: flex;align-items: flex-start;flex-wrap: nowrap;}
.board_wrap .board_write_box .frm_box .frm_label_box{flex-basis: 140px;padding-left: 24px;}
.board_wrap .board_write_box .frm_box .frm_label_box .frm_label_txt{line-height: var(--lh-52);}
.board_wrap .board_write_box .frm_box .frm_label_box .frm_required{line-height: var(--lh-52);}

.board_wrap .board_write_box .frm_box .frm_inp_box{flex: 1 1 0%;}
.board_wrap .board_write_box .frm_box .frm_label_box + .frm_inp_box{margin-top: 0;}
.board_wrap .board_write_box .frm_box .frm_inp_box .frm_slt{width: 100%;height: 54px;padding: 0 32px 0 10px;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.02em;background-color: var(--color-white);border: 1px solid var(--color-gray2);border-radius: 4px;position: relative;box-sizing: border-box;transition: border-color .15s;appearance: none;}
.board_wrap .board_write_box .frm_box .frm_inp_box .frm_slt:focus{border-color: var(--color-blue-main);}
.board_wrap .board_write_box .frm_box .frm_inp_box .frm_slt:focus-visible{outline: 0;}
.board_wrap .board_write_box .frm_box .frm_inp_box .frm_slt::placeholder{color: var(--color-gray7);}

.board_wrap .board_write_box .frm_box .frm_slt_box{position: relative;}
.board_wrap .board_write_box .frm_box .frm_slt_box .icon_slt_arr{display: inline-block;width: 20px;height: 20px;pointer-events: none;flex: 0 0 auto;transform: rotate(0);position: absolute;right: 12px;top: 50%;transform: translateY(-50%);z-index: 2;}
.board_wrap .board_write_box .frm_box .frm_slt_box .icon_slt_arr svg{width: 100%;height: 100%;pointer-events: none;}
.board_wrap .board_write_box .frm_box .frm_slt_box .icon_slt_arr svg path{stroke-opacity: 1;}

.board_wrap .board_write_box .frm_box .frm_inp_box textarea{width: 100%;height: 300px;resize: none;padding: 16px;font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.02em;background-color: var(--color-white);border: 1px solid var(--color-gray2);border-radius: 4px;position: relative;box-sizing: border-box;transition: border-color .15s;}
.board_wrap .board_write_box .frm_box .frm_inp_box textarea:focus{border-color: var(--color-blue-main);}
.board_wrap .board_write_box .frm_box .frm_inp_box textarea:focus-visible{outline: 0;}

.board_wrap .board_write_box .board_btns_box{display: flex;align-items: center;flex-wrap: nowrap;justify-content: center;column-gap: 8px;margin-top: 24px;padding-top: 24px;border-top: 1px solid var(--divider-line);}
.board_wrap .board_write_box .board_btns_box .btns{min-width: 150px;height: 42px;padding: 0 16px;display: inline-flex;align-items: center;justify-content: center;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 4px;overflow: hidden;}
.board_wrap .board_write_box .board_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);}

.board_wrap .board_write_box .board_btns_box .btns_submit{background-color: var(--color-blue-main);border-color: var(--color-blue-main);}
.board_wrap .board_write_box .board_btns_box .btns_submit .btns_name{color: var(--color-white);}

.board_wrap .image-preview-container {display: flex; gap: 8px; flex-wrap: wrap;margin-top: 16px;}
.board_wrap .image-upload-slot {width: 88px; height: 88px;border: 1px dashed var(--color-gray2);border-radius: 8px;display: flex; align-items: center; justify-content: center;cursor: pointer;}
.board_wrap .image-upload-slot .icon_camera {display: inline-block;width: 30px; height: 30px;pointer-events: none;}
.board_wrap .image-upload-slot .icon_camera svg{width: 100%;height: 100%;pointer-events: none;}
.board_wrap .image-thumb {position: relative;width: 88px; height: 88px;}
.board_wrap .image-thumb img {width: 100%; height: 100%;object-fit: cover;border-radius: 8px;}
.board_wrap .remove-btn {position: absolute; top: 4px; right: 4px;cursor: pointer;}
.board_wrap .remove-btn .icon_thumb_delete{display: inline-block;width: 20px;height: 20px;background-image: url('../img/icon/icon_thumb_delete.svg');background-repeat: no-repeat;background-size: cover;background-position: center center;pointer-events: none;}

.board_wrap .upload-guide{margin-top: 8px;}
.board_wrap .upload-guide .guide_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-18);color: var(--color-gray7);letter-spacing: -0.02em;padding-left: 6px;position: relative;}
.board_wrap .upload-guide .guide_txt::before{content: '';display: inline-block;width: 3px;height: 3px;background-color: var(--color-gray7);border-radius: 50%;position: absolute;left: 0;top: 7px;}

.gallery_wrap{} 
.gallery_wrap .component_tit_box .component_tit{text-align: center;}
.gallery_wrap .board_cate_box{padding: 16px 0;} 
.gallery_wrap .board_cate_box .cate_list_box{}
.gallery_wrap .board_cate_box .cate_list{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 16px;}
.gallery_wrap .board_cate_box .cate_list > li{}
.gallery_wrap .board_cate_box .cate_list > li > a{display: inline-block;padding: 2px 0;font-size: var(--fs-18);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray2);transition: color .2s;position: relative;}
.gallery_wrap .board_cate_box .cate_list > li > a::after{content: '';display: block;width: 0;height: 1px;background-color: var(--color-gray2);position: absolute;left: 0;bottom: 0;right: 0;transition: width .2s;}
.gallery_wrap .board_cate_box .cate_list > li > a:hover::after{width: 100%;}
.gallery_wrap .board_cate_box .cate_list > li > a#bo_cate_on{font-weight: 500;color: var(--color-blue-main);}
.gallery_wrap .board_cate_box .cate_list > li > a#bo_cate_on::after{width: 100%;background-color: var(--color-blue-main);}

.gallery_wrap .board_list_wrap .board_hd{display: flex;align-items: center;justify-content: space-between;column-gap: 8px;}
.gallery_wrap .board_hd .board_admin_box{flex: 0 0 auto;}
.gallery_wrap .board_hd .util_list{display: flex;align-items: center;flex-wrap: nowrap;}
.gallery_wrap .board_hd .util_item{flex: 0 0 40px;position: relative;text-align: center;}

.gallery_wrap .board_bd{} 
.gallery_wrap .gallery_list_box{margin-top: 8px;}
.gallery_wrap .gallery_list{display: flex;align-items: stretch;flex-wrap: wrap;column-gap: 16px;row-gap: 32px;}
.gallery_wrap .gallery_item{width: calc(50% - (16px/2));}
.gallery_wrap .gallery_item .item_inner{position: relative;}
.gallery_wrap .gallery_item .item_chk_box{position: absolute;left: 4px;top: 4px;z-index: 2;}

.gallery_wrap .gallery_item .item_thumb_box{width: 100%;height: 0;padding-top: 56.25%;position: relative;overflow: hidden;}
.gallery_wrap .gallery_item .item_thumb_box .thumb_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.gallery_wrap .gallery_item .item_thumb_box .thumb_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.gallery_wrap .gallery_item .item_desc_box{}
.gallery_wrap .gallery_item .item_thumb_box + .item_desc_box{margin-top: 16px;}
.gallery_wrap .gallery_item .item_cate_box{}
.gallery_wrap .gallery_item .item_cate{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
.gallery_wrap .gallery_item .item_subject_box{}
.gallery_wrap .gallery_item .item_cate_box + .item_subject_box{margin-top: 4px;}
.gallery_wrap .gallery_item .item_subject{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);}
.gallery_wrap .gallery_item .item_txt_box{}
.gallery_wrap .gallery_item .item_txt{}
.gallery_wrap .gallery_item .item_date_box{}
.gallery_wrap .gallery_item .item_subject_box + .item_date_box{margin-top: 4px;}
.gallery_wrap .gallery_item .item_date{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}

.gallery_wrap .gallery_list .empty_item{width: 100%;padding: 56px 0;}
.gallery_wrap .gallery_list .empty_item .empty_txt{font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-gray7);text-align: center;}


.gallery_dtl_wrap .board_hd{}
.gallery_dtl_wrap .board_hd .hd_inner{max-width: 768px;margin: 0 auto;}
.gallery_dtl_wrap .board_hd .hd_cate_box{}
.gallery_dtl_wrap .board_hd .hd_cate{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);}
.gallery_dtl_wrap .board_hd .hd_tit_box{}
.gallery_dtl_wrap .board_hd .hd_cate_box + .hd_tit_box{margin-top: 8px;}
.gallery_dtl_wrap .board_hd .hd_tit{font-size: var(--fs-30);font-weight: 500;line-height: var(--lh-36);color: var(--color-black);}
.gallery_dtl_wrap .board_hd .hd_date_box{}
.gallery_dtl_wrap .board_hd .hd_tit_box + .hd_date_box{margin-top: 8px;}
.gallery_dtl_wrap .board_hd .hd_date{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray1);}

.gallery_dtl_wrap .board_bd{}
.gallery_dtl_wrap .board_hd + .board_bd{margin-top: 48px;}

.gallery_dtl_wrap .board_cnt_box{width: 100%;}

.gallery_dtl_wrap .board_cnt_box .dtl_img_box{width: 100%;}
.gallery_dtl_wrap .board_cnt_box .dtl_img_box .img_box{width: 100%;line-height: 0;}
.gallery_dtl_wrap .board_cnt_box .dtl_img_box .img_box + .img_box{margin-top: 8px;}
.gallery_dtl_wrap .board_cnt_box .dtl_img_box .img_box img{width: 100%;height: auto;}


.gallery_dtl_wrap .board_cnt_box .dtl_txt_box{width: 100%;max-width: 768px;margin: 0 auto;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
.gallery_dtl_wrap .board_cnt_box .dtl_img_box + .dtl_txt_box{margin-top: 32px;}


.gallery_dtl_wrap .board_bd + .board_ft{margin-top: 48px;}
.gallery_dtl_wrap .board_ft{padding-top: 16px;border-top: 1px solid var(--divider-line);}
.gallery_dtl_wrap .board_ft .board_btns_box{display: flex;align-items: center;justify-content: flex-end;}
.gallery_dtl_wrap .board_ft .btns{display: flex;align-items: center;justify-content: center;min-width: 100px;height: 42px;padding: 0 16px;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 4px;}
.gallery_dtl_wrap .board_ft .btns .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);}
.gallery_dtl_wrap .board_ft .btns.btns_go_list{background-color: var(--color-blue-main);border-color: var(--color-blue-main);}
.gallery_dtl_wrap .board_ft .btns.btns_go_list .btns_name{color: var(--color-white);}


@media (max-width: 1080px){
    .board_wrap .board_list_hd.ty_flex{display: block;}
    .board_wrap .board_list_hd.ty_flex .board_tit_box{padding-bottom: 16px;}

    .board_wrap .board_list_cnt .list_hd{display: none;}
    .board_wrap .board_list_cnt .list_bd .board_item{border-top: 1px solid var(--divider-line);}

    .board_wrap .board_list_cnt .board_item .item_left{}
    .board_wrap .board_list_cnt .board_item .item_number_box{flex-basis: unset;padding: 16px 4px;}
    .board_wrap .board_list_cnt .board_item .item_subject_box{padding: 16px 4px;}
    .board_wrap .board_list_cnt .board_item .item_subject{overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: keep-all;}
    .board_wrap .board_list_cnt .board_item .item_writer_box{display: none;}
    .board_wrap .board_list_cnt .board_item .item_right{flex-basis: unset;}


    .board_wrap .faq_slt_wrap{flex-basis: 120px;}
    .board_wrap .faq_list{border-top: 1px solid var(--divider-line);}
    .board_wrap .faq_item .item_hd{display: none;}
    .board_wrap .faq_item .acc_hd{align-items: flex-start;}
    .board_wrap .faq_item .item_number_box{flex-basis: 30px;padding: 16px 0;display: none;}
    .board_wrap .faq_item .item_cate_box{flex-basis: 80px;display: none;}
    .board_wrap .faq_item .item_subject_box{padding: 16px 0;}
    .board_wrap .faq_item .item_subject{text-align: left;padding: 0 8px;flex: 1 1 0%;}
    
    .board_wrap .faq_item .acc_bd{padding: 8px 0 16px;}
    .board_wrap .faq_item .item_icon_box{flex-basis: 30px;}
    .board_wrap .faq_item .acc_btns{display: flex;align-items: flex-start;flex-wrap: nowrap;width: 100%;}
    .board_wrap .faq_item .acc_btns .item_icon_box{display: block;padding: 0;}

    .board_wrap .faq_item .answer_txt_box{padding: 16px 8px;}

    .gallery_wrap .board_cate_box .cate_list > li > a{font-size: var(--fs-16);line-height: var(--lh-20);}

    .gallery_wrap .gallery_item .item_thumb_box + .item_desc_box{margin-top: 8px;}
    .gallery_wrap .gallery_item .item_subject{font-size: var(--fs-14);line-height: var(--lh-20);}

}
@media (max-width: 768px){
    .board_wrap .board_tit_box .board_tit{font-size: var(--fs-20);line-height: var(--lh-32);}
}
@media (max-width: 600px){
    .board_wrap .board_tit_box .board_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
}