@charset "utf-8";
@import url(default.css);

.topbg { position: relative; float: left; width: 100%; background:url(../images/_main/topbg.png) center top no-repeat; z-index:1000;}
.window { position: relative; width:100%; align: center;  float: left;}
.fixWindow { position: relative; width: 1110px; margin:0px auto;}

/*상단*/
.header { position:relative; float:left; width:1110px; height:140px;}
.header .top { position:relative; float:left; width:1110px; height:32px;}
.header .top .topGnb { position:relative; float:right; margin-right:4px;  margin-top:7px;}
.header .menu { position:relative; float:left; width:1110px; height:105px;}
.header .menu .logo { position:relative; float:left; width:150px; height:60px; margin-top:10px;}
.header .menu #mainMenu { position:relative; float:right;  width:900px; height:105px; margin-top: 22px;}



/* 메인슬라이드 */
.visualArea {position: relative; float:left; width:100%; height:653px; margin-top:-35px;}
.visualArea .visual { position: absolute; margin-left:-1000px; left:50%; width:2000px; height:653px; z-index:9; }
.visualArea .visual .slide {  position: relative; float:left; width:2000px; height:653px; overflow:hidden; }
.visualArea .visual .slide ul.slides{ margin:0; padding:0; list-style-type:none; }
.visualArea .visual .slide ul.slides li{width:2000px; height: 653px;   left: 0px;   position: absolute; top: 0px; display: none;}
.visualArea .visual .slide ul.slides li img{width:2000px; height: 653px; border:0; margin:0px;}
.visualArea .visual .slide .slide-navs {bottom: 20px;  left: 50%;   position: absolute;	list-style-type: none; margin: 0; padding: 0; }
.visualArea .visual .slide .slide-navs li { float: left; height:12px; width:12px; margin-right:4px; cursor:pointer;}
.visualArea .visual .slide a.prev{width:65px;	height:135px;	display:block;	cursor:pointer;	position:absolute;	top: 45%; left:5%;  background: url(../images/_main/nav1.png) no-repeat 0 0;}
.visualArea .visual .slide a.next{width:65px;	height:135px;	display:block;	cursor:pointer;	position:absolute;	top: 45%; right:5%; background: url(../images/_main/nav2.png) no-repeat 100% 0;}
.visualArea .visual .slide a.prev:hover{}  .slide a.next:hover{}



/* 게시판바 */
.noticeBar {position: relative; float:left; width:100%; height:60px; background:url(../images/_main/boardbg_01.png) left top no-repeat; overflow:hidden; margin-top:-60px;  z-index:1000;}
.noticeBar .group { position: relative; margin:0 auto; width:1110px; height:60px;}
.noticeBar .group .icon {position: relative; float:left; width:30px; height:30px; margin-top: 15px; margin-left:30px;}
.noticeBar .group .boardName { position: relative; float:left; min-width:90px; padding-right:17px; font-size:16px; font-weight:600; margin-top:8px; color:#c8bbf6; line-height:18px; letter-spacing:-.5pt;}
.noticeBar .group .date { position: relative; float:right; text-align:right; width:80px; height:30px; font-size:16px; margin:8px 10px 0 0px; color:#fff; line-height:18px; letter-spacing:0.5pt;}
.noticeBar .group .text {position: relative; float:left; width:500px; font-size:16px; font-weight:600; margin:8px 15px 0 0px; color:#eaeaea; line-height:18px; letter-spacing:-.6pt; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.noticeBar .group .text a { font-size:15px; font-weight:600; color:#eaeaea; line-height:18px; letter-spacing:-.6pt;}
.noticeBar .group .text a:hover{font-size:15px; font-weight:600; color:#fff; line-height:18px; letter-spacing:-.6pt;}
.noticeBar .group .bt {position:absolute; width:20px; height:40px; z-index:1; top:10px; right:20px;}
.noticeBar .group .bt .up { position: relative; float: left; width:20px; height:20px; margin:0px;}
.noticeBar .group .bt .up a{ float: left; width:20px; height:20px;  background:url(../images/_main/nav_top.png) no-repeat; }
.noticeBar .group .bt .down { position: relative; float:left; width:20px; height:20px;  margin:0px;}
.noticeBar .group .bt .down a{ float: left; width:20px; height:20px;  background:url(../images/_main/nav_bottom.png) no-repeat;}
.noticeBar .group  #vertical-ticker2 {position:relative; width:930px; height:30px; margin:15px 0 0 80px; overflow:hidden;}



.contents {position:relative; float:left; width:100%; height:628px; margin-top:21px;}

/* 게시판 */
.board {position:relative; float:left; width:464px; height:301px; background:url(../images/_main/news_bg.png) no-repeat; }
.board a {text-decoration:none; color:#9fc94c; }
.boardTit {position:relative; width:405px; height:20px; padding:25px 10px; margin-left:15px; line-height:20px; overflow:hidden; background:url(../images/_main/news_more.png) right center no-repeat;}
.boardCon {width:400px; height:230px; padding:10px 28px; overflow:hidden; color:#fff; }
.boardSbj {width:415px; height:20px; line-height:20px; font-size:19px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; float:left; margin-bottom:18px; padding:7px 0; font-weight:600;}
.boardSbj a {text-decoration:; color:#fff;  }
.boardSbj a:hover {text-decoration:underline;}
.boardDate {width:150px; height:20px; font-size:19px;  float:left;  letter-spacing:-.15pt;}


/* 주일설교 */
.sermon { position:relative; float:left; width:634px; height:301px; margin-left:12px; background:url(../images/_main/sermonbg.jpg) left top no-repeat;}
.sermon .vodThumb { position:relative; float:left; width:126px; height:85px; margin:173px 15px 0px 45px; }
.sermon .vodThumb .playBtn { position:absolute; margin-top:-60px; margin-left:45px;}
.sermon .sList { position:relative; float:left; width:300px; margin:180px 0px 0 0; line-height:23px;}
.sermon .sList .subject { position:relative; float:left; width:245px; font-size:20px; letter-spacing:-.1pt; font-weight:800; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:left;}
.sermon .sList .subject a { color:#fff;}
.m.sermon .sList .subject a:hover { color:#fff; text-decoration:underline;}
.sermon .sList .text { position:relative; margin-top:10px; width:245px; float:left; font-size:14px; color:#fff;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:left;}
.sermon .sList .date { position:relative; width:300px; float:left; font-size:14px; color:#fff;}


/* 앨범게시판1 */
.photo1 {position:relative; width:311px; height:314px; float:left; margin-top:13px; background-color:#9f94c6; }
.photo1 .photoBox {position:relative; width:225px; height:314px; margin:0px 0px 0 41px;}
.photo1 .photoBox .more {position:relative; width:33px; height:32px; margin:24px 0px 0 97px; float:left; background:url(../images/_main/poto01_more.png) right center no-repeat;}
.photo1 .photoBox .photoBoard {position:relative; width:225px; height:25px; overflow:hidden; text-align:center; margin-top:8px;}
.photo1 .photoBox .photoImg {position:relative; width:225px; height:152px; border:1px solid #8f82be; float:left; margin-top:10px;}
.photo1 .photoBox .photoSbj {position:relative; width:216px; height:20px; font-size:15px; font-weight:600; float:left; color:#fff; text-align:center; padding:8px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.photo1 .photoBox .photoSbj a {color:#fff;}


/* 앨범게시판2 */
.photo2 {position:relative; width:311px; height:314px; float:left; margin-top:13px; margin-left:15px; background-color:#d6cedb; }
.photo2 .photoBox {position:relative; width:225px; height:314px; margin:0px 0px 0 41px;}
.photo2 .photoBox .more {position:relative; width:33px; height:31px; margin:24px 0px 0 97px; float:left; background:url(../images/_main/poto02_more.png) right center no-repeat;}
.photo2 .photoBox .photoBoard {position:relative; width:225px; height:25px; overflow:hidden; text-align:center; margin-top:9px;}
.photo2 .photoBox .photoImg {position:relative; width:225px; height:152px; border:1px solid #ccc2d3; float:left; margin-top:10px;}
.photo2 .photoBox .photoSbj {position:relative; width:216px; height:20px; font-size:15px; font-weight:600; float:left; color:#4c4073; text-align:center; padding:8px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.photo2 .photoBox .photoSbj a {color:#4c4073;}


/*예배시간*/
.worship { position:relative; float:left; width:459px; height:314px; left:15px; margin-top:13px; }



.contents2_bg {position: relative; float:left; width:100%; height:380px; margin-top:21px; background:url(../images/_main/contbg.png) center top no-repeat;}
.contents2_Wrap {position:relative; float:left; width:100%; height:380px;}


/*퀵메뉴*/
.quickMenu{position:relative; float:left; width:315px; height:320px; background:url(../images/_main/quickbg.png) no-repeat; margin-top:30px; margin-right:30px;}
.quick1{position:relative; float:left; width:139px; height:139px; margin-right:37px;}
.quick2{position:relative; float:left; width:139px; height:139px;}
.quick3{position:relative; float:left; width:139px; height:139px; margin-right:37px; margin-top:38px; }
.quick4{position:relative; float:left; width:139px; height:139px; margin-top:38px;}
.quickIcon{position:relative; float:left; width:100%; text-align:center; margin-top:20px;}
.quickSbj{position:relative; float:left; width:100%; height:20px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff; margin-top:10px;}
.quickSbj a{color:#fff; font-size:16px; font-weight:300;}


/*지도*/
.map { position:relative; float:left; width:746px; height:318px; left:19px; margin-top:30px;}

/*배너*/
.bannerWrap{position:relative; float:left; width:100%; height:90px; background:#000000;}
.bannerFix{position:relative; width:1175px; height:90px; margin:0 auto;}
.banner {position:relative; width:1175px;  height:60px; float:left; margin-top:16px; margin-bottom:10px;}
.banner .left{margin:16px 30px 0px 5px;}
.banner .right{margin-top:16px;}
.banner .bn {margin-right:30px; width:155px; height:56px;}

/*하단*/
.footWrap{position:relative; float:left; width:100%; height:140px; background:url(../images/_main/footerbg.jpg) repeat;}
.footFix{position:relative; width:1110px; height:140px; margin: auto; font-size:16px; color:#c2c2c2; line-height:23px; }
.address{position:relative; float:left; width:100%; margin-top:45px;}
.footBtn01{position:absolute; padding:3px 5px; margin-right:10px; border:1px solid #c2c2c2; right:135px; font-size:13px; }
.footBtn02{position:absolute; padding:3px 5px; border:1px solid #c2c2c2;right:0px; font-size:13px; }