#dimodeBoard .document-readed_count {
	display: none;
}
#dimodePage .page-content {
    word-break: keep-all !important;
}
#dimodePage .dimode-component {
    touch-action: auto !important;
}
.ui-sortable-handle {
    touch-action: auto !important;
}

/* style s */
#my-menu {
    background-color: #373b44;
}
#my-menu a {
    color:#fff;
}
#my-menu ul {
    color:#fff;
}
.mm-menu .mm-listview>li .mm-next:after {
    border-color:#fff;
}

#dimodeBoard .board-theme {font-size: 16px !important; }
#dimodeBoard .board-theme .theme-list td {font-size: 15px !important; font-family: 'Nanum Square', sans-serif; }
.layout-sub .sub-top {
    height: 285px;
    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;
	font-size: 17px;
}
.layout-sub .sub-pos a {
    text-decoration: none;
}
.layout-sub .sub-pos a img {
    vertical-align: middle;
	width: 22px;
    margin-top: -2px;
    margin-right: 1px;
}
.layout-sub .content-wrapper {
    margin-top: 21px;
}
.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;
    padding-bottom: 30px;
    padding-top: 12px;
	border-bottom: 2px solid #aeaeae;
}
.layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus a {
    color: #363F3E;
    display: inline-block;
    width: 100%;
    text-decoration: none;
}
.layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li {
    margin-bottom: 0px;
}
.layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li > a {
    padding: 14px 21px;
    border-bottom: 1px solid #ddd;
    font-size: 19px;
	transition: all ease 0.3s;
}
.layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li > a:before {
    content: ' - ';
	display:none;
}
.layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li > a:hover{
    background: #f0f0f0;

}
.layout-sub .content-wrapper .sub-lnb .lnb-wrapper .lnb-submenus > ul > li.active > a {
    background: #fff;
	color: #337ab7;
	font-weight: 600;
}
.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;
}
.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: #03529F;
}
.layout-sub .content-wrapper .sub-content {
    float: right;
    width: 840px;
    padding: 0 0;
}
.layout-sub .content-wrapper .sub-content .content-title {
    font-size: 28px;
    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;
}

.board-theme .theme-list table th, .board-theme .theme-list table td{
    font-size:13px!important;
}

/* style e */
@media (min-width:1200px) and (max-width:1499px) {

}

@media (min-width:993px) and (max-width:1199px) {
    .layout-sub .content-wrapper .sub-lnb {
        width: 19%;
    }
    .layout-sub .content-wrapper .sub-content {
        width: 79%;
    }
}

@media (min-width:768px) and (max-width:992px) {
    .layout-sub .content-wrapper .sub-lnb {
        display:none;
    }
    .layout-sub .content-wrapper .sub-content {
        width: 100%;
    }

    /*안내 > 예배시간안내*/
    #component4793 {
        text-align: center;
    }
    #component4793 #unit1549 img {
        object-fit: cover;
        width: 100%;
    }

    /*안내 > 교회 내 시설 안내*/
    #component9409 {margin-left:30px !important;}
    #unit7303 {
        text-align: left !important;
    }
    #unit7303 img {
        margin-left: 30px;
    }
}

@media (max-width:767px) {
    .layout-sub .content-wrapper .sub-lnb {
        display: none;
    }
    .layout-sub .content-wrapper .sub-content {
        width: 100%;
    }
    .layout-sub .sub-pos span {
        font-size: 14px;
    }
    .layout-sub .sub-top {
        height: 185px;
    }
    #dimodeBoard .board-theme .theme-list td {
        font-size: 13px !important;
    }

    /*안내 > 예배시간안내*/
    .layout-sub .content-wrapper .sub-content .content-title {
        font-size: 23px;
    }
    .table tbody > tr > th span, .table tbody > tr > td span {
        font-size: 12px !important;
    }
    #unit8228, #unit9048, #unit6985 {
        white-space: nowrap;
        overflow: scroll;
    }

    /*안내 > 찾아오시는길*/
    #unit3731 div > div:first-of-type {
        font-size: 15px !important;
    }
    #unit3731 div > div:last-of-type {
        font-size: 14px !important;
    }
    
    /*안내 > 교회 내 시설 안내*/
    #component9409 {margin-left:0px !important;}
    #unit7303 {
        text-align: left !important;
    }
    #unit7303 img {
        margin-left: 0px;
    }

    /*소개 > 교회비전*/
    #unit1779 > div {
        font-size:17px !important;
    }
    #component9176 #unit7894 div span {
        font-size: 14px !important;
    }
    #component9176 #unit7894 > div {
        font-size: 14px !important;
    }
    #unit4080 > div {
        font-size:15px !important;
    }

    /*소개 > 섬기는 사람들 > 교역자*/
    #component7629 > div {
        width:auto !important;
    }
    #component7629 div div img {
        max-width: 255px !important;
    }
    /*소개 > 섬기는 사람들 > 장로*/
    #component6980, #component3318 {
        height: 287px;
        width: auto;
        
        float: left;
        white-space: nowrap;
    }
    #component6980 img, #component3318 img {
        max-width:128px;
    }
    /*소개 > 섬기는 사람들 > 직원*/
    #component1906 {
        width: auto;
        float: left;
    }
    #component1906 > div {
        width: auto !important;
    }
    #unit4136, #unit9928 {
        text-align: center;
    }

    /*차세대 공통*/
    #unit9932 img {
        object-fit: cover;
    }
    #unit5715 {
        padding-top: 50px !important;
    }
    /*차세대 > 영유아부*/
    #unit7871 p span {
        font-size: 16px !important;
    }
    #component7946 img {
        object-fit: cover;
    }
    /*차세대 > 유치부*/
    #component8087 img {
        object-fit: cover;
    }
    /*차세대 > 초등부*/
    #component3068 img {
        object-fit: cover;
    }
    /*차세대 > 소년부*/
    #unit8595 img {
        object-fit:cover;
    }
    #unit5544 p span {
        font-size: 16px !important;
    }
    #component6472 img {
        object-fit: cover;
    }
    /*차세대 > 중고등부*/
    #component9176 img {
        object-fit: cover;
    }
    /*차세대 > 청년대학부*/
    #component1071 img {
        object-fit: cover;
    }
    /*차세대 > 아기학교*/
    #component3470 img {
        object-fit: cover;
    }
    /*차세대 > 여호수아비전스쿨*/
    #component9133 #unit1438, #component9133 #unit1617 {
        width:100%;
        margin-bottom:15px;
    }

    /*이웃사랑 > 다문화 김장 나눔*/
    #component7331 #unit2513 {
        padding: 32px 0px 0px 0px !important;
    }
}