*{letter-spacing: -0.5px;}

/*교재 배송 주소지 입력 관련*/
/* .bookPostInfo {color:var(--clr_black_mn); font-weight:bold;} */

/* ---------- 평가 테이블 ---------- */
.downA{color:rgb(88, 100, 255); font-weight: 500; display: inline-block; font-size: 14px;}
.downA:hover{color:rgb(21, 34, 218);}
/* ------------------------ */

/* 공통 사용 가능 영역 */
/* ---------- stateColor ---------- */
.stateColor--wait, .stateColor--prog, .stateColor--comp{
  display: inline-block;
  font-size: 12px; font-weight: 400;
  width: 32px; height: 21px; line-height: 22px;
  padding-left: 1px; letter-spacing: 0.3px;
  color: #fff; border-radius: 4px;
}
.stateColor--wait{background-color: var(--clr_dark_org);}
.stateColor--prog{background-color: #3bb70a;}
.stateColor--comp{background-color: var(--clr_blue);}

/* ------------------------ */

/* ---------- 테이블에서 사용하는 버튼 ---------- */
.uploadBtn,
.usedInTbtn {
  border-radius: 3px !important;
  font-size: 12px !important; font-weight: 400;
  text-align: center; position: relative;
  height: 28px;
}
.uploadBtn{pointer-events: none;}


/* ---------- input 메세지 ---------- */
.table_st1 .msgType_success{position: absolute; top: 50%; transform: translateY(-50%);}
.st1-td:has(.msgType_success) .hasInpCheckM{position: relative;}
/* ------------------------ */

/* ---------- table_st1 ---------- */
.table_st1{ width: 100%; margin-bottom: 20px;}
.table_st1 input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-text-fill-color: var(--clr_black_mn) !important;
}
.st1-tr{height: 48px;}
.st1-th{
  min-width: 75px;
  /* min-width: 75px; */
  color: var(--clr_black_mn);
  font-weight:700; text-align: left;
  word-break: keep-all; line-height: 16px;
  background-color: var(--clr_smWhite);
  padding: 0 12px;
}
.st1-tr:first-child .st1-th{border-radius: 9px 0 0 0;}
.st1-tr:last-child .st1-th{border-radius: 0 0 0 9px;}
.st1-th--Required{display: inline-block; position: relative;}
.st1-th--Required:before{
  content: '*'; font-size: 13px;
  position: absolute; top: 0px; right: -10px;
  color: var(--clr_dark_org);
}
.st1-th:has(.st1-th--Required){height: 60px;}

.st1-td{
  box-sizing: border-box;
  font-weight: 400; color: var(--clr_black_mn);
  position: relative;
}
.st1-td .st1-td--brd{
  border: 1px solid var(--mix_clr_btr); border-top: unset;
  margin-bottom: unset;
  width: 100%; min-height: 60px; height: 100%;
  display: flex; align-items: center; justify-content: flex-start;
  column-gap: 15px; row-gap: 10px;
}
.st1-tr:first-child .st1-td--brd{border-top: var(--mix_brdr_btrDkr); border-radius: 0 9px 0 0;}

.st1-tr:last-child .st1-td--brd{border-radius: 0 0 9px 0;}
.st1-td .st1-td--brd:has(.hasInpCheckM),
.st1-td .st1-td--brd:has(.inpInfoM) {flex-direction: column; align-items: flex-start;}

.st1-td input[type=text],
.st1-td input[type=password],
.st1-td input[type=email]{height:38px; line-height: 38px;}

.st1-td input[type=text],
.st1-td input[type=password],
.st1-td input[type=email],
.tdTxtAreaBox{
  outline: unset;
  border: var(--mix_brdr_btrDkr); color: var(--clr_black_mn);
  font-weight: 400; text-overflow: ellipsis;
  cursor: pointer; border-radius: 7px;
  width: 100%; position: relative;
}
.tdTxtAreaBox{width: 100%; min-height: 200px; }
.st1-td textarea{width: 100%; min-height: 200px; border: unset; outline: unset;}
@-moz-document url-prefix() {
  /* firefox 브라우져 css 별도 적용 */
  .st1-td textarea{
    scrollbar-color: rgba(0, 0, 0, 0.5) transparent; /* 스크롤바 색상 (thumb, track) */
    scrollbar-width: thin; /* 스크롤바 너비 (auto, thin, none) */
  }
}
.st1-td textarea::-webkit-scrollbar{width: 2px;}
.st1-td textarea::-webkit-scrollbar-track {
  background: var(--mix_clr_dkr);
}
.st1-td textarea::-webkit-scrollbar-thumb {
  background-color: var(--clr_black_ex);
}
.st1-td .radioGrp--flex{display: inline-flex; align-items: center; gap: 15px;}
.st1-td .radioGrp{display: flex; align-items: center; gap: 5px;}
.st1-td input[type="radio"]{
  width: 16px; height: 16px;
  border-radius: 50px; border: 1px solid #d9d9d9;
  padding: unset;
  appearance: none;
}
.st1-td input[type="radio"]:checked{
  background-color: var(--clr_blue);
  box-shadow: inset 0 0 0px 2px #fff;
  border: 0.6px solid var(--clr_blue);
}

/* ----사이트 별도 지정------ */
/* mypageSec (마이페이지) */
.mypageSec .st1-td input[type=text],
.mypageSec .st1-td input[type=password],
.mypageSec .st1-td input[type=email]{width:100%; max-width:300px;}
.mypageSec .st1-td--tel span{min-width: 120px;}

.st1-td.st1-td--address .st1-td--brd{flex-direction: column; align-items: flex-start; gap: 10px;}
.addrWrap{display: flex; align-items: center; justify-content: flex-start; gap: 10px; width: 100%; max-width: 615px;}
.mypageSec #addr{flex: 1; max-width: unset;}
.mypageSec #addr2{max-width: 615px !important;}


/* 상담등록하기 */
.st1-td--brd:has(.upload-file){flex-direction: column; align-items: flex-start; gap: unset;}

/* 상담수정하기 */
#fileDelChkBtn{
  width: 20px;
  height: 20px;
  border: 1px solid;
  background-color: #efefef;
  border: 1px solid #c3c3c3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: unset;
  border-radius: 4px;
  margin-left: 8px;
  cursor: pointer;
}
#fileDelChkBtn span{width: 8px; height: 8px; display: flex;}
#fileDelChkBtn img{
  filter: brightness(0) saturate(100%) invert(9%) sepia(4%) saturate(6%) hue-rotate(348deg) brightness(95%) contrast(88%);
}
.fileDelChkBox:has(.downA):has(#fileDelChkBtn) .downA{margin-top: 10px;}
.fileDelChkBox:has(.downA):has(.fileDelChk) .downA p{color: #b6b7c1; text-decoration: line-through;}

/* ------------------------ */

/* ---------- table_st2 ---------- */
.table_st2{width: 100%}
.table_st2 th{
  height: 40px;
  border: var(--mix_brdr_btrDkr); background-color: var(--clr_smWhite);
  font-weight: normal; text-align: center;
  font-size: 14px; font-weight: 700; color: var(--clr_black_mn);
  padding: 5px;
}
.table_st2 td{
  height: 37px; padding-left: 16px; background-color: #fff; border:var(--mix_brdr_btrDkr); text-align: left;
  font-size: 14px; font-weight: 400; color: var(--clr_black_mn);
}
.table_st2 .t01_con02{width: 100px; height: 37px}
/* ------------------------ */

/* -- table_st2 css 별도 적용 --*/

/* 결제 페이지 */
.table_st2--checkOut1,
.table_st2--checkOut2{border-collapse: separate; border-spacing: 0;}

/* table_st2--checkOut1 */
.table_st2--checkOut1 thead th{
  border: unset;
  border-right: var(--mix_brdr_btrDkr);
  border-top: var(--mix_brdr_btrDkr);
}
.table_st2--checkOut1 thead th:first-child{border-radius: 9px 0 0 0; border-left: var(--mix_brdr_btrDkr);}
.table_st2--checkOut1 thead th:last-child{border-radius: 0 9px 0 0;}

.table_st2--checkOut1 tbody td{
  border: unset;
  border-right: var(--mix_brdr_btrDkr);
  border-top: var(--mix_brdr_btrDkr);
  text-align: center !important;
}
.table_st2--checkOut1 tbody td:first-child{border-left: var(--mix_brdr_btrDkr);}
.table_st2--checkOut1 tbody tr:last-child td{
  border-bottom: var(--mix_brdr_btrDkr);
}
.table_st2--checkOut1 tbody tr:last-child td:first-child {border-radius: 0 0 0 9px;}
.table_st2--checkOut1 tbody tr:first-child td:last-child {border-radius: 0 0 9px 0; border-bottom: var(--mix_brdr_btrDkr);}


/* table_st2--checkOut2 */
.table_st2--checkOut2 tbody th{
  border: unset;
  border-right: var(--mix_brdr_btrDkr);
  border-top: var(--mix_brdr_btrDkr);
  min-width: 40px;
}
.table_st2--checkOut2 tbody th:first-child{border-left: var(--mix_brdr_btrDkr);}
.table_st2--checkOut2 tbody tr:first-child th{border-radius: 9px 0 0 0; }
.table_st2--checkOut2 tbody tr:last-child th{border-radius: 0 0 0 9px; border-bottom: var(--mix_brdr_btrDkr);}

.table_st2--checkOut2 tbody td{
  border: unset;
  border-right: var(--mix_brdr_btrDkr);
  border-top: var(--mix_brdr_btrDkr);
  text-align: left !important;
}
.table_st2--checkOut2 tbody tr:first-child td{border-radius: 0 9px 0 0; }
.table_st2--checkOut2 tbody tr:last-child td{border-radius: 0 0 9px 0; border-bottom: var(--mix_brdr_btrDkr);}
/* ------------------------ */

/* table_st2-cInfoM(모바일 적용_과정 상세 팝업에 적용) */
.table_st2-cInfoM_cont{border-collapse: separate; border-spacing: 0;}
.table_st2-cInfoM_cont col{width:16.7%;}
.table_st2-cInfoM_cont thead th:first-child{border-radius: 9px 0 0 0;}
.table_st2-cInfoM_cont thead th:last-child{border-radius: 0 9px 0 0; border-right: var(--mix_brdr_btrDkr);}
.table_st2-cInfoM_cont tbody tr:last-child th{border-bottom: var(--mix_brdr_btrDkr); border-radius: 0 0 0 9px;}
.table_st2-cInfoM_cont tbody tr:last-child td{border-bottom: var(--mix_brdr_btrDkr); border-radius: 0 0 9px 0;}
.table_st2-cInfoM_cont th{
  border:unset;
  border-left:var(--mix_brdr_btrDkr); border-top:var(--mix_brdr_btrDkr);
}
.table_st2-cInfoM_cont th:first-child{width: 94px;}
.table_st2-cInfoM_cont td{border: unset; border-top: var(--mix_brdr_btrDkr); border-right: var(--mix_brdr_btrDkr); border-left: var(--mix_brdr_btrDkr);}

/* ------------------------ */
.table_st2-cInfoM_chSt{display: table; width: 100%; border-collapse: separate; border-spacing: 0;}
.table_st2-cInfoM_chSt col{width: 16.7%;}
.table_st2-cInfoM_chSt thead{ min-width: unset; display: table-header-group; float: unset;}
.table_st2-cInfoM_chSt thead th:first-child{border-radius: 9px 0 0 0; border-left: var(--mix_brdr_btrDkr);}
.table_st2-cInfoM_chSt thead th:last-child{border-radius: 0 9px 0 0;}
.table_st2-cInfoM_chSt tbody{width: unset; display: table-row-group; margin: unset;}
.table_st2-cInfoM_chSt tbody tr { display: table-row; width: unset; }
.table_st2-cInfoM_chSt tbody:last-of-type td:nth-child(6){border-radius: 0 0 9px 0; border-bottom: var(--mix_brdr_btrDkr);}
.table_st2-cInfoM_chSt tbody th{border-left: var(--mix_brdr_btrDkr);}
.table_st2-cInfoM_chSt tbody tr:last-child:last-of-type th{border-radius: 0 0 0 9px;}
.table_st2-cInfoM_chSt tbody tr:last-child:last-of-type th,
.table_st2-cInfoM_chSt tbody tr:last-child:last-of-type td{border-bottom: var(--mix_brdr_btrDkr);}

.table_st2-cInfoM_chSt tr{display: table-row; width: unset; }
.table_st2-cInfoM_chSt th{
  display: table-cell; width: 16.7%;
  height: 48px;
  margin-top: unset; border: unset;
  border-top: var(--mix_brdr_btrDkr);
  border-right: var(--mix_brdr_btrDkr);
}
.table_st2-cInfoM_chSt td{
  display: table-cell;
  width: 16.7%; height: 48px;
  margin-top: 0; padding-left: 0;
  border: unset; border-right: var(--mix_brdr_btrDkr); border-top: var(--mix_brdr_btrDkr);
}
.table_st2-cInfoM_chSt td p{font-size: inherit;}
/* ------------------------ */

/* 과제 유의사항 테이블 */
.table_st2--exAgree{
  margin-top: 20px; margin-bottom: 0;
  border-collapse: separate; border-spacing: 0;
}
.table_st2--exAgree th,
.table_st2--exAgree td{border:unset; border-top: var(--mix_brdr_btrDkr); border-right: var(--mix_brdr_btrDkr);}
.table_st2--exAgree th{border-left: var(--mix_brdr_btrDkr);}
.table_st2--exAgree tr:first-child th{border-radius: 9px 0 0 0;}
.table_st2--exAgree tr:first-child td{border-radius: 0 9px 0 0;}
.table_st2--exAgree tr:last-child th{border-radius: 0 0 0 9px; border-bottom: var(--mix_brdr_btrDkr);}
.table_st2--exAgree tr:last-child td{border-radius: 0 0 9px 0; border-bottom: var(--mix_brdr_btrDkr);}

.table_st2--exAgree th{background-color: var(--clr_smWhite); font-weight: 700; word-break: keep-all;}
.table_st2--exAgree .exAgreeCheck{margin-bottom: 50px;}
.table_st2--exAgree .exAgreeCont_ul{width: 100%;}
/* ----------------------------------------------- */

/* 문제 난이도 선택 */
.table_st2--tabC{
  width: 100%; background-color: #ffffff; color:var(--clr_black_mn);
  border-collapse: separate; border-spacing: 0;
  flex: 1;
}
.table_st2--tabC th{
  text-align: center; word-break: keep-all;
  width: 12%; min-width: fit-content;
}
.table_st2--tabC tr:first-child{height: 100%;}
.table_st2--tabC td:has(.difLevel_td--fr){vertical-align: top;}
.table_st2--tabC th{
  border: unset;
  border-left: var(--mix_brdr_btrDkr);
  border-top: var(--mix_brdr_btrDkr); border-right: var(--mix_brdr_btrDkr);
}
.table_st2--tabC td{
  border: unset;
  border-top: var(--mix_brdr_btrDkr); border-right: var(--mix_brdr_btrDkr);
  text-align: left !important;
}
.table_st2--tabC tr:first-child th{border-radius: 9px 0 0 0;}
.table_st2--tabC tr:first-child td{border-radius: 0 9px 0 0;}
.table_st2--tabC tr:last-child th{border-radius: 0 0 0 9px; border-bottom: var(--mix_brdr_btrDkr);}
.table_st2--tabC tr:last-child td{border-radius: 0 0 9px 0; border-bottom: var(--mix_brdr_btrDkr);}

.table_st2--tabC td{ font-size: 14px; line-height: 20px;}
/* ------------------------ */

/* 개인정보 처리방침, 환불규정 */
.table_st2--pol{border-collapse: separate; border-spacing: 0; margin-top: 10px; margin-bottom: 5px;}
.table_st2--pol th,
.table_st2--pol td{border:unset; border-top: var(--mix_brdr_btrDkr); border-right: var(--mix_brdr_btrDkr); padding: 10px !important; font-size: 14px; line-height: 20px;}
.table_st2--pol th{font-weight:400; word-break: auto-phrase;}
.table_st2--pol td{color: var(--clr_black_ex);}
/* ------------------------ */


/* ---table_detTop(과정 상세에 적용) ---*/
.table_detTop{
  width: 100%; margin-top: 20px;
  border-collapse: separate;
  border-spacing: 0; border-radius: 9px;
  overflow: hidden; border: var(--mix_brdr_btrDkr);
}
.table_detTop--noneBrdLft{border-left: unset !important;}
.table_detTop--noneBrdBtt{border-bottom: unset !important;}
.table_detTop--noneBrdRgt{border-right: unset !important;}

.table_detTop thead{height:58px;}
.table_detTop thead th,
.table_detTop tbody th,
.table_detTop tbody td{padding: 4px;}
.table_detTop thead th,
.table_detTop tbody th{
  background-color: var(--clr_smWhite);
  border-bottom: var(--mix_brdr_btrDkr); border-right: var(--mix_brdr_btrDkr);
  color: var(--clr_black_mn);
  font-weight: 700 !important; word-break: keep-all;
}
.table_detTop thead th:last-child,
.table_detTop tbody th:last-child{border-right: unset;}
.table_detTop tbody th:first-child{font-weight: 700;}
.table_detTop tbody tr{height: 50px;}
.table_detTop tbody tr:first-child td:last-child{border-right: unset; border-bottom: unset;}
.table_detTop tbody tr:last-child td{border-bottom: unset;}
.table_detTop tbody td{
  border-bottom: var(--mix_brdr_btrDkr);
  border-right: var(--mix_brdr_btrDkr);
  font-weight: 400;  color: var(--clr_black_mn);
  word-break: keep-all; text-align: center;
}
.table_detTop .spanDp{display: inline;}
.table_detTop b{color: var(--clr_blue); font-weight: 400;}
/* ------------------------ */

/* ----------List_st1 ---------- */
.List_st1{width: 100%; margin: 0 auto 20px; margin-bottom: 30px;}
.ul-topHead{
  display: flex; width: 100%;
  border: 1px solid var(--clr_smWhite); border-radius: 9px 9px 0 0;
  border-bottom: 1px solid var(--mix_clr_btr); background-color: var(--clr_smWhite);
}
.ul-topHead .li-top{font-weight: 700; color: var(--clr_black_mn); text-align: center;}
.ul-topHead .li-top, .ul-contHead .li-cont{display: flex; align-items:center; justify-content: center;}
.ul-topHeadView .li-top, .ul-contHeadView .li-cont{display: block;}
.ul-contHead .li-cont.list_tit{justify-content: flex-start;}
.ul-contHead .li-cont.listV_txt{justify-content: flex-start; align-items: flex-start;}
.ul-contHead{ border: 1px solid var(--mix_clr_btr); border-top:unset;}
.ul-contHead:last-child{border-radius: 0 0 9px 9px;}
.ul-contWrap{ display: flex; flex-wrap: wrap;}

.ul-contHead .li-cont{font-weight: 400; color: var(--clr_black_mn); text-align: center; height: 40px; line-height:40px;}

.ul-contHead .list_tit{padding: 0 5px; cursor: pointer;}
.listV_day{color: var(--clr_black_ex); font-weight: 400;}
.List_st1 .list_day{width: 14%;}
.List_st1 .list_views{width: 12%;}
.List_st1 .list_titA{
  width: 100%; text-align: left !important;
  display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis;
  -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.List_st1 .list_none{line-height: normal !important;}
/* ------------------------ */

/* ----------List_st1 (List_st1-list3) (학습자료실 / 그린채널 사용) ---------- */
.List_st1-list3 .ul-contWrap{ padding: 0;}
.List_st1-list3 .ul-contHead:hover{background-color:unset;}

/* 학습자료실 */
.List_st1-list3--mater .list_titA--mater{
  width: fit-content;  padding: 3px 15px; box-sizing: border-box;
  overflow: unset; text-overflow: unset;
  -webkit-line-clamp: unset; -webkit-box-orient: unset; word-break: break-word;
  background-color: var(--clr_smWhite); border: var(--mix_brdr_btrDkr); border-radius: 7px;
  color: var(--clr_black_mn);
  width: fit-content;
  display: flex; align-items: center; justify-content: center;
}
.List_st1-list3--mater .list_titA--mater:hover{ border-color: #bbbbbb;}
.List_st1-list3--mater .list_tit{
  margin-bottom: 0px; padding: 7px 6px;
  display:flex; align-items: center; justify-content: center !important;
  width: auto; flex: 1;
}
.List_st1-list3--mater .list_sort{
  display: flex; align-items: center; justify-content: center;
  width: 20%; background-color: unset; border-right: unset;
}
.List_st1-list3--mater .list_fileD{width: 20%; display: flex; align-items: center; justify-content: center;}
.List_st1-list3--mater .list_fileD_aTag{
  height: 20px; line-height:20px; display:inline-block;
  padding: 5px; box-sizing: content-box;
}
.List_st1-list3--mater .list_fileD_aTag img{
  height:100%; width: 100%; object-fit: cover;
  filter: brightness(0) saturate(100%) invert(16%) sepia(25%) saturate(3976%) hue-rotate(196deg) brightness(94%) contrast(91%);
}
.List_st1-list3--mater .list_fileD_aTag:hover img{
  filter: brightness(0) saturate(100%) invert(21%) sepia(56%) saturate(2775%) hue-rotate(196deg) brightness(95%) contrast(90%);
}
/* Safari 브라우저 css 별도 적용 (Safari 에만 적용) */
@supports (-webkit-touch-callout: none) {
  .List_st1-list3--mater .list_fileD_aTag img{object-fit: scale-down;}
}
/* ------------------------ */

/* ----------- List_st1 (List_st1-list4) (공지사항 사용)----------- */
.List_st1-list4 .list_num{ width: 10%; display: flex; align-items: center; justify-content: center;}
.List_st1-list4 .list_tit{flex: 1;}
.List_st1-list4 .list_num-noti,
.List_st1-list4 .list_num-std,
.List_st1-list4 .list_num-gnrl{
  font-size: 14px; font-weight: 400; text-align: center;
  border-radius: 6px; width: 40px; height: 23px; line-height: 24px;
}
.List_st1-list4 .list_num-noti{background-color: var(--clr_pale_red); color: var(--clr_deep_red);}
.List_st1-list4 .list_num-std{background-color: #F0F8FF; color: var(--clr_blue);}
.List_st1-list4 .list_num-gnrl{ border: var(--mix_brdr_btrDkr); background-color: var(--clr_smWhite); color: var(--clr_black_mn);}

/* ----------List_st1 (List_st1-list5) (1:1 상담 사용)---------- */
.List_st1-list5 .li-contSpan{display: unset; text-align: start; min-width: 58px;}
.List_st1-list5 .list_num{ width: 10%;}
.List_st1-list5 .list_tit{ flex: 1;}
.List_st1-list5 .list_state{ width: 10%; }
.List_st1-list5 .list_write{width: 10%; min-width: 40px; text-align: center;}
/* ------------------------ */

/* ----------ListView_st1 (공지사항 뷰, 1:1 상담 뷰 사용)---------- */
/*-- ul-topHeadView --*/
.ul-topHeadView{
  height: auto;
  background-color: var(--clr_smWhite);
  border: 1px solid var(--clr_smWhite);
  border-bottom: 1px solid var(--mix_clr_btr);
  display: flex; flex-direction: column;
  align-items: flex-start; justify-content: space-between;  gap: 15px;
  padding: 14px 12px 8px; color: #262b3b;
}
.ul-topHeadView .li-top{ text-align: center; height: auto !important; }
.ul-topHeadView .listV_tit{ text-align: left !important;}
.ul-topHeadView .listV_tit iframe {
	width: 85% !important; height: 85% !important;
	position: absolute !important; top: 7% !important; left: 7.5% !important;
}
.ul-topHeadView .listV_wd{
  width: 100%; white-space: nowrap;
  display: flex; justify-content: end; align-items: center; gap: 15px;
}

/*-- ul-contHeadView --*/
.ul-contHeadView-txt {border: 1px solid var(--mix_clr_btr); border-top: unset;}
.ListView_st1:has(.ul-contHeadView-down) .ul-contHeadView-txt {
  border-bottom: var(--mix_brdr_btrDkr);
}
.ul-contHeadView-down, .ul-contHeadView-ans { border-bottom: var(--mix_brdr_btrDkr);}

.ul-contHeadView .li-cont{height: auto !important; min-height: 59px;}
.ul-contHeadView .listV_txt{
  text-align: left; word-break: break-all;
}
.ul-contHeadView .listV_txt span*{font-family: 'Pretendard' !important; font-size: 14px !important;}
.ul-contHeadView .listV_downTit{font-weight: 700; margin-bottom: 10px; width: fit-content;}
.listV_downFiWrap{
  display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; column-gap: 8px; row-gap: 6px;
  margin-top: 20px;
}
.listV_downFi{display: flex; align-items: center; justify-content: flex-start; gap: 5px; flex-wrap: wrap;}

.ul-contHeadView .downFi_a{
  font-weight: 400;
  background: var(--clr_smWhite); border: var(--mix_brdr_btrDkr);
  border-radius: 7px; padding: 6px 13px; box-sizing: border-box;
  width: fit-content; display: block;
}
.ul-contHeadView .listV_ans{min-height: 80px; height:auto; text-align: left; color:var(--clr_black_mn);}
.listV_ansTit{margin-bottom: 10px;}
.listV_ansTit h3{font-weight: 700;}
.listV_ansTxt{width: 100%; white-space: pre-wrap; font-size: 15px; line-height: 22px;}
.listV_ansTxt a {color:#0080FF;}
/* ------------------------ */


@media (max-width:767px){
  /* ---------- 평가 테이블 ---------- */
  .downA{font-size:13px;}

  /* ---------- stateColor ---------- */
  .stateColor--wait, .stateColor--prog, .stateColor--comp{font-size: 10px; width: 28px; height: 19px; line-height: 19px; }

  /* ---table_detTop(과정 상세에 적용) ---*/
  .table_detTop thead th,
  .table_detTop tbody th,
  .table_detTop tbody td{font-size: 12px; line-height: 14px;}
  .table_detTop tbody tr{height: 45px;}

  /* ---------- table_st1 ---------- */
  .st1-th{font-size: 14px;}
  .st1-th--Required:before{top:-8px; right:-8px;}
  .st1-th--Required span{display:block;}

  .st1-td *{font-size: 14px;}
  .st1-td .st1-td--brd{padding: 12px;}
  .st1-td input{padding: 0 12px;}
  .st1-td input::placeholder {font-size: 12px;}
  .tdTxtAreaBox{padding: 6px 5px 6px 0; }
  .st1-td textarea{ line-height: 20px; padding: 6px 5px 6px 12px; }
  .table_st1 .msgType_success{right: 12px;}

  /* 마이페이지 */
  .mypageSec .st1-td  input[type=text]#post{max-width: 120px;}

  /* ---------- table_st2 ---------- */
  .table_st2 td{padding: 0 5px; text-align: center}

  /* table_st2-cInfoM_cont */
  .table_st2-cInfoM_cont col{width: auto;}
  .table_st2-cInfoM_cont th:first-child{width: auto; min-width: 60px; max-width: 94px;}
  .table_st2-cInfoM_cont th,
  .table_st2-cInfoM_cont td{font-size: 13px; line-height: 19px; padding: 7px 10px; height: 38px;}
  .table_st2-cInfoM_cont td{text-align: left;}
  /* ------------------------ */

  /* table_st2-cInfoM_chSt */
  /* .table_st2-cInfoM_chSt{display: block;} */
  /* .table_st2-cInfoM_chSt col{width: auto;} */
  /* .table_st2-cInfoM_chSt thead{display: block; float: left; min-width: fit-content; width: 94px;} */
  /* .table_st2-cInfoM_chSt thead th:last-child{border-radius: 0 0 0 9px;} */
  /* .table_st2-cInfoM_chSt tr{display:inline-block; width:100%;} */
  /* .table_st2-cInfoM_chSt th:first-of-type{border-left: var(--mix_brdr_btrDkr);} */
  .table_st2-cInfoM_chSt th,
  .table_st2-cInfoM_chSt td{
    font-size: 13px; padding: 0 5px;
    height: 38px; line-height: 19px;
  }
  .table_st2-cInfoM_chSt tbody{white-space: nowrap;}
  /* .table_st2-cInfoM_chSt tbody{display: inline-block; white-space: nowrap; width: calc(50% - 47px); margin:0 -1px;} */
  /* .table_st2-cInfoM_chSt tbody:last-child{margin: 0px -4px;} */
  /* .table_st2-cInfoM_chSt tbody:last-of-type th{border-radius: 0 9px 0 0;} */
  /* .table_st2-cInfoM_chSt tbody tr{display:inline-block; width:100%;} */
  /* ------------------------ */

  /* 결제 페이지 별도 */
  .table_st2--checkOut1 th,
  .table_st2--checkOut1 td,
  .table_st2--checkOut2 th,
  .table_st2--checkOut2 td{font-size: 12px; line-height: 16px; padding: 7px 10px;}
  /* ------------------------ */

  /* 과제 유의사항 테이블 */
  .table_st2--exAgree th{font-size: 13px; line-height: 19px; width: 58px; }
  .table_st2--exAgree td{text-align:left; padding: 12px;}
  .table_st2--exAgree td .exAgreeCont_ulLi{padding-left: 16px;	text-indent: -16px;}

  /* 문제 난이도 선택 */
  .table_st2--tabC th,
  .table_st2--tabC td,
  .table_st2--tabC td p{font-size: 13px; line-height: 18px;}
  .table_st2--tabC td{padding: 12px;}

  /* 개인정보 처리방침, 환불규정 */
  .table_st2--pol th, .table_st2--pol td{font-size: 13px; padding: 10px 5px !important;}
  .table_st2--pol td a[href^="mailto:"] {font-size: 11px;}


  /* ---table_detTop(과정 상세에 적용) ---*/
  .table_detTop .spanDp{display: block;}


  /* ----------List_st1 ---------- */
  .List_st1 .list_day{width: 74px; margin-right: 8px;}
  .List_st1 .list_views{width: 50px;}
  .ul-contHead:has(.list_none){border: none !important; border-top: unset !important;}
  .List_st1 .list_none{margin: 80px 0; }
  .ul-topHead:not(.ul-topHeadView){display: none;}
  .ul-topHead .li-top,
  .ul-contHead .li-cont--top{height: 40px;}
  .ul-topHead .li-top.listV_tit{font-size: 14px; line-height: 19px;}
  .ul-topHead .li-top.listV_wd{font-size: 12px; line-height: 16px;}
  .ul-contHead .li-cont{font-size: 13px; line-height: 18px;}
  .ul-contHead:nth-child(1) {
    border-top: 1px solid var(--mix_clr_btr); border-radius: 9px 9px 0 0; overflow: hidden;
  }
  .ul-contHead:only-child {border-radius: 9px;}

  .ul-topHeadView{padding: 12px; flex-direction: column;}
  .ul-contHeadView{padding: 12px;}
  .ul-contHeadView .downFi_a{font-size: 12px; padding: 4px 10px;}
  .listV_ansTit{font-size: 14px;}
  .listV_ansTxt{font-size: 13px;}


  /* ----------List_st4 ---------- */
  .List_st1-list4 .list_num{width: 38px;}
  .List_st1-list4 .list_num-noti{margin-left: 10px;}
  .List_st1-list4 .list_num-noti,
  .List_st1-list4 .list_num-std,
  .List_st1-list4 .list_num-gnrl{font-size: 10px; width: 26px; height: 20px; line-height: 21px; border-radius: 4px;}

  /* ------ List_st1-list3--mater (학습자료실)------ */
  .List_st1-list3--mater .ul-topHead .li-top,
  .List_st1-list3--mater .ul-contHead .li-cont--top{min-height: 40px; height: auto;}
  .List_st1-list3--mater .list_titA--mater{font-size: 12px; min-height: 26px;}
  .List_st1-list3--mater .list_sort{
    width: 75px; background-color: var(--clr_smWhite);
    border-right: 1px solid var(--mix_clr_btr);
  }
  .List_st1-list3--mater .list_fileD{width: 45px;}
  .List_st1-list3--mater .list_fileD_aTag{height: 17px; line-height:17px;}

  /* ----------List_st1-list5---------- */
  .List_st1-list5 .list_num{width: 34px;}
  .List_st1-list5 .list_state{width: fit-content; padding-right: 2px;}
  .List_st1-list5 .list_write{width: 40px;}
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* ---table_detTop(과정 상세에 적용) ---*/
  .table_detTop thead th,
  .table_detTop tbody th,
  .table_detTop tbody td{font-size: 14px; line-height: 16px;}

  /* ---------- table_st1 ---------- */
  .st1-th{font-size: 14px; }
  .st1-td *{font-size: 14px;}
  .st1-td input::placeholder{font-size: 14px}
  .st1-td input{padding: 0 15px;}
  .tdTxtAreaBox{padding: 7.5px 7px 7.5px 0;}
  .st1-td textarea{padding: 7.5px 7px 7.5px 15px; line-height: 22px;}
  .st1-td .st1-td--brd{padding: 12px 15px;}
  .table_st1 .msgType_success{right: 24px;}

  /* ---------- table_st2 ---------- */
  .table_st2-cInfoM_cont th,
  .table_st2-cInfoM_cont td{font-size: 14px; line-height: 19px; padding: 10px 12px;}

  .table_st2-cInfoM_chSt th,
  .table_st2-cInfoM_chSt td{font-size: 14px; padding: 0 12px;}

  /* 결제 페이지 별도 */
  .table_st2--checkOut1 th,
  .table_st2--checkOut1 td,
  .table_st2--checkOut2 th,
  .table_st2--checkOut2 td{font-size: 13px; line-height: 18px; padding: 10px 12px;}

  /* 과제 유의사항 테이블 */
  .table_st2--exAgree th{font-size: 14px; line-height: 21px; width: fit-content; padding: 7px;}
  .table_st2--exAgree td{padding: 18px;}
  .table_st2--exAgree td .exAgreeCont_ulLi{padding-left: 17px;	text-indent: -17px;}

  /* 문제 난이도 선택 */
  .table_st2--tabC th{font-size:14px; line-height: 20px; width: 85px;}
  .table_st2--tabC td{padding: 15px;}


  /* ----------List_st1 ---------- */
  .ul-topHead .li-top,
  .ul-contHead .li-cont--top{height: 48px;}
  .ul-topHead .li-top.listV_tit{font-size: 15px; line-height: 22px;}
  .ul-topHead .li-top.listV_wd{font-size: 14px; line-height: 16px;}
  .ul-contHead .li-cont{font-size: 14px; line-height: 20px;}
  .listV_ansTit{font-size: 15px;}
  .listV_ansTxt{font-size: 14px;}

  .ul-topHeadView{padding: 15px;}
  .ul-contHeadView{padding: 15px;}
  .ul-contHeadView .downFi_a{font-size: 13px;}

  /* ------ List_st1-list3--mater (학습자료실)------ */
  .List_st1-list3--mater .ul-topHead .li-top,
  .List_st1-list3--mater .ul-contHead .li-cont--top{min-height: 48px; height: auto;}
  .List_st1-list3--mater .list_titA--mater{font-size: 14px; min-height: 30px;}

  /* ----------List_st1-list4 ---------- */
  .List_st1-list4 .list_num-noti,
  .List_st1-list4 .list_num-std,
  .List_st1-list4 .list_num-gnrl{font-size: 12px; width: 32px; height: 22px; line-height: 22px; border-radius: 6px;}
}

@media all and (min-width:1024px){
  /* ---table_detTop(과정 상세에 적용) ---*/
  .table_detTop thead th,
  .table_detTop tbody th,
  .table_detTop tbody td{font-size: 16px; line-height: 19px;}


  /* ---------- table_st1 ---------- */
  .st1-th{padding: 0 20px; font-size: 16px; line-height:18px;}
  .st1-td *{font-size: 16px;}
  .st1-td input::placeholder{font-size: 16px;}
  .st1-td input[type=text],
  .st1-td input[type=password],
  .st1-td input[type=email]{height: 40px; line-height: 40px; border-radius: 9px;}
  .st1-td input[type="radio"]:checked{margin-top: -1px;}


  .st1-td .st1-td--brd{padding: 15px 20px; min-height: 72px;}
  .st1-td .st1-td--brd:has(.hasInpCheckM){flex-direction:row; align-items: center;}
  .st1-td input{padding: 0 20px; padding-top: 2px;}
  .tdTxtAreaBox{padding: 10px 10px 10px 0; border-radius: 9px;}
  .st1-td textarea{line-height:24px; padding: 10px 10px 10px 20px;}
  /* ------------------------ */


  /* ---------- table_st2 ---------- */
  .table_st2-cInfoM_cont th,
  .table_st2-cInfoM_cont td{font-size: 15px; line-height: 20px; padding: 14px;}

  .table_st2-cInfoM_chSt th,
  .table_st2-cInfoM_chSt td{font-size: 15px; padding: 0 14px;}

  /* 결제 페이지 별도 */
  .table_st2--checkOut1 th,
  .table_st2--checkOut1 td,
  .table_st2--checkOut2 th,
  .table_st2--checkOut2 td{font-size: 14px; line-height: 20px; padding: 14px;}

  /* 과제 유의사항 테이블 */
  .table_st2--exAgree th{font-size: 15px; line-height: 24px; width: fit-content; padding: 12px;}
  .table_st2--exAgree td{padding: 24px;}

  /* 문제 난이도 선택 */
  .table_st2--tabC th{font-size:15px; line-height: 22px; width: 110px;}
  .table_st2--tabC td{padding: 20px;}

  /* 개인정보 처리방침, 환불규정 */
  .table_st2--pol th, .table_st2--pol td{font-size: 15px; line-height: 22px; padding: 12px 14px !important;}
  /* ------------------------ */

  /* ----------List_st1 ---------- */
  .ul-topHead .li-top,
  .ul-contHead .li-cont--top{height: 59px;}
  .ul-topHead .li-top.listV_tit{font-size: 16px; line-height: 22px;}
  .ul-topHead .li-top.listV_wd{font-size: 15px; line-height: 15px;}
  .ul-contHead .li-cont{font-size: 15px; line-height: 22px;}
  .ul-contHead .list_day{font-weight: 400; color: var(--clr_black_ex);}
  .listV_ansTit{font-size: 16px;}
  .listV_ansTxt{font-size: 15px;}

  .ul-topHeadView,
  .ul-contHeadView{padding: 18px 20px;}
  .ul-contHeadView .downFi_a{font-size: 14px;}


  /* ------ List_st1-list3--mater (학습자료실)------ */
  .List_st1-list3--mater .ul-topHead .li-top,
  .List_st1-list3--mater .ul-contHead .li-cont--top{min-height: 59px; height: auto;}
  .List_st1-list3--mater .list_titA--mater{font-size: 16px; min-height: 35px;}
}