/* style s */
/* style s */
.header-right{float : right}
#church_logo{float : left; margin:15px 0px 15px;}
.header-right ul { padding:8px 15px; text-align:center; background-color:#2D3238; margin-bottom:30px;}
.header-right ul li{ display : inline-block; border-right:1px solid #fff; padding:0px 10px; color : #fff}
.header-right ul li img { float:left; }
.header-right ul li:last-child {border:none;}
.box_2 ul li {border-right : 1px solid #EAEAEA ; }
.box_3 ul li {float : left}
.box_01 {padding : 0 !important}
.box_01 img {margin-right : -2px}
.bottom_right3 { margin-bottom:10px; text-align:center;}
.bottom_right3 span { text-align:center; font-size:13px;}
.header-right ul li a {color :#fff ; padding : 0px 6px; font-size:12px; text-decoration:none; letter-spacing:-1px;}
.box_2{text-align : center}
.container { padding-left: 7px; padding-right: 7px; }

.page-content {
    margin-bottom: 50px;
}

.layout-sub .sub-top {
    height: 261px;
    background-size: auto 100%;
    background-position: center;
}

.layout-sub .sub-pos {
    height: 42px;
    border-bottom: 1px solid #E0E0E0;
    text-align: right;
}

    .layout-sub .sub-pos a,
    .layout-sub .sub-pos span {
        padding: 12px 5px;
        display: inline-block;
        color: #777;
    }

    .layout-sub .sub-pos a {
        text-decoration: none;
    }

        .layout-sub .sub-pos a img {
            vertical-align: middle;
            margin-top: -2px;
            margin-right: 1px;
        }

.layout-sub .content-wrapper {
    margin-top: 25px;
    margin-bottom: 40px;
}

    .layout-sub .content-wrapper .sub-lnb {
        width: 240px;
        float: left;
    }

        .layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-title {
            font-size: 30px;
            color: #2D2D2D;
            margin-bottom: 30px;
            margin-top: 12px;
        }

        .layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus a {
            color: #000;
            display: inline-block;
            width: 100%;
            text-decoration: none;
        }

        .layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li {
            margin-bottom: 6px;
        }

            .layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li > a {
                padding: 14px 15px;
                border: 1px solid #17447B;
                font-size: 20px;
                font-weight:600;
            }

                .layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li > a:before {
                    content: ' - ';
                }

                .layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li > a:hover,
                .layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li.active > a {
                    background: #17447B;
                    color: #fff;
                }
                 .layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li.active > ul > li.active  > a{
                    text-decoration:underline
                }

            .layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li > ul {
                background: #F3F3F3;
                padding: 19px 22px;
                display: none;
            }

            .layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li.active > ul {
                display: block;
            }

            .layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li > ul > li {
                margin-bottom: 12px;
            }

                .layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li > ul > li:last-child {
                    margin-bottom: 0;
                }

                .layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li > ul > li > a {
                    font-size: 14px;
                     padding-left:10px;
                        
                       
                }

                /*●*/
                /*
                    .layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li > ul > li > a:before {
                        content: '-'; 
                        position: relative;
                        top: -2px;
                        margin-right: 7px;
                    }
                    */
                    .layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li > ul > li > a:hover,
                    .layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li > ul > li.active > a {
                        color: #000;
                    }

    .layout-sub .content-wrapper .sub-content {
        float: right;
        width: 840px;
        padding: 0 0;
    }

        .layout-sub .content-wrapper .sub-content .content-title {
            font-size: 21px;
            margin-top: 8px;
            padding: 12px 0 30px 0;
            font-weight: 800;
            color: #333;
            position: relative;
        }

#dimodePage .page-content .school .table thead > tr > th,
#dimodePage .page-content .school .table tbody > tr > th,
#dimodePage .page-content .school .table tfoot > tr > th,
#dimodePage .page-content .school .table thead > tr > td,
#dimodePage .page-content .school .table tbody > tr > td,
#dimodePage .page-content .school .table tfoot > tr > td {
    padding: 5px 10px;
}


#component5331 { padding:60px!important; }
#component9697 { padding:60px!important; }
#component7834 img { height:200px!important; }
#component7834 { padding:60px!important; }



.board-theme a, .board-theme td, .board-theme span, .board-theme p,
.board-theme .theme-list table th, .board-theme .theme-list table td, .btn,
.theme-detail *, #dimodeBoard.board-detail .files-in-detail .each-file,
#dimodeComment form.write-form .write-writer { font-size:15px !important; font-family:'NanumGothic';  }
    
.board-theme .theme-list table th, .board-theme .theme-list table td {     padding: 14px 8px !important;  }

.board-theme .theme-detail .detail-upper .document-readed_count { display:none !important; }

#intro1 { margin:0 auto; padding:30px; width:80%; background:#efefef; font-size:20px; color:#333;  margin-bottom:50px;   }

.intro2 { padding:20px 0px; border-top:1px solid #ddd; }
.intro2 table { width:100%; table-layout:fixed; border:0px;  }
.intro2 table td { padding:0px 5px; }
.intro2 table img { height:153px; width:100%;  }
.intro2 p { text-align:center; font-size:22px; padding-top:58px; }
.intro2 p span { color:rgb(52, 152, 219); font-weight:600; }

.files-in-detail  { display:none; }

.bus { width:100%; border:0px; }
.bus th { font-size:18px; text-align:center; border:1px solid #ddd; width:120px;     background: #70b4d6;
    color: #fff; }
.bus td { font-size:16px; text-align:center; border:1px solid #ddd; }
.bus td:last-child { text-align:left; line-height:170% !important; }

.school1 { background:#013585; margin-bottom:30px; }
.school1 * { color:#fff; }
.school1-1 { padding:30px; }
.school1-2 { padding:0px; text-align:right; }
.school1-2 img { max-height:350px; }
.school1-title0 { font-size:20px; margin-bottom:0px; color:#eee;  }
.school1-title1 { font-size:30px;  }
.school1-title2 { font-size:26px; margin-top:30px;  }
.school1-text { font-size:18px; margin-top:20px;  color:#fff; }

.school-widget-title { font-size:20px; margin-bottom:0px; }
.school-widget-title a { color:#333 !important; text-decoration:none; }

#mainTabContent, #mainTabContent2 { position:relative; }
#mainTabContent .album_img,
#mainTabContent2 .album_img  { height: 175px; background-size:120% auto !important; background-position:center center !important;  position:relative; }
#mainTabContent2 .album_img { margin-bottom:30px; height: 135px; }
#mainTabContent .board_title,
#mainTabContent2 .board_title { position:absolute; bottom:0px; left:0px; width:100%; background:rgba(0,0,0,0.7); padding:8px; font-size:14px; text-align:center; margin-bottom:0px; }
#mainTabContent a,
#mainTabContent2 a { color:#fff; text-decoration:none; }

.school-table { width:100%; }
.school-table td { font-size:15px; padding:8px 6px !important;  }
.school-table td:last-child { text-align:right; color:#777; visibility: hidden; }
.school-table td a.document { color:#000 !important; }

.document-extendedValue_sdate,
.document-extendedValue_sbible,
.document-extendedValue_bspeaker { white-space:nowrap; word-break:keep-all; }

span.file{ display:none; }

/*교회 요청으로 게시판 상세 페이지의 등록일 보이지 않도록 처리. [2023-09-06]*/
.board-theme .theme-detail .detail-top .document-regdate {
	display: none;
}

@media (max-width:768px) {
        #footer { padding: 30px 15px;}
        .footer-info { clear:both;}
    #footer-logo { display:block; width:100%;}
    .footer-info { margin-top:15px;}
    .navbar-toggle { display:block!important;}
}
@media (max-width:767px) {
    #component9804 {
        width: 100% !important;
    }
    #component2814 {
        width: 100% !important;
    }
    #component3717 > #unit1647 > table > tbody > tr > td:first-child > span:first-child {
        white-space:nowrap;
    }
    #component5952 > #unit3423 > table > tbody > tr > td:first-child > span:first-child {
           white-space:nowrap;
    }

    #component2465 > #unit5976 > table > tbody > tr > th{
        width:20%;
    }
    #component2465 > #unit5976 > table > tbody > tr > th:last-child{
        width:40%;
    }

    #component4525 > #unit8085 > table > tbody > tr > th {
         width:20%;
    }

    #component4525 > #unit8085 > table > tbody > tr > th:last-child{
        width:40%;
    }

    #component8609 #unit5141 > div > span{
        font-size:17px;
    }

		.board-theme .theme-list table td.document-extendedValue_jubodate { display:table-cell !important; }
		
		#unit3744 table td { word-break:keep-all; padding:8px 0px;  }
		#unit3744 table td span { font-size:14px !important; line-height:150% !important; }
		
		#intro1 { padding:10px; font-size:16px; word-break:keep-all; width:90% !important; }
		#unit3104 * { font-size:15px !important; word-break:keep-all; }
		
		.intro2 table img { height:100px !important; }
		
		#unit1940 p span { word-break:keep-all; font-size:18px !important; }
		
		#component3967 { padding:15px !important; }
		#component3967 div { word-break:keep-all; font-size:15px !important; }
		
		#unit5644 > img { height:inherit !important; }
		
		#unit1122 .deep { padding-left:0px !important; }
		#unit1122 .deep p { font-size:16px !important; word-break:keep-all; line-height:160%; }
		
		#unit4549 div { font-size:16px !important; word-break:keep-all; }
		
		.board-theme .theme-list table td.document-extendedValue_sdate { display:inline-block; width:100%; text-align:left; padding:5px 8px 0px !important; font-size:14px !important; border-top:2px solid #777; border-bottom:0px; font-size:14px; }
		.board-theme .theme-list table td.document-category, .board-theme .theme-list table td.document-title { display:block !important; width:100%; padding:8px !important; border-top:0px; font-weight:600; }
		.board-theme .theme-list table td.document-extendedValue_sbible { display:inline-block; width:50%; text-align:left; padding:5px 8px !important;  font-size:14px !important; }
		.board-theme .theme-list table td.document-extendedValue_bspeaker { display:inline-block; width:50%; text-align:right; padding:5px 8px !important;  font-size:14px !important; }
		
}
/* style e */

/* style e */