/* ==========================================
   KBOARD SKY BLUE CLEAN VERSION
========================================== */

/* =========================
   EDITOR COMMON
========================= */
#kboard-thumbnail-editor{
    color:#174b74 !important;
}

#kboard-thumbnail-editor *{
    opacity:1;
}

#kboard-thumbnail-editor .wp-editor-wrap{
    border-radius:12px !important;
    overflow:hidden !important;
    border:1px solid rgba(91,174,232,.55) !important;
    background:#fff !important;
    box-shadow:0 8px 25px rgba(80,160,220,.16) !important;
}

#kboard-thumbnail-editor .wp-editor-tabs{
    background:transparent !important;
}

#kboard-thumbnail-editor .wp-switch-editor{
    height:38px !important;
    padding:0 18px !important;
    border:1px solid rgba(91,174,232,.55) !important;
    border-bottom:none !important;
    border-radius:8px 8px 0 0 !important;
    background:linear-gradient(to bottom,#9ee0ff,#3aa8ef) !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    text-shadow:0 1px 1px rgba(0,90,150,.35) !important;
}

#kboard-thumbnail-editor .wp-switch-editor:hover,
#kboard-thumbnail-editor .tmce-active .switch-tmce,
#kboard-thumbnail-editor .html-active .switch-html{
    background:linear-gradient(to bottom,#78cfff,#2589d6) !important;
    color:#fff !important;
}

/* =========================
   TINYMCE
========================= */
#kboard-thumbnail-editor .mce-container,
#kboard-thumbnail-editor .mce-panel,
#kboard-thumbnail-editor .mce-toolbar,
#kboard-thumbnail-editor .mce-toolbar-grp,
#kboard-thumbnail-editor .mce-menubar{
    background:linear-gradient(to bottom,#edf9ff,#d8f1ff) !important;
    border-color:rgba(91,174,232,.38) !important;
    color:#174b74 !important;
}

#kboard-thumbnail-editor .mce-menubar{
    border-bottom:1px solid rgba(91,174,232,.35) !important;
}

#kboard-thumbnail-editor .mce-toolbar-grp{
    padding:5px 6px !important;
    border-top:1px solid rgba(255,255,255,.8) !important;
    border-bottom:1px solid rgba(91,174,232,.35) !important;
}

#kboard-thumbnail-editor .mce-btn{
    background:linear-gradient(to bottom,#fff,#e8f7ff) !important;
    border:1px solid rgba(91,174,232,.45) !important;
    border-radius:5px !important;
    box-shadow:0 2px 6px rgba(80,160,220,.08) !important;
}

#kboard-thumbnail-editor .mce-btn:hover,
#kboard-thumbnail-editor .mce-btn.mce-active,
#kboard-thumbnail-editor .mce-btn:focus{
    background:linear-gradient(to bottom,#8fdcff,#36a3ee) !important;
    border-color:#33a5ee !important;
}

#kboard-thumbnail-editor .mce-btn button,
#kboard-thumbnail-editor .mce-menubtn button,
#kboard-thumbnail-editor .mce-listbox button{
    color:#174b74 !important;
    font-size:12px !important;
    font-weight:800 !important;
}

#kboard-thumbnail-editor .mce-btn:hover button,
#kboard-thumbnail-editor .mce-btn.mce-active button,
#kboard-thumbnail-editor .mce-btn:hover .mce-ico,
#kboard-thumbnail-editor .mce-btn.mce-active .mce-ico{
    color:#fff !important;
}

#kboard-thumbnail-editor .mce-ico{
    color:#247db7 !important;
}

#kboard-thumbnail-editor .mce-listbox{
    background:#fff !important;
    border:1px solid rgba(91,174,232,.45) !important;
    border-radius:5px !important;
}

#kboard-thumbnail-editor .mce-listbox button{
    background:transparent !important;
    color:#174b74 !important;
}

#kboard-thumbnail-editor .mce-caret{
    border-top-color:#247db7 !important;
}

#kboard-thumbnail-editor .mce-edit-area,
#kboard-thumbnail-editor .mce-edit-area iframe{
    background:#fff !important;
}

#kboard-thumbnail-editor .mce-edit-area{
    border-top:1px solid rgba(91,174,232,.25) !important;
}

#kboard-thumbnail-editor .mce-content-body{
    background:#fff !important;
    color:#36516a !important;
    padding:18px !important;
    font-size:15px !important;
    line-height:1.8 !important;
}

#kboard-thumbnail-editor .mce-content-body a{
    color:#168ee2 !important;
}

#kboard-thumbnail-editor .mce-content-body ::selection{
    background:#bfeaff !important;
    color:#174b74 !important;
}

#kboard-thumbnail-editor .mce-content-body table,
#kboard-thumbnail-editor .mce-content-body td,
#kboard-thumbnail-editor .mce-content-body th{
    border-color:#9bd8ff !important;
}

#kboard-thumbnail-editor .mce-statusbar{
    background:linear-gradient(to bottom,#edf9ff,#d8f1ff) !important;
    border-top:1px solid rgba(91,174,232,.35) !important;
    color:#247db7 !important;
}

#kboard-thumbnail-editor .mce-statusbar .mce-container-body,
#kboard-thumbnail-editor .mce-statusbar a{
    color:#247db7 !important;
}

/* =========================
   EDITOR FORM FIELD
========================= */
#kboard-thumbnail-editor .attr-name,
#kboard-thumbnail-editor label{
    color:#174b74 !important;
    font-size:14px !important;
    font-weight:900 !important;
}

#kboard-thumbnail-editor .attr-value,
#kboard-thumbnail-editor .attr-value label,
#kboard-thumbnail-editor .attr-value-option{
    color:#36516a !important;
    font-size:13px !important;
    font-weight:700 !important;
}

#kboard-thumbnail-editor .kboard-attr-row{
    margin-bottom:22px !important;
}

#kboard-thumbnail-editor input[type="checkbox"]{
    width:15px !important;
    height:15px !important;
    margin-right:5px !important;
    accent-color:#37a8ef;
}

#kboard-thumbnail-editor input[type="text"],
#kboard-thumbnail-editor input[type="password"],
#kboard-thumbnail-editor select{
    height:42px !important;
    min-height:42px !important;
    padding:0 14px !important;
    border-radius:8px !important;
    border:1px solid rgba(91,174,232,.6) !important;
    background:#fff !important;
    color:#174b74 !important;
    font-size:13px !important;
    font-weight:800 !important;
    outline:none !important;
    box-shadow:0 4px 12px rgba(80,160,220,.08) !important;
		width:100%;
	box-sizing:border-box;
}

#kboard-thumbnail-editor input[type="text"]:focus,
#kboard-thumbnail-editor input[type="password"]:focus,
#kboard-thumbnail-editor select:focus{
    border-color:#27a8f2 !important;
    box-shadow:0 0 14px rgba(80,180,255,.24) !important;
}

#kboard-thumbnail-editor select{
    max-width:240px !important;
}

#kboard-thumbnail-editor textarea.wp-editor-area{
    background:#fff !important;
    color:#36516a !important;
    border:1px solid rgba(91,174,232,.45) !important;
    padding:18px !important;
    font-size:14px !important;
    line-height:1.8 !important;
}

#kboard-thumbnail-editor input[type="file"]{
    color:#36516a !important;
    font-size:13px !important;
    font-weight:700 !important;
}

#kboard-thumbnail-editor input[type="file"]::file-selector-button{
    height:38px !important;
    margin-right:10px !important;
    padding:0 16px !important;
    border-radius:8px !important;
    border:1px solid rgba(91,174,232,.75) !important;
    background:linear-gradient(to bottom,#78cfff,#2589d6) !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    cursor:pointer;
}

#kboard-thumbnail-editor input[type="file"]::file-selector-button:hover{
    background:linear-gradient(to bottom,#9ee0ff,#36a3ee) !important;
}

#kboard-thumbnail-editor .kboard-attr-media a,
#kboard-thumbnail-editor #insert-media-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:38px !important;
    padding:0 15px !important;
    border-radius:8px !important;
    border:1px solid rgba(91,174,232,.65) !important;
    background:linear-gradient(to bottom,#fff,#e8f7ff) !important;
    color:#247db7 !important;
    font-size:13px !important;
    font-weight:900 !important;
    text-decoration:none !important;
}

#kboard-thumbnail-editor .kboard-attr-media a:hover,
#kboard-thumbnail-editor #insert-media-button:hover{
    background:linear-gradient(to bottom,#78cfff,#2589d6) !important;
    color:#fff !important;
}

/* =========================
   EDITOR CONTROL BUTTON
========================= */
#kboard-thumbnail-editor .kboard-control{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    margin-top:34px !important;
    padding-top:22px !important;
    border-top:1px solid rgba(91,174,232,.25) !important;
}

#kboard-thumbnail-editor .kboard-control a,
#kboard-thumbnail-editor .kboard-control button,
#kboard-thumbnail-editor .kboard-control input[type="submit"],
#kboard-thumbnail-editor button[type="submit"]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:86px !important;
    height:40px !important;
    padding:0 20px !important;
    border-radius:8px !important;
    border:1px solid rgba(91,174,232,.75) !important;
    background:linear-gradient(to bottom,#78cfff,#2589d6) !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    cursor:pointer !important;
    box-shadow:0 5px 14px rgba(47,148,220,.25) !important;
}

#kboard-thumbnail-editor .kboard-control a:hover,
#kboard-thumbnail-editor .kboard-control button:hover,
#kboard-thumbnail-editor .kboard-control input[type="submit"]:hover,
#kboard-thumbnail-editor button[type="submit"]:hover{
    background:linear-gradient(to bottom,#9ee0ff,#36a3ee) !important;
    color:#fff !important;
}

/* ==========================================
   LIST WRAP
========================================== */
#kboard-thumbnail-list{
    position:relative;
    width:100%;
    margin:0 auto;
    padding:28px;
    box-sizing:border-box;
    border-radius:16px;
    background:linear-gradient(135deg,#f8fdff,#e6f8ff);
    border:1px solid rgba(100,190,240,.45);
    box-shadow:0 18px 45px rgba(60,150,210,.18);
}

/* =========================
   LIST HEADER / SORT
========================= */
#kboard-thumbnail-list .kboard-list-header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    margin:0 0 18px 0 !important;
    padding:0 !important;
    position:relative !important;
    z-index:20 !important;
}

#kboard-thumbnail-list .kboard-total-count{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:34px !important;
    padding:0 15px !important;
    border-radius:10px !important;
    background:linear-gradient(to bottom,#fff,#eaf8ff) !important;
    border:1px solid rgba(91,174,232,.65) !important;
    color:#1f86c9 !important;
    font-size:13px !important;
    font-weight:900 !important;
    box-shadow:0 5px 14px rgba(80,160,220,.13) !important;
}

#kboard-thumbnail-list .kboard-list-sort,
#kboard-thumbnail-list .kboard_list_sort,
#kboard-thumbnail-list .kboard-sort{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    margin:0 !important;
    padding:0 !important;
    position:relative !important;
    z-index:50 !important;
}

#kboard-thumbnail-list .kboard-list-sort select,
#kboard-thumbnail-list .kboard_list_sort select,
#kboard-thumbnail-list .kboard-sort select,
#kboard-thumbnail-list select[name="kboard_list_sort"]{
    appearance:none !important;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    min-width:118px !important;
    height:40px !important;
    padding:0 36px 0 14px !important;
    border-radius:10px !important;
    border:1px solid rgba(91,174,232,.7) !important;
    background:
        linear-gradient(45deg, transparent 50%, #1f86c9 50%) right 15px center / 7px 7px no-repeat,
        linear-gradient(135deg, #1f86c9 50%, transparent 50%) right 10px center / 7px 7px no-repeat,
        linear-gradient(to bottom,#fff,#eaf8ff) !important;
    color:#174b74 !important;
    font-size:13px !important;
    font-weight:900 !important;
    outline:none !important;
    box-shadow:0 5px 14px rgba(80,160,220,.13) !important;
    cursor:pointer !important;
	width:100%;
	box-sizing:border-box;
}

#kboard-thumbnail-list .kboard-list-sort select:hover,
#kboard-thumbnail-list .kboard_list_sort select:hover,
#kboard-thumbnail-list .kboard-sort select:hover,
#kboard-thumbnail-list select[name="kboard_list_sort"]:hover,
#kboard-thumbnail-list .kboard-list-sort select:focus,
#kboard-thumbnail-list .kboard_list_sort select:focus,
#kboard-thumbnail-list .kboard-sort select:focus,
#kboard-thumbnail-list select[name="kboard_list_sort"]:focus{
    border-color:#28a8f2 !important;
    background:
        linear-gradient(45deg, transparent 50%, #0093e8 50%) right 15px center / 7px 7px no-repeat,
        linear-gradient(135deg, #0093e8 50%, transparent 50%) right 10px center / 7px 7px no-repeat,
        linear-gradient(to bottom,#fff,#dff4ff) !important;
    box-shadow:0 0 16px rgba(80,180,255,.24) !important;
}

#kboard-thumbnail-list .kboard-list-sort select option,
#kboard-thumbnail-list .kboard_list_sort select option,
#kboard-thumbnail-list .kboard-sort select option,
#kboard-thumbnail-list select[name="kboard_list_sort"] option{
    background:#fff !important;
    color:#174b74 !important;
    font-size:13px !important;
    font-weight:800 !important;
}

/* =========================
   SEARCH AREA
========================= */
#kboard-thumbnail-list .kboard-search{
    display:flex !important;
    align-items:center !important;
    gap:8px;
    margin:22px 0 !important;
    padding:14px !important;
    border-radius:12px;
    background:#fff;
    border:1px solid rgba(110,190,235,.4);
}

#kboard-thumbnail-list .kboard-search select,
#kboard-thumbnail-list .kboard-search input{
    height:40px !important;
    border-radius:8px !important;
    border:1px solid rgba(90,170,225,.55) !important;
    background:#fff !important;
    color:#184d73 !important;
}

#kboard-thumbnail-list .kboard-search select{
    appearance:none !important;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    padding-right:34px !important;
    background:
        linear-gradient(45deg, transparent 50%, #1f86c9 50%) right 15px center / 7px 7px no-repeat,
        linear-gradient(135deg, #1f86c9 50%, transparent 50%) right 10px center / 7px 7px no-repeat,
        linear-gradient(to bottom,#fff,#eaf8ff) !important;
}

/* =========================
   LIST TABLE
========================= */
#kboard-thumbnail-list .kboard-list{
    display:block !important;
    width:100%;
    margin-top:18px !important;
    border-radius:16px;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(100,180,230,.45);
    box-shadow:0 10px 30px rgba(80,160,220,.12);
}

#kboard-thumbnail-list .kboard-list table{
    display:table !important;
    width:100% !important;
    table-layout:fixed !important;
    border-collapse:collapse !important;
    margin:0 !important;
}

#kboard-thumbnail-list .kboard-list thead{
    display:table-header-group !important;
    background:linear-gradient(to bottom,#7bd4ff,#2d96dc);
}

#kboard-thumbnail-list .kboard-list tbody{
    display:table-row-group !important;
}

#kboard-thumbnail-list .kboard-list tr{
    display:table-row !important;
}

#kboard-thumbnail-list .kboard-list td{
    display:table-cell !important;
    vertical-align:middle !important;
    padding:16px 14px !important;
}

#kboard-thumbnail-list .kboard-list thead td{
    height:46px;
    padding:0 12px !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    text-align:center !important;
}

#kboard-thumbnail-list .kboard-list tbody tr{
    position:relative;
    height:74px !important;
    transition:.25s;
    border-bottom:1px solid #d7edf9 !important;
}

#kboard-thumbnail-list .kboard-list tbody tr:nth-child(odd){
    background:#fff;
}

#kboard-thumbnail-list .kboard-list tbody tr:nth-child(even){
    background:#f7fcff;
}

#kboard-thumbnail-list .kboard-list tbody tr:hover{
    background:#eaf8ff !important;
    transform:translateY(-1px);
    box-shadow:inset 0 0 0 9999px rgba(70,170,240,.05);
}

#kboard-thumbnail-list .kboard-list tbody td{
    color:#38546b !important;
    font-size:13px !important;
    font-weight:700 !important;
    text-align:center !important;
}

/* 컬럼 너비 */
#kboard-thumbnail-list .kboard-list-uid{
    width:8% !important;
}

#kboard-thumbnail-list .kboard-list-title{
    width:52% !important;
    text-align:left !important;
}

#kboard-thumbnail-list .kboard-list-user{
    width:16% !important;
}

#kboard-thumbnail-list .kboard-list-date{
    width:14% !important;
}

#kboard-thumbnail-list .kboard-list-view{
    width:10% !important;
}

/* 제목 */
#kboard-thumbnail-list .kboard-list-title a{
    position:relative;
    display:inline-block !important;
    padding-left:18px;
    color:#17527d !important;
    font-size:16px !important;
    font-weight:900 !important;
}

#kboard-thumbnail-list .kboard-list-title a::before{
    content:"✦";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    color:#2aa6ed;
    font-size:10px;
}

#kboard-thumbnail-list .kboard-list-title a:hover{
    color:#0098e6 !important;
}

#kboard-thumbnail-list .kboard-list-title .kboard-mobile-contents,
#kboard-thumbnail-list .kboard-list-title .kboard-comments-count{
    display:block;
    margin-top:4px;
    color:#6d8fa8 !important;
    font-size:12px !important;
    font-weight:700 !important;
}

/* 메타 */
#kboard-thumbnail-list .kboard-list-user{
    color:#3388c6 !important;
    font-size:13px !important;
    font-weight:900 !important;
}

#kboard-thumbnail-list .kboard-list-date{
    color:#5888aa !important;
    font-size:13px !important;
    font-weight:800 !important;
}

#kboard-thumbnail-list .kboard-list-view,
#kboard-thumbnail-list .kboard-list-vote,
#kboard-thumbnail-list .kboard-list-uid{
    color:#6a97b3 !important;
    font-size:13px !important;
    font-weight:800 !important;
}

#kboard-thumbnail-list img{
    max-width:42px !important;
    max-height:42px !important;
    border-radius:50%;
    border:2px solid #8fd8ff;
    box-shadow:0 4px 12px rgba(60,170,240,.18);
}

/* =========================
   LIST BUTTON / PAGINATION
========================= */
#kboard-thumbnail-list .kboard-thumbnail-button-small,
#kboard-thumbnail-list input.kboard-thumbnail-button-small,
#kboard-thumbnail-list button.kboard-thumbnail-button-small,
#kboard-thumbnail-list .kboard-control a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:40px !important;
    padding:0 22px !important;
    border-radius:10px !important;
    border:1px solid rgba(90,170,225,.6) !important;
    background:linear-gradient(to bottom,#7bd4ff,#2d96dc) !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    box-shadow:0 8px 18px rgba(70,170,240,.22);
    transition:.25s;
}

#kboard-thumbnail-list .kboard-thumbnail-button-small:hover,
#kboard-thumbnail-list .kboard-control a:hover{
    transform:translateY(-2px);
    background:linear-gradient(to bottom,#a8e8ff,#4bb2f0) !important;
}

#kboard-thumbnail-list .kboard-control{
    padding-top:22px !important;
}

#kboard-thumbnail-list .kboard-pagination{
    margin-top:28px;
    text-align:center;
}

#kboard-thumbnail-list .kboard-pagination-pages li a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:40px !important;
    height:40px !important;
    border-radius:10px !important;
    border:1px solid rgba(90,170,225,.55) !important;
    background:#fff !important;
    color:#2286c9 !important;
    font-weight:900 !important;
    box-shadow:0 5px 15px rgba(80,160,220,.15);
    transition:.25s;
}

#kboard-thumbnail-list .kboard-pagination-pages li.active a,
#kboard-thumbnail-list .kboard-pagination-pages li:hover a{
    background:linear-gradient(to bottom,#7fd5ff,#2e98de) !important;
    color:#fff !important;
}

/* ==========================================
   DOCUMENT VIEW
========================================== */
#kboard-thumbnail-document{
    position:relative !important;
    width:100% !important;
    margin:0 auto !important;
    padding:28px !important;
    box-sizing:border-box !important;
    border-radius:16px !important;
    background:linear-gradient(135deg,#f8fdff,#e6f8ff) !important;
    border:1px solid rgba(100,190,240,.45) !important;
    box-shadow:0 18px 45px rgba(60,150,210,.18) !important;
    color:#36516a !important;
}

#kboard-thumbnail-document .kboard-title{
    margin:0 0 22px 0 !important;
    padding:24px 26px !important;
    border-radius:14px !important;
    background:linear-gradient(to right,#7bd4ff,#2d96dc) !important;
    border:1px solid rgba(90,170,225,.65) !important;
    box-shadow:0 8px 22px rgba(80,160,220,.18) !important;
}

#kboard-thumbnail-document .kboard-title h1{
    position:relative !important;
    margin:0 !important;
    padding:0 0 0 20px !important;
    color:#fff !important;
    font-size:30px !important;
    font-weight:900 !important;
    line-height:1.3 !important;
    text-shadow:0 1px 2px rgba(0,80,140,.45) !important;
}

#kboard-thumbnail-document .kboard-title h1::before{
    content:"✦";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    color:#fff;
    font-size:12px;
}

#kboard-thumbnail-document .kboard-detail{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    margin:0 0 22px 0 !important;
    padding:0 !important;
}

#kboard-thumbnail-document .detail-attr{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-height:38px !important;
    padding:0 14px !important;
    border-radius:9px !important;
    background:#fff !important;
    border:1px solid rgba(116,190,235,.45) !important;
    box-shadow:0 5px 14px rgba(80,160,220,.10) !important;
}

#kboard-thumbnail-document .detail-name{
    color:#247db7 !important;
    font-size:12px !important;
    font-weight:900 !important;
}

#kboard-thumbnail-document .detail-value{
    color:#36516a !important;
    font-size:13px !important;
    font-weight:800 !important;
}

#kboard-thumbnail-document .admin_id_icon{
    width:18px !important;
    height:auto !important;
    margin-right:5px !important;
    vertical-align:middle !important;
}

#kboard-thumbnail-document .kboard-content{
    min-height:160px !important;
    margin:0 0 26px 0 !important;
    padding:28px !important;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid rgba(116,190,235,.45) !important;
    box-shadow:0 10px 25px rgba(80,160,220,.12) !important;
}

#kboard-thumbnail-document .content-view{
    color:#36516a !important;
    font-size:16px !important;
    font-weight:600 !important;
    line-height:1.9 !important;
}

#kboard-thumbnail-document .content-view p{
    margin:0 0 18px 0 !important;

}

#kboard-thumbnail-document .content-view img{
    max-width:100% !important;
    height:auto !important;
    border-radius:10px !important;
    box-shadow:0 8px 24px rgba(80,160,220,.18) !important;
}

#kboard-thumbnail-document .kboard-document-action{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    margin:0 0 26px 0 !important;
}

#kboard-thumbnail-document .kboard-comments-wrap,
#kboard-thumbnail-document .comments-wrap,
#kboard-thumbnail-document #kboard-comments{
    margin-top:26px !important;
    padding:24px !important;
    border-radius:16px !important;
    background:#fff !important;
    border:1px solid rgba(116,190,235,.45) !important;
    box-shadow:0 10px 25px rgba(80,160,220,.12) !important;
    color:#36516a !important;
}

#kboard-thumbnail-document .comments-header,
#kboard-thumbnail-document .kboard-comments-header{
    padding-bottom:14px !important;
    margin-bottom:18px !important;
    border-bottom:1px solid rgba(116,190,235,.25) !important;
}

#kboard-thumbnail-document .comments-count,
#kboard-thumbnail-document .kboard-comments-count{
    color:#247db7 !important;
    font-size:14px !important;
    font-weight:900 !important;
}

#kboard-thumbnail-document textarea,
#kboard-thumbnail-document .comment-textarea{
    width:100% !important;
    min-height:120px !important;
    padding:16px !important;
    border-radius:12px !important;
    border:1px solid rgba(91,174,232,.6) !important;
    background:#f8fdff !important;
    color:#36516a !important;
    font-size:14px !important;
    font-weight:700 !important;
    outline:none !important;
    resize:vertical !important;
}

#kboard-thumbnail-document textarea:focus,
#kboard-thumbnail-document .comment-textarea:focus{
    border-color:#28a8f2 !important;
    box-shadow:0 0 14px rgba(80,180,255,.22) !important;
}

#kboard-thumbnail-document .kboard-document-navi{
    margin-top:26px !important;
    padding:18px 22px !important;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid rgba(116,190,235,.45) !important;
    box-shadow:0 8px 22px rgba(80,160,220,.10) !important;
}

#kboard-thumbnail-document .kboard-document-navi a{
    color:#174b74 !important;
    font-size:14px !important;
    font-weight:800 !important;
}

#kboard-thumbnail-document .kboard-document-navi a:hover{
    color:#0093e8 !important;
}

#kboard-thumbnail-document .kboard-control{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    margin-top:26px !important;
}

#kboard-thumbnail-document .kboard-control a,
#kboard-thumbnail-document .kboard-control button,
#kboard-thumbnail-document .kboard-thumbnail-button-small,
#kboard-thumbnail-document .kboard-button-action,
#kboard-thumbnail-document input[type="submit"]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:82px !important;
    height:38px !important;
    padding:0 18px !important;
    border-radius:8px !important;
    border:1px solid rgba(91,174,232,.75) !important;
    background:linear-gradient(to bottom,#7bd4ff,#2d96dc) !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    box-shadow:0 5px 14px rgba(47,148,220,.25) !important;
    cursor:pointer !important;
}

#kboard-thumbnail-document .kboard-control a:hover,
#kboard-thumbnail-document .kboard-control button:hover,
#kboard-thumbnail-document .kboard-thumbnail-button-small:hover,
#kboard-thumbnail-document .kboard-button-action:hover,
#kboard-thumbnail-document input[type="submit"]:hover{
    background:linear-gradient(to bottom,#9ee2ff,#37a9f0) !important;
    color:#fff !important;
}

/* ==========================================
   CUSTOM SORT DROPDOWN
========================================== */
.kboard-sort-custom{
    position:relative;
    width:118px;
    z-index:9999;
}

.kboard-sort-custom-btn{
    width:100%;
    height:40px;
    border-radius:10px;
    border:1px solid #7ed3ff;
    background:linear-gradient(to bottom,#fff,#e7f8ff);
    color:#176da8;
    font-size:13px;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 5px 14px rgba(80,160,220,.16);
}

.kboard-sort-custom-btn::after{
    content:"▼";
    float:right;
    font-size:10px;
    color:#1f9fe8;
    margin-right:4px;
}

.kboard-sort-custom-list{
    display:none;
    position:absolute;
    top:44px;
    right:0;
    width:100%;
    padding:6px;
    margin:0;
    list-style:none;
    border-radius:10px;
    background:#fff;
    border:1px solid #7ed3ff;
    box-shadow:0 10px 24px rgba(60,160,220,.25);
}

.kboard-sort-custom.open .kboard-sort-custom-list{
    display:block;
}

.kboard-sort-custom-list li{
    height:34px;
    line-height:34px;
    padding:0 10px;
    border-radius:7px;
    color:#176da8;
    font-size:13px;
    font-weight:900;
    cursor:pointer;
}

.kboard-sort-custom-list li:hover,
.kboard-sort-custom-list li.active{
    background:linear-gradient(to bottom,#7fd5ff,#2e98de);
    color:#fff;
}

/* ==========================================
   CUSTOM SEARCH DROPDOWN
========================================== */
.kboard-search-custom{
    position:relative;
    width:86px;
    z-index:9999;
}

.kboard-search-custom-btn{
    width:100%;
    height:40px;
    padding:0 28px 0 12px;
    border-radius:9px;
    border:1px solid rgba(91,174,232,.7);
    background:linear-gradient(to bottom,#fff,#eaf8ff);
    color:#174b74;
    font-size:13px;
    font-weight:900;
    text-align:left;
    cursor:pointer;
    box-shadow:0 5px 14px rgba(80,160,220,.13);
}

.kboard-search-custom-btn::after{
    content:"▼";
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    color:#1f9fe8;
    font-size:10px;
}

.kboard-search-custom-list{
    display:none;
    position:absolute;
    left:0;
    top:44px;
    width:100%;
    margin:0;
    padding:6px;
    list-style:none;
    border-radius:10px;
    background:#fff;
    border:1px solid #7ed3ff;
    box-shadow:0 10px 24px rgba(60,160,220,.25);
}

.kboard-search-custom.open .kboard-search-custom-list{
    display:block;
}

.kboard-search-custom-list li{
    height:34px;
    line-height:34px;
    padding:0 10px;
    border-radius:7px;
    color:#176da8;
    font-size:13px;
    font-weight:900;
    cursor:pointer;
}

.kboard-search-custom-list li:hover,
.kboard-search-custom-list li.active{
    background:linear-gradient(to bottom,#7fd5ff,#2e98de);
    color:#fff;
}
#kboard-thumbnail-list .kboard-search form {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    padding: 12px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid rgba(110, 190, 235, .4);
    box-shadow: 0 5px 16px rgba(80, 160, 220, .08);
	width:100%;
}
#kboard-thumbnail-list  .kboard-search select{
width:90px;
}
#kboard-thumbnail-list .kboard-search input {
    flex: 1;
    width:260px;

}

/* 기존 select 숨김 */
#kboard-thumbnail-list select[name="kboard_list_sort"],
#kboard-thumbnail-list .kboard-search select{
    display:none !important;
}

/* ==========================================
   MOBILE
========================================== */
@media screen and (max-width:768px){
    #kboard-thumbnail-editor .mce-toolbar-grp{
        padding:4px !important;
    }

    #kboard-thumbnail-editor .wp-switch-editor{
        height:34px !important;
        padding:0 12px !important;
        font-size:12px !important;
    }

    #kboard-thumbnail-editor .kboard-control{
        flex-direction:column !important;
        gap:12px;
    }

    #kboard-thumbnail-editor .kboard-control a,
    #kboard-thumbnail-editor .kboard-control button,
    #kboard-thumbnail-editor .kboard-control input[type="submit"]{
        width:100% !important;
    }

    #kboard-thumbnail-list{
        padding:16px;
    }

    #kboard-thumbnail-list .kboard-list-header{
        gap:10px !important;
    }

    #kboard-thumbnail-list .kboard-total-count{
        height:32px !important;
        font-size:12px !important;
    }

    #kboard-thumbnail-list .kboard-list-sort select,
    #kboard-thumbnail-list .kboard_list_sort select,
    #kboard-thumbnail-list .kboard-sort select,
    #kboard-thumbnail-list select[name="kboard_list_sort"]{
        min-width:105px !important;
        height:36px !important;
        font-size:12px !important;
    }

    #kboard-thumbnail-list .kboard-search{
        display:block !important;
    }

    #kboard-thumbnail-list .kboard-search select,
    #kboard-thumbnail-list .kboard-search input,
    #kboard-thumbnail-list .kboard-search .kboard-thumbnail-button-small{
        width:100% !important;
        margin:4px 0 !important;
    }

    #kboard-thumbnail-list .kboard-list tbody td{
        font-size:12px !important;
        padding:10px 5px !important;
    }

    #kboard-thumbnail-list .kboard-list-title a{
        font-size:13px !important;
    }

    #kboard-thumbnail-document{
        padding:16px !important;
        border-radius:12px !important;
    }

    #kboard-thumbnail-document .kboard-title{
        padding:18px !important;
    }

    #kboard-thumbnail-document .kboard-title h1{
        font-size:24px !important;
    }

    #kboard-thumbnail-document .kboard-detail{
        display:block !important;
    }

    #kboard-thumbnail-document .detail-attr{
        margin-bottom:8px !important;
    }

    #kboard-thumbnail-document .kboard-content{
        padding:20px !important;
    }

    #kboard-thumbnail-document .kboard-control{
        flex-direction:column !important;
        gap:10px !important;
    }

    #kboard-thumbnail-document .kboard-control a,
    #kboard-thumbnail-document .kboard-control button{
        width:100% !important;
    }
}