@charset "utf-8";

/* 조직도 - 6뎁스 */
.organ-box > .dean{margin:0 auto;width:280px;box-sizing:border-box;text-align:center;}
.organ-box > .dean + .dean{margin:20px auto 0 auto;}
.organ-box > .dean > span{display:block;padding:15px;background:#003366;font-size:1.125rem;line-height:1.5rem;color:#fff;box-sizing:border-box;}
.organ-box > .dean .name-box{border:1px solid #d8d8d8;background:#fff;}
.organ-box > .dean .name-box ul li span{width:100%;text-align:center;}
.organ-box > .dean .name-box ul li span:before{display:none;}

.organ-box .middle-box{display:flex;justify-content:space-between;position:relative;padding:40px 0 60px;text-align:center;}
.organ-box .middle-box + .middle-box{padding:0 0 60px;}
.organ-box .middle-box:before{content:'';display:block;position:absolute;bottom:0;left:50%;z-index:-10;width:1px;height:120%;background:#dce4ed;}
.organ-box .middle-box div{width:50%;}
.organ-box .middle-box div ul li{padding:0 0 25px;}
.organ-box .middle-box div ul li:last-of-type{padding-bottom:0;}
.organ-box .middle-box div ul li span{display:block;position:relative;padding:15px;font-size:1.125rem;line-height:1.5rem;box-sizing:border-box;}
.organ-box .middle-box div ul li span:after{content:'';display:block;position:absolute;top:50%;z-index:-10;width:111px;height:1px;background:#dce4ed;}
.organ-box .middle-box div ul li .type-white{border:1px solid #0d3f7a;background:#fff;color:#0d3f7a;}
.organ-box .middle-box div ul li .type-navy{border:1px solid transparent;background:#3b5692;color:#fff;}

.organ-box .middle-box .left-box{padding:0 110px 0 25%;}
.organ-box .middle-box .left-box span:after{left:100%;}
.organ-box .middle-box .right-box{padding:0 25% 0 110px;}
.organ-box .middle-box .right-box span:after{right:100%;}

.organ-box .middle-box.left{justify-content:flex-start;}
.organ-box .middle-box.right{justify-content:flex-end;}

.organ-box .middle-box .name-box{padding:10px;width:100%;border:1px solid #d8d8d8;border-top:0;box-sizing:border-box;text-align:left;}
.organ-box .middle-box .name-box p{padding:0 8px;font-size:1rem;line-height:1.5rem;box-sizing:border-box;}

.name-box{padding:10px;width:100%;box-sizing:border-box;}
.name-box ul li span{display:inline-block;position:relative;padding:0 6px;font-size:1rem;line-height:1.5rem;vertical-align:top;box-sizing:border-box;}

.bottom-box{display:flex;flex-wrap:wrap;position:relative;margin:0 -20px;padding:45px 0 0;text-align:center;}
.bottom-box:before{content:'';display:block;position:absolute;top:0;left:45%;width:50%;height:1px;background:#d8d8d8;transform:translateX(-50%);}
.bottom-box > div{position:relative;padding:0 20px;width:100%;box-sizing:border-box;}
.bottom-box > div:before{content:'';display:block;position:absolute;bottom:100%;left:50%;width:1px;height:45px;background:#d8d8d8;}

.bottom-box .dept-title-box .dept-title{padding:15px;display:block;position:relative;background:#1976d2;font-size:1.125rem;line-height:1.5rem;color:#fff;box-sizing:border-box;}
.bottom-box .dept-title-box .dept-name{padding:15px;border:1px solid #d8d8d8;border-top:0;}

.bottom-box .dept-list-box .dept-list-title{padding:15px;border:1px solid #1976d2;font-size:1.125rem;line-height:1.625rem;color:#1976d2;}
.bottom-box .dept-list-box{padding:45px 0 0;}
.bottom-box .dept-list-box > ul{display:flex;flex-wrap:wrap;}
.bottom-box .dept-list-box > ul > li{position:relative;padding:0 20px;box-sizing:border-box;}
.bottom-box .dept-list-box > ul > li:before{content:'';display:block;position:absolute;bottom:100%;left:50%;width:1px;height:45px;background:#d8d8d8;}
.bottom-box .dept-list-box .dept-name-box{padding:15px;border:1px solid #d8d8d8;border-top:0;}
.bottom-box .dept-list-box .dept-name-box ul li{font-size:1rem;line-height:1.5rem;}

@media screen and (min-width: 1025px) {
	/* 조직도 - 6뎁스 */
	.bottom-box > .w10{width:10%;}
	.bottom-box > .w20{width:20%;}
	.bottom-box > .w30{width:30%;}
	.bottom-box > .w40{width:40%;}
	.bottom-box > .w50{width:50%;}
	.bottom-box > .w60{width:60%;}
	.bottom-box > .w70{width:70%;}
	.bottom-box > .w80{width:80%;}
	.bottom-box > .w90{width:90%;}
	
	.bottom-box .dept-list-box > ul{margin:0 -20px;}
	.bottom-box .dept-list-box.col02 > ul > li{width:50%;}
	.bottom-box .dept-list-box.col03 > ul > li{width:33.3%;}
}
@media screen and (max-width: 1024.98px) {
	/* 조직도 - 6뎁스 */
	.organ-box > .dean{position:relative;width:50%;}
	.organ-box > .dean span{padding:12px 10px 10px;font-size:1rem;}

	.organ-box .middle-box,
	.organ-box .middle-box + .middle-box{padding:20px 0;}
	.organ-box .middle-box div ul li{margin:0 0 10px;}
	.organ-box .middle-box div ul li span{padding:12px 10px 10px;font-size:1rem;}
	.organ-box .middle-box div ul li span:after{width:16px;}
	.organ-box .middle-box .left-box{padding:0 15px 0 0;}
	.organ-box .middle-box .right-box{padding:0 0 0 15px;}
	.organ-box .middle-box .left-box ul li:last-of-type{margin-bottom:0;}
	.organ-box .middle-box .right-box ul li:last-of-type{margin-bottom:0;}
		
	.bottom-box{margin:0 -10px;padding:30px 0 0;}	
	.bottom-box:before{left:50%;}
	.bottom-box > div{padding:0 10px;width:50%;}
	.bottom-box > div:before{height:30px;}

	.bottom-box .dept-title-box .dept-title{padding:12px;}
	.bottom-box .dept-title-box .dept-name{padding:12px;}
	
	.bottom-box .dept-list-box{padding:15px 0 0;}
	.bottom-box .dept-list-box .dept-list-title{padding:12px;font-size:1rem;line-height:1.5rem;}
	.bottom-box .dept-list-box > ul{margin:0;}
	.bottom-box .dept-list-box > ul > li{padding:0 0 15px;width:100%;}
	.bottom-box .dept-list-box > ul > li:before{height:15px;}	
	.bottom-box .dept-list-box .dept-name-box{padding:12px;}
}