@charset "utf-8";
/** * @author https://www.cosmosfarm.com */
/*list*/
.gallery_li02 {display:flex; flex-wrap:wrap; margin:-70px -20px 0 0; letter-spacing:0;}
.gallery_li02 > li {width:calc(25% - 20px); margin:70px 20px 0 0;}
.gallery_li02 .img {position:relative; width:100%; height:425px; border:1px solid #e0e0e0; overflow:hidden;}
.gallery_li02 .img > img {width:100%; height:100%; object-fit:cover;}
.gallery_li02 .img > div {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.7); opacity:0; transition:all .3s ease;}
.gallery_li02 li:hover div {opacity:1;}
.gallery_li02 .img > div > p {position:absolute; z-index:2; left:50%; top:50%; color:#000; font-size:25px; line-height:1.48; transform:translate(-50%,-50%); word-break:keep-all; text-align:center; font-weight:900;}
.gallery_li02 .txt_wrap {margin-top:16px;}
.gallery_li02 .txt_wrap p {color:#555;}
.gallery_li02 .txt_wrap p strong {margin-right:8px; color:#333;}

/*document*/
.gallery_view .view_wrap {display:flex; align-items:flex-start; padding:60px 56px 80px 0; border-width:1px 0; border-color:#e0e0e0; border-style:solid;}
.gallery_view .view_wrap .img {flex-shrink:0; width:350px; border:20px solid #f0f0f0;}
.gallery_view .view_wrap .img img {display:block; width:100%;}
.gallery_view .view_wrap .txt_wrap {margin-left:86px; line-height:1.48; letter-spacing:0;}
.gallery_view .view_wrap .txt_wrap .mo_img {display:none;}
.gallery_view .view_wrap .txt_wrap .date {color:#888; font-size:14px;}
.gallery_view .view_wrap .txt_wrap .tit {margin-top:8px; font-size:24px;}
.gallery_view .view_wrap .txt_wrap .details {margin-top:20px;}
.gallery_view .view_wrap .txt_wrap .details p {color:#555;}
.gallery_view .view_wrap .txt_wrap .details p + p {margin-top:6px;}
.gallery_view .view_wrap .txt_wrap .details p strong {margin-right:8px; color:#333;}
.gallery_view .view_wrap .txt_wrap .txt {margin-top:30px; color:#555; font-size:14px; line-height:1.6;}

.gallery_view .btn_wrap {margin-top:40px;}
.gallery_view .btn_wrap a {padding:10px 30px; line-height:1.6; letter-spacing:0;} 

/*editor*/
#kboard-default-editor { overflow: hidden; }
#kboard-default-editor form { margin: 0; padding: 0; }
#kboard-default-editor select { display: inline; margin: 0; padding: 0 5px; font-size: 14px; width: 30%; height: 28px; line-height: 28px; color: #666666; border-radius: 0; border: 0; border-bottom: 1px solid #dcdcdc; box-shadow: none; background: none; background-color: transparent; box-sizing: content-box; vertical-align: middle; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#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] { display: inline; margin: 0; padding: 0 5px; width: 30%; height: 28px; line-height: 28px; font-size: 14px; color: #666666; border-radius: 0; border: 0; border-bottom: 1px solid #dcdcdc; box-shadow: none; background: none; background-color: transparent; box-sizing: content-box; vertical-align: middle; }
#kboard-default-editor input[type=checkbox] { width: auto; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }
#kboard-default-editor input[type=radio] { width: auto; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; }
#kboard-default-editor select:hover,
#kboard-default-editor input[type=text]:hover,
#kboard-default-editor input[type=email]:hover,
#kboard-default-editor input[type=number]:hover,
#kboard-default-editor input[type=date]:hover,
#kboard-default-editor input[type=password]:hover { border-bottom: 1px solid #9e9e9e; }
#kboard-default-editor select:focus,
#kboard-default-editor input[type=text]:focus,
#kboard-default-editor input[type=email]:focus,
#kboard-default-editor input[type=number]:focus,
#kboard-default-editor input[type=date]:focus,
#kboard-default-editor input[type=password]:focus { border-bottom: 2px solid #9e9e9e; }
#kboard-default-editor input[type=file] { display: inline; margin: 0; padding: 0; width: 30%; font-size: 13px; color: #666666; border-radius: 0; border: 0; box-shadow: none; background-color: transparent; }
#kboard-default-editor .kboard-attr-title input { width: 70%; }
#kboard-default-editor .kboard-attr-row { float: left; padding: 5px 0; width: 100%; background-color: white; }
#kboard-default-editor .kboard-attr-row .attr-name { display: inline; float: left; margin: 0; padding: 0 10px 0 10px; width: 120px; line-height: 30px; color: #545861; font-size: 14px; font-weight: bold; }
#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 { margin: 0 0 0 140px; padding: 0; line-height: 30px; font-size: 14px; }
#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-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: 590px; }
#kboard-default-editor.confirm input[type=password] { width: 100%; box-sizing: border-box; }

/*latest*/
#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: 1199px) {
	/*list*/
	.gallery_li02 > li {width:calc(33.333% - 20px);}
}
@media screen and (max-width: 1024px) {
   /*list*/
  .gallery_li02 .img {height:332px;}

  /*document*/
  .gallery_view .view_wrap {display:block; padding:50px 0;}
  .gallery_view .view_wrap .img {display:none;}
  .gallery_view .view_wrap .txt_wrap {margin-left:0;}
  .gallery_view .view_wrap .txt_wrap .date {font-size:12px;}
  .gallery_view .view_wrap .txt_wrap .tit {font-size:20px;}
  .gallery_view .view_wrap .txt_wrap .mo_img {display:block; max-width:230px; margin:0 auto; margin-top:24px; border:1px solid #e0e0e0;}
  .gallery_view .view_wrap .txt_wrap .details {margin-top:24px;}
  .gallery_view .view_wrap .txt_wrap .details p {font-size:14px;}
  .gallery_view .btn_wrap {margin-top:24px;}
}
@media screen and (max-width: 768px) {
	/*list*/
	.gallery_li02 > li {width:calc(50% - 20px);}
	.gallery_li02 .img {height:418px;}
}
@media screen and (max-width: 640px) {
	/*list*/
	.gallery_li02 {margin-right:-13px;}
	.gallery_li02 > li {width:calc(50% - 13px); margin:32px 13px 0 0;}
	.gallery_li02 .txt_wrap {margin-top:8px; font-size:12px;}
	.gallery_li02 .img {height:324px;}
	.gallery_li02 .img > div {background-size:164px 109px;}
	.gallery_li02 .img > div > p {left:16px; bottom:16px; font-size:14px;}
	.gallery_li02 .txt_wrap p strong {margin-right:4px;}

	/*document*/
	.gallery_view .view_wrap {padding:32px 0;}
	.gallery_view .view_wrap .txt_wrap .date {font-size:10px;}
	.gallery_view .view_wrap .txt_wrap .tit {font-size:16px;}
	.gallery_view .view_wrap .txt_wrap .details p {font-size:12px;}
	.gallery_view .view_wrap .txt_wrap .details p + p {margin-top:4px;}
	.gallery_view .view_wrap .txt_wrap .details p strong {margin-right:4px;}
	.gallery_view .view_wrap .txt_wrap .txt {margin-top:28px;}
	.gallery_view .btn_wrap {margin-top:16px;}
	.gallery_view .btn_wrap a {padding:8px 20px;}

	
	/*editor*/
	#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 { padding: 10px 0; }
	#kboard-default-editor .kboard-attr-row .attr-name { padding: 0; width: 100%; font-size: 14px; }
	#kboard-default-editor .kboard-attr-row .attr-value { margin: 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 h1 { padding: 10px 5px; font-size: 18px; }
	#kboard-default-document .kboard-content .content-view { padding: 10px 5px; }
	#kboard-default-document .kboard-detail .detail-attr { clear: both; padding: 10px 5px; line-height: normal; }
	#kboard-default-document .kboard-document-action { padding: 10px 5px 5px 5px; }
	#kboard-default-document .kboard-attach { margin: 0 5px; padding: 10px 0 5px 0; }
	#kboard-default-document .kboard-document-navi .kboard-prev-document { width: 100%; }
	#kboard-default-document .kboard-document-navi .kboard-next-document { margin-top: 10px; float: left; width: 100%; text-align: left; }
}

@media screen and (max-width:480px) {
  /*list*/
  .gallery_li02 .img {height:249px;}
  .gallery_li02 .img > div {background-size:143px 95px;}
}

@media screen and (max-width:374px) {
  /*list*/
  .gallery_li02 {margin-right:0;}
  .gallery_li02 > li {width:100%; margin-right:0;}
  .gallery_li02 .img {height:434px;}
  .gallery_li02 .img > div {background-size:205px 136px;}
}