@charset "utf-8"; 

/*
IX Skin Design - Board [View]
*/
#ix_bbs_view {}
#ix_bbs_view * {box-sizing: border-box}
#ix_bbs_view  ul {margin:0; padding:0; list-style-type: none}


/* 1. 상단 (카테고리, 제목, 작성일, 상단버튼) *****/
#bv_sec_top {display: flex;flex-direction: column;gap: 5px;padding-bottom:5px; margin-bottom:5px; border-bottom: 2px solid #8AABCA;}
#bv_cate {margin-bottom:5px}
#bv_cate span {display: inline-flex;align-items:center; line-height:22px;padding: 0 7px; font-size: 0.75rem; background: #0B3359; color: #FFF; border-radius: 3px; }
#bv_title {overflow:hidden;white-space : nowrap;text-overflow: ellipsis; font-size:1.375rem;font-weight:500;}
#bv_date span {margin-right:10px; font-size:0.8125rem; color: #888888;}

/* 1-A. 프로필 */
#bv_tool {display: flex;justify-content: space-between;margin-top:10px;}
#vt_profile {display: flex; flex-wrap:wrap; gap: 5px;align-items: center;}
#vt_profile  #vp_img img {display: block;width: 22px; height: 22px; border-radius: 7px;border:none}
#vt_profile  #vp_info {display: flex;gap: 10px;align-items: center;}
#vt_profile  #vp_info  .sv_member {font-weight:500; font-size:0.8125rem;}
#vt_profile  #vp_info  .vi_hit {font-size:0.8125rem;color: #003D8B;}
#vt_profile  #vp_info  .vi_hit i {margin-right:5px;font-size:0.75rem;}
#vt_profile  #vp_info  .vi_ip {font-size:0.8125rem;color: #8AABCA;}

/* 1-B. 상단버튼 */
#vt_btn {display: flex;flex-wrap:wrap; gap: 7px;align-items: center;}
#vt_btn div {display: flex;gap: 2px;}
#vt_btn a {display: inline-flex; justify-content: center; align-items: center; width: 22px; height: 22px;border-radius: 11px;font-size: 0.625rem;}
#vt_btn #vb_etc a {border: 1px solid #DFE4EB;}
#vt_btn #vb_etc a:hover {border: 1px solid #538FE1; background: #538FE1; color: #FFF;}
#vt_btn #vb_adm a {border: 1px solid #DFE4EB;}
#vt_btn #vb_adm a:hover {border: 1px solid #DA6287; background: #DA6287; color: #FFF;}
#vt_btn #vb_adm .bv_btn_admin {border: 1px solid #DA6287; background: #DA6287; color: #FFF;}
#vt_btn #vb_adm .bv_btn_admin:hover {border: 1px solid #DA6287;background: #DA6287;}
#vt_btn #vb_user a {border: 1px solid #0B3359; background: #0B3359; color: #FFF;}


/* 2~3. 첨부 (파일, 링크) *****/
#bv_sec_attach {padding:0 5px;border-radius: 3px; background: #F9FAFB;margin-bottom:3px;}

#li_attach {display: flex; flex-wrap: wrap;gap:10px;align-items: center;height:32px;padding:5px;border-bottom:1px solid #DFE4EB}
#li_attach:last-child {border:none;}
#li_attach div {display:flex;align-items:center; font-size: 0.75rem;}

#li_attach .va_icon {width:25px;  justify-content: center;  font-size: 0.6875rem;}
#li_attach .va_data {flex:1; gap:5px;}
#li_attach .va_data a {display: inline-flex; justify-content: center; align-items: center;padding:1px 10px;border-radius: 9px; background: #0B3359;font-size: 0.75rem;  color: #FFF;}
#li_attach .va_time {padding:0 7px;color: #888888; }
#li_attach .va_info {min-width:30px; color: #888888; justify-content: center;}

#li_attach .va_line {width:1px; height:16px; background: #DFE4EB;}

#li_attach .va_link {flex:1; }
#li_attach .va_link a {font-size: 0.75rem;}


/* 4. 본문 *****/
#bv_sec_article {min-height:300px;margin-top: 25px; margin-bottom: 50px;padding:0 10px;}

/* 4-1. 이미지 */
#bv_img {display: inline-block;overflow: hidden; zoom: 1;}
#bv_img:after {display: block; visibility: hidden; clear: both; content: ""}
#bv_img a.view_image {}
#bv_img img {display: block;margin-bottom: 20px; max-width: 100%; height: auto}

/* 4-2. 본문 */
#bv_article {word-break: break-all; overflow: hidden;line-height: 1.6rem; font-weight: 400; font-size: 0.9375rem;}
#bv_article img {display: block;margin: 15px 0; max-width: 100%; height: auto}
#bv_article .va_color {width:150px; height:30px; display: inline-flex; justify-content: center; align-items: center;color:#FFF}

#va_bmk {display: flex; flex-wrap: wrap;border: 1px solid #DFE4EB;margin-top:10px;}
#va_bmk ul {}
#va_bmk ul li {height:30px;padding:0 10px;border-bottom: 1px solid #DFE4EB;}
#va_bmk ul li:last-child {border: none}
#va_bmk .vb_com {min-width:150px; list-style-type: decimal; font-size: 0.875rem; background: #F9FAFB;}
#va_bmk .vb_com li {list-style-position: inside;}
#va_bmk .vb_com li::marker {color: #8AABCA;}
#va_bmk .vb_url {flex:1; font-size: 0.8125rem}


/* 5. 추천 *****/
#bv_sec_rec {position: relative; margin-bottom: 20px;}
#bv_rec_on, #bv_rec_off {display: flex; justify-content: right;}
#bv_rec_on span, #bv_rec_off span {display: inline-block; padding: 5px 10px; border-radius: 5px; font-size: 0.75rem; background: #F9FAFB;}
#bv_rec_on i {margin-right: 5px; color: #538FE1;}
#bv_rec_off i {margin-right: 5px; color: #888888;}
#bv_rec_on span:hover {border: 1px solid #8AABCA;}

#bv_rec_msg {position: absolute; bottom: -27px; right: 0px; background: #1C2B39; border-radius: 3px; display:none;}
#bv_rec_msg span {display: inline-flex;padding:3px 5px; font-size: 0.75rem; color: #FFF;}


/* 6. 서명 *****/
#bv_sec_sign {margin-bottom: 20px; padding:10px; border-radius: 5px; background: #F9FAFB;border: 1px solid #DFE4EB;}
#bv_sign {padding-left:10px; border-radius: 5px; font-size: 0.875rem;  line-height: 1.3rem; border-left: 3px solid #1C2B39;}


/* 7. 코멘트 (ix_comment.css 참고) *****/


/* 8. 하단 (버튼) *****/
#bv_sec_bt {display: flex;justify-content: space-between;padding-top:10px;margin-bottom:20px;border-top: 1px solid #C9D2DC;}
#bv_sec_bt a {display: inline-flex; justify-content: center; align-items: center;width: 60px; height: 28px; border-radius: 3px; border: 0px; font-size: 0.75rem;}
#bv_btnl {display: flex;gap:5px;}
#bv_btnl a {background: #8AABCA; color: #FFF;}
#bv_btnr {display: flex;gap:5px;}
#bv_btnr a {background: #0B3359; color: #FFF;}


/* 9. 이전글 다음글 *****/
#bv_sec_np {display: flex;justify-content: space-between;gap: 10px;}
#bv_np {width:calc(50% - 5px);font-size: 0.875rem;}
#bv_np a {width:100%;display: flex; flex-wrap: wrap;align-items:center;border: 1px solid #C9D2DC;border-radius: 5px;}
#bv_np a:hover {border: 1px solid #8AABCA;color: #000;}

#bv_np .vnp_icon {display: flex;align-items:center;justify-content:center;width:35px;height:36px;border-radius: 5px;background: #F9FAFB; color: #888888;}
#bv_np .vnp_title {flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:0 10px;}