/*---------------------- header.css ----------------------*/
/*--- common selector ---*/
body,div,dl,dt,dd,ul,ol,li,form,fieldset,p,button{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
body,input,select,textarea{font-family:'Malgun Gothic', '맑은 고딕',dotum,'돋움',sans-serif; font-size: 12px; font-weight:normal;} /* 137.5% == 22px */
body{ -webkit-text-size-adjust:none;}

hr{display:none;}
img,fieldset{border:0;}
img,input,select,textarea{vertical-align:middle;}
ul,ol,li{list-style:none;}

a:link,a:hover,a:active,a:visited {text-decoration:none; border-style: none;}
strong{font-weight:bold;}

input[type="text"]{-webkit-appearance:none;-webkit-border-radius:0;}
input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;}

/*--- list style ---*/
ul li { margin:0px; padding:0px; list-style:none; line-height:140%; vertical-align: middle;}
.ul li{ margin:0px; padding:0px; list-style:none; line-height:140%; vertical-align: middle; float:left;}
.ulBlank { padding: 0 14px;}
.ulBlank li{ margin:0px; padding:0px; list-style:none; line-height:140%; vertical-align: middle; float:left;}
.ur li{ margin:0px; padding:0px; list-style:none; line-height:140%; vertical-align: middle; float:right;}
.float { float: left;}
.floatnone { float: none; vertical-align: middle; margin-bottom: 2px;}

/*--- table style ---*/
th { text-align: center;}
caption { display: none;}

/*--- common style ---*/
.infoPartition { font-size: 11px; font-weight: normal;}


/*---------------------- main ----------------------*/
#window { width: 100%; align:center; float: left;}
	#head { position: relative; width: 100%; height: 60px; float: left; background:url(/core/mobile/images/sky_green/bg/head_bg.png) repeat-x;}
		#headLeft { position: absolute; left: 0; top: 0; width: 320px; height: 60px; background: url(/core/mobile/images/sky_green/bg/head_left.png) no-repeat;}
		#headRight { position: absolute; right: 0; top: 0; width: 320px; height: 65px;}
		#logo { position: absolute; width: 100%; height: 65px; text-align: center; vertical-align: middle;}
			#logo p { font-size: 22px; font-weight: bold; padding-top:10px; color:#fff;}
		#headButtonLeft { position: absolute; left: 14px; top: 15px;}
		#headButtonRight { position: absolute; right: 14px; top: 15px;}
		#headBottom { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; text-align: center;}
		





/*---------------------- main.css ----------------------*/
#containerMain { position: relative; width: 100%; float: left;  }
#containerMain2 { position: relative; width: 100%; background: url(/core/mobile/images/sky_green/bg/main_bg.jpg)repeat-x; float: left;}
		#containerWrap { position: relative; width: 100%; float: left;}
			#mainIcon { position: relative; width: 100%; margin-top: 15px; float: left; margin-bottom:20px; background:url(/core/mobile/images/sky_green/bg/icon_bg.png) no-repeat 50% bottom; padding-bottom:100px;}
			#mainIcon1 { position: relative; width: 33%; height: 78px; align: center; text-align:center; background: url(/core/mobile/images/sky_green/bg/bg_mainmenu1.png) center top no-repeat; float:left;}
				#menuTxtArea { position: relative; width:1024px; height: 78px; display: table-cell; vertical-align:middle; text-align:center;}
				#menuTxt { position:relative; width: 73px; margin: auto; text-align:center;}
				
				
				.mainIcon { display: block; width: 100%; margin:0 auto; padding-top: 85px; text-align: center; text-decoration:none; font-weight:bold;}
			
			#box { position: relative; width: 100%; margin-top: 15px; float: left; border: 1px #13204b solid;}
				#boxTitle {height:30px; padding-top:5px; position: relative; width: 100%; float: left; background:url(/core/mobile/images/sky_green/bg/list_tit_bg.png) repeat-x;}
					.boxTitle { font-size: 14px; font-weight: bold;}
				
				#boxList { position: relative; margin-top: 0px; float: left; width: 100%;  }
					#boxListSubject { position: relative; width: 100%; float: left;}
						#boxListSubject li { width: 100%;}
						#boxListSubject li a { display: block;}
							.mainLink { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: bold;}
							.subjectInfo { overflow: hidden; text-overflow: clip; white-space: nowrap; font-size: 12px; font-weight: normal;}
					#line { width: 100%; float: left; height: 1px; border-bottom: 1px solid #c9c9c9;}
						#banner { position: relative; width: 100%; margin-top: 15px;  margin-bottom: 0px; height: 45px; float: left; background: url(/core/mobile/images/sky_green/button/img_banner.gif) no-repeat;}
							#banner a { width: 100%; height: 45px; display: block;}	
					
			
				
/* menuNavigation */
#menuNavi { position: relative; width: 100%; float: left; }
			#menuTop {position: relative; width: 100%; height: 37px; background: url(/core/mobile/images/sky_green/navi/bg_1.gif) center top repeat-x; float: left;}
				#menudepth1 { position: relative; width: 100%; float: left; }
					#menudepth1Left { position: absolute; left: 0; top: 0; }
					#menudepth1Middle { position: relative; width: 100%; float: left;}
						#menudepth1Txt { position: relative; width: 25%; height: 20px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left;}
							#menudepth1Txt a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
						#menudepth1TxtOn { position: relative; width: 25%; height: 20px; float: left;}
							#menudepth1TxtOnLeft { position: absolute; left: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/sky_green/navi/depth1_on_left.png) no-repeat;}
							#menudepth1TxtOnMiddle { position: relative; width: 100%; height: 20px; float: left;}
								#menudepth1TxtOnMiddleBg { position: relative; width: 100%; height: 20px; background: url(/core/mobile/images/sky_green/navi/depth1_on_middle.png) top repeat-x; float: left;}
									#menudepth1TxtOnText { position: absolute; left: 0; top: 2px; width: 100%;}
										.depth1OnText { width: 100%; text-align: center; font-weight: bold; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
							#menudepth1TxtOnRight { position: absolute; right: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/sky_green/navi/depth1_on_right.png) no-repeat;}
								.depth1block { display: block; font-weight: bold; color: #fff;}
					#menudepth1Right { position: absolute; right: 0; top: 0;}
			
					#menudepth1Bottom { position: relative; width: 100%; height: 8px; float: left;}
						#menudepth1BottomLeft { position: absolute; left: 0; top: 0; width: 20px; height: 8px;}
						#menudepth1BottomMiddle { position: relative; width: 100%; float: left;}
							#menudepth1BottomBg { position: relative; width: 25%; height: 8px; background: url(/core/mobile/images/sky_green/navi/depth1_bottom_middle.png) repeat-x; float: left;}
							#menudepth1BottomBgOn { position: relative; width: 25%; height: 8px; background: url(/core/mobile/images/sky_green/navi/depth1_bottom_middle.png) repeat-x; float: left;}
								#menudepth1BottomBgOnColor { position: relative; width: 100%; height: 8px; background-color: #d9d9d9; float: left;}
						#menudepth1BottomRight { position: absolute; right: 0; top: 0; width: 20px; height: 8px;}


				/* 뎁스메뉴1만 활성시 시작 */
				.depthOnly1OnText {width: 100%; text-align: center; font-weight: bold; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
				#menudepthOnly1TxtOn { position: relative; width: 25%; height: 20px; float: left;}
				#menudepthOnly1TxtOnLeft { position: absolute; left: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/sky_green/navi/depth3_on_left.png) no-repeat;}
				#menudepthOnly1TxtOnMiddle { position: relative; width: 100%; height: 20px; float: left;}
					#menudepthOnly1TxtOnMiddle a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
				#menudepthOnly1TxtOnMiddleBg {position: relative; width: 100%; height: 20px; background: url(/core/mobile/images/sky_green/navi/depth3_on_middle.png) top repeat-x; float: left;}

				#menudepthOnly1TxtOnRight { position: absolute; right: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/sky_green/navi/depth3_on_right.png) no-repeat;}
				#menudepthOnly1Bottom {position: relative; width: 100%; height: 8px; float: left;}
				#menudepthOnly1BottomLeft { position: absolute; left: 0; top: 0; width: 20px; height: 8px;}
				#menudepthOnly1BottomMiddle { position: relative; width: 100%; float: left;}
				#menudepthOnly1BottomArea { position: relative; width: 100%; background: url(/core/mobile/images/sky_green/navi/depth3_bottom_middle.png) repeat-x; float: left;}
				#menudepthOnly1BottomBg { position: relative; width: 25%; height: 8px; float: left; background-color: #fff;}
				#menudepthOnly1BottomBgOn { position: relative; width: 25%; height: 8px; float: left; background-color: #fff;}
				#menudepthOnly1BottomBgOnColor { position: relative; width: 100%; height: 8px; background-color: #fff; float: left;}
				#menudepthOnly1BottomRight { position: absolute; right: 0; top: 0; width: 20px; height: 8px;}
				/* 뎁스메뉴1만 활성시 끝 */
					
					
				#menudepth2 { position: relative; width: 100%; background-color: #d9d9d9; float: left;}	
					#menudepth2Left { position: absolute; left: 0; top: 0; width: 20px; height: 100%; background: url(/core/mobile/images/sky_green/navi/depth2_bg_left.gif) left repeat-y;}
					#menudepth2Middle { position: relative; width: 100%; float: left;}
						#menudepth2Txt { position: relative; width: 33%; height: 20px; text-align: center; float: left;}
							#menudepth2Txt a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
						#menudepth2TxtOn { position: relative; width: 33%; height: 20px; float: left;}
							#menudepth2TxtOnLeft { position: absolute; left: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/sky_green/navi/depth2_on_left.png) no-repeat;}
							#menudepth2TxtOnMiddle { position: relative; width: 100%; height: 20px; float: left;}
								#menudepth2TxtOnMiddleBg { position: relative; width: 100%; height: 20px; background: url(/core/mobile/images/sky_green/navi/depth2_on_middle.png) repeat-x; float: left;}
									#menudepth2TxtOnText { position: absolute; left: 0; top: 2px; width: 100%;}
										.depth2OnText { width: 100%; text-align: center; font-weight: bold; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
							#menudepth2TxtOnRight { position: absolute; right: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/sky_green/navi/depth2_on_right.png) no-repeat;}
								.depth2block { display: block; color: #66645f;}
					#menudepth2Right { position: absolute; right: 0; top: 0; width: 20px; height: 100%; background: url(/core/mobile/images/sky_green/navi/depth2_bg_right.gif) right repeat-y;}
			
				#menudepth2Bottom { position: relative; width: 100%; height: 8px; background: url(/core/mobile/images/sky_green/navi/depth2_bottom_middle.png) repeat-x; float: left;}
					#menudepth2BottomLeft { position: absolute; left: 0; top: 0; width: 20px; height: 8px; background: url(/core/mobile/images/sky_green/navi/depth2_bg_left.gif) repeat-y;}
					#menudepth2BottomMiddle { position: relative; width: 100%; float: left;}
						#menudepth2BottomBg { position: relative; width: 33%; height: 8px; background: url(/core/mobile/images/sky_green/navi/depth2_bottom_middle.png) repeat-x; float: left;}
						#menudepth2BottomBgOn { position: relative; width: 33%; height: 8px; background: url(/core/mobile/images/sky_green/navi/depth2_bottom_middle.png) repeat-x; float: left;}
							#menudepth2BottomBgOnColor { position: relative; width: 100%; height: 8px; background-color: #efefef; float: left;}
					#menudepth2BottomRight { position: absolute; right: 0; top: 0; width: 20px; height: 8px; background: url(/core/mobile/images/sky_green/navi/depth2_bg_right.gif) right repeat-y;}			
					
					
				
				#menudepth3 { position: relative; width: 100%; background-color: #efefef; float: left;}	
					#menudepth3Left { position: absolute; left: 0; top: 0; width: 20px; height: 100%; background: url(/core/mobile/images/sky_green/navi/depth3_bg_left.gif) left repeat-y;}
					#menudepth3Middle { position: relative; width: 100%; float: left;}
						#menudepth3Txt { position: relative; width: 33%; height: 20px; text-align: center; float: left;}
							#menudepth3Txt a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
						#menudepth3TxtOn { position: relative; width: 33%; height: 20px; float: left;}
							#menudepth3TxtOnLeft { position: absolute; left: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/sky_green/navi/depth3_on_left.png) no-repeat;}
							#menudepth3TxtOnMiddle { position: relative; width: 100%; height: 20px; float: left;}
								#menudepth3TxtOnMiddleBg { position: relative; width: 100%; height: 20px; background: url(/core/mobile/images/sky_green/navi/depth3_on_middle.png) repeat-x; float: left;}
									#menudepth3TxtOnText { position: absolute; left: 0; top: 2px; width: 100%;}
										.depth3OnText { width: 100%; text-align: center; font-weight: bold; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
							#menudepth3TxtOnRight { position: absolute; right: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/sky_green/navi/depth3_on_right.png) no-repeat;}
								.depth3block { display: block; color: #2b5612;}
					#menudepth3Right { position: absolute; right: 0; top: 0; width: 20px; height: 100%; background: url(/core/mobile/images/sky_green/navi/depth3_bg_right.gif) right repeat-y;}
			
				#menudepth3Bottom { position: relative; width: 100%; height: 8px; background: url(/core/mobile/images/sky_green/navi/depth3_bottom_middle.png) repeat-x; float: left;}
					#menudepth3BottomLeft { position: absolute; left: 0; top: 0; width: 20px; height: 8px; background: url(/core/mobile/images/sky_green/navi/depth3_bg_left.gif) repeat-y;}
					#menudepth3BottomMiddle { position: relative; width: 100%; float: left;}
						#menudepth3BottomBg { position: relative; width: 33%; height: 8px; background: url(/core/mobile/images/sky_green/navi/depth3_bottom_middle.png) repeat-x; float: left;}
						#menudepth3BottomBgOn { position: relative; width: 33%; height: 8px; background: url(/core/mobile/images/sky_green/navi/depth3_bottom_middle.png) repeat-x; float: left;}
							#menudepth3BottomBgOnColor { position: relative; width: 100%; height: 8px; background-color: #ffffff; float: left;}
					#menudepth3BottomRight { position: absolute; right: 0; top: 0; width: 20px; height: 8px; background: url(/core/mobile/images/sky_green/navi/depth3_bg_right.gif) right repeat-y;}				
					
					
					
					#contentsBgLeft { position: absolute; left: 0; width: 20px; height: 100%; background: url(/core/mobile/images/sky_green/navi/depth4_bg_left.gif) left repeat-y; float: left;}
					#contentsBgRight { position: absolute; right: 0; width: 20px; height: 100%; background: url(/core/mobile/images/sky_green/navi/depth4_bg_right.gif) right repeat-y; float: left;}			

					#menudepth4Bottom { position: relative; width:100%; height: 1px; background-color:#71962a; float: left;}	
	
	#containerNewWrap { position: relative; width: 100%; background-color: #fff; float: left;}
	#containerSubWrap { position: relative; width: 100%; background-color: #fff; float: left;}

	.sideBlank { padding: 0 1px;}
							
#box2 { position: relative; width: 100%; margin-top: 15px; float: left;}
#boxList2 { position: relative; float: left; width: 100%; border: 1px solid #ddd; padding:0px; background:url(/core/mobile/images/sky_green/bg/alim_bg.png) repeat-x;}
#boxList2 img{ position: relative; float: left; padding:4px 0 0 10px;}
.alim_txt {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color:#fff; height:20px;}
		
		

/*---------------------- sub_main.css ----------------------*/
.submainSubject { padding: 0 40px 0 45px; height: 38px; }
.submainSubject p { padding-top: 12px; font-size: 14px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/*---------------------- footer.css ----------------------*/
#footer { position: relative; width: 100%; min-height: 68px; background: #393939 url(/core/mobile/images/sky_green/bg/foot_bg.png) repeat-x; float: left; margin-top:15px;}
	#footerInfor { position: relative; float: left; width: 100%; .height: 65px;}
		#footerInfor li { width: 100%; text-align: center; margin-top: 2px; line-height: 140%;}
		#footerInfor li p { font-weight: normal; font-size: 11px; color: #989898; padding-top:3px;}





/*---------------------- color.css ----------------------*/
/*-------------------------------------------------------------- defalt --------------------------------------------------------------*/


/* main */
body { background-color: #fff; color: #333;} /* basic font color & bgcolor */
a { color: #354671;}

.boxTitle { color: #fff;}

#box { border-color: #00678b;} /* recent box line color bgcolor */
#boxList { background-color: #fff;} /* recent box line color bgcolor */ 
#mainStyle1 { border-color: #00678b; background-color: #00678b;} /* recent box line color bgcolor */
#mainStyle1List { background-color: #fff;} /* recent box line color bgcolor */ 

	.mainLink { color: #000;} /* main link color */
	.subjectInfo { color: #8e8e8e;} /* main subject info color */
#containerWrapNature { background-color: #fff;}

/* subMain */
.submainSubject p { color: #000;} /* fontcolor */

/* broadcast */
.listSubjectInfo { color: #8e8e8e;} /* subject infocolor */
#containerContents { background-color: #ffffff;} /* backgroundimg & bgcolor */
	.contentsPhotoListInfo { color: #8e8e8e;} /* list subject info color */
	
	.paging a {color: #fff; background-color: #6e6e6e;}
	.paging strong { color: #fff; background-color: #000;} /* now paging box bgcolor */
	
	.contentsPhotoSubject strong { color: #394e89; }
	
	.contents { background-color: #fff; color: #000; border: 1px solid #ccc;}

/* board */
.title { color: #2d461e; font-size: 16px;}
.boardTop { border-bottom: 1px solid #ddd; background-color: #fff;}
.contentsPhotoListSubject { color: #000;} /* reply subject color */
.contentsPhotoListSubject2 { color: #000;} /* reply subject color */

.contentsPhotoListSubjectReply { color: #000;} /* reply subject color */
.contentsPhotoListSubjectReply2 { color: #000;} /* reply subject color */
.contentsView { background-color: #fff; border: 1px solid #fff;} /* view text box color */

.viewInfo { color: #8e8e8e;}

/* business */
.businessView001 { border-top: 1px solid #213b58;}

/* cafe */
.cafeTop, .cafeTop1, .cafeTop2 { color: #000;}
.cafeTopTitle { color: #2d461e;}
.cafeWrite001 { border-bottom: 1px solid #6e6e6e;}
.cafeRecetList001 { border-bottom: 1px solid #6e6e6e;}
.cafeRecetList002 { background-color: #ddd; border-bottom: 1px solid #ddd;}
/* schedule */
.thSunday { color: #ff0000;}
.thSaturday { color: #3e6b23;}
.tdSunday { color: #ff4200;}
.tdSaturday { color: #3e6b23;}
.past { color: #cccccc;}
.event { color: #333;}
.scheduleSubject a { color: #000;}
.scheduleSubjectdate { color: #3e6b23;}

/* webzine */
.webzinePage { color: #000;}
.webzineView001 { border-bottom: 1px solid #ddd;}
.webzineView002 { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.webzineView003 { border-top: 1px solid #ddd;}
/* history */
.historyDate { color: #5e98db;}

/* bible */
.searchBible a { color: #6a6a6a; background-color: #fff; border: 1px solid #6a6a6a;}
.searchText a { background-color: #6a6a6a; border: 1px solid #6a6a6a;}

.bibleChapter { color: #5e98db; font-weight: bold;}

/* people */
.peopleView001 { border-bottom: 1px solid #ddd;}
.peopleView002 { border: 1px solid #fff;}
.peopleView003 { color: #8e8e8e;}
	.peopleView003 a { color: #666;}
.peopleView004 { color: #333;}
/* photo */
.photoInfo { color: #8e8e8e;}
.photoListMain001 { border-bottom: 1px solid #ddd;}

/* login */
.loginCheck { color: #5e98db;}
.loginText a { color: #8e8e8e;}
.login001 { border-top: 1px solid #213b58; border-bottom: 1px solid #213b58;}
.loginLine { border-bottom: 1px solid #b3d456;}
.loginLine1 { border-top: 1px solid #b3d456; border-bottom: 1px solid #b3d456;}

/* citms */
.searchDetail { color: #333;}


#replyBg { background-color: #ddd;}






/*---------------------- contents.css ----------------------*/
#containerContents { position: relative; width: 100%; float: left;}
#containerContents #containerWrap .ulBlank li { width: 100%; float: left;}
/* boradcast */
.contentsPhotoList { width: 100%;}
	.contentsPhotoListSubject { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: bold; color: #8e8e8e;}
	.contentsPhotoListInfo { overflow: hidden; text-overflow: clip; white-space: nowrap; font-size: 12px; font-weight: normal; line-height: 120%;}
	
.paging { width: 100%; text-align: center; }
	.paging a { display: inline-block; min-width: 21px; height: 21px; border: 1px solid #fff; line-height: 180%; margin: 0 5px 0 5px;}
			.paging strong { display: inline-block; width: 21px; height: 21px; border: 1px solid #fff; line-height: 180%; margin: 0 5px 0 5px;}

.contentsPhotoSubject { overflow: hidden; font-size: 14px; font-weight: bold; line-height: 160%;}

.input_file {
	color:#000;
}

/* board */
#containerWrapNature { position: relative; width: 100%; float: left;}
.boardTop1 { font-size: 16px; font-weight: bold; display: inline-block; height: 25px; padding-top: 5px;}
.boardTop2 { font-size: 14px; font-weight: bold; display: inline-block; height: 25px; padding-top: 5px;}

a.boardTop2 { color: #666;}

.contentsPhotoListSubjectReply { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: bold;}

.contentsViewSubject { font-size: 14px; font-weight: bold; color: #2d461e;}

.contentsView { color: #000;}

#AB_viewContent li { line-height:1.3;}

.btnList { position: absolute; right: 0; bottom: 0;}

.viewBtnBottom a { padding: 5px;}

.viewUpDown { width: 100%; font-size: 14px;}
.viewUpDown a { display: block; padding: 5px 0;}	

.write { position: relative; width: 100%;}
.write label { position: absolute; left: 0; top: 5px; font-size: 14px; font-weight: bold; width: 80px;}
.write p { padding-left: 80px;}
.write p select { width: 100%; font-size: 14px; font-weight: bold;}
.write p input[type="text"], .write p input[type="password"] { width: 100%; font-size: 14px; border: 1px solid #616161; -webkit-border-radius:5px; float: left;}

/* cafe */
.cafeTop { font-weight: bold; font-size: 14px;}
.cafeTop1 { font-size: 16px; font-weight: bold; display: inline-block; height: 25px; padding-top: 5px;}
.cafeTop2 { font-size: 14px; font-weight: bold; display: inline-block; height: 25px; padding-top: 5px;}

.btnRegister { position: absolute; right: 0;}

/* schedule */
.scheduleTop a { display: inline-block;}
.scheduleTop p { display: inline-block; font-size: 16px; font-weight: bold; padding-top: 4px;}

#schedule { position: relative; width: 292px; display: inline-block; margin-top: 15px;}
	.calendarT { background-color: #fff; color: #333333; border: 1px solid #0b577e; font-size: 14px; font-weight: bold;}
		.calendarTop { width: 100%; height: 29px; background: url(/core/mobile/images/nature/bg/calendar_top_1.gif) repeat-x;}
		.thSunday {width: 40px; height: 29px; border-bottom: 1px solid #7ea1b3;}
		.th {width: 40px; height: 29px; border-bottom: 1px solid #7ea1b3;}
		.thSaturday {width: 40px; height: 29px; border-bottom: 1px solid #7ea1b3;}
		
		.tdSunday { height: 40px; border-bottom: 1px solid #c4d9e4; border-right: 1px solid #c4d9e4;}
		.td { height: 40px; border-bottom: 1px solid #c4d9e4; border-right: 1px solid #c4d9e4;}
		.tdSaturday { height: 40px; border-bottom: 1px solid #c4d9e4;}
		
		.event { display: block; padding: 12px; background-color: #ffe84b;}
		.today { padding: 12px; background-color: #dbdbdb;}
		
	.scheduleSubject { width: 290px; border: 1px solid #0b577e; background-color: #fff; text-align: left; height: 25px; position: relative;}
	.scheduleSubject a.aSubject { display: block; padding-right: 30px; font-weight: bold; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.scheduleSubject a.aEdit { position: absolute; right: 0; top: 0; bottom: 0; display: block; font-weight: bold; font-size: 12px; line-height: 1.8; padding: 2px 5px; background-color: #f1bc49; color: #fff;}

	.btnScheduleList { position: absolute; right: 0; top: 3px;}
	.scheduleTitle { font-size: 14px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

	#schedule .scheduleBtnType1 { margin-top: 10px; display: inline-block; border-radius: 3px; background-color: #f1bc49; padding: 15px 20px; font-size: 18px; font-weight: 600; color: #fff;}
	.scheduleWrite { text-align: left; border-top: 2px solid #666;}
	.scheduleWrite > div { padding: 10px 5px; border-bottom: 1px solid #666;}
	.scheduleWrite > div > div:nth-child(1) { font-size: 15px; font-weight: 600; color: #333; padding-bottom: 10px;}
	.scheduleWrite > div > div:nth-child(1) > p { display: inline-block; width: 4px; height: 15px; border-radius: 3px; background-color: #666; vertical-align: middle; margin-bottom: 3px;}
	.scheduleWrite > div > div:nth-child(2) > p { margin-bottom: 10px; border: 1px solid #d2d2d2; border-radius: 3px; padding: 10px; background-color: #fff; line-height: 2.4;}
	.scheduleWrite > div > div:nth-child(2) > p > span { font-size: 13px; color: #333;}
	.scheduleWrite > div > div:nth-child(2) > p:last-child { margin-bottom: 0;}
	.scheduleWrite label { font-size: 15px; font-weight: 600;}
	.scheduleWrite label input[type="checkbox"] { vertical-align: middle !important; margin-bottom: 3px !important;}
	.scheduleWrite input[type="text"] { border: 1px solid #d2d2d2; padding: 10px; width: 100%; box-sizing: border-box;}
	.scheduleWrite textarea { border: 1px solid #d2d2d2; padding: 10px; width: 100%; height: 100px; box-sizing: border-box;}
	.scheduleWrite .bottomBtn { text-align: center; padding: 20px 0;}
	.scheduleWrite .bottomBtn .schwBtn1 {  display: inline-block; border-radius: 3px; background-color: #f1bc49; padding: 5px 10px; font-size: 18px; font-weight: 600; color: #fff;}
	.scheduleWrite .bottomBtn .schwBtn2 {  display: inline-block; border-radius: 3px; background-color: #f1bc49; padding: 5px 10px; font-size: 18px; font-weight: 600; color: #fff;}

/* history */
.historyDate { font-size: 12px;}
.historySubject { font-size: 12px;}

/* bible */
#search { display: inline-block;}
	.searchBible a {display: inline-block; padding: 5px 25px 3px 28px; font-size: 14px; font-weight: bold;}
	.searchText a { display: inline-block; padding: 5px 25px 3px 28px; color: #fff; font-size: 14px; font-weight: bold;}
	.rangeLabel { position: absolute; left: 0; font-size: 14px; font-weight: bold; width: 80px;}
	.range p { margin-left: 80px;}
	.range p select { font-size: 14px; font-weight: bold;}
	
	.bible { font-size: 14px;}
	

	.pagingBible { width: 100%; text-align: center;}
	.pagingBible a { display: inline-block; color: #fff; min-width: 37px; height: 21px; background-color: #696969; line-height: 180%; margin: 0 5px 0 5px;}
	.pagingBible a.arrow { display: inline-block; min-width: 21px; height: 21px; border: 1px solid #fff; line-height: 180%; margin: 0 5px 0 5px;}
	.pagingBible strong { display: inline-block; color: #fff; background-color: #16240a; width: 37px; height: 21px; border: 1px solid #fff; line-height: 180%; margin: 0 5px 0 5px;}
	.cho_num { background-color: #6c872e;}
	
/* photo */
#photoList { position: relative; width: 33.3%; float: left; text-align: center; margin-bottom: 25px;}
	#photoBox { display: inline-block; width: 95px; text-align: center;}
	.photo { display: table-cell; width: 95px; height: 95px; vertical-align: middle; background-color: #ddd;}
.photoSubject { font-weight: bold;}
.photoInfo { line-height: 120%;}


/* login */
.loginCheck { font-weight: bold; font-size: 14px;}
.loginText a { display: block;}


/* citms */
.btnSearch { position: absolute; right: 14px; bottom: 9px;}

.searchDetail { position: relative; width: 100%; color: #333;}
.searchDetail label { position: absolute; left: 0; top: 5px; font-size: 14px; font-weight: bold; width: 80px;}
.searchDetail p { padding-left: 80px;}
.searchDetail p select { width: 100%; font-size: 14px; font-weight: bold;}
.searchDetail p input { width: 100%; font-size: 14px; border: 1px solid #616161; -webkit-border-radius:5px; float: left;}

.tabArea { width: 100%; height: 25px; border: 1px solid #5e780f; background-color: #7e9d22;}
	.tabArea a { display: block; color: #fff;}
.tabTextArea { width: 100%; border: 1px solid #5e780f; background-color: #fff; color: #333;}

.regist { position: relative; width: 100%; color: #333;}
.regist label { position: absolute; left: 0; top: 5px; font-size: 14px; font-weight: bold; width: 80px;}
.registLabel { position: absolute; left: 0; font-size: 14px; font-weight: bold; width: 80px;}
	.regist p { margin-left: 80px;}
	.regist p select { font-size: 14px; font-weight: bold;}
	
	.input1 { position: absolute; left: 0; top: 0;}

.input { font-size: 14px; border: 1px solid #616161; -webkit-border-radius:5px;}

.dataEdu { background-color: #85925e;} /* 테이블테두리 */
.dataEdu th { background-color: #b7cc7a; height: 25px; padding: 4px; color: #475d05;}
.dataEdu td { background-color: #fff; color: #333; padding: 4px; text-align: center;}

.dataView { background-color: #85925e;}
.dataView th { background-color: #b7cc7a; padding: 4px; color: #475d05;}
.dataView td { background-color: #fff; color: #333; padding: 4px; text-align: center;}



.citmsTitleBottom { border-bottom: 1px solid #3d5200; background-color: #fff;} /* 타이틀 밑선 */
.citmsListBottom { border-bottom: 1px solid #8eab38;} /* 리스트 구분선 */
.calendarBottom { border-bottom: 1px solid #3d5200; background-color: #fff;} /* 달력날짜 밑선 */

.citmsBoardTop1 { font-size: 16px; font-weight: bold; display: inline-block; height: 25px; padding-top: 5px; color: #000;}
.citmsBoardTop2 { font-size: 14px;  display: inline-block; height: 25px; padding-top: 5px; color: #000;}

/* 2011.01.20 */
#searchCITMS1txt { position: relative; width: 100%; float: left;}
	.searchCITMS1inputTxt { width: 100%; font-size: 14px; border: 1px solid #616161; float: left;}
#searchCITMS1img { position: absolute; right: 15px; top: 2px;}
.searchCITMS1result { border: 1px solid #a7a7a7; background-color: #f4f4f4;}
#searchCITMS1resultSubject { position: relative; width: 100%; float: left;}
	.searchCITMS1resultSubject1 { display: block; width: 100%; font-size: 14px; color: #333; margin:0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration:none;}
	.searchCITMS1resultSubject2 { width: 100%; font-size: 12px; color: #666; margin:0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration:none;}
	#searchDot { position: relative; width: 100%; height: 1px; background: url(../../images/optimus_hotpink/common/dot_1.gif); float: left;}
#searchCITMS1left { position: absolute; left: 14px; top: 2px;}
	#searchCITMS1left label { color: #333; font-size: 14px;}
	
#searchCITMS1right { position: relative; width: 100%; float: left;}
	#searchCITMS1right select { width: 100%; font-size: 14px; font-weight: bold;}
	#searchCITMS1right textarea { width: 100%; height: 80px; font-size: 14px; font-weight: bold;}





/*2014 Navi*/
#menuNavi {width:100%; float:left; overflow:hidden; }
#menuNavi p{margin-left:13px; margin-right:13px; display:inline;}


#menuNavi #menuTop{display:block; line-height:100%; overflow:hidden !important; height:100% !important; width:100%; float:left; white-space: nowrap; padding-left:3px; font-size:14px; font-weight:bold; margin:0; }
#menuNavi #menuTop #mstrMenu {position:relative; white-space: nowrap; float:left; }
#menuNavi #menuTop #mstrMenu p { height:15px; padding:10px; }

#menuNavi #menuMiddle {display:block; line-height:100%; overflow:hidden !important; height:100% !important; width:100%; float:left; white-space: nowrap; padding-left:3px; font-size:14px; font-weight:bold; margin:0;}
#menuNavi #menuMiddle #mstrMenu2 {position:relative; white-space: nowrap; float:left;}
#menuNavi #menuMiddle #mstrMenu2 p { height:15px; padding:10px; }

#menuNavi #menuBottom {display:block; line-height:100%; overflow:hidden !important; height:100% !important; width:100%; float:left; white-space: nowrap; padding-left:3px; font-size:12px; font-weight:bold; margin:0;}
#menuNavi #menuBottom #mstrMenu3 {position:relative; white-space: nowrap; float:left;}


/*2014 Navi color*/
#menuNavi #menuTop {background:#a8dad3; color:#ffffff; background:url(/core/mobile/images/sky_green/navi/depth1_bg.gif) bottom repeat-x; padding:10px 0; }
#menuNavi #menuTop #depth1_on {background:#ffffff; color:#101f50; height:15px; padding:10px 10px; border-left:1px solid #dedede; border-right:1px solid #dedede;}

#menuNavi #menuMiddle {background:#ffffff; color:#868686; border-bottom:1px solid #b8d5f5; padding:10px 0;}
#menuNavi #menuMiddle #depth2_on {background-color:#ffffff; color:#619ada; height:15px; padding:10px 10px; background:url(/core/mobile/images/sky_green/navi/depth2_onbtbg.png) bottom center no-repeat; }

#menuNavi #menuBottom  {background:#b8d5f5; color:#6e91b9; padding:10px 0;}
#menuNavi #menuBottom #depth3_on {background:#b8d5f5; color:#ffffff; height:15px; padding:10px 10px;}
