/*교재 배송 주소지 입력 관련*/
.bookPostInfo {color:#193b6a; font-weight:bold;}
/* 테이블 반응형 */
/* @media screen and (max-width:1050px) {
	.table-responsive{border: 0; overflow-x: scroll; overflow-y: hidden}
	.table-responsive table{margin-top: 60px; white-space: nowrap}
}
@media screen and (max-width:991px) {
	.table-responsive:before{content: '→ 스크롤 하세요'; width: calc(100% - 40px); height: 35px; padding: 0px 10px; border-radius: 4px; display: inline-block; position: absolute; color: #ffffff; font-size: 12px; font-family: '돋움', Dotum; line-height: 35px; background: #4c4c4c}
} */

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

/* 평가 부분에 포함 (첨부 가능한 파일형식 안내 text) */
.fileExpBox{
	display: block; word-break:break-word; color: #555;
	font-size: 12px;font-weight: 500;margin-top: 10px;
}
/* ------------------------ */

/* 공통 사용 가능 영역 */
/* ---------- stateColor ---------- */
.stateColor--wait, .stateColor--prog, .stateColor--comp{
  display: inline-block;
  font-size: 12px; font-weight: 500;
  width: 32px; height: 20px; line-height: 19px;
  padding-left: 1px; letter-spacing: 0.3px;
  color: #fff; border-radius: 2px;
}
.stateColor--wait{ border: 1px solid #ff6520; background-color: #ff844d;}
.stateColor--prog{ border: 1px solid #299218; background-color: #6cb960;}
.stateColor--comp{ border: 1px solid #001270; background-color: #283da8; }

.stateColor--waitV, .stateColor--progV, .stateColor--compV{
  letter-spacing: 1.5px; font-size:13px; font-weight: 700;
}
.stateColor--waitV{ color: #ff824a;}
.stateColor--progV{ color: #4db33d;}
.stateColor--compV{ color: #437cdc;}
/* ------------------------ */

/* ---------- 테이블에서 사용하는 버튼 ---------- */
.uploadBtn, 
.usedInTbtn {
  min-width: 60px !important; height: 28px !important; line-height: 29px !important;
  background-color: #28559B !important; background-color: #3C5088  !important; border-radius: 2.5px !important;
  color: #fff !important; border: none !important;
  font-size: 12px !important; font-weight: 500 !important;
  text-align: center !important; letter-spacing: 0.1px;
  padding: 0 7px !important; cursor: pointer;
  position: relative;
}
.uploadBtn{pointer-events: none;}

/* ---------- 라디오 버튼 ---------- */
.hasInpInfoM:has(.hasRadioBox){padding-top: 1px;}
.hasRadioBox{display: flex; align-items: center; gap: 15px;}
.radioBox{display: inline-flex; align-items: normal; gap: 3px;}
/* ------------------------ */

/* ---------- input 메세지 ---------- */
.hasInpCheckM{flex-wrap: wrap; display: flex; align-items: center; column-gap: 10px; row-gap: 5px;}
.inpCheckM{
  font-size: 12px; font-weight: 500; word-break: keep-all;
  position:relative; padding-left: 13px;
}
.inpCheckM--req{color: #ff3535;}
.inpCheckM--confi{color: #02bc63;}

.inpCheckM--req::before{
  content: '✖';
  position: absolute; left: 0; top: 1px;
  line-height: 13px;
}
.inpCheckM--confi::before{
  content: '✔';
  position: absolute; left: 0; top: 1px;
  line-height: 13px;
}
.hasInpInfoM{
  flex-wrap: wrap; display: flex; align-items: center;
  column-gap: 12px; row-gap: 5px;
}
.inpInfoM{
  position: relative;
  font-size: 12px; font-weight: 500; color: #ff7029; word-break: keep-all;
  padding-top: 1px; padding-left: 11px;
}
.inpInfoM:before{
  content: "*";
  position: absolute; top:8px; left: 0;
  font-size: 15px; line-height: 7px;
}

/* flex 박스 관련 */
.hasInpFlex{
  flex-wrap: wrap; display: flex; align-items: center;
  column-gap: 5px; row-gap: 5px;
}
.hasInpFlex:has(#user_id),.hasInpFlex:has(#chphone){flex-wrap: unset;}
.hasInpFlex:has(#user_id) #user_id,
.hasInpFlex:has(#user_id) #chphone{width: calc(100% - 65px);}
/* ------------------------ */

/* ---------- table_st1 ---------- */
.table_st1{
  width: 100%; border-top: 2px solid #40547fe8; margin-bottom: 20px;
}
.table_st1_title{
  color: #193b6a;
  font-size: 19px; font-weight: 700;
  letter-spacing: -0.5px; margin-bottom: 12px;
}
.table_st1_title:has(.titleExTxt){    
  display: flex; justify-content: space-between; align-items: end;
  flex-wrap: wrap; row-gap: 5px; column-gap: 15px;
}
.titleExTxt{
  font-size: 13px; font-weight: 500; word-break: keep-all;
  line-height: 16px; color: #949494;
  padding-left: 12px;
  position: relative;
}
.titleExTxt:before{
  content: '※';
  position: absolute; left:0; top: 7.5px;
  transform: translateY(-50%);
  font-size: 15px; font-weight: 400;
}
.st1-tr{ height: 48px; border-bottom: 1px solid #dadedee6;}
.st1-tr:last-child{border-bottom: 1px solid #dadede;}
.st1-th{
  min-width: 50px;
  color: #12376c;
  font-size: 13px; font-weight:600; text-align: left;
  word-break: keep-all; line-height: 14px;
  background-color: #eff4fa8f;
  border-right: 1px dashed #dadede; border-bottom: 1px solid #cfdce2b5;
  padding: 0 12px;
}
.st1-th--Required{display: inline-block; position: relative;}
.st1-th--Required:before{
  content: '*';
  position: absolute; top: -10px; left: -3px;
  color: #E52125 ;
}
.st1-th:has(.st1-th--Required){height: 60px;}
.st1-td{
  min-height: 48px; padding: 8px 10px;
  font-size: 14px; font-weight: 500; color: #252525;
}
.st1-td input[type=radio]{height: unset;} 
.st1-td input, .st1-td textarea, .st1-td select{
  border-radius: 2.5px; outline: unset;
  border: 1px solid #dddddd; background-color: #fbfbfb; color: #000000;
  padding: 7px; font-weight: 400; font-size: 14px;
  cursor: pointer;
}
.st1-td input{ height: 28px; position: relative; text-overflow: ellipsis;}
.st1-td input::placeholder {
  font-size: 12px; font-weight: 500; color: rgb(150, 150, 150);
  position: absolute; left: 5px; top: 7px;
}
.st1-td select{height: 28px; padding: 0 7px;}
.st1-td select::-webkit-scrollbar{width: 4px; cursor: pointer;}
.st1-td select::-webkit-scrollbar-thumb{height: 20% !important; background-color: #b3b6bd; border-radius: 10px; cursor: pointer;}
.st1-td select::-webkit-scrollbar-track{background-color: #e8e8e8;}

.st1-td textarea{ min-height: 300px;}
.st1-td textarea::-webkit-scrollbar{width: 6px; cursor: pointer;}
.st1-td textarea::-webkit-scrollbar-thumb{height: 20% !important; background-color: #b3b6bd; border-radius: 10px; cursor: pointer;}
.st1-td textarea::-webkit-scrollbar-track{background-color: #e8e8e8;}

/* firefox 브라우져 css 별도 적용 */
.st1-td select, .st1-td textarea{
  scrollbar-width: thin; /* 스크롤바 두께 */
  scrollbar-color: #b3b6bd #e8e8e8; /* 손잡이 색상과 트랙 색상 */
}
/* ------------------------ */


/* ----사이트 별도 지정------ */
/* jeahu (제휴제안 페이지) */
.jeahu select,
.jeahu input[type=text],
.jeahu input[type=password],
.jeahu input[type=tel],
.jeahu input[type=email]{width: 100%; max-width: 250px;}


/* joinSec (회원가입 페이지) */
.joinSec .table_st1 col:first-child{width: 10%;}
.joinSec .table_st1 col:last-child{width: 90%;}
.joinSec select,
.joinSec input[type=text],
.joinSec input[type=password],
.joinSec input[type=tel],
.joinSec input[type=email]{width: 100%; max-width: 250px;}

/* mypageSec (마이페이지) */
.mypageSec .st1-td select,
.mypageSec input[type=text],
.mypageSec input[type=password],
.mypageSec input[type=email]{width: 100%; max-width: 250px;}

/* 마이페이지->우편번호찾기 */
.addressGroup{display: flex; flex-direction: column; gap: 5px; margin-bottom: 5px;}
.address_zip{max-width: 100px !important;}
.address_detail1{max-width: 400px !important;}

/* 전화번호 입력 형식 예시 text */
.hasFormPhtxt{display: flex; align-items: center; column-gap: 10px; row-gap: 5px; flex-wrap: wrap;}
.formPhtxt{color: #8c8c8c;}
/* ------------------------ */

/* ---------- table_st2 ---------- */
.table_st2{width: 100%}
.table_st2 th{
  height: 40px; 
  border: 1px solid #d5dbe3; background-color: #e7eef878;
  font-weight: normal; text-align: center;
  font-size: 14px; font-weight: 600; color: #222631;
}
.table_st2 td{
  height: 37px; padding-left: 16px; background-color: #fff; border: 1px solid #dcdcdc; text-align: left;
  font-size: 14px; font-weight: 600; color: #353535;
}
.table_st2 .t01_con02{width: 100px; height: 37px}


@media screen and (max-width:767px) {
	.table_st2 th:first-child{width: 70px}
	.table_st2 td{padding: 0 5px; text-align: center}
}
/* ------------------------ */

/* ---table_st2-cInfoM(모바일 적용_과정 상세 팝업에 적용) ---*/
.table_st2-cInfoM_cont col:first-child{ width: 82px;}
.table_st2-cInfoM_cont th, 
.table_st2-cInfoM_cont td{font-size: 13px;}
.table_st2-cInfoM_chSt{width: 100%; display: block;}
.table_st2-cInfoM_chSt thead{
  display: block; float: left;
  min-width: fit-content; width: 82px;
}
.table_st2-cInfoM_chSt tr{display:inline-block; width:100%;}
.courSubD_info:has(.table_st2-cInfoM_chSt) .table_st2 th:first-child{width:unset;}

.table_st2-cInfoM_chSt tbody{
  display: inline-block; white-space: nowrap;
  width: calc(50% - 41px); margin:0 -1px;
}
.table_st2-cInfoM_chSt tbody:last-child{margin: 0px -4px;}
.table_st2-cInfoM_chSt tbody tr{display:inline-block; width:100%;}
.table_st2-cInfoM_chSt th{
  display: block;
  width: 100%; height: 34px; line-height: 34px;
  padding: 0 5px; margin-top: -1px;
  font-size: 13px;
}
.table_st2-cInfoM_chSt td{
  display: block;
  width: 100%; height: 34px; line-height: 34px;
  margin-top: -1px; font-size: 13px;
}
/* ------------------------ */

/* ---------- table_st3 ---------- */
.table_st3{
  width: 100%; margin-bottom: 20px; background-color: #ffffff; font-size: 14px; line-height: 1.6em
}
.table_st3 th{
  border: 1px solid #bbbbbb; background-color: #f4f4f4; text-align: center;
  width: 44px !important; padding: 10px 8px !important; word-break: keep-all !important; line-height: 17px !important; font-size: 13px !important; font-weight: 600;
}
.table_st3 td{
  padding: 10px 15px; border: 1px solid #bbb;
  font-size: 13px !important; line-height: 16px;
}
.table_st3 td p{font-size: 13px !important;}
.table_st3 input[type="file"]{width: 100%; padding: 2px; border: 1px solid #bcbcbc; background-color: #ebebeb}
.table_st3 textarea{width: 100%; height: 300px; padding: 10px; font-size: 14px; resize: none}

/* 사이트 별도 지정 (회원가입) */
.table_st3--join th{padding: 5px;}
.table_st3--join td{word-break: keep-all; padding: 5px;}
/* ------------------------ */


/* ---table_detTop(과정 상세에 적용) ---*/
.table_detTop{width: 100%; margin-top: 20px;}
.table_detTop thead{height:36px;}
.table_detTop thead th{
  background-color: #193b6a; border: 1px solid #193b6a ; color: #fff ;
  font-weight: 500 !important;
  font-size: 13px;
  word-break: keep-all;
}
.table_detTop tbody th{
  background-color: #dae5f48c; color: #000d27; border: 1px solid #ccd6e4;
  font-size: 13px; font-weight: 600; word-break: keep-all;
  padding: 3px;
}
.table_detTop tbody td{
  border: 1px solid #dcdcdc;
  font-size: 13px; font-weight: 500; line-height: 17px;
  color: #000; text-align: left;
  word-break: keep-all;
  padding: 10px 4px;
}
.table_detTop .spanDp{display: block;}
.table_detTop b{color: #336db2; font-weight: 600;}
/* ------------------------ */

/* ----------List_st1 ---------- */
.List_st1{
  width: 100%; margin: 0 auto 20px; margin-bottom: 30px; 
  border-top: 2px solid #40547fe8;
}
.ul-topHead{
  display: none; width: 100%;
  border-bottom: 1px solid #dadede; background-color: #eff4fa8f;
}
.ul-topHead .li-top{
  color: #193b6a; font-size: 14px; font-weight: 700;
  text-align: center;
}
.ul-contHead{ border-bottom: 1px solid #dadede; color: #3d3d3d; font-weight:500;}
.ul-contHead:hover{background-color:#fdfdfd;}
.ul-contHead:has(.list_none):hover{background-color: unset;}
.ul-contWrap{ display: flex; flex-wrap: wrap; padding: 2px 2px 1px 2px;}
.ul-contHead .li-cont{font-size: 14px; text-align: center;}
.li-cont--top{height: 40px; line-height:40px; margin-bottom: 2px ;}
.li-cont--bott{height: 30px; line-height: 30px; padding: 0 10px 0 0;}
.ul-contHead .list_tit{padding: 0 5px; cursor: pointer;}
.ul-contHead .list_views,
.ul-contHead .list_day{font-size: 12px;}
.List_st1 .list_titA{
  text-align: left !important;
  display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.List_st1 .li-contSpan{ display: flex; align-items: center; justify-content: start; gap:4px;}

/* 수정 */
/* 이미지박스 */
.List_st1 .li-contSpan .eyeIcon{width: 13px; height: 12px; fill:#464646;}
.List_st1 .li-contSpan .calendarIcon{ width: 13px; height: 12px; fill:#464646;}
.List_st1 .li-contSpan .penIcon{width: 12px; height: 11px; fill:#464646;}
.List_st1 .list_none{padding:25px 0; line-height: normal;}
/* ------------------------ */

/* ----------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; line-height: 13px; padding: 5px 10px 4px;
  overflow: unset; text-overflow: unset;
  -webkit-line-clamp: unset; -webkit-box-orient: unset; word-break: break-word;
  background-color: #f9f9f9; border: 1px solid #d0d0d0; border-radius: 3px;
  color: #4b78d4; font-size: 12px;
}
.List_st1-list3--mater .list_titA--mater:hover{ border-color: #bbbbbb;}
.List_st1-list3--mater .list_tit{
  width: calc(100% - 119px);
  margin-bottom: 0px; padding: 8px 6px;
  display:flex; align-items: center; justify-content: center;
}
.List_st1-list3--mater .list_sort{
  width: 84px; font-weight: 600; font-size: 13px;
  background-color: #eff4fa8f; border-right: 1px solid #dadede;
  display: flex; align-items: center; justify-content: center;
}
.List_st1-list3--mater .list_fileD{
  width: 35px;
  display: flex; align-items: center; justify-content: center;
}
.List_st1-list3--mater .list_fileD_aTag{
  height: 17px; line-height:17px; 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-list3--gch{}
.List_st1-list3--gch .ul-contWrap{padding: 5px 0; align-items: center; row-gap: 5px;}
.List_st1-list3--gch .thumbBox{width: 50px; height: 74px; background-color: #000;}
.List_st1-list3--gch .thumbBox img{width: 100%; height: 100%; object-fit: contain;}
.List_st1-list3--gch .list_tit{width: calc(100% - 50px); padding: 0 10px;}
.List_st1-list3--gch .list_views{min-width: 52px; flex: 1; padding-right: 10px;}
.List_st1-list3--gch .li-contSpan{justify-content: end;}
.List_st1-list3--gch .list_titA{text-align: left; padding: 10px 0;}
.List_st1-list3--gch .list_tit .mainTit{
  font-size: 14px; font-weight: 600;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.List_st1-list3--gch .list_tit .subTxt{
  font-size: 13px; font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* ------------------------ */

/* ----------- List_st1 (List_st1-list4) (공지사항 사용)----------- */
/* .List_st1-list4 .li-contSpan{text-align: start;} */
.List_st1-list4 .list_num{ width: 34px;}
.List_st1-list4 .list_tit{ width: calc(100% - 34px); }
.List_st1-list4 .list_views{ flex-grow: 1; display: flex; align-items: center; justify-content: end;}
.List_st1-list4 .list_day{ width: 100px;}
.List_st1-list4 .list_num-noti{
  height: 18px; line-height: 17px;
  font-size: 11px; font-weight: 600; letter-spacing: 1px;  
  display: inline-block; box-sizing: border-box;
  border: 1px solid #fc6161b3; color: #e14848; border-radius: 2px;
  background-color: #fffcfc;
  padding: 0px 2px 0px 3.2px;
}/* 공지 */
/* ------------------------ */

/* ----------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: 34px;}
.List_st1-list5 .list_tit{ width: calc(100% - 72px); }
.List_st1-list5 .list_state{ width: 38px; padding: 0;}
.List_st1-list5 .list_write{ flex-grow: 1 ; display: flex; align-items: center; justify-content: end;}
.List_st1-list5 .list_day{ width: 110px;}
/* ------------------------ */

/* ----------ListView_st1 (공지사항 뷰, 1:1상담 뷰 사용)---------- */
/*-- ul-topHeadView --*/
.ul-topHeadView{
  height: auto;
  background-color: #eff4fa8f;
  border-bottom: 1px solid #dadede;
  display: flex; flex-direction: column;
  align-items: flex-start; justify-content: flex-start;  gap: 25px;
  padding: 14px 12px 8px;
  color: #262b3b;
}
.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  .liV-top{ text-align: center;}
.ul-topHeadView .listV_wd{
  font-size: 13px;  width: 100%; white-space: nowrap;
  display: flex; justify-content: end; gap: 15px;
}
.ul-topHeadView .listV_subj, .ul-topHeadView .listV_day{font-size: 13px; font-weight: 500;}

/*-- ul-contHeadView --*/
.ul-contHeadView-txt {border-bottom: 1px solid #dadede;}
.ListView_st1:has(.ul-contHeadView-down) .ul-contHeadView-txt {
  border-bottom: 1px dashed #dadede;
}
.ul-contHeadView-down, .ul-contHeadView-ans { border-bottom: 1px solid #dadeded1;}

.ul-contHeadView .listV_txt{
  font-size: 14px; text-align: left; word-break: break-word;
  line-height: 18px; padding: 25px 12px; 
}
.ul-contHeadView .listV_txt span*{font-family: 'Pretendard' !important; font-size: 14px !important;}
.ul-contHeadView .listV_down{ padding: 10px 12px 10px; text-align: left;}
.ul-contHeadView .listV_downTit{
  color: #193b6a; font-weight: 600;
  font-size: 12px; margin-bottom: 8px;
}
.ul-contHeadView .listV_downFi{ display: flex; flex-wrap: wrap; gap: 10px;}
.ul-contHeadView .downFi_a{
  width: fit-content; padding: 5px 9px;
  background-color: #f9f9f9; border: 1px solid #e7e8e8;
  display: block; border-radius: 3px;
}
.ul-contHeadView .downFi_a:hover{ border-color: #dadada;}
.ul-contHeadView  .downFi_a p{
  padding-left: 20px; padding-top: 2px;
  background: url(../img/sub/mypage/icon_clip.png) no-repeat center left;
  background-size: 14px; 
  font-size: 12px; line-height: 13px; font-weight: 500; color: #4b78d4;
  word-break: break-all;
}

.ul-contHeadView .listV_ans{display: flex; min-height: 80px; height:auto;}
.ul-contHeadView .listV_ans pre{padding: 12px;}
.ul-contHeadView .listV_ans pre a{color:#4b78d4;}

.listV_ansTit{
  width:8%; min-width:70px; height: auto;
  display: flex; flex-direction: row; align-items: center; justify-content: center;
  background: #f6f9fc; border-right: 1px dashed #dadede;
}
.listV_ansTit h3{color: #193b6a;font-size: 14px;font-weight: 700;}

/* 그린채널 뷰 */
.ListView_st1--gch .eyeIcon{display: block !important; width: 15px !important; height: 12px !important; }
.ListView_st1--gch .li-contSpan{gap: 5px;}
.ListView_st1--gch .li-contSpan p{font-size: 13px; font-weight: 500;}
.ListView_st1--gch .listV_tit{
  font-weight: 600; font-size: 15px; line-height:20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* ------------------------ */


@media all and (min-width:480px){
  /* ---table_detTop(과정 상세에 적용) ---*/
  .table_detTop thead th,
  .table_detTop tbody th{font-size: 14px;}
  /* ------------------------ */

  /* ----------List_st1 ---------- */
  .ul-contHead .list_views,
  .ul-contHead .list_day{font-size: 13px;}
  /* ------------------------ */

  /* ----------List_st1 (List_st1-list3) (그린채널) ---------- */
  .List_st1-list3--gch .list_tit{width: calc(100% - 68px); padding: 0 12px;}
  .List_st1-list3--gch .thumbBox{width: 68px; height: 100px;}
  /* ------------------------ */

  /* ----------List_st1 (List_st1-list4) (공지사항) ---------- */
  .List_st1-list4 .list_day{width: 110px;}
}


@media all and (min-width:540px){
  /* ----------table_st3---------- */
  .table_st3 th{width: 58px !important; font-size: 14px !important;}
	.table_st3 td{font-size: 14px !important;}
	.table_st3 td p{font-size: 14px !important;}
  /* ------------------------ */
}

@media all and (min-width:640px){
  /* ------ 테이블에서 사용하는 버튼 ------ */
  .uploadBtn, 
  .usedInTbtn {font-size: 13px !important;}
  /* ------------------------ */

  /* ---table_st2-cInfoM(모바일 적용_과정 상세 팝업에 적용) --- */
  .table_st2-cInfoM_cont col{width:16.7%;}
  .table_st2-cInfoM_cont td,
  .table_st2-cInfoM_cont td{font-size: 14px;}
  .table_st2-cInfoM_chSt{display: table; width: 100%;}
  .table_st2-cInfoM_chSt col{width: 16.7%;}
  .table_st2-cInfoM_chSt thead {
    width: unset; min-width: unset;
    display: table-header-group; float: unset;
  }
  .table_st2-cInfoM_chSt tbody {width: unset; display: table-row-group; margin: unset;}
  .table_st2-cInfoM_chSt tr{display: table-row; width: unset; }
  .table_st2-cInfoM_chSt tbody tr { display: table-row; width: unset; }
  .courSubD_info:has(.table_st2-cInfoM_chSt) .table_st2 th:first-child{width: 16.7%;}
  .table_st2-cInfoM_chSt tbody:last-child{margin: unset;}
  .table_st2-cInfoM_chSt th{
    width: 16.7%; height: 40px; line-height: 40px;
    display: table-cell;
    font-size: 14px; margin-top: unset;
  }
  .table_st2-cInfoM_chSt td {
    display: table-cell;
    width: 16.7%; height: 37px; line-height: 37px;
    margin-top: 0; padding-left: 0;
    font-size: 14px;
  }
  .detTopM_tdCol{display:none !important;}
  .detTopM_tdRow{display: table-cell !important;}
  /* ------------------------ */

  /* ---table_detTop(과정 상세에 적용) ---*/
  .table_detTop tbody td{font-size: 14px;}
  /* ------------------------ */

  /* ----------ListView_st1---------- */
  .ul-topHeadView{
    flex-direction: row; align-items: flex-start; justify-content: space-between;
    padding: 15px 18px;
  }
  .ul-topHeadView .listV_wd{width:fit-content; gap: 18px; }
  .ul-topHeadView .listV_subj, .ul-topHeadView .listV_day{font-size:14px; line-height: 19px;}
  .ul-contHeadView .listV_txt{padding: 30px 18px; font-size: 15px; line-height: 24px;}
  .ul-contHeadView .listV_txt span*{font-size: 15px !important;}
  .ul-contHeadView .listV_down{ padding: 14px 18px 12px; }
  .ul-contHeadView .listV_downTit{ font-size: 13px; margin-bottom: 10px;}
  .ul-contHeadView .listV_downFi{ gap: 15px; }
  .ul-contHeadView .downFi_a p{ padding-left: 25px; background-size: 16px; font-size: 13px; }

  /* 그린채널 뷰 */
  .ListView_st1--gch .ul-topHeadView{align-items: center;}
  .ListView_st1--gch .li-contSpan p{font-size: 14px; margin-top: 1px;}
  .ListView_st1--gch .eyeIcon{width: 18px; height: 13px; }
  /* ------------------------ */

  /* ----------List_st1-list3 (그린채널)---------- */
  .List_st1-list3 .list_sort{width: 80px;}
  .List_st1-list3 .list_tit{width: calc(100% - 125px);}
  .List_st1-list3 .list_fileD{width: 45px;}

  /* 그린채널 */
  .List_st1-list3--gch .ul-contWrap{row-gap: unset;}
  .List_st1-list3--gch .list_tit{flex: 1;}
  .List_st1-list3--gch .list_views{max-width: fit-content; flex: none; padding-right: 2px;}
   /* ------------------------ */

}

@media all and (min-width:768px){
  /* ----------stateColor---------- */
  .stateColor--wait, .stateColor--prog, .stateColor--comp{border-radius: 3px; font-size: 13px; width: 35px; height: 24px; line-height: 23px;}
  .stateColor--wait{ background-color: #ff793d;}
  .stateColor--prog{ background-color: #5eaa52;}
  /* ------------------------ */

  /* ---------- input 메세지 ---------- */
  .inpCheckM, .inpInfoM{font-size: 13px; font-weight: 600; padding-top: 1px;}
  /* ------------------------ */

  /* ---------- 평가 테이블 ---------- */
  .downA{font-size:14px;}
  /* ------------------------ */

  /* ----------table_st1---------- */
  .table_st1{margin-bottom:30px;}
  .titleExTxt{padding-left: 15px; font-size: 14px;}
  .titleExTxt:before{font-size: 18px;}
  .st1-th{padding: 0 15px; font-size: 14px; font-weight: 700; letter-spacing: 1px;}
  .st1-th--Required{padding-left: 12px; }
  .st1-th--Required:before{top: 0; left: 0;}
  .st1-th:has(.st1-th--Required){height: auto;}
  .st1-td{ padding: 9px 14px 8px 14px;}
  .st1-td input::placeholder{font-weight: 600;}
  /* ------------------------ */

  /* jeahu [ 사이트 별도 지정 (제휴제안) ] */
  .jeahu .table_st1 col:first-child{width: 18%;}
  .jeahu .table_st1 col:last-child{width: 82%;}

  /* joinSec [ 사이트 별도 지정 (회원가입) ] */
  .joinSec .table_st1 col:first-child{width: 18%;}
  .joinSec .table_st1 col:last-child{width: 82%;}
  /* ------------------------ */

  /* ----------table_st3---------- */
  .table_st3 th{width: 85px !important; line-height: unset  !important; padding: 8px 5px !important; word-break:keep-all !important;}
  

  /* 사이트 별도 지정 (회원가입) */
  .table_st3--join td{padding: 8px;}
  /* ------------------------ */
  
  /* ---table_detTop(과정 상세에 적용) ---*/
  .table_detTop .spanDp{display: inline;}
  /* ------------------------ */


  /* ----------List_st1---------- */
  .ul-topHead{display: flex;}
  .ul-topHeight .li-top{font-size: 15px; height: 48px; line-height:50px; padding: 0px;}
  .ul-contWrap{padding:0;}
  .ul-contHeight .li-cont{font-size: 15px; height: 42px; line-height:42px; padding: 0; margin:0;}
  .ul-contHead .list_views,
  .ul-contHead .list_day{font-size: 14px;}
  .List_st1 .li-contSpan{justify-content: center; gap: 7px;}
  .List_st1 .li-contSpan .eyeIcon,
  .List_st1 .li-contSpan .calendarIcon,
  .List_st1 .li-contSpan .penIcon{display: none;}
  /* ------------------------ */

  /* ---------List_st1-list3--------- */
  /* 학습자료실 */
  .List_st1-list3--mater .list_tit{width: 60%;}
  .List_st1-list3--mater .list_sort{width: 20%; background-color: unset; border-right: unset;}
  .List_st1-list3--mater .list_fileD{width:20%;} 
  .List_st1-list3--mater .list_fileD_aTag{height: 20px; line-height:20px;}

  /* 그린채널 */
  .List_st1-list3--gch .ul-contWrap{padding: 7px 0;}
  .List_st1-list3--gch .list_thumb{width: 100px;}
  .List_st1-list3--gch .thumbBox{width: 100%; height: 150px;}
  .List_st1-list3--gch .list_tit{padding-left: 15px;}
  .List_st1-list3--gch .list_views{width: 10%; max-width: unset; padding-right: 0;}
  .List_st1-list3--gch .li-cont{height: auto; line-height: unset;}
  .List_st1-list3--gch .list_tit .mainTit{font-size: 16px; margin-bottom: 15px;}
  .List_st1-list3--gch .list_tit .subTxt{font-size: 14px;}
  .ListView_st1--gch .listV_tit{font-weight: 500; font-size: 16px; line-height: unset;}
  /* ------------------------ */

  /* ----------List_st1-list4---------- */
  /* 공지사항 */
  .List_st1-list4 .ul-contHeight .list_tit{padding-right: 10px !important;}
  .List_st1-list4 .list_tit{width:63%;}
  .List_st1-list4 .list_num{width: 10%;}
  .List_st1-list4 .list_views{width: 12%; display: block;}
  .List_st1-list4 .list_day{width:15%;}
  .List_st1-list4 .list_num-order{font-size:14px;}/* 순번 */
  /* ------------------------ */

  /* ----------List_st1-list5---------- */
  /* 1:1 상담 */
  .List_st1-list5 .list_num{width: 10%;}
  .List_st1-list5 .list_tit{width:56%;}
  .List_st1-list5 .list_state{width:10%;}
  .List_st1-list5 .list_write{width:10%; display: block;}
  .List_st1-list5 .list_day{width:14%;}
  /* ------------------------ */

}

@media all and (min-width:1080px){
  /* 평가 부분, 제휴제안, 1:1문의 포함 (첨부 가능한 파일형식 안내 text) */
  .fileExpBox{font-size: 13px;}
  
  /* ---------- table_st1 ---------- */
  .st1-th{padding: 0 20px;}
  .st1-td input::placeholder {left: 0px;}
  /* ------------------------ */
  
  /* joinSec [ 사이트 별도 지정 (회원가입) ]  */
  .joinSec .table_st1 col:first-child{width: 20%;}
  .joinSec .table_st1 col:last-child{width: 80%;}
  /* ------------------------ */

  /* ----------table_st3---------- */
	.table_st3 th{width: 110px !important; padding: 10px 15px 10px 17px !important; letter-spacing: 0.8px !important;}

  /* 사이트 별도 지정 (회원가입) */
  .table_st3--join td{padding:10px 15px;}
  /* ------------------------ */

  /* ---table_detTop(과정 상세에 적용) ---*/
  .table_detTop{margin-top: 30px;}
  /* ------------------------ */

  /* ------ List_st1-list3--gch (그린채널)------ */
  .List_st1-list3--gch .list_thumb{width:110px;}
  .List_st1-list3--gch .thumbBox{height: 162px;}
  /* ------------------------ */

  /* ------ List_st1-list3--mater (학습자료실)------ */
  .List_st1-list3--mater .list_titA--mater{font-size: 13px; line-height: 14px;}
}


@media all and (min-width:1200px){
  /* 공통 */
  .sub_content{width: 100%;}
}