@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; }
@media only screen and (min-width: 300px) and (max-width: 768px){
	.container-board .row > .col-sm-12 { padding-left:unset;padding-right:unset;}
	#bo_v_con {padding: 0 15px;}
	#bo_v_con table th, #bo_v_con table td { width: 100%;}
	#bo_v_con div { margin-left:unset !important; overflow-x: unset !important;}
	#bo_v_con div {  width: 100%;}
}



.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:63px;}
.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 #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 (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%;}
}





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


.gnuboard_webzine_list .bo_fx ul { display:flex;}
/* 목록 + 본문 wrap */
.board_wrap {display:flex; width: 100%; max-width:1200px; margin:30px auto; min-height: 100vh;}
.container-board { width:70%;order:2;}


/* 목록 */
.container-list { width:30%;order:1; }
.gnuboard_webzine_list .document_list { background:#fff0f6; border-radius: 0 20px 20px 0; padding:15px 15px 70px;min-height:65vh; }
.gnuboard_webzine_list .document_list .bo_subject { font-size:2rem;padding-bottom: 5px;padding: 30px 15px; font-size:1.5rem;border-bottom: 3px solid #7f7f7f; margin: 0 15px; text-align:center;}
.gnuboard_webzine_list .document_list > ul { position:relative; overflow:hidden; width:100%;}
.gnuboard_webzine_list .document_list > ul > li { position:relative; overflow:hidden; display:block;border-bottom:1px solid #aaa;}
.gnuboard_webzine_list .document_list > ul > li:nth-last-child(1) { border-bottom:none;}
.gnuboard_webzine_list .document_list >ul > li a { position:relative;  overflow:hidden;  display:flex; justify-content:space-evenly; }
.gnuboard_webzine_list .document_list > ul > li a:hover { font-weight:bold; }
.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.bo_tit { color:#000;padding: 15px 15px;  margin: 0 15px;  font-weight:unset !important; }
.gnuboard_webzine_list .document_list > ul > li a .content_area > div.bo_tit span {/* text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; */height: 49px; display: flex;align-items:center; color: #434343;}
.gnuboard_webzine_list .document_list > ul > li a:hover .content_area > div.bo_tit span { color:#000;}
.gnuboard_webzine_list .document_list > ul > li a .content_area { height:auto; width:100%; margin-left:0;}


/* 본문 */
#bo_v_con h3 { margin-bottom: 30px; word-break:normal; font-weight:bold; padding: 20px; background: #ffbad6;}

@media (max-width: 1200px){
	.board_wrap { flex-wrap:wrap; max-width: 420px;}
	.container-board { width:100%;}
	.container-list {width:100%;}
	.gnuboard_webzine_list .document_list { min-height: unset;border-radius: 20px;    padding-bottom: 30px;}
	.gnuboard_webzine_list .document_list > ul { height: 255px; overflow-y: scroll;}
	.gnuboard_webzine_list .document_list > ul > li a .content_area > div.bo_tit {margin:0 auto; font-size:1rem; padding:10px;}
	.gnuboard_webzine_list .document_list > ul > li a .content_area > div.summary {font-size: 0.8rem;}
	.gnuboard_webzine_list .document_list .bo_subject { padding: 20px 15px;}
	.gnuboard_webzine_list .document_list > ul > li a { padding: 5px 0;}
	#bo_sch {width:90%; margin:0 auto;}	
	#bo_sch select {width:20%;}
}