@charset "utf-8";
/* Keiverse light palette, matched to keiminem.com. Layout remains WORKSPACE_THEME. */
:root {
  --keiverse-bg: #f5f4ef;
  --keiverse-surface: #fffefa;
  --keiverse-text: #1d2c29;
  --keiverse-muted: #596862;
  --keiverse-primary: #006958;
  --keiverse-primary-hover: #005344;
  --keiverse-border: #d4dad2;
}


/* UI - Setup
------------------------------------------------*/
html, body {background:#f5f4ef !important; color:#1d2c29;}
a {color:#1d2c29;}
a:hover, a:focus {color:#006958;}

/********************************************************
 common css edit
********************************************************/
.text-primary {color:#006958 !important;}
.progress {background:rgba(0,0,0,0.1);}
.progress .progress-bar {background: #006958;}
.cursor i.fa-arrow-circle-down {color:#fffefa !important;}

/********************************************************
 common style
********************************************************/
.na-table-head {border-top:1px solid rgba(0, 0, 0, 0.1) !important; border-bottom:1px solid rgba(0, 0, 0, 0.2) !important;}
/* fullNavi */
.fullNavi {border:2px solid #fffefa; background:#006958; color:#fffefa;}

/* bg-primary */
.bg-primary {background:#006958 !important; border-color:#006958!important; color:#fffefa !important;}

/* btn-primary */
.btn-primary.na-notice {font-weight:bold;}
.btn-primary {color:#fffefa !important;background:#006958 !important; border-color:#006958 !important;}
.btn-primary:hover {background:#006958 !important; border-color:#006958 !important; box-shadow:0 0 0 0.2rem #e3eee6;}
.btn-primary:focus,
.btn-primary:active {background:#005344 !important; border-color:#005344 !important; box-shadow:0 0 0 0.2rem #e3eee6 !important;}

/* btn-outline-primary */
.btn-outline-primary {border-color:#006958;}
.btn-outline-primary:hover {color:#fffefa !important; background-color:#006958; border-color:#006958;}
.btn-outline-primary:focus {box-shadow:0 0 0 0.2rem rgba(0, 105, 88,0.2) !important;}
.btn-outline-primary:active {background:#006958 !important; border-color:#006958 !important; }


/* btn_confirm */
.btn_confirm .btn_submit {background:#006958;}
.btn_confirm .btn_submit:hover {background:#006958; box-shadow:0 0 0 0.2rem rgba(0, 105, 88,0.2);}

/* sly-tab
------------------------------------------------*/
.sly-tab .d-flex {border-left:0;}
.sly-tab ul {border-left:1px solid rgba(0, 0, 0, 0.1) !important;}
.sly-tab ul li a {}
.sly-tab ul li.active a {background:#006958; border-bottom: 1px solid #006958; color:#fffefa !important;}
.sly-tab hr {border-top: 1px solid rgba(255, 255, 255, 0.1) !important;}

#bo_tag.sly-tab hr {border-top:1px solid #d4dad2 !important;}

/* nt_loader */
#nt_loader .loader svg {fill:#006958;}

/********************************************************
 common style
********************************************************/
/* switch toggle */
.switch.active .slider {background:#006958;}

/* top btn */
.go-btn button {color:#006958; border:2px solid #006958;}

/* table */

#fsetup .groupBoxWrap .groupBox {border-bottom: 1px dashed rgba(255, 255, 255, 0.2);}
#fsetup .groupBoxWrap .groupBox h3 {color:#006958; background:rgba(0, 0, 0, 0.04); border-color:rgba(0, 0, 0, 0.1);}

.sv_wrap .sv {background:#1d2c29;}
.sv_wrap .sv:before {border-color: transparent transparent #1d2c29 transparent;}

/* copy_move
------------------------------------------------*/
.new_win #win_title {background:#006958; color:#fffefa;}
#copymove table {}
#copymove table thead th {color:#fffefa !important;}
#copymove table tr {}
#copymove table tr.copymove_currentbg {background:transparent;}
#copymove table tr td {}
#copymove table tr td label {color:rgba(255, 255, 255, 0.7);}
#copymove table tr td .copymove_current {}

/* manageTools
------------------------------------------------*/
.manageTools {border-top:4px solid #aab8af;}

/********************************************************
 LAYOUT
********************************************************/
/* header
------------------------------------------------*/
.header {border-bottom:1px solid rgba(0, 0, 0, 0.2); border-top:4px solid #d4dad2;}
.header .sta .title .hgroup h1 {color:#006958;}
.header .sta .tools button {color:#006958;}
.header .sta .tools button:hover {color:rgba(255, 255, 255, 0.9); background:#006958;}

@media (max-width:1280px) {
	.responsive .header {background:#006958; border-top:4px solid #005344;}
}

/* menu
------------------------------------------------*/
#gnb .gnbWrap > ul > li > .sub-slide > ul > li.on a {color:#006958;}

/* mobileNavi
------------------------------------------------*/
.mobileNavi .twoDepth ul li.active {border-bottom:2px solid #006958;}
.mobileNavi .twoDepth ul li.active a {color:#006958;}

/* search
------------------------------------------------*/
.searchPop .search h2 {color:#006958;}


/* bodyBox - contents
------------------------------------------------*/
.bodyBox .containerWrap .contents.sub {}

/* bodyBox - widgetBox
------------------------------------------------*/
.bodyBox .widgetBox .widget {}
.bodyBox .widgetBox .widget .wheader {color:#006958; border-bottom:1px solid rgba(0,0,0,0.1);}
.bodyBox .containerWrap .contents.sub .title strong {color: #006958;}

/* side_left
------------------------------------------------*/
.widget .menuBox ul > li > a.active,
.widget .menuBox ul > li > ul > li > a.on {color:#006958; background:#e3eee6; box-shadow:inset 0px 0px 0px 1px rgba(0, 105, 88,0.2);}
.widget .menuBox ul > li > a[href^="#"].line {background:#e3eee6; color:#006958;}
.widget .menuBox ul > li > a[href^="#"].line.active {background:#006958; color:#fffefa !important; text-decoration:none;}


/* footer
------------------------------------------------*/
.footer .linkInfoWrap .linkInfo div a {color:rgba(0,0,0,0.4); font-weight:600;}
.footer .linkInfoWrap .linkInfo div a:hover {color:rgba(0,0,0,0.6);}
.footer .siteInfoWrap .siteInfo .info {color:rgba(0,0,0,0.6);}

/********************************************************
 PAGE
********************************************************/
/* page
------------------------------------------------*/
.btn_admin.na-notice {font-weight:bold;}
.btn_admin {color:#fffefa !important; background:#006958 !important; border-color:#006958 !important;}
.btn_admin:hover {background:#006958 !important; border-color:#006958 !important; box-shadow:0 0 0 0.2rem rgba(0, 105, 88, 0.2);}
.page-content .article-title {color:#006958 !important;}

/* page contents */
#ctt_con {}
#ctt_con a,
#ctt_con b {color:#006958;}

/* Total search
------------------------------------------------*/
#sch_res_list .list-group .list-group-item .sch_word {background:#006958; color:#fffefa;}

/* popup
------------------------------------------------*/


/* member
------------------------------------------------*/
.custom-control-input:checked~.custom-control-label::before {border-color: #006958;background-color: #006958;}

.register .list-group-item h5 {color:#006958;}

/********************************************************
 BOARD
********************************************************/
/* common  */

/* gallery */

#bo_gallery ul li .itemBox.active,
#bo_gallery ul li .itemBox:hover {border:2px solid #006958 !important; padding: 9px;}

#bo_gallery ul li .itemBox .na-title .na-item a:hover {color:#006958;}
#bo_gallery ul li .itemBox .na-title .na-subject {background-image:linear-gradient(transparent 80%, #006958 0%) !important;}
#bo_gallery ul li .itemBox:hover .na-title .na-subject {color:#006958 !important;}
#bo_gallery ul li .itemBox .infoBox .infoBoxitem {}
#bo_gallery ul li .itemBox .infoBox .infoBoxitem .commentBox.default {background-color:rgba(0, 0, 0, 0.1) !important;}

/* list */
#bo_list .na-table .border-bottom.bg-light {background-color:rgba(0, 0, 0, 0) !important; outline:2px solid #006958; outline-offset:-2px;}
#bo_list .na-title .na-subject {background-image:linear-gradient(transparent 80%, #006958 0%) !important;}
#bo_list .na-title .na-subject:hover {color:#006958 !important;}

@media all and (max-width:768px) {
	.responsive #bo_btn_top {border-top:1px solid rgba(255, 255, 255, 0.1) !important; border-bottom:1px solid rgba(255, 255, 255, 0.2) !important;}
}

/* page-link  */
.page-link {color:#006958 !important;}
.page-item.active .page-link {background:#006958; border-color:#006958; color: #fffefa !important;}

/* write */
#bo_w .list-group-item h5 {color: #006958;}

/* view */
#bo_v_con a {color:#006958;}

/* comment */
#fviewcomment .cmt-box .text-nowrap button:hover i {color:#006958 !important;}

.commentMedia .media .media-body .tools ul li a:hover {color:#006958 !important;}
.commentMedia .media.my .media-body .media-content {color:#006958 !important; border:1px solid #006958 !important;}
.commentMedia .media.my .media-body .media-content:before {border-left: 1px solid #006958 !important; border-bottom:1px solid #006958 !important;}
.commentMedia .media .media-body .media-content a {color:#006958 !important;}

/********************************************************
 WIDGET
********************************************************/
/* widget-wswg_outlogin
------------------------------------------------*/
.wswg_outlogin .myMenu .myDetailmenu a {border:1px solid rgba(0, 0, 0, 0.2);}
.wswg_outlogin .myMenu .myDetailmenu a:hover {border:1px solid #006958;}
.wswg_outlogin .loginFormBox,
.wswg_outlogin .userBox {background:#e3eee6;}
.wswg_outlogin .loginFormBox .loginForm .inputBox input {color:#1d2c29;}
.wswg_outlogin .login-sns {background: rgba(0, 0, 0, 0.1); border:1px solid rgba(255, 255, 255, 0.1);}

/* widget-infinite-masonry
------------------------------------------------*/

.widget-infinite-masonry .itemWrap .item .itemBox:hover {border:2px solid #006958 !important;}
.widget-infinite-masonry .itemWrap .item .itemBox:hover .ancher .subject {color:#fffefa;}
.widget-infinite-masonry .itemWrap .item .itemBox:hover a .thumb ~ .subject {color:#006958 !important; }
.widget-infinite-masonry .itemWrap .item .itemBox a .labelColor {background:#006958 !important;}
.widget-infinite-masonry .itemWrap .item .itemBox .ancher .subject {background:#403d47;}
.widget-infinite-masonry .itemWrap .item .itemBox .itemInfo .infoBox .commentBox {background:#006958;}

/********************************************************
 add index
********************************************************/
.nt-container .blocks h3 a {color:#006958;}

/* Match the reference's warm surfaces and black wordmark at every breakpoint. */
.header, .responsive .header {
  background:var(--keiverse-surface) !important;
  border-top:0 !important;
  border-bottom:1px solid var(--keiverse-border) !important;
  box-shadow:none;
}
.header .sta .title .fullTopNavi,
.header .sta .tools button {color:var(--keiverse-primary) !important;}
.header .sta .tools button:hover {color:var(--keiverse-surface) !important;}
.header .sta .title .hgroup h1 {
  height:auto; line-height:1; margin:0; display:flex; align-items:center;
}
.header .sta .title .hgroup h1 img {
  width:200px; max-width:48vw; height:auto; object-fit:contain;
}
.mobileNavi .twoDepth,
.bodyBox .containerWrap .contents.sub,
.widgetBox .widget, .list-group-item, .card, .dropdown-menu, .modal-content {
  background-color:var(--keiverse-surface);
  color:var(--keiverse-text);
}
.form-control {color:var(--keiverse-text); background-color:var(--keiverse-surface); border-color:var(--keiverse-border);}
.form-control:focus {border-color:var(--keiverse-primary); box-shadow:0 0 0 .2rem rgba(0,105,88,.16);}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background:var(--keiverse-primary-hover) !important;
  border-color:var(--keiverse-primary-hover) !important;
}
.btn-outline-primary {color:var(--keiverse-primary); border-color:var(--keiverse-primary);}
.btn-outline-primary:hover, .btn-outline-primary:active {color:var(--keiverse-surface) !important; background:var(--keiverse-primary) !important;}
.text-muted {color:var(--keiverse-muted) !important;}
.widget-infinite-masonry .itemWrap .item .itemBox .ancher .subject {background:var(--keiverse-text);}
:focus-visible {outline:2px solid var(--keiverse-primary); outline-offset:3px;}