.seminar-list-container{margin-bottom:60px}.seminar-list-container .seminar-item{background-color:#fff;border-bottom:1px solid #d7d7d7;color:inherit;display:flex;gap:30px;padding:20px 30px;text-decoration:none;transition:background-color .2s}.seminar-list-container .seminar-item:hover{background-color:rgba(202,208,212,.2);opacity:1}.seminar-list-container .seminar-eyecatch{aspect-ratio:16/9;flex-shrink:0;height:162px;overflow:hidden;width:288px}.seminar-list-container .seminar-eyecatch img{height:100%;object-fit:cover;transition:.2s ease-in-out;width:100%}.seminar-list-container a.seminar-item:hover .seminar-eyecatch img{transform:scale(1.1)}.seminar-item .seminar-content{display:flex;flex:1;flex-direction:column}.seminar-item .seminar-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px}.seminar-item .seminar-tags{align-items:center;display:flex;gap:8px}.seminar-item .status-badge{border-radius:3px;color:#fff;font-size:13px;font-weight:400;letter-spacing:1.3px;padding:6px 12px 4px}.seminar-item .status-active{background-color:#e51e4a;border-bottom:3px solid #c2153c}.seminar-item .status-ended{background-color:grey;border-bottom:3px solid #4f4f4f}.seminar-item .status-ondemand{background-color:#0ac489;border-bottom:3px solid #0aac78}.seminar-item .event-tag{background-color:#fff;border:1px solid #0e0d6a;border-radius:3px;color:#0e0d6a;font-size:12px;font-weight:400;letter-spacing:1.2px;padding:3px 5px}.seminar-item .product-tags{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:5px 0}.seminar-item .product-tag{background-color:#e5e9eb;border:1px solid #e5e9eb;border-radius:3px;color:#202020;font-size:10px;font-weight:400;padding:2px 12px}.seminar-item .seminar-datetime{flex-wrap:wrap;margin-bottom:5px}.seminar-item .datetime-group,.seminar-item .seminar-datetime{align-items:center;display:flex;gap:8px}.seminar-item .datetime-icon{flex-shrink:0;height:20px;width:20px}.seminar-item .datetime-text{color:#202020;font-size:16px;font-weight:700;letter-spacing:1.6px}.seminar-item .seminar-info{display:flex;flex-direction:column;gap:5px;margin-bottom:5px}.seminar-item .seminar-title{color:#202020;font-size:18px;font-weight:700;letter-spacing:1.8px;line-height:1.6;margin:0}.seminar-item .seminar-description{color:#202020;font-size:13px;font-weight:400;letter-spacing:1.3px;line-height:1.6;margin:0}.seminar-item .seminar-location{align-items:center;display:flex;gap:8px;margin-bottom:5px}.seminar-item .location-text{color:#202020;font-size:16px;font-weight:700;letter-spacing:1.6px}.seminar-item .seminar-actions{display:flex;justify-content:flex-end;margin-top:auto}.seminar-item .btn-action{align-items:center;border:1px solid;border-radius:50px;color:#fff;display:inline-flex;font-size:16px;font-weight:700;gap:10px;height:50px;justify-content:center;letter-spacing:1.6px;padding:0 33px;pointer-events:none;position:relative;text-decoration:none;transition:background-color .2s;width:200px}.btn-action.arrow-right:before{background-color:#000843;border-radius:50%;content:"";height:21px;position:absolute;right:16px;top:calc(50% - 10.5px);width:21px}a.seminar-item:hover .btn-action.arrow-right:before{background-color:#545ca7}.btn-action.arrow-right:after{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE0IDEyIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDUuODhhLjg0Ljg0IDAgMCAxIC44NC0uODRoOS43MzJMNi45NjYgMS40MzRBLjg0Ljg0IDAgMCAxIDguMTU0LjI0Nmw1LjA0IDUuMDRhLjg0Ljg0IDAgMCAxIDAgMS4xODhsLTUuMDQgNS4wNGMtLjMyOC4zMjgtLjg2LS4wNzItMS4xODggMGEuODQuODQgMCAwIDEgMC0xLjE4OGwzLjYwNi0zLjYwNkguODRBLjg0Ljg0IDAgMCAxIDAgNS44OCIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+") no-repeat 50% /contain;content:"";height:12px;position:absolute;right:19px;top:calc(50% - 6px);width:14px}.btn-action.arrow-right.external-link:after{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMS40NDQgMEMuNjU1IDAgMCAuNjU1IDAgMS40NDR2MTAuMTEyQzAgMTIuMzQ1LjY1NSAxMyAxLjQ0NCAxM2gxMC4xMTJjLjc4OSAwIDEuNDQ0LS42NTUgMS40NDQtMS40NDRWNi41aC0xLjQ0NHY1LjA1NkgxLjQ0NFYxLjQ0NEg2LjVWMHptNi41IDB2MS40NDRoMi41OUwzLjgyMyA4LjE1NmwxLjAyMSAxLjAyMSA2LjcxMi02LjcxMXYyLjU5SDEzVjB6Ii8+PC9zdmc+") no-repeat 50% /contain;height:13px;right:19px;top:calc(50% - 6.5px);width:13px}.seminar-item:hover .btn-action.arrow-right:not(.external-link):after{animation:arrow-line-seminar .4s cubic-bezier(.785,.135,.15,.86) 1 normal}@-webkit-keyframes arrow-line-seminar{0%{-webkit-transform:translateX(0) scaleX(1);transform:translateX(0) scaleX(1);-webkit-transform-origin:right center;transform-origin:right center}50%{-webkit-transform:translateX(6px) scaleX(.1);transform:translateX(6px) scaleX(.1);-webkit-transform-origin:right center;transform-origin:right center}50.1%{-webkit-transform:translateX(-8px) scaleX(0);transform:translateX(-8px) scaleX(0);-webkit-transform-origin:left center;transform-origin:left center}to{-webkit-transform:translateX(0) scaleX(1);transform:translateX(0) scaleX(1);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes arrow-line-seminar{0%{-webkit-transform:translateX(0) scaleX(1);transform:translateX(0) scaleX(1);-webkit-transform-origin:right center;transform-origin:right center}50%{-webkit-transform:translateX(6px) scaleX(.1);transform:translateX(6px) scaleX(.1);-webkit-transform-origin:right center;transform-origin:right center}50.1%{-webkit-transform:translateX(-6px) scaleX(0);transform:translateX(-6px) scaleX(0);-webkit-transform-origin:left center;transform-origin:left center}to{-webkit-transform:translateX(0) scaleX(1);transform:translateX(0) scaleX(1);-webkit-transform-origin:left center;transform-origin:left center}}.seminar-item .btn-apply{background-color:#000843;border-color:#000843}a.seminar-item:hover .btn-apply{background:#4d527b;border:1px solid #4d527b}.seminar-item .btn-detail{background-color:#000843;border-color:#000843}a.seminar-item:hover .btn-detail{background:#4d527b;border:1px solid #4d527b}.btn-action.btn-detail.arrow-right:before{background-color:#000843}a.seminar-item:hover .btn-action.btn-detail.arrow-right:before{background-color:#545ca7}@media (max-width:768px){.seminar-item{flex-direction:column;margin:0 auto;max-width:400px;padding:20px 0}.seminar-list-container .seminar-eyecatch{height:auto;max-height:250px;width:100%}.seminar-item .seminar-datetime{align-items:flex-start}.seminar-item .seminar-actions{justify-content:center;margin-top:16px}}