/* 공통 */
.box_gr {margin:.25rem 0;  padding:.5rem 1rem; border:1px solid #c5c9d6; background:#f7f7f7; }
.overH {overflow:hidden;}

/* 역대교육장 */
.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; width:2.5rem; line-height:1.5rem; margin-right:.25rem; text-align:center; color:#fff; background:#0d69cd; border-radius:.75rem;}
.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:10rem; 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:before{ content:""; position:absolute; left:25%; top:0; width:50%; border-top:1px solid #ddd;}
.orgWrap .dept1 .part{ position:relative; flex:1; margin:0 1rem; overflow:hidden;}
.orgWrap .dept1 .part:before{ content:""; position:absolute; left:calc(50% - 1px); top:0; height:100%; border-left:1px solid #ddd;}
.orgWrap .dept1 .part h3{ position:relative; width:75%; 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:17%; top:0; width:calc(66% + 1px); border-top:1px solid #ddd;}
.orgWrap .dept2 dl{ position:relative; min-height:10rem; 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 dt{ position:relative; display:flex; height:2.5rem; justify-content:center; align-items:center; font-size:.85rem; font-weight:600; color:#000; padding:.15rem .25rem; border:1px solid; border-radius:.25rem;}
.orgWrap .dept2 dd{ height:calc(100% - 2.25rem); padding:.75rem 1rem; border:1px solid #ccc; border-radius:0 0 .25rem .25rem; margin-top:-.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;}

/* 교육방향 */
.eduPlan{ padding:2rem; background:#f5f9fc; line-height:1.4;}
.eduPlan .inner{ position:relative; border-radius:2rem; padding:2rem; background:#fff; box-shadow:0 0 1rem rgba(0,0,0,0.1); overflow:hidden;}
.eduPlan h3{ text-align:center; margin:0 5rem;}
.eduPlan h3 img,
.eduPlan .logo img{ max-width:100%; height:auto; image-rendering:-webkit-optimize-contrast;}
.eduPlan .ci{position:absolute; right:1rem; top:1rem;}
.eduPlan .ci img{ width:4.5rem; height:auto;} 
.eduPlan .part1 ul{ position:relative; display:flex; flex-wrap:wrap; margin:2rem auto 1rem; z-index: 1;}
.eduPlan .part1 ul:before{ content:""; position:absolute; left:10%; top:50%; width:80%; border-top:1px solid #c5c9d6; z-index:-1;}
.eduPlan .part1 li{ position:relative; flex:1;}
.eduPlan .part1 li:before{ content:""; position:absolute; left:calc(50% - 5rem); top:calc(50% - 5rem); width:10rem; height:10rem; border-radius:50%; border:1rem solid #fff;}
.eduPlan .part1 li p{ position:relative; width:8rem; height:8rem; display:flex; align-items:center; justify-content:center; margin:auto; font-size:.9rem; text-align:center; border-radius:50%; border:.5rem solid; color:#000; font-weight:600; background:#fff;}
.eduPlan .part1 li p:before,
.eduPlan .part1 li p:after{ content:""; position:absolute; top:calc(50% - 5px); width:10px; height:10px; border-radius:50%; background:#c5c9d6;}
.eduPlan .part1 li p:before{left:-1.5rem; }
.eduPlan .part1 li p:after{right:-1.5rem; }
.eduPlan .part1 li:first-of-type p:before{display:none;}
.eduPlan .part1 li:last-of-type p:after{display:none;}

.eduPlan .part1_1 {margin:1rem 0; text-align:center;}
.eduPlan .part1_1 p {display:inline-block; padding:.5rem 2rem; font-size:.9rem; font-weight:600; color:#fff; background:#4e9c2b; border-radius:1.5rem;}

.eduPlan .part2 ul{ position:relative; width:calc(100% + .5rem); padding-top:2.5rem; display:flex; flex-wrap:wrap; margin-left:-.25rem;}
.eduPlan .part2 li{ position:relative; flex:1; margin:0 .25rem; border-radius:1rem; padding:1rem 1rem;}
.eduPlan .part2 li p{ width:4.5rem; height:4.5rem; display:flex; align-items:center; justify-content:center; margin:-3rem auto 0; border-radius:50%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.eduPlan .part2 li span{ display:block; line-height:1.4; margin-top:1rem; font-size:.85rem; color:#000; text-align:center; font-weight:600; word-break:keep-all; }
.eduPlan .logo{ text-align:center; margin-top:2rem;}
/* 교육방향 : 색상 */ 
.eduPlan .part1 li.col1 p{ border-color:#814a94;}
.eduPlan .part1 li.col2 p{ border-color:#4e9c2b;}
.eduPlan .part1 li.col3 p{ border-color:#c94e6c;}
.eduPlan .part1 li.col4 p{ border-color:#e7b53d;}
.eduPlan .part2 li.col1{ background-color:#fcf4ff;}
.eduPlan .part2 li.col2{ background-color:#f1ffea;}
.eduPlan .part2 li.col3{ background-color:#fff0f4;}
.eduPlan .part2 li.col4{ background-color:#fff9e9;}
.eduPlan .part2 li.col5{ background-color:#e8f6ff;}

/* 주요추진과제 */
.mainPrtn{ position:relative; display:flex; flex-wrap:wrap; width:calc(100% + .7rem); margin-left:-.35rem;}
.mainPrtn dl{ position:relative; width:calc(50% - .7rem); padding:2rem 1rem 1rem; margin:1.5rem .35rem .5rem; border:1px solid #ddd; word-break: keep-all; border-radius:1rem;}
.mainPrtn dt{ font-weight: 700; font-size:.9rem; line-height:1.3; color:#000; margin-bottom:.75rem;}
.mainPrtn dt em{ position:absolute; left:0; top:-1.5rem; min-width:3rem; height:3rem; display:flex; align-items:center; justify-content:center; text-align:center; padding:0 .75rem; border-radius:2rem 2rem 2rem 0; background:#0d69cd; color:#fff;}
.mainPrtn dd{ padding-right:6rem;}
.mainPrtn dd .img{ position:absolute; right:1rem; bottom:.75rem;}
.mainPrtn dd .img img{ width:5.5rem; height:auto; image-rendering:-webkit-optimize-contrast;}


/* 02. 민원마당 : 민원처리과정 */
.cvpl_process {overflow:hidden; margin-top:.75rem;}
.cvpl_process li {float:left; width:49%; margin-right:1%;}
.cvpl_process li div.txt {margin-top:.25rem; border:1px solid #c5c9d6; border-radius:.75rem; background:#f7f7f7; overflow:hidden;}
.cvpl_process li div.txt div {padding:1rem .5rem; background:#fff; border-bottom:1px dotted #c5c9d6;}
.cvpl_process li div.txt p {min-height:5rem; padding:.75rem 1rem;}

/* 03. 알림마당 : 한눈에보는질의회신빅데이터 */
.bigDate li {position:relative; margin:0 0 .5rem; padding:1rem; min-height:4.25rem;  border:1px solid #c5c9d6; border-radius:.5rem; }
.bigDate li img {position:absolute; left:1rem; top:1rem; width:7.65rem; height:2.25rem;}
.bigDate li p {position:relative; padding:.5rem 8rem .5rem 10rem;}
.bigDate li p:before {content:""; display:block; clear:both; position:absolute; left:9rem; top:20%; height:60%; border-left:2px dotted #c5c9d6;}
.bigDate li a {position:absolute; right:1rem; top:.55rem;}

/* 03. 알림마당 : 학교(유치원)운영위원회 */
.kndrgrCmit li dl {position:relative; margin:.5rem 0; padding:0 0 0 40%; border:1px solid #c5c9d6; border-radius:.5rem;}
.kndrgrCmit li dl dt {position:absolute; left:0; top:0; width:38%; padding:1rem 1rem 1rem 3.75rem; line-height:1.6; color:#006abe; font-size:.9rem; font-weight:600;}
.kndrgrCmit li dl dt span {position:absolute; left:1rem; top:.6rem;  display:block; width:2rem; height:2rem; margin-right:.5rem; line-height:2rem; font-size:.8rem; text-align:center; color:#fff; background:#004378; border-radius:50%; }
.kndrgrCmit li dl dd {position:relative; line-height:1.6; padding:1rem;}
.kndrgrCmit li dl dd:before {content:""; display:block; clear:both; position:absolute; left:0; top:30%; height:40%; border-left:2px dotted #c5c9d6;}

/* 04. 교육지원마당 : Wee센터 > 이용안내 */
.utlinstt_img {overflow:hidden;}
.utlinstt_img li {width:23%; float:left; margin:.5rem 2% .5rem 0; padding:1rem; text-align:center; border:1px solid #c5c9d6;}
.utlinstt_img li:nth-child(4n) {margin-right:0;}
.utlinstt_img li p.img img {max-width:100%;}
.utlinstt_img li span.txt {display:block; margin-top:.5rem;}

/*개인정보처리방침*/
.privacy_wrap .pri_img img{width: 4rem;}
.privacy_wrap img.pri_ico {width: 2rem; vertical-align: middle;}
.list_ol2 > li { position:relative; min-height:1.25rem; padding-left:1.6rem; margin-top:0.35rem; color:#333; line-height:1.2rem; }
.list_ol2 > li > span.num { position:absolute; left:0; top:0; width:1.25rem; height:1.25rem; line-height:1.25rem; font-size:.7rem; border-radius:50%; color:#fff; text-align:center; font-weight:700; color:#1f64b2; background-color:#e8f3ff; letter-spacing: -1px;} 

/*리스트박스*/
.list_box {position: relative;width: 100%;}
.list_box+.list_box {margin-top: 1rem;}
.list_box .listType01 {width: 100%;display: flex;justify-content: flex-start;gap: 1rem;box-sizing: border-box;}
.list_box .listType01>.titBox {font-size: 0.75rem;font-weight: 700;flex: 1 0 3%;display: flex;justify-content: center;align-items: center;padding: .25rem;text-align: center;border: 2px solid #eee;background-color: #004794;color: #fff;text-orientation: upright;}
.list_box .listType01>.contBox {flex: 1 0 90%;display: flex;flex-wrap: wrap;gap: 1rem;align-items: stretch;}
.list_box .listType02 {display: flex;width: 100%;flex-wrap: wrap;gap: 1rem;align-items: stretch;}
.list_box .listType02>.txt_box {border-radius: 1rem;flex: 1 0 30%;box-shadow: inset 0 0 0 2px #eee;}
.list_box .listType02>.txt_box .tit {text-align: center;padding: .5rem;background-color: #0079ff;color: #fff;border-radius: .5rem;font-weight: 600;font-size: .75rem;}
.list_box .listType02>.txt_box .listTxt {padding: .5rem 1rem;}
.list_box .listType02>.txt_box .listTxt>li {word-break: break-all;}
.list_box .listType03 {flex: 1 0 60%;}
.list_box .listType03>.linkBox {display: flex;border: 2px solid #eee;padding: 1rem;border-radius: 1rem;gap: .5rem;font-size: .7rem;}
.list_box .listType03>.linkBox+.linkBox {margin-top: .5rem;}
.list_box .listType03>.linkBox>a {flex: 1 0 37%;}
.list_box .listType03>.linkBox>.tel {flex: 1 0 15%;}
.list_box .listType03>.linkBox>.adress {flex: 1 0 40%;}


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

	/* 교육방향 */
	.eduPlan{ padding:1.25rem;}
	.eduPlan .part1 li:before{ left:calc(50% - 4rem); top:calc(50% - 4rem); width:8rem; height:8rem; border-width:.5rem;}
	.eduPlan .part1 li p{ width:7rem; height:7rem; border-width:.4rem;}
	.eduPlan .part1 li p:before{left:-1.25rem;}
	.eduPlan .part1 li p:after{right:-1.25rem;}
}

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

	/* 교육방향 */
	.eduPlan .inner{padding:2rem 1rem;}
		/*리스트박스  */
.list_box .listType01>.contBox {gap: .5rem}
.list_box .listType02 {gap: .5rem}
.list_box .listType03 {flex: 1 0 100%}
}

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


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

	/* 교육방향 */
	.eduPlan .part1 ul:before{ display:none;}
	.eduPlan .part1 li{ flex:0; min-width:48%; margin:.25rem 1%;}
	.eduPlan .part1 li:before{ display:none;}
	.eduPlan .part1 li p{ width:auto; height:5rem; border-width:.3rem; border-radius:2rem; }
	.eduPlan .part1 li p:after,
	.eduPlan .part1 li p:before{ display:none;}
	.eduPlan .part2 li{ padding:1rem .75rem;}

	/* 주요추진과제 */
	.mainPrtn dd{ padding-right:4.5rem;}
	.mainPrtn dd .img img{ width:4rem;}

	/* 03. 알림마당 : 학교(유치원)운영위원회 */
	.kndrgrCmit li dl {padding:0;}
	.kndrgrCmit li dl dt {position:relative; left:auto; top:auto; width:100%;}
	.kndrgrCmit li dl dd {position:relative; line-height:1.6; padding:1rem 0; margin:0 1rem;}
	.kndrgrCmit li dl dd:before {left:0; top:0; height:auto; width:100%; border-left:none; border-top:2px dotted #c5c9d6;}

}

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

	/* 04. 교육지원마당 : Wee센터 > 이용안내 */
	.utlinstt_img li {width:49%; }
	.utlinstt_img li:nth-child(3n) {margin-right:2%;}
	.utlinstt_img li:nth-child(even) {margin-right:0;}

	/*리스트박스  */
    .list_box .listType01 {flex-direction: column;gap: .5rem}
.list_box .listType01>.titBox {flex: 1 0 100%;writing-mode: horizontal-tb;text-orientation: unset;width: 100%}
.list_box .listType01>.contBox {flex: 1 0 100%}
.list_box .listType03 {flex: 1 0 100%}
}

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

	/* 조직안내 */
	.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;}

	/* 교육방향 */
	.eduPlan .ci{ position:relative; right:auto; top:auto; margin:0 auto; text-align:center;}
	.eduPlan h3{ margin:0 1rem;}
	.eduPlan .part2 ul{ padding:0;}
	.eduPlan .part2 li{ flex:0; min-width:48%; margin:3rem 1% 0;}

	/* 02. 민원마당 : 민원처리과정 */
	.cvpl_process li {float:none; width:100%; margin:1rem 0 0 0;}

	/* 03. 알림마당 : 한눈에보는질의회신빅데이터 */
	.bigDate li { text-align:center;}
	.bigDate li img {position:relative; left:auto; top:auto;}
	.bigDate li p {position:relative; margin:.5rem 0 0; padding:1rem 0 0;}
	.bigDate li p:before {left:0; top:.5rem; height:2px; width:100%; border-left:none; border-top:2px dotted #c5c9d6;}
	.bigDate li a {position:relative; right:auto; top:auto;}
}

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

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

	/* 교육방향 */
	.eduPlan .ci img{ width:3.5rem; height:auto;} 
	.eduPlan .part1 li p{ border-radius:1.25rem; font-size:.85rem;}
	.eduPlan .part2 li span{ font-size:.8rem;}

	/* 주요추진과제 */
	.mainPrtn dd{ padding-right:0;}
	.mainPrtn dd .img{ display:none;}
}


@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,
	.orgWrap .dept1 .part: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;}

	/* 주요추진과제 */
	.mainPrtn{ width:100%;}
	.mainPrtn dl{ width:100%; margin:1.1rem 0 .5rem;}
	.mainPrtn dt{ font-size:.85rem;}
	.mainPrtn dt em{ height:2.25rem; top:-1.1rem;}

	/* 04. 교육지원마당 : Wee센터 > 이용안내 */
	.utlinstt_img li {width:100%; margin-right:0;}
	.utlinstt_img li:nth-child(3n) {margin-right:0;}

	/*리스트박스  */
    .list_box .listType01 div .linkBox {flex-direction: column;gap: .5rem}
}

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

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

	/* 교육방향 */
	.eduPlan h3{ margin:0 .25rem;}
	.eduPlan .part1 li{ min-width:100%; margin:.25rem 0;}
	.eduPlan .part1 li p{ height:auto; padding:.5rem; border-width:.2rem; border-radius:1rem;}
	.eduPlan .part2 li{ min-width:calc(100% - 1.75rem); margin:.5rem 0 .5rem 1.75rem;}
	.eduPlan .part2 li p{ width:3.5rem; height:3.5rem; position:absolute; left:-1.75rem; top:calc(50% - 1.75rem); margin:0;}
	.eduPlan .part2 li p img{ width:2.75rem; height:auto;}
	.eduPlan .part2 li span{ margin-top:0; margin-left:1.75rem; text-align:left;}
}