/*---------------------< ꕥ 학습유의사항, 부정훈련, 모사방지 ꕥ >-----------------------*/

/* 공통 */
body:has(.operNotiSec) .sub_banner{margin-bottom: 30px;}

.operNotiTop {margin-bottom: 20px;}
.operNotiTop_tit{
  padding-left: 12px; margin-bottom: 10px; 
  display: inline-block; 
  position: relative; color: #26386d; line-height: 18px;
  font-size: 18px; font-weight: 700; letter-spacing: -1px;
}
.operNotiTop_tit:before{
  content: '';
  width: 4px; height: 100%;
  position: absolute; top: 0; left: 0;
  background-color: #26386d;
}
.operNotiTop_txt{
  display: flex; flex-direction: column; row-gap: 8px;
  line-height: 17px; font-size: 14px; word-break: keep-all;
}

.operNotiTop_txt--bgBox{padding: 15px; margin-top: 35px; margin-bottom: 50px; border: 1px solid #193b6a; font-size: 14px; line-height: 17px; text-align: left; letter-spacing: -0.5px; box-shadow: 4px 4px 0 rgba(25 59 106 / 72%);}
/* ---- */

/* 모사,부정,국비지원환급과정 탭3개 -> 공통 사용 */
.paragBox{padding: 12px 10px; margin-bottom: 20px; background: #f6f7f9c4}
.paragBox p{font-size: 14px; line-height: 18px; word-break: keep-all;}
.parag_tit{color: #2578BB; font-size: 15px; font-weight: 600; letter-spacing: -1px; margin-bottom: 10px; padding-left: 17px; position: relative;} 
.parag_tit:before{content: '\2713'; position: absolute; top: -2px; left: 0; font-weight: 500;}
.parag_tit-orange{color: #ea4302; font-size: 15px; line-height: 18px; letter-spacing: -0.5px; margin-bottom: 8px; }
.parag_txt{
  display: flex; row-gap: 10px; flex-direction: column; 
  word-break: keep-all; color: #2f2f2f;
  font-size: 14px; font-weight: 500; line-height: 18px;
}
.parag_inTxt{
  display: flex; flex-direction: column; row-gap: 4px;
  line-height: 18px; margin-top: 6px;
}
.parag_inTitP{color: #111;}
.parag_inTxtP{padding-left: 10px; position: relative; color: #4d4d4d;}
.parag_inTxtP:before{
  content: '-';
  position:absolute; top: 0; left: 0;
}
/* --- */

/* 학습유의사항 */
.caful_li{
  width: 100%; padding: 25px 0; border-top: 1px solid #dedede;
  display: flex; flex-direction: column; align-items: center; row-gap: 16px;
}
.caful_li:last-child{border-bottom: 1px solid #dedede}
.caful_li .liImg{width: 150px;}
.caful_li .liImg>span{
  width: 70px; height: 70px;
  border-radius: 100%; margin: 0 auto; background: #19346a;
  display: flex; align-items: center; justify-content: center;
}
.caful_li_icon{fill: #fff; width: 50%;}
.caful_li_icon.keyIcon{width: 43%; margin-left: 2px;}
.caful_li_icon.shieldIcon{width: 46%; margin-top: 3px; margin-left: 0px;}
.caful_li_icon.graduIcon{width: 49%; margin-left: 3px; margin-bottom: 1px;}
.caful_li_icon.pencilIcon{width: 42%;}
.caful_li_icon.fileIcon{width: 36%; margin-left: 1px;}
.caful_li_icon.bookIcon{width: 38%; margin-left: 0px; margin-top: 2px;}
.caful_li_icon.xSolidIcon{width: 43%; margin-left: 1px;}
.caful_li_icon.xRegulIcon{width: 43%; margin-left: 1px;}
.caful_li_icon.clipChIcon{width: 35%; margin-left: 1px; margin-bottom: 2px;}
.caful_li .liCon{width: 100%; box-sizing: border-box;}
.liCon_tit{
  margin-bottom: 20px;
  font-size: 17px; font-weight: 700; letter-spacing: -1px;
  text-align: center; color: #19346a;
}
.caful_li:nth-child(even) .liImg>span{background: #2076a9}
.caful_li:nth-child(even) .liCon_tit{color: #2076a9}
/* ---------------------------- */

/* companyEdu 별도 적용 css */
body:has(.companyEduSec) .paragBox{
  margin-bottom: 30px; padding: unset; padding-bottom: 30px;
  background: #fff; border-bottom: 1px solid #d5dce5b5;
  display: flex; flex-direction: column; gap: 45px;
}
body:has(.companyEduSec) .paragBox:first-child{
  border-top: 1px solid #d5dce5b5;
}/* 적용 안 되는 이유 찾아야함 */


body:has(.companyEduSec) .parag_tit{font-size: 16px;}
body:has(.companyEduSec) .parag_txt{row-gap: 4px;}
.compEduImgBox{margin-top: 30px; margin-bottom: 30px;}
.compEdu31Img{width: 100%; max-width: 800px; margin: 0 auto;}
.compEdu31Img img{width: 100%; object-fit: cover;}
.compEduImgBox p{font-size: 14px; margin-top: 5px; word-break: keep-all;}

body:has(.companyEduSec) .table_st2{margin-top: 3px; margin-bottom: 14px;} 

body:has(.companyEduSec) .table_st2 th{
  border: 1px solid #c4cdda; background-color: #ecf0f6f5;
  word-break: keep-all; font-size: 13px; padding: 2px 5px; 
}
body:has(.companyEduSec) .table_st2 th:first-child{width: auto !important;}
body:has(.companyEduSec) .table_st2 td{border: 1px solid #c6c6c6;     word-break: keep-all; font-size: 13px; text-align: center !important;}
/* ---------------------------- */


@media all and (min-width:480px){
  /* companyEdu 별도 적용 css */
  .compEdu31Img{width: 95%;}
}

@media all and (min-width:640px){
  /* 모사,부정,국비지원환급과정 탭3개 -> 공통 사용 */
  .paragBox{padding: 13px 14px;}
  .parag_txt{padding-right: 10px; row-gap: 5px;}

  /* 학습유의사항 */
  .caful_li{flex-direction: row;}
  .caful_li:nth-child(even){background: #fcfcfc}
  .liCon_tit{text-align: left; margin-bottom: 10px;}

  .caful_li .liImg{width: 120px;}
  .caful_li .liImg>span{width: 70px; height: 70px;}
  .caful_li .liCon{width: calc(100% - 120px);}

  .caful_li_icon.keyIcon{margin-left: 1px;}
  .caful_li_icon.shieldIcon{margin-top: 3px; margin-left: 1px;}
  .caful_li_icon.graduIcon{margin-left: 3px; margin-bottom: 1px;}
  .caful_li_icon.fileIcon{margin-left: 2px;}
  .caful_li_icon.bookIcon{margin-left: 1px; margin-top: 2px;}
  .caful_li_icon.xSolidIcon{margin-top: 1px;}
  .caful_li_icon.xRegulIcon{width: 46%; }
  .caful_li_icon.clipChIcon{margin-left: 1px; margin-bottom: 2px;}

  /* companyEdu 별도 적용 css */
  body:has(.companyEduSec) .paragBox{gap: 55px;}
  .compEduImgBox{margin-top: 40px; margin-bottom: 40px;}
  .compEdu31Img{width: 85%;}
  body:has(.companyEduSec) .table_st2 th{font-size: 14px;}

  body:has(.companyEduSec) .table_st2 td{font-size: 14px;}
}

@media all and (min-width:960px){
  .operNotiTop_txt{font-size: 15px; line-height: 19px;}
  .operNotiTop_txt--bgBox{padding: 30px; font-size: 15px; line-height: 19px;}

  /* 모사,부정,국비지원환급과정 탭3개 -> 공통 사용 */
  .parag_tit{font-size: 16px; padding-left: 20px;}
  .parag_tit:before{font-weight: 600;}
  .parag_txt{font-size: 15px; line-height: 22px; row-gap: 4px;}
  .parag_txt:has(.parag_inTxtP){row-gap: 8px;}
  .paragBox p{font-size: 15px; line-height: 22px;}
  .parag_tit-orange{font-size: 16px;}

  /* 학습유의사항 */
  .liCon_tit{font-size: 18px;}
  .caful_li .liImg{width: 130px;}
  .caful_li .liImg>span{width: 75px; height: 75px;}
  .caful_li .liCon{width: calc(100% - 130px);}

  /* companyEdu 별도 적용 css */
  body:has(.companyEduSec) .parag_tit{font-size: 18px; margin-bottom: 12px;}
  body:has(.companyEduSec) .parag_txt{row-gap: 3px;}
  .compEdu31Img{width: 75%;}
  /* ---------------------------- */
}

@media all and (min-width:1080px){
  body:has(.operNotiSec) .sub_banner{margin-bottom: 50px;}

  .operNotiTop_tit{
    padding-left: 14px; margin-bottom: 14px;
    font-size: 20px; line-height: 20px;
  }
  .operNotiTop_tit:before{width: 5px;}

  /* 학습유의사항 */
  .caful_li .liImg{width: 160px;}
  .caful_li .liImg>span{width: 96px; height: 96px;}
  .caful_li .liCon{width: calc(100% - 160px);}
  .caful_li_icon.fileIcon{margin-left: 3px;}
  .caful_li_icon.xSolidIcon{margin-left: 2px;}
  .caful_li_icon.xRegulIcon{margin-left: 3px;}
  .caful_li_icon.bookIcon{margin-left: 1px;}
  .caful_li_icon.clipChIcon{margin-left: 2px;}

  /* companyEdu 별도 적용 css */
  body:has(.companyEduSec) .paragBox{
    background: #fcfcfcbf;
    border-bottom: unset;
    border-top:unset;
    border: 1px solid #d5dce580;
    box-shadow: 0px 1px 2px 1px rgba(27, 17, 17, 0.05);
    padding: 18px 20px;
  }
}