/* style s */
.container {max-width: 1240px; width: 100%; margin: 0 auto;}
/*@media(min-width: 1500px) {
	#content > .container {width: 1240px!important; margin: 0 auto;}
	.board-theme .theme-list table th, .board-theme .theme-list table td { font-size: 15px!important;}
}*/


#sub_title {
    font-size: 3.3rem;
    margin: 0 0 45px;
    font-family: 'yg-jalnan', 'NanumSquareRound' !important;
    font-weight: bold;
}

#subtop,  #subtop img { width:100%; margin: 0 auto; margin-left: 0!important; }
#subgnb { border-bottom:1px solid #ddd; padding:13px 0px; }
#subgnb span {padding: 0 10px;}
#subgnb span, #subgnb a { font-size:15px; font-weight: 600; color:#777; position:relative; top:3px; font-family: 'NanumSquareRound'; }
#subgnb span.active { color:#000; }
#content { width: 100%; margin: 4% auto 80px; box-sizing: border-box; overflow: hidden;}
#content .third-menus { margin:10px 0 42px 0;text-align:center; }
#content .third-menus ul { display:inline-block; }
#content .third-menus ul li { border: 1px solid #dedede; float:left; margin-left:-1px;}
#content .third-menus ul li a {
    color: #333;
    text-decoration: none;
    padding: 8px 17px;
    font-size: 12px;
    min-width: 160px;
    display: inline-block;
    text-align: center;
}
#content .third-menus ul li.active a { color:#fff; }

.map_01 {margin-top:30px;}
.map_01 li {color:#fff;  font-size: 18px; line-height: 1.7; color:#fff; letter-spacing: -0.5px; text-indent:-10px; padding-left:10px;}
.map_01 li+li {margin-top:10px;}
.map_01 li:before {content:'- '; }


.board-theme .theme-list table th, .board-theme .theme-list table td {padding: 10px 10px!important;}

/* responsive */
@media(max-width:1499px){
  
}

@media(max-width:1199px){
    /* 교회비전 */
    .worship_01 td:first-child, .worship_02 td:first-child, .worship_03 td:first-child, 
    .worship_01 td:last-child, .worship_02 td:last-child, .worship_03 td:last-child {padding: 10px 5px!important; font-size: 16px!important; word-break: keep-all;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
 
   
}

@media(max-width: 992px) {

    #sub_title { font-size: 2.6rem; }
    #component7410 > #unit7710 > div {font-size: 2.4rem!important;}
    #component7410 > #unit7710 > div img {max-width: 25px;}

   /* 교회비전 */
   #component9195 > #unit3247 > div,
   #component8720 > #unit8628 > div {padding: 30px!important;}
   #component9195 > #unit3247 > div > span, 
   #component9195 > #unit3247 > div > div.col-sm-8 > span,
   #component9195 > #unit3247 > div > table.history_01 td,
   #component8720 > #unit8628 > div > span
   {font-size: 17px!important; word-break: keep-all;}
   #component9195 > #unit3247 > div > table tr td:nth-of-type(1) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
   #component7337 > div > #unit1244 > div {padding: 20px!important;}
   #component7337 > div > #unit1244 > div > div:nth-of-type(1) > strong > span {font-size: 18px!important; word-break: break-all;}

   /* 다음세대 */
   #component8004 > #unit3225 > div > div > div.col-sm-2 > p:nth-of-type(1) > strong span {font-size: 4em!important;}
   #component8004 > #unit3225 > div > div > div.col-sm-2 > p:nth-of-type(2) > strong span {font-size: 22px!important;}
   #component8004 > #unit3225 > div > div > div.col-sm-2 > div:nth-of-type(1), 
   #component8004 > #unit3225 > div > div > div.col-sm-2 > div:nth-of-type(2) {padding: 10px!important;}
   #component8004 > #unit3225 > div > div > div.col-sm-2 > div:nth-of-type(1) > span {font-size: 17px!important;}
   #component8004 > #unit3225 > div > div > div.col-sm-2 > div:nth-of-type(2) a span {font-size: 16px!important;}





}

@media(max-width:768px){
    #subgnb span {padding: 0 3px;}
    #subgnb img {max-width: 20px;}
    #subgnb span, #subgnb a {font-size: 1.3rem;}
    #content {margin-top: 10%;}
    .board-theme .theme-list {overflow-x: scroll!important;}
    #recent-sermon-cont .recentInfo-title {margin: 0 0 10px;}
    #recent-sermon-cont .recentInfo-sub, #recent-sermon-cont .recentInfo-date {font-size: 15px!important;}


    /* 교회비전 */
    #component9195 > #unit3247 > div > div.col-sm-4 {margin-top: 0!important; margin-bottom: 20px;}
    #component9195 > #unit3247 > div > table.history_01 td a {font-size: 17px!important;}
    #component9195 > #unit3247 > div > table.history_01 td span {font-size: 13px!important; word-break: keep-all;}

    #component3573 > div > #unit5475 > p > img {width: 100%;}
    #component3573 > div > #unit9216 > div:nth-of-type(1) {position: relative;left: 50%; transform: translateX(-50%); text-align: center; }
    #component3573 > div > #unit9216 > div:nth-of-type(1) span {font-size: 20px!important; }
    #component3573 > div > #unit9216 > div:nth-of-type(2) {display: block!important; text-align: center; margin: 10px 0 0!important;}

    #component1128 > div > div.col-sm-4 {margin-bottom: 15px;}
    .worship_01, .worship_02, .worship_03 {margin-top: 0!important;}
    #component7337 > div > #unit4260 {padding-right: 15px!important;}
    #component7337 > div > #unit1244 {padding-left: 15px!important;}
    #component7337 > div > #unit1244 > div {height: auto!important;}
    #component7337 > div > #unit1244 > div > .map_01 li {font-size: 16px!important;}

    /* 다음세대 */
    #component8004 > #unit3225 > div {height: auto!important;}
    #component8004 > #unit3225 > div > span {font-size: 24px!important;}
    #component8004 > #unit3225 > div > div > div.col-sm-2 {width: auto!important; margin: 0 0 20px;}
    #component7177 > #unit5418 > div:nth-of-type(1) span {font-size: 24px!important;}
    #component7177 > #unit5418 > div:nth-of-type(2) {padding: 100px 20px 50px!important}
    #component7177 > #unit5418 > div:nth-of-type(2) span {font-size: 18px!important; text-align: justify; word-break: break-all;}
    #component2945 > #unit1124 > div span {font-size: 18px!important; text-align: justify;}
    #component5168 > #unit9342 > div > div.col-sm-4 {margin-bottom: 10px;} 
    #component5168 > #unit9342 > div > div > table.welcome_01 td {font-size: 15px!important; padding: 8px!important;}

    #component5702 > #unit7689 > div > p {}
    #component5702 > #unit7689 > div > hr {margin-bottom: 20px!important;}
    #component5702 > #unit7689 > div > span {font-size: 18px!important; text-align: justify;}
}