@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 { margin:10px 0 15px;}


.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:#f7fcfa; }
.gnuboard_webzine_list .document_list > ul > li a div {
  position:relative;overflow:hidden;
   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; height:64px;}
.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; }



/* 관리자 설정 버튼 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 { position:relative; padding:20px 12px; overflow:hidden; background:#fff; display:flex; justify-content:space-evenly;}
.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:1.2rem; color:#000; }
.gnuboard_webzine_list .document_list > ul > li a .content_area { height:auto; width:68%; margin-left:0; padding-left:5px;}


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

#bo_list_total {    width: 100px;
    text-align: center;
    font-size: 0.92em;
    color: #fff;
    background: #055e92;
    border-radius: 5px;
    padding: 5px 0;
    height: 35px;
    margin: 15px 45px 0px auto;
    border-radius: 30px;}



#bo_sch {border:1px solid #ccc;border-radius:3px;margin:0 0px 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 {display:flex;}
#bo_btn_top .bo_right_ad { width:70%;}
#bo_btn_top .bo_right_ad .adsbygoogle {width:728px; height:90px;}
#bo_btn_top .bo_left_st { width:30%;}

@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;margin-left: 20px;}
	.gnuboard_webzine_list .document_list > ul > li a .thumb_area img {width: 100%;height: 100%;}
	#bo_list_total { margin:15px 25px 0px auto;}
	.gnuboard_webzine_list .document_list > ul > li a .content_area > div.title {margin:0 auto; font-size:1rem;}
	.gnuboard_webzine_list .document_list > ul > li a .content_area > div.summary {font-size: 0.8rem;}
	#bo_sch {width:90%; margin:0 auto;}	
	#bo_sch select {width:20%;}
	.gnuboard_webzine_list .document_list > ul > li a {align-items:center;padding: 20px 25px}
}






@media only screen and (min-width: 321px) and (max-width: 768px){
	#bo_sch {width:90%; margin:0 auto;}	
	#bo_sch select {width:20%;}
	#bo_btn_top {display:block;}
	#bo_btn_top .bo_right_ad {width:100%; text-align:center;}
	#bo_btn_top .bo_right_ad .adsbygoogle {width:300px; height:50px;}
	#bo_btn_top .bo_left_st {width:100%;}
	#bo_list_total {
    margin: 15px 0 0 auto;
}

}

@media only screen and (min-width: 768px) and (max-width: 1200px){
	#bo_btn_top {display:block;}
	#bo_btn_top .bo_left_st {width:50%; margin:0 0 0 auto;text-align:right;}
	#bo_btn_top .bo_right_ad  { width:100%; text-align:center;}
	#bo_sch { width:100%;}

}

@media (min-width: 992px) {
}

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



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