.reference_list{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:32px;column-gap:32px}.reference_list.owl-carousel{display:block}.reference_list.owl-carousel .item{width:calc(33.33333333% - (2 * 32px / 3) * 1);margin-right:32px}.reference_list.reference_slider{width:86%;margin:55px auto 0}.reference_list .item{display:block}.reference_list .item.mix{display:none}.reference_list .item .img_box{position:relative}.reference_list .item .img_box .img{z-index:9;width:100%;padding:0 0 75%;display:block;position:relative;overflow:hidden}.reference_list .item .img_box .img img{transition:scale 900ms ease 0ms;transform-origin:top left}.notouch .reference_list .item:hover .img_box .img img,.reference_list .item:focus .img_box .img img{scale:1.07}.reference_list .item .img_box .icon{z-index:999;display:flex;justify-content:center;align-items:center;position:absolute;top:15px;left:15px;background-color:#fff;padding:20px;box-sizing:border-box;width:76px;height:76px}.reference_list .item .img_box .icon img{width:34px;height:auto;will-change:transform;position:absolute;transition:opacity 400ms ease 0ms}.reference_list .item .img_box .icon img.orange{opacity:1}.reference_list .item .img_box .icon img.blue{opacity:0}.reference_list .item:hover .img_box .icon img.orange{opacity:0}.reference_list .item:hover .img_box .icon img.blue{opacity:1}.reference_list .item .text{position:relative;z-index:9;padding:30px;text-align:center;box-sizing:border-box;margin-left:auto;width:90%;background-color:#F5F5F5;translate:1px -40px}.reference_list .item .text .title{margin:0;color:#1060BE;font-size:20px;line-height:30px;font-weight:700}.reference_list .item .text .place{font-size:16px;line-height:22px;color:#1060BE}.reference_list .item .text .btn{padding-left:20px}.filter_box_reference{display:flex;flex-wrap:wrap;margin:0 0 55px}.filter_box_reference .btn{cursor:pointer;border-left:2px solid #33A8E0;padding:45px 35px;flex:1;display:flex;justify-content:center;align-items:center;gap:38px;background-color:#F5F5F5}.filter_box_reference .btn:first-child{border-left:0}.notouch .filter_box_reference .btn:hover,.filter_box_reference .btn:has(input[type="checkbox"]:checked){background-color:#1060BE}.filter_box_reference .btn .nouniform{display:none}.filter_box_reference .btn .img{position:relative;width:48px;height:48px}.filter_box_reference .btn .img img{position:absolute;inset:0;margin:0;width:100%;height:100%;transition:opacity 400ms ease 0ms}.filter_box_reference .btn .img img.orange{opacity:1}.filter_box_reference .btn .img img.white{opacity:0}.notouch .filter_box_reference .btn:hover .img img.orange,.filter_box_reference .btn:has(input[type="checkbox"]:checked) .img img.orange{opacity:0}.notouch .filter_box_reference .btn:hover .img img.white,.filter_box_reference .btn:has(input[type="checkbox"]:checked) .img img.white{opacity:1}.filter_box_reference .btn .title{margin:0;font-size:22px;line-height:28px;font-weight:700;text-transform:lowercase;display:flex;flex-direction:column;text-align:left;color:#33A8E0;transition:all 400ms ease 0ms}.notouch .filter_box_reference .btn:hover .title,.filter_box_reference .btn:has(input[type="checkbox"]:checked) .title{color:#fff}.filter_box_reference .btn .title span{font-weight:400}.filter_box_reference .flex_end{display:flex;justify-content:flex-end;flex:100%;margin-top:15px}.filter_box_reference .flex_end .remove_filter{color:#E56916;padding:0;font-weight:500;font-size:17px;line-height:24px;text-decoration:underline}.notouch .filter_box_reference .flex_end .remove_filter:hover{text-decoration:none}@media screen and (max-width:1920px){.filter_box_reference .btn{gap:35px}.filter_box_reference .btn .title{font-size:21px;line-height:28px}}@media screen and (max-width:1800px){.reference_list .item .img_box .icon{top:10px;left:10px;width:70px;height:70px;padding:18px}.reference_list .item .img_box .icon img{width:30px}}@media screen and (max-width:1750px){.filter_box_reference .btn{padding:30px}.filter_box_reference .btn .img{width:44px;height:44px}.filter_box_reference .btn .title{font-size:19px;line-height:26px}}@media screen and (max-width:1700px){.reference_list.reference_slider{width:100%}}@media screen and (max-width:1600px){.reference_list.reference_slider{margin:40px auto 0}.reference_list .item .text{width:95%}}@media screen and (max-width:1400px){.filter_box_reference{margin:0 0 45px}.filter_box_reference .btn{gap:26px;padding:24px}.filter_box_reference .btn .img{width:40px;height:40px}.filter_box_reference .btn .title{font-size:18px;line-height:25px}}@media screen and (max-width:1280px){.reference_list{grid-template-columns:repeat(2, 1fr);row-gap:20px;column-gap:20px}.reference_list.owl-carousel{display:block}.reference_list.owl-carousel .item{width:calc(50% - (1 * 20px / 2) * 1);margin-right:20px}}@media screen and (max-width:1150px){.filter_box_reference{margin:0 0 35px}.filter_box_reference{flex-wrap:wrap}.filter_box_reference .btn{flex:50%;border-top:2px solid #33A8E0;border-right:2px solid #33A8E0;border-left:0 !important}.filter_box_reference .btn:nth-child(-n+2){border-top:0}.filter_box_reference .btn:nth-child(2n){border-right:0}}@media screen and (max-width:1024px){.reference_list.reference_slider{margin:25px auto 0}}@media screen and (max-width:750px){.reference_list{grid-template-columns:repeat(1, 1fr);row-gap:0;column-gap:0}.reference_list.owl-carousel{display:block}.reference_list.owl-carousel .item{width:calc(100% - (0 * 0 / 1) * 1px);margin-right:0}.reference_list.reference_slider{width:90%;margin:12px auto 0}}@media screen and (max-width:600px){.filter_box_reference{margin:0 0 28px}.filter_box_reference .btn{flex:100%;padding:14px;gap:18px;border:0 !important;border-top:2px solid #33A8E0 !important}.filter_box_reference .btn:first-child{border-top:0 !important}.filter_box_reference .btn .img{width:34px;height:34px}.filter_box_reference .btn .title{font-size:17px;line-height:25px}.filter_box_reference .flex_end .remove_filter{font-size:16px;line-height:22px}}@media screen and (max-width:500px){.reference_list .item .img_box .icon{top:6px;left:6px;width:52px;height:52px;padding:14px}.reference_list .item .img_box .icon img{width:24px}.reference_list .item .text{padding:24px}}/*# sourceMappingURL=1.css.map */