﻿@charset "utf-8";
/* LIFEGOOD JMR 160311*/
*:focus {
    outline: none !important;
}
/*common*/
#header:after,#container:after,#contents:after,#footer:after{display:block;clear:both;content:''}

body{background:#dee3e4}
body.bg_white{background:#fff}

/* #wrap,#container,#content{min-height:100%} */

.img_click_deco {filter: alpha(opacity=70);opacity: 0.7;border:2px solid #e5e5e5}


.sub #header table img{}
/* .sub #footer{display:none} */
.sub #header table td{width:50px;height:30px;padding:0 10px 0 0 ;text-align:center}
.sub #header table th{text-align:center;font-size:20px;color:#fff;line-height:47px}
.sub #header table td a{display:block}
/* .sub #container{padding-bottom:20px} */
.sub #header .top .write{width:80px}
.sub #header .top2 th{padding-left:30px}
.sub .top .write a{float:right;padding:0 5px}
#footer{position:fixed !important;width:100%;bottom:0;left:0;z-index:999;border-top:1px solid #b5b5b6}
#footer li{float:left;width:20%;background:#fff}
#footer li a{display:block;height:55px;padding-top:32px;text-align:center;font-size:11px;color:#b5b5b6}
#footer .on{color:#221815}
#footer .nav1{background:url(../_img/common/nav1.png) 50% 7px no-repeat;background-size:25px 25px}
#footer .nav2{background:url(../_img/common/nav2.png) 50% 7px no-repeat;background-size:25px 25px}
#footer .nav3{background:url(../_img/common/nav3.png) 50% 7px no-repeat;background-size:25px 25px}
#footer .nav4{background:url(../_img/common/nav4.png) 50% 7px no-repeat;background-size:25px 25px}
#footer .nav5{background:url(../_img/common/nav5.png) 50% 7px no-repeat;background-size:25px 25px}
#footer .nav6{background:url(../_img/common/nav6.png) 50% 7px no-repeat;background-size:25px 25px}
#footer .nav1.on{background:url(../_img/common/nav1_on.png) 50% 7px no-repeat;background-size:25px 25px}
#footer .nav2.on{background:url(../_img/common/nav2_on.png) 50% 7px no-repeat;background-size:25px 25px}
#footer .nav3.on{background:url(../_img/common/nav3_on.png) 50% 7px no-repeat;background-size:25px 25px}
#footer .nav4.on{background:url(../_img/common/nav4_on.png) 50% 7px no-repeat;background-size:25px 25px}
#footer .nav5.on{background:url(../_img/common/nav5_on.png) 50% 7px no-repeat;background-size:25px 25px}
#footer .nav6.on{background:url(../_img/common/nav6_on.png) 50% 7px no-repeat;background-size:25px 25px}

.con{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:0}
.box{border-bottom:1px solid #d8d8d8;margin-bottom:10px;background:#fff}
.full_img{display: block;width: inherit;width: 100%;}
.bar{padding:0 10px}

.point{color:#8ec63f !important}
.point_red{color:#c50a00 !important}

.mb30{margin-bottom:30px !important}
.mb20{margin-bottom:20px !important}
.mb10{margin-bottom:10px !important}
.ml20{margin-left:20px !important}
.ml10{margin-left:10px !important}
.mr20{margin-right:20px !important}
.mr10{margin-right:10px !important}
.mt20{margin-top:20px !important}
.mt10{margin-top:10px !important}

/* btn */
.btn_footer{border-radius:0 !important}
.btn_grayblue{width:100px}
.btn-xs{height:24px !important; font-size:11px !important;padding:2px 10px !important}
.btn_writh{position:fixed;bottom:20px;right:20px}
.btn_writh img{width:50px;height:50px}
.group .btn_member{display:block;width:50px;margin:0 auto}
.group .btn_member img{width:50px;height:50px}

/* 공통 메인상단 */
.main #header{display:none}
.logo{height:50px;padding-left:15px;line-height:50px;color:#eee;font-size:16px}
.logo img{width:85px;height:20px;margin:0 10px 7px 0}
.main #container{padding-bottom:20px}

/* 공통 서브 상단 */
.sub #header{position:fixed;width:100%;height:50px;background:#191919;z-index:999;color:#fff}
.sub #container{padding-top:50px}
/* .sub{height:100%;background:#dee3e4} */


/* 회원가입-로그인 */
.members{height:100%;background:#fff}
.members .login,.members .join{padding:20px}
.members .login>img{margin:50px 0 80px 0}
.members .login .btn,.members .join .btn{margin:10px auto}
.members .login>p{font-size:12px;margin-top:30px}
.members .login>p>a{color:#252525}
.members input{margin-top:15px;}
.members .col-lg-6{padding-left:3px}
.members .col-lg-6:first-child{padding-left:0;padding-right:3px;}
.members .login .login_logo{padding:20px 0 30px 0;}
.members .login .checkbox{margin-bottom:15px}
.members .login .btn-fb,.members .login .btn-gg{padding:6px;text-align:left;font-size:14px}
.members .login .pw{display:block;color:#898989}

/* 회원가입 */
.members .join>img{margin:10px 0 20px 0}
.members>div>p{font-size:15px;font-weight:bold}
.members .join .btn-round-green{margin-top:20px}
.members .join .col-lg-12{position:relative}
.members .join .err{position:absolute;width:100%;top:58px;left:0;font-size:11px;text-align:center}
.members .join .checkbox{margin-bottom:10px}
.members .join .agree{position:relative;margin-bottom:20px;background:#e8f4d9;padding:10px 15px}
.members .join .agree .checkbox a{position:absolute;top:10px;right:2px;font-size:11px;color:#898989}
.members .join .txt{font-size:12px;color:#898989}

/* 비밀번호 찾기 */
.modal-footer{padding:0 !important;border-top:1px solid #d1d3d3 !important}
.modal-footer>div>a{display:block;padding:15px;font-size:16px;color:#4d4d4d;}
.modal-footer>div:first-child>a{border-right:1px solid #d1d3d3}
.modal-footer>div>div>a{display:block;padding:15px;font-size:16px;color:#4d4d4d;}
.modal-footer>div>div:first-child>a{border-right:1px solid #d1d3d3}
.modal-dialog{margin:100px 70px !important;font-weight:bold}
/* .modal-content{background:#edf2f3 !important} */
.modal-body{padding:30px 0}
.modal .bell{width:36px;height:38px;margin:30px auto;background:url(../_img/common/icon_bell.png) 50% 0 no-repeat;background-size:36px 38px}

/* 메인 */
.movie{position:relative;width:100%;padding:56.6% 0 6px}
.movie iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.subject{padding:13px 20px;background:#303030;color:#fff}
.subject2{background:#414141}
.subject:after{display:block;clear:both;content:''}
.subject .btn-round-green:active {background-image: none;}
.subject .col-lg-9 strong{display:block;font-size:16px;}
.subject .col-lg-9 span{display:block;font-size:14px;color:#c9caca}
.date{display:block;font-size:11px;text-align:center;padding-top:3px;color:#c9caca !important}
.main_lst .section1{background:#252525}
.main_lst .section1 li{float:left;width:100%}
.main_lst .section1 li a{display:block;height:45px;line-height:45px;padding:0 15px;color:#808080;font-size:15px}

.btn-xs{height:20px !important;padding:2px 5px !important;line-height:1.2 !important}

#touchSlider5 { width:100%; height:45px; margin:0 auto; padding:10px 0;position:relative; overflow:hidden; }
#touchSlider5 ul { width:99999px; position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider5 .on{color:#fff}

/* .main_lst{padding-bottom:20px} */
.main_lst .section2{padding-bottom:20px;background:#dee3e4}
.main_lst .section2:after{display:block;clear:both;content:''}
.main_lst .section2>p{}
.main_lst .section2>p img{vertical-align:middle}
.main_lst .section2>p a{display:block;padding:10px 15px;color:#595757;font-weight:bold;font-size: 16px;}
.lst  .lst_type .col-lg-6{padding:0 5px}
.lst  .lst_type .col-lg-6>div{padding:5px 3px 5px 3px ;background:#fff}
/* .lst .cont{margin-top:5px} */
.lst .cont:after{display:block;clear:both;content:''}
.lst .cont .col-lg-7{font-size:12px}
.lst  .lst_type{padding:0 5px 0 5px}
.lst  .lst_type:after{display:block;clear:both;content:''}
.lst  .lst_type a{color:#464646;line-height:16px;height:18px}
.lst  .lst_type img{margin-bottom:3px}
.lst{margin-bottom:10px;background:#fff}
.lst h1{padding:10px;font-size:14px}
.lst .movie{margin-bottom:10px;}
.lst2{padding-top:10px}

/* 새벽 설교 리스트 */
.dawn_lst li{border-top:1px solid #ddd;background:#fff}
.dawn_lst li a{display:block;padding:10px 10px 10px 15px;color:#898989}
.dawn_lst li a div:after{display:block;clear:both;content:''}
.dawn_lst li a strong{display:block;color:#464646;font-size:16px;margin-top:3px}
.dawn_lst li a span{color:#898989;font-size:12px}
.hanhong3 li a strong{font-size:16px}
.hanhong3 li a span{font-size:12px;}

/* 메인 필터 */
.top td>a{padding:10px 0;color:#fff;font-size:16px}
.filter{padding:10px;background:#dee3e4}
h2{background:#fff;padding:0 10px 10px 10px;font-size:16px;border-bottom:1px solid #ddd}
.filter>ul>li{padding:10px;background:#fff;margin-bottom:10px}
.info>ul>li{margin-bottom:0 !important}
.filter ul ul{margin-bottom:10px}
.filter li li{float:left;width:50%}
.filter li li a{display:block;padding:5px;color:#898989;padding:10px}
.filter .on{font-weight:bold;color:#8fc440 !important}

/* 메인 상세 */
.subject_v2{}
.subject_v2 .col-lg-3 span{color:#fff}
.subject_v2 em{display:block;color:#adadad;font-size:12px}
.subject_v2 strong{display:block;padding:3px 0}
.subject_v2 span{color:#adadad;font-size:12px}
.main_view{padding-bottom:40px;background:#dee3e4}
.main_view h2{margin:0 10px 10px 10px }
.main_view .txt{padding:10px 0}
.main_view .txt p{padding:25px 15px;background:#fff;color:#727171;text-align:justify}
.main_view .view_lst{padding:0 10px 10px 10px}

.btn_mp3{height:50px;background:#414141}
.btn_mp3 li{float:left;width:33.3333%}
.btn_mp3 li a{display:block;height:50px;padding:5px 0;text-align:center;color:#fff;font-size:12px}

.mp3{position:relative}
.mp3 .player{position:absolute;top:0;left:0;padding:20px;z-index:20}
.mp3>img{position:absolute;top:0;left:0;width:100%;z-index:10}
.mp3 .player .subject{background:rgba(65, 65, 65, 0.5)}
.mp3 .player .play{padding:20px;background:rgba(65, 65, 65, 0.5)}
.mp3 .player .play audio{width:100%;margin:0 auto}
/* .mp3 .player{position:absolute;top:20px;left:20px;} */

/* 마이페이지 */
/* .mypage{} */
.bookmark li{border-top:1px solid #ddd;background:#fff}
.bookmark li:first-child{border:0}
.bookmark li a{display:block;padding:10px 15px;color:#464646;font-weight:bold}
.bookmark li a:after{display:block;clear:both;content:''}
.bookmark li a .date{font-weight:normal}

.snb{padding:10px 0;background:#fff}
.snb li{float:left;width:33.3333%;height:45px;}
.snb li a{display:block;text-align:center;padding-bottom:10px}
.snb li a strong{display:block;color:#464646}

.mypage .menu p{background:#fff;padding:10px 10px 10px 15px;font-weight:bold}
.mypage .menu li{padding:15px;border-top:1px solid #ddd;background:#fff;color:#898989}
.mypage .menu li a{display:block;background:url(../_img/common/icon_arr_detail.png) 100% 50% no-repeat;background-size:8px 15px;color:#898989}

/* 성경 */
.page{position:fixed;top:50px;left:0;width:100%;height:50px;padding:0 15px;line-height:51px;background:#e6e6e6;color:#898989;z-index:1000}
.page strong{font-size:16px}
.page select{height:30px;background-color:#e6e6e6;border:0;font-size:16px;font-weight:bold}
.page select:focus{border:0;  -webkit-box-shadow:none;box-shadow: none;}
.bible .txt{position:relative;padding:60px 5px;background:#fff}
.bible h2{border:0;font-size:18px;padding-top:10px}
.bible .txt p{line-height:22px;padding:10px;text-align:justify}
.bible .txt a{display:block;position:fixed;top:90px;right:0;padding:10px}

/* 소개 */
.info{padding:10px 0 !important}
.info ul ul{margin:0 !important}
.info li li{background:url(../_img/common/icon_arr_detail.png) 90% 50% no-repeat;background-size:5px 10px}
.info li li a{padding:15px 10px !important;color:#1c1c1c;font-size: 16px;}

.info_type1{padding:43px 0 50px 0}
.info_type1>img{margin-bottom:10px}
.info_type1 .cont{padding:20px 15px;background:#fff}
.info_type1 .cont strong{display:block;font-size:16px;color:#252525}
.info_type1 .cont strong span{font-size:14px;padding-left:5px;letter-spacing:-0.5px}
.info_type1 .cont p{margin-bottom:20px;font-size:14px;color:#727171;line-height:22px;text-align:justify}
.info_type1 .cont>div:last-child p{margin:0}
.info_type1 .cover_slider{position:fixed;top:50px;left:0;width:100%;padding:0 15px;background:#414141;}
.info_type1 .cover_slider .on{color:#fff;font-weight:bold}
.info_type1 .cover_slider a{color:#898989;line-height:43px;font-size:16px}

.snb2{padding:0 !important}
.snb2 li{float:left;width:25%}
.snb2 li a{display:block;text-align:center}

.info_type2 h2{padding-top:10px}
.info_type2 .book_lst:after{display:block;clear:both;content:''}
.info_type2 .book_lst{padding:10px;background:url(../_img/common/icon_arr_detail.png)#fff 95% 50% no-repeat;background-size:8px 15px;border-bottom:1px solid #ddd}
.info_type2 .book_lst strong{color:#464646}
.info_type2 .book_lst p{padding-top:10px;font-size:12px;color:#898989;line-height:18px}
.info_type2 .book_lst .col-lg-8{padding-top:5px}

.book_lst_img{height:202px;padding:10px 0;text-align:center;background:#fff}
.book_lst_img img{width:auto;height:100%;border:1px solid #ddd}
.hanhong3 li{background:url(../_img/common/icon_arr_detail.png)#fff 95% 50% no-repeat;background-size:8px 15px;}
.txt .title{color:#464646;background:#fff;padding:20px 15px 10px 15px}
.txt .title strong{display:block;font-size:18px;}

.week .page{top:93px !important}
.week .snb2 li{width:33.3333%}
.week_lst{padding-top:50px;background:#fff}
.week_lst2{padding-top:0 !important}
.week_lst li{background:url(../_img/common/icon_arr_detail.png)#fff 97% 50% no-repeat;background-size:8px 15px;border-bottom:1px solid #ddd}
.week_lst li a{display:block;padding:16px 15px 11px 15px}
.week_lst li a:after{display:block;clear:both;content:''}
.week_lst strong{display:block;color:#221815;font-size:16px}
.week_lst span{display:block;padding-bottom:1px;color:#727171;font-size:12px}
.week_lst .point_red{font-size:16px;font-weight:bold;margin-right:18px}
.week_lst .point_red.text-right{font-size:11px;font-weight:bold;margin-right:18px;color:#c9c9c9;color:#c9c9c9 !important}
.week .cont>div{color:#898989}
.week .cont table{margin-top:20px}
.week .cont thead th{height:30px;padding:5px 0;border-top:2px solid #8ec63f;border-bottom:2px solid #8ec63f;font-size:14px;text-align:center;font-weight:bold}
.week .cont tbody td{height:30px;padding:5px 0;border-left:1px solid #d2e8b2;border-bottom:1px solid #d2e8b2;font-size:14px;text-align:center}
.week .cont tbody td:first-child{border-left:0;text-align:left;padding-left:10px}
.week .cont .mb30 p{font-size:12px}

.info2_tab{margin:10px;background:#fff}
.info2_tab li{float:left;width:33.3333%}
.info2_tab li a{display:block;padding:10px 0;text-align:center;color:#9fa0a0}
.info2_tab .on{color:#8dc63f;font-weight:bold}

.info2_tab2{margin:10px;background:#fff}
.info2_tab2 li{float:left;width:25%}
.info2_tab2 li a{display:block;padding:10px 0;text-align:center;color:#9fa0a0}
.info2_tab2 .on{color:#8dc63f;font-weight:bold}


.info_type3 .book_lst{background:#fff !important}
.info_type3 .book_lst .col-lg-3 img{}
.info_type3 .book_lst .col-lg-3 strong{display:block;width:70px;margin:7px 0 3px 0;font-size:12px;text-align:center}
.info_type3 .book_lst .col-lg-9 strong{font-size:12px}

.hanhong4 .txt>p{padding-top:10px}
.memo_txt{display:none;position:fixed;bottom:54px;left:0;width:100%;padding:15px;z-index:2000;background:#f1f1f1;border-top:1px solid #ccc}
.memo_txt button{background:none;color:#999;margin-bottom:5px}
.memo_txt textarea{width:100%;border:1px solid #ccc}
