@charset "UTF-8";
/* CSS Document */

*{padding:0; margin:0; font-size:12px; font-family:dotum, Arial, Helvetica, sans-serif; color:#777777; line-height:20px;} 
a{text-decoration:none; color:#777777;}
a:hover{text-decoration:underline;}
img{border:none;}
li{list-style:none;}
.clr{clear:both;}
.more{color:#006695; font-size:9px; padding-right:10px; background: url(../images/ic_arrow1.gif) no-repeat right;}
.more a{color:#006695;}
.showList{float:right; margin-right:5px;}
.showList a{float:left; padding:2px 5px; border:1px solid #dcdcdc;}
.showList a:hover{text-decoration:none; background:#999; color:#fff;}
.top{margin-top:10px;}
iframe{overflow:auto;}

/***text style***/
.blue{color:#006695;}
.float{float:left; padding-right:15px;}
.author{color:#bbb;}
.gray{color:#666;}
p.gray{margin-bottom:10px;}

#wrapper{width:100%; margin:auto;}

#header{margin:5px auto; width:100%; height:77px; background:url(../images/bg_header.png) repeat-x left top; position:absolute;}
#headerIn{margin:auto; width:960px;}
#headerIn #logo{width:225px; height:70px; margin-top:3px; float:left; background:url(../images/img_logo.jpg) no-repeat center;}
#headerIn #logo a{float:left; width:225px; height:70px;}
#headerIn #logo h1{display:none;}

#headerIn #news{float:left; color:#FFFFFF; font-size:9px}
#headerIn #news a{float:left; color:#FFFFFF; font-size:9px}
#headerIn #navTop{float:right; padding-right:5px;}
#headerIn #navTop li{float:left; padding:10px 5px; background:url(../images/bullet01.jpg) no-repeat left;}
#headerIn #navTop li a{color:#9a9b9d; font-size:9px;}
#headerIn #nav{float:right; width:660px;}
#headerIn #nav ul{float:left;}
#headerIn #nav li{float: left; font-weight:bold; text-align:center;}
#headerIn #nav li.on a{color:#325e0b;}
#headerIn #nav li a{font-size:13px; color:#333333; display:block; padding:6px 10px 6px 22px;}
#headerIn #nav li:hover{background:url(../images/ic_navLeap.jpg) no-repeat 3px ;}
#headerIn #nav li a:hover{text-decoration:none; color:#325e0b}
#headerIn #nav ul div{clear:both; position:absolute; float:left; width:105px; display:none; background:url(../images/bg_subNavBtm.png)no-repeat left bottom;  text-align:center; margin-left:-7px; padding-bottom:6px;}
#headerIn #nav ul div ul{width:105px;padding:0; background:url(../images/bg_subNav.png) repeat-y left top;}
#headerIn #nav ul div ul li{float:none; color:#666666; font-size:13px; font-weight:bold; background:none; padding:0;}
#headerIn #nav ul div ul li a{ width:89px; display:block; font-size:12px; background:none;  color:#666; padding:5px 6px; margin:0 2px;}
#headerIn #nav ul div ul li a:hover{color:#666; background:#eaeaea;}
#headerIn #nav ul div ul li:hover{background:none;color:#666;}
#headerIn #nav ul div ul li:hover a{color:#666;}

#headerIn #nav li:hover div{display:block;}

/*#conTop{background:url(../images/bg_conTop.jpg) no-repeat center top;}*/

#wrapper .conTop2{background:url(../images/bg_conTop2.jpg) no-repeat center top;}
#conTop #conTopImg{margin:auto; width:960px; height:415px; background:url(../images/img_index.jpg) no-repeat center top;}
#conTop #conTopImg2{margin:auto; width:960px; height:415px; background:url(../images/img_index2.jpg) no-repeat center top;}
#conTop #conTopImg3{margin:auto; width:960px; height:415px; background:url(../images/img_index3.jpg) no-repeat center top;}
#conTop #conTopImg4{margin:auto; width:960px; height:415px; background:url(../images/img_index4.jpg) no-repeat center top;}



#conBtm{width:100%;  border-top:1px solid #fff; padding-bottom:10px;}
#conBtmIn{margin:auto; width:960px;}
#conBtmIn .box{float:left; width:302px; border-right:1px solid #d6d6d6; margin:14px 15px 10px 0; padding-right:10px;}
#conBtmIn .box h2{float:left; color:#36455c; font-size:15px; margin-bottom:5px;}
#conBtmIn .box h2 b{display:none;}
#conBtmIn .box dl{float:left; width:302px; padding:10px 0;}
#conBtmIn .box dt{float:right; width:207px; font-weight:bold; color:#006694;}
#conBtmIn .box dt a{color:#006694;}
#conBtmIn .box dd{margin-left:95px;}
#conBtmIn .box dd.img{float:left; margin:0; width:85px; height:70px; margin-top:5px; background:url(../images/thum_defalut.jpg) no-repeat left top; border:1px solid #dcdcdc;}

#footer{width:100%; background:url(../images/bg_footer.jpg) repeat-x left top; padding:10px 0; }
#footerIn{margin:auto; width:960px;}
#footerIn #address{float:left;  font-size:11px;}
#footerIn #right{float:right;  font-size:11px;}



/**********subpage***********/
#subconTopImgAbout{margin:auto; width:960px; height:220px; background:url(../images/img_aboutus.jpg) no-repeat center top;}
#subconTopImgMission{margin:auto; width:960px; height:220px; background:url(../images/img_mission.jpg) no-repeat center top;}
#subconTopImgWorldMission{margin:auto; width:960px; height:220px; background:url(../images/img_worldmission.jpg) no-repeat center top;}
#subconTopImgPress{margin:auto; width:960px; height:220px; background:url(../images/img_press.jpg) no-repeat center top;}
#subconTopImgResource{margin:auto; width:960px; height:220px; background:url(../images/img_resource.jpg) no-repeat center top;}
#subconTopImgBoard{margin:auto; width:960px; height:220px; background:url(../images/img_board.jpg) no-repeat center top;}
#subconTopImgDonation{margin:auto; width:960px; height:220px; background:url(../images/img_donation.jpg) no-repeat center top;}



#leftNav{float:left; width:170px; margin-top:20px;}
#leftNav h2{width:170px; border-bottom:1px solid #d6d6d6; height:54px;}
#leftNav h2 b{display:none;}
#leftNav ul{}
#leftNav li{clear:both; width:145px; float:left; padding:10px 0 10px 25px; border-bottom:1px solid #d6d6d6; background:url(../images/ic_arrow2.gif) no-repeat 10px;}
#leftNav li a{color:#37465d; font-weight:bold; font-size:13px;}
#leftNav li.on a{color:#006695;}
#leftNav li a:hover{color:#006695; text-decoration:none;}

#rightCon{float:right; width:750px; margin-top:20px;}
#rightCon h3{font-size:20px; color:#36455c; float:left; line-height:24px;}
#rightCon h4{font-size:12px; color:#888888; float:left; margin-left:15px; margin-top:5px;}

#breadcrumb{float:right;}
#breadcrumb a{padding:0 5px; color:#999999; letter-spacing:-1px;}
#breadcrumb a.on{color:#36455c;}
#breadcrumb a:hover{text-decoration:none; color:#36455c;}

/*contents*/
#contents{clear:both; padding-top:30px;}
#contents br{line-height:12px;}
#contents h5{font-size:13px; margin-bottom:5px; color:#006694;}
#contents h5 b{display:none;}
#contents h5.articleTitle{font-size:15px;}
#contents h6{font-size:12px; margin-top:5px;}
#contents p{margin-bottom:10px;}
#contents p.img{float:left; margin-right:10px;}
#contents p.img img{padding:5px; border:1px solid #d6d6d6;}
#contents ol li{list-style:decimal; list-style-position:outside; margin-left:20px; margin-bottom:10px;}

/*archive*/
#contents ul.archive{border-top:4px solid #e4e4e4;}
#contents ul.archive li{padding-left:25px; border-bottom:1px dotted #dcdcdc; background:url(../images/bullet02.gif) no-repeat 5px;}
#contents ul.archive li a{display:block; padding:3px 0;}
#contents ul.archive li:hover{background:#ebebeb url(../images/bullet02.gif) no-repeat 5px;}
#contents ul.archive li a:hover{text-decoration:none; color:#bbb;}
p.pageNum{float:right;}
p.pageNum a:hover{color:#bbb;}

.table1{width:600px; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; margin-bottom:20px;}
.table1 td{padding:3px; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; text-align:center;}

#conBtmIn .boxResource{float:left; width:360px; border-right:1px dotted #d6d6d6; margin:0px 15px 0px 0; padding:0px 10px 30px 0;}
#conBtmIn .boxResource h2{float:left; color:#36455c; font-size:15px; margin-bottom:5px;}
#conBtmIn .boxResource h2 b{display:none;}
#conBtmIn .boxResource dl{float:left; width:360px; padding-top:10px;}
#conBtmIn .boxResource dt{float:right; width:265px; font-weight:bold; color:#006694;}
#conBtmIn .boxResource dt a{color:#006694;}
#conBtmIn .boxResource dd{margin-left:95px;}
#conBtmIn .boxResource dd.img{float:left; margin:0; width:85px; height:70px; margin-top:5px; background:url(../images/thum_defalut.jpg) no-repeat left top; border:1px solid #dcdcdc;}

#banner{float:left; width:170px; margin-top:20px;}
#banner p{clear:both; float:left; margin-bottom:10px;}
#banner p.pray a{display:block; width:170px; height:110px; background:url(../images/banner_prayOff.jpg) no-repeat left top;}
#banner p.pray a:hover{background:url(../images/banner_prayOn.jpg) no-repeat left top;}
#banner p.weeklyverse{float:left; width:152px; background:url(../images/bg_weeklyverse.jpg) no-repeat center top; padding: 40px 8px 8px 8px; border:1px solid #dcdcdc;}


input.gray{background:#76a42c; border:1px solid #dcdcdc; color:#fff; padding:3px 5px;}