@charset "utf-8";

/* Color */
.sky {color:#35a2ff;}
.red {color:#ff3333;}
.blue {color:#3366ff;}

/* 여백 */
.mt20 {margin-top:20px;}

/* 정렬 */
.overflow {overflow:hidden;}
.overflow .fl {float:left;}
.overflow .fr {float:right;}
.right {text-align:right;}
.center {text-align:center;}

/* 버튼스타일 */
.btnBlack {display:inline-block; padding:3px 12px 5px; background-color:#797c82; border:1px solid #545454; border-radius:3px; color:#fff; font-weight:bold; line-height:17px;}
.btnGray {display:inline-block; padding:7px 12px; background:#F3F3F3; border:1px solid #dcdcdc; border-radius:2px; line-height:17px;}
.btnGray:hover {transition:all 0.218s; border:1px solid #999; color:#222;}
.btnWhite {display:inline-block; padding:4px 12px 5px; background-color:#fff; border:1px solid #545454; line-height:16px; color:#545454;}
.btnWhite_s {display:inline-block; width:38px; padding:2px 0 3px; background-color:#fff; border:1px solid #545454; text-align:center;}
.bl_check {padding-left:15px; background:url('../images/board/bl_btn01.png') no-repeat 0 2px;}
.bl_color {padding-left:15px; background:url('../images/board/bl_btn04.png') no-repeat 0 2px;}
.bl_cal {padding-left:15px; background:url('../images/board/bl_btn05.png') no-repeat 0 2px;}
.bl_del {padding-left:15px; background:url('../images/board/bl_btn03.png') no-repeat 0 2px;}
.btnEdit {display:inline-block; width:30px; padding:1px; background-color:#fff; border:1px solid #545454; font-size:12px; text-align:center;}
.listen {padding-left:15px; background:url('../images/board/bg_listen.png') no-repeat 0 3px;}
.mp3 {padding-left:20px; background:url('../images/board/bg_mp3.png') no-repeat 0 1px;}

/* SearchBox */
.searchBox {overflow:hidden;}
.searchBox select {width:90px; height:32px; border:1px solid #ddd;}
.searchBox input[type="text"] {width:40%; height:32px; padding-left:2px; border:1px solid #ddd;}

/* 카테고리 */
.category {padding-bottom:10px;}
.category select {width:90px; height:24px; border:1px solid #ddd;}

/* 게시판 */
.board {padding:0;}
.defaultBoard {border-top:2px solid #878787; padding-bottom:20px}
.defaultBoard table {table-layout:fixed;}
.defaultBoard table thead tr th {padding:13px 0; background:#f9f9f9; border-bottom:1px solid #e3e3e3; color:#484848;}
.defaultBoard table thead tr th.num {width:10%;}
.defaultBoard table thead tr th.title {width:50%;}
.defaultBoard table thead tr th.title2 {width:40%;}
.defaultBoard table thead tr th.writer {width:10%;}
.defaultBoard table thead tr th.date {width:15%;}
.defaultBoard table thead tr th.view {width:10%;}
.defaultBoard table thead tr th.video {width:10%;}
.defaultBoard table tbody tr td {padding:13px 0; background:#fff; border-bottom:1px solid #e3e3e3; text-align:center;}
.defaultBoard table tbody tr td.text {text-align:left;}
.defaultBoard table tbody tr td.text a {overflow:hidden; display:block; max-width:80%; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word;}
.defaultBoard table tbody tr td a.notify {color:#222;}

/* 설교게시판 */
.sermon {overflow:hidden; margin-bottom:20px; padding:20px 20px; border:1px solid #e3e3e3; background:#fff;}
.sermon .img {float:left; margin-right:20px; border:1px solid #e3e3e3;}
.sermon dl {float:left; width:55%;}
.sermon dl dt a {overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; padding:5px 0 15px; font-size:14px; font-weight:bold;}
.sermon dl dd ul li {margin-bottom:5px; padding-left:12px; background:url('../images/dot_gray.png') no-repeat 0 5px; line-height:16px;}
.sermon dl dd ul li strong {display:inline-block; width:65px;}
.sermon .btn {float:right; padding-top:30px;}

/* 게시판_view_write */
.defaultWrite {border-top:2px solid #878787; padding-bottom:20px}
.defaultWrite > table > tbody > tr > th {padding:11px 0; background:#f9f9f9; border-bottom:1px solid #e3e3e3;}
.defaultWrite > table > tbody > tr > td {padding:8px 5px 8px 5px; background:#fff; border-bottom:1px solid #e3e3e3; text-align:left;}
.defaultWrite table tbody tr td input[type="text"] {width:55%; height:25px; padding-left:3px; border:1px solid #c1c1c1;}
.defaultWrite table tbody tr td label {margin-right:10px; vertical-align:middle;}
.defaultWrite table tbody tr td p {padding-top:5px;}
.defaultWrite table tbody tr td ul li {margin-top:5px;}
.defaultWrite table tbody tr td select {height:26px; border:1px solid #ddd;}
.defaultWrite table tbody tr td input[type="text"].time {width:12%;}
.defaultWrite table tbody tr td textarea {overflow-y:scroll; width:90%; height:180px; padding:10px; border:1px solid #ddd;}
.defaultWrite table tbody tr td .text {overflow-y:scroll; height:300px; padding:0 10px; line-height:18px;}
.defaultWrite table tbody tr td .view {padding:10px; line-height:18px;}
.defaultWrite table tbody tr td .view img {width:100%;}
.defaultWrite table tbody tr td .sermonCont {padding:10px; line-height:20px;}
.defaultWrite table tbody tr td.pdNone {padding:0;}
.defaultWrite table tbody tr td .addFile {padding-bottom:5px;}
.defaultWrite table tbody tr td .fileList {height:42px; overflow-y:scroll; padding:0 5px; border:1px solid #e3e3e3; line-height:18px; font-size:12px;}
.defaultWrite table tbody tr td .fileList p {padding-top:0;}
.defaultWrite table tbody tr td .reply {overflow:hidden; padding-bottom:10px;}
.defaultWrite table tbody tr td .reply textarea {height:50px; width:88%;}
.defaultWrite table tbody tr td .reply a {float:right; margin-top:10px;}
.defaultWrite table tbody tr td .replyList li {padding:10px 20px; border-top:1px solid #ddd;}
.defaultWrite table tbody tr td .replyList li strong {padding-left:15px; background:url('../images/board/icon_reply2.png') no-repeat 0 2px;}
.defaultWrite table tbody tr td .replyIn {margin-top:10px; padding:10px 20px 0 30px; border-top:1px solid #ddd; background:url('../images/board/bg_reply.png') no-repeat 10px 11px;}
/* 141027 추가 */
.defaultWrite table tbody tr td .noMem {padding-bottom:5px;}
.defaultWrite table tbody tr td .noMem input {width:70px; height:20px; padding-left:3px; border:1px solid #c1c1c1;}
.defaultWrite table tbody tr td .noMem label {color:#222;}
/* //141027 추가 */

/* 게시판내첨부파일 */
.defaultWrite table tbody tr td .addFile {margin:20px 0 0 10px; padding-left:15px; background:url('../images/board/icon_file2.gif') no-repeat 0 2px;}
.defaultWrite table tbody tr td .addFile ul {padding:10px 0;}
.defaultWrite table tbody tr td .addFile ul li {padding-left:13px; background:url('../images/board/icon_file.gif') no-repeat 0 3px;}

/* 포토게시판 */
.photo {border-top:2px solid #878787; padding-top:20px;}
.photoList {overflow:hidden;}
.photoList li {float:left; width:23%; max-width:230px; margin-left:12px; padding-bottom:10px;}
.photoList li:first-child {margin-left:12px;}
.photoList li:nth-child(4n+1) {margin-left:12px;}
.photoList li .img {position:relative; display:block; width:100%; height:180px; padding:1px; background:url('../images/board/bg_photo.png') no-repeat 0 0; background-size:100% 100%;}
.photoList li .img img {width:100%;}
.photoList li .img .text {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/board/bg_imgOver.png') repeat 0 0; color:#fff;}
.photoList li .img .text p {overflow:hidden; padding:5px 5px 5px 10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word;}
.photoList li .img .text .t1 {font-size:12px;}
.photoList li .img .text .t1 strong {display:block; font-size:26px;}
.photoList li .img .text .t2 {padding-top:15px; font-size:18px; width:90%; font-weight:bold;}
.photoList li .img .text .t3 {width:90%;}
.photoList li .img .text .t4 {padding-top:15px;}
.photoList li .img:hover .text {display:block;}
.photoList li .reply {display:block; float:right; padding:5px 0 0 15px; background:url('../images/board/icon_reply.png') no-repeat 0 8px;  color:#f74b0d; font-weight:bold;}
.photoList li .check {padding:3px 0 0 5px;}

/* 파일첨부 */
.defaultWrite table tbody tr td .fileBox {position:relative; display:inline-block;}
.defaultWrite table tbody tr td .fileBox input[type="file"] {opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)"; position:absolute; top:0; right:0; width:66px; height:23px; cursor:pointer;}
.defaultWrite table tbody tr.write td input[type="text"].fileName {width:50%; border:0; vertical-align:bottom;}

/* 페이징 */
.paging {overflow:hidden; margin-top:20px; text-align:center;}
.paging a {vertical-align:middle;}
.paging .ov {display:inline-block; width:24px; height:24px; background:#797c82; border:1px solid #dcdcdc; border-radius:2px; font-weight:bold; color:#222; line-height:24px; vertical-align:middle;}
.paging .page {display:inline-block; width:24px; height:24px; background:#F3F3F3; border:1px solid #dcdcdc; border-radius:2px; line-height:24px;}
.paging .page:hover {border:1px solid #999; color:#222;}
.paging .prev {display:inline-block; width:8px; height:14px; margin-right:10px;}
.paging .next {display:inline-block; width:8px; height:14px; margin-left:10px;}


/* 캘린더 */
.date {overflow:hidden; padding:10px 0 10px;}
.date select {height:30px; border:1px solid #ddd; vertical-align:top;}
.date .days {float:left; padding-top:10px;}
.date .sort {float:right; padding-top:10px;}
.date .sort a {float:left;}
.tCalendar {border-top:1px solid #e3e3e3;}
.tCalendar table {background:#fff; table-layout:fixed;}
.tCalendar table thead tr th {padding:20px 0 10px; border-bottom:1px solid #e3e3e3;}
.tCalendar table tbody tr td {height:100px; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; vertical-align:top;}
.tCalendar table tbody tr td.first {border-left:1px solid #e3e3e3;}
.tCalendar table tbody tr td.today div {width:auto; height:100%; background:#eaeaea; border:1px solid #666;}
.tCalendar table tbody tr td.today div a {font-weight:bold;}
.tCalendar table tbody tr td a {display:inline-block;}
.tCalendar table tbody tr td a.num {padding:0 2px; }
.tCalendar table tbody tr td a.add img {margin-top:3px;}
.tCalendar table tbody tr td .schedule {padding:2px;}
.tCalendar table tbody tr td .schedule p {color:#373AD7; font-weight:bold; font-size:12px;}
.tCalendar table tbody tr td .special {padding:2px; background:#ddd url('../images/board/bg_schedule.png') repeat 0 0;}
.tCalendar table tbody tr td .special p {overflow:hidden; height:15px; color:#222; font-weight:bold;}

/* 캘린더_주간*/
.tWeek {border-top:1px solid #e3e3e3;}
.tWeek table {background:#fff; table-layout:fixed;}
.tWeek table thead tr th {padding:20px 0 10px; border-bottom:1px solid #e3e3e3;}
.tWeek table tbody tr th {padding:10px 0 10px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-left:1px solid #e3e3e3; word-break:break-all;}
.tWeek table tbody tr td {padding:10px 2px 10px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.tWeek table tbody tr th.this, .tWeek table tbody tr td.this {background:#ddd;}
.tWeek table tbody tr td a {display:inline-block;}
.tWeek table tbody tr td .add {float:right;}
.tWeek table tbody tr td .special {padding:2px; background:#ddd url('../images/board/bg_schedule.png') repeat 0 0;}
.tWeek table tbody tr td .special p {overflow:hidden; height:15px; color:#222; font-weight:bold;}
.tWeek table tbody tr td .schedule p {color:#373AD7; font-weight:bold; font-size:12px;}
.tWeek table tbody tr td .special {padding:2px; background:#ddd url('../images/board/bg_schedule.png') repeat 0 0;}

/* 캘린더_일일 */
.calendar {overflow:hidden;}
.calSelect {float:left; width:210px; margin-bottom:10px;}
.tDay {float:right; width:78%; border-top:1px solid #e3e3e3;}
.tDay table {background:#fff; table-layout:fixed;}
.tDay table thead tr th {padding:10px 0 10px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.tDay table thead tr th .special {padding:2px; background:#ddd url('../images/board/bg_schedule.png') repeat 0 0;}
.tDay table thead tr th .special p {overflow:hidden; height:15px; color:#222; font-weight:bold;}
.tDay table tbody tr th {padding:10px 0 10px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-left:1px solid #e3e3e3;}
.tDay table tbody tr td {padding:10px 2px 10px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.tDay table tbody tr td .add {float:right; padding-right:10px}
.tDay table tbody tr td .schedule p {color:#373AD7; font-weight:bold; font-size:12px;}
.tDay table tbody tr td .special {padding:2px; background:#ddd url('../images/board/bg_schedule.png') repeat 0 0;}

/* 일정등록 */
.tPlan {max-width:760px; margin:0 auto; padding-top:20px;}
.tPlan h4 {padding:15px 0 15px 10px; background:#fff; border-top:2px solid #878787; color:#222; font-size:16px;}
.tPlan h4 span {float:right; padding-right:10px; font-size:14px;}


@media only screen and (max-width:999px) {
	.tDay {width:72%;}
	.photoList {max-width:726px; margin:0 auto;}
	.photoList li {width:32%; padding-bottom:60px;}
	.photoList li .img .text {position:static; height:auto; display:block; text-align:center; background:none; color:#444;}
	.photoList li .img .text .t1 {font-size:13px;}
	.photoList li .img .text .t1 strong {display:inline-block; padding-right:20px; font-size:13px;}
	.photoList li .img .text .t2 {padding-top:0; font-size:13px; width:90%;}
	.photoList li .img .text .t3 {display:none;}
	.photoList li .img .text .t4 {padding-top:0;}
	#container .contents .board th.title { background-color: #f9f9f9; }
	
}

@media only screen and (max-width:767px) {
	.calSelect {float:none; width:100%; text-align:center;}
	.tDay {float:none; width:100%;}
	.photoList {max-width:485px; margin:0 auto;}
	.photoList li {width:45%;}
	.defaultWrite table tbody tr td .view img {width:100%;}

}

@media only screen and (max-width:480px) {
	.defaultBoard table thead tr th.view {display:none;}
	.defaultBoard table thead tr th.writer {width:15%;}
	.defaultBoard table thead tr th.title {width:30%;}
	.defaultBoard table thead tr th.title2 {width:30%;}
	.defaultBoard table tbody tr td.view {display:none;}
	.defaultBoard table tbody tr td.date {overflow:hidden; width:15%; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word;}
	.defaultWrite table tbody tr th {width:20%;}
	.defaultWrite table tbody tr td .sel {display:block; padding-top:5px;}
	.photoList li {height:auto; padding-bottom:10px;}
	.photoList li .img {width:auto; height:auto; background:none;}
	.photoList li .img img {height:108px;}
	.sermon dl {width:100%;}
	
	

}

@media only screen and (max-width:321px) {
	
	
}

@media only screen and (min-width:320px) and (max-width : 480px) and (-webkit-device-pixel-ratio: 2) {

}