@charset "utf-8";

/*이사장인사말*/
#conts .greeting[data-name="애향장학회"]{background:url('/gcsf/img/content/greeting_bg.png') no-repeat right top;}
#conts .greeting[data-name="애향장학회"] .tit span{display:inline-block;font-size: 2.6rem;margin-bottom: 1.2rem;}
#conts .greeting[data-name="애향장학회"] .name{text-align:right;font-size: 2.2rem;margin-top: 3rem;}
#conts .greeting[data-name="애향장학회"] .name span{font-weight:600;}

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

	#conts .greeting[data-name="애향장학회"] .tit{font-size: 2.6rem;}
}

/* 찾아오시는길  */
.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 span {display:inline-block; width:calc(25% - 20px); margin:15px 10px; font-size:1.8rem; color:#fff; line-height:60px; border-radius:5px;}
#organ div span{ width:100%; background:#437dea; font-weight:700;  margin:0;}
#organ ul.dep li span {width:100%; background:#e4e5ec; color:#363c5a; font-weight:400; margin:0;}

#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="이사장"] > span {background:#111d68; font-weight:700; margin-top: 0; line-height:70px;}

#organ li[data-name="상임이사"] > span,
#organ li[data-name="이사회"] > span,
#organ li[data-name="감 사"] > span {background:#28348a; font-weight:700;}
#organ li[data-name="사무국"] > span {background:#437dea; font-weight:700;}

#organ li[data-name="상임이사"],
#organ li[data-name="이사회"],
#organ li[data-name="감 사"],
#organ li[data-name="사무국"] {overflow:hidden;}


#organ li[data-name="상임이사"] {overflow:hidden}
#organ li[data-name="상임이사"]:before{content: "";display: block;position: absolute;top: 50%;bottom: 0;left: 0;width: 50%;height: 1px;background: #ddd;z-index: -2;}
#organ li[data-name="상임이사"] span{float:left;}
#organ li[data-name="이사회"]:before{content: "";display: block;position: absolute;top: 50%;bottom: 0;left: 0;width: 50%;height: 1px;background: #ddd;z-index: -2;}
#organ li[data-name="이사회"] span{float:left;}
#organ li[data-name="감 사"]:before{content: "";display: block;position: absolute;top: 50%;bottom: 0;left: 50%;width: 50%;height: 1px;background: #ddd;z-index: -2;}
#organ li[data-name="감 사"] span{float:right;}
#organ li[data-name="사무국"] span{margin-bottom:0;}

@media all and (max-width:769px) {
	#organ li span{width:calc(40% - 20px);}
}