/* =========================
   HEADER FINAL CLEAN FIX
========================= */

#gospel-header-wrap {
    background: #fff !important;
}

/* 메뉴 기본 */
.header-gnb li a,
.header-gnb li a h2 {
    color: #333 !important;
}

/* hover */
.header-gnb li a:hover,
.header-gnb li a:hover h2 {
    color: #000 !important;
}

/* 서브메뉴 */
.sub-menu li a {
    color: #555 !important;
}

/* 링크 기본 */
#gospel-header-wrap a {
    text-decoration: none !important;
}
<style>
body {
    background: red !important;
}
</style>
<script src="http://www.gospelch.or.kr/js/viewimageresize.js"></script>

<div class="container-xxl pl15 pr15">

<!-- 게시물 읽기 시작 { -->

<article id="bo_v" style="width:100%">
    <header>
        <h2 id="bo_v_title">
                        <span class="bo_v_tit">
            가정예배8호,성경보기구약편39호</span>
        </h2>
    </header>

    <section id="bo_v_info">
        <h2>페이지 정보</h2>
        <span class="sound_only">작성자</span> <strong><span class="sv_member">전성미</span></strong>
        <span class="sound_only">댓글</span><strong><a href="#bo_vc"> <i class="fa fa-commenting-o" aria-hidden="true"></i> 0건</a></strong>
        <span class="sound_only">조회</span><strong><i class="fa fa-eye" aria-hidden="true"></i> 22,322회</strong>
        <strong class="if_date"><span class="sound_only">작성일</span><i class="fa fa-clock-o" aria-hidden="true"></i> 17-10-18 16:40</strong>

    </section>

    <section id="bo_v_atc">
        <h2 id="bo_v_atc_title">본문</h2>

		<div>
<a href="http://www.gospelch.or.kr/data/file/bibleview/1914615815_4FYanKev_EC84B1EAB2BDEBB3B4EAB8B082C39001.jpg" data-fancybox='gallery'><img src="http://www.gospelch.or.kr/data/file/bibleview/thumb-1914615815_4FYanKev_EC84B1EAB2BDEBB3B4EAB8B082C39001_600x424.jpg" alt=""/></a></div>

        <!-- 본문 내용 시작 { -->
        <div id="bo_v_con">
			<div class="document_139  wr_content"> 가정예배8호,성경보기구약편39호 <p> </p></div>			</div>
                <!-- } 본문 내용 끝 -->

        

        <!--  추천 비추천 시작 { -->
                <!-- }  추천 비추천 끝 -->
    </section>

    <div id="bo_v_share">
        
            </div>

    
        <!-- 첨부파일 시작 { -->
    <section id="bo_v_file">
        <h2>첨부파일</h2>
        <ul>
                    <li>
                <i class="fa fa-download" aria-hidden="true"></i>
                <a href="http://www.gospelch.or.kr/bbs/download.php?bo_table=bibleview&amp;wr_id=139&amp;no=0&amp;page=5" class="view_file_download">
                    <strong>가정예배8,구약39.hwp</strong>
                </a>
                 (24.0K)
                <span class="bo_v_file_cnt">24회 다운로드 | DATE : 2017-10-18 16:40:42</span>
            </li>
                </ul>
    </section>
    <!-- } 첨부파일 끝 -->
    
    
    <!-- 게시물 상단 버튼 시작 { -->
    <div id="bo_v_top">
        
        <ul class="bo_v_left">
                                                                    </ul>

        <ul class="bo_v_com">
           <li><a href="./board.php?bo_table=bibleview&amp;page=5" class="btn_b01 btn"><i class="fa fa-list" aria-hidden="true"></i> 목록</a></li>
                                </ul>

                <ul class="bo_v_nb">
            <li class="btn_prv"><span class="nb_tit"><i class="fa fa-caret-up" aria-hidden="true"></i> 이전글</span><a href="./board.php?bo_table=bibleview&amp;wr_id=140&amp;page=5">가정예배9호,성경보기구약편40호</a> <span class="nb_date">17.10.26</span></li>            <li class="btn_next"><span class="nb_tit"><i class="fa fa-caret-down" aria-hidden="true"></i> 다음글</span><a href="./board.php?bo_table=bibleview&amp;wr_id=138&amp;page=5">가정예배7호,성경보기구약편38호</a>  <span class="nb_date">17.10.11</span></li>        </ul>
                    </div>
    <!-- } 게시물 상단 버튼 끝 -->

    
<script>
// 글자수 제한
var char_min = parseInt(0); // 최소
var char_max = parseInt(0); // 최대
</script>
<button type="button" class="cmt_btn"><i class="fa fa-commenting-o" aria-hidden="true"></i> 댓글목록</button>
<!-- 댓글 시작 { -->
<section id="bo_vc">
    <h2>댓글목록</h2>
        <p id="bo_vc_empty">등록된 댓글이 없습니다.</p>
</section>
<!-- } 댓글 끝 -->

<!-- } 댓글 쓰기 끝 --><script src="http://www.gospelch.or.kr/js/md5.js"></script>


</article>
<!-- } 게시판 읽기 끝 -->

</div>

<script>

function board_move(href)
{
    window.open(href, "boardmove", "left=50, top=50, width=500, height=550, scrollbars=1");
}
</script>

<script>
$(function() {
    $("a.view_image").click(function() {
        window.open(this.href, "large_image", "location=yes,links=no,toolbar=no,top=10,left=10,width=10,height=10,resizable=yes,scrollbars=no,status=no");
        return false;
    });

    // 추천, 비추천
    $("#good_button, #nogood_button").click(function() {
        var $tx;
        if(this.id == "good_button")
            $tx = $("#bo_v_act_good");
        else
            $tx = $("#bo_v_act_nogood");

        excute_good(this.href, $(this), $tx);
        return false;
    });

    // 이미지 리사이즈
    $("#bo_v_atc").viewimageresize();

    //sns공유
    $(".btn_share").click(function(){
        $("#bo_v_sns").fadeIn();
   
    });

    $(document).mouseup(function (e) {
        var container = $("#bo_v_sns");
        if (!container.is(e.target) && container.has(e.target).length === 0){
        container.css("display","none");
        }	
    });
});

function excute_good(href, $el, $tx)
{
    $.post(
        href,
        { js: "on" },
        function(data) {
            if(data.error) {
                alert(data.error);
                return false;
            }

            if(data.count) {
                $el.find("strong").text(number_format(String(data.count)));
                if($tx.attr("id").search("nogood") > -1) {
                    $tx.text("이 글을 비추천하셨습니다.");
                    $tx.fadeIn(200).delay(2500).fadeOut(200);
                } else {
                    $tx.text("이 글을 추천하셨습니다.");
                    $tx.fadeIn(200).delay(2500).fadeOut(200);
                }
            }
        }, "json"
    );
}

// 유튜브 반응형 
const viewContent = document.getElementById("bo_v_con");

if (viewContent) {
    const iframe = viewContent.querySelector("iframe");
    if (iframe) {
        const wrapperDiv = document.createElement("div");
        wrapperDiv.className = "youtube_container";

        // iframe을 새 div에 추가.
        wrapperDiv.appendChild(iframe.cloneNode(true));
        
        // 원본 iframe을 새로운 div로 교체.
        iframe.parentNode.replaceChild(wrapperDiv, iframe);

        console.log("Iframe is now wrapped in a div.");
    } else {
        console.log("No iframe found.");
    }
} else {
    console.log("Element with id 'bo_v_con' not found.");
}
</script>
<!-- } 게시글 읽기 끝 -->
<!-- footer -->
<footer id="my-footer">
    <div class="container-xxl pl15 pr15">
        <div class="row">
            <div class="col-xl-10 col-md-8 col-12">

                <ul class="footer-menu">
                    <li><a href="/">홈</a></li>
                    <li><button type="button" data-bs-toggle="modal" data-bs-target="#provisionModal">이용약관</button></li>
                    <li><button type="button" data-bs-toggle="modal" data-bs-target="#privacyModal">개인정보취급방침</button></li>
                    <li><button type="button" data-bs-toggle="modal" data-bs-target="#emailNoModal">이메일무단수집거부</button></li>
                </ul>

                <ul class="footer-info">
                    <li>주소 : (58733) 전남 목포시 동명로86번길 10 목포복음교회</li>
                    <li>대표전화 : (061)242-6401</li>
                    <li>Fax : (061)242-6405</li>
                </ul>

                <p class="footer-copy">Since2008 © 목포복음교회. All Rights reserved</p>

            </div>

            <div class="col-xl-2 col-md-4 col-12">
                <div class="logo">
                    <a href="/">
                        <img src="/theme/gospelch_new/images/logo.svg" alt="목포복음교회"/>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div id="btn_top"></div>
</footer>

<!-- modal -->
<div class="modal fade" id="searchModal"></div>
<div class="modal fade" id="provisionModal"></div>
<div class="modal fade" id="privacyModal"></div>
<div class="modal fade" id="emailNoModal"></div>

<script>
$(function () {
    font_resize("container", get_cookie("ck_font_resize_rmv_class"), get_cookie("ck_font_resize_add_class"));
});

function fsearchbox_submit(f)
{
    if (f.stx.value.length < 2) {
        alert("검색어는 두글자 이상 입력하십시오.");
        return false;
    }
    return true;
}

AOS.init();
</script>



<!-- ie6,7에서 사이드뷰가 게시판 목록에서 아래 사이드뷰에 가려지는 현상 수정 -->
<!--[if lte IE 7]>
<script>
$(function() {
    var $sv_use = $(".sv_use");
    var count = $sv_use.length;

    $sv_use.each(function() {
        $(this).css("z-index", count);
        $(this).css("position", "relative");
        count = count - 1;
    });
});
</script>
<![endif]-->

</body>
</html>

<!-- 사용스킨 : theme/basic -->