﻿@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;
}


.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%;
}
*/


/*서브메뉴*/
.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;
}
.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;}



.map-content {
    height: initial !important;
    aspect-ratio: 131 / 80;
}

.board-theme .theme-list table th, .board-theme .theme-list table td {font-size:16px;}




@media (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 (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 (max-width:992px) {
	
	
	.sub14 div#component2652 {    width: 33% !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) {
	.sub12 div#unit2195 {    padding: 0 !important;}
	.sub13 div#unit2195 {    padding: 15px 0 !important;}
	.sub12 div#unit2195 >div >div, .sub13 div#unit2195 >div >div , 
	.sub17 div#unit2195:nth-of-type(2) >div,
	.sub18 div#unit6743 >div	{    padding: 30px 20px !important;}
	.sub14 div#component2652 { 
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
	
	.sub15 div#unit2195 {    padding: 0 !important;}
	.sub15 img {    width: 100%;}
	
	.sub17 div#unit2195 {    padding: 15px 0 !important;}
	.sub18 .col-sm-3 {    display: flex;    align-items: center;}
	.sub18 .col-sm-8 {    padding-top: 20px;}
	
	
	.sub26 div#unit2195 {    justify-content: center; padding: 15px 0 !important;         overflow: scroll;}
	.sub28 div#unit2195  {    justify-content: center; padding: 15px 0 !important;   }
	.sub27 div#unit2195 , .sub321  div#unit2195 ,
	.sub115 div#unit2195 , .sub317  div#unit2195,
	.sub116 div#unit2195 , .sub319  div#unit2195,
	.sub117 div#unit2195 , .sub318  div#unit2195,
	.sub118 div#unit2195 , .sub320  div#unit2195{    justify-content: center; padding: 15px 0 !important;   }
	
	.sub28 div#unit5789 >div	{    padding: 30px 20px !important;}
	
	
	.sub29 div#unit2195 {    justify-content: center; padding: 15px 0 !important;         overflow: scroll;}
    
	
	.sub45 div#unit2195 {    padding: 0 !important;}
	.sub45 div#unit2195 img {    width:100%;} 
	.sub45 div#unit5789 >div	{    padding: 30px 20px !important;}
	
	
	
	.sub47 div#unit2195:nth-of-type(1) {  padding: 15px 0 !important;  justify-content: center;  display:flex;}
    .sub47 div#unit2195 >div{    width:100%;}
	.sub47 div#unit2195 img{    width:100%;}
	.sub47 div#unit2195 {    width: 100% !important;}
	
	.sub46 .titlesub46  div#unit2195  {  padding: 5px 0 !important;  justify-content: center;  display:flex;}
	.sub46 div#unit2195 >div{    width:100%;}
	
	.sub46  div#component4127 {    padding: 0 !important;}
	.sub46 div#unit2195 img{    width:100%;}
	
	/* div#subtop {        padding-top: 116px;    } */
    /* .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:420px) {
	.sub14 div#component2652 { 
        width: 50%!important;
    }
}

 
