@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* Element Reset */
html, body{ height:100%;}
body { margin:0; font-family:"Malgun Gothic","Century Gothic",Gulimche,Arial,Sans-Serif; font-size:12px; background:#fff; color:#000;}
address { font-style:normal;}
img, fieldset{ border:0; margin:0; padding:0;}
form { margin:0; padding:0; }
legend { position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}
hr { display:none;}


/* Layout */
#xe { background:url(../img/sky_main2.jpg) no-repeat center top; }
#container { margin: 0 auto; width:900px; }

/* Header */
#header { height:129px; z-index:2;}
#header a{ text-decoration:none;}
#header a:hover,
#header a:active,
#header a:focus{ text-decoration:underline;}

#header h1{ margin:0; position:relative; top:15px;}
#header h1 a{ display:block; margin:0; height:40px; width:200px;  text-decoration:none;}
#header h1 span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; }

#header .account{ position:absolute; top:3px; right:0; margin:0; padding:0; z-index:2;}
#header .account li{ position:relative; float:left; list-style:none; }
#header .account li *{ vertical-align:top;}
#header .account li li{ float:none; height:auto; background-image:none;}
#header .account li.log{ background-image:none; font-size:0; line-height:0; background:url(../img/lineTextDiv.gif) no-repeat right 4px;}
#header .account li.log a{ display:block; padding:5px 8px;}

#header .language{ position:relative; right:0;}
#header .language em{ display:inline-block; height:15px; overflow:hidden; padding:0 8px; font-size:9px; font-style:normal; background-image:url(../img/buttonLanguage.gif); background-repeat:no-repeat; background-position:-92px -10px;}
#header .language em span{ display:inline-block; overflow:hidden; visibility:hidden;}
#header .language em.ko{ background-position:-92px -10px;}
#header .language em.en{ background-position:-92px -25px;}
#header .language em.jp{ background-position:-92px -40px;}
#header .language em.zh-CN{ background-position:-92px -55px;}
#header .language em.zh-TW{ background-position:-92px -70px;}

#header .language button{ height:15px; border:0; padding:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; background-image:url(../img/buttonLanguage.gif); background-repeat:no-repeat; background-position:-92px 5px; background-color:transparent;}
#header .language button span{ font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}
#header .language .sLanguage{ position:relative; top:0px; width:100px; text-align:right;}
#header .language .sLanguage span{ font-size:0; line-height:0; letter-spacing:-100px; display:inline-block; visibility:visible; width:100%; height:15px; background-image:url(../img/buttonSelectLanguageToggle.gif); background-repeat:no-repeat; background-position:85px 4px;}
#header .language .languageList{ display:none; width:98px; margin:0; padding:5px 0; position:absolute; top:18px; right:0; background:#fff; border:1px solid #eee;}
#header .language .languageList button{ width:100%;}
#header .language .languageList .ko button{ background-position:-92px -10px;}
#header .language .languageList .en button{ background-position:-92px -25px;}
#header .language .languageList .jp button{ background-position:-92px -40px;}
#header .language .languageList .zh-CN button{ background-position:-92px -55px;}
#header .language .languageList .zh-TW button{ background-position:-92px -70px;}

#header .language .languageList li { display:none;}
#header .language .languageList .ko,
#header .language .languageList .en,
#header .language .languageList .jp,
#header .language .languageList .zh-CN,
#header .language .languageList .zh-TW { display:block; }

/* Header Extension */
#header .extension{ position:relative; *zoom:1;}
#header .extension:after{ content:""; display:block; clear:both;}
#header .extension *{ margin:0; padding:0;}
#header .extension .section{ position:relative;}
#header .extension ul{ position:relative;}
#header .extension li{ position:relative; display:inline; list-style:none;}

#header .menubar { margin:10px 0; background:transparent url(../img/alpha.png) repeat scroll 0 0; }

#logoarea { position:relative; margin: 0 auto; width:900px; height:73px; text-align:center; }
#logoarea img.logo {  }


#menuarea { position:relative; margin: 0 auto; width:900px; height:36px; }
#holynet { position:absolute; display:block; right:0; top:0; margin-top:10px; padding-right:2px; }

/* GNB */
.gnb{ position:absolute; left:0; top:0; margin:0; padding:0; padding-left:2px; list-style:none;}
.gnb li{ float:left; padding-right:40px;}
.gnb li a{ display:block; padding-top:10px; height:22px; text-decoration:none !important; color:#222; float:left;}
.gnb li a span{ display:block; font-family:gulim; font-size:1.6em; font-weight:bold;}
.gnb li.selected { font-weight:bold;}
.gnb li.black a:hover ,
.gnb li.black.selected a { color:#aaa; }
.gnb li.blue a:hover ,
.gnb li.blue.selected a { color:#9884FF; }
.gnb li.sky a:hover ,
.gnb li.sky.selected a { color:#5999E5; }
.gnb li.cyan a:hover ,
.gnb li.cyan.selected a { color:#2ACFCD; }
.gnb li.purple a:hover ,
.gnb li.purple.selected a { color:#C835CA; }
.gnb li.orange a:hover ,
.gnb li.orange.selected a { color:#F0B848; }



#main { height:262px; margin:0 auto 20px; position:relative; z-index:1; }
#main .leftarea { height:262px; left:0; position:absolute; top:0; width:170px; overflow:hidden; }
#main .rightarea { height:262px; right:0; position:absolute; top:0; width:170px; overflow:hidden; }
#main .mainarea { height:262px; left:180px; position:absolute; top:0; width:540px; overflow:hidden; }

#main #loginWidget { background:transparent url(../img/loginT.gif) no-repeat scroll center top; padding-top:3px; overflow:hidden; }
#main #loginWidget .center { background:transparent url(../img/alpha.png) repeat scroll 0 0; height:119px; border-left:1px solid #B1B1B1;border-right:1px solid #B1B1B1; padding: 7px 4px;overflow:hidden; }
#main #loginWidget .center .slogan { height:44px; margin-bottom:4px; }
#main #loginWidget .bottom { background:transparent url(../img/mainL_btm.gif) no-repeat scroll center bottom; height:3px; }

#main .leftarea .extension { margin-top:5px; padding-top:3px; background:transparent url(../img/mainL_top.gif) no-repeat scroll center top; overflow:hidden; }
#main .leftarea .extension .center { background:transparent url(../img/alpha.png) repeat scroll 0 0; border-left:1px solid #B1B1B1;border-right:1px solid #B1B1B1; padding: 10px 4px; height:92px;overflow:hidden; }
#main .leftarea .extension .bottom { background:transparent url(../img/mainL_btm.gif) no-repeat scroll center bottom; height:3px; }

#main .rightarea .extension { padding-top:3px; background:transparent url(../img/mainR_top.gif) no-repeat scroll center top; overflow:hidden; }
#main .rightarea .extension .center { background:#FFFFFF; border-left:1px solid #6FB2DF;border-right:1px solid #6FB2DF; padding: 0px 3px; height:256px; overflow:hidden; }
#main .rightarea .extension .center a {text-decoration:none;}
#main .rightarea .extension .bottom { background:transparent url(../img/mainR_btm.gif) no-repeat scroll center bottom; height:3px; }
#main .rightarea .sep { margin:2px 4px; height:1px; font-size:1px; line-height:1px; background:#ACDBFF; }

#main .mainarea .top { background:transparent url(../img/mainC_top.gif) no-repeat scroll left top; overflow:hidden; }
#main .mainarea .top div { background:transparent url(../img/mainC_top.gif) no-repeat scroll right top; overflow:hidden; height:3px; }
#main .mainarea .center { background:#FFFFFF; border-left:3px solid #6FBD24;border-right:3px solid #6FBD24; padding:0; height:256px; overflow:hidden;}
#main .mainarea .bottom { background:transparent url(../img/mainC_btm.gif) no-repeat scroll left bottom; }
#main .mainarea .bottom div { background:transparent url(../img/mainC_btm.gif) no-repeat scroll right bottom; height:3px; }

#main #main_banner { height:178px; }
#main #main_summary { height:68px; background:#ECECEC; padding:5px;}
#main #main_summary .columns {}
#main #main_summary .news {}

#imggallery { height:80px; margin:0 auto 10px; position:relative; z-index:20; }
#imggallery .top { background:transparent url(../img/content_top.gif) no-repeat scroll left top; overflow:hidden; }
#imggallery .top div { background:transparent url(../img/content_top.gif) no-repeat scroll right top; overflow:hidden; height:3px; }
#imggallery .center { background:#FFFFFF; border-left:1px solid #C1C1C1;border-right:1px solid #C1C1C1; padding:0; height:74px; overflow:hidden;}
#imggallery .bottom { background:transparent url(../img/content_btm.gif) no-repeat scroll left bottom; }
#imggallery .bottom div { background:transparent url(../img/content_btm.gif) no-repeat scroll right bottom; height:3px; }


#photogallery { margin:0 auto 10px; position:relative; z-index:20; }
#photogallery .top { background:transparent url(../img/content_top.gif) no-repeat scroll left top; overflow:hidden; }
#photogallery .top div { background:transparent url(../img/content_top.gif) no-repeat scroll right top; overflow:hidden; height:3px; }
#photogallery .center { background:#FFFFFF; border-left:1px solid #C1C1C1;border-right:1px solid #C1C1C1; padding:0; height:88px; overflow:hidden;}
#photogallery .bottom { background:transparent url(../img/content_btm.gif) no-repeat scroll left bottom; }
#photogallery .bottom div { background:transparent url(../img/content_btm.gif) no-repeat scroll right bottom; height:3px; }


#content { margin:0 auto 10px; position:relative; z-index:1; }
#content .top { background:transparent url(../img/content_top.gif) no-repeat scroll left top; overflow:hidden; }
#content .top div { background:transparent url(../img/content_top.gif) no-repeat scroll right top; overflow:hidden; height:3px; }
#content .center { background:#FFFFFF; border-left:1px solid #C1C1C1;border-right:1px solid #C1C1C1; padding:0 4px; overflow:hidden;}
#content .bottom { background:transparent url(../img/content_btm.gif) no-repeat scroll left bottom; }
#content .bottom div { background:transparent url(../img/content_btm.gif) no-repeat scroll right bottom; height:3px; }


/* Body Extension */
#content {}
#content .extension{position:relative; *zoom:1; }
#content .extension:after{ content:""; display:block; clear:both;}
#content .extension .section{position:relative;}





/* Footer */
#footer{ position:relative; padding:10px 0; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; margin-bottom:60px; font-size:11px;}
#footer a{ text-decoration:none;}
#footer a:hover,
#footer a:active,
#footer a:focus{ text-decoration:underline;}

#footer .holynet { position:absolute; right:0px; top:-24px; display:block; float:right;}
#footer .rss{ float:left; margin:0;}
#footer .rss a{ color:#6B8F8F; padding-left:14px; background:url(../img/iconRss.gif) no-repeat left center; font-size:11px; font-family:Tahoma;}
#footer address{ text-align:center; font-style:normal; line-height:16px; color:#959F9F;}
#footer address a {color:#6B8F8F; text-decoration:none; }

/* Footer Extension */
#footer .extension{ position:relative; *zoom:1;}
#footer .extension:after{ content:""; display:block; clear:both;}
#footer .extension *{ margin:0; padding:0;}
#footer .extension .section{ position:relative;}
#footer .extension ul{ position:relative;}
#footer .extension li{ position:relative; display:inline; list-style:none;}



/* Sitemap */
#sitemap{ background:url(../img/bgSitemap.jpg) no-repeat left top; padding-top:15px; margin-bottom:15px; border-top:1px solid #B1B1B1;}

#sitemap a{ text-decoration:none;}
#sitemap a:hover,
#sitemap a:active,
#sitemap a:focus{ text-decoration:underline;}

#sitemap .extension{ padding:10px 0; *zoom:1;}
#sitemap .extension:after{ content:""; display:block; clear:both;}
#sitemap .extension .section{ float:left; width:120px; margin:0; margin-bottom:10px; padding:0 0 0 10px; background:url(../img/lineKneeVr.gif) repeat-y 0 0;}
#sitemap .extension .section.logo{ background:none; padding:0; width:116px;}
#sitemap .extension .section h2{ font-size:12px; margin:0 0 10px 0;}
#sitemap .extension .section a{ color:#808080;}
#sitemap .extension .section ul{ margin:0; padding:0; list-style:none;}
#sitemap .extension .section li{ margin-bottom:6px;}



/* Bible search */
.bibleSearch{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100;} 
.bibleSearch.open{ display:block;}
.bibleSearch .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.3; filter:alpha(opacity:30);}
.bibleSearch .searchLayer{ position:absolute; width:350px; top:120px; left:50%; padding:20px 20px; border:2px solid #737373; margin:0 0 0 -175px; background:#fff;}
.bibleSearch .searchLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../img/buttonCloseX.gif) no-repeat center center;}
.bibleSearch .searchLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

.bibleSearch table { border-collapse:collapse; margin-left: 4px; }
.bibleSearch td { border:1px solid #d4d4d4; }