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


.document-readed_count{display:none;}
/*글자자르기*/
.dimode-theme  {word-break:keep-all;}

ul.timeline > li > span {
    display: block; width: 100%; 
    margin-bottom:5px;
}
#gnb-wrap {background-color: rgb(151, 153, 152);height: 115px;position: relative;width: 100%;z-index: 999;transition: all 0.6s;}
.sub-top { position: relative; height: 420px; width: 100%; top: 0; z-index: 0; background-size: cover!important; background-position: 50% 50%!important; opacity: 0.8;     -webkit-animation: zoomin 9s 1; animation: zoomin 9S 1;}
.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;}
/*유트브*/
/*반응형
.detail-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
#dimodeYoutube {
  position: absolute;
  width: 100%;
  height: 100%;
}
*/

#daumRoughmapContainer1689039082506 {
    width: 100% !important;
}


/*서브메뉴*/
.d2-subgnb-menu { display:inline-block; width: 100%; padding-top: 30px; display:flex;}
.d2-menulist {  display:inline-block; padding:15px 15px; border: 1px solid rgb(229,229,229); width: 20%; text-align: center;}
.d2-menulist a{ font-size:20px!important; color:#8F8F8F!important; font-weight:bold; word-break: keep-all;}
.d2-subgnb-menu div.active a { color:#325481!important; padding-bottom:10px; font-weight:700;}
.d2-menulist a:hover{
	  color:#325481!important; text-decoration: none;
}



.d3-subgnb-menu { display:inline-block; width: 100%; padding-top: 30px; display:flex;}
.d3-menulist {  display:inline-block; padding:15px 15px; border: 1px solid rgb(229,229,229); width: 20%; text-align: center;}
.d3-menulist a{ font-size:20px!important; color:#8F8F8F!important; font-weight:bold; word-break: keep-all;}
.d3-subgnb-menu div.active a { color:#325481!important; padding-bottom:10px; font-weight:700;}
.d3-menulist a:hover{
	  color:#325481!important; text-decoration: none;
}
.history-tab{display: inline-flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;width:100%;}
.history-tab li{text-align: center;display: inline-block;width: calc(100%/14);}
.history-tab li a{font-family: Noto Sans KR;color: #333333;font-size: 18px;padding: 10px;display: inline-block;text-decoration:none;}
.history-tab li:hover a{color: #3498db;transition:0.3s all ease;}
@media (min-width:1200px) and (max-width:1499px) {
   .sub17  #component6523 .row {        display: flex;        align-items: flex-end;    }
    .sub19 #unit6234 .col-sm-4 >div{width:initial!important;}
    .sub23 div#daumRoughmapContainer1681192022919 {        width: 540px !important;        height: 330px;    }

}

@media (min-width:993px) and (max-width:1199px) {
    .sub11 #unit2994 >div >div:nth-of-type(1){ width: 25%; left:4%!important; top:4%!important; }
    .sub11 #unit2994 >div >div:nth-of-type(2){ width: 65%; right:4%!important;top:4%!important;}
     .sub11 #unit2994 >div >div:nth-of-type(2) span { font-size:17px!important;}

     .sub17  #component6523 .row {        display: flex;        align-items: flex-end;    }
     .sub19 #unit6234 .col-sm-4 >div{width:initial!important;}
      .sub19 #unit6234 .col-sm-4 {width:30%!important;}
      .sub19 #unit6234 .col-sm-8 {width:60%!important;}

    .sub25 #unit4287 > div, .sub26 #unit4287 > div,  .sub29 #unit4287 > div, .sub30 #unit4287 > div,.sub31 #unit4287 > div{        height: auto!important;         background-size: cover;    }
    .sub25 #unit4287 > div >div, .sub26 #unit4287 > div >div, .sub29 #unit4287 > div >div, .sub30 #unit4287 > div >div, .sub31 #unit4287 > div >div {           position: initial!important;  padding: 4%; }

    .sub23 div#daumRoughmapContainer1681192022919 {        width: 440px !important;        height: 270px;    }
    .sub22 .history_01 td:nth-child(1) {     font-size: 18px;    padding: 10px!important; }

    .sub21 #unit3266 span{font-size:29px!important;}
    .sub21 .A_01 {  padding: 5px 25px!important;    }
}


@media (min-width:768px) and (max-width:992px) {
    #unit4849 > div { padding: 20px 15px !important;}
#unit4849 > div  span { font-size: 15px !important;}
    .sub11 #unit2994 > div{height: auto!important;     background-size: cover;}
     .sub11 #unit2994 >div >div { position:relative!important; padding: 20px; right:initial!important; left:initial!important; }
     .sub11 #unit2994 >div >div:nth-of-type(2) span { font-size:17px!important;}

     .sub17  #component6523 .row {        display: flex;        align-items: flex-end;    }
    .sub18 #unit2035 span, .sub18 #unit9405 span {        font-size: 15px !important;    }
     .sub19 #unit6234 .col-sm-4 >div{width:initial!important;}
     .sub19 #unit6234 .col-sm-4 {width:50%!important;}
      .sub19 #unit6234 .col-sm-8 {width:50%!important;}

          .sub25 #unit4287 > div {        height: auto!important;         background-size: cover;    }
    .sub25 #unit4287 > div >div {           position: initial!important;  padding: 4%; }

        .sub25 #unit4287 > div, .sub26 #unit4287 > div,  .sub29 #unit4287 > div, .sub30 #unit4287 > div,.sub31 #unit4287 > div{        height: auto!important;         background-size: cover;    }
    .sub25 #unit4287 > div >div, .sub26 #unit4287 > div >div, .sub29 #unit4287 > div >div, .sub30 #unit4287 > div >div, .sub31 #unit4287 > div >div {           position: initial!important;  padding: 4%; }

    .sub23 div#daumRoughmapContainer1681192022919 {        width: 330px !important;        height: 202px;    }
    .sub22 #unit8920 >p{ font-size:30px!important;}

     .sub21 #unit3266 span{font-size:29px!important;}
      .sub21 #unit3266>div{height:200px!important;}
       .sub21 #unit3266>div>div {width:70%;}
    .sub21 .A_01 {  padding: 5px 25px!important;    }
}

@media (max-width:767px) {
#unit4838 > div {padding: 15px !important;}    
#unit4838  span {font-size: 15px !important;}
#gnb-wrap { height: 75px; }
#component5946 {padding: 10px 0px 20px !important;}
#unit7916 {padding: 0 15px !important;}
#unit7916 p strong > span {font-size: 20px !important;}
#unit7916 p span span { font-size: 15px !important;}
.worship_03 td { padding: 5px !important;}
#unit1251 > div > span { font-size: 20px !important;}
#unit3794 > div > span { font-size: 20px !important;}
#unit3794 > div .mission_01 span{ font-size: 16px !important;}
#unit3794 > div {padding: 20px 20px !important;}
#component8561 {margin: 140px 0px 0px !important;}
#unit6418 > div > div { top: 101% !important;}
#unit6418 > div > div > div {font-size: 17px !important;}
#unit6418 > div > span { font-size: 18px !important;}
#unit6418  .col-sm-3 div { font-size: 18px !important;}
#unit6418  .col-sm-8 div {font-size: 18px !important;}
#unit6418  .col-sm-8 span {font-size: 18px !important; }
#unit6418  .col-sm-3 span { font-size: 20px !important;}
#unit6418  .col-sm-8 { width: 100% !important; float: left !important; text-align: center; }    
#unit6418  .col-sm-3 { width: 100% !important; float: left !important; text-align: center;}
#unit6418 > div {padding: 15px 15px 15px !important;}
.worship_03 tr:first-child {font-size: 17px !important;}
.worship_03 td:first-child { font-size: 15px !important;}
.worship_03 { font-size: 15px !important;}
#unit9608 > div {    padding: 15px !important;}
#unit9608 > div span { font-size: 15px !important;}
#unit9608 > div  > div {font-size: 17px !important;}
#unit6418 > div { height: 150px !important;}
#unit6418 > div > div > span { font-size: 17px !important;}
#unit4849 > div { padding: 20px 15px !important;}
#unit4849 > div  span { font-size: 15px !important;}
#unit3933 > div span { font-size: 15px !important;}
    #unit3933 > div {    padding: 15px !important;}
    .sub11 #unit2994 > div{height: auto!important;     background-size: cover;}
     .sub11 #unit2994 >div >div { position:relative!important; padding: 20px; right:initial!important; left:initial!important; }
     .sub11 #unit2994 >div >div:nth-of-type(2) span { font-size:17px!important;}

    .sub17 #unit5607 >div{background-size:cover;}
    .sub17 #unit8078{margin:0!important;}
    .sub17 .dimode-theme > div:nth-of-type(2) .dimode-sort, .sub17 .dimode-theme > div:nth-of-type(4) .dimode-sort{
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }
    .sub17 #unit8078 >div{padding:20px!important;}
    .sub17 #unit8078 p{font-size:20px!important;}
    .sub194 #unit3266 span {font-size:17px!important;}
    .sub18 #unit2035 span, .sub18 #unit9405 span {        font-size: 15px !important;    }
    .sub18 div#unit9405,  .sub18 #unit2035 {        padding-bottom: 15px;    }

    .sub19 div#unit3599 > div, .sub19 div#unit7026 > div {        font-size: 20px !important;    }
    .sub19 table.organ_01 td {        font-size: 16px !important;    }

          .sub19 #unit6234 .col-sm-4 {width:180px!important;}
      .sub19 #unit6234 .col-sm-8 {width:50%!important;}
    .sub19 #unit6234 > div .row .col-sm-6 {        display: flex;        flex-wrap: wrap;        justify-content: space-evenly;        padding-bottom: 15px;  text-align: center;  }
     .sub19 #unit6234 .col-sm-4 >div{width:initial!important;}
    .sub19  div#unit2867 {        overflow: scroll;    }
    .sub19 .organ_02 {        text-align: left;    }
    .sub19 #unit6234 >div{padding:20px!important;}

        .sub25 #unit4287 > div {        height: auto!important;         background-size: cover;    }
    .sub25 #unit4287 > div >div {           position: initial!important;  padding: 4%; }

        .sub25 #unit4287 > div, .sub26 #unit4287 > div,  .sub29 #unit4287 > div, .sub30 #unit4287 > div,.sub31 #unit4287 > div{        height: auto!important;         background-size: cover;    }
    .sub25 #unit4287 > div >div, .sub26 #unit4287 > div >div, .sub29 #unit4287 > div >div, .sub30 #unit4287 > div >div, .sub31 #unit4287 > div >div {           position: initial!important;  padding: 4%; }

     .sub31 #unit9810 >div{padding:20px!important;}

    .sub23 div#daumRoughmapContainer1681192022919 {        width: 100%!important;      padding: 20px 0 !important;    }
    .sub23 .dimode-sort.row.ui-sortable > div {        text-align: center;    }

    .sub22 #unit8920 >p{ font-size:30px!important;}
    .sub22 .history_02 li {         font-size: 15px;    }
    .sub22 .history_01 td:nth-child(1) {     font-size: 18px;    padding: 0px!important; }

    .sub21 #unit3266 span{font-size:25px!important;}
      .sub21 #unit3266>div{height:200px!important;}
       .sub21 #unit3266>div>div {width:70%;}
    .sub21 .A_01 {  padding: 5px 25px!important;    }

    .sub21 .Q_01.panel-title .col-sm-11 {        width: 90%;    }
    .sub21 .Q_01.panel-title .col-sm-1 {        width: 50px;    }
    .sub21 .Q_01.panel-title .row {        display: flex;      align-items: center;  }


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






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

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