/* 역대교육장 */
.office_history {position:relative;}
.office_history ol {position:relative; width:102%; margin-left:-1%; display:flex; flex-wrap:wrap; overflow:hidden;}
.office_history ol > li {position:relative; width:31.33%; min-height:8.5rem; float:left; margin:0 1% 1rem; padding:1rem 1rem 1rem 5.75rem; border:1px solid #c5c9d6; border-radius:.75rem; }
.office_history ol > li p {position:absolute; left:1rem; top:1rem; width:3.5rem; height:4.55rem; }
.office_history ol > li p img {position:relative; width:3.5rem; height:4.55rem; border-radius:.5rem;}
.office_history ol > li p:before{ content:""; position:absolute; right:-.25rem; bottom:-.25rem; width:100%; height:100%; border-radius:.5rem; background:url('/resource/images/dgedu/sub_com/pt_gray.png') repeat; }
.office_history ol > li dl dt span {display:inline-block; min-width:2.5rem; line-height:1.5rem; margin-right:.25rem; text-align:center; color:#fff; background:#0d69cd; border-radius:.75rem; padding: 0 0.3rem; }
.office_history ol > li dl dt strong {display:block; margin-top:.25rem; font-size:1rem; font-weight:700; color:#000; }
.office_history ol > li dl dd {margin-top:.35rem; padding-top:.35rem; border-top:1px solid #c5c9d6; }

/* 조직안내 */
.orgWrap{ position:relative; text-align:center;}
.orgWrap :before{ z-index:-1;}
.orgWrap:before{ content:""; position:absolute; left:50%; top:0; height:100%; border-left:1px solid #ddd;}
.orgWrap a{ display:block; position:relative;}
.orgWrap h2{ position:relative; display:inline-block; min-width:15rem; font-size:1.1rem; font-weight:700; color:#fff; padding:1rem .5rem; border-radius:.25rem; background:#28348a;}
.orgWrap .dept1{ position:relative; display:flex; flex-wrap:wrap; align-items:flex-start; width:calc(100% + 2rem); margin-left:-1rem; margin-top:1.5rem; overflow:hidden;}
.orgWrap .dept1 .part{ position:relative; flex:1; margin:0 1rem; overflow:hidden;}
.orgWrap .dept1 .part h3{ position:relative; width:15rem; line-height:1.3; margin:1rem auto; font-weight:700; font-size:1.1rem; padding:.75rem .5rem; border-radius:.25rem; color:#fff;}
.orgWrap .dept1 .part h3 span{ display:inline-block; font-weight:400; font-size:.85rem; margin:0 .25rem;}
.orgWrap .dept2{ position:relative; display:flex; flex-wrap:wrap; width:calc(100% + 1rem); margin-left:-.5rem;}
.orgWrap .dept2:before{ content:""; position:absolute; left:10%; top:0; width:calc(80% + 1px); border-top:1px solid #ddd;}
.orgWrap .dept2 dl{ position:relative; min-height:6rem; flex:1; margin:0 .5rem;  padding-top:1.25rem;}
.orgWrap .dept2 dl:first-of-type:before,
.orgWrap .dept2 dl:last-of-type:before{ content:""; position:absolute; left:50%; top:0; height:100%; border-left:1px solid #ddd;}
.orgWrap .dept2 dd{ height:100%; padding:.75rem 1rem; border:1px solid #ccc; border-radius:0 0 .25rem .25rem; background:#fff; text-align:left; }
.orgWrap .dept2 dd li a{ position:relative; padding-left:10px;}
.orgWrap .dept2 dd li a:before{ content:""; position:absolute; left:0; top:.5rem; width:4px; height:4px; border-radius:50%; background:#999; z-index: 1;}
.orgWrap .deptEtc{ position:relative; display:inline-block; border-radius:10rem; padding:1rem .5rem; margin-top:2rem; background:#f4f5f9;}
.orgWrap .deptEtc ul{ display:flex; flex-wrap:wrap;}
.orgWrap .deptEtc li{ flex:1; min-width:0; margin:0 1rem;}
.orgWrap .deptEtc li a{ width:5rem; height:5rem; display:flex; align-items:center; justify-content:center; font-weight:600; border-radius:50%; border:1px solid #ddd; margin:0 auto; background:#fff;}
/* 조직안내 : 색상 */
.orgWrap .col1 h3{ background:#0d69cd;}
.orgWrap .col1 .dept2 dt{ background:#f3f6ff; border-color:#0d69cd;}
.orgWrap .col2 h3{ background:#7758db;}
.orgWrap .col2 .dept2 dt{ background:#f8f6ff; border-color:#7758db;}

/* 사전정보공표 */
.befinfo li + li{ margin-top:.5rem;}
.befinfo li a{ position:relative; display:flex; align-items:center; padding:.75rem 2.5rem .75rem 1.25rem; font-size:.9rem; border-radius:.5rem; background:#f9f9f9; border:1px solid #c5c9d6; transition: all .2s; -webkit-transition: all .2s; }
.befinfo li a:before{ content:"\e97a"; position:absolute; right:1rem; top:.65rem; font-family: 'xeicon'; font-size:1.1rem; color:#000;}
.befinfo li strong{ min-width:6.5rem; font-weight:700; color:#000;}
.befinfo li span{ flex:1;}
.befinfo li strong + span::before{ content:""; display:inline-block; vertical-align: middle; height:.75rem; border-left:1px solid #ccc; margin-right:1rem;}
.befinfo li a:hover{ border-color:#28348a; background:#f4f7ff;}
.befinfo.w25{ width:102%; margin-left:-1%; display:flex; flex-wrap:wrap;}
.befinfo.w25 li{ width:23%; margin:.25rem 1%; }
.befinfo.w25 li strong{min-width:0px;}


@media screen and (max-width:1440px){ 
	
	/* 조직안내 */
	.orgWrap .dept2 dd{ padding:.75rem .5rem;}
}

@media screen and (max-width:960px){ 

	/* 조직안내 */
	.orgWrap .dept2{ width:100%; margin:0; border:2px solid ; padding:0 1rem 1.25rem; background:#fff; border-radius:.25rem;}
	.orgWrap .dept2:before{ display:none;}
	.orgWrap .dept2 dl{ flex:auto; width:100%; min-height:0px; margin:0;}
	.orgWrap .dept2 dl:before{ display:none;}
	.orgWrap .deptEtc{ display:block;}
	.orgWrap .deptEtc li{ margin:auto;}
	/* 조직안내 : 색상1 */
	.orgWrap .col1 .dept2{ border-color:#b1cff0;}
	/* 조직안내 : 색상2 */
	.orgWrap .col2 .dept2{ border-color:#c3b5ef;}

	/* 사전정보공표 */
	.befinfo.w25 li{ width:31.33%; }
}

@media screen and (max-width:860px){ 

	/* 역대교육장 */
	.office_history > ol > li {width:48%;}

	/* 조직안내 */
	.orgWrap h2{ min-width:8rem; padding:.75rem .5rem; font-size:1rem;}
	.orgWrap .dept1 .part h3{ font-size:1rem;}
}

@media screen and (max-width:768px){ 

	/* 조직안내 */
	.orgWrap .deptEtc{ border-radius: 1rem;}
	.orgWrap .deptEtc li{ min-width:33.33%; flex:0; margin:0;} 
	.orgWrap .deptEtc li a{ width:auto; height:auto; display:block; margin:.25rem; padding:.5rem; border-radius:1rem;}

	/* 사전정보공표 */
	.befinfo.w25 li{ width:48%; }
}

@media screen and (max-width:580px){ 

	/* 역대교육장 */
	.office_history > ol { width:100%; margin:0;}
	.office_history > ol > li {width:100%; margin:0 0 .5rem;}
}

@media screen and (max-width:460px){ 

	/* 역대교육장 */
	.office_history > ol { width:100%; margin:0;}
	.office_history > ol > li {width:100%; margin:0 0 .5rem;}

	/* 조직안내 */
	.orgWrap .dept1{ width:100%; margin:0;}
	.orgWrap .dept1 .part{ flex:auto; width:100%; margin:0;}
	.orgWrap .dept1:before{ display:none;}
	.orgWrap .dept1 .part h3{ width:auto; margin:2rem auto .5rem;}
	.orgWrap .dept2{ padding:0 .75rem 1rem; }
	.orgWrap .dept2 dl{ padding-top:.5rem;} 
	.orgWrap .deptEtc{padding:.5rem;}

	/* 사전정보공표 */
	.befinfo li a{ display:block;}
	.befinfo li a:before{ top:calc(50% - .8rem);}
	.befinfo li strong,
	.befinfo li span{ display:block;}
	.befinfo li strong + span::before{ display:none;}
	.befinfo.w25 li{ width:100%; margin:.25rem 0; }

}

@media screen and (max-width:360px){ 

	/* 조직안내 */
	.orgWrap .deptEtc li{ min-width:50%;}
}