.news-list-box{display:flex;flex-direction:column;gap:60px;max-width:1760px;margin:0 auto;width:100%}@media only screen and (max-width: 1200px){.news-list-box{gap:30px}}.news-list-box .list{display:flex;gap:60px}@media only screen and (max-width: 1200px){.news-list-box .list{gap:15px 30px;flex-direction:column}}.news-list-box .list .date-wrap{display:flex;flex-direction:column;gap:5px;min-width:100px}@media only screen and (max-width: 1200px){.news-list-box .list .date-wrap{padding-left:20px;flex-direction:row;align-items:center}}.news-list-box .list .mounth{display:flex;align-items:flex-end}.news-list-box .list .mounth .text{font-size:1.25rem;font-weight:700}.news-list-box .list .year{color:#747474}.news-item-box{display:flex;flex-direction:column;gap:10px;flex:1}.news-item-box[type=gray] .inner{background:#f5f5f5}.news-item-box[type=light] .inner{background:#fff}.news-item-box .item{display:block;width:100%;transition:box-shadow .3s,border-color .3s}@media only screen and (min-width: 1201px){.news-item-box .item:hover{box-shadow:4px 4px 10px #0000001a}.news-item-box .item:hover .content-blk .title{color:#2d94f3}}@media only screen and (max-width: 1200px){.news-item-box .item:active{box-shadow:4px 4px 10px #0000001a}.news-item-box .item:active .content-blk .title{color:#2d94f3}}.news-item-box .inner{padding:35px 40px;display:flex;align-items:flex-start;gap:20px 50px;border-radius:5px}@media only screen and (max-width: 1200px){.news-item-box .inner{gap:20px 30px}}@media only screen and (max-width: 767px){.news-item-box .inner{flex-direction:column}}@media only screen and (max-width: 1200px){.news-item-box .inner{padding:25px 20px}}.news-item-box .date-blk{display:flex;align-items:flex-end;color:#747474;min-width:60px}.news-item-box .date-blk .text{font-size:1.25rem;font-weight:700}.news-item-box .content-blk{display:flex;flex-direction:column;gap:30px 0}@media only screen and (max-width: 1200px){.news-item-box .content-blk{gap:20px 0}}.news-item-box .content-blk .row{display:flex;align-items:center;flex-wrap:wrap;gap:30px}@media only screen and (max-width: 1200px){.news-item-box .content-blk .row{gap:20px 30px}}.news-item-box .content-blk .title{transition:color .3s}.news-item-box .content-blk .title p{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.news-item-box .commom-tag p{font-size:.875rem;font-weight:700;letter-spacing:.3px}.news-item-box[type=index]{flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:40px 30px;margin-top:clamp(2.5rem,4.6vw,5.625rem)}@media only screen and (max-width: 900px){.news-item-box[type=index]{gap:50px 0}}.news-item-box[type=index] .item{width:calc((100% - 60px) / 3)}@media only screen and (max-width: 1366px){.news-item-box[type=index] .item{width:calc((100% - 30px)/2)}}@media only screen and (max-width: 900px){.news-item-box[type=index] .item{width:100%}}@media only screen and (min-width: 1201px){.news-item-box[type=index] .item:hover{box-shadow:none}.news-item-box[type=index] .item:hover .content-blk .title,.news-item-box[type=index] .item:hover .date-blk{color:#2d94f3}}@media only screen and (max-width: 1200px){.news-item-box[type=index] .item:active{box-shadow:none}.news-item-box[type=index] .item:active .content-blk .title,.news-item-box[type=index] .item:active .date-blk{color:#2d94f3}}.news-item-box[type=index] .inner{align-items:center;padding:0;height:100%;gap:20px clamp(1.25rem,2.6vw,3.125rem)}@media only screen and (max-width: 767px){.news-item-box[type=index] .inner{align-items:flex-start}}.news-item-box[type=index] .date-blk{display:flex;flex-direction:column;align-items:center;gap:10px;color:#000;min-width:70px;transition:color .3s}@media only screen and (max-width: 767px){.news-item-box[type=index] .date-blk{flex-direction:row}}.news-item-box[type=index] .date-blk .num{display:flex;align-items:flex-end}.news-item-box[type=index] .date-blk .text{font-size:1.25rem;font-weight:700}.news-item-box[type=index] .content-blk{width:100%;height:100%;position:relative;justify-content:center;gap:15px 0}.news-item-box[type=index] .content-blk:after{content:"";width:3px;height:100%;position:absolute;left:calc(-.5*clamp(1.25rem,2.6vw,3.125rem));top:0;background:#edf2f5}@media only screen and (max-width: 767px){.news-item-box[type=index] .content-blk:after{left:0;top:-12px;width:100%;height:3px}}@media only screen and (max-width: 1200px){.news-item-box[type=index] .content-blk .row{gap:15px 30px}}.news .overview-box .more-btn,.news .categories-box .more-btn{margin-top:100px}@media only screen and (max-width: 1200px){.news .overview-box .more-btn,.news .categories-box .more-btn{margin-top:60px}}.news .categories-box{padding-top:40px}@media only screen and (max-width: 1200px){.news .categories-box{padding-top:30px}}.highlights-item-box{display:flex;flex-wrap:wrap;align-items:stretch;gap:25px 30px}@media only screen and (max-width: 1024px){.highlights-item-box{gap:30px 20px}}.highlights-item-box .item-outer{width:calc((100% - 60px) / 3)}.highlights-item-box .item{display:block;width:100%;height:100%;position:relative;border:1px solid transparent;overflow:hidden;border-radius:20px 20px 0;transition:box-shadow .3s,border-color .3s}@media only screen and (max-width: 1200px){.highlights-item-box .item{border-radius:15px 15px 0}}@media only screen and (min-width: 1201px){.highlights-item-box .item:hover{border-color:#fff;box-shadow:5px 5px 20px #00000026}.highlights-item-box .item:hover .pic-box-outer:after{opacity:1}.highlights-item-box .item:hover .pic-box img{width:105%;height:105%}.highlights-item-box .item:hover .content-blk .title{color:#2d94f3}}@media only screen and (max-width: 1200px){.highlights-item-box .item:active{border-color:#fff;box-shadow:5px 5px 20px #00000026}.highlights-item-box .item:active .pic-box-outer:after{opacity:1}.highlights-item-box .item:active .pic-box img{width:105%;height:105%}.highlights-item-box .item:active .content-blk .title{color:#2d94f3}}.highlights-item-box .inner{display:flex;flex-direction:column;height:100%;width:100%}.highlights-item-box .tag-outer{position:absolute;z-index:2;top:20px;left:20px}@media only screen and (max-width: 1200px){.highlights-item-box .tag-outer{top:15px;left:15px}}.highlights-item-box .pic-box-outer{position:relative}.highlights-item-box .pic-box-outer:after{content:"MORE";position:absolute;font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:.3px;top:0;left:0;display:flex;justify-content:center;align-items:center;color:#fff;width:100%;height:100%;z-index:1;opacity:0;background:#000000bf;transition:opacity .3s}.highlights-item-box .pic-box{flex-shrink:0;overflow:hidden}.highlights-item-box .pic-box:after{padding-top:65.37%}.highlights-item-box .pic-box img{transition:width .3s,height .3s}.highlights-item-box .content-blk{height:100%;padding:20px 30px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;background:#efefef}@media only screen and (max-width: 1024px){.highlights-item-box .content-blk{padding:20px 15px}}.highlights-item-box .content-blk .title{transition:color .3s}.highlights-item-box .content-blk .title p{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.highlights-item-box .content-blk .date{opacity:.5}.highlights-item-box .content-blk .content-btm{display:flex;flex-wrap:wrap;gap:10px 30px}@media only screen and (max-width: 1023px){.highlights-item-box .item-outer{width:calc((100% - 30px)/2)}}@media only screen and (max-width: 650px){.highlights-item-box{justify-content:center}.highlights-item-box .item-outer{width:100%}}section.main .container{grid-column:2/-2;max-width:1760px;width:100%;margin:0 auto}section.main .multipurpose-wrap{padding:30px 0 40px}@media only screen and (max-width: 1200px){section.main .multipurpose-wrap{padding:15px 0 20px}}section.main .multipurpose-wrap multipurpose-nav[m4-type=drag] .drag-container{justify-content:center}section.main .data-content-box{padding-bottom:100px}@media only screen and (max-width: 1200px){section.main .data-content-box{padding-bottom:80px}}section.main .overview-box{display:flex;flex-direction:column;gap:clamp(3.75rem,5.2vw,6.25rem)}section.main .overview-box .wrap{display:flex;flex-direction:column;gap:60px}@media only screen and (max-width: 1200px){section.main .overview-box .wrap{gap:30px}}
