.organizationWrap {text-align: center;}
.organizationWrap a,
.organizationWrap span {position: relative; display: inline-block; width: 14rem; height: 3rem; line-height: 3rem; font-size: 1rem;}
.organizationWrap a {position: relative; background: #fff; border: 1px solid;}
.organizationWrap a:after {position: absolute; top: 0; right: 0; width: 3rem; height: 3rem; text-align: center; font-family: 'xeicon'; font-size: 1.1rem; color: #033d78; content: "\e9c5";font-weight: 600;}
.organizationWrap span {color: #fff;}
.organizationWrap .type01 {background: #0768ca;}
.organizationWrap .type02 {background: #033d78;}
.organizationWrap .type03 {background: #41607f;}
.organizationWrap .type04 {border-width: 2px; border-color: #0768ca;}
.organizationWrap .type05 {border-color: #033d78;}
.organizationWrap .type06 {border-color: #41607f;}
.organizationWrap .sub {background: #fff; border-color: #41607f; border: 1px solid; color:#033d78}


.organizationWrap .organization01 .structure {padding: 1rem; font-size: 0.9rem; color: #0768ca; background: #fff; border: 1px dashed #82a9cf; border-radius: 0.25rem;}
.organizationWrap .organization01 .lstOrg {position: relative; margin-top: 3rem;}
.organizationWrap .organization01 .lstOrg:before {position: absolute; top: 0; left: 50%; width: 1px; height: 25.5rem; background: #676767; content: "";}
.organizationWrap .organization01 .lstOrg li:after {clear: both; display: block; content: "";}
.organizationWrap .organization01 .lstOrg ul > li {clear: both;}
.organizationWrap .organization01 .lstOrg ul ul > li + li {margin-top: 0.5rem;}
.organizationWrap .organization01 .dep1 > .r1 {position: relative; display: flex; margin: 0 auto; width: 10rem; height: 10rem; flex-direction: column; align-items: center; justify-content: center; background: #fcfdff; border: 1px solid #3160bc; border-radius: 50%;}
.organizationWrap .organization01 .dep1 > .r1:before{position: absolute;top: 50%;right: -116%;width: 116%;height: 1px;background: #676767;content: "";transform: translateY(50%);}
.organizationWrap .organization01 .dep1 > .r1 span {display: block; margin-top: 0.5rem; width: 100%; height: auto; line-height: normal; font-size: 1.5rem; font-weight: 700; color: #093975;}
.organizationWrap .organization01 .dep1 .r2 {position: relative; float: right; margin: -8.5rem 3rem 0 0; width: 14rem;}
.organizationWrap .organization01 .dep1 .r2:before {position: absolute; top: 1.5rem; left: -100%; width: 200%; height: 1px; background: #676767; content: ""; z-index: -1;}
.organizationWrap .organization01 .dep1 .r2:after {position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #676767; content: ""; z-index: -1;}
/*2021.12.31 조직도 변경으로 인한 비서실 우측으로 이동*/
.organizationWrap .organization01 .dep1 .r2-1 {position: relative; float: right; margin: -8.5rem 3rem 0 0; width: 14rem;}
.organizationWrap .organization01 .dep1 .r2-1:before {position: absolute; top: 1.5rem; left: -100%; width: 200%; height: 1px; background: #676767; content: ""; z-index: -1;}
.organizationWrap .organization01 .dep1 .r2-1:after {position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #676767; content: ""; z-index: -1;}
.organizationWrap .organization01 .dep2 {position: relative; margin-top: 2rem;}
.organizationWrap .organization01 .dep2 .r3 {float: left; margin-left: 3rem; width: 14rem;}
.organizationWrap .organization01 .dep2 .r3:before {position: absolute; top: 1.5rem; right: 50%; width: calc(50% - 3rem); height: 1px; background: #676767; content: ""; z-index: -1;}
.organizationWrap .organization01 .dep3 {margin-top: 2rem;}
.organizationWrap .organization01 .dep3 .r4 {margin: 0 auto; width: 100%;}


.organizationWrap .organization01 .dep4 {position: relative; display: inline-block; margin: 3rem auto 0; padding-top: 2rem; width: 100%;}
.organizationWrap .organization01 .dep4:before {position: absolute; top: 0; left: 12.5%; width: calc(100% - 25%); height: 1px; background: #676767; content: "";}
.organizationWrap .organization01 .dep4 ul {position: relative; float: left; margin: 0 0.5rem; width: calc(25% - 1rem);}
.organizationWrap .organization01 .dep4 ul:before {position: absolute; top: -2rem; left: 50%; width: 1px; height: calc(100% + 2rem); background: #676767; content: "";}
.organizationWrap .organization01 .dep4 a,
.organizationWrap .organization01 .dep4 span {padding: 0 1rem; width: 100%; font-size: 0.9rem;}
.organizationWrap .organization01 .dep4 a {text-align: left;}
.organizationWrap .organization01 .dep4 a:after {width: 2rem; font-size: 0.9rem;}
.organizationWrap .organization01 .dep4 ul.other {margin-top: 1.5rem;}
.organizationWrap .organization01 .dep4 ul.other:before {top: -3.5rem; height: calc(100% + 3.5rem);}

.organizationWrap .organization02 .type06 {color: #45494b; background: #fff; border: 1px solid #41607f;}
.organizationWrap .organization02 {margin-top: 3rem; padding: 3rem; background: #fafafa; border: 1px solid #cdd5dd; border-radius: 0.25rem;}
.organizationWrap .organization02 > ul {display: flex; align-items: center}
.organizationWrap .organization02 > ul > li {float: left;}
.organizationWrap .organization02 .dep02 span {position: relative;}
.organizationWrap .organization02 .dep02 span:before {position: absolute; top: 50%; left: -2.75rem; width: 2.75rem; height: 1px; background: #676767; content: "";}
.organizationWrap .organization02 .dep02,
.organizationWrap .organization02 .dep02 span + span {margin-left: 5.5rem;}
.organizationWrap .organization02 .dep02 ul > li:nth-of-type(4) span:before,
.organizationWrap .organization02 .dep02 span + span:before {left: -5.5rem; width: 5.5rem;}
.organizationWrap .organization02 .dep02 ul {position: relative;}
.organizationWrap .organization02 .dep02 ul:before {position: absolute; top: 1.5rem; left: -2.75rem; width: 1px; height: calc(100% - 3rem); background: #676767; content: "";}
.organizationWrap .organization02 .dep02 ul > li + li {margin-top: 1rem;}


@media (max-width: 1599px){
	
	.organizationWrap a,
	.organizationWrap span {padding: 0 1rem; width: 100%; font-size: 0.9rem;}
	.organizationWrap a {text-align: left;}
	.organizationWrap a:after {width: 2rem; font-size: 0.9rem;}

	.organizationWrap .organization01 .dep1 .r2,
	.organizationWrap .organization01 .dep1 .r2-1,
	.organizationWrap .organization01 .dep2 .r3,
	.organizationWrap .organization01 .dep3 .r4 > li > span {width: calc(20% - 1rem);}


	.organizationWrap .organization02 > ul > li {width: 30%;}
	.organizationWrap .organization02 > ul > li.dep02 {width: 70%;}
	.organizationWrap .organization02 .dep02 ul > li:after {clear: both; display: block; content: "";}
	.organizationWrap .organization02 .dep02 span {float: left; width: calc(50% - 1.5rem);}  
	.organizationWrap .organization02 .dep02 span:before {left: -1.5rem; width: 1.5rem;} 
	.organizationWrap .organization02 .dep02,
	.organizationWrap .organization02 .dep02 span + span {margin-left: 3rem;}
	.organizationWrap .organization02 .dep02 ul > li:nth-of-type(4) span:before,
	.organizationWrap .organization02 .dep02 span + span:before {left: -3rem; width: 3rem;}
	.organizationWrap .organization02 .dep02 ul:before {left: -1.5rem; height: calc(100% - 3rem); }

	.organizationWrap .organization03 span {width: 100%;} /* 2021.12.02 조직도 웹 접근성 수정 */
	

}


@media (max-width: 1024px){	
	.organizationWrap .organization02 {margin-top: 1rem; padding: 1rem;}
	.organizationWrap .organization02 > ul > li {width: 25%;}
	.organizationWrap .organization02 > ul > li.dep02 {width: 75%;}
	.organizationWrap .organization02 .dep02 span {padding: 0 0.5rem; width: calc(50% - 1.25rem);}
	.organizationWrap .organization02 .dep02,
	.organizationWrap .organization02 .dep02 span + span {margin-left: 2.5rem;}
	.organizationWrap .organization02 .dep02 span:before {left: -1.25rem; width: 1.25rem;}
	.organizationWrap .organization02 .dep02 ul > li:nth-of-type(4) span:before,
	.organizationWrap .organization02 .dep02 span + span:before {left: -2.5rem; width: 2.5rem;}
	.organizationWrap .organization02 .dep02 ul:before {left: -1.25rem;}
}

@media (max-width: 800px){
	.organizationWrap .organization01 a,
	.organizationWrap .organization01 span {width: 100%;}
	.organizationWrap .organization01 > ul {margin-top: 2rem;}
	.organizationWrap .organization01 > ul:before {left: 50%; height: calc(100% - 1rem);}
	.organizationWrap .organization01 > ul ul {width: auto;}
	.organizationWrap .organization01 .dep1 > .r1:before{display: none;}
	.organizationWrap .organization01 .dep1 .r2 {float: none; margin: 0 auto; width: 100%;} 
	.organizationWrap .organization01 .dep1 .r2-1 {float: none; margin: 2rem auto; width: 100%;} 
	.organizationWrap .organization01 .dep2 {margin-top: 2rem;}
	.organizationWrap .organization01 .dep2 .r3 {float: none; margin: 0 auto; width: 100%;} 
	.organizationWrap .organization01 .dep3 .r4 > li > span {top:auto !important;width: 100%;}
	.organizationWrap .organization01 .dep3 ul {margin: 0 auto;}
	.organizationWrap .organization01 .dep4 {margin: 0;}
	.organizationWrap .organization01 .dep4 ul {width: 100%;}
	.organizationWrap .organization01 .dep4 ul, 
	.organizationWrap .organization01 .dep4 ul:nth-of-type(even) {margin: 0;}
	.organizationWrap .organization01 .dep4 ul + ul {margin: 1rem 0 0 !important;}
	.organizationWrap .organization01 .lstOrg:before{height: 99%;}

	.organizationWrap .organization01 .dep1 ul:before,
	.organizationWrap .organization01 .dep1 ul:after,
	.organizationWrap .organization01 .dep2 ul:before,
	.organizationWrap .organization01 .dep4:before,
	.organizationWrap .organization01 .dep4 ul:before {display: none;}

	.organizationWrap .organization02 > ul {display: block; overflow: hidden;}
	.organizationWrap .organization02 > ul > li {width: 100%;}
	.organizationWrap .organization02 > ul > li.dep02 {margin-top: 1rem; margin-left: 0; width: 100%;}
}

@media (max-width: 600px){

	.organizationWrap .organization02 .dep02 span {width: 100%;}
	.organizationWrap .organization02 .dep02 span + span {margin-left: 0;}
}