/*#gnb-bar { margin-bottom:15px;}*/

.wrap-sub {
    /*padding:33px 0;*/
    overflow: hidden;
    min-height: 735px;
}

    .wrap-sub .sub-top-img {
        position: relative;
    }

        .wrap-sub .sub-top-img img {
            width: 100%;
        }

    .wrap-sub > div > div {
        /*display:inline-block;*/
    }

    .wrap-sub .wrap-lnb {
        /*width:200px;*/
    }

        .wrap-sub .wrap-lnb .each-menu > a {
            display: block;
            padding: 10px;
            background: #FFF;
            color: #333;
            font-size: 14px;
            border-top: 1px solid #ECECEC;
            text-decoration: none;
        }

        .wrap-sub .wrap-lnb .each-menu.active > a {
            background: #3D6B9C;
            color: #FFF;
        }

        .wrap-sub .wrap-lnb .each-menu > .each-menu > a {
            border-top: 0;
        }

        .wrap-sub .wrap-lnb .each-menu > .each-menu.active > a {
            background: #FFF;
            color: #000;
            font-weight: 600;
        }

        .wrap-sub .wrap-lnb .each-menu i {
            display: none;
            font-size: 20px;
        }

        .wrap-sub .wrap-lnb .each-menu.active i {
            display: inline-block;
        }

    .wrap-sub .wrap-sub-content {
        float: right;
        background: #FFF;
        /*width:890px;*/
        padding: 0 22px;
        min-height: 650px;
        
        padding-bottom:50px;
    }

        .wrap-sub .wrap-sub-content .lnb-title {
            font-size: 27px;
            font-weight: 600;
            margin-bottom: 22px;
        }

#component1722 {
    width: initial !important;
}

#component1752 ~ .dimode-sort {
    margin: 10px 0px;
}

#component3339 > .row {
    margin: 10px 0px;
}

#component5814 > .row {
    margin: 10px 0px;
}

#component5594 > .row {
    margin: 10px 0px;
}

#component8095 > .dimode-sort {
    margin: 10px 0px;
}

#component2533 > .dimode-sort, #component6691 > .dimode-sort {
    margin: 10px 0px !important;
}

#component9657 > .dimode-sort {
    margin: 10px 0px;
}

#component1316 > .dimode-sort {
    margin: 10px 0px;
}

#component8243 > .dimode-sort {
    margin: 10px 0px;
}

#component6320 > .dimode-sort {
    margin: 10px 0px;
}

#component5877 > .row {
    margin: 10px 0px;
}

#component1239 ~ .dimode-sort {
    margin: 10px 0px;
}

#component9069 > .dimode-sort {
    margin: 10px 0px;
}

#component2373 > .dimode-sort {
    margin: 10px 0px;
}


#component8544 > .dimode-sort {
    margin: 10px 0px;
}

#component5064 > .row {
    margin: 10px 0px;
}


#sub-top-text {
    position: absolute;
    top: 50%;
    text-align: right;
    width: 100%;
    color: #fff;
    font-size: 50px;
    margin-top: -19px;
}

    #sub-top-text p {
        margin: 0px;
        line-height: 100%;
    }

.document-category, .document-regdate {
    word-break: keep-all;
    white-space: nowrap;
}

.board-theme.gallery .theme-list > .each-document {
    width: 33% !important;
    margin-bottom: 30px !important;
}
  .board-theme.gallery .theme-list > .each-document > a.title-image {
        width: 100% !important;
        height: 185px !important;
    }
    

    .board-theme.gallery .theme-list > .each-document > a.title {
        width: 100% !important;
        font-size: 18px !important;
        font-family: 'NanumBarunGothic';
    }

#recent-sermon h2 {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.theme-detail .document-extended_keys {
    display: none;
}
.board-num_45333 .document-extended_keys { display:block !important; }


.subgnb_tab {
    overflow: hidden;
    border-bottom: 2px solid #777;
    margin-bottom: 30px;
}

    .subgnb_tab li {
        float: left;
        padding: 8px 20px;
        border: 1px solid #ddd;
        border-right: 0px;
        border-bottom: 0px;
        background: #efefef;
    }

        .subgnb_tab li a {
            font-size: 15px;
            color: #555;
            text-decoration: none;
        }

        .subgnb_tab li:last-child {
            border-right: 1px solid #ddd;
        }

        .subgnb_tab li.active {
            border: 2px solid #777;
            border-bottom: 0px;
            background: #fff;
        }

            .subgnb_tab li.active a {
                color: #333;
                font-weight: 600;
            }

.mission_title {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    margin-top: 45px;
    margin-bottom: 20px;
}

.swiper-slide {
    text-align: center;
}

.sub_tab_content {
}

.sub_tab {
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
}

    .sub_tab li {
        float: left;
        border: 1px solid #ddd;
        cursor: pointer;
        text-align: center;
        padding: 8px 0px;
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        .sub_tab li.active {
            background: #097EFA;
            color: #fff;
        }

        .sub_tab li:last-child {
            border-right: 1px solid #ddd;
        }

.sub_tab_content ul {
    margin-top: 30px;
}

    .sub_tab_content ul li {
        font-size: 18px;
        padding: 8px 5Px;
    
    }
    
.board-theme .theme-list table th, .board-theme .theme-list table td{
    font-size:15px!important; font-family:'nanumsquare'; 
}
.board-theme .theme-list table td.document-regdate,
.board-theme .theme-list table td.document-writer,
.board-theme .theme-list table td.document-readedcount { font-size:13px !important; white-space:nowrap; }
.board-theme .theme-list table th, .board-theme .theme-list table td { padding:14px 8px !important; }
.board-theme .theme-detail .detail-top .document-title { font-size:16px !important; font-weight:400 !important; }
#dimodeBoard.board-detail .files-in-detail .each-file { font-size:15px !important; }
.detail-content iframe { width:100%; height:500px; }
    

@media(max-width:1200px)
{
		.board-theme.gallery .theme-list > .each-document { width:32% !important; }
		.board-theme.gallery .theme-list > .each-document > a.title-image { height:150px !important; }   
}
    

@media(max-width:767px) {
		.board-theme.gallery .theme-list > .each-document { width:32% !important; }
		.board-theme.gallery .theme-list > .each-document > a.title-image { height:130px !important; }
    .subgnb_tab li {
        padding: 5px 8px;
    }

        .subgnb_tab li a {
            font-size: 12px;
        }

    .wrap-sub .sub-top-img img {
        max-width: inherit;
        width: 250%;
        position: absolute;
        top: 0px;
        left: 50%;
    }

    .sub-top-img {
        position: relative;
        height: auto;
    }

    .lnb-title {
        border-bottom: 1px solid #ddd;
        padding-bottom: 5px;
    }

    #unit6923 {
        border-width: 0px;
        margin: 0px;
        padding: 0px;
        text-align: left;
    }

        #unit6923 img {
            height: initial !important;
        }

    #unit7838 {
        padding: 0px 10px 0px 0px !important;
    }

    #unit9227 {
        padding: 0px 0px 0px 0px !important;
    }

    #unit9398 {
        padding: 0px 0px 0px 0px !important;
    }

    #component1616 {
        padding: 0px 0px 30px 0px !important;
    }

    #component3849 {
        padding: 0px !important;
    }

        #component3849 .row, #component1091 .row {
            margin: 0px;
        }

    #unit8890 {
        margin-top: 15px !important;
    }

    #unit7316 {
        margin-top: 15px;
        padding: 0px;
    }

        #unit7316 p span {
            font-size: 14px !important;
        }

    #unit4306 {
        margin-top: 15px;
    }

    #unit6755, #unit6755, #unit6755, #unit6755 {
        text-align: center;
    }

    #unit7099 table {
        border-collapse: collapse !important;
    }

        #unit7099 table td {
            white-space: inherit;
            font-size: 14px;
            padding: 8px 3px;
        }

            #unit7099 table td img {
                display: none;
            }

    #unit2617 p {
        font-size: 14px;
        padding: 0px 10px;
    }

    #unit2331 img {
        margin: 10px auto;
        display: block;
    }

    #unit1671 table th, #unit1671 table td {
        padding: 8px 5px !important;
    }

        #unit1671 table td span {
            font-size: 14px !important;
        }

    #component2533 .row, #component6691 .row {
        margin: 0px;
    }

    #unit4355 {
        padding-bottom: 20px !important;
    }

    #unit8733 {
        text-align: center;
    }

    #unit4010 {
        text-align: center;
        padding-top: 10px;
    }

    #unit2206 {
        padding-bottom: 10px !important;
    }

    #unit4844 {
        padding-bottom: 10px !important;
    }

    #unit4401 {
        text-align: center;
    }

    #unit2459 {
        text-align: center;
    }

    #unit9820 {
        text-align: center !important;
        padding-bottom: 10px !important;
    }

    #unit3805 {
        padding: 0 !important;
    }

    #unit4165 {
        margin-bottom: 15px;
    }

    .page-content .table th, .page-content .table td {
        font-size: 14px;
        padding: 5px;
    }

        .page-content .table td:first-child {
            word-break: keep-all;
        }

    #unit1070 > div {
        font-size: 20px !important;
    }

    .dimode-unit img {
        height: inherit !important;
        max-width: 100%;
    }

    .dimode-unit .table td {
        font-size: 14px;
    }

    #unit2966 {
        padding: 0px 15px !important;
    }

    #unit3288 table td {
        word-break: keep-all;
    }

    #dimodeBoard iframe {
        height: inherit;
    }

    #recent-sermon h2 {
        font-size: 18px;
        font-weight: 600;
    }

    .embed-responsive-16by9 {
        padding-bottom: 43%;
    }

    .board-theme.gallery .theme-list > .each-document {
        width: 100% !important;
    }

        .board-theme.gallery .theme-list > .each-document > a.title-image {
            height: 190px !important;
        }
}