@charset "utf-8";
/* CSS Document */

h1{margin-top:0;line-height:0;position:relative;top:10px}
h1 a{line-height:0}
#mb_nav a{cursor:pointer}
	.nav > ul > li > a:hover{color:#46b1b5}
	.nav > ul > li > ul > li a{color:#888}
	.nav > ul > li > ul > li:hover a{color:#222}
	.nav_over{color:#46b1b5}
	.toggle_btn1{background:#46b1b5;border-bottom:1px solid #46b1b5 !important}
	.camera_wrap .camera_pag .camera_pag_ul{margin-right:-39px !important}
#footer h2{margin-top:-25px}
.mark img{width:140px}
	#_pageTop, #_pageUp, #_pageDown, #_pageBottom{display:none !important}

/* 설교게시판 */
	.board{max-width:1200px;margin:0 auto;padding:0 5px}
	.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 > 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}

/* 캘린더 */
	.tCalendar, .tWeek, .calendar{width:100%;max-width:1200px;margin:0 auto 100px}
		.date{width:100%;max-width:1200px;margin:0 auto}
		.date .sort > a, .date .sort > select{margin-left:5px}
		.date select{font-family:"NanumGothic", sans-serif}
		.btnGray{border-radius:0;height:30px}
	.tCalendar table tbody tr td{position:relative;border-right:none;border-bottom:0;border:1px solid #ddd !important}
	.tCalendar table tbody tr td.today{height:100%}
	.tCalendar table tbody tr td.today div{width:100%;border:none;background:rgba(0,0,0,0)}
	.tCalendar table tbody tr td .schedule p, .tWeek{font-size:13px;font-weight:normal}
	.tCalendar .date{width:100%;max-width:1200px;margin:0 auto;padding:10px}
	.tCalendar .date .sort a{margin-right:3px}
	.tWeek table tbody tr td.this{background:#fff}
		.calSelect{width:23%}
		.tDay{width:73%;font-size:13px;font-weight:normal}
	.defaultWrite table tbody tr td{border-bottom:1px solid #e3e3e3 !important}

/* 행사게시판 */
	.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%; }


.defaultWrite table tbody tr td .view .popImage {text-align:left}
.sub2_1 ul.none {margin-bottom: 0px;}


@media(max-width:1230px){
	.vodList{max-width:950px}
}
@media(max-width:1200px){
	.nav > ul > li > ul{top:54px}
}
@media(max-width:1180px){
	.albumList{max-width:925px}
}
@media(max-width:1050px){
	h1{top:3px;left:50%;margin-left:-75px}
	.menu-bt-wrapper{top:29px}
	.vodList{max-width:710px}
}
@media(max-width:950px){
	.albumList{max-width:700px}
	.searchBox{margin-top:-10px}
}
@media(max-width:800px){
	#footer h2{margin:0 0 15px}
	#footer .address li{float:none;display:inline-block}
}
@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){
	.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:500px){
	#footer .ri{margin-right:-160px}
	#footer .address li a i{display:none}
}
@media(max-width:380px){
	.blog ul li{padding:25px 20px}
}
@media(max-width:350px){
	.calSelect{width:100%}
}