@charset "utf-8";
/* NAVER (developers@xpressengine.com) */
/* Board */



#board_search { text-align:center; margin:0px 0px 60px;}
#board_search select { width:150px; height:50px; font-size:17px; text-align:center; padding:10px 20px; font-weight:bold; margin-right:5px;} 
.sermon-ul { padding:0px; margin:60px 0px; }
.sermon-ul li { display: inline-block; width: 20%; padding: 15px; font-size: 21px;font-weight: 600; text-align: center; border-right: 1px solid #B0B0B0; border-left: 1px solid #B0B0B0; border-top:1px solid #B0B0B0; margin:0px; border-bottom:1px solid #B0B0B0;}
.sermon-ul li:first-child { border-left: 1px solid #B0B0B0;}
.sermon-ul li:hover { background-color: #E2584D; color:#fff; transition:0.3s all; border:1px solid  #E2584D;}
.sermon-ul li:hover a { color:#fff; transition:0.4s all; text-decoration:none;}
.sermon-ul a { text-decoration:none; }
.sermon-help { padding:0; font-size:18px; margin:0px 0px 25px;}
.bsToggle, .tagSearch { display:none!important; }
.board_list table thead tr { background-color:#FAF9F9; }
.vedio-layout { background-color: #E7E7E7; text-align:right; padding:50px 0px;}
.vedio-content { padding:0px 150px; }
#flash-down a { text-decoration:none; cursor:pointer; display:inline-block; padding:10px 15px; border:1px solid #333333; background-color:#fff; border-radius:3px; font-size:17px; font-weight:bold; margin:27px 0px 0px; float:left;}
#flash-down a:hover { background-color:#1B2D41; color:#fff; transition:0.4s all; }
#online a { text-decoration:none; cursor:pointer; display:inline-block; padding:10px 15px; border:1px solid #333333; background-color:#fff; border-radius:3px; font-size:17px; font-weight:bold; margin:27px 0px 0px; float:right;}
#online a:hover { background-color:#E2584D; color:#fff; transition:0.4s all; }
.sermon-info { text-align:center; padding:10px 35px; background-color:#444f84; color:#fff; font-size:13px; }
.sermon-info .info-title { font-size:24px; }
.sermon-info .info-date { float:left; font-size:17px; top: 7px; position: relative;}
.sermon-info .info-pastor { float:right; font-size:17px; top: 7px; position: relative;}


.board img {
	border: 0;
}
.board,
.board label,
.board table,
.board input,
.board button,
.board textarea,
.board select {
	font-size: 17px;
}
.board select {
	margin: 0;
}
.board .iCheck {
	width: 13px;
	height: 13px;
	margin: 0;
	vertical-align: middle;
}
.board .iCheck+label {
	vertical-align: middle;
}
.board .iText {
	position: relative;
	padding: 4px 9px;
	font-size:14px;
	border: 1px solid #DBDBDB;
	background: transparent;
}
.board textarea {
	margin: 0;
	padding: 3px 4px;
	border: 1px solid #a6a6a6;
	border-right-color: #d8d8d8;
	border-bottom-color: #d8d8d8;
}
.board label {
	display: inline-block;
	margin: 0;
}
/* Category Tab */
.cTab {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	zoom: 1;
	border: 0;
}
.cTab:after {
	content: "";
	display: block;
	clear: both;
}
.cTab li {
	float: left;
	margin: 0 2px 0 0;
	border: 1px solid #e0e0e0;
	border-top: 0;
	border-bottom: 0;
}


.cTab li a {
	position: relative;
	border-top: 1px solid #e0e0e0;
	float: left;
	height: 28px;
	line-height: 28px;
	padding: 0 20px;
	font-size: 11px;
	text-decoration: none;
	color: #666;
	box-sizing:border-box;
	-webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out		
}
.cTab li em {
	font: 11px Tahoma, Geneva, sans-serif;
	color: #767676;
	padding: 0 0 0 2px;
}
.cTab li:hover a,
.cTab li.on a {
	color: #000;
	border-top: 2px solid #CDA25A;
}
.cTab ul {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	margin: 0;
	padding: 0;
}
.cTab li.on ul {
	display: block;
	overflow: hidden;
	white-space: nowrap;
}
.cTab li.on ul li {
	position: relative;
	left: 1px;
	float: none;
	display: inline;
	margin: 0;
	padding: 0 15px;
	list-style: none;
	border: 0;
	border-right: 1px solid #d0d0d0;
}
.cTab li.on ul li a {
	border: 0;
	top: 0;
	float: none;
	line-height: none;
	padding: 0;
	font-weight: normal;
}
.cTab li.on ul li.on_ a {
	font-weight: bold;
	color: #3912b3;
}
/* Board List */
/* list.html */
.board_list {
}
.board_list table {
	border: 0;
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	color: #4a4a4a;
	width:100%; 
}
.board_list a {
	text-decoration: none;
	color: #4a4a4a;
}
.board_list a:hover,
.board_list a:active,
.board_list a:focus {
	text-decoration: underline;
}
.board_list th {
	border: 0;
	border-top:1px solid #777777;
	border-bottom:1px solid #DBDBDB;
	padding: 15px;
	white-space: nowrap;
	font-size:17px;
	background:#FAF9F9;
	text-align:center; 
	font-weight:700;
	color:#000;
}
.board_list th:first-child span {
	border: 0;
}
.board_list th span {
	display: block;
	padding: 0 15px;
	font-size:17px; 
}
.board_list tr.notice {
	background: #f6f6f6;
}
.board_list tr.notice td.title a {
}
.board_list td {
	border: 0;
	border-bottom: 1px solid #e6e6e6;
	padding: 15px 15px;
	white-space: nowrap;
	vertical-align: top;
	font-size:18px;
	text-align:center;
}
.board_list tr:last-child td {
	border: 0;
}
.board_list td.notice {
	text-align: center;
}
.board_list td.no {
	text-align: center;
	font-size: 18px;
}
.board_list td.title {
	white-space: normal;
}
.board_list td.author img {
	position: relative;
	top: -1px;
}
.board_list td.time,
.board_list td.readNum,
.board_list td.voteNum,
.board_list td.lastReply a {
	text-align: center;
	font-size: 18px;
}
.board_list td.lastReply sub {
	font-size: 18px;
}
.board_list td.check {
	text-align: center;
}
.board_list tr.no_article {
	height:150px;
}
.board_list tr.no_article td {
	vertical-align: middle;
}
.list_footer {
	position: relative;
	margin: 30px 0;
	zoom: 1;
}
.list_footer:after {
	content: "";
	display: block;
	clear: both;
}
.list_footer .btnArea {
	float: right;
}
.list_footer .board_search {
	float: right;
	position: relative;
	margin: 0 4px 0 0; }
.list_footer .board_search .xi-magnifier {
	position:absolute; top:7px; left: 7px;
}
.list_footer .board_search * {
	vertical-align: top;
}
.list_footer .board_search .iText {
	height: 42px;
	line-height: 25px;
	padding: 0 px;
	width: 220px;
	border: 1px solid #DBDBDB;
	border-radius: 0px;
	box-sizing:border-box;
	-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out		
}
.list_footer .board_search .iText.active,
.list_footer .board_search .iText:active,
.list_footer .board_search .iText:focus {
	width: 280px;
}
.list_footer .board_search .search_input {display:inline-block; position: relative;}
.list_footer .board_search select {
	height: 42px;
	min-width: 80px;
	padding: 3px;
	border:1px solid #ddd;
	color:#777;
}
.list_footer .board_search .btn {
}
/* Board Write */

/* write_form.html */
.board_write {
}
.write_header {
	padding: 9px 10px 10px 0px;
}
.write_header * {
	vertical-align: middle;
}
.write_header select {
	height: 29px;
	width: 140px;
	padding: 0;
}
.write_header .iText {
	width: 360px;
	margin: 0 10px 0 0;
	background: #fff;
}
.write_editor .xd {
	margin-top: -3px;
}
.write_footer {
	overflow: hidden;
	margin: 1em 0;
}
.write_footer:after {
	content: "";
	display: block;
	clear: both;
}
.write_footer .btnArea {
	float: right;
	margin: 0;
}
.write_option {
	margin: 0 0 1em 0;
}
.write_option label {
	margin: 0 10px 0 0;
}
/* Extra Form */
.exForm {
	background: #fff;
	padding: 10px 0;
}
.exForm table {
	border: 0;
	width: 100%;
}
.exForm caption {
	text-align: right;
	font-size: 11px;
	padding: 0 0 2px 0;
}
.exForm th,
.exForm td {
	border: 0;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
.exForm th {
	color: #333;
	text-align: left;
	padding: 10px 5px 15px 5px;
	white-space: nowrap;
}
.exForm th label {
	cursor: default;
}
.exForm td {
	color: #666;
	padding: 8px 10px;
}
.exForm em {
	font-style: normal;
	color: #f60;
}
.exForm .text,
.exForm .homepage,
.exForm .email_address,
.exForm .tel,
.exForm .address,
.exForm .date {
	position: relative;
    padding: 4px 9px;
    font-size: 14px;
    border: 1px solid #DBDBDB;
    
    
}
.exForm .text,
.exForm .email_address,
.exForm .homepage,
.exForm .address {
	width: 300px;
}
.exForm .tel {
	width: 40px;
}
.exForm .date {
	width: 120px;
}
.exForm textarea {
	width: 90%;
	padding: 3px 4px;
	margin: 0 4px 0 0;
	vertical-align: top;
	border: 1px solid #A6A6A6;
	border-right-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
}
.exForm p {
	margin: 5px 0 0 0;
	font-size: 11px;
}
.exForm ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.exForm li {
	display: inline;
}
.exForm li input {
	width: 13px;
	height: 13px;
	margin: 0 4px 0 0;
	vertical-align: middle;
}
.exForm li label {
	margin: 0 15px 0 0;
}
.exOut {
	background: #fff;
	padding: 10px 0;
}
.exOut table {
	border: 0;
	width: 100%;
}
.exOut th,
.exOut td {
	border: 0;
	vertical-align: top;
	border-bottom: 1px solid #ddd;
	padding: 8px 15px;
}
.exOut th {
	color: #333;
	text-align: left;
	white-space: nowrap;
}
.exOut td {
	color: #666;
	width: 100%;
}
/* Board Read */

/* _read.html */
.board_read {
	zoom: 1;
}
.read_header {
	position: relative;
	margin-bottom:20px;
}
.read_header h1 {
	margin: 0;
	font-size: 21px;
	font-weight: 500;
	/*
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	*/
	color: #555;
	border-top:1px solid #777777;
	background:#FAF9F9;
	padding:14px 25px;
	border-bottom:1px solid #ddd;
}
.read_header h1 a {
	text-decoration: none;
	color: #444;
}
.read_header h1 .category {
	font-weight: normal;
	border-right: 1px solid #DDD;
	padding: 0 13px 0 0;
	margin: 0 8px 0 0;
}
.read_header .meta {
	margin: 0;
	background:#FAF9F9;
	padding: 14px 25px;
	border-bottom: 1px solid #ddd;
	zoom: 1;
	white-space: nowrap;
	color : #666;
	font-size:18px;
}
.read_header .meta > span { margin-left: 8px ;}
.read_header .meta > span:first-child {margin-left:0;}
.read_header .meta:after {
	content: "";
	display: block;
	clear: both;
}
.meta table td, .meta table th { font-size:16px; padding:0px 10px; }
.meta table th { padding-left:0px; }
.meta table td { padding-right:50px; }
.read_header .meta .author {
	text-decoration: none;
	color: #666;
	font-weight: normal;
}
.read_body {
	padding: 15px 10px;
}
.read_body .xe_content {
	color: #868684;
	padding:10px;
	
}
.read_footer {
	overflow: hidden;
}
.read_footer .fileList {
	margin: 15px 0;
	display: inline;
	float: left;
}
.read_footer .toggleFile {
	border: 0;
	background: none;
	cursor: pointer;
	overflow: visible;
	padding: 0;
	color: #4b4b4b;
}
.read_footer .files {
	display: none;
	list-style: none;
	margin: 15px 0;
	padding: 0;
	line-height: 16px;
}
.read_footer .files li {
	background: url(icoSet.gif) no-repeat 0 -28px;
	padding: 0 0 0 15px;
}
.read_footer .files a {
	color: #4b4b4b;
	position: relative;
	text-decoration: none;
}
.read_footer .files a .fileSize {
	visibility: hidden;
	position: absolute;
	padding: 1px 4px;
	left: 100%;
	top: -4px;
	border: 1px solid #ddd;
	font: 11px Tahoma, Geneva, sans-serif;
	background: #fff;
	white-space: nowrap;
}
.read_footer .files a:hover .fileSize,
.read_footer .files a:active .fileSize,
.read_footer .files a:focus .fileSize {
	visibility: visible;
}
.read_footer .tns {
	float: right;
	margin: 15px 0;
}
.read_footer .tns a:hover,
.read_footer .tns a:active,
.read_footer .tns a:focus {
	text-decoration: underline;
}
.read_footer .tags {
	display: inline-block;
	height: 16px;
	font-size: 11px;
	color: #666;
	vertical-align: top;
	padding: 0 15px 0 32px;
	line-height: 16px;
	background: none;
}
.read_footer .tags a {
	text-decoration: none;
	color: #666;
}
.read_footer .tags .xi-tags {
	font-size: 14px;
	margin-right:3px;
}
.read_footer .action {
	display: inline-block;
	line-height: 16px;
	font-size: 11px;
	margin: 0 15px 0 0;
	color: #555;
}
.read_footer .sns{ margin-top:51px;text-align:center; }
.read_footer .sns li{display:inline;vertical-align:top}
.read_footer .sns a{display:inline-block;width:32px;height:32px;border:1px solid #e0e0e0;background-color:#f4f4f4; border-radius:2px;}
.read_footer .sns i{font-size:22px;line-height:32px;color:#bcbcbc}
.read_footer .sns a:hover{border-color:#DECA79;background-color:#f9dc5f;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}
.read_footer .sns a:hover {color:#747474;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}

.read_footer .sign {
	clear: both;
	border: 1px solid #ddd;
	margin: 0 0 -1px 0;
	padding: 10px 15px;
	overflow: hidden;
	zoom: 1;
}
.read_footer .sign .pf {
	float: left;
	margin: 0 15px 0 0;
	width: 80px;
	height: 80px;
}
.read_footer .sign .tx {
	overflow: hidden;
	line-height: 1.3;
	font-size: 11px;
	border-left: 1px dotted #ddd;
	padding: 0 0 0 15px;
	color: #333;
}
.read_footer .sign .tx * {
	margin: 0;
}
.read_footer .btnArea {
	clear: both;
	text-align: right;
	padding: 0px 0;
}
/* Feedback (Trackback+Comment) */
/* _trackback.html | _comment.html */
.feedback {
	position: relative;
	color: #4b4b4b;
	margin: 0 0 20px 0;
}
.feedback .fbHeader {
	position: relative;
	height: 32px;
	padding: 10px 0 0 5px;
	line-height: 30px;
}
#comment .fbHeader .wComment {
	position: absolute;
	top: 10px;
	right: 15px;
	padding: 0 0 0 18px;
	text-decoration: none;
	color: #666;
	line-height: 1;
}
.feedback .fbHeader h2 {
	margin: 0;
	font-size: 14px;
	display: inline;
}
.feedback .fbHeader h2 em {
	font-style: normal;
	color: #CDA25A;
}
.feedback .fbHeader .trackbackURL {
	position: absolute;
	top: 8px;
	right: 10px;
	margin: 0;
	line-height: 1;
	color: #666;
	font: 11px Tahoma, Geneva, sans-serif;
}
.feedback .fbHeader .trackbackURL a {
	text-decoration: none;
	color: #666;
}
.feedback .fbList {
	margin: 0;
	padding: 0;
}
.feedback .fbItem {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #E9E9E9;
	margin: 0 0 -1px 0;
	zoom: 1;
	list-style: none;
}
.feedback .fbItem:last-child {
	border-bottom:none;
}
.feedback .fbItem:after {
	content: "";
	display: block;
	clear: both;
}
.feedback .indent {
	background: url(icoIndent.gif) no-repeat;
}
.feedback .fbMeta {
	padding-top:5px;
/*
	float: left;
	width: 184px;
	padding: 0 0 0 6px;
	*/
}
.feedback .fbMeta .profile {
	float: left;
	width: 38px;
	height: 38px;
	margin: 0 10px 5px 0;
	background: url(profile.gif) no-repeat;
	background-size:100%;
	border-radius: 100%;
}
.feedback .fbMeta .author {
	margin: 0;
	font-size: 12px;
}
.feedback .author a {
	text-decoration: none;
	color: #333;
	font-size:16px;
	font-weight:600;
}
.feedback .author a img {
	margin: 0 6px 0 0 !important;
	vertical-align: top !important;
}
.feedback .time {
	margin: 0;
	font: 11px Tahoma, Geneva, sans-serif;
	color: #8e8e8e;
}
.feedback .xe_content {
/*
	margin: 0 0 0 200px;
	*/
	color: #666;
	line-height: 1.5;
	font-size:18px; 
	margin-top:15px;
}
.feedback .xe_content *:first-child {
	margin-top: 0;
}
#trackback .xe_content {
	color: #888;
}
#trackback .xe_content strong {
	color: #666;
	display: block;
	font-weight: normal;
}
.feedback .fileList {
	margin: 0 0 0 190px;
	padding: 8px 0 0 0;
	display: inline;
	float: left;
	clear: both;
}
.feedback .toggleFile {
	border: 0;
	background: none;
	cursor: pointer;
	overflow: visible;
	padding: 0;
	color: #767676;
}
.feedback .files {
	display: none;
	list-style: none;
	margin: 15px 0;
	padding: 0;
	line-height: 16px;
}
.feedback .files li {
	background: url(icoSet.gif) no-repeat 0 -28px;
	padding: 0 0 0 15px;
}
.feedback .files a {
	color: #767676;
	position: relative;
	text-decoration: none;
}
.feedback .files a .fileSize {
	visibility: hidden;
	position: absolute;
	padding: 1px 4px;
	left: 100%;
	top: -4px;
	border: 1px solid #ddd;
	font: 11px Tahoma, Geneva, sans-serif;
	background: #fff;
	white-space: nowrap;
}
.feedback .files a:hover .fileSize,
.feedback .files a:active .fileSize,
.feedback .files a:focus .fileSize {
	visibility: visible;
}
.feedback .action {
	margin: 0;
	white-space: nowrap;
	
}
.feedback .action .vote {
	margin: 0 10px 0 0;
	color: #767676;
}
.feedback .action a {
	padding: 0 0 0 4px;
	color:#333;
	text-decoration: none;
}
.feedback .action a:hover {
	color:#CDA25A;
}
.feedback .action a.this {
	background: none;
	padding: 0;
	margin: 0 0 0 10px;
	text-decoration: underline;
}
.feedback .pagination {
	padding: 10px 0;
}
.feedback .indent1 {
	padding-left: 20px;
	background-position: 6px 15px;
}
.feedback .indent2 {
	padding-left: 40px;
	background-position: 26px 15px;
}
.feedback .indent3 {
	padding-left: 60px;
	background-position: 46px 15px;
}
.feedback .indent4 {
	padding-left: 80px;
	background-position: 66px 15px;
}
.feedback .indent5 {
	padding-left: 100px;
	background-position: 86px 15px;
}
.feedback .indent6 {
	padding-left: 120px;
	background-position: 106px 15px;
}
.feedback .indent7 {
	padding-left: 140px;
	background-position: 126px 15px;
}
.feedback .indent8 {
	padding-left: 160px;
	background-position: 146px 15px;
}
.feedback .indent9 {
	padding-left: 180px;
	background-position: 166px 15px;
}
.feedback .indent10 {
	padding-left: 200px;
	background-position: 186px 15px;
}
.feedback .indent11 {
	padding-left: 220px;
	background-position: 206px 15px;
}
.feedback .indent12 {
	padding-left: 240px;
	background-position: 226px 15px;
}
.feedback .indent12 .action {display: none}
.fbFooter {
	margin: -10px 0 10px 0;
}
/* Pagination */
/* list.html | _comment.html */
.pagination {
	margin: 0;
	padding: 13px 0;
	text-align: center;
	line-height: normal;
	clear:both;
	display:block !important;
}
.pagination a,
.pagination strong {
	font-weight:bold;
	position: relative;
	color: #767676;
	font-size: 20px;
	vertical-align: top;
	display: inline-block;
	text-decoration: none;
	padding: 5px 11px;
	border-radius:25px;
	/*border:1px solid #ddd;*/
	z-index: 2;
	transition:all ease 0.3s;
}
.pagination a:hover,
.pagination a:active,
.pagination a:focus {
	text-decoration:none;

}
.pagination strong {
	color: #D88700;
	font-size: 20px;
}
.pagination .direction {
	font-weight: normal;
	color: #767676;
	text-decoration: none !important;
	padding: 5px 14px;
	border-radius:25px;
	/*border:1px solid #ddd;*/
	z-index: 1;
}
.pagination .direction:hover,
.pagination .direction:active,
.pagination .direction:focus {
	color: #333;
	background-color: #fff;
}
.pagination .prev {
}
.pagination .next {
}
.pagination .direction span {
	position: relative;
	display: inline-block;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: top;
	top: 4px;
}
.pagination .prev span {
	border: 3px solid;
	border-top: solid #fff;
	border-bottom: solid #fff;
	border-left: 0;
	margin-right: 1px;
	*left: -4px;
}
.pagination .next span {
	border: 3px solid;
	border-top: solid #fff;
	border-bottom: solid #fff;
	border-right: 0;
	margin-left: 1px;
}
/* Write Author */
/* _read.html | write_form.html | comment_form.html */
.write_author {
	float: left;
	margin: 0 4px 0 0;
}
.write_author .item {
	position: relative;
	display: inline-block;
	zoom: 1;
}
.write_author .iLabel {
	top: 6px;
	left: 12px;
	color: #666;
}
.write_author label {
	margin: 0 10px 0 0;
}
/* Write Comment */
/* _read.html | comment_form.html */
.write_comment {
	position: relative;
	margin: 10px 0 10px;
	zoom: 1;
}
.write_comment:after {
	content: "";
	display: block;
	clear: both;
}
.write_comment textarea {
	width: 645px;
	height: 37px;
	margin: 0 0 5px 0;
}
.write_comment .write_author {
	padding: 0 0 10px 0;
}
.write_comment .iText.userName,
.write_comment .iText.userPw {width:100px;}
.write_comment .iText.homePage {width:150px;}
/* Context Data | Context Message */
/* comment_form.html | delete_form.html | delete_comment_form.html | input_password_form.html | message.html */
.context_data {
	background: #f8f8f8;
	border-top: 2px solid #666;
	padding: 15px 20px;
	color: #666;
}
.context_data h3.author {
	margin: 0 0 10px 0;
	color: #333;
}
.context_data h3.title {
	margin: 0 0 10px 0;
	color: #333;
}
.context_data p.author {
	margin: 0;
}
.context_data p.author strong {
	font-weight: normal;
}
.context_data .xe_content {
	color: #666;
}
.context_message {
	text-align: center;
	border-top: 2px solid #666;
}
.context_message h1 {
	font-size: 16px;
	margin: 20px 0;
}
.context_message .btnArea {
	margin: 20px 0;
}
/* Tag List */
.tagList {
	margin: 0;
	padding: 25px;
	border: 1px solid #cdcdcd;
	line-height: 1.2;
	text-align: justify;
}
.tagList a {
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	margin: 0 2px;
}
.tagList a.rank1 {
	font-size: 24px;
	background: #000;
}
.tagList a.rank2 {
	font-size: 18px;
	background: #333;
}
.tagList a.rank3 {
	font-size: 14px;
	background: #666;
}
.tagList a.rank4 {
	font-size: 12px;
	background: #999;
}
.tagList a.rank5 {
	font-size: 12px;
	color: #666;
	text-decoration: underline;
}
.tagFooter {
	text-align: center;
	padding: 20px 0;
}
/* Button 
.board .btn {
	text-decoration: none !important;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 8px 40px !important;
	margin: 0;
	font-family: inherit;
	font-size: 18px;
	color: #fff;
	text-align: center;
	vertical-align: top;
	cursor: pointer;
	overflow: visible;
	background-color:#336fb5;
	background-image: none;
	border: 0;
	border-radius:4px;
	text-shadow:none;
	color:#fff;
	box-shadow:none;
	-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out		
}
*/

.board .btn {
text-decoration: none !important;
    line-height: 50px;
    display: inline-block;
    margin: 0 3px 4px;
    font-family: inherit;
    font-size: 17px;
    height: 50px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    cursor: pointer;
    overflow: visible;
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 30px;
    padding: 0px 30px;
}

.board .btn i {
	width: 24px;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.06);
	height: 25px;
	line-height: 25px;
	display: inline-block;
	margin-left: -12px;
	margin-right: 4px;
	text-align: center;
	padding-left: 2px;
	border-radius: 2px 0 0 2px;
}
.board .btn_insert {
	font-size: 13px;
	border:0;
	cursor:pointer;
	width:130px;
	height:38px;
	border-radius:2px;
	color:#fff; 
	background:#CDA25A;
	-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out	
}
.board .btn_insert:hover {
	background:#555;
}
/* secret form */
.board .secretForm .iText {height:25px; width:150px; box-sizing:border-box;}
.board .secretForm .btn {border-radius: 0 2px 2px 0; }
.board .secretForm p {margin-bottom:5px;}

.xi-icon, .xi-message { display:none; }


.pn { margin:10px auto; }

.bd_rd_prev *, .bd_rd_next * { color:#777;  font-size:16px; text-decoration:none !important; transition:all ease 0.3s; }
.bd_rd_prev, .bd_rd_next { text-decoration:none !important; }
.bd_rd_next { float:right; }

.tmb { cursor:pointer; position:relative; }
.tmb img { width:100%;} 
.erum_gallery_wrap { overflow:hidden; margin:0px auto; padding-left:0px !important; padding-right:0px !important; float:none !important;   }
.gallery_box { margin-bottom:30px;   }
.gallery_title { font-size:16px; font-weight:600; margin-top:10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.gallery_content_title { margin-top:0px; font-size:20px; font-weight:600; }
.gallery_content_desc { padding:15px; text-align:left; position:relative; }
.gallery_content_content { font-size:18px; color:#777;  height:95px; cursor:pointer; }

.gallery_content_box { border:1px solid #ddd; border-bottom:5px solid #ddd; transition:all ease 0.3s; cursor:pointer; margin-bottom:30px; box-shadow: 0 -2px 16px rgba(29,30,31,.1); }
.erum_gallery_wrap input[type="checkbox"] { position:absolute; top:0px; right:0px; top: 20px;     right: 25px; z-index:10; }
.gallery_content_box:hover { border-bottom:5px solid red; transition:0.3s all; }

.btn.focus, .btn:focus, .btn:hover { font-weight:bold!imporant; }

.xs-articlemeta { display:none; }


.viewer_title { font-size:20px; font-weight:600; margin-bottom:0px; padding-left:10px; }

.gallery_content_box > img { width:100%; }

.gallery_content_img_wrap { text-align:center;  padding:20px 0px;}
.gallery_content_img_wrap img { width:100%; }

.bd_prev_next { margin-top:30px; border-bottom:1px solid #ddd; margin-bottom:20px;  }
.w_sns { margin-left:5px; }

.read_footer { margin-bottom:30px; }

.read .sns_icons img { width:inherit !important; cursor:pointer;}

.fa-angle-double-left, .fa-angle-double-right { color:#868664; } 

.read .thumb_sns_area { margin-top:30px; margin-bottom:30px; }

#comment { background:#f9f9f9; padding:20px; border-bottom:1px solid #e5e5e5; margin-top:60px; }

.board textarea { border:1px solid #e5e5e5; resize: none; }

.xeTextEditor { width:90%; display:inline-block; margin:0px !important; }
#comment_submit_wrapper { float:right; width:10%; padding-left:10px;  height:100px; }
#comment_submit_wrapper button { width:100%; height:100%; border:1px solid #cccccc;  background:#fff; font-size: 18px; font-family: 'nanumsquare'; }

.pagination { padding-top:30px; }

.ellipsis {
    width: 100%;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: block;
}

.board_list td.author { text-align:center; }

.title_wrap { margin-bottom:0px; display:inline-block; }

.read_body .xe_content { font-size:18px; }

.gallery_info { display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.6); padding:15px; color:#fff; font-size:18px;  }

.gallery_content { padding-left:15px; padding-right:15px;  }

.gc_pagination { text-align:center; }
.gc_pagination img { margin:0px 3px; }
.gc_pagination a { text-decoration:none; }
.plan { font-size:20px; } 
.new_icon  { font-size:12px; position:relative; top:-2px; left:2px; }

.list_date { 
    font-size: 14px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    color:#868684;
}

.sermon-t { max-width:200px; }
.sermon-t a { max-width:800px;    overflow: hidden;
    text-overflow: ellipsis; display:block; }

.board .cTableWrap { margin:10px auto 50px !important; }
@media(max-width:768px)
{
	.sermon-info .info-date { display:none; }
	.read .thumb_sns_area { padding:0 15px; }
	.board_list th { padding:8px 8px; max-width:200px;}
	.board_list th span { padding:0px; }
	.board_list td { padding:10px 8px; font-size:18px; vertical-align:middle; }
	.board_list .author, .board_list .time, .board_list .readNum, .board_list .check { display:none; }
	.xs-articlemeta { display:block; font-size:16px; color:#777; }
	.xs-articlemeta .xs_author { float:right; }
	.board_list td.no { font-weight:600; font-size:12px; }
	.board .btn { font-size:16px; padding:8px 20px !important; line-height:30px!important; }
	.list_footer .btnArea { }
	.list_footer .board_search { }
	.list_footer .board_search .iText { width:153px; border-radius:0px; height:38px; float:left; }
	.list_footer .board_search select { height:38px; display:inline-block;  }
	.list_footer .board_search .iText.active, .list_footer .board_search .iText:active, .list_footer .board_search .iText:focus { width:163px; }
	.list_footer .board_search .btn { position:relative; }
	.read_header h1 { font-size:18px;  padding:15px; }
	.meta table td, .meta table th { padding:0px 5px; font-size:12px; }
	.read_header .meta { padding:10px; }
	.meta .author { display:block !important; }
	.feedback .fbMeta { width:inherit; }
	.feedback .xe_content { float:none; clear:both; margin:0px; padding:10px; }
	.gallery_box { margin-bottom:15px; }
	.viewer_title { font-size:22px; margin-top:30px; } 
	.bd_rd_prev, .bd_rd_next { font-size:12px; }
	.board .cTableWrap  { width:90%; margin:10px auto 50px !important;  }
	.cTable td { font-size:12px; }
	.cNav { top:5px; }
	.cNav.fa-angle-left { left:0px; font-size:22px; color:#777; cursor:pointer; }
	.cNav.fa-angle-right { right:0px; font-size:22px; color:#777; cursor:pointer; }
	.gallery_content_box { width:100%; }
	  
	.pagination a, .pagination strong { /*font-size:18px; padding:5px 10px;  letter-spacing:0px;*/
	
	border-radius: 50%;
    behavior: url(/layouts/erum/pie/PIE.htc);
    width: 30px;
    height: 30px;
    padding: 5px 4px;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    position: relative;
     }
	
	
	.read_body .xe_content { font-size:16px; padding:0px;  }
	.xeTextEditor  { width:100%; }
	#comment_submit_wrapper { width:100%;  padding:0px; height:30px; }
	.pagination .direction { padding:5px; }
	.bd_rd_prev *, .bd_rd_next * { font-size:14px; }
	.pn table td {   overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .bd_rd_next { float:none; }
    .thumb_sns_area { margin-top:15px !important; }
    .read .sns_icons img { width:25px !important; height:25px !important; margin-left: 5px; }
    
    
    .gallery_content { width:100%; float:none; padding:0px; }
    
    
    
    .erum_gallery_wrap { margin:0 auto; }
    .slash { display:none; }
    
    .write_footer .btnArea { margin-top:15px; }
    select[name='category_srl'] { margin-bottom:15px; }
    .board .iText { font-size:18px; }
    .write_header { padding:0px; }
    .write_header .iText { width:100%; margin:0px; }
	.cke_wysiwyg_frame { -webkit-overflow-scrolling: touch; }     
}



@media (min-width:1200px) and (max-width:1499px) {
	.sermon-t a { max-width:800px; }
}

@media (min-width:993px) and (max-width:1199px) {

}

@media (min-width:768px) and (max-width:992px) {
.sermon-t a { max-width:400px; }
}

@media (max-width:767px) {
	.sermon-info .info-title { font-size:20px; }
}