@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;
}
#gnb-wrap { background-color: #000;}
.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%;
}
*/

.sub-unit {
    position: relative;
    padding: 40px 0 30px 0; /* 위아래 여백 */
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
}

/* 상단 경로 (Breadcrumb - 빵판) */
.subgnb-home {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #666;
    margin-bottom: 25px; /* 타이틀과의 간격 */
}

.subgnb-home a, 
.subgnb-home span {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.subgnb-home img {
    vertical-align: middle;
}

.subgnb-home .title {
    color: #666;
}

/* 좌측 서브페이지 타이틀 */
.subTitle {
    display: block;
}

#sub_title {
    font-size: 50px;
    font-weight: bold;
    color: #222;
    margin: 0;
    letter-spacing: -1px;
}

/* 우측 3Depth 서브메뉴 탭 */
ul.depth3 {
    position: absolute; /* 영역 우측 하단에 고정 */
    right: 0;
    bottom: 30px; /* .sub-unit의 bottom 패딩과 동일하게 맞춰서 텍스트 정렬 */
    display: flex;
    align-items: center;
    gap: 20px; /* 메뉴 간격 */
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.depth3 li {
    display: inline-block;
}

ul.depth3 li a {
    font-size: 16px;
    color: #888 !important; /* 기존 스타일에 덮어씌워지지 않도록 !important 사용 (필요시 제거) */
    text-decoration: none;
    padding-bottom: 5px;
    font-weight: 500;
}

ul.depth3 li.active a,
ul.depth3 li a:hover {
    color: #222 !important;
    font-weight: bold;
    border-bottom: 2px solid #222; /* 활성화된 메뉴 하단 선 */
}
/*서브메뉴*/
.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;
}



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

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

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

@media (max-width:767px) {
	 .sub-unit {
        position: relative;
        display: block;
    }
    ul.depth3 {
        position: static;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 20px;
    }
    
}

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






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

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