@charset "UTF-8";

.in_studymanager .dataTables_scrollBody,
.DTFC_LeftBodyLiner {
	height: 560px !important;
}

.in_studymanager .table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #edf7fa;
}

.in_studymanager thead {
	background: #92ccdc;
}

.in_studymanager .table thead th,
.table > thead > tr > th {
	color: #fff;
}

.in_studymanager .table thead th,
.table > thead > tr > th {
	border-bottom: 1px solid #dae3e5 !important;
}

.in_studymanager .table-bordered > thead > tr > th {
	border: 1px solid #dae3e5;
}

.in_studymanager #data-table-tab1_paginate {
	display: flex;
	justify-content: center;
	margin-top: 16px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	border-radius: 100% !important;
}

.pagination > li > a {
	margin-left: 8px;
	border: 0 none !important;
	border-radius: 100% !important;
	font-size: 16px;
}

.paginate_button.previous a,
.paginate_button.next a {
	border-radius: 8px !important;
	border: 1px solid #ccc !important;
	font-size: 14px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background: #ff9d34 !important;
	border-color: #ff9d34 !important;
}

.header .navbar-brand {
	margin-top: 5px;
}

.header .navbar-nav > li > a {
	margin-top: 3px;
}

.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1050; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: hidden; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.hide {
	display: none;
}
.study-next {
	position: absolute;
	top: 5px;
	right: 5px;
}
#tool_popup_confirm {
	background-image: url(/assets/app/images/popup/ending_1.png);
	width: 512px;
	height: 200px;
	position: absolute;
	left: 0;
	top: 0;
}
#popup_background {
	background-color: rgba(0, 0, 0, 0.85);
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: none;
}
#tool_popup_confirm .pop-close {
	position: absolute;
	top: 20px;
	right: 20px;
}
#tool_popup_confirm .next,
#tool_popup_confirm .tri-again {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	line-height: 47px;
	color: #25b0fa;
	position: absolute;
	background-image: url(/assets/app/images/popup/ending_3.png);
	width: 138px;
	height: 47px;
}
#tool_popup_confirm .next:hover,
#tool_popup_confirm .tri-again:hover {
	background-image: url(/assets/app/images/popup/ending_4.png);
	color: #fff;
}
#tool_popup_confirm .next {
	top: 115px;
	left: 80px;
}
#tool_popup_confirm .tri-again {
	top: 115px;
	left: 303px;
}
.popup-message {
	font-weight: normal;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 40px;
}

#tool_popup_complete {
	background-image: url(/assets/app/images/popup/quizcomplete.png);
	width: 452px;
	height: 286px;
	position: absolute;
	left: 0;
	top: 0;
}
#tool_popup_complete .pop-complete-close {
	position: absolute;
	top: 20px;
	right: 20px;
}
#tool_popup_complete .total-title,
#tool_popup_complete .answer-title {
	position: absolute;
	top: 135px;
	color: #0177bd;
	font-size: 14px;
	font-weight: bold;
}
#tool_popup_complete .total-title {
	left: 110px;
}
#tool_popup_complete .answer-title {
	right: 110px;
}
#tool_popup_complete .total-count,
#tool_popup_complete .answer-count {
	position: absolute;
	font-weight: bold;
}
#tool_popup_complete .total-count {
	top: 172px;
	left: 110px;
	font-size: 35px;
	color: #0177bd;
}
#tool_popup_complete .answer-count {
	top: 158px;
	right: 110px;
	font-size: 50px;
	color: #24b0fb;
}
#practice_background {
	background-color: rgba(0, 0, 0, 0);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}

#tool_popup_ok {
	z-index: 41;
	background-image: url(/assets/app/images/popup/ending_1.png);
	background-repeat: no-repeat;
	background-color: #fff;
	width: 512px;
	height: 290px;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 5px;
}
#tool_popup_ok .pop-content {
	margin-top: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	line-height: 47px;
	color: #25b0fa;
	width: 100%;
	padding: 0;
}
#tool_popup_ok .pop-content .multi-pie {
	width: 100%;
	height: 120px;
	line-height: 120px;
}
#tool_popup_ok .pop-content .multi-pie span {
	display: inline-block;
	vertical-align: middle;
	padding-top: 5px;
	font-size: 40px;
}
#tool_popup_ok .pop-content .multi-pie span.multiple {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 25px;
}
#tool_popup_ok .pop-content .multi-pie img {
	vertical-align: middle;
}
#tool_popup_ok .ok-btn {
	margin: 5px auto;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	line-height: 47px;
	color: #25b0fa;
	background-image: url(/assets/app/images/popup/ending_3.png);
	width: 138px;
	height: 47px;
}
#tool_popup_ok .ok-btn:hover {
	background-image: url(/assets/app/images/popup/ending_4.png);
	color: #fff;
}
#tool_popup_ok .pop-close {
	position: absolute;
	top: 20px;
	right: 20px;
}
#tool_popup_ok .child-icon {
	position: absolute;
	top: 10px;
	left: 10px;
}

#tool_popup_pie {
	z-index: 41;
	background-image: url(/assets/app/images/popup/greatjob_pie.png);
	width: 434px;
	height: 229px;
	position: absolute;
	left: 0;
	top: 0;
}

.lds-ring {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid rgb(241, 124, 56);
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: rgb(241, 124, 56) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
#showNotOnLoaded,
.showNotOnLoaded {
	display: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 50%;
	z-index: 40;
}
.search-input {
	min-width: 200px;
}
/* .book-item-cover {
	display: flex !important;
	justify-content: center !important;
	align-items: flex-start !important;
}
.book-item-cover img {
	height: calc(100% - 10px) !important;
} */
.ivy-reading_club .tag-group-area .tag-group .tag-item.on .tag-item-btn {
	outline: none !important;
}

.swiper-pagination-bullet {
	width: unset;
	height: unset;
	display: unset;
	border-radius: unset;
	background: unset;
	opacity: unset;
}
.swiper-pagination-bullet-active {
	opacity: unset;
	background: unset;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: unset;
}

button:focus,
input:focus {
	outline: none;
}
:focus-visible {
	outline: none;
}

#rankingInfoModal .modal-info-ranking li {
	list-style: disc;
}

#rankingInfoModal .modal-header,
#previousRankingModal .modal-header {
	display: flex;
	justify-content: space-between;
}

#rankingInfoModal .close .sr-only,
#previousRankingModal .close .sr-only {
	display: none;
}

#previousRankingModal .ranking-table {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;
	line-height: 1;
}

#previousRankingModal .ranking-empty.on {
	display: block;
	text-align: center;
	margin: 60px 0 20px 0;
}

#previousRankingModal .challenge-item-ranking {
	min-height: 200px;
}

#previousRankingModal .ranking-empty {
	display: none;
}

#previousRankingModal .ranking-empty.on {
	display: block;
}

#previousRankingModal .ranking-item-title,
#previousRankingModal .ranking-item-txt {
	color: #404040;
	font-weight: 700;
}

#previousRankingModal .lastranking-wrap .dropdown-group-area {
	display: flex;
	justify-content: flex-end;
}

#previousRankingModal .lastranking-title {
	margin: 15px 0 15px 50px;
}

#previousRankingModal .modal-header {
	padding: 0px 15px;
}

.ranking-item-txt {
	white-space: nowrap;
	overflow: hidden;
}

.ivy-reading_club
	.addition-group-area
	.addition-item-search
	.search-box
	.search-btn {
	bottom: 4px;
}

.ivy-reading_club .no-search-group-area {
	height: calc(100% - 10px);
}

.ivy-reading_club.finish .bottom-box .contents-bottom {
	overflow-y: scroll;
}
.ivy-reading_club.main .bottom-box .contents-bottom {
	overflow-y: scroll;
}

/* ::-webkit-scrollbar {
	-webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
	width: 20px;
}

::-webkit-scrollbar:horizontal {
	height: 0px;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(134, 134, 134, 0.5);
	border-radius: 0px;
	border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
	border-radius: 0px;
	background-color: #ffffff;
} */

.my-bookself .scrap-group-area,
.my-bookself .clear-group-area {
	display: none;
}

.my-bookself.on .scrap-group-area,
.my-bookself.on .clear-group-area {
	display: block;
}

.my-bookself .no-search-group-area {
	display: block;
}

.my-bookself.on .no-search-group-area {
	display: none;
}
/* 
.ivy-reading_club.level
	.bottom-box
	.carousel-group-area
	.carousel-item-slides
	.slides-box
	.slides-bookshelf::after {
	top: 51%;
}

.ivy-reading_club.level
	.bottom-box
	.carousel-group-area
	.carousel-item-slides
	.slides-box
	.slides-bookshelf::before {
	top: 51%;
} */

/* .ivy-reading_club.level .bottom-box .bottom-box-contents {
	overflow: scroll;
} */

/* .ivy-reading_club.level .bottom-box .contents-top {
	margin: 15px 40px 12px 40px;
} */

.ivy-reading_club.main .bottom-box .contents-top.search-top {
	margin: 0 40px 0 40px;
}

/* .book-group-area {
	background-color: #fff !important;
} */

.ivy-reading_club.main
	.bottom-box
	.contents-main
	.mustread-group-area
	.mustread-item-summary {
	background-color: transparent;
	border-radius: unset;
	border: unset;
}

.ivy-reading_club.main
	.bottom-box
	.contents-main
	.mustread-group-area
	.mustread-item-summary
	.btn-summary-img {
	background-size: cover;
	border: 1px solid #7e786c;
	border-radius: 15px;
}

.share-slide-box
	.pop-slide
	.slide-area
	.slide-list
	.recommend-info-group
	.recommend-info-table
	td
	.table-item-txt {
	word-break: keep-all;
}

.guide-wrapper
	.share-slide-box
	.pop-slide
	.pagination-area
	.btn-paging.swiper-pagination-bullet-active
	.paging {
	width: 25px;
	background-color: #b2b2b2;
	border-radius: 20px;
}

.starDfSearch {
	position: relative;
	display: block;
	width: 102px;
	height: 18px;
	background: url(../images/lms/star.png) no-repeat left / auto 100%;
}

.starDfSearch:after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 102px;
	height: 18px;
	background: url(../images/lms/star_color.png) no-repeat left / auto 100%;
}
.starDfSearch.w1:after {
	width: 21px;
}
.starDfSearch.w2:after {
	width: 31px;
}
.starDfSearch.w3:after {
	width: 42px;
}
.starDfSearch.w4:after {
	width: 51px;
}
.starDfSearch.w5:after {
	width: 62px;
}
.starDfSearch.w6:after {
	width: 72px;
}
.starDfSearch.w7:after {
	width: 82px;
}
.starDfSearch.w8:after {
	width: 93px;
}
.starDfSearch.w9:after {
	width: 102px;
}

.main-title .main-point {
	word-break: break-all;
}

.card-outline-secondary,
.tab-item-inner,
.tab-item-btn,
.search-btn {
	-webkit-tap-highlight-color: transparent;
}

.guide-wrapper .swiper-button-disabled {
	opacity: 0;
}

.ivy-reading_club
	.count-group-area
	.count-item-amount-search
	.amount-search-txt
	.amount-point::before {
	content: none;
}

.ivy-reading_club
	.count-group-area
	.count-item-amount-search
	.amount-search-txt
	.amount-point::after {
	content: none;
}