@charset "utf-8";

/*---------------------------------------default---------------------------------------*/
@import url("/core/fonts/webfonts/font001.css");    /* 나눔고딕 font-family: Nanum Gothic; */
@import url("/core/fonts/webfonts/font002.css");    /* 나눔명조 font-family: Nanum Myeongjo; */
@import url("/core/fonts/webfonts/font003.css");    /* 나눔손글씨 font-family: Nanum Pen Script; */
@import url("/core/fonts/webfonts/font004.css");    /* 나눔붓글씨 font-family: Nanum Brush Script; */
@import url("/core/fonts/webfonts/font006.css");    /* 나눔바른고딕 font-family: NanumBarunGothic; */

html, button, input, select, textarea {font-family: 'Nanum Gothic','나눔고딕';}
pre, code, kbd, samp {font-family: 'Nanum Gothic'; _font-family: 'Nanum Gothic';}
input, textarea, select {font-family: 'Nanum Gothic';}


html{margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
form, ul, li, dl, dt, dd, p { margin:0; padding:0;}
th { text-align: center;}
fieldset, legend { border: none; margin:0; padding:0;}
#accessibility, legend, caption { display: none;}

body{ margin: 0; padding: 0; font-family:'Nanum Gothic','나눔고딕' !important; font-size: 12px; color: #666; line-height:1.6; overflow-x:hidden;}
img { margin: 0px; padding: 0px; border: 0px none;}
select { margin: 0; padding: 0;}
input { margin: 0; padding: 0;}
ul li { margin:0px; padding:0px; list-style:none; vertical-align: middle;}

/* li 왼쪽정렬 */
.ul li{ margin:0px; padding:0px; list-style:none; vertical-align: middle; float:left;} 
/* li 오른쪽 정렬 */
.ur li{ margin:0px; padding:0px; list-style:none; vertical-align: middle; float:right;} 

/* 이미지 강제 왼쪽 정렬 */
.float { float: left;}

/* 이미지 강제 왼쪽 정렬해제 및 중앙정렬 */
.floatnone { float: none; vertical-align: middle; margin-bottom: 2px;}

*{margin:0; padding:0;}


/* 링크 설정*/ 
a:link{ color:#fff; border-style: none; text-decoration : none;}
a:visited{ color:#fff; border-style: none; text-decoration : none;}
a:active{ color: #fff; text-decoration:none;}
a:hover{ color: #fff; text-decoration:none;}


.bg001 { position: relative; width: 100%; height: 100%; float:left; background-color:#f5f5f5;}
.window1 { width:100%; align: center; float: left;}
.fixWindow1 { position: relative; width: 1050px; margin:0px auto;}


/* visual */
.visualArea {  position: relative; float:left; width:100%; height:758px;}

.visualArea .topwrap { position: absolute; margin-left:-1000px; left:50%; width:2000px; height:150px; top:0px; background:url(../images/_main/topbg.png) repeat-x; z-index:1;}
.visualArea .topwrap .top  {position: relative; width: 1050px; margin:0px auto;height:150px; z-index:2;}
.visualArea .topwrap .top .topmenu {position:relative; width:1050px; height:25px; margin-top:5px; margin-right:5px; float:right; }
.visualArea .topwrap .top .topmenu ul li { position:relative; float:right; padding-right:15px; font-weight:600; font-size:12px;}
.visualArea .topwrap .top .logo { position:relative; float:left; width:294px; height:112px;}
.visualArea .topwrap .top .menu {position:relative; float:left; width:756px; height:112px;}

.visualArea .visual { position: absolute; margin-left:-1000px; left:50%; width:2000px; height:616px; top:142px;}
.visualArea .visual .slide {  position: relative; float:left; width:2000px; height:616px; overflow:hidden; }
.visualArea .visual .slide ul.slides{ margin:0; padding:0; list-style-type:none; }
.visualArea .visual .slide ul.slides li{   width:2000px; height: 616px;   left: 0px;   position: absolute;   top: 0px;   display: none; }
.visualArea .visual .slide ul.slides li img{ width:2000px; height: 616px; 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:62px;	height:120px;	display:block;	cursor:pointer;	position:absolute;	top: 30%; left:20%;  background: url(../images/_main/nav2.png) no-repeat 0 0;  }
.visualArea .visual .slide a.next{width:62px;	height:120px;	display:block;	cursor:pointer;	position:absolute;	top: 30%; right:20%; background: url(../images/_main/nav2.png) no-repeat 100% 0;  }
.visualArea .visual .slide a.prev:hover{}  .slide a.next:hover{}

.visualArea .visual .squick {position: absolute; left:0px; top:456px; width:2000px; height:160px; overflow:hidden; z-index:99; background:url(../images/_main/cover.png) top no-repeat;}
.visualArea .visual .squick .boxwrap {position: relative; width: 1050px; margin:0px auto; height:160px; z-index:999;}
.visualArea .visual .squick .boxwrap .sermon {position:relative; float:left; width:527px; height:160px; background:url(../images/_main/sermonbg.jpg) top no-repeat;}
.visualArea .visual .squick .boxwrap .sermon .tit {position:absolute; left:30px; top:70px; width:266px; height:40px; font-weight:600; font-size:23px; text-align:left; color:#fff; overflow:hidden; text-overflow: ellipsis; letter-spacing:-0.5px;}
.visualArea .visual .squick .boxwrap .sermon .tit a {font-weight:400; font-size:23px; text-align:left; color:#fff;}
.visualArea .visual .squick .boxwrap .sermon .tit a:hover {font-weight:600; font-size:23px; text-align:left; color:#fff;}

.visualArea .visual .squick .boxwrap .sermon .name {position:absolute; left:30px; top:113px; width:266px; height:40px; font-weight:300; font-size:15px; text-align:left; color:#fff; overflow:hidden; text-overflow: ellipsis; letter-spacing:-0.5px;}
.visualArea .visual .squick .boxwrap .sermon .btn {position:absolute; left:370px; top:80px; width:113px; height:50px;}
.visualArea .visual .squick .boxwrap .sermon .btn a:hover {opacity:0.8;}

.visualArea .visual .squick .boxwrap .squick01 {position:relative; float:left; width:266px; height:160px;}
.visualArea .visual .squick .boxwrap .squick01 a:hover {opacity:0.8;}
.visualArea .visual .squick .boxwrap .squick02 {position:relative; float:left; width:257px; height:160px;}
.visualArea .visual .squick .boxwrap .squick02 a:hover {opacity:0.8;}


.Wrap {position:relative; float:left; width:1050px; height:655px;}
.Wrap .Content {position:relative; float:left; top:20px; width:1013px; height:482px;}
	
.Wrap .Content .box01 {position:absolute; top:0px; left:0px; width:249px; height:303px; background:url(../images/_main/box01bg.jpg) no-repeat;} 
.Wrap .Content .box01 ul li.list {position:absolute; top:30px; left:21px; width:208px; height:250px;}
.Wrap .Content .box01 ul li.list .date {width:208px; height:30px; float:left; font-size:14px; line-height:23px; text-align:left; font-weight:600; overflow:hidden; color:#fff;}
.Wrap .Content .box01 ul li.list .tit {width:208px; height:32px; float:left; font-size:22px; line-height:32px; text-align:left; font-weight:600; overflow:hidden; color:#fff; letter-spacing:-0.5px; border-bottom:1px solid #afcde4; border-top:1px solid #afcde4;}
.Wrap .Content .box01 ul li.list .tit a {font-weight:600;color:#fff;}
.Wrap .Content .box01 ul li.list .tit a:hover {font-weight:600;color:#e5ffad;}

.Wrap .Content .box01 ul li.list .sbj {width:208px; height:155px; float:left; padding-top:20px; font-size:14px; line-height:22px; text-align:left; font-weight:600; overflow:hidden; color:#e5ffad; letter-spacing:-0.5px;}
.Wrap .Content .box01 ul li.list .sbj a {color:#e5ffad;}
.Wrap .Content .box01 ul li.list .sbj a:hover {color:#fff;}

.Wrap .Content .box01 .more {position:absolute; float:right; top:15px; right:15px;}

.Wrap .Content .box02 {position:absolute; top:0px; left:268px; width:248px; height:303px; background:url(../images/_main/box02bg.jpg) no-repeat;} 
.Wrap .Content .box02 .tit {position:absolute; left:0px; top:62px; width:248px; height:17px; font-weight:600; font-size:16px; color:#7aa61b; text-align:center;}
.Wrap .Content .box02 ul li.list {position:absolute; top:123px; left:15px; width:210px; height:135px;}
.Wrap .Content .box02 ul li.list ul li.bg {width:210px; height:30px;}
.Wrap .Content .box02 ul li.list ul li.bg p.sbj {width:150px; height:30px; float:left; font-size:14px; line-height:23px; text-align:left; font-weight:600; overflow:hidden;}
.Wrap .Content .box02 ul li.list ul li.bg p.sbj a {font-size:14px; color:#818181; line-height:23px; font-weight:600; overflow:hidden;}
.Wrap .Content .box02 ul li.list ul li.bg p.sbj a:hover{font-size:14px; color:#7aa61b; line-height:23px; font-weight:600; overflow:hidden;}
.Wrap .Content .box02 ul li.list ul li.bg p.date {width:60px; height:30px; float:left; font-size:14px; color:#818181; line-height:23px; text-align:left; font-weight:600; overflow:hidden;}
.Wrap .Content .box02 .more {position:absolute; float:right; top:15px; right:15px;}

.Wrap .Content .box03 {position:absolute; top:0px; left:536px; width:245px; height:303px; background:url(../images/_main/box03bg.png) no-repeat;} 

.Wrap .Content .box03 .icon01 {position:absolute; left:0px; top:0px; width:120px; height:96px;}
.Wrap .Content .box03 .icon01 .img {position:absolute; left:0px; top:15px;width:120px; height:50px;}
.Wrap .Content .box03 .icon01 .img a:hover {opacity:0.8;}
.Wrap .Content .box03 .icon01 .text {position:absolute; left:0px; top:67px; width:120px; height:20px; font-size:14px; font-weight:600; text-align:center; overflow:hidden; text-overflow: ellipsis; letter-spacing:-0.5px;}
.Wrap .Content .box03 .icon01 .text a {color:#fff;}
.Wrap .Content .box03 .icon01 .text a:hover {color:#fff; opacity:0.8;}

.Wrap .Content .box03 .icon02 {position:absolute; left:126px; top:0px; width:119px; height:96px;}
.Wrap .Content .box03 .icon02 .img {position:absolute; left:0px; top:15px;width:119px; height:50px;}
.Wrap .Content .box03 .icon02 .img a:hover {opacity:0.8;}
.Wrap .Content .box03 .icon02 .text {position:absolute; left:0px; top:67px; width:119px; height:20px; font-size:14px; font-weight:600; text-align:center; overflow:hidden; text-overflow: ellipsis; letter-spacing:-0.5px;}
.Wrap .Content .box03 .icon02 .text a {color:#5f9ac8;}
.Wrap .Content .box03 .icon02 .text a:hover {color:#5f9ac8; opacity:0.8;}

.Wrap .Content .box03 .icon03 {position:absolute; left:0px; top:103px; width:120px; height:96px;}
.Wrap .Content .box03 .icon03 .img {position:absolute; left:0px; top:15px;width:120px; height:50px;}
.Wrap .Content .box03 .icon03 .img a:hover {opacity:0.8;}
.Wrap .Content .box03 .icon03 .text {position:absolute; left:0px; top:67px; width:120px; height:20px; font-size:14px; font-weight:600; text-align:center; overflow:hidden; text-overflow: ellipsis; letter-spacing:-0.5px;}
.Wrap .Content .box03 .icon03 .text a {color:#4e4e4e;}
.Wrap .Content .box03 .icon03 .text a:hover {color:#4e4e4e; opacity:0.8;}

.Wrap .Content .box03 .icon04 {position:absolute; left:126px; top:103px; width:119px; height:96px;}
.Wrap .Content .box03 .icon04 .img {position:absolute; left:0px; top:15px;width:119px; height:50px;}
.Wrap .Content .box03 .icon04 .img a:hover {opacity:0.8;}
.Wrap .Content .box03 .icon04 .text {position:absolute; left:0px; top:67px; width:119px; height:20px; font-size:14px; font-weight:600; text-align:center; overflow:hidden; text-overflow: ellipsis; letter-spacing:-0.5px;}
.Wrap .Content .box03 .icon04 .text a {color:#fff;}
.Wrap .Content .box03 .icon04 .text a:hover {color:#fff; opacity:0.8;}

.Wrap .Content .box03 .icon05 {position:absolute; left:0px; top:203px; width:120px; height:96px;}
.Wrap .Content .box03 .icon05 .img {position:absolute; left:0px; top:15px;width:120px; height:50px;}
.Wrap .Content .box03 .icon05 .img a:hover {opacity:0.8;}
.Wrap .Content .box03 .icon05 .text {position:absolute; left:0px; top:67px; width:120px; height:20px; font-size:14px; font-weight:600; text-align:center; overflow:hidden; text-overflow: ellipsis; letter-spacing:-0.5px;}
.Wrap .Content .box03 .icon05 .text a {color:#fff;}
.Wrap .Content .box03 .icon05 .text a:hover {color:#fff; opacity:0.8;}

.Wrap .Content .box03 .icon06 {position:absolute; left:126px; top:203px; width:119px; height:96px;}
.Wrap .Content .box03 .icon06 .img {position:absolute; left:0px; top:15px;width:119px; height:50px;}
.Wrap .Content .box03 .icon06 .img a:hover {opacity:0.8;}
.Wrap .Content .box03 .icon06 .text {position:absolute; left:0px; top:67px; width:119px; height:20px; font-size:14px; font-weight:600; text-align:center; overflow:hidden; text-overflow: ellipsis; letter-spacing:-0.5px;}
.Wrap .Content .box03 .icon06 .text a {color:#868686;}
.Wrap .Content .box03 .icon06 .text a:hover {color:#868686; opacity:0.8;}

.Wrap .Content .box04 {position:absolute; top:0px; left:802px; width:248px; height:303px;}
.Wrap .Content .box04 a:hover {opacity:0.8;}

.Wrap .Content .box05 {position:absolute; top:320px; left:0px; width:248px; height:303px; background:url(../images/_main/box05bg.jpg) no-repeat;} 
.Wrap .Content .box05 .tit {position:absolute; left:0px; top:32px; width:248px; height:33px; float:left; font-size:16px; line-height:32px; text-align:center; font-weight:600; overflow:hidden; color:#fff; letter-spacing:-0.5px;}
.Wrap .Content .box05 .date {position:absolute; left:0px; top:70px; width:248px; height:30px; float:left; font-size:14px; line-height:23px; text-align:center; font-weight:600; overflow:hidden; color:#686868;}
.Wrap .Content .box05 .photo {position:absolute; left:26px; top:99px; width:201px; height:150px;}
.Wrap .Content .box05 .phototext { position:absolute; left:26px; top:217px; width:201px; height:32px; background: url(../images/_main/gallerycover.png) no-repeat; line-height:30px; text-align:center; z-index:98; overflow:hidden; text-overflow: ellipsis; letter-spacing:-0.5px;}
.Wrap .Content .box05 .phototext  a { color: #fff; font-size: 14px; font-weight: 600; text-decoration: none;}
.Wrap .Content .box05 .phototext  a:hover {text-decoration: underline;}
.Wrap .Content .box05 .more {position:absolute; float:right; top:15px; right:15px;}


.Wrap .Content .box06 {position:absolute; top:320px; left:268px; width:248px; height:303px; background:url(../images/_main/box06bg.jpg) no-repeat;} 
.Wrap .Content .box06 .tit {position:absolute; left:0px; top:32px; width:248px; height:33px; float:left; font-size:16px; line-height:32px; text-align:center; font-weight:600; overflow:hidden; color:#fff; letter-spacing:-0.5px;}
.Wrap .Content .box06 .date {position:absolute; left:0px; top:70px; width:248px; height:30px; float:left; font-size:14px; line-height:23px; text-align:center; font-weight:600; overflow:hidden; color:#d5d5d5;}
.Wrap .Content .box06 .photo {position:absolute; left:26px; top:99px; width:201px; height:150px;}
.Wrap .Content .box06 .phototext { position:absolute; left:26px; top:217px; width:201px; height:32px; background: url(../images/_main/gallerycover.png) no-repeat; line-height:30px; text-align:center; z-index:98; overflow:hidden; text-overflow: ellipsis; letter-spacing:-0.5px;}
.Wrap .Content .box06 .phototext  a { color: #fff; font-size: 14px; font-weight: 600; text-decoration: none;}
.Wrap .Content .box06 .phototext  a:hover {text-decoration: underline;}
.Wrap .Content .box06 .more {position:absolute; float:right; top:15px; right:15px;}

.Wrap .Content .box07 {position:absolute; top:320px; left:536px; width:247px; height:303px;}
.Wrap .Content .box07 a:hover {opacity:0.8;}

.Wrap .Content .box08 {position:absolute; top:320px; left:802px; width:248px; height:303px;}
.Wrap .Content .box08 a:hover {opacity:0.8;}

	
.foot { position:relative; float:left; width:1050px; height:92px; margin:0 auto; background:url(../images/_main/bannerbg.jpg) no-repeat;}
.foot .familysite{width:1050px; height:94px; padding:20px 0px 35px 0px;}
.foot .familysite ul li.left{display:inline; float:left; padding:0px 17px 0px 3px;}
.foot .familysite ul li.right{display:inline; float:right; padding-right:2px;}

.footer{position:relative; float:left; width:100%;  height:169px; top:30px; background:url(../images/_main/footerbg.jpg) repeat-x;}	
.footer .cc {width:1050px; height:169px; margin:0 auto;}
.footer .cc .left {position:relative; float:left; width:1015px; height:169px;}
.footer .cc .left .footergnb{position:relative; width:1015px; float:left; font-size:13px; font-weight:600; text-align:left; color:#e6e6e6; margin-top:20px;}
.footer .cc .left .footergnb a {font-size:13px; font-weight:600; text-align:left; color:#e6e6e6; margin-top:20px;}
.footer .cc .left .footergnb a:hover {font-size:13px; font-weight:600; text-align:left; color:#e6e6e6; margin-top:20px; text-decoration:underline;}
.footer .cc .left .copyright{position:relative; width:1015px; float:left; font-size:12px; font-weight:600; text-align:left; color:#918f8f; margin-top:20px;}
.footer .cc .left .copyright a {color:#918f8f; font-weight:600;}
.footer .cc .left .copyright a:hover {color:#fff; font-weight:600;}
.footer .cc .left .footerbtn {position:relative; width:1015px; float:left; margin-top:15px;}




/* flexslider*/
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

.flexslider {margin: 0; padding: 0; width:493px;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display:block; width:493px; height:233px;}

.flex-pauseplay span {text-transform: capitalize;}


.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}


.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 62px; margin: -20px 0 0; display: block; background: none; position: absolute; top:50%; z-index: 99; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 0px; }
.flex-direction-nav .flex-prev {left: 0px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 15px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 15px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 20px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 12px; height: 12px; display: block; background: #666; background: rgba(255,255,255,1); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(144,144,144,1);}
.flex-control-paging li a:hover { background: #333; background: rgba(86,195,192,1); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(86,195,192,1); cursor: default; }