@charset "UTF-8";

/* info_layout */
/* **************************** S:info_layout **************************** */
.info_component{width: 100%;height: 100%;background-color: var(--color-ivory2);}
.info_component .info_wrap{}
.info_component .info_wrap .info_hd{}
.info_component .info_wrap .info_bd{}
/* **************************** //E:info_layout  **************************** */



/* **************************** S:info_list_wrap **************************** */

.info_component .info_list_wrap{width: 100%;padding: 32px 0 96px 16px;box-sizing: border-box;}
.info_component .info_list_wrap .info_hd{}
.info_component .info_list_wrap .page_tit_box{}
.info_component .info_list_wrap .page_tit_box .page_tit{font-size: var(--fs-15);font-weight: 400;line-height: var(--lh-24);color: var(--color-black1);}

.info_component .info_list_wrap .info_bd{margin-top: 32px;}
.info_component .board_list_box{}
.info_component .board_list_box .board_list{border-top: 1px solid var(--color-gray7);}
.info_component .board_list_box .board_item{width: 100%;border-bottom: 1px solid var(--color-gray2);}
.info_component .board_list_box .board_item + .board_item{}
.info_component .board_list_box .board_item .item_inner{width: 100%;padding: 16px 0;box-sizing: border-box;display: flex;align-items: center;flex-wrap: nowrap;column-gap: 12px;}
.info_component .board_list_box .board_item .board_subject_box{flex: 1;}
.info_component .board_list_box .board_item .board_subject_box .board_subject{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-24);color: var(--color-black1);letter-spacing: 0.01em;display: -webkit-box;white-space: normal;text-overflow: ellipsis;word-break: keep-all;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.info_component .board_list_box .board_item .board_subject_box .board_subject br{display: none !important;}

.info_component .board_list_box .board_item .board_date_box{flex: 0 0 77px;}
.info_component .board_list_box .board_item .board_date_box .board_date{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray4);}
/* **************************** //E:info_list_wrap  **************************** */



/* **************************** S:info_detail_wrap **************************** */
.info_component .info_detail_wrap{width: 100%;padding: 32px 0 96px 16px;box-sizing: border-box;}
.info_component .info_detail_wrap .info_hd{}
.info_component .info_detail_wrap .board_subject_box{}
.info_component .info_detail_wrap .board_subject_box .board_subject{font-size: var(--fs-20);font-weight: 400;line-height: var(--lh-28);color: var(--color-black1);letter-spacing: 0.005em;text-align: left;word-break: keep-all;}
.info_component .info_detail_wrap .board_date_box{}
.info_component .info_detail_wrap .board_date_box .board_date{font-size: var(--fs-13);font-weight: 400;line-height: var(--lh-24);color: var(--color-gray4);text-align: left;}

.info_component .info_detail_wrap .info_bd{margin-top: 70px;}
.info_component .info_detail_wrap .board_cnt_wrap{}
.info_component .info_detail_wrap .board_cnt_box{}
.info_component .info_detail_wrap .board_cnt_box .board_img_box{display: inline-block;width: 100%;line-height: 0;}
.info_component .info_detail_wrap .board_cnt_box .board_img_box > a{display: block;line-height: 0;}
.info_component .info_detail_wrap .board_cnt_box .board_desc_box + .board_img_box{margin-top: 40px;}
.info_component .info_detail_wrap .board_cnt_box .board_img_box img{width: 100%;}

.info_component .info_detail_wrap .board_cnt_box .board_desc_box{width: 100%;padding-right: 16px;}
.info_component .info_detail_wrap .board_cnt_box .board_img_box + .board_desc_box{margin-top: 40px;}
.info_component .info_detail_wrap .board_cnt_box .board_desc_box + .board_desc_box{margin-top: 20px;}
.info_component .info_detail_wrap .board_cnt_box .board_desc_box .board_desc_tit{font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-22);color: var(--color-balck1);letter-spacing: 0.015em;word-break: keep-all;}
.info_component .info_detail_wrap .board_cnt_box .board_desc_box .board_desc_tit p{font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-22);color: var(--color-balck1);letter-spacing: 0.015em;word-break: keep-all;}

.info_component .info_detail_wrap .board_cnt_box .board_desc_box .board_desc_txt{font-size: var(--fs-13);font-weight: 400;line-height: var(--lh-24);color: var(--color-black1);word-break: keep-all;}
.info_component .info_detail_wrap .board_cnt_box .board_desc_box .board_desc_txt p{font-size: var(--fs-13);font-weight: 400;line-height: var(--lh-24);color: var(--color-black1);word-break: keep-all;}

.info_component .info_detail_wrap .board_btns_box{position: fixed;left: 40px;bottom: 0;right: 0;z-index: 5;transform: translateY(0);transition: transform .45s ease-out;}
.info_component .info_detail_wrap .board_btns_box.hidden{transform: translateY(100%);}
.info_component .info_detail_wrap .board_btns_box .btns{display: flex;align-items: center;justify-content: center;width: 100%;height: 44px;}
.info_component .info_detail_wrap .board_btns_box .btns .btns_name{display: inline-block;}

.info_component .info_detail_wrap .board_btns_box .btns.btns_go_list{background-color: var(--color-brown2);}
.info_component .info_detail_wrap .board_btns_box .btns.btns_go_list .btns_name{font-size: var(--fs-15);font-weight: 400;line-height: var(--lh-20);color: var(--color-ivory2);}

.info_component .info_wrap .info_ft{padding: 56px 16px 0 0;}
.info_component .info_wrap .info_ft .admin_btns_box{}
.info_component .info_wrap .info_ft .admin_btns_box .btns_item{}
.info_component .info_wrap .info_ft .admin_btns_box .btns_item + .btns_item{margin-top: 8px;}
.info_component .info_wrap .info_ft .admin_btns_box .btns{display: flex;align-items: center;justify-content: center;width: 100%;height: 34px;padding: 8px 16px;background-color: var(--color-gray4);border-radius: 0;}
.info_component .info_wrap .info_ft .admin_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-16);color: var(--color-ivory2);}

.info_component .info_wrap .info_ft .admin_btns_box .btns.btns_delete{background-color: var(--color-black1);}
.info_component .info_wrap .info_ft .admin_btns_box .btns.btns_write{background-color: var(--color-black1);}
/* **************************** //E:info_detail_wrap  **************************** */


.info_component .info_write_wrap{width: 100%;padding: 32px 16px 96px;box-sizing: border-box;}


.info_component .info_wrap .info_write_wrap .admin_btns_box{}
.info_component .info_wrap .info_write_wrap .admin_btns_box .btns_item{}
.info_component .info_wrap .info_write_wrap .admin_btns_box .btns_item + .btns_item{margin-top: 8px;}
.info_component .info_wrap .info_write_wrap .admin_btns_box .btns{display: flex;align-items: center;justify-content: center;width: 100%;height: 34px;padding: 8px 16px;background-color: var(--color-gray4);border-radius: 0;}
.info_component .info_wrap .info_write_wrap .admin_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-16);color: var(--color-ivory2);}

.info_component .info_wrap .info_write_wrap .admin_btns_box .btns.btns_write{background-color: var(--color-black1);}
.info_component .info_wrap .info_write_wrap .wr_content.smarteditor2{width: 100%;overflow: hidden;overflow-x: auto;}
.info_component .info_wrap .info_write_wrap .wr_content.smarteditor2 iframe{width: 100%;min-width: 700px;}