/* 올티칭 캠퍼스 강의 리뉴얼 전용. 기존 스타일과 충돌하지 않도록 ac- 접두어 사용. */
@font-face{font-family:Pretendard;src:url('/static/main/css/course/PretendardVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
.ac-page{--ac-ink:#14213a;--ac-text:#2e3c58;--ac-muted:#66738f;--ac-faint:#9ba6bd;--ac-line:#e2e7f0;--ac-soft:#f4f6fa;--ac-orange:#ff6b35;margin:0;color:var(--ac-text);font:14px/1.3 Pretendard,'Noto Sans KR','Malgun Gothic',sans-serif;letter-spacing:-.025em;background:#fff}
.ac-page *{box-sizing:border-box}.ac-page [hidden]{display:none!important}.ac-page a{color:inherit;text-decoration:none}.ac-page button,.ac-page input,.ac-page select,.ac-page textarea{font:inherit;color:inherit}.ac-page button,.ac-page select{cursor:pointer}.ac-page button{background:none;border:0}.ac-page button:disabled{cursor:default;opacity:.4}.ac-page img{vertical-align:middle;max-width:100%}.ac-page p,.ac-page h1,.ac-page h2,.ac-page h3{margin:0}.ac-page button:focus-visible,.ac-page a:focus-visible,.ac-page input:focus-visible,.ac-page select:focus-visible,.ac-page textarea:focus-visible,.ac-page summary:focus-visible{outline:2px solid var(--ac-orange);outline-offset:3px}.ac-page a:hover,.ac-page button:hover{color:var(--ac-orange)}
.ac-wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}.ac-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ac-skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--ac-ink);color:#fff!important;padding:12px}.ac-skip:focus{top:10px}.ac-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--ac-line);position:relative;z-index:20}.ac-header-row{height:74px;display:flex;align-items:center;gap:20px}.ac-brand{width:132px;flex-shrink:0;color:#182948!important}.ac-brand small{display:block;font-size:12px;font-weight:700;letter-spacing:-.2px}.ac-brand>span{display:block;font-size:24px;line-height:1.2;letter-spacing:-1.37px;font-weight:900;white-space:nowrap}.ac-brand b{color:var(--ac-orange)}.ac-search{display:flex;align-items:center;gap:8px;width:250px;height:38px;padding:0 15px;border:1px solid var(--ac-line);border-radius:999px;background:var(--ac-soft);flex-shrink:0}.ac-search button{padding:0;display:flex;align-items:center}.ac-search img{width:14px;height:16px}.ac-search input{border:0;background:none;min-width:0;width:100%;outline:none;font-size:14px}.ac-search input::placeholder{color:var(--ac-muted)}.ac-quick{margin-left:auto;display:flex;align-items:center;gap:14px;white-space:nowrap;color:var(--ac-muted)}.ac-quick a:nth-child(n+3){font-weight:700;color:var(--ac-text)}.ac-pill{display:inline-flex;justify-content:center;align-items:center;background:var(--ac-orange);color:#fff!important;padding:10px 18px;border-radius:999px;font-weight:700;box-shadow:0 6px 16px -6px #ff6b35b3;white-space:nowrap}.ac-pill:hover{background:#ed5925}.ac-icon{display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.ac-icon img{width:20px;height:20px}.ac-notifications{width:40px;height:40px}.ac-notifications img{width:24px;height:24px}.ac-mobile-menu{display:none}.ac-nav-line{border-top:1px solid #edf0f6}.ac-nav{display:flex;align-items:center;height:40px;gap:28px;font-size:14.5px;color:var(--ac-muted)}.ac-nav>button{display:flex;align-items:center;gap:7px;height:40px;padding:0 17px;border-inline:1px solid var(--ac-line);font-weight:600;color:var(--ac-text)}.ac-nav>button img{width:20px;height:20px}.ac-header-categories{position:absolute;left:50%;transform:translateX(-50%);padding:16px;background:#fff;border:1px solid var(--ac-line);box-shadow:0 12px 20px #14213a14;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;border-radius:0 0 10px 10px}.ac-header-categories a{padding:10px;border-radius:6px}.ac-header-categories a:hover{background:var(--ac-soft)}
.ac-category-section{padding:14px 0;border-bottom:1px solid #f0f2f6}.ac-category-grid{display:grid;grid-template-columns:repeat(15,1fr);height:80px;overflow:hidden}.ac-category-grid.is-expanded{height:auto;row-gap:8px}.ac-category{height:80px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:10px!important;font-size:12px!important;font-weight:600;color:#5e6b82!important;line-height:1.15;text-align:center;padding:4px!important}.ac-category.is-active,.ac-category:hover{background:var(--ac-soft)}.ac-category-icon{height:30px;width:30px;display:flex;align-items:center;justify-content:center}.ac-category-icon img{width:30px;height:auto;max-height:30px;object-fit:contain}.ac-category-more .ac-category-icon{border-radius:100%;background:#edf0f6;font-size:20px;color:var(--ac-muted)}.ac-subcategories{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:10px;min-height:22px;color:var(--ac-faint)}.ac-subcategories button{font-size:12px;padding:4px 10px;border-radius:500px;font-weight:600;line-height:14px}.ac-subcategories button.is-active{background:var(--ac-faint);color:#fff}.ac-subcategories .ac-sub-more{font-size:12px;color:#5e6b82}.ac-list-section{padding-top:30px;padding-bottom:30px}.ac-list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;min-height:34px}.ac-count{font-weight:700;font-size:16px}.ac-count strong{color:var(--ac-orange)}.ac-list-tools{display:flex;align-items:center;gap:10px}.ac-list-tools select{border:1px solid var(--ac-line);border-radius:8px;background:var(--ac-soft);font-size:12px;font-weight:700;color:var(--ac-muted);width:90px;height:34px;padding:0 8px}.ac-filter-trigger{border:1px solid var(--ac-line)!important;border-radius:8px;padding:9px 10px;display:flex;align-items:center;gap:4px;font-size:12px!important;font-weight:700;color:var(--ac-muted)!important;height:34px}.ac-filter-trigger img{width:14px;height:14px}.ac-filter-trigger>#filter-count{background:var(--ac-orange);color:#fff;border-radius:50%;padding:0 4px}.ac-view-tools{display:flex}.ac-view-tools button{width:34px;height:34px;padding:5px}.ac-view-tools img{width:24px;height:24px}.ac-view-tools button[aria-pressed=false]{filter:grayscale(1);opacity:.6}.ac-view-tools button[aria-pressed=true]{filter:none;opacity:1}.ac-active-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.ac-active-filters button{background:var(--ac-soft);border-radius:20px;padding:6px 12px;font-size:12px;color:var(--ac-muted)}.ac-course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ac-course-card{border:1px solid #edf0f6;border-radius:10px;background:#fff;overflow:hidden;min-width:0;position:relative;transition:border-color .15s,box-shadow .15s; cursor: pointer;}.ac-course-card:hover{border-color:#c6cede;box-shadow:0 6px 18px #14213a0b}.ac-card-visual{display:flex!important;align-items:center;justify-content:center;aspect-ratio:285/170;background:var(--ac-soft);position:relative;overflow:hidden}.ac-card-category{position:absolute;left:11px;top:11px;padding:4px 9px;border-radius:7px;background:#0d0d0d52;color:#fff;font-size:12px;font-weight:700;backdrop-filter:blur(2px)}.ac-no-image{display:flex;align-items:center;flex-direction:column;font-size:16px;font-weight:700;color:var(--ac-faint);gap:3px}.ac-no-image img{width:30px;height:30px}.ac-card-body{padding:14px;display:flex;flex-direction:column;gap:10px}.ac-badges{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.ac-badge{border-radius:6px;background:#edf2ff;color:#5e6b82;padding:3px 8px;font-size:12px;font-weight:700;line-height:12px;white-space:nowrap}.ac-badge-live{background:var(--ac-orange);color:#fff}.ac-badge-zoom{background:#cdfdff;color:#005cff}.ac-badge-google{background:#ebf1f1;color:#005cff}.ac-badge-youtube{background:#ffcdcd;color:#ff0000}.ac-card-title{font-weight:700;color:#0d0d0d!important;font-size:14px;line-height:17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}.ac-card-meta{font-size:12px;color:#5e6b82;display:flex;align-items:center;gap:8px;white-space:nowrap}.ac-card-meta i{height:12px;width:1px;background:#5e6b82}.ac-card-price{display:flex;gap:10px;font-weight:700;font-size:20px;letter-spacing:-.5px;color:#0d0d0d}.ac-card-price b{color:var(--ac-orange)}.ac-card-actions{display:none;gap:8px}.ac-card-actions button{border:1px solid var(--ac-line);border-radius:6px;padding:8px}.ac-course-grid.is-rows{grid-template-columns:1fr}.ac-course-grid.is-rows .ac-course-card{display:grid;grid-template-columns:285px 1fr}.ac-course-grid.is-rows .ac-card-body{justify-content:center}.ac-course-grid.is-rows .ac-card-title{min-height:0}.ac-course-grid.is-rows .ac-card-actions{display:flex}.ac-pagination{display:flex;justify-content:center;gap:4px;padding:24px 0 10px}.ac-pagination button{min-width:35px;height:33px;font-size:14px;border-radius:6px;color:var(--ac-muted)}.ac-pagination button[aria-current=page]{background:var(--ac-orange);color:#fff}.ac-empty{text-align:center;padding:100px 10px;color:var(--ac-muted)}.ac-empty strong{display:block;font-size:20px;margin-bottom:10px}.ac-empty button{margin-top:20px}
.ac-footer{padding:30px 0;min-height:300px;border-top:1px solid #f1f3f7;color:var(--ac-faint)}.ac-footer-inner{display:flex;justify-content:space-between;gap:40px}.ac-footer-inner>div{max-width:832px}.ac-footer nav{display:flex;flex-wrap:wrap;gap:18px;font-weight:700;font-size:14px}.ac-footer p{font-size:12px;line-height:1.5;margin-top:10px}.ac-family select{width:224px;border:1px solid var(--ac-line);border-radius:100px;background:var(--ac-soft);color:var(--ac-faint);height:40px;padding:0 28px;font-size:14px;font-weight:700;box-shadow:0 1px 4px #0000001a}.ac-floating{position:fixed;right:22px;bottom:54px;display:flex;flex-direction:column;align-items:flex-end;gap:20px;z-index:12}.ac-floating .ac-pill{padding:14px 22px;font-size:16px;background:linear-gradient(120deg,#ff6b35,#e85420)}.ac-floating>button{border:1px solid #949fb5;border-radius:50%;width:50px;height:50px;background:#fff}.ac-floating>button img{width:30px;height:30px;transform:rotate(90deg)}
.ac-detail-main{padding-top:30px;padding-bottom:30px}.ac-detail-layout{display:grid;grid-template-columns:minmax(0,810px) 360px;gap:30px;align-items:start}.ac-detail-content{min-width:0}.ac-breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;min-height:14px;margin-bottom:30px;color:var(--ac-muted)}.ac-player,.ac-live-hero{width:100%;aspect-ratio:810/456;border-radius:10px;overflow:hidden;background:#000;position:relative}.ac-live-hero>img{width:100%;height:100%;object-fit:cover}.ac-player>video{width:100%;height:100%;object-fit:contain}.ac-play-center{position:absolute;left:50%;top:calc(50% - 7px);transform:translate(-50%,-50%);width:84px;height:84px;padding:0}.ac-play-center img{position:absolute;width:156px;max-width:none;left:-36px;top:-24px;height:156px}.ac-player-controls{display:flex;align-items:center;gap:14px;position:absolute;bottom:14px;left:16px;right:16px;color:#fff;font-size:12px}.ac-player-controls button{padding:0;display:flex;align-items:center}.ac-player-controls button img{width:16px;height:16px}.ac-player-track{height:4px;border-radius:2px;flex:1;background:#ffffff54}.ac-detail-tabs{height:50px;display:flex;align-items:stretch;border-bottom:1px solid var(--ac-line);margin-top:30px;background:#fff;position:sticky;top:0;z-index:10;overflow-x:auto;scrollbar-width:none}.ac-detail-tabs a{display:flex;align-items:center;padding:0 10px;font-size:16px;font-weight:700;color:var(--ac-muted);white-space:nowrap;border-bottom:1px solid transparent}.ac-detail-tabs a.is-active{color:var(--ac-ink);border-color:var(--ac-ink)}.ac-detail-section{margin-top:30px;scroll-margin-top:70px}.ac-detail-section h2,.ac-recommendations h2{font-size:20px;font-weight:700;line-height:24px;color:var(--ac-ink);margin-bottom:10px}.ac-content-block{margin-top:30px}.ac-collapsible{max-height:var(--collapsed-height);overflow:hidden}.ac-collapsible.is-expanded{max-height:none}.ac-features{display:flex;flex-direction:column;gap:12px}.ac-features>p{display:flex;gap:10px;align-items:flex-start;background:var(--ac-soft);border-radius:8px;padding:10px;flex-shrink:0;font-size:14px;line-height:17px}.ac-features>p img{width:14px;height:14px;margin-top:1px;flex-shrink:0}.ac-more{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:37px;border:1px solid var(--ac-muted)!important;border-radius:8px;font-weight:700;color:var(--ac-muted)!important;background:#fff!important;position:relative}.ac-more img{width:14px;height:14px;transform:rotate(-90deg) scaleY(-1)}.ac-more[aria-expanded=true] img{transform:rotate(90deg)}.ac-more:hover{background:var(--ac-soft)!important}.ac-description>p{font-size:16px;line-height:19px;margin-bottom:10px}.ac-long-image{width:100%;height:auto;display:block}.ac-section-meta{display:flex;align-items:center;gap:4px;color:var(--ac-muted);font-size:12px;margin-bottom:10px!important}.ac-section-meta img{width:16px;height:16px}.ac-section-meta img:not(:first-child){margin-left:6px}.ac-chapters,.ac-question-list{display:flex;flex-direction:column;gap:10px}.ac-accordion{border:1px solid var(--ac-line);border-radius:8px;background:var(--ac-soft);flex-shrink:0;overflow:hidden}.ac-accordion summary{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;cursor:pointer;list-style:none;min-height:40px}.ac-accordion summary::-webkit-details-marker{display:none}.ac-accordion summary>span:first-child{flex:1;min-width:0}.ac-accordion summary small{display:block;font-size:12px;color:var(--ac-muted);margin-bottom:4px}.ac-accordion summary strong{font-size:16px;color:var(--ac-ink)}.ac-accordion summary>img{width:20px;height:20px;transform:rotate(-90deg) scaleY(-1);flex-shrink:0}.ac-accordion[open] summary>img{transform:rotate(90deg)}.ac-accordion[open] summary{border-bottom:1px solid var(--ac-line)}.ac-chapter-meta{font-size:13px;color:var(--ac-muted);white-space:nowrap}.ac-lesson{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;min-height:37px;border-bottom:1px solid var(--ac-line);font-size:14px}.ac-lesson:last-child{border-bottom:0}.ac-lesson>span{display:flex;align-items:center;gap:4px}.ac-lesson>span:first-child{min-width:0}.ac-lesson>span:last-child{flex-shrink:0}.ac-lesson img{width:16px;height:16px}.ac-lesson small{font-size:12px;color:var(--ac-muted)}.ac-lesson button:not(.ac-icon){padding:4px 6px;border:1px solid var(--ac-muted);border-radius:4px;font-size:12px;font-weight:700;color:var(--ac-muted)}.ac-lesson .ac-icon img{width:14px;height:14px}.ac-instructor-card{padding:14px;border:1px solid var(--ac-line);border-radius:8px}.ac-instructor-heading{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ac-instructor-heading h3{font-size:20px;color:var(--ac-ink)}.ac-instructor-heading .ac-small-button{margin-left:auto}.ac-avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--ac-line);border-radius:50%;background:var(--ac-soft);overflow:hidden;flex-shrink:0}.ac-avatar>img{width:143%;height:143%;max-width:none;object-fit:cover}.ac-avatar-lg{width:50px;height:50px}.ac-avatar-sm{width:30px;height:30px}.ac-instructor-bio{color:var(--ac-muted);line-height:17px}.ac-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.ac-section-heading h2{margin:0}.ac-small-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 6px;border:1px solid var(--ac-muted)!important;border-radius:4px;font-size:12px!important;color:var(--ac-muted)!important;font-weight:700;white-space:nowrap}.ac-small-button img{width:14px;height:14px}.ac-rating{color:#ff6235!important;font-weight:700}.ac-rating small{color:var(--ac-faint);font-weight:400;font-size:max(12px,.8em)}.ac-reviews{display:flex;flex-direction:column;gap:10px}.ac-review{padding:14px;background:var(--ac-soft);border:1px solid var(--ac-line);flex-shrink:0;font-size:14px;line-height:17px}.ac-review-author{display:flex;gap:10px;align-items:center;margin-bottom:10px}.ac-review-author p{margin-top:2px;font-size:12px}.ac-review-author time{color:var(--ac-faint);margin-left:10px}.ac-question-list summary strong{flex:1}.ac-question-list summary .ac-q{flex:0 0 auto!important;color:var(--ac-muted);font-size:16px;white-space:nowrap}.ac-question-list details>p{padding:10px 14px;font-size:14px;line-height:17px}
.ac-player img.ac-thumbnail {
  width: 100%;
  height: 100%;
}
.ac-purchase{position:sticky;top:24px;border:1px solid var(--ac-line);border-radius:10px;background:#fff;display:flex;flex-direction:column;gap:20px;padding:24px 14px;min-height:556px}.ac-purchase-instructor{display:flex;align-items:center;gap:10px;color:var(--ac-ink)}.ac-purchase h1{font-size:20px;line-height:25px;color:var(--ac-ink);margin-top:4px;letter-spacing:-.5px}.ac-purchase>.ac-rating{font-size:12px}.ac-purchase-price p{font-size:14px;margin-bottom:4px}.ac-purchase-price p b{color:var(--ac-orange)}.ac-purchase-price del{color:var(--ac-faint)}.ac-purchase-price>strong{font-size:20px;color:var(--ac-ink)}.ac-button{border:1px solid var(--ac-line)!important;border-radius:8px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;min-height:38px;font-weight:700}.ac-button-primary{background:#ff6235!important;color:#fff!important;border-color:#ff6235!important;min-height:50px;font-size:16px!important;box-shadow:0 4px 4px #14213a33}.ac-button-primary:hover{background:#ed5925!important}.ac-purchase-actions{display:flex;gap:10px}.ac-purchase-actions button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;height:50px;border:1px solid var(--ac-line);border-radius:8px;color:var(--ac-faint);font-weight:700;padding:4px 0}.ac-purchase-actions img{width:20px;height:20px}.ac-page [data-action=wish][aria-pressed=true]{color:var(--ac-orange);border-color:var(--ac-orange)}.ac-course-info{margin:0;border-top:1px solid var(--ac-line)}.ac-course-info>div{padding:10px 0;display:flex;gap:10px;border-bottom:1px solid var(--ac-line);font-size:12px}.ac-course-info>div:last-child{border:0}.ac-course-info dt{width:60px;flex-shrink:0;color:var(--ac-muted)}.ac-course-info dd{margin:0}.ac-recommendations{margin-top:30px;scroll-margin-top:70px}.ac-card-track{display:flex;gap:16px;overflow:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.ac-card-track>.ac-course-card{width:285px;flex:0 0 285px;scroll-snap-align:start; cursor: pointer;}.ac-recommendations .ac-section-heading>div{display:flex;gap:8px;align-items:center}.ac-recommendations .ac-section-heading>div>a{font-size:12px;color:var(--ac-muted)}.ac-mobile-purchase{display:none}
.ac-dialog{ margin: auto;border:0;border-radius:10px;padding:0;width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;color:var(--ac-text);box-shadow:0 8px 36px #14213a33}.ac-dialog::backdrop{background:#14213a66}.ac-dialog-head{display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid var(--ac-line);padding:10px 40px;min-height:40px}.ac-dialog-head h2{font-size:16px;color:var(--ac-ink)}.ac-dialog-head>button{position:absolute;right:4px;top:0;font-size:30px;width:36px;height:40px;line-height:1;color:var(--ac-muted)}.ac-dialog-body{padding:16px}.ac-dialog-body>p{line-height:1.6}.ac-dialog-body .ac-dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.ac-dialog[data-kind=filter],.ac-dialog[data-kind=share]{width:min(300px,calc(100% - 32px))}.ac-dialog[data-kind=filter] .ac-dialog-head{justify-content:flex-start;padding:14px;font-size:14px;border:0}.ac-dialog[data-kind=filter] .ac-dialog-head h2{font-size:14px}.ac-dialog[data-kind=filter] .ac-dialog-body{padding:0 14px 12px}.ac-filter-field{margin:0;padding:14px 0;border:0;border-bottom:1px solid var(--ac-line);min-width:0}.ac-filter-field:last-of-type{border:0}.ac-filter-field legend{float:left;width:100%;font-weight:700;color:var(--ac-muted);margin-bottom:12px}.ac-filter-options{display:flex;flex-wrap:wrap;gap:10px;clear:both}.ac-filter-options label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px}.ac-filter-options input{width:20px;height:20px;margin:0;accent-color:var(--ac-orange)}.ac-filter-footer{display:flex;justify-content:space-between;margin-top:10px}.ac-filter-footer button{padding:8px 16px;min-height:34px;border:1px solid var(--ac-line);border-radius:8px;color:var(--ac-muted)}.ac-filter-footer button:last-child{background:var(--ac-muted);color:#fff}.ac-share-icons{display:flex;align-items:center;justify-content:center;gap:10px;height:100px}.ac-share-icons button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;font-size:14px;color:var(--ac-muted)}.ac-social-art{position:relative;display:block;width:50px;height:50px}.ac-social-art>img{position:absolute;max-width:none}.ac-share-url{display:flex}.ac-share-url input{min-width:0;width:100%;border:1px solid var(--ac-line);border-radius:4px 0 0 4px;background:var(--ac-soft);padding:10px;font-size:14px;height:40px}.ac-share-url button{background:var(--ac-muted);color:#fff;font-weight:700;border-radius:0 4px 4px 0;padding:10px;white-space:nowrap}.ac-dialog[data-kind=share] .ac-dialog-body{padding:10px}.ac-form{display:flex;flex-direction:column;gap:12px}.ac-form label{font-weight:700;display:flex;flex-direction:column;gap:6px}.ac-form input,.ac-form textarea,.ac-form select{border:1px solid var(--ac-line);border-radius:6px;padding:10px;min-width:0;max-width:100%;width:100%;background:#fff}.ac-form textarea{min-height:140px;resize:vertical}.ac-form-note{font-size:12px;color:var(--ac-muted)}.ac-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:100;background:var(--ac-ink);color:#fff;padding:12px 20px;border-radius:8px;max-width:calc(100% - 32px);box-shadow:0 4px 20px #0002}.ac-modal-open{overflow:hidden}
.ac-card-thumbnail{display:block;width:100%;height:100%;object-fit:cover}.ac-instructor-bio p{line-height:17px}
/* Figma 원본 화살표: 글자 기준선의 영향을 받지 않도록 이미지 박스로 정렬. */
.ac-category-more .ac-category-icon .ac-category-chevron{display:block;width:16px;height:16px;max-height:none;flex:none;transform:rotate(90deg)}
.ac-category-more[aria-expanded=true] .ac-category-chevron{transform:rotate(-90deg)}
.ac-category-grid:not(.is-expanded) .ac-category:nth-child(n+15):not(.ac-category-more){display:none}
.ac-subcategories .ac-sub-more{display:inline-flex;align-items:center;justify-content:center;gap:4px;line-height:16px}
.ac-sub-more .ac-sub-chevron{display:block;width:10px;height:10px;flex:none;transform:rotate(90deg)}
.ac-sub-more[aria-expanded=true] .ac-sub-chevron{transform:rotate(-90deg)}
.ac-category>span:last-child{max-width:100%;overflow-wrap:anywhere;color:var(--ac-ink);font-weight:700}
/* 원본 하트 형태를 유지한 주황색 에셋으로 hover/선택 상태를 통일합니다. */
.ac-page :is([data-action=wish],[data-action=cart],[data-action=share]):is(:hover,:focus-visible,[aria-pressed=true]){color:var(--ac-orange);border-color:var(--ac-orange)}
/* Q 라벨은 글자 너비를 유지하고 제목은 별도 열에서 줄바꿈합니다. */
.ac-question-list summary{display:grid;grid-template-columns:max-content minmax(0,1fr) 20px;column-gap:4px;align-items:center}
.ac-question-list summary strong{min-width:0;overflow-wrap:anywhere}
@media(max-width:767px){
  .ac-filter-trigger .ac-filter-label{display:none}
  .ac-list-tools .ac-filter-trigger{position:relative;justify-content:center;width:34px;min-width:34px;padding:0}
  .ac-filter-trigger>#filter-count{position:absolute;top:-5px;right:-5px;min-width:16px;font-size:12px;line-height:16px;text-align:center}
}
/* 페이지 이동은 Figma 테두리 버튼과 좌우 SVG 사용. */
.ac-pagination{align-items:center}
.ac-pagination .ac-page-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;padding:0;border:1px solid var(--ac-line);border-radius:4px;background:#fff;touch-action:manipulation}
.ac-pagination .ac-page-arrow img{display:block;width:16px;height:16px;max-width:none;transform:scale(1.25);pointer-events:none}
.ac-pagination .ac-page-arrow:hover:not(:disabled),.ac-pagination .ac-page-arrow:focus-visible{border-color:var(--ac-muted);background:var(--ac-soft)}
.ac-pagination .ac-page-arrow:disabled{opacity:.55}
@media(max-width:767px){.ac-pagination button:not(.ac-page-arrow){min-width:32px;padding-inline:4px}}
/* 추천/인기 강의: Figma 원형 버튼과 SVG, 손가락으로 누를 수 있는 44px 영역. */
.ac-slider-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;padding:0;border:1px solid var(--ac-line)!important;border-radius:50%;background:#fff!important;touch-action:manipulation}
.ac-slider-button img{display:block;width:16px;height:16px;max-width:none;flex:none;transform:scale(1.25);pointer-events:none}
.ac-slider-button[data-slide="-1"] img{transform:rotate(180deg) scale(1.25)}
.ac-slider-button:hover,.ac-slider-button:focus-visible{border-color:var(--ac-muted)!important;background:var(--ac-soft)!important}
.ac-slider-button:active{background:#e2e7f0!important}
/* 상세 화면: 공통 메뉴 아래로 탭과 구매 패널의 고정 위치를 맞춥니다. */
.ac-page[data-page=vod],.ac-page[data-page=live]{--ac-header-height:114px;--ac-detail-tabs-height:50px}
.ac-page[data-page=vod] .ac-header,.ac-page[data-page=live] .ac-header{position:sticky;top:0;z-index:30;background:#fff}
.ac-page[data-page=vod] .ac-detail-tabs,.ac-page[data-page=live] .ac-detail-tabs{top:var(--ac-header-height);z-index:20}
.ac-page[data-page=vod] .ac-detail-section,.ac-page[data-page=live] .ac-detail-section,.ac-page[data-page=vod] .ac-recommendations,.ac-page[data-page=live] .ac-recommendations,.ac-detail-main .ac-collapsible{scroll-margin-top:calc(var(--ac-header-height) + var(--ac-detail-tabs-height) + 20px)}
@media(min-width:768px){
  .ac-page[data-page=vod] .ac-purchase,.ac-page[data-page=live] .ac-purchase{top:calc(var(--ac-header-height) + 16px);max-height:calc(100dvh - var(--ac-header-height) - 32px);min-height:0;overflow-y:auto;scrollbar-width:thin;overscroll-behavior-y:contain}
}
@media(min-width:1600px){.ac-floating{bottom:54px}}
@media(max-width:1250px){.ac-quick{gap:10px;font-size:12px}.ac-header-row{gap:14px}.ac-search{width:220px}.ac-category-grid{grid-template-columns:repeat(12,1fr)}.ac-detail-layout{grid-template-columns:minmax(0,1fr) 330px;gap:24px}.ac-floating>.ac-pill{display:none}.ac-floating{right:14px;bottom:24px}.ac-purchase-actions{gap:6px}.ac-purchase-actions button{font-size:12px}.ac-category-grid:not(.is-expanded) .ac-category:nth-child(n+12):not(.ac-category-more){display:none}.ac-category-more{grid-column:-2/-1}.ac-category-grid.is-expanded .ac-category-more{grid-column:auto}}
@media(max-width:1000px){.ac-quick>a:nth-child(-n+3){display:none}.ac-category-grid{grid-template-columns:repeat(10,1fr)}.ac-category-grid:not(.is-expanded) .ac-category:nth-child(n+10):not(.ac-category-more){display:none}.ac-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ac-detail-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.ac-purchase-actions button{flex-direction:column;font-size:12px}.ac-chapter-meta{display:none}.ac-footer-inner{flex-direction:column;gap:20px}.ac-header-categories{grid-template-columns:repeat(4,1fr)}}
@media(max-width:767px){.ac-wrap{width:calc(100% - 32px)}.ac-header-row{height:auto;min-height:62px;flex-wrap:wrap;gap:12px;padding:12px 0}.ac-brand{margin-right:auto}.ac-brand>span{font-size:22px}.ac-quick{display:none}.ac-notifications{width:28px;height:28px}.ac-mobile-menu{display:inline-flex;font-size:22px;width:28px;height:28px}.ac-search{order:4;width:100%;height:38px}.ac-header.is-menu-open .ac-quick{display:flex;order:5;width:100%;flex-wrap:wrap;gap:16px;margin:4px 0}.ac-header.is-menu-open .ac-quick>a{display:block}.ac-nav{gap:16px;height:40px;font-size:12px;overflow:auto;white-space:nowrap}.ac-nav>button{padding:0 10px;font-size:12px}.ac-nav>button img{width:16px;height:16px}.ac-header-categories{grid-template-columns:repeat(2,1fr);max-height:65dvh;overflow:auto}.ac-category-section{padding:10px 0}.ac-category-grid{grid-template-columns:repeat(6,minmax(0,1fr));height:90px}.ac-category{height:90px;font-size:12px!important;line-height:16px}.ac-category-grid:not(.is-expanded) .ac-category:nth-child(n+6):not(.ac-category-more){display:none}.ac-subcategories{flex-wrap:nowrap;overflow:auto;padding-bottom:4px;margin-top:8px}.ac-subcategories.is-expanded{flex-wrap:wrap}.ac-subcategories button{white-space:nowrap;font-size:12px;padding-inline:8px}.ac-list-section{padding-top:20px}.ac-list-tools{gap:6px}.ac-list-toolbar{gap:8px}.ac-count{font-size:14px;white-space:nowrap}.ac-list-tools select{width:76px}.ac-filter-trigger{font-size:12px!important;padding-inline:8px}.ac-view-tools button{width:28px;padding:3px}.ac-view-tools img{width:22px;height:22px}.ac-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ac-card-body{padding:10px;gap:8px}.ac-card-title{font-size:13px;line-height:17px}.ac-card-meta{font-size:12px;gap:5px;flex-wrap:wrap}.ac-card-price{font-size:17px;gap:6px}.ac-badge{font-size:12px;padding:2px 5px}.ac-no-image{font-size:13px}.ac-card-category{font-size:12px;top:8px;left:8px;padding:3px 6px}.ac-course-grid.is-rows .ac-course-card{grid-template-columns:36% minmax(0,1fr)}.ac-course-grid.is-rows .ac-card-visual{height:100%;min-height:170px;aspect-ratio:auto}.ac-course-grid.is-rows .ac-card-actions button{font-size:12px;padding:6px}.ac-floating{bottom:20px}.ac-floating>button{width:40px;height:40px}.ac-footer{min-height:0;padding:24px 0 40px}.ac-footer nav{font-size:12px;gap:12px}.ac-footer p{font-size:12px;line-height:1.6}.ac-family select{font-size:12px;height:36px;width:200px}.ac-detail-main{padding-top:20px}.ac-detail-layout{display:flex;flex-direction:column;gap:0}.ac-detail-content{display:contents}.ac-breadcrumb{order:0;font-size:12px;gap:8px;margin-bottom:16px;flex-wrap:wrap}.ac-player,.ac-live-hero{order:1}.ac-purchase{position:static;order:2;width:100%;min-height:0;margin-top:20px;gap:16px;padding:18px 14px}.ac-purchase h1{font-size:20px;line-height:1.4}.ac-purchase-actions button{flex-direction:row;font-size:13px}.ac-detail-tabs{order:3;width:100%;margin-top:20px;top:0;min-height:50px;flex-shrink:0}.ac-detail-tabs a{font-size:14px;padding-inline:10px}.ac-detail-section{order:4;width:100%;margin-top:24px}.ac-detail-section h2,.ac-recommendations h2{font-size:18px}.ac-content-block{margin-top:24px}.ac-detail-section p{overflow-wrap:anywhere}.ac-player-controls{gap:9px;font-size:12px;left:12px;right:12px;bottom:10px}.ac-play-center{transform:translate(-50%,-50%) scale(.75)}.ac-lesson{font-size:12px;padding:10px;gap:8px}.ac-lesson>span:first-child{display:block}.ac-lesson button:not(.ac-icon){font-size:12px;padding:3px}.ac-accordion summary strong{font-size:14px;line-height:1.4}.ac-instructor-heading h3{font-size:18px}.ac-instructor-heading .ac-small-button{font-size:12px!important}.ac-card-track>.ac-course-card{width:240px;flex-basis:240px}.ac-mobile-purchase{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--ac-line);z-index:15;box-shadow:0 -4px 16px #14213a0a}.ac-mobile-purchase .ac-button{margin-left:auto;width:45%;min-height:44px}.ac-page:has(.ac-mobile-purchase){padding-bottom:90px}.ac-page:has(.ac-mobile-purchase) .ac-floating{bottom:100px}.ac-page:has(.ac-mobile-purchase) .ac-toast{bottom:100px}.ac-description>p{font-size:14px;line-height:1.4}.ac-dialog{max-height:calc(100dvh - 24px)}.ac-share-icons{gap:8px}}
@media(max-width:359px){.ac-wrap{width:calc(100% - 24px)}.ac-list-toolbar{flex-wrap:wrap}.ac-list-tools{margin-left:auto}.ac-card-price{font-size:15px}.ac-badges{gap:3px}.ac-badge{padding:2px 4px}.ac-card-body{padding:8px}.ac-category{font-size:12px!important}}
/* 모바일 하위 카테고리: 전체 포함 4개 + 더보기, 나머지는 다음 줄에 표시. */
@media(max-width:767px){
  .ac-subcategories,.ac-subcategories.is-expanded{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px;align-items:center;overflow:visible}
  .ac-subcategories>button,.ac-sub-extra>button{flex:0 0 auto;width:auto;min-width:0;max-width:100%;padding:6px 10px;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;line-height:16px}
  .ac-subcategories .ac-sub-more{min-height:28px;white-space:nowrap;padding-inline:10px}
  .ac-sub-extra{flex:0 0 100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px;padding-top:0}
}
/* 모바일 구매 영역: 가격 → 전체 너비 구매 → 아이콘 전용 보조 버튼. */
@media(max-width:767px){
  .ac-mobile-purchase{flex-direction:column;align-items:stretch;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  .ac-mobile-price{display:flex;align-items:baseline;gap:8px;min-height:24px;line-height:24px}
  .ac-mobile-price b{color:var(--ac-orange);font-size:18px}
  .ac-mobile-price strong{color:var(--ac-ink);font-size:20px}
  .ac-mobile-purchase .ac-button{width:100%;min-height:48px;margin:0;flex-shrink:0}
  .ac-mobile-purchase-actions{display:flex;gap:8px;width:100%}
  .ac-mobile-purchase-actions .ac-icon{flex:1;min-width:44px;min-height:44px;border:1px solid var(--ac-line);border-radius:8px;touch-action:manipulation}
  .ac-mobile-purchase-actions .ac-icon img{width:20px;height:20px;transform:scale(1.2);pointer-events:none}
  .ac-mobile-purchase-actions .ac-icon:hover,.ac-mobile-purchase-actions .ac-icon[aria-pressed=true]{background:var(--ac-soft)}
  .ac-page:has(.ac-mobile-purchase){padding-bottom:calc(var(--ac-mobile-purchase-height,160px) + 16px)}
  .ac-page:has(.ac-mobile-purchase) .ac-floating,.ac-page:has(.ac-mobile-purchase) .ac-toast{bottom:calc(var(--ac-mobile-purchase-height,160px) + 12px)}
}
/* 참고 이미지형 구매 바: 가격/보조 아이콘 한 줄 + 하단 전체 너비 구매 버튼. */
@media(max-width:767px){
  .ac-mobile-purchase{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  .ac-mobile-price{grid-column:1;grid-row:1;flex-direction:column;align-items:flex-start;gap:0;line-height:22px}
  .ac-mobile-price b{font-size:14px;line-height:18px}
  .ac-mobile-price strong{font-size:20px;line-height:24px}
  .ac-mobile-purchase-actions{grid-column:2;grid-row:1;width:auto;gap:4px}
  .ac-mobile-purchase-actions .ac-icon{width:44px;flex:0 0 44px;border:0;border-radius:50%}
  .ac-mobile-purchase .ac-button{grid-column:1/-1;grid-row:2;min-height:48px;box-shadow:none}
}
/* 모바일 리스트형: 작은 썸네일 옆에 제목과 정보를 넓게 배치합니다. */
@media(max-width:767px){
  .ac-course-grid.is-rows .ac-course-card{grid-template-columns:90px minmax(0,1fr);align-items:start}
  .ac-course-grid.is-rows .ac-card-visual{width:80px;height:80px;min-height:0;aspect-ratio:1;margin:10px 0 10px 10px;border-radius:6px}
  .ac-course-grid.is-rows .ac-card-category{left:4px;top:4px;padding:2px 4px;max-width:calc(100% - 8px)}
  .ac-course-grid.is-rows .ac-no-image{font-size:12px;gap:2px;padding-top:18px}
  .ac-course-grid.is-rows .ac-no-image img{width:20px;height:20px}
  .ac-course-grid.is-rows .ac-card-body{padding:10px;gap:8px}
  .ac-course-grid.is-rows .ac-card-title{display:block;-webkit-line-clamp:unset;font-size:14px;line-height:1.45;overflow:visible;overflow-wrap:anywhere}
  .ac-course-grid.is-rows .ac-card-actions{flex-wrap:wrap;gap:6px}
}
@media(prefers-reduced-motion:no-preference){html:has(.ac-page){scroll-behavior:smooth}.ac-toast{animation:ac-toast-in .15s ease-out}@keyframes ac-toast-in{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}}