@charset "utf-8";
/**
 * @author https://www.cosmosfarm.com/
 */

.kboard-leon-download-button-small,
.kboard-leon-download-button-small:link,
.kboard-leon-download-button-small:visited { display: inline-block; padding: 0 15px;text-decoration: none;background: #5d5d5d;color: #fff;font-size: 15px;vertical-align: middle;margin-left: 5px;border: none; font-weight:600; }
.kboard-leon-download-button-small:hover,
.kboard-leon-download-button-small:focus,
.kboard-leon-download-button-small:active { opacity: 0.7;}

.kboard-leon-download-poweredby { float: left; padding-bottom: 15px; width: 100%; font-size: 12px; }
.kboard-leon-download-cut-strings { width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }

#kboard-leon-download-list { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-leon-download-list .kboard-category { padding: 0; width: 100%; }
#kboard-leon-download-list .kboard-category .kboard-category-list { margin: 0; padding: 0 0 15px 0; overflow: hidden; }
#kboard-leon-download-list .kboard-category .kboard-category-list li { margin: 0; padding: 0; color: #aaa; background-color: #eee; font-size: 13px; width:20%; float:left; list-style:none;margin-top:-1px;}
#kboard-leon-download-list .kboard-category .kboard-category-list li a { display: block; padding: 0 25px; color: black; text-decoration: none; color:#aaa; font-weight: bold; line-height: 30px;font-size: 14px; text-transform: uppercase; }
#kboard-leon-download-list .kboard-category .kboard-category-list li { margin-right: 10px; margin-bottom: 5px; width: auto; border-radius: 5px; }
#kboard-leon-download-list .kboard-category .kboard-category-list li.kboard-category-selected { background-color: #379352; border-color: #379352; }
#kboard-leon-download-list .kboard-category .kboard-category-list li.kboard-category-selected a { color: white; }
#kboard-leon-download-list .kboard-header { overflow: hidden; }


#kboard-leon-download-list .kboard-search { text-align: center;}
#kboard-leon-download-list .kboard-search form 
{display:flex; justify-content: center; align-items: stretch;}
#kboard-leon-download-list .kboard-search select { display: inline; margin: 0; padding: 10px; width: 100px; min-width: 100px; min-height:0; font-size: 15px; color: #666; border-radius: 0; border: 1px solid #e5e5e5; border-right:none; background: white; vertical-align: middle; box-shadow: none; box-sizing: content-box; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: none;}
#kboard-leon-download-list .kboard-search .select-box { position: relative;}
#kboard-leon-download-list .kboard-search .select-box i { position: absolute; right: 0; top: 0; font-size: 2rem; color: #666; top: 14px; right: 10px;}

#kboard-leon-download-list .kboard-search input { display: inline; margin: 0; padding: 0 10px; width: 200px; min-width: 200px;  font-size: 15px; color: #666; border-radius: 0; border: 1px solid #e5e5e5; border-right:none; background: white; vertical-align: middle; box-shadow: none; box-sizing: content-box; }
#kboard-leon-download-list .kboard-search .search-button button
{width:50px; height:45px; border:none; border-radius:0; border:1px solid #e5e5e5; border-left:none;}
#kboard-leon-download-list .kboard-search .search-button button i 
{font-size:15px; color:#000;}
#kboard-leon-download-list .kboard-search .search-button button:hover 
{background:transparent}


/* 

#kboard-leon-download-list .kboard-search { float: right; padding-bottom: 5px; width: 100%; text-align: center; }
#kboard-leon-download-list .kboard-search select { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 5px 2px; width: 80px; height: 42px; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #e8eaec; vertical-align: middle; box-shadow: none; }
#kboard-leon-download-list .kboard-search input { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 6px 2px; width: 200px; height: 42px; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #e8eaec; line-height: 12px; vertical-align: middle; box-shadow: none; }
#kboard-leon-download-list .kboard-search button { margin: 0; } */
#kboard-leon-download-list .kboard-tree-category-wrap select { display: inline; margin: 0 0 5px 0; padding: 0; width: 100%; height: 28px; line-height: 28px; font-size: 12px; 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-leon-download-list .kboard-tree-category-search .kboard-search-option-wrap.type-select { width: auto; }
#kboard-leon-download-list .kboard-tree-category-search .kboard-search-option-wrap.type-tab { width: 100%; }
#kboard-leon-download-list .kboard-tree-category { margin: 0 0 5px 0; padding: 0; width: 100%; list-style: none; border: 0; overflow: hidden; }
#kboard-leon-download-list .kboard-tree-category li { margin: 0 10px 0 0; padding: 0; color: #aaa; background-color: #eee; font-size: 13px; width:auto; float:left; list-style:none; border-radius: 5px; }
#kboard-leon-download-list .kboard-tree-category li a { display: block; padding: 0 25px; color: black; text-decoration: none; color:#aaa; font-weight: bold; line-height: 30px;font-size: 14px; text-transform: uppercase; }
#kboard-leon-download-list .kboard-tree-category li.kboard-category-selected { background-color: #379352; border-color: #379352; }
#kboard-leon-download-list .kboard-tree-category li.kboard-category-selected a { color: white; }
#kboard-leon-download-list .kboard-tree-category-search { float: left; width: 100%; }
#kboard-leon-download-list .kboard-tree-category-search .kboard-search-option-wrap { margin-right: 5px; float: left; }
#kboard-leon-download-list .kboard-list { margin: 0; padding: 0; }
#kboard-leon-download-list .kboard-list .kboard-list-item { position: relative; border: 1px solid #ddd;  padding: 30px;  list-style: none;  border-radius: 10px;margin-bottom: 20px;}
/* #kboard-leon-download-list .kboard-list .kboard-list-item .kboard-top-info { position:relative; padding-right: 80px; }
#kboard-leon-download-list .kboard-list .kboard-list-item .kboard-top-info .left { margin-bottom: 5px; color:#f88e27; font-size:14px; font-weight:800; display: inline-block;  border: 1px solid #f88e27;  padding: 3px 20px;  border-radius: 5px;}
#kboard-leon-download-list .kboard-list .kboard-list-item .kboard-top-info .right { color:#999; font-size:14px; font-weight:800; display: inline-block;  position:absolute; right:0; top:3px; text-transform: uppercase;}
#kboard-leon-download-list .kboard-list .kboard-list-item .kboard-wrap-center .kboard-item-title { padding-top: 10px; font-size: 30px; margin-bottom:20px;}
#kboard-leon-download-list .kboard-list .kboard-list-item .kboard-wrap-center .kboard-item-title a { color: #333; text-decoration: none;  font-weight:800; }
#kboard-leon-download-list .kboard-list .kboard-list-item .kboard-wrap-center .kboard-item-info { color: #aaa; font-size: 80%; }
#kboard-leon-download-list .kboard-list .kboard-list-item .kboard-wrap-center .kboard-item-info span { color: #aaa;  font-weight:800; margin-right: 40px; position: relative; vertical-align: middle; }
#kboard-leon-download-list .kboard-list .kboard-list-item .kboard-wrap-center .kboard-item-info span.info-item:after{ content:"|"; position: absolute; font-size: 12px; font-weight: 400; color: #aaa; right: -23px; top: 0; }
#kboard-leon-download-list .kboard-list .kboard-list-item .kboard-wrap-center .kboard-item-info span.info-item:last-child:after{content:"";}
#kboard-leon-download-list .kboard-list .kboard-list-item .kboard-wrap-center .kboard-item-info span em{ font-style:normal; color: #777; }
#kboard-leon-download-list .kboard-list .kboard-list-item .kboard-wrap-center .kboard-item-content { padding-bottom: 20px; font-size: 14px; color:#999; }
#kboard-leon-download-list .kboard-list .kboard-list-item .kboard-wrap-center:after{content:"";clear:both;display:block;}
#kboard-leon-download-list .kboard-list .kboard-list-item .kboard-wrap-right{ padding-top: 20px; text-align: right; }
#kboard-leon-download-list .kboard-list .kboard-list-item .kbaord-item-download-list .kboard-download-item a{ display: inline-block; padding: 10px 30px; border: 2px solid #369353; font-size: 14px !important; text-decoration: none; font-weight:800;text-transform: uppercase;border-radius: 5px;color: #369353;margin-right: 10px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;}
#kboard-leon-download-list .kboard-list .kboard-list-item .kbaord-item-download-list .kboard-download-item a.download-btn{ background:#369353; color:#fff; }
#kboard-leon-download-list .kboard-list .kboard-list-item .kbaord-item-download-list .kboard-download-item a:hover{ border-color:#369353; color:#369353; }
#kboard-leon-download-list .kboard-list .kboard-list-item .kbaord-item-download-list .kboard-download-item a.download-btn:hover{ color:#fff; }
#kboard-leon-download-list .kboard-list .kboard-list-item .kbaord-item-download-list .kboard-download-item a img{ display: inline; margin: 0; position: relative; top: 0px; right: -5px; width: 20px; height: 20px; } */



#kboard-leon-download-list .kboard-list-item 
{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:end;}
#kboard-leon-download-list .kboard-list-item .kboard-left-con
{width:100%;}
#kboard-leon-download-list .kboard-list-item .kboard-left-con .kboard-item-title a 
{font-size:3rem; color:#000; font-weight:700}
#kboard-leon-download-list .kboard-list-item .kboard-left-con .kboard-item-filename 
{display:flex; margin-top:2rem; display:flex; flex-wrap:wrap;}
#kboard-leon-download-list .kboard-list-item .kboard-left-con .kboard-item-filename .filename
{font-size:1.8rem; color:#666; margin-right:2rem; font-weight:400;}
#kboard-leon-download-list .kboard-list-item .kboard-right-con 
{width:100%;}
#kboard-leon-download-list .kboard-list-item .kboard-item-download-btn 
{display:flex; justify-content: end; margin-top:5rem;}
#kboard-leon-download-list .kboard-list-item .kboard-item-download-btn .download-btn
{font-size:1.5rem; color:#fff; background:var(--main-color); padding:1.5rem 2rem; border-radius:10px; margin-left:1rem; min-width:15rem; max-width:20rem; text-overflow:ellipsis; overflow:hidden; text-wrap:nowrap; text-align:center; transition:all 0.3s ease;}
#kboard-leon-download-list .kboard-list-item .kboard-item-download-btn .download-btn:hover 
{background:#288f76}
#kboard-leon-download-list .kboard-list-item .kboard-item-download-btn .more-btn 
{display:flex; align-items:center; border:2px solid var(--main-color); font-size:1.5rem; color:#222; background:#fff; border-radius:10px; padding:1rem 2rem; margin-left:1rem;}


#kboard-leon-download-list .kboard-pagination { padding: 15px 0; width: 100%; }
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages {margin: 0; padding: 0; width: 100%; list-style: none; text-align: center; border: 0; }
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 1px; background: none; border: 0; list-style: none; }
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li a { display: block; margin: 0; padding: 0 11px; height: 28px; line-height: 28px; font-size: 14px; color: #777; text-decoration: none; border: 0; background-color: #f1f1f1; box-shadow: none; transition-duration: 0.3s; margin:0 3px;}
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.next-page a,
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.last-page a,
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.first-page a,
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.prev-page a{font-size:0;background:none;padding:0 ;margin:0 5px;}
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.next-page a:hover,
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.last-page a:hover,
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.first-page a:hover,
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.prev-page a:hover{background:none !important;}
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.prev-page a:before{content:"";width: 0px !important;height: 0px !important;display: inline-block;border: 6px solid #777;border-top-color: transparent;border-bottom-color: transparent;border-left-color: transparent;background: none;margin-left: -6px;}
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.first-page a:before{content:"";width: 0px !important;height: 0px !important;display: inline-block;border: 6px solid #777;border-top-color: transparent;border-bottom-color: transparent;border-left-color: transparent;background: none;margin-right: -6px;}
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.first-page a:after{content:"";width: 0px !important;height: 0px !important;display: inline-block;border: 6px solid #777;border-top-color: transparent;border-bottom-color: transparent;border-left-color: transparent;background: none;}
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.next-page a:before{content:"";width: 0px !important;height: 0px !important;display: inline-block;border: 6px solid #777;border-top-color: transparent;border-bottom-color: transparent;border-right-color: transparent;background: none;margin-right: -6px;}
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.last-page a:before{content:"";width: 0px !important;height: 0px !important;display: inline-block;border: 6px solid #777;border-top-color: transparent;border-bottom-color: transparent;border-right-color: transparent;background: none;}
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.last-page a:after{content:"";width: 0px !important;height: 0px !important;display: inline-block;border: 6px solid #777;border-top-color: transparent;border-bottom-color: transparent;border-right-color: transparent;background: none;margin-left: -6px;}
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li:hover a,
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.active a { border: 0; color: var(--sub-color); font-weight:700; background:transparent;;}
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li:before { display: none; }
#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li:after { display: none; }
#kboard-leon-download-list .kboard-control {padding: 15px 0 1px 0; width: 100%; text-align: right; }
#kboard-leon-download-list .kboard-control a {background-color:#222; font-size:15px; color:#fff; padding:12px 40px;}
/* 글 작성 */
#kboard-leon-download-editor { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-leon-download-editor select,
#kboard-leon-download-editor input { width: auto; height: auto; box-shadow: none; }
#kboard-leon-download-editor .kboard-header { float: left; width: 100%; border-top: 1px solid #545861; line-height: 0; }
#kboard-leon-download-editor .kboard-attr-row { float: left; padding: 5px 0; width: 100%; ; background-color: white; }

#kboard-leon-download-editor .kboard-attr-title input { width:70%; display: inline-block; *display: inline; zoom: 1; height: 2.8rem; line-height:2.8rem; padding: 0px 5px; font-size: 14px; color: #666666; border-radius: 0; border:none; border-bottom:1px solid #dcdcdc; }
#kboard-leon-download-editor .kboard-attr-row .attr-name { display: inline; float: left; margin: 0; padding: 0 10px 0 20px; width: 120px; line-height: 30px; color: #545861; font-size: 14px; font-weight: bold; }
#kboard-leon-download-editor .kboard-attr-row .attr-name img { display: inline; max-width: 100%; vertical-align: middle; }
#kboard-leon-download-editor .kboard-attr-row .attr-name .attr-required-text { color: red; font-weight: normal; font-size: 13px; }
#kboard-leon-download-editor .kboard-attr-row.kboard-attr-content .attr-name { display: none; }
#kboard-leon-download-editor .kboard-attr-row .attr-value { line-height: 30px; font-size: 14px; margin:0 0 0 140px; padding:0;}
#kboard-leon-download-editor .kboard-attr-row .attr-value select { margin: 0; padding: 5px 2px; font-size: 12px; min-width: 130px; color: #666666; border-radius: 0; border: 1px solid #e8eaec; }
#kboard-leon-download-editor .kboard-attr-row .attr-value input[type=text] {border:none; border-bottom:1px solid #dcdcdc; width:70%;  color:#666; font-size:14px; padding:0px 5px; height:2.8rem; line-height:2.8rem;}
#kboard-leon-download-editor .kboard-attr-row .attr-value input[type=password] { margin: 0; padding: 6px 2px; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #e8eaec; }
#kboard-leon-download-editor .kboard-attr-row .attr-value input[type=radio],
#kboard-leon-download-editor .kboard-attr-row .attr-value input[type=checkbox] { margin-top: 8px; }
#kboard-leon-download-editor .kboard-attr-row .attr-value input[type=file] { display: inline; margin: 0; padding: 6px 2px; font-size: 12px; color: #666666; border: 0; }
#kboard-leon-download-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap { float: left; }
#kboard-leon-download-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select { clear: both; float: left; margin-bottom: 5px; width: 30%; }
#kboard-leon-download-editor .kboard-attr-row .attr-value .kboard-rating { margin-top: 6px; }
#kboard-leon-download-editor .kboard-attr-row .attr-value .attr-value-option {display:inline; padding-right:20px; font-size:14px; cursor:pointer;}

#kboard-leon-download-editor .kboard-content { float: left; padding: 9px 0; width: 100%; background-color: white; }
#kboard-leon-download-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-leon-download-editor .kboard-control {display:flex; justify-content:space-between; padding: 15px 0; width: 100%; }
#kboard-leon-download-editor .kboard-control a {background:var(--main-color); font-size:1.5rem; padding:12px 40px; font-weight:400; color:#fff;}
#kboard-leon-download-editor .kboard-control button {background:var(--main-color); font-size:1.5rem; padding:12px 40px;  font-weight:400; color:#fff; border:none; border-radius:0;}
/* 글 상세 페이지 */
#kboard-leon-download-document .kboard-header { margin-top: 0; width: 100%; }
#kboard-leon-download-document .kboard-document-wrap {margin-bottom: 30px;}
#kboard-leon-download-document .kboard-document-top-con {border-top:1px solid #000; border-bottom:1px solid #eee; padding:25px 0}
#kboard-leon-download-document .kboard-title { padding:0 20px; width: 100%; }
#kboard-leon-download-document .kboard-title h2 { margin: 0; padding: 0px; margin-bottom:20px; color: #333; font-size: 24px;  font-weight: 800; line-height: 1.3em; }
#kboard-leon-download-document .kboard-title span {font-size:1.7rem; color:#999; font-weight:400;}
#kboard-leon-download-document .kboard-detail { display:none;padding-bottom: 20px; width: 100%;font-size: 14px; font-weight:800; }
#kboard-leon-download-document .kboard-detail .detail-attr { display: inline-block; margin: 0; padding: 20px 40px 0 0; }
#kboard-leon-download-document .kboard-detail .detail-attr.detail-writer { clear: both; }
#kboard-leon-download-document .kboard-detail .detail-attr .detail-name { float: left; font-weight: bold; color: #aaa; text-align: right; line-height:25px; padding-right:5px; }
#kboard-leon-download-document .kboard-detail .detail-attr .detail-value { float: left; color: #777; line-height:25px;}
#kboard-leon-download-document .kboard-detail .detail-attr.detail-group .detail-value{ border: 1px solid #f88e27; color:#f88e27; padding: 0px 20px; border-radius: 3px; }
#kboard-leon-download-document .kboard-detail .detail-attr .detail-value img { vertical-align: middle; }
#kboard-leon-download-document .kboard-content { width: 100%; min-height: 200px; }
#kboard-leon-download-document .kboard-content .content-view { margin: 0; padding: 22px 0; word-break: keep-all; font-size: 16px; line-height: 1.7; }
#kboard-leon-download-document .kboard-attach-group { border-top:1px solid #000; padding: 0; display:flex; flex-wrap:wrap;}
#kboard-leon-download-document .kboard-attach { width:100%; padding:2rem; border-bottom:1px solid #ddd;}
#kboard-leon-download-document .kboard-attach a {font-size:1.8rem; color:#000; font-weight:600; display:flex; justify-content:space-between; align-items:center;}




#kboard-leon-download-document .kboard-content .content-view iframe { max-width: 100%; }
#kboard-leon-download-document .kboard-content .content-view img { display: inline; margin: 0; vertical-align: middle; max-width: 100%; }
#kboard-leon-download-document .kboard-content .content-view hr { margin: 10px 0; padding: 0; height: 1px; border: 0; background-color: #f1f1f1; }
#kboard-leon-download-document .kboard-content .content-view p { margin: 0 0 0.75em; }
#kboard-leon-download-document .kboard-content .content-view p:last-child { margin: 0; }
#kboard-leon-download-document .kboard-content .content-view .thumbnail-area { text-align: center; }
#kboard-leon-download-document .kboard-content .content-view .aligncenter { display: block; margin-right: auto; margin-left: auto; }
#kboard-leon-download-document .kboard-content .content-view .alignright { float:right; }
#kboard-leon-download-document .kboard-content .content-view .alignleft { float: left; }
#kboard-leon-download-document .kboard-document-action { padding: 0; overflow: hidden; line-height: 1; }
#kboard-leon-download-document .kboard-document-action .left { position: static; float: left; }
#kboard-leon-download-document .kboard-document-action .right { position: static; float: right; text-align: right; }



#kboard-leon-download-document .kboard-button-like { color: #ff5959; }
#kboard-leon-download-document .kboard-button-unlike { color: #3d62aa; }
#kboard-leon-download-document .kboard-button-print { color: gray; }
#kboard-leon-download-document .kboard-button-download { color: gray; }
#kboard-leon-download-document .kboard-comments-area { padding-bottom: 30px; }
#kboard-leon-download-document .kboard-document-navi { padding-top: 15px; width: 100%; padding: 0px; background: #fff; border-top: 2px solid #aaa;border-bottom: 2px solid #aaa; }
#kboard-leon-download-document .kboard-document-navi a { display: block; text-decoration: none; border: 0; font-size: 14px; line-height: 30px; box-shadow: none; color: #555; transition-duration: .3s; }
#kboard-leon-download-document .kboard-document-navi .navi-arrow { position: relative; display: inline-block;font-weight:800; }
#kboard-leon-download-document .kboard-document-navi .kboard-prev-document { position: relative; }
#kboard-leon-download-document .kboard-document-navi .kboard-prev-document a,#kboard-leon-download-document .kboard-document-navi .kboard-next-document a{padding:10px 0px; }
#kboard-leon-download-document .kboard-document-navi .kboard-next-document a.d_border_line{ border-top: 1px solid #ddd;}
#kboard-leon-download-document .kboard-document-navi .kboard-prev-document .navi-document-title { padding-left: 30px; font-weight:800; vertical-align: middle; }
#kboard-leon-download-document .kboard-document-navi .kboard-prev-document .navi-arrow,#kboard-leon-download-document .kboard-document-navi .kboard-next-document .navi-arrow { float: left; border-right: 1px solid #ddd; padding: 0px 30px 0 52px;vertical-align: middle;}
#kboard-leon-download-document .kboard-document-navi .kboard-prev-document .navi-arrow:before{ content: ""; border-top: 2px solid #777; border-right: 2px solid #777; width: 10px; height: 10px; display: block; position: absolute; transform: rotate(-45deg); left: 25px; top: 12px; }
#kboard-leon-download-document .kboard-document-navi .kboard-next-document .navi-arrow:before{ content: ""; border-top: 2px solid #777; border-right: 2px solid #777; width: 10px; height: 10px; display: block; position: absolute; transform: rotate(135deg); left: 25px; bottom: 12px; }
#kboard-leon-download-document .kboard-document-navi .kboard-prev-document:hover a { color: black; }
#kboard-leon-download-document .kboard-document-navi .kboard-next-document { position: relative;}
#kboard-leon-download-document .kboard-document-navi .kboard-next-document .navi-document-title { padding-left: 30px; font-weight:800; vertical-align: middle; }
#kboard-leon-download-document .kboard-document-navi .kboard-next-document:hover a { color: black; }
#kboard-leon-download-document .kboard-control {padding: 15px 0;  width: 100%; display:flex; justify-content:space-between;}
#kboard-leon-download-document .kboard-control a {background:var(--main-color); padding:12px 40px; font-size:15px; color:#fff;}

#kboard-leon-download-latest { list-style: none; margin: 0; padding: 0; }
#kboard-leon-download-latest .kboard-list-item { position: relative; border-bottom: 1px solid #ddd; padding-bottom: 20px; list-style:none; }
#kboard-leon-download-latest .kboard-list-item .kboard-wrap-center .kboard-item-title { padding-top: 22px; font-size: 120%; }
#kboard-leon-download-latest .kboard-list-item .kboard-wrap-center .kboard-item-title a { color: #333; text-decoration: none; }
#kboard-leon-download-latest .kboard-list-item .kboard-wrap-center .kboard-item-info { padding-top: 5px; color: #aaa; font-size: 80%; }
#kboard-leon-download-latest .kboard-list-item .kboard-wrap-center .kboard-item-info span { color: #0285c4; }
#kboard-leon-download-latest .kboard-list-item .kboard-wrap-center .kboard-item-content { padding-top: 5px; font-size: 14px; color:#777; }
#kboard-leon-download-latest .kboard-list-item .kboard-wrap-right{ text-align: right; margin-top: 15px; }
#kboard-leon-download-latest .kboard-list-item .kbaord-item-download-list .kboard-download-item a{ padding: 8px 20px; border: 2px solid #777; font-size: 13px; text-transform: uppercase; border-radius: 5px; text-decoration: none; color: #777; margin-right: 10px; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; }
#kboard-leon-download-latest .kboard-list-item .kbaord-item-download-list .kboard-download-item a:hover{ background:#ffa522; border-color:#ffa522; color:#fff; }
#kboard-leon-download-latest .kboard-list-item .kbaord-item-download-list .kboard-download-item a img{ display: inline; margin: 0; position: relative; top: 4px; right: -5px; }

@media screen and (max-width: 600px) {
	#kboard-leon-download-list .kboard-search select { float: left; margin-right: 1%; width: 29%; }
	#kboard-leon-download-list .kboard-search input { float: left; margin-right: 1%; width: 49%; }
	#kboard-leon-download-list .kboard-search button { float: left; width: 20%; } 
	#kboard-leon-download-list .kboard-category .kboard-category-list { padding-bottom: 5px; overflow:scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; }
	#kboard-leon-download-list .kboard-category .kboard-category-list li { display:inline-block; float: none; margin-right: 5px; }
	#kboard-leon-download-list .kboard-tree-category { padding-bottom: 5px; overflow:scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; }
	#kboard-leon-download-list .kboard-tree-category li { display:inline-block; float: none; margin-right: 5px; }
	#kboard-leon-download-list .kboard-list .kboard-list-item { margin-bottom: 15px; padding: 15px; }
	#kboard-leon-download-list .kboard-list .kboard-list-item .kboard-wrap-center { right: 0; }
	#kboard-leon-download-list .kboard-list .kboard-list-item .kboard-wrap-center .kboard-item-title { margin-bottom: 10px; font-size: 20px; }
	#kboard-leon-download-list .kboard-list .kboard-list-item .kboard-wrap-center .kboard-item-content { padding-bottom: 10px; }
	#kboard-leon-download-list .kboard-list .kboard-list-item .kboard-wrap-right { display: none; }
	#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li { display: none; }
	#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.first-page,
	#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.last-page { display: inline-block; *display: inline; zoom: 1; }
	#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.prev-page,
	#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.next-page { display: inline-block; *display: inline; zoom: 1; }
	#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.prev-page a,
	#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.next-page a { padding: 6px 18px; }
	#kboard-leon-download-list .kboard-pagination .kboard-pagination-pages li.active { display: inline-block; *display: inline; zoom: 1; }
	
	#kboard-leon-download-editor select,
	#kboard-leon-download-editor input[type=text],
	#kboard-leon-download-editor input[type=email],
	#kboard-leon-download-editor input[type=number],
	#kboard-leon-download-editor input[type=date],
	#kboard-leon-download-editor input[type=password],
	#kboard-leon-download-editor input[type=file] { width: 100%; box-sizing: border-box; }
	#kboard-leon-download-editor .kboard-attr-row { padding: 10px 0; }
	#kboard-leon-download-editor .kboard-attr-row .attr-name { padding: 0; width: 100%; font-size: 14px; }
	#kboard-leon-download-editor .kboard-attr-row .attr-value { margin: 0; }
	
	#kboard-leon-download-document .kboard-document-wrap { padding: 15px; }
	#kboard-leon-download-document .kboard-detail { padding-bottom: 10px; }
	#kboard-leon-download-document .kboard-detail .detail-attr { padding: 10px 20px 0 0; }
}