.online-course-detail__header-title{overflow-wrap:anywhere}.online-course-detail__header-category-wrap{color:var(--color__gray);font-size:1rem;font-weight:500;line-height:100%;padding-left:1.25rem;position:relative}.online-course-detail__header-category-indicator{background-color:var(--color__gray);border-radius:50%;height:.5rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:.5rem}.online-course-detail__header-cards{background:#001f440f;border-radius:1.5rem;padding:1.5rem 2rem}.online-course-detail__header-cards.--left{gap:2rem;grid-template-columns:1.23fr 1.13fr}.online-course-detail__header-cards-icons{display:flex;gap:1rem;position:relative}.online-course-detail__header-cards-icons:not(:last-child):after{background-color:var(--color__gray);content:"";display:block;height:72%;opacity:.2;position:absolute;right:0;top:0;width:.0625rem}.online-course-detail__header-cards-icon.--icon-duration{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='32' fill='none' viewBox='0 0 29 32'%3E%3Cpath fill='%2375869b' d='M11.599 2.402a1.2 1.2 0 1 1 0-2.402h5.663a1.201 1.201 0 0 1 0 2.402zm-5.558.724a1.2 1.2 0 0 1 0 1.698L2.038 8.827A1.201 1.201 0 0 1 .34 7.13l4.004-4.004a1.2 1.2 0 0 1 1.697 0'/%3E%3Cpath fill='%2375869b' fill-rule='evenodd' d='M14.805 4.775a13.613 13.613 0 1 0 0 27.227 13.613 13.613 0 0 0 0-27.227m7.992 5.943a.8.8 0 0 0-1.121-1.122l-5.085 3.952-3.323 2.375a2.296 2.296 0 1 0 3.203 3.203l2.373-3.325z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:1.85rem}.online-course-detail__header-cards-icon.--icon-view{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='24' fill='none' viewBox='0 0 30 24'%3E%3Cpath fill='%2375869b' fill-rule='evenodd' d='M.718 12c0 2.46.616 3.287 1.849 4.944C5.027 20.25 9.154 24 15.217 24c6.065 0 10.191-3.75 12.652-7.056 1.233-1.656 1.849-2.485 1.849-4.944s-.616-3.286-1.849-4.944C25.409 3.75 21.282 0 15.218 0S5.028 3.75 2.567 7.056C1.334 8.715.717 9.541.717 12m14.5-5.625a5.35 5.35 0 0 0-3.845 1.648A5.73 5.73 0 0 0 9.78 12c0 1.492.573 2.923 1.593 3.977a5.35 5.35 0 0 0 3.845 1.648 5.35 5.35 0 0 0 3.845-1.648A5.73 5.73 0 0 0 20.655 12a5.73 5.73 0 0 0-1.592-3.977 5.35 5.35 0 0 0-3.845-1.648' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:1.85rem}.online-course-detail__header-cards-subtitle{color:var(--color__gray);font-size:.75rem;font-weight:400;line-height:110%}.--certificate .online-course-detail__header-cards-subtitle{color:var(--color__fill-1);font-size:1.125rem;font-weight:500;line-height:130%;margin-top:.5rem}.--certificate .online-course-detail__header-cards-icon{background-color:var(--color__fill-1);font-size:2.25rem}.online-course-detail__header-cards-icons-wrap{margin-top:.5rem;padding-right:.25rem}.online-course-detail__header-cards-icon{align-items:center;background-color:var(--color__white);border-radius:1rem;display:flex;font-size:1.9rem;height:4rem;justify-content:center;min-width:4rem;width:4rem}.online-course-detail__header-cards-icon svg{margin:0}.--certificate .online-course-detail__header-cards-icon.nuxt-icon.nuxt-icon--fill *{fill:var(--color__white)!important;fill-opacity:1}.online-course-detail__header-cards-text{display:-webkit-box;font-size:1.75rem;font-weight:400;line-height:110%;margin-top:.3rem;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.online-course-detail__header-cards-text span{font-size:1.125rem;font-weight:400;line-height:110%}.online-course-detail__header-card.--topics{grid-template-columns:auto 1fr}.online-course-detail__header-card-title{font-size:1.25rem;font-weight:500;letter-spacing:-.025rem;opacity:.5}.online-course-detail__header-card-item{font-size:1.125rem;font-weight:500;letter-spacing:-.0225rem}.type-editor ul.--check li.online-course-detail__header-card-item{font-size:1.125rem;font-weight:500;letter-spacing:-.0225rem;margin:.5rem 0 .65rem;overflow-wrap:anywhere}.type-editor ul.--check li.online-course-detail__header-card-item:last-child{margin-bottom:0}.type-editor ul.--check li.online-course-detail__header-card-item:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' fill='none' viewBox='0 0 12 10'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='m1.692 4.921 3.405 3.404 5.647-6.65'/%3E%3C/svg%3E");background-position:50%;background-size:.65rem}.online-course-detail__program-wrapper{position:relative}.online-course-detail__program{background:var(--color__white);border-radius:1.5rem;overflow:hidden}.online-course-detail__program-wrap{height:auto}.online-course-detail__program-image-wrapper{border-radius:1rem;overflow:hidden}.online-course-detail__program-iframe-wrapper{height:100%;overflow:hidden;position:relative;width:100%}.online-course-detail__program-iframe-wrapper iframe{height:100%;width:100%}.online-course-detail__program-iframe iframe{margin:auto}.online-course-detail__program-image{padding-bottom:38.8%}.--preview .online-course-detail__program-image{padding-bottom:100%}.online-course-detail__program-image-btn{font-size:1.125rem;font-weight:500;height:4rem;left:50%;position:absolute;top:86%;transform:translate(-50%,-80%);transition:all .24s ease}.ui-button.--fill.--1.online-course-detail__program-image-btn:hover{background-color:var(--color__fill-4);color:var(--color__fill-1)}.online-course-detail__program .scroll::-webkit-scrollbar{height:.25rem;width:.375rem}.scroll::-webkit-scrollbar-track{background:var(--color__white);border-radius:.5rem!important}.online-course-detail__program .scroll::-webkit-scrollbar-thumb{background:var(--color__fill-1);border-radius:.1875rem}.--fullscreen .online-course-detail__program{border-radius:0}.--fullscreen .online-course-detail__program-wrap{height:100vh}.online-course-detail-see-also .see-also.--gap-32{gap:1.5rem}.online-course-detail-see-also .see-also__button.swiper-button-next,.online-course-detail-see-also .see-also__button.swiper-button-prev{border-radius:1rem;width:5rem}.online-course-detail-see-also .swiper-slide.see-also__slide{background:var(--color__white);border-radius:1.5rem;padding:.5rem}.online-course-detail-see-also .see-also__slide-image{padding-bottom:55%}.online-course-detail-see-also .see-also__slide-content{padding:0 1.5rem 1.5rem}.online-course-detail-see-also .see-also__slide-content .link{width:100%}.online-course-detail-see-also .see-also__slide-title{display:-webkit-box;font-size:1.25rem;font-weight:500;letter-spacing:-.025rem;line-height:130%;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis}.online-course-detail-see-also .see-also__slide-image-btns{bottom:inherit;right:1rem;top:1rem}.online-course-detail-see-also .see-also__slide-image-btn{background-color:var(--color__fill-1);border-radius:3.125rem;color:var(--color__white);font-size:.875rem;font-weight:500;gap:.4375rem;height:2rem;letter-spacing:.001rem;padding:.375rem .75rem .375rem .4375rem}.online-course-detail-see-also .see-also__slide-image-btn-icon{font-size:1.35rem}.online-course-detail-see-also .see-also__slide-image-btn-icon.nuxt-icon.nuxt-icon--fill *{fill:var(--color__white)!important;fill-opacity:1}.online-course-detail-see-also .see-also__slide-bottom{display:grid;gap:1.5rem;grid-template-columns:1.45fr 1fr auto}.online-course-detail-see-also .see-also__slide-wrap{display:flex;gap:.75rem;position:relative}.online-course-detail-see-also .see-also__slide-wrap:first-child:after{background-color:var(--color__gray);content:"";height:90%;opacity:.14;position:absolute;right:0;top:0;width:.0625rem}.online-course-detail-see-also .see-also__slide-wrap:not(:last-child){padding-right:1.25rem}.online-course-detail-see-also .see-also__slide-icon{align-items:center;background-color:var(--color__background);background-size:1.5rem;border-radius:.875rem;display:flex;font-size:1.4rem;height:3rem;justify-content:center;min-width:3rem;width:3rem}.online-course-detail-see-also .see-also__slide-icon.--icon-duration{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24' fill='none' viewBox='0 0 22 24'%3E%3Cpath fill='%2375869b' d='M9.253 1.802a.9.9 0 0 1 0-1.802H13.5a.901.901 0 0 1 0 1.802zm-4.168.542a.9.9 0 0 1 0 1.274L2.082 6.62A.9.9 0 0 1 .81 5.347l3.003-3.003a.9.9 0 0 1 1.273 0'/%3E%3Cpath fill='%2375869b' fill-rule='evenodd' d='M11.658 3.582a10.21 10.21 0 1 0 0 20.419 10.21 10.21 0 0 0 0-20.42m5.993 4.457a.6.6 0 0 0-.84-.842l-3.814 2.964-2.492 1.781a1.722 1.722 0 1 0 2.402 2.403l1.78-2.494z' clip-rule='evenodd'/%3E%3C/svg%3E")}.online-course-detail-see-also .see-also__slide-icon.--icon-view{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='18' fill='none' viewBox='0 0 23 18'%3E%3Cpath fill='%2375869b' fill-rule='evenodd' d='M.218 9c0 1.845.467 2.465 1.402 3.708C3.487 15.188 6.618 18 11.218 18s7.73-2.812 9.597-5.292c.935-1.242 1.403-1.864 1.403-3.708s-.468-2.465-1.403-3.708C18.95 2.812 15.818 0 11.218 0S3.487 2.813 1.62 5.292C.685 6.536.218 7.156.218 9m11-4.219A4.08 4.08 0 0 0 8.3 6.017 4.27 4.27 0 0 0 7.093 9c0 1.119.434 2.192 1.208 2.983a4.08 4.08 0 0 0 2.917 1.236 4.08 4.08 0 0 0 2.917-1.236A4.27 4.27 0 0 0 15.343 9a4.27 4.27 0 0 0-1.208-2.983 4.08 4.08 0 0 0-2.917-1.236' clip-rule='evenodd'/%3E%3C/svg%3E")}.online-course-detail-see-also .see-also__slide-icon svg{margin:0}.online-course-detail-see-also .see-also__slide-icon.--arrow{font-size:1.5rem}.see-also__slide-icon.--arrow{align-items:center;background-color:var(--color__background);border-radius:.875rem;display:flex;font-size:1.4rem;height:3rem;justify-content:center;width:3rem}.see-also__slide-icon.--arrow.nuxt-icon.nuxt-icon--fill *{fill:var(--color__gray)!important;stroke:var(--color__gray)!important}.online-course-detail-see-also .--favorite{display:none}.online-course-detail-btn{border-radius:1rem;height:4.5rem;position:relative;width:100%;z-index:1}.online-course-detail-btn .ui-button__text span{font-size:1.25rem;font-weight:500}.fullscreen-toggle{align-items:center;background-color:#e4e5e7;border:none;border-radius:.75rem;bottom:3.5rem;color:var(--color__text-80);cursor:pointer;display:flex;height:2.75rem;justify-content:center;padding:.25rem;position:absolute;right:.7rem;transform:scale(1.3);transition:all .15s cubic-bezier(.4,0,.2,1);width:2.75rem;z-index:10}.fullscreen-toggle__icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;height:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:1.5rem}.fullscreen-toggle:hover .fullscreen-toggle__icon{transform:scale(1.2)}.fullscreen-toggle:not(.--fullscreen) .fullscreen-toggle__icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23001f44a3' viewBox='0 0 24 24'%3E%3Cpath d='M7 14H5v5h5v-2H7zm-2-4h2V7h3V5H5zm12 7h-3v2h5v-5h-2zM14 5v2h3v3h2V5z'/%3E%3C/svg%3E")}.fullscreen-toggle.--fullscreen .fullscreen-toggle__icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23001f44a3' viewBox='0 0 24 24'%3E%3Cpath d='M5 16h3v3h2v-5H5zm3-8H5v2h5V5H8zm6 11h2v-3h3v-2h-5zm2-11V5h-2v5h5V8z'/%3E%3C/svg%3E")}:-ms-fullscreen .online-course-detail__program-iframe-wrapper iframe,:-webkit-full-screen .online-course-detail__program-iframe-wrapper iframe,:fullscreen .online-course-detail__program-iframe-wrapper iframe{height:100%;max-height:100vh;max-width:100vw;width:100%}.online-course-detail__program-image-mask{background:linear-gradient(180deg,#0009,#0000004d);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.online-course-detail__program-image-wrapper{position:relative;width:100%}.online-course-detail__program-image-mask-content{margin:0 auto;max-width:55rem}.online-course-detail__program-image-mask-content-title{color:var(--color__white);font-size:1.875rem;font-weight:600;line-height:2rem;text-align:center}.online-course-detail__program-image-mask-content-btn{margin:0 auto;width:-moz-fit-content;width:fit-content}.online-course-detail__program-icon{font-size:8.5rem;margin:0 auto}.online-course-detail__program-icon svg{width:1.84em}.view-program .ui-modal__wrap{padding:0}.view-program .ui-modal__panel iframe{height:100%}.iframe-container-wrap{height:100%;overflow:hidden}.iframe-container{background:#fff;height:100vh;position:relative;width:100%}iframe{overflow-y:scroll!important;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}iframe::-webkit-scrollbar{width:8px}iframe::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}iframe::-webkit-scrollbar-thumb{background:#888;border-radius:4px}iframe::-webkit-scrollbar-thumb:hover{background:#555}@media screen and (max-width:1200px){.online-course-detail__header-cards{padding:1.5rem}.online-course-detail__header-cards-wrap{grid-template-columns:1fr}.online-course-detail__header-cards-icons:not(:last-child):after{height:100%}}@media screen and (max-width:991px){.online-course-detail__header-cards.--left{grid-template-columns:1fr}.online-course-detail__header-cards-icons:not(:last-child):after{content:none}.online-course-detail__header-card.--topics{gap:1rem;grid-template-columns:1fr}.online-course-detail__program-wrap{height:100%;padding:0}.online-course-detail-see-also .see-also__slide-image-btn,.online-course-detail__header-cards-subtitle,.online-course-detail__program-image-btn,.type-editor ul.--check li.online-course-detail__header-card-item{font-size:1.25rem}.online-course-detail__program-image-wrapper.--preview{padding:0}.online-course-detail-wrap .see-also__controlls-wrap{display:none}.online-course-detail-see-also .see-also__slide-bottom{grid-template-columns:1.45fr 1fr;width:100%}.online-course-detail-see-also .see-also__slide-bottom .see-also__slide-text{font-size:1rem}.online-course-detail-see-also .see-also__slide-bottom .link{grid-column:span 2}.online-course-detail-see-also .see-also__slide-bottom .link span{width:100%}.online-course-detail__program-image{padding-bottom:58%}.fullscreen-toggle{display:none}}@media screen and (max-width:469px){.online-course-detail-wrap{max-width:87vw}.online-course-detail__program-image{padding-bottom:100%}.online-course-detail__program-icon{font-size:4.25rem}.online-course-detail__program-image-mask-content-title{font-size:1.35rem;line-height:110%}.online-course-detail-see-also .see-also__slide-image-btn{font-size:.75rem}}