@media (min-width: 1500px) {
    #content > .container, #subgnb > .container { width: 1400px; }
}

#gnb-wrap { background-color: rgba(255,255,255,0.5) !important; }
.document-readed_count { display: none; }
.dimode-theme { word-break: keep-all; }
ul.timeline > li > span { display: block; width: 100%; margin-bottom: 5px; }

.icircle { width: 350px; padding: 10px 0 30px; border-radius: 0 0 50px 50px; margin: 0 auto; color: #fff; font-size: 20px; }
.icircle1 { background-color: #3877a0; }
.icircle2 { background-color: #2b8b78; }

/*서브메뉴*/
#subtop { margin-top: 125px; }

/*교회소개 > 오시는길*/
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .cont { display: none; }
.sub24 #unit3011 > div { white-space: nowrap; }

/*다음세대*/
.sub31 #unit3011 > div, .sub32 #unit3011 > div,
.sub33 #unit3011 > div, .sub34 #unit3011 > div,
.sub35 #unit3011 > div, .sub36 #unit3011 > div,
.sub37 #unit3011 > div, .sub38 #unit3011 > div { white-space: nowrap; }

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

    

}

@media (max-width:1199px) {
    /*교회소개 > 오시는길*/
    .sub24 #unit3011 > div { padding: 30px !important; }
    .sub24 #unit3011 > div .col-xs-12 { margin: 10px 0; }

    /*다음세대*/
    .sub31 #unit3011 > div, .sub32 #unit3011 > div,
    .sub33 #unit3011 > div, .sub34 #unit3011 > div,
    .sub35 #unit3011 > div, .sub36 #unit3011 > div,
    .sub37 #unit3011 > div, .sub38 #unit3011 > div { padding: 30px !important; }
    .sub31 #unit3011 .col-xs-12, .sub32 #unit3011 .col-xs-12,
    .sub33 #unit3011 .col-xs-12, .sub34 #unit3011 .col-xs-12,
    .sub35 #unit3011 .col-xs-12, .sub36 #unit3011 .col-xs-12,
    .sub37 #unit3011 .col-xs-12, .sub38 #unit3011 .col-xs-12 { margin: 10px 0; }
}


@media (max-width:992px) {
    #subtop { margin-top: 85px; }
}

@media (max-width:767px) {
    .page-content { font-size: 14px; }
    #subtop { margin-top: 70px; }
    #sub_title { font-size: 28px; }
    #subgnb .dropdown .btn { font-size: 14px; }
    #subgnb .caret { border-top: 5px solid #000; border-bottom: 5px solid transparent; border-right: 5px solid transparent; border-left: 5px solid #000; }
    #subgnb .dropdown-menu > li > a { font-size: 12px; padding: 8px 5px; }
    #content { padding: 20px 0px !important; }

    /*교회소개 > 담임목사님 인사말*/
    .sub20 #unit5253 > div { text-align: center; }
    .sub20 #component4033 { padding: 0px 15px 0 15px !important; }

    /*교회소개 > 교회연혁*/
    .year_ubox_1 { margin-left: 25px !important; }

    /*교회소개 > 섬기는분들*/
    .person_txt_wrap {padding:0 !important;}
    .person_txt_wrap .col-sm-6:nth-of-type(2) {margin-top:25px; }

    /*교회소개 > 예배안내*/
    .sub23 #component5343 { padding: 0 !important; height: 150px !important; display: flex; justify-content: center; align-items: center; }
    .sub23 .worship_01 td { padding: 5px !important; font-size: 13px; }

    /*교회소개 > 오시는길*/
    .root_daum_roughmap .wrap_map { height: 200px !important; }
    .sub24 #unit3011 > div { padding: 10px !important; }
    .sub24 #unit3011 > div .col-xs-12 { padding: 0 !important; }
    .sub24 #unit3011 > div .col-xs-12 > div { padding: 0 !important; font-size: 16px; }

    /*교회소개 > 온라인 헌금안내*/
    .sub25 #component4770 {height:auto !important;}
    .sub25 #component1382 { height: auto !important; }
    .sub25 #unit4397 .col-sm-7 { display: none; }
    .sub25 #unit4397 .col-sm-5 > div { height: auto !important; padding: 15px 0px !important; }
    .sub25 #unit4397 .col-sm-5 > div > div:last-of-type { margin-top: 15px !important; }


    /*다음세대*/
    .sub31 #unit3011 > div, .sub32 #unit3011 > div,
    .sub33 #unit3011 > div, .sub34 #unit3011 > div,
    .sub35 #unit3011 > div, .sub36 #unit3011 > div,
    .sub37 #unit3011 > div, .sub38 #unit3011 > div { padding: 10px !important; }
    .sub31 #component5446, .sub32 #component5446,
    .sub33 #component5446, .sub34 #component5446,
    .sub35 #component5446, .sub36 #component5446,
    .sub37 #component5446, .sub38 #component5446 { padding: 0px 5px 0px 5px !important; }
    .sub31 #unit3011 .col-xs-12, .sub32 #unit3011 .col-xs-12,
    .sub33 #unit3011 .col-xs-12, .sub34 #unit3011 .col-xs-12,
    .sub35 #unit3011 .col-xs-12, .sub36 #unit3011 .col-xs-12,
    .sub37 #unit3011 .col-xs-12, .sub38 #unit3011 .col-xs-12 { padding: 0px !important; }
}

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



/*********************kjl추가*************************/
@media (max-width:767px) {
    .page-content { font-size: 15px; word-break: keep-all; }
}