/*----------------- 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(../../../images/hope_church/bg/head_bg.png) repeat-x;} #headLeft { position: absolute; left: 0; top: 0; width: 320px; height: 60px; background: url(../../../images/hope_church/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 이영선 ----------------------*/ #window01 { width: 100%; align:center; float: left; background-color: #fff;} #headWrap { position: relative; width: 100%; height: 53px; background: url(/core/mobile/images/hope_church/bg/bg_header_1.gif) repeat; float: left;} #head01 { position: relative; width: 100%; height: 53px; float: left;} #logo01 { position: relative; width: 100%; text-align: center; float: left;} #headSiteMap { position: absolute; left: 0; top: 0;} #headBack { position: absolute; right: 0; top: 0;} #headBottom01 { position: relative; width: 100%; height: 44px; background: url(/core/mobile/images/hope_church/bg/bg_middle.gif) repeat; float: left; border-bottom:1px solid #85827c;} #topBtn { position: relative; width: 320px; height: 44px; margin: auto;} #topBtn ul li {padding:8px;} /* menuNavigation */ #menuNavi { position: relative; width: 100%; float: left;} #menuTop { position: relative; width: 100%; height: 37px; background: url(/core/mobile/images/hope_church/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; float: left;} #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/hope_church/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/hope_church/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: #980045; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #menudepth1TxtOnRight { position: absolute; right: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/hope_church/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/hope_church/navi/depth1_bottom_middle.png) repeat-x; float: left;} #menudepth1BottomBgOn { position: relative; width: 25%; height: 8px; background: url(/core/mobile/images/hope_church/navi/depth1_bottom_middle.png) repeat-x; float: left;} #menudepth1BottomBgOnColor { position: relative; width: 100%; height: 8px; background-color: #ff9ebc; float: left;} #menudepth1BottomRight { position: absolute; right: 0; top: 0; width: 20px; height: 8px;} /* 뎁스메뉴1만 활성시 시작 */ #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/hope_church/navi/depth3_on_left.png) no-repeat;} #menudepthOnly1TxtOnMiddle { position: relative; width: 100%; height: 20px; float: left;} #menudepthOnly1TxtOnMiddleBg { position: relative; width: 100%; height: 20px; background: url(/core/mobile/images/hope_church/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/hope_church/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;} #menudepthOnly1BottomBg { position: relative; width: 25%; height: 8px; background: url(/core/mobile/images/hope_church/navi/depth3_bottom_middle.png) repeat-x; float: left;} #menudepthOnly1BottomBgOn { position: relative; width: 25%; height: 8px; background: url(/core/mobile/images/hope_church/navi/depth3_bottom_middle.png) repeat-x; float: left;} #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: #ff9ebc; float: left;} #menudepth2Left { position: absolute; left: 0; top: 0; width: 20px; height: 100%; background: url(/core/mobile/images/hope_church/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;} #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/hope_church/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/hope_church/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: #f2638e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #menudepth2TxtOnRight { position: absolute; right: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/hope_church/navi/depth2_on_right.png) no-repeat;} .depth2block { display: block; color: #980045;} #menudepth2Right { position: absolute; right: 0; top: 0; width: 20px; height: 100%; background: url(/core/mobile/images/hope_church/navi/depth2_bg_right.gif) right repeat-y;} #menudepth2Bottom { position: relative; width: 100%; height: 8px; background: url(/core/mobile/images/hope_church/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/hope_church/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/hope_church/navi/depth2_bottom_middle.png) repeat-x; float: left;} #menudepth2BottomBgOn { position: relative; width: 33%; height: 8px; background: url(/core/mobile/images/hope_church/navi/depth2_bottom_middle.png) repeat-x; float: left;} #menudepth2BottomBgOnColor { position: relative; width: 100%; height: 8px; background-color: #ffd8e4; float: left;} #menudepth2BottomRight { position: absolute; right: 0; top: 0; width: 20px; height: 8px; background: url(/core/mobile/images/hope_church/navi/depth2_bg_right.gif) right repeat-y;} #menudepth3 { position: relative; width: 100%; background-color: #ffd8e4; float: left;} #menudepth3Left { position: absolute; left: 0; top: 0; width: 20px; height: 100%; background: url(/core/mobile/images/hope_church/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;} #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/hope_church/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/hope_church/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/hope_church/navi/depth3_on_right.png) no-repeat;} .depth3block { display: block; color: #f2638e;} #menudepth3Right { position: absolute; right: 0; top: 0; width: 20px; height: 100%; background: url(/core/mobile/images/hope_church/navi/depth3_bg_right.gif) right repeat-y;} #menudepth3Bottom { position: relative; width: 100%; height: 8px; background: url(/core/mobile/images/hope_church/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/hope_church/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/hope_church/navi/depth3_bottom_middle.png) repeat-x; float: left;} #menudepth3BottomBgOn { position: relative; width: 33%; height: 8px; background: url(/core/mobile/images/hope_church/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/hope_church/navi/depth3_bg_right.gif) right repeat-y;} #contentsBgLeft { position: absolute; left: 0; width: 20px; height: 100%; background: url(/core/mobile/images/hope_church/navi/depth4_bg_left.gif) left repeat-y; float: left;} #contentsBgRight { position: absolute; right: 0; width: 20px; height: 100%; background: url(/core/mobile/images/hope_church/navi/depth4_bg_right.gif) right repeat-y; float: left;} #location { position: relative; width: 100%; text-align: right; float: left;} .locationHome { display: block; height: 54px; float: left;} .locationdepth1 { display: block; height: 54px; float: left; color: #fff;} .locationdepth2 { display: block; height: 54px; float: left; color: #fff;} .locationdepth3 { display: block; height: 54px; float: left; color: #fff;} /*----------------- flexslider.css -------------------------*/ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0; width:100%;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block; } .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0 0 60px; position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0; overflow: hidden;} .flex-direction-nav a {width: 100%; height: 70px; margin: -20px 0 0; display: block; background: url(/core/mobile/images/hope_church/_main/nav.png) no-repeat 0 0; position: absolute; top: 40%; z-index: 99; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: 0px; } .flex-direction-nav .flex-prev {left: 0px;} .flexslider:hover .flex-next {opacity: 0.8; right: 10px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 10px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {float:center;width: 100%;position: absolute; bottom: -20px; z-index:999; overflow: hidden;} .flex-control-nav li {margin: 0 7px; display: inline-block; zoom: 1; *display: inline; overflow: hidden;} .flex-control-paging li a {width: 10px; height: 10px; display: block; background: #fff; background: rgba(255,255,255,90); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(130,130,130,50);} .flex-control-paging li a:hover { background: #4f9ac9; background: rgba(255,190,50,90); } .flex-control-paging li a.flex-active { background: #4f9ac9; background: rgba(255,190,50,90); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } /*----------------- font-awesome.min.css -------------------------*/ /*! * Font Awesome 3.0.2 * the iconic font designed for use with Twitter Bootstrap * ------------------------------------------------------- * The full suite of pictographic icons, examples, and documentation * can be found at: http://fortawesome.github.com/Font-Awesome/ * * License * ------------------------------------------------------- * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - * http://opensource.org/licenses/mit-license.html * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" * Contact * ------------------------------------------------------- * Email: dave@davegandy.com * Twitter: http://twitter.com/fortaweso_me * Work: Lead Product Designer @ http://kyruus.com */ @font-face{ font-family:'FontAwesome'; src:url('../font/fontawesome-webfont.eot?v=3.0.1'); src:url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight:normal; font-style:normal } [class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;margin-top:0}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}a [class^="icon-"],a [class*=" icon-"]{display:inline-block}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em}.btn [class^="icon-"],.nav [class^="icon-"],.btn [class*=" icon-"],.nav [class*=" icon-"]{display:inline}.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block}.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em}li [class^="icon-"],.nav li [class^="icon-"],li [class*=" icon-"],.nav li [class*=" icon-"]{display:inline-block;width:1.25em;text-align:center}li [class^="icon-"].icon-large,.nav li [class^="icon-"].icon-large,li [class*=" icon-"].icon-large,.nav li [class*=" icon-"].icon-large{width:1.5625em}ul.icons{list-style-type:none;text-indent:-0.75em}ul.icons li [class^="icon-"],ul.icons li [class*=" icon-"]{width:.75em}.icon-muted{color:#eee}.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.pull-right{float:right}.pull-left{float:left}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em}.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em}.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em}.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em}.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em}.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@-moz-document url-prefix(){.icon-spin{height:.9em}.btn .icon-spin{height:auto}.icon-spin.icon-large{height:1.25em}.btn .icon-spin.icon-large{height:.75em}}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-share-alt:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up:before{content:"\f087"}.icon-thumbs-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-lightbulb:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-alt:before{content:"\f0f3"}.icon-coffee:before{content:"\f0f4"}.icon-food:before{content:"\f0f5"}.icon-file-alt:before{content:"\f0f6"}.icon-building:before{content:"\f0f7"}.icon-hospital:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0fa"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-sign:before{content:"\f0fd"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-double-angle-left:before{content:"\f100"}.icon-double-angle-right:before{content:"\f101"}.icon-double-angle-up:before{content:"\f102"}.icon-double-angle-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before{content:"\f10b"}.icon-circle-blank:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-reply:before{content:"\f112"}.icon-github-alt:before{content:"\f113"}.icon-folder-close-alt:before{content:"\f114"}.icon-folder-open-alt:before{content:"\f115"} /*----------------- main.css -------------------------*/ /*-------------------------------------------------------------- 이영선 --------------------------------------------------------------*/ .sideBlank { padding: 0 1px;} .sideBlank li{ margin:0px; padding:0px; list-style:none; line-height:140%; vertical-align: middle; float:left;} #mainContainer { position: relative; width: 100%; background: url(/core/mobile/images/hope_church/bg/bg_middle.gif) repeat; float: left; padding-bottom:25px;} #mainImg { position: relative; width: 100%; height: 237px; text-align: center; background: url(/core/mobile/images/hope_church/bg/bg_middle.gif) repeat; float: left;} #menuArea { position: relative; width: 100%; float: left;} #menu { position: relative; width: 100%; height: 90px; float: left;} #menuBox { position: relative; width: 33.3%; height: 90px; text-align: center; float: left;} #menuInBox { position: relative; width: 100px; height: 70px; margin: 0 auto;} #menuInBoxIcon { position: relative; width: 100px; float: left;} #menuInBoxText { position: relative; width: 100px; height:20px; float: left; color:#ffffff;padding-top:2px;} #menuBottom { position: relative; width: 100%; height: 2px; float: left;} #banner01 { position: relative; width: 100%; text-align: center; background: url(/core/mobile/images/hope_church/bg/bg_middle.gif) repeat; float: left;padding:2px 0;} /* 메인옵션 출력 */ #box01 { position: relative; width: 100%; margin-top: 0px; float: left; } #boxTitle01 { position: relative; width: 100%; float: left;height:24px;padding-top:7px;} .boxTitle { font-size: 12px; font-weight: bold; color: #fff;} #boxList01 { position: relative; margin-top: 7px; float: left; width: 100%;} #boxListSubject01 { position: relative; width: 100%; float: left;} #boxListSubject01 li { width: 100%;} #boxListSubject01 li a { display: block;} .mainLink { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; 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;} #box2 { position: relative; width: 100%; height:34px; float: left; background: url(/core/mobile/images/hope_church/bg/bg_tit_01.gif) no-repeat;} #boxList2 { position: relative; float: left; width: 100%;padding:10px 0 0 0px;} .alim_txt a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px;color:#00fff0; margin-left:18px;} #containerMain { position: relative; width: 100%; float: left; } #containerMain2 { position: relative; width: 100%; background: url(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/navi/depth1_bottom_middle.png) repeat-x; float: left;} #menudepth1BottomBgOn { position: relative; width: 25%; height: 8px; background: url(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/navi/depth3_on_middle.png) top repeat-x; float: left;} #menudepthOnly1TxtOnRight { position: absolute; right: 0; top: 0; width: 8px; height: 20px; background: url(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/navi/depth2_bg_right.gif) right repeat-y;} #menudepth2Bottom { position: relative; width: 100%; height: 8px; background: url(../../../images/hope_church/navi/depth2_bottom_middle.png) repeat-x; float: left;} #menudepth2BottomLeft { position: absolute; left: 0; top: 0; width: 20px; height: 8px; background: url(../../../images/hope_church/navi/depth2_bg_left.gif) repeat-y;} #menudepth2BottomMiddle { position: relative; width: 100%; float: left;} #menudepth2BottomBg { position: relative; width: 33%; height: 8px; background: url(../../../images/hope_church/navi/depth2_bottom_middle.png) repeat-x; float: left;} #menudepth2BottomBgOn { position: relative; width: 33%; height: 8px; background: url(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/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(../../../images/hope_church/navi/depth3_bg_right.gif) right repeat-y;} #menudepth3Bottom { position: relative; width: 100%; height: 8px; background: url(../../../images/hope_church/navi/depth3_bottom_middle.png) repeat-x; float: left;} #menudepth3BottomLeft { position: absolute; left: 0; top: 0; width: 20px; height: 8px; background: url(../../../images/hope_church/navi/depth3_bg_left.gif) repeat-y;} #menudepth3BottomMiddle { position: relative; width: 100%; float: left;} #menudepth3BottomBg { position: relative; width: 33%; height: 8px; background: url(../../../images/hope_church/navi/depth3_bottom_middle.png) repeat-x; float: left;} #menudepth3BottomBgOn { position: relative; width: 33%; height: 8px; background: url(../../../images/hope_church/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(../../../images/hope_church/navi/depth3_bg_right.gif) right repeat-y;} #contentsBgLeft { position: absolute; left: 0; width: 20px; height: 100%; background: url(../../../images/hope_church/navi/depth4_bg_left.gif) left repeat-y; float: left;} #contentsBgRight { position: absolute; right: 0; width: 20px; height: 100%; background: url(../../../images/hope_church/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;} /*----------------- 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 -------------------------*/ #copyright { position: relative; width: 100%; .height: 32px; padding-top: 8px;background: url(/core/mobile/images/hope_church/bg/bg_footer_1.gif) repeat; text-align: center; color: #7e7e7e; font-size: 11px; letter-spacing: -0.5px; float: left;} #footer01 { position: relative; width: 100%; height: 44px; align: center; background: url(/core/mobile/images/hope_church/bg/bg_middle.gif) repeat; float: left; border-top:1px solid #85827c;} #footerBtn { position: relative; width: 320px; height: 44px; margin: auto;} #footerBtn ul li {padding:8px;} #footer { position: relative; width: 100%; height: 68px; background: url(../../../images/sky_green/bg/foot_bg.png) repeat-x; float: left; margin-top:15px;} #footerInfor { position: absolute; width: 100%; height: 65px;} #footerInfor li { width: 100%; text-align: center; margin-top: 2px; line-height: 160%;} #footerInfor li p { font-weight: normal; font-size: 11px; color: #989898; padding-top:3px;} /*----------------- color.css -------------------------*/ /*-------------------------------------------------------------- 이영선 --------------------------------------------------------------*/ #mainImg {width:100%;height:100%;float:left;} #box01 {background: url(/core/mobile/images/hope_church/bg/bg_tit.gif)top repeat-x; float: left;} /* recent box line color bgcolor */ #boxList01{ background-color: #fff;} /* recent box line color bgcolor */ #mainStyle2 {border-color: #bd0d41; background-color: #00678b;border: 1px solid #fff;} /* recent box line color bgcolor */ #menuInBox{padding-bottom:20px;} /* recent box line color bgcolor */ #menuInBoxText {height:20px;padding:2px 0px 7px 0px;} /* recent box line color bgcolor */ #menuInBoxText a{ color: #d9d9d9; font-weight:bold;} /*-------------------------------------------------------------- defalt --------------------------------------------------------------*/ /*-------------------------------------------------------------- 이영선 --------------------------------------------------------------*/ #mainImg {width:100%;height:100%;float:left;} #box01 {background: url(/core/mobile/images/hope_church/bg/bg_tit.gif)top repeat-x; float: left;} /* recent box line color bgcolor */ #boxList01{ background-color: #fff;} /* recent box line color bgcolor */ #mainStyle2 {border-color: #bd0d41; background-color: #00678b;border: 1px solid #fff;} /* recent box line color bgcolor */ #menuInBox{padding-bottom:20px;} /* recent box line color bgcolor */ #menuInBoxText {height:20px;padding:2px 0px 7px 0px;} /* recent box line color bgcolor */ #menuInBoxText a{ color: #d9d9d9; font-weight:bold;} /*-------------------------------------------------------------- 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: #333;} .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;} /* 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: #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/hope_church/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:13px; 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:13px; 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:#eeeeee; background:url(/core/mobile/images/hope_church/navi/depth1_bg.gif) bottom repeat-x; padding:10px 0; } #menuNavi #menuTop #depth1_on {background:#adb0b9; color:#2c313d; height:15px; padding:10px 10px; border-left:1px solid #171a23; border-right:1px solid #171a23;} #menuNavi #menuMiddle {background:#adb0b9; color:#5a5c61; border-bottom:1px solid #7b7d82; padding:10px 0;} #menuNavi #menuMiddle #depth2_on {background-color:#adb0b9; color:#2b2f3b; font-weight:bold; height:15px; padding:10px 10px; background:url(/core/mobile/images/hope_church/navi/depth2_onbtbg.png) bottom center no-repeat; } #menuNavi #menuBottom {background:#7b7d82; color:#bfc2ca; padding:10px 0;} #menuNavi #menuBottom #depth3_on {background:#7b7d82; color:#ffffff; height:15px; padding:10px 10px;}