#subtop { position:relative; height:350px; background-position-x:center;  background-size:auto 100%; }

#subgnb { border-bottom:1px solid #ddd; padding:10px 0px; text-align:left; }
#subgnb span { font-family:'NanumBarunGothic'; }
#subgnb span,
#subgnb a { font-size:14px; color:#999; position:relative; top:1px; }
#subgnb img { position:relative; width:22px; top:-1px;}
#subgnb span.active { color:#000; }
#subgnb .dropdown { display:inline-block;}
#subgnb .dropdown .btn { padding:5px 8px; font-size:16px; font-weight:bold; border:0px; }
#subgnb .dropdown-menu>li>a { padding:5px 20px; transition:0.3s all ease; font-size:16px;}
#subgnb .dropdown .caret { position:relative; left:0px; font-size:14px; margin-left:5px; }
#sub_menu{position:relative;height:100%;}
#sub_menu_title  {position: absolute;top: 50%;text-align: center;width: 100%;
border: none;display: block;transform: translate(0,-50%);color:#fff; font-size:46px; text-align:center;letter-spacing:10px;   }
#content_title { font-size:28px; text-align:center; padding-top:50px; margin-bottom:50px;  }
.content { padding-bottom:50px; }

/*새가족안내*/
#component3627 > div > #unit6064 > p{margin:0!important;}
#component3627 > div > #unit6064 > p > span{word-break:keep-all;}
.sermon-box img.title-image {
    aspect-ratio: 16 / 9; /* 가로세로 비율 설정 */
    object-fit: cover;    /* 비율에 맞춰 이미지를 채움 */
    overflow: hidden;
}


@media (min-width:1500px) and (max-width:1902px) {
}
@media (min-width:1200px) and (max-width:1499px) {
}
@media (min-width:992px) and (max-width:1199px) {
    /*인사말*/
    #component7909 > #unit5935 > div:nth-child(3) > span > span{font-size:17px!important;}
    /*섬기는사람들*/
    #component4814,#component7808,#component2438,#component7169,#component4264,#component5444,
    #component3747,#component9947,#component8152,#component2116,#component3935,#component3757,#component9317,
    #component1587,#component7039,#component8234,#component6293,#component4519,#component8560,#component2799{width:25%!important;}
    /*남선교회*/
    #component1146 > #unit8036 > table > tbody > tr > td:nth-child(1) > span{font-size:18px!important;}
    #component1146 > #unit8036 > table > tbody > tr > td:nth-child(2) > span{font-size:17px!important;}
    /*다음세대*/
    #component7754 > #unit6613 > p{word-break:keep-all!important;}
    #component7754 > #unit6613 > p > span{word-break:keep-all!important;}
    #component7754 > #unit6613 > p > span > span{word-break:keep-all!important;}
    /*새가족안내*/
    #component3627 > div > #unit6852{width:20%!important;}
    #component3627 > div > #unit6064{width:80%!important;}
    /*교회연혁*/
    #component1833 > #unit2294 > p > span{font-size:24px!important;}
}
@media (min-width:768px) and (max-width:991px) {
    #subtop{height:225px!important;font-size: 38px!important;}
    /*인사말*/
    #unit5935 > div:nth-child(3) > span > span{word-break:keep-all;}
    #component1387 > div > #unit8464{width:100%;}
    #component1387 > div > #unit7551{width:100%;}
    #component1387 > div > #unit7551 > p:nth-child(1){text-align:center;}
    /*섬기는사람들*/
    #component4814,#component7808,#component2438,#component7169,#component4264,#component5444,
    #component3747,#component9947,#component8152,#component2116,#component3935,#component3757,#component9317,
    #component1587,#component7039,#component8234,#component6293,#component4519,#component8560,#component2799{width:25%!important;}
    /*오시는길*/
    #component2169 > #unit8612{padding:30px!important;}
    /*남선교회*/
    #component1146 > #unit8036 > table > colgroup > col:nth-child(1){width:29%!important;}
    #component1146 > #unit8036 > table > tbody > tr > td:nth-child(1) > span{font-size:18px!important;}
    #component1146 > #unit8036 > table > tbody > tr > td:nth-child(2) > span{font-size:17px!important;}
    /*다음세대*/
    #component7754 > #unit6613 > p{word-break:keep-all!important;font-size:17px!important;}
    #component7754 > #unit6613 > p > span > span{word-break:keep-all!important;font-size:17px!important;}
    #component4104{margin: 30px 0px!important;}
    #component7754 > #unit6613 > table > tbody > tr > td > font{font-size:17px!important;}
    #component7754 > #unit6613 > table > tbody > tr > td > font > span{font-size:17px!important;}
    /*위원회*/
    #component9333 > div > #unit3166{width:30%!important;}
    #component9333 > div > #unit2737{width:70%!important;}
    /*새가족안내*/
    #component3627 > div > #unit6852{width:100%!important; margin-bottom:15px!important;}
    #component3627 > div > #unit6852 > #unit3374 > div{font-size:18px!important;}
    #component3627 > div > #unit6852 > #unit4902 > div{font-size:18px!important;}
    #component3627 > div > #unit6064{width:100%!important;}
    #component3627 > div > #unit6064 > p > span{font-size:17px!important;}
    /*교회연혁*/
    #component1833 > #unit2294 > p > span{font-size:20px!important;}
    #component4867 > div > #unit9763 > div,
    #component4867 > div > #unit2427 > div{font-size:17px!important;}
    

}
@media(max-width:767px) {
    #subtop{height:140px!important;}
    #sub_menu_title{font-size: 28px!important; top:70%!important;}
    #content_title{padding-top: 20px!important;margin-bottom: 20px!important;font-size: 25px!important;}
    /*인사말*/
    #component7909 > #unit5935 > p:nth-child(1) > span > span{font-size:18px!important; word-break:keep-all;}
    #component7909 > #unit5935 > div:nth-child(3) > span > span{word-break:keep-all; font-size:16px!important;}
    #component7909 > #unit5935 > div:nth-child(4) > strong > span{font-size:40px!important;}
    #component1387 > div > #unit7551 > p:nth-child(1){text-align:center;}
    #component1387 > div > #unit7551 > p > span{font-size:17px!important;}
    /*섬기는사람들*/
    #component4814,#component7808,#component2438,#component7169,#component4264,#component5444,
    #component3747,#component9947,#component8152,#component2116,#component3935,#component3757,#component9317,
    #component1587,#component7039,#component8234,#component6293,#component4519,#component8560,#component2799{width:50%!important;float:left;}
    #component4264 > div > div:nth-child(2){padding: 13px 0 16px 0!important;}
    /*예배시간 안내*/
    #component6816 > #unit6307 > table > colgroup > col:nth-child(2){width:35%!important;}
    #component6816 > #unit6307 > table > tbody > tr > td > font{font-size:17px!important;}
    #component6816 > #unit6307 > table > tbody > tr > td > span{font-size:17px!important;}
    /*오시는길*/
    #component2169 > #unit8612{padding:20px!important;}
    #component2169 > #unit8612 > div{font-size:16px!important;}
    #component2169 > #unit8612 > div > span{word-break:keep-all!important;}
    .map-content{height:345px!important;}
    #component2169{margin: 20px 0px 0px!important; padding:0!important;}
    /*남선교회*/
    #component1146 > #unit8036 > table > colgroup > col:nth-child(1){width:35%!important;}
    #component1146 > #unit8036 > table > tbody > tr > td:nth-child(1) > span{font-size:17px!important;word-break:keep-all!important;}
    #component1146 > #unit8036 > table > tbody > tr > td:nth-child(2) > span{font-size:17px!important;word-break:keep-all!important;}
    /*다음세대*/
    #component7754 > #unit6613 > p{word-break:keep-all!important;font-size:17px!important;}
    #component7754 > #unit6613 > p > span{word-break:keep-all!important;font-size:17px!important;}
    #component7754 > #unit6613 > p > span > span{word-break:keep-all!important;font-size:17px!important;}
    #component4104{margin: 15px 0px!important;}
    #component7754 > #unit6613 > table > tbody > tr > td > font{font-size:17px!important;word-break: keep-all;}
    #component7754 > #unit6613 > table > tbody > tr > td > font > span{font-size:17px!important;word-break: keep-all;}
    #component7754 > #unit6613 > #unit2940{margin: 20px 0px 0px!important;}
    #component7754 > #unit6613 > div > span{font-size:20px!important;}
    #component7754 > #unit6613 > table:nth-child(7) > colgroup > col:nth-child(1),
    #component7754 > #unit6613 > table:nth-child(7) > colgroup > col:nth-child(3){width:30%!important;}
    #component7754 > #unit6613 > table:nth-child(7) > colgroup > col:nth-child(2),
    #component7754 > #unit6613 > table:nth-child(7) > colgroup > col:nth-child(4){width:20%!important;}
    /*새가족안내*/
    #component3627 > div > #unit6852{width:100%!important; margin-bottom:15px!important;}
    #component3627 > div > #unit6852 > #unit3374 > div{font-size:16px!important;}
    #component3627 > div > #unit6852 > #unit4902 > div{font-size:16px!important;}
    #component3627 > div > #unit6064{width:100%!important;}
    #component3627 > div > #unit6064 > p > span{font-size:15px!important;}
    /*교회연혁*/
    #component1833 > #unit2294 > p > span{font-size:16px!important;}
    #component1833 > #unit1689 > span{width: 15px!important; height: 15px!important;border: 5px solid rgb(85, 130, 177)!important;}
    #component4867 > div > #unit9763 > div,
    #component4867 > div > #unit2427 > div{font-size:15px!important;}
    #component2170 > #unit4077 > #sub01{font-size: 20px!important;}
    #component2170 > #unit4077 > #sub01 > span{font-size: 25px!important;}
}