@charset "utf-8";

/* common  */
.c_orange {
  color: #ff9436 !important;
}
.c_blue {
  color: #0472fa !important;
}
.c_red {
  color: #ff5454 !important;
}
.c_gray {
  color: #797979 !important;
}
.c_gray2 {
  color: #999 !important;
}
.c_gray3 {
  color: #aaa !important;
}
.c_green {
  color: #06a42c !important;
}
.c_black {
  color: #333 !important;
}
.paddingTopBtm {
  padding-top: 135px;
  padding-bottom: 160px;
}
.btnVisual {
  width: 210px;
  height: 60px;
  border-radius: 5px;
  box-shadow: 5px 0 24px rgba(0, 0, 0, 0.05);
}


.titlePositionType1 {
  position: relative;
  left: -20px;
}
.visual.type1 {
  height: 500px;
  background: url(../img/sub/visual_junior.png) 50% / cover no-repeat;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.visual.type1 h2 b {
  color: #06a42c;
}
.visual.type1 h2 b,
.visual.type1 h2 {
  font-size: 48px;
}
.visual.type1 h3 {
  font-size: 24px;
  font-weight: bold;
  margin: 30px 0 15px;
}
.visual.type1 p {
  font-size: 18px;
}
.visual.type1 button {
  margin-top: 20px;
  width: 210px;
  height: 60px;
  background: #06a42c;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
}

.visual.speaking {
  background: url(../img/sub/visual_speaking.png) 50% / cover no-repeat;
}
.visual.writing {
  background: url(../img/sub/visual_writing.png) 50% / cover no-repeat;
}
.visual.introduction {
  background: url(../img/sub/visual_introduction.png) 50% / cover no-repeat;
}
.visual.beginner {
  background: url(../img/sub/visual_beginner.png) 50% / cover no-repeat;
}
.visual.answer {
  background: url(../img/sub/visual_answer.png) 50% / cover no-repeat;
}
.visual.duolingo {
  background: url(../img/sub/visual_duolingo.png) 50% / cover no-repeat;
}
.visual.custom {
  background: url(../img/sub/visual_custom.png) 50% / cover no-repeat;
}
.visual.engTest {
  background: url(../img/sub/visual_engTest.png) 50% / cover no-repeat;
  height: 650px !important;
}
.visual.freetrial {
  background: url(../img/sub/visual_freetrial.png) 50% / cover no-repeat;
}
.visual.my {
    background: url(../course/img/슈퍼잉글리시_주니어프리미엄1-1.png) 50% / cover no-repeat;
  color:#000;
}


.visual.my h2 {
  margin-bottom: 16px;
  font-weight: 300;
}

.visual.teacher {
  background: url(../course/img/슈퍼잉글리시_주니어프리미엄1-1.png) 50% / cover no-repeat;
  height: 500px !important;
  position: relative;
  margin-top: 0 !important;
}

.teacherVisual {
  position: relative;
}
.teacherVisual .subNav {
  background: none;
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: none;
}

.teacherVisual .subNav button {
  border-bottom: 1px solid #e3e8ee;
}

.visual.engTest p {
  margin-top: 50px;
}
.visual.engTest > .widthWrap2 {
  padding-bottom: 0;
}
.visual.type3 {
  height: 500px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #fff;
  padding-top: 160px;
}

.visual.type2 {
  height: 500px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #fff;
  margin-top: 0;
}
.visual.type2 h2 b,
.visual.type2 h2 {
  font-size: 48px;
  color: #000;
}
.visual.type2 h2 {
    font-weight: 300;
}
.visual.type2 h2 b {
    color: #33a337;
}
.visual.type2 h3 {
  font-size: 24px;
  font-weight: bold;
  margin: 20px 0;
}
.visual.type2 p {
  font-size: 18px;
}

.infobox {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 70px;
}
.alignStart {
  align-items: flex-start;
}
.alignEnd {
  align-items: flex-end;
}
.alignCetner {
  align-items: center;
}
.infobox.leftimg .text {
  padding-left: 30px;
}
.infobox .text p {
  color: #707077;
  font-size: 18px;
  margin-top: 10px;
  line-height: 1.4;
  white-space: nowrap;
}

.infobox h4.title b,
.infobox h4.title {
  font-size: 40px;
}
.infobox h4.title {
  position: relative;
  margin-bottom: 30px;
  font-weight: 100;
  white-space: nowrap;
}

.infobox h4.title.blueBar::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 5px;
  background: #0472fa;
  position: absolute;
  top: -30px;
}

.infobox h4.title.violetBar::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 5px;
  background: #6051f2;
  position: absolute;
  top: -30px;
}

.infobox4 {
  margin-top: 200px;
  position: relative;
  left: -50px;
}

.infobox4 .text {
  padding-left: 100px !important;
}

.infobox5 {
  margin-top: 150px;
}

.infobox5 h4 {
  position: relative;
  left: -20px;
  margin-bottom: 35px;
}

.infobox5 .text {
  padding-right: 50px;
}

.infobox6 {
  position: relative;
  left: -100px;
  padding-top: 80px;
}

.infobox6 .text h4 {
  position: relative;
  left: -10px;
  margin-bottom: 20px;
}

.infobox7 {
  padding-top: 80px;
}
.infobox7 .text {
  padding-right: 40px;
}
.infobox7 .text h4 {
  position: relative;
  left: -20px;
  margin-bottom: 30px;
}

.infobox8 {
  margin-top: 150px;
  position: relative;
  left: -50px;
}
.infobox8 h4 {
  margin-bottom: 30px;
}
.infobox8 .text {
  padding-left: 170px !important;
}

.infobox9 {
  margin-top: 80px;
}

.infobox9 h4 {
  position: relative;
  left: -20px;
  margin-bottom: 30px;
}

.infobox9 .text {
  padding-right: 40px;
}

.infobox10 {
  position: relative;
  left: -70px;
  padding-top: 80px;
}
.infobox10 h4 {
  position: relative;
  left: -10px;
  padding-bottom: 30px;
}

.infobox10 .text {
  padding-left: 50px !important;
}

.infobox11 {
  padding-top: 80px;
}

.infobox11 h4 {
  padding-bottom: 20px;
}

.infobox11 .text {
  padding-right: 100px;
}

.introInfobox1 {
  margin-bottom: 90px;
}
.introInfobox1 .text {
  padding-left: 50px !important;
}

.introInfobox3 {
  padding-top: 50px;
}
.introInfobox3 .text {
  padding-left: 150px !important;
}
.introInfobox4 {
  padding-top: 50px;
}

.introInfobox4 .text {
  padding-right: 40px;
}

.writingbox2 {
  padding-top: 20px;
}
.writingbox2 .text {
  padding-right: 50px !important;
}
.writingbox3 {
  padding-top: 70px !important;
}
.writingbox3 .text {
  padding-left: 190px !important;
}

.writingbox4 {
  padding-top: 50px;
}
.writingbox4 .text {
  padding-right: 100px;
}

.beginnerbox1 {
}
.beginnerbox1 .text {
  padding-left: 140px !important;
}

.beginnerbox2 {
}
.beginnerbox2 .text {
  padding-right: 120px !important;
}

.answerbox {
}
.answerbox .text {
  width: 594px;
}

.duolingobox .text {
  padding-left: 130px !important;
}

.infobox .btnView {
  width: 110px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  background: #0472fa;
  border-radius: 5px;
  margin-top: 35px;
  display: block;
}

.curriculum .checkLevel {
  margin: 40px 0 35px;
  border-top: 1px solid #eef1f5;
  border-bottom: 1px solid #eef1f5;
  padding: 22px 10px;
}
.curriculum .checkLevel label {
  position: relative;
  margin-right: 40px;
}
.curriculum .checkLevel label input {
  position: fixed;
  left: -9999px;
}

.curriculum .checkLevel label input:checked + i {
  background: #3db739;
}

.curriculum .checkLevel label i {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 5px;
  border: 2px solid #3db739;
  background: #fff;
  margin-right: 7px;
  position: relative;
  top: 2px;
}
.curriculum .checkLevel label span {
  font-family: lato, sans-serif;
  font-size: 18px;
}

.choiceKind {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  row-gap: 25px;
  column-gap: 16px;
  flex-wrap: wrap;
}
.choiceKind .item {
  width: 352px;
  height: 140px;
  background: #f3f5f7;
  border-radius: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 30px 40px;
}

.choiceKind .icon {
  width: 65px;
  height: 65px;
}

.choiceKind input {
  position: fixed;
  left: -9999px;
}

.choiceKind .text {
  text-align: left;
  padding-left: 30px;
}
.choiceKind .text .eng {
  font-size: 20px;
  margin-bottom: 10px;
  font-family: lato, sans-serif;
  font-weight: 600;
}
.choiceKind .text .kor {
  color: #707077;
  font-size: 18px;
}

.choiceKind .item.on {
  background: linear-gradient(to right, #07b183, #047de6);
  box-shadow: 0 5px 24px rgb(4, 114, 250, 0.3);
  text-decoration: none !important;
}
.choiceKind .item.on * {
  color: #fff;
}

.choiceKind .icon.phonics {
  background: url(../img/junior/ico_phonics.png) 50% / contain no-repeat;
}
.choiceKind .item.on .icon.phonics {
  background: url(../img/junior/ico_phonics_on.png) 50% / contain no-repeat;
}

.choiceKind .icon.speaking {
  background: url(../img/junior/ico_speaking.png) 50% / contain no-repeat;
}
.choiceKind .item.on .icon.speaking {
  background: url(../img/junior/ico_speaking_on.png) 50% / contain no-repeat;
}

.choiceKind .icon.debate {
  background: url(../img/junior/ico_debate.png) 50% / contain no-repeat;
}
.choiceKind .item.on .icon.debate {
  background: url(../img/junior/ico_debate_on.png) 50% / contain no-repeat;
}

.choiceKind .icon.reading {
  background: url(../img/junior/ico_reading.png) 50% / contain no-repeat;
}
.choiceKind .item.on .icon.reading {
  background: url(../img/junior/ico_reading_on.png) 50% / contain no-repeat;
}

.choiceKind .icon.writing {
  background: url(../img/junior/ico_writing.png) 50% / contain no-repeat;
}
.choiceKind .item.on .icon.writing {
  background: url(../img/junior/ico_writing_on.png) 50% / contain no-repeat;
}

.choiceKind .icon.grammer {
  background: url(../img/junior/ico_grammer.png) 50% / contain no-repeat;
}
.choiceKind .item.on .icon.grammer {
  background: url(../img/junior/ico_grammer_on.png) 50% / contain no-repeat;
}

.choiceKind .icon.critical {
  background: url(../img/junior/ico_critical.png) 50% / contain no-repeat;
}
.choiceKind .item.on .icon.critical {
  background: url(../img/junior/ico_critical_on.png) 50% / contain no-repeat;
}

.choiceKind .icon.science {
  background: url(../img/junior/ico_science.png) 50% / contain no-repeat;
}
.choiceKind .item.on .icon.science {
  background: url(../img/junior/ico_science_on.png) 50% / contain no-repeat;
}

.choiceKind .icon.math {
  background: url(../img/junior/ico_math.png) 50% / contain no-repeat;
}
.choiceKind .item.on .icon.math {
  background: url(../img/junior/ico_math_on.png) 50% / contain no-repeat;
}

.btnLevelTest {
  padding: 0 10px;
  height: 40px;
  border-radius: 5px;
  color: #fff;
  background: #ffae00;
  margin-top: 40px;
}

.curriculumList h5 {
  font-family: lato, sans-serif;
  font-size: 24px;
  font-weight: bold;
}
.curriculumList ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 50px 0 0;
}
.curriculumList ul li {
  width: 33.3333%;
  margin-bottom: 55px;
}
.curriculumList ul li .item {
  width: 175px;
  margin: 0 auto;
}
.curriculumList ul li .poster {
  position: relative;
}

.curriculumList ul li .poster:hover .cover {
  display: block;
}
.curriculumList ul li .poster .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    45deg,
    rgba(4, 114, 250, 0.8),
    rgba(7, 188, 110, 0.8)
  );
  text-align: center;
  display: none;
}
.curriculumList ul li .poster .cover img {
}
.curriculumList ul li .poster .cover p {
  color: #fff;
  margin-top: 10px;
  font-weight: 500;
}

.curriculumList ul li .textTitle {
  font-size: 16px;
  margin: 10px 0 0;
  font-family: lato, sans-serif;
  letter-spacing: -0.5px;
}
.curriculumList ul li .textLevel {
  font-size: 14px;
  color: #07bc6e;
  font-weight: bold;
  font-family: lato, sans-serif;
}

.paging {
  display: flex;
  justify-content: center;
  align-items: center;
}
.paging a {
  display: inline-block;
  margin: 0 5px;
  color: #707077;
  font-size: 16px;
  font-family: lato, sans-serif;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-weight:bold;
}

.paging a.num.on,
.paging a.num:hover {
  background: #0472fa;
  color: #fff;
  font-size: 16px;
  width: 24px;
  height: 24px;
  text-decoration: none !important;
}

.paging a img {
  position: relative;
  top: -2px;
}

.curriculumDetail {
}
.curriculumDetail h5 {
  font-family: lato, sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 40px;
}
.curriculumDetail .detail {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 35px;
  border-bottom: 1px solid #eee;
}
.curriculumDetail .detail .img {
}
.curriculumDetail .detail .img img {
}
.curriculumDetail .detail .text {
  padding-left: 30px;
}
.curriculumDetail .detail .text .title {
  font-size: 18px;
  color: #212121;
  font-family: lato, sans-serif;
  font-weight: 600;
  margin-bottom: 15px;
}
.curriculumDetail .detail .text p {
  color: #707077;
  line-height: 1.4;
}
.curriculumDetail .detail .btn {
  margin-top: 30px;
}
.curriculumDetail .detail .btn .btn1 {
  background: linear-gradient(70deg, #047ce7, #07b280);
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  margin-right: 15px;
  font-weight: 500;
}

.curriculumDetail .detail .btn .btn2 {
  background: #07b280;
  color: #fff;
  padding: 10px 15px;
  border-radius: 5px;
  margin-right: 15px;
  font-weight: 500;
}

.curriculumList.type2 ul {
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding-top: 30px;
}
.curriculumList.type2 ul li {
  width: auto;
  margin-right: 18px;
  margin-bottom: 0;
}

.popupCurriculum {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popupCurriculum .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.popupCurriculum .con {
  z-index: 1;
  width: 1090px;
  height: 925px;
  background: #fff;
  margin: 0 auto;
  position: relative;
  margin-top: 10px;
  overflow: auto;
  border-radius: 20px;
  padding: 80px;
}
.popupCurriculum .con .title {
  font-size: 32px;
  font-weight: 100;
}
.popupCurriculum .con .title b {
  font-size: 32px;
  font-family: lato, sans-serif;
  font-weight: 700;
}
.popupCurriculum .con .popupClose {
  background: none;
  position: absolute;
  top: 40px;
  right: 40px;
}
.popupCurriculum .con .popupClose img {
}
.popupCurriculum .con .subText {
  color: #07bc6e;
  font-size: 16px;
  font-family: lato, sans-serif;
  font-weight: 700;
  margin-top: 15px;
}
.popupCurriculum .con .content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: 50px;
  row-gap: 40px;
}
.popupCurriculum .con .content .item {
  margin-top: 25px;
}

.checkinfobox {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
}
.checkinfobox > .bar {
  position: absolute;
  width: 100%;
  height: 2px;
  background: url(../img/intro/bar.png) top / contain repeat-x;
  top: 182px;
}
.checkinfobox .info {
}
.checkinfobox .info img {
  z-index: 1;
  position: relative;
}
.checkinfobox .info b {
  display: block;
  font-size: 24px;
  color: #6051f2;
  line-height: 1.4;
  margin: 20px 0 15px;
}
.checkinfobox .info p {
  color: #707077;
  font-size: 18px;
  margin-top: 15px;
}

.customList {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.customList li {
  width: 355px;
  height: 295px;
  border: 2px dashed #aaa2f8;
  border-radius: 10px;
  padding: 70px 20px 0 40px;
  cursor:pointer;
}
.customList li span {
  font-family: lato, sans-serif;
  color: #6051f2;
}
.customList li .title {
  padding-top: 10px;
  padding-bottom: 17px;
  margin-bottom: 13px;
  font-size: 24px;
  font-weight: bold;
  position: relative;
}

.customList li .title:after {
  content: "";
  display: inline-block;
  width: 32px;
  height: 4px;
  background: #6051f2;
  position: absolute;
  bottom: 0;
  left: 0;
}

.customList li .txt {
  color: #707077;
}

.customList li:hover,
.customList li.on {
  background: linear-gradient(to bottom, #6051f2, #0572fa);
  border: 0;
  box-shadow: 0 15px 18px rgba(4, 144, 250, 0.25);
}

.customList li:hover *,
.customList li.on * {
  color: #fff;
}
.customList li:hover .title:after,
.customList li.on .title:after {
  background: #fff;
}

.popupCustom {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.popupCustom .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.popupCustom .con {
  z-index: 1;
  width: 1370px;
  height: 592px;
  background: #fff;
  margin: 0 auto;
  position: relative;
  margin-top: 8%;
  border-radius: 20px;
  padding: 80px;
  overflow: hidden;
}
.popupCustom .con .title {
  font-size: 40px;
  font-weight: 100;
}
.popupCustom .con .title b {
  font-size: 40px;
  font-weight: 700;
}
.popupCustom .con .popupClose {
  background: none;
  position: absolute;
  top: 40px;
  right: 50px;
}

.popupCustom .con .conBg {
  position: absolute;
  background: #f3f5f7;
  width: 100%;
  height: 267px;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.popupCustom .curriculumList ul {
  flex-wrap: wrap;
  padding-left: 40px;
}

.popupCustom .curriculumList ul li {
  width: auto;
  margin-right: 17px;
  margin-bottom: 50px;
}

.popupCustom .curriculumList ul li .poster .cover {
  background: linear-gradient(
    45deg,
    rgba(4, 114, 250, 0.8),
    rgba(96, 81, 242, 0.8)
  );
}

.teacher .btnBack {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  background: none;
  color: #707077;
}
.teacher .btnBack img {
  margin-right: 10px;
}

.teacherbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 90px;
}
.teacherbox > div {
  box-shadow: 0 1px 16px rgba(112, 112, 119, 0.08);
  background: #fff;
  border-radius: 10px;
  min-height: 622px;
}

.teacherbox .left {
  margin-right: 30px;
}

.teacherbox .left .top {
  position: relative;
}
.teacherbox .left .top .text {
  position: absolute;
  color: #fff;
  left: 40px;
  bottom: 50px;
}

.teacherbox .left .top .text * {
  font-family: lato, sans-serif;
}

.teacherbox .left .top .text p {
  font-size: 18px;
}
.teacherbox .left .top .text b {
  font-size: 32px;
  font-weight: 600;
}

.teacherbox .left .btm {
  padding: 20px;
}

.teacherbox .left .btm ul {
  padding: 0 20px;
}
.teacherbox .left .btm ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
}

.teacherbox .left .btm ul li span {
  color: #707077;
  text-align: right;
}

.teacherbox .right {
  padding: 65px 40px 65px 65px;
}
.teacherbox .right * {
  word-break: keep-all;
}

.teacherbox .right .title b,
.teacherbox .right .title {
  font-size: 24px;
  font-family: "NotoSansKR", sans-serif;
}
.teacherbox .right p {
  margin-top: 20px;
  color: #707077;
}

.teacherlist h3 *,
.teacherlist h3 {
  font-size: 40px;
}
.teacherlist h3 {
  margin-bottom: 40px;
}

.searchbox {
  border-top: 1px solid #eef1f5;
  padding-top: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.searchbox .left {
  width: 823px;
}
.searchbox .left .choice {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.searchbox .left .choice label {
  position: relative;
}
.searchbox .left .choice label input {
  position: fixed;
  left: -9999px;
}

.searchbox .left .choice label input:checked + i {
  background: #0472fa;
}
.searchbox .left .choice label i {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 2px solid #0472fa;
}

.searchbox .left .choice label span {
  font-size: 18px;
  font-weight: 700;
  margin-left: 17px;
  margin-right: 40px;
}
.searchbox .left .choice label {
}
.searchbox .left .selectbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.searchbox .left .selectbox select {
  border: 1px solid #e3e8ee;
  width: 403px;
  height: 50px;
  border-radius: 5px;
  color: #707077;
  background-position: 370px;
}

.searchbox .right {
}
.searchbox .right button {
  width: 250px;
  height: 90px;
  color: #fff;
  background: linear-gradient(
    to left,
    rgba(4, 114, 250, 0.8),
    rgba(96, 81, 242, 0.8)
  );
  border-radius: 8px;
}

.teacherItems {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: 40px;
}
.teacherItems li {
  width: 25%;
  position: relative;
  margin-bottom: 10px;
}
.teacherItems li .text {
  text-align: center;
  height: 175px;
}
.teacherItems li .text .top {
  padding-top: 25px;
}
.teacherItems li .text .top b {
  font-size: 32px;
  font-weight: 600;
}
.teacherItems li .text .top p {
  font-size: 16px;
  color: #707077;
  margin-top: 3px;
}
.teacherItems li .text .btm {
  position: absolute;
  bottom: 18px;
  color: #fff;
  z-index: 1;
  width: 100%;
}
.teacherItems li .text .btm a {
  color: #fff;
}
.teacherItems li > img {
  position: absolute;
  top: 0;
  left: -10px;
  z-index: -1;
}

.curriculumList2Wrap {
  display: none;
}

/* 로그인 */
.memberWrap {
  background:#f3f5f7 url(../img/member/join_bg.png) center 50px /cover no-repeat;
  min-height:100vh;
  text-align: center;
}
.memberWrap.login .contentbox {
  background: #fff;
  width:563px;
  min-height:752px;
  margin:0 auto;
  border-radius: 16px;
  padding:72px;
  position: relative;
}
.memberWrap .contentbox .subText {
  font-size:18px;
  color:#707077;
  margin-top: 25px;
  margin-bottom: 32px;
}
.inputStyle1 {
  border:1px solid #E3E8EE;
  width:100%;
  height:55px !important;
  padding-left: 24px;
  font-size:16px !important;
}
.inputStyle1::placeholder {
  color:#AAB0B7;
  font-size:16px !important;
}
.memberWrap .contentbox .joinForm>input:first-child {
  margin-bottom: 16px;

}
.memberWrap .contentbox .joinForm .checkSave {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 24px;
}
.checklabel {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 16px;
}
.checklabel input {
  position: fixed;
  left:-9999px;
}
.checklabel input:checked + i {
  background: #0472fa;
}
.checklabel i {
  display: inline-block;
  width:16px;
  height:16px;
  border-radius: 4px;
  border:1px solid #0472FA;
}
.checklabel span {
  font-size:14px;
  color:#707077;
  margin-left: 8px;
}
.memberWrap .btnMember {  
  width:127px;
  height:55px;
  background: #0472fa;
  border-radius: 4px;
  color:#fff;
  font-size:16px;
  font-weight: 500;
}
.memberWrap .linkjoin {
  margin-top: 30px;
  margin-bottom: 45px;
}
.memberWrap .linkjoin a img {
  margin-right: 7px;
}
.memberWrap .linkjoin a span {
  color:#707077;
  font-size:14px;
}
.memberWrap .linkjoin a:first-child {
  padding-right: 16px;
  border-right: 1px solid #707077;
  margin-right: 16px;
}
.memberWrap .linkSns a:first-child {
  margin-right: 32px;
}

/* 회원가입 */

.memberWrap.join {
  padding:70px 0;
}

.memberWrap.join .contentbox {
  margin:0 auto;
}

.memberWrap.join .contentbox .innerWrap {
  background: #fff;
  border-radius: 32px 32px 16px 16px;
  width:531px;
  margin:0 auto;
  padding:40px 0;
}
.memberWrap.join .joinForm {
  margin-top: 40px;
  padding:0 40px;
}

.memberWrap.join .joinForm .idbox {
  display: flex;
  justify-content: space-between;
  align-items: center;

}
.memberWrap.join .joinForm .idbox input {
  margin-right: 8px;
  width:316px;
  margin-top: 0;
}
.memberWrap.join .joinForm .idbox button {
  width:127px;
  height:55px;
  border-radius: 4px;
  color:#fff;
  font-weight: 500;
  background: linear-gradient(to left, #7b61ff, #0472fa);
}

.memberWrap .subTextbox {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}
.memberWrap .subTextbox .dot {
  margin-right: 5px;
  position: relative;
  top:3px;
}
.memberWrap .subTextbox .text {
  font-size:12px;
  color:#707077;
  margin-top: 8px;
  line-height: 1.4;
}

.memberWrap.join input {
  margin-top: 16px;
}
.memberWrap.join .nameInputbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.memberWrap.join .nameInputbox input:first-child {
  margin-right:17px;

}
.memberWrap.join .phoneInputbox {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 16px;
}

.memberWrap.join .phoneInputbox select {
  background-position: 120px;
  color:#707077;
  font-weight: 400;
}

.memberWrap.join .phoneInputbox input {
  margin-top: 0;
  margin-left: 8px;
}
.memberWrap.join .agreebox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.memberWrap.join .agreebox .checklabel {
  margin-top: 16px;
}
.memberWrap.join .agreebox a {
  display: inline-block;
  color:#0472FA;
  font-size:14px;
  text-decoration: underline !important;
  margin-top: 16px;
}
.memberWrap.join .agreebox label {
  margin-right: 10px;
}
.memberWrap.join .btnMember {
  margin-top: 24px;
}
.memberWrap.join .linkSnsbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #F3F5F7;
  margin-top: 16px;
  padding-top: 24px;
  padding: 24px 40px 0;
}
.memberWrap.join .linkSnsbox .text {
  text-align: left;
  line-height: 1.4;
}

.linkLogin  {
  margin-top: 24px;
}
.linkLogin * {
  color:#fff;
  font-size:14px;
}
.linkLogin a {
  text-decoration: underline !important;
}
/* 수강등록 */
.regist {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.regist>.left {
  width:650px;
}
.regist>.left .title {}
.regist>.left .title p {
  font-size:24px;
  margin-bottom: 7px;
}

.regist>.left .title .bar {
  font-size:27px;
}
.regist>.left .title .sub {
  font-size:16px;
  color:#AAB0B7;
}


.regist>.left .title strong {
  font-size:24px;
  font-weight:bold;
  margin-bottom: 24px;
}


.btnbox.item3 label {
  width:33.3333%;
}


.btnbox label {
  margin-bottom: 16px;
}

.btnbox {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top:24px;
}

.btnbox .box {
  width:100%;
  margin-right: 16px;
}
.btnbox .box:last-child {
  margin-right: 0;
}

.btnbox .box label {
  margin-bottom: 16px;
}

.btnbox label {
  position: relative;
  color:#AAB0B7;
  background: #F3F5F7;
  text-align: center;
  height:54px;
  line-height: 54px;
  border-radius: 8px;
  width:100%;
  margin-right: 16px;
  overflow:hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btnbox label:last-child {
  margin-right: 0;
}


.btnbox label input {
  position: fixed;
  left:-9999px;
}

.btnbox label span {
  display: block;
  width:100%;
  font-weight: 500;
}

.btnbox label.on span,
.btnbox label:hover span,
.btnbox label input:checked + span {
  background: #0472FA;
  color:#fff;
  display: block;
  height:100%;
  line-height: 54px;
}

.regist>.right {}

.subInfoLink {
  position: relative;
}
.subInfoLink>span {
  display: inline-block;
  color:#0472FA;
  font-size:14px;
  text-decoration: underline !important;
}

.subInfoLink:hover .tooltip {
  display: block;
  position: absolute;
  top:0;
  left:170px;
  z-index: 10;
}


.tooltip {
  display: none;
  width:564px;
  height:202px;
  border-radius: 0 24px 24px 24px;
  background: #fff;
  padding:32px;
  border:1px solid #E3E8EE;
  box-shadow:0 5px 24px 0 rgba(0,0,0,0.05);
}

.tooltip h5 {
  font-size:16px;
  font-weight:bold;
  margin-bottom: 3px;
}
.tooltip ul {
  padding-left: 25px;
  margin-bottom: 25px;
}
.tooltip ul li {
  list-style: disc;
  line-height: 1.6;
  color:#707077;
}
.tooltip ul li b {
  font-weight:500;
  color:#000;
}

.regist .processbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}

.regist .processbox:first-child {
  margin-top: 26px;
}

.regist .processbox .dateInfo {
  min-width:127px;
  width:127px;
  height:55px;
  line-height: 55px;
  background: #0472FA;
  color:#fff;
  text-align: center;
  border-radius: 4px;
  font-size:16px;
  font-weight:500;
  display: block;
}
.regist .processbox input {
  width:385px;
  height:55px !important;
  font-size:16px;
  padding-left: 20px;
}
.regist .processbox .btnSearch {
  width:127px;
  height:55px;
  background: linear-gradient(to bottom, #6051f2, #0572fa);
  color:#fff;
  border-radius: 4px;
  font-size:16px;
  font-weight:600;
  display: flex;
  justify-content: center;
  align-items: center;
}

.timebox {
  margin-top:32px;
}

.timebox .dateBtn {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.timebox .dateBtn label {
  width:100%;
  height:73px;
  font-size:18px;
  color:#AAB0B7;
  font-weight:500;
  display: block;
  overflow:hidden;
}

.timebox .dateBtn label span {
  border-radius: 8px 8px 0 0;
  font-size:18px;
  color:#aab0b7;
  font-weight:500;
  background: #F3F5F7;
  display: block;
  height:73px;
  line-height: 73px;
  text-align:center;
  border:0;
  border:1px solid #E3E8EE;
}
.timebox .dateBtn label input {
  position: fixed;
  left:-9999px;
}

.timebox .dateBtn label.on span,
.timebox .dateBtn label input:checked+span,
.timebox .dateBtn label span:hover {
  background: #fff;
  border-bottom:1px solid transparent;
  color:#000;
}

.timebox .timeTable {
  border:1px solid #E3E8EE;
  border-top:0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding:50px 0;
}
.timebox .timeTable .box {
  width:33.3333%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap:wrap;
  border-right:1px solid #E3E8EE;
  padding:0 35px;
}
.timebox .timeTable .box:last-child {
  border-right: 0;
}

.timebox .timeTable .box label {
  background: none;
  width:50%;
  margin-bottom: 15px;
  cursor:default;
  display: block;
}

.timebox .timeTable .box label:nth-last-child(1),
.timebox .timeTable .box label:nth-last-child(2) {
  margin-bottom: 0;
}

.timebox .timeTable .box input {
  position: fixed;
  left:-99999px;
}

.timebox .timeTable .box span {
  color:#000;
  display: block;
  text-align: center;
  font-size:18px;
  font-weight:600;
  padding:5px 5px 3px;
  border:2px solid transparent;
  cursor: pointer;
  margin:0 auto;
  width:72px;
}

.timebox .timeTable .box:checked span {}


.timebox .timeTable .box input:disabled + span {
  color:#AAB0B7;
  cursor:default;
}

.timebox .timeTable .box input:checked + span {
  color:#0472FA;
  border:2px solid #0472FA;
  border-radius: 4px;
  box-shadow:5px 5px 10px 2px rgba(4, 114, 250, 0.02);
}

.regist>.right {
  width:390px;
}

.regist>.right .classinfo {
  background: #F3F5F7;
  border-radius: 8px;
  padding:40px;
}

.regist>.right .classinfo h3 {
  font-size:24px;
  font-weight:300;
  line-height: 1.4;
}
.regist>.right .classinfo h3 b {
  font-size:24px;
}
.regist>.right .classinfo .list {
  margin-top: 40px;
}
.regist>.right .classinfo .list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.regist>.right .classinfo .list li b {}
.regist>.right .classinfo .list li span {
  color:#707077;
  text-align: right;
}
.regist>.right .point {}
.regist>.right .point h4 {
  font-weight: bold;
  margin-bottom: 10px;
}
.regist>.right .point .inputbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.regist>.right .point .inputbox b {
  font-size:24px;
}
.regist>.right .point .inputbox input {
  width:287px;
  height:55px;
}
.regist>.right .point>p {
  font-size:14px;
  margin-top: 10px;
  color:#707077;
}
.regist>.right hr {
  margin:25px 0;
}

.regist .selectPay {
  width:100%;
  min-height:230px;
  padding:24px;
  background: #E7F1FF;
  border-radius: 8px;
}
.regist .selectPay h4 {
  font-size:16px;
  font-weight:bold;
  margin-bottom: 8px;
}
.regist .selectPay select {
  width:100%;
  height:55px;
  font-size:14px;
  padding-left: 20px;
  color:#707077;
  background-position: 310px;
}
.regist .selectPay input {
  padding-left: 15px !important;
  font-size:14px !important;
}
.regist .selectPay input::placeholder {
  font-size:14px !important;
}

.regist .infoPay {
  margin:30px 0;
  border-radius: 8px;
  padding:40px;
  color:#fff;
  background: linear-gradient(to left, #98D5E5, #7B61FF);
}
.regist .infoPay .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom:1px solid #F3F5F7;
  margin-bottom: 20px;
  padding-bottom:20px;
}
.regist .infoPay .top .price {
  text-align: center;
}
.regist .infoPay .top .price p {
  font-size:12px;
  font-weight:100;
  color:#E3E8EE;
  margin-bottom: 2px;
}
.regist .infoPay .top .price span {
  font-size:18px;
}
.regist .infoPay .top>span {
  font-size:18px;
}
.regist .infoPay .btm {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.regist .infoPay .btm>* {
  display: inline-block;
}

.regist .infoPay .btm .left {
  font-size:18px;
  font-weight:500;
  padding:8px 16px;
  background: rgba(255,255,255,0.2);
  border-radius: 8px;
}
.regist .infoPay .btm .right {
  display: flex;
  justify-content: center;
  align-items: center;
}
.regist .infoPay .btm .right b {
  font-size:24px;
  font-weight:600;
}
.regist .infoPay .btm .right span {
  margin-left: 10px;
}

.regist .btnRegist {
  background: linear-gradient(to right, #0472FA, #7B61FF);
  width:100%;
  height:83px;
  border-radius: 4px;
  padding:24px 56px;
  color:#fff;
  text-align: center;
  box-shadow:5px 5px 10px rgba(4, 114, 250, 0.15);
  font-size:24px;
  font-weight:500;
}

.subInfoText {
  color:#707077;
  font-size:14px;
}

.subInfoText3 {
  color:#0472FA;
  font-size:14px;
  text-decoration: underline !important;
}

.noneFlex {
  display: block !important;
}

.popupRegist {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popupRegist .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.popupRegist .con {
  z-index: 1;
  width: 1090px;
  height: 700px;
  background: #fff;
  margin: 0 auto;
  position: relative;
  margin-top: 10px;
  overflow: auto;
  border-radius: 20px;
  padding: 80px;
}

.popupRegist h4 {
  font-size:32px;
  font-weight:300;
}
.popupRegist h4 b {
  font-size:32px;
}

.popupRegist .popupClose {
  position: absolute;
  right:80px;
  top:70px;
}

.popupRegist .curriculum .checkLevel label span{
  font-weight:bold;
  font-size:16px;
}

.popupRegist .curriculum .checkLevel label {
  margin-right: 30px;
}

.popupRegist .curriculum .checkLevel {
  padding:16px 0;
  margin:30px 0 35px;
}
.popupRegist .curriculum .choiceKind{
  row-gap:16px;
}
.popupRegist .curriculum .choiceKind .item {
  width:299px;
  height:116px;
  padding:30px 15px 30px 25px;
}
.popupRegist .curriculum .choiceKind .text {
  padding-left: 15px;
}
.popupRegist .curriculum .choiceKind .text .eng {
  font-size:18px;
  font-weight:bold;
}

.popupRegist .curriculumList h5 {
  font-size:18px;
}

.popupRegist .curriculumList ul {
  padding-top: 30px;
  padding-right: 20px;
  
}
.popupRegist .curriculumList {
  overflow:auto;
  height:490px;
}

.popupRegist .curriculumList ul li:nth-child(3n+0) .item {
  margin-right:0;
}
.popupRegist .curriculumList ul li:nth-child(3n+1) .item {
  margin-left:0;
}

.popupRegist .curriculumList ul li .textTitle{
  font-weight: bold;
}
.popupRegist .curriculumList ul li .textLevel {
  font-weight:400;
}

.popupRegist.heightType2 .con {
  height:830px;
}

.popupRegist .curriculumDetail {
  height:510px;
  overflow:auto;
}
.popupRegist .curriculumDetail .curriculumList {
  padding-right: 10px;
}

.popupRegist .curriculumDetail h5 { 
  font-size:18px;
  margin-bottom: 30px;
}
.popupRegist .curriculumDetail .detail {
  align-items: flex-start;
}

.popupRegist.detail .con {
  padding:80px 60px;
}

.popupRegist.detail .curriculumList ul {
  overflow:hidden;
  height:auto;
}

.popupRegist.detail .btnSelectBook {  
  display: inline-block;
  width:175px; 
  height:40px;
  text-align: center;
  color:#fff;
  background: #07BC6E;
  border-radius: 4px;
  margin-top: 16px;
}
.popupRegist.detail .btnMainStyle2 {
  width:317px;
  height:83px;
  margin-top: 32px;
}

.freetrial {
  padding-top: 70px;
  padding-bottom: 200px;
}

.visual.freetrial b,
.visual.freetrial h2 {
  font-size:40px;
}
.visual.freetrial h2 {
  font-weight:300;
  line-height: 1.4;
}
.visual.freetrial p {
  margin-top: 16px;
  line-height: 1.6;
}

.freetrial h3 {
  font-size:24px;
  font-weight:bold;
  margin-bottom: 16px;
}

.freetrial .title,
.freetrial .title b{
  font-size:24px;
}
.freetrial .title {
  font-weight:300;
}

.freetrial .btnbox.class label {
  width:250px;
}

.freetrial .select1 {
  color:#707077;
  width:405px;
  height:auto;
  background-position: 370px;
  margin-top: 30px;
}

.applyUserInfo {
  margin-bottom: 8px;
}
.applyUserInfo .email {}
.applyUserInfo .email .btnEmail {
  display: inline-block;
  width:127px;
  height:55px;
  color:#fff;
  border-radius: 4px;
  font-weight: 500;
  background: linear-gradient(to left, #7B61FF, #0472FA);
}
.applyUserInfo .email .box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 16px;
}
.applyUserInfo .email .box input {
  width:425px;
  margin-right: 8px;
}
.applyUserInfo .email p {margin-top: 8px;}

.applyUserInfo>.box {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.applyUserInfo>.box input:first-child {
  margin-right:30px;
}
.applyUserInfo .phone {
  margin-top: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.applyUserInfo .phone select,
.applyUserInfo .phone input {
  width:176px;
  margin-right: 16px;
}
.applyUserInfo .phone select {
  background-position:140px;
}

.freetrial .agree {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 8px;
}
.freetrial .agree label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.freetrial .agree label input {
  position: fixed;
  left:-9999px;
}
.freetrial .agree label i {
  width:16px;
  height:16px;
  border-radius: 4px;
  border:1px solid #0472fa;
  display: inline-block;
}
.freetrial .agree label input:checked + i {
  background: #0472fa;
}
.freetrial .agree label span {
  font-size:14px;
  margin-left: 16px;
}
.freetrial .agree a {
  color:#0472FA;
  font-size:14px;
  margin-left: 8px;
  display: inline-block;
  text-decoration: underline !important;
}

.btnAddClass {
  width:283px;
  height:83px;
  color:#fff;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:24px;
  font-weight:500;
  background: linear-gradient(to right, #0472FA, #7B61FF);
  margin:0 auto;
  box-shadow: 0 5px 18px rgba(4, 144, 250, 0.25);
  margin-top: 70px;
}


.freetrialResult {
  padding:70px 0 167px;
}

.freetrialResult h3 b,
.freetrialResult h3 {
  font-size:48px;
}
.freetrialResult h3 {
  font-weight:100;
  line-height: 1.4;
}

.subInfoText2 {
  font-size:18px;
  margin-bottom: 16px;
}

.btnView.reportCheck {
  width:16px;
  height:16px;
  border-radius: 4px;
  border:1px solid #0472FA;
  display: inline-block;
  cursor: pointer;
}
.btnView.reportCheck.on {
  background: #0472FA;
}


.confirmTable {
  text-align: center;
}
.confirmTable table {
  margin-top: 40px;
}
.confirmTable table th {
  background: #F3F5F7;
  padding:16px 0;
  color:#707077;
  border-bottom:1px solid #AAB0B7;
}
.confirmTable table td {
  padding:13px;
}

.confirmTable table tr:nth-child(odd) {
  background: #F3F5F7;
}

.confirmTable table td .btnApply {
  display: inline-block;
  width:91px;
  height:40px;
  background: #0472FA;
  border-radius: 4px;
  color:#fff;
}
.confirmTable table td .textTime {
  color:#0472FA;
  font-size:14px;
}
.confirmTable table td .markEnd {
  display: inline-block;
  width:79px;
  height:31px;
  line-height: 23px;
  padding:4px 10px;
  border-radius: 100px;
  background: #CEE4FF;
  color:#0472FA;
}
.confirmTable table td .markPrev{
  display: inline-block;
  padding:4px 10px;
  border-radius: 100px;
  background: #DCF8EC;
  color:#07BC6E;
}

.confirmTable table tr td {
  height:80px;
}

.trialClassReport {
  border:1px solid #E3E8EE;
  border-radius: 16px;
  box-shadow:5px 5px 30px 0px rgba(0,0,0,0.08);
  padding:40px 56px 103px;
}
.trialClassReport .title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 16px;
  border-bottom:1px solid #E3E8EE;
  margin-bottom: 16px;
}
.trialClassReport .title img {
  margin-right: 16px;
}
.trialClassReport .title p {
  font-size:24px;
}
.trialClassReport .content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.trialClassReport .content>div{
  width:50%;
}
.trialClassReport .content .left {}
.trialClassReport .content .infolist {
  margin-bottom: 42px;
}
.trialClassReport .content .infolist li {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color:#707077
}
.trialClassReport .content .infolist li span:nth-child(1) {
  border-left:1px solid #0472FA;
  padding-left: 16px;
  font-size:16px;
}
.trialClassReport .checkTable {
  margin-bottom: 24px;
}

.trialClassReport .checkTable th {
  background: #F3F5F7;
  padding:3px;
  font-size:14px;
  word-break: keep-all;
}
.trialClassReport .checkTable td {
  padding:3px 0;
  border:1px solid #E3E8EE;
  border-top:0;
  text-align: center;
}

.trialClassReport .checkTable td:first-child {
  border:0;
  text-align: left;
  letter-spacing: -1.2px;
  font-size:14px;
}
.trialClassReport .checkTable td:nth-child(4),
.trialClassReport .checkTable td:nth-child(7),
.trialClassReport .checkTable td:nth-child(10),
.trialClassReport .checkTable td:nth-child(13){
  border-right:1px solid #AAB0B7;
}

.trialClassReport .content .right {
  padding-left: 28px;
}
.trialClassReport .content .right .infolist li span {
  border-left:1px solid #E3E8EE;
}

.checkTable2 {
  width:100% !important;
}
.checkTable2 table {
}
.checkTable2 table tr {}
.checkTable2 table tr th {
  font-size:14px;
  background: #F3F5F7;
  padding:4px 0;
}
.checkTable2 table tr td {
  border:1px solid #E3E8EE;
  border-top:0;
  height:23px;
  text-align: center;
}
.checkTable2 table tr td:first-child {
  border:0;
  text-align: left;
}

.trialClassReport .block {
  display: block;
}

.corrections {
  border:1px solid #E3E8EE;
  border-radius: 4px;
  padding:40px;
}
.corrections .text,
.corrections .text * {
  font-weight:600;
}
.corrections .text {
  margin-bottom: 20px;
}
.corrections .text:last-child {
  margin-bottom: 0;
}
.trialClassReport h4 {
  padding-top:40px;
  padding-bottom: 18px;
  font-size:24px;
  font-weight:bold;
}

/* 수강 절차 */
.widthWrap2.step {
  padding-top: 70px;
  padding-bottom: 80px;
}
.widthWrap2.step .stepbox {
  border-bottom: 1px solid #E3E8EE;
  padding-bottom:56px;
  margin-bottom: 56px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.widthWrap2.step .stepbox .icon {
  width:174px;
  height:174px;
  background: #F3F5F7;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 32px;
}
.widthWrap2.step .text {
}
.widthWrap2.step .text h3 {
  font-size:24px;

}
.widthWrap2.step .text h4 {
  font-size:24px;
  font-weight: bold;
  margin:10px 0 24px;
}
.widthWrap2.step .text p {
  line-height: 1.4;
  color:#707077;
  margin-bottom: 20px;
}

.widthWrap2.step .text p:last-child {
  margin-bottom: 0;
}

.widthWrap2.step .text a {
  color:#0472FA;
  text-decoration: underline !important;
}


.stepInfobox {
  padding:20px 0 57px;
  margin-bottom: 57px;
  border-bottom:1px solid #E3E8EE;
}

.stepInfobox * {
  line-height: 1.4;
}
.stepInfobox h3 *,
.stepInfobox h3 {
  font-size:48px;
  line-height: 1.4;
  margin-bottom: 56px;
}
.stepInfobox h3 {
  font-weight:100;
}
.stepInfobox b {
  color:#333;
}
.stepInfobox p {
  color:#707077;
  margin-bottom: 20px;
}
.stepInfobox p:last-child {
  margin-bottom: 0;
}
.stepInfobox p a {
  display: inline-block;
  text-decoration: underline !important;
  color:#0472FA;
}
.stepInfobox .list {
  padding-left: 25px;
  margin-bottom: 20px;
}
.stepInfobox .list li {
  list-style: disc;
  color:#707077;
}
.stepInfobox .list:last-child {
  margin-bottom: 0;
}
.stepInfobox table {
  text-align: center;
  margin-bottom: 40px;
}
.stepInfobox table th {
  background: #F3F5F7;
  height:78px;
  color:#707077;
  font-weight:bold;
  border-bottom:1px solid #AAB0B7;
}
.stepInfobox table td {
  height:78px;
  vertical-align: middle;
  border-bottom:1px solid #E3E8EE;
}

.refundbox * {
  color:#707077 !important;
}
.refundbox {
  background: #F3F5F7;
  padding:40px;
}
.refundbox .text {
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}
.refundbox .text:before {
  content:'';
  display: inline-block;
  width:4px;
  height:4px;
  background: #0472FA;
  position: absolute;
  left:0;
  top:10px;
}
.refundbox .infoStep {
  display: table;
  width:100%;
  background: #fff;
  border:1px solid #E3E8EE;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 8px;
}

.refundbox .infoStep>div {
  display: table-cell !important;
  vertical-align: middle;
}
.refundbox .infoStep .left {
  text-align: center;
  width:110px;
  height:100%;
  color:#AAB0B7 !important;
  font-size:24px;
  background: #E3E8EE;
  font-weight:bold;

}
.refundbox .infoStep .right {
  padding:24px 40px;
}
.refundbox .infoStep .right b.c_blue {
  color:#0472fa !important;
}
.refundbox .text:last-child {
  margin-bottom: 0;
}

/* 수강 내역 */
.widthWrap2.history {
  padding:80px 0 120px;
}
.widthWrap2.history .btn {
  display: flex;
  justify-content: flex-start;
  align-content: center;
}
.widthWrap2.history .btn a {
  display: inline-block;
  color:#E3E8EE;
  font-size:32px;
  font-weight:bold;
  margin-right:16px;
}
.widthWrap2.history .btn a:hover,
.widthWrap2.history .btn a.on {
  color:#212121;
  text-decoration: none !important;
}
.widthWrap2.history .history {
  margin-top: 24px;
}
.widthWrap2.history .history table {
  border-bottom:1px solid #e3e8ee;
}
.widthWrap2.history .history table th {
  height:78px;
  background: #F3F5F7;
  font-size:16px;
  font-weight:bold;
  color:#707077;
}
.widthWrap2.history .history table td {
  text-align: center;
  height: 78px;
}
.widthWrap2.history .history table tr:nth-child(odd) {
  background: #F3F5F7;
}
.widthWrap2.history .history table .btnView {
  display: inline-block;
  width:62px;
  height:39px;
  background: #0472FA;
  color:#fff;
  border-radius: 4px;
}

.popupHistory {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.popupHistory .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.popupHistory .con {
  z-index: 1;
  width: 1090px;
  height: 760px;
  background: #fff;
  margin: 0 auto;
  position: relative;
  border-radius: 20px;
  padding:70px 80px;
  overflow: hidden;
}

.popupHistory .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.popupHistory .head h2 *, 
.popupHistory .head h2 {
  font-size:32px;
}

.popupHistory .head button {
  background: none;
}

.popupHistory .body {
  overflow:auto;
  height:550px;
  padding-right: 10px;
}

.popupHistory .classinfo {
  border-top:1px solid #E3E8EE;
  padding-top: 16px;
  padding-bottom: 16px;
}
.popupHistory .classinfo .title {
  font-size:18px;
  font-weight:bold;
}
.popupHistory .classinfo ul {
  width:390px;

}
.popupHistory .classinfo ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
.popupHistory .classinfo ul li span:nth-child(1) {
  font-weight:bold;
}
.popupHistory .classinfo ul li span:nth-child(2) {
  color:#707077;
}

.popupHistory .learningProgress {
  border-top:1px solid #e3e8ee;
  padding-top: 32px;
  margin-bottom: 32px;
}
.popupHistory .learningProgress .title {
  font-size:18px;
  font-weight:bold;
  margin-bottom:32px;
}
.popupHistory .learningProgress table {}
.popupHistory .learningProgress table th,
.popupHistory .learningProgress table td {
  border:1px solid #E3E8EE;
  height:55px;
  text-align: center;
}
.popupHistory .learningProgress table th {
  background: #F3F5F7;
  color:#707077;
  font-weight:bold;
}
.popupHistory .learningProgress table td {}

.popupHistory .date {
  font-size:24px;
  color:#707077;
  text-align: right;
  margin-top: 40px;
  font-weight:bold;
}

.popupHistory .btnSave {
  width:184px;
  height:83px;
  line-height: 83px;
  color:#fff;
  text-align: center;
  font-weight:500;
  border-radius: 4px;
  margin-top: 32px;
  font-size:24px;
  background: linear-gradient(to right, #7B61FF, #0472FA);
  box-shadow: 0 5px 24px rgb(4, 114, 250, 0.3);
  margin:0 auto;
  display: block;
}

.popupHistory.certificate {}
.popupHistory.certificate .certificatebox {
  border:1px solid #E3E8EE;
  padding:32px;
  text-align: center;
  margin-bottom: 32px;
}
.popupHistory.certificate .certificatebox h3 {
  font-size:48px;
  font-weight:bold;
 margin-bottom: 8px; 
}
.popupHistory.certificate .certificatebox h4{
 color:#707077;
 font-size:32px;
 font-weight:bold;
 letter-spacing: 10px;
 margin-bottom: 32px;
}
.popupHistory.certificate .certificatebox table {}
.popupHistory.certificate .certificatebox table th {
  background: #F3F5F7;
  font-size:18px;
  font-weight: bold;
  line-height: 1.6;
  padding:24px 16px;
}
.popupHistory.certificate .certificatebox table td {
  font-size:18px;
  color:#707077;
}
.popupHistory.certificate .certificatebox table th, 
.popupHistory.certificate .certificatebox table td {
  border:1px solid #E3E8EE;
}
.popupHistory.certificate .certificatebox .text b {
  display: block;
  font-size:24px;
  margin-top: 32px;
}
.popupHistory.certificate .certificatebox .text {
  font-size:18px;
  margin-bottom: 32px;
}
.popupHistory.certificate .certificatebox .date {
  text-align: center;
  color:#212121;
  margin-bottom: 32px;
}
.popupHistory.certificate .certificatebox .name {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
}
.popupHistory.certificate .certificatebox .name img {
  margin-left: 5px;
}

.popupHistory.report {}
.popupHistory.report .trialClassReport {
  box-shadow:none;
  padding:32px;
  border-radius: 0;
}

.popupHistory.report .trialClassReport .content .left {
  width:55%;
}
.popupHistory.report .trialClassReport .content .left b {
  font-size:14px;
}

.inquiry {
  padding-top: 72px;
  padding-bottom: 145px;
}
.inquiryInfo {
  margin-bottom: 40px;
  padding-left: 30px;
}
.inquiryInfo li {
  list-style: disc;
  line-height: 1.4;
}
.businessHours {
  border-bottom:1px solid #0472FA;
  padding-bottom: 40px;
}
.businessHours .top {
  margin-bottom: 16px;
}
.businessHours .top img {
  margin-right: 16px;
}
.businessHours .top span {
}
.businessHours .btm {
  color:#707077;
}

.businessHours .item2 {}

.boardStyle1 {}
.boardStyle1 .selecTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin:40px 0;
}
.boardStyle1 .selecTop select {
  width:250px;
  height:55px;
  color:#707077;
  background-position:220px;
}
.boardStyle1 .selecTop button {
  width:127px;
  height:55px;
  background: #0472FA;
  color:#fff;
  border-radius: 4px;
}

.boardStyle1 table {
  text-align: center;

}
.boardStyle1 table th {
  border-bottom:1px solid #E3E8EE;
  color:#707077;
  font-weight:bold;
}
.boardStyle1 table td {
  padding:5px 0;
}
.boardStyle1 table th,
.boardStyle1 table td {
  height:58px;
}
.boardStyle1 table tr:nth-child(odd) {
  background: #F3F5F7;
}

.boardStyle1 table td:nth-child(3) {
  text-align: left;
}


.boardStyle1 mark {
  display: inline-block;
  width:113px;
  height:26px;
  line-height:24px;
  border-radius: 4px;
  background: none;
  font-size:14px;
}
mark.markUnprocessed {
  border:1px solid #AAB0B7;
  color:#AAB0B7;
  text-align: center;
}
mark.markInProgress {
  border:1px solid #07BC6E;
  color:#07BC6E;
  text-align: center;
}
mark.answerComplete {
  border:1px solid #0472FA;
  color:#0472FA;
  text-align: center;
}

.boardStyle1 table a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.boardStyle1 table .comment {
  color:#707077;
  font-size:14px;
}
.boardStyle1 table .comment img {
  margin-left: 13px;
}

.boardStyle1 .paging {
  margin-top: 40px;
  margin-bottom: 40px;
}

.boardStyle1 .search {
  display: flex;
  justify-content: center;
  align-items: center;
}
.boardStyle1 .search select {
  width:133px;
  height:55px;
  margin-right: 8px;
  background-position:100px;
}
.boardStyle1 .search input {
  width:395px;
  height:55px;
}
.boardStyle1 .search button {
  display: inline-block;
  width:127px;
  height:55px;
  border-radius:4px;
  color:#fff;
  margin-left: 8px;
}
.boardStyle1 .search .btnSearch {
  background: linear-gradient(to left, #7B61FF, #0472FA);
  display: inline-block;
}
.boardStyle1 .search .btnList {
  background: #0472FA;
}

mark.miniMark {
  display: inline-block;
  min-width:68px;
  height:26px;
  line-height:24px;
  border-radius: 4px;
  background: none;
  font-size:14px;
  padding:0 10px;
}

.inquiryDetail {
  padding:70px 30px 130px;
}
.inquiryDetail .detailbox  {
  border-top:1px solid #0472FA;
  border-bottom:1px solid #0472FA;
}
.inquiryDetail .detailbox .infoLine1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:25px 0;
  border-bottom:1px solid #E3E8EE;
}
.inquiryDetail .detailbox .infoLine1 .left b {
  margin-right: 10px;
}
.inquiryDetail .detailbox .infoLine1 .right {
  display: flex;
  justify-content: center;
  align-items:center;
}
.inquiryDetail .detailbox .box {
  margin-left:30px;
}
.inquiryDetail .detailbox .box b {
  color:#AAB0B7;
  margin-right: 10px;
}
.inquiryDetail .detailbox .box span {
  color:#707077;
}
.inquiryDetail .detailbox .infoLine2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:16px 0;
  border-bottom:1px solid #E3E8EE;
}

.inquiryDetail .detailbox .infoLine2 .right {
  display: flex;
  justify-content: center;
  align-items: center;
}
.inquiryDetail .detailbox .infoLine2 .right span {
  color:#AAB0B7;
}

.inquiryDetail .detailbox .infoLine2 mark {
  margin-left: 10px;
}

.inquiryDetail .detailbox  .content {
  padding:40px 0;
  border-bottom:1px solid #E3E8EE;
}
.inquiryDetail .detailbox .infoLineBtm {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding:16px 0;
}
.inquiryDetail .detailbox .infoLineBtm b{
  margin-right: 35px;
}
.inquiryDetail .detailbox .infoLineBtm a {}

.inquiryDetail .detailboxBtn {
  margin-top: 16px;
  text-align: right;
}
.inquiryDetail .detailboxBtn button {
  height:39px;
  background: #0472FA;
  color:#fff;
  border-radius: 4px;
  padding:8px 16px;
  margin-left: 8px;
}

.inquiryDetail .commentbox {
  margin-top: 40px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom:1px solid #E3E8EE;
}
.inquiryDetail .commentbox .title {
  font-size:24px;
  font-weight:600;
}
.inquiryDetail .commentbox .content {
  border-top:1px solid #0472FA;
  margin-top: 24px;
  padding-top: 24px;
}
.inquiryDetail .commentbox .content .top {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 24px;
}
.inquiryDetail .commentbox .content .top * {
  margin-right: 16px;
}
.inquiryDetail .commentbox .content .top span {
  color:#707077;
}
.inquiryDetail .commentbox .content .top span.bar {

}
.inquiryDetail .commentbox .content .btm {
  line-height: 1.4;
}

.inquiryDetail .commentInput {
  background: #F3F5F7;
  padding:40px;
  border:1px solid #ddd;
  border-radius: 4px;
}
.inquiryDetail .commentInput .top {
  margin-bottom: 16px;
}
.inquiryDetail .commentInput .top img {
  margin-right: 8px;
}
.inquiryDetail .commentInput .top b {
  color:#707077;
}
.inquiryDetail .commentInput .btm {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.inquiryDetail .commentInput .btm textarea::placeholder {
  font-size:16px;
}
.inquiryDetail .commentInput .btm textarea {
  width:883px;
  min-height:103px !important;
  height:103px !important;
  margin-right: 16px;
  padding:16px 24px;
  text-indent: 0;
  font-size:16px;
}
.inquiryDetail .commentInput .btm button  {
  background: linear-gradient(to right, #0472FA, #7B61FF);
  width:110px;
  height:103px;
  color:#fff;
  border-radius: 8px;
}

.inquiryModify {
  padding-top: 72px;
  padding-bottom: 106px;
}

.modifybox {}
.modifybox .text {
}
.modifybox .text p {
  line-height: 1.4;
  margin-bottom: 25px;
  color:#707077;
}
.modifybox .text p a {
  display: inline-block;
  color:#0472FA;
  text-decoration: underline !important;
}

.modifyInput {
  margin-top: 40px;
  padding-bottom:40px ;
  border-bottom:1px solid #0472FA;
}
.modifyInput table {}
.modifyInput table th,
.modifyInput table td {
  height:62px;
  color:#707077;
  padding:4px 0;
}
.modifyInput table th {
  text-align: left;
  font-weight:bold;
  color:#707077;
}
.modifyInput table .phone {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.modifyInput table .phone input {
  width:200px;
  margin-right:8px;
}
.modifyInput table .email {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.modifyInput table .email >span {
  margin:0 8px;
}
.modifyInput table .email select,
.modifyInput table .email input {
  width:200px;
}
.modifyInput table .email select {
  background-position:165px;
}
.modifyInput table textarea {
  min-height:284px;
  margin:10px 0;
  font-size:16px;
  padding:16px 24px;
}
.modifyInput table textarea::placeholder {
  font-size:16px;
}
.modifyInput table .addFile {
  display: flex;
}

.modifyInput table .addFile input {

}
.modifyInput table .addFile label span {
  display: inline-block;
  width:127px;
  height:55px;
  line-height: 55px;
  color:#fff;
  text-align: center;
  border-radius: 4px;
  background: linear-gradient(
    to left,
    rgba(4, 114, 250, 0.8),
    rgba(96, 81, 242, 0.8)
  );
  margin-left: 8px;
}
.modifyInput table .addFile label input {
  position:fixed;
  left:-9999px;
}

.modifyInputBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
}
.modifyInputBtn button {
  background: #0472FA;
  color:#fff;
  width:127px;
  height:55px;
  border-radius: 4px;
  margin-right: 16px;
}
.modifyInputBtn button:last-child {
  margin-right: 0;
}

.lectureRoom {
  padding-top:72px ;
  padding-bottom: 135px;
}
.lectureRoom .selectClass {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F3F5F7;
  padding:32px;
  margin-bottom: 32px;
}
.lectureRoom .selectClass .left{
  width:160px;
  text-align: left;
  font-size:18px;
  color:#212121;
  font-weight:bold;
}
.lectureRoom .selectClass .right {}
.lectureRoom .selectClass .right select { 
  width:672px;
  background-position:630px;
}
.lectureRoom .selectClass .right button {
  width:178px;
  height:55px;
  color:#fff;
  text-align: center;
  background: #0472FA;
  border-radius: 4px;
  margin-left: 8px;
}

.myClassInfo {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.myClassInfo>.left {
  width:294px;
  text-align: center;
}
.myClassInfo>.left a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right:0;
  width:261px;
  height:152px;
  text-align: center;
  border-radius: 8px;
  color:#fff;
  background: url(../img/my/classBg.png) 50% /cover no-repeat;
  flex-wrap:wrap;
}
.myClassInfo>.left a b {
  display: block;
  width:100%;
  font-size:18px;
  font-weight:500;
  margin-bottom: 8px;
}
.myClassInfo>.right {
  border-left:1px solid #E3E8EE;
  width:100%;
  padding-left: 32px;
  margin-left: 32px;
}

.myClassInfo>.right ul {}
.myClassInfo>.right li * {
  font-size:18px;
}
.myClassInfo>.right li {
  margin-bottom: 16px;
}
.myClassInfo>.right li>b {
  color:#707077;
  margin-right: 32px;
}
.myClassInfo>.right li>span {}
.myClassInfo>.right li>span b {}
.myClassInfo>.right .subText {
  font-size:14px;
  color:#707077;
}
.myClassInfo>.right .btnlist {
  margin:24px 0;
}
.myClassInfo>.right .btnlist button {
  margin-right: 8px;
  display: inline-block;
  color:#fff;
  background: #0472FA;
  padding:10px 16px;
  border-radius:4px;
}
.myClassInfo>.right .classDelay {
  border:1px solid #E3E8EE;
  padding:24px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myClassInfo>.right .classDelay .left {
  font-size:18px;
  font-weight:bold;
  text-align: left;
}
.myClassInfo>.right .classDelay .right  {
  text-align: right;
  display: flex;
  justify-content: center;
  align-items: center;
}
.myClassInfo>.right .classDelay .right  {
  color:#707077;
}
.myClassInfo>.right .classDelay .right .divider {
  border-right:1px solid #E3E8EE;
  margin-right: 24px;
  padding-left: 24px;
  width:1px;
  height:55px;
}
.myClassInfo>.right .classDelay button {
  display: inline-block;
  background: linear-gradient(
    to right,
    rgba(4, 114, 250, 0.8),
    rgba(96, 81, 242, 0.8)
  );
  color:#fff;
  border-radius: 4px;
  width:127px;
  height:55px;
  margin-left: 24px;
}

.classCalendar {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #E3E8EE;
}
.classCalendar .changeDate {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}

.classCalendar .changeDate .date {
  margin:0 16px;
}
.classCalendar .changeDate .date * {
  font-size:24px;
  font-weight:500;
  color:#707077;
}
.classCalendar .changeDate .date span {
  margin:0 16px;
}

.classCalendar .changeDate button {
  background: none;
  width: 50px;
  text-align: center;
}

.dateTable {}
.dateTable th {
  color:#707077;
  font-size:18px;
  padding-bottom: 16px;
}
.dateTable td {
  border:1px solid #E3E8EE;
  height:100px;
  padding:16px 0;
  vertical-align: top;
}
.dateTable td .fixWidth {
  width:155px;
  position: relative;
}
.dateTable td .day {
  text-align: left;
  font-size:10px;
  color:#707077;
  margin-bottom: 4px;
  padding-left: 16px;
}
.dateTable td .time {
  text-align: center;
  font-size:12px;
  color:#707077;
  margin-bottom: 4px;
}
.dateTable td mark {
  width:123px;
  height:32px;
  line-height: 32px;
  border-radius: 8px;
  display: block;
  text-align: center;
  font-size:10px;
  margin:0 auto;
  cursor:pointer;
}
.dateTable td mark.markSuper {
  color:#fff;
  background: linear-gradient(to right, #DE3636, #FF61AD);
}
.dateTable td mark.markAbsent {
  color:#AAB0B7;
  background:#E3E8EE;
}
.dateTable td mark.markDalayAdmin {
  color:#fff;
  background: linear-gradient(30deg, #56DFA4,30%,#4b8fe2);
}
.dateTable td mark.markDalayStudent {
  color:#fff;
  background: linear-gradient(30deg,#5ED8FF ,60%,#7B61FF);
}
.dateTable td mark.markDalay {
  background: #fff;
  border:1px solid #212121;
  color:#212121;
  font-weight:bold;
}

.popupHistory.delayCard .con {
  height:487px;
}


.popupHistory .con .head h2 {
  font-weight:100;
}

.popupHistory.delayCard .mySavingCard {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding:16px 0;
  border-top:1px solid #E3E8EE;
  border-bottom:1px solid #E3E8EE;
  margin-bottom: 16px;
}
.popupHistory.delayCard .mySavingCard .left {padding-right: 170px;}
.popupHistory.delayCard .mySavingCard .right {}
.popupHistory.delayCard .mySavingCard .right {}
.popupHistory.delayCard .mySavingCard .right button {
  width:110px;
  height:39px;
  color:#fff;
  background: #0472FA;
  border-radius: 4px;
  margin-left: 16px;
}
.popupHistory.delayCard .exportCard {}
.popupHistory.delayCard .exportCard .top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
}
.popupHistory.delayCard .exportCard .top b{}
.popupHistory.delayCard .exportCard .top span{
  color:#0472FA;
  font-size:14px;
}
.popupHistory.delayCard .exportCard .btm {}
.popupHistory.delayCard .exportCard .btm .box {
  height:55px;
  line-height: 55px;
  border-left:1px solid #0472fa;
  margin-bottom:16px ;
}
.popupHistory.delayCard .exportCard .btm .box b {
  margin:0 16px;
}
.popupHistory.delayCard .exportCard .btm .box select {
  width:200px;
  height:55px;
  margin-right: 16px;
  /* background-position:80px; */
}
.popupHistory.delayCard .exportCard .btm .box button {
  width:127px;
  height:55px;
  color:#fff;
  border-radius: 4px;
  background: #0472fa;
}

.popupSubText {
  margin:32px 0;
}
.infoMsg {
  text-align: center;
  background: #F3F5F7;
  padding:24px;
  font-size:18px;
  line-height: 1.6;
  border-radius: 10px;
}
.infoMsg + .btnbox {
  text-align: center;
  margin-top: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
}
.infoMsg + .btnbox button {
  display: inline-block;
  width:127px;
  height:55px;
  line-height: 55px;
  color:#fff;
  background: #0472FA;
  border-radius: 4px;
  margin-right: 16px;
}

.longHold {}
.longHold .con {
}
.longHold .btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
}
.longHold .btn button {
  font-size:24px;
  font-weight:bold;
  color:#E3E8EE;
  background: none;
  margin-right: 24px;
}
.longHold .btn button:hover,
.longHold .btn button.on {
  color:#212121;
}
.longHold table {
  margin-top: 32px;
}
.longHold table th {
  text-align: center;
  background: #F3F5F7;
  color:#707077;
  height:58px;
}
.longHold table td {
  height:64px;
  text-align: center;
}
.longHold table th {
  font-weight:bold;
}
.longHold table th,
.longHold table td {
  border-bottom:1px solid #E3E8EE;
}

.longHold .list {
  padding-top: 32px;
  padding-left: 25px;
}
.longHold .list li {
  list-style:disc;
  line-height: 1.4;
}
.longHold .list li span {
  color:#707077;
  font-size:14px;
}

.longHold .btnLongHold,
.longHold .btnRestart {
  display: block;
  width:165px;
  height:55px;
  background: #0472FA;
  color:#fff;
  border-radius: 4px;
  margin:32px auto 0;
}

.showConfirm {
  margin-top: 32px;
  padding-top: 32px;
  border-top:1px solid #E3E8EE;
  text-align: center;
  display: none;
}
.showConfirm h5 {
  font-size:24px;
  font-weight: bold;
}
.showConfirm p {
  font-size:18px;
  margin:32px 0;
}
.showConfirm .btmBtn {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
}
.showConfirm .btmBtn button {
  display: block;
  width:127px;
  height:55px;
  color:#fff;
  background: #0472FA;
  border-radius: 4px;
  margin-right:16px;
}

.inquiryRequest {
  padding-top: 70px;
  padding-bottom: 152px;
}

.linkFaq {
  text-decoration: underline !important;
}

.widthWrap2.faq {
  padding-top: 72px;
  padding-bottom: 90px;
} 

.widthWrap2.faq .selecTop {}
.widthWrap2.faq .selecTop button {
  background: linear-gradient(to left, #6051f2, #0572fa);
}


.widthWrap2.faq .selecTop .right {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-content: center;
}

.widthWrap2.faq .selecTop .right button {
  width:127px;
}

.widthWrap2.faq .selecTop .right  input {
  width:395px;
  margin-right: 8px;
}

.faqTable {}
.faqTable .questionBox {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height:58px;
}
.faqTable .questionBox .faqMark {
  width:68px;
  height:26px;
  border: 1px solid #0472FA;
  color:#0472FA;
  text-align: center;
  border-radius: 4px;
  margin-right: 10px;
}
.faqTable .questionBox button {
  background: none;
}
.faqTable .answerBox {
  display: none;
  text-align: left;
  padding:16px;
  color:#707077;
  line-height: 1.4;
}

.faqTable td:last-child {
  text-align: center !important;
}

.faqTable td {
  vertical-align: top;
  padding-top: 20px !important;
  border-bottom:1px solid #F3F5F7;
  padding-bottom:0 !important;
}

.faqTable td:nth-child(2) {
  padding-top: 0 !important;
  
}

.widthWrap2.notice {
  padding-top: 72px;
  padding-bottom: 106px;
}
.total ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 40px;
}
.total li {
  border-right:1px solid #E3E8EE;
  padding-right: 16px;
  margin-right: 16px;
}


.total li>*:first-child {
  margin-right: 16px;
}

.total li:last-child{
  border-right:0;
}


.boardStyle1.notice.type2 .noticeMark {
  width:80px !important;
}

.boardStyle1.notice .noticeMark {
  width:113px;
  height:26px;
  color:#0472FA;
  font-size:14px;
  text-align: center;
  border: 1px solid #0472FA;
  padding:0 8px;
  display: inline-block;
  margin-right: 10px;
}
.boardStyle1.notice .noticeMark.necessary {
  color:#6051F2;
  border:1px solid #6051F2;
}
.boardStyle1.notice .noticeMark.event {
  color:#DE3636;
  border:1px solid #DE3636;
}
.boardStyle1.notice .noticeMark.suspension {
  color:#07BC6E;
  border:1px solid #07BC6E
}


.boardStyle1.notice a img {
  margin-left: 10px;
}

.boardStyle1 .search.type2 {
  justify-content: space-between;
}

.boardPage {
  background: #E5E5E5;
  padding-top: 72px;
  padding-bottom: 101px;
}
.boardPage .visualImg  {
  margin:0 auto;
  display: block;
}

.boardPage .reviewContent {
  background: #fff;
  padding:72px 140px;
  border-radius: 16px;
  box-shadow:0 1px 24px 0 rgba(0,0,0,0.04);
  text-align: center;
}
.boardPage .reviewContent .title img {
  margin-bottom: 16px;
}
.boardPage .reviewContent .title p {
  color:#707077;
  font-size:18px;
  text-align: center;
  margin-bottom: 60px;
}
.boardPage .reviewContent .reviewInfo {
  margin:30px 49px;
  text-align: center;
  border:1px dashed #AAB0B7;
  border-radius: 16px;
  padding:72px;
  position: relative;
}
.boardPage .reviewContent .reviewInfo .title {
  position: absolute;
  width:201px;
  height:42px;
  line-height: 42px;
  text-align: center;
  background:  #f3f5f7;
  border-radius: 100px;
  font-size:18px;
  font-weight:bold;
  left:calc(50% - 100px);
  left:-webkit-calc(50% - 100px);
  top:-22px;
}
.boardPage .reviewContent .reviewInfo .info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.boardPage .reviewContent .reviewInfo .info .left {}
.boardPage .reviewContent .reviewInfo .info .img {
  background: #F3F5F7;
  border-radius: 16px;
  width:359px;
  height:200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.boardPage .reviewContent .reviewInfo .info  h4 {
  margin-top: 16px;
  font-size:24px;
  font-weight: 100;
}
.boardPage .reviewContent .reviewInfo .info h4 b {
  font-size:24px;
  display: block;
  padding-top: 5px;
  margin-bottom: 16px;
}

.boardPage .reviewContent .reviewInfo .info p {
  color:#707077;
  font-size:16px;
  line-height: 1.4;
}

.btnWriteReview {
  background: linear-gradient(to right, #0472FA, #7B61FF);
  width:283px;
  height:83px;
  border-radius: 4px;
  padding:24px 56px;
  color:#fff;
  text-align: center;
  box-shadow:5px 5px 10px rgba(4, 114, 250, 0.15);
  font-size:24px;
  font-weight:500;
  margin:0 auto;
}

.reviewDetail {
  text-align: left !important;
}

.reviewTitle {
  font-size:40px;
  font-weight:100;
  margin-bottom: 40px;
  line-height: 1.4;
}
.reviewTitle b {
  font-size:40px;
  font-weight:bold;
}

.reviewDetail .minMark {
  margin-right: 16px;
}

.reviewDetail .blueBtmBar {
  border-bottom:1px solid #0472FA;
  padding-bottom: 40px;
}

.reivewInfoText {
  display: flex !important;
  justify-content: flex-start;
  align-items: flex-start;
}

.reivewInfoText .right {
  color:#707077;
}
.reivewInfoText .left {
  margin-right: 10px;
  color:#707077;
}

.reviewDetail {
  margin-bottom: 98px;
}

.classSelect {
  width:488px;
  background-position:450px;
  color:#707077;
}


.requestSelectbox {
  display: flex;  
}
.requestSelectbox select.inputStyle1 {
  width:200px;
  font-size:16px;
  margin-right: 8px;
  background-position:165px;
}

.popupHistory.reportCheck .body {
  height:460px;
}
.popupHistory.reportCheck .trialClassReport {
  box-shadow:none;
}

.samplebox {
  width:530px;
  height:495px;
  border-radius: 10px;
  background: #f3f5f7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.samplebox p {
  font-weight:bold;
  margin-bottom: 10px;
}
.samplebox ul li {
  margin-bottom: 10px;
}
.samplebox ul li .sample {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.samplebox ul li .sample a {
  display: block;
  width:140px;
  height:30px;
  line-height: 28px;
  background: #0472fa;
  color:#fff;
  text-align: center;
  border-radius: 5px;
  text-decoration: none !important;
}
.samplebox ul li .sample audio {}


.popupCurriculum.popupHistory .con .popupClose {
    top:70px;
    right:70px;
}

/* 20240404 css 추가 (webcorgi) */
.flex_last {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}
.flex_last i {
    display: block;
    width: 100%;
}
.processbox_inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:6px;
    margin-bottom: 16px;
}
.con.popupPosition{}
.con.popupPosition>select {
    height: 60px !important;
    width: 100% !important;
    background: url(../img/common/select.png) no-repeat 98% #fff !important;
    margin-bottom: 10px;
    font-size: 17px !important;
}
.popupRegist.popup1 {}
.popupRegist.popup3 .bg,
.popupRegist.popup2 .bg,
.popupRegist.popup1 .bg {
    background: #fff;
}
.MsoNormalTable {
    border-bottom: 1px solid rgb(0, 218, 187) !important;
}
.MsoNormalTable * {
    font-size: 14px !important;
}
.MsoNormalTable td {
    border: 0 !important;
}
.MsoNormalTable td b>span {
    font-weight: bold !important;
}
.MsoNormalTable:last-child {
    border-bottom: 0 !important;
}
.header-top {
    background: #f5f5f5;
}
.header-top .inner {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-top .inner .left {
    line-height: 36px;
    margin-bottom: 0px;
}
.header-top .inner .left img {
    margin-right: 0;
}
.header-top .inner .left span {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.header-top .inner .right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.header-top .inner .right a {
    font-size: 12px;
    color: #777;
    line-height: 36px;
    letter-spacing: -0.3px;
}
.header-top .inner .right a:after {
    content:"";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 10px;
    border-right: 1px solid rgba(0,0,0,0.2);
}
.header-top .inner .right a:last-child:after {
    content:none;
}
.header-top * {
    font-family: "roboto";
}