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


/* #header {position:relative;} */
#footer {position:relative;}

#Container {width:100%; overflow:hidden; }
#Container .subslide {width:100%;}


#Container .subslide .slideIn {max-width:100%; margin:0 auto 20px; text-align:center; height:100%;}
    .flximg  {width:100%}

#Container .contents {max-width:1200px; width:100%; margin:auto; padding:0 5px; min-height:auto;}
#Container .contents .lnb {width:18%; margin-bottom:30px; float:left; background:#fff;}
  .lnb h3 {font-size:22px; background:url(/images/sub/lnb_bg.jpg); display:block; color:#fff; text-align:center; padding:20px 0}
  .lnb>ul {border-top:none; border:1px solid #ddd}
  .lnb>ul>li {font-size:14px; color:#444; border-bottom:1px solid #ddd; box-sizing:border-box;}
  .lnb>ul>li:last-child {border-bottom:none;}
  .lnb>ul>li>a {padding:10px 20px; display:block;font-size:14px;}
  .lnb>ul>li>a span {font-size:12px; float:right; font-family:"Nanum Gothic", "나눔고딕", "Malgun Gothic", "돋움", "Dotum", "굴림", "Gulim", sans-serif; line-height:1.5}
  .lnb>ul>li>a.on, .lnb>ul>li>a:hover {background:#f5f5f5; color:#222; font-weight:600}
  .lnb>ul>li>ul {display:none;}
  .lnb>ul>li>ul>li:last-child {margin-bottom:10px;}
  .lnb>ul>li>ul>li a {padding:2px 10px 5px 35px; display:block; font-size:13px;}
  .lnb>ul>li>ul>li a.on, .lnb>ul>li>ul>li a:hover {font-weight:600}


#Container .contents .contIn {width:80%; float:right; background:#fff; /* margin-bottom:20px; */}
  .contIn .title {width:100%; padding:18px 20px; border-bottom:1px solid #ddd; overflow:hidden; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
  .contIn .title h2 {float:left; font-weight:600; font-size:24px;}
  .contIn .title .location {float:right; font-size:13px; color:#666}
  .contIn .title .location a {font-size:13px; margin:0 5px;}
  .contIn .title .location span {font-size:10px; font-family:"Nanum Gothic", "나눔고딕", "Malgun Gothic", "돋움", "Dotum", "굴림", "Gulim", sans-serif; margin:0 5px; color:#aaa}


  .contIn .subIn {border-top:0; /* padding:25px 10px; */padding:25px 20px 0; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
  .contIn .subIn .text {}
  .contIn .subIn .text p {margin:23px 0 30px; line-height:27px}


/* .sub01 {width:100%; padding-bottom:20px; display:inline-block;} */
    .s_right {float:right; width:75%; height: auto; box-sizing: border-box; padding:25px 10px 0;}
      .s_right h2 {margin-bottom:20px;}
      .s_right p {line-height:1.7; margin-bottom:15px;}
      .s_right p:last-child {float:right;}
      .s_right p:last-child span {margin:-5px 10px 0}
      .s_right i {box-shadow:inset 0 -10px 0 #ffe8e8; font-weight:500;}
    .s_left {float:left; width:25%; height: auto; padding-top:25px;}
      .s_left img {width:100%; max-width:180px;}
	.defaultBoard table thead tr th.title {background:#f9f9f9;}



/* 게시판 */
.board {width:100%; padding-bottom:40px;}
	.searchBox {padding:0}
	.category {padding-bottom:0}
	.right {/*float:right;*/ padding:10px 0}
	.searchBtn img {vertical-align:top}
	.searchBox input[type="text"] {width:45%;}
	.defaultBoard table {width:100%}

	table {width:100%}
	
	.vodList, .albumList {display:flex; justify-content:flex-start; flex-wrap:wrap; max-width:inherit;}
	.vodList > div {padding:5px; width:24%; margin:0 0.5% 20px;}
	.albumList > div {width:24%; margin:0 0.5% 20px;}
	.vodList > div > p.btns a{height:auto; padding: 5px 8px;}
	.vodList > div a {padding:0 0 5px 0;}
	.vodList > div a strong {overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis;}
	.vodList > div a > img {width:100%;}
	.vodList > div .play {left:50%; margin-left:-19px;}
	.sermon>.btn>a>span {font-size:14px;}
	.albumList > div a {padding:5px 5px 15px;}
	.albumList > div a img {width: 100% !important; object-fit: cover;}
	.sermon dl dd ul li {font-size:14px;}
	.sermon dl dt a {font-size:15px;}

	.sermon .btn {padding-top:10px;}

	.sermon .img {
		border: 0px solid #e3e3e3;
	}

	.sermon > p.img > a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.sermon .img img {
		width: 250px;
		height: auto;
		aspect-ratio: 16 / 9;
		object-fit: cover;
		border: 1px solid #e3e3e3;
		box-sizing: border-box;
	}

	.sermon dl {width:calc(100% - 272px);}


	@media(max-width:600px){
		.sermon .img img {
			width: 200px;
			height: auto;
			aspect-ratio: 16 / 9;
			object-fit: cover;
			border: 1px solid #e3e3e3;
			box-sizing: border-box;
		}

		.sermon dl {width:calc(100% - 222px);}
	}

	
.tCalendar table tbody tr td.today div {height:auto;}
.paging {padding-bottom:50px;}


.defaultWrite .frameWrap {position: relative; width: 100%; height: 0 !important; padding-bottom: 56.25%;}
.defaultWrite .frameWrap > iframe {position: absolute; top: 0; left: 0; width: 100%;  height: 100%;} 




@media(max-width:1050px){
	#Container {padding-top:0}

  #Container .contents .lnb {display: none;}
  #Container .contents .contIn {width:100%;}
  .fiximg {display:none;}
  .contIn .title {background:#5c33af; padding:10px 20px;}
  .contIn .title h2 {color:#fff; font-size:21px;}
  .contIn .title .location {/*color:#fff; line-height:2*/ display:none;}
  #Container .subslide .slideIn {margin:0}
  .flximg {display:none;}

  .contIn .subIn {padding:25px 10px 0;}
}

@media(max-width:950px){
  .s_right, .s_left {width:100%; text-align:center;}
  .vodList > div, .albumList > div {width:32%;}
}
/*
@media(max-width:450px){
  .contIn .title .location {display:none;}
}
*/
@media(max-width:600px){
	.category .left, .category .right {padding:0;}
	.vodList > div, .albumList > div {width:49%;}
}
@media(max-width:480px){
	.sermon dl {width:100%;}
}