#gnb-wrap {
    /*background-color: rgba(0, 0, 0, 0.5);*/
}
.container { 
    /*margin-bottom: 100px;*/
}
.subtop-menu .container {
    margin-bottom: 0;
}

#content {
    margin-bottom: 100px;
}



/*서브탑*/ 
#subtop{position:relative;}

#subgnb { text-align: center; background:transparent; width:100%;  }
#subgnb > .container { /*background:#fff;*/ padding:0 15px;  border-radius: 5px; z-index:10; }
#subgnb span, #subgnb a { font-size:18px; color:white;font-weight:bold; position:relative; text-decoration:none; transform: skew(-0.05deg); }
#subgnb > div > div > div > img { float: left;  padding: 11px 15px 15px 5px; position: relative; top: 2px; max-width: 45px;}
#subgnb a.active { color:#1847b9; font-weight:bold; }
#subgnb .subgnb-home { /*float:left;*/ margin: 15px; /*margin-right:0;*/ }
#subgnb .subgnb-home .sub-13{ /*float:left;*/ margin: 5px 0px; /*margin-right:0;*/ }
/*.sub-top-2{position:relative;}
.sub-top-2 .subtop-bottom{background-color: rgba(255,255,255,1);position: relative;bottom: 0; padding: 2% 0 0%;width: 100%;}
    .sub-top-2 .subtop-bottom .subtop-menu ul {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
.sub-top-2 .subtop-bottom .subtop-menu ul li{display:inline-block;}
.sub-top-2 .subtop-bottom .subtop-menu ul li a{display: inline-block;padding: 52px 13px 25px;font-size: 17px;font-weight:700;text-decoration: none;color: #343434;position: relative;}
.sub-top-2 .subtop-bottom .subtop-menu ul li p{display: inline-block;padding: 52px 0px 25px;font-size: 17px;font-weight:700;text-decoration: none;color: #343434;position: relative;}
.sub-top-2 .subtop-bottom .subtop-menu ul li a .btn-plus{position: absolute;top: 40%;left: 45%;background:#f1592a;width: 6px;height: 6px;border-radius: 50%;
text-align: center;opacity: 0;transition: all .3s linear;}
.sub-top-2 .subtop-bottom .subtop-menu ul li a:hover .btn-plus,
.sub-top-2  .subtop-bottom .subtop-menu ul li.active a .btn-plus,
.sub-top-2  .subtop-bottom .subtop-menu ul li a:focus .btn-plus{opacity:1;}


.subtop-bottom2{background-color: rgba(255,255,255,1);height: 140px;position: relative;bottom: 0; left: 10px;width: 100%;}
.subtop-bottom2 .subtop-menu ul {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
.subtop-bottom2 .subtop-menu ul li{display:inline-block;}
.subtop-bottom2 .subtop-menu ul li a{ display: inline-block; margin: 30px 0; width:420px; padding: 15px 70px; border: solid 1px #dfdfdf;font-size: 17px;font-weight:700;text-decoration: none;color: #343434;position: relative;}
.subtop-bottom2 .subtop-menu ul li p{display: inline-block;padding: 52px 0px 25px;font-size: 17px;font-weight:700;text-decoration: none;color: #343434;position: relative;}
    .subtop-bottom2 .subtop-menu ul li a:hover, .subtop-bottom2 .subtop-menu ul li.active a, .subtop-bottom2 .subtop-menu ul li a:focus {
        border: solid 1px #123369;
        color: #123369;
    }*/

.subtop-img {  text-align: center;}

#subMenu{position:relative; margin:45px 0;}
/*#subMenu::before{position:absolute; top:-45px; left:50%; content:""; width:1px; height:28px; background:#000; display:block;}*/
#subMenu ul{text-align:center;  margin:0 auto; padding:0 5%;}
#subMenu ul li{position:relative;line-height:42px;font-size:17px; display:inline-block; padding:0 22px;}
#subMenu ul li a{display:block; color:#222;}
#subMenu ul li.on a{border-bottom:3px solid #000; color:#000; font-weight:700;}
#subMenu ul li a:hover{position:relative; color:#000; font-weight:700; text-decoration:none;}
#subMenu ul li a:hover:after{position:absolute;bottom:-3px;left: 0;content:"";width: 100%;height:3px;background:#000;display: block;border-radius:50px;}
.subMenuul li a:hover:after{animation-name:menu_move; animation-duration:0.6s;}







.sub-desc {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
	width:100%;
}

.subTitle {
    /*position: relative;*/
    text-align: center; 
}

#sub_title {
    font-size: 40px;
    font-weight: 600;
    border-bottom: 4px solid white;
    color: white;
    display: inline-block;
    padding-bottom: 10px;
}



/**/

.board-title{margin-top: 30px;margin-bottom: 30px; position: relative; display: inline-block; transform: translateX(-50%);left: 50%; text-align: center; padding-bottom: 15px; text-align: center; border-bottom: 3px solid #000; font-size: 40px;}
.img-wrap{word-break:keep-all;text-align: center;}
/*.page-content{word-break:keep-all!important;}*/

 .page-content #unit1260 > div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 350px;

}



@media(min-width: 1200px) {
    .page-content #unit1260 > div > div {
        padding: 0px 20px;
        word-break: keep-all;
        position: absolute;
        top: 24%;
        right: 7%;
    }
    .sub-11 .page-content #unit1260 > div > div {
        padding: 0px 20px;
        word-break: keep-all;
        position: absolute;
        top: 24%;
        right:unset;
    }
}

.sub-11 .page-content #unit1260 > div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 350px;
   
}
.sub-11 .page-content #unit1260 > div > div {
    padding: 0px 20px;
    word-break : keep-all;
}

.sub-12 .page-content #unit1260 > div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 350px;
}

.sub-12 #component3105 .col-sm-4 > div > div {
    left: 27% !important;
    width: 168px;
}
.sub-12 .page-content #unit1260 > div > div {
    padding: 0px 20px;
    word-break: keep-all;
}

.sub-28 .page-content #unit1260 > div > div {
    padding: 0px 20px;
    word-break: keep-all;
    font-size:25px;
}


.sub-64 .page-content #unit1260 > div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 350px;
}

.sub-64 .page-content #unit1260 > div > div {
    padding: 0px 20px;
    word-break: keep-all;
}






/*.sub-12 #component3105 .col-sm-4 > div > div {

    display: flex !important;
    align-items: center;
    justify-content : center;
}*/



@media(max-width:1400px) {
    .sub-64 .page-content #unit9326 .col-sm-3 > div {
        width: 231px !important;
        height: 184px !important;
        background-repeat: round !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sub-53 .page-content #unit1260 > div > div {
        color: white !important;
        top: 9% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

        .sub-54 .page-content #unit1260 > div > div {
        color: white !important;
        top: 9% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    .sub-64 .page-content #unit9326 .col-sm-3 > div > div{
        margin-right: 22px;
    }
    }
    
    .sub-64 .page-content #unit9326 .col-sm-3 > div span {
        font-size: 1.4rem !important;
            
    }
    .sub-12 .page-content #unit1260 > div > div {
        color: white !important;
    }
   
    .sub-54 .page-content #unit1260 > div > div {
        color: white !important;
    }
    .sub-55 .page-content #unit1260 > div > div {
        color: white !important;
    }

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

    .sub-64 .page-content #unit9326 .col-sm-3 > div {
        width: 210px !important;
        height: 169px !important;
        background-repeat: round !important;
    }

        .sub-64 .page-content #unit9326 .col-sm-3 > div span {
            font-size: 2.2rem !important;
        }
}
@media(max-width:1199px) {
    .sub-52 .page-content #unit1260 > div > div {
        color: white !important;
    }
    /*.sub-53 .page-content #unit1260 > div > div {
        color: white !important;
    }*/

}

.sub-64 .page-content #unit9326 .col-sm-3 > div {
    background-repeat: round !important;
    display: flex;
    justify-content: center;
    align-items: center;

}
.sub-64 .page-content #unit9326 {
    word-break: keep-all !important;
}

@media(max-width:1199px) {
    .sub-52 .page-content #unit1260 > div > div {
        color: white !important;
    }
    .sub-55 .page-content #unit1260 > div > div {
        visibility:hidden
    }

    .sub-64 .page-content #unit9326 .col-sm-3 > div {
        width: 231px !important;
        height: 184px !important;
        background-repeat: round !important;
        width: 80%;
    }
}

@media(max-width:991px) {
    .sub-17 div#daumRoughmapContainer1679445972533 {
        width: 100% !important;
        height: 320px !important;
    }

    .sub-52 .page-content #unit1260 > div > div {
        color: white !important;
    }

    .sub-64 .page-content #unit9326 .col-sm-3 > div {
        width: 165px !important;
        height: 134px !important;
        background-repeat: round !important;
    }

        .sub-64 .page-content #unit9326 .col-sm-3 > div span {
            font-size: 1.1rem !important;
        }
}
@media(max-width:770px) {
    .font-3xl {font-size: 1.2rem!important;}

    .sub-64 .page-content #unit9326 .col-sm-3 > div {
        width: 178px !important;
        height: 146px !important;
        background-repeat: round !important;
        margin-bottom: 10px;
    }

    .page-content #unit9710 > div {
        padding: 25px !important;
        word-break: keep-all;
    }
    #component1903 #unit5945 span{font-size:20px!important;}
    #component9099 #unit9954{padding:20px!important;min-height:inherit!important;}
    #component2927 #unit9710 span{font-size:15px!important;}

}

@media(max-width:765px) {
    .col-sm-5 {
        margin-bottom: 10px;
    }

    .page-content #unit1260 > div {
        padding: 0px 20px;
        position: relative !important;
        height: 250px !important;
    }

    .sub-11 .page-content #unit1260 > div {
        padding: 0px 20px;
        position: relative !important;
        height: 250px !important;
    }

    .sub-12 .page-content #unit1260 > div {
        padding: 0px 20px;
        position: relative !important;
        height: 250px !important;
    }

    .sub-12 #component3105 .col-sm-4 > div {
        height: 230px !important;
        width: 230px !important;
    }

    .sub-64 .page-content #unit1260 > div {
        padding: 0px 20px;
        position: relative !important;
        height: 250px !important;
    }

    .page-content #unit1260 > div > div > span {
        font-size: 24px !important;
    }

    .page-content .col-sm-3 {
        width: 95% !important;
    }

    #unit7426 > div {
        width: 240px;
    }

    .sub-28 .page-content #unit1260 > div > div > span {
        font-size: 20px !important;
    }
}

@media(max-width: 530px) {
    .sub-11 .page-content #unit1260 > div > div {
        position: relative;
        padding: 50px 20px;
        position: relative !important;
    }
    .sub-16 .page-content #unit9343  {
        font-size: 13px !important;
        word-break: keep-all;
    }
    .sub-14 .page-content #unit3626 {
        word-break: keep-all;
    }
    .sub-13 .page-content #unit7287 {
        word-break: keep-all;
    }
    
    .sub-16 .page-content #component2562 #unit9343 table {
        padding: 15px 0px !important;
    }
    .sub-28 .page-content #unit1260 > div > div > span {
        font-size: 20px !important;
    }
    .sub-53 .page-content #unit1260 > div > div {
        width: 88% !important;
        word-break: keep-all !important;
    }
    .sub-54 .page-content #unit1260 > div > div {
        width: 88% !important;
        word-break: keep-all !important;
    }

    #unit6844 > div {
        padding: 55px 25px !important;
        word-break: keep-all;
    }

    .page-content #unit1260 > div > div > span {
        font-size: 20px !important;
    }

    .sub-52 .page-content #unit1260 > div > div {
        margin-left: 15px;
    }

    #unit3020 > div {
        padding: 30px !important;
    }
}
@media(max-width: 365px) {
    .sub-12 .page-content #unit1260 > div > div {
        top: unset !important;
        right: unset !important;
    }
}

@media(max-width: 340px) {
    .sub-11 .page-content #unit1260 > div > div {
        padding: 0px 20px;
        position: relative !important;
    }

    .sub-26 .page-content #unit1260 > div > div {
        top: 20% !important;
        margin-left: 15px;
    }

    .sub-28 .page-content #unit1260 > div > div {
        top: 20% !important;
        margin-left: 15px;
    }

    .sub-52 .page-content #unit1260 > div > div {
        color: red !important;
    }

    #unit6844 > div {
        padding: 55px 25px !important;
    }

    .page-content > div > div > div > div > div > div > span {
        /*margin-left: 15px !important;*/
    }

    .page-content #unit9326 > div > div > div > div {
        width: 160px !important;
        height: 160px !important;
    }
}

    div#daumRoughmapContainer1690855613502 {
        width: 100% !important;
        height: 300px !important;
    }
    /*버튼*/
    .section6-more-btn {
        display: inline-block;
        position: relative;
        text-align: center;
        transition: 0.3s all;
        border: 3px solid #000;
        color: #FC5D33;
        font-size: 18px;
        text-decoration: none;
        background: black;
        border: 3px solid #000;
        width: 180px;
        height: 60px;
    }

        .section6-more-btn:hover {
            text-decoration: none;
            color: #FC5D33;
        }

        .section6-more-btn span {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            transform: translateX(-50%) translateY(-50%);
        }

    /*탭 페이지 S*/
    .sub-section1 {
        height: 620px;
        background-size: cover;
        position: relative;
        min-height: 200px;
        background: url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/sub/four/1.2_titleimg.jpg);
    }

    .sub-section2-back {
        height: 620px;
        background-size: cover;
        position: relative;
        min-height: 200px;
        background: url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/sub/outsideview/outsideview.jpg);
    }

    .tab-content-right {
        transition: 0.3s all;
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        height: 100%;
        width: 50%;
        background-size: cover !important;
        background-position: 50% 50% !important;
        background-repeat: no-repeat;
    }

    .active-tab {
        display: block;
        opacity: 1;
        transition: 150ms all;
    }

    .tab-wrap {
        position: relative;
        background-color: #fdb723;
        width: 260px;
        padding: 40px 0;
        text-align: center;
        position: absolute;
        top: 140px;
        left: 50%;
        z-index: 10;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .tab-top {
        display: none;
        padding: 35px 0 0 100px;
        color: #fdb723;
        margin: 0 0 30px;
    }

    .tab-header {
        cursor: pointer;
        color: #fff;
        position: relative;
        -webkit-transition: color .2s ease-in-out;
        -moz-transition: color .2s ease-in-out;
        -o-transition: color .2s ease-in-out;
        transition: color .2s ease-in-out;
        font-size: 24px;
        letter-spacing: .72px;
    }

        .tab-header.active-tab, .tab-header:hover {
            color: #000;
        }

            .tab-header.active-tab:before {
                content: '';
                position: absolute;
                border-bottom: 10px solid transparent;
                border-top: 10px solid transparent;
                border-right: 10px solid #fdb723;
                top: 50%;
                left: -10px;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }

    .tab-content-wrap {
        min-height: 700px;
        background: black;
    }

        .tab-content-wrap:after {
            content: "";
            display: table;
            clear: both;
        }

    .tab-content-left {
        word-break: keep-all;
        padding: 75px;
        height: 100%;
        width: 50%;
        float: left;
        padding-top: 125px;
        padding-right: 170px;
        color: white;
    }

    .each-tab {
        opacity: 0;
        min-height: 700px;
        float: left;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


    .title {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 30px;
    }

    .sub-title {
        font-size: 23px;
        margin-bottom: 30px;
    }

    .content {
        font-size: 20px;
    }

    /*원서클*/
    .section2-2-circle {
        width: 140px;
        height: 140px;
        position: relative;
        display: inline-block;
        border: 6px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

        .section2-2-circle p {
            font-size: 20px;
            color: white;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
        }

    .circletime-wrap {
        width: 900px;
    }
    /*탭 페이지 E*/
    /*슬라이드 페이지 S*/
    /*
.slide-content-wrap{position:relative; height:987px;}
.slide-content-center{line-height:1.8; position:absolute; left:20%; top:50%;transform:translateX(-20%) translateY(-50%);}
*/
    .slide-head-title {
        font-size: 35px;
        margin-bottom: 20px;
    }

    .slide-body-content {
        font-size: 25px;
        line-height: 1.5;
        margin-bottom: 20px;
    }

    .slide-footer-add li {
        font-size: 25px;
        line-height: 1.5;
    }

    .awana-wrap {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        display: table;
    }

    .awana-wrap2 {
        display: table-row;
    }

    .awana-wrap3 {
        display: table-cell;
        vertical-align: middle;
    }

    .sub-slide-section1-back1 {
        height: 620px;
        background-size: cover;
        position: relative;
        min-height: 200px;
        background: url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/sub//kids/kids_back.jpg);
    }

    .sub-slide-section1-back2 {
        height: 620px;
        background-size: cover;
        position: relative;
        min-height: 200px;
        background: url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/sub/awana/awana_back.jpg);
    }

    .sub-slide-section1-back3 {
        height: 620px;
        background-size: cover;
        position: relative;
        min-height: 200px;
        background: url(/UserData/pcltvhp/Layouts/pcltvhp_Layout/Images/sub/discipleship/discipleship_back.jpg);
    }

    .sub-slide-section2 {
        padding-top: 90px;
        padding-bottom: 90px;
        background-color: #fdb723;
        text-align: center;
        font-size: 25px;
        color: white;
    }
        /*.sub-section2 .inner-content{padding:30px; background:#ffbc2e; display:inline-block; }*/
        .sub-slide-section2 .inner-content p {
            margin: 0px;
        }

    #custom_carousel .item {
        color: #000;
        padding: 0px 0;
    }

    #custom_carousel .controls {
        overflow-x: auto;
        overflow-y: hidden;
        padding: 30px 0px;
        margin: 0;
        white-space: normal;
        text-align: center;
        position: relative;
        background: #000
    }

        #custom_carousel .controls li {
            display: inline-block;
        }

            #custom_carousel .controls li:before {
                content: '/';
                position: absolute;
                left: -4px;
                top: 15px;
                color: #fff;
                font-size: 20px;
                z-index: 999;
            }

            #custom_carousel .controls li:first-child:before {
                display: none;
            }

            #custom_carousel .controls li.active a {
                color: white;
                font-size: 20px;
            }

            #custom_carousel .controls li a {
                overflow: hidden;
                display: block;
                font-size: 20px;
                margin-top: 5px;
                font-weight: bold;
                color: orange;
            }
    /*슬라이드 페이 E*/
    .text-clean li {
        counter-increment: chapter;
        padding-left: 1em;
        text-indent: -1.1em;
    }

        .text-clean li:before {
            content: counter(chapter)". ";
        }

    .center-padding p img {
        padding: 0px 5px !important;
    }

    .slide__content {
        padding-top: 50px;
    }

    .ul-secondary li {
        line-height: 1.5;
    }

    .margin-15px {
        margin: 15px 0px;
    }

    @media (max-width:1900px) {
        #unit17571 > p {
            text-align: left !important;
        }
    }

    @media(max-width:1700px) {
        #unit7371 {
            padding: 15px 30px 0px 30px !important;
        }

        #unit5171 {
            padding: 15px 30px 0px 30px !important;
        }

        #unit8010 img {
            min-height: 450px;
        }

        #unit5869 img {
            min-height: 450px;
        }

        .img-wrap img {
            min-height: 450px;
        }


        /*신성구로교회 서브 반응형*/
        .sub-12 .dimode-sort.row.ui-sortable { /*display: flex;*/
            align-items: flex-end;
        }

        .sub-12 div#unit8078 {
            margin-top: 0 !important;
        }
    }

    @media(max-width:1400px) {

        /*신성구로교회 서브반응형*/
        .sub-22 #unit2708 span, .sub-22 #unit2005 span {
            font-size: 17px !important;
        }

        .sub-22 .sc3 #unit2708 > div, .sub-22 .sc3 #unit2005 > div {
            height: 300px;
        }

        .sub-22 .sc3long #unit2708 > div, .sub-22 .sc3long #unit2005 > div {
            height: 520px;
        }

        .sub-22 .sc1 #unit2708 > div, .sub-22 .sc1 #unit2005 > div {
            height: 220px;
        }

        .sub-17 #unit2306 .row .col-sm-2 {
            width: 13% !important;
        }

        .sub-17 #unit2306 .row .wd30 {
            width: 30% !important;
        }

        .sub-17 div#daumRoughmapContainer1679445972533 {
            width: 525px !important;
            height: 370px !important;
        }

        .sub-13 #unit4601 > div {
            font-size: 38px !important;
        }
    }

    @media(max-width:1300px) {
        #unit77741 {
            height: 600px !important;
        }

        #unit2346 {
            height: 600px !important;
        }
    }

    @media(max-width:1199px) {
        .circletime-wrap {
            width: 700px;
        }
        /*게시판 subtop 반응형*/
        .board-title-padding {
            padding-bottom: 45px !important;
        }

        /*신성구로교회 서브반응형*/

        .sub-22 .sc3 #unit2708 > div, .sub-22 .sc3 #unit2005 > div {
            height: 300px;
        }

        .sub-22 .sc3long #unit2708 > div, .sub-22 .sc3long #unit2005 > div {
            height: 620px;
        }

        .sub-22 .sc1 #unit2708 > div, .sub-22 .sc1 #unit2005 > div {
            height: 220px;
        }

        .sub-17 #unit2306 .row .col-sm-2 {
            width: 16% !important;
        }

        .sub-17 #unit2306 .row .wd30 {
            width: 30% !important;
        }

        .sub-17 div#daumRoughmapContainer1679445972533 {
            width: 425px !important;
            height: 300px !important;
        }

        .sub-13 #unit4601 > div {
            font-size: 30px !important;
        }
    }

    @media(max-width:991px) {
        /*써클 반응형*/
        .section2-2-circle {
            width: 100px;
            height: 100px;
        }

        .circletime-wrap {
            width: 100% !IMPORTANT;
        }
        /*키즈*/
        .sub-slide-section1-back1 {
            height: 450px;
        }

        .sub-slide-section1-back2 {
            height: 450px;
        }

        .sub-slide-section1-back3 {
            height: 450px;
        }

        #component2250 p {
            padding: 60px 15px !important;
        }

        #component7927 {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }

        #component2250 {
            padding: 0px !important;
        }

        #unit6754 {
            padding: 60px !important;
        }

        .img-wrap img {
            min-height: 300px;
        }

        /*서브*/
        #unit8010 img {
            min-height: 0;
        }

        #unit5869 img {
            min-height: 0;
        }

        #unit7371 {
            padding: 30px 30px 0px 30px !important;
        }

        #unit5171 {
            padding: 30px 30px 0px 30px !important;
        }

        .img-wrap span {
            font-size: 30px !important;
        }

        .sub-section1 {
            height: 500px;
        }

        .sub-section2-back {
            height: 500px;
        }


        #dimodePage .dimode-sort { /*display:flex;*/
            flex-direction: column;
        }

        #pastor-wrap {
            display: block !important;
        }

        #unit9630, #unit9723, #unit2957, #unit8989, #unit9448, #unit1645, #unit2310, #unit7847, #unit2150, #unit5413,
        #unit5910, #unit6606, #unit7540, #unit8332, #unit4735 {
            text-align: center !important;
            width: 100% !important;
            padding: 30px 0px 0px 15px !important;
            height: 180px;
        }

            #unit9630 div {
                line-height: 16px !important;
            }

        #unit3542, #unit3511, #unit3446, #unit4191, #unit5990, #unit4527, #unit9592, #unit4571,
        #unit5134, #unit1709, #unit2445, #unit8578, #unit3587, #unit3512, #unit3512, #unit6977 {
            text-align: center !important;
            padding: 0PX !important;
            width: 100% !important;
        }

        #unit8559 {
            order: 2;
            padding-top: 30px !important;
            padding-bottom: 30px !important;
        }

        #unit8470 {
            order: 1;
        }

        #unit84701 {
            padding-top: 30px !important;
            padding-bottom: 30px !important;
        }

        #unit8559 {
            padding-left: 30px !important;
            padding-right: 30px !important;
        }

            #unit8559 p > span, #unit84701 p > span {
                font-size: 18px !important;
            }
        /*슬라이드페이지*/
        .awana-wrap {
            position: relative;
            padding: 15px;
        }

        /*탭페이지 S*/
        .open {
            left: 0px !important;
        }

        #sub_title {
            font-size: 30px;
            word-break: keep-all
        }

        .tab-wrap {
            width: 320px;
            height: 100%;
            top: 0;
            z-index: 10;
            text-align: left;
            padding: 35px 12px 35px 35px;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            left: -260px;
        }

        .tab-content-left {
            padding-top: 250px;
            padding-right: 75px;
            width: 100%;
            height: 50%;
        }

        .tab-content-right {
            position: relative;
            width: 100%;
            padding: 35px 20px 50px 90px;
            height: 250px;
        }

        .arrow {
            width: 20px;
            height: 20px;
            background-color: #fff;
            position: absolute;
            right: 25px;
            top: 39px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

            .arrow:before {
                font-family: FontAwesome,FontAwesome;
                content: '\f104';
                position: absolute;
                color: #fdb723;
                line-height: 20px;
                font-size: 18px;
                font-weight: 700;
                left: 6px;
            }

        .be-arrow:before {
            font-family: FontAwesome,FontAwesome;
            content: '\f105';
            position: absolute;
            color: #fdb723;
            line-height: 20px;
            font-size: 18px;
            font-weight: 700;
            left: 8px;
        }

        .tab-wrap:before {
            content: '';
            position: absolute;
            right: -10px;
            top: 39px;
            border-bottom: 10px solid transparent;
            border-top: 10px solid transparent;
            border-left: 10px solid #fdb723;
            opacity: 1;
            -webkit-transition: opacity .2s ease-in-out;
            -moz-transition: opacity .2s ease-in-out;
            -o-transition: opacity .2s ease-in-out;
            transition: opacity .2s ease-in-out;
        }

        .tab-top {
            display: block;
            margin-bottom: 40px;
            padding-right: 50px;
            line-height: 1;
        }

        .tab-header {
            max-width: 200px;
        }
        /*탭페이지 E*/

        /*신성구로교회 서브반응형*/

        .sub-22 .sc3 #unit2708 > div, .sub-22 .sc3 #unit2005 > div {
            height: 400px;
        }

        .sub-22 .sc3long #unit2708 > div, .sub-22 .sc3long #unit2005 > div {
            height: 820px;
        }

        .sub-22 .sc1 #unit2708 > div, .sub-22 .sc1 #unit2005 > div {
            height: 300px;
        }

        .sub-22 .dimode-sort, .sub-14 .dimode-sort, .sub-12 .dimode-sort, .sub-16 .dimode-sort, .sub-17 .dimode-sort {
            flex-direction: row !important;
        }

        .sub-13 div#unit4601 {
            position: initial !important;
        }

        .sub-13 div#unit8968 {
            width: 100%;
        }

        .sub-12 #component9818 .dimode-sort.row.ui-sortable > div span, .sub-12 #component9818 .dimode-sort.row.ui-sortable > div span strong {
            font-size: 14px !important;
        }

        .sub-12 #component9818 .dimode-sort.row.ui-sortable > div {
            width: 33% !important;
        }

        .sub-17 .col-sm-10 {
            width: 100% !important;
        }

        .sub-17 .col-sm-1 {
            width: 13% !important;
            padding: 15px 0;
        }

        .sub-17 .dimode-sort {
            flex-wrap: wrap !important;
            align-items: center;
        }

        .sub-17 div#component1374 .dimode-sort {
            flex-direction: column !important;
        }

            .sub-17 div#component1374 .dimode-sort > div {
                width: 100% !important;
            }

        .sub-17 div#daumRoughmapContainer1679445972533 {
            width: 100% !important;
            height: 300px !important;
        }
    }

    @media(max-width:767px) {
	#subMenu{position:relative; margin:20px 0;}
        #custom_carousel .controls {
            white-space: normal !important;
        }

            #custom_carousel .controls li a {
                font-size: 16px;
                padding: 5px 10px;
            }

            #custom_carousel .controls li.active a {
                font-size: 16px;
            }

            #custom_carousel .controls li:before {
                top: 9px;
                font-size: 16px;
            }

        .sub-slide-section2 .inner-content p {
            font-size: 20px;
        }
        /*써클*/
        .board-title-padding {
            padding-bottom: 10px !important;
            font-size: 16px !important;
        }

        .section2-2-circle {
            width: 80px;
            height: 80px;
        }

            .section2-2-circle p {
                font-size: 16px !important;
                text-align: center !important;
            }

        .circletime-wrap > div:nth-child(2n) {
            text-align: right;
        }

        .circletime-wrap > div:nth-child(2n-1) {
            text-align: left;
        }
        /*키즈*/
        .sub-slide-section1-back1 {
            height: 300px;
        }

        .sub-slide-section1-back2 {
            height: 300px;
        }

        .sub-slide-section1-back3 {
            height: 300px;
        }
        /*섬기는교역자*/
        #unit9630, #unit9723, #unit2957, #unit8989, #unit9448, #unit1645, #unit2310, #unit7847, #unit2150, #unit5413,
        #unit5910, #unit6606, #unit7540, #unit8332, #unit4735 {
            text-align: center !important;
            width: 100% !important;
            padding: 15px 0px 0px 0px !important;
            height: auto;
        }

        #unit3542, #unit3511, #unit3446, #unit4191, #unit5990, #unit4527, #unit9592, #unit4571,
        #unit5134, #unit1709, #unit2445, #unit8578, #unit3587, #unit3512, #unit3512, #unit6977 {
            text-align: center !important;
            padding: 0PX !important;
            width: 100% !important;
        }

        #component6245, #component9304, #component5657, #component1960, #component5150, #component9721,
        #component3322, #component2378, #component7146, #component5666, #component6808, #component8498 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }
        #sub_title {
            font-size: 20px;
            word-break: keep-all
        }
        /*서브*/
        .sub-section1 {
            height: 250px;
        }

        .sub-section2-back {
            height: 250px;
        }

        .img-wrap img {
            min-height: 250px;
        }

        #unit17571 p span {
            line-height: 1.5 !important;
        }

        #unit5079 table tr td:nth-child(2n-1) {
            width: 30% !important;
        }

        #unit77741 {
            padding: 30px 20px 0px 20px !important;
        }

        #unit2346 {
            padding: 30px 20px 0px 20px !important;
        }

        #unit77741 p {
            margin: 0px !important;
        }

        #unit23461 {
            order: 1;
        }

        #unit77741 {
            order: 2;
        }

        #unit6754 {
            padding: 30px !important;
        }

        #unit1757 p span {
            font-size: 20px !important;
        }

        #unit00 {
            padding-top: 30px !important;
            padding-bottom: 30px !important;
            padding-left: 30px !important;
            text-align: center;
        }

        #unit01 {
            padding-top: 30px !important;
            padding-bottom: 30px !important;
            padding-left: 30px !important;
            text-align: center;
        }

        .center-padding {
            padding-left: 30px !important;
            text-align: center !important;
        }

            .center-padding p img {
                padding: 0px 5px !important;
            }

        /**/


        #component22501 {
            padding: 30px !important;
        }

        #component2250 p span {
            font-size: 25px;
        }

        #unit7371 {
            padding: 30px 15px 0px 15px !important;
        }

        #unit5171 {
            padding: 30px 15px 0px 15px !important;
        }

        .img-wrap span {
            font-size: 25px !important;
        }
        /*슬라이드탭*/
        .slide-head-title {
            font-size: 30px;
            margin-bottom: 20px;
        }

        .slide-body-content {
            font-size: 20px;
            line-height: 1.5;
            margin-bottom: 20px;
        }

        .slide-footer-add li {
            font-size: 20px;
            line-height: 1.5;
        }



        /*신성구로교회 서브반응형*/
        .sub-24 #unit5376 {
            overflow: scroll;
        }

        .group_01 {
            font-size: 15px !important;
        }

        .sub-22 .dimode-sort, .sub-16 .dimode-sort {
            flex-direction: column !important;
        }

        .sub-22 .sc3 #unit2708 > div, .sub-22 .sc3 #unit2005 > div {
            height: auto;
        }

        .sub-22 .sc3long #unit2708 > div, .sub-22 .sc3long #unit2005 > div {
            height: auto;
        }

        .sub-22 .sc1 #unit2708 > div, .sub-22 .sc1 #unit2005 > div {
            height: auto;
        }

        .sub-14 div#unit1432 {
            width: 33.3% !important;
        }

        .sub-14 .dimode-sort {
            flex-wrap: wrap;
        }

        .sub-13 div#unit4601 > hr {
            width: 70px !important;
        }

        .sub-12 .dimode-sort {
            flex-direction: column !important;
            align-items: normal !important;
        }

        .sub-12 .reversecp .dimode-sort {
            flex-direction: column-reverse !important;
        }

        .sub-12 div#unit4286 > div > div > div {
            font-size: 35px !important;
        }

        .sub-12 #component9818 .dimode-sort.row.ui-sortable > div {
            padding: 20px !important;
            width: 100% !important;
            border: 0px !important;
        }

            .sub-12 #component9818 .dimode-sort.row.ui-sortable > div span, .sub-12 #component9818 .dimode-sort.row.ui-sortable > div span strong {
                font-size: 16px !important;
            }

        .sub-17 div#component1738 > div > div > div > div, .sub-17 #unit2306 .row .col-sm-2 { /* width: 100%!important; */
            text-align: left !important;
            border: 0 !important;
        }
    }

    @media(max-width:467px) {
        .sub-14 .dimode-sort {
            flex-direction: column !important;
        }

        .sub-22 #unit3970 > div, .sub-22 #unit2708 > div, .sub-22 #unit2005 > div {
            padding: 20px !important;
        }

        .sub-14 div#unit1432 {
            width: 100% !important;
            text-align: center;
        }

            .sub-14 div#unit1432 > div {
                border: 0px !important;
            }

        .sub-12 .dimode-sort.row.ui-sortable > div > div, .sub-12 div#unit7704 > div {
            padding: 13px !important;
        }

        .sub-12 .dimode-sort.row.ui-sortable > div > div, .sub-12 div#unit7704 > div {
            padding: 20px !important;
            margin: auto !important;
        }
    }