@charset "utf-8";
/* Reset */
html,body{min-height:100%}
body{margin:0; background-color:#fbfbfb;}

.halfWrapper{margin-top:-14px;width:100%;height:608px;background-repeat:no-repeat;background-position-x: center;background-position: center ;}
.header{width:100%;position:absolute;z-index:2;zoom:1;margin:0 0 17px 0;background:#34373c;top:27px;}
.header .headerWrapper{width:1024px;margin:0 auto;}
/* Layout */
.container,
.footer>p{width:1024px;margin:0 auto}

.topcenter{text-align: center;}
.topmenu{width:100%;position:absolute;display:inline-block;background:none;height: 30px;padding-top: 4px;top:0px;}
.topmenu .topmenuWrapper{width:1024px;margin:0 auto;}
.topmenu .topmenuWrapper div{float:right;}
.visual{position:relative;z-index:1;overflow:hidden;width:100%;margin:0 0 20px 0}
.body{position:relative;z-index:1}
.header:after,
.body:after{content:"";display:block;clear:both}
.content{padding:0 0 40px 0;zoom:1;width:1024px;margin:0 auto;}
.content>*:first-child{margin-top:0}
.content img{max-width:100%;height:auto}
.mainMbg{ no-repeat;}

/* Header */
.header>h1{display:inline-block;*display:inline;zoom:1;margin:19px 0}
.header>h1>a,
.header>h1 img{display:block}
.header>h1>a{font-size:32px;text-decoration:none;color:#333}
#acField{top:50%;right:50%;margin-top:-165px;margin-right:-365px;position: fixed;}
.right_list{display: inline-block;background: #f7f7f7;border-radius: 2px;color: #34373c;text-decoration: none;padding: 0 10px;line-height: 21px;font-weight: bold;font-size: 12px;margin-right: 5px;}
.header #siteTitle img{float:left;}

/* Footer */
.footer{padding:0px 0 0px 0;background:#34373c;border-top:1px solid #f4f4f4;color:#666;text-align: center;}
.footer p{font-size:12px}
.footer a{text-decoration:none;color:#666}
.footer a:hover,
.footer a:focus{text-decoration:underline}

/* Login */

.frontMain{text-align: center; padding-top: 211px;opacity: .85;}
.frontMain2{text-align: center; padding-top: 21px;}
/* Search */
.header .search{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0}
.header .search>input{font-size:12px;vertical-align:top;border-radius:2px}
.header .search>input[type="text"]{background:#e5e6e8;border:1px solid #dedede;height:21px;line-height:21px;padding:0 4px;margin:0 -6px 0 0;width:126px}
.header .search>input[type="submit"]{background:#484d51;border:1px solid #272b30;color:#fff;height:23px;line-height:23px;padding:0 15px;margin:0;cursor:pointer;box-shadow:0 1px 0 #6d7174 inset}

/* GNB */
.gnb{position: relative;text-align: center;font-weight: inherit;z-index: 1;font-size: 13px;clear: both;}
.gnb:before{}
.gnb ul{margin:0;padding:0;list-style:none}
.gnb a{text-decoration:none;white-space:nowrap}
.gnb>ul{position: absolute;top: -12px;left: 214px;right: 0px;background: #34373c;opacity: .98;filter: alpha(opacity=98);height: 0; width:750px;}
.gnb.open>ul{height:auto;border-bottom:1px solid #333}
.gnb>ul:after{content:"";display:block;clear:both}
.gnb>ul>li{position:relative;top:-32px;float:left;margin:0 -1px -8px 0}
.gnb>ul>li>a{display: block;font-weight: bold;line-height: 32px;padding: 0 20px;color: #fff;position: relative;padding:9px 0;}
.gnb>ul>li>a:hover{font-size: 15px;}
.gnb>ul>li>a:after{content:"";position:absolute;width:1px;height:100%;right:0;top:0;overflow:hidden}
.gnb>ul>li.active>a,
.gnb>ul>li.hover>a{font-weight: bold;line-height:30px;padding-bottom:1px;}
.gnb ul ul{display:block;position:relative;z-index:2;padding:0 12px;margin:0 0 0 0px;border-left:1px solid #34373c;height:0;overflow:hidden}
.gnb ul ul:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:#34373c}
.gnb.open ul ul{padding:11px 12px;height:183PX;}
.gnb>ul>li:first-child>ul{border:0}
.gnb>ul>li:first-child>ul:before{content:normal}
.gnb ul ul a{display:block;line-height:20px;font-size:14px;color:#fff;margin-bottom: 4px;}
.gnb ul ul a:hover,
.gnb ul ul a:focus{color:#4d83db;}

/* Visial */
.visual>.list{position:relative;width:300%;left:-100%;z-index:1}
.visual>.list:after{content:"";display:block;clear:both}
.visual>.list.total1{width:auto;left:0}
.visual img{display:block;max-width:100%;height:auto;margin:0 auto}
.visual a{display:block;float:left;position:relative;color:#fff;text-decoration:none;font-family:Corbel,Arial,Helvetica,sans-serif}
.visual a[href=""]{cursor:default}
.visual .total1 a{float:none}
.visual .total2 a,
.visual .total3 a{width:33.33%;}
.visual a>p{margin:-24px 0 0 0;padding:0 100px;position:absolute;top:50%;left:0;right:0;text-align:center;font-size:47px;letter-spacing:-1px;line-height:1}
.visual.sub a>p{font-size:32px;text-align:left}
.visual>button{zoom:1;border:0;background:url(blank.gif);cursor:pointer;width:100px;position:absolute;z-index:2;top:0;bottom:0;margin:0;padding:0;color:#fff}
.visual>button:hover,
.visual>button:focus{background-color:rgba(0,0,0,.25)}
.visual>button>i{position:absolute;top:50%;left:50%;width:25px;height:50px;background:url(slideNav.png) no-repeat;margin:-25px 0 0 -12px;zoom:1}
.visual>.prev{left:0}
.visual>.next{right:0}
.visual>.prev>i{background-position:0 0}
.visual>.next>i{background-position:-25px 0}

/* LNB */
.body.sub .lnb{float:left;width:210px;margin:0 0 40px 0}
.body.sub .content{float:right;width:720px}
.body.sub .lnb>h1{margin:0;position:relative;z-index:2}
.body.sub .lnb>h1>a{display:block;text-align: center;line-height:36px;padding:0 18px;border-radius:3px;color:#fff;text-decoration:none;font-size:20px;border:1px solid #939395;background-color:#19191b;background:-webkit-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:-moz-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:-o-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:-ms-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);zoom:1}
.body.sub .lnb ul{list-style:none;margin:0;padding:0}
.body.sub .lnb ul a{display:block;text-decoration:none;color:#333;font-size:13px}
.body.sub .lnb>ul{position:relative;z-index:1;border:1px solid #dcdcdc;padding:1px;margin:-1px 0 0 0;border-radius:3px}
.body.sub .lnb>ul>li>a{line-height:36px;padding:0 10px 0 18px;border-top:1px solid #eee}
.body.sub .lnb>ul>li.active>a,
.body.sub .lnb>ul>li>a:hover,
.body.sub .lnb>ul>li>a:focus{background:#f5f5f5;color:#3192d7}
.body.sub .lnb>ul>li:first-child>a{border-top:0}
.body.sub .lnb ul ul{padding:10px 0;border-top:1px solid #eee}
.body.sub .lnb li li>a{line-height:20px;padding:0 10px 0 25px}
.body.sub .lnb li li.active>a,
.body.sub .lnb li li>a:hover,
.body.sub .lnb li li>a:focus{background:#f5f5f5;color:#3192d7}


.body.main { margin:0 auto; padding:0px 0 20px 0; }
.maintop>#maintopW {width:1024px; margin:0 auto; }
.mainwrapper {height:185px; margin:0 auto; width:1024px; }


.maintop {background:url(layouts/Dimode_Layout_basics_18/img/mainNew/main_bg.jpg) repeat-x; margin-top:49px; border-bottom: 5px solid #1c3467; }
.sliderBottom {position: absolute;top: 393px;left: 460px;}

.leftbox {float:left; width:450px; margin: 15px 0 0px; padding:0px 0 0 20px; }
.leftbox>.leftboxContent {margin-top:0px;}
.leftboxImg {border-bottom:1px solid #1c3467;padding:0 0 13px 0;}
.leftboxImg a {margin: 0px 5px 0 5px}
.leftImg2 {float:right;}
.centerbox {float:left; margin: 15px 0 0 60px;}




.time>.hour {display:none;}


.photoGallery {margin:0 0 10px -8px}

.mainCenterWrapper {margin:0 auto; background:url(layouts/Dimode_Layout_basics_18/img/mainNew/church_bg.gif) repeat-x; border-bottom: 2px solid #dadada; } 
.mainCenterTop {margin: 0 auto;width: 286px; padding: 44px;}
.photoWrapper {margin:0 auto; width:1024px; padding:30px 0 0 0;}
.bottomIconWrapper {width:1024px;margin:0 auto;}
.bottomIconWrapper img {width:195px;margin:20px 3px 3px 3px;}

.bottomBanner {background-color: #f2f3f7;}
.BannerWrapper {height: 55px; background-color: #f2f3f7; width:1122px; margin:0 auto;}
.BannerWrapper img {margin: 12px 0 0 0;}
.quick {width:270px;height:156px;position:absolute;top:9%;left:55%;}
.mainCenterL{float:left; margin:0 0 0 400px;}
.mainCenterR{float:right; margin: 0 400px 0 0;}
.rightbox {width:230px; float:left; margin:1px 0 0 155px;}

.rightbox .widgetTableA {float:right;font-size:13px; padding:0px 0px 17px 27px;}
.rightbox .widgetTableA td {display:block;}
.rightbox .widgetTableA .title {margin:4px 0 3px 0; border-bottom:2px solid;}
.rightbox .text3 {display:block;position:absolute; top:108px; float:left;}
.rightbox .text4 {display:block;position:absolute; top:131px; float:left;}
.rightbox .text5 {display:block;position:absolute; top:152px; float:left;}
.rightbox .rtop {text-align:center;font-size: 17px;font-weight: bold; margin: 8px 0 0 0px;}
.rightbox .rleft {font-weight:bold;}
.rightbox .widgetTableA tr {border:0;}




.buttons{ 
  color: #111;
  cursor:pointer;
  
}
.buttons.active{
  color:#3879d9;
}
#joinAnchor {display: inline-block;
    background: #f7f7f7;
    border-radius: 2px;
    color: #2c2d2f;
    text-decoration: none;
    padding: 0 10px;
    line-height: 21px;
    font-weight: bold;
    font-size: 12px;
    margin-right: 10px;
}
#findId {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: #f7f7f7;	
	border-radius: 2px;
	color: #2c2d2f;
	text-decoration: none;
	padding: 0 10px;
	line-height: 21px;
	font-weight: bold;
	font-size: 12px;
	margin-right: -5px;
}


.direction-nav {list-style:none;}


#contentBox .absolutePosition{position:absolute;}
#contentBox .absolutePosition.top{color:#fff;font-size:16px;top:15px;left:70px;}
#contentBox .absolutePosition.top>div{margin-top:25px;}

#contentBox .absolutePosition.bottom{bottom:-3px;}
#contentBox .absolutePosition.bottom>a{display:inline-block;width:50%;}
#contentBox .absolutePosition.bottom>#leftButton{width:333px;}
#contentBox .absolutePosition.bottom>#midButton{width:333px;}
#contentBox .absolutePosition.bottom>#rightButton{float:right;width:333px;}
#contentBox .absolutePosition.bottom>a>img{width:100%;}
.absolutePosition.top>#title a {text-decoration:none; font-size:20px; color:#fff;}


.sermonList {display:none; }

/* »çÀÌÆ®¸Ê */

#sitemapicon {cursor:Pointer;}


#sitemap {display:none;position: fixed;width: 800px;z-index: 3;font-size: 13px;height: 300px;clear: both;background: #fff;left: 30%;top: 113px;border-radius: 5px}
#sitemap:before{content:"";display:block;width:100%;height:1px}
#sitemap ul{margin:0;padding:0;list-style:none}
#sitemap a{text-decoration:none;white-space:nowrap}
#sitemap>ul{position:absolute;top:31px;left:0;right:0;opacity:.98;filter:alpha(opacity=98);height:0;padding: 12px 7px;}
#sitemap.open>ul{height:auto;border-bottom:1px solid #333}
#sitemap>ul:after{content:"";display:block;clear:both}
#sitemap>ul>li{width:127px;position:relative;top:-32px;float:left;margin:0 -1px -8px 0}
#sitemap>ul>li#closingButton{width: 21px;text-align: right;cursor: pointer;padding: 5px 0;color: #000;font-size: 21px;}
#sitemap>ul>li>a{display:block;line-height:32px;padding:0 20px;color:#000;font-weight:bold;position:relative;text-align:center;font-size: 14px;}
#sitemap>ul>li>a:after{content:"";position:absolute;width:1px;height:100%;right:0;top:0;overflow:hidden}
#sitemap>ul>li.active>a,
#sitemap>ul>li.hover>a{}

#sitemap.open ul ul{margin-top:0px}
#sitemap ul ul:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;}
#sitemap.open ul ul{padding:7px 20px 7px 20px;height:auto}
#sitemap>ul>li:first-child>ul{border:0}
#sitemap>ul>li:first-child>ul:before{content:normal}
#sitemap ul ul a{display:block;line-height:20px;font-size:14px;color:#545353;text-align:center; line-height:30px;}
#sitemap ul ul a:hover,
#sitemap ul ul a:focus{text-decoration:underline}

#sitemap>ul>li>ul>li>a {display:block;}

#sitemap>ul>li:first-child  {display:none;}



.adminmail 
{
	  display: inline-block;
    background: #f7f7f7;
    border-radius: 2px;
    color: #2c2d2f;
    text-decoration: none;
    line-height: 21px;
    font-weight: bold;
    font-size: 12px;
    margin:0 0 0 9px;
    }
.adminmail:hover {
  color: #4d83db;}