@charset "utf-8";

/* =========================== PAGE */
#board1010{position:relative;max-width:var(--mainsize);margin:30px auto;font-size:15px;line-height:1.8;color:#777;font-family:var(--k-font)}
#board1010 *{word-break:keep-all}

#sh_bo_v{border-top:1px solid #555;font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#666}
#sh_bo_v .tit{min-height:60px;padding:15px;border-bottom:1px solid #eee;font-size:17px;font-weight:600;color:#222;background-color:#f5f6f8}
#sh_bo_v .tit .cate{color:#0054a6}
#sh_bo_v .tit .cate:after{display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background-color:#ccc}

/* 옵션/설명 */
#sh_bo_v .option_area{position:relative;display:flex;gap:20px;width:100%;padding:30px 15px;border-bottom:1px solid #eee}
#sh_bo_v .option_area:after{display:block;content:"";visibility:hidden;clear:both}
#sh_bo_v .option_area .img{overflow:hidden;width:45%;border-radius:2px}
#sh_bo_v .option_area .img img{width:100%;height:auto}
#sh_bo_v .option_area .no_image{display:block;max-width:100%;text-align:center;line-height:250px;background-color:#eee}
#sh_bo_v .option_area .desc{width:55%}
#sh_bo_v .option_area .desc dl{overflow:hidden;display:flex;position:relative;padding:10px 15px}
#sh_bo_v .option_area .desc dl:nth-child(even){background-color:#f5f6f8}
#sh_bo_v .option_area .desc dl dt{position:relative;width:20%;padding-left:10px;font-size:15px;font-weight:600;color:#222}
#sh_bo_v .option_area .desc dl dt:before{display:block;content:"";position:absolute;left:0;top:12px;width:2px;height:2px;background-color:var(--primary)}
#sh_bo_v .option_area .desc dl dd{width:80%;padding-left:20px}

/* 상단 정보 */
#sh_bo_v .info{height:60px;padding:0 15px;border-bottom:1px solid #eee;font-size:14px;line-height:60px}
#sh_bo_v .info:after{display:block;content:"";visibility:hidden;clear:both}
#sh_bo_v .info p{float:left}
#sh_bo_v .info ul{float:right}
#sh_bo_v .info ul li{display:inline-block;margin-left:30px}
#sh_bo_v .info b{font-weight:normal}
#sh_bo_v .info b:after{display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background-color:#ccc}

/* 본문 */
#sh_bo_v .bo_ul{overflow:hidden}
#sh_bo_v .bo_ul li{padding:5px 15px}
#sh_bo_v .bo_ul li:first-child{padding-top:15px}
#sh_bo_v .bo_ul li:last-child{padding-bottom:15px;border-bottom:1px solid #eee}
#sh_bo_v .bo_ul span:not(.no-style){display:inline-block;min-width:80px;height:30px;margin-right:15px;border:1px solid #e1e1e1;border-radius:20px;font-size:14px;font-weight:600;text-align:center;color:#222;line-height:30px;background-color:#f5f6f8}
/* #sh_bo_v .bo_ul span:not(.no-style) {} */
#sh_bo_v .bo_ul p{margin-left:5px;}
#sh_bo_v .bo_cont{padding:50px 15px;border-bottom:1px solid #d1d1d1}

/* 상세 이미지 */
#sh_bo_v .bo_ul .imgtxt_box{display:grid;grid-template-columns:repeat(3,1fr);gap:20px; margin-top:10px;}
#sh_bo_v .bo_ul .imgtxt_box .gall_img {cursor:pointer;}
#sh_bo_v .bo_ul .imgtxt_box .gall_img img{width:100%}
#sh_bo_v .bo_ul .imgtxt_box .gall_txt .tit{display:block;padding:10px 0 0 10px;font-weight:600;color:#222}

/* 뷰 버튼 */
#sh_bo_v .btn_area{overflow:hidden;position:relative;margin:20px 0}
#sh_bo_v .btn_area ul{overflow:hidden}
#sh_bo_v .btn_area ul li{float:left}
#sh_bo_v .btn_area .left{float:left}
#sh_bo_v .btn_area .left li{margin-right:4px}
#sh_bo_v .btn_area .right{float:right}
#sh_bo_v .btn_area .right li{margin-left:4px}
#sh_bo_v .btn_area ul li a{height:45px;line-height:45px}
#sh_bo_v .btn_area ul li a.w_btn{width:120px}

/* 리스트 */
.sh_tbl_common1 {width:100%;border-bottom:1px solid #555;}
.sh_tbl_common1 table{width:100%; border-top:1px solid #555; }
.sh_tbl_common1 th{border-bottom:1px solid #e1e1e1;font-size:15px;font-weight:600;color:#222} 
.sh_tbl_common1 td{border-bottom:1px solid #e1e1e1;font-size:14px;color:#777}

/* #sh_list_tbl {margin-top:15px;} */
#sh_list_tbl tbody tr:hover{background-color:#fafafa}
#sh_list_tbl .bo_notice:hover{background-color:#f5f6f8}
#sh_list_tbl th{line-height:60px} 
#sh_list_tbl td{padding:20px 0}
#sh_list_tbl td.num{width:10%;text-align:center}
#sh_list_tbl td.num .fa-bell-o{color:var(--primary)}
#sh_list_tbl td.subject{font-size:15px;font-weight:600;color:#222}
#sh_list_tbl td.subject .fa-lock{display:inline-block;vertical-align:1px;margin-right:5px;padding:2px 4px 1px;border:1px solid #e1e1e1;border-radius:2px;font-size:12px;color:#bbb;background-color:#f6f6f6}
#sh_list_tbl td.name{width:11%;text-align:center}
#sh_list_tbl td.datetime{width:11%;text-align:center}
#sh_list_tbl .bo_notice{background-color:#f5f6f8}
.topCap{float:right; font-size:14px;}
.bottomCap{font-size:14px;}

.img-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;

    background: rgba(0,0,0,0.85);

    display: none;           /* 기본 숨김 */
    align-items: center;
    justify-content: center;

    z-index: 2147483647;     /* 💥 사실상 최상위 */
}

/* 프레임이 이미지 크기에 맞게 */
.img-modal-frame {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;

    background: #fff;
    padding: 40px 30px 20px;   /* ⬅️ 위쪽 여백이 X 공간 */
    box-sizing: border-box;
}

/* 이미지 자체가 프레임 크기 결정 */
.img-modal-content {
    display: block;
    max-width: 90vw;
    max-height: 85vh;
}

/* .img-modal-content { */
/*     display: block; */
/*     max-width: 80vw; */
/*     max-height: 70vh; */
/* } */

/* 닫기 버튼은 프레임 기준 */
.img-modal-close {
    position: absolute;
    top: 10px;
    right: 12px;

    font-size: 28px;
    color: #333;
    cursor: pointer;
    z-index: 1;
}

/* 캡션도 프레임 폭에 맞춤 */
#modalCaption {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #ddd;
    font-size: 14px;
}

/* 이전/다음 글 */
#sh_bo_v .v_page li{min-height:60px;padding:15px;border-bottom:1px solid #eee} 
#sh_bo_v .v_page li i{padding:0 30px 0 15px;font-size:16px;color:#222}
#sh_bo_v .v_page li a{color:#777}
#sh_bo_v .v_page li a:hover{color:#222}

.btn_type01{display:inline-block;width:180px;height:55px;margin:0 auto;border-radius:2px;font-size:15px;font-weight:600;color:#fff;text-align:center;line-height:55px;background-color:var(--primary);-webkit-transition:all .2s;transition:all .2s;}
.btn_type01:hover{background-color:#0064c5}
a.cancel_btn{display:inline-block;vertical-align:top;width:75px;height:55px;border:none;border-radius:2px;font-size:15px;font-weight:600;text-align:center;color:#fff;line-height:55px;background-color:#bbb}
a.btn_normal{display:inline-block;vertical-align:top;width:75px;height:55px;border:none;border-radius:2px;font-size:15px;font-weight:600;text-align:center;color:#fff;line-height:55px;background-color:#bbb}
a.btn_line{display:inline-block;vertical-align:top;width:75px;height:55px;border:none;border-radius:2px;border:1px solid #d1d1d1;font-size:15px;font-weight:600;text-align:center;color:#777;line-height:53px}

@media(max-width:768px){
#sh_bo_v{margin:20px 0;font-size:14px}
#sh_bo_v .tit{padding:15px 10px;font-size:15px}
#sh_bo_v .info{height:auto;padding:10px;line-height:1.8}
#sh_bo_v .info p, #sh_bo_v .info ul{float:none}
#sh_bo_v .info ul li:first-child{margin:0}
#sh_bo_v .bo_cont{padding:40px 15px}
#sh_bo_v .btn_area .right{padding-right:10px}
#sh_list_tbl td.subject{width:70%}
#sh_list_tbl td.datetime{width:15%}
#sh_list_tbl th.num{display:none}
#sh_list_tbl td.num{display:none}
#sh_list_tbl th.name{display:none}
#sh_list_tbl td.name{display:none}
#sh_list_tbl td{padding:15px}
}
@media(max-width:580px){
#sh_bo_v .bo_ul span{min-width:58px;height:25px;line-height:25px;font-size:12px}
#sh_bo_v .bo_cont{padding:30px 15px}
#sh_bo_v .v_page li{padding:15px 10px}
#sh_bo_v .v_page li i{padding:0 20px 0 10px}
#sh_bo_v .btn_area ul li a{width:50px;height:35px;line-height:35px;font-size:13px}
#sh_bo_v .btn_area ul li a.w_btn{width:80px}
#sh_bo_v .option_area{flex-direction:column;gap:0;padding:15px 0}
#sh_bo_v .option_area .img{width:100%;border-radius:0}
#sh_bo_v .option_area .desc{width:100%}
#sh_bo_v .option_area .desc dl dt{font-size:14px}
.sh_tbl_common td{font-size:13px}
.list_top{padding:0 10px}
#sh_bo_sch{width:100%}
#sh_bo_sch input[type=text]{width:calc(100% - 115px)}
#sh_list_tbl th{line-height:45px;font-size:14px}
#sh_list_tbl td.subject{font-size:14px}
}