@charset "utf-8";

/**
 * @author http: //www.cosmosfarm.com/
 */

img  {
     border:  0;
 }

.answer-label{
	display:  inline-block;
	zoom:  1;
	padding:  3px 8px;
	font-size:  12px;
	line-height:1;
	color:  white;
	background-color:  #e40011;
	font-weight:  normal;
	text-transform:uppercase;
	border-radius:2px;
	opacity:.75;
}

.secret-locker{
	display:inline-block;
	text-indent:-99999px;
	position:relative;
}

.secret-locker i{
	display:block;
	position:absolute;
	top:.15em;
	left:5px;
	width:20px;
	height:20px;
	line-height:20px;
	background:#f9f9f9;
	border-radius:2px;
	font-style:normal;
	text-align:center;
	color:#555;
	background:url('/wp-content/uploads/2018/03/locker-ico.png') center center no-repeat;
	background-size:contain;

}


a.kboard-default-button-small,
input.kboard-default-button-small,
button.kboard-default-button-small  {

 }

a.kboard-default-button-small:hover, a.kboard-default-button-small:focus,
input.kboard-default-button-small:hover, input.kboard-default-button-small:focus,
button.kboard-default-button-small:hover, button.kboard-default-button-small:focus {

 }

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  {
     *opacity:  0.7;
 }


/*.kboard-default-poweredby  {
     float:  left;
     padding-bottom:  15px;
     width:  100%;
     font-size:  13px;
 }
*/
.kboard-default-poweredby  {
    display: none;
}

.kboard-default-new-notify  {
     display:  inline-block;
	 position:relative;
	 top:-1px;
	 zoom:  1;
     padding:  2px 4px;
     line-height:  10px;
     font-size:  10px;
     color:  white;
     background-color:  #e40011;
     font-weight:  normal;
	 text-transform:uppercase;
	 border-radius:2px;
	 opacity:.75;
 }

.kboard-default-cut-strings  {
     width:  auto;
     overflow:  hidden;
     white-space:  nowrap;
     text-overflow:  ellipsis;
     word-wrap:  normal;
 }


.cmkboard-list  {
     display:  inline-block;
     *display:  inline;
     zoom:  1;
     margin:  0;
     width:  100%;
 }

.cmkboard-list form, body .cmkboard-list #kboard-search-form {
     margin:  0;
     padding:  0;
	 width:auto;
 }

.cmkboard-list .kboard-list-header  {
     float:  left;
     display:  table;
     padding: 0 20px 15px;
     width:  100%;
 }

.cmkboard-list .kboard-list-header .kboard-total-count  {
     *float:  left;
     display:  table-cell;
     font-size:  15px;
 }

.cmkboard-list .kboard-list-header .kboard-total-count .total-counter{
	display:inline-block;
	margin-left:8px;
}

.cmkboard-list .kboard-list-header .kboard-total-count .total-counter:before{
	content:'';
	display:inline-block;
	width:1px;
	height:10px;
	margin-right:8px;
	background:#e4e4e4;
}

.cmkboard-list .kboard-list-header .kboard-sort  {
     *float:  right;
     display:  table-cell;
     text-align:  right;
 }

.cmkboard-list .kboard-list-header .kboard-sort select  {
     display:  inline;
     margin:  0;
     padding:  0;
     width:  auto;
     min-width:  0;
     max-width:  none;
     height:  26px;
     line-height:  26px;
     font-size:  12px;
     color:  #666666;
     border-radius:  0;
     border:  1px solid #f1f1f1;
     background:  white;
     vertical-align:  middle;
     box-shadow:  none;
     box-sizing:  content-box;
     text-indent:  0;
     -webkit-appearance:  menulist;
     -moz-appearance:  menulist;
     appearance:  menulist;
 }

.cmkboard-list .kboard-category  {
     float:  left;
     padding-bottom:  15px;
 }

.cmkboard-list .kboard-category.category-mobile  {
     display:  none;
 }

.cmkboard-list .kboard-category.category-pc  {
     display:  block;
 }

.cmkboard-list .kboard-category select  {
     display:  inline;
     margin:  0 0 5px 0;
     padding:  0;
     width:  100%;
     min-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;
 }

.cmkboard-list .kboard-category .kboard-category-list  {
     margin:  0 0 5px 0;
     padding:  0;
     list-style:  none;
     border:  0;
     *background-color:  #f9f9f9;
     overflow:  hidden;
 }

.cmkboard-list .kboard-category .kboard-category-list li::before,
.cmkboard-list .kboard-category .kboard-category-list li::after  {
     display:  none;
 }

.cmkboard-list .kboard-category .kboard-category-list li a  {
    display: inline-block; padding: 0 16px; color: #767676; text-decoration: none; font-size:15px;
 }

.cmkboard-list .kboard-category .kboard-category-list li a:hover, .cmkboard-list .kboard-category .kboard-category-list li a:focus{
	color: #20489D;
}

.cmkboard-list .kboard-category .kboard-category-list li.kboard-category-selected a  {
     color:  #585858;
 }

.cmkboard-list .kboard-list  {
     float:  left;
     width:  100%;
     background-color:  white;
 }

.cmkboard-list .kboard-list table  {
     display:  table;
     table-layout:  fixed;
     margin:  0;
     padding:  0;
     width:  100%;
     border:  0;
     font-size:  13px;
     border-collapse:  collapse;
 }

/*.cmkboard-list .kboard-list table a  {
     color:  black;
     font-weight:  normal;
     text-decoration:  none;
     border:  0;
     box-shadow:  none;
     font-size:  15px;
 }*/

.cmkboard-list .kboard-list table tr  {
     border:  0;
     background-color:  transparent;
     transition-duration:  0.3s;
 }

.cmkboard-list .kboard-list table td  {
     padding:  12px 0;
     height:  auto;
     text-align:  center;
     vertical-align:  middle;
     font-size:  15px;
 }

 .cmkboard-list .kboard-list table tbody td{
	background:transparent !important;
}

.cmkboard-list .kboard-list table td.kboard-list-uid  {
     width:  120px;
 }

.cmkboard-list .kboard-list table td.kboard-list-status{
	width: 120px;
	vertical-align: top;
}

.cmkboard-list .kboard-list table td.kboard-list-title  {
     width:  auto;
 }



.cmkboard-list .kboard-list table td.kboard-list-user  {
     width:  140px;
 }

.cmkboard-list .kboard-list table td.kboard-list-date  {
     width:  180px;
 }

.cmkboard-list .kboard-list table td.kboard-list-vote  {
     width:  55px;
 }

.cmkboard-list .kboard-list table td.kboard-list-view  {
     width:  55px;
 }

 .cmkboard-list .kboard-list table td.kboard-list-toggle{
	 width:  80px;
 }

.cmkboard-list .kboard-list thead  {
     background-color:  transparent;
     border-top: 2px solid #e4e4e4;
 }

.cmkboard-list .kboard-list thead tr td  {
     background-color: #f8f8f8;
     border:  0;
     font-size: 16px;
     color:  #252525;
     border-bottom:  2px solid #f1f1f1;
 }

.cmkboard-list .kboard-list tbody tr td  {
     word-break:  break-all;
     border:  0;
     border-bottom:  1px solid #f1f1f1;
 }


.cmkboard-list .kboard-list tbody tr.kboard-list-notice  {
     background-color:  #f4f4f4;
 }

.cmkboard-list .kboard-list tbody tr.kboard-list-selected .kboard-default-cut-strings  {
     font-weight:  bold;
 }

.cmkboard-list .kboard-list tbody td.kboard-list-title  {
     text-align:  left;
 }

.cmkboard-list .kboard-list tbody td.kboard-list-title a {
    color: inherit;
}

.cmkboard-list .kboard-list tbody td.kboard-list-title a:hover, .cmkboard-list .kboard-list tbody td.kboard-list-title a:focus {
    text-decoration: underline;
}

.cmkboard-list .kboard-list tbody td.kboard-list-title img  {
     display:  inline;
     margin:  0;
     width:  auto;
     height:  auto;
     vertical-align:  middle;
     max-width:  100%;
 }

.cmkboard-list .kboard-list tbody td.kboard-list-title .kboard-comments-count  {
     color:  #00a8e7;
 }

.cmkboard-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%;
 }

.cmkboard-list .kboard-list .kboard-mobile-contents  {
     display:  none;
     font-size:  12px;
     color:  #999999;
 }

.cmkboard-list .kboard-list .kboard-mobile-contents .contents-item  {
     display:  inline;
     margin:  0;
     padding:  0;
 }

.cmkboard-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%;
 }

.cmkboard-list .kboard-list .kboard-mobile-contents .contents-separator  {
     display:  inline;
     margin:  0;
     padding:  0 2px;
     color:  #bebebe;
 }

.cmkboard-list .kboard-pagination  {
     float:  left;
	 margin-top:20px;
     padding:  15px 0;
     width:  100%;
 }

.cmkboard-list .kboard-pagination .kboard-pagination-pages  {
     float:  left;
     margin:  0;
     padding:  0;
     width:  100%;
     list-style:  none;
     text-align:  center;
     border:  0;
 }

.cmkboard-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;
 }

.cmkboard-list .kboard-pagination .kboard-pagination-pages li a  {
     display:  block;
     margin:  0;
     padding:  0 11px;
     height:  28px;
     line-height:  28px;
     font-size:  13px;
     color:  #999999;
     text-decoration:  none;
     border:  0;
     box-shadow:  none;
     transition-duration:  0.3s;
 }

.cmkboard-list .kboard-pagination .kboard-pagination-pages li{
	position:relative;
}

.cmkboard-list .kboard-pagination .kboard-pagination-pages li.next-page{
	margin-left:10px;
	margin-right:5px;
}
.cmkboard-list .kboard-pagination .kboard-pagination-pages li a{
	background-size:50%;
	background-position:center;
	background-repeat:no-repeat;
}
.cmkboard-list .kboard-pagination .kboard-pagination-pages li.prev-page a{
	background-image:url('/wp-content/uploads/2018/03/prev.png');
}

.cmkboard-list .kboard-pagination .kboard-pagination-pages li.first-page a{
	background-image:url('/wp-content/uploads/2018/03/prev2.png');
}

.cmkboard-list .kboard-pagination .kboard-pagination-pages li.next-page a{
	background-image:url('/wp-content/uploads/2018/03/next.png');
}

.cmkboard-list .kboard-pagination .kboard-pagination-pages li.last-page a{
	background-image:url('/wp-content/uploads/2018/03/next2.png');
}
/*
.cmkboard-list .kboard-pagination .kboard-pagination-pages li.prev-page a:before{
	content:'\e5cb';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-family: 'Material Icons';
	text-indent:0;
	color:#999;
}

.cmkboard-list .kboard-pagination .kboard-pagination-pages li.first-page a:before{
	content:'\e5dc';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-family: 'Material Icons';
	text-indent:0;
	color:#999;
}

.cmkboard-list .kboard-pagination .kboard-pagination-pages li.next-page a:before{
	content:'\e5cc';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-family: 'Material Icons';
	text-indent:0;
	color:#999;
}

.cmkboard-list .kboard-pagination .kboard-pagination-pages li.last-page a:before{
	content:'\e5dd';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-family: 'Material Icons';
	text-indent:0;
	color:#999;
}
*/

.cmkboard-list .kboard-pagination .kboard-pagination-pages li.prev-page a, .cmkboard-list .kboard-pagination .kboard-pagination-pages li.first-page a, .cmkboard-list .kboard-pagination .kboard-pagination-pages li.next-page a, .cmkboard-list .kboard-pagination .kboard-pagination-pages li.last-page a{
	width:28px;
	border:1px solid #ccc;
	text-indent:-99999px;
}

.cmkboard-list .kboard-pagination .kboard-pagination-pages li.prev-page a:hover, .cmkboard-list .kboard-pagination .kboard-pagination-pages li.prev-page a:focus, .cmkboard-list .kboard-pagination .kboard-pagination-pages li.first-page a:hover, .cmkboard-list .kboard-pagination .kboard-pagination-pages li.first-page a:focus, .cmkboard-list .kboard-pagination .kboard-pagination-pages li.next-page a:hover, .cmkboard-list .kboard-pagination .kboard-pagination-pages li.next-page a:focus, .cmkboard-list .kboard-pagination .kboard-pagination-pages li.last-page a:hover, .cmkboard-list .kboard-pagination .kboard-pagination-pages li.last-page a:focus{
	border:1px solid #ccc;
}

.cmkboard-list .kboard-pagination .kboard-pagination-pages li:hover a,
.cmkboard-list .kboard-pagination .kboard-pagination-pages li.active a  {
     border:  0;
     color:  #20489D;
 }

.cmkboard-list .kboard-pagination .kboard-pagination-pages li:before  {
     display:  none;
 }

.cmkboard-list .kboard-pagination .kboard-pagination-pages li:after  {
     display:  none;
 }

.cmkboard-list .kboard-search  {
     float:  none !important;
	 position:relative; 
     padding-bottom:  15px;
     text-align:  center;
	 height:50px;
	 overflow:hidden;
 }

.cmkboard-list .kboard-search select  {
     display:  inline-block;
     margin:  0 5px 0 0 ;
     padding:  0 5px;
     width:  100px;
     min-width:  0;
     max-width:  100px;
     height:  40px;
     line-height:  40px;
     font-size:  14px;
     color:  #666666;
     border-radius:  0;
     border:  1px solid #ccc;
     background:  white;
     vertical-align:  middle;
     box-shadow:  none;
     -webkit-appearance:  menulist;
     -moz-appearance:  menulist;
     appearance:  menulist;
	 float:left;
 }

.cmkboard-list .kboard-search input  {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    margin: 0;
    padding: 0;
    border: 1px solid #d6d6d6 !important;
    line-height: normal;
    outline: 0;
    background-color: transparent;
    box-shadow: none;
    width: 200px !important;
	height:40px;
    font-size: 14px;
 }

.cmkboard-list .kboard-control  {
    overflow: hidden;
     padding-top: 40px;
     padding-bottom:  15px;
     width:  100%;
     text-align:  center;
 }


.cmkboard-editor  {
     display:  inline-block;
     *display:  inline;
     zoom:  1;
     margin:  0;
     width:  100%;
 }

.cmkboard-editor form  {
     margin:  0;
     padding:  0;
 }

.cmkboard-editor select  {
/*     display:  inline;*/
/*     margin:  0;*/
/*     padding:  0 5px;*/
/*     font-size:  13px;*/
/*     width:  30%;*/
/*     height:  28px;*/
/*     line-height:  28px;*/
/*     color:  #666666;*/
/*     border-radius:  0;*/
/*     border:  0;*/
/*     border-bottom:  1px solid #dcdcdc;*/
/*     box-shadow:  none;*/
/*     background-color:  transparent;*/
/*     box-sizing:  content-box;*/
/*     vertical-align:  top;*/
/*     text-indent:  0;*/
/*     -webkit-appearance:  menulist;*/
/*     -moz-appearance:  menulist;*/
/*     appearance:  menulist;*/
		border: 1px solid #ccc;
}

.cmkboard-editor input[type=text],
.cmkboard-editor input[type=email],
.cmkboard-editor input[type=number],
.cmkboard-editor input[type=date],
.cmkboard-editor input[type=password]  {
    box-sizing: content-box;
    height: 28px;
    padding: 0 10px;
    border: 1px solid #ccc;
    font-family: "Malgun Gothic","Gulim",sans-serif;
    font-size: 14px;
    color: #888;
    background: none;
 }



.cmkboard-editor input[type=file]  {
     display:  inline;
     margin:  0;
     padding:  0;
     width:  30%;
     font-size:  12px;
     color:  #666666;
     border-radius:  0;
     border:  0;
     box-shadow:  none;
     background-color:  transparent;
 }

.cmkboard-editor .kboard-attr-title input  {
     width:  80%;
 }
.cmkboard-editor .kboard-detail  {
	border-top:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
}


.cmkboard-editor .kboard-attr-row  {
     position:relative;
     width: 100%;
	 border-bottom:1px solid #e4e4e4;
 }

.cmkboard-editor .kboard-attr-row .attr-name  {
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 100%;
	padding: 20px 10px 20px 15px;
	border-right: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	background-color: #f6f6f6;
 }

.cmkboard-editor .kboard-attr-row .attr-name img  {
     display:  inline;
     margin:  0;
     padding:  0;
     width:  auto;
     max-width:  100%;
     vertical-align:  middle;
 }

.cmkboard-editor .kboard-attr-row .attr-value  {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 64px;
    padding: 17px 20px;
    padding-left: 200px;
    border-left: 1px solid #e4e4e4;
}
 }

.cmkboard-editor .kboard-attr-row .attr-value .attr-value-option  {
     display:  inline;
     padding-right:  20px;
     width:  auto;
     cursor:  pointer;
 }

.cmkboard-editor .kboard-attr-row .attr-value .attr-value-option input[type=checkbox]  {
     cursor:  pointer;
 }

.cmkboard-editor .kboard-attr-row .attr-value .description  {
     margin:  0;
     color:  #666666;
 }

.cmkboard-editor .kboard-confirm-row  {
     padding:  100px 0;
 }

.cmkboard-editor .kboard-content  {
     *float:  left;
     padding:  9px 0;
     width:  100%;
     *text-align:  center;
     background-color:  white;
 }

.cmkboard-editor .kboard-content textarea  {
	resize: vertical;
	width: 100%;
	min-height: 300px;
	padding: 10px;
	background-color:transparent;
	border: 1px solid #ccc;
	font-family: "Malgun Gothic","Gulim",sans-serif;
	font-size: 15px;
	line-height: 1.733;
 }

.cmkboard-editor .kboard-control  {
     float:  left;
     padding:  15px 0;
     width:  100%;
 }

.cmkboard-editor .kboard-control .left  {
     position:  static;
     float:  left;
	 width:  48.5%;
 }

.cmkboard-editor .kboard-control .right  {
     position:  static;
     float:  right;
     width:  48.5%;
     text-align:  right;
 }


.cmkboard-document  {
     display:  inline-block;
     *display:  inline;
     zoom:  1;
     margin:  0;
     width:  100%;
 }

.cmkboard-document .kboard-document-wrap  {
     float:  left;
     width:  100%;
     background-color:  white;
 }

.cmkboard-document .kboard-title  {
     float:  left;
     width:  100%;
 }

.cmkboard-document .kboard-title h1  {
     margin:  0;
     padding:  12px 22px;
     color:  #252525;
     font-size:  15px;
     line-height:  30px;
     text-align:  left;
	 background-color : #f8f8f8;
	 border-top: 2px solid #e4e4e4;
 }

.cmkboard-document .kboard-detail  {
     clear:  both;
     float:  left;
     width:  100%;
     border-top:  1px solid #f1f1f1;
     border-bottom:  1px solid #f1f1f1;
     background-color:  #f8f8f8;
     font-size:  13px;
 }

.cmkboard-document .kboard-detail .detail-attr  {
     display:  inline-block;
     *display:  inline;
     zoom:  1;
     float:  left;
     margin:  0;
     padding:  12px 35px 12px 22px;
 }

.cmkboard-document .kboard-detail .detail-attr .detail-name  {
     float:  left;
     color:  #252525;
	 font-size:16px;
     text-align:  right;
 }

.cmkboard-document .kboard-detail .detail-attr .detail-value  {
     float:  left;
     padding-left:  20px;
	 font-size:15px;
	 color:  #585858;
 }

.cmkboard-document .kboard-detail .detail-attr .detail-value a  {
     color:  #585858;
     text-decoration:  none;
     border:  0;
     box-shadow:  none;
 }

.cmkboard-document .kboard-detail .detail-attr .detail-value img.avatar  {
     display:  inline;
     margin:  0;
     width:  24px;
     max-width:  none;
     height:  24px;
     vertical-align:  middle;
     border-radius:  50%;
 }

.cmkboard-document .kboard-content  {
     clear:  both;
     float:  left;
     width:  100%;
     min-height:  200px;
 }

.cmkboard-document .kboard-content .content-view  {
     margin:  0;
     padding:  22px;
     word-break:  break-all;
 }

.cmkboard-document .kboard-content .content-view iframe  {
     max-width:  100%;
 }

.cmkboard-document .kboard-content .content-view img  {
     display:  inline;
     margin:  0;
     vertical-align:  middle;
     max-width:  100%;
 }

.cmkboard-document .kboard-content .content-view p  {
     margin:  0 0 0.75em;
 }

.cmkboard-document .kboard-content .content-view p:last-child  {
     margin:  0;
 }

.cmkboard-document .kboard-content .content-view .thumbnail-area  {
     text-align:  center;
 }

.cmkboard-document .kboard-content .content-view .aligncenter  {
     display:  block;
     margin-right:  auto;
     margin-left:  auto;
 }

.cmkboard-document .kboard-content .content-view .alignright  {
     float: right;
 }

.cmkboard-document .kboard-content .content-view .alignleft  {
     float:  left;
 }

.cmkboard-document .kboard-document-action  {
     padding:  0 22px 5px 22px;
     overflow:  hidden;
     line-height:  1;
 }

.cmkboard-document .kboard-document-action .left  {
     position:  static;
     float:  left;
 }

.cmkboard-document .kboard-document-action .right  {
     position:  static;
     float:  right;
     text-align:  right;
 }

.cmkboard-document .kboard-attach  {
     clear:  both;
     margin:  0 22px;
     padding:  10px 0 5px 0;
     font-size:  12px;
     overflow:  hidden;
     line-height:  1;
     border-top:  1px dashed #ededed;
 }

.cmkboard-document .kboard-button-action  {
     margin:  0 0 5px 0;
     padding:  4px 5px;
     font-size:  12px;
     font-weight:  normal;
     line-height:  12px;
     text-align:  left;
     border:  1px solid #ededed;
     background:  none;
     background-color:  transparent;
     border-radius:  2px;
     letter-spacing:  normal;
     cursor:  pointer;
     vertical-align:  middle;
     text-shadow:  none;
     box-shadow:  none;
 }

.cmkboard-document .kboard-button-action span  {
     position:  static;
     display:  inline;
     margin:  0;
     padding:  0;
     font-size:  12px;
 }

.cmkboard-document .kboard-button-like  {
     color:  #ff5959;
 }

.cmkboard-document .kboard-button-unlike  {
     color:  #3d62aa;
 }

.cmkboard-document .kboard-button-print  {
     color:  gray;
 }

.cmkboard-document .kboard-button-download  {
     color:  gray;
 }

.cmkboard-document .kboard-comments-area  {
     float:  left;
     width:  100%;
 }

.cmkboard-document .kboard-document-navi  {
     float:  left;
	 margin-bottom:20px;
     width:  100%;
	 border-top:1px solid #ddd;
	 border-bottom:1px solid #ddd;
 }

.cmkboard-document .kboard-document-navi a  {
     display:  block;
     text-decoration:  none;
     border:  0;
     font-size:  13px;
     line-height:  1;
     box-shadow:  none;
     color:  #585858;
     transition-duration:  .3s;
	 padding:  14px 40px;
 }

.cmkboard-document .kboard-document-navi .navi-document-title  {
     display:  inline-block;
	 font-size:15px;
	 color:#585858;
 }

.cmkboard-document .kboard-document-navi .navi-arrow  {
	font-size:15px;
	color:#252525;
 }

.cmkboard-document .kboard-document-navi .kboard-prev-document  {
     position:  relative;
     float:  left;
     width:  50%;

	 border-right:1px solid #ddd;
 }

 .cmkboard-document .kboard-document-navi .kboard-prev-document a:before{
	content:'\e5cb';
	font-family: 'Material Icons';
	font-size:22px;
	position:absolute;
	color:#ccc;
	font-weight:100;
	top:50%;
	left:0;
	transform:translateY(-50%);
 }

.cmkboard-document .kboard-document-navi .kboard-prev-document .navi-document-title  {
     padding-left:  15px;
 }

.cmkboard-document .kboard-document-navi .kboard-prev-document .navi-arrow  {
     left:  0;
     top:  0;
 }

.cmkboard-document .kboard-document-navi .kboard-prev-document:hover a  {
     color:  black;
 }

.cmkboard-document .kboard-document-navi .kboard-next-document  {
     position:  relative;
     float:  right;
     width:  50%;
     text-align:  left;
 }

 .cmkboard-document .kboard-document-navi .kboard-next-document a:before{
	content:'\e5cc';
	font-family: 'Material Icons';
	font-size:22px;
	position:absolute;
	color:#ccc;
	font-weight:100;
	top:50%;
	right:0;
	transform:translateY(-50%);
 }

.cmkboard-document .kboard-document-navi .kboard-next-document .navi-document-title  {
     padding-left:  15px;
 }

.cmkboard-document .kboard-document-navi .kboard-next-document .navi-arrow  {
     right:  0;
     top:  0;
 }

.cmkboard-document .kboard-document-navi .kboard-next-document:hover a  {
     color:  black;
 }

.cmkboard-document .kboard-control  {
     float:  left;
     padding:  15px 0;
      width:  100%;
 }

.cmkboard-document .kboard-control .center{
	width:100%;
	margin-bottom:5px;
	text-align:center;
}

.cmkboard-document .kboard-control .left  {
     position:  static;
     float:  left;
 }

.cmkboard-document .kboard-control .right  {
     position:  static;
     float:  right;
     text-align:  right;
 }


#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:  13px;
 }

#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:  13px;
 }


/* sm, md, lg, xl layout start */
@media (min-width:768px) {
	.cmkboard-list .kboard-list tbody tr:hover  {
		 background-color:  #f7f7f7;
	 }

}

/* xs layout start */
@media screen and (max-width: 767px) {

	.cmkboard-list .kboard-list table{
		border-top:2px solid #e4e4e4;
	}

	.cmkboard-document .kboard-control, .cmkboard-document .kboard-control .left, .cmkboard-document .kboard-control .right, .cmkboard-document .kboard-control .center{
		float:none !important;
	}

	a.kboard-default-button-small, input.kboard-default-button-small, button.kboard-default-button-small{
		width:calc(100% - 50px);
		margin:0 25px;
		padding: 8px 12px;
		font-size: 13px;
		box-sizing:border-box;
		margin-bottom:8px !important;
	}

	.kboard-control a.kboard-default-button-small, .kboard-control input.kboard-default-button-small, .kboard-control button.kboard-default-button-small{
		width:100%;
		margin:0;
	}

	.cmkboard-list .kboard-category{
		float:none;
		padding-bottom:30px;
	}
	.cmkboard-list .kboard-category:after{
		content:'';
		display:block;
		clear:both;
	}

	.cmkboard-list .kboard-category .kboard-category-list{
		text-align:center;
	}

	.cmkboard-list .kboard-search{
		float:none;
		overflow:hidden;
		margin-left:auto;
		margin-right:auto;
	}

	.cmkboard-list .kboard-list table td.kboard-list-status{
		display:none;
	}

	.cmkboard-list.faq .kboard-list table td.kboard-list-title{
		width:auto;
		border-bottom:0;
	}

	.cmkboard-list.faq .kboard-list table td.kboard-list-toggle{
		 width: 15%;
	 }

	.cmkboard-editor{
		padding:0;
	}
	.cmkboard-document .kboard-document-navi .kboard-prev-document{
		border-right:0;
	}
	.cmkboard-document .kboard-document-navi .kboard-prev-document a{
		border-top:1px solid #ddd;
	}

	.cmkboard-document .kboard-document-navi .kboard-prev-document a:before, .cmkboard-document .kboard-document-navi .kboard-next-document a:before{
		left:auto;
		right:20px;
	}

    .cmkboard-list .kboard-list .kboard-mobile-contents .contents-item{
		display:inline-block;
	}

	.cmkboard-list .kboard-list .kboard-mobile-contents .contents-item span{
		display:inline-block;
		margin-left: 8px;
	}

	.cmkboard-list .kboard-list .kboard-mobile-contents .contents-item span:before{
		content: '';
		display: inline-block;
		width: 1px;
		height: 10px;
		margin-right: 8px;
		background: #e4e4e4;
	}

	.cmkboard-list .kboard-list-header{
		border-bottom:1px solid #f7f7f7;
		padding-bottom:15px;
		color:#767676;
	}


	.cmkboard-list .kboard-category.category-mobile  {
     display:  block;
 }

	.cmkboard-list .kboard-category.category-pc  {
     display:  none;
 }

	.cmkboard-list .kboard-list table thead  {
     display:  none;
 }


	.cmkboard-list .kboard-list table td.kboard-list-title  {
     padding:  10px 20px !important;
	 display:block;
	 color:#767676;
 }
	.cmkboard-list .kboard-list table td.kboard-list-title a{
		color:#767676;
	}

	.cmkboard-list .kboard-list table td.kboard-list-title .kboard-default-cut-strings  {
     margin-bottom:  10px;
     white-space:  normal;
     font-size:  15px;
     line-height:  23px;
 }

	.cmkboard-list .kboard-list table td.kboard-list-uid,
	.cmkboard-list .kboard-list table td.kboard-list-user,
	.cmkboard-list .kboard-list table td.kboard-list-date,
	.cmkboard-list .kboard-list table td.kboard-list-vote,
	.cmkboard-list .kboard-list table td.kboard-list-view  {
     display:  none;
 }

	.cmkboard-list .kboard-list .kboard-mobile-contents  {
     display:  block;
 }

	.cmkboard-list .kboard-pagination .kboard-pagination-pages li  {
     display:  none;
 }

	.cmkboard-list .kboard-pagination .kboard-pagination-pages li.first-page,
	.cmkboard-list .kboard-pagination .kboard-pagination-pages li.last-page,
	.cmkboard-list .kboard-pagination .kboard-pagination-pages li.prev-page,
	.cmkboard-list .kboard-pagination .kboard-pagination-pages li.next-page,
	.cmkboard-list .kboard-pagination .kboard-pagination-pages li.active  {
     display:  inline-block;
 }

	.cmkboard-list .kboard-pagination .kboard-pagination-pages li.prev-page a,
	.cmkboard-list .kboard-pagination .kboard-pagination-pages li.next-page a  {
     *padding:  0 18px;
 }




	.cmkboard-editor select,
	.cmkboard-editor input[type=text],
	.cmkboard-editor input[type=email],
	.cmkboard-editor input[type=number],
	.cmkboard-editor input[type=date],
	.cmkboard-editor input[type=password],
	.cmkboard-editor input[type=file]  {
     width:  100%;
     box-sizing:  border-box;
	 height:34px;
 }

	.cmkboard-editor .kboard-attr-row  {
     padding:  10px 0;
 }
	.cmkboard-editor .kboard-detail{
		border-right:0;
	}

	.cmkboard-editor .kboard-attr-row .attr-value{
		border-left:0;
		min-height:0;
	}

	.cmkboard-editor .kboard-attr-row .attr-name  {
     position:static;
	 padding:  0;
     width:  100%;
     font-size:  14px;
	 border:0 !important;
	 background-color:transparent !important;
	 color:#585858;
 }

	.cmkboard-editor .kboard-attr-row .attr-value  {
     margin:  0;
	 padding:0;
 }


	.cmkboard-document .kboard-title h1  {
     padding:  10px 20px;
     font-size:  16px;
	 font-weight:400;
 }

	.cmkboard-document .kboard-content .content-view  {
     padding:  10px 0;
	 font-size:13px;
 }
	.cmkboard-document .kboard-content{
     padding: 20px;
	}

	.cmkboard-document .kboard-document-navi a{
	padding-left:20px;
	padding-right:20px;
	font-size:13px;
	}
	.cmkboard-document .kboard-document-navi .navi-arrow{
	font-size:13px;
	}

	.cmkboard-document .kboard-document-navi .navi-document-title{
	font-size:13px;
	}

	.cmkboard-document .kboard-detail .detail-attr  {
     clear:  both;
     padding:  10px 20px;
     line-height:  normal;
 }

 .cmkboard-document .kboard-detail .detail-attr .detail-name{
	font-size:13px;
 }

 .cmkboard-document .kboard-detail .detail-attr .detail-value{
	font-size:13px;
 }

	.cmkboard-document .kboard-document-action  {
     padding:  10px 5px 5px 5px;
 }

	.cmkboard-document .kboard-attach  {
     margin:  0 5px;
     padding:  10px 0 5px 0;
 }

	.cmkboard-document .kboard-document-navi .kboard-prev-document  {
     width:  100%;
 }

	.cmkboard-document .kboard-document-navi .kboard-next-document  {
     float:  left;
     width:  100%;
     text-align:  left;
 }

}