@charset "utf-8";
/*@import url(http://ts.daumcdn.net/custom/blog/0/606/skin/images/nanumgothic.css);*/
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);*/
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);*/
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);*/

*{margin:0px;padding:0px;}
html, body{width:100%;height:100%;}
body{font-size:12px;font-family:Gulim;color:#313131;}
a{border:0;color:#313131;}
.container-narrow{
	margin: 0 auto;
	width:100%;
}

#top{
	width:100%;
	height:74px;
	/*background-color:#EFEFEF;*/
	background:url('../../inc/img/top_bg.jpg') repeat-x 0 0px;
}
#top_box{
	margin: 0 auto;
	max-width:980px;
	width:980px;
	height:74px;
}
#logo{
	float:left;
	/**width:195px;**/
	width:220px;
	height:74px;
	margin-left:0px;
	margin-right:30px;
	background:url('../../inc/img/logo.jpg') no-repeat 0 10px;
}
#login_bar{margin-top:13px;margin-right:70px;}
#login_bar>li>a{padding:0px 15px; font-size:12px;font-family:'Nanum Gothic';font-weight:bold;color:#616161;letter-spacing:1px;}
#login_bar>li>a:hover{color:#000;}
#login_box{position:relative;left:285px;top:35px;height:30px;font-size:11px;}
#login_box>#hello{display:inline-block;margin-top:5px;font-size:12px;font-family:Gulim;color:#000;letter-spacing:1px;}

#menubar{
	width:100%;
	height:28px;
	/*background-color:#EFEFEF;*/
	background-color:#afb0b0;
	margin-bottom:24px;	
}
#main_menu{
	margin: 0 auto;
	max-width:980px;
	width:980px;
	height:28px;
	font-family: 'Nanum Gothic';
	/*background-color:#B0B3BA;*/
	background-color:gray;
}
#main_menu>li{
	width:163.3px;
	height:28px;
	margin:0px;
	padding:0px;
	text-align:center;
}
#main_menu>li>a{margin:0px;font-weight:bold;font-size:16px;color:#fff;padding: 7px 0px 0px;height:19px;}
#main_menu>li>a:hover{color:#fff;background-color:#5F6D9C;padding: 7px 0px 0px;height:19px;}
#main_menu>li.dropdown.open>a, #main_menu>li.dropdown>a:hover, #main_menu>li.dropdown>a:focus{color:#fff;background-color:#5F6D9C;padding: 7px 0px 0px;height:19px;}
.dropdown-menu{
	width:980px;
	padding:0px;
	border:0;
	font-size:14px;            	
	-webkit-box-shadow:0 0px 0px rgba(0,0,0,0);
	-moz-box-shadow:0 0px 0px rgba(0,0,0,0);
	box-shadow:0 0px 0px rgba(0,0,0,0);
	background-color:#fff;
}
.dropdown-menu>li>a{
	padding:2px 8px;
	font-weight:bold;
	color:#717171;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus
{
	background-color:#fff;
	background:-moz-linear-gradient(top, #fff, #fff);
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background:-webkit-linear-gradient(top, #fff, #fff);
	background:-o-linear-gradient(top, #fff, #fff); 
	background:-ms-linear-gradient(top, #fff, #fff);
	background:linear-gradient(to bottom, #fff, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0);
	color:#000;
}

#main_img{
	width:100%;
	height:350px;
}
#main_banner{
	margin: 0 auto;
	max-width:980px;
	width:978px;
	height:350px;
	background-color:#fff;
	border:solid 1px #E0E0E0;
}
#myCarousel{
	/*padding:15px;*/
}
.carousel-indicators{
	margin-right:-5px;
	margin-top:-5px;
}
.carousel-indicators .active{
	background-color: #f1f1f1;
	border:1px solid #f1f1f1;
}
.carousel-indicators li{
	background-color:transparent;
	border:1px solid #f1f1f1;
}
.carousel img {
	width:100%;
	height:100%;
}
.carousel .item {
	height:350px;
}
.carousel-caption{}
.transparent{
	background-color: transparent;	
}
.opacity{
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.3;	
}
.right_box {
	vertical-align:middle;
	width:400px;
	left:550px;
	top:90px;
}
.carousel-control {
	height:24px;
	width:30px;
	top:170px;
	padding-top:10px;
	padding-bottom:14px;
	padding-right:5px;
	margin-bottom:5px;
	margin-left:4px;
	font-size: 100px;
	/*text-shadow: 0 1px 1px rgba(0,0,0,.4);*/
	background-color: transparent;
	border: 0;
	z-index: 10;
}
.right.carousel-control{
	margin-right:5px;
}

#main_info{
	margin: 30px auto 0px;
	*padding-top:30px;
	max-width:980px;
	width:980px;
}
.info_box1{
	float:left;
	width:198px;
	padding:0px;
}
.info_box2{
	float:left;
	width:732px;
	padding:0px;
}
.info_box_divider{
	float:left;
	width:50px;
	height:905px;
	padding:0px;
	background:url('../../inc/img/dotted.jpg') repeat-y 25px 0px;
}

#ch_btn1{
	margin-top:10px;
}
#ch_btn2{
	margin-top:20px;
}
#sermon_info{
	float:left;
	width:355px;
	height:210px;
	margin-right:22px;
	margin-bottom:25px;
}
#community_info{
	float:left;
	width:355px;
	height:210px;
	margin-bottom:25px;
}
#focus_info{
	float:left;
	width:410px;
	height:298px;
	margin-right:22px;
	margin-bottom:30px;
}
#photo_info{
	float:left;
	width:300px;
	height:298px;
	margin-bottom:30px;
}
#generation_info{
	float:left;
	width:732px;
	height:445px;
}

.head_title{
	margin:0px;
	padding:0px;
	margin-bottom:15px;
	font-family: 'Nanum Gothic';
	font-size:20px;
	font-weight:bold;
	color:#000;
	letter-spacing:0px;
	text-decoration:none;
}
.head_title>a:hover{text-decoration:none;}
.head_title_en{
	font-family: 'Nanum Gothic';
	font-size:20px;
	font-weight:bold;
	color:#d2d2d2;
	letter-spacing:0px;
	text-decoration:none;
}

.tabbable{margin:0px;padding:0px;}
.nav-tabs{
	border-bottom:1px solid #CDDBE8;
	margin-right:0px;
	margin-bottom:0px;
	font-family: 'Nanum Gothic';
	font-size:12px;
	font-weight:bold;
	color:#5E719B;
	letter-spacing:1px;
}
.nav-tabs>li{width:118.3px;text-align:center;}
.nav-tabs.photo-tabs>li{width:150px;}
.nav-tabs>li.active> a, .nav-tabs>li.active> a:focus{
	border:1px solid #CDDBE8;
	font-family: 'Nanum Gothic';
	font-size:12px;
	font-weight:bold;
	color:#1C6FA1;
	padding:2px 0px;
	margin:0px;
	background-color:#5580C5;
	color:#fff;
	outline: 0;
}
.nav-tabs>li.active> a:hover{
	border:1px solid #CDDBE8;
	font-family: 'Nanum Gothic';
	font-size:12px;
	font-weight:bold;
	color:#1C6FA1;
	padding:2px 0px;
	margin:0px;
	background-color:#5580C5;
	color:#fff;
}
.nav-tabs>li> a{
	border:1px solid #CDDBE8;
	font-family: 'Nanum Gothic';
	font-size:12px;
	font-weight:bold;
	padding:2px 0px;
	margin:0px;
	background-color:#E9E9E9;
	color:#414141;
}
.nav-tabs>li> a:hover{
	border:1px solid #CDDBE8;
	font-family: 'Nanum Gothic';
	font-size:12px;
	font-weight:bold;
	color:#5E719B;
	padding:2px 0px;
	margin:0;
	background-color:#E9E9E9;
	color:#fff;
}
.tab-content, .tab-pane{margin:0px;padding:0px;}
.tab-pane{
	height:142px;
	overflow:hidden;
	border:1px solid #E0E0E0;
	border-top:1px solid #fff;
}
.photo-pane{
	height:225px;
	padding-top:5px;
	padding-bottom:7px;
	padding-left:10px;
}

.sermon_box{
	padding-top:5px;
}
.sermon_box li{
	padding:2px 0px;
	margin: 2px 10px;
}
.sermon_title{
	width:335px;display:inline-block;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
	padding-bottom:5px;
	font-family: 'Nanum Gothic';
	font-size:16px;
	font-weight:bold;
	color:#5580C4;
}
*:first-child+html .sermon_title{padding-bottom:2px}
.sermon_text{
	margin:0px;
	padding:0px;
	margin-top:2px;
	width:190px;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.schedule_box{
	padding-top:8px;
}
.schedule_box li{
	/*border-bottom:solid 1px #f1f1f1;*/
	padding:2px 0px;
	margin:1px 10px;
	height:20px;
	line-height:20px;
}
*:first-child+html .schedule_box li:first-child{padding-left:10px;}

.news_box{
	float:left;
	max-width:384px;
	width:384px;
	max-height:108px; 
	height:108px;
	margin-bottom:5px;
	padding:10px 10px;
	overflow:hidden;
	border:solid 1px #e1e1e1;
}
.news_pic_thumb{
	float:left;
	margin-right:15px;
	width:144px;
	height:108px;
}
.news_pic_thumb img{width:144px;height:108px;}
.news_text_box{
	float:left;
	padding-top:2px;
	max-width:225px;
	width:225px;
	height:103px;
	text-align:left;
	overflow:hidden;
}
.news_pic_thumb.news_text_left{margin-right:0px;}
.news_text_box.news_text_left{margin-right:15px;}
.news_title{
	display:inline-block;
	width:220px;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
	font-family: 'Nanum Gothic';
	font-size:14px;
	font-weight:bold;
	color:#5580C4;
}
.news_text{
	display:inline-block;
	width:220px;
	max-height:56px;
	height:60px;
	padding:0px;
	margin:0px;
	overflow:hidden;
}
.news_baro{
	width:220px;
	font-size:12px;
	color:#000;
}

.photo_box{
	padding-top:0px;
}
.pic_frame{
	float:left;
	text-align:center;
}
.pic_frame:first-child{
	margin-right:12px;	
}
*:first-child+html .pic_frame{
	margin-right:10px;
}
.pic_thumb{
	width:130px;
	height:90px;
	background-color:#fff;
	border:solid 1px #e1e1e1;
}
.pic_thumb img{
	border:0;
	padding:0;
	margin:5px;
	width:120px;
	max-width:120px;
	height:80px;
	max-height:80px; 
}

#img_panel{
	width:732px;
	height:400px;
}
#img_panel img{width:100%; height:100%;}

.col_box{width:330px;}
.col_box1{width:250px;display:inline-block;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.col_box2{width:80px;display:inline-block;float:left;text-align:right;color:#717171;}
.col_line{width:330px;display:inline-block;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.col_pic{width:120px;display:inline-block;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.clear_box{
	clear:both;
}

#sitemap_info{
	margin: 30px auto 30px;
	max-width:980px;
	width:980px;
}
.site_list_line{height:24px;background-color:#ffffff;}
.site_list_title{width:16.6%;vertical-align:top;padding-bottom:50px;background-color:#ffffff;border:1px solid #E0E0E0;}
.site_title{display:inline-block;width:162px;height:24px;padding-top:6px;margin-bottom:10px;text-align:center;font-weight:bold;font-family:'Gulim';font-size:12px;color:#000;background-color:#e5e5e5;letter-spacing:0.1em;}
.site_text{display:inline-block;width:130px;height:20px;padding:5px 0px 0px 25px;color:#515151;background-color:#ffffff;font-family:'Gulim';font-size:12px;}

#footer{
	width:100%;
	height:135px;	
	background-color:#000;
	color:#c1c1c1;
	border-top:5px solid #75C7EC;
}
#quick_box{
	margin: 25px auto 15px;
	max-width:980px;
	width:980px;
}
#quick_menu{
	margin:0px;padding:0px;
}
#quick_menu>li{margin-right:10px;}
#quick_menu>li>a{color:#c1c1c1;margin:0px;padding:0px;font-family:'Nanum Gothic';font-size:11px;letter-spacing:.1px;}
#quick_menu>li>a:hover{line-height:12px;background-color:transparent;}
#footer_box{
	margin: 0 auto;
	max-width:980px;
	width:980px;
	height:70px;
}
#link_panel{
	position:relative;
	left:630px;
	top:-50px;	
	width:150px;	
}
#sns_panel{
	position:relative;
	left:830px;
	top:-78px;	
	width:150px;
}

#side_menu{
	position:absolute;
  	width:76px;
  	height:430px;
  	z-index:9000;
  	margin:0px 0px 0px 510px;
  	padding: 0px;
  	top: 150px;
  	left: 50%;
  	text-align: left;
  	/*border:1px solid #c1c1c1;*/
}