.company-organization{padding:28px 0 64px;background:#fff;color:#102b42;font-family:"Noto Sans KR","Malgun Gothic",sans-serif}
.js-org-chart,.js-org-chart *{box-sizing:border-box}
.js-org-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:16px;row-gap:0}
.js-org-group,.js-org-units{display:contents}
.js-org-ceo{grid-column:1/-1;position:relative;justify-self:center;width:240px;padding:22px;text-align:center;background:#102b42;color:#fff;border-radius:12px;font-size:26px;font-weight:700;line-height:1.4;margin-bottom:56px}
.js-org-ceo:after{content:"";position:absolute;left:50%;top:100%;height:28px;border-left:1px solid #c7d6df}
.js-org-department{grid-row:2;position:relative;display:flex;justify-content:center;margin-bottom:48px}
.js-org-sales .js-org-department{grid-column:1/span 2}
.js-org-ai .js-org-department{grid-column:3/span 2}
.js-org-solutions .js-org-department{grid-column:5/span 3}
.js-org-department h3{width:min(240px,100%);margin:0;padding:19px 12px;border-radius:10px;background:#087f96;color:#fff;text-align:center;font-size:21px;font-weight:600;line-height:1.4}
.js-org-department:before{content:"";position:absolute;left:50%;top:-28px;height:28px;border-left:1px solid #c7d6df}
.js-org-department:after{content:"";position:absolute;left:-8px;right:-8px;top:-28px;border-top:1px solid #c7d6df}
.js-org-sales .js-org-department:after{left:50%}
.js-org-solutions .js-org-department:after{right:50%}
.js-org-department h3:after{content:"";position:absolute;left:50%;top:100%;height:24px;border-left:1px solid #c7d6df}
.js-org-unit{grid-row:3;position:relative;min-width:0;margin:0;border:1px solid #dce6ed;border-radius:12px;background:#fff}
.js-org-unit:before{content:"";position:absolute;left:50%;top:-24px;height:24px;border-left:1px solid #c7d6df}
.js-org-unit:after{content:"";position:absolute;left:50%;width:calc(100% + 17px);top:-24px;border-top:1px solid #c7d6df}
.js-org-unit-last:after{display:none}
.js-org-unit h4{display:flex;align-items:center;justify-content:center;min-height:66px;padding:16px 6px;margin:0;background:#eef7f9;border-bottom:1px solid #dce6ed;border-radius:12px 12px 0 0;color:#087f96;font-size:17px;line-height:1.5;font-weight:700;white-space:nowrap}
.js-org-unit ul{list-style:none;margin:0;padding:20px 12px;min-height:112px}
.js-org-unit li{position:relative;padding-left:12px;color:#425b6c;font-size:14px;line-height:1.65;word-break:keep-all}
.js-org-unit li+li{margin-top:10px}
.js-org-unit li:before{content:"";position:absolute;left:0;top:.65em;width:4px;height:4px;border-radius:50%;background:#087f96}
@media(max-width:1199px) and (min-width:992px){.js-org-chart{column-gap:12px}.js-org-department:after{left:-6px;right:-6px}.js-org-unit:after{width:calc(100% + 13px)}.js-org-unit h4{font-size:15px}.js-org-unit ul{padding:18px 9px}.js-org-unit li{font-size:13px}}
@media(max-width:991px){.company-organization{padding:20px 0 48px}.js-org-chart{display:block;max-width:680px;margin:auto}.js-org-ceo{width:220px;margin:0 auto 32px;padding:18px;font-size:24px}.js-org-group{display:block;margin-top:24px;padding:0;background:transparent}.js-org-department{display:block;margin:0 0 14px}.js-org-department h3{width:100%;font-size:20px;padding:16px}.js-org-units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.js-org-unit{grid-row:auto}.js-org-ceo:after,.js-org-department:before,.js-org-department:after,.js-org-department h3:after,.js-org-unit:before,.js-org-unit:after{display:none}.js-org-unit h4{min-height:58px}.js-org-unit ul{min-height:104px;padding:18px}.js-org-unit li{font-size:14px}}
