/*---------------------------------------------------  header.css  ---------------------------------------------------------*/
/*--- common selector ---*/
@import url("/core/fonts/webfonts/font001.css"); 
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
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:dotum,'돋움',sans-serif; font-size: 12px; font-weight:normal;}
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.css  ---------------------------------------------------------*/

/*-----------------  main.css  게시판목록,웹진 사용 지우면 안돼요-----------------------*/
#containerMain { position: relative; width: 100%; float: left; background:#fff;}
#containerWrap { position: relative; 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:#ddd;}
#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;}



/*탑메뉴*/
#window { width: 100%; align:center; float: left;}
#window #bg {position:relative; width:100%; float:left; background:#ffd941; }
#window #bg .headWrap { position: relative; width: 100%; height: 55px; background:url(../../images/bigsquare/bg/bg.jpg) left top repeat; float: left;}
#window #bg .headWrap .head { position: relative; width: 100%; height: 53px; float: left;}
#window #bg .headWrap .head .logo { position: relative; width: 100%; text-align: center; float: left;}
#window #bg .headWrap .head .headSiteMap { position: absolute; width:22px; height:22px; left: 15px; top: 14px; z-index:99;}
#window #bg .headWrap .head .headBack { position: absolute; width:22px; height:22px; right: 15px; top: 14px; 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}
.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.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5) 0),color-stop(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='#00000000', 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:40%;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;font-family:serif}
.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}
.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}
.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff; border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}


/*메인메뉴*/
.MenuBox { position:relative; width:100%; float:left; margin:0; background:url(../../images/bigsquare/bg/bg.jpg) left top repeat; font-family: /*Nanum Gothic*/Nanum Gothic Coding; font-size:18px; font-weight:bold; color:#ffffff;}
.MenuBox a { color:#ffffff; font-size:18px; font-weight:bold;}
.MenuBox div {position:relative; width:50%; float:left;}
.MenuBox div p{position:relative; margin-top:20px;}
.MenuBox ul a.mainIcon{position:relative; width:50%; text-align:center; color:#ffffff; font-family: /*Nanum Gothic*/Nanum Gothic Coding; font-size:18px; font-weight:bold; }

/*전광판*/
.boxList1 {position:relative; width:100%; float:left;}
.txt1 {position:relative; width:100%; height:25px; float:left; padding-top:10px; background:url(../../images/bigsquare/bg/bg.jpg) left top repeat; margin:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#ffffff;}
.txt1 a {font-size: 12px; color:#ffffff; padding-left:5px;  font-weight:700;}

/*배너*/
.boxList2 {position:relative; width:100%; float:left; margin:0; background:url(../../images/bigsquare/bg/bg.jpg) left top repeat;}
.boxList2 ul li{position:relative; width:100%; height:50px; text-align:center;}


/*일반게시판*/
.boxList2 .boardList .subject { position: relative; width: 100%; height: 50px; float: left; }
.boxList2 .boardList .subject li { width: 100%; }
.boxList2 .boardList .subject img {margin:5px 0 5px 10px;}
.boxList2 .boardList .subject li a { display: block; }
.boxList2 .boardList .subject .mainLink { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: bold; color:#666666; padding: 8px 13px 0 0;}
.boxList2 .boardList .subject .mainLink2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: bold; color:#666666; padding: 8px 13px 5px 13px;}
.boxList2 .boardList .subject .info { text-overflow: clip; white-space: nowrap; font-size: 12px; color:#939393; padding: 3px 13px 0 13px;}


/*게시판*/
.boxList3 {position:relative; width:100%; float:left; margin:0;}
.boxList3 .boxTitle {position:relative; width:100%; height:35px; float:left; background:url(../../images/bigsquare/bg/bg.jpg) left top repeat; color:#ffffff; font-size:15px; font-weight:bold;}
.boxList3 .boxTitle p {padding:10px 0 0 10px; font-family: Nanum Gothic Coding; }

.boxList3 .boardList {position: relative; width: 100%; float:left;  background:#f2f2f2;}
.boxList3 .boardList .subject { position: relative; width: 100%; height: 50px; float: left; }
.boxList3 .boardList .subject li { width: 100%; }
.boxList3 .boardList .subject img {margin:5px 13px 5px 10px;}
.boxList3 .boardList .subject li a { display: block; }
.boxList3 .boardList .subject .mainLink { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: bold; color:#666666; padding: 8px 13px 0 0;}
.boxList3 .boardList .subject .mainLink2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: bold; color:#666666; padding: 8px 13px 5px 13px;}
.boxList3 .boardList .subject .info { text-overflow: clip; white-space: nowrap; font-size: 12px; color:#939393; padding: 3px 13px 0 13px;}

.boxList3 #line { width: 100%; float: left; height: 1px; border-bottom:1px solid #e1e1e1;}

.write .input_file {color:#000000;}


/*---------------------------------------------------  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:97px; float:left; font-family: 'Nanum Gothic Coding'.'sans-serif';}
.footer .footBack { position: relative; width: 100%; min-height: 50px; float:left; background:url(../../images/bigsquare/bg/bottom_bg.gif) left top repeat; padding:20px 0 5px 0; border-bottom::1px solid #000;}
.footer .footBack ul li {width:100%; text-align:center; color:#ffffff;}
.footer .BtnBox {position:relative; width:100%; background:url(../../images/bigsquare/bg/btnbg.gif) repeat-x; float:left;}
.footer .footerBtn {position: relative; width: 320px; height: 36px; margin: auto;}


/*---------------------------------------------------   color.css  ---------------------------------------------------------*/
/* main */
body { background-color: #fff; color: #666;} /* basic font color & bgcolor */
a { color: #615e71;}

/* 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: #dfa800;}

/* bible */
.searchBible a { color: #ffc000; background-color: #fff; border: 1px solid #ffc000;}
.searchText a { background-color: #ffc000; border: 1px solid #ffc000;}

.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;}


/* 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:#ffffff; background:url(/core/mobile/images/bigsquare/navi/depth1_bg.gif) bottom repeat-x; padding:10px 0; }
#menuNavi #menuTop #depth1_on {background:#ffffff; color:#ffc000; height:15px; padding:10px 10px; border-left:1px solid #ffc000; border-right:1px solid #ffc000;}

#menuNavi #menuMiddle {background:#ffffff; color:#ffcb2a; border-bottom:1px solid #ffc000; padding:10px 0;}
#menuNavi #menuMiddle #depth2_on {background-color:#ffffff; color:#888888; height:15px; padding:10px 10px; background:url(/core/mobile/images/bigsquare/navi/depth2_onbtbg.png) bottom center no-repeat; }

#menuNavi #menuBottom  {background:#fdeca9; color:#888888; padding:10px 0;}
#menuNavi #menuBottom #depth3_on {background:#ffd941; color:#ffffff; height:15px; padding:10px 10px;}
