.template__card{display:block;transition:transform .3s}.template__card:hover{transform:scale(1.03)}.template__card__img{position:relative;margin:0}@media(min-width: 1300px){.template__card__img{height:260px}}.template__card__img .card__img{width:100%;height:100%;vertical-align:text-top;object-fit:cover;border:1px solid var(--color-gray-300)}.template__card__img .card__type{position:absolute;bottom:0;left:0;padding:8px 12px;background-color:var(--color-gray-200);color:var(--color-gray-800);font-size:var(--note-md)}.template__card__img .card__type:hover{background-color:var(--color-gray-300)}.template__card__img .card__state{position:absolute;right:0;top:0;background:red;color:#fff}.template__card__body{magin:15px 0}.template__card__body .body__top:hover .card__title{text-decoration:underline}.template__card__body .card__title{color:var(--color-gray-800);font-size:var(--title-sm);font-weight:bold}.template__card__body .card__text{color:var(--color-gray-800);font-size:var(--text-sm);margin-top:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.5;word-break:break-word}.template__card__body .card__date{color:var(--color-gray-600);font-size:var(--text-xs);margin:15px 0}.template__card__body .card__date_rang{display:flex;align-items:center}.template__card__body .dash{color:var(--color-gray-600);font-size:var(--text-xs);margin:0 3px}.template__card__body .card__tag{display:flex;flex-wrap:wrap;margin-top:15px;color:#999}.template__card__body .card__tag .icon-msi-tag{margin-right:5px}.template__card__body .card__tag__info{display:flex;font-size:var(--note-lg);font-family:var(--MSIBodyFont);color:#999}@media(min-width: 1300px){.template__card__body .card__tag__info{font-size:var(--note-xl)}}.template__card__body .card__tag__info .card__tag__btn{color:#999;border-bottom:1px solid transparent}.template__card__body .card__tag__info .card__tag__btn:hover{border-bottom:1px solid #999}.template__card__body .card__tag__info .comma{padding-right:5px}.template__news__checkbox{width:275px;position:relative;user-select:none;border-radius:4px;padding:0;margin:0 8px}.template__news__checkbox .checkbox__label{font-size:var(--title-xs);color:var(--color-black)}.template__news__checkbox .checked__item{width:100%;display:flex;justify-content:space-between;cursor:pointer;margin:8px 0;padding:15px 15px 15px 20px;text-align:left;color:var(--color-black);font-family:var(--MSIBodyFont);font-size:var(--title-xs);line-height:16px;outline:none;border:1px solid var(--color-gray-300);border-radius:4px}.template__news__checkbox .dropdown__btn__text{overflow:hidden;white-space:nowrap}.template__news__checkbox .dropdown__btn__icon{margin-left:10px}.template__news__checkbox .dropdown__options__container{width:100%;border:1px solid var(--color-gray-300);border-radius:4px;z-index:99;position:absolute;padding:5px 0;background-color:var(--color-white)}.template__news__checkbox .dropdown__options__cell{display:block;font:var(--title-xs);padding:2px 0 2px 20px}.template__news__checkbox .dropdown__options__cell:hover{background:var(--color-gray-200)}.template__news__checkbox input[type=checkbox]{opacity:1;display:none}.template__news__checkbox .checked__option{width:100%;display:flex;justify-content:space-between;cursor:pointer;align-items:center}.template__news__checkbox .checked__icon,.template__news__checkbox .checked__icon__all{opacity:0;padding:10px}.template__news__checkbox .checkbox:checked+.checked__option .checked__icon{opacity:1}.template__news__checkbox .check--active{opacity:1}.template__news__checkbox .checked__icon,.template__news__checkbox .checked__icon__all,.template__news__checkbox .dropdown__btn__icon{color:var(--color-gray-400);font-weight:bold}.mb__filter__title{font-size:16px;color:var(--color-black);font-weight:bold;margin:25px 0}.mb__option{font-size:var(--title-sm);color:var(--color-gray-800)}input[type=checkbox]{opacity:1;display:none}.checked__option{display:flex;align-items:center;width:100%;cursor:pointer}.checked__option p{padding:20px 0;color:var(--color-gray-600)}@media(min-width: 1300px){.checked__option p{padding:0}}.checked__icon__container{width:20px;height:20px;display:flex;margin-right:10px;color:var(--color-gray-600);border:1px solid;border-radius:3px}.checked__icon,.checked__icon__all{vertical-align:middle;color:var(--color-white);font-weight:bold;opacity:0}.checkbox:checked+.checked__option .checked__icon__container{background-color:var(--color-gray-600)}.checkbox:checked+.checked__option .checked__icon{opacity:1}.check__mobile--active{opacity:1;background-color:var(--color-gray-600)}.template__mobile__filter{border:1px solid var(--color-gray-300)}.title__area{text-align:center;padding:20px;background-color:var(--color-gray-200);position:sticky;right:0;left:0;top:0;z-index:100}.title__area .title__text{color:var(--color-black);font-size:24px;font-weight:bold}.title__area .clear__tag{color:#fefefe;position:absolute;top:0;bottom:0;right:20px}.title__area .clear__tag .clear__icon{color:var(--color-gray-600);vertical-align:middle;font-size:36px;font-weight:bold}.option__area{padding:0 25px}.confirm__area{display:flex;position:fixed;right:0;left:0;bottom:0;z-index:100}.confirm__area .confirm__button{flex:1 0 0;padding:20px;font-size:var(--link-sm);background-color:var(--color-gray-200);font-weight:bold}.confirm__area .confirm__button:first-child{border-right:1px solid var(--color-gray-300)}.confirm__area .confirm__button .button__text{color:var(--color-black)}*{box-sizing:border-box;padding:0;margin:0}ol,ul,li{list-style:none}button{font-size:100%;cursor:pointer;border:none;background:none}button:link,button:hover,button:visited,button:active,button:focus{outline:none;appearance:none}select{appearance:none}a{text-decoration:none;outline:0}a:hover{text-decoration:none}a:focus{-moz-outline-style:none}a:focus-visible,button:focus-visible{outline:#000 2px solid}.newsLoading{background-color:#fff;position:absolute;top:0;bottom:0;right:0;left:0;height:3000px;z-index:999}.circle{width:80px;height:80px;position:absolute;top:10%;bottom:75%;right:0;left:0;margin:auto;border-radius:100%;border:10px solid #d0d0d0;border-top-color:#adadad;animation:spin 2s infinite linear}@keyframes spin{100%{transform:rotate(360deg)}}.pagination{width:100%;margin-top:20px;margin-bottom:40px}.pagination__item{display:flex;justify-content:center}.pagination__link button{width:36px;height:36px;border:var(--color-gray-300) 1px solid;color:var(--color-gray-600);border-radius:3px;margin:0 5px;display:flex;justify-content:center;align-items:center}.pagination__link button:hover{background:var(--color-gray-200);color:var(--color-gray-800)}.pagination__link button:disabled{cursor:not-allowed}.pagination__link button svg{display:none}.pagination__link--active button{background:var(--color-gray-200);color:var(--color-gray-800)}.article{margin:0 0 85px 0}@media(min-width: 1200px){.article{margin:85px 0}}.article .title{display:none;font-size:var(--title-xl);font-weight:bold;color:var(--color-black);text-align:center;margin-bottom:25px}@media(min-width: 1200px){.article .title{display:block}}.search__block{display:none;position:relative}@media(min-width: 1200px){.search__block{display:flex;justify-content:space-around}}.search__block .search{display:flex;position:relative}.search__block .search__clear{position:absolute;right:100px;top:40px;font:var(--title-xs);color:var(--color-black);font-family:var(--MSIBodyFont)}.search__block .search__clear .clear__text{display:flex;align-items:center}.search__block .search__clear .clear__icon{font-weight:bold;color:var(--color-gray-300);font-size:24px}@media(min-width: 1200px){.news__block .news.row{display:flex;margin:0 -15px;flex-wrap:wrap}}.news__block .news.row .col{padding-left:15px;padding-right:15px;flex:0 0 33.3333333333%;margin-top:35px}.news__block .pagination{margin:80px 0 0 0}.news__block .empty__news{text-align:center;color:var(--color-gray-800);margin:90px 0;border:1px solid #ececec;padding:45px;border-radius:4px}.mobile__header{height:70px;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-gray-100);position:sticky;right:0;left:0;top:0;z-index:102}@media(min-width: 1200px){.mobile__header{display:none}}.mobile__header .mobile__title{color:var(--color-gray-800);font-size:24px;font-weight:bold;margin:0 25px}.mobile__header .filter__btn{display:flex;align-items:center;margin:0 25px;font-size:20px;color:var(--color-gray-600);font-family:var(--MSIBodyFont)}.mobile__header .filter__icon{font-weight:bold;margin-right:10px}.mobile__filter__container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:700;background-color:#fff;overflow:auto}.mobile__filter__container::-webkit-scrollbar{display:none}