@charset "UTF-8";
/*로더 loader*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
.loader-layer {
  position: relative;
  width: 100%;
  min-height: 600px;
}

.loader {
  position: absolute;
  left: 45%;
  top: 20%;
  z-index: 1;
  /* width: 150px; */
  /* height: 150px; */
  /* margin: -75px 0 0 -75px; */
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #4282f3;
  width: 50px;
  height: 50px;
  margin: 0 0 0 0;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format("opentype");
}
body {
  background: #f4f4f4;
  position: relative;
  font-size: 14px;
  font-family: "Noto Sans KR", sans-serif !important;
  color: #555;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  word-break: keep-all;
  font-weight: 300;
}
body a {
  color: #555;
}
body select {
  padding: 6px 10px;
  height: 35px;
  border: 1px solid #ccc;
}

/*레이어팝업*/
.carrot-layer-bg {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  overflow: auto;
  -ms-overflow-style: none;
}

.carrot-layer-bg::-webkit-scrollbar {
  display: none;
}

.layer-close {
  display: inline-block;
  margin: 20px;
}
.layer-close img {
  width: 30px;
}

.carrot-layer {
  min-width: 500px;
  max-width: 600px;
  max-height: 737px;
  overflow: hidden;
  overflow-y: scroll;
  margin: 0 auto 50px auto;
  margin-top: 100px;
  background-color: #FFF;
  z-index: 9999;
  display: block;
  white-space: nowrap;
  position: relative;
  -webkit-overflow-style: auto;
  /*수강확인서, 영수증, 출결확인서*/
  /*강사 스마일시트*/
  /*보강*/
  /*Talk*/
}
.carrot-layer.verifi-layer {
  position: relative;
  z-index: 9;
  width: 500px;
  background: #fff;
}
.carrot-layer.verifi-layer .top .title {
  font-size: 30px;
  font-weight: bold;
  font-family: "Myriad Pro";
  line-height: 30px;
}
.carrot-layer.verifi-layer .top .sub {
  color: #777;
  font-family: "Malgun Gothic", "맑은고딕", sans-serif;
  font-size: 14px;
}
.carrot-layer.verifi-layer .top img {
  float: right;
  width: 60px;
}
.carrot-layer.verifi-layer .con .search {
  margin-top: 30px;
}
.carrot-layer.verifi-layer .con .search label {
  font-weight: bold;
}
.carrot-layer.verifi-layer .con table {
  border-top: 1px solid #aeaeae;
  width: 100%;
  margin: 15px 0 0 0;
  font-size: 12px;
}
.carrot-layer.verifi-layer .con table thead th {
  font-weight: bold;
  text-align: center;
  background: #f1f1f1;
  color: #666666;
  border-right: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  vertical-align: middle;
}
.carrot-layer.verifi-layer .con table thead td {
  vertical-align: middle;
  color: #888888;
  font-size: 12px;
  border-bottom: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  text-align: left;
  padding: 8px 6px;
  line-height: 22px;
  vertical-align: middle;
}
.carrot-layer.verifi-layer .con table thead td:last-child {
  border-right: none;
  white-space: normal;
}
.carrot-layer.verifi-layer .con table.list {
  border-bottom: none;
  width: 100%;
  border-top: 1px solid #999;
}
.carrot-layer.verifi-layer .con table.list thead tr th {
  padding: 5px 0 7px 0;
  color: #fff;
  background: #777;
  font-weight: bold;
  border-bottom: 1px solid #999;
}
.carrot-layer.verifi-layer .con table.list tbody tr td {
  padding: 5px 0 9px;
  color: #777;
  border-bottom: 1px solid #e2e2e2;
  text-align: center;
  border-right: 1px solid #e2e2e2;
}
.carrot-layer.verifi-layer .con table.list tbody tr td:last-child {
  border-right: none;
}
.carrot-layer.smile-layer {
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.2);
}
.carrot-layer.smile-layer .smile_sheet {
  padding: 10px 0 15px 0;
  border-bottom: 1px solid #eaeaea;
  width: 90%;
  margin: 0 auto;
}
.carrot-layer.smile-layer .smile_sheet .score {
  color: #000;
  font-size: 25px;
  letter-spacing: -2px;
  line-height: 40px;
  padding-top: 15px;
  text-align: center;
  width: 100%;
}
.carrot-layer.smile-layer .smile_sheet .score b {
  color: #27b29d;
  font-weight: bold;
}
.carrot-layer.smile-layer .smile_sheet .icon {
  padding-top: 15px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.carrot-layer.smile-layer .smile_sheet .sentence {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -1px;
  text-align: center;
  padding: 15px 0 20px 0;
  font-weight: bold;
  color: #27b29d;
}
.carrot-layer.smile-layer .smile_sheet .sentence span.none {
  display: none;
}
.carrot-layer.smile-layer .smile_sheet .score_icon1 {
  width: 70px;
  height: 70px;
  padding: 2px;
  background: url(../img/score1.png) no-repeat;
  background-size: 70px;
  display: inline;
  text-indent: -99999px;
  margin-right: 5px;
  border: none;
}
.carrot-layer.smile-layer .smile_sheet .score_icon1:hover {
  background: url(../img/score1_on.png) no-repeat;
  background-size: 70px;
}
.carrot-layer.smile-layer .smile_sheet .score_icon1_on {
  width: 70px;
  height: 70px;
  padding: 2px;
  background: url(../img/score1_on.png) no-repeat;
  background-size: 70px;
  display: inline;
  text-indent: -99999px;
  margin-right: 5px;
  border: none;
}
.carrot-layer.smile-layer .smile_sheet .score_icon2 {
  width: 70px;
  height: 70px;
  padding: 2px;
  background: url(../img/score3.png) no-repeat;
  background-size: 70px;
  display: inline;
  text-indent: -99999px;
  margin-right: 5px;
  border: none;
}
.carrot-layer.smile-layer .smile_sheet .score_icon2:hover {
  background: url(../img/score3_on.png) no-repeat;
  background-size: 70px;
}
.carrot-layer.smile-layer .smile_sheet .score_icon3 {
  width: 70px;
  height: 70px;
  padding: 2px;
  background: url(../img/score5.png) no-repeat;
  background-size: 70px;
  display: inline;
  text-indent: -99999px;
  border: none;
}
.carrot-layer.smile-layer .smile_sheet .score_icon3:hover {
  background: url(../img/score5_on.png) no-repeat;
  background-size: 70px;
}
.carrot-layer.smile-layer .smile_sheet .score_icon3_on {
  width: 70px;
  height: 70px;
  padding: 2px;
  background: url(../img/score3_on.png) no-repeat;
  background-size: 70px;
  display: inline;
  text-indent: -99999px;
  margin-right: 5px;
  border: none;
}
.carrot-layer.smile-layer .smile_sheet .score_icon5_on {
  width: 70px;
  height: 70px;
  padding: 2px;
  background: url(../img/score5_on.png) no-repeat;
  background-size: 70px;
  display: inline;
  text-indent: -99999px;
  margin-right: 5px;
  border: none;
}
.carrot-layer.smile-layer .smile_sheet:after {
  clear: both;
  content: "";
  display: block;
}
.carrot-layer.smile-layer .feedbackWrite {
  width: 90%;
  margin: 0 auto;
  padding: 20px 0;
}
.carrot-layer.smile-layer .feedbackWrite h3 {
  font-size: 15px;
  line-height: 20px;
  padding: 0 0 10px 0;
}
.carrot-layer.smile-layer .feedbackWrite span {
  color: #27b29d;
  font-size: 13px;
  font-weight: normal;
}
.carrot-layer.smile-layer .feedbackWrite textarea {
  border: 1px solid #eaeaea;
  width: 100%;
  margin: 0 auto;
  height: 50px;
  resize: none;
}
.carrot-layer.smile-layer .feed_btn {
  padding: 0 0 20px 0;
  text-align: center;
}
.carrot-layer.smile-layer .feed_btn .btn_write {
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  border-radius: 30px;
  padding: 11px 37px;
  font-size: 15px;
  background: #504f5d;
}
.carrot-layer.chanege-layer {
  border-radius: 10px;
}
.carrot-layer.chanege-layer .top .title {
  font-size: 26px;
  letter-spacing: -1px;
  line-height: 40px;
  padding: 0 0 10px 0;
  font-weight: bold;
}
.carrot-layer.chanege-layer .con .class p {
  padding: 10px 0 8px 0;
  font-size: 15px;
  font-weight: bold;
}
.carrot-layer.chanege-layer .con .class table {
  border-collapse: collapse;
  width: 100%;
}
.carrot-layer.chanege-layer .con .class table thead tr th {
  background: #f9f9f9;
  border-top: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding: 7px 0;
  text-align: center;
  font-size: 13px;
}
.carrot-layer.chanege-layer .con .class table thead tr th:last-child {
  border-right: none;
}
.carrot-layer.chanege-layer .con .class table tbody tr td {
  text-align: center;
  border-bottom: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  padding: 7px 0;
  font-size: 13px;
}
.carrot-layer.chanege-layer .con .class table tbody tr td:last-child {
  border-right: none;
}
.carrot-layer.chanege-layer .con .select p {
  padding: 0 0 8px 0;
  font-size: 15px;
  font-weight: bold;
}
.carrot-layer.chanege-layer .con .select select {
  width: 100%;
  padding: 6px 10px;
  height: 35px;
  border: 1px solid #ccc;
  vertical-align: middle;
  background: #fff;
  font-family: "Nanum Gothic", "나눔고딕", "dotum", "돋움", sans-serif;
  color: #555;
  border-radius: 0;
  font-size: 13px;
  letter-spacing: -0.5px;
}
.carrot-layer.chanege-layer .con .select select.change {
  color: #f88588;
  font-weight: bold;
}
.carrot-layer.chanege-layer .con .tutor {
  width: 90%;
  margin: 0 auto;
  padding: 0 0 10px 0;
}
.carrot-layer.chanege-layer .con .tutor .pic_fm {
  position: relative;
  width: 185px;
  height: 185px;
  margin: 0 auto;
  margin-top: 20px;
  background: url(../img/fmx2.png) no-repeat;
  text-align: center;
  background-position: center;
  background-size: cover;
}
.carrot-layer.chanege-layer .con .tutor .pic_fm > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.carrot-layer.chanege-layer .con .tutor .pic_m {
  position: relative;
  width: 185px;
  height: 185px;
  margin: 0 auto;
  margin-top: 20px;
  background: url(../img/mx2.png) no-repeat;
  background-position: center;
  background-size: cover;
}
.carrot-layer.chanege-layer .con .tutor .pic_m > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.carrot-layer.chanege-layer .con .tutor .name {
  padding: 15px 0 10px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  letter-spacing: -0.5px;
}
.carrot-layer.chanege-layer .con .tutor .description {
  padding: 0 60px;
  font-size: 15px;
  color: #777;
  text-align: center;
  line-height: 21px;
}
.carrot-layer.chanege-layer .con .tutor dl {
  padding-top: 10px;
  font-size: 15px;
}
.carrot-layer.chanege-layer .con .tutor dl dt {
  font-weight: bold;
  font-size: 15px;
  margin: 10px 0;
}
.carrot-layer.chanege-layer .con .tutor dl dd {
  margin-bottom: 18px;
  line-height: 20px;
  font-size: 13px;
  padding: 0 0 10px 0;
}
.carrot-layer.chanege-layer .con .tutor dl dd.line {
  border-bottom: 1px dashed #e5e5e5;
}
.carrot-layer.chanege-layer .tab {
  width: 100%;
  margin: 20px auto 0 auto;
}
.carrot-layer.chanege-layer .tab li {
  width: 50%;
  background: #d3d3d3;
  float: left;
}
.carrot-layer.chanege-layer .tab li a {
  display: block;
  border-right: 1px solid #fff;
  text-align: center;
  color: #fff;
  padding: 15px 0;
}
.carrot-layer.chanege-layer .tab li.carrot-active {
  background: #f9908e;
}
.carrot-layer.chanege-layer .time {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  height: 80px;
  border: 1px solid #e7e7e7;
  margin-bottom: 40px;
}
.carrot-layer.chanege-layer .time .font-12 {
  font-size: 12px;
}
.carrot-layer.chanege-layer .time li {
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
}
.carrot-layer.chanege-layer .time li:last-child {
  border-bottom: none;
}
.carrot-layer.chanege-layer .time li table thead tr {
  padding: 10px 0;
}
.carrot-layer.chanege-layer .time li table thead tr th {
  width: 60px;
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
}
.carrot-layer.chanege-layer .time li table thead tr th.am {
  background: #ffe6e6;
}
.carrot-layer.chanege-layer .time li table thead tr th.pm {
  background: #fffbe6;
}
.carrot-layer.chanege-layer .time li table thead tr td {
  vertical-align: top;
  padding: 10px 0;
}
.carrot-layer.chanege-layer .time li table thead tr td a {
  padding: 0 20px;
  text-align: center;
  display: block;
  float: left;
  padding-bottom: 10px;
  text-align: center;
}
.carrot-layer.chanege-layer .time li table thead tr td a.carrot-active {
  color: #f9908e;
  font-weight: bold;
}
.carrot-layer.chanege-layer .time li table thead tr td a.carrot-none {
  display: none;
}
.carrot-layer.chanege-layer .btn {
  padding-bottom: 30px;
}
.carrot-layer.chanege-layer .btn a {
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  border-radius: 30px;
  padding: 11px 37px;
  font-size: 15px;
  background: #504f5d;
}
.carrot-layer.talk-layer {
  border-radius: 10px;
}
.carrot-layer.talk-layer .top .title {
  font-size: 26px;
  letter-spacing: -1px;
  line-height: 40px;
  padding: 0 0 10px 0;
  font-weight: bold;
}
.carrot-layer.talk-layer .pop-talk-cont {
  border-radius: 10px;
  background: #fff;
}
.carrot-layer.talk-layer .pop-talk-cont .pop-talk-type {
  width: 100%;
  margin: 0px auto 0 auto;
}
.carrot-layer.talk-layer .pop-talk-cont .pop-talk-type li {
  width: 50%;
  background: #d3d3d3;
  float: left;
}
.carrot-layer.talk-layer .pop-talk-cont .pop-talk-type li:first-child a {
  display: block;
}
.carrot-layer.talk-layer .pop-talk-cont .pop-talk-type li a {
  display: block;
  text-align: center;
  color: #fff;
  padding: 15px 0;
}
.carrot-layer.talk-layer .pop-talk-cont .pop-talk-type li a.on {
  background: #f9908e;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-comment {
  overflow: hidden;
  clear: both;
  background: #f6f6f6;
  width: 100%;
  margin: 0 auto;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-comment li {
  line-height: 20px;
  overflow-x: hidden;
  padding: 10px 0;
  text-align: center;
  border-bottom: 1px solid #efefef;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-body {
  height: 280px;
  overflow-y: scroll;
  overflow-x: hidden;
  background: url("../img/bg_talk.png") repeat;
  width: 100%;
  margin: 0 auto;
  padding: 21px;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-body .talk-none {
  text-align: center;
  padding: 30px 0 0 0;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-body .left-area {
  float: left;
  width: 271px;
  margin: 0 0 20px 0;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-body .left-area .talk-date {
  display: block;
  margin: 0 0 8px 24px;
  font-size: 12px;
  color: #888;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-body .left-area .bubble {
  background: url("../img/bubble1_top.png") no-repeat left top;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-body .left-area .bubble .bubble-txt {
  min-height: 25px;
  padding: 14px 12px 0 32px;
  word-wrap: break-word;
  font-size: 13px;
  color: #666;
  font-family: "돋움", "Dotum";
  line-height: 22px;
  white-space: pre-wrap;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-body .left-area .bubble .bubble-bot {
  height: 10px;
  background: url("../img/bubble1_bot.png") no-repeat left top;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-body .right-area {
  float: right;
  width: 271px;
  margin: 0 0 20px 0;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-body .right-area .talk-date {
  display: block;
  margin: 0 24px 8px 0;
  font-size: 12px;
  color: #888;
  text-align: right;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-body .right-area .bubble {
  background: url("../img/bubble2_top.png") no-repeat left top;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-body .right-area .bubble .bubble-txt {
  min-height: 25px;
  padding: 14px 32px 0 12px;
  word-wrap: break-word;
  font-size: 13px;
  color: #666;
  white-space: pre-wrap;
  font-family: "돋움", "Dotum";
  line-height: 22px;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-body .right-area .bubble .bubble-bot {
  height: 10px;
  background: url("../img/bubble2_bot.png") no-repeat left top;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-input {
  overflow: hidden;
  padding: 0 0 20px 0;
  background: #f6f6f6;
  width: 100%;
  margin: 0 auto;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-input select {
  width: 90%;
  border: 1px solid #efefef;
  padding: 4px;
  margin: 0 auto 5px auto;
  display: block;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-input .talk-mgs-wrap {
  margin: 0 auto;
  width: 90%;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-input .talk-mgs-wrap .mgs-textarea {
  float: left;
  width: 80%;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-input .talk-mgs-wrap .mgs-textarea textarea {
  width: 100%;
  height: 80px;
  border-left: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  border-right: none;
  border-top: none;
  resize: none;
  padding: 0;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-input .talk-mgs-wrap .mgs-btn {
  float: left;
  display: block;
  width: 20%;
  height: 80px;
  background: #f9908e;
  color: #fff;
  text-align: center;
  line-height: 80px;
}
.carrot-layer.talk-layer .pop-talk-cont .talk-input .talk-mgs-wrap .mgs-btn a {
  color: #fff;
}
.carrot-layer.talk-layer .pop-talk-cont .pop-close {
  position: absolute;
  top: 15px;
  right: 20px;
  width: 32px;
}
.carrot-layer.talk-layer .pop-talk-cont .pop-close img {
  width: 100%;
}
.carrot-layer.talk-layer #focus {
  border: none;
  opacity: 0;
}

/*Talk*/
.btn-talk {
  position: fixed;
  bottom: 60px;
  right: 15px;
  display: block;
  width: 90px;
  height: 90px;
  line-height: 53px;
  padding: 0 0 0 14px;
  font-size: 15px;
  color: #ffffff;
  z-index: 999;
}
.btn-talk .talk-close {
  position: fixed;
  bottom: 60px;
  right: 15px;
  display: block;
  width: 90px;
  height: 90px;
  line-height: 53px;
  padding: 0 0 0 14px;
  font-size: 15px;
  color: #ffffff;
  z-index: 1001;
}
.btn-talk img {
  max-width: 100%;
}
.btn-talk .talk-wrap {
  position: relative;
}
.btn-talk .talk-wrap .btn-teacher {
  position: absolute;
  top: -85px;
  right: 0px;
  font-size: 15px;
  text-align: center;
  z-index: 1001;
  width: 75px;
  height: 75px;
  background: #f8f8f8;
  border-radius: 300px;
  line-height: 75px;
  color: #2b2b2b;
  font-weight: bold;
}
.btn-talk .talk-wrap .btn-manager {
  position: absolute;
  top: -167px;
  right: 0px;
  font-size: 15px;
  text-align: center;
  z-index: 1001;
  width: 75px;
  height: 75px;
  background: #f8f8f8;
  border-radius: 300px;
  line-height: 75px;
  color: #2b2b2b;
  font-weight: bold;
}
.btn-talk .talk-wrap .btn-manager a,
.btn-talk .talk-wrap .btn-teacher a {
  display: block;
}

/*메뉴*/
#wrap {
  width: 100%;
  height: 100%;
  /*헤더 - 메뉴*/
}
#wrap #header {
  width: 100%;
  background: #45484c;
}
#wrap #header .gnb {
  position: relative;
  width: 95%;
  height: 55px;
  margin: 0 auto;
  z-index: 99;
}
#wrap #header .gnb h1 {
  float: left;
  line-height: 55px;
}
#wrap #header .gnb h1 a {
  display: block;
  width: 135px;
}
#wrap #header .gnb h1 a img {
  width: 100%;
}
#wrap #header .gnb .gnb-wrap {
  float: right;
}
#wrap #header .gnb .gnb-wrap ul {
  width: 100%;
  height: 55px;
  z-index: 150;
  line-height: 55px;
}
#wrap #header .gnb .gnb-wrap ul li {
  float: left;
  height: 55px;
  text-align: center;
}
#wrap #header .gnb .gnb-wrap ul li:hover a {
  color: #f88588;
  font-weight: bold;
}
#wrap #header .gnb .gnb-wrap ul li:focus {
  color: #f88588;
  font-weight: bold;
}
#wrap #header .gnb .gnb-wrap ul li a {
  display: inline-block;
  height: 55px;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  padding: 0 8px;
}
#wrap #header .gnb .gnb-wrap ul li .carrot-active {
  color: #f88588;
  font-weight: 500;
}
#wrap #header .gnb .gnb-wrap ul li select {
  border: none;
  background: none;
  color: #fff;
}
#wrap #header .gnb .gnb-wrap ul li select option {
  color: #000;
}
#wrap #header .gnb .gnb-lang {
  display: none;
}
#wrap #header .gnb .gnb-btn {
  display: none;
}
#wrap .m-gnb {
  display: none;
}

#wrap-reuters {
  width: 100%;
  height: 100%;
  background: #ffffff;
}

.con-title {
  background: #fff;
  height: 65px;
  border-bottom: 1px solid #c9c9c9;
  line-height: 65px;
  font-size: 23px;
  text-align: center;
}
.con-title div {
  width: 95%;
  margin: 0 auto;
  position: relative;
}
.con-title div h2 {
  display: inline-block;
}
.con-title div a {
  width: 36px;
  position: absolute;
  top: 0px;
  left: 0;
}

.topic-navi {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.topic-navi li {
  float: left;
  width: 25%;
  display: block;
  background: #d3d3d3;
}
.topic-navi li.carrot-active {
  background: #f9908e;
}
.topic-navi li a {
  text-align: center;
  padding: 20px 0;
  font-size: 16px;
  color: #ffffff;
  border-right: 1px solid #ffffff;
  display: block;
}

.bn_event_m {
  display: none;
}

.con-wrap {
  background: #f4f4f4;
  height: 100%;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
}
.con-wrap input,
.con-wrap select {
  vertical-align: middle;
  background: #fff;
  border: 1px solid #ccc;
  font-family: "Nanum Gothic", "나눔고딕", "dotum", "돋움", sans-serif;
  color: #555;
  border-radius: 0;
  font-size: 13px;
  letter-spacing: -0.5px;
}
.con-wrap .btn a {
  background: #504f5d;
  color: #ffffff;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  border-radius: 30px;
  padding: 12px 40px;
  font-size: 16px;
  margin: 15px 0 0 0;
}

/*컬러*/
.green {
  color: #29bea2 !important;
}

.dark-pink {
  color: #e0425c !important;
}

.red {
  color: #ec0000 !important;
}

.disnone {
  display: none !important;
}

.phone-disnone {
  display: block !important;
}

/*home*/
.lecture-list h3 {
  font-size: 18px;
  font-weight: 400;
  color: #555555;
  padding: 30px 0 15px 0;
}
.lecture-list .none {
  padding: 12px 0;
  border-bottom: none;
}
.lecture-list .none img {
  float: left;
  margin: 0 15px 0 0;
  width: 40px;
}
.lecture-list .none p {
  line-height: 38px;
  font-size: 17px;
}
.lecture-list .lecture {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.2);
}
.lecture-list .lecture .lecture-con {
  width: 95%;
  margin: 0 auto;
}
.lecture-list .lecture ul li {
  width: 100%;
  border-bottom: 1px dashed #eaeaea;
  padding: 20px 0;
}
.lecture-list .lecture ul li:last-child {
  border-bottom: none;
}
.lecture-list .lecture ul li a {
  display: block;
  width: 95%;
  margin: 0 auto;
}
.lecture-list .lecture ul li a img {
  display: inline-block;
  margin: 0 15px 0 0;
  width: 40px;
  vertical-align: top;
}
.lecture-list .lecture ul li a div {
  width: 80%;
  display: inline-block;
  font-size: 13px;
}
.lecture-list .lecture ul li a div .title {
  font-size: 15px;
  font-weight: bold;
  padding: 8px 0 7px 0;
}
.lecture-list .lecture ul li a div .phone {
  color: #557be1;
}
.lecture-list .lecture ul li a div .vc {
  color: #28bea1;
}
.lecture-list .lecture ul li a div .mcat {
  color: #e0425c;
}
.lecture-list .lecture ul li a div .subject {
  font-size: 17px;
  color: #666;
  line-height: 21px;
  font-weight: normal;
}
.lecture-list .lecture ul li a div .time {
  font-size: 14px;
  padding: 5px 0 0 0;
  color: #666;
}
.lecture-list .lecture .btn-mypage {
  margin: 0;
  padding: 15px 0;
  text-align: center;
  display: block;
  font-size: 16px;
  border-radius: 0 0 10px 10px;
  background: #f9908e;
  font-weight: 400;
}
.lecture-list .lecture .btn-mypage a {
  display: block;
  color: #fff;
  display: inline-block;
}
.lecture-list .lecture .btn-mypage a img {
  margin-left: 10px;
  margin-top: -3px;
}

.favorite-menu h3 {
  font-size: 18px;
  font-weight: 400;
  color: #555555;
  padding: 30px 0 15px 0;
}
.favorite-menu .favorite-con {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.2);
}
.favorite-menu .favorite-con ul {
  width: 95%;
  margin: 0 auto;
  padding: 10px 0;
}
.favorite-menu .favorite-con ul li {
  width: 33%;
  display: inline-block;
  border-right: 1px dashed #cdcdcd;
}
.favorite-menu .favorite-con ul li a {
  color: #555;
  text-align: center;
  display: block;
}
.favorite-menu .favorite-con ul li a span {
  padding: 10px 0;
  font-size: 14px;
  display: block;
}
.favorite-menu .favorite-con ul li:last-child {
  border-right: none;
}

.notice .top {
  padding: 30px 0 0px 0;
}
.notice .top h3 {
  font-size: 18px;
  font-weight: 400;
  color: #555555;
  float: left;
  margin-bottom: 15px;
}
.notice .top .more {
  float: right;
  color: #555555;
}
.notice .notice-con {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.2);
}
.notice .notice-con ul {
  width: 95%;
  margin: 0 auto;
  padding: 10px 0;
}
.notice .notice-con ul li {
  font-size: 15px;
  line-height: 21px;
}
.notice .notice-con ul li:last-child a {
  border-bottom: none;
}
.notice .notice-con ul li a {
  color: #555;
  padding: 10px 0;
  display: block;
  border-bottom: 1px dashed #eaeaea;
}

.btn-lecture-prev {
  border-radius: 0 0 30px 30px;
  text-align: center;
  background: #939393;
  color: #ffffff;
  display: inline-block;
  margin: 0 auto;
  padding: 5px 25px 10px 25px;
}

.btn-lecture-next {
  border-radius: 30px 30px 0 0;
  text-align: center;
  background: #939393;
  color: #ffffff;
  display: inline-block;
  margin: 0 auto;
  padding: 10px 25px 5px 25px;
}

.mypage-video-menu {
  width: 100%;
  float: left;
  padding-top: 30px;
}
.mypage-video-menu .class-none p {
  font-size: 17px;
}
.mypage-video-menu .class-none a {
  font-size: 16px;
  text-align: center;
  background: #ff994f;
  color: #fff;
  border-radius: 50px;
  padding: 10px 20px;
  margin: 20px 0;
  display: inline-block;
}
.mypage-video-menu .video-banner {
  width: 100%;
}
.mypage-video-menu .video-banner div {
  margin: 0 0 10px 0;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.2);
  padding: 15px 0;
  width: 100%;
}
.mypage-video-menu .video-banner div a {
  background: url(../img/bull_lecture.png) no-repeat;
  background-position: 99% 50%;
  display: block;
  width: 95%;
  margin: 0 auto;
  font-size: 16px;
  line-height: 23px;
}

/*강의실*/
.timeline-wrap {
  width: 70%;
  float: left;
}
.timeline-wrap .class-none p {
  font-size: 17px;
}
.timeline-wrap .class-none a {
  font-size: 16px;
  text-align: center;
  background: #ff994f;
  color: #fff;
  border-radius: 50px;
  padding: 10px 20px;
  margin: 20px 0;
  display: inline-block;
}
.timeline-wrap .video-banner {
  width: 95%;
}
.timeline-wrap .video-banner div {
  margin: 0 0 10px 0;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.2);
  padding: 15px 0;
  width: 100%;
}
.timeline-wrap .video-banner div a {
  background: url(../img/bull_lecture.png) no-repeat;
  background-position: 99% 50%;
  display: block;
  width: 95%;
  margin: 0 auto;
  font-size: 16px;
  line-height: 23px;
}
.timeline-wrap .lec-detail-list {
  width: 95%;
}
.timeline-wrap .lec-detail-list .lec-detail {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 0 25px 0;
}
.timeline-wrap .lec-detail-list .lec-detail::before {
  box-sizing: inherit;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #c8c8c8;
  display: block;
  position: absolute;
  top: 0;
  left: 35px;
}
.timeline-wrap .lec-detail-list .lec-detail:first-child::before {
  height: 50%;
  top: 50%;
}
.timeline-wrap .lec-detail-list .lec-detail:last-child::before {
  height: 50%;
  bottom: 50%;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-date {
  background-color: #ffffff;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 30px;
  position: relative;
  font-weight: bold;
  flex-shrink: 0;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: 0;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .vc-start {
  margin: 0 auto;
  background: url(../img/bg_video.gif) repeat;
  width: 100px;
  height: 100px;
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 55px;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .vc-start ::after {
  content: "";
  width: 32px;
  height: 27px;
  background: url(../img/ico_hand.png) no-repeat;
  background-size: 100%;
  position: absolute;
  right: 0;
  bottom: 1px;
  z-index: 99;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .vc-start a {
  display: block;
  width: 95%;
  padding: 28px 0;
  color: #fff;
  font-size: 17px;
  text-align: center;
  font-weight: bold;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-info {
  width: 100%;
  margin: 0 auto;
  padding: 15px 0;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-info .icon {
  float: left;
  margin: 0 15px;
  width: 40px;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-info .icon img {
  width: 100%;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-info .title {
  float: left;
  width: 70%;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-info .title .class {
  font-size: 14px;
  display: inline-block;
  font-weight: bold;
  padding: 0 0 0 3px;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-info .title .time {
  font-size: 25px;
  font-weight: bold;
  padding: 2px 0 5px 0;
  letter-spacing: -1.5px;
  display: block;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-info .title .date {
  font-size: 14px;
  color: #555;
  line-height: 22px;
  font-weight: normal;
  padding: 0 0 4px 3px;
  display: inline-block;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-info .title .class-info {
  font-size: 14px;
  color: #9f9f9f;
  line-height: 20px;
  font-weight: normal;
  padding: 0 0 0 3px;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-btn {
  border-radius: 0 0 10px 10px;
  float: left;
  width: 100%;
  height: 80px;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-btn ul {
  border-top: 1px solid #eaeaea;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-btn ul li {
  float: left;
  width: 25%;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-btn ul li:nth-child(1) a {
  background: url(../img/ico_lecture_01.png) no-repeat;
  background-position: 50% 18%;
  background-size: 20px 20px;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-btn ul li:nth-child(2) a {
  background: url(../img/ico_lecture_02.png) no-repeat;
  background-position: 50% 18%;
  background-size: 20px 20px;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-btn ul li:nth-child(3) a {
  background: url(../img/ico_lecture_03.png) no-repeat;
  background-position: 50% 18%;
  background-size: 20px 20px;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-btn ul li:nth-child(3).off {
  cursor: default;
  background: #f9f9f9;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-btn ul li:nth-child(3).off a {
  cursor: default;
  background: url(../img/ico_lecture_03_off.png) no-repeat;
  background-position: 50% 18%;
  border-right: 1px solid #eaeaea;
  background-size: 20px 20px;
  color: #b5b5b5;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-btn ul li:nth-child(4) a {
  background: url(../img/ico_lecture_04.png) no-repeat;
  background-position: 50% 18%;
  background-size: 20px 20px;
  border-right: none;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-btn ul li:nth-child(4).off {
  cursor: default;
  background: #f9f9f9;
  border-radius: 0 0 10px 0px;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-btn ul li:nth-child(4).off a {
  cursor: default;
  background: url(../img/ico_lecture_04_off.png) no-repeat;
  background-position: 50% 18%;
  border-right: 1px solid #eaeaea;
  background-size: 20px 20px;
  color: #b5b5b5;
}
.timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-btn ul li a {
  text-align: center;
  color: #ffffff;
  display: block;
  padding: 0;
  border-right: 1px solid #ffffff;
  height: 80px;
  line-height: 16px;
  padding-top: 32px;
}
.timeline-wrap .lec-detail-list .phone .lec-date {
  border: 7px solid #ebf4f7 !important;
  color: #557be1 !important;
}
.timeline-wrap .lec-detail-list .phone .title .class {
  color: #557be1 !important;
}
.timeline-wrap .lec-detail-list .phone .title .class span {
  color: #999 !important;
  font-weight: 300;
}
.timeline-wrap .lec-detail-list .phone .title .date span {
  color: #557be1 !important;
  font-weight: bold;
}
.timeline-wrap .lec-detail-list .phone .lec-btn {
  background: #77cbe0;
}
.timeline-wrap .lec-detail-list .phone-before .lec-date {
  border: 7px solid #efefef !important;
  color: #d9d9d9;
}
.timeline-wrap .lec-detail-list .phone-before .title .class {
  color: #557be1 !important;
}
.timeline-wrap .lec-detail-list .phone-before .title .class span {
  color: #999 !important;
  font-weight: 300;
}
.timeline-wrap .lec-detail-list .phone-before .title .date span {
  color: #557be1 !important;
  font-weight: bold;
}
.timeline-wrap .lec-detail-list .phone-before .lec-btn {
  background: #c9dae2;
}
.timeline-wrap .lec-detail-list .phone-next .lec-date {
  border: 7px solid #ebf4f7;
  color: #557be1;
}
.timeline-wrap .lec-detail-list .phone-next .title .class {
  color: #557be1 !important;
}
.timeline-wrap .lec-detail-list .phone-next .title .class span {
  color: #999 !important;
  font-weight: 300;
}
.timeline-wrap .lec-detail-list .phone-next .title .date span {
  color: #557be1 !important;
  font-weight: bold;
}
.timeline-wrap .lec-detail-list .phone-next .lec-btn {
  background: #f9f9f9;
}
.timeline-wrap .lec-detail-list .phone-next .lec-btn ul li a {
  border-right: 1px solid #eaeaea !important;
  color: #b5b5b5 !important;
}
.timeline-wrap .lec-detail-list .phone-next .lec-btn ul li:nth-child(1) a {
  background: url(../img/ico_phone_lecture_01.png) no-repeat !important;
  background-position: 50% 18% !important;
  background-size: 20px 20px !important;
}
.timeline-wrap .lec-detail-list .phone-next .lec-btn ul li:nth-child(2) a {
  background: url(../img/ico_phone_lecture_02.png) no-repeat !important;
  background-position: 50% 18% !important;
  background-size: 20px 20px !important;
}
.timeline-wrap .lec-detail-list .phone-next .lec-btn ul li:nth-child(4) a {
  background: url(../img/ico_phone_lecture_04.png) no-repeat !important;
  background-position: 50% 18% !important;
  background-size: 20px 20px !important;
}
.timeline-wrap .lec-detail-list .mcat .lec-date {
  border: 7px solid rgba(249, 144, 142, 0.168627451);
  color: #f88588;
}
.timeline-wrap .lec-detail-list .mcat .title .class {
  color: #e0425c !important;
}
.timeline-wrap .lec-detail-list .mcat .title .class span {
  color: #999 !important;
  font-weight: 300;
}
.timeline-wrap .lec-detail-list .mcat .title .date span {
  color: #e0425c !important;
  font-weight: bold;
}
.timeline-wrap .lec-detail-list .mcat .lec-btn {
  background: #fda693;
}
.timeline-wrap .lec-detail-list .mcat-before .lec-date {
  border: 7px solid #efefef !important;
  color: #d9d9d9;
}
.timeline-wrap .lec-detail-list .mcat-before .title .class {
  color: #e0425c !important;
}
.timeline-wrap .lec-detail-list .mcat-before .title .class span {
  color: #999 !important;
  font-weight: 300;
}
.timeline-wrap .lec-detail-list .mcat-before .title .date span {
  color: #e0425c !important;
  font-weight: bold;
}
.timeline-wrap .lec-detail-list .mcat-before .lec-btn {
  background: #e5d3d6;
}
.timeline-wrap .lec-detail-list .mcat-next .lec-date {
  border: 7px solid rgba(249, 144, 142, 0.168627451);
  color: #f88588;
}
.timeline-wrap .lec-detail-list .mcat-next .title .class {
  color: #e0425c !important;
}
.timeline-wrap .lec-detail-list .mcat-next .title .class span {
  color: #999 !important;
  font-weight: 300;
}
.timeline-wrap .lec-detail-list .mcat-next .title .date span {
  color: #e0425c !important;
  font-weight: bold;
}
.timeline-wrap .lec-detail-list .mcat-next .lec-btn {
  background: #f9f9f9;
}
.timeline-wrap .lec-detail-list .mcat-next .lec-btn ul li a {
  border-right: 1px solid #eaeaea !important;
  color: #b5b5b5 !important;
}
.timeline-wrap .lec-detail-list .mcat-next .lec-btn ul li:nth-child(1) a {
  background: url(../img/ico_mcat_lecture_01.png) no-repeat !important;
  background-position: 50% 18% !important;
  background-size: 20px 20px !important;
}
.timeline-wrap .lec-detail-list .mcat-next .lec-btn ul li:nth-child(2) a {
  background: url(../img/ico_mcat_lecture_02.png) no-repeat !important;
  background-position: 50% 18% !important;
  background-size: 20px 20px !important;
}
.timeline-wrap .lec-detail-list .mcat-next .lec-btn ul li:nth-child(4) a {
  background: url(../img/ico_mcat_lecture_04.png) no-repeat !important;
  background-position: 50% 18% !important;
  background-size: 20px 20px !important;
}
.timeline-wrap .lec-detail-list .vc .lec-date {
  border: 7px solid #c7f2e5;
  color: #28bea1;
}
.timeline-wrap .lec-detail-list .vc .title .class {
  color: #28bea1 !important;
}
.timeline-wrap .lec-detail-list .vc .title .class span {
  color: #999 !important;
  font-weight: 300;
}
.timeline-wrap .lec-detail-list .vc .title .date span {
  color: #74d9bb !important;
  font-weight: bold;
}
.timeline-wrap .lec-detail-list .vc .lec-btn {
  background: #74d9bb;
}
.timeline-wrap .lec-detail-list .vc-before .lec-date {
  border: 7px solid #efefef !important;
  color: #d9d9d9;
}
.timeline-wrap .lec-detail-list .vc-before .title .class {
  color: #28bea1 !important;
}
.timeline-wrap .lec-detail-list .vc-before .title .class span {
  color: #999 !important;
  font-weight: 300;
}
.timeline-wrap .lec-detail-list .vc-before .title .date span {
  color: #74d9bb !important;
  font-weight: bold;
}
.timeline-wrap .lec-detail-list .vc-before .lec-btn {
  background: #b3d5ca;
}
.timeline-wrap .lec-detail-list .vc-next .lec-date {
  border: 7px solid #c7f2e5;
  color: #28bea1;
}
.timeline-wrap .lec-detail-list .vc-next .title .class {
  color: #28bea1 !important;
}
.timeline-wrap .lec-detail-list .vc-next .title .class span {
  color: #999 !important;
  font-weight: 300;
}
.timeline-wrap .lec-detail-list .vc-next .title .date span {
  color: #74d9bb !important;
  font-weight: bold;
}
.timeline-wrap .lec-detail-list .vc-next .lec-btn {
  background: #f9f9f9;
}
.timeline-wrap .lec-detail-list .vc-next .lec-btn ul li a {
  border-right: 1px solid #eaeaea !important;
  color: #b5b5b5 !important;
}
.timeline-wrap .lec-detail-list .vc-next .lec-btn ul li:nth-child(1) a {
  background: url(../img/ico_vc_lecture_01.png) no-repeat !important;
  background-position: 50% 18% !important;
  background-size: 20px 20px !important;
}
.timeline-wrap .lec-detail-list .vc-next .lec-btn ul li:nth-child(2) a {
  background: url(../img/ico_vc_lecture_02.png) no-repeat !important;
  background-position: 50% 18% !important;
  background-size: 20px 20px !important;
}
.timeline-wrap .lec-detail-list .vc-next .lec-btn ul li:nth-child(4) a {
  background: url(../img/ico_vc_lecture_04.png) no-repeat !important;
  background-position: 50% 18% !important;
  background-size: 20px 20px !important;
}

.video-layer {
  min-width: 300px;
  max-width: 475px;
  border-radius: 15px;
  padding-top: 50px;
  padding-bottom: 32px;
  overflow: hidden;
}
.video-layer .video-layer-con {
  white-space: normal;
}
.video-layer .video-layer-con h1 {
  text-align: center;
  font-style: "Noto Sans KR";
  color: #626262;
  font-size: 25px;
}
.video-layer .video-layer-con .checks {
  position: relative;
  align-items: center;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
.video-layer .video-layer-con .checks input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.video-layer .video-layer-con .checks input[type=radio] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font-size: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.video-layer .video-layer-con .checks input[type=radio] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 21px;
  height: 21px;
  text-align: center;
  background: white;
  border: 1px solid #3ab9a6;
  border-radius: 100%;
}
.video-layer .video-layer-con .checks input[type=radio]:checked + label:before {
  background: white;
  border-color: #3ab9a6;
}
.video-layer .video-layer-con .checks input[type=radio]:checked + label:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 5px;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  background: #3ab9a6;
}
.video-layer .video-layer-con p {
  padding-left: 30px;
  font-style: "Noto Sans KR";
  padding-right: 30px;
  word-break: break-word;
}

.quick-wrap {
  float: right;
  width: 30%;
}
.quick-wrap .menu {
  right: 0;
  width: 100%;
  background: #fff;
  top: 50px;
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.2);
}
.quick-wrap .menu ul li {
  width: 100%;
}
.quick-wrap .menu ul li.title {
  background: #f8f8f8;
}
.quick-wrap .menu ul li.title p {
  font-weight: bold;
  font-size: 16px;
  padding: 15px 0px;
  width: 90%;
  margin: 0 auto;
}
.quick-wrap .menu ul li a {
  display: block;
  padding: 15px 0;
  border-bottom: 1px dashed #eaeaea;
  width: 90%;
  margin: 0 auto;
}
.quick-wrap .menu ul li a.col-point {
  color: #f88588;
}

/*이전 4단계 - 예습하기*/
.study-navi {
  padding-bottom: 30px;
}
.study-navi li {
  float: left;
  width: 25%;
  display: block;
  background: #e4cac9;
}
.study-navi li.carrot-active {
  background: #f9908e;
}
.study-navi li.off {
  background: #d3d3d3;
}
.study-navi li a {
  text-align: center;
  padding: 20px 0;
  font-size: 16px;
  color: #ffffff;
  border-right: 1px solid #ffffff;
  display: block;
  font-weight: bold;
}

.btn-wrap {
  position: fixed;
  top: 50%;
  width: 900px;
  margin: 0 auto;
  z-index: 9;
}

.study-con {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.study-con .book-img-wrap {
  float: left;
}
.study-con .title {
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0;
}
.study-con .b-title {
  width: 50%;
  float: left;
  font-size: 18px;
  font-weight: bold;
}
.study-con .b-title p {
  height: 130px;
}
.study-con .btn-print {
  display: block;
  padding: 0 0 0 20px;
  color: #707070;
  font-size: 13px;
  background: url("../img/phone/ico-print.png") no-repeat;
}
.study-con .recommend-view .video {
  margin: 20px auto 30px auto;
  width: 100%;
  position: relative;
  text-align: center;
}
.study-con .recommend-view .video li {
  display: inline-block;
}
.study-con .recommend-view .video li a {
  background: #efefef;
  padding: 7px;
  border-radius: 20px;
  margin: 0 5px;
  font-size: 12px;
}
.study-con .recommend-view .video li a.carrot-active {
  background: #504f5d;
  color: #ffffff;
}
.study-con .nothing {
  padding: 40px 0;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  text-align: center;
}
.study-con .nothing p {
  font-size: 16px;
  line-height: 26px;
  font-weight: normal;
  color: #999;
}
.study-con .nothing a {
  background: #504f5d;
  color: #ffffff;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  border-radius: 30px;
  padding: 12px 40px;
  font-size: 16px;
  margin: 15px 0 0 0;
}
.study-con .study-preview-list {
  border: 1px solid #dddddd;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.2);
}
.study-con .study-preview-list ul li .preview {
  border-bottom: 1px dashed #eaeaea;
  width: 90%;
  margin: 0 auto;
  padding: 15px 0;
}
.study-con .study-preview-list ul li .preview div.daily p {
  max-width: 100% !important;
}
.study-con .study-preview-list ul li .preview div {
  display: inline-block;
  vertical-align: middle;
}
.study-con .study-preview-list ul li .preview div span {
  padding: 4px 10px;
  background-color: #ffffff;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  position: relative;
  text-align: center;
  font-weight: bold;
  flex-shrink: 0;
  border: 5px solid rgba(249, 144, 142, 0.168627451);
  color: #f88588;
  line-height: 34px;
}
.study-con .study-preview-list ul li .preview div p {
  display: inline-block;
  font-weight: normal;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 480px;
  overflow: hidden;
  vertical-align: middle;
}
.study-con .study-preview-list ul li .preview div a {
  background: #efefef;
  padding: 10px 15px;
  border-radius: 20px;
  display: inline-block;
  color: #9f9f9f;
}
.study-con .study-preview-list ul li .preview div a.carrot-active {
  background: #504f5d;
  color: #fff;
}
.study-con .study-preview-list .preview-right {
  float: right;
}
.study-con .study-preview-list .daily-preview-right {
  float: right;
}
.study-con .study-preview-word {
  padding: 10px 0;
  max-width: 800px;
  margin: 0 auto;
}
.study-con .study-preview-word .title {
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
}
.study-con .study-preview-word .sub {
  font-size: 17px;
  font-weight: normal;
  color: #666666;
  padding: 0 0 20px 0;
}
.study-con .study-preview-word ul li {
  margin: 0 0 15px 0;
  width: 50%;
  float: left;
  position: relative;
}
.study-con .study-preview-word ul li a {
  position: relative;
  display: block;
  width: 95%;
  margin: 0 auto;
}
.study-con .study-preview-word ul li a:hover div span {
  filter: alpha(opacity=70);
  opacity: 0.7;
  _filter: alpha(opacity=0);
}
.study-con .study-preview-word ul li a div span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  filter: alpha(opacity=3);
  opacity: 0.3;
  _filter: alpha(opacity=0);
  background-color: #000000;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.study-con .study-preview-word ul li a div img {
  width: 100%;
}
.study-con .study-preview-word ul li a div.word {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #ffffff;
  font-size: 1.2em;
  z-index: 20;
  line-height: 15px;
}
.study-con .study-preview-word-quiz {
  padding: 10px 0;
  max-width: 800px;
  margin: 0 auto;
}
.study-con .study-preview-word-quiz .title {
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
}
.study-con .study-preview-word-quiz .sub {
  font-size: 17px;
  font-weight: normal;
  color: #666666;
  padding: 0 0 20px 0;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul {
  width: 100%;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul li {
  position: relative;
  display: block;
  z-index: 0;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul li a {
  position: relative;
  display: block;
  z-index: 0;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul li p.img img {
  width: 100%;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul li p.img span.bg {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  filter: alpha(opacity=3);
  opacity: 0.3;
  _filter: alpha(opacity=0);
  background-color: #000000;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul li p.mp3 {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  margin: -65px 0 0 -65px;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul li p.mp3 a {
  cursor: pointer;
  background: url(../img/phone/pop_btn_listen.png) no-repeat;
  width: 130px;
  height: 130px;
  background-size: 100% 100%;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul.quiz02-nav {
  background: #3d3d3d;
  position: relative;
  padding: 15px 0;
  z-index: 1;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul.quiz02-nav .prev {
  float: left;
  position: relative;
  margin: 0 0 0 20px;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul.quiz02-nav .prev a {
  background: url(../img/phone/pop_circle_btn2_prev_on.png) no-repeat;
  width: 30px;
  height: 30px;
  background-size: 100% 100%;
  display: block;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul.quiz02-nav .next {
  float: right;
  position: relative;
  margin: 0 20px 0 0;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul.quiz02-nav .next a {
  background: url(../img/phone/pop_circle_btn2_next_on.png) no-repeat;
  width: 30px;
  height: 30px;
  background-size: 100% 100%;
  display: block;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul.quiz02-nav .num {
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 30px;
  color: #ffffff;
  z-index: -99;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul.quiz02-nav .num span {
  font-weight: bold;
  color: #f88588;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul.quiz02-word {
  width: 100%;
  margin: 20px auto 0 auto;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul.quiz02-word li a {
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.2);
  background: #ffffff;
  color: #666;
  display: block;
  text-align: center;
  border-radius: 30px;
  padding: 13px 0;
  font-size: 16px;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul.quiz02-word li a.check {
  background: #504f5d;
  color: #ffffff;
  font-weight: bold;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul.quiz02-word li:first-child {
  width: 48%;
  float: left;
  margin: 0 0 10px 0;
}
.study-con .study-preview-word-quiz .pop-quiz02 ul.quiz02-word li:last-child {
  width: 48%;
  float: right;
  margin: 0 0 10px 0;
}
.study-con .study-preview-sen {
  padding: 10px 0;
  max-width: 800px;
  margin: 0 auto;
}
.study-con .study-preview-sen .title {
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
}
.study-con .study-preview-sen .sub {
  font-size: 17px;
  font-weight: normal;
  color: #666666;
  padding: 0 0 20px 0;
}
.study-con .study-preview-sen div {
  width: 100%;
  border: 1px solid #dddddd;
  margin: 0 0 10px 0;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.2);
}
.study-con .study-preview-sen div.ex ul {
  padding: 10px 10px;
  margin: 0 auto;
}
.study-con .study-preview-sen div.ex ul li {
  width: 30%;
  float: left;
  padding: 10px 5px;
  font-size: 17px;
  text-align: center;
}
.study-con .study-preview-sen div.quiz {
  margin: 10px 0 0 0;
  background: #ffffff;
  padding: 30px 0 20px 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.study-con .study-preview-sen div.quiz ul.quiz_list {
  width: 90%;
  margin: 0 auto;
}
.study-con .study-preview-sen div.quiz ul.quiz_list li {
  margin: 0 0 30px 0;
}
.study-con .study-preview-sen div.quiz ul.quiz_list li ul.quiz_con li:first-child {
  font-weight: bold;
  font-size: 17px;
  float: left;
  margin: 1px 3px 0 0;
}
.study-con .study-preview-sen div.quiz ul.quiz_list li ul.quiz_con li:last-child {
  float: left;
  font-size: 17px;
  margin: 0;
  width: 85%;
  color: #888888;
  line-height: 24px;
}
.study-con .study-preview-sen div.quiz ul.quiz_list li ul.quiz_con li:last-child input {
  border: 0;
  border-bottom: 1px solid #888888;
  border-radius: 0;
  padding: 0 10px;
  font-size: 16px;
}
.study-con .study-preview-sen div.quiz ul.quiz_list li ul.quiz_con li:last-child span.answer {
  color: #f88588;
  font-weight: bold;
}
.study-con .study-preview-sen div.quiz ul.quiz_list li ul.quiz_con li:last-child span.wrong {
  text-decoration: line-through;
  color: #b6b6b6;
}
.study-con .study-preview-sen ul.quiz_list-3 {
  margin: 0 0 30px 81px;
}
.study-con .study-preview-sen ul.quiz_list-3 .mp3 {
  float: left;
  margin: 0 15px 0 0;
}
.study-con .study-preview-sen ul.quiz_list-3 .mp3 a {
  width: 22px;
  height: 22px;
  background: url("../img/phone/pop_btn_listen_bk.png") no-repeat;
  background-size: 100% 100%;
  display: block;
}
.study-con .study-preview-sen ul.quiz_list-3 .num {
  font-weight: bold;
  font-size: 1.2em;
  float: left;
  margin: 0px 12px 0 0px;
}
.study-con .study-preview-sen ul.quiz_list-3 .radio-question {
  float: left;
  font-size: 1.2em;
  margin: -2px 0 39px 0;
  width: 90%;
}
.study-con .study-preview-sen ul.quiz_list-3 .radio-question .quiz_list_1 {
  line-height: 22px;
  margin: 3px 0 10px 0;
  display: block;
}
.study-con .study-preview-sen ul.quiz_list-3 .radio-question label.answer {
  color: #f88588;
  font-weight: bold;
}
.study-con .study-preview-sen ul.quiz_list-3 .radio-question label.wrong {
  text-decoration: line-through;
  color: #dddddd;
  font-weight: bold;
}
.study-con .study-preview-sen ul.quiz_list-3 .radio-question label.check {
  color: black;
  font-weight: bold;
}
.study-con .study-preview-sen ul.quiz_list-3 .radio-question input {
  padding: 3px 10px;
  height: 27px;
}
.study-con .study-preview-sen ul.quiz_list-3 .radio-question input[type=radio] {
  margin: 0 2px 0 0;
}
.study-con .study-preview-sen ul.quiz_list-3:first-child {
  margin: 0px 0px 30px 0;
}
.study-con .study-preview-sen .chunk-study {
  margin: 0 0 30px 37px;
  padding: 20px 0;
}
.study-con .study-preview-sen .chunk-study .mp3 {
  float: left;
  margin: 0 15px 0 0;
}
.study-con .study-preview-sen .chunk-study .mp3 a {
  width: 22px;
  height: 22px;
  background: url("../img/phone/pop_btn_listen_bk.png") no-repeat;
  background-size: 100% 100%;
  display: block;
}
.study-con .study-preview-sen .chunk-study .num {
  font-weight: bold;
  font-size: 1.2em;
  float: left;
  margin: 3px 3px 0 0px;
}
.study-con .study-preview-sen .chunk-study .num input {
  padding: 3px 10px;
  height: 27px;
}
.study-con .study-preview-sen .chunk-study .num .quiz_list_1 {
  margin: 0 10px 0 0;
  font-weight: normal;
}
.study-con .study-preview-sen .chunk-study .num input[type=radio] {
  margin: 0 2px 0 0;
}
.study-con .study-preview-sen .chunk-study .num label.answer {
  color: #f88588;
  font-weight: bold;
}
.study-con .study-preview-sen .chunk-study .num label.wrong {
  text-decoration: line-through;
  color: #dddddd;
  font-weight: bold;
}
.study-con .study-preview-sen .chunk-study .num label.check {
  color: black;
  font-weight: bold;
}
.study-con .study-preview-sen .chunk-study:first-child {
  margin: 0px 0px 30px 0;
}
.study-con .study-preview-sen .question li {
  padding: 20px 30px;
  font-size: 18px;
  word-break: break-word;
}
.study-con .study-preview-sen .answer ul {
  padding: 30px;
}
.study-con .study-preview-sen .answer ul li {
  padding: 9px 0px;
  font-size: 18px;
}
.study-con .study-preview-sen .answer ul li .question {
  float: left;
  font-size: 17px;
  margin: 3px 0 0 0;
  width: 90%;
  line-height: 21px;
}
.study-con .study-preview-sen .answer ul li strong {
  font-weight: bold;
  font-size: 18px;
  float: left;
  padding-right: 3px;
}
.study-con .study-preview-sen .answer ul li.check {
  color: #f88588;
}
.study-con .study-preview-sen .answer ul li.answer {
  color: #f88588;
  font-weight: bold;
  border: 1px solid #f88588;
  padding: 10px 20px;
}
.study-con .study-preview-sen .answer ul .wrong {
  text-decoration: line-through;
  color: #dddddd;
}
.study-con .pop_btn .btn_mid {
  background: #504f5d;
  color: #ffffff;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  border-radius: 30px;
  padding: 15px 40px;
  font-size: 16px;
}
.study-con .study-book ul li {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.2);
  width: 48%;
  float: left;
  margin: 0 2% 20px 0;
}
.study-con .study-book ul li .arrow {
  vertical-align: middle;
  height: 158px;
  padding-top: 65px;
  margin-left: 20px;
  display: inline-block;
  cursor: pointer;
}
.study-con .study-book ul li .book {
  width: 90%;
  margin: 0 auto;
  background-position: 99% 50%;
  padding: 20px 0;
  position: relative;
}
.study-con .study-book ul li .book a {
  display: inline-block;
}
.study-con .study-book ul li .book a .book-img {
  float: left;
  margin: 0 15px 0 0;
  width: 120px;
  height: 158px;
  background: url(../img/book_bg.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
.study-con .study-book ul li .book a .book-img img {
  height: 158px;
}
.study-con .study-book ul li .book a .title {
  float: left;
  width: 50%;
}
.study-con .study-book ul li .book a .title p {
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
}

/*이전 4단계 - 복습하기*/
.review-con {
  max-width: 800px;
  margin: 0 auto;
}
.review-con p.title {
  font-size: 17px;
  font-weight: normal;
  color: #666666;
  padding: 0 0 20px 0;
}
.review-con .video-list p {
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
  margin-top: 15px;
  letter-spacing: -1px;
  margin-bottom: 5px;
}
.review-con .mp3-list p {
  font-size: 16px;
  font-weight: bold;
  margin-top: 15px;
  letter-spacing: -1px;
}
.review-con .mp3-list ul {
  margin-top: 5px;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: -1.5px;
  margin-bottom: 15px;
}
.review-con .mp3-list ul li {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  box-shadow: 1px 1px 5px -3px;
  margin: 2px;
  border-radius: 50px;
  width: 210px;
  height: 45px;
  padding: 8px;
  float: left;
  line-height: 26px;
}
.review-con .mp3-list ul li .no {
  color: #555;
  padding-right: 8px;
  padding-left: 5px;
  font-size: 13px;
}
.review-con .mp3-list ul li .down {
  border-left: 1px solid #bcbcbc;
  padding-left: 13px;
}
.review-con .mp3-list ul li .down a {
  color: #f88588;
}
.review-con .correction {
  margin-top: 30px;
}
.review-con .correction p {
  font-size: 22px;
  line-height: 30px;
}
.review-con .correction .comment {
  padding: 10px 0;
  border: 1px solid #dddddd;
  margin: 15px 0 10px 0;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.2);
}
.review-con .correction .comment div {
  color: #777777;
  font-size: 16px;
  padding: 21px 0;
  line-height: 25px;
  width: 90%;
  margin: 0 auto 0 auto;
}
.review-con .correction .comment div p {
  font-size: 14px;
  line-height: 22px;
}
.review-con .correction .comment div p.default {
  width: 100%;
  text-align: center;
  color: #f56820;
  font-size: 22px;
  padding: 20px 0;
  letter-spacing: -1px;
}
.review-con .correction .thanks {
  margin: 10px 0 0 0;
  background: #ffffff;
  padding: 20px 0 20px 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.review-con .correction .thanks button {
  background: #504f5d;
  color: #ffffff;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  border-radius: 30px;
  padding: 10px 25px;
  font-size: 16px;
  margin: 15px 0 0 0;
}

/*학습현황*/
.search-wrap {
  text-align: left;
  width: 100%;
  margin: 20px 0 15px 0;
  position: relative;
}
.search-wrap select {
  padding: 6px 10px;
  height: 35px;
  border: 1px solid #ccc;
}
.search-wrap a {
  position: absolute;
  right: 20px;
  padding: 8px 10px;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #ccc;
  top: 0;
}

.status-wrap {
  width: 50%;
  display: block;
  align-items: center;
  position: relative;
  padding: 0 0 15px 0;
  float: left;
}
.status-wrap .status-con {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.2);
  width: 95%;
  margin: 0;
  height: auto;
}
.status-wrap .status-con .status-info {
  width: 100%;
  margin: 0 auto;
  padding: 15px 0;
}
.status-wrap .status-con .status-info .icon {
  float: left;
  margin: 0 15px;
  width: 40px;
}
.status-wrap .status-con .status-info .icon img {
  width: 100%;
}
.status-wrap .status-con .status-info .title {
  float: left;
  width: 70%;
}
.status-wrap .status-con .status-info .title .class {
  font-size: 14px;
  display: block;
  font-weight: 500;
  padding: 0 0 0px 3px;
}
.status-wrap .status-con .status-info .title .time {
  font-size: 25px;
  font-weight: bold;
  padding: 2px 0 5px 0;
  letter-spacing: -1.5px;
  display: block;
}
.status-wrap .status-con .status-info .title .date {
  font-size: 14px;
  color: #555;
  line-height: 22px;
  font-weight: normal;
  padding: 0 0 4px 3px;
  display: inline-block;
}
.status-wrap .status-con .graph-wrap {
  padding: 20px 0 15px 0;
  width: 95%;
  margin: 0 auto;
  border-top: 1px solid #eaeaea;
}
.status-wrap .status-con .graph-wrap .graph-con {
  float: left;
  width: 33.3333333333%;
  text-align: center;
}
.status-wrap .status-con .graph-wrap .graph-con p {
  padding: 0 0 10px 0;
  font-weight: bold;
}
.status-wrap .status-con .graph-wrap .graph-con .time {
  background: #f0f0f0;
  border-radius: 100px;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.status-wrap .status-con .graph-wrap .graph-con .time span {
  padding: 15px 0 0 0;
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  font-weight: 500;
}
.status-wrap .status-con .graph-wrap .graph-con .graph {
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
.status-wrap .status-con .lec-btn {
  border-radius: 0 0 10px 10px;
  float: left;
  width: 100%;
}
.status-wrap .status-con .lec-btn ul {
  border-top: 1px solid #eaeaea;
}
.status-wrap .status-con .lec-btn ul li {
  float: left;
  width: 25%;
  vertical-align: middle;
}
.status-wrap .status-con .lec-btn ul li:nth-child(1) a {
  background-position: 50% 35%;
  background-size: 20px 20px;
}
.status-wrap .status-con .lec-btn ul li:nth-child(2) a {
  background-position: 50% 35%;
  background-size: 20px 20px;
}
.status-wrap .status-con .lec-btn ul li:nth-child(3) a {
  background-position: 50% 35%;
  background-size: 20px 20px;
}
.status-wrap .status-con .lec-btn ul li:nth-child(3).off {
  cursor: default;
  background: #f9f9f9;
}
.status-wrap .status-con .lec-btn ul li:nth-child(3).off a {
  cursor: default;
  background-position: 50% 28%;
  border-right: 1px solid #eaeaea;
  background-size: 20px 20px;
  color: #b5b5b5;
}
.status-wrap .status-con .lec-btn ul li:nth-child(4) a {
  background-position: 50% 35%;
  background-size: 20px 20px;
  border-right: none;
}
.status-wrap .status-con .lec-btn ul li:nth-child(4).off {
  cursor: default;
  background: #f9f9f9;
}
.status-wrap .status-con .lec-btn ul li:nth-child(4).off a {
  cursor: default;
  background-position: 50% 28%;
  border-right: 1px solid #eaeaea;
  background-size: 20px 20px;
  color: #b5b5b5;
}
.status-wrap .status-con .lec-btn ul li a {
  text-align: center;
  color: #ffffff;
  display: block;
  padding: 13px 0;
  border-right: 1px solid #ffffff;
  vertical-align: middle;
  word-break: keep-all;
}
.status-wrap .status-con .payment-top {
  width: 100%;
  float: none;
  margin: 0;
  padding: 10px 0;
}
.status-wrap .status-con .payment-top span {
  display: block;
  text-align: center;
  color: #fff;
  margin: 0 auto;
}
.status-wrap .status-con .payment-top span.phone {
  background: #77cbe0;
  border-radius: 50px;
  width: 80px;
}
.status-wrap .status-con .payment-top span.mcat {
  background: #fda693;
  border-radius: 50px;
  width: 100px;
}
.status-wrap .status-con .payment-top span.vc {
  background: #74d9bb;
  border-radius: 50px;
  width: 80px;
}
.status-wrap .status-con .payment-top p {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal !important;
  display: block;
  font-size: 18px;
  font-weight: normal;
  padding: 5px 0 5px 0;
  letter-spacing: -1.5px;
  display: block;
  line-height: 26px;
}
.status-wrap .status-con .payment-con {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background: #fcfcfc;
  border-top: 1px dashed #dddddd;
  padding: 20px;
  text-align: center;
  border-radius: 0 0 10px 10px;
}
.status-wrap .status-con .payment-con .price {
  color: #f88588;
  font-weight: bold;
  font-size: 30px;
  padding: 5px 0 10px 0;
  letter-spacing: -1px;
}
.status-wrap .status-con .payment-con a {
  background: #504f5d;
  color: #ffffff;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  border-radius: 30px;
  padding: 10px 40px;
  font-size: 15px;
  margin: 15px 0 0 0;
}
.status-wrap .phone .title .class {
  color: #557be1 !important;
}
.status-wrap .phone .title .class span {
  color: #999 !important;
}
.status-wrap .phone .title .date span {
  color: #557be1 !important;
  font-weight: bold;
}
.status-wrap .phone .lec-btn {
  background: #77cbe0;
}
.status-wrap .mcat .title .class {
  color: #e0425c !important;
}
.status-wrap .mcat .title .class span {
  color: #999 !important;
}
.status-wrap .mcat .title .date span {
  color: #e0425c !important;
  font-weight: bold;
}
.status-wrap .mcat .lec-btn {
  background: #fda693;
}
.status-wrap .vc .title .class {
  color: #28bea1 !important;
}
.status-wrap .vc .title .class span {
  color: #999 !important;
}
.status-wrap .vc .title .date span {
  color: #74d9bb !important;
  font-weight: bold;
}
.status-wrap .vc .lec-btn {
  background: #74d9bb;
}
.status-wrap .lv .title .class {
  color: #f88588 !important;
}
.status-wrap .lv .title .class span {
  color: #999 !important;
}
.status-wrap .lv .title .date span {
  color: #f88588 !important;
  font-weight: bold;
}
.status-wrap .lv .lec-btn {
  background: #f88588;
}
.status-wrap .lv .lec-btn ul li {
  float: none !important;
  width: 100% !important;
}
.status-wrap .lv .lec-btn ul li a {
  border-right: none !important;
  background: none !important;
}

/*보충자료-로이터*/
.topic-con .title {
  line-height: 28px;
  margin: 0;
  padding: 0px 0 20px 0;
  font-size: 17px;
  color: #666666;
}
.topic-con .topic-table {
  width: 100%;
  background: #fff;
  border-top: 1px solid #e5e5e5;
}
.topic-con .topic-table tr th {
  background: #efefef;
  text-align: center;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: bold;
}
.topic-con .topic-table tr td {
  padding: 10px 15px;
  border-bottom: 1px solid #efefef;
  font-size: 14px;
  color: #575757;
  line-height: 19px;
}
.topic-con .topic-table tr td a {
  color: #333333;
  text-decoration: none;
}
.topic-con .topic-table tr td .btn-file {
  padding: 0 0 0 20px;
  background: url(../img/ico_file.png) no-repeat left top;
  background-size: 16px 16px;
}
.topic-con .topic-reuter ul li {
  float: left;
  width: 33.3333333%;
  margin: 0 0 30px 0;
}
.topic-con .topic-reuter ul li a {
  display: block;
  width: 95%;
  background: #ffffff;
  border-radius: 0 0 10px 10px;
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}
.topic-con .topic-reuter ul li a .thum img {
  width: 100%;
}
.topic-con .topic-reuter ul li a .info {
  width: 85%;
  margin: 0 auto;
  padding: 15px 0;
  min-height: 120px;
}
.topic-con .topic-reuter ul li a .info span {
  display: block;
  font-size: 15px;
  font-weight: bold;
  color: #f9908e;
  padding: 0 0 5px 0;
}
.topic-con .topic-reuter ul li a .info span.code {
  font-size: 13px;
  font-weight: normal;
  color: #a7a7a7;
  padding: 7px 0 5px 0;
}
.topic-con .topic-reuter ul li a .info p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  line-height: 20px;
  word-break: keep-all;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.topic-con .topic-daily form select {
  padding: 6px 10px;
  height: 35px;
  border: 1px solid #ccc;
}
.topic-con .topic-daily form input {
  padding: 3px 10px;
  height: 35px;
}
.topic-con .topic-daily form button {
  width: 80px;
  text-align: center;
  display: inline-block;
  background: #ffffff;
  border: 1px solid #ccc;
  font-weight: bold;
  padding: 5px 0 10px 0;
  vertical-align: baseline;
}
.topic-con .topic-daily table {
  background: #fff;
  border-top: 1px solid #e5e5e5;
  width: 100%;
}
.topic-con .topic-daily table thead tr th {
  background: #efefef;
  text-align: center;
  padding: 10px 15px;
  font-size: 14px;
  border-left: 1px solid #ffffff;
  font-weight: bold;
}
.topic-con .topic-daily table thead tr th:first-child {
  border-left: none;
  width: 100px;
}
.topic-con .topic-daily table thead tr th.date {
  width: 120px;
}
.topic-con .topic-daily table tbody tr td {
  padding: 10px 15px;
  border-bottom: 1px solid #efefef;
  font-size: 14px;
  color: #575757;
  line-height: 19px;
  border-left: 1px solid #efefef;
  vertical-align: middle;
  text-align: center;
}
.topic-con .topic-daily table tbody tr td:first-child {
  border-left: none;
}
.topic-con .topic-daily table tbody tr td:nth-child(2) {
  text-align: left;
}
.topic-con .topic-daily table tbody tr td:nth-child(2) p {
  color: #f46820;
  padding-left: 15px;
  background: url(../img/today_check.png) no-repeat 0 5px;
}
.topic-con .topic-daily table tbody tr td:nth-child(2) a {
  display: block;
}
.topic-con .topic-daily .paging {
  text-align: center;
  margin: 20px 0 0 0;
  width: 360px;
  margin: auto;
}
.topic-con .topic-daily .paging li {
  display: inline-block;
  height: 18px;
}
.topic-con .topic-daily .paging li a {
  width: 18px;
  height: 18px;
  padding-right: 3px;
  font-size: 16px;
}
.topic-con .topic-daily .paging li a:last-child {
  padding-right: 0;
}

/*월별평가표*/
.monthly-ev-wrap .top ul li {
  width: 25%;
  float: left;
  margin: 5px 0;
  font-size: 14px;
}
.monthly-ev-wrap .top ul li span {
  font-weight: bold;
}
.monthly-ev-wrap .monthly-ev {
  margin-top: 20px;
}
.monthly-ev-wrap .monthly-ev ul li {
  background: #ffffff;
  position: relative;
  margin: 0 0 60px 0;
}
.monthly-ev-wrap .monthly-ev ul li:first-child {
  padding: 25px 20px;
}
.monthly-ev-wrap .monthly-ev ul li:first-child .graph {
  width: 200px;
  height: 200px;
  border-radius: 200px;
  overflow: hidden;
  text-align: left;
  float: left;
}
.monthly-ev-wrap .monthly-ev ul li:first-child .info {
  float: right;
}
.monthly-ev-wrap .monthly-ev ul li:first-child .info a {
  float: right;
  font-size: 12px;
  color: #8e8e8e;
  text-decoration: underline;
}
.monthly-ev-wrap .monthly-ev ul li:first-child .info p {
  font-size: 17px;
  color: #909090;
  margin-top: 30px;
}
.monthly-ev-wrap .monthly-ev ul li:first-child .info p span {
  font-size: 32px;
  font-weight: bold;
  color: #353535;
}
.monthly-ev-wrap .monthly-ev ul li:first-child .info img {
  margin-top: 20px;
}
.monthly-ev-wrap .monthly-ev ul li.graph .top {
  padding: 12px 8px;
  background: #e7e7e7;
}
.monthly-ev-wrap .monthly-ev ul li.graph .top .title {
  font-size: 20px;
  text-align: left;
  padding: 0;
  min-height: auto;
  border-bottom: none;
  line-height: 35px;
  float: left;
  font-weight: bold;
}
.monthly-ev-wrap .monthly-ev ul li.graph .top .score {
  float: right;
  font-size: 26px;
  color: #848383;
  letter-spacing: -1px;
}
.monthly-ev-wrap .monthly-ev ul li.graph .top .score .total {
  font-size: 15px;
}
.monthly-ev-wrap .monthly-ev ul li.graph .top .score .bold {
  color: #292929;
}
.monthly-ev-wrap .monthly-ev ul li.graph .con .info {
  width: 50%;
  float: left;
  padding: 25px 20px;
}
.monthly-ev-wrap .monthly-ev ul li.graph .con .info p.title {
  font-weight: bold;
  float: left;
}
.monthly-ev-wrap .monthly-ev ul li.graph .con .info p.score {
  float: right;
  color: #adadad;
}
.monthly-ev-wrap .monthly-ev ul li.graph .con .info p.score span {
  font-weight: bold;
  color: #555;
}
.monthly-ev-wrap .monthly-ev ul li.attitude {
  padding: 25px 20px;
}
.monthly-ev-wrap .monthly-ev ul li.attitude .top {
  text-align: left;
  border-bottom: 1px solid #e3e3e0;
  padding-bottom: 20px;
}
.monthly-ev-wrap .monthly-ev ul li.attitude .top .title {
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
}
.monthly-ev-wrap .monthly-ev ul li.attitude .top .sub {
  font-size: 12px;
  color: #8c8c8c;
}
.monthly-ev-wrap .monthly-ev ul li.attitude .cont {
  padding-top: 20px;
}
.monthly-ev-wrap .monthly-ev ul li.attitude .cont .date {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}
.monthly-ev-wrap .monthly-ev ul li.attitude .cont ul li {
  width: 49%;
  float: left;
  padding-top: 10px;
  margin-bottom: 10px;
}
.monthly-ev-wrap .monthly-ev ul li.attitude .cont ul li:first-child {
  padding: 0;
}
.monthly-ev-wrap .monthly-ev ul li.attitude .cont ul li p.score {
  font-size: 25px;
  margin-top: 10px;
}
.monthly-ev-wrap .monthly-ev ul li.attitude .cont ul li p.score span {
  color: #ff5500;
  font-weight: bold;
}

/*수업변경/보강*/
.schedule-wrap {
  width: 95%;
  max-width: 900px;
  margin: 0 auto;
}
.schedule-wrap .month {
  text-align: center;
  padding: 40px 0 0px 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
}
.schedule-wrap .month li {
  display: inline-block;
}
.schedule-wrap .month li:first-child a, .schedule-wrap .month li:last-child a {
  width: 22px;
  display: block;
  cursor: pointer;
  margin: 0 10px;
}
.schedule-wrap .month li:first-child a img, .schedule-wrap .month li:last-child a img {
  width: 100%;
}
.schedule-wrap .schedule-makeup {
  width: 100%;
  max-width: 900px;
  text-align: center;
  background: #fff;
  padding: 20px 0;
  margin-top: 20px;
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.2);
  padding: 15px 15px;
}
.schedule-wrap .schedule-makeup .title {
  font-size: 20px;
  font-weight: bold;
}
.schedule-wrap .schedule-makeup .title span {
  color: #f88588;
}
.schedule-wrap .schedule-makeup button {
  margin-top: 20px;
  border: none;
  background: #f88588;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 8px 15px;
}
.schedule-wrap .schedule-ment {
  width: 100%;
  max-width: 900px;
  text-align: left;
  margin: 15px auto 10px auto;
  line-height: 20px;
  background: #f8f8f8;
  border-radius: 0;
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.2);
  padding: 15px 15px;
}
.schedule-wrap .schedule-ment p {
  font-size: 16px;
}
.schedule-wrap .schedule-ment .sub {
  font-size: 14px;
  line-height: 22px;
}
.schedule-wrap .schedule-list {
  margin: 15px 0 10px 0;
}
.schedule-wrap .schedule-list ul {
  float: right;
}
.schedule-wrap .schedule-list ul li {
  display: inline-block;
  margin-right: 10px;
}
.schedule-wrap .schedule-list ul li:before {
  content: "";
  width: 25px;
  height: 8px;
  background: #557be1;
  display: inline-block;
  border-radius: 25px;
  margin-right: 5px;
}
.schedule-wrap .schedule-list ul li.mcat:before {
  background: #e0425c;
}
.schedule-wrap .schedule-list ul li.vc:before {
  background: #28bea1;
}
.schedule-wrap .schedule-list ul li:last-child {
  margin-right: 0;
}
.schedule-wrap .schedule {
  background: #fff;
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.2);
}
.schedule-wrap .schedule .day {
  background: #eeeeee;
  border-top: 1px solid #d4d4d4;
  padding: 6px 0;
}
.schedule-wrap .schedule .day li {
  width: 14.2%;
  float: left;
  text-align: center;
  font-size: 15px;
  color: #333333;
}
.schedule-wrap .schedule .date {
  min-height: 95px;
}
.schedule-wrap .schedule .date li {
  text-align: center;
  width: 14.2%;
  min-height: 120px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  border-top: 1px solid #dfdfdf;
  font-size: 13px;
}
.schedule-wrap .schedule .date li .date-item {
  padding: 5px 0;
}
.schedule-wrap .schedule .date li a {
  display: block;
}
.schedule-wrap .schedule .date li a p {
  display: block;
  margin: 0 auto;
  font-size: 13px;
}
.schedule-wrap .schedule .date li a .number {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  border-radius: 40px;
  font-size: 16px;
}
.schedule-wrap .schedule .date li a .number.today {
  font-weight: bold;
  font-size: 15px;
  background: #faf7a4;
}
.schedule-wrap .schedule .date li a .off {
  color: #c7c7c7;
}
.schedule-wrap .schedule .date li a .phone {
  color: #5985ff;
}
.schedule-wrap .schedule .date li a .mcat {
  color: #e0425b;
}
.schedule-wrap .schedule .date li a .vc {
  color: #28bea1;
}
.schedule-wrap .schedule .date li a .change {
  color: #aaaab0;
  font-weight: normal;
  display: inline-block;
  text-align: center;
  border: 1px solid #c4c4c4;
  border-radius: 30px;
  padding: 0px 3px;
  font-size: 11px;
  width: 52px;
  height: 22px;
  line-height: 20px;
  margin: 5px 0 10px 0;
}

/*내정보수정*/
.info-wrap .info-password {
  height: 100%;
  width: 100%;
  max-width: 600px;
  margin: 30px auto 0 auto;
}
.info-wrap .info-password p {
  text-align: center;
  line-height: 20px;
}
.info-wrap .info-password div {
  margin-top: 15px;
  padding: 20px 0;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  text-align: center;
}
.info-wrap .info-password div label span {
  width: 85px;
  font-weight: bold;
}
.info-wrap .info-password div label input {
  border: 1px solid #dadada;
  font-size: 15px;
  background: #ffffff;
  height: 40px;
  padding: 0px 15px;
  line-height: 25px;
  color: #1e1e1e;
  margin-left: 20px;
}
.info-wrap .info-con {
  max-width: 600px;
  margin: 30px auto 0 auto;
}
.info-wrap .info-con table {
  width: 100%;
}
.info-wrap .info-con table tr th {
  width: 100px;
  font-weight: bold;
  text-align: left;
  padding: 20px 0;
}
.info-wrap .info-con table tr td a {
  text-align: center;
  background: #ffffff;
  border: 1px solid #dadada;
  font-weight: 500;
  padding: 10px 11px;
  vertical-align: middle;
}
.info-wrap .info-con table tr td input {
  height: 40px;
  padding: 0px 15px;
}
.info-wrap .info-con table tr td .address input {
  width: 100%;
}
.info-wrap .info-con p {
  font-size: 13px;
  color: red;
  line-height: 20px;
}
.info-wrap .info-out .title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
}
.info-wrap .info-out ul li::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  background: #000000;
  vertical-align: middle;
  margin-right: 5px;
}
.info-wrap .info-out .reason {
  padding: 20px;
  border-top: #d8d8d8 solid 1px;
  border-bottom: #d8d8d8 solid 1px;
  background: #ffffff;
}
.info-wrap .info-out .info-password {
  height: 100%;
  width: 100%;
  margin: 30px auto 0 auto;
  max-width: 100%;
}
.info-wrap .info-out .info-password p {
  text-align: center;
  line-height: 20px;
}
.info-wrap .info-out .info-password div {
  margin-top: 15px;
  padding: 20px 0;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  text-align: center;
}
.info-wrap .info-out .info-password div label p {
  font-weight: bold;
  margin-bottom: 10px;
}
.info-wrap .info-out .info-password div label input {
  border: 1px solid #dadada;
  font-size: 15px;
  background: #ffffff;
  height: 40px;
  padding: 0px 15px;
  line-height: 25px;
  color: #1e1e1e;
  margin-left: 20px;
}
.info-wrap .info-out .out-btn {
  padding-bottom: 30px;
}
.info-wrap .info-out .out-btn a:first-child {
  background: #9f9fa7;
  color: #ffffff;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  border-radius: 30px;
  padding: 12px 40px;
  font-size: 16px;
  margin: 15px 0 0 0;
}
.info-wrap .info-out .out-btn a:last-child {
  background: #504f5d;
  color: #ffffff;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  border-radius: 30px;
  padding: 12px 40px;
  font-size: 16px;
  margin: 15px 0 0 0;
}
.info-wrap .btn-addr-hide {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: -1px;
  z-index: 1;
}
.info-wrap .addr-wrap {
  display: none;
  border: 1px solid #e4eaec;
  width: 400px;
  height: 0px;
  margin: 5px 0;
  position: relative;
  transition: all 0.4s;
  overflow: hidden;
}

/* 레벨테스트 평가 내 발음 */
.pop-tongue {
  text-align: center;
  width: 680px;
  margin: 50px auto;
}
.pop-tongue .pronunce-wrap {
  padding-bottom: 20px;
  width: 100%;
}
.pop-tongue .pronunce-wrap h3 {
  text-align: left;
  font-size: 22px;
  font-weight: bold;
}
.pop-tongue .pronunce-wrap .pronunce-con {
  width: 100%;
  text-align: center;
  margin: 20px 0;
  border-radius: 10px;
  background: #fff;
  box-shadow: -2px 5px 20px 3px #eee;
}
.pop-tongue .pronunce-wrap .pronunce-con .pronunce-txt {
  padding: 20px;
  border-radius: 10px 10px 0 0;
  background-color: #ff527b;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  width: 100%;
}
.pop-tongue .pronunce-wrap .pronunce-con .pronunce-img-wrap ul {
  padding: 40px 20px;
}
.pop-tongue .pronunce-wrap .pronunce-con .pronunce-img-wrap ul li {
  display: inline-block;
  vertical-align: top;
}
.pop-tongue .pronunce-wrap .pronunce-con .pronunce-img-wrap ul li.pronunce-img {
  width: 46%;
}
.pop-tongue .pronunce-wrap .pronunce-con .pronunce-img-wrap ul li.pronunce-img img {
  height: 160px;
}
.pop-tongue .pronunce-wrap .pronunce-con .pronunce-img-wrap ul li.pronunce-ex-txt {
  width: 53%;
  text-align: left;
}
.pop-tongue .pronunce-wrap .pronunce-con .pronunce-img-wrap ul li.pronunce-ex-txt p {
  font-size: 16px;
  color: #ff527b;
  font-weight: bold;
}
.pop-tongue .pronunce-wrap .pronunce-con .pronunce-img-wrap ul li.pronunce-ex-txt p span {
  margin-left: 10px;
}
.pop-tongue .pronunce-wrap .pronunce-con .pronunce-img-wrap ul li.pronunce-ex-txt p img {
  width: 60px;
}
.pop-tongue .pronunce-wrap .pronunce-con .pronunce-img-wrap ul li.pronunce-ex-txt .sb1 {
  white-space: pre-line;
  font-size: 15px;
  margin-top: 10px;
}
.pop-tongue .pronunce-wrap .pronunce-ex {
  width: 80%;
  margin: 30px auto;
}
.pop-tongue .pronunce-wrap .pronunce-ex p {
  font-size: 18px;
  text-align: center;
}
.pop-tongue .pronunce-wrap .pronunce-ex p.title {
  padding: 10px 0 15px 0;
  font-size: 18px;
  color: #ff527b;
  font-weight: bold;
}
.pop-tongue .pronunce-wrap .pronunce-ex .pronunce-btn-wrap {
  width: 400px;
  margin: 0 auto;
}
.pop-tongue .pronunce-wrap .pronunce-ex .pronunce-btn-wrap button {
  border: none;
  background: none;
  margin-top: 20px;
  font-size: 14px;
  width: 125px;
}
.pop-tongue .pronunce-wrap .pronunce-ex .pronunce-btn-wrap button span {
  font-size: 16px;
  display: block;
  text-align: center;
  color: #555;
  margin-top: 10px;
}

/*레벨테스트 평가표*/
.lv-result {
  width: 700px;
  margin: 0 auto;
  /* progress bar 시작*/
  /* 추천과정소개 */
  /* 나에게 맞는 과정을 추천해드립니다. */
  /* 이벤트 배너 */
  /*-------- progress --------*/
  /* 인포 그래픽 */
}
.lv-result .topHeader {
  padding: 0 5%;
  width: 100%;
  height: 210px;
  background: url(../img/top_img.jpg) no-repeat;
  color: #fff;
  margin-bottom: 30px;
}
.lv-result .topHeader .testDate {
  padding-top: 25px;
}
.lv-result .topHeader .testDate h1 {
  float: left;
  font-size: 18px;
  width: 50%;
}
.lv-result .topHeader .testDate p {
  float: right;
  font-size: 18px;
  width: 50%;
  text-align: right;
}
.lv-result .topHeader .name {
  width: 100%;
  margin-top: 50px;
}
.lv-result .topHeader .name h1 {
  font-size: 50px;
}
.lv-result .topHeader .name p {
  font-size: 20px;
}
.lv-result .overall {
  padding-top: 30px;
}
.lv-result .overall > .cTitle {
  width: 100%;
  margin: 0 auto;
}
.lv-result .overall > .cTitle > h3 {
  border-bottom: 2px solid #999;
  padding-bottom: 10px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: bold;
}
.lv-result .average > .cTitle {
  height: 40px;
  border-bottom: 2px solid #999;
  margin-bottom: 30px;
  margin: 0 auto;
  width: 100%;
}
.lv-result .average > .cTitle h3 {
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 30px;
  font-size: 18px;
}
.lv-result .lvTestScore > .cTitle {
  height: 40px;
  border-bottom: 2px solid #999;
  margin: 0 auto;
  margin-top: 50px;
}
.lv-result .lvTestScore > .cTitle h3 {
  float: left;
  width: 50%;
  font-size: 20px;
  font-weight: bold;
}
.lv-result .lvTestScore > .cTitle h3 span {
  color: #fd5003;
}
.lv-result .lvTestScore > .cTitle h3 span img {
  margin-top: -3px;
}
.lv-result .lvTestScore > .cTitle p {
  float: right;
  width: 50%;
  text-align: right;
}
.lv-result .lvTestScore > .cTitle a {
  padding: 5px 15px 7px 15px;
  border-radius: 50px;
  color: #fff;
  background: #b11f84;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #b11f84 0%, #dd4e40 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b11f84", endColorstr="#dd4e40", GradientType=1);
  /* IE6-9 */
}
.lv-result .content {
  width: 90%;
  background: #fff;
  margin: 0 auto;
}
.lv-result .content .myResult {
  width: 45%;
  background: #fff;
  padding: 30px 0 0 0;
  float: left;
  height: 350px;
}
.lv-result .content .myResult .title h3 {
  font-size: 15px;
  font-weight: bold;
  width: 100%;
  padding-bottom: 20px;
}
.lv-result .content .myResult span {
  font-size: 32px;
  font-weight: bold;
  width: 100%;
}
.lv-result .content .myResult .level-point {
  color: #dd315d;
}
.lv-result .content .myResult .level-default {
  color: #656565;
}
.lv-result .lvGraph {
  padding-top: 20px;
}
.lv-result .progressBar {
  height: 7px;
  background: #e3e3e3;
  border-radius: 0;
  box-shadow: none;
  margin: 100px 0 80px;
  overflow: visible;
  position: relative;
  left: 30px;
}
.lv-result .progressBar .progress-title {
  margin: 0;
  border-radius: 5px 0 0 5px;
  font-size: 18px;
  color: #000;
  text-transform: uppercase;
  position: absolute;
  font-size: 15px;
  top: -36px;
  left: -25px;
  z-index: 1;
}
.lv-result .progressBar .progress-bar {
  box-shadow: none;
  border-radius: 0;
  position: relative;
  animation: animate-positive 2s;
  background: linear-gradient(to right, #dc2e5f 0%, #dd4e40 100%);
  background: -moz-linear-gradient(left, #dc2e5f 0%, rgba(243, 128, 52, 0.8274509804) 100%);
}
.lv-result .progressBar .progress-value {
  width: 45px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  font-size: 17px;
  font-weight: 700;
  color: #000;
  text-align: center;
  position: absolute;
  bottom: 10px;
  right: -17px;
}
.lv-result .progressBar .progress-title:after {
  content: "";
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  position: absolute;
  top: 0;
  right: -17px;
}
.lv-result .progressBar .progress-bar:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  border: 5px solid #dd315d;
  position: absolute;
  right: -5px;
  top: -6px;
}
.lv-result .progressBar .progress-value:after {
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  bottom: -7px;
  left: 35%;
}
.lv-result .lv1_7 > ul {
  position: relative;
  left: 10px;
}
.lv-result .lv1_7 > ul li {
  float: left;
  padding: 20px 37px 0 0;
  font-size: 15px;
  font-weight: bold;
}
.lv-result .lv1_7 > ul li :nth-child(5) {
  float: left;
  padding-right: 0px;
}
.lv-result .progressBar.green .progress-bar:after {
  border: 5px solid #dd315d;
}
@keyframes animate-positive {
  0% {
    width: 0;
  }
}
.lv-result li {
  list-style: none;
}
.lv-result .content .myLevel {
  background: #fff;
  padding: 30px 5% 0 0;
  float: left;
  height: 350px;
}
.lv-result .content .myLevel .title h3 {
  font-size: 15px;
  font-weight: bold;
  width: 100%;
  padding-bottom: 20px;
}
.lv-result .content .myLevel .title span {
  font-size: 20px;
  font-weight: bold;
}
.lv-result .content .myLevel .title .point {
  font-size: 50px;
  font-weight: bold;
  width: 100%;
  color: #dd315d;
  padding-left: 50px;
}
.lv-result .arerageWrap {
  margin-top: 320px;
}
.lv-result .arerageWrap .average01 {
  width: 100%;
}
.lv-result .arerageWrap .average01 ul li {
  float: left;
}
.lv-result .arerageWrap .average01 .txt {
  width: 95%;
  padding: 70px 3% 0 3%;
}
.lv-result .arerageWrap .average01 .txt li {
  list-style: none;
}
.lv-result .average01 > ul > li:nth-child(1) {
  width: 30%;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 5px 5px 10px 5px;
  background: #fd5003;
  color: #fff;
  border-radius: 50px;
}
.lv-result .average01 > ul > li:nth-child(2) {
  width: 53%;
  text-align: center;
  border-bottom: 1px solid #ddd;
  margin-left: 10px;
}
.lv-result .average01 > ul > li:nth-child(3) {
  width: 13%;
  font-size: 15x;
  text-align: center;
}
.lv-result .average01 > ul > li:nth-child(3) > strong {
  font-size: 25px;
  color: #fd5003;
}
.lv-result .average02 {
  width: 100%;
}
.lv-result .average02 > ul > li {
  float: left;
  margin-top: 70px;
}
.lv-result .average02 > ul > li:nth-child(1) {
  width: 50%;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 5px 5px 10px 5px;
  background: #ff9304;
  color: #fff;
  border-radius: 50px;
}
.lv-result .average02 > ul > li:nth-child(2) {
  width: 33%;
  text-align: center;
  border-bottom: 1px solid #ddd;
  margin-left: 10px;
}
.lv-result .average02 > ul > li:nth-child(3) {
  width: 13%;
  font-size: 15x;
  text-align: center;
}
.lv-result .average02 > ul > li:nth-child(3) > strong {
  font-size: 25px;
  color: #ff9304;
}
.lv-result .average02 > .txt {
  width: 95%;
  padding: 150px 3% 0 3%;
}
.lv-result .average03 {
  width: 100%;
}
.lv-result .average03 > ul > li {
  float: left;
  margin-top: 70px;
}
.lv-result .average03 > ul > li:nth-child(1) {
  width: 41%;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 5px 5px 10px 5px;
  background: #27b29d;
  color: #fff;
  border-radius: 50px;
}
.lv-result .average03 > ul > li:nth-child(2) {
  width: 42%;
  text-align: center;
  border-bottom: 1px solid #ddd;
  margin-left: 10px;
}
.lv-result .average03 > ul > li:nth-child(3) {
  width: 13%;
  font-size: 15px;
  text-align: center;
}
.lv-result .average03 > ul > li:nth-child(3) > strong {
  font-size: 25px;
  color: #27b29d;
}
.lv-result .average03 > .txt {
  width: 95%;
  padding: 150px 3% 0 3%;
}
.lv-result .average04 {
  width: 100%;
}
.lv-result .average04 .my-tongue {
  margin-top: 10px;
}
.lv-result .average04 .my-tongue button {
  vertical-align: initial;
  background: #fff;
  padding: 0;
  font-weight: bold;
  border-radius: 50px;
  font-size: 16px;
  border: none;
  color: #7bab01;
  padding-top: 10px;
}
.lv-result .average04 ul li {
  float: left;
  margin-top: 70px;
}
.lv-result .average04 ul li:nth-child(1) {
  width: 52%;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 5px 5px 10px 5px;
  background: #7bab01;
  color: #fff;
  border-radius: 50px;
}
.lv-result .average04 ul li:nth-child(2) {
  width: 31%;
  text-align: center;
  border-bottom: 1px solid #ddd;
  margin-left: 10px;
}
.lv-result .average04 ul li:nth-child(3) {
  width: 13%;
  font-size: 15px;
  text-align: center;
}
.lv-result .average04 ul li:nth-child(3) strong {
  font-size: 25px;
  color: #7bab01;
}
.lv-result .average04 .txt {
  width: 95%;
  padding: 150px 3% 0 3%;
}
.lv-result .teacherComent {
  width: 90%;
  padding: 40px 5%;
}
.lv-result .recommend {
  width: 100%;
}
.lv-result .recommend ul:nth-child(1) {
  border: 2px solid #ddd;
  border-radius: 10px;
  margin: 50px auto;
  background: #f8f8f8;
  width: 100%;
  padding: 20px 0 40px 0 !important;
  display: inline-block;
}
.lv-result .recommend li {
  float: left;
}
.lv-result .recommend h1 {
  font-size: 25px;
  font-weight: bold;
}
.lv-result .recommend p {
  padding-top: 15px;
  font-size: 14px !important;
  color: #000;
}
.lv-result .recommend > ul > li:nth-child(1) {
  width: 34%;
  padding: 30px 0 0 20px;
  text-align: center;
}
.lv-result .recommend > ul > li:nth-child(2) {
  width: 61%;
  padding: 40px 0 0 22px !important;
}
.lv-result .recommend > ul > li:nth-child(2) h3 a {
  float: right;
}
.lv-result .book_info {
  border: 2px solid #ddd;
  border-radius: 10px;
  margin: 50px auto;
  background: #f8f8f8;
  width: 100%;
  padding: 20px 0 40px 0 !important;
  display: inline-block;
}
.lv-result .plus {
  width: 20%;
  padding-left: 48%;
}
.lv-result .btn {
  width: 40%;
  margin: 0 auto;
  text-align: center;
  margin-top: 50px;
}
.lv-result .btn a {
  font-size: 25px;
  font-weight: bold;
  padding: 10px 20px 15px 20px;
  border-radius: 100rem;
  color: #dd4e40;
  border: 2px solid transparent;
  -o-border-image: linear-gradient(to right, #dc2e5f 0%, #f37f34 100%);
     border-image: linear-gradient(to right, #dc2e5f 0%, #f37f34 100%);
  border-image: -moz-linear-gradient(left, #dc2e5f 0%, rgba(243, 128, 52, 0.8274509804) 100%);
  border-image-slice: 1;
  background: #fff;
  text-decoration: none;
}
.lv-result .ask {
  margin-top: 60px;
  background: #dc2e5f;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #dc2e5f 0%, #f37f34 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dc2e5f", endColorstr="#f37f34", GradientType=1);
  /* IE6-9 */
  text-align: center;
  padding: 30px;
  color: #fff;
}
.lv-result .ask h3 {
  padding-top: 10px;
}
.lv-result .ask a {
  color: #fff;
  text-decoration: underline;
  font-size: 20px;
}
.lv-result .banner {
  padding: 50px 0;
}
.lv-result .charts {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  /* overflow:hidden;  */
}
.lv-result .chart {
  float: left;
  position: relative;
  margin: 20px 25px;
  width: 100px;
  height: auto;
}
.lv-result .chart .icon {
  height: 70px;
  text-align: center;
  position: relative;
  top: 27px;
  z-index: 10;
}
.lv-result .chart .icon img {
  height: 46px;
}
.lv-result .circle-mask-outer,
.lv-result .circle-mask-inner {
  overflow: hidden;
  position: absolute;
  width: 50px;
  height: 100px;
}
.lv-result .circle-mask-outer.left {
  left: 0;
  top: 0;
}
.lv-result .circle-mask-outer.right {
  right: 0;
  top: 0;
}
.lv-result .circle-mask-outer.left .circle-mask-inner {
  left: 100%;
  transform-origin: 0 50%;
}
.lv-result .circle-mask-outer.right .circle-mask-inner {
  right: 100%;
  transform-origin: 100% 50%;
}
.lv-result .circle-body {
  border-radius: 50%;
  position: absolute;
  width: 100px;
  height: 100px;
}
.lv-result .circle-mask-outer.left .circle-body {
  right: 0;
}
.lv-result .circle-mask-outer.right .circle-body {
  left: 0;
}
.lv-result .chart-content {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  padding: 25px 0;
  text-align: center;
  background: #fff;
  position: relative;
  left: 10px;
  top: 10px;
  box-shadow: 0 0 10px rgba(1, 1, 1, 0.5);
}
.lv-result .chart-content .txt {
  left: 6px;
  line-height: 1.5;
  position: relative;
  color: #707070;
  bottom: -63px;
}
.lv-result .chart-content .percent-number {
  font-size: 30px;
  font-weight: bold;
  position: relative;
  top: -80px;
  left: -4px;
}
.lv-result .chart-content .percent-symbol {
  font-size: 15px;
  position: relative;
  top: -89px;
  left: -5px;
}
.lv-result .no-borderradius .circle-mask-outer,
.lv-result .no-csstransforms .circle-mask-outer {
  display: none;
}
.lv-result .no-borderradius .chart-content,
.lv-result .no-csstransforms .chart-content {
  top: -67px;
  left: 0;
  width: 100px;
  height: 100px;
  padding-top: -60px;
  background: url(../img/skill-bg.png) no-repeat -1px 0;
}
.lv-result .no-borderradius #sunshine .chart-content,
.lv-result .no-csstransforms #sunshine .chart-content {
  background-position: -102px 0;
}
.lv-result .no-borderradius #birds .chart-content,
.lv-result .no-csstransforms #birds .chart-content {
  background-position: -203px 0;
}
.lv-result .no-borderradius #woods .chart-content,
.lv-result .no-csstransforms #woods .chart-content {
  background-position: -304px 0;
}
.lv-result .no-borderradius #illust .chart-content,
.lv-result .no-csstransforms #illust .chart-content {
  background-position: -405px 0;
}
.lv-result .no-borderradius #cad .chart-content,
.lv-result .no-csstransforms #cad .chart-content {
  background-position: -506px 0;
}

/*레벨테스트 평가표*/
.lv-ch-result {
  width: 700px;
  margin: 0 auto;
  /* progress bar 시작*/
  /* 추천과정소개 */
  /* 나에게 맞는 과정을 추천해드립니다. */
  /* 이벤트 배너 */
  /*-------- progress --------*/
  /* 인포 그래픽 */
}

.lv-ch-result .topHeader {
  padding: 0 5%;
  width: 100%;
  height: 210px;
  background: url(../img/leveltest/ch_top_img.png) no-repeat;
  color: #fff;
  margin-bottom: 30px;
}

.lv-ch-result .topHeader .testDate {
  padding-top: 25px;
}

.lv-ch-result .topHeader .testDate h1 {
  float: left;
  font-size: 18px;
  width: 50%;
}

.lv-ch-result .topHeader .testDate p {
  float: right;
  font-size: 18px;
  width: 50%;
  text-align: right;
}

.lv-ch-result .topHeader .name {
  width: 100%;
  margin-top: 50px;
}

.lv-ch-result .topHeader .name h1 {
  font-size: 50px;
}

.lv-ch-result .topHeader .name p {
  font-size: 20px;
}

.lv-ch-result .overall {
  padding-top: 30px;
}

.lv-ch-result .overall > .cTitle {
  width: 100%;
  margin: 0 auto;
}

.lv-ch-result .overall > .cTitle > h3 {
  border-bottom: 2px solid #999;
  padding-bottom: 10px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: bold;
}

.lv-ch-result .average > .cTitle {
  height: 40px;
  border-bottom: 2px solid #999;
  margin-bottom: 30px;
  margin: 0 auto;
  width: 100%;
}

.lv-ch-result .average > .cTitle h3 {
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 30px;
  font-size: 18px;
}

.lv-ch-result .lvTestScore > .cTitle {
  height: 40px;
  border-bottom: 2px solid #999;
  margin: 0 auto;
  margin-top: 50px;
}

.lv-ch-result .lvTestScore > .cTitle h3 {
  float: left;
  width: 50%;
  font-size: 20px;
  font-weight: bold;
}

.lv-ch-result .lvTestScore > .cTitle h3 span {
  color: #fd5003;
}

.lv-ch-result .lvTestScore > .cTitle h3 span img {
  margin-top: -3px;
}

.lv-ch-result .lvTestScore > .cTitle p {
  float: right;
  width: 50%;
  text-align: right;
}

.lv-ch-result .lvTestScore > .cTitle a {
  padding: 5px 15px 7px 15px;
  border-radius: 50px;
  color: #fff;
  background: #FF3378;
  /* Old browsers */
  background: -moz-linear-gradient(left, #FF3378 0%, #7B53EB 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #FF3378 0%, #7B53EB 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #FF3378 0%, #7B53EB 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3378', endColorstr='#7B53EB', GradientType=1);
  /* IE6-9 */
}

.lv-ch-result .content {
  width: 90%;
  background: #fff;
  margin: 0 auto;
}

.lv-ch-result .content .myResult {
  width: 45%;
  background: #fff;
  padding: 30px 0 0 0;
  float: left;
  height: 350px;
}

.lv-ch-result .content .myResult .title h3 {
  font-size: 15px;
  font-weight: bold;
  width: 100%;
  padding-bottom: 20px;
}

.lv-ch-result .content .myResult span {
  font-size: 32px;
  font-weight: bold;
  width: 100%;
}

.lv-ch-result .content .myResult .level-point {
  color: #7B53EB;
}

.lv-ch-result .content .myResult .level-default {
  color: #656565;
}

.lv-ch-result .lvGraph {
  padding-top: 20px;
}

.lv-ch-result .progressBar {
  height: 7px;
  background: #e3e3e3;
  border-radius: 0;
  box-shadow: none;
  margin: 100px 0 80px;
  overflow: visible;
  position: relative;
  left: 30px;
}

.lv-ch-result .progressBar .progress-title {
  margin: 0;
  border-radius: 5px 0 0 5px;
  font-size: 18px;
  color: #000;
  text-transform: uppercase;
  position: absolute;
  font-size: 15px;
  top: -36px;
  left: -25px;
  z-index: 1;
}

.lv-ch-result .progressBar .progress-bar {
  box-shadow: none;
  border-radius: 0;
  position: relative;
  -webkit-animation: animate-positive 2s;
  animation: animate-positive 2s;
  background: linear-gradient(to right, #dc2e5f 0%, #dd4e40 100%);
  background: -moz-linear-gradient(left, #dc2e5f 0%, #f38034d3 100%);
}

.lv-ch-result .progressBar .progress-value {
  width: 45px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  font-size: 17px;
  font-weight: 700;
  color: #000;
  text-align: center;
  position: absolute;
  bottom: 10px;
  right: -17px;
}

.lv-ch-result .progressBar .progress-title:after {
  content: "";
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  position: absolute;
  top: 0;
  right: -17px;
}

.lv-ch-result .progressBar .progress-bar:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  border: 5px solid #7B53EB;
  position: absolute;
  right: -5px;
  top: -6px;
}

.lv-ch-result .progressBar .progress-value:after {
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  bottom: -7px;
  left: 35%;
}

.lv-ch-result .lv1_7 > ul {
  position: relative;
  left: 10px;
}

.lv-ch-result .lv1_7 > ul li {
  float: left;
  padding: 20px 28px 0 0;
  font-size: 15px;
  font-weight: bold;
}

.lv-ch-result .lv1_7 > ul li :nth-child(5) {
  float: left;
  padding-right: 0px;
}

.lv-ch-result .progressBar.green .progress-bar:after {
  border: 5px solid #7B53EB;
}

@-webkit-keyframes animate-positive {
  0% {
    width: 0;
  }
}

@keyframes animate-positive {
  0% {
    width: 0;
  }
}

.lv-ch-result li {
  list-style: none;
}

.lv-ch-result .content .myLevel {
  background: #fff;
  padding: 30px 5% 0 0;
  float: left;
  height: 350px;
}

.lv-ch-result .content .myLevel .title h3 {
  font-size: 15px;
  font-weight: bold;
  width: 100%;
  padding-bottom: 20px;
}

.lv-ch-result .content .myLevel .title span {
  font-size: 20px;
  font-weight: bold;
}

.lv-ch-result .content .myLevel .title .point {
  font-size: 50px;
  font-weight: bold;
  width: 100%;
  color: #7B53EB;
  padding-left: 50px;
}

.lv-ch-result .arerageWrap {
  margin-top: 320px;
}

.lv-ch-result .arerageWrap .average01 {
  width: 100%;
}

.lv-ch-result .arerageWrap .average01 ul li {
  float: left;
}

.lv-ch-result .arerageWrap .average01 .txt {
  width: 95%;
  padding: 70px 3% 0 3%;
}

.lv-ch-result .arerageWrap .average01 .txt li {
  list-style: none;
}

.lv-ch-result .average01 > ul > li:nth-child(1) {
  width: 30%;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 5px 5px 10px 5px;
  background: #fd5003;
  color: #fff;
  border-radius: 50px;
}

.lv-ch-result .average01 > ul > li:nth-child(2) {
  width: 53%;
  text-align: center;
  border-bottom: 1px solid #ddd;
  margin-left: 10px;
}

.lv-ch-result .average01 > ul > li:nth-child(3) {
  width: 13%;
  font-size: 15x;
  text-align: center;
}

.lv-ch-result .average01 > ul > li:nth-child(3) > strong {
  font-size: 25px;
  color: #fd5003;
}

.lv-ch-result .average02 {
  width: 100%;
}

.lv-ch-result .average02 > ul > li {
  float: left;
  margin-top: 70px;
}

.lv-ch-result .average02 > ul > li:nth-child(1) {
  width: 50%;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 5px 5px 10px 5px;
  background: #ff9304;
  color: #fff;
  border-radius: 50px;
}

.lv-ch-result .average02 > ul > li:nth-child(2) {
  width: 33%;
  text-align: center;
  border-bottom: 1px solid #ddd;
  margin-left: 10px;
}

.lv-ch-result .average02 > ul > li:nth-child(3) {
  width: 13%;
  font-size: 15x;
  text-align: center;
}

.lv-ch-result .average02 > ul > li:nth-child(3) > strong {
  font-size: 25px;
  color: #ff9304;
}

.lv-ch-result .average02 > .txt {
  width: 95%;
  padding: 150px 3% 0 3%;
}

.lv-ch-result .average03 {
  width: 100%;
}

.lv-ch-result .average03 > ul > li {
  float: left;
  margin-top: 70px;
}

.lv-ch-result .average03 > ul > li:nth-child(1) {
  width: 41%;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 5px 5px 10px 5px;
  background: #27b29d;
  color: #fff;
  border-radius: 50px;
}

.lv-ch-result .average03 > ul > li:nth-child(2) {
  width: 42%;
  text-align: center;
  border-bottom: 1px solid #ddd;
  margin-left: 10px;
}

.lv-ch-result .average03 > ul > li:nth-child(3) {
  width: 13%;
  font-size: 15px;
  text-align: center;
}

.lv-ch-result .average03 > ul > li:nth-child(3) > strong {
  font-size: 25px;
  color: #27b29d;
}

.lv-ch-result .average03 > .txt {
  width: 95%;
  padding: 150px 3% 0 3%;
}

.lv-ch-result .average04 {
  width: 100%;
}

.lv-ch-result .average04 > ul > li {
  float: left;
  margin-top: 70px;
}

.lv-ch-result .average04 > ul > li:nth-child(1) {
  width: 41%;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 5px 5px 10px 5px;
  background: #7bab01;
  color: #fff;
  border-radius: 50px;
}

.lv-ch-result .average04 > ul > li:nth-child(2) {
  width: 42%;
  text-align: center;
  border-bottom: 1px solid #ddd;
  margin-left: 10px;
}

.lv-ch-result .average04 > ul > li:nth-child(3) {
  width: 13%;
  font-size: 15px;
  text-align: center;
}

.lv-ch-result .average04 > ul > li:nth-child(3) > strong {
  font-size: 25px;
  color: #7bab01;
}

.lv-ch-result .average04 > .txt {
  width: 95%;
  padding: 150px 3% 0 3%;
}

.lv-ch-result .average05 {
  width: 100%;
}

.lv-ch-result .average05 .my-tongue {
  margin-top: 10px;
}

.lv-ch-result .average05 .my-tongue button {
  vertical-align: initial;
  background: #fff;
  padding: 0;
  font-weight: bold;
  border-radius: 50px;
  font-size: 16px;
  border: none;
  color: #5C91FC;
  padding-top: 10px;
}

.lv-ch-result .average05 ul li {
  float: left;
  margin-top: 70px;
}

.lv-ch-result .average05 ul li:nth-child(1) {
  width: 52%;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 5px 5px 10px 5px;
  background: #5C91FC;
  color: #fff;
  border-radius: 50px;
}

.lv-ch-result .average05 ul li:nth-child(2) {
  width: 31%;
  text-align: center;
  border-bottom: 1px solid #ddd;
  margin-left: 10px;
}

.lv-ch-result .average05 ul li:nth-child(3) {
  width: 13%;
  font-size: 15px;
  text-align: center;
}

.lv-ch-result .average05 ul li:nth-child(3) strong {
  font-size: 25px;
  color: #5C91FC;
}

.lv-ch-result .average05 .txt {
  width: 95%;
  padding: 150px 3% 0 3%;
}

.lv-ch-result .teacherComent {
  width: 90%;
  padding: 40px 5%;
}

.lv-ch-result .recommend {
  width: 100%;
}

.lv-ch-result .recommend ul:nth-child(1) {
  border: 2px solid #ddd;
  border-radius: 10px;
  margin: 50px auto;
  background: #f8f8f8;
  width: 100%;
  padding: 20px 0 40px 0 !important;
  display: inline-block;
}

.lv-ch-result .recommend li {
  float: left;
}

.lv-ch-result .recommend h1 {
  font-size: 25px;
  font-weight: bold;
}

.lv-ch-result .recommend p {
  padding-top: 15px;
  font-size: 14px !important;
  color: #000;
}

.lv-ch-result .recommend > ul > li:nth-child(1) {
  width: 34%;
  padding: 30px 0 0 20px;
  text-align: center;
}

.lv-ch-result .recommend > ul > li:nth-child(2) {
  width: 61%;
  padding: 40px 0 0 22px !important;
}

.lv-ch-result .recommend > ul > li:nth-child(2) h3 a {
  float: right;
}

.lv-ch-result .book_info {
  border: 2px solid #ddd;
  border-radius: 10px;
  margin: 50px auto;
  background: #f8f8f8;
  width: 100%;
  padding: 20px 0 40px 0 !important;
  display: inline-block;
}

.lv-ch-result .plus {
  width: 20%;
  padding-left: 48%;
}

.lv-ch-result .btn {
  width: 40%;
  margin: 0 auto;
  text-align: center;
  margin-top: 50px;
}

.lv-ch-result .btn a {
  font-size: 25px;
  font-weight: bold;
  padding: 10px 20px 15px 20px;
  border-radius: 100rem;
  color: #7B53EB;
  border: 2px solid transparent;
  border-image: linear-gradient(to right, #7B53EB 0%, #7B53EB 100%);
  border-image: -webkit-linear-gradient(left, #7B53EB 0%, #7B53EB 100%);
  border-image: -moz-linear-gradient(left, #7B53EB 0%, #7B53EB 100%);
  border-image-slice: 1;
  background: #fff;
  text-decoration: none;
}

.lv-ch-result .ask {
  margin-top: 60px;
  background: #7B53EB;
  background: -moz-linear-gradient(left, #7B53EB 0%, #7B53EB 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #7B53EB 0%, #7B53EB 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #7B53EB 0%, #7B53EB 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7B53EB', endColorstr='#7B53EB', GradientType=1);
  /* IE6-9 */
  text-align: center;
  padding: 30px;
  color: #fff;
}

.lv-ch-result .ask h3 {
  padding-top: 10px;
}

.lv-ch-result .ask a {
  color: #fff;
  text-decoration: underline;
  font-size: 20px;
}

.lv-ch-result .banner {
  padding: 50px 0;
}

.lv-ch-result .charts {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  /* overflow:hidden;  */
}

.lv-ch-result .chart {
  float: left;
  position: relative;
  margin: 20px 10px;
  width: 100px;
  height: auto;
}

.lv-ch-result .chart .icon {
  height: 70px;
  text-align: center;
  position: relative;
  top: 27px;
  z-index: 10;
}

.lv-ch-result .chart .icon img {
  height: 46px;
}

.lv-ch-result .circle-mask-outer,
.lv-ch-result .circle-mask-inner {
  overflow: hidden;
  position: absolute;
  width: 50px;
  height: 100px;
}

.lv-ch-result .circle-mask-outer.left {
  left: 0;
  top: 0;
}

.lv-ch-result .circle-mask-outer.right {
  right: 0;
  top: 0;
}

.lv-ch-result .circle-mask-outer.left .circle-mask-inner {
  left: 100%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

.lv-ch-result .circle-mask-outer.right .circle-mask-inner {
  right: 100%;
  -o-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.lv-ch-result .circle-body {
  border-radius: 50%;
  position: absolute;
  width: 100px;
  height: 100px;
}

.lv-ch-result .circle-mask-outer.left .circle-body {
  right: 0;
}

.lv-ch-result .circle-mask-outer.right .circle-body {
  left: 0;
}

.lv-ch-result .chart-content {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  padding: 25px 0;
  text-align: center;
  background: #fff;
  position: relative;
  left: 10px;
  top: 10px;
  box-shadow: 0 0 10px rgba(1, 1, 1, 0.5);
}

.lv-ch-result .chart-content .txt {
  left: 6px;
  line-height: 1.5;
  position: relative;
  color: #707070;
  bottom: -63px;
}

.lv-ch-result .chart-content .percent-number {
  font-size: 30px;
  font-weight: bold;
  position: relative;
  top: -80px;
  left: -4px;
}

.lv-ch-result .chart-content .percent-symbol {
  font-size: 15px;
  position: relative;
  top: -89px;
  left: -5px;
}

.lv-ch-result .no-borderradius .circle-mask-outer,
.lv-ch-result .no-csstransforms .circle-mask-outer {
  display: none;
}

.lv-ch-result .no-borderradius .chart-content,
.lv-ch-result .no-csstransforms .chart-content {
  top: -67px;
  left: 0;
  width: 100px;
  height: 100px;
  padding-top: -60px;
  background: url(../img/skill-bg.png) no-repeat -1px 0;
}

.lv-ch-result .no-borderradius #sunshine .chart-content,
.lv-ch-result .no-csstransforms #sunshine .chart-content {
  background-position: -102px 0;
}

.lv-ch-result .no-borderradius #birds .chart-content,
.lv-ch-result .no-csstransforms #birds .chart-content {
  background-position: -203px 0;
}

.lv-ch-result .no-borderradius #woods .chart-content,
.lv-ch-result .no-csstransforms #woods .chart-content {
  background-position: -304px 0;
}

.lv-ch-result .no-borderradius #illust .chart-content,
.lv-ch-result .no-csstransforms #illust .chart-content {
  background-position: -405px 0;
}

.lv-ch-result .no-borderradius #cad .chart-content,
.lv-ch-result .no-csstransforms #cad .chart-content {
  background-position: -506px 0;
}

/*풋터*/
.footer {
  text-align: center;
  font-size: 12px;
  color: #b0b0b0;
  padding: 20px 0 10px 0;
  line-height: 20px;
}
.footer a {
  color: #b0b0b0;
}

/*복습하기 피드백*/
.t_no_feedback {
  padding: 30px 0 0 30px;
}
.t_no_feedback img {
  width: 200px;
}

.t_feedback {
  position: relative;
  font-size: 18px;
  top: -16px;
}
.t_feedback span {
  padding: 10px 30px;
  background: #fff;
  margin: 0 auto;
  width: 200px;
  border-radius: 50px;
  letter-spacing: 0;
  border: 2px solid #f1c644;
  color: #929292;
}

/*반응형 - 아이패드 기준*/
@media only screen and (max-width: 768px) {
  .disnone {
    display: block !important;
  }
  .phone-disnone {
    display: none !important;
  }
  /* 레벨테스트 평가 내 발음 */
  .pop-tongue {
    text-align: center;
    width: 90%;
    margin: 30px auto;
  }
  .pop-tongue .pronunce-wrap {
    width: 100%;
  }
  .pop-tongue .pronunce-wrap h3 {
    text-align: center;
    padding-bottom: 20px;
  }
  .pop-tongue .pronunce-wrap .pronunce-con {
    width: 100%;
    border: none;
    margin: 0;
  }
  .pop-tongue .pronunce-wrap .pronunce-con .pronunce-img-wrap ul {
    padding: 25px 20px;
  }
  .pop-tongue .pronunce-wrap .pronunce-con .pronunce-img-wrap ul li.pronunce-img {
    width: 100%;
  }
  .pop-tongue .pronunce-wrap .pronunce-con .pronunce-img-wrap ul li.pronunce-ex-txt {
    width: 100%;
  }
  .pop-tongue .pronunce-wrap .pronunce-con .pronunce-img-wrap ul li.pronunce-ex-txt p {
    text-align: center;
    margin: 10px 0;
  }
  .pop-tongue .pronunce-wrap .pronunce-con .pronunce-txt {
    padding: 15px;
    font-size: 20px;
  }
  .pop-tongue .pronunce-wrap .pronunce-ex {
    width: 90%;
  }
  .pop-tongue .pronunce-wrap .pronunce-ex p {
    font-size: 14px;
  }
  .pop-tongue .pronunce-wrap .pronunce-ex .pronunce-btn-wrap {
    width: 100%;
  }
  .pop-tongue .pronunce-wrap .pronunce-ex .pronunce-btn-wrap button {
    width: 31%;
  }
  .pop-tongue .pronunce-wrap .pronunce-ex .pronunce-btn-wrap button span {
    font-size: 15px;
  }
  #wrap #header .gnb {
    width: 100%;
  }
  #wrap #header .gnb h1 a {
    padding-left: 10px;
  }
  #wrap #header .gnb .gnb-wrap {
    display: none;
  }
  #wrap #header .gnb .gnb-btn {
    display: block;
    position: absolute;
    top: 16px;
    right: 12px;
    width: 25px;
    height: 25px;
  }
  #wrap #header .gnb .gnb-btn i {
    color: #fff;
  }
  #wrap #header .gnb .gnb-lang {
    display: block;
    position: absolute;
    top: 10px;
    right: 45px;
    border: none;
    background: none;
    color: #fff;
  }
  #wrap #header .gnb .gnb-lang option {
    color: #000;
  }
  #wrap .m-gnb {
    width: 75%;
    background: #ffffff;
    position: absolute;
    top: 0;
    right: -300px;
    z-index: 99999;
    box-shadow: 1px 1px 24px -3px rgba(0, 0, 0, 0.2);
    height: 100vh;
  }
  #wrap .m-gnb .top {
    background: #e45157;
    padding: 0;
  }
  #wrap .m-gnb .top div {
    color: #fff;
    position: relative;
    width: 95%;
    height: 55px;
    margin: 0 auto;
    line-height: 55px;
  }
  #wrap .m-gnb .top div h2 {
    font-size: 20px;
    font-weight: bold;
    padding: 0 0 0 7px;
    display: inline-block;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
  }
  #wrap .m-gnb .top div .my-info {
    border-radius: 30px;
    padding: 0px 7px 1px 7px;
    font-size: 22px;
    color: #ffeaea;
    line-height: 12px;
    margin: 0 0 0 2px;
  }
  #wrap .m-gnb .top div .close {
    display: block;
    position: absolute;
    top: 16px;
    right: 0;
    width: 25px;
    height: 25px;
  }
  #wrap .m-gnb .top div .close img {
    width: 100%;
    vertical-align: top;
  }
  #wrap .m-gnb .list ul li a {
    display: block;
    font-size: 15px;
    font-weight: normal;
    color: #666;
    padding: 14px 15px;
    border-bottom: 1px solid #efefef;
    background: #fff;
    background-size: 15px 15px;
  }
  #wrap .m-gnb .list ul li a.topic {
    display: block;
    text-align: left;
    font-size: 14px;
    color: #777;
    line-height: 26px;
    padding: 6px 25px;
    border-bottom: 1px solid #fff;
    background: #f4f4f4;
  }
  .topic-navi li a {
    font-size: 14px;
    padding: 18px 0 10px 0;
    height: 80px;
  }
  .topic-navi li a span {
    display: block;
  }
  .topic-navi li:last-child a {
    padding: 10px 0 !important;
    border-right: none;
  }
  .con-wrap {
    background: #f4f4f4;
    height: 100%;
    width: 100%;
    /*max-width: 95%;*/
    margin: 0 auto;
    /* 이전 4단계완전학습 */
  }
  .con-wrap .btn-lecture-next {
    margin-bottom: 120px;
  }
  .con-wrap .con-wrap-in {
    max-width: 95%;
    margin: 0 auto;
  }
  .con-wrap .study-navi {
    padding-bottom: 0;
  }
  .con-wrap .study-con {
    margin-top: 20px;
  }
  .con-wrap .study-con .study-book ul li {
    width: 100%;
  }
  .con-wrap .study-con .study-book ul li .book {
    padding: 14px 0;
    width: 95%;
  }
  .con-wrap .study-con .study-book ul li .book a {
    float: left;
  }
  .con-wrap .study-con .study-book ul li .book a .book-img {
    width: 100px;
    height: 136px;
  }
  .con-wrap .study-con .study-book ul li .book a .book-img img {
    height: 140px;
  }
  .con-wrap .study-con .study-book ul li .book .b-title {
    float: left;
    width: 50%;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
  }
  .con-wrap .study-con .study-book ul li .book .btn-print {
    display: none;
  }
  .con-wrap .study-con .study-book ul li .arrow {
    vertical-align: middle;
    height: 140px;
    padding-top: 65px;
    margin-left: 30px;
    float: none;
  }
  .con-wrap .study-con .study-book ul li:last-child {
    margin-bottom: 100px;
  }
  .con-wrap .favorite-menu {
    width: 95%;
    margin: 0 auto;
  }
  .con-wrap .favorite-menu .favorite-con ul {
    width: 100%;
  }
  .con-wrap .favorite-menu .favorite-con ul li {
    width: 32.555%;
    vertical-align: middle;
  }
  .con-wrap .notice {
    margin-bottom: 70px;
  }
  .con-wrap .schedule-wrap .schedule-makeup {
    width: 100%;
    max-width: 95%;
    margin: 0 auto;
  }
  .con-wrap .schedule-wrap .schedule-ment {
    width: 100%;
    max-width: 95%;
    margin: 0 auto;
    margin-top: 10px;
  }
  .con-wrap .schedule-wrap .schedule-list {
    width: 97%;
  }
  .con-wrap .schedule-wrap .schedule {
    width: 100%;
    max-width: 95%;
    margin: 0 auto;
  }
  .con-wrap .schedule-wrap .month {
    padding: 26px 0 20px 0;
  }
  .con-wrap .timeline-wrap {
    float: none;
    width: 95%;
    margin: 0 auto;
  }
  .con-wrap .timeline-wrap .video-banner {
    width: 100%;
  }
  .con-wrap .timeline-wrap .video-banner div a {
    vertical-align: middle;
  }
  .con-wrap .timeline-wrap .video-banner div a span {
    width: 85%;
    display: inline-block;
    vertical-align: middle;
  }
  .con-wrap .timeline-wrap .lec-detail-list {
    width: 100%;
    margin-bottom: 50px;
  }
  .con-wrap .timeline-wrap .lec-detail-list .phone-before .lec-date,
  .con-wrap .timeline-wrap .lec-detail-list .mcat-before .lec-date,
  .con-wrap .timeline-wrap .lec-detail-list .vc-before .lec-date,
  .con-wrap .timeline-wrap .lec-detail-list .phone .lec-date,
  .con-wrap .timeline-wrap .lec-detail-list .mcat .lec-date,
  .con-wrap .timeline-wrap .lec-detail-list .vc .lec-date,
  .con-wrap .timeline-wrap .lec-detail-list .phone-next .lec-date,
  .con-wrap .timeline-wrap .lec-detail-list .mcat-next .lec-date,
  .con-wrap .timeline-wrap .lec-detail-list .vc-next .lec-date {
    display: none;
  }
  .con-wrap .timeline-wrap .lec-detail-list .lec-detail::before {
    display: none;
  }
  .con-wrap .timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-btn ul li:nth-child(1) a {
    line-height: 35px;
  }
  .con-wrap .timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-btn ul li:nth-child(3) a {
    line-height: 35px;
  }
  .con-wrap .timeline-wrap .lec-detail-list .lec-detail .lec-detail-con .lec-btn ul li:nth-child(4) a {
    line-height: 35px;
  }
  .con-wrap .quick-wrap {
    display: none;
  }
  .con-wrap .search {
    width: 95%;
    margin: 10px auto;
  }
  .con-wrap .status-wrap {
    width: 100%;
    float: none;
  }
  .con-wrap .status-wrap .status-con {
    width: 95%;
    margin: 0 auto;
  }
  .con-wrap .status-wrap .status-con .lec-btn {
    height: 46px;
  }
  .con-wrap .lecture-list .lecture {
    margin-bottom: 10px;
  }
  .con-wrap .lecture-list .lecture ul li div {
    width: 80%;
  }
  .con-wrap .topic-con {
    width: 95%;
    margin: 0 auto;
  }
  .con-wrap .topic-con .title {
    font-size: 15px;
    line-height: 23px;
  }
  .con-wrap .topic-con .topic-reuter ul li {
    width: 50%;
  }
  .con-wrap .topic-con .topic-daily {
    margin-bottom: 50px;
  }
  .con-wrap .topic-con .topic-daily form {
    width: 95%;
    margin: 0 auto;
  }
  .con-wrap .topic-con .topic-daily table {
    table-layout: fixed;
    word-break: break-all;
  }
  .con-wrap .topic-con .topic-daily table thead tr th:first-child {
    width: 54px;
  }
  .con-wrap .info-wrap {
    width: 95%;
    margin: 0 auto;
  }
  .con-wrap .info-wrap .info-con table tr th span {
    display: block;
  }
  .con-wrap .info-wrap .info-con table tr td a {
    display: block;
    margin-top: 5px;
  }
  .con-wrap .info-wrap .info-con table tr td input[type=text],
  .con-wrap .info-wrap .info-con table tr td input[type=password] {
    width: 100%;
  }
  .con-wrap .info-wrap .info-con table tr td label {
    display: block;
  }
  .con-wrap .search-wrap {
    width: 95%;
    margin: 20px auto;
  }
  .con-wrap .review-con {
    width: 95%;
    margin: 0 auto;
  }
  .con-wrap .study-navi li a {
    padding: 10px 0;
    font-size: 14px;
  }
  .con-wrap .study-con {
    width: 95%;
  }
  .con-wrap .study-con .study-preview-list ul li .preview a {
    padding: 5px 15px !important;
  }
  .con-wrap .study-con .study-preview-list ul li .preview p {
    margin-top: -7px;
    font-size: 15px !important;
  }
  .con-wrap .study-con .study-preview-list ul li .preview div p {
    max-width: 430px;
  }
  .con-wrap .study-con .study-preview-list .preview-right {
    margin: 0 0px 0 0;
  }
  .con-wrap .study-con .study-preview-sen div.ex ul li {
    width: 100%;
    padding: 5px 5px;
  }
  .con-wrap .study-con .study-preview-sen div.quiz ul.quiz_list li ul.quiz_con li:last-child {
    width: 90%;
  }
  .con-wrap .study-con .pop_btn .btn_mid {
    position: relative;
    z-index: 99;
  }
  .con-wrap .btn-wrap {
    top: 100%;
    margin: 10px 0;
    position: absolute;
    z-index: 9;
  }
  .con-wrap .btn-wrap li img {
    width: 16px;
  }
  .bn_event_m {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
  }
  .bn_event_m li {
    float: left;
    width: 50%;
  }
  .bn_event_m li img {
    width: 100%;
  }
  .con-title {
    height: 45px;
    line-height: 47px;
    font-size: 20px;
  }
}
/*반응형 - 아이폰+ 기준*/
@media only screen and (max-width: 414px) {
  .carrot-layer {
    max-height: calc(100% - 0px);
    min-width: 95%;
    max-width: 95%;
    margin-top: 10px;
  }
  .carrot-layer.verifi-layer {
    width: 100%;
  }
  .con-wrap .btn-lecture-next {
    margin-bottom: 75px;
  }
  .con-wrap .study-con .study-preview-list ul li .preview div {
    display: block;
  }
  .con-wrap .study-con .study-preview-list ul li .preview div p {
    max-width: 295px;
    word-break: break-word;
  }
  .con-wrap .study-con .study-preview-list .preview-right {
    float: none;
    margin-left: 50px;
  }
  .con-wrap .study-con .study-preview-list .daily-preview-right {
    float: none;
  }
}
/*반응형 - 아이폰 기준*/
@media only screen and (max-width: 375px) {
  .schedule-wrap .schedule .date li a .change {
    width: 50px;
  }
  .con-wrap .study-con .study-preview-list ul li .preview div p {
    max-width: 260px;
  }
  .dp-inblock {
    white-space: normal;
  }
}
/*반응형 - 아이폰 SE 기준*/
@media only screen and (max-width: 320px) {
  .schedule-wrap .schedule .date li {
    font-size: 12px;
  }
  .schedule-wrap .schedule .date li a p {
    font-size: 12px;
  }
  .schedule-wrap .schedule .date li a .change {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    padding: 0px;
    width: auto;
  }
  .con-wrap .study-con .study-preview-list ul li .preview div.daily p {
    white-space: inherit;
  }
  .con-wrap .study-con .study-preview-list ul li .preview div p {
    max-width: 210px;
  }
  .topic-con .topic-daily form button {
    width: 60px;
  }
  .con-wrap .study-con .study-book ul li .arrow {
    margin-left: 0;
  }
  .topic-con .topic-daily .paging {
    width: 250px;
  }
  .all-wrap .mobile_fixed ul li a span img {
    width: 10px !important;
  }
  .con-title div a i {
    margin-right: 30px;
  }
}
@media print {
  .no-print {
    display: none !important;
  }
  html,
  body {
    width: 210mm;
    height: 297mm;
  }
  .carrot-layer {
    margin: 0 auto;
    border: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    background: #fff;
    page-break-after: always;
    overflow: visible;
  }
}
@page {
  size: A4;
  margin: 0;
}/*# sourceMappingURL=style.css.map */