@charset "UTF-8";
@import 'normalize.css';
@font-face {
  font-family: "NanumSquareOTFB";
  src: url(fonts/NanumSquareOTFB.woff) format("woff");
}
@font-face {
  font-family: "NanumSquareOTFEB";
  src: url(fonts/NanumSquareOTFEB.woff) format("woff");
}
@font-face {
  font-family: "Pre_M";
  src: url(fonts/Pretendard-Medium.woff) format("woff");
}
@font-face {
  font-family: "Pre_SB";
  src: url(fonts/Pretendard-SemiBold.woff) format("woff");
}
@font-face {
  font-family: "Pre_B";
  src: url(fonts/Pretendard-Bold.woff) format("woff");
}
@font-face {
  font-family: "Pre_EB";
  src: url(fonts/Pretendard-ExtraBold.woff) format("woff");
}
@font-face {
  font-family: "Pre_Black";
  src: url(fonts/Pretendard-Black.woff) format("woff");
}
body * {
  font-family: "NanumSquareOTFB", sans-serif;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  user-select: none;
  position: relative;
}

body,
body * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

* {
  box-sizing: border-box;
  outline: none;
  border: none;
}

a {
  display: block;
  color: inherit;
  text-decoration: none;
}

input {
  color: transparent !important;
}

/*********** style class ***********/
._dis_n {
  display: none !important;
}

._dis_ib {
  display: inline-block !important;
}

._dis_b {
  display: block !important;
}

._dis_f {
  display: flex !important;
}

._vis_v {
  visibility: visible !important;
}

._vis_h {
  visibility: hidden !important;
}

._bd_n {
  border: none !important;
}

/*font*/
.ff_nsB {
  font-family: "NanumSquareOTFB", sans-serif !important;
}

.ff_nsEB {
  font-family: "NanumSquareOTFEB", sans-serif !important;
}

.ff_preM {
  font-family: "Pre_M", sans-serif !important;
}

.ff_preSB {
  font-family: "Pre_SB", sans-serif !important;
}

.ff_preB {
  font-family: "Pre_B", sans-serif !important;
}

.ff_preEB {
  font-family: "Pre_EB", sans-serif !important;
}

/* font size */
.fs_18 {
  font-size: 18px !important;
}

.fs_20 {
  font-size: 20px !important;
}

.fs_22 {
  font-size: 22px !important;
}

.fs_24 {
  font-size: 24px !important;
}

.fs_26 {
  font-size: 26px !important;
}

.fs_28 {
  font-size: 28px !important;
}

.fs_30 {
  font-size: 30px !important;
}

.fs_31 {
  font-size: 31px !important;
}

.fs_32 {
  font-size: 32px !important;
}

.fs_33 {
  font-size: 33px !important;
}

.fs_34 {
  font-size: 34px !important;
}

.fs_35 {
  font-size: 35px !important;
}

.fs_36 {
  font-size: 36px !important;
}

.fs_37 {
  font-size: 37px !important;
}

.fs_38 {
  font-size: 38px !important;
}

.fs_39 {
  font-size: 39px !important;
}

.fs_40 {
  font-size: 40px !important;
}

.fs_42 {
  font-size: 42px !important;
}

.fs_45 {
  font-size: 45px !important;
}

.fs_46 {
  font-size: 46px !important;
}

.fs_48 {
  font-size: 48px !important;
}

.fs_50 {
  font-size: 50px !important;
}

.fs_55 {
  font-size: 55px !important;
}

.fs_56 {
  font-size: 56px !important;
}

.fs_52 {
  font-size: 52px !important;
}

.fs_60 {
  font-size: 60px !important;
}

.fs_65 {
  font-size: 65px !important;
}

.fs_70 {
  font-size: 70px !important;
}

/*font-style*/
.italic {
  font-style: italic;
}

/*font weight*/
.fw_400 {
  font-weight: 400 !important;
}

.fw_700 {
  font-weight: 700 !important;
}

.fw_800 {
  font-weight: 800 !important;
}

/* text align */
.t_a_c {
  text-align: center !important;
}

.t_a_r {
  text-align: right !important;
}

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

.t_a_j {
  text-align: justify !important;
}

/* position */
._ab {
  position: absolute !important;
}

._rel {
  position: relative !important;
}

/* margin */
.ma_0 {
  margin: 0 !important;
}

.ma_auto {
  margin: 0 auto !important;
}

.mt_m_10 {
  margin-top: -10px !important;
}

.mt_0 {
  margin-top: 0 !important;
}

.mt_5 {
  margin-top: 5px !important;
}

.mt_10 {
  margin-top: 10px !important;
}

.mt_15 {
  margin-top: 15px !important;
}

.mt_20 {
  margin-top: 20px !important;
}

.mt_25 {
  margin-top: 25px !important;
}

.mt_30 {
  margin-top: 30px !important;
}

.mt_35 {
  margin-top: 35px !important;
}

.mt_40 {
  margin-top: 40px !important;
}

.mt_45 {
  margin-top: 45px !important;
}

.mt_50 {
  margin-top: 50px !important;
}

.mt_55 {
  margin-top: 55px !important;
}

.mt_60 {
  margin-top: 60px !important;
}

.mt_65 {
  margin-top: 65px !important;
}

.mt_70 {
  margin-top: 70px !important;
}

.mt_75 {
  margin-top: 75px !important;
}

.mt_80 {
  margin-top: 80px !important;
}

.mt_85 {
  margin-top: 85px !important;
}

.mt_90 {
  margin-top: 90px !important;
}

.mt_95 {
  margin-top: 95px !important;
}

.mt_100 {
  margin-top: 100px !important;
}

.mb_0 {
  margin-bottom: 0 !important;
}

.mb_5 {
  margin-bottom: 5px !important;
}

.mb_10 {
  margin-bottom: 10px !important;
}

.mb_15 {
  margin-bottom: 15px !important;
}

.mb_20 {
  margin-bottom: 20px !important;
}

.mb_25 {
  margin-bottom: 25px !important;
}

.mb_30 {
  margin-bottom: 30px !important;
}

.mb_35 {
  margin-bottom: 35px !important;
}

.mb_40 {
  margin-bottom: 40px !important;
}

.mb_45 {
  margin-bottom: 45px !important;
}

.mb_50 {
  margin-bottom: 50px !important;
}

.mb_55 {
  margin-bottom: 55px !important;
}

.mb_60 {
  margin-bottom: 60px !important;
}

.mb_65 {
  margin-bottom: 65px !important;
}

.mb_70 {
  margin-bottom: 70px !important;
}

.mb_75 {
  margin-bottom: 75px !important;
}

.mb_80 {
  margin-bottom: 80px !important;
}

.mb_85 {
  margin-bottom: 85px !important;
}

.mb_90 {
  margin-bottom: 90px !important;
}

.mb_95 {
  margin-bottom: 95px !important;
}

.mb_100 {
  margin-bottom: 100px !important;
}

.ml_0 {
  margin-left: 0 !important;
}

.ml_5 {
  margin-left: 5px !important;
}

.ml_10 {
  margin-left: 10px !important;
}

.ml_15 {
  margin-left: 15px !important;
}

.ml_20 {
  margin-left: 20px !important;
}

.ml_25 {
  margin-left: 25px !important;
}

.ml_30 {
  margin-left: 30px !important;
}

.ml_35 {
  margin-left: 35px !important;
}

.ml_40 {
  margin-left: 40px !important;
}

.ml_45 {
  margin-left: 45px !important;
}

.ml_50 {
  margin-left: 50px !important;
}

.ml_55 {
  margin-left: 55px !important;
}

.ml_60 {
  margin-left: 60px !important;
}

.ml_65 {
  margin-left: 65px !important;
}

.ml_70 {
  margin-left: 70px !important;
}

.ml_75 {
  margin-left: 75px !important;
}

.ml_80 {
  margin-left: 80px !important;
}

.ml_85 {
  margin-left: 85px !important;
}

.ml_90 {
  margin-left: 90px !important;
}

.ml_95 {
  margin-left: 95px !important;
}

.ml_100 {
  margin-left: 100px !important;
}

.mr_0 {
  margin-right: 0 !important;
}

.mr_5 {
  margin-right: 5px !important;
}

.mr_10 {
  margin-right: 10px !important;
}

.mr_15 {
  margin-right: 15px !important;
}

.mr_20 {
  margin-right: 20px !important;
}

.mr_25 {
  margin-right: 25px !important;
}

.mr_30 {
  margin-right: 30px !important;
}

.mr_35 {
  margin-right: 35px !important;
}

.mr_40 {
  margin-right: 40px !important;
}

.mr_45 {
  margin-right: 45px !important;
}

.mr_50 {
  margin-right: 50px !important;
}

.mr_55 {
  margin-right: 55px !important;
}

.mr_60 {
  margin-right: 60px !important;
}

.mr_65 {
  margin-right: 65px !important;
}

.mr_70 {
  margin-right: 70px !important;
}

.mr_75 {
  margin-right: 75px !important;
}

.mr_80 {
  margin-right: 80px !important;
}

.mr_85 {
  margin-right: 85px !important;
}

.mr_90 {
  margin-right: 90px !important;
}

.mr_95 {
  margin-right: 95px !important;
}

.mr_100 {
  margin-right: 100px !important;
}

/* padding */
.pt_0 {
  padding-top: 0 !important;
}

.pt_5 {
  padding-top: 5px !important;
}

.pt_10 {
  padding-top: 10px !important;
}

.pt_15 {
  padding-top: 15px !important;
}

.pt_20 {
  padding-top: 20px !important;
}

.pt_25 {
  padding-top: 25px !important;
}

.pt_30 {
  padding-top: 30px !important;
}

.pt_35 {
  padding-top: 35px !important;
}

.pt_40 {
  padding-top: 40px !important;
}

.pt_45 {
  padding-top: 45px !important;
}

.pt_50 {
  padding-top: 50px !important;
}

.pt_55 {
  padding-top: 55px !important;
}

.pt_60 {
  padding-top: 60px !important;
}

.pt_65 {
  padding-top: 65px !important;
}

.pt_70 {
  padding-top: 70px !important;
}

.pt_75 {
  padding-top: 75px !important;
}

.pt_80 {
  padding-top: 80px !important;
}

.pt_85 {
  padding-top: 85px !important;
}

.pt_90 {
  padding-top: 90px !important;
}

.pt_95 {
  padding-top: 95px !important;
}

.pt_100 {
  padding-top: 100px !important;
}

.pb_0 {
  padding-bottom: 0 !important;
}

.pb_5 {
  padding-bottom: 5px !important;
}

.pb_10 {
  padding-bottom: 10px !important;
}

.pb_15 {
  padding-bottom: 15px !important;
}

.pb_20 {
  padding-bottom: 20px !important;
}

.pb_25 {
  padding-bottom: 25px !important;
}

.pb_30 {
  padding-bottom: 30px !important;
}

.pb_35 {
  padding-bottom: 35px !important;
}

.pb_40 {
  padding-bottom: 40px !important;
}

.pb_45 {
  padding-bottom: 45px !important;
}

.pb_50 {
  padding-bottom: 50px !important;
}

.pb_55 {
  padding-bottom: 55px !important;
}

.pb_60 {
  padding-bottom: 60px !important;
}

.pb_65 {
  padding-bottom: 65px !important;
}

.pb_70 {
  padding-bottom: 70px !important;
}

.pb_75 {
  padding-bottom: 75px !important;
}

.pb_80 {
  padding-bottom: 80px !important;
}

.pb_85 {
  padding-bottom: 85px !important;
}

.pb_90 {
  padding-bottom: 90px !important;
}

.pb_95 {
  padding-bottom: 95px !important;
}

.pb_100 {
  padding-bottom: 100px !important;
}

.pl_0 {
  padding-left: 0 !important;
}

.pl_5 {
  padding-left: 5px !important;
}

.pl_10 {
  padding-left: 10px !important;
}

.pl_15 {
  padding-left: 15px !important;
}

.pl_20 {
  padding-left: 20px !important;
}

.pl_25 {
  padding-left: 25px !important;
}

.pl_30 {
  padding-left: 30px !important;
}

.pl_35 {
  padding-left: 35px !important;
}

.pl_40 {
  padding-left: 40px !important;
}

.pl_45 {
  padding-left: 45px !important;
}

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

.pl_55 {
  padding-left: 55px !important;
}

.pl_60 {
  padding-left: 60px !important;
}

.pl_65 {
  padding-left: 65px !important;
}

.pl_70 {
  padding-left: 70px !important;
}

.pl_75 {
  padding-left: 75px !important;
}

.pl_80 {
  padding-left: 80px !important;
}

.pl_85 {
  padding-left: 85px !important;
}

.pl_90 {
  padding-left: 90px !important;
}

.pl_95 {
  padding-left: 95px !important;
}

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

.pr_0 {
  padding-right: 0 !important;
}

.pr_5 {
  padding-right: 5px !important;
}

.pr_10 {
  padding-right: 10px !important;
}

.pr_15 {
  padding-right: 15px !important;
}

.pr_20 {
  padding-right: 20px !important;
}

.pr_25 {
  padding-right: 25px !important;
}

.pr_30 {
  padding-right: 30px !important;
}

.pr_35 {
  padding-right: 35px !important;
}

.pr_40 {
  padding-right: 40px !important;
}

.pr_45 {
  padding-right: 45px !important;
}

.pr_50 {
  padding-right: 50px !important;
}

.pr_55 {
  padding-right: 55px !important;
}

.pr_60 {
  padding-right: 60px !important;
}

.pr_65 {
  padding-right: 65px !important;
}

.pr_70 {
  padding-right: 70px !important;
}

.pr_75 {
  padding-right: 75px !important;
}

.pr_80 {
  padding-right: 80px !important;
}

.pr_85 {
  padding-right: 85px !important;
}

.pr_90 {
  padding-right: 90px !important;
}

.pr_95 {
  padding-right: 95px !important;
}

.pr_100 {
  padding-right: 100px !important;
}

.in_txt {
  text-indent: 40px;
}

input {
  font-family: inherit;
  font-size: inherit;
}

textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  background-color: transparent;
}

/* 기능관련 */
[data-btnsound] {
  cursor: pointer;
}

[data-btnanswersound] input[type=text]._view_view {
  cursor: inherit;
}
[data-btnanswersound] textarea._view_view {
  cursor: pointer;
}

body.on_load textarea,
body.on_load input {
  color: #003cff !important;
}
body.on_load textarea[readonly],
body.on_load input[readonly] {
  color: #003cff !important;
}
body.on_load textarea._view_view,
body.on_load input._view_view {
  color: #ff0000 !important;
  cursor: inherit;
}
body.on_load .color_select,
body.on_load .color_select *,
body.on_load .color_select ._view_view {
  color: #0006ff !important;
}
body.on_load .color_repeat,
body.on_load .color_repeat * {
  color: #f96038 !important;
}
body.on_load ._quiz_answer,
body.on_load ._quiz_answer * {
  color: #ff0000 !important;
}
body.on_load ._follow_read,
body.on_load ._follow_read * {
  color: #ff009b !important;
}

input._view_view {
  text-align: center;
}

._canvas_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 99;
}
._canvas_wrap canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* 공통 : 하단 */
.common_tool {
  padding-left: 60px;
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  z-index: 110;
  /* 공통 : 보충 자료 */
  /* 공통 : 오디오 플레이어 */
  /* 공통: 받아쓰기 버튼 */
  /* 공통 : 하단 버튼 */
}
.common_tool .studyData_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /* list.on */
}
.common_tool .studyData_wrap .list {
  padding-right: 80px;
  width: 200px;
  height: 60px;
  line-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  background-color: #3d9623;
  text-align: center;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.2);
}
.common_tool .studyData_wrap .list_open {
  display: none;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.common_tool .studyData_wrap .btn_studyDataItem {
  position: relative;
  padding-left: 28px;
  width: 120px;
  height: 36px;
  line-height: 36px;
  font-family: "NanumSquareOTFEB", sans-serif;
  font-size: 18px;
  color: #fff;
  border-radius: 18px;
  background-color: #3d9623;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.2);
}
.common_tool .studyData_wrap .btn_studyDataItem::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
}
.common_tool .studyData_wrap .btn_commu::before {
  background-image: url("../img/btn_studyDataItem_communication.png");
  background-position: 5px 7px;
}
.common_tool .studyData_wrap .btn_wholeTrans::before {
  background-image: url("../img/btn_studyDataItem_wholeTrans.png");
  background-position: center center;
}
.common_tool .studyData_wrap .btn_assess::before {
  background-image: url("../img/btn_studyDataItem_assess.png");
  background-position: center center;
}
.common_tool .studyData_wrap .btn_studyData {
  margin-left: -80px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 8px solid #3d9623;
  box-shadow: inset 0 7px 7px 0 rgba(0, 71, 38, 0.18), 0 6px 0 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  background-image: url("../img/btn_common_studyData.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.common_tool .studyData_wrap .list.on {
  padding-left: 16px;
  padding-right: 96px;
  width: auto;
  border: 1px solid #3d9623;
  background-color: #d0efc5;
}
.common_tool .studyData_wrap .list.on .list_default {
  display: none;
}
.common_tool .studyData_wrap .list.on .list_open {
  display: flex;
}
.common_tool .studyData_wrap .list.on + .btn_studyData {
  width: 78px;
  height: 78px;
  border: 6px solid #fff;
  box-shadow: inset 0 7px 7px 0 rgba(0, 71, 38, 0.18), 0 6px 0 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #3d9623;
  background-color: #3d9623;
  background-image: url("../img/btn_common_studyData_on.png");
}
.common_tool .audio_area {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  /* type1 : 기본 Player */
  /* type2 : 따라읽기 */
  /* type3 : Role Player */
  /* .list.on */
}
.common_tool .audio_area .list {
  display: none;
  margin-left: -80px;
  padding-left: 96px;
  padding-right: 26px;
  height: 60px;
  line-height: 60px;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  border-radius: 30px;
  border: 1px solid #ff7f00;
  background-color: #fff3e6;
  font-family: "NanumSquareOTFEB", sans-serif;
  font-size: 22px;
  color: #fff;
  text-align: center;
  text-align: center;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.2);
}
.common_tool .audio_area ._select_file {
  width: 40px;
  height: 40px;
  border-radius: 30px;
  border: 1px solid #ff7f00;
  background-color: white;
  font-family: "NanumSquareOTFEB", sans-serif;
  font-size: 22px;
  color: #ff7f00;
  text-align: center;
  margin: 0 3px;
}
.common_tool .audio_area ._select_file.on {
  color: white;
  background: #ff7f00;
}
.common_tool .audio_area .list.followAudio .btn_comFollowRead {
  display: block;
}
.common_tool .audio_area .list.roleAudio .rolePlay_wrap {
  display: flex;
}
.common_tool .audio_area .btn_comAudio {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 8px solid #ff7f00;
  box-shadow: inset 0 7px 7px 0 rgba(95, 95, 95, 0.15), 0 6px 0 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  background-image: url("../img/btn_common_audio.png");
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 10;
}
.common_tool .audio_area .btn_comAudioCtrl {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.common_tool .audio_area .btn_comAudioPlay {
  background-image: url("../img/btn_common_audio_play.png");
}
.common_tool .audio_area .btn_comAudioPlay._play {
  background-image: url("../img/btn_common_audio_pause.png");
}
.common_tool .audio_area .btn_comAudioStop {
  background-image: url("../img/btn_common_audio_stop.png");
}
.common_tool .audio_area .progress_wrap {
  width: 200px;
  height: 22px;
  border: 1px solid #ff7f00;
  background-color: #fff;
}
.common_tool .audio_area .progress {
  height: 100%;
  background-color: #ff7f00;
}
.common_tool .audio_area .time_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  font-size: 20px;
  color: #000000;
}
.common_tool .audio_area .time_wrap > span {
  display: inline-block;
}
.common_tool .audio_area .time_dur {
  width: 62px;
  text-align: right;
  font-family: "NanumSquareOTFEB", sans-serif;
}
.common_tool .audio_area .time_running {
  width: 55px;
  text-align: left;
  font-family: "NanumSquareOTFB", sans-serif;
}
.common_tool .audio_area .btn_comScript {
  padding-left: 30px;
  width: 110px;
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  font-family: "NanumSquareOTFB", sans-serif;
  font-size: 18px;
  color: #fff;
  background-image: url("../img/btn_common_script.png");
  background-position: 8px center;
  background-repeat: no-repeat;
  background-color: #ff7f00;
  box-shadow: inset 0 3px 4px 0 rgba(0, 0, 0, 0.18);
}
.common_tool .audio_area .dropBox_wrap {
  position: relative;
  width: 100px;
}
.common_tool .audio_area .dropBox_wrap > * {
  font-family: "NanumSquareOTFB", sans-serif;
  font-size: 20px;
  color: #000;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #444;
  background-color: #fff;
  cursor: pointer;
}
.common_tool .audio_area .dropBox_select {
  padding-right: 22px;
  width: 100%;
  height: 36px;
  line-height: 35px;
  background-image: url("../img/btn_common_audio_speed_arrow_up.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.common_tool .audio_area .dropBox_select.on {
  background-image: url("../img/btn_common_audio_speed_arrow_down.png");
}
.common_tool .audio_area .dropBox_select.on + .dropBox_list {
  display: block;
}
.common_tool .audio_area .dropBox_list {
  display: none;
  position: absolute;
  bottom: calc(100% + 5px);
  width: 100%;
  border-radius: 4px;
  border: 1px solid #444;
  background-color: #fff;
}
.common_tool .audio_area .dropBox_item {
  padding-right: 22px;
  height: 36px;
  line-height: 36px;
}
.common_tool .audio_area .dropBox_item:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.common_tool .audio_area .btn_comFollowRead {
  width: 110px;
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  background-color: #7d7d7d;
  font-family: "NanumSquareOTFB", sans-serif;
  font-size: 18px;
  text-align: center;
  color: #fff;
  box-shadow: inset 0 3px 4px 0 rgba(0, 0, 0, 0.18);
}
.common_tool .audio_area .btn_comFollowRead.on {
  background-color: #3d9623;
}
.common_tool .audio_area .rolePlay_wrap {
  gap: 10px;
}
.common_tool .audio_area .btn_comRolePlay {
  width: 110px;
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  background-color: #7d7d7d;
  font-family: "NanumSquareOTFB", sans-serif;
  font-size: 18px;
  text-align: center;
  color: #fff;
  box-shadow: inset 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}
.common_tool .audio_area .btn_comRolePlay.on {
  background-color: #5444cb;
}
.common_tool .audio_area .dropBox_wrap._role {
  display: none;
}
.common_tool .audio_area .btn_comRolePlay.on + .dropBox_wrap._role {
  display: block;
}
.common_tool .audio_area .dropBox_wrap._role .dropBox_select,
.common_tool .audio_area .dropBox_wrap._role .dropBox_item {
  padding-left: 12px;
  text-align: left;
}
.common_tool .audio_area .btn_comFollowRead {
  display: none;
}
.common_tool .audio_area .rolePlay_wrap {
  display: none;
}
.common_tool .audio_area .rolePlay_wrap .btn_comFollowRead.on + .rolePlay_wrap {
  display: flex;
}
.common_tool .audio_area .list.on {
  display: flex;
}
.common_tool .audio_area .list.on + .btn_comAudio {
  width: 78px;
  height: 78px;
  border: 6px solid #fff;
  box-shadow: inset 0 7px 7px 0 rgba(95, 95, 95, 0.15), 0 6px 0 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #ff7f00;
  background-color: #ff7f00;
  background-image: url("../img/btn_common_audio_on.png");
}
.common_tool .btn_dictation {
  padding-left: 30px;
  width: 110px;
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  font-family: "NanumSquareOTFB", sans-serif;
  font-size: 18px;
  color: #fff;
  background-image: url("../img/ico_dictation.png");
  background-position: 8px center;
  background-size: 19px;
  background-repeat: no-repeat;
  background-color: #0BB9A4;
  box-shadow: inset 0 3px 4px 0 rgba(0, 0, 0, 0.18);
}
.common_tool .bottom_btn_wrap {
  position: fixed;
  bottom: 25px;
  right: 60px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 20px;
}
.common_tool .bottom_btn_wrap .btn_cont_understand {
  padding: 0 20px;
  width: 244px;
  height: 60px;
  line-height: 60px;
  background-color: #3d9623;
  border-radius: 30px;
  font-size: 26px;
  color: #fff;
  background-image: url("../img/btn_cont_understand.png");
  background-size: 44px 35px;
  background-repeat: no-repeat;
  background-position: left 16px center;
  box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.18), 0 4px 0 0 rgba(0, 0, 0, 0.18);
  text-align: right;
}
.common_tool .bottom_btn_wrap .btn_wordHidden {
  width: 180px;
  height: 60px;
  background-color: #919191;
  color: #fff;
  box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.18), 0 4px 0 0 rgba(0, 0, 0, 0.18);
  font-size: 26px;
  border-radius: 30px;
}
.common_tool .bottom_btn_wrap .btn_wordHidden.on {
  background-color: #fdd531;
  box-shadow: inset 0 3px 0 0 rgba(102, 51, 0, 0.18), 0 4px 0 0 rgba(0, 0, 0, 0.18);
  color: #000;
}
.common_tool .bottom_btn_wrap .btn_wordHidden.on + .dragWrap {
  display: block;
}
.common_tool .bottom_btn_wrap .dragWrap {
  display: none;
  height: 0;
}
.common_tool .bottom_btn_wrap .dragWrap .drag_item {
  display: block;
  position: absolute;
  width: 330px;
  height: 80px;
  bottom: 80px;
  right: 0;
  border-radius: 8px;
  background-color: #fbc900;
  cursor: pointer;
}
.common_tool .bottom_btn_wrap .btn_comBottom {
  width: 180px;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  font-family: "NanumSquareOTFEB", sans-serif;
  font-size: 26px;
  color: #fff;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.2), 3px 3px 3px 0 rgba(102, 51, 0, 0.18);
}
.common_tool .bottom_btn_wrap .btn_comReset {
  background-color: #000;
}
.common_tool .bottom_btn_wrap .btn_comReset::after {
  content: "다시하기";
}
.common_tool .bottom_btn_wrap .comTip_wrap {
  position: relative;
}
.common_tool .bottom_btn_wrap .btn_comListeningTip {
  width: 220px;
  background-color: #5444cb;
}
.common_tool .bottom_btn_wrap .btn_comListeningTip::after {
  content: "Listening Tip";
}
.common_tool .bottom_btn_wrap .btn_comSpeakingTip {
  width: 220px;
  background-color: #00a04e;
}
.common_tool .bottom_btn_wrap .btn_comSpeakingTip::after {
  content: "Speaking Tip";
}
.common_tool .bottom_btn_wrap .btn_comWritingTip {
  width: 220px;
  background-color: #00b9d4;
}
.common_tool .bottom_btn_wrap .btn_comWritingTip::after {
  content: "Writing Tip";
}
.common_tool .bottom_btn_wrap .btn_comMoreInformation {
  width: 300px;
  background-color: #5444cb;
}
.common_tool .bottom_btn_wrap .btn_comMoreInformation::after {
  content: "More Information";
}
.common_tool .bottom_btn_wrap .btn_comTeamformation {
  width: 200px;
  background-color: #35A095;
}
.common_tool .bottom_btn_wrap .btn_comTeamformation::after {
  content: "팀 활동 목표";
}
.common_tool .bottom_btn_wrap .btn_ideas {
  width: 156px;
  height: 58px;
  background-image: url(../img/pages/Lesson07/125_1_img4.png);
}
.common_tool .bottom_btn_wrap .comTip_balloon {
  display: none;
}
.common_tool .bottom_btn_wrap .comTip_balloon .btn_tip_close {
  position: absolute;
  top: -35px;
  right: -35px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-image: url(../img/btn_popClose.png);
  background-size: contain;
}
.common_tool .bottom_btn_wrap .comTip_balloon .btn_toggle_lang {
  transform: scale(0.9);
}
.common_tool .bottom_btn_wrap .btn_comListeningTip.on + .comTip_balloon {
  display: block;
  position: absolute;
  bottom: 100px;
  right: 0;
  padding: 20px 30px;
  border: 4px solid #5444ca;
  border-radius: 20px;
  font-family: "Pre_M", sans-serif;
  font-size: 50px;
  color: #000000;
  background-color: #ffffff;
  line-height: 1.2;
}
.common_tool .bottom_btn_wrap .btn_comListeningTip.on + .comTip_balloon::after {
  content: "";
  position: absolute;
  bottom: -35px;
  right: 85px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 35px solid #5444ca;
}
.common_tool .bottom_btn_wrap .btn_comListeningTip.on + .comTip_balloon .tip_item {
  position: relative;
  margin-left: 40px;
}
.common_tool .bottom_btn_wrap .btn_comListeningTip.on + .comTip_balloon .tip_item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #000;
}
.common_tool .bottom_btn_wrap .btn_comSpeakingTip.on + .comTip_balloon {
  display: block;
  position: absolute;
  bottom: 100px;
  right: 0;
  padding: 20px 30px;
  border: 4px solid #00a04e;
  border-radius: 20px;
  font-family: "Pre_M", sans-serif;
  font-size: 50px;
  color: #000000;
  background-color: #ffffff;
  line-height: 1.2;
}
.common_tool .bottom_btn_wrap .btn_comSpeakingTip.on + .comTip_balloon::after {
  content: "";
  position: absolute;
  bottom: -35px;
  right: 85px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 35px solid #00a04e;
}
.common_tool .bottom_btn_wrap .btn_comSpeakingTip.on + .comTip_balloon .tip_item {
  position: relative;
  margin-left: 40px;
}
.common_tool .bottom_btn_wrap .btn_comSpeakingTip.on + .comTip_balloon .tip_item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #000;
}
.common_tool .bottom_btn_wrap .btn_comMoreInformation.on + .comTip_balloon {
  display: block;
  position: absolute;
  bottom: 100px;
  right: 0;
  padding: 20px 30px;
  border: 4px solid #5444cb;
  border-radius: 20px;
  font-family: "Pre_M", sans-serif;
  font-size: 50px;
  color: #000000;
  background-color: #ffffff;
  line-height: 1.2;
  padding-top: 95px;
}
.common_tool .bottom_btn_wrap .btn_comMoreInformation.on + .comTip_balloon::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 40px;
  width: 397px;
  height: 70px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img/ico_more_info.png");
}
.common_tool .bottom_btn_wrap .btn_comMoreInformation.on + .comTip_balloon::after {
  content: "";
  position: absolute;
  bottom: -35px;
  right: 85px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 35px solid #5444cb;
}
.common_tool .bottom_btn_wrap .btn_comWritingTip.on + .comTip_balloon {
  display: block;
  position: absolute;
  bottom: 100px;
  right: 0;
  padding: 20px 30px;
  border: 4px solid #00b9d4;
  border-radius: 20px;
  font-family: "Pre_M", sans-serif;
  font-size: 50px;
  color: #000000;
  background-color: #ffffff;
  line-height: 1.2;
  padding-top: 95px;
}
.common_tool .bottom_btn_wrap .btn_comWritingTip.on + .comTip_balloon::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 20px;
  width: 270px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/ico_writing1.png);
}
.common_tool .bottom_btn_wrap .btn_comWritingTip.on + .comTip_balloon::after {
  content: "";
  position: absolute;
  bottom: -35px;
  right: 85px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 35px solid #00b9d4;
}
.common_tool .bottom_btn_wrap .btn_comTeamformation.on + .comTip_balloon {
  display: block;
  position: absolute;
  bottom: 100px;
  right: 0;
  padding: 20px 30px;
  border: 4px solid #35A095;
  border-radius: 20px;
  font-family: "Pre_M", sans-serif;
  font-size: 50px;
  color: #000000;
  background-color: #ffffff;
  line-height: 1.2;
}
.common_tool .bottom_btn_wrap .btn_comTeamformation.on + .comTip_balloon::after {
  content: "";
  position: absolute;
  bottom: -35px;
  right: 85px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 35px solid #35A095;
}
.common_tool .bottom_btn_wrap .btn_comTeamformation.on + .comTip_balloon .tip_item {
  position: relative;
  margin-left: 40px;
}
.common_tool .bottom_btn_wrap .btn_comTeamformation.on + .comTip_balloon .tip_item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #000;
}
.common_tool .bottom_btn_wrap .btn_ideas.on + .comTip_balloon {
  display: block;
  position: absolute;
  bottom: 100px;
  right: 0;
  padding: 20px 30px;
  border: 4px solid #FF8000;
  border-radius: 20px;
  font-family: "Pre_M", sans-serif;
  font-size: 50px;
  color: #000000;
  background-color: #ffffff;
  line-height: 1.2;
}
.common_tool .bottom_btn_wrap .btn_ideas.on + .comTip_balloon::after {
  content: "";
  position: absolute;
  bottom: -35px;
  right: 85px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 35px solid #FF8000;
}
.common_tool .bottom_btn_wrap .btn_comAnswer {
  background-color: #3d9623;
}
.common_tool .bottom_btn_wrap .btn_comAnswer::after {
  content: "정답 보기";
}
.common_tool .bottom_btn_wrap .btn_comAnswer._all::after {
  content: "정답 보기";
}
.common_tool .bottom_btn_wrap .btn_comAnswer.on {
  background-color: #000;
}
.common_tool .bottom_btn_wrap .btn_comAnswer.on::after {
  content: "다시하기";
}
.common_tool .bottom_btn_wrap .btn_comExam {
  background-color: #3d9623;
}
.common_tool .bottom_btn_wrap .btn_comExam::after {
  content: "예시 답 보기";
}
.common_tool .bottom_btn_wrap .btn_comExam._all::after {
  content: "예시 답 보기";
}
.common_tool .bottom_btn_wrap .btn_comExam._re_answer::after {
  content: "예시 답 보기";
}
.common_tool .bottom_btn_wrap .btn_comExam.on {
  background-color: #000;
}
.common_tool .bottom_btn_wrap .btn_comExam.on::after {
  content: "다시하기";
}

/* 미니 플레이어 */
._compactPlayer {
  position: relative;
  width: 166px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  background-color: #fff3e6;
  border: 2px solid #ff7f00;
  border-radius: 40px;
  z-index: 10;
}
._compactPlayer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 100%;
  background-color: #ff7f00;
}
._compactPlayer > button {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
._compactPlayer ._c_play {
  background-image: url("../img/btn_common_audio_play.png");
}
._compactPlayer ._c_play.color_select {
  background-image: url("../img/btn_common_audio_pause.png");
}
._compactPlayer ._c_stop {
  background-image: url("../img/btn_common_audio_stop.png");
}

/* 동영상 컨테이너 */
.content_body {
  position: relative;
}
.content_body .content_iframe_video {
  width: 1190px;
  height: 670px;
}
.content_body .content_iframe_video._onePage {
  width: 1387px;
  height: 780px;
}

/* 사진 추가 */
.btn_imgAdd {
  width: 65px;
  height: 65px;
  background-repeat: no-repeat;
  background-image: url(../img/btn_imgAdd.png);
  border-radius: 50%;
  border: 4px solid;
  background-size: 85%;
  background-color: skyblue;
  cursor: pointer;
  background-position: center;
}

/*스크롤바*/
::-webkit-scrollbar {
  width: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  width: 10px;
  border-radius: 10px;
  background-color: #ff7f00;
}

::-webkit-scrollbar-track {
  width: 10px;
  border-radius: 10px;
  background-color: #dfdfdf;
}

/*스와이퍼*/
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 20px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 20px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #fb8d44);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  width: 22px;
  height: 22px;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color, #ff802b));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 38px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

/* Swiper - Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: transparent;
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 5px;
  top: 1%;
  z-index: 50;
  width: 10px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: #d6d5d4;
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper {
  overflow: hidden;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-slide {
  height: 100%;
  flex-shrink: 0;
}

.drag_item {
  display: block;
  position: absolute;
  width: 330px;
  height: 80px;
  bottom: 80px;
  right: 0;
  border-radius: 8px;
  background-color: #fbc900;
  cursor: pointer;
}

.tf_wrap {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  font-family: "Pre_EB", sans-serif;
  font-size: 50px;
}
.tf_wrap .btn_mCheck + label {
  width: 115px;
  height: 75px;
  line-height: 75px;
  background-color: #E4E4E4;
  border-radius: 6px;
  font-family: inherit;
}

.review_input_box {
  margin-left: 40px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  height: 420px;
  margin-top: 40px;
  border-radius: 12px;
  box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.1);
  background-color: #fff5d2;
}
.review_input_box::before {
  content: url("../img/review_inputbox.png");
  position: absolute;
  top: 40px;
  left: -40px;
}

.text_change_wrap {
  position: relative;
  height: 100%;
}
.text_change_wrap.on .text_answer {
  display: block;
}
.text_change_wrap .text_answer {
  display: none;
  padding: 10px 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: inherit;
  border-radius: inherit;
  font-size: inherit;
  color: #ff0000;
  background-color: #fff;
}
.text_change_wrap .text_answer > *:not(.ico_sample, .ico_sample + div) {
  width: inherit;
  line-height: inherit;
  display: inline !important;
}
.text_change_wrap .text_answer .ico_sample {
  margin-bottom: 15px;
  top: 10px;
}

/*# sourceMappingURL=common.css.map */