@charset "utf-8";

/* Legacy Board Skin (PC) */
/* --- Search --- */
.__search {border:1px solid #ddd;background:#f9f9f9;padding:30px 0;text-align:center;font-size:0;margin-bottom:50px;}
.__search select,
.__search input[type=text],
.__search button {display:inline-block;vertical-align:top;height:40px;box-sizing:border-box;}
.__search select,
.__search input[type=text] {background:#fff;font-size:14px;color:#333;border:none;border:1px solid #ddd;}
.__search select {width:150px;padding-left:10px;margin-right:5px;}
.__search input[type=text] {width:210px;padding-left:15px;}
.__search button {padding:0 15px;height:40px;color:#fff;background:#333;border:none;font-size:18px;margin-left:5px;}
.__botarea ~ .__search {margin-top:40px;}

/* --- Bottom Area --- */
.__botarea {margin-top:40px;position:relative;min-height:32px;}
.__botarea .cen {text-align:center;}
.__botarea .lef {position:absolute;left:0;top:-10px;}
.__botarea .rig {position:absolute;right:0;top:-10px;}
.__botarea .btn {position:absolute;top:0;}
.__botarea .btn:before {content:"";top:50%;line-height:1em;margin-top:-0.5em;font-size:30px;position:absolute;}
.__botarea .btn > * {display:block;}
.__botarea .btn span {font-size:14px;color:#999;}
.__botarea .btn strong {color:#333;font-weight:normal;font-size:18px;margin-top:5px;}
.__botarea > .prev {left:0;padding-left:35px;}
.__botarea > .next {right:0;text-align:right;padding-right:35px;}
.__botarea .btn.no_link {cursor:default;opacity:0.5;}

/* --- Paging --- */
.__paging {font-size:0;}
.__paging .arr,
.__paging .num {
    display:inline-block;
    box-sizing:border-box;
    vertical-align:middle;
    width:32px;
    height:32px;
    line-height:30px;
    text-align:center;
    border:1px solid #ccc;
    color:#a1a1a1;
    z-index:0;
    margin:0 2px;
    position:relative;
}
.__paging .num {font-size:14px;}
.__paging .arr i {font-size:18px;line-height:28px;display:block;}
.__paging .num:hover,
.__paging .arr:hover {border-color:#000;}
.__paging .num.active {color:#fff;background:#4b4b4b;border-color:#4b4b4b;font-weight:500;}

/* --- Table List --- */
.__tblList {table-layout:fixed;width:100%;border-collapse:separate;border-top:1px solid #333;}
.__tblList tr > * {box-sizing:border-box;text-align:center;border-bottom:1px solid #ddd;}
.__tblList tr th {color:#000;padding:20px 10px;font-size:14px;font-weight:500;}
.__tblList tr td {color:#818181;padding:15px;font-size:15px;}
.__tblList tr .subject {padding:17px 25px;text-align:left;}
.__tblList tr .subject a {max-width:85%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;}

/* --- Board View --- */
.__boardView {border-top:2px solid #333;border-bottom:1px solid #ddd;}
.__boardView .top {padding:20px 15px;border-bottom:1px solid #ddd;}
.__boardView .top h3 {font-size:24px;font-weight:normal;color:#333;letter-spacing:-0.05em;}
.__boardView .top .info {font-size:0;margin-top:15px;}
.__boardView .top .info li {display:inline-block;vertical-align:top;font-size:14px;color:#888;}
.__boardView .top .info li strong {color:#333;font-weight:500;}
.__boardView .top .info li span {letter-spacing:0;}
.__boardView .top .info li ~ li {margin-left:15px;}
.__boardView .con {padding:30px 15px;font-size:16px;line-height:1.7em;min-height:300px;}
.__boardView .con * {max-width:100% !important;}
.__boardView .attach_img {margin:0 0 12px;line-height:0;}
.__boardView .attach_img img {
    display:block;
    max-width:100% !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain;
}

/* --- Button List --- */
.__btnList {display:inline-block;width:160px;height:60px;box-sizing:border-box;border:1px solid #004196;text-align:center;font-size:16px;color:#333;}
.__btnList span {display:inline-block;vertical-align:middle;line-height:58px;}
.__btnList:hover {background:#004196;color:#fff;}

.hr_bg{background:rgb(0 0 0 / 0.2);}