@charset "utf-8"; 

/*******************************************/
/* IX Board Skin Design ********************/
/*******************************************/
#ix_board_write {} /* write */

/* 1. 상단 (분류, 옵션) ******/
#bw_top {} 
#bw_top_rap {display: flex; flex-wrap: wrap; gap: 0px; padding: 15px; border-radius: 10px; background: #FAFAFA;} 

#bwt_cate {}
#bwt_cate select {height: 30px; margin-right: 10px; border-radius: 3px; padding: 0 5px; border: 1px solid #A6A6A6; font-size: 0.8rem;}

#bwt_opt {display: flex; justify-content: left; align-items: center;}
#bwt_opt ul {}
#bwt_opt li {display: inline-block; margin-right: 5px; font-size: 0.8rem;}


/* 2. 제목 ******/
#bw_mid1 {margin-top: 5px;}
#bw_mid1_rap {display: flex; flex-wrap: wrap; gap: 5px; padding: 15px; border-radius: 10px; background: #FAFAFA;} 

#bwm_subjet {flex: 1;}

#bwm_save {position: relative; width: 130px;}
#bwm_save .bw_btn_save {height: 35px; width: 100%; border: 0px; border-radius: 3px; font-size: 0.85rem; background: #1C2B39; color: #FFFFFF}

#autosave_pop {display: none; z-index: 10; position: absolute !important; top: 34px; right: 0; width: 400px; height: auto !important; height: 180px; max-height: 180px;}
#autosave_pop {padding: 5px; border: 2px solid #1C2B39; background: #FFFFFF;}
#autosave_pop ul {margin-top: 5px;}
#autosave_pop li {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 4px 0; border-bottom: 1px solid #D9D9D9;}
#autosave_pop li:last-child {border-bottom: 0px;}
#autosave_pop li a {flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; font-weight: 500; font-size: 0.85rem;}
#autosave_pop li span {display: flex; align-items: center; gap: 5px; white-space: nowrap; font-size: 0.8rem; color: #007AAE}
#autosave_pop li button {border: 0px; background: #1C2B39; color: #FFFFFF; font-size: 0.8rem; border-radius: 3px;}

.bwm_as_title {display: flex; justify-content: center; align-items: center; padding: 3px; background: #1C2B39; color: #FFFFFF; font-weight: 500; font-size: 0.9rem;}
.bwm_as_close {margin-top: 5px;}
.bwm_as_close button {display: inline-flex; justify-content: center; align-items: center; width: 100%; padding: 2px;background: #FFFFFF; font-size: 0.8rem; border: 1px solid #A6A6A6;}
.bwm_as_close button:hover {background: #FAFAFA;}


/* 3. 내용 ******/
#bw_mid2 {margin-top: 5px;}
#bw_mid2_rap {padding: 15px; border-radius: 10px; background: #FAFAFA;} 

/* 3-1. textarea */
.wr_content {}
.wr_content textarea {width: 100%; resize: none;height:47px !important;  border-radius: 3px; padding: 10px; border: 1px solid #CFCFCF; font-size: 0.9rem; background: #FFFFFF;}
.wr_content textarea {font-family: 'Noto Sans KR' !important; font-size: 1.2rem; font-weight: 500;}

#wr_count { font-size: 0.8rem;}

/* 3-2. 컬러보드 */
#color_board {margin-top:15px; padding:10px; border: 1px solid #CFCFCF; background: #FFFFFF;border-radius: 3px; }
#color_board ul {display: flex; flex-wrap: wrap; gap: 10px;}
#color_board li {flex:1; display: flex; justify-content: center; align-items: center;padding:5px; color:#FFFFFF;font-size: 0.8rem;cursor: pointer;}

#color_board .color_a1 {background: #1C2B39;}
#color_board .color_a2 {background: #7C1313;}
#color_board .color_a3 {background: #48137C;}
#color_board .color_a4 {background: #0D567E;}
#color_board .color_a5 {background: #13757C;}
#color_board .color_a6 {background: #0D7E33;}


/****** 4. 북마크 링크 */
#bw_attach {display: flex; justify-content: left; align-items: center;margin-top: 30px;}
#bw_attach_box span {display: inline-block; padding: 3px 20px; font-size: 0.8rem; background: #1C2B39;border-radius: 5px 5px 0px 0px; border: 1px solid #1C2B39;color:#FFFFFF}

#bw_mid3 {border: 1px solid #CFCFCF; }
#bw_mid3_rap {padding: 10px;}

#bwm_link {padding: 5px; background: #FAFAFA;}
#bwm_attach {display: flex; flex-wrap: wrap; gap: 0px; padding: 2px 0;}

#bwm_icon {width: 35px; display: flex; justify-content: center; align-items: center;}
#bwm_input_site {width:150px; margin-right:5px;}
#bwm_input_link {flex: 1;}


/* 5. 버튼 ******/
#bw_bt {margin-top: 10px;}
#bw_bt_rap {} 

#bwb_btn {display: flex; justify-content: right; align-items: center;}

#bwb_btn a, #bwb_btn button {display: inline-block; width: 70px; height: 28px; text-align: center; border-radius: 3px; border: 0px; font-size: 0.85rem;}
#bwb_btn a {background: #964C4F; color: #FFFFFF; line-height: 28px;}
#bwb_btn button {margin-left: 5px; background: #1C2B39; color: #FFFFFF;}


/* 공통 ******/
.bw_input {width:100%; height:35px; border-radius:3px; padding:0 5px; border:1px solid #CFCFCF; font-size:0.9rem;}