body:has(.crsDtl_sec){
  --position_crsDtl: calc(calc(100% - 1200px) / 2);
  position: relative;
}
.crsDtl_sec{letter-spacing: -0.5px; box-sizing: border-box;}

/* 네비게이션 */
.subComWrap:has(.crsDtlNav){position: relative;}
.crsDtlNav{
  width: fit-content; display: flex; gap: 12px;
  position: absolute; left: 0;
  font-weight: 400; color: var(--clr_black_ex);
}
.crsDtlNav__imgH img{width: 100%; height: 100%; object-fit: cover;}
.crsDtlNav__txt{margin-top: 1px;}
.crsDtlNav__txt--bold{font-weight: 700; color: var(--clr_black_mn);}

.crsDtlWrap{ width: 100%;}
/* ---------------crsDtlMain--------------- */
.crsDtlMain{
  display: flex; align-items: flex-start;
  flex-direction: row;
  column-gap: 24px;
  margin-bottom: 40px;
}

/* fis/scd 공통 */
.firScdTxt--h5,.firScdTxt--p{
  font-size: clamp(14px, 1.3vw, 16px);
  line-height: clamp(16px, 1.5vw, 19px);
}
.firScdTxt--h5{ font-weight: 400; color: var(--clr_black_ex);}
.firScdTxt--p{ font-weight: 700;  color: var(--clr_black_mn);}


/* 강의 정보 */
.crsDtlMain__fir{width: fit-content; display: flex; flex-direction: column; row-gap: 12px;}
.firCrsPrevwBox{position: relative;}
/* .crsDtlMain__fir:not(:has(.firCrsPrevwBox_play):has(.firCrsPrevwBox_crsChk)){gap: unset;} */
.firCrsPrevwBox__img{
  width: auto; height:auto; border-radius: 18px; overflow: hidden;
  background-color: #ddd;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.firCrsPrevwBox__img img{width: 100%; height: 100%;}
.crsDtlMain__fir:not(:has(.firCrsPrevwBox_crsChk)):has(.firCrsPrevwBox_play){gap: unset;}
.firCrsPrevwBox_play{
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; height: 38px;
  border: var(--brdr_blue); border-radius: 9px;
  background-color:var(--clr_smWhite); margin-bottom: 12px;
}
.firCrsPrevwBox_play--img{ width: 20px; height: 20px;}
.firCrsPrevwBox_play--img img{ width: 100%; height: 100%; object-fit: cover;}
.firCrsPrevwBox_play--txt {
  font-size: clamp(15px, 1.5vw, 16px);
  line-height: clamp(22px, 2vw, 24px);
  font-weight: 700; color: var(--clr_blue);
  margin-top: 2px;
}
.firCrsPrevwBox_crsChk{
  display: flex; align-items: center; justify-content: center; gap: 10px;
  font-size: clamp(15px, 1.5vw, 16px);
  line-height: clamp(22px, 2vw, 24px);
  font-weight: 700; color: var(--clr_black_mn);
  width: 100%; height: 38px; line-height: 35px;
  border: var(--brdr_blue); border-radius: 9px;
  background-color:var(--clr_smWhite);
}
.firCrsPrevwBox_crsChk--img{width: 13px; height: 13px; display: flex;}
.firCrsPrevwBox_crsChk--img img{ width: 100%; height: 100%; object-fit: cover; filter: brightness(0) saturate(100%) invert(0%) sepia(54%) saturate(2406%) hue-rotate(22deg) brightness(88%) contrast(83%);}
.firCrsIfoBox{
  width: 100%; height: auto;
  border: var(--mix_brdr_btrDkr);
  border-radius: 9px;
  background-color: #fff;
  display: flex; align-items: flex-start; justify-content: flex-start;
  flex-direction: column; row-gap: 12px;
  padding: 11px 12px; box-sizing: border-box;
}
.firCrsIfoBox--pc{display: flex;}
.firCrsIfoBox--mob{display: none;}
.firCrsIfoBox__txt{display: flex; gap: 24px;}
.firCrsIfoBox__txt .firScdTxt--h5{min-width: 55px;}

.crsDtlMain__scd{ flex:1; position: relative; min-width:67%;}
.scdCrsDtlCtgy{margin-bottom: 12px; display: flex; align-items: center; gap: 6px;}
.scdCrsTit{
  font-size: clamp(20px, 2.15vw, 28px);
  line-height: clamp(28px, 2.6vw, 34px);
  height: clamp(52px, 4.5vw, 67px);
  font-weight: 700; color: var(--clr_black_mn); margin-bottom: 14px;
}
.scdCrsTxtBox{margin-bottom: 20px;}
.scdCrsTxtBoxOutWrap{
  display: flex; align-items: flex-start; justify-content: space-between;
  margin-bottom: 12px; column-gap: 10px;
}
.scdCrsTxtBoxOutWrap .scdCrsTxtBoxWrap{margin-bottom: unset;}
.scdCrsTxtBoxWrap{display: flex; align-items: flex-start; margin-bottom: 12px;}

.scdCrsTxtBoxOutWrap button,
.scdCrsTxtBoxOutWrap a{
  font-weight: 400; 
  color: var(--clr_black_ex);
  text-decoration: underline;
  font-size: clamp(12px, 1.1vw, 14px);
  line-height: clamp(13px, 1.3vw, 16px);
  min-width: 82px; text-align: right; white-space: nowrap;
}
.scdCrsSlct{
  display: flex; flex-direction: column; row-gap: 12px;
  margin-bottom: 12px;
}
.scdCrsCost{
  width: 100%; height: auto; 
  background-color: #fff; border: var(--mix_brdr_btrDkr); border-radius: 9px;
  padding-top: 8px; padding-bottom: 12px; box-sizing: border-box;
}
.scdCrsCost__wrap{
  padding-right: 12px; padding-left: 12px; box-sizing: border-box;
  display: flex; align-items: center; justify-content: space-between;
}
.scdCrsCost__wrap:nth-child(1){margin-bottom: 6px;}
.scdCrsCost__wrap:nth-child(2){
  padding-bottom: 12px; border-bottom: 1px solid var(--mix_clr_btr);
  margin-bottom: 12px;
}
.scdCrsCost__wrap p{
  font-size: clamp(14px, 1.3vw, 16px);
  line-height: clamp(16px, 1.5vw, 19px);
  font-weight: 700; color: var(--clr_black_mn);
}
.scdCrsCost__wrap h2{
  font-size: clamp(18px, 1.85vw, 24px);
  line-height: clamp(21px, 2.2vw, 29px);
  font-weight: 700; color: var(--clr_black_mn);
}
.scdCrsCost__wrap .scdCrsCost__wrap--gray{color: var(--clr_black_ex);}
.scdCrsCost__wrap .scdCrsCost__wrap--blue{color: var(--clr_blue);}
.scdCrsCost__wrap h2 span{
  font-size: clamp(14px, 1.4vw, 18px);
  line-height: clamp(16px, 1.7vw, 21px);
  color: inherit;
}
.scdCrsCost--txtCh{font-size: clamp(16px, 1.7vw, 20px) !important;}
.crsDtlMain__scd:has(.scdCrsFundIfo) .scdCrsBtnBox{margin-top: 104px; display: flex; align-items: center; gap: 12px;}
.scdCrsFundIfo{
  padding: 11px 12px; box-sizing: border-box; margin-top: 12px;
  background-color: #fff; border: var(--mix_brdr_btrDkr); border-radius: 9px;
  display: flex; align-items: center; justify-content: space-between;
  flex-direction: column; row-gap: 10px;
  position: absolute; bottom: 57px; right: 0;
  width: 100%; max-width: 840px; height: auto;
}
.scdCrsFundIfo h5{
  font-size: clamp(12px, 1.3vw, 16px);
  line-height: clamp(14px, 1.5vw, 19px);
  font-weight: 700; color: var(--clr_blue);
  display: flex; align-items: center; gap: 6px; margin-top: 2px;
}
.scdCrsFundIfo h5 > span{ width: 16px; height: 16px; display: flex;}
.scdCrsFundIfo h5 > span > img{width: 100%; height: 100%; object-fit: cover;}
.scdCrsFundIfo__txtGrp{ display: flex; align-items: center; gap: 12px;}
.scdCrsFundIfo__txt{
  display: flex; align-items: center; gap: 12px;
  padding: 4px 10px; box-sizing: border-box;
  border-radius: 20px; background-color: var(--clr_smWhite);
}
.scdCrsFundIfo__txt p{
  font-size: clamp(10px, 1.1vw, 14px);
  line-height: clamp(11px, 1.3vw, 16px);
  font-weight: 400; color: var(--clr_black_mn);
}
.scdCrsFundIfo__txt p span{font-weight: 700;}

.scdCrsBtnBox{margin-top: 20px; display: flex; align-items: center; gap: 12px;}
.scdCrsBtnBox button,.scdCrsBtnBox #work24_info2{
  width: 50%; height: 38px; line-height: 38px; 
  border-radius: 9px;
  font-size: clamp(14px, 1.3vw, 16px);
  font-weight: 700; text-align: center;
  flex: 1;
}
.scdCrsBtnBox #work24_info2{
  background-color: var(--clr_smWhite); 
  border:var(--mix_brdr_btrDkr);
  color:var(--clr_black_mn);
}
#work24_info1 a,
.scdCrsBtnBox #work24_info2 a{display: block;}
.scdCrsBtnBox button{
  background-color: var(--clr_blue); 
  border:var(--brdr_blue);
  color: #fff;
}
#work24_info1 a{display: block;}
#work24_info1:not(:has(a)),
#work24_info2:not(:has(a)){display: none !important;}


/* ---------------crsDtlSub--------------- */
#lst-crsInfo{ display: flex; flex-direction: column;}


/* 공통 */
.crsDtlSub__contLst{display: flex; flex-direction: column;}
.contLst__titWrap{
  display: flex; align-items: flex-end; justify-content: space-between; 
  margin-bottom: 20px;
}
.contLst__titWrap .contLst__tit{margin-bottom: unset;}
.contLst__tit{
  font-weight: 700; color: var(--clr_black_mn);
  margin-bottom: 12px;
}
.contLst__txt{font-weight: 400;}
.contLst__txt--block{display: block !important;}
.contLst__txt--fdCmn{flex-direction: column !important;}
.contLst__txt--atFs{align-items: flex-start !important;}
/* ----------------------------------- */

/* --- type1 / type2 --- */
.contLst__txtBox--type1 .contLst__txt,
.contLst__txtBox--type2 .contLst__txt{color: var(--clr_black_ex); background-color: #fff;} 


/* --- type1 --- */
.contLst__txtBox--type1{display: flex; flex-direction: column; row-gap: 9px;}
.contLst__txtBox--type1 .contLst__txt{
  border: var(--mix_brdr_btrDkr); padding: 13px 12px; border-radius: 9px;
  display: flex; align-items: center; justify-content: flex-start; gap: 9px;
} 
.contLst__txtBox--type1 span{font-weight: 700; color: var(--clr_black_mn);} 

/* --- type2 --- */
.contLst__txtBox--type2{ 
  border: var(--mix_brdr_btrDkr); border-radius: 9px; padding: 13px 12px;
  display: flex; flex-direction: column; row-gap: 13px;
}
.contLst__txtBox--type2 .contLst__txt{padding-left: 17px; position: relative;}
.contLst__txtBox--type2 .contLst__txt::before{
  content:''; width: 5px; height: 5px;
  border-radius: 50px; background-color: #161616;
  position: absolute; top: 7.5px; left: 0; transform: translateY(-50%);
}
.contLst__txtBox--type2:has(.contLst__prof):not(:last-child){margin-bottom: 12px;}
.contLst__txtBox--type2 .contLst__prof{
  display: flex; align-items: center; justify-content: flex-start; gap: 12px;
}
.contLst__txtBox--type2 .contLst__profImg img{width: 100%; object-fit: cover;}
.contLst__txtBox--type2 .contLst__profTxt{font-weight: 400; }
.contLst__txtBox--type2 .contLst__profTxt span{font-weight: 700;}


/* --- type3 --- */
.contLst__txtBox--type3{display: flex; flex-direction: column; row-gap: 12px; margin-bottom: 20px;}
.contLst__txtBox--type3 .contLst__txt{
  color: var(--clr_black_mn);
  border: var(--mix_brdr_btrDkr); border-radius: 9px; padding: 13px 14px;
  display: flex; align-items: center; gap: 12px;
}
.contLst__txtBox--type3 p{padding-top: 1px;}
.contLst__txtBox--type3 span{
  font-weight: 400; color: var(--clr_deep_red);
  display: flex; align-items: center; justify-content: center;
  text-align: center;
  background-color: var(--clr_pale_red); border-radius: 6px; padding-left: 1px;
}
#lst-passStd .contLst__table{
  border-collapse: collapse; width: 100%;
  color: var(--clr_black_mn); font-weight: 400;
}
#lst-passStd .contLst__table th{padding: 0;}
#lst-passStd .contLst__table th p{
  padding: 12.5px; border: 1px solid #F0F8FF;
  color: var(--clr_blue); font-weight: 700;
  background-color: #F0F8FF;  text-align: center; 
  border-radius: 9px 9px 0 0;
  overflow: hidden; 
}
#lst-passStd .contLst__table tbody{border-top: var(--mix_brdr_btrDkr);}
#lst-passStd .contLst__table td{padding: 0; height: 32px;} 
#lst-passStd .contLst__table td p{
  display: flex; align-items:center; justify-content: center;
  padding: 4px; word-break: keep-all;
  text-align: center; width: 100%; height: 100%; 
  border-bottom: var(--mix_brdr_btrDkr);
  border-right: var(--mix_brdr_btrDkr);
}
#lst-passStd .contLst__table td:first-child p{border-left: var(--mix_brdr_btrDkr);}
#lst-passStd .contLst__table--RdsLft p{border-radius: 0 0 0 9px; overflow: hidden;}
#lst-passStd .contLst__table--RdsRht p{border-radius: 0 0 9px 0; overflow: hidden;}
.contLst__table--bold td{font-weight: 700;}
/* .contLst__table--bold td:first-child p{border-left: var(--mix_brdr_btrDkr);} */
#lst-passStd .contLst__table--tdCrlRed{color: var(--clr_soft_red);}


/* --- type4 --- */
.contLst__txtBox--type4 .contLst__txt{padding: 12.5px 12px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
.contLst__txtBox--type4 .contLst__txt:first-child{border-radius: 9px 9px 0 0;}
.contLst__txtBox--type4 .contLst__txt:last-child{border-radius: 0 0 9px 9px;}
.contLst__txtBox--type4 .contLst__txt:has(h3){
  background-color: var(--clr_smWhite);
  justify-content: flex-start; gap: 6px;
  border-bottom: var(--mix_brdr_btrDkr);
}
.contLst__txtBox--type4 .contLst__txt:has(p){justify-content: space-between; border: var(--mix_brdr_btrDkr); border-top: unset;}
.contLst__txtBox--type4 .contLst__txt h3{border: 1px solid var(--clr_smWhite); color: var(--clr_black_mn-); font-weight: 700;}
.contLst__txtBox--type4 .contLst__txt h5{color: var(--clr_black_ex); font-weight: 400;}
.contLst__txtBox--type4 .contLst__txt p:first-child{flex: 1; display: flex; align-items: center; justify-content: flex-start; gap: 30px;}
.contLst__txtBox--type4 .contLst__txt p:first-child{ color: var(--clr_black_mn);}
.contLst__txtBox--type4 .contLst__txt p:last-child{ color: var(--clr_black_ex);}
.contLst__txtBox--type4 .contLst__txt p span:first-child{white-space: nowrap;}
/* ----------------------------------- */

/* 수강후기 이벤트 / 수강후기 */
.stdRvw__event{
  background-color: var(--clr_smWhite);
  border: var(--mix_brdr_btrDkr); border-radius: 9px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 25px;
  padding: 28px 20px 26px 20px; margin-bottom: 12px;
}
.stdRvw__eventTxt{text-align: left; flex: 1; word-break: keep-all;}
.stdRvw__eventTxt h4{color: var(--clr_black_mn); font-weight: 700; margin-bottom: 5px;}
.stdRvw__eventTxt p{color: var(--clr_black_ex); font-weight: 400;}
.stdRvw__eventTxt p span{color: var(--clr_black_mn); font-weight: 700;}
.stdRvw__eventTogo{
  color: #fff; text-align: center; font-weight: 400; 
  background-color: var(--clr_blue); border-radius: 13px;
  cursor: pointer;
}
/* ----------------------------------- */

/* 인기강의 (많이 신청한 강의) */
.bestCrl__more{
  font-weight:400; color: var(--clr_black_ex); height: 18px;
  display: flex; align-items: center; gap: 10px; margin-right: 10px;
  cursor: pointer;
}
.bestCrl__more__img{display: flex;}
.bestCrl__more__img img{height: 100%; width: 100%; object-fit: contain;}
.bestCrl__contWrap{
  overflow-x: auto;
  -ms-overflow-style: none;  /* IE, Edge */
  scrollbar-width: none;  /* Firefox */
  height: fit-content;
}
.bestCrl__contWrap::-webkit-scrollbar {display: none; /* Chrome, Safari */}
.bestCrl__cont{width: fit-content; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
/* .bestCrl__cont{width: fit-content; display: flex; gap: 24px;} */
.bestCrl__contSet{
  background-color: var(--clr_smWhite); border: var(--mix_brdr_btrDkr);
  cursor: pointer;
  min-width: 200px; height: 100%;
  border-radius: 18px; overflow: hidden;
  display: flex; flex-direction: column;
}
.bestCrl__img{aspect-ratio: 16 / 10; width: 100%; max-width: 800px; overflow: hidden;}
.bestCrl__img img{ width: 100% ; height: 100%; object-fit: cover;} 
.bestCrl__dtl{padding: 12px 14px; flex: 1; display: flex; flex-direction: column; justify-content: space-between;}
.bestCrl__dtlTit{
  color: var(--clr_black_mn); font-weight: 700;
  margin-bottom: 6px;
  display: -webkit-box; -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px; line-height: 18px; min-height: 38px; margin-bottom: 4px;
}
.bestCrl__dtlIfo{color: var(--clr_black_ex); font-size: 10px; font-weight: 400; line-height: 11px;}
.bestCrl__dtlCost{
  color: var(--clr_black_mn);
  font-size: 16px; font-weight: 700; line-height: 19px;
  text-align: right;
}
.bestCrl__dtlCost span{font-size: 13px; line-height: 15px;}

/* 과정상세 퀵 */
.crsDtlQck{display: none;}

@media (max-width: 767px) {
  /* 네비게이션 */
  .crsDtl_sec:has(.crsDtlNav){padding-top: 47px;}
  .crsDtlNav{gap: 10px; font-size: 13px; top: -27px;}
  .crsDtlNav__imgH{width: 13px; height: 13px;}
  /* ------- */

  .crsDtlMain {flex-direction: column; align-items: center; row-gap: 20px; }
  .crsDtlMain__fir,
  .crsDtlMain__scd { width: 100%;}
  .firCrsPrevwBox{aspect-ratio: unset;}
  .firCrsIfoBox__txt{gap: 35px;}
  .firCrsIfoBox__txt .firScdTxt--h5{min-width: 48px;}
  .firCrsIfoBox--pc{display: none;}
  .firCrsIfoBox--mob{display: flex; margin-bottom: 20px;}
  .firCrsPrevwBox__img{height: auto !important;}
  .scdCrsDtlCtgy .dtlCtgy{        
    padding: 3px 7.5px; font-size: 10px;
    height: 17px; line-height: 10px; min-width: 31px;
  }
  .scdCrsTxtBoxWrap{column-gap: 12px;}
  .scdCrsFundIfo__txtGrp{gap: 6px;}
  .scdCrsFundIfo__txt{gap: 6px;}

  /* crsDtlSub */
  #lst-crsInfo,
  .crsDtlSub__contLst{row-gap: 20px;}

  /* 폰트 스타일 공통 */
  .contLst__tit{font-size: 15px; line-height: 21px;}
  .contLst__txt,
  #lst-passStd .contLst__table,
  .contLst__txtBox--type4 .contLst__txt h3,
  .bestCrl__more{font-size: 12px; line-height: 16px;}

  /* --- type2 --- */
  .contLst__txtBox--type2 .contLst__txt{padding-left: 13px;}
  .contLst__txtBox--type2 .contLst__txt::before{width: 4px; height: 4px;}
  .contLst__txtBox--type2 .contLst__prof{gap: 9px;}
  .contLst__txtBox--type2 .contLst__profImg{width: 33px; height: 33px;}
  .contLst__txtBox--type2 .contLst__profTxt{font-size: 13px; line-height: 16px;}

  /* --- type3 --- */
  .contLst__txtBox--type3 span{font-size: 12px; width: 33px; height: 23px;}

  /* contLst__table / type4 */
  #lst-passStd .contLst__table th p{font-size: 13px;}
  .contLst__txtBox--type4 .contLst__txt h5{font-size: 10px; line-height: 12px;}
  .contLst__txtBox--type4 .contLst__txt p:first-child{gap: 12px;}

  /* 수강후기 이벤트 / 수강후기 */
  .stdRvw__event{padding: 15px 12px;}
  .stdRvw__eventTxt h4{font-size: 13px; line-height: 15px;}
  .stdRvw__eventTxt p{font-size: 10px; line-height: 14px;}
  .stdRvw__eventTogo{width: 80px; height: 18px; font-size: 10px; line-height: 19px;}
  .bestCrl__more__img{width: 6px; height: 10px;}

  /* 인기강의 */
  .bestCrl__contWrap{display: flex; align-items: center; justify-content: flex-start;}
  .bestCrl__contWrap:has(a:only-child) {justify-content: center;}
  .bestCrl__contSet{border-radius: 9px;}
  /* .bestCrl__img{height: 55%; min-height: 99px; max-height: 160px;} */
  /* .bestCrl__img img{min-height: 99px;} */
  .bestCrl__dtl{padding:6px 8px;}
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* 네비게이션 */
  .crsDtlNav{font-size: 14px; top: -30px;}
  .crsDtlNav__imgH{width: 13px; height: 13px;}
  /* ------- */

  /* 폰트 스타일 공통 */
  .contLst__tit{font-size: 18px; line-height: 24px; margin-bottom: 15px;}
  .contLst__txt,
  #lst-passStd .contLst__table,
  .contLst__txtBox--type4 .contLst__txt h3,
  .bestCrl__more{font-size: 14px; line-height: 18px;}

  .firCrsIfoBox__txt{gap: 39px;}
  .scdCrsTxtBoxWrap{column-gap: 18px;}

  /* --- type2 --- */
  .contLst__txtBox--type2 .contLst__profImg{width: 40px; height: 40px;}
  .contLst__txtBox--type2 .contLst__profTxt{font-size: 14px; line-height: 18px;}
  .contLst__txtBox--type2 .contLst__txt::before{top: 8.5px;}

  /* --- type3 --- */
  .contLst__txtBox--type3 span{font-size: 12px; line-height: 11px; width: 34px; height: 20px;}

  /* contLst__table / type4 */
  #lst-passStd .contLst__table th p{font-size: 14px;}
  .contLst__txtBox--type4 .contLst__txt h5{font-size: 12px; line-height: 14px;}

  /* crsDtlSub */
  #lst-crsInfo,
  .crsDtlSub__contLst{row-gap: 40px;}

  /* 강의 정보 */
  .scdCrsCost{padding: 11px 0;}
  .scdCrsCost__wrap:nth-child(1){margin-bottom: 12px;}

  /* 수강후기 이벤트 / 수강후기 */
  .stdRvw__eventTxt h4{font-size: 16px; line-height: 19px;}
  .stdRvw__eventTxt p{font-size: 12px; line-height: 14px;}
  .stdRvw__eventTogo{width: 100px; height: 24px; font-size: 12px; line-height: 26px;}
  .bestCrl__more__img{width: auto; height: 11px; margin-bottom: 0.5px;}

  /* 인기강의 */
  .bestCrl__contSet{border-radius: 15px;}
  /* .bestCrl__img{height: 140px;}  */
  .bestCrl__dtl{padding: 8px;}
}

@media (min-width: 1024px) {
  /* 네비게이션 */
  .crsDtlNav{font-size: 16px; top: -39px;}
  .crsDtlNav__imgH{width: 15px; height: 15px;}
  /* ------- */

  /* 폰트 스타일 */
  .contLst__tit{font-size: 24px; line-height: 34px; margin-bottom: 20px;}
  .contLst__txt,
  #lst-passStd .contLst__table,
  .contLst__txtBox--type4 .contLst__txt h3,
  .bestCrl__more{font-size: 16px; line-height: 21px;}

  /* crsDtlSub */
  #lst-crsInfo,
  .crsDtlSub__contLst{row-gap: 60px;}
  /* --------------------------- */

  /* 강의 정보 */
  .crsDtlMain__fir:not(:has(.firCrsPrevwBox_play)):has(.firCrsPrevwBox_crsChk){gap: 12px;}
  .crsDtlMain__fir{gap: 20px; max-width: 340px;} 
  .firCrsIfoBox{padding: 20px;}
  .firCrsPrevwBox__img{margin-bottom: 23px;}
  .firCrsPrevwBox_play{height: 46px;}
  .firCrsPrevwBox_play--img{width: 22px; height: 22px;}
  .firCrsPrevwBox_crsChk{height: 46px; line-height: 45px;}
  .firCrsPrevwBox_crsChk--img{width: 15px; height: 15px;}
  
  .crsDtlMain__scd:has(.scdCrsFundIfo) .scdCrsBtnBox{margin-top: 78px;}
  .scdCrsFundIfo{height: 46px; padding: 11px 20px; bottom: 66px; flex-direction: row;}
  .scdCrsDtlCtgy{margin-bottom: 18px;}
  .scdCrsTit{margin-bottom: 21px;}
  .scdCrsTxtBox{margin-bottom: 25px;}
  .scdCrsTxtBoxWrap{column-gap: 20px;}
  .scdCrsSlct{margin-bottom: 20px;}
  .scdCrsCost{padding-top: 15px; padding-bottom: 15px;}
  .scdCrsCost__wrap{padding-right: 20px; padding-left: 20px;}
  .scdCrsCost__wrap:nth-child(1){margin-bottom: 12px;}
  .scdCrsCost__wrap:nth-child(2){margin-bottom: 15px; margin-bottom: 15px;}
  .scdCrsBtnBox button,
  .scdCrsBtnBox #work24_info2{ height: 46px; line-height: 46px;}

  /* --- type1 --- */
  .contLst__txtBox--type1{row-gap: 12px;}
  .contLst__txtBox--type1 .contLst__txt{padding: 18px 20px; gap: 12px;} 

  /* --- type2 --- */
  .contLst__txtBox--type2{row-gap: 20px; padding: 20px;}
  .contLst__txtBox--type2 .contLst__txt::before{top: 9.5px;}
  .contLst__txtBox--type2 .contLst__profImg{width: 50px; height: 50px;}
  .contLst__txtBox--type2 .contLst__profTxt{font-size: 16px; line-height: 22px;}

  /* --- type3 --- */
  .contLst__txtBox--type3 .contLst__txt{padding: 20px;}
  .contLst__txtBox--type3 span{font-size: 14px; line-height: 24px; width: 40px; height: 23px;}

  /* contLst__table / type4 */
  #lst-passStd .contLst__table th p{font-size: 16px; padding: 19px;}
  #lst-passStd .contLst__table td{height: 45px;}
  #lst-passStd .contLst__table td p{padding: 12px;}
  .contLst__txtBox--type4 .contLst__txt{padding: 19px 20px;}
  .contLst__txtBox--type4 .contLst__txt:has(h3){gap: 12px;}
  .contLst__txtBox--type4 .contLst__txt h5{font-size: 14px; line-height: 16px;}

  /* 수강후기 이벤트 / 수강후기 */
  .stdRvw__eventTxt h4{font-size: 18px; line-height: 21px; margin-bottom: 6px;}
  .stdRvw__eventTxt p{font-size: 14px; line-height: 18px;}
  .stdRvw__eventTogo{width: 118px; height: 26px; font-size: 14px; line-height: 27px;}
  .stdRvw__event{margin-bottom: 20px;}
  .stdRvwCont__rvwLst{margin-top: 30px; padding-bottom: 30px;}
  .bestCrl__more__img{width: 8px; height: 14px;}

  /* 인기강의 */
  .bestCrl__dtl{padding: 8px 10px;}
  .bestCrl__dtlTit{font-size: 16px; line-height: 22px; min-height: 45px; margin-bottom:6px;}
  .bestCrl__dtlIfo{font-size: 13px; line-height: 16px;}
  .bestCrl__dtlCost{font-size: 20px; line-height: 26px;}
  .bestCrl__dtlCost span{font-size: 16px; line-height: 21px;}
  .bestCrl__cont{width: 100%;}
  /* .bestCrl__contSet{width: 33%;} */
  /* .bestCrl__img{height: 165px;} */
  .bestCrl__more{height: 22px;}
}

@media (min-width:1200px) {
  /* 인기강의 */
  .bestCrl__dtl{padding: 12px 14px;}
  .bestCrl__dtlTit{font-size: 18px; line-height: 22.5px;}
  .bestCrl__dtlIfo{font-size: 14px; margin-bottom: unset;}
  .bestCrl__dtlCost{font-size: 22px;}
  .bestCrl__dtlCost span{font-size: 18px;}
}

@media (min-width:1300px) {
  /* 퀵 메뉴 별도 적용 */
  /* 공통 퀵 */
  body:has(.crsDtl_sec) .qckMovBox{
    position: absolute; top: 202px; right: var(--position_crsDtl) !important;
    width: 300px; box-shadow: unset;
  }
  body:has(.crsDtl_sec) .qckMovBox.absolute{bottom: 931px; top: unset !important;}
  body:has(.crsDtl_sec) .qckMovBox.fixed{position: fixed; top: 15%;}
	
  
  /* 과정 퀵 */
  .crsDtlQck.absolute{position: absolute; bottom: 500px; top: unset;}
  .crsDtlQck.fixed{position: fixed; top: calc(15% + 249px);}

  .crsDtlQck{
    display: block;
    width: 300px; height: fit-content; padding: 20px;
    position: absolute; top: 451px; z-index: 100;
    right: var(--position_crsDtl) !important;
    background-color:var(--clr_smWhite); border: var(--mix_brdr_btrDkr);
		border-radius: 18px;
  }
  .crsDtlQck__tit{
    font-size: 18px; font-weight: 700; line-height: 24px; color: var(--clr_black_mn);
    margin-bottom: 17px; height: 45px;
  }
  .crsDtlCont__dtlTxt{display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;}
  .crsDtlCont__dtlTxt:first-child{margin-bottom: 6px;}
  .dtlTxt__cate{font-size: 14px; font-weight: 400; line-height: 16px; color: var(--clr_black_ex);}
  .dtlTxt__cost{font-size: 22px; font-weight: 700; line-height: 26px; color: var(--clr_black_mn);}
  .dtlTxt__cost span{font-size: 18px; font-weight: 700; line-height: 21px; color: inherit;}
  .dtlTxt__cost--blue{color: var(--clr_blue);}
  .dtlTxt__ifo{font-size: 16px; font-weight: 700; line-height: 19px; color: var(--clr_black_mn);}
  .crsDtlCont__dtlTxt:has(.dtlTxt__stim){
    padding-top: 12px; border-top: 1px solid var(--mix_clr_btr);
    margin-bottom: 19px;
  }
  .dtlTxt__stim{
    font-size: 14px; font-weight: 400; line-height: 16px; color: var(--clr_black_ex);
    display: flex; align-items: center; gap: 6px;
  }
  .dtlTxt__stim__img{
    filter: brightness(0) saturate(100%) invert(33%) sepia(13%) saturate(22%) hue-rotate(7deg) brightness(93%) contrast(89%);
  }
  .dtlTxt__rvw{
    font-size: 16px; font-weight: 400; line-height: 19px; color:var(--clr_black_ex);
    display: flex; align-items: center; gap: 2px;
  }
  .dtlTxt__rvw__img{margin-right: 2px; width: 16px;}
  .dtlTxt__rvw__img img{width: 100%; height: 100%; object-fit: cover;}
  .dtlTxt__rvw--bold{font-weight: 700; color: var(--clr_black_mn);}
  .dtlTxt__btn #work24_info1,
  .dtlTxt__btn button{
    width: 100%; height: 46px; line-height: 46px;
    border-radius: 9px;
    font-size: 16px; font-weight: 700; line-height: 19px;
    display: flex; align-items: center; justify-content: center;
  }

  .dtlTxt__btn #work24_info1{
    margin-bottom: 12px;
    background-color: #fff; border: var(--mix_brdr_btrDkr);
    color: var(--clr_black_mn);
  }
  .dtlTxt__btn button{
    background-color: var(--clr_blue); border: var(--brdr_blue);
    color: #fff;
  }
  /* ------------------------------------------------- */

  /* 강의 정보 */
  .crsDtlWrap {max-width: 840px;}
  .firCrsIfoBox{height: 159px;}
  .firCrsPrevwBox__img{height: 213px;}
  .firCrsIfoBox{height: 159px; padding: 20px 20px 27px 20px;}
  .crsDtlMain__scd{min-width: unset;}
  .scdCrsCost{ height: 159px;}
  .scdCrsFundIfo{width: 200vh;}
}