.project-activity{--verticalSize:100px;--horizontalSize:48px;text-align:center;padding:var(--verticalSize) var(--horizontalSize) 0;--verticalSize:40px;--horizontalSize:25px}@media(min-width:768px){.project-activity{--verticalSize:calc(26.7857142857vw - 165.7142857143px)}}@media(min-width:992px){.project-activity{--verticalSize:100px}}@media(min-width:768px){.project-activity{--horizontalSize:calc(10.2678571429vw - 53.8571428571px)}}@media(min-width:992px){.project-activity{--horizontalSize:48px}}.activity-group{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;grid-gap:48px;gap:48px}.activity-group .list-1,.activity-group .list-2{display:grid;grid-gap:60px;gap:60px;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;position:relative;padding:48px 0}.activity-group>.detail{padding:48px;border-right:1px solid hsla(0,0%,8%,.2);border-left:1px solid hsla(0,0%,8%,.2);display:flex;align-items:center;justify-content:center;min-width:310px}.activity-group .mobile-list-scroll{display:none;height:500px;margin:0 -24px;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding-left:0;scroll-padding-inline-start:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.activity-group .mobile-list{display:none;width:1200px;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(10,10px);gap:40px;padding:0 24px}.activity-group .mobile-list .item:first-child{grid-column:1/span 4;grid-row:3}.activity-group .mobile-list .item:nth-child(2){grid-column:5/span 3;grid-row:6}.activity-group .mobile-list .item:nth-child(3){grid-column:6/span 4;grid-row:1}.activity-group .mobile-list .item:nth-child(4){grid-column:8/span 4;grid-row:5}.activity-group .mobile-list .item:nth-child(5){grid-column:12/span 3;grid-row:2}.activity-group .mobile-list .item:nth-child(6){grid-column:15/span 4;grid-row:4}@media screen and (max-width:1105px){.activity-group{display:flex;flex-direction:column}.activity-group .list-1,.activity-group .list-2{display:none}.activity-group>.detail{width:100%;border:none;min-width:0;padding:48px 0}.activity-group .mobile-list-scroll{display:block}.activity-group .mobile-list{display:grid}}