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

#subtop { padding: 115px 0 0; }
#subtop img { width: 100%; }
.category-btn { padding: 10px 20px; }
#content { padding: 40px 0px; }
#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; }
#sub_title { font-size: 40px; font-weight: 600; margin: 0px 0px 50px; border-bottom: 4px solid #000; display: inline-block; padding-bottom: 10px; }
#dimodePage { padding: 30px 0px; border-top: 1px solid #E5E5E5; }
.lnb { padding: 0px 30px; }
.lnb_title { font-size: 30px; border-bottom: 1px solid #000; padding: 40px 0px; font-weight: 600; text-align: center; position: relative; }
.sub-left-triangle { position: absolute; right: 0px; top: 0; width: 0; height: 0; border-left: 30px solid transparent; border-top-width: 30px; border-top-style: solid; border-top-color: #6599CB; }
.sub_depth2 { margin-top: 0px; padding-top: 0px; }
.sub_depth2 li { padding: 20px 25px; border-bottom: 1px solid #ddd; transition: all ease 0.3s; }
.sub_depth2 li.active, .sub_depth2 > li:hover { background: #d9d3f2; }
.sub_depth2 > li > a { color: #777; font-weight: 600; font-size: 17px; text-decoration: none; }
.sub_depth2 li a { color: #777; font-weight: 600; font-size: 16px; text-decoration: none; }
.sub_depth2 li i { position: relative; margin: 3px 15px 0px 0px; cursor: pointer; float: right; font-size: 16px; }
.sub_depth2 li i.fa-minus { display: none; }
.sub_depth2 li:last-child { border-color: #000; }
.sub_depth3 { padding: 0px 15px; margin-top: 15px; display: none; }
.sub_depth3.active { display: block; }
.sub_depth3 li { padding: 10px 20px; border-bottom: 1px solid #999; background-color: #f4c9ff; }
.sub_depth3 li a { color: #999; font-size: 15px; text-decoration: none; transition: all ease 0.3s; }
.sub_depth3 li a:hover { color: #739AB9; }
.sub_depth3.a_96 li a:hover { color: #4E5397; }
.sub_depth3.a_98 li a:hover { color: #E4C640; }

/*글자자르기*/
.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; }

/*서브메뉴*/
.d3-subgnb-menu { display: inline-block; }
.d3-menulist { display: inline-block; padding: 15px 15px; float: left; }
.d3-menulist a { font-size: 22px !important; color: #8F8F8F !important; font-weight: bold; }
.d3-subgnb-menu div.active a { color: #325481 !important; padding-bottom: 10px; border-bottom: 2px solid #B4CEF1; font-weight: 700; }
.d3-menulist a:hover { color: #325481 !important; }
.subTitle { text-align: center; }
.root_daum_roughmap_landing { width: 100% !important; }
.table-responsive { border: none !important; }
#subgnb > .container {font-size:0;}

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

@media (max-width:1199px) {
    #subtop { padding: 75px 0 0; }


}

@media (max-width:992px) {
    #sub_title { font-size: 32px; margin: 0px 0px 30px; }
    #subtop { padding: 70px 0 0; }

    /*교회소개 > 섬기는 이들*/
    .sub14 #unit4717 > div { margin:0 !important;}
    .sub14 #unit4717 > div:first-of-type { margin-bottom: 10px !important; }
}

@media (max-width:767px) {
    #sub_title { font-size: 24px; margin: 0px 0px 20px; }
    #subtop { padding: 60px 0 0; }
    #subgnb .container > div {margin:0;}
    #subgnb .dropdown-menu > li > a { font-size: 13px; }
    #content > .container { padding: 0; }
    #content .container > div { padding: 0; }

    .title_36 { font-size: 24px !important; }
    .title_30 { font-size: 22px !important; }
    .title_26 { font-size: 18px !important; }
    .text_02 { font-size: 13px !important; }
    .title_24w { font-size: 18px !important; }
    .title_30w { font-size: 20px !important; }
    .title_36w { font-size: 28px !important; }

    #unit5422 { height: 250px !important; }
    #unit4771 { white-space: nowrap; }

    /*교회 소개 > 환영 인사*/
    .sub12 #unit2322 { text-align: center; }
    .sub12 #unit2322 > img { max-height: 450px; }
    .sub12 #unit6646 > div:first-of-type { padding-top: 20px !important; padding-bottom: 20px !important; }
    .sub12 #component2311 { padding: 0 !important; }
    
    /*교회 소개 > 사명 및 연혁*/
    .year_t, .history { padding: 5px 5px !important; font-size: 12px !important; }

    /*교회소개 > 섬기는 이들*/
    .sub14 #unit8650 > img { height: 200px !important; }
    .sub14 #unit4505 td { font-size: 14px !important; }
    .sub14 #unit4717 > div { font-size: 16px !important; }
    .sub14 #unit4717 > div:first-of-type { font-size: 14px !important; }
    .sub14 #component4381 {margin-top:0 !important;}

    /*교회소개 > 찾아오시는 길*/
    .sub15 #unit7639 {padding:0 !important;}
    .sub15 #unit8137 > div { margin: 0 !important; }
    .sub15 #unit7445 > div a:first-of-type img {margin-bottom:10px;}

    /*다음세대*/
    #unit7111 { padding: 30px 0px !important; }
    .text { text-align: center; }
    .textbox_01 { margin: 0 auto 10px !important; display: block !important; }

    /*전도와 모임 > 셀모임*/
    #unit3841 td { padding: 0; font-size: 14px !important; height: 40px !important; }
}

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






/*********************kjl추가*************************/

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