/* =========================================
   HOBACK BOARD FULL REDESIGN
   TITLE EMPHASIS VERSION
========================================= */

/* 전체 박스 */
#kboard-thumbnail-list{

    position:relative;

    width:100%;

    padding:34px;

    box-sizing:border-box;

    border-radius:20px;

    background:
    linear-gradient(
    to bottom,
    rgba(32,20,10,.96),
    rgba(12,7,3,.99));

    border:1px solid rgba(180,125,50,.28);

    box-shadow:
    0 0 45px rgba(0,0,0,.75),
    inset 0 1px 0 rgba(255,230,160,.04);

    overflow:hidden;

}

/* 상단 골드 라인 */
#kboard-thumbnail-list::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:1px;

    background:
    linear-gradient(
    to right,
    rgba(255,190,70,0),
    rgba(255,220,150,.9),
    rgba(255,190,70,0));

}

/* 배경 광 */
#kboard-thumbnail-list::after{

    content:"";

    position:absolute;

    left:-15%;
    top:-140px;

    width:130%;
    height:280px;

    background:
    radial-gradient(
    ellipse at center,
    rgba(255,190,80,.05),
    rgba(255,190,80,0));

    pointer-events:none;

}

/* =========================================
   상단 정보
========================================= */

#kboard-thumbnail-list .kboard-list-header{

    padding-bottom:22px;

}

/* 게시글 수 */
#kboard-thumbnail-list .kboard-total-count{

    color:#b99563 !important;

    font-size:13px;

    font-weight:600;

}

/* =========================================
   검색영역
========================================= */

#kboard-thumbnail-list .kboard-search{

    margin-bottom:28px;

    text-align:left;

}

/* 셀렉트 */
#kboard-thumbnail-list .kboard-search select{

    height:44px;

    padding:0 15px;

    border-radius:12px;

    border:1px solid #6a451d;

    background:
    linear-gradient(
    to bottom,
    #2b1b0d,
    #140b05);

    color:#efd7ad;

    font-size:13px;

    outline:none;

    transition:.25s;

}

/* 인풋 */
#kboard-thumbnail-list .kboard-search input{

    width:320px;

    height:44px;

    padding:0 16px;

    border-radius:12px;

    border:1px solid #6a451d;

    background:
    linear-gradient(
    to bottom,
    #24160c,
    #120904);

    color:#f2dcc0;

    font-size:13px;

    outline:none;

    transition:.25s;

}

/* 포커스 */
#kboard-thumbnail-list .kboard-search input:focus,
#kboard-thumbnail-list .kboard-search select:focus{

    border-color:#e0a14a;

    box-shadow:
    0 0 16px rgba(255,180,60,.16);

}

/* =========================================
   버튼
========================================= */

a.kboard-thumbnail-button-small,
button.kboard-thumbnail-button-small,
input.kboard-thumbnail-button-small{

    height:44px;

    line-height:44px;

    padding:0 22px;

    border-radius:12px;

    border:1px solid #7a5321;

    background:
    linear-gradient(
    to bottom,
    #6a4017,
    #2f1707);

    color:#f5ddb0;

    font-size:13px;

    font-weight:700;

    transition:.25s;

}

/* hover */
a.kboard-thumbnail-button-small:hover,
button.kboard-thumbnail-button-small:hover,
input.kboard-thumbnail-button-small:hover{

    color:#fff4d3;

    border-color:#e3a64d;

    background:
    linear-gradient(
    to bottom,
    #8a5221,
    #3a1d09);

    box-shadow:
    0 0 18px rgba(255,180,60,.2);

}

/* =========================================
   리스트
========================================= */

#kboard-thumbnail-list .kboard-list{

    border-radius:16px;

    overflow:hidden;

    background:
    linear-gradient(
    to bottom,
    rgba(24,15,8,.96),
    rgba(9,5,2,.99));

    border:1px solid rgba(255,190,80,.08);

}

/* 테이블 */
#kboard-thumbnail-list .kboard-list table{

    border-collapse:collapse;

    margin:0 auto;

}

/* 헤더 */
#kboard-thumbnail-list .kboard-list thead{

    background:
    linear-gradient(
    to bottom,
    rgba(78,48,18,.96),
    rgba(34,18,7,.99));

}

/* 헤더 셀 */
#kboard-thumbnail-list .kboard-list thead tr td{

    padding:20px 14px;

    border:none;

    color:#f3d7a8;

    font-size:13px;

    font-weight:700;

    text-shadow:
    0 1px 2px rgba(0,0,0,.8);

}

/* 리스트 행 */
#kboard-thumbnail-list .kboard-list tbody tr{

    transition:.25s;

    border-bottom:
    1px solid rgba(255,255,255,.05);

}

/* hover */
#kboard-thumbnail-list .kboard-list tbody tr:hover{

    background:
    linear-gradient(
    to right,
    rgba(255,180,60,.16),
    rgba(255,180,60,.03));

}

/* 셀 */
#kboard-thumbnail-list .kboard-list tbody tr td{

    padding:22px 14px;

    border:none !important;

    color:#ceb189;

    font-size:13px;

    vertical-align:middle;

}

/* 번호 */
#kboard-thumbnail-list .kboard-list-uid{

    color:#9f7b52 !important;

}

/* =========================================
   제목 강조
========================================= */

#kboard-thumbnail-list .kboard-list-title{

    position:relative;

    text-align:left !important;

}

/* 제목 링크 */
#kboard-thumbnail-list .kboard-list-title a{

    position:relative;

    display:inline-block;

    color:#fff1c9 !important;

    font-size:18px;

    font-weight:800;

    letter-spacing:-0.4px;

    line-height:1.5;

    padding-left:18px;

    transition:.25s ease;

    text-shadow:
    0 1px 2px rgba(0,0,0,.85),
    0 0 10px rgba(255,190,60,.08);

}

/* 좌측 골드 포인트 */
#kboard-thumbnail-list .kboard-list-title a::before{

    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:8px;
    height:8px;

    margin-top:-4px;

    border-radius:50%;

    background:
    radial-gradient(
    circle,
    #ffe9a8 0%,
    #ffbf38 100%);

    box-shadow:
    0 0 10px rgba(255,190,60,.45);

}

/* hover */
#kboard-thumbnail-list .kboard-list-title a:hover{

    color:#fff5db !important;

    transform:translateX(2px);

    text-shadow:
    0 0 12px rgba(255,200,80,.28),
    0 2px 4px rgba(0,0,0,.85);

}

/* 공지사항 제목 */
#kboard-thumbnail-list .kboard-list-notice
.kboard-list-title a{

    background:
    linear-gradient(
    to bottom,
    #fff8db 0%,
    #ffd777 45%,
    #ffbe3b 100%);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    font-weight:900;

    text-shadow:none;

}

/* =========================================
   작성자/날짜
========================================= */

#kboard-thumbnail-list .kboard-list-user{

    color:#f0d5a8 !important;

    font-weight:600;

}

#kboard-thumbnail-list .kboard-list-date,
#kboard-thumbnail-list .kboard-list-view,
#kboard-thumbnail-list .kboard-list-vote{

    color:#b8996d !important;

    font-size:12px;

}

/* 공지 */
#kboard-thumbnail-list .kboard-list-notice{

    background:
    linear-gradient(
    to right,
    rgba(120,70,20,.28),
    rgba(35,20,7,.08));

}

/* =========================================
   페이지네이션
========================================= */

#kboard-thumbnail-list .kboard-pagination{

    padding-top:34px;

}

#kboard-thumbnail-list .kboard-pagination-pages li{

    margin:0 4px !important;

}

/* 페이지 버튼 */
#kboard-thumbnail-list .kboard-pagination-pages li a{

    width:40px;
    height:40px;

    line-height:40px;

    padding:0 !important;

    border-radius:12px;

    border:1px solid #593818;

    background:
    linear-gradient(
    to bottom,
    #32200d,
    #150c05);

    color:#d7bc92 !important;

    font-size:13px;

    transition:.25s;

}

/* hover */
#kboard-thumbnail-list .kboard-pagination-pages li:hover a,
#kboard-thumbnail-list .kboard-pagination-pages li.active a{

    color:#fff4d5 !important;

    border-color:#e1a24a;

    background:
    linear-gradient(
    to bottom,
    #9d6224,
    #552b0b);

    box-shadow:
    0 0 16px rgba(255,180,60,.2);

}

/* =========================================
   글쓰기 버튼
========================================= */

#kboard-thumbnail-list .kboard-control{

    padding-top:22px;

}


/* =========================================
   HOBACK KBOARD DOCUMENT REDESIGN
========================================= */

/* 전체 */
#kboard-thumbnail-document{

    position:relative;

    width:100%;

    padding:34px;

    box-sizing:border-box;

    border-radius:22px;

    background:
    linear-gradient(
    to bottom,
    rgba(28,18,10,.96),
    rgba(8,5,2,.99));

    border:1px solid rgba(180,125,50,.22);

    box-shadow:
    0 0 45px rgba(0,0,0,.75),
    inset 0 1px 0 rgba(255,230,160,.03);

    overflow:hidden;

}

/* 상단 골드 라인 */
#kboard-thumbnail-document::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:1px;

    background:
    linear-gradient(
    to right,
    rgba(255,180,60,0),
    rgba(255,220,160,.9),
    rgba(255,180,60,0));

}

/* =========================================
   제목
========================================= */

#kboard-thumbnail-document .kboard-title{

    margin-bottom:28px;

    padding-bottom:22px;

    border-bottom:
    1px solid rgba(255,255,255,.05);

}

#kboard-thumbnail-document .kboard-title h1{

    position:relative;

    display:inline-block;

    margin:0;

    padding-left:20px;

    color:#fff2d0;

    font-size:38px;

    font-weight:900;

    letter-spacing:-1px;

    line-height:1.3;

    text-shadow:
    0 2px 4px rgba(0,0,0,.85),
    0 0 14px rgba(255,190,60,.12);

}

/* 좌측 골드 포인트 */
#kboard-thumbnail-document .kboard-title h1::before{

    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:9px;
    height:9px;

    margin-top:-4px;

    border-radius:50%;

    background:
    radial-gradient(
    circle,
    #ffe7a3 0%,
    #ffb931 100%);

    box-shadow:
    0 0 12px rgba(255,190,60,.45);

}

/* =========================================
   작성자 정보
========================================= */

#kboard-thumbnail-document .kboard-detail{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

    margin-bottom:30px;

}

/* 정보 박스 */
#kboard-thumbnail-document .detail-attr{

    display:flex;

    align-items:center;

    gap:10px;

    padding:10px 16px;

    border-radius:12px;

    background:
    linear-gradient(
    to bottom,
    rgba(45,28,15,.95),
    rgba(18,10,5,.98));

    border:1px solid rgba(255,190,80,.08);

}

/* 이름 */
#kboard-thumbnail-document .detail-name{

    color:#b78e5f;

    font-size:12px;

    font-weight:700;

}

/* 값 */
#kboard-thumbnail-document .detail-value{

    color:#f1d7ab;

    font-size:13px;

    font-weight:600;

}

/* 관리자 아이콘 */
#kboard-thumbnail-document .admin_id_icon{

    width:18px;

    margin-right:6px;

    vertical-align:middle;

}

/* =========================================
   본문
========================================= */

#kboard-thumbnail-document .kboard-content{

    position:relative;

    padding:34px;

    border-radius:18px;

    background:
    linear-gradient(
    to bottom,
    rgba(18,11,6,.98),
    rgba(8,5,2,.99));

    border:1px solid rgba(255,190,80,.08);

    box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02);

    margin-bottom:34px;

}

/* 본문 텍스트 */
#kboard-thumbnail-document .content-view{

    color:#f0dcc0;

    font-size:16px;

    line-height:2;

    letter-spacing:-0.2px;

}

/* 문단 */
#kboard-thumbnail-document .content-view p{

    margin:0 0 22px;

}

/* 이미지 */
#kboard-thumbnail-document .content-view img{

    max-width:100%;

    border-radius:14px;

    margin:20px 0;

    box-shadow:
    0 0 25px rgba(0,0,0,.5);

}

/* =========================================
   좋아요 영역
========================================= */

#kboard-thumbnail-document .kboard-document-action{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:34px;

}

/* 버튼 */
#kboard-thumbnail-document .kboard-button-action{

    height:42px;

    line-height:42px;

    padding:0 18px;

    border-radius:12px;

    border:1px solid #6f451b;

    background:
    linear-gradient(
    to bottom,
    #5f3915,
    #241106);

    color:#f5ddb2;

    font-size:13px;

    font-weight:700;

    transition:.25s;

}

/* hover */
#kboard-thumbnail-document .kboard-button-action:hover{

    color:#fff5d8;

    border-color:#e3a64c;

    background:
    linear-gradient(
    to bottom,
    #87501f,
    #381a08);

    box-shadow:
    0 0 18px rgba(255,180,60,.2);

}

/* =========================================
   댓글영역
========================================= */

#kboard-thumbnail-document .kboard-comments-wrap{

    padding:24px;

    border-radius:18px;

    background:
    linear-gradient(
    to bottom,
    rgba(20,12,7,.98),
    rgba(8,5,2,.99));

    border:1px solid rgba(255,190,80,.08);

}

/* 댓글 헤더 */
#kboard-thumbnail-document .comments-header{

    margin-bottom:18px;

}

/* 댓글수 */
#kboard-thumbnail-document .comments-count{

    color:#f0d3a0;

    font-size:14px;

    font-weight:700;

}

/* textarea */
#kboard-thumbnail-document .comment-textarea{

    width:100%;

    min-height:120px;

    padding:18px;

    border-radius:14px;

    border:1px solid #573517;

    background:
    linear-gradient(
    to bottom,
    #120b05,
    #050302);

    color:#f3dec0;

    font-size:14px;

    outline:none;

    resize:vertical;

    transition:.25s;

}

/* focus */
#kboard-thumbnail-document .comment-textarea:focus{

    border-color:#dfa14b;

    box-shadow:
    0 0 18px rgba(255,180,60,.15);

}

/* 댓글 입력 버튼 */
#kboard-thumbnail-document .comments-submit-button input{

    margin-top:18px;

    height:46px;

    padding:0 26px;

    border-radius:12px;

    border:1px solid #7a5321;

    background:
    linear-gradient(
    to bottom,
    #714317,
    #2c1507);

    color:#ffe7bb;

    font-size:13px;

    font-weight:800;

    cursor:pointer;

    transition:.25s;

}

/* hover */
#kboard-thumbnail-document .comments-submit-button input:hover{

    border-color:#efb055;

    background:
    linear-gradient(
    to bottom,
    #945720,
    #3a1c08);

    box-shadow:
    0 0 20px rgba(255,180,60,.22);

}

/* =========================================
   이전글 다음글
========================================= */

#kboard-thumbnail-document .kboard-document-navi{

    margin-top:34px;

    padding:24px;

    border-radius:16px;

    background:
    linear-gradient(
    to bottom,
    rgba(20,12,7,.95),
    rgba(8,5,2,.99));

    border:1px solid rgba(255,190,80,.08);

}

#kboard-thumbnail-document .kboard-document-navi a{

    color:#f1d7ab;

    font-size:14px;

    transition:.2s;

}

#kboard-thumbnail-document .kboard-document-navi a:hover{

    color:#fff0c8;

}

/* =========================================
   하단 버튼
========================================= */

#kboard-thumbnail-document .kboard-control{

    margin-top:34px;

}

/* 목록 버튼 */
#kboard-thumbnail-document .kboard-thumbnail-button-small{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:120px;

    height:48px;

    padding:0 28px;

    border-radius:14px;

    border:1px solid #7b5220;

    background:
    linear-gradient(
    to bottom,
    #6d4117,
    #2c1407);

    color:#ffe0b0 !important;

    font-size:14px;

    font-weight:800;

    text-decoration:none;

    transition:.25s;

}

/* hover */
#kboard-thumbnail-document .kboard-thumbnail-button-small:hover{

    border-color:#f0b459;

    background:
    linear-gradient(
    to bottom,
    #986025,
    #3d1c08);

    color:#fff4dc !important;

    box-shadow:
    0 0 20px rgba(255,180,60,.22);

}

/* =========================================
   모바일
========================================= */

@media screen and (max-width:768px){

    #kboard-thumbnail-document{

        padding:18px;

        border-radius:16px;

    }

    #kboard-thumbnail-document .kboard-title h1{

        font-size:26px;

    }

    #kboard-thumbnail-document .kboard-content{

        padding:22px;

    }

    #kboard-thumbnail-document .content-view{

        font-size:14px;

        line-height:1.9;

    }

    #kboard-thumbnail-document .kboard-detail{

        gap:8px;

    }

}
/* =========================================
   HOBACK KBOARD EDITOR REDESIGN
========================================= */

/* 전체 */
#kboard-thumbnail-editor{

    position:relative;

    width:100%;

    padding:34px;

    box-sizing:border-box;

    border-radius:22px;

    background:
    linear-gradient(
    to bottom,
    rgba(28,18,10,.96),
    rgba(8,5,2,.99));

    border:1px solid rgba(180,125,50,.22);

    box-shadow:
    0 0 45px rgba(0,0,0,.75),
    inset 0 1px 0 rgba(255,230,160,.03);

    overflow:hidden;

}

/* 상단 골드라인 */
#kboard-thumbnail-editor::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:1px;

    background:
    linear-gradient(
    to right,
    rgba(255,180,60,0),
    rgba(255,220,160,.9),
    rgba(255,180,60,0));

}

/* =========================================
   행 간격
========================================= */

#kboard-thumbnail-editor .kboard-attr-row{

    margin-bottom:26px;

}

/* 라벨 */
#kboard-thumbnail-editor .attr-name{

    display:block;

    margin-bottom:12px;

    color:#f1d4a4;

    font-size:15px;

    font-weight:800;

    letter-spacing:-0.3px;

}

/* 필수표시 */
#kboard-thumbnail-editor .attr-required-text{

    color:#ffbc57;

}

/* =========================================
   input / select
========================================= */

#kboard-thumbnail-editor input[type="text"],
#kboard-thumbnail-editor input[type="password"],
#kboard-thumbnail-editor select{

    width:100%;

    max-width:500px;

    height:52px;

    padding:0 18px;

    border-radius:14px;

    border:1px solid #5e3816;

    background:
    linear-gradient(
    to bottom,
    #1d120a,
    #090503);

    color:#f5dec1;

    font-size:14px;

    outline:none;

    transition:.25s;

}

/* 포커스 */
#kboard-thumbnail-editor input[type="text"]:focus,
#kboard-thumbnail-editor input[type="password"]:focus,
#kboard-thumbnail-editor select:focus{

    border-color:#e0a14a;

    box-shadow:
    0 0 18px rgba(255,180,60,.16);

}

/* =========================================
   체크박스
========================================= */

#kboard-thumbnail-editor input[type="checkbox"]{

    transform:scale(1.1);

    margin-right:6px;

}

/* 비밀글 */
#kboard-thumbnail-editor .attr-value-option{

    color:#d9bb8f;

    font-size:14px;

}

/* =========================================
   에디터 전체
========================================= */

#kboard-thumbnail-editor .wp-editor-wrap{

    border-radius:18px;

    overflow:hidden;

    border:1px solid rgba(255,190,80,.12);

    box-shadow:
    0 0 25px rgba(0,0,0,.45);

}

/* 메뉴바 */
#kboard-thumbnail-editor .mce-menubar,
#kboard-thumbnail-editor .mce-toolbar-grp{

    background:
    linear-gradient(
    to bottom,
    #3a2612,
    #1a1007) !important;

    border-color:
    rgba(255,190,80,.08) !important;

}

/* 메뉴텍스트 */
#kboard-thumbnail-editor .mce-menubtn button,
#kboard-thumbnail-editor .mce-btn button{

    color:#e8c998 !important;

}

/* 에디터 버튼 */
#kboard-thumbnail-editor .mce-btn{

    background:
    linear-gradient(
    to bottom,
    #342111,
    #1a1007) !important;

    border-color:
    rgba(255,190,80,.08) !important;

}

/* hover */
#kboard-thumbnail-editor .mce-btn:hover{

    background:
    linear-gradient(
    to bottom,
    #6d4117,
    #2d1507) !important;

}

/* 아이콘 */
#kboard-thumbnail-editor .mce-ico{

    color:#f1d2a0 !important;

}

/* 비주얼/코드 버튼 */
#kboard-thumbnail-editor .wp-switch-editor{

    height:40px;

    padding:0 20px;

    border:none !important;

    background:
    linear-gradient(
    to bottom,
    #3b2512,
    #1a1007) !important;

    color:#f0d4a8 !important;

    font-weight:700;

}

/* 활성 */
#kboard-thumbnail-editor .wp-switch-editor.active,
#kboard-thumbnail-editor .tmce-active .switch-tmce,
#kboard-thumbnail-editor .html-active .switch-html{

    background:
    linear-gradient(
    to bottom,
    #8d5722,
    #432009) !important;

    color:#fff1d1 !important;

}

/* 에디터 영역 */
#kboard-thumbnail-editor .mce-edit-area iframe{

    background:#121212 !important;

}

/* textarea */
#kboard-thumbnail-editor textarea{

    background:
    linear-gradient(
    to bottom,
    #111,
    #090909) !important;

    color:#f5e1c3 !important;

}

/* 상태바 */
#kboard-thumbnail-editor .mce-statusbar{

    background:
    linear-gradient(
    to bottom,
    #23150a,
    #130904) !important;

    border-top:
    1px solid rgba(255,190,80,.08) !important;

}

/* =========================================
   파일업로드
========================================= */

#kboard-thumbnail-editor input[type="file"]{

    color:#e6c89a;

    font-size:13px;

}

/* 파일 버튼 */
#kboard-thumbnail-editor input[type="file"]::file-selector-button{

    height:42px;

    margin-right:12px;

    padding:0 18px;

    border-radius:12px;

    border:1px solid #74481d;

    background:
    linear-gradient(
    to bottom,
    #633a15,
    #2a1407);

    color:#ffe1b2;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

}

/* hover */
#kboard-thumbnail-editor input[type="file"]::file-selector-button:hover{

    background:
    linear-gradient(
    to bottom,
    #8d5621,
    #3a1a08);

}

/* =========================================
   미디어 추가
========================================= */

#kboard-thumbnail-editor .kboard-attr-media a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:46px;

    padding:0 22px;

    border-radius:14px;

    border:1px solid #73471d;

    background:
    linear-gradient(
    to bottom,
    #6a4017,
    #2c1407);

    color:#ffe0b0;

    font-size:13px;

    font-weight:800;

    text-decoration:none;

    transition:.25s;

}

/* hover */
#kboard-thumbnail-editor .kboard-attr-media a:hover{

    border-color:#efb055;

    background:
    linear-gradient(
    to bottom,
    #946027,
    #3b1b08);

    box-shadow:
    0 0 18px rgba(255,180,60,.2);

}

/* =========================================
   하단 버튼
========================================= */

#kboard-thumbnail-editor .kboard-control{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:40px;

}

/* 버튼 */
#kboard-thumbnail-editor .kboard-thumbnail-button-small,
#kboard-thumbnail-editor button[type="submit"]{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:130px;

    height:50px;

    padding:0 30px;

    border-radius:15px;

    border:1px solid #7b5220;

    background:
    linear-gradient(
    to bottom,
    #724318,
    #2c1407);

    color:#ffe0b0 !important;

    font-size:14px;

    font-weight:800;

    text-decoration:none;

    transition:.25s;

    cursor:pointer;

}

/* hover */
#kboard-thumbnail-editor .kboard-thumbnail-button-small:hover,
#kboard-thumbnail-editor button[type="submit"]:hover{

    border-color:#f0b459;

    background:
    linear-gradient(
    to bottom,
    #9a6025,
    #3d1c08);

    color:#fff4dc !important;

    box-shadow:
    0 0 20px rgba(255,180,60,.22);

}

/* =========================================
   모바일
========================================= */

@media screen and (max-width:768px){

    #kboard-thumbnail-editor{

        padding:18px;

        border-radius:16px;

    }

    #kboard-thumbnail-editor .kboard-control{

        flex-direction:column;

        gap:14px;

    }

    #kboard-thumbnail-editor .kboard-thumbnail-button-small,
    #kboard-thumbnail-editor button[type="submit"]{

        width:100%;

    }

}

/* =========================================
   모바일
========================================= */

@media screen and (max-width:768px){

    #kboard-thumbnail-list{

        padding:15px;

        border-radius:14px;

    }

    #kboard-thumbnail-list .kboard-search{

        text-align:center;

    }

    #kboard-thumbnail-list .kboard-search input{

        width:100%;

        margin-top:10px;

    }

    #kboard-thumbnail-list .kboard-list tbody tr td{

        padding:14px 7px;

        font-size:12px;

    }

    #kboard-thumbnail-list .kboard-list-title a{

        font-size:15px;

    }

}