.web-wrap{flex-wrap:wrap;gap:20px;margin-bottom:30px;display:flex}@media (min-width:992px){.web-wrap{margin-bottom:60px}}.temp_box{width:100%}@media (min-width:768px){.temp_box{width:calc(50% - 15px)}}@media (min-width:992px){.temp_box{width:calc(33.333% - 15px)}}@media (min-width:1200px){.temp_box{width:calc(25% - 15px)}}.temp_box .box_body{text-align:center;flex-direction:column;gap:10px;display:flex}.temp_box .box_body .btn{gap:10px;font-size:1rem;font-weight:600;line-height:1.1875rem}.temp_box .box_body .btn .ico-link-arrow{font-size:.8125rem;line-height:1rem}.screen{cursor:pointer;border:1px solid #b3b3b3;border-radius:10px;width:100%;height:350px;margin-bottom:10px;position:relative;overflow:hidden}.screen img{object-fit:cover;width:100%;transition:transform 10s linear;position:absolute;top:0;left:0}.screen:hover img,.screen.clicked img{transform:translateY(calc(355px - 100%))}.filter_bar{justify-content:end;align-items:center;gap:10px;margin-bottom:40px;display:flex}.filter_bar .filter_title{font-weight:500}.filter_bar .dropdown-container{background:0 0;border:1px solid #b3b3b3;border-radius:10px;justify-content:space-between;align-items:baseline;gap:10px;min-width:150px;padding:5px 24px 5px 15px;font-size:16px;display:flex}.filter_bar .dropdown-container a{color:#000;font-weight:500}.filter_bar .dropdown-container .ico-down-arrow:before,.filter_bar .dropdown-container:hover .ico-down-arrow:before{color:#000!important}.filter_bar .dropdown-container .btn-drop{background:0 0;margin-bottom:0;padding:0 0 5px}.filter_bar .dropdown-container .btn-drop .ico-down-arrow{justify-content:end;align-items:center;padding-right:10px;font-size:8px;line-height:15px;display:flex;position:absolute;inset:0;transform:rotateX(180deg)}.filter_bar .dropdown-menu{padding-top:0}.filter_bar .dropdown-menu ul{margin-top:10px}.filter_bar .btn{text-align:left;background:0 0;border-radius:0;width:100%;font-family:IBM Plex Sans,IBM Plex Sans Fallback;font-weight:500;display:block}.filter_bar .btn.active{background:#ececed99}