@charset "utf-8";

/* 게시판 쓰기 ***********************************/
#ibo_write {}

.bow_input {height:35px; border-radius:3px; padding:0 5px;border:1px solid #A6A6A6; font-size:0.9rem;}
.long_input {width:100%;}


/****** 1. 카테고리 */
#bow_sec01 {} 
#bow_01rap {display:flex;flex-wrap:wrap;gap:0px; padding:15px; border-radius:10px; background:#FAFAFA;} 

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

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


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

#bw_subjet  {flex:1;}
#bw_asave  {position:relative;width:130px;}
#bw_asave .autosave_btn  {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 .spop_title {display:flex;justify-content:center;align-items:center;padding:3px; background:#1C2B39;color:#FFFFFF;font-weight:500;font-size:0.9rem;}
#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;}

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


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

.wr_content {}
.wr_content textarea {width:100%; resize: vertical;border-radius:3px; padding:10px;border:1px solid #A6A6A6; font-size:0.9rem;background:#FFFFFF;}
.wr_content textarea {font-family:'Noto Sans KR' !important; font-size:1rem;line-height:1.6rem;}

#wr_count {font-size:0.8rem;text-align:right}
#wr_count span {font-weight:500;}


/****** 추가 [유튜브, 갤러리 입력폼] */
/****** A. 스위칭버튼 */
#ix_switch {margin-top:10px;}
#switch_wrap {display:flex;justify-content:left;align-items:center;}

.ix_btn_switch {display: inline-block;padding: 3px 10px;cursor: pointer;font-size:0.8rem;background:#FAFAFA;border: 1px solid #CFCFCF;transition: background 0.3s, color 0.3s;}
.ix_btn_switch.active {background: #1C2B39;color: white;border-color: #1C2B39;}

.ix_sec_hide {display: none; /* 기본적으로 모든 div 숨김 */}
.ix_sec_view {display: block; /* 선택된 div만 보이도록 */}


/****** B. 유튜브 */
#ytw_sec {border:1px solid #CFCFCF;border-radius:0px 10px 0px 10px; }
#ytw_rap {padding:10px;}

#ytw_refer {display:flex;flex-wrap:wrap;gap:0px;padding:5px;background:#FAFAFA;margin-bottom:5px;}
#ytw_link {display:flex;flex-wrap:wrap;gap:0px;padding:5px;background:#FAFAFA;}

#ytw_icon {width:35px;display:flex;justify-content:center;align-items:center;}
#ytw_input {flex:1;}


/****** C. 갤러리 */
#gall_sec {border:1px solid #CFCFCF;border-radius:0px 10px 0px 10px; }
#gall_rap {padding:10px;}

#gall_link {display:flex;flex-wrap:wrap;gap:0px;padding:5px;background:#FAFAFA;margin-bottom:5px;}
#gall_icon {width:35px;display:flex;justify-content:center;align-items:center;}
#gall_input {flex:1;}

#gall_file {padding:5px;background:#FAFAFA;}
#gall_file_wrap {display:flex;flex-wrap:wrap;gap:0px;padding:2px 0;}
#gall_fbox {flex:1;display: flex; justify-content: space-between;border:1px solid #A6A6A6; background:#FFFFFF;border-radius:3px;}

#gall_ip_up {}
#gall_ip_up span {font-size:0.85rem; margin-right:10px;}
.input_up {margin:5px 5px; font-size:0.85rem;}
#gall_ip_del {display:flex;align-items:center; font-size:0.85rem;margin-right:5px;}


/****** 6. 버튼 */
#bow_sec06 {margin-top:10px;}
#bow_06rap {} 

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

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