/*------------------------------------------------
    eyoom (이윰빌더) - EB4_COMM_003 테마 Dark Mode
------------------------------------------------*/

.c-yellow {
    color: yellow;
}

.news-ticker .ticker-title {
    background: #ffff00;
}

#ol_after_private a strong {
    color: #ffff00 !important;
}

.comm003-gs-latest-box .comm003-gs-latest-title {
    border-color: #ffff00 !important;
}

.headline-short h1::after, .headline-short h2::after, .headline-short h3::after, .headline-short h4::after, .headline-short h5::after, .headline-short h6::after {
background: #ffff00 !important;
}

.ranking-content .ranking-num-1,
.ranking-content .ranking-num-2,
.ranking-content .ranking-num-3 {
  background: #ffff00 !important;
}

.ranking-content .float-end {
  color: #ffff00 !important;
}

/*---------- Common CSS ----------*/
.text-black {
    color: #d5d5d5 !important
}

.text-gray {
    color: #fff !important
}

.text-light-gray {
    color: #353535 !important
}

.btn-e {
    color: #000 !important
}

.btn-e-brd.btn-dark,
.btn-e-brd.btn-e-dark {
    color: #b5b5b5 !important;
    border-color: #30363d !important
}

.btn-e-brd.btn-dark:hover,
.btn-e-brd.btn-e-dark:hover {
    color: #d5d5d5 !important;
    border-color: #4a535e !important
}

.margin-hr-5,
.margin-hr-10,
.margin-hr-15,
.margin-hr-20,
.margin-hr-25,
.margin-hr-30,
.margin-hr-35,
.margin-hr-40 {
    border-color: #23272c !important
}

.alert .text-black {
    color: #000 !important
}

.dropdown-menu {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: #b5b5b5 !important
}

.alert-info {
    background: #5c6bbf;
    color: #08274b;
    border-color: #5c6bbf
}

.alert-success {
    background: #26a699;
    color: #102e12;
    border-color: #26a699
}

.alert-warning {
    background: #ffa72c;
    color: #6d220b;
    border-color: #ffa72c
}

.alert-danger {
    background: #ff785d;
    color: #380b0b;
    border-color: #ff785d
}

.alert-info li,
.alert-info p {
    color: #08274b
}

.alert-success li,
.alert-success p {
    color: #102e12
}

.alert-warning li,
.alert-warning p {
    color: #6d220b
}

.alert-danger li,
.alert-danger p {
    color: #380b0b
}

.alert-danger .text-crimson {
    color: #8a1700 !important
}

.bg-success {
    background-color: #26a699 !important;
    color: #102e12
}

.bg-info {
    background-color: #5c6bbf !important;
    color: #08274b
}

.bg-warning {
    background-color: #ffa72c !important;
    color: #6d220b
}

.bg-danger {
    background-color: #ff785d !important;
    color: #380b0b
}

a.bg-success:hover {
    background-color: #2bbdae !important;
    color: #102e12
}

a.bg-info:hover {
    background-color: #6474d1 !important;
    color: #08274b
}

a.bg-warning:hover {
    background-color: #fcaa38 !important;
    color: #6d220b
}

a.bg-danger:hover {
    background-color: #fa836b !important;
    color: #380b0b
}

.cont-text-bg .bg-success {
    background-color: #26a699 !important;
    color: #102e12
}

.cont-text-bg .bg-info {
    background-color: #5c6bbf !important;
    color: #08274b
}

.cont-text-bg .bg-warning {
    background-color: #ffa72c !important;
    color: #6d220b
}

.cont-text-bg .bg-danger {
    background-color: #ff785d !important;
    color: #380b0b
}

.table-list-eb thead {
    background-color: #000 !important;
    border-color: #30363d !important
}

.table-list-eb tbody,
.table-list-eb td,
.table-list-eb tfoot,
.table-list-eb th,
.table-list-eb thead,
.table-list-eb tr {
    border-color: #30363d !important
}

.table-list-eb .table-striped>tbody>tr:nth-of-type(odd)>* {
    background-color: #161b22 !important;
    color: #858585 !important
}

.table-list-eb .table-hover>tbody>tr:hover>* {
    background-color: #161b22 !important;
    color: #858585 !important
}

.table-list-eb .table-dark>thead>tr>*,
.table-list-eb .table-dark>tbody>tr>*,
.table-list-eb .table-dark>tbody>tr:nth-of-type(odd)>*,
.table-list-eb .table-dark>tbody>tr:hover>* {
    color: #b5b5b5 !important
}

.table-list-eb tfoot {
    background-color: #000 !important;
    border-color: #30363d !important
}

blockquote.hero {
    background-color: #252525 !important;
    border-color: #454545 !important
}

blockquote.hero-right {
    background-color: #252525 !important;
    border-color: #454545 !important
}

blockquote.hero:hover {
    background-color: #353535 !important;
    border-color: #555555 !important
}

.panel .panel-heading {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.panel .panel-body {
    border-color: #30363d !important
}

.panel-primary>.panel-heading {
    background-color: #3745a5 !important;
    border-color: #3745a5 !important;
    color: #021427
}

.panel-primary>.panel-body {
    border-color: #3745a5 !important
}

.panel-info>.panel-heading {
    background-color: #5c6bbf !important;
    border-color: #5c6bbf !important;
    color: #08274b
}

.panel-info>.panel-body {
    border-color: #5c6bbf !important
}

.panel-success>.panel-heading {
    background-color: #26a699 !important;
    border-color: #26a699 !important;
    color: #102e12
}

.panel-success>.panel-body {
    border-color: #26a699 !important
}

.panel-warning>.panel-heading {
    background-color: #ffa72c !important;
    border-color: #ffa72c !important;
    color: #6d220b
}

.panel-warning>.panel-body {
    border-color: #ffa72c !important
}

.panel-danger>.panel-heading {
    background-color: #ff785d !important;
    border-color: #ff785d !important;
    color: #380b0b
}

.panel-danger>.panel-body {
    border-color: #ff785d !important
}

.panel-red>.panel-heading {
    background-color: #e53935 !important;
    border-color: #e53935 !important;
    color: #fff
}

.panel-red>.panel-body {
    border-color: #e53935 !important
}

.panel-crimson>.panel-heading {
    background-color: #cc2300 !important;
    border-color: #cc2300 !important;
    color: #fff
}

.panel-crimson>.panel-body {
    border-color: #cc2300 !important
}

.panel-pink>.panel-heading {
    background-color: #d81b60 !important;
    border-color: #d81b60 !important;
    color: #fff
}

.panel-pink>.panel-body {
    border-color: #d81b60 !important
}

.panel-purple>.panel-heading {
    background-color: #8e24aa !important;
    border-color: #8e24aa !important;
    color: #fff
}

.panel-purple>.panel-body {
    border-color: #8e24aa !important
}

.panel-deep-purple>.panel-heading {
    background-color: #5e35b1 !important;
    border-color: #5e35b1 !important;
    color: #fff
}

.panel-deep-purple>.panel-body {
    border-color: #5e35b1 !important
}

.panel-indigo>.panel-heading {
    background-color: #3949ab !important;
    border-color: #3949ab !important;
    color: #fff
}

.panel-indigo>.panel-body {
    border-color: #3949ab !important
}

.panel-blue>.panel-heading {
    background-color: #1e88e5 !important;
    border-color: #1e88e5 !important;
    color: #fff
}

.panel-blue>.panel-body {
    border-color: #1e88e5 !important
}

.panel-light-blue>.panel-heading {
    background-color: #039be5 !important;
    border-color: #039be5 !important;
    color: #fff
}

.panel-light-blue>.panel-body {
    border-color: #039be5 !important
}

.panel-cyan>.panel-heading {
    background-color: #00acc1 !important;
    border-color: #00acc1 !important;
    color: #fff
}

.panel-cyan>.panel-body {
    border-color: #00acc1 !important
}

.panel-teal>.panel-heading {
    background-color: #00897b !important;
    border-color: #00897b !important;
    color: #fff
}

.panel-teal>.panel-body {
    border-color: #00897b !important
}

.panel-green>.panel-heading {
    background-color: #43a047 !important;
    border-color: #43a047 !important;
    color: #fff
}

.panel-green>.panel-body {
    border-color: #43a047 !important
}

.panel-light-green>.panel-heading {
    background-color: #7cb342 !important;
    border-color: #7cb342 !important;
    color: #fff
}

.panel-light-green>.panel-body {
    border-color: #7cb342 !important
}

.panel-lime>.panel-heading {
    background-color: #c0ca33 !important;
    border-color: #c0ca33 !important;
    color: #fff
}

.panel-lime>.panel-body {
    border-color: #c0ca33 !important
}

.panel-yellow>.panel-heading {
    background-color: #fdd835 !important;
    border-color: #fdd835 !important;
    color: #fff
}

.panel-yellow>.panel-body {
    border-color: #fdd835 !important
}

.panel-amber>.panel-heading {
    background-color: #ffb300 !important;
    border-color: #ffb300 !important;
    color: #fff
}

.panel-amber>.panel-body {
    border-color: #ffb300 !important
}

.panel-orange>.panel-heading {
    background-color: #fb8c00 !important;
    border-color: #fb8c00 !important;
    color: #fff
}

.panel-orange>.panel-body {
    border-color: #fb8c00 !important
}

.panel-deep-orange>.panel-heading {
    background-color: #f4511e !important;
    border-color: #f4511e !important;
    color: #fff
}

.panel-deep-orange>.panel-body {
    border-color: #f4511e !important
}

.panel-brown>.panel-heading {
    background-color: #6d4c41 !important;
    border-color: #6d4c41 !important;
    color: #fff
}

.panel-brown>.panel-body {
    border-color: #6d4c41 !important
}

.panel-gray>.panel-heading {
    background-color: #757575 !important;
    border-color: #757575 !important;
    color: #fff
}

.panel-gray>.panel-body {
    border-color: #757575 !important
}

.panel-dark>.panel-heading {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: #b5b5b5
}

.panel-dark>.panel-body {
    border-color: #30363d !important
}

.headline {
    border-color: #30363d !important
}

.progress {
    background-color: #555555 !important
}

.thumbnail {
    background-color: #000 !important;
    border-color: #30363d !important
}

.caption-overflow {
    background-color: #000 !important
}

.sidebar-nav-e1 {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.sidebar-nav-e1>li {
    border-color: #30363d !important
}

.sidebar-nav-e1>li.active {
    background-color: #000 !important;
    border-color: #515b66 !important
}

.sidebar-nav-e1 li ul,
.sidebar-nav-e1 li.active ul a {
    background-color: #0d1116 !important
}

.sidebar-nav-e1 li ul a {
    border-color: #30363d !important;
    color: #858585 !important
}

.sidebar-nav-e1 li ul a:before {
    border-color: #515b66 !important
}

.sidebar-nav-e1 li.active>a {
    color: #cc2300 !important
}

.profile-modal .profile-photo {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) !important;
    background-color: #000 !important
}

.profile-modal .profile-photo img {
    background-color: #000 !important
}

.eb-hidden-space {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.sv_wrap .sv {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.sv_wrap .sv a {
    background-color: #161b22 !important
}

.exif_info {
    background-color: #000 !important;
    border-color: #30363d !important
}

.exif_info ul li a {
    color: #858585 !important
}

#captcha #captcha_img {
    border: 1px solid #30363d
}

#captcha #captcha_key {
    background-color: #000 !important;
    border: 1px solid #30363d;
    color: #858585 !important
}

#captcha #captcha_mp3 {
    background-color: #161b22 !important;
    border: 1px solid #30363d
}

#captcha #captcha_mp3:after {
    color: #b5b5b5 !important
}

#captcha #captcha_reload {
    background-color: #161b22 !important;
    border: 1px solid #30363d
}

#captcha #captcha_reload:after {
    color: #b5b5b5 !important
}

/*---------- Eyoom Form ----------*/
.eyoom-form {
    color: #858585 !important
}

.eyoom-form.bd-1px {
    border-color: #30363d !important
}

.eyoom-form fieldset {
    background-color: #0d1116 !important;
    border-color: #30363d !important
}

.eyoom-form header {
    color: #b5b5b5 !important;
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.eyoom-form .label {
    color: #858585 !important
}

.eyoom-form .input input,
.eyoom-form .select select,
.eyoom-form .textarea textarea {
    background-color: #000 !important;
    color: #858585 !important
}

.eyoom-form .input input:focus,
.eyoom-form .select select:focus,
.eyoom-form .textarea textarea:focus {
    border-color: #515b66 !important
}

.eyoom-form .checkbox i,
.eyoom-form .icon-append,
.eyoom-form .icon-prepend,
.eyoom-form .input input,
.eyoom-form .radio i,
.eyoom-form .select select,
.eyoom-form .textarea textarea,
.eyoom-form .toggle i {
    border-color: #30363d !important
}

.eyoom-form .select i {
    background-color: #000 !important
}

.eyoom-form .toggle {
    color: #858585 !important
}

.eyoom-form .toggle i {
    background-color: #000 !important;
    box-shadow: inset 0 0 0 1px #30363d !important
}

.eyoom-form .toggle i:after {
    background-color: #30363d !important;
    box-shadow: inset 0 0 0 1px #30363d !important
}

.eyoom-form .icon-append,
.eyoom-form .icon-prepend {
    background-color: #0d1116 !important
}

.eyoom-form .checkbox,
.eyoom-form .radio {
    color: #858585 !important
}

.eyoom-form .checkbox i,
.eyoom-form .radio i {
    background-color: #000 !important
}

.eyoom-form .input-button .button {
    background-color: #353535 !important;
    border-color: #000 !important;
    color: #b5b5b5 !important
}

.eyoom-form input[type="file"]::file-selector-button {
    background-color: #0d1116 !important;
    color: #858585 !important
}

.eyoom-form .rating {
    color: #555555 !important
}

.eyoom-form .rating label {
    color: #555555 !important
}

.eyoom-form .rating input+label:hover,
.eyoom-form .rating input+label:hover~label {
    color: #cc2300 !important
}

.eyoom-form .rating.red-checked input+label:hover,
.eyoom-form .rating.red-checked input+label:hover~label {
    color: #cc2300 !important
}

.eyoom-form .rating.blue-checked input+label:hover,
.eyoom-form .rating.blue-checked input+label:hover~label {
    color: #1e88e5 !important
}

.eyoom-form .rating.green-checked input+label:hover,
.eyoom-form .rating.green-checked input+label:hover~label {
    color: #43a047 !important
}

.eyoom-form .rating.yellow-checked input+label:hover,
.eyoom-form .rating.yellow-checked input+label:hover~label {
    color: #ff9500 !important
}

.eyoom-form .note {
    color: #555555 !important
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
    background-color: #000 !important;
    border-color: #30363d !important;
    color: #858585 !important
}

.selectize-control.multi .selectize-input>div {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: #858585 !important
}

.selectize-control.multi .selectize-input>div.active {
    background-color: #1e88e5 !important;
    color: #fff !important
}

.selectize-input.has-items>input {
    color: #858585 !important
}

.eyoom-form .ui-slider {
    background-color: #30363d !important
}

.eyoom-form .ui-slider-handle {
    background-color: #000 !important;
    border-color: #434a52 !important
}

.eyoom-form .tag-editor {
    background-color: #000 !important;
    border-color: #30363d !important
}

.asColorPicker-trigger {
    border-color: #000 !important
}

/*---------- Bootstrap ----------*/
.modal-content {
    background-color: #0d1116;
    border: 1px solid #30363d
}

.modal-backdrop.show {
    opacity: 0.75
}

.btn-close {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.table {
    color: #858585 !important
}

.card {
    background-color: #161b22;
    border-color: #30363d
}

.card-header {
    border-color: #30363d
}

.mark,
mark {
    background-color: #25327c;
    color: #d5d5d5
}

.accordion-item {
    background-color: #0d1116 !important;
    border-color: #30363d !important
}

.accordion-button {
    background-color: #0d1116 !important;
    color: #858585 !important
}

.accordion-button:not(.collapsed) {
    background-color: #161b22 !important;
    color: #b5b5b5 !important;
    border-bottom: 1px solid #30363d !important
}

.accordion-button::after {
    filter: brightness(2) !important
}

.nav-tabs {
    border-color: #30363d !important
}

.nav-tabs .nav-link.active {
    background-color: #0d1116 !important;
    border-color: #30363d !important
}

.nav-tabs .nav-link:hover {
    border-color: #30363d !important
}

/*---------- ckeditor4 ----------*/
.cke_reset {
    border-color: #30363d !important
}

.cke_top {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.cke_button:hover {
    filter: invert(1) grayscale(100%) brightness(200%) !important
}

.cke_button_icon {
    filter: brightness(2.5) !important
}

.cke_button_on {
    background-color: rgba(255, 255, 255, .3) !important;
    border-color: rgba(255, 255, 255, .7) !important
}

.cke_toolbar_separator {
    background-color: #4a535e !important
}

.cke_toolbar_separator,
.cke_toolgroup a.cke_button:last-child::after,
.cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child::after {
    background-color: #4a535e !important;
    border-color: #4a535e !important
}

.cke_combo:after {
    border-color: #4a535e !important
}

.cke_combo_button:hover {
    filter: invert(1) grayscale(100%) brightness(200%) !important
}

.cke_combo_text {
    color: #858585 !important
}

.cke_combo_arrow {
    border-top: 3px solid #858585 !important
}

.cke_bottom {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.cke_contents {
    background-color: #000 !important;
    color: #858585 !important
}

.cke_editable {
    background-color: #000 !important;
    color: #858585 !important
}

/*---------- magnific-popup ----------*/
.white-popup-block {
    background-color: #161b22 !important;
    border: 1px solid #30363d !important
}

/*---------- sweetalert2 ----------*/
.swal2-popup {
    background-color: #161b22 !important;
    border: 1px solid #30363d !important
}

.swal2-title {
    color: #b5b5b5 !important
}

.swal2-html-container {
    color: #858585 !important
}

/*---------- venobox ----------*/
.vbox-figlio {
    box-shadow: none !important;
    border: 1px solid #30363d !important
}

/*---------- sly ----------*/
/* tab-scroll-category */
.tab-scroll-category #tab-category .category-list span.active a {
    color: #d5d5d5 !important;
    border-color: #858585 !important
}

.tab-scroll-category .scrollbar {
    background: #30363d !important
}

.tab-scroll-category .scrollbar .handle {
    background: #4b545f !important
}

.tab-scroll-category .controls .btn {
    background: rgba(255, 255, 255, 0.7) !important
}

.tab-scroll-category .tab-category-divider {
    background: #30363d !important
}

/* tab-scroll-page-category */
.tab-scroll-page-category #tab-page-category .page-category-list span.active a {
    color: #d5d5d5;
    border-color: #858585 !important
}

.tab-scroll-page-category .scrollbar {
    background: #30363d !important
}

.tab-scroll-page-category .scrollbar .handle {
    background: #4b545f !important
}

.tab-scroll-page-category .controls .btn {
    background: rgba(255, 255, 255, 0.7) !important
}

.tab-scroll-page-category .tab-page-category-divider {
    background: #30363d !important
}

/*---------- jsgrid ----------*/
.jsgrid-edit-row>.jsgrid-cell,
.jsgrid-filter-row>.jsgrid-cell,
.jsgrid-grid-body,
.jsgrid-grid-header,
.jsgrid-header-row>.jsgrid-header-cell,
.jsgrid-insert-row>.jsgrid-cell {
    border-color: #30363d !important
}

.jsgrid-header-row>th {
    background-color: #000 !important
}

.jsgrid-grid-body {
    background-color: #0d1116 !important
}

.jsgrid-row>.jsgrid-cell {
    background-color: #0d1116 !important
}

.jsgrid-cell {
    background-color: #0d1116 !important;
    border-color: #30363d !important
}

.jsgrid-selected-row>.jsgrid-cell {
    background-color: #000 !important;
    border-color: #30363d !important
}

/*---------- Reset Styles ----------*/
body {
    background-color: #0d1116 !important;
    color: #858585 !important
}

a {
    color: #ffffff !important
}

img {
    filter: brightness(.8) contrast(1.2) !important
}

/*---------- Preloader ----------*/
.loader-wrap {
    background-color: #161b22 !important
}

.loading-container .loading {
    border-color: transparent #858585 transparent #858585 !important
}

#loading-text {
    color: #858585 !important
}

/*---------- Wrapper ----------*/
.wrapper {
    background-color: #0d1116;
    color: #fff !important
}

/*---------- Header & Navbar ----------*/
.header-wrap {
    background-color: #0d1116
}

.top-header {
    background-color: #2d2d38;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.top-header-mobile-btn .navbar-toggler {
    color: #fff !important;
}




.top-header-nav li>a {
    color: #858585
}

.header-title {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.title-logo img {
    filter: brightness(1) contrast(1) !important
}

.header-title-mobile-btn .search-toggle {
    color: #fff
}

.nav-wrap {
    background-color: #0d1116;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important
}

.navbar-nav a,
.navbar-toggler {
    color: #fff
}

.navbar-nav .dropdown-menu {
    background-color: #0d1116;
    border: 1px solid #30363d;
    margin-top: 0
}

.nav-sticky .navbar-nav>li>a,
.nav-sticky .navbar-toggler {
    color: #fff
}

.navbar-nav .mega-menu-col {
    border-color: #30363d
}

.navbar-nav .mega-menu-col:nth-child(5),
.navbar-nav .mega-menu-col:nth-child(6) h5,
.navbar-nav .mega-menu-col:nth-child(7) h5,
.navbar-nav .mega-menu-col:nth-child(8) h5,
.navbar-nav .mega-menu-col:nth-child(9) h5,
.navbar-nav .mega-menu-col:nth-child(10) h5,
.navbar-nav .mega-menu-col:nth-child(11) h5,
.navbar-nav .mega-menu-col:nth-child(12) h5,
.navbar-nav .mega-menu-col:nth-child(13) h5,
.navbar-nav .mega-menu-col:nth-child(14) h5,
.navbar-nav .mega-menu-col:nth-child(15) h5 {
    border-color: #30363d !important
}

.navbar-nav .mega-menu-col h5 a {
    color: #58a6ff !important
}

@media (max-width:991px) {
    .sidebar-left {
        background-color: #0d1116;
        border-right: 1px solid rgba(255, 255, 255, 0.12) !important
    }

    .sidebar-left .sidebar-member-menu {
        background-color: #000;
        border-color: #30363d
    }

    .sidebar-left .navbar-nav {
        border-color: #23272c
    }

    .sidebar-left .navbar-nav>li a {
        border-color: #23272c
    }

    .sidebar-left .navbar-nav>li a:hover {
        border-color: #23272c
    }

    .sidebar-left .navbar-nav>li>.cate-dropdown-open {
        border-color: #23272c
    }

    .sidebar-left .navbar-nav>li>.cate-dropdown-open:before {
        color: #b5b5b5
    }

    .sidebar-left .navbar-nav .dropdown-menu:after {
        background-color: #23272c
    }

    .sidebar-left .navbar-nav .dropdown-submenu>a {
        background-color: #000
    }

    .sidebar-left .navbar-nav .dropdown-submenu>a.active {
        background-color: #cc2300;
        color: #d5d5d5 !important
    }

    .sidebar-left .navbar-nav .dropdown-submenu>a:after {
        background-color: #000;
        border-color: #23272c
    }

    .sidebar-left .navbar-nav .dropdown-submenu:first-child>a {
        border-color: #23272c
    }

    .sidebar-left .navbar-nav .dropdown-submenu>a:hover {
        background-color: #0d1116
    }

    .sidebar-left .navbar-nav .dropdown-submenu:first-child>a:hover {
        border-color: #23272c
    }

    .sidebar-left .navbar-nav .dropdown-menu .dropdown-menu .dropdown-submenu>a:after {
        background-color: #23272c
    }
}

/*---------- Page Title ----------*/
.page-title-wrap {
    background: #EEC01F;
}

.page-title-wrap h2 {
    color: #fff;
}

/*---------- Sidebar User ----------*/
@media (max-width: 991px) {
    .sidebar-user {
        background-color: #0d1116;
        border-left: 1px solid rgba(255, 255, 255, 0.12) !important
    }
}

/*---------- Sidebar Right ----------*/
.sidebar-right .btn-close {
    filter: none
}

/*---------- Footer ----------*/
.footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    background-color: #161b22
}

.footer-top {
    border-color: #30363d
}

.footer-nav a {
    color: #858585 !important
}

.footer-cont-info .cont-first p {
    color: #555
}

.footer-cont-info .cont-first p strong {
    color: #858585
}

.footer-cont-info .cont-last {
    border-color: #30363d !important
}

.footer-cont-info .cont-last strong {
    color: #b5b5b5
}

.footer-cont-info .cont-last span {
    color: #555
}

.footer-cont-info .cont-last span.info-divider {
    color: #303030
}

.footer-cont-info .cont-last a {
    color: #858585 !important
}

.footer-cont-info .cont-last a:hover {
    color: #858585 !important
}

.family-site dd ul {
    background-color: #161b22;
    border-color: #30363d
}

.family-site ul li {
    border-color: #30363d
}

@media (max-width: 991px) {
    .footer-cont-box:nth-child(1) {
        border-color: #30363d
    }
}

/*---------- Side Pc Nav ----------*/
.side-pc-nav {
    border-color: rgba(255, 255, 255, 0.2);
    background-color: #161b22
}

.side-pc-nav .sp-nav-box {
    color: #858585
}

.side-pc-nav .sp-nav-box:hover {
    color: #b5b5b5
}

.side-pc-nav .sp-nav-box:after {
    background-color: #30363d
}

/*---------- Eb BackToTop ----------*/
.eb-backtotop {
    background-color: #161b22
}

.eb-backtotop:after {
    color: #858585
}

.eb-backtotop .progress-count {
    color: #858585 !important
}

/*---------- Eblatest ----------*/
/* basic */
.basic-latest .nav-tabs li a {
    background-color: #000 !important;
    border-color: #30363d !important;
    color: #555 !important
}

.basic-latest .nav-tabs li a:hover {
    background-color: #0d1116 !important;
    border-bottom: 1px solid #30363d !important
}

.basic-latest .nav-tabs li a.active {
    background-color: #0d1116 !important;
    color: #fff !important;
    border-bottom: 1px solid transparent !important
}

.basic-latest .tab-content li a {
    color: #858585 !important
}

.basic-latest .tab-content .basic-comment {
    background-color: #0d1116 !important
}

.basic-latest .tab-content .basic-nick {
    color: #555 !important
}

.basic-latest .tab-content .basic-photo .basic-user-icon {
    background-color: #0d1116 !important;
    color: #555 !important
}

.basic-latest .tab-content a:hover .basic-subj {
    color: #858585 !important
}

.basic-latest .tab-content a:hover .basic-nick {
    color: #555 !important
}

/* besteset */
.basic-best .nav-tabs li a {
    background-color: #000 !important;
    border-color: #30363d !important;
    color: #555 !important
}

.basic-best .nav-tabs li a:hover {
    background-color: #0d1116 !important;
    border-bottom: 1px solid #30363d !important
}

.basic-best .nav-tabs li a.active {
    background-color: #0d1116 !important;
    color: #b5b5b5 !important;
    border-bottom: 1px solid transparent !important
}

.basic-best .tab-content li a {
    color: #858585 !important
}

.basic-best .tab-content .txt-comment {
    background-color: #0d1116 !important
}

.basic-best .tab-content .txt-nick {
    color: #555 !important
}

.basic-best .tab-content .txt-photo .txt-user-icon {
    background-color: #0d1116 !important;
    color: #555 !important
}

.basic-best .tab-content a:hover .txt-subj {
    color: #858585 !important
}

.basic-best .tab-content a:hover .txt-nick {
    color: #555 !important
}

/* comm003_basic_slider */
.comm003-bs-latest li a {
    color: #858585 !important
}

.comm003-bs-latest .basic-comment {
    background-color: #0d1116 !important
}

.comm003-bs-latest .basic-nick {
    color: #555 !important
}

.comm003-bs-latest .basic-photo .basic-user-icon {
    background-color: #0d1116 !important;
    color: #555 !important
}

.comm003-bs-latest li a:hover .basic-subj {
    color: #858585 !important
}

.comm003-bs-latest li a:hover .basic-nick {
    color: #555 !important
}

/* comm003_gallery_slider */
.comm003-gs-latest .txt-subj h5 {
    color: #858585 !important
}

.comm003-gs-latest .txt-subj .gs-comment {
    background-color: #0d1116 !important
}

.comm003-gs-latest .txt-nick {
    color: #555 !important
}

/* comm003_vertical_ticker */
.comm003-vt-latest {
    background-color: #000 !important;
    border-color: #30363d !important
}

.comm003-vt-latest li {
    border-color: #30363d !important
}

.comm003-vt-latest li:nth-child(odd) {
    background: transparent !important;
    opacity: 0.3
}

.comm003-vt-latest h5 {
    color: #858585 !important
}

.comm003-vt-latest .vt-comment {
    background: #000 !important
}

.comm003-vt-latest p {
    color: #555 !important
}

/* gallery */
.gallery-latest .nav-tabs li a {
    background-color: #000 !important;
    border-color: #30363d !important;
    color: #555 !important
}

.gallery-latest .nav-tabs li a:hover {
    background-color: #0d1116 !important;
    border-bottom: 1px solid #30363d !important
}

.gallery-latest .nav-tabs li a.active {
    background-color: #0d1116 !important;
    color: #b5b5b5 !important;
    border-bottom: 1px solid transparent !important
}

.gallery-latest .txt-subj h5 {
    color: #858585 !important
}

.gallery-latest .txt-subj .gallery-comment {
    background-color: #0d1116 !important
}

.gallery-latest .txt-nick {
    color: #555 !important
}

/* newpost */
.newpost-latest .nav-tabs li a {
    background-color: #000 !important;
    border-color: #30363d !important;
    color: #555 !important
}

.newpost-latest .nav-tabs li a:hover {
    background-color: #161b22 !important;
    border-bottom: 1px solid #30363d !important
}

.newpost-latest .nav-tabs li a.active {
    background-color: #161b22 !important;
    color: #b5b5b5 !important;
    border-bottom: 1px solid transparent !important
}

.newpost-latest .tab-content {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.newpost-latest .tab-content li a {
    color: #858585 !important
}

.newpost-latest .tab-content .newpost-comment {
    background-color: #161b22 !important
}

.newpost-latest .tab-content .newpost-nick {
    color: #555 !important
}

.newpost-latest .tab-content .newpost-photo .newpost-user-icon {
    background-color: #0d1116 !important;
    color: #555 !important
}

.newpost-latest .tab-content a:hover .newpost-subj {
    color: #858585 !important
}

.newpost-latest .tab-content a:hover .newpost-nick {
    color: #555 !important
}

/* news_ticker */
.news-ticker {
    background-color: #0d1116 !important;
    border-color: #30363d !important
}

.news-ticker .ticker-title {
    border-color: #0d1116 !important;
    color: #fff !important
}

.news-ticker .ticker-buttons button {
    border-color: #0d1116 !important
}

/* webzine */
.webzine-latest .nav-tabs li a {
    background-color: #000 !important;
    border-color: #30363d !important;
    color: #555 !important
}

.webzine-latest .nav-tabs li a:hover {
    background-color: #0d1116 !important;
    border-bottom: 1px solid #30363d !important
}

.webzine-latest .nav-tabs li a.active {
    background-color: #0d1116 !important;
    color: #b5b5b5 !important;
    border-bottom: 1px solid transparent !important
}

.webzine-latest .txt-subj h5 {
    color: #858585 !important
}

.webzine-latest .txt-subj .webzine-comment {
    background-color: #0d1116 !important
}

.webzine-latest .txt-cont {
    color: #555 !important
}

.webzine-latest .txt-nick {
    color: #555 !important
}

/*---------- Ebcontents ----------*/
/* comm003_relation_site */
.comm003-rs-contents dt a {
    border-color: #30363d !important
}

.comm003-rs-contents dd ul {
    background-color: #000 !important;
    border: 1px solid #30363d !important
}

.comm003-rs-contents ul li {
    border-color: #30363d !important
}

.comm003-rs-contents ul li:first-child {
    border: 0 !important
}

.comm003-rs-contents ul li a:hover {
    background-color: #0d1116 !important
}

/*---------- board / common ----------*/
/* list */
.board-list .board-setup {
    border-color: #30363d !important
}

.board-list .board-setup-btn:nth-child(odd) {
    background-color: #252525 !important
}

.board-list .view-infinite-more .btn-e-xlg {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.board-list .view-infinite-more .btn-e-xlg i {
    color: #b5b5b5 !important
}

/* view */
.board-view .board-setup {
    border-color: #30363d !important
}

.board-view .board-view-subj {
    color: #b5b5b5 !important
}

.board-view .board-view-info {
    background-color: #000 !important;
    border-color: #30363d !important
}

.board-view .board-view-info .info-box-bottom i {
    color: #555555 !important
}

.board-view .board-view-file li {
    border-color: #30363d !important
}

.board-view .board-view-link li {
    border-color: #30363d !important
}

.board-view .board-view-star .star-ratings-view li .rating {
    color: #555555 !important
}

.board-view .board-view-star .collapse-rating-result-panel {
    background-color: #000 !important;
    border-color: #30363d !important
}

.board-view .board-view-star .collapse-rating-panel {
    background-color: #000 !important;
    border-color: #30363d !important
}

.board-view .board-view-star {
    border-color: #30363d !important
}

.board-view .board-view-star .collapse-rating-result-panel>span:after {
    color: #353535 !important
}

.board-view .board-view-tag {
    background-color: #000 !important;
    border-color: #30363d !important
}

.board-view .board-view-tag .fa-tags {
    color: #858585 !important
}

.board-view .board-view-tag span {
    background-color: #353535 !important
}

.board-view .board-view-btn-wrap {
    border-color: #30363d !important
}

.board-view .board-view-btn {
    background-color: #000 !important;
    border-color: #30363d !important;
    color: #b5b5b5 !important
}

.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn {
    background-color: #000 !important;
    border-color: #30363d !important
}

.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover {
    border-color: #4a535e !important
}

.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover i {
    color: #fff !important
}

.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn h5 {
    color: #b5b5b5 !important
}

.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn .mask {
    background-color: #000 !important
}

.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover .mask {
    opacity: 0.8 !important
}

.board-view .board-view-good-member {
    background-color: #000 !important;
    border-color: #30363d !important
}

.board-view .board-view-good-member>span:after {
    color: #353535 !important
}

/* view_comment */
.view-comment .view-comment-heading {
    border-color: #30363d !important
}

.view-comment .view-comment-item-wrap:last-child {
    border-color: #30363d !important
}

.view-comment .view-comment-item {
    background-color: #0d1116 !important
}

.view-comment .view-comment-item:before {
    background-color: #30363d !important
}

.view-comment .view-comment-item.cmt-best {
    background-color: rgba(89, 167, 255, 0.05) !important
}

.view-comment .comment-item-content .comment-file-item {
    background-color: #000 !important;
    border-color: #30363d !important
}

.view-comment .view-comment-no-item {
    border-color: #30363d !important
}

.view-comment .comment-item-info {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.view-comment .comment-dropdown-btn {
    background-color: #353535 !important;
    color: #b5b5b5 !important
}

.view-comment .comment-btn-wrap .comment-btn {
    color: #e5e5e5 !important
}

.view-comment .comment-btn-wrap .comment-btn .text-light-gray {
    color: #b5b5b5 !important
}

.view-comment .comment-dropdown .dropdown-menu {
    background-color: #000 !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) !important
}

.comment-area .comment-write-heading {
    border-color: #30363d !important
}

.comment-area .comment-write .comment-write-option {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.comment-area .comment-write .comment-write-option .comment-collapse-box {
    background-color: #0d1116 !important;
    border-color: #30363d !important
}

.comment-area .comment-write .comment-write-footer {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: #555555 !important
}

.comment-area .eyoom-form .textarea textarea {
    border-color: #4a535e !important
}

/* write */
.board-write .board-write-title {
    border-color: #30363d !important
}

.board-write .write-option-btn:nth-child(odd) {
    background-color: #252525 !important
}

.board-write .write-collapse-box {
    background-color: #000 !important;
    border-color: #30363d !important
}

#tag-box {
    background-color: #000 !important;
    border-color: #30363d !important
}

#tag-box:before {
    color: #353535 !important
}

#autosave_pop {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

#autosave_pop ul {
    border-color: #30363d !important
}

#autosave_pop li {
    border-color: #30363d !important
}

#autosave_pop button {
    color: #b5b5b5 !important
}

/*---------- board / basic ----------*/
/* list */
.board-list .bl-wrap {
    border-color: #30363d !important
}

.board-list .bl-head {
    background-color: #000 !important;
    border-color: #30363d !important
}

.board-list .bl-head>div:before {
    background-color: #23272c !important
}

.board-list .bl-list {
    border-color: #23272c !important
}

.board-list .bl-list>div:before {
    background-color: #23272c !important
}

.board-list .bl-list.bl-notice {
    background-color: #000 !important
}

.board-list .star-ratings-list li .rating {
    color: #555555 !important
}

@media (max-width: 991px) {
    .board-list .bl-mobile {
        border-color: #23272c !important;
        color: #959595 !important
    }

    .board-list .bl-mobile.bl-notice {
        background-color: #000 !important
    }
}

/*---------- board / gallery ----------*/
/* list */
.board-gallery .gallery-item-in {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.board-gallery .gallery-ratings .star-ratings-list {
    background-color: #161b22 !important
}

.board-gallery .gallery-item .gallery-item-image-in .movie-icon {
    color: #d5d5d5 !important
}

.board-gallery .gallery-item .gallery-item-info .gallery-cont {
    color: #555555 !important
}

.board-gallery .gallery-item .gallery-item-bottom {
    border-color: #30363d !important
}

.board-gallery .gallery-item .gallery-item-bottom .float-start i {
    color: #555555 !important
}

.board-gallery .gallery-item .gallery-item-bottom .float-end {
    border-color: #30363d !important
}

.board-gallery .gallery-item .gallery-item-bottom .float-end i {
    color: #555555 !important
}

@media (max-width: 576px) {
    .board-gallery .gallery-item-in {
        background-color: transparent !important
    }
}

/*---------- board / webzine ----------*/
/* list */
.board-webzine .webzine-item {
    border-color: #30363d !important
}

.board-webzine .webzine-item .webzine-cont {
    color: #555555 !important
}

.board-webzine .webzine-item .webzine-info {
    border-color: #23272c !important
}

.board-webzine .webzine-item .webzine-info span i {
    color: #555555 !important
}

.board-webzine .webzine-item .webzine-info span .text-deep-orange {
    color: #ffff00 !important
}

/*---------- board / adopt ----------*/
/* list */
.board-list .adopt-notice {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: #858585 !important
}

.board-list .adopt-notice .adopt-notice-title {
    color: #b5b5b5 !important
}

.board-list .adopt-wrap {
    border-color: #30363d !important
}

.board-list .adopt-head {
    background-color: #000 !important;
    border-color: #30363d !important
}

.board-list .adopt-head>div:before {
    background-color: #23272c !important
}

.board-list .adopt-list {
    border-color: #23272c !important
}

.board-list .adopt-list>div:before {
    background-color: #23272c !important
}

.board-list .adopt-list.adopt-notice {
    background-color: #000 !important
}

@media (max-width: 991px) {
    .board-list .adopt-mobile {
        border-color: #23272c !important;
        color: #555555 !important
    }

    .board-list .adopt-mobile.adopt-notice {
        background-color: #000 !important
    }
}

/* view */
.board-view .adopt-point-wrap {
    border-color: #30363d !important
}

.board-view .adopt-point-list {
    border-color: #30363d !important
}

.board-view .adopt-point-left {
    border-color: #30363d !important
}

.board-view .adopt-point-right {
    border-color: #30363d !important
}

.board-view .view-adopt-notice {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

/* write */
.board-write .adopt-notice {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: #858585 !important
}

.board-write .adopt-notice .adopt-notice-title {
    color: #b5b5b5 !important
}

/*---------- board / blog ----------*/
/* list */
.board-blog .blog-item-in {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.board-blog .blog-item .blog-item-info .blog-desc-ymd {
    background-color: #000 !important;
    border-color: #30363d !important
}

.board-blog .blog-item:hover .blog-item-info .blog-desc-ym {
    color: #b5b5b5 !important
}

.board-blog .blog-item:hover .blog-item-info .blog-desc-d {
    color: #b5b5b5 !important
}

.board-blog .blog-item .blog-item-bottom {
    border-color: #30363d !important
}

.board-blog .blog-item .blog-item-bottom .float-end {
    border-color: #30363d !important
}

/*---------- board / calendar_basic ----------*/
.calendar-cate {
    background-color: #000 !important;
    border-color: #30363d !important
}

.calendar-cate-list {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.board-view .board-view-nick {
    border-color: #0d1116 !important
}

.swal2-popup .swal2-title-subj {
    color: #b5b5b5 !important
}

.swal2-popup .swal2-cal-bgcolor:before {
    background-color: #30363d !important
}

.swal2-popup .swal2-cal-bgcolor i {
    background-color: #161b22 !important;
    border-color: #161b22 !important
}

.swal2-footer {
    border-color: #30363d !important
}

.tui-datepicker-input {
    border-color: #30363d !important
}

.tui-datepicker-input.tui-has-focus {
    border-color: #30363d !important
}

.tui-datepicker-input>input {
    background-color: #000 !important;
    color: #858585 !important
}

/*---------- board / event ----------*/
/* list */
.board-event .event-item-in {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.board-event .event-date-info {
    border-color: #30363d !important
}

.board-event .event-item .event-item-info .event-cont {
    color: #555555 !important
}

.board-event .event-item .event-item-bottom {
    border-color: #30363d !important
}

.board-event .event-item .event-item-bottom .float-start i {
    color: #555555 !important
}

.board-event .event-item .event-item-bottom .float-end {
    border-color: #30363d !important
}

.board-event .event-item .event-item-bottom .float-end i {
    color: #555555 !important
}

/* view */
.board-view .board-view-event-date li {
    border-color: #30363d !important
}

@media (max-width: 576px) {
    .board-view .board-view-countdown .countdown-box {
        border-color: #30363d !important
    }
}

/*---------- board / gmap ----------*/
/* list */
.board-list .gmap-container {
    background-color: #000 !important;
    border-color: #30363d !important
}

.board-list .gmap-search-box {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.board-gmap .gmap-item {
    border-color: #30363d !important
}

.board-gmap .gmap-item .gmap-info-top {
    border-color: #30363d !important
}

.board-gmap .gmap-item .gmap-info-top .info-divider {
    color: #30363d !important
}

.board-gmap .gmap-item .gmap-info {
    border-color: #30363d !important
}

/* view */
.board-view .view-gmap-container {
    background-color: #000 !important;
    border-color: #30363d !important
}

.board-view .gmap-view-info {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.board-view .gmap-view-info .location-name {
    border-color: #30363d !important
}

.board-view .gmap-view-info .location-contact {
    border-color: #30363d !important
}

/* write */
.board-write .gmap-search-box {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.board-write #gmap-container {
    background-color: #000 !important;
    border-color: #30363d !important
}

/*---------- board / kmap ----------*/
/* list */
.board-list .kmap-container {
    background-color: #000 !important;
    border-color: #30363d !important
}

.board-list .kmap-search-box {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.board-kmap .kmap-item {
    border-color: #30363d !important
}

.board-kmap .kmap-item .kmap-info-top {
    border-color: #30363d !important
}

.board-kmap .kmap-item .kmap-info-top .info-divider {
    color: #30363d !important
}

.board-kmap .kmap-item .kmap-info {
    border-color: #30363d !important
}

/* view */
.board-view .view-kmap-container {
    background-color: #000 !important;
    border-color: #30363d !important
}

.board-view .kmap-info-box {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.board-view .kmap-info-box span {
    color: #30363d !important
}

/* write */
.board-write .kmap-search-box {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.board-write #kmap-container {
    background-color: #000 !important;
    border-color: #30363d !important
}

/*---------- board / linear ----------*/
/* list */
.linear-list .linear-notice {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: #858585 !important
}

.linear-list .linear-notice strong {
    color: #b5b5b5 !important
}

.linear-list .write-option-btn:nth-child(odd) {
    background-color: #252525 !important
}

.linear-list .linear-edit-wrap {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.linear-list .write-collapse-box {
    background-color: #0d1116 !important;
    border-color: #30363d !important
}

.linear-list .submit-btn-box {
    border-color: #30363d !important
}

.linear-list .linear-list-box {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.linear-list .linear-list-box.linear-list-notice {
    background-color: #000 !important;
    border-color: #30363d !important
}

.linear-list .linear-list-cont {
    border-color: #30363d !important
}

.linear-list .linear-cont-top {
    border-color: #30363d !important
}

.linear-list .linear-list-desc .linear-desc-ymd {
    background-color: #0d1116 !important;
    border-color: #30363d !important
}

.linear-list .linear-list-desc .linear-desc-ym {
    color: #b5b5b5 !important
}

.linear-list .linear-list-desc .linear-desc-d {
    color: #b5b5b5 !important
}

.linear-list .view-infinite-more .btn-e-xlg {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.linear-list .view-infinite-more .btn-e-xlg i {
    color: #b5b5b5 !important
}

/* view */
.board-view .board-view-info .view-post-info {
    border-color: #30363d !important
}

/*---------- board / multi_type ----------*/
/* list */
.multi-type-btn-wrap ul button {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: #858585 !important
}

.board-multi .multi-item .multi-item-in {
    border-color: #30363d !important
}

.board-multi .multi-item .multi-info {
    border-color: #30363d !important
}

.board-multi .multi-type-gallery .multi-item .multi-item-in {
    background-color: #161b22 !important
}

/*---------- board / multi_type_news ----------*/
/* list */
.mtn-btn-wrap ul button {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: #858585 !important
}

.board-mtn .mtn-item .mtn-item-in {
    border-color: #30363d !important
}

.board-mtn .mtn-item .mtn-desc .sub-title {
    border-color: #30363d !important;
    color: #656565 !important
}

.board-mtn .mtn-item .mtn-info {
    border-color: #30363d !important
}

.board-mtn .mtn-gallery .mtn-item .mtn-item-in {
    background-color: #161b22 !important
}

/*---------- board / pdfview ----------*/
/* list */
.board-pdfview .pdfview-item-in {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.board-pdfview .pdfview-item .pdfview-item-info .pdfview-desc-count {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.board-pdfview .pdfview-item .pdfview-item-info .pdfview-count-num {
    color: #b5b5b5 !important
}

.board-pdfview .pdfview-item .pdfview-item-bottom {
    border-color: #30363d !important
}

.board-pdfview .pdfview-item .pdfview-item-bottom .float-end {
    border-color: #30363d !important
}

/* view */
.board-view .view-pdfview-list {
    border-color: #30363d !important
}

/*---------- board / request ----------*/
/* list */
.board-list .request-notice {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: #858585 !important
}

.board-list .request-notice .request-notice-title {
    color: #b5b5b5 !important
}

.board-list .request-wrap {
    border-color: #30363d !important
}

.board-list .request-head {
    background-color: #000 !important;
    border-color: #30363d !important
}

.board-list .request-head>div:before {
    background-color: #23272c !important
}

.board-list .request-list {
    border-color: #23272c !important
}

.board-list .request-list>div:before {
    background-color: #23272c !important
}

.board-list .request-list.request-notice {
    background-color: #000 !important
}

.board-list .request-list .request-subj .request-label {
    color: #e5e5e5 !important
}

@media (max-width: 991px) {
    .board-list .request-mobile {
        border-color: #23272c !important;
        color: #555555 !important
    }

    .board-list .request-mobile.request-notice {
        background-color: #000 !important
    }
}

/* view */
.board-view .board-view-atc .td-bg-gray {
    background-color: #000 !important;
    border-color: #30363d !important
}

.board-view .bank-num-box {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

/* write */
.board-write .request-terms {
    background-color: #161b22 !important;
    border-color: #4a535e !important
}

.board-write .request-terms .li-p-wrap {
    background-color: #0d1116 !important;
    border-color: #30363d !important
}

.board-write .request-terms .table-responsive .table {
    background-color: #0d1116 !important
}

.board-write .type-box {
    background-color: #161b22 !important;
    border-color: #4a535e !important
}

/*---------- board / share ----------*/
/* list */
.board-list .share-wrap {
    border-color: #30363d !important
}

.board-list .share-head {
    background-color: #000 !important;
    border-color: #30363d !important
}

.board-list .share-head>div:before {
    background-color: #23272c !important
}

.board-list .share-list {
    border-color: #23272c !important
}

.board-list .share-list>div:before {
    background-color: #23272c !important
}

.board-list .share-list.share-notice {
    background-color: #000 !important
}

@media (max-width: 991px) {
    .board-list .share-mobile {
        border-color: #23272c !important;
        color: #555555 !important
    }

    .board-list .share-mobile.share-notice {
        background-color: #000 !important
    }
}

/* view */
.board-view .download-desc-bottom .span-divider {
    color: #353535 !important
}

.board-view .view-download-list {
    border-color: #30363d !important
}

/*---------- new / basic ----------*/
/* new */
.new-list .nl-wrap {
    border-color: #30363d !important
}

.new-list .nl-head {
    background-color: #000 !important;
    border-color: #30363d !important
}

.new-list .nl-head>div:before {
    background-color: #23272c !important
}

.new-list .nl-list {
    border-color: #23272c !important
}

.new-list .nl-list>div:before {
    background-color: #23272c !important
}

@media (max-width: 991px) {
    .new-list .nl-mobile {
        border-color: #23272c !important;
        color: #555555 !important
    }
}

/*---------- login ----------*/
.login-box .login-box-in .login-form {
    color: #858585 !important
}

.login-box .login-box-in #sns_login h5 {
    color: #858585 !important
}

.login-box .login-box-in .non-members {
    color: #858585 !important
}

.login-box .login-box-in .non-members .scroll-box-login {
    border-color: #30363d !important
}

.login-box .login-box-in .non-member-order .bg-danger .text-black {
    color: #380b0b !important
}

#sns_login .social-login li a {
    color: #fff !important
}

/*---------- Member ----------*/
/* member_confirm */
.member-confirm {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

/* password */
.password-confirm {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

/* profile */
.member-profile .profile-greetings {
    border-color: #30363d !important
}

/* register_form */
.register-form .register-box {
    border-color: #30363d !important
}

.register-form .eyoom-form header {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.register-form .eyoom-form footer {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

/* register */
.member-skin #sns_register {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.member-skin #sns_register h2 {
    background-color: #161b22 !important
}

.member-skin .content-box {
    background-color: #000 !important;
    border-color: #30363d !important
}

.member-skin .content-box-footer {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.member-skin .member-box {
    border-color: #30363d !important
}

.member-skin .eyoom-form header {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.member-skin .eyoom-form footer {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.member-skin .eyoom-form fieldset {
    background-color: #161b22 !important
}

/*---------- Move ----------*/
.copymove_currentbg {
    background-color: #000 !important
}

/*---------- Outlogin ----------*/
.ol-before {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.ol-after .profile .cover {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.ol-after .profile .photo {
    background-color: #59595b !important
}

.ol-after .profile .info .name {
    color: #b5b5b5 !important
}

.ol-after .profile .info .position {
    color: #858585 !important
}

.ol-after .profile .links a {
    color: #fff !important
}

.ol-after .scroll-tabs .scroll_tabs_container {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.ol-after .scroll-tabs .scroll_tabs_container div.scroll_tab_inner span {
    background-color: #161b22 !important
}

.ol-after .scroll-tabs .scroll_tabs_container .scroll_tab_left_button {
    background-color: #161b22 !important
}

.ol-after .scroll-tabs .scroll_tabs_container .scroll_tab_right_button {
    background-color: #161b22 !important
}

.ol-after .scroll-tabs .scroll_tabs_container .scroll_tab_left_button_disabled {
    background-color: #161b22 !important;
    color: #555 !important
}

.ol-after .scroll-tabs .scroll_tabs_container .scroll_tab_right_button_disabled {
    background-color: #161b22 !important;
    color: #555 !important
}

.ol-after .member-info-wrap .member-info {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.ol-after .member-info-btn .info-btn {
    background-color: #59595b !important
}

.ol-after .member-info-btn .info-btn.others-btn {
    background-color: #4b4b4d !important
}

.ol-after .member-follow {
    border-color: #30363d !important
}

/*---------- paging / basic ----------*/
.eb-pagination a {
    border-color: #30363d !important;
    color: #858585 !important
}

.eb-pagination a:hover {
    color: #b5b5b5 !important;
    background-color: transparent !important;
    border-color: #4a535e !important
}

.eb-pagination a.active {
    background-color: #ff0 !important;
    color: #000 !important
}

.eb-pagination a.active:hover {
    background-color: #ff0 !important;
    color: #000 !important
}

.eb-pagination a.next:hover,
.eb-pagination a.prev:hover {
    color: #b5b5b5 !important
}

/*---------- Poll ----------*/
/* poll */
.poll-wrap .poll-box {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

/* poll_result */
.poll-result {
    border-color: #30363d !important
}

.poll-result .etc-write {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

/*---------- Popular ----------*/
.popular-box {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.popular li .popular-word {
    background-color: #353535 !important
}

/*---------- Push ----------*/
#eyoom-push:before {
    border-top: 45px solid #30363d !important
}

#eyoom-push:after {
    border-top: 33px solid #161b22 !important
}

#eyoom-push {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.push-headline {
    border-color: #30363d !important
}

#eyoom-push .message-box {
    background-color: #000 !important;
    border: 1px solid #30363d !important
}

#eyoom-push .config-push {
    color: #555 !important
}

/*---------- Ranking ----------*/
/* basic */
.ranking-box .nav-tabs li a {
    background-color: #000 !important;
    border-color: #30363d !important;
    color: #555 !important
}

.ranking-box .nav-tabs li a:hover {
    background-color: #0d1116 !important;
    border-bottom: 1px solid #30363d !important
}

.ranking-box .nav-tabs li a.active {
    background-color: #0d1116 !important;
    color: #fff !important;
    border-bottom: 1px solid transparent !important
}

.ranking-box .tab-content {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.ranking-content li {
    border-color: #30363d !important
}

/*---------- signature / basic ----------*/
.member-signature {
    border-color: #30363d !important
}

.member-signature .member-signature-profile {
    border-color: #30363d !important
}

.member-signature .color-light-gray {
    color: #353535 !important
}

.member-signature .signature-statistics {
    background-color: #000 !important;
    border-color: #30363d !important
}

.member-signature .signature-statistics .progress {
    background-color: #555555 !important
}

.member-signature .signature-profile .signature-profile-box {
    border-color: #30363d !important
}

.member-signature-latest .nav-tabs li a {
    background-color: #000 !important;
    border-color: #30363d !important
}

.member-signature-latest .nav-tabs li a.active {
    background-color: #0d1116 !important;
    border-bottom: 1px solid transparent !important
}

.member-signature-latest .signature-latest-boname {
    color: #858585 !important
}

.member-signature-latest .signature-latest-subj {
    color: #b5b5b5 !important
}

.member-signature-latest .signature-latest-date {
    color: #858585 !important
}

.member-signature-latest .tab-content ul li.active .signature-latest-subj {
    color: #cc2300 !important
}

/*---------- Tag ----------*/
/* index */
.tag-index .tag-item {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.tag-index .tag-item-heading {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

/* list */
.tag-list .tag-word {
    background-color: #656565 !important
}

.tag-list .tag-word:hover {
    background-color: #454545 !important
}

.tag-list .font-kind-3 {
    color: #fff !important
}

.tag-list .font-kind-2 {
    color: #d5d5d5 !important
}

.tag-list .font-kind-1 {
    color: #B5B5B5 !important
}

/*---------- Tagmenu ----------*/
.tag-menu {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.tag-menu .tag-list-wrap .tag-word {
    background-color: #51515c !important;
    color: #d5d5d5 !important
}

.tag-menu .tag-list-wrap .tag-word:hover {
    background-color: #51515c !important;
    color: #fff !important
}

/*---------- Visit ----------*/
.statistics-wrap {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.statistics-list li {
    border-color: #30363d !important
}

.statistics-list li strong {
    color: #858585 !important
}

/*---------- mypage ----------*/
/* mypage */
.my-info .info-box {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.my-info .info-photo {
    border-color: #30363d !important
}

.my-info .info-follow {
    border-color: #30363d !important
}

.my-info .info-box-bottom {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.my-info .tab-menu-li {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: #b5b5b5 !important
}

.my-info .tab-menu-li .btn-group .dropdown-menu {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.my-respond .timeline:before {
    background-color: #30363d !important
}

.my-respond .timeline>li .timeline-icon {
    background-color: #161b22 !important;
    border-color: #cc2300 !important;
    box-shadow: 0 0 0 1px #cc2300 !important
}

.my-respond .timeline>li .timeline-date span:last-child {
    color: #b5b5b5 !important
}

.my-respond .timeline>li .timeline-content {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.my-respond .timeline>li .timeline-content:before {
    border-right-color: #30363d !important
}

.my-respond .timeline>li .timeline-content:after {
    border-right-color: #161b22 !important
}

/* activity */
.my-activity .timeline:before {
    background-color: #30363d !important
}

.my-activity .timeline>li>.timeline-badge {
    background-color: #161b22 !important;
    border-color: #cc2300 !important;
    box-shadow: 0 0 0 1px #cc2300 !important
}

.my-activity .timeline>li>.timeline-panel {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.my-activity .timeline>li>.timeline-panel:before {
    border-right-color: #30363d !important;
    border-left-color: #30363d !important
}

.my-activity .timeline>li>.timeline-panel:after {
    border-right-color: #161b22 !important;
    border-left-color: #161b22 !important
}

.my-activity .timeline>li>.timeline-panel .timeline-top strong {
    color: #b5b5b5 !important
}

.my-activity .timeline>li>.timeline-panel .timeline-footer {
    border-color: #30363d !important
}

.my-activity .view-infinite-more .btn-e-xlg {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.my-activity .view-infinite-more .btn-e-xlg i {
    color: #b5b5b5 !important
}

/* config */
.my-config .config-box {
    border-color: #30363d !important
}

.my-config .eyoom-form header {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

/* favorite */
.favorite-list .fl-wrap {
    border-color: #30363d !important
}

.favorite-list .fl-head {
    background-color: #000 !important;
    border-color: #30363d !important
}

.favorite-list .fl-head>div:before {
    background-color: #23272c !important
}

.favorite-list .fl-list {
    background-color: transparent !important;
    border-color: #23272c !important
}

.favorite-list .fl-list>div:before {
    background-color: #23272c !important
}

.favorite-list .view-infinite-more .btn-e-xlg {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.favorite-list .view-infinite-more .btn-e-xlg i {
    color: #b5b5b5 !important
}

@media (max-width: 991px) {
    .favorite-list .fl-mobile {
        background-color: transparent !important;
        border-color: #23272c !important;
        color: #555555 !important
    }
}

/* followinggul */
.followinggul-list .fl-wrap {
    border-color: #30363d !important
}

.followinggul-list .fl-head {
    background-color: #000 !important;
    border-color: #30363d !important
}

.followinggul-list .fl-head>div:before {
    background-color: #23272c !important
}

.followinggul-list .fl-list {
    background-color: transparent !important;
    border-color: #23272c !important
}

.followinggul-list .fl-list>div:before {
    background-color: #23272c !important
}

.followinggul-list .view-infinite-more .btn-e-xlg {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.followinggul-list .view-infinite-more .btn-e-xlg i {
    color: #b5b5b5 !important
}

@media (max-width: 991px) {
    .followinggul-list .fl-mobile {
        background-color: transparent !important;
        border-color: #23272c !important;
        color: #555555 !important
    }
}

/* goodpost */
.goodpost-list .gl-wrap {
    border-color: #30363d !important
}

.goodpost-list .gl-head {
    background-color: #000 !important;
    border-color: #30363d !important
}

.goodpost-list .gl-head>div:before {
    background-color: #23272c !important
}

.goodpost-list .gl-list {
    background-color: transparent !important;
    border-color: #23272c !important
}

.goodpost-list .gl-list>div:before {
    background-color: #23272c !important
}

.goodpost-list .view-infinite-more .btn-e-xlg {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.goodpost-list .view-infinite-more .btn-e-xlg i {
    color: #b5b5b5 !important
}

@media (max-width: 991px) {
    .goodpost-list .gl-mobile {
        background-color: transparent !important;
        border-color: #23272c !important;
        color: #555555 !important
    }
}

/* pinboard */
.pinboard-list .pl-wrap {
    border-color: #30363d !important
}

.pinboard-list .pl-head {
    background-color: #000 !important;
    border-color: #30363d !important
}

.pinboard-list .pl-head>div:before {
    background-color: #23272c !important
}

.pinboard-list .pl-list {
    background-color: transparent !important;
    border-color: #23272c !important
}

.pinboard-list .pl-list>div:before {
    background-color: #23272c !important
}

.pinboard-list .view-infinite-more .btn-e-xlg {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.pinboard-list .view-infinite-more .btn-e-xlg i {
    color: #b5b5b5 !important
}

@media (max-width: 991px) {
    .pinboard-list .pl-mobile {
        background-color: transparent !important;
        border-color: #23272c !important;
        color: #555555 !important
    }
}

/* respond */
.respond-list .rl-wrap {
    border-color: #30363d !important
}

.respond-list .rl-head {
    background-color: #000 !important;
    border-color: #30363d !important
}

.respond-list .rl-head>div:before {
    background-color: #23272c !important
}

.respond-list .rl-list {
    background-color: transparent !important;
    border-color: #23272c !important
}

.respond-list .rl-list>div:before {
    background-color: #23272c !important
}

@media (max-width: 991px) {
    .respond-list .rl-mobile {
        background-color: transparent !important;
        border-color: #23272c !important;
        color: #555555 !important
    }
}

/* starpost */
.starpost-list .sl-wrap {
    border-color: #30363d !important
}

.starpost-list .sl-head {
    background-color: #000 !important;
    border-color: #30363d !important
}

.starpost-list .sl-head>div:before {
    background-color: #23272c !important
}

.starpost-list .sl-list {
    background-color: transparent !important;
    border-color: #23272c !important
}

.starpost-list .sl-list>div:before {
    background-color: #23272c !important
}

.starpost-list .view-infinite-more .btn-e-xlg {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.starpost-list .view-infinite-more .btn-e-xlg i {
    color: #b5b5b5 !important
}

@media (max-width: 991px) {
    .starpost-list .sl-mobile {
        background-color: transparent !important;
        border-color: #23272c !important;
        color: #555555 !important
    }
}

/* subscribe */
.subscribe-list .sl-wrap {
    border-color: #30363d !important
}

.subscribe-list .sl-head {
    background-color: #000 !important;
    border-color: #30363d !important
}

.subscribe-list .sl-head>div:before {
    background-color: #23272c !important
}

.subscribe-list .sl-list {
    background-color: transparent !important;
    border-color: #23272c !important
}

.subscribe-list .sl-list>div:before {
    background-color: #23272c !important
}

.subscribe-list .view-infinite-more .btn-e-xlg {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.subscribe-list .view-infinite-more .btn-e-xlg i {
    color: #b5b5b5 !important
}

@media (max-width: 991px) {
    .subscribe-list .sl-mobile {
        background-color: transparent !important;
        border-color: #23272c !important;
        color: #555555 !important
    }
}

/* theme.download */
.tsw-btn-wrap {
    border-color: #30363d !important
}

.tsw-btn {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: #858585 !important
}

.tsw-btn.active {
    color: #b5b5b5 !important;
    background-color: #000 !important
}

.my-theme-download .theme-name-box {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

/* timeline */
.my-timeline .timeline:before {
    background-color: #30363d !important
}

.my-timeline .timeline>li>.timeline-badge {
    background-color: #161b22 !important;
    border-color: #cc2300 !important;
    box-shadow: 0 0 0 1px #cc2300 !important
}

.my-timeline .timeline>li>.timeline-panel {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.my-timeline .timeline>li>.timeline-panel:before {
    border-right-color: #30363d !important;
    border-left-color: #30363d !important
}

.my-timeline .timeline>li>.timeline-panel:after {
    border-right-color: #161b22 !important;
    border-left-color: #161b22 !important
}

.my-timeline .timeline>li>.timeline-panel .timeline-footer {
    border-color: #30363d !important
}

.my-timeline .view-infinite-more .btn-e-xlg {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.my-timeline .view-infinite-more .btn-e-xlg i {
    color: #b5b5b5 !important
}

/* myhome */
.my-home .my-navbar {
    background-color: rgba(22, 27, 34, 0.9) !important;
    border: 1px solid rgba(48, 54, 61, 0.7) !important
}

.my-home .my-photo .photo {
    border-color: #0d1116 !important
}

.follow-panel {
    border-color: #30363d !important
}

.follow-panel .nav-tabs li a {
    background-color: #000 !important;
    border-color: #30363d !important;
    color: #555555 !important
}

.follow-panel .nav-tabs li a:hover {
    background-color: #0d1116 !important;
    border-bottom: 1px solid #30363d !important
}

.follow-panel .nav-tabs li a.active {
    background-color: #0d1116 !important;
    border-bottom: 1px solid transparent !important;
    color: #b5b5b5 !important
}

.my-post .post-item-in {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.my-post .post-item-in .item-category {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.my-post .post-item .post-item-info h4 {
    color: #b5b5b5 !important
}

.my-post .post-item .post-item-bottom {
    border-color: #30363d !important
}

.my-post .post-item .post-item-bottom .float-end {
    border-color: #30363d !important
}

.my-post .view-infinite-more .btn-e-xlg {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.my-post .view-infinite-more .btn-e-xlg i {
    color: #b5b5b5 !important
}

.myhome-follow .follow-heading {
    color: #b5b5b5 !important
}

.myhome-follow .follow-heading .owner-photo {
    border-color: #0d1116 !important
}

.myhome-follow .follow-photo {
    border-color: #000 !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) !important
}

.myhome-follow .follow-item-box {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.myhome-follow .follow-sign strong {
    color: #b5b5b5 !important
}

.myhome-follow .follow-introduce strong {
    color: #b5b5b5 !important
}

@media (max-width: 991px) {
    .my-home .my-introduce {
        border-color: #30363d !important;
        color: #858585 !important
    }
}

/*---------- Profile Modal ----------*/
.profile-modal .nav-tabs {
    border-color: #30363d !important
}

.profile-modal .nav-tabs li a {
    background-color: #000 !important;
    border-color: #30363d !important;
    color: #555555 !important
}

.profile-modal .nav-tabs li a:hover {
    background-color: #0d1116 !important;
    border-bottom: 1px solid #30363d !important
}

.profile-modal .nav-tabs li a.active {
    background-color: #0d1116 !important;
    border-bottom: 1px solid transparent !important;
    color: #b5b5b5 !important
}

.profile-modal .tab-content {
    border-color: #30363d !important
}

/*---------- qa ----------*/
/* list */
.qa-list .qa-notice {
    background-color: #000 !important;
    border-color: #30363d !important
}

.qa-list .ql-wrap {
    border-color: #30363d !important
}

.qa-list .ql-head {
    background-color: #000 !important;
    border-color: #30363d !important
}

.qa-list .ql-head>div:before {
    background-color: #23272c !important
}

.qa-list .ql-list {
    border-color: #23272c !important
}

.qa-list .ql-list>div:before {
    background-color: #23272c !important
}

@media (max-width: 991px) {
    .qa-list .ql-mobile {
        border-color: #23272c !important;
        color: #555555 !important
    }
}

/* view */
.board-view .board-view-contact .contact-email {
    border-color: #30363d !important
}

.board-view .board-view-contact .contact-hp {
    border-color: #30363d !important
}

.board-view .board-view-rel {
    border-color: #515b68 !important
}

/* answer */
.board-view-ans {
    border-color: #515b68 !important
}

.board-view-ans .ans-datetime {
    border-color: #30363d !important
}

.board-view-ans .board-write-title {
    border-color: #30363d !important
}

/* write */
.board-write .qa-notice {
    background-color: #000 !important;
    border-color: #30363d !important
}

/*---------- search ----------*/
.search-result .search-box {
    background-color: #161b22 !important;
    border-color: #30363d !important
}

.search-result-list .result-list>li {
    border-color: #30363d !important
}

.search-result-list .result-list>li:hover {
    background: #161b22 !important
}

.search-result-list .result-list>li h6 a {
    color: #1E88E5 !important
}

.search-result .search-tab {
    background-color: #161b22 !important;
    border: 1px solid #30363d !important
}

.search-result .search-tab .scroll_tabs_container div.scroll_tab_inner span {
    color: #6b728b
}

.search-result .scroll_tabs_container div.scroll_tab_inner li,
.search-result .scroll_tabs_container div.scroll_tab_inner span {
    background-color: #161b22 !important
}

.search-result .search-tab .scroll_tabs_container .scroll_tab_left_button,
.search-result .search-tab .scroll_tabs_container .scroll_tab_right_button {
    background-color: #0d1116 !important
}

/*---------- page ----------*/
/* manual */
.theme-manual .tab-nav button {
    background-color: #3c3c3e !important;
    color: #b5b5b5 !important
}

.theme-manual .tab-nav button.active {
    background-color: #59595b !important;
    color: #fff !important
}

.install-step {
    background-color: #161b22 !important;
    border: 1px solid #30363d !important;
    box-shadow: none !important
}

.theme-editmode .editmode-img-box {
    border-color: #515b68 !important
}

.patch-list h5 {
    background-color: #161b22 !important;
    border-color: #30363d !important
}


/*---------- 로그인창 ----------*/
.ol .join {
    width: 116px;
    float: left;
    padding: 15px 0;
    text-align: center;
    background: #eec01f;
    color: #fff !important;
}

#ol_id {
    display: block;
    width: 100%;
    border: 1px solid #d0d3db;
    padding: 0 10px;
    height: 35px;
    margin-bottom: 5px;
    border-radius: 3px;
    background: #161B22;
    color: #fff;
}

#ol_pw {
    display: block;
    width: 100%;
    border: 1px solid #d0d3db;
    padding: 0 10px;
    height: 35px;
    margin-bottom: 5px;
    border-radius: 3px;
    background: #161B22;
    color: #fff;
}

#ol_submit {
    width: 100%;
    height: 35px;
    background: #eec01f !important;
    border-left: 1px solid #ccc;
    color: #fff;
    font-weight: bold;
    font-size: 1.167em;
    border-radius: 3px;

    /*----------모바일메뉴-------------*/
    .mo_top_nav {
        width: 25%;
        background-color: #f0c118;
        float: left;
        text-align: center;
        height: 35px;
        line-height: 35px;
    }

    .mo_top_nav>a {
        color: #000 !important;
    }

    #m_ft .m_ft_con .m_menu_area>li>a>p {
        display: inline-block;
        font-size: 0.85rem;
        font-weight: 500;
        height: 35px;
        line-height: 35px;
        color: #fff;
    }

    #m_ft .m_ft_con .m_menu_area>li {
        width: -webkit-calc(100% / 4);
        width: -moz-calc(100% / 4);
        width: calc(100% / 4);
        height: auto;
        float: left;
        position: relative;
        background-color: #060a28;
        text-align: center;
        z-index: 999;
    }

    /*----------모바일최신글-------------*/
    .basic-latest {
        font-size: .9375rem
    }

    .basic-latest .nav-tabs {
        border: 1px solid #e5e5e5;
        border-bottom: 0;
        margin-bottom: 20px
    }

    .basic-latest .nav-tabs li:first-child:nth-last-child(1) {
        width: 100%;
        display: none
    }

    .basic-latest .nav-tabs li:first-child:nth-last-child(2),
    .basic-latest .nav-tabs li:first-child:nth-last-child(2)~li {
        width: 50%
    }

    .basic-latest .nav-tabs li:first-child:nth-last-child(3),
    .basic-latest .nav-tabs li:first-child:nth-last-child(3)~li {
        width: 33.3333%
    }

    .basic-latest .nav-tabs li:first-child:nth-last-child(4),
    .basic-latest .nav-tabs li:first-child:nth-last-child(4)~li {
        width: 25%
    }

    .basic-latest .nav-tabs li:first-child:nth-last-child(5),
    .basic-latest .nav-tabs li:first-child:nth-last-child(5)~li {
        width: 20%
    }

    .basic-latest .nav-tabs li:first-child:nth-last-child(6),
    .basic-latest .nav-tabs li:first-child:nth-last-child(6)~li {
        width: 16.6666666667%
    }

    .basic-latest .nav-tabs li:first-child:nth-last-child(7),
    .basic-latest .nav-tabs li:first-child:nth-last-child(7)~li {
        width: 14.2857142857%
    }

    .basic-latest .nav-tabs li:first-child:nth-last-child(8),
    .basic-latest .nav-tabs li:first-child:nth-last-child(8)~li {
        width: 12.5%
    }

    .basic-latest .nav-tabs li a {
        display: block;
        text-align: center;
        margin-right: 0;
        margin-left: -1px;
        background: #050b29 !important;
        color: #fff !important;
        border: 1px solid #e5e5e5;
        padding: 8px 5px;
        font-size: .9375rem;
        border-top: 0
    }

    .basic-latest .nav-tabs li:first-child a {
        margin-left: 0;
        border-left: 0
    }

    .basic-latest .nav-tabs li:last-child a {
        border-right: 0
    }

    .basic-latest .nav-tabs li a:hover {
        background: #fdd232 !important;
        color: #000 !important;
        border-bottom: 1px solid #e5e5e5
    }

    .basic-latest .nav-tabs li a.active {
        z-index: 1;
        background: #FDD232 !important;
        color: #000 !important;
        border-bottom: 1px solid transparent
    }

    .basic-latest .nav-tabs li .cursor-pointer:hover {
        cursor: pointer
    }

    .basic-latest .tab-content {
        position: relative;
        padding: 0
    }

    .basic-latest .tab-content ul {
        margin-bottom: 0
    }

    .basic-latest .tab-content li {
        position: relative;
        padding: 3px 0
    }

    .basic-latest .tab-content li.no-latest {
        width: 100%
    }

    .basic-latest .tab-content .basic-subj {
        position: relative;
        width: 70%;
        padding-right: 40px;
        padding-left: 0;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        overflow: hidden;
        float: left
    }

    .basic-latest .tab-content .basic-new-icon {
        position: relative;
        display: inline-block;
        width: 18px;
        height: 14px;
        background-color: #cc2300;
        margin-right: 2px
    }

    .basic-latest .tab-content .basic-new-icon:before {
        content: "";
        position: absolute;
        top: 4px;
        left: 5px;
        width: 2px;
        height: 6px;
        background-color: #fff
    }

    .basic-latest .tab-content .basic-new-icon:after {
        content: "";
        position: absolute;
        top: 4px;
        right: 5px;
        width: 2px;
        height: 6px;
        background-color: #fff
    }

    .basic-latest .tab-content .basic-new-icon b {
        position: absolute;
        top: 3px;
        left: 8px;
        width: 2px;
        height: 8px;
        background-color: #fff;
        transform: rotate(-60deg)
    }

    .basic-latest .tab-content .basic-reply {
        display: inline-block;
        width: 7px;
        height: 12px;
        border-left: 1px dotted #959595;
        border-bottom: 1px dotted #959595;
        margin-right: 3px
    }

    .basic-latest .tab-content .basic-comment {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        color: #f4511e;
        background: #fff;
        padding-left: 5px
    }

    .basic-latest .tab-content .basic-bo-subj {
        color: #959595;
        margin-right: 3px
    }

    .basic-latest .tab-content .basic-member {
        position: relative;
        display: block;
        white-space: nowrap;
        word-wrap: normal;
        overflow: hidden;
        width: 30%;
        float: left;
        text-align: right;
        padding-right: 22px
    }

    .basic-latest .tab-content .basic-photo {
        position: absolute;
        top: 0;
        right: 0
    }

    .basic-latest .tab-content .basic-photo img {
        position: absolute;
        top: 2px;
        right: 0;
        width: 17px;
        height: 17px
    }

    .basic-latest .tab-content .basic-photo .basic-user-icon {
        color: #959595;
        background-color: #fff
    }

    .basic-latest .tab-content .basic-nick {
        color: #959595
    }

    .basic-latest .tab-content a:hover .basic-subj {
        color: #000;
        text-decoration: underline
    }

    .basic-latest .tab-content a:hover .basic-nick {
        color: #000
    }

    .basic-latest .tab-content li a[href*="#"] {
        cursor: not-allowed
    }

    .basic-latest .tab-content li a[href*="#"]:hover .basic-subj {
        text-decoration: none
    }

    .basic-latest .tab-content li .blind-subj {
        color: #a5a5a5
    }


    /*----------메인 소개글 -------------*/
    .quick_text {
        float: left;
        width: 100%;
        margin: 0px 0 0 0;
        padding: 0px 20px;
    }

    .quick_text h2 {
        font-family: 'TmonMonsori';
        font-size: 22px;
        font-weight: 500;
    }

    .quick_text h2 span {
        color: #FDD232;
    }

    .quick_text h3 {
        margin: 20px 0 0 0;
        padding: 0 0 10px 0;
        font-family: 'TmonMonsori';
        font-size: 16px;
        font-weight: 500;
        border-bottom: 1px solid #FDD232;
    }

    .quick_text p {
        margin: 10px 0 0 0;
        font-size: 14px;
        color: #fff;
    }

    .quick_text p strong {
        color: #FDD232;
    }