/*---------------------------------------------------  header.css  ---------------------------------------------------------*/

@import url("/core/fonts/webfonts/font001.css");
/*--- common selector ---*/
html, button, input, select, textarea {font-family:'Nanum Gothic';}

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:'Nanum Gothic'; font-size: 12px; font-weight:normal;}
body{ font-family:'Nanum Gothic'; -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.css  ---------------------------------------------------------*/

/*탑메뉴*/
#window { width: 100%; align:center; float: left;}
#window #bg {position:relative; width:100%; float:left; background: #588d25 url(../../images/nice/bg/body_bg.jpg) center top repeat-x;}

#window #bg .headWrap { position: relative; width: 100%; height: 62px; float: left;}
#window #bg .headWrap .head { position: relative; width: 100%; height: 62px; float: left; background:#232323;}
#window #bg .headWrap .head .logo { position: relative; width: 100%; text-align: center; float: left;}
#window #bg .headWrap .head .headSiteMap { position: absolute; width:50px; height:50px; left: 5px; z-index:99;}
#window #bg .headWrap .head .headBack { position: absolute; width:50px; height:50px; right: 5px; z-index:99;}



/*메인이미지*/
.visualBox {position:relative; width:100%; float:left;}

.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left; -moz-border-radius: 21px; /*모질라*/
-webkit-border-radius: 21px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 3pt;  overflow:hidden;}
.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
.carousel-inner>.active{left:0}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}
.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5) 0),color-stop(rgba(0,0,0,.0001) 100%)); background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}
.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%)); background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000', GradientType=1)}
.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}
.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}
.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}
.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;}
.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}

/*controlNavi*/
.carousel-indicators{position:absolute;bottom: 10px;z-index:15; width: 100%; list-style:none;text-align:center; height: 20px;}
.carousel-indicators li{position:relative; top:-8px; display: inline-block; width: 20px; height: 20px; text-indent:-999px;cursor:pointer; background:url(../../images/nice/common/bullet.png) no-repeat;}
.carousel-indicators .active{margin:0;width: 25px; height: 20px; background:url(../../images/nice/common/bullet_on.png) no-repeat; }


/*메인메뉴*/
.MenuBox { position:relative; width:100%; height: 100%; float: left; padding-top: 20px; padding-bottom: 20px; background:url(../../images/nice/bg/MenuBox_bg.jpg) center top repeat-x;}
.MenuBox ul li {position:relative; width: 33.3%; float:left;}
.MenuBox ul p{position:relative; margin-top: 82px;}
.MenuBox ul p a.mainIcon{position:relative; width:25%; text-align:center; color:#252525; font-family:'Nanum Gothic'; font-size: 14px; font-weight:600; }

/*전광판*/
.boxList1 {position:relative; width:100%;margin:0 auto;}
.txt1 {position:relative; width:100%; height:34px;line-height:34px; vertical-align:middle; float:left; background:#232323; padding-top: 7px; padding-bottom: 7px; margin: 0px 0 0px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.txt1 a {font-size: 13px; color:#5f9929; padding-left:5px;  }


/*행사달력*/
.boxList2 {position:relative; width:100%;margin:0 auto;}
.txt2 {position:relative; width:100%; height:34px;line-height:34px; vertical-align:middle; float:left; background:#232323; padding-top: 7px; padding-bottom: 7px; margin: 0px 0 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.txt2 a {font-size: 13px; color:#5f9929; padding-left:5px;  }


/*게시판*/
.boxList2 {position:relative;width: 100%;margin:0 auto;}
.boxList2 .boxTitle {position:relative; width:100%; height: 30px; float:left;  color: #5f9929; font-size:16px; font-weight: 600; margin-top: 10px; background-color: #ffffff; padding-top: 11px; padding-left: 10px;}
.boxList2 .boxTitle p {padding:7px 0 0 10px; font-family: 'Nanum Gothic' !important; }

.boxList2 .boardList {position: relative; width: 100%; float:left; margin-top: 0px;}


.boxList2 .boardList .subject2 { position: relative; width: 100%; height: 40px; float: left; background-color:#363f47;}
.boxList2 .boardList .subject2 li { width: 100%; margin-top:10px;  margin-left:10px;}
.boxList2 .boardList .subject2 .mainLink2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: bold; color:#ffffff; padding: 0px 13px 0 5px;}


.sboardWrap{position:relative; float:left; width:96%; padding:2%; height: 100px;}
.sboardImg{position:relative; float:left; width:50%; height:100px;}  
.sboardImg img{position:absolute; left:5px; top:10px; width:115px; height:72px;}
.sboardTxt{position:relative; float:left; width:50%; height:100px; margin-top: 20px;}

.sboardTxt .sbj{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sboardTxt .sbj a{font-size:15px; color:#9cd06c; font-weight: 600; }
.sboardTxt .date01{position:relative; float:left; margin-top:10px; font-size:13px; font-weight: 600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.sboardTxt02{position:relative; float:left; width:100%; height:100px; margin-top:20px;}
.sboardTxt02 .sbj{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sboardTxt02 .sbj a{font-size:15px; color:#9cd06c; font-weight: 600; }
.sboardTxt02 .date01{position:relative; float:left; margin-top:10px; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%;}


/*달력*/
.boxList2 .calList {position: relative; width: 100%; float:left;  border-radius:3pt; box-shadow:2px 2px 5px #e6e6e6; background:#fff;}
.boxList2 .calList .calBox{position:relative; float:left; width: 96%; padding:2%; height:120px;}
.boxList2 .calList .calBox ul li{height:50px; border-bottom:1px solid #16232b; width:100%; margin-top:5px;}
.boxList2 .calList .calBox .cal_date{font-size:15px; color:#9cd06c; font-weight:600;}
.boxList2 .calList .calBox .cal_text{width:100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:5px;}



/*방송게시판*/
.svodWrap{position:relative; float:left; width:96%; padding:2%; height:120px;}
.svodImg{position:relative; float:left; width:50%; height:100px; background:url(../../images/nice/common/vodBG.png) no-repeat; } 
.svodTxt{position:relative; float:left; width:50%; height:100px; margin-top:20px;}
.svodTxt .sbj{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.svodTxt .sbj a{font-size:15px; color:#9cd06c; font-weight:600; }
.svodTxt .date{position:relative; float:left; margin-top:10px; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.line01{position:relative; float:left; height:1px; background:#091e2b; width:100%;}
.line02{position:relative; float:left; height:1px; background:#243037; width:100%;}

	/*플랙스슬라이드*/
	.carousel li { margin-right: 5px; }
	
	/* Direction Nav */
	.flex-direction-nav {*height: 0;}
	.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 40%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer;}
	.flex-direction-nav .flex-prev {width:46px; height:83px; background:url(../../images/nice/common/arrow_left.png);}
	.flex-direction-nav .flex-next {width:46px; height:83px; right:0px; text-align: right; background:url(../../images/nice/common/arrow_right.png);}
	.flexslider:hover .flex-prev { opacity: 0.7; left: 0px; }
	.flexslider:hover .flex-next { opacity: 0.7; right: 0px;  text-align: right; }
	.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
	.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
	.flex-direction-nav a:before  {  display: inline-block; }
	
	
	/* Control Nav */
	.flex-control-nav {width:100%; position: absolute; bottom: 10px; text-align: center;}
	.flex-control-nav li {display: inline-block; zoom: 1; *display: inline;}
	.flex-control-paging li a {width: 16px; height: 16px;  display: block; cursor: pointer; background:url(../../images/nice/common/bullet02.png) no-repeat;text-indent: -9999px; }
	.flex-control-paging li a:hover {background:url(../../images/nice/common/bullet02_on.png) no-repeat;text-indent: -9999px; }
	.flex-control-paging li a.flex-active { background:url(../../images/nice/common/bullet02_on.png) no-repeat;text-indent: -9999px; }


/*배너*/
.boxList3 {position:relative; width:100%; float:left; margin: 10px 0 0 0;}
.boxList3 ul li{position:relative; width:100%; height:45px; text-align:center;}



/*---------------------------------------------------  submain.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%; height: 150px; float:left;}
.footer .footBack { position: relative; width: 100%; height: 120px; float:left; padding: 15px 0 15px 0; background:#101010;}
.footer .footBack ul li {width:100%; text-align:center; color:#696969;}
.footer .BtnBox {position:relative; width:100%; float:left;}
.footer .footerBtn {position: relative; width: 190px; height: 46px; margin: auto; padding-left:70px; padding-right:60px;}
.footer .footBtn{position:relative; float:left; margin-right:15px;}


/*---------------------------------------------------   color.css  ---------------------------------------------------------*/
/* main */
body { background-color: #fff; color: #666;} /* basic font color & bgcolor */
a { color: #d1d1d1;}


/* subMain */
.titleTop { height: 46px; border-bottom: 2px solid #999999;}
.title { color: #2c2c2c;}
.submainSubject p { color: #000;} /* fontcolor */


/* broadcast */
.listSubjectInfo { color: #8e8e8e;} /* subject infocolor */


#containerContents { background: url(/core/mobile/images/defalt/bg/contents_1.gif) center top repeat-x; background-color: #fff;} /* backgroundimg & bgcolor */
	.contentsPhotoListInfo { color: #8e8e8e;} /* list subject info color */
	.paging strong { color: #555; background-color: #d5dff6; border:1px solid #999;} /* now paging box bgcolor */
	.contentsPhotoSubject strong { color: #ffa200;}
	.contents { background-color: #fff; color: #000; border: 1px solid #ccc;}


/* board */
.boardTop { border-bottom: 1px solid #aaa;}
.boardTop1 { color: #080808;}
.boardTop2 { color: #080808;}
.contentsPhotoListSubject { color: #000;} /* reply subject color */
.contentsPhotoListSubject2 { color: #000;} /* reply subject color */
.contentsPhotoListSubjectReply { color: #666;} /* reply subject color */
.contentsPhotoListSubjectReply2 { color: #000;} /* reply subject color */
.contentsView { background-color: #fff; border: 1px solid #fff;} /* view text box color */
.contentsViewSubject { color: #dfa44b;}
.viewInfo { color: #8e8e8e;}


/* business */
.businessView001 { border-top: 1px solid #a1a1a1;}


/* cafe */
.cafeTop, .cafeTop1, .cafeTop2 { color: #666;}
.cafeTopTitle { color: #333; border-bottom: 2px solid #c1d1f5;}
.cafeWrite001 { border-bottom: 1px solid #c1d1f5;}
.cafeRecetList001 { border-bottom: 1px solid #a1a1a1;}
.cafeRecetList002 { background-color: #d5dff6; border-bottom: 1px solid #a1a1a1;}


/* schedule */
.thSunday { color: #ff0000;}
.thSaturday { color: #002aff;}
.tdSunday { color: #ff4200;}
.tdSaturday { color: #006ac4;}
.past { color: #cccccc;}
.event { color: #333;}
.scheduleSubject a { color: #000;}
.scheduleSubjectdate { color: #ff4e00;}
.scheduleTitleLine {border-bottom:1px solid #9eb1db;}


/* food 키드팍사용*/
.food { width: 100%; background: url(/core/mobile/images/optimus_hotpink/common/food/food_bg.jpg);}
#food { position: relative; width: 320px; background: url(/core/mobile/images/optimus_hotpink/common/food/food_middle.jpg) repeat-y; display: inline-block;}
.foodTop { width: 320px; background: url(/core/mobile/images/optimus_hotpink/common/food/food_top.jpg) no-repeat;}
	.foodTh { color: #474747; background-color: #fbffc1; padding: 2px 4px;}
	.foodTh001 { color: #fbffc1; background-color: #60753c; text-align: center; padding: 2px 4px;}
	.foodTd001 { color: #fff; background-color: #60753c; text-align: left; padding: 2px 4px;}


/* webzine */
.webzinePage { color: #6475c7;}
.webzineView001 { border-bottom: 1px solid #a1a1a1;}
.webzineView002 { border-top: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1;}
.webzineView003 { border-top: 1px solid #a1a1a1;}

/* history */
.historyDate { color: #6e9c99;}

/* bible */
.searchBible a { color: #7f92be; background-color: #fff; border: 1px solid #7f92be;}
.searchText a { background-color: #7f92be; border: 1px solid #7f92be;}

.bibleChapter { color: #5e98db; font-weight: bold;}

/* people */
.peopleView001 { border-bottom: 1px solid #a1a1a1;}
.peopleView002 { border: 1px solid #fff;}
.peopleView003 { color: #8e8e8e; }
.peopleView004 { color: #8e8e8e;}

/* photo */
.photoInfo { color: #8e8e8e;}
.photoListMain001 { border-bottom: 1px solid #a1a1a1;}

/* login */
.loginCheck { color: #2c2c2c;}
.loginText a { color: #8e8e8e;}
.login001 { border-top: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1;}
.loginLine {}
.loginLine1 {}


/* citms */
.searchDetail { color: #333;}
.dataEdu thead tr th {color:#ffffff;}/*교육현황*/

#replyBg { background-color: #081e32;}

	.pagingBible { width: 100%; text-align: center;}
	.pagingBible a { display: inline-block; min-width: 37px; height: 21px; border: 1px solid #fff; 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; width: 37px; height: 21px; border: 1px solid #fff; line-height: 180%; margin: 0 5px 0 5px;}
	.cho_num { background-color: #0057c1;}



/*---------------------------------------------------  contents.css  ---------------------------------------------------------*/
#containerWrap { position: relative; width: 100%; float: left; background:#ffffff;}
	.ulBlank { padding: 0 14px;}
	.ulBlank li{ margin:0px; padding:0px; list-style:none; line-height:140%; vertical-align: middle; float:left;}

#containerContents { position: relative; width: 100%; float: left;}
#containerContents #containerWrap .ulBlank li { width: 100%; float: left;}

#box { position: relative; width: 100%; margin-top: 15px; float: left;}
#boxTitle { position: relative; width: 100%; float: left; background:url(/core/mobile/images/blackboard/bg/list_tit_bg.png)  top repeat-x; height:30px; padding-top:5px;}
.boxTitle { font-size: 14px; font-weight: bold; line-height:30px;}

#boxList { position: relative; margin-top: 0px; float: left; width: 100%; -webkit-border-radius: 10px; }
#boxListSubject { position: relative; width: 100%; float: left; background:#eee;}
#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 #c3c3c3;}




/* boradcast */
.title { width: 100%; font-size: 16px; padding-top: 9px; font-weight: bold;}

.contentsPhotoList { width: 100%;}
	.contentsPhotoListSubject {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: bold;}
	.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:#fff;}


/* board */
.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;}

.contentsPhotoListSubjectReply { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: bold;}
.contentsViewSubject { font-size: 14px; font-weight: bold;}
.contentsView { color: #000;}
	.contentsView li a { color: #666666;}
	#linkColor a { color: #666;}
#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 #a1a1a1; border-bottom:none; font-size: 14px; font-weight: bold;}
		.calendarTop { width: 100%; height: 29px; background: url(/core/mobile/images/defalt/bg/calendar_top_1.gif) repeat-x;}
		.thSunday {width: 40px; height: 29px; border-bottom: 1px solid #a1a1a1;}
		.th {width: 40px; height: 29px; border-bottom: 1px solid #a1a1a1;}
		.thSaturday {width: 40px; height: 29px; border-bottom: 1px solid #a1a1a1;}
		
		.tdSunday { height: 40px; border-bottom: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1;}
		.td { height: 40px; border-bottom: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1;}
		.tdSaturday { height: 40px; border-bottom: 1px solid #a1a1a1;}
		
		.event { display: block; padding: 12px; background-color: #fecd0b;}
		.today { padding: 12px; background-color: #dbdbdb;}
		
	.scheduleSubject { width: 290px; border: 1px solid #a1a1a1; 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; min-width: 37px; height: 21px; border: 1px solid #fff; 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; width: 37px; height: 21px; border: 1px solid #999; line-height: 180%; margin: 0 5px 0 5px;}
	.cho_num { background-color: #d5dff6;}


/* 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%;}


/* people */
.peopleView003 {width:100%; white-space:pre-line; word-break:break-all;}


/* 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 #787878; background-color: #ddd;}
	.tabArea a { display: block;}
.tabTextArea { width: 100%; border: 1px solid #ddd; 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 th { background-color: #153a63; height: 25px; padding: 4px;}
.dataEdu td { background-color: #fff; color: #333; padding: 4px; text-align: center;}

.dataView th { background-color: #a8c9e0; padding: 4px; color: #23597e;}
.dataView td { background-color: #fff; color: #333; padding: 4px; text-align: center;}


/* 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(/core/mobile/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:15px !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:15px !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:15px !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:#515151; background:url(/core/mobile/images/nice/navi/depth1_bg.gif) bottom repeat-x; padding:10px 0; }
#menuNavi #menuTop #depth1_on {background:#ffffff; color:#416260; height:15px; padding:10px 10px; border-left:1px solid #878787; border-right:1px solid #878787;}

#menuNavi #menuMiddle {background:#ffffff; color:#636363; border-bottom:1px solid #7da29d; padding:10px 0;}
#menuNavi #menuMiddle #depth2_on {background-color:#ffffff; color:#416260; height:15px; padding:10px 10px; background:url(/core/mobile/images/nice/navi/depth2_onbtbg.png) bottom center no-repeat; }

#menuNavi #menuBottom  {background:#416260; color:#bed5d3; padding:10px 0;}
#menuNavi #menuBottom #depth3_on {background:#416260; color:#ffffff; height:15px; padding:10px 10px;}