/*======================= °Ô½ÃÆÇ ¸®½ºÆ® ¸ñ·Ï =======================*/
#list_content{}
.list_top_section{font-size:0.813em;width:100%;display:table;margin-bottom:15px;}
.list_top_section ul{overflow:hidden;}
.list_top_section ul li{float:left;display:table;}
ul.list_bar{
padding:7px 0 7px 0;
border-top:2px solid #737373;
border-bottom:1px solid #cbcbcb;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.09, #FCFCFC),
color-stop(0.91, #F2F2F2)
);
background-image: -o-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: -moz-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: -webkit-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: -ms-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: linear-gradient(to bottom, #FCFCFC 9%, #F2F2F2 91%);
/*background:#f0f0f0;*/
}
ul.list_bar li{text-align:center;font-weight:bold;}
ul.list_type_list{border-bottom:1px solid #ccc;display:block;}
ul.list_type_list:hover{background:#fafafa;}
ul.list_type_list li{display:table;text-align:center;min-height:28px;line-height:30px;}
ul.list_type_list li img{vertical-align:middle;}
ul.list_type_list li.cisno{width:10%;}/*¹øÈ£*/
ul.list_type_list li.cisstitle{text-align:left;width:50%;}/*Á¦¸ñ*/
ul.list_type_list li.cisdwritedate{width:20%;}/*µî·ÏÀÏ*/
ul.list_type_list li.cisworshipdate{width:20%;}/*¼³±³ÀÏ*/
ul.list_type_list li.cissname{width:10%;}/*ÀÛ¼ºÀÚ*/
ul.list_type_list li.cisihit{width:10%;}/*Á¶È¸*/
ul.list_type_list li a{display:inline;padding:5px 4px 5px 4px;}
ul.list_type_list li a:hover{
color:#2e99e4;
transition:background 0.3s, color 1s;
-moz-transition:background 0.3s, color 1s;
-webkit-transition:background 0.3s, color 1s;
-o-transition:background 0.3s, color 1s;
}
.list_top_section ul li.cisno{width:10%;}/*¹øÈ£*/
.list_top_section ul li.cisstitle{width:50%;}/*Á¦¸ñ*/
.list_top_section ul li.cisdwritedate{width:20%;}/*µî·ÏÀÏ*/
.list_top_section ul li.cisworshipdate{width:20%;}/*¼³±³ÀÏ*/
.list_top_section ul li.cissname{width:10%;}/*ÀÛ¼ºÀÚ*/
.list_top_section ul li.cisihit{width:10%;}/*Á¶È¸*/
/* °øÁö»çÇ× µðÀÚÀÎ*/
ul.notice_gongji{background:#dfe6ea;}
ul.notice_gongji:hover{background:#dfe6ea}
ul.notice_gongji li,ul.notice_gongji li a{font-weight:bold;color:#000;}
span.category{display:block;min-height:34px;float:left;margin-right:6px;color:#969696;}
span.chu {color: #fe8b58; line-height: 30px; font-size: 11px; display: inline-block; font-weight: bold;}
span.chu img {vertical-align:middle;}
/*======================= ¼³±³°Ô½ÃÆÇ(ÇÁ¸®¹Ì¾ö) =======================*/
.worship_box{height:230px;background:url(/image/img_worship_box_back.jpg) no-repeat top right;background-color:#f6f6f6;border:1px solid #c5c5c5;
border-top:3px solid #9a9a9a;margin-bottom:20px;}
.worship_box_in{margin:45px 0 0 35px;}
.title_worship{float:left;overflow:hidden;width:60%;margin-left:24px;}
.title_worship li h1{font-size:24px;line-height:26px;margin-bottom:12px;}
.title_worship{font-size:14px;line-height:20px;}
p.img_movie_box{float:left;}
.btn_worship li{float:left;}
.list_top_section{font-size:12px;width:100%;display:table;margin-bottom:15px;}
.list_top_section ul{overflow:hidden;}
.list_top_section ul li{float:left;display:table;}
ul.list_bar_worship{
padding:7px 0 7px 0;
border-top:2px solid #737373;
border-bottom:1px solid #cbcbcb;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.09, #FCFCFC),
color-stop(0.91, #F2F2F2)
);
background-image: -o-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: -moz-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: -webkit-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: -ms-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: linear-gradient(to bottom, #FCFCFC 9%, #F2F2F2 91%);
/*background:#f0f0f0;*/
}
ul.list_bar_worship li{display:table;text-align:center;}
ul.list_bar_worship li.cisno{display:table-cell;width:10%;}/*¹øÈ£*/
ul.list_bar_worship li.cisstitle{display:table-cell;width:30%;}/*Á¦¸ñ*/
ul.list_bar_worship li.cisworshipdate{display:table-cell;width:15%;}/*¼³±³ÀÏ*/
ul.list_bar_worship li.cisname{display:table-cell;width:10%;}/*ÀÛ¼ºÀÚ*/
ul.list_bar_worship li.cisihit{display:table-cell;display:block;width:5%;}/*Á¶È¸*/
ul.list_bar_worship li.cisscripture{display:table-cell;display:block;width:15%;}/*¸»¾¸*/
ul.list_bar_worship li.cisreader{display:table-cell;display:block;width:15%;}/*¼³±³ÀÚ*/
ul.worship_list_type{border-bottom:1px solid #ccc;display:block;}
ul.worship_list_type:hover{background:#fafafa;}
ul.worship_list_type li{display:table;text-align:center;min-height:28px;line-height:30px;}
ul.worship_list_type li img{vertical-align:middle;}
/*ul.worship_list_type li:first-child{display:table-cell;width:5%;}
ul.worship_list_type li:nth-child(2){display:table-cell;width:35%;text-align:left;}
ul.worship_list_type li:nth-child(3){display:table-cell;width:15%;}
ul.worship_list_type li:nth-child(4){display:table-cell;width:10%;}
ul.worship_list_type li:nth-child(5){display:table-cell;display:block;width:5%;}
ul.worship_list_type li:nth-child(6){display:table-cell;display:block;width:15%;}
ul.worship_list_type li:nth-child(7){display:table-cell;display:block;width:15%;}*/
ul.worship_list_type li.cisno{display:table-cell;width:10%;}
ul.worship_list_type li.cisstitle{display:table-cell;width:30%;text-align:left;}
ul.worship_list_type li.cisworshipdate{display:table-cell;width:15%;}
ul.worship_list_type li.cisname{display:table-cell;width:10%;}
ul.worship_list_type li.cisihit{display:table-cell;display:block;width:5%;}
ul.worship_list_type li.cisscripture{display:table-cell;display:block;width:15%;}
ul.worship_list_type li.cisreader{display:table-cell;display:block;width:15%;}
/*********************** btn_worship_box *************************/
.buttons {
position:relative;
float:left;
margin:10px 0 0 24px;
}
button.button {
color: #fff;
font: bold 13px nanum gothic, sans-serif;
text-decoration: none;
padding: 7px 12px 9px 12px;
position: relative;
display: inline-block;
/*text-shadow: 0 1px 0 #ccc;*/
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background: #f3f3f3;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
border: solid 1px #dcdcdc;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding-left: 30px;
}
button.button:hover {
color: #88d9fa;
border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
button.button:active {
color: #88d9fa;
border-color: #444;
}
button.play{background:url(/image/btn_worship_box.png) 8px 0 no-repeat #286cbc;}
button.mp3{background:url(/image/btn_worship_box.png) 8px -29px no-repeat #286cbc;}
button.download{background:url(/image/btn_worship_box.png) 8px -60px no-repeat #286cbc;}
button.suggest{background:url(/image/btn_worship_box.png) 8px -92px no-repeat #286cbc;}
button.file{background:url(/image/btn_worship_box.png) 8px -92px no-repeat #286cbc;}
button.file_movie{background:url(/image/btn_worship_box.png) 8px -155px no-repeat #286cbc;}
button.file_mp3{background:url(/image/btn_worship_box.png) 8px -122px no-repeat #286cbc;}
.downfile{position:absolute;left:160px;}
.downfile ul{margin-left:1px;}
.downfile ul li{float:left;}
/*********************** btn_worship_box *************************/
/*======================= ¾Ù¹ü ¸®½ºÆ® ·¹À̾ƿô =======================*/
/*ul.list_type_album{display:none;width:100%;overflow:hidden;margin-bottom:15px;}*/
ul.list_type_album{width:100%;overflow:hidden;margin:25px 0 15px 0;}
ul.list_type_album li{display:block;text-align:center;width:33%;float:left;margin-bottom:10px;}
/*ul.list_type_album li img{border:1px solid #ccc;width:85%;}*/
ul.list_type_album li img{border:1px solid #ccc;}
.album_tit{display:inline-block;margin-top:6px;width:100%;}
.list_album_section ul{overflow:hidden;font-size:12px;width:100%;}
.list_album_section ul li{float:left;text-align:center;min-height:20px;line-height:20px;}
/*°øÁö»óŹÙ*/
ul.album_gongji{
padding:7px 0 7px 0;
border-top:2px solid #737373;
border-bottom:1px solid #cbcbcb;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.09, #FCFCFC),
color-stop(0.91, #F2F2F2)
);
background-image: -o-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: -moz-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: -webkit-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: -ms-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: linear-gradient(to bottom, #FCFCFC 9%, #F2F2F2 91%);
}
/*°øÁö»óŹÙ_ÀϹݸñ·Ï*/
.bar1{display:block;}
.bar1 li{font-weight:bold;}
.bar1 li:first-child{width:15%;}
.bar1 li:nth-child(2){width:45%;}
.bar1 li:nth-child(3){width:20%;}
.bar1 li:last-child{width:20%;}
/*°øÁö ÀϹݸñ·Ï*/
ul.album_gong_normal{display:block;min-height:20px;background:#dfe6ea;}
ul.album_gong_normal:hover{background:#e8eff4;}
ul.album_gong_normal li{height:26px;line-height:26px;border-bottom:1px solid #ccc;}
ul.album_gong_normal li a{display:inline;}
ul.album_gong_normal li a:hover{color:#2e99e4;}
ul.album_gong_normal li:first-child{width:15%;}
ul.album_gong_normal li:nth-child(2){width:45%;text-align:left;}
ul.album_gong_normal li:nth-child(2) img{vertical-align:middle;}
ul.album_gong_normal li:nth-child(3){width:20%;}
ul.album_gong_normal li:last-child{width:20%;}
/*°øÁö»óŹÙ_»çÁø¸ñ·Ï*/
.bar2 li{font-weight:bold;width:15%;}
/*°øÁö »çÁø¸ñ·Ï*/
ul.album_gong_img{margin-top:10px;padding:15px 0 20px 0;border:1px solid #ccc;background:#f2f2f2;}
ul.album_gong_img li{width:33%;}
ul.album_gong_img li img{width:85%;border:1px solid #ccc;}
/*======================= ¸®½ºÆ® compose =======================*/
#list_write_content{font-size:13px;font-family:'nanum gothic';}
/*=== ÇϴܹöÆ° ¼½¼Ç(¸®½ºÆ® ¸ñ·Ï) ===*/
.list_btm_sectioin{position:relative;margin-top:20px;font-size:13px;font-family:'nanum gothic';display:table;width:100%;}
.list_btn{position:relative;min-height:30px;margin-bottom:20px;}
.list_btn ul li{float:left;margin-left:5px;}
.list_btn ul li:last-child{float:right;}
select.select_box{border:1px solid #dcdcdc;height:26px;}
.page_list{position:relative;min-height:30px;}
/*ul.page_btn{position:relative;margin:0 auto;width:340px;}*/
ul.page_btn{position:relative;margin:0 auto;width:280px;}
ul.page_btn li{float:left;}
input{border:1px solid #dcdcdc;height:24px;}
input.search{padding-left:5px;color:#ccc;}
input.search:hover{border:1px solid #67c0ff;}
input.search:focus{border:1px solid #67c0ff;color:#000;}
/*=== ¾²±â »ó´Ü ¼½¼Ç(¸®½ºÆ® ¾²±â) ===*/
.write_top{font-size:13px;font-family:'nanum gothic';}
ul.input_section li{margin-bottom:10px;}
ul.input_section li:nth-child(8){overflow:hidden;height:37px;}
ul.input_section li input{height:30px;border-radius:3px;padding:0 10px 0 5px;color:#ccc;width:96.5%;}
ul.input_section li button{margin-bottom:4px;}
input.input_txt:hover{border:1px solid #67c0ff;}
input.input_txt:focus{border:1px solid #67c0ff;color:#000;}
.selcet_section{width:99%;}
ul.spam_section{overflow:hidden;margin-bottom:10px;}
ul.spam_section li{float:left;margin-right:10px;}
.no_spam{border:1px solid #ccc;border-radius:3px;/*box-shadow:inset 0 0 5px rgba(0,0,0,0.2);*/color:#ccc;padding:2px 2px 2px 10px;}
div.secret{float:right}
div.secret span{margin-left:6px;line-height:30px;display:inline-block;font-size:14px;}
input.check_box{line-height:30px;margin-top:3px;}
/*.aditer{width:99%;height:350px;border:1px solid #ccc;border-radius:5px;}*/
.aditer{width:99%;height:350px;margin-bottom:15px;margin-top:10px;}
.write_btm{float:right;margin-top:5px;}
.write_btm li{float:left;margin-right:5px;}
/*======================= ¸®½ºÆ® view =======================*/
.view_tit{
font-weight:bold;
padding:14px 0 14px 15px;
border-top:2px solid #737373;
border-bottom:1px solid #cbcbcb;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.09, #FCFCFC),
color-stop(0.91, #F2F2F2)
);
background-image: -o-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: -moz-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: -webkit-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: -ms-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: linear-gradient(to bottom, #FCFCFC 9%, #F2F2F2 91%);
/*background:#f0f0f0;*/
}
/* ŸÀÌƲ Á¤º¸ */
ul.view_info{overflow:hidden;border-bottom:1px solid #ccc;padding:9px 0 9px 15px;font:500 12px/12px Nanum Gothic;}
ul.view_info li{float:left;margin:5px 10px 0 0;}
img.chu{vertical-align:middle;}
.view_option{margin-top:10px;overflow:hidden;}
/* À̸ÞÀÏ,ÇÁ¸°Æ® */
ul.view_funtion{float:right;}
ul.view_funtion li{float:left;margin:0 0 0 10px;}
ul.view_funtion li img{vertical-align:top;}
button.btn_email{border:0;padding:0;height:12px;}
button.btn_email img{border:0;padding:0;}
/*-- SNS ½¦¾î¹öÆ° --*/
.btn_share li{float:left;margin-right:10px;}
/* ÷ºÎÆÄÀÏ */
.file{display:table;background:#f5f5f5;min-height:20px;padding:3px 0 3px 0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;
width:97%;padding-left:20px;}
.file ul li{line-height:20px;}
.file ul li a{color:#8d8d8d;font-size:11px;float:left;margin-right:10px;}
.file ul li a:hover{color:#2589ef;text-decoration:underline;}
.file_size{color:#fb722e;margin-left:3px;}
.veiw_con{min-height:300px;/*border-bottom:1px solid #ccc;*/padding:15px 0 20px 0;}
/* ű×, ªÀºÁÖ¼Ò */
.txt_tag_url{font-size:11px;margin-bottom:40px;}
.txt_tag_url li{float:left;line-height:30px;}
.txt_tag_url li.txt_last{float:right;}
.txt_tag{text-indent:50px;background:url(/image/icon_tag.gif) no-repeat 0 10px;}
.txt_url{text-indent:20px;background:url(/image/icon_link.gif) no-repeat 0px 9px;}
.txt_url a{color:#b5b5b5;}
.txt_url a:hover{color:#48c0f8;text-decoration:underline;}
/* ¹öÆ°¿µ¿ª */
.view_btn_section{width:100%;margin:10px 0 20px 0;overflow:hidden;}
ul.view_btn_list{overflow:hidden;}
ul.view_btn_list li{float:left;}
ul.btn_view2 li button img{vertical-align:middle;}
.btn_view1{float:left;}
.btn_view2{float:right;}
/*ul.view_btn_list li:nth-child(3){float:right;}*/
/*²¿¸®±Û ÀԷ¹öÆ°*/
.btn_reply_active{}
button.btn_slide{margin-bottom:10px;width:100%;}
/* ´ñ±ÛÀÔ·ÂÆû ¿µ¿ª */
.reply_section{}
.reply_action{height:190px;}
.reply_update_action{width:100%;display:table;height:190px;}
.reply_write{position:relative;min-height:50px;}
ul.reply_write_input{overflow:hidden;}
ul.reply_write_input li{float:left;margin:0 5px 5px 0;}
ul.reply_write_input li img{vertical-align:middle;line-height:30px;}
ul.in_box1{float:left;}
ul.in_box2{float:right;}
ul.in_box2 li{margin:0 0 5px 5px;}
#captcha img{vertical-align:middle;width:42px;border:1px solid #ccc;display:block;padding:5px 5px;border-radius:5px;
/*box-shadow:inset 0 0 5px rgba(0,0,0,0.2);*/}
/* À̸ðƼÄÜ */
#imgDiv{display:none;position:absolute;}
ul.img_imoti{position:absolute;left:-18px;top:10px;padding:5px;background:#fff;border:1px solid #ccc;border-radius:3px;z-index:99;}
ul.img_imoti li{margin-bottom:2px;}
.inner_imoti{position:relative;width:25px;height:18px;padding:3px;line-height:28px;border:1px solid #ccc;border-radius:3px;padding:5px;}
.inner_imoti img{position:absolute;top:5px;left:8px;}
.relpy_box{border:1px solid #ccc;min-height:70px;width:100%;margin-top:10px;border-radius:3px;/*box-shadow:inset 0 0 5px rgba(0,0,0,0.3);*/color:#ccc;
padding:10px;}
.relpy_box:hover{border:1px solid #67c0ff;}
.relpy_box:focus{border:1px solid #67c0ff;color:#000;}
.text_area{padding-right:25px;}
.reply_write button{float:right;margin-top:15px;}
.relpy_name,.no_spam{border:1px solid #ccc;border-radius:3px;/*box-shadow:inset 0 0 5px rgba(0,0,0,0.2);*/color:#ccc;
padding:2px 2px 2px 10px;}
.relpy_name:hover,.no_spam:hover{border:1px solid #67c0ff;}
.relpy_name:focus,.no_spam:focus{border:1px solid #67c0ff;color:#000;}
/* ´ñ±Ûºä ¿µ¿ª */
.reply_view{position:relative;}
.reply_view_text{float:left;background:#f1f1f1;width:97.5%;border:1px solid #ccc;border-radius:5px;padding:5px 5px 15px 10px;margin-bottom:20px;overflow:hidden;}
.btn_reply_section{float:right;font-size:11px;margin:0 7px 7px 0;}
.btn_reply_section li{float:left;}
.btn_modiy{background:url(/image/modiy_del_btn.png) no-repeat;padding-left:14px;margin-right:12px;}
.btn_reply_section button:hover{text-decoration:underline;color:#338eec;}
.btn_del{background:url(/image/modiy_del_btn.png) no-repeat 0 -13px;padding-left:14px;}
.reply_tit{display:block;padding:5px 0 5px 10px;border:1px solid #eee;font:500 12px/12px Nanum Gothic;background:#f8f8f8;width:98%;border-radius:3px;clear:both;}
.reply_tit p{display:inline;line-height:20px;}
.reply_tit p:nth-child(2){float:right;margin-right:5px;}
.reply_coment{font-size:13px;margin:5px 0 0 3px;}
/*======================= Ä«Å×°í¸®ÅÇ =======================*/
.func{display:table;width:100%;}
#ts_tabmenu {
font-size: .75em; /* set the font size */
/*padding: 20px 0px 0px 20px; /* set the padding */
overflow:hidden;
margin:0 5px 0 0;
float:left;
}
#ts_tabmenu ul {
line-height: 1em; /* setting the line height now so we don't have any headaches*/
margin: 0px; /* let's keep the margin set to 0 for the same reasons as above*/
list-style-type: none; /* we remove the UL's default disc bullets */
float: left; /* we float the list to the left like we will all the elements inside*/
padding: 0px 0px 0px 5px; /* give it a left padding of 5px to counter the effect of margin -5px below */
}
#ts_tabmenu ul li {
float: left; /* floatin' left */
margin-bottom:5px;
}
#ts_tabmenu ul li a {
text-decoration: none; /* remove the default underline off the anchor text */
display: block; /* we display this text as block so that we can apply padding/margin without problems */
float: left; /* floatin' left, to make the menu horizontal */
padding: 0px 0px 0px 10px; /* we give it a left padding of 10px to show the first 10 pixels of the tabs image. you can also use padding-left: 10px; */
background: url(/image/tabs0000.gif) no-repeat left top; /* we link to the tabs image, no tiling, showing the top left part of it */
margin-left: -5px; /* this is important for the overlapping part - we are overlapping the tabs by 5 px */
z-index: 0; /* keep it on layer 0 (default) */
position: relative; /* very important as this enables the z-index to work for us and keeps the tabs where they should be */
color: #666666; /* color of the tab text */
}
#ts_tabmenu ul li a strong {
font-weight: normal; /* remove the bold effect */
display: block; /* display the strong element as a block so we can pad it, etc. */
float: left; /* float it left as well */
background: url(/image/tabs0000.gif) no-repeat right top; /* now we show the right part of the tab and we complete the "puzzle" */
padding: 6px 10px 7px 5px; /* important, as through this you define the position of the text within the tab */
cursor: pointer; /* this makes the browser show the "hand" cursor when hovering over the tab */
}
#ts_tabmenu ul li a:hover {
position: relative; /* again, keep things relative */
z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
background: url(/image/tabs0000.gif) no-repeat left bottom; /* now we show the bottom part of the tabs image, the "hover" instance */
color: #000000; /* we color the hovered tab's text black */
}
#ts_tabmenu ul li a:hover strong {
background-image: url(/image/tabs0000.gif) no-repeat;
position: relative; /* keep it relative */
z-index: 5; /* show this on layer 5 as well */
background-position: right bottom; /* we show the right bottom part of the tabs image (the hover instance) */
}
#ts_tabmenu .selected a {
position: relative; /* again, keep things relative */
z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
background: url(/image/tabs0000.gif) no-repeat left bottom; /* now we show the bottom part of the tabs image, the "hover" instance */
color: #000000; /* we color the hovered tab's text black */
}
#ts_tabmenu .selected a strong {
background-image: url(/image/tabs0000.gif) no-repeat;
position: relative;
z-index: 5;
background-position: right bottom;
}
/*#tsmenu1 #li_tsmenu1 a, #tsmenu2 #li_tsmenu2 a,
#tsmenu3 #li_tsmenu3 a, #tsmenu4 #li_tsmenu4 a,
#tsmenu5 #li_tsmenu5 a, #tsmenu6 #li_tsmenu6 a,
#tsmenu7 #li_tsmenu7 a {
position: relative;
z-index: 5;
background: url(/image/tabs0000.gif) no-repeat left bottom;
color: #000000;
}
#tsmenu1 #li_tsmenu1 a strong, #tsmenu2 #li_tsmenu2 a strong,
#tsmenu3 #li_tsmenu3 a strong, #tsmenu4 #li_tsmenu4 a strong,
#tsmenu5 #li_tsmenu5 a strong, #tsmenu6 #li_tsmenu6 a strong,
#tsmenu7 #li_tsmenu7 a strong {
background-image: url(/image/tabs0000.gif) no-repeat;
position: relative;
z-index: 5;
background-position: right bottom;
}*/
/*rss ¹öÆ°*/
.btn_rss{float:right;margin:5px 0 5px 0;}
/*======================= »çÀÌµå ¸Þ´º =======================*/
/* Vertical Navigation */
.vNav{width:176px; padding-bottom:10px;}
.vNav ul{list-style:none;margin-top:0px;}
.vNav li{padding:0; position:relative; text-align:left;}
.vNav li span{position:absolute; top:54%; right:5%; margin:-4px 0 0 -16px; width:10px; height:10px; background:url(/communityboard/image/comm_new.gif) no-repeat left top;}
.vNav li a{display:block; position:relative; top:0px; left:0px; width:100%; padding-top:10px; font-family: 'Nanum Gothic'; font-size:12px; line-height:16px; color:#a5a5a5; font-weight:bold; padding:10px 6px 10px 8px; background:url(/image/sub_menu/left_memu_out.gif) no-repeat 160px 12px; letter-spacing:-0.2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
*+html body div.vNav li a {left:-5px;}
.vNav li a:hover {border:0; color:#87daff; font-weight:900; background-color:#3f3e41;}
.vNav li a .i{ position:absolute; top:50%; left:100%; margin:-4px 0 0 -16px; width:8px; height:8px; color:#ccc; background:url(/image/menu/iconSub.gif) no-repeat left top;}
.vNav li ul{width: 100%; margin:0;position:relative;min-height:23px;}
.vNav li ul li{margin: 0; display: block;background-image:none;}
.vNav li ul li a{line-height: 1; display: block; text-transform: none; font-family: 'Nanum Gothic'; font-size:12px; color:#a5a5a5; font-weight:normal; text-indent:10px;}
.vNav li ul li a:hover {text-decoration:underline;background-image:none;color:#106bb3;}
.vNav li ul li.active{padding:0;}
.vNav li ul li.active a{background-image:none;color:#106bb3;margin:0;}
.vNav li.active{position: relative; padding:0;}
.vNav li.active a{color:#87daff; background-color:#3f3e41; font-weight:bold; width:100%;}
.vNav li.active a .i{position:absolute; top:50%; left:100%; margin:-4px 0 0 -16px; width:8px; height:8px; color:#ccc; background:url(/image/menu/iconSub2.gif) no-repeat left top;}
.vNav li li.sub2 a{text-indent:30px;background:url(/image/sub2_blic.gif) no-repeat 20px 12px;}
/*ºñ¹øÆ˾÷*/
.pwDiv_wrap{width:235px; background:#fff; display:none; position:absolute; font-size:12px; color:#555; padding:8px; border-radius:3px; box-shadow:1px 1px 1px #000; border:1px solid #ececec;z-index:2;}
.pwDiv_wrap > input[type="password"]{border:1px solid #ccc; width:110px; height:22px; color:#666; padding:0 5px;}
/*[À©µµ¿ì]*/
#Black{display:none; position:fixed; left:0; top:0; height:100%; width:100%; background:#000;
opacity: 0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
z-index:1;
}
/* ÀçÁ¤ÈÄ¿ø*/
table.suport{font-family: 'Nanum Gothic';}
table.suport h1{font-family: 'Nanum Gothic';font-size:20px;line-height:20px;font-weight:bold;padding:30px 0 15px 0;}
table.suport p{font-family: 'Nanum Gothic';font-size:13px;line-height:20px;}
table.mailForm input{border:1px solid #dadada;}
p.formClom{padding-right:20px;font-size:13px;font-weight:bold;}
p.bankInfo{color:#4383e2;font-weight:bold;}
p.say{margin-bottom:10px;line-height:22px;}
p.contact{margin:0 auto;width:530px;padding:5px 5px;text-align:center;border:4px solid #000;}
/*==µ¥½ºÅ©==*/
@media screen and (min-width: 1200px) {
.m_sub_tit{display:none;}
}
/*==ÅÂºí¸´==*/
@media screen and (min-width: 768px) and (max-width: 1199px){
/* ´ñ±ÛÀÔ·ÂÆû ¿µ¿ª */
ul.reply_write_input{overflow:hidden;}
ul.reply_write_input li{float:left;margin-right:10px;}
ul.in_box1{float:left;}
ul.in_box2{float:left;}
/* ÷ºÎÆÄÀÏ */
.attachment{background:#f5f5f5;min-height:20px;padding:3px 0 3px 0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
/*=== ¾²±â »ó´Ü ¼½¼Ç(¸®½ºÆ® ¾²±â) ===*/
.write_top{font-size:13px;font-family:'nanum gothic';}
ul.input_section li{margin-bottom:10px;}
ul.input_section li:nth-child(8){overflow:hidden;height:37px;}
ul.input_section li input{height:30px;border-radius:3px;padding:0 10px 0 5px;color:#ccc;width:96.5%;}
ul.input_section li button{margin-bottom:4px;}
input.input_txt:hover{border:1px solid #67c0ff;}
input.input_txt:focus{border:1px solid #67c0ff;color:#000;}
.selcet_section{width:98%;}
ul.spam_section{overflow:hidden;margin-bottom:10px;}
ul.spam_section li{float:left;margin-right:10px;}
.no_spam{border:1px solid #ccc;border-radius:3px;/*box-shadow:inset 0 0 5px rgba(0,0,0,0.2);*/color:#ccc;padding:2px 2px 2px 10px;}
div.secret{float:right}
div.secret span{margin-left:6px;line-height:30px;display:inline-block;font-size:14px;}
input.check_box{line-height:30px;margin-top:3px;}
}
/*==¸ð¹ÙÀÏ(°¡·Î)==*/
@media screen and (max-width: 767px) {
.reply_view_text{width:95%;}
/* ´ñ±ÛÀÔ·ÂÆû ¿µ¿ª */
.reply_section{}
.reply_action{display:table;min-height:190px;margin-bottom:10px;}
.reply_update_action{width:100%;display:table;min-height:190px;margin-bottom:10px;}
.reply_write{position:relative;min-height:50px;}
ul.reply_write_input{overflow:hidden;}
ul.reply_write_input li{float:left;margin:0 5px 5px 0;}
ul.reply_write_input li img{vertical-align:middle;line-height:30px;}
ul.reply_write_input{overflow:hidden;}
ul.reply_write_input li{float:left;margin-right:10px;}
ul.in_box1{float:left;}
ul.in_box2{float:left;}
ul.in_box2 li{margin:0 5px 5px 0;}
/* ű×, ªÀºÁÖ¼Ò */
.txt_tag_url{font-size:11px;margin-bottom:40px;}
.txt_tag_url li{float:left;line-height:30px;margin-right:10px;}
.txt_tag_url li.txt_last{float:left;}
.txt_tag{text-indent:50px;background:url(/image/icon_tag.gif) no-repeat 0 10px;}
.txt_url{text-indent:20px;background:url(/image/icon_link.gif) no-repeat 0px 9px;}
.txt_url a{color:#b5b5b5;}
.txt_url a:hover{color:#48c0f8;text-decoration:underline;}
/* ¼³±³°Ô½ÃÆÇ(ÇÁ¸®¹Ì¾ö) */
.worship_box{display:table;min-height:230px;background:url(/image/img_worship_box_back.jpg) no-repeat top right;background-color:#f6f6f6;border:1px solid #c5c5c5;
border-top:3px solid #9a9a9a;margin-bottom:20px;padding-bottom:30px;}
.worship_box_in{margin:45px 0 0 0;}
.title_worship{float:left;overflow:hidden;width:100%;margin:20px 0 0 15px;}
.title_worship li h1{font-size:24px;line-height:26px;margin-bottom:12px;}
.title_worship{font-size:14px;line-height:20px;}
p.img_movie_box{float:none;text-align:center;}
.btn_worship li{float:left;}
.buttons {position:relative;float:left;margin:10px 0 0 15px;}
/*=== ¾²±â »ó´Ü ¼½¼Ç(¸®½ºÆ® ¾²±â) ===*/
.write_top{font-size:13px;font-family:'nanum gothic';}
ul.input_section li{margin-bottom:10px;}
ul.input_section li:nth-child(8){overflow:hidden;height:37px;}
ul.input_section li input{height:30px;border-radius:3px;padding:0 10px 0 5px;color:#ccc;width:96.5%;}
ul.input_section li button{margin-bottom:4px;}
input.input_txt:hover{border:1px solid #67c0ff;}
input.input_txt:focus{border:1px solid #67c0ff;color:#000;}
.selcet_section{width:99%;}
ul.spam_section{overflow:hidden;margin-bottom:10px;}
ul.spam_section li{float:left;margin-right:10px;}
.no_spam{border:1px solid #ccc;border-radius:3px;/*box-shadow:inset 0 0 5px rgba(0,0,0,0.2);*/color:#ccc;padding:2px 2px 2px 10px;}
div.secret{float:right}
div.secret span{margin-left:6px;line-height:30px;display:inline-block;font-size:14px;}
input.check_box{line-height:30px;margin-top:3px;}
.view_btn_list li:nth-child(3) {display:none;}
}
/*==¸ð¹ÙÀÏ==*/
@media screen and (min-width: 320px) and (max-width: 690px) {
/*========== °Ô½ÃÆÇ µðÀÚÀÎ1 (ÇÑÁÙ ¸ñ·Ï¸®½ºÆ® ÇüÅÂ) ==========*/
/* -------ÀÏ¹Ý °Ô½ÃÆÇÀ϶§---------*/
/* ÀϹݰԽÃÆÇ Ä®·³*/
.list_top_section ul li.cisno{width:15%;}
.list_top_section ul li.cisstitle{max-width:60%;min-width:60%;}
.list_top_section ul li.cisdwritedate{width:25%;}
.list_top_section ul li.cisihit{display:none;}/*Á¶È¸*/
.list_top_section ul li.cissname{display:none;}/*ÀÛ¼ºÀÚ*/
/* ¼³±³°Ô½ÃÆÇ Ä®·³*/
.list_top_section ul li.cisworshipdate{width:25%;}/*¼³±³ÀÏ*/
.list_top_section ul li.cisscripture{display:none;}/*¼º°æ¸»¾¸*/
.list_top_section ul li.cisreader{display:none;}/*¼³±³ÀÚ*/
ul.list_type_list li a{display:inline;padding:0 4px 5px 4px;}
span.category{margin-right:6px;color:#b9b9b9;display:none;}
/* °Ô½ÃÆÇ_¾Ù¹ü */
ul.list_type_album li{text-align:center;width:100%;float:none;margin-bottom:10px;}
/*ul.list_type_album li img{border:1px solid #ccc;width:75%;}*/
ul.list_type_album li img{border:1px solid #ccc;}
.album_tit{display:inline-block;margin-top:10px;width:100%;}
.bar1 li:first-child{width:15%;}
.bar1 li:nth-child(2){width:55%;}
.bar1 li:nth-child(3){display:none;}
.bar1 li:last-child{width:30%;}
ul.album_gong_normal li:first-child{width:15%;}
ul.album_gong_normal li:nth-child(2){width:55%;text-align:left;}
ul.album_gong_normal li:nth-child(3){display:none;}
ul.album_gong_normal li:last-child{width:30%;}
.list_btn ul li{float:none;margin-left:5px;margin-bottom:5px;text-align:right;}
.list_btn ul li:last-child{float:none;}
select.select_box{width:139px;}
input.search{width:133px;}
.reply_view_text{width:95%;}
.reply_tit{display:block;padding:5px 0 5px 10px;border:1px solid #eee;font:500 12px/12px Nanum Gothic;background:#f8f8f8;width:95%;border-radius:3px;clear:both;}
.reply_tit p{display:inline;line-height:20px;}
.reply_tit p:nth-child(2){float:right;margin-right:5px;}
.reply_coment{font-size:13px;margin:5px 5px 0 3px;}
/*rss ¹öÆ°*/
.btn_rss{float:left;margin:2px 0 5px 0;}
/* ºäÆäÀÌÁö_¹öÆ°¿µ¿ª */
.view_btn_section{margin:20px 0 30px 0;overflow:hidden;}
ul.view_btn_list{overflow:hidden;}
ul.view_btn_list li{float:left;}
ul.btn_view2 li button img{vertical-align:middle;}
.btn_view1{float:left;width:100%;}
.btn_view2{float:left;margin-top:10px;}
.view_btn_list li:nth-child(3) {display:none;}
}
/*==¸ð¹ÙÀÏ==*/
@media screen and (max-width: 320px) {
/*==°Ô½ÃÆÇ==*/
.list_top_section{font-size:0.813em;}
.list_top_section ul{overflow:hidden;}
.list_top_section ul li{float:left;}
ul.list_bar{
padding:7px 0 7px 0;
border-top:2px solid #737373;
border-bottom:1px solid #cbcbcb;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.09, #FCFCFC),
color-stop(0.91, #F2F2F2)
);
background-image: -o-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: -moz-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: -webkit-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: -ms-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
background-image: linear-gradient(to bottom, #FCFCFC 9%, #F2F2F2 91%);
/*background:#f0f0f0;*/
}
ul.list_bar li{text-align:center;font-weight:bold;}
ul.list_type_list{border-bottom:1px solid #ccc;}
ul.list_type_list:hover{background:#fafafa;}
ul.list_type_list li{text-align:center;min-height:28px;line-height:30px;}
ul.list_type_list li a{display:inline-block;width:100%;}
ul.list_type_list li a:hover{color:#2e99e4;
transition:background 0.3s, color 0.5s;
-moz-transition:background 0.3s, color 0.5s;
-webkit-transition:background 0.3s, color 0.5s;
-o-transition:background 0.3s, color 0.5s;
}
/*========== °Ô½ÃÆÇ µðÀÚÀÎ1 (ÇÑÁÙ ¸ñ·Ï¸®½ºÆ® ÇüÅÂ) ==========*/
/* -------ÀÏ¹Ý °Ô½ÃÆÇÀ϶§---------*/
/* ÀϹݰԽÃÆÇ Ä®·³*/
.list_top_section ul li.cisno{width:15%;}
.list_top_section ul li.cisstitle{max-width:60%;min-width:60%;}
.list_top_section ul li.cisdwritedate{width:25%;}
.list_top_section ul li.cisihit{display:none;}/*Á¶È¸*/
.list_top_section ul li.cissname{display:none;}/*ÀÛ¼ºÀÚ*/
/* ¼³±³°Ô½ÃÆÇ Ä®·³*/
.list_top_section ul li.cisworshipdate{width:25%;}/*¼³±³ÀÏ*/
.list_top_section ul li.cisscripture{display:none;}/*¼º°æ¸»¾¸*/
.list_top_section ul li.cisreader{display:none;}/*¼³±³ÀÚ*/
/* -------¼³±³ °Ô½ÃÆÇÀ϶§---------*/
/* ÀϹݰԽÃÆÇ Ä®·³
.list_top_section ul li:first-child{display:none;}
.list_top_section ul li:nth-child(2){width:60%;}
.list_top_section ul li:nth-child(3){display:block;}
.list_top_section ul li:nth-child(4){display:none;}
.list_top_section ul li:nth-child(5){display:none;}
.list_top_section ul li:nth-child(6){display:none;}
/* ¼³±³°Ô½ÃÆÇ Ä®·³
.list_top_section ul li:nth-child(7){display:block;width:20%;}
*/
ul.list_type_album li{display:block;text-align:center;width:100%;float:none;margin-bottom:10px;}
ul.list_type_album li img{border:1px solid #ccc;width:75%;}
.album_tit{display:inline-block;margin-top:10px;width:100%;}
/* ºäÆäÀÌÁö_¹öÆ°¿µ¿ª */
.view_btn_section{margin:20px 0 30px 0;overflow:hidden;}
ul.view_btn_list{overflow:hidden;}
ul.view_btn_list li{float:left;}
ul.btn_view2 li button img{vertical-align:middle;}
.btn_view1{float:left;}
.btn_view2{float:left;margin-top:10px;}
.view_btn_list li:nth-child(3) {display:none;}
}
/*======================= ÷ºÎÆÄÀÏ ¾÷·Îµå =======================*/
#imgfileupload_layer
{
border:1px solid #dadada;
background:#fff;
width:350px;
display:none;
z-index:1;
}
.menu_list
{
overflow: hidden;
width: 100%;
height: 35px;
margin: 0;
zoom: 1;
}
.menu_list ul
{
overflow: hidden;
zoom: 1;
padding-left: 1px;
}
.menu_list li
{
float: left;
}
ul, ol, li
{
list-style: none;
}
.menu_list li a.selected
{
z-index: 1;
border: 1px solid #222;
height: 23px;
border-bottom: none;
background-color: #fff;
background-image: none;
color: #333;
}
* {
margin: 0;
padding: 0;
}
.menu_list li a
{
position: relative;
display: block;
width: 171px;
height: 22px;
margin-left: -1px;
padding: 11px 0 0 0;
border: 1px solid #ccc;
border-bottom: none;
background: #f3f3f3;
color: #777;
font-weight: bold;
text-align: center;
zoom: 1;
}
div
{
display: block;
}
.popbody_con
{
margin: 11px 15px 15px 15px;
}
#popHead
{
width: 100%;
position: relative;
height: 41px;
background-color: #039FDA;
/*background: url('/img/popcmn/pophead_v3.gif') no-repeat 0 0;*/
}
.popHeadEnd
{
height: 41px;
/*background: url('/img/popcmn/pophead_right_v3.gif') no-repeat right 0;*/
}
#popHead h1
{
float: left;
margin: 11px 0 0 17px;
_display: inline;
overflow: hidden;
}
#popHead span
{
float:right;
margin: 11px 17px 0 0;
}
.popHeadEnd h1
{
color: #fff;
font-size: 14px;
line-height: 140%;
}
h1
{
display: block;
font-size: 2em;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
input.file
{
line-height: 14px;
padding: 3px 0 1px 4px;
border: 1px solid #bbbbbb;
vertical-align: middle;
width:100%;
}
/*======================= ÷ºÎÆÄÀÏ ¾÷·Îµå =======================*/