.board-wrap { padding-top:80px; padding-bottom:80px; }
    .board-wrap .step-data .form-header-group h2,
    .board-wrap .board-header h1 { 
        position:relative; 
        font-weight: 700;
        font-size: 28px;
        line-height: 24px;
        letter-spacing: -2px;
    }

    .board-wrap .step-data .form-header-group h2 { border-bottom:3px solid #000; padding-bottom:40px; }

    .board-wrap .board-header h1 .more { font-size:12px; font-weight:normal; color:#666666; position:absolute; right:0; }
    .board-wrap .board-header p { font-size:15px; font-weight:normal; color:#999; margin-top:4px; }
        
    .board-wrap h2.title { font-size:20px; font-weight:500; border-bottom:1px solid #ccc; padding-bottom:10px; }

    /* LISTS */
    .board-list { padding-top:40px; padding-bottom:40px; }

        .board-list .empty { padding-top:50px; padding-bottom:50px; text-align:center; font-size:14px; color:#999; }

        .board-list .board-list-header { border-top:3px solid #000; }
            .board-list .board-list-header h3 { font-weight: 500; color: #333; font-size: 23px; padding-bottom: 20px; position:relative; } 
            .board-list .board-list-header h3 strong { display:inline-block; margin-right:4px; }
            .board-list .board-list-header h3 .more { font-size:15px; line-height:44px; font-weight:300; color:#999; text-decoration:underline; display:inline-block; margin-left:10px; }

            .board-list .board-list-header .board-list-header-item { color:#333; font-weight:500; border-top:1px solid #aaa; }
            .board-list .board-list-header .post-id { text-align:center; padding:10px 20px; }
            .board-list .board-list-header .post-title { padding:10px 20px; font-size:15px; }
            .board-list .board-list-header .post-meta { padding:10px 20px; text-align:center; font-size:15px; }

        .board-list ul.lists li.list-item { border-bottom:0.5px solid rgba(0, 0, 0, 0.5);; }
        .board-list.one-column-mode ul.lists li.list-item { padding:14px 0; position:relative; }
        .board-list.one-column-mode ul.lists li.list-item a.link { position:absolute; left:0; top:0; width:100%; height:100%; }

        /* .board-list ul.lists li.list-item.is-sticky { background-color:#fafafa; } */

        .board-list ul.lists li.list-item .post-id { text-align:center; padding:10px 20px; color:#999; }
        .board-list.multi-column-mode ul.lists li.list-item .post-title { padding:10px 20px; }
        .board-list.one-column-mode ul.lists li.list-item .post-title { margin-bottom:8px; }
        
            .board-list ul.lists li.list-item .post-title h3 { font-weight: 700; letter-spacing: -0.02em; font-size: 18px; line-height: 26px; }
            .board-list ul.lists li.list-item .post-title h3.normal { font-weight:normal; }
                .board-list ul.lists li.list-item .post-title h3 strong { font-weight: 700; }
                .board-list ul.lists li.list-item .post-title h3 .icon-new-window { display:inline-block; width:18px; height:18px; background:url(/img/admin/icon_new_window.png) no-repeat;  vertical-align: middle; margin-top:-3px; }

            .board-list ul.lists li.list-item .post-title .message { 
                border: 1px solid #ccc;
                padding: 10px 20px;
                margin-top: 10px;
                font-size: 14px;
                border-radius:6px;
                background:#f4f4f4;
                box-shadow:0px 1px 2px rgb(0 0 0 / 10%);
            }
            .board-list ul.lists li.list-item .post-title .message h4 {
                font-weight: 500;
                color: #999;
            }
            .board-list ul.lists li.list-item .post-title .message p {
                color:#666;
            }

            .board-list ul.lists li.list-item .post-title h4 { font-size:13px; font-weight:300; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
                .board-list ul.lists li.list-item .post-title h4 a { color:#999; }

        .board-list.multi-column-mode ul.lists li.list-item .post-meta { padding:10px 20px; text-align:center; font-size:14px; line-height:34px; }
        .board-list.one-column-mode ul.lists li.list-item .post-meta {
            font-weight: 500;
            font-size: 10px;
            line-height: 14px;
            letter-spacing: -0.02em;
            color: #B3B3B3;
        }

        .board-list.one-column-mode ul.lists li.list-item.with-cover { position:relative; padding-left:60px; }
        .board-list.one-column-mode ul.lists li.list-item.with-cover .cover { width:43px; height:43px; background:#D9D9D9; border-radius:100%; position:absolute; left:0; top:18px; overflow:hidden; }
        .board-list.one-column-mode ul.lists li.list-item.with-cover .cover img { width:100%; height:100%; object-fit: cover; }

        .board-list.one-column-mode ul.lists li.list-item.with-cover a.link { position:absolute; left:0; top:0; width:100%; height:100%; }

        .board-list ul.lists li.list-default-item .post-title { padding:5px 20px; }

    .board-footer { border-top:1px solid #eee; padding-top:30px; padding-bottom:30px; text-align:right; }
    .board-footer .btn { padding-left:20px; padding-right:20px; margin-left:5px; }

    .board-search { background:#f4f4f4; padding:40px 20px; /*border-bottom:1px solid #ddd; box-shadow:0px 1px 1px rgba(0,0,0,0.05);*/  }
        .board-search-wrap { max-width:400px; margin:0 auto; }

        .board-search-wrap input.form-control { background:#fff; border:1px solid #ccc; font-size:15px; padding: 10px 12px; height:40px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
            .board-search-wrap input.form-control:focus { border:1px solid #aaa; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
            .board-search-wrap .input-group-btn .btn { height:40px; font-size:15px; }

    /* VIEW */
    .board-view { padding-top:40px; }

    .board-view-header { position:relative; border-top:3px solid #000; border-bottom:0.5px solid rgba(0, 0, 0, 0.5);; padding-top:14px; padding-bottom:12px; margin-bottom:22px; }
        .board-view-header h3 { font-weight: 700; font-size: 18px; line-height: 23px; letter-spacing: -0.02em; margin-bottom:12px; }
        .board-view-header h4 { font-weight: 500; font-size: 10px; line-height: 14px; letter-spacing: -0.02em; color: #B3B3B3; }

        .board-view-header .tools {
            position:absolute;
            right:0; top:50%;
            transform: translateY(-50%);
            font-size:0; line-height:0;
        }

        .board-view-header .tools .btn + .btn {
            margin-left:10px; 
        }
        
    .board-view-content {
        min-height: 300px;
    }

    .board-view-footer { position:relative; border-top:0.5px solid rgba(0, 0, 0, 0.5); padding-top:50px; padding-bottom:50px; margin-top:50px; text-align:center; }

    .board-nav-footer { border-top:1px solid #eee; }
    .board-nav-footer .board-nav { background:#fafafa; padding:20px; border-bottom:1px solid #eee; font-size:15px; line-height:15px; }
    .board-nav-footer .board-nav label { display:inline-block; margin-right:10px; margin-bottom:0; }
    .board-nav-footer .board-nav a {}

    .board-view-files { margin-top:20px; padding-top:20px; border-top:1px dotted #ddd; }
    .board-view-files h4 { font-size:15px; margin-bottom:10px; }
    .board-view-files ul {}
    .board-view-files ul li { margin-bottom:10px; }
    .board-view-files ul li a { display: block; padding: 10px; font-size: 14px; padding-left: 45px; line-height: 24px; box-shadow: 0px 1px 2px rgba(0,0,0,0.08); background-color: #fafafa; background-image: url(/img/admin/icon_download.png); background-repeat: no-repeat; background-position: 15px center; }
    .board-view-files ul li a:hover { text-decoration:none; }

    .board-list .pagination { margin:30px 0; }

    .board-wrap .form-maker-form {
        padding-top:0;
    }

    .board-wrap .form-maker-form .step-data .step-footer {
        text-align: center;
        border-color:rgba(0,0,0,0.2)
    }

@media 
    (-webkit-min-device-pixel-ratio: 1.5), 
    (min-resolution: 144dpi) { 
    .board-list ul.lists li.list-item .post-title h3 .icon-new-window { background-image:url(/img/admin/icon_new_window@2x.png); background-size:18px 18px; }
}

@media (max-width: 991px) { 
    .board-wrap {
        padding-top:65px;
        padding-bottom:65px;
    }

    .board-list { padding-top:15px; padding-bottom:0; }
    .board-list .board-list-header .board-list-header-item { border-top:0; }

    .board-list .board-list-header .post-title { padding:0; padding-bottom:10px; font-size:12px; line-height:18px; }
    .board-list .board-list-header .post-meta { padding:0; padding-bottom:10px; font-size:12px; line-height:18px; }

    .board-list ul.lists li.list-default-item .post-title { padding:10px 0; }
    .board-list ul.lists li.list-item .post-meta { padding:10px 0px; font-size:11px; line-height:18px; }

    .board-list ul.lists li.list-item .post-title h3 { font-size:13px; line-height:18px; }
    .board-list ul.lists li.list-item .post-title h3 a { font-size:13px; line-height:18px; }
    
    .board-list.one-column-mode ul.lists li.list-item.with-cover .cover { top:14px; }
    .board-list.one-column-mode ul.lists li.list-item .post-title { margin-bottom:6px; }
    .board-list.one-column-mode ul.lists li.list-item .post-meta { padding-top:4px; padding-bottom:0; }

    .board-view { padding-top:15px; }
    .board-view-header { padding-top:15px; padding-bottom:15px; margin-bottom:22px; }

    .board-view-files { margin-top:10px; padding-top:10px; }
    .board-view-files h4 { font-size:13px; line-height:16px; margin-bottom:4px; }
    .board-view-files ul li a { font-size:12px; line-height:18px; padding-top:5px; padding-bottom:5px; padding-left:35px; background-position:10px center; }

    .board-view-footer { padding-top:50px; padding-bottom:50px; margin-top:50px; }

    .board-nav-footer .board-nav { font-size:12px; padding:10px; height:36px; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; }

    .board-footer { padding-top:10px; padding-bottom:10px; }

    .board-search { padding:10px ;}
    .board-search-wrap input.form-control { font-size:13px; height:30px; line-height:30px; }
    .board-search-wrap .input-group-btn .btn { font-size:13px; height:30px; line-height:30px; }
    
}