.sub_wrap {padding:0 3% 3% 3%; overflow:hidden; min-height:500px; }
img {display:block; }
.sub_wrap h2 {margin-top:80px; line-height:1.4em;}
.sub_wrap h2>img {width:400px; display:inline; }
.sub_wrap h2>span {display:block; font-size:0.6em; padding:5px;  }
.sub_wrap article {line-height:1.8em; }
.sub_wrap iframe {height:200px; }
.lnb_area a {display:block; text-align:center; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;  padding:15px 0; opacity:1; }
.lnb_area a:hover {background:#006663; color:#fff; }
.lnb_area .on {background:#006663; color:#fff; }
.lnb_area .on a:visited, .lnb_area .on a:link {color:#fff; }
.lnb_area {overflow:hidden; border-left:0px solid #cccccc;  }


.testimonywindow {font-size:14px; line-height:24px; text-align:justify; padding:40px; margin:0px; border:15px solid #264080;}
h3 {font-size:24px; font-weight:bold; color:#007a7a; margin:0px; line-height:30px; }
.subtitle {font-weight:bold; color:#000; margin-top:40px;  }
.closewindow {background-color:#ddd; text-align:right; padding:5px; font-weight:bold; margin-top:50px; }
.link_btn_small {padding:6px 15px 6px 15px; margin:0px 4px 0 0; border-radius:3px; background-color:#ffb515; font-size:12px; color:#fff; font-weight:bold;  }
.link_btn_small:hover {background-color:#009f9c; color:#fff; font-weight:bold; }
.link_btn_small:link, .link_btn_small:visited {color:#fff; }
.link_btn_big {display:inline-block; padding:16px 30px 16px 30px; margin:0px 4px 0 0; border-radius:10px; background-color:#ffb515; font-size:18px; color:#ffffff; font-weight:bold;  }
.link_btn_big:hover {background-color:#009f9c; color:#fff; font-weight:bold; }
.link_btn_white {padding:6px 15px 6px 15px; margin:0px 4px 0 0; border-radius:3px; background-color:#ffffff; color:#009f9c; border: 1px solid #009f9c; font-weight:bold; text-align: center; }
.link_btn_white:hover {background-color:#009f9c; color:#fff; font-weight:bold; }
.link_btn_white a {display: block;}

.content {position: relative; float: left;padding:40px 40px 40px 40px; border-left:0px solid #dedede; }
.content h3{padding:20px 0 14px 0; text-align:left;}
.content>p {border-bottom:1px solid #dedede; padding-bottom:30px; }

.story_link>div>div {background:#dee7e7; padding:5% 0%; text-align:center; }
.story_link  h4 span {display:block; }
.story_link  .btn {background:#006663; padding:8px 20px; border:0; border:0 0 0 0; }
.story_link  .btn:hover {background:rgba(50,50,50,0.8);  }
.story_link a:link, .story_link a:visited, .story_link a:active {color:#fff; }

.popup_story {width:70%; max-width:700px; margin:0 auto; border:3px solid #009f9c; padding:6%; line-height:200%; letter-spacing:-1px; }
.popup_story h1 {color:#000; font-weight:normal; line-height:120%; }
.popup_story ul li {overflow:hidden; }
.popup_story p {margin-bottom:20px; font-size:16px; }
.popup_story .close_icon { width:30px; height:30px; }
.popup_story .close_icon  {opacity:0.9; transition:all 0.5s ease 0s; }
.popup_story .close_icon :hover {opacity:1; transform:rotate(180deg);}
/***** prophet_area *****/
.prophet_area {padding:0px; margin:30px 0; border-top:2px solid #ededed; }
.prophet_area>li {border-bottom:2px solid #ededed; padding:40px 0 20px 0; }
.prophet_area>li:nth-last-child(1) {border:0}
.prophet_area>li img {float:left; margin:0 20px 90px 0; }
.prophet_area li .title {font-weight:bold; display:block; padding-left:20px; }
.prophet_area li .txt {display:block; margin-left:20px; }

.clf_schedlule {border: 5px solid #cdcdcd; float: none; padding: 40px; box-sizing: border-box;}
.clf_schedlule span {font-size: 1.2em; color: #126663; font-weight: bold;}

/* 신앙생활 Q&A */
.content  .faq {position:relative; float:left}
.content  .faq h3 {line-height:20px; width:140px; border-bottom:2px solid #16706f; letter-spacing:-2px; padding:20px 0 14px 0; text-align:left;}
.content  .faq>p { float:left; width: 400px; margin-top:10px; color:#494949; font-size:15px;}
.content  .faq .h_img {width:20px; margin:30px 0px 0px -20px; float:left;  }
.content  .faq .f_img {margin-top:-30px; float:right; }
.content  .faq>p a { text-shadow:2px 1px 15px #999; padding:8px 15px 8px 15px; margin-top:10px; float:left; border-radius: 7px; font-size:17px; color:#fff; }
.content  .faq .faq_page {width:100%; margin:30px 0px 20px 0px;  }
.content  .faq .faq_page #currentpage {margin:30px 0px 20px 0px;  float:left; }
.content  .faq .faq_page ul {margin:0 auto; }

.faq .faq_page ul {clear:both;}
.faq .faq_page ul li {float:left; overflow:hidden; border:1px solid #16706F; border-top:15px solid #16706f; text-align:center; margin:0.5%; width:23%; height:194px;  border-top:15px solid #16706f; font-size:24px; color:#16706f; }
.faq .faq_page ul li a {line-height:300px; display:block;  height:194px; font-size:24px; color:#16706f; }
.faq .faq_page ul li .bible {background:url("/images/counsel/bible.png") center 40px no-repeat; }
.faq .faq_page ul li .bible:hover, .faq .faq_page ul li .bible_on {background:url("/images/counsel/bible_on.png") center 40px no-repeat; color: #fff;}
.faq .faq_page ul li:hover, .faq .faq_page ul .on { background-color:#16706f; color:#fff; border-top:15px solid #ffcc44; }
.faq .faq_page ul li .faith {background:url("/images/counsel/faith.png") center 40px no-repeat; }
.faq .faq_page ul li .faith:hover, .faq .faq_page ul li .faith_on  {background:url("/images/counsel/faith_on.png") center 40px no-repeat; color: #fff;}
.faq .faq_page ul li .etc {background:url("/images/counsel/etc.png") center 40px no-repeat; }
.faq .faq_page ul li .etc:hover, .faq .faq_page ul li .etc_on  {background:url("/images/counsel/etc_on.png") center 40px no-repeat; color: #fff;}
.faq .faq_page ul li .life {background:url("/images/counsel/life.png") center 40px no-repeat; }
.faq .faq_page ul li .life:hover, .faq .faq_page ul li .life_on  {background:url("/images/counsel/life_on.png") center 40px no-repeat; color: #fff;}

 .faq .faqlist {float:left;  line-height:1.6em; text-align:justify; }
 .faq .faqlist>h3 {text-align:left;  padding:20px 0px 14px 0px; letter-spacing: -2px; border-bottom:2px solid #16706f; width:50px; line-height:20px; float:left; }
 .faq .faqlist>a {color:#494949; padding:8px; }
 .faq .faqlist>a.selected { border-top:0px; background-color:#f9bd07; }
 .faq .faqlist p {color:#494949; background:#f6f6f6; }

/** 신앙상담 Q&A **/
.faqarea {width:690px; font-size:14px;margin-bottom:50px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.faqarea li {border-bottom:1px solid #ddd; list-style:none; margin:0px; padding-top:5px; }
.openquestion {height:60px; border-top:3px solid #333; border-bottom:1px solid #ddd; background-color:#f2f2f2; list-style:none; font-weight:bold; color:#3366CC; padding-top:10px; }
.btmline {border-bottom:1px solid #333; margin-bottom:5px; }
.banner { margin:30px 0px;}
.top_list {float:left;}
.top_list img{margin:20px 0px 30px 30px; float:left;}
.faqtitle{font-weight:bold; color:#264080; padding-top:20px;}

/** story_vod 변화된 사람들의 이야기 추가 **/
.story_vod {margin-top:15px; overflow:hidden; }
.story_vod dt {margin-bottom:10px; }
.story_vod dd {padding-bottom:40px; overflow:hidden; }
.story_vod dd>p {margin-top:10px; font-size:18px; font-weight:bold; letter-spacing:-1px;  }
.story_vod dd>p>span {font-size:16px; font-weight:normal; color:#999; }

.cardnews li>div {margin:5%; position:relative; }
.cardnews li img {position:relative; z-index:1;  width:100%; left:0; top:0; }
.cardnews li>div>div {text-align:center; position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:all 0.4s ease 0.2s; }
.cardnews li>div>div:hover {background:rgba(0,102,99,0.8); }
.cardnews li>div>div h4 {position:absolute; text-align:center;  width:100%; top:12%; color:#fff; font-size:26px; line-height:1.2em; }
.cardnews li>div>div h4 a {display:block; padding:20% 10%; color:#fff; }
.cardnews li>div>div a:link, .cardnews li div a:hover, .cardnews li div a:visited {color:#fff;  }
.cardnews li>div>div .sns_share { position:absolute; left:50%; margin-left:-106px; top:53%;}
.cardnews li>div>div .sns_share {display:none; transition:all 0.4s ease 0.2s;  }
.cardnews li>div>div:hover .sns_share {display:block; opacity:1; }

.cardnews_view li div {padding:5%;  }
.cardnews_view .fwImage {border:3px solid #e1e1e1; }

.cardnews_view .sns_share {position:absolute; left:50%; margin-left:-105px; }
.basic  {
    margin-top:20px;
    float:left;
    border-bottom: 1px solid lightgray;

}
.basic div {
    padding: 30px;
    background-color: #f6f6f6;
}

.basic p {
    margin-bottom : 10px;
    border: none;
    text-decoration: none;
    font-size: 14px;
    text-align:justify;
    margin: 0px;
    padding: 20px;
    line-height:24px;
}
.basic a {
    cursor:pointer;
    display:block;
    padding:15px;
    margin-top: 0;
    text-decoration: none;
    font-weight: bold;
    color: black;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;

}
.basic a:hover {
    background-color: white;
}
.basic a.selected {
    color: black;
    background-color: #ffcc44;
}


/** 세미나다시보기 페이지 view **/
.seminar_view {width:100%; padding:0px 0px 30px 0px; border:0px solid #686c6e; overflow:hidden;  }
.seminar_view .btn_area {background-color:#686c6e; padding:12px; height:14px; text-align:right; }
.seminar_view .btn_area p {float:right; margin-right:0px; }
.seminar_view .btn_area .close {cursor: pointer; }
.seminar_view h3 {font-size:18px; margin:0px 0 0px 0px; letter-spacing:-1px;  }
.seminar_view .vod {float:left; margin:0 0px 0 0px; height:500px; background-color:#666; color:#ccc;}
.seminar_view>ul {float:left;  height:500px; border-top:1px solid #cccdcd; border-bottom:1px solid #cccdcd; }
.seminar_view>ul li {font-size:15px; background-color:#f0f0f0; line-height:1.3em;padding-bottom:10px; letter-spacing:-1px; border-top:1px solid #fff; border-bottom:1px solid #cccdcd;  overflow:hidden; }
.seminar_view>ul li:hover {background-color:#e5e5e5; color:#e36000; }
.seminar_view>ul li a {display:block; padding:14px 10px 6px 10px; overflow:hidden; text-align:left; }
.seminar_view>ul li a:hover {text-decoration:none; color:#e36000; }
.seminar_view>ul li a span {display:block; color:#555; }
.seminar_view>ul li a small {font-size:0.8em; color:#888; }
.seminar_view>ul>li>.btn {padding:6px 3px 6px 3px; border:1px solid #eee; margin-right:5px; margin-bottom:8px; text-align:center; width:60px; background-color:#aaa; float:right; letter-spacing:-1px; font-weight:normal; color:#fff; line-height:14px;}
.seminar_view>ul>li>.btn:hover {background-color:#7accec; color:#fff; }
.seminar_view .sermon_list_new .btn_new {padding:5px ; border:1px solid #eee; margin-right:5px; text-align:center; width:60px; background-color:#ffb515; float:right; letter-spacing:-1px; font-weight:normal; color:#fff; line-height:14px;}
.seminar_view .sermon_list_new .btn_new:hover {background:#009f9c; }
.seminar_view iframe {height:500px; }

@media all and (max-width:767px) {
    .sub_wrap p br {display:none; }
    .sub_wrap h2 {margin-top:50px;}
    .sub_wrap .plt20, .sub_wrap .prt20 {padding-left:0; padding-right:0; }

    .xs-hidden {display:none; }
    .story_vod dd p span {display:none; }
    .lnb_area {font-size:14px;  }
    .sub_wrap h2>img {width:300px; }

    .m_none {display:none; }
    .link_btn_big {font-size:14px; }

    .seminar_view .vod {height:200px;}
    .seminar_view iframe {height:200px; }

    .seminar_view>ul {height:300px; border-bottom:1px solid #888; }

    .cardnews li>div>div .sns_share {top:53%;}

}