.post{background-color:#f5f6f9;padding:40px 0 80px}.post .post__inner{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}@media screen and (max-width: 992px){.post .post__inner{flex-direction:column}}.post .post__left{width:70%;flex-shrink:0}@media screen and (max-width: 992px){.post .post__left{width:100%}}.post .post__left .post__list{display:flex;flex-direction:column;gap:32px;background-color:#fff;padding:24px;border-radius:8px}@media screen and (max-width: 768px){.post .post__left .post__list{padding:16px}}.post .post__left .post__list .post__item{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #e9edef;color:#253947}.post .post__left .post__list .post__item:last-child{border-bottom:none}.post .post__left .post__list .post__item .post__item-meta{display:flex;align-items:center;gap:8px;font-size:14px}@media screen and (max-width: 480px){.post .post__left .post__list .post__item .post__item-meta{font-size:12px}}.post .post__left .post__list .post__item .post__item-meta .post__item-category{background-color:#2f89ee;font-size:12px;padding:2px 8px;border-radius:4px;color:#fff}@media screen and (max-width: 480px){.post .post__left .post__list .post__item .post__item-meta .post__item-category{font-size:10px}}.post .post__left .post__list .post__item .post__item-title{font-size:16px;font-weight:700;padding-bottom:8px}@media screen and (max-width: 480px){.post .post__left .post__list .post__item .post__item-title{font-size:14px}}.post .post__left .seminar__list{display:grid;background-color:#f5f6f9;grid-template-columns:repeat(2, 1fr);gap:24px;padding:0}@media screen and (max-width: 768px){.post .post__left .seminar__list{grid-template-columns:repeat(1, 1fr)}}.post .post__left .seminar__list .seminar__item{flex-shrink:0;background-color:#fff;border-radius:8px;overflow:hidden;position:relative}.post .post__left .seminar__list .seminar__item .seminar__item-thumbnail{width:100%;aspect-ratio:1.91/1;overflow:hidden}.post .post__left .seminar__list .seminar__item .seminar__item-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center}.post .post__left .seminar__list .seminar__item .seminar__item-meta{margin-bottom:8px}.post .post__left .seminar__list .seminar__item .seminar__item-content{padding:16px}.post .post__left .seminar__list .seminar__item .seminar__item-status{position:absolute;top:0;right:0;color:#fff;font-size:14px;font-weight:700;padding:4px 8px;border-radius:0 8px 0 8px}.post .post__left .seminar__list .seminar__item .seminar__item-status.closed{background-color:#253947}.post .post__left .seminar__list .seminar__item .seminar__item-status.open{background-color:#f02248}.post .post__left .seminar__list .seminar__item .seminar__item-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#253947;opacity:.2;z-index:1}.post .post__left .post__pagination{margin:64px auto}.post .post__left .post__pagination .nav-links{display:flex;justify-content:center;gap:16px}.post .post__left .post__pagination .screen-reader-text{display:none}.post .post__left .post__pagination .page-numbers{display:inline-flex;justify-content:center;align-items:center;background-color:#fff;width:32px;height:32px;color:#253947}.post .post__left .post__pagination .page-numbers.current{background-color:#2f89ee;color:#fff}.post .post__left .post__pagination .page-numbers.next,.post .post__left .post__pagination .page-numbers.prev{background-color:initial;width:initial;height:initial;color:#2f89ee}.post .post__left .post__content{background-color:#fff;padding:24px;border-radius:8px}@media screen and (max-width: 768px){.post .post__left .post__content{padding:16px}}.post .post__left .post__content .post__content-wrap{border-bottom:1px solid #e9edef;padding-bottom:16px;margin-bottom:16px}.post .post__left .post__content .post__content-wrap .post__content-title{font-size:24px;font-weight:700;padding-bottom:8px}@media screen and (max-width: 480px){.post .post__left .post__content .post__content-wrap .post__content-title{font-size:20px}}.post .post__left .post__content .post__content-wrap .post__content-meta{display:flex;align-items:center;gap:8px;font-size:14px}@media screen and (max-width: 480px){.post .post__left .post__content .post__content-wrap .post__content-meta{flex-direction:column;align-items:flex-start}}.post .post__left .post__content .post__content-wrap .post__content-meta .post__content-date{font-size:14px;color:#253947}.post .post__left .post__content .post__content-wrap .post__content-meta .post__content-label{display:flex;align-items:center;gap:8px}.post .post__left .post__content .post__content-wrap .post__content-meta .post__content-category,.post .post__left .post__content .post__content-wrap .post__content-meta .post__content-status{background-color:#2f89ee;font-size:12px;padding:2px 8px;border-radius:4px;color:#fff}.post .post__left .post__content .post__content-wrap .post__content-meta .post__content-category.closed,.post .post__left .post__content .post__content-wrap .post__content-meta .post__content-status.closed{background-color:#253947}.post .post__left .post__content .post__content-wrap .post__content-meta .post__content-category.open,.post .post__left .post__content .post__content-wrap .post__content-meta .post__content-status.open{background-color:#f02248}.post .post__left .post__content .post__content-thumbnail img{border-radius:8px}.post .post__left .post__content .post__content-seminar div{width:100%}@media screen and (max-width: 768px){.post .post__left .post__content .post__content-seminar div{overflow-x:auto}}.post .post__left .post__content .post__content-seminar div table{width:100%;border-collapse:collapse;border:1px solid #e9edef}@media screen and (max-width: 768px){.post .post__left .post__content .post__content-seminar div table{width:600px}}.post .post__left .post__content .post__content-seminar div table th,.post .post__left .post__content .post__content-seminar div table td{padding:24px 16px;border:1px solid #dce1e5;line-height:1.625}@media screen and (max-width: 768px){.post .post__left .post__content .post__content-seminar div table th,.post .post__left .post__content .post__content-seminar div table td{padding:16px;font-size:14px}}.post .post__left .post__content .post__content-seminar div table th{background-color:#f5f6f9;font-weight:700;text-align:left;text-align:center;width:20%}.post .post__left .post__content .post__content-seminar div table td{padding:24px 16px;border:1px solid #dce1e5}.post .post__left .post__content .post__content-seminar .post__content-form{margin-top:32px;text-align:center}.post .post__left .post__content p{font-size:16px;line-height:2;margin:32px 0}@media screen and (max-width: 768px){.post .post__left .post__content p{font-size:14px}}.post .post__left .post__content p:last-child{margin-bottom:0}.post .post__left .post__content img{width:100%;height:auto;margin-bottom:16px}.post .post__left .post__content h2{background-color:#2f89ee;color:#fff;font-size:24px;font-weight:700;padding:8px 16px;margin-bottom:16px}@media screen and (max-width: 768px){.post .post__left .post__content h2{font-size:20px}}.post .post__left .post__content h3{font-size:20px;font-weight:700;margin-bottom:16px;border-left:4px solid #2f89ee;padding-left:8px}@media screen and (max-width: 768px){.post .post__left .post__content h3{font-size:18px}}.post .post__right{width:30%}@media screen and (max-width: 992px){.post .post__right{width:100%}}.post .post__right .post__section{margin-bottom:40px}.post .post__right .post__section .post__box{background-color:#fff;padding:24px;border-radius:8px}@media screen and (max-width: 768px){.post .post__right .post__section .post__box{padding:16px}}.post .post__right .post__section .post__box .post__box-list .post__box-item{line-height:2.5}@media screen and (max-width: 480px){.post .post__right .post__section .post__box .post__box-list .post__box-item{font-size:14px}}.post .post__right .post__section .post__box .post__box-list .post__box-item::before{content:"";display:inline-block;background-image:url("/assets/images//icon-rec.svg");background-size:contain;background-repeat:no-repeat;width:16px;height:16px;margin-right:8px;vertical-align:text-top}@media screen and (max-width: 480px){.post .post__right .post__section .post__box .post__box-list .post__box-item::before{width:12px;height:12px;vertical-align:middle}}.post .post__right .post__section .post__box .post__box-list .post__box-item a{color:#253947}.post .post__title{font-size:24px;font-weight:700;padding:16px 24px}@media screen and (max-width: 768px){.post .post__title{padding:16px;font-size:20px}}@media screen and (max-width: 480px){.post .post__title{font-size:18px}}
