@charset "utf-8";
/*******************************************/
/* IX Board Skin Design ********************/
/*******************************************/
#ix_board_view {} /* View */
/* 1. 제목 ******/
#bv_top1 {}
#bv_top1_rap {}
/* 1-1. 카테고리 */
#bvt_cate {margin-bottom: 10px;}
#bvt_cate span {display: inline-block; padding: 3px 15px; border-radius: 3px; border: 1px solid #CFCFCF; font-size: 0.8rem; color: #777777;background: #FAFAFA;} /* 카테고리 */
/* 1-2. 글제목 */
#bvt_title {margin-bottom: 5px;}
#bvt_title span {font-weight: 500; font-size: 1.5rem;}
/* 1-3. 작성일 */
#bvt_date {margin-bottom: 15px;}
#bvt_date span {margin-right:10px;font-size: 0.9rem; color: #777777;}
/* 2. 인포, 작은버튼 ******/
#bv_top2 {padding-bottom: 5px; margin-bottom: 5px; border-bottom: 2px solid #000000;}
#bv_top2_rap {display: flex; flex-wrap: wrap; gap: 5px;}
#bvt_profile {display: flex; justify-content: left; align-items: center;}
#bvt_profile img {width: 28px; height: 28px; border-radius: 50%;}
#bvt_info {flex: 1; display: flex; justify-content: left; align-items: center;}
#bvt_info .bvi_name {font-weight: 500; font-size: 0.95rem; margin-right: 5px;}
#bvt_info .bvi_ip {font-size: 0.8rem; color: #BF5B16;}
#bvt_admin, #bvt_user, #bvt_etc {display: flex; justify-content: right; align-items: center;}
#bvt_admin a, #bvt_user a, #bvt_etc a {width: 28px; height: 28px; display: inline-block; display: flex; justify-content: center; align-items: center; margin-left: 3px; border-radius: 14px;}
#bvt_etc a {border: 1px solid #CDCDCD; background: #FFFFFF; color: #000000; font-size: 0.8rem;}
#bvt_etc a:hover {border: 1px solid #003D8B; background: #003D8B; color: #FFFFFF;}
#bvt_admin a {border: 1px solid #CDCDCD; background: #FFFFFF; color: #000000; font-size: 0.8rem;}
#bvt_admin .bv_btn_admin {border: 1px solid #910E13; background: #910E13; color: #FFFFFF;}
#bvt_admin a:hover {border: 1px solid #910E13; background: #910E13; color: #FFFFFF;}
#bvt_user a {border: 1px solid #000000; background: #1C2B39; color: #FFFFFF; font-size: 0.8rem;}
#bvt_user a:hover {background: #000000;}
/* 3~4. 파일, 링크 ******/
#bv_attach {margin-bottom: 5px;}
#bv_attach_rap {padding:0 5px;border-radius: 5px; background: #F2F4F7;}
#bva_li {display: flex; flex-wrap: wrap;height:32px;padding:5px;border-bottom:1px solid #E2E2E2}
#bva_li:last-child {border-bottom:0px;}
#bva_li div {display:flex;align-items:center;}
.bva_icon {width:25px;font-size: 0.8rem;}
.bva_data {flex:1;font-weight: 500; font-size: 0.8rem;}
.bva_data .bva_down {display: inline-flex; justify-content: center; align-items: center;margin-right:5px;padding:2px 10px;border-radius: 9px; background: #1C2B39;font-size: 0.7rem; color: #FFFFFF;}
.bva_info {font-size: 0.8rem; color: #555555;}
.bva_info span {display: inline-flex; justify-content: center; align-items: center;margin-left:5px; padding:0 5px;border-radius: 3px; background: #1C2B39;font-size: 0.7rem; color: #FFFFFF;}
/* 5. 본문 ******/
#bv_mid1 {margin-top: 20px; margin-bottom: 50px;min-height:200px}
#bv_mid1_rap {}
#bvm_img {display: block;width: 100%; overflow: hidden; zoom: 1}
#bvm_img:after {display: block; visibility: hidden; clear: both; content: ""}
#bvm_img a.view_image {}
#bvm_img img {margin-bottom: 15px; max-width: 100%; height: auto}
/* 5-1. 유튜브 */
#ytv_wrap {background: #000000; padding: 70px; margin-bottom: 20px; }
#ytv_box {margin: 0 auto; width: 100%;}
#ytv_box iframe {width: 100%; height: auto; aspect-ratio: 16 / 9;}
/* 5-2. 본문 */
#bvm_article {line-height: 1.7rem; word-break: break-all; overflow: hidden;}
#bvm_article {font-weight: 400; font-size: 1rem;}
#bvm_article a {color: #005174; text-decoration: underline}
#bvm_article img {margin: 15px 0; max-width: 100%; height: auto}
/* 6. 추천 ******/
#bv_mid2 {position: relative;}
#bv_mid2_rap div {margin-bottom: 20px;}
#bvm_rec_on {display: flex; justify-content: right; align-items: center;}
#bvm_rec_on span {display: inline-block; padding: 5px 10px; border-radius: 5px; font-size: 0.8rem; border: 1px solid #CFCFCF; background: #FAFAFA;}
#bvm_rec_on span i {margin-right: 5px; color: #005174;}
#bvm_rec_on span hover {border: 1px solid #CFCFCF; background: #F2F4F7;}
#bvm_rec_off {display: flex; justify-content: right; align-items: center;}
#bvm_rec_off span {display: inline-block; padding: 5px 10px; border-radius: 5px; font-size: 0.8rem; border: 1px solid #CFCFCF; background: #FAFAFA;}
#bvm_rec_off span i {margin-right: 5px; color: #005174;}
.bv_rec_msg {position: absolute; bottom: -27px; right: 0px; background: #1C2B39; border-radius: 3px; display:none;}
.bv_rec_msg span {display: inline-block; padding:3px 5px; color: #FFFFFF; font-size: 0.8rem; }
/*7. 서명 ******/
#bv_mid3 {margin-bottom: 20px;padding:10px; border: 1px solid #DFE4EB; background: #F6F8FA;border-radius: 5px;}
#bvm_sign {border-left: 3px solid #1C2B39; padding-left:10px; font-size: 0.9rem; border-radius: 5px;}
/* 8. 코멘트 ix_comment.css 따로 작성 ******/
/* 9. 버튼 ******/
#bv_bot1 {border-top: 1px solid #CFCFCF; margin-bottom: 20px;}
#bv_bot1_rap {display: flex; justify-content: space-between; margin-top: 10px;}
#bvb_btn_left a, #bvb_btn_right a {display: inline-flex; justify-content: center; align-items: center; width: 70px; height: 28px; border-radius: 3px; border: 0px; font-size: 0.85rem;}
#bvb_btn_left a {margin-right: 5px; background: #964C4F; color: #FFFFFF;}
#bvb_btn_right a {margin-left: 5px; background: #1C2B39; color: #FFFFFF;}
/* 10. 이전글, 다음글 ******/
#bv_bot2 {margin: 30px 0px 10px 0px;}
#bv_bot2_rap {border-top: 1px solid #DFE4EB; border-bottom: 1px solid #DFE4EB; background: #F6F8FA;}
#bvb_nav_li {display: flex; flex-wrap:wrap;padding:5px 0;border-bottom: 1px solid #DFE4EB;}
#bvb_nav_li:last-child {border-bottom: none;;}
#bvb_nav_li div {display: flex; align-items: center;height:24px;}
.bvb_nv_icon {width:25px;justify-content: center;background: #1C2B39; color: #FFFFFF;font-size: 0.8rem}
.bvb_nv_pn {width:60px;justify-content: center;background: #587692; color: #FFFFFF;font-size: 0.8rem}
.bvb_nv_title {flex:1;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 10px; font-weight: 500; font-size: 0.95rem}
.bvb_nv_date {width:100px;padding:0 5px;justify-content: right;color: #555555; font-size: 0.8rem}