@charset "utf-8";


/* 게시판 버튼 */
/* 목록 버튼 */
#bo_gall a.btn_b01 {}
#bo_gall a.btn_b01:focus, #bo_gall .btn_b01:hover {}
#bo_gall a.btn_b02 {}
#bo_gall a.btn_b02:focus, #bo_gall .btn_b02:hover {}
#bo_gall a.btn_admin {} /* 관리자 전용 버튼 */
#bo_gall a.btn_admin:focus, #bo_gall a.btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v .btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v .btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {padding:0 20px;font-weight:bold}
#bo_w .btn_cancel {}
#bo_w .btn_frmline {} /* 우편번호검색버튼 등 */

/* 기본테이블 */
/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} 
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}
#container{padding:0 20px; }
/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_address {}
#bo_w .frm_file {}
#bo_w .frm_info {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 caption {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w .frm_input {}
#bo_w .tbl_frm01 textarea {}
#bo_w .tbl_frm01 a {}
#bo_w{padding:0!important;}
#bo_w .required, #bo_w textarea.required {}

/* 갤러리 목록 */
#bo_gall h2 {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

#bo_gall #gall_allchk {margin: 10px}

#bo_gall #gall_ul {margin:0;padding:0 0 20px;list-style:none}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}

#bo_cate{border-bottom:1px solid #d6d9e3;}
#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {white-space: nowrap;overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_cate ul::-webkit-scrollbar {display: none;}
#bo_cate li{display:inline-block;padding: 0 10px;}
#bo_cate a {color:var(--text_gray);display:block;line-height:40px;position:relative}
#bo_cate #bo_cate_on {color:var(--point_blue);font-weight:bold}
#bo_cate #bo_cate_on:before{background:var(--point_blue);content:'';position:absolute;bottom:0;left:0;width:100%;height:2px}

#bo_gall .gall_li { float:left; width:25%; padding:15px; box-sizing:border-box; }
#bo_gall .gall_li_wr { background:#fff; position:relative; }
#bo_gall .gall_li_chk { display:inline-block; padding:10px; position:absolute; top:0; left:0; z-index:9; }
#bo_gall .gall_li:nth-child(4n+1) { clear:both; }
#bo_gall .gall_img {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: var(--bg_light);
    aspect-ratio: 3 / 2; 
}
#bo_gall .gall_img img {
    width: 100%;
    height: 100%;
    object-fit: contain; 
    display: block;
    transition: transform 0.3s ease;
}
#bo_gall .gall_li:hover .gall_img img { transform:scale(1.03); }
#bo_gall .gall_img .no-img { display:flex; align-items:center; justify-content:center; height:100%; background:var(--bg_light); color:var(--text_gray); }
#bo_gall .gall_now .gall_text_href a { color:var(--point_blue); }
#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover { text-decoration:none; }
#bo_gall .gall_href strong, #bo_gall .gall_href span { display:block; width:174px; height:124px; background:var(--bg_light); text-align:center; line-height:8em; }

#bo_gall .gall_text_href { padding:15px 5px 5px; display:block; text-align:left; }

.bo_cate_link { display:inline-block; color:var(--point_blue) !important; font-weight:600; text-decoration:none; font-size:13px; margin-bottom:5px; }

#bo_gall .gall_li_tit { display:block; font-size:16px; font-weight:600; color:var(--text_dark); margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none !important; }
#bo_gall .gall_li:hover .gall_li_tit { text-decoration:underline !important; color:var(--point_blue); }

#bo_gall .profile_img img { border-radius:50%; }

#bo_gall .gall_info {margin-top:5px; padding:0; color:var(--text_gray); font-size:13px; display:flex; align-items:center; gap:12px; }
#bo_gall .gall_info:after { display:none; }
#bo_gall .gall_info strong { font-weight:normal; display:inline-flex; align-items:center; }
#bo_gall .gall_info i {display:none; margin-right:4px; font-size:14px; color:#aaa; }
#bo_gall .date { display:inline-flex; align-items:center; float:none; }

/* 게시판 목록 공통 */
.bo_fx { margin-bottom:5px; padding:5px 10px; }
.bo_fx:after { display:block; visibility:hidden; clear:both; content:""; }
.bo_fx ul { margin:0; padding:0; list-style:none; }
#bo_list_total { float:left; padding:0; height:2.5em; line-height:2.5em; }
.btn_bo_user { float:right; margin:0; padding:0; list-style:none; }
.btn_bo_user li { float:left; margin-left:5px; }
.btn_bo_adm { text-align:center; }
.btn_bo_adm li { display:inline-block; }
.btn_bo_adm button { border:0; padding:0 10px; background:var(--main_blue); color:#fff; text-decoration:none; vertical-align:middle; }

.bo_notice td { background:var(--bg_light); }
.bo_notice td a { font-weight:bold; }
.td_num strong { color:var(--text_dark); }
.bo_current { color:var(--point_blue); }
.td_subject img { margin-left:3px; }
.cnt_cmt { font-weight:bold; }

/* 학회 스타일 통일: board_wr 사방 테두리 제거 및 상하단 굵은 선 적용 */
.board_wr { background:#fff; border-top:2px solid var(--main_blue); border-bottom:1px solid var(--main_blue); margin:10px 0 30px; position:relative; }

.view_is_list.btn_top { position:relative; z-index:auto; top:0; left:0; }
.view_is_list { margin:8px 10px 0; height:50px; padding:10px; line-height:30px; border-radius:3px; border-bottom:1px solid #ccc; background:#fff; color:var(--text_dark); text-align:right; }
.view_is_list li { display:inline-block; }

#bo_gall li.empty_list { padding:50px 0; text-align:center; color:var(--text_gray); }

/* 버튼 영역: 높이 제한 해제 및 불필요한 테두리 제거 */
.bo_btn { position:relative; text-align:right; padding:10px 0; height:auto; }
.bo_btn li { display:inline-block; vertical-align:top; }
.bo_btn li a { color:var(--text_gray); line-height:40px; display:block; text-align:center; width:30px; vertical-align:top; }
.bo_btn li a:hover { color:var(--point_blue); }
.bo_btn li i { font-size:15px; }
.bo_btn li a.btn_admin { color:#ff0000; }
.edit_op_btn { background:none; border:0; height:40px; width:30px; color:var(--text_gray); font-size:15px; }
.btn_edit{display:none;position:absolute;top:40px;right:0;width:100px;background:#fff; border:1px solid #d4d4d4;z-index:599; box-shadow: 0 2px 3px #eee}
.btn_edit li {line-height:40px;width:100%;float:none;border-top:1px solid #f1f1f1;font-size:12px !important;text-align:left;padding:0 10px;position:relative}
.btn_edit li button{width:100%;font-size:12px !important;text-align:left;color:var(--text_gray) !important;height:40px;background:none;border:0}
.btn_edit li i{position:absolute;top:0;right:10px;line-height:40px;font-size:14px !important;color:#92a1af}
.btn_edit li:hover{background:#f8f8f8}
.btn_edit li a {color:var(--text_gray);font-size:12px !important}

#bo_gall .fa-download{display:none; width:16px;height:16px;line-height:16px;background:var(--main_blue);color:#fff;text-align:center;font-size:10px;border-radius:2px}
#bo_gall .fa-link{width:16px;height:16px;line-height:16px;background:var(--point_blue);color:#fff;text-align:center;font-size:10px;border-radius:2px}
#bo_gall .fa-heart{width:16px;height:16px;line-height:16px;background:#ff0000;color:#fff;text-align:center;font-size:10px;border-radius:2px}
#bo_gall .new_icon  {display:inline-block;width:16px;height:16px;line-height:16px;background: var(--point_blue); color: #fff;text-align:center;font-size:10px;border-radius:2px}
#bo_gall .fa-lock{width:16px;height:16px;line-height:16px;background: #d8e7e1; color: #7db099;text-align:center;font-size:10px;border-radius:2px}

.gall_img{position:relative;display:block}
#bo_gall .gd_rc{position:absolute;bottom:10px;left:10px;background:#000;background:rgba(0,0,0,0.5);color:#fff;padding:0 10px;line-height:25px;font-weight:normal}


/* 검색창 스타일 (하단 고정) */
#bo_sch { display:block; padding:20px; background:#f4f7fa; border:1px solid #e8e8e8; border-radius:3px; text-align:center; margin-top:10px; margin-bottom: 20px; }
#bo_sch legend { display:none; }
.sch_inner_wr { display:flex; justify-content:center; align-items:center; gap:5px; max-width:600px; margin:0 auto; }
#bo_sch select { height:42px; border:1px solid #ccc; padding:0 10px; background:#fff; color:#333; outline:none; }
#bo_sch .sch_input { flex:1; height:42px; border:1px solid #ccc; padding:0 15px; outline:none; }
#bo_sch .sch_btn { height:42px; padding:0 25px; background:#343a40; color:#fff; border:none; font-weight:600; cursor:pointer; transition:0.2s; }
#bo_sch .sch_btn:hover { background:#212529; }
@media (max-width: 1200px) {
   #bo_list { margin:10px 0; padding:0 20px; position:relative; }
}
@media (max-width: 969px){
    .bo_subject,.bo_info {width:100%;text-align:left}
    .bo_info{margin-top:5px}
    .bo_btn {padding:5px 10px}
    #bo_gall .gall_li{width:50%}
    #bo_gall .gall_li:nth-child(2n+1) {clear:both}
    .sch_inner_wr { flex-direction:row; }
    #bo_sch select { width:100px; }
}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#wr_email, #wr_homepage, #wr_subject, .wr_link {width:100%}

/* 게시판 읽기 */
#bo_v {margin-bottom:20px;padding:20px;background:#fff;box-sizing:border-box}

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title {}
#bo_v_title .bo_v_cate{display:inline-block;line-height:26px;background: var(--point_blue);color: #fff;font-weight: bold;border-bottom:1px solid #1977b5;padding:0 10px;border-radius:3px;
-webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
box-shadow: inset 0 2px 5px rgb(33, 135, 202);
}
#bo_v_title .bo_v_tit{display:block;font-size:2em;margin:5px 0 0;word-break:break-all}

.bo_v_cate{display: inline-block;color: var(--point_blue);font-weight: normal;text-decoration: none;font-size: 0.92em;margin:5px 20px ;}
.bo_v_tit{display:block;font-size:1.5em;margin:5px 20px; color:var(--text_dark);}


#bo_v_info {padding: 10px 0 15px;margin:0 0 20px;border-bottom:1px solid #ddd;color:#666}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}
#bo_v_info .profile_img {}
#bo_v_info .profile_img img{border-radius:50%}
#bo_v_info .sv_member{color:#000}
#bo_v_info .if_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
#bo_v_info .if_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
#bo_v_info .if_date{float:right;margin:0;}


#bo_v_edit{position:absolute;bottom:0;right:0;margin-top:-15px}
#bo_v_edit .view_btn{width:50px;height:45px;background:none;border:0;font-size: 15px;color: var(--text_gray);}
#bo_v_edit .view_btn:hover{color:var(--point_blue)}
#bo_v_edit .bo_v_left{display:none;position:absolute;top:40px;right:0;width:100px;background:#fff; border:1px solid #d4d4d4;z-index:599; box-shadow: 0 2px 3px #eee}
#bo_v_edit .bo_v_left li {line-height:40px;width:100%;float:none;border-top:1px solid #f1f1f1;font-size:12px !important;text-align:left;padding:0 10px;position:relative}
#bo_v_edit .bo_v_left li button{width:100%;font-size:12px !important;text-align:left;color:var(--text_gray) !important;height:40px}
#bo_v_edit .bo_v_left li i{position:absolute;top:0;right:10px;line-height:40px;font-size:14px !important;color:#92a1af}
#bo_v_edit .bo_v_left li:hover{background:#f8f8f8}
#bo_v_edit .bo_v_left li a {color:var(--text_gray);font-size:12px !important}.bo_notice td {background:var(--bg_light)}

#bo_v_file {margin:0 15px}
#bo_v_file h2  {position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding: 10px 10px 10px 60px;border: 1px solid #e8e8e8;color:#aaa;margin:10px 0;border-radius:5px;position:relative; box-shadow: 1px 2px 8px #e2e4f1}
#bo_v_file li i{position:absolute;top:50%;left:10px;font-size:20px;width:40px;line-height:40px;text-align:center;margin-top:-20px}
#bo_v_file a {display:block;color:#aaa;text-decoration:none;margin:0 0 3px}
#bo_v_file a strong{text-decoration:underline}
#bo_v_file  span {font-size:0.91em}
#bo_v_file li:hover,#bo_v_file li:hover a {color:var(--point_blue);text-decoration:none}

#bo_v_link {margin:0 15px}
#bo_v_link h2  {position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding: 10px 10px 10px 60px;border: 1px solid #e8e8e8;color:#aaa;margin:10px 0;border-radius:5px;position:relative; box-shadow: 1px 2px 8px #e2e4f1}
#bo_v_link li i{position:absolute;top:50%;left:10px;font-size:20px;width:40px;line-height:40px;text-align:center;margin-top:-20px}
#bo_v_link a {display:block;color:#aaa;text-decoration:none;margin:0 0 3px}
#bo_v_link li:hover,#bo_v_link li:hover a {color:var(--point_blue);text-decoration:none}
#bo_v_link a strong{text-decoration:underline}
#bo_v_link span {font-size:0.91em}
.bo_v_link_cnt {font-size:0.92em}

#bo_v_top {margin:20px}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}
#bo_v_top ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top ul li{display:inline-block;}
.bo_v_left{float:left}
.bo_v_right{float:right}

#bo_v_bot {text-align:right;margin:20px 10px}
#bo_v_bot a{vertical-align:top;padding:0 10px}


.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left;border-bottom:1px solid #ddd}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {
    border-top: 1px solid var(--bg_light);
    padding: 13px;
}
.bo_v_nb li:hover{background:#f6f6f6}
.bo_v_nb li i{font-size:13px}
.bo_v_nb li .nb_tit {
    display: inline-block;
    padding-right: 20px;
    color: #b3b3b3;
}
.bo_v_nb li:last-child {
    border-bottom: 1px solid var(--bg_light);
}
.bo_v_nb li .nb_date {
    float: right;
    color: #b3b3b3;
}


#bo_v_atc {min-height:200px;padding:20px 0; color:var(--text_dark);}
#bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}

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

#bo_v_con {min-height:200px;margin-bottom:20px;width:100%;font-size:1.250em;line-height:1.7em;word-break:break-all;overflow:hidden; color:var(--text_dark);}
#bo_v_con a {color:var(--point_blue);text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act .btn {margin-right:5px;vertical-align:middle;border-radius:30px}
#bo_v_act a:hover{background-color:#f3f3f3}

#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
#bo_v_act .bo_v_good{border:1px solid #ff1313;color:#ff1313;padding:0 20px}
#bo_v_act .bo_v_good:hover{background:#f8eeee}
#bo_v_act .bo_v_nogood{border:1px solid #dedede;color:var(--text_gray);padding:0 20px}
#bo_v_act .bo_v_good i,#bo_v_act .bo_v_nogood i{font-size:18px;}
#bo_v_share{position:relative;margin:0 0 20px;text-align:right}
#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_share .btn_scrap{display:inline-block;line-height:40px;border:1px solid #d2d2d2;background:#fff;float:left;padding:0 15px;border-radius:50px;color:var(--text_gray)}
#bo_v_share .btn_scrap:hover{background:#f3f3f3}
.btn_share{display:none;}
.bo_v_snswr{position:relative;float:right}
#bo_v_sns {padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;width:40px;text-align:center;margin-left:3px}
#bo_v_sns li a{height:40px;padding:10px 0;border-radius:50px}
#bo_v_sns li .sns_f{display:block;background:var(--main_blue)}
#bo_v_sns li .sns_f:hover{background:var(--point_blue)}
#bo_v_sns li .sns_t{display:block;background:#35b3dc}
#bo_v_sns li .sns_t:hover{background:#1ec7fe}
#bo_v_sns li .sns_g{display:block;background:#d5503a}
#bo_v_sns li .sns_g:hover{background:#f4482c}
#bo_v_sns li .sns_k{display:block;background:#fbe300}
#bo_v_sns li img{vertical-align:top}

/* 게시판 댓글 */

/* 게시판 댓글 */

.cmt_btn {
    text-align: left;
    width: 100%;
    border: 0;
    background: transparent; 
    color: var(--point_blue, #1e5bb8);
    font-weight: bold;
    font-size: 1.25em;
    margin: 30px 0 0;
    padding: 0 0 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.cmt_btn::after {
    content: "";
    display: inline-block;
    margin-left: 10px; 
    border-top: 6px solid var(--point_blue, #1e5bb8);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    transition: transform 0.2s ease; 
}

/* 댓글 창이 열렸을 때 (화살표가 위로 뒤집힘) */
.cmt_btn_op::after {
    transform: rotate(180deg);
}
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:0 0 20px;position:relative}
#bo_vc header {line-height:20px;color:var(--text_gray)}
#bo_vc .comment_profile_img img, #bo_vc .profile_img img{border-radius:50%}
#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold; color:var(--text_dark);}
#bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {margin:5px 0 ;line-height:1.8em;border-bottom:1px solid #e8e8e8;padding-bottom:20px; color:var(--text_dark);}
#bo_vc .cmt_contents  p{font-size:1.083em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}

#bo_vc_empty {
    margin: 0;
    padding: 80px 0 !important;
    color: #777;
    text-align: center;
}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc .cmt_opt{position:absolute;top:0;right:0;width:30px;height:30px;background:none;border:0;color:var(--text_gray)}
#bo_vc .bo_vl_act{top:30px}
#bo_vc .comment_profile_img{position:absolute;top:0;left:0}
.bo_vc_hdinfo{display:block}
#bo_vc .profile_img img{display:none}
.bo_vc_act {text-align:right;;margin:0;list-style:none}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {display:inline-block;margin:0 2px}
.bo_vc_act li a{color:var(--point_blue);text-decoration:underline}

.bo_vc_w {position:relative;margin:10px 0;display:block;}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea{width:100%;height:120px; border:1px solid #ccc; padding:10px;}
#wr_secret{}
.bo_vc_w_info{margin:5px 0}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input{float:left;;width:49.5%;margin: 0 0 5px 0}
.bo_vc_w_info #wr_password{float:right;}
.bo_vc_w_info #captcha{display:block;clear:both}
.bo_vc_w .btn_confirm{margin-top:5px;float:right;}
.bo_vc_w .icon_lock{display:inline-block;padding: 5px;margin-right:5px;}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w .bo_vc_secret{float:left;display:block;}

#bo_vc_send_sns{display:block;float:left}
#bo_vc_sns {display:block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f{border-radius:3px;background:var(--main_blue);height:40px;;padding: 10px 0 10px 10px}
#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;;padding: 10px 0 10px 10px}
#bo_vc_sns .sns_li_off{background:#bbb}
#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
#bo_vc_sns input {margin:0 5px 0 0 }

@media (min-width: 970px){
    #bo_vc article{padding-left:50px;margin-bottom:30px}
    #bo_vc .cmt_contents{padding-bottom:30px}
    .bo_vc_hdinfo{display:inline-block;padding-left:5px;}
}

@media (max-width: 969px){
    #bo_vc header{padding-left:50px}
    #bo_vc,#bo_vc_w,.cmt_btn {margin: 10px}
}

/*글쓰기*/
#bo_w .form_01{margin:10px 0}
#bo_w .bo_w_select select{border:1px solid var(--main_blue);background:#fff;width:100%}
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;text-align:center; background:var(--bg_light);}
#bo_w .bo_w_link .frm_input{padding-left:50px}
#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;text-align:center; background:var(--bg_light);}
#bo_w .bo_w_flie .frm_file{padding-left:50px;}
#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:var(--text_dark);vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input{margin:5px 0 0 }
.write_div{text-align:right;margin:10px 0}

@media (max-width: 969px){
    #bo_w .form_01 {margin:10px}
    .write_div{text-align:right;margin:10px}
}
.history_timeline_wrap { position: relative; padding-left: 40px; border-left: 3px solid #eee; margin-left: 20px; }
.history_item { margin-bottom: 30px; position: relative; }
.history_item::before { 
    content: ''; position: absolute; left: -49px; top: 0; 
    width: 18px; height: 18px; background: var(--main_blue); border-radius: 50%; border: 3px solid #fff;
}
.history_year { font-size: 20px; font-weight: bold; color: var(--point_blue); margin-bottom: 5px; }
.history_desc { font-size: 16px; color: #333; }
/* =========================================
   갤러리 상단 영역 (총 게시물 수)
   ========================================= */
.bo-top-wrap { margin-bottom: 15px; padding: 0 10px; text-align: left; }
.list-total { font-size: 15px; font-weight: 500; color: var(--text_dark); }
.list-total strong { color: var(--point_blue); font-weight: 700; }

/* 전체선택 체크박스 위치 미세조정 */
#gall_allchk { margin: 0 10px 15px; font-size: 13px; color: #666; display: flex; align-items: center; gap: 5px; }


/* =========================================
   갤러리 하단 영역 (글쓰기, 관리자, 선택관리 버튼)
   ========================================= */
.bo-bottom-wrap { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    margin: 20px 0 30px; 
    padding: 0 10px; 
}

/* 우측 글쓰기/관리자 버튼 그룹 */
.list-bottom-right { display: flex; gap: 8px; }

.btn-bo-write { 
    display: inline-block; 
    padding: 9px 20px; 
    background: var(--point_blue); 
    color: #fff !important; 
    font-size: 14px; 
    font-weight: 600; 
    border-radius: 4px; 
    text-decoration: none; 
    transition: background 0.2s; 
}
.btn-bo-write:hover { background: var(--main_blue); }
/* 하단 영역 래퍼 */
.qna_footer_bar {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 20px;
}

/* 선택관리 버튼 영역 */
.bo-admin-select-wrap {
    position: relative;
    display: inline-block;
}

/* 선택관리 토글 버튼 */
.btn-bo-admin-select {
    background: #444;
    color: #fff;
    border: none;
    padding: 8px 15px;
    cursor: pointer;
}

/* 팝업 메뉴 (ul) */
.more-opt.btn_list_op {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 5px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    list-style: none;
    min-width: 130px;
    z-index: 100;
}

/* 팝업 메뉴 리스트 (li) */
.more-opt.btn_list_op li {
    margin-bottom: 15px;
	
}
.more-opt.btn_list_op li:last-child {
    margin-bottom: 0;
}

/* 팝업 메뉴 내부 버튼 (button) */
.more-opt.btn_list_op button {
    background: none;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
}
/* 게시판 버튼 영역 */
.bo_btn {
  position: relative;
  text-align: right;
  padding: 0;
  height: auto;
}
.bo_btn li {
  display: inline-block;
  vertical-align: top;
}
.bo_btn li a {
  color: #768a94;
  line-height: 40px;
  display: block;
  text-align: center;
  width: 30px;
  vertical-align: top;
}
.bo_btn li a:hover {
  color: #4a5ba9;
}
.bo_btn li i {
  font-size: 15px;
}
.bo_btn li a.btn_admin {
  color: #ff0000;
  background: none;
}
.edit_op_btn {
  background: none;
  border: 0;
  height: 40px;
  width: 30px;
  color: #768a94;
  font-size: 15px;
}

.btn_edit {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  width: 100px;
  background: #fff;
  border: 1px solid #d4d4d4;
  z-index: 599;
  box-shadow: 0 2px 3px #eee;
}
.btn_edit li {
  line-height: 40px;
  width: 100%;
  float: none;
  border-top: 1px solid #f1f1f1;
  font-size: 12px !important;
  text-align: left;
  padding: 0 10px;
  position: relative;
}
.btn_edit li button {
  width: 100%;
  font-size: 12px !important;
  text-align: left;
  color: #6b757c !important;
  height: 40px;
  background: none;
  border: 0;
}
.btn_edit li i {
  position: absolute;
  top: 0;
  right: 10px;
  line-height: 40px;
  font-size: 14px !important;
  color: #92a1af;
}
.btn_edit li:hover {
  background: #f8f8f8;
}


.gall_write_wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 0 30px; font-family: 'Noto Sans KR', sans-serif; color: #333; box-sizing: border-box; }
.gall_write_wrap *, .gall_write_wrap *::before, .gall_write_wrap *::after { box-sizing: border-box; }

.gall_admin_top_box { background-color: #fdf2f2; border: 1px solid #f5baba; padding: 15px 20px; margin-bottom: 20px; border-radius: 4px; font-size: 14px; color: #d11818; }
.gall_admin_top_box input[type="checkbox"] { margin-right: 8px; vertical-align: middle; width: 16px; height: 16px; }
.gall_admin_top_box label { cursor: pointer; display: inline-flex; align-items: center; }

.gall_form_table { border-top: 2px solid #000; border-bottom: 1px solid #ddd; margin-bottom: 30px; }
.gall_form_row { display: flex; align-items: center; border-bottom: 1px solid #e9ecef; min-height: 65px; }
.gall_form_row.row_textarea { align-items: flex-start; padding: 15px 0; }

.gall_row_title { width: 180px; min-width: 180px; font-size: 15px; font-weight: 500; color: #333; padding-left: 20px; }
.gall_row_title .required { color: #e53935; margin-left: 3px; }
.gall_row_content { flex-grow: 1; padding: 10px 20px; }

.gall_write_wrap .form_input { width: 100%; max-width: 450px; height: 45px; padding: 0 15px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; color: #333; outline: none; transition: border-color 0.2s; }
.gall_write_wrap #wr_subject { max-width: 100%; }
.gall_write_wrap .form_input:focus { border-color: var(--point_blue, #1E5BB8); }
.gall_write_wrap .form_input.width_half, .gall_write_wrap .select_box { width: 100%; max-width: 450px; }
.gall_write_wrap .select_box { background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 12px center; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 35px; cursor: pointer; }
.gall_write_wrap .editor_container_box { width: 100%; }

.gall_write_wrap .file_upload_box { font-size: 13px; color: #666; display: flex; align-items: center; width: 100%; }
.gall_write_wrap .form_file { font-size: 14px; }
.gall_write_wrap .file_del_label { margin-left: 20px; color: #e53935; cursor: pointer; font-size: 13px; display: inline-flex; align-items: center; }
.gall_write_wrap .file_del_label input { margin-right: 5px; }

.gall_btn_area { display: flex; justify-content: center; gap: 12px; margin:30px 0}
.gall_btn_area .btn_cancel { display: inline-flex; align-items: center; justify-content: center; width: 140px; height: 50px; background-color: #fff; color: #555; border: 1px solid #ccc; border-radius: 4px; font-size: 15px; font-weight: 500; text-decoration: none; cursor: pointer; transition: background 0.2s; }
.gall_btn_area .btn_cancel:hover { background-color: #f5f5f5; }
.gall_btn_area .btn_submit { width: 140px; height: 50px; background-color: var(--point_blue, #1E5BB8); color: #fff; border: none; border-radius: 4px; font-size: 15px; font-weight: 500; cursor: pointer; transition: background 0.2s; }
.gall_btn_area .btn_submit:hover { background-color: var(--main_blue, #004a99); }
.bo-v-btn-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .gall_form_row { flex-direction: column; align-items: flex-start; padding: 12px 15px !important; }
    .gall_row_title { width: 100%; padding-left: 0; margin-bottom: 8px; }
    .gall_row_content { width: 100%; padding: 0; }
    .gall_write_wrap .form_input, .gall_write_wrap .form_input.width_half, .gall_write_wrap .select_box { max-width: none; }
    .gall_write_wrap .file_upload_box { flex-direction: column; align-items: flex-start; gap: 8px; }
    .gall_write_wrap .file_del_label { margin-left: 0; }
    .gall_btn_area .btn_cancel, .gall_btn_area .btn_submit { flex: 1; height: 45px; }
}

.notice-badge {
    position: absolute;
    top: 10px;         
    right: 10px;        
    display: inline-block;
    padding: 4px 12px;
    background-color: #1e5bb8;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    border-radius: 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
    z-index: 9;
}