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

.window { position: relative; width:100%; align: center;  float: left;}
.fixWindow { position: relative; width: 1110px; margin:0px auto;}



/*상단*/
.headerbox { position:relative;  float:left; width: 100%; margin-top:-825px; z-index:100;}
.header {position:relative;  float:left;  width:1110px; height:140px; z-index:1000 !important;}
.header .logo { position:relative; float:left; width:180px; height:65px; margin-top:26px; margin-left:30px;}
.header .topGnb { position:relative; float:right; margin-right:30px;  margin-top:40px;}


/* 메인슬라이드 */
.visualArea {position: relative;  width:100%; height:827px; overflow:hidden; }
	
.visualArea .visual { position: absolute; margin-left:-1000px; left:50%; width:2000px; height:827px; z-index:7; }
.visualArea .visual .slide {  position: relative; float:left; width:2000px; height:827px; overflow:hidden; }
.visualArea .visual .slide ul.slides{ margin:0; padding:0; list-style-type:none; }
.visualArea .visual .slide ul.slides li{width:2000px; height: 827px;   left: 0px;   position: absolute; top: 0px; display: none;}
.visualArea .visual .slide ul.slides li img{width:2000px; height: 827px; 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:80px;	height:80px;	display:block;	cursor:pointer;	position:absolute;	top: 42%; left:5%; opacity: 0; background: url(../images/_main/nav1.png) no-repeat 0 0;}
.visualArea .visual .slide a.next{width:80px;	height:80px;	display:block;	cursor:pointer;	position:absolute;	top: 42%; right:5%; opacity: 0;background: url(../images/_main/nav2.png) no-repeat 100% 0;}
.visualArea .visual .slide:hover a.prev{opacity: 1;} 
.visualArea .visual .slide:hover a.next{opacity: 1;}


/*메뉴*/
.menubg { position: relative; float: left; width: 100%;  background:url(../images/_main/topbg.png) center top no-repeat; z-index:100; margin-top:-54px;}
.menu { position:relative; float:left; width:1110px; height:108px;}
.menu #mainMenu { position:relative; float:left;  width:1043px; height:100px; margin-top: 15px; margin-left: 35px;}


/* 게시판바 */
.noticeBar {position: relative; float:left; width:100%; height:53px; overflow:hidden; margin-top:-0px;  z-index:2000; }
.noticeBar .group { position: relative; margin:0 auto; width:1110px; height:60px;}
.noticeBar .group .icon {position: relative; float:left; width:30px; height:30px; margin-top: 8px; margin-left:38px;}
.noticeBar .group .boardName {position: relative; float:left; min-width:50px;  height:30px; margin-left:5px; padding-right:17px; font-size:16px; font-weight:600; margin-top:5px; color:#0f274c; line-height:18px; letter-spacing:-.5pt;}
.noticeBar .group .date {position:absolute; text-align:right; width:80px; height:30px; font-size:16px;  margin:4px 10px 0 830px; color:#fff; line-height:18px; letter-spacing:-.1pt;}
.noticeBar .group .text {position: relative; float:left; width:600px; font-size:16px; font-weight:600; margin:5px 15px 0 0px; color:#eaeaea; line-height:18px; letter-spacing:-.2pt; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.noticeBar .group .text a { font-size:15px; font-weight:600; color:#fff; line-height:18px; letter-spacing:-.2pt;}
.noticeBar .group .text a:hover{font-size:15px; font-weight:600; color:#fff; line-height:18px; letter-spacing:-.2pt;}
.noticeBar .group .bt {position:absolute; width:60px; height:40px; z-index:1; top:15px; right:35px;}
.noticeBar .group .bt .up { position: relative; float: left; width:24px; height:24px; margin-left:5px;}
.noticeBar .group .bt .up a{ float: left; width:24px; height:24px;  background:url(../images/_main/nav_top.png) no-repeat; }
.noticeBar .group .bt .down { position: relative; float:left; width:24px; height:24px;  margin:0px;}
.noticeBar .group .bt .down a{ float: left; width:24px; height:24px;  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;}



.contentbg{position:relative; float:left; width:100%; height:1833px; background:url(../images/_main/contentbg.jpg) center top no-repeat;}

/* 메뉴아래텍스트 */
.mainText {position:relative; float:left; width:100%; height:165px; margin-top:53px;}


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

/* 주일설교 */
.sermon { position:relative; float:left; width:635px; height:301px; margin-right:10px; background:url(../images/_main/sermonbg.jpg) left top no-repeat;}
.sermon .vodThumb { position:relative; float:left; width:126px; height:94px; margin:173px 17px 0px 38px;}
.sermon .vodThumb .playBtn { position:absolute; margin-top:-73px; margin-left:38px;}
.sermon .sList { position:relative; float:left; width:300px; margin:180px 0px 0 0; line-height:23px;}
.sermon .sList .subject { position:relative; float:left; width:350px; 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;}


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


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


/* 교회학교 */
.school {position:relative; width:294px; height:316px; float:left; margin-top:12px; background-color:#73a1bb;}
.school .Box {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 #8bb9d3; 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;}


/* 퀵메뉴 */
.photo2 {position:relative; width:326px; height:314px; float:left; margin-top:13px; margin-left:14px; background:url(../images/_main/quickbg.png) right center no-repeat;}
.quick1{position:relative; float:left; width:139px; height:139px; margin-left:10px; margin-right:10px; margin-top:5px;}
.quick2{position:relative; float:left; width:139px; height:139px; margin-left:19px; margin-top:5px;}
.quick3{position:relative; float:left; width:139px; height:139px; margin-right:31px; margin-left:8px; margin-top:23px;}
.quick4{position:relative; float:left; width:139px; height:139px; margin-top:23px;}
.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;}


/* 앨범 */
.phototext { position:relative; float:left; width:1020px; height:120px; margin-top:184px;}
.photomore { position:relative; float:left; width:36px; height:41px; margin-top:250px; margin-left:45px;}
.photo { position:relative; float:left; width:1110px; height:100%; margin-top:2px;}
.photo .frame01 { position:relative; float:left; width:269px; height:269px; overflow:hidden; border-top:10px solid #fff; border-bottom:10px solid #fff;}
.photo .frame02 { position:relative; float:left; width:269px; height:269px; overflow:hidden; border-top:10px solid #fff; border-left:11px solid #fff; border-bottom:11px solid #fff;}
.photo .frame03 { position:relative; float:left; width:269px; height:269px; overflow:hidden; border-top:10px solid #fff; border-left:11px solid #fff; border-bottom:11px solid #fff;}
.photo .frame04 { position:relative; float:left; width:269px; height:269px; overflow:hidden; border-top:10px solid #fff; border-left:11px solid #fff; border-bottom:11px solid #fff;}
.photo .frame05 { position:relative; float:left; width:269px; height:269px; overflow:hidden;}
.photo .frame06 { position:relative; float:left; width:269px; height:269px; overflow:hidden; border-left:11px solid #fff; }
.photo .frame07 { position:relative; float:left; width:269px; height:269px; overflow:hidden; border-left:11px solid #fff; }
.photo .frame08 { position:relative; float:left; width:269px; height:269px; overflow:hidden; border-left:11px solid #fff; }

.pList { display:none; position:absolute; top:0; eft:0; background:url(../images/_main/thumb_over.png) no-repeat; width:269px; height:100%; text-align:center; color:#fff;}
.pList .subject { width:240px; font-size:17px; font-weight:400; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:170px; margin-left:15px;}
.pList .subject a { color:#fff;}
.pList .subject a:hover { color:#fff; text-decoration:underline;}
.pList .date { font-size:16px; color:#fff; font-family:Verdana;  margin-top:10px;}


/*배너*/
.bannerWrap{position:relative; float:left; width:100%; height:90px; background:#969696; }
.bannerFix{position:relative; width:1110px; height:90px; margin:0 auto;}
.banner {position:relative; width:1110px;  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:19px; width:155px; height:56px;}


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



	@media all and (max-width: 1110px) {
		.contentbg,
		.menubg,
		.bannerWrap,
		.footWrap,
		.visualArea { width:1110px;}
	}