@charset "utf-8";

/* 평생학습도시 선언문 */
.declaration-wrap { display: block; padding: 50px; background-color: #3a81dc; }
.declaration-wrap .inner{ display: block; padding: 50px 100px; background: url(/gcedu/img/content/01/back_logo.png) no-repeat 50% 50% #fff; }
.declaration-wrap .inner .title{ font-size: 30px !important; color: #006ec3 !important; font-weight: 700; }
@media all and (max-width:900px) {
	.declaration-wrap { padding:30px; }
	.declaration-wrap .inner{ padding: 30px 20px; }
	.declaration-wrap .inner br { display: none; }
}
@media all and (max-width:640px) {
	.declaration-wrap { padding:20px; }
	.declaration-wrap .inner{ padding: 20px 10px; }
	.declaration-wrap .inner br { display: none; }
	.declaration-wrap .inner .color-box { padding: 20px;}
}

/* 평생학습도시 선언문 */
.bylaw-wrap{display: block; padding: 50px 60px;border:1px solid #ddd;border-radius: .8rem;background: url(/gcedu/img/content/01/back_logo.png) no-repeat 50% 50% #fff;}
.bylaw-wrap .title{ font-size: 26px !important; color: #006ec3 !important; font-weight: 700; }

@media all and (max-width:900px) {
	.bylaw-wrap{padding:20px;}
}


/* 찾아오시는길  */
.map_wrap { display: block; overflow: hidden; margin-top: 20px; }
.map_box {border:1px solid #ddd; display:block; height:35rem;}
.map_wrap .map_box { float: left; width: 45%; border: 1px solid #ddd; display: block; min-height: 35rem; }
.map_wrap .mapInfo { float: left; width: 55%; min-height: 35rem; padding: 5rem; }
.map_wrap .mapInfo .title { font-size: 2.4rem; font-weight: bold; margin-bottom: 2rem; line-height: 1.2;}
.map_wrap .mapInfo dl {position:relative;}
.map_wrap .mapInfo dl dt { margin-bottom:10px; font-size: 1.6rem; color: #666; font-weight: 700; font-family: 'Poppins', sans-serif; }
.map_wrap .mapInfo dl dd { font-size: 1.8rem; }
.map_wrap .mapInfo dl + dl { margin-top: 1rem; }

/*와이드 버전*/
.map_wrap.wide .map_box { float:none; width:100%;}
.map_wrap.wide .mapInfo{ float:none; width:100%; padding:5rem 0; min-height:15rem;}
.map_wrap.wide .map_box .root_daum_roughmap{width:100%;}

.map_wrap.wide .mapInfo div{float:left; width:19%;}
.map_wrap.wide .mapInfo dl {float:left; width:27%; margin-top:0; padding-left:20px;}
.map_wrap.wide .mapInfo dl:before {content:''; width:2px; height:100%; background:#ddd; position:absolute; left:0; top:0;}


@media all and (max-width:900px) {
	.map_wrap .map_box { float: none; width: 100%; border: 1px solid #ddd; display: block; min-height: 35rem; }
	.map_wrap .mapInfo { float: none; width: 100%; min-height: auto; padding: 2.5rem 2rem; }
}
@media all and (max-width:768px) {
	.map_box {height:20rem;}
}

@media all and (max-width:769px) {
	.map_wrap .mapInfo .title {font-size:2rem; margin-bottom:1em;}
	.map_wrap .mapInfo dl dt {font-size:1.5rem;}
	.map_wrap .mapInfo dl dd {font-size:1.4rem;}
}
@media all and (max-width:640px) {
	.map_wrap.wide .mapInfo div{float:none; width:100%;}
	.map_wrap.wide .mapInfo dl {float:none; width:100%; margin-top:1rem;}
}
@media all and (max-width:375px) {
	.map_wrap .mapInfo .title {font-size:1.8rem;}
	.map_wrap .mapInfo dl dt {font-size:1.4rem;}
	.map_wrap .mapInfo dl dd {font-size:1.2rem;}
}


/* 조직도 */
#organ {position:relative;  text-align:center;}
#organ ul li {position:relative;}
#organ li div, #organ li a {display:inline-block; width:calc(20% - 20px); margin:15px 10px; font-size:1.8rem; color:#fff; line-height:60px; border-radius:5px;}
#organ li a[target="_blank"]:after{display:none !important;}
#organ li a:hover {text-decoration:underline;}
#organ li[data-name="실과"] div {width:100%; background:#437dea; font-weight:700;  margin:0;}
#organ ul.dep li {width:100%; background:#e4e5ec; color:#363c5a; font-weight:400; margin:0; line-height:60px; border-radius:5px;}

#organ {margin-bottom:50px;}
#organ > li:after {content:''; position:absolute; top:-15px; left:50%; width:1px; height:30px; background:#ddd;}
#organ > li:nth-child(3):after {content:none;}

#organ li[data-name="과천시"]:after {top: 50px;}
#organ li[data-name="과천시"]:before{content: "";display: block;position: absolute;top: 0;bottom: 0;left: 50%;width: 1px;background: #ddd;z-index: -2;}
#organ li[data-name="과천시"] > a {background:#111d68; font-weight:700; margin-top: 0; }
#organ li[data-name="교육청소년과"] > a  {background:#28348a; font-weight:700;}


#organ li[data-name="실과"] {width:100%; margin:15px 0 0;padding:20px; border:1px solid #c5c9d6; text-align:center; background:#fff;}
#organ li[data-name="실과"]:after {content:none;}
#organ li[data-name="실과"] > ul {display:inline-block;}
#organ li[data-name="실과"] > ul > li {float:left; margin:10px; width:200px;}
#organ li[data-name="실과"] ul.dep li {margin-bottom:5px;}
#organ li[data-name="실과"] ul.dep li:first-child {margin-top:5px;}


@media all and (max-width:1024px) {
	#organ li a{width:calc(25% - 20px)}
	#organ li[data-name="실과"] > ul{width:100%;}
	#organ li[data-name="실과"] > ul > li{width:calc(25% - 20px);}

}

@media all and (max-width:769px) {
	#organ li a{width:calc(50% - 20px);}
	#organ li[data-name="실과"] > ul > li{width:calc(50% - 20px);}
}

@media all and (max-width:640px) {
	#organ li a{width:calc(100% - 50px); margin: 10px 0;}
	#organ li[data-name="실과"] > ul > li{width:100%; margin:5px 0;}

}