﻿
/* sbpb */
#content > .container > div.col-sm-3 {padding-left: 0; padding-right: 30px;}
.document-ReadedCount, .document-readedcount {display: none;}
.board-theme .theme-list table th, .board-theme .theme-list table td {font-size: 15px!important; padding: 15px 5px!important;}


#component8805 {display: none;}
.board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-day .schedule .title,
.board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-day .schedule .content {
    font-size: 13px;
    text-align: left;
    word-break: keep-all;
}
.board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-day {padding: 20px 5px!important;}
.board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-day .schedule:first-child { margin-top: 10px!important;}




/* responsive */
 #content > div ,  #subgnb > div.container, .gnb-all .all-wrapper .container { max-width: 1480px; width: 100%; margin: 0 auto;}


@media screen and (max-width: 1199px) {
	

    /* 노회소개 */
    #component6865 > #unit6998 > div > p {font-size: 3rem!important;}
    #component5691 > div > #unit7679 > div > div:nth-of-type(2) > hr,
    #component5691 > div > #unit9590 > div > div:nth-of-type(2) > hr {display: none!important;}


    /* 오시는길-다 수정.. */
    #component9987 > div > #unit6585 > div > div:nth-of-type(1),
    #component9987 > div > #unit1648 > div > div:nth-of-type(1) {margin-right: 0!important; display: block!important; text-align:center;}
    #component9987 > div > #unit6585 > div > p,
    #component9987 > div > #unit1648 > div > p {font-size: 2.4rem!important; display: block!important; margin: 20px 0 0!important; text-align:center;}


}

@media (max-width: 992px) {
	.board-theme .theme-list {overflow-x: scroll!important;}
     /* 노회역사 */
    #component2445 > #unit1166 > div > .table {display: block; overflow-x: scroll;}
    #component9837 > #unit1048, #component5575 > #unit4252 { overflow-x: scroll!important;}
    #component2445 > #unit1166 > div > .table tbody > tr > td, 
    #component9837 > #unit1048 .table tbody > tr > td,
    #component5575 > #unit4252 .table tbody > tr > td {white-space: nowrap; }
    #component5691 > div > #unit7679 > div > div:nth-of-type(2),
    #component5691 > div > #unit9590 > div > div:nth-of-type(2)  {text-align: center; padding: 15px;}

    #component2294 > #unit1843 > div > p, #component3717 > #unit8194 > div > p, #component8532 > #unit2038 > div > p {font-size: 3rem!important;}
    #component9645 {margin: 35px 0 0!important;}
    #component9645 > #unit9318 > p {text-align:center;}



}


@media  (max-width: 768px) {

    /* 노회소개 */
    #component6865, #component7723, #component2294, #component6421 {margin: 35px 0px 0px!important;}
    #component2019 > div > #unit6231 > p, #component2019 > div > #unit1695 > p, #component6421 > #unit4433 > p {font-size: 2.4rem!important;}
    #component2019 > div > #unit6231 > div:nth-child(3) > div,  #component2019 > div > #unit1695 > div:nth-child(3) > div {padding: 10px 30px!important;}
    #component9987 > div > #unit6585 {margin-bottom: 20px;}
   
    
    #component6865 > #unit6998 > p, #component9645 > #unit9318 > p > span, #component7723 > #unit7389 > p {font-size: 2.2rem!important;}
    #component3813 > #unit5780 > div > span {font-size: 1.8rem!important;}
    #component3813 > #unit5780 > div > div {font-size: 1.6rem!important; text-align: center;}
    #component4347 > #unit3715 > div > div > div.col-sm-8 > span > strong {font-size: 22px!important;}

    #component5691 > div > #unit7679,
    #component5691 > div > #unit9590,
    #component5691 > div > #unit7679 > div > div:nth-of-type(1),
    #component5691 > div > #unit9590 > div > div:nth-of-type(1) {text-align: center;}

    .board-theme .theme-detail .detail-top .document-regdate {display: none;}
	
	#content > div.container-fluid {padding: 0;}
	
}


@media (max-width: 444px) {
    #subgnb > div.container > .dropdown:nth-of-type(3) {display: none;}
    #dimodeBoard {overflow-x: scroll;}
}