@charset "utf-8";
/* html{overflow-y: hidden;} */
a{color: inherit; text-decoration: none;}

.scrollImg{position:fixed !important; top:54px !important; left: 0; z-index: 99999 !important; background-color:#fff; }
.curriculumInstructorBG::-webkit-scrollbar {width: 4px;}
.teacherViewBox::-webkit-scrollbar {width: 4px;}
.teacherViewBox::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;}
.teacherViewBox::-webkit-scrollbar-track{
  background-color: #b7b7b759;
}
.teacherViewBox::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); background-color:#FFF;}
.teacherViewBox{
  scrollbar-base-color: #fff;
  scrollbar-track-color: rgba(0,0,0,0.3);
  scrollbar-shadow-color: rgba(0,0,0,0.3);
}
.teach_img{overflow: hidden; text-align:center;display: flex; align-items: center; }
.teach_img > img{}
.educationField li{box-sizing: border-box; }
.curriculumInstructorCareer li{word-break: keep-all;}
/* 수상내역 css 적용 */
.curriculumInstructorCareer li > span{color: #f4d535; font-size: 15px;}
/* --- */

/* For larger displays */
@media all and (min-width:1200px){
  .instructorIntroduction{width: 100%;}
}
@media all and (min-width:1080px){
  .instructorIntroductionBG{position:relative;}
  .instructorIntroduction{
    margin:0 auto;
    padding-top:70px;
    padding-bottom: 100px;
    max-width:1080px;
    width: 90%;
  }
  .educationField{
    margin:0 auto;
    width:901px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .educationField li{ width:166px; height:52px; box-sizing: border-box; }
  .educationField li a{display:block;text-decoration:none;text-align:center;line-height:52px;font-size:17px;color:#565656;}
  .educationField li a:hover{ color:#004795; font-weight:bold; }
  .educationField li a.on{color:#004795; font-weight:bold; }

  /* 수정 */
  .introText{
    margin-bottom: 43px;
    font-size: 20px;
    font-weight: normal;
    color: #8F8F8F;
  }
  .coureIcon{ height: 55px; }
  .coureIcon img{ height: 100%; object-fit: cover; }
  .courseField{
    width: 1080px;
    height: 88px;
    padding: 37px 0px 35px 0px;
    border: 2px solid #B7B7B7;
    border-radius: 10px;
    box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.2);
  }

  /* 분야별 강사 소개 박스*/
  .courseTitle{padding-top: 130px;}
  .courseTitle h1{ font-size: 35px; font-weight: 900; margin-bottom: 20px; }
  .teacherBoxGroup{
    max-width: 1080px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 30px;
    row-gap: 50px;
  }
  .teacherBox{
    width: 296px;
    height: 335px;
    background-color: #F0F2F8;
    padding: 22px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: normal;
    cursor: pointer;
  }
  .teacherBoxRow1{ display: flex; justify-content: space-between;}
  .teacherBoxRow1 .teacherBoxTitle p{
    font-size: 17px;
    font-weight: 400;
    color: white;
    width: 110px;
    height: 30px;
    background-color: #0092F0;
    border-radius: 25px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 12px;
  }
  .teacherBoxRow1 .teacherBoxTitleWidthCh1 p{ width: 150px !important; }
  .teacherBoxRow1 .teacherBoxTitleWidthCh2 p{ width: 125px !important; }
  .teacherBoxRow1 .teacherBoxTitle h1{ font-size: 33px; font-weight: 600; }
  .teacherBoxRow1 .teacherImg{ width: 108px; height: 108px; overflow: hidden; border-radius: 50%; }
  .teacherBoxRow1 .teacherImg img{ width: 100%; object-fit: cover; }

  .teacherBoxRow2{ display: flex; flex-direction: column; row-gap: 5px; }
  .teacherBoxRow2 .innerRow2{
    display: flex;
    align-items: center;
    column-gap: 10px;
    height: 30px;
  }
  .teacherBoxRow2 .innerRow2Item{
    width: 30px;
    height: 30px;
    background-color: white;
    border-radius: 7px;
    color: #0092F0;
    font-size: 16px;
    font-weight: 400;
    text-align:center;
    line-height: 30px;
  }
  .teacherBoxRow2 .present p{
    font-size: 18px;  font-weight: 600; line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .teacherBoxRow2 .previous p{
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
  }
  .teacherBoxRow3{ border-top: 2px solid #9F9F9F; height: 75px; }
  .teacherBoxRow3 .row3Title{
    font-size: 18px;
    font-weight: 600;
    color: #0092F0;
    margin-bottom: 4px;
    padding-top: 12.5px;
  }
  .teacherBoxRow3 .row3Text{
    font-size: 16px; font-weight: 400; color: #606163; line-height: 25px; }
  .teacherBoxRow3 .row3Text p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.2em;
    height: 2.4em;
  }
  .teacherBoxRow4{ display: flex; justify-content: center; margin-top: 8px; }

  #buleColor{color:#006cba;}

  .instructorList li{float:left;margin:20px;width:236px;height:281px;border:1px solid #006cba;}
  .instructorList li a{display:block;width:100%;height:100%;text-decoration:none;}
  .teach_img{width: 100%; height: 236px; }
  .instructorList li img{width:100%;height: 100%; margin: 0 auto; object-fit: cover; }
  .instructorNameBG{width:100%; text-align:center;}
  .instructorName{display:inline-block;margin-top:9px;padding:6px;border-top:1px solid #b5b5b5; font-size:20px;font-weight:bold;color:#006cba;}
  .position{font-size:15px;color:#565656;}


  .curriculumInstructorBack{
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 99998;
    top: 0;
    left: 0;
    background-color:rgba(0,0,0,0.6);
  }
  .curriculumInstructorBG{
    position:fixed;
    top:150px;
    left: 0;
    width:100%;
    background-color:rgba(0,0,0,0.9);
    z-index:99999;
  }
  .closeBtn{
    position:relative;
    right:-96.8%;
    top:26.5px;
    display:block;
    width:25px;
    height:25px;
    background-image:url('/assets/_img/teacher_introdution/closeBtn_icon.svg');text-indent:-9999px;
  }
  .curriculumInstructorList{margin:0 auto;margin-top:90px;margin-bottom:44px;width:1080px;}
  .curriculumInstructorList li{float:left;position:relative;margin-right:27px;width:80px;height:80px;}
  .instructorListBG{position:absolute;top:0;left:0;}
  .InstructorImg{position:absolute;top:0;left:0;}
  .curriculumInstructorList li img{width:100%;}
  .curriculumInstructorInfoBG{width:100%;background-color:#FAFAFA;}
  .curriculumInstructor{ margin:0 auto; padding-bottom:60px; max-width:1080px; width: 90%; }
  .teacherViewBox { max-height: 500px;  overflow-y:auto; }

  .imgAndText{ width: 160px; }
  .teacherIntroText{
    width: 80px;
    height: 32px;
    border-radius: 6px;
    text-align: center;
    line-height: 32px;
    color: white;
    font-weight: normal;
    background-color: #0092F0;
    margin: 0 auto;
    margin-bottom: 25px;
  }
  .curriculumInstructorImg{ float:left; width:160px; height:160px; }
  .curriculumInstructorImg img{width:100%;opacity:1;}

  .curriculumFlex{ display: flex; }
  .curriculumBox{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 311px;
    margin-left: 45px;
    word-break: break-word;
  }
  .curriculumBox .inquiry{
    color: white;
    width: 180px;
    height: 35px;
    border-radius: 5px;
    background-color: #0092F0;
    cursor: pointer;
    text-align: center;
    line-height: 35px;
  }
  .curriculumInstructorInfo{
    max-width: 350px;
    margin-bottom: 30px;
    font-size:14px;
    color:#fff;
    letter-spacing:0.5px;
  }
  .curriculumInstructorInfo li{padding:1px 0px;line-height:18px;}
  .curriculumInstructorInfo > .name{ font-size:22px; font-weight:500; width: 311px; }
  .positionName{ font-size:22px; color:#fff; font-weight:500; }
  .curriculumInstructorCareer{
    padding-left:30px;
    font-size:14px;color:#fff;letter-spacing:0.5px;
    width: 534px;
  }
  .curriculumInstructorCareer li{padding:1px 0px;line-height:18px;}
  .curriculumInstructorCareer li > span{font-size: 16px;}
  .careerTitle{ font-size:22px; font-weight:500; width: 534px; }
  .titleBorder{
    border-bottom: 1px solid white;
    height: 26px;
    width: 100%;
    margin-bottom: 15px;
  }
  .curriculumInstructorInfoTitle{ margin-bottom: 5px; margin-top: 18px; font-weight: 500; }
}

/* For smaller displays like laptops */
@media (min-width: 1000px) and (max-width: 1079px) {
  .instructorIntroductionBG{position:relative;}
  .instructorIntroduction{
    margin:0 auto;
    padding-top:70px;
    padding-bottom: 100px;
    width: 90%;
    max-width: 1080px;
  }
  .educationField{
    margin:0 auto;
    width:95%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .educationField li{ width:17%; height:52px;}
  .educationField li a{
    display:block;
    text-decoration:none;
    text-align:center;
    line-height:25px;
    font-size:15px;
    color:#565656;
  }
  .educationField li a:hover{ color:#004795; font-weight:bold; }
  .educationField li a.on{ color:#004795; font-weight:bold; }
  .introText{
    margin-bottom: 43px;
    font-size: 20px;
    font-weight: normal;
    color: #8F8F8F;
  }
  .coureIcon{ height: 53px; margin-bottom: 13px; }
  .coureIcon img{ height: 100%; object-fit: cover; }
  .courseField{
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    height: 88px;
    padding: 37px 0px 35px 0px;
    border: 2px solid #B7B7B7;
    border-radius: 10px;
    box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.2);
  }

  .courseTitle{padding-top: 130px;}
  .courseTitle h1{ font-size: 35px; font-weight: 900; margin-bottom: 20px; }
  .teacherBoxGroup{
    max-width: 1080px;
    display: grid;
    grid-template-columns: repeat(3, minmax(33.3333%, auto));
    column-gap: 15px;
    row-gap: 50px;
  }

  .teacherBox{
    height: 285px;
    background-color: #F0F2F8;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: normal;
    cursor: pointer;
  }
  .teacherBoxRow1{ display: flex; justify-content: space-between; }
  .teacherBoxRow1 .teacherBoxTitle p{
    font-size: 15px;
    font-weight: 400;
    color: white;
    width: 80px;
    height: 30px;
    background-color: #0092F0;
    border-radius: 25px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 12px;
  }
  .teacherBoxRow1 .teacherBoxTitleWidthCh1 p{ width: 150px !important; }
  .teacherBoxRow1 .teacherBoxTitleWidthCh2 p{ width: 125px !important; }
  .teacherBoxRow1 .teacherBoxTitle h1{ font-size: 28px; font-weight: 600; }

  .teacherBoxRow1 .teacherImg{
    width: 95px; height: 95px;
    overflow: hidden; border-radius: 50%;
  }
  .teacherBoxRow1 .teacherImg img{ width: 100%; object-fit: cover; }

  .teacherBoxRow2{display: flex; flex-direction: column; row-gap: 5px;}
  .teacherBoxRow2 .innerRow2{display: flex; align-items: center; column-gap: 10px;}
  .teacherBoxRow2 .innerRow2Item{
    width: 25px;
    height: 25px;
    background-color: white;
    border-radius: 7px;
    color: #0092F0;
    font-size: 14px;
    font-weight: 400;
    text-align:center;
    line-height: 25px;
  }
  .teacherBoxRow2 .present p{
    font-size: 16px; font-weight: 600; line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .teacherBoxRow2 .previous p{
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .teacherBoxRow3{ border-top: 2px solid #9F9F9F; height: 75px;}
  .teacherBoxRow3 .row3Title{
    font-size: 18px;
    font-weight: 600;
    color: #0092F0;
    margin-bottom: 4px;
    padding-top: 12.5px;
  }
  .teacherBoxRow3 .row3Text{
    font-size: 14px;
    font-weight: 400;
    color: #606163;
    line-height: 20px;
  }
  .teacherBoxRow3 .row3Text p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.2em;
    height: 2.4em;
  }
  .teacherBoxRow4{ display: flex; justify-content: center; margin-top: 8px;}

  #buleColor{color:#006cba;}

  .teach_img{height: 0; padding: 50% 0; }
  .instructorList{margin:0 2.5%;width:95%;}
  .instructorList li{float:left;margin:1.5%;width:30%;border:1px solid #006cba;}
  .instructorList li:nth-child(3n+1){clear: both; }
  .instructorList li a{display:block;width:100%;height:100%;text-decoration:none;}
  .instructorList li img{display:block;width:100%;}
  .instructorNameBG{width:100%; text-align:center;}
  .instructorName{display:inline-block;margin-top:9px;padding:6px;border-top:1px solid #b5b5b5; font-size:20px;font-weight:bold;color:#006cba;}
  .position{font-size:15px;color:#565656;}

  .curriculumInstructorBack{
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 99998;
    top: 0;
    left: 0;
    background-color:rgba(0,0,0,0.6);
  }
  .curriculumInstructorBG{
    position:fixed;
    top:50%;
    transform: translateY(-50%);
    width:100%;
    background-color:rgba(0,0,0,0.9);
    z-index:99999;}

  .closeBtn{
    position:relative;
    right:-96.7%;
    top:24px;
    display:block;
    width:25px;
    height:25px;
    background-image:url('/assets/_img/teacher_introdution/closeBtn_icon.svg');
    text-indent:-9999px;
  }
  .curriculumInstructorInfoBG{width:100%;background-color:#FAFAFA;}
  .curriculumInstructor{
    margin:0 auto;
    padding-top:10px;
    padding-bottom:60px;
    width:90%;
  }
  .teacherViewBox {height:60%;overflow-y:auto; display: flex;}

  .imgAndText{width: 210px;}
  .teacherIntroText{
    width: 80px;
    height: 32px;
    border-radius: 6px;
    text-align: center;
    line-height: 32px;
    color: white;
    font-weight: normal;
    background-color: #0092F0;
    margin: 0 auto;
    margin-bottom: 25px;
  }

  .curriculumInstructorImg{width:155px;height:155px; margin: 0 auto;}
  .curriculumInstructorImg img{width:100%;}

  .curriculumFlex{ display: flex; justify-content: space-evenly; }
  .curriculumBox{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 265px;
    margin-left: 45px;
    word-break: break-word;
  }
  .curriculumBox .inquiry{
    color: white;
    width: 180px;
    height: 35px;
    border-radius: 5px;
    background-color: #0092F0;
    cursor: pointer;
    text-align: center;
    line-height: 35px;
  }
  .curriculumInstructorInfo{width: 90%; float:left; font-size:14px; color:#fff; margin-bottom: 30px;}
  .curriculumInstructorInfo li{padding:1px 0px;line-height:18px;}
  .curriculumInstructorInfo > .name{font-size:20px;font-weight:bold;}
  .curriculumInstructorCareer{width:332px; font-size:14px; color:#fff;}
  .curriculumInstructorCareer li{padding:1px 0px;line-height:18px;}
  .curriculumInstructorCareer li > span{font-size: 16px;}
  .careerTitle{margin-bottom:20px;font-size:20px;font-weight:bold;}
  .titleBorder{border-bottom: 1px solid white; height: 26px; width: 100%;}
  .curriculumInstructorInfoTitle{margin-bottom: 5px; margin-top: 18px; font-weight: 500;}
}

@media (min-width: 768px) and (max-width: 999px) {
  .instructorIntroductionBG{position:relative;}
  .instructorIntroduction{
    margin:0 auto;
    padding-top:70px;
    padding-bottom: 100px;
    width: 90%;
    max-width: 1080px;
  }
  .educationField{
    margin:0 auto;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .educationField li{ width:17%; height:52px;}
  .educationField li a{
    display:block;
    text-decoration:none;
    text-align:center;
    line-height:25px;
    font-size:13px;
    color:#565656;
  }
  .educationField li a:hover{ color:#004795; font-weight:bold; }
  .educationField li a.on{color:#004795; font-weight:bold; }
  .introText{
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: normal;
    color: #8F8F8F;
  }
  .coureIcon{ height: 53px;  margin-bottom: 13px; }
  .coureIcon img{ height: 100%;  object-fit: cover; }
  .courseField{
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    height: 88px;
    padding: 37px 0px 35px 0px;
    border: 2px solid #B7B7B7;
    border-radius: 10px;
    box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.2);
  }

  .courseTitle{padding-top: 130px;}
  .courseTitle h1{ font-size: 33px;  font-weight: 900;  margin-bottom: 20px; }
  .teacherBoxGroup{
    max-width: 1080px;
    display: grid;
    grid-template-columns: repeat(2, minmax(49%, auto));
    column-gap: 15px;
    row-gap: 50px;
  }
  .teacherBox{
    height: 257px;
    background-color: #F0F2F8;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: normal;
    cursor: pointer;
  }
  .teacherBoxRow1{ display: flex; justify-content: space-between; margin-bottom: 10px;}
  .teacherBoxRow1 .teacherBoxTitle p{
    font-size: 15px;
    font-weight: 400;
    color: white;
    width: 90%;
    height: 27px;
    background-color: #0092F0;
    border-radius: 25px;
    text-align: center;
    line-height: 27px;
    margin-bottom: 12px;
  }
  .teacherBoxRow1 .teacherBoxTitleWidthCh1 p{width: 150px !important;}
  .teacherBoxRow1 .teacherBoxTitleWidthCh2 p{ width: 125px !important;  }
  .teacherBoxRow1 .teacherBoxTitle h1{ font-size: 24px; font-weight: 600; }
  .teacherBoxRow1 .teacherImg{
    width: 75px;
    height: 75px;
    overflow: hidden;
    border-radius: 50%;
  }
  .teacherBoxRow1 .teacherImg img{ width: 100%;  object-fit: cover; }

  .teacherBoxRow2{ display: flex; flex-direction: column; row-gap: 5px; }
  .teacherBoxRow2 .innerRow2{ display: flex; align-items: center; column-gap: 10px; }
  .teacherBoxRow2 .innerRow2Item{
    width: 22px;
    height: 22px;
    background-color: white;
    border-radius: 7px;
    color: #0092F0;
    font-size: 12px;
    font-weight: 500;
    text-align:center;
    line-height: 22px;
  }
  .teacherBoxRow2 .present p{
    font-size: 14px; font-weight: 500; line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .teacherBoxRow2 .previous p{
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
  }
  .teacherBoxRow3{ border-top: 1.5px solid #9F9F9F; margin-top: 6px; height: 75px; }
  .teacherBoxRow3 .row3Title{
    font-size: 16px;
    font-weight: 600;
    color: #0092F0;
    margin-bottom: 4px;
    padding-top: 4px;
  }
  .teacherBoxRow3 .row3Text{
    font-size: 13px;
    font-weight: 400;
    color: #606163;
    line-height: 21px;
  }
  .teacherBoxRow3 .row3Text p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.2em;
    height: 2.4em;
  }
  .teacherBoxRow4{ display: flex; justify-content: center; margin-top: 3px;}
  .teacherBoxRow4 .row4Img{ width: 50px; }
  .teacherBoxRow4 .row4Img img{ width: 100%; object-fit: cover;}

  #buleColor{color:#006cba;}

  .teach_img{height: 0; padding: 50% 0; }
  .instructorList{margin:0 2.5%;width:95%;}
  .instructorList li{float:left;margin:1.5%;width:30%;border:1px solid #006cba;}
  .instructorList li:nth-child(3n+1){clear: both; }
  .instructorList li a{display:block;width:100%;height:100%;text-decoration:none;}
  .instructorList li img{display:block;width:100%;}
  .instructorNameBG{width:100%; text-align:center;}
  .instructorName{display:inline-block;margin-top:9px;padding:6px;border-top:1px solid #b5b5b5; font-size:20px;font-weight:bold;color:#006cba;}
  .position{font-size:15px;color:#565656;}

  .curriculumInstructorBack{
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 99998;
    top: 0;
    left: 0;
    background-color:rgba(0,0,0,0.6);
  }
  .curriculumInstructorBG{
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    background-color: rgba(0,0,0,0.9);
    z-index: 99999;
  }
  .closeBtn{
    position:relative;
    right:-95.94%;
    top:-10px;
    display:block;
    width:25px;
    height:25px;
    background-image:url('/assets/_img/teacher_introdution/closeBtn_icon.svg');
    text-indent:-9999px;
  }
  .curriculumInstructorInfoBG{width:100%;background-color:#FAFAFA;}

  .imgAndText{ width: 210px; }
  .teacherIntroText{
    width: 80px;
    height: 32px;
    border-radius: 6px;
    text-align: center;
    line-height: 32px;
    color: white;
    font-weight: normal;
    background-color: #0092F0;
    margin: 0 auto;
    margin-bottom: 25px;
  }
  .curriculumInstructor{margin:0 auto;padding-top:82px;padding-bottom:105px;width:590px;}
  .teacherViewBox {
    height:85vh;overflow-y:auto;
    display: flex;
    gap: 27px;
  }
  .curriculumInstructorImg{
    width:160px;
    height:160px;
    margin:0 auto;
  }
  .curriculumInstructorImg img{width:100%;}

  .curriculumBox{
    display: flex;
    flex-direction: column;
    word-break: break-word;
    width: 340px;
  }
  .curriculumBox .inquiry{
    color: white;
    width: 180px;
    height: 35px;
    border-radius: 5px;
    background-color: #0092F0;
    cursor: pointer;
    text-align: center;
    line-height: 35px;
  }
  .titleBorder{ border-bottom: 1px solid white; height: 26px; width: 100%; }
  .curriculumInstructorInfoTitle{
    margin-bottom: 5px;
    margin-top: 18px;
    font-weight: 500;
  }


  .curriculumInstructorInfo{
    margin-bottom: 15px;
    font-size:14px;
    color:#fff;
  }
  .curriculumInstructorInfo li{padding:1px 0px;line-height:18px;}
  .curriculumInstructorInfo > .name{font-size:20px;font-weight:bold;}
  .curriculumInstructorCareer{
    /* float:right; */
    padding-top:50px;
    padding-bottom: 20px;
    /* margin-left:42px; */
    width:340px;
    font-size:14px;color:#fff;
  }
  .curriculumInstructorCareer li{padding:4px 0px;line-height:18px;}
  .careerTitle{font-size:20px;font-weight:bold;}
}

@media (min-width: 640px) and (max-width: 767px) {
  .instructorIntroductionBG{position:relative;}
  .instructorIntroduction{
    margin:0 auto;
    padding-top:70px;
    padding-bottom: 100px;
    width: 90%;
    max-width: 1080px;
  }
  .educationField{
    margin:0 auto;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .educationField li{ width:17%; height:52px;}
  .educationField li a{
    display:block;
    text-decoration:none;
    text-align:center;
    line-height:25px;
    font-size:13px;
    color:#565656;
  }
  .educationField li a:hover{ color:#004795;font-weight:bold;}
  .educationField li a.on{color:#004795;font-weight:bold;}
  .introText{
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: normal;
    color: #8F8F8F;
  }
  .coureIcon{ height: 53px; margin-bottom: 13px; }
  .coureIcon img{height: 100%; object-fit: cover;}
  .courseField{
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    height: 88px;
    padding: 37px 0px 35px 0px;
    border: 2px solid #B7B7B7;
    border-radius: 10px;
    box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.2);
  }

  .courseTitle{padding-top: 130px;}
  .courseTitle h1{
    font-size: 33px;
    font-weight: 900;
    margin-bottom: 20px;
  }
  .teacherBoxGroup{
    max-width: 1080px;
    display: grid;
    grid-template-columns: repeat(2, minmax(46%, auto));
    column-gap: 40px;
    row-gap: 50px;
  }
  .teacherBox{
    height: 257px;
    background-color: #F0F2F8;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: normal;
    cursor: pointer;
  }
  .teacherBoxRow1{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .teacherBoxRow1 .teacherBoxTitle p{
    font-size: 15px;
    font-weight: 400;
    color: white;
    width: 90%;
    height: 27px;
    background-color: #0092F0;
    border-radius: 25px;
    text-align: center;
    line-height: 27px;
    margin-bottom: 12px;
  }
  .teacherBoxRow1 .teacherBoxTitleWidthCh1 p{ width: 150px !important; }
  .teacherBoxRow1 .teacherBoxTitleWidthCh2 p{ width: 125px !important; }
  .teacherBoxRow1 .teacherBoxTitle h1{ font-size: 22px;  font-weight: 600; }
  .teacherBoxRow1 .teacherImg{ width: 75px;  height: 75px;  overflow: hidden;  border-radius: 50%;}
  .teacherBoxRow1 .teacherImg img{ width: 100%; object-fit: cover; }

  .teacherBoxRow2{ display: flex; flex-direction: column;  row-gap: 5px;}
  .teacherBoxRow2 .innerRow2{ display: flex; align-items: center; column-gap: 10px;}
  .teacherBoxRow2 .innerRow2Item{
    width: 22px;
    height: 22px;
    background-color: white;
    border-radius: 7px;
    color: #0092F0;
    font-size: 12px;
    font-weight: 500;
    text-align:center;
    line-height: 22px;
  }
  .teacherBoxRow2 .present p{
    font-size: 14px; font-weight: 500; line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .teacherBoxRow2 .previous p{
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
  }
  .teacherBoxRow3{ border-top: 1.5px solid #9F9F9F; margin-top: 6px; height: 75px;}
  .teacherBoxRow3 .row3Title{
    font-size: 16px;
    font-weight: 600;
    color: #0092F0;
    margin-bottom: 4px;
    padding-top: 4px;
  }
  .teacherBoxRow3 .row3Text{
    font-size: 12px;
    font-weight: 400;
    color: #606163;
    line-height: 21px;
  }
  .teacherBoxRow3 .row3Text p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.2em;
    height: 2.4em;
  }
  .teacherBoxRow4{ display: flex;  justify-content: center; margin-top: 3px; }
  .teacherBoxRow4 .row4Img{ width: 50px; }
  .teacherBoxRow4 .row4Img img{ width: 100%; object-fit: cover; }

  #buleColor{color:#006cba;}

  .teach_img{height: 0; padding: 50% 0; }
  .instructorList{margin:0 2.5%;width:95%;}
  .instructorList li{float:left;margin:1.5%;width:30%;border:1px solid #006cba;}
  .instructorList li:nth-child(3n+1){clear: both; }
  .instructorList li a{display:block;width:100%;height:100%;text-decoration:none;}
  .instructorList li img{display:block;width:100%;}
  .instructorNameBG{width:100%; text-align:center;}
  .instructorName{display:inline-block;margin-top:9px;padding:6px;border-top:1px solid #b5b5b5; font-size:20px;font-weight:bold;color:#006cba;}
  .position{font-size:15px;color:#565656;}

  .curriculumInstructorBack{
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 99998;
    top: 0;
    left: 0;
    background-color:rgba(0,0,0,0.6);
  }
  .curriculumInstructorBG{
    position:fixed;
    top:50%;
    transform: translateY(-50%);
    width:100%;
    background-color:rgba(0,0,0,0.9);
    z-index:99999;}

  .closeBtn{
    position:relative;
    right:-96.2%;
    top:-6px;
    display:block;
    width:25px;
    height:25px;
    background-image:url('/assets/_img/teacher_introdution/closeBtn_icon.svg');
    text-indent:-9999px;
  }
  .curriculumInstructorInfoBG{width:100%;background-color:#FAFAFA;}
  /* .curriculumInstructor{margin:0 auto;padding-top:105px;padding-bottom:52px;width:590px;} */
  .curriculumInstructor{
    margin:0 auto;
    padding-top:40px;
    padding-bottom:80px;
    width:90%;
  }
  .teacherViewBox {
    height:85vh;
    overflow-y:auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 35px;
  }

  .imgAndText{ width: 210px; }
  .teacherIntroText{
    width: 80px;
    height: 32px;
    border-radius: 6px;
    text-align: center;
    line-height: 32px;
    color: white;
    font-weight: normal;
    background-color: #0092F0;
    margin: 0 auto;
    margin-bottom: 25px;
  }
  .curriculumInstructorImg{width:160px;height:160px; margin: 0 auto;}
  .curriculumInstructorImg img{width:100%;}

  .curriculumFlex{width: fit-content;}
  .curriculumBox{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 340px;
    margin-bottom: 45px;
    word-break: break-word;
  }
  .curriculumBox .inquiry{
    color: white;
    width: 180px;
    height: 35px;
    border-radius: 5px;
    background-color: #0092F0;
    cursor: pointer;
    text-align: center;
    line-height: 35px;
  }
  .curriculumInstructorInfo{
    /* float:left; */
    font-size:14px;
    /* font-weight:bold; */
    color:#fff;
    width: 100%;
    margin-bottom: 15px;

  }
  .curriculumInstructorInfo li{padding:1px 0px;line-height:18px;}
  .curriculumInstructorInfo > .name{font-size:20px;font-weight:bold;}
  .curriculumInstructorCareer{
    width:340px;
    font-size:14px;
    color:#fff;
  }

  .curriculumInstructorCareer li{padding:1px 0px;line-height:18px;}
  .careerTitle{margin-bottom:20px;font-size:20px;font-weight:bold;}
  .titleBorder{
    border-bottom: 1px solid white;
    height: 26px;
    width: 100%;
  }
  .curriculumInstructorInfoTitle{
    margin-bottom: 5px;
    margin-top: 18px;
    font-weight: 500;
  }
}

@media (min-width: 481px) and (max-width: 639px) {
  .instructorIntroductionBG{position:relative;}
  .instructorIntroduction{
    margin:0 auto;
    padding-top:70px;
    padding-bottom: 100px;
    width: 90%;
    max-width: 1080px;
  }
  .educationField{
    margin:0 auto;
    width:100%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-row-gap: 39px;
  }
  .educationField li a{
    display:block;
    text-decoration:none;
    text-align:center;
    line-height:25px;
    font-size:13px;
    color:#565656;
  }
  .educationField li a:hover{color:#004795;font-weight:bold;}
  .educationField li a.on{color:#004795;font-weight:bold;}

  .clearfix:before{content: " "; display: none;}
  .introText{
    margin-bottom: 25px;
    font-size: 16px; font-weight: normal; color: #8F8F8F;
  }
  .coureIcon{height: 47px; margin-bottom: 8px;}
  .coureIcon img{ height: 100%; object-fit: cover;}
  .courseField{
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 35px 0px 0px 0px;
    border: 2px solid #B7B7B7;
    border-radius: 10px;
    box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.2);
  }
  .courseTitle{padding-top: 130px;}
  .courseTitle h1{ font-size: 33px; font-weight: 900; margin-bottom: 20px;}
  .teacherBoxGroup{
    max-width: 1080px;
    display: grid;
    grid-template-columns: repeat(2, minmax(46%, auto));
    column-gap: 40px;
    row-gap: 50px;
  }
  .teacherBox{
    height: 257px;
    background-color: #F0F2F8;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: normal;
    cursor: pointer;
  }
  .teacherBoxRow1{ display: flex; justify-content: space-between; margin-bottom: 10px; }
  .teacherBoxRow1 .teacherBoxTitle p{
    font-size: 15px;
    font-weight: 400;
    color: white;
    width: 90%;
    height: 27px;
    background-color: #0092F0;
    border-radius: 25px;
    text-align: center;
    line-height: 27px;
    margin-bottom: 12px;
  }
  .teacherBoxRow1 .teacherBoxTitleWidthCh1 p{ width: 150px !important; }
  .teacherBoxRow1 .teacherBoxTitleWidthCh2 p{ width: 125px !important; }
  .teacherBoxRow1 .teacherBoxTitle h1{ font-size: 22px; font-weight: 600; }
  .teacherBoxRow1 .teacherImg{
    width: 75px; height: 75px;
    overflow: hidden; border-radius: 50%;
  }
  .teacherBoxRow1 .teacherImg img{ width: 100%; object-fit: cover;}

  .teacherBoxRow2{ display: flex; flex-direction: column; row-gap: 5px; }
  .teacherBoxRow2 .innerRow2{display: flex; align-items: center; column-gap: 10px;}
  .teacherBoxRow2 .innerRow2Item{
    width: 22px;
    height: 22px;
    background-color: white;
    border-radius: 7px;
    color: #0092F0;
    font-size: 12px;
    font-weight: 500;
    text-align:center;
    line-height: 22px;
  }
  .teacherBoxRow2 .present p{
    font-size: 14px; font-weight: 500; line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .teacherBoxRow2 .previous p{
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
  }
  .teacherBoxRow3{ border-top: 1.5px solid #9F9F9F; margin-top: 6px;
    height: 75px; }
  .teacherBoxRow3 .row3Title{
    font-size: 16px;
    font-weight: 600;
    color: #0092F0;
    margin-bottom: 4px;
    padding-top: 4px;
  }
  .teacherBoxRow3 .row3Text{
    font-size: 12px;
    font-weight: 400;
    color: #606163;
    line-height: 21px;
  }
  .teacherBoxRow3 .row3Text p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.2em;
    height: 2.4em;
  }
  .teacherBoxRow4{ display: flex; justify-content: center; margin-top: 3px; }
  .teacherBoxRow4 .row4Img{ width: 50px; }
  .teacherBoxRow4 .row4Img img{ width: 100%; object-fit: cover; }

  #buleColor{color:#006cba;}

  .teach_img{height: 0; padding: 50% 0; }
  .instructorList{margin:0 2.5%;width:95%;}
  .instructorList li{float:left;margin:1.5%;width:30%;border:1px solid #006cba;}
  .instructorList li:nth-child(3n+1){clear: both; }
  .instructorList li a{display:block;width:100%;height:100%;text-decoration:none;}
  .instructorList li img{display:block;width:100%;}
  .instructorNameBG{width:100%; text-align:center;}
  .instructorName{display:inline-block;margin-top:9px;padding:6px;border-top:1px solid #b5b5b5; font-size:20px;font-weight:bold;color:#006cba;}
  .position{font-size:15px;color:#565656;}
  .curriculumInstructorBack{
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 99998;
    top: 0;
    left: 0;
    background-color:rgba(0,0,0,0.6);
  }
  .curriculumInstructorBG{
    position:fixed;
    top:0;
    width:100%;
    height: 85vh;
    background-color:rgba(0,0,0,0.9);
    z-index:99999;
    padding-top: 20px;
    padding-bottom: 100px;
    overflow-y: auto;
  }

  .closeBtn{
    position:relative;
    right:-89.7%;
    top:27px;
    display:block;
    width:25px;
    height:25px;
    background-image:url('/assets/_img/teacher_introdution/closeBtn_icon.svg');
    text-indent:-9999px;
  }
  .curriculumInstructorInfoBG{width:100%;background-color:#FAFAFA;}

  .curriculumInstructor{ width: 98%; margin-left: 10px;}
  .teacherViewBox {
    height:60%;
    overflow-y:auto;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 55px;
  }

  .imgAndText{ /* width: 210px; */}
  .curriculumFlex{overflow-y: auto;}
  .teacherIntroText{
    width: 80px;
    height: 32px;
    border-radius: 6px;
    text-align: center;
    line-height: 32px;
    color: white;
    font-weight: normal;
    background-color: #0092F0;
    margin: 0 auto;
    margin-bottom: 25px;
  }
  .curriculumInstructorImg{float:left;width:155px;height:155px;}
  .curriculumInstructorImg img{width:100%; height: 100%; object-fit: cover;}

  .curriculumBox{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 300px;
    margin-bottom: 45px;
    word-break: break-word;
  }
  .curriculumBox .inquiry{
    color: white;
    width: 180px;
    height: 35px;
    border-radius: 5px;
    background-color: #0092F0;
    cursor: pointer;
    text-align: center;
    line-height: 35px;
  }
  .curriculumInstructorInfo{
    float:left;
    font-size:14px;
    /* font-weight:bold; */
    color:#fff;
    width: 100%;
    margin-bottom: 15px;

  }
  .curriculumInstructorInfo li{padding:1px 0px;line-height:18px;}
  .curriculumInstructorInfo > .name{font-size:20px;font-weight:bold;}
  .curriculumInstructorCareer{
    float: left;
    width:300px;
    font-size:14px;
    color:#fff;
  }

  .curriculumInstructorCareer li{padding:1px 0px;line-height:18px;}
  .careerTitle{margin-bottom:20px;font-size:20px;font-weight:bold;}
  .titleBorder{
    border-bottom: 1px solid white;
    height: 26px;
    width: 100%;
  }
  .curriculumInstructorInfoTitle{ margin-bottom: 5px; margin-top: 18px;   font-weight: 500; }
}


@media (min-width: 360px)and (max-width: 480px) {
  .instructorIntroductionBG{position:relative;}
  .instructorIntroduction{
    margin:0 auto;
    padding-top:70px;
    padding-bottom: 100px;
    width: 90%;
    max-width: 1080px;
  }
  .educationField{
    margin:0 auto;
    width:95%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-row-gap: 30px;
    grid-column-gap: 4px;
  }
  .educationField li a{
    display:block;
    text-decoration:none;
    text-align:center;
    line-height:25px;
    font-size:12px;
    color:#565656;
  }
  .educationField li a:hover{ color:#004795;font-weight:bold;}
  .educationField li a.on{ color:#004795;font-weight:bold; }
  .clearfix:before{ content: " ";  display: none; }
  .introText{
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: normal;
    color: #8F8F8F;
  }
  .coureIcon{ height: 43px; margin-bottom: 8px; }
  .coureIcon img{ height: 100%;  object-fit: cover;}
  .courseField{
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 35px 0px 0px 0px;
    border: 2px solid #B7B7B7;
    border-radius: 10px;
    box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.2);
  }

  .courseTitle{padding-top: 130px;}
  .courseTitle h1{ font-size: 33px; font-weight: 900;  margin-bottom: 20px; }
  .teacherBoxGroup{
    max-width: 1080px;
    display: grid;
    grid-template-columns: repeat(1, minmax(171px, auto));
    column-gap: 40px;
    row-gap: 50px;
  }
  .teacherBox{
    width: 78%;
    height: 354px;
    background-color: #F0F2F8;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: normal;
    cursor: pointer;
    margin: 0 auto;
  }
  .teacherBoxRow1{ display: flex; justify-content: space-between; }
  .teacherBoxRow1 .teacherBoxTitle p{
    font-size: 15px;
    font-weight: 400;
    color: white;
    width: 83%;
    height: 27px;
    background-color: #0092F0;
    border-radius: 25px;
    text-align: center;
    line-height: 27px;
    margin-bottom: 12px;
  }
  .teacherBoxRow1 .teacherBoxTitleWidthCh1 p{ width: 150px !important; }
  .teacherBoxRow1 .teacherBoxTitleWidthCh2 p{ width: 125px !important; }
  .teacherBoxRow1 .teacherBoxTitle h1{ font-size: 25px; font-weight: 600;
  }
  .teacherBoxRow1 .teacherImg{
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 50%;
  }
  .teacherBoxRow1 .teacherImg img{ width: 100%; object-fit: cover; }

  .teacherBoxRow2{ display: flex; flex-direction: column;  row-gap: 5px; }
  .teacherBoxRow2 .innerRow2{ display: flex; align-items: center;column-gap: 10px; }
  .teacherBoxRow2 .innerRow2Item{
    width: 22px;
    height: 22px;
    background-color: white;
    border-radius: 7px;
    color: #0092F0;
    font-size: 12px;
    font-weight: 500;
    text-align:center;
    line-height: 22px;
  }
  .teacherBoxRow2 .present p{
    font-size: 16px; font-weight: 500; line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .teacherBoxRow2 .previous p{
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
  }
  .teacherBoxRow3{ border-top: 1.5px solid #9F9F9F; height: 75px;}
  .teacherBoxRow3 .row3Title{
    font-size: 17px;
    font-weight: 600;
    color: #0092F0;
    margin-bottom: 6px;
    padding-top: 20px;
  }
  .teacherBoxRow3 .row3Text{
    font-size: 14px;  font-weight: 400;
    color: #606163; line-height: 22px;
  }
  .teacherBoxRow3 .row3Text p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.2;
    height: 2.4em;
  }
  .teacherBoxRow4{ display: flex; justify-content: center; margin-top: 3px;}
  .teacherBoxRow4 .row4Img{ width: 50px; }
  .teacherBoxRow4 .row4Img img{ width: 100%; object-fit: cover; }

  #buleColor{color:#006cba;}

  .teach_img{height: 0; padding: 50% 0; }
  .instructorList{margin:0 2.5%;width:95%;}
  .instructorList li{float:left;margin:1.5%;width:30%;border:1px solid #006cba;}
  .instructorList li:nth-child(3n+1){clear: both; }
  .instructorList li a{display:block;width:100%;height:100%;text-decoration:none;}
  .instructorList li img{display:block;width:100%;}
  .instructorNameBG{width:100%; text-align:center;}
  .instructorName{display:inline-block;margin-top:9px;padding:6px;border-top:1px solid #b5b5b5; font-size:20px;font-weight:bold;color:#006cba;}
  .position{font-size:15px;color:#565656;}

  .curriculumInstructorBack{
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 99998;
    top: 0;
    left: 0;
    background-color:rgba(0,0,0,0.6);
  }
  .curriculumInstructorBG{
    position:fixed;
    top:0;
    width:100%;
    height: 85vh;
    background-color:rgba(0,0,0,0.9);
    z-index:99999;
    padding-top: 20px;
    padding-bottom: 100px;
    overflow-y: auto;
  }

  .closeBtn{
    position:relative;
    right:-86.7%;
    top:25px;
    display:block;
    width:25px;
    height:25px;
    background-image:url('/assets/_img/teacher_introdution/closeBtn_icon.svg');
    text-indent:-9999px;
  }
  .curriculumInstructorInfoBG{width:100%;background-color:#FAFAFA;}

  .curriculumInstructor{ margin:0 auto;}
  .teacherViewBox {
    height:60%;
    /* overflow-y:auto; */
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 50px;
  }

  .imgAndText{ /* width: 210px; */ }
  .curriculumFlex{overflow-y: auto;}
  .teacherIntroText{
    width: 80px;
    height: 32px;
    border-radius: 6px;
    text-align: center;
    line-height: 32px;
    color: white;
    font-weight: normal;
    background-color: #0092F0;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  /* .curriculumInstructorImg{float:left;width:200px;height:200px;} */
	.curriculumInstructorImg{width:140px;height:100%;}
  .curriculumInstructorImg img{width:100%;}

  .curriculumBox{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 320px;
    margin-bottom: 45px;
    word-break: break-word;
  }
  .curriculumBox .inquiry{
    color: white;
    width: 180px;
    height: 35px;
    border-radius: 5px;
    background-color: #0092F0;
    cursor: pointer;
    text-align: center;
    line-height: 35px;
  }
  .curriculumInstructorInfo{
    float:left;
    font-size:14px;
    /* font-weight:bold; */
    color:#fff;
    width: 100%;
    margin-bottom: 15px;

  }
  .curriculumInstructorInfo li{padding:1px 0px;line-height:18px;}
  .curriculumInstructorInfo > .name{font-size:20px;font-weight:bold;}
  .curriculumInstructorCareer{
    float: left;
    width:320px;
    font-size:14px;
    color:#fff;
  }

  .curriculumInstructorCareer li{padding:1px 0px;line-height:18px;}
  .careerTitle{margin-bottom:20px;font-size:20px;font-weight:bold;}
  .titleBorder{
    border-bottom: 1px solid white;
    height: 26px;
    width: 100%;
  }
  .curriculumInstructorInfoTitle{ margin-bottom: 5px; margin-top: 18px;  font-weight: 500; }
	.curriculumInstructorInfo .titleBorder {margin-bottom:20px;}
}

@media(max-width: 359px) {
  .instructorIntroductionBG{position:relative;}
  .instructorIntroduction{
    margin:0 auto;
    padding-top:70px;
    padding-bottom: 100px;
    width: 90%;
    max-width: 1080px;
  }
  .educationField{
    margin:0 auto;
    width:95%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-row-gap: 30px;
    grid-column-gap: 4px;
  }
  .educationField li a{
    display:block;
    text-decoration:none;
    text-align:center;
    line-height:25px;
    font-size:12px;
    color:#565656;
  }
  .educationField li a:hover{ color:#004795;font-weight:bold;}
  .educationField li a.on{color:#004795;font-weight:bold; }

  .clearfix:before{ content: " ";  display: none; }


  .introText{
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: normal;
    color: #8F8F8F;
  }
  .coureIcon{ height: 43px;  margin-bottom: 8px; }
  .coureIcon img{  height: 100%;  object-fit: cover; }
  .courseField{
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 35px 0px 0px 0px;
    border: 2px solid #B7B7B7;
    border-radius: 10px;
    box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.2);
  }

  .courseTitle{padding-top: 130px;}
  .courseTitle h1{ font-size: 33px;  font-weight: 900;  margin-bottom: 20px; }
  .teacherBoxGroup{
    max-width: 1080px;
    display: grid;
    grid-template-columns: repeat(1, minmax(171px, auto));
    column-gap: 40px;
    row-gap: 50px;
  }
  .teacherBox{
    width: 78%;
    height: 354px;
    background-color: #F0F2F8;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: normal;
    cursor: pointer;
    margin: 0 auto;
  }
  .teacherBoxRow1{ display: flex;  justify-content: space-between; }
  .teacherBoxRow1 .teacherBoxTitle p{
    font-size: 15px;
    font-weight: 400;
    color: white;
    width: 83%;
    height: 27px;
    background-color: #0092F0;
    border-radius: 25px;
    text-align: center;
    line-height: 27px;
    margin-bottom: 12px;
  }
  .teacherBoxRow1 .teacherBoxTitleWidthCh1 p{ width: 150px !important; }
  .teacherBoxRow1 .teacherBoxTitleWidthCh2 p{ width: 125px !important;
  }
  .teacherBoxRow1 .teacherBoxTitle h1{font-size: 25px; font-weight: 600;
  }
  .teacherBoxRow1 .teacherImg{
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 50%;
  }
  .teacherBoxRow1 .teacherImg img{ width: 100%; object-fit: cover; }

  .teacherBoxRow2{ display: flex; flex-direction: column; row-gap: 5px;}
  .teacherBoxRow2 .innerRow2{ display: flex; align-items: center;  column-gap: 10px; }
  .teacherBoxRow2 .innerRow2Item{
    width: 22px;
    height: 22px;
    background-color: white;
    border-radius: 7px;
    color: #0092F0;
    font-size: 12px;
    font-weight: 500;
    text-align:center;
    line-height: 22px;
  }
  .teacherBoxRow2 .present p{
    font-size: 16px; font-weight: 500; line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .teacherBoxRow2 .previous p{
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
  }
  .teacherBoxRow3{ border-top: 1.5px solid #9F9F9F; height: 75px;}
  .teacherBoxRow3 .row3Title{
    font-size: 17px;
    font-weight: 600;
    color: #0092F0;
    margin-bottom: 6px;
    padding-top: 20px;
  }
  .teacherBoxRow3 .row3Text{
    font-size: 14px;
    font-weight: 400;
    color: #606163;
    line-height: 22px;
  }
  .teacherBoxRow3 .row3Text p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.2em;
    height: 2.4em;
  }
  .teacherBoxRow4{ display: flex; justify-content: center; margin-top: 3px; }
  .teacherBoxRow4 .row4Img{ width: 50px; }
  .teacherBoxRow4 .row4Img img{ width: 100%; object-fit: cover;}

  #buleColor{color:#006cba;}

  .teach_img{height: 0; padding: 50% 0; }
  .instructorList{margin:0 2.5%;width:95%;}
  .instructorList li{float:left;margin:1.5%;width:30%;border:1px solid #006cba;}
  .instructorList li:nth-child(3n+1){clear: both; }
  .instructorList li a{display:block;width:100%;height:100%;text-decoration:none;}
  .instructorList li img{display:block;width:100%;}
  .instructorNameBG{width:100%; text-align:center;}
  .instructorName{display:inline-block;margin-top:9px;padding:6px;border-top:1px solid #b5b5b5; font-size:20px;font-weight:bold;color:#006cba;}
  .position{font-size:15px;color:#565656;}
  .curriculumInstructorBack{
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 99998;
    top: 0;
    left: 0;
    background-color:rgba(0,0,0,0.6);
  }

  .curriculumInstructorBG{
    position:fixed;
    top:0;
    /* transform: translateY(-50%); */
    width:100%;
    height: 86vh;
    background-color:rgba(0,0,0,0.9);
    z-index:99999;
    padding-top: 20px;
    padding-bottom: 100px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .closeBtn{
    position:relative;
    right:-90.7%;
    top:25px;
    display:block;
    width:25px;
    height:25px;
    background-image:url('/assets/_img/teacher_introdution/closeBtn_icon.svg');
    text-indent:-9999px;
  }
  .curriculumInstructorInfoBG{width:100%;background-color:#FAFAFA;}

  .curriculumInstructor{
    margin:0 auto;
    width: 92%;
    padding-left: 4px;
  }
  .teacherViewBox {
    height:60%;
    /* overflow-y:auto; */
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 35px;
  }

  .imgAndText{ width: 210px; }
  /* .curriculumFlex{overflow-y: auto;} */
  .teacherIntroText{
    width: 80px;
    height: 32px;
    border-radius: 6px;
    text-align: center;
    line-height: 32px;
    color: white;
    font-weight: normal;
    background-color: #0092F0;
    margin: 0 auto;
    margin-bottom: 25px;
  }
  .curriculumInstructorImg{width:130px;height:130px; margin: 0 auto;}
  .curriculumInstructorImg img{width:100%;}

  .curriculumBox{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 300px;
    margin-bottom: 45px;
    word-break: break-word;
  }
  .curriculumBox .inquiry{
    color: white;
    width: 180px;
    height: 35px;
    border-radius: 5px;
    background-color: #0092F0;
    cursor: pointer;
    text-align: center;
    line-height: 35px;
  }
  .curriculumInstructorInfo{
    float:left;
    font-size:14px;
    /* font-weight:bold; */
    color:#fff;
    width: 100%;
    margin-bottom: 15px;

  }
  .curriculumInstructorInfo li{padding:6px 0px;line-height:18px;}
  .curriculumInstructorInfo > .name{font-size:20px;font-weight:bold;}
  .curriculumInstructorCareer{
    float: left;
    width:300px;
    font-size:14px;
    color:#fff;
  }

  .curriculumInstructorCareer li{padding:1px 0px;line-height:18px;}
  .careerTitle{margin-bottom:20px;font-size:20px;font-weight:bold;}
  .titleBorder{ border-bottom: 1px solid white;  height: 26px;  width: 100%; }
  .curriculumInstructorInfoTitle{margin-bottom: 5px; margin-top: 18px;
    font-weight: 500;}
}