/* 조직도 변경 : TODO 20210531*/
.entry-group {margin:0}
.entry-group .group-organization-chart {position: relative; overflow: hidden; width: 100%; height: 100%; min-height: 600px;}
.entry-group .group-organization-chart .title-official {border-radius: 20px; padding: 8px 20px; color: #fff; text-align: center;font-weight: 500;margin: 10px auto; }
.entry-group .group-organization-chart h4.title-official {border-bottom:2px solid #BDC5CD; border-radius: 0; color: #0C2D57; padding: 6px 20px;}
.entry-group .group-organization-chart .chart-group-1 > ol > li:first-child > ol > li:before {display: none;}
.entry-group .group-organization-chart li[class^="chart-group-"] {float: left;position: relative; overflow: hidden; margin-bottom: 50px;}
.entry-group .group-organization-chart li[class^="chart-group-"] {float: none;position: relative; width: 95%;}
.entry-group .group-organization-chart li[class^="chart-group-1"] > ol > li {float: left; position: relative; width: 50%;}
.entry-group .group-organization-chart li[class^="chart-group-"] h2.title-official {margin-bottom: 30px; max-width: 120px;}
.entry-group .group-organization-chart li[class^="chart-group-"] h3.title-official {max-width: 100px; margin: 0 auto;}
.entry-group .group-organization-chart li[class^="chart-group-"] h4.title-official {font-weight: 600; padding:0 20px 8px 20px; margin-bottom: 10px; margin-top: 0;}

/* 마우스오버시 */
.entry-group .group-organization-chart li[class^="chart-group-"] h3.title-official a {display: block; color: #fff;}
.entry-group .group-organization-chart li[class^="chart-group-"] .assis-group {display: block; width: 50%; margin: 30px auto;}
.entry-group .group-organization-chart li[class^="chart-group-1"] .assis-group {width: 70%;}
/* .entry-group .group-organization-chart li[class^="chart-group-"] > ol >li:hover ol {display: block;} */

.entry-group .group-organization-chart li[class^="chart-group-"] h2.title-official:before {content: ''; display: block; height: 1px; left: 50%; width: 100%; background-color: #BDC5CD; position: absolute; top: 30px;z-index: -1;}
.entry-group .group-organization-chart li[class^="chart-group-"] h2.title-official:after {content: ''; display: block; height: 50px; width: 1px; background-color: #BDC5CD; position: absolute; top: 50px; left: 50%;z-index: -1;}
.entry-group .group-organization-chart li[class^="chart-group-1"] h2.title-official:after {height: 15px;}
.entry-group .group-organization-chart li[class^="chart-group-"] h3.title-official:after {content: ''; display: block; height: 20px; left: 50%; width: 1px; background-color: #BDC5CD; position: absolute; top: -17px;z-index: -1;}

.entry-group .group-organization-chart .diagonal1, .entry-group .group-organization-chart .diagonal3, .entry-group .group-organization-chart .diagonal5 {width: 47.7%; height: 1px; background-color: #BDC5CD; position: absolute; top: 64px; left:23.7%;z-index: -1;}
.entry-group .group-organization-chart .diagonal3 {top: 727px;}
.entry-group .group-organization-chart .diagonal5 {top: 1312px;}
.entry-group .group-organization-chart .diagonal2, .entry-group .group-organization-chart .diagonal4 {width: 1px; height: 626px; background-color: #BDC5CD; position: absolute; top: 30px; right: 5%;z-index: -1;}
.entry-group .group-organization-chart .diagonal4 {top: 740px; height: 573px;}

.entry-group .group-organization-chart .assis-group {border:1px solid #BDC5CD; border-radius: 10px; padding:10px 15px; margin: 12px 5px; position: relative;}
.entry-group .group-organization-chart .assis-group li {padding: 3px 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.entry-group .group-organization-chart .assis-group li:before {content: ''; background-color: #0C2D57; width: 6px; height: 6px; border-radius: 50px; display: inline-block; margin-right: 5px;}
.entry-group .group-organization-chart .assis-group span.excep-horizontal {float: left; margin-right: 20%;}

.entry-group .group-organization-chart .bg-color-yellow {background-color: #F4C458;}
.entry-group .group-organization-chart .bg-color-blue {background-color:#0C2D57;}
.entry-group .group-organization-chart .bg-color-gray {background-color:#909BA8;}
.entry-group .group-organization-chart a:hover .bg-color-gray {background-color:#6a7686;}

.entry-group .group-organization-chart .assis-group:before {content: ''; display: block; height: 50px; left: 50%; width: 1px; background-color: #BDC5CD; position: absolute; top: -50px; z-index: -1;}
.entry-group .group-organization-chart .assis-group::after {content: ''; display: block; overflow: hidden; clear: both;}