@charset "utf-8";

.gnuboard_webzine_list { position:relative; overflow:hidden; background:#fff; }

.gnuboard_webzine_list div,
.gnuboard_webzine_list ul,
.gnuboard_webzine_list li,
.gnuboard_webzine_list a,
.gnuboard_webzine_list p,
.gnuboard_webzine_list span,
.gnuboard_webzine_list input,
.gnuboard_webzine_list select,
.gnuboard_webzine_list textarea,
.gnuboard_webzine_list table,
.gnuboard_webzine_list td {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.gnuboard_webzine_list ul,
.gnuboard_webzine_list ol,
.gnuboard_webzine_list li,
.gnuboard_webzine_list dl,
.gnuboard_webzine_list dd,
.gnuboard_webzine_list table,
.gnuboard_webzine_list th,
.gnuboard_webzine_list td {
  padding:0px; margin:0px; list-style:none; border:0px;
}
.gnuboard_webzine_list a {
  color:#000; text-decoration:none;
	-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
}


#bo_btn_top { }


.gnuboard_webzine_list { position:relative; margin-top:5px; overflow:visible; }
.gnuboard_webzine_list .document_list { position:relative; overflow:visible; }
.gnuboard_webzine_list .document_list > ul { position:relative; overflow:hidden; }
.gnuboard_webzine_list .document_list > ul > li { position:relative; overflow:hidden; display:block; }


.gnuboard_webzine_list .document_list > ul > li a:hover { background:#f5f2ff;}
.gnuboard_webzine_list .document_list > ul > li a div {
  position:relative;overflow:hidden;
  white-space:nowrap; text-overflow:ellipsis;
}


.gnuboard_webzine_list .document_list > ul > li a .content_area > div { line-height:24px; }
.gnuboard_webzine_list .document_list > ul > li a .content_area > div.summary { color:#777; }
.gnuboard_webzine_list .document_list > ul > li a .content_area > div.category_area { color:#999; }
.gnuboard_webzine_list .document_list > ul > li a .content_area > div.category_area span { margin-right:5px; float:left; color:#999; display:inline-block; }
.gnuboard_webzine_list .document_list > ul > li a .content_area > div.category_area span.madi { position:relative; height:18px; overflow:hidden; }
.gnuboard_webzine_list .document_list > ul > li a .content_area > div.category_area span.comment_count { margin-left:5px; margin-right:0px; float:right; }

.gnuboard_webzine_list .document_list .no_list { padding:10px 0px; line-height:20px; color:#000; text-align:center; }

.gnuboard_webzine_list .page_navigation { position:relative; padding:10px 0px; overflow:hidden; text-align:center; }
.gnuboard_webzine_list .page_navigation .pg_wrap { width:100%; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_page,
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_current { width:25px; height:25px; border:0px !important; border-radius:0px !important; line-height:23px; font-size:14px; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_page:hover,
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_current { color:#fff; background:#aaa; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_current {
  -webkit-box-shadow: inset 0px 0px 0px #222542;
  -moz-box-shadow:  inset 0px 0px 0px #222542;
  box-shadow: inset 0px 0px 0px #222542;
}
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_start { text-indent:-999px; overflow:hidden; background:url('../img/btn_first.gif') no-repeat 50% 50%; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_start:hover { background:url('../img/btn_first.gif') no-repeat 50% 50% #aaa; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_prev { text-indent:-999px; overflow:hidden; background:url('../img/btn_prev.gif') no-repeat 50% 50%; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_prev:hover { background:url('../img/btn_prev.gif') no-repeat 50% 50% #aaa; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_end { text-indent:-999px; overflow:hidden; background:url('../img/btn_end.gif') no-repeat 50% 50%; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_end:hover { background:url('../img/btn_end.gif') no-repeat 50% 50% #aaa; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_next { text-indent:-999px; overflow:hidden; background:url('../img/btn_next.gif') no-repeat 50% 50%; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_next:hover { background:url('../img/btn_next.gif') no-repeat 50% 50% #aaa; }

.gnuboard_webzine_list .page_navigation ul { position:relative; overflow:hidden; display:inline-block; }
.gnuboard_webzine_list .page_navigation ul li { position:relative; margin:0px 5px; overflow:hidden; display:inline-block; }
.gnuboard_webzine_list .page_navigation a { width:25px; height:25px; line-height:23px; font-size:14px; text-align:center; text-decoration:none; background:#F6F6F6; display:inline-block; }
.gnuboard_webzine_list .page_navigation a:hover,
.gnuboard_webzine_list .page_navigation li.active a { color:#fff; text-decoration:none; background:#aaa; }
.gnuboard_webzine_list .page_navigation .pg_current { width:25px; height:25px; display:inline-block; }


.gnuboard_webzine_list #bo_sch { margin-top:10px; }



/* 관리자 설정 버튼 CSS */
.gnuboard_webzine_list .bo_fx { margin-top:10px; }
.gnuboard_webzine_list .bo_fx a { color:#fff; }


.gnuboard_webzine_list .document_list > ul > li a .thumb_area img { width:100%; height:100%;  float:left; }
.gnuboard_webzine_list .document_list > ul > li a .thumb_area { max-width:260px; width:23%; max-height:180px; height: 180px;border:1px solid #efefef; border-radius:20px; }
.gnuboard_webzine_list .document_list > ul > li a .content_area > div.title { margin-top:29px;margin-bottom:12px; line-height:26px; font-size:1rem; color:#000; }
.gnuboard_webzine_list .document_list > ul > li a .content_area { height:auto; width:77%; margin-left:0; padding-left:20px;}

@media only screen and (min-width: 321px) and (max-width: 768px){
	.gnuboard_webzine_list .document_list > ul > li a .thumb_area { width:30%; height:80px;}
	.gnuboard_webzine_list .document_list > ul > li a .thumb_area img {width: 100%;height: 100%;}

	
}




#bo_sch {border:1px solid #ccc;border-radius:3px;margin:0 0 0px auto;background:#fff;}

#bo_sch select { width: 20%; background:#fff;}
#bo_sch .sch_input { width:60%;}
#bo_sch .sch_btn{height:38px;float:right;background:url('../img/sch_btn.png') no-repeat 50% 50%;border:0;width:10%;text-indent:-999px;overflow:hidden}

#bo_btn_top .top_adst{display:flex;}
#bo_btn_top .top_adst .bo_right_ad { width:70%;}
#bo_btn_top .top_adst .bo_right_ad .adsbygoogle {width:728px; height:90px;}
#bo_btn_top .top_adst .bo_left_st { width:30%;}

@media (min-width: 768px) {
	#bo_sch { width:57%;}
}

@media (min-width: 992px) {
	#bo_sch { width:43%;}
}

@media only screen and (min-width: 1201px) {
	#bo_sch {width:90%;}
}

@media only screen and (min-width: 321px) and (max-width: 768px){
	#bo_sch {width:90%; margin:0 auto;}	
	#bo_sch select {width:20%;}
	.gnuboard_webzine_list .document_list > ul > li a {align-items:center;}
	.gnuboard_webzine_list .document_list > ul > li a .content_area > div.title {margin:0 auto;}
}


#bo_list_total {width:155px;font-size:0.92em;color:#151eb7;border-radius:5px; padding:10px 9px;height:40px;margin:8px 0 0px auto;}
.gnuboard_webzine_list .document_list > ul > li a { position:relative; padding:20px 10px; overflow:hidden; background:#fff; display:flex;}


#bo_list {padding:0 25px; max-width: 1140px; width:100%;margin:0 auto;}