.course-filter{padding:.5rem 1.75rem 1rem;border:1px solid #e5e6e8;border-radius:1rem;background:#fff}@media screen and (max-width: 820px){.course-filter{padding:.5rem 1rem 1rem}}.course-filter__row{display:flex;align-items:center;gap:.5rem 1rem;min-width:0;margin:0;padding:.875rem .5rem;border:0}.course-filter__row+.course-filter__row{border-top:1px solid #f2f4f6}@media screen and (max-width: 820px){.course-filter__row{flex-direction:column;align-items:flex-start;padding:.875rem 0}}.course-filter__label{float:left;flex:0 0 auto;width:5rem;padding:0;font-size:.8125rem;font-weight:600;color:#010f3b}@media screen and (max-width: 820px){.course-filter__label{float:none;width:auto}}.course-filter__select{flex:0 0 auto;width:6.5rem;height:2rem;padding:0 2rem 0 .75rem;background-position:right .625rem center;background-size:1rem;font-size:.75rem}.course-filter__box{display:flex;flex-wrap:wrap;gap:.5rem 1rem;min-width:0}.course-filter__box .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}.course-filter__box .checkbox__label{margin-left:.375rem}.course-filter__reset{display:flex;align-items:center;gap:.25rem;margin:.25rem 0 0 auto;font-size:.75rem;color:#2b79ed}.course-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}.course-filter__reset:hover{text-decoration:underline}.table.course-list{margin-top:1.5rem}.table.course-list .table__info{margin-bottom:0;padding-bottom:.75rem;border-bottom:1px solid #e5e6e8}.course-items{margin:0;padding:0;list-style:none;border-bottom:1px solid #c4c9d1}.course-item{display:flex;align-items:center;gap:1rem 1.5rem;padding:1.25rem .5rem}.course-item+.course-item{border-top:1px solid #e5e6e8}@media screen and (max-width: 820px){.course-item{flex-wrap:wrap;padding:1rem 0}}.course-item__thumb{flex:0 0 auto;width:7.5rem;aspect-ratio:16/9;overflow:hidden;border-radius:.25rem;background:#f5f6f8}.course-item__thumb img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 820px){.course-item__thumb{width:6rem}}.course-item__info{flex:1 1 auto;min-width:0}@media screen and (max-width: 820px){.course-item__info{flex-basis:calc(100% - 7rem)}}.course-item__meta{font-size:.6875rem;color:#2b79ed}.course-item__meta span+span::before{content:"|";margin:0 .25rem}.course-item__title{display:flex;align-items:center;gap:.375rem;margin-top:.375rem}.course-item__link{min-width:0;font-size:.875rem;font-weight:500;color:#121212;text-decoration:none;word-break:break-all}.course-item__link:hover{text-decoration:underline}.course-item__detail{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin-top:.75rem}.course-item__spec{font-size:.75rem;color:#4e5968}.course-item__spec span+span::before{content:"";display:inline-block;width:1px;height:.625rem;margin:0 .5rem;background:#c4c9d1;vertical-align:-0.0625rem}.course-item__preview{height:1.25rem;padding:0 .375rem;border:1px solid #c4c9d1;border-radius:.125rem;font-size:.625rem;color:#4e5968}.course-item__preview:hover{border-color:#4e5968}.course-item__price{flex:0 0 auto;text-align:right}@media screen and (max-width: 820px){.course-item__price{flex:1 1 auto}}.course-item__origin{font-size:.6875rem;color:#8b95a1}.course-item__sale{margin-top:.125rem;white-space:nowrap}.course-item__rate{margin-right:.25rem;font-size:1rem;font-weight:700;color:#d20505}.course-item__amount{font-size:1rem;font-weight:700;color:#121212}.course-item__btns{flex:0 0 auto;display:flex;align-items:center;gap:.5rem}.course-item__cart{width:2.5rem;height:2.5rem;border:1px solid #2b79ed;border-radius:.75rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b79ed' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3Cpath d='M2.5 3h2.6l2.4 11.2a1.5 1.5 0 0 0 1.5 1.2h8.6a1.5 1.5 0 0 0 1.5-1.1L21 7H6'/%3E%3C/svg%3E") no-repeat center/1.125rem}.course-item__cart:hover{background-color:#f0f6fe}.course-item__buy{min-width:5.75rem;height:2.5rem;padding:0 1rem;border-radius:.75rem;font-size:.875rem;text-decoration:none}.course-empty{padding:3rem 1rem 4rem;border-bottom:1px solid #e5e6e8;text-align:center}.course-empty__text{font-size:1rem;color:#121212}.book-items{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:2.25rem;margin:0;padding:1.5rem 0 2rem;list-style:none;border-bottom:1px solid #c4c9d1}@media screen and (max-width: 1024px){.book-items{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media screen and (max-width: 820px){.book-items{grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.5rem .75rem;padding:1rem 0 1.5rem}}.book-item{display:flex;flex-direction:column;min-width:0}.book-item__thumb{display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;overflow:hidden;border-radius:.5rem;background:#f5f6f8}.book-item__thumb img{max-width:70%;max-height:85%;object-fit:contain}.book-item__meta{margin-top:.75rem;font-size:.6875rem;color:#2b79ed}.book-item__meta span+span::before{content:"|";margin:0 .25rem}.book-item__title{display:-webkit-box;overflow:hidden;margin-top:.25rem;font-size:.8125rem;line-height:1.4;color:#121212;text-decoration:none;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}.book-item__title:hover{text-decoration:underline}.book-item__price{margin-top:auto;padding-top:.5rem;font-size:.9375rem;font-weight:700;color:#121212;text-align:right}.book-item__btns{display:flex;gap:.5rem;margin-top:.75rem}.book-item__btns .course-item__cart{flex:0 0 auto}.book-item__buy{flex:1 1 auto;min-width:0;height:2.5rem;padding:0 .5rem;border-radius:.75rem;font-size:.875rem;text-decoration:none}.book-item__buy:disabled{cursor:default}.book-view{display:flex;align-items:flex-start;gap:2.5rem}@media screen and (max-width: 820px){.book-view{flex-direction:column;gap:1.5rem}}.book-view__thumb{flex:0 0 auto;display:flex;justify-content:center;align-items:center;width:40%;aspect-ratio:1/1;overflow:hidden;border-radius:.75rem;background:#f5f6f8}.book-view__thumb img{max-width:70%;max-height:85%;object-fit:contain}@media screen and (max-width: 820px){.book-view__thumb{width:100%}}.book-view__info{flex:1 1 auto;min-width:0}@media screen and (max-width: 820px){.book-view__info{width:100%}}.book-view__head{position:relative;padding-right:2rem}.book-view__meta{font-size:.75rem;color:#2b79ed}.book-view__meta span+span::before{content:"|";margin:0 .25rem}.book-view__title{margin-top:.375rem;font-size:1.125rem;font-weight:600;line-height:1.4;color:#121212;word-break:keep-all}.book-view__share{position:absolute;top:0;right:0;width:1.5rem;height:1.5rem;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%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='m8.6 13.5 6.8 4M15.4 6.5l-6.8 4'/%3E%3C/svg%3E") no-repeat center/1.125rem}.book-view__price{margin-top:.75rem;padding-bottom:1rem;border-bottom:1px solid #e5e6e8;font-size:1.25rem;font-weight:700;color:#2b79ed}.book-view__spec{display:flex;flex-wrap:wrap;gap:.375rem 1.5rem;margin:1rem 0 0;padding:.75rem 1rem;border-radius:.5rem;background:#f5f6f8;font-size:.75rem}.book-view__spec-item{display:flex;align-items:center;gap:.375rem}.book-view__spec-item::before{content:"";width:.875rem;height:.875rem;background:no-repeat center/contain}.book-view__spec-item dt{color:#8b95a1}.book-view__spec-item dd{margin:0;font-weight:500;color:#4e5968}.book-view__spec-item.book-view__spec-item--author::before{background-image: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%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}.book-view__spec-item.book-view__spec-item--page::before{background-image: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='M2 4h7a3 3 0 0 1 3 3v14a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M22 4h-7a3 3 0 0 0-3 3v14a2 2 0 0 1 2-2h8z'/%3E%3C/svg%3E")}.book-view__spec-item.book-view__spec-item--date::before{background-image: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%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")}.book-view__dl{margin:0;padding:.75rem 0 1rem;border-bottom:1px solid #e5e6e8}.book-view__row{display:flex;align-items:center;min-height:2rem;margin-top:.25rem;font-size:.8125rem}.book-view__row dt{flex:0 0 auto;width:5rem;font-weight:500;color:#4e5968}.book-view__row dd{display:flex;align-items:center;gap:.25rem;min-width:0;margin:0;color:#121212}.book-view__tip{flex:0 0 auto;width:.875rem;height:.875rem;border-radius:50%;background:#a6acb6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 9a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.6v.6'/%3E%3Ccircle cx='12' cy='17.5' r='.4'/%3E%3C/svg%3E") no-repeat center/0.75rem}.book-view__qty{display:flex;align-items:center;height:2rem;border:1px solid #e5e6e8;border-radius:.375rem}.book-view__qty-btn{width:2rem;height:100%;background:no-repeat center/0.875rem}.book-view__qty-btn.book-view__qty-btn--minus{background-image: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.2' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}.book-view__qty-btn.book-view__qty-btn--plus{background-image: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.6' stroke-linecap='round'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E")}.book-view__qty-input{width:2.5rem;height:100%;padding:0;border:0;background:rgba(0,0,0,0);font-size:.8125rem;text-align:center;-moz-appearance:textfield}.book-view__qty-input::-webkit-inner-spin-button,.book-view__qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.book-view__total{margin-top:1rem;font-size:.75rem;color:#2b79ed;text-align:right}.book-view__total strong{margin-left:.375rem;font-size:1.375rem;font-weight:700;color:#121212}.book-view__btns{display:flex;gap:.5rem;margin-top:.75rem}.book-view__btn{flex:1 1 0;min-width:0;height:3rem;padding:0 1rem;border-radius:.75rem;font-size:.9375rem;text-decoration:none}.book-view__tab{margin-top:3rem}.book-view__section{margin-top:3rem;scroll-margin-top:6rem}.book-view__tab+.book-view__section{margin-top:2rem}.book-view__subtitle{padding-bottom:.75rem;border-bottom:2px solid #010f3b;font-size:1rem;font-weight:600;color:#010f3b}.book-view__table{width:100%;border-collapse:collapse;font-size:.8125rem;text-align:left}.book-view__table th,.book-view__table td{padding:.875rem 1rem;border-bottom:1px solid #e5e6e8;line-height:1.5;vertical-align:top;word-break:keep-all}.book-view__table th{width:10rem;background:#f5f6f8;font-weight:500;color:#4e5968}.book-view__table td{color:#121212}@media screen and (max-width: 820px){.book-view__table th,.book-view__table td{padding:.75rem}.book-view__table th{width:6.5rem}}.book-view__toc{margin:0;padding:0;list-style:none}.book-view__toc li::before{content:"- "}.book-view__more{display:inline-flex;align-items:center;gap:.25rem;height:2rem;margin-top:.75rem;padding:0 .75rem;border:1px solid #e5e6e8;border-radius:.375rem;background:#fff;font-size:.75rem;color:#4e5968}.book-view__more::after{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='%234e5968' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat center/contain}.book-view__more:hover{border-color:#4e5968}.book-view__more.book-view__more--center{display:flex;margin:1.25rem auto 0}.book-view__course{border-bottom-color:#e5e6e8}.layer-pop.book-layer{position:relative;width:32rem;padding:2.5rem 2.5rem 2rem}.layer-pop.book-layer .layer-pop__head{justify-content:center;padding:0;border-bottom:0}.layer-pop.book-layer .layer-pop__title{font-size:1.125rem;font-weight:500;color:#121212}.layer-pop.book-layer .layer-pop__head .layer-pop--close{position:absolute;top:1.5rem;right:1.5rem;width:2rem;height:2rem;background-size:1.5rem}.layer-pop.book-layer .layer-pop__btns{margin-top:1rem}@media screen and (max-width: 820px){.layer-pop.book-layer{padding:2rem 1.25rem 1.5rem}.layer-pop.book-layer .layer-pop__head .layer-pop--close{top:1rem;right:1rem}}.book-layer__notice{overflow-y:auto;margin:1.5rem 0 0;padding:1rem 1.25rem;border:1px solid #e5e6e8;border-radius:.75rem;list-style:none;font-size:.8125rem;line-height:1.6;color:#4e5968}.book-layer__notice li{display:flex;align-items:flex-start;gap:.5rem}.book-layer__notice li::before{content:"";flex:0 0 auto;width:.25rem;height:.25rem;margin-top:.5625rem;border-radius:50%;background:#8b95a1}.book-layer__notice li+li{margin-top:.25rem}.container.course-detail{overflow:hidden;padding-top:0;padding-bottom:0}.course-visual{padding:4.5rem 0;background:radial-gradient(circle at 85% 30%, #FF4A1C 0%, rgba(255, 74, 28, 0) 35%),radial-gradient(circle at 95% 90%, #C22BD8 0%, rgba(194, 43, 216, 0) 40%),linear-gradient(110deg, #05030A 30%, #3A0B6B 60%, #8A1E5A 100%) #12061f;color:#fff}@media screen and (max-width: 820px){.course-visual{padding:2.5rem 0}}.course-visual__title{font-size:3rem;font-weight:700;line-height:1.25;word-break:keep-all}@media screen and (max-width: 820px){.course-visual__title{font-size:1.75rem}}.course-visual__desc{margin-top:1rem;font-size:1.125rem;line-height:1.5;color:#e5e6e8}@media screen and (max-width: 820px){.course-visual__desc{font-size:.875rem}.course-visual__desc br{display:none}}.course-visual__spec{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));width:35rem;max-width:100%;margin:1.5rem 0 0;padding:1rem .5rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:rgba(0,0,0,.35)}@media screen and (max-width: 820px){.course-visual__spec{grid-template-columns:repeat(2, minmax(0, 1fr));gap:1rem 0}}.course-visual__spec-item{text-align:center}.course-visual__spec-item dt{font-size:.75rem;color:#d1d6db}.course-visual__spec-item dd{margin:.5rem 0 0;font-size:1rem;font-weight:600}.course-visual__links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.75rem}.course-visual__link{display:inline-flex;align-items:center;gap:.375rem;height:2.25rem;padding:0 1rem;border-radius:.5rem;background:#2b79ed;font-size:.8125rem;color:#fff;text-decoration:none}.course-visual__link::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='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center/contain}.course-visual__link:hover{background:#065cdb}.course-buy{margin-top:2.5rem;padding:1.5rem 2rem 2rem;border-radius:1rem;background:#fff;color:#121212}@media screen and (max-width: 820px){.course-buy{padding:1.25rem 1rem}}.course-buy__title{font-size:1.125rem;font-weight:600;line-height:1.4;color:#121212;word-break:keep-all}.course-buy__body{display:flex;align-items:flex-end;gap:1rem 1.5rem;margin-top:.75rem}@media screen and (max-width: 1024px){.course-buy__body{flex-direction:column;align-items:stretch}}.course-buy__items{flex:1 1 auto;display:flex;align-items:center;gap:.75rem;min-width:0}@media screen and (max-width: 820px){.course-buy__items{flex-direction:column;align-items:stretch}}.course-buy__item{flex:1 1 0;display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;min-height:4.25rem;padding:.75rem 1rem;border:1px solid #e5e6e8;border-radius:.5rem}.course-buy__item.course-buy__item--book{border-color:#cfe0fb;background:#f0f6fe}.course-buy__label{flex:0 0 auto;font-size:.875rem;color:#4e5968}.course-buy__price{text-align:right}.course-buy__origin{font-size:.75rem;color:#8b95a1}.course-buy__sale{margin-top:.125rem;white-space:nowrap}.course-buy__rate{margin-right:.25rem;font-size:.875rem;font-weight:600;color:#d20505}.course-buy__amount{font-size:1.125rem;font-weight:700}.course-buy__plus{flex:0 0 auto;width:1rem;height:1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a6acb6' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E") no-repeat center/contain}@media screen and (max-width: 820px){.course-buy__plus{align-self:center}}.course-buy__item--book .checkbox{min-width:0}.course-buy__item--book .checkbox input[type=checkbox].checkbox__input:not(:checked){background:#fff}.course-buy__book{display:flex;flex-direction:column;gap:.25rem;min-width:0;margin-left:.75rem}.course-buy__book-label{font-size:.75rem;color:#2b79ed}.course-buy__book-name{font-size:.875rem;font-weight:500;color:#121212;word-break:break-all}.course-buy__book-price{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.course-buy__book-price span{font-size:.75rem;color:#4e5968}.course-buy__book-price strong{font-size:1.125rem;font-weight:700;color:#2b79ed}.course-buy__side{flex:0 0 22rem;text-align:right}@media screen and (max-width: 1024px){.course-buy__side{flex-basis:auto}}.course-buy__point{display:flex;justify-content:flex-end;align-items:center;gap:.25rem;font-size:.75rem;color:#4e5968}.course-buy__tip{flex:0 0 auto;width:.875rem;height:.875rem;border-radius:50%;background:#a6acb6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 9a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.6v.6'/%3E%3Ccircle cx='12' cy='17.5' r='.4'/%3E%3C/svg%3E") no-repeat center/0.75rem}.course-buy__total{margin-top:.375rem}.course-buy__total strong{font-size:1.5rem;font-weight:700}.course-buy__notice{margin-right:.375rem;font-size:.75rem;color:#d20505}.course-buy__btns{display:flex;gap:.5rem;margin-top:.75rem}.course-buy__cart{flex:0 0 auto;width:3rem;height:3rem}.course-buy__btn{flex:1 1 auto;min-width:0;height:3rem;border-radius:.75rem;font-size:.9375rem}.course-info{margin-top:4.5rem;padding:2.5rem 6rem;border:1px solid #e5e6e8;border-radius:1.25rem}@media screen and (max-width: 1024px){.course-info{padding:2rem}}@media screen and (max-width: 820px){.course-info{margin-top:2.5rem;padding:1.5rem 1rem}}.course-info__title{display:flex;align-items:flex-start;gap:.5rem;font-size:1.125rem;font-weight:600;line-height:1.4;color:#121212;word-break:keep-all}.course-info__title .badge{margin-top:.125rem}.course-info__body{display:flex;align-items:flex-start;gap:1rem 1.5rem;margin-top:1rem}@media screen and (max-width: 820px){.course-info__body{flex-direction:column}}.course-info__thumb{flex:0 0 auto;width:13rem;aspect-ratio:16/11;overflow:hidden;border-radius:.5rem;background:#f5f6f8}.course-info__thumb img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 820px){.course-info__thumb{width:100%}}.course-info__desc{min-width:0;font-size:.8125rem;line-height:1.7;color:#4e5968;word-break:keep-all}.course-info__spec{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;margin:1.25rem 0 0;padding:.875rem 1rem;border-radius:.5rem;background:#f5f6f8;font-size:.75rem}.course-info__spec-item{display:flex;align-items:center;gap:.375rem;min-width:0}.course-info__spec-item::before{content:"";flex:0 0 auto;width:.875rem;height:.875rem;background:no-repeat center/contain}.course-info__spec-item dt{flex:0 0 auto;color:#8b95a1}.course-info__spec-item dd{margin:0;font-weight:500;color:#4e5968;word-break:break-all}.course-info__spec-item.course-info__spec-item--teacher::before{background-image: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%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/%3E%3C/svg%3E")}.course-info__spec-item.course-info__spec-item--book::before{background-image: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='M2 5h7a3 3 0 0 1 3 3v12a2 2 0 0 0-2-2H2zM22 5h-7a3 3 0 0 0-3 3v12a2 2 0 0 1 2-2h8z'/%3E%3C/svg%3E")}.course-info__spec-item.course-info__spec-item--period::before{background-image: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%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}.course-info__spec-item.course-info__spec-item--package::before{background-image: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%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M5 12v9h14v-9M12 8v13M12 8C10.5 5 7 4.5 7 6.5S12 8 12 8zm0 0c1.5-3 5-3.5 5-1.5S12 8 12 8z'/%3E%3C/svg%3E")}.course-info__spec-item.course-info__spec-item--lesson::before{background-image: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-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10 8.5v7l5.5-3.5z'/%3E%3C/svg%3E")}.course-info__spec-item.course-info__spec-item--time::before{background-image: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%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}.course-info__tag{margin-right:.25rem;font-weight:400;color:#2b79ed}.course-target{margin-top:2.5rem;padding:2.25rem 6rem 2.5rem;border-radius:1.25rem;background:#f5f6f8}@media screen and (max-width: 1024px){.course-target{padding:2rem}}@media screen and (max-width: 820px){.course-target{margin-top:1.5rem;padding:1.5rem 1rem}}.course-target__title{font-size:1rem;font-weight:600;color:#010f3b}.course-target__list{margin:1rem 0 0;padding:1.5rem;border:1px solid #e5e6e8;border-radius:.75rem;background:#fff;list-style:none;font-size:.8125rem;line-height:1.5;color:#333d4b}.course-target__list li{display:flex;align-items:flex-start;gap:.5rem}.course-target__list li::before{content:"";flex:0 0 auto;width:1.125rem;height:1.125rem;border-radius:50%;background:#121212 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='M6 12.5 10.5 17 18 8'/%3E%3C/svg%3E") no-repeat center/0.6875rem}.course-target__list li+li{margin-top:.75rem}@media screen and (max-width: 820px){.course-target__list{padding:1rem}}.course-preview{margin-top:5rem;padding:5rem 0;background:#f3f6fa}@media screen and (max-width: 820px){.course-preview{margin-top:2.5rem;padding:2.5rem 0}}.course-preview__title{font-size:2rem;font-weight:700;line-height:1.4;color:#121212;text-align:center;word-break:keep-all}@media screen and (max-width: 820px){.course-preview__title{font-size:1.375rem}}.course-preview__video{position:relative;width:62.5rem;max-width:100%;aspect-ratio:16/9;margin:2.5rem auto 0;background:#333;scroll-margin-top:2rem}@media screen and (max-width: 820px){.course-preview__video{margin-top:1.5rem}}.course-preview__play{position:absolute;top:50%;left:50%;width:4.5rem;height:4.5rem;border-radius:50%;background:#fff 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='%23121212'/%3E%3C/svg%3E") no-repeat 55% center/1.75rem;transform:translate(-50%, -50%)}@media screen and (max-width: 820px){.course-preview__play{width:3rem;height:3rem;background-size:1.25rem}}.course-related{width:75rem;max-width:100%;margin:3rem auto 0;scroll-margin-top:2rem}@media screen and (max-width: 820px){.course-related{margin-top:2rem}}.course-related__list{margin:0;padding:0;border-top:2px solid #121212;background:#fff;list-style:none}.course-related__item{display:flex;align-items:stretch}.course-related__item+.course-related__item{border-top:1px solid #e5e6e8}@media screen and (max-width: 1024px){.course-related__item{flex-wrap:wrap}}.course-related__thumb{flex:0 0 auto;align-self:center;width:15.5rem;aspect-ratio:16/9;margin:1.25rem 0 1.25rem 1.25rem;overflow:hidden;border-radius:.25rem;background:#f5f6f8}.course-related__thumb img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 820px){.course-related__thumb{width:calc(100% - 2rem);margin:1rem 1rem 0}}.course-related__info{flex:1 1 0;min-width:0;padding:1.25rem 1.25rem 1.25rem 1.25rem}@media screen and (max-width: 820px){.course-related__info{flex-basis:100%;padding:.75rem 1rem 1rem}}.course-related__meta{font-size:.6875rem;color:#2b79ed}.course-related__meta span+span::before{content:"|";margin:0 .25rem}.course-related__title{display:flex;align-items:flex-start;gap:.375rem;margin-top:.375rem;font-size:.9375rem;font-weight:500;line-height:1.4;color:#121212;word-break:break-all}.course-related__title .badge{margin-top:.0625rem}.course-related__detail{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin-top:.5rem}.course-related__book{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.5rem .75rem;border-radius:.25rem;background:#f5f6f8;font-size:.75rem}.course-related__book-name{min-width:0;color:#121212;word-break:break-all}.course-related__book-name span{margin-right:.5rem;color:#4e5968}.course-related__more{flex:0 0 auto;display:inline-flex;align-items:center;gap:.125rem;color:#4e5968;text-decoration:none}.course-related__more::after{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='%234e5968' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") no-repeat center/contain}.course-related__more:hover{text-decoration:underline}.course-related__buy{flex:0 0 20rem;padding:1.25rem;border-left:1px solid #e5e6e8}@media screen and (max-width: 1024px){.course-related__buy{flex-basis:100%;border-top:1px solid #e5e6e8;border-left:0}}@media screen and (max-width: 820px){.course-related__buy{padding:1rem}}.course-related__opts{margin:0;padding:0 0 .625rem;border-bottom:1px solid #e5e6e8;list-style:none}.course-related__opt{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.course-related__opt+.course-related__opt{margin-top:.375rem}.course-related__opt .checkbox__label{margin-left:.375rem;font-size:.75rem;color:#121212}.course-related__price{font-size:.75rem;white-space:nowrap}.course-related__price del{font-size:.6875rem;color:#8b95a1}.course-related__price strong{font-size:.8125rem;font-weight:700;color:#121212}.course-related__rate{margin:0 .25rem 0 .375rem;font-size:.8125rem;font-weight:700;color:#d20505}.course-related__total{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.75rem;font-weight:500;color:#121212}.course-related__total strong{margin-left:auto;font-size:1rem;font-weight:700}.course-related__btns{display:flex;gap:.5rem;margin-top:.75rem}.course-related__btns .course-item__cart{flex:0 0 auto}.course-related__btn{flex:1 1 auto;min-width:0;height:2.5rem;padding:0 1rem;border-radius:.75rem;font-size:.875rem}.course-curri{padding:5rem 0}.course-curri .inner{max-width:75rem}@media screen and (max-width: 820px){.course-curri{padding:2.5rem 0}}.course-curri__summary{margin-top:1rem;padding:1rem 1.25rem;border-radius:.5rem;background:#f5f6f8}.course-curri__name{font-size:.9375rem;font-weight:600;line-height:1.4;color:#121212;word-break:keep-all}.course-curri__total{margin-top:.375rem;font-size:.75rem;color:#4e5968}.course-curri__list{margin:1rem 0 0;padding:0;list-style:none}.course-curri__item{overflow:hidden;border:1px solid #d1d6db;border-radius:.5rem}.course-curri__item+.course-curri__item{margin-top:.75rem}.course-curri__item.course-curri__item--active .course-curri__toggle::after{transform:rotate(180deg)}.course-curri__head{font-size:inherit;font-weight:400}.course-curri__toggle{display:flex;align-items:center;gap:.625rem;width:100%;min-height:3.75rem;padding:.75rem 1.25rem;background:#f5f6f8;text-align:left}.course-curri__toggle::after{content:"";flex:0 0 auto;width:1rem;height:1rem;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='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .2s}@media screen and (max-width: 820px){.course-curri__toggle{padding:.75rem 1rem}}.course-curri__num{flex:0 0 auto;min-width:1.75rem;padding:.1875rem .375rem;border-radius:.625rem;background:#121212;font-size:.6875rem;font-weight:700;color:#fff;text-align:center}.course-curri__subject{flex:1 1 auto;min-width:0;font-size:.875rem;font-weight:500;line-height:1.4;color:#121212;word-break:break-all}.course-curri__time{flex:0 0 auto;font-size:.8125rem;color:#4e5968}.course-curri__body{overflow:hidden;max-height:0;border-top:1px solid rgba(0,0,0,0);transition:max-height .3s}.course-curri__item--active .course-curri__body{border-top-color:#e5e6e8}.course-curri__lessons{margin:0;padding:.5rem 0;list-style:none}.course-curri__lesson{display:flex;align-items:center;gap:.625rem;padding:.625rem 1.25rem;font-size:.8125rem;color:#333d4b}@media screen and (max-width: 820px){.course-curri__lesson{flex-wrap:wrap;padding:.625rem 1rem}}.course-curri__lesson-title{flex:1 1 auto;min-width:0;line-height:1.4;word-break:break-all}@media screen and (max-width: 820px){.course-curri__lesson-title{flex-basis:100%}}.course-curri__lesson-time{flex:0 0 auto;color:#4e5968}@media screen and (max-width: 820px){.course-curri__lesson-time{margin-left:auto}}.course-curri__icon{flex:0 0 auto;width:1rem;height:1rem;background:no-repeat center/contain}.course-curri__icon.course-curri__icon--play{background-image: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-linejoin='round'%3E%3Cpath d='M7 5v14l11-7z'/%3E%3C/svg%3E")}.course-curri__icon.course-curri__icon--lock{background-image: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%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}.course-notice{padding:2.5rem 0 6rem;background:#f5f6f8}.course-notice .inner{max-width:75rem}@media screen and (max-width: 820px){.course-notice{padding:1.5rem 0 3rem}}.course-notice__box{padding:2rem 2.5rem;border-radius:1rem;background:#fff}@media screen and (max-width: 820px){.course-notice__box{padding:1.5rem 1rem}}.course-notice__list{margin:0}.course-notice__item{padding:1rem 0}.course-notice__item+.course-notice__item{border-top:1px solid #f2f4f6}.course-notice__item dt{font-size:.8125rem;font-weight:600;color:#121212}.course-notice__item dd{margin:.5rem 0 0;font-size:.75rem;line-height:1.6;color:#4e5968;word-break:keep-all}.course-top{position:fixed;right:2rem;bottom:2rem;z-index:50;display:flex;flex-direction:column;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:#fff;box-shadow:0 .25rem 1rem rgba(0,0,0,.12);font-size:.6875rem;font-weight:700;color:#121212;text-decoration:none}.course-top::before{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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 15 6-6 6 6'/%3E%3C/svg%3E") no-repeat center/contain}@media screen and (max-width: 820px){.course-top{right:1rem;bottom:1rem;width:3rem;height:3rem}}
