@charset "utf-8";
/* CSS Document */
@import url("default.css");


/*header*/
#topWrap {position: absolute; width:100%; height:119px; display:block; overflow:hidden; border-bottom:1px solid #e3e3e3; z-index:2; background:url(../images/_main/top_bg.gif) repeat-x; background-color:#f2f2f2; z-index:1;}
	#topWrap .topBox { position: relative; width: 1200px; margin: 0 auto;}
		#topWrap .topBox .topGnb { position:relative; float:left; width:1200px; height:34px; font-family:'NanumBarunGothic' !important; font-size:12px; color:#fff; }
			#topWrap .topBox .topGnb .ul { position:relative; float:right; height:34px;  background:url(../images/_main/bar.jpg) right top no-repeat; background-color:#053766;}
			#topWrap .topBox .topGnb .ul li { padding:11px 20px 0 20px; text-align:center; height:23px;  background:url(../images/_main/bar.jpg) left top no-repeat;}
			#topWrap .topBox .topGnb .ul li a { color:#fff; }
			#topWrap .topBox .topGnb .ul li a:hover { color:#fff; font-weight:600;}
		
		#topWrap .topBox .logo { position:relative; float:left; width:284px; height:50px; margin:25px 0 0 20px; z-index:2;}
	
	#topWrap .topBox #tmWrap  { position:absolute; left: 0px; top: 34px; width:1200px; height:340px; padding:35px 0 0 0px; background:url(../images/_main/menu_bg.jpg) left top no-repeat; }	
		#topWrap .topBox #tmWrap .topMenu { position:relative; float:left; margin-left:300px; }
		
		#topWrap .topBox #tmWrap .menu { position: relative; float:left; width:112px;  text-align:center; font-family: 'NanumBarunGothic' !important;}
		#topWrap .topBox #tmWrap .menu01 { font-size:19px; font-weight:400; text-align:center;  }
			#topWrap .topBox #tmWrap .menu01 > a { font-size:19px; font-weight:400; text-decoration:none; color:#333; }
			#topWrap .topBox #tmWrap .menu01 > a:hover { font-size:19px; font-weight:600; text-decoration:none; color:#0a5091; text-decoration:underline; }
		#topWrap .topBox #tmWrap .menu02 { font-size:15px; font-weight:400;}
			#topWrap .topBox #tmWrap .menu02 > a { font-size:15px; font-weight:400; color:#333; text-decoration:none;}
			#topWrap .topBox #tmWrap .menu02 > a:hover { font-size:15px; font-weight:600; color:#0a5091; text-decoration:underline; }
		#topWrap .topBox #tmWrap .menu03 { font-size:13px; font-weight:400; }
			#topWrap .topBox #tmWrap .menu03 > a { font-size:13px; font-weight:400; color:#666; text-decoration:none;}
			#topWrap .topBox #tmWrap .menu03 > a:hover { font-size:13px; font-weight:600; color:#0a5091; text-decoration:underline; }
		#topWrap .topBox #tmWrap .depth1 {min-width:112px; margin-bottom:60px; text-align:left; float:left;}
			#topWrap .topBox #tmWrap .depth1 li { min-width:112px; margin:0px; padding:0px; list-style:none; vertical-align:middle; float:left; text-align:center;  width:100px; .width:130px;}
		#topWrap .topBox #tmWrap .depth2 {min-width:112px; } 
			#topWrap .topBox #tmWrap .depth2 li { min-width:112px; margin-bottom:15px; padding:0px; list-style:none; width:100px; .width:130px; }
		#topWrap .topBox #tmWrap .depth3 {min-width:112px; } 
			#topWrap .topBox #tmWrap .depth3 li { min-width:112px; margin-bottom:10px; padding:0px; list-style:none; width:100px; .width:130px;}




/*mainVisual*/
.visualArea {  position: relative; float:left; width:100%; height:500px; margin-top:120px; overflow:hidden;}
.visualArea .visual { position: absolute; left:50%; top:50%; }
.visualArea .visual .visualWarp { position:absolute; left:-1000px; top:-250px;}

	/* FLEX */
	.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:100%; height:100%;}
	.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	.flexslider .slides img {width:2000px; height:100%; display: block;}
	.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 {margin: 0 0 60px; position: relative; zoom: 1;}
	.flexslider .slides {zoom: 1;}
	.carousel li {margin-right: 5px}

	.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
	.flex-control-nav {width: 99%; position: absolute; bottom: 5%; text-align: center; left:1%; z-index:1;}
	.flex-control-nav li {margin: 0 11px; display: inline-block; zoom: 1; *display: inline;}
	.flex-control-paging li a {width: 18px; height: 18px; display: block; background: #979797; background: rgba(255,255,255,50); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 23px; -moz-border-radius: 23px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 2px 2px 3px rgba(130,130,130,80);}
	.flex-control-paging li a:hover { background: #869298; }
	.flex-control-paging li a.flex-active { background: #869298; cursor: default; }

		
	.flex-container a:active, .flexslider2 a:active, .flex-container a:focus, .flexslider2 a:focus  {outline: none;}
	.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
	.flexslider2 {margin: 0; padding: 0; width:239px; height:149px;}
	.flexslider2 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	.flexslider2 .slides img {width:239px%; height:149px%; display: block;}
	.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;}
	.flexslider2 {margin: 0 0 60px; position: relative; zoom: 1;}
	.flexslider2 .slides {zoom: 1;}
	
	.flex-direction-nav {*height: 0;}
	.flex-direction-nav a {width: 26px; height: 58px; margin: 0; display: block; background: url(../images/_main/nav2.png) no-repeat 0 0; position: absolute; top: 46px; z-index: 1	; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
	.flex-direction-nav .flex-next {background-position: 100% 0; right: 0%; opacity: 1; }
	.flex-direction-nav .flex-prev {left: 0%;opacity: 1; }
	.flexslider2:hover .flex-next {opacity: 1; right: 0;}
	.flexslider2:hover .flex-prev {opacity: 1; left:0;}
	.flexslider2:hover .flex-next:hover, .flexslider2:hover .flex-prev:hover {opacity: 1;}



/*container*/
.mainBody { position:relative; float:left; width:100%; background:url(../images/_main/con_bg.jpg) center top no-repeat;} 
.mainBodyWrap { position:relative; width:1200px; height:560px; margin:0px auto;}

.photo { position:relative; float:left; width:289px; height:290px; margin:50px 15px 0 0; background:url(../images/_main/box1_bg.jpg) center top no-repeat;}
	.photo .more1 { position:absolute; top:26px; left:141px;}
	.photo .flexslider2 { position:absolute; top:98px; left:25px;}
		.photo .flexslider2 .subject { position:relative; float:left; width:160px; font-family:'NanumGothic' !important; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:5px;}
			.photo .flexslider2 .subject a { color:#444;}
			.photo .flexslider2 .subject a:hover { color:#444; text-decoration:underline;}
		.photo .flexslider2 .date { position:relative; float:right; width:70px; font-family:'NanumGothic' !important; font-size:12px; margin-top:6px; color:#999;}

.sermon01 { position:relative; float:left; width:440px; height:290px; margin-top:50px; background:url(../images/_main/sermon01_bg260715.jpg) center top no-repeat;}
	.sermon01 .serSub { position:relative; float:left; width:378px; font-family: 'NanumBarunGothic' !important; font-size:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; margin:102px 0 0 35px;}
		.sermon01 .serSub a { color:#fff;}
		.sermon01 .serSub a:hover { color:#fff; text-decoration:underline;}
	.sermon01 .serList { position:relative; float:left; width:260px; font-family: 'NanumBarunGothic' !important; font-size:13px; color:#fff; margin:11px 0 0 95px; line-height:29px;}
		.sermon01 .serList ul li { width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.sermon01 .txtBtn { position:relative; float:left; width: 100%; height:36px; margin:33px 0 0 0px; font-family: 'NanumBarunGothic' !important; font-size:13px; color:#fff; text-align: center;}
	.sermon01 .txtBtn a { color:#fff;}

.sermon02 { position:relative; float:left; width:440px; height:290px; margin-top:50px; margin-left:15px; background:url(../images/_main/sermon02_bg260715.jpg) center top no-repeat;}
	.sermon02 .serSub { position:relative; float:left; width:378px; font-family: 'NanumBarunGothic' !important; font-size:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; margin:102px 0 0 35px;}
		.sermon02 .serSub a { color:#fff;}
		.sermon02 .serSub a:hover { color:#fff; text-decoration:underline;}
	.sermon02 .serList { position:relative; float:left; width:260px; font-family: 'NanumBarunGothic' !important; font-size:13px; color:#fff; margin:11px 0 0 95px; line-height:29px;}
		.sermon02 .serList ul li { width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.sermon02 .txtBtn { position:relative; float:left; width: 100%; height:36px; margin:33px 0 0 0px; font-family: 'NanumBarunGothic' !important; font-size:13px; color:#fff; text-align: center;}
	.sermon02 .txtBtn a { color:#fff;}

.column { position:relative; float:left; width:296px; height:290px; margin-top:50px; background:url(../images/_main/box3_bg.jpg) center top no-repeat;}
	.column .colList { position:relative; float:left; width:246px; height:172px; margin:90px 0 0 25px; }
		.column .colList .subject { position:relative; float:left; width:170px; font-family:'NanumGothic' !important; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:5px; color:#fff; line-height:25px;}
			.column .colList .subject a { color:#fff;}
			.column .colList .subject a:hover { color:#fff; text-decoration:underline;}
	.column .colList .date { position:relative; float:right; width:70px; font-family:'NanumGothic' !important; font-size:12px; margin-top:6px; color:#a3acba;  line-height:22px;}
	
.icon { position:relative; float:left; width:1200px; height:155px; margin-top:15px;}



/*footer*/
.footer { position:relative; float:left; width:100%; height:175px; background:url(../images/_main/foot_bg.jpg) left top repeat; }
.footerWrap { position:relative; width:1200px; margin:0px auto;}
 
.flogo { position:relative; float:left; width:230px; height:40px; margin:50px 80px 0 0;}
.add { position:relative; float:left; width:640px; margin-top:50px; font-family:'NanumGothic' !important; font-size:14px; color:#fff; line-height:24px;}
	.add .copy { font-size:12px; margin-top:10px; }
	.add .copy a {  color:#fff;}
	
	.add .userName { color:#4a86be;}
.app { position:relative; float:left; width:242px; height:175px; background:url(../images/_main/app.png) center top no-repeat;}
	.app .personal { margin:137px 0 0 13px;}
	.app .personal img { margin:0 2px;}