@import url('/css/main.css');
.sub_content { }

A:link    { text-decoration: none;}
A:visited { text-decoration: none;}
A:active  { text-decoration: none;}
A:hover   { text-decoration: none;}

/* ³×ºñ°ÔÀÌ¼Ç */
.navi { 		
			height:20px;
			padding:5px 0;
			border-top:1px solid #737373;
			border-bottom:1px solid #cbcbcb;
			background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.09, #FCFCFC),
			color-stop(0.91, #e8e8e8)
			);
			background-image: -o-linear-gradient(bottom, #FCFCFC 9%, #e8e8e8 91%);
			background-image: -moz-linear-gradient(bottom, #FCFCFC 9%, #e8e8e8 91%);
			background-image: -webkit-linear-gradient(bottom, #FCFCFC 9%, #e8e8e8 91%);
			background-image: -ms-linear-gradient(bottom, #FCFCFC 9%, #e8e8e8 91%);
			background-image: linear-gradient(to bottom, #FCFCFC 9%, #e8e8e8 91%);
	}
.navi li { font-size:11px; float:right; padding-right:20px;}
.navi li a { text-decoration:none; }

/* /////////////////////////////////////////////////////////////// ¸®½ºÆ® ¸ñ·Ï /////////////////////////////////////////////////////////////// */
/* °Ô½ÃÆÇ */
.board_basic, .board_worship, .board_album { padding:10px; }
.board_menu_title { display:block;font-size:16px; margin:5px 0 5px 0; }
.list_btn_section { height:28px; margin-bottom:10px; padding-right:10px; }
.list_btn_section button { float:right; }
.category {color:#999;}
/* °Ô½ÃÆÇ ¸®½ºÆ® ¸ñ·Ï */
ul.board_list { border-top:1px solid #9d9d9d;}
ul.board_list li { background:#f6f6f6; border-bottom:1px solid #ccc; padding: 3px 0 3px 5px;}
ul.board_list li:hover { background:#eee;}
ul.board_list li span { margin: 0 2px;}
ul.board_list li span img { vertical-align:middle; }
.notice_board , .tit_board { font-weight:bold; }
/* ¾Ù¹ü °Ô½ÃÆÇ ¸®½ºÆ® ¸ñ·Ï */
.board_list_album { overflow:hidden;border-top:1px solid #9d9d9d;padding-top: 15px; }
.board_list_album li { width:50%;float:left;text-align:center;margin-bottom:10px; }
.board_list_album li a { text-decoration:none; }
.board_list_album li img { width:75%;}
.album_tit { display:block;padding:3px 0; }
/* ÀÌ¸ðÆ¼ÄÜ */
#imgDiv { display:none;position:absolute; }

/* /////////////////////////////////////////////////////////////// ºäÆäÀÌÁö /////////////////////////////////////////////////////////////// */
.board_view_basic, .board_view_worship, .board_view_album {padding:10px;}
.board_view_bar {margin-bottom:15px;padding:7px 0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.board_view_bar li {line-height:22px;margin-bottom:2px;display:table;}
.bar_tit {
				display:inline-block;
				background-color:#649dd8;
				padding:0 5px;
				border-radius:3px;
				height:22px;
				line-height:22px;
				min-width:50px;
				text-align:center;
				font-weight:bold;
				color:#fff;
				margin-right:5px;
				float:left;
				font-size:0.750em;
			}
.bar_data {display:table;font-weight:bold;}
.view_content {border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:10px;}

/*/////////////////////// ±Û¾²±â¹öÆ° ///////////////////////*/
.view_btn_section {overflow:hidden;width:100%;margin-bottom:20px;}
.view_btn_section ul {float:right;}
.view_btn_section ul li {float:left;}

/*/////////////////////// ²¿¸®±Û ¾²±â///////////////////////*/
.tail_wright_section {display:block;}
.tail_btn{width:100%;margin-bottom:10px;}

.img_imoti {border:1px solid red;}
.img_imoti li {float:left;}

.input_section li {margin-bottom:7px;}
.input_section li:nth-child(3) {background-color:#fff;border:1px solid #ccc;border-radius:3px;width:100%;line-height:25px;text-align:left;}
.input_section li:nth-child(3) img {margin-left:10px;}
.input_section li input {border:1px solid #ccc;border-radius:3px;width:100%;line-height:25px;text-indent:10px;color:#ccc;}
.input_section li input:hover {border:1px solid #7ac5f5;}
.input_section li input:focus {border:1px solid #7ac5f5;color:#000;}
.input_section li textarea {width:100%;border:1px solid #ccc;border-radius:3px;text-indent:10px;padding-top:5px;}
.input_section li textarea:hover {border:1px solid #7ac5f5;} 
.input_section li textarea:focus {border:1px solid #7ac5f5;color:#000;}

.tail_btn {overflow:hidden;}
.tail_btn li {float:left;}
/*/////////////////////// ²¿¸®±Û º¸±â///////////////////////*/
.tail_view_box {border:1px solid #ccc;background:#f2f2f2;border-radius:3px;padding:10px;margin-bottom:10px;}
p.box_info {font-weight:bold;}
p.tail_txt {}
span.tail_date {color:#a6a6a6;font-weight:normal;margin-left:10px;}
.tail_view_btn {text-align:right;}


/*/////////////////////// ÀÌ¸ðÆ¼ÄÜ ¼¿·ºÆ® ///////////////////////*/
 .jqis{
			 position:relative;
			 margin-bottom:10px;
		}

 .jqis_header{
			 background-image: url('/image/dropdown_arrow.png');
			 background-position:44px 0;
			 background-repeat:no-repeat;
			 cursor:pointer;
		}

.jqis_header img{
			 cursor:pointer;
		}

.jqis_dropdown{
			padding: 5px;
			position:absolute;
			overflow-x:hidden;
			overflow-y:scroll;
		}

.jqis_dropdown img{
			margin-right:3px;
			cursor:pointer;
			float:left;
		}
/* /////////////////////////////////////////////////////////////// ±Û¾²±â /////////////////////////////////////////////////////////////////////// */
.board_write {padding:10px;overflow:hidden;}
.board_write_bar {margin-bottom:15px;padding:7px 0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.board_write_bar li {margin-bottom:7px;}
.board_write_bar li:nth-child(8) {background-color:#fff;border:1px solid #ccc;border-radius:3px;width:100%;line-height:25px;text-align:left;}
.board_write_bar li:nth-child(8) img {margin-left:8px;}
.board_write_bar li input {border:1px solid #ccc;border-radius:3px;width:100%;line-height:25px;text-indent:10px;color:#ccc;}
.board_write_bar li input:focus {color:#000;}
.board_write_bar li:nth-child(10) input {width:7%;vertical-align:middle;}
.board_write_bar li textarea {border:1px solid #ccc;border-radius:3px;width:100%;line-height:25px;text-indent:10px;color:#ccc;padding-top:5px;}
.board_write_bar li textarea:focus {color:#000;}
.board_write_bar li select {border:1px solid #ccc;border-radius:3px;width:100%;height:28px;line-height:25px;text-indent:7px;background-color:#fff;color:#b3b3b3;}
.board_write_bar li select:focus {color:#000;}


.btn_wright_section {overflow:hidden;float:right;width:100%;}
.btn_wright_section li {float:left;}
.btn_wright_section li:last-child {float:right;}


/* /////////////////////////////////////////////////////////////// Ä«Å×°í¸®ÅÇ /////////////////////////////////////////////////////////////// */
#ts_tabmenu {
	font-size: .75em; /* set the font size */
	/*padding: 20px 0px 0px 20px;  set the padding */
	overflow:hidden;
}
#ts_tabmenu ul {
	line-height: 1.2em; /* setting the line height now so we don't have any headaches*/
	margin: 0px; /* let's keep the margin set to 0 for the same reasons as above*/
	list-style-type: none; /* we remove the UL's default disc bullets */
	float: left; /* we float the list to the left like we will all the elements inside*/
	padding: 0px 0px 0px 5px; /* give it a left padding of 5px to counter the effect of margin -5px below */
}
#ts_tabmenu ul li {
	float: left; /* floatin' left */	
}
#ts_tabmenu ul li a {
	text-decoration: none; /* remove the default underline off the anchor text */
	display: block; /* we display this text as block so that we can apply padding/margin without problems */
	float: left; /* floatin' left, to make the menu horizontal */
	padding: 0px 0px 0px 10px;  /* we give it a left padding of 10px to show the first 10 pixels of the tabs image. you can also use padding-left: 10px; */
	background: url(/img/tabs0000.gif) no-repeat left top;  /* we link to the tabs image, no tiling, showing the top left part of it */
	margin-left: -5px;  /* this is important for the overlapping part - we are overlapping the tabs by 5 px */
	z-index: 0; /* keep it on layer 0 (default) */
	position: relative;  /* very important as this enables the z-index to work for us and keeps the tabs where they should be */
	color: #666666;  /* color of the tab text */
}
#ts_tabmenu ul li a strong {
	font-weight: normal;   /* remove the bold effect */
	display: block;   /* display the strong element as a block so we can pad it, etc. */
	float: left;   /* float it left as well */
	background: url(/img/tabs0000.gif) no-repeat right top;  /* now we show the right part of the tab and we complete the "puzzle" */
	padding: 6px 10px 7px 5px;  /* important, as through this you define the position of the text within the tab */
	cursor: pointer;  /* this makes the browser show the "hand" cursor when hovering over the tab */
}
#ts_tabmenu ul li a:hover {
	position: relative; /* again, keep things relative */
	z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
	background: url(/img/tabs0000.gif) no-repeat left bottom;  /* now we show the bottom part of the tabs image, the "hover" instance */
	color: #000000;   /* we color the hovered tab's text black */
}
#ts_tabmenu ul li a:hover strong {
	background-image: url(/img/tabs0000.gif) no-repeat;  
	position: relative; /* keep it relative */
	z-index: 5; /* show this on layer 5 as well */
	background-position: right bottom; /* we show the right bottom part of the tabs image (the hover instance) */
}
/*#tsmenu1 #li_tsmenu1 a, #tsmenu2 #li_tsmenu2 a, 
#tsmenu3 #li_tsmenu3 a, #tsmenu4 #li_tsmenu4 a, 
#tsmenu5 #li_tsmenu5 a, #tsmenu6 #li_tsmenu6 a, 
#tsmenu7 #li_tsmenu7 a {
	position: relative;
	z-index: 5; 
	background: url(/img/tabs0000.gif) no-repeat left bottom;  
	color: #000000; 
	
}
#tsmenu1 #li_tsmenu1 a strong, #tsmenu2 #li_tsmenu2 a strong, 
#tsmenu3 #li_tsmenu3 a strong, #tsmenu4 #li_tsmenu4 a strong, 
#tsmenu5 #li_tsmenu5 a strong, #tsmenu6 #li_tsmenu6 a strong, 
#tsmenu7 #li_tsmenu7 a strong {	
	background-image: url(/img/tabs0000.gif) no-repeat;  
	position: relative; 
	z-index: 5; 
	background-position: right bottom;
}*/