@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;}
#component1350 #unit8748{padding:15px!important;}
#daumRoughmapContainer1681463363474{width:100%!important;}
#component3825,
#component3041 #unit9955{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;}

@media (max-width:1499px) {
    #component2535 #unit1568 .map-content{height:412px!important;}
    .t_box{width:25%!important;}
}

@media (max-width:1199px) {
    #component8938 #unit2470{padding:20px!important;}
    #component3107 #unit2762{width:33%!important;}
    #component2535 #unit1568 .map-content{height:335px!important;}
    #component4300 .dimode-sort{display:inline-flex;flex-direction: column;width: 100%;}
    #component4300 .dimode-sort #unit8925{width:100%!important;text-align:center;}
    #component4300 .dimode-sort #unit4356{width:100%!important;}
    .t_box{width:30%!important;}
}

@media (max-width:992px) {
    #component6219 #unit3364{width:35%!important;}
    #component6219 #unit4240{width:65%!important;padding: 0px 15px 15px!important;}
    #component3107 #unit2763{width:75%!important;}
    #component3107 #unit2762{width:50%!important;}
    #component4075 > div{display:inline-flex;flex-wrap: wrap;}
    #component4075 #unit8457{width:100%!important;order:1;}
    #component4075 #unit8457 p{text-align:center;}
    #component4075 #unit8593{width:100%!important;order:2;}
    .sub17 .dimode-theme > .dimode-sort{display: inline-flex !important;flex-direction: column;flex-wrap: wrap;width: 100%;margin:0!important;}
    .sub17 .dimode-theme > .dimode-sort #component9190,
    .sub17 .dimode-theme > .dimode-sort #component2535,
    #component1319 #unit4687,
    #component1319 #unit1825{width:100%!important;}
    .t_box{width:40%!important;}
    .box_line{border:none!important;}
    #component3041 #unit9955 .valign{height:545px!important;}
    #component3825 #unit9991 .valign{height:450px!important;}
}

@media (max-width:767px) {
    #component6219 #unit3364{width:100%!important;}
    #component6219 #unit3364 p strong span{font-size:20px!important;}
    #component6219 #unit4240{width:100%!important;padding: 0px 15px 15px!important;}
    #component6219 #unit4240 > p:nth-last-child(2){margin-top:0px!important;}
    #component6219 #unit4240 > p:nth-last-child(2) strong span{font-size:17px!important;}
    #component6219 #unit4240 > div{padding:15px!important;}
    #component6219 #unit4240 > div > p:nth-child(1){font-size:17px!important;}
    #component6219 #unit4240 > div > p:nth-child(2){font-size:15px!important;}
    #component8477 #unit8119 div p span:last-child{font-size:15px!important;}
    #component4126 #unit5822 .t_1 tbody tr td{font-size:15px!important;}
    #component8938{margin: -5px 0px 0px!important;}
    #component8938 #unit2470{padding:10px!important;}
    #component8938 #unit2470 p{margin:0!important;}
    #component3107{padding:0!important;margin:0!important;}
    #component3107 #unit2763{width:100%!important;}
    #component3107 #unit2763 > div{padding:0!important;}
    #component3107 #unit2762{width:50%!important; padding:0!important;float: left!important;}
    #component3107 #unit2762 > div{padding:0 5px!important;}
    #component4075 #unit8593 table tbody tr td{font-size:15px!important;}
    #component4075:nth-child(1){padding-bottom:20px!important;}
    #component2535 #unit1568 .map-content{height:206px!important;}
    #component5398{padding:0!important;}
    #component4543{padding-bottom:20px!important;}
    #component3746{padding:0!important;}
    #component1670{padding:10px!important;}
    #component4597 .map-content{height:250px!important;}
    #component4300{padding:10px 20px 0 10px!important;}
    #component4300 .dimode-sort{margin:0!important;display:inline-block!important;}
    #component4300 .dimode-sort #unit4356{padding:0!important;}
    #component4300 .dimode-sort #unit4356 p:nth-child(1){margin-bottom:15px!important;}
    #component1319 #unit4687, #component1319 #unit1825 div p{text-align:center;}
    .t_box{width: 100% !important;margin: 0;text-align:center;margin-bottom:10px!important;}
    #component3041 #unit9955 .valign{height:300px!important;}
    .sub35 #component3041 #unit9955 .valign,
    .sub45 #component3041 #unit9955 .valign,
    .sub46 #component3041 #unit9955 .valign{height: 515px !important;}
    #component3825 #unit9991 .valign{height: 300px !important;}
    .sub56 #component3825 #unit9991 .valign{height: 350px !important;}
    .sub35 #component3041 #unit9955 .valign > div,
    .sub46 #component3041 #unit9955 .valign > div{width:95%!important;}
    #component3041 #unit9955 .valign p font span{font-size:24px!important;}
    #component3041 #unit9955 .valign > div > p:nth-child(1){margin-bottom:10px!important;}
    #component3041 #unit9955 .valign > div > p:nth-child(2){margin:0!important;}
    #component3825 #unit9991 .valign p:nth-child(1) font span{font-size:24px!important;}
    #component3825 #unit9991 .valign > p:nth-child(2){margin-bottom:15px!important;}
    #component3825 #unit9991 .valign > div > p .written_pen,
    #component3825 #unit9991 .valign > p .written_pen{letter-spacing: 3px!important;font-size: 17px!important;}
    #component2776 #unit2661 div p{font-size:15px!important;}
    .sub55 #component3825 #unit9991 .valign > div > p,
    .sub56 #component3825 #unit9991 .valign > div > p{display: inline-flex;flex-wrap: wrap;width: 100%;text-align: center;}
    .sub55 #component3825 #unit9991 .valign > div > p span,
    .sub56 #component3825 #unit9991 .valign > div > p span{width:100%!important;}
}






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

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