.pf_grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 60px; margin-top: 60px;}
.pf_grid .pf_grid_el{aspect-ratio: 1 / 1; width: 100%; border-radius: 0.6vw; object-fit: cover; cursor: pointer;} 
.line_group{display: flex; gap: 20px; margin: 50px 0 60px; justify-content: center;}
.line_group div{color: #999; cursor: pointer; font-size: 13px; position: relative;}
.line_group div:not(:last-child)::after{content: ''; display: block; position: absolute; top: 0; height: 100%; width: 1px; background-color: #b6b6b6; right: -10px;}
.line_group .active{color: #000;}

.popup_slide{position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; padding:40px 20px; background:rgba(0,0,0,.72); opacity:0; visibility:hidden; transition:opacity .25s ease, visibility .25s ease;}
.popup_slide.active{opacity:1; visibility:visible;}
.popup_slide_dialog{position:relative; width:min(700px, calc(100vw - 40px));}
.popup_slide_swiper{width:100%; overflow:hidden; border-radius:5px;}
.popup_slide .swiper-slide{display:flex; aspect-ratio:1/1; overflow:hidden;}
.popup_slide .swiper-slide img{width:100%; height:100%; border-radius:0; object-fit:cover;}
.popup_slide_close{position:absolute; top:12px; right:12px; z-index:5; width:30px; height:30px; padding:0; border:0; background:transparent; color:#999; font-size:28px; font-weight:200; line-height:1; cursor:pointer;}
.popup_slide_close::before, .popup_slide_close::after{content: ''; display: block; width: 100%; height: 1px; background-color: #b6b6b6; position: absolute; left: 50%; top: 50%;}
.popup_slide_close::after{transform: translate(-50%, -50%) rotate(45deg);}
.popup_slide_close::before{transform: translate(-50%, -50%) rotate(-45deg);}
.popup_slide .swiper-pagination{bottom:unset; top: calc(100% + 10px);}
.popup_slide .swiper-pagination-bullet{width:10px!important; height:10px!important; margin:0 6px!important; background:#fff; opacity:.85;}
.popup_slide .swiper-pagination-bullet-active{background:#2167ff; opacity:1;}
@media (max-width: 1024px) {
  .pf_grid{grid-template-columns: repeat(1, 1fr); padding: 30px 0 35px; margin-bottom: 50px; gap: 20px; margin-top: 32px;}
  .pf_grid .pf_grid_el{border-radius: 2vw;}

  .popup_slide{padding:30px 16px;}
  .popup_slide_dialog{width:min(500px, calc(100vw - 32px));}
  .popup_slide .swiper-pagination{bottom:unset; top: calc(100% + 10px);}
  .popup_slide .swiper-pagination-bullet{width:10px!important; height:10px!important;}
  .line_group{margin: 20px 0 32px; }
  .line_group div{font-size: 11px;}
  
  .subject_w{display: grid; grid-template-columns: repeat(1, 1fr); padding-bottom: 0; justify-items: center;}
  .subject_w.subject_w_2_depth{grid-template-columns: repeat(2, 1fr);}
  
}