@charset "utf-8";

/* 게시판 쓰기 */
#autosave_wrapper {position:relative; font-size:14px;}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:100%;height:auto !important;height:180px;max-height:205px;border:1px solid #565656;background:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {margin:0px;padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:156px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:26px;width:20px;}

.cke_sc { display:none; }

/* 기타 */
#bo_v_con div { position: relative; margin-bottom: 1rem; }

/* 커스텀 영역 */
.anchor { position: relative } 
.anchor a { position: absolute; top: -60px }

.corner-card{ overflow: hidden; position: relative; }
.corner-ribbon{ width: 200px; background: #f43; position: absolute; top: 25px; left: -50px; text-align: center; line-height: 1.6em; letter-spacing: 1px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.table { table-layout: fixed; }

.list-icon { width: 20px; height: 20px; vertical-align: text-bottom; }
.view-icon { width: 48px; height: 48px; }
.comm-icon { width: 48px; height: 48px; }
.comm-body {border:1px solid #f3f3f3;border-radius: 5px;padding:0 10px; }

/* --- 1. 본문 가독성 및 여백 강화 --- */
#bo_v_atc {
    padding-left: 20px !important;  /* 좌측 여백 추가 */
    padding-right: 20px !important; /* 우측 여백 추가 */
}

#bo_v_con {
    font-size: 1.05rem !important; 
    line-height: 1.85 !important;   /* 줄 간격 최적화 */
    word-break: break-all;
}

/* 소제목 디자인 */
#bo_v_con h3 {
    border-left: 5px solid #3498db; 
    padding-left: 12px;
    margin: 35px 0 15px 0;
    font-size: 1.25rem;
    font-weight: bold;
}

/* 문단 간격 */
#bo_v_con p {
    margin-bottom: 22px;
}

/* --- 2. 다크모드 캡챠(CAPTCHA) 시인성 개선 --- */
#captcha_key {
    background-color: #ffffff !important; /* 입력창 배경 흰색 고정 */
    color: #000000 !important;            /* 글자색 검정 고정 */
    border: 1.5px solid #ced4da !important;
    border-radius: 6px !important;
    height: 42px !important;
    padding: 0 10px !important;
}

/* 캡챠 안내문구 색상 */
.captcha-wrap span,
#captcha_info {
    color: #adb5bd !important; 
    font-size: 0.85rem;
}

/* --- 3. 이미지 및 미디어 최적화 --- */
#bo_v_img img, 
#bo_v_con img,
#bo_v_img video {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
    display: block;
    margin: 25px auto; 
    border-radius: 10px; /* 이미지 모서리 둥글게 */
}

/* 비디오 컨테이너 */
.video-container {
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}

/* --- 4. 모바일 최적화 (반응형) --- */
@media (max-width: 575px)
{
    #bo_v_atc {
        padding-left: 15px !important; /* 모바일은 여백을 살짝 줄임 */
        padding-right: 15px !important;
    }
    #captcha_audio {display:none !important;}
    .xs-100 { width: 100%; }
    .xs-full {
        width: 100vw;
        position: relative;
        margin-left: -50vw;
        left: 50%;
    }
    .xs-full td { padding: 8px 18px; }
    .list-icon { width: 18px; height: 18px; vertical-align: text-top; }
    .comm-icon { width: 24px; height: 24px; margin: 10px; position: absolute; }
    .comm-body { padding: 10px; }
    .comm-name { margin: 0 0 6px 30px; }
}

@media only screen and (max-width: 1180px) {
    .pic_img{width:100%;height:150px}
}   

/* 첨부파일 영역 최적화 */
#bo_v_file ul li,
.list-group-item {
    word-break: break-all !important;
    display: block !important;
    white-space: normal !important;
}

#bo_v_file a,
.list-group-item a {
    display: inline-block;
    max-width: 100%;
    white-space: normal !important;
    vertical-align: middle;
}