@charset "utf-8";

/* skin210_공통사항_추가 */
.section1 .album .more {right:87%;}
.section1 .album ul li img {min-width:130px; min-height:90px;}
.section2 .searchBox {padding:0;}
.section2 .sermon {margin-top:0; border:none;}
.section2 .sermon .video img {min-height:125px;}
.defaultWrite table tbody tr td .sermonCont img {max-width:710px;}
.defaultWrite table tbody tr td .view .popImage {display:block; text-align:center;}
.defaultWrite table tbody tr td .view .popImage img {max-width:700px;}
.defaultWrite table tbody tr td .view .center {text-align:center;}
.photoList li {width:170px; margin-left:8px;}
.photoList li:nth-child(4n+1) {margin-left:8px;}
.photoList li .img {width:100%; height:182px; background-size:100% 100%;}
.photoList li .img img {width:100%;}
.photoList li .reply {background-position:0 11px;}
.calSelect {width:230px !important;}
.tDay {width:65% !important;}
.tCalendar table tbody tr td:first-child {border-left:1px solid #e3e3e3;}
.btnGray {line-height:16px;}
.btnBlack {line-height:16px;}
div.section2 div.sermon { border: 1px solid #e7e7e7; }
.b40{ margin-bottom:40px;}

.tabs { position:relative; overflow:hidden}
.tabs li {float:left;  border:1px solid #339999;font-size:22px; color:#339999;width:33%;text-align:center; margin-right:1px;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box }
.tabs li.on {background:#339999;}
.tabs li.on a {text-decoration:none;color:#FFF;}
.tabs li a {display:block;padding:10px 0}

.plan .tab {overflow:hidden}
.plan .tab>li {float:left;border:1px solid #339999;font-size:22px; color:#339999;width:33%;text-align:center; margin-right:1px; background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.plan .tab li:last-child {margin-right:0}
.plan .tab>li.on {background:#339999;}
.plan .tab>li.on a {text-decoration:none;color:#FFF;}
.plan .tab>li h3 a {display:block; padding:10px 0}
.plan .tab>li > div{position:absolute;text-align:left;left:0;top:0}
.plan .active {display:block}

.plan01 {display:none; margin-top:55px}
.active {display:block}

.plan02 {display:none; margin-top:55px}
.plan03 {display:none; margin-top:55px}

/* 메인 */
#Util a {font-size:12px;}

.visual ul li .mainText p strong {color:#fff}
.visual ul li .mainText p {color:#fff}
.social ul li.s1 {background:url('/image/social01.png') no-repeat 50% 50%;}
.social ul li.s2 {background:url('/image/social02.png') no-repeat 50% 50%;}
.social ul li.s3 {background:url('/image/social03.png') no-repeat 50% 50%;}
.social ul li.s4 {background:url('/image/social04.png') no-repeat 50% 50%;}
.social ul li.s5 {background:url('/image/social05.png') no-repeat 50% 50%;}

.sub4 .subText {padding:30px 0 0 530px;}

.section2 .tab {background:url('/image/bg_tab.gif') repeat-x 0 0;}
.section2 .tab .tabList ul li {float:none;  display:inline-block; margin:0 0 30px 0;}
.section2 .tab h4 {width:40%;}

.section2 .sermon ul li { overflow:hidden; display:inline-block; width:90%; padding:5px 0 0 8px; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; }



.section3 .board_list {min-height:156px;}

.info ul li span img {width:100%;}
.pastor .img {max-width:200px;}
.pastor > ul > li:first-child {margin-top:0;}

.visual .bx-pager { left:35% !important;}
.visual ul li .mainText p strong { font-size:22px !important;}
.visual ul li .mainText p { font-size:16px !important;}
.visual ul li .mainText { right:1% !important; top:50px !important; max-width:470px !important; text-shadow:2px 0px #4d4d4d;}

/* 서브 */
.subText {text-shadow:2px 0px #4d4d4d; color:#FFF;font-size:15px !important;}
.subText strong { color:#FFF;}

/* 인증마크 */
.mark {
	position:absolute;
	left:750px;
	top:11px;
}

@media only screen and (max-width:1080px) {
	.visual .bx-prev {left:0;}
	.visual .bx-next {right:0;}
.tabs li {border:1px solid #339999;font-size:22px; color:#339999;width:100%;text-align:center; margin-top:1px;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box }

}

@media only screen and (max-width:999px) {
	.photoList li {padding-bottom:60px;}
	.photoList li .img .text .t1 strong {padding-right:20px; font-weight:bold; font-size:16px; color:#000;}
	.section1 .album .more {right:10px;}
	.section2 .sermon {padding:0 20px;}


	.subV {height:170px; background-size:100% 100%;}
	.subText {padding:30px 0 0 0; text-align:center;}
	.sub4 .subText {padding:30px 0 0 0;}

	.info ul li span img {width:90%;}

	/*div.board #submitForm div.view { font-size:1.15em!important;line-height:140%!important; }
	div.board #submitForm div.view span{ font-size:1.15em!important;line-height:140%!important;}

	@mixin font-size($font-size){
		font-size: $font-size*1.1;
	}*/

}
@media only screen and (max-width:767px) {
	.photoList li {width:46%;}
	.calSelect {width:100% !important;}
	.tDay {width:100% !important;}

	/* 메인 */
	.social ul li.s1 {background:url('/image/social01.gif') no-repeat 50% 50%;}
	.social ul li.s2 {background:url('/image/social02.gif') no-repeat 50% 50%;}
	.social ul li.s3 {background:url('/image/social03.gif') no-repeat 50% 50%;}
	.social ul li.s4 {background:url('/image/social04.gif') no-repeat 50% 50%;}
	.social ul li.s5 {background:url('/image/social05.gif') no-repeat 50% 50%;}
}
@media only screen and (max-width:480px) {
	#Header .headIn .logo {padding-top:17px;}
	#Header .headIn .logo img {width:200px; height:27px;}
	.visual ul li img {width:100%;}
	

	.board {padding:0;}
	.photoList li .img {height:135px;}
	.photoList li .img img {height:135px;}
	.sermon dl {width:100%;}
	.sermon dl dt {width:90%;}
	.defaultWrite table tbody tr th {width:8%;}
	.defaultWrite table tbody tr td .view iframe {width:100%;}
	.subV {height:130px;}
	.social ul li.s1, .social ul li.s2, .social ul li.s3, .social ul li.s4, .social ul li.s5 {background-size:60% 50%;}
	
}

@media only screen and (max-device-width:321px) and (-webkit-device-pixel-ratio: 2) {
	
	.visual ul li .mainText p {display:none;}
	.subV {height:100px;}
	.photoList li .img .text .t1 {text-align:left;}
	.photoList li .img .text .t1 strong {padding-right:5px;}
	.footIn address p {word-break:break-all;}
	.banner {display:none;}
}

/* 웹진게시판수정_150331 */
.board {padding:0;}
.blog ul li .img {width:21%;}
.blog ul li .txtBox {width:75%;}


@media only screen and (max-width:999px) {
	
	.blog ul li .txtBox {width:70%;}
}
@media only screen and (max-width:767px) {
	
	.blog ul li .img {width:110px;}
}
@media only screen and (max-width:480px) {
	.blog ul li .img {width:90px;}
	.blog ul li .txtBox {width:56%;}
	.defaultWrite table tbody tr td .view p{font-size: 1em !important;}
}
/* //웹진게시판수정_150331 */