@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 { }
#bo_btn_top #bo_list_total {
  border:1px solid #ddd; border-radius:0px; line-height:35px; background:#fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.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; border-bottom:1px solid #ddd; display:block; }
.gnuboard_webzine_list .document_list > ul > li a { position:relative; padding:20px 10px; overflow:hidden; background:#fff; 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;
  white-space:nowrap; text-overflow:ellipsis;
}
.gnuboard_webzine_list .document_list > ul > li a .thumb_area { position:absolute; top:20px; left:10px; width:152px; height:102px;  }
.gnuboard_webzine_list .document_list > ul > li a .thumb_area img { width:150px; height:100px; float:left; }
.gnuboard_webzine_list .document_list > ul > li a .content_area { height:100px; margin-left:190px; padding-top:15px }
.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.title { line-height:26px; font-size:22px; color:#345E93;padding-bottom:10px }
.gnuboard_webzine_list .document_list > ul > li a .content_area > div.summary {color:#4C4C4C;  font-size:17px; padding-left:15px}
.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; }

	/* 한페이지건강상식용 */
	.fc_pointer {color:#1F88E5; }
	.content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto;}



	.business_type2{ width:100%; max-width:1200px; margin:0 auto;}
	.business_type2:after{content:""; display:block; clear:both;}
	.business_type2 .business_info { width:100%; background:#fff; margin-bottom:30px;  }
	.business_type2 .business_info:after{content:""; display:block; clear:both;}
	.business_type2 .business_info ul{ padding:0; margin:0;}
	.business_type2 .business_info ul li{ padding:0; margin:0;}

	.business_type2 .business_info ul li.right_box{position:relative; float:right; width:100%; }


	.business_type2 .txt_area { width:100%; padding-top:10px;  }
	.business_type2 .txt_area:after{content:""; display:block; clear:both;}
	.business_type2 .txt_area .txt01 { float:left; width:100%; word-break: keep-all;}
	.business_type2 .txt_area .txt01 p { padding:0; margin:0; margin-bottom:5px; padding:0;}
	.business_type2 .txt_area .txt01 span.tit { display:block; font-size:1.5em; color:#DC3E00; font-weight:700; line-height:1.4em;  }
	.business_type2 .txt_area .txt01 span.txt { display:block; font-size:1.15em; color:#333; font-weight:400; line-height:1.4em; }




	.business_type2 .con_arrow{ width:100%; max-width:1200px;  padding-bottom:20px;  margin:0 auto; font-size:2em;color:#E15A00}
	.business_type2 .con_arrow p{position:relative; font-size:2em; color:#000; padding-left:30px; }
	.business_type2 .con_arrow span{  position:absolute; right:0; display:inline-block; font-size: 1em;  padding-left: 10px;  color: #555;}
	.business_type2 .con_arrow > p:before{position:absolute; top:4px; left:10px; display:inline-block; content:""; width:3px; height:23px; background-color:#1F88E5; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}

	//.business_type2 .con_box{ width:100%; padding:20px 0; border-top:1px solid #000; border-bottom:1px solid #000;}
	.yyy {font-size:1.1em;padding: 0 40px 20px 40px; border-bottom:1px dashed #8F8F8F;}
	.business_type2 .con_box{ width:100%; padding:0px 0; }
	.business_type2 .con_box:after{content:""; display:block; clear:both;}
	.business_type2 .con_box ul { padding:0; margin:0; }
	.business_type2 .con_box ul li {float:left;  list-style:none; margin:0px 0; width:100%;}
	.business_type2 .con_box ul li p{display:table; width:100%; padding-bottom:10px }
	.business_type2 .con_box ul li p > em, .business_type2 .con_box p > span{display:table-cell; vertical-align:top; }
	.business_type2 .con_box ul li p > em{ width:30px; }
	.business_type2 .con_box ul li p > em > strong{display:inline-block; width:30px; height:30px;  line-height:30px; padding-right:2px;color:#fff; background-color:#1A5B8D; text-align:center; font-size:1em;  border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; font-weight:500;}
	.business_type2 .con_box ul li p > span{font-size:1.5em; line-height:30px; color:#185F96; letter-spacing:-0.75px;  padding:0 15px;font-weight:600}



.business_type2 .con_box table, th, td { border: 1px solid orange; }

	@media screen and (max-width:992px){
		
		.content_wrap{width:100%;}

		.s_tit{font-size:1.2em;}
		
			.yyy {font-size:1.1em;padding: 0 10px 30px 10px}
		.business_type2 .business_info{margin-bottom:0px;padding-left:0px }

		.business_type2 .business_info ul li.right_box{ width:110%;  margin-right:10px;}
		.business_type2 .business_info ul li.right_box .txt03 {position:relative !important; margin-top:40px;}
		.business_type2 .business_info ul li.right_box .txt03 span {height:auto;}
		.business_type2 .txt_area { width:105%; margin:0 auto; border-top:0;margin-left:0px}
		.business_type2 .txt_area .txt01 span.tit {font-size:1.85em;margin-left:0px;}
		.business_type2 .con_arrow{width:105%; margin:0 auto; }
		.business_type2 .con_box{width:105%; margin:0 auto;float:right;margin-right:10px; }

	}

/*
	@media screen and (max-width:480px){

			.yyy {font-size:1.1em;padding: 0 10px 20px 10px}
		.business_type2 .con_arrow p{ font-size:1.5em; margin-top:30px;}
		.business_type2 .con_box ul li { width:100%; }

		.sview{display:none;} 
.mview{display:block;}

	}
	*/
	/* 한페이지건강상식용 */