#subtop { position:relative; height:175px; 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: 70%;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; }
#unit5024 #daumRoughmapContainer1627859601563{ width:100% !important; }

#sub-14 #component5930,
    #sub-14 #component6070,
    #sub-14 #component1125,
    #sub-14 #component9963,
    #sub-14 #component9788,
    #sub-14 #component4438{width:33%!important;}

/*교회발자취*/
.history-tab {
    text-align: center;
    overflow: hidden;
    margin: 0 0 50px;
}

    .history-tab a {
        color: #333;
        text-decoration: none;
    }

    .history-tab li a {
        float: left;
        width: 14%;
        font-size: 17px;
        padding: 15px 0;
        color: #333;
        cursor: pointer;
        border: 1px solid #f2f2f2;
        box-sizing: border-box;
    }

    .history-tab li:hover a {
        background: #2390F5;
        transition: 0.3s all;
        color: #fff;
    }

    .history-tab .active a {
        background: #2390F5;
    }

    .history-tab .active a {
        color: #fff;
    }

.t_1 {
    margin-left: 30px;
}

    .t_1 td:first-child {
        width: 170px;
        font-weight: 600;
        color: #245c7f;
    }

    .t_1 td {
        padding: 10px;
        border-bottom: 1px solid #ddd;
    }



.dot {
	
    position: absolute;
    left:-8px;
    top: 11px;
}


.ybox_1 {
    line-height: 1.5;
    font-size: 35px;
    color: rgb(36, 92, 127);
    width: 100%;
    padding: 30px 0px;
    border: 5px solid rgb(36, 92, 127);
}

.ybox_2 {
    line-height: 1.5;
    font-size: 35px;
    color: rgb(36, 92, 127);
    width: 100%;
    padding: 50px 0px;
    border: 5px solid rgb(36, 92, 127);
}
#daumRoughmapContainer1683089811734{width:100%!important;}
#component3126 #unit2327{padding-bottom:15px!important;}
div#daumRoughmapContainer1701849307678 {
    width: 100% !important;
    height: 300px !important;
}
#component3366 #unit2949 p span{word-break:keep-all;}
@media (max-width:1499px) {
    #component3366 #unit2949 .col-sm-6:nth-child(1){width:60%!important;}
    #sub-30 #component3366 #unit2949 .col-sm-6:nth-child(1),
    #sub-31 #component3366 #unit2949 .col-sm-6:nth-child(1){width:57%!important;}
    #component3366 #unit2949 .col-sm-6:nth-child(2){width:40%!important;}
    #sub-30 #component3366 #unit2949 .col-sm-6:nth-child(2),
    #sub-31 #component3366 #unit2949 .col-sm-6:nth-child(2){width:41%!important;}
    #sub-31 #component3366 #unit2949 .col-sm-6:nth-child(2){padding-bottom: 50px;}
    #component3366 #unit2949 .col-sm-6:nth-child(2) > div > div{right:0!important;bottom:0!important;}
}
@media (max-width:1340px) {
    #sub-30 .font-3xl {
        font-size: 1.6rem !important;
    }
    #sub-12 #unit7100 .col-sm-4 .font-xl {
        font-size: 20px !important;
    }
   
}
@media (max-width:1199px) {
    /*#sub-12 #unit7100 .col-sm-4 {
        width: 100%;
    }*/
    #sub-14 #unit3024 {
        width: 46.5% !important;
    }
   
    #sub-12 #unit7100 .col-sm-4 .font-xl {
        font-size: 15px !important;
    }
    #sub-30 .row .col-sm-4 > div {
        padding: 37px !important;
    }
    #sub-30 .font-3xl, #sub-30 .font-xl {
        font-size: 1rem !important;
    }
    #sub-44 #unit1415 > div {
        height: 520px !important;
        padding: 50px 0 0 20px !important;
        word-break:keep-all;
    }
    #sub-44 #unit4104 > div {
        padding-right: none !important;
        height: 520px !important;
    }
    #sub-44 #unit4104 {
        padding-right: 0px !important;
   

    }
    #sub-16 #unit1415 > div {
        height: 520px !important;
        padding: 44px 20px !important;
        word-break: keep-all;
    }

    #sub-16 #unit4104 > div {
        padding-right: none !important;
        height: 520px !important;
    }

    #sub-16 #unit4104 {
        padding-right: 0px !important;
    }
    #sub-47 #unit1415 > div {
        height: 520px !important;
        padding: 50px 0 0 20px !important;
        word-break: keep-all;
    }

    #sub-47 #unit4104 > div {
        padding-right: none !important;
        height: 520px !important;
    }

    #sub-47 #unit4104 {
        padding-right: 0px !important;
    }
    #sub-48 #unit1415 > div {
        height: 520px !important;
        padding: 50px 0 0 20px !important;
        word-break: keep-all;
    }

    #sub-48 #unit4104 > div {
        padding-right: none !important;
        height: 520px !important;
    }

    #sub-48 #unit4104 {
        padding-right: 0px !important;
    }
    #sub-49 #unit1415 > div {
        height: 520px !important;
        padding: 50px 0 0 20px !important;
        word-break: keep-all;
    }

    #sub-49 #unit4104 > div {
        padding-right: none !important;
        height: 520px !important;
    }

    #sub-49 #unit4104 {
        padding-right: 0px !important;
    }
    #sub-50 #unit1415 > div {
        height: 520px !important;
        padding: 50px 0 0 20px !important;
        word-break: keep-all;
    }

    #sub-50 #unit4104 > div {
        padding-right: none !important;
        height: 520px !important;
    }

    #sub-50 #unit4104 {
        padding-right: 0px !important;
    }
    #sub-45 #unit1415 > div {
        height: 520px !important;
        padding: 50px 0 0 20px !important;
        word-break: keep-all;
    }

    #sub-45 #unit4104 > div {
        padding-right: none !important;
        height: 520px !important;
    }

    #sub-45 #unit4104 {
        padding-right: 0px !important;
    }
    #component3366 #unit2949 .col-sm-6:nth-child(1),
    #sub-30 #component3366 #unit2949 .col-sm-6:nth-child(1),
    #sub-31 #component3366 #unit2949 .col-sm-6:nth-child(1){width:100%!important;}
    #component3366 #unit2949 .col-sm-6:nth-child(1) > div{height:inherit!important;text-align:center;background-color:transparent!important;}
    #component3366 #unit2949 .col-sm-6:nth-child(1) > div img{}
    #component3366 #unit2949 .col-sm-6:nth-child(2),
    #sub-30 #component3366 #unit2949 .col-sm-6:nth-child(2),
    #sub-31 #component3366 #unit2949 .col-sm-6:nth-child(2){width:100%!important;}
    #component3366 #unit2949 .col-sm-6:nth-child(2) > div{width:70%; margin:0 auto;}
    #sub-31 #component3366 #unit2949 .col-sm-6:nth-child(2) > div{width:100%!important;}
    #sub-31 #component3366 #unit2949 .col-sm-6:nth-child(2) > div span{word-break:keep-all;}
    #component1915 #unit5299 > div{padding: 0px 15px!important;}
    #component3423 #unit3444{width:100%!important;padding-bottom:20px!important;}
    #component3423 #unit4884{width:100%!important;}
    #component3126 #unit2327{width:33%!important;}
    #component3366{word-break:keep-all!important;}
    #sub-39 #component3126 #unit2327,
    #sub-40 #component3126 #unit2327,
    #sub-41 #component3126 #unit2327,
    #sub-42 #component3126 #unit2327{width:50%!important;}
    #sub-39 #component3126 #unit2327 img,
    #sub-40 #component3126 #unit2327 img,
    #sub-41 #component3126 #unit2327 img,
    #sub-42 #component3126 #unit2327 img{width:100%!important;}
    #sub-178 #component3126 #unit2327{width:50%!important;}
    #sub-178 #component3126 #unit2327 img{width:100%!important;}

}  
@media (max-width:992px) {

    #sub-14 #unit3024 > div > div{
        display: flex;
        justify-content: center;
    }
    #sub-14 .dimode-theme >div:nth-of-type(2)>div {
        display: flex !important;
        justify-content: center;
    }
    #sub-14 #unit8635 {
        align-items: center !important;
        display: flex !important;
    }
    /*#sub-14 #component9389 > div{
        display: unset !important;

    }*/

    #sub-14 #unit3024 {
        width: 30.5% !important;
    }
    #component3787 #unit9576 {
        width: 33% !important;
        margin: 0 0 20px;
    }
    #component3787 #unit9576 div{text-align:center;}
    #component1915 #unit5299 > div{padding: 0!important;}
    #component1915 #unit5299 > div .row .col-sm-3:nth-child(1){width:35%!important;}
    #component1915 #unit5299 > div .row .col-sm-3:nth-child(2){width:19%!important;}
    #component1915 #unit5299 > div .row .col-sm-6:nth-child(3){width:46%!important;}
    #component1927 #unit4558{width:30%!important;}
    #component1927 #unit2821{width:70%!important;word-break:keep-all;}
    #sub-30 #component3366 #unit2949 .col-sm-6:nth-child(2) > div{width:90%!important;}
    #component3366{margin:0 15px!important;}
    #component3366 #unit2949 div{word-break:keep-all}
    #sub-178 #component3366 #unit2949 div > div{width:50%!important;}
    #sub-178 #component3126 #unit2327{width:50%!important;}
    #sub-178 #component3126 #unit2327 img{width:100%!important;}
    #sub-12 #unit7100:nth-child(1) > div, #sub-12 #unit7100:nth-child(2) {
        padding: 20px 20px !important;
    }
    #sub-12 #component5359 #unit7100:nth-child(1) > div {
        padding: 30px !important;
        font-size: 14px;
        word-break: keep-all;
    }
   
}
@media (max-width:767px) {
    #sub-16 #unit4104 .row > .col-sm-2 {
        width: 100% !important
    }
    #sub-12 .history_01 colgroup > col {
        width: 26% !important;
    }
    #sub-12 .history_01 > tbody > span {
        font-size: 14px !important;
    }
    #sub-12 .history_01 > tbody{
        word-break:keep-all;
    }
    .history_01 td:nth-child(1) {
        font-weight: 500;
        color: #0e7bba;
        font-size: 12px;
    }
    #sub-14 #unit3024 {
        width: 46.5% !important;
        float: left;
        padding: 5px !important;
    }
        #sub-14 #unit3024 .font-l {
            margin-right:2px;
        }
        #sub-14 #unit3024 > div {
            padding: 10px !important;
        }
    #sub-13 #component3355 {
        margin-top:270px !important;
    }
    #sub-30 .row .col-sm-4 > div {
        padding: 5px !important;
    }
    #sub-44 #component6423 > div {
        display: flex;
    }
    #sub-44 #unit1415
    {
        display: none;
    }
    #sub-16 #component6423 > div {
        display: flex;
        width: 100%;
    }
    #sub-16 #unit4104 {
        width:100%;
    }
    #sub-16 #unit1415 {
        display: none;
    }
    #sub-12 #unit6137 img {
        width: 100%;
        height: 175px !important;
    }
    #sub-12 #unit7100 .col-sm-4 {
        width: 100%;
        margin: 12px 0px;
    }
    #sub-12 #unit7100 img{
        display:none !important;
    }
    #sub-47 #component6423 > div {
        display: flex;
    }

    #sub-47 #unit1415 {
        display: none;
    }

    #sub-48 #component6423 > div {
        display: flex;
    }

    #sub-48 #unit1415 {
        display: none;
    }

    #sub-49 #component6423 > div {
        display: flex;
    }

    #sub-49 #unit1415 {
        display: none;
    }

    #sub-50 #component6423 > div {
        display: flex;
    }

    #sub-50 #unit1415 {
        display: none;
    }
    #sub-45 #component6423 > div {
        display: flex;
    }

    #sub-45 #unit1415 {
        display: none;
    }
    #sub-13 .row .col-sm-4 > div:nth-child(1) > img {
        margin-top: -1740px;
        width: 78%;
        margin-right: 35px;
    }

    #sub-13 .row .col-sm-4 > div:nth-child(1) > div {
        display:none;
    }

    .row{margin:0!important;}
    #content_title{padding-top:20px;margin-bottom:20px;font-size:20px;}
    .mission_01{margin-left:0!important;}
    #component3366 #unit2949 .col-sm-6:nth-child(2) > div{width:100%; padding:15px!important;}
    #component3366 #unit2949 .col-sm-6:nth-child(2) div,
    #component3366 #unit2949 .col-sm-6:nth-child(2) div span{font-size:17px!important;word-break:keep-all;}
    #component3366 #unit2949 .col-sm-6:nth-child(2) ul li{font-size:15px!important;}
    #sub-31 #component3366 #unit2949 .col-sm-6:nth-child(2) > div > div > div{padding:10px!important;}
    #component1094{margin: 20px 0px 0px!important;}
    #component1094 #unit7041 div{font-size:20px!important;}
    #component7928 #unit8256 div{font-size:17px!important;}
    #component3787 #unit9576{width:50%!important; float:left;}
    #component3787 #unit9576 div{font-size:17px!important;}
    #component3787 #unit9576 div span{font-size:15px!important;}
    #component1915 #unit5299 > div .row .col-sm-3:nth-child(1){width:100%!important;}
    #component1915 #unit5299 > div .row .col-sm-3:nth-child(2){width:100%!important;}
    #component1915 #unit5299 > div .row .col-sm-6:nth-child(3){width:100%!important;text-align:center;}
    #component1915 #unit5299 > div .row .col-sm-3 span{font-size:17px!important;}
    #component1915 #unit5299 > div .row .col-sm-3 div{font-size:16px!important;}
    #component1915 #unit5299 > div .row .col-sm-6 div{font-size:16px!important;}
    #component1927 #unit4558{width:100%!important;}
    #component1927 #unit4558 div{font-size:17px!important;width: 50%;margin: 0 auto;}
    #component1927 #unit4558 img{max-width:50px; padding:5px;}
    #component1927 #unit2821{width:100%!important;}
    #component1927 #unit2821 div{font-size:15px!important;}
    .root_daum_roughmap .wrap_map{height:320px!important;}
    #component8393 #unit6683 div{font-size:17px!important;}
    #component3126 #unit2327{width:50%!important;float:left;}
    #sub-30 #component3366 #unit2949 .col-sm-6:nth-child(2) > div{padding-bottom:75px!important;}
    #sub-30 #component3366 #unit2949 .col-sm-6:nth-child(2) > div > div > div{padding:15px!important;}
    #component3366 #unit2949 div,
    #component3366 #unit2949 span{font-size:15px!important;}
    #sub-39 #component3126 #unit2327,
    #sub-40 #component3126 #unit2327,
    #sub-41 #component3126 #unit2327,
    #sub-42 #component3126 #unit2327{width:100%!important;}
    #component4104 #unit4921 > div{margin-top:15px!important;padding-bottom:15px!important;}
    #sub-178 #component3366 #unit2949 div > div{width:75%!important;}
    #sub-178 #component3126 #unit2327{width:100%!important;}
    #sub-178 #component3126 #unit2327 img{width:100%!important;}



   
}

@media (max-width:500px) {
    #sub-14 #component2717 {
        display: flex;
        justify-content: center;
    }
    #sub-16 #unit4104 > div {
        padding-right: none !important;
        height: 380px !important;
        padding: 20px !important;
    }
    div#sub-16.content.container {
        padding-bottom: 0px!important;
    }
    #sub-12 #component3362 {
        padding-bottom: 0px !important;
    }
    #sub-13 #component3355 {
        margin-top: 240px !important;
    }
    #content_title{
        visibility: hidden;
    }
    #sub-13 .row .col-sm-4 > div:nth-child(1) > img {
        margin-top: -1771px;
        width: 78%;
        margin-right: 32px;
    }
    #sub-44 #unit4104 > div {
        height: 560px !important;
    }
    #sub-45 #unit4104 > div {
        height: 192px !important;
    }
    #sub-47 #unit4104 > div {
        height: 300px !important;
    }
    #sub-48 #unit4104 > div {
        height: 300px !important;
    }
    #sub-49 #unit4104 > div {
        height: 300px !important;
    }
    #sub-50 #unit4104 > div {
        height: 300px !important;
    }
}


@media (max-width:450px) {
    #sub-13 #component3355 {
        margin-top: 200px !important;
    }

    #sub-13 .row .col-sm-4 > div:nth-child(1) > img {
        margin-top: -1880px;
        width: 78%;
        margin-right: 17px;
    }
}
@media (max-width:400px) {
    #sub-13 #component3355 {
        margin-top: 200px !important;
    }
    #sub-13 .row .col-sm-4 > div:nth-child(1) > img {
        margin-top: -2000px;
        width: 78%;
        margin-right: 17px;
    }
}

@media (max-width:385px) {
    #sub-13 #component3355 {
        margin-top: 160px !important;
    }

    #sub-13 .row .col-sm-4 > div:nth-child(1) > img {
        margin-top: -2045px;
        width: 78%;
        margin-right: 17px;
    }
    #sub-22 #unit6650 > div {
        height: 460px !important;
    }
    #sub-23 #unit6650 {
        padding: 10px !important;
    }
    #sub-23 #unit6650 > div {
        height: 400px !important;
        font-size: 13px !important;
        word-break: keep-all !important;
    }
    #sub-23 #unit6650 > div > div {
        padding: 15px !important;
    }
    #sub-24 #unit6650 > div {
        height: 460px !important;
    }
    #sub-25 #unit6650 > div {
        height: 460px !important;
    }
    #sub-26 #unit6650 > div {
        height: 460px !important;
    }
}

@media (max-width:360px) {
    #sub-13 #component3355 {
        margin-top: 160px !important;
    }

    #sub-13 .row .col-sm-4 > div:nth-child(1) > img {
        margin-top: -2200px;
        width: 78%;
        margin-right: 17px;
    }
}