@charset "utf-8";

#Wrap {position:relative; width:100%;}
.mainWrap {background:url('../images/bg_mainWrap.jpg') no-repeat 50% 0;}
.subWrap {background:url('../images/bg_subWrap.gif') no-repeat 50% 0;}
#Header {width:100%; height:150px;}
#Header .headIn {position:relative; max-width:1000px; margin:0 auto;}
#Header .headIn:after {content:""; display:block; clear:both;}
#Header .headIn .logo {padding-top:15px;}
#Util {position:relative; max-width:1000px; margin:0 auto;}
#Util a {display:inline-block; color:#333; font-size:12px; font-weight:bold;}
#Util .utilBox {position:absolute; left:250px; top:30px;}
#Util .utilBox a {margin-left:20px;}
#Util .solution {display:none;}
#Header #Gnb {position:relative; margin-top:14px; padding-top:14px; border-top:2px solid #80a317;}
#Header #Gnb > ul {text-align:center;}
#Header #Gnb > ul:after {content:""; display:block; clear:both;}
#Header #Gnb > ul > li {position:relative; float:left; height:36px; margin-left:44px;}
#Header #Gnb > ul > li:first-child {margin-left:12px;}
#Header #Gnb > ul > li > a {display:block; padding:0 0 0 10px; font-size:16px; font-weight:bold; color:#000;}
#Header #Gnb > ul > li > a:hover, #Header #Gnb > ul > li > a.on {background:url('../images/bg_gnbL.png') no-repeat 0 0;}
#Header #Gnb > ul > li > a:hover span, #Header #Gnb > ul > li > a.on span {background:url('../images/bg_gnbR.png') no-repeat 100% 0; color:#fff;}
#Header #Gnb > ul > li > a span {display:block; padding:4px 10px 4px 0;}
#Header #Gnb .subList {display:none; overflow:hidden; position:absolute; left:0; top:35px; width:400px;}
#Header #Gnb .m1 .subList {width:500px;}
#Header #Gnb .subList.on {display:block;}
#Header #Gnb .subList li {float:left;}
#Header #Gnb .subList li a {margin-right:18px; font-weight:bold;}
#Header #Gnb .subList li a:hover, #Header #Gnb .subList li a.on {color:#4f6900; text-decoration:underline;}
#Header #Gnb .btnAll {position:absolute; right:3px; top:-28px;}

.utilBox {position:absolute; right:0; top:80px; z-index:60;}
.util {position:relative;}
.util ul {overflow:hidden; width:100px; height:0; margin-right:47px; background:url('../images/bg_util.png') repeat 0 0;}
.util ul li {border-bottom:1px solid #fff; text-align:center;}
.util ul li:first-child {}
.util ul li a {display:block; padding:16px 0; font-weight:bold;}
.util .btnUtil {position:absolute; right:0; top:0; display:block; overflow:hidden; width:46px; height:46px;}
.menu {position:absolute; left:10px; top:17px;} /* mobilemenu_btn */
.menu img {width:25px; height:20px;}
#Container {position:relative; width:100%;}
#Footer {width:100%; padding-bottom:20px;}
.footIn {position:relative; overflow:hidden; max-width:1000px; margin:0 auto; border-top:1px solid #c1c1b2;}
.footIn address {float:left; padding-top:30px;}
.footIn address p {padding-bottom:8px; font-size:12px;}
.footIn address p a {color:#999;}
.footIn .mapage {text-decoration:underline;}
.footIn .link {float:right; margin-right:120px; padding-top:30px;}
.footIn .link img {width:70%;}
.goTop {position:absolute; right:0; top:-1px;}
.mobile {display:none;}

/* 전체메뉴 */
.sitemap {position:absolute; left:0; top:104px; width:996px; background:#fff; border:2px solid #b8c95f; z-index:3;}
.siteTit {padding:15px 0 0 15px; color:#687e00; font-size:36px; font-family:'Arial';}
.sitemap > ul {overflow:hidden; padding:10px 15px 15px 15px;}
.sitemap > ul > li {float:left; width:170px; margin-left:29px;}
.sitemap > ul > li:first-child {margin-left:0;}
.sitemap > ul > li > strong {display:inline-block; width:100%; height:30px; padding-top:10px; background:#84a230; color:#fff; text-align:center; font-size:18px;} 
.sitemap .depth2 {padding-top:10px;}
.sitemap .depth2 > li {border-top:1px solid #d9d9d9; font-size:14px;}
.sitemap .depth2 > li:first-child {border-top:0;}
.sitemap .depth2 > li > a {display:block; padding:8px 0 8px 13px; color:#6a8d07; font-weight:bold;}
.sitemap .depth3 {padding:8px 0 8px 13px; border-top:1px solid #d9d9d9;}
.sitemap .depth3 li {padding-left:10px; background:url('../images/dot_gray.gif') no-repeat 0 9px; font-size:13px;}
.sitemap .depth3 li a {display:block; padding:4px 0;}
.sitemap .close {position:absolute; right:15px; top:15px;}



/* Main */
.vArea {width:100%; height:427px;}
.visual {position:relative; width:1000px; margin:0 auto;}
.visual .big {position:absolute; left:0; top:166px;}
.visual .small {position:absolute; left:0; top:325px; line-height:18px;}
.visual .small strong {display:block; padding-bottom:5px; font-size:18px; color:#000;}
.visual .small strong span {color:#cc2626;}

.mainCont {position:relative; max-width:1000px; margin:0 auto; padding-top:40px;}
.mainCont .btnAll {position:absolute; right:0; top:-113px;}
.cont1 {overflow:hidden;}
.cont1 > div {float:left; width:32%; min-height:244px; margin-left:18px;}
.cont1 > div:first-child {margin-left:0;}
.cont2 {overflow:hidden; margin-top:40px;}
.cont2 > div {float:left;}

.section1 {position:relative; background:url('../images/bg_cont.gif') repeat-x 0 35px;}
.section1 .titT a {display:inline-block; height:14px; padding:11px 10px; background:#7ea117; color:#fff; font-size:16px; line-height:16px;}
.section1 .conBox {overflow:hidden; padding:10px 0;}
.section1 .conBox .img {float:left; width:35%;}
.section1 .conBox .img img {width:100%; width:100px; height:133px;}
.section1 .conBox ul {float:right; width:64%; background:url('../images/bg_serList.gif') repeat-y 0 0; border-top:1px solid #d9dacd;}
.section1 .conBox ul li {overflow:hidden; width:100%; height:31px; border-bottom:1px solid #d7d7d7; line-height:28px; text-overflow:ellipsis; white-space: nowrap;}
.section1 .conBox ul li span {display:inline-block; width:50px; padding-left:10px;}
.section1 .serList {background:#d9dacd;}
.section1 .serList a {display:block; padding:15px 10px;}
.section1 .serList p {overflow:hidden;}
.section1 .serList p:first-child {padding-bottom:10px;}
.section1 .serList p strong {display:block; overflow:hidden; float:left; width:55%; font-size:15px; text-overflow:ellipsis; white-space: nowrap;}
.section1 .serList p span {display:block; float:right; width:40%; text-align:right;}
.section1 .serList p em {display:inline-block; margin-right:10px; font-weight:bold;}
.section1 .more {position:absolute; right:0; top:10px;}


.section2 .tab {position:relative; overflow:hidden; min-height:260px; background:url('../images/bg_cont.gif') repeat-x 0 35px;}
.section2 .tab .titT {display:inline-block; zoom:1; *display:inline; height:14px; padding:11px 10px; background:#7ea117; color:#fff; text-align:center; font-size:16px; cursor:pointer; line-height:16px;}
.section2 .tab .tabList {display:none; position:absolute; left:0; top:47px; width:100%;}
.section2 .tab .tabList.active {display:block;}
.section2 .tab .tabList ul li {overflow:hidden;}
.section2 .tab .tabList ul li a {display:inline-block; overflow:hidden; float:left; padding:11px 0 0 10px; text-overflow:ellipsis; white-space: nowrap; width:65%;}
.section2 .tab .tabList ul li span {float:right; padding:11px 10px 0 0;}
.section2 .tab .more {position:absolute; right:0; top:10px;}

.section3 .tab {position:relative; overflow:hidden; min-height:155px; background:url('../images/bg_cont.gif') repeat-x 0 35px;}
.section3 .tab .titT {display:inline-block; zoom:1; *display:inline; height:14px; padding:11px 10px; background:#7ea117; color:#fff; font-size:16px; line-height:16px; text-align:center; cursor:pointer;}
.section3 .tab .tabList {display:none; position:absolute; left:0; top:47px; width:100%;}
.section3 .tab .tabList.active {display:block;}
.section3 .tab .tabList ul li {overflow:hidden;}
.section3 .tab .tabList ul li a {display:inline-block; overflow:hidden; float:left; padding:11px 0 0 10px; text-overflow:ellipsis; white-space: nowrap; width:65%; word-wrap:break-word;}
.section3 .tab .tabList ul li span {float:right; padding:11px 10px 0 0;}
.section3 .tab .more {position:absolute; right:0; top:10px;}

/* .section3 .family {position:relative; max-width:320px; height:106px;}
.section3 .family img {width:100%;}
.section3 .family img.img1{display: block;}
.section3 .family img.img2{display: none;}
.section3 .family p {position:absolute; left:0; bottom:0; width:100%; padding:5px 0; background:#335d9c; text-align:center; color:#fff; font-size:16px; font-weight:bold;} */
.section3 .family ul {display:flex; flex-direction:column; min-height:261px; justify-content:space-between;}
.section3 .family li {position:relative;}
.section3 .family img.img1{display: block; max-width:100%;}
.section3 .family img.img2{display: none; max-width:100%;}
.section3 .family p {position:absolute; left:0; bottom:0; width:100%; padding:5px 0; background:#0e469a; text-align:center; color:#fff; font-size:15px; font-weight:bold; line-height:1.4}
.section3 .family p span {font-size:12px; color:rgba(255,255,255,.8); font-weight:normal;}

.section4 {width:66%; padding-bottom:54px; background:url('../images/bg_gallery.png') no-repeat 0 100%;}
.section4 .gallery {overflow:hidden;}
.section4 .gallery .txt {float:left; width:48%; background:url('../images/bg_cont.gif') repeat-x 0 35px;}
.section4 .gallery .txt .titT {display:inline-block; zoom:1; *display:inline; height:14px; padding:11px 10px; background:#7ea117; color:#fff; text-align:center; font-size:16px; line-height:16px;}
.section4 .gallery .txt p {font-size:14px; font-weight:bold; line-height:20px;}
.section4 .gallery .txt p strong {display:block; padding:20px 0 5px; font-size:25px; color:#959585; font-family:"Verdana";}
.section4 .gallery .txt p span {display:block;}
.section4 .gallery ul {float:right; width:51%; text-align:center;}
.section4 .gallery ul li {display:inline-block; zoom:1; *display:inline; width:160px; height:122px; margin:0 0 5px 5px;}
.section4 .gallery ul li a {display:inline-block; position:relative; width:160px; height:120px; border:1px solid #eaeae2;}
.section4 .gallery ul li a > img {width:100%;}
.section4 .gallery ul li a > img {position:absolute; left:0; top:0;}
.section4 .gallery ul li a .infoArea {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/bg_infoArea.png') repeat 0 0; border:1px solid #f95301;}
.section4 .gallery ul li a .infoArea p {padding:15px 5px 0 5px; color:#fff; text-align:left;}
.section4 .gallery ul li a .infoArea p span {display:block; padding-bottom:5px; font-size:11px;}
.section4 .gallery ul li a:hover .infoArea {display:block;}


.section5 {width:32%; margin-left:18px;}
.section5 .key {min-height:208px; padding:20px; background:#e5e5dc; border:1px solid #d4d4be; text-align:center;}
.section5 .key a {display:inline-block; padding:0 5px 12px 5px; font-size:20px; color:#1b1b1b;}
.section5 .key .word1 {font-size:22px;}
.section5 .key .word2 {font-size:26px; font-weight:bold; text-decoration:underline; color:#637c00;}
.section5 .key .word3 {font-size:16px;}
.section5 .key .word4 {font-size:20px; font-weight:bold;}
.section5 .key .word5 {font-size:24px; font-weight:bold; text-decoration:underline; color:#637c00;}
.section5 .key .word6 {font-size:18px; font-weight:bold; }
.section5 .key .word7 {font-size:30px;}

.banner {width:100%; height:108px; background:url('../images/bg_banner.gif') repeat 0 0;}
.bannerList {position:relative; max-width:1000px; height:70px; margin:0 auto; padding-top:20px;}
.bannerList ul {overflow:hidden; height:70px; margin:0 auto;}
.bannerList ul li {width:210px; height:70px;}
.bannerList .bx-prev {display:block; position:absolute; left:0; top:45%; width:33px; height:33px; background:url('../images/btn_prevB.png') no-repeat 0 0; text-indent:-9999px; z-index:60;}
.bannerList .bx-next {display:block; position:absolute; right:0; top:45%; width:33px; height:33px; background:url('../images/btn_nextB.png') no-repeat 0 0; text-indent:-9999px; z-index:60;}

/* Sub */
.subVisual {width:100%;}
.subV {max-width:1000px; margin:0 auto;}
.subV img {width:100%;}
.subText {padding:30px 0 0 530px; font-size:14px; line-height:22px; font-weight:bold;}
.subText strong {display:block; padding-bottom:10px; font-size:22px; color:#006553;}
.sub4 .subText {padding:30px 0 0 40px;}

.contents {max-width:1000px; margin:0 auto;}
.location {padding-top:10px;}
.location a {display:inline-block; padding-left:6px; padding-right:12px; background:url('../images/bl_location.png') no-repeat 100% 3px; font-size:12px;}
.location a:first-child {padding-left:0;}
.location a img {vertical-align:-3px;}
.location strong {display:inline-block; padding-left:6px;}
.subCont {max-width:1000px; overflow:hidden; margin:0 auto; padding-bottom:30px;}
.subCont .lnb {float:left; width:200px; padding-bottom:55px;}
.subCont .contIn {float:right; width:710px; padding:0 30px 50px 30px; background:#fff;}
.lnb h3 {padding:5px 0 10px 8px; border-bottom:1px solid #789914; background:url('../images/bg_lnbh3.png') no-repeat 95% 10px; font-size:16px; color:#588100;}
.lnb > ul > li {border-bottom:1px solid #c6c6bb;}
.lnb > ul > li > a {display:block; height:20px; padding:8px 0 2px 10px; font-size:14px; font-weight:bold;}
.lnb > ul > li > a:hover, .lnb > ul > li > a.on {color:#588100;}
.lnb ul ul {padding:5px 0 10px 20px;}
.lnb ul ul li {padding-left:10px; background:url('../images/dot_green2.gif') no-repeat 0 6px;}
.lnb ul ul li a {display:block; margin:5px 0;}
.lnb ul ul li a:hover, .lnb ul ul li a.on {color:#000; text-decoration:underline;}
.title {padding:27px 0 20px; margin-bottom:30px; border-bottom:1px solid #bfd08b;}
.title h4 {font-size:23px; color:#000;}
.subIn {line-height:24px;}

/* 게시판수정 */
.btnBlack, .btnGray {line-height:17px;}

/* 테이블스타일 */
.tType1 {border-top:2px solid #99b545; border-bottom:1px solid #99b545;}
.tType1 table thead tr th {padding:6px 5px; background:#ececda; border-bottom:1px solid #a9b290;}
.tType1 table tbody tr th {padding:8px 5px; border-top:1px solid #c7c7c7; background:#f2f2dc;}
.tType1 table tbody tr th.bdL {border-left:1px solid #c7c7c7;}
.tType1 table tbody tr.first th, .tType1 table tbody tr.first td {border-top:0;}
.tType1 table tbody tr td {padding:8px 10px; border-top:1px solid #c7c7c7; border-left:1px solid #c7c7c7; word-break:break-all;}
.tType1 table tbody tr td.center {text-align:center;}
.tType1 table tbody tr td ul li strong {padding-left:10px; background:url('../images/dot_gray.gif') no-repeat 0 5px;}


/* 교회소개 */
.intro ul li {padding-top:35px;}
.intro ul li:first-child {padding-top:0;}
.intro ul li strong {display:block; padding-bottom:10px; font-size:20px; color:#538200;}

/* 교회발자취 */
.history > img {width:100%;}
.hisList {overflow:hidden; margin-top:40px; background:url('../images/dot_green.gif') repeat-x 0 13px;}
.hisList a {display:inline-block; text-align:center; width:32%;}
.hisList a span {display:inline-block; overflow:hidden; width:28px; height:28px;}
.hisList a span:hover img , .hisList a span.on img{margin-top:-28px;}
.hisList a p {color:#5e643d; font-size:20px; font-weight:bold;}

.hisCont {margin-top:40px;}
.hisCont li {border-bottom:1px solid #d6d6d6;}
.hisCont dl {overflow:hidden; padding:10px 0;}
.hisCont dl dt {float:left; width:26%; padding-left:5px; font-size:17px; font-weight:bold;}
.hisCont dl dt span {padding-left:10px;}
.hisCont dl dd {float:left; width:70%;}

.goUp {display:block; padding:10px 0; text-align:right;}


/* 섬기는이들 */
.people .tArrow {margin-top:25px; padding-bottom:15px;}
.imgP {overflow:hidden;}
.imgP li {overflow:hidden; float:left; width:50%;}
.imgP li .img {float:left; width:40%; max-width:141px; padding:20px; background:#ededed;}
.imgP li .img img {width:100%;}
.imgP li .txt {float:left; width:40%; margin-left:10px;}
.imgP li .txt strong {display:block; padding:10px 0 20px; font-size:16px;}
.imgP li.wide {width:100%;}
.imgP li.wide .txt {width:60%;}

/* 오시는길 */
.map iframe {width:100%;}


/* 영성과훈련 */
.tArrow {padding:0 0 10px 17px; background:url('../images/bl_arrow.png') no-repeat 0 7px; font-size:18px;}
.training p strong {font-size:14px;}
.training .center {padding-top:20px;}
.training .back {margin:15px 0; padding:10px; background:#f2f2dc;}
.gBox {height:37px; padding:5px 0 20px; background:url('../images/bg_gBox.gif') no-repeat 50% 0; text-align:center; color:#fff; font-size:18px;}
.step ul {padding-left:215px; background:url('../images/bg_step.gif') no-repeat 0 20px;}
.step ul li {padding:15px 0 15px 5px; border-bottom:1px solid #ddd;}
.step ul li strong {display:block; padding-bottom:5px; padding-left:14px; background:url('../images/dot_green3.gif') no-repeat 0 10px; font-size:18px; color:#6f8a1c;}
.step ul li span {display:block; font-size:16px; color:#222; font-weight:bold;}
.training .tType1 {margin-top:30px;}
.training .fList {margin:15px 0; padding-left:10px;}
.training .fList li {padding-left:10px; background:url('../images/dot_gray.gif') no-repeat 0 8px;}
.train02 {margin-top:30px;}
.train02 p {background:#e6ead8; padding:15px; font-size:16px; font-weight:bold;}
.train02 p.center {text-align:center; color:#2b8300;}
.train02 > ul {padding:20px 0 0 0;}
.train02 > ul > li {margin-top:15px;}
.train02 > ul > li:first-child {margin-top:0;}
.train02 ul li strong {color:#588100;}

/* 교육과사역 */
.school .sTit {padding:30px 0 10px; font-size:16px; color:#588100;}
.school .sTit.first {padding-top:0;}
.school .imgBox {overflow:hidden;}
.school .imgBox p {float:left; width:50%; margin-bottom:10px;}
.school .imgBox p.w_all{width:100%}
.school .imgBox p img {width:99%;}
.school p.back {margin:10px 0 15px; padding:10px 15px; background:#e6ead8; font-size:15px; font-weight:bold;}
.school p.back.yTit {text-align:center; color:#004a13; font-size:18px; line-height:28px;}
.school p span {display:block; text-align:center;}

/* 목장사역 */
.mBox {overflow:hidden; padding-top:30px;}
.mBox .img {float:left; width:56%; text-align:center;}
.mBox .img img {width:100%; max-width:348px;}
.mBox .txt {float:left; width:42%;}
.mBox .txt strong {display:inline-block; padding:10px 0; border-top:1px solid #588100; font-size:20px; color:#588100;}
.mBox ul {min-height:180px; margin-top:30px; padding-left:40px; background:url('../images/bg_ministry.gif') no-repeat 0 0;}
.mBox ul li {padding-top:17px; font-size:14px;}
.mBox ul li:first-child {padding-top:10px;}

/* 열린금요일 */
.fList {padding:10px 0;}
.fList li {padding-bottom:10px;}
.fList2 {overflow:hidden; padding:20px 0 30px;}
.fList2 li {float:left; width:48%; padding-left:10px; background:url('../images/dot_gray.gif') no-repeat 0 9px;}

.join_fri {max-width:900px; margin:10px auto; padding:20px 10px; line-height:22px;}
.join_fri h1 {padding-bottom:20px; text-align:center; font-size:26px;}
.join_fri h1 span {display:inline-block; padding:0 0 10px 70px; background:url('../images/bl_logo.png') no-repeat 0 0; border-bottom:2px solid #80a317;}
.join_fri h1 em {font-size:15px;}
.join_fri .tType1 {margin-bottom:20px; background:#fff;}
.join_fri .tType1 tbody tr th {word-break:break-all;}
.join_fri .tType1 tbody tr th em {display:block; font-size:11px;}
.join_fri .tType1 tbody tr td input[type="text"] {width:90%; height:25px;}
.join_fri .tType1 tbody tr td label {vertical-align:middle;}
.join_fri p.center {padding-top:20px; text-align:center;}
.join_fri p strong {text-decoration:underline;}
.join_fri .sign {overflow:hidden; padding-top:30px;}
.join_fri .sign p {float:left; width:50%;}
.join_fri .sign p {border-bottom:1px solid #000;}
.join_fri .sign p input {width:50%; height:25px; margin-bottom:5px;}