@charset "utf-8"; 

/*
IX Skin Design - Board [Write]
*/
#ix_bbs_write {padding-top: 5px; border-top: 2px solid #8AABCA;}
#ix_bbs_write form {display: flex;flex-direction: column;gap: 5px;}
#ix_bbs_write section:not(:last-child) {padding:10px; border-radius: 3px;background: #F9FAFB;}
#ix_bbs_write input[type="text"] {width:100%;height: 34px;padding:0 7px;border-radius: 3px; font-size: 0.875rem; border: 1px solid #C9D2DC;}


/* 1. 옵션 (카테고리, 옵션) *****/
#bw_sec_top {display: flex; flex-wrap:wrap; gap:10px;align-items:center; }

#wo_cate select {height: 30px;padding:0 5px;border-radius: 3px; font-size: 0.8125rem; color: #1C2B39; border: 1px solid #C9D2DC;}
#wo_opt {flex:1}
#wo_opt ul {display: flex; flex-wrap:wrap; align-items:center; gap:10px;}
#wo_opt li {display: flex; align-items:center; gap:3px; font-size:0.8125rem; color: #888888;}

#wo_color {height: 30px;display: flex; flex-wrap:wrap; align-items:center;padding:0 7px;border: 1px solid #C9D2DC;border-radius: 10px;background: #fff;}
#wo_color span {font-size: 0.75rem;color: #888888;}
#wc_color {display: flex; flex-wrap: wrap; gap: 5px;align-items:center;padding:0 5px;}
#wc_color li {display:flex;align-items:center; justify-content:center; height:24px; width:24px; border: 1px solid #F1F1F1;border-radius: 50%;font-size:0.8125rem;cursor: pointer}
#wc_color .color_a1 {background: #FFFFFF}
#wc_color .color_a2 {background: #F4F6FA}
#wc_color .color_a3 {background: #F4F9FA}
#wc_color .color_a4 {background: #F4FAF5}
#wc_color .color_a5 {background: #FAFAF4}
#wc_color .color_a6 {background: #FAF4FA}
#wc_color .color_a7 {background: #FAF4F4}

#wo_chk {height: 30px;display: flex; flex-wrap:wrap; align-items:center;padding:0 7px;border: 1px solid #C9D2DC;border-radius: 10px;background: #fff;cursor: pointer;user-select: none;}
#wo_chk span {font-size: 0.75rem;color: #888888;}


/* 2. 제목 *****/
#bw_sec_title {display: flex; flex-wrap:wrap; align-items:center;gap:5px;}
#wo_title {flex:1}

#wo_save {position: relative; width: 130px;}
#wo_save .ws_btn_list {width:100%; height:34px;border-radius: 3px; font-size:0.8125rem; color: #fff; border: 1px solid #C9D2DC;background: #0B3359;}

#autosave_pop {display: none;position: absolute;top: 38px; right: 0;width: 350px;min-height: 200px;z-index: 1}
#autosave_pop {border: 1px solid #0B3359; background: #FFFFFF;}
#autosave_pop .ws_title {height:26px; display: flex; justify-content: center; align-items: center; background: #0B3359; color: #FFFFFF; font-size:0.8125rem;}

#autosave_pop ul {padding:5px;}
#autosave_pop li {height:28px; display: flex; align-items: center; justify-content: space-between; padding:5px; width: 100%; border-bottom: 1px solid #F1F1F1;}
#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-size:0.8125rem;}
#autosave_pop li span {display: flex; align-items: center; gap: 5px; white-space: nowrap; font-size: 0.75em; color: #8AABCA}
#autosave_pop li button {border: 0px; background: #940B10; color: #FFFFFF; font-size: 0.75rem; border-radius: 3px;}

#autosave_pop .ws_close {border-top: 1px solid #0B3359;}
#autosave_pop .ws_close button {width:100%;height:25px; font-size: 0.75rem;background: #FFFFFF;border:none;}
#autosave_pop .ws_close button:hover {background: #FAFAFA;}


/* 3. 본문 *****/
#bw_sec_cont {}
#bw_sec_cont textarea {width: 100%; min-height:300px; resize: vertical; border-radius: 3px; padding: 10px; border: 1px solid #C9D2DC;}
#bw_sec_cont textarea {font-family: 'Noto Sans KR' !important; font-size:0.875rem; line-height: 1.6rem;}

#wt_count {display: flex; justify-content: right; align-items: center; gap: 5px;font-size: 0.75rem;color:#888888}
#wt_count span {font-weight: 500;}


/* 4. 링크 *****/
#bw_sec_link {display: flex;flex-direction: column;gap: 5px;}
#wl_link {display: flex; flex-wrap:wrap;gap: 5px;}
#wl_icon {display:flex;align-items:center; justify-content:center; width:25px;font-size:0.75rem;}
#wl_input {flex:1}


/* 5. 파일 *****/
#bw_sec_file {display: flex;flex-direction: column;gap: 5px;}
#wf_file {display: flex; flex-wrap:wrap;gap: 5px;}
#wf_icon  {display:flex;align-items:center; justify-content:center; width:25px;font-size:0.75rem;}

#wf_box {flex:1;display: flex;justify-content: space-between;align-items: center;gap: 20px;height: 36px;padding:0 5px;border-radius: 3px; border: 1px solid #C9D2DC;background: #FFF;}
#wf_box span {font-size: 0.75rem;color:#888888}
#wb_input input {font-size: 0.8125rem;}
#wb_del {display:flex;align-items:center;gap: 5px;}
#wb_del label {overflow:hidden;white-space : nowrap;text-overflow: ellipsis;font-size: 0.75rem;color:#888888}


/* 6. 버튼 *****/
#bw_sec_btn {display: flex; justify-content: right; gap: 5px; padding-top:10px; border-top: 1px solid #C9D2DC;}
#bw_sec_btn a, #bw_sec_btn button {display: inline-flex; justify-content: center; align-items: center;width: 60px; height: 28px; border-radius: 3px; border: 0px; font-size: 0.75rem;}
#bw_sec_btn a {background: #8AABCA; color: #FFF;}
#bw_sec_btn button {background: #0B3359; color: #FFF;}