@charset "UTF-8";body.course{color:#fff;}body.course .top-menu-wrap{position:relative;margin:2rem 0 0;}body.course .top-menu-wrap.can-scroll .tm-arrow,body.course .top-menu-wrap.can-scroll .tm-fade{display:block;}body.course .top-menu-wrap.edge-start .tm-fade.left{opacity:0;}body.course .top-menu-wrap.edge-end .tm-fade.right{opacity:0;}body.course .top-menu.scroller{font-size:16px;border-bottom:1px solid rgba(255,255,255,.1607843137);border-top:1px solid rgba(255,255,255,.1607843137);padding:13px 0;display:flex;gap:20px;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;}body.course .top-menu.scroller::-webkit-scrollbar{display:none;}body.course .top-menu.scroller.dragging{cursor:grabbing;user-select:none;}body.course .top-menu.scroller a{color:#fff;position:relative;display:inline-flex;align-items:center;gap:4px;}body.course .top-menu.scroller a:last-child{margin-right:20px;}body.course .top-menu.scroller a:before{content:"";display:block;height:20px;width:0;border-radius:50%;background:#cdad7e;opacity:0;transform:scale(.6);transition:width .34s cubic-bezier(.22,.67,.32,1),opacity .18s linear,transform .34s cubic-bezier(.22,.67,.32,1);will-change:width,opacity,transform;flex:0 0 auto;}body.course .top-menu.scroller a:after{content:"";position:absolute;left:7px;top:50%;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #fff;transform:translate(-6px,-50%);opacity:0;transition:transform .1s ease-out 0s,opacity .08s linear 0s;will-change:transform,opacity;pointer-events:none;}body.course .top-menu.scroller a:hover,body.course .top-menu.scroller a.is-active,body.course .top-menu.scroller a[aria-current=page]{color:#cdad7e;}body.course .top-menu.scroller a:hover::before,body.course .top-menu.scroller a.is-active::before,body.course .top-menu.scroller a[aria-current=page]::before{width:20px;opacity:1;transform:scale(1);}body.course .top-menu.scroller a:hover::after,body.course .top-menu.scroller a.is-active::after,body.course .top-menu.scroller a[aria-current=page]::after{transition:transform .16s cubic-bezier(.22,.67,.32,1) .1s,opacity .14s linear .1s;transform:translate(0,-50%);opacity:1;}body.course .tm-arrow{position:absolute;top:50%;transform:translateY(-70%);z-index:2;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease;font-size:25px;}body.course .tm-arrow.prev{left:-28px;}body.course .tm-arrow.next{right:-28px;}body.course .tm-arrow.is-hidden{opacity:0;pointer-events:none;}body.course .tm-arrow:hover{color:#cdad7e;}body.course .tm-fade{position:absolute;top:0;bottom:0;width:80px;z-index:1;pointer-events:none;display:none;}body.course .tm-fade.left{left:0;background:linear-gradient(90deg,rgba(71,72,125,.6117647059),rgba(9,9,26,0));}body.course .tm-fade.right{right:0;background:linear-gradient(270deg,rgba(71,72,125,.6117647059),rgba(9,9,26,0));}body.course .sub-title{color:#cdad7e;font-size:30px;user-select:none;}@media(max-width:767px){body.course .sub-title{font-size:23px;}}body.course .sub-title.deco{display:flex;justify-content:center;align-items:center;gap:10px;line-height:1;font-weight:700;white-space:nowrap;}body.course .sub-title.deco .label{display:inline-block;}body.course .sub-title.deco .arrows{position:relative;width:34px;height:12px;flex:0 0 auto;}body.course .sub-title.deco .arrows::before,body.course .sub-title.deco .arrows::after{content:"";position:absolute;top:50%;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;opacity:1;transform:translateY(-20%);}body.course .sub-title.deco .arrows.left::before{right:0;border-right:0;border-left:10px solid #cdad7e;}body.course .sub-title.deco .arrows.left::after{right:18px;border-right:0;border-left:10px solid #cdad7e;}body.course .sub-title.deco .arrows.right::before{left:0;border-left:0;border-right:10px solid #cdad7e;}body.course .sub-title.deco .arrows.right::after{left:18px;border-left:0;border-right:10px solid #cdad7e;}body.course .sub-title.deco.reveal .arrows.left::before{animation:arrow-in-from-left .4s cubic-bezier(.22,.67,.32,1) 0s both;}body.course .sub-title.deco.reveal .arrows.left::after{animation:arrow-in-from-left .4s cubic-bezier(.22,.67,.32,1) .08s both;}body.course .sub-title.deco.reveal .arrows.right::before{animation:arrow-in-from-right .4s cubic-bezier(.22,.67,.32,1) .16s both;}body.course .sub-title.deco.reveal .arrows.right::after{animation:arrow-in-from-right .4s cubic-bezier(.22,.67,.32,1) .24s both;}body.course .kind-intro{margin:2rem 0 2.5rem;}body.course .kind-intro .cp-area{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:450px;padding:0 7rem;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.35);}body.course .kind-intro .cp-area .cp-bg{position:absolute;inset:0;z-index:0;}body.course .kind-intro .cp-area .cp-bg img{width:100%;height:100%;object-fit:cover;display:block;}@media(max-width:767px){body.course .kind-intro .cp-area{padding:0 2rem;min-height:350px;justify-content:center;}body.course .kind-intro .cp-area::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.57);backdrop-filter:blur(3px);z-index:1;}}body.course .kind-intro .cp-text{position:relative;z-index:2;max-width:520px;color:#fff;text-align:left;}body.course .kind-intro .cp-title p{margin:0;font-weight:700;font-size:44px;line-height:1.25;letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.25);}@media(max-width:767px){body.course .kind-intro .cp-title p{font-size:30px;}}body.course .kind-intro .cp-button{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;padding:12px 26px;min-width:140px;border-radius:10px;font-size:18px;color:#fff;background:linear-gradient(180deg,#67c7ff 0%,#2c74ff 100%);box-shadow:0 10px 24px rgba(44,116,255,.35),inset 0 0 12px rgba(255,255,255,.15);transition:transform .38s ease,box-shadow .38s ease,filter .38s ease;cursor:pointer;user-select:none;}body.course .kind-intro .cp-button:hover{transform:translateY(-2px);filter:brightness(1.09);box-shadow:0 14px 30px rgba(44,116,255,.45),inset 0 0 14px rgba(255,255,255,.2);}body.course .course-desc{margin:2.5rem 0 2rem;}body.course .course-desc .cp-area2{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:450px;padding:0 4rem;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.35);}body.course .course-desc .cp-area2 .cp-bg{position:absolute;inset:0;z-index:0;}body.course .course-desc .cp-area2 .cp-bg img{width:100%;height:100%;object-fit:cover;display:block;}body.course .course-desc .cp-area2 .cp-bg::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.65);z-index:1;}@media(max-width:767px){body.course .course-desc .cp-area2{padding:2rem 3rem;backdrop-filter:blur(5px);}body.course .course-desc .cp-area2::before{content:"";position:absolute;inset:0;background:rgba(34,35,68,.5215686275);backdrop-filter:blur(5px);z-index:1;}}body.course .course-desc .cp-area2 .cp-text{position:relative;z-index:2;max-width:520px;color:#fff;text-align:left;}body.course .course-desc .cp-area2 .cp-text p{margin-bottom:0;font-size:15px;opacity:.85;font-weight:300;}body.course .course-desc .cp-area2 .cp-text p:first-child{margin:2rem 0 .5rem;font-size:17px;opacity:1;font-weight:500;color:#b1bfe9;}body.course .course-desc .cp-area2 .cp-text .cp-title{margin:0;font-weight:600;font-size:23px;line-height:1.25;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.25);}body.course .course-desc .cp-area2 .cp-text .cp-desc{margin:2rem 0 0;}@keyframes arrow-in-from-left{from{transform:translate(-12px,-20%) scale(.96);opacity:0;filter:blur(1px);}to{transform:translate(0,-20%) scale(1);opacity:1;filter:blur(0);}}@keyframes arrow-in-from-right{from{transform:translate(12px,-20%) scale(.96);opacity:0;filter:blur(1px);}to{transform:translate(0,-20%) scale(1);opacity:1;filter:blur(0);}}#courseList,#courseTopEditor{opacity:1;transition:opacity .5s ease;}#courseList.is-fade-enter,#courseTopEditor.is-fade-enter{opacity:.001;}