2025_PROJECT / orgasis star
정수빈 정수빈 1 days ago
조직도 반응형 추가
@2d742d3cd2ca2c122d39d758d2f936ad2ec962ba
35107d4
2d742d3
src/main/webapp/publish/usr/css/content.css
--- src/main/webapp/publish/usr/css/content.css
+++ src/main/webapp/publish/usr/css/content.css
@@ -124,8 +124,8 @@
 
 .organization_ceo{display:inline-flex;align-items:center;justify-content:center;width:378px;height:87px;border-radius:100px;background:#5c46c2;color:#fff;font-size:22px;font-weight:700;margin:0 auto;}
 
 .organization_top::after{content:"";position:absolute;top:64px;left:50%;width:1px;height:100%;background:#5F48B0;transform:translateX(-50%);}
 
 /* CTO */
 
-.organization_cto{position:absolute;left:0.3%;top:50%;display:flex;align-items:center;justify-content:center;width:378px;height:87px;border:1px solid #8e7be4;border-radius:100px;background:#f3f0ff;color:#5c46c2;font-size:22px;font-weight:700;}
 
-.organization_cto::after{content:"";position:absolute;top:50%;right:-200px;width:200px;height:1px;background:#5F48B0;}
 
+.organization_cto{position:absolute;left:0%;top:50%;display:flex;align-items:center;justify-content:center;width:378px;height:87px;border:1px solid #8e7be4;border-radius:100px;background:#f3f0ff;color:#5c46c2;font-size:22px;font-weight:700;}
 
+.organization_cto::after{content:"";position:absolute;top:50%;right:-100%;width:100%;height:1px;background:#5F48B0;transform: translateX(-46%);z-index:-1;}
 
 /* 가운데 */
 
 .organization_middle{position:relative;display:flex;justify-content:space-between;align-items:flex-start;}
 
 .organization_middle::before{content:"";position:absolute;top:50%;left:16.66%;right:16.66%;height:1px;background:#5F48B0;}
@@ -584,7 +584,15 @@
 
  .overview .box_wrap{flex-wrap:wrap;flex-direction:column;gap:20px;}
 
  .overview .box dt{height:50px;font-size:20px;padding:6px 0 0 0;}
 
  .overview .box dd{font-size:18px;padding:47px 30px 32px 30px;}
 
-
 
+ 
+ /* 조직도 */
 
+ .organization_ceo,.organization_cto,.organization_item{width:30%;height:60px;font-size:18px;padding:5px 0 0 0;}
 
+ .organization_item:first-child::after, .organization_item:last-child::after{top:63px;}
 
+ .organization_cto{left:0;transform:translateX(50%);}
 
+ .organization_cto::after{width:17%;right:-17%;transform:none;}
 
+ .organization_team{margin:47px 0 0 0;}
 
+ 
+ 
  /* 오시는 길 */
 
  .location_list>li{flex-wrap:wrap;gap:30px}
 
  .location_area{width:100%;}
@@ -746,6 +754,9 @@
 
  /* 조직도 */
 
  .org_list{gap:20px}
 
  .org_list>li{width:100%;}
 
+ .organization_ceo{width:80%;font-size:16px;}
 
+ .organization_cto{width:43%;font-size:16px;transform:none;}
 
+ .organization_item{font-size:14px;padding:5px 10px 0 10px;}
 
 
  /* 오시는 길 */
 
  .location_list .boxs{flex-direction:column;}
Add a comment
List