/*----------------- 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: 66px; background: url(/core/mobile/images/yellowish_green/bg/head_middle2.gif) right repeat-x; float: left;} #headLeft { position: absolute; left: 0; top: 0; width: 320px; height: 65px;} #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; line-height: 100%;} #headButtonLeft { position: absolute; left: 14px; top: 23px;} #headButtonRight { position: absolute; right: 14px; top: 23px;} #headBottom { position: absolute; left: 0; top: 0; width: 100%; height: 5px; background-color: #8fc31f; text-align: center;} /*----------------- main.css -------------------------*/ #containerMain { position: relative; width: 100%; background: url(/core/mobile/images/yellowish_green/bg/main_container2.jpg) center top repeat-x; float: left;} #containerWrap { position: relative; float: left;} #mainIcon { position: relative; margin-top: 10px; margin-bottom: 20px; float: left;} .mainIcon { display: block; width: 100px; margin:0 auto; padding-top: 75px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration:none; color:#486a00;} .mainIcon2 { display: block; width: 100px; margin:0 auto; padding-top: 100px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration:none; color:#486a00;} #box { position: relative; width: 100%; margin-top: 10px; float: left;} #boxTitle { position: relative; width: 100%; float: left; -webkit-border-radius: 6px; background-color:#b3d465;padding-bottom:2px;} .boxTitle { font-size: 14px; font-weight: bold; color:#434343; } #boxList { position: relative; margin-top: 3px; float: left; width: 100%; -webkit-border-radius: 10px; border: 1px solid;} #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;} #photo{ position: relative; width: 25%; float: left; text-align: center; padding-top:5px; padding-bottom:5px;} #photo_Box { display: inline-block; width: 60px; text-align: center;} .photo_s { display: table-cell; width: 60px; height: 50px; vertical-align: middle; background-color: #fff;} #banner { position: relative; width: 100%; height: 45px; margin-top: 15px; float: left;} #banner a { width: 100%; height: 45px; display: block;} #memo{position:relative; width:100%; height:23px; float:left; -webkit-border-radius: 10px; background: url(/core/mobile/images/yellowish_green/bg/mbg_center.gif) repeat-x; border: 3px solid #8fc31f; margin-top:10px;} .memo{font-size: 14px; font-weight: bold; color:#fff;} /* menuNavigation */ #menuNavi { position: relative; width: 100%; float: left;} #menuTop { position: relative; width: 100%; height: 37px; background-color:#a1ce42; 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/yellowish_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/yellowish_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: #486a00; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #menudepth1TxtOnRight { position: absolute; right: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/yellowish_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;} #menudepth1BottomArea { position: relative; width: 100%; background: url(/core/mobile/images/yellowish_green/navi/depth1_bottom_middle.png) repeat-x; float: left;} #menudepth1BottomBg { position: relative; width: 25%; height: 8px; float: left;} #menudepth1BottomBgOn { position: relative; width: 25%; height: 8px; float: left;} #menudepth1BottomBgOnColor { position: relative; width: 100%; height: 8px; background-color: #d0e3a1; float: left;} #menudepth1BottomRight { position: absolute; right: 0; top: 0; width: 20px; height: 8px;} /* 뎁스메뉴1만 활성시 시작 */ .depthOnly1OnText { width: 100%; text-align: center; font-weight: bold; color: #486a00; 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/yellowish_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/yellowish_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/yellowish_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/yellowish_green/navi/depth3_bottom_middle.png) repeat-x; float: left;} #menudepthOnly1BottomBg { position: relative; width: 25%; height: 8px; float: left;} #menudepthOnly1BottomBgOn { position: relative; width: 25%; height: 8px; float: left;} #menudepthOnly1BottomBgOnColor { position: relative; width: 100%; height: 8px; background-color: #e9fdb7; float: left;} #menudepthOnly1BottomRight { position: absolute; right: 0; top: 0; width: 20px; height: 8px;} /* 뎁스메뉴1만 활성시 끝 */ #menudepth2 { position: relative; width: 100%; background-color: #d0e3a1; float: left;} #menudepth2Left { position: absolute; left: 0; top: 0; width: 20px; height: 100%; background: url(/core/mobile/images/yellowish_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/yellowish_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/yellowish_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: #6d9e02; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #menudepth2TxtOnRight { position: absolute; right: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/yellowish_green/navi/depth2_on_right.png) no-repeat;} .depth2block { display: block; color: #486a00;} #menudepth2Right { position: absolute; right: 0; top: 0; width: 20px; height: 100%; background: url(/core/mobile/images/yellowish_green/navi/depth2_bg_right.gif) right repeat-y;} #menudepth2Bottom { position: relative; width: 100%; height: 8px; background: url(/core/mobile/images/yellowish_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/yellowish_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/yellowish_green/navi/depth2_bottom_middle.png) repeat-x; float: left;} #menudepth2BottomBgOn { position: relative; width: 33%; height: 8px; background: url(/core/mobile/images/yellowish_green/navi/depth2_bottom_middle.png) repeat-x; float: left;} #menudepth2BottomBgOnColor { position: relative; width: 100%; height: 8px; background-color: #e7f2cb; float: left;} #menudepth2BottomRight { position: absolute; right: 0; top: 0; width: 20px; height: 8px; background: url(/core/mobile/images/yellowish_green/navi/depth2_bg_right.gif) right repeat-y;} #menudepth3 { position: relative; width: 100%; background-color: #e7f2cb; float: left;} #menudepth3Left { position: absolute; left: 0; top: 0; width: 20px; height: 100%; background: url(/core/mobile/images/yellowish_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/yellowish_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/yellowish_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/yellowish_green/navi/depth3_on_right.png) no-repeat;} .depth3block { display: block; color: #6d9e02;} #menudepth3Right { position: absolute; right: 0; top: 0; width: 20px; height: 100%; background: url(/core/mobile/images/yellowish_green/navi/depth3_bg_right.gif) right repeat-y;} #menudepth3Bottom { position: relative; width: 100%; height: 8px; background: url(/core/mobile/images/yellowish_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/yellowish_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/yellowish_green/navi/depth3_bottom_middle.png) repeat-x; float: left;} #menudepth3BottomBgOn { position: relative; width: 33%; height: 8px; background: url(/core/mobile/images/yellowish_green/navi/depth3_bottom_middle.png) repeat-x; float: left;} #menudepth3BottomBgOnColor { position: relative; width: 100%; height: 8px; background-color: #e9fdb7; float: left;} #menudepth3BottomRight { position: absolute; right: 0; top: 0; width: 20px; height: 8px; background: url(/core/mobile/images/yellowish_green/navi/depth3_bg_right.gif) right repeat-y;} #contentsBgLeft { position: absolute; left: 0; width: 20px; height: 100%; background: url(/core/mobile/images/yellowish_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/yellowish_green/navi/depth4_bg_right.gif) right repeat-y; float: left;} #containerSubWrap { position: relative; width: 100%; background-color: #e9fdb7; float: left;} .sideBlank { padding: 0 2px;} .sideBlank li{ margin:0px; padding:0px; list-style:none; line-height:140%; vertical-align: middle; float:left;} #containerNewWrap { position: relative; width: 100%; background-color: #fff; float: left;} #meno { position: relative; width: 100%; float: left; border: 1px solid red;} .memo{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: bold; color:#fff; width: 100%;} /*----------------- 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: 80px; repeat-x; background-color:#e9fdb6; float: left; margin-top:0px; } #footerInfor { position: absolute; width: 100%;background-color:#e9fdb6;} #footerInfor li { width: 100%; text-align: center; margin-top: 13px; line-height: 160%;} #footerInfor li p { font-weight: normal; font-size: 12px; color: #99a6ad;} /*----------------- color.css -------------------------*/ /*-------------------------------------------------------------- defalt --------------------------------------------------------------*/ /* main */ body { background-color: #ffffff; color: #434343;} /* basic font color & bgcolor */ a { color: #434343;} #boxList { border-color: #b3d465; background-color: #fff;} /* recent box line color bgcolor */ .mainLink { color: #000;} /* main link color */ .subjectInfo { color: #8e8e8e; line-height:160%;} /* main subject info color */ /* subMain */ .submainSubject p { color: #000;} /* fontcolor */ /* broadcast */ .listSubjectInfo { color: #8e8e8e;} /* subject infocolor */ #containerContents {background: url(/core/mobile/images/yellowish_green/bg/main_container2.jpg) center top repeat-x; background-color: #ffffff;} /* backgroundimg & bgcolor */ .yellowishBg {background: url(/core/mobile/images/yellowish_green/bg/main_container2.jpg) center top repeat-x; background-color: #ffffff;} /* backgroundimg & bgcolor */ .contentsPhotoListInfo { color: #8e8e8e;} /* list subject info color */ .paging a {border:1px solid #cfcfcf;} /* now paging box bgcolor */ .paging strong { color: #fff; background-color: #508507;} /* now paging box bgcolor */ .contentsPhotoSubject strong { color: #005e15;} .contents { background-color: #fff; color: #000; border: 1px solid #ccc;} /* board */ .title { font-size: 16px; color: #4f9e0e;} .boardTop { border-bottom: 1px solid #84a455; background-color: #c4ea8d;} .contentsPhotoListSubjectReply { color: #777777;} /* reply subject color */ .contentsView { background-color: #fff; border: 1px solid #dddddd;} /* view text box color */ .viewInfo { color: #8e8e8e;} /* cafe */ .cafeTop, .cafeTop1, .cafeTop2 { color: #5e98db;} .cafeTopTitle { color: #4f9e0e;} .cafeRecetList002{background-color:#ffffff; border-bottom:1px solid #b3d465;} /* 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: #5ea206;} /* webzine */ .webzinePage { color: #4f9e0e;} .webzineView002 { background-color: #e9fdb7;} /* people */ .peopleView001 { border-bottom: 1px solid #cfcfcf; color:#535353;} .peopleView002 { border: 1px solid #cae48a; } .peopleView003 { color: #9c9c9c;} .peopleView003 a { color: #9c9c9c;} .peopleView004 { color: #282828;} /* history */ .historyDate { color: #005e15;} /* bible */ .searchBible a { color: #6a8c20; background-color: #fff; border: 1px solid #6a8c20;} .searchText a { background-color: #6a8c20; border: 1px solid #6a8c20;} .bibleChapter { color: #638c0b; font-weight: bold;} /* photo */ .photoInfo { color: #8e8e8e;} .photoListMain001{border-bottom:1px solid #b3d465;} /* login */ .loginCheck { color: #0f4100;} .loginText a { color: #8e8e8e;} .loginLine { border-bottom: 1px solid #b3d456;} .loginLine1 { border-top: 1px solid #b3d456; border-bottom: 1px solid #b3d456;} #replyBg { background-color: #fff;} /*----------------- contents.css -------------------------*/ #containerWrap { position: relative; width: 100%; float: left;} .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 */ .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; 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 */ .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;} .contentsView { color: #000;} #AB_viewContent li { line-height:1.3;} .btnList { position: absolute; right: 0; bottom: 0;} .viewBtnBottom a { padding: 5px; color: #000;} .viewUpDown { width: 100%; font-size: 14px;} .viewUpDown a { display: block; padding: 5px 0; color:#000;} .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 #7baf3d; font-size: 14px; font-weight: bold;} .calendarTop { width: 100%; height: 29px; background: url(../../images/defalt/bg/calendar_top_1.gif) repeat-x;} .thSunday {width: 40px; height: 29px; border-bottom: 1px solid #7baf3d;} .th {width: 40px; height: 29px; border-bottom: 1px solid #7baf3d;} .thSaturday {width: 40px; height: 29px; border-bottom: 1px solid #7baf3d;} .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 #7baf3d; 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 #fff; line-height: 180%; margin: 0 5px 0 5px;} .cho_num { background-color: #508507; color:#ffffff;} /* 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: #fff;} .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 #bec211; background-color: #eaec8e;} .tabArea a { display: block; color: #767900;} .tabTextArea { width: 100%; border: 1px solid #bec211; 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: #d9db88;} /* 테이블테두리 */ .dataEdu th { background-color: #eff1ab; height: 25px; padding: 4px; color: #999d00;} .dataEdu td { background-color: #fff; color: #333; padding: 4px; text-align: center;} .dataView { background-color: #d9db88;} .dataView th { background-color: #eff1ab; padding: 4px; color: #999d00;} .dataView td { background-color: #fff; color: #333; padding: 4px; text-align: center;} .citmsTitleBottom { border-bottom: 1px solid #bcc000; background-color: #fff;} /* 타이틀 밑선 */ .citmsListBottom { border-bottom: 1px solid #a1a1a1;} /* 리스트 구분선 */ .calendarBottom { border-bottom: 1px solid #bcc000; 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:#909090; background:url(/core/mobile/images/yellowish_green/navi/depth1_bg.gif) bottom repeat-x; padding:10px 0; } #menuNavi #menuTop #depth1_on {background:#ffffff; color:#242424; height:15px; padding:10px 10px; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7;} #menuNavi #menuMiddle {background:#ffffff; color:#7e7e7e; border-bottom:1px solid #a5c45b; padding:10px 0;} #menuNavi #menuMiddle #depth2_on {background-color:#ffffff; color:#89ae33; height:15px; padding:10px 10px; background:url(/core/mobile/images/yellowish_green/navi/depth2_onbtbg.png) bottom center no-repeat; } #menuNavi #menuBottom {background:#a5c45b; color:#e7ffaf; padding:10px 0;} #menuNavi #menuBottom #depth3_on {background:#a5c45b; color:#ffffff; height:15px; padding:10px 10px;}