@charset "utf-8";
/* CSS Document */
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
body{font-family: 'S-CoreDream-3Light' !important;font-size:16px;font-weight:400;color:#222;}

/*메인*/
#header .inner h1{margin-top: 20px;}
  .nav > ul > li > a{font-family:'S-CoreDream-3Light'; font-size:17px; padding: 10px 15px;}
	.nav > ul > li > a:hover{color: #013088;}
	.nav > ul > li > ul > li:hover a{color:#013088}
	.nav_over{color:#013088}
#footer .address{margin-top: 30px;}

/* 서브비주얼 있을시 삭제 */
	.nav > li > ul > li{border-left:1px solid #ddd;border-right:1px solid #ddd}
	.nav > li > ul > li:last-child{border-bottom:1px solid #ddd}
	.nav > ul > li > ul > li a {width:80%;}

/* 서브공통 */
	.visual{width:100%;height:330px;line-height:0;overflow:hidden;/* display:none */}
	.visual img{width:2000px;position:absolute;left:50%;margin-left:-1000px}

	.lnb > ul > li{position:relative;display:inline-block}
	.lnb > ul > li a{display:block;padding:13px;font-size:13px;font-weight:700;color:#666}
	.lnb > ul > li a:hover{color:#6f9f41}
	.lnb > ul > li:first-child a{padding-left:0}
	.lnb > ul > li span{font-size:6px;position:relative;top:-2px;left:3px}
	.lnb > ul > li > ul{position:absolute;top:43px;right:50%;margin-right:-70px;width:150px;background:rgba(255,255,255,0.975);max-height:0;overflow:hidden;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.lnb > ul > li:first-child > ul{margin-right:-60px}
	.lnb > ul > li > ul > li{width:100%;margin:0 auto;font-size:14px;text-align:center}
	.lnb > ul > li > ul > li:hover > a{color:#6f9f41}
	.lnb > ul > li > ul > li > a{width:100%;margin:0 auto;border:1px solid rgba(0,0,0,0.1);border-top:none;padding:10px 0;display:block;color:#666}
	.lnb > ul > li > ul > li:first-child > a{border-top:1px solid #ccc}
		.lnb > ul li:hover ul{max-height:800px}
		.lnb > h3 { display:none; }
		.pfixed{position:fixed;width:100%}
		.plus > a{padding-right:20px}
		.plus > a:after{display:inline-block;content:'▼';clear:both;font-size:8px;position:relative;left:5px}
		.plus:hover > a:after{content:'▲'}
		.all_menu a{cursor:pointer}

	.sub_menu{z-index:50 !important;border-bottom:1px solid #ddd;width:100%;}
	.sub_menu:after{display:block;content:'';clear:both}
	.sub_menu > ul{max-width:1220px;margin:0 auto;padding:0 10px;text-align:center}
	.sub_menu > ul > li{position:relative;display:inline-block;z-index:5}
	.sub_menu > ul > li a{display:block;padding:13px;font-size:14px;font-weight:700;color:#666}
	.sub_menu > ul > li a:hover{color:#013088}
	.sub_menu > ul > li a.on{color:#013088}
	.sub_menu > ul > li:first-child a{padding-left:0}
	.sub_menu > ul > li:last-child a{padding-right:40px}
	.sub_menu > ul > li span{font-size:6px;position:relative;top:-2px;left:3px}
	.sub_menu > ul > li > ul{position:absolute;top:43px;right:50%;margin-right:-70px;width:150px;background:rgba(255,255,255,0.975);max-height:0;overflow:hidden;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.sub_menu > ul > li:first-child > ul{margin-right:-60px}
	.sub_menu > ul > li > ul > li{width:100%;margin:0 auto;font-size:14px;text-align:center}
	.sub_menu > ul > li > ul > li:hover > a{color:#013088}
	.sub_menu > ul > li > ul > li > a{width:100%;margin:0 auto;border:1px solid rgba(0,0,0,0.1);border-top:none;padding:10px 0;display:block;color:#666}
	.sub_menu > ul > li > ul > li:first-child > a{border-top:1px solid #ccc}
		.sub_menu li:hover ul{max-height:800px}

	.sub_util{clear:both;max-width:1220px;padding:0 10px;width:100%;height:35px;margin:15px auto 0}
	.sub_util span{float:right;margin:10px 10px 0 0;font-size:12px;color:#888}
	.sub_util span img{position:relative;top:1px;left:-3px}

	.menu_3D{max-width:1200px;margin:0 auto;position:relative;top:-35px;right:30px;text-align:left}
	.menu_3D li{display:inline-block;width:150px;margin:0 3px 10px;text-align:center;border:1px solid #6f68ad}
	.menu_3D li a{width:100%;height:100%;display:block;color:#6f68ad;font-size:14px;font-weight:500;padding:12px 0}
	.menu_3D li.sub_on{background:#6f68ad}
	.menu_3D li.sub_on a{color:#fff}

	#_pageTop, #_pageUp, #_pageDown, #_pageBottom{display:none !important}

/* 컨텐츠공통 */
	#contents > h3{clear:both;font-size:36px;font-weight:100;text-align:center;}
	#contents > h3:after{content: ''; display: block; margin: 20px auto; width: 1px; height: 25px; background: #a8a8a8;}
	.sub_wrap p, 	.sub_wrap dd{line-height:22px; color: #676767; font-size: 16px;}
	.sub_wrap p span,
	.back_inner p span{color:#454545; font-weight: 600;}{color:#454545; font-weight: 600;}

/* 설교게시판 */
	.board{max-width:1200px;margin:0 auto;padding:0 5px}
	.sermon dl{text-align: left;}
	.sermon dl dt a{font-size:16px}
	.sermon dl dd ul li{font-size:14px;color:#888}
	.sermon dl dd ul li strong{color:#444}
		#submitForm{width:100%;max-width:1200px;margin:0 auto}
	.vodList{text-align: left;}
	.vodList > div a p span{font-size:13px}
	.con_vod .vod_left h2{width:100% !important;margin-top:10px !important}
	.con_vod .vod_left h2 img{position:relative;top:10px}
/* 	.searchBox .right > select{font-family:"NotoSans", sans-serif} */


/* 앨범게시판 */
	.defaultWrite > table{width:100%}
	.defaultBoard{width:100%;max-width:1200px;margin:0 auto;font-size:14px}
	.defaultBoard table{max-width:1200px;width:100%}
	.defaultBoard table thead tr th{padding:20px 0}
		.albumList{max-width:1150px}
		.albumList > div{margin:0 5px 20px}
		.albumList > div a p span{font-size:13px;color:#888 !important}
	.searchBox{padding-bottom:5px;margin-top:-40px}
	.searchBox .right a img{position:relative;top:12px}
	.searchBox select{height:35px}
	.searchBox input[type="text"]{max-width:200px !important;height:35px}
		.board .overflow{margin-bottom:100px}

/* 새가족사진 ,교회앨범 */
	.vodList{max-width:1180px}
	.vodList > div{padding-bottom:15px}
	.vodList > div a{overflow:hidden;padding:0 0 10px 0}
	.vodList > div a strong{width:95%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.vodList > div a > img{top:-5px}
	.vodList > div p{padding-left:7px}

/* 웹진게시판 */
	.blog ul li .img{position:relative;width:230px;max-width:500px;height:130px;overflow:hidden}
	.blog ul li .img img{width:100% !important;height:170px}
	.blog ul li .txtBox{width:65%}
	.blog ul li .txtBox a strong{padding:18px 0 10px;font-size:18px}
	.blog ul li .txtBox a p{width:100%;height:20px;font-size:15px;color:#666;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.blog ul li .txtBox a span{font-size:15px;color:#666}
		.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
		.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



@media(max-width:1600px){
	.visual{height:281px}
	.visual img{width:1700px;margin-left:-850px}
}
@media(max-width:1230px){
	.vodList{max-width:950px}
}
@media(max-width:1200px){
	.hello p br{display:none}
}
@media(max-width:1180px){
	.albumList{max-width:925px}
}
@media(max-width:1180px){
	.nav > ul > li > a{font-size:16px; padding: 10px 12px;}
}

@media(max-width:1050px){
	#header .inner h1{float: inherit; margin-top: 10px}
	#header .inner h1 img{width: 80px; display: block; margin: 0 auto;}
		.menu-bt-wrapper{top: 34px;}
	.sub_menu{display:none}
	.menu_3D{display:none}
	.visual{height:215px;display:none}
	.visual img{width:1300px;margin-left:-650px}
	.vodList {max-width: 710px;}
}
@media(max-width:950px){
	.albumList{max-width:700px}
	.searchBox{margin-top:-10px}
}
@media(max-width:800px){
	#footer .inner{padding: 30px 10px 30px 0;}
	#footer h2{margin: 0 -10px 0 0;}
	#footer h2 img{width: 80px;}
	#contents > h3{font-size:35px;margin:20px 0 10px}
	.menu_3D li{width:120px}
	.menu_3D li a{font-size:13px;padding:10px 0 7px}
}
@media(max-width:785px){
	.subIn p{padding-top:0}
	.vodList{max-width:480px}
}
@media(max-width:767px){
	.calSelect{width:50%;margin:10px auto 30px}
	.tDay{width:100%}
	.blog ul li .img{width:230px;height:130px;margin-right:20px}
	.blog ul li .img img{height:170px}
	.blog ul li .txtBox{width:50%}
}
@media(max-width:720px){
	.albumList{max-width:460px}
}
@media(max-width:600px){
	.menu_3D li{width:31%;margin:0 1.15% 10px}
	.blog ul li .img{width:120px;height:80px;margin-right:15px}
	.blog ul li .img img{height:100px}
	.blog ul li .txtBox{width:47%}
	.blog ul li .txtBox a strong{padding:3px 0 5px;font-size:16px}
	.blog ul li .txtBox a p{font-size:13px;margin-bottom:5px}
	.blog ul li .txtBox a span{font-size:13px}
	.date{text-align:center}
	.date .days{float:none}
	.date .sort{float:none;display:inline-block}
}
@media(max-width:510px){
	.albumList{max-width:230px}
	.searchBox{margin:0 auto;width:290px}
	.searchBox input[type="text"]{width:150px}
	.searchBox .right > select{right:191px}
	.vodList{max-width: 240px;}
}
@media(max-width:380px){
	.blog ul li{padding:25px 20px}
}
@media(max-width:350px){
	.calSelect{width:100%}
}