/*///////// normalize.css ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

* {margin:0; padding:0;}
html, button, input, select, textarea { /*color:#222;*/ }
body { font-size:1em; line-height:1.4;
			background-color: #f9f9f9;
			font-family: Arial, Helvetica, Verdana;
			font-size: 14px;
			line-height: 22px;
			/*color: #333;*/
			-webkit-text-size-adjust: none;
}
body *{text-shadow: none;}
a { color:#00e;}
a:visited { color:#551a8b; }
a:hover { color:#06e; }

fieldset { border:0; margin:0; padding:0; }
textarea { resize:vertical; }
i, em, address { font-style:normal; font-weight:normal; }

.nocallout { -webkit-touch-callout:none; }
.pressed { background-color:rgba(0, 0, 0, 0.7); }

textarea[contenteditable] { -webkit-appearance:none; }

.gifhidden { position:absolute; left:-100%; }

.ir { background-color:transparent; background-repeat:no-repeat; border:0;  display:block; overflow:hidden; text-align:left; text-indent:-999em; }
.ir br { display:none; }

.hidden { display:none !important; visibility:hidden; }
.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.invisible { visibility:hidden; }

.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }

/*/////////// (demo.css_¸ð¹ÙÀÏ¸Þ´ºÇÃ·¯±×ÀÎ) /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*p{	margin: 0 0 10px 0;}*/
a, a:link, a:active, a:visited, a:hover{color: #333;}
pre{font-size: 12px;width: 100%;overflow: auto;-webkit-overflow-scrolling: touch;}
/*#page nav{display: none;}*/

.sb-toggle-left {
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 10px;
	cursor: pointer;
}

#header,.header,#footer{
	/*position:fixed;
	z-index:99999;*/
	background:#0F367B;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 40px;
	height: 40px;
	padding: 8px 0px 8px 0px;
}
#header a,
.header a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 8px;
	left: 10px;
}
#header a.friends,
.header a.friends
{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);
}
#header a.right,.header a.right{left: auto;right:10px;}
/*#content,.content{padding: 20px;}*/

#header ul.topsection{clear:both;overflow:hidden; position:absolute; right:5px; top:10px;}
#header ul.topsection li{float:left; margin-left:8px;}
#header ul.topsection li > a{display:block; width:40px; height:40px; position:relative;}
#header ul.topsection li > a.topmu1:after{width:40px; height:40px; display:block; content:""; position:absolute; background:url('/nmaster/image/imgall.png') no-repeat -5px -55px; background-size:208px auto; top:0;}
#header ul.topsection li > a.topmu2:after{width:40px; height:40px; display:block; content:""; position:absolute; background:url('/nmaster/image/imgall.png') no-repeat -35px -55px; background-size:208px auto; top:0;}

/*.page_navi {width:100%; padding-top:2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.page_navi li {display:inline-block;}*/

/*/////////// ¸ÞÀÎ·¹ÀÌ¾Æ¿ô  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
article h2 {
	font-size:15px;
	line-height:38px;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8d9eea),color-stop(1, #5a65bd));
	background-image: -o-linear-gradient(bottom, #8d9eea 0%, #5a65bd 100%);
	background-image: -moz-linear-gradient(bottom, #8d9eea 0%, #5a65bd 100%);
	background-image: -webkit-linear-gradient(bottom, #8d9eea 0%, #5a65bd 100%);
	background-image: -ms-linear-gradient(bottom, #8d9eea 0%, #5a65bd 100%);
	background-image: linear-gradient(to bottom, #8d9eea 0%, #5a65bd 100%);
	border-top:1px solid #d0d2fe;
	border-bottom:2px solid #474aa5;
	text-indent:14px;
	color:#fff;
}
article > ul li {text-indent:14px;border-bottom:1px dashed #ccc;line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow: ellipsis;}

/****** ¸ÞÀÎºñÁÖ¾ó  ******/
.camera_wrap {border-bottom:1px solid #fff;}

/****** ¼³±³¸»¾¸  ******/
.sermon {width:100%; margin-top:0px; overflow:hidden; padding-bottom:20px; background:url(/image/img/mid_bg.jpg) repeat;}

.sermon p {float:left; margin:20px 0 0 14px; width:35%;}

.conleft{float:left; margin-left:15px; width:55%;}
.conleft h2{background-image:none; border:0; padding:0; margin:20px 0 0 0; text-indent:0px; color:#fff;}
.conleft dl{margin:0; padding:0;}
.conleft dt{margin-bottom:0px;}
.conleft dt h3{display:block; width:100%; font-size:13px; margin-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow: ellipsis;}
.conleft dd{font-size:13px; color:#ccc; line-height:130%;}

/****** °øÁö»çÇ×,ÃÖ±Ù°Ô½Ã¹°  ******/
.notice ul{font-size:13px;}
.notice ul li img{vertical-align:middle;}
@media all and (max-width:480px) { .notice ul li img{width:10px;} }
@media all and (max-width:400px) { .notice ul li img{width:15px;} }
@media all and (max-width:320px) { .notice ul li img{width:15px;} }
@media all and (max-width:360px) { .notice ul li img{width:15px;} }
@media all and (max-width:768px) { .notice ul li img{width:10px;} }
@media all and (max-width:800px) { .notice ul li img{width:15px;} }

span.title_bbs {color:#4a4e51;font-weight:bold;margin-right:5px; font-size:13px;}

/****** ±³È¸¾Ù¹ü  ******/
article.gallery_church {margin-top:14px;}
.slider{}

/****** ¸Þ´º ¾ÆÀÌÄÜ  ******/
#btn_menu_icon {background:#e6ebeb;padding:15px 0 10px 0;border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;}
#btn_menu_icon ul {overflow:hidden;margin-bottom:10px;}
#btn_menu_icon ul li {float:left;width:25%;text-align:center;}

/****** ÇªÅÍ  ******/
#in_footer {padding:10px 0; background:url(/image/img/mid_bg.jpg) repeat;}
#in_footer address {margin-top:10px; color:#ccc; text-align:center; font-size:11px; line-height:14px;}
.btn_bottom {margin: 0 auto;width:90%;text-align:center;}
.btn_bottom a { margin-right:0;text-decoration:none;}

/* /////////////////////////////////////////////////////////////// ·Î±×ÀÎ /////////////////////////////////////////////////////////////// */
.login_box {margin:0 15px;}
.login_box ul li {margin-bottom:5px;}
.login_box ul li input {border:1px solid #ccc;border-radius:3px;width:100%;line-height:25px;text-indent:10px;color:#ccc;}
.login_box ul li input:focus {color:#000;}
.login_box ul.save_txt {overflow:hidden;}
.login_box ul.save_txt li {float:left;width:45%;}
.login_box ul.save_txt li input {width:16%;margin-left:5px;vertical-align:middle;}

.contentintro {text-align:center;}
.btngo {display:inline-block; margin:0 auto;}