@charset "utf-8";

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

/*list*/
.review .gallery_li01 {display:flex; flex-wrap:wrap; margin:60px -30px 30px 0;} 
.review .gallery_li01:after {display:none;} 
.review .gallery_li01 > li {width:calc(25% - 20px); margin:0 20px 60px 0;} 
.review .gallery_li01 > li > a {display:block; width:100%;}
.review .gallery_li01 .img:not(.gallery_popup .popup .img) {position:relative; width:100%; height:412px; text-align:center; overflow:hidden; border:1px solid #E0E0E0;} 
.review .gallery_li01 .img > img:not(.gallery_popup .popup .img img) {position:relative; top:50%; left:50%; max-width:100%; transform:translate(-50%,-50%);} 
.review .gallery_li01 .img .login_box {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; color:#fff; text-align:center; background:rgba(0,0,0,0.8); backdrop-filter: blur(1px);}
.review .gallery_li01 .img .login_box > div {position:relative; top:50%; transform:translateY(-50%);}
.review .gallery_li01 .img .login_box > div p {font-size:14px; line-height:1.4; letter-spacing:-0.02em;}
.review .gallery_li01 .img .login_box > div span {display:inline-block; margin-top:16px; width:94px; font-size:12px; font-weight:700; line-height:36px; color:#333; background:#fff;}
.review .gallery_li01 .img .board_btn_wrap {position:absolute; z-index:1; bottom:0; right:0; margin-top:0; padding:5px;}
.review .gallery_li01 .img .board_btn_wrap > a {padding:10px 15px;}
.review .gallery_li01 .img .board_btn_wrap > a + a {margin-left:5px;}
.review .gallery_li01 .type_wrap {margin:16px -2px 0 0;} 
.review .gallery_li01 .type_wrap > span {display:inline-block; padding:9px 19px; margin:0 2px 0 0; color:#fff; font-size:12px; font-weight:700; line-height:1; letter-spacing:0; border:1px solid #eeceaa; border-radius:4px; background:#eeceaa;} 
.review .gallery_li01 .type_wrap > span.ct01 {border-color:#76450B; background:#76450B;}
.review .gallery_li01 .type_wrap > span.ct02 {border-color:#D09A5C; background:#D09A5C;}
.review .gallery_li01 .tit {margin:16px 0 0 0;} 
.review .gallery_li01 .tit strong:not(.gallery_popup .popup .tit strong) {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space:inherit; height:44px; overflow: hidden;} 
.review .gallery_li01 .txt {display:-webkit-box; max-height:40px; margin-bottom:24px; font-size:14px; line-height:1.4; letter-spacing:0; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;} 
.review .gallery_li01 .txt p {display:inline;} 
.review .gallery_li01 .date { color:#888; font-size:14px; line-height:1; letter-spacing:0;} 
.gallery_wrap01 .search_wrap {display:none;}

/*팝업*/
.gallery_popup .popup {width:calc(100% - 60px); max-width:600px; overflow:visible;}
.gallery_popup .popup .pop_con {overflow-y:scroll; height:100%;}
.gallery_popup .popup .type {display:inline-block; padding:14px 20px; color:#fff; font-weight:700; line-height:1; letter-spacing:0; background:#002C6D;}
.gallery_popup .popup .img {margin-top:16px; height:auto; max-height:72vh;}
.gallery_popup .popup .img img {width:100%; left:0;transform:translate(0);}
.gallery_popup .popup .tit {margin-top:13px; color:#fff; font-size:20px; letter-spacing:0;}
.gallery_popup .popup .board_btn_wrap {position:absolute; z-index:1; top:-70px; right:0; justify-content:flex-end;}
.gallery_popup .popup .board_btn_wrap > * {padding:12px 16px; font-size:12px; border-radius:0;color:#333; background:#fff;}
.gallery_popup .popup .board_btn_wrap a + a {margin-left:5px;}
.gallery_popup .popup .pop_close {top:13px; right:-37px; width:37px; height:37px; background-image:url(images/ico_close.svg);}

/*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; }

/*document*/
.basic_view.review .view_wrap .view_txt .thumb {display:inline-block; width:auto; max-width:100%; border:1px solid #e0e0e0;}
@media screen and (max-width: 1024px) {
	/*list*/
	.review .gallery_li01 > li {width:calc(33.33% - 20px);}
	.review .gallery_li01 .img:not(.gallery_popup .popup .img) {height:449px;}
}
@media screen and (max-width: 768px) {
	/*list*/
	.review .gallery_li01 > li {width:calc(50% - 15px); margin-right:15px;}
}
@media screen and (max-width: 640px) {
	/*list*/
	.review .gallery_li01 {margin:40px -8px 20px 0;}
	.review .gallery_li01 > li {width:calc(50% - 8px); margin-right:8px; margin-bottom:40px;}
	.review .gallery_li01 .img:not(.gallery_popup .popup .img)  {height:313px;}
	.review .gallery_li01 .type_wrap > span {padding:7px 15px; font-size:8px;}
	.review .gallery_li01 .tit {font-size:12px;}
	.review .gallery_li01 .txt {max-height:28px; margin-bottom:16px; font-size:10px;}
	.review .gallery_li01 .date {font-size:12px; line-height:1.4;}

	.gallery_popup .popup {height:75vh;}
	.gallery_popup .popup .board_btn_wrap {position:absolute; z-index:1; top:-50px;}
	
	/*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; }
}

@media screen and (max-width: 480px) {
	.review .gallery_li01 .img:not(.gallery_popup .popup .img)  {height:243px;}
	.review .gallery_li01 .img .board_btn_wrap > a {font-size:12px; padding:7px 10px; border-radius:4px;}

	.gallery_popup .popup {width:80%;}
}

@media screen and (max-width: 320px) {
	.review .gallery_li01 .img:not(.gallery_popup .popup .img)  {height:200px;}
}