.contents-visual{position:relative;overflow:hidden;min-height:18.75rem;padding:4.25rem 4.375rem 3rem;border-radius:1.25rem 1.25rem 0 0;background:linear-gradient(100deg, #5B5EEF 0%, #5C82F3 55%, #7B6EEE 100%);color:#fff}@media screen and (max-width: 820px){.contents-visual{min-height:0;padding:2rem 1.25rem;border-radius:1rem 1rem 0 0}}.contents-visual__sub{font-size:1.125rem;font-weight:600;color:#e8f35b}@media screen and (max-width: 820px){.contents-visual__sub{font-size:.875rem}}.contents-visual__title{position:relative;z-index:1;margin-top:.75rem;font-size:2.25rem;font-weight:800;line-height:1.4}@media screen and (max-width: 820px){.contents-visual__title{font-size:1.375rem}}.contents-visual__desc{position:relative;z-index:1;margin-top:1rem;font-size:1.0625rem;word-break:keep-all}@media screen and (max-width: 820px){.contents-visual__desc{font-size:.875rem}}.contents-visual__img{position:absolute;right:1.5rem;bottom:0;height:100%}@media screen and (max-width: 1024px){.contents-visual__img{display:none}}.contents-tab__list{display:flex;margin:0;padding:0;list-style:none}@media screen and (max-width: 820px){.contents-tab__list{overflow-x:auto;border-radius:0 0 1rem 1rem;background:#f5f6f8}}.contents-tab__item{flex:1 1 0;min-width:0}.contents-tab__item+.contents-tab__item{border-left:1px solid #e5e6e8}.contents-tab__item:first-child .contents-tab__link{border-radius:0 0 0 1.25rem}.contents-tab__item:last-child .contents-tab__link{border-radius:0 0 1.25rem 0}@media screen and (max-width: 820px){.contents-tab__item{flex:0 0 auto}.contents-tab__item:first-child .contents-tab__link,.contents-tab__item:last-child .contents-tab__link{border-radius:0}}.contents-tab__link{position:relative;display:flex;justify-content:center;align-items:center;gap:.75rem;height:6rem;padding:0 .75rem;background:#f5f6f8;font-size:1.125rem;font-weight:600;color:#4e5968;text-decoration:none;word-break:keep-all}.contents-tab__link:hover{color:#010f3b}.contents-tab__link.contents-tab__link--active{background:#010f3b;color:#fff}.contents-tab__link.contents-tab__link--active::before{content:"";position:absolute;top:-0.625rem;left:50%;border:solid rgba(0,0,0,0);border-width:0 .75rem .625rem;border-bottom-color:#010f3b;transform:translateX(-50%)}@media screen and (max-width: 1024px){.contents-tab__link{gap:.5rem;font-size:.9375rem}}@media screen and (max-width: 820px){.contents-tab__link{height:3.5rem;padding:0 1rem;font-size:.875rem;white-space:nowrap}.contents-tab__link.contents-tab__link--active::before{display:none}}.contents-tab__icon{flex:0 0 auto;width:2rem;height:2rem}@media screen and (max-width: 820px){.contents-tab__icon{width:1.5rem;height:1.5rem}}.content__head+.contents-tab .contents-tab__item:first-child .contents-tab__link{border-radius:1.25rem 0 0 1.25rem}.content__head+.contents-tab .contents-tab__item:last-child .contents-tab__link{border-radius:0 1.25rem 1.25rem 0}.content__head+.contents-tab .contents-tab__link--active::before{display:none}@media screen and (max-width: 820px){.content__head+.contents-tab .contents-tab__list{border-radius:1rem}.content__head+.contents-tab .contents-tab__item:first-child .contents-tab__link,.content__head+.contents-tab .contents-tab__item:last-child .contents-tab__link{border-radius:0}}.contents-filter{display:grid;grid-template-columns:auto 1fr auto;column-gap:3rem;align-items:center;margin-top:2.5rem;padding:1.25rem 2.5rem;border:1px solid #e5e6e8;border-radius:1.5rem;background:#fff}@media screen and (max-width: 1440px){.contents-filter{grid-template-columns:1fr;gap:1rem}}@media screen and (max-width: 820px){.contents-filter{margin-top:1.5rem;padding:1.25rem 1rem;border-radius:1rem}}.contents-filter__row{display:flex;align-items:center;gap:.5rem 1rem;min-width:0;margin:0;padding:0;border:0}@media screen and (max-width: 820px){.contents-filter__row{flex-direction:column;align-items:flex-start}}.contents-filter__label{float:left;flex:0 0 auto;width:5.25rem;padding:0;font-size:.9375rem;font-weight:600;color:#010f3b}@media screen and (max-width: 820px){.contents-filter__label{float:none;width:auto}}.contents-filter__box{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;min-width:0}.contents-filter__box input[type=checkbox].checkbox__input:not(:checked){border-color:#d1d6db;background:#d1d6db url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17.5 19 7'/%3E%3C/svg%3E") no-repeat center/0.75rem}.contents-filter__box .checkbox__label{margin-left:.375rem;font-size:.9375rem;color:#333d4b}@media screen and (max-width: 820px){.contents-filter__box{width:100%}}.contents-filter__select{width:13.25rem;height:2.25rem;font-size:.875rem}@media screen and (max-width: 820px){.contents-filter__select{flex:1 1 0;width:auto;min-width:0}}.contents-filter__reset{justify-self:end;display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:#2b79ed}.contents-filter__reset::after{content:"";width:.875rem;height:.875rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b79ed' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E") no-repeat center/contain}.contents-filter__reset:hover{text-decoration:underline}.table.contents-list{margin-top:2.75rem}@media screen and (max-width: 820px){.table.contents-list{margin-top:2rem}.table.contents-list .table__info{flex-wrap:wrap}}.table.contents-list td{padding:.9375rem .5rem}.table.contents-list td.table__date,.table.contents-list td.contents-list__down{font-size:.9375rem;color:#6b7684}.table.contents-list .badge{height:1.5rem;padding:0 .5rem;font-size:.8125rem}@media screen and (max-width: 820px){.table.contents-list td{padding:0}.table.contents-list td.table__date,.table.contents-list td.contents-list__down{font-size:.8125rem}}.contents-list__type{width:5rem}.contents-list__round{width:7.5rem}.contents-list__down{width:8.75rem}.contents-list__util{display:flex;align-items:center;gap:1rem}@media screen and (max-width: 820px){.contents-list__util{width:100%}}.contents-search{display:flex;align-items:center;width:21.875rem;height:2.25rem;border-bottom:1px solid #d1d6db}.contents-search:focus-within{border-bottom-color:#2b79ed;box-shadow:0 1px 0 #2b79ed}@media screen and (max-width: 820px){.contents-search{flex:1 1 auto;width:auto;min-width:0}}.contents-search__select{flex:0 0 auto;height:100%;padding:0 1.75rem 0 .5rem;border:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23010f3b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9 12 16 19 9'/%3E%3C/svg%3E") no-repeat right center/1.125rem;font-size:.9375rem;font-weight:600;color:#010f3b;cursor:pointer}.contents-search__select:focus{outline:none}.contents-search__input{flex:1 1 auto;min-width:0;height:100%;margin-left:1rem;border:0;background:none;font-size:.875rem;color:#010f3b}.contents-search__input::placeholder{color:#a6acb6}.contents-search__input:focus{outline:none}.contents-search__btn{flex:0 0 auto;width:2rem;height:2rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23010f3b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E") no-repeat center/1.25rem}.view.contents-view{margin-top:3.5rem;border-top:0}@media screen and (max-width: 820px){.view.contents-view{margin-top:2rem}}.view.contents-view .view__head{padding:0 0 1rem;border-bottom-color:#333d4b}.view.contents-view .view__title{font-size:1.25rem;font-weight:400}@media screen and (max-width: 820px){.view.contents-view .view__title{font-size:1.0625rem}}.view.contents-view .view__info{font-size:.9375rem}@media screen and (max-width: 820px){.view.contents-view .view__info{font-size:.8125rem}}.view.contents-view .view__file{padding:1rem 2rem 1.25rem}@media screen and (max-width: 820px){.view.contents-view .view__file{padding:1rem 1.25rem}}.view.contents-view .view__file-list+.view__file-list{margin-top:.5rem}.view.contents-view .view__file-list li{display:flex}.view.contents-view .view__body{min-height:0;padding:2.5rem 2rem 4rem}@media screen and (max-width: 820px){.view.contents-view .view__body{padding:2rem .5rem 2.5rem}}.contents-view__down{display:flex;align-items:center;gap:.25rem}.contents-view__down::after{content:"";order:-1;width:.875rem;height:.875rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b95a1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M6 10l6 6 6-6M4 21h16'/%3E%3C/svg%3E") no-repeat center/contain}.contents-view .contents-view__lock{display:inline;text-decoration:none;text-align:left}.contents-view .contents-view__lock::before{content:"";display:inline-block;width:.875rem;height:.875rem;margin-right:.25rem;vertical-align:-0.125rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234e5968' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") no-repeat center/contain}.contents-view .contents-view__lock:hover{text-decoration:underline}.contents-shorts{display:grid;grid-template-columns:repeat(4, 1fr);gap:2.5rem 5.75rem;margin:.5rem 0 0;padding:0;list-style:none}@media screen and (max-width: 1024px){.contents-shorts{grid-template-columns:repeat(3, 1fr);gap:2rem 1.5rem}}@media screen and (max-width: 820px){.contents-shorts{grid-template-columns:repeat(2, 1fr);gap:1.5rem .75rem}}.contents-shorts__item{min-width:0}.contents-shorts__link{display:block;text-decoration:none}.contents-shorts__link:hover .contents-shorts__thumb::after,.contents-shorts__link:focus-visible .contents-shorts__thumb::after{opacity:1}.contents-shorts__link:hover .contents-shorts__title,.contents-shorts__link:focus-visible .contents-shorts__title{text-decoration:underline}.contents-shorts__thumb{position:relative;display:block;overflow:hidden;aspect-ratio:9/16;border-radius:.75rem;background:#121212}.contents-shorts__thumb img{width:100%;height:100%;object-fit:cover}.contents-shorts__thumb::after{content:"";position:absolute;top:50%;left:50%;width:4rem;height:4rem;border-radius:50%;background:rgba(0,0,0,.45) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l10.5-6.5z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat 55% center/1.75rem;transform:translate(-50%, -50%);opacity:0;transition:opacity .2s}@media screen and (max-width: 820px){.contents-shorts__thumb::after{width:3rem;height:3rem;background-size:1.25rem}}.contents-shorts__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:.75rem;font-size:.9375rem;font-weight:600;line-height:1.4;color:#121212;word-break:keep-all}@media screen and (max-width: 820px){.contents-shorts__title{font-size:.8125rem}}.contents-shorts__view{display:flex;align-items:center;gap:.25rem;margin-top:.375rem;font-size:.8125rem;color:#6b7684}.contents-shorts__view::before{content:"";width:.75rem;height:.75rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7684' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M7 4.5v15l12.5-7.5z'/%3E%3C/svg%3E") no-repeat center/contain}