@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;}
#component5383 > .row{display:grid;grid-template-columns: 1fr 1fr 1fr;gap:30px!important;}
#component5383 > .row:after,
#component5383 > .row:before{content:none!important;}
#component5383 #unit1555{width:100%!important;padding:0!important;}
#component4562 #unit8034 #daumRoughmapContainer1769592331460{width:100%!important;}

#component8628{background-size: cover!important;background-repeat: no-repeat!important;background-position: center!important;}
@media (max-width:1499px) {
    #component9432 > .dimode-sort{display:grid;}
    #component9432 > .dimode-sort #unit3611{display:grid;grid-template-columns: 1fr 1fr;width:100%;}
    #component9432 > .dimode-sort #unit3611 img{width:inherit!important;height:inherit!important;}
    #component9432 #unit7816{width:100%!important;}
    #component5432 #component3910{width:100%!important;padding:0!important;}
    #component5432 #component9421{width:100%!important;padding:0!important;}
    #component1276 #unit6748 .row .col-sm-3{width:100%!important;padding:0!important;text-align:center;}
    #component1276 #unit6748 .row .col-sm-8{width:100%!important;padding:0!important;margin:20px 0 0!important;}
}
@media (max-width:1199px) {
    #component4024 #unit9670 > div{height:inherit!important;}
    #component5661 #unit9842 > div:nth-child(2) .row{display:grid;grid-template-columns: 1fr;}
    #component5661 #unit9842 > div:nth-child(2) .row:before,
    #component5661 #unit9842 > div:nth-child(2) .row:after{content:none!important;}
    #component5661 #unit9842 > div:nth-child(2) .col-sm-6{width:100%!important;padding:10px!important;}
    #component3122 .row{display:grid;grid-template-columns: 1fr;}
    #component3122 #unit3859,
    #component3122 #unit7296{width:100%!important;}
    #component9225 #unit6930 .row{display:grid;grid-template-columns: 1fr;}
    #component9225 #unit6930 .row:before,
    #component9225 #unit6930 .row:after{content:none!important;}
    #component9225 #unit6930 .row .col-sm-6{width:100%!important;text-align:center;}
    #component9225 #unit6930 .row .col-sm-6:nth-child(1){padding:0 0 20px;}
    #component3113 #unit9304 .col-sm-3{width:100%!important;padding-bottom:20px!important;text-align:center;}
    #component3113 #unit9304 .col-sm-1{display:none;}
    #component3113 #unit9304 .col-sm-8{width:100%!important;}
    #component8136 #unit8941 > div > div{left: 50%!important;width:100%;}
    #component1446 #unit4382 .row{margin:20px 0 0!important;display:grid;grid-template-columns: 1fr 1fr;gap:15px;}
    #component1446 #unit4382 .row:nth-child(1){margin-bottom:20px!important;}
    #component1446 #unit4382 .row:before,
    #component1446 #unit4382 .row:after{content:none!important;}
    #component1446 #unit4382 .row .col-sm-3{width:100%!important;padding:0!important;}
    #component1446 #unit4382 .row .col-sm-6{width:100%!important;}
    #component1446 #unit4382 .row .col-sm-4{width:100%!important;padding:0!important;}
    #component3113 #unit9087 .row{display:grid;grid-template-columns: 1fr;gap:20px!important;}
    #component3113 #unit9087 .row > .col-sm-4{width:100%!important;}
    #component3037 .dimode-sort{display:grid;grid-template-columns: 1fr 1fr 1fr;gap:30px!important;}
    #component3037 .dimode-sort:after,
    #component3037 .dimode-sort:before{content:none;}
    #component3037 #unit9463{width:100%!important;padding:0!important;}
}
@media (max-width:992px) {
    #component4024 #unit9670 .font-l{margin:0!important;}
    #component5661 #unit9842 > div:nth-child(2){padding:40px!important;}
    #component5383 > .row{grid-template-columns: 1fr 1fr;}
    #component1276 #unit6748 .row{display:grid;grid-template-columns: 1fr;}
    #component1276 #unit6748 .row .col-sm-3{width:100%!important;text-align:center;}
    #component1276 #unit6748 .row .col-sm-8{width:100%!important;}
    .sub27 #component1446 #unit4382 .row:nth-child(1) img{width:inherit!important;height:inherit!important;}
    #component8136 #unit8941 > div{background-repeat: no-repeat;background-position: center;background-size: cover;}
    .info_wrap{justify-content: center;}
    .info_wrap > p:nth-child(even){display:none;}
    #component3318{display:grid;grid-template-columns: 1fr 1fr;}
    #component3318:after,
    #component3318:before{content:none;}
    #component3318 #component8636{width:100%!important;}
    #component2387 > div > div > div{display:grid!important;grid-template-columns: 1fr 1fr 1fr!important;}
    #component2387 > div > div > div:after,
    #component2387 > div > div > div:before{content:none;}
    #component2387 > div > div > div > .col-sm-1{width:100%!important;}
    #component4922 .row{display:grid;grid-template-columns: 1fr 1fr;}
    #component4922 .row:after,
    #component4922 .row:before{content:none;}
    #component4922 .row #unit2137{width:100%!important;padding:0!important;}
}
@media (max-width:767px) {
    .row{margin:0!important;}
    .table-responsive{border:none!important;}
    .page-content {font-size: 1.1rem!important;}
    .font-l {font-size: 1.2rem!important;}
    .font-2xl {font-size: 1.2rem!important;}
    .font-3xl {font-size: 1.4rem!important;}
    .font-4xl {font-size: 1.6rem!important;}
    .font-5xl {font-size: 1.8rem!important;}
    #component9432 > .dimode-sort #unit3611{grid-template-columns:1fr!important;}
    #component9432 #unit7816 > div{padding:5vw!important;}
    #component2717 #unit8635 span{font-size:1.4rem!important;}
    #component4024 #unit9670 > div{padding:5vw!important;}
    #component4024 #unit9670 .font-l span{font-size:1.4rem!important;}
    #component5432 #component3910 #unit7063 > div{padding:5vw!important;}
    #component5432 #component9421 #unit6519 > div{padding:5vw!important;}
    #component5715 #unit9087 > div{padding:5vw!important;}
    #component5715 #unit9087 > div:nth-child(2) > p{margin:0!important;}
    #component5715 #unit9087 > div p span{font-size:1.1rem!important;}
    #component5661 #unit9842 > div,
    #component5661 #unit9842 > div:nth-child(2){padding:15px!important;}
    #component5661 #unit9842 > div:nth-child(2) .col-sm-6{margin:0!important;}
    #component5383 > .row{grid-template-columns: 1fr;}
    #component4104 #unit4921{padding:10px 0!important;}
    #component8694 #unit8795 > div{padding:20px 0 20px 10px!important;}
    #component2872{margin:0!important;}
    #component2872 #unit4089 > div{padding:15px!important;}
    #component4562 #unit8034 #daumRoughmapContainer1769592331460 .wrap_map{height:300px!important;}
    #component4562 #unit8035 > div{padding:20px!important;}
    .sub14 #component2717 #unit8635 span {font-size: 1.2rem !important;}
    #component9225 #unit6930 .row .col-sm-6{padding:0!important;}
    #component9225 #unit6930 .row .col-sm-6 img{width:inherit!important;height:inherit!important;}
    #component9225 #unit6930 > div{padding:20px!important;}
    #component3113 #unit9304 > div{padding:20px!important;}
    #component8136 #unit8941 > div{height: 200px!important;padding: 20px 0!important;background-repeat: no-repeat;background-position: center;background-size: cover;}
    #component8136 #unit8941 > div > div{width:100%!important;}
    #component3113 #unit9304 .col-sm-8{margin:0!important;}
    #component1276 #unit6748 > div{padding:0!important;}
    #component8671 #unit7157 > div{padding:20px!important;}
    #component8671 #unit7157 table tbody tr td span{font-size:1.1rem!important;}
    .sub309 #component2717 #unit8635{padding:0!important;}
    .sub309 #component2717 #unit8635 span{font-size:1.2rem!important;}
    .sub24 #component1276 #unit6748 .row .col-sm-8{padding:20px!important;}
    #component1446 #unit4382 > div{padding:20px!important;}
    #component1446 #unit4382 .row{grid-template-columns:1fr!important;}
    .sub27 .font-l span{font-size: 1.2rem!important;}
    #component3805 #unit7804 .row{display:grid;grid-template-columns: 1fr;gap:30px;}
    #component3805 #unit7804 .row .col-sm-4{padding:0!important;}
    #component3113 #unit9087 > div{padding:20px!important;}
    #component3113 #unit9087 .row > .col-sm-4{display:grid;grid-template-columns: 1fr;gap:15px;}
    #component3113 #unit9087 .row > .col-sm-4 > .col-sm-4,
    #component3113 #unit9087 .row > .col-sm-4 > .col-sm-8{padding:0!important;margin:0!important;}
    .info_wrap{gap:20px!important;}
    #component2387 > div > div > div{grid-template-columns: 1fr 1fr!important;}
    .sub241 #component3805 #unit7804 > div{padding:15px!important;}
    #component2499 .row{display:grid;grid-template-columns: 1fr;gap:15px;}
	#component3037 .dimode-sort{grid-template-columns: 1fr 1fr;}
	#component8628 #component9681{padding:20px!important;}
	#component9681 .font-l{margin-top:20px!important;}
	#component9681 .font-l img{margin:20px 0 0!important;}
} 
@media (max-width:320px) {
}






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

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