@charset "utf-8";

/* 
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* 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:6px 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;}
.mp3Down {padding-left:20px; background:url('../images/board/icon_file2.gif') no-repeat 0 2px;}

/* Ä«Å×°í¸® */
.category {padding-bottom:10px;}
.category select {width:90px; height:24px; border:1px solid #ddd;}



/* ÅØ½ºÆ®»ö»ó¼±ÅÃ·¹ÀÌ¾î */
#TitleFontColor {position:absolute; z-index:10; right:10%; top:56px; width:150px; padding:10px; background:#fff; border:1px solid #000; display:none;}
#TitleFontColor table tbody tr td {height:30px; cursor:pointer;}
#TitleFontColor p {margin:7px 0;}

.board {position:relative;} 
.defaultBoard .text img{padding-top:5px;padding-left:2px; width:12px;height:12px}



/* °Ô½ÃÆÇ */
.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:40%;}
.defaultBoard table thead tr th.title2 {width:40%;}
.defaultBoard table thead tr th.writer {width:10%;}
.defaultBoard table thead tr th.date {width:10%;}
.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:95%; text-overflow:ellipsis; white-space:nowrap;}
.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 .img img {width:150px; height:100px;}
.sermon dl {float:left; width:48%;}
.sermon dl dt a {overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; 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 {max-width:600px;}
*/
.defaultWrite table tbody tr td .view .popImage {display:block; text-align:center;}
.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;}

/* DJ Ãß°¡ ±âº»½ºÅ²¿¡ ´ñ±Û ±â´É Ã³¸®*/

.defaultBoard .reply {position:absolute; right:10px; bottom:15px; width:24px; height:23px; background:url('../images/board/bg_replyBox.png') no-repeat 0 0; text-align:center;}
.defaultBoard .reply span {display:block; color:#2252dd; font-weight:bold; font-size:11px; line-height:19px;}


/* Æ÷Åä°Ô½ÃÆÇ */
.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:182px; 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;}
.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 {display:inline-block; width:32px; height:32px; background:#f2f2f2; border:1px solid #d1d2d6; line-height:34px; font-size:14px; vertical-align:middle; font-weight:bold;}
.paging .ov {display:inline-block; width:34px; height:34px; background:#fff; border:1px solid #999ba4; font-weight:bold; color:#2eb1d3; line-height:34px; font-size:14px; vertical-align:middle;}
.paging .page {display:inline-block; width:32px; height:32px; background:#f2f2f2; border:1px solid #d1d2d6; line-height:34px; font-size:14px;}
.paging .page:hover {border:1px solid #b1b1b1; background:#fff; color:#2eb1d3;}
.paging a span {display:block; margin:11px auto 0;}
.paging a:hover span {background-position:0 -11px;}
.paging .first {width:10px; height:11px; background:url('../images/board/btn_pageF.png') no-repeat 0 0;}
.paging .prev {width:6px; height:11px; background:url('../images/board/btn_pageP.png') no-repeat 0 0;}
.paging .next {width:6px; height:11px; background:url('../images/board/btn_pageN.png') no-repeat 0 0;}
.paging .last {width:10px; height:11px; background:url('../images/board/btn_pageL.png') no-repeat 0 0;}


/* Ä¶¸°´õ */
.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.today {background:#f5f5f5; }
.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:25px; 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 {background:#f5f5f5;}
.tWeek table tbody tr td.this {background:#f5f5f5;}
.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:25px; 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:70%; 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:25px; 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:0px;font-size:14px !important;position:relative}
.tPlan div.head {padding:5px 0 5px 10px; background:#fff; border-top:2px solid #878787; color:#222; font-size:14px;}
.tPlan div.head span {float:right; padding-right:10px; font-size:14px;display:inline-block;position:absolute;top:8px;right:5px}
.tPlan table{font-size:14px;width:100%}

/* webzineStyle */
.blog {margin-bottom:20px; background:#fff; border-top:2px solid #adacac; border-bottom:2px solid #adacac;}
.blog ul li {overflow:hidden; position:relative; padding:25px 20px; border-top:1px solid #e3e3e3;}
.blog ul li:first-child {border-top:0;}
.blog ul li:nth-child(2n+1) {background:#f2f2f2;}
.blog ul li .img {float:left; max-width:151px; margin-right:20px;}
.blog ul li .img img {width:151px; height:151px;}
.blog ul li .txtBox {float:left; width:80%;}
.blog ul li .txtBox a {display:block;}
.blog ul li .txtBox a strong {overflow:hidden; display:block; width:90%; padding-bottom:20px; font-size:22px; text-overflow:ellipsis; white-space:nowrap; }
.blog ul li .txtBox a strong img {vertical-align:middle;}
.blog ul li .txtBox a p {overflow:hidden; height:45px; font-size:16px; line-height:22px;}
.blog ul li .txtBox a span {display:block; font-size:14px;}
.blog ul li .reply {display:block; position:absolute; right:12px; bottom:20px; width:58px; height:33px; background:url('../images/board/bg_reply2.png') no-repeat 0 0; font-size:16px; font-weight:bold; color:#858585; text-align:center; line-height:170%;}


/* Æ÷Åä°Ô½ÃÆÇ2 */

.albumList {overflow:hidden; max-width:1000px; margin:0 auto 20px; border-bottom:1px solid #e6e6e6;}
.albumList > div {position:relative; float:left; width:220px; margin:0 2px 20px; background:#fff; border:1px solid #e6e6e6;}
.albumList > div a {display:block; padding:7px 7px 15px 7px;}
.albumList > div a img {width:206px; height:131px;}
.albumList > div a p {padding:15px 0 0 4px; text-align:left;}
.albumList > div a p strong {overflow:hidden; display:block; width:86%; text-overflow:ellipsis; white-space:nowrap; font-size:14px;}
.albumList > div a p span {display:block; padding-top:5px; color:#999;}
.albumList > div .reply {position:absolute; right:10px; bottom:15px; width:24px; height:23px; background:url('../images/board/bg_replyBox.png') no-repeat 0 0; text-align:center;}
.albumList > div .reply span {display:block; color:#6a9225; font-weight:bold; font-size:11px; line-height:19px;}

/* //Æ÷Åä°Ô½ÃÆÇ2 */

/* µ¿¿µ»ó°Ô½ÃÆÇ */
.vodList {overflow:hidden; max-width:960px; margin:0 auto 20px; border-bottom:1px solid #e6e6e6;}
.vodList > div {position:relative; float:left; width:220px; margin:0 8px 25px; background:#fff; border:1px solid #e6e6e6;}
.vodList > div a {display:block; padding:0 0 15px 0;}
.vodList > div a > img {position:relative; width:220px; height:147px;}
.vodList > div a p {padding:15px 0 0 10px; text-align:left;}
/*
.vodList > div a p strong {overflow:hidden; display:block; width:80%; text-overflow:ellipsis; white-space:nowrap;  font-size:14px;}
*/
.vodList > div a p strong {overflow:hidden; display:block; width:80%; text-overflow:ellipsis; white-space:nowrap; font-size:14px;}


.vodList > div a p span {display:block; padding-top:5px; color:#999;}
.vodList > div .reply {position:absolute; right:10px; bottom:15px; width:24px; height:23px; background:url('../images/board/bg_replyBox.png') no-repeat 0 0; text-align:center;}
.vodList > div .reply span {display:block; color:#2252dd; font-weight:bold; font-size:11px; line-height:19px;}
.vodList > div .play {overflow:hidden; display:block; width:38px; height:38px; position:absolute; left:94px; top:60px;}
.vodList > div a:hover .play img {margin-top:-38px;}


.vodList > div > p.btns { text-align:center; padding:0px 0 10px 0}
.vodList > div > p.btns a{ margin-right:5px; text-align:center; display:inline-block;  height:15px; width:65px; font-size:11px;font-family:'gulim','dotum','tahoma'; color:#666;  padding:5px 8px 0 8px; border:1px solid #cfcfcf;background:#f0f0f0;background: -webkit-linear-gradient(white, #f0f0f0);background: -ms-linear-gradient(white, #f0f0f0);-o-linear-gradient(white, #f0f0f0);-moz-linear-gradient(white, #f0f0f0);linear-gradient(white, #f0f0f0);}
.ccc  { color : #ccc !important;}


/* ¼³±³°Ô½ÃÆÇ_new */
.sermonTop {overflow:hidden; margin:0 0 30px; padding:30px; background:#f7f7f7; border-bottom:1px solid #999;}
.sermonTop .img {float:left; width:298px; border:1px solid #b0b0b0;}
.sermonTop .sermonInfo {float:left; width:58%; margin-left:30px;}
.sermonInfo .sermonTit {padding-left:38px; background:url('../images/board/bl_book.png') no-repeat 0 0; font-size:19px; color:#3e85d4; font-weight:bold;}
.sermonInfo .sermonList {padding:15px 0 5px;}
.sermonInfo .sermonList li {overflow:hidden; width:100%; padding-bottom:4px; font-size:16px; font-weight:bold; color:#000; text-overflow:ellipsis; white-space:nowrap;}
.sermonInfo .sermonList .serTitle {font-size:24px; line-height:28px;}
.sermonInfo .sermonBtn a {display:inline-block; margin-left:20px;}
.sermonInfo .sermonBtn .btnType {margin-left:0; padding:6px 40px 5px; background:#b1b1b1; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; color:#fff; font-size:14px; font-weight:bold;}
.sermonInfo .sermonBtn .btnType:hover {background:#172960;}
.sermonInfo .sermonBtn .sns {overflow:hidden; height:19px;}
.sermonInfo .sermonBtn .sns:hover img {margin-top:-19px;}

.sermonList ul li {overflow:hidden; padding:12px 20px 7px; font-size:14px;}
.sermonList ul li div strong {padding-left:12px; background:url('../images/board/dot_gray.gif') no-repeat 0 5px; color:#000;}
.sermonList .listTop {background:#f1f1f1;}
.sermonList .listBtm {background:#fff;}
.sermonList li .sermonTxt {overflow:hidden; float:left; width:60%;}
.sermonList li .sermonTxt > div {overflow:hidden; float:left; width:50%; padding-top:5px; text-overflow:ellipsis; white-space:nowrap;}
.sermonList li .serBtn {float:right; width:225px;}
.sermonList li .serBtn a {overflow:hidden; display:inline-block; height:27px; margin-left:14px; padding:0 14px 0 30px; color:#999; font-size:14px; font-weight:bold; line-height:180%;}
.sermonList li .serBtn a:first-child {border-right:1px dotted #7f7f7f;}
.sermonList li .serBtn a:hover {background-position:0 -27px;}
.sermonList li .serBtn .video {background:url('../images/board/icon_video.png') no-repeat 0 0;}
.sermonList li .serBtn .listen {background:url('../images/board/icon_mp3.png') no-repeat 0 0;}
.sermonList li .serBtn .vodDown {background:url('../images/board/icon_down_video.png') no-repeat 0 0;}
.sermonList li .serBtn .mp3Down {background:url('../images/board/icon_down_mp3.png') no-repeat 0 0;}

/* SearchBox */
.searchBox {overflow:hidden; padding:20px 0 10px;}
.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;}

/* ¼³±³°Ô½ÃÆÇ_ºä_new */
.sermon_view {padding-top:30px; border-top:1px solid #999;}
.sermon_view .viewTop {overflow:hidden;}
.viewTop .viewVod {position:relative; float:left; width:560px;}
.viewTop .viewVod a {display:block;}
.viewTop .viewVod a img {width:100%;}
.viewTop .viewVod .play {position:absolute; left:20px; bottom:20px;}
.viewTop .viewInfo {float:left; width:38%; margin-left:40px;}
.viewTop .viewInfo .snsBox {width:165px; margin-bottom:10px; padding:8px 0; background:#545454; border-radius:2px; text-align:center;}
.viewTop .viewInfo .snsBox a {display:inline-block; zoom:1; *display:inline; width:20%;}
.viewInfo .sermonInfo .sermonList li {padding-bottom:10px;}
.sermonInfo .sermonBtn .btnType {padding:12px 40px 11px; margin-top:5px;}

.viewCont {position:relative; margin-top:30px; padding:35px 10px; border-top:1px solid #999; border-bottom:1px solid #999; background:url('../images/board/bg_viewCont.png') repeat-x 0 0; font-size:14px; color:#666;}
.viewCont .fold {overflow:hidden; position:absolute; top:0; right:0; width:40px; height:34px; cursor:pointer;}
.viewCont .fold.on img {margin-top:-34px;}
.viewCont .serTit {padding-bottom:40px; font-size:24px; color:#000; font-weight:bold;}
.viewCont ul li {padding-top:15px;}
.viewCont ul li:first-child {padding-top:0;}

.viewControl {padding-top:30px; text-align:center;}





/*20160414*/
.sermonTop .img {width:auto;}
.sermonInfo .sermonList {padding:0 !important;}
.sermonList {margin-bottom:0 !important;}
.sermonInfo .sermonBtn .btnType { padding:6px 40px 5px !important;}


.defaultWrite table tbody tr td .sns {padding-bottom:5px;margin:20px 0 0 10px;text-align:center; }
.defaultWrite table tbody tr td .sns a {margin:0 3px}

/*20160414*/

@media only screen and (max-width:999px) {
	.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;}
	
	.blog ul li .img img {width:100%;}
	.blog ul li .txtBox {width:67%;}
	.albumList {max-width:750px;}
	.vodList {max-width:720px;}

	.sermonTop {padding:10px;}
	.sermonTop .sermonInfo {width:50%;}
	.sermonInfo .sermonBtn .btnType {padding:9px 25px;}

	.viewTop .viewVod {float:none; margin:0 auto;}
	.viewTop .viewInfo {float:none; width:80%; margin-top:30px;}


}

@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%;}
	
	.blog ul li .img {margin-right:10px;}
	.blog ul li .img img {width:110px; height:110px;}
	.blog ul li .txtBox a strong {padding-bottom:10px;}
	.blog ul li .txtBox a strong img {width:24px;}
	.blog ul li .reply {right:5px; bottom:10px;}

	.albumList {max-width:470px;}
	.albumList > div {margin:0 5px 25px;}
	.vodList {max-width:480px;}

	.sermonTop .img {display:none;}
	.sermonTop .sermonInfo {margin-left:0; width:100%;}
	.sermonList li .sermonTxt {width:68%;}
	.sermonList .listBtm {padding-top:0;}
	.sermonList li .sermonTxt > div {width:100%;}
	.sermonList li .serBtn {width:75px; padding-top:10px;}
	.sermonList li .serBtn a {margin-left:5px; padding-left:15px; text-indent:-9999px;}
	.sermonList li .serBtn a:first-child {border-right:0;}

	.viewTop .viewVod {width:100%; max-width:460px;}

	
}

@media only screen and (max-width:480px) {
	.defaultBoard table thead tr th.cate {display:none;}
	.defaultBoard table thead tr th.view {display:none;}
	.defaultBoard table thead tr th.writer {width:13%;}
	.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.cate {display:none;}
	.defaultBoard table tbody tr td.date {overflow:hidden; width:15%; text-overflow:ellipsis; white-space:nowrap;}
	.defaultBoard table tbody tr td.writer {overflow:hidden; width:13%; text-overflow:ellipsis; white-space:nowrap;}
	.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 {padding:10px 20px;}
	.sermon dl {width:100%;}
	.sermon dl dt {padding-bottom:0;}
	.sermon .img {display:none;}
	.sermon .btn {padding-top:0;}
	
	
	.blog ul li {padding:10px;}
	.blog ul li .img img {width:90px; height:90px;}
	.blog ul li .txtBox {width:60%;}
	.blog ul li .txtBox a strong {padding-bottom:0; font-size:16px;}
	.blog ul li .txtBox a p {font-size:14px;}
	.blog ul li .reply {bottom:5px; width:40px; height:25px; background-size:100%; font-size:14px;}

	.albumList {max-width:230px;}
	.vodList {max-width:230px;}

	.sermonTop {margin-top:30px;}
	
	.sermonList ul li {padding:10px 5px;}
	.sermonInfo .sermonList .serTitle {font-size:18px;}
	.sermonList li .serBtn {width:84px;}
	.sermonInfo .sermonBtn a {margin-left:0;}
	.sermonInfo .sermonBtn .btnType {padding:9px 10px;}
	
	.paging a {width:22px; height:22px;}
	.paging a span {margin:6px auto 0;}
	.paging .ov {width:24px; height:24px; line-height:22px;}
	.paging .page {width:22px; height:22px; line-height:22px;}

	.viewTop {padding:0 10px;}
	.viewTop .viewInfo {width:100%; margin-left:0;}

}

@media only screen and (max-width:321px) {
	
	
}

@media only screen and (min-width:320px) and (max-width : 480px) and (-webkit-device-pixel-ratio: 2) {

}

.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%;} 

span.cmd_cnt { color: red; }
.mce-content-body p { margin: 0px; ;padding-top:5px; line-height:18px;}
figure.popImage { cursor: pointer; }