@charset "utf-8";

.wrapper {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	max-width: 1400px;
	width: 100%;
	height: calc(var(--vh, 1vh) * 100);
	max-height: 788px;
	background-color: #fff;
	box-sizing: border-box;
	min-width: 1000px;
}

/* 헤더 */
.header-w {
	max-width: 1400px;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: 99;
	margin: 0 auto;
	width: 100%;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #FF6371;
	padding: 0 30px 0 40px;
	box-sizing: border-box;
}

/* 헤더-좌측 */
.header-left {
	display: flex;
	align-items: center;
}

/* 좌측메뉴 */
.mypage-w {
	position: relative;
	z-index: 2;
	flex-shrink: 0;
	width: 320px;
	padding: 40px 30px;
	background-color: #fff;
	min-height: 100%;
	box-sizing: border-box;
}

/* 본문 */
.contents-w {
	display: flex;
	width: 100%;
	padding: 70px 0 0;
	height: calc(var(--vh, 1vh) * 100);
	box-sizing: border-box;
	/* overflow: hidden; */
}

[class*="page-main"] .content-inner {
	background-size: 100% auto;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.page-mainPink .content-inner {
	background-color: #FFF2F4;
	background-image: url('../img/bg-mainPink.png');
}

.page-mainYellow .content-inner {
	background-color: #FFF9E3;
	background-image: url('../img/bg-mainYellow.png');
}

.page-main-bg .content-inner {
	background-image: url('../img/bg_basic_flight_PC.png');
}

.page-main-bg .content-inner::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 22.5rem;
	height: 10.5rem;
	background: url('../../_images/basic_flight.gif') no-repeat center;
	background-size: 100% auto;
}

[class*="page-main"] .content-section {
	margin-top: 40px;
}

.content-inner {
	position: relative;
	width: 100%;
	height: calc(var(--vh, 1vh) * 100);
	max-height: 718px;
	overflow: hidden;
	box-sizing: border-box;
}

.content-inner:after {}

.contents {
	position: relative;
	height: 100%;
	max-width: calc(1200px + 4.4vw);
	/*max-width:calc(1080px + 4.4vw);*/
	margin: 0 auto;
	/*padding:30px 40px 40px;*/
	/* padding: 30px 2.2vw 1.2vw; */
	padding: 2rem;
	box-sizing: border-box;
	/* overflow: hidden;
	overflow-y: auto; */
}

.content-section {
	padding-top: 10px;
	width: 100%;
	position: relative;
}

.content-section:first-of-type {
	margin-top: 0;
}

/* 일일학습 보고서 - 도넛 그래프  */
.graph-wrap-test-end .graph-donut {
	width: 100%;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

.graph-wrap-test-end .graph-donut .circle-graph {
	margin: 1.5rem auto;
}

.graph-wrap-test-end .graph-donut .circle-graph.white {
	background: #ffffff;
	border-radius: 50%;
}

.circle-graph-point-info {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #5a371e;
	font-size: 1rem;
	font-weight: 600;
}

.graph-wrap-test-end P {
	text-align: center;
	margin-bottom: .3rem;
	font-family: 'KoreanERWJM';
}

.graph-wrap-test-end P.txt {
	font-size: 1.1rem;
	font-weight: 400;
	/* line-height: 1.35em; */
}

.graph-wrap-test-end P.title {
	top: 36%;
	font-size: .9875rem;
	/* line-height: 1.35em; */
}

.graph-wrap-test-end P.point {
	font-size: 4.5rem;
	font-weight: 400;
	color: #ff6371;
	line-height: 3.5rem;
	font-family: 'KoreanERWJM';
}

.graph-wrap-test-end P.point em {
	font-size: 2rem;
	color: #5a371e;
	position: relative;
	margin-left: .125rem;
	font-weight: 400;
}

.graph-wrap-test-end P.count {
	font-size: .9875rem;
	color: #5a371e;
	line-height: 1.35em;
	font-weight: 800;
	font-family: 'NanumSquareRound';
}

.graph-wrap-test-end P.count em {
	opacity: 0.5;
}

/* 바그래프 (일일학습보고서)*/
.pinNote-w01 {
	height: auto;
	margin-top: 2.5rem;
}

.pinNote-w01:after {
	background-color: #FFD8DC;
}

.pinNote-w01 .pinNote-inner {
	display: flex;
	justify-content: center;
	width: 100%;
	padding-top: 0;
}

.pinNote-w01 .pinNote-inner:after {}

.pinNote-w01 .pinNote-cont {
	width: 440px;
	padding: 20px 20px 0;
	box-sizing: border-box;
}

.pinNote-w01 div.graph {
	position: relative;
	width: 85%;
	margin: 0 auto;
}

.sticker-title02 {
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 0 20px;
	height: 38px;
	font-size: 18px;
	font-weight: 800;
	color: #5a371e;
	line-height: 2.5rem;
	text-align: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='164' height='38' viewBox='0 0 164 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='sticker'%3E%3Cpath id='&%23237;&%23140;&%23168;&%23236;&%23138;&%23164; 17664' d='M0.0322419 9.00638L2.74969 11.1529L0.0487424 13.3187L2.7662 15.4676L0.0652519 17.6334L2.2566 19.3636L2.7827 19.7799L2.06885 20.3522L0.0817614 21.9481L1.55001 23.1088L2.80044 24.0945L1.10883 25.4517L0.0982709 26.2628L1.0037 26.9763L2.81693 28.4033L0.115977 30.5691L0.881916 31.1756L2.83956 32.7216L0.138614 34.8898L2.85607 37.0362L1.77617 37.9002L160.783 36.4234L161.865 35.5546L162.132 35.3422L161.937 35.1888L161.13 34.5514L159.417 33.1958L162.118 31.0299L159.4 28.8834L162.101 26.7152L159.384 24.5688L162.085 22.4029L159.367 20.2565L162.068 18.0906L159.343 15.943L162.044 13.7771L159.327 11.6307L162.028 9.46483L159.31 7.31838L162.011 5.15013L159.294 3.00368L159.335 2.9677L160.613 1.94176L161.995 0.836639L160.943 0.00419652L159.896 0.00794142L5.63418 0.845435L1.3978 0.860593L2.72034 2.52824L0.0157142 4.68691L2.73317 6.8334L0.0322419 9.00638Z' fill='%23FFFA7A'/%3E%3Cg id='Clip path group'%3E%3Cmask id='mask0_642_16569' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='20' width='164' height='18'%3E%3Cg id='clip-path-2'%3E%3Cpath id='&%23236;&%23130;&%23172;&%23234;&%23176;&%23129;&%23237;&%23152;&%23149; 36480' d='M164 20.2246H0.279297V37.9995H164V20.2246Z' fill='white'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask0_642_16569)'%3E%3Cg id='&%23235;&%23167;&%23136;&%23236;&%23138;&%23164;&%23237;&%23129;&%23172; &%23234;&%23183;&%23184;&%23235;&%23163;&%23185; 41'%3E%3Cpath id='&%23237;&%23140;&%23168;&%23236;&%23138;&%23164; 17722' d='M0 9.35894L2.71362 11.4979L0 13.6368L2.71362 15.7781L0 17.917L2.18826 19.6411L2.71362 20.0559L1.99642 20.6212L0 22.1972L1.46617 23.3538L2.71485 24.3361L1.0153 25.6763L0 26.4774L0.904154 27.1884L2.71485 28.6104L0.00123045 30.7493L0.766083 31.3536L2.72096 32.8941L0.00734539 35.0354L2.72096 37.1744L1.63601 38.0275L160.906 37.1269L161.993 36.269L162.261 36.0593L162.066 35.9064L161.26 35.2712L159.549 33.9204L162.263 31.7814L159.549 29.6425L162.263 27.5012L159.549 25.3623L162.263 23.2234L159.549 21.0845L162.263 18.9456L159.542 16.8055L162.256 14.6665L159.542 12.5276L162.256 10.3887L159.542 8.24981L162.256 6.10852L159.542 3.96961L159.584 3.93406L160.868 2.92088L162.256 1.82951L161.205 1H160.157L5.64227 1.90061H1.39898L2.71727 2.93983L0 5.074L2.71362 7.21294L0 9.35894Z' fill='%23FEEF76'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	margin: 0 auto 17px;
}

.bar-graph-wrap {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 6rem;
	border-bottom: 2px solid #5a371e;
	margin: 0 auto;
	overflow: hidden;
}

.bar-graph-wrap .inner,
.bar-graph-label-wrap P {
	position: relative;
	width: 7rem;
	padding: 0 5px;
}

.bar-graph-wrap .inner .track {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 2.8rem;
	max-width: 48px;
	height: 100%;
	background: #ececec;
	border-radius: .75rem .75rem 0 0;
}

.bar-graph-wrap .inner .track .vertical-bar {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 100%;
	border-radius: .5rem .5rem 0 0;
	-webkit-animation: bargrowth 2s ease;
	animation: bargrowth 2s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.bar-graph-wrap .inner:first-child .track P {
	background-color: #ff6371;
}

.bar-graph-wrap .inner:last-child .track P {
	background-color: #5a371e;
}

.bar-graph-label-wrap {
	display: flex;
	justify-content: center;
	width: 100%;
	line-height: 2rem;
	margin: 0 auto;
}

.bar-graph-label-wrap P {
	margin-bottom: 5px;
	font-weight: 700;
	text-align: center;
	font-size: 12px;
}

.bar-graph-label-wrap P strong {
	display: inline-block;
	padding-right: 3px;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -1.3px;
}

.bar-graph-label-wrap P:first-child {
	color: #ff6371;
}

.bar-graph-label-wrap P:last-child {
	color: #5a371e;
}

[class*="toastPopup-w"] .bar-graph-label-wrap {
	line-height: 1.5rem;
}

[class*="toastPopup-w"] .bar-graph-wrap .inner,
[class*="toastPopup-w"] .bar-graph-label-wrap P {
	width: 3.5rem;
	font-size: 16px;
}

[class*="toastPopup-w"] .bar-graph-label-wrap P strong {
	font-size: 16px;
}

[class*="toastPopup-w"] .bar-graph-wrap .inner .track {
	width: 30px;
	background-color: transparent;
}

@-webkit-keyframes bargrowth {
	0% {
		bottom: -100%;
	}

	100% {
		bottom: 0;
	}
}

@keyframes bargrowth {
	0% {
		bottom: -100%;
	}

	100% {
		bottom: 0;
	}
}

/* bg 분홍 */
.page-styleTest0201,
.page-styleTest0301,
.page-styleTest0306 {
	background-color: #FFF2F4;
}
/* 스크롤 없애기 */
.page-testInfo2001 .contents-w,
.page-testInfo2002 .contents-w,
.page-testInfo2101 .contents-w,
.page-testInfo2201 .contents-w,
.page-testInfo2301 .contents-w,
.page-styleTest0201 .contents-w,
.page-styleTest0301 .contents-w,
.page-study .contents-w,
.page-study0401 .contents-w,
.page-study0501 .contents-w,
.page-study0502 .contents-w,
.page-study1101 .contents-w,
.page-history0702 .contents-w,
.page-vod0902 .contents-w,
.page-qna1001 .contents-w,
.page-qna1002 .contents-w,
.page-qna1003 .contents-w,
.page-qna1201 .contents-w,
.page-remind1101 .contents-w,
.page-remind1102 .contents-w,
[class*="page-report"] .contents-w {
	overflow: hidden;
}

/* 스크롤 만들기 */
.page-styleTest01,
.page-report0801 .content-section {
	overflow-y: auto;
}

/* ---- 스크롤바 - 회색 ---- */
/*스크롤바 전체*/
.contents-w::-webkit-scrollbar,
.toastPopup-cont::-webkit-scrollbar,
.studyDataList-inner::-webkit-scrollbar,
.chartList-inner::-webkit-scrollbar,
.selectList::-webkit-scrollbar,
.tableList-w div::-webkit-scrollbar,
.content-inner::-webkit-scrollbar,
.page-report0803 .contents::-webkit-scrollbar,
.quizGroup-cont::-webkit-scrollbar,
.boradList-inner::-webkit-scrollbar,
.chartList::-webkit-scrollbar,
.boradList-w tbody::-webkit-scrollbar,
.pinNote-w01 .pinNote-inner::-webkit-scrollbar,
[class*="page-report"] .contents::-webkit-scrollbar,
.map_container::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

/*스크롤 막대*/
.contents-w::-webkit-scrollbar-thumb,
.toastPopup-cont::-webkit-scrollbar-thumb,
.studyDataList-inner::-webkit-scrollbar-thumb,
.chartList-inner::-webkit-scrollbar-thumb,
.selectList::-webkit-scrollbar-thumb,
.tableList-w div::-webkit-scrollbar-thumb,
.content-inner::-webkit-scrollbar-thumb,
.page-report0803 .contents::-webkit-scrollbar-thumb,
.quizGroup-cont .contents::-webkit-scrollbar-thumb,
.boradList-inner .contents::-webkit-scrollbar-thumb,
.chartList::-webkit-scrollbar-thumb,
.boradList-w tbody::-webkit-scrollbar-thumb,
.pinNote-w01 .pinNote-inner::-webkit-scrollbar-thumb,
[class*="page-report"] .contents::-webkit-scrollbar-thumb,
.map_container::-webkit-scrollbar-thumb {
	/* background-color: #D9D9D9; */
	background-color: #9C6134; 
	border-radius: 10px;
	width: 6px;
}

/*스크롤 막대 외부*/
.toastPopup-cont::-webkit-scrollbar-track,
.studyDataList-inner::-webkit-scrollbar-track,
.chartList-inner::-webkit-scrollbar-track,
.selectList::-webkit-scrollbar-track,
.tableList-w div::-webkit-scrollbar-track,
.content-inner::-webkit-scrollbar-track,
.page-report0803::-webkit-scrollbar-track,
.quizGroup-cont::-webkit-scrollbar-track,
.boradList-inner::-webkit-scrollbar-track,
.chartList::-webkit-scrollbar-track,
.boradList-w tbody::-webkit-scrollbar-track,
.pinNote-w01 .pinNote-inner::-webkit-scrollbar-track,
[class*="page-report"] .contents::-webkit-scrollbar-track,
.map_container::-webkit-scrollbar-track {
	background-color: #F4F4F4;
}

/* ---- //end: 스크롤바 - 회색 ---- */

/* ------ x축 스크롤바 ------ */
/* x축 스크롤바 전체*/
.recommendList-w::-webkit-scrollbar,
.page-report1202 .sectionSplit-w::-webkit-scrollbar {
	width: 100%;
	height: 6px;
}

/* x축 스크롤 막대*/
.recommendList-w::-webkit-scrollbar-thumb,
.page-report1202 .sectionSplit-w::-webkit-scrollbar-thumb {
	background-color: #D9D9D9;
	border-radius: 10px;
	width: 6px;
}

/* x축 스크롤 막대 외부*/
.recommendList-w::-webkit-scrollbar-track,
.page-report1202 .sectionSplit-w::-webkit-scrollbar-track {
	background-color: rgba(255, 255, 255, .6);
	border-radius: 10px;
}

/* ---- //end:  x축 스크롤바---- */


/* 메인-필수학습 */
.recommendList-w {
	display: flex;
	justify-content: flex-start;
	width: calc(100% + 20px);
	padding-bottom: 20px;
	margin-top: 20px;
	overflow: hidden;
	overflow-x: auto;
}

.recommendList-inner {
	padding-right: 20px;
}

.main-bgImage-w {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 300px;
	overflow: hidden;
}

[class^="bgPoint"] {
	display: block;
	position: absolute;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: Center;
	background-size: 100% auto;
}

.main-bgImage-w [class^="bgPoint"] {}

.bgPoint01 {
	width: 1030px;
	height: 330px;
	left: -180px;
	bottom: -230px;
	z-index: 1;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1039' height='331' fill='none'%3E%3Cpath d='M32.181 33.36C32.181 33.36 229.083 -29.8459 512.222 19.7332C795.353 69.3112 1030.19 198.307 1030.19 198.307L1009.82 427.091L-11.7338 232.691L32.181 33.36Z' fill='%23DFD7FF'/%3E%3C/svg%3E");
}

.bgPoint02 {
	z-index: 1;
	width: 1260px;
	height: 150px;
	right: 0;
	bottom: -30px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='804' height='88' viewBox='0 0 804 88' fill='none'%3E%3Cpath d='M0 87.4736C0 87.4736 282.328 50.1238 342.359 37.6902C402.39 25.2565 478.652 9.55176 612.246 1.43084C612.246 1.43084 797.754 -8.31753 907 23.0758V206H0V87.4736Z' fill='%23CEC1FF'/%3E%3C/svg%3E");
}

.bgPoint03 {
	z-index: 1;
	width: 210px;
	height: 195px;
	right: 0;
	bottom: -25px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='194' height='147' fill='none'%3E%3Cpath d='M0.381759 141.999C0.381759 141.999 -5.53527 99.8499 29.2205 92.4536C63.9762 85.0573 80.9843 103.545 80.9843 103.545C80.9843 103.545 85.2151 87.2898 101.178 80.5483C117.141 73.8102 130.974 80.1921 130.974 80.1921C130.974 80.1921 128.494 45.7892 168.929 33.0187C209.364 20.2482 241.29 48.6255 241.29 48.6255C241.29 48.6255 248.52 -0.206906 325.689 0.780397C402.858 1.77109 424.094 50.6205 424.094 50.6205C424.094 50.6205 439.005 40.1809 459.511 48.7579C480.017 57.3314 477.405 65.5352 477.405 65.5352C477.405 65.5352 485.235 16.6994 537.427 2.53108C589.618 -11.6338 631 76.7179 631 76.7179L576.627 192.734L0.381759 141.999Z' fill='%23fff'/%3E%3C/svg%3E");
}

.bgPoint04 {
	z-index: 1;
	width: 75px;
	height: 125px;
	right: 0;
	bottom: -20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='103' fill='none'%3E%3Cpath d='M3.14165 90.3259C3.14165 90.3259 -8.43116 74.3628 15.1148 56.0044C38.6608 37.646 63.8048 53.2122 63.8048 53.2122C63.8048 53.2122 68.9924 26.4736 109.302 20.4853C149.612 14.5004 161.365 34.4602 161.365 34.4602C161.365 34.4602 176.91 3.04633 231.585 3.04633C286.26 3.04633 308.052 48.8219 308.052 48.8219C308.052 48.8219 326.811 34.0564 346.764 40.4417C366.72 46.8269 369.913 59.5974 369.913 59.5974C369.913 59.5974 411.42 -14.6369 465.698 3.72489C519.976 22.0833 466.495 134.629 466.495 134.629L3.14165 90.3259Z' fill='%23F3F0FF'/%3E%3C/svg%3E");
}

.bgPoint05 {
	left: -70px;
	bottom: 70px;
}

.bgPoint06 {
	left: 156px;
	bottom: 76px;
}

.bgPoint07 {
	z-index: 1;
	left: 115px;
	bottom: 70px;
}

.bgPoint08 {
	z-index: 1;
	right: 170px;
	bottom: 0;
}

.bgPoint09 {
	z-index: 1;
	right: 370px;
	bottom: 80px;
}

.bgPoint10 {
	z-index: 1;
	right: 530px;
	bottom: 95px;
}

.bgPoint11 {
	z-index: 1;
	right: 600px;
	bottom: 50px;
}

.testInfo-bg {
	position: absolute;
	left: 0;
	bottom: 28%;
	z-index: 1;
	width: 100%;
}

.charImage {
	display: block;
	margin: 0 auto;
}

/* 성향 테스트-안내 */
[class*="page-testInfo"] .contents {
	display: flex;
	justify-content: center;
	height: 100%;
}

[class*="page-testInfo"] .moduleBtn-w {
	position: absolute;
	left: 0;
	bottom: 80px;
	z-index: 2;
	width: 100%;
	margin-top: 0;
}

[class*="page-testInfo0"] {
	position: relative;
}

[class*="page-testInfo2"]:after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -460px;
	transform: translateX(-50%);
	width: 1657px;
	height: 700px;
	border-radius: 100%;
	background-color: #FFF2F4;
}

[class*="page-testInfo2"] .contents-w {
	position: relative;
	background-color: #FC6371;
}

.testInfo-bg .charImage {
	width: 220px;
}

.page-testInfo0102 {
	background-color: #FFF2F4;
}

.page-testInfo0102 .contents {
	padding: 0;
}

.page-testInfo0102 .content-inner {
	background-color: #FFF2F4;
	height: 100%;
}

/*.page-testInfo02 .content-section{height:calc(100vh - 70px);}*/
.page-testInfo0102 .content-section {
	height: 100%;
}

.page-testInfo0102 .moduleBtn-w {
	position: static;
	margin-top: 20px;
}

.page-testInfo2101 {
	background-color: #FC6371;
	overflow: hidden;
}

.page-testInfo2101 .content-section {
	padding: 0;
	background: url('../img/bg-info01.png') no-repeat center 60%;
	background-size: 684px auto;
}

.page-testInfo2201 .content-inner {
	background: url('../img/bg-info02.png') no-repeat left top;
	background-size: 1337px auto;
}

.page-testInfo2207:after {
	background-color: #fff;
}

.page-testInfo2207 .contents-w {
	background-color: #FFF2F4;
}

.page-testInfo2207 .dottList02 {
	color: #5A371E;
	max-width: 500px;
}

.page-testInfo2207 .dottList02 li:after {
	background-color: #5A371E;
}

.page-testInfo2207 .testInfo-title strong {
	font-size: 40px;
}

.page-testInfo2207 .testInfo-dott {
	margin-top: 0;
	padding: 0;
	justify-content: center;
}

.page-testInfo2207 .btnList-w {
	margin-top: 30px;
}

.page-testInfo2207 .btnList-inner {
	justify-content: center;
}

.page-testInfo2207 .selectBtn-text {
	color: #5A371E;
}

.page-testInfo2207 .moduleBtn-inner {
	width: calc(100% + 30px);
}

.page-testInfo2207 .moduleBtn-cont,
.page-testInfo2207 [class^="quizBtnType0"] {
	min-width: 240px;
	max-width: 240px;
	margin-right: 30px;
}

.page-testInfo2207 .popupBtn-w [class^="quizBtnType0"] {
	width: 100%;
	max-width: 100%;
	margin-right: 0;
}

.page-testInfo2207 .popupText {
	text-align: center;
	font-weight: 700;
}

/* 단원평가 안내 */
.page-testInfo2301 .content-inner {
	background: url('../img/bg-info03.png') no-repeat 60% 70%;
	background-size: 684px auto;
}

.page-testInfo2301 .testInfo-title {
	font-size: 28px;
	font-weight: 400;
	line-height: normal;
	padding-bottom: 0;
}

.page-testInfo2301 .testInfo-title strong {
	font-size: 40px;
	margin-bottom: 6px;
}

.page-testInfo2301 .testInfo-title strong {
	font-size: 40px;
	margin-bottom: 6px;
}

.page-testInfo2301 .testInfo-bg {
	bottom: 150px;
}

.page-testInfo2301:after {
	bottom: -475px;
}

.bg-round {
	display: block;
	width: calc(100% + 50px);
	height: 371px;
	margin-left: -25px;
	border-radius: 100%;
	background-color: #EEEAFF;
}

.bg-round:after {
	display: block;
	content: '';
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #EEEAFF;
}

.testInfo-w {
	margin: 0 auto;
}

.testInfo-inner {
	max-width: 660px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
}

.testInfo-title {
	position: relative;
	padding-bottom: 20px;
	font-size: 42px;
	letter-spacing: -1.6px;
	line-height: 40px;
	word-break: keep-all;
	font-family: 'KoreanERWJM';
}

.testInfo-title strong {
	font-weight: 400;
}

.testInfo-text {
	display: block;
	position: relative;
	margin-top: 18px;
	padding-top: 20px;
	font-size: 20px;
	line-height: 34px;
	letter-spacing: -1px;
}

.testInfo-dott {
	display: flex;
	align-items: flex-start;
	margin-top: 24px;
	padding: 20px 0 24px;
	position: relative;
}

.testInfo-dott strong {
	flex-shrink: 0;
	margin: 4px 32px 0 0;
	font-size: 28px;
	letter-spacing: -1.4px;
	font-weight: 400;
	font-family: 'KoreanERWJM';
}

.testInfo-dott .dottList {}

/* testInfo-w2 는 말풍선 타입 */
.testInfo-w2 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%);
	margin-top: -320px;
}

.testInfo-w2:after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -12px;
	width: 28px;
	height: 28px;
	border: 4px solid #FED0D4;
	border-width: 4px 4px 0 0;
	background-color: #fff;
	box-sizing: border-box;
	transform: rotate(135deg);
}

.testInfo-w2 .testInfo-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 338px;
	height: 230px;
	background-color: #fff;
	border-radius: 100%;
	border: 4px solid #FED0D4;
	box-sizing: border-box;
}

.testInfo-w2 .testInfo-text {
	margin-top: 0;
	padding-top: 0;
	font-size: 26px;
	color: #5A371E;
	font-family: 'KoreanERWJM';
}

/* 단원평가 안내 */
.testInfo-w3 {}

/* 단원별 학습 */
.page-styleTest0306 {}

.page-styleTest0306 .testInfo-inner {
	max-width: 840px;
}

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

.page-styleTest0306 .btnList-cont {
	width: 100%;
}

.page-styleTest0306 .btnList-cont:last-of-type {
	margin-right: 0;
}

.page-styleTest0306 .testInfo-dott,
.page-styleTest0306 .btnList-inner {
	justify-content: center;
}

.page-styleTest0306 .testInfo-title {
	font-size: 30px;
}

.page-styleTest0306 .testInfo-dott {
	margin-top: 0;
	padding-top: 2px;
}

.page-styleTest0306 dt {
	margin-bottom: 10px;
	text-align: center;
	font-weight: 400;
	font-size: 24px;
	font-family: 'KoreanERWJM';
}

.page-styleTest0306 dd {
	text-align: left;
	font-weight: 600;
}

.page-styleTest0306 .selectBtn-text {
	color: #5A371E;
}

.page-styleTest0306 .selectOptionList2 {
	overflow: hidden;
	overflow-y: auto;
	max-height: 184px;
}

.page-styleTest0306 .selectOptionList2 .inputBtn-w03 {
	width: 100%;
}

.page-styleTest0306 .selectOptionList2 .inputLabel {
	margin: 0;
	width: 100%;
}

.page-styleTest0306 .selectOptionList2 [class*="inputBtn-w"] {
	text-align: left;
	padding: 5px 20px;
	box-sizing: border-box;
}

[class*="page-styleTest0"] .quizTime-w {
	right: 362px;
}

[class*="page-study"] .quizTime-w {
	right: 0;
}

/*[class*="page-study"] .quizCount-w{top:0;}*/
.page-styleTest01 .contents {
	padding-top: 30px;
}

.page-styleTest01 .content-section {
	max-width: 720px;
	margin: 0 auto;
}

.page-styleTest01 .moduleBtn-w {
	max-width: 717px;
	padding-left: 57px;
}

.page-styleTest02 {
	background-color: #FFF2F4;
}

/* 성향진단 보고서 */
[class*="page-report"] {
	padding-top: 70px;
}

[class*="page-report"] .contents-w,
[class*="page-report"] .contents {
	padding: 0;
	max-width: 100%;
	height: 100%;
}

[class*="page-report"] .contents {
	overflow: hidden;
	overflow-y: auto;
}

.report_container {
	display: flex;
	justify-content: space-between;
	height:100%;
}

[class*="page-report"] .content-section {
	padding: 0 2vw 60px;
	width: 100%;
	box-sizing: border-box;
}

[class*="page-report"] .moduleBtn-w {
	margin-top: 30px;
}

/* 성향진단 보고서 */
.page-report01 .preview-inner {
	padding-top: 0;
}

.page-report01 .preview-top {
	position: absolute;
	left: 0;
	top: 30px;
}

/* 학습진단 보고서 */
.page-report02 .content-inner {
	overflow: hidden;
}

/* 단원평가 보고서 */
.page-report03 .sectionSplit-l {
	width: 80%;
	padding-right: 1.3rem;
}

.page-report03 .graph-item {
	padding: 0 0.3rem;
	box-sizing: border-box;
}

.sectionSplit-w {
	position: relative;
	padding-bottom: 30px;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.sectionSplit-l {
	width: 100%;
}

.sectionSplit-r {
	width: 100%;
}

.graph-item-wrap,
.scoreInfo-w {
	margin-top: 11px;
}

/* 필수학습 */
.page-study0401 .contents {
	display: flex;
	align-items: flex-start;
	width: 100%;
}

.page-study0401 .contents:has(.essentialGroup-w) {
	align-items: center;
	padding-top: 0;
}

.page-study0401 .sliderList-w03,
.page-study0401 .sliderList-w04 {
	flex-shrink: 0;
	width: 100%;
	padding-bottom: 50px;
}

.sliderList-w03 .slick-list {
	overflow: visible;
}

/* 필수학습-보고서 */
.page-report0401 .report_container {
	height: 100%;
}

.page-report0401 .tableTd-num {
	flex-shrink: 0;
	width: 120px;
	box-sizing: border-box;
	justify-content: left;
	text-align: left !important;
}

.page-report0401 th.tableTd-num {}

.page-report0401 th.tableTd-num {
	padding: 17px 20px 0;
	height: 57px;
	color: #5A371E !important;
}

.page-report0401 td.tableTd-num {
	padding: 0 20px;
}

/* 월간학습현황 */
.page-history0701 .content-inner {
	background-attachment: fixed;
	background: url('../img/bg-info07.png') no-repeat center top;
	background-size: 100% auto;
}

.page-history0701:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 297px;
	background-color: #FF6371;
}

.page-history0701 .preview-inner:after {
	display: block;
	content: '';
	top: -20px;
	width: 335px;
	height: 100%;
	background-image: url('../img/bg-paper01.png');
	background-position: center top;
	background-repeat: no-repeat;
}

.char-w {
	top: 0;
	z-index: 1;
	width: 225px;
	height: 230px;
}

.char-w>img {
	display: block;
	bottom: 0;
	width: 180px;
}

.studyCalendar-w {
	position: relative;
	display: flex;
	justify-content: space-around;
	width: 100%;
	padding: 1.5rem 0 2rem;
	box-sizing: border-box;
}

.page-history0701 .preview-inner:after,
.char-w,
.char-w>img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

/* 나의학습이력 */
.page-history0702 {
	background-color: #FFF2F4;
}

.page-history0702 .content-inner {
	overflow: hidden;
}

.btnList-inner {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: flex-start;
	width: 100%;
}

.btnList-cont {
	margin-right: 16px;
}

.btnList-w {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.btnList-w .selectBtn {
	min-width: 160px;
	padding: 0 40px 0 20px;
	box-sizing: border-box;
}

.btnList-w .selectBtn:after {
	right: 20px;
}

/*.btnList-w .roundBtnType01{height:52px;}*/
.btnList-w .roundBtnType01 {
	height: 48px;
}

.studyHistory-w {
	height: 100%;
}

.studyHistory-inner {
	display: flex;
	justify-content: center;
	position: relative;
	margin-top: 20px;
	width: 100%;
	height: 75%
}

.studyHistory-inner:before,
.studyHistory-inner:after {
	display: block;
	content: '';
	position: absolute;
	left: 42%;
	z-index: 1;
	width: 76px;
	height: 24px;
	background-image: url('../img/bg-note06.png');
}

.studyHistory-inner:before {
	top: 30px;
}

.studyHistory-inner:after {
	bottom: 30px;
}

.studyHistory-cont {
	padding-left: 8px;
	width: 110%;
}

.studyHistory-cont:first-of-type {
	width: 90%;
	padding-left: 0;
	padding-right: 8px;
}

.studyHistory-w .btn-arrow03 {
	position: static;
	transform: rotate(0);
	margin-left: 10px;
}

/* 배지,칭호 */
.page-report0801 {}

.page-report0801 .preview-w {
	flex-shrink: 0;
	max-width: 380px;
	background: url('../img/bg-info08.png') center bottom no-repeat;
	background-size: 100% auto;
	background-color: #FFF2F4;
}

.page-report0801 .sectionSplit-w {
	justify-content: flex-start;
}

.page-report0801 .preview-inner {
	display: flex;
	align-items: flex-end;
	height: 100%;
}

.page-report0801 .report_container {
	height: 100%;
}

.underline-text02 {
	position: relative;
	font-weight: 400;
	display: inline-block;
	z-index: 2;
	background: none;
}

.underline-text02:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 10px;
	z-index: -1;
	width: 100%;
	display: inline-block;
	background-color: #FFFA7A;
	border-radius: 20px;
	height: 10px;
}

.pinNote-title {
	position: relative;
	text-align: center;
}

.pinNote-title .icon-crown {
	width: 40px;
}

.pinNote-title .pinNote-subject {
	margin-top: 6px;
	color: #5A371E;
	font-size: 16px;
	font-weight: 800;
	font-family: 'NanumSquareRound';
	line-height: 130%;
	letter-spacing: -0.8px;
}

.pinNote-title .icon-ribbon {
	position: absolute;
	left: 50%;
	top: -20px;
	width: 263px;
	display: inline-block;
	transform: translateX(-50%);
}

.pinNote-title .pinNote-top {
	position: relative;
}

.pinNote-title .pinNote-label {
	position: absolute;
	left: 0;
	top: 13px;
	right: 0;
	color: #FF6371;
	font-size: 28px;
	font-family: 'KoreanERWJM';
	font-weight: 400;
}

.pinNote-list {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin-top: 94px;
}

.pinNote-list>div {
	position: relative;
	width: 120px;
	margin-left: 15px;
	text-align: center;
}

.pinNote-list>div:first-of-type {
	margin-left: 0;
}

.pinNote-list .icon-badge {
	width: 100px;
	position: relative;
	z-index: 2;
}

.pinNote-list .bg-stage {
	width: 120px;
	position: relative;
	top: -10px;
}

.pinNote-list .pinNote-text {
	position: absolute;
	left: 0;
	bottom: 30px;
	right: 0;
	color: #5A371E;
	font-size: 16px;
	font-weight: 800;
	font-family: 'NanumSquareRound';
	line-height: 130%;
	letter-spacing: -0.8px;
}

.pinNote-list .pinNote-desc {
	position: absolute;
	left: 0;
	top: 8px;
	right: 0;
}

.pinNote-list .pinNote-desc p {
	color: #5A371E;
	font-size: 18px;
	font-weight: 700;
	font-family: 'NanumSquareRound';
	letter-spacing: -0.9px;
}

.pinNote-list .pinNote-desc .subject {
	height: 40px;
}

.pinNote-list .pinNote-desc .desc {
	margin-top: 10px;
}

.pinNote-list .pinNote-desc .desc strong {
	font-weight: 800;
	line-height: 150%;
}

.pinNote-list .pinNote-desc .level {
	margin-top: 8px;
}

.pinNote-list .pinNote-desc .level span {
	display: inline-block;
	color: #666;
	font-size: 14px;
	font-weight: 700;
	font-family: 'NanumSquareRound';
	letter-spacing: -0.7px;
	display: inline-block;
	background-color: #fff;
	border-radius: 20px;
	padding: 4px 16px;
	line-height: 1;
}

.pinNote-list-pink p.subject {
	color: #FF6371;
}

/* 배지 목록 */
.page-report0803 .contents {
	padding: 1rem;
	box-sizing: border-box;
	overflow: hidden;
	overflow-y: auto;
	max-height: calc(100% - 20px);
	margin: 10px auto;
	max-width: 98%;
}

.page-report0803 .content-inner {
	overflow: hidden;
	overflow-y: auto;
}

.page-report0803 .tabBtn-w03,
.calendarHeader-w {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.page-report0803 .tabBtn-cont {
	flex-shrink: 0;
	max-width: 130px;
	padding: 0 10px;
	box-sizing: border-box;
}

/* 캘린더 헤더 */
.calendarHeader-w {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 60px;
	background-color: #fff;
	border-bottom: 2px solid #5A371E;
}

.btn-calendar {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background-color: transparent;
	color: #5A371E;
}

.calendarHeader-w .calendarMonth-text {
	font-size: 22px;
}

.calendarHeader-w .icon-calendar {
	width: 16px;
	height: 16px;
	margin-right: 16px;
}

.calendarHeader-w .icon-arrow07 {
	width: 20px;
	height: 20px;
}

.btn-prev .icon-arrow07 {
	transform: rotate(180deg);
}

/* 필수학습-개념영상01 */
[class*="page-study"] {
	background-color: #FFF2F4;
}

[class*="page-study"] .content-inner,
.page-report0803 .content-inner,
[class*="page-remind"] .content-inner {
	padding-top: 61.4px;
}

[class*="page-study"] .contents {
	padding: 30px 0 0;
	max-width: 100%;
}

/* 학습진단 문제 */
.page-styleTest0201 .sliderList-w05 {
	margin-top: 0;
}

/* 필수학습-성취도 */
.page-study0402 {
	background-color: #D9F7FE;
}

[class*="testEnd-w0"] {
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: bottom;
}

[class*="testEnd-w0"]:after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -180px;
	transform: translateX(-50%);
	width: 1657px;
	height: 503px;
	border-radius: 100%;
	background-color: #D0F5FD;
}

.check-img {
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.testEnd-w01 {
	background-image: url('../img/bg-testEnd01.png');
}

.testEnd-w01 .check-img {
	width: 472px;
	height: 302px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url('../img/bg-book01.png');
}

.testEnd-w01 .check-img>img {
	width: 302px;
	height: 302px;
}

.testEnd-w02 {
	background-image: url('../img/bg-testEnd02.png');
}

.testEnd-w02 .testResult-w01 {
	margin-top: -47px;
}

.testEnd-w02 .check-img {
	width: 433px;
	height: 359px;
	background-position: 15px bottom;
	background-image: url('../img/bg-book02.png');
}

.testEnd-w02 .check-img>img {
	display: block;
	margin: 0 auto;
	width: 244px;
	height: 244px;
}

/*.testEnd-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}*/
.testEnd-cont {
	width: 100%;
	text-align: center;
	/*padding-top:25px;*/
}

.testEnd-title {
	flex-shrink: 0;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 68px;
	box-sizing: border-box;
	padding: 0 1.5rem;
	/*font-size:36px;*/
	font-size: 32px;
	font-weight: 400;
	letter-spacing: -0.8px;
	color: #FF6371;
	border: 1px solid #dedede;
	border-radius: 32px;
	background-color: #fff;
	font-family: 'KoreanERWJM';
	box-shadow: 0 0 0 2px #D0E1E6;
}

.icon-picker01 {
	display: block;
	width: 43px;
	height: 27px;
	position: absolute;
	right: 48px;
	bottom: -19px
}

/* 필수학습-수준별학습 */
.page-study0403 {}

.page-study0403 {}

/* 개념영상 */
.page-vod0902 {
	background-color: #FFF2F4;
}

/* EXAM ANALIZE */
.graph-item-wrap {
	width: 100%;
	text-align: center;
}

.graph-item-wrap:after {
	content: "";
	display: block;
	clear: both;
}

.module-circle-graph {
	width: 100%;
	height: 10%;
	position: relative;
}

.module-circle-graph .label {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	font-size: 14px;
	color: #ff6371;
	text-align: center;
	line-height: 30px;
	transform: translateY(-50%);
}

.module-circle-graph .label EM {
	display: block;
	font-size: 16px;
	color: #43270f;
	font-weight: 800;
	line-height: 18px;
}

.module-circle-graph .label b {
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -1.3px;
	display: inline-block;
	margin-right: 3px;
}

.module-circle-graph SVG {
	width: 100%;
	height: 100%;
}

.graph-item-wrap .graph-item {
	float: left;
	width: 32%;
	text-align: center;
	margin: 0 1%;
	vertical-align: top;
}

.graph-item-wrap .graph-item:first-child {
	margin: 0;
}

.graph-item .class {
	display: block;
	color: #5A371E;
	line-height: 1.5em;
	font-weight: 800;
	font-size: 16px;
}

.graph-item .compare {
	display: block;
	font-size: .875rem;
	color: #aaaaaa;
	line-height: 1.5em;
}

.graph-item .compare em.up {
	color: #ff6371;
	font-weight: 800;
}

.graph-item .compare em.down {
	color: #2565bc;
	font-weight: 800;
}

/* 더블차트 */
.double-graph-wrap div.graph {
	display: table-cell;
	width: 50%;
	position: relative;
}

.chart-wrap {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	position: relative;
}

.chart {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.chart-wrap span.title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 100%;
	font-size: 2rem;
	font-weight: 700;
	color: #ff6371;
	text-align: center;
}

.chart-wrap span.title em {
	font-size: 1rem;
	font-weight: 400;
	position: relative;
	top: -3px;
}

.graph-index {
	width: 100%;
	font-size: .875rem;
	line-height: .875rem;
	text-align: center;
	margin: 2rem auto;
}

.graph-index P {
	display: inline-block;
	vertical-align: top;
}

.graph-index P:first-child {
	margin-right: .5rem;
}

.graph-index P em {
	display: inline-block;
	width: 1.5rem;
	height: .75rem;
	background: #c6c6c6;
	border-radius: .5rem;
	margin-right: .25rem;
}

.graph-index P em.pink {
	background: #fc6371;
}

/* svg그래프 */
.svg-graph-wrap {
	width: 90%;
	background-image: linear-gradient(to right, #d5cfcc 1px, transparent 1px);
	background-size: 12.45% 1%;
	background-position: 0 5%;
	border-bottom: 2px solid #5a371e;
	padding: 2rem 0 0;
	margin: 0 auto;
}

.svg-graph-wrap-bg .label {
	display: table;
	width: 90%;
	font-size: .875rem;
	color: #5a371e;
	line-height: 2.5rem;
	margin: .75rem auto 1rem;
}

.svg-graph-wrap-bg .label P {
	display: table-cell;
}

.svg-graph-wrap-bg .label P:last-child {
	text-align: right;
}

.svg-graph-wrap-bg {
	width: 90%;
	margin: 0 auto;
	/* background-color: #f4f4f4; */
	position: relative;
	z-index: 1;
	padding: 1.25rem 0 0.5rem;
	/* box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2); */
	/* margin-top: 2rem; */
	background: url(../_images/postit.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* 독서 성향 테스트-퀴즈 */
.page-quiz01 .contents-w {
	background-color: #fff;
}

.quizList-w {
	margin-top: 7px;
}

.quizList-inner {
	padding: 25px 0 24px;
	position: relative;
}

.quizList-inner: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='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");
}

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

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

/* 독서 성향 테스트-퀴즈02 */
.page-quiz02 {}

.page-quiz02 .contents-w {
	background-color: #fff;
}

.page-quiz02 .quizList-inner {
	padding-bottom: 0;
}

/* 독서 성향 테스트-퀴즈02(좌측 문항안내) */
.quizCount-w {
	position: absolute;
	left: 15px;
	top: 30px;
	z-index: 1;
	max-width: 216px;
	width: 100%;
}

.btn-quizCount {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 78px;
	height: 28px;
	color: #fff;
	background-color: #FF6371;
	border-radius: 30px;
	-webkit-appearance: none;
	-moz-appearance: none;
	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='M11.7334 6.40039L8.00006 10.1337L4.26673 6.40039' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 90% center;
}

.btn-quizCount div {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding-right: 10px;
}

.btn-quizCount span {
	color: #fff;
	display: inline-block;
	text-align: center;
}

.quizCountBox-w {
	display: none;
	padding-top: 25px;
	position: relative;
}

.quizCountBox-w:after {
	display: block;
	content: '';
	width: 13px;
	height: 13px;
	position: absolute;
	left: 30px;
	top: 18px;
	background-size: 100% auto;
	transform: rotate(-45deg);
	border: 2px solid #5A371E;
	border-width: 2px 2px 0 0;
	background-color: #FFE3E6;
}

.boxCurrent .quizCountBox-w {
	display: block;
}

.boxCurrent .btn-quizCount {
	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='M11.7334 9.59961L8.00006 5.86628L4.26673 9.59961' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.quizCountBox-inner {
	border: 2px solid #5A371E;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 16px;
}

.quizCountBox-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 50px;
	padding: 0 20px;
	box-sizing: border-box;
	background-color: #FFE3E6;
}

.quizCountBox-title,
.quizCountBox-top span {
	color: #5A371E;
	font-weight: 800;
}

.quizCountBox-text strong {
	font-size: 28px;
	color: #FF6371;
	font-weight: 800;
}

.quizCountBox-list {
	padding: 16px;
	box-sizing: border-box;
	background-color: #fff;
}

.quizCountBox-list ol {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: -5px;
}

.quizCountBox-list li {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 5px;
	width: 20%;
	height: 36px;
	color: #5A371E;
	font-size: 16px;
	font-weight: 700;
	background-color: #eee;
}

.quizCountBox-list li.nowQuiz {
	background-color: #FF6371;
	color: #fff;
}

.quizCountBox-list li.endQuiz {
	background-color: #FFE3E6;
}

/* 퀴즈-결과페이지 */
.page-quizResult .contents-w {
	background-color: #fff;
	padding-top: 70px;
}

.page-quizResult .contents {
	max-width: 100%;
	padding: 0;
}

.quizResult-inner {
	max-width: 538px;
	margin: 0 auto;
	text-align: center;
}

/* 퀴즈-결과페이지(닉네임,진단일) */
.quizResult-top {
	padding: 17px 0;
}

.testDate {
	margin-left: 16px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}

.testDate strong {
	font-weight: 700;
}

.testDate span {
	margin-left: 10px;
	font-weight: 700;
}

.page-quizResult .userInfo-w {
	margin-top: 0;
	justify-content: center;
}

/* 퀴즈-결과페이지(학습레벨) */
.quizResult-box {
	padding: 20px 0 40px;
	background-color: #EEEAFF;
	border-top: 2px solid rgba(197, 181, 255, 0.8);
}

.resultLevel-w {
	display: inline-block;
}

.resultLevel-title {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	text-align: center;
	padding: 20px 0 16px;
	font-family: 'KoreanERWJM';
}

.resultLevel-title .txtPoint {
	display: block;
	width: 100%;
	font-size: 24px;
}

.resultLevel-info {
	display: flex;
	align-items: center;
	height: 58px;
	margin-top: 5px;
}

.txtLevel {
	display: inline-block;
	height: 55%;
	color: #5A371E;
	font-size: 50px;
	font-weight: 700;
	text-transform: uppercase;
	background-image: linear-gradient(to bottom, transparent 70%, rgba(197, 181, 255, 0.8) 30%);
}

[class*="txtLine0"] {
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.txtLine01 {
	background-image: linear-gradient(to bottom, transparent 60%, rgba(254, 208, 212, 0.7) 50%);
}

.resultLevel-text {
	display: inline-block;
	margin-left: 10px;
	color: #5A371E;
	font-size: 28px;
	letter-spacing: -1.4px;
}

/* 퀴즈-결과페이지(설명리스트) */
.quizResult-type {}

.quizResult-list {
	margin-top: -16px;
	padding-bottom: 30px;
}

/* 학년별 개념영상 */
.bg-gray {
	background-color: #eee;
}

.vodList-w01 {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

.vodList-w02 {
	margin: 0 auto;
}

.sliderList-w02 {
	margin-top: 15px;
}

/* 주제별 개념영상-리스트*/
.vodList-inner {
	display: flex;
	justify-content: flex-start;
	margin-top: 20px;
	width: calc(100% + 18px);
}

.vodList-cont {
	padding-right: 18px;
	width: 20%;
	box-sizing: border-box;
}

.page-qna1001 tr {
	height: 100%;
}

/* 학습보고서 리스트 */
.page-qna1201 {
	background-color: #FFF2F4 !important;
}

.page-qna1201 .boradList-w {
	height: calc(100% - 230px);
}

.page-qna1201 .btnList-w {
	flex-wrap: wrap;
	/* justify-content: flex-end; */
}

.page-qna1201 .btnList-inner,
.page-qna1201 .myqnaInfo-w {
	margin-bottom: 20px;
}

.page-qna1201 .boradList-w {
	margin-top: 0px;
}

.icon-report {
	width: 23px;
	height: 28px;
	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='26' height='30' viewBox='0 0 26 30' fill='none'%3E%3Cpath d='M16.1714 1.08984H3.55305C2.99288 1.08984 2.45565 1.2975 2.05955 1.66714C1.66345 2.03677 1.44092 2.5381 1.44092 3.06085V26.9381C1.44092 27.4609 1.66345 27.9622 2.05955 28.3318C2.45565 28.7015 2.99288 28.9091 3.55305 28.9091H22.7823C23.3424 28.9091 23.8797 28.7015 24.2758 28.3318C24.6719 27.9622 24.8944 27.4609 24.8944 26.9381V9.26451L16.1714 1.08984Z' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0472 1.08984V6.50511C16.0472 7.28464 16.3791 8.03225 16.9698 8.58347C17.5605 9.13468 18.3616 9.44435 19.197 9.44435H25L16.0472 1.08984Z' fill='%23666666' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.15991 15.6621H19.1748' stroke='%23666666' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7.15991 21.9824H19.1748' stroke='%23666666' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* 학습보고서 리스트 - 테이블 제어*/
.page-qna1201 .cell01 {
	width: 15%;
}

.page-qna1201 .cell02 {
	width: 15%;
}

.page-qna1201 td.cell03 {
	text-align: left;
	color: #5A371E;
}

.page-qna1201 .cell04 {
	width: 20%;
}

.page-qna1201 [class*="cell0"] {
	text-align: center;
	color: #666;
	font-size: 20px;
}

.page-qna1201 td[class*="cell0"] {
	padding: 20px 10px;
}

/* 학습보고서 */
.page-report1202 .moduleBtn-w {
	margin-top: 10px;
}

.page-report1202 .content-section {
	padding-right: 1vw;
	width: 65%;
	box-sizing: border-box;
}

.page-report1202 .preview-w {
	width: 35%;
	min-width: 430px;
}

/*.page-report1202 .content-inner{overflow-y:auto;}*/
.page-report1202 .sectionSplit-l {
	width: 100%;
	min-width: 475px;
}

.page-report1202 .sectionSplit-r {
	width: auto;
	min-width: 420px;
	padding-left: 30px;
	box-sizing: border-box;
}

.page-report1202 .sectionSplit-w {
	overflow: auto;
	width: 100%;
	padding-right: 50px;
	box-sizing: border-box;
}

/* --- 튜토리얼(공통)--- */
[class*="page-tutorial"] .tabBtn-w02 {
	margin: 0 auto;
	max-width: 1170px;
	width: 100%;
}

[class*="page-tutorial"] .tabBtn-inner {
	width: 100%;
}

[class*="page-tutorial"] .tabBtn-cont {
	width: 100%;
}

[class*="page-tutorial"] .contents {
	/*padding:60px 102px 0;*/
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 60px 70px 0;
	width: 100%;
	box-sizing: border-box;
	max-width: 100%;
}

.tutorial-container {
	max-width: 1169px;
	width: 100%;
}

.tutorial-box {
	position: relative;
}

.tutorial-box:after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
}

.tutorialBtn-wrap {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 50px;
}

[class*="tutorialBtn0"] {
	position: absolute;
	top: 0;
	width: 50px;
	height: 50px;
}

.tutorialBtn01-prev {
	left: -60px;
	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%3Crect x='-1' y='1' width='48' height='48' rx='24' transform='matrix(-1 0 0 1 48 0)' fill='%23FF6371' stroke='%23FFD0D4' stroke-width='2'/%3E%3Cpath d='M25 17.1875L17.1875 25L25 32.8125' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.75 25L32.8125 25L18.75 25Z' fill='%237855FF'/%3E%3Cpath d='M18.75 25L32.8125 25' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.tutorialBtn01-next {
	right: -60px;
	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%3Crect x='1' y='1' width='48' height='48' rx='24' fill='%23FF6371' stroke='%23FFD0D4' stroke-width='2'/%3E%3Cpath d='M25 17.1875L32.8125 25L25 32.8125' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31.25 25L17.1875 25L31.25 25Z' fill='%237855FF'/%3E%3Cpath d='M31.25 25L17.1875 25' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.tutorialBtn01-prev.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%3Crect x='-1' y='1' width='48' height='48' rx='24' transform='matrix(-1 0 0 1 48 0)' fill='%23FFE3E6' stroke='%23FFD0D4' stroke-width='2'/%3E%3Cpath d='M25 17.1875L17.1875 25L25 32.8125' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.75 25L32.8125 25L18.75 25Z' fill='%23C5B5FF' fill-opacity='0.8'/%3E%3Cpath d='M18.75 25L32.8125 25' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.tutorialBtn01-next.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%3Crect x='1' y='1' width='48' height='48' rx='24' fill='%23FFE3E6' stroke='%23FFD0D4' stroke-width='2'/%3E%3Cpath d='M25 17.1875L32.8125 25L25 32.8125' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31.25 25L17.1875 25L31.25 25Z' fill='%23C5B5FF' fill-opacity='0.8'/%3E%3Cpath d='M31.25 25L17.1875 25' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

/* 튜토리얼(텍스트) */
.tutorial-box {}

.tutorial-box [class*="txt0"] {
	position: absolute;
	z-index: 1;
	color: #fff;
	font-size: 20px;
}

/* 1400이하  */
@media screen and (max-width: 1200px) {
	.tutorial-box [class*="txt0"] {
		font-size: 16px;
	}
}

/* 튜토리얼(페이징 숫자) */
.pagingNum-w01 {
	position: absolute;
	right: 5%;
	bottom: 40px;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 9vw;
	max-width: 109px;
	height: 4vw;
	max-height: 45px;
	border: 2px solid #FF6371;
	border-radius: 30px;
	background-color: #FFF2F4;
	font-size: 22px;
}

.pagingNum-w01 span {
	display: inline-block;
	text-align: center;
	color: #FF9CA5;
	font-weight: 800;
}

.now {
	color: #FF6371 !important;
}

/* 튜토리얼(화살표) */
.tutorial-box [class*="txt0"] {
	line-height: 1.5;
}

.tutorial-box [class*="txt0"] [class*="arrow"] {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
}

.tutorial-box .arrow01 {
	width: 35px;
	height: 14px;
	background-image: url('../img/tuto_arrow01.png');
}

.tutorial-box .arrow02 {
	width: 35px;
	height: 14px;
	background-image: url('../img/tuto_arrow02.png');
}

.tutorial-box .arrow03 {
	width: 35px;
	height: 14px;
	background-image: url('../img/tuto_arrow03.png');
}

.tutorial-box .arrow04 {
	width: 35px;
	height: 14px;
	background-image: url('../img/tuto_arrow04.png');
}

.tutorial-box .arrow05 {
	width: 43px;
	height: 45px;
	background-image: url('../img/tuto_arrow05.png');
}

.tutorial-box .arrow06 {
	width: 35px;
	height: 14px;
	background-image: url('../img/tuto_arrow06.png');
}

.tutorial-box .arrow07 {
	width: 74px;
	height: 78px;
	background-image: url('../img/tuto_arrow07.png');
}

.tutorial-box .arrow08 {
	width: 43px;
	height: 45px;
	background-image: url('../img/tuto_arrow08.png');
}

.tutorial-box .arrow09 {
	width: 85px;
	height: 100px;
	background-image: url('../img/tuto_arrow09.png');
}

.tutorial-box .arrow10 {
	width: 62px;
	height: 70px;
	background-image: url('../img/tuto_arrow10.png');
}

.tutorial-box .arrow11 {
	width: 38px;
	height: 38px;
	background-image: url('../img/tuto_arrow11.png');
}

.tutorial-box .arrow12 {
	width: 41px;
	height: 21px;
	background-image: url('../img/tuto_arrow12.png');
}

.tutorial-box .arrow13 {
	width: 43px;
	height: 45px;
	background-image: url('../img/tuto_arrow13.png');
}

.tutorial-box .arrow14 {
	width: 54px;
	height: 60px;
	background-image: url('../img/tuto_arrow14.png');
}

.tutorial-box .arrow15 {
	width: 77px;
	height: 73px;
	background-image: url('../img/tuto_arrow15.png');
}

.tutorial-box .arrow16 {
	width: 31px;
	height: 31px;
	background-image: url('../img/tuto_arrow16.png');
}

.tutorial-box .arrow17 {
	width: 108px;
	height: 95px;
	background-image: url('../img/tuto_arrow17.png');
}

/* 튜토리얼(공통) */
.tutorial-box [class*="txt0"] {
	left: 0;
	top: 0;
	padding-left: 45px;
}

.page-tutorial0101 [class*="arrow"] {}

/* 튜토리얼-홈 slide01*/
.page-tutorial0101 .txt0101 {
	left: 15%;
	top: 5%;
	padding-bottom: 15px;
}

.page-tutorial0101 .txt0102 {
	left: 17.5%;
	top: 15%;
}

.page-tutorial0101 .txt0103 {
	left: 25%;
	top: 43%;
	padding-top: 15px;
}

.page-tutorial0101 .txt0103 .arrow04 {
	transform: translateY(-50%) rotate(-10deg) !important;
}

.page-tutorial0101 .txt0104 {
	left: 25%;
	top: auto;
	bottom: 21%;
}

/* 튜토리얼-홈 slide02*/
.page-tutorial0101 .txt0201 {
	left: 23%;
	top: 5%;
	padding-left: 35px;
}

.page-tutorial0101 .txt0201 .arrow11 {
	transform: translateY(0%) rotate(50deg) !important;
}

.page-tutorial0101 .txt0202 {
	left: 26%;
	top: 50%;
	padding-left: 0;
	padding-top: 28px;
}

.page-tutorial0101 .txt0202 .arrow05 {
	left: auto;
	right: -10px;
	top: 0;
}

.page-tutorial0101 .txt0203 {
	left: 57.5%;
	top: 76%;
}

.page-tutorial0101 .txt0204 {
	left: 3%;
	top: 71%;
	padding-left: 0;
	padding-bottom: 40px;
}

.page-tutorial0101 .txt0204 .arrow11 {
	left: 40px;
	top: auto;
	bottom: 0;
	transform: translateY(0%);
}

/* 튜토리얼-홈 slide03*/
.page-tutorial0101 [class*="txt030"] {
	padding-left: 0;
	padding-right: 40px;
	left: auto;
}

.page-tutorial0101 [class*="txt030"] [class*="arrow"] {
	left: auto;
	right: 0;
}

.page-tutorial0101 .txt0301 {
	right: 13%;
	top: 1%;
	padding-top: 20px;
}

.page-tutorial0101 .txt0301 .arrow02 {
	transform: translateY(-50%) rotate(180deg);
}

.page-tutorial0101 .txt0302 {
	right: 16.5%;
	top: 13.5%;
	padding-right: 45px;
}

.page-tutorial0101 .txt0302 .arrow03 {
	transform: translateY(-50%) rotate(180deg);
}

.page-tutorial0101 .txt0303 {
	right: 2%;
	top: 27%;
	padding-right: 0;
	padding-top: 50px;
}

.page-tutorial0101 .txt0303 .arrow05 {
	left: 20px;
	top: 0;
	transform: translateY(0%);
}

.page-tutorial0101 .txt0304 {
	top: auto;
	bottom: 13%;
	left: 6%;
	padding-right: 0;
	padding-left: 80px;
}

.page-tutorial0101 .txt0304 .arrow07 {
	left: 0;
	top: 42%;
}

/* 튜토리얼-사전진단 slide01 */
.page-tutorial0102 .txt0101 {
	left: 31.5%;
	top: 33.5%;
	padding-left: 47px;
}

.page-tutorial0102 .txt0101 .arrow13 {
	top: -23px;
	transform: translateY(0%);
}

.page-tutorial0102 .txt0102 {
	left: 23.5%;
	top: 55%;
	padding-left: 10px;
	padding-top: 47px;
}

.page-tutorial0102 .txt0102 .arrow08 {
	top: 0;
	transform: translateY(0%);
	left: -10px;
}

/* 튜토리얼-사전진단 slide02 */
.page-tutorial0102 .txt0201 {
	left: 45%;
	top: 29%;
	padding-left: 85px;
}

.page-tutorial0102 .txt0201 .arrow15 {
	top: -12px;
	transform: translateY(0%);
}

.page-tutorial0102 .txt0202 {
	left: 37%;
	top: auto;
	bottom: 15%;
	padding-left: 12px;
	padding-bottom: 42px;
}

.page-tutorial0102 .txt0202 .arrow13 {
	top: auto;
	transform: translateY(0%) rotate(-90deg);
	bottom: 0;
}

/* 튜토리얼-사전진단 slide03 */
.page-tutorial0102 .txt0301 {
	top: 36%;
	left: auto;
	right: 5%;
	padding-left: 15px;
	padding-bottom: 45px;
}

.page-tutorial0102 .txt0301 .arrow13 {
	top: auto;
	transform: translateY(0%) rotate(-90deg);
	bottom: 0;
}

.page-tutorial0102 .txt0401 {
	left: 39.5%;
	padding-top: 46px;
	padding-left: 25px;
	top: auto;
	bottom: 26%;
	transform: translateY(0%);
}

.page-tutorial0102 .txt0401 .arrow09 {
	left: 0;
	top: 0;
}

.page-tutorial0102 .txt0402 {
	top: 39.5%;
	left: auto;
	right: 7.5%;
	padding-left: 0;
	padding-right: 55px;
}

.page-tutorial0102 .txt0402 .arrow14 {
	left: auto;
	right: 0;
	top: 38%;
}

/* 튜토리얼-필수학습 slide01 */
.page-tutorial0103 .txt0101 {
	left: 10.5%;
	top: 2%;
	padding: 0 12px 37px 0;
}

.page-tutorial0103 .txt0101 .arrow11 {
	left: auto;
	right: 0;
	top: auto;
	bottom: 0;
	transform: translateY(0%);
}

.page-tutorial0103 .txt0102 {
	left: 7%;
	top: 12%;
	padding: 0 65px 5px 0;
}

.page-tutorial0103 .txt0102 .arrow10 {
	left: auto;
	right: 0;
	top: auto;
	bottom: -9%;
	transform: translateY(0%);
}

/* 튜토리얼-필수학습 slide02 */
.page-tutorial0103 .txt0201 {
	top: 18.5%;
	left: auto;
	right: 15%;
	padding: 5px 40px 0 0;
}

.page-tutorial0103 .txt0201 .arrow12 {
	left: auto;
	right: 0;
	top: 0;
	transform: translateY(0%) rotate(170deg);
}

.page-tutorial0103 .txt0202 {
	top: 41%;
	left: 3.5%;
	padding-bottom: 5px;
	padding-left: 42px;
}

.page-tutorial0103 .txt0202 .arrow12 {
	transform: translateY(0%) rotate(-10deg);
	top: auto;
	bottom: 0;
}

.page-tutorial0103 .txt0203 {
	padding-left: 0;
	padding-right: 45px;
	left: auto;
	right: 29%;
	top: auto;
	bottom: 9%;
}

.page-tutorial0103 .txt0203 .arrow06 {
	transform: translateY(0%)rotate(180deg);
	left: auto;
	right: 0;
	top: 30%;
}

/* 튜토리얼-필수학습 slide03 */
.page-tutorial0103 .txt0301 {
	left: auto;
	right: 3%;
	top: 57%;
	padding-left: 50px;
}

.page-tutorial0103 .txt0301 .arrow05 {
	transform: translateY(0%)rotate(268deg);
	top: -41%;
}

.page-tutorial0103 .txt0302 {
	left: 6%;
	top: auto;
	bottom: 9%;
	padding: 30px 25px 0 0;
}

.page-tutorial0103 .txt0302 .arrow11 {
	left: auto;
	right: 0;
	top: 0;
	transform: translateY(0%) rotate(220deg);
}

/* 튜토리얼-필수학습 slide04 */
.page-tutorial0103 .txt0401 {
	padding: 67px 0 0 0;
	left: 15.5%;
	top: 45.5%;
}

.page-tutorial0103 .txt0401 .arrow10 {
	left: 5%;
	top: 0;
	transform: translateY(0%) rotate(265deg);
}

.page-tutorial0103 .txt0501 {
	padding-top: 22px;
	left: 46.5%;
	top: 37%;
}

.page-tutorial0103 .txt0501 .arrow13 {
	transform: translateY(0%);
	top: 0;
}

.page-tutorial0103 .txt0502 {
	padding: 100px 0 0 25px;
	left: 37.5%;
	top: 51%;
}

.page-tutorial0103 .txt0502 .arrow09 {
	transform: translateY(0%);
	top: 0;
}

/* 튜토리얼-선택학습 slide01 */
.page-tutorial0104 .txt0101 {
	left: 56%;
	top: 2%;
}

.page-tutorial0104 .txt0102 {
	left: 5.7%;
	top: auto;
	bottom: 7%;
	padding-top: 53px;
	padding-left: 40px;
}

.page-tutorial0104 .txt0102 .arrow10 {
	transform: translateY(0%) rotate(230deg);
	top: 0;
}

/* 튜토리얼-선택학습 slide02 */
.page-tutorial0104 .txt0201 {
	padding-top: 15px;
	padding-left: 65px;
	left: 49%;
	top: 10%;
}

.page-tutorial0104 .txt0201 .arrow10 {
	transform: translateY(0%) rotate(181deg);
	top: 0;
}

.page-tutorial0104 .txt0202 {
	padding: 50px 0 0 0;
	left: 65%;
	top: auto;
	bottom: 18%;
}

.page-tutorial0104 .txt0202 .arrow05 {
	transform: translateY(0%) rotate(-10deg);
	top: 0;
	left: 10%;
}

/* 튜토리얼-지식맵 slide01 */
.page-tutorial0105 .txt0101 {
	padding: 0 10px 25px 0;
	left: 8.5%;
	top: 50%;
}

.page-tutorial0105 .txt0101 .arrow14 {
	transform: translateY(0%) rotate(85deg);
	left: auto;
	right: 0;
	top: auto;
	bottom: 0;
}

.page-tutorial0105 .txt0102 {
	padding: 0 0 45px 10px;
	left: 66.5%;
	top: 30%;
}

.page-tutorial0105 .txt0102 .arrow05 {
	transform: translateY(0%) rotate(180deg);
	left: 0;
	bottom: 0;
	top: auto;
}

/* 튜토리얼-지식맵 slide02 */
.page-tutorial0105 .txt0201 {
	padding: 55px 0 45px 15px;
	top: 24%;
	left: 8%;
}

.page-tutorial0105 .txt0201 .arrow05 {
	transform: translateY(0%) rotate(320deg);
	left: 0;
	top: 0;
}

.page-tutorial0105 .txt0201 .arrow13 {
	transform: translateY(0%) rotate(275deg);
	left: 0;
	bottom: 0;
	top: auto;
}

.page-tutorial0105 .txt0202 {
	padding: 0 0 40px 10px;
	left: 70%;
	top: auto;
	bottom: 18%;
}

.page-tutorial0105 .txt0202 .arrow13 {
	transform: translateY(0%) rotate(275deg);
	left: 0;
	bottom: 0;
	top: auto;
}

/* 튜토리얼-학습 보고서 slide01 */
.page-tutorial0106 .txt0101 {
	left: 13%;
	top: 18.5%;
	padding-top: 27px;
}

.page-tutorial0106 .txt0102 {
	left: auto;
	right: 10%;
	top: 39%;
	padding-left: 0;
	padding-right: 38px;
}

.page-tutorial0106 .txt0102 .arrow12 {
	left: auto;
	right: 0;
	top: 30%;
	transform: translateY(0%) rotate(18deg) scaleX(-1);
}

/* 튜토리얼-학습 보고서 slide02 */
.page-tutorial0106 .txt0201 {
	padding: 0 0 30px 5px;
	left: 33.5%;
	top: 5.5%;
}

.page-tutorial0106 .txt0201 .arrow16 {
	top: auto;
	bottom: 0;
	transform: translateY(0%);
}

.page-tutorial0106 .txt0202 {
	padding: 40px 0 0 20px;
	left: 35%;
	top: 45.5%;
}

.page-tutorial0106 .txt0202 .arrow11 {
	top: 0;
	transform: translateY(0%) rotate(185deg);
}

/* 튜토리얼-학습 보고서 slide03 */
.page-tutorial0106 .txt0301 {
	padding-top: 20px;
	left: auto;
	right: 5%;
	top: auto;
	bottom: 21.5%;
}

.page-tutorial0106 .txt0301 .arrow11 {
	transform: translateY(0%) scaleX(-1) rotate(270deg);
	top: 0;
	left: 0;
}

/* --- 튜토리얼2--- */
[class*="page-tutorial02"] .contents {
	padding: 0;
	position: relative;
}

[class*="page-tutorial02"] .contents:before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: Absolute;
	left: 0;
	top: 0;
	background-color: #000;
}

[class*="page-tutorial02"] .tutorial-container {
	max-width: 100%;
}

[class*="page-tutorial02"] .pagingNum-w01 {
	background-color: rgba(244, 241, 255, .15);
	border: 0;
}

[class*="page-tutorial02"] .pagingNum-w01 span {
	padding-top: 5px;
	color: rgba(255, 255, 255, .5);
}

[class*="page-tutorial02"] .pagingNum-w01 .now {
	color: #fff !important;
}

[class*="page-tutorial02"] .tutorialBtn01-prev {
	left: 15px;
}

[class*="page-tutorial02"] .tutorialBtn01-next {
	right: 15px;
}

/* 튜토리얼2-개념영상  */
.page-tutorial0201 .txt0101 {
	left: 15.5%;
	top: 20.5%;
	padding-top: 15px;
}

.page-tutorial0201 .txt0101 .arrow05 {
	top: 0%;
	transform: translateY(0%) rotate(270deg);
	;
}

.page-tutorial0201 .txt0102 {
	left: auto;
	right: 39%;
	top: 26%;
	padding: 90px 0 0 0;
}

.page-tutorial0201 .txt0102 .arrow17 {
	left: auto;
	right: -13%;
	top: 0;
	transform: translateY(0%);
}

.page-tutorial0201 .txt0103 {
	left: 15.5%;
	top: 61.5%;
	padding-top: 15px;
}

.page-tutorial0201 .txt0103 .arrow05 {
	top: 0%;
	transform: translateY(0%) rotate(270deg);
}

/* 튜토리얼-복습노트 */
.page-tutorial0202 .txt0101 {
	left: auto;
	right: 18%;
	top: 9%;
	padding: 10px 0 40px 50px;
}

.page-tutorial0202 .txt0101 .arrow11:nth-of-type(1) {
	top: -8%;
	transform: translateY(0%) rotate(130deg);
}

.page-tutorial0202 .txt0101 .arrow11:nth-of-type(2) {
	left: 50%;
	top: auto;
	bottom: 0;
	transform: translateY(0%);
}

.page-tutorial0202 .txt0102 {
	left: 34%;
	top: 28%;
	padding-top: 15px;
}

.page-tutorial0202 .txt0102 .arrow13 {
	top: 0;
	transform: translateY(0%) rotate(5deg);
}

.page-tutorial0202 .txt0103 {
	left: 31.5%;
	top: 49%;
	padding: 75px 0 0 15px;
}

.page-tutorial0202 .txt0103 .arrow07 {
	top: 0;
	transform: translateY(0%) rotate(80deg);
}

.page-tutorial0202 .txt0104 {
	padding: 0 50px 5px 0;
	left: auto;
	right: 16.5%;
	top: 66.5%;
}

.page-tutorial0202 .txt0104 .arrow05 {
	left: auto;
	right: 0;
	bottom: 0;
	top: auto;
	transform: translateY(0%) rotate(90deg);
}

/* 1024이하  */
@media screen and (max-width: 1024px) {
	.page-tutorial0202 .txt0101 {
		top: 6%;
	}

	.page-tutorial0202 .txt0101 .arrow11:nth-of-type(1) {
		top: 2%;
	}
}

/* 튜토리얼-나의 질문 노트 */
.page-tutorial0203 .txt0101 {
	left: 30%;
	top: 6%;
	padding: 0 45px 15px;
}

.page-tutorial0203 .txt0101 .arrow11 {
	top: auto;
	bottom: 0;
	transform: translateY(0%) rotate(102deg);
}

.page-tutorial0203 .txt0101 .arrow11:nth-of-type(1) {}

.page-tutorial0203 .txt0101 .arrow11:nth-of-type(2) {
	right: 0;
	left: auto;
	transform: translateY(0%) scaleX(-1) rotate(102deg);
}

.page-tutorial0203 .txt0102 {
	left: 45%;
	top: 71%;
	padding-top: 25px;
}

.page-tutorial0203 .txt0102 .arrow13 {
	transform: translateY(0%);
	top: 0;
}

/* 튜토리얼-배지,칭호 */
.page-tutorial0204 .txt0101 {
	left: 9.5%;
	top: 34.5%;
	padding: 0 26px 32px 0;
}

.page-tutorial0204 .txt0101 .arrow05 {
	transform: translateY(0%) rotate(140deg);
	left: auto;
	right: 0;
	top: auto;
	bottom: 0;
}

.page-tutorial0204 .txt0102 {
	left: 46%;
	top: 30%;
	padding: 0 80px 17px;
}

.page-tutorial0204 .txt0102 .arrow07:nth-of-type(1) {
	transform: translateY(0%);
	top: auto;
	bottom: 0;
}

.page-tutorial0204 .txt0102 .arrow07:nth-of-type(2) {
	transform: translateY(0%) scaleX(-1);
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
}

/* 튜토리얼-배지,칭호 slide02 */
.page-tutorial0204 .txt0201 {
	padding: 0 15px 40px 0;
	left: 18%;
	top: 35%;
}

.page-tutorial0204 .txt0201 .arrow11 {
	transform: translateY(0%);
	left: auto;
	top: auto;
	bottom: 0;
	right: 0;
}

.page-tutorial0204 .txt0202 {
	left: auto;
	right: 11%;
	top: auto;
	bottom: 14%;
	padding-top: 5px;
	padding-left: 41px;
}

.page-tutorial0204 .txt0202 .arrow04 {
	transform: translateY(0%);
	top: 0;
}

/* 1200이하  */
@media screen and (max-width: 1200px) {
	.page-tutorial0204 .txt0101 {
		left: 10.5%;
	}
}

/* 튜토리얼-배지,칭호 slide03 */
.page-tutorial0204 .txt0301 {
	padding: 0 10px 40px 0;
	left: 19.5%;
	top: 56%;
}

.page-tutorial0204 .txt0301 .arrow11 {
	left: auto;
	right: 0;
	top: auto;
	bottom: 0;
	transform: translateY(0%);
}

.page-tutorial0204 .txt0302 {
	left: auto;
	right: 13%;
	top: auto;
	bottom: 10%;
	padding: 0 0 55px 15px;
}

.page-tutorial0204 .txt0302 .arrow13 {
	transform: translateY(0%) rotate(280deg);
}

/* 튜토리얼-학습현황 slide01 */
.page-tutorial0205 {}

.page-tutorial0205 .txt0101 {
	left: 8%;
	top: 33%;
	padding-bottom: 27px;
	padding-left: 25px;
}

.page-tutorial0205 .txt0101 .arrow11 {
	top: auto;
	bottom: 0;
	transform: translateY(0%) rotate(38deg);
}

.page-tutorial0205 .txt0102 {
	padding: 0 45px 20px 0;
	left: 50%;
	top: 8%;
}

.page-tutorial0205 .txt0102 .arrow13 {
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
	transform: translateY(0%) rotate(186deg);
}

/* 튜토리얼-나의 학습이력 */
.page-tutorial0206 {}

.page-tutorial0206 .txt0101 {
	padding: 25px 37px 25px 45px;
	left: 10%;
	top: 20%;
}

.page-tutorial0206 .txt0101 .arrow13 {
	transform: translateY(0%) rotate(10deg);
	top: 0;
}

.page-tutorial0206 .txt0101 .arrow05 {
	bottom: 0;
	left: auto;
	right: 0;
	top: auto;
	transform: translateY(0) rotate(120deg);
}

.page-tutorial0206 .txt0102 {
	left: 60%;
	top: 62%;
	padding-top: 23px;
}

.page-tutorial0206 .txt0102 .arrow13 {
	transform: translateY(0);
	top: 0;
}

/* 튜토리얼-필수 학습 slide01 */
.page-tutorial0207 .txt0101 {
	left: 29.5%;
	top: 5%;
	padding: 0 50px 0 0;
}

.page-tutorial0207 .txt0101 .arrow13 {
	transform: translateY(-50%) rotate(152deg);
	left: auto;
	right: 5px;
	top: 60%;
}

.page-tutorial0207 .txt0102 {
	padding: 95px 10px 0 0;
	left: 8%;
	top: 34%;
}

.page-tutorial0207 .txt0102 .arrow17 {
	left: auto;
	top: 0;
	transform: translateY(0);
	right: 0;
}

/* 튜토리얼-필수 학습 slide02 */
.page-tutorial0207 .txt0201 {
	left: auto;
	right: 15%;
	top: 24%;
	padding: 15px 45px 0 0;
}

.page-tutorial0207 .txt0201 .arrow11 {
	left: auto;
	top: 0;
	transform: translateY(0) rotate(280deg);
	right: 0;
}

.page-tutorial0207 .txt0202 {
	left: 12%;
	top: 42%;
}

.page-tutorial0207 .txt0202 .arrow12 {}

.page-tutorial0207 .txt0203 {
	left: auto;
	right: 33%;
	top: auto;
	bottom: 10%;
	padding: 0 50px 0 0;
}

.page-tutorial0207 .txt0203 .arrow03 {
	left: auto;
	right: 0;
	top: 30%;
	transform: translateY(0) scaleX(-1);
}

.page-tutorial0207 .txt0301 {
	left: 52%;
	top: 52%;
	padding-top: 25px;
}

.page-tutorial0207 .txt0301 .arrow13 {
	transform: translateY(0);
	top: 0;
}

.page-tutorial0207 .txt0302 {
	left: 12%;
	top: auto;
	bottom: 9%;
	padding-top: 12px;
}

.page-tutorial0207 .txt0302 .arrow13 {
	transform: translateY(0) rotate(15deg);
	top: 0;
}

/* 튜토리얼-선택 학습 slide01 */
.page-tutorial0208 .txt0101 {
	left: 56%;
	top: 5%;
	padding-top: 35px;
	padding-left: 37px;
}

.page-tutorial0208 .txt0101 .arrow08 {
	transform: translateY(0) rotate(330deg);
	top: 0;
}

.page-tutorial0208 .txt0102 {
	padding: 50px 0 0 35px;
	left: 11.5%;
	top: auto;
	bottom: 6%;
}

.page-tutorial0208 .txt0102 .arrow14 {
	transform: translateY(0) rotate(50deg) scaleX(-1);
	top: 0;
}

/* 튜토리얼-선택 학습 slide02 */
.page-tutorial0208 .txt0201 {
	left: 50%;
	padding-left: 65px;
	top: 12%;
	padding-top: 15px;
}

.page-tutorial0208 .txt0201 .arrow10 {
	transform: translateY(0) rotate(185deg);
	top: 0;
}

.page-tutorial0208 .txt0202 {
	padding: 60px 0 0 0;
	left: auto;
	right: 21%;
	top: 60%;
}

.page-tutorial0208 .txt0202 .arrow14 {
	transform: translateY(0) rotate(88deg) scaleX(-1);
	top: 0;
	left: 10%;
}

/* 지식맵 */
.page-tutorial0209 .txt0101 {
	padding: 52px 0 42px 20px;
	left: 15%;
	top: 26%;
}

.page-tutorial0209 .txt0101 .arrow05:nth-of-type(1) {
	transform: translateY(0) rotate(315deg);
	top: 0;
	left: 10px;
}

.page-tutorial0209 .txt0101 .arrow05:nth-of-type(2) {
	transform: translateY(0) rotate(185deg);
	top: auto;
	bottom: 0;
}

.page-tutorial0209 .txt0102 {
	padding: 0 0 60px 15px;
	left: auto;
	right: 9%;
	top: 50%;
}

.page-tutorial0209 .txt0102 .arrow05 {
	transform: translateY(0) rotate(180deg);
}

/* 튜토리얼-학습보고서 slide01 */
.page-tutorial0210 .txt0101 {
	left: 43%;
	top: 21%;
	padding-top: 10px;
}

.page-tutorial0210 .txt0101 .arrow13 {
	transform: translateY(0);
	top: 0;
}

.page-tutorial0210 .txt0102 {
	left: auto;
	right: 16.5%;
	top: 53%;
	padding: 0 40px 0 0;
}

.page-tutorial0210 .txt0102 .arrow16 {
	left: Auto;
	right: 0;
	transform: translateY(0) rotate(270deg);
	top: 10px;
}

/* 튜토리얼-학습보고서 slide02 */
.page-tutorial0210 .txt0201 {
	padding: 40px 0 0 15px;
	left: 37%;
	bottom: 20%;
	top: auto;
}

.page-tutorial0210 .txt0201 .arrow08 {
	transform: translateY(0) rotate(350deg);
	top: 0;
}

.page-tutorial0210 .txt0202 {
	left: 55%;
	top: 28%;
	padding-top: 15px;
}

.page-tutorial0210 .txt0202 .arrow08 {
	transform: translateY(0) rotate(270deg);
}

/* 튜토리얼-학습보고서 slide03 */
.page-tutorial0210 .txt0301 {
	padding: 0 37px 0 0;
	left: auto;
	right: 14%;
	top: 38%;
}

.page-tutorial0210 .txt0301 .arrow08 {
	transform: translateY(0) rotate(68deg);
	top: -5px;
	left: auto;
	right: 0;
}

.page-tutorial0210 .txt0302 {
	padding: 95px 0 0 10px;
	left: 40%;
	top: 48%;
}

.page-tutorial0210 .txt0302 .arrow09 {
	transform: translateY(0);
	top: 0;
}

/* 튜토리얼-학습보고서 slide04 */
.page-tutorial0210 .txt0401 {
	padding: 20px 40px 0 0;
	left: 45%;
	top: 54%;
}

.page-tutorial0210 .txt0401 .arrow08 {
	left: auto;
	right: 0;
	transform: translateY(0) rotate(83deg);
	top: 0;
}

.page-tutorial0210 .txt0402 {
	left: 20%;
	top: auto;
	bottom: 8%;
	padding-top: 15px;
}

.page-tutorial0210 .txt0402 .arrow13 {
	transform: translateY(0);
	top: 0;
}

/* 튜토리얼-학습보고서 slide05 */
.page-tutorial0210 .txt0501 {
	padding: 30px 45px 0 0;
	left: auto;
	right: 14%;
	top: 38%;
}

.page-tutorial0210 .txt0501 .arrow08 {
	left: auto;
	right: 0;
	transform: translateY(0) rotate(83deg);
	top: 0;
}

.page-tutorial0210 .txt0502 {
	padding: 95px 0 0 10px;
	left: 39%;
	top: 53%;
}

.page-tutorial0210 .txt0502 .arrow09 {
	transform: translateY(0);
	left: 0;
	top: 0;
}

/* 튜토리얼-학습보고서 slide06 */
.page-tutorial0210 .txt0601 {
	padding-left: 10px;
	padding-bottom: 45px;
	left: 35%;
	top: 10%;
}

.page-tutorial0210 .txt0601 .arrow05 {
	transform: translateY(0) rotate(178deg);
	top: auto;
	bottom: 0;
}

.page-tutorial0210 .txt0602 {
	padding: 45px 0 0 10px;
	left: 37%;
	top: auto;
	bottom: 20%;
}

.page-tutorial0210 .txt0602 .arrow08 {
	transform: translateY(0);
	left: 0;
	top: 0;
}

/* 튜토리얼-학습보고서 slide07 */
.page-tutorial0210 .txt0701 {
	padding: 45px 10px 0 0;
	left: 14%;
	top: 20%;
}

.page-tutorial0210 .txt0701 .arrow05 {
	transform: translateY(0);
	left: auto;
	top: 0;
	right: 0;
}

.page-tutorial0210 .txt0702 {
	left: auto;
	right: 13%;
	top: auto;
	bottom: 23%;
	padding: 20px 45px 0 0;
}

.page-tutorial0210 .txt0702 .arrow08 {
	transform: translateY(0) rotate(83deg);
	left: auto;
	top: 0;
	right: 0;
}

/* 1024이하  */
@media screen and (max-width: 1024px) {
	.page-tutorial0210 .txt0601 {
		top: 7%;
	}

	.page-tutorial0210 .txt0202 {
		top: 26%;
	}

	.page-tutorial0210 .txt0701 {
		left: 12.5%;
	}
}


/* 1400이하  */
@media screen and (max-width: 1400px) {
	.content-section {
		padding-top: 20px;
		padding-bottom: 40px;
	}

	.pinNote-w01 {
		margin-top: 10px;
	}

	.pinNote-w01 .lineStyle04 {
		display: none;
	}

	.pinNote-inner {
		display: block;
	}
}

@media screen and (max-width: 1320px) {}

/* 1200이하  */
@media screen and (max-width: 1200px) {
	[class*="page-report"] .content-inner {
		overflow-y: auto;
	}

	.page-report02 .sectionSplit-w,
	.page-report03 .sectionSplit-w {
		display: block !important;
	}

	.page-report02 .sectionSplit-r,
	.page-report03 .sectionSplit-r {
		margin-top: 15px;
	}

	/*main*/
	.studyDataList-w04 .quizBtnType03 {
		max-width: 230px;
	}

	.recommendBox01 {
		width: 300px;
	}

	.recommend-donut {
		width: 70px;
		height: 70px;
	}

	.center div {
		flex-shrink: 0;
	}

	/*.boradList-w tbody{max-height:450px;}*/
}

/* 1024이하  */
@media screen and (max-width: 1024px) {
	.boradList-w {
		height: calc(100% - 163px);
	}
}