img {border:0px;}
.w-100{width:100%!important}
.ui-datepicker {z-index: 10!important}
a:link, a:visited, a:active { text-decoration:none; color:#414141; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; }

.ed { border:1px solid #CCCCCC; }
.ed_sub { border:1px solid #CCCCCC; color:#4444FF; font-weight:bold}   /*관리자모드 섭메뉴 이름 */
.blue{color:#1b8cc2}
.tx { border:1px solid #CCCCCC; }

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */
.boardSelect{border:1px solid #dddddd;height:20px}

/*게시판공용*/
#boardOutter{float:left;width:100%;}
#writeOutter{float:left;width:100%;}
.viewOutter{border-bottom:1px solid #dddddd;margin-bottom:20px}
.listOutter{padding-bottom:30px}
	/*글목록*/
	.listOutter .buttons{margin-top:20px}
	/*글보기*/
	.viewTop span{width:100%;font-weight:bold}
	.viewTitle{font-size:20px;font-weight:bold;line-height:26px}
	.viewTitle i{margin-right:10px}
	.viewTop ul{float:left;clear:both;list-style-type:none;margin:0;padding:0;width:100%;margin-top:10px}
	.viewComment{margin:30px 0}
	.viewComment #comment_write span,.viewComment #comment_write input,.viewComment #comment_write i{float:left;}
	.viewComment #comment_write span{margin:5px;}
	.viewComment #comment_write input{margin:0px 5px 0 0;}
	.viewComment #comment_write input[type='checkbox']{margin:8px 0 0 10px}
	.viewComment #comment_write img{float:left;height:25px;width:100px;margin-top:0px;border:1px solid #dddddd;margin-right:2px}
	.viewComment #comment_write textarea{margin-right:7px}
	.viewComment #comment_write .commentTitle{font-weight:bold;font-size:14px;margin-top:-2px}
	.viewOutter .buttons{clear:both;width:100%;float:left;margin-bottom:30px}
	.viewOutter .SNS{float:left;margin:15px 0}

	/*글쓰기*/
	#writeOutter .writeBotton{float:left;width:100%;text-align:center;padding:20px}
	#writeOutter th{text-align:right;padding-right:10px}

	/*RS설교게시판*/
	#castBoard form i{color:#ff6600}
	.viewSermonTopBox{float:left;width:97%;border:1px solid #70b0eb;padding:10px;border-radius:3px;margin-bottom:20px;background-color:#d5e8f9}
	.viewSermonTopBox div{margin:3px 0}
	.viewSermonTopBox .viewTitle{margin-bottom:10px}
	.viewSermonTopBox .icons{text-align:right}
	.viewSermonTopBox .icons span{margin:0 2px}
	/*일반게시판 View탑*/
	.viewTopBox{float:left;width:97%;border:1px solid #c0c0c0;padding:10px;border-radius:3px;margin-bottom:20px;background-color:#f9f9f9}
	.viewTopBox .viewTitle{margin-bottom:10px}

/* 게시판스킨*/
.board_top { clear:both; }
.board_list { clear:both; width:100%; table-layout:fixed; margin:5px 0 0 0; }
.board_list th { font-weight:bold; font-size:12px; }
.board_list th { background:url(img/skin/board/title_bg.gif) repeat-x; }
.board_list th { white-space:nowrap; height:34px; overflow:hidden; text-align:center; }
.board_list th { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }

.board_list tr.bg0 { background-color:#fafafa; }
.board_list tr.bg1 { background-color:#ffffff; }

.board_list td { padding:.5em; }
.board_list td { border-bottom:1px solid #ddd; }
.board_list td.num { color:#999999; text-align:center; }
.board_list td.checkbox { text-align:center; }
.board_list td.subject { overflow:hidden; }
.board_list td.name { padding:0 0 0 10px; }
.board_list td.datetime { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list td.hit { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list td.good { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list td.nogood { font:normal 11px tahoma; color:#BABABA; text-align:center; }

.board_list .notice { font-weight:bold; }
.board_list .current { font:bold 11px tahoma; color:#E15916; }
.board_list .comment { font-family:Tahoma; font-size:10px; color:#EE5A00; }

.board_button { clear:both; margin:10px 0 0 0; }

.board_page { clear:both; text-align:center; margin:3px 0 0 0; }
.board_page a:link { color:#777; }

/*새롭게 추가된 페이지*/
.board_pagination{ clear:both; float:left;width:100%;text-align:center; margin:20px 0;font-family:verdana;}
.board_pagination span, .board_pagination i{float:left;width:25px;height:22px;border-top:1px solid #dddddd;border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;padding:5px}
.board_pagination span:hover, .board_pagination i:hover{background-color:#d6f1fc}
.board_pagination i{font-size:17px;}
.board_pagination .currentPage{color:white;background-color:#1d8ae4}
.board_pagination .currentPage:hover{color:white;background-color:#1d8ae4}
.board_pagination a:last-child > i{border-right:1px solid #dddddd}
/***********************/

.board_search { text-align:center; margin:10px 0 0 0; }
.board_search .stx { height:21px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; }

/*글쓰기 스킨*/
.write_head { height:30px; text-align:center; color:#8492A0; }
.field { border:1px solid #ccc; }

/* 클럽에서 호출되는 게시판용 */
#club_title {padding:10px 0px 10px 0px}
#club_title .cb_title_icon {width:10px;background-image: }
#club_title .club_title_name {font-weight:bold; font-size:13px;}

#boardTitle {padding:10px 0px 10px 10px; font-weight:bold; font-size:13px; }
.field_pub_01{border:1px solid #dddddd}

#movieFileList{border-collapse:collapse; border-top:1px solid #dddddd;border-right:1px solid #dddddd}
#movieFileList th{border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;font-size:12px;height:30px;background:url(adm/img/hr_bg.gif) repeat-x}
#movieFileList td{border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;padding:4px}
#movieFileList .c{text-align:center}

/* 섬기는사람들 스킨 공용 */
#staffWrite{}
.staffTitle{float:left;background-color:#a6ecec;padding:3px 10px;
min-width:200px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #57dbdb;
margin:20px 0 10px 0;
font-weight:bold;
letter-spacing:0px;
font-family:verdana;
}
.staffOrder{float:left;margin-left:10px;
margin-top:20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color:#7dd3db;padding:3px 10px
}
#staffList {list-style:none; padding:0; margin:0; margin-left:10px}
#staffList li{padding:0; margin:2px 0; }
#staffList li span{float:left;width:60px;background-color:#47abd6;text-align:center;color:white;padding:0 2px;font-size:11px;margin-right:5px}
#staffList .staffMemo {font-family:verdana,돋음;line-height:14px;letter-spacing:0px;color:#8f8f8f;width:95%;margin-bottom:20px;margin-top:10px}
#staffImg {padding:5px; border:1px solid #dddddd;}
.adminMark {font-size:10px}

	/*반응형 섬기는 사람 스킨*/
	.boardStaff{float:left;width:100%}
	.staffList {float:left;list-style-type:none; padding:0; margin:0; width:100%;}
	.staffList li{padding:0; margin:2px 0; }
	.staffList li span{float:left;width:60px;background-color:#47abd6;text-align:center;color:white;padding:0 2px;font-size:11px;margin-right:5px}
	.staffList .staffMemo {font-family:verdana,돋음;line-height:14px;letter-spacing:0px;color:#8f8f8f;width:95%;margin-bottom:20px;margin-top:10px}
	.staffImg {padding:5px;}
	.eachStaff {box-sizing:border-box;margin-bottom:20px;}
	.eachStaff table{width:100%;}
		.eachStaff table td{vertical-align:top;box-sizing:border-box}

	.boardStaff .infoGaro{padding-left:8px}


/*교회역사*/
.boardHistory table .year{font-size:25px;font-weight:bold;padding-top:20px}
	.boardHistory table td{vertical-align:top;padding:5px;border-top:1px solid #dddddd}
	.boardHistory table .notop0{border:0px}
	.boardHistory table .month{font-size:15px;font-weight:bold;padding-left:20px;width:40px;padding-top:2px}
	.boardHistory table .admin{width:60px}
	.boardHistory table .admin a{font-size:10px}
	.boardHistory table td h3{font-size:12px;font-weight:normal;padding:0;margin:0}
	.boardHistory table .date{width:100px}
	.boardHistory table .istype1{padding-left:20px;width:80px}
	.boardHistory table .istype2{width:40px}
	.boardHistory table .none{border-top:0px}
	.boardHistory table .photo img{width:100px;height:60px;padding:3px;margin-left:6px;;margin-bottom:6px}
	.boardHistory table .period{font-size:11px;letter-spacing:0px}
	.writeHistory table td{padding:3px}
	.writeHistory table td fieldset{padding:0;margin:0;}
	.writeHistory label{width:50px!important;}
	.writeHistory table th{width:70px}

/* 반응형 방송스킨 -rs_sermon*/
.boardCast table td,.boardCast table th{font-size:12px}

/*방송스킨 공통*/
#castBoard {float:left;width:100%;}
#castBoard ul{float:left;list-style-type: none;margin:0;padding:0;width:100%;margin-bottom:0px;margin-top:15px;background:url(img/skin/board/castBg.png) no-repeat 150px 0}
#castBoard ul li{float:left;width:250px;height:20px;padding-top:5px}
#castBoard .castTitle{float:left;width:62px;background: url(img/skin/board/castTitleBg.png) no-repeat 0 20%;margin-left:8px;padding-left:10px}
#castBoard .castClear{width:450px;}
#castBoard .castThumb{width:130px;height:110px;margin-right:10px;border:0px}
#castBoard .castImage img{border:1px solid #dddddd;padding:0px}
#castBoard .castLastLine{width:450px;}
#castBoard .castCont{float:left;width:490px;height:0px}
#castBoard .castSubject{float:left;font-weight:bold;margin-right:10px}
#castBoard .castAdm input{float:left;}
#castBoard .castAdm a{float:left;margin-top:2px;padding:0 3px}
#castBoard .castIcons{float:left;margin-top:-2px}



#castBoard table { clear:both; width:100%; table-layout:fixed; margin:5px 0 0 0; }
#castBoard table th { font-weight:bold; font-size:12px; }
#castBoard table th { background:url(img/skin/board/title_bg.gif) repeat-x; }
#castBoard table th { white-space:nowrap; height:34px; overflow:hidden; text-align:left;padding-left:10px; }
#castBoard table th { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#castBoard table td { padding:.4em; }
#castBoard table td { border-bottom:1px solid #ddd; }
#castBoard table td.num { color:#999999; text-align:center; }
#castBoard table td.checkbox { text-align:center; }
#castBoard table td.subject { overflow:hidden; }
#castBoard table td.name { padding:0 0 0 10px; }
#castBoard table td.datetime { font:normal 11px tahoma; color:#BABABA; text-align:center; }
#castBoard table td.hit { font:normal 11px tahoma; color:#BABABA; text-align:center; }

/*방송 카테고리*/
#castSubCategory {float:left;}
#castSubCategory span{font-weight:bold}

#castCategory{float:left;margin:10px 0;border:1px solid #dddddd;padding:10px;width:97%;background:url(img/skin/board/castCategoryBg.jpg) repeat-x}
#castCategory a{float:left;padding:0 10px; height:15px;margin:5px 0; font-weight:bold;color:#676767;background:url(img/skin/board/icon_CastCategory.png) no-repeat 0 3px}
#castCategory a:hover{text-decoration: underline;color:black }

.castImage {position:relative; background-color:#ffffff; }
.castImage a span {cursor:pointer;}
.castImage a .block_hover {width:100%; height:100%; display:none; position:absolute; left:0px; top:0px;}
.castImage a.hover_1 {display:block; position:relative;}
.castImage a.hover_1 .block_hover {background:url(img/skin/board/zoom_video.png) no-repeat center center;}
.castImage a.hover_1:hover, .block_general_pic a.hover_1:hover *{text-decoration:none;}
.castImage a.hover_1:hover .block_hover {display:block; text-decoration:none;}


/* 스킨의 하단 아이콘의 일반적 규칙*/
#noArticle{float:left;height:100px;width:100%;text-align:center;padding-top:50px}

#btPage{width:100%;margin-top:20px;text-align:center}
#btPage .pageList{float:left;margin:auto;}
#btPage .pageList a,#btPage .pageList .currentPage{float:left;font-family:verdana;height:23px;width:25px;border:1px solid #dddddd;background-color:#efefef;margin:0 2px;padding-top:2px;text-align:center}
#btPage .pageList a:hover{background-color:#dddddd;}
#btPage .pageList .pageText{width:40px;height:21px;padding-top:4px}


#board_search{float:left;width:100%;margin-top:15px}
#board_search .searchTitle{float:left;margin-right:5px;padding-top:4px;font-weight:bold;font-size:13px}
#board_search .stx{float:left;border:1px solid #dddddd;height:18px;}
#board_search .searchButton{float:left;margin-left:10px}

#btLeft{float:left;margin-top:10px}
#btRight{float:right;margin-top:10px}

/* 정보게시판의 탭*/
#htmlTap {float:left;margin-bottom:20px;}
#htmlTap a{float:left;margin:5px;padding:5px 10px;border:1px solid #dddddd;}
.htmlTapOn {background-color:#dddddd;}
.htmlTapOff {}
#htmlTap a:hover{background-color:#dddddd}


/* 그룹게시판 */
#groupList .list{height:20px; border-bottom:1px dotted #dddddd; padding-top:4px}
#groupList .subject{float: left; padding:0px 0px 0px 7px; background-image: url('../images/icon_gr_arrow.gif'); background-repeat: no-repeat; background-position: 0 50%;}
#groupList .regdate{float: right;}

/*그룹페이지의 사진*/
#grouplastPic{margin-left:15px}
#grouplastPic .picList{float: left; padding:10px ;}
#grouplastPic .picList img{border:1px solid #CCCCCC; padding:2px;width: 140px; height:80px;}
#grouplastPic .picList h3{width: 130px; padding:0px 0px 0px 10px; margin:0px; font-family:굴림 verdana tahoma; font-size:11px; letter-spacing:-1;font-weight: normal; text-align:center; }

/*유튜브게시판*/
#castBoardYoutube ul{float:left;list-style-type: none;margin:0;padding:5px;border:1px solid #dddddd;margin:10px 5px 5px 5px;
-webkit-box-shadow: 0px 5px 12px -7px rgba(84,81,84,1);
-moz-box-shadow: 0px 5px 12px -7px rgba(84,81,84,1);
box-shadow: 0px 5px 12px -7px rgba(84,81,84,1);
}
#castBoardYoutube ul li{font-family: 'Nanum Gothic', 굴림;font-size:14px;line-height:25px}

#castBoardYoutube .subject{font-weight:bold;}
#castBoardYoutube .subject a{font-size:16px;color:#1f8fa7;}

.youtubeView {list-style-type:none;margin:0;padding:0}
.youtubeView .subject{font-family: 'Nanum Gothic', 굴림;font-size:20px;line-height:25px;font-weight:bold;color:black}


.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fluidMedia2 {
    position: relative;
    padding-bottom: 45%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.fluidMedia2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#print{float:left;width:97%;margin:10px}
#print .btn{float:left;width:100%;text-align:right;margin:10px;}
#print .subject{float:left;width:100%;font-size:16px;font-weight:bold;padding:7px;border:1px solid #dddddd;background-color:#f3f3f3}
#print .name{float:left;width:100%;padding:7px;}
#print .content{float:left;width:100%;padding:7px}
#print .btn2{float:left;width:90%;text-align:center;margin:20px;}



/* http://css3buttongenerator.com/ */
.ch2ch_btn{font-weight:bold;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 6px 20px 6px 20px;
  text-decoration: none;

}

.ch2ch_btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}




.btnBoard{
margin:1px;padding:5px 10px; border-radius: 3px;
background: rgb(255,168,76); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}


.btnN {
  background: #fafafa;
  background-image: -webkit-linear-gradient(top, #fafafa, #f2f2f2);
  background-image: -moz-linear-gradient(top, #fafafa, #f2f2f2);
  background-image: -ms-linear-gradient(top, #fafafa, #f2f2f2);
  background-image: -o-linear-gradient(top, #fafafa, #f2f2f2);
  background-image: linear-gradient(to bottom, #fafafa, #f2f2f2);
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: Arial;
  color: #5d5d5d;
  font-size: 12px;
  font-weight:bold;
  margin:1px;
  padding: 5px 10px;
  border: solid #e8e8e8 1px;
  text-decoration: none;
}

.btnN:hover {
  background: #3cb0fd;
  color:white;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


.btnB {
  background: #3cb0fd;
  color:white;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: Arial;
  color: #5d5d5d;
  font-size: 12px;
  font-weight:bold;
  margin:1px;
  padding: 5px 10px;
  border: solid #e8e8e8 1px;
  text-decoration: none;
}

.btnB:hover {
  background: #fafafa;
  background-image: -webkit-linear-gradient(top, #fafafa, #f2f2f2);
  background-image: -moz-linear-gradient(top, #fafafa, #f2f2f2);
  background-image: -ms-linear-gradient(top, #fafafa, #f2f2f2);
  background-image: -o-linear-gradient(top, #fafafa, #f2f2f2);
  background-image: linear-gradient(to bottom, #fafafa, #f2f2f2);
  text-decoration: none;
}