@charset "utf-8";

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

/*list*/
.video_review .gallery_li01 {display:flex; flex-wrap:wrap; margin:60px 0 80px 0; border-top:1px solid #E0E0E0;} 
.video_review .gallery_li01:after {display:none;} 
.video_review .gallery_li01 > li {width:100%; border-bottom:1px solid #E0E0E0;}
.video_review .gallery_li01 > li > a {display:flex; align-items:center; width:100%; padding:40px 0; }
.video_review .gallery_li01 > li > a > div {width:50%;}
.video_review .gallery_li01 > li > a > div.img img {width:100%;}
.video_review .gallery_li01 > li .txt_wrap {padding:0 50px 0 80px;}
.video_review .gallery_li01 > li .txt_wrap .tit {margin-bottom:20px; font-size:24px; line-height:1.4;}
.video_review .gallery_li01 > li .txt_wrap .date {line-height:1; color:#888;}
.video_review .gallery_li01 > li .btn {width:100%; margin-top:100px; text-align:right;}
.video_review .gallery_li01 > li .btn > p {display:inline-block; font-size:16px; line-height:1; font-weight:700; color:#333; padding:20px 40px; border:1px solid #E0E0E0;}
.video_review .gallery_li01 > li .btn > p span {display:inline-block; padding-right:25px; background:url(images/ico_plus.svg) no-repeat right center;}

/*document*/
.video_review .view_wrap .view_txt .video_wrap > div {position:relative; width:100%; height:0; padding-top:56.25%;}
.video_review .view_wrap .view_txt .video_wrap > div + div {margin-top:20px;}
.video_review .view_wrap .view_txt .video_wrap > div iframe {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}

/*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: 1024px) {
	/*list*/
	.video_review .gallery_li01 > li > a {padding:20px 0;}
	.video_review .gallery_li01 > li .txt_wrap {padding:0 30px;}
	.video_review .gallery_li01 > li .txt_wrap .tit {font-size:18px;}
	.video_review .gallery_li01 > li .btn {margin-top:60px;}
	.video_review .gallery_li01 > li .btn > p {font-size:13px; padding:15px 30px;}
	.video_review .gallery_li01 > li .btn > p span {background-size:13px;}

	/*document*/
	.basic_view .view_wrap .view_txt .txtbox {margin-top:30px;}
}
@media screen and (max-width: 640px) {
	/*list*/
	.video_review .gallery_li01 {margin-top:40px; margin-bottom:0;}
	.video_review .gallery_li01 > li {margin-bottom:0; border:0;}
	.video_review .gallery_li01 > li > a {display:block; padding:0 0 40px 0;}
	.video_review .gallery_li01 > li > a > div {width:100%;}
	.video_review .gallery_li01 > li .txt_wrap {padding:16px 0 0 0;}
	.video_review .gallery_li01 > li .txt_wrap .tit {margin-bottom:8px; font-size:12px; line-height:1.4;}
	.video_review .gallery_li01 > li .txt_wrap .date {font-size:10px; line-height:1;}
	.video_review .gallery_li01 > li .btn {display:none;}
	.video_review .paging {margin-top:20px;}

	/*document*/
	.basic_view .view_wrap .view_txt .txtbox {margin-top:10px;}
	
	
	/*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; }
}