@charset "utf-8";
/**
 * @author https://www.cosmosfarm.com
 */
#kboard-default-document .article_util {position:static}

a.kboard-default-button-small,
input.kboard-default-button-small,
button.kboard-default-button-small {display:inline-block; height:36px; padding:0 18px; color:#563ADD; font-size:14px; font-weight:600; line-height:33px; border-radius:4px; background:#F1EFFA; border:1px solid #F1EFFA; transition:all .3s ease;}

a.kboard-default-button-small.active,
input.kboard-default-button-small.active,
button.kboard-default-button-small.active {color:#fff; background:#563ADD; border:1px solid #563ADD;}
a.kboard-default-button-small.line,
input.kboard-default-button-small.line,
button.kboard-default-button-small.line{color:#563ADD; background:#fff; border:1px solid #ddd;}

a.kboard-default-button-small.line:hover,
a.kboard-default-button-small.line:focus,
a.kboard-default-button-small.line:active,
input.kboard-default-button-small.line:hover,
input.kboard-default-button-small.line:focus,
input.kboard-default-button-small.line:active,
button.kboard-default-button-small.line:hover,
button.kboard-default-button-small.line:focus,
button.kboard-default-button-small.line:active {background:#f5f5f5;}

a.kboard-default-button-small:hover,
a.kboard-default-button-small:focus,
a.kboard-default-button-small:active,
input.kboard-default-button-small:hover,
input.kboard-default-button-small:focus,
input.kboard-default-button-small:active,
button.kboard-default-button-small:hover,
button.kboard-default-button-small:focus,
button.kboard-default-button-small:active {background:#F1EFFA;}

a.kboard-default-button-small.active:hover,
a.kboard-default-button-small.active:focus,
a.kboard-default-button-small.active:active,
input.kboard-default-button-small.active:hover,
input.kboard-default-button-small.active:focus,
input.kboard-default-button-small.active:active,
button.kboard-default-button-small.active:hover,
button.kboard-default-button-small.active:focus,
button.kboard-default-button-small.active:active {background:#4630ad;}

.kboard-default-new-notify {position:absolute; z-index:1; right:-8px; top:0; width:5px; height:5px; text-indent:-9999px; background:#563ADD; border-radius:10px;}
.kboard-default-cut-strings {width:auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-weight:500;}
.kboard-default-cut-strings > div {display:inline-block; position:relative;}

#kboard-default-list { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-default-list form {display:flex; margin: 0; padding: 0; }
#kboard-default-list .kboard-list-header {display:flex; justify-content:space-between; align-items:center;}
#kboard-default-list .kboard-category {}
#kboard-default-list .kboard-category.category-mobile { display: none; }
#kboard-default-list .kboard-category.category-pc { display: block; }
#kboard-default-list .kboard-category select { display: inline; margin: 0 0 5px 0; padding: 0; width: 100%; min-width: 100%; height: 28px; min-height: 0; line-height: 28px; font-size: 13px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-default-list .kboard-category .kboard-category-list { margin: 0 0 5px 0; padding: 0; list-style: none; border: 0; background-color: #f9f9f9; overflow: hidden; }
#kboard-default-list .kboard-category .kboard-category-list li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 5px; border: 0; list-style: none; }
#kboard-default-list .kboard-category .kboard-category-list li::before,
#kboard-default-list .kboard-category .kboard-category-list li::after { display: none; }
#kboard-default-list .kboard-category .kboard-category-list li a { display: block; padding: 10px 10px 8px 10px; font-size: 14px; border: 0; border-bottom: 2px solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: #515151; }
#kboard-default-list .kboard-category .kboard-category-list li.kboard-category-selected a { font-weight: bold; border-bottom: 2px solid #545861; color: #545861; }
#kboard-default-list .kboard-tree-category-wrap { overflow: hidden; }
#kboard-default-list .kboard-tree-category-wrap select { display: inline; margin: 0 0 5px 0; padding: 0; width: 100%; height: 28px; line-height: 28px; font-size: 13px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-default-list .kboard-tree-category-search .kboard-search-option-wrap.type-select { width: auto; }
#kboard-default-list .kboard-tree-category-search .kboard-search-option-wrap.type-tab { width: 100%; }
#kboard-default-list .kboard-tree-category { float: left; margin: 0 0 5px 0; padding: 0; width: 100%; list-style: none; border: 0; background-color: #f9f9f9; overflow: hidden; }
#kboard-default-list .kboard-tree-category li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 5px; border: 0; list-style: none; }
#kboard-default-list .kboard-tree-category li::before,
#kboard-default-list .kboard-tree-category li::after { display: none; }
#kboard-default-list .kboard-tree-category li a { display: block; padding: 10px 10px 8px 10px; font-size: 14px; border: 0; border-bottom: 2px solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: #515151; }
#kboard-default-list .kboard-tree-category li.kboard-category-selected a { font-weight: bold; border-bottom: 2px solid #545861; color: #545861; }
#kboard-default-list .kboard-tree-category-search { float: left; width: 100%; }
#kboard-default-list .kboard-tree-category-search .kboard-search-option-wrap { margin-right: 5px; float: left; }

#kboard-default-list .kboard-list {margin-top:32px; border-top:2px solid #000;}
#kboard-default-list .kboard-list table {color:#333;}
#kboard-default-list .kboard-list table tr {}
#kboard-default-list .kboard-list table td {padding:16px 20px; text-align:center;}
#kboard-default-list .kboard-list table td.kboard-list-uid { width: 80px; }
#kboard-default-list .kboard-list table td.kboard-list-title { width: auto; }
#kboard-default-list .kboard-list table td.kboard-list-user { width: 130px; }
#kboard-default-list .kboard-list table td.kboard-list-date { width: 130px; }
#kboard-default-list .kboard-list table td.kboard-list-vote { width: 80px; }
#kboard-default-list .kboard-list table td.kboard-list-view { width: 80px; }
#kboard-default-list .kboard-list thead { background-color: transparent; }
#kboard-default-list .kboard-list thead tr td {border-bottom:1px solid #ddd; font-weight:600;}
#kboard-default-list .kboard-list tbody tr td {border-bottom:1px solid #ddd;}
#kboard-default-list .kboard-list tbody tr:hover {background-color:#f7f7f7;}
#kboard-default-list .kboard-list tbody tr.kboard-list-notice { background-color: #f4f4f4; }
#kboard-default-list .kboard-list tbody td.kboard-list-title { text-align: left; }
#kboard-default-list .kboard-list tbody td.kboard-list-title img {display:inline; margin:0; width:auto; height:auto; vertical-align:text-top;}
#kboard-default-list .kboard-list tbody td.kboard-list-title .kboard-comments-count { color: #00a8e7; }
#kboard-default-list .kboard-list tbody td.kboard-list-user img.avatar { display: inline; margin: 0; width: 24px; max-width: none; height: 24px; vertical-align: middle; border-radius: 50%; }
#kboard-default-list .kboard-list .kboard-mobile-contents { display: none; font-size: 13px; color: #999999; }
#kboard-default-list .kboard-list .kboard-mobile-contents .contents-item { display: inline; margin: 0; padding: 0; }
#kboard-default-list .kboard-list .kboard-mobile-contents .contents-item img.avatar { display: inline; margin: 0; width: 24px; max-width: none; height: 24px; vertical-align: middle; border-radius: 50%; }
#kboard-default-list .kboard-list .kboard-mobile-contents .contents-separator { display: inline; margin: 0; padding: 0 2px; color: #bebebe; }

#kboard-default-list .kboard-pagination {margin-top:48px;}

#kboard-default-list .kboard-pagination .kboard-pagination-pages {display:flex; justify-content:center;}
#kboard-default-list .kboard-pagination .kboard-pagination-pages li a {display:block; width:24px; height:24px; line-height:24px; text-align:center; font-size:14px; color:000; background:#f5f5f5; border-radius:4px;}
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a {color:#fff; background:#563ADD}
#kboard-default-list .kboard-pagination .kboard-pagination-pages li:before {display:none;}
#kboard-default-list .kboard-pagination .kboard-pagination-pages li:after {display:none;}

#kboard-default-list .kboard-search {display:flex; justify-content:center; font-size:15px; margin:24px 0 0; text-align:center;}
#kboard-default-list .kboard-search select {width:100px; height:36px; font-size:14px; border:1px solid #ddd; border-radius:4px;}
#kboard-default-list .kboard-search input {width:200px; height:36px; margin:0 8px; font-size:14px; border:1px solid #ddd; border-radius:4px; background:#fff;}

#kboard-default-list .kboard-control { float: left; padding-bottom: 15px; width: 100%; text-align: right; }

#kboard-default-editor {padding-top:24px; border-top:2px solid #000;}
#kboard-default-editor input[type="text"], 
#kboard-default-editor input[type="search"], 
#kboard-default-editor input[type="password"], 
#kboard-default-editor input[type="tel"], 
#kboard-default-editor input[type="email"], 
#kboard-default-editor input[type="number"], 
#kboard-default-editor input[type="button"] {width:400px; max-width:100%;}
#kboard-default-editor .kboard-attr-title input {width:70%;}
#kboard-default-editor .kboard-attr-row {display:flex; margin:0 0 16px 0; min-height:40px; justify-content:space-between; align-items:center;}
#kboard-default-editor .kboard-attr-row .attr-name {width:120px; font-weight:600; flex-shrink:0;}
#kboard-default-editor .kboard-attr-row .attr-name img { display: inline; margin: 0; padding: 0; width: auto; max-width: 100%; vertical-align: middle; }
#kboard-default-editor .kboard-attr-row .attr-name .attr-required-text { color: red; font-weight: normal; font-size: 13px; }
#kboard-default-editor .kboard-attr-row.kboard-attr-content .attr-name { display: none; }
#kboard-default-editor .kboard-attr-row .attr-value {width:calc(100% - 120px); flex-grow:1;}
#kboard-default-editor .kboard-attr-row .attr-value .attr-value-option { display: inline; padding-right: 20px; width: auto; font-size: 14px; cursor: pointer; }
#kboard-default-editor .kboard-attr-row .attr-value .attr-value-option input { cursor: pointer; }
#kboard-default-editor .kboard-attr-row .attr-value .attr-value-label { display: inline; padding-right: 5px; width: auto; cursor: pointer; }
#kboard-default-editor .kboard-attr-row .attr-value .attr-value-label input { cursor: pointer; }
#kboard-default-editor .kboard-attr-row .attr-value .description { margin: 0; color: #666666; }
#kboard-default-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap { float: left; width: 100%; }
#kboard-default-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select { clear: both; float: left; margin-bottom: 5px; width: 30%; }
#kboard-default-editor .kboard-attr-row.hidden {height:0; min-height:0; margin:0; overflow:hidden;}
#kboard-default-editor .kboard-content { float: left; margin: 0; padding: 9px 0; width: 100%; background-color: white; }
#kboard-default-editor .kboard-content .editor-textarea { display: inline; margin: 0; padding: 5px; width: 100%; min-width: 100%; max-width: 100%; height: 250px; min-height: 0; font-size: 14px; border: 1px solid #dcdcdc; box-shadow: none; background: none; background-color: transparent; box-sizing: border-box; text-indent: 0; }
#kboard-default-editor .kboard-control { float: left; padding: 15px 0; width: 100%; }
#kboard-default-editor .kboard-control .left { position: static; float: left; }
#kboard-default-editor .kboard-control .right { position: static; float: right; width: 50%; text-align: right; }

#kboard-default-editor.confirm {margin:100px auto; max-width:400px;}
#kboard-default-editor.confirm input[type=password] {width:100%; box-sizing:border-box;}

#kboard-default-document {margin-top:80px;}
#kboard-default-document .kboard-title strong {display:block; padding:0; font-size:32px; font-weight:600; color:#000;}
#kboard-default-document .kboard-detail {display:flex; padding-bottom:36px; margin-top:18px; font-size:16px; color:#666; border-bottom:1px solid #ddd;}
#kboard-default-document .kboard-detail .detail-attr + .detail-attr {position:relative; margin-left:12px; padding-left:13px;}
#kboard-default-document .kboard-detail .detail-attr + .detail-attr:before {content:''; position:absolute; z-index:1; left:0; top:2px; width:1px; height:15px; background:#ccc;}
#kboard-default-document .kboard-content {width:100%; min-height:300px; border-bottom:1px solid #ddd;}
#kboard-default-document .kboard-content .article_util {display:none;}
#kboard-default-document .kboard-content .content-view {padding:36px 0; line-height:1.7; word-break:break-all;}
#kboard-default-document .kboard-content .content-view iframe { max-width: 100%; }
#kboard-default-document .kboard-content .content-view img { display: inline; margin: 0; vertical-align: middle; max-width: 100%; }
#kboard-default-document .kboard-content .content-view hr { margin: 10px 0; padding: 0; height: 1px; border: 0; background-color: #f1f1f1; }
#kboard-default-document .kboard-content .content-view ul { margin: 0.75em 0; }
#kboard-default-document .kboard-content .content-view ol { margin: 0.75em 0; }
#kboard-default-document .kboard-content .content-view p { margin: 0 0 0.75em; }
#kboard-default-document .kboard-content .content-view p:last-child { margin: 0; }
#kboard-default-document .kboard-content .content-view .thumbnail-area { text-align: center; }
#kboard-default-document .kboard-content .content-view .aligncenter { display: block; margin-right: auto; margin-left: auto; }
#kboard-default-document .kboard-content .content-view .alignright { float:right; }
#kboard-default-document .kboard-content .content-view .alignleft { float: left; }
#kboard-default-document .kboard-document-action { padding: 0 22px 5px 22px; overflow: hidden; line-height: 1; }
#kboard-default-document .kboard-document-action .left { position: static; float: left; }
#kboard-default-document .kboard-document-action .right { position: static; float: right; text-align: right; }
#kboard-default-document .kboard-attach { clear: both; margin: 0 22px; padding: 10px 0 5px 0; font-size: 13px; overflow: hidden; line-height: 1; border-top: 1px dashed #ededed; }
#kboard-default-document .kboard-button-action { margin: 0 0 5px 0; padding: 4px 5px; font-size: 13px; font-weight: normal; line-height: 12px; text-align: left; border: 1px solid #ededed; background: none; background-color: white; border-radius: 2px; letter-spacing: normal; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; }
#kboard-default-document .kboard-button-action span { position: static; display: inline; margin: 0; padding: 0; font-size: 13px; line-height: 12px; }
#kboard-default-document .kboard-button-like { color: #ff5959; }
#kboard-default-document .kboard-button-unlike { color: #3d62aa; }
#kboard-default-document .kboard-button-print { color: gray; }
#kboard-default-document .kboard-button-download { color: gray; }
#kboard-default-document .kboard-comments-area { float: left; width: 100%; }
#kboard-default-document .kboard-document-navi {display:none;}
#kboard-default-document .kboard-document-navi a { display: block; text-decoration: none; border: 0; font-size: 14px; line-height: 20px; box-shadow: none; color: #545861; transition-duration: .3s; }
#kboard-default-document .kboard-document-navi .navi-document-title { display: block; }
#kboard-default-document .kboard-document-navi .navi-arrow { position: absolute; display: block; }
#kboard-default-document .kboard-document-navi .kboard-prev-document { position: relative; float: left; width: 45%; }
#kboard-default-document .kboard-document-navi .kboard-prev-document .navi-document-title { padding-left: 15px; }
#kboard-default-document .kboard-document-navi .kboard-prev-document .navi-arrow { left: 0; top: 0; }
#kboard-default-document .kboard-document-navi .kboard-prev-document:hover a { color: black; }
#kboard-default-document .kboard-document-navi .kboard-next-document { position: relative; float: right; width: 45%; text-align: right; }
#kboard-default-document .kboard-document-navi .kboard-next-document .navi-document-title { padding-right: 15px; }
#kboard-default-document .kboard-document-navi .kboard-next-document .navi-arrow { right: 0; top: 0; }
#kboard-default-document .kboard-document-navi .kboard-next-document:hover a { color: black; }
#kboard-default-document .kboard-control {display:block; margin-top:24px;}
#kboard-default-document .kboard-control:after {display:block; content:''; clear:both;}
#kboard-default-document .kboard-control .left {float:left;}
#kboard-default-document .kboard-control .right {float:right;}
#kboard-default-document .kboard-document-add-option-value-wrap {padding:8px 16px; margin-bottom:24px; font-size:15px; border-radius:8px; background:#f8f8f8; border:1px solid #eee;}

#kboard-default-latest table { display: table; table-layout: fixed; width: 100%; border: 0; border-bottom: 1px solid #f1f1f1; }
#kboard-default-latest table tr { padding: 0; border: 0; }
#kboard-default-latest table th { padding: 5px 0; height: auto; border: 0; text-align: center; }
#kboard-default-latest table td { padding: 5px 0; height: auto; border: 0; border-top: 1px solid #f1f1f1; vertical-align: middle; }
#kboard-default-latest table td.kboard-latest-title { text-align: left; }
#kboard-default-latest table .kboard-latest-title { padding-left: 5px; font-size: 14px; }
#kboard-default-latest table .kboard-latest-title a { text-decoration: none; box-shadow: none; }
#kboard-default-latest table .kboard-latest-title img { display: inline; margin: 0; width: auto; height: auto; vertical-align: middle; max-width: 100%; }
#kboard-default-latest table .kboard-latest-title .kboard-comments-count { }
#kboard-default-latest table .kboard-latest-date { width: 80px; text-align: center; font-size: 14px; }

@media screen and (max-width: 980px) {
	#kboard-default-document {margin-top:50px;}
	#kboard-default-document .kboard-title strong {font-size:24px;}
	#kboard-default-document .kboard-detail {padding-bottom:30px; margin-top:12px; font-size:15px;}
	#kboard-default-document .kboard-content .content-view {font-size:15px;}
}

@media screen and (max-width: 782px) {
	#kboard-default-document {margin-top:40px;}
}

@media screen and (max-width: 640px) {
	#kboard-default-list .kboard-category.category-mobile { display: block; }
	#kboard-default-list .kboard-category.category-pc { display: none; }
	#kboard-default-list .kboard-tree-category-search .kboard-search-option-wrap.select { width: 100%; }
	#kboard-default-list .kboard-list {margin-top:16px;}
	#kboard-default-list .kboard-list table { border-top: 1px solid #f1f1f1; }
	#kboard-default-list .kboard-list table thead { display: none; }
	#kboard-default-list .kboard-list table td.kboard-list-title { padding: 10px 5px; }
	#kboard-default-list .kboard-list table td.kboard-list-title .kboard-default-cut-strings { margin-bottom: 10px; white-space: normal; font-size: 15px; line-height: 23px; }
	#kboard-default-list .kboard-list table td.kboard-list-uid,
	#kboard-default-list .kboard-list table td.kboard-list-user,
	#kboard-default-list .kboard-list table td.kboard-list-date,
	#kboard-default-list .kboard-list table td.kboard-list-vote,
	#kboard-default-list .kboard-list table td.kboard-list-view { display: none; }
	#kboard-default-list .kboard-list .kboard-mobile-contents { display: block; }
	#kboard-modern-gallery-list .kboard-pagination .kboard-pagination-pages li {display:none;}
	#kboard-modern-gallery-list .kboard-pagination .kboard-pagination-pages li.first-page,
	#kboard-modern-gallery-list .kboard-pagination .kboard-pagination-pages li.last-page {display:inline-block; *display:inline; zoom:1;}
	#kboard-modern-gallery-list .kboard-pagination .kboard-pagination-pages li.prev-page,
	#kboard-modern-gallery-list .kboard-pagination .kboard-pagination-pages li.next-page {display:inline-block; *display:inline; zoom:1;}
	#kboard-modern-gallery-list .kboard-pagination .kboard-pagination-pages li.prev-page a,
	#kboard-modern-gallery-list .kboard-pagination .kboard-pagination-pages li.next-page a {padding:6px 18px;}
	#kboard-modern-gallery-list .kboard-pagination .kboard-pagination-pages li.active {display:inline-block; *display:inline; zoom:1;}

	#kboard-default-list .kboard-search {margin-bottom:24px;}
	#kboard-default-list .kboard-search input {width:35vw;}
	#kboard-default-list .kboard-search select {width:80px;}
	#kboard-default-list select {height:36px;}
	
	#kboard-default-editor select,
	#kboard-default-editor input[type=text],
	#kboard-default-editor input[type=email],
	#kboard-default-editor input[type=number],
	#kboard-default-editor input[type=date],
	#kboard-default-editor input[type=password],
	#kboard-default-editor input[type=file] {width:100% !important; box-sizing: border-box; }
	#kboard-default-editor .kboard-attr-row {display:block;}
	#kboard-default-editor .kboard-attr-row .attr-name {width:100%;}
	#kboard-default-editor .kboard-attr-row .attr-value {width:100%; padding:8px 0 0 0;}
	#kboard-default-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select { margin-bottom: 10px; width: 100%; }
	#kboard-default-editor.confirm { max-width: none; }

	#kboard-default-document .kboard-title strong {font-size:20px;} 
	#kboard-default-document .kboard-detail {font-size:14px;}
	#kboard-default-document .kboard-detail .detail-attr + .detail-attr {padding-left:9px; margin-left:8px;}
	#kboard-default-document .kboard-detail .detail-attr + .detail-attr:before {top:4px; height:11px;}
}


@media screen and (max-width: 320px) {
	a.kboard-default-button-small,
	input.kboard-default-button-small,
	button.kboard-default-button-small {padding:0 8px;}
}