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


.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;}

#component9415{display: grid;width: 100%;grid-template-columns: 1fr 1fr 1fr 1fr;gap:30px;}

#gnb-wrap{background-color: rgba(255, 255, 255, .5) !important;}
@media (max-width:1499px) {
    #component2401 > .dimode-sort{display: grid;width: 100%;grid-template-columns: 1fr 1fr;gap:15px;}
    .sub30 #component2401 > .dimode-sort{gap:0;}
    .sub30 #component2401 #unit2380 div img{float:right;}
    #component2401 > .dimode-sort:after,
    #component2401 > .dimode-sort:before{content:none;}
    #component2401 #unit2380,
    #component2401 #unit6374{width:100%;}
    #component2401 #unit2380 > div,
    #component2401 #unit6374 > div{height:100%!important;}
    #component2401 #unit2380 div img, 
    #component2401 #unit6374 div img{display:block;margin: 0 0 20px!important;}
    #component2401 #unit2380 div span,
    #component2401 #unit6374 div span{margin:0!important;}
    #component6359 .container,
    #component5506 .container{width:100%!important;}
}

@media (max-width:1199px) {
    #component6881 #unit3381{width:100%!important;text-align:center;}
    #component6881 #unit8656{width:100%!important;}
    #component5506{background-position:center;background-size:cover;}
}

@media (max-width:992px) {
    #component2401 > .dimode-sort{grid-template-columns: 1fr;}
    #component4614{padding:20px!important;}
    #component9881 #unit8916{width:100%!important;text-align:center;}
    #component9881 #unit4013{width:100%!important;}
    .sub30 #component5506 #unit9303 > div{padding:0 15px!important;}
    #component3103 #unit1152{width:100%!important;text-align:center;padding-bottom:20px!important;}
    #component3103 #unit1085{width:100%!important;}
    .sub39 .dimode-theme > .dimode-sort:last-child{display:grid;grid-template-columns: 1fr 1fr;gap:15px;}
    .sub39 .dimode-theme > .dimode-sort:last-child:after,
    .sub39 .dimode-theme > .dimode-sort:last-child:before{content:none;}
    .sub39 .dimode-theme #component7411{width:100%!important;padding:0!important;}
}

@media (max-width:767px) {
    .map-content{height:300px!important;}
    #component6359 #unit1886 > div > div:nth-child(1){font-size:24px!important;padding: 0 0 20px!important;}
    #component6359 #unit1886 > div > div:last-child{font-size:17px!important;}
    #component5506 #unit9303{padding:20px 0!important;}
    #component5506 #unit9303 > div:nth-child(1){font-size:20px!important;}
    #component5506 #unit9303 > div:last-child{font-size:17px!important;}
    #component2401 #unit2380 > div, 
    #component2401 #unit6374 > div{padding:15px!important;}
    #component2401 #unit2380 > div > div,
    #component2401 #unit6374 > div > div{font-size:15px!important;}
    #component2401 #unit2380 div span,
    #component2401 #unit6374 div span{font-size:17px!important;}
    #component4614 #unit4777{padding:0!important;}
    #component4614 #unit4777 div{font-size:15px!important;}
    #component4614 #unit4777 > div:nth-child(1){font-size:20px!important;padding:0 0 20px!important;}
    #component6451{padding:0!important;}
    #component8976{padding:0!important;margin:0!important;}
    #component8976 #unit4871 > div:nth-child(1){font-size:20px!important;}
    #component8976 #unit4871 > div:last-child{font-size:17px!important;}
    #component9881{padding:15px 15px 0!important;}
    #component9881 #unit4013 > div:nth-child(1){font-size:17px!important;padding-bottom:15px!important;}
    #component9881 #unit4013 > div{font-size:15px!important;}
    #component8608 #unit3840,
    #component8608 #unit8449{padding:0 15px 15px!important;}
    #component8608 #unit8449 div,
    #component8608 #unit3840 div{font-size:17px!important;}
    #component2415{padding:15px 0!important;}
    #component4981{margin:20px 0 0!important;}
    #component2415 #unit2957 div{font-size:20px!important;padding:0!important;}
    #component8593 #unit5940 div{font-size:15px!important;}
    #component4104 #unit4921{padding:15px 0!important;}
    #component5841{padding:15px!important;}
    #component5841 #unit1207 div{font-size:15px!important;}
    #component5841 #unit1207 div span{font-size:17px!important;}
    #component6881{padding:20px 15px 0px!important;}
    #component6881 #unit8656 > div{font-size:20px!important;}
    #component6881 #unit8656 table tbody tr td{font-size:15px!important;}
    .sub30 #component5506,
    .sub31 #component5506,
    .sub32 #component5506,
    .sub30 #component5506 #unit9303,
    .sub31 #component5506 #unit9303,
    .sub32 #component5506 #unit9303{height:inherit!important;}
    .sub33 #component5506 #unit9303{height:inherit!important;}
    .sub30 #component5506 #unit9303 > div,
    .sub31 #component5506 #unit9303 > div,
    .sub32 #component5506 #unit9303 > div{position:relative!important;transform:none!important;top:0!important;left:0!important;}
    .sub33 #component5506 #unit9303 > div{position:relative!important;transform:none!important;top:0!important;left:0!important;}
    .sub30 #component5506 #unit9303 > div > div:nth-child(1){font-size:24px!important;}
    .sub31 #component5506 #unit9303 > div > div:nth-child(1),
    .sub32 #component5506 #unit9303 > div > div:nth-child(1){font-size:24px!important;padding:15px!important;}
    .sub33 #component5506 #unit9303 > div > div:nth-child(1){font-size:24px!important;padding:15px!important;}
    .sub30 #component5506 #unit9303 > div > div:nth-child(3),
    .sub31 #component5506 #unit9303 > div > div:nth-child(3),
    .sub32 #component5506 #unit9303 > div > div:nth-child(3){font-size:20px!important;}
    .sub33 #component5506 #unit9303 > div > div:nth-child(3){font-size:20px!important;}
    .sub30 #component5506 #unit9303 > div > div,
    .sub31 #component5506 #unit9303 > div > div,
    .sub32 #component5506 #unit9303 > div > div{font-size:17px!important;}
    .sub33 #component5506 #unit9303 > div > div{font-size:17px!important;}
    .sub30 #component2401
    .sub31 #component2401,
    .sub32 #component2401{padding:15px!important;}
    .sub33 #component2401{padding:15px!important;}
    #component2611{padding:15px!important;}
    #component2611 #unit6975{padding:0!important;}
    #component2611 #unit6975 > div{padding:20px!important;}
    #component2611 #unit6975 > div hr{margin:0 10px!important;}
    #component2611 #unit6975 > div > div:nth-child(1) span{font-size:20px!important;}
    #component2611 #unit6975 > div > div{font-size:15px!important;padding-bottom:10px!important;}
    #component2611 #unit6975 > div > div span{font-size:17px!important;width:100%!important;}
    .sub35 #component5506 #unit9303 div{font-size:17px!important;}
    #component5858{margin:0 0 20px!important;}
    #component5858 #unit1722 div span{font-size:17px!important;}
    #component5858 #unit1722 div{font-size:15px!important;}
    #component5858 #unit1722 table tbody tr td{font-size:15px!important;}
    #component5858 #unit1722 table tbody tr td span strong{font-size:17px!important;}
    #component5506{background-position:center;background-size:cover!important;background-repeat:no-repeat!important;}
    .sub37 #component5506 #unit9303 div:nth-child(1){font-size:20px!important;}
    .sub37 #component5506 #unit9303 div{font-size:15px!important;}
    .sub37 #component5506 #unit9303 div span:nth-child(1){font-size:17px!important;}
    .sub37 #component5506 #unit9303 div span{font-size:15px!important;}
    .sub37 #component5858{padding:20px 20px 0!important;}
    .sub37 #component3103 #unit1085 div{font-size:15px!important;}
    .sub37 #component3103 #unit1085 div > span:nth-child(1){font-size:17px!important;}
    .sub37 #component3103 #unit1085 div span{font-size:15px!important;}
    #component3472 #unit6444 table tbody tr td{font-size:15px!important;}
    #component3472 #unit6444 table tbody tr td strong span{font-size:17px!important;}
    #component7393 #unit7836 div{font-size:15px!important;}
    .sub39 .dimode-theme > .dimode-sort:last-child {grid-template-columns: 1fr;}
    #component7411 #unit3832 div:nth-child(2){margin: 10px 0 0!important;font-size:17px!important;}
}

@media (max-width:320px) {
}
/*********************kjl추가*************************/

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