.org-box{position:relative;overflow:hidden;}
.org-box a{position:relative;text-align:center;}

/* 조직도 1뎁스 */
.org-dep01{position:relative;z-index:10;text-align:center;}
.org-dep01 .top{margin:0 auto 40px;max-width: 240px;background:#00316a;table-layout:fixed;display: block;padding: 18px 5px;width: 240px;font-weight: 600;font-size: 20px;color: #fff;box-sizing: border-box;border-radius: 5px;}
.org-dep01 .top span{display:table-cell;width: 240px;font-weight:600;font-size: 20px;color:#fff;line-height:37px;vertical-align:middle;}
.org-dep01 > div{position:relative;max-width:840px;margin:0 auto 40px;}
.org-dep01 > div:after{content:'';display:block;clear:both;}
.org-dep01 > div > div{position:relative;}
.org-dep01 > div .left-box{float:left;}
.org-dep01 > div .right-box{float:right;}
.org-dep01 > div span{display:block;padding:18px 5px;width:240px;background-color:#0086ec;font-family:'NanumSquare',sans-serif;font-weight:600;font-size:20px;color:#fff;box-sizing:border-box;border-radius: 5px;}
.org-dep01 > div.steering span {background:#5fb5f5;}
/* 조직도 2뎁스 */
.org-dep02{position:relative;padding:40px 0 0;z-index:10;}
.org-dep02 > ul{display:table;width:100%;table-layout:fixed;}
.org-dep02 > ul > li{display:table-cell;padding:0 5px;text-align:center;vertical-align:top;box-sizing:border-box;}
.org-dep02 > ul > li > div{display:inline-block;width:100%;max-width: 250px;border: 1px solid #d4d4d4;box-sizing:border-box;position: relative;}
.org-dep02 > ul > li > div:before {content:"";position:absolute;top: -40px;width: 1px;height:40px;background: #ccc;}
.org-dep02 > ul > li > div > span{display:block;position:relative;padding:18px 0 19px;background-color:#eef5fb;font-weight:600;font-size:16px;color:#333;line-height:21px;}

/* 조직도 3뎁스 */
.org-dep03 > ul > li{display:table;width:100%;table-layout:fixed;}
.org-dep03 > ul > li.etc{display:block;position:relative;}
.org-dep03 > ul > li > span{display:table-cell;padding:5px;width:100%;height:58px;background-color:#fff;border-top:1px solid #d4d4d4;font-size:16px;color:#666;line-height:21px;box-sizing:border-box;vertical-align:middle;text-align: left;}
.org-dep03 > ul > li.etc > span{display:table;width:100%;table-layout:fixed;}

.org-etc{position:absolute;top:10px;right:calc(100% + 20px);}
.org-etc span{display:block;position:relative;min-width:80px;padding:7px 15px;background-color:#f9f9f9;border:1px solid #d4d4d4;border-radius:3px;box-sizing:border-box;}
.org-etc span:after{content:'';position:absolute;top:50%;left:100%;width:9px;height:13px;background:url(https://temp.jiniworks.com/_res/temp/content/img/organ/bg-organ-etc-arrow.png)no-repeat;transform:translateY(-50%);-ms-transform:translateY(-50%);}

/* 조직도 line */
.org-dep01 .top:before{content:'';position:absolute;left:calc(50% - 1px);z-index:-10;width:1px;height:100%;background-color:#d4d4d4;}/* 최상단 공통 line css */
.org-dep01 > div:before{content:'';position:absolute;top:calc(50% - 1px);left:0;z-index:-10;width:100%;height:1px;background-color:#d4d4d4;}
.org-dep01 > div.steering:before {width:50%;}

.org-dep02:before{content:'';position:absolute;top:0;left: 50%;height:1px;background-color:#d4d4d4;transform:translateX(-50%);-ms-transform:translateX(-50%);}
.row07 .org-dep02:before{width: 66.8%;}
.org-dep02 > ul > li > div > a:before{content:'';position:absolute;top:-40px;left:50%;z-index:-10;width:1px;height:80%;background-color:#d4d4d4;}

@media screen and (max-width:1024px) {
	.org-box:before{content:'';position:absolute;top: 0;left:10px;width:1px;height: 100%;background-color:#d4d4d4;} /* 모바일 좌측 세로선 - height값 조정해주어야 함 */
	.org-box span{font-size:14px;line-height:19px;text-align:left;}

	/* 조직도 1뎁스 */
	.org-dep01{position:relative;z-index:10;text-align:center;}
	
	.org-dep01 .top{margin:0 auto 20px;padding: 12px 10px;width:100%;max-width: 100%;text-align: center;}
	.org-dep01 .top:before{height:40%;content: none;}
	.org-dep01 .top span {font-size:17px;line-height:22px;text-align:center;width:100%;}
	.org-dep01 > div{max-width:100%;margin:0 0 15px;}
	.org-dep01 > div:before{display:none;}
	.org-dep01 > div > div:after{display:none;}
	.org-dep01 > div .left-box{float:none;margin:0 0 15px;}
	.org-dep01 > div .right-box{float:none;}
	.org-dep01 > div span{padding:10px 15px;width:100%;font-size:14px;text-align: left;}


	/* 조직도 2뎁스 */
	.org-dep02{margin:0;padding:0;}
	.org-dep02:before{display:none;}
	.org-dep02 > ul > li{display:block;margin:0 0 0 10px;padding:0 0 15px 10px;text-align:right;}
	.org-dep02 > ul > li:last-of-type{padding-bottom:0;}
	.org-dep02 > ul > li > div{max-width:100%;}
	.org-dep02 > ul > li > div > span{padding:10px 15px;font-size:14px;line-height:19px;text-align: left;}
	.org-dep02 > ul > li > div > span:before{top:50%;left:auto;right:100%;width:10px;height:1px;}

	/* 조직도 3뎁스 */
	.org-dep03 > ul > li > span{padding:8px 10px;height:auto;font-size:14px;line-height:19px;}

	.org-etc{position:static;padding:0 10px 10px 10px;text-align:left;box-sizing:border-box;}	
	.org-etc span{display:inline-block;padding:3px 10px;min-width:auto;font-size:13px;line-height:18px;}
	.org-etc span:after{display:none;}
}