<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8"; 

/*******************************************/
/* IX Board Skin Design ********************/
/*******************************************/
#ix_board_list {} /* List */

/* 1. 상단(분류, 토탈) *****/
#bl_top {margin-bottom: 10px;} 
#bl_top_rap {display: flex; flex-wrap: wrap; gap: 5px;padding-bottom:5px;border-bottom: 2px solid #000000;} 

/* 1-1. 분류 */
#blt_cate {flex: 1;}
#blt_cate ul {}
#blt_cate ul:after {display: block; visibility: hidden; clear: both; content: "";}

#blt_cate ul li {display: inline-block; padding-right: 5px;}
#blt_cate li a {display: block; padding: 3px 5px; border-radius: 3px; border: 1px solid #CFCFCF; color: #777777; font-size: 0.8rem;background: #FAFAFA;}
#blt_cate li a:hover {background: #1C2B39; color: #FFFFFF}
#blt_cate li #bo_cate_on {background: #1C2B39; color: #FFFFFF;}

/* 1-2. 토탈 */
#blt_total {display: flex; justify-content: right; align-items: flex-end; width: 150px;}
#blt_total  span {display: inline-block;margin-right:3px; font-size: 0.8rem; color: #777777;}

/* 1-2. 관리자버튼 */
#blt_admin {display: flex; justify-content: right; align-items: flex-end;}
#blt_admin a {display: inline-flex; justify-content: center; align-items: center;width:22px;height:22px;margin-left: 3px; border-radius: 11px; font-size: 0.7rem; color: #FFFFFF !important;}
#blt_admin .bl_btn_admin {background: #910E13;}
#blt_admin .bl_btn_check {background: #003D8B;}


/* 2. 북마크 *****/
#bmk_sec {} 
#bmk_wrap {} 

#bmk_ul {display: flex; flex-wrap: wrap; gap: 15px; justify-content: flex-start;}
#bmk_ul .bmk_li {flex: 1 1 calc(20% - 12px); max-width: calc(20% - 12px); box-sizing: border-box;}
/* 3열 25% 4열 33.3%,  gap 또는 calc을 적절히 조정 */

#bmk_box {position: relative;padding:5px;border:1px solid #CFCFCF;border-radius:5px;}
#bmk_box #bmk_check {position: absolute; top: 2px; left: 0; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; z-index: 1;}
#bmk_title {display:flex;justify-content:center;align-items:center;padding:2px 0px;border-radius:3px;font-weight:500;font-size:0.9rem;color:#FFFFFF}
#bmk_title span {font-size:0.8rem;margin-right:5px;font-weight:400}
#bmk_box #bmk_hide {position: absolute; top: 5px; right: 10px; z-index: 1;}
#bmk_box #bmk_hide a {font-size:0.8rem;color: #FFFFFF}
#bmk_link {list-style-type: decimal;}
#bmk_link li {list-style-position: inside;padding:3px;font-size:0.95rem;border-bottom: 1px solid #E2E2E2; }
#bmk_link li::marker {color: #C6C6C6;}
#bmk_link li:last-child {border: none;}

#bmk_ul  .empty_list  {padding: 30px; font-weight: 400; font-size: 0.9rem;}


/* 3. 버튼 ******/
#bl_bot {margin-top: 10px; border-top: 1px solid #CFCFCF;}
#bl_bot_rap {padding-top: 10px;} 
#bl_bot_rap:after {display: block; visibility: hidden; clear: both; content: ""}

/* 3-1. 버튼 */
#blb_btn {float: right;}
#blb_btn button {width: 70px; height: 28px; border-radius: 3px; border: 0px; font-size: 0.8rem; background: #587692; color: #FFFFFF;}
#blb_btn a {display: inline-block; vertical-align: top; width: 70px; line-height: 28px; margin: 0px; text-align: center; border-radius: 3px; border: 0px;}
#blb_btn a {font-size: 0.85rem; background: #1C2B39; color: #FFFFFF;}</pre></body></html>