@charset "utf-8";

/* 모듈:타이틀 */
[class^="contentsTitle0"] {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-family: 'KoreanERWJM';
}

[class^="contentsTitle0"] strong {
	display: block;
	font-weight: 400;
	line-height: 44px;
}

.contentsTitle01 {
	width: 100%;
	justify-content: space-between;
	font-size: 26px;
	font-weight: 400;
	letter-spacing: -1.3px;
}

.contentsTitle01 .cTitle-l strong {
	font-size: 28px;
}

[class*="popupTitle0"] {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 20px;
	font-size: 32px;
	height: 72px;
	margin-bottom: 16px;
	font-weight: 800;
	color: #5A371E;
	font-family: 'NanumSquareRound';
	background-color: #EEEAFF;
}

[class*="popupTitle0"]:has(.lineStyle02-btm) {
	margin-bottom: 20px;
	padding-bottom: 22px;
}

[class*="popupTitle0"] strong {
	font-weight: 400;
	display: block;
	line-height: 1.4;
	font-family: 'KoreanERWJM';
}

.popupTitle02 {
	justify-content: center;
	margin-bottom: 0;
}

[class^="popupTitle2"] {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

[class^="popupTitle2"] strong {
	display: block;
	font-family: 'KoreanERWJM';
	font-weight: 400;
}

.popupTitle21 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 1;
	background-color: #EEEAFF;
	padding: 40px 32px 20px;
}

.popupTitle21 strong {
	font-size: 30px;
	letter-spacing: -1.5px;
}

.pTitle-text {
	margin-top: 10px;
	font-size: 16px;
	letter-spacing: -0.8px;
}

.pTitle-text02 {
	font-weight: 800;
	margin-bottom: 5px;
}

.pTitle-text span {
	display: inline-block;
	position: relative;
	padding-bottom: 0px;
	font-weight: 800;
}

.pTitle-text span:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #5A371E;
}

.popupText-w {
	padding: 0 20px;
	max-height: 50vh;
	overflow-y: auto;
}

.popupText-inner {
	padding: 20px 0;
	border-top: 1px solid #eee;
	box-sizing: border-box;
}

.popupText-inner:first-of-type {
	padding-top: 0;
	border-top: 0;
}

.popupText-inner .title {
	font-size: 18px;
	letter-spacing: -0.9px;
	font-weight: 800;
}

.popupText-inner .text {
	margin-top: 5px;
	font-size: 16px;
	letter-spacing: -0.8px;
	font-weight: 700;
}

.textList {
	margin-top: 5px;
	display: flex;
	justify-content: center;
}

.textList div {
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;
}

.textList strong {
	display: block;
	line-height: 52px;
	height: 52px;
	text-align: center;
	font-size: 45px;
	font-weight: 400;
	font-family: 'Nanum Gothic';
}

.textList span {
	display: block;
	max-width: 63px;
	margin-top: 5px;
	line-height: 18px;
	font-size: 12px;
	letter-spacing: -0.6px;
	font-weight: 700;
}

/* 타이틀 모듈 */
.contentsTitle02 {
	justify-content: flex-start;
	font-size: 24px;
	color: #7855FF;
}

.contentsTitle02 strong {
	margin-left: 3px;
}

.contentsTitle03 {
	justify-content: center;
	font-size: 32px;
	letter-spacing: -0.64px;
	font-weight: 400;
}

.contentsTitle04 {
	display: block;
	text-align: center;
	margin-top: 20px;
}

.contentsTitle04 strong {
	display: block;
	font-size: 48px;
	color: #7855FF;
	letter-spacing: -2.4px;
	font-weight: 400;
	font-family: 'KoreanERWJM';
	text-shadow: 0 2px 0px rgba(120, 85, 255, 0.4);
}

.contentsTitle04 span {
	display: block;
	margin-top: 7px;
	font-size: 18px;
	color: #5A371E;
	letter-spacing: -0.9px;
	font-weight: 700;
	font-family: 'NanumSquareRound';
}

.contentsTitle05 {}

.contentsTitle05 .btn-allview strong {
	font-weight: 700;
	font-family: 'NanumSquareRound';
}

.contentsTitle05 .icon-star {
	width: 15px;
	margin-right: 5px;
}

.contentsTitle06 {
	font-size: 16px;
	font-family: 'NanumSquareRound';
}

.contentsTitle06 strong {
	font-weight: 800;
}

.contentsTitle08 {
	flex-shrink: 0;
	font-size: 32px;
	line-height: 48px;
	letter-spacing: -1.6px;
}

.contentsTitle07 strong {
	font-size: 20px;
}

.cTitle-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
}

.cTitle-l {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.cTitle-l strong {
	display: inline-block;
	position: relative;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: -1.5px;
	font-family: 'KoreanERWJM';
}

.cTitle-sub {
	position: relative;
	margin-left: 8px;
	padding-left: 10px;
	font-size: 16px;
	color: #666;
	font-weight: 700;
	font-family: 'NanumSquareRound';
}

.cTitle-sub:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 2px;
	height: 18px;
	border-radius: 4px;
	background-color: #aaa;
}

/* 타이틀 라인 */
.titleline-w {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.underline-text {
	background-image: linear-gradient(to bottom, transparent 70%, rgba(40, 239, 223, .3) 30%);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-weight: 800;
}

.underline-text02 {
	background: linear-gradient(180deg, rgba(40, 239, 223, 0) 50%, gold 50%);
	font-weight: 400;
}

.underline-text03 {
	background-image: linear-gradient(to bottom, transparent 60%, rgba(183, 238, 255, 1) 30%);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-weight: 800;
}

/* 타이틀 */
.title-w01 {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	width: 100%;
	padding: 0 12px;
	box-sizing: border-box;
	font-size: 17px;
	color: #5A371E;
	background-color: #F6F6F6;
	border-radius: 16px;
}

.title-w01 strong {
	font-weight: 800;
}

.title-w02 {
	position: relative;
	width: 100%;
	padding: 0 0 19px;
	font-size: 20px;
	font-weight: 800;
	text-align: center;
	box-sizing: border-box;
}

/* 설명문구 */
.infoBox-w01 {}

.label-wave01 {
	position: relative;
	font-size: 14px;
	color: #553117;
	font-weight: 700;
}

.label-wave01 span {
	position: relative;
}

.label-wave01:before {
	display: block;
	content: '';
	width: 100%;
	height: 7px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background-size: auto 100%;
	background-image: url('../img/highlight.png');
}

.infoBox-w01 .textGroup {
	margin-top: 12px;
	font-size: 18px;
	color: #43270F;
	font-weight: 800;
}

.infoBox-w01 .text {
	margin-top: 36px;
	position: relative;
	padding-left: 20px;
	font-size: 14px;
	color: #5A371E;
	font-weight: 700;
	letter-spacing: -0.03rem;
}

[class*="roundText0"] {
	display: flex;
	align-items: center;
	justify-content: center;
}

.roundText01 {
	position: absolute;
	left: 0;
	top: 3px;
	padding-top: 2px;
	box-sizing: border-box;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	border: 1px solid #7855FF;
	box-sizing: border-box;
}

.roundText02 {
	display: inline-flex;
	margin-left: 10px;
	width: 22px;
	height: 22px;
	border: 1px solid #5A371E;
	border-radius: 100%;
	background-color: #7855FF;
	color: #fff;
	font-size: 13px;
	font-weight: 800;
}

/* 설명문구2 */
.infoBox-w02 {
	padding: 17px 40px 40px;
	text-align: center;
	background-color: #DFD8FF;
}

.charTitle01 {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	position: relative;
}

.charTitle01 strong {
	padding-bottom: 20px;
	font-size: 22px;
	font-weight: 800;
}

.infoBox-w02 .text {
	padding-top: 20px;
	font-size: 18px;
	font-weight: 700;
	color: #5A371E;
}

/* 게이트 타이틀 */
.content-l,
.content-r {
	position: relative;
	padding: 40px 0;
}

.titleline-w01 {
	position: absolute;
	left: 40px;
	top: 80px;
}

.labelTitle01 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	height: 37px;
	background-color: #5A371E;
	border-radius: 8px;
	color: #fff;
	text-align: center;
	font-size: 22px;
}

.textTitle01 {
	display: block;
	margin-top: 12px;
	font-size: 38px;
	letter-spacing: -1.9px;
	line-height: 1.4;
}

.bg-image {
	max-width: 640px;
	width: 100%;
}

.bg-image>img {
	display: block;
	width: 100%;
}

/* 라운드버튼 */
.linkMenu-w {
	position: absolute;
	left: 40px;
	bottom: 68px;
}

.btn-round01 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 8px;
	min-width: 76px;
	height: 47px;
	font-weight: 700;
	border-radius: 100px;
	border: 2px solid #5A371E;
	background-color: rgba(255, 255, 255, 0.8);
}

.btn-round01:hover {
	background-color: #5A371E;
	color: #fff;
}

.btn-round02 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 32px;
	background-color: #5A371E;
	color: #fff;
	text-align: center;
}

/* 낱말카드 리스트 */
.wordList-w {}

.wordList-inner {
	position: relative;
	max-width: 580px;
	width: 85%;
	margin: 30px auto 0;
}

.wordList-inner:after,
.wordList-inner:before {
	display: block;
	content: '';
	position: absolute;
	z-index: 1;
	width: 100px;
	height: 76px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../img/bg-tape.png');
}

.wordList-inner:before {
	right: -40px;
	top: -36px;
	transform: rotate(-7deg);
}

.wordList-inner:after {
	left: -50px;
	bottom: -36px;
}

[class*="wordList-cont0"] {
	margin-top: 8px;
}

.wordList-cont01 {
	transform: rotate(-0.8deg);
}

.wordList-cont02 {
	transform: rotate(1.2deg);
}

.wordList-cont03 {
	transform: rotate(-1.2deg);
}

.wordList-cont04 {
	transform: rotate(1.1deg);
}

.wordList-cont05 {
	transform: rotate(-1deg);
}

.wordList-cont06 {
	transform: rotate(1.2deg);
}

.wordText01 {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	height: 106px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../img/subtract.png');
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -1.2px;
	font-family: "Nanum Gothic";
}

/* 낱말카드 타이핑 */
.typing-w {
	margin-top: 38px;
}

.typingView {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-bottom: 12px;
	width: 100%;
	border-bottom: 2px solid #5A371E;
	box-sizing: border-box;
}

.typingView-input {
	width: 100%;
	text-align: center;
	font-size: 36px;
	font-weight: 800;
	color: #5A371E;
}

.btn-delete {
	flex-shrink: 0;
	border: 0;
	background-color: transparent;
}

/* 낱말카드 타이핑 : 리스트*/
.typingBtn-w {
	margin-top: 12px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 12px;
	width: 100%;
	overflow: hidden;
}

.typingBtn01 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 16px;
	width: 100%;
	height: 68px;
	color: #000;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -1.3px;
	border: 2px solid #5A371E;
	border-radius: 16px;
	box-sizing: border-box;
}

/* 낱말카드 타이핑 : 라운드 버튼 제어 */
.typing-w .moduleBtn-w {
	margin-top: 38px;
}

.typing-w .quizBtnType03,
.quizGroup-w04 .quizBtnType03 {
	width: 400px;
}

/* 모듈: 텍스트컬러 */
.txtPoint {
	color: #7855FF;
}

/*모듈:라인*/
[class^="lineStyle0"] {
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 100%;
	height: 2px;
	background-repeat: repeat-x;
}

[class*="-col"] {
	width: 2px;
	height: 100%;
	left: 50%;
	background-position: center;
	background-repeat: repeat-y;
	background-size: 100% auto;
}

.lineStyle01 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='2' viewBox='0 0 538 2' fill='none'%3E%3Cpath d='M538 0.710938H0' stroke='%23DDD6D1' stroke-dasharray='3 3'/%3E%3C/svg%3E");
}

[class^="lineStyle02"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='652' height='2' viewBox='0 0 652 2' fill='none'%3E%3Cpath d='M0 1H652' stroke='%235A371E' stroke-dasharray='3 3'/%3E%3C/svg%3E");
}

[class^="lineStyle03"] {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='652' height='2' viewBox='0 0 652 2' fill='none'%3E%3Cpath d='M0 1H652' stroke='%235A371E' stroke-dasharray='3 3'/%3E%3C/svg%3E");
}

.lineStyle02-btm,
.lineStyle03-btm,
.lineStyle05-btm {
	position: absolute;
	bottom: 0;
	top: auto;
}

.lineStyle05-col {
	border-right: 1px dashed #AF9AFF;
}

.lineStyle03-col {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='2' height='64' viewBox='0 0 2 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0V64' stroke='white' stroke-dasharray='3 3'/%3E%3C/svg%3E%0A");
}

.lineStyle04-col {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='242' viewBox='0 0 2 242' fill='none'%3E%3Cpath d='M1 0L0.999989 242' stroke='%23DDDDDD' stroke-dasharray='3 3'/%3E%3C/svg%3E");
}

[class^="lineStyle05"] {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='800' height='2' viewBox='0 0 800 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1H800' stroke='%23D0ABFA' stroke-dasharray='3 3'/%3E%3C/svg%3E%0A");
}

/* 모듈:버튼 */
[class^="btnType0"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	box-sizing: border-box;
}

[class^="btnType0"] strong {
	font-weight: 800;
}

.btnType01 {
	background-color: #5A371E;
	border: 1px solid #43270F;
	color: #fff !important;
}

.btnType02 {
	width: 110px;
	height: 40px;
	font-size: 20px;
	background-color: #aaa;
	border: 2px solid #43270F;
	border-radius: 30px;
}

.btnType02:hover {
	background-color: #5A371E;
}

.btnType02 strong {
	color: #fff;
}

/* 모듈:더보기 arrow */
.btn-allview {
	display: inline-block;
	padding-right: 12px;
	position: relative;
}

.btn-allview:after {
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
	width: 8px;
	height: 8px;
	border: 1px solid #43270F;
	border-width: 2px 2px 0 0;
	transform: rotate(45deg);
	box-sizing: border-box;
}

.btn-allview02 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 15px;
	position: relative;
}

.btn-allview02 strong {
	font-size: 18px;
	font-weight: 800;
	font-family: 'NanumSquareRound';
}

/* 팝업 버튼 */
.popupBtn-w {
	display: flex;
	justify-content: center;
	width: calc(100% + 15px);
	margin-top: 30px;
}

.popupBtn-inner {
	padding: 2px 15px 2px 2px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* 학습 버튼 */
.btn-study-w {
	position: relative;
	max-width: 440px;
}

.btn-study-w:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-color: #7855FF;
	border-radius: 18px;
	opacity: 0.5;
}

.btn-study-inner {
	position: relative;
	z-index: 1;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 2px solid #FFD0D4;
	border-radius: 18px;
	box-sizing: border-box;
	box-shadow: 0 0 0 2px rgba(67, 39, 15, 1);
	background-color: #fff;
}

.btn-study {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0 24px;
	width: 100%;
	box-sizing: border-box;
}

.btn-study:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='68' viewBox='0 0 2 68' fill='none'%3E%3Cpath d='M1 0L0.999997 68' stroke='%23DDDDDD' stroke-width='2' stroke-dasharray='3 5'/%3E%3C/svg%3E");
}

.btn-study:first-of-type:after {
	display: none;
}

.btn-studyText {
	display: inline-block;
	font-size: 20px;
	font-weight: 800;
	color: #5A371E;
}

[class^="icon-play0"] {
	display: inline-block;
	background-size: 100% auto;
}

.icon-play01 {
	margin-left: 15px;
	width: 40px;
	height: 40px;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='bt'%3E%3Cg id='&%23237;&%23131;&%23128;&%23236;&%23155;&%23144; 279'%3E%3Cpath id='Vector' d='M21 39.75C31.3553 39.75 39.75 31.3553 39.75 21C39.75 10.6447 31.3553 2.25 21 2.25C10.6447 2.25 2.25 10.6447 2.25 21C2.25 31.3553 10.6447 39.75 21 39.75Z' fill='%23FF6371'/%3E%3Cpath id='Vector_2' d='M21 41C32.0457 41 41 32.0457 41 21C41 9.9543 32.0457 1 21 1C9.9543 1 1 9.9543 1 21C1 32.0457 9.9543 41 21 41Z' stroke='%235A371E' stroke-width='2'/%3E%3C/g%3E%3Cg id='&%23237;&%23131;&%23128;&%23236;&%23155;&%23144; 280'%3E%3Cpath id='Vector_3' d='M21 39.3327C31.1252 39.3327 39.3333 31.1246 39.3333 20.9993C39.3333 10.8741 31.1252 2.66602 21 2.66602C10.8747 2.66602 2.66663 10.8741 2.66663 20.9993C2.66663 31.1246 10.8747 39.3327 21 39.3327Z' stroke='%23FF939D' stroke-width='2'/%3E%3C/g%3E%3Cpath id='&%23237;&%23140;&%23168;&%23236;&%23138;&%23164; 2737' d='M19.55 8.51758C18.4251 8.57083 17.3139 8.78726 16.2512 9.16008C14.805 9.65345 13.473 10.4331 12.3348 11.4526C11.1965 12.4721 10.2753 13.7105 9.62622 15.0938' stroke='%23FF939D' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath id='&%23237;&%23140;&%23168;&%23236;&%23138;&%23164; 2738' d='M8.49243 19.5195C8.67785 19.5195 8.85908 19.4645 9.01325 19.3615C9.16742 19.2585 9.2876 19.1121 9.35856 18.9408C9.42952 18.7695 9.4481 18.581 9.41193 18.3991C9.37575 18.2173 9.28646 18.0502 9.15535 17.9191C9.02424 17.788 8.85717 17.6987 8.67531 17.6625C8.49345 17.6264 8.30497 17.6449 8.13366 17.7159C7.96235 17.7869 7.81595 17.907 7.71294 18.0612C7.60992 18.2154 7.55493 18.3966 7.55493 18.582C7.55493 18.8307 7.6537 19.0691 7.82951 19.2449C8.00533 19.4208 8.24379 19.5195 8.49243 19.5195Z' fill='%23FF939D'/%3E%3Cpath id='&%23237;&%23140;&%23168;&%23236;&%23138;&%23164; 2741' d='M26.7549 22.8491C27.1089 22.6869 27.4088 22.4264 27.6191 22.0987C27.8294 21.7709 27.9412 21.3898 27.9412 21.0004C27.9412 20.611 27.8294 20.2298 27.6191 19.9021C27.4088 19.5744 27.1089 19.3139 26.7549 19.1516L20.7 15.2416C19.1175 14.2204 17.8362 14.9179 17.8362 16.8016V25.1991C17.8362 27.0829 19.1175 27.7804 20.7 26.7591L26.7549 22.8491Z' fill='white' stroke='%23482916' stroke-width='2' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}

/* 퀴즈 버튼 */
[class^="quizBtnType0"],
[class^="roundBtnType0"] {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 400px;
	width: 100%;
	height: 56px;
	color: #fff;
	border-radius: 56px;
	overflow: hidden;
}

[class^="quizBtnType0"]:after {
	display: block;
	content: '';
	width: 14px;
	height: 14px;
	position: absolute;
	left: 11px;
	top: 9px;
	background-size: 100% auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath d='M14.0359 1C12.6899 1.064 5.51691 4.415 2.43591 10.687' stroke='%23DDDDDD' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M1 14.7051C1.19778 14.7051 1.39112 14.6464 1.55557 14.5366C1.72002 14.4267 1.84819 14.2705 1.92388 14.0878C1.99957 13.905 2.01937 13.704 1.98079 13.51C1.9422 13.316 1.84696 13.1378 1.70711 12.998C1.56726 12.8581 1.38907 12.7629 1.19509 12.7243C1.00111 12.6857 0.800043 12.7055 0.617317 12.7812C0.434591 12.8569 0.278411 12.9851 0.16853 13.1495C0.0586481 13.314 0 13.5073 0 13.7051C0 13.9703 0.105356 14.2246 0.292892 14.4122C0.480429 14.5997 0.734784 14.7051 1 14.7051Z' fill='%23DDDDDD'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

[class^="quizBtnType0"] div {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
}

[class^="quizBtnType0"] strong,
[class^="roundBtnType0"] strong {
	font-size: 20px;
}

.quizBtnType01 {
	background-color: #5A371E;
	border: 2px solid #785C48;
	box-shadow: 0 0 0 2px rgba(67, 39, 15, 1);
}

.quizBtnType01:after {
	opacity: 0.5;
}

.quizBtnType02 {
	background-color: #aaa;
	border: 2px solid #ddd;
	box-shadow: 0 0 0 2px rgba(67, 39, 15, 1);
}

.quizBtnType03 {
	/*max-width:220px;*/
	margin-right: 3px;
	background-color: #7855FF;
	border: 2px solid rgba(255, 255, 255, .4);
	box-shadow: 0 0 0 2px rgba(67, 39, 15, 1);
}

.quizBtnType03:after {
	width: 20px;
	height: 20px;
	left: 5px;
	top: 5px;
	backfnicknameGroupground-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M13 1C11.7236 1.05946 3.5 3.5 2 10' stroke='%23C5B5FF' stroke-opacity='0.8' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M1 14C1.19778 14 1.39112 13.9414 1.55557 13.8315C1.72002 13.7216 1.84819 13.5654 1.92388 13.3827C1.99957 13.2 2.01937 12.9989 1.98079 12.8049C1.9422 12.6109 1.84696 12.4327 1.70711 12.2929C1.56726 12.153 1.38907 12.0578 1.19509 12.0192C1.00111 11.9806 0.800043 12.0004 0.617317 12.0761C0.434591 12.1518 0.278411 12.28 0.16853 12.4444C0.0586481 12.6089 0 12.8022 0 13C0 13.2652 0.105356 13.5196 0.292892 13.7071C0.480429 13.8946 0.734784 14 1 14Z' fill='%23C5B5FF' fill-opacity='0.8'/%3E%3C/svg%3E");
}

.quizBtnType01 strong,
.quizBtnType02 strong,
.quizBtnType03 strong {
	font-size: 22px;
	color: #fff;
}

.icon-play03 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 15px;
}

.quizBtnType04,
.quizBtnType05 {
	height: 36px;
	margin-top: 8px;
	border: 2px solid #eee;
	box-shadow: 0 0 0 2px #43270F;
}

.quizBtnType04 strong {
	color: #5A371E;
	font-size: 18px;
}

.quizBtnType04:after {
	left: 4px;
	top: 4px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M10.292 1.78516C9.39195 1.82816 4.59195 4.07116 2.52295 8.27116' stroke='%23EEEEEE' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M1.28802 12.5111C1.47492 12.5111 1.65763 12.4557 1.81303 12.3518C1.96843 12.248 2.08956 12.1004 2.16108 11.9277C2.23261 11.7551 2.25132 11.565 2.21486 11.3817C2.1784 11.1984 2.08839 11.03 1.95623 10.8979C1.82407 10.7657 1.65569 10.6757 1.47238 10.6393C1.28907 10.6028 1.09906 10.6215 0.92638 10.693C0.753704 10.7646 0.606115 10.8857 0.502277 11.0411C0.398439 11.1965 0.343018 11.3792 0.343018 11.5661C0.343018 11.8167 0.442579 12.0571 0.619801 12.2343C0.797022 12.4115 1.03739 12.5111 1.28802 12.5111Z' fill='%23EEEEEE'/%3E%3C/svg%3E");
}

.quizBtnType05 {
	height: 52px;
}

.quizBtnType05 .strong {
	color: #5A371E;
	font-weight: 800;
	letter-spacing: -1px;
}

.quizBtnType05:after {
	display: none;
}

.roundBtnType01 {
	width: 92px;
	height: 48px;
	background-color: #5A371E;
	border: 2px solid #43270F;
}

.roundBtnType01 strong {
	display: inline-block;
	font-size: 16px;
	font-weight: 800;
}

/* 버튼 스퀘어 quizBtnType1$ */
[class*="quizBtnType1"] {
	position: relative;
	border-radius: 20px;
	border: 2px solid #666;
	box-sizing: border-box;
	overflow: hidden;
}

[class*="quizBtnType1"] .quizBtn-cont {
	display: flex;
	align-items: center;
}

[class*="quizBtnType1"]:after {
	display: block;
	content: '';
	border-radius: 16px;
	position: absolute;
	left: 1px;
	top: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	box-sizing: border-box;
	border: 2px solid rgba(255, 255, 255, .4);
}

[class*="quizBtnType1"] .arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.05);
}

.quizBtnType10 {
	display: flex;
	align-items: center;
	padding-left: 18px;
	height: 78px;
	background-color: #ddd;
}

.quizBtnType10 .quizBtn-inner {
	height: 100%;
}

.quizBtnType10 .quizBtn-cont {
	padding: 12px 0;
}

.btnStep {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
	font-size: 16px;
	color: #666;
}

.btnStep strong {
	font-weight: 800;
}

.btnRound-text10 {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding-left: 12px;
	margin-left: 12px;
	height: 100%;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: -1.4px;
	color: #666;
	font-family: 'KoreanERWJM';
}

.middle-dott {
	display: inline-block;
	margin-right: 8px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	border: 3px solid #666;
	box-sizing: border-box;
	background-color: #fff;
}

.lineStyle01-l {
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='52' viewBox='0 0 2 52' fill='none'%3E%3Cpath d='M1 1V51' stroke='%23AAAAAA' stroke-linecap='round' stroke-dasharray='1 3'/%3E%3C/svg%3E");
}

/* 버튼 스퀘어 quizBtnType1$ : 활성화 */
.btnCurrent {
	background-color: #735AF6;
	border-color: #5A371E;
}

.btnCurrent .middle-dott {
	border-color: #5A371E;
}

.btnCurrent:after {}

.btnCurrent .btnRound-text10,
.btnCurrent .btnStep {
	color: #fff;
}

/* 라운드버튼01 */
[class^="btnRound0"] {
	display: block;
	border-radius: 100%;
	box-sizing: border-box;
}

.btnRound01 {
	position: fixed;
	right: 30px;
	bottom: 120px;
	padding: 6px;
	width: 80px;
	height: 80px;
	background-color: #5A371E;
	border: 3px solid #785C48;
	box-shadow: 0 0 0 2px rgba(67, 39, 15, 1);
}

[class^="btnRound0"] .btnRound-text {
	font-family: 'KoreanERWJM';
}

.btnRound-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.btnRound-cont {
	text-align: center;
}

.icon-balloon01 {
	display: inline-flex;
	min-width: 32px;
	height: 20px;
	padding-bottom: 5px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: -0.55px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='19' viewBox='0 0 32 19' fill='none'%3E%3Cpath d='M16.4688 18.4672V16.2952C16.4633 16.1026 16.3815 15.92 16.2414 15.7876C16.1014 15.6552 15.9144 15.5838 15.7218 15.5892H8.52178C4.13578 15.5892 0.300777 12.4672 0.00677716 8.32922C-0.0383824 7.23276 0.142524 6.13873 0.538245 5.11518C0.933966 4.09162 1.53604 3.16043 2.30702 2.3795C3.07801 1.59858 4.00141 0.984621 5.01981 0.575818C6.03821 0.167015 7.12983 -0.0278927 8.22678 0.00321511H23.4508C27.8368 0.00321511 31.6718 3.12622 31.9658 7.26322C32.0111 8.3601 31.8302 9.45458 31.4343 10.4785C31.0384 11.5025 30.436 12.434 29.6645 13.2151C28.8931 13.9962 27.9692 14.6101 26.9502 15.0188C25.9313 15.4274 24.8391 15.6219 23.7418 15.5902H21.7118C21.5347 15.5899 21.3628 15.6502 21.2248 15.7612L17.4038 18.8732C17.3227 18.9411 17.2244 18.9851 17.1197 19.0003C17.0151 19.0154 16.9083 19.0012 16.8113 18.9592C16.7143 18.9172 16.6309 18.849 16.5704 18.7623C16.5099 18.6756 16.4747 18.5728 16.4688 18.4672Z' fill='%23FFFA7A'/%3E%3C/svg%3E");
}

.btnRound01 .btnRound-text {
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
}

/* 상태버튼 */
.stateType-w,
.stateType-inner,
.stateType-cont {
	display: flex;
	justify-content: center;
	align-items: center;
}

.stateType-inner {
	width: calc(100% + 16px);
}

.stateType-cont {
	margin-right: 16px;
	width: 88px;
	height: 30px;
	font-size: 16px;
	letter-spacing: -0.8px;
	border-radius: 6px;
}

.stateType-cont.state-end {
	color: #fff;
	background-color: #7855FF;
}

.stateType-cont.state-ready {
	color: #A68FFF;
	background-color: #EEEAFF;
}

.stateType-cont strong {
	font-weight: 700;
}

.state-complete {
	background-color: #EEEAFF;
}

.state-complete strong {
	display: inline-block;
	margin-left: 4px;
	font-weight: 800 !important;
	font-size: 14px;
	color: #7855FF !important;
}

/* 체크박스 버튼 */
.checkBtn-w {
	position: relative;
	margin-left: 4px;
}

.checkBtn-w:first-of-type {
	margin-left: 0;
}

.checkBtn-w input {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.checkBtn-w label {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	color: #999;
	font-size: 14px;
	font-weight: 800;
}

.checkBtn-w label:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 2px solid #999;
	border-radius: 100%;
	background-color: #ddd;
}

.checkBtn-w label span {
	position: relative;
	z-index: 1;
}

/* 선택 후 */
.selected .checkBtn-w label:after {
	border-color: #7855FF;
	background-color: #fff;
}

.selected .checkBtn-w label {
	color: #7855FF;
}

.selected .checkBtn-w input:checked+label:after {
	background-color: #7855FF;
}

.selected .checkBtn-w input:checked+label {
	color: #fff;
}

/* 체크박스 요일선택 리스트 */
.checkList01 {
	display: flex;
	justify-content: center;
}

/* 내 결과 공유 */
.share-w {}

.share-inner {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.share-title {
	display: block;
	font-size: 16px;
	color: #7855FF;
	font-weight: 800;
}

.shareGroup {
	margin-left: 8px;
}

.shareBox-w {
	display: none;
}

.shareCurrent .shareBox-w {
	display: block;
}

/* 페이지 헤더 */
.pageHeader-w {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: 1;
	width: 100%;
	max-width: 1400px;
}

.pageHeader-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 70px;
	background-color: #7855FF;
}

[class^="btnPage-"] {
	display: inline-block;
	padding: 20px 40px;
}

.btnPage-prev {}

.btnPage-info {
	padding: 0 40px 0 10px;
}

.icon-pageInfo {
	width: 30px;
	height: 30px;
}

.icon-pagePrev {}

.pageHeader-title {
	position: relative;
	text-align: center;
	width: 100%;
	color: #fff;
}

.pageHeader-title>strong {
	font-size: 30px;
	font-weight: 400;
	font-family: 'KoreanERWJM';
	text-shadow: calc(1px * 1) 0 0 #5a371e, calc(1px * 0.9239) calc(1px * 0.3827) 0 #5a371e, calc(1px * 0.7071) calc(1px * 0.7071) 0 #5a371e, calc(1px * 0.3827) calc(1px * 0.9239) 0 #5a371e, 0 calc(1px * 1) 0 #5a371e, calc(1px * -0.3827) calc(1px * 0.9239) 0 #5a371e, calc(1px * -0.7071) calc(1px * 0.7071) 0 #5a371e, calc(1px * -0.9239) calc(1px * 0.3827) 0 #5a371e, calc(1px * -1) 0 0 #5a371e, calc(1px * -0.9239) calc(1px * -0.3827) 0 #5a371e, calc(1px * -0.7071) calc(1px * -0.7071) 0 #5a371e, calc(1px * -0.3827) calc(1px * -0.9239) 0 #5a371e, 0 calc(1px * -1) 0 #5a371e, calc(1px * 0.3827) calc(1px * -0.9239) 0 #5a371e, calc(1px * 0.7071) calc(1px * -0.7071) 0 #5a371e, calc(1px * 0.9239) calc(1px * -0.3827) 0 #5a371e;
}

/* 헤더-학습메뉴 */
.selectMenu-w {
	padding-right: 20px;
	position: relative;
}

.selectBtn {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 124px;
}

.selectBtn img {
	width: 100%;
}

.selectBtn-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 20px;
	margin-left: 8px;
}

.selectOptionList {
	display: none;
	margin-top: 20px;
	padding: 10px 0;
	position: relative;
	z-index: 1;
}

.selectOptionList {
	position: absolute;
	left: 0;
	top: 25px;
	width: 200px;
	border: 2px solid #5a371e;
	box-sizing: border-box;
	border-radius: .75rem;
	background-color: #fff;
}

.selectOptionList li:first-of-type {
	border-bottom: 1px dashed #5a371e;
}

.selectOptionList a {
	display: block;
	position: relative;
	padding: 0.5rem 1rem;
	color: #5a371e;
	font-weight: 500;
}

.selectOptionList a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 0.55rem;
	height: 0.55rem;
	border-top: 0.125rem solid #5a371e;
	border-right: 0.125rem solid #5a371e;
	transform: translate(-50%, -50%) rotate(45deg);
}

.selectOpen .selectOptionList {
	display: block;
}

.selectOpen .selectOptionList:after,
[class*="layerPopup-w"]:after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: -5.5px;
	margin-left: -6px;
	transform: translateX(-50%);
	width: 12px;
	height: 12px;
	background-color: #fff;
	border: 2px solid #5a371e;
	border-width: 2px 2px 0 0;
	transform: rotate(-45deg);
	box-sizing: border-box;
}

.selectOpen .selectOptionList:after {
	top: -7.5px;
}

.selectOptionList a:hover,
.selected a {
	color: #7855FF;
}

.selectOpen .selectBtn-arrow {
	position: relative;
	top: 0;
	transform: rotate(180deg);
}

/* 헤더-스터디 상태 */
.studyState {
	position: relative;
	padding-left: 20px;
}

.studyState:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 30px;
	background-color: rgba(255, 255, 255, .25);
}

.studyState .btnType01 {
	border-radius: 20px;
	height: 30px;
	padding: 0 13px;
	font-size: 14px;
}

/* 헤더-우측 */
.header-right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.header-right .quizBtnType01 {
	width: 110px;
	height: 40px;
	margin-left: 14px;
	border-color: #43270F;
	box-shadow: initial;
}

.header-right [class^="quizBtnType0"]:after {
	left: 5px;
	top: 4px;
	width: 14px;
	height: 14px;
	background-size: 14px auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14.9291 1.78711C13.5001 1.78711 5.00012 3.50012 3.3291 11.4741' stroke='%238B7361' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M1.89307 15.4922C2.09085 15.4922 2.28419 15.4335 2.44864 15.3237C2.61308 15.2138 2.74126 15.0576 2.81694 14.8749C2.89263 14.6921 2.91244 14.4911 2.87385 14.2971C2.83527 14.1031 2.74003 13.9249 2.60017 13.7851C2.46032 13.6452 2.28214 13.55 2.08816 13.5114C1.89418 13.4728 1.69311 13.4926 1.51038 13.5683C1.32766 13.644 1.17148 13.7722 1.0616 13.9366C0.951715 14.1011 0.893066 14.2944 0.893066 14.4922C0.893066 14.7574 0.998422 15.0118 1.18596 15.1993C1.3735 15.3868 1.62785 15.4922 1.89307 15.4922Z' fill='%238B7361'/%3E%3C/svg%3E");
}

.header-right .quizBtnType01 strong {
	font-size: 18px;
	position: relative;
	top: 2px;
}

.header-right .btn-close07 {
	right: 17px;
	top: 0;
}

[class^="btnInfo-"] {
	padding: 0 12px;
}

.btnInfo-allmenu {
	padding-left: 10px;
}

.btnInfo-alram {
	position: relative;
}

.icon-new {
	position: absolute;
	right: 11px;
	top: 0;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	background-color: #FFFA7A;
	text-align: center;
	color: #EA3F4E;
	font-size: 16px;
	font-weight: 700;
	font-family: 'KoreanERWJM';
}

/* 모듈: 라운드 label */
.label01 {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	border-radius: 24px;
	background-color: rgba(120, 85, 255, 0.6);
	color: #fff;
}

.icon-heart {
	width: 12px;
}

[class*="label0"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 12px;
	height: 30px;
}

.label02,
.label03 {
	border-radius: 100px;
	background-color: #fff;
	font-size: 16px;
	color: #7855FF;
	font-weight: 800;
	font-family: 'NanumSquareRound';
}

.label03 {
	border-radius: 8px;
}

.label04 {
	display: flex;
	align-items: center;
	justify-content: left;
	width: 98px;
	height: 35px;
	margin-bottom: 12px;
	padding: 0 4px 0 12px;
	color: #735AF6;
	font-size: 18px;
	font-weight: 800;
	box-sizing: border-box;
	background-image: url('../img/bg-label.png');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.label05 {
	display: inline-flex;
	border-radius: 20px;
	background-color: #7855FF;
	color: #fff;
	border: 2px solid #EEEAFF;
	box-sizing: border-box;
	font-weight: 800;
}

.quizHeader-text {
	padding-left: 8px;
	font-weight: 700;
	letter-spacing: -0.9px;
	color: #5A371E;
}

.quizHeader-r {
	width: 400px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 40px;
	background-color: #F2F2F2;
	box-sizing: border-box;
}

.studyStepList {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.studyStepList:before {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 5px;
	transform: translateX(-50%);
	max-width: 256px;
	width: 100%;
	height: 4px;
	background-color: #ddd;
}

.studyStepList li {
	position: relative;
	padding-top: 16px;
}

.studyStepList li:after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 14px;
	height: 14px;
	border-radius: 100%;
	border: 2px solid #ddd;
	background-color: #fff;
	box-sizing: border-box;
}

.studyStep-text {
	display: block;
	margin-top: 6px;
	text-align: center;
	font-size: 14px;
	letter-spacing: -0.7px;
	font-weight: 700;
	color: #aaa;
}

.stepCurrent .studyStep-text {
	color: #5A371E !important;
}

.stepCurrent:after {
	border-color: #43270F !important;
	background-color: #5A371E !important;
}

/* btn arrow 타입 */
.btn-arrow01 {
	display: flex;
	align-items: center;
}

.btn-arrow01 .group+.group {
	margin-left: 40px;
	display: flex;
	align-items: center;
}

.btn-arrow01 .numGroup01 {
	margin-top: 4px;
}

.btn-arrow02 {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	padding: 0 24px;
	border: 0;
	background: none;
}

.icon-arrow03 {
	width: 12px;
	height: 17px;
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../img/icon-arrow03.png');
}

.icon-arrow04 {
	width: 20px;
	height: 20px;
	background-size: auto 100% !important;
	background-repeat: no-repeat;
	background-image: url('../img/icon-arrow04.png');
}

.btn-next .icon-arrow04 {
	background-image: url('../img/icon-arrow04-r.png');
}

.icon-arrow05 {
	width: 32px;
	height: 32px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32ZM15.3464 10.3679C14.7606 9.78213 13.8108 9.78213 13.2251 10.3679C12.6393 10.9537 12.6393 11.9034 13.2251 12.4892L16.7358 16L13.2251 19.5108C12.6393 20.0966 12.6393 21.0463 13.2251 21.6321C13.8108 22.2179 14.7606 22.2179 15.3464 21.6321L19.9178 17.0607C20.5036 16.4749 20.5036 15.5251 19.9178 14.9393L15.3464 10.3679Z' fill='%235A371E'/%3E%3C/svg%3E");
}

.icon-arrow06 {
	margin-left: 8px;
	width: 10px;
	height: 16px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16' fill='none'%3E%3Cpath d='M2 14L8 8L2 2' stroke='%23FF6371' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-arrow07 {
	display: block;
	width: 8px;
	height: 14px;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 8px auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M1.35792 1.34315L7.00003 7L1.35792 12.6569' stroke='%235A371E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.menuList-cont .icon-arrow07 {
	transform: rotate(90deg);
	margin-left: 0;
	position: relative;
	left: -10px;
}

.subOpen .icon-arrow07 {
	transform: rotate(-90deg);
}

.icon-arrow08 {
	width: 8px;
	height: 12px;
	background-size: 100% auto;
	background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M1 1L7 7L1 13' stroke='%23AAAAAA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.btnCurrent .icon-arrow08 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M1 1L7 7L1 13' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-arrow09 {
	width: 6px;
	height: 10px;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1.00001' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/* btn 그룹핑 */
.btnGroup-w01 {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	width: 294px;
}

/* 우측하다 학습메뉴 */
.blindMenu-w {
	position: absolute;
	right: -285px;
	bottom: 70px;
	padding-left: 33px;
	transition: all 0.3s;
}

.blindMenu-w.blindMenu-open {
	right: -20px;
}

.blindMenu-open .icon-arrow03 {
	transform: rotate(180deg);
	margin-top: -8px;
}

.blindMenu-cont {
	position: relative;
	z-index: 1;
	padding-right: 20px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	max-width: 296px;
	width: 100%;
	height: 91px;
	border-radius: 20px;
	border: 2px solid #5A371E;
	box-sizing: border-box;
	background-color: #fff;
}

.blindMenu-cont li {
	text-align: center;
	padding: 0 20px;
}

.btn-roundIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	background-color: #EEE;
}

.icon-qanote {
	display: block;
	width: 24px;
}

.icon-testnote {
	display: block;
	width: 27px;
}

.btn-roundIcon .icon-vod {
	display: block;
	width: 25px;
}

.btn-roundText {
	display: inline-block;
	margin-top: 5px;
	font-size: 14px;
	font-weight: 800;
}

/* 전체메뉴 */
.allmenu-w {
	position: fixed;
	right: -100%;
	top: 0;
	z-index: 9;
	height: 100vh;
	transition: all 0.3s ease;
}

.allmenu-w:after {
	display: none;
	content: '';
	position: fixed;
	right: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(90, 55, 30, 0.8);
}

.allmenu-inner {
	position: fixed;
	right: -100%;
	top: 0;
	transition: all 0.3s ease;
	z-index: 9;
	width: 410px;
	height: 100vh;
	background-color: #fff;
}

.allmenu-top {
	padding: 36px 40px 24px;
	border-bottom: 5px solid #F2F2F2;
	box-sizing: border-box;
}

.menuOpen:after {
	display: block;
}

.menuOpen,
.menuOpen .allmenu-inner {
	right: 0;
	transition: all 0.3s ease;
}

.btn-close {
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
}

.icon-x {
	display: inline-block;
	width: 24px;
	height: 24px;
}

.btn-close02 {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 20px;
	top: 23px;
	width: 60px;
	height: 60px;
}

.btn-close02 .icon-x {
	display: inline-block;
	width: 20px;
	height: 20px;
}

.btn-close03 {
	position: absolute;
	right: -15px;
	top: -15px;
	z-index: 1;
	width: 38px;
	height: 38px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M17 32C25.2843 32 32 25.2843 32 17C32 8.71573 25.2843 2 17 2C8.71573 2 2 8.71573 2 17C2 25.2843 8.71573 32 17 32Z' fill='white'/%3E%3Cpath d='M17 33C25.8366 33 33 25.8366 33 17C33 8.16344 25.8366 1 17 1C8.16344 1 1 8.16344 1 17C1 25.8366 8.16344 33 17 33Z' stroke='%235A371E' stroke-width='2'/%3E%3Cpath d='M17 31C24.732 31 31 24.732 31 17C31 9.26801 24.732 3 17 3C9.26801 3 3 9.26801 3 17C3 24.732 9.26801 31 17 31Z' stroke='%23EEEEEE' stroke-width='2'/%3E%3Cpath d='M22 12L12 22' stroke='%235A371E' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 12L22 22' stroke='%235A371E' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

.btn-close04 {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 16px;
	top: 10px;
	width: 46px;
	height: 46px;
}

.btn-close04 .icon-x {
	width: 14px;
	height: 14px;
}

.btn-close06 {
	position: absolute;
	right: -10px;
	top: -36px;
	width: 36px;
	height: 36px;
	padding: 10px;
	box-sizing: border-box;
}

.btn-close06 .icon-x {
	width: 16px;
	height: 16px;
}

.btn-close07 {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 64px;
	height: 64px;
	padding: 10px;
	box-sizing: border-box;
}

.btn-close07 .icon-x {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 4L19.9999 19.9999' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 20L19.9999 4.00007' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* 전체메뉴-프로필 */
.userInfo-w {
	margin-top: 17px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 77px;
}

.userImg-w {
	position: relative;
}

.userImg-inner {
	overflow: hidden;
	width: 77px;
	height: 77px;
	border: 2px solid #43270f;
	border-radius: 100%;
	box-sizing: border-box;
}

.userImg-inner img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.userImg-badge {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 27px;
}

.icon-badger {
	width: 22px;
}

.userText-w {
	padding-left: 10px;
}

.nicknameGroup {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.nickname {
	display: block;
	font-size: 24px;
	font-weight: 400;
	font-family: 'KoreanERWJM';
}

.comment {
	display: block;
	font-size: 14px;
	letter-spacing: -0.7px;
	font-weight: 700;
	font-family: 'NanumSquareRound';
}

.icon-level {
	margin-left: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 25px;
	padding-bottom: 1px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	background-image: url('../img/icon-level.png');
}

.icon-level span {
	font-size: 15px;
	color: #fff;
	font-weight: 800;
}

/* 전체메뉴-퀵메뉴버튼 */
.quickMenu-w {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}

.quickMenu-w .btnType01 {
	width: 160px;
	height: 40px;
	border-radius: 40px;
}

.quickMenu-w .icon-calendar {
	display: block;
	width: 24px;
}

.quickMenu-text {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding-left: 10px;
}

.quickMenu-text span {
	position: relative;
}

.quickMenu-text span+span {
	padding-left: 10px;
	margin-left: 6px;
	position: relative;
}

.quickMenu-text span+span:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #fff;
}

/* 전체메뉴-바로가기 메뉴*/
.menuList-w {}

.menuList-inner {}

.menuList-inner li {}

.menuList-cont {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 56px;
	color: #58391F;
	padding: 0 13px 0 22px;
}

.menuList-text {
	display: flex;
	align-items: center;
}

.menuList-text strong {
	display: inline-block;
	margin-left: 10px;
}

.menuArrow {
	display: block;
	width: 14px;
	height: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 14px auto;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='65' viewBox='0 0 16 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 56.9982L6.96 62.9592C7.18488 63.183 7.48923 63.3086 7.8065 63.3086C8.12376 63.3086 8.42812 63.183 8.653 62.9592L14.614 56.9982' stroke='%23DDDDDD' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M1 0.998154L6.96 6.95915C7.18488 7.18296 7.48923 7.30859 7.8065 7.30859C8.12376 7.30859 8.42812 7.18296 8.653 6.95915L14.614 0.998154' stroke='%23DDDDDD' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.menuList-cont strong {
	display: block;
	font-size: 18px;
	color: #58391F;
}

/* 전체메뉴-바로가기 메뉴(서브)*/
.menuListSub-w {
	height: 0;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
	background-color: #f6f6f6;
}

.subOpen .menuListSub-w {
	height: auto;
}

.subOpen .menuArrow {
	transform: rotate(180deg);
}

.menuListSub-inner {}

[class*="menuListSub-cont"] {
	display: flex;
	align-items: center;
	width: 100%;
	height: 40px;
	padding-left: 60px;
	box-sizing: border-box;
}

.menuListSub-cont2 {
	padding-left: 70px;
}

/* 콘텐츠 햄버거 버튼 */
.quizInfo-w {
	position: absolute;
	right: 24px;
	top: 16px;
	width: 28px;
	height: 28px;
}

.btn-menu {
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	background-color: #5A371E;
	border-radius: 100%;
}

.icon-hambug {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='1.61499' cy='4' r='1' fill='white'/%3E%3Ccircle cx='1.61499' cy='8.40039' r='1' fill='white'/%3E%3Ccircle cx='1.61499' cy='12.8008' r='1' fill='white'/%3E%3Crect x='4' y='3' width='10.9999' height='2' rx='1' fill='white'/%3E%3Crect x='4' y='7.40039' width='10.9999' height='2' rx='1' fill='white'/%3E%3Crect x='4' y='11.8008' width='10.9999' height='2' rx='1' fill='white'/%3E%3C/svg%3E");
}

.quizInfo-w .layerPopup-inner {
	padding: 0;
}

.quizInfoList {}

.quizInfoList-inner {
	position: relative;
}

.quizInfoList-inner:after {
	display: block;
	content: '';
	width: 4px;
	height: calc(100% - 55px);
	position: absolute;
	left: 36px;
	top: 25px;
	background-color: #eee;
}

.quizInfoList-cont {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-height: 60px;
	position: relative;
	padding: 20px 16px 20px 20px;
	box-sizing: border-box;
}

.quizInfoList-cont:first-of-type .lineStyle01 {
	display: none;
}

.quizInfoList-num {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding-top: 1px;
	box-sizing: border-box;
	border: 4px solid #ddd;
	background-color: #eee;
	border-radius: 100%;
	font-size: 24px;
	font-family: 'KoreanERWJM';
	color: #aaa;
}

.qInfoListText-w {
	margin-left: 11px;
}

.quizInfoList-txt {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.8px;
	font-family: 'NanumSquareRound';
	color: #aaa;
}

.quizInfoList-cont.current {
	background-color: #EEEAFF;
	padding-left: 20px;
}

.quizInfoList-cont.current .qInfoListText-w {
	margin-left: 5px;
}

.layerPopup-w03 .quizInfoList-cont.current .quizInfoList-num,
.layerPopup-w03 .quizInfoList-cont.current .quizInfoList-txt {
	color: #7855FF !important;
}

.quizInfoList-cont.current .quizInfoList-num {
	width: 42px;
	height: 42px;
	left: -3px;
}

.quizInfoList-cont.current .quizInfoList-cont {
	padding-left: 22px;
}

/* 레이어팝업 리스트 제어 */
.layerPopup-w .quizInfoList-cont.current .quizInfoList-txt,
.layerPopup-w .quizInfoList-cont.current .quizInfoList-num {
	color: #7855FF;
}

.quizInfoList-cont.current .quizInfoList-num {
	width: 42px;
	height: 42px;
	font-size: 28px;
	background-color: #fff;
	border-color: #7855FF;
}

.layerPopup-w .quizInfoList-cont.current .qInfoListText-w {
	margin-left: 6px;
}

.layerPopup-w .quizInfoList-txt {
	color: #aaa;
}

/* 공통 팝업 */
[class*="dimPopup-w"],
[class*="toastPopup-w"] {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	background-color: rgba(90, 55, 30, 0.8);
}

[class*="dimPopup-w"] .moduleBtn-cont {
	min-width: 240px;
	width: 240px;
}

[class*="dimPopup-w"] [class^="quizBtnType0"] strong {
	font-size: 20px !important;
}

[class*="toastPopup-w"] [class*="moduleBtn-w"],
[class*="dimPopup-w"] [class*="moduleBtn-w"] {
	margin: 26px 0;
}

.dimPopup-inner,
.toastPopup-inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background-color: #fff;
}

.toastPopup-inner {
	border-radius: 16px;
}

.dimPopup-inner {
	width: 922px;
	height: 604px;
	flex-wrap: wrap;
}

.qnaPopup .dimPopup-inner {
	height: 100%;
	align-items: flex-start;
}

.dimPopup-cont {
	width: 100%;
	max-height: calc(var(--size) * 1px);
	height: 100%;
	padding-top: 113px;
	box-sizing: border-box;
	overflow-y: auto;
}

/* 질문하기 팝업 */
.dimPopup-w form,
.formQuestion {
	padding: 24px 40px 0;
}

.popupCont {
	overflow: hidden;
	padding-bottom: 50px;
	box-sizing: border-box;
}

/*max-height:calc(100vh - 113px);*/
.form-group {
	margin-top: 8px;
	position: relative;
}

.form-group:first-of-type {
	margin-top: 0;
}

/* 답변확인 팝업 */
.dimPopup-w02 .dimPopup-inner {
	position: relative;
}

.dimPopup-w02 .btn-close02 {
	position: absolute;
	right: 0;
	top: 0;
}

/* 답변확인 팝업 - 질문 */
.formQuestion .form-group {
	padding: 10px 0;
	margin-top: 0;
	border-top: 1px solid #EFEFEF;
}

.formQuestion .form-group:first-of-type {
	border-top: 0;
}

.formQuestion [class^="rowType0"] strong {
	top: 0;
	color: #7e7e7e;
}

.formQuestion [class^="rowType0"] .rowText {
	padding-top: 0;
}

/* 답변확인 팝업 - 답변 */
.formAnswer-w {
	width: calc(100% - 80px);
	margin: 20px auto 0;
}

.formAnswer {
	padding: 20px;
	border-radius: 12px;
	background-color: #f7f7f7
}

.formAnswer-w .form-group {
	margin-top: 16px;
	padding-top: 16px;
}

.formAnswer-w .fileName-text {
	color: #5A371E;
}

.formAnswer-w .form-group:first-of-type {
	padding-top: 0;
	margin-top: 0;
}

.formAnswer-w .form-group:first-of-type .lineStyle01 {
	display: none;
}

.formAnswer-w .rowText {
	font-weight: 700 !important;
}

/* 답변확인 팝업 - 처리상태 */
.infoDate-w {
	margin-top: 13px;
}

.infoDate-inner {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.infoDate-cont {
	display: flex;
	align-items: center;
	position: relative;
	margin-left: 12px;
	padding-left: 12px
}

.infoDate-cont:after {
	display: block;
	content: '';
	width: 1px;
	height: 14px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #aaa;
}

.infoDate-cont:first-of-type {
	padding-left: 0;
	margin-left: 0;
}

.infoDate-cont:first-of-type:after {
	display: none;
}

.infoDate-cont strong {
	display: inline-block;
	margin-right: 6px;
	color: #666;
	font-weight: 400;
}

.infoDate-cont div {
	color: #aaa;
	font-weight: 400;
}

/*  토스트팝업 */
.toastPopup-inner {
	width: 337px;
	margin: 2px;
}

[class*="toastPopup-w"] .icon-pin {
	position: absolute;
	left: 50%;
	top: -10px;
	z-index: 2;
	transform: translateX(-50%);
}

.toastPopup-cont {
	display: block;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	border: 2px solid #A790FF;
	box-shadow: 0 0 0 2px #5A371E;
	border-radius: 16px;
	background-color: #fff;
}

.toastPopup-title {
	flex-shrink: 0;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 80px;
	font-size: 30px;
	letter-spacing: -1.5px;
	color: #5A371E;
	background-color: #EEEAFF;
	border-radius: 16px 16px 0 0;
	font-family: 'KoreanERWJM';
}

/*.popupText{font-size:20px;line-height:30px;letter-spacing:-1px;padding:0 20px;font-weight:700;word-break: keep-all;}*/
.toastPopup-title strong {
	font-weight: 400;
}

/* 캐릭터 팝업 */
.bg-popup {
	display: block;
	width: 93px;
	height: 86px;
	position: absolute;
	left: 50%;
	top: -63px;
	transform: translateX(-50%);
}

.toastPopup-w02 .toastPopup-cont {
	padding-top: 58px;
	background-color: #F6F4FF;
}

.toastPopup-w02 .popupText-w {
	text-align: center;
}

/* 팝업3 : 이미지 타입 */
[class*="toastPopup-w0"] {
	display: none;
}

.toastOpen {
	display: flex;
}

.toastPopup-w03 .toastPopup-inner {
	position: relative;
}

.toastPopup-w03 .icon-level {
	position: absolute;
	left: 20px;
	top: -4px;
	z-index: 2;
	width: 34px;
	height: 38px;
	margin-left: 0;
}

.toastPopup-w03 .popupTitle01 {
	background: none;
	height: auto;
	padding-top: 245px;
}

.toastPopup-w03 .popupTitle01 strong {
	position: absolute;
	left: 0;
	top: 44px;
	z-index: 1;
	padding: 0 18px;
	box-sizing: border-box;
}

.toastPopup-w03 .popupText-w {
	color: #5A371E;
	font-weight: 800;
}

.toastPopup-w03 .image-w {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 28px;
	line-height: 28px;
}

.toastPopup-w03 .moduleBtn-w02 .moduleBtn-cont {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 100%;
	padding-bottom: 13px;
	padding-top: 60px;
	margin-top: 0;
}

.toastPopup-w03 .moduleBtn-w02 .moduleBtn-cont:after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: Absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 28%, rgba(255, 255, 255, 1) 58%);
}

.toastPopup-w03 .dottList01 {
	width: 100%;
}

.toastPopup-w03 .dottList01 li {
	padding-right: 0;
	width: 100%;
}

.toastPopup-w03 .dottList01 li:after {
	width: 6px;
	height: 6px;
}

.toastPopup-w03 .quizBtnType03,
.toastPopup-w04 .quizBtnType03 {
	z-index: 2;
	width: 295px;
	margin: 0 auto;
}

/* 토스트 팝업04 : 핀 타입 */
.toastPopup-w04 .toastPopup-inner {
	width: 540px;
}

.toastPopup-w04 .toastPopup-cont {
	padding-bottom: 22px;
}

.toastPopup-w04 .popupText-w {
	padding: 0 20px;
}

.toastPopup-w04 .popupText02 {
	padding-bottom: 0;
}

.toastPopup-w04 .planList-w {
	padding: 21px 2vw 0 2vw;
}

.toastPopup-w04 .popupBtn-w {
	margin-top: 18px;
}

.toastPopup-w04 .toastPopup-inner {
	max-width: 335px;
	flex-wrap: wrap;
	padding: 0;
}

.toastPopup-w04 .toastPopup-cont:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 100%;
	height: 186px;
	border-radius: 24px;
	background-size: calc(100% - 4px) auto;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url('../img/bg-toastTitle01.png');
}

.toastPopup-w05 .toastPopup-cont {
	padding: 8px 15px 24px;
}

.toastPopup-w05 .title {
	display: inline-block;
	margin-bottom: 5px;
	font-family: 'KoreanERWJM';
	font-weight: 400;
	font-size: 24px;
}

.toastPopup-w05 .text {
	font-size: 16px;
	font-weight: 700;
}

/* 획득단계 */
.levelStep-w {
	position: relative;
	display: flex;
	align-items: center;
	margin: 0 auto 14px;
	width: 264px;
	height: 39px;
	background-color: #F6F4FF;
	border: 2px solid #CABDF9;
	padding: 2px;
	box-sizing: border-box;
	border-radius: 16px;
}

.levelStep-w:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 2px solid #EEEAFF;
	border-radius: 16px;
}

.levelStep-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% + 4px);
}

.levelStep-cont {
	display: inline-block;
	position: relative;
	margin: 0 2px;
	width: 100%;
	height: 25px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	background-image: url('../img/progress_02_01.png');
}

.levelStep-cont.current {
	background-image: url('../img/progress_02_02.png');
}


/* 이미지 모듈 */
.imageBox01 {
	margin-top: 20px;
	border-radius: 16px;
	overflow: hidden;
}

/* 학습이력 */
.studyDataList-w {
	background-color: #fff;
	height: 100%;
}

.studyDataList-w02,
.studyDataList-w {
	position: relative;
	border: 2px solid #FFEF6E;
	border-width: 2px 2px 8px;
	border-radius: 24px;
	box-sizing: border-box;
	overflow: hidden;
}

.studyDataList-inner {
	position: relative;
	z-index: 1;
	overflow-y: auto;
	background-color: #fff;
}

.studyDataList-w .quizInfoList-cont {
	padding: 24px 29px 24px 28px;
	height: 104px;
	box-sizing: border-box;
}

.studyDataList-w.current .qInfoListText-w {
	margin-left: 14px;
}

.studyDataList-w .quizInfoList-num,
.studyDataList-w .current .quizInfoList-num {
	font-size: 24px;
	width: 54px;
	height: 54px;
}

.studyDataList-w .quizInfoList-state {
	font-size: 16px;
	font-weight: 800;
	color: #AAA;
}

.studyDataList-w .quizInfoList-txt {
	font-size: 20px;
	color: #aaa;
}

.studyDataList-w .quizInfoList-cont.current {
	background-color: #FFF9E3;
}

.studyEnd .donut-title,
.quizInfoList-cont.current .donut-title {
	color: #5A371E !important;
}

.studyEnd .quizInfoList-state,
.quizInfoList-cont.current .quizInfoList-state {
	color: #7855FF;
}

.studyEnd .quizInfoList-txt,
.quizInfoList-cont.current .quizInfoList-txt {
	color: #5A371E;
}

.quizInfoList-cont.current .quizInfoList-txt {
	font-weight: 800;
}

/* 학습이력 도넛 그래프 */
.studyDataList-w .studyDataList-inner {
	max-height: calc(100% - 32px);
	margin: 16px 16px 16px 0;
}

.studyDataList-w .donut-chart {
	width: 54px;
	height: 54px;
}

.studyDataList-w .donut-chart .center {
	width: 46px;
	height: 46px;
}

.studyDataList-w .graphbarBg {
	width: 4px;
	height: 4px;
}

.studyDataList-w .donut-title {
	font-size: 24px;
	font-weight: 800;
	font-family: 'KoreanERWJM';
	color: #aaa;
}

/* 학습이력 상세보기 */
.studyDataList-w02 {
	border-color: rgba(120, 85, 255, 0.5);
	background-color: #fff;
	height: 100%;
}

.studyDataList-w02 .studyDataList-inner {
	max-height: calc(100% - 32px);
	margin: 16px 16px 16px 0;
	padding-left: 56px;
	box-sizing: border-box;
}

.studyDataList-w02 .quizInfoList-cont {
	padding: 16px 40px 16px 0;
	flex-wrap: wrap;
}

[class^="studyDataList-w0"] .qInfoListText-w {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-left: 0;
}

[class^="studyDataList-w0"] .qInfoList-txt {
	flex-shrink: 0;
	display: flex;
	justify-content: flex-end;
	padding-left: 10px;
	box-sizing: border-box;
}

.qInfoList-title {
	font-size: 18px;
	color: #5A371E;
	letter-spacing: -0.9px;
	font-weight: 700;
}

.qInfoList-label {
	flex-shrink: 0;
	opacity: 0.7;
	color: #7855FF;
	font-weight: 700;
}

.qInfoList-date {
	margin-left: 8px;
	display: inline-block;
	padding-left: 10px;
	position: relative;
	color: #aaa;
}

.qInfoList-date:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 18px;
	background-color: #ddd;
}

/* 배지,칭호 획득 상세보기 */
.studyDataList-w03 {
	padding-left: 3vw;
	width: 100%;
	box-sizing: border-box;
}

.studyDataList-w03 .studyDataList-inner {
	height: auto;
}

.studyDataList-w03 .quizInfoList-cont {
	position: relative;
	padding: 20px 0;
}

.studyDataList-w03 .qInfoList-title {
	font-weight: 800;
}

/* 학습진도율 */
.studyPercent-w {}

.studyDataList-w04 {
	margin-top: 14px;
	width: 100%;
	height: 100px;
	padding: 20px 24px;
	border-radius: 24px;
	background-color: rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.studyDataList-w04 .studyDataList-inner {
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: auto;
	background-color: transparent;
}

.studyDataList-w04 .quizInfoList-cont {
	flex-wrap: wrap;
}

.studyDataList-w04 .quizInfoList-cont {
	width: 100%;
	padding: 0 10px 0 0;
	box-sizing: border-box;
}

.studyDataList-w04 .quizInfoList-cont {}

.studyDataList-w04 .quizBtnType03 {
	max-width: 216px;
}

.graphTitle-w01 {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.graphTitle {
	font-size: 22px;
	font-weight: 800;
}

.graphTitle-sub {
	display: inline-block;
	padding-left: 12px;
	margin-left: 10px;
	position: relative;
	font-size: 22px;
	font-weight: 700;
}

.graphTitle-sub:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 16px;
	border-radius: 5px;
	background-color: #5A371E;
}

.graphBar-w {
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.graphBar-w .progressBar-w02 {
	margin-top: 0;
	background-color: #fff;
}

.graphBar-w .tResult-text {
	margin-top: 0;
	margin-left: 10px;
}

.graphBar-w .tResult-text {
	align-items: flex-end;
}

.graphBar-w .tResult-value {
	font-size: 18px;
}

/* 개념영상 학년별,주제별 리스트*/
.boradList-w {
	margin-top: 20px;
	border-radius: 16px 16px;
	overflow: hidden;
	max-height: 100%;
	height: calc(100% - 143px)
}

.boradList-inner {
	height: 100%;
}

.boradList-w table {
	display: table;
	padding: 0 6px;
	width: 100%;
	height: 100%;
	border-radius: 0 0 16px 16px;
	box-sizing: border-box;
	background-color: #fff;
	overflow: hidden;
}

.boradList-w th {
	text-align: center;
	height: 55px;
	background-color: #E3E3E3;
}

.boardList-w thead {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.boradList-w tbody {
	display: block;
	width: calc(100% + 6px);
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	background-color: #fff;
}

/*height:500px;*/
.boradList-w td {
	text-align: center;
	padding: 20px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
}

.boradList-w tr {
	display: table;
	width: 100%;
	box-sizing: border-box;
}

.boradList-w .num {
	width: 158px;
	flex-shrink: 0;
	text-align: center;
}

.boradList-w .view {
	width: 140px;
	flex-shrink: 0;
	text-align: center;
}

.boradList-w .date {
	width: 140px;
	flex-shrink: 0;
	text-align: center;
}

.boradList-w .state {
	width: 100px;
	flex-shrink: 0;
	text-align: center;
}

.boradList-w .title {
	text-align: left;
	padding: 0 24px;
}

.boradList-w th.title {
	text-align: center;
}

.boradList-w .title:hover {
	text-decoration: underline;
}

.boradList-w [class^="quizNum0"] {
	top: 0;
	margin: 0 auto;
}

.btn-play {
	border: 0;
	background: none;
}

.icon-file {
	display: inline-block;
	margin-left: 7px;
}

.char05 {
	display: block;
	width: 178px;
	margin: 0 auto;
}

.listNone {
	border-bottom: 0 !important;
}

.listNone strong {
	display: block;
	margin-top: 16px;
	text-align: center;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: -1.4px;
	color: #aaa;
	font-family: 'KoreanERWJM';
}

/* 나의 질문노트 안내 */
.myqnaInfo-w {
	flex-shrink: 0;
	margin-top: 20px;
}

.mqInfo-inner,
.mqInfo-cont,
.mqInfo-group,
.mqInfo-count {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mqInfo-inner {
	padding: 8px 8px 8px 15px;
	border-radius: 12px;
	box-sizing: border-box;
	background-color: #E6E1FF;
}

.mqInfo-cont {
	position: relative;
	background-position: left center;
}

.mqInfo-cont:first-of-type {
	background: none;
}

.mqInfo-group {
	padding: 0 12px;
}

.allCount .mqInfo-group:first-of-type {
	padding-right: 24px;
}

.allCount .mqInfo-group {
	border-right: 1px dashed #AF9AFF;
}

.allCount {
	margin-right: 12px;
}

.allCount .mqInfo-group {
	margin-left: 0;
}

.mqInfo-title,
.mqInfo-text {
	font-size: 18px;
	color: #7855FF;
	opacity: 0.7;
	font-family: 'KoreanERWJM';
	font-weight: 400;
}

.mqInfo-num {
	display: inline-block;
	margin-left: 4px;
	font-size: 20px;
	font-weight: 800;
	color: #7855FF;
}

.mqInfo-title {
	display: inline-block;
	margin-left: 4px;
}

.mqInfo-text {
	display: inline-block;
	margin-left: 3px;
}

.allCount .mqInfo-title {
	font-size: 24px;
}

.allCount .mqInfo-num {
	margin-left: 12px;
	font-size: 28px;
}

/* top버튼 */
.btn-top {
	display: block;
	position: fixed;
	right: 40px;
	bottom: 40px;
	width: 52px;
	height: 52px;
}

/* 콘텐츠 좌측-퀵메뉴 */
.quickMenu-w02 {
	display: flex;
	justify-content: center;
	position: relative;
	padding-top: 30px;
	margin-top: 35px;
}

[class^="bdline"] {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 7px;
	background-size: auto 2px;
	background-image: url('../img/line-dashed.png');
	background-repeat: repeat-x;
}

.bdline02-btm {
	top: auto;
	bottom: 0;
	height: 2px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='346' height='2' viewBox='0 0 346 2' fill='none'%3E%3Cpath d='M346 1L-4.00002 1' stroke='%23DDDDDD' stroke-dasharray='3 3'/%3E%3C/svg%3E");
}

.btn-quickMenu {
	flex: 1 1 0 1;
	display: block;
	padding: 0 5px;
	box-sizing: border-box;
}

.quickMenu-cont {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.quickMenu-cont [class^="icon-"] {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 28px;
}

.quickMenu-cont strong {
	margin-top: 10px;
	width: 100%;
	font-size: 14px;
	display: block;
	text-align: center;
	font-weight: 800;
	letter-spacing: -0.7px;
}

.icon-knowledge {
	width: 25px;
}

.icon-rpower {
	width: 22px;
}

.icon-chart {
	width: 25px;
}

/* 콘텐츠 좌측 메뉴 */
.mypageGraph-w {
	padding: 10px 16px;
	box-sizing: border-box;
}

.mypageCalendar-w {
	position: relative;
	margin-top: 25px;
}

.mypageCalendar-w:before {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: -7px;
	transform: translateX(-50%);
	z-index: 2;
	width: 100%;
	height: 24px;
	background-image: url('../img/mypage-calendar.png');
	background-repeat: no-repeat;
	background-position: center top;
}

.mypageCalendar-w:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 100%;
	height: 100%;
	border-radius: 22px;
	border: 2px solid #5A371E;
	box-sizing: border-box;
	background-color: #D1C4FF;
}

.mypageCalendar-inner {
	position: relative;
	z-index: 1;
	background-color: #fff;
	border-radius: 22px;
	border: 2px solid #5A371E;
	box-sizing: border-box;
	overflow: hidden;
}

.mypageCalendar-cont {
	padding: 22px 0;
}

.btn-monthCalendar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 42px;
	padding: 22px 16px 10px;
	box-sizing: border-box;
	background-color: #7855FF;
}

.btn-monthCalendar span {
	display: flex;
	align-items: center;
}

.btn-monthCalendar strong {
	display: block;
	font-size: 16px;
	color: #fff;
	letter-spacing: -0.8px;
	font-weight: 800;
}

/* 나의 테스트 현황 */
.myTestChart-w {
	padding: 20px 16px 28px;
	box-sizing: border-box;
}

.myTestChart-list {}

.myTestChart-cont {
	position: relative;
	padding-left: 82px;
	margin-top: 20px;
}

.myTestChart-cont:first-of-type {
	margin-top: 0;
}

.myTestChart-txt {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.myTestChart-tit {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 3px 8px;
	box-sizing: border-box;
	border-radius: 22px;
	font-size: 14px;
	background-color: #F4F4F4;
	font-weight: 800;
}

.myTestChart-txt {}

.myTestChart-txt .txtPoint {
	font-size: 24px;
	font-weight: 700;
}

.myTestChart-txt .txtcolor02 {
	font-size: 14px;
}

.myTestChart-txt strong {
	position: relative;
	margin-left: 5px;
	padding-left: 6px;
}

.myTestChart-txt strong:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: #5A371E;
}

.alignEtc .myTestChart-txt {
	flex-wrap: wrap;
}

.alignEtc .myTestChart-txt strong {
	flex-shrink: 0;
	width: 100%;
	padding-left: 0;
	margin-left: 0;
}

.alignEtc .myTestChart-txt strong:after {
	display: none;
}

/* 등급별 기준 리스트 */
.levelTable-w {
	display: flex;
	justify-content: space-between;
	max-width: 295px;
}

.levelTable-list {
	padding-top: 24px;
	margin-top: -14px;
}

.list-cont {
	display: flex;
	align-items: center;
	flex: 1 1 50%;
	margin-top: 14px;
}

.round-tit {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 4px 10px;
	box-sizing: border-box;
	width: 58px;
	height: 26px;
	border-radius: 20px;
	background-color: #EEEEEE;
	font-size: 16px;
	color: #5A371E;
	font-weight: 700;
	letter-spacing: -0.8px;
}

.list-cont .txt {
	display: inline-block;
	padding-left: 6px;
	font-size: 14px;
	font-weight: 700;
}

/* 월간 학습현황 리스트 */
.tableData-w {
	border-bottom: 2px solid #D1C4FF;
}

.tableData-w .row {
	display: flex;
	border-top: 1px solid #ddd;
	box-sizing: border-box;
}

.tableData-w .row:first-of-type {
	border-top: 2px solid #D1C4FF;
}

.tableData-w [class*="cell0"] {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-height: 48px;
	padding: 5px 0;
	box-sizing: border-box;
	font-weight: 700;
}

.tableData-w .cell01 {
	text-align: left;
	width: 30%;
	padding-right: 10px;
	font-size: 16px;
}

.tableData-w .cell02 {
	flex-shrink: 0;
	justify-content: flex-end;
	text-align: right;
	width: 34%;
	padding: 0 10px;
	background-color: #EEEAFF;
}

.tableData-w .txtPoint {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	width: 100%;
}

.tableData-w .txtPoint strong {}

.tableData-w .txtPoint span {
	margin-right: 5px;
}

.tableData-w .count {
	font-size: 26px;
}

.tableData-w span {
	font-size: 14px;
}

.tableData-w .cell03 {
	text-align: left;
	width: 40%;
	padding-left: 14px;
	flex-shrink: 0;
}

.tableData-w .monthCount {
	flex-wrap: wrap;
}

.monthCount {
	display: flex;
}

.monthCount .title {
	flex-shrink: 0;
	display: inline-block;
	margin-right: 8px;
	font-size: 16px;
	letter-spacing: -0.8px;
}

/* 취약 개념 분석 */
.stickerBox-w02 {
	position: relative;
	width: 360px;
	height: 240px;
	overflow: hidden;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='249' viewBox='0 0 360 249' fill='none'%3E%3Cpath d='M0 16C0 7.16344 7.16344 0 16 0H321L360 38.7683V233C360 241.837 352.837 249 344 249H16C7.16344 249 0 241.837 0 233V16Z' fill='%23F2F2F2'/%3E%3C/svg%3E");
}

.stickerBox-w02:after {
	display: block;
	content: '';
	position: absolute;
	right: -2px;
	top: -1px;
	width: 39px;
	height: 39px;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='39' viewBox='0 0 39 39' fill='none'%3E%3Cpath d='M0 -0.000671387L0 22.5195C0 31.3561 7.16345 38.5195 16 38.5195H38.9995L0 -0.000671387Z' fill='%23DDDDDD'/%3E%3C/svg%3E");
}

[class*="roundResult0"] {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 100%;
	box-sizing: border-box;
	border: 2px solid #EA3F4E;
	line-height: 1.2;
	font-family: 'KoreanERWJM';
}

[class*="roundResult0"] strong {
	font-weight: 400;
}

.roundResult01 {
	z-index: 2;
	left: 29px;
	top: 45px;
	width: 183px;
	height: 183px;
	background-color: #7855FF;
	font-size: 28px;
	color: #fff;
}

.roundResult02 {
	z-index: 1;
	right: 34px;
	top: 80px;
	width: 115px;
	height: 115px;
	background-color: #D1C4FF;
	border-color: #7855FF;
	color: #5A371E;
	font-size: 18px;
	letter-spacing: -0.9px;
}

.roundResult03 {
	left: 182px;
	top: 24px;
	width: 73px;
	height: 73px;
	border-color: #43270F;
	font-size: 16px;
	background-color: #5A371E;
	color: #fff;
}

/* 메인 : 더 읽을만한 글 */
.sliderList-w {
	margin-top: 16px;
	padding: 0 30px;
}

/* 필독해습 개념영상,필독해습 */
.sliderList-w03,
.sliderList-w04,
.sliderList-w05 {
	margin-top: 30px;
}

.sliderList-w04 .slick-list {
	width: 85%;
	margin: 0 auto;
}

.sliderList-w04 .sliderList-cont {
	padding: 0 8px;
	background-color: #EEEAFF;
}

.sliderList-w05 {}

.sliderList-w05 .quizGroup-cont {
	margin: 0 auto;
	width: 100%;
}

.essentialGroup-w {
	max-width: 940px;
	margin: 0 auto;
}

.essentialGroup-inner {
	position: relative;
	padding: 58px 10px 10px;
	border-radius: 22px;
	background-color: #D1C4FF;
}

.essentialGroup-title {
	position: absolute;
	left: 10px;
	top: 0;
	padding-left: 100px;
	height: 58px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.essentialGroup-title .icon-ssu {
	bottom: auto;
	left: 0;
	top: -10px;
	width: 84px;
}

.essentialGroup-text {
	display: block;
	font-size: 24px;
	font-family: 'KoreanERWJM';
	font-weight: 400;
}

.essentialGroup-cont {}

.vodPlayer-w {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 0;
	padding-top: 56.55%;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}

.dim {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #5A371E;
	opacity: 0.8;
}

.icon-play02 {
	width: 20px;
	position: relative;
	z-index: 1;
}

.icon-setting01 {
	width: 24px;
}

.icon-sound01 {
	width: 64px;
}

.icon-stop01 {
	width: 20px;
}

/* 취약개념분석 */
.analystNote-w {}

.analystNote-inner {
	position: relative;
}

.analystNote-inner:before {
	display: block;
	content: '';
	width: 8px;
	height: calc(100% - 10px);
	position: absolute;
	left: 8px;
	top: 5px;
	background-size: 8px auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='120' viewBox='0 0 8 120' fill='none'%3E%3Cpath d='M4 8C6.20914 8 8 6.20914 8 4C8 1.79086 6.20914 0 4 0C1.79086 0 0 1.79086 0 4C0 6.20914 1.79086 8 4 8Z' fill='white'/%3E%3Cpath d='M4 24C6.20914 24 8 22.2091 8 20C8 17.7909 6.20914 16 4 16C1.79086 16 0 17.7909 0 20C0 22.2091 1.79086 24 4 24Z' fill='white'/%3E%3Cpath d='M4 40C6.20914 40 8 38.2091 8 36C8 33.7909 6.20914 32 4 32C1.79086 32 0 33.7909 0 36C0 38.2091 1.79086 40 4 40Z' fill='white'/%3E%3Cpath d='M4 56C6.20914 56 8 54.2091 8 52C8 49.7909 6.20914 48 4 48C1.79086 48 0 49.7909 0 52C0 54.2091 1.79086 56 4 56Z' fill='white'/%3E%3Cpath d='M4 72C6.20914 72 8 70.2091 8 68C8 65.7909 6.20914 64 4 64C1.79086 64 0 65.7909 0 68C0 70.2091 1.79086 72 4 72Z' fill='white'/%3E%3Cpath d='M4 88C6.20914 88 8 86.2091 8 84C8 81.7909 6.20914 80 4 80C1.79086 80 0 81.7909 0 84C0 86.2091 1.79086 88 4 88Z' fill='white'/%3E%3Cpath d='M4 104C6.20914 104 8 102.209 8 100C8 97.7909 6.20914 96 4 96C1.79086 96 0 97.7909 0 100C0 102.209 1.79086 104 4 104Z' fill='white'/%3E%3Cpath d='M4 120C6.20914 120 8 118.209 8 116C8 113.791 6.20914 112 4 112C1.79086 112 0 113.791 0 116C0 118.209 1.79086 120 4 120Z' fill='white'/%3E%3C/svg%3E");
}

.analystNote-inner:after {
	display: block;
	content: '';
	width: 4px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-repeat: repeat-y;
	background-size: 4px auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='136' viewBox='0 0 4 136' fill='none'%3E%3Cg clip-path='url(%23clip0_642_18222)'%3E%3Cpath d='M0 8.10295L4.28109 16.7575L0 25.418L4.28109 34.0726L0 42.7272L4.28109 51.3817L0 60.0363L4.28109 68.6909L0 77.3454L4.28109 86L0 94.6546L4.28109 103.309L0 111.964L4.28109 120.618L0 129.273L4.28109 137.927L0 146.582L4.28109 155.237L0 163.891L5 174V156.691V153.788V139.382V136.479V122.073V119.17V104.758V101.861V87.4484V84.5516V70.1393V67.2365V52.8301V49.9274V35.521V32.6183V18.2119V15.3091V-2L0 8.10295Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_642_18222'%3E%3Crect width='4' height='136' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.analystNote-cont {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	min-height: 42px;
	margin-top: 2px;
	padding-left: 1rem;
	background-color: #F4F4F4;
}

.analystNote-cont:first-of-type {
	margin-top: 0;
}

.analystNote-text {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 5px 21px 5px 14px;
}

.analystNote-text strong {
	flex-shrink: 0;
}

.analystNote-text p {
	padding-left: 16px;
	font-size: 16px;
	color: #5A371E;
	font-weight: 700;
}

.analystNote-cont .txtPoint {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	min-height: 42px;
	background-color: #FEE3E6;
}

.analystNote-cont .count {
	font-size: 26px;
	font-weight: 800;
}

.analystNote-cont .txtPoint span {
	font-size: 14px;
	font-weight: 700
}

/* 테이블 리스트 */
.tableList-w {
	margin-top: 15px;
}

.tableList-inner {
	position: relative;
	padding-top: 57px;
	margin-top: 11px;
}

.tableList-w div {
	width: 100%;
	overflow: hidden;
	overflow-y: auto;
	max-height: 220px;
}

.tableList-w table {
	width: 100%;
}

.tableList-w thead {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: table;
	background-size: auto 100%;
	background-repeat: repeat-x;
	background-image: url('../img/bg-note03.png');
}

.tableList-w thead tr {
	width: 100%;
}

.tableList-w tbody {}

.tableList-w th {
	height: 35px;
	padding-top: 17px;
	font-weight: 800;
}

.tableList-w th,
.tableList-w td {
	font-size: 16px;
	color: #5A371E;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	font-weight: 700;
}

.tableList-w tr {
	display: flex;
	justify-content: space-around;
	width: 100%;
}

.tableList-w tr:nth-of-type(even) td {
	background-color: #F4F4F4;
}

.tableList-w tr:nth-of-type(odd) td {
	background-color: #eee;
}

.tableTd-num {
	color: #7855FF !important;
}

/* 배지 리스트 */
.bedgeList-w {}

.listInfo-w {
	display: block;
	text-align: center;
}

.listInfo-inner {
	margin: 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 40px 0 24px;
	height: 62px;
	box-sizing: border-box;
	background-color: #F4F4F4;
	border-radius: 16px;
}

.bedgeList-inner {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-top: -56px;
}

.listInfo-text {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.9px;
	color: #5A371E;
}

.char01 {
	display: flex;
	align-items: flex-end;
	width: 70px;
	height: 62px;
}

.char01 img {
	width: 53px;
}

.bedgeList-cont {
	flex-shrink: 0;
	display: block;
	text-align: center;
	width: 16.6%;
	margin-top: 56px;
}

.bedgeList-img {
	width: 206px;
	height: 160px;
	margin: 0 auto;
}

.bedge-on {
	display: none;
}

.bedgeCurrent .bedge-on {
	display: block;
}

.bedgeCurrent .bedge-off {
	display: none;
}

.bedgeList-text {
	width: 100%;
	height: 24px;
	margin-top: 8px;
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: 700;
	text-align: center;
}

.bedgeCurrent .bedgeList-text {
	color: #7855FF;
}

/* 리스트 안내문구 - 분홍색 */
.listInfo-w02 {
	flex-shrink: 0;
}

.listInfo-w02 .listInfo-inner {
	background-color: #DCD4FF;
	height: 48px;
}

.listInfo-w02 .listInfo-text {
	display: inline-block;
	padding: 0 10px;
	font-weight: 400;
	font-size: 24px;
	font-family: 'KoreanERWJM';
}

/* 칭호 리스트 */
.titleList-w {}

.titleList-inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 4px 8px 8px;
	box-sizing: border-box;
}

.titleList-cont {
	margin-top: 20px;
	position: relative;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(50% - 10px);
	height: 60px;
	border-radius: 18px;
	border: 2px solid #D1C4FF;
	box-shadow: 0 0 0 2px rgba(67, 39, 15, 1);
	background-color: #EEEAFF;
	box-sizing: border-box;
}

.titleCurrent {
	border-color: rgba(255, 255, 255, 0.4);
	background-color: #7855FF;
}

.titleCurrent .titleList-text {
	color: #fff;
}

.titleDisable {
	border-color: #ddd;
	background-color: #EEE;
}

.icon-disable {
	display: block;
	position: absolute;
	left: 34px;
	top: -4px;
	z-index: 1;
	width: 29px;
	height: 32px;
}

.titleList-text {
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -1px;
	text-align: center;
}

/* 독해달력 */
.studyInfo-w {
	position: relative;
	padding-bottom: 24px;
}

.studyInfo-w .bdline {
	top: auto;
	bottom: 0;
}

.studyInfo-inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.studyInfo-cont {
	display: flex;
	align-items: center;
	padding-left: 15px;
	box-sizing: border-box;
}

.roundIcon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 100%;
	background-color: #eee;
}

.icon-studyCheck {
	width: 25px;
}

.icon-reading {
	width: 22px;
}

.studyInfo-text {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	padding-left: 5px;
	font-size: 13px;
	font-weight: 700;
}

.studyInfo-text strong {
	font-size: 14px;
	font-weight: 700;
}

.textDate {
	display: flex;
	align-items: flex-end;
	font-size: 14px;
}

.textDate span {
	display: inline-block;
	margin-right: 3px;
	color: #7855FF;
	font-size: 20px;
	font-weight: 800;
}

/* 그래프 */
.graphInfo-w {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.graphInfo-inner {
	padding-left: 18px;
	position: relative;
	margin-right: 24px;
}

.graphInfo-inner:first-of-type {
	margin-left: 0;
}

.graphInfo-inner:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 12px;
	border-radius: 100%;
}

.graphPlan:after {
	background-color: #90F6EE;
}

.graphMe:after {
	background-color: #7855FF;
}

/* 오늘의 추천 글 */
[class^="recommendBox0"] {
	position: relative;
	width: 100%;
	/*width:320px;height:236px;*/
}

.recommendBox-link {
	display: block;
	position: relative;
	width: 320px;
	height: 0;
	padding-top: 239px;
	box-sizing: border-box;
}

.recommendBox-cont {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 24px;
}

[class^="recommendBox0"] .label {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

[class^="recommendBox0"] .round-label05 {
	min-width: 56px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}

.recommendBox-title {
	display: block;
	margin-top: 8px;
	color: #fff;
	font-size: 25px;
	font-weight: 800;
	line-height: 34px;
	letter-spacing: -1.25px;
}

.label-text {
	margin-left: 3px;
	font-size: 14px;
	letter-spacing: -0.7px;
	font-weight: 700;
}

.recommend-donut {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 80px;
	height: 80px;
}

.recommendBox-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.recommendBox-img:after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-image: url('../img/box_outLine.png');
}

.recommendBox-img span {
	display: block;
	width: 100%;
	height: 100%;
	mask-image: url('../img/box_out.png');
	-webkit-mask-image: url('../img/box_out.png');
	mask-size: 100% auto;
	-webkit-mask-size: 100% auto;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: #fff;
}

.recommendBox-img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

[class^="recommendBox0"] .label {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

[class^="recommendBox0"] .round-label05 {
	min-width: 56px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}

/* 텍스트 흰색 recommendBox02 */
.recommendBox02 .recommendBox-title {
	color: #5A371E;
}

/* 학습시작 */
.state-start .recommendBox-img span {
	background-color: #FF6371;
}

/* 학습전 */
.state-ready .graphbarBg {
	display: none;
}

/* 학습완료 */
.recommendList-w .state-end .center {
	background-color: #DCD4FF;
}

/* 도넛 그래프-공통*/
.donut {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: 50%;
	position: relative;
	text-align: center;
}

.donut-chart {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	/*width: 80px;height: 80px;*/
	border-radius: 50%;
	transition: 0.3s;
}

.donut-chart .sub {
	color: #5A371E;
	font-size: 12px;
}

.donut-chart .center {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	/*width:63px;height:63px;*/
	border-radius: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
	font-weight: 700;
	background: #fff;
}

.graphbarBg {
	display: inline-block;
	content: "";
	width: 10px;
	height: 10px;
	background-color: #7855FF;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 30px 0 0 30px;
}

.donut-title {
	display: block;
	line-height: 17px;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -0.8px;
}

.donut-date {
	display: block;
	line-height: 15px;
	font-size: 13px !important;
	z-index: 3;
	font-weight: 500;
	text-align: center;
}

/*토스트팝업*/
[class*="toastPopup-w"] .sticker-title {
	font-size: 18px;
}

[class*="toastPopup-w"] .sticker-title span {
	font-weight: 800;
}

[class*="toastPopup-w"] .resultDetail-box {
	position: relative;
}

[class*="toastPopup-w"] .moduleBtn-cont {
	min-width: 96%;
}

.resultDetail-round {
	position: absolute;
	right: 10px;
	top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	background-color: #D1C4FF;
	text-align: center;
}

.rd-roundTitle {
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: -0.6px;
}

.rd-roundCount {
	display: inline-block;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -1px;
}

.rd-roundCount span {
	display: inline-block;
	margin-left: 2px;
	font-size: 12px;
	font-weight: 800;
}

.resultDetail-graph {
	padding-top: 42px;
}

.tPopup-bedge {
	width: 134px;
	margin: 0 auto 20px;
	position: relative;
	padding-bottom: 24px;
}

.tPopup-bedge .label05 {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

.tPopup-bedge img {
	position: relative;
	z-index: 1;
}

.popupText02 {
	position: relative;
	padding-bottom: 16px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
}

.popupText-w {
	padding-top: 16px;
	position: relative;
	z-index: 1;
	overflow-y: auto;
	max-height: 400px;
}

.popupText-w .underline-text {
	font-size: 18px;
	font-weight: 800;
	letter-spacing: -0.9px;
}

.popupText-w .popupText02 {
	padding-top: 12px;
}

[class*="toastPopup-w"] .sticker-title {
	font-size: 18px;
}

[class*="toastPopup-w"] .sticker-title span {
	font-weight: 800;
}

[class*="toastPopup-w"] .resultDetail-box {
	position: relative;
}

.resultDetail-round {
	position: absolute;
	right: 10px;
	top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	background-color: #FFD0D4;
	text-align: center;
}

.rd-roundTitle {
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: -0.6px;
}

.rd-roundCount {
	display: inline-block;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -1px;
}

.rd-roundCount span {
	display: inline-block;
	margin-left: 2px;
	font-size: 12px;
	font-weight: 800;
}

.resultDetail-graph {
	padding-top: 42px;
}

/* 말풍선 레이어  */
[class*="layerPopup-w"] {
	display: none;
	position: relative;
}

[class*="layerPopup-w"].layerCurrent {
	display: block;
}

.layerPopup-inner {
	position: relative;
	overflow: hidden;
	padding: 20px 30px 20px;
	box-sizing: border-box;
	border: 2px solid #5A371E;
	border-radius: 16px;
	width: 100%;
	max-width: 353px;
	background-color: #fff;
}

[class*="layerPopup-title"] {
	display: block;
	position: relative;
	padding-bottom: 11px;
	font-size: 22px;
	letter-spacing: -1.1px;
	font-family: 'KoreanERWJM';
	font-weight: 400;
}

[class*="layerPopup-title"] .lineStyle01 {
	top: auto;
	bottom: 0;
}

.layerPopup-title02 {
	color: #7855FF;
}

[class*="layerPopup-w"] .icon-x {
	width: 14px;
	height: 14px;
}

/* 말풍선 레이어2-피커 하단 */
.layerPopup-w02 {
	margin-top: 10px;
	border-color: #ddd;
	width: 100%;
}

.layerPopup-w02 .layerPopup-inner {
	background-color: #fff;
	overflow: visible;
	width: 100%;
	max-width: 100%;
	border: 1px solid #ddd;
}

.layerPopup-w02 {
	width: 100%;
}

.layerPopup-w02:after {
	width: 10px;
	height: 10px;
	position: absolute;
	top: -5px;
	left: auto;
	right: 45px;
	border: 1px solid #ddd;
	border-width: 1px 1px 0 0;
}

.layerPopup-text {
	font-size: 18px;
	letter-spacing: -0.36px;
	line-height: 27px;
	font-weight: 700;
	color: #5A371E;
}

.layerPopup-w03 {
	display: block;
	z-index: 2;
	position: absolute;
	left: 50%;
	top: 49px;
	transform: translateX(-50%);
	width: 355px;
}

/* 퀴즈 */
.quizText-w {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
}

.quizDott {
	position: relative;
	width: 4px;
	height: 100%;
}

.quizDott:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #000;
}

[class^="quizNum0"] {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border-radius: 6px;
	color: #fff;
}

.quizNum01 {
	background-color: #5A371E;
}

.quizNum02 {
	background-color: #735AF6;
	flex-shrink: 0;
	top: 0;
	width: 30px;
	text-align: center;
	justify-content: center;
	height: 30px;
	border-radius: 6px;
}

.quizNum02 span {
	margin-right: 0 !important;
}

.quizText {
	margin-left: 12px;
	letter-spacing: -1.1px;
	font-size: 22px;
	color: #000;
	font-weight: 800;
}

.quizNum03 {
	width: 30px;
	height: 30px;
	font-size: 18px;
	border-radius: 6px;
	background-color: #5A371E;
	color: #fff;
}

.quizText-w [class^="level0"] {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 10px;
	background-image: url('../img/icon-star.png');
	background-repeat: repeat-x;
	background-position: left center;
}

.quizText-w .questionLine02 {
	width: 36px;
}

.level01 {
	width: 11px;
}

.level02 {
	width: 25px;
}

.level03 {
	width: 40px;
}

.quizText {
	font-size: 22px;
	color: #222;
	line-height: 36px;
	letter-spacing: -1.1px;
	margin-left: 10px;
	font-weight: 800;
}

.exampleList-w {
	margin: 0 auto;
	width: 80%;
}

.exampleList-inner {
	display: block;
	padding: 25px 0 23px;
	position: relative;
}

.exampleList-inner:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 2px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='660' height='2' viewBox='0 0 660 2' fill='none'%3E%3Cpath d='M0 1H660' stroke='%235A371E' stroke-dasharray='3 3'/%3E%3C/svg%3E");
}

.exampleList-inner:first-of-type {
	padding-top: 0;
}

.exampleList-inner:last-of-type {
	padding-bottom: 0;
}

.exampleList-inner:first-of-type:after {
	display: none;
}

.exampleList-group {
	margin-top: 36px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: calc(100% + 16px);
}

.ipCheck-w {
	position: relative;
	width: 100%;
	padding-right: 16px;
}

.ipCheck-w:first-of-type {
	margin-top: 0;
}

.exampleList-cont,
.ipCheck-label {
	position: relative;
	flex-shrink: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 7px 10px;
	border-radius: 30px;
	box-sizing: border-box;
	font-size: 20px;
	background-color: #eee;
	border: 2px solid #C1C1C1;
	color: #aaa;
}

.ipCheck {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.exampleNum01 {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	box-sizing: border-box;
	border-radius: 100%;
	color: #fff;
	font-weight: 800;
	background-color: #5A371E;
}

.exampleText {
	margin-left: 12px;
	font-weight: 700;
}

.ipCheck:checked+.ipCheck-label {
	background-color: #7855FF;
	border-color: #5A371E;
	color: #fff;
}

/* 퀴즈 하단 버튼 */
.quizBtn-w {
	margin-top: 37px;
}

.quizBtn-inner {
	display: flex;
	justify-content: space-between;
	width: calc(100% + 16px);
}

[class^="quizBtnType0"] .quizBtn-cont {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-right: 16px;
	height: 52px;
	border-radius: 100px;
	color: #aaa !important;
	font-size: 20px;
	font-weight: 800;
	border: 2px solid #c1c1c1;
	background-color: #eee;
}

.quizCurrent,
.quizBtn-cont:hover {
	color: #fff !important;
	background-color: #7855FF;
	border-color: #5A371E;
}

/* 모듈 버튼 set */
[class*="moduleBtn-w"] {
	margin-top: 32px;
	box-sizing: border-box;
	padding: 4px;
	position: relative;
	z-index: 1;
}

.moduleBtn-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% + 20px);
}

.moduleBtn-cont {
	margin-right: 20px;
	min-width: 320px;
}

.moduleBtn-w02 {
	flex-wrap: wrap;
}

[class^="btnType03-"] {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 13px;
	width: 111px;
	height: 100%;
	border-radius: 8px;
	overflow: hidden;
	box-sizing: border-box;
}

[class^="btnType03-"] strong {
	display: inline-block;
	padding-right: 4px;
	font-weight: 800;
}

[class^="btnType03-"]:after {
	display: block;
	content: '';
	width: 13px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.4;
}

.btnType03-01 {
	background-color: #D1C4FF;
}

.btnType03-01:after {
	background-color: #7855FF;
}

.btnType03-02 {
	background-color: #FFF8BD;
}

.btnType03-02:after {
	background-color: #FFF38B;
	opacity: 1;
}

.btnType03-03 {
	background-color: #EEE;
}

.btnType03-03:after {
	background-color: #AAA;
}

/* 퀴즈 헤더 */
.quizHeader-w {
	display: flex;
	align-items: center;
	margin-right: 8px;
}

.quizTime-w {
	margin-left: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 13px 0 11px;
	border-radius: 30px;
	height: 30px;
	background-color: #DFD8FF;
	color: #7855FF;
}

.quizTime-w .icon-time {
	width: 14px;
}

.quizTime-w strong {
	display: inline-block;
	margin-left: 5px;
}

.quizTime-w span {
	margin-left: 6px;
	font-weight: 800;
}

.quizHeader-w .btnType02 {
	margin-left: 14px;
}

.quizPage-w {
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 11px 0 10px;
	border-radius: 14px;
	background-color: #AF9AFF;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}

.icon-page {
	width: 13px;
}

.quizPage-text {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 3px;
}

/* 퀴즈3 */
.quizGroup-w03 {
	max-width: 646px;
	width: 100%;
	margin: 0 auto;
}

.quizGroup-w03 .quizExample-w {
	margin-top: 0;
}

.quizGroup-w03 .quizQuestion-inner {
	background-color: #EEEAFF;
}

.quizGroup-w03 .quizQuestion-w:after {
	background-color: #AF9AFF;
	top: 5px;
	left: 3px;
	width: calc(100% - 6px);
}

.page-quiz0301 .content-l,
.page-quiz0301 .content-r {
	width: 50%;
}

/* 퀴즈4 */
.page-quiz0303 .contents {
	position: relative;
	margin: 0 auto;
	max-width: 692px;
	padding: 40px 20px;
	box-sizing: border-box;
}

.page-quiz0303 .bg-image {
	position: absolute;
	left: -286px;
	bottom: 2.5vw;
}

.page-quiz0303 .bg-image img {
	width: 240px;
}

.bg-text {
	position: relative;
	top: -20px;
	margin-left: 28px;
	padding: 40px 48px 37px 48px;
	width: 260px;
	box-sizing: border-box;
	font-size: 24px;
	text-align: center;
	letter-spacing: -0.64px;
	line-height: 1.2;
	font-family: 'KoreanERWJM';
	border: 3px solid #5A371E;
	border-radius: 50%;
	background-color: #fff;
}

.bg-text:after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -33px;
	transform: rotate(3deg) translateX(-50%);
	width: 31px;
	height: 36px;
	background-image: url('../img/icon-picker02.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}

.bg-text strong {
	font-size: 32px;
	font-weight: 400;
}

/* 퀴즈5 :  보기 */
.quizGroup-w05 {
	overflow-y: auto;
	max-height: 100%;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 80px;
	box-sizing: border-box;
}

.quizGroup-w05 .quizExample-cont {
	margin-top: 12px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 18px 32px 18px 24px;
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	border-radius: 16px;
	background-color: #eee;
	color: #5A371E;
}

.quizGroup-w05 .quizExample-cont:first-of-type {
	margin-top: 24px;
}

.quizGroup-w05 span {
	display: inline-block;
	margin-right: 8px;
}

/* 독해쑥쑥 0401 */
.page-quiz0401 .content-l {
	padding-top: 0;
}

.page-quiz0401 .content-l:after {
	display: block;
	content: '';
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	background-image: url('../img/deco.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.page-quiz0401 .content-r,
.page-quiz0401 .content-l {
	padding-right: 20px;
	padding-bottom: 0;
}


/* 독해쑥쑥 지문 */
.readingTitle {
	display: block;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -0.6px;
	text-align: center;
}

.readingText {
	margin-top: 12px;
	padding: 20px 0 100px;
	color: #000;
	font-size: 20px;
	letter-spacing: -0.4px;
	line-height: 1.9;
}

/* O,X버튼 */
.oxBox-w {}

.oxBox-inner {
	display: flex;
	justify-content: center;
	margin-top: 30px;
	width: calc(100% + 16px);
}

.oxBox-cont {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% + 16px);
}

[class*="oxBtn-"] {
	display: block;
	margin-right: 16px;
	width: 318px;
	height: 250px;
	border-radius: 18px;
	background-repeat: no-repeat;
	background-color: #eee;
	background-position: center;
	background-size: 116px auto;
	border: 0;
}

.oxBtn-o {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='122' height='122' viewBox='0 0 122 122' fill='none'%3E%3Ccircle cx='61' cy='61.0004' r='53.561' stroke='%235A371E' stroke-width='14.2829'/%3E%3C/svg%3E");
}

.oxBtn-x {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='118' height='118' viewBox='0 0 118 118' fill='none'%3E%3Crect x='0.975021' y='10.6992' width='13.748' height='150.369' rx='6.87402' transform='rotate(-45 0.975021 10.6992)' fill='%235A371E'/%3E%3Crect x='10.6976' y='117.025' width='13.748' height='150.369' rx='6.87402' transform='rotate(-135 10.6976 117.025)' fill='%235A371E'/%3E%3C/svg%3E");
}

/* 컨트롤 메뉴 버튼 */
.controlMenu-w {
	position: fixed;
	right: 20px;
	bottom: 20px;
}

.controlBtn-w {
	padding: 12px 0;
	border-radius: 22px;
	width: 68px;
	background-color: #5A371E;
}

.controlBtn-inner {
	position: relative;
}

.layerPopup-w01 {
	position: absolute;
	top: -10px;
	right: 91px;
	padding: 20px;
	width: 150px;
	border-radius: 20px;
	background-color: #EFEBE9;
	border: 2px solid #5A371E;
	box-sizing: border-box;
}

.layerPopup-w01:after {
	transform: rotate(45deg);
	left: auto;
	right: -8px;
	top: 31px;
	width: 15px;
	height: 15px;
	background-color: #EFEBE9;
}

.btn-setting {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
}

.optionBtn-w {
	margin-top: 20px;
}

.optionBtn-w:first-of-type {
	margin-top: 0;
}

.optionBtn-w strong {
	display: block;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -1.6px;
}

.radioGroup {
	position: relative;
	display: inline-block;
	margin: 8px 12px 0 0;
}

.radioGroup input {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.radioGroup label {
	display: inline-block;
	padding-left: 24px;
	font-size: 14px;
	color: #5A371E;
	font-weight: 800;
	letter-spacing: -0.14px;
}

.radioGroup label:after,
.radioGroup label:before {
	display: block;
	content: '';
	box-sizing: border-box;
	border-radius: 100%;
}

.radioGroup label:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border: 2px solid #5A371E;
}

.radioGroup label:before {
	display: none;
	position: absolute;
	left: 4px;
	top: 4px;
	width: 12px;
	height: 12px;
	background-color: #5A371E;
}

.radioGroup input:checked+label:before {
	display: block;
}


.controlBtn-w .btn-round02 {
	margin-top: 5px;
	border-radius: 10px;
	height: 32px;
	font-size: 14px;
	font-weight: 800;
}

/* 문제 문항 */
.quizQuestion-w {
	position: relative;
	margin-top: 12px;
}

.quizQuestion-inner {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: calc(100% - 7px);
	min-height: 80px;
	max-height: 303px;
	padding: 24px;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 1.6;
	border: 2px solid #5A371E;
	border-radius: 16px;
	background-color: #fff;
}

.quizQuestion-inner img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
}

.quizQuestion-w:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	width: 100%;
	height: 100%;
	border: 2px solid #5A371E;
	box-sizing: border-box;
	border-radius: 16px;
	background-color: #ffffff;
}

[class^="questionLine0"] {
	width: 100%;
	margin-left: 5px;
	text-align: center;
	border-bottom: 2px solid #7855FF;
	box-sizing: border-box;
}

.questionLine01 {
	width: 92px;
	height: 32px;
}

.questionLine02 {
	width: 50px;
	height: 32px;
	padding-top: 3px;
	border-radius: 6px;
	margin-right: 9px;
}

.quizExample-w {
	margin-top: 30px;
}

.ipCheck-w02 {
	position: relative;
	margin-top: 18px;
}

.ipCheck-w02:first-of-type {
	margin-top: 0;
}

.ipCheck-w02 .ipCheck-label {
	border-radius: 16px;
	border-color: rgba(0, 0, 0, 0);
	justify-content: flex-start;
}

.exampleCurrent {
	background-color: #7855FF;
	border: 2px solid #5A371E;
	color: #fff !important;
}

/* 어휘콕콕 단어카드 리스트 */
[class*="cardList-w0"] {
	display: grid;
	max-width: 648px;
	margin: -20px auto 0;
}

/* 어휘콕콕 단어카드 : row 1칸 타입 */
.cardList-w01 {
	grid-template-columns: 1fr;
	row-gap: 10px;
}

/* 어휘콕콕 단어카드 : row 2칸 타입 */
.cardList-w02 {
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

/* 어휘콕콕 단어카드*/
[class*="cardType0"] {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 4px;
	width: calc(100% - 4px);
	height: 92px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 2px #5A371E;
	border-radius: 12px;
	box-sizing: border-box;
}

[class*="cardType0"]:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: center;
}

.cardType01 {
	background-color: #FFBDBD;
}

.cardType01:after {
	background-image: url('../img/bg-card01.png');
}

.cardType02 {
	background-color: #BDDFFF;
}

.cardType02:after {
	background-image: url('../img/bg-card02.png');
}

.cardType03 {
	background-color: #FFF383;
}

.cardType03:after {
	background-image: url('../img/bg-card03.png');
}

.cardText {
	font-size: 22px;
	color: #5A371E;
	font-weight: 800;
	letter-spacing: -1.1px;
}

/* 별 리본 */
.ribbon-w {
	position: relative;
	z-index: 1;
	width: 538px;
	height: 112px;
	margin: 0 auto;
	background-image: url('../img/bg-ribbon02.png');
	background-repeat: no-repeat;
}

[class*="star0"] {
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='44' viewBox='0 0 46 44' fill='none'%3E%3Cpath d='M31.5383 10.7553L30.705 11.3082L31.5383 10.7553L26.3331 2.91011C24.7508 0.525396 21.2492 0.525402 19.6669 2.91011L14.4617 10.7553C14.196 11.1558 13.7948 11.4473 13.3318 11.5762L4.26208 14.1024C1.50514 14.8703 0.423064 18.2006 2.20212 20.4423L8.05484 27.817C8.35365 28.1935 8.50686 28.6651 8.48643 29.1453L8.08625 38.5518C7.9646 41.4111 10.7975 43.4693 13.4793 42.47L22.3017 39.1827C22.7521 39.0149 23.2479 39.0149 23.6983 39.1827L32.5207 42.47C35.2025 43.4693 38.0354 41.411 37.9138 38.5518L37.5136 29.1453C37.4931 28.6651 37.6464 28.1935 37.9452 27.817L43.7979 20.4423C45.5769 18.2006 44.4949 14.8703 41.7379 14.1024L32.6682 11.5762C32.2052 11.4473 31.804 11.1558 31.5383 10.7553Z' fill='%2306AEA0' stroke='%235A371E' stroke-width='2'/%3E%3C/svg%3E");
}

.starOn {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='63' viewBox='0 0 66 63' fill='none'%3E%3Cpath d='M37.1664 3.47068C35.1886 0.489794 30.8114 0.489798 28.8337 3.47069L20.853 15.499C20.4544 16.0998 19.8527 16.5369 19.1581 16.7304L5.25237 20.6035C1.8062 21.5633 0.453601 25.7262 2.67742 28.5284L11.6509 39.8354C12.0991 40.4001 12.3289 41.1074 12.2982 41.8278L11.6847 56.2498C11.5326 59.8239 15.0738 62.3967 18.426 61.1477L31.9525 56.1075C32.6281 55.8557 33.3719 55.8557 34.0475 56.1075L47.574 61.1477C50.9262 62.3967 54.4674 59.8239 54.3153 56.2498L53.7018 41.8278C53.6711 41.1074 53.9009 40.4001 54.3491 39.8354L63.3226 28.5284C65.5464 25.7262 64.1938 21.5633 60.7476 20.6035L46.8419 16.7304C46.1473 16.5369 45.5456 16.0998 45.147 15.499L37.1664 3.47068Z' fill='url(%23paint0_linear_1046_4355)' stroke='%235A371E' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1046_4355' x1='33' y1='-1' x2='58.0736' y2='21.7531' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.541567' stop-color='%23FFE50F'/%3E%3Cstop offset='0.541667' stop-color='%23FFCF38'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.star01,
.star05 {
	left: 137px;
	top: 31px;
	width: 48px;
	height: 48px;
}

.star02,
.star04 {
	left: 181px;
	top: 10px;
	width: 56px;
	height: 56px;
}

.star03 {
	left: 50%;
	top: -12px;
	width: 70px;
	height: 70px;
	transform: translateX(-50%);
}

.star04 {
	left: auto;
	right: 181px;
}

.star05 {
	left: auto;
	right: 137px;
}

/* 모듈: 텍스트 박스 */
.textBox01 {
	display: flex;
	align-items: center;
	margin: 44px auto 0;
	min-height: 100px;
	max-width: 652px;
	position: relative;
	padding: 18px 277px 18px 32px;
	background-color: #E7E0FF;
	border-radius: 16px;
	box-sizing: border-box;
}

.textBox-text {
	font-family: 'KoreanERWJM';
}

.textBox-text strong {
	display: block;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: -0.56px;
}

.textBox-text p {
	display: block;
	margin-top: 3px;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -0.48px;
}

/* 모듈: 텍스트 박스02 */
.textBox02 {
	width: 100%;
	height: 100%;
	padding: 40px 50px 70px;
	box-sizing: border-box;
	overflow-y: auto;
}

.textBox02 strong {
	display: block;
	font-size: 22px;
	color: #000;
	font-weight: 800;
	line-height: 1;
}

.textBox02 p {
	margin-top: 22px;
	color: #000;
	font-size: 20px;
	line-height: 38px;
	letter-spacing: -2px;
}

/* 셀렉 레이어 버튼 */
[class^="selectMenu-w2"] {
	position: relative;
}

[class^="selectMenu-w2"] .selectBtn {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 48px;
	padding: 0 20px;
	border: 2px solid #5A371E;
	border-radius: 24px;
	background-color: #fff;
	box-sizing: border-box;
}

[class^="selectMenu-w2"] .selectBtn:after {
	display: block;
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 17px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M6.86602 8.5C6.48113 9.16667 5.51888 9.16667 5.13397 8.5L1.66987 2.5C1.28497 1.83333 1.7661 0.999999 2.5359 0.999999L9.4641 1C10.2339 1 10.715 1.83333 10.3301 2.5L6.86602 8.5Z' fill='%23D9D9D9' stroke='%235A371E' stroke-width='2'/%3E%3C/svg%3E");
}

.selectOpen2 .selectBtn:after {
	transform: rotate(180deg);
}

[class^="selectMenu-w2"] .icon-calendar {
	width: 16px;
	margin-right: 12px;
	margin-bottom: 2px;
}

[class^="selectMenu-w2"] .selectBtn-text {
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -0.8px;
}

.selectOptionList2 {
	display: none;
	position: absolute;
	left: 0;
	top: 48px;
	z-index: 1;
	width: 100%;
	border: 2px solid #5A371E;
	border-radius: 0 0 24px 24px;
	background-color: #fff;
	box-sizing: border-box;
}

.selectListBtn {
	display: flex;
	align-items: center;
	padding: 0 10px;
	height: 48px;
	border-top: 1px solid #ddd;
	box-sizing: border-box;
}

.selectListBtn strong {
	color: #aaa;
	font-size: 16px;
	font-weight: 400;
}

.w297 {
	width: 297px !important;
}

.w167 {
	width: 167px !important;
}

.w240 {
	width: 240px !important;
}

.w429 {
	width: 429px !important;
}

.w300 {
	width: 300px !important;
}

.selectOpen2 {}

.selectOpen2 .selectBtn {
	border-radius: 24px 24px 0 0;
}

.selectOpen2 .selectOptionList2 {
	display: inline-flex;
	flex-wrap: wrap;
	border-top: 0;
}

.selectOpen2 .selectListBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.selected strong,
.selectListBtn:hover strong {
	color: #5A371E;
	font-weight: 800;
}

.selectMenu-w21 {
	width: 100%;
	max-width: 423px;
}

.selectMenu-w21 .selectBtn {
	justify-content: flex-start;
}

/* 우측 info 메뉴 */
.infobox-w {
	margin-top: 20px;
}

.label03 {}

.infobox-w .title {
	margin-top: 8px;
	font-size: 20px;
	font-weight: 800;
	color: #fff;
	letter-spacing: -1px;
}

.position-w {
	margin-top: 12px;
}

/* 텍스트 그룹 공통 */
[class*="txtGroup0"],
[class*="numGroup0"] {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
}

.txtGroup01 {
	padding: 9px 0 8px;
}

.txtGroup01 .lineStyle01 {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.txtGroup01 .txt {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

.icon-spot {
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.05268 3.05267C6.36496 1.74039 8.14417 1.00219 10 1C11.8559 1.00219 13.6351 1.74039 14.9474 3.05267C16.2596 4.36496 16.9978 6.14416 17 8.00001C17.0022 9.51591 16.507 10.9907 15.5905 12.1981L15.5898 12.2C15.5898 12.2 15.3983 12.4507 15.3703 12.4845L11.5255 17.0191C10.7267 17.9612 9.27334 17.9612 8.47454 17.0191L4.63228 12.4877C4.6011 12.4514 4.41019 12.2 4.41019 12.2C3.49318 10.9921 2.99778 9.51661 3.00001 8.00001C3.0022 6.14416 3.7404 4.36496 5.05268 3.05267ZM10 9.77734C11.2189 9.77734 12.207 8.78922 12.207 7.57031C12.207 6.3514 11.2189 5.36328 10 5.36328C8.78109 5.36328 7.79297 6.3514 7.79297 7.57031C7.79297 8.78922 8.78109 9.77734 10 9.77734Z' fill='white'/%3E%3C/svg%3E");
}

.txt-middle {
	display: inline-block;
	padding: 0 4px;
	color: #fff;
	font-size: 18px;
	letter-spacing: -0.9px;
	font-weight: 700;
}

.txtGroup02 .text {
	font-size: 26px;
	font-weight: 400;
	color: #fff;
	font-family: 'KoreanERWJM';
}

.txtGroup03 {
	width: 100%;
	flex-shrink: 0;
}

.txtGroup03 .text {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}

/* 그래프 그룹 */
.chartGroup01 {
	margin-top: 24px;
}

.chartGroup01:first-of-type {
	margin-top: 0;
}

.chartGroup01 .chart-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 260px;
}

.chartGroup01 .title-w01 {
	padding: 20px 12px;
	text-align: center;
}

/* 숫자 그룹 공통 */
[class*="numGroup0"] [class*="num0"] {
	display: inline-block;
}

.numGroup01 .num01 {
	font-size: 20px;
	font-weight: 800;
	margin-right: 2px;
	color: #28EFDF;
}

.numGroup01 .num02 {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
}

.numGroup02 .num01 {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 800;
	color: #fff;
}

/* 텍스트 그룹의 그룹핑 : 배지칭호 */
.txtGroup-w01 {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	min-height: 96px;
	position: relative;
}

.txtGroup-w01 img {
	width: 96px;
}

/* 탭버튼 : 주제별 개념 영상 */
[clss^="tabBtn-w0"] {
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
}

.tabBtn-inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.tabBtn-round {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	min-width: 120px;
	height: 44px;
	font-weight: 800;
	background-color: #fff;
	color: #5A371E;
	font-size: 20px;
	letter-spacing: -1px;
	border-radius: 100px;
}

.tabBtn-w01 .tabCurrent,
.tabBtn-round:hover {
	color: #fff;
	background-color: #7855FF;
}

.tabBtn-w01 {
	margin-top: 20px;
	box-sizing: border-box;
}

.tabBtn-w01 .tabBtn-cont {
	padding: 0 6px;
}

.tabBtn-w01 .tabBtn-cont strong {
	font-weight: 800;
}

.tabBtn-w01 .tabBtn-cont:first-of-type {
	padding-left: 0;
}

.tabBtn-w02 {
	width: 100%;
	padding: 0 40px;
	border-bottom: 2px solid #5A371E;
	box-sizing: border-box;
}

.tabBtn-w02 .tabBtn-inner {
	justify-content: center;
}

.tabBtn-w02 .tabBtn-cont {
	width: 100%;
	max-width: 326px;
}

.tabBtn-w02 .tabBtn-text {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	font-size: 22px;
	font-weight: 800 !important;
	letter-spacing: -1.1px;
}

.tabBtn-w02 .tabCurrent {
	color: #7855FF;
}

/* 박스버튼 */
.btnBox-list {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	overflow: hidden;
	overflow-x: auto;
	padding-left: 20px;
	max-width: 100%;
	margin: 0 auto;
}

.btnBox-list .btnBox-inner {
	display: block;
	padding-right: 20px;
}

.btnBox-w01 {
	display: block;
	position: relative;
	overflow: hidden;
	width: 140px;
	height: 140px;
	background-color: #ddd;
	border: 2px solid #C1C1C1;
	box-sizing: border-box;
	border-radius: 16px;
}

.btnBox-w01 .title {
	display: block;
	padding: 16px;
	box-sizing: border-box;
	font-size: 26px;
	font-weight: 400;
	font-family: 'KoreanERWJM';
	color: #fff;
}

[class*="btnBox-char0"] {
	display: block;
	width: 110px;
	height: 90px;
	position: absolute;
	left: -18px;
	bottom: -6px;
	opacity: 0.3;
}

[class*="btnBox-char0"] img {
	display: block;
	width: 100%;
}

.btnBox-w01 .numGroup02 {
	position: absolute;
	right: 16px;
	bottom: 16px;
}

/* 버튼활성화 */
.btnBox-w01.current {
	overflow: visible;
	background-color: #AF9AFF;
	border-color: #5A371E;
}

.btnBox-w01.current [class*="btnBox-char0"] {
	opacity: 1;
}

/* 슬릭 dots 커스텀 */
.slideButton-w {
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 32px;
}

.target_dots {}

.target_dots .custom-dots {
	display: flex;
}

.custom-dots li {
	padding: 0 4px;
	height: 8px;
}

.custom-dots li button {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: #aaa;
	color: transparent;
	overflow: hidden;
}

.custom-dots li.slick-active button {
	background-color: #5A371E;
	width: 24px;
	height: 8px;
}

/* 슬릭 arrow 커스텀 */
.slick-disabled {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='&%2360;_non'%3E%3Crect id='Rectangle 34624150' x='49' y='49' width='48' height='48' rx='24' transform='rotate(-180 49 49)' fill='%23EEEEEE' stroke='%23DDDDDD' stroke-width='2'/%3E%3Cpath id='&%23237;&%23140;&%23168;&%23236;&%23138;&%23164; 19228' d='M25 32.8125L17.1875 25L25 17.1875' stroke='%23AAAAAA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='&%23237;&%23140;&%23168;&%23236;&%23138;&%23164; 19230' d='M18.75 25L32.8125 25' stroke='%23AAAAAA' stroke-width='2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.slick-next.slick-disabled {
	transform: translateY(-50%) rotate(180deg);
}

[class^="slideBtn-"] {
	width: 32px;
	height: 32px;
	overflow: hidden;
	box-sizing: border-box;
	background-size: contain;
	background-position: center;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 29.8447C23.647 29.8447 29.8461 23.6455 29.8461 15.9985C29.8461 8.35148 23.647 2.15234 16 2.15234C8.35294 2.15234 2.15381 8.35148 2.15381 15.9985C2.15381 23.6455 8.35294 29.8447 16 29.8447Z' fill='white'/%3E%3Cpath d='M16 31C24.2843 31 31 24.2843 31 16C31 7.71573 24.2843 1 16 1C7.71573 1 1 7.71573 1 16C1 24.2843 7.71573 31 16 31Z' stroke='%235A371E' stroke-width='2'/%3E%3Cpath d='M16.001 29C23.1807 29 29.001 23.1797 29.001 16C29.001 8.8203 23.1807 3 16.001 3C8.82127 3 3.00098 8.8203 3.00098 16C3.00098 23.1797 8.82127 29 16.001 29Z' stroke='%23EEEEEE' stroke-width='2'/%3E%3Cpath d='M18.154 10.2305L12.3848 15.9997L18.154 21.7689' stroke='%235A371E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.slideBtn-prev {
	margin-right: 12px;
}

.slideBtn-next {
	margin-left: 12px;
	transform: rotate(180deg);
}

/* 스티커 박스 */
.stickerBox01 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 560px;
	height: 320px;
	padding: 0 28px;
	box-sizing: border-box;
	background-color: #efefef;
}

.stickerBox01:after {
	display: block;
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0H0V39.9977L40 0Z' fill='%23E0E0E0'/%3E%3C/svg%3E%0A");
}

[class*="graph0"] {
	margin-left: 20px;
}

/* 독해 리스트 */
[class^="roundBox0"] {
	display: inline-block;
	position: relative;
	margin: 4px;
	width: calc(100% - 6px);
	box-shadow: 0 0 0 2px #43270f;
	border: 2px solid rgba(197, 181, 255, 0.8);
	border-radius: 20px;
	box-sizing: border-box;
}

.roundBox-link {
	display: block;
	position: relative;
	height: 0;
	padding-top: 72.56%;
	box-sizing: border-box;
	border-radius: 18px;
	overflow: hidden;
	/*width:182px;height:132px;*/
}

.roundBox-title {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	padding: 16px;
	box-sizing: border-box;
	z-index: 1;
	font-size: 17px;
	letter-spacing: -0.85px;
	font-weight: 800;
	line-height: 22.78px;
	text-align: left;
}

.study-label {
	position: absolute;
	left: 16px;
	bottom: 16px;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	text-align: center;
	padding: 0 8px;
	height: 26px;
	color: #fff;
	border-radius: 24px;
	font-size: 14px;
	font-weight: 800;
}

.state-ing01 {
	background: rgba(90, 55, 30, 0.60);
}

.state-end01 {
	background: rgba(120, 85, 255, 0.60);
}

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

[class^="roundBox0"] .icon-level {
	position: absolute;
	left: 24px;
	top: -4px;
	z-index: 2;
	width: 28px;
	height: 32px;
	margin-left: 0;
}

.roundBox02 {}

.roundBox02 .roundBox-title {
	color: #fff;
}

/* 스티커타이틀 타입 박스모듈 */
[class*="roundBox3"] {
	position: relative;
	box-sizing: border-box;
}

.roundBox30 {
	padding-top: 20px;
}

.roundBox30 .box,
.roundBox34 .box {
	width: 100%;
	padding: 33px 33px 30px 37px;
	box-sizing: border-box;
	border-radius: 18px;
	background-color: #fff;
	border: 2px solid rgba(197, 181, 255, 0.8);
}

.roundBox34 {
	margin-top: 16px;
}

.roundBox34:before {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: -44px;
	transform: translateX(-50%);
	width: 90%;
	height: 76px;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../img/ring02.png');
}

.roundBox34 .box {
	padding-top: 17px;
}

/* 리본타이틀 */
.ribbon-title01 {
	position: relative;
}

.ribbon-title01 .title {
	display: block;
	position: absolute;
	left: 0;
	top: 15px;
	width: 100%;
	text-align: center;
	font-size: 32px;
	font-family: 'KoreanERWJM';
	font-weight: 400;
}

.ribbon-title01 img {
	max-width: 100%;
}

.ribbon-title02 {
	position: relative;
}

.ribbon-title02 .title {
	display: inline-flex;
	align-items: center;
	position: relative;
	padding-left: 52px;
	height: 46px;
	background-color: #B7EEFF;
	font-size: 28px;
	font-weight: 400;
	font-family: 'KoreanERWJM';
}

.ribbon-title02 .title:after {
	display: block;
	content: '';
	position: absolute;
	right: -35px;
	top: 0;
	width: 36px;
	height: 100%;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='46' viewBox='0 0 32 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H25.8364C30.5779 0 33.446 5.24067 30.89 9.23432L24.15 19.7657C22.8881 21.7373 22.8881 24.2627 24.15 26.2343L30.89 36.7657C33.446 40.7593 30.5779 46 25.8364 46H0V0Z' fill='%23B7EEFF'/%3E%3C/svg%3E%0A");
}

.ribbon-title02:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	bottom: -12px;
	width: 12px;
	height: 12px;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H12V12L0 0Z' fill='%2386C8DD'/%3E%3C/svg%3E%0A");
}

/* 프로그레스바 그래프 */
.progressGraph-w01 {
	position: relative;
	padding: 20px 0 22px;
}

.progressGraph-w01 .text {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 6px;
	height: 36px;
}

.progressGraph-w01 .title {
	display: inline-block;
	margin-left: 12px;
}

.progressBar-w01 {
	position: relative;
	width: 100%;
	height: 4px;
	border-radius: 50px;
	background-color: rgba(90, 55, 30, .15);
}

.progressBar-w01 .progressbar {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-radius: 50px;
	background-color: #5A371E;
}

/* 월간진도 그래프 */
.roundBox30 .box {
	min-height: 390px;
}

.roundBox30 .studyInfo-w {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 30px;
}

.roundBox30 .studyInfo-inner {
	display: flex;
	justify-content: flex-start;
}

.roundBox30 .studyInfo-cont {
	display: inline-flex;
	width: auto;
	margin-left: 0;
	margin-right: 45px;
	padding-left: 0;
}

.roundBox30 .studyInfo-text {
	display: block;
	padding-left: 5px;
}

.roundBox30 .studyInfo-text strong {
	display: block;
	width: 100%;
	padding-left: 0;
	font-size: 14px;
}

.roundBox30 .textDate {
	font-size: 14px;
}

.roundBox30 .textDate span {
	font-size: 20px;
}

/* 월간진도 그래프 */
.roundBox31 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	height: 110px;
	border: 2px solid #ddd;
	border-radius: 20px;
	box-sizing: border-box;
	background-color: #f5f5f5;
}

.roundBox31 .title {
	display: block;
	width: 100%;
	flex-shrink: 0;
	text-align: center;
}

.roundBox31 .checkList01 {
	margin-top: 10px;
}

.roundBox31 .icon-check01 {
	position: absolute;
	right: 10px;
	top: 10px;
}

.roundBox31.selected {
	border-color: #5A371E;
	background-color: #F1EEFF;
}

.roundBox31.selected .icon-check01 {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%235A371E'/%3E%3Cpath d='M6 11.4008L10.2 15.6008L18 7.80078' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/* 라운드박스 : 더블라인 */
.roundBox32,
.calendarInner {
	position: relative;
	border: 2px solid #5A371E;
	padding: 4px;
	border-radius: 18px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-color: #fff;
}

.roundBox32:after,
.calendarInner:after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 22px;
	box-sizing: border-box;
	border: 2px solid rgba(197, 181, 255, .8);
}

.roundBox32 .box-inner {
	width: 100%;
	height: 100%;
	padding: 36px 40px 14px;
	box-sizing: border-box;
}

.roundBox32 {}

/* 라운드박스 : 회색bg */
.roundBox33 {
	border-radius: 16px;
	background-color: #eee;
}

.roundBox34 {
	border-radius: 20px;
	background-color: #F8F8F8;
}

/* 썸네일 카드 리스트 */
.thumbCard-w {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 18px);
}

.thumbCard-inner {
	flex-shrink: 0;
	width: 25%;
	padding-right: 18px;
	padding-top: 10px;
	box-sizing: border-box;
}

.thumbCard-w .roundBox-title {
	padding: 44px 24px;
	font-size: 24px;
	line-height: 34.8px;
}

.icon-bettery {
	display: block;
	position: absolute;
	left: 24px;
	bottom: 24px;
	width: 56px;
	height: 32px;
	z-index: 1;
}

/* 아이콘 모듈 */
[class*="icon-"] {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}

.icon-flag01 {
	display: block;
	width: 18px;
	height: 22px;
}

.icon-bedge01 {
	margin-right: 4px;
	display: inline-block;
	width: 17px;
	height: 18px;
	background-size: 100% auto;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18.5007C8.12596 18.5004 7.2672 18.2715 6.509 17.8367L3.009 15.8257C2.24725 15.3865 1.61443 14.7546 1.17404 13.9936C0.733656 13.2325 0.501198 12.369 0.5 11.4897L0.5 7.51169C0.501198 6.63239 0.733656 5.76888 1.17404 5.00781C1.61443 4.24674 2.24725 3.6149 3.009 3.17569L6.509 1.16469C7.26695 0.729182 8.12584 0.5 9 0.5C9.87416 0.5 10.733 0.729182 11.491 1.16469L14.991 3.17569C15.7527 3.6149 16.3856 4.24674 16.826 5.00781C17.2663 5.76888 17.4988 6.63239 17.5 7.51169V11.4897C17.4988 12.369 17.2663 13.2325 16.826 13.9936C16.3856 14.7546 15.7527 15.3865 14.991 15.8257L11.491 17.8367C10.7328 18.2715 9.87404 18.5004 9 18.5007ZM9 12.0767C9.08506 12.0767 9.16894 12.0966 9.245 12.1347L11.212 13.1247C11.3206 13.1802 11.4447 13.1973 11.5642 13.1731C11.6837 13.149 11.7915 13.085 11.87 12.9917C11.9164 12.9372 11.9501 12.873 11.9684 12.8037C11.9868 12.7345 11.9894 12.662 11.976 12.5917L11.6 10.5007C11.5861 10.4196 11.5927 10.3363 11.6193 10.2584C11.6458 10.1805 11.6914 10.1104 11.752 10.0547L13.343 8.56969C13.4122 8.50736 13.4619 8.42631 13.4861 8.33633C13.5102 8.24635 13.5078 8.1513 13.479 8.06269C13.4485 7.96912 13.3919 7.8862 13.3159 7.82367C13.24 7.76114 13.1477 7.7216 13.05 7.70969L10.85 7.40369C10.7661 7.393 10.686 7.36236 10.6164 7.31434C10.5468 7.26632 10.4898 7.20231 10.45 7.12769L9.473 5.21369C9.42675 5.12874 9.35845 5.05784 9.2753 5.00844C9.19215 4.95903 9.09722 4.93296 9.0005 4.93296C8.90378 4.93296 8.80885 4.95903 8.7257 5.00844C8.64255 5.05784 8.57425 5.12874 8.528 5.21369L7.544 7.12169C7.50444 7.19647 7.44742 7.26061 7.37779 7.30865C7.30815 7.3567 7.22795 7.38724 7.144 7.39769L4.944 7.70369C4.84645 7.71566 4.75434 7.75524 4.67852 7.81777C4.6027 7.88031 4.54632 7.9632 4.516 8.05669C4.48725 8.1453 4.48479 8.24035 4.50893 8.33033C4.53306 8.42031 4.58276 8.50136 4.652 8.56369L6.248 10.0497C6.30927 10.106 6.35532 10.1768 6.38189 10.2557C6.40846 10.3345 6.41469 10.4188 6.4 10.5007L6.024 12.6007C6.01064 12.671 6.01323 12.7435 6.03158 12.8127C6.04992 12.882 6.08355 12.9462 6.13 13.0007C6.20857 13.0939 6.31636 13.1577 6.43582 13.1819C6.55529 13.206 6.67941 13.189 6.788 13.1337L8.755 12.1437C8.83029 12.1025 8.91421 12.0795 9 12.0767Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-bedge02 {
	margin-right: 6px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: 16px auto;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 17.7645C7.28733 17.7643 6.58765 17.5737 5.97333 17.2125L1.97333 14.8618C1.37355 14.5073 0.876261 14.003 0.530297 13.3982C0.184332 12.7935 0.001586 12.1092 0 11.4125L0 6.58581C0.001586 5.8891 0.184332 5.20479 0.530297 4.60006C0.876261 3.99532 1.37355 3.49095 1.97333 3.13647L5.97333 0.785807C6.58771 0.424749 7.28739 0.234375 8 0.234375C8.71262 0.234375 9.41229 0.424749 10.0267 0.785807L14.0267 3.13647C14.6265 3.49085 15.1239 3.9952 15.4699 4.59996C15.8159 5.20471 15.9985 5.88908 16 6.58581V11.4125C15.9985 12.1092 15.8159 12.7936 15.4699 13.3983C15.1239 14.0031 14.6265 14.5074 14.0267 14.8618L10.0267 17.2125C9.41235 17.5737 8.71267 17.7643 8 17.7645ZM8 4.60047C7.90835 4.5993 7.81818 4.62362 7.73955 4.6707C7.66091 4.71779 7.5969 4.7858 7.55467 4.86714L6.63067 6.70847C6.5946 6.77977 6.5418 6.84127 6.47679 6.88771C6.41177 6.93415 6.33647 6.96415 6.25733 6.97514L4.18667 7.26981C4.09522 7.2822 4.00914 7.32019 3.93836 7.37941C3.86759 7.43863 3.815 7.51665 3.78667 7.60447C3.75902 7.69081 3.7569 7.7833 3.78055 7.87081C3.8042 7.95833 3.85263 8.03715 3.92 8.09781L5.40933 9.52714C5.46677 9.58132 5.50986 9.6489 5.53476 9.72383C5.55966 9.79876 5.56558 9.87869 5.552 9.95647L5.2 11.9765C5.18734 12.045 5.1901 12.1155 5.20809 12.1829C5.22608 12.2502 5.25884 12.3127 5.304 12.3658C5.35146 12.4218 5.41047 12.4669 5.47698 12.498C5.54349 12.529 5.61593 12.5453 5.68933 12.5458C5.76971 12.5455 5.84884 12.5258 5.92 12.4885L7.77067 11.5351C7.84167 11.4988 7.92023 11.4796 8 11.4791C8.08025 11.4792 8.15933 11.4984 8.23067 11.5351L10.0827 12.4885C10.1538 12.5257 10.233 12.5449 10.3133 12.5445C10.3863 12.5442 10.4584 12.5283 10.5247 12.4977C10.5909 12.4671 10.6498 12.4226 10.6973 12.3671C10.7425 12.3138 10.7751 12.251 10.7928 12.1834C10.8106 12.1158 10.8131 12.0451 10.8 11.9765L10.448 9.95781C10.4344 9.88003 10.4403 9.80009 10.4652 9.72516C10.4901 9.65024 10.5332 9.58265 10.5907 9.52847L12.0893 8.10047C12.1567 8.03982 12.2051 7.96099 12.2288 7.87348C12.2524 7.78596 12.2503 7.69348 12.2227 7.60714C12.1943 7.51932 12.1417 7.44129 12.071 7.38208C12.0002 7.32286 11.9141 7.28486 11.8227 7.27247L9.744 6.97381C9.66486 6.96281 9.58956 6.93281 9.52455 6.88637C9.45953 6.83993 9.40673 6.77843 9.37067 6.70714L8.444 4.87247C8.40272 4.79024 8.33927 4.72119 8.26081 4.67313C8.18235 4.62506 8.09201 4.5999 8 4.60047Z' fill='%23C5B5FF' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}

.icon-title01 {
	margin-right: 4px;
	width: 14px;
	height: 16px;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='17' viewBox='0 0 14 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.067 0.5H0.933009C0.80996 0.500524 0.688219 0.52528 0.574737 0.572853C0.461256 0.620427 0.358256 0.689887 0.271619 0.777267C0.184981 0.864647 0.116403 0.968236 0.0698004 1.08212C0.0231975 1.196 -0.000517835 1.31795 8.575e-06 1.441V15.559C-0.000241763 15.7218 0.0417286 15.882 0.121824 16.0238C0.201919 16.1656 0.317404 16.2842 0.457009 16.368C0.596409 16.4512 0.755193 16.4964 0.917506 16.499C1.07982 16.5016 1.23998 16.4616 1.38201 16.383L7.00001 13.272L12.618 16.384C12.7597 16.463 12.9198 16.5033 13.082 16.5006C13.2443 16.498 13.4029 16.4526 13.542 16.369C13.6819 16.2851 13.7976 16.1664 13.8779 16.0244C13.9581 15.8825 14.0002 15.7221 14 15.559V1.441C14.0005 1.31795 13.9768 1.196 13.9302 1.08212C13.8836 0.968236 13.815 0.864647 13.7284 0.777267C13.6418 0.689887 13.5388 0.620427 13.4253 0.572853C13.3118 0.52528 13.1901 0.500524 13.067 0.5Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-title02 {
	margin-right: 6px;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2005 2.66602H4.80054C4.58019 2.67469 4.37225 2.77036 4.2223 2.93206C4.07235 3.09376 3.99261 3.3083 4.00054 3.52868V16.47C3.9988 16.6165 4.03376 16.7611 4.10223 16.8905C4.1707 17.02 4.27051 17.1303 4.39254 17.2113C4.51033 17.2875 4.64708 17.329 4.7873 17.3314C4.92752 17.3338 5.06559 17.2968 5.18587 17.2247L10.0005 14.374L14.8152 17.226C14.9352 17.2983 15.0731 17.3354 15.2131 17.333C15.3532 17.3307 15.4897 17.289 15.6072 17.2127C15.7296 17.1316 15.8297 17.0212 15.8984 16.8914C15.9671 16.7617 16.0022 16.6168 16.0005 16.47V3.52868C16.0085 3.3083 15.9287 3.09376 15.7788 2.93206C15.6288 2.77036 15.4209 2.67469 15.2005 2.66602Z' fill='%23C5B5FF' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}

.icon-flag02 {
	width: 24px;
	position: absolute;
	left: 50%;
	top: -18px;
	z-index: 1;
	transform: translateX(-35%);
}

.icon-flag02 img {
	display: block;
	width: 100%;
}

/* 아이콘 체크*/
.icon-check01 {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-position: center;
	background-size: 100% auto;
	background-image: url('../img/icon-checkbox01.png');
}

.icon-check01 img {
	display: block;
	width: 100%;
}

.icon-check02 {
	display: block;
	position: absolute;
	left: 34px;
	top: -4px;
	z-index: 1;
	width: 29px;
	height: 32px;
}

/* 피커 말풍선 */
.picker-w01 {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	background-color: #5A371E;
	border-radius: 10px;
}

.picker-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	padding-top: 5px;
	box-sizing: border-box;
}

.picker-w01:after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -7px;
	width: 10px;
	height: 10px;
	background-size: 10px auto;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.86603 6.5C4.48113 7.16667 3.51887 7.16667 3.13397 6.5L0.535899 2C0.150999 1.33333 0.632124 0.499999 1.40192 0.499999L6.59808 0.5C7.36788 0.5 7.849 1.33333 7.4641 2L4.86603 6.5Z' fill='%235A371E'/%3E%3C/svg%3E%0A");
}

.picker-w01 span {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	overflow: hidden;
}

/* dottList */
.sliderList-w .slick-slide {
	padding: 0 8px;
}

[class*="dottList0"] li {
	position: relative;
	padding-left: 15px;
	margin-top: 6px;
}

[class*="dottList0"] li:first-of-type {
	margin-top: 0;
}

.dottList01 {
	display: flex;
	flex-wrap: wrap;
	width: 70%;
}

.dottList01 li {
	font-size: 16px;
	padding-right: 30px;
	font-weight: 700;
	line-height: 1.5;
	width: 50%;
	box-sizing: border-box;
}

.dottList01 li:after {
	display: block;
	content: '';
	width: 9px;
	height: 9px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 2.5px;
}

.dottList03 li {
	width: 100%;
}

/* 단원별 문제풀이 현황 */
.chartList01 {
	position: relative;
	margin-top: 10px;
}

.chartList01:after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 6px;
	border-radius: 20px;
	background-color: #D1C4FF;
	opacity: 0.6;
}

.chartList-box {
	position: relative;
	z-index: 1;
	padding: 21px 12px 20px 24px;
	box-sizing: border-box;
	border: 2px solid #D1C4FF;
	border-radius: 20px;
	background-color: #fff;
}

.chartList {
	padding-right: 12px;
	max-height: 196px;
	overflow-y: auto;
}

.chartList01 .chartList-inner {
	position: relative;
	padding-right: 12px;
	overflow: hidden;
	overflow-y: auto;
	height: 196px;
}

.chartList-box {}

.chartList01 .chartList-cont {
	padding: 16px 0;
	position: relative;
}

.chartList01 .chartList-cont:first-of-type {
	padding-top: 0;
}

.chartList01 .chartList-cont:last-of-type .bdline02-btm {
	display: none;
}

.cList-text {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 20px;
}

.cList-text span,
.cList-text strong,
.cList-count .txtcolor04 {
	font-weight: 800;
}

.cList-count {
	display: flex;
	justify-content: center;
}

.cList-count span {
	font-weight: 700;
	font-size: 16px;
}

.cList-sub {
	margin-top: 2px;
	font-size: 14px;
	letter-spacing: -0.7px;
	font-weight: 700;
}

.progressBar-w03 {
	margin-top: 7px;
	height: 16px;
	border-radius: 16px;
	background-color: #eee;
}

.progressBar-w03 .progressbar {
	border-radius: 16px;
	box-sizing: border-box;
}

/* 프로그레스바 : 캐릭터 있는 타입 */
.progressBar-w04 {
	height: 28px;
	margin-top: 50px;
}

.progressBar-w04 .progressBar-inner {
	position: relative;
	height: 15px;
	background-color: #eee;
	border-radius: 100px;
}

.progressBar-w04 .progressbar {
	position: relative;
	height: 100%;
	padding-right: 32px;
	box-sizing: border-box;
	border-radius: 100px;
	background-image: url('../img/progress03.png');
	background-repeat: repeat-x;
	background-size: auto 100%;
}

.progressBar-w04 .progressbar:after {
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	background-image: url('../img/progressbar-char.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px auto;
	border: 2px solid #5A371E;
	box-sizing: border-box;
	border-radius: 100%;
}

.progressBar-w04 .countPercent02 {
	position: absolute;
	right: -10px;
	top: -32px;
	font-size: 22px;
	font-weight: 800;
	color: #735AF6;
}

.countPercent02 span {
	font-size: 16px;
}

/* 난이도별 문제풀이 현황 */
.chartList02 {
	margin-top: 12px;
}

.chartList02 .chartList-inner {
	display: flex;
	justify-content: space-around;
}

.chartList02 .chartList-cont {
	width: 104px;
	text-align: center;
	padding: 0 10px;
}

.chartList02-donut {
	width: 104px;
	height: 104px;
}

.cListInfo-w {}

.chartList02-donut .center {
	color: #7855FF;
	padding-top: 5px;
	box-sizing: border-box;
}

.chartList02-donut .donut-title {
	color: #5A371E;
}

.donut-percent {
	margin-top: 5px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.donut-percent strong {
	font-size: 26px;
	font-weight: 800;
}

.donut-percent span {
	display: inline-block;
	margin-left: 3px;
	font-size: 14px;
	font-weight: 700;
}

.cListInfo-title {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}

.cListInfo-title span {
	font-weight: 800 !important;
	font-size: 18px;
	letter-spacing: -0.9px;
	color: #5A371E;
}

.cListInfo-count {
	margin-top: 12px;
}

.cListInfo-text {
	display: block;
	font-size: 16px;
	color: #5A371E;
	opacity: 0.5;
	font-weight: 700;
}

.countPercent {
	display: flex;
	align-items: center;
	justify-content: center;
}

.icon-upDown {
	width: 12px;
}

.percent-num {
	display: inline-block;
	margin-left: 4px;
	font-size: 16px;
	color: #7855FF;
	font-weight: 800;
}

.percentDown .percent-num,
.percentDown .percent-text {
	color: #00B2E5;
}

.percent-text {
	font-size: 10px;
	font-weight: 700;
	color: #7855FF;
}

/* 문제 */
.questioning-title {
	width: 100%;
	display: inline-block;
	font-size: 16px !important;
	font-weight: 500;
	line-height: 1.5em;
	margin: 1.5rem auto 0;
}

/* 문제 번호 및 문제 */
p.midLayout {
	width: 50%;
	margin: 0 auto;
}

span.block-text-center {
	display: inline-block;
}

span.li-img {
	display: inline-block !important;
	vertical-align: middle !important;
}

span.li-img img.selectable.container-id-1.align-center {
	width: auto !important;
	margin: 0;
}

/* 테스트 유의사항 */
.testNotice-w {
	max-width: 660px;
	margin: 0 auto;
	padding-top: 1.5rem;
}

.testNotice-box {
	margin-top: 1.5rem;
	background-color: #DCD4FF;
	border-radius: 20px;
	padding: 30px 30px 24px;
}

.bg-notice {
	display: block;
	margin-top: 30px;
	text-align: right;
}

.bg-notice img {
	width: 369px;
}

.testNotice-list {
	padding-left: 20px;
}

.testNotice-list li {
	margin-top: 24px;
	list-style: auto;
	font-size: 20px;
	font-weight: 700;
	line-height: 35px;
	letter-spacing: -1px;
}

.testNotice-list li:first-of-type {
	margin-top: 0;
}

/* 레벨그래프 */
[class^="levelGraph-w"],
[class^="pinNote-w"] {
	position: relative;
	width: 100%;
	height: 330px;
	padding: 0 5px 5px 0;
}

[class^="levelGraph-w"]:after,
[class^="pinNote-w"]:after {
	display: block;
	content: '';
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	position: absolute;
	left: 11px;
	top: 11px;
	border: 2px solid #5A371E;
	border-radius: 14px;
	box-sizing: border-box;
}

[class^="levelGraph-w"] .icon-pin,
[class^="pinNote-w"] .icon-pin {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -10px;
	z-index: 2;
}

.pinNote-inner {
	position: relative;
	z-index: 1;
	padding: 20px 1.5rem 30px;
	min-width: 535px;
	width: 100%;
	height: 100%;
	border: 2px solid #5A371E;
	border-radius: 14px;
	background-color: #fff;
	box-sizing: border-box;
}

[class*="levelGraph-text"] {
	display: block;
	margin-top: 20px;
	font-size: 22px;
	text-align: left;
	font-weight: 800;
	line-height: 34px;
	letter-spacing: -1.3px;
	font-family: 'NanumSquareRound';
}

[class*="levelGraph-text"] strong {
	display: block;
	font-size: 22px;
	font-weight: 800;
}

[class*="levelGraph-text"] div {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	font-weight: 800;
}

[class*="levelGraph-text"] .txtPoint {
	display: inline-block;
	font-size: 26px;
	font-weight: 800;
	margin-right: 5px;
}

.levelGraph-text2 {
	text-align: center;
	margin-top: 0;
}

.levelGraph-text2 div {
	justify-content: center;
}

.levelGraph {
	margin-top: 12px;
	width: 100%;
	height: 201px;
	padding: 16px 40px 10px;
	background-color: #F8F8F8;
	border-radius: 20px;
	box-sizing: border-box;
}

/* 레벨그래프 */
.levelGraph-w01 {
	position: relative;
	width: 100%;
	height: 330px;
	padding: 0 5px 5px 0;
}

.levelGraph-w01:after {
	display: block;
	content: '';
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	position: absolute;
	left: 9px;
	top: 9px;
	border: 2px solid #5A371E;
	border-radius: 14px;
	box-sizing: border-box;
}

.levelGraph-inner {
	position: relative;
	z-index: 1;
	padding: 20px 40px 30px;
	min-width: 535px;
	width: 100%;
	height: 100%;
	border: 2px solid #5A371E;
	border-radius: 14px;
	background-color: #fff;
	box-sizing: border-box;
}

/* 유형별 점수(결과설명) */
.quizResult-title {
	margin-top: 20px;
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 66px;
	min-height: 60px;
	background-repeat: repeat-x;
	background-position: 13px 85%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='527' height='2' viewBox='0 0 527 2' fill='none'%3E%3Cpath d='M1 1H526' stroke='%235A371E' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='1 4'/%3E%3C/svg%3E");
}

.quizResult-title strong {
	display: inline-block;
	padding: 0 0 10px 5px;
	font-size: 20px;
	color: #5A371E;
	font-weight: 800;
}

.bg-puppy {
	display: inline-block;
	width: 66px;
	position: absolute;
	left: 0;
	top: 0;
}

.bg-puppy02 {
	width: 96px;
}

/* dottList */
.dottList-w {
	position: relative;
	padding: 16px 0;
}

.dottList-w .lineStyle02 {
	top: auto;
	bottom: 0;
}

.dottList {}

[class*="dottList"] li {
	position: relative;
	padding-left: 14px;
}

[class*="dottList"] li:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #5A371E;
}

/* dott흰색 */
.dottList02 {}

.dottList02 li:after {
	background-color: #fff;
}

.dottList02 li {
	margin-top: 4px;
	text-align: left;
	font-size: 16px;
	font-weight: 800;
}

/* dott 작은타입 */
.dottList03 li {
	margin-top: 12px;
	padding-left: 12px;
	font-weight: 700;
	line-height: 24px;
}

.dottList03 li:first-of-type {
	margin-top: 24px;
}

.dottList03 li:after {
	width: 3px;
	height: 3px;
}

/* selectList */
.selectList-w {
	margin-top: 12px;
}

.selectList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	overflow: hidden;
	overflow-y: auto;
	max-height: 170px;
}

.selectList li {
	flex-shrink: 0;
	width: 25%;
	margin-top: 12px;
}

/* 예상정답률,학습레벨 */
.scoreInfo-w {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.scoreInfo-w:after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 48px;
	height: 100%;
	background-size: 100% auto;
	background-position: center;
	background-image: url('../img/bg-note.png');
	background-repeat: no-repeat;
}

.scoreInfo-inner {
	margin-left: 16px;
	max-width: 196px;
	width: calc(50% - 16px);
	border-radius: 16px;
	padding: 16px 20px 23px;
	background-color: #F4F4F4;
}

.scoreInfo-inner:first-of-type {
	margin-left: 0;
}

.scoreInfo-cont {
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url('../img/bg-note02.png');
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: auto 84px;
}

.scoreInfo-w .underline-text {
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -0.8px;
}

.scoreInfo-w p {
	margin-top: 7px;
	min-height: 35px;
	padding: 10px 0;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.scoreInfo-w .count {
	display: inline-block;
	padding-right: 2px;
	font-size: 36px;
}

/* 학습결과 : 도넛그래프 안내 점수,문제 */
.scoreInfo-w02 {}

.scoreInfo-w02 .tResult-num {
	font-size: 100px;
	letter-spacing: -2px;
	font-weight: 400;
	font-family: 'KoreanERWJM';
}

.scoreInfo-w02 .tResult-value {
	font-size: 40px;
	font-weight: 400;
	font-family: 'KoreanERWJM';
}

.scoreInfo-w02 .quizPage-text span {
	font-size: 20px;
	font-weight: 800;
}

.scoreInfo-w02 .tResult-text {
	height: 80px;
}

/* 진단결과분석 */
.resultDetail-w {
	position: relative;
	box-sizing: border-box;
}

.resultList-w {
	display: flex;
	align-items: stretch;
	justify-content: center;
	width: calc(100% + 13px);
}

.resultList-w .resultDetail-w {
	margin-top: 28px;
	padding-right: 13px;
	padding-top: 50px;
}

.resultDetail-inner {
	position: relative;
	height: 100%;
}

.resultList-w .resultDetail-box {
	max-width: 190px;
}

.mylevel-title {
	position: absolute;
	left: 50%;
	top: -17px;
	transform: translateX(-50%);
	z-index: 2;
}

.mylevel-title .sticker-title {}

.mylevel-title .layerPopup-w {
	position: absolute;
	left: 50%;
	top: 50px;
	transform: translateX(-50%);
	width: 353px;
	height: 286px;
}

/* 진단결과 박스 */
.resultDetail-box {
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 29px 20px 19px;
	background-color: #F2F2F2;
	box-sizing: border-box;
	border-radius: 16px;
}

.detailGraph {
	margin: 0 auto;
	width: 185px;
}

.detailGraph-text {
	display: inline-block;
	margin-top: 11px;
	font-size: 20px;
	color: #5A371E;
	font-weight: 800;
}

.resultDetailText-title {
	display: inline-block;
	font-size: 18px;
	font-weight: 800;
	background-image: linear-gradient(to bottom, transparent 60%, #B7EEFF 40%);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.quizResult-title {
	margin-top: 20px;
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 66px;
	min-height: 60px;
	background-repeat: repeat-x;
	background-position: 13px 85%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='527' height='2' viewBox='0 0 527 2' fill='none'%3E%3Cpath d='M1 1H526' stroke='%235A371E' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='1 4'/%3E%3C/svg%3E");
}

.quizResult-title strong {
	display: inline-block;
	padding: 0 0 10px 5px;
	font-size: 20px;
	color: #5A371E;
	font-weight: 800;
}

.bg-puppy {
	display: inline-block;
	width: 66px;
	position: absolute;
	left: 0;
	top: 0;
}

.resultDetail-w {
	margin-top: 28px;
	padding-top: 30px;
	position: relative;
}

.resultDetail-w:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 2px;
	background-repeat: repeat-x;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='2' viewBox='0 0 538 2' fill='none'%3E%3Cpath d='M538 0.710938H0' stroke='%23DDD6D1' stroke-dasharray='3 3'/%3E%3C/svg%3E");
}

.resultDetail-w:first-of-type {
	margin-top: 0;
}

.resultDetail-w:first-of-type:after {
	display: none;
}

.resultDetailText-w {
	margin-top: 19px;
}

.resultDetailText-inner {
	margin-top: 32px;
	text-align: left;
}

.resultDetailText-inner:first-of-type {
	margin-top: 0;
}

.resultDetailText {
	position: relative;
	margin-top: 15px;
	font-size: 18px;
	line-height: 36px;
	letter-spacing: -0.9px;
	font-weight: 700;
}

.graphText {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	height: 108px;
	font-size: 18px;
	color: #ADADAD;
}

.graphText strong {
	font-size: 42px;
	color: #7855FF;
	font-weight: 700;
}

.graphText span {
	position: relative;
	top: 3px;
}

@media screen and (max-width: 1220px) {
	.resultList-w {
		flex-wrap: wrap;
	}

	.resultList-w .resultDetail-w {
		width: 50%;
		flex-shrfink: 0;
	}

	.resultList-w .resultDetail-box {
		max-width: 100%;
	}
}

/* 그래프-진단결과분석 */
.graphList-w {
	display: flex;
	flex-wrap: wrap;
	padding-top: 14px;
}

.resultGraph-w {
	margin-top: 15px;
	width: 50%;
	flex-shrink: 0;
	padding: 0 10px;
	box-sizing: border-box;
}

.resultGraph-inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
}

.resultGraphRound-w {
	margin: 0 auto;
	width: 48px;
	height: 48px;
	box-sizing: border-box;
	border: 3px solid #FED0D4;
	border-radius: 100%;
}

.resultGraphRound-w * {
	border-radius: 100%;
}

.resultGraphRound-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 3px;
	border: 1px solid #fff;
	box-sizing: border-box;
	background-color: #FEE0E3;
}

.resultGraph-num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: #EEEAFF;
	color: #FED0D4;
	letter-spacing: -0.8px;
	font-size: 16px;
	font-weight: 800;
}

.resultGraphBar-inner {}

.resultGraphCont-L,
.resultGraphCont-R {
	z-index: 1;
}

.resultGraphText {
	font-size: 14px;
	color: #7855FF;
	font-weight: 700;
}

.resultGraphCont-C {
	position: absolute;
	left: 30px;
	top: 0;
	width: calc(100% - 60px);
	height: 46px;
	background-repeat: repeat-x;
	background-size: auto 100%;
	background-image: url('../img/bg-graphBar.png');
}

/* 콘텐츠 프로그레스바 */
.progressBar-w {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 7px;
	background-color: #EEEEEE;
	border-bottom: 2px solid #5A371E;
	box-sizing: border-box;
}

.progressbar {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background-color: #00EFDF;
}

/* 결과 값 높은 bar 표시 */
.resultHigh-R .progressbar-w {
	right: 0;
}

.resultHigh-L .progressbar-w {
	left: 0;
}

.resultHigh-R .resultGraphCont-R .resultGraphRound-inner,
.resultHigh-L .resultGraphCont-L.resultGraphRound-inner {
	border: 1px solid #FC6371;
}

.resultHigh-R .resultGraphCont-R .resultGraph-num,
.resultHigh-L .resultGraphCont-L .resultGraph-num {
	background-color: #FC6371;
	color: #fff;
}

/* 게시판 */
.txtcolor01 {
	color: #666;
}

.txtcolor02 {
	color: #5A371E;
}

.txtcolor03 {
	color: rgba(90, 55, 30, .5);
}

.txtcolor04 {
	color: #7855FF;
}

.txtcolor05 {
	color: #2EEFDF;
}

.txtcolor06 {
	color: #AF9AFF;
}

.textarea {
	width: 100%;
	height: 200px;
	padding: 16px;
	border-radius: 8px;
	box-sizing: border-box;
	font-size: 16px;
	color: #5A371E;
	line-height: 20px;
	font-weight: 700;
}

.textarea::placeholder {
	font-weight: 400;
	color: #AAA;
}

[class^="rowType0"] {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

[class^="rowType0"] input,
[class^="rowType0"] .rowText {
	font-size: 16px;
	color: #5A371E;
	font-weight: 700;
}

[class^="rowType0"] strong {
	flex-shrink: 0;
	position: relative;
	top: 10px;
	width: 72px;
	padding-right: 16px;
	font-size: 18px;
	letter-spacing: -0.9px;
}

[class^="rowType0"] input,
[class^="rowType0"] .rowText,
.addfile-name {
	width: 100%;
	height: 48px;
	padding: 0 16px;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-sizing: border-box;
}

[class^="rowType0"] input:focus,
.textarea:focus {
	border-color: #5A371E;
	color: #5A371E;
	outline-color: #5A371E;
}

[class^="rowType0"] input:disabled {
	background-color: #F8F8F8;
	color: #666;
	font-size: 16px;
	font-weight: 700;
	border: 0;
}

/* 나의질문-답변확인하기 팝업 */
[class^="rowType0"] .rowText {
	border: 0;
	padding-top: 10px;
}

.qnaPopup .rowText {
	height: auto;
	font-size: 16px;
	color: #7E7E7E;
	font-weight: 400;
}

/* 파일첨부 */
.fileAdd-w {
	position: relative;
	width: 100%;
	height: 48px;
}

.ipFile {
	flex-shrink: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 126px !important;
	height: 100% !important;
}

.ipFile:hover {
	cursor: pointer;
}

.fileAdd-inner {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
}

.addfile-name {
	position: relative;
	padding: 0 34px 0 40px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-right: 10px;
	background-size: 16px auto;
	background-repeat: no-repeat;
	background-position: 16px center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 16 20' fill='none'%3E%3Cpath d='M0 3C0 1.34315 1.34315 0 3 0H8.8L12 3.75L16 7.5V17C16 18.6569 14.6569 20 13 20H3C1.34315 20 0 18.6569 0 17V3Z' fill='%23DDDDDD'/%3E%3Cpath d='M8.79984 0V3.16667C8.79513 4.33611 9.23487 5.45998 10.023 6.29281C10.8111 7.12565 11.9276 7.48812 13.0502 7.5H15.9998L8.79984 0Z' fill='%23AAAAAA'/%3E%3C/svg%3E");
}

.fileName-text {
	display: inline-block;
	position: relative;
	color: #666;
	font-weight: 700;
}

.fileName-text:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 100%;
	height: 1px;
	background-color: #666;
}

.btn-fileadd {
	flex-shrink: 0;
	width: 126px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #efefef;
	border-radius: 8px;
	padding: 10px;
	box-sizing: border-box;
	color: #666;
	font-size: 16px;
	letter-spacing: -0.8px;
	font-weight: 700;
}

.fileaddText {
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	width: auto !important;
	padding-right: 0 !important;
	font-weight: 700;
}

.btn-close05 {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 16px 0 8px;
	height: 100%;
	background: 0;
	border: 0;
}

.btn-close05 .icon-x {
	width: 10px;
	display: flex;
	align-items: center;
}

/* 첨부파일 타입2 */
.addfile-name02 {
	position: relative;
	padding-left: 24px;
	background-image: url('../img/icon-addfile02.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px auto;
	border: 0;
	background-color: transparent;
}

.addfile-name02 .fileName-text {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.8px;
}

/* 필독해습 점수 */
[class^="testResult-w0"] {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: calc(100% + 24px);
	overflow: hidden;
	padding: 2px 2px 6px;
}

.testResult-w01 {
	flex-wrap: nowrap;
	max-width: 714px;
	margin: 0 auto;
	padding-left: 24px;
	box-sizing: border-box;
}

.testResult-inner {
	position: relative;
	margin-right: 24px;
	margin-top: 20px;
	width: 100%;
}

.testResult-inner:first-of-type {
	margin-top: 0;
}

.testResult-inner:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-color: #7855FF;
	border-radius: 18px;
	opacity: 0.5;
}

.testResult-cont {
	position: relative;
	z-index: 1;
	width: 100%;
	min-height: 136px;
	border: 2px solid #D1C4FF;
	border-radius: 18px;
	box-sizing: border-box;
	box-shadow: 0 0 0 2px rgba(67, 39, 15, 1);
	background-color: #fff;
}

.tResult-title {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	border-radius: 18px 18px 0 0;
	height: 54px;
	color: #5A371E;
	background-color: #DCD4FF;
	font-weight: 800;
	letter-spacing: -1px;
}

.tResult-text {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	margin-top: 19px;
}

.tResult-text02 {
	display: block;
	margin-top: 5px;
	padding-bottom: 20px;
	text-align: center;
	color: #5A371E;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.8px;
}

.tResult-text02 span {
	padding: 0 2px;
}

.tResult-num {
	display: inline-block;
	font-size: 34px;
	color: #7855FF;
	letter-spacing: -1.7px;
	font-weight: 800;
}

.tResult-value {
	margin-left: 6px;
	margin-right: 10px;
	display: inline-block;
	font-size: 20px;
	color: #5A371E;
	letter-spacing: -1px;
	font-weight: 800;
}

.testResult-w01 .testResult-inner {
	margin-top: 0;
}

.testResult-w01 .tResult-title {
	height: 48px;
	background-color: #7855FF;
	color: #fff;
}

.testResult-w01 .tResult-text {
	height: 80px;
	margin-top: 0;
}

/* 월간출석률 */
.studyCalendar-w {
	display: flex;
	align-items: flex-end;
	height: 100%;
}

.studyCalendar-w .preview-inner {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	height: 100%;
	padding-bottom: 8px;
}

.studyCalendar-w .preview-inner div {
	width: 100%;
	max-width: 240px;
}

.studyCalendar-w .preview-inner .tResult-text {
	height: 40px;
}

/* 배지,칭호 */
.testResult-w02 .testResult-inner,
.testResult-w03 .testResult-inner {
	margin-right: 0;
}

.testResult-w03 {
	max-width: 75%;
	margin: 0 auto;
}

.testResult-w03 .tResult-title span {
	padding-top: 2px;
}

.testResult-w03 {}

/* 캘린더 */
.calendarType01 {
	position: relative;
	flex-shrink: 0;
	margin-top: 24px;
	padding-top: 10px;
	box-sizing: border-box;
}

.calendarType01:after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: 1;
	width: 90%;
	height: 41px;
	background-image: url('../img/ring.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.calendarType01 .calendarMonth {
	background: none;
	width: 100%;
	height: 32px;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}

.calendarType01 .calendarMonth-text {
	font-size: 31px;
	letter-spacing: -0.62px;
	flex-shrink: 0;
}

.calendarType01 .calendarInner {
	padding: 20px 28px 0;
	z-index: 1;
}

.calendarType01 .btn-arrow02 {}

.calendarInner {
	position: relative;
	padding: 34px 2.5vw 32px;
	border-radius: 24px;
	box-sizing: border-box;
	border: 2px solid rgba(67, 39, 15, 1);
	background-color: #fff;
}

.calendarBg {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 80px;
	border-radius: 24px 24px 0 0;
	background-color: #EEEAFF;
}

.calendarBg:before,
.calendarBg:after {
	display: block;
	content: '';
	width: 22px;
	height: 41px;
	position: absolute;
	top: -20px;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
	background-image: url('../img/icon-spring01.png');
}

.calendarBg:before {
	left: 42px;
}

.calendarBg:after {
	right: 38px;
}

.calendarCont {
	position: relative;
	z-index: 1;
}

.calendarMonth {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	background-color: #fff;
}

.calendarMonth-text {
	font-size: 22px;
	font-weight: 800;
}

.calendarMonth .btn-arrow02 {
	padding: 0 32px;
	height: 20px;
}

.calendarMonth .icon-arrow07 {
	width: 20px;
	height: 20px;
	margin-left: 0;
	background-size: auto 20px;
}

.calendarTable {
	padding-top: 72px;
	padding-bottom: 30px;
}

.calendarTable table {
	width: 100%;
	text-align: center;
}

.calendarTable td {
	padding-top: 8px;
}

.dayAbsent .calendarCell,
.cInfo-type .dayAbsent:after {
	background-color: #eee;
}

.dayStudy .calendarCell,
.cInfo-type .dayStudy:after {
	background-color: #90F6EE;
}

.dayTo .calendarCell,
.cInfo-type .dayTo:after {
	background-color: #7855FF;
}

.dayTo .calendarDay,
.dayTo .calendarTime {
	color: #fff;
}

.dayCheck .calendarCell,
.cInfo-type .dayCheck:after {
	background-color: #D1C4FF;
}

.dayNext .calendarDay {
	color: #aaa !important;
}

.sat .calendarDay {
	color: #4578EC;
}

.sun .calendarDay {
	color: #F06D10;
}

.calendarWeek {
	height: 44px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	letter-spacing: -0.4px;
}

.calendarTable tbody tr:first-of-type td {
	padding-top: 0;
}

.calendarCell {
	/*display:flex;align-items:center;justify-content:center;*/
	height: 54px;
	padding: 10px;
	text-align: center;
	box-sizing: border-box;
}

.calendarDay {
	display: block;
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	color: #5A371E;
	letter-spacing: -0.48px;
	font-weight: 700 !important;
}

.studyDay {
	display: block;
	flex-shrink: 0;
	font-size: 14px;
	color: #5A371E;
	padding: 0 3px;
	height: 20px;
	line-height: 20px;
	font-weight: 700;
	letter-spacing: -0.32px;
	background-color: #90F6EE;
	text-align: center;
	border-radius: 16px;
}

/* 캘린더 하단 설명 */
.cInfo-w {
	display: flex;
	justify-content: flex-end;
	margin-top: 18px;
}

.cInfo-text {
	color: #666;
	font-size: 16px;
	letter-spacing: -0.8px;
	font-weight: 700;
}

.cInfo-type {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	padding-right: 10px;
}

.cInfo-type [class^="day"] {
	flex-shrink: 0;
	padding-left: 22px;
	position: relative;
	margin-left: 16px;
}

.cInfo-type [class^="day"]:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border-radius: 100%;
}

.cInfo-type [class^="day"]:first-of-type {
	margin-left: 0;
}

/* 주제별 개념영상 박스모듈 */
.moduleBox01 {}

.moduleBox01 .mb-inner {
	position: relative;
	padding-top: 62%;
	box-sizing: border-box;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-image: url('../img/bg-box.png');
}

.moduleBox01 .mb-cont {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 22px 24px;
	box-sizing: border-box;
}

.mb-title {
	display: block;
	margin-top: 11px;
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: 800;
}

.mb-text {
	margin-top: 8px;
	font-size: 16px;
	color: #666;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 개념영상 학년별,주제별 리스트*/
.boradList-w {
	margin-top: 20px;
	border-radius: 16px 16px 0 0;
	overflow: hidden;
}

.boradList-inner {}

.boradList-w table {
	display: table;
	padding: 0 6px;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
}

.boradList-w th {
	text-align: center;
	height: 55px;
	background-color: #E3E3E3;
}

.boardList-w thead {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.boradList-w tbody {
	display: block;
	width: calc(100% + 6px);
	overflow: hidden;
	overflow-y: auto;
	background-color: #fff;
}

.boradList-w td {
	text-align: center;
	padding: 20px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
}

.boradList-w tr {
	display: table;
	width: 100%;
	box-sizing: border-box;
}

.boradList-w .num {
	width: 158px;
	flex-shrink: 0;
	text-align: center;
}

.boradList-w .view {
	width: 140px;
	flex-shrink: 0;
	text-align: center;
}

.boradList-w .date {
	width: 140px;
	flex-shrink: 0;
	text-align: center;
}

.boradList-w .state {
	width: 100px;
	flex-shrink: 0;
	text-align: center;
}

.boradList-w .title:hover {
	text-decoration: underline;
}

.boradList-w [class^="quizNum0"] {
	top: 0;
	margin: 0 auto;
}

/* 영상재생버튼 */
.btn-play {
	border: 0;
	background: none;
}

.icon-file {
	display: inline-block;
	margin-left: 7px;
}

.char03 {
	position: absolute;
	left: 50%;
	top: -42px;
	z-index: 1;
	transform: translateX(-50%);
	width: 105px;
	height: 66px;
}

.char-body,
.char-hand {
	position: absolute;
	left: 0;
	top: 0;
}

.char-hand {
	width: 74px;
	top: 52px;
}

.char04 {
	display: block;
	width: 180px;
	height: 145px;
	position: absolute;
	right: 0;
	top: -45px;
	overflow: hidden;
}

.char01 {}

.listNone {
	border-bottom: 0 !important;
}

.listNone strong {
	display: block;
	margin-top: 16px;
	text-align: center;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: -1.4px;
	color: #aaa;
	font-family: 'KoreanERWJM';
}

.listNone .text {
	margin-top: 20px;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	color: #aaa;
	font-weight: 700;
}

.listNone .text img {
	width: 22px;
}

/* 개념영상 테이블 리스트 */
[class*="page-qna10"],
[class*="page-remind"] {
	background-color: #EEEAFF !important;
}

[class*="page-qna10"] th,
[class*="page-remind"] th {
	font-size: 18px;
}

[class*="page-qna10"] .stateType-cont {
	margin-right: 0;
}

.page-remind1101 .boradList-inner {
	display: flex;
	align-items: center;
}

.page-remind1101 .boradList-w tbody,
.page-qna1201 .boradList-w tbody {
	height: 450px;
}

.page-remind1101 tr {
	height: 100%;
}

/* 복습노트 */
.remindNote-w,
/*.remindNote-w .boradList-w,*/
.remindNote .boradList-inner {
	height: 90%;
}

[class*="page-remind"] .btnList-w {
	align-items: flex-end;
}

[class*="page-remind"] .boradList-inner {
	height: 100%;
}

[class*="page-remind"] .boradList-w td {
	border-color: #EEEAFF;
	text-align: center;
	padding: 20px 10px;
}

[class*="page-remind"] .stateType-cont {
	margin: 0 auto;
}

[class*="page-remind"] table .title {
	text-align: left !important;
}

[class*="page-remind"] th {
	flex-shrink: 0;
	padding: 0 10px;
	box-sizing: border-box;
}

[class*="page-remind"] th:nth-of-type(1),
[class*="page-remind"] td:nth-of-type(1) {
	width: 10%;
	min-width: 105px;
}

[class*="page-remind"] th:nth-of-type(2),
[class*="page-remind"] td:nth-of-type(2) {
	width: 15%;
	min-width: 100px;
}

[class*="page-remind"] th:nth-of-type(3),
[class*="page-remind"] td:nth-of-type(3) {
	width: 15%;
	min-width: 130px;
}

[class*="page-remind"] th:nth-of-type(4),
[class*="page-remind"] td:nth-of-type(4) {
	width: 38%;
	;
}

[class*="page-remind"] th:nth-of-type(5),
[class*="page-remind"] td:nth-of-type(5) {
	width: 9%;
	min-width: 95px;
}

[class*="page-remind"] th:nth-of-type(6),
[class*="page-remind"] td:nth-of-type(6) {
	width: 15%;
	min-width: 100px;
}

/* 독해달력-whether */
.whether-w {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}

.whether-icon {
	flex-shrink: 0;
	width: 130px;
}

.whether-icon img {
	display: block;
	max-width: 100%;
}

.whether-text {
	padding-left: 23px;
	box-sizing: border-box;
}

.whether-text .date {
	display: block;
	font-size: 24px;
	font-family: 'KoreanERWJM';
}

.whether-text .title {
	display: block;
	margin-top: 2px;
	font-size: 30px;
	line-height: 34px;
	font-family: 'KoreanERWJM';
	font-weight: 400;
	color: #7855FF;
}

.whether-text .text {
	font-size: 16px;
	margin-top: 8px;
	font-weight: 700;
}

/* 지식맵 : 컬러모듈 */
[class*="themeType0"] .theme-title,
.grade-title {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #5A371E;
}

.theme-title {
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 48px;
}

.themeType01 .theme-title {
	background-color: #FFD0D4;
}

.themeType02 .theme-title {
	background-color: #D2EB8C;
}

.themeType03 .theme-title {
	background-color: #99E3D5;
}

.themeType04 .theme-title {
	background-color: #AFC5FF;
}

.themeType05 .theme-title {
	background-color: #FFA2C0;
}

.themeType06 .theme-title {
	background-color: #FFD591;
}

.themeType07 .theme-title {
	background-color: #CEB5FF;
}

.theme-title [class*="themeType0"] {
	width: 100%;
	height: 48px;
	font-size: 20px;
	font-weight: 800;
}

.theme-title span {
	display: inline-block;
	font-size: 14px;
	font-weight: 800;
}

/* 지식맵 : 학년 */
.grade-title {
	position: relative;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 100%;
	box-sizing: border-box;
	background-color: #FFE3E7;
	font-size: 24px;
	font-weight: 400;
	font-family: 'KoreanERWJM';
}

/* 지식맵 : cell 그룹 */
[class*="grade-group0"] {
	position: relative;
	flex-shrink: 0;
	display: flex;
	align-items: stretch;
	justify-content: center;
	min-width: 208px;
	padding: 0 10px;
	box-sizing: border-box;
}

[class*="grade-group0"]:after {
	display: block;
	content: '';
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

.grade-group02 .grade-cont {
	width: 160px;
}

.grade-group03 .grade-cont {
	width: 340px;
}

.grade-map-w .themeType01 {
	background-color: #FFF2F4;
}

.grade-map-w .themeType02 {
	background-color: #FCFFF4;
}

.grade-map-w .themeType03 {
	background-color: #F0FFFC;
	min-width: 380px;
}

.grade-map-w .themeType04 {
	background-color: #F2F5FF;
}

.grade-map-w .themeType05 {
	background-color: #FFEDF9;
}

.grade-map-w .themeType06 {
	background-color: #FFF6E8;
}

.grade-map-w .themeType07 {
	background-color: #F6F2FF;
}

/* 지식맵 : row안에 cell  */
.grade-box {
	position: relative;
	z-index: 1;
	padding: 16px 0;
}

/*margin:16px 10px 16px 10px;*/
.grade-cont {
	position: relative;
	z-index: 1;
	margin: 10px;
	padding: 4px 12px 10px;
	width: 168px;
	border: 2px solid #fff;
	border-radius: 15px;
	box-sizing: border-box;
	background-color: #fff;
}

.grade-cont:first-of-type {
	margin-top: 0;
}

/* 지식맵 : box안에 텍스트 */
.study-theme {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 6px;
}

.study-text {
	display: inline-block;
	padding-left: 4px;
	font-size: 14px;
	color: #5A371E;
	letter-spacing: -0.05em;
	font-weight: 400;
	text-align: left;
}

.study-sub {
	display: inline-block;
	border-top: 1px solid #eee;
	margin-top: 3px;
	padding: 4px 0 4px 44px;
	word-break: keep-all;
	color: #aaa;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.05em;
}

.point-text {
	display: inline;
}

.themeType01 .point-text {
	color: #FF6371;
}

.themeType02 .point-text {
	color: #B6E067;
}

.themeType03 .point-text {
	color: #79D0BF;
}

.themeType04 .point-text {
	color: #98B4FF;
}

.themeType05 .point-text {
	color: #FD80A9;
}

.themeType06 .point-text {
	color: #FEC466;
}

.themeType07 .point-text {
	color: #BC9BFF;
}

/* 텍스트 hover */
.study-theme:hover .study-text,
.study-sub:hover,
.study-sub:hover .point-text {
	text-decoration: underline;
}

/* 지식맵 : table */
.map_container {
	overflow: auto;
	max-height: 658px;
	height: calc(100vh - 131px);
}

.grade-map-w {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	min-height: 100%;
}

.grade-map-row {
	display: flex;
	width: 100%;
}

.grade-map-row:first-of-type [class*="grade-group0"],
.grade-map-row:first-of-type .grade-title {
	padding-top: 48px;
}

.grade-map-row:first-of-type .grade-title:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 48px;
	z-index: 1;
	background-color: #FFD0D4;
}

.grade-map-row:first-of-type .grade-box:after {
	height: calc(100% - 20px);
	top: 20px;
}

.grade-map-row:last-of-type .grade-box:after {
	height: 20px;
}

/* 지식맵 : 라인 */
[class*="mapline-"] {
	display: block;
	position: absolute;
	left: 0;
	top: 45%;
	width: 2px;
	height: auto;
}

[class*="mapline-w-"] {
	width: 8px;
	height: 2px;
}

[class*="mapline-h-"] {
	height: 100%;
}

.mapline-w-l,
.mapline-h-l {
	left: -12px;
}

.mapline-w-r {
	left: calc(100% + 4px);
}

.mapline-h-r {
	left: calc(100% + 11px);
}

.mapline-h-c {
	left: 50%;
	top: 100%;
	margin-left: -1px;
}

.mapline-h-b {
	display: block;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
}

.mapline-w-l02 {
	width: 98px;
	left: auto;
	right: calc(100% + 4px);
}

/* 지식맵 : 라인-dott */
[class*="map-donut"] {
	position: absolute;
	background: #fff;
	display: block;
	width: 6px;
	height: 6px;
	top: 45%;
	transform: translate(-50%, -50%);
	border-radius: 100px;
	border: 2px solid #c6c6c6;
	margin: 0 -1rem 0 0;
}

.map-donut-l {
	left: 0;
}

.map-donut-r {
	left: 100%;
}

/* 지식맵 : 가운데 라인, 보더 박스라인 */
.themeType01 [class*="mapline-"],
.themeType01 .grade-box:after {
	background-color: #FF6371;
}

.themeType02 [class*="mapline-"],
.themeType02 .grade-box:after {
	background-color: #B6E067;
}

.themeType03 [class*="mapline-"],
.themeType03 .grade-box:after {
	background-color: #79D0BF;
}

.themeType04 [class*="mapline-"],
.themeType04 .grade-box:after {
	background-color: #98B4FF;
}

.themeType05 [class*="mapline-"],
.themeType05 .grade-box:after {
	background-color: #FD80A9;
}

.themeType06 [class*="mapline-"],
.themeType06 .grade-box:after {
	background-color: #FEC466;
}

.themeType07 [class*="mapline-"],
.themeType07 .grade-box:after {
	background-color: #BC9BFF;
}

/* 지식맵 : 라인 */
.themeType01 [class*="map-donut"],
.themeType01 .grade-cont {
	border-color: #FF6371;
}

.themeType02 [class*="map-donut"],
.themeType02 .grade-cont {
	border-color: #B6E067;
}

.themeType03 [class*="map-donut"],
.themeType03 .grade-cont {
	border-color: #79D0BF;
}

.themeType04 [class*="map-donut"],
.themeType04 .grade-cont {
	border-color: #98B4FF;
}

.themeType05 [class*="map-donut"],
.themeType05 .grade-cont {
	border-color: #FD80A9;
}

.themeType06 [class*="map-donut"],
.themeType06 .grade-cont {
	border-color: #FEC466;
}

.themeType07 [class*="map-donut"],
.themeType07 .grade-cont {
	border-color: #BC9BFF;
}

/* 내위치 */
.my-position {
	position: relative;
	background-color: #5A371E !important;
}

.my-position .study-text {
	color: #FFFA7A !important;
}

.my-position:after {
	display: block;
	content: '';
	position: absolute;
	right: -5px;
	top: -7px;
	width: 33px;
	height: 21px;
	background-size: 33px auto;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='35' height='23' viewBox='0 0 35 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0002 21.1398V18.7708C18.0002 18.5666 17.9191 18.3707 17.7747 18.2263C17.6303 18.0819 17.4345 18.0008 17.2302 18.0008H9.80025C7.60826 18.03 5.48602 17.2307 3.85797 15.7627C2.22993 14.2946 1.2161 12.2661 1.01925 10.0828C0.940946 8.9205 1.10211 7.75452 1.49274 6.65705C1.88338 5.55959 2.49518 4.55401 3.29025 3.70261C4.08531 2.8512 5.04671 2.17209 6.11491 1.70735C7.1831 1.2426 8.33533 1.00211 9.50025 1.00078H25.2002C27.3922 0.97151 29.5145 1.77083 31.1425 3.23887C32.7706 4.70691 33.7844 6.73545 33.9812 8.91878C34.0597 10.0811 33.8986 11.2471 33.5081 12.3447C33.1175 13.4422 32.5057 14.4478 31.7106 15.2993C30.9155 16.1507 29.954 16.8298 28.8858 17.2945C27.8175 17.7592 26.6652 17.9996 25.5002 18.0008H23.4072C23.2236 18.0017 23.0464 18.068 22.9072 18.1878L18.9662 21.5818C18.8816 21.655 18.7777 21.7023 18.6669 21.7182C18.5561 21.734 18.443 21.7177 18.3413 21.6711C18.2395 21.6245 18.1532 21.5497 18.0928 21.4555C18.0323 21.3613 18.0002 21.2517 18.0002 21.1398Z' fill='%23FFFA7A' stroke='%235A371E'/%3E%3Cpath d='M10.992 5.39673H11.244C11.952 5.39673 12.204 5.54073 12.636 6.62073L14.28 10.7247L15.852 6.63273C16.248 5.58873 16.548 5.39673 17.256 5.39673H17.508C18.276 5.39673 18.528 5.63673 18.528 6.39273V13.4007C18.528 13.8327 18.192 14.0247 17.796 14.0247C17.424 14.0247 17.076 13.8327 17.076 13.4007V6.74073C16.932 7.35273 16.812 7.70073 16.68 8.03673L15.096 11.9367C14.892 12.4407 14.688 12.5727 14.28 12.5727C13.788 12.5727 13.584 12.4287 13.38 11.9007L11.832 8.03673C11.7 7.71273 11.58 7.35273 11.412 6.74073V13.4007C11.412 13.8327 11.064 14.0247 10.68 14.0247C10.32 14.0247 9.972 13.8327 9.972 13.4007V6.39273C9.972 5.63673 10.224 5.39673 10.992 5.39673ZM25.704 5.43273C26.076 5.60073 26.268 5.93673 26.004 6.39273L23.556 10.5927V13.3647C23.556 13.8207 23.196 14.0247 22.788 14.0247C22.38 14.0247 22.02 13.8207 22.02 13.3647V10.5927L19.584 6.40473C19.356 6.02073 19.5 5.64873 19.896 5.44473C20.244 5.26473 20.676 5.32473 20.904 5.74473L22.824 9.17673L24.708 5.75673C24.936 5.33673 25.32 5.26473 25.704 5.43273Z' fill='%235A371E'/%3E%3C/svg%3E%0A");
}