/* 화면 기본설정 */

html,
body {
  width: 100%;
  height: 100%;
  background: #eff2f8;
  -webkit-overflow-scrolling: touch;
  -ms-user-select: none;
  -moz-user-select: none;
/*  -webkit-user-select: none;*/
  -user-select: none;
  overflow: hidden;
}

input[type=text],
input[type=button] {
  -webkit-appearance: none;
  -webkit-border-radius: 5px;
}

input:focus {
  outline: none;
}

button {
  padding: 0;
  margin: 0;
  border: none;
  background: none;
}

.clear {
  clear: both;
}

.clear-5 {
  clear: both;
  padding-top: 5px;
}

.clear-10 {
  clear: both;
  padding-top: 10px;
}

.clear-20 {
  clear: both;
  padding-top: 20px;
}

.clear-30 {
  clear: both;
  padding-top: 30px;
}

.clear-40 {
  clear: both;
  padding-top: 40px;
}


/* 부트스트랩 초기화코드 */

.alert {
  word-break: keep-all;
  border-radius: 10px;
  margin: 0;
}

/* swiper 높이 이상증상 css 수정 20210422 */
.swiper-wrapper {
	height: auto;
}

/* header */

.header-desk {
  padding: 0;
  height: 70px;
	background: rgba(255, 255, 255, 0.4);
}

.header-desk .inner {
  height: 100%;
}

.header-desk .header-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  position: relative;
}
.header-desk .header-grid .header__left {
	display: flex;
	align-items: center;
}
.header-desk .header-grid .header__left > div:first-child {
	margin-right: 10px;
}
.btn-back {
  width: 50px;
  padding: 14px;
}

.header-desk .header-grid .subpage-title {
  color: #828282;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  white-space: nowrap;
}

.search-box {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.search-box .input-search {
  margin-right: 5px;
}

.header-gnb ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-gnb ul li a {
  padding: 0.5em 1em;
  font-size: 1.2rem;
  line-height: 1;
  color: var(--txt-color3);
  text-align: center;
}

.header-desk .header-left {
  display: flex;
  align-items: center;
}

.header-desk .header-left>div {
  margin-right: 20px;
}

.header-desk .header-left>div:last-child {
  margin-right: 0;
}

.header-desk .header-gnb {
  display: flex;
  align-items: center;
  position: absolute;
	left: 50%;
  top: 5px;
	transform: translateX(-50%);	
}

.header-desk .header-gnb .gnb-box {
  width: 90px;
	margin: 0 10px;
}

.header-desk .header-gnb .gnb-box .img {
  position: relative;
  z-index: 1;
	margin-bottom: 5px;
	width: 60px;
	height: 60px;
	margin: 0 auto;
}

.header-desk .header-gnb .gnb-box .img:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 35px;
  background: #da7676;
  opacity: .6;
  border-radius: 10px;
  z-index: -2;
}

.header-desk .header-gnb .gnb-box.on .img:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5px;
  height: 5px;
  background: rgb(251, 255, 0);
  box-shadow: 0px 0px 15px 25px rgb(251, 255, 0);
  border-radius: 50%;
  z-index: -1;
}

.header-desk .header-gnb .gnb-box .txt {
  font-weight: 700;
  color: #fff;
  text-align: center;
	font-size: 14px;
	padding-top: 3px;
}

.header-desk .header-gnb .gnb-box.on .img object,
.header-desk .header-gnb .gnb-box.on .img img {
  animation: gnb_ani 1s infinite alternate cubic-bezier(0.4, 0, 1, 1);
}


/* header 배경 */
.video-library .header-desk,
.video-new_video .header-desk,
.video-recent_video .header-desk,
.video-vseries .header-desk,
.video-main .header-desk,
.book-main .header-desk,
.book-ebook_list .header-desk,
.idic-main .header-desk,
.voca-main .header-desk {
  background: none;
	height: 90px;
	margin-bottom: 10px;
}


/* 단어리스트 */

.voca-list-section {
  display: grid;
  grid-template-columns: 2fr 2fr;
  gap: 30px;
  /* margin-top: -10px; */
  padding: 0 10px;
}

.voca-list-section .voca-list {
  display: flex;
  flex-direction: column;
}

.voca-list-section .voca-list .voca-word {
  display: inline-block;
  color: var(--txt-color5);
  font-weight: 900;
  font-size: 1.8rem;
}

.voca-list-section .voca-list .voca-sound {
  width: 25px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: 4px;
}

.voca-list-section .voca-list .voca-item {
  display: grid;
  grid-template-columns: 4fr 2fr;
  grid-gap: 10px;
  border-bottom: 1px solid #dbdbdb;
  flex-grow: 1;
}

.voca-list-section .voca-list .voca-item .voca-txt {
  display: flex;
  align-items: center;
}

.voca-list-section .voca-list .voca-item .voca-txt .part-word {
  flex-shrink: 0;
}
.voca-list-section .voca-list .voca-item .voca-txt .word-txt a {
	display: flex;
	align-items: center;
}
.voca-list-section .voca-list .voca-item .voca-txt .word-txt a .voca-word {
	margin-right: 5px;
}
.voca-list-section .voca-list .voca-item .voca-txt .part-word>.ipart.ipart_verb {
  vertical-align: 5px;
}

.voca-list-section .voca-list .voca-item:last-child {
  border-bottom: none;
}

.voca-list-section .voca-list .voca-list-img {
  display: grid;
  grid-template-columns: 2fr 2fr 2fr;
  grid-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 280px;
}

.voca-list-section .voca-list .voca-list-img a {
  cursor: pointer;
}

.voca-list-section .voca-list .voca-item:last-child {
  border-bottom: none;
}

.voca-list-section .voca-card {
  position: relative;
}


/* 로그인 페이지 (각종 input 관련 CSS) */

.mlogin-column {
  width: 600px;
  margin: 0 auto;
}

.mlogin-column .mlogin-logo {
  width: 120px;
  margin: 0 auto;
}

#member-login .btn-default,
.validate-efind .btn-default,
.validate-pfind .btn-default {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #333333;
  color: #FFFFFF;
  background-color: #333333;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
}

#member-login .btn-default.btn-default--submit,
.validate-efind .btn-default.btn-default--submit,
.validate-pfind .btn-default.btn-default--submit {
  border: 1px solid #0c59c1;
  color: #FFFFFF;
  background-color: #0D5DC9;
}

#member-login .btn-default.btn-default--warning,
.validate-efind .btn-default.btn-default--warning,
.validate-pfind .btn-default.btn-default--warning {
  border: 1px solid #fa8c00;
  color: #FFFFFF;
  background-color: #fa8c00;
}

.btn-low {
  background: none;
  text-decoration: underline;
  font-weight: 400;
  border: none;
  text-underline-position: under;
  color: var(--txt-color4);
}

.form-group {
  margin-bottom: .5rem;
}

.form-group label {
  font-size: 1rem;
  margin-bottom: 0;
}

.form-group label.error {
  display: none;
  text-align: center;
  font-size: 14px;
  color: var(--red-color3);
  margin: 0;
}

.form-group label span.error {
  font-size: 14px;
  color: var(--red-color3);
  margin: 0;
  margin-left: 5px;
}

.form-group--agree {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.input-default {
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid var(--blue-color1);
  padding: .5em 1em;
  display: block;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.input-default:focus {
  border: 1px solid var(--blue-color2);
}

.form-group .btn-grid-box {
  display: grid;
  grid-template-columns: 2fr 2fr;
  gap: 10px;
}

.form-group .email-view {
  margin-top: 5px;
}

.form-group .select-row {
  display: grid;
  grid-template-columns: 2fr 2fr 2fr;
  gap: 5px;
}

.form-group .select-row select {
  border: 1px solid var(--blue-color1);
  padding: .4em 1em;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  font-size: 1rem;
  font-weight: 400;
	line-height: 1;
	width: 100%;
}

.form-group .radio-row {
  display: grid;
  grid-template-columns: 2fr 2fr;
  gap: 5px;
}

.form-group .radio-talk input {
  width: 1px;
  height: 1px;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.form-group .radio-talk img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #dbdbdb;
  margin-right: 10px;
}

.form-group .radio-talk .radio-box {
  display: flex;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  overflow: hidden;
  padding: .5em 1em;
  background: #fff;
  position: relative;
  align-items: center;
  justify-content: center;
}

.form-group .radio-talk input:checked~.radio-box {
  background: #6098FF;
  color: #fff;
  font-weight: 900;
}

.form-group .radio-talk.bg-red input:checked~.radio-box {
  background: #FF8E94;
}


/* 검색페이지 */
section.ct-header-section .search-header {
	background: #6098FF;
	height: 130px;
}
section.ct-header-section .search-header .btn-back {
	margin-top: 10px;
	align-self: flex-start;
}
.voca-search-section.ct-header-section .search-header {
	background: #6098FF;
	height: 130px;
}
.book-search-section.ct-header-section .search-header {
	background: #FFB800;
	height: 130px;
}
.video-search-section.ct-header-section .search-header {
	background: #0BA1C2;
	height: 130px;
}
.search_input {
  width: 520px;
  margin: 0 auto;
  padding: 10px 25px 15px;
  border: 3px solid #dbdbdb;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  z-index: 5;
  transition: all .3s;
}

.search_input.on {
  top: 0;
}

.search_input form {
  display: flex;
  align-items: center;
}

.search_input input {
  display: block;
  width: 100%;
  border: none;
  background: none;
  border-bottom: 2px solid #828282;
  padding: .1em .2em;
  font-size: 1.75rem;
  font-weight: 700;
  background: #fff;
}

.search_input .search-icon {
  width: 40px;
  height: 40px;
  /* position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%); */
}

.search-site-logo {
  font-weight: 900;
  font-size: 1.5rem;
  line-height: 1;
  /* opacity: .6; */
  color: var(--blue-color2);
  /* padding-right: 10px; */
}

.load-search {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-grow: 1;
  padding: 10px;
}

.load-search .loading-img {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
}

.load-search .search-result-txt {
  font-weight: 900;
  font-size: 3rem;
  margin-bottom: 2em;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  word-break: keep-all;
}

.load-search .search-result-txt .keyword-txt {
  color: var(--red-color3);
}

.voca-search-section .ct-header-section__contents {
  background: #A0C2FF;
  background-size: 100% 100%;
}

.book-search-section .ct-header-section__contents {
  background: #ffda1b;
  background-size: 100% 100%;
}

.video-search-section .ct-header-section__contents {
  background: #92DDE8;
  background-size: 100% 100%;
}

.book-search-section .search-site-logo {
  color: #ffbb00;
}

.book-search-section .search-header .btn-back svg path {
	fill: #828282;
}
.book-search-section .btn-load-data svg path {
	fill: #fff;
}
.book-search-section .btn-load-data .txt {
	color: #fff;
}

/* ajax 데이터 load */

.load-data {
  display: flex;
	margin-right: 10px;
	align-items: center;
}
.load-data:first-child {
	padding-left: 2px;
}
.load-data:last-child {
  margin-right: 0;
}
.load-data .search-result-txt {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 2rem;
	font-weight: 900;
}

/* 메인페이지 나의 레벨 */

/* .btn-lat-main,
.my-level {
  position: fixed;
  right: 1%;
  bottom: 10%;
} */

.btn-lat-main {
  width: 200px;
}

.btn-lat-main a {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.book .btn-lat-main a {
  background: var(--olive-color2);
  border-color: var(--olive-color2);
}


/* 양쪽으로 하는 리스트 페이지 기본레이아웃 */

.table-list-box .list-title {
  font-weight: 900;
  font-size: 1.7rem;
  line-height: 1;
  margin-bottom: .5em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


/* 회원정보 */

.member-section {
  display: flex;
  flex-direction: column;
}

.member-section .member-info-box {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  padding: 2em 0;
}

.member-section .member-info-box .member-img {
  width: 160px;
  height: 160px;
  position: relative;
  margin-right: 1.5em;
}

.member-section .member-info-box .member-img>img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #dbdbdb;
}

.member-section .member-info-box .member-img .btn-modify {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 30px;
  height: 30px;
  z-index: 1;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
}

.member-section .member-info-box .member-info .member-info__name {
  font-size: 2rem;
  font-weight: 900;
  display: flex;
  align-items: baseline;
  line-height: 1;
}

.member-section .member-info-box .member-info .member-info__name>a {
  font-size: 1rem;
  font-weight: 400;
  margin-left: 10px;
}

.member-section .member-info-box .member-info .member-info__email {
  font-size: 1.5rem;
  font-weight: 400;
  color: #828282;
  margin-top: 5px;
}

.member-section .member-info-box .member-info .member-info__btns {
  display: flex;
  margin-top: 1em;
}

.member-section .member-info-box .member-info .member-info__btns>a:first-child {
  margin-left: 0;
  background: var(--blue-color2);
}

.member-section .member-info-box .member-info .member-info__btns>a {
  margin: 0px 5px;
  background: var(--purple-color2);
  padding: 3px 20px;
  color: #fff;
  border-radius: 50px;
  font-weight: 700;
}

.member-section .my-info-box {
  flex-grow: 1;
  overflow-y: scroll;
}

.member-section .my-info-box .my-info-box__title {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #dbdbdb;
}

.member-section .my-info-box .my-info-box__title a {
  padding: 10px 0px;
  font-size: 1.25rem;
  font-weight: 900;
  color: var(--txt-color4);
  margin: 0 30px;
}

.member-section .my-info-box .my-info-box__title a.on {
  color: var(--txt-color5);
  border-bottom: 2px solid var(--txt-color5);
}

.member-section .my-info-box .my-info-box__contents {
  padding: 1em 2em 3em;
}

.my-info-load__title {
  font-size: 1.5rem;
  font-weight: 900;
  margin-bottom: 5px;
}


/* 레벨테스트 팝업 */

.lat-popup .level-txt {
  font-size: 1rem;
  font-weight: 400;
}

.lat-popup .level-txt .hl-txt {
  color: var(--blue-color2);
  font-weight: 900;
}

.lat-popup .level-img {
  width: 40%;
  margin: 0 auto;
}

.book .lat-popup .level-txt .hl-txt {
  color: var(--olive-color2);
}

.book .popup-contents .popup-contents__btn>a {
  background: var(--olive-color2);
}


/* 메인페이지 section */

body.book-main section.ct-section,
body.voca-main section.ct-section {
  height: calc(100vh - 90px);
}


/* 보카 레벨테스트 리스트 */

.btn-result-levels {
  border: 1px solid #6499FA;
  background-color: #F0F6FF;
  color: #333;
  padding: 5px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  overflow: hidden;
}
.btn-result-levels>img {
  width: 20px;
  margin-left: 5px;
}

.btn-result-levels .hl-primary {
  font-weight: 900;
  color: var(--blue-color2);
}

.btn-result-levels .hl-secondary {
  font-weight: 900;
  color: var(--red-color3);
}
.btn-result-levels .test-result-icon {
	display: flex;
	align-items: center;
	font-size: 12px;
	margin-left: 10px;
}
.btn-result-levels .test-result-icon svg,
.btn-result-levels .test-result-icon img {
	width: 15px;
	margin-right: 5px;
}

.btn-result-class {
  border: 1px solid #6499FA;
  background-color: #6499FA;
  color: #FFFFFF;
  padding: 5px 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  overflow: hidden;
  font-weight: 700;
}

.my-lat-table .point {
  font-weight: 900;
  color: var(--blue-color2);
}

.total-lat-table .hl-primary {
  font-weight: 900;
  color: var(--blue-color2);
}

.total-lat-table .hl-secondary {
  font-weight: 900;
  color: var(--red-color3);
}


/* 보카레벨테스트 샘플단어 리스트 */

.vlat-sample-section {
  background: #fff;
  padding: 0;
  /* height: calc(100% - 50px); */
  margin: 0 -10px;
  overflow-y: scroll;
}

.vlat-sample-section .sample-word-list {
  display: grid;
  grid-template-columns: 2fr 2fr 2fr 2fr;
}

.vlat-sample-section .sample-word-list a {
  padding: 5px;
  padding-left: 40px;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: left;
}

.vlat-sample-section .sample-word-list a .voca-sound {
  width: 25px;
  height: 25px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}


/* 레벨 결과 리스트 */

.my-vlat-result,
.total-vlat-result {
  position: relative;
  overflow-y: scroll;
  padding: 20px 30px;
}

.my-vlat-result .vlat-up__btn-deatil {
  width: 30px;
  margin: 0 auto;
}

.my-vlat-result .vlat-up__btn-deatil a {
  padding: 5px;
}

.my-vlat-result .hl-primary {
  font-weight: 900;
  color: var(--blue-color2);
}

.my-vlat-result .hl-secondary {
  font-weight: 900;
  color: var(--red-color3);
}


/* 북리스트 */

.book-frame {
  position: relative;
  flex-shrink: 0;
  padding: 4px;
  border: 2px solid #BDBDBD;
  background: #fff;
  border-radius: 15px;
  width: 100%;
  margin-bottom: 30px;
}

.book-frame.dummy_box {
  opacity: 0;
  height: 0;
  margin: 0;
}

.book-frame:hover {
  text-decoration: none;
  color: #444;
}
.book-frame.complete {
	border-color: #A0C2FF;
	box-shadow: 0 0 0 2px #A0C2FF;
}
.book-frame.complete:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:rgba(185, 233, 255, 0.25);
	border-radius: 12px;
	z-index: 10;
}
.book-frame.on.complete:after {
	display: none;
}
.book-frame.on {
  border-color: var(--olive-color2);
  box-shadow: 0 0 0 2px var(--olive-color2);
  background: #F5FFD8;
}

.book-frame .book-frame__img {
  position: relative;
  padding-bottom: 130%;
	z-index: 11;
}

.book-frame .book-frame__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #ededed;
}
.book-frame .book-frame__img.expb {
	background: #ededed;
}
.book-frame .book-frame__img.expb img {
	height: auto;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 0;
}

.book-frame .book-frame__txt {
  text-align: center;
  font-weight: 400;
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-top: 13px;
  margin-bottom: 18px;
}

.book-frame .book-frame__p_badge {
  height: 45px;
  display: flex;
  align-items: start;
  justify-content: center;
}

.book-frame .book-frame__p_badge .p_badge {
	width: 35px;
	margin: 0 5px;
	position: relative;
	z-index: 11;
}
.book-frame .book-frame__p_badge .p_badge.disabled {
	opacity: .4;
}
.book-frame .book-frame__p_badge .p_badge.none {
	display: none;
}
.book-frame .book-frame__p_badge .p_badge svg {
	width: 35px;
	height: 35px;
}
.book-frame .book-frame__p_badge .p_badge.video svg circle {
  stroke: #BDBDBD;
}

.book-frame .book-frame__p_badge .p_badge.video svg path {
  fill: #E0E0E0;
}

.book-frame .book-frame__p_badge .p_badge.video.complete svg circle {
	stroke: #FF5A78;
	fill: #FF5A78;
}

.book-frame .book-frame__p_badge .p_badge.video.complete svg path {
  fill: #fff;
}



.book-frame .book-frame__p_badge .p_badge.quiz svg circle {
  stroke: #BDBDBD;
}

.book-frame .book-frame__p_badge .p_badge.quiz svg path {
  fill: #E0E0E0;
}

.book-frame .book-frame__p_badge .p_badge.quiz.ing svg circle {
  stroke: #FF9600;
}

.book-frame .book-frame__p_badge .p_badge.quiz.ing svg path {
  fill: #FF9600;
}

.book-frame .book-frame__p_badge .p_badge.quiz.complete svg circle {
	stroke: #FF9600;
	fill: #FF9600;
}

.book-frame .book-frame__p_badge .p_badge.quiz.complete svg path {
  fill: #fff;
}

.book-frame .book-frame__p_badge .p_badge.voca svg circle {
  stroke: #BDBDBD;
}

.book-frame .book-frame__p_badge .p_badge.voca svg path {
  fill: #E0E0E0;
}
.book-frame .book-frame__p_badge .p_badge.voca.ing svg circle {
  stroke: #6098FF;
}

.book-frame .book-frame__p_badge .p_badge.voca.ing svg path {
  fill: #6098FF;
}
.book-frame .book-frame__p_badge .p_badge.voca.complete svg circle {
	stroke: #6098FF;
	fill: #6098FF;
}

.book-frame .book-frame__p_badge .p_badge.voca.complete svg path {
  fill: #fff;
}

.book-frame .book-frame__p_badge .p_badge.ts_class svg circle {
  stroke: #BDBDBD;
}

.book-frame .book-frame__p_badge .p_badge.ts_class svg path {
  fill: #E0E0E0;
}

.book-frame .book-frame__p_badge .p_badge.ts_class.complete svg circle {
	stroke: #D885FF;
	fill: #D885FF;
}

.book-frame .book-frame__p_badge .p_badge.ts_class.complete svg path {
  fill: #fff;
}

.book-frame .book-frame__p_badge .p_badge.activity svg circle {
  stroke: #BDBDBD;
}

.book-frame .book-frame__p_badge .p_badge.activity svg path {
  fill: #E0E0E0;
}

.book-frame .book-frame__p_badge .p_badge.activity.ing svg circle {
  stroke: #849900;
}

.book-frame .book-frame__p_badge .p_badge.activity.ing svg path {
  fill: #849900;
}

.book-frame .book-frame__p_badge .p_badge.activity.complete svg circle {
	stroke: #849900;
	fill: #849900;
}

.book-frame .book-frame__p_badge .p_badge.activity.complete svg path {
  fill: #fff;
}



/* .book-frame .book-frame__img .book-frame__p_badge {
 position: absolute;
 left: -5px;
 top: 15px;
 z-index: 4;
}

.book-frame .book-frame__img .book-frame__p_badge .p_badge {
 padding: 7px 3px 8px;
 font-size: 1rem;
 background: var(--blue-color2);
 color: #fff;
 font-weight: 700;
 border-radius: 50px;
 overflow: hidden;
 line-height: 1;
 display: block;
 margin-bottom: 3px;
 width: 80px;
 text-align: center;
 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.45);
}

 */

.book-frame .book-frame__badge {
  background: var(--olive-color2);
  padding: 7px 10px 8px;
  border-radius: 6px;
  overflow: hidden;
  display: block;
  text-align: center;
  line-height: 1;
  font-weight: 900;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 11;
  transform: translate(-50%, -50%);
  color: #fff;
	font-size: 1rem;
	white-space: nowrap;
}

.book-frame .book-frame__badge::first-letter {
  color: #FFD600;
  margin-right: 1px;
}


/* 아이딕북 버튼 */

.btn-high-secondary.btn-book {
  border-color: var(--orange-color1);
  color: var(--orange-color1);
  font-weight: 700;
  background: var(--bg-color3y);
}


/* 아이딕북 프레임헤더 */

.frame-header.book {
  background: url(../images/components/frame-header-book-bg.png) no-repeat 0 50%;
  background-size: 100% 100%;
}


/* 나의학습 페이지 */

body.idic-my_study.voca {
  background: var(--bg-color2b) url(../images/components/voca-bg.png) repeat 0 0;
  background-size: 25%;
}
body.idic-my_study.book {
  background: #FFFDEB url(../images/components/book-bg.png) repeat 0 0;
  background-size: 25%;
}
body.idic-my_study.video {
	background: #92DDE8 url(../images/components/video-bg.png) repeat 0 0;
	background-size: 25%;
}

.idic-my_study .edate-title {
  font-weight: 900;
  font-size: 2rem;
  margin-left: 2em;
  margin-right: 1em;
	color: #444;
	align-self: flex-start;
}
.idic-my_study .history-list {
	margin-right: 10px;
}
.idic-my_study .history-list:last-child {
	margin-right: 0;
}
.idic-my_study .history-list .edate-title {
	height: 35px;
	/* background: red; */
	line-height: 1;
	margin: 0;
	padding-left: 5px;
	font-size: 1.6rem;
}


.idic-my_study.voca .btn-load-data .img svg path {
  fill: var(--blue-color2);
}

.idic-my_study.voca .btn-load-data .txt {
  color: var(--blue-color2);
}

.day-list .btn-record-box {
  width: 80px;
  margin-left: 1em;
  text-align: center;
}

.day-list .btn-record-box .btn-record-box__txt {
  color: var(--txt-color4);
  font-weight: 300;
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  margin-top: 10px;
}


/* 북정보 */

.idic-bdetail-column {
  text-align: center;
  padding: 1em;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 20px;
  margin: 0;
  padding: 20px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.idic-bdetail-column .book-title {
  font-size: 1.5rem;
  font-weight: 900;
  color: var(--txt-color5);
  text-align: left;
  line-height: 1.2;
}

.idic-bdetail-column .book-title span {
  font-weight: 400;
  font-size: 80%;
	margin-bottom: 5px;
	display: block;
}

.idic-bdetail-column .book-img-box {
  width: 220px;
  margin: 0 auto;
  border-radius: 20px;
 	position: relative;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.idic-bdetail-column .book-img-box .book-frame__img {
  position: relative;
  padding-bottom: 130%;
  width: 100%;
}

.idic-bdetail-column .book-img-box .book-frame__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #ededed;
}


/* .idic-bdetail-column .book-img-box .book-img {
 border: 3px solid #FFFFFF;
} */


/* 아이딕북 공부 버튼모음 */

.book-btn-box {
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  border-top: 1px solid #bdbdbd;
  width: 100%;
  padding-top: 2em;
  margin-top: 1em;
  align-items: center;
}

.book-btn-box .book-btn {
  text-align: center;
  position: relative;
  width: 90px;
  flex-shrink: 0;
  margin-left: 10px;
}

.book-btn-box .book-btn .book-btn__circle {
  border-radius: 50%;
  padding-bottom: 100%;
  overflow: hidden;
  background: var(--red-color3);
  position: relative;
}

.book-btn-box .book-btn.book-btn--quiz .book-btn__circle {
	border: 1px solid #E0E0E0;
  background: #fff;
}

.book-btn-box .book-btn.book-btn--quiz .book-btn__circle svg path {
	fill: #E0E0E0;
}
.book-btn-box .book-btn.book-btn--quiz.ing .book-btn__circle {
	border: 1px solid #FF9600;
	background: #fff;
}
.book-btn-box .book-btn.book-btn--quiz.ing .book-btn__circle svg path {
	fill: #FF9600;
}
.book-btn-box .book-btn.book-btn--quiz.ing .book-btn__circle .book-btn__txt .book-btn__txt__num {
	color: #FF9600;
}
.book-btn-box .book-btn.book-btn--quiz.complete .book-btn__circle {
	border: 1px solid #FF9600;
	background: #FF9600;
}
.book-btn-box .book-btn.book-btn--quiz.complete .book-btn__circle svg path {
	fill: #fff;
}
.book-btn-box .book-btn.book-btn--quiz.complete .book-btn__circle .book-btn__txt .book-btn__txt__num {
	color: #fff;
}
.book-btn-box .book-btn.book-btn--quiz .book-btn__circle.book-btn__circle--activity {
	border-color: #849900;
	outline: 2px solid #849900;
}
.book-btn-box .book-btn.book-btn--quiz .book-btn__circle.book-btn__circle--activity svg path {
	fill: #849900;
}

/* 북퀴즈 기본상태 */
.book-btn-box .book-btn.book-btn--voca .book-btn__circle {
	border: 1px solid #e0e0e0;
  background: #fff;
}
.book-btn-box .book-btn.book-btn--voca .book-btn__circle svg path {
	fill: #e0e0e0;
}
.book-btn-box .book-btn.book-btn--voca .book-btn__circle .book-btn__txt .book-btn__txt__num {
	color: #e0e0e0;
}
.book-btn-box .book-btn.book-btn--voca.ing .book-btn__circle {
	border: 1px solid #6098FF;
  background: #fff;
}
.book-btn-box .book-btn.book-btn--voca.ing .book-btn__circle svg path {
	fill: #6098FF;
}
.book-btn-box .book-btn.book-btn--voca.ing .book-btn__circle .book-btn__txt .book-btn__txt__num {
	color: #6098FF;
}
.book-btn-box .book-btn.book-btn--voca.complete .book-btn__circle {
	border: 1px solid #6098FF;
  background: #6098FF;
}
.book-btn-box .book-btn.book-btn--voca.complete .book-btn__circle svg path {
	fill: #fff;
}
.book-btn-box .book-btn.book-btn--voca.complete .book-btn__circle .book-btn__txt .book-btn__txt__num {
	color: #fff;
}



/* 녹음 기본상태 */
.book-btn-box .book-btn.book-btn--rec .book-btn__circle {
	border: 1px solid #e0e0e0;
  background: #fff;
}
.book-btn-box .book-btn.book-btn--rec .book-btn__circle svg path {
	fill: #e0e0e0;
}
/* 녹음이 있을때 상태 */
.book-btn-box .book-btn.book-btn--rec.complete .book-btn__circle {
	border: 1px solid #FF5A78;
  background: #FF5A78;
}
.book-btn-box .book-btn.book-btn--rec.complete .book-btn__circle svg path {
	fill: #fff;
}

/* 수업버튼 기본상태 */
.book-btn-box .book-btn.book-btn--class .book-btn__circle {
	border: 1px solid #E0E0E0;
  background: #fff;
}
.book-btn-box .book-btn.book-btn--class .book-btn__circle svg path {
	fill: #E0E0E0;
}
/* 수업이 신청되어있을 경우 상태 */
.book-btn-box .book-btn.book-btn--class.complete .book-btn__circle {
	background: var(--purple-color2);
}
.book-btn-box .book-btn.book-btn--class.complete .book-btn__circle svg path {
	fill: #fff;
}

.book-btn-box .book-btn .book-btn__circle.disabled {
	background: #bdbdbd;
	opacity: .4;
	pointer-events: none;
}

.book-btn-box .book-btn .book-btn__circle .book-btn__txt {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.book-btn-box .book-btn .book-btn__circle .book-btn__txt object,
.book-btn-box .book-btn .book-btn__circle .book-btn__txt svg,
.book-btn-box .book-btn .book-btn__circle .book-btn__txt img {
  width: 35%;
  margin: 0 auto;
}

.book-btn-box .book-btn .book-btn__circle .book-btn__txt .book-btn__txt__num {
  font-weight: 900;
  color: #e0e0e0;
  margin-top: .5em;
  font-size: 1rem;
  line-height: 1;
}

.book-btn-box .book-btn .book-btn__title {
  color: var(--txt-color4);
  font-weight: 400;
  text-align: center;
  font-size: 1rem;
}

.icons-like>a {
  display: flex;
  color: #BDBDBD;
  align-items: center;
}

.icons-like>a>svg {
  width: 25px;
  margin-right: 5px;
}


/* 액티비티 버튼 */
.book-btn-box .book-btn.book-btn--activity .book-btn__circle {
	border: 1px solid #e0e0e0;
	background: #fff;
}
.book-btn-box .book-btn.book-btn--activity .book-btn__circle svg path {
	fill: #e0e0e0;
}
.book-btn-box .book-btn.book-btn--activity.ing .book-btn__circle {
	border: 1px solid #849900;
	background: #fff;
}
.book-btn-box .book-btn.book-btn--activity.ing .book-btn__circle svg path {
	fill: #849900;
}
.book-btn-box .book-btn.book-btn--activity.ing .book-btn__circle .book-btn__txt__num {
	color: #849900;
}

.book-btn-box .book-btn.book-btn--activity.complete .book-btn__circle {
	border: 1px solid #849900;
	background: #849900;
}
.book-btn-box .book-btn.book-btn--activity.complete .book-btn__circle svg path {
	fill: #fff;
}
.book-btn-box .book-btn.book-btn--activity.complete .book-btn__circle .book-btn__txt__num {
	color: #fff;
}

/* read 버튼 */

.btn-read {
  padding: 19px 5px 20px;
  font-weight: 900;
  font-size: 1.7rem;
  line-height: 1;
  border-radius: 40px;
  text-align: center;
  color: #FFFFFF;
  background-color: #F0B20C;
  width: 180px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn-read.disabled {
	background: #bdbdbd;
	opacity: .4;
	pointer-events: none;
}
.btn-read.read-check {
	background: var(--olive-color2);
}
.btn-read svg,
.btn-read img {
	width: 18%;
	margin-right: 10px;
}
/* 북보카 커스텀 */
.book-voca-list-box .day-list .day-list__box .day-list__box__title .day-title {
	color: var(--olive-color2);
}

/* 낭독훈련 커스텀 */
.video-reading-contents {
	width: 100%;
	height: 100%;
}






.subpage-title .series_cnt {
  margin-left: 80px;
  position: relative;
}

.subpage-title .series_cnt:before {
  content: '';
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-40%);
  width: 2px;
  height: 50%;
  background: #828282;
}


/* 유튜브리스트 (검색)*/
.book-youtube-column {
	display: flex;
	flex-direction: column;
	height: 100vh;
}
.youtube-list-wrap {
	display: flex;
	padding-bottom: 20px;
}
.youtube-list-wrap li {
	flex-shrink: 0;
	margin-right: 10px;
}
.youtube-list-wrap li:last-child {
  margin-right: 0px;
}
.youtube-list-wrap li a {
	display: block;
	position: relative;
}
.youtube-list-wrap li a .video__img {
	position: relative;
	padding-bottom: 56.25%;
	border: 5px solid #fff;
	box-shadow: 0px 0px 0px 1px #BDBDBD;
	border-radius: 12px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.youtube-list-wrap li a .video__img img {
	border-radius: 10px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.youtube-list-wrap li.on a .video__img {
	border: 5px solid #FFD600;
	box-shadow: 0px 0px 0px 1px #fff;
}

.youtube-list-wrap li a .video__title {
	text-align: center;
	padding: 5px 10px;
	font-size: 18px;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	/* height: 60px; */
	margin-bottom: 0;
}
.youtube-list-wrap li.on a .video__title {
	font-weight: 900;
}
.youtube-list-wrap li a .badge-wrap {
	position: absolute;
	width: 100%;
	left: 5px;
	bottom: 5px;
	z-index: 1;
}
.youtube-list-wrap li a .badge-wrap .badge {
	background: var(--olive-color2);
	color: #fff;
}
.youtube-list-wrap li a .icon-recommended {
	position: absolute;
	left: 50%;
	top: 0%;
	transform: translate(-50%, -50%);
	z-index: 1;
	background: #FF7200;
	color: #fff;
	font-weight: 700;
	padding: 2px 15px;
	border-radius: 3px;
	overflow: hidden;
}
.youtube-list-wrap li a .badge-wrap .badge-script {
	border-radius: 50%;
	width: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	background: #ffbb00;
	padding: 6px;
}

/* 유튜브 리스트 사이드 팝업으로 커스텀 */
.side-popup-contents .youtube-list-wrap {
	display: block;
	padding: 10px 35px 60px 45px;
	position: relative;
}
.side-popup-contents .youtube-list-wrap li {
	flex-shrink: 1;
	margin-right: 0px;
}
.side-popup-contents .youtube-list-wrap li a .video__title {
	height: auto;
}

/* 비디오 badge 아이콘 */
.video_badge {
	position: absolute;
	left: 10px;
	bottom: 10px;
	background: #FF5A78;
	border-radius: 50%;
	padding: 7px;
	width: 28px;
	height: 28px;
	box-shadow: 1px 1px 2px 0px #444;
}
.video_badge.script_badge {
	left: 10px;
	bottom: 10px;
	background: #FF5A78;
}
.video_badge.quiz_badge {
	left: 10px;
	bottom: 45px;
	background: #FF9600;
}
.video_badge.quiz_badge > svg,
.video_badge.quiz_badge > img {
	width: 100%;
	height: 100%;
}



/* 검색 페이지 */
.search-section .load-search {
	flex-direction: column;
	overflow-y: scroll;
	justify-content: flex-start;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 30px;
} 
.search-box-row {
	width: 100%;
	display: flex;
}
.search-section .youtube-list-wrap {
	padding-top: 20px;
}
.search-box-row .search-title {
	font-weight: 400;
	font-size: 1.25rem;
	width: 280px;
	padding: 20px;
	color: #444;
	line-height: 1.2;
	padding-top: 30px;
}
.search-box-row .search-title .search-title__title {
	font-weight: 900;
	font-size: 1.5rem;
	margin-bottom: 10px;
	word-break: keep-all;
	white-space: normal;
}
.search-box-row .search-title .search-title__title .search-title__title__txt {
	font-weight: 400;
	margin-top: 10px;
	font-size: 90%;
}
.search-box-row .book-frame {
	width: 180px;
	margin-right: 10px;
}
.search-box-row .book-frame:last-child {
	margin-right: 0;
}
.search-box-row .pbook-search-box,
.search-box-row .ebook-search-box {
	display: flex;
	position: relative;
}
.search-section .load-search .hori-scroll-box {
	padding: 15px 0;
}
.voca-search-section.search-section .load-search .hori-scroll-box {
	height: 100%;
}
.search-box-row .youtube-list-wrap li {
	width: 280px;
}

.search-box-row .hori-scroll-box:before {
	display: none;
}

.search-section .youtube-list-wrap.mockup .lv_badge,
.search-section .youtube-list-wrap.mockup li a .video__img,
.search-section .youtube-list-wrap.mockup .video__title span {
	color: transparent;
	background: linear-gradient(-45deg, #fafafa, #666, #fafafa);
}
.search-section .youtube-list-wrap.mockup .video_badge.script_badge,
.search-section .youtube-list-wrap.mockup .video_badge.quiz_badge {
	color: transparent;
	background: linear-gradient(-45deg, #fafafa, #666, #fafafa);
}




.btn-video-playlist.on svg path {
	fill: #fff;
}
.btn-video-playlist.on .control-icon {
	background: #D885FF;
	border-color: #D885FF;
}

.btn-like-video.on svg path {
	fill: #FF9600;
	stroke: #fff;
}
.btn-like-video.on .control-icon {
	background: #FF9600;
	border-color: #FF9600;
}
.btn-like-video.on .control-icon .control-icon__txt {
	color: #fff;
}


.full-hori-scroll-section .loading-img {
	position: absolute;
	left: 50%;
	top: 55%;
	transform: translate(-50%, -50%);
}


/* 랭킹페이지 */
body.idic-rank.voca {
  background: var(--bg-color2b) url(../images/components/voca-bg.png) repeat 0 0;
  background-size: 25%;
}
body.idic-rank.book {
  background: #FFFDEB url(../images/components/book-bg.png) repeat 0 0;
  background-size: 25%;
}
body.book .rank-info-div .rank-info .rank-info__title {
	color: #849900;
	border-color: #849900;
}
body.book .rank-info-div__btn .btn-rank {
	border-color: #849900;
	color: #849900;
	background: #FFFDEB;
}
body.book .rank-info-div__btn .btn-rank.on {
	background: #849900;
	border-color: #849900;
	color: #fff;
}

body.idic-rank.video {
  background: var(--bg-color2b) url(../images/components/video-bg.png) repeat 0 0;
  background-size: 25%;
}
body.video .rank-info-div .rank-info .rank-info__title {
	color: #0088B4;
	border-color: #0088B4;
}
body.video .rank-info-div__btn .btn-rank {
	border-color: #0088B4;
	color: #0088B4;
	background: #FFFDEB;
}
body.video .rank-info-div__btn .btn-rank.on {
	background: #0088B4;
	border-color: #0088B4;
	color: #fff;
}


/* 수업신청 팝업 */
.daily-schedule-wrap h4 {
	text-align: center;
}
.daily-schedule-wrap .schedule-header3 {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px 0;
}
.daily-schedule-wrap .schedule-header3 .current-date {
	font-weight: 900;
	font-size: 1.25rem;
	color: #000;
}
.daily-schedule-wrap .schedule-table-wrap {
	overflow-y: scroll;
}
.daily-schedule-wrap .schedule-table-wrap tbody tr td {
	height: 170px;
}
.daily-schedule-wrap .schedule-table-wrap .btn-talk {
	color: #fff;
	background-color: #00AAF0;
	border-color: #0099CC;
}
.table > tbody.attendance > tr > td > p {
	text-align: center;
}
.table > tbody.attendance > tr > td > p.day-hidden {
	font-size: 100%;
	color: #ddd;
}
.table > tbody.attendance > tr > td.danger {
	background-color: #fcf8e3;
}
.daily-schedule-wrap .schedule-table-wrap .text-red {
	color: red;
}


/* 최근학습 비디오 */
.video-history .video-history-box {
	margin-bottom: 50px;
}
.video-history .video-history-box .video-history-list {
	display: flex;
	align-items: center;
	margin-right: 30px;
	background: #fff;
	padding: 15px 20px;
	border-radius: 20px;
	padding-top: 25px;
}
.video-history .video-history-box .video-history-list .video-column-wrap {
	width: 320px;
	margin-right: 10px;
}
.video-history .video-history-box .video-history-list .video-column-wrap:last-child {
	margin-right: 0;
}
.video-history .video-history-box .edate-title {
	margin-left: 10px;
}

.video-history .video-history-box .book-frame__p_badge {
	height: 35px;
	display: flex;
	align-items: start;
	justify-content: center;
}
.video-history .video-history-box .book-frame__p_badge .p_badge {
	width: 35px;
	margin: 0 5px;
}
.video-history .video-history-box .book-frame__p_badge .p_badge svg {
	width: 35px;
	height: 35px;
}


/* 보카 레벨업 레이아웃 수정 */
.result-center-box {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
}



/* 회원정보 */
.alert-style1 {
	background: var(--blue-color2);
	color: #fff;
	display: block;
	margin: 0 auto;
	width: 400px;
	text-align: center;
	padding: 10px;
	border-radius: 4px;
	overflow: hidden;
}

.payments-deatil-txt-container {
	padding-left: 10px;
}
.payments-deatil-txt-container ul li {
	padding-left: 15px;
	position: relative;
	margin-bottom: .5em;
}
.payments-deatil-txt-container ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	width: 5px;
	height: 5px;
	background: var(--blue-color2);
}
.payments-deatil-txt-container .txt3 {
	font-size: 80%;
	margin-top: 10px;
	color: var(--txt-color3);
}


/* 토크스테이션 추가 코드 */
.btn-flex {
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn-flex i,
.btn-flex svg,
.btn-flex img {
	flex-shrink: 0;
	margin-right: 5px;
	width: 20px;
	height: 20px;
}
.date-pick button.disabled {
	opacity: .3;
	filter: grayscale(1);
	background: #dbdbdb;
	pointer-events: none;
}
.text-blue {
	color: #0b9cfa;
}
.text-red {
	color: #F64E60;
}
.lat-join-container .form .radio.select b {
	padding: 0 15px 0 45px;
	margin-top: 7px;
	text-align: left;
}

.talk-main .class-card .btn-enter {
	min-width: auto;
}
.talk-main .class-card .btn-schedule {
	min-width: auto;
	flex-shrink: 0;
}
.talk-main .lat-choise-level > li .img-box {
	padding-bottom: 100%;
	background-size: cover;
	background-position: center center;
	border-radius: 50%;
	border: 1px solid #dee2e6;
	position: relative;
	/* overflow: hidden; */
}
.talk-main .lat-choise-level > li.on .img-box {
	border-color: #ff7303;
}
.talk-main .lat-choise-level > li.on .img-box:before {
	content: '';
	background: #ff7303;
	width: 101%;
	height: 101%;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}

.talk-main .lat-choise-level > li.on .img-box:after {
	content: '';
	background: url('//tb.talkstation.co.kr/home/skin/layout/talk/img/ico/ico-check3.png')no-repeat center;
	width: 38px;
	height: 27px;
	background-size: 100%;
	position: absolute;
	top: 45px;
	left: 50%;
	transform: translateX(-50%);
}

.talk-main .lat-character-box {
	width: 100%;
	min-height: 400px;
	position: relative;
}
.talk-main .lat-character-box .vbox-preloader {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.talk-main .form-group-right-container {
	width: 100%;
}


.talk-main  .step2 .step-box.on {
	color: #00aaf0;
}
.talk-main  .step2 .step-box.on .text {
	font-weight: 700;
}

.talk-main  .step2 .step-box.right.on .rip:before {
	background: url('//tb.talkstation.co.kr/home/skin/layout/talk/img/common/half-circle-left-on.png') no-repeat;
	background-size: 100%;
}
.talk-main  .step2 .step-box.right.on .rip:after {
	background: #00aaf0;
}


.talk-main .board-wrap .board {
	min-height: 340px;
	position: relative;
}
.talk-main .board-wrap .board .loading-img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.talk-main .board-wrap .board h2 > span {
	color: #00aaf0;
}

.talk-main .board-wrap .board .lat-online-test-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.talk-main .board-wrap .board .lat-online-test-container .txt {
	text-align: center;
	font-size: 24px;
	color: #3b3b3b;
	font-weight: 700;
	margin: 3em 0 2em;
	line-height: 1.5;
}
.talk-main .board-wrap .board .lat-online-test-container .txt > span {
	color: #ff5908;
}
.talk-main .board-wrap .board .lat-result-info-container {
	margin: 2em 0 3em;
}
.talk-main .board-wrap .board .lat-sc-table .lat-sc-container a {
	margin-left: 10px;
}

.talk-main .board-wrap .board .lat-sc-table .lat-tutor-container {
	display: flex;
	align-items: center;
	justify-content: center;
}
.talk-main .board-wrap .board .lat-sc-table .lat-tutor-container .tutor-img {
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
}
.talk-main .board-wrap .board .lat-sc-table .btn-outline-danger {
	pointer-events: none;
	background: #ff3333;
	color: #fff;
}
.talk-main .board-wrap .board .lat-result-info-container .lat-info-txt {
	text-align: center;
	font-weight: 700;
	font-size: 24px;
	color: #dbdbdb;
	margin: 5em 0;
}


.talk-video-class-container #content.video-cont {
	padding-top: 20px;
	padding-bottom: 0;
}
.talk-video-class-container .tabs {
	margin-bottom: 10px;
}
.talk-video-class-container .tab-cont {
	height: calc(100vh - 230px);
	overflow: scroll;
	padding-top: 30px;
	padding-bottom: 40px;
}
.talk-video-class-container .tab-cont>ul li .img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	box-shadow: 0px 0px 3px 1px rgba(100, 100, 100, 0.1);
	flex-shrink: 0;
}
.talk-video-class-container .tab-cont>ul .no-series-txt {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-weight: 700;
	font-size: 24px;
	color: #dbdbdb;
}
.talk-video-class-container .nav-icon .menu>li>a {
	padding-top: 0;
}
.talk-video-class-container .nav-icon .menu>li>a .img {
  position: relative;
  z-index: 1;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	margin-bottom: 5px;
	
}
.talk-video-class-container .nav-icon .menu>li.active>a .img:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5px;
  height: 5px;
  background: rgb(251, 255, 0);
  box-shadow: 0px 0px 15px 25px rgb(251, 255, 0);
  border-radius: 50%;
  z-index: -1;
}
.talk-video-class-container .nav-icon .menu>li.active>a .img img {
  animation: gnb_ani 1s infinite alternate cubic-bezier(0.4, 0, 1, 1);
}


.talk-video-list-popup .series-info {
	padding: 20px 20px 0;
}
.talk-video-list-popup .series_title {
	font-size: 31px;
	display:flex;
	align-items: center;
	font-weight: 900;
}
.talk-video-list-popup .series_title .img{
	width:60px;
	height:60px;
	overflow:hidden;
	border-radius: 50%;
	border: 3px solid #4479f5;
	margin-right: 10px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.talk-video-list-popup .series-memo {
	font-size: 19px;
	text-align: left;
	margin-top: 20px;
	font-weight: 400;
}


/* 토크 메인페이지 수업후기 */
.class-review-container {
	position: fixed;
	right: 10px;
	bottom: 70px;
	z-index: 10;
	height: 163px;
	width: 300px;
	/* background: #fff;
	border-radius: 15px;
	overflow: hidden;
	background: #f3f3f3;
	padding-bottom: 5px;
	width: 300px; */
}
.class-review-container .swiper-container {
	height: 100%;
}
.class-review-container .swiper-slide.swiper-slide-active {
	opacity: 1;
}
.class-review-container .swiper-slide {
	opacity: 0;
	transition: all .5s;
}
/* .class-review-container:after {
	content: '';
	width: 100%;
	height: 95%;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 0;
	display: block;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.class-review-container .class-review-title {
	background: #FF3366;
	color: #fff;
	font-weight: 900;
	padding: 10px;
	font-size: 18px;
}
.class-review-container .class-review-list {
	padding: 5px 10px;
} */
/* .class-review-container .class-review-list li {
	padding: 5px 0;
	border-bottom: 1px solid #dbdbdb;
	font-size: 12px;
	color: #2e2e2e;
}
.class-review-container .class-review-list li:last-child {
	border-bottom: none;
} */
.class-review-container .class-review-list .review-list {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, .2);
	height: 100%;
}
.class-review-container .class-review-list .review-list .review-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	background: #fafafa;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	font-size: 14px;
}
.class-review-container .class-review-list .review-list .review-header .user-info {
	display: flex;
	align-items: center;
}
.class-review-container .class-review-list .review-list .review-header .user-info .user-img {
	width: 30px;
	height: 30px;
	overflow: hidden;
	border-radius: 50%;
	margin-right: 5px;
}
.class-review-container .class-review-list .review-list .review-header .title {
	font-weight: 700;
	color: #FF3366;
	font-size: 12px;
}
.class-review-container .class-review-list .review-list .review-body {
	padding: 5px 10px;
	overflow: hidden;
}



.teacher .like a {
	display: block;
	width: 100%;
	height: 100%;
}


.native-class-list-subclass .m-right {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 20%;
}
.native-class-list-subclass .m-right .m-right__box {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .5em;
	width: 50%;
	text-align: center;
}
.native-class-list-subclass .m-right .m-right__box.bg-color {
	background: #fc615d;
	color: #fff;
	box-shadow: inset 0px -7px 0px 0px rgb(238 77 73);
	border: 1px solid #fc615d;
}
.native-class-list-subclass .form .radio.select b {
	padding: 0 0px 0 40px;
}

/* 부트스트랩 팝업 커스텀 */
.modal.show.first-layer {
	z-index: 1100;
}
.bt-modal-popup-container.on {
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	z-index: 1000;
}
.bt-modal-popup-container.on .show.filter_gray {
	filter: grayscale(1);
	z-index: 1000;
}
.bt-modal-popup-container .modal {
	display: none;
	max-width: 90%;
	margin: 0 auto;
}


/* 시간표 달력 커스텀 */
/* #schedule-calendar-modal .modal-content {
	min-width: 910px;
} */
#schedule-calendar-modal .modal-content .calendar {
	min-height: 500px;
	border-bottom: none;
	box-shadow: 1px 2px 10px 0px rgba(100, 100, 100, 0.1);
}
#schedule-calendar-modal .btn-sm {
	font-size: 15px;
	width: 100%;
}
#schedule-calendar-modal .btn-calendar .btn-group {
	width: 100%;
}
.btn-sm.label-attend1 {
	background-color: #1ba5ff;
	border: none;
	color: #fff;
	/* opacity: .5; */
	font-weight: 700;
	border-radius: 50%;
	width: 45px !important;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	z-index: 0;
	word-break: break-all;
	line-height: 1;
}
.btn-sm.label-attend1:before {
	content: '';
	position: absolute;
	left: -5%;
	top: -5%;
	background: #38c3fd;
	width: 100%;
	height: 100%;
	z-index: -1;
	border-radius: 50%;
}

.btn-sm.label-attend2 {
	background-color: #0692ed;
	border: none;
	color: #fff;
	font-weight: 700;
	border-radius: 50%;
	width: 45px !important;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	z-index: 1;
	word-break: break-all;
	line-height: 1;
}
.btn-sm.label-attend2:before {
	content: '';
	position: absolute;
	left: -5%;
	top: -5%;
	background: #1ba5ff;
	width: 100%;
	height: 100%;
	z-index: 0;
	border-radius: 50%;
}
.btn-sm.label-attend3 {
	background-color: #e14945;
	border: none;
	color: #fff;
	font-weight: 700;
	border-radius: 50%;
	width: 45px !important;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	z-index: 1;
	word-break: break-all;
	line-height: 1;
}
.btn-sm.label-attend3:before {
	content: '';
	position: absolute;
	left: -5%;
	top: -5%;
	background: #fc615d;
	width: 100%;
	height: 100%;
	z-index: 0;
	border-radius: 50%;
}
.btn-sm.label-attend4 {
	background-color: #636363;
	border: none;
	color: #fff;
	font-weight: 700;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	z-index: 1;
	word-break: break-all;
	line-height: 1;
}
.btn-sm.label-attend4:before {
	content: '';
	position: absolute;
	left: -5%;
	top: -5%;
	background: #7b7b7b;
	width: 100%;
	height: 100%;
	z-index: 0;
	border-radius: 50%;
}
.btn-sm .txt {
	position: absolute;
	z-index: 2;
	width: 30px;
	height: 30px;
	word-break: break-all;
	line-height: 1;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
}

/* 수강스케줄에서 사용 - start */
#schedule-calendar-modal .btn-sm-chgtt {
	font-size: 15px;
	width: 100%;
}
.btn-sm-chgtt.label-attend1 {
	background-color: #1ba5ff;
	border: none;
	color: #fff;
	/* opacity: .5; */
	font-weight: 700;
	border-radius: 50%;
/*	width: 45px !important; */
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	z-index: 0;
	word-break: break-all;
	line-height: 1;
}
.btn-sm-chgtt.label-attend1:before {
	content: '';
	position: absolute;
	left: -5%;
	top: -5%;
	background: #38c3fd;
	width: 100%;
	height: 100%;
	z-index: -1;
	border-radius: 50%;
}

.btn-sm-chgtt.label-attend2 {
	background-color: #0692ed;
	border: none;
	color: #fff;
	font-weight: 700;
	border-radius: 50%;
	width: 45px !important;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	z-index: 1;
	word-break: break-all;
	line-height: 1;
}
.btn-sm-chgtt.label-attend2:before {
	content: '';
	position: absolute;
	left: -5%;
	top: -5%;
	background: #1ba5ff;
	width: 100%;
	height: 100%;
	z-index: 0;
	border-radius: 50%;
}
.btn-sm-chgtt.label-attend3 {
	background-color: #e14945;
	border: none;
	color: #fff;
	font-weight: 700;
	border-radius: 50%;
	width: 45px !important;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	z-index: 1;
	word-break: break-all;
	line-height: 1;
}
.btn-sm-chgtt.label-attend3:before {
	content: '';
	position: absolute;
	left: -5%;
	top: -5%;
	background: #fc615d;
	width: 100%;
	height: 100%;
	z-index: 0;
	border-radius: 50%;
}
.btn-sm-chgtt.label-attend4 {
	background-color: #636363;
	border: none;
	color: #fff;
	font-weight: 700;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	z-index: 1;
	word-break: break-all;
	line-height: 1;
}
.btn-sm-chgtt.label-attend4:before {
	content: '';
	position: absolute;
	left: -5%;
	top: -5%;
	background: #7b7b7b;
	width: 100%;
	height: 100%;
	z-index: 0;
	border-radius: 50%;
}
.btn-sm-chgtt .txt {
	position: absolute;
	z-index: 2;
	width: 90%;
	height: 30px;
	word-break: break-all;
	line-height: 1;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn-sm-chgtt .txt2 {
	position: absolute;
	z-index: 2;
	width: 65%;
	height: 30px;
	word-break: break-all;
	line-height: 1;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
}
.mypage-calendar .btn-sm-chgtt.label-attend1,
.mypage-calendar .btn-sm-chgtt.label-attend2,
.mypage-calendar .btn-sm-chgtt.label-attend3,
.mypage-calendar .btn-sm-chgtt.label-attend4 {
	width: 30px;
	height: 30px;
}
.mypage-calendar .btn-sm-chgtt .txt {
	font-size: 10px;
	width: 80%;
}
.schedule-simple .btn-sm-chgtt.label-attend1 {
	width: auto;
	height: auto;
	border-radius: 30px;
	padding: 10px 5px;
}
.schedule-simple .btn-sm-chgtt.label-attend1:before {
	display: none;
}
.class-card.hori-scroll-box {
	justify-content: flex-start;
	height: 100%;
	margin-top: 0;
	padding-top: 80px;
}
/* 수강스케줄에서 사용 - end */

.my-class-tool .tutor-img {
	width: 130px;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 1em;
}
.my-class-tool .txt-box h5 {
	margin-bottom: .5em;
	font-size: 22px;
	font-weight: 900;
	text-align: center;
}
.my-class-tool .txt-box .alert-txt {
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	margin: 1em 0;
	margin-top: 2em;
	color: #FF1100;
}

#subclass_apply_popup .modal-dialog {
	margin-top: 7em;
}

.dropup .dropdown-menu {
	margin: 0;
	padding: 0;
}
.dropup .dropdown-menu .dropdown-item {
	border-bottom: 1px solid #eee;
	padding: 0.4em 1.5rem;
}
.dropup .dropdown-menu .dropdown-item:last-child {
	border-bottom: none;
}
.btn-calendar .dropdown-menu.for-calendar {
	padding: 0;
	overflow: hidden;
}
.sub-class-btn-box {
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn-subclass {
	background: #fea602;
	border: 1px solid #fea602;
	color: #fff;
	padding: .5em 1em;
	border-radius: 50px;
	overflow: hidden;
	border: none;
	font-size: 12px;
}
.btn-subclass.dropdown-toggle {
	background: #6762fc;
	border-color: #6762fc;
}
.btn-subclass.disabled {
	background: #dbdbdb;
	pointer-events: none;
}
.btn-subclass.dropdown-toggle:hover {
	color: #fff;
}
.btn-primary svg {
	margin-left: 5px;
}
.class-info3 {
	border: 1px solid #DDDDDD; background-color: #FFFFFF; font-size: 14px; padding: 15px;
	border-radius: 20px;
	overflow: hidden;
}
.class-info3 > h5 {
	display: inline-block;
	margin-bottom: 10px; color: #333333; font-size: 17px; letter-spacing: -1px;
	font-weight: 700;
}
.class-info3 > h5 > i {
	display: inline-block; font-size: 22px; color: #00AAF0; margin-right: 10px;
}

.class-info3 > ul > li {
	margin: 3px 0; color: #555555;
}
.class-info3 > ul > li > span {
	color: #333333; font-weight: 600;
}
.date-pick button {
	background: #fff;
}
.calendar .days li {
	background: #fff;
}
.calendar .days.list-unstyled li.active {
	border: none;
	background: #fff0f0;
}
.calendar .days .date.holi-day {
	color: #ff1515;
}

.half-grid {
	display: grid;
	grid-template-columns: calc(100% - 540px) 540px;
  margin-left: -65px;
}

.mypage-calendar {
	background: #fff;
	border-radius: 50px;
	overflow: hidden;
	width: 100%;
	padding: 1em 2em;
	position: relative;
	box-shadow: inset 0px -7px 0px 0px rgb(243 243 243), 1px 1px 5px 0px rgba(0, 0, 0, .2);
	min-height: 515px;
}
.mypage-calendar .calendar .weeks {
	padding: 7px 0 3px;
}
.mypage-calendar .schedule-simple .date-pick {
	font-size: 18px;
}
.mypage-calendar .calendar .days {
	min-height: 400px;
	margin-bottom: -1px;
}
.mypage-calendar .calendar .days .page-loading {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.mypage-calendar .calendar .weeks li,
.mypage-calendar .calendar .days li {
	font-size: 12px;
	/* border: 1px solid red; */
}
.mypage-calendar .calendar .days li {
	min-height: 70px;
	margin-bottom: 0;
}
.mypage-calendar .calendar .date {
	font-size: 12px;
}
.mypage-calendar .btn-sm.label-attend1,
.mypage-calendar .btn-sm.label-attend2,
.mypage-calendar .btn-sm.label-attend3,
.mypage-calendar .btn-sm.label-attend4 {
	width: 30px;
	height: 30px;
}
.mypage-calendar .btn-sm .txt {
	font-size: 10px;
	width: 80%;
}
.mypage-calendar .card-box .m-teacher .thumb {
	width: 63px;
	height: 63px;
}
.mypage-calendar .task-info dd,
.mypage-calendar .task-info dt {
	font-size: 14px;
}
.mypage-calendar .task-info dl + dl {
	margin-top: 5px;
}
.mypage-calendar .voca .m-teacher {
	width: 130px;
}
.mypage-calendar .card-box {
	padding-left: 0;
}


.mypage.class-info {
	text-align: center;
	margin-bottom: 1em;
}
.schedule-simple .btn-sm.label-attend1 {
	width: auto;
	height: auto;
	border-radius: 30px;
	padding: 10px 5px;
}
.schedule-simple .btn-sm.label-attend1:before {
	display: none;
}
.class-card.hori-scroll-box {
	justify-content: flex-start;
	height: 100%;
	margin-top: 0;
	padding-top: 80px;
}
.class-card.hori-scroll-box:before,
.class-card.hori-scroll-box:after {
	width: 35px;
}
.class-card.hori-scroll-box.align-center {
	justify-content: center;
}
.class-card .card {
	position: relative;
}
.class-card .card .lat-icon {
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: 1;
	background: #20c302;
	padding: 5px;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
}
.class-card .card .lat-icon {
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: 1;
	background: #20c302;
	padding: 5px;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
}
.class-card .card .lat-icon1 {
	background: #00aaf0;
}
.class-card .card .lat-icon4 {
	background: #ffbb00;
}
.class-card .card .lat-icon3 {
	background: #ff9600;
}
.half-grid .class-card .card {
	overflow: visible;
	flex-shrink: 0;
}

.half-grid .class-card .card.available {
	box-shadow: 0px 0px 0px 2px #2e9dff;
}
.half-grid .class-card .card .class .label {
	background-position: top center;
}
.half-grid .class-card .card + .card {
	margin-left: 20px;
}
.btn-enter.disabled {
	filter: grayscale(1);
	pointer-events: none;
}

/* 팝업 커스텀 CSS */
body.talk .modal-dialog.wid,
body.talk .modal-dialog.mid,
body.talk .modal-dialog {
	max-width: 85%;
	/* margin-left: 0 auto; */
}
.online-result-grid-section {
	display: grid;
	grid-template-columns: 2fr 2fr;
	margin-top: 4em;
}
.online-result-txt-standard {
	padding: 10px;
	padding-left: 20px;
}
.online-result-txt-standard h2 {
	font-size: 26px;
}
body.talk .graph-box {
	max-width: 550px;
	margin: 0 auto;
	padding: 20px;
	margin: 0;
}

/* 학부모모드 css */
body.idic-parents_modify,
body.idic-parents {
  /* background: url(../images/common/parents_bg.png) rgba(255, 255, 255, 0.9) no-repeat center center; */
	background-size: cover;
}
body.idic-parents_modify .ct-scroll-section,
body.idic-parents .ct-scroll-section {
	display: flex;
	justify-content: center;
	align-items: center;
}
body.idic-parents_modify .form-group .form-group__row,
body.idic-parents .form-group .form-group__row {
	text-align: center;
	margin-bottom: 1em;
}
body.idic-parents_modify .form-group .input-list,
body.idic-parents .form-group .input-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
body.idic-parents_modify .form-group .info-txt,
body.idic-parents .form-group .info-txt {
	font-size: 22px;
	font-weight: 700;
}
body.idic-parents_modify .form-group .num-input,
body.idic-parents .form-group .num-input {
	width: 140px;
	height: 130px;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
	font-weight: 900;
	border: none;
	box-shadow: inset 0px -7px 0px 0px rgb(243 243 243);
	font-size: 32px;
}
body.idic-parents_modify .btn-row,
body.idic-parents .btn-row {
	display: grid;
	grid-template-columns: 50% 50%;
	gap: 5px;
}
body.idic-parents_modify .btn-row > button.btn-submit,
body.idic-parents .btn-row > button.btn-submit {
	background: #1483E5;
}
body.idic-parents_modify .btn-row > button,
body.idic-parents .btn-row > button {
	width: 100%;
	background: #FC615D;
	padding: .5em;
	font-weight: 700;
	border-radius: 5px;
	color: #fff;
}
body.idic-parents_modify .btn-util-row,
body.idic-parents .btn-util-row {
	display: flex;
	justify-content: center;
	align-items: center;
}
body.idic-parents_modify .btn-util-row > button,
body.idic-parents .btn-util-row > button {
	font-size: 14px;
}


.daily-mission-aside-container {
	position: fixed;
	top: 47%;
	right: 0%;
	transform: translateY(-50%);
	width: 240px;
	z-index: 30;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	overflow: hidden;
	background: #5b95ff;
	border: 3px solid #5b95ff;
	border-right: none;
}
.daily-mission-aside-container .daily-mission-title {
	background: #5b95ff;
	color: #fff;
	text-align: center;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-size: 22px;
}
.daily-mission-aside-container .daily-mission-contents {
	padding: 10px;
	min-height: 260px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	padding-bottom: 15px;
}
.daily-mission-aside-container .daily-mission-contents .mission-txt {
	text-align: center;
	width: 100%;
	font-size: 14px;
}
.daily-mission-aside-container .daily-mission-contents .mission-txt .title {
	display:flex;
	align-items: center;
	gap: 20px;
	text-align: left;
	font-weight: 900;
}
.daily-mission-aside-container .mission-box .voca-mission .voca-step .voca-step-word-list {
	flex-direction: column;
	align-items: flex-start;
}
.daily-mission-aside-container .daily-mission-contents .btn-box {
	margin: 1em 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn-daily-primary {
/*	height: 50px;*/
	padding: 0.3em 1em;
/*	 width: 150px; */
	color: #fff;
/*	line-height: 44px;*/
	font-size: 18px;
	font-weight: 600;
	border-radius: 40px;
	box-shadow: 0px 4px 0px 0px rgb(227 227 227);
	background: #1483e5;
	display: flex;
	align-items: center;
	justify-content: center;
}

.daily-mission-aside-container .daily-mission-contents .mission-txt .class-txt {
	text-align: left;
	font-weight: 700;
}

.daily-mission-aside-container .daily-mission-contents .mission-txt .class-txt .class-data {
	display: flex;
	align-items: center;
	justify-content: center;
}
.daily-mission-aside-container .daily-mission-contents .mission-txt .class-txt .tutor-info .tutor-img {
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 24%);
	position: relative;
	margin-right: 10px;
}
.daily-mission-aside-container .daily-mission-contents .mission-txt .class-txt .tutor-info .tutor-img img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
}
.daily-mission-aside-container .daily-mission-contents .mission-txt .class-txt .tutor-info {
	display: flex;
	/* flex-direction: column; */
	justify-content: center;
	align-items: center;
	margin-right: 15px;
	/* margin-top: 10px; */
}
.daily-mission-aside-container .daily-mission-contents .mission-txt .class-txt .tutor-info .tutor-name {
	text-align: center;
	color: #5b95ff;
}
.daily-mission-aside-container .daily-mission-contents .mission-txt .class-txt .class-time > div {
	line-height: 1.2;
	font-size: 14px;
}

.voca-level {border: 2px solid var(--blue-color2); color: var(--blue-color2); border-radius: 15px; padding: 5px 3px 5px 3px;}





/* 아이딕스쿨 데일리 스터디 데쉬보드용 */
:root
{ --daily-blue: #00AAF0; --daily-orange: #FF9600; --daily-purple: #BC4EFF; --daily-green: #00C366; --daily-yellow: #FFD000; }
.daily-mission-aside-container.idicschool
{ background: #FFD000; border: 3px solid #FFD000; }
.daily-mission-aside-container.idicschool > .daily-mission-title
{ display: block; background: #FFD000; height: 78px; font-size: 19px; padding: 10px 5px; }
.daily-mission-aside-container.idicschool > .daily-mission-title > span
{ background: #FFF6CC; color: #FF9B05; text-align: center; display: block; margin: 2px auto; padding: 0.5px 10px 5px; width: 115px; height: 23px; border-radius: 20px; font-weight: 700; font-size: 13px; }

.daily-mission-aside-container.idicschool > .daily-mission-contents
{ padding: 20px 0 20px 20px; margin: 0; }
.daily-mission-aside-container.idicschool > .daily-mission-contents > .mission-txt
{ max-height: 440px; margin: 0; overflow: auto; }
.daily-mission-aside-container.idicschool > .daily-mission-contents > .mission-txt > .mission-box .book-mission .book-box
{ display: block; margin: 0 auto; position: relative; }
.daily-mission-aside-container.idicschool > .daily-mission-contents > .mission-txt > .mission-box .book-mission .book-box .book-box__img
{ display: inline-block; margin: 0 5px; width: 45px; height: 63px; border-radius: 4px; }
.daily-mission-aside-container.idicschool > .daily-mission-contents > .mission-txt > .mission-box .book-mission .book-box .book-box__img > .success
{ position: absolute; left: ; top: ; width: 45px; height: 63px; }
.daily-mission-aside-container.idicschool > .daily-mission-contents > .mission-txt > .mission-box .book-mission .book-box .book-box__img > img
{ width: 100%; height: 100%; }

.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas
{ float: left; position: relative; width: 100%;  margin: 0; padding: 0; }
.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas > .tutor-img
{ float: left; position: relative; width: 48px; height: 48px; }
.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas > .tutor-img > img
{ position: absolute; left: 50%; top: 50%; height: 48px; transform: translate(-50%, -50%); border-radius: 50%; border: 1px solid #e7e7e7;}

.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas > .tutor-infos
{ float: right; position: relative; width: 152px; align-items: center; }
.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas > .tutor-infos > .tutor-names
{ width: 100%; line-height: 1.8; display: block; text-align: left; font-size: 16px; font-weight: 700; }

.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas > .tutor-infos > .class-times
{ margin-top: 2px; color: #333; text-align: left; display: flex; align-items: center; justify-content: left; }
.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas > .tutor-infos > .class-times > img
{ width: auto; padding-right: 6px; }
.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas > .tutor-infos > .class-times > .class-tool
{ padding: 1px 5px; color: white; border-radius: 10px; font-size: 10px; margin-right: 5px; }
.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas > .tutor-infos > .class-times > .class-time
{ font-size: 13px; }
.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas > .tutor-infos > .class-times > .bg-na
{ background-color: var(--daily-orange); }
.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas > .tutor-infos > .class-times > .co-na
{ color: var(--daily-orange); }

.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas > .tutor-infos > .class-times > .bg-rd
{ background-color: var(--daily-purple); }
.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas > .tutor-infos > .class-times > .co-rd
{ color: var(--daily-purple); }

.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas > .tutor-infos > .class-times > .bg-ph
{ background-color: var(--daily-blue); }
.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas > .tutor-infos > .class-times > .co-ph
{ color: var(--daily-blue); }

.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas > .tutor-infos > .class-times > .bg-isc
{ background-color: var(--daily-green); }
.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas > .tutor-infos > .class-times > .co-isc
{ color: var(--daily-green); }

.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas > .tutor-infos > .class-times > .bg-free
{ background-color: var(--daily-yellow); }
.daily-mission-aside-container > .daily-mission-contents > .mission-txt > .class-txt > .class-datas > .tutor-infos > .class-times > .co-free
{ color: var(--daily-yellow); }

/* 아이딕스쿨 데일리 스터디 데쉬보드용 */













.mission-box .voca-mission {
	display: flex;
	align-items: center;
	position: relative;
}
.mission-box .voca-mission .voca-box {
	flex-shrink: 0;
	width: 100px;
	position: relative;
}
.mission-box .voca-mission .voca-box .voca-box__img {
	background-position: 0% 50%;
}
.mission-box .voca-mission .voca-box .voca-box__img__txt {
	font-size: 16px;
	bottom: 10%;
}
.mission-box .complete-badge {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 12px;
	background: rgba(255, 255, 255, .4);
	/* padding: 5px 5px; */
	border-radius: 2px;
	line-height: 1;
	color: #fff;
	font-weight: 700;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mission-box .complete-badge img {
	width: 70px;
	transform: rotate(-20deg);
}
.mission-box .voca-mission .voca-step {
	text-align: left;
	word-break: break-word;
	padding-left: 5px;
}
.mission-box .voca-mission .voca-step .voca-step-title {
	font-weight: 700;
}
.mission-box .voca-mission .voca-step .voca-step-word-list {
	display: flex;
	align-items: center;
	gap: 0px 10px;
	font-size: 12px;
	flex-wrap: wrap;
}
.mission-box .book-mission .book-box {
	display: flex;
	align-items: center;
	position: relative;
}
/* .mission-box .book-mission .book-box .complete-badge {
	position: absolute;
	left: 1px;
	top: 1px;
	font-size: 12px;
	background: #6098FF;
	padding: 5px 5px;
	border-radius: 2px;
	line-height: 1;
	color: #fff;
	font-weight: 700;
	z-index: 1;
} */
.mission-box .book-mission .book-box .book-box__img {
	width: 80px;
	border-radius: 4px;
	overflow: hidden;
	flex-shrink: 0;
}
.mission-box .book-mission .book-box .book-box__txt {
	text-align: left;
	padding-left: 5px;
}
.mission-box .book-mission .book-box .book-box__txt .book-badge-level {
	font-size: 12px;
}
.mission-box .book-mission .book-box .book-box__txt .book-title {
	font-weight: 900;
	line-height: 1.1;
	margin: .1em 0 .5em;
}
.mission-box .book-mission .book-box .book-box__txt .book-series {
	font-size: 12px;
	opacity: .5;
	line-height: 1.1;
}
.mission-box .book-mission .book-video {
	display: flex;
	gap: 5px;
	flex-direction: column;
}
.mission-box .book-mission .book-frame {
	width: 100%;
	margin: 0;
	border-radius: 10px;
	border: 1px solid #BDBDBD;
}
.mission-box .book-mission .book-frame .book-frame__img img {
	border-radius: 10px;
}
.mission-box .video__img
{
	position: relative;
	padding-bottom: 56.25%;
	border: none;
	box-shadow: 0px 0px 0px 1px #eee;
	border-radius: 4px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
/* .mission-box .video__img img {
	border-radius: 5px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
} */

.video-container {
	display: grid;
	grid-template-columns: 2fr 2fr;
	gap: 5px;
	position: relative;
}
.video-container .video-box {
	position: relative;
}
/* .video-container .video-box .complete-badge {
	position: absolute;
	left: 1px;
	top: 1px;
	font-size: 12px;
	background: #6098FF;
	padding: 5px 5px;
	border-radius: 2px;
	line-height: 1;
	color: #fff;
	font-weight: 700;
	z-index: 1;
} */
/* 토크스테이션 마이페이지 보카 과제 버튼 최적화 */
.dfb-voca-title a {
	padding: 7px 10px;
	line-height: 1;
	font-size: 14px;
	margin-left: 5px;
}

.main-cont.main-cont--c1 {
	width: 100vw;
/*	20220819 서희재 토크스테이션 레이아웃 깨짐으로 수정 
	margin-top: -80px;*/ 
	margin-top: 50px;
	/* position: fixed;
	right: 0;
	bottom: 30%;
	width: calc(100vw - 250px); */
}
.main-cont.main-cont--c1 .class-card .card {
	flex-shrink: 0;
	overflow: visible;
	width: 285px;
}
.main-cont.main-cont--c1 .class-card .card .label {
	z-index: 1;
}
.main-cont.main-cont--c1 .class-card.hori-scroll-box {
	padding: 40px 0 5px;
	padding-left: 250px;
	overflow-y: hidden;
}
.main-cont.main-cont--c1 .class-card.hori-scroll-box:after {
	width: 130px;
}
.main-cont.main-cont--c1 .class-card .card:after {
	background: none;
}
.main-cont.main-cont--c1 .class-card .card + .card {
	margin-left: 20px;
}
aside>ul>li a {
	box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 20%);
}
.main-cont.main-cont--c1 .class-card .card.available {
	box-shadow: 0px 0px 0px 2px #2e9dff;
}

.main-cont.main-cont--c1 .class-card.hori-scroll-box.align-center {
	justify-content: center;
}

.fixed-menu__parent a {
	background: #dbdbdb;
	color: #444;
	font-weight: 700;
	font-size: 12px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 30px;
	margin-left: 5px;
	border-radius: 50px;
	opacity: 0.5;
}

.btn-daily-mission a {
	font-weight: 900;
	background: #5b95ff;
	color: #fff;
	height: 40px;
	width: 150px;
	border-radius: 50px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn-daily-mission a svg {
	width: 25px;
	margin-right: 2px;
}
.btn-daily-mission a svg .svg-top {
	fill: #ffc700;
}
.btn-daily-mission a svg .svg-bottom {
	fill: #f1ff00;
}

body.talk .gnb {
	z-index: 12;
}

/* 원서수업신청 강사버튼 */
.btn-class-box img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
}

/* 메인페이지 북리스트 */
.idicbook-main-list-container {
	overflow-y: scroll;
	flex-grow: 1;
}
.idicbook-main-list-container .book-series-list {
	height: calc(100vh - 250px);
}
.idicbook-main-list-container .book-list-vertical-scroll {
	margin-bottom: 2em;
	border-top: 1px solid #ddddff;
	border-bottom: 1px solid #ddddff;
	background: rgba(255, 255, 255, .2);
	padding: 1em 0;
	padding-bottom: 6em;
	min-height: 500px;
}
.idicbook-main-list-container .book-list-vertical-scroll .loading-img {
	margin: 0 auto;
}
.idicbook-main-list-container .select-series-list .series-book-list,
.idicbook-main-list-container .book-list-vertical-scroll .series-book-list {
	padding-left: 20px;
	padding-right: 20px;
	height: auto;
	overflow: visible;
	/* margin-bottom: 100px; */
}
.idicbook-main-list-container .select-series-list .series-book-list .book-frame,
.idicbook-main-list-container .book-list-vertical-scroll .series-book-list .book-frame {
	/* width: 220px;
	margin-right: 10px; */
	/* margin-bottom: 0; */
}
.idicbook-main-list-container .book-list-vertical-scroll .series-book-list .book-frame:last-child {
	margin-right: 0;
}
.idicbook-main-list-container .select-series-list .series-title,
.idicbook-main-list-container .book-list-vertical-scroll .series-title {
	font-size: 1.7rem;
	padding-left: 1em;
	font-weight: 900;
	color: #ff9600;
}






@keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translate(-50%, 0);
	}
	40% {
		transform: translate(-50%, -10px);
	}
	60% {
		transform: translate(-50%, -5px);
	}
}
.bounce {
	-webkit-animation: bounce 2s;
	animation: bounce 2s;
}
.scroll-container {
	overflow-y: scroll;
	height: 100vh;
}
.scroll-container section.ct-section {
	display: block;
	border-top: 1px solid transparent;
}
.btn-sroll-alert {
	position: fixed;
	left: 50%;
	bottom: 90px;
	transform: translateX(-50%);
	color: #FFA812;
	font-weight: 900;
	font-size: 22px;
	height: 50px;
	width: 190px;
	border-radius: 15px;
	overflow: hidden;
	z-index: 70;
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn-sroll-alert svg {
	width: 25px;
	height: 20px;
	margin-top: 3px;
	margin-right: 3px;
}
.btn-scroll-top {
	position: fixed;
	right: 30px;
	bottom: 90px;
	background: #ff9600;
	color: #fff;
	font-weight: 900;
	font-size: 22px;
	height: 70px;
	width: 70px;
	border-radius: 50%;
	overflow: hidden;
	z-index: 70;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	box-shadow: 2px 2px 1px 1px #ffce87;
	display: none;
}
.btn-scroll-top svg {
	width: 40%;
}
.btn-scroll-top .txt {
	font-size: 14px;
	line-height: 1;
}
.book-level-menu {
	transition: all .5s;
}
.book-level-menu.on {
position: fixed;
left: 0;
top: 0;
background: rgba(255, 255, 255, .2);
margin: 0;
padding: 20px 0 20px;
/* border-bottom: 1px solid #dbdbdb; */
}
body.pt {
padding-top: 90px;
}
body.pt2 {
padding-top: 106px;
}


/* 토크스테이션 수강후기 리뉴얼 START */
.new-badge {
	font-size: 7px;
	padding: 1px 5px;
	vertical-align: middle;
	margin-left: 5px;
	background-color: #FF3333;
	display: inline-block;
	border-radius: 4px;
	overflow: hidden;
	color: #fff;
}
.tbl-style.no-bd .view-content-row td {
	padding: 0;
	border-color: transparent;
}
.view-content-row td .view-content-container {
	height: 0;
	overflow: hidden;
}
.view-content-row td .view-content-container.on {
	height: auto;
	padding: 40px 20px 60px;
	border-bottom: 1px solid #dbdbdb;
	background: #fefefe;
}
.tbl-style.no-bd .writer {
	display: flex;
	align-items: center;
}
.view-content-row td .view-content-container .tutor-info {
	background: #fafafa;
	border-radius: 50px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-around;
	max-width: 420px;
	margin: 0 auto;
	padding: 20px 10px;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, .2);
	margin-bottom: 40px;
}
.view-content-row td .view-content-container .tutor-info .tutor-img {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	overflow: hidden;
}
.view-content-row td .view-content-container .tutor-info .tutor-id {
	font-weight: 900;
	margin-left: 10px;
}
.view-content-row td .view-content-container .tutor-info .tutor-txt {
	display: flex;
	align-items: center;
}
.view-content-row td .view-content-container .tutor-info .tutor-star {
	color: #FF3366;
}
/* 토크스테이션 수강후기 리뉴얼 END */





/* 토크스테이션 평가서작성  */
.me-treport-write {
 position: relative; min-height: 1px; width: 100%; margin: 0; border: 1px solid #dbdbdb; background-color: #fafafa; border-radius: 50px; overflow: hidden;
	margin: 0 auto;
	padding: 20px 10px 15px;
	box-shadow: 1px 1px 6px rgb(0 0 0 / 20%);
	margin-bottom: 20px;
	padding-left: 50px;
}
/* .me-treport-write > div {
	float: left; position: relative; min-height: 1px; width: 100%; padding: 10px 10px 0; } */

.me-treport-write > div > div {
	float: left; position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; }
.me-treport-write > div > div:nth-child(1) {
	width: 10%; padding-left: 0; }
.me-treport-write > div > div:nth-child(1) .tutor-img {
	border-radius: 50%;
	overflow: hidden;
}
.me-treport-write > div > div:nth-child(1) > h5 {
	color: #666666; text-align: center; }

.me-treport-write > div > div:nth-child(2) {
	width: 22%; padding-right: 0; padding-left: 40px; }
.me-treport-write > div > div:nth-child(2) > label {
	display: block; font-size: 16px; color: #333333; }
.me-treport-write > div > div:nth-child(2) > select,
.me-treport-write > div > div:nth-child(2) > select > option {
	padding: 0px; color: #FF1100; font-size: 18px; padding-left: 7px; line-height: 1; height: 40px; border: 1px solid #1774F5; }

.me-treport-write > div > div:nth-child(3) {
	width: 68%; padding-right: 0; padding-left: 70px; }
.me-treport-write > div > div:nth-child(3) > label {
	display: block; font-size: 16px; color: #333333; }
.me-treport-write > div > div:nth-child(3) > i {
	color: #FF6600; margin-right: 3px; font-size: 28px; }
.me-treport-write > div > div:nth-child(3) .star-average-container > span {
	color: #333333; font-weight: 700; font-size: 28px; }

.me-treport-write > div > div:nth-child(3) .star-average-container {
	display: flex;
	align-items: center;
}
.me-treport-write > div > div:nth-child(3) .star-average-container .star-average {
	margin-right: 10px;
}
.me-treport-write > div > div:nth-child(3) .star-average-container .star-average svg {
	font-size: 25px;
}
.me-treport-write > div > div:nth-child(3) .star-average-container .star-average svg path {
	fill: #FF6600;
}
.me-treport-write .tutor-info-container {
	text-align: center;
}
.me-treport-write .tutor-info-container .tutor-img {
	width: 55px;
	height: 55px;
	overflow: hidden;
	border-radius: 50%;
	margin: 0 auto;
}
.me-treport-write .tutor-info-container h5 {
	font-weight: 900;
}
.review-tutor-popup label.error {
	color: red;
	margin-top: 5px;
	margin-bottom: 0;
}

.review-tutor-popup > form > fieldset > div.block-inner > textarea {
height: 150px;
}

@media (max-width: 768px) {
	.me-treport-date {
		text-align: center; }

	.me-treport-write > div {
		padding: 0; }

	.me-treport-write > div > div:nth-child(1) {
		width: 30%; padding: 12px 12px 0; }
	.me-treport-write > div > div:nth-child(2) {
		width: 70%; padding: 50px 0 0 30px; }
	.me-treport-write > div > div:nth-child(2) > select {
		padding: 5px 10px; color: #FF1100; font-size: 18px; }

	.me-treport-write > div > div:nth-child(3) {
		width: 100%; border-top: 1px solid #EEEEEE; padding: 20px; }

	.me-treport-write > div > div:nth-child(4) {
		width: 100%; border-top: 1px solid #EEEEEE; padding: 20px 12px; }
	.me-treport-write > div > div:nth-child(4) > div {
		padding-top: 0; border-top: 0;   }
}





/* 토크스테이션 보강리스트 관련 CSS START */
.cbc-list-table .btn-outline-warning.disabled {
	display: none;
}
.cbc-calendar-container .btn-calendar .dropdown-menu.show {
	display: flex;
	padding: 0;
	border: none;
	border-radius: 10px;
	box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}
.cbc-calendar-container .btn-calendar .dropdown-menu.show a {
	display: flex;
	align-items: center;
	justify-content: center;
}
.cbc-calendar-container .btn-calendar .dropdown-menu.show a:first-child {
	background: #6762fc;
	color: #fff;
	font-weight: 700;
	border: none;
}
.cbc-calendar-container .btn-calendar .dropdown-menu.show a:last-child {
	background: #fafafa;
}
#schedule-calendar-modal .calendar-header .quick-btn {
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
/* 토크스테이션 보강리스트 관련 CSS END */


.video-level-type-msg {
	text-align: center;
	font-weight: 900;
	font-size: 22px;
}





/* 데일리미션 추가 css */
.book-mission .book-video-box .book-video {
	height: 120px;
	background: #dbdbdb;
	position: relative;
}
.book-mission .book-video-box .book-box__img {
	width: 110px;
	border-radius: 4px;
	overflow: hidden;
	height: 110px;
	position: relative;
	background: #ededed;
	border: 1px solid #dbdbdb;
}
.book-mission .book-video-box .book-box__img img {
	height: auto;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 0;
	position: absolute;
	left: 0;
	border: 1px solid #ededed;
	width: 100%;
}
.book-mission .book-video-box .book-video:last-child {
	margin-right: 0px;
}
.book-mission .book-video-box .book-video .cover {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.4);
}
.book-mission .book-video-box .book-video .cover .txt {
	position: absolute;
	left: 5px;
	top: 5px;
	background: #849900;
	border-radius: 50px;
	overflow: hidden;
	padding: 3px 10px;
	font-size: 12px;
	color: #fff;
}
.book-mission .book-video-box .book-video .cover .yt-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 70px;
}

.linebox .book-img {
	overflow: hidden;
}
.linebox .book-img img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}

.card-box .class-feedback-confirm-box {
	background: #fafafa;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-left: 1px solid #dbdbdb;
	box-shadow: inset 0px -7px 0px 0px #dbdbdb;
	border-bottom-right-radius: 30px;
}
.class-feedback-confirm {
	text-align: center;
}
.class-feedback-confirm svg path {
	fill: #2fc3e8;
}


.talk-main .sp-lv-raido-row {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.talk-main .sp-lv-raido-row .lv-title {
	flex-shrink: 0;
	width: 120px;
}
.talk-main .sp-lv-raido-row .lv-input {
	margin-right: 10px;
}
.talk-main .sp-lv-raido-row .lv-input input {
	position: static;
	width: 25px;
	height: 25px;
}

.qna-list thead th {
	text-align: center;
}
.qna-list label {
	display: block;
}
.qna-list label input[type=radio],
.qna-list label input[type=checkbox] {
	position: static;
	width: 25px;
	height: 25px;
}


.att-calendar .label-attend2 {
	position: relative;
}
.att-calendar .label-attend2:after {
	content: '학습피드백확인';
	position: absolute;
	bottom: -14px;
	left: 50%;
	background: #ff8100;
	font-size: 10px;
	line-height: 1;
	color: #fff;
	padding: 2px 2px;
	border-radius: 2px;
	overflow: hidden;
}


.ts-mypage-header {
	width: calc(100vw - 79px);
	flex-wrap: nowrap;
	white-space: nowrap;
}

.hexagon.label-attend1.phil,
.hexagon.label-attend1.phil:before,
.hexagon.label-attend1.phil:after {
	background: #5f6bff;
}
.hexagon.label-attend1.korea,
.hexagon.label-attend1.korea:before,
.hexagon.label-attend1.korea:after {
	background: #f3c700;
}



/* 보강대기 추가 텍스트 css */
.subclass-policy-subtitle {
	font-size: 20px;
	font-weight: 900;
	color: #333;
}

.card-box .tutor_type_info_txt {
	width: 100px;
	text-align: center;
	border-radius: 7px;
	line-height: 1.2;
	font-weight: 900;
}

.class-type-btn-container {
	display: grid;
	grid-template-columns: 2fr 2fr;
	height: 55px;
	max-width: 450px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.class-type-btn-container a {
	border-radius: 0;
	background: none;
	height: 100%;
	box-shadow: none;
	border: 1px solid #1483e5;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #1483e5;
	box-shadow: inset 0px -7px 0px 0px rgb(243 243 243);
}
.class-type-btn-container a:last-child {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-left: none;
}
.class-type-btn-container a:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.class-type-btn-container a.on {
	background: #1483e5;
	color: #fff;
	font-weight: 900;
	box-shadow: inset 0px -7px 0px 0px rgb(0 113 213);
}

/* 한국강사 me CSS */
.book-list-container {
	margin-bottom: 10px;
}
.book-list-container .book-box {
	/* padding: 10px; */
	display: flex;
	/* background: #fdfdfd; */
	/* border: 1px solid #dbdbdb; */
	/* border-radius: 10px; */
	overflow: hidden;
	margin-bottom: 7px;
	/* box-shadow: 0px 0px 1px 0px rgb(0 0 0 / 40%); */
}
.book-list-container .book-box:last-child {
	margin-bottom: 0;
}
.book-list-container .book-box .book-img--me {
	width: 80px;
	margin-right: 10px;
	overflow: hidden;
	box-shadow: 1px ​2px 3px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	flex-shrink: 0;
}
.book-list-container .book-box .book-img--me img {
	width: 100%;
	height: 100%;
}
.book-list-container .book-list-title {
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 15px;
}
.book-list-container .book-title {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: .2em;
	margin-top: 2px;
}
.book-list-container .book-memo {
	font-size: 14px;
}
.book-list-container .book-level {
	font-size: 14px;
	margin-bottom: 7px;
}
.book-list-container .book-list-box {
	background: #fafafa;
	padding: 10px;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0px 0px 3px rgb(0 0 0 / 15%);
}

/* 한국강사 수업리스트최적화 css */
.card-box--korea .task .task-info .mt-3:first-child {
	margin-top: 0 !important;
}
.card-box--korea .task .m-right {
	top: -28px;
	height: 162px;
}
.card-box--korea .task .m-right .block>div {
	padding: 14px 17px;
}
.tutor-info-container {
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-15%);
}
.tutor-info-container .img,
.feedback.wid .tutor-info-container .img,
.feedback .tutor-info-container .img {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	border-radius: 50%;
	box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 24%);
}




/* 아이딕비디오 구독 */
.video-series-subscribe-container {
	display: flex;
	align-items: center;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #dbdbdb;
}
.video-series-subscribe-container .series-thumnail-container {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-position: center center;
	background-size: 100%;
}
.video-series-subscribe-container .series-title {
	margin-left: 10px;
	font-weight: 700;
	color: #444444;
	line-height: 1;
}
.video-series-subscribe-container .btn-subscribe {
	background: #dbdbdb;
	padding: 5px 10px;
	color: #fff;
	margin-left: auto;
	border-radius: 5px;
	font-weight: 700;
	flex-shrink: 0;
}
.video-series-subscribe-container .btn-subscribe.on {
	background: #FF5A78;
}
.subscribe-series-list {
	padding-top: 20px;
	margin-bottom: 50px;
}
.subscribe-series-list .recommend-video {
	width: 170px;
	margin-right: 30px;
	flex-shrink: 0;
}

.subscribe-series-list .btn-more {
	width: 130px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background:rgba(255, 255, 255, 0.4);
	border-radius: 10px;
	margin-left: 10px;
}
.subscribe-series-list .btn-more a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.subscribe-series-list .btn-more svg {
	width: 50px;
	display: block;
	margin: 0 auto;
}
.subscribe-series-list .btn-more .txt {
	color: #fff;
	text-align: center;
	font-size: 20px;
}

.video-series-list {
	display: flex;
	padding: 15px 0;
}
.video-series-list .recommend-video {
	flex-shrink: 0;
}
.no-data-txt {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 2rem;
	font-weight: 900;
}

/* 북퀴즈 안한 북 커스텀 css */
.book-frame.ing {
	border-color: #FF8E94 !important;
	box-shadow: inset 0 0 0 2px #FF8E94 !important;
}
.book-frame.ing:after {
	content: '북퀴즈 진행중';
	position: absolute;
	left: 0%;
	top: 5%;
	z-index: 11;
	background: #FF8E94;
	color: #fff;
	padding: 3px 10px 3px 5px;
	font-size: 12px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow: hidden;
	font-weight: 700;
}
.book-frame.activity.ing:after {
	content: '액티비티 진행중';
}


/* 무료체험 결과페이지 커스텀 */
.lat-result-container .result-title {
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 1em;
}
.lat-result-container .lat-class-info {
	margin-bottom: 2em;
}
.lat-result-container .k-lat-box {
	font-size: 17px;
}
.lat-result-container .k-lat-box .row-bookinfo h5 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}

.main-dfb-feedback-container.feedback .body {
	padding-bottom: 30px;
}
.main-dfb-feedback-container .body .bg-re {
	height: 100%;
	overflow-y: scroll;
}
.main-dfb-feedback-container .body .bg-re .text {
	height: auto;
	display: block;
}
.main-dfb-feedback-container .body .bg-re .text .dfb-title {
	font-weight: 700;
	margin-bottom: 5px;
}

.main-dfb-feedback-container .body .bg-re .text .text-secondary {
	margin-bottom: 15px;
}
.main-dfb-feedback-container .body .bg-re .text  .dfb-comment {
	margin-bottom: 15px;
}




/* 토크스테이션 강사 리스트 셀렉트 박스 */
.tutor-list-btn-container {
	position: relative;
}
.tutor-list-select-container {
	width: 240px;
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .1);
	border-radius: 10px;
	overflow: hidden;
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	background: #fff;
	z-index: 1;
	border-top-left-radius: 0;
}
.tutor-list-select-container.on {
	display: block;
}
.tutor-list-select-container .tutor-img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
}
.tutor-list-select-container .tutor-img img {
	width: 100%;
	height: 100%;
}
.tutor-list-select-container .tutor-list-select {
	display: flex;
	align-items: center;
	padding: 10px 5px;
	padding-left: 10px;
}
.tutor-list-select-container .tutor-list-select.on {
	background: #D7E5FE;
	border: 1px solid #eee;
	border-radius: 5px;
	overflow: hidden;
	color: #212121;
	font-weight: 700;
}
.tutor-list-btn-container .btn-tutor-list {
	display: flex;
	align-items: center;
}
.tutor-list-btn-container .btn-tutor-list .tutor-img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
	flex-shrink: 0;
}
.tutor-list-btn-container .btn-tutor-list .tutor-img img {
	width: 100%;
	height: 100%;
}
.tutor-list-btn-container .btn-tutor-list {
	padding: 0 10px;
	display: flex;
	align-items: center;
	height: 100%;
	background: url(//tb.talkstation.co.kr/home/skin/layout/talk/img/common/ico-arr-down.png) right 10px center no-repeat;
	background-size: 15px auto;
	padding-right: 30px;
	color: #212121;
	font-weight: 700;
}
.tutor-list-btn-container .btn-tutor-list.on {
	background-image: url(//tb.talkstation.co.kr/home/skin/layout/talk/img/common/ico-arr-up.png);
}

.date-pick{
	display:flex;
	align-items: center;
	font-size: 25px;
	font-weight: 600;
	font-family: 'Roboto';
	text-align: center;
	justify-content: center;
}
.date-pick button{
	border:1px solid #e9e9e9;
	border-radius: 50%;
	width: 44px;
	height: 44px;
	text-align: center;
	font-size: 20px;
	padding-right: 3px;
	margin:0 20px
}
.date-pick .next{
	padding:0;
	padding-left: 3px;
}


/* 비디오 플레이바 */
.video-play-bar {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	z-index: 1;
	opacity: 1;
	transition: opacity 1s;
}
.video-play-bar.clear {
	opacity: .2;
}
.video-play-bar .play-pause-btn {
	display: none;
	cursor: pointer;
}
.video-play-bar .spinner {
	width: 18px;
	height: 18px;
	background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/355309/loading.png);
	background-size: cover;
	background-repeat: no-repeat;
	animation: spin 0.4s linear infinite;
}
.video-play-bar .slider {
	flex-grow: 1;
	background-color: #D8D8D8;
	cursor: pointer;
	position: relative;

}
.video-play-bar .slider .progress {
	background-color: #FF5A78;
	border-radius: inherit;
	position: absolute;
	pointer-events: none;
	overflow: visible;
}
.video-play-bar .slider .progress .pin {
	height: 25px;
	width: 25px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #FF5A78;
	position: absolute;
	pointer-events: all;
  -webkit-text-stroke: 1px #000;
	/* box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.32); */
}
.video-play-bar .controls {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #55606E;
	display: flex;
	flex-grow: 1;
	justify-content: space-between;
	align-items: center;
	/* margin-right: 24px; */
}
.video-play-bar .controls .slider {
	margin-left: 16px;
	margin-right: 16px;
	border-radius: 4px;
	height: 15px;
}
.video-play-bar .controls	.progress .pin {
	right: -14px;
	top: -6px;
}
.video-play-bar .controls	.progress {
	width: 0;
	height: 100%;
}
.video-play-bar .controls span {
	cursor: default;
}
.video-play-bar  .volume   .volume-btn {
	cursor: pointer;
	
}
.video-play-bar  .volume   .volume-btn.open path {
	fill: #FF5A78;
}
.video-play-bar  .volume  .volume-controls.hidden {
	display: none;
}
.video-play-bar  .volume  .volume-controls 	.slider {
	margin-top: 12px;
	margin-bottom: 12px;
	width: 6px;
	border-radius: 3px;

}
.video-play-bar  .volume  .volume-controls 	.slider 	.progress 	.pin {
	left: -5px;
	top: -8px;
}
.video-play-bar  .volume  .volume-controls 	.slider 	.progress {
	bottom: 0;
	height: 100%;
	width: 6px;

}
.video-play-bar  .volume  .volume-controls {
	width: 30px;
	height: 135px;
	background-color: rgba(0, 0, 0, 0.62);
	border-radius: 7px;
	position: absolute;
	left: -3px;
	bottom: 52px;
	flex-direction: column;
	align-items: center;
	display: flex;
}
.video-play-bar  .volume {
	position: relative;
	display: none;
}
.video-play-bar {
	width: 100%;
	min-width: 300px;
	height: 70px;
	/* box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .07); */
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 24px;
	padding-right: 24px;
	border-radius: 0;
	user-select: none;
	-webkit-user-select: none;
	background-color: #fff;
}
.btn-full-video-mode {
	width: 30px;
	margin-left: 30px;
}
.btn-full-video-mode svg {
	width: 100%;
}
.video-debate-column.full-mode .btn-full-video-mode svg path {
	fill: #FF5A78;
}
.video-debate-column.full-mode .script-table1 {
	position: absolute;
	bottom: 115px;
	left: 0;
	width: 100%;
	height: auto;
	background: transparent;
}
.video-debate-column.full-mode .script-table1 > thead > tr > td {
	color: #fff;
	-webkit-text-stroke: 1px #000;
	text-shadow: 2px 2px 2px #000;
	font-size: 32px;
	line-height: 1.6;
}
.video-debate-column.full-mode .video-stop-column {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.btn-caption-toggle {
	position: absolute;
	right: 10px;
	top: 0;
	width: 70px;
	z-index: 1;
	opacity: 1;
	transition: opacity 1s;
}
.btn-caption-toggle svg {
	width: 100%;
}
.btn-caption-toggle.on svg path {
	fill: #FF5A78;
}
.btn-caption-toggle.clear {
	opacity: .1;
}
.script-table1.hide {
	display: none;
}


/* 비디오 재생바 & 전체화면 */
.video-debate-column.full-mode {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	left: 0;
	top: 0;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.video-debate-column .btn-close-full-video-mode {
	display: none;
}
.video-debate-column.full-mode .btn-close-full-video-mode {
	display: block;
}
@keyframes spin {
	from {
		transform: rotateZ(0);
	}
	to {
		transform: rotateZ(1turn);
	}
}

.holder {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.holder .get-it-on-github {
	margin-top: 24px;
	margin-bottom: 24px;
	font-family: 'Roboto';
	color: #55606E;
}

.video-stop-column
{ z-index: 2; position: absolute; width: 100%; height: 100%; padding: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-clip: padding-box; white-space: normal; opacity: 0; 
transition: none;
}
.video-stop-column > .video-stop-box
{ display: flex; position: absolute; width: 100%; height: 100%; padding: 0; text-align: center; align-items: center; justify-content: center;     background: rgba(255, 255, 255, .8); cursor: pointer;}
.video-stop-column > .video-stop-box > .play-icon
{ width: 150px; color: #FF1100; }

.video-stop-column > .video-stop-box > .loading-icon,
.video-stop-column > .video-stop-box > .play-icon {
	display: none;
}
.video-stop-column.loading,
.video-stop-column.on {
	opacity: 1;
}
.video-stop-column.loading > .video-stop-box > .loading-icon,
.video-stop-column.on > .video-stop-box > .play-icon {
	display: block;
}
.video-stop-column.loading {
	pointer-events: none;
}
iframe {
	pointer-events: none;
}
.video-stop-column:not(.on, .loading) ~ .btn-caption-toggle,
.video-stop-column:not(.on, .loading) ~ .video-play-bar {
	z-index: 3;
}