multipurpose-nav[m4-type=collapse] .drag-container{width:100%;max-width:100%}multipurpose-nav[m4-type=collapse] .drag-container .wrapper{gap:10px 20px!important}multipurpose-nav[m4-type=collapse] .drag-container .item{padding:10px 20px;border-radius:500px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.2);transition:border .4s}multipurpose-nav[m4-type=collapse] .drag-container .item:after{content:"";width:101%;height:101%;background:linear-gradient(90deg,#95cf15,#1aafd4);transition:opacity .4s;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (min-width: 1201px){multipurpose-nav[m4-type=collapse] .drag-container .item:hover{background-color:transparent;border:1px solid rgba(0,0,0,0)}multipurpose-nav[m4-type=collapse] .drag-container .item:hover:after{opacity:1}multipurpose-nav[m4-type=collapse] .drag-container .item:hover .category{color:#fff}}@media only screen and (max-width: 1200px){multipurpose-nav[m4-type=collapse] .drag-container .item:active{background-color:transparent;border:1px solid rgba(0,0,0,0)}multipurpose-nav[m4-type=collapse] .drag-container .item:active:after{opacity:1}multipurpose-nav[m4-type=collapse] .drag-container .item:active .category{color:#fff}}multipurpose-nav[m4-type=collapse] .drag-container .item.active{background-color:transparent;border:1px solid rgba(0,0,0,0)}multipurpose-nav[m4-type=collapse] .drag-container .item.active:after{opacity:1}multipurpose-nav[m4-type=collapse] .drag-container .item.active .category{color:#fff}multipurpose-nav[m4-type=collapse] .drag-container .item .category{color:#444;font-size:1rem;font-weight:400;line-height:1.6;padding:0;letter-spacing:.5px;position:relative;z-index:2;transition:color .4s}multipurpose-nav[m4-type=collapse] .drag-container .item .category:after{content:unset}multipurpose-nav[m4-type=collapse] .collapse-container .item{padding:10px 20px;letter-spacing:.5px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.2);transition:border .4s}multipurpose-nav[m4-type=collapse] .collapse-container .item:after{content:"";width:101%;height:101%;background:linear-gradient(90deg,#95cf15,#1aafd4);transition:opacity .4s;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (min-width: 1201px){multipurpose-nav[m4-type=collapse] .collapse-container .item:hover{background-color:transparent;border:1px solid rgba(0,0,0,0)}multipurpose-nav[m4-type=collapse] .collapse-container .item:hover:after{opacity:1}multipurpose-nav[m4-type=collapse] .collapse-container .item:hover .category{color:#fff}}@media only screen and (max-width: 1200px){multipurpose-nav[m4-type=collapse] .collapse-container .item:active{background-color:transparent;border:1px solid rgba(0,0,0,0)}multipurpose-nav[m4-type=collapse] .collapse-container .item:active:after{opacity:1}multipurpose-nav[m4-type=collapse] .collapse-container .item:active .category{color:#fff}}multipurpose-nav[m4-type=collapse] .collapse-container .item.active{background-color:transparent;border:1px solid rgba(0,0,0,0)}multipurpose-nav[m4-type=collapse] .collapse-container .item.active:after{opacity:1}multipurpose-nav[m4-type=collapse] .collapse-container .item.active .category{color:#fff}multipurpose-nav[m4-type=collapse] .collapse-container .item .category{color:#444;font-size:1rem;font-weight:400;line-height:1.6;padding:0;letter-spacing:.5px;position:relative;z-index:2;transition:color .4s}multipurpose-nav[m4-type=collapse] .collapse-container .item .category:after{content:unset}.collapse-blk .container{padding:30px 0;width:calc(100% - var(--1frSpace) * 4 - var(--baseSpace) * 2);margin:auto}@media only screen and (max-width: 1500px){.collapse-blk .container{width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2)}}@media only screen and (max-width: 900px){.collapse-blk .container{width:calc(100% - var(--1frSpace) * 4 - var(--baseSpace) * 2)}}@media only screen and (max-width: 767px){.collapse-blk .container{width:calc(100% - var(--baseSpace) * 2)}}.content-blk .container{width:calc(100% - var(--1frSpace) * 4 - var(--baseSpace) * 2);margin:auto}@media only screen and (max-width: 1500px){.content-blk .container{width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2)}}@media only screen and (max-width: 900px){.content-blk .container{width:calc(100% - var(--1frSpace) * 4 - var(--baseSpace) * 2)}}@media only screen and (max-width: 767px){.content-blk .container{width:calc(100% - var(--baseSpace) * 2)}}.content-blk .content-header{position:relative;z-index:5;width:100%;gap:50px;display:flex;align-items:center;justify-content:space-between}.content-blk .content-header .categoryTitle{font-size:3.125rem;font-weight:600;line-height:1.3;letter-spacing:.5px}@media only screen and (max-width: 900px){.content-blk .content-header{gap:30px;flex-direction:column}.content-blk .content-header .categoryTitle{font-size:1.875rem}}.content-blk .contentBox{padding:var(--rwdPadding80) 0 var(--rwdPadding120) 0}.content-blk .contentBox .items{gap:30px 2.6041666667vw;display:flex;align-items:flex-start;justify-content:flex-start}.content-blk .contentBox .items:not(:first-child){padding-top:var(--rwdPadding80)}.content-blk .contentBox .items.active .yearTitle:after{opacity:0}.content-blk .contentBox .items.active .yearTitle:before{opacity:1}@media only screen and (max-width: 1200px){.content-blk .contentBox .items{flex-direction:column}}@media only screen and (max-width: 900px){.content-blk .contentBox .items:not(:first-child){padding-top:50px}}.content-blk .contentBox .yearTitle{min-width:150px;font-size:3.125rem;font-weight:600;line-height:1.3;letter-spacing:.5px}.content-blk .contentBox .yearTitle:after{content:attr(data-year);color:#909090;transition:opacity .4s}.content-blk .contentBox .yearTitle:before{content:attr(data-year);background:linear-gradient(93deg,#2ed31f 4.37%,#50d0b9 46.89%,#1078c2 98.87%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:2;opacity:0;transition:opacity .4s;position:absolute;top:0;left:0}@media only screen and (min-width: 1201px){.content-blk .contentBox .yearTitle{position:sticky;top:150px}}@media only screen and (max-width: 1200px){.content-blk .contentBox .yearTitle{position:relative}.content-blk .contentBox .yearTitle:after{opacity:0}.content-blk .contentBox .yearTitle:before{opacity:1}}.content-blk .contentBox .listBox{width:100%;flex:1;gap:50px 3.90625vw;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.content-blk .contentBox .listBox .item{position:relative;width:calc((100% - 3.90625vw)/2);gap:30px;display:flex;align-items:center;justify-content:flex-start}.content-blk .contentBox .listBox .item .leftWrap{width:39.9673735726%;flex-shrink:0}.content-blk .contentBox .listBox .item .picBox{border-radius:10px;overflow:hidden;transition:.4s box-shadow}.content-blk .contentBox .listBox .item .picBox .pic{position:relative;width:100%;overflow:hidden}.content-blk .contentBox .listBox .item .picBox .pic:before{content:"";display:block;width:100%;height:100%;padding-top:108.1632653061%}.content-blk .contentBox .listBox .item .picBox .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-blk .contentBox .listBox .item .picBox .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.content-blk .contentBox .listBox .item .txtBox{flex:1}.content-blk .contentBox .listBox .item .txtBox .itemTitle{transition:.4s color}@media only screen and (min-width: 1201px){.content-blk .contentBox .listBox .item .txtBox .itemTitle{color:#444}}.content-blk .contentBox .listBox .item .txtBox .tag{position:relative;margin-top:10px;padding-left:20px;color:#444;font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:.5px}.content-blk .contentBox .listBox .item .txtBox .tag a{display:inline-block}.content-blk .contentBox .listBox .item .txtBox .tag:after{content:"";width:5px;height:5px;background:#0003;position:absolute;top:50%;left:0;transform:translate3d(0,-50%,0);border-radius:50%}.content-blk .contentBox .listBox .item .hoverWrap{pointer-events:none}.content-blk .contentBox .listBox .item .linkItem{z-index:3;gap:30px;transition:.4s opacity;display:flex;flex-direction:column;align-items:center;justify-content:center}.content-blk .contentBox .listBox .item .linkItem .iconBox{pointer-events:auto;width:50px;height:50px;border-radius:50%;background:#f2f2f2;color:#444;transition:.4s color;position:relative;display:flex;align-items:center;justify-content:center}.content-blk .contentBox .listBox .item .linkItem .iconBox:after{content:"";width:100%;height:100%;border-radius:50%;background:linear-gradient(90deg,#95cf15,#1aafd4);opacity:0;transition:.4s opacity;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-blk .contentBox .listBox .item .linkItem .iconBox i{font-size:.9375rem;display:block;position:relative;z-index:2}@media only screen and (min-width: 1201px){.content-blk .contentBox .listBox .item .linkItem .iconBox:hover{color:#fff;background:#fff0;transition:.4s background .2s,.4s color}.content-blk .contentBox .listBox .item .linkItem .iconBox:hover:after{opacity:1}}.content-blk .contentBox .listBox .item .linkItem .iconBox .icon-explore{font-size:1rem}.content-blk .contentBox .listBox .item .linkItem .iconBox .icon-download,.content-blk .contentBox .listBox .item .linkItem .iconBox .icon-search{font-size:1.25rem}@media only screen and (max-width: 1200px){.content-blk .contentBox .listBox .item{gap:20px}.content-blk .contentBox .listBox .item .linkItem{opacity:1;visibility:visible;gap:20px}.content-blk .contentBox .listBox .item .linkItem .iconBox{width:40px;height:40px}}@media only screen and (max-width: 900px){.content-blk .contentBox .listBox .item{width:100%}}@media only screen and (max-width: 575px){.content-blk .contentBox .listBox .item{flex-wrap:wrap}.content-blk .contentBox .listBox .item .leftWrap{width:100%}.content-blk .contentBox .listBox .item .txtBox{width:calc(100% - 60px)}}@media only screen and (min-width: 1201px){.content-blk .contentBox .listBox .item .leftWrap,.content-blk .contentBox .listBox .item .picBox{position:relative}.content-blk .contentBox .listBox .item .picBox:after{content:"";width:100%;height:100%;background:#2f9dbd99;opacity:0;transition:.4s opacity;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-blk .contentBox .listBox .item .hoverWrap{width:39.9673735726%;position:absolute;left:0;top:50%;transform:translate3d(0,-50%,0);z-index:2}.content-blk .contentBox .listBox .item .hoverWrap:after{content:"";width:100%;padding-top:108.1632653061%;display:block}.content-blk .contentBox .listBox .item .linkItem{opacity:0;visibility:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media only screen and (min-width: 1201px) and (min-width: 1201px){.content-blk .contentBox .listBox .item:hover .picBox{box-shadow:10px 10px 20px #0000001a}.content-blk .contentBox .listBox .item:hover .picBox:after{opacity:1}.content-blk .contentBox .listBox .item:hover .txtBox .itemTitle{color:#000}.content-blk .contentBox .listBox .item:hover .linkItem{opacity:1;visibility:visible}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.content-blk .contentBox .listBox .item:active .picBox{box-shadow:10px 10px 20px #0000001a}.content-blk .contentBox .listBox .item:active .picBox:after{opacity:1}.content-blk .contentBox .listBox .item:active .txtBox .itemTitle{color:#000}.content-blk .contentBox .listBox .item:active .linkItem{opacity:1;visibility:visible}}
