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

img { border: 0; }
.cut_strings { width: auto; overflow: hidden; white-space: normal; text-overflow: ellipsis; word-wrap: normal; }

a.kboard-venus-webzine-button-small,
input.kboard-venus-webzine-button-small,
button.kboard-venus-webzine-button-small { position: relative; display: inline-block; *display: inline; zoom: 1; margin-left: 5px; padding: 2px 10px; width: auto; height: 28px; line-height: 28px; font-size: 13px; font-weight: normal; letter-spacing: normal; color: #333333 !important; background: #f9f9f9 !important; border:1px solid #aaaaaa; border-radius: 0; text-decoration: none !important; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow:0 1px 2px RGBA(0,0,0,.1) ;   transition-duration: 0.3s; box-sizing: content-box; }
a.kboard-venus-webzine-button-small:hover,
a.kboard-venus-webzine-button-small:focus,
a.kboard-venus-webzine-button-small:active,
input.kboard-venus-webzine-button-small:hover,
input.kboard-venus-webzine-button-small:focus,
input.kboard-venus-webzine-button-small:active,
button.kboard-venus-webzine-button-small:hover,
button.kboard-venus-webzine-button-small:focus,
button.kboard-venus-webzine-button-small:active {  position: relative; display: inline-block; *display: inline; zoom: 1; margin-left: 5px; padding: 2px 10px; width: auto; height: 28px; line-height: 28px; font-size: 13px; font-weight: normal; letter-spacing: normal; color: #fff !important; background: #0c6f92 !important; border:1px solid #aaaaaa; border-radius: 0; text-decoration: none !important; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow:0 1px 3px RGBA(0,0,0,.3) ;   transition-duration: 0.3s; box-sizing: content-box; } 

#kboard-venus-webzine-list { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; position:relative;}
#kboard-venus-webzine-list .kboard-category { float: left; width: 100%; text-align: left; }
#kboard-venus-webzine-list .kboard-category.category-mobile { display: none; }
#kboard-venus-webzine-list .kboard-category.category-pc { display: inline-block;  vertical-align: top; width: 180px;  padding: 0;  margin: 0 72px 0 0; }
#kboard-venus-webzine-list .kboard-category.select { display: inline; margin: 0 0 5px 0; padding: 0; width: 100%; min-width: 100%; height: 28px; min-height: 0; line-height: 28px; font-size: 13px; 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-venus-webzine-list .kboard-category.category-pc .title {font-size:26px; font-weight: 500; color:#9250ac; margin-bottom: 20px;} 
#kboard-venus-webzine-list .kboard-category .kboard-category-list { clear: both; float: left; margin: 0 0 10px 0; padding: 0; width: 100%; list-style: none; border-left: 0; border-right: 0; }
#kboard-venus-webzine-list .kboard-category .kboard-category-list li {  margin: 0;   margin-bottom: 10px; line-height: 1.3em; }
#kboard-venus-webzine-list .kboard-category .kboard-category-list li:first-child { padding-left: 0px;  }
#kboard-venus-webzine-list .kboard-category .kboard-category-list li a { color: #333; text-decoration: none; font-size: 17px; letter-spacing: -0.5px; }
#kboard-venus-webzine-list .kboard-category .kboard-category-list li:hover a { color: #b589c7; text-decoration: none; }
#kboard-venus-webzine-list .kboard-category .kboard-category-list li.kboard-category-selected a { color:#9767aa; font-weight: 500; }
#kboard-venus-webzine-list .kboard-search { float: left; padding-bottom: 15px; width: 50%; }
#kboard-venus-webzine-list .kboard-search select { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 5px 2px; width: 80px; height: auto; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #cccccc; vertical-align: middle; box-shadow: none; }
#kboard-venus-webzine-list .kboard-search input { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 6px 2px; width: 150px; height: auto; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #cccccc; line-height: 12px; vertical-align: middle; box-shadow: none; }
#kboard-venus-webzine-list .kboard-tree-category-wrap { float: left;  width: 100%; }
#kboard-venus-webzine-list .kboard-tree-category-wrap select { display: inline; margin: 0 ; padding: 1px 5px; width: 100%; height: 1.8em; line-height: 1.8em; font-size: 1.8em; font-weight:500; color: #333333; border-radius: 0; border: 0px ; background: #ffffff; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#kboard-venus-webzine-list .kboard-tree-category-search .kboard-search-option-wrap.type-select { width: auto; }
#kboard-venus-webzine-list .kboard-tree-category-search .kboard-search-option-wrap.type-tab { width: 100%; }
#kboard-venus-webzine-list .kboard-tree-category { float: left; margin: 0; padding: 0; width: 100%; list-style: none; border: 0; overflow: hidden; background: url(./images/category-background.png) left bottom repeat-x; }
#kboard-venus-webzine-list .kboard-tree-category li { float: left; margin: 0; padding: 0; border-top: 1px solid #e8eaec; border-right: 1px solid #e8eaec; border-bottom: 1px solid #e8eaec; color: #747474; background-color: #faf7f7; font-size: 13px; }
#kboard-venus-webzine-list .kboard-tree-category li a { display: block; padding: 0 16px; color: black; text-decoration: none; }
#kboard-venus-webzine-list .kboard-tree-category li.kboard-category-selected { border-bottom: 1px solid white; background-color: white; }
#kboard-venus-webzine-list .kboard-tree-category li.kboard-category-selected a { color: #141414; font-weight: bold; }
#kboard-venus-webzine-list .kboard-tree-category-search { float: left; width: 100%; }
#kboard-venus-webzine-list .kboard-tree-category-search .kboard-search-option-wrap { margin-right: 5px; float: left; }
/* #kboard-venus-webzine-list .kboard-list { display: inline-block; vertical-align: top; width: calc(100% - 252px); margin: 1em 0 0 0; } */
 #kboard-venus-webzine-list .kboard-list { display: inline-block; vertical-align: top; width: 100%; margin: 1em 0 0 0; } 
#kboard-venus-webzine-list .kboard-list .kboard-webzine-item {padding: 2em 0; border-top: 1px solid #eee; overflow: hidden; display: flex; align-items: center; justify-content: space-between;}
#kboard-venus-webzine-list .kboard-list .kboard-webzine-thumbnail { width: 200px;  margin: 0 30px 0 0; }
#kboard-venus-webzine-list .kboard-list .kboard-webzine-thumbnail a {height: 180px; position: relative;  overflow: hidden;   display: block;}
#kboard-venus-webzine-list .kboard-list .kboard-webzine-thumbnail img {width: 100%; height: 100%; display: block; position: absolute; top: 50%; transform: translateY(-50%); }
#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap  { display: inline-block; vertical-align: top; width: calc(100% - 219px); } 
#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .mobile-content {display: none;}
#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-title {  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 8px;} 
#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-title a {  color:#000000; text-decoration: none; font-weight: 500; letter-spacing: -0.5px; font-size: 1.2em; line-height:1.3em;}
#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-title .comment { font-size: 14px;}
#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-content {  margin: 7px 0; line-height: 24px; overflow: hidden; font-size: 15px; letter-spacing: -0.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-content a { color: #656565; text-decoration: none; }
#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-info {font-size: 0.85em; color:#656565; margin-top: 1.5em; }
#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-info-board  {font-size: 1em; line-height: 1.05em; color:rgba(0, 0, 0, 0.5);}
#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-info .kboard-info-value { color: #747474}
#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-info .kboard-info-separator { color: #a8a7a7;letter-spacing:-5px }
#kboard-venus-webzine-list .kboard-list .kboard-webzine-item:hover .kboard-webzine-title a { background :gradient(linear,left top,left bottom,from(#e0e9ec),to(#e0e9ec)) no-repeat 0 85%; background-size: 0 5px; }
#kboard-venus-webzine-list .kboard-list .kboard-webzine-item:hover .kboard-webzine-thumbnail { left: 0; top: 0; }
#kboard-venus-webzine-list .kboard-list .kboard-webzine-item:hover .kboard-webzine-content a { color: #555; }
#kboard-venus-webzine-latest { display: inline-block; *display: inline; zoom: 1;  width: 100%; position:relative; left: 0% }
#kboard-venus-webzine-latest form { margin: 0; padding: 0; }
#kboard-venus-webzine-latest .kboard-list {margin: 0; }
#kboard-venus-webzine-latest .kboard-list li {display: inline-block;  margin-bottom: 20px; width: 49%;}
#kboard-venus-webzine-latest .kboard-list li:nth-child(2n) {margin-left: 1.6%;}
#kboard-venus-webzine-latest .kboard-list .kboard-list-wrap {display: flex; width:100%; padding: 4% ;justify-content: space-between; align-items: center; border: 1px solid #eee;}
#kboard-venus-webzine-latest .kboard-list .kboard-list-title { width:69%; padding: 0; color: #333;  }
#kboard-venus-webzine-latest .kboard-list .kboard-list-title a {vertical-align: top; }
#kboard-venus-webzine-latest .kboard-list .cate {font-weight: 400; font-size: 14px; line-height: 1.4; color: #333; height:auto;}
#kboard-venus-webzine-latest .kboard-list li:hover .kboard-list-title a { background :gradient(linear,left top,left bottom,from(#e0e9ec),to(#e0e9ec)) no-repeat 0 85%; background-size: 0 5px; }
#kboard-venus-webzine-latest .kboard-list .kboard-list-cut-strings  {white-space: normal; text-overflow: ellipsis; overflow: hidden; font-size: 20px; font-weight: 500; line-height: 1.4em; height: 4em; color: #121212; }
#kboard-venus-webzine-latest .kboard-list .kboard-comments-count{color: #808080; font-size: 14px;}
#kboard-venus-webzine-latest .kboard-list .kboard-webzine-info {font-size: 14px; color:#959595; }
#kboard-venus-webzine-latest .kboard-list .kboard-webzine-info-mobile {display: none;}
#kboard-venus-webzine-latest .kboard-list .kboard-list-thumbnail {width: 26%; margin-left: 4%; padding:2%; overflow: hidden; background: #f2f2f2;}
#kboard-venus-webzine-latest .kboard-list .kboard-list-thumbnail img {display: block;  width: auto; height: auto; object-fit: cover !important; }


@media screen and (max-width: 979px){
	#kboard-venus-webzine-list .kboard-list .kboard-webzine-thumbnail { width: 25%; margin-right: 3.2%;}
    #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap { width: 70%;}
	#kboard-venus-webzine-list .kboard-category.category-pc { display: none; }
	#kboard-venus-webzine-list .kboard-category.category-mobile { display: block; }
	#kboard-venus-webzine-list .kboard-category.category-mobile form {margin: 0;}
	#kboard-venus-webzine-list .kboard-category select { display: inline; margin: 0 2.5% 10% 0; padding: 0; width: 100%; min-width: auto; max-width: 45%; height: 30px; min-height: 0; line-height: 22px; font-size: 14px; color: #666666; border-radius: 0; border: 2px solid #f1f1f1; ;}
	#kboard-venus-webzine-list .kboard-list {float: left; width: 100%;}	
	#kboard-venus-webzine-latest .kboard-list {margin: 0 1% ;}
	#kboard-venus-webzine-latest .kboard-list li { width: 100%;  }	
	#kboard-venus-webzine-latest .kboard-list li:nth-child(2n) {margin-left: 0}
}
@media screen and (max-width: 767px){
	#kboard-venus-webzine-list .kboard-list .kboard-webzine-thumbnail { width: 40%;  }
    #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap { width: 56%;}
}
@media screen and (max-width: 480px){
	#kboard-venus-webzine-list .kboard-list .kboard-webzine-item {display: inline-block; width:100%; padding: 3px;margin:0 0 30px 0;border:1px solid #ededed; }
	#kboard-venus-webzine-list .kboard-list .kboard-webzine-thumbnail { width: 100%;}
	#kboard-venus-webzine-list .kboard-list .kboard-webzine-thumbnail img { width: 100% ;height: 162px; object-fit: cover; position: relative; overflow: hidden; display: block; }
	#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap { width: 100%; padding: 0 ; padding: 16px;}
    #kboard-venus-webzine-latest .kboard-list .kboard-list-title { width: 60%;} 
    #kboard-venus-webzine-latest .kboard-list .kboard-list-thumbnail { margin-left: 8%; width: 30%;}
	#kboard-venus-webzine-latest .kboard-list .kboard-webzine-info-mobile {display: inline;font-size: 13px; color:#959595;}
	#kboard-venus-webzine-latest .kboard-list .kboard-webzine-info {display: none;}	
}
@media screen and (max-width: 767px) {
	a.kboard-venus-webzine-button-small  {font-size: 12px;margin-left: 2px;}
	button.kboard-venus-webzine-button-small {font-size: 12px;margin-left: 0px;padding: 0 5px ;}	
	#kboard-venus-webzine-list { display: inline-block; *display: inline; zoom: 1;  width: 100%; position:relative; left: 0%; }	
	#kboard-venus-webzine-list .kboard-list tbody tr.kboard-list-title .kboard-att {display:inline ;}	
	#kboard-venus-webzine-list .kboard-category.category-pc { display: none; }
	#kboard-venus-webzine-list .kboard-category.category-mobile { display: block; }
	#kboard-venus-webzine-list .kboard-category.category-mobile form {margin: 0;}
	#kboard-venus-webzine-latest .kboard-list .kboard-list-thumbnail img {height:170}
	#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-info-board { line-height: 100%; font-size: 13px;}
	#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-info .kboard-info-cate { display: none;}
	#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-info { font-size: 12px; padding: 0; }
	#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .mobile-content { display:none; }
	#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .pc-content {display: none;} 	
	#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-content { height: 50px; line-height: 24px; overflow: hidden;  letter-spacing: -0.5px; }
	#kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li a { padding: 0px 10px; }
	#kboard-venus-webzine-latest .kboard-list .kboard-list-cut-strings {font-size: 17.5px; height: 3em;}		
}