.DetailContent-module-scss-module__5B8Z5G__container{width:calc(100% - 6rem);min-width:0;max-width:119rem;margin:4rem auto 8rem}@media screen and (max-width:768px){.DetailContent-module-scss-module__5B8Z5G__container{width:calc(100% - 4rem)}}@media screen and (max-width:480px){.DetailContent-module-scss-module__5B8Z5G__container{width:calc(100% - 3.2rem);min-width:calc(320px - 3.2rem)}}.DetailContent-module-scss-module__5B8Z5G__container{grid-template-columns:2fr 1fr;grid-template-areas:"thumbnail thumbnail""info card""instructor card""summary card""nav card""content card";gap:3.2rem 4rem;margin:6rem auto;display:grid;position:relative}@media (max-width:1024px){.DetailContent-module-scss-module__5B8Z5G__container{grid-template-columns:1fr;grid-template-areas:"thumbnail""info""instructor""card""summary""nav""content";gap:3.2rem}}@media (max-width:768px){.DetailContent-module-scss-module__5B8Z5G__container{margin:3rem auto}}@media (max-width:480px){.DetailContent-module-scss-module__5B8Z5G__container{gap:3.2rem;margin:1.2rem auto}}.DetailContent-module-scss-module__5B8Z5G__thumbnail{background:var(--grayLv1);border-radius:1.2rem;grid-area:thumbnail;height:41.6rem;overflow:hidden}.DetailContent-module-scss-module__5B8Z5G__thumbnail img{object-fit:contain;object-position:center;width:100%;height:100%}@media (max-width:768px){.DetailContent-module-scss-module__5B8Z5G__thumbnail{aspect-ratio:342/180;height:auto}}@media (max-width:480px){.DetailContent-module-scss-module__5B8Z5G__thumbnail{border-radius:.8rem}}.DetailContent-module-scss-module__5B8Z5G__info{flex-direction:column;grid-area:info;gap:1.6rem;display:flex}@media (max-width:768px){.DetailContent-module-scss-module__5B8Z5G__info{gap:1.2rem}}.DetailContent-module-scss-module__5B8Z5G__info .DetailContent-module-scss-module__5B8Z5G__category{align-items:center;gap:1.2rem;display:flex}.DetailContent-module-scss-module__5B8Z5G__info .DetailContent-module-scss-module__5B8Z5G__title{color:var(--surface);text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:clamp(3.2rem,.91954vw + 2.90575rem,4rem);font-weight:700;line-height:clamp(4rem,1.83908vw + 3.41149rem,5.6rem);display:-webkit-box;overflow:hidden}.DetailContent-module-scss-module__5B8Z5G__info .DetailContent-module-scss-module__5B8Z5G__descriptionWrapper{flex-direction:column;gap:.8rem;width:100%;display:flex}.DetailContent-module-scss-module__5B8Z5G__info .DetailContent-module-scss-module__5B8Z5G__description{color:var(--surface);text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:1.6rem;font-weight:400;line-height:2.2rem;display:-webkit-box;overflow:hidden}.DetailContent-module-scss-module__5B8Z5G__info .DetailContent-module-scss-module__5B8Z5G__description.DetailContent-module-scss-module__5B8Z5G__expanded{-webkit-line-clamp:unset;line-clamp:unset;display:block}.DetailContent-module-scss-module__5B8Z5G__info .DetailContent-module-scss-module__5B8Z5G__expandBtn{cursor:pointer;color:var(--grayLv3);background:0 0;border:none;align-items:center;gap:.4rem;width:fit-content;padding:0;font-size:1.4rem;font-weight:500;line-height:2rem;transition:all .2s;display:flex}.DetailContent-module-scss-module__5B8Z5G__info .DetailContent-module-scss-module__5B8Z5G__expandBtn svg{transition:transform .2s}.DetailContent-module-scss-module__5B8Z5G__info .DetailContent-module-scss-module__5B8Z5G__expandBtn:hover{color:var(--grayLv4)}.DetailContent-module-scss-module__5B8Z5G__info .DetailContent-module-scss-module__5B8Z5G__expandBtn.DetailContent-module-scss-module__5B8Z5G__expanded svg{transform:rotate(-180deg)}.DetailContent-module-scss-module__5B8Z5G__instructor{flex-wrap:wrap;grid-area:instructor;gap:1.6rem 2.4rem;display:flex}.DetailContent-module-scss-module__5B8Z5G__summary{background-color:var(--grayLv1);color:var(--surface);border-radius:1.2rem;flex-direction:column;grid-area:summary;gap:1.2rem;padding:3.2rem;font-size:1.8rem;font-weight:700;line-height:2.4rem;display:flex}@media (max-width:480px){.DetailContent-module-scss-module__5B8Z5G__summary{border-radius:.8rem;padding:2rem 1.6rem}}.DetailContent-module-scss-module__5B8Z5G__summary ul{color:var(--surface);flex-direction:column;gap:1.2rem;font-size:1.6rem;font-weight:500;line-height:2.2rem;display:flex}@media (max-width:480px){.DetailContent-module-scss-module__5B8Z5G__summary ul{flex-direction:column}}.DetailContent-module-scss-module__5B8Z5G__summary ul li{gap:.8rem;display:flex}.DetailContent-module-scss-module__5B8Z5G__summary ul li .DetailContent-module-scss-module__5B8Z5G__label{color:var(--grayLv3);white-space:nowrap}.DetailContent-module-scss-module__5B8Z5G__summary ul li .DetailContent-module-scss-module__5B8Z5G__value{color:var(--grayLv4)}.DetailContent-module-scss-module__5B8Z5G__card{grid-area:card;height:fit-content;position:sticky;top:8rem}@media (max-width:1024px){.DetailContent-module-scss-module__5B8Z5G__card{position:static}}.DetailContent-module-scss-module__5B8Z5G__nav{background:var(--background);border-bottom:1px solid var(--grayLv2);z-index:1000;grid-area:nav;position:sticky;top:7rem}@media (max-width:768px){.DetailContent-module-scss-module__5B8Z5G__nav{top:5.6rem}}@media (max-width:480px){.DetailContent-module-scss-module__5B8Z5G__nav{width:100vw;margin-left:calc(50% - 50vw)}}.DetailContent-module-scss-module__5B8Z5G__nav ul{color:var(--grayLv3);justify-content:center;align-items:center;gap:4rem;padding:1.6rem 1.4rem;list-style:none;display:flex}@media (max-width:1024px){.DetailContent-module-scss-module__5B8Z5G__nav ul .DetailContent-module-scss-module__5B8Z5G__fixed{display:none}}@media (max-width:480px){.DetailContent-module-scss-module__5B8Z5G__nav ul{gap:2rem;padding:1.2rem .8rem}}.DetailContent-module-scss-module__5B8Z5G__nav ul li{color:var(--grayLv3);white-space:nowrap;font-size:1.6rem;font-weight:500;line-height:2.2rem}.DetailContent-module-scss-module__5B8Z5G__nav ul .DetailContent-module-scss-module__5B8Z5G__active{color:var(--surface);font-size:1.6rem;font-weight:600;line-height:2.2rem}.DetailContent-module-scss-module__5B8Z5G__nav ul .DetailContent-module-scss-module__5B8Z5G__fixed{color:var(--primary);font-size:1.6rem;font-weight:700;line-height:2.2rem}.DetailContent-module-scss-module__5B8Z5G__content{grid-area:content;min-width:0;overflow-x:hidden}.DetailContent-module-scss-module__5B8Z5G__content>.DetailContent-module-scss-module__5B8Z5G__section{padding:3.2rem 0}@media (max-width:768px){.DetailContent-module-scss-module__5B8Z5G__content .DetailContent-module-scss-module__5B8Z5G__section+.DetailContent-module-scss-module__5B8Z5G__section{border-top:1px solid var(--grayLv2)}}.DetailContent-module-scss-module__5B8Z5G__content .DetailContent-module-scss-module__5B8Z5G__titleHeader{flex-direction:column;gap:1.2rem;margin-bottom:4rem;display:flex}@media (max-width:768px){.DetailContent-module-scss-module__5B8Z5G__content .DetailContent-module-scss-module__5B8Z5G__titleHeader{gap:.8rem;margin-bottom:2.4rem}}.DetailContent-module-scss-module__5B8Z5G__content .DetailContent-module-scss-module__5B8Z5G__title{color:var(--surface);text-align:center;font-size:clamp(2.4rem,.91954vw + 2.10575rem,3.2rem);font-weight:700;line-height:clamp(3.2rem,.91954vw + 2.90575rem,4rem)}.DetailContent-module-scss-module__5B8Z5G__content .DetailContent-module-scss-module__5B8Z5G__description{color:var(--primary);text-align:center;word-break:keep-all;width:80%;margin:auto;font-size:1.6rem;font-weight:600;line-height:2.2rem}.DetailContent-module-scss-module__5B8Z5G__images{flex-direction:column;display:flex}.DetailContent-module-scss-module__5B8Z5G__images img{object-fit:contain;width:100%}.DetailContent-module-scss-module__5B8Z5G__curriculum{width:auto;max-width:79rem;margin:auto}.DetailContent-module-scss-module__5B8Z5G__curriMessage{text-align:center;color:var(--grayLv3);margin-top:2.4rem}.DetailContent-module-scss-module__5B8Z5G__instructorList{flex-direction:column;gap:4rem;display:flex}.DetailContent-module-scss-module__5B8Z5G__section,.DetailContent-module-scss-module__5B8Z5G__descriptionSection{min-width:0;scroll-margin-top:14rem;overflow-x:hidden}@media (max-width:768px){.DetailContent-module-scss-module__5B8Z5G__section,.DetailContent-module-scss-module__5B8Z5G__descriptionSection{scroll-margin-top:10.4rem}}@media (max-width:480px){.DetailContent-module-scss-module__5B8Z5G__section,.DetailContent-module-scss-module__5B8Z5G__descriptionSection{scroll-margin-top:10.4rem}}.DetailContent-module-scss-module__5B8Z5G__notice{background-color:var(--grayLv1);color:var(--surface);border:none;border-radius:1rem;flex-direction:column;align-items:flex-start;gap:1.2rem;padding:3.2rem;font-size:1.4rem;font-weight:400;line-height:2rem;display:flex}.DetailContent-module-scss-module__5B8Z5G__notice .DetailContent-module-scss-module__5B8Z5G__title{color:var(--grayLv3);font-size:1.6rem;font-weight:500;line-height:2.2rem}.DetailContent-module-scss-module__5B8Z5G__notice .DetailContent-module-scss-module__5B8Z5G__list li{align-items:flex-start;gap:.4rem;display:flex;position:relative}.DetailContent-module-scss-module__5B8Z5G__notice .DetailContent-module-scss-module__5B8Z5G__list li:before{content:"- "}
.InstructorProfile-module-scss-module__8Z45na__profile{white-space:nowrap;align-items:center;gap:1.2rem;display:flex}.InstructorProfile-module-scss-module__8Z45na__image{border:1px solid var(--grayLv2);object-fit:cover;border-radius:50%;flex-shrink:0;width:4.6rem;height:4.6rem}.InstructorProfile-module-scss-module__8Z45na__info{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.InstructorProfile-module-scss-module__8Z45na__name{color:var(--surface);font-size:1.6rem;font-weight:600;line-height:2.2rem}.InstructorProfile-module-scss-module__8Z45na__role{color:var(--grayLv4);font-size:1.4rem;font-weight:400;line-height:2rem}
.DetailCard-module-scss-module__5U-WwG__container{border:1px solid var(--grayLv2);border-radius:1.2rem;flex-direction:column;gap:2.4rem;width:100%;height:fit-content;padding:3.2rem;display:flex}@media (max-width:1024px){.DetailCard-module-scss-module__5U-WwG__container{border:none;border-radius:0;gap:1.6rem;margin-bottom:1.2rem;padding:0}}.DetailCard-module-scss-module__5U-WwG__title{color:var(--surface);font-size:1.8rem;font-weight:700;line-height:2.4rem}@media (max-width:1024px){.DetailCard-module-scss-module__5U-WwG__title{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.DetailCard-module-scss-module__5U-WwG__courseInfo{border-top:1px solid var(--grayLv2);border-bottom:1px solid var(--grayLv2);flex-direction:column;gap:1.6rem;width:100%;padding:2.4rem 0;display:flex}.DetailCard-module-scss-module__5U-WwG__courseInfo li{justify-content:space-between;display:flex}.DetailCard-module-scss-module__5U-WwG__courseInfo .DetailCard-module-scss-module__5U-WwG__label{color:var(--grayLv3);flex-shrink:0;width:8rem;font-size:1.6rem;font-weight:400;line-height:2.2rem}.DetailCard-module-scss-module__5U-WwG__courseInfo .DetailCard-module-scss-module__5U-WwG__value{color:var(--grayLv4);text-align:right;font-size:1.6rem;font-weight:500;line-height:2.2rem}.DetailCard-module-scss-module__5U-WwG__courseInfo .DetailCard-module-scss-module__5U-WwG__divider{border-top:1px solid var(--grayLv2);padding-top:1.6rem}@media (max-width:1024px){.DetailCard-module-scss-module__5U-WwG__courseInfo{padding:1.6rem 0}}.DetailCard-module-scss-module__5U-WwG__dday{color:var(--white);background:var(--primary);border-radius:.6rem;margin-left:.8rem;padding:.3rem .8rem;font-size:1.2rem;font-weight:700;line-height:1.6rem;display:inline-block}.DetailCard-module-scss-module__5U-WwG__ddayClosed{background:var(--grayLv2);color:var(--grayLv3)}.DetailCard-module-scss-module__5U-WwG__priceWrapper{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.DetailCard-module-scss-module__5U-WwG__discount{color:var(--primary);font-size:1.8rem;font-weight:700;line-height:2.4rem}.DetailCard-module-scss-module__5U-WwG__originalPrice{color:var(--grayLv3);font-size:1.6rem;font-weight:500;line-height:2.2rem;text-decoration:line-through}.DetailCard-module-scss-module__5U-WwG__free,.DetailCard-module-scss-module__5U-WwG__price{color:var(--surface);font-size:2.4rem;font-weight:600;line-height:3.2rem}.DetailCard-module-scss-module__5U-WwG__enrollInfo{width:100%}.DetailCard-module-scss-module__5U-WwG__enrollInfo li{justify-content:space-between;display:flex}.DetailCard-module-scss-module__5U-WwG__enrollInfo .DetailCard-module-scss-module__5U-WwG__label{color:var(--grayLv3);flex-shrink:0;width:8rem;font-size:1.6rem;font-weight:400;line-height:2.2rem}.DetailCard-module-scss-module__5U-WwG__enrollInfo .DetailCard-module-scss-module__5U-WwG__value{color:var(--surface);text-align:left;margin:1.2rem 0 1.6rem;font-size:1.6rem;font-weight:600;line-height:2.2rem}@media (max-width:1024px){.DetailCard-module-scss-module__5U-WwG__enrollInfo{padding:1.6rem 0}}.DetailCard-module-scss-module__5U-WwG__btnContainer{flex-direction:column;gap:1.2rem;display:flex}@media (max-width:1024px){.DetailCard-module-scss-module__5U-WwG__btnContainer{z-index:1500;background-color:var(--background);border-top:1px solid var(--grayLv2);flex-direction:row-reverse;width:100%;padding:1rem 1.6rem;position:fixed;bottom:0;left:0;right:0}.DetailCard-module-scss-module__5U-WwG__btnContainer button{flex:1}.DetailCard-module-scss-module__5U-WwG__btnContainer .DetailCard-module-scss-module__5U-WwG__mainBtn{flex:2}}