/* BS4-Basic Dark Mode */

/* Åä±Û ¹öÆ° */
#darkModeToggle{
    width:42px;
    height:42px;
    padding:0;
    border:none;
    border-radius:12px;
    background:#ffffff;
    color:#5B5CEB;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:all .25s ease;
    box-shadow:0 3px 12px rgba(0,0,0,.15);
}

/* ´ÙÅ©¸ðµå ¹öÆ° */
body.dark-mode #darkModeToggle{
    background:#2B2B2B;
    color:#ffffff;
    border:1px solid #444;
}

/* ±âº» ¹è°æ/±ÛÀÚ */
body.dark-mode{
    background:#1b1d21 !important;
    color:#e6e8ec !important;
}

body.dark-mode .wrapper,
body.dark-mode #nt_body,
body.dark-mode .nt-body{
    background:#1b1d21 !important;
    color:#e6e8ec !important;
}

/* °øÅë ¹Ú½º */
body.dark-mode .bg-white,
body.dark-mode .card,
body.dark-mode .card-body,
body.dark-mode .list-group-item,
body.dark-mode .dropdown-menu,
body.dark-mode .modal-content,
body.dark-mode .popover,
body.dark-mode .container_wr,
body.dark-mode .na-col,
body.dark-mode .widget,
body.dark-mode .sidebar,
body.dark-mode .border-bottom,
body.dark-mode .border-top{
    background:#26292f !important;
    color:#e6e8ec !important;
    border-color:#3a3f47 !important;
}

/* Çì´õ/¸Þ´º */
body.dark-mode #nt_header,
body.dark-mode #nt_sticky,
body.dark-mode #nt_sticky_wrap,
body.dark-mode #header_mo,
body.dark-mode #nt_menu,
body.dark-mode #nt_menu_wrap,
body.dark-mode .navbar,
body.dark-mode .nav,
body.dark-mode .nav-tabs,
body.dark-mode .nav-pills{
    background:#202329 !important;
    color:#e6e8ec !important;
    border-color:#3a3f47 !important;
}

body.dark-mode #header_mo .bg-\#f8f9fa{
    background:#202329 !important;
}

/* ¸µÅ© */
body.dark-mode a{
    color:#9bbcff !important;
}

body.dark-mode a:hover{
    color:#c8d8ff !important;
}

/* ÅؽºÆ® */
body.dark-mode .text-black,
body.dark-mode .text-dark,
body.dark-mode .text-secondary,
body.dark-mode .text-muted{
    color:#cfd3da !important;
}

/* Å×À̺í */
body.dark-mode table,
body.dark-mode .table{
    background:#26292f !important;
    color:#e6e8ec !important;
}

body.dark-mode th,
body.dark-mode .table th{
    background:#30343c !important;
    color:#fff !important;
    border-color:#3f4650 !important;
}

body.dark-mode td,
body.dark-mode .table td{
    background:#26292f !important;
    color:#e6e8ec !important;
    border-color:#3f4650 !important;
}

body.dark-mode .table-striped tbody tr:nth-of-type(odd){
    background:#2c3037 !important;
}

/* ÀÔ·Ââ */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select,
body.dark-mode .form-control{
    background:#202329 !important;
    color:#f1f3f5 !important;
    border-color:#4a505a !important;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder{
    color:#9aa0aa !important;
}

body.dark-mode .form-control:focus{
    background:#202329 !important;
    color:#fff !important;
    border-color:#6f7cff !important;
    box-shadow:0 0 0 .2rem rgba(91,92,235,.25) !important;
}

/* ¹öÆ° */
body.dark-mode .btn-light,
body.dark-mode .btn-outline-secondary,
body.dark-mode .btn-default{
    background:#30343c !important;
    color:#e6e8ec !important;
    border-color:#4a505a !important;
}

body.dark-mode .btn-light:hover,
body.dark-mode .btn-outline-secondary:hover,
body.dark-mode .btn-default:hover{
    background:#3a3f47 !important;
    color:#fff !important;
}

/* °Ô½ÃÆÇ/¸®½ºÆ® °è¿­ */
body.dark-mode .list-group,
body.dark-mode .list-group-item,
body.dark-mode .na-list,
body.dark-mode .na-item,
body.dark-mode .basic-post-list,
body.dark-mode .board-list,
body.dark-mode .board-view,
body.dark-mode .view-content,
body.dark-mode .view-wrap,
body.dark-mode .write-wrap{
    background:#26292f !important;
    color:#e6e8ec !important;
    border-color:#3a3f47 !important;
}

/* ´ñ±Û */
body.dark-mode .comment,
body.dark-mode .comment-wrap,
body.dark-mode .cmt,
body.dark-mode .cmt_contents,
body.dark-mode .media,
body.dark-mode .media-body{
    background:#26292f !important;
    color:#e6e8ec !important;
    border-color:#3a3f47 !important;
}

/* ÆäÀÌÁö ŸÀÌƲ/ºê·¹µåÅ©·³ */
body.dark-mode .page-title,
body.dark-mode .breadcrumb,
body.dark-mode .breadcrumb-item,
body.dark-mode .breadcrumb-item.active{
    color:#e6e8ec !important;
}

body.dark-mode .breadcrumb{
    background:transparent !important;
}

/* µå·Ó´Ù¿î */
body.dark-mode .dropdown-item{
    color:#e6e8ec !important;
}

body.dark-mode .dropdown-item:hover{
    background:#343943 !important;
    color:#fff !important;
}

/* ¹èÁö/¶óº§ */
body.dark-mode .badge-light{
    background:#3a3f47 !important;
    color:#fff !important;
}

/* ±¸ºÐ¼± */
body.dark-mode hr,
body.dark-mode .border,
body.dark-mode .border-top,
body.dark-mode .border-bottom,
body.dark-mode .border-left,
body.dark-mode .border-right{
    border-color:#3a3f47 !important;
}

/* ǪÅÍ */
body.dark-mode #nt_footer,
body.dark-mode footer{
    background:#202329 !important;
    color:#cfd3da !important;
    border-color:#3a3f47 !important;
}

/* À̹ÌÁö/·Î°í´Â °úµµÇÏ°Ô ¾îµÓ°Ô ÇÏÁö ¾ÊÀ½ */
body.dark-mode img{
    opacity:.96;
}

/* ¸ð¹ÙÀÏ °Ë»ö ¿µ¿ª */
body.dark-mode #search_mo{
    background:#202329 !important;
    color:#e6e8ec !important;
}

/* ¼±Åà ¿µ¿ª */
body.dark-mode ::selection{
    background:#5B5CEB;
    color:#fff;
}


.dark-mode-floating{
    position:fixed;
    right:22px;
    bottom:70px;
    z-index:99999;
}

/* °Ô½ÃÆÇ Èò ¹è°æ Á¦°Å Ãß°¡ */
body.dark-mode .bo_fx,
body.dark-mode .tbl_head01,
body.dark-mode .tbl_head01 table,
body.dark-mode .tbl_head01 tbody,
body.dark-mode .tbl_head01 tr,
body.dark-mode .tbl_head01 td,
body.dark-mode .tbl_head01 th,
body.dark-mode .tbl_frm01,
body.dark-mode .tbl_frm01 table,
body.dark-mode .tbl_frm01 td,
body.dark-mode .tbl_frm01 th,
body.dark-mode .bo_v,
body.dark-mode .bo_v_con,
body.dark-mode #bo_list,
body.dark-mode #bo_v,
body.dark-mode #bo_w,
body.dark-mode #bo_cate,
body.dark-mode .list-board,
body.dark-mode .view-wrap,
body.dark-mode .write-wrap,
body.dark-mode .na-table,
body.dark-mode .na-board,
body.dark-mode .board-list,
body.dark-mode .board-view {
    background:#26292f !important;
    color:#e6e8ec !important;
    border-color:#3a3f47 !important;
}

/* °Ô½ÃÆÇ Á¦¸ñ/³»¿ë ±ÛÀÚ */
body.dark-mode .bo_tit,
body.dark-mode .bo_tit a,
body.dark-mode .wr_subject,
body.dark-mode .view-content,
body.dark-mode .board-view,
body.dark-mode .list-board a {
    color:#e6e8ec !important;
}

/* °Ô½ÃÆÇ Ä«Å×°í¸®/ÅÇ */
body.dark-mode #bo_cate a,
body.dark-mode .nav-link {
    background:#30343c !important;
    color:#e6e8ec !important;
    border-color:#3a3f47 !important;
}

/* Èò ¹è°æ °­Á¦ Á¦°Å */
body.dark-mode [style*="background:#fff"],
body.dark-mode [style*="background: #fff"],
body.dark-mode [style*="background-color:#fff"],
body.dark-mode [style*="background-color: #fff"],
body.dark-mode [style*="background:white"],
body.dark-mode [style*="background-color:white"] {
    background:#26292f !important;
    color:#e6e8ec !important;
}

/* µå·Ó´Ù¿î ¸Þ´º */
body.dark-mode .dropdown-menu,
body.dark-mode .dropdown-menu.show,
body.dark-mode .dropdown-item{
    background:#2b2b2b !important;
    color:#f1f1f1 !important;
    border-color:#444 !important;
}

body.dark-mode .dropdown-item:hover{
    background:#3b3b3b !important;
    color:#fff !important;
}

/* Ãßõ/ºñÃßõ */
body.dark-mode .btn,
body.dark-mode .btn-default,
body.dark-mode .btn-light,
body.dark-mode .btn-outline-secondary{
    background:#2b2b2b !important;
    color:#fff !important;
    border-color:#444 !important;
}


/* ´ñ±Û ÀÔ·Â */
body.dark-mode textarea,
body.dark-mode input{
    background:#202124 !important;
    color:#fff !important;
    border-color:#444 !important;
}


/* »ó´Ü µå·Ó´Ù¿î Èò ¹è°æ Á¦°Å */
body.dark-mode .dropdown-menu,
body.dark-mode .dropdown-menu.show,
body.dark-mode .dropdown-menu .dropdown-item,
body.dark-mode .dropdown-menu a {
    background:#2b2f36 !important;
    color:#e6e8ec !important;
    border-color:#3a3f47 !important;
}

body.dark-mode .dropdown-menu a:hover,
body.dark-mode .dropdown-menu .dropdown-item:hover {
    background:#3a3f47 !important;
    color:#ffffff !important;
}

/* ÁÂÃø ¸Þ´º Èò ¹è°æ Á¦°Å */
body.dark-mode .list-group-item.active,
body.dark-mode .list-group-item:hover,
body.dark-mode .sidebar .active,
body.dark-mode .na-side .active,
body.dark-mode .category .active {
    background:#2f3540 !important;
    color:#ffffff !important;
    border-color:#3a3f47 !important;
}

/* ÁÂÃø ¹Ú½º/¸Þ´º */
body.dark-mode .list-group,
body.dark-mode .sidebar,
body.dark-mode .na-side,
body.dark-mode .category {
    background:#26292f !important;
    color:#e6e8ec !important;
}

/* ³ª¸®¾ß »ó´Ü ¸Þ´º µå·Ó´Ù¿î */
body.dark-mode #nt_menu .me-list,
body.dark-mode #nt_menu .me-ul,
body.dark-mode #nt_menu .sub-menu,
body.dark-mode #nt_menu .dropdown-menu,
body.dark-mode #nt_menu_wrap .me-list,
body.dark-mode #nt_menu_wrap .me-ul,
body.dark-mode #nt_menu_wrap .sub-menu,
body.dark-mode #nt_menu_wrap .dropdown-menu {
    background:#2b2f36 !important;
    color:#e6e8ec !important;
    border-color:#3a3f47 !important;
}

body.dark-mode #nt_menu .me-list a,
body.dark-mode #nt_menu .me-ul a,
body.dark-mode #nt_menu .sub-menu a,
body.dark-mode #nt_menu .dropdown-menu a,
body.dark-mode #nt_menu_wrap .me-list a,
body.dark-mode #nt_menu_wrap .me-ul a,
body.dark-mode #nt_menu_wrap .sub-menu a,
body.dark-mode #nt_menu_wrap .dropdown-menu a {
    background:#2b2f36 !important;
    color:#e6e8ec !important;
}

body.dark-mode #nt_menu .me-list a:hover,
body.dark-mode #nt_menu .me-ul a:hover,
body.dark-mode #nt_menu .sub-menu a:hover,
body.dark-mode #nt_menu_wrap .me-list a:hover,
body.dark-mode #nt_menu_wrap .me-ul a:hover,
body.dark-mode #nt_menu_wrap .sub-menu a:hover {
    background:#3a3f47 !important;
    color:#ffffff !important;
}

/* ÁÂÃø Ä¿¹Â´ÏƼ ¼±Åà ¹Ú½º */
body.dark-mode .list-group-item,
body.dark-mode .list-group-item.active {
    background:#26292f !important;
    color:#e6e8ec !important;
    border-color:#3a3f47 !important;
}


/* ===== »ó´Ü PC ¸Þ´º ===== */
body.dark-mode .me-a,
body.dark-mode .me-a:link,
body.dark-mode .me-a:visited{
    color:#e6e8ec !important;
}

body.dark-mode .me-a:hover,
body.dark-mode .me-a.on{
    color:#ffffff !important;
}

/* ===== ÁÂÃø ¸Þ´º Á¦¸ñ ===== */
body.dark-mode .list-group-item.active,
body.dark-mode a.d-block.cursor{
    background:#2b2f36 !important;
    color:#ffffff !important;
    border-color:#3a3f47 !important;
}

/* ===== ÁÂÃø ¸Þ´º ¼±Åà ===== */
body.dark-mode .list-group-item:hover,
body.dark-mode .list-group-item.active{
    background:#3a3f47 !important;
    color:#ffffff !important;
}

body.dark-mode .list-group-item a{
    color:#cfd3da !important;
}

body.dark-mode .list-group-item.active a{
    color:#ffffff !important;
}

/* ===== ¸ð¹ÙÀÏ »çÀ̵å¹Ù ´ÙÅ©¸ðµå ===== */
body.dark-mode #sidebar_menu,
body.dark-mode .sidebar,
body.dark-mode .sidebar-content,
body.dark-mode .sidebar-body,
body.dark-mode .sidebar-box {
    background:#1f2228 !important;
    color:#e6e8ec !important;
}

/* ¸ð¹ÙÀÏ »çÀ̵å¹Ù »ó´Ü ŸÀÌƲ/´Ý±â */
body.dark-mode h3.clearfix.f-mo,
body.dark-mode #sidebar_menu h3,
body.dark-mode .sidebar h3 {
    background:#202329 !important;
    color:#e6e8ec !important;
}

/* ¸ð¹ÙÀÏ ÇÁ·ÎÇÊ ¹Ú½º */
body.dark-mode #sidebar_menu .card,
body.dark-mode #sidebar_menu .profile,
body.dark-mode #sidebar_menu .member,
body.dark-mode #sidebar_menu .rounded,
body.dark-mode .sidebar .card,
body.dark-mode .sidebar .profile,
body.dark-mode .sidebar .member,
body.dark-mode .sidebar .rounded {
    background:#26292f !important;
    color:#e6e8ec !important;
    border-color:#3a3f47 !important;
}

/* ¸ð¹ÙÀÏ ¸Þ´º Á¦¸ñ */
body.dark-mode #sidebar_menu .list-group-item,
body.dark-mode .sidebar .list-group-item {
    background:#26292f !important;
    color:#e6e8ec !important;
    border-color:#3a3f47 !important;
}

/* ¸ð¹ÙÀÏ ¸Þ´º ¸µÅ© */
body.dark-mode #sidebar_menu a,
body.dark-mode .sidebar a {
    color:#e6e8ec !important;
}

/* ¸ð¹ÙÀÏ ¸Þ´º ¼±ÅÃ/È£¹ö */
body.dark-mode #sidebar_menu a:hover,
body.dark-mode .sidebar a:hover,
body.dark-mode #sidebar_menu .active,
body.dark-mode .sidebar .active {
    background:#30343c !important;
    color:#ffffff !important;
}

/* ¸ð¹ÙÀÏ »çÀ̵å¹Ù Çì´õ */
body.dark-mode #nt_sidebar_header{
    background:#202329 !important;
    color:#e6e8ec !important;
}

/* bg-#f8f9fa Ŭ·¡½º °­Á¦ º¯°æ */
body.dark-mode .bg-\#f8f9fa{
    background:#202329 !important;
}

/* ´Ý±â(X) ¹öÆ° */
body.dark-mode #nt_sidebar_header .text-secondary,
body.dark-mode #nt_sidebar_header a{
    color:#e6e8ec !important;
}

/* ¸ð¹ÙÀÏ/ÁÂÃø ¼­ºê¸Þ´º Ŭ¸¯ ÈÄ °ËÁ¤»ö ¹æÁö */
body.dark-mode a.text-secondary,
body.dark-mode .text-secondary,
body.dark-mode .sub-1da,
body.dark-mode .me-sh,
body.dark-mode .me-sh a,
body.dark-mode .sub-1da:visited,
body.dark-mode .sub-1da:focus,
body.dark-mode .sub-1da:active {
    color:#e6e8ec !important;
}

/* ¸ð¹ÙÀÏ »çÀ̵å¹Ù ÇöÀç ¼±Åà ¸Þ´º */
body.dark-mode #nt_sidebar_menu .sub-ldli.on a{
    color:#ffffff !important;
    border-bottom:1px solid #555 !important;
}

/* °Ô½ÃÆÇ »ó´Ü Á¦¸ñÁÙ¸¸ */
body.dark-mode .na-table .na-header,
body.dark-mode .na-table .na-header > div,
body.dark-mode .board-list .na-header,
body.dark-mode .board-list .na-header > div {
    background:#30343c !important;
    color:#e6e8ec !important;
    border-color:#444 !important;
}

/* °Ô½ÃÆÇ ¸ñ·Ï ÁÙÀº ±âÁ¸ ¾îµÎ¿î ¹è°æ À¯Áö */
body.dark-mode .na-item {
    background:#26292f !important;
    color:#e6e8ec !important;
}

/* ´ñ±Û ÀÔ·Â ¹Ú½º */
body.dark-mode .cmt-box,
body.dark-mode .cmt-box.bg-light,
body.dark-mode .cmt-box textarea,
body.dark-mode .cmt-box .form-control {
    background:#26292f !important;
    color:#e6e8ec !important;
    border-color:#3a3f47 !important;
}

/* ´ñ±Û ÀÔ·Â ÇÏ´Ü Åø¹Ù */
body.dark-mode .cmt-box .bg-light,
body.dark-mode .cmt-box .border {
    background:#202329 !important;
    border-color:#3a3f47 !important;
}

/* ´ñ±Û µî·Ï ¹öÆ° ¿µ¿ª */
body.dark-mode .cmt-box button,
body.dark-mode .cmt-box .btn {
    background:#30343c !important;
    color:#ffffff !important;
    border-color:#4a505a !important;
}

/* »ó´Ü ¸Þ´º */
body.dark-mode #nt_menu_wrap a,
body.dark-mode #nt_menu_wrap .me-a,
body.dark-mode #nt_menu_wrap .me-a *{
    color:#e6e8ec !important;
}

/* ÇöÀç ¼±Åà ¸Þ´º */
body.dark-mode #nt_menu_wrap .on > a,
body.dark-mode #nt_menu_wrap .on .me-a,
body.dark-mode #nt_menu_wrap .active > a,
body.dark-mode #nt_menu_wrap .active .me-a{
    color:#ffffff !important;
}

/* º¯°æ ¹öÆ° */
body.dark-mode .wash-list-before{
    background:#333 !important;
    color:#e6e8ec !important;
    border:1px solid #555 !important;
}