@charset "utf-8";

/* CSS Document */

/*카테고리*/
	.group_cats { border-bottom:1px solid #464d58; margin-bottom:20px;}
		.group_cats ul { overflow:hidden;}
		
		.group_cats ul li {float:left; padding:5px 20px 7px 20px; border:1px solid #ccc; border-bottom:0px; cursor:pointer; border-radius:5px 5px 0 0;}	
				.group_cats ul li.active{ font-weight:700; background:url(../images/sitemap.gif) 0 -10px; color:#fff; border:1px solid #ccc; border-bottom:0px; font-family:"맑은 고딕";}
					.group_cats ul li a { font-family:"맑은 고딕"; color:#000;}	
					.group_cats ul li.active a { color:#fff; font-family:"맑은 고딕";}	
					
				.group_cats ul li:hover {font-weight:400; background:url(../images/sitemap.gif) 0 -10px; color:#fff; border:1px solid #ccc; border-bottom:0px; font-family:"맑은 고딕"; }	
					.group_cats ul li:hover  a { color:#fff; font-family:"맑은 고딕"; }	
		


/*  최근글 /moa/bbs/news.php */
	.new_list { margin:0 auto; padding-left:25px; margin-bottom:20px;}
	.new_list .list_box { background:url(/moa/group/images/t-BG.gif) repeat-y; width:659px; padding:10px 20px 10px 10px; overflow:hidden; }
	.new_list .list_box .list_box_icon{ float:left; width:110px; height:100%;}
	.new_list .list_box .list_box_icon img{ vertical-align:middle;}
	.new_list .list_box ul { float:left;  padding:10px; list-style-type:none; overflow:hidden; width:480px;}
	.new_list .list_box ul li.list { width:160px; float:left; padding:3px 0; line-height:20px; }
	.new_list .list_box ul li.list a{font-family: '맑은 고딕'; font-size:12px;}
	.new_list .list_box ul li.list a:hover{ font-weight:bold;}
	.new_list .new_title { margin-top:20px; }
	.new_list .new_box { }
	.new_list .new_box .empty { text-align:center; margin:0 auto; padding:30px 0; font-weight:bold; color:#999999; }
	.new_list .group_new_title { padding:10px 5px; border-top:3px solid #beda85; border-bottom:1px solid #beda85; width:651px; }
	.new_list .group_new_title a { font-weight:bold; color:#84ac6b; font-family: '맑은 고딕'; font-size:14px;}
	.new_list .group_new_table {  width:661px; }
	.new_list .group_new_table td { padding:5px 0; border-bottom:1px dotted #ccc; min-height:20px;}
	.new_list .group_new_table td a:hover{ font-weight:bold;}
	.new_list .new_box_bottom{ width:661px; }
	.new_list .group_new_table .group_bbs_title{ padding-left:5px;}

/* 단체 */

	#group_wrap { width:100%; max-width:865px; margin:0 ; padding:0; }
		.owner_view { width:100%; overflow:hidden; border:1px solid #c3c3c3; margin-bottom:17px;}
			.owner_photo { float:left; width:22.89017341040462%; padding:2%;}
				.owner_photo img { width:96%;}
			.owner_photo h4 { display:block; width:100%; text-align:center; font-size:1.2em; padding-top:5%;}	
				
			.group_info { float:left; width:77.10982658959538%;    }
				.group_info ul { overflow:hidden;}
					/*.group_info ul li { float:left; width:50%; padding:10px; background:#f3f3f3; color:#51606f;  font-family: 'Nanum Gothic', sans-serif; }
						.group_info ul li a {color:#51606f;}
					*/
					.group_info ul li { float:left; width:33.33333333333333%; padding:10px; background:#f3f3f3; color:#51606f;  font-family: 'Nanum Gothic', sans-serif; }
						.group_info ul li.jusos { width:100%;}
						.group_info ul li.no_left { border-left:0px;}
						.group_info ul li a {color:#51606f;}
							
					
				.group_info .txts { width:100%; min-height:135px; padding:3%;}
		
		.group_bbs_wrap {width:100%; overflow:hidden;}
			.group_bbs { width:49.01734104046243%; float:left; margin-bottom:17px;  border:1px solid #c3c3c3; }
				.group_bbs_wrap .bbs1 { margin-right:1.965317919075145%;}
				.group_bbs_wrap .bbs3 { margin-right:1.965317919075145%;}
			
			.group_bbs p { width:100%; overflow:hidden; background:#f3f3f3; height:40px; padding:5px 10px;  border-bottom:1px solid #c3c3c3; color:#51606f;}
			
				.group_bbs p span { float:left; color:#51606f;  font-family: 'Nanum Gothic', sans-serif;}
				.group_bbs p a { float:right; color:#51606f;}
				
			.group_bbs_list { width:100%; min-height:173px; padding:5%;}	
			
				.group_bbs_list_ul {}
					.group_bbs_list_ul li { overflow:hidden;}
						.group_bbs_list_ul li a { float:left;}
						.group_bbs_list_ul li span  { float:right;}	
						
		 	.group_memo { width:100%; border:1px solid #c3c3c3;}	
				.group_memo .group_memo {background:#f3f3f3; height:40px; padding:5px 10px; border:0; border-bottom:1px solid #c3c3c3; color:#51606f;}
				.group_memo .group_memo_cont { padding:2%;}			
			
			
			
			@media only screen  and (min-width: 200px) {
				.owner_photo { width:100%;}
				.group_info { width:100%; border-left:0px solid #c3c3c3;}
				
				.group_info ul li { border:1px solid #c3c3c3;width:100%; border-top:0px;  border-right:0px; border-left:0px;}
				.group_info ul li.top_line { border-top:1px solid #c3c3c3;}
				.group_info .txts { border-top:0px; border-left:0px;}
				
				.group_bbs { width:100%;}
			}
			@media only screen and (min-width: 480px) {
				.owner_photo { width:40%;}
				.group_info { width:60%; border-left:1px solid #c3c3c3;}
				
				.group_info ul li {  border:1px solid #c3c3c3; width:100%; border-top:0px;  border-right:0px; border-left:0px;}
				.group_info ul li.top_line { border-top:0;}
				.group_info .txts { border-top:0px; border-left:0px;}
				
				.group_bbs { width:100%;}
			}
			
			@media only screen and (min-width: 768px) {
				.owner_photo { width:29.89017341040462%;}
				.group_info { width:70.10982658959538%; border-left:1px solid #c3c3c3;}
				
				.group_info ul li { border:1px solid #c3c3c3; border-left:0px; width:100%; border-top:0px;  border-right:0px;}
				.group_info ul li.top_board { border-top:0px;}
				.group_info .txts { border-top:0px; border-left:0px;}
				
				.group_bbs { width:49.01734104046243%;}
			}
				
			@media only screen and (min-width: 970px) {
				.owner_photo { width:22.89017341040462%;}
				.group_info { width:77.10982658959538%; border-left:1px solid #c3c3c3;}
				
				.group_info ul li { border:1px solid #c3c3c3;  width:33.33333333333333%; border-top:0px;  border-right:0px;}
				.group_info ul li.top_board { border-top:0px;border-left:0px;}
				.group_info .txts { border-top:0px; border-left:0px;}
				
				.group_bbs { width:49.01734104046243%;}
			}
				
			@media only screen and (min-width: 1170px) {
				.owner_photo { width:22.89017341040462%;}
				.group_info { width:77.10982658959538%; border-left:1px solid #c3c3c3;}
				
				.group_info ul li { border:1px solid #c3c3c3;  width:33.33333333333333%;  border-top:0px;  border-right:0px;}
				.group_info ul li.top_board { border-top:0px; border-left:0px;}
				.group_info .txts { border-top:0px; border-left:0px;}
				
				.group_bbs { width:49.01734104046243%;}
			}

	

		/*
		.owner_view { display:block; width:98%; border:1px solid #ccc;  margin:auto;border-radius:7px; }
			.owner_view table { width:100%; height:auto;}
			
			.owner_view table .photos { width:16%; padding:3%; text-align:center;}
				.owner_view table .photos img { width:100%; max-width:100px;}
					.owner_view table .photos h4 { font-size:1.1em; display:block; padding:6% 0;}
				
				.owner_view table .infos { width:73%; border-left:1px solid #ccc; padding-left:5%;}
				
					.owner_view table .charge { border-bottom:1px solid #ccc; background:#f5f5f5; min-height:40px; color:#333;}
					.owner_view table .g_insa {min-height:90px;}
					
		
		
		
		.group_view{  margin-bottom:50px; width:100%; margin:auto; overflow:hidden;}
			
			.group_view .row { width:48%; margin:1%; float:left;}
			
				.group_view .row .panel .panel-heading{ background:#464d58; color:#fff; font-size:1.0em; text-shadow:none;}
					.group_view .row .panel .panel-heading a.badge { float:right;}
					
						.board02_textbox {min-height:106px; border-bottom:1px dotted #e1e1e1; padding:1% 2%;}
		
			@media only screen  and (min-width: 200px) {
				.group_view .row { width:98%; margin:1%;}
				.owner_view table .photos { width:29%; }
				.owner_view table .infos { width:60%; }
			}
			@media only screen and (min-width: 480px) {
				.group_view .row { width:98%; margin:1%;}
				.owner_view table .photos { width:29%; }
				.owner_view table .infos { width:60%; }
			}
			
			@media only screen and (min-width: 768px) {
				.group_view .row { width:98%; margin:1%;}
				.owner_view table .photos { width:16%; }
				.owner_view table .infos { width:73%; }
			}
				
			@media only screen and (min-width: 970px) {
				.group_view .row { width:48%; margin:1%;}
				.owner_view table .photos { width:16%; }
				.owner_view table .infos { width:73%; }
			}
				
			@media only screen and (min-width: 1170px) {
				.owner_view table .photos { width:16%; }
				.owner_view table .infos { width:73%; }
				
				.group_view .row { width:48%; margin:1%;}
			}
*/