@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
body{font-family:"Noto Sans KR", sans-serif, 'Nanum Gothic',  "나눔고딕", "돋움", Dotum, "굴림", Gulim, 'Nanum Pen Script'; font-size:14px} 

/* * Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ 
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 100; 
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 300; 
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 400; 
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
} 
@font-face { 
	font-family: 'Noto Sans KR';
	font-style: normal; 
	font-weight: 500; 
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 700; 
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
} 
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 900; 
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
} 

/*---------------------------------------------------------------sub 공통---------------------------------------------------------------------*/
	.tb-style{border: 0; border-spacing: 0; border-collapse: collapse; border-top: 3px solid #3e67b1; border-spacing: 0; border-collapse: collapse; padding: 0; margin: 0 auto; width: 100%; margin: 3% 0;}
	.tb-style tr th{border-left: none; background: #f9f9f9; color: #666; font-weight: 400; border-bottom: 1px solid #dedede; padding: 10px; font-size: 14px;}
	.tb-style td {border-left: 1px dotted #ccc; border-bottom: 1px solid #dedede; padding: 10px; font-size: 13px;}
	.sub_all h4{font-size: 1.3em; color: #555; font-weight: 500;}
	.sub_all h4 p{display: block; margin-right: 5px; float: left; border-radius: 50%; width: 8px; height: 8px; background: #fff; border: 5px solid #e0ecfa;}
	.sub_all .line{width: 20px; height: 2px; background: #3e67b1;}
	.section01 .a1 ul li.ali1 a{color:#7cd2ff}
	.defaultBoard table thead th{font-weight: 500;}	
	.defaultWrite table tbody tr th{font-weight: 500 !important;}	
	.defaultWrite table tbody tr td{padding: 8px 5px 8px 0 !important;}	
	.defaultWrite table tbody tr td .reply{overflow: visible !important;}
	.defaultWrite table tbody tr td .reply textarea{width: 96% !important;}
	.sermon dl dd ul li{padding-left: 0px !important; font-size: 13px;}
	.sermon dl dd ul li strong {font-weight: 500; font-size: 14px;}
	.sermon dl dt a{font-weight: 500 !important;}
	
	#container .contents{max-width: 1000px; width: 100%;}
	#container .contents .lnb>ul>li>a{display: block; padding: 10px; font-weight: 400; color: #666;}
	#container .contents .lnb>ul>li ul li a.on{font-weight: 500; color: #3456a8;}
	.albumList > div a p strong.goLink{font-weight: normal !important;}
	.paging .page{font-weight: normal !important; border-radius: 0px !important;}
	.paging .ov{border-radius: 0px !important; background: #515457 !important; color: #fff !important; font-weight: normal !important;}
	.paging a{width: 24px; height: 24px;}
	.paging .prev, .paging .next{height: 11px !important; margin-bottom: 15px; vertical-align: middle;}
	.paging a span{margin: 0 auto;}
	
/*---------------------------------------------------------------top menu---------------------------------------------------------------------*/
	#header .headin .headarea .toplink a{color: #7b7d7e; font-weight: 500; cursor: pointer;}
	#header .headin #gnb > ul > li {margin-left: 110px;}
	#header .headin #gnb > ul > li a{font-weight: 500;}
	#header .headin #gnb .subList li a:hover{color: #BFEFFF;}

	.mgnb .motab li a{cursor: pointer;}
	
/*---------------------------------------------------------------footer---------------------------------------------------------------------*/
	#footer{background:#515457;}
	#footer p{color: #fff; font-family:  "Nanum Gothic", "나눔고딕";}
	#footer .footIn > a {position: absolute; top: 33px; right: 22px;}
	#footer .footIn address{padding-top: 30px;}
	#footer .footIn address p span{color: #A8A8B7; padding: 0 9px;}
	#footer .footIn address p br.br{display: none;}
	#footer .footIn address p>em>img{vertical-align: middle !important;}
	#footer .footIn .logo{padding-top:20px;}
	#footer .footIn p.logo img{max-width: 190px; width: 100%;}

	.mgnb .mgnbwrap .head {background: #ffffff;}
	.mgnb .mgnbwrap .head .headlogo{padding: 20px 0 0 0px !important; margin-left: -12px !important;}
	.molist>li a{background: #ebebeb !important;}
	.sub_cate > li > a{background:#FDFDFF !important}
	.mbtn li.mbtn01{background-size: 20px;}
	.mbtn li.mbtn02{background-size: 22px;}
	.mbtn li{margin-left: 2px;}
	.mbtn li a{padding: 15px 6px;}	
	.con_vod .vod_left h2{margin-top: 10px;}
	
/*---------------------------------------------------------------main 시작---------------------------------------------------------------------*/

/* ---main button--- */
	#container .main_slide{min-width: 0px !important;}
	.main_slide{height: auto;}
	.bx-wrapper .bx-pager.bx-default-pager a{background: #fff; width: 53px; height: 5px; text-indent: -9999px; display: block;
	-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; box-shadow : 1px 2px 5px #666;}
	.bx-wrapper .bx-pager.bx-default-pager a.active {background: #3e67b1; font-family: "Nanum Gothic", "나눔고딕", "돋움", Dotum, "굴림", Gulim, sans-serif;}
	.bx-wrapper .bx-pager.bx-default-pager a:hover {background: #3e67b1;}
	
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {width: 61%; bottom: 10px;}/* 익스 */
	@media screen and (-webkit-min-device-pixel-ratio:0) {	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {width: 61%; bottom: 0px;}}/* 크롬 */
	@-moz-document url-prefix(){	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {width: 61%; bottom: 0px;}}/* 파이어폭스 */	
	
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {width: 38%; bottom: 7px;}
	.bx-wrapper .bx-controls-auto {bottom: 18px;}
	.bx-wrapper .bx-controls-direction a{width: 52px; height: 50px; margin-top: -9px;}
	.bx-wrapper .bx-next{background: url(/image/bx-next.png) no-repeat; }	
	.bx-wrapper .bx-next:hover{background: url(/image/bx-next.png) no-repeat; }	
	.bx-wrapper .bx-prev{background: url(/image/bx-prev.png) no-repeat; }	
	.bx-wrapper .bx-prev:hover{background: url(/image/bx-prev.png) no-repeat; }	
	.main_banner .bx-wrapper .bx-prev{margin-top: -40px;}
	.main_banner .bx-wrapper .bx-prev:hover{background: url("/image/controls3.png") no-repeat 0px -97px;}
	.main_banner .bx-wrapper .bx-next:hover{background: url("/image/controls3.png") no-repeat -47px -97px;}
	.main_banner .bx-wrapper .bx-next{margin-top: -40px; right: -42px;}	
	
/* 주일설교 */
	.section01 .a1 .h1Wrap{background: url(/image/h1wrap.png)no-repeat;  width: 130px; height: 45px; box-sizing: border-box; padding: 10px 0; margin: 30px 0 0 14px;}
	.section01 .a1 ul li{line-height: 14px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 187px;}
	.section01 .a1 ul li.ali1 {font-size: 16px; color: #ffffff; padding: 0 0px 7px 14px;}
	.section01 .a1 ul li.ali1 a {font-size: 12px; font-weight: 500; color: #fff; letter-spacing: -1px; }
	.section01 .a1 ul li.ali2 {padding: 0 0 0px 14px; font-weight: 500; width: 120px;} 	
	.section01 .a1 ul li.ali3{padding-left: 14px;}	
	.section01 .a1 ul{margin-top: 5px;}
	.section01 .a2 ul li a{font-weight: 500 !important; padding-top: 0px; line-height: 40px;}
	.section01 .a1 {float: left; width: 25%; height: 250px; background: url(/image/secimg01.jpg) #1b251d no-repeat right bottom; background-position: center; background-size: cover; position: relative;}
	.section01 .a1 span{font-size: 13.5px; color: #fff; position: absolute; top: 17px; left: 18px; font-weight: 600; width: 90px;}
	.section01 .a1 h3 {display: none;}
	.section01 .a1 h1 {font-size:22px; font-weight: bold; color: #fff; letter-spacing: -1px;}
	.section01 .a1 p.pastor{width: 200px; height: 150px; position: absolute; right: -8px; bottom: 0px; color: #fff; text-indent: -999em; background: url(/image/pastor.png) no-repeat; }
	
/* 메인아이콘 */	
	.section01 .a2 ul li.btn01 {background: url(/image/btn01.jpg) #E2D682 no-repeat 50% 38%; background-size:cover;}
	.section01 .a2 ul li.btn02 {background: url(/image/btn02.jpg) #9FB46F no-repeat 50% 38%; background-size:cover;}
	.section01 .a2 ul li.btn03 {background: url(/image/btn03.jpg) #80A4A2 no-repeat 50% 38%; background-size:cover;}
	.section01 .a2 ul li.btn04 {background: url(/image/btn04.jpg) #DDAC50 no-repeat 50% 38%; background-size:cover;}
	.section01 .a2 ul li span{ width: 60px; height: 60px; display: block; margin: 0 auto; margin-top: 22px;}
	.section01 .a3 .tab .tabList ul li a, .section01 .a3 .tab .tabList ul li span{font-weight: 500;}	
/* 게시판 */
	.section01 .a3 .tab1{background: #fff;}
	.section01 .a3 .tab1>ul{background: #ededed; height: 50px; border-bottom: 2px solid #314762;}
	.section01 .a3 .tab1>ul>li{height: 40px;}
	.section01 .a3 .tab1>ul>li.on{ background: #fff; border-top: 2px solid #314762; border-right: 2px solid #314762; border-left: 2px solid #314762; color: #666;}
	.section01 .a3 .tab1 > ul > li.on > a {background: #fff; font-weight: 600; position: absolute; width: 32%;}	
	.section01 .a3 .tab1>ul>li.on:nth-child(1){border-left: 0px;}
	.section01 .a3 .tab .tabList ul li{padding-bottom: 6px; border-bottom: 1px solid #ededed;}	
	.section01 .a3 .tab .tabList ul li img{margin-top: 5px;}
	.slidewrap{ width: 100%; height: 189px; background: #ededed;}
	.section01 .a3 .tab .tabList ul{padding: 7px 30px;}

/* 한글 학교, 자료실,*/
	.section02 .mphoto{width: 100%; height: 190px;}
	.section02 .mphoto img{width: 100%; height: 100%;}
	.section02 .b3 .slidewrap, .section02 .b4 .slidewrap{margin-top: 12%;}
	.slidewrap .bx-wrapper .bx-pager a.active, .slidewrap .bx-wrapper .bx-pager a:hover{background: #3e67b1 !important;}
	.section02 .bx-wrapper .bx-pager.bx-default-pager a{box-shadow: none; width: 11px; height: 11px; }
	.slidewrap li{width: 100%;}
	.b1Wrap div.of{width: 100%; height: 190px; overflow: hidden;margin-top: 3%;}
	.b2Wrap div.of2{width: 100%; height: 190px; overflow: hidden;margin-top: 3%;}
	
	.b1Wrap div.of:hover .b1{	
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transition: all 2s ease-in-out; } 
	
	.b2Wrap div.of2:hover .b2{	
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transition: all 2s ease-in-out; } 	

 /*교회앨범, 한글학교앨범 */	
 
	.slidewrap .bx-wrapper .bx-pager{bottom: 10px !important;}/* 익스 */
	@media screen and (-webkit-min-device-pixel-ratio:0) {	.slidewrap .bx-wrapper .bx-pager{bottom: 3px !important;}}/* 크롬 */
	@-moz-document url-prefix(){	.slidewrap .bx-wrapper .bx-pager{bottom: 0px !important;}}/* 파이어폭스 */	
	.section02{width: 100%; height: auto;}
	.section02 .b1Wrap, .section02 .b2Wrap{width: 25%; height: 250px; border-top: 3px solid #314762; position: relative; float: left;}
	.section02 h3{font-size: 20px; font-weight: 600; color: #314762; padding: 13px 0 0 5px;}
	.section02 .bli1{font-size: 11px; font-weight: 500; color: #a3a3a3; padding: 0 0 0 5px; display: block;}
	.section02 .bli2 {position: absolute; top: 10px; right: 10px;}	
	.section02 .b1{width: 100%; height: 190px; float: left; background: url(/image/mainImg01.jpg) no-repeat; background-position: center; background-size: cover;}
	.section02 .b2{width: 100%; height: 190px; float: left; background: url(/image/mainImg02.jpg) no-repeat; background-position: center; background-size: cover;}
	.section02 .b3, .section02 .b4{width: 25%; height: 248px; border-top: 3px solid #314762; position: relative; background: #fff;}
	.section02 .b3 .mphoto:hover .mover, .section02 .b4 .mphoto:hover .mover{ position:absolute; left:0px; bottom:0px; display:block; width:100%; height:190px; background:url(../image/bbg.png) repeat-x;}
	.section02 .b3 .mphoto .mover p, .section02 .b4 .mphoto .mover p {color:#fff;color:#BFEFFF;}
	.section02 .b3 .mphoto .mover p.mop01, .section02 .b4 .mphoto .mover p.mop01 { color:#fff; font-size:14px;padding-top:70px; text-overflow:ellipsis; white-space:nowrap; width:90%; overflow:hidden;}
	.mover p.mop01 a{margin-left: 10px;}
	.section02 .b3 .slidewrap .bx-wrapper{top: -22px !important;}
	.section02 .b4 .slidewrap .bx-wrapper{top: -22px !important;}
	.section02 .b3 .slidewrap  span, .section02 .b4 .slidewrap  span{position: relative; top: -29px; font-size: 11px; font-weight: 500; color: #a3a3a3; padding: 0 0 0 7px; display: block;}
	.section02 .more{position: absolute; top: 10px; right: 10px;}
	
/*---------------------------------------------------------------sub 시작---------------------------------------------------------------------*/

	#container .contents .lnb .aside{display: none;}
	#container .contents .contin{margin-bottom: 10%; background: #fff;}
	#container .contents .lnb>ul>li>a{background: #ffffff;}

/* 소개 */
	.sub1_1 p{padding: 20px 10px 10px 5px; color: #808080;}
	.sub1_1 img{max-width: 678px; width: 100%; }
	.sub1_1 p em{width: 71px; height: 40px; background: url(/image/sub/name.png) no-repeat; display: inline-block; vertical-align: middle; text-indent: -999em;}
	.sub1_1 p.p2{float: right;}

/* 교회연혁 */	
	.sub1_2 .tab ul li{display: block; float: left; width: 32%; max-width: 250px; margin-left: 5px; padding-top: 4px; background: #cccccc; border-radius: 9px 9px 0 0; line-height: 31px; font-size: 17px; letter-spacing: -1px; font-weight: bold; color: #fff; text-align: center; cursor: pointer;}
	.sub1_2 .tab ul li.mr{margin-left: 0px;}
	.sub1_2 .table01{display: none; border-top: 2px solid #3e67b1;}
	.sub1_2 .table02{border-top: 2px solid #3e67b1;}
	.sub1_2 .tab ul li:hover, .tab ul li.on{background: #3e67b1;}

/* 섬기는분들 - 교역자 */
	.sub1_3{padding: 0 0 211px 0;}
	.people1 h4{margin: 10px 0 2% 0;}
	.people1 h5{font-size: 18px; font-weight: 500;color: #3e67b1; margin: 5px 0 0 0px;}
	.sub1_3 .people1 img{float: left;}
	.sub1_3 .people1 ul{float: left; font-size:14px; margin-top: 20px;}
	.sub1_3 .people1 ul li{color: #555; font-weight: 400;}
	.sub1_3 .people1 .career{height: 200px; width: 300px; box-sizing: border-box; padding: 10px; float: left; margin: 40px 0 20px 15px;}

/* 섬기는분들 - 장로 */
	.sub1_3_1{padding: 0 0 230px 0;}
	.sub1_3_1 .people1 .people{float: left;}
	.sub1_3_1 .people1 .pl{margin-right: 8%;}
	.sub1_3_1 .people1 .career{float: right; margin: 150px 0 20px 15px;}

/* 교회비전 */
	.sub1_4 img{width: 100%; margin-bottom: 4%;}
	.sub1_4 .contentWrap{width: 100%; position: relative;}
	.sub1_4 .content{width: 100%; height: 120px; border: 2px solid #ededed;  position: relative; margin-bottom: 2%; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
	.sub1_4 h4{position: absolute; background: #4f84c5; font-size: 16px; color: #fff; top: -16%; left: 37%; width: 140px; text-align: center; padding: 8px; border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px;}
	.sub1_4 .content div{float: left;  width: 22%; position: relative; top: 25%; margin-left: 9%;}
	.sub1_4 .content span{vertical-align: middle; color: #666; font-size: 15px; font-weight: 400; position: absolute; bottom: 7px; left: 40px;}
	.sub1_4 div img{max-width: 60px; width: 100%;}
	
	.sub1_4 .logoWrap{width: 100%;}
	.sub1_4 .logoWrap div{float: left;}
	.sub1_4 .logoWrap .logoImg{max-width: 29%; width: 100%; }
	.sub1_4 .logoWrap .logoImg .lt{max-width: 200px; height: 280px; width: 100%; background: url(/image/sub/sub_logo.jpg) no-repeat; background-position: center; background-size: cover; float: left; display: block;}
	.sub1_4 .logoWrap .logoImg img.none{display: none;}		
	.sub1_4 .logoText{max-width: 71%; width: 100%; background: #f6f7f8; padding:20px; float: right; box-sizing: border-box; margin-bottom: 3%;}	
	.sub1_4 .logoText h4{display: block; width: 100%; position: relative; color: #ddd; background: none; left: 10%; letter-spacing: 10px;}
	.sub1_4 .logoText ul{max-width: 100%; height: 50px; position: relative; margin-bottom: 10px;}  
	.sub1_4 .logoText ul li{float: left; vertical-align: middle;}
	.sub1_4 .logoText ul li.number{width: 20px; height: 20px; border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; background: #fff; text-align: center; margin-top: 12px; padding: 5px;}
	.sub1_4 .logoText ul li.ci{width: 50px; height: 50px; border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; background: #80c7d7; text-align: center; font-size: 20px; color: #fff; line-height: 47px; position: absolute; z-index:1; left: 12%}
	.sub1_4 .logoText ul li.circle{width: 77%; padding: 14px; border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; background: #fff; text-align: center; font-size: 15px; color: #666; position: absolute; left: 12%;}
	.sub1_4 .logoText ul li.circle em{padding-right: 20px; color: #676868; font-weight: 400;}
	.sub1_4 .logoText ul li.circle span{border-left: 1px solid #e6e6e8; padding-left:20px;}
		
/* 예배안내 */
	.sub1_5 .tb-style{margin: 2% 0;}
	.sub1_5 .tb-style th{background: #e0ecfa; border-left: 1px dotted #ccc;}
	.sub1_5 .tb-style td{text-align: center;}
	.sub1_5 .tb-style .no{border-left: none;}

/* 찾아오시는길 */	
	#map-canvas{max-width: 690px; height: 300px; width:100%; margin: 10px 0;}
	.map img.bigmap{display: block; max-width: 690px; width: 100%;}
	.map img.smallmap{display: none; max-width: 500px; width: 100%;}
	.sub1_6 .tb-style{margin: 0; border-top: 2px solid #3e67b1;}
	.sub1_6 .tb-style td{font-family:  "Nanum Gothic", "나눔고딕";}
	.sub1_6 h4{margin: 3% 0 1% 0;}
	.sub1_6 h4 p.mapbox{width: 115px; height: 30px; border: 3px solid #eef0ef; border-radius: 1px; float: right; text-align: center; line-height: 30px; margin-bottom: 7px; color: #666; font-weight: 500; margin-right: 0px;}
	.sub1_6 h4 p.mapbox em.icon{width: 20px; height: 20px; background: url(/image/sub/map_icon.png) no-repeat; content: ''; display: inline-block; vertical-align: middle; float: left; margin: 5px 0 5px 5px;}
	
/* 가정교회란 */
	.sub3_1 .familyWrap div{float: left;}
	.sub3_1 .familyWrap{width: 100%; height: 300px; box-sizing: border-box; padding: 10px; position: relative; /* background: #f4f8fb; */}
	.sub3_1 .box{width: 30%; height: 230px; background: #fff; box-sizing: border-box; padding: 20px 0 0 0; margin: 30px 0px 0 100px; border: 2px solid #e0ecfa; }
	.sub3_1 .leftbox{margin: 30px 0px 0 90px; }
	.sub3_1 .box .bt{width: 180px; border-left: 6px solid #e0ecfa;  box-sizing: border-box; margin-bottom: 10px;}
	.sub3_1 .box .bt li{font-size: 16px; color: #666; padding-left: 10px; line-height: 20px; }
	.sub3_1 .box .bt li.ts{font-size: 13px; color: #dedfe0;}
	.sub3_1 .box .img{width: 100%; height: 140px; background: url(/image/sub/sub3_img02.png) no-repeat;background-position: center;}
	.sub3_1 .leftbox .img{width: 100%; height: 140px; background: url(/image/sub/sub3_img01.jpg) no-repeat;background-position: center;}	
	.sub3_1 .textWrap{width: 100%; margin-top: 5%; }
	.sub3_1 .familyText{max-width: 100%; width: 100%; background: #f6f7f8; padding:20px; float: right; box-sizing: border-box; margin: 1% 0 3% 0;}	
	.sub3_1 .familyText ul{clear: both; width: 100%; box-sizing: border-box; position: relative; margin-bottom: 10px; background: #ddd;}  
	.sub3_1 .familyText ul li{float: left; vertical-align: middle; margin-bottom: 20px;}
	.sub3_1 .familyText ul li.ci{width: 50px; height: 50px; border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; background:#FFFFFF; position: absolute; z-index:1; top: -10px; left: 5%; box-shadow : 2px 1px 1px silver;}
	.sub3_1 .familyText ul li.ci span{width: 42px; height: 42px; border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; background:  #80c7d7; text-align: center; font-size: 20px; color: #fff; line-height: 40px; position: absolute; z-index:1; top: 4px; left: 4px;}
	.sub3_1 .familyText ul li.circle{width: 77%;  border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -webkit-border-radius: 20px; background: #fff; font-size: 13px; color: #666; margin-left: 9%; box-shadow : 2px 3px 5px silver; position: relative; padding:14px 30px;}	
	
	.sub3_1 table {border-left: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; margin-top: 1%;}	
	.sub3_1 table th {background:#e0ecfa; color: #8F9091; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding: 5px 10px; font-weight: 500;}
	.sub3_1 table th.pn{padding: 0px;}
	.sub3_1 table th var { display: block; color: #fff; line-height: 100%; font-style: normal;}	
	.sub3_1 table td {font-size: 12px; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding: 10px 5px 10px 10px;}
	.sub3_1 table td.tablecell{text-align: center;} 	
	/*.sub3_1 table th.backslash { background-image: url('http://cdn.zetawiki.com/png/backslash.png'); background-size: 100% 100%; text-align: left;} */
	.sub3_1 table th.backslash div { text-align: right; }	
	.sub3_1 table th.backslash img{max-width: 109px;}
	
/*---------------------------------------------------------------반응형 시작---------------------------------------------------------------------*/

@media only screen and (max-width: 1000px){
	.headin .headarea {border-bottom:none; height: 60px;}
	.headin #logo{padding-top: 17px;}
	.menu{top: 21px;}
	.menu a img{max-width: 26px;}
	#container .contents .contin .title {border-bottom: 1px solid #ddd; padding: 13px;}	
	#container .defaultBoard table thead tr th.title{background: #f9f9f9 !important;}
	#container .contents .contin .title h3{font-size: 21px;}	
}

@media only screen and (max-width: 999px){
	.sub1_4 .logoText{max-width: 78.3%;}
	.sub1_4 .logoWrap .logoImg{max-width: 21%;}
}

@media only screen and (max-width: 975px){
	.section02 .bli1{font-size: 10.5px;}	
	.sub1_4 .logoText{float: left; }
}
	
@media only screen and (max-width: 861px){
	.section01 .a1 {float: left; width: 50%; height: 250px;}
	.section01 .a1 p.pastor{width: 200px; height: 220px; right: 0px; background: url(/image/pastor02.png) no-repeat; }	
	.section01 .a3{background: none; margin-top: 1%;}
	.section02 .b1Wrap, .section02 .b2Wrap{width: 50%;}
	.section02 .b3, .section02 .b4{width: 50%;}
	.slidewrap .bx-wrapper .bx-pager{bottom: 20px !important;}
}

@media only screen and (max-width: 840px){
	.sub1_4 .logoWrap{position: relative; margin-top: 2%;}  
	.sub1_4 .logoText{max-width: 100%; padding: 26px 10px 10px 10px;}
	.sub1_4 .logoWrap .logoImg .lt{display: none;}
	.sub1_4 .logoWrap .logoText img.none{max-width: 400px; width: 100%; display: block !important; margin: 0 auto; margin-bottom: 1%;}
}

@media only screen and (max-width: 790px){
	.sub3_1 .box{width: 45%; margin: 30px 0px 0 50px;}	
	.sub3_1 .leftbox {margin: 30px 0px 0 5px;}		
	#footer .footIn .logo{width: 100%;}
	#footer .footIn .logo img{display: block; margin: 0 auto;}
	#footer .footIn address{width: 100%; padding-top: 0px;}	
	.footIn address p{text-align: center;}
	.defaultWrite table tbody tr th{font-size: 13px;}
	.defaultWrite table tbody tr td{font-size: 12px;}
}


@media only screen and (max-width: 698px){
	.section01 .a1 p.pastor{width: 200px; height: 150px; right: 0px; background: url(/image/pastor.png) no-repeat; }	
	.slidewrap .bx-wrapper .bx-pager{bottom: 10px !important;}	
	.sub1_3_1 .people1 .pl {margin-right: 4%;}
	.sub1_3_1 .people1 .career{margin: 150px 0 20px 0px;}
	#footer .footIn a img{display: none;}
	#footer {padding-bottom: 10px;}	
}

@media only screen and (max-width: 640px){
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{width: 100% !important;}
	.main_banner .bx-wrapper .bx-prev{margin-top: -20px;}
	.main_banner .bx-wrapper .bx-next{margin-top: -20px;}
	.sub1_3_1 .people1 .pl{margin-right: 5%;}
	.sub1_3_1 .people1 .people .career{margin: 0 40px; float: none;}

	.sub1_4 .content span{font-size: 13px;}
	.sub3_1 .box{width: 47%; margin: 30px 0px 0 20px;}	
	.sub3_1 .leftbox {margin: 30px 0px 0 0px;}			
}

@media only screen and (max-width: 610px){
    .sub1_4 .content div {width: 25%; margin-left: 5%;}
	.sub1_4 .logoWrap .logoImg{left: 15%;}
	.sub1_4 .content{height: 80px;}
	.sub1_4 .content div{width: 27%; top: 35%; margin-left: 6%;}
	.sub1_4 div img {max-width: 30px;}
	.sub3_1 table th.backslash img{max-width: 200px;}	
}

@media only screen and (max-width: 545px){
	.sub1_3 .people1 .career{width: 284px; margin: 40px 0 0 0px;}
	.sub1_4 .logoWrap .logoImg .none{left: 10%;}	
	.sub3_1 .familyText ul li.ci{left: -2%;}
	.sub3_1 .familyText ul li.circle{margin-left: 5%;}	
	#footer .footIn address p br.br{display: block;}	
	
}

@media only screen and (max-width: 520px){
	.slidewrap .bx-wrapper .bx-pager{bottom: 5px !important;}		
	#container .contents .contin .subIn{padding: 10px 10px;}
	.sub1_4 h4{font-size: 13px; /* left: 37%;  */width: 108px; padding: 4px;}
	.sub1_4 .content{height: 80px;}
	.sub1_4 .content div{width: 27%; top: 35%; margin-left: 6%;}
	.sub1_4 .content span{font-size: 13px; left: 28px;}
	.sub1_4 .logoText{padding: 26px 10px 10px 10px;}			
	.sub1_4 div img{max-width: 30px;}
	.albumList{max-width: 230px;}

}

@media only screen and (max-width: 500px){
	.map img.bigmap{display: none;}
	.map img.smallmap{display: block;}
}

@media only screen and (max-width: 495px){
	.location {display: none;}
	.sub1_3 .people1 .career{width: 200px; margin: 20px 0 0 0px !important;}
	.defaultWrite table tbody tr td .reply textarea	{width: 94% !important;}
}

@media only screen and (max-width: 452px){
	.section01 .a1 {clear: both; width: 100%;}
	.section01 .a1 p.pastor{width: 200px; height: 220px; position: absolute; right: 0px; bottom: 0px; color: #fff; text-indent: -999em; background: url(/image/pastor02.png) no-repeat; }
	.section01 .a2{width: 100%;}
	.section02 .b1Wrap, .section02 .b2Wrap{height: 232px;}	
	.section02 .b3 .slidewrap, .section02 .b4 .slidewrap{margin-top: 16%;}
	.slidewrap{height: 168px;}
	.section02 .b3 .slidewrap span, .section02 .b4 .slidewrap span{display: none;}
	.section02 .bli1{display: none;}
	.sub1_2 .tab ul li{font-size: 15px;}
	.sub1_3 .people1 .career{width: 170px;}
	.sub1_3_1 .people1 .pl{margin-right: 2%;}	

	.sub1_4 .content div{width: 28%; margin-left: 5%;}	
	.sub1_4 .logoText ul li.circle em.ep{padding-left: 20px;}		
	.sub3_1 .box{width: 100%; margin: 0 0 20px 0;}
	.sub3_1 .familyText ul li.ci {width: 40px; height: 40px; left: -1%;}
	.sub3_1 .familyText ul li.circle{font-size: 13px; width: 85%; padding: 14px 15px; margin-left: 7%;}	
	.sub3_1 .familyText ul li.ci span{width: 32px; height: 32px; line-height: 33px;}
	.sub3_1 table th, .sub3_1 table th var{font-size: 13px;}
	.sub3_1 table th.backslash img{max-width: 150px;}		
}

@media only screen and (max-width: 408px){
	.sub1_3_1 .people1 .people{width:140px;}
	.sub1_3_1 .people1 .people .career{margin: 0 27px;} 
	.sub1_3_1 .people1 .people .career .tt{width:98px;}
	.sub1_3_1 .people1 .people img{max-width: 170px;}	
	.sub1_3_1 .people1 .pl{margin-right: 30px;}	
	.sub1_4 .content div{width: 30%; margin-left: 3%;}		
	.sub1_4 .logoText ul{margin-bottom: 0px;}	
	.sub1_4 .logoText ul li.number {display: none;}	
	.sub1_4 .logoText ul li.circle {width: 94%; padding: 8px; font-size: 14px; left: 1%;}
	.sub1_4 .logoText ul li.ci { width: 40px; height: 40px; text-align: center; font-size: 18px;line-height: 43px;left: 1%;}	
	.defaultBoard table thead tr th.title{width: 24% !important;}
}

@media only screen and (max-width: 380px){
	.section01 .a1 {clear: both; width: 100%;}
	.section02 .bli1{display: none;}
	.sub1_3 .people1 .career{width: 160px;}	
	.sub1_3_1 .people1 .people img{max-width: 150px;}
	.sub1_3_1 .people1 .pl{margin-right: 5%;}		
	.sub1_4 .content div{width: 30%; margin-left: 2%;}	
	.sub1_4 .content span{font-size: 12px;}
	.sub1_4 .logoText ul li.circle em.ep{padding-left: 30px; padding-right: 0;}	
	.sub3_1 .familyText ul li.ci{top: -14px; left: -5%;}
	.sub3_1 .familyText ul li.circle{margin-left: 3%;}
	.sub3_1 table th.backslash img{max-width: 100px;}	
	#header .headin #logo{padding-left: 23px;}
}

@media only screen and (max-width: 375px){
	.sub1_3 .people1 .career{width: 170px; margin: 5px 0 0 0px !important; padding: 0 10px 10px 10px}	
	.sub1_3 .people1 ul{margin-top: 3px;}
	.sub1_4 h4 {left: 32%; top: -16%;}
	.sub1_4 .content div{width: 30%; top: 20%; margin-left: 3%;}			
	.sub1_4 div img {width: 30px; margin-top: 10px;}
	.sub1_4 .content span{font-size: 11px; left: 21px; bottom: 1px;}
	.defaultBoard table thead tr th.title{width: 15% !important;}	
}

@media only screen and (max-width: 350px){
	.tb-style tr th{font-size: 13px;}
	.tb-style td{font-size: 12px;}
	.sub1_4 .content div{width: 30%; top: 20%; margin-left: 2.5%;}			
	.sub1_4 div img {width: 30px; margin-top: 10px;}
	.sub1_4 .content span{font-size: 11px; left: 21px; bottom: 1px;}
	.sub3_1 table th.backslash img{max-width: 80px;}
}

@media only screen and (max-width: 330px){
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{bottom: -10px;}
	.section01 .a1 p.pastor{width: 200px; height: 150px; right: 0px; background: url(/image/pastor.png) no-repeat; }	
	.sub1_3_1 .people1 .people{width: 138px;}
	.sub1_3_1 .people1 .people img{max-width: 140px;}
	.sub1_3_1 .people1 .pl{margin-right: 2px;}		
	.sub1_4 .content div{width: 30%; top: 20%; margin-left: 2.5%;}		
	.sub1_4 div img {width: 23px; margin-top: 10px;}
	.sub1_4 h4 {width: 100px;left: 29%; top: -12%;}
	.sub1_4 .content span{font-size: 11px; left: 18px; bottom: 1px;}
	
}

@media only screen and (max-width: 330px){
	.section01 .a1 {float: left; background: url(/image/secimg01.jpg) #43311a no-repeat right bottom; background-position: center; background-size: cover; position: relative;}
}