@charset "utf-8"; 

/*
IX Skin Design - Board [List]
*/
#ix_bbs_list {}
#ix_bbs_list * {box-sizing: border-box}
#ix_bbs_list  ul {margin:0; padding:0; list-style-type: none}


/* 1. 상단 (카테고리, 토탈) *****/
#bl_sec_top {display: flex;flex-wrap: wrap; gap:5px; padding-bottom:5px; border-bottom: 2px solid #8AABCA;margin-bottom:10px;}

/* 1-1. 카테고리 */
#bl_cate {flex:1;}
#bl_cate ul {display: flex;flex-wrap: wrap; gap:5px;}
#bl_cate li:first-child a  {background: #8AABCA; color: #FFF;border: 1px solid #8AABCA;}
#bl_cate li a {display:flex;align-items:center;height:22px; padding: 0 5px; font-size: 0.75rem; background: #fff; color: #888888; border-radius: 3px;  border: 1px solid #C9D2DC;}
#bl_cate li a:hover {background: #0B3359; color: #FFF;border: 1px solid #0B3359;}
#bl_cate li #bo_cate_on {background: #0B3359; color: #FFF;border: 1px solid #0B3359;}

/* 1-2. 토탈 */
#bl_total {display: flex;align-items: flex-end; height:22px; padding-right:3px; font-size:0.625rem;color: #A7A7A7;}
#bl_total span {font-weight:500; margin:0 3px;}

/* 1-3. 정렬 */
#bl_sort {display: flex;flex-wrap: wrap;align-items: flex-end;}
#bl_sort div {height: 20px; width: 45px; display: flex; justify-content: center; align-items: center;background: #FAFAFA; border: 1px solid #C9D2DC;font-size:0.75rem;color: #888888;}
#bl_sort .ls_hit {border-radius: 5px 0px 0px 5px;}
#bl_sort .ls_rec {border-left:none;}
#bl_sort .ls_date {border-radius: 0px 5px 5px 0px;border-left:none;}
#bl_sort div:hover {background: #0B3359;color:#FFFFFF;}
#bl_sort .ls_active {background: #0B3359;color: #FFF;}

/* 1-4. 관리자버튼 */
#bl_admin {display: flex;flex-wrap: wrap;gap:3px;}
#bl_admin a {display: inline-flex; justify-content: center;align-items: center; width:22px; height:22px; border-radius: 11px; font-size: 0.6875rem;}
#bl_admin .bl_btn_adm {background: #FFABCA; color: #FFF}
#bl_admin .bl_btn_adm:hover {background: #DA6287;}
#bl_admin .bl_btn_chk {background: #8AABCA; color: #FFF}
#bl_admin .bl_btn_chk:hover {background: #1369D8;}


/* 2. 리스트 *****/
#bl_sec_list {}
#bl_sec_list div {border: 0px solid #8AABCA;}
#bl_list {display: flex;flex-wrap: wrap;justify-content: flex-start;gap:20px}

#li_post {width: calc(33.3% - 13.1px);}/* 열 */
#li_post {position: relative;display: flex; flex-direction: column; gap: 5px;border-radius: 15px;border: 1px solid #F1F1F1;}
#li_post:hover {border: 1px solid #003D8B}
#li_post #lp_check {position: absolute; top: -7px; left: -7px; display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 50%;background: #E4E4E8; z-index: 1;}
#li_post #lp_check input {margin:0}

#li_post #lp_cont {flex:1;display: flex;flex-direction: column; gap: 5px; padding: 5px;}

#lp_cont #lc_head {display: flex; flex-wrap: wrap; align-items: center;gap: 5px;padding:5px; font-size: 0.875rem;border-bottom: 1px solid #E4E4E8;}
#lc_head .lch_cate {display: flex; align-items: center;}
#lc_head .lch_cate a {display: inline-flex; align-items: center;height:18px;min-width: fit-content;padding:0 8px;padding-bottom:1px;border-radius: 8px;font-size:0.75rem;background: #003D8B;color: #FFF}
#lc_head .lch_title {flex:1;display:flex;align-items:center; gap:3px; font-weight:500;overflow:hidden;}
#lc_head .lch_title a {overflow:hidden;white-space : nowrap;text-overflow: ellipsis;}
#lc_head .lch_title img {height:12px;}

#lc_head .lch_img img {display: block;height:12px; border:none}

/* 리스트 글 높이와 관련된 부분 */
#lp_cont #lc_text {height:230px;font-size: 0.875rem;padding: 5px;color:#555555;word-break: break-word;overflow: hidden;line-height:1.4rem;cursor: pointer;}

#lp_cont #lc_info {display: flex;justify-content: space-between;align-items: center;margin-top:5px;padding: 5px;border-top: 1px solid #F1F1F1;}
#lc_info i {font-size: 0.6875rem;margin-right:3px;}
#lc_info .lci_name {font-size: 0.75rem;}
.lci_name .lcn_name {font-weight:500}
.lci_name .lcn_date {color:#888888}
#lc_info .lci_count {font-size: 0.75rem;}
#lc_info .lci_count span {margin-right:5px; font-weight:500}
#lc_info .lci_count span:last-child {margin-right:0px}

.li_notice .lch_cate a {background: #930B10 !important}
#bl_list .li_empty {display:flex;justify-content:center; padding:30px; font-size:0.8125rem; color: #888888}

/* 모달 창 */
.ict_modal {display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3);}
.ict_modal .icm_rap {width: 90%;max-width: 700px;position: relative;position: fixed; top: 50%;left: 50%; transform: translate(-50%, -50%);  overflow-y: visible;}
#icm_title {display: flex;align-items: center;gap:7px; height:35px; padding:0 25px; border-radius: 10px 10px 0px 0px; font-size: 1rem; font-weight:bold; background: #F2F2F2}
#icm_title span {overflow:hidden;white-space : nowrap;text-overflow: ellipsis;}
#icm_title i {padding-top:3px; font-size: 0.875rem;}
#icm_title img {height:12px; border:none}
#icm_memo_box {padding:15px;border-radius: 0px 0px 10px 10px;background: #FFF}
#icm_memo {height: auto; /* 고정 높이 제거 */
    max-height: 70vh; /* 화면 높이의 70%까지만 늘어남 (모바일 대응) */
    min-height: 300px; /* 최소 높이 설정 */
    padding:10px;
    overflow-y: auto; 
    font-size: 0.9375rem;
    line-height:1.5rem;}
.icm_rap .icm_btn_close {position: absolute; top: 5px; right: 15px;cursor: pointer}

/* 3. 하단 (검색, 버튼) *****/
#bl_sec_bt {display: flex;justify-content: space-between;padding-top:10px;border-top: 1px solid #C9D2DC;margin-top:10px;}

/* 3-1. 버튼 */
#bl_btn {order: 2;display: flex;gap:5px;}
#bl_btn * {display: inline-flex; justify-content: center; align-items: center;width: 60px; height: 28px; border-radius: 3px; border: 0px; font-size: 0.75rem;}
#bl_btn button {background: #8AABCA; color: #FFF;}
#bl_btn a {background: #0B3359; color: #FFF;}

/* 3-2. 검색 */
#bl_sch {order: 1;height: 28px;padding:0 5px;border-radius: 3px;border: 1px solid #C9D2DC;}
#bl_sch form {display: flex;gap:1px;}
#bl_sch select {height: 26px;border:none !important; font-size: 0.75rem;color: #888888;}
#bl_sch select:focus {outline: none; }
#bl_sch input {width:120px; height: 26px; border:none !important; font-size: 0.75rem;}
#bl_sch button {height: 26px; border:none; font-size:0.75rem; background: #FFF; color: #0B3359;}

/* 4. 페이지 *****/
#bl_sec_page {display:flex;justify-content:center; margin-top:20px}