/********** main page **********/

.wrap {
	position: relative;
	width: 100%;
	max-width:1920px;
	margin:0 auto;
}
.main {width:100%;}
/* layer popup */
.disabled_back {
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:99999; /* popup level 5*/
}
.layer_popup {
	display:none;
	overflow-y:scroll;
	position:fixed;
	top:0px;
	left:50%;
	margin-left:-510px;
	padding:10px;
	width:1200px;
	height: 85%;
	background:white;
	border-radius:10px;
	box-shadow:4px 4px 6px rgba(0,0,0,0.3), -4px 4px 4px rgba(0,0,0,0.2) ,4px -4px 4px rgba(0,0,0,0.2);
	box-sizing:border-box;
	z-index:999999; /* popup level 6*/
}
/* 1200 */
@media all and (max-width:1200px) {
	.layer_popup {
		position:absolute;
		overflow:auto;
		width:100%;
		margin:0;
		left:0;
	}
	
}

/***** header *****/

.header {
	position: static;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	z-index: 9999999; /* popup level 7*/
}

.header .content {
	width: 1200px;
	margin: 0 auto;
}

.logo {
	float: left;
	margin: 15px 0;
	transition: all 0.2s;
}

.logo img {
	width: 100%;
	transition: all 0.2s;
}


/* tnb */

.tnb {
	float: right;
	margin-top: 24px;
	transition: all 0.2s;
}

.tnb > li {
	float: left;
	margin-left: 10px;
	width: 56px;
	height:56px;
	padding-top:13px;
	box-sizing:border-box;
	background-color:#e5e5e5;
	border-radius:100%;
	text-align:center;
}

.tnb > li > a {
	font-size: 10px;
	color: #999;
}

.tnb > li > a .icon {
	display:block;
	margin:0 auto;
	font-size:16px;
	padding-bottom:3px;
}

.tnb > li:hover > a {
	color:#333;
}


/* gnb */

.gnb {
	float: right;
}

.gnb .gnb_list {
	float: left;
	margin-top: 40px;
	transition: all 0.2s;
}

.gnb .gnb_list > li {
	float: left;
	position:relative;
	margin-right: 0px;
	padding:0 20px;
}

.gnb .gnb_list > li > a {
	padding: 7px 0px;
	font-size: 14px;
	color: #444;
}

.gnb .gnb_list > li > a:hover {
	color: #9bbb59;
	border-bottom: 1px solid #9bbb59;
}

.gnb_list_scd {
	display:none; position:absolute; top:25px; left:0; width:100%; padding:50px 20px 20px 20px;  background-color:#fff; box-sizing:border-box; z-index:999999;
}
.gnb_list_scd > li {margin:10px 0; font-size:14px; font-weight:bold;}
.gnb_list_scd > li > .link {display:inline-block; color:#333; padding:5px 0;}
.gnb_list_scd > li > .link:hover {color:#9bbb59;}


/* fixed header */

.header.fixed {
	position: fixed;
}

.header.fixed .logo {
	margin: 5px 0;
}

.header.fixed .logo img {
	width: 60%;
}

.header.fixed .gnb .gnb_list {
	margin-top: 13px;
}

.header.fixed .gnb .tnb {
	margin-top: 0px;
}


/* page up down */

.page_scroll {
	position: fixed;
	bottom: 80px;
	right: 10px;
	z-index: 99999999;
}

.btn_up {
	display: block;
	width: 30px;
	height: 30px;
	margin-bottom: 3px;
	border: 1px solid #aaa;
	text-align: center;
	line-height: 30px;
	cursor:pointer;
}

.btn_bott {
	display: block;
	width: 30px;
	height: 30px;
	border: 1px solid #aaa;
	text-align: center;
	line-height: 30px;
	cursor:pointer;
}
.btn_up i, .btn_bott i {
	line-height:30px;
}

/***** main *****/


/* banner */

.banner_area {
	position: relative;
	width: 100%;
	background: url("../img/body/bann_bg.jpg") no-repeat center center fixed;
	background-size: cover;
}

.banner {
	position: absolute;
	top: 42%;
	width: 100%;
	-webkit-transform: translateY(-50%);
}

.bann_list {
	overflow: hidden;
	position: relative;
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.bann_list .bann_tit {
	display: block;
	margin-bottom: 35px;
	font-size: 55px;
	font-weight: bold;
	color: #9bbb59;
}
.bann_list .owl-nav {
	display: block;
	position: absolute; 
	top: 40%;
	width: 100%;
}
.bann_list .owl-nav .owl-prev,
.bann_list .owl-nav .owl-next {
	border: 0;
	width: 50px;
	height: 156px;
}
.bann_list .owl-nav .owl-prev span,
.bann_list .owl-nav .owl-next span {
	display: none;
}
.bann_list .owl-nav .owl-prev {
	position: absolute;
	top: 0;
	left: 0;
	background: url("../img/body/btn_gal_prev.png") no-repeat;
	cursor: pointer;
}
.bann_list .owl-nav .owl-next {
	position: absolute;
	top: 0;
	right: 0;
	background: url("../img/body/btn_gal_next.png") no-repeat;
	cursor: pointer;
}

.bann_list div.owl-dots {
	margin-top: 110px;
}
.bann_list button.owl-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0px 3px;
	padding: 0;
	background: #ccc;
	border: 0;
	cursor: pointer;
	border-radius: 10px;
}

.bann_list button.owl-dot.active {
	background: #444;
}

.js_spanize span {
	animation: letter-glow 0.7s 0s ease both;
	vertical-align: middle;
}

.js_spanize span:nth-child(1) {
	animation-delay: 0.05s;
}

.js_spanize span:nth-child(2) {
	animation-delay: 0.1s;
}

.js_spanize span:nth-child(3) {
	animation-delay: 0.15s;
}

.js_spanize span:nth-child(4) {
	animation-delay: 0.2s;
}

.js_spanize span:nth-child(5) {
	animation-delay: 0.25s;
}

.js_spanize span:nth-child(6) {
	animation-delay: 0.3s;
}

.js_spanize span:nth-child(7) {
	animation-delay: 0.35s;
}

.js_spanize span:nth-child(8) {
	animation-delay: 0.4s;
}

.js_spanize span:nth-child(9) {
	animation-delay: 0.45s;
}

.js_spanize span:nth-child(10) {
	animation-delay: 0.5s;
}

.js_spanize span:nth-child(11) {
	animation-delay: 0.55s;
}

.js_spanize span:nth-child(12) {
	animation-delay: 0.6s;
}

.js_spanize span:nth-child(13) {
	animation-delay: 0.65s;
}

.js_spanize span:nth-child(14) {
	animation-delay: 0.7s;
}

.js_spanize span:nth-child(15) {
	animation-delay: 0.75s;
}

.js_spanize span:nth-child(16) {
	animation-delay: 0.8s;
}

.js_spanize span:nth-child(17) {
	animation-delay: 0.85s;
}

.js_spanize span:nth-child(18) {
	animation-delay: 0.9s;
}

.js_spanize span:nth-child(19) {
	animation-delay: 0.95s;
}

.js_spanize span:nth-child(20) {
	animation-delay: 1s;
}

.js_spanize span:nth-child(21) {
	animation-delay: 1.05s;
}

.js_spanize span:nth-child(22) {
	animation-delay: 1.1s;
}

.js_spanize span:nth-child(23) {
	animation-delay: 1.15s;
}

.js_spanize span:nth-child(24) {
	animation-delay: 1.2s;
}

.js_spanize span:nth-child(25) {
	animation-delay: 1.25s;
}

.js_spanize span:nth-child(26) {
	animation-delay: 1.3s;
}

.js_spanize span:nth-child(27) {
	animation-delay: 1.35s;
}

.js_spanize span:nth-child(28) {
	animation-delay: 1.4s;
}

.js_spanize span:nth-child(29) {
	animation-delay: 1.45s;
}

.js_spanize span:nth-child(30) {
	animation-delay: 1.5s;
}

.js_spanize span:nth-child(31) {
	animation-delay: 1.55s;
}

.js_spanize span:nth-child(32) {
	animation-delay: 1.6s;
}

.js_spanize span:nth-child(33) {
	animation-delay: 1.65s;
}

.js_spanize span:nth-child(34) {
	animation-delay: 1.7s;
}

.js_spanize span:nth-child(35) {
	animation-delay: 1.75s;
}

.js_spanize span:nth-child(36) {
	animation-delay: 1.8s;
}

.js_spanize span:nth-child(37) {
	animation-delay: 1.85s;
}

.js_spanize span:nth-child(38) {
	animation-delay: 1.9s;
}

.js_spanize span:nth-child(39) {
	animation-delay: 1.95s;
}

.js_spanize span:nth-child(40) {
	animation-delay: 2s;
}

.js_spanize span:nth-child(41) {
	animation-delay: 2.05s;
}

.js_spanize span:nth-child(42) {
	animation-delay: 2.1s;
}

.js_spanize span:nth-child(43) {
	animation-delay: 2.15s;
}

.js_spanize span:nth-child(44) {
	animation-delay: 2.2s;
}

.js_spanize span:nth-child(45) {
	animation-delay: 2.25s;
}

.js_spanize span:nth-child(46) {
	animation-delay: 2.3s;
}

.js_spanize span:nth-child(47) {
	animation-delay: 2.35s;
}

.js_spanize span:nth-child(48) {
	animation-delay: 2.4s;
}

.js_spanize span:nth-child(49) {
	animation-delay: 2.45s;
}

.js_spanize span:nth-child(50) {
	animation-delay: 2.5s;
}

.js_spanize span:nth-child(51) {
	animation-delay: 2.55s;
}

.js_spanize span:nth-child(52) {
	animation-delay: 2.6s;
}

.js_spanize span:nth-child(53) {
	animation-delay: 2.65s;
}

.js_spanize span:nth-child(54) {
	animation-delay: 2.7s;
}

.js_spanize span:nth-child(55) {
	animation-delay: 2.75s;
}

.js_spanize span:nth-child(56) {
	animation-delay: 2.8s;
}

.js_spanize span:nth-child(57) {
	animation-delay: 2.85s;
}

.js_spanize span:nth-child(58) {
	animation-delay: 2.9s;
}

.js_spanize span:nth-child(59) {
	animation-delay: 2.95s;
}

.js_spanize span:nth-child(60) {
	animation-delay: 3s;
}

.js_spanize span:nth-child(61) {
	animation-delay: 3.05s;
}

.js_spanize span:nth-child(62) {
	animation-delay: 3.1s;
}

.js_spanize span:nth-child(63) {
	animation-delay: 3.15s;
}

.js_spanize span:nth-child(64) {
	animation-delay: 3.2s;
}

.js_spanize span:nth-child(65) {
	animation-delay: 3.25s;
}

.js_spanize span:nth-child(66) {
	animation-delay: 3.3s;
}

.js_spanize span:nth-child(67) {
	animation-delay: 3.35s;
}

.js_spanize span:nth-child(68) {
	animation-delay: 3.4s;
}

.js_spanize span:nth-child(69) {
	animation-delay: 3.45s;
}

.js_spanize span:nth-child(70) {
	animation-delay: 3.5s;
}

.js_spanize span:nth-child(71) {
	animation-delay: 3.55s;
}

.js_spanize span:nth-child(72) {
	animation-delay: 3.6s;
}

.js_spanize span:nth-child(73) {
	animation-delay: 3.65s;
}

.js_spanize span:nth-child(74) {
	animation-delay: 3.7s;
}

.js_spanize span:nth-child(75) {
	animation-delay: 3.75s;
}

.js_spanize span:nth-child(76) {
	animation-delay: 3.8s;
}

.js_spanize span:nth-child(77) {
	animation-delay: 3.85s;
}

.js_spanize span:nth-child(78) {
	animation-delay: 3.9s;
}

.js_spanize span:nth-child(79) {
	animation-delay: 3.95s;
}

.js_spanize span:nth-child(80) {
	animation-delay: 4s;
}

.js_spanize span:nth-child(81) {
	animation-delay: 4.05s;
}

.js_spanize span:nth-child(82) {
	animation-delay: 4.1s;
}

.js_spanize span:nth-child(83) {
	animation-delay: 4.15s;
}

.js_spanize span:nth-child(84) {
	animation-delay: 4.2s;
}

.js_spanize span:nth-child(85) {
	animation-delay: 4.25s;
}

.js_spanize span:nth-child(86) {
	animation-delay: 4.3s;
}

.js_spanize span:nth-child(87) {
	animation-delay: 4.35s;
}

.js_spanize span:nth-child(88) {
	animation-delay: 4.4s;
}

.js_spanize span:nth-child(89) {
	animation-delay: 4.45s;
}

.js_spanize span:nth-child(90) {
	animation-delay: 4.5s;
}

.js_spanize span:nth-child(91) {
	animation-delay: 4.55s;
}

.js_spanize span:nth-child(92) {
	animation-delay: 4.6s;
}

.js_spanize span:nth-child(93) {
	animation-delay: 4.65s;
}

.js_spanize span:nth-child(94) {
	animation-delay: 4.7s;
}

.js_spanize span:nth-child(95) {
	animation-delay: 4.75s;
}

.js_spanize span:nth-child(96) {
	animation-delay: 4.8s;
}

.js_spanize span:nth-child(97) {
	animation-delay: 4.85s;
}

.js_spanize span:nth-child(98) {
	animation-delay: 4.9s;
}

.js_spanize span:nth-child(99) {
	animation-delay: 4.95s;
}

.js_spanize span:nth-child(100) {
	animation-delay: 5s;
}

@keyframes letter-glow {
	0% {
		opacity: 0;
		text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
	}
	33% {
		opacity: 1;
		text-shadow: 2px 2px 1.5px rgba(0, 0, 0, 0.3);
	}
	77% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
	}
}

.bann_list .bann_word {
	margin-bottom: 35px;
	font-size: 27px;
	font-weight: bold;
	color: #333;
}

.bann_list .bann_txt {
	font-size: 27px;
	font-weight: bold;
	color: #bbb;
}


/* sermon_area */

.sermon_area {
	width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

.sermon_area > .tit {
	width: 50px;
	margin: 0 auto;
	padding-bottom: 8px;
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	color: #333;
	border-bottom: 1px solid #333;
}

.sermon_area > .tit_eng {
	padding-top: 5px;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	text-align: center;
}

.srm_tab {
	margin-top: 40px;
	text-align: center;
	font-size: 0;
}

.srm_tab .tab {
	display: inline-block;
	width: 13%;
	margin: 0 0.5%;
	border: 1px solid #ccc;
	cursor:pointer;
}
.srm_tab .tab:hover {
	color: #fff;
	background-color: #9bbb59;
}

.srm_tab .tab > span {
	display: block;
	width: 100%;
	padding: 10px 0;
	font-size: 13px;
	font-weight: bold;
	color: #888;
	transition: all 0.2s;
}

.srm_tab .tab > span.active {
	color: #fff;
	background-color: #9bbb59;
}

.srm_tab .tab > span:hover {
	color: #fff;
	background-color: #9bbb59;
}
.srm_board_mobi {
	display: none;
}
.srm_board {
	display: none;
	margin-top: 45px;
	background-color: #fff;
}

.srm_board.active {
	display: block;
}

.srm_tbl {
	width: 100%;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	text-align: center;
}

.srm_tbl .col8 {
	width: 8%;
}

.srm_tbl .col47 {
	width: 47%;
}

.srm_tbl .col18 {
	width: 18%;
}

.srm_tbl .col15 {
	width: 15%;
}

.srm_tbl .col12 {
	width: 12%;
}

.srm_tbl thead th {
	position: relative;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding: 4px 0 7px;
	border-bottom: 1px solid #333;
}

.srm_tbl thead th:before {
	content: "";
	position: absolute;
	top: 9px;
	right: 0;
	width: 1px;
	height: 11px;
	background: #333;
}

.srm_tbl thead th:last-child:before {
	display: none;
}

.srm_tbl tbody td {
	padding: 5px 0 7px;
	font-size: 13px;
	color: #666666;
}

.srm_tbl tbody tr:hover {
	background-color: #e6eed5;
}

.srm_tbl tbody tr:last-child td {
	padding-bottom: 10px;
}

.srm_tbl tbody td .link {
	display: block;
	font-size: 13px;
	color: #666666;
}

.srm_tbl tbody td.sbj {
	text-align: left;
	padding-left: 20px;
}

.page_navi {
	margin-top: 45px;
	text-align: center;
	font-size: 0;
}

.page_navi > a {
	display: inline-block;
	width: 27px;
	height: 27px;
	margin: 0 1px;
	line-height: 24px;
	font-size: 13px;
	text-align: center;
	border: 1px solid #ddd;
	color: #aaa;
	vertical-align:middle;
}

.page_navi > a:hover {
	color: #666;
	border: 1px solid #666;
}

.page_navi > a > i {
	line-height: 27px;
}

.search {
	width: 300px;
	margin: 20px auto 0;
	border: 1px solid #ccc;
	text-align: center;
}

.srch_cate {
	height: 25px;
	border: none;
	background: none;
	font-size: 12px;
}

.srch_txt {
	height: 25px;
	border: none;
	background: none;
}

.btn_search {
	display: inline-block;
	height: 25px;
	vertical-align: middle;
}

.btn_search > i {
	font-size: 14px;
	line-height:25px;
	vertical-align: middle;
}
/*1200*/
@media all and (max-width:1200px){
	.search {
		position:relative;
	}
	.btn_search {
		position:absolute;
		top:0; right:3px;
	}
	

}

/* board_area */

.board_area {
	width: 100%;
	padding-top:40px;
	background-color: #ededed;
}

.board_area .tit {
	width: 100px;
	margin: 0 auto;
	padding-bottom: 8px;
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	color: #333;
}

.board_area .tit_eng {
	padding-top: 5px;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	text-align: center;
}

.board_area div.owl-dots {
	margin-top: 15px;
}

.board_area button.owl-dot {
	display: inline-block;
	width: 30px;
	height: 5px;
	background: #ccc;
	border: 0;
	margin: 0px 2px;
	cursor: pointer;
}

.board_area button.owl-dot.active {
	background: #444;
}

.owl-nav {
	display: none;
}

.board_area .content {
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0;
	text-align: center;
}

.board_sec {
	display: inline-block;
	width: 100%;
	min-height: 400px;
	margin: 0 1%;
	padding: 25px 20px;
	font-size: 13px;
	background: #fff;
	box-sizing: border-box;
	vertical-align: top;
	transition: all 0.2s;
}

.board_sec .tit {
	text-align: center;
	font-size: 20px;
}

.board_sec .tit .link {
	display: inline-block;
	margin-bottom: 13px;
	padding-bottom: 10px;
	color: #9bbb59;
	border-bottom: 1px solid #9bbb59;
}

.board_sec .icon {
	display: block;
	margin: 0 auto;
}

.board_sec .list {
	margin-top: 25px;
}

.board_sec .list > li {
	overflow: hidden;
	border-top: 1px dotted #666;
	padding: 12px 0;
}

.board_sec .list > li:last-child {
	border-bottom: 1px dotted #888;
}

.board_sec .list > li > .link {
	float: right;
	overflow: hidden;
	display: inline-block;
	width: 100%;
	font-size: 13px;
	color: #888;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align:left;
}

.board_sec .list > li > .txt_cate {
	float: left;
	display: inline-block;
	padding: 2px 5px;
	background-color: #9bbb59;
	color: #fff;
}

.board_sec .list > li > .link .txt_name {
	font-weight: bold;
	color: #333;
}

.board_sec .list.fbd_list > li > .link {
	overflow: auto;
	text-overflow: clip;
	white-space: inherit;
	text-align: left;
	width: 80%;
}

.board_sec:hover {
	background: #9bbb59;
}

.board_sec:hover .tit .link {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.board_sec:hover .list > li > .link {
	color: #fff;
}

.board_sec:hover .list > li {
	border-top: 1px dotted #fff;
}

.board_sec:hover .list > li:last-child {
	border-bottom: 1px dotted #fff;
}

.board_sec:hover .list > li > .txt_cate {
	background-color: #fff;
	color: #9bbb59;
}


/* worship_area */

.worship_area {
	width:100%;
	padding: 60px 0;
	background-color: #fff;
	border-top:2px solid #eee;
}
.worship_cont {width:1200px; margin:0 auto;}

.worship_area .tit {
	width: 100px;
	margin: 0 auto;
	padding-bottom: 8px;
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	color: #333;
	border-bottom: 1px solid #333;
}

.worship_area .tit_eng {
	padding-top: 5px;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	text-align: center;
}

.wrsp_tbl {
	width: 100%;
	margin-top: 60px;
	border-top: 2px solid #aaa;
	text-align: center;
}

.wrsp_tbl .col33 {
	width: 33.33%;
}

.wrsp_tbl thead th {
	padding: 10px 0;
	border: 1px solid #ececec;
	font-size: 13px;
	color: #333;
	background-color: #f3f3f3;
}

.wrsp_tbl thead th:first-child {
	border-left: none;
}

.wrsp_tbl thead th:last-child {
	border-right: none;
}

.wrsp_tbl tbody tr {
	transition: all 0.2s;
}

.wrsp_tbl tbody tr:nth-child(even) {
	background-color: #faf9fe;
}

.wrsp_tbl tbody tr:hover {
	background-color: #f3f3f3;
}

.wrsp_tbl tbody td {
	padding: 10px 0;
	border: 1px solid #ececec;
	font-size: 13px;
	color: #666;
}

.wrsp_tbl tbody td:first-child {
	border-left: none;
}

.wrsp_tbl tbody td:last-child {
	border-right: none;
}

.wrsp_tbl tbody td:nth-child(2) {
	padding: 0;
}

.wrsp_tbl tbody td .incr_num {
	display: inline-block;
	padding: 5px 10px;
	font-weight: bold;
	vertical-align: middle;
	letter-spacing: 2px;
}


/* gallery_area */

.gallery_area {
	position: relative;
	width: 100%;
	background-color: #f2f2f2;
}

.gallery_area .content {
	width: 1020px;
	margin: 0 auto;
	padding: 50px 0;
	text-align: center;
}

.gallery_area .tit {
	width: 80px;
	margin: 0 auto;
	padding-bottom: 8px;
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	border-bottom: 1px solid #333;
}

.gallery_area .tit .link {
	color: #333;
}

.gallery_area .tit_eng {
	padding-top: 5px;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	text-align: center;
}
.gal_list {
	overflow: hidden; 
	width: 100%;
	margin-top: 40px;
}
.gal_list li {
	width:235px;
	height:155px;
	margin:0 auto;
}
.gal_thumb_wrap {
	position:relative;
	overflow:hidden;
	padding-top: 65.95%;
}
.gal_thumb_wrap .centered {
	display:block;
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	-webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
.gal_thumb_wrap .centered > img {
	position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
}
.gal_thumb_wrap .centered img.portrait {width:100%; height:auto;}

.gallery_area div.owl-dots {
	margin-top: 15px;
}

.gallery_area button.owl-dot {
	display: inline-block;
	width: 40px;
	height: 4px;
	background: #ccc;
	border: 0;
	margin: 0px 2px;
	cursor: pointer;
}
.gallery_area button.owl-dot.active {
	background: #9bbb59;
}


/* location_area */

.location_area {
	width: 100%;
	margin: 0 auto;
	padding: 60px 0 0;
	background-color: #fff;
}

.location_area .tit {
	width: 100px;
	margin: 0 auto;
	padding-bottom: 8px;
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	color: #333;
	border-bottom: 1px solid #333;
}

.location_area .tit_eng {
	padding-top: 5px;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	text-align: center;
}

.location_area .addr {
	display: block;
	margin-top: 60px;
	font-size: 35px;
	font-weight: bold;
	text-align: center;
}

.location_area .tel {
	display: block;
	margin-top: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #bfbfbf;
	text-align: center;
}

.location_area .tel.f_small {
	font-size:15px;
}

.link_direct {display:block; padding-top:40px; font-size:25px; font-weight:bold; color:#9bbb59; text-align:center;}

.location_area .loca_map {
	margin-top: 40px;
}

.location_area #map {
	width: 100%;
	height: 400px;
}


/* contact us */
.contact_area {
	position: relative;
	width: 100%;
	background-color: #fff;
	border-bottom:2px solid #eee;
	padding: 50px 0;
}

.contact_area .content {
	position:relative;
	width: 1200px;
	margin: 0 auto;
	
	text-align: center;
}

.contact_area .tit {
	width: 180px;
	margin: 0 auto;
	padding-bottom: 8px;
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	border-bottom: 1px solid #333;
}

.contact_area .tit .link {
	color: #333;
}

.contact_area .tit_eng {
	padding-top: 5px;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	text-align: center;
}

.contact_info {padding:50px 25px; box-sizing:border-box; text-align:center; color:#333;}
.contact_info_left {float:left; width:49%;}
.contact_ipt {width:100%; margin-bottom:13px; padding:15px 10px; font-size:14px; border:1px solid #ddd; border-radius:3px;}
.contact_ipt:last-of-type {margin:0;}
.contact_text {float:right; width:49%; height:170px; padding:15px 10px; font-size:14px; border:1px solid #ddd; box-sizing:border-box; border-radius:3px; resize:none;}
.contact_submit {clear:both; position:relative; top:30px; padding:10px 30px; border:0; background-color:#488ac7; color:#fff; font-size:14px;}

@media screen and (max-width: 1200px) {
.contact_area .content {width:100%;}
}

/* offering */

.offering_area {
	width: 100%;
	margin: 0 auto;
	padding: 60px 0 80px;
	background-color: #fff;
	text-align:center;
}

.offering_area .tit {
	width: 120px;
	margin: 0 auto;
	padding-bottom: 8px;
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	color: #333;
	border-bottom: 1px solid #333;
}

.offering_area .tit_eng {
	margin-bottom: 60px;
	padding-top: 5px;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	text-align: center;
}

.offering_area .account {
	/*opacity: 0;*/
	font-size: 36px;
	color: #888;
	text-align: center;
	padding-bottom:15px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	/*padding-left: 30%;*/
}

.offering_area .account:last-child {
	padding-left: 0;
	/*padding-right: 30%;*/
}

.offering_area .account .num {
	color: #6e6e6e;
}
@media screen and (max-width:1020px){
	.offering_area .account {opacity:1;}
}

.offering_area .account_sub {
	font-size:20px;
	color:#6e6e6e;
	text-align:center;
}

.offering_area .account_sub.pdn {
	padding:20px 0;
}

.offering_area .account_sub.bck {
	display:inline-block;
	margin:0 auto;
	padding:5px 15px;
	background-color:#333;
	color:#fff;
	border-radius:3px;
}

/***** footer *****/

.footer {
	width: 100%;
	background: #313131;
	padding: 35px;
}

.foot_icon_list {text-align:center;}

.copy {
	width: 1200px;
	margin: 0 auto;
	color: #666;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
}

.copy .c_today {
	color: #808080;
}

.copy .c_total {
	color: #808080;
}
.copy .txt_copy.gray {
	color:#555;
}


/********** mobile page **********/


/***** header *****/


/* gnb */

.gnb_mobi {
	display: none;
}
.gnb_mobi .gnb_list_scd_mobi {padding-left:15px;}
.gnb_mobi .gnb_list .gnb_list_scd_mobi > li > a {color:#888;}

/* 1200 */
@media all and (max-width:1200px) {
	/* header */
	.header .content {
		width: 100%;
	}
	.header .content .logo {
		margin: 10px 6px;
	}

	.header .content .logo img {
		width: 45%;
	}

	.gnb .tnb {
		display: none;
	}
	
	/* mobile gnb */
	.gnb {
		display: none;
	}
	.gnb_mobi {
		position: absolute;
		top:44px; left: 0;
		width: 100%;
		padding: 15px 50px 25px;
		box-sizing: border-box;
		background: #ededed;
		text-align: center;
		box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
		z-index: 99999999;
	}
	.btn_sand {
		position: absolute;
		top: 10px; right: 15px;
		cursor: pointer;
	}
	.btn_sand .line {
		display: block;
		width: 25px;
		height: 2px;
		margin: 4px 0;
		background-color: #333;
	}
	
	.gnb_mobi .gnb_list {
		
	}
	.gnb_mobi .gnb_list li {
		display: inline-block;
		margin: 10px 0;
	}
	.gnb_mobi .gnb_list li a {
		color: #444;
		font-size: 13px;
		padding: 5px 0;
		margin-right: 20px;
	}
	.gnb_mobi .gnb_list li a:hover {
		color: #9bbb59;
		border-bottom: 1px solid #9bbb59;
	}
	.gnb_mobi .tnb {
		overflow: hidden;
		position: absolute;
		top: -63px;
		right: 70px;
		z-index: 99999999;
	}
	.gnb_mobi .tnb li {padding:0; background:0;}
	.gnb_mobi .tnb li a {
		color: #9bbb59;
	}
	.gnb_mobi .tnb li a i {
		color: #9bbb59;
	}
	
	
	/* banner */
	.bann_list {
		width: 100%;
	}
	.bann_list .bann_tit {
		font-size: 5vw;
	}
	.bann_list .bann_word {
		font-size: 2vw;
	}
	.bann_list .bann_txt {
		font-size: 2vw;
	}
	
	/* sermon_board */
	.srm_tbl {
		display: none;
	}
	
	/* board_area */
	.board_area .content {
		width: 100%;
	}
	.board_sec {
		width: 100%;
	}
	.sermon_area {
		width: 100%;
	}
	.worship_area {
		width: 100%;
	}
	.worship_cont{
		width: 100%;
	}
	.gallery_area .content {
		width: 100%;
	}
	.offering_area {
		width: 100%;
	}
	.copy {
		width: 100%;
	}
	
	/* sermon_area */
	.srm_board_mobi {
		display: block;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.srm_list_mobi {
		width: 100%;
		border-top: 1px solid #ccc;
	}
	.srm_list_mobi li {
		padding: 15px 10px 7px;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
	}
	.srm_list_mobi .link {
		display: block;
		width: 100%;
		height: 100%;
	}
	.srm_list_mobi .date {
		font-size: 13px;
		color: #9bbb59;
	}
	.srm_list_mobi .sbj {
		display: inline-block;
		padding: 3px 0;
		font-size: 14px;
		font-weight: bold;
		color: #333;
	}
	.srm_list_mobi .word {
		font-size: 13px;
		color: #555;
	}
	.srm_list_mobi .word:before {
		content: "-";
		display: inline-block;
		padding: 0 5px;
		vertical-align: middle;
	}
	.srm_list_mobi .name {
		margin-top: 5px;
		font-size: 12px;
		color: #999;
		text-align: right;
	}
}


/* 768 */
@media all and (max-width:768px) {
	/* mobile gnb */
	.gnb_mobi .gnb_list {
		text-align: left;
	}
	.gnb_mobi .gnb_list li {
		display: block;
		margin: 10px 0;
	}
	.gnb_mobi .tnb {
		position: absolute;
		top: 230px;
		right: 30px;
		z-index: 99999999;
	}
	
	/* banner */
	.bann_list .bann_tit {
		font-size: 7vw;
	}
	.bann_list .bann_word {
		font-size: 14px;
	}
	.bann_list .bann_txt {
		font-size: 14px;
	}
	
	/* sermon_area */
	.srm_tab .tab {
		width: 23%;
	}
	
	/* location_area*/
	.location_area .addr {
		font-size: 24px;
	}
	.location_area .tel {
		font-size: 20px;
	}
}

/* 500 */
@media all and (max-width:500px) {
	/* sermon_area */
	.srm_tab .tab {
		width: 49%;
		margin-top: 5px;
	}
	
	.gallery_area .owl-nav {
		display: block;
		position: absolute;
		width: 100%;
		top:41.5%;
	}
	.gallery_area .owl-nav .owl-prev,
	.gallery_area .owl-nav .owl-next {
		border: 0;
		width: 50px;
		height: 156px;
	}
	.gallery_area .owl-nav .owl-prev span,
	.gallery_area .owl-nav .owl-next span {
		display: none;
	}
	.gallery_area .owl-nav .owl-prev {
		position: absolute;
		top: 0;
		left: 0;
		background: url("../img/body/btn_gal_prev.png") no-repeat;
		cursor: pointer;
	}
	.gallery_area .owl-nav .owl-next {
		position: absolute;
		top: 0;
		right: 0;
		background: url("../img/body/btn_gal_next.png") no-repeat;
		cursor: pointer;
	}
	
	.gallery_area div.owl-dots {
		display: none;
	}
	
	/* page up down */

	.page_scroll {
		position: fixed;
		bottom: 10px;
		right: 10px;
	}

	.btn_up {
		display: block;
		width: 30px;
		height: 30px;
		margin-bottom: 3px;
		border: 1px solid #ccc;
		text-align: center;
		line-height: 30px;
		color: #ccc;
	}

	.btn_bott {
		display: block;
		width: 30px;
		height: 30px;
		border: 1px solid #ccc;
		text-align: center;
		line-height: 30px;
		color: #ccc;
	}
	
	/* worship_area */
	.incr_num {
		display: block;
		width: 100%;
	}
	
	/* location_area*/
	.location_area .addr {
		font-size: 20px;
	}
	.location_area .tel {
		font-size: 18px;
	}
	
	/* offering_area */
	.offering_area .account {
		font-size: 20px;
	}
	.offering_area .account_sub {
		font-size: 15px;
	}
	.footer {
		padding: 20px;
	}
}

/************** subpage resp ***************/
.main.sub_main {width:1200px; margin:0 auto; padding:20px 0; min-height:750px;}
.uotc_100 {width:100% !important;}
.s_board_100 {width:100% !important;}
.media_board_100 {width:100% !important;}
.history_100 {width:100% !important;}
.steward_100 {width:100% !important;}
.member_100 {width:100% !important;}
.yearend_100 {width:100% !important;}
.worship_100 {width:100% !important;}
.weekly_100 {width:100% !important;}
.shichal_100 {width:100% !important;}
.work_100 {width:100% !important;}

/* ±³È¸ ¼Ò°³ */
.intro_area {position:relative; max-width: 1200px; width: 100%;}

.intro_main_img {position:absolute; top:0; left:0;}
.intro_item {padding:30px 30px 50px 30px; box-sizing:border-box;}
.intro_item.blank_left {padding: 30px 30px 30px 630px; box-sizing:border-box;}
.intro_tit {margin-bottom:20px; font-size:33px; color:#4085bb;}
.intro_txt {font-size:14px; line-height:1.7;}
.intro_item .str {font-weight:bold;}
.intro_list {padding:20px 0; font-size:14px;}
.intro_list > li {margin:10px 0;}
.intro_ci {display:block; margin:0 auto;}

.pop_close_btn {
	position:fixed;
	bottom:10px;
	left:400px;
	display:block;
	padding:5px 8px;
	border:3px solid #999;
	color:#999;
	border-radius:5px;
	cursor:pointer;
}

@media all and (max-width:1200px){
	.pop_close_btn {left:10px;}
	.main.sub_main {width:100%;}
	.intro_area {width: 100%;}
	.intro_main_img {position:static; display:block; width:50%; margin:0 auto;}
	.intro_item {padding:30px 10px 10px 10px;}
	.intro_item.blank_left {padding:30px 10px 10px 10px;}
	.intro_tit {font-size:25px;}
}
@media all and (max-width:768px){
	
}

/* manager */
.admin_manager_tbl {width:100%; margin:0 auto;}

/* mx-player */
.mxplayer {display:none !important;}