@charset "utf-8";

#bo_gall,
#bo_gall * {box-sizing:border-box;}

#bo_gall {margin:0 auto; color:#333;}
#bo_gall a {transition:all .2s ease;}
#bo_gall ul,
#bo_gall li {margin:0; padding:0; list-style:none;} 

#bo_cate {margin:0 0 18px;}
#bo_cate ul {width:100%; max-width:100%; display:flex; flex-wrap:wrap; gap:8px; padding-left:0;}
#bo_cate li {float:none; margin:0;}
#bo_cate a {display:block; width:auto; min-width:88px; margin-left:0; padding:9px 16px; border:1px solid #d9e1de; border-radius:999px; background:#fff; color:#4f5b57; letter-spacing:0; font-size:13px; line-height:1.2; text-align:center;}
#bo_cate a:hover, #bo_cate a:focus, #bo_cate a:active {border-color:#aab8b3; background:#f7faf8; text-decoration:none;}
#bo_cate #bo_cate_on {border-color:#2f5d50; background:#2f5d50; color:#fff; font-weight:600;}

.bo_fx {display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; zoom:1;}
.bo_fx:after {display:block; visibility:hidden; clear:both; content:"";}
#bo_list_total {float:none; padding-top:0; color:#666; font-size:13px;}
#bo_list_total span {color:#222; font-weight:600;}
.btn_bo_user, .btn_bo_adm {display:flex; align-items:center; flex-wrap:wrap; gap:8px;}
.btn_bo_user li, .btn_bo_adm li {float:none; margin:0;}
#bo_gall a.btn_b01, #bo_gall a.btn_b02, #bo_gall a.btn_admin, .btn_bo_adm input {
    display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 16px;
    border:1px solid #d8dfdc; border-radius:10px; background:#fff; color:#2d3632; font-size:13px; font-weight:600; text-decoration:none;
}
#bo_gall a.btn_b01:hover, #bo_gall a.btn_b02:hover, #bo_gall a.btn_admin:hover, .btn_bo_adm input:hover {border-color:#bcc9c4; background:#f7f9f8; text-decoration:none;}
#bo_gall a.btn_b02 {border-color:#2f5d50; background:#2f5d50; color:#fff;}
#bo_gall a.btn_b02:hover {border-color:#23483e; background:#23483e;}

#bo_gall #gall_ul {margin:0; padding:0;}
#bo_gall .gall_li {
    clear:both; width:100%; margin:0 0 18px; padding:16px; border:1px solid #e7ece9; border-radius:18px; background:#fff;
    box-shadow:0 8px 24px rgba(17,24,39,.04); overflow:hidden;
}
#bo_gall .gall_li:hover {border-color:#d8e1dd; box-shadow:0 12px 30px rgba(17,24,39,.07);}

#bo_gall .gall_con {float:left; width:158px; margin:0; padding:0;}
#bo_gall .gall_con li {margin:0; padding:0; list-style:none;}
#bo_gall .gall_href {overflow:hidden; padding:0 !important; border:1px solid #edf1ef !important; border-radius:14px; background:#f7f9f8;}
#bo_gall .gall_href a {display:block;}
#bo_gall .gall_href img, #bo_gall .gall_href span, #bo_gall .gall_href strong {display:block; width:100% !important; max-width:100%; border-radius:12px;}
#bo_gall .gall_href img {height:142px; object-fit:cover; border:0; vertical-align:top; transform:scale(1); transition:transform .35s ease;}
#bo_gall .gall_li:hover .gall_href img {transform:scale(1.03);}
#bo_gall .gall_href strong, #bo_gall .gall_href span {
    display:flex; align-items:center; justify-content:center; height:142px !important; min-height:142px; background:linear-gradient(180deg,#fafbfb 0%,#f1f4f2 100%); color:#6d7672; font-weight:600;
}

#bo_gall .gall_con2 {
    overflow:hidden; width:auto; margin:0; padding:4px 0 0 20px; line-height:1.65;
}
#bo_gall .gall_con2 li {margin:0; padding:0; list-style:none;}

#bo_gall .gall_text_href {margin:0 0 10px !important; padding-bottom:12px; border-bottom:1px solid #f0f3f1;}
#bo_gall .gall_text_href a {color:#222; font-size:15px; font-weight:700; line-height:1.45; letter-spacing:-0.02em; text-decoration:none;}
#bo_gall .gall_text_href a:hover, #bo_gall .gall_text_href a:focus {color:#184f6c; text-decoration:none;}
#bo_gall .gall_now .gall_text_href a {color:#184f6c;}
#bo_gall .gall_text_href img {vertical-align:middle; margin-left:4px;}

#bo_gall .gall_con2 > li:nth-child(2) {margin-bottom:10px; color:#7a837f; font-size:13px; line-height:1.8;}
#bo_gall .gall_con2 .bo_num {display:inline-block; margin-right:8px; padding:0; border-radius:0; background:none; color:#72807a; font-size:12px; font-weight:600;}
#bo_gall .gall_con2 .bo_gubun {color:#c6ceca; padding:0 7px;}
#bo_gall .gall_con2 .gall_subject {display:inline-block; margin-left:8px; color:#8b9591; font-size:12px; font-weight:600;}
.bo_cate_link {display:inline-block; margin-right:2px; padding:4px 10px; border:0; border-radius:999px; background:#eef5f1; color:#2f5d50 !important; font-size:12px; font-weight:700; text-decoration:none;}
.bo_cate_link:hover {background:#e3efea; text-decoration:none;}

#bo_gall .gall_con2 .bo_content {display:block; padding:8px 0 0; border:0; border-radius:0; background:none; color:#555e5a; font-size:14px; line-height:1.8; word-break:break-word; overflow:hidden;}

#bo_gall li.empty_list {padding:90px 20px; border:1px solid #e7ece9; border-radius:18px; background:#fff; color:#777; text-align:center;}

#bo_sch {margin:28px 0 0; padding:22px 20px; border:1px solid #e7ece9; border-radius:18px; background:linear-gradient(180deg,#fcfdfd 0%,#f8faf9 100%); text-align:center;}
#bo_sch select, #bo_sch .frm_input, #bo_sch .btn_submit {height:42px; border-radius:10px; vertical-align:middle;}
#bo_sch select, #bo_sch .frm_input {border:1px solid #d9e1de; background:#fff; color:#333;}
#bo_sch select {padding:0 12px;}
#bo_sch .frm_input {width:220px; padding:0 12px;}
#bo_sch .btn_submit {min-width:74px; padding:0 16px; border:1px solid #2f5d50; background:#2f5d50; color:#fff; font-weight:600;}
#bo_sch .btn_submit:hover {background:#23483e; border-color:#23483e;}

.pg_wrap {margin-top:24px;}

@media (max-width: 768px) {
    .bo_fx {display:block;}
    #bo_list_total {margin-bottom:10px;}
    #bo_gall .gall_li {padding:14px; border-radius:16px;}
    #bo_gall .gall_con {width:120px;}
    #bo_gall .gall_con2 {padding-left:14px;}
    #bo_gall .gall_href img, #bo_gall .gall_href span, #bo_gall .gall_href strong {height:120px !important; min-height:120px;}
    #bo_gall .gall_text_href a {font-size:16px;}
    #bo_sch .frm_input {width:160px;}
}

@media (max-width: 560px) {
    #bo_gall .gall_con, #bo_gall .gall_con2 {float:none; width:100%; overflow:visible;}
    #bo_gall .gall_con {margin-bottom:14px;}
    #bo_gall .gall_con2 {padding:0;}
    #bo_gall .gall_href img, #bo_gall .gall_href span, #bo_gall .gall_href strong {height:auto !important; min-height:200px;}
    #bo_sch {padding:16px 14px;}
    #bo_sch select, #bo_sch .frm_input, #bo_sch .btn_submit {width:100%; margin:0 0 8px;}
}

#bo_gall ul.gall_con2 > li.gall_text_href{
    position:relative !important;
    margin:0 0 12px !important;
    padding:0 0 8px !important;   
    border-bottom:1px solid #e5e5e5 !important;
    line-height:1.45 !important;
}

#bo_gall ul.gall_con2 > li.gall_text_href > a{
    display:inline !important;
    text-decoration:none !important;
    border:0 !important;
}

#bo_gall ul.gall_con2 > li.gall_text_href > img,
#bo_gall ul.gall_con2 > li.gall_text_href img{
    vertical-align:middle !important;
}

#bo_gall ul.gall_con2 > li.gall_text_href:before{
    content:none !important;
}

#bo_v,
#bo_v * {box-sizing:border-box;}

#bo_v {
    margin:0 auto 24px;
    color:#333;
}

#bo_v a {
    transition:all .2s ease;
}

#bo_v header {
    margin-bottom:14px;
}

#bo_v_title {
    margin:0;
    padding:0 0 14px;
    border-bottom:1px solid #e5e5e5;
    color:#222;
    font-size:26px;
    font-weight:700;
    line-height:1.45;
    letter-spacing:-0.03em;
}

#bo_v_info {
    margin:0 0 18px;
    padding:0 0 14px;
    border-bottom:1px solid #eef2f0;
    color:#7a837f;
    font-size:13px;
    line-height:1.8;
}

#bo_v_info strong {
    margin:0 14px 0 6px;
    color:#39423e;
    font-weight:600;
}

#bo_v_file,
#bo_v_link {
    margin:0 0 18px;
    border:1px solid #e7ece9;
    border-radius:18px;
    background:#fff;
    overflow:hidden;
}

#bo_v_file ul,
#bo_v_link ul {
    margin:0;
    padding:0;
    list-style:none;
}

#bo_v_file li,
#bo_v_link li {
    margin:0;
    padding:14px 18px;
    border-bottom:1px solid #eef2f0;
    background:#fff;
}

#bo_v_file li:last-child,
#bo_v_link li:last-child {
    border-bottom:0;
}

#bo_v_file a,
#bo_v_link a {
    display:block;
    width:100%;
    padding:0;
    color:#222;
    text-decoration:none;
    word-break:break-word;
}

#bo_v_file a:hover,
#bo_v_link a:hover {
    color:#184f6c;
}

#bo_v_file img,
#bo_v_link img {
    float:left;
    margin:2px 10px 0 0;
}

.bo_v_file_cnt,
.bo_v_link_cnt {
    display:inline-block;
    margin:8px 12px 0 24px;
    color:#7a837f;
    font-size:12px;
}

#bo_v_top,
#bo_v_bot {
    margin:0 0 18px;
    padding:0;
}

#bo_v_top:after,
#bo_v_bot:after {
    display:block;
    clear:both;
    content:"";
}

.bo_v_nb,
.bo_v_com {
    margin:0;
    padding:0;
    list-style:none;
}

.bo_v_nb li,
.bo_v_com li {
    margin:0;
}

.bo_v_nb,
.bo_v_com {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.bo_v_nb {
    float:left;
}

.bo_v_com {
    float:right;
}

#bo_v a.btn_b01,
#bo_v a.btn_b02,
#bo_v a.btn_admin,
#bo_v_act a.btn_b01 {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 16px;
    border:1px solid #d8dfdc;
    border-radius:10px;
    background:#fff;
    color:#2d3632;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
}

#bo_v a.btn_b01:hover,
#bo_v a.btn_b02:hover,
#bo_v a.btn_admin:hover,
#bo_v_act a.btn_b01:hover {
    border-color:#bcc9c4;
    background:#f7f9f8;
    text-decoration:none;
}

#bo_v a.btn_b02 {
    border-color:#2f5d50;
    background:#2f5d50;
    color:#fff;
}

#bo_v a.btn_b02:hover {
    border-color:#23483e;
    background:#23483e;
}

#bo_v_atc {
    min-height:0;
    height:auto;
    margin:0 0 22px;
    padding:22px;
    border:1px solid #e7ece9;
    border-radius:20px;
    background:#fff;
    box-shadow:0 8px 24px rgba(17,24,39,.04);
}

#bo_v_img {
    margin:0 0 18px;
    width:100%;
    overflow:hidden;
}

#bo_v_img img {
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    margin:0 auto 16px;
    border:1px solid #edf1ef;
    border-radius:16px;
}

#bo_v_con {
    margin:0;
    width:100%;
    color:#444c48;
    font-size:15px;
    line-height:1.9;
    word-break:break-word;
    overflow:hidden;
}

#bo_v_con a {
    color:#184f6c;
    text-decoration:underline;
}

#bo_v_con img {
    max-width:100%;
    height:auto;
    border-radius:14px;
}

#bo_v_act {
    margin:24px 0 0;
    text-align:center;
}

#bo_v_act .bo_v_act_gng {
    position:relative;
    display:inline-block;
    margin:0 4px;
}

#bo_v_act strong {
    color:#2f5d50;
}

#bo_v_act_good,
#bo_v_act_nogood {
    display:none;
    position:absolute;
    top:44px;
    left:50%;
    min-width:165px;
    padding:10px 14px;
    border-radius:12px;
    background:#2f5d50;
    color:#fff;
    text-align:center;
    transform:translateX(-50%);
    box-shadow:0 8px 20px rgba(17,24,39,.12);
}

#bo_v_sns {
    margin:0 0 20px;
    padding:0;
    list-style:none;
}

#bo_v_sns:after {
    display:block;
    clear:both;
    content:"";
}

#bo_vc {
    margin:0 0 22px;
    padding:22px 22px 14px;
    border:1px solid #e7ece9;
    border-radius:20px;
    background:linear-gradient(180deg,#fcfdfd 0%,#f8faf9 100%);
}

#bo_vc h2 {
    margin-bottom:12px;
    color:#222;
    font-size:14px;
}

#bo_vc article {
    padding:0 0 12px;
    border-top:1px solid #e8edeb;
}

#bo_vc header {
    padding:14px 0 6px;
}

#bo_vc .member,
#bo_vc .guest,
#bo_vc .sv_member,
#bo_vc .sv_guest {
    color:#2d3632;
    font-weight:700;
}

.bo_vc_hdinfo {
    margin:0 12px 0 6px;
    color:#7a837f;
    font-size:12px;
}

#bo_vc p {
    padding:0 0 6px;
    color:#555e5a;
    line-height:1.8;
}

#bo_vc a {
    color:#184f6c;
    text-decoration:none;
}

#bo_vc_w {
    margin:0 0 10px;
    padding:0 0 20px;
    border-bottom:1px solid #dfe7e3;
}

@media (max-width: 768px) {
    #bo_v_title {
        font-size:22px;
    }

    #bo_v_atc {
        padding:18px;
        border-radius:18px;
    }

    .bo_v_nb,
    .bo_v_com {
        float:none;
    }

    .bo_v_nb {
        margin-bottom:8px;
    }
}

@media (max-width: 560px) {
    #bo_v_title {
        font-size:20px;
        padding-bottom:12px;
    }

    #bo_v_info strong {
        display:inline-block;
        margin-right:10px;
    }

    #bo_v_file li,
    #bo_v_link li {
        padding:12px 14px;
    }

    #bo_v_atc,
    #bo_vc {
        padding:16px 14px;
        border-radius:16px;
    }

    #bo_v a.btn_b01,
    #bo_v a.btn_b02,
    #bo_v a.btn_admin,
    #bo_v_act a.btn_b01 {
        width:100%;
    }

    .bo_v_nb,
    .bo_v_com {
        gap:6px;
    }
}

#bo_v_sns,
#bo_v_sns ul {
    margin:0 0 20px !important;
    padding:0 !important;
    list-style:none !important;
}

#bo_v_sns ul:after,
#bo_v_sns:after {
    content:"";
    display:block;
    clear:both;
}

#bo_v_sns li {float:left !important; display:block !important; margin:0 4px 0 0 !important; padding:0 !important; list-style:none !important;}

#bo_v_sns li a,
#bo_v_sns li button,
#bo_v_sns a,
#bo_v_sns button {
    display:inline-block !important;
    vertical-align:top;
}

@media (max-width: 560px) {
    #bo_v_sns li {float:left !important; display:block !important; margin:0 4px 0 0 !important; padding:0 !important; list-style:none !important;}
}

#container_title,
#bo_v_table {
    display:block !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 0 18px !important;
    padding:0 0 12px !important;
    border:0 !important;
    border-bottom:1px solid #e5e5e5 !important;
    border-radius:0 !important;
    background:none !important;
    box-shadow:none !important;
    color:#222 !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.4 !important;
    letter-spacing:-0.03em !important;
    text-align:left !important;
}

#container_title .sound_only {
    display:inline !important;
}

@media (max-width: 768px) {
    #container_title,
    #bo_v_table {
        margin-bottom:16px !important;
        padding-bottom:10px !important;
        font-size:21px !important;
    }
}

@media (max-width: 560px) {
    #container_title,
    #bo_v_table {
        font-size:19px !important;
    }
}



/* 타이틀 폰트 패밀리 통일 */
#container_title,
#bo_v_table {
    font-family: inherit !important;
}



/* view 게시글 제목 통일 */
#bo_v_title {
    font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;
    font-size:17px !important;
    font-weight:700 !important;
    letter-spacing:-0.02em !important;
}



/* 게시판 타이틀 밑줄 제거 */
#container_title,
#bo_v_table {
    border-bottom:0 !important;
    padding-bottom:0 !important;
}



/* 하단 검색영역 높이 추가 5% 축소 (총 약 20%) */
#bo_sch {
    padding:16px 18px !important;
}

#bo_sch select,
#bo_sch .frm_input,
#bo_sch .btn_submit {
    height:34px !important;
    min-height:34px !important;
    border-radius:8px !important;
    font-size:12px !important;
}

#bo_sch select {
    padding:0 9px !important;
}

#bo_sch .frm_input {
    padding:0 9px !important;
}

#bo_sch .btn_submit {
    min-width:64px !important;
    padding:0 12px !important;
}

@media (max-width: 560px) {
    #bo_sch {
        padding:12px 10px !important;
    }

    #bo_sch select,
    #bo_sch .frm_input,
    #bo_sch .btn_submit {
        height:34px !important;
        min-height:34px !important;
    }
}



/* 상단 오른쪽 버튼 유지 */
.bo_fx .btn_bo_user {
    margin-left:auto !important;
}

/* 하단 관리자 버튼은 왼쪽 */
.bo_fx .btn_bo_adm {
    margin-left:0 !important;
}

/* 하단 글쓰기 버튼은 오른쪽 */
.bo_fx .btn_bo_user:last-child {
    margin-left:auto !important;
}

#bo_w {box-sizing:border-box;}

#bo_w {
    margin:0 auto 24px;
    color:#333;
}

#bo_w #container_title {
    display:block;
    width:100%;
    margin:0 0 18px;
    padding:0;
    border:0;
    background:none;
    box-shadow:none;
    color:#222;
    font-size:15px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:-0.03em;
    text-align:left;
    font-family: inherit;
}

#bo_w form {
    margin:0 auto;
}

#bo_w .tbl_frm01 {
    border:1px solid #e7ece9;
    border-radius:20px;
    background:#fff;
    box-shadow:0 8px 24px rgba(17,24,39,.04);
    overflow:visible !important;
}

#bo_w .tbl_frm01 > table {
    width:100%;
    border-collapse:collapse;
    table-layout:auto;
}

#bo_w .tbl_frm01 > table > tbody > tr > th,
#bo_w .tbl_frm01 > table > tbody > tr > td {
    padding:16px 18px;
    border-top:1px solid #eef2f0;
    vertical-align:middle;
}

#bo_w .tbl_frm01 > table > tbody > tr:first-child > th,
#bo_w .tbl_frm01 > table > tbody > tr:first-child > td {
    border-top:0;
}

#bo_w .tbl_frm01 > table > tbody > tr > th {
    width:160px;
    background:#fcfdfd;
    color:#444c48;
    font-size:13px;
    font-weight:700;
    text-align:center;
}

#bo_w .tbl_frm01 > table > tbody > tr > td {
    background:#fff;
    color:#555e5a;
    font-size:13px;
    line-height:1.7;
}

#bo_w .frm_input,
#bo_w select,
#bo_w .frm_file {
    height:40px;
    border:1px solid #d9e1de;
    border-radius:10px;
    background:#fff;
    color:#333;
    font-size:13px;
    vertical-align:middle;
}

#bo_w .frm_input,
#bo_w select {
    padding:0 12px;
}

#bo_w .frm_input:focus,
#bo_w select:focus,
#bo_w textarea:focus {
    outline:none;
    border-color:#9fb3ab;
    box-shadow:0 0 0 3px rgba(47,93,80,.08);
}

#bo_w input[type="text"],
#bo_w input[type="password"],
#bo_w input[type="email"],
#bo_w input[type="url"],
#bo_w select {
    width:100%;
    max-width:520px;
}

#bo_w .frm_file {
    width:100%;
    max-width:520px;
    padding:8px 10px;
    height:auto;
    line-height:1.4;
}

#bo_w td.wr_content > textarea#wr_content {
    width:100% !important;
    min-height:260px;
    padding:14px 14px;
    border:1px solid #d9e1de;
    border-radius:14px;
    background:#fff;
    color:#333;
    font-size:14px;
    line-height:1.8;
}

#bo_w .wr_content {
    padding-top:18px;
    padding-bottom:18px;
    overflow:visible !important;
}


/* DHTML 에디터 보호 - style1.css 기준, 에디터 내부 table/iframe은 건드리지 않음 */
#bo_w td.wr_content .smarteditor2,
#bo_w td.wr_content #smart_editor2,
#bo_w td.wr_content .husky_seditor_ui,
#bo_w td.wr_content .se2_wrap,
#bo_w td.wr_content .se2_tool,
#bo_w td.wr_content .se2_inputarea,
#bo_w td.wr_content .cke,
#bo_w td.wr_content .cke_inner,
#bo_w td.wr_content .cke_top,
#bo_w td.wr_content .cke_contents,
#bo_w td.wr_content .cke_bottom {
    visibility:visible !important;
    max-width:none !important;
}

#bo_w td.wr_content #smart_editor2,
#bo_w td.wr_content .husky_seditor_ui,
#bo_w td.wr_content .se2_wrap,
#bo_w td.wr_content .cke {
    display:block !important;
    width:100% !important;
    overflow:visible !important;
}

#bo_w td.wr_content iframe,
#bo_w td.wr_content .cke_wysiwyg_frame {
    display:block !important;
    width:100% !important;
    min-height:260px !important;
    max-width:none !important;
    visibility:visible !important;
}

#bo_w td.wr_content table {
    table-layout:auto !important;
    border-collapse:separate !important;
}

#bo_w td.wr_content th,
#bo_w td.wr_content td {
    width:auto !important;
    min-width:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:inherit !important;
    font-size:inherit !important;
    line-height:normal !important;
    text-align:initial !important;
    vertical-align:middle !important;
}

#bo_w #char_count_desc {
    margin:0 0 10px;
    color:#7a837f;
    font-size:12px;
}

#bo_w #char_count_wrap {
    margin-top:10px;
    color:#7a837f;
    font-size:12px;
}

#bo_w #autosave_wrapper {
    position:relative;
}

#bo_w #btn_autosave,
#bo_w .btn_frmline {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    margin-top:8px;
    padding:0 14px;
    border:1px solid #d8dfdc;
    border-radius:10px;
    background:#fff;
    color:#2d3632;
    font-size:12px;
    font-weight:600;
    text-decoration:none;
}

#bo_w #btn_autosave:hover,
#bo_w .btn_frmline:hover {
    border-color:#bcc9c4;
    background:#f7f9f8;
    text-decoration:none;
}

#bo_w input[type="checkbox"] {
    vertical-align:middle;
    margin-right:4px;
}

#bo_w label {
    vertical-align:middle;
}

#bo_w .btn_confirm {
    display:flex;
    justify-content:flex-end;
    gap:8px;
    margin:18px 0 0;
}

#bo_w .btn_submit,
#bo_w .btn_cancel {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:110px;
    min-height:40px;
    padding:0 18px;
    border:1px solid #d8dfdc;
    border-radius:10px;
    background:#fff;
    color:#2d3632;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
}

#bo_w .btn_submit {
    border-color:#2f5d50;
    background:#2f5d50;
    color:#fff;
}

#bo_w .btn_submit:hover {
    border-color:#23483e;
    background:#23483e;
}

#bo_w .btn_cancel:hover {
    border-color:#bcc9c4;
    background:#f7f9f8;
    text-decoration:none;
}

#bo_w #captcha {
    display:block;
}

#bo_w #captcha img {
    max-width:100%;
    height:auto;
}

@media (max-width: 768px) {
    #bo_w .tbl_frm01 > table > tbody > tr > th,
    #bo_w .tbl_frm01 > table > tbody > tr > td {
        padding:14px;
    }

    #bo_w .tbl_frm01 > table > tbody > tr > th {
        width:130px;
    }
}

@media (max-width: 640px) {
    #bo_w .tbl_frm01,
    #bo_w .tbl_frm01 > table,
    #bo_w .tbl_frm01 > table > tbody,
    #bo_w .tbl_frm01 > table > tbody > tr,
    #bo_w .tbl_frm01 > table > tbody > tr > th,
    #bo_w .tbl_frm01 > table > tbody > tr > td {
        display:block;
        width:100%;
    }

    #bo_w .tbl_frm01 > table > tbody > tr > th {
        padding:14px 14px 6px;
        border-top:1px solid #eef2f0;
        background:#fff;
    }

    #bo_w .tbl_frm01 > table > tbody > tr:first-child > th {
        border-top:0;
    }

    #bo_w .tbl_frm01 > table > tbody > tr > td {
        padding:0 14px 14px;
        border-top:0;
    }

    #bo_w input[type="text"],
    #bo_w input[type="password"],
    #bo_w input[type="email"],
    #bo_w input[type="url"],
    #bo_w select,
    #bo_w .frm_file,
    #bo_w .frm_input {
        max-width:100%;
    }

    #bo_w .btn_confirm {
        flex-direction:column;
    }

    #bo_w .btn_submit,
    #bo_w .btn_cancel {
        width:100%;
    }
}



/* 버튼 간격 축소 */
.btn_bo_user,
.btn_bo_adm {
    gap:5px !important;
}

#bo_v .bo_v_nb,
#bo_v .bo_v_com {
    gap:5px !important;
}

#bo_w .btn_confirm {
    gap:5px !important;
}



/* 파일 선택 버튼 - 연두색 스타일 */
input[type="file"]::file-selector-button {
    margin-right:10px;
    padding:0 14px;
    height:34px;
    border:1px solid #7ed957;
    border-radius:8px;
    background:#7ed957;
    color:#fff;
    font-size:12px;
    font-weight:600;
    cursor:pointer;
    transition:all .2s ease;
}

input[type="file"]::file-selector-button:hover {
    background:#6bc94a;
    border-color:#6bc94a;
}

/* 크롬 대응 */
input[type="file"]::-webkit-file-upload-button {
    margin-right:10px;
    padding:0 14px;
    height:34px;
    border:1px solid #7ed957;
    border-radius:8px;
    background:#7ed957;
    color:#fff;
    font-size:12px;
    font-weight:600;
    cursor:pointer;
    transition:all .2s ease;
}

input[type="file"]::-webkit-file-upload-button:hover {
    background:#6bc94a;
    border-color:#6bc94a;
}



/* 글쓰기 버튼 (연두색) */
#bo_gall a.btn_b02,
#bo_v a.btn_b02,
#bo_w .btn_submit {
    border-color:#7ed957 !important;
    background:#7ed957 !important;
    color:#fff !important;
}

#bo_gall a.btn_b02:hover,
#bo_v a.btn_b02:hover,
#bo_w .btn_submit:hover {
    border-color:#6bc94a !important;
    background:#6bc94a !important;
}

/* 검색 버튼 (연두색) */
#bo_sch .btn_submit {
    border-color:#7ed957 !important;
    background:#7ed957 !important;
    color:#fff !important;
}

#bo_sch .btn_submit:hover {
    border-color:#6bc94a !important;
    background:#6bc94a !important;
}



/* 댓글 영역 통일 디자인 */
#bo_vc {
    margin:0 0 22px !important;
    padding:20px 20px 14px !important;
    border:1px solid #e7ece9 !important;
    border-radius:20px !important;
    background:linear-gradient(180deg,#fcfdfd 0%,#f8faf9 100%) !important;
    box-shadow:0 8px 24px rgba(17,24,39,.04) !important;
}

#bo_vc h2,
#bo_vc_w h2 {
    margin:0 0 12px !important;
    color:#222 !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.4 !important;
    letter-spacing:-0.02em !important;
}

#bo_vc article {
    margin:0 0 12px !important;
    padding:14px 0 12px !important;
    border-top:1px solid #e8edeb !important;
}

#bo_vc article:first-of-type {
    border-top:0 !important;
    padding-top:4px !important;
}

#bo_vc header {
    padding:0 0 8px !important;
    color:#7a837f !important;
    font-size:12px !important;
    line-height:1.7 !important;
}

#bo_vc header h1 {
    display:none !important;
}

#bo_vc .member,
#bo_vc .guest,
#bo_vc .sv_member,
#bo_vc .sv_guest,
#bo_vc header b,
#bo_vc header strong {
    color:#2d3632 !important;
    font-weight:700 !important;
}

#bo_vc .bo_vc_hdinfo {
    margin:0 10px 0 4px !important;
    color:#8a938f !important;
    font-size:12px !important;
}

#bo_vc p {
    margin:0 !important;
    padding:0 0 6px !important;
    color:#555e5a !important;
    font-size:14px !important;
    line-height:1.8 !important;
    word-break:break-word !important;
}

#bo_vc .icon_reply {
    margin:0 6px 0 2px !important;
    vertical-align:middle !important;
}

#bo_vc footer {
    margin-top:8px !important;
}

#bo_vc .bo_vc_act {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:5px !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

#bo_vc .bo_vc_act li {
    margin:0 !important;
    padding:0 !important;
}

#bo_vc .bo_vc_act a {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:30px !important;
    padding:0 12px !important;
    border:1px solid #d8dfdc !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#2d3632 !important;
    font-size:12px !important;
    font-weight:600 !important;
    text-decoration:none !important;
}

#bo_vc .bo_vc_act a:hover {
    border-color:#bcc9c4 !important;
    background:#f7f9f8 !important;
    text-decoration:none !important;
}

#bo_vc_empty {
    margin:0 !important;
    padding:18px 0 6px !important;
    color:#777 !important;
    text-align:center !important;
}

#bo_vc_w {
    margin:0 0 14px !important;
    padding:18px 20px 20px !important;
    border:1px solid #e7ece9 !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 8px 24px rgba(17,24,39,.04) !important;
}

#bo_vc_w .tbl_frm01 {
    border:0 !important;
    border-radius:0 !important;
    background:none !important;
    box-shadow:none !important;
    overflow:visible !important;
}

#bo_vc_w .tbl_frm01 table {
    width:100% !important;
    border-collapse:collapse !important;
}

#bo_vc_w .tbl_frm01 th,
#bo_vc_w .tbl_frm01 td {
    padding:12px 0 !important;
    border-top:1px solid #eef2f0 !important;
    vertical-align:middle !important;
}

#bo_vc_w .tbl_frm01 tr:first-child th,
#bo_vc_w .tbl_frm01 tr:first-child td {
    border-top:0 !important;
}

#bo_vc_w .tbl_frm01 th {
    width:130px !important;
    color:#444c48 !important;
    font-size:13px !important;
    font-weight:700 !important;
    text-align:left !important;
    background:none !important;
}

#bo_vc_w .tbl_frm01 td {
    color:#555e5a !important;
    font-size:13px !important;
    line-height:1.7 !important;
    background:none !important;
}

#bo_vc_w .frm_input,
#bo_vc_w input[type="text"],
#bo_vc_w input[type="password"] {
    width:100% !important;
    max-width:420px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 10px !important;
    border:1px solid #d9e1de !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#333 !important;
    font-size:13px !important;
}

#bo_vc_w textarea {
    width:100% !important;
    min-height:140px !important;
    padding:12px 12px !important;
    border:1px solid #d9e1de !important;
    border-radius:14px !important;
    background:#fff !important;
    color:#333 !important;
    font-size:14px !important;
    line-height:1.8 !important;
}

#bo_vc_w .btn_confirm {
    display:flex !important;
    justify-content:flex-end !important;
    gap:5px !important;
    margin:14px 0 0 !important;
}

#bo_vc_w .btn_submit {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:110px !important;
    min-height:36px !important;
    padding:0 18px !important;
    border:1px solid #7ed957 !important;
    border-radius:10px !important;
    background:#7ed957 !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:600 !important;
}

#bo_vc_w .btn_submit:hover {
    border-color:#6bc94a !important;
    background:#6bc94a !important;
}

#bo_vc_w #char_cnt {
    display:inline-block !important;
    margin:0 0 8px !important;
    color:#7a837f !important;
    font-size:12px !important;
    font-weight:600 !important;
}

@media (max-width: 640px) {
    #bo_vc,
    #bo_vc_w {
        padding:16px 14px !important;
        border-radius:16px !important;
    }

    #bo_vc_w .tbl_frm01,
    #bo_vc_w .tbl_frm01 table,
    #bo_vc_w .tbl_frm01 tbody,
    #bo_vc_w .tbl_frm01 tr,
    #bo_vc_w .tbl_frm01 th,
    #bo_vc_w .tbl_frm01 td {
        display:block !important;
        width:100% !important;
    }

    #bo_vc_w .tbl_frm01 th {
        padding:10px 0 6px !important;
    }

    #bo_vc_w .tbl_frm01 td {
        padding:0 0 12px !important;
        border-top:0 !important;
    }

    #bo_vc_w .frm_input,
    #bo_vc_w input[type="text"],
    #bo_vc_w input[type="password"] {
        max-width:100% !important;
    }

    #bo_vc_w .btn_confirm {
        justify-content:stretch !important;
    }

    #bo_vc_w .btn_submit {
        width:100% !important;
    }
}



/* 캡챠 때문에 줄어든 간격 복구 (write와 동일) */
#bo_w .tbl_frm01 tbody th,
#bo_w .tbl_frm01 tbody td,
#bo_vc_w .tbl_frm01 tbody th,
#bo_vc_w .tbl_frm01 tbody td {
    padding:16px 18px !important;
}

/* 캡챠 영역 내부만 정렬 유지 */
#bo_w #captcha,
#bo_vc_w #captcha {
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
}

/* 캡챠 입력창만 따로 조정 (외부 영향 차단) */
#bo_w #captcha input,
#bo_vc_w #captcha input {
    width:160px !important;
    height:34px !important;
}



/* 댓글 입력폼 - 이름 인풋 위 라인 복구 */
#bo_vc_w .tbl_frm01 tbody tr:first-child th,
#bo_vc_w .tbl_frm01 tbody tr:first-child td {
    border-top:1px solid #eef2f0 !important;
}



/* 답변/수정 클릭 후 동적으로 삽입되는 댓글폼 통일 */
#bo_vc [id^="reply_"],
#bo_vc [id^="edit_"] {
    display:block !important;
    margin:14px 0 4px !important;
}

/* 원본 댓글쓰기폼 + 동적 답변/수정폼 공통 */
#bo_vc_w,
#bo_vc [id^="reply_"],
#bo_vc [id^="edit_"] {
    margin-bottom:14px !important;
}

#bo_vc_w > h2,
#bo_vc [id^="reply_"] > h2,
#bo_vc [id^="edit_"] > h2 {
    margin:0 0 12px !important;
    color:#222 !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.4 !important;
    letter-spacing:-0.02em !important;
}

#bo_vc_w > form,
#bo_vc [id^="reply_"] > form,
#bo_vc [id^="edit_"] > form {
    display:block !important;
    margin:0 !important;
    padding:18px 20px 20px !important;
    border:1px solid #e7ece9 !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 8px 24px rgba(17,24,39,.04) !important;
}

#bo_vc_w .tbl_frm01,
#bo_vc [id^="reply_"] .tbl_frm01,
#bo_vc [id^="edit_"] .tbl_frm01 {
    border:0 !important;
    border-radius:0 !important;
    background:none !important;
    box-shadow:none !important;
    overflow:visible !important;
}

#bo_vc_w .tbl_frm01 table,
#bo_vc [id^="reply_"] .tbl_frm01 table,
#bo_vc [id^="edit_"] .tbl_frm01 table {
    width:100% !important;
    border-collapse:collapse !important;
}

#bo_vc_w .tbl_frm01 tbody th,
#bo_vc_w .tbl_frm01 tbody td,
#bo_vc [id^="reply_"] .tbl_frm01 tbody th,
#bo_vc [id^="reply_"] .tbl_frm01 tbody td,
#bo_vc [id^="edit_"] .tbl_frm01 tbody th,
#bo_vc [id^="edit_"] .tbl_frm01 tbody td {
    padding:16px 18px !important;
    border-top:1px solid #eef2f0 !important;
    vertical-align:middle !important;
}

#bo_vc_w .tbl_frm01 tbody tr:first-child th,
#bo_vc_w .tbl_frm01 tbody tr:first-child td,
#bo_vc [id^="reply_"] .tbl_frm01 tbody tr:first-child th,
#bo_vc [id^="reply_"] .tbl_frm01 tbody tr:first-child td,
#bo_vc [id^="edit_"] .tbl_frm01 tbody tr:first-child th,
#bo_vc [id^="edit_"] .tbl_frm01 tbody tr:first-child td {
    border-top:1px solid #eef2f0 !important;
}

#bo_vc_w .tbl_frm01 th,
#bo_vc [id^="reply_"] .tbl_frm01 th,
#bo_vc [id^="edit_"] .tbl_frm01 th {
    width:160px !important;
    background:#fcfdfd !important;
    color:#444c48 !important;
    font-size:13px !important;
    font-weight:700 !important;
    text-align:left !important;
}

#bo_vc_w .tbl_frm01 td,
#bo_vc [id^="reply_"] .tbl_frm01 td,
#bo_vc [id^="edit_"] .tbl_frm01 td {
    background:#fff !important;
    color:#555e5a !important;
    font-size:13px !important;
    line-height:1.7 !important;
}

#bo_vc_w .frm_input,
#bo_vc_w input[type="text"],
#bo_vc_w input[type="password"],
#bo_vc [id^="reply_"] .frm_input,
#bo_vc [id^="reply_"] input[type="text"],
#bo_vc [id^="reply_"] input[type="password"],
#bo_vc [id^="edit_"] .frm_input,
#bo_vc [id^="edit_"] input[type="text"],
#bo_vc [id^="edit_"] input[type="password"] {
    width:100% !important;
    max-width:420px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 10px !important;
    border:1px solid #d9e1de !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#333 !important;
    font-size:13px !important;
}

#bo_vc_w textarea,
#bo_vc [id^="reply_"] textarea,
#bo_vc [id^="edit_"] textarea {
    width:100% !important;
    min-height:140px !important;
    padding:12px 12px !important;
    border:1px solid #d9e1de !important;
    border-radius:14px !important;
    background:#fff !important;
    color:#333 !important;
    font-size:14px !important;
    line-height:1.8 !important;
}

#bo_vc_w #char_cnt,
#bo_vc [id^="reply_"] #char_cnt,
#bo_vc [id^="edit_"] #char_cnt {
    display:inline-block !important;
    margin:0 0 8px !important;
    color:#7a837f !important;
    font-size:12px !important;
    font-weight:600 !important;
}

#bo_vc_w .btn_confirm,
#bo_vc [id^="reply_"] .btn_confirm,
#bo_vc [id^="edit_"] .btn_confirm {
    display:flex !important;
    justify-content:flex-end !important;
    gap:5px !important;
    margin:14px 0 0 !important;
}

#bo_vc_w .btn_submit,
#bo_vc [id^="reply_"] .btn_submit,
#bo_vc [id^="edit_"] .btn_submit {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:110px !important;
    min-height:36px !important;
    padding:0 18px !important;
    border:1px solid #7ed957 !important;
    border-radius:10px !important;
    background:#7ed957 !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:600 !important;
}

#bo_vc_w .btn_submit:hover,
#bo_vc [id^="reply_"] .btn_submit:hover,
#bo_vc [id^="edit_"] .btn_submit:hover {
    border-color:#6bc94a !important;
    background:#6bc94a !important;
}

/* 자동등록방지까지 동일하게 */
#bo_vc_w #captcha,
#bo_vc [id^="reply_"] #captcha,
#bo_vc [id^="edit_"] #captcha {
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
}

#bo_vc_w #captcha input,
#bo_vc [id^="reply_"] #captcha input,
#bo_vc [id^="edit_"] #captcha input {
    width:160px !important;
    height:34px !important;
}

#bo_vc_w #captcha #captcha_info,
#bo_vc [id^="reply_"] #captcha #captcha_info,
#bo_vc [id^="edit_"] #captcha #captcha_info {
    width:100% !important;
    margin-top:6px !important;
}

@media (max-width: 640px) {
    #bo_vc_w > form,
    #bo_vc [id^="reply_"] > form,
    #bo_vc [id^="edit_"] > form {
        padding:16px 14px !important;
        border-radius:16px !important;
    }

    #bo_vc_w .tbl_frm01,
    #bo_vc_w .tbl_frm01 table,
    #bo_vc_w .tbl_frm01 tbody,
    #bo_vc_w .tbl_frm01 tr,
    #bo_vc_w .tbl_frm01 th,
    #bo_vc_w .tbl_frm01 td,
    #bo_vc [id^="reply_"] .tbl_frm01,
    #bo_vc [id^="reply_"] .tbl_frm01 table,
    #bo_vc [id^="reply_"] .tbl_frm01 tbody,
    #bo_vc [id^="reply_"] .tbl_frm01 tr,
    #bo_vc [id^="reply_"] .tbl_frm01 th,
    #bo_vc [id^="reply_"] .tbl_frm01 td,
    #bo_vc [id^="edit_"] .tbl_frm01,
    #bo_vc [id^="edit_"] .tbl_frm01 table,
    #bo_vc [id^="edit_"] .tbl_frm01 tbody,
    #bo_vc [id^="edit_"] .tbl_frm01 tr,
    #bo_vc [id^="edit_"] .tbl_frm01 th,
    #bo_vc [id^="edit_"] .tbl_frm01 td {
        display:block !important;
        width:100% !important;
    }

    #bo_vc_w .tbl_frm01 th,
    #bo_vc [id^="reply_"] .tbl_frm01 th,
    #bo_vc [id^="edit_"] .tbl_frm01 th {
        padding:10px 14px 6px !important;
        border-top:1px solid #eef2f0 !important;
        background:#fff !important;
    }

    #bo_vc_w .tbl_frm01 td,
    #bo_vc [id^="reply_"] .tbl_frm01 td,
    #bo_vc [id^="edit_"] .tbl_frm01 td {
        padding:0 14px 14px !important;
        border-top:0 !important;
    }

    #bo_vc_w .btn_confirm,
    #bo_vc [id^="reply_"] .btn_confirm,
    #bo_vc [id^="edit_"] .btn_confirm {
        justify-content:stretch !important;
    }

    #bo_vc_w .btn_submit,
    #bo_vc [id^="reply_"] .btn_submit,
    #bo_vc [id^="edit_"] .btn_submit {
        width:100% !important;
    }
}

/* ===== 백업본 기준 write / 글답변 페이지 재정리 ===== */
/* 원인:
   1) #bo_w .frm_input, #bo_w select, #bo_w .frm_file 에 height:40px가 같이 걸려 있었음
   2) frm_file 과 captcha input, 일반 input 을 같은 규칙으로 덮어쓰면서 모양이 엉켰음
   3) checkbox 까지 넓은 selector에 걸리면 레이아웃이 쉽게 무너짐
*/

/* 일반 입력창만 34px로 통일 */
#bo_w input[type="text"],
#bo_w input[type="password"],
#bo_w input[type="email"],
#bo_w input[type="url"],
#bo_w select,
#bo_w .frm_input:not(.frm_file) {
    height:34px !important;
    min-height:34px !important;
    padding:0 10px !important;
    border:1px solid #d9e1de !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#333 !important;
    font-size:13px !important;
    line-height:1.2 !important;
    box-sizing:border-box !important;
    vertical-align:middle !important;
}

/* write 기본 폭 유지 */
#bo_w input[type="text"],
#bo_w input[type="password"],
#bo_w input[type="email"],
#bo_w input[type="url"],
#bo_w select {
    width:100% !important;
    max-width:520px !important;
}

/* 파일 업로드 input은 별도 유지 */
#bo_w .frm_file,
#bo_w input[type="file"] {
    height:auto !important;
    min-height:0 !important;
    padding:8px 10px !important;
    line-height:1.4 !important;
    box-sizing:border-box !important;
}

/* 자동등록방지 영역 정렬 */
#bo_w #captcha {
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
}

/* 자동등록방지 입력창은 일반 input과 같은 모양 + 160px 폭 */
#bo_w #captcha input[type="text"] {
    width:160px !important;
    max-width:160px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 10px !important;
    border:1px solid #d9e1de !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#333 !important;
    font-size:13px !important;
    line-height:1.2 !important;
    box-sizing:border-box !important;
    vertical-align:middle !important;
}

/* 안내문은 아래로 */
#bo_w #captcha #captcha_info {
    width:100% !important;
    margin-top:6px !important;
}

/* 포커스 효과 통일 */
#bo_w input[type="text"]:focus,
#bo_w input[type="password"]:focus,
#bo_w input[type="email"]:focus,
#bo_w input[type="url"]:focus,
#bo_w select:focus,
#bo_w #captcha input[type="text"]:focus {
    outline:none !important;
    border-color:#9fb3ab !important;
    box-shadow:0 0 0 3px rgba(47,93,80,.08) !important;
}

/* 체크박스는 절대 건드리지 않음 */
#bo_w input[type="checkbox"] {
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:none !important;
    box-shadow:none !important;
}
/* ===== 댓글쓰기 왼쪽 라벨 중앙 정렬 ===== */
#bo_vc_w .tbl_frm01 th,
#bo_vc [id^="reply_"] .tbl_frm01 th,
#bo_vc [id^="edit_"] .tbl_frm01 th {
    text-align:center !important;
    vertical-align:middle !important;
}

/* 모바일에서도 유지 */
@media (max-width: 640px) {
    #bo_vc_w .tbl_frm01 th,
    #bo_vc [id^="reply_"] .tbl_frm01 th,
    #bo_vc [id^="edit_"] .tbl_frm01 th {
        text-align:center !important;
    }
}






/* MIK AI 이미지 고정형 카드 최종 정리 v24 */
#bo_v_con .mik-ai-image-block,
.mik-landing-wrap .mik-ai-image-block{
    display:block !important;
    float:none !important;
    clear:both !important;
    width:540px !important;
    max-width:100% !important;
    margin:26px auto 32px auto !important;
    padding:12px !important;
    text-align:center !important;
    border:1px solid #e5e7eb !important;
    border-radius:24px !important;
    background:#fff !important;
    box-shadow:0 14px 34px rgba(15,23,42,.10) !important;
    box-sizing:border-box !important;
}
#bo_v_con .mik-ai-image-block a,
#bo_v_con .mik-ai-image-block a.view_image,
.mik-landing-wrap .mik-ai-image-block a,
.mik-landing-wrap .mik-ai-image-block a.view_image{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    float:none !important;
    text-align:center !important;
}
#bo_v_con .mik-ai-image-block img,
#bo_v_con .mik-ai-image-block .view_image img,
.mik-landing-wrap .mik-ai-image-block img,
.mik-landing-wrap .mik-ai-image-block .view_image img{
    display:block !important;
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 auto !important;
    padding:0 !important;
    border:0 !important;
    border-radius:18px !important;
    box-shadow:none !important;
    object-fit:cover !important;
    box-sizing:border-box !important;
}
#bo_v_con .mik-ai-image-caption,
.mik-landing-wrap .mik-ai-image-caption{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:10px auto 0 !important;
    padding:0 !important;
    text-align:center !important;
    font-size:13px !important;
    line-height:1.65 !important;
    color:#64748b !important;
}
@media (max-width:768px){
    #bo_v_con .mik-ai-image-block,
    .mik-landing-wrap .mik-ai-image-block{
        width:100% !important;
        max-width:100% !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
}




/* 관련 글/상품 설정박스 출력 v26 */
#bo_v_con .mik-related-custom-section{margin-top:34px;}
#bo_v_con .mik-related-custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
#bo_v_con .mik-related-custom-card{padding:18px;border:1px solid #eadfce;border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#fffdf8 100%);box-shadow:0 8px 22px rgba(50,38,20,.055);}
#bo_v_con .mik-related-custom-card h3{margin:0 0 12px;font-size:18px;color:#111827;}
#bo_v_con .mik-related-custom-list{margin:0;padding:0;list-style:none;}
#bo_v_con .mik-related-custom-list li{position:relative;margin:0 0 9px;padding-left:18px;line-height:1.65;color:#475569;}
#bo_v_con .mik-related-custom-list li:before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:#991b1b;}
#bo_v_con .mik-related-product-buttons{display:flex;flex-direction:column;gap:9px;}
#bo_v_con .mik-related-product-btn{display:flex !important;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:999px;background:#111827;color:#fff !important;font-weight:800;text-decoration:none !important;box-shadow:0 8px 20px rgba(17,24,39,.18);}
@media (max-width:768px){#bo_v_con .mik-related-custom-grid{grid-template-columns:1fr;}}




/* AI 자동 목록단어 링크 v27 */
#bo_v_con .mik-related-custom-list a{
    color:#374151 !important;
    text-decoration:none !important;
    font-weight:700;
}
#bo_v_con .mik-related-custom-list a:hover{
    color:#991b1b !important;
    text-decoration:underline !important;
}
#bo_v_con .mik-related-product-btn{
    word-break:keep-all;
}




/* AI 목록단어 링크 섹션 강조 v28 */
#bo_v_con .mik-related-custom-section,
.mik-landing-wrap .mik-related-custom-section{
    border:2px solid #d6c2a3 !important;
    background:linear-gradient(135deg,#fff7ed 0%,#ffffff 58%,#eff6ff 100%) !important;
}
#bo_v_con .mik-related-product-btn:after,
.mik-landing-wrap .mik-related-product-btn:after{
    content:" →";
}




/* 관련 링크 섹션 fallback/v29 */
#bo_v_con .mik-related-custom-section{margin-top:34px;border:2px solid #d6c2a3 !important;background:linear-gradient(135deg,#fff7ed 0%,#ffffff 58%,#eff6ff 100%) !important;}
#bo_v_con .mik-related-custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
#bo_v_con .mik-related-custom-card{padding:18px;border:1px solid #eadfce;border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#fffdf8 100%);box-shadow:0 8px 22px rgba(50,38,20,.055);}
#bo_v_con .mik-related-custom-card h3{margin:0 0 12px;font-size:18px;color:#111827;}
#bo_v_con .mik-related-custom-list{margin:0;padding:0;list-style:none;}
#bo_v_con .mik-related-custom-list li{position:relative;margin:0 0 9px;padding-left:18px;line-height:1.65;color:#475569;}
#bo_v_con .mik-related-custom-list li:before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:#991b1b;}
#bo_v_con .mik-related-custom-list a{color:#374151 !important;text-decoration:none !important;font-weight:700;}
#bo_v_con .mik-related-product-buttons{display:flex;flex-direction:column;gap:9px;}
#bo_v_con .mik-related-product-btn{display:flex !important;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:999px;background:#111827;color:#fff !important;font-weight:800;text-decoration:none !important;box-shadow:0 8px 20px rgba(17,24,39,.18);}
#bo_v_con .mik-related-product-btn:after{content:" →";}
@media (max-width:768px){#bo_v_con .mik-related-custom-grid{grid-template-columns:1fr;}}




/* 관련 링크 섹션 실제 HTML 출력 강제 v30 */
#bo_v_con .mik-related-custom-section{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    margin-top:34px !important;
}
#bo_v_con .mik-related-custom-card,
#bo_v_con .mik-related-custom-list,
#bo_v_con .mik-related-product-buttons{
    display:block;
}
#bo_v_con .mik-related-product-buttons{
    display:flex !important;
}




/* 관련 콘텐츠 섹션 K-감성 디자인 v32 */
#bo_v_con .mik-related-custom-section{
    position:relative !important;
    overflow:hidden !important;
    margin:42px auto 8px !important;
    padding:26px 24px !important;
    border:1px solid #eadfce !important;
    border-radius:26px !important;
    background:
        radial-gradient(circle at 8% 12%, rgba(153,27,27,.08), transparent 26%),
        radial-gradient(circle at 92% 15%, rgba(30,58,138,.08), transparent 26%),
        linear-gradient(135deg,#fffaf1 0%,#ffffff 48%,#f3f7ff 100%) !important;
    box-shadow:0 18px 44px rgba(50,38,20,.09) !important;
}
#bo_v_con .mik-related-custom-section:before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background-image:
        linear-gradient(45deg, rgba(15,23,42,.025) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(15,23,42,.018) 25%, transparent 25%) !important;
    background-size:22px 22px !important;
    opacity:.55 !important;
    pointer-events:none !important;
}
#bo_v_con .mik-related-custom-section > *{
    position:relative !important;
    z-index:1 !important;
}
#bo_v_con .mik-related-custom-section h2{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 0 18px !important;
    padding:0 0 14px !important;
    border-bottom:1px solid rgba(214,194,163,.7) !important;
    color:#111827 !important;
    font-size:23px !important;
    line-height:1.35 !important;
    letter-spacing:-.035em !important;
}
#bo_v_con .mik-related-custom-section h2:before{
    content:"K" !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:34px !important;
    height:34px !important;
    border-radius:12px !important;
    background:#991b1b !important;
    color:#fff !important;
    font-size:15px !important;
    font-weight:900 !important;
    box-shadow:0 8px 18px rgba(153,27,27,.20) !important;
}
#bo_v_con .mik-related-custom-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:16px !important;
    margin:0 !important;
}
#bo_v_con .mik-related-custom-card{
    position:relative !important;
    padding:20px 18px !important;
    border:1px solid rgba(234,223,206,.95) !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.84) !important;
    box-shadow:0 10px 26px rgba(50,38,20,.065) !important;
    backdrop-filter:blur(4px) !important;
}
#bo_v_con .mik-related-custom-card h3{
    display:flex !important;
    align-items:center !important;
    margin:0 0 14px !important;
    color:#172554 !important;
    font-size:18px !important;
    line-height:1.4 !important;
    letter-spacing:-.02em !important;
}
#bo_v_con .mik-related-custom-card h3:after{
    content:"" !important;
    flex:1 !important;
    height:1px !important;
    margin-left:12px !important;
    background:linear-gradient(90deg, rgba(153,27,27,.25), transparent) !important;
}
#bo_v_con .mik-related-custom-list{
    display:flex !important;
    flex-direction:column !important;
    gap:9px !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}
#bo_v_con .mik-related-custom-list li{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1.55 !important;
    list-style:none !important;
}
#bo_v_con .mik-related-custom-list li:before{
    content:none !important;
}
#bo_v_con .mik-related-custom-list a{
    display:flex !important;
    align-items:center !important;
    min-height:42px !important;
    padding:10px 13px 10px 38px !important;
    border:1px solid #edf1ef !important;
    border-radius:15px !important;
    background:#fff !important;
    color:#374151 !important;
    text-decoration:none !important;
    font-size:14px !important;
    font-weight:800 !important;
    box-shadow:0 6px 16px rgba(15,23,42,.035) !important;
}
#bo_v_con .mik-related-custom-list a:before{
    content:"" !important;
    position:absolute !important;
    left:14px !important;
    width:9px !important;
    height:9px !important;
    border-radius:50% !important;
    background:#1e3a8a !important;
    box-shadow:0 0 0 4px rgba(30,58,138,.09) !important;
}
#bo_v_con .mik-related-custom-list a:hover{
    border-color:#d6c2a3 !important;
    background:#fffaf1 !important;
    color:#991b1b !important;
    text-decoration:none !important;
    transform:translateY(-1px) !important;
}
#bo_v_con .mik-related-product-buttons{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    margin:0 !important;
}
#bo_v_con .mik-related-product-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:42px !important;
    padding:0 15px !important;
    border:1px solid #111827 !important;
    border-radius:999px !important;
    background:#111827 !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    letter-spacing:-.01em !important;
    text-decoration:none !important;
    box-shadow:0 10px 22px rgba(17,24,39,.18) !important;
}
#bo_v_con .mik-related-product-btn:after{
    content:" →" !important;
    margin-left:3px !important;
}
#bo_v_con .mik-related-product-btn:hover{
    background:#991b1b !important;
    border-color:#991b1b !important;
    color:#fff !important;
    transform:translateY(-1px) !important;
    box-shadow:0 12px 26px rgba(153,27,27,.20) !important;
}
@media (max-width:768px){
    #bo_v_con .mik-related-custom-section{
        margin-top:32px !important;
        padding:22px 18px !important;
        border-radius:22px !important;
    }
    #bo_v_con .mik-related-custom-section h2{
        font-size:21px !important;
    }
    #bo_v_con .mik-related-custom-grid{
        grid-template-columns:1fr !important;
    }
    #bo_v_con .mik-related-product-buttons{
        flex-direction:column !important;
    }
    #bo_v_con .mik-related-product-btn{
        width:100% !important;
    }
}




/* 관련 콘텐츠 섹션 실무형 디자인 v33 */
#bo_v_con .mik-related-custom-section{
    display:block !important;
    margin:38px auto 8px !important;
    padding:0 !important;
    border:1px solid #e5e7eb !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 8px 22px rgba(17,24,39,.045) !important;
    overflow:hidden !important;
}
#bo_v_con .mik-related-custom-section:before{
    content:none !important;
}
#bo_v_con .mik-related-custom-section > *{
    position:relative !important;
    z-index:1 !important;
}
#bo_v_con .mik-related-custom-section h2{
    display:block !important;
    margin:0 !important;
    padding:18px 20px !important;
    border:0 !important;
    border-bottom:1px solid #edf1ef !important;
    background:#fafafa !important;
    color:#222 !important;
    font-size:18px !important;
    font-weight:800 !important;
    line-height:1.4 !important;
    letter-spacing:-.02em !important;
}
#bo_v_con .mik-related-custom-section h2:before,
#bo_v_con .mik-related-custom-section h2:after{
    content:none !important;
}
#bo_v_con .mik-related-custom-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
}
#bo_v_con .mik-related-custom-card{
    display:block !important;
    padding:20px !important;
    border:0 !important;
    border-radius:0 !important;
    background:#fff !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
}
#bo_v_con .mik-related-custom-card + .mik-related-custom-card{
    border-left:1px solid #edf1ef !important;
}
#bo_v_con .mik-related-custom-card h3{
    display:block !important;
    margin:0 0 14px !important;
    padding:0 !important;
    color:#333 !important;
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.45 !important;
    letter-spacing:-.01em !important;
}
#bo_v_con .mik-related-custom-card h3:before,
#bo_v_con .mik-related-custom-card h3:after{
    content:none !important;
}
#bo_v_con .mik-related-custom-list{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}
#bo_v_con .mik-related-custom-list li{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    line-height:1.5 !important;
}
#bo_v_con .mik-related-custom-list li + li{
    margin-top:8px !important;
}
#bo_v_con .mik-related-custom-list li:before{
    content:none !important;
}
#bo_v_con .mik-related-custom-list a{
    position:relative !important;
    display:block !important;
    min-height:0 !important;
    padding:9px 12px 9px 26px !important;
    border:1px solid #eef2f0 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#374151 !important;
    text-decoration:none !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.5 !important;
    box-shadow:none !important;
    transition:background .18s ease, border-color .18s ease, color .18s ease !important;
}
#bo_v_con .mik-related-custom-list a:before{
    content:"" !important;
    position:absolute !important;
    left:12px !important;
    top:50% !important;
    width:4px !important;
    height:4px !important;
    margin-top:-2px !important;
    border-radius:50% !important;
    background:#6b7280 !important;
    box-shadow:none !important;
}
#bo_v_con .mik-related-custom-list a:hover{
    border-color:#d9e1de !important;
    background:#f8faf9 !important;
    color:#184f6c !important;
    text-decoration:none !important;
    transform:none !important;
}
#bo_v_con .mik-related-product-buttons{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
}
#bo_v_con .mik-related-product-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:34px !important;
    padding:0 13px !important;
    border:1px solid #d8dfdc !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#2d3632 !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:-.01em !important;
    text-decoration:none !important;
    box-shadow:none !important;
    transition:background .18s ease, border-color .18s ease, color .18s ease !important;
}
#bo_v_con .mik-related-product-btn:after{
    content:none !important;
}
#bo_v_con .mik-related-product-btn:hover{
    border-color:#2f5d50 !important;
    background:#2f5d50 !important;
    color:#fff !important;
    transform:none !important;
    box-shadow:none !important;
}
@media (max-width:768px){
    #bo_v_con .mik-related-custom-section{
        margin-top:30px !important;
        border-radius:16px !important;
    }
    #bo_v_con .mik-related-custom-section h2{
        padding:16px 16px !important;
        font-size:17px !important;
    }
    #bo_v_con .mik-related-custom-grid{
        grid-template-columns:1fr !important;
    }
    #bo_v_con .mik-related-custom-card{
        padding:16px !important;
    }
    #bo_v_con .mik-related-custom-card + .mik-related-custom-card{
        border-left:0 !important;
        border-top:1px solid #edf1ef !important;
    }
    #bo_v_con .mik-related-product-buttons{
        gap:7px !important;
    }
}

/* ===== 썸네일 선명도 보정 =====
   모바일에서는 목록 썸네일이 넓게 표시되므로
   PHP에서 더 큰 썸네일(400x400)을 생성해 내려받도록 수정했습니다.
   아래 속성은 브라우저 렌더링 안정화용입니다. */
#bo_gall .gall_href img {
    object-position:center center;
    image-rendering:auto;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
}

/* K-Beauty 소개 SEO 소개 - K-트렌드 TOP과 동일한 스타일 */
.kbeauty-seo-intro {
    width:100%;
    margin:0 0 24px;
    padding:18px 20px;
    box-sizing:border-box;
    border:1px solid #e8e8e8;
    border-radius:10px;
    background:#fafafa;
    line-height:1.75;
    color:#444;
    font-size:calc(1em + 2px);
}
.kbeauty-seo-intro p {
    margin:0;
}
.kbeauty-seo-intro .kbeauty-seo-intro-en {
    margin-top:8px;
    color:#666;
}
@media (max-width:768px) {
    .kbeauty-seo-intro {
        margin-bottom:18px;
        padding:14px 15px;
        font-size:16px;
        line-height:1.65;
    }
}

/* OpenAI English SEO Information */
.emk-ai-seo-info{margin:28px 0;padding:22px;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc;line-height:1.65}
.emk-ai-seo-head{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.emk-ai-seo-head h2{margin:0;font-size:20px;color:#111827}
.emk-ai-seo-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 8px;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:700}
.emk-ai-seo-row{margin-top:12px}
.emk-ai-seo-row strong{display:block;margin-bottom:4px;color:#374151;font-size:14px}
.emk-ai-seo-row p{margin:0;color:#4b5563;font-size:16px;word-break:break-word}
@media(max-width:768px){.emk-ai-seo-info{margin:20px 0;padding:16px}.emk-ai-seo-head h2{font-size:18px}.emk-ai-seo-row p{font-size:15px}}

/* AI English SEO Information - inner rounded border */
.emk-ai-seo-info{
    box-sizing:border-box;
    margin:16px 0;
    padding:12px;
}
.emk-ai-seo-info .emk-ai-seo-inner{
    box-sizing:border-box;
    width:100%;
    padding:16px 18px;
    border:1px solid #e3e6ea;
    border-radius:10px;
    background:#fff;
}
@media (max-width:768px){
    .emk-ai-seo-info{
        margin:14px 0;
        padding:10px;
    }
    .emk-ai-seo-info .emk-ai-seo-inner{
        padding:14px 15px;
        border-radius:9px;
    }
}


/* AI SEO 영문 제목 자동 표시 */
#bo_gall .emk-title-link .emk-title-ko,
#bo_v_title .emk-title-ko {
    display:block;
}

#bo_gall .emk-title-link .emk-title-en,
#bo_v_title .emk-title-en {
    display: block;
    margin-top: 5px;
    font-size: 1em;
    line-height: 1.35;
    font-weight: inherit;
    color: #777;
}

#bo_gall ul.gall_con2 > li.gall_text_href > a.emk-title-link {
    display:block !important;
}

/* ===== 한글 제목 아래 영문 제목 + 제목 앞 선택박스 ===== */
#bo_gall .gall_text_href.emk-title-row {
    display:flex !important;
    align-items:flex-start !important;
    gap:7px !important;
}
#bo_gall .emk-title-checkbox {
    flex:0 0 auto !important;
    display:block !important;
    padding-top:3px !important;
}
#bo_gall .emk-title-text {
    display:block !important;
    flex:1 1 auto !important;
    min-width:0 !important;
}
#bo_gall .emk-title-ko,
#bo_gall .emk-title-en {
    display:block !important;
    width:100% !important;
    margin:0 !important;
    font-size:inherit !important;
    font-weight:700 !important;
    line-height:1.45 !important;
    text-decoration:none !important;
}
#bo_gall .emk-title-en {
    margin-top:2px !important;
    color:#7a837f !important;
}
#bo_v_title .emk-view-title-ko,
#bo_v_title .emk-view-title-en {
    display:block !important;
    width:100% !important;
    font-size:inherit !important;
    font-weight:inherit !important;
    line-height:inherit !important;
}
#bo_v_title .emk-view-title-en {
    margin-top:4px !important;
    color:#7a837f !important;
}
/* ===== /한글 제목 아래 영문 제목 ===== */

/* ===== RANK 실제 출력 크기 기준 - LIST 제목 강제 적용 ===== */
#bo_gall .gall_text_href.emk-title-row .emk-title-ko,
#bo_gall .gall_text_href.emk-title-row .emk-title-en {
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.45 !important;
}
#bo_gall .gall_text_href.emk-title-row .emk-title-en {
    margin-top:5px !important;
    color:#777 !important;
}
@media (max-width:768px) {
    #bo_gall .gall_text_href.emk-title-row .emk-title-ko,
    #bo_gall .gall_text_href.emk-title-row .emk-title-en {
        font-size:16px !important;
    }
}
/* ===== /RANK 실제 출력 크기 기준 ===== */

/* 한글 제목 바로 아래 영문 제목 출력 보장 */
#bo_gall .emk-title-text .emk-title-ko,
#bo_gall .emk-title-text .emk-title-en {
    display:block !important;
    width:100% !important;
}
#bo_gall .emk-title-text .emk-title-en {
    margin-top:5px !important;
}