@charset "utf-8";

/* 게시판 보기 ***********************************/
#ibo_view {}

/****** 1. 제목 */
#bov_sec01 {} 
#bov_01rap {} 

/* 1-1. 카테고리 */
#bv_top {}
#bv_cate { }
#bv_cate span {margin-bottom:15px;}
.bvc_span {display:inline-block;padding:3px 15px; border-radius: 3px; border:1px solid #D9D9D9; font-size:0.8rem;background:#FAFAFA;color:#666666;} /* 카테고리 */


/* 1-2. 글제목 */
#bv_title {margin-bottom:5px;}
#bv_title .bvt_span {font-weight:500; font-size:1.25rem;}

/* 1-3. 작성일 */
#bv_date {margin-bottom:15px;}
#bv_date .bvd_span {font-size:0.9rem; color:#AAAAAA;}

/****** 2. 인포, 작은버튼 */
#bov_sec02 {padding-bottom:5px; margin-bottom:5px; border-bottom:2px solid #000000;}
#bov_02rap {display:flex;flex-wrap:wrap;gap:5px;} 

#bv_profile {display:flex;justify-content:left;align-items:center;}
#bv_profile img {width:28px; height:28px;border-radius:50%;}

#bv_info {flex:1; display:flex;justify-content:left;align-items:center;}
#bv_info .bvi_name {font-weight:500; font-size:0.95rem; margin-right:5px;}
#bv_info .bvi_ip {font-size:0.8rem; color:#BF5B16;}

#bvb_admin, #bvb_user, #bvb_etc {display:flex;justify-content:right;align-items:center;}
#bvb_admin a, #bvb_user a, #bvb_etc a {width:28px; height:28px;  display:inline-block; display:flex;justify-content:center;align-items:center; margin-left:3px; border-radius:14px;}

#bvb_etc a {border:1px solid #808080; background:#FFFFFF;color:#000000; font-size:0.8rem;}
#bvb_etc a:hover {border:1px solid #660010; background:#007AAE; color:#FFFFFF;}
#bvb_admin a {border:1px solid #808080; background:#FFFFFF;color:#000000; font-size:0.8rem;}
#bvb_admin a:hover {border:1px solid #660010; background:#B84A5B; color:#FFFFFF;}

#bvb_user a {border:1px solid #000000; background:#1C2B39;color:#FFFFFF; font-size:0.8rem;}
#bvb_user a:hover {background:#000000;}


/****** 3. 파일 */
#bov_sec03 {margin-bottom:5px;}
#bov_03rap {display:flex;flex-wrap:wrap;gap:5px;padding:10px 10px 5px 10px;border-radius: 5px; background:#F2F4F7;} 

#bv_icon_file {width:20px; font-size:0.9rem; text-align:center}
#bv_file {flex:1;}

#bvf_file {padding-left:10px;margin-bottom:5px;border-left:1px solid #AAAAAA;}
#bvf_file ul {display:flex;flex-wrap:wrap;gap:5px; }

.bvf_file_link {flex:1; font-weight:500; font-size:0.8rem;}
.bvf_file_link span {display:inline-block;}
.bvf_fl_name {padding:3px 10px; border-radius: 10px;background:#1C2B39;}
.bvf_fl_name a {color:#FFFFFF !important;}
.bvf_fl_size {}

.bvf_file_info {font-size:0.8rem; padding:2px 0;}
.bvf_file_info span {display:inline-block;padding:1px 5px; border-radius: 3px;background:#C1C1C1; color:#FFFFFF;}


/****** 4. 링크 */
#bov_sec04 {margin-bottom:5px;}
#bov_04rap {display:flex;flex-wrap:wrap;gap:5px;padding:10px 10px 5px 10px;border-radius: 5px; background:#F2F4F7;} 

#bv_icon_link {width:20px; font-size:0.9rem; text-align:center}
#bv_link {flex:1;}

#bvl_link {padding-left:10px;margin-bottom:5px;border-left:1px solid #AAAAAA;}
#bvl_link ul {display:flex;flex-wrap:wrap;gap:5px; }
#bvl_link li {padding:2px 0;}

.bvl_link_site {flex:1;font-weight:500; font-size:0.8rem;}
.bvl_link_site span {display:inline-block;}

.bvl_link_info {font-size:0.8rem;}
.bvl_link_info span {display:inline-block;padding:1px 5px; border-radius: 3px;background:#C1C1C1; color:#FFFFFF;}


/****** 5. 본문 */
#bov_sec05 {margin-top:20px; margin-bottom:100px;}
#bov_05rap {} 

#bv_img {width:100%;overflow:hidden;zoom:1}
#bv_img:after {display:block;visibility:hidden;clear:both;content:""}
#bv_img a.view_image {display:block}
#bv_img img {margin-bottom:15px;max-width:100%;height:auto}

/* 5-1. 유튜브 */
#ytv_wrap {background:#000000;padding:60px 0 30px 0;margin-bottom:20px; }
#ytv_box {margin: 0 auto; width:80%;}
#ytv_box iframe {width: 100%;height: auto;aspect-ratio: 16 / 9;}
#ytv_info {height:30px;margin-top:10px;}
#ytv_info span {display: inline-flex; justify-content: center; align-items: center; padding:3px 15px;border-radius: 12px;font-weight:500; font-size:0.9rem;background:#404040; color:#FFFFFF;}
#ytv_info span i {margin-right:7px;}

/* 5-2. 본문 */
#bv_article {line-height:1.7rem; word-break:break-all;overflow:hidden;}
#bv_article {font-weight:400; font-size:1rem;}
#bv_article a {color:#005174; text-decoration:underline}
#bv_article img {margin:15px 0; max-width:100%;height:auto}


/****** 6. 추천 */
#bov_sec06 {margin-bottom:20px;}
#bov_06rap {position: relative;} 
#bov_rec_on {display:flex;justify-content:right;align-items:center;}
#bov_rec_on span {display: inline-flex; justify-content: center; align-items: center; height:30px;padding:0 10px;border-radius:5px;font-size:0.8rem;border:1px solid #CFCFCF;background:#FAFAFA;}
#bov_rec_on span i {margin-right:5px;color:#005174;}
#bov_rec_on span:hover {border:1px solid #CFCFCF;background:#F2F4F7;}

#bov_rec_off {display:flex;justify-content:right;align-items:center;}
#bov_rec_off span {display: inline-flex; justify-content: center; align-items: center; height:30px;padding:0 10px;border-radius:5px;font-size:0.8rem;border:1px solid #CFCFCF;background:#FAFAFA;}
#bov_rec_off span i {margin-right:5px;color:#005174;}

#bov_rec_msg {position: absolute;bottom: -25px;right:0px;text-align:center;width:150px;line-height:23px;font-weight:500;font-size:0.8rem;background:#1C2B39;color:#FFFFFF;border-radius:3px;}
#bov_rec_msg span {font-size:0.8rem;color:#FFFFFF;}


/****** 7. 코멘트 */
#bvc_head {text-align:left;}
#bvc_head div {display:inline-block}
#bvc_head button {padding:3px 10px; margin-left:5px; background:#E2E2E2; border-radius:5px 5px 0px 0px;border:0px;font-size:0.8rem;}
#bvc_head span {font-weight:600; }

#bvc_body {border:1px solid #E2E2E2;border-top:0px;}

#cb_top {display:flex;flex-wrap:wrap;gap:0px; padding:7px; border-top:1px solid #E2E2E2; background:#FAFAFA;}
#cb_info {flex:1;display:flex;align-items:center;}
#cb_info img  {width:20px; height:20px;border-radius:50%; margin-right:5px;}
#cb_info span {margin-right:5px;}
.cb_info_name {font-weight:500; font-size:0.9rem}
.cb_info_ip {font-size:0.8rem; color:#BF5B16;}
.cb_info_date {font-size:0.8rem; color:#555555;}

#cb_btn {display:flex;align-items:center; text-align:right;}
#cb_btn a {display:inline-block; margin-left:5px; padding:1px 3px; font-size:0.8rem; border-radius:3px; background:#BBC4D3; color:#FFFFFF;}

#cbc_view {padding:10px 7px; font-size:0.9rem; margin-bottom:10px;line-height:1.5rem;}
#cbc_edit {}

#bvc_empty {padding:20px;display:flex;justify-content:center;align-items:center; border-top:1px solid #E2E2E2;}
#bvc_empty span {font-weight:500; font-size:0.9rem;}

#bo_vc_w {border:1px solid #E2E2E2;border-bottom:0px;border-top:0px;}
#bcw_wrap {padding:10px 10px 10px 10px;background:#FAFAFA; }

#bcw_body textarea {width:100%; height:100px;padding:10px; margin:0px; resize:none;border:1px solid #E2E2E2;}
#bcw_body textarea {font-family:'Noto Sans KR' !important; font-size:0.9rem !important; line-height:1.5rem;font-weight:400 !important;color:#000000 !important;}

#bcw_bottom {display:flex;flex-wrap:wrap;gap:0px;}
#bcw_count {display:flex;justify-content:left;align-items:center; padding:0 5px; width:80px; font-size:0.8rem; color:#555555;}
#bcw_count span {font-weight:500; color:#000000; }
#bcw_secret {flex:1; font-size:0.8rem; color:#555555;display:flex;justify-content:left;align-items:center;}
#bcw_btn button {display:inline-block;  width:70px; line-height:21px;text-align:center; border-radius:3px; border:0px;font-size:0.80rem;border:1px solid #CDCDCD;}


/****** 8. 버튼 */
#bov_sec08 {border-top:1px solid #CFCFCF; margin-bottom:20px; }
#bov_08rap {display:flex;flex-wrap:wrap;gap:0px;margin-top:10px;} 

#bv_btn_left {width:50%}

#bv_btn_right {width:50%;display:flex;justify-content:right;align-items:center;}
#bv_btn_left a,  #bv_btn_right a {display:inline-block;  width:70px; line-height:28px;text-align:center; border-radius:3px; border:0px;font-size:0.85rem;}
#bv_btn_left a {margin-right:5px; background:#CF7C89; color:#FFFFFF;}
#bv_btn_right a {margin-left:5px; background:#1C2B39; color:#FFFFFF;}


/****** 9. 이전글, 다음글 */
#bov_sec09 {margin:30px 0px 10px 0px;}
#bov_09rap {border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; background:#FAFAFA; } 

#bv_np {margin:7px 0;}
#bv_np ul {display:flex;flex-wrap:wrap;gap:0px;padding:0 5px;}
.bvnp_li_icon, .bvnp_li_ca {display:flex;justify-content:center;align-items:center; font-size:0.9rem; }
.bvnp_li_icon {width:25px;background:#1C2B39; color:#FFFFFF;}
.bvnp_li_ca {width:60px;background:#C1C1C1; color:#FFFFFF;}
.bvnp_li_title {flex:1;padding-left:10px; overflow:hidden;white-space : nowrap;text-overflow: ellipsis;font-weight:500; font-size:0.95rem}
.bvnp_li_date {display:flex;justify-content:right;align-items:center; width:100px;font-size:0.8rem;color:#AAAAAA;}