/* 공통 */
.overH {overflow:hidden;}
[class^="box_st"].icoImg{ display:flex; align-items: center;}
[class^="box_st"].icoImg .ico{position:relative; left:auto; top:auto; margin-right:1rem;}
[class^="box_st"].icoImg .inner{ margin:1rem 0;}

/* 교육장인사말 */
.grtWrap .sign span{vertical-align: middle;}

/* 역대교육장 */
.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; }
.office_history ol > li dl dd em{ display:block; font-weight:600; color:#000;}

/* 조직안내 */
.orgWrap{ position:relative; text-align:center;}
.orgWrap div:before,
.orgWrap dl: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 .5rem; 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 .dept2 dd li p.bu_st3{ font-size:.7rem; margin-top:0; margin-bottom:.15rem; padding-left:10px;}
.orgWrap .dept2 dd li p.bu_st3:before{ width:5px; top:.45rem;}
.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 p{ 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;}

/* 기록관 : 조직안내 */
.orgWrap2 { position:relative; text-align:center; margin-top:3rem; word-break: keep-all;}
.orgWrap2 :before{ z-index:-1;}
.orgWrap2 a{ display:block; position:relative;}
.orgWrap2 h2 p,
.orgWrap2 h3 p{ position:relative; display:inline-block; min-width:20rem; font-size:1rem; font-weight:600; color:#fff; padding:.75rem; border-radius:.25rem; margin-bottom:1.5rem;}
.orgWrap2 h2 p span,
.orgWrap2 h3 p span{ display:inline-block;}
.orgWrap2 h2 p{ background:#28348a;}
.orgWrap2 h3 p{ background:#004794;}
.orgWrap2 .dept1{position:relative; overflow:hidden;}
.orgWrap2 .dept1:before{ content:""; position:absolute; left:50%; top:0; height:100%; border-left:1px solid #ddd;}
.orgWrap2 .dept2{ position:relative; display:flex; flex-wrap:wrap; align-items:flex-start; overflow:hidden;}
.orgWrap2 .dept2:before{ content:""; position:absolute; left:25%; top:0; width:50%; border-top:1px solid #ddd;}
.orgWrap2 .dept2 dl{ position:relative; flex:1; margin:0 .5rem;  padding-top:1.25rem;}
.orgWrap2 .dept2 dl:before{ content:""; position:absolute; left:calc(50% - 1px); top:0; height:100%; border-left:1px solid #ddd;}
.orgWrap2 .dept2 dl:first-of-type:before,
.orgWrap2 .dept2 dl:last-of-type:before{ content:""; position:absolute; left:50%; top:0; height:100%; border-left:1px solid #ddd;}
.orgWrap2 .dept2 dt{ position:relative; display:flex; height:2.5rem; justify-content:center; align-items:center; font-size:.85rem; font-weight:600; color:#fff; padding:.15rem .25rem; border:1px solid; border-radius:.25rem;}
.orgWrap2 .dept2 dd{ min-height:10rem; padding:.75rem 1rem; border:1px solid #ccc; border-radius:0 0 .25rem .25rem; margin-top:-.25rem; background:#fff; text-align:left; }
.orgWrap2 .dept2 dd li{ position:relative; padding-left:10px;}
.orgWrap2 .dept2 dd li:before{ content:""; position:absolute; left:0; top:.5rem; width:4px; height:4px; border-radius:50%; background:#999; z-index: 1;}
/* 기록관 : 조직안내 : 색상 */
.orgWrap2 .col1 dt{ background:#0d69cd;}
.orgWrap2 .col2 dt{ background:#7758db;}

/* 특수교육센터 : 주요업무 */
.orgWrap2.spcEdu h2 p,
.orgWrap2.spcEdu h3 p{min-width:10rem;}
.orgWrap2.spcEdu .dept1_1{ position:relative; width:50%;}
.orgWrap2.spcEdu .dept1_1:before{ content:""; position:absolute; left:50%; top:50%; width:50%; border-top:1px solid #ddd;}
.orgWrap2.spcEdu .dept2:before{ left:12.5%; width:75%;}
.orgWrap2.spcEdu .dept2 dd{ min-height:8rem;}
.orgWrap2.spcEdu .dept2 li a{ display:block; position:relative; padding-right:1rem; font-weight:600;}
.orgWrap2.spcEdu .dept2 li ~ li{ margin-top:.5rem;}
.orgWrap2.spcEdu .dept2 li a:before{ content:"\e907"; position:absolute; right:0; top:0; font-size:.85rem; font-family: 'xeicon'; color:#777; z-index: 0;} 
.orgWrap2.spcEdu .dept2 li a:hover,
.orgWrap2.spcEdu .dept2 li a:focus{ color:#0d69cd; text-decoration: underline;}

/* 선출절차 */
.electList li {position:relative; padding:2rem 0 0 0;}
.electList li:before {content:"\e937"; position:absolute; left:0; top:0; width:100%; text-align:center; display:block; font-family:'xeicon'; color:#0d69cd; font-size:1.2rem;}
.electList li:first-child { margin-top:.5rem; padding-top:0;}
.electList li:first-child:before {display:none;}
.electList li dl {position:relative; display:flex; padding:1rem; border:1px solid #c5c9d6; border-radius:.5rem;}
.electList li dl dt { min-width:30%; font-size:.95rem; font-weight:700; padding-right:.5rem; color:#0d69cd; word-break:keep-all; line-height:1.2;}
.electList li dl dd {position:relative; padding-left:1rem; }
.electList li dl dd:before {content:""; display:block; clear:both; position:absolute; left:0; top:3%; height:94%; border-left:2px dotted #c5c9d6;}
.electList li dl dd ul.list_st2 li {font-size:.8rem; font-weight:400; color:#555;}

/* 이미지 + 텍스트 정렬 */
.imgList p{ font-size:.8rem; line-height:1.6; font-weight:600; margin-top:.5rem;} 
.imgList > div[class^="box_st"]{ padding:.5rem; text-align:center;}




/* 0601_02 추진경과 */
.historyList .listTy02 li{padding:1rem 0 1rem .5rem; margin:0; border-top:1px dashed #ddd;}
.historyList .listTy02 li:first-child{border-top:0;}
.historyList .listTy02 li::before{top:1.2rem;}
.historyList .listTy02 li span{ width:15%; display:inline-block; font-weight: bold; color:#2457a3;}
.historyList .listTy02 li p{display:inline-block; vertical-align: top;}
.historyList .dot_line{border-color: #dddddd;}
.historyList .tabTy01.li20p li{width:20%;}
.historyList.noLine .listTy02 li{border-top:0; padding:.5rem 0 .5rem .5rem; }
.historyList.noLine .listTy02 li::before{top:1rem;}

/* 시설이용 - 대관안내 */
.fclUse.takeInfo{background:url('/images/dgedu/web/dccs/sub/0701_01_bg.jpg') no-repeat 95% 1rem;}
.fclUse.theat{background:url('/images/dgedu/web/dccs/sub/0701_02_bg.jpg') no-repeat 90% 1rem;}
.fclUse.display{background:url('/images/dgedu/web/dccs/sub/0701_03_bg.jpg') no-repeat 90% 1rem;}
.fclUse.outdoor{background:url('/images/dgedu/web/dccs/sub/0701_04_bg.jpg') no-repeat 90% 1rem;}

/* 시설현황 */
.centerInfo .list_st2 span{width:40px; display:inline-block; font-weight: bold; color:#10598e;}


.centerInfo.hall{background:url('/images/dgedu/web/dccs/sub/1005_02_bg01.jpg') no-repeat 95% 1rem}
.centerInfo.theater{background:url('/images/dgedu/web/dccs/sub/1005_02_bg02.jpg') no-repeat 95% 1rem}
.centerInfo.outdoor{background:url('/images/dgedu/web/dccs/sub/1005_02_bg03.jpg') no-repeat 95% 1rem}
.centerInfo.pool{background:url('/images/dgedu/web/dccs/sub/1005_03_bg01.jpg') no-repeat 95% 1rem}
.centerInfo.gym{background:url('/images/dgedu/web/dccs/sub/1005_03_bg02.jpg') no-repeat 95% 1rem}
.centerInfo.basketball{background:url('/images/dgedu/web/dccs/sub/1005_03_bg03.jpg') no-repeat 95% 1rem}
.centerInfo.dateRoom{background:url('/images/dgedu/web/dccs/sub/1005_04_bg01.jpg') no-repeat 95% 1rem}
.centerInfo.gallery{background:url('/images/dgedu/web/dccs/sub/1005_04_bg02.jpg') no-repeat 95% 1rem}
.centerInfo.artRoom{background:url('/images/dgedu/web/dccs/sub/1005_05_bg01.jpg') no-repeat 95% 1rem}
.centerInfo.musicRoom{background:url('/images/dgedu/web/dccs/sub/1005_05_bg02.jpg') no-repeat 95% 1rem}
.centerInfo.pottery{background:url('/images/dgedu/web/dccs/sub/1005_05_bg03.jpg') no-repeat 95% 1rem}
.centerInfo.lab{background:url('/images/dgedu/web/dccs/sub/1005_05_bg04.jpg') no-repeat 95% 1rem}
.centerInfo.club{background:url('/images/dgedu/web/dccs/sub/1005_05_bg05.jpg') no-repeat 95% 1rem}
.centerInfo.vocal{background:url('/images/dgedu/web/dccs/sub/1005_05_bg06.jpg') no-repeat 95% 1rem}
.centerInfo.dance{background:url('/images/dgedu/web/dccs/sub/1005_05_bg07.jpg') no-repeat 95% 1rem}
.centerInfo.playRoom{background:url('/images/dgedu/web/dccs/sub/1005_05_bg08.jpg') no-repeat 95% 1rem}
.centerInfo.swimStore{background:url('/images/dgedu/web/dccs/sub/1005_06_bg01.jpg') no-repeat 95% 1rem}
.centerInfo.cafe{background:url('/images/dgedu/web/dccs/sub/1005_06_bg02.jpg') no-repeat 95% 1rem}

/* 학생공연관람체험 */
.showwrap .showbox {position:relative; padding:1rem 0 .75rem; border-bottom:2px dotted #e0e0e0; }
.showwrap .showbox .category span {display:inline-block; margin:.1rem .15rem 0 0; color:#fff; padding:.1rem .5rem; border-radius:.25rem;}
.showwrap .showbox .category .infoBg_01 {background:#0d69cd;}
.showwrap .showbox .category .infoBg_02 {background:#8258e0;}
.showwrap .showbox .category .infoBg_03 {background:#e33d65;}
.showwrap .showbox .category .infoBg_04 {background:#52ae27;}
.showwrap .showbox .category .infoBg_05 {background:#126775;}
.showwrap .showbox .textbox .title {margin:.75rem 0 .5rem; font-size:.9rem; font-weight:700; color:#000;}
.showwrap .showbox .textbox dl {position:relative; margin:.25rem 0; padding-left:4rem; color:#444;}
.showwrap .showbox .textbox dl dt {position:absolute; left:0; top:0; font-weight:600; color:#222;}
.showwrap .showbox .textbox dl:last-child {padding-left:0;}
.showwrap .showbox .textbox dl:last-child dt {position:relative; left:auto; top:auto;}

.showwrap .showbox.ImgPoster {min-height:14rem; padding-right:10rem;}
.showwrap .img_poster {position:absolute; right:0; top:1rem; width:9rem; height:12rem; text-align:center; background:#f7f7f7;}
.showwrap .img_poster img {position:relative; top:50%; width:100%; height:auto; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

/*개인정보처리방침*/
.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;} 


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

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

@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){ 

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

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

	/* 0601_02 추진경과 */
	.historyList .listTy02 li p{display:block;}
	

	/* 시설이용 - 대관안내 */
	.fclUse, .centerInfo{background-image:none !important;}
	

}

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

	/* 선출절차 */
	.electList li dl { display:block;}
	.electList li dt { padding:0 0 .75rem; border-bottom:2px dotted #c5c9d6;}
	.electList li dl dd{ padding:.75rem 0 0;}
	.electList li dl dd:before{ display:none;}

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

	/* 기록관 : 조직안내 */
	.orgWrap2 .dept1 h2 p, 
	.orgWrap2 .dept1 h3 p{ font-size:.95rem; min-width:50%;}
	
	/* 특수교육센터 : 주요업무 */
	.orgWrap2.spcEdu .dept2:before{ left:25%; width:50%;}
	.orgWrap2.spcEdu .dept2 dl{ flex:auto; width:calc(50% - 1rem);}
}

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

	/* 교육장인사말 */
	.grtWrap .sign span img{ width:6rem; height:auto;}

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

	/* 조직안내 */
	.orgWrap2{ margin-top:1.5rem;}
	.orgWrap2 .dept1 h2 p, .orgWrap2 .dept1 h3 p{ margin-bottom:1rem;}
	.orgWrap2 .dept2{ width:100%; margin:0; border:2px solid #ccc; padding:0 1rem 1.25rem; background:#fff; border-radius:.25rem;}
	.orgWrap2 .dept2 dl{ flex:auto; width:100% !important; min-height:0px; margin:0;}
	.orgWrap2 .dept2 dl:before{ display:none;}
	.orgWrap2 .dept2 dd{ min-height:0px !important;}
	/* 조직안내 : 색상1 */
	.orgWrap2 .col1 dd{ border-color:#b1cff0;}
	/* 조직안내 : 색상2 */
	.orgWrap2 .col2 dd{ border-color:#c3b5ef;}

	/* 학생공연관람체험 */
	.showwrap .showbox.ImgPoster {padding-right:7rem;}
	.showwrap .img_poster {width:6rem; height:10rem;}

	
}


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

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

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

	/* 학생공연관람체험 */
	.showwrap .showbox.ImgPoster {min-height:auto; padding:10rem 0 1rem;}
	.showwrap .img_poster {position:absolute; right:auto; left:0; width:100%; height:8rem; text-align:left;}
	.showwrap .img_poster img {top:auto; left:50%; width:auto; height:100%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
}

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

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

	/* 기록관 : 조직안내 */
	.orgWrap2 .dept1 h2 p, .orgWrap2 .dept1 h3 p{ display:block;}

	/* 특수교육센터 : 주요업무 */
	.orgWrap2.spcEdu .dept1_1{ width:100%;}

	/* 학생공연관람체험 */
	.showwrap .showbox .category span {font-size:.7rem;}
	.showwrap .showbox .textbox dl {padding-left:0;}
	.showwrap .showbox .textbox dl dt {position:relative; left:auto; top:auto;}
	.showwrap .showbox .textbox dl dt span.mgl30 {margin-left:0 !important;}

	
	
}