@charset "UTF-8";

/* reset : normalize or reset */
@import url(_base.css);
@import url(_color.css);
@import url(lib/aos.css);
@import url(lib/swiper.min.css);
@import url(lib/jquery.mCustomScrollbar.min.css);

@import url(_swiper-custom.css?v1.1);
@import url(_font.css);
@import url(_layout.css);
@import url(_button.css);
@import url(_form.css);
@import url(_global.css);


/* defult */
html,
body {
	width: 100%;
	height: 100%;
}

/* MAIN */
#content.main {
	padding-bottom: 120px;
}

.main>.section {
	padding-top: 240px;
	padding-bottom: 240px;
}

.main .list-wrap+.list-wrap {
	margin-top: 160px;
}

.main .section:not(.visual):not(.news) .title-wrap {
	text-align: center;
}

.main .text {
	font-size: 20px;
	letter-spacing: -0.48px;
	color: var(--black-opa-6);
}

.title-wrap+div {
	margin-top: 80px;
}

.main .item.box.video-play {
	padding-right: 4.167vw;
}

@media all and (min-width: 1921px) {
	#content.main {
		padding-bottom: 6.250vw;
	}

	.main>.section {
		padding-top: 12.5vw;
		padding-bottom: 12.5vw;
	}

	.main .list-wrap+.list-wrap {
		margin-top: 8.333vw;
	}

	.main .title-wrap+div {
		margin-top: 4.167vw;
	}
}

@media all and (min-width: 961px) {
	.main .item.video-play {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
}

@media all and (max-width: 960px) {

	.main .item.box.video-play .title,
	.main .item.box.video-play .text {
		text-align: center;
	}

	.main .item.box .text-wrap+.video-wrap {
		margin-top: 64px;
	}
}

@media all and (max-width: 768px) {
	#content.main {
		padding-bottom: 9.852vh;
		overflow: hidden;
	}

	.main>.section {
		padding-top: 14.778vh;
		padding-bottom: 14.778vh;
	}

	.main .list-wrap+.list-wrap {
		margin-top: 9.852vh;
	}

	.main .text {
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.title-wrap+div {
		margin-top: 5.911vh;
	}

	.main .swiper-pagination-bullet-active {
		background-color: #ff7e5f;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.main .item.video-play .video-wrap {
		height: 55.467vw;
	}
}

.section.phonics .item.box {
	height: 100%;
	background-color: #ffeeed;
}

.section.phonics .content-list .item .title.small {
	font-weight: 700;
}

.section.phonics .ico-wrap {
	background-color: var(--coral);
	margin: 0 auto;
}

.section.phonics .item.box .text {
	color: var(--black-opa-6);
}

@media all and (min-width: 769px) {
	.section.phonics .box .text {
		font-size: 18px;
		letter-spacing: -0.36px;
	}

	.section.phonics .ico-wrap+.text-wrap {
		margin-top: 40px;
	}
}

@media all and (max-width: 768px) {
	.section.phonics .item.box {
		padding-left: 24px;
		padding-right: 24px;
	}

	.section.phonics .item.box .text {
		font-size: 16px;
		letter-spacing: -0.32px;
		margin-top: 24px;
	}

	.section.phonics .item.box.square {
		padding-left: 15px;
		padding-right: 15px;
	}

	.section .ico-wrap+.text-wrap {
		margin-top: 32px;
	}
}

.main .section.visual {
	position: relative;
	background-color: var(--white);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
	padding-top: 0;
	padding-bottom: 0;
}

.main .section.visual .video-wrap {
	width: 100%;
	height: 100%;
	font-size: 0;
}

.main .section.visual .center-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.main .section.visual .main-title strong {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	overflow: hidden;
}

.main .section.visual .main-title strong>em {
	display: inline-block;
}

.main .section.visual .text {
	font-size: 24px;
	letter-spacing: -0.48px;
}

.main .section.visual .app-list .btn {
	font-size: 18px;
	letter-spacing: -0.36px;
}

.main .scroll-wrap {
	position: absolute;
	bottom: 80px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-webkit-animation: scrollBounce 1.5s infinite;
	animation: scrollBounce 1.5s infinite;
}

@-webkit-keyframes scrollBounce {
	0% {
		-webkit-transform: translate(-50%, 0px);
		transform: translate(-50%, 0px);
	}

	20% {
		-webkit-transform: translate(-50%, 0px);
		transform: translate(-50%, 0px);
	}

	40% {
		-webkit-transform: translate(-50%, 0px);
		transform: translate(-50%, 0px);
	}
}

@keyframes scrollBounce {
	0% {
		-webkit-transform: translate(-50%, 0px);
		transform: translate(-50%, 0px);
	}

	20% {
		-webkit-transform: translate(-50%, 0px);
		transform: translate(-50%, 0px);
	}

	40% {
		-webkit-transform: translate(-50%, 0px);
		transform: translate(-50%, 0px);
	}
}

@media all and (min-width: 1921px) {
	.main .section.visual .main-title {
		font-size: 2.604vw;
		letter-spacing: -0.130vw;
	}

	.main .section.visual .main-title strong {
		font-size: 4.792vw;
		letter-spacing: -0.130vw;
	}
}

@media all and (min-width: 1201px) {
	.main .section.visual .video-wrap video {
		-o-object-position: right;
		object-position: right;
	}
}

@media all and (min-width: 769px) and (max-width: 1200px) {
	.main .section.visual .video-wrap video {
		-o-object-position: 85%;
		object-position: 85%;
	}
}

@media all and (min-width: 769px) {
	.main .section.visual.full-h {
		min-height: 800px;
	}

	.main .section.visual .center-wrap {
		padding-bottom: 50px;
	}

	.main ul.app-list>li {
		width: 193px;
		margin: 0;
	}

	.main .app-list>li+li {
		margin-left: 16px;
	}

	.main .app-list .btn {
		height: 64px;
	}
}

@media all and (min-width: 769px) and (max-height: 800px) {
	.main .section.visual .center-wrap {
		padding-bottom: 0;
	}
}

@media all and (max-width: 768px) {
	.main .section.visual .center-wrap {
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding-top: 15.763vh;
	}

	.main .section.visual .video-wrap video {
		-o-object-position: bottom;
		object-position: bottom;
	}

	.main .section.visual .title-wrap {
		text-align: center;
	}

	.main .section.visual .title-wrap+div {
		margin-top: 8.533vw;
	}

	.main .section.visual .main-title {
		font-size: 6.933vw;
		letter-spacing: -0.347vw;
	}

	.main .section.visual .main-title strong {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 12.8vw;
		letter-spacing: -0.640vw;
	}

	.main .section.visual .main-title+.text {
		margin-top: 2.333vw;
	}

	.main .section.visual .text {
		font-size: 4.8vw;
		letter-spacing: -0.096vw;
	}

	.main .section.visual .btn-area {
		-ms-flex-align: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.main .section.visual .app-list>li+li {
		margin-top: 0;
		margin-left: 10px;
	}

	.main .section.visual .app-list>li {
		width: 36.8vw;
	}

	.main .section.visual .app-list .btn {
		height: 12.8vw;
		font-size: 4.267vw;
		letter-spacing: -0.085vw;
	}

	.main .section.visual .app-list .ico.app {
		width: 7.467vw;
		height: 7.467vw;
	}

	.main .scroll-wrap {
		display: none;
		bottom: 13.867vw;
	}
}

@media all and (max-width: 540px) and (max-height: 800px) {
	.main .section.visual .video-wrap video {
		-o-object-position: unset;
		object-position: unset;
	}
}

@media all and (max-width: 540px) and (max-height: 700px) {
	.main .section.visual {
		overflow-y: hidden;
	}
}


.main .section.learn {
	background-color: #fff5de;
}

.main .section.learn .highlight.bg {
	background-color: #ff7e5f;
}

.main .section.learn .bg-line {
	position: absolute;
	top: 9.167vw;
	left: -2%;
	width: 200%;
	height: 18.125vw;
	background-image: url('../images/main/bg_line.svg');
	background-repeat: no-repeat;
	background-position: 0;
	background-size: cover;
}

.main .section.learn .title-wrap+.slider-wrap {
	margin-top: 0;
}

.main .section.learn .img-area {
	position: relative;
}

.main .section.learn .img-area+.text-wrap {
	margin-top: 25px;
}

.main .section.learn .text-wrap {
	margin-left: auto;
	margin-right: auto;
}

.main .section.learn .text-wrap .text {
	color: var(--black);
	text-align: center;
}

.main .section.learn .text-wrap .fc-coral {
	color: #f13b30;
}

.main .section.learn li:nth-child(1) .text-wrap {
	max-width: 490px;
}

.main .section.learn .illusts {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.main .section.learn .illusts>.img-wrap {
	position: absolute;
}

.main .section.learn .img-wrap.birds {
	top: 4.740vw;
	right: -3.177vw;
	width: 11.823vw;
	height: 4.948vw;
}

.main .section.learn .img-wrap.pink-flowers {
	bottom: 0;
	left: 0.469vw;
	width: 6.510vw;
	height: 5.104vw;
}

.main .section.learn .img-wrap.smile-flowers {
	bottom: 0;
	right: -3.021vw;
	width: 8.594vw;
	height: 6.458vw;
}

.main .section.learn .img-wrap.balloon {
	top: 1.771vw;
	left: -3.802vw;
	width: 12.344vw;
	height: 11.354vw;
}

.main .section.learn .img-wrap.ball {
	bottom: 0;
	right: 1.094vw;
	width: 5.260vw;
	height: 5.365vw;
}

.main .section.learn .img-wrap.rabbit {
	bottom: 0;
	left: 0.781vw;
	width: 4.688vw;
	height: 6.406vw;
}

.main .section.learn .img-wrap.candy {
	bottom: 0;
	right: -2.865vw;
	width: 7.135vw;
	height: 8.281vw;
}

.main .section.learn .img-wrap.figure {
	width: 14.740vw;
	height: 14.740vw;
	z-index: -1;
}

.main .section.learn .swiper-slide:nth-child(1) .img-wrap.figure {
	top: 0.953vw;
	right: -8.958vw;
}

.main .section.learn .swiper-slide:nth-child(2) .img-wrap.figure {
	bottom: 0;
	left: -8.333vw;
}

.main .section.learn .swiper-slide:nth-child(3) .img-wrap.figure {
	bottom: 0;
	right: -8.958vw;
}

.main .section.learn .swiper-slide:nth-child(4) .img-wrap.figure {
	top: 0.953vw;
	left: -8.958vw;
}

@media all and (min-width: 769px) and (max-width: 1920px) {
	.main .section.learn .title-wrap+.slider-wrap {
		margin-top: -20px;
	}
}

@media all and (min-width: 1281px) {
	.main .section.learn .section-title.large {
		font-size: 54px;
		letter-spacing: -2.7px;
	}
}

@media all and (min-width: 769px) and (max-width: 1280px) {
	.main .section.learn .section-title.large {
		font-size: 46px;
		letter-spacing: -2.2px;
	}
}

@media all and (min-width: 769px) {
	.main .section.learn .img-area {
		width: 40.208vw;
		height: 30.208vw;
		margin-left: auto;
		margin-right: auto;
	}
}

@media all and (max-width: 768px) {

	.main .section.learn .title-wrap+div,
	.main .section.learn .title-wrap+.slider-wrap {
		margin-top: 20px;
	}

	.main .section.learn .img-area+.text-wrap {
		margin-top: 68px;
	}

	.main .section.learn .img-wrap.birds {
		top: 11.467vw;
		right: -1.067vw;
		width: 29.867vw;
		height: 12.533vw;
	}

	.main .section.learn .img-wrap.pink-flowers {
		left: 1.333vw;
		width: 17.6vw;
		height: 13.6vw;
	}

	.main .section.learn .img-wrap.smile-flowers {
		right: -3.733vw;
		width: 23.2vw;
		height: 17.333vw;
	}

	.main .section.learn .img-wrap.balloon {
		top: 4.8vw;
		left: -5.333vw;
		width: 33.333vw;
		height: 30.667vw;
	}

	.main .section.learn .img-wrap.ball {
		right: 2.4vw;
		width: 14.133vw;
		height: 14.4vw;
	}

	.main .section.learn .img-wrap.rabbit {
		bottom: 0.533vw;
		left: 2.667vw;
		width: 12.8vw;
		height: 17.067vw;
	}

	.main .section.learn .img-wrap.candy {
		bottom: 0.267vw;
		;
		right: -5.867vw;
		width: 18.133vw;
		height: 21.067vw;
	}

	.main .section.learn .img-wrap.figure {
		width: 39.733vw;
		height: 39.733vw;
	}

	.main .section.learn .swiper-slide:nth-child(1) .img-wrap.figure {
		top: 1.067vw;
		right: -20.267vw;
	}

	.main .section.learn .swiper-slide:nth-child(2) .img-wrap.figure {
		bottom: 0.347vw;
		left: -22.133vw;
	}

	.main .section.learn .swiper-slide:nth-child(3) .img-wrap.figure {
		right: -24.533vw;
	}

	.main .section.learn .swiper-slide:nth-child(4) .img-wrap.figure {
		top: 2.667vw;
		left: -23.733vw;
	}

	.main .section.learn .swiper-pagination {
		top: 73.333vw;
		bottom: auto;
	}

	.main .section.learn .bg-line {
		display: none;
	}
}

.main .section.joy {
	position: relative;
	background-color: #c9f7ff;
	padding-top: 0;
	padding-bottom: 0;
}

.main .motion-area {
	height: 120vh !important;
}

.main .motion-area .title-wrap {
	position: relative;
	width: 100%
}

.main .motion-area .object {
	position: absolute;
	z-index: -1;
}

.main .motion-area .object.koyo {
	bottom: 0;
	left: 38.4%;
	width: 15.104vw;
	height: 22.083vw;
}

.main .motion-area .object.mogu {
	bottom: 0;
	right: 26.5%;
	width: 11.615vw;
	height: 15.990vw;
	z-index: 1;
}

.main .motion-area .object.nadi {
	bottom: 0;
	right: 17%;
	width: 18.854vw;
	height: 18.906vw;
}

.main .motion-area .object img {
	bottom: 0;
	left: 10%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main .motion-area .rainbow {
	bottom: 0;
	right: -7%;
	width: 30.417vw;
	height: 26.771vw;
}

.main .motion-area .child {
	bottom: 0;
	left: 18%;
	width: 9.427vw;
	height: 14.375vw;
}

.main .motion-area .cloud {
	bottom: 0;
	left: 0;
	width: 10.104vw;
	height: 10.781vw;
}

.main .motion-area .sparrow {
	bottom: 0;
	right: 15%;
	width: 8.073vw;
	height: 7.708vw;
}

.main .motion-area .bubbles {
	top: 13.25vh;
	left: 10%;
	width: 14.792vw;
	height: 13.958vw;
}

.main .motion-area .bubble.large {
	bottom: 0;
	width: 12.448vw;
	height: 12.5vw;
}

.main .motion-area .bubble.large.order-1 {
	right: 29%;
}

.main .motion-area .bubble.large.order-2 {
	right: 5%;
}

.main .motion-area .bubble.large.order-3 {
	left: 11.25%;
}

.main .motion-area .bubble.small {
	bottom: 0;
	width: 6.719vw;
	height: 6.719vw;
}

.main .motion-area .bubble.small.order-1 {
	left: 10.8%;
}

.main .motion-area .bubble.small.order-2 {
	left: 21.4%;
}

.main .motion-area .bubble.small.order-3 {
	right: 21%;
}

.main .motion-area .pattern {
	width: 100%;
	height: 100%;
	z-index: -1;
}

@media all and (min-width: 1921px) {
	.main .motion-area .object.koyo {
		width: 290px;
		height: 424px;
	}

	.main .motion-area .object.mogu {
		width: 223px;
		height: 307px;
	}

	.main .motion-area .object.nadi {
		width: 362px;
		height: 363px;
	}

	.main .motion-area .rainbow {
		width: 584px;
		height: 514px;
	}

	.main .motion-area .child {
		width: 181px;
		height: 276px;
	}

	.main .motion-area .cloud {
		width: 194px;
		height: 207px;
	}

	.main .motion-area .sparrow {
		width: 155px;
		height: 148px;
	}

	.main .motion-area .bubbles {
		width: 284px;
		height: 268px;
	}

	.main .motion-area .bubble.large {
		width: 180px;
		height: 181px;
	}

	.main .motion-area .bubble.small {
		width: 92px;
		height: 92px;
	}
}

@media all and (min-width: 769px) and (max-width: 1080px) {
	.main .motion-area .object.koyo {
		width: 215px;
		height: 314px;
	}

	.main .motion-area .object.mogu {
		width: 142px;
		height: 195px;
	}

	.main .motion-area .object.nadi {
		width: 280px;
		height: 281px;
	}

	.main .motion-area .rainbow {
		width: 400px;
		height: 352px;
	}

	.main .motion-area .child {
		width: 125px;
		height: 190px;
	}

	.main .motion-area .cloud {
		width: 130px;
		height: 131px;
	}

	.main .motion-area .sparrow {
		width: 100px;
		height: 95px;
	}

	.main .motion-area .bubbles {
		width: 200px;
		height: 189px;
	}

	.main .motion-area .bubble.large {
		width: 239px;
		height: 240px;
	}

	.main .motion-area .bubble.small {
		width: 129px;
		height: 129px;
	}
}

@media all and (max-width: 768px) {
	.main .motion-area .object.koyo {
		left: 50%;
		width: 35.733vw;
		height: 52.533vw;
		margin-left: 8.93%;
	}

	.main .motion-area .object.mogu {
		width: 26.667vw;
		height: 36.8vw;
	}

	.main .motion-area .object.nadi {
		width: 45.6vw;
		height: 45.867vw;
	}

	.main .motion-area .rainbow {
		top: auto;
		bottom: 0;
		right: -27.733vw;
		width: 66.4vw;
		height: 58.667vw;
	}

	.main .motion-area .child {
		right: 23%;
		width: 22.667vw;
		height: 34.133vw;
	}

	.main .motion-area .cloud {
		width: 21.067vw;
		height: 22.933vw;
	}

	.main .motion-area .sparrow {
		right: 2%;
		width: 17.867vw;
		height: 17.067vw;
	}

	.main .motion-area .bubbles {
		width: 33.6vw;
		height: 28.8vw;
	}

	.main .motion-area .bubble.large {
		width: 18.133vw;
		height: 18.4vw;
	}

	.main .motion-area .bubble.large.order-1 {
		right: 30%;
	}

	.main .motion-area .bubble.large.order-2 {
		right: -4%;
	}

	.main .motion-area .bubble.large.order-3 {
		left: 17%;
	}

	.main .motion-area .bubble.small {
		width: 12.267vw;
		height: 12.267vw;
	}
}

.motion-wrap {
	width: 100%;
	height: 100%;
	z-index: 0;
}

.motion-inner {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	width: 100vw;
	height: 100%;
	overflow: hidden;
}

.motion-inner::before {
	content: "";
	display: block;
	/* padding-bottom: calc(100% / (16 / 9)); */
}

.motion-content {
	display: none;
	position: absolute;
	right: 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	/* max-height: 100vh; */
	height: 100%;
	/* padding-bottom: 25vh; */
	z-index: 1;
}

.motion-sunshine {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 30.521vw;
}

.motion-sunshine .sunshine-inner {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.motion-sunshine div {
	position: absolute;
	left: 0;
	bottom: 0;
}

.motion-sunshine .sunshine-inner,
.motion-sunshine .cloud,
.motion-sunshine .cloud .img-wrap {
	width: 100%;
	height: 100%;
}

.motion-sunshine .cloud.front {
	z-index: 2;
}

.motion-sunshine .cloud.back {
	z-index: 0;
}

.motion-sunshine .cloud .img-wrap .img {
	-o-object-position: left;
	object-position: left;
}

.motion-sunshine .sunshine {
	left: 9.896vw;
	bottom: 3.073vw;
	z-index: 1;
	width: 23.698vw;
	height: 15.938vw;
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.motion-sunshine {
		height: 400px;
	}

	.motion-sunshine .sunshine {
		left: 120px;
		width: 350px;
		height: 235px;
	}
}

@media all and (max-width: 768px) {
	.motion-sunshine {
		height: 64.267vw;
	}

	.motion-sunshine .sunshine {
		left: -16.267vw;
		width: 50.133vw;
		height: 33.6vw;
	}
}


.main .section.have-to {
	padding-bottom: 120px;
}

.main .section.have-to .section-title+.text {
	margin-top: 20px;
}

.text-motion {
	position: relative;
	width: 100%;
}

.text-motion-inner {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.text-motion-inner .title-wrapper {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	width: 100%;
}

@media all and (min-width: 769px) {
	.main .section.have-to {
		padding-top: 120px;
	}

	.text-motion {
		height: 55.555vh;
	}

	.text-motion-inner .title-wrapper {
		height: 100%;
	}

	.text-motion-inner .title-wrap {
		margin-top: -120px;
	}
}

@media all and (max-width: 768px) {
	.main .section.have-to {
		padding-top: 7.389vh;
		padding-bottom: 25.615vh;
	}

	.text-motion {
		height: 48.555vh;
	}

	.text-motion-inner .title-wrap {
		margin-top: -7.389vh;
	}
}

.text-motion::before {
	left: 0;
	bottom: -8.854vw;
	width: 14.219vw;
	height: 6.510vw;
	background-image: url('../images/main/cloud_bottom01.png');
}

.text-motion::before,
.text-motion::after {
	content: '';
	display: inline-block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
}

.text-motion::after {
	right: 0;
	bottom: -4.792vw;
	width: 15.417vw;
	height: 7.135vw;
	background-image: url('../images/main/cloud_bottom02.png');
}

@media all and (min-width: 1921px) {
	.text-motion::before {
		bottom: -8.854vw;
	}

	.text-motion::after {
		bottom: -4.792vw;
	}
}

@media all and (min-width: 1541px) {
	.text-motion::before {
		left: calc(-15.625vw - 0.521vw);
	}

	.text-motion::after {
		right: -15.625vw;
	}
}

@media all and (min-width: 961px) and (max-width: 1540px) {
	.text-motion::before {
		left: calc(-10.625vw - 0.521vw);
	}

	.text-motion::after {
		right: -10.625vw;
	}
}

@media all and (min-width: 769px) and (max-width: 1080px) {
	.text-motion::before {
		bottom: -210px;
	}

	.text-motion::after {
		bottom: -130px;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.text-motion::before {
		left: calc(-50px - 0.521vw);
		width: 200px;
		height: 92px;
	}

	.text-motion::after {
		right: -50px;
		width: 220px;
		height: 102px;
	}
}

@media all and (max-width: 768px) {
	.text-motion::before {
		left: -26px;
		bottom: -41.6vw;
		width: 34.133vw;
		height: 14.933vw;
	}

	.text-motion::after {
		right: -16px;
		bottom: -14.4vw;
		width: 29.6vw;
		height: 18.4vw;
	}
}

.main .section.merit>.section+.section {
	margin-top: 240px;
}

@media all and (min-width: 1921px) {
	.main .section.merit>.section+.section {
		margin-top: 12.5vw;
	}
}

@media all and (max-width: 768px) {
	.main .section.merit>.section+.section {
		margin-top: 120px;
	}
}

.main .section.merit .box.medium .title {
	width: 280px;
	height: 64px;
	line-height: 64px;
	background-color: var(--coral);
	border-radius: 32px;
	color: var(--white);
	text-align: center;
	margin: 0 auto;
}

.main .section.merit .title+.graph-area {
	margin-top: 55px;
}

.main .section.merit .graph-area,
.main .section.merit .graph-title,
.main .section.merit .graph>span,
.main .section.merit .graph-foot,
.main .section.merit .result {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.main .section.merit .graph-title,
.main .section.merit .graph-foot {
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -0.36px;
	color: var(--black-opa-5);
}

.main .section.merit .graph-title,
.main .section.merit .graph-wrapper {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.main .section.merit .graph-title {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	width: calc(100% - 73.2%);
}

.main .section.merit .graph-wrapper {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 73.2%;
}

.main .section.merit .graph-wrap {
	position: relative;
}

.main .section.merit .graph>span {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	position: relative;
	height: 24px;
}

.main .section.merit .graph>span::before {
	content: '';
	display: block;
	position: relative;
	top: 12px;
	width: 100%;
	height: 4px;
	border-radius: 2px;
	background-color: var(--black-opa-05);
}

.main .section.merit .graph-foot {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.main .section.merit .graph-title ul>li {
	padding-right: 10px;
}

.main .section.merit .graph-title ul>li:not(:last-child),
.main .section.merit .graph>span:not(:last-child) {
	height: 58px;
}

.main .section.merit .graph-title span,
.main .section.merit .graph-foot {
	margin-top: 40px;
}

.main .section.merit .result-wrap {
	position: absolute;
	top: 8px;
	left: 0;
	width: 100%;
	height: 92%;
	background-image: url('../images/main/graph-curve.png');
	background-repeat: no-repeat;
	background-position: 0 2px;
	background-size: 100% 100%;
}

.main .section.merit .result-wrap::before {
	bottom: -9px;
	left: 15px;
}

.main .section.merit .result-wrap::before,
.main .section.merit .result-wrap::after {
	content: '';
	display: block;
	position: absolute;
	width: 12px;
	height: 12px;
	background-color: var(--coral);
	border-radius: 50%;
}

.main .section.merit .result-wrap::after {
	top: 0px;
	right: 15px;
}

.main .section.merit .result {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
	top: 75px;
	right: 21%;
	width: 120px;
	height: 120px;
	font-weight: 700;
	font-size: 28px;
	letter-spacing: -0.56px;
	line-height: 1.1;
	color: var(--white);
}

.main .section.merit .result::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--coral);
	border-radius: 50%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform 0.3s ease-in-out 0s;
	transition: -webkit-transform 0.3s ease-in-out 0s;
	-o-transition: transform 0.3s ease-in-out 0s;
	transition: transform 0.3s ease-in-out 0s;
	transition: transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
}

.main .section.merit .result.active::before {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.3s ease-in-out 0.2s;
	transition: -webkit-transform 0.3s ease-in-out 0.2s;
	-o-transition: transform 0.3s ease-in-out 0.2s;
	transition: transform 0.3s ease-in-out 0.2s;
	transition: transform 0.3s ease-in-out 0.2s, -webkit-transform 0.3s ease-in-out 0.2s;
}

.main .section.merit .result .result-text {
	position: relative;
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out 0s;
	-o-transition: opacity 0.3s ease-in-out 0s;
	transition: opacity 0.3s ease-in-out 0s;
}

.main .section.merit .result.active .result-text {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-in-out 0.4s;
	-o-transition: opacity 0.3s ease-in-out 0.4s;
	transition: opacity 0.3s ease-in-out 0.4s;
}

.main .section.merit .result .percent {
	display: block;
	font-size: 32px;
	letter-spacing: -0.64px;
	color: #fffd58;
}

.main .section.merit .graph-area+.text {
	padding-top: 10px;
}

.main .section.merit .graph-area+.text .data-list li {
	font-size: 16px;
	line-height: 28px;
	color: var(--black-opa-6);
	letter-spacing: -0.32px;
}

.main .section.merit .graph-area+.text .data-list li::before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	margin-right: 8px;
	border-radius: 50%;
	background-color: var(--black-opa-6);
	vertical-align: 5px;
}

@media all and (min-width: 769px) and (max-width: 1460px) {
	.main .section.merit .graph-title {
		width: 35%;
	}

	.main .section.merit .graph-wrapper {
		width: 65%;
	}
}

@media all and (max-width: 960px) {
	.main .section.merit .result::before {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		-webkit-transition: -webkit-transform 0.3s ease-in-out 0.2s;
		transition: -webkit-transform 0.3s ease-in-out 0.2s;
		-o-transition: transform 0.3s ease-in-out 0.2s;
		transition: transform 0.3s ease-in-out 0.2s;
		transition: transform 0.3s ease-in-out 0.2s, -webkit-transform 0.3s ease-in-out 0.2s;
	}

	.main .section.merit .result .result-text {
		opacity: 1;
		-webkit-transition: opacity 0.3s ease-in-out 0.4s;
		-o-transition: opacity 0.3s ease-in-out 0.4s;
		transition: opacity 0.3s ease-in-out 0.4s;
	}
}

@media all and (max-width: 768px) {
	.main .section.merit {
		padding-top: 24.137vh;
	}

	.main .section.merit .box.medium .title {
		width: 180px;
		height: 40px;
		line-height: 40px;
	}

	.main .section.merit .graph-area {
		font-size: 14px;
		letter-spacing: -0.7px;
	}

	.main .section.merit .graph-title {
		width: 130px;
	}

	.main .section.merit .graph-title,
	.main .section.merit .graph-foot {
		font-size: 14px;
		letter-spacing: -0.28px;
	}

	.main .section.merit .graph-wrapper {
		width: 167px;
	}

	.main .section.merit .graph-title span,
	.main .section.merit .graph-foot {
		margin-top: 24px;
	}

	.main .section.merit .graph-title ul>li:not(:last-child),
	.main .section.merit .graph>span:not(:last-child) {
		height: 37px;
	}

	.main .section.merit .graph>span::before {
		height: 2px;
		border-radius: 1px;
	}

	.main .section.merit .result-wrap {
		background-image: url('../images/main/graph-curve_mo.png');
		background-position-y: 0px;
	}

	.main .section.merit .result-wrap::before {
		left: 0;
		bottom: 0;
	}

	.main .section.merit .result-wrap::after {
		right: 0;
	}

	.main .section.merit .result-wrap::before,
	.main .section.merit .result-wrap::after {
		width: 8px;
		height: 8px;
	}

	.main .section.merit .result {
		top: 58px;
		right: 27px;
		width: 69px;
		height: 69px;
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.main .section.merit .result .percent {
		font-size: 18px;
		letter-spacing: -0.36px;
	}

	.main .section.merit .graph-area+.text .data-list li {
		text-align: center;
	}
}

@media all and (min-width: 541px) and (max-width: 768px) {
	.main .section.merit .graph-area {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media all and (max-width: 540px) {
	.main .section.merit .graph-area {
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}


.main .section.phonics .grid-container>div {
	position: relative;
}

.main .section.phonics .full-list::before {
	content: '';
	display: block;
	position: absolute;
	bottom: -1.354vw;
	left: -3.438vw;
	width: 15.573vw;
	height: 9.115vw;
	background-image: url('../images/main/phonics_hippo.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	z-index: 1;
}

@media all and (min-width: 1921px) {
	.main .section.phonics>.section+.section {
		margin-top: 6.250vw;
	}
}

.section.phonics>.section+.section {
	margin-top: 134px;
}

.main .section.phonics .list.phonics .item.box.medium {
	padding-bottom: 3.333vw;
}

.main .section.phonics .list.phonics .item .img-wrap {
	max-width: 385px;
	margin: 0 auto;
}

.main .section.phonics .list.phonics .img-wrap.koyo {
	position: absolute;
	top: -7.656vw;
	left: 1.458vw;
	width: 8.438vw;
	height: 8.333vw;
}

.main .section.phonics .list .img-wrap.koyo-pen {
	position: absolute;
	bottom: 0;
	right: -8.646vw;
	width: 11.406vw;
	height: 16.510vw;
	z-index: 1;
}

@media all and (min-width: 961px) {
	.main .section.phonics .list.phonics .text-wrap {
		height: 100%;
	}

	.main .section.phonics .list.phonics .detail {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 100%;
		margin-top: -32px;
	}
}

@media all and (max-width: 960px) {
	.main .section.phonics .list:nth-child(2) {
		z-index: 0;
	}

	.main .section.phonics .list:nth-child(2)::before {
		display: none;
	}

	.main .section.phonics .list:nth-child(2)::after {
		top: 0;
		bottom: auto;
		right: 0;
		width: 150px;
		height: 220px;
	}

	.main .section.phonics .list.phonics .item.box.medium {
		padding-bottom: 100px;
	}

	.main .section.phonics .list.phonics .detail {
		margin-top: 80px;
	}

	.main .section.phonics .list .img-wrap.koyo-pen {
		top: -34.4vw;
		right: -2.083vw;
		width: 15.625vw;
		height: 22.917vw;
		z-index: -1;
	}
}

@media all and (min-width: 961px) and (max-width: 1460px) {

	.main .section.phonics .list .item.box.medium,
	.main .section.phonics .item.box.square {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.main .section.phonics .full-list::before {
		width: 220px;
		height: 128px;
	}

	.main .section.phonics .list .item.box.medium {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media all and (max-width: 768px) {
	.main .section.phonics .list:nth-child(1)::before {
		display: none;
	}

	.main .section.phonics .list:nth-child(2)::after {
		top: 0;
		bottom: auto;
		right: 0;
		width: 105px;
		height: 154px;
	}

	.main .section.phonics .full-list::before {
		left: -11.467vw;
		bottom: -8px;
		width: 42.667vw;
		height: 25.067vw;
	}

	.main .section.phonics>.section+.section {
		margin-top: 80px;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.main .section.phonics .list.phonics .img-wrap.koyo {
		top: -110px;
		width: 120px;
		height: 119px;
	}
}

@media all and (max-width: 768px) {
	.main .section.phonics .list.phonics .img-wrap.koyo {
		display: none;
	}

	.main .section.phonics .list .img-wrap.koyo-pen {
		right: -6px;
		width: 28vw;
		height: 41.067vw;
	}

}

.main .section.games .thumb-swiper .swiper-wrapper {
	max-width: 500px;
}

.main .section.games .thumb-swiper .swiper-slide-thumb-active .btn {
	background-color: var(--kelly-green);
	color: var(--white);
}

.main .section.games .games-contents {
	position: relative;
}

.main .section.games .games-contents .swiper-button-prev {
	left: 11.5%;
}

.main .section.games .games-contents .swiper-button-next {
	right: 11.5%;
}

.main .section.games .item.box {
	background-color: #ebfaed;
	-webkit-filter: grayscale(1) opacity(0.25);
	filter: grayscale(1) opacity(0.25);
	-webkit-transition: -webkit-filter 0.3s ease;
	transition: -webkit-filter 0.3s ease;
	-o-transition: filter 0.3s ease;
	transition: filter 0.3s ease;
	transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

.main .section.games .swiper-slide-active .item.box {
	-webkit-filter: grayscale(0) opacity(1);
	filter: grayscale(0) opacity(1);
}

.main .section.games .swiper-slide:not(.swiper-slide-active) .item.game {
	pointer-events: none;
}

.main .section.games .item.box .title+.text {
	margin-top: 16px;
}

.main .section.games .item.box .text-wrap+.data-list,
.main .section.games .games-tab+.games-contents {
	margin-top: 40px;
}

.main .section.games .item {
	width: 100%;
}

@media all and (max-width: 960px) {
	.main .section.games .games-contents {
		padding-left: 50px;
		padding-right: 50px;
	}

	.main .section.games .games-contents li.swiper-slide {
		width: 100% !important;
	}
}

@media all and (min-width: 769px) {
	.main .section.games .item .img-wrap {
		height: calc(100% - 34px);
	}

	.main .section.games .thumb-swiper .swiper-slide .btn:hover {
		background-color: var(--kelly-green);
		color: var(--white);
	}
}

@media all and (max-width: 768px) {
	.main .section.games .section-title strong {
		display: block;
	}

	.main .section.games .thumb-swiper .swiper-wrapper {
		max-width: 420px;
	}

	.main .section.games .games-contents {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}

	.main .section.games .games-contents::before {
		left: 0;
	}

	.main .section.games .games-contents::before,
	.main .section.games .games-contents::after {
		content: '';
		display: inline-block;
		position: absolute;
		top: 0;
		width: 32px;
		height: 100%;
		background-color: var(--white);
		z-index: 2;
	}

	.main .section.games .games-contents::after {
		right: 0;
	}

	.main .section.games .btn.circle.swiper-button-prev {
		left: 16px;
	}

	.main .section.games .btn.circle.swiper-button-prev,
	.main .section.games .btn.circle.swiper-button-next {
		width: 48px;
		height: 48px;
	}

	.main .section.games .btn.circle.swiper-button-next {
		right: 16px;
	}

	.main .section.games .btn.circle.swiper-button-prev:after,
	.main .section.games .btn.circle.swiper-button-next:after {
		width: 22px;
		height: 22px;
	}

	.main .section.games .main-list .img-wrap {
		height: 45.867vw;
	}

	.main .section.games .list:not(.main-list) .img-wrap {
		height: 21.867vw;
	}

	.main .section.games .item.box .text-wrap+.data-list {
		margin-top: 28px;
	}

	.main .section.games .games-tab+.games-contents {
		margin-top: 32px;
	}

	.main .section.games .item.box.large {
		padding-bottom: 28px;
	}
}

.main .section.games .character {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.main .section.games .character .img-wrap {
	position: absolute;
}

.main .section.games .character .mogu {
	left: 50%;
	bottom: -0.625vw;
	width: 17.240vw;
	height: 13.229vw;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-left: -26%;
	z-index: 1;
}

.main .section.games .character .rabbit {
	left: 5%;
	top: -6.667vw;
	width: 7.5vw;
	height: 6.667vw;
}

.main .section.games .character .tree {
	right: 0;
	top: -18.177vw;
	width: 15.156vw;
	height: 18.177vw;
}

@media all and (min-width: 961px) and (max-width: 1280px) {
	.main .section.games .character .mogu {
		left: 46%;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.main .section.games .character .mogu {
		width: 220px;
		height: 169px;
		margin-left: calc(-50% - -110px);
	}

	.main .section.games .character .rabbit {
		top: -89px;
		width: 100px;
		height: 89px;
	}

	.main .section.games .character .tree {
		top: -228px;
		width: 190px;
		height: 228px;
	}
}

@media all and (max-width: 768px) {
	.main .section.games .character {
		z-index: 2;
	}

	.main .section.games .character .mogu {
		bottom: -6px;
		width: 45.333vw;
		height: 34.933vw;
		margin-left: -51%;
	}

	.main .section.games .character .rabbit,
	.main .section.games .character .tree {
		display: none;
	}
}

.main .section.curriculum .box {
	background-color: #f2f0f5;
}

.main .section.curriculum .item.video-play .video-wrap .img-wrap::before {
	background-image: linear-gradient(to bottom, #57685a, #57685a);
	mix-blend-mode: multiply;
}

@media all and (min-width: 961px) {
	.main .section.curriculum .item .text-wrap {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-top: 0;
	}

	.main .section.curriculum .item .title {
		width: 100%;
	}
}

@media all and (max-width: 768px) {
	.main .section.curriculum .section-title strong {
		display: block;
	}
}

.main .section.curriculum .character {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.main .section.curriculum .item-wrap,
.main .section.curriculum .item .title {
	position: relative;
}

.main .section.curriculum .item .title::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: -2.901vw;
	left: -1.875vw;
	width: 2.708vw;
	height: 2.917vw;
	background-image: url('../images/main/dust.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
}

.main .section.curriculum .item .title span {
	display: block;
	font-size: 24px;
	line-height: 36px;
	letter-spacing: -1.2px;
}

.main .section.curriculum .img-wrap.nadi {
	position: absolute;
	bottom: -0.833vw;
	left: 3%;
	width: 11.615vw;
	height: 11.615vw;
}

.main .section.curriculum .img-wrap.planet01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 9.635vw;
	height: 15.156vw;
}

.main .section.curriculum .img-wrap.planet02 {
	position: absolute;
	top: -3.125vw;
	right: 0;
	width: 14.531vw;
	height: 9.479vw;
}

.main .section.curriculum .img-wrap.spaceship {
	position: absolute;
	top: -1.563vw;
	;
	left: 10.833vw;
	width: 5.938vw;
	height: 6.823vw;
}

.main .section.curriculum .img-wrap.meteor {
	position: absolute;
	top: -5.208vw;
	;
	right: 2.604vw;
	width: 5.677vw;
	height: 4.375vw;
}

@keyframes meteor {
	0% {
		transform: translate(-160px, -65px);
	}

	100% {
		transform: translate(0px, 0px);
	}
}

@media all and (min-width: 1541px) {
	.main .section.curriculum .img-wrap.nadi {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		margin-left: calc(-17.625vw * 2);
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.main .section.curriculum .img-wrap.nadi {
		width: 160px;
		height: 160px;
	}

	.main .section.curriculum .img-wrap.planet01 {
		top: 20px;
		width: 100px;
		height: 157px;
	}

	.main .section.curriculum .img-wrap.planet02 {
		width: 180px;
		height: 117px;
	}

	.main .section.curriculum .img-wrap.meteor {
		width: 72px;
		height: 56px;
	}

	.main .section.curriculum .img-wrap.spaceship {
		width: 78px;
		height: 90px;
	}
}

@media all and (max-width: 768px) {
	.main .section.curriculum .item .text-wrap {
		text-align: center;
	}

	.main .section.curriculum .item .title {
		display: inline-block;
	}

	.main .section.curriculum .item .title::before {
		top: -5.787vw;
		left: -7.2vw;
		width: 7.467vw;
		height: 8vw;
	}

	.main .section.curriculum .item .title span {
		font-size: 18px;
		line-height: 24px;
	}

	.main .section.curriculum .img-wrap.nadi {
		bottom: 20px;
		left: -8vw;
		width: 37.333vw;
		height: 37.333vw;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		margin-left: 0;
	}

	.main .section.curriculum .img-wrap.planet01,
	.main .section.curriculum .img-wrap.spaceship {
		display: none;
	}

	.main .section.curriculum .img-wrap.planet02 {
		top: 20px;
		right: -13.333vw;
		width: 36.8vw;
		height: 24vw;
	}

	.main .section.curriculum .img-wrap.meteor {
		top: 5px;
		right: -3.2vw;
		width: 14.4vw;
		height: 11.2vw;
	}

}

.main .section.review {
	position: relative;
	background-color: #ffeae2;
	padding-bottom: 0;
}

.main .section.review::before {
	content: '';
	display: block;
	position: relative;
	top: calc(-240px - 68px);
	width: 100%;
	height: 68px;
	background-image: url('../images/main/bg_wave01.svg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

.main .section.review::after {
	content: '';
	display: block;
	position: relative;
	width: 100%;
	height: 41.510vw;
	background-image: url('../images/main/bg_flowers.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

@media all and (min-width: 1921px) {
	.main .section.review::before {
		top: calc(-240px - 3.542vw);
		height: 3.542vw;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.main .section.review .list-wrap.gutter-166 {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media all and (max-width: 768px) {
	.main .section.review::before {
		top: calc(-14.778vh - 7.733vw);
		height: 7.733vw;
	}

	.main .section.review::after {
		height: 88.533vw;
		background-image: url('../images/main/bg_flowers_mo.png');
	}

	.main .section.review .swiper-pagination {
		position: relative;
		bottom: 0;
		margin-top: 20px;
	}
}

@media all and (max-width: 768px) {
	.section.review .data-list[class*="row"]>li {
		margin: 0;
	}
}

.main .section.together {
	position: relative;
	background-color: #ffd5d5;
	padding-top: 120px;
	margin-bottom: 124px;
}

.main .section.together::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -124px;
	left: 0;
	width: 100%;
	height: 124px;
	background-image: url('../images/main/bg_wave02.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

.main .section.together .count {
	font-weight: 700;
	font-size: 100px;
	line-height: 1.1;
	letter-spacing: -2px;
}

.main .section.together .text {
	font-weight: 700;
	color: var(--black);
}

.main .section.together .bdr-wrap {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 220px;
	background-color: var(--white-opc-25);
	border-radius: 110px;
}

.main .section.together .bdr-wrap+.text-wrap {
	margin-top: 32px;
}

.main .section.together .text-wrap {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
}

.main .section.together .text-wrap .title {
	font-weight: 500;
}

.main .section.together .list:not(.main-list) .text-wrap .title {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	font-size: 20px;
	letter-spacing: -0.48px;
	color: var(--black-opa-6);
}

.main .section.together .list:not(.main-list) .text-wrap dd {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

.main .section.together .list .img-wrap {
	width: 180px;
	height: 120px;
}

.main .section.together .main-list .bdr-wrap {
	height: 348px;
	border-radius: 174px;
}

.main .section.together .main-list .text-wrap {
	text-align: center;
}

.main .section.together .main-list .text-wrap .title {
	position: relative;
	font-size: 24px;
	letter-spacing: -0.48px;
}

.main .section.together .main-list .text-wrap .title::after {
	content: '';
	display: inline-block;
	position: relative;
	width: 283px;
	height: 72px;
	background-image: url('../images/common/illust_consonant.svg');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	margin-right: 80px;
}

@media all and (min-width: 1921px) {
	.main .section.together::after {
		height: 6.458vw;
	}
}

@media all and (min-width: 1281px) {
	.main .section.together .grid-container {
		padding-left: 7.083vw;
		padding-right: 7.083vw;
	}
}

@media all and (min-width: 961px) and (max-width: 1280px) {
	.main .section.together .grid-container {
		padding-left: 50px;
		padding-right: 50px;
	}

	.main .section.together .count {
		font-size: 90px;
		letter-spacing: -1.7px;
	}

	.main .section.together .bdr-wrap {
		height: 200px;
	}

	.main .section.together .list .img-wrap {
		width: 150px;
		height: 100px;
	}

	.main .section.together .main-list .text-wrap .title::after {
		width: 250px;
		height: 64px;
		margin-right: 50px;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.main .section.together .grid-container {
		padding-left: 30px;
		padding-right: 30px;
	}

	.main .section.together .count {
		font-size: 82px;
		letter-spacing: -1.3px;
	}

	.main .section.together .bdr-wrap {
		height: 180px;
	}

	.main .section.together .list .img-wrap {
		width: 140px;
		height: 93px;
	}

	.main .section.together .main-list .text-wrap .title::after {
		width: 230px;
		height: 59px;
		margin-right: 3.125vw;
	}
}

@media all and (min-width: 769px) {
	.main .section.together {
		padding-bottom: 216px;
	}

	.main .section.together .main-list .text-wrap {
		display: block;
	}

	.main .section.together .main-list .text-wrap .title,
	.main .section.together .main-list .text-wrap dd {
		display: inline;
	}

	.main .section.together .main-list .text-wrap .title>span {
		display: block;
		margin-bottom: 48px;
	}
}

@media all and (max-width: 768px) {
	.main .section.together {
		padding-top: 7.881vh;
		margin-bottom: 9.067vw;
	}

	.main .section.together::after {
		bottom: -9.067vw;
		height: 9.067vw;
		background-image: url('../images/main/bg_wave02_mo.png');
	}

	.main .section.together .grid-container {
		width: 234px;
		margin: 0 auto;
	}

	.main .section.together .grid-container>li+li {
		margin-top: 5.911vh;
	}

	.main .section.together .bdr-wrap {
		height: 172px;
		border-radius: 86px;
	}

	.main .section.together .main-list .bdr-wrap {
		border-radius: 117px;
	}

	.main .section.together .bdr-wrap+.text-wrap {
		margin-top: 20px;
	}

	.main .section.together .count {
		font-size: 64px;
		letter-spacing: -1.28px;
	}

	.main .section.together .text,
	.main .section.together .list:not(.main-list) .text-wrap .title {
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.main .section.together .main-list .text-wrap .title {
		font-size: 18px;
		letter-spacing: -0.36px;
	}

	.main .section.together .main-list .text-wrap .title::after {
		width: 172px;
		height: 44px;
		margin: 36px auto 20px;
	}

	.main .section.together .list:last-child .data {
		letter-spacing: -3.2px;
	}

	.main .section.together .list .img-wrap {
		width: 140px;
		height: 94px;
	}
}

.main .section.benefits .title-wrap+div {
	margin-top: 160px;
}

.main .section.benefits .content-list {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: calc(100% + 7.5vw);
	margin-top: -3.125vw;
	margin-left: -3.750vw;
}

.main .section.benefits .content-list li {
	width: calc((100% - 15vw) / 2);
	margin: 3.125vw 3.750vw;
}

.main .section.benefits .img-wrap {
	width: 100%;
	height: 19.792vw;
	border-radius: 20px;
	overflow: hidden;
}

.main .section.benefits .img-wrap+.text-wrap {
	margin-top: 5.911vh;
}

.main .section.benefits .text-wrap {
	padding: 0 4.375vw 0 12px;
}

.main .section.benefits .text-wrap .title+.text {
	margin-top: 24px;
}

@media all and (min-width: 769px) and (max-width: 961px) {
	.main .section.benefits .content-list {
		width: calc(100% + 30px);
		margin-left: -15px;
	}

	.main .section.benefits .content-list li {
		width: calc((100% - 60px) / 2);
		margin-left: 15px;
		margin-right: 15px;
		;
	}
}

@media all and (max-width: 768px) {
	.main .section.benefits .title-wrap+div {
		margin-top: 64px;
	}

	.main .section.benefits .content-list {
		width: 100%;
		margin-top: 0;
		margin-left: 0;
	}

	.main .section.benefits .content-list li {
		width: 100%;
		margin: 0;
	}

	.main .section.benefits .content-list li+li {
		margin-top: 5.911vh;
	}

	.main .section.benefits .img-wrap {
		height: 56vw;
		border-radius: 12px;
	}

	.main .section.benefits .img-wrap+.text-wrap {
		margin-top: 24px;
	}

	.main .section.benefits .text-wrap {
		padding: 0 4px;
	}

	.main .section.benefits .text-wrap .title+.text {
		margin-top: 12px;
	}

	.main .section.benefits .item .title.medium {
		font-size: 22px;
		letter-spacing: -1.1px;
	}
}

.main .section.experience {
	padding-top: 0px;
}

.main .section.experience .content-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 874px;
	padding-top: 120px;
	padding-bottom: 120px;
	padding-right: 30px;
	padding-left: 30px;
	border-radius: 12px;
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.05);
	;
	background-image: url('../images/main/bg_experience.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.main .section.experience .title-wrap+.text {
	margin-top: 32px;
}

.main .section.experience .btn.go-game {
	position: relative;
}

.main .section.experience .btn.go-game::after {
	position: absolute;
	top: 16px;
	right: 25px;
	margin-left: 0;
}

@media all and (max-width: 768px) {
	.main .section.experience {
		padding-left: 16px;
		padding-right: 16px;
	}

	.main .section.experience .content-wrap {
		height: 531px;
		padding-top: 64px;
		padding-bottom: 48px;
		background-image: url('../images/main/bg_experience_mo.jpg');
		padding-left: 25px;
		padding-right: 25px;
	}

	.main .section.experience .btn.go-game {
		padding-right: 10px;
	}

	.main .section.experience .btn.go-game::after {
		top: 8px;
		right: auto;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		margin-left: 105px;
	}
}

@media all and (max-width: 540px) {
	.main .section.experience .btn.go-game::after {
		top: 12px;
		width: 50px;
		height: 55px;
	}
}

.main .section.news {
	background-color: #fffbf2;
}

.section.news {
	overflow-x: hidden;
}

.section.news .title-wrap+div:not(.news-slider) {
	margin-top: 120px;
}

.section.news .swiper-container {
	width: 100%;
}

.section.news .news-slider:not(.mo-slider) .swiper-slide {
	width: 21.302vw !important;
}

.section.news .img-wrap {
	width: 100%;
	height: 21.302vw;
	/*padding-bottom: 100%;*/
	border-radius: 12px;
	overflow: hidden;
}

.section.news ul:not(.swiper-wrapper) .img-wrap,
.section.news .mo-slider .img-wrap {
	height: auto;
	padding-bottom: 100%
}

.section.news ul:not(.swiper-wrapper) .img-wrap .img,
.section.news .mo-slider .img-wrap .img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden;
}

@media all and (min-width: 769px) {
	.section.news .title-wrap {
		text-align: left;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.section.news .news-slider:not(.mo-slider) .swiper-slide {
		width: 350px !important;
	}

	.section.news .img-wrap {
		height: 350px;
	}
}

@media all and (max-width: 768px) {
	.main .section.news .section-title {
		text-align: center;
	}

	.section.news .title-wrap+div:not(.news-slider) {
		margin-top: 64px;
	}

	.section.news .section-title+.btn.link {
		margin-top: 32px;
	}

	/* .section.news .swiper-slide{width: calc(100% - 129px) !important;} */
	.section.news .news-slider:not(.mo-slider) .swiper-slide {
		width: 57.067vw !important;
	}

	.section.news .swiper-wrapper .img-wrap {
		height: 57.067vw;
	}
}

.main .section.dream {
	padding-top: 120px;
	padding-bottom: 0;
}

.main .section.dream .img-wrap {
	max-width: 200px;
	margin-top: 64px;
	margin-left: auto;
	margin-right: auto;
}

@media all and (min-width: 1921px) {
	.main .section.dream {
		padding-top: 6.250vw;
		padding-bottom: 6.250vw;
	}
}

@media all and (max-width: 768px) {
	.main .section.dream {
		padding-top: 80px;
	}

	.main .section.dream .img-wrap {
		max-width: 34.933vw;
		margin-top: 32px;
	}
}

.motion-wrapper {
	background: lightpink;
}

.container-fluid {
	/* position: absolute; bottom: 0; right: 0; */
	display: flex;
	flex-wrap: nowrap;
}

.container-fluid span {
	white-space: nowrap;
	margin-right: 8vw;

}

/* main motion */
.main .motion-train {
	position: absolute;
	bottom: 10.417vw;
	/*left: 50%; transform: translateX(-50%);*/
	z-index: 1;
}

.main .motion-train .img-wrap {
	width: 63.698vw;
	height: auto;
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.main .motion-train .img-wrap {
		width: 650px;
	}
}

@media all and (max-width: 768px) {
	.main .motion-train {
		bottom: 22.933vw;
	}

	.main .motion-train .img-wrap {
		width: auto;
		height: 37.333vw;
	}

	.main .motion-train .img-wrap .img {
		-o-object-position: left;
		object-position: left;
	}
}

/* popup */
.overlay.video .popup {
	/*width: 960px;*/
	background-color: transparent;
	padding: 0;
}

.overlay.video .popup-header .btn-close {
	top: -16px;
	right: 0;
	width: 48px;
	height: 48px;
}

.overlay.video .video-wrap,
.overlay.video .iframe-wrap {
	position: relative;
	font-size: 0;
	border-radius: 12px;
	overflow: hidden;
}

.overlay.video .video-wrap,
.overlay.video .iframe-wrap,
.overlay.video iframe,
.overlay.video video {
	width: 100%;
	height: 100%;
}

.overlay.video .video-wrap .btn-area {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-top: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, z-index 0.3s ease;
	-o-transition: opacity 0.3s ease, visibility 0.3s ease, z-index 0.3s ease;
	transition: opacity 0.3s ease, visibility 0.3s ease, z-index 0.3s ease;
}

.overlay.video .video-wrap.hover .btn-area {
	opacity: 1;
	visibility: visible;
	z-index: 0;
}

@media all and (min-width: 961px) and (max-width: 1540px) {
	.overlay.video .popup {
		margin-left: 10.625vw;
		margin-right: 10.625vw;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.overlay.video .popup {
		margin-left: 50px;
		margin-right: 50px;
	}
}

@media all and (min-width: 961px) {
	.overlay.video .ratio-wrap {
		width: 50vw;
	}
}

@media all and (max-width: 768px) {
	.overlay.video .popup-header .btn-close {
		top: 0;
		width: 24px;
		height: 24px;
	}

	.overlay.video .popup {
		margin-left: 16px;
		margin-right: 16px;
	}
}

@media all and (min-width: 960px) and (max-height: 780px) {
	.overlay.video {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.overlay.video .popup {
		margin-top: 100px;
		margin-bottom: 100px;
	}
}

.overlay.today-close {
	/*top: 50%; left: 50%; transform: translate(-50%,-50%);*/
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 20px 0px rgb(0 0 0 / 10%);
}

.overlay.today-close .popup {
	min-width: auto;
	padding: 0;
}

.overlay.today-close .popup-body {
	margin-top: 0;
}

.overlay.today-close .none-see {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 5px 10px;
}

.overlay.today-close .popup-body .img-wrap img {
	width: 100%;
	max-width: 600px;
}

.overlay.today-close .checkbox+label {
	font-size: 18px;
}

.overlay.today-close .btn-close {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	top: auto;
	right: auto;
}

@media all and (min-width: 769px) {
	.overlay.today-close {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}

@media all and (max-width: 768px) {
	.overlay.today-close {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.overlay.today-close .popup {
		width: 90%;
	}
}

.overlay.video#popupVideoGames .video-wrap video {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
}

.overlay.video#popupVideoGames .ratio-wrap .video-wrap {
	padding-top: 0;
}

/* LOGIN */
#content.login {
	background-color: var(--pale-grey);
	padding-top: 100px;
}

.login .page-header .text.medium {
	font-weight: 700;
	font-size: 22px;
	letter-spacing: -0.44px;
}

.login.home .form-wrap,
.login.join .btns-join {
	margin-top: 64px;
}

.login.home .field+.field,
.login .sns-login .btn+.btn,
.login .btns-join .btn+.btn {
	margin-top: 12px;
}

.login .field-wrap+.btn-area {
	margin-top: 20px;
}

.login .btn-area+.user-offer {
	margin-top: 10px;
}

.login .user-offer {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.login .find-account {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #979696;
}

.login .find-account>span+span::before {
	content: '';
	display: inline-block;
	position: relative;
	width: 1px;
	height: 13px;
	background-color: #e5e5e5;
	margin: 0 10px;
}

.login .user-offer+.sns-login {
	margin-top: 45px;
}

.login .user-offer .btn,
.login .sns-login .btn {
	font-size: 18px;
	letter-spacing: -0.36px;
}

.login .sns-login .ico {
	margin-right: 6px;
}

.login .sns-login .btn:hover .ico {}

.login .field+.check-all,
.login .data-list.terms {
	margin-top: 40px;
}

.login .check-all+.list-wrap,
.login .data-list.terms>li+li,
.login .list-wrap+.field {
	margin-top: 20px;
}

.login .term-wrap.scroll {
	height: 288px;
	margin-top: 20px;
}

.login .term-wrap .title {
	font-weight: 600;
	font-size: 16px;
	letter-spacing: -0.32px;
}

.login .data-list.terms .label .btn {
	font-weight: inherit;
	font-size: inherit;
}

.login .data-list.terms .label .btn.open-pop {
	text-decoration: underline;
	padding: 0;
	vertical-align: 1px;
}

.login.join .bundle.bdr #joinAddress+.btn {
	font-weight: 600;
}

.login.join .btn.email {
	background-color: #f15950;
	color: var(--white);
}

.login.mail .form {
	text-align: center;
}

.login.mail .e-mail {
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -0.44px;
	color: #231d1b;
}

.login.mail .text {
	font-size: 18px;
	letter-spacing: -0.36px;
	color: #231d1b;
}

.login.mail .re-mail {
	width: 100%;
	min-height: 350px;
	/*margin-top: 60px;*/
	padding: 80px 30px;
	background-color: var(--white);
}

.login.mail .btn-area {
	margin-top: 40px;
}

.login.mail .btn-area .btn {
	font-weight: bold;
}

.login.mail .e-mail+.text,
.login.mail .text+.text {
	margin-top: 20px;
}

.login.mail .coupon-ticket {
	position: relative;
	width: 400px;
	height: 193px;
	margin: 0 auto 64px;
	padding-right: 76px;
	background: url('../images/common/bg_coupon.png') 0 0 no-repeat;
	background-size: contain;
	text-align: center;
	box-sizing: border-box;
}

.login.mail .coupon-ticket .tag {
	color: var(--white);
	text-align: center;
}

.login.mail .coupon-ticket .text {
	color: var(--white);
	font-family: 'NanumSquareRound';
	font-weight: 800;
}

.login.mail .coupon-ticket span {
	display: block;
	color: var(--white-opc-6);
}

.login.mail .coupon-ticket .koyo {
	position: absolute;
	background: url('../images/common/coupon_koyo.png') 0 0 no-repeat;
	background-size: contain;
}

.login.mail .coupon-ticket .mogu {
	position: absolute;
	background: url('../images/common/coupon_mogu.png') 0 0 no-repeat;
	background-size: contain;
}

#content.login.password {
	padding-bottom: 391px;
}

@media all and (min-width: 769px) {
	.login.mail .coupon-ticket .tag {
		font-size: 18px;
		line-height: 28px;
		letter-spacing: -0.36px;
	}

	.login.mail .coupon-ticket .text {
		font-size: 32px;
		letter-spacing: -1.6px;
	}

	.login.mail .coupon-ticket span {
		padding-top: 25px;
		font-size: 16px;
		line-height: 28px;
		letter-spacing: -0.32px;
	}

	.login.mail .coupon-ticket .koyo {
		left: -73px;
		bottom: -6px;
		width: 88px;
		height: 188px;
	}

	.login.mail .coupon-ticket .mogu {
		right: -74px;
		bottom: -9px;
		width: 164px;
		height: 126px;
	}
}

@media all and (max-width: 768px) {
	#content.login {
		padding-top: 80px;
	}

	.login .page-header .text.medium {
		font-size: 20px;
		letter-spacing: -0.4px;
	}

	.login .page-header .text.medium>span.fc-point {
		display: block;
	}

	.login>.max-560,
	.login .max-560 {
		max-width: none;
		width: 100%;
	}

	.login .user-offer+.sns-login {
		margin-top: 40px;
	}

	.login .user-offer .btn,
	.login .sns-login .btn {
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.login .field+.check-all,
	.login .data-list.terms {
		margin-top: 32px;
	}

	.login .check-all+.list-wrap,
	.login .data-list.terms>li+li,
	.login .list-wrap+.field {
		margin-top: 15px;
	}

	.login.join .checkbox+label,
	.login.join .field .check-text {
		font-size: 14px;
	}

	.login.join .bundle.bdr #joinAddress+.btn {
		font-size: 16px;
	}

	.login.mail .btn-area .btn {
		width: 100%;
	}

	.login.mail .e-mail {
		font-size: 20px;
		letter-spacing: -0.4px;
	}

	.login.mail .text {
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.login.mail .re-mail {
		min-height: auto;
		margin-top: 36px;
		padding: 50px 40px;
	}

	#content.login.password {
		padding-bottom: 303px;
	}

	.login.mail .coupon-ticket {
		width: 279px;
		height: 144px;
		background-image: url('../images/common/bg_coupon_mo.png');
		padding-right: 48px;
		background-size: 100% auto;
	}

	.login.mail .coupon-ticket .tag {
		padding-top: 24px;
		font-size: 16px;
		line-height: 28px;
		letter-spacing: -0.32px;
	}

	.login.mail .coupon-ticket .text {
		padding-top: 2px;
		font-size: 24px;
		line-height: 27px;
		letter-spacing: -1.2px;
	}

	.login.mail .coupon-ticket span {
		padding-top: 12px;
		font-size: 14px;
		line-height: 28px;
		letter-spacing: -0.28px;
	}

	.login.mail .coupon-ticket .koyo {
		left: -32px;
		bottom: -36px;
		width: 58px;
		height: 122px;
	}

	.login.mail .coupon-ticket .mogu {
		right: -32px;
		bottom: -36px;
		width: 107px;
		height: 82px;
	}
}

@media all and (max-width: 420px) {
	.login.mail .re-mail {
		padding-left: 30px;
		padding-right: 30px;
	}

	.login.mail .coupon-ticket .koyo {
		left: -22px;
	}

	.login.mail .coupon-ticket .mogu {
		right: -22px;
	}
}

/* APPLE 로그인 버튼 커스텀 */
#appleid-signin {
	position: relative;
	overflow: hidden;
}

#appleid-signin::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--black);
	z-index: 1;
}

#appleid-signin::after {
	content: '애플로 로그인';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 50%;
	width: auto;
	height: 100%;
	background-color: var(--black);
	background-image: url('../images/common/ico_ios-w.svg');
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 36px 36px;
	font-size: 18px;
	letter-spacing: -0.36px;
	color: var(--white);
	padding-left: 36px;
	box-sizing: border-box;
	z-index: 1;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media all and (max-width: 768px) {
	#appleid-signin::after {
		font-size: 16px;
		background-size: 32px 32px;
		letter-spacing: -0.32px;
	}

	#appleid-signin::after {
		background-size: 32px 32px;
	}
}

/* 회원가입 약관 팝업 */
/* .overlay.pop-terms {-webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;} */
.overlay.pop-terms .popup {
	max-width: 780px;
	min-height: 640px;
	margin-top: 100px;
	margin-bottom: 100px;
}

.overlay.pop-terms .term-wrap {
	height: 680px;
	border: 0;
	padding: 0;
	margin-top: 0;
}

.overlay.pop-terms .term-wrap ul li::before {
	display: none;
}

.overlay.pop-terms .term-wrap .text-wrap {
	text-align: left;
	padding: 0;
}

.overlay.pop-terms .term-wrap .title {
	font-size: 16px;
}

@media all and (max-width: 960px) {
	.overlay.pop-terms {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
}

@media all and (min-width: 541px) and (max-width: 960px) {
	.overlay.pop-terms .popup {
		margin-left: 16px;
		margin-right: 16px;
	}
}

@media all and (max-width: 768px) {
	.overlay.pop-terms .popup {
		height: 80%;
		margin-top: 64px;
		margin-bottom: 64px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.overlay.pop-terms .popup-body {
		height: 90%;
		overflow: hidden;
	}

	.overlay.pop-terms .term-wrap {
		height: 100%;
	}
}

@media all and (min-width: 960px) and (max-height: 860px) {
	.overlay.pop-terms {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
}

/* 고객센터 문의 배너 */
.cs-banner {
	overflow: visible;
	padding-bottom: 8px;
	padding: 0 !important;
}

.cs-banner .banner-inner {
	background-color: var(--coral-opa-85);
	color: var(--white);
}

.cs-banner .contact-list>li+li {
	margin-left: 8px;
}

.cs-banner .contact-list .btn {
	width: 160px;
	background-color: transparent;
}

.cs-banner .title-wrap+.contact-list {
	margin-top: 24px;
}

.cs-banner .contact-list+.text-wrap {
	position: relative;
	z-index: 1;
	margin-top: 50px;
}

.cs-banner .available-time {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: -0.36px;
}

.cs-banner .available-time {
	font-weight: 600;
	font-size: 18px;
	letter-spacing: -0.36px;
}

.cs-banner .available-time .title+.text {
	margin-left: 20px;
}

.cs-banner .available-time .time {
	letter-spacing: 0;
	margin-left: 6px;
}

.cs-banner .available-time+.text {
	margin-top: 5px;
}

.cs-banner .character {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	bottom: -16px;
	right: 50px;
}

.cs-banner .character .img-wrap {
	width: 369px;
	height: 93px;
}

.cs-banner .img-wrap.koyo {
	top: 8px;
}

.cs-banner .img-wrap.mogu {
	top: 10px;
}

.cs-banner .img-wrap.nadi {
	top: 12px;
}

@media all and (min-width: 961px) and (max-width: 1300px) {
	.cs-banner .banner-inner {
		padding-right: 25px;
		padding-left: 25px;
	}
}

@media all and (min-width: 769px) {
	.cs-banner .contact-list .btn:hover {
		background-color: var(--white);
	}
}

@media all and (max-width: 768px) {
	.cs-banner .banner-inner {
		padding-bottom: 92px;
	}

	.cs-banner .banner-title {
		letter-spacing: -0.48px;
	}

	.cs-banner .contact-list li {
		width: calc((100% / 2) - 4px);
	}

	.cs-banner .contact-list .btn {
		width: 100%;
		height: 44px;
		line-height: 44px;
	}

	.cs-banner .contact-list+.text-wrap {
		margin-top: 30px;
	}

	.cs-banner .available-time {
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.cs-banner .available-time .title+.text {
		margin-left: 14px;
	}

	.cs-banner .available-time+.text {
		font-size: 14px;
		letter-spacing: -0.28px;
	}

	.cs-banner .character {
		bottom: -15px;
		left: 0;
		right: 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.cs-banner .character .img-wrap {
		width: 314px;
		height: 90px;
	}
}

/* 리뷰 배너 */
.review-banner .banner-inner {
	background-color: #b5f576;
	padding-left: 40px;
	padding-right: 40px;
}

.review-banner .character .img-wrap {
	width: 317px;
	height: 264px;
}

.review-banner .text-wrap .text {
	font-weight: 500;
	font-size: 24px;
	letter-spacing: -0.48px;
}

.review-banner .text-wrap .text>span {
	display: block;
}

.review-banner .btn-area {
	margin-top: 0;
}

.review-banner .btn-area .btn {
	width: auto;
	font-size: 20px;
	letter-spacing: -0.4px;
	padding: 0 36px;
}

.review-banner .btn-area .btn .ico {
	margin-left: 8px;
}

@media all and (min-width: 1921px) {
	.review-banner .character {
		left: 4.167vw;
	}

	.review-banner .text-wrap {
		padding-left: 477px;
	}
}

@media all and (min-width: 769px) and (max-width: 1920px) {
	.review-banner .character {
		left: 30px;
	}
}

@media all and (min-width: 1281px) and (max-width: 1920px) {
	.review-banner .text-wrap {
		padding-left: 350px;
	}
}

@media all and (min-width: 1121px) and (max-width: 1280px) {
	.review-banner .character .img-wrap {
		width: 280px;
		height: 233px;
	}

	.review-banner .text-wrap {
		padding-left: 290px;
	}
}

@media all and (min-width: 961px) and (max-width: 1120px) {
	.review-banner .character .img-wrap {
		width: 230px;
		height: 192px;
	}

	.review-banner .text-wrap {
		padding-left: 240px;
	}
}

@media all and (min-width: 961px) and (max-width: 1280px) {
	.review-banner .btn-area .btn {
		padding: 0 15px;
	}
}

@media all and (min-width: 961px) {
	.review-banner .banner-inner {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.review-banner .character {
		bottom: -16px;
	}

	.review-banner .text-wrap {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding-right: 20px;
	}
}

@media all and (max-width: 960px) {
	.review-banner .banner-inner {
		padding-bottom: 0;
		padding-right: 0;
	}

	.review-banner .character {
		position: relative;
		left: auto;
	}

	.review-banner .text-wrap+.btn-area {
		position: relative;
		margin-top: 24px;
		z-index: 1;
	}

	.review-banner .character {
		margin-top: -45px;
	}

	.review-banner .character .img-wrap {
		position: relative;
		top: 16px;
		margin-left: auto;
	}
}

@media all and (max-width: 960px) {
	.review-banner .banner-inner {
		padding-top: 40px;
		padding-left: 28px;
	}

	.review-banner .text-wrap .text {
		font-size: 20px;
		letter-spacing: -0.4px;
	}

	.review-banner .btn-area .btn {
		font-size: 16px;
		letter-spacing: -0.32px;
		padding: 0 27px;
	}

	.review-banner .character .img-wrap {
		width: 189px;
		height: 158px;
	}

	.review-banner .character {
		margin-top: -45px;
	}

	.review-banner .character .img-wrap {
		top: 9px;
	}
}

/* MYPAGE */
#content.mypage {
	padding-top: 100px;
}

.mypage .title-wrap+div {
	margin-top: 0;
}

/* .mypage .page-header + .page-content {margin-top: 100px;} */
.mypage:not(.my-menu) .content-wrap {
	width: 100%;
}

.mypage .content-wrap>.section {
	border-radius: 12px;
	padding: 50px;
}

.mypage .content-wrap>.section:not(.cs-banner) {
	overflow: hidden;
}

.mypage .content-wrap>.section+.section {
	margin-top: 50px;
}

.mypage .section.contents {
	background-color: var(--pale-grey);
	padding-top: 80px;
	padding-bottom: 80px;
}

.mypage .btn-area .btn {
	padding: 0;
}

.mypage .section.contents>div {
	margin-left: auto;
	margin-right: auto;
}

.mypage .section.contents>.title-wrap {
	position: relative;
	padding-left: 104px;
}

.mypage .section.contents>.title-wrap::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: -15px;
	left: 0;
	width: 82px;
	height: 81px;
	background-image: url('../images/mypage/my_koyo.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
}

.mypage .section.contents .section-title {
	font-weight: 700;
	font-size: 50px;
	letter-spacing: -1px;
}

.mypage .section.contents .field .checkbox+.label {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.36px;
}

.mypage .title-wrap+.list-wrap {
	margin-top: 46px;
}

.mypage .my-list .title-wrap {
	margin-bottom: 18px;
}

.mypage .my-list .list-title {
	font-weight: 700;
	font-size: 24px;
	letter-spacing: -1.2px;
}

.mypage .bdr-wrap:not(.banner-inner) {
	position: relative;
	min-height: 210px;
	background-color: var(--white);
	padding: 36px 40px;
}

.mypage .item.my.bdr-wrap {
	border-radius: 8px;
}

.mypage .bdr-wrap.pad-0 {
	padding: 0;
}

.mypage .item.my.flex-both {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.mypage .img-wrap.product .img {
	-o-object-fit: contain;
	object-fit: contain;
}

.mypage .guide-wrap .title,
.mypage .guide-wrap .text {
	font-size: 16px;
}

.mypage .badge+.text {
	margin-left: 10px;
}

.mypage .item.my+.item.my {
	margin-top: 24px;
}

.mypage .item.my .text-top .title.meidum {
	font-size: 18px;
}

.mypage .item.my .btn.round.large {
	position: absolute;
	bottom: 40px;
	right: 40px;
}

.mypage .item.my.no-data .btn.round.large {
	width: auto;
	border-radius: 35px;
	padding: 0 28px;
}

.mypage .item.my.no-data .btn.round.large .ico {
	margin-left: 10px;
}

.mypage .item.my>ul {
	min-height: 100%;
}

.mypage .item.my .btn-area {
	text-align: center;
	margin-top: 0;
}

.mypage .item.my .btn-area .btn {
	font-weight: 500;
	margin: 0 auto;
}

.mypage .item.my.no-data .text+.btn-area {
	margin-top: 14px;
}

.mypage .item.my.no-data .btn-area .btn {
	position: static;
	font-weight: 700;
}

.mypage .coupon-list {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.mypage .coupon-list>li+li {
	border-left: 1px solid var(--pale-grey);
}

.mypage .coupon-list .item.my .text {
	line-height: 1.33;
}

.mypage .coupon-list>li {
	padding: 30px 30px;
}

.mypage .data-table .btn {
	min-width: 114px;
}

.mypage .data-table .info-wrap {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	border-top: 1px solid var(--black-opa-1);
	margin-left: 2%;
	margin-right: 2%;
	padding-top: 30px;
	padding-bottom: 40px;
}

.mypage .data-table .img-area .btn-area {
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 12px;
}

.mypage .data-table .img-area .btn {
	/* width: 100%; */
	min-width: 180px;
}

.mypage .data-table .img-area .btn+.btn {
	margin-top: 5px;
}

/* .mypage .data-table .img-wrap {width: 300px; height: 200px; padding: 30px 20px;} */
.mypage .data-table .info-title {
	font-weight: 600;
	font-size: 18px;
	letter-spacing: -0.36px;
}

.mypage .data-table .info-title+div {
	margin-top: 20px;
}

.mypage .data-table+.pagination {
	margin-top: 60px;
}

.mypage .term-wrap {
	border: 0;
	padding: 0;
}

.mypage .term-wrap .title {
	font-weight: 700;
	font-size: 20px;
	letter-spacing: -0.4px;
}

.mypage .term-wrap .indent+.title,
.mypage .term-wrap dl+.title {
	margin-top: 26px;
}

.mypage .term-wrap .title+dl {
	margin-top: 14px;
}

.mypage .term-wrap .indent .line-bottom {
	position: relative;
	display: inline-block;
}

.mypage .term-wrap .indent .line-bottom::before {
	content: "";
	position: absolute;
	bottom: 3px;
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background-color: var(--brownish-grey);
}

.mypage .term-wrap dt {
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -0.36px;
	color: var(--black);
}

.mypage .term-wrap dl+dl,
.mypage .term-wrap dt+dd {
	margin-top: 10px;
}

.mypage .benefit-list .character {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	position: absolute;
	bottom: 0;
	right: 50px;
}

.mypage .benefit-list {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.mypage .benefit-list>li:nth-child(1) .bdr-wrap {
	background-color: var(--lightish-purple);
}

.mypage .benefit-list>li:nth-child(2) .bdr-wrap {
	background-color: var(--bright-sky-blue);
}

.mypage .benefit-list .bdr-wrap {
	overflow: hidden;
	height: 262px;
	padding-right: 15px;
}

.mypage .benefit-list .badge {
	background-color: var(--black-1-opa-3);
	color: var(--white);
}

.mypage .benefit-list .badge+.text-wrap {
	position: relative;
	margin-top: 5px;
	z-index: 1;
}

.mypage .benefit-list .title {
	font-size: 30px;
	letter-spacing: -0.6px;
}

.mypage .benefit-list .title,
.mypage .benefit-list .text {
	font-weight: 700;
	color: var(--white);
}

.mypage .benefit-list .title+.text {
	margin-top: 10px;
}

.mypage .benefit-list .img-wrap.mogu {
	top: 80px;
	width: 94px;
	height: auto;
}

.mypage .benefit-list .img-wrap.koyo {
	top: 64px;
	width: 90px;
	height: 204px;
}

.mypage .benefit-list .img-wrap.nadi {
	top: 28px;
	width: 121px;
	height: 142px;
}

.mypage .benefit-list .img-wrap img {
	object-fit: contain;
}

.mypage .benefit-list>li:nth-child(1) .img-wrap+.img-wrap {
	margin-left: 20px;
}

.mypage .benefit-list>li:nth-child(2) .img-wrap+.img-wrap {
	margin-left: 9px;
}

.mypage .benefit-list>li:nth-child(1) .character {
	bottom: -60px;
	right: 44px;
}

.mypage .benefit-list>li:nth-child(2) .character {
	bottom: -50px;
	right: 22px;
}

.mypage .benefit-list>li:nth-child(2) .img-wrap.mogu {
	top: 50px;
}

.mypage .benefit-list+.indent {
	margin-top: 16px;
}

.mypage .benefit-list+.indent>li {
	font-weight: 500;
	color: var(--black-opa-5);
}

.mypage .grid-container {
	-ms-grid-columns: 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	-ms-grid-rows: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas:
		"list-info list-info list-info list-info"
		"list list list-coupon list-coupon";
	width: calc(100% + (12px * 2));
	margin-top: -12px;
	margin-left: -12px;
}

.mypage .list-info {
	grid-area: list-info;
}

.mypage .list-coupon {
	grid-area: list-coupon;
}

.mypage .coupon-list {
	min-height: inherit;
}

.mypage .coupon-list .item {
	height: 100%;
}

.mypage.home .my-list>.list .item.my {
	padding-left: 0;
	padding-right: 0;
}

.mypage.modify .insert {
	font-size: 18px;
	letter-spacing: -0.36px;
}

.mypage.order .data-table.col-5 .table-head>li:nth-child(1),
.mypage.order .data-table.col-5 .table-box div:nth-child(1) {
	width: 11%;
}

.mypage.order .data-table.col-5 .table-head>li:nth-child(2),
.mypage.order .data-table.col-5 .table-box div:nth-child(2) {
	width: 40%;
}

.mypage.order .data-table.col-5 .table-head>li:nth-child(3),
.mypage.order .data-table.col-5 .table-box div:nth-child(3) {
	width: 27%;
}

.mypage.order .data-table.col-5 .table-head>li:last-child,
.mypage.order .data-table.col-5 .table-box div:last-child {
	width: 22%;
}

@media all and (min-width: 769px) and (max-width: 1570px) {
	.mypage .coupon-list>li {
		padding: 30px 20px;
	}
}

@media all and (min-width: 1301px) {
	.mypage .content-wrap {
		padding-left: 3.75vw;
	}
}

@media all and (min-width: 961px) and (max-width: 1300px) {
	.mypage .content-wrap {
		padding-left: 1.75vw;
	}

	.mypage .content-wrap>.section:not(.banner) {
		padding-right: 25px;
		padding-left: 25px;
	}

	.mypage .data-table .btn {
		min-width: 100px;
	}
}

@media all and (min-width: 769px) and (max-width: 1120px) {
	.mypage .benefit-list .bdr-wrap {
		height: 310px;
	}

	.mypage .benefit-list .title {
		font-size: 26px;
	}
}

@media all and (min-width: 961px) and (max-width: 1120px) {
	.mypage .grid-container {
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		grid-template-areas:
			"list-info list-info "
			"list list "
			"list-coupon list-coupon";
	}
}

@media all and (min-width: 769px) and (max-width:960px) {
	.mypage.home .content-wrap>.section.contents {
		padding-left: 25px;
		padding-right: 25px;
	}
}

@media all and (max-width:960px) {
	.mypage:not(.my-menu) .tab-wrap {
		display: none;
	}

	.mypage .data-table .img-area .btn {
		width: 100%;
		min-width: none;
	}
}

@media all and (min-width: 769px) {
	.mypage .data-table .img-area {
		width: 35%;
	}

	.mypage .data-table .text-wrap {
		width: 65%;
		padding-left: 3.167vw;
	}

	.mypage .btn-area {
		margin-top: 60px;
	}

	.mypage:not(.order) .my-list:not(.grid-container)>li+li {
		margin-top: 42px;
	}

	/* .mypage .grid-container {
		-ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr;
		-ms-grid-rows: 1fr 1fr; grid-template-rows: 1fr 1fr;
		grid-template-areas:
		"list-info list-info list-info list-info"
		"list list list-coupon list-coupon";
		width: calc(100% + (12px * 2)); margin-top: -12px; margin-left: -12px;
	} */
	.mypage .grid-container>li {
		margin: 12px;
	}

	.mypage .grid-container>li.list-info {
		margin-bottom: 30px;
	}

	.mypage .coupon-list>li,
	.mypage .benefit-list>li {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.mypage .benefit-list>li+li {
		margin-left: 24px;
	}

	.mypage .data-table .img-area {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		/* -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; */
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media all and (max-width: 768px) {
	#content.mypage {
		padding-top: 80px;
	}

	.mypage .content-wrap>.section+.section {
		margin-top: 40px;
	}

	.mypage .section.contents .section-title {
		font-size: 28px;
	}

	.mypage .section.contents>.title-wrap {
		padding-left: 0;
	}

	.mypage .section.contents>.title-wrap::before {
		position: static;
		width: 59px;
		height: 59px;
	}

	.mypage .title-wrap+.list-wrap {
		margin-top: 40px;
	}

	.mypage .my-list .title-wrap {
		margin-bottom: 16px;
	}

	/* .mypage .page-header + .page-content{margin-top: 80px;} */
	.mypage:not(.my-menu) .section.contents {
		width: calc(100% + 32px);
		margin-left: -16px;
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 16px;
		padding-right: 16px;
		border-radius: 0px;
	}

	.mypage .section.contents>div {
		max-width: none;
	}

	.mypage .bdr-wrap:not(.banner-inner) {
		padding: 30px;
	}

	.mypage.home .bdr-wrap.pad-0 {
		padding: 0;
	}

	.mypage .section.contents .field .checkbox+.label {
		font-size: 16px;
	}

	.mypage .btn-area {
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 40px;
	}

	.mypage .btn-area.col {
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.mypage .btn-area.col a.btn {
		margin-top: 12px;
	}

	.mypage .btn-area.col .btn+.btn {
		margin-top: 0;
	}

	.mypage .item.my .btn.round.large {
		top: 30px;
		bottom: auto;
		right: 30px;
	}

	.mypage:not(.home) .item.my .btn.round.large,
	.mypage .my-list .list-info .item.my.no-data .btn.round.large {
		position: static;
	}

	.mypage .my-list:not(.grid-container)>li+li {
		margin-top: 32px;
	}

	.mypage .my-list .list-title {
		font-size: 18px;
		letter-spacing: -0.9px;
	}

	.mypage .btn-area .btn+.btn {
		margin-top: 12px;
		margin-left: 0;
	}

	.mypage .data-table .info-wrap {
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-left: 30px;
		margin-right: 30px;
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.mypage .data-table .info-wrap .img-area {
		width: 48vw;
	}

	.mypage .data-table .img-area+.text-wrap {
		margin-top: 22px;
	}

	.mypage .data-table .info-title+div {
		margin-top: 18px;
	}

	.mypage:not(.order) .data-table+.pagination {
		margin-top: 40px;
	}

	.mypage:not(.modify) .bundle .input-text+.btn {
		width: 110px;
	}

	.mypage .term-wrap .title {
		font-size: 18px;
		letter-spacing: -0.36px;
	}

	.mypage .term-wrap .indent+.title,
	.mypage .term-wrap dl+.title {
		margin-top: 22px;
	}

	.mypage .term-wrap .title+dl {
		margin-top: 12px;
	}

	.mypage .term-wrap dt {
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.mypage .benefit-list {
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.mypage .benefit-list li+li {
		margin-top: 20px;
	}

	.mypage .benefit-list .bdr-wrap {
		height: auto;
		padding-bottom: 143px;
	}

	.mypage .benefit-list .title {
		font-size: 28px;
	}

	.mypage .benefit-list+.indent {
		font-size: 14px;
	}

	.mypage .benefit-list>li:nth-child(1) .character {
		right: 25px;
	}

	.mypage .benefit-list>li:nth-child(2) .character {
		right: 19px;
	}

	.mypage .grid-container {
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		grid-template-areas:
			"list-info list-info "
			"list list "
			"list-coupon list-coupon";
		width: calc(100% + (16px * 2));
		margin-top: -16px;
		margin-left: -16px;
	}

	.mypage .grid-container .list:nth-of-type(2) {
		margin-right: 8px;
	}

	.mypage .grid-container .list:nth-of-type(3) {
		margin-left: 8px;
	}

	.mypage .coupon-list>li {
		width: 50%;
	}

	.mypage .grid-container>li,
	.mypage .grid-container>div {
		margin: 16px;
	}

	.mypage.modify .insert {
		font-size: 16px;
		letter-spacing: -0.32px;
	}

}

#content.mypage.my-menu {
	padding-top: 16px;
	padding-bottom: 170px;
	background: var(--pale-grey);
}

.mypage.my-menu .section.contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	min-height: 112px;
	padding: 20px;
	background-color: var(--white);
}

.mypage.my-menu .section.contents+div {
	margin-top: 30px;
}

.mypage.my-menu .section.contents .title-wrap {
	margin: 0;
	padding-left: 0;
}

.mypage.my-menu .section.contents .title-wrap::before {
	position: absolute;
	width: 59px;
	height: 59px;
}

.mypage.my-menu .section.contents .section-title {
	padding-left: 70px;
	font-size: 28px;
}

.mypage.my-menu .gnb-list li+li {
	margin-top: 10px;
}

.mypage.my-menu .gnb-list li a {
	position: relative;
	display: block;
	margin-left: 12px;
	margin-right: 12px;
	padding: 10px 0;
	font-size: 20px;
	font-weight: 700;
}

.mypage.my-menu .gnb-list>li>a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 12px;
	height: 12px;
	background-color: transparent;
	background: url('../images/common/ico_arrow_link.svg') no-repeat center center / cover;
	transition: 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
	transform: rotate(0deg) translateY(-50%);
}



.mypage.ticket .experience-wrap {
	overflow: hidden;
	width: 100%;
	height: 476px;
	padding: 60px 30px;
	border-radius: 12px;
	background-image: url('../images/main/bg_experience.jpg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.mypage .btn.go-game {
	min-width: 273px;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	letter-spacing: -0.8px;
}

.mypage .btn.go-game::after {
	top: 9px;
	width: 45px;
	height: 49px;
	margin-left: 17px;
}

.mypage.order .my-list:not(.grid-container)>li+li {
	margin-top: 100px;
}

@media all and (max-width: 768px) {
	.mypage.ticket .experience-wrap {
		height: 531px;
		background-image: url('../images/main/bg_experience_mo.jpg');
	}

	.mypage .btn.go-game {
		height: 54px;
		line-height: 54px;
		font-size: 20px;
	}

	.mypage .btn.go-game::after {
		top: 14px;
	}

	.mypage.order .data-table+.pagination {
		margin-top: 46px;
	}

	.mypage.order .my-list:not(.grid-container)>li+li {
		margin-top: 60px;
	}
}

/* .mypage.recommend .mypage.coupon*/
.mypage.recommend .ico.copy-clip {
	width: 18px;
	height: 18px;
}

.mypage.recommend .item.my.no-data .btn.round.large .ico.copy-clip {
	margin-left: 8px;
}

.mypage.coupon .data-list.accordion .js-accordion-switche::before {
	display: none;
}

@media all and (min-width:1381px) {

	/* .mypage.recommend */
	.mypage.recommend .data-table.col-5 .table-head>li:nth-child(1),
	.mypage.recommend .data-table.col-5 .table-box div:nth-child(1) {
		width: 17%;
	}

	.mypage.recommend .data-table.col-5 .table-head>li:nth-child(2),
	.mypage.recommend .data-table.col-5 .table-box div:nth-child(2) {
		width: 15%;
	}

	.mypage.recommend .data-table.col-5 .table-head>li:nth-child(3),
	.mypage.recommend .data-table.col-5 .table-box div:nth-child(3),
	.mypage.recommend .data-table.col-5 .table-head>li:nth-child(4),
	.mypage.recommend .data-table.col-5 .table-box div:nth-child(4) {
		width: 25%;
	}

	.mypage.recommend .data-table.col-5 .table-head>li:nth-child(5),
	.mypage.recommend .data-table.col-5 .table-box div:nth-child(5) {
		width: 18%;
	}
}

@media all and (min-width: 769px) and (max-width:1380px) {

	/* .mypage.recommend */
	.mypage.recommend .data-table.col-5 .table-head>li:nth-child(1),
	.mypage.recommend .data-table.col-5 .table-box div:nth-child(1) {
		width: 16%;
	}

	.mypage.recommend .data-table.col-5 .table-head>li:nth-child(2),
	.mypage.recommend .data-table.col-5 .table-box div:nth-child(2) {
		width: 12%;
	}

	.mypage.recommend .data-table.col-5 .table-head>li:nth-child(3),
	.mypage.recommend .data-table.col-5 .table-box div:nth-child(3),
	.mypage.recommend .data-table.col-5 .table-head>li:nth-child(4),
	.mypage.recommend .data-table.col-5 .table-box div:nth-child(4) {
		width: 25%;
	}

	.mypage.recommend .data-table.col-5 .table-head>li:nth-child(5),
	.mypage.recommend .data-table.col-5 .table-box div:nth-child(5) {
		width: 22%;
	}
}

@media all and (min-width: 769px) {

	/* .mypage.coupon */
	.mypage.coupon .data-table.col-5 .table-head>li:nth-child(1),
	.mypage.coupon .data-table.col-5 .table-box div:nth-child(1) {
		width: 8%;
	}

	.mypage.coupon .data-table.col-5 .table-head>li:nth-child(2),
	.mypage.coupon .data-table.col-5 .table-box div:nth-child(2) {
		width: 33%;
	}

	.mypage.coupon .data-table.col-5 .table-head>li:nth-child(3),
	.mypage.coupon .data-table.col-5 .table-box div:nth-child(3),
	.mypage.coupon .data-table.col-5 .table-head>li:nth-child(4),
	.mypage.coupon .data-table.col-5 .table-box div:nth-child(4) {
		width: 22%;
	}

	.mypage.coupon .data-table.col-5 .table-head>li:nth-child(5),
	.mypage.coupon .data-table.col-5 .table-box div:nth-child(5) {
		width: 15%;
		text-align: center;
	}

	.mypage.coupon .data-table.col-5.accordion .table-head>li:nth-child(5) span,
	.mypage.coupon .data-table.col-5.accordion .table-box div:nth-child(5) span {
		width: 100%;
		text-align: center;
	}

	.mypage.coupon .coupon-code .my-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.mypage.coupon .coupon-code .my-list .title-wrap {
		width: 140px;
		margin-bottom: 0;
	}

	.mypage.coupon .coupon-code .my-list .title-wrap+.insert {
		width: calc(100% - 140px);
	}

	.mypage.recommend .my-friends .data-table.col-5 .table-head>li:nth-child(1),
	.mypage.recommend .my-friends .data-table.col-5 .table-box div:nth-child(1) {
		width: 25%;
	}

	.mypage.recommend .my-friends .data-table.col-5 .table-head>li:nth-child(2),
	.mypage.recommend .my-friends .data-table.col-5 .table-box div:nth-child(2) {
		width: 20%;
	}

	.mypage.recommend .my-friends .data-table.col-5 .table-head>li:nth-child(3),
	.mypage.recommend .my-friends .data-table.col-5 .table-box div:nth-child(3) {
		width: 20%;
	}

	.mypage.recommend .my-friends .data-table.col-5 .table-head>li:nth-child(4),
	.mypage.recommend .my-friends .data-table.col-5 .table-box div:nth-child(4) {
		width: 30%;
	}

	.mypage.recommend .my-friends .data-table.col-5 .table-head>li:nth-child(5),
	.mypage.recommend .my-friends .data-table.col-5 .table-box div:nth-child(5) {
		width: 5%;
	}
}

@media all and (max-width: 768px) {
	.mypage.coupon .section.contents.coupon-code+.section.contents {
		margin-top: 8px;
	}

	.mypage:not(.recommend) .data-table.col-5 .table-box div:nth-child(1) {
		display: none;
		width: auto;
	}

	/* .mypage.recommend */
	.mypage.recommend .data-table.col-5 .table-box div.mo-inline+div.mo-inline {
		padding-left: 20px;
	}

	.mypage.recommend .my-friends .data-table.col-5 .table-box div.mo-inline+div.mo-inline {
		padding-left: 0;
	}

	.mypage.recommend .my-friends .data-table.col-5 .table-box div.mo-inline {
		width: 100% !important;
	}

	.mypage.recommend .item.my.bdr-wrap {
		min-height: 170px;
	}
}

.mypage.withdrawal .section.bdr-wrap {
	background-color: #f1f3f4;
	padding: 80px 50px;
}

.mypage.withdrawal .info-wrap .title {
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -0.36px;
	margin-top: 26px;
}

.mypage.withdrawal .info-wrap .bdr-wrap {
	min-height: auto;
}

.mypage.withdrawal .checkbox+label {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.32px;
}

.mypage.withdrawal .data-list .checkbox+label {
	font-weight: 400;
	color: var(--brownish-grey);
}

.mypage.withdrawal .data-list {
	width: 100%;
	margin: 0;
}

.mypage.withdrawal .data-list>li {
	margin: 8px 40px 8px 0;
}

.mypage.withdrawal .data-list>li.etc {
	width: 100%;
	margin-bottom: 0;
}

.mypage.withdrawal .info-wrap .title+div {
	margin-top: 12px;
}

.mypage.withdrawal .info-wrap ol+.indent {
	margin-top: 8px;
}

.mypage.withdrawal .text-wrap ol {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.mypage.withdrawal .text-wrap ol>li {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--coral);
	font-weight: 600;
}

.mypage.withdrawal .text-wrap ol>li+li::before {
	content: '';
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	background: url('../images/common/figure_triangle.svg') no-repeat center center / cover;
	margin: 0 5px;
}

.mypage.withdrawal .info-wrap+.field-wrap {
	border-top: 1px solid var(--black-opa-1);
	margin-top: 26px;
	padding-top: 26px;
}

.mypage.withdrawal .info-wrap .indent li {
	color: var(--brownish-grey);
}

@media all and (min-width: 769px) {
	.mypage.withdrawal .info-wrap .bdr-wrap {
		padding: 24px 32px 32px;
	}

	.mypage.withdrawal .data-list>li+li {
		margin-top: 8px;
	}
}

@media all and (max-width: 768px) {
	.mypage.withdrawal .section.bdr-wrap {
		width: calc(100% + 32px);
		margin-left: -16px;
		padding: 40px 16px;
		border-radius: 0;
	}

	.mypage.withdrawal .info-wrap .title {
		font-size: 16px;
		margin-top: 24px;
	}

	.mypage.withdrawal .data-list>li {
		margin: 10px 0;
	}

	.mypage.withdrawal .data-list>li+li {
		margin-top: 10px;
	}

	.mypage.withdrawal .info-wrap .title+div {
		margin-top: 10px;
	}

	.mypage.withdrawal .info-wrap .bdr-wrap {
		padding: 20px 30px 30px;
	}

	.mypage.withdrawal .text-wrap ol>li+li::before {
		font-size: 10px;
	}

	.mypage.withdrawal .field-wrap>.field .insert {
		align-items: flex-start;
	}

	.mypage.withdrawal .info-wrap+.field-wrap {
		margin-top: 24px;
		padding-top: 24px;
	}

	.mypage.withdrawal .input-text.large,
	.mypage.withdrawal .btn-area .btn.large {
		width: 100%;
		height: 62px;
	}
}

/* 이용권 구매 */
#content.purchase {
	padding-top: 100px;
}

.purchase .page-header .text {
	color: var(--black-opa-6);
}

.purchase .page-header .page-subtitle {
	color: #666666;
	font-size: 20px;
	margin-top: 20px;
	text-align: center;
}

/* .purchase:not(.complete) .page-header + .page-content {margin-top: 100px;} */
.purchase.complete .page-header+.page-content {
	margin-top: 48px;
}

.purchase .list-wrap {
	margin-top: 5.911vh;
}

.purchase .product-wrap>.bdr-wrap {
	background-color: #fff5f5;
}

.purchase .product-wrap .title-wrap {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.purchase .title-wrap+.data-wrap {
	border-top: 1px solid var(--black);
	margin-top: 16px;
	padding-top: 16px;
}

.purchase .box-title {
	font-weight: 700;
}

.purchase .data-wrap+.title-wrap {
	margin-top: 5.911vh;
}

.purchase .tabs.swiper-wrapper>li.swiper-slide:last-child a {
	margin-right: 0;
}

.purchase .data-list.information>li:nth-child(1) {
	border-top-color: #000;
}

.purchase .js-accordion-switche::before {
	-webkit-filter: opacity(1);
	filter: opacity(1);
}

.purchase .data-list.information .info-wrap {
	border-top: 1px solid var(--black-opa-1);
}

.purchase .guide-area2 {
	margin-top: 50px;
}

.purchase .guide-area2 .inner {
	background-color: #F9F9F9;
	border: 1px solid #EBEBEB;
	padding: 40px;
}

.purchase .guide-area2 .inner .desc {
	padding-left: 20px;
}

.purchase .guide-area {
	margin-top: 60px;
	margin-bottom: 225px;
}

.purchase .guide-area .data-list {
	margin-top: 17px;
}

.purchase .guide-area .data-list.information .title-wrap {
	padding: 0 16px;
}

.purchase .inform-wrap {
	position: relative;
	margin-top: 48px;
}

.purchase .inform-wrap .product-title+.text {
	margin-top: 16px;
}

.purchase .method {
	margin-top: 32px;
}

.purchase .method .title {
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -0.36px;
}

.purchase .method .ico.info {
	width: 20px;
	height: 20px;
	vertical-align: -4px;
	margin-right: 6px;
}

.purchase .method .indent {
	font-weight: 500;
	margin-top: 15px;
}

.purchase .inform-wrap .img-wrap {
	width: 150px;
	height: 174px;
}

.purchase.order .title-wrap+.data-wrap {
	padding-top: 28px;
}

@media all and (min-width: 1421px) {
	.purchase .inform-wrap .img-wrap {
		width: 184px;
		height: 214px;
		top: 15px;
		right: 3.073vw;
	}
}

@media all and (min-width:1121px) and (max-width:1420px) {
	.purchase .inform-wrap .img-wrap {
		right: 0;
	}
}

@media all and (min-width: 1121px) {
	.purchase .inform-wrap .img-wrap {
		position: absolute;
		bottom: 25px;
	}
}

@media all and (max-width: 1120px) {
	.purchase .inform-wrap .img-wrap {
		width: 132px;
		height: 154px;
		margin-top: 12px;
		margin-left: auto;
	}
}

@media all and (min-width: 961px) and (max-width: 1120px) {
	.purchase.order .select-group {
		display: block;
	}

	.purchase.order .select-group label {
		width: calc((100% / 2) - 12px);
	}
}

@media all and (max-width: 960px) {
	#content.purchase.order {
		padding-bottom: 68px;
	}

	.purchase .product-wrap {
		padding-bottom: 90px;
	}
}

@media all and (max-width: 768px) {
	#content.purchase {
		padding-top: 80px;
	}

	.purchase .page-header .page-subtitle {
		font-size: 14px;
	}

	/* .purchase:not(.complete) .page-header + .page-content {margin-top: 80px;} */
	.purchase.complete .page-header+.page-content {
		margin-top: 32px;
	}

	.purchase .page-title+.text {
		margin-top: 16px;
	}

	.purchase .list-wrap {
		margin-top: 32px;
	}

	.purchase .title-wrap+.data-wrap {
		margin-top: 12px;
		padding-top: 12px;
	}

	.purchase .js-accordion-switche::before {
		right: 20px;
	}

	.purchase .guide-area .data-list {
		margin-top: 12px;
	}

	.purchase .guide-area .data-list.information .title-wrap {
		padding: 0 12px;
	}

	.purchase.order .title-wrap+.data-wrap {
		padding-top: 20px;
	}
}


.purchase.home .product-area:not(.product-selected) .product-choose .data-wrap>div:not(.no-data),
.purchase.home .product-area.product-selected .product-choose .data-wrap .no-data {
	display: none;
}

.purchase.complete .page-content,
.purchase.complete .content-wrap div+div {
	margin-top: 5.911vh;
}

.purchase.complete .info-wrap {
	background-color: transparent;
	padding: 0;
}

@media all and (min-width:769px) {
	.purchase.complete .img-wrap {
		width: calc(100% + 68px);
		margin-left: -34px;
	}

	.purchase.complete .info-wrap .title+.text {
		font-weight: 500;
		letter-spacing: -0.32px;
	}
}

@media all and (max-width: 768px) {
	.purchase.complete .max-560 {
		max-width: none;
	}

	.purchase.complete .page-content,
	.purchase.complete .page-content div+div {
		margin-top: 32px;
	}
}


@media all and (min-width: 1921px) {
	.product-area .product-wrap {
		width: calc(100% - 38%);
	}

	.product-area .choose-wrap {
		width: 38%;
	}
}

@media all and (min-width: 1721px) and (max-width: 1920px) {
	.product-area .product-wrap {
		width: calc(100% - 500px);
	}

	.product-area .choose-wrap {
		width: 500px;
	}
}

@media all and (min-width: 1201px) and (max-width: 1720px) {
	.product-area .product-wrap {
		width: 60%;
	}

	.product-area .choose-wrap {
		width: 40%;
	}
}

@media all and (min-width: 961px) and (max-width: 1200px) {
	.product-area .product-wrap {
		width: 55%;
	}

	.product-area .choose-wrap {
		width: 45%;
	}
}

@media all and (max-width: 960px) {
	.product-area {
		display: block;
	}

	.product-area .product-wrap {
		width: 100%;
	}
}

.product-area .btn.purchase {
	padding: 0;
}

.product-area .btn.purchase .ico {
	margin-left: 4px;
}

@media all and (min-width: 961px) {
	.product-area .product-wrap {
		padding-right: 2.292vw;
	}

	.product-area.sticky-layout .btn.purchase {
		display: none;
	}
}

@media all and (max-width: 960px) {
	.product-area.sticky-layout .btn.purchase {
		position: sticky;
		bottom: 0;
		left: 0;
		width: calc(100% + (50px * 2));
		margin-left: -50px;
		z-index: 1;
		padding: 0;
	}

	/* .product-area .btn.purchase::before {content: ''; display: inline-block; position: absolute; top: 50%; right: 16px; width: 24px; height: 24px; background: url('../images/common/ico_arrow-thin-w.svg') no-repeat center center / cover; transform: rotate(-90deg) translateY(-50%); transform-origin: top;} */

	.product-area.sticky-layout.product-selected .btn.purchase {
		display: block;
	}

	.product-area .choose-wrap.show {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--black-opa-5);
		z-index: 12;
	}
}

@media all and (max-width: 768px) {
	.product-area.sticky-layout .btn.purchase {
		width: calc(100% + (16px * 2));
		margin-left: -16px;
	}

	.product-area .btn.purchase {
		font-size: 18px;
		letter-spacing: -0.36px;
	}

	.product-area .btn.purchase .ico {
		width: 20px;
		height: 20px;
	}
}


.product-select,
.product-choose .choose-inner {
	padding: 40px 30px;
	-webkit-transition: padding 0.3s ease;
	-o-transition: padding 0.3s ease;
	transition: padding 0.3s ease;
}

.product-select {
	padding: 40px 30px;
}

.product-select .title-wrap+.data-list {
	margin-top: 32px;
}

.product-select .box-title {
	width: calc(100% - 50px);
}

.product-select .data-list>li+li {
	margin-top: 16px;
}

.product-select .item.product {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	min-height: 187px;
	border-radius: 12px;
	border: 1px solid rgba(125, 16, 10, 0.12);
	overflow-wrap: break-word;
	padding: 30px 32px;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.product-select .item.product .text-top+.text-bottom {
	margin-top: 20px;
}

.product-select .item.product .title {
	font-size: 28px;
	letter-spacing: -0.56px;
}

.product-select .item.product .price {
	width: 100%;
	text-align: right;
}

.product-select .item.product:hover,
.product-select li.choose .item.product {
	background-color: var(--coral);
}

.product-select .item.product:hover span,
.product-select li.choose .item.product span {
	color: var(--white);
}

.product-select .item.product:hover .text,
.product-select li.choose .item.product .text {
	color: var(--white-opc-6);
}

.product-select .item.product:not(:hover) .text {
	font-weight: 500;
}

.product-select .item.product:hover .badge.event {
	background-color: var(--white);
	color: var(--coral);
}

@media all and (min-width: 1441px) {
	.product-select .item.product .text-wrap {
		width: 65%;
	}

	.product-select .item.product .price-wrap {
		width: 35%;
	}
}

@media all and (min-width: 1201px) and (max-width: 1440px) {
	.product-select .item.product .text-wrap {
		width: 58%;
	}

	.product-select .item.product .price-wrap {
		width: 42%;
	}
}

@media all and (min-width: 961px) and (max-width: 1440px) {

	.product-select,
	.product-choose .choose-inner {
		padding: 30px 20px;
	}

	.product-select .item.product {
		padding: 20px 22px;
	}

	.product-select .item.product .price,
	.product-select .item.product .title {
		font-size: 26px;
		letter-spacing: -0.54px;
	}

	.product-select .item.product .price strong {
		font-size: 30px;
	}

	.product-choose .item.price.total .text>.price {
		font-size: 28px
	}
}

@media all and (max-width: 1200px) {
	.product-select .item.product {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.product-select .item.product .text-wrap,
	.product-select .item.product .price-wrap {
		width: 100%;
	}

	.product-select .item.product .text-top+.text-bottom {
		margin-top: 14px;
	}

	.product-select .item.product .text-wrap+.price-wrap {
		margin-top: 20px;
	}
}

@media all and (max-width: 1200px) {

	.product-select,
	.product-choose .choose-inner {
		padding: 25px 20px;
	}
}

@media all and (max-width: 960px) {
	.product-select .title-wrap {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

@media all and (max-width: 768px) {
	.product-select .data-list>li+li {
		margin-top: 12px;
	}

	.product-select .title-wrap+.data-list {
		margin-top: 20px;
	}

	.product-select .item.product {
		padding: 25px 20px;
	}

	.product-select .item.product .title {
		font-size: 20px;
		letter-spacing: -0.4px;
	}
}

.product-choose {
	background-color: var(--white);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
}

.product-choose .data-wrap>div:not(.no-data)+div {
	border-top: 1px solid var(--black-opa-1);
}

.product-choose .box-title {
	font-weight: 700;
	text-align: left;
}

.product-choose .no-data {
	padding-top: 90px;
	padding-bottom: 75px;
}

.product-choose .no-data::before {
	content: '';
	display: block;
	width: 100px;
	height: 102px;
	background: url('../images/common/nodata_koyo.png') no-repeat center center / cover;
	margin: 0 auto 20px;
}

.product-choose .no-data .text-wrap {
	text-align: center;
}

.product-choose .no-data .text {
	font-weight: 500;
}

.product-choose .item.add-option:not(.flex-col) {
	height: 68px;
}

.product-choose .item.add-option.flex-col {
	padding-top: 24px;
	padding-bottom: 24px;
}

.product-choose .item.product {
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-bottom: 16px;
}

.product-choose .item.product .img-area {
	width: 200px;
}

.product-choose .item.product .text-wrap {
	width: calc(100% - 200px);
	height: 100%;
}

.product-choose .price-wrap {
	padding-top: 35px;
}

.product-choose .price-wrap+div {
	margin-top: 28px;
}

.product-choose .price-wrap .item .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.product-choose .price-wrap .item .title span+.btn.remove {
	margin-left: 10px;
}

.product-choose .price-wrap .info-text+.item.price {
	margin-top: 18px;
}

.product-choose .guide-wrap {
	padding-top: 24px;
}

.product-choose .btn-area {
	margin-top: 0;
}

@media all and (min-width: 1921px) {}

@media all and (min-width: 1441px) {}

@media all and (min-width: 961px) and (max-width: 1280px) {
	.product-choose .item.product .img-area {
		width: 150px;
	}

	.product-choose .item.product .img-wrap.product {
		width: 130px;
		height: 130px;
	}

	.product-choose .item.product .text-wrap {
		width: calc(100% - 150px);
	}
}

@media all and (min-width: 961px) {
	.product-choose .item.product {
		margin-top: 5px;
	}

	.product-choose .btn.close {
		display: none;
	}

}

@media all and (max-width: 960px) {
	.product-choose.bdr-wrap {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.product-choose .btn.close {
		position: absolute;
		top: -40px;
		right: 13px;
		width: 30px;
		height: 30px;
	}

	.product-choose .btn.close .ico.close-w {
		width: 24px;
		height: 24px;
	}

	.product-choose .btn-area {
		padding: 0 16px;
	}
}

@media all and (max-width: 768px) {
	.product-choose .box-title {
		font-size: 18px;
		letter-spacing: -0.36px;
	}

	.product-choose .item.add-option:not(.flex-col) {
		height: 52px;
	}

	.product-choose .item.add-option.flex-col {
		padding-top: 18px;
		padding-bottom: 18px;
	}

	.product-choose .item.product {
		margin-bottom: 16px;
		background-color: var(--black-opa-04);
		padding: 20px;
	}

	.product-choose .item.product .img-area {
		width: 55%;
	}

	.product-choose .item.product .img-wrap.product {
		width: 32vw;
		height: 32vw;
	}

	.product-choose .item.product .text-wrap {
		width: 60%;
	}

	.product-choose .price-wrap {
		padding-top: 20px;
	}

	.product-choose .price-wrap+div {
		margin-top: 20px;
	}

	.product-choose .price-wrap .item .title span+.btn.remove {
		margin-left: 6px;
	}

	.product-choose .price-wrap .info-text {
		font-size: 14px;
	}

	.product-choose .price-wrap .info-text+.item.price {
		margin-top: 14px;
	}

	.product-choose .guide-wrap {
		padding-top: 16px;
	}
}

@media all and (max-width: 960px) {
	.choose-wrap.show .product-choose {
		-webkit-animation: fixConUp 0.6s ease 0.1s forwards;
		-o-animation: fixConUp 0.6s ease 0.1s forwards;
		animation: fixConUp 0.6s ease 0.1s forwards;
	}

	.choose-wrap.hide .product-choose {
		-webkit-animation: fixConDown 0.4s ease 0s forwards;
		-o-animation: fixConDown 0.4s ease 0s forwards;
		animation: fixConDown 0.4s ease 0s forwards;
		bottom: 0;
	}
}

@-webkit-keyframes fixConUp {
	0% {
		opacity: 0;
		visibility: hidden;
		bottom: -100vh;
	}

	100% {
		opacity: 1;
		visibility: visible;
		bottom: 0;
	}
}

@-moz-keyframes fixConUp {
	0% {
		opacity: 0;
		visibility: hidden;
		bottom: -100vh;
	}

	100% {
		opacity: 1;
		visibility: visible;
		bottom: 0;
	}
}

@keyframes fixConUp {
	0% {
		opacity: 0;
		visibility: hidden;
		bottom: -100vh;
	}

	100% {
		opacity: 1;
		visibility: visible;
		bottom: 0;
	}
}

@-webkit-keyframes fixConDown {
	0% {
		opacity: 1;
		visibility: visible;
		bottom: 0;
	}

	100% {
		opacity: 0;
		visibility: hidden;
		bottom: -100vh;
	}
}

@-moz-keyframes fixConDown {
	0% {
		opacity: 1;
		visibility: visible;
		bottom: 0;
	}

	100% {
		opacity: 0;
		visibility: hidden;
		bottom: -100vh;
	}
}

@keyframes fixConDown {
	0% {
		opacity: 1;
		visibility: visible;
		bottom: 0;
	}

	100% {
		opacity: 0;
		visibility: hidden;
		bottom: -100vh;
	}
}

.product-area>.product-section {
	padding-top: 80px;
	display: grid;
	gap: 30px;
}

.product-area>.product-section:nth-child(even) {
	background-color: #fff5f5;
}

.product-area.product-selected .btn.purchase {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

/* .product-area .btn-area {position: sticky; top: 0; left: 0;} */
.product-section .title-wrap .product-title+.text {
	margin-top: 12px;
}

.product-section .title-wrap .text {
	color: var(--black-opa-5);
	font-size: 18px;
	letter-spacing: -0.36px;
}

.product-section .title-wrap+.data-list-wrap {
	margin-top: 32px;
}

.product-section .swiper-container {
	overflow: visible;
}

.product-section .item.product {
	background-color: transparent;
	border-radius: 12px;
	border: 4px solid transparent;
	padding: 16px;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.purchase li.choose .item.product {
	border-color: var(--coral);
}

.product-area>.product-section:nth-child(odd) .item.product .img-area,
.product-area>.product-section:nth-child(odd) .item.product .description {
	background-color: #f7f7f7;
}

.product-section .item.product .description .title-box {
	position: relative;
	padding-top: 6.771vw;
}

.product-section .item.product .description .img-wrap {
	position: absolute;
	top: 0;
	left: 50%;
	width: 8.333vw;
	height: 6.771vw;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.product-area .product-section {
	display: grid;
	justify-content: center;
	grid-template-columns: minmax(auto, 1fr) minmax(auto, 1fr);
	gap: 80px 40px;
}

.product-area .product-section .product-item {
	display: grid;
	align-items: start;
	align-content: space-between;
	border: 1px solid #DBDBDB;
}

.product-area .product-section .product-item .product-desc {}

.product-area .product-section .product-item .product-desc .product-image {
	position: relative;
	line-height: 0;
}

.product-area .product-section .product-item .product-desc .product-image .sj-badges {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
}

.product-area .product-section .product-item .product-desc .product-image .sj-badges .sj-badge {
	height: 40px;
	font-size: 20px;
	display: grid;
	align-content: center;
	padding: 0 10px;
	color: #ffffff;
	font-family: Pretendard;
}

.product-area .product-section .product-item .product-desc .product-image .month-badge {
	position: absolute;
	right: 30px;
	top: 30px;
	width: 110px;
	height: 110px;
	display: grid;
	justify-content: center;
	justify-items: center;
	align-content: center;
	border-radius: 100%;
	color: #ffffff;
	font-size: 25px;
	line-height: 1;
	font-weight: 600;
}

.product-area .product-section .product-item .product-desc .product-image .month-badge .month {
	font-size: 36px;
	line-height: -9px;
}

.product-area .product-section .product-item .product-desc .product-text {
	margin-bottom: 30px;
}

.product-area .product-section .product-item .product-desc .product-text .product-inner-text {
	padding: 36px 40px 0;
}

.product-area .product-section .product-item .product-desc .recom-badge .badge {
	border-radius: 6px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	padding: 2px 6px;
}

.product-area .product-section .product-item .product-desc .child-products {
	margin-top: 30px;
	padding: 0 20px;
	display: flex;
	align-items: center;
}

.product-area .product-section .product-item .product-desc .child-products span {
	font-size: 14px;
	font-weight: 600;
}

.product-area .product-section .product-item .product-desc .child-products.mobile {
	display: none;
}

.product-area .product-section .product-item .product-desc .prd-name {
	font-size: 31px;
}

.product-area .product-section .product-item .product-desc .prd-desc {
	font-size: 20px;
	color: #333333;
	margin-bottom: 16px;
	margin-top: 20px;
	font-weight: 300;
}

.product-area .product-section .product-item .product-price {
	padding: 20px 40px;
	border-top: 1px solid #ECECEC;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.product-area .product-section .product-item .prd-price {
	grid-template-columns: 55px 1fr 136px;
	/*gap: 4px 8px;*/
}

.product-area .product-section .product-item .discount-per {
	font-size: 24px;
}

.product-area .product-section .product-item .origin-price {
	font-size: 15px;
	text-decoration: line-through;
}

.product-area .product-section .product-item .discount-price {
	font-size: 24px;
}

.product-area .product-section .product-item .child-name {
	font-size: 12px;
}

.product-area .product-section .product-item .child-img {
	/*width: 76px;*/
	height: 76px;
}

@media all and (min-width: 1241px) {
	.product-section .data-list {
		width: calc(100% + (17px * 2));
		margin-top: -17px;
		margin-left: -17px;
	}

	.product-section .data-list>li {
		width: calc((100% - 102px) / 3);
		margin: 17px;
	}
}

@media all and (max-width: 1241px) {
	.product-area .product-section {
		grid-template-columns: minmax(auto, 638px);
	}
}

@media all and (min-width: 769px) and (max-width: 1240px) {
	.product-section .data-list {
		width: calc(100% + (0.268vw * 2));
		margin-top: -0.268vw;
		margin-left: -0.268vw;
	}

	.product-section .data-list>li {
		width: calc((100% - (0.268vw * 6)) / 3);
		margin: 0.268vw;
	}

	.product-section .item.product {
		padding: 8px;
	}

	.product-section .item.product .description .title {
		font-size: 16px;
		letter-spacing: -0.32px;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.product-section .item.product .description .text {
		font-size: 14px;
		letter-spacing: -0.28px;
	}

	.product-section .item.product .description .title-box+.text {
		margin-top: 8px;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.product-section .data-list.col>li+li {
		margin-top: 0.968vw;
	}
}

@media all and (min-width: 769px) {

	.product-section .data-list-wrap {
		width: calc(100% + (16px * 2));
		margin-left: -16px;
	}

	.product-section .item.product:hover {
		border-color: var(--coral-opa-2);
	}
}

@media all and (max-width: 768px) {
	.product-area>.product-section {
		padding-top: 64px;
	}

	.purchase .guide-area {
		margin-top: 46px;
		margin-bottom: 80px;
	}

	.purchase .guide-area2 {
		margin-top: 36px;
	}

	.purchase .guide-area2 .inner {
		padding: 20px;
	}

	.purchase .guide-area2 .inner .desc {
		padding-left: 10px;
	}

	.product-area .btn.purchase {
		border-radius: 0;
	}

	.product-area .guide-area {
		margin-top: 16px;
	}

	.product-section .item.product {
		padding: 12px;
		outline-width: 3px;
	}

	.product-section .item.product .description .title-box {
		padding-top: 29.589vw;
	}

	.product-section .item.product .description .img-wrap {
		width: 36.164vw;
		height: 29.589vw;
	}

	.product-section li.choose .item.product .description {
		opacity: 1;
		visibility: visible;
		z-index: 1;
	}

	.product-area .product-section .product-item .product-desc .child-products {
		margin-top: 10px;
	}

	.product-area .product-section .product-item .product-desc .child-products.pc {
		display: none;
	}

	.product-area .product-section .product-item .product-desc .child-products.mobile {
		display: flex;
	}

	.product-area .product-section .product-item .product-desc .product-image .sj-badges .sj-badge {
		font-size: 14px;
		height: 27px;
		padding: 0 10px;
	}
}

#content.purchase.home {
	padding-bottom: 0;
}

.purchase.home .product-area {
	position: relative;
	overflow: hidden;
}

@media all and (min-width: 769px) {
	.purchase.home .product-area {
		margin-top: -64px;
	}
}

@media all and (max-width: 768px) {
	.purchase.home .product-area {
		overflow: hidden;
	}

	.product-area>.product-section:nth-child(1) {
		padding-top: 0px;
	}

	.product-section .title-wrap {
		padding: 0 12px;
	}

	.product-section .title-wrap .product-title+.text {
		margin-top: 8px;
	}

	.product-section .title-wrap .text {
		font-size: 14px;
		letter-spacing: -0.28px;
	}

	.product-section .title-wrap+.data-list-wrap {
		margin-top: 24px;
	}
}

.product-slider.swiper-container-horizontal>.swiper-scrollbar {
	width: calc(100% - 12px);
	left: 12px;
}

@media all and (max-width: 960px) {
	.purchase.home .product-choose {
		position: relative;
		bottom: -100vh;
		;
		padding-bottom: 20px;
	}

	.purchase.home .choose-wrap>div {
		max-height: calc(100vh - 14.285vh);
	}

	.purchase.home .product-area .choose-wrap:not(.show),
	.purchase.home .product-area .data-wrap .no-data {
		display: none;
	}

	.purchase.home .product-choose .data-wrap {
		max-height: 52vh;
		overflow-x: hidden;
		overflow-y: scroll;
	}

	.product-area .product-section .product-item .child-img {
		/*width: 60px;*/
		height: 60px;
	}

	.product-area .product-section .product-item .child-name {
		font-size: 10px;
	}

	.product-area .product-section .product-item .prd-price {
		margin-top: 30px;
		padding-top: 20px;
		border-top: 1px solid #E2E2E2;
		grid-template-columns: 1fr;
		justify-content: end;
		justify-items: end;
	}

	#content.purchase {
		position: relative;
	}

	.purchase.order .product-area {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.purchase.order .product-wrap {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.purchase.order .product-choose {
		border-radius: 0;
		border-top: 1px solid var(--black);
		box-shadow: none;
		padding-top: 24px;
	}

	.purchase.order .order-submit {
		margin-top: 35px;
		text-align: center;
	}

	.purchase.order .order-submit a {
		margin-top: 15px;
	}

	.purchase.order .choose-wrap {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.purchase.order .choose-inner {
		padding: 0;
	}

	.purchase.order .choose-wrap .title-wrap+.data-wrap {
		border-top: 0;
		padding-top: 0;
	}

	.purchase.order .product-choose .data-wrap {
		padding-bottom: 32px;
	}

	.purchase.order .choose-wrap .item.product {
		margin-bottom: 0;
	}

	.purchase.order .choose-wrap .item.product+.option-wrap {
		border-top: 0;
	}

	.purchase.order .choose-wrap .item.product .category {}

	.purchase.order .choose-wrap .item.product .text-wrap {
		width: 100%;
	}

	.purchase.order .choose-wrap .item.product .category+.title {
		margin-top: 0;
	}

	.purchase.order .item.add-option .btn.tooltip {
		margin-left: 5px;
	}

	.purchase.order .item.add-option .ico.tooltip {
		width: 16px;
		height: 16px;
	}

	.purchase.order .product-choose .btn-area {
		position: fixed;
		bottom: 0;
		left: 0;
		width: calc(100% + (16px * 2));
		margin-left: -16px;
		z-index: 3;
	}

	.purchase.order .product-choose .btn-area.pay {
		width: 100%;
		margin-left: 0;
		padding: 0;
	}

	.purchase.order .product-choose .btn-area .btn {
		border-radius: 0;
	}

	.view-end .purchase.order .product-choose .btn-area {
		position: absolute;
		bottom: 0;
	}
}

@media all and (max-width: 768px) {
	.product-area .product-section .product-item {
		padding: 0;
	}

	.purchase.order .product-choose .choose-inner {
		padding: 0;
	}

	.product-area .product-section .product-item .product-desc .product-image .month-badge {
		width: 70px;
		height: 70px;
		font-size: 15px;
		line-height: 1.4;
		right: 10px;
		top: 10px;
	}

	.product-area .product-section .product-item .product-desc .product-image .month-badge .month {
		font-size: 30px;
		line-height: 1;
	}

	.product-area .product-section .product-item .product-desc .product-text {
		margin-bottom: 20px;
	}

	.product-area .product-section .product-item .product-desc .product-text .product-inner-text {
		padding: 20px 20px 0;
	}

	.product-area .product-section .product-item .product-desc .prd-name {
		margin-bottom: 10px;
		font-size: 18px;
	}

	.product-area .product-section .product-item .product-desc .prd-desc {
		font-size: 14px;
		font-weight: 300;
	}

	.product-area .product-section .product-item .product-desc .recom-badge .badge {
		font-size: 13px;
	}

	.product-area .product-section .product-item .product-price {
		padding: 20px;
	}

	.product-area .product-section .product-item .product-price .line {
		height: 1px;
		border-top: 1px solid;
		border-top: 1px solid #ECECEC;
	}

	.product-area .product-section .product-item .product-price .origin-price {
		font-size: 13px;
	}

	.product-area .product-section .product-item .product-price .discount-per {
		font-size: 20px;
	}

	.product-area .product-section .product-item .product-price .discount-price {
		font-size: 20px;
	}

	.order-btn {
		min-width: 100px;
	}
}

/* 공지/문의 */
#content.customer {
	padding-top: 100px;
}

.customer .page-header .text {
	color: var(--black-opa-6);
}

.customer .page-header .img-wrap {
	max-width: 160px;
	margin: 0 auto;
}

.customer .page-header .img-wrap+.page-title {
	margin-top: 10px;
}

.customer .item.article .text-area {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
}

.customer .section.cs-banner {
	margin-top: 100px;
}

@media all and (min-width: 961px) {
	.customer .item.article {
		min-height: 21.302vw;
		padding: 4.375vw 1.563vw 4.375vw 2.083vw;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {}

@media all and (max-width: 960px) {
	.customer .item.article {
		padding: 64px 32px;
	}
}

@media all and (min-width: 769px) {
	.customer.notice.list .section.cs-banner {
		margin-top: 160px;
	}
}

@media all and (max-width: 768px) {
	#content.customer {
		padding-top: 80px;
	}

	.customer .page-header .img-wrap {
		max-width: 120px;
	}

	.customer .section.cs-banner {
		margin-top: 90px;
	}
}

#content.customer.view {
	padding-top: 160px;
}

.customer.view .board .board-content .view-body {
	text-align: left;
}

.customer.view .board .board-primary .date {
	font-weight: 700;
}

.customer.view .board .title-wrap {
	width: calc(100% - 343px);
}

@media all and (min-width:769px) and (max-width:1080px) {
	.customer.view .board .title-wrap {
		width: calc(100% - 285px);
	}
}

@media all and (min-width:769px) {
	.customer.view .board .board-content .view-body {
		max-width: 900px;
	}

	.customer.view .board .board-content .view-body .text-wrap {
		font-size: 18px;
		letter-spacing: -0.36px;
		margin-top: 40px;
	}
}

@media all and (max-width:768px) {
	#content.customer.view {
		padding-top: 16px;
	}

	.customer.view .board .board-primary.row {
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.customer.view .board .title-wrap {
		width: 100%;
	}

	.customer.view .board .board-primary .date {
		font-size: 16px;
	}

	.customer.view .board .board-content .view-body .text-wrap {
		font-size: 16px;
		letter-spacing: -0.32px;
		margin-top: 24px;
	}
}

.customer.faq .data-list.accordion>li {
	padding-bottom: 10px;
}

.customer.faq .data-list.accordion>li:nth-child(1) {
	border-top: none;
}

.customer.faq .data-list.accordion .title {
	position: relative;
	font-size: 24px;
	letter-spacing: -0.48px;
}

.customer.faq .data-list.accordion .title::before {
	content: 'Q';
	position: absolute;
	top: 0;
	left: -7.188vw;
	width: 5.208vw;
	text-align: center;
	-webkit-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	transition: color 0.2s ease;
}

.customer.faq .data-list.accordion>li.active .title::before {
	color: var(--coral);
}

.customer.faq .js-accordion-switche {
	padding: 40px 0 30px;
}

.customer.faq .js-accordion-switche::before {
	right: 1.927vw;
	width: 26px;
	height: 26px;
	-webkit-filter: opacity(0.3);
	filter: opacity(0.3);
}

.customer.faq .data-list.accordion .title-wrap {
	display: block;
}

.customer.faq .data-list.accordion .title-wrap,
.customer.faq .answer-wrap {
	padding-left: 7.188vw;
	padding-right: 5.208vw;
}

.customer.faq .answer-wrap {
	font-size: 18px;
	letter-spacing: -0.36px;
	padding-bottom: 30px;
}

@media all and (max-width: 768px) {
	.customer.faq .tab-wrap {
		width: calc(100% + (16px * 2));
		margin-left: -16px;
		padding-left: 16px;
	}

	.customer.faq .data-list.accordion>li {
		padding-bottom: 4px;
	}

	.customer.faq .data-list.accordion .title::before {
		left: -54px;
		width: 54px;
	}

	.customer.faq .data-list.accordion .title,
	.customer.faq .answer-wrap {
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.customer.faq .data-list.accordion .title-wrap {
		padding-right: 60px;
	}

	.customer.faq .data-list.accordion .title-wrap,
	.customer.faq .answer-wrap {
		padding-left: 54px;
	}

	.customer.faq .answer-wrap {
		padding-right: 30px;
		padding-bottom: 20px;
	}

	.customer.faq .js-accordion-switche {
		padding: 24px 0 20px;
	}

	.customer.faq .js-accordion-switche::before {
		right: 20px;
		width: 18px;
		height: 18px;
	}
}

.customer.group-inquiry .page-header+.content-wrap {
	margin-top: 100px;
}

.customer.group-inquiry .content-wrap {
	padding-top: 80px;
	padding-bottom: 80px;
	background: var(--pale-grey);
	border-radius: 12px;
}

.customer.group-inquiry .form-wrap {
	margin-top: 0;
}

.customer.group-inquiry .insert.bdr-wrap {
	background: var(--white);
}

.customer.group-inquiry .bundle .input-text {
	padding-right: 24px;
}

.customer.group-inquiry .data-list {
	width: auto;
	margin-top: 0;
	margin-left: 0;
	padding: 24px 32px;
}

.customer.group-inquiry .data-list li {
	width: auto;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 90px;
	margin-left: 0;
}

.customer.group-inquiry .data-list li:nth-of-type(3),
.customer.group-inquiry .data-list li:nth-of-type(4) {
	margin-right: 0;
}

.customer.group-inquiry .data-list li.etc {
	width: 100%;
}

.customer.group-inquiry .data-list .checkbox+label {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.36px;
	color: var(--brownish-grey);
}

.customer.group-inquiry .data-list .bundle .checkbox+label+.input-text {
	width: 100%;
}

.customer.group-inquiry .data-list .ect {
	width: 100%;
}

.customer.group-inquiry .number {
	position: absolute;
	top: 50%;
	right: 24px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 18px;
	letter-spacing: -0.36px;
}

.customer.group-inquiry .select-group {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.customer.group-inquiry .select-group label {
	-webkit-box-flex: 1;
	-ms-flex: none;
	flex: none;
}

@media all and (min-width:769px) {

	.customer.group-inquiry .field+.field-title,
	.customer.group-inquiry .btn-area {
		margin-top: 60px;
	}

	.customer.group-inquiry .data-list li+li {
		margin-top: 8px;
	}

	.customer.group-inquiry .select-group {
		width: calc(100% + 8px);
		margin-top: -4px;
		margin-left: -4px;
	}

	.customer.group-inquiry .select-group label {
		margin: 4px;
	}

	.customer.group-inquiry .select-group .btn {
		width: calc(50% - 8px);
	}

	.customer.group-inquiry .textarea {
		min-height: 136px;
	}
}

@media all and (max-width:768px) {
	.customer.group-inquiry .max-560 {
		max-width: none;
		padding: 0 16px;
	}

	.customer.group-inquiry .content-wrap {
		width: calc(100% + 32px);
		margin-left: -16px;
		padding-top: 40px;
		padding-bottom: 40px;
		border-radius: 0;
	}

	.customer.group-inquiry .field+.field-title,
	.customer.group-inquiry .btn-area {
		margin-top: 40px;
	}

	.customer.group-inquiry .data-list li+li {
		margin-top: 10px;
	}

	.customer.group-inquiry .data-list {
		padding: 20px 30px;
	}

	.customer.group-inquiry .data-list li {
		width: 100%;
		margin: 10px 0
	}

	.customer.group-inquiry .data-list .checkbox+label {
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.customer.group-inquiry .select-group {
		width: calc(100% + 7px);
		margin-top: -3.5px;
		margin-left: -3.5px;
	}

	.customer.group-inquiry .select-group label {
		-webkit-box-flex: 1;
		-ms-flex: none;
		flex: none;
		margin: 3.5px;
	}

	.customer.group-inquiry .select-group .btn {
		width: calc(50% - 7px);
	}

	.customer.group-inquiry .number {
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.customer.group-inquiry .textarea {
		min-height: 136px;
	}

	.customer.group-inquiry .section.cs-banner {
		margin-top: 46px;
	}
}

/* COMUNNITY */
.community {}

#content.community:not(.write) {
	padding-bottom: 0;
}

.community .section.intro .img-wrap.mogu {
	position: relative;
	width: 187px;
	height: 140px;
	margin: 0 auto;
}

.community .section.intro .img-wrap+.section-title {
	margin-top: 24px;
}

.community .section.intro .section-title {
	text-align: center;
}

.community .section.news {
	overflow-x: hidden;
}

.community .item.article .text {
	font-size: 20px;
}

.community .w-inner+.tab-wrap {
	margin-top: 170px;
}

.community .item.wide.review.picture .text-wrap {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.community .item.wide.review.picture .text-top+.text-bottom {
	margin-top: 24px;
}

@media all and (min-width: 769px) {
	.community>.section {
		padding-top: 160px;
		padding-bottom: 160px;
	}
}

@media all and (max-width: 768px) {
	.community>.section {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.community .section.intro .img-wrap.mogu {
		width: 120px;
		height: 90px;
	}

	.community .item.article .text {
		font-size: 18px;
		letter-spacing: -0.36px;
	}

	.community .w-inner+.tab-wrap {
		margin-top: 107px;
	}

	.community .section.intro {
		padding-top: 168px;
	}

	.community .section.intro .img-wrap.mogu+.section-title,
	.community .item.wide.review.picture .text-top+.text-bottom {
		margin-top: 6px;
	}
}

.community.intro .section.intro {
	position: relative;
	width: 100%;
	height: 780px;
	background: #f7ffef url('../images/community/bg_intro.jpg') 50% 0 no-repeat;
	background-position: center bottom;
	background-size: auto 100%;
}

.community.intro .section.intro .w-inner {
	margin: 0 auto;
}

.community.intro .item.review.picture .text {
	font-size: 20px;
	letter-spacing: -0.4px;
}

@media all and (min-width: 1921px) {
	.community.intro .section.intro {
		background-size: 100% auto;
		background-position: center bottom;
	}

	.community.intro .item.review.picture .text-wrap {
		width: calc(100% - (6.25vw + 14.583vw));
	}

	.community.intro .item.review.picture .img-wrap {
		width: 14.583vw;
		height: 10.417vw;
	}
}

@media all and (min-width: 769px) and (max-width: 1920px) {
	.community.intro .item.review.picture .text-wrap {
		width: calc(100% - (120px + 280px));
	}

	.community.intro .item.review.picture .img-wrap {
		width: 280px;
		height: 200px;
	}
}

@media all and (min-width: 769px) {
	.community.intro .section.intro {
		padding-top: 254px;
	}
}

@media all and (max-width: 768px) {
	.community.intro .section.intro {
		height: 77.709vh;
		min-height: 630px;
		/* height: 151.2vw; */
		background-color: #f7ffef;
		background-image: url('../images/community/bg_intro_mo.png');
		-webkit-background-size: cover;
		background-size: cover;
	}

	/* @media (orientation: landscape) {
		.community.intro .section.intro {height: 77.832vh;}
	} */
	.community.intro .item.review.picture .text {
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.community.intro .item.review.picture .text.ellipsis {
		max-height: calc(24px * 5);
		height: auto;
		-webkit-line-clamp: 5;
	}

	.community.intro .item.review.picture .img-wrap {
		height: 59.733vw;
	}
}

.community .section.choice {
	width: 100%;
	overflow: hidden;
}

.community .section.choice .title-wrap {
	text-align: center;
}

@media all and (min-width: 769px) {
	.community .section.choice {
		padding-bottom: 160px;
		background: #d9fa97 url('../images/community/bg_choice.jpg') 50% 0 no-repeat;
		-webkit-background-size: auto 158px;
		background-size: auto 158px;
	}
}

@media all and (max-width: 768px) {
	.community .section.choice {
		padding-top: 0;
		background: #d9fa97;
	}
}

.content-list.choice {
	padding-top: 80px;
}

.content-list.choice .item {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	/*width: 31%;*/
	height: 334px;
	margin-top: 0;
	margin-bottom: 0;
	background-color: var(--white);
	border-radius: 80px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
	text-align: center;
}

.content-list.choice .item .ico {
	width: 150px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.content-list.choice .item .ico.smile {
	background-image: url('../images/common/illust_smile.svg');
}

.content-list.choice .item .ico.naver {
	background-image: url('../images/common/illust_naver.svg');
}

.content-list.choice .item .ico.recommend {
	background-image: url('../images/common/illust_recommend.svg');
}

.content-list.choice .item .text {
	font-size: 20px;
	font-weight: 500;
	display: block;
	margin-top: 32px;
	line-height: 1;
	letter-spacing: -0.4px;
	color: var(--kelly-green);
}

.content-list.choice .item div.ff-nanum {
	margin-top: 12px;
	font-size: 58px;
	font-weight: 700;
	color: var(--black);
	line-height: 1;
	letter-spacing: -2.9px;
}

.content-list.choice .item div.ff-nanum strong {
	display: inline-block;
	margin-right: 10px;
	font-size: 64px;
	letter-spacing: -3.2px;
}

.content-list.choice li:nth-child(3) span.illust {
	position: absolute;
	bottom: -182px;
	right: -147px;
	display: block;
	width: 322px;
	height: 179px;
	background: url('../images/common/rabbit_02.png') 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

@media all and (min-width: 769px) {
	.content-list.choice li:nth-child(1) span.illust {
		position: absolute;
		left: 74px;
		top: -97px;
		display: block;
		width: 108px;
		height: 97px;
		background: url('../images/common/rabbit_01.png') 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
}

@media all and (min-width: 961px) and (max-width: 1280px) {
	.content-list.choice .item {
		height: 31.079vw;
		border-radius: 6.079vw;
	}

	.content-list.choice .item .ico {
		width: 11.398vw;
		height: 7.598vw;
	}

	.content-list.choice .item .text {
		font-size: 1.519vw;
		margin-top: 2.431vw;
		letter-spacing: -0.030vw;
	}

	.content-list.choice .item div.ff-nanum {
		margin-top: 0.911vw;
		font-size: 4.40vw;
		letter-spacing: -0.220vw;
	}

	.content-list.choice .item div.ff-nanum strong {
		margin-right: 0.759vw;
		font-size: 4.863vw;
		letter-spacing: -0.243vw;
	}

	.community .section.choice {
		padding-bottom: 12.158vw;
	}

	.content-list.choice li:nth-child(1) span.illust {
		left: 5.6231vw;
		top: -7.37vw;
		display: block;
		width: 8.206vw;
		height: 7.37082vw;
	}

	.content-list.choice li:nth-child(3) span.illust {
		bottom: -13.125vw;
		right: -10vw;
		width: 24.468vw;
		height: 13.601vw;
	}
}

@media all and (max-width: 960px) {
	.content-list.choice .item+.item {
		margin-top: 24px;
	}

	.content-list.choice li:nth-child(3) span.illust {
		bottom: -160px;
		right: -70px;
	}
}

@media all and (max-width: 768px) {
	.content-list.choice {
		padding-top: 0;
	}

	.section.choice .w-inner {
		padding-left: 48px;
		padding-right: 48px;
	}

	.content-list.choice .item {
		height: 234px;
		border-radius: 40px;
		-webkit-border-radius: 40px;
	}

	.content-list.choice .item .ico {
		width: 112px;
		height: 74px;
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: cover;
		background-size: cover;
	}

	.content-list.choice .item .text {
		margin-top: 20px;
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.content-list.choice .item div.ff-nanum {
		margin-top: 11px;
		font-size: 38px;
		letter-spacing: -1.9px;
	}

	.content-list.choice .item div.ff-nanum strong {
		margin-right: 4px;
		font-size: 42px;
		letter-spacing: -2.1px;
	}

	.content-list.choice li:nth-child(3) span.illust {
		bottom: -80px;
		right: -48px;
		width: 142px;
		height: 104px;
	}
}

.community.intro .section.review {
	background-color: #f8f8f8;
}

.community .review-slider {
	position: relative;
}

.community .swiper-pagination {
	position: relative;
	bottom: auto;
	margin-top: 20px;
}

.community .swiper-pagination-bullet {
	background-color: var(--black-opa-2);
}

.community .swiper-pagination-bullet-active {
	background-color: var(--black);
}

.community .news-slider .swiper-pagination {
	margin-top: 32px;
}

.community .section.banner .banner-wrap::before {
	content: '';
	display: block;
	position: absolute;
	right: 110px;
	top: 40px;
	width: 662px;
	height: 308px;
	background: url('../images/community/character.png') 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 1;
}

@media all and (min-width: 769px) {
	.community .section.banner {
		padding-top: 120px;
	}

}

@media all and (min-width: 769px) and (max-width: 1588px) {
	.community .section.banner .banner-wrap::before {
		right: 6.92695vw;
		/*top: 2.51889vw;*/
		top: auto;
		bottom: 50px;
		width: 41.68765vw;
		height: 19.39546vw;
	}
}

@media all and (max-width: 768px) {
	.community .section.banner {
		padding-bottom: 90px;
	}

	.community .section.banner .banner-wrap::before {
		top: auto;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-image: url('../images/community/character_mo.png');
	}
}

/* COMMUNITY > LIST */
.community.list .section.intro {
	background-color: #f7ffef;
}

.community.list .intro .img-wrap.mogu {
	width: 160px;
	height: 120px;
}

@media all and (min-width: 961px) {
	.community.list .location {
		top: 180px;
	}
}

@media all and (min-width: 769px) {
	.community.list .section.intro {
		padding-top: 184px;
		padding-bottom: 67px;
	}
}

@media all and (max-width: 768px) {
	.community.list .section.intro {
		padding-bottom: 64px;
	}

	.community.list .section.intro .section-title {
		font-size: 28px;
		letter-spacing: -0.56px;
	}

	.community.list .intro .img-wrap.mogu {
		width: 120px;
		height: 90px;
	}
}

/* COMMUNITY > VIEW */
.community.view .board .board-content .view-body .text-wrap p {
	text-align: center;
}

@media all and (min-width: 769px) {
	.community.view .board-primary.row .title-wrap {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}

@media all and (max-width: 768px) {
	.community.view .board-primary.row .date {
		padding-right: 150px;
	}
}

/* COMMUNITY > REVIEW */
.community.review .review-banner {
	margin-top: 120px;
}

.community.review .coupon-tooltip {
	top: -87px;
	right: -12px;
	width: 196px;
	height: 88px;
	background-image: url('../images/community/review-coupon_speech-bubble.svg');
}

.community.review .coupon-tooltip .text {
	margin-left: -6px;
	margin-top: -12px;
}

.community.review .coupon-tooltip .text>span {
	display: inline-block;
}

.community.review .review-banner .btn-area {
	position: relative;
}

.community.review .section.review {
	padding-top: 120px;
}

.community.review .tab-content {
	padding-top: 40px;
}

.community.review .data-list:not(.row)>li:nth-child(1) .item.review {
	background-color: #fff1f0;
}

.community.review .data-list:not(.row)>li:nth-child(2) .item.review {
	background-color: #f7ffef;
}

.community.review .data-list:not(.row)>li:nth-child(3) .item.review {
	background-color: #fcf2ff;
}

.community.review .review-slider .item.box.review {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1.667vw 1.458vw;
}

.community.review .item.review .profile-wrap {
	width: 80px;
	height: 80px;
}

.community.review .item.review .profile-wrap+.text-wrap {
	margin-top: 28px;
}

.community.review .item.review .text-wrap {
	width: 100%;
	padding: 0;
}

.community.review .item.review .review-top+.img-wrap {
	margin-top: 32px;
}

.community.review .item.review .title.small {
	font-size: 20px;
	letter-spacing: -0.4px;
}

.community.review .item.review .title+.text {
	margin-top: 16px;
}

.community.review .review-slider .item.review.picture .img-wrap {
	width: 100%;
}

.community.review .review-slider .item.review .text {
	color: var(--black-opa-6);
}

.community.review .data-list.row>li {
	border-bottom: 1px solid var(--black-opa-1);
	margin: 0;
}

.community.review .data-list.row .item.box.review {
	padding: 2.083vw 0;
}

.community.review .data-list.row .item.review .img-wrap {
	width: 210px;
	height: 150px;
}

.community.review .data-list.row .item.review.picture .text-wrap {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: auto;
	padding-right: 30px;
}

.community.review .data-list.row .item.review .text {
	color: var(--black-opa-5);
}

.community.review .user-wrap>span {
	color: var(--black-opa-4);
}

@media all and (min-width: 1921px) {
	.community.review .data-list.row .item.review .img-wrap {
		width: 10.938vw;
		height: 7.813vw;
	}

	/* .community.review .data-list.row .item.review.picture .text-wrap {width: calc(100% - 10.938vw);} */
}

@media all and (min-width: 769px) and (max-width: 1280px) {
	.community.review .review-slider .item.box.review {
		padding: 25px 20px;
	}
}

@media all and (min-width: 769px) {
	.community.review .data-list:not(.row)>li {
		height: auto;
	}

	.community.review .data-list.row .item.review .text {
		max-height: calc(24px * 3);
		height: auto;
		-webkit-line-clamp: 3;
	}
}

@media all and (max-width: 768px) {
	.community.review .review-banner {
		margin-top: 64px;
	}

	.community.review .coupon-tooltip {
		top: auto;
		left: -5px;
		bottom: -64px;
		right: auto;
		width: 153px;
		height: 71px;
		background-image: url('../images/community/review-coupon_speech-bubble_mo.svg');
	}

	.community.review .coupon-tooltip .text {
		margin-top: 3px;
	}

	.community.review .section.review {
		padding-top: 80px;
	}

	.community.review .tab-wrap {
		padding-right: 16px;
	}

	.community.review .tab-content {
		padding-top: 16px;
	}

	.community.review .item.review .profile-wrap {
		width: 64px;
		height: 64px;
	}

	.community.review .item.review .profile-wrap+.text-wrap {
		margin-top: 20px;
	}

	.community.review .item.review .title.small {
		font-size: 18px;
		letter-spacing: -0.36px;
	}

	.community.review .item.review .review-top+.img-wrap {
		margin-top: 24px;
	}

	.community.review .review-slider .item.box.review {
		padding: 24px;
	}

	.community.review .review-slider .item.review .text {
		margin-top: 12px;
	}

	.community.review .data-list.row .item.box.review {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		padding: 24px 0;
	}

	.community.review .data-list.row .item.review .img-wrap {
		width: 20%;
		height: 12.8vw;
		margin-top: 0;
	}

	.community.review .data-list.row .item.review.picture .text-wrap {
		padding-right: 20px;
	}

	.community.review .data-list.row .item.review .title.small {
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.community.review .data-list.row .item.review .title+.text {
		margin-top: 8px;
	}

	.community.review .data-list.row .item.review .text {
		height: 21px;
		font-size: 14px;
		letter-spacing: -0.28px;
	}
}

/* COMMUNITY > WRITE */
#content.community.write {
	background-color: #f5f6f7;
	padding-top: 130px;
}

.community.write .form-wrap {
	margin-top: 70px;
}

.community.write .guide-txt {
	color: #979696;
}

@media all and (min-width: 769px) {
	.community.write .field>.label {
		font-size: 18px;
		letter-spacing: -0.36px;
	}

	.community.write .field+.field {
		margin-top: 42px;
	}

	.community.write .textarea {
		height: 240px;
	}
}

@media all and (max-width: 768px) {
	#content.community.write {
		padding-top: 80px;
	}

	.community.write .textarea {
		min-height: 160px;
	}
}

/* community > 사회공헌 */
.community.contribute .section.intro {
	position: relative;
	overflow: hidden;
}

.community.contribute .section.intro::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 7.292vw;
	background-image: url('../images/community/bg_intro_shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
}

.community.contribute .section.intro {
	width: 100%;
	height: 800px;
	background-image: url('../images/community/bg_intro_contribute.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 100%;
}

.community.contribute .section.intro .img-wrap.characters {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.community.contribute .page-title+.text {
	margin-top: 20px;
}

.community.contribute .page-header .text {
	color: var(--black-opa-6);
}

.community.contribute .item .text {
	font-size: 20px;
	letter-spacing: -0.4px;
	color: var(--black-opa-6)
}

@media all and (min-width: 1921px) {

	.community.contribute .section.intro,
	.community.contribute .section.intro::after {
		background-size: 100% auto;
		background-position: center bottom;
	}

	.community.contribute .intro::after {
		background-size: 100% auto;
		height: 7.292vw;
	}
}

@media all and (min-width: 769px) {
	.community.contribute .intro {
		padding-top: 240px;
	}

	.community.contribute .section.intro .img-wrap.characters {
		width: 824px;
		height: 348px;
	}

	.community.contribute .item .title.small {
		letter-spacing: -0.48px;
	}
}

@media all and (max-width: 768px) {
	.community.contribute .section.intro {
		height: 64.901vh;
		min-height: 527px;
		background-color: #f7ffef;
		background-image: url('../images/community/bg_intro_contribute_mo.jpg');
		-webkit-background-size: cover;
		background-size: cover;
	}

	.community.contribute .section.intro::after {
		height: 17.067vw;
		background-image: url('../images/community/bg_intro_shape_mo.png');
		background-size: 100% 100%;
	}

	.community.contribute .section.intro .img-wrap.characters {
		width: 100%;
	}

	.community.contribute .page-title+.text {
		margin-top: 16px;
	}

	.community.contribute .item .title.small {
		letter-spacing: -0.36px;
	}

	.community.contribute .item .text {
		font-size: 16px;
		letter-spacing: -0.32px;
	}
}

.community .section.campaign .section-title strong {
	font-size: 44px;
	letter-spacing: -2.2px;
	vertical-align: top;
}

.community .section.campaign .campaign-list>li+li {
	margin-top: 80px;
}

.community .section.campaign .item .title+.text {
	margin-top: 1.042vw;
}

.community .section.campaign .item .btn-area {
	margin-top: 2.5vw;
}

.community .section.samsung {
	padding-top: 0;
}

.community .section.samsung .section.video {
	position: relative;
	background-color: #fff5e0;
	padding-top: 160px;
}

.community .section.samsung .section.video::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 120px;
	background-color: var(--white);
}

.community .section.samsung .video-wrap {
	height: 30.573vw;
}

.community .section.samsung .content-wrap {
	position: relative;
}

.community .section.samsung>.section+.section,
.community .section.samsung .content-wrap>div+div {
	margin-top: 100px;
}

.community .section.samsung .item .img-wrap {
	height: 11.458vw;
}

.community .section.samsung .item .img-wrap+.text-wrap {
	margin-top: 24px;
}

.community .section.samsung .item .title+.text {
	margin-top: 16px;
}

@media all and (min-width: 1921px) {
	.community .section.campaign .item .text-wrap {
		max-width: 20.833vw;
	}
}

@media all and (min-width: 769px) and (max-width: 1920px) {
	.community .section.campaign .item .text-wrap {
		max-width: 400px;
	}
}

@media all and (min-width: 769px) and (max-width: 1620px) {
	.community .section.campaign .item .btn-area {
		margin-top: 20px;
	}
}

@media all and (min-width: 1281px) {
	.community .section.samsung .content-list {
		width: calc(100% + (16px * 2));
		margin-top: -16px;
		margin-left: -16px;
	}

	.community .section.samsung .content-list>li {
		width: calc((100% - 96px) /3);
		margin: 16px;
	}
}

@media all and (min-width: 961px) and (max-width: 1280px) {
	.community .section.samsung .content-list {
		width: calc(100% + (8px * 2));
		margin-left: -8px;
	}

	.community .section.samsung .content-list>li {
		width: calc((100% - 48px) /3);
		margin: 12px 8px;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.community .section.samsung .content-list {
		padding-left: 5.333vw;
		padding-right: 5.333vw;
	}

	.community .section.samsung .content-list>li+li {
		margin-top: 60px;
	}

	.community .section.samsung .item .img-wrap {
		height: 42.5vw;
	}
}

@media all and (min-width: 769px) {

	.community .section.campaign .list-wrap,
	.community .section.samsung .content-wrap {
		padding-left: 7.083vw;
		padding-right: 7.083vw;
	}

	.community .section.campaign .campaign-list>li:nth-child(odd) .item {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.community .section.campaign .item {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.community .section.campaign .item .img-wrap {
		width: 47.89%;
		min-height: 17.344vw;
	}

	.community .section.campaign .item .text-wrap {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		width: calc(100% - (47.89% + 30px));
		padding-top: 3.333vw;
		padding-bottom: 3.333vw;
		padding-right: 30px;
	}

	.community .section.samsung .item .text-wrap {
		max-width: 320px;
		padding-left: 15px;
		padding-right: 15px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media all and (max-width: 1280px) {
	.community .section.campaign .section-title strong {
		vertical-align: middle;
	}
}

@media all and (max-width: 768px) {
	.community .section.campaign .section-title strong {
		font-size: 28px;
		letter-spacing: -1.4px;
	}

	.community .section.campaign .campaign-list>li+li {
		margin-top: 5.911vh;
	}

	.community .section.campaign .item .img-wrap+.text-wrap {
		margin-top: 32px;
	}

	.community .section.campaign .item .text-wrap {
		text-align: center;
	}

	.community .section.campaign .item .title+.text {
		margin-top: 14px;
	}

	.community .section.campaign .item .btn-area {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 32px;
	}

	.community .section.samsung {
		padding-bottom: 90px;
	}

	.community .section.samsung .section.video {
		padding-top: 80px;
	}

	.community .section.samsung .section.video::before {
		height: 17.067vw;
	}

	.community .section.samsung .video-wrap {
		height: 51.467vw;
	}

	.community .section.samsung .video-wrap iframe {
		border-radius: 12px;
		overflow: hidden;
		-o-object-fit: contain;
		object-fit: contain;
		-o-object-position: top;
		object-position: top;
	}

	.community .section.samsung>.section+.section,
	.community .section.samsung .content-wrap>div+div {
		margin-top: 5.911vh;
	}

	.community .section.samsung .content-list>li+li {
		margin-top: 32px;
	}

	.community .section.samsung .item .img-wrap {
		height: 49.6vw;
	}
}

.community .float-fixed.thermometer {
	bottom: 20%;
}

.community .thermometer-wrap {
	display: block;
	position: relative;
}

.community .thermometer-body {
	display: block;
	position: relative;
	width: 60px;
	height: 190px;
	background-image: url('../images/community/thermometer-body.svg');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
}

.community .thermometer-body::after {
	content: '';
	display: inline-block;
	position: absolute;
	bottom: 22px;
	left: 50%;
	width: 18px;
	height: 16px;
	background-image: url('../images/common/ico_heart-w.svg');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}

.community .thermometer-body .progress {
	display: block;
	position: absolute;
	bottom: 9px;
	left: 50%;
	width: 42px;
	height: 171px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.community .thermometer-body .progress::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/community/thermometer-body_shadow.svg');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 100%;
}

.community .thermometer-body .progress-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-image: url('../images/community/thermometer-bar.svg');
	background-repeat: no-repeat;
	background-position: center 100%;
	background-size: 100% auto;
	overflow: visible !important;
}

.community .thermometer-body .progress-bar::after {
	content: '';
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 12px;
	height: 100%;
	border-radius: 6px;
	background-color: var(--coral);
	transform: translate(-50%);
}

.community .thermometer .percent {
	font-weight: 700;
	font-size: 20px;
	letter-spacing: -0.4px;
	text-align: center;
	color: #fa5c53;
	margin-top: 12px;
}

.community .thermometer .explain-box {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
	top: 0;
	right: 84px;
	width: 160px;
	background-color: var(--white);
	border: 2px solid #f1aca8;
	text-align: center;
	padding: 14px 10px;
	display: none;
}

.community .thermometer.show .explain-box {
	display: block;
	animation: explainShow 0.3s ease-in-out 0.3s both;
}

.community .thermometer.hide .explain-box {
	display: block;
	animation: explainHide 0.3s ease-in-out 0s both;
}

.community .thermometer .title {
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -0.9px;
	color: var(--coral);
}

.community .thermometer .title span {
	display: block;
}

.community .thermometer .title .ico.heart {
	vertical-align: -6px;
}

.community .thermometer .title+.text {
	margin-top: 8px;
}

.community .thermometer .text {
	font-size: 14px;
	letter-spacing: -0.28px;
}

.community .thermometer .text:not(.fc-point) {
	color: var(--black-opa-5);
}

.community .thermometer .text+.text {
	margin-top: 12px;
}

@media all and (min-width: 961px) {
	.community .thermometer-body .progress-bar {
		background-position: center calc(100% - 1px);
	}

	.community .thermometer-body .progress-bar::after {
		bottom: 0.5px;
	}
}

@media all and (max-width: 960px) {
	.community .float-fixed.thermometer {
		bottom: 200px;
	}

	.community .thermometer-body {
		width: 44px;
		height: 140px;
	}

	.community .thermometer-body::after {
		bottom: 15px;
		width: 14px;
		height: 12px;
	}

	.community .thermometer-body .progress {
		width: 32px;
		height: 126px;
		bottom: 6px;
	}

	.community .thermometer .percent {
		font-size: 14px;
		letter-spacing: -0.28px;
		margin-top: 8px;
	}

	.community .thermometer-body .progress-bar {
		width: 100%;
		background-image: url('../images/community/thermometer-bar_mo.svg');
	}

	.community .thermometer-body .progress-bar::after {
		width: 8px;
		border-radius: 4px;
	}

	.community .thermometer .explain-box {
		right: 54px;
		width: 138px;
	}

	.community .thermometer .title {
		font-size: 16px;
		letter-spacing: -0.8px;
	}

	.community .thermometer .title .ico.heart {
		width: 22px;
		height: 22px;
	}

	.community .thermometer .title+.text {
		margin-top: 5px;
	}

	.community .thermometer .text {
		font-size: 12px;
		letter-spacing: -0.24px;
		line-height: 1.33;
	}

	.community .thermometer .text+.text {
		margin-top: 10px;
	}
}

@media all and (max-width: 768px) {
	.community .float-fixed.thermometer {
		bottom: 110px;
	}
}

@keyframes thermometerRound {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes explainShow {
	0% {
		opacity: 0;
		transform: translateX(50px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes explainHide {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(50px);
	}
}

/* 소중한글 */
.sojunghangul:not(.learn-book) .section.intro,
.sojunghangul.learn-book .section.intro::before {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 100%;
}

.sojunghangul.experience .section.intro {
	height: 1081px;
	background-image: url('../images/sojunghangul/bg_intro_experience.jpg');
}

.sojunghangul.curriculum .section.intro {
	height: 918px;
	background-image: url('../images/sojunghangul/bg_intro_curriculum.jpg');
}

.sojunghangul.syllable .section.intro {
	height: 840px;
	background-image: url('../images/sojunghangul/bg_intro_syllable.jpg');
}

.sojunghangul.learn-book .section.intro {
	position: relative;
}

.sojunghangul.learn-book .section.intro::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 932px;
	background-image: url('../images/sojunghangul/bg_learn-book.jpg');
}

@media all and (min-width: 1921px) {
	.sojunghangul .section.intro {
		background-size: 100% auto;
		background-position: center bottom;
	}
}

@media all and (min-width: 769px) {
	.sojunghangul.curriculum .section.intro .w-inner {
		padding-top: 286px;
	}

	.sojunghangul.syllable .section.intro .w-inner,
	.sojunghangul.learn-book .section.intro .w-inner {
		padding-top: 240px;
	}
}

.sojunghangul .section.intro .w-inner {
	margin: 0 auto;
}

.sojunghangul .section.intro .img-wrap+.section-title {
	margin-top: 24px;
}

.sojunghangul .section.intro .img-wrap.koyo,
.sojunghangul .section.intro .img-wrap.buyo {
	width: 187px;
	height: 140px;
}

.sojunghangul .section.intro .img-wrap,
.sojunghangul .section.intro .page-header {
	margin: 0 auto;
	text-align: center;
}

@media all and (min-width: 1921px) {

	.sojunghangul:not(.learn-book) .section.intro,
	.sojunghangul.learn-book .section.intro::before {
		background-size: 100% auto;
		background-position: center bottom;
	}
}

@media all and (min-width: 769px) {
	.sojunghangul .section.intro .w-inner {
		max-width: 1920px;
		padding-top: 286px;
		padding-left: inherit;
		padding-right: inherit;
	}
}

@media all and (max-width:768px) {
	.sojunghangul .section.intro .img-wrap+.section-title {
		margin-top: 16px;
	}

	.sojunghangul .section.intro .w-inner {
		max-width: 1920px;
		padding-top: 168px;
	}

	.sojunghangul .section.intro .img-wrap.koyo,
	.sojunghangul .section.intro .img-wrap.buyo {
		width: 120px;
		height: 90px;
	}

	.sojunghangul.experience .section.intro {
		min-height: 630px;
		height: 77.586vh;
		background-image: url('../images/sojunghangul/bg_intro_curriculum_mo.jpg');
		background-size: cover;
	}

	.sojunghangul.curriculum .section.intro {
		min-height: 630px;
		height: 77.586vh;
		background-image: url('../images/sojunghangul/bg_intro_curriculum_mo.jpg');
		background-size: cover;
	}

	.sojunghangul.syllable .section.intro {
		min-height: 527px;
		height: 64.901vh;
		background-image: url('../images/sojunghangul/bg_intro_syllable_mo.jpg');
		background-size: cover;
	}

	.sojunghangul.syllable .section.intro .w-inner {
		padding-top: 168px;
	}

	.sojunghangul.experience .section.intro {
		min-height: 630px;
		height: 77.586vh;
		background-image: url('../images/sojunghangul/bg_intro_experience_mo.jpg');
	}

	.sojunghangul.learn-book .section.intro::before {
		min-height: 630px;
		height: 77.586vh;
		background-image: url('../images/sojunghangul/bg_learn-book_mo.jpg');
	}
}

#content.sojunghangul.experience {
	padding-bottom: 0;
}

.sojunghangul.experience .btn-area {
	margin-top: 52px;
}

.sojunghangul.experience .btn.link {
	width: 346px;
	height: 78px;
	background-image: url('../images/common/btn_bg-experience.svg');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	font-size: 24px;
	letter-spacing: -1.2px;
	padding-bottom: 12px;
}

.sojunghangul.experience .btn.link::after {
	margin-left: 4px;
}

@media all and (max-width:768px) {
	.sojunghangul.experience .btn-area {
		margin-top: 35px;
	}

	.sojunghangul.experience .btn.link {
		width: 174px;
		height: 57px;
		background-image: url('../images/common/btn_bg-experience_mo.svg');
		font-size: 18px;
		letter-spacing: -0.9px;
	}

	.sojunghangul.experience .btn.link::after {
		margin-left: 0px;
		margin-top: 1px;
	}
}

.sojunghangul.curriculum .section.what-is {
	position: relative;
	background-color: #ff9c82;
}

.sojunghangul.curriculum .section.what-is::after {
	content: '';
	display: block;
	position: relative;
	top: 3.542vw;
	width: 100%;
	height: 3.542vw;
	background-image: url('../images/sojunghangul/bg_wave01.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
}

.sojunghangul.curriculum .section.what-is>.w-inner {
	padding-bottom: calc(250px - 3.542vw);
}

.sojunghangul.curriculum .section.what-is .title-wrap {
	text-align: center;
}

.sojunghangul.curriculum .section.what-is .section-title,
.sojunghangul.curriculum .section.what-is .section-text {
	color: var(--white);
}

.sojunghangul.curriculum .method-wrap {
	position: relative;
	text-align: center;
	margin-top: 80px;
}

.sojunghangul.curriculum .method-wrap .img-wrap {
	width: 736px;
	height: 199px;
	margin: 0 auto;
}

.sojunghangul.curriculum .method-wrap .title {
	font-weight: 700;
	font-size: 24px;
	letter-spacing: -0.48px;
	text-align: center;
	color: var(--white);
}

.sojunghangul.curriculum .method-wrap .title+.text-wrap,
.sojunghangul.curriculum .method-wrap .img-wrap+.text-list {
	margin-top: 35px;
}

.sojunghangul.curriculum .method-wrap .text-wrap {
	position: relative;
	margin: 0 auto;
}

/* .sojunghangul .method-wrap .text-list {position: absolute; width: 100%; height: 100%;} */
.sojunghangul.curriculum .method-wrap .text-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.sojunghangul.curriculum .section.merit {
	padding-top: 308px;
	padding-bottom: 308px;
}

.sojunghangul.curriculum .section.merit .section {
	position: relative;
}

.sojunghangul.curriculum .section.merit .section+.section {
	padding-top: 160px;
}

.sojunghangul.curriculum .section.reason .ico-wrap {
	background-color: var(--coral);
	margin: 0 auto;
}

.sojunghangul.curriculum .section.reason .ico-wrap+.text-wrap {
	margin-top: 36px;
}

.sojunghangul.curriculum .section.reason .item {
	height: 100%;
	background-color: #ffeeed;
}

.sojunghangul.curriculum .section.phonics .character {
	position: absolute;
	bottom: -1.302vw;
	right: -8.438vw;
}

.sojunghangul.curriculum .section.phonics .character .img-wrap {
	width: 11.250vw;
}

.sojunghangul.curriculum .section.ai .item.box .text {
	color: var(--black-opa-6);
}

.sojunghangul.curriculum .section.ai .item.box .text-wrap {
	max-width: 380px;
	margin: 0 auto;
}

.sojunghangul.curriculum .section.ai .content-list>li {
	min-height: 34.635vw;
}

.sojunghangul.curriculum .section.ai .content-list>li .item {
	position: relative;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.sojunghangul.curriculum .section.ai .content-list>li:nth-child(1) .item {
	background-color: #fff5e0;
}

.sojunghangul.curriculum .section.ai .content-list>li:nth-child(2) .item {
	background-color: #ebf2fa;
}

.sojunghangul.curriculum .section.ai .content-list>li .item::before {
	content: '';
	display: block;
	position: relative;
	width: 18.802vw;
	height: 18.802vw;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	margin: 0 auto 40px;
}

.sojunghangul.curriculum .section.ai .content-list>li:nth-child(1) .item::before {
	background-image: url('../images/sojunghangul/ai01.png');
}

.sojunghangul.curriculum .section.ai .content-list>li:nth-child(2) .item::before {
	background-image: url('../images/sojunghangul/ai02.png');
}

.sojunghangul.curriculum .section.systematic {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	padding-top: 64px;
	padding-bottom: 54px;
	background: #ffe2e0;
}

.sojunghangul.curriculum .title-wrap+.img-wrap {
	margin-top: 0;
}

.sojunghangul.curriculum .section.systematic::before,
.sojunghangul.curriculum .section.systematic::after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 6.458vw;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.sojunghangul.curriculum .section.systematic::before {
	top: -6.458vw;
	left: 0;
	right: 0;
	background-image: url('../images/sojunghangul/bg_wave02.png');
}

.sojunghangul.curriculum .section.systematic::after {
	bottom: -3.542vw;
	left: 0;
	right: 0;
	background-image: url('../images/sojunghangul/bg_wave03.png');
}

.sojunghangul.curriculum .section.systematic .fc-point {
	color: #ff4c41;
}

.sojunghangul.curriculum .section.curriculum {
	padding-top: 308px;
	padding-bottom: 240px;
	background: #fff1f0;
	overflow: hidden;
}

.sojunghangul.curriculum .section.curriculum .list-wrap {
	position: relative;
	margin-top: 120px;
}

.sojunghangul.curriculum .section.curriculum .bg_line {
	position: relative;
	padding-top: 8.854vw;
	padding-bottom: 15.156vw;
	left: 0;
	right: 0;
	width: 100%;
}

.sojunghangul.curriculum .badge dt+dd::before {
	content: '';
	display: inline-block;
	position: relative;
	top: 3px;
	width: 1px;
	height: 22px;
	background-color: var(--white);
	margin: 0 12px;
}

.sojunghangul.curriculum .curriculum-box .img-wrap {
	width: 26.042vw;
	height: 18.750vw;
	border-radius: 12px;
	box-shadow: 1px 1px 2px 0 rgba(44, 0, 0, 0.1);
	margin: 0 auto;
}

.sojunghangul.curriculum .curriculum-box .img-wrap+.text-wrap {
	margin-top: 2.083vw;
}

.sojunghangul.curriculum .curriculum-box .text-wrap {
	text-align: center;
}

.sojunghangul.curriculum .curriculum-box .badge+.text {
	margin-top: 1.146vw;
}

.sojunghangul.curriculum .curriculum-box .text {
	font-size: 18px;
	letter-spacing: -0.36px;
	color: var(--black-opa-6);
}

.sojunghangul.curriculum .section.curriculum .content-list li {
	z-index: 1;
}

.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(2)::before {
	content: "";
	position: absolute;
	top: -3.750vw;
	right: -4.333vw;
	width: 5.833vw;
	height: 11.615vw;
	background: url("../images/sojunghangul/balloon.png") 50% 50% no-repeat;
	background-size: cover;
	z-index: 2;
}

.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(3)::before {
	content: "";
	position: absolute;
	top: 13.646vw;
	left: -11.979vw;
	width: 15.260vw;
	height: 8.958vw;
	background: url("../images/main/phonics_hippo.png") 50% 50% no-repeat;
	z-index: 2;
	background-size: cover;
}

.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(6)::before {
	content: "";
	position: absolute;
	top: 10vw;
	left: -31.771vw;
	width: 22.240vw;
	height: 12.031vw;
	background: url("../images/sojunghangul/elephant.png") 50% 50% no-repeat;
	background-size: cover;
	z-index: 2;
}

.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(8)::after,
.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(8)::before {
	content: "";
	position: absolute;
	z-index: 2;
}

.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(8)::after {
	top: -1.198vw;
	left: -1.875vw;
	width: 7.500vw;
	height: 6.094vw;
	background: url("../images/sojunghangul/apple01.png") 50% 50% no-repeat;
	background-size: cover;
}

.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(8)::before {
	top: 12.682vw;
	right: -4.323vw;
	width: 6.354vw;
	height: 5.208vw;
	background: url("../images/sojunghangul/apple02.png") 50% 50% no-repeat;
	background-size: cover;
}

@media all and (min-width:1921px) {
	.sojunghangul.curriculum .method-wrap .img-wrap {
		width: 38.333vw;
		height: 10.365vw;
	}
}

@media all and (min-width:1541px) {
	.sojunghangul.curriculum .section.systematic .title-wrap {
		margin-left: 8.750vw;
		margin-right: 8.958vw;
	}
}

@media all and (min-width:1281px) {
	.sojunghangul.curriculum .section.merit .content-list.col-2 li {
		width: calc((100% - 88px) / 2);
	}

	.sojunghangul.curriculum .section.systematic .img-wrap:nth-of-type(1) {
		width: 192px;
	}

	.sojunghangul.curriculum .section.systematic .img-wrap:nth-of-type(3) {
		width: 171px;
	}
}

@media all and (max-width:1280px) {
	.sojunghangul.curriculum .section.systematic .img-wrap:nth-of-type(1) {
		width: 15vw;
	}

	.sojunghangul.curriculum .section.systematic .img-wrap:nth-of-type(3) {
		width: 13.359vw;
	}
}

@media all and (min-width:769px) and (max-width:1280px) {
	.sojunghangul.curriculum .method-wrap .img-wrap {
		width: 50.781vw;
		height: 13.750vw;
	}

	.sojunghangul.curriculum .section.merit .content-list.col-2 li {
		width: calc((100% - 48px) / 2);
		margin: 12px;
	}
}

@media all and (min-width:1081px) {
	.sojunghangul.curriculum .method-wrap .only-pc {
		display: block;
	}
}

@media all and (max-width:1080px) {
	.sojunghangul.curriculum .method-wrap .text-list>li:nth-child(1) {
		display: none;
	}

	.sojunghangul.curriculum .method-wrap .only-pc {
		display: none;
	}

	.sojunghangul.curriculum .method-wrap .only-mo {
		display: block;
	}
}

@media all and (min-width:961px) {
	.sojunghangul.curriculum .section.curriculum .list-wrap {
		margin-left: 9.375vw;
		margin-right: 5.208vw;
	}

	.sojunghangul.curriculum .content-list ol li:nth-child(1) {
		top: 0;
		left: 11.146vw;
	}

	.sojunghangul.curriculum .content-list ol li:nth-child(2) {
		top: 6.250vw;
		left: 44.063vw;
	}

	.sojunghangul.curriculum .content-list ol li:nth-child(3) {
		top: 38.854vw;
		left: 20.521vw;
	}

	.sojunghangul.curriculum .content-list ol li:nth-child(4) {
		top: 72.500vw;
		left: 6.354vw;
	}

	.sojunghangul.curriculum .content-list ol li:nth-child(5) {
		top: 72.500vw;
		left: 39.271vw;
	}

	.sojunghangul.curriculum .content-list ol li:nth-child(6) {
		top: 106.146vw;
		left: 48.854vw;
	}

	.sojunghangul.curriculum .content-list ol li:nth-child(7) {
		top: 138.750vw;
		left: 11.146vw;
	}

	.sojunghangul.curriculum .content-list ol li:nth-child(8) {
		top: 142.500vw;
		left: 44.063vw;
	}
}

@media all and (min-width:769px) and (max-width:960px) {
	.sojunghangul.curriculum .section.systematic .title-wrap {
		margin-left: 20px;
		margin-right: 20px;
	}

	.sojunghangul.curriculum .section.curriculum .character .img-wrap:nth-child(1) {
		bottom: -1.971vw;
		left: -7.625vw;
		width: 26.823vw;
	}

	.sojunghangul.curriculum .section.curriculum .character .img-wrap:nth-child(2) {
		top: -17.313vw;
		right: -1.688vw;
		width: 19.083vw;
	}

	.sojunghangul.curriculum .section.curriculum .list-wrap {
		margin-left: 6.375vw;
		margin-right: 3.208vw;
	}

	.sojunghangul.curriculum .content-list ol li:nth-child(1) {
		top: 0;
		left: 11.146vw;
	}

	.sojunghangul.curriculum .content-list ol li:nth-child(2) {
		top: 6.250vw;
		left: 44.063vw;
	}

	.sojunghangul.curriculum .content-list ol li:nth-child(3) {
		top: 41.854vw;
		left: 20.521vw;
	}

	.sojunghangul.curriculum .content-list ol li:nth-child(4) {
		top: 78.500vw;
		left: 6.354vw;
	}

	.sojunghangul.curriculum .content-list ol li:nth-child(5) {
		top: 78.500vw;
		left: 39.271vw;
	}

	.sojunghangul.curriculum .content-list ol li:nth-child(6) {
		top: 115.146vw;
		left: 48.854vw;
	}

	.sojunghangul.curriculum .content-list ol li:nth-child(7) {
		top: 146.750vw;
		left: 8.546vw;
	}

	.sojunghangul.curriculum .content-list ol li:nth-child(8) {
		top: 151.500vw;
		left: 47.063vw;
	}

}

@media all and (max-width:960px) {
	.sojunghangul.curriculum .section.phonics .character {
		display: none;
	}
}

@media all and (min-width:769px) {
	.sojunghangul.curriculum .section.what-is .title-wrap+.section {
		padding-top: 80px;
		padding-bottom: 160px;
	}

	.sojunghangul.curriculum .section.what-is .content-wrap .title+.img-wrap {
		margin-top: 44px;
	}

	.sojunghangul.curriculum .section.ai .item.box .title {
		letter-spacing: -0.48px;
	}

	.sojunghangul.curriculum .section.ai .item.box .text {
		font-size: 20px;
		letter-spacing: -0.4px;
	}

	.sojunghangul.curriculum .section.curriculum .content-list {
		position: relative;
		width: 100%;
		margin-top: 0;
		margin-left: 0;
	}

	.sojunghangul.curriculum .content-list ol li {
		position: absolute;
		z-index: 2;
	}
}

@media all and (max-width:768px) {
	.sojunghangul.curriculum .section.what-is {
		background-color: #ffa18a;
	}

	.sojunghangul.curriculum .section.what-is::after {
		top: 9.067vw;
		height: 9.067vw;
		background-image: url("../images/sojunghangul/bg_wave01_mo.png");
	}

	.sojunghangul.curriculum .section.what-is>.w-inner {
		padding-bottom: calc(88px - 9.067vw);
	}

	.sojunghangul.curriculum .method-wrap {
		margin-top: 5.911vh;
	}

	.sojunghangul.curriculum .method-wrap .text-wrap {
		width: 100%;
	}

	.sojunghangul.curriculum .method-wrap .img-wrap {
		width: 100%;
		height: auto;
	}

	.sojunghangul.curriculum .method-wrap .title {
		letter-spacing: -0.36px;
	}

	.sojunghangul.curriculum .method-wrap .title+.text-wrap {
		margin-top: 25px;
	}

	.sojunghangul.curriculum .section.merit {
		padding-top: 154px;
		padding-bottom: 154px;
	}

	.sojunghangul.curriculum .section.merit .section+.section {
		padding-top: 100px;
	}

	.sojunghangul.curriculum .section.merit .item.box.square {
		padding-left: 15px;
		padding-right: 15px;
	}

	.sojunghangul.curriculum .section.ai .item.box .title {
		letter-spacing: -0.36px;
	}

	.sojunghangul.curriculum .section.ai .item.box .text {
		letter-spacing: -0.32px;
	}

	.sojunghangul.curriculum .section.ai .content-list>li {
		min-height: 468px;
	}

	.sojunghangul.curriculum .section.ai .content-list>li .item::before {
		width: 260px;
		height: 260px;
	}

	.sojunghangul.curriculum .section.systematic {
		padding: 48px 0;
	}

	.sojunghangul.curriculum .section.systematic .flex-both {
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.sojunghangul.curriculum .section.systematic::before,
	.sojunghangul.curriculum .section.systematic::after {
		width: 100%;
		height: 9.067vw;
	}

	.sojunghangul.curriculum .section.systematic::before {
		top: -9.067vw;
		background-image: url('../images/sojunghangul/bg_wave02_mo.png');
	}

	.sojunghangul.curriculum .section.systematic::after {
		bottom: -9.067vw;
		background-image: url('../images/sojunghangul/bg_wave03_mo.png');
	}

	.sojunghangul.curriculum .section.systematic .title-wrap {
		margin: 40px 0;
	}

	.sojunghangul.curriculum .section.systematic .img-wrap:nth-of-type(1) {
		width: 26.667vw;
	}

	.sojunghangul.curriculum .section.systematic .img-wrap:nth-of-type(3) {
		width: 24vw;
	}

	.sojunghangul.curriculum .section.curriculum {
		padding-top: 154px;
		padding-bottom: 120px;
	}

	.sojunghangul.curriculum .section.curriculum .list-wrap {
		margin-top: 17.067vw;
		padding-left: 50px;
		padding-right: 50px;
	}

	.sojunghangul.curriculum .curriculum-box .img-wrap {
		width: 100%;
		height: 100%;
	}

	.sojunghangul.curriculum .curriculum-box .img-wrap+.text-wrap {
		margin-top: 6.400vw;
	}

	.sojunghangul.curriculum .curriculum-box .badge+.text {
		margin-top: 3.733vw;
	}

	.sojunghangul.curriculum .curriculum-box .text {
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.sojunghangul.curriculum .badge dt+dd::before {
		height: 18px;
	}

	.sojunghangul.curriculum .section.curriculum .content-list li {
		position: relative;
	}

	.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(2) {
		margin-top: 12.800vw;
	}

	.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(2)::before {
		top: -4.533vw;
		right: -9.067vw;
		width: 14.400vw;
		height: 28.533vw;
	}

	.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(3) {
		margin-top: 46.333vw;
	}

	.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(3)::before {
		top: 32.267vw;
		left: -31.189vw;
		width: 41.600vw;
		height: 24.267vw;
	}

	.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(4),
	.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(5),
	.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(6) {
		margin-top: 10.667vw;
	}

	.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(6)::before {
		top: 93.333vw;
		left: 5.867vw;
		width: 63.733vw;
		height: 34.667vw;
	}

	.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(7) {
		margin-top: 47.333vw;
	}

	.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(8) {
		margin-top: 9.600vw;
	}

	.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(8)::after {
		top: -7.200vw;
		left: -4.267vw;
		width: 25.333vw;
		height: 20.533vw;
	}

	.sojunghangul.curriculum .section.curriculum .content-list li:nth-child(8)::before {
		top: 35.200vw;
		right: -11.467vw;
		width: 21.600vw;
		height: 17.600vw;
	}

	.sojunghangul.curriculum .section.curriculum .bg_line {
		position: absolute;
		top: 0;
		left: 0;
		padding-top: 25.333vw;
		padding-bottom: 28vw;
		height: 100%;
		padding-left: 19px;
		padding-right: 19px;
	}
}

@media all and (min-width:460px) and (max-width:768px) {
	.sojunghangul.curriculum .section.curriculum .bg_line .img-wrap {
		height: 100%;
	}
}

.sojunghangul.curriculum .section.banner {
	padding-top: 120px;
}

.sojunghangul.curriculum .section.banner .banner-wrap {
	overflow: hidden;
}

.sojunghangul.curriculum .section.banner .btn-area .btn {
	flex: none;
	min-width: 232px;
}

.sojunghangul.curriculum .section.banner .character {
	position: absolute;
	top: 50%;
	right: 12.760vw;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}

.sojunghangul.curriculum .section.banner .character .img-wrap {
	width: 22.917vw;
}

@media all and (min-width:769px) and (max-width:1280px) {
	.sojunghangul.curriculum .section.banner .character {
		right: 1.083vw;
	}
}

@media all and (max-width:768px) {
	.sojunghangul.curriculum .section.banner .banner-wrap {
		height: 133.867vw;
	}

	.sojunghangul.curriculum .section.banner .content-wrap,
	.sojunghangul.curriculum .section.banner .btn-area.col-2 {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.sojunghangul.curriculum .section.banner .column-wrap {
		width: 100%;
	}

	.sojunghangul.curriculum .section.banner .btn {
		width: calc(100% - 123px);
		padding: 0;
	}

	.sojunghangul.curriculum .section.banner .btn+.btn {
		margin-top: 8px;
		margin-left: 0;
	}

	.sojunghangul.curriculum .section.banner .character {
		top: auto;
		transform: none;
		left: 0;
		right: 0;
		bottom: 32px;
	}

	.sojunghangul.curriculum .section.banner .character .img-wrap {
		width: 72vw;
		margin: 0 auto;
	}
}

#content.sojunghangul.syllable {
	padding-bottom: 0;
}

.sojunghangul.syllable .section:not(.intro) {
	padding-top: 160px;
	padding-bottom: 160px;
}

.sojunghangul.syllable .section .text {
	font-size: 20px;
	letter-spacing: -0.4px;
	text-align: center;
}

@media all and (max-width: 768px) {
	.sojunghangul.syllable .section:not(.intro) {
		padding-top: 120px;
		padding-bottom: 120px;
	}

	.sojunghangul.syllable .section .text {
		font-size: 16px;
		letter-spacing: -0.32px;
	}
}

.sojunghangul.syllable .section.intro .img-wrap {
	width: 300px;
	height: 460px;
	margin-top: 80px;
}

.sojunghangul.syllable .info-area {
	position: relative;
}

.sojunghangul.syllable .info-area .btn {
	font-size: 20px;
	letter-spacing: -0.4px;
	padding: 0 24px;
}

.sojunghangul.syllable .info-area .btn .ico {
	width: 20px;
	height: 20px;
	margin-left: 8px;
}

@media all and (min-width: 1921px) {
	.sojunghangul.syllable .section.intro .img-wrap {
		width: 15.625vw;
		height: 23.958vw;
	}
}

@media all and (min-width: 961px) and (max-width: 1120px) {
	.sojunghangul.syllable .info-area .btn {
		padding: 0 12px;
	}
}

@media all and (min-width: 961px) {
	.sojunghangul.syllable .info-area .btn-area {
		position: absolute;
		bottom: 0;
		right: 0;
		margin-top: 0;
	}
}

@media all and (max-width: 960px) {
	.sojunghangul.syllable .info-area .btn-area {
		margin: 40px auto 0;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.syllable .section.intro .img-wrap {
		min-width: 190px;
		width: 48vw;
		height: 75.733vw;
		margin-top: 40px;
	}

	.sojunghangul.syllable .info-area .btn {
		min-width: 190px;
		width: 48vw;
		height: 56px;
		line-height: 56px;
		font-size: 16px;
		letter-spacing: 0.8px;
		padding: 0 10px;
	}

	.sojunghangul.syllable .info-area .btn .ico {
		width: 18px;
		height: 18px;
		margin-left: 4px;
	}
}

.sojunghangul.syllable .section.syllable .img-wrap+.img-wrap {
	margin-top: 80px;
}

.sojunghangul.syllable .section.syllable {
	padding-top: 296px;
}

.sojunghangul.syllable .section.syllable .img02,
.sojunghangul.syllable .section.syllable .img03 {
	margin-left: auto;
}

@media all and (min-width: 1921px) {
	.sojunghangul.syllable .section.syllable {
		padding-top: 15.417vw;
	}
}

@media all and (min-width: 1121px) {
	.sojunghangul.syllable .section.syllable .img01 {
		width: 38%;
		height: 33.646vw;
	}

	.sojunghangul.syllable .section.syllable .img02 {
		width: 48%;
		height: 25.260vw;
	}

	.sojunghangul.syllable .section.syllable .img03 {
		width: 57%;
		height: 23.646vw;
	}
}

@media all and (min-width: 961px) and (max-width: 1120px) {
	.sojunghangul.syllable .section.syllable .img01 {
		width: 32.143vw;
		height: 41.518vw;
	}

	.sojunghangul.syllable .section.syllable .img02 {
		width: 35.714vw;
		height: 27.232vw;
	}

	.sojunghangul.syllable .section.syllable .img03 {
		width: 46.429vw;
		height: 27.321vw;
	}
}

@media all and (min-width: 961px) {
	.sojunghangul.syllable .section.syllable .content-wrap {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.sojunghangul.syllable .section.syllable .img03 {
		margin-right: 11%;
	}
}

@media all and (max-width: 960px) {
	.sojunghangul.syllable .section.syllable .img01 {
		width: 58.667vw;
		height: 75.733vw;
	}

	.sojunghangul.syllable .section.syllable .img02 {
		width: 70.4vw;
		height: 53.333vw;
	}

	.sojunghangul.syllable .section.syllable .img03 {
		width: 85.067vw;
		height: 50.667vw;
		margin-left: auto;
		margin-right: auto;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.sojunghangul.syllable .section.syllable {
		padding-top: 335px;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.syllable .section.syllable {
		padding-top: 67.733vw;
	}

	.sojunghangul.syllable .section.syllable .img-wrap+.img-wrap {
		margin-top: 40px;
	}
}

.sojunghangul.syllable .section.experience {
	background-color: #fff8e5;
}

.sojunghangul.syllable .section.experience .content-wrap {
	position: relative;
}

.sojunghangul.syllable .section.experience .img-wrap.birds {
	display: none;
	position: absolute;
	top: -4.844vw;
	right: 0;
	width: 14.271vw;
	height: 5.938vw;
}

.sojunghangul.syllable .section.experience .img-wrap.bg-cloud {
	width: 100%;
	height: 30.521vw;
}

.sojunghangul.syllable .experience-box {
	box-shadow: 8px 8px 8px 0 rgba(22, 17, 5, 0.08);
	margin: 0 auto;
}

.sojunghangul.syllable .experience-header {
	background-color: #fff3c2;
	padding: 28px 10px;
}

.sojunghangul.syllable .select-group {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	overflow: inherit;
	width: 100%;
	margin: 0 auto;
}

.sojunghangul.syllable .select-group .btn.medium {
	font-weight: 500;
}

.sojunghangul.syllable .select-group input:checked+label {
	color: var(--black);
}

.sojunghangul.syllable .select-group label {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	position: relative;
	margin: 8px 12px;
}

.sojunghangul.syllable .select-group label:nth-of-type(1) {
	z-index: 1;
}

.sojunghangul.syllable .select-group label:nth-of-type(1):before {
	content: '';
	display: inline-block;
	position: absolute;
	top: -10px;
	left: 5px;
	width: 110px;
	height: 119px;
	background-image: url('../images/sojunghangul/finger.svg');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	display: none;
}

.sojunghangul.syllable .experience-box.ready .select-group label:nth-of-type(1):before {
	display: block;
	animation: fingerAni 1.2s ease-in-out infinite alternate;
}

.sojunghangul.syllable .btn.consonant {
	width: auto;
	font-size: 40px;
	box-shadow: 2px 2px 2px 0 rgba(32, 30, 24, 0.12);
	padding: 0 22px;
}

.sojunghangul.syllable .experience-body {
	background-color: var(--white);
	padding: 64px 3.125vw;
}

.sojunghangul.syllable .item.letter .title {
	width: 4.167vw;
}

.sojunghangul.syllable .item.letter .letter-wrap {
	width: calc(100% - 4.167vw);
}

.sojunghangul.syllable .item.letter .letters>span,
.sojunghangul.syllable .item.letter .magnet-wrap.bend .magnet>em,
.sojunghangul.syllable .magnet {
	width: calc(100% / 12);
}

.sojunghangul.syllable .magnet:not(.show) {
	display: none;
}

.sojunghangul.syllable label[for="consonant01"],
.sojunghangul.syllable .magnet01 {
	background-color: #ff9180;
}

.sojunghangul.syllable label[for="consonant02"],
.sojunghangul.syllable .magnet02 {
	background-color: #ffb647;
}

.sojunghangul.syllable label[for="consonant03"],
.sojunghangul.syllable .magnet03 {
	background-color: #e6b68a;
}

.sojunghangul.syllable label[for="consonant04"],
.sojunghangul.syllable .magnet04 {
	background-color: #d9abe0;
}

.sojunghangul.syllable label[for="consonant05"],
.sojunghangul.syllable .magnet05 {
	background-color: #ffb647;
}

.sojunghangul.syllable .magnet {
	position: absolute;
	top: 0;
}

.sojunghangul.syllable .magnet01 {
	left: calc(100% / 12 * 3);
}

.sojunghangul.syllable .magnet03 {
	left: calc(100% / 12 * 9);
}

.sojunghangul.syllable .magnet04 {
	left: calc(100% / 12 * 4);
}

.sojunghangul.syllable .experience-box .magnet.show {
	animation: magnetShow cubic-bezier(0.4, 0, 0.2, 1) 0.3s both;
}

@media all and (min-width: 1921px) {
	.sojunghangul.syllable .experience-box .item.letter .title {
		width: 4.167vw;
	}

	.sojunghangul.syllable .experience-box .item.letter .letter-wrap {
		width: calc(100% - 4.167vw);
	}
}

@media all and (min-width: 1671px) and (max-width: 1920px) {
	.sojunghangul.syllable .section.experience .content-wrap {}
}

@media all and (min-width: 769px) and (max-width: 1320px) {
	.sojunghangul.syllable .select-group label:nth-of-type(1):before {
		top: -4px;
		left: 13px;
		width: 80px;
		height: 87px;
	}
}

@media all and (min-width: 769px) {
	.sojunghangul.syllable .section.experience .content-wrap {
		padding-left: 4.792vw;
		padding-right: 4.792vw;
		margin-left: auto;
		margin-right: auto;
	}

	.sojunghangul.syllable .section.experience .img-wrap.bg-cloud {
		position: relative;
		margin-top: -4.167vw;
	}

	.sojunghangul.syllable .section.experience .img-wrap.bg-cloud::before {
		bottom: -35.729vw;
		left: -24.271vw;
		background-image: url('../images/sojunghangul/cloud01.png');
		width: 37.917vw;
		height: 11.042vw;
	}

	.sojunghangul.syllable .section.experience .img-wrap.bg-cloud::before,
	.sojunghangul.syllable .section.experience .img-wrap.bg-cloud::after {
		content: '';
		display: inline-block;
		position: absolute;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
	}

	.sojunghangul.syllable .section.experience .img-wrap.bg-cloud::after {
		bottom: -26.354vw;
		right: 0;
		background-image: url('../images/sojunghangul/cloud02.png');
		width: 15.469vw;
		height: 7.135vw;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.syllable .section.experience .img-wrap.birds {
		display: none;
	}

	.sojunghangul.syllable .section.experience .img-wrap.bg-cloud {
		height: 64.267vw;
	}

	.sojunghangul.syllable .experience-header {
		padding: 8px 7px;
	}

	.sojunghangul.syllable .experience-box .item.letter .title {
		width: 32px;
	}

	.sojunghangul.syllable .experience-box .item.letter .letter-wrap {
		width: calc(100% - 32px);
	}

	.sojunghangul.syllable .btn.consonant {
		width: calc((100% - 40px) / 4);
		height: 32px;
		line-height: 32px;
		border-radius: 16px;
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.sojunghangul.syllable .select-group label {
		margin-left: 5px;
		margin-right: 5px;
	}

	.sojunghangul.syllable .select-group label:last-child {
		width: calc(100% - 10px);
		letter-spacing: 10.24px;
		padding-left: 35px;
	}

	.sojunghangul.syllable .experience-body {
		padding: 16px 12px;
	}

	.sojunghangul.syllable .experience-box.ready .select-group label:nth-of-type(1):before {
		top: -3px;
		left: 18px;
		width: 59px;
		height: 64px;
	}
}

@-o-keyframes magnetShow {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes magnetShow {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes magnetShow {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes magnetShow {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes magnetHide {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes magnetHide {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes magnetHide {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes magnetHide {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-o-keyframes fingerAni {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes fingerAni {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fingerAni {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fingerAni {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.sojunghangul.syllable .section.detail section+section {
	margin-top: 138px;
}

.sojunghangul.syllable .section.detail .ratio-wrap {
	background-color: #ffeeed;
	border-radius: 40px;
}

.sojunghangul.syllable .section.detail .img-wrap {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.sojunghangul.syllable .section.detail .ratio-wrap+.text-wrap {
	margin-top: 20px;
}

.sojunghangul.syllable .section.detail .content-wrap {
	position: relative;
}

.sojunghangul.syllable .section.detail .img-wrap.characters {
	width: 24.531vw;
	height: 16.875vw;
	margin: 0 auto;
}

@media all and (min-width: 1921px) {
	.sojunghangul.syllable .section.detail .img-wrap.characters {
		right: -4.688vw;
		width: 24.531vw;
		height: 16.875vw;
	}
}

@media all and (min-width: 961px) and (max-width: 1120px) {
	.sojunghangul.syllable .section.detail .img-wrap {
		width: 80%;
		height: 80%;
	}

	.sojunghangul.syllable .ratio-wrap .img-wrap .img {
		-o-object-fit: scale-down;
		object-fit: scale-down;
	}
}

@media all and (min-width: 961px) {
	.sojunghangul.syllable .content-list.col-3>li:nth-child(1) .img-wrap {
		width: 10.833vw;
		height: 12.135vw;
	}

	.sojunghangul.syllable .content-list.col-3>li:nth-child(2) .img-wrap {
		width: 11.771vw;
		height: 11.823vw;
	}

	.sojunghangul.syllable .content-list.col-3>li:nth-child(3) .img-wrap {
		width: 12.031vw;
		height: 9.896vw;
	}

	.sojunghangul.syllable .content-list.col-3>li:nth-child(4) .img-wrap {
		width: 11.458vw;
		height: 8.229vw;
	}

	.sojunghangul.syllable .content-list.col-3>li:nth-child(5) .img-wrap {
		width: 5.104vw;
		height: 7.813vw;
	}

	.sojunghangul.syllable .content-list.col-3>li:nth-child(6) .img-wrap {
		width: 11.354vw;
		height: 8.802vw;
	}
}

@media all and (max-width: 960px) {
	.sojunghangul.syllable .content-list.col-3 {
		width: calc(100% + (8px * 2));
		margin-left: -8px;
		margin-top: -16px;
	}

	.sojunghangul.syllable .content-list.col-3>li {
		width: calc((100% - 32px) / 2);
		margin: 16px 8px;
	}

	.sojunghangul.syllable .content-list.col-3>li:nth-child(1) .img-wrap {
		width: 28.8vw;
		height: 33.067vw;
	}

	.sojunghangul.syllable .content-list.col-3>li:nth-child(2) .img-wrap {
		width: 32vw;
		height: 32.267vw;
	}

	.sojunghangul.syllable .content-list.col-3>li:nth-child(3) .img-wrap {
		width: 32.8vw;
		height: 26.933vw;
	}

	.sojunghangul.syllable .content-list.col-3>li:nth-child(4) .img-wrap {
		width: 31.2vw;
		height: 22.4vw;
	}

	.sojunghangul.syllable .content-list.col-3>li:nth-child(5) .img-wrap {
		width: 13.867vw;
		height: 21.333vw;
	}

	.sojunghangul.syllable .content-list.col-3>li:nth-child(6) .img-wrap {
		width: 30.933vw;
		height: 24vw;
	}
}

@media all and (min-width: 769px) {
	.sojunghangul.syllable .section.detail section>.title-wrap+div {
		padding-left: 7.083vw;
		padding-right: 7.083vw;
		margin-left: auto;
		margin-right: auto;
	}

	.sojunghangul.syllable .section.detail .img-wrap.characters {
		position: absolute;
		bottom: 0;
		right: -4.688vw;
	}
}

@media all and (max-width: 768px) {

	.sojunghangul.syllable .section.syllable .content-wrap,
	.sojunghangul.syllable .section.detail .content-wrap {
		overflow: hidden;
	}

	.sojunghangul.syllable .section.detail section+section {
		margin-top: 64px;
	}

	.sojunghangul.syllable .section.detail .ratio-wrap+.text-wrap {
		margin-top: 16px;
	}

	.sojunghangul.syllable .section.detail .img-wrap.characters {
		width: 58.133vw;
		height: 39.733vw;
		margin-top: 40px;
	}
}

.sojunghangul.syllable .table-wrap {
	border-top: 0;
	overflow: inherit;
}

.sojunghangul.syllable .table-wrap tr+tr {
	margin-top: 0;
}

.sojunghangul.syllable .table-wrap tr+tr th,
.sojunghangul.syllable .table-wrap tr+tr td {
	border-top: 1px solid var(--black-opa-1);
	padding-top: 14px;
}

.sojunghangul.syllable .table-wrap .item.letter {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.sojunghangul.syllable .table-wrap .item.letter .consonant {
	margin: 10px 0;
}

.sojunghangul.syllable .table-wrap .title {
	width: 23.5%;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: -0.4px;
	text-align: left;
	vertical-align: top;
	padding-right: 30px;
	box-sizing: border-box;
}

.sojunghangul.syllable .table-wrap .title>span {
	display: block;
	padding-top: 22px;
}

.sojunghangul.syllable .table-wrap .text {
	color: var(--black-opa-4);
	text-align: center;
	margin-bottom: 24px;
}

.sojunghangul.syllable .table-wrap td:nth-of-type(1) .item.letter .consonant {
	background-color: #ff9180;
}

.sojunghangul.syllable .table-wrap td:nth-of-type(2) .item.letter .consonant {
	background-color: #ffb647;
}

.sojunghangul.syllable .table-wrap td:nth-of-type(3) .item.letter .consonant {
	background-color: #e6b68a;
}

.sojunghangul.syllable .table-wrap td:nth-of-type(4) .item.letter .consonant {
	background-color: #9cb7f0;
}

.sojunghangul.syllable .table-wrap td:nth-of-type(5) .item.letter .consonant {
	background-color: #98eb8d;
}

.sojunghangul.syllable .table-wrap td:nth-of-type(6) .item.letter .consonant {
	background-color: #8ae6e3;
}

.sojunghangul.syllable .table-wrap td:nth-of-type(7) .item.letter .consonant {
	background-color: #d9abe0;
}

@media all and (min-width: 1921px) {
	.sojunghangul.syllable .table-wrap .title {
		width: 9.375vw;
	}
}

@media all and (max-width: 1280px) {
	.sojunghangul.syllable .table-wrap .title {
		padding-right: 0;
	}
}

@media all and (min-width: 769px) and (max-width: 1280px) {
	.sojunghangul.syllable .table-wrap .title {
		width: 100px;
	}

	.sojunghangul.syllable .table-wrap .title>span {
		padding-top: 10px;
	}
}

@media all and (min-width: 769px) {}

@media all and (max-width: 768px) {

	.sojunghangul.syllable .table-wrap tr+tr th,
	.sojunghangul.syllable .table-wrap tr+tr td {
		padding-top: 8px;
	}

	.sojunghangul.syllable .table-wrap .item.letter .consonant {
		margin: 2px 0;
	}

	.sojunghangul.syllable .table-wrap .title {
		width: 80px;
		font-size: 14px;
		letter-spacing: -0.28px;
	}

	.sojunghangul.syllable .table-wrap .title>span {
		padding-top: 2px;
	}

	.sojunghangul.syllable .table-wrap .text {
		margin-bottom: 8px;
	}
}

.sojunghangul.syllable .section.tip {
	background-color: #fffcf5;
}

.sojunghangul.syllable .tip-box {
	height: 100%;
	box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.08);
	overflow: hidden;
}

.sojunghangul.syllable .tip-box .img-wrap {
	height: 360px;
}

.sojunghangul.syllable .tip-box .text-wrap {
	height: calc(100% - 360px);
	background-color: var(--white);
	text-align: center;
	padding: 40px 30px;
}

.sojunghangul.syllable .tip-box .badge {
	min-width: 120px;
	letter-spacing: 0;
}

.sojunghangul.syllable .tip-box .badge+.title {
	margin-top: 24px;
}

.sojunghangul.syllable .tip-box .title {
	font-weight: 700;
	font-size: 28px;
	letter-spacing: -1.4px;
}

.sojunghangul.syllable .tip-box .title>em {
	display: inline-block;
}

.sojunghangul.syllable .tip-box .title+.text {
	margin-top: 16px;
}

@media all and (min-width: 1921px) {
	.sojunghangul.syllable .tip-box .img-wrap {
		height: 18.750vw;
	}

	.sojunghangul.syllable .tip-box .text-wrap {
		height: calc(100% - 18.750vw);
	}
}

@media all and (min-width: 1720px) {
	.sojunghangul.syllable .tip-box .text {
		max-width: 280px;
		margin: 0 auto;
	}
}

@media all and (min-width: 769px) and (max-width: 1280px) {
	.sojunghangul.syllable .tip-box .text-wrap {
		padding: 35px 15px;
		;
	}
}

@media all and (min-width: 769px) {
	.sojunghangul.syllable .tip-box .title>em {
		font-size: 27px;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.syllable .tip-box .img-wrap {
		height: 80.533vw;
	}

	.sojunghangul.syllable .tip-box .text-wrap {
		height: auto;
		padding: 32px 25px;
	}

	.sojunghangul.syllable .tip-box .badge {
		min-width: 96px;
	}

	.sojunghangul.syllable .tip-box .badge+.title {
		margin-top: 20px;
	}

	.sojunghangul.syllable .tip-box .title {
		font-size: 22px;
		letter-spacing: -1.1px;
	}

	.sojunghangul.syllable .tip-box .title>em {
		position: relative;
		top: 0.5px;
	}

	.sojunghangul.syllable .tip-box .title+.text {
		margin-top: 12px;
	}

	.sojunghangul.syllable .tip-box .text {
		color: var(--black-opa-6);
	}
}

.sojunghangul.syllable .list-wrap+.download-area {
	margin-top: 98px;
}

.sojunghangul.syllable .download-wrap {
	position: relative;
}

.sojunghangul.syllable .download-wrap .img-wrap {
	width: 654px;
	margin: 0 auto;
}

.sojunghangul.syllable .download-text {
	text-align: center;
}

.sojunghangul.syllable .download-text .title {
	font-weight: 700;
	font-size: 24px;
	letter-spacing: -0.48px;
}

.sojunghangul.syllable .download-text .title+.text {
	margin-top: 20px;
}

.sojunghangul.syllable .download-text .text {
	color: var(--black-opa-6);
}

.sojunghangul.syllable .download-text .text-wrap+.btn-area {
	margin-top: 32px;
}

.sojunghangul.syllable .download-text .btn {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	font-weight: 700;
}

.sojunghangul.syllable .download-text .btn .ico {
	margin-left: 8px;
}

@media all and (min-width: 1921px) {
	.sojunghangul.syllable .download-wrap .img-wrap {
		width: 34.063vw;
	}

	.sojunghangul.syllable .download-text {
		padding-top: 13.542vw;
	}

	.sojunghangul.syllable .download-text .btn-area {
		margin-top: 1.442vw;
	}

	.sojunghangul.syllable .download-text .btn {
		height: 2.917vw;
	}
}

@media all and (min-width: 769px) {
	.sojunghangul.syllable .download-text {
		width: 100%;
		height: 100%;
		text-align: center;
		padding-top: 80px;
	}

	.sojunghangul.syllable .download-text .title {
		line-height: 1.4;
	}

	.sojunghangul.syllable .download-text .btn {
		min-width: 240px;
		font-size: 20px;
		letter-spacing: -0.4px;
	}

	.sojunghangul.syllable .download-text .btn:hover .ico.download,
	.sojunghangul.syllable .download-text .btn:focus .ico.download {
		background-image: url('../images/common/ico_download-w.svg');
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.syllable .download-wrap .img-wrap {
		width: 91.467vw;
		height: 59.2vw;
	}

	.sojunghangul.syllable .download-text {
		margin-top: 5.911vh;
	}

	.sojunghangul.syllable .download-text .title {
		font-size: 18px;
		letter-spacing: -.36px;
	}

	.sojunghangul.syllable .download-text .title+.text {
		margin-top: 14px;
	}

	.sojunghangul.syllable .download-text .text-wrap+.btn-area {
		margin-top: 24px;
	}

	.sojunghangul.syllable .download-text .btn-area {
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.sojunghangul.syllable .download-text .btn {
		width: 180px;
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.sojunghangul.syllable .download-text .btn+.btn {
		margin-top: 12px;
		margin-left: 0;
	}

	.sojunghangul.syllable .download-text .btn .ico {
		width: 18px;
		height: 18px;
		margin-left: 4px;
	}
}

.sojunghangul.syllable .section.banner {
	padding-bottom: 0 !important;
}

@media all and (max-width: 768px) {
	.sojunghangul.syllable .section.banner {
		padding-top: 80px;
	}
}

.sojunghangul.character .section.intro {
	position: relative;
	background-color: #f3f3f3;
}

.sojunghangul.character .section.intro>.w-inner {
	position: relative;
	z-index: 1;
}

.sojunghangul.character .section.intro .video-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sojunghangul.character .section.intro .video-wrap video {
	-o-object-position: center bottom;
	object-position: center bottom;
}

.sojunghangul.character .section.detail {
	padding-top: 200px;
}

.sojunghangul.character .section.detail .section-text {
	color: var(--black);
}

.sojunghangul.character .character-list>li+li {
	margin-top: 120px;
}

.sojunghangul.character li.koyo .name {
	color: var(--coral);
}

.sojunghangul.character li.koyo .name dd {
	color: var(--coral-opa-8);
}

.sojunghangul.character li.mogu .name {
	color: var(--kelly-green);
}

.sojunghangul.character li.mogu .name dd {
	color: var(--kelly-green-opa-8);
}

.sojunghangul.character li.nadi .name {
	color: var(--lightish-purple);
}

.sojunghangul.character li.nadi .name dd {
	color: var(--lightish-purple-opa-8);
}

.sojunghangul.character {}

@media all and (min-width: 1921px) {
	.sojunghangul.character .section.intro .video-wrap video {
		-o-object-fit: contain;
		object-fit: contain;
	}
}

@media all and (min-width: 1281px) {
	.sojunghangul.character .list-wrap {
		padding-left: 8.333vw;
		padding-right: 8.333vw;
	}

	.sojunghangul.character .item.character .detail-wrap {
		padding-left: 6.250vw;
	}

	.sojunghangul.character li.mogu .item.character .detail-wrap {
		padding-right: 6.250vw;
	}
}

@media all and (min-width: 769px) and (max-width: 1280px) {
	.sojunghangul.character .item.character .detail-wrap {
		padding-left: 30px;
	}

	.sojunghangul.character li.mogu .item.character .detail-wrap {
		padding-right: 30px;
	}
}

@media all and (min-width: 961px) and (max-width: 1280px) {
	.sojunghangul.character .list-wrap {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media all and (min-width: 769px) {
	.sojunghangul.character .section.intro {
		height: 1080px;
	}

	.sojunghangul.character .section.intro .w-inner {
		padding-top: 240px;
	}

	.sojunghangul.character li.mogu .item.character {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.sojunghangul.character .item.character .video-wrap {
		width: 48%;
	}

	.sojunghangul.character .item.character .detail-wrap {
		width: calc(100% - 48%);
		padding-top: 4.167vw;
		padding-bottom: 4.688vw;
	}

	.sojunghangul.character li.mogu .item.character .detail-wrap {
		padding-left: 0;
	}

	.sojunghangul.character .item.character .img-wrap {
		max-width: 300px;
	}

	.sojunghangul.character li.koyo .text-wrap .text {
		max-width: 312px;
	}
}

@media all and (max-width: 960px) {
	.sojunghangul.character .list-wrap {
		padding-left: 20px;
		padding-right: 20px;
	}

	.sojunghangul.character .item.character .img-wrap {
		max-width: 300px;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.sojunghangul.character .item.character .name dt {
		font-size: 38px;
		letter-spacing: -1.8px;
	}

	.sojunghangul.character .item.character .name dt .en {
		font-size: 37px;
		letter-spacing: -0.76px;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.character .section.intro .video-wrap video {
		-o-object-position: 65%;
		object-position: 65%;
	}

	.sojunghangul.character .section.detail {
		padding-top: 100px;
	}

	.sojunghangul.character .character-list>li+li {
		margin-top: 80px;
	}

	.sojunghangul.character .item.character .video-wrap+.detail-wrap {
		margin-top: 16px;
	}

	.sojunghangul.character .item.character .text-wrap .text br.only-min1280 {
		display: block;
	}
}

@media all and (max-width: 540px) {
	.sojunghangul.character li.koyo .item.character .img-wrap {
		max-width: 228px;
	}

	.sojunghangul.character li.mogu .item.character .img-wrap {
		max-width: 192px;
	}

	.sojunghangul.character li.nadi .item.character .img-wrap {
		max-width: 221px;
	}
}

#content.sojunghangul.learn-book {
	padding-bottom: 0;
}

.sojunghangul.learn-book .section:not(.intro):not(.package-merit),
.sojunghangul.learn-book .section.package-merit>.merit {
	padding-top: 160px;
	padding-bottom: 160px;
}

.sojunghangul.learn-book .fc-point {
	color: var(--bright-sky-blue);
}

.sojunghangul.learn-book strong {
	font-weight: 700;
}

.sojunghangul.learn-book .title-wrap {
	text-align: center;
}

.sojunghangul.learn-book .badge.normal {
	background-color: var(--bright-sky-blue);
	font-weight: 700;
	letter-spacing: -1.2px;
	padding: 0 24px;
}

.sojunghangul.learn-book .badge+.section-title {
	margin-top: 20px;
}

@media all and (min-width: 961px) {
	.sojunghangul.learn-book .content-list {
		width: calc(100% + (14px * 2));
		margin-left: -14px;
		margin-top: -14px;
	}

	.sojunghangul.learn-book .content-list>li {
		margin: 14px;
	}
}

@media all and (min-width: 769px) {
	.sojunghangul.learn-book .text:not(.medium) {
		font-size: 20px;
		letter-spacing: -0.4px;
	}
}

@media all and (max-width: 768px) {

	.sojunghangul.learn-book .section:not(.intro):not(.package-merit),
	.sojunghangul.learn-book .section.package-merit>.merit {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.sojunghangul.learn-book .badge+.section-title {
		margin-top: 16px;
	}
}

@media all and (min-width: 1541px) {

	.sojunghangul.learn-book .merit01 .content-wrap,
	.sojunghangul.learn-book .section.steps .content-wrap,
	.sojunghangul.learn-book .section.different .content-wrap {
		padding-left: 8.229vw;
		padding-right: 8.229vw;
	}
}

@media all and (min-width: 769px) and (max-width: 1540px) {

	.sojunghangul.learn-book .merit01 .content-wrap,
	.sojunghangul.learn-book .section.steps .content-wrap,
	.sojunghangul.learn-book .section.different .content-wrap {
		padding-left: 4.229vw;
		padding-right: 4.229vw;
	}
}

.sojunghangul.learn-book .section.intro .img-wrap {
	width: 865px;
	height: 373px;
	margin-top: 80px;
}

@media all and (min-width: 1921px) {
	.sojunghangul.learn-book .section.intro .img-wrap {
		width: 45.052vw;
		height: 19.427vw;
	}
}

@media all and (min-width: 769px) and (max-width: 1280px) {
	.sojunghangul.learn-book .section.intro .img-wrap {
		width: 67.578vw;
		height: 29.141vw;
	}
}

@media all and (max-width: 960px) {}

@media all and (max-width: 768px) {
	.sojunghangul.learn-book .section.intro .img-wrap {
		width: 61.867vw;
		height: 83.2vw;
		margin-top: 36px;
	}
}

.sojunghangul.learn-book .section.solution {
	padding-top: 255px;
}

.sojunghangul.learn-book .worry .content-wrap {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.sojunghangul.learn-book .worry-list {
	position: relative;
	z-index: 1;
}

.sojunghangul.learn-book .worry-list>li {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
}

.sojunghangul.learn-book .worry-list .item.user-interview {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	padding: 30px 40px;
}

.sojunghangul.learn-book .worry+.packages::before {
	content: '';
	display: block;
	position: relative;
	width: 41px;
	height: 62px;
	background-image: url('../images/sojunghangul/arrow-down.svg');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	margin: 100px auto;
}

@media all and (min-width: 1281px) {}

@media all and (min-width: 961px) {
	.sojunghangul.learn-book .worry .content-wrap {
		width: 598px;
		height: 580px;
	}
}

@media all and (min-width: 961px) and (max-width: 1280px) {
	.sojunghangul.learn-book .worry-list>li:nth-child(1) {
		right: -60px;
	}

	.sojunghangul.learn-book .worry-list>li:nth-child(2) {
		left: 0px;
	}

	.sojunghangul.learn-book .worry-list>li:nth-child(3) {
		right: -120px;
	}

	.sojunghangul.learn-book .worry-list>li:nth-child(4) {
		left: -90px;
	}
}

@media all and (min-width: 769px) {

	.sojunghangul.learn-book .worry .img-wrap,
	.sojunghangul.learn-book .worry-list {
		width: 100%;
		height: 100%;
	}

	.sojunghangul.learn-book .worry-list {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.sojunghangul.learn-book .worry-list>li {
		position: absolute;
	}

	.sojunghangul.learn-book .worry-list>li:nth-child(1) {
		top: -40px;
		right: -80px;
	}

	.sojunghangul.learn-book .worry-list>li:nth-child(2) {
		top: 24px;
		left: -18px;
	}

	.sojunghangul.learn-book .worry-list>li:nth-child(3) {
		top: 114px;
		right: -174px;
	}

	.sojunghangul.learn-book .worry-list>li:nth-child(4) {
		top: 176px;
		left: -139px;
	}

	.sojunghangul.learn-book .worry-list>li:nth-child(4) .item.user-interview,
	.sojunghangul.learn-book .worry-list>li:nth-child(2) .item.user-interview {
		width: 295px;
		height: 125px;
		background-image: url('../images/sojunghangul/worry_speech-bubble_01.svg');
	}

	.sojunghangul.learn-book .worry-list>li:nth-child(1) .item.user-interview {
		width: 358px;
		height: 125px;
		background-image: url('../images/sojunghangul/worry_speech-bubble_03.svg');
	}

	.sojunghangul.learn-book .worry-list>li:nth-child(3) .item.user-interview {
		width: 315px;
		height: 125px;
		background-image: url('../images/sojunghangul/worry_speech-bubble_04.svg');
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.sojunghangul.learn-book .worry .content-wrap {
		width: 500px;
		height: 485px;
	}

	.sojunghangul.learn-book .worry-list>li:nth-child(1) {
		right: -100px;
	}

	.sojunghangul.learn-book .worry-list>li:nth-child(2) {
		left: -50px;
	}

	.sojunghangul.learn-book .worry-list>li:nth-child(3) {
		right: -100px;
	}

	.sojunghangul.learn-book .worry-list>li:nth-child(4) {
		left: -100px;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.learn-book .section.solution {
		overflow: hidden;
	}

	.sojunghangul.learn-book .worry-list .item.user-interview {
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		width: 71.733vw;
		height: 23.733vw;
		margin-left: auto;
		margin-right: auto;
		padding: 20px 6.4vw;
	}

	.sojunghangul.learn-book .worry-list>li+li {
		margin-top: 10px;
	}

	.sojunghangul.learn-book .worry-list>li:nth-child(odd) .item.user-interview {
		background-image: url('../images/sojunghangul/worry_speech-bubble_01_mo.svg');
		background-position-x: -1.067vw;
	}

	.sojunghangul.learn-book .worry-list>li:nth-child(even) .item.user-interview {
		background-image: url('../images/sojunghangul/worry_speech-bubble_02_mo.svg');
		background-position-x: 1.067vw;
	}

	.sojunghangul.learn-book .worry .img-wrap {
		margin-top: -13.867vw;
	}

	.sojunghangul.learn-book .worry+.packages::before {
		width: 8.8vw;
		height: 13.6vw;
		margin: 64px auto;
	}
}

@media all and (min-width: 541px) and (max-width: 769px) {
	.sojunghangul.learn-book .worry-list .item .text {
		font-size: 18px;
		letter-spacing: -0.36px;
	}
}

.sojunghangul.learn-book .package-list .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
	background-color: #f5f5f5;
	text-align: center;
	padding: 40px 15px;
}

.sojunghangul.learn-book .appeal {
	width: 250px;
	height: 134px;
	background-image: url('../images/sojunghangul/package_speech-bubble.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	padding: 28px 30px 40px;
	margin: 0 auto;
}

/* .sojunghangul.learn-book .appeal::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: } */
.sojunghangul.learn-book .appeal .text {
	font-weight: 700;
}

.sojunghangul.learn-book .appeal .text strong {
	color: var(--bright-sky-blue);
}

.sojunghangul.learn-book .appeal+.img-wrap {
	margin-top: 20px;
}

.sojunghangul.learn-book .package-list .img-wrap {
	margin-left: auto;
	margin-right: auto;
}

.sojunghangul.learn-book .package-list .img-wrap+.text-wrap {
	margin-top: 32px;
}

.sojunghangul.learn-book .package-list dl .text {
	color: var(--black-opa-6);
}

.sojunghangul.learn-book .package-list .item .title.small+.text {
	margin-top: 12px;
}

@media all and (min-width: 961px) {
	.sojunghangul.learn-book .package-list>li {
		width: calc((100% - (14px * 6)) / 3);
	}

	.sojunghangul.learn-book .package-list .img-wrap {
		width: 18.333vw;
		height: 10.938vw;
	}
}

@media all and (min-width: 961px) and (max-width: 1280px) {
	.sojunghangul.learn-book .package-list .item {
		padding-left: 10px;
		padding-right: 10px;
	}

	.sojunghangul.learn-book .appeal {
		width: 100%;
		height: auto;
		padding-left: 10px;
		padding-right: 10px;
	}

	.sojunghangul.learn-book .appeal .text {
		font-size: 18px;
		letter-spacing: -0.36px;
	}
}

@media all and (max-width: 960px) {
	.sojunghangul.learn-book .package-list .img-wrap {
		width: 352px;
		height: 210px;
	}

	.sojunghangul.learn-book .package-list .img-wrap .img {
		-o-object-fit: contain;
		object-fit: contain;
	}
}

@media all and (min-width: 769px) {
	.sojunghangul.learn-book .package-list dl .text {
		font-size: 18px;
		letter-spacing: -0.36px;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.learn-book .appeal {
		width: 206px;
		height: 110px;
		padding: 24px;
	}

	.sojunghangul.learn-book .appeal+.img-wrap {
		margin-top: 12px;
	}

	.sojunghangul.learn-book .package-list .item {
		padding: 48px 15px;
	}

	.sojunghangul.learn-book .package-list .img-wrap {
		width: 74.667vw;
		height: 44.533vw;
	}

	.sojunghangul.learn-book .package-list .img-wrap+.text-wrap {
		margin-top: 18px;
	}
}

.sojunghangul.learn-book .merit01 {
	background-color: #e6f6fa;
	text-align: center;
}

.sojunghangul.learn-book .graph-info {
	position: relative;
	background-color: var(--white);
	border-radius: 12px;
	padding: 64px 4.167vw 28px;
}

.sojunghangul.learn-book .core-list>li {
	position: relative;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: var(--bright-sky-blue);
	box-shadow: 2px 2px 6px 0 rgba(52, 48, 24, 0.16);
	color: var(--white);
	font-weight: 700;
	font-size: 24px;
	letter-spacing: -0.48px;
	text-align: center;
}

.sojunghangul.learn-book .core-list>li:nth-child(2) {
	font-size: 18px;
	letter-spacing: -0.36px;
}

.sojunghangul.learn-book .core-list>li>span {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.sojunghangul.learn-book .core-list>li strong {
	display: inline-block;
	font-size: 26px;
	letter-spacing: -0.52px;
}

.sojunghangul.learn-book .graph-wrap {
	width: 100%;
	margin-top: 50px;
	padding-bottom: 75px;
}

.sojunghangul.learn-book .graph {
	position: relative;
	border-bottom: 2px solid var(--black-opa-03);
	margin-left: 82px;
}

.sojunghangul.learn-book .graph .lines>li {
	position: relative;
	height: 83px;
}

.sojunghangul.learn-book .graph .lines>li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--black-opa-03);
}

.sojunghangul.learn-book .graph .lines>li span {
	position: absolute;
	top: -15px;
	left: -82px;
}

.sojunghangul.learn-book .graph .lines>li span,
.sojunghangul.learn-book .graph-data {
	font-weight: 500;
	color: var(--black-opa-5);
	text-align: center;
}

.sojunghangul.learn-book .graph-data>li {
	position: relative;
}

.sojunghangul.learn-book .graph-data {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-right: 1.354vw;
}

.sojunghangul.learn-book .graph-data .data {
	width: 160px;
	height: 237px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background-color: #f2f2f2;
}

.sojunghangul.learn-book .graph-data .price {
	display: block;
	font-weight: 700;
	color: var(--black-opa-25);
	padding-top: 12px;
}

.sojunghangul.learn-book .graph-data .text {
	position: absolute;
	bottom: -74px;
	left: 0;
	width: 100%;
	font-weight: 500;
	line-height: 1.4;
}

.sojunghangul.learn-book .graph-data>li.sojunghangul .data {
	height: 76px;
	background-color: var(--bright-sky-blue);
}

.sojunghangul.learn-book .graph-data>li.sojunghangul .price {
	color: var(--white);
}

.sojunghangul.learn-book .graph-data>li.sojunghangul .text {
	font-weight: 700;
	color: var(--bright-sky-blue);
}

.sojunghangul.learn-book .graph-info+.text {
	margin-top: 64px;
}

.sojunghangul.learn-book .merit02 {
	background-color: #f2fafc;
}

.sojunghangul.learn-book .merit02 .item.user-interview {}

.sojunghangul.learn-book .merit02 .item.user-interview .img-wrap {
	border: solid 1px var(--black-opa-05);
}

.sojunghangul.learn-book .merit02 .item.user-interview .text>strong {
	box-shadow: 0 -8px 0 var(--bright-sky-blue-25) inset;
}

@media all and (min-width: 1541px) {
	.sojunghangul.learn-book .merit02 .item.user-interview .img-wrap {
		width: 190px;
		height: 190px;
	}

	.sojunghangul.learn-book .merit02 .item.user-interview .text-wrap {
		width: calc(100% - 190px);
	}
}

@media all and (min-width: 961px) {
	.sojunghangul.learn-book .core-list {
		position: absolute;
		top: 48px;
		right: 48px;
		z-index: 1;
	}

	.sojunghangul.learn-book .core-list>li+li {
		margin-top: 12px;
	}

	.sojunghangul.learn-book .merit02 .item.user-interview .text-wrap {
		padding-left: 1.563vw;
	}
}

@media all and (min-width: 961px) and (max-width: 1540px) {
	.sojunghangul.learn-book .merit02 .item.user-interview .img-wrap {
		width: 12.338vw;
		height: 12.338vw;
	}

	.sojunghangul.learn-book .merit02 .item.user-interview .text-wrap {
		width: calc(100% - 12.338vw)
	}
}

@media all and (min-width: 961px) and (max-width: 1280px) {
	.sojunghangul.learn-book .core-list {
		right: 25px;
	}

	.sojunghangul.learn-book .core-list>li {
		width: 100px;
		height: 100px;
	}

	.sojunghangul.learn-book .graph-data {
		padding-right: 40px;
	}
}

@media all and (max-width: 960px) {
	.sojunghangul.learn-book .text+.core-list {
		margin-top: 36px;
	}

	.sojunghangul.learn-book .core-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.sojunghangul.learn-book .core-list>li {
		width: 80px;
		height: 80px;
		line-height: 1.38;
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.sojunghangul.learn-book .core-list>li:nth-child(2) {
		font-size: 14px;
		letter-spacing: -0.28px;
	}

	.sojunghangul.learn-book .core-list>li+li {
		margin-left: 8px;
	}

	.sojunghangul.learn-book .core-list>li strong {
		font-size: 20px;
		letter-spacing: -0.4px;
	}

	.sojunghangul.learn-book .graph-data {
		padding-right: 4px;
	}

	.sojunghangul.learn-book .merit02 .item.user-interview {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.sojunghangul.learn-book .merit02 .item.user-interview .img-wrap {
		height: 220px;
	}

	.sojunghangul.learn-book .merit02 .item.user-interview .img-wrap+.text-wrap {
		margin-top: 24px;
	}
}

@media all and (min-width: 769px) {
	.sojunghangul.learn-book .graph-data .price {
		font-size: 20px;
		letter-spacing: -0.4px;
	}

	.sojunghangul.learn-book .merit02 .content-list>li {
		width: calc((100% - 56px) / 2);
		margin: 14px;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.learn-book .graph-info {
		padding: 48px 20px;
	}

	.sojunghangul.learn-book .graph {
		margin-left: 60px;
	}

	.sojunghangul.learn-book .graph .lines>li span {
		top: -11px;
		left: -62px;
	}

	.sojunghangul.learn-book .graph-wrap {
		margin-top: 17px;
		padding-bottom: 58px;
	}

	.sojunghangul.learn-book .graph-data .data {
		width: 94px;
	}

	.sojunghangul.learn-book .graph-data .text {
		bottom: -62px;
	}

	.sojunghangul.learn-book .graph-data>li.sojunghangul .text {
		width: calc(100% + 10px);
		margin-left: -5px;
	}

	.sojunghangul.learn-book .graph-info+.text {
		margin-top: 38px;
	}

	.sojunghangul.learn-book .merit02 .item.user-interview .img-wrap {
		height: 58.667vw;
	}
}

.sojunghangul.learn-book .section.explain {
	padding-bottom: 92px;
}

.sojunghangul.learn-book .section.explain .explain-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.sojunghangul.learn-book .section.explain .explain-list>li {
	width: 312px;
	background-color: #f5f5f5;
	border-radius: 32px;
	text-align: center;
	padding: 32px 10px;
}

.sojunghangul.learn-book .section.explain .explain-list .ico {
	width: 56px;
	height: 56px;
}

.sojunghangul.learn-book .section.explain .phrase {
	font-weight: 700;
	font-size: 24px;
	line-height: 1.33;
	letter-spacing: -0.48px;
	margin-top: 10px;
}

.sojunghangul.learn-book .section.explain .explain-list+.title-wrap {
	margin-top: 66px;
}

.sojunghangul.learn-book .section.explain .section-title {
	color: #ffbb00;
	margin-top: 64px;
	margin-bottom: 32px;
}

.sojunghangul.learn-book .section.explain .text.highlighter {
	font-size: 24px;
	letter-spacing: -0.48px;
}

.sojunghangul.learn-book .section.explain .text.highlighter>strong {
	box-shadow: 0 -8px 0 #ffefa3 inset;
}

.sojunghangul.learn-book .section.explain .text.highlighter .dot::before {
	background-color: #ffbb00;
}

.sojunghangul.learn-book .section.explain .img-wrap {
	position: relative;
	width: 70.573vw;
	height: 20.469vw;
	margin: 64px auto 0;
}

@media all and (min-width: 961px) {
	.sojunghangul.learn-book .section.explain .explain-list>li {
		margin-left: 24px;
		margin-right: 24px;
	}
}

@media all and (max-width: 960px) {
	.sojunghangul.learn-book .section.explain .explain-list>li+li {
		margin-left: 12px;
	}
}

@media all and (min-width: 769px) and (max-width: 1280px) {
	.sojunghangul.learn-book .section.explain .section-title {
		font-size: 56px;
		letter-spacing: -2.8px;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.learn-book .section.explain .explain-list>li {
		width: 42.667vw;
	}

	.sojunghangul.learn-book .section.explain .explain-list .ico {
		width: 44px;
		height: 44px;
	}

	.sojunghangul.learn-book .section.explain .phrase {
		font-size: 18px;
		letter-spacing: -0.36px;
	}

	.sojunghangul.learn-book .section.explain .section-title {
		font-size: 40px;
		letter-spacing: -2px;
		margin-top: 44px;
		margin-bottom: 27px;
	}

	.sojunghangul.learn-book .section.explain .text.highlighter {
		font-size: 18px;
		line-height: 1.67;
		letter-spacing: -0.36px;
	}

	.sojunghangul.learn-book .section.explain .text.highlighter>strong {
		box-shadow: 0 -4px 0 #ffefa3 inset;
	}

	.sojunghangul.learn-book .section.explain .img-wrap {
		width: calc(100% + 32px);
		height: 125.333vw;
		margin-left: -16px;
	}
}

.sojunghangul.learn-book .section.steps {
	background-color: #f5f5f5;
}

.sojunghangul.learn-book .learn-set {
	position: relative;
	width: 605px;
	height: 590px;
	margin: 0 auto;
}

.sojunghangul.learn-book .learn-set .img-wrap,
.sojunghangul.learn-book .learn-set .learn-list {
	width: 100%;
	height: 100%;
}

.sojunghangul.learn-book .learn-set .img-wrap {
	position: relative;
	margin-top: 14px;
}

.sojunghangul.learn-book .learn-set .img-wrap::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 190px;
	height: 202px;
	background-image: url('../images/sojunghangul/read_koyo.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-left: 7px;
}

.sojunghangul.learn-book .learn-list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sojunghangul.learn-book .learn-list>li {
	position: absolute;
}

.sojunghangul.learn-book .learn-list>li:nth-child(1) {
	top: -46px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-left: 7px;
}

.sojunghangul.learn-book .learn-list>li:nth-child(2) {
	top: 50%;
	right: -42px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 64px;
}

.sojunghangul.learn-book .learn-list>li:nth-child(3) {
	bottom: 83px;
	left: 4px;
}

.sojunghangul.learn-book .learn-list .item {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 172px;
	height: 172px;
	border-radius: 50%;
	text-align: center;
}

.sojunghangul.learn-book .learn-list .item,
.sojunghangul.learn-book .learn-step .badge {
	background-color: #ffcc00;
}

.sojunghangul.learn-book .learn-set+.learn-step {
	margin-top: 100px;
}

.sojunghangul.learn-book .learn-step .item .img-wrap {
	border-radius: 12px;
	overflow: hidden;
}

.sojunghangul.learn-book .learn-step .item .title {
	font-weight: 400;
}

.sojunghangul.learn-book .learn-step .item .text {
	color: var(--black-opa-5);
}

.sojunghangul.learn-book .learn-step .badge {
	width: min-content;
	padding: 0 28px;
}

.sojunghangul.learn-book .learn-step .badge+dl {
	margin-top: 40px;
}

.sojunghangul.learn-book .step-list>li+li {
	margin-top: 64px;
}

@media all and (min-width: 1281px) {
	.sojunghangul.learn-book .learn-step .item .img-wrap {
		width: 500px;
		height: 360px;
	}

	.sojunghangul.learn-book .learn-step .item .text-wrap {
		width: calc(100% - 500px);
	}
}

@media all and (min-width: 769px) and (max-width: 1280px) {
	.sojunghangul.learn-book .learn-step .item .img-wrap {
		width: 39.063vw;
		height: 28.125vw;
	}

	.sojunghangul.learn-book .learn-step .item .text-wrap {
		width: calc(100% - 39.063vw);
	}

	.sojunghangul.learn-book .learn-step .badge+dl {
		margin-top: 20px;
	}

	.sojunghangul.learn-book .step-list>li+li {
		margin-top: 32px;
	}
}

@media all and (min-width: 769px) {
	.sojunghangul.learn-book .section.steps .title-wrap+.content-wrap {
		margin-top: 100px;
	}

	.sojunghangul.learn-book .learn-set {
		right: 8px;
	}

	.sojunghangul.learn-book .learn-step .item {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.sojunghangul.learn-book .learn-step .item .text-wrap {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-left: 6.250vw;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.learn-book .section.steps .title-wrap {
		margin-top: 33px;
	}

	.sojunghangul.learn-book .learn-set {
		width: 91.467vw;
		height: 99.733vw;
		margin-left: -1.867vw;
	}

	.sojunghangul.learn-book .learn-set .img-wrap::before {
		width: 32vw;
		height: 34.133vw;
	}

	.sojunghangul.learn-book .learn-list .item {
		width: 27.2vw;
		height: 27.2vw;
	}

	.sojunghangul.learn-book .learn-list .item .text {
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.sojunghangul.learn-book .learn-list>li:nth-child(1) {
		top: -2.933vw;
		margin-left: 2vw;
	}

	.sojunghangul.learn-book .learn-list>li:nth-child(2) {
		right: -1.493vw;
		margin-top: 14.533vw;
	}

	.sojunghangul.learn-book .learn-list>li:nth-child(3) {
		left: 2.133vw;
		bottom: 12.8vw;
	}

	.sojunghangul.learn-book .learn-set+.learn-step {
		margin-top: 32px;
	}

	.sojunghangul.learn-book .learn-step .badge {
		height: 40px;
		border-radius: 20px;
		font-size: 16px;
		letter-spacing: -0.32px;
		padding: 0 22px;
	}

	.sojunghangul.learn-book .learn-step .item .img-wrap+.text-wrap {
		margin-top: 28px;
	}

	.sojunghangul.learn-book .learn-step .item .text-wrap {
		text-align: center;
	}

	.sojunghangul.learn-book .learn-step .item .title.small+.text {
		margin-top: 12px;
	}

	.sojunghangul.learn-book .learn-step .badge+dl {
		margin-top: 20px;
	}

	.sojunghangul.learn-book .step-list>li+li {
		margin-top: 48px;
	}
}

.sojunghangul.learn-book .section.different {
	background-color: #ffe066;
}

.sojunghangul.learn-book .section.different .content-wrap {
	position: relative;
}

.sojunghangul.learn-book .section.different .item {
	background-color: var(--white);
	border-radius: 12px;
	overflow: hidden;
	text-align: center;
	padding: 64px 30px;
	margin: 0 auto;
}

.sojunghangul.learn-book .section.different .item .title+.text {
	margin-top: 20px;
}

.sojunghangul.learn-book .section.different .img-wrap {
	width: 650px;
	height: 476px;
	margin: 32px auto 0;
}

.sojunghangul.learn-book .different-slider {
	position: static;
	/*max-width: 1000px;*/
}

.sojunghangul.learn-book .different-slider .swiper-pagination-bullets {
	position: relative;
	bottom: auto;
	margin-top: 48px;
}

.sojunghangul.learn-book .different-slider .swiper-pagination-bullet {
	display: inline-block;
	background-color: var(--black);
}

.sojunghangul.learn-book .different-slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
	-webkit-filter: opacity(0.2);
	filter: opacity(0.2);
}

.sojunghangul.learn-book .different-slider .swiper-button-prev {
	left: 0;
}

.sojunghangul.learn-book .different-slider .swiper-button-next {
	right: 0;
}

.sojunghangul.learn-book .different-slider .swiper-button-prev,
.sojunghangul.learn-book .different-slider .swiper-button-next {
	width: 64px;
	height: 64px;
	z-index: 1;
}

.sojunghangul.learn-book .different-slider .swiper-button-prev .ico {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sojunghangul.learn-book .different-slider .swiper-button-prev .ico,
.sojunghangul.learn-book .different-slider .swiper-button-next .ico {
	width: 100%;
	height: 100%;
}

.sojunghangul.learn-book .different-slider .swiper-button-prev:after,
.sojunghangul.learn-book .different-slider .swiper-button-next:after {
	display: none;
}

@media all and (min-width: 1921px) {
	.sojunghangul.learn-book .section.different .img-wrap {
		width: 33.854vw;
		height: 24.792vw;
	}
}

@media all and (min-width: 769px) and (max-width: 1540px) {
	.sojunghangul.learn-book .section.different .img-wrap {
		width: 42.208vw;
		height: 30.909vw;
	}

	.sojunghangul.learn-book .different-slider .swiper-button-prev {
		left: -30px;
	}

	.sojunghangul.learn-book .different-slider .swiper-button-next {
		right: -30px;
	}
}

@media all and (min-width: 769px) and (max-width: 1280px) {

	.sojunghangul.learn-book .different-slider .swiper-button-prev,
	.sojunghangul.learn-book .different-slider .swiper-button-next {
		width: 52px;
		height: 52px;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.learn-book .section.different .item {
		padding: 48px 20px;
	}

	.sojunghangul.learn-book .section.different .item .title.medium {
		font-size: 20px;
		letter-spacing: -1px;
	}

	.sojunghangul.learn-book .section.different .item .title+.text {
		margin-top: 16px;
	}

	.sojunghangul.learn-book .section.different .img-wrap {
		width: 100%;
		height: auto;
	}

	.sojunghangul.learn-book .different-slider .swiper-pagination-bullets {
		margin-top: 32px;
	}

	.sojunghangul.learn-book .different-slider .swiper-button-prev,
	.sojunghangul.learn-book .different-slider .swiper-button-next {
		display: none;
	}
}

.sojunghangul.learn-book .section.compose {
	background-color: rgba(255, 205, 0, 0.1);
}

.sojunghangul.learn-book .section.compose .item {
	background-color: var(--white);
	text-align: center;
	padding: 64px 1.563vw;
}

.sojunghangul.learn-book .section.compose .badge {
	background-color: #f5f5f5;
}

.sojunghangul.learn-book .section.compose .title {
	font-size: 28px;
	letter-spacing: -0.56px;
}

.sojunghangul.learn-book .section.compose .text {
	font-weight: 400;
}

.sojunghangul.learn-book .section.compose .img-wrap {
	width: 250px;
	height: 359px;
	margin-left: auto;
	margin-right: auto;
}

.sojunghangul.learn-book .section.compose .title+.img-wrap {
	margin-top: 32px;
}

.sojunghangul.learn-book .section.compose .badge+.title,
.sojunghangul.learn-book .section.compose .img-wrap+.text {
	margin-top: 20px;
}

.sojunghangul.learn-book .section.compose .content-list>li:nth-child(1) .title {
	color: var(--coral);
}

.sojunghangul.learn-book .section.compose .content-list>li:nth-child(2) .title {
	color: var(--kelly-green);
}

.sojunghangul.learn-book .section.compose .content-list>li:nth-child(3) .title {
	color: var(--lightish-purple);
}

.sojunghangul.learn-book .section.compose .content-list>li:nth-child(4) .title {
	color: #f5b400;
}

@media all and (min-width: 1541px) {
	.sojunghangul.learn-book .section.compose .content-wrap {
		padding-left: 4.427vw;
		padding-right: 4.427vw;
	}
}

@media all and (min-width: 769px) and (max-width: 1540px) {
	.sojunghangul.learn-book .section.compose .content-wrap {
		padding-left: 2.129vw;
		padding-right: 2.129vw;
	}

	.sojunghangul.learn-book .section.compose .img-wrap {
		width: 16.234vw;
		height: 23.312vw;
	}
}

@media all and (min-width: 769px) and (max-width: 1280px) {
	.sojunghangul.learn-book .section.compose .title {
		font-size: 24px;
		letter-spacing: -0.48px;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.sojunghangul.learn-book .section.compose .text {
		font-size: 18px;
		letter-spacing: -0.36px;
	}
}

@media all and (min-width: 961px) {
	.sojunghangul.learn-book .section.compose .text {
		font-size: 20px;
		letter-spacing: -0.4px;
	}
}

@media all and (min-width: 769px) {
	.sojunghangul.learn-book .section.compose .badge {
		min-width: 120px;
	}

	.sojunghangul.learn-book .section.compose .content-list>li {
		width: calc((100% - 56px) / 2);
		margin: 14px;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.learn-book .section.compose .item {
		padding: 48px 15px;
	}

	.sojunghangul.learn-book .section.compose .badge {
		height: 40px;
		border-radius: 20px;
		font-size: 16px;
		letter-spacing: -0.32px;
		padding: 0 22px;
	}

	.sojunghangul.learn-book .section.compose .title {
		font-size: 22px;
		letter-spacing: -0.44px;
	}

	.sojunghangul.learn-book .section.compose .badge+.title,
	.sojunghangul.learn-book .section.compose .img-wrap+.text {
		margin-top: 12px;
	}

	.sojunghangul.learn-book .section.compose .img-wrap {
		width: 56vw;
		height: 80.8vw;
	}

}

.sojunghangul.learn-book .section.induce .section-title {
	color: #ffbb00;
	margin-top: 12px;
}

.sojunghangul.learn-book .section.induce .img-wrap {
	width: 764px;
	height: 498px;
	margin: 0 auto;
}

.sojunghangul.learn-book .section.induce .btn>span {
	display: inline-block;
	color: #fff243;
	margin-right: 5px;
}

.sojunghangul.learn-book .section.induce .btn .ico {
	width: 28px;
	height: 28px;
	margin-left: 12px;
}

@media all and (min-width: 769px) and (max-width: 1280px) {
	.sojunghangul.learn-book .section.induce .img-wrap {
		width: 59.688vw;
		height: 38.906vw;
	}
}

@media all and (min-width: 769px) {
	.sojunghangul.learn-book .section.induce .btn.xx-large {
		width: 480px;
		height: 100px;
		line-height: 100px;
		font-size: 28px;
		letter-spacing: -1.4px;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.learn-book .section.induce .sub-title {
		font-size: 22px;
		letter-spacing: -1.1px;
	}

	.sojunghangul.learn-book .section.induce .img-wrap {
		width: 100%;
		height: 61.067vw;
	}

	.sojunghangul.learn-book .section.induce .btn-area {
		margin-top: 32px;
	}

	.sojunghangul.learn-book .section.induce .btn.xx-large {
		width: 76vw;
		height: 56px;
		line-height: 56px;
	}

	.sojunghangul.learn-book .section.induce .btn .ico {
		width: 20px;
		height: 20px;
		margin-left: 4px;
	}
}




.sojunghangul.first-book {
	min-height: 100vh;
	position: relative;
}

.sojunghangul.first-book .section.intro {
	background-color: #8CD6FF;
	position: relative;
	overflow: hidden;
}

.sojunghangul.first-book .section.intro::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}

.sojunghangul.first-book .section.intro .img-kids {
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: center;
	top: 14vh;
}

.sojunghangul.first-book .section.intro .img-kids div {
	position: relative;
	max-width: 1920px;
	width: 100%;
}

.sojunghangul.first-book .section.intro .img-kids-1 {
	width: 21%;
	position: absolute;
	left: -70px;
	z-index: 1;
}

.sojunghangul.first-book .section.intro .img-kids-2 {
	width: 27%;
	position: absolute;
	right: -64px;
	z-index: 1;
	top: 86px;
}

.sojunghangul.first-book .section.intro .img-book {
	width: 55%;
	z-index: 1;
	margin-left: calc(50% - 27.5%);
	margin-top: 80px;
}

.sojunghangul.first-book .section.intro .cloud-bottom {
	position: absolute;
	bottom: 0;
	height: 19vh;
	width: 100%;
	background-color: #ffffff;
}

.sojunghangul.first-book .section.intro .cloud-bottom .cloud {
	background-image: url('../images/sojunghangul/first-book/intro_bottom.png');
	background-repeat: repeat;
	position: absolute;
	top: -18px;
	width: 100%;
	height: 24px;
}

.sojunghangul.first-book .section.intro .section-title {
	text-align: center;
}

.sojunghangul.first-book .section.intro .section-title .title {
	font-size: 60px;
	font-weight: 600;
	letter-spacing: -3px;
	z-index: 3;
	position: relative;
	padding-top: 270px;
	line-height: 1.2;
}

.sojunghangul.first-book .section.intro .section-title .text {
	color: #231D1B;
	margin-top: 16px;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.4px;
	opacity: 0.6;
	z-index: 3;
	position: relative;
	font-family: Pretendard;
}

.sojunghangul.first-book .section.intro .section-title .text b {
	font-weight: 700;
}

@media all and (min-width: 769px) and (max-width: 1280px) {
	.sojunghangul.first-book .section.intro .section-title .title {
		font-size: 40px;
		padding-top: 25vh;
	}

	.sojunghangul.first-book .section.intro .section-title .text {
		font-size: 18px;
	}

	.sojunghangul.first-book .section.intro .img-kids-1 {
		width: 25%;
	}

	.sojunghangul.first-book .section.intro .img-kids-2 {
		width: 29%;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.first-book .section.intro .section-title .title {
		font-size: 28px;
		padding-top: 145px;
	}

	.sojunghangul.first-book .section.intro .section-title .text {
		font-size: 16px;
	}

	.sojunghangul.first-book .section.intro .img-kids-1 {
		width: 40%;
		left: -36px;
		top: 32vh;
	}

	.sojunghangul.first-book .section.intro .img-kids-2 {
		width: 50%;
		right: -25px;
		top: 29vh;
	}

	.sojunghangul.first-book .section.intro .cloud-bottom .cloud {
		height: 15px;
		background-size: contain;
		top: -11px;
	}

	.sojunghangul.first-book .section.intro .img-book {
		width: 75%;
		margin-left: calc(50% - 37.5%);
	}
}

.sojunghangul.first-book .section.first {
	margin-top: 300px;
}

.sojunghangul.first-book .section.first .section-title {
	display: grid;
	justify-content: center;
	text-align: center;
}

.sojunghangul.first-book .section.first .section-title .title {
	font-size: 40px;
	font-weight: 800;
	line-height: 50px;
}

.sojunghangul.first-book .section.first .section-title .text-1 {
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	color: rgba(0, 0, 0, 0.60);
	margin-top: 50px;
}

.sojunghangul.first-book .section.first .section-title .text-1 b {
	font-weight: bold;
}

.sojunghangul.first-book .section.first .section-title .text-2 {
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	color: rgba(0, 0, 0, 0.60);
	margin-top: 40px;
}

.sojunghangul.first-book .section.first .section-image {
	display: grid;
	justify-content: center;
	margin-top: 40px;
}

.sojunghangul.first-book .section.first .section-image img {
	width: 630px;
}

@media all and (min-width: 769px) and (max-width: 1280px) {
	.sojunghangul.first-book .section.first .section-title .title {
		font-size: 30px;
		line-height: 38px;
	}

	.sojunghangul.first-book .section.first .section-title .text-1 {
		font-size: 20px;
		line-height: 28px;
	}

	.sojunghangul.first-book .section.first .section-title .text-2 {
		font-size: 20px;
		line-height: 28px;
	}

	.sojunghangul.first-book .section.first .section-image img {
		width: 500px;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.first-book .section.first {
		margin-top: 80px;
	}

	.sojunghangul.first-book .section.first .section-title .title {
		font-size: 24px;
		line-height: 36px;
	}

	.sojunghangul.first-book .section.first .section-title .text-1 {
		margin-top: 40px;
		font-size: 16px;
		line-height: 24px;
	}

	.sojunghangul.first-book .section.first .section-title .text-2 {
		margin-top: 30px;
		font-size: 16px;
		line-height: 24px;
	}

	.sojunghangul.first-book .section.first .section-image {
		margin-top: 45px;
	}

	.sojunghangul.first-book .section.first .section-image img {
		width: 300px;
	}
}

.sojunghangul.first-book picture img {
	height: inherit !important;
}

.sojunghangul.first-book .section.recommend {
	margin-top: 270px;
}

.sojunghangul.first-book .section.recommend .section-title {
	display: flex;
	justify-content: center;
}

.sojunghangul.first-book .section.recommend .section-title .title {
	font-size: 40px;
	font-weight: 800;
	line-height: 1.4;
}

.sojunghangul.first-book .section.recommend .section-title .title span {
	color: #0079FF;
}

.sojunghangul.first-book .section.recommend .section-image {
	display: grid;
	grid-template-columns: repeat(3, 358px);
	justify-content: center;
	gap: 80px;
	margin-top: 143px;
}

.sojunghangul.first-book .section.recommend .section-image .img-recommend {
	position: relative;
}

.sojunghangul.first-book .section.recommend .section-image .img-recommend div {
	font-size: 26px;
	font-weight: 700;
	margin-top: 20px;
	opacity: 0.8;
	text-align: center;
}

.sojunghangul.first-book .section.recommend .section-image .img-recommend .recommend-2-1 {
	position: absolute;
	width: 150px;
	height: inherit;
	z-index: 1;
	top: 87px;
	right: -70px;
}

.sojunghangul.first-book .section.recommend .section-image .img-recommend .recommend-3-1 {
	position: absolute;
	width: 246px;
	height: inherit;
	z-index: 1;
	top: -43px;
	left: 73px;
}

@media all and (min-width: 769px) and (max-width: 1280px) {
	.sojunghangul.first-book .section.recommend .section-title .title {
		font-size: 30px;
	}

	.sojunghangul.first-book .section.recommend .section-image {
		margin-top: 100px;
		grid-template-columns: 358px;
		gap: 140px;
	}

	.sojunghangul.first-book .section.recommend .section-image .img-recommend div {
		font-size: 22px;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.first-book .section.recommend {
		margin-top: 80px;
	}

	.sojunghangul.first-book .section.recommend .section-title .title {
		font-size: 24px;
		text-align: center;
		line-height: 36px;
	}

	.sojunghangul.first-book .section.recommend .section-image {
		margin-top: 45px;
		grid-template-columns: 211px;
		gap: 80px;
	}

	.sojunghangul.first-book .section.recommend .section-image .img-recommend div {
		font-size: 16px;
	}

	.sojunghangul.first-book .section.recommend .section-image .img-recommend .recommend-2-1 {
		width: 124px;
		top: 58px;
		right: -24px;
	}

	.sojunghangul.first-book .section.recommend .section-image .img-recommend .recommend-3-1 {
		width: 165px;
		top: -47px;
		left: 31px;
	}
}

.sojunghangul.first-book .section.special {
	margin-top: 380px;
	background-color: #EBF2FA;
	padding-bottom: 230px;
}

.sojunghangul.first-book .section.special .special-wave {
	background-image: url('../images/sojunghangul/first-book/special-background.png');
	background-position: center;
	background-repeat: repeat;
	position: relative;
	top: -90px;
	width: 100%;
	height: 520px;
}

.sojunghangul.first-book .section.special .special-wave>div {
	display: flex;
	justify-content: center;
	align-items: end;
	height: 100%;
	align-content: center;
	flex-wrap: wrap;
	gap: 40px;
}

.sojunghangul.first-book .section.special .special-wave>div .text {
	font-size: 40px;
	font-weight: 800;
	font-family: NanumSquareRound;
}

.sojunghangul.first-book .section.special .special-wave>div .text span {
	color: #0079FF;
}

.sojunghangul.first-book .section.special .special-wave>div .pencil {
	width: 91px;
	position: relative;
	top: -30px;
}

.sojunghangul.first-book .section.special .special-activity {
	display: grid;
	justify-content: center;
	justify-items: center;
}

.sojunghangul.first-book .section.special .special-activity .circle-number {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	display: grid;
	justify-content: center;
	align-content: center;
	color: #fff;
	font-size: 40px;
	font-weight: 800;
	font-family: NanumSquareRound;
	padding-top: 5px;
}

.sojunghangul.first-book .section.special .special-activity .title {
	font-size: 40px;
	font-weight: 800;
	font-family: NanumSquareRound;
	margin-top: 36px;
}

.sojunghangul.first-book .section.special .special-activity .title .point {
	position: relative;
}

.sojunghangul.first-book .section.special .special-activity .title .point::before {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	background-color: #3EB9FF;
	border-radius: 100%;
	left: 0;
	right: 0;
	margin: auto;
	top: -12px;
}

.sojunghangul.first-book .section.special .special-activity .title .point.point-purple::before {
	background-color: #9397F6;
}

.sojunghangul.first-book .section.special .special-activity .title .point.point-red::before {
	background-color: #FF8E94;
}

.sojunghangul.first-book .section.special .special-image {
	display: grid;
	grid-template-columns: repeat(3, 450px);
	justify-content: center;
	gap: 80px;
	width: 100%;
	max-width: 1510px;
	margin: 80px auto 0 auto;
}

.sojunghangul.first-book .section.special .special-image .img-special {
	background-color: #fff;
	padding: 47px 12%;
	display: grid;
	justify-items: center;
	gap: 20px;
	border-radius: 12px;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
}

.sojunghangul.first-book .section.special .special-image .img-special .title {
	width: 212px;
	height: 48px;
	background-color: #3EB9FF;
	display: grid;
	justify-content: center;
	align-content: center;
	border-radius: 48px;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
}

.sojunghangul.first-book .section.special .special-image .img-special .desc {
	display: grid;
	justify-content: center;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}

.sojunghangul.first-book .section.special .special-image .img-special img {
	height: inherit;
}

@media all and (min-width: 769px) and (max-width: 1280px) {
	.sojunghangul.first-book .section.special .special-image {
		grid-template-columns: 450px;
	}
}

@media all and (min-width: 1280px) and (max-width: 1560px) {
	.sojunghangul.first-book .section.special .special-image {
		gap: 80px 40px;
		grid-template-columns: repeat(3, 400px);
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.first-book .section.special {
		margin-top: 100px;
		padding-bottom: 80px;
	}

	.sojunghangul.first-book .section.special .special-wave {
		height: 195px;
		background-size: cover;
		top: -30px;
		background-repeat: repeat-x;
	}

	.sojunghangul.first-book .section.special .special-wave>div .text {
		font-size: 24px;
		text-align: center;
	}

	.sojunghangul.first-book .section.special .special-wave>div .pencil {
		position: absolute;
		width: 36px;
		right: 80px;
		top: 35px;
	}

	.sojunghangul.first-book .section.special .special-activity .circle-number {
		width: 37px;
		height: 37px;
		font-size: 24px;
	}

	.sojunghangul.first-book .section.special .special-activity .title {
		font-size: 24px;
		text-align: center;
	}

	.sojunghangul.first-book .section.special .special-activity .title .point::before {
		width: 5px;
		height: 5px;
	}

	.sojunghangul.first-book .section.special .special-image {
		grid-template-columns: 282px;
		gap: 45px;
		margin-top: 40px;
	}

	.sojunghangul.first-book .section.special .special-image .img-special {
		padding: 30px 16px;
		gap: 13px;
	}

	.sojunghangul.first-book .section.special .special-image .img-special .title {
		font-size: 16px;
		width: 158px;
		height: 30px;
	}

	.sojunghangul.first-book .section.special .special-image .img-special img {
		max-width: 193px;
	}

	.sojunghangul.first-book .section.special .special-image .img-special .desc {
		font-size: 16px;
	}
}

.sojunghangul.first-book .section.special-2 {
	background-color: #E0EFFF;
	margin-top: 0;
	padding-top: 126px;
	padding-bottom: 230px;
}

.sojunghangul.first-book .section.special-3 {
	background-color: #EBF2FA;
	margin-top: 0;
	padding-top: 126px;
	padding-bottom: 230px;
}

@media all and (max-width: 768px) {
	.sojunghangul.first-book .section.special-2 {
		padding-top: 86px;
		padding-bottom: 80px;
	}

	.sojunghangul.first-book .section.special-3 {
		padding-top: 86px;
		padding-bottom: 80px;
	}
}

.sojunghangul.first-book .section.composition {
	background-color: #C6E7FF;
	padding: 163px 0;
}

.sojunghangul.first-book .section.composition .w-inner {
	max-width: 1336px;
	width: 100%;
	margin: auto;
	padding: 0;
}

.sojunghangul.first-book .section.composition .title {
	font-size: 40px;
	font-weight: 800;
	font-family: NanumSquareRound;
	display: grid;
	justify-content: center;
}

.sojunghangul.first-book .section.composition .content {
	display: grid;
	justify-content: center;
	margin-top: 73px;
}

.sojunghangul.first-book .section.composition .content .swiper-container {
	width: 100%;
	margin-top: 130px;
}

.sojunghangul.first-book .section.composition .content .swiper-container:first-child {
	margin-top: 0px;
}

.sojunghangul.first-book .section.composition .content .swiper-container .swiper-wrapper {}

.sojunghangul.first-book .section.composition .content .swiper-container .swiper-wrapper .swiper-slide {
	display: grid;
	justify-content: center;
}

.sojunghangul.first-book .section.composition .content .swiper-container .swiper-wrapper .swiper-slide .item {
	width: 900px;
	height: 767px;
	background-color: #fff;
	display: grid;
	justify-content: center;
	justify-items: center;
	align-items: center;
	align-content: center;
	border-radius: 12px;
	box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.16);
}

.sojunghangul.first-book .section.composition .content .swiper-container .swiper-wrapper .swiper-slide .item .number {
	font-size: 24px;
	padding: 10px 31px;
	border-radius: 48px;
	font-weight: 700;
	color: #fff;
}

.sojunghangul.first-book .section.composition .content .swiper-container .swiper-wrapper .swiper-slide .item .title {
	font-size: 32px;
	font-weight: 700;
	margin-top: 20px;
}

.sojunghangul.first-book .section.composition .content .swiper-container .swiper-wrapper .swiper-slide .item .img-wrap {
	margin-top: 42px;
	height: 406px;
}

.sojunghangul.first-book .section.composition .content .swiper-container .swiper-wrapper .swiper-slide .item .img-wrap img {
	object-fit: contain;
}

.sojunghangul.first-book .section.composition .content .swiper-container .swiper-wrapper .swiper-slide .item .text {
	font-size: 20px;
	font-weight: 700;
	color: rgba(0, 0, 0, 0.60);
	margin-top: 40px;
	text-align: center;
	height: 60px;
	display: grid;
	align-items: center;
}

.sojunghangul.first-book .swiper-container .swiper-pagination-bullets {
	position: relative;
	bottom: auto;
	margin-top: 48px;
}

.sojunghangul.first-book .swiper-container .swiper-pagination-bullet {
	display: inline-block;
	background-color: var(--black);
}

.sojunghangul.first-book .swiper-container .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
	-webkit-filter: opacity(0.2);
	filter: opacity(0.2);
}

.sojunghangul.first-book .swiper-container .swiper-button-prev {
	left: 0;
}

.sojunghangul.first-book .swiper-container .swiper-button-next {
	right: 0;
}

.sojunghangul.first-book .swiper-container .swiper-button-prev,
.sojunghangul.first-book .swiper-container .swiper-button-next {
	width: 64px;
	height: 64px;
	z-index: 1;
}

.sojunghangul.first-book .swiper-container .swiper-button-prev .ico {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sojunghangul.first-book .swiper-container .swiper-button-prev .ico,
.sojunghangul.first-book .swiper-container .swiper-button-next .ico {
	width: 100%;
	height: 100%;
}

.sojunghangul.first-book .swiper-container .swiper-button-prev:after,
.sojunghangul.first-book .swiper-container .swiper-button-next:after {
	display: none;
}


.sojunghangul.first-book .section.banner {
	background-color: #F5F5F5;
	padding: 57px 0;
	display: grid;
	grid-template-columns: 570px 138px;
	justify-content: center;
	gap: 25px;
	align-items: center;
	justify-items: center;
}

.sojunghangul.first-book .section.banner .text {
	font-size: 24px;
	font-weight: 500;
	text-align: center;
}

.sojunghangul.first-book .section.banner .text span {
	font-weight: 700;
}

.sojunghangul.first-book .section.banner img {
	width: 100%;
}

@media all and (max-width: 768px) {
	.sojunghangul.first-book .section.banner {
		grid-template-columns: 1fr;
		padding: 80px 0;
	}

	.sojunghangul.first-book .section.banner .text {
		font-size: 16px;
	}

	.sojunghangul.first-book .section.banner img {
		width: 138px;
	}
}

.sojunghangul.first-book .section.want {
	padding: 230px 0 0;
	display: grid;
	justify-content: center;
	justify-items: center;
	text-align: center;
}

.sojunghangul.first-book .section.want .title {
	font-size: 40px;
	font-family: NanumSquareRound;
	font-weight: 800;
}

.sojunghangul.first-book .section.want img {
	width: 620px;
	margin: 80px 0;
}

.sojunghangul.first-book .section.want .desc {
	font-size: 20px;
	font-weight: 500;
}

.sojunghangul.first-book .section.want .desc span {
	font-weight: 700;
	position: relative;
}

.sojunghangul.first-book .section.want .desc span::before {
	content: '';
	position: absolute;
	height: 8px;
	background-color: #FFDF87;
	bottom: 0;
	width: 100%;
	z-index: -1;
}

@media all and (max-width: 768px) {
	.sojunghangul.first-book .section.want {
		padding: 80px 0 0;
	}

	.sojunghangul.first-book .section.want .title {
		font-size: 24px;
	}

	.sojunghangul.first-book .section.want img {
		width: 256px;
		margin: 48px 0;
	}

	.sojunghangul.first-book .section.want .desc {
		font-size: 16px;
	}
}

.sojunghangul.first-book .section.arrow {
	margin-top: 180px;
	display: grid;
	justify-content: center;
}

.sojunghangul.first-book .section.arrow img {
	width: 32px;
}

@media all and (max-width: 768px) {
	.sojunghangul.first-book .section.arrow {
		margin-top: 80px;
	}
}

.sojunghangul.first-book .section.enough {
	display: grid;
	justify-content: center;
	justify-items: center;
	margin-top: 180px;
}

.sojunghangul.first-book .section.enough .title {
	font-size: 40px;
	font-weight: 800;
	font-family: NanumSquareRound;
}

.sojunghangul.first-book .section.enough .title span {
	color: #FB0;
}

.sojunghangul.first-book .section.enough .desc {
	margin-top: 80px;
	display: grid;
	justify-items: center;
	justify-content: center;
	gap: 20px;
	text-align: center;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.60);
	font-size: 20px;
}

.sojunghangul.first-book .section.enough .desc span {
	font-weight: 700;
}

.sojunghangul.first-book .section.enough picture {
	width: 819px;
	margin-top: 100px;
}

.sojunghangul.first-book .section.enough .desc2 {
	font-size: 20px;
	font-weight: 700;
	margin-top: 50px;
	font-family: NanumSquareRound;
}

.sojunghangul.first-book .section.enough .desc2 span {
	position: relative;
}

.sojunghangul.first-book .section.enough .desc2 span::before {
	content: '';
	position: absolute;
	height: 8px;
	background-color: #FFDF87;
	bottom: 0;
	width: 100%;
	z-index: -1;
}

@media all and (max-width: 768px) {
	.sojunghangul.first-book .section.enough {
		margin-top: 80px;
	}

	.sojunghangul.first-book .section.enough .title {
		font-size: 24px;
		text-align: center;
	}

	.sojunghangul.first-book .section.enough .desc {
		margin-top: 48px;
		font-size: 16px;
	}

	.sojunghangul.first-book .section.enough picture {
		width: 297px;
		margin-top: 48px;
	}

	.sojunghangul.first-book .section.enough .desc2 {
		margin-top: 42px;
		text-align: center;
		font-size: 16px;
	}
}

.sojunghangul.first-book .section.banner2 {
	margin-top: 335px;
	display: grid;
	justify-content: center;
	grid-template-columns: 1fr;
	justify-items: center;
}

.sojunghangul.first-book .section.banner2>div {
	max-width: 1588px;
	width: 95%;
	background-color: #FFF1A3;
	display: grid;
	padding: 90px 136px;
	border-radius: 12px;
	grid-template-columns: 365px 700px;
	justify-content: space-between;
}

.sojunghangul.first-book .section.banner2>div .title .text {
	font-size: 40px;
	font-weight: 800;
	font-family: NanumSquareRound;
}

.sojunghangul.first-book .section.banner2>div .title button {
	display: grid;
	grid-template-columns: 1fr 12px;
	gap: 10px;
	align-items: center;
	color: #fff;
	background-color: #000;
	padding: 21px 27px;
	border-radius: 8px;
	font-size: 20px;
	margin-top: 40px;
}

.sojunghangul.first-book .section.banner2>div picture {
	width: 100%;
}

.sojunghangul.first-book .section.banner2>div picture img {
	height: inherit;
}

@media all and (min-width: 769px) and (max-width: 1280px) {
	.sojunghangul.first-book .section.banner2>div {
		grid-template-columns: 365px 1fr;
		padding: 70px;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.first-book .section.banner2 {
		margin-top: 80px;
		padding: 42px 20px;
	}

	.sojunghangul.first-book .section.banner2>div {
		grid-template-columns: 1fr;
		padding: 42px 20px;
		width: 100%;
	}

	.sojunghangul.first-book .section.banner2>div .title .text {
		font-size: 24px;
	}

	.sojunghangul.first-book .section.banner2>div .title button {
		margin-top: 32px;
		padding: 13px 18px;
		font-size: 16px;
	}

	.sojunghangul.first-book .section.banner2>div picture img {
		margin-top: 5px;
	}
}

.sojunghangul.first-book .section.roadmap {
	position: relative;
	max-width: 1920px;
	width: 100%;
	margin: 334px auto 0 auto;
	padding-bottom: 1000px;
	display: grid;
	grid-template-columns: 1fr;
	justify-content: center;
	justify-items: center;
}

.sojunghangul.first-book .section.roadmap .background {
	background-color: #FFFCF5;
	height: 1000px;
	z-index: -1;
	position: absolute;
	width: 100%;
}

.sojunghangul.first-book .section.roadmap .background-image {
	position: absolute;
	background-image: url('../images/sojunghangul/first-book/rail.png');
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	top: 420px;
	right: 0;
	bottom: 0;
	left: 0;
}

.sojunghangul.first-book .section.roadmap .wrapper {
	max-width: 1024px;
	width: 100%;
	justify-content: center;
	display: grid;
	position: relative;
}

.sojunghangul.first-book .section.roadmap .wrapper .title {
	text-align: center;
	display: grid;
	justify-content: center;
	padding-top: 200px;
	font-size: 40px;
	font-weight: 800;
	font-family: NanumSquareRound;
}

.sojunghangul.first-book .section.roadmap .wrapper .flying {
	position: absolute;
	width: 213px;
	top: 200px;
	right: 50px;
}

.sojunghangul.first-book .section.roadmap .caption {
	position: relative;
	max-width: 1700px;
	width: 95%;
	margin: 0 auto;
}

.sojunghangul.first-book .section.roadmap .caption>div {
	position: absolute;
	bottom: -250px;
	right: 0;
	text-align: right;
	font-size: 20px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.60);
}

.sojunghangul.first-book .section.roadmap ul {
	max-width: 1400px;
	width: 95%;
	justify-content: space-between;
	display: grid;
	margin: 500px auto 0 auto;
	grid-template-columns: repeat(2, 570px);
	gap: 210px 20px;
}

.sojunghangul.first-book .section.roadmap ul li.second {
	position: relative;
	top: 200px;
}

.sojunghangul.first-book .section.roadmap ul li {
	position: relative;
}

.sojunghangul.first-book .section.roadmap ul li>img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.sojunghangul.first-book .section.roadmap ul li>div {
	padding: 98px 32px 32px 32px;
	display: grid;
	justify-content: center;
	justify-items: center;
	align-items: start;
	align-content: start;
	grid-template-columns: 1fr;
}

.sojunghangul.first-book .section.roadmap ul li>div .step {
	padding: 9px 33px;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	border-radius: 24px;
}

.sojunghangul.first-book .section.roadmap ul li>div .title {
	margin-top: 22px;
	font-size: 28px;
	font-weight: 700;
}

.sojunghangul.first-book .section.roadmap ul li>div img {
	margin-top: 49px;
	height: 317px;
	object-fit: contain;
	width: 100%;
}

.sojunghangul.first-book .section.roadmap ul li>div .grey {
	background-color: #F4F4F4;
	margin-top: 41px;
	padding: 22px 0;
	font-size: 20px;
	font-weight: 500;
	width: 100%;
	text-align: center;
	border-radius: 12px;
}

.sojunghangul.first-book .section.roadmap ul li>div .grey span {
	font-weight: 600;
}

@media all and (min-width: 769px) and (max-width: 1280px) {
	.sojunghangul.first-book .section.roadmap ul {
		grid-template-columns: repeat(2, 470px);
	}

	.sojunghangul.first-book .section.roadmap ul li>div .title {
		margin-top: 12px;
	}

	.sojunghangul.first-book .section.roadmap ul li>div img {
		margin-top: 20px;
		height: 247px;
	}

	.sojunghangul.first-book .section.roadmap ul li>div .grey {
		margin-top: 20px;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.first-book .section.roadmap {
		margin-top: 80px;
		padding-bottom: 300px;
	}

	.sojunghangul.first-book .section.roadmap .wrapper .title {
		font-size: 24px;
		padding-top: 80px;
	}

	.sojunghangul.first-book .section.roadmap .wrapper .flying {
		display: none;
	}

	.sojunghangul.first-book .section.roadmap .caption>div {
		font-size: 11px;
		bottom: -130px;
	}

	.sojunghangul.first-book .section.roadmap .background-image {
		background-image: url('../images/sojunghangul/first-book/mobile/rail.png');
		top: 15px;
	}

	.sojunghangul.first-book .section.roadmap ul {
		grid-template-columns: 1fr;
		margin-top: 325px;
		gap: 85px;
	}

	.sojunghangul.first-book .section.roadmap ul li.second {
		top: 0;
	}

	.sojunghangul.first-book .section.roadmap ul li>div {
		padding: 60px 20px 20px 20px;
	}

	.sojunghangul.first-book .section.roadmap ul li>div .step {
		font-size: 16px;
		padding: 3px 15px;
	}

	.sojunghangul.first-book .section.roadmap ul li>div .title {
		font-size: 16px;
	}

	.sojunghangul.first-book .section.roadmap ul li>div img {
		margin-top: 35px;
		height: 195px;
	}

	.sojunghangul.first-book .section.roadmap ul li>div .grey {
		font-size: 16px;
		margin-top: 30px;
		padding: 8px 0;
	}
}





.sojunghangul.book-tree .section.intro {
	background-color: #d1f6ff;
	min-height: 100vh;
	position: relative;
}

.sojunghangul.book-tree .section.intro::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-image: url('../images/sojunghangul/book-tree/background.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

.sojunghangul.book-tree .section.intro .location {
	z-index: 4;
}

.sojunghangul.book-tree .section.intro .section-title {
	text-align: center;
}

.sojunghangul.book-tree .section.intro .section-title .title {
	font-size: 60px;
	font-weight: 600;
	letter-spacing: -3px;
	z-index: 3;
	position: relative;
	padding-top: 22%;
}

.sojunghangul.book-tree .section.intro .section-title .text {
	margin-top: 16px;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.4px;
	opacity: 0.6;
	z-index: 3;
	position: relative;
	font-family: Pretendard;
}

.sojunghangul.book-tree .section.intro .img-kids-1 {
	width: 10vw;
	max-width: 166px;
	position: absolute;
	left: 15vw;
	bottom: 23vh;
	z-index: 1;
}

.sojunghangul.book-tree .section.intro .img-kids-2 {
	width: 13vw;
	max-width: 206px;
	position: absolute;
	left: 25vw;
	top: 15vh;
	z-index: 2;
}

.sojunghangul.book-tree .section.intro .img-kids-3 {
	width: 10vw;
	max-width: 166px;
	position: absolute;
	right: 13vw;
	bottom: 28vh;
	z-index: 2;
}

.sojunghangul.book-tree .section.intro .img-kids-4 {
	display: none;
	z-index: 2;
	position: absolute;
	bottom: 35vh;
	width: 133px;
	right: -15px;
}

.sojunghangul.book-tree .section.intro .img-books-1 {
	width: 8vw;
	max-width: 120px;
	position: absolute;
	left: 8vw;
	bottom: 25vh;
	z-index: 2;
}

.sojunghangul.book-tree .section.intro .img-books-2 {
	width: 8vw;
	max-width: 120px;
	position: absolute;
	right: 7vw;
	bottom: 25vh;
	z-index: 2;
}

.sojunghangul.book-tree .section.intro .img-cloud-1 {
	width: 13vw;
	max-width: 206px;
	position: absolute;
	left: 15vw;
	top: 25vh;
	z-index: 0;
}

.sojunghangul.book-tree .section.intro .img-cloud-2 {
	width: 15vw;
	max-width: 306px;
	position: absolute;
	right: 20vw;
	bottom: 50vh;
	z-index: 0;
}

.sojunghangul.book-tree .section-text {
	position: relative;
	z-index: 2;
}

@media all and (max-width: 770px) {
	.sojunghangul.book-tree .section.intro::before {
		background-image: url('../images/sojunghangul/book-tree/mobile/background.jpg');
	}

	.sojunghangul.book-tree .section.intro .img-kids-3 {
		display: none;
	}

	.sojunghangul.book-tree .section.intro .section-title .title {
		font-size: 28px;
		padding-top: 50%;
	}

	.sojunghangul.book-tree .section.intro .section-title .text {
		font-size: 16px;
	}

	.sojunghangul.book-tree .section.intro .img-kids-1 {
		width: 105px;
		left: 8vw;
		bottom: 10vh;
	}

	.sojunghangul.book-tree .section.intro .img-kids-2 {
		display: none;
	}

	.sojunghangul.book-tree .section.intro .img-kids-4 {
		display: block;
	}

	.sojunghangul.book-tree .section.intro .img-books-1 {
		left: -2vw;
		width: 20vw;
		bottom: 4vh;
	}

	.sojunghangul.book-tree .section.intro .img-books-2 {
		width: 22vw;
		right: -2vw;
		bottom: 12vh;
	}
}

.sojunghangul.book-tree .section.why {
	background-color: #d9fa97;
	position: relative;
	padding-top: 0px;
	padding-bottom: 250px;
	text-align: center;
}

.sojunghangul.book-tree .section.why .bottom-wave {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 74px;
	background-image: url("../images/sojunghangul/book-tree/bottom-wave.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.sojunghangul.book-tree .section.why .section-subtitle {
	color: #58643b;
	margin-top: 56px;
	font-size: 20px;
}

.sojunghangul.book-tree .section.why .section-subtitle-bold {
	font-weight: bold;
	color: #58643b;
	font-size: 20px;
}

.sojunghangul.book-tree .section.why .content-wrap {
	display: flex;
	justify-content: center;
}

.sojunghangul.book-tree .section.why .content-wrap .content-circle {
	width: 836px;
	height: 836px;
	background-image: url("../images/sojunghangul/book-tree/background-2.png");
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}

.sojunghangul.book-tree .section.why .content-wrap .content-circle .circles {
	height: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	justify-items: center;
	align-items: center;
}

.sojunghangul.book-tree .section.why .content-wrap .content-circle .circles .circle {
	width: 200px;
	height: 200px;
	background-color: #d9fa97;
	border-radius: 100%;
	display: grid;
	justify-content: center;
	align-content: center;
	text-align: center;
}

.sojunghangul.book-tree .section.why .content-wrap .content-circle .circles .circle .title {
	font-size: 30px;
	font-weight: 600;
}

.sojunghangul.book-tree .section.why .content-wrap .content-circle .circles .circle .subtitle {
	font-size: 24px;
}

.sojunghangul.book-tree .section.why .content-wrap .content-circle .circles .circle.big {
	width: 284px;
	height: 284px;
	background-color: #78d624;
}

.sojunghangul.book-tree .section.why .content-wrap .content-circle .circles .circle.big .title {
	color: #ffffff;
	font-size: 40px;
	font-family: NanumSquareRound;
}

.sojunghangul.book-tree .section.why .content-wrap .content-circle .img-kids-4 {
	position: absolute;
	width: 190px;
	bottom: -120px;
	left: -200px;
}

.sojunghangul.book-tree .section.why .content-wrap .content-circle .img-kids-5 {
	position: absolute;
	width: 220px;
	top: -120px;
	right: -200px;
}

@media all and (max-width: 770px) {
	.sojunghangul.book-tree .section.why .section-subtitle {
		font-size: 16px;
		margin-top: 28px;
	}

	.sojunghangul.book-tree .section.why .section-subtitle-bold {
		font-size: 16px;
	}

	.sojunghangul.book-tree .section.why .content-wrap {
		margin-top: 200px;
	}

	.sojunghangul.book-tree .section.why .content-wrap .content-circle {
		width: 330px;
		height: 330px;
	}

	.sojunghangul.book-tree .section.why .content-wrap .content-circle .circles .circle {
		width: 94px;
		height: 94px;
	}

	.sojunghangul.book-tree .section.why .content-wrap .content-circle .circles .circle.big {
		width: 110px;
		height: 110px;
	}

	.sojunghangul.book-tree .section.why .content-wrap .content-circle .circles .circle .title {
		font-size: 15px;
	}

	.sojunghangul.book-tree .section.why .content-wrap .content-circle .circles .circle .subtitle {
		font-size: 11px;
	}

	.sojunghangul.book-tree .section.why .content-wrap .content-circle .circles .circle.big .title {
		font-size: 16px;
	}

	.sojunghangul.book-tree .section.why .content-wrap .content-circle .img-kids-4 {
		width: 83px;
		left: 0;
		bottom: -70px;
	}

	.sojunghangul.book-tree .section.why .content-wrap .content-circle .img-kids-5 {
		width: 102px;
		right: 0;
		top: -88px;
	}
}


.sojunghangul.book-tree .section.wannabe {
	display: grid;
	justify-content: center;
	padding-top: 160px;
}

.sojunghangul.book-tree .section.wannabe .section-title {
	text-align: center;
}

.sojunghangul.book-tree .section.wannabe .section-title .title {
	font-size: 40px;
}

.sojunghangul.book-tree .section.wannabe .section-title .title .point {
	color: #33bf00;
}

.sojunghangul.book-tree .section.wannabe .section-title .subtitle {
	margin-top: 36px;
	color: #666666;
	font-size: 20px;
	font-weight: normal;
	font-family: Pretendard;
}

.sojunghangul.book-tree .section.wannabe .section-title .subtitle .point {
	font-weight: bold;
	position: relative;
}

.sojunghangul.book-tree .section.wannabe .section-title .subtitle .point:before {
	content: '';
	height: 10px;
	background-color: #a5e46d;
	width: 100%;
	bottom: 0;
	position: absolute;
	z-index: -1;
}

.sojunghangul.book-tree .section.wannabe .section-image {
	position: relative;
	margin-top: 200px;
}

.sojunghangul.book-tree .section.wannabe .section-image .img-wannabe-1 {
	width: 740px;
}

.sojunghangul.book-tree .section.wannabe .section-image .img-wannabe-2 {
	width: 400px;
	position: absolute;
	left: -40%;
	top: -15%;
}

.sojunghangul.book-tree .section.wannabe .section-image .img-wannabe-3 {
	width: 110px;
	position: absolute;
	right: 15%;
	top: 15%;
	z-index: 1;
}

.sojunghangul.book-tree .section.wannabe .section-image .img-wannabe-4 {
	width: 205px;
	position: absolute;
	right: -15%;
	top: -15%;
}

.sojunghangul.book-tree .section.wannabe .section-image .img-wannabe-5 {
	width: 281px;
	position: absolute;
	right: -30%;
	top: 10%;
	z-index: 1;
}

.sojunghangul.book-tree .section.wannabe .section-arrow {
	display: grid;
	justify-content: center;
	margin-top: 135px;
}

.sojunghangul.book-tree .section.wannabe .section-arrow img {
	width: 32px;
}

@media all and (max-width: 1024px) {
	.sojunghangul.book-tree .section.wannabe .section-image .img-wannabe-1 {
		width: 40vw;
		margin: 0 auto;
	}

	.sojunghangul.book-tree .section.wannabe .section-image .img-wannabe-2 {
		width: 200px;
		left: 0;
	}

	.sojunghangul.book-tree .section.wannabe .section-image .img-wannabe-3 {
		width: 65px;
		right: 36%;
		top: 18%;
	}

	.sojunghangul.book-tree .section.wannabe .section-image .img-wannabe-4 {
		width: 120px;
		right: 15%;
		top: -10%;
	}

	.sojunghangul.book-tree .section.wannabe .section-image .img-wannabe-5 {
		width: 190px;
		right: 0;
	}
}

@media all and (max-width: 770px) {
	.sojunghangul.book-tree .section.wannabe {
		padding-top: 109px;
	}

	.sojunghangul.book-tree .section.wannabe .section-title .title {
		font-size: 24px;
	}

	.sojunghangul.book-tree .section.wannabe .section-title .subtitle {
		font-size: 15.5px;
	}

	.sojunghangul.book-tree .section.wannabe .section-image .img-wannabe-1 {
		width: 88vw;
	}

	.sojunghangul.book-tree .section.wannabe .section-image .img-wannabe-2 {
		width: 170px;
		left: -20px;
		top: -20%;
	}

	.sojunghangul.book-tree .section.wannabe .section-image .img-wannabe-3 {
		width: 55px;
		right: 30%;
		top: 18%;
	}

	.sojunghangul.book-tree .section.wannabe .section-image .img-wannabe-4 {
		width: 100px;
		right: 12%;
		top: -11%;
	}

	.sojunghangul.book-tree .section.wannabe .section-image .img-wannabe-5 {
		width: 150px;
		right: -10%;
	}

	.sojunghangul.book-tree .section.wannabe .section-arrow {
		margin-top: 82px;
	}
}

.sojunghangul.book-tree .section.with {
	display: grid;
	justify-content: center;
	margin-top: 200px;
	grid-template-columns: 1fr;
}

.sojunghangul.book-tree .section.with .title {
	text-align: center;
	font-family: 'NanumSquareRound';
}

.sojunghangul.book-tree .section.with .title>span {
	font-size: 40px;
	font-weight: bold;
}

.sojunghangul.book-tree .section.with .title>span.point {
	color: #33bf00;
}

.sojunghangul.book-tree .section.with .description {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	max-width: 1500px;
	padding: 0 20px;
	margin: 70px auto 0;
}

.sojunghangul.book-tree .section.with .description .item {
	padding: 72px 30px;
	background-color: #f5f5f5;
	border-radius: 10px;
	display: grid;
	justify-content: center;
	justify-items: center;
	align-items: start;
}

.sojunghangul.book-tree .section.with .description .item .text {
	padding: 41px 70px;
	text-align: center;
	background-color: #ffffff;
	border-radius: 10px;
	width: 355px;
}

.sojunghangul.book-tree .section.with .description .item .text span {
	text-align: center;
	font-size: 29px;
	font-weight: 600;
}

.sojunghangul.book-tree .section.with .description .item .text span.point {
	color: #33bf00;
}

.sojunghangul.book-tree .section.with .description .item .image {
	margin-top: 100px;
	width: 430px;
	height: 430px;
	border-radius: 100%;
	background-color: #def2cd;
	position: relative;
}

.sojunghangul.book-tree .section.with .description .item .image .word-play-image-0 {
	position: absolute;
	width: 230px;
	bottom: 43px;
	margin: auto;
	left: 0;
	right: 0;
}

.sojunghangul.book-tree .section.with .description .item .image .word-play-image-1 {
	position: absolute;
	left: -80px;
	top: 120px;
	width: 150px;
}

.sojunghangul.book-tree .section.with .description .item .image .word-play-image-2 {
	position: absolute;
	left: -90px;
	top: 250px;
	width: 170px;
}

.sojunghangul.book-tree .section.with .description .item .image .word-play-image-3 {
	position: absolute;
	left: 50px;
	top: -10px;
	width: 327px;
}

.sojunghangul.book-tree .section.with .description .item .image .word-play-image-4 {
	position: absolute;
	right: -70px;
	top: 120px;
	width: 150px;
}

.sojunghangul.book-tree .section.with .description .item .image .word-play-image-5 {
	position: absolute;
	right: -90px;
	top: 250px;
	width: 170px;
}

.sojunghangul.book-tree .section.with .description .item .book .word-play-image-6 {
	width: 623px;
	margin-top: 50px;
}

@media all and (max-width: 1336px) {
	.sojunghangul.book-tree .section.with .description {
		grid-template-columns: 1fr;
	}
}

@media all and (max-width: 770px) {
	.sojunghangul.book-tree .section.with {
		margin-top: 82px;
	}

	.sojunghangul.book-tree .section.with .title>span {
		font-size: 24px;
	}

	.sojunghangul.book-tree .section.with .description .item {
		width: 100%;
		padding-top: 26px;
		padding-bottom: 47px;
	}

	.sojunghangul.book-tree .section.with .description .item .text {
		padding: 18px 35px;
		width: fit-content;
		font-weight: 600;
	}

	.sojunghangul.book-tree .section.with .description .item .text span {
		font-size: 16px;
	}

	.sojunghangul.book-tree .section.with .description .item .image {
		width: 182px;
		height: 182px;
		margin-top: 62px;
	}

	.sojunghangul.book-tree .section.with .description .item .image .word-play-image-0 {
		width: 100px;
		bottom: 25px;
	}

	.sojunghangul.book-tree .section.with .description .item .image .word-play-image-1 {
		width: 83px;
		top: 53px;
		left: -65px;
	}

	.sojunghangul.book-tree .section.with .description .item .image .word-play-image-2 {
		width: 98px;
		top: 120px;
		left: -65px;
	}

	.sojunghangul.book-tree .section.with .description .item .image .word-play-image-3 {
		width: 175px;
		left: 0px;
		top: 0px;
	}

	.sojunghangul.book-tree .section.with .description .item .image .word-play-image-4 {
		right: -61px;
		top: 52px;
		width: 86px;
	}

	.sojunghangul.book-tree .section.with .description .item .image .word-play-image-5 {
		right: -65px;
		bottom: 5px;
		width: 100px;
		top: inherit;
	}

	.sojunghangul.book-tree .section.with .description .item .book .word-play-image-6 {
		width: 260px;
	}
}


.sojunghangul.book-tree .section.guide {
	display: grid;
	justify-content: center;
	margin-top: 330px;
	padding-top: 100px;
	padding-bottom: 160px;
	align-content: start;
	background-image: url("../images/sojunghangul/book-tree/background-3.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.sojunghangul.book-tree .section.guide .section-title .subtitle {
	text-align: center;
}

.sojunghangul.book-tree .section.guide .section-title .subtitle span {
	font-size: 40px;
	position: relative;
}

.sojunghangul.book-tree .section.guide .section-title .subtitle span.point:before {
	content: '';
	background-color: #78D624;
	width: 13px;
	height: 13px;
	border-radius: 100%;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	margin: auto;
}

.sojunghangul.book-tree .section.guide .section-title .title {
	font-size: 60px;
	margin-top: 37px;
	text-align: center;
}

.sojunghangul.book-tree .section.guide .section-title .title div {
	display: inline-block;
}

.sojunghangul.book-tree .section.guide .section-title .title div.point1 {
	position: relative;
}

.sojunghangul.book-tree .section.guide .section-title .title div.point1:before {
	content: '';
	height: 14px;
	background-color: #a5e46d;
	width: 100%;
	bottom: 20px;
	position: absolute;
	z-index: -1;
}

.sojunghangul.book-tree .section.guide .section-title .title div.point2 {
	padding: 0px 7px;
	background-color: #79d624;
	color: #ffffff;
	border-radius: 12px;
}

.sojunghangul.book-tree .section.guide .section-body>div {
	margin-top: 84px;
	padding: 91px 211px;
	background-color: #ffffff;
	border-radius: 370px;
	position: relative;
}

.sojunghangul.book-tree .section.guide .section-body .title {
	text-align: center;
}

.sojunghangul.book-tree .section.guide .section-body .title span {
	font-size: 32px;
	font-weight: 600;
	letter-spacing: -1.6px;
	font-family: 'NanumSquareRound';
}

.sojunghangul.book-tree .section.guide .section-body .body {
	display: grid;
	grid-template-columns: 350px 350px;
	gap: 22px;
	margin-top: 46px;
}

.sojunghangul.book-tree .section.guide .section-body .rabbit {
	position: absolute;
	bottom: 0;
	left: 50px;
}

.sojunghangul.book-tree .section.guide .section-desc {
	margin-top: 83px;
	text-align: center;
}

.sojunghangul.book-tree .section.guide .section-desc span {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.4px;
}

.sojunghangul.book-tree .section.guide2 {
	display: grid;
	align-content: center;
	margin-top: 323px;
}

.sojunghangul.book-tree .section.guide2 .section-title {
	text-align: center;
}

.sojunghangul.book-tree .section.guide2 .section-title .label {
	padding: 16px 43px;
	background-color: #79d624;
	border-radius: 40px;
	color: #ffffff;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -1.2px;
	font-family: 'NanumSquareRound';
}

.sojunghangul.book-tree .section.guide2 .section-title .title {
	margin-top: 28px;
	font-size: 40px;
	font-weight: 600;
	letter-spacing: -2px;
}

.sojunghangul.book-tree .section.guide2 .section-title .title span {
	font-family: 'NanumSquareRound'
}

.sojunghangul.book-tree .section.guide2 .section-title .title .point1 {
	color: #33bf00;
}

.sojunghangul.book-tree .section.guide2 .section-title .title .point2 {
	position: relative;
}

.sojunghangul.book-tree .section.guide2 .section-title .title .point2:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	height: 14px;
	opacity: 0.36;
	background-color: #78d624;
	z-index: -1;
}

.sojunghangul.book-tree .section.guide2 .section-body {
	display: grid;
	max-width: 1500px;
	padding: 0 30px;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 5%;
	justify-content: center;
	margin: 150px auto 0;
	width: 100%;
}

.sojunghangul.book-tree .section.guide2 .section-body .box {
	background-color: #f1ffd8;
	border-radius: 12px;
	padding: 52px 0;
	box-shadow: 5px 5px 15px #eeeeee;
	text-align: center;
}

.sojunghangul.book-tree .section.guide2 .section-body .box .label {
	padding: 11px 30px;
	background-color: #79d624;
	border-radius: 30px;
	color: #ffffff;
	font-size: 20px;
	font-weight: 900;
	font-family: 'NanumSquareRound';
}

.sojunghangul.book-tree .section.guide2 .section-body .box .title {
	font-size: 28px;
	font-weight: 600;
	letter-spacing: -1.4px;
	margin-top: 24px;
	font-family: 'NanumSquareRound';
}

@media all and (max-width: 770px) {
	.sojunghangul.book-tree .section.guide {
		background-image: url("../images/sojunghangul/book-tree/mobile/background-3.png")
	}

	.sojunghangul.book-tree .section.guide {
		margin-top: 114px;
		padding-top: 85px;
		padding-bottom: 75px;
		background-position: right;
	}

	.sojunghangul.book-tree .section.guide .section-title .subtitle span {
		font-size: 21px;
	}

	.sojunghangul.book-tree .section.guide .section-title .subtitle span.point:before {
		width: 7px;
		height: 7px;
		top: -10px;
	}

	.sojunghangul.book-tree .section.guide .section-title .title {
		font-size: 28px;
		margin-top: 20px;
	}

	.sojunghangul.book-tree .section.guide .section-title .title div.point1:before {
		height: 10px;
		bottom: 10px;
	}

	.sojunghangul.book-tree .section.guide .section-title .title div.point2 {
		padding: 2px 5px;
	}

	.sojunghangul.book-tree .section.guide .section-body {}

	.sojunghangul.book-tree .section.guide .section-body>div {
		padding: 21px 22px;
		border-radius: 52px;
		margin-top: 48px;
	}

	.sojunghangul.book-tree .section.guide .section-body .title span {
		font-size: 16px;
	}

	.sojunghangul.book-tree .section.guide .section-body .body {
		grid-template-columns: 140px 140px;
		justify-content: center;
		gap: 10px;
		margin-top: 17px;
	}

	.sojunghangul.book-tree .section.guide .section-body .rabbit {
		width: 60px;
		left: 10px;
	}

	.sojunghangul.book-tree .section.guide .section-desc {
		margin-top: 55px;
	}

	.sojunghangul.book-tree .section.guide .section-desc span {
		font-size: 16px;
	}

	.sojunghangul.book-tree .section.guide2 {
		margin-top: 147px;
	}

	.sojunghangul.book-tree .section.guide2 .section-title .label {
		font-size: 18px;
		padding: 13px 32px;
	}

	.sojunghangul.book-tree .section.guide2 .section-title .title {
		font-size: 24px;
	}

	.sojunghangul.book-tree .section.guide2 .section-title .title .point2:before {
		height: 6px;
	}

	.sojunghangul.book-tree .section.guide2 .section-body {
		margin-top: 90px;
		grid-template-columns: 1fr;
	}

	.sojunghangul.book-tree .section.guide2 .section-body .box .title {
		font-size: 22px;
	}
}

.sojunghangul.book-tree .section.guide.thinking {
	background-image: url(../images/sojunghangul/book-tree/background-4.png);
}

.sojunghangul.book-tree .section.guide.thinking .section-title .subtitle span.point:before {
	background-color: #f28962;
}

.sojunghangul.book-tree .section.guide.thinking .section-title .title div.point1:before {
	background-color: #f28962;
	opacity: 0.66;
}

.sojunghangul.book-tree .section.guide.thinking .section-title .title div.point2 {
	background-color: #f28962;
}

.sojunghangul.book-tree .section.guide.thinking .section-body .rabbit {
	left: inherit;
	right: 50px;
}

@media all and (max-width: 770px) {
	.sojunghangul.book-tree .section.guide.thinking {
		background-image: url(../images/sojunghangul/book-tree/mobile/background-4.png);
	}
}

.sojunghangul.book-tree .section.introduce {
	margin-top: 357px;
	margin-bottom: 358px;
}

.sojunghangul.book-tree .section.introduce .section-title {
	text-align: center;
}

.sojunghangul.book-tree .section.introduce .section-title .subtitle {
	font-family: NanumSquareRound;
	font-size: 32px;
	font-weight: 800;
	line-height: 1.56;
}

.sojunghangul.book-tree .section.introduce .section-title .title {
	font-family: NanumSquareRound;
	margin-top: 40px;
	font-size: 60px;
	font-weight: 800;
	letter-spacing: -3px;
	color: #ed6432;
}

.sojunghangul.book-tree .section.introduce .section-title .subtitle2 {
	font-family: Pretendard;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	opacity: 0.6;
	margin-top: 40px;
}

.sojunghangul.book-tree .section.introduce .section-body {
	max-width: 1500px;
	width: 90%;
	margin: 40px auto 0;
	display: grid;
	grid-template-columns: 1fr 136px 1fr;
	gap: 27px;
	align-items: end;
}

.sojunghangul.book-tree .section.introduce .section-body .koyo {
	position: relative;
}

.sojunghangul.book-tree .section.introduce .section-body .koyo .word-box {
	position: absolute;
	top: -30px;
	left: -87px;
	background-image: url("../images/sojunghangul/book-tree/word-box2.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 200px;
	height: 135px;
}

.sojunghangul.book-tree .section.introduce .section-body .koyo .word-box>div {
	left: 40px;
	top: 30px;
	position: relative;
	display: inline-block;
}

.sojunghangul.book-tree .section.introduce .section-body .koyo .word-box>div span {
	font-size: 20px;
	font-family: Pretendard;
}

.sojunghangul.book-tree .section.introduce .section-body .koyo .word-box>div span.point {
	font-weight: 700;
}

.sojunghangul.book-tree .section.introduce .section-body .koyo .word-box>div span.point:before {
	content: '';
	height: 8px;
	opacity: 0.4;
	background-color: #f28962;
	width: 100%;
	bottom: 0px;
	position: absolute;
	z-index: -1;
}

.sojunghangul.book-tree .section.introduce .section-body .koyo .koyo-c {
	width: 210px;
	position: relative;
	top: 15px;
	left: 110px;
	z-index: -1;
}

.sojunghangul.book-tree .section.introduce .section-body .koyo .desc {
	text-align: center;
	position: absolute;
	bottom: 50px;
	margin: auto;
	width: 100%;
	display: grid;
	justify-content: center;
}

.sojunghangul.book-tree .section.introduce .section-body .koyo .desc div {
	font-size: 20px;
	opacity: 0.6;
}

.sojunghangul.book-tree .section.introduce .section-body .koyo .desc div.point {
	width: fit-content;
	padding: 11px 50px;
	border-radius: 30px;
	background-color: #ed6432;
	font-size: 22px;
	color: #ffffff;
	opacity: 1;
	margin-top: 7px;
	font-family: NanumSquareRound;
	font-weight: 600;
}

.sojunghangul.book-tree .section.introduce .section-body .mogu {
	position: relative;
}

.sojunghangul.book-tree .section.introduce .section-body .mogu .mogu-c {
	width: 150px;
	position: relative;
	top: 31px;
	left: 370px;
}

.sojunghangul.book-tree .section.introduce .section-body .mogu .word-box {
	position: absolute;
	top: -50px;
	right: -66px;
	background-image: url("../images/sojunghangul/book-tree/word-box1.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 200px;
	height: 135px;
	text-align: center;
}

.sojunghangul.book-tree .section.introduce .section-body .mogu .word-box span {
	position: relative;
	top: 28px;
	left: 0px;
	font-size: 20px;
}

.sojunghangul.book-tree .section.introduce .section-body .mogu .word-box span.point {
	font-weight: 700;
}

.sojunghangul.book-tree .section.introduce .section-body .mogu .word-box span.point:before {
	content: '';
	height: 8px;
	opacity: 0.4;
	background-color: #f28962;
	width: 100%;
	bottom: 0px;
	position: absolute;
	z-index: -1;
}

.sojunghangul.book-tree .section.introduce .section-body .mogu .desc {
	text-align: center;
	position: absolute;
	bottom: 50px;
	margin: auto;
	width: 100%;
	display: grid;
	justify-content: center;
	justify-items: center;
}

.sojunghangul.book-tree .section.introduce .section-body .mogu .desc div {
	font-size: 20px;
	opacity: 0.6;
}

.sojunghangul.book-tree .section.introduce .section-body .mogu .desc div.point {
	width: fit-content;
	padding: 11px 50px;
	border-radius: 30px;
	background-color: #ed6432;
	font-size: 22px;
	color: #ffffff;
	opacity: 1;
	margin-top: 7px;
	font-weight: 600;
}

.sojunghangul.book-tree .section.introduce .section-body .add {
	position: relative;
	top: -210px;
}

.sojunghangul.book-tree .section.introduce .section-body2 {
	margin-top: 210px;
}

.sojunghangul.book-tree .section.introduce .section-body2 .title {
	font-family: NanumSquareRound;
	text-align: center;
	font-size: 40px;
	font-weight: 800;
	letter-spacing: -2px;
}

.sojunghangul.book-tree .section.introduce .section-body2 .body {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 48px;
	max-width: 1500px;
	width: 90%;
	margin: 100px auto 0;
}

.sojunghangul.book-tree .section.introduce .section-body2 .body div {
	text-align: center;
}

.sojunghangul.book-tree .section.introduce .section-body2 .body div div {
	margin-top: 24px;
	font-size: 20px;
	font-weight: 500;
}

@media all and (max-width: 1336px) {
	.sojunghangul.book-tree .section.introduce .section-body {
		grid-template-columns: 1fr;
		max-width: 618px;
		justify-items: center;
		margin-top: 100px;
	}

	.sojunghangul.book-tree .section.introduce .section-body .add {
		width: 136px;
		text-align: center;
		top: inherit;
	}
}

@media all and (max-width: 770px) {
	.sojunghangul.book-tree .section.introduce {
		margin-top: 96px;
		margin-bottom: 142px;
	}

	.sojunghangul.book-tree .section.introduce .section-title .subtitle {
		font-size: 22px;
	}

	.sojunghangul.book-tree .section.introduce .section-title .title {
		margin-top: 28px;
		font-size: 24px;
	}

	.sojunghangul.book-tree .section.introduce .section-title .subtitle2 {
		margin-top: 28px;
		font-size: 16px;
	}

	.sojunghangul.book-tree .section.introduce .section-body .koyo .koyo-c {
		width: 105px;
		top: 15px;
		left: 183px;
	}

	.sojunghangul.book-tree .section.introduce .section-body .koyo .word-box {
		top: 0px;
		left: 70px;
		width: 100px;
		height: 70px;
	}

	.sojunghangul.book-tree .section.introduce .section-body .koyo .word-box>div {
		left: 19px;
		top: 11px;
		line-height: 1.2;
	}

	.sojunghangul.book-tree .section.introduce .section-body .koyo .word-box>div span {
		font-size: 12px;
		top: 10px;
		left: 19px;
	}

	.sojunghangul.book-tree .section.introduce .section-body .koyo .desc {
		bottom: 29px;
	}

	.sojunghangul.book-tree .section.introduce .section-body .koyo .desc div {
		font-size: 16px;
	}

	.sojunghangul.book-tree .section.introduce .section-body .koyo .desc div.point {
		padding: 7px 19px;
		font-size: 16px;
	}

	.sojunghangul.book-tree .section.introduce .section-body .mogu .desc {
		bottom: 29px;
	}

	.sojunghangul.book-tree .section.introduce .section-body .mogu .desc div {
		font-size: 16px;
	}

	.sojunghangul.book-tree .section.introduce .section-body .mogu .desc div.point {
		padding: 7px 19px;
		font-size: 16px;
	}

	.sojunghangul.book-tree .section.introduce .section-body .mogu .mogu-c {
		width: 80px;
		height: 65px;
		top: 15px;
		left: 80px;
	}

	.sojunghangul.book-tree .section.introduce .section-body .add {
		width: 55px;
	}

	.sojunghangul.book-tree .section.introduce .section-body .mogu .word-box {
		width: 115px;
		height: 90px;
		right: 50px;
		top: -20px;
	}

	.sojunghangul.book-tree .section.introduce .section-body .mogu .word-box div {
		line-height: 1;
	}

	.sojunghangul.book-tree .section.introduce .section-body .mogu .word-box span {
		font-size: 12px;
		top: 20px;
		left: 2px;
	}

	.sojunghangul.book-tree .section.introduce .section-body2 {
		margin-top: 126px;
	}

	.sojunghangul.book-tree .section.introduce .section-body2 .title {
		font-size: 24px;
	}

	.sojunghangul.book-tree .section.introduce .section-body2 .body {
		grid-template-columns: 1fr 1fr;
		margin-top: 48px;
		gap: 30px 17px;
	}

	.sojunghangul.book-tree .section.introduce .section-body2 .body div div {
		font-size: 16px;
		margin-top: 16px;
	}
}

.sojunghangul.book-tree .section.composition {
	padding: 179px 0;
	background-color: #f5f5f5;
	text-align: center;
}

.sojunghangul.book-tree .section.composition>.title {
	font-size: 40px;
	font-family: NanumSquareRound;
	font-weight: 800;
}

.sojunghangul.book-tree .section.composition>.body {
	display: grid;
	grid-template-columns: 560px 560px;
	gap: 28px;
	margin-top: 80px;
	justify-content: center;
}

.sojunghangul.book-tree .section.composition>.body .box {
	text-align: center;
	padding: 64px;
	height: 100%;
	background-color: #ffffff;
}

.sojunghangul.book-tree .section.composition>.body .box .label {
	font-size: 20px;
	font-weight: 600;
	background-color: #f5f5f5;
	padding: 10px 30px;
	border-radius: 60px;
	font-family: Pretendard;
}

.sojunghangul.book-tree .section.composition>.body .box .title {
	font-size: 28px;
	color: #ed6432;
	font-weight: bold;
	font-family: Pretendard;
	margin-top: 20px;
}

.sojunghangul.book-tree .section.composition>.body .box .image {
	margin-top: 40px;
}

.sojunghangul.book-tree .section.composition>.body .box .image.small {
	width: 376px;
	margin: 40px auto 0;
}

.sojunghangul.book-tree .section.composition>.body .box .desc {
	margin-top: 40px;
	font-size: 20px;
	font-family: Pretendard;
}

@media all and (max-width: 1336px) {
	.sojunghangul.book-tree .section.composition>.body {
		grid-template-columns: 560px;
	}
}

@media all and (max-width: 770px) {
	.sojunghangul.book-tree .section.composition {
		padding: 64px 0 80px;
	}

	.sojunghangul.book-tree .section.composition>.body {
		grid-template-columns: 90%;
	}

	.sojunghangul.book-tree .section.composition>.title {
		font-size: 24px;
	}

	.sojunghangul.book-tree .section.composition>.body {
		margin-top: 64px;
	}

	.sojunghangul.book-tree .section.composition>.body .box {
		padding: 48px 30px;
	}

	.sojunghangul.book-tree .section.composition>.body .box .label {
		font-size: 16px;
	}

	.sojunghangul.book-tree .section.composition>.body .box .title {
		font-size: 22px;
	}

	.sojunghangul.book-tree .section.composition>.body .box .desc {
		font-size: 16px;
	}

	.sojunghangul.book-tree .section.composition>.body .box .image {
		width: 90%;
		margin: 40px auto 0;
	}

	.sojunghangul.book-tree .section.composition>.body .box .image.small {
		width: 90%;
		margin: 40px auto 0;
	}
}

.sojunghangul.book-tree .section.different {
	padding: 160px 0;
	margin: auto;
	background-color: #f2b29a;
	text-align: center;
}

.sojunghangul.book-tree .section.different .section-title {
	font-size: 40px;
}

.sojunghangul.book-tree .section.different .content-wrap {
	max-width: 1316px;
	margin: 80px auto 0;
}

.sojunghangul.book-tree .section.different .content-wrap .swiper-slide .item {
	max-width: 1000px;
	width: 80%;
	margin: auto;
	background-color: #ffffff;
	padding: 46px 0;
	border-radius: 20px;
	height: 767px;
}

.sojunghangul.book-tree .section.different .content-wrap .swiper-slide .item .text-wrap .title {
	font-size: 32px;
	font-family: NanumSquareRound;
}

.sojunghangul.book-tree .section.different .content-wrap .swiper-slide .item .text-wrap .text {
	font-size: 20px;
	font-family: Pretendard;
	margin-top: 20px;
	font-weight: 400;
}

.sojunghangul.book-tree .section.different .content-wrap .swiper-slide .item .img-wrap {
	margin: 50px auto;
	height: 450px;
}

.sojunghangul.book-tree .section.different .content-wrap .swiper-slide .item .img-wrap img {
	object-fit: contain;
}

.sojunghangul.book-tree .different-slider {
	position: static;
	/*max-width: 1000px;*/
}

.sojunghangul.book-tree .different-slider .swiper-pagination-bullets {
	position: relative;
	bottom: auto;
	margin-top: 48px;
}

.sojunghangul.book-tree .different-slider .swiper-pagination-bullet {
	display: inline-block;
	background-color: var(--black);
}

.sojunghangul.book-tree .different-slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
	-webkit-filter: opacity(0.2);
	filter: opacity(0.2);
}

.sojunghangul.book-tree .different-slider .swiper-button-prev {
	left: 0;
}

.sojunghangul.book-tree .different-slider .swiper-button-next {
	right: 0;
}

.sojunghangul.book-tree .different-slider .swiper-button-prev,
.sojunghangul.book-tree .different-slider .swiper-button-next {
	width: 64px;
	height: 64px;
	z-index: 1;
}

.sojunghangul.book-tree .different-slider .swiper-button-prev .ico {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sojunghangul.book-tree .different-slider .swiper-button-prev .ico,
.sojunghangul.book-tree .different-slider .swiper-button-next .ico {
	width: 100%;
	height: 100%;
}

.sojunghangul.book-tree .different-slider .swiper-button-prev:after,
.sojunghangul.book-tree .different-slider .swiper-button-next:after {
	display: none;
}

@media all and (min-width: 769px) and (max-width: 1540px) {
	.sojunghangul.book-tree .section.different .content-wrap .swiper-slide .item .img-wrap {
		height: 350px;
	}

	.sojunghangul.book-tree .section.different .content-wrap .swiper-slide .item {
		height: 645px;
	}
}

@media all and (min-width: 769px) and (max-width: 1280px) {

	.sojunghangul.book-tree .different-slider .swiper-button-prev,
	.sojunghangul.book-tree .different-slider .swiper-button-next {
		display: none;
	}
}

@media all and (max-width: 768px) {
	.sojunghangul.book-tree .section.different {
		padding: 64px 0 94px;
	}

	.sojunghangul.book-tree .section.different .section-title {
		font-size: 24px;
	}

	.sojunghangul.book-tree .section.different .content-wrap {
		margin-top: 54px;
	}

	.sojunghangul.book-tree .section.different .content-wrap .swiper-slide .item .text-wrap .title {
		font-size: 20px;
	}

	.sojunghangul.book-tree .section.different .content-wrap .swiper-slide .item .text-wrap .text {
		font-size: 16px;
		height: 120px;
	}

	.sojunghangul.book-tree .section.different .content-wrap .swiper-slide .item {
		width: 90%;
		height: 478px;
	}

	.sojunghangul.book-tree .section.different .content-wrap .swiper-slide .item .img-wrap {
		height: 166px;
	}

	.sojunghangul.book-tree .different-slider .swiper-pagination-bullets {
		margin-top: 32px;
	}

	.sojunghangul.book-tree .different-slider .swiper-button-prev,
	.sojunghangul.book-tree .different-slider .swiper-button-next {
		display: none;
	}
}

.sojunghangul.book-tree .section.flow {
	background-color: #fcf2e6;
	padding: 233px 0;
	background-image: url("../images/sojunghangul/book-tree/background-5.png");
	background-size: contain;
}

.sojunghangul.book-tree .section.flow .wrapper {
	max-width: 1200px;
	width: 90%;
	margin: auto;
	position: relative;
}

.sojunghangul.book-tree .section.flow .wrapper .title {
	font-size: 40px;
	font-weight: 800;
	letter-spacing: -2px;
	font-family: NanumSquareRound;
	text-align: center;
}

.sojunghangul.book-tree .section.flow .wrapper .items {
	margin-top: 160px;
	display: grid;
	gap: 75px;
	position: relative;
	z-index: 1;
}

.sojunghangul.book-tree .section.flow .wrapper .items .item {
	display: grid;
}

.sojunghangul.book-tree .section.flow .wrapper .items .item>div {
	position: relative;
	width: 658px;
	text-align: center;
	display: grid;
	justify-items: center;
}

.sojunghangul.book-tree .section.flow .wrapper .items .item .image {
	width: 100%;
}

.sojunghangul.book-tree .section.flow .wrapper .items .item-1 .balloons {
	position: absolute;
	top: -200px;
	left: -150px;
	width: 246px;
}

.sojunghangul.book-tree .section.flow .wrapper .items .item .label {
	padding: 14px 32px;
	background-color: #ed6432;
	border-radius: 50px;
	color: #ffffff;
	font-family: Pretendard;
	font-size: 24px;
	margin-top: 73px;
	font-weight: 600;
}

.sojunghangul.book-tree .section.flow .wrapper .items .item .desc {
	opacity: 0.6;
	font-family: Pretendard;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.36px;
	margin-top: 20px;
}

.sojunghangul.book-tree .section.flow .wrapper .items .item-2 {
	justify-content: end;
}

.sojunghangul.book-tree .section.flow .wrapper .items .item-2 .flowers {
	position: absolute;
	right: -200px;
	bottom: 100px;
	width: 200px;
}

.sojunghangul.book-tree .section.flow .wrapper .items .item-2 .characters {
	position: absolute;
	top: 100px;
	left: -600px;
	width: 400px;
}

.sojunghangul.book-tree .section.flow .wrapper .items .item-4 {
	justify-content: end;
}

.sojunghangul.book-tree .section.flow .wrapper .items .item-4 .birds {
	top: -150px;
	width: 256px;
	left: 360px;
	position: absolute;
}

@media all and (max-width: 768px) {
	.sojunghangul.book-tree .section.flow {
		padding: 120px 0;
	}

	.sojunghangul.book-tree .section.flow .wrapper .title {
		font-size: 24px;
	}

	.sojunghangul.book-tree .section.flow .wrapper .items {
		margin-top: 100px;
		gap: 170px;
	}

	.sojunghangul.book-tree .section.flow .wrapper .items .item {
		justify-content: center;
	}

	.sojunghangul.book-tree .section.flow .wrapper .items .item>div {
		width: 100%;
	}

	.sojunghangul.book-tree .section.flow .wrapper .items .item-1 .balloons {
		top: -100px;
		left: -45px;
		width: 100px;
	}

	.sojunghangul.book-tree .section.flow .wrapper .items .item .label {
		font-size: 18px;
		padding: 12px 20px;
		margin-top: 48px;
	}

	.sojunghangul.book-tree .section.flow .wrapper .items .item .desc {
		font-size: 16px;
	}

	.sojunghangul.book-tree .section.flow .wrapper .items .item-2 .flowers {
		right: 0px;
		top: -96px;
		width: 100px;
		bottom: inherit;
	}

	.sojunghangul.book-tree .section.flow .wrapper .items .item-4 .birds {
		right: 0;
		left: inherit;
		width: 150px;
		top: -100px;
	}
}

.sojunghangul.book-tree .section.learn {
	margin: 194px auto 0px;
	background-image: url("../images/sojunghangul/book-tree/background-6.jpg");
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
	width: 100%;
	max-width: 1588px;
	height: 436px;
	display: grid;
	align-content: center;
	padding: 0 136px;
}

.sojunghangul.book-tree .section.learn .section-title {
	display: grid;
	gap: 40px;
}

.sojunghangul.book-tree .section.learn .section-title .title {
	font-size: 40px;
	font-family: NanumSquareRound;
}

.sojunghangul.book-tree .section.learn .section-title .button {
	width: fit-content;
	padding: 20px 16px;
	background-color: #000000;
	display: grid;
	align-items: center;
	gap: 12px;
	font-size: 20px;
	color: #ffffff;
	grid-template-columns: 1fr 20px;
	font-family: Pretendard;
	border-radius: 8px;
}

@media all and (max-width: 768px) {
	.sojunghangul.book-tree .section.learn {
		margin: 127px auto 0px;
		background-image: url("../images/sojunghangul/book-tree/mobile/background-6.jpg");
		width: 90%;
		height: 502px;
		padding: 48px 20px;
		align-content: start;
	}

	.sojunghangul.book-tree .section.learn .section-title {
		gap: 32px;
	}

	.sojunghangul.book-tree .section.learn .section-title .title {
		font-size: 24px;
	}

	.sojunghangul.book-tree .section.learn .section-title .button {
		font-size: 16px;
	}
}

/* ERROR 404 */
#content.error {
	background-color: #e3e3e3;
	padding-top: 380px;
	padding-bottom: 0;
}

#content.error>.w-inner {
	position: relative;
	z-index: 1;
}

.section.error .error-title+.text {
	margin-top: 20px;
}

.section.error .title-wrap {
	text-align: center;
}

.section.error .title-wrap .text {
	color: var(--black-opa-5);
}

.section.error .btn-area {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.error .video-wrap {
	margin-left: auto;
	margin-right: auto;
}

@media all and (min-width: 769px) {
	.section.error .title-wrap .text {
		font-size: 18px;
		letter-spacing: -0.36px;
	}

	.section.error .btn-area .btn {
		-webkit-box-flex: 1;
		-ms-flex: none;
		flex: none;
		width: 270px;
	}

	.error .video-wrap {
		margin-top: -14px;
	}
}

@media all and (max-width: 768px) {
	#content.error {
		padding-top: 214px;
	}

	.section.error .error-title+.text {
		margin-top: 18px;
	}

	.section.error .btn-area {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.section.error .btn-area .btn {
		width: 100%;
		padding: 0;
	}

	.section.error .btn-area .btn+.btn {
		margin-left: 0;
		margin-bottom: 12px;
	}

	.error .video-wrap {
		margin-top: 73px;
	}
}

/* 약관 */
#content.terms {
	padding-top: 100px;
}

.terms .term-wrap {
	margin-top: 100px;
}

.terms .term-wrap .title:not(.large) {
	font-weight: 400;
}

.terms .term-wrap ul {
	margin-top: 0;
}

.terms .term-wrap ul li,
.terms .term-wrap .text {
	line-height: 1.6;
}

.terms .term-wrap ul li::before {
	display: none;
}

.terms .term-wrap ul li {
	padding-left: 0;
}

.terms .term-wrap .text>p+ul,
.terms .term-wrap .text>p+div,
.terms .term-wrap .text>ul>li+li,
.terms .term-wrap .text>div>ul>li p+dl {
	margin-top: 25px;
}

.terms .term-wrap .text>div>p+ul,
.terms .term-wrap .text li>p+ul,
.terms .term-wrap .text dl+dl {
	margin-top: 15px;
}

.terms.agreement .term-wrap {
	max-height: 1000px;
}

@media all and (max-width: 768px) {
	#content.terms {
		padding-top: 80px;
	}

	.terms .term-wrap {
		margin-top: 80px;
	}

	.terms.agreement .term-wrap {
		max-height: 556px;
	}
}

/* 회사소개 */
#content.company {
	padding-bottom: 0;
}

.company .section.intro {
	position: relative;
	background-image: url('../images/company/bg_intro.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
}

.company .section.intro::before {
	top: 143px;
	height: 191px;
	background-image: url('../images/company/cloud.png');
	background-position: right center;
	z-index: 1;
	-webkit-filter: opacity(0.62);
	filter: opacity(0.62);
}

.company .section.intro::before,
.company .section.intro::after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

.company .section.intro::after {
	bottom: 0;
	height: 338px;
	background-image: url('../images/company/intro_mountain.png');
	background-position: 80% bottom;
}

.company .section.intro .page-header {
	margin-top: -1.302vw;
	z-index: 1;
}

.company .company-title {
	font-weight: 700;
	font-size: 108px;
	letter-spacing: 0px;
	line-height: 1.04;
}

.company .company-title .img-wrap {
	width: 126px;
	height: 63px;
	margin-bottom: 16px;
}

.company .company-title+.section-text {
	margin-top: 32px;
}

.company .section-text {
	font-size: 24px;
	letter-spacing: -0.48px;
}

.company .company-title,
.company .section-text {
	color: var(--white);
}

.company .section.intro .img-area {
	position: relative;
}

.company .section.intro .img-wrap.planet01 {
	position: absolute;
	top: 50%;
	width: 152px;
	height: 238px;
}

.company .section.intro .img-wrap.planet02 {
	position: absolute;
	/*left: -120px; */
	width: 251px;
	height: 163px;
}

@media all and (min-width: 1921px) {
	.company .section.intro::before {
		height: 9.948vw;
	}

	.company .section.intro::after {
		height: 17.604vw;
		background-position-x: right;
	}

	.company .company-title {
		font-size: 5.625vw;
	}
}

@media all and (min-width: 769px) and (max-width: 1280px) {
	.company .company-title {
		font-size: 95px;
	}
}

@media all and (min-width: 769px) {
	.company .section.intro .center-wrap.col {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.company .section.intro .img-wrap.planet01 {
		width: 7.917vw;
		height: 12.396vw;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		margin-top: -2.604vw;
	}

	.company .section.intro .img-area {
		position: absolute;
		top: 50%;
		right: 4.479vw;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.company .section.intro .img-wrap.child {
		width: 39.271vw;
		height: 39.427vw;
	}

	.company .section.intro .img-wrap.planet02 {
		top: 50%;
		left: -6.25vw;
		width: 13.073vw;
		height: 8.49vw;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		margin-top: 25px;
	}
}

@media all and (max-width: 768px) {
	.company .section.intro {
		display: block;
		background-image: url('../images/company/bg_intro_mo.jpg');
		padding-top: 128px;
	}

	.company .section.intro::before {
		top: 68px;
		height: 116vw;
		background-image: url('../images/company/cloud_mo.png');
	}

	.company .section.intro::after {
		height: 38.933vw;
		background-image: url('../images/company/intro_mountain_mo.png');
	}

	.company .section.intro .center-wrap {
		height: auto;
	}

	.company .page-header {
		text-align: center;
	}

	.company .company-title {
		font-size: 42px;
	}

	.company .company-title .text-hidden {
		line-height: 1.1;
	}

	.company .company-title .img-wrap {
		width: 85px;
		height: 42px;
		margin: 0 auto 12px;
	}

	.company .company-title+.section-text {
		margin-top: 20px;
	}

	.company .section-text {
		font-size: 18px;
		letter-spacing: -0.36px;
	}

	.company .section.intro .img-area {
		margin-top: 32px;
	}

	.company .section.intro .img-wrap.child {
		max-width: 480px;
		width: 72.8vw;
		max-height: 483px;
		height: 73.6vw;
		margin: 0 auto;
	}

	.company .section.intro .img-wrap.planet01 {
		top: 82px;
		width: 18.133vw;
		height: 28.533vw;
	}

	.company .section.intro .img-wrap.planet02 {
		bottom: 15.147vw;
		right: 1.6vw;
		width: 33.6vw;
		height: 21.867vw;
	}

	@media all and (max-height: 667px) {
		.company .section.intro .img-wrap.child {
			width: 51.467vw;
			height: 52vw;
		}

		.company .section.intro .img-wrap.planet02 {
			right: 9.6vw;
			width: 27.467vw;
			height: 17.867vw;
		}
	}
}

.company .history-area {
	position: relative;
}

body:not(.opened-nav) .company .history-area {
	z-index: 11;
}

.company .section.history .center-wrap {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.company .title-wrap .year {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	font-weight: 700;
	font-size: 22px;
	letter-spacing: -0.44px;
}

.company .title-wrap .year dt {
	letter-spacing: 0;
}

.company .title-wrap .year dt+dd {
	margin-left: 16px;
}

.company .title-wrap .year+.history-title {
	margin-top: 28px;
}

.company .history-title {
	font-weight: 700;
	font-size: 54px;
	line-height: 1.33;
	letter-spacing: -1.08px;
}

.company .title-box .title-wrap+.text-wrap {
	margin-top: 5.55vh;
}

.company .text-wrap .text {
	font-size: 18px;
	letter-spacing: -0.36px;
	line-height: 1.67;
}

.company .text-wrap .text.large {
	font-weight: 700;
	font-size: 26px;
	letter-spacing: -0.52px;
	line-height: 1.54;
}

.company .text-wrap .text.large+.text {
	margin-top: 32px;
}

.company .text-wrap .text strong {
	display: inline-block;
	font-weight: 700;
}

.company .detail-box {
	background-color: var(--white);
	padding-top: 60px;
	padding-bottom: 60px;
}

.company .detail-box .item.box {
	position: relative;
	border-radius: 20px;
	background-color: var(--white);
	box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1);
	padding: 50px 50px 40px;
}

.company .detail-box .item.box .title {
	letter-spacing: -0.48px;
}

.company .matter-list {
	position: relative;
}

.company .matter-list::after {
	content: '';
	display: block;
	position: relative;
	left: 50%;
	width: 212px;
	height: 213px;
	background-image: url('../images/company/arrow.svg');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top: -54px;
	margin-bottom: 30px;
}

.company .matter-list>li {
	position: relative;
	z-index: 1;
}

.company .detail-box .item.box::after {
	content: '';
	display: block;
	position: relative;
	width: 137px;
	height: 136px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	margin-left: auto;
}

.company .matter-list>li:nth-child(1) .item.box::after {
	background-image: url('../images/company/illust_icon01.svg');
	margin-top: 20px;
}

.company .matter-list>li:nth-child(2) .item.box::after {
	background-image: url('../images/company/illust_icon02.svg');
	margin-top: 19px;
}

.company .matter-list>li+li {
	margin-top: 32px;
}

.company .matter-result .item.box::after {
	background-image: url('../images/company/illust_icon03.svg');
	margin-top: -19px;
}

.company .matter-result .item.box {
	background-color: #feb1da;
	padding-bottom: 30px;
}

.company .matter-result .item.box .text-wrap {
	color: var(--white);
}

.company .matter-result .item.box .title {
	font-size: 34px;
	letter-spacing: -0.68px;
}

.company .year {
	font-weight: 700;
	font-size: 50px;
	letter-spacing: -1px;
}

.company .indent li::before {
	top: 16px;
}

.company .section.history .data-list>li {
	border-bottom: 1px solid var(--black-opa-1);
	padding-top: 73px;
	padding-bottom: 73px;
}

.company .section.history .data-list+.year {
	margin-top: 73px;
}

.company .section.history .data-list+.img-wrap,
.company .section.history .data-list+.video-wrap {
	margin-top: 80px;
}

@media all and (min-width: 961px) and (max-width: 1280px) {
	.company .history-title {
		font-size: 48px;
	}

	.company .year {
		font-size: 44px;
		letter-spacing: -0.88px;
	}
}

@media all and (min-width: 769px) and (max-width: 1280px) {
	.company .detail-box .item.box {
		padding: 30px 30px 20px;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.company .history-title {
		font-size: 42px;
	}

	.company .year {
		font-size: 38px;
		letter-spacing: -0.8px;
	}
}

@media all and (min-width: 769px) {
	.company .history-area .section {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		min-height: 120vh;
	}

	.company .section.history>div {
		width: 50%;
	}

	.company .section.history:nth-child(1) .text-wrap .text {
		max-width: 435px;
	}

	.company .section.history:nth-child(2) .text-wrap .text {
		max-width: 496px;
	}

	.company .section.history:nth-child(3) .text-wrap .text,
	.company .section.history:nth-child(4) .text-wrap .text {
		max-width: 465px;
	}
}

@media all and (max-width: 768px) {
	.company .section.history>div {
		padding: 50px 16px;
	}

	.company .title-wrap .year+.history-title {
		margin-top: 16px;
	}

	.company .history-title {
		font-size: 36px;
		letter-spacing: -0.72px;
	}

	.company .title-wrap .year {
		font-size: 20px;
	}

	.company .title-wrap .year dt+dd {
		margin-left: 14px;
	}

	.company .title-box .title-wrap+.text-wrap {
		margin-top: 30px;
	}

	.company .text-wrap .text {
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.company .matter-list::after {
		width: 136px;
		height: 136px;
		margin-top: -46px;
		margin-bottom: 16px;
	}

	.company .matter-list>li+li {
		margin-top: 20px;
	}

	.company .detail-box .item.box {
		padding: 40px
	}

	.company .detail-box .item.box .title {
		font-size: 22px;
	}

	.company .detail-box .item.box::after {
		width: 80px;
		height: 80px;
	}

	.company .matter-list>li:nth-child(2) .item.box::after,
	.company .matter-result .item.box::after {
		margin-top: 5px;
	}

	.company .matter-result .item.box .title {
		font-size: 31px;
		letter-spacing: -0.62px;
		line-height: 1.16;
	}

	.company .year {
		font-size: 34px;
		letter-spacing: -0.68px;
	}

	.company .section.history .data-list>li {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.company .section.history .data-list+.year,
	.company .section.history .data-list+.img-wrap,
	.company .section.history .data-list+.video-wrap {
		margin-top: 40px;
	}
}

.company .section.history:nth-child(1) .title-box {
	background-color: #fff0f8;
}

.company .section.history:nth-child(2) .title-box {
	background-color: #fff8e1;
}

.company .section.history:nth-child(3) .title-box {
	background-color: #f7ffef;
}

.company .section.history:nth-child(4) .title-box {
	background-color: #e4f9fe;
}

.company .section.history:nth-child(5) .title-box {
	background-color: #fff0f8;
}

@media all and (min-width: 1541px) {
	.company .title-box {
		padding-left: 15.625vw;
	}

	.company .detail-box {
		padding-right: 15.625vw;
	}

	.company .sticky-menu {
		padding-left: 12.24vw;
		padding-right: 12.24vw;
	}
}

@media all and (min-width: 961px) and (max-width: 1540px) {
	.company .title-box {
		padding-left: 10.625vw;
	}

	.company .detail-box {
		padding-right: 10.625vw;
	}

	.company .sticky-menu {
		padding-left: 7.24vw;
		padding-right: 7.24vw;
	}
}

@media all and (min-width: 769px) and (max-width: 1080px) {
	.company .title-box {
		padding-left: 50px;
	}

	.company .detail-box {
		padding-right: 50px;
	}

	.company .sticky-menu {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media all and (min-width: 1281px) {
	.company .title-box {
		padding-right: 7.969vw;
	}

	.company .detail-box,
	.company .section.info .list-wrap {
		padding-left: 7.969vw;
	}
}

@media all and (min-width: 961px) and (max-width: 1280px) {
	.company .title-box {
		padding-right: 3.906vw;
	}

	.company .detail-box,
	.company .section.info .list-wrap {
		padding-left: 3.906vw;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.company .title-box {
		padding-right: 30px;
	}

	.company .detail-box {
		padding-left: 30px;
	}
}

@media all and (min-width: 769px) {
	.company .title-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		position: sticky;
		top: 0;
		left: 0;
		height: 100vh;
	}
}

.company .section.info {
	background-color: #fff0f8;
}

.company .section.info .info-title {
	font-weight: 700;
	font-size: 48px;
	letter-spacing: -0.96px;
}

.company .section.info .img-wrap.logo {
	display: inline-block;
	width: 103px;
	height: 53px;
	vertical-align: top;
}

.company .section.info .img-wrap.characters {
	max-width: 468px;
	max-height: 239px;
}

.company .section.info .item .title {
	font-weight: 700;
	font-size: 22px;
	letter-spacing: -0.44px;
}

.company .section.info .data-list {
	width: calc(100% + (12px * 2));
	margin-top: -12px;
	margin-left: -12px;
}

.company .section.info .data-list>li {
	width: calc((100% - 48px) / 2);
	margin: 12px;
}

.company .section.info .data-list>li .item {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	height: 160px;
	background-color: var(--white);
	box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1);
	padding: 32px;
}

.company .section.info .data-list>li .item::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
}

.company .section.info .data-list>li:nth-child(1) .item::before {
	background-image: url('../images/company/info_icon01.svg');
}

.company .section.info .data-list>li:nth-child(2) .item::before {
	background-image: url('../images/company/info_icon02.svg');
}

.company .section.info .data-list>li:nth-child(3) .item::before {
	background-image: url('../images/company/info_icon03.svg');
}

.company .section.info .data-list>li:nth-child(4) .item::before {
	background-image: url('../images/company/info_icon04.svg');
}

.company .section.info .item .btn-area {
	margin-top: 0;
}

.company .section.info .btn.round.x-small {
	width: 24px;
	height: 24px;
}

.company .section.info .ico.arr-thick-w.small {
	width: 13px;
	height: 13px;
}

@media all and (min-width: 961px) and (max-width: 1280px) {
	.company .section.info .data-list>li .item {
		padding: 20px;
	}
}

@media all and (min-width: 961px) {
	.company .section.info .center-wrap {
		padding-bottom: 4.792vw;
	}

	.company .section.info .center-wrap>div {
		width: 50%;
	}

	/* .company .section.info .title-wrap {margin-top: -48px;} */
	.company .section.info .info-title+.img-wrap {
		margin-top: 80px;
	}

	.company .section.info .title-wrap+.list-wrap {
		margin-top: 0;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.company .section.info {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}

@media all and (max-width: 960px) {
	.company .section.info {
		height: auto;
	}

	.company .section.info .center-wrap {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		position: relative;
		height: auto;
		padding-bottom: 290px;
	}

	.company .section.info .img-wrap.characters {
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media all and (max-width: 768px) {
	.company .section.info {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.company .section.info .center-wrap {
		padding-bottom: 235px;
	}

	.company .section.info .info-title {
		font-size: 36px;
		letter-spacing: -0.72px;
	}

	.company .section.info .data-list {
		width: calc(100% + (6px * 2));
		margin-top: -6px;
		margin-left: -6px;
	}

	.company .section.info .data-list>li {
		width: calc((100% - 24px) / 2);
		margin: 6px;
	}

	.company .section.info .img-wrap.characters {
		max-width: 321px;
		width: 100%;
		max-height: 164px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.company .section.info .data-list>li .item {
		height: 140px;
		padding: 26px;
	}

	.company .section.info .item .title {
		font-size: 18px;
		letter-spacing: -0.36px;
	}

	.company .section.info .data-list>li:nth-child(1) .item::before {
		background-image: url('../images/company/info_icon01_mo.svg');
	}

	.company .section.info .data-list>li:nth-child(2) .item::before {
		background-image: url('../images/company/info_icon02_mo.svg');
	}

	.company .section.info .data-list>li:nth-child(3) .item::before {
		background-image: url('../images/company/info_icon03_mo.svg');
	}

	.company .section.info .data-list>li:nth-child(4) .item::before {
		background-image: url('../images/company/info_icon04_mo.svg');
	}
}

/* 이용권 - 구독권활성화 팝업 */
.ticket-register .popup {
	border-radius: 12px;
	padding-top: 64px;
}

.ticket-register .popup-header .btn-close {
	top: -32px;
}

.ticket-register .popup-header .title {
	font-weight: 700;
	font-size: 32px;
	letter-spacing: -1.6px;
}

.ticket-register .popup-body,
.ticket-register .use-list>li+li,
.ticket-register .use-list,
.ticket-register .help {
	margin-top: 24px;
}

.ticket-register .account-wrap {
	background-color: #fff5f5;
	border-radius: 8px;
	text-align: center;
	padding: 30px 15px;
}

.ticket-register .badge.bdr {
	height: 36px;
	border-radius: 19px;
	font-weight: 500;
	padding: 0 23px;
}

.ticket-register .badge+.text {
	margin-top: 12px;
}

.ticket-register .text,
.ticket-register h3 {
	color: #231d1b;
}

.ticket-register .account-wrap+h3 {
	margin-top: 40px;
}

.ticket-register h3 {
	font-weight: 700;
	font-size: 20px;
	letter-spacing: -0.4px;
	text-align: center;
}

.ticket-register .use-list {
	border-top: 1px solid var(--black-opa-1);
	border-bottom: 1px solid var(--black-opa-1);
	padding-top: 28px;
	padding-bottom: 28px;
}

.ticket-register .use-list>li,
.ticket-register .use-list .num {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.ticket-register .use-list .num {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 28px;
	height: 28px;
	background-color: var(--coral);
	border-radius: 50%;
	font-weight: 700;
	color: var(--white);
}

.ticket-register .use-list .text {
	width: calc(100% - 28px);
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -0.32px;
	padding-left: 12px;
}

.ticket-register .use-list .text>em {
	display: block;
	font-weight: 500;
	color: rgba(35, 29, 27, 0.5);
}

.ticket-register .ico.mark {
	margin: 0 5px;
}

.ticket-register .help {
	text-align: center;
	color: rgba(35, 29, 27, 0.5);
}

.ticket-register .help .btn.underline {
	font-size: inherit;
	color: inherit;
	vertical-align: inherit;
	text-decoration: underline;
}

@media all and (min-width: 769px) {
	.ticket-register .popup {
		min-width: 560px;
	}

	.ticket-register .use-list .text {
		margin-top: -1px;
	}

	.ticket-register .use-list .text>em {
		margin-top: 8px;
	}
}

@media all and (max-width: 768px) {
	.overlay.ticket-register {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.overlay.ticket-register .popup {
		margin-top: 100px;
		margin-bottom: 100px;
		padding: 54px 16px 28px;
	}

	.ticket-register .popup-header .btn-close {
		top: -36px;
	}

	.ticket-register .popup-header .title {
		font-size: 24px;
		letter-spacing: -1.2px;
	}

	.ticket-register .popup-body,
	.ticket-register .use-list>li+li,
	.ticket-register .use-list,
	.ticket-register .help {
		margin-top: 20px;
	}

	.ticket-register .account-wrap {
		padding: 28px 10px;
	}

	.ticket-register .badge+.text {
		margin-top: 10px;
	}

	.ticket-register .account-wrap+h3 {
		margin-top: 32px;
	}

	.ticket-register h3 {
		font-size: 18px;
		letter-spacing: -0.36px;
	}

	.ticket-register .use-list {
		padding-top: 22px;
		padding-bottom: 22px;
	}

	.ticket-register .use-list .num {
		width: 24px;
		height: 24px;
	}

	.ticket-register .use-list .text {
		width: calc(100% - 24px);
		padding-left: 10px;
	}

	.ticket-register .badge.bdr,
	.ticket-register .use-list .num,
	.ticket-register .use-list .text,
	.ticket-register .help {
		font-size: 14px;
		letter-spacing: -0.28px;
	}

	.ticket-register .ico.mark {
		margin: 0 3px;
	}

	.ticket-register .popup-body .btn-area {
		padding-left: 16px;
		padding-right: 16px;
	}
}

@media all and (min-width: 769px) and (max-height: 780px) {
	.overlay.ticket-register {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.overlay.ticket-register .popup {
		margin-top: 100px;
		margin-bottom: 100px;
	}
}

/* 인기 게임 맛보기 */
.float-fixed.go-ex {
	bottom: 150px;
	transition: 0.3s ease;
}

.float-fixed.go-ex .btn {
	background-color: var(--coral);
	box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.08);
	color: var(--white);
	padding: 22px 28px;
}

@media all and (min-width: 769px) {
	.float-fixed.go-ex .btn {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		border-radius: 32px;
	}

	.float-fixed.go-ex .btn span+.ico {
		margin-top: 16px;
	}

	.float-fixed.go-ex .btn .ico {
		width: 28px;
		height: 28px;
	}

	.float-fixed.go-ex.hide {
		opacity: 0;
		z-index: -1;
		visibility: hidden;
	}
}

@media all and (max-width: 768px) {
	.float-fixed.go-ex {
		bottom: 0;
		right: 0;
		width: 100%;
	}

	.float-fixed.go-ex .btn {
		width: 100%;
		height: 80px;
		box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.04);
		font-size: 20px;
		letter-spacing: -1px;
	}

	.float-fixed.go-ex .btn br {
		display: none;
	}

	.float-fixed.go-ex .btn span+.ico {
		margin-left: 12px;
	}

	.float-fixed.go-ex .btn .ico {
		width: 26px;
		height: 26px;
	}

	.float-fixed.go-ex.release {
		position: relative;
		bottom: auto;
		right: auto;
	}
}

.sj24 {
	font-family: 'NanumSquareRound';
}

.sj24 .sun {
	background-image: url('../images/sojunghangul/sj24/sun.svg');
	width: 73px;
	height: 73px;
	background-size: contain;
}

.sj24 .section-intro {
	background-image: url('../images/sojunghangul/sj24/main_background.png');
	width: 100%;
	min-height: 130vh;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	display: grid;
	justify-content: center;
	align-content: start;
	padding-top: 240px;
}

.sj24 .section-intro .section-intro-content {
	max-width: 1400px;
	width: 90vw;
	display: grid;
	grid-template-columns: 640px 580px;
	justify-content: center;
	justify-content: space-between;
	align-items: center;
}

.sj24 .section-intro .section-intro-content .section-intro-title-area {
	margin-bottom: 300px;
}

.sj24 .section-intro .section-intro-content .section-intro-title-area .section-intro-subtitle {
	font-size: 50px;
	line-height: 56.75px;
	font-weight: 800;
}

.sj24 .section-intro .section-intro-content .section-intro-title-area .section-intro-title {
	font-size: 92px;
	line-height: 104.42px;
	font-weight: 800;
}

.sj24 .section-intro .section-intro-content .section-intro-title-area .section-intro-desc {
	font-family: Pretendard;
	margin-top: 40px;
	font-size: 24px;
	line-height: 40px;
}

.sj24 .section-intro .section-intro-content .section-intro-title-area .section-intro-title-button-area {
	margin-top: 80px;
	display: grid;
	grid-template-columns: 195px 195px;
	gap: 16px;
}

.sj24 .section-intro .section-intro-content .section-intro-title-area .section-intro-title-button-area button {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	border: 1px solid #000000;
	border-radius: 10px;
	padding: 15px 0;
	background-color: #FFFFFF4D;
	font-family: Pretendard;
}

.sj24 .section-intro .section-intro-content .section-intro-title-area .section-intro-title-button-area button:hover {
	background-color: var(--black);
	color: var(--white);
}

.sj24 .section-intro .section-intro-content .section-intro-title-area .section-intro-title-button-area button:hover .ico.android {
	background-image: url(../images/common/ico_android-w.svg)
}

.sj24 .section-intro .section-intro-content .section-intro-title-area .section-intro-title-button-area button:hover .ico.ios {
	background-image: url(../images/common/ico_ios-w.svg)
}

.sj24 .section-intro .section-intro-content .section-intro-character {
	margin-bottom: 100px;
	width: 580px;
}

.sj24 .section.first .w-inner {
	display: grid;
	justify-items: center;
	justify-content: center;
	margin-top: 159px;
}

.sj24 .section.first .section-first-logo {
	width: 380px;
}

.sj24 .section.first .section-first-desc {
	font-family: Pretendard;
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	margin-top: 83px;
	text-align: center;
}

.sj24 .section.first .section-first-process {
	font-family: Pretendard;
	display: grid;
	grid-template-columns: 593px 106px 593px;
	gap: 13px;
	align-items: center;
	margin-top: 296px;
}

.sj24 .section.first .section-first-process .arrow {
	width: 100%;
}

.sj24 .section.first .section-first-process .section-first-box {
	border-radius: 20px;
	display: grid;
	height: 666px;
	justify-content: center;
	justify-items: center;
	align-items: center;
	align-content: center;
	z-index: -1;
}

.sj24 .section.first .section-first-process .section-first-box img {
	width: 246px;
}

.sj24 .section.first .section-first-process .section-first-box .box-title {
	font-size: 28px;
	line-height: 40px;
	font-weight: 600;
	margin-top: 53px;
}

.sj24 .section.first .section-first-process .section-first-box .box-title>span {
	position: relative;
}

.sj24 .section.first .section-first-process .section-first-box .box-title .border-bottom {
	left: 0;
	bottom: -4px;
	position: absolute;
	height: 23px;
	width: 100%;
	z-index: -1;
}

.sj24 .section.first .section-first-process .section-first-box .box-desc {
	font-size: 24px;
	font-weight: 500;
	line-height: 35px;
	text-align: center;
	color: #00000080;
	margin-top: 24px;
}

.sj24 .section.second {
	margin-top: 427px;
	position: relative;
}

.sj24 .section.second .top-wave1 {
	display: grid;
	justify-content: center;
	background-image: url(../images/sojunghangul/sj24/wave1.svg);
	background-repeat: repeat-x;
	height: 68px;
	background-position: bottom;
	background-size: contain;
}

.sj24 .section.second .top-wave2 {
	background-image: url(../images/sojunghangul/sj24/wave2.svg);
	background-repeat: repeat-x;
	height: 221px;
	background-position: top;
	background-size: contain;
}

.sj24 .section.second .blue-box {
	background-color: #E7F8FF;
	position: relative;
	overflow: hidden;
	padding-bottom: 266px;
	z-index: -2;
}

.sj24 .section.second .blue-box .how-to-learn {
	margin-top: 156px;
	display: grid;
	justify-content: center;
	justify-items: center;
	gap: 30px;
}

.sj24 .section.second .blue-box .how-to-learn span {
	font-size: 40px;
	font-weight: 800;
	line-height: 50px;
}

.sj24 .section.second .blue-box .how-to-learn-answer {
	padding-top: 374px;
	max-width: 1259px;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 130px;
	margin: 0 auto;
}

.sj24 .section.second .blue-box .how-to-learn-answer img {
	width: 100%;
}

.sj24 .section.second .blue-box .how-to-learn-answer .answer-content {
	display: grid;
	align-items: center;
	align-content: center;
	gap: 45px;
	padding: 0 60px;
}

.sj24 .section.second .blue-box .how-to-learn-answer .answer-content .number {
	background-color: #3EB9FF;
	border-radius: 24px;
	width: 108px;
	height: 48px;
	display: grid;
	justify-content: center;
	align-content: center;
	color: #ffffff;
	font-size: 26px;
	line-height: 31px;
	font-weight: 700;
}

.sj24 .section.second .blue-box .how-to-learn-answer .answer-content .title {
	font-family: Pretendard;
	font-size: 37px;
	line-height: 35px;
	font-weight: 700;
}

.sj24 .section.second .blue-box .how-to-learn-answer .answer-content .desc {
	font-family: Pretendard;
	font-size: 25px;
	line-height: 40px;
	font-weight: 500;
	color: #00000099;
}

.sj24 .section.second .blue-box .cloud {
	position: absolute;
	z-index: -1;
	background-repeat: no-repeat;
	background-size: contain;
}

.sj24 .section.second .blue-box .cloud-1 {
	top: 10%;
	right: 15%;
	background-image: url('../images/sojunghangul/sj24/cloud_1.png');
	width: 347px;
	height: 277px;
}

.sj24 .section.second .blue-box .cloud-2 {
	top: 13%;
	left: -6%;
	background-image: url('../images/sojunghangul/sj24/cloud_2.png');
	width: 578px;
	height: 460px;
}

.sj24 .section.second .blue-box .cloud-3 {
	top: 32%;
	left: 37%;
	background-image: url('../images/sojunghangul/sj24/cloud_3.png');
	width: 157px;
	height: 125px;
}

.sj24 .section.second .blue-box .cloud-4 {
	top: 51%;
	right: -7%;
	background-image: url('../images/sojunghangul/sj24/cloud_4.png');
	width: 388px;
	height: 310px;
}

.sj24 .section.second .blue-box .cloud-5 {
	top: 60%;
	right: 10%;
	background-image: url('../images/sojunghangul/sj24/cloud_5.png');
	width: 210px;
	height: 167px;
}

.sj24 .section.second .blue-box .cloud-6 {
	bottom: 30%;
	left: 10%;
	background-image: url('../images/sojunghangul/sj24/cloud_6.png');
	width: 250px;
	height: 200px;
}

.sj24 .section.second .blue-box .cloud-7 {
	bottom: -5%;
	right: -10%;
	background-image: url('../images/sojunghangul/sj24/cloud_7.png');
	width: 723px;
	height: 576px;
}

.sj24 .section.third {
	margin-top: 400px;
}

.sj24 .section.third .who {
	display: grid;
	justify-content: center;
	justify-items: center;
	gap: 30px;
}

.sj24 .section.third .who span {
	font-size: 40px;
	font-weight: 800;
	line-height: 50px;
}

.sj24 .section.third .content {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 87px;
}

.sj24 .section.third .content .content-item img {
	width: 100%;
}

.sj24 .section.third .content .content-item .desc {
	font-family: Pretendard;
	font-size: 26px;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
	margin-top: 60px;
}

.sj24 .section.fourth {
	margin-top: 329px;
}

.sj24 .section.fourth .blue-box {
	background-color: #DBECFD;
	padding: 290px 0;
	display: grid;
}

.sj24 .section.fourth .blue-box .head {
	display: grid;
	justify-content: center;
	justify-items: center;
}

.sj24 .section.fourth .blue-box .head .head-title {
	font-size: 40px;
	font-weight: 800;
	line-height: 50x;
	margin-top: 29px;
	text-align: center;
}

.sj24 .section.fourth .blue-box .head .head-desc {
	font-family: Pretendard;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
	color: #00000099;
	margin-top: 42px;
}

.sj24 .section.fourth .blue-box .table-area {
	margin-top: 144px;
	background-color: #FFFFFF;
}

.sj24 .section.fourth .blue-box .table-area table {
	border-top: 4px solid #C3CFD6;
	border-bottom: 4px solid #C3CFD6;
}

.sj24 .section.fourth .blue-box .table-area .image-area {
	width: 40%;
}

.sj24 .section.fourth .blue-box .table-area .image-area>div {
	display: grid;
	justify-content: center;
	justify-items: center;
	align-content: center;
	align-items: center;
	gap: 31px;
	padding: 88px 0 57px;
}

.sj24 .section.fourth .blue-box .table-area .image-area>div img {
	width: 160px;
}

.sj24 .section.fourth .blue-box .table-area .image-area>div .image-area-title {
	font-family: Pretendard;
	font-size: 32px;
	font-weight: 600;
	line-height: 45px;
}

.sj24 .section.fourth .blue-box .table-area .text-area {
	padding: 49px 0;
}

.sj24 .section.fourth .blue-box .table-area .center-area {
	background-color: #EDF7FA;
	width: 20%;
	color: #0000004D;
	vertical-align: middle;
	text-align: center;
	font-family: Pretendard;
	font-size: 28px;
	font-weight: 700;
	line-height: 45px;
}

.sj24 .section.fourth .blue-box .table-area .item-area {
	padding: 49px 0;
	text-align: center;
	font-family: Pretendard;
	font-size: 28px;
	font-weight: 500;
	line-height: 50px;
	vertical-align: middle;
}

.sj24 .section.fourth .blue-box .table-area .blue-color {
	color: #0083FA;
}

.sj24 .section.fourth .blue-box .table-area .border-top {
	border-top: 2px solid #0000001A;
}

.sj24 .section.fourth .top-wave3 {
	display: grid;
	justify-content: center;
	background-image: url(../images/sojunghangul/sj24/wave3.png);
	background-repeat: repeat-x;
	height: 221px;
	background-position: top;
	background-size: contain;
}

.sj24 .section.fifth {
	padding: 100px 0;
	text-align: center;
	margin: 0 auto;
	font-size: 40px;
	font-weight: 800;
	line-height: 75px;

}

.sj24 .section.fifth .underline {
	position: relative;
}

.sj24 .section.fifth .underline::after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 20px;
	left: 0;
	right: 0;
	z-index: -1;
}

.sj24 .section.fifth .underline.blue::after {
	background-color: #A9DEFB;
}

.sj24 .section.fifth .underline.yellow::after {
	background-color: #FFDBA4;
}

.sj24 .section.fifth .ceil-dot {
	position: relative;
}

.sj24 .section.fifth .ceil-dot::after {
	content: '';
	position: absolute;
	top: -14px;
	left: 14px;
	width: 7px;
	height: 7px;
	border-radius: 100%;
}

.sj24 .section.fifth .ceil-dot.blue::after {
	background-color: #00B5FF;
}

.sj24 .section.fifth .ceil-dot.yellow::after {
	background-color: #FFC164;
}

.sj24 .section.sixth {
	position: relative;
	overflow: hidden;
}

.sj24 .section.sixth .top-wave {
	display: grid;
	justify-content: center;
	background-repeat: repeat-x;
	background-position: bottom;
	background-size: contain;
}

.sj24 .section.sixth .bottom-wave-area {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.sj24 .section.sixth .sixth-content {
	background-color: #FFED8C;
	padding-top: 174px;
	padding-bottom: 469px;
	position: relative;
}

.sj24 .section.sixth .sixth-content .head {
	display: grid;
	justify-content: center;
	justify-items: center;
}

.sj24 .section.sixth .sixth-content .head .head-title {
	font-size: 40px;
	font-weight: 800;
	line-height: 50px;
	margin-top: 30px;
}

.sj24 .section.sixth .sixth-content .card-area {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 86px;
	margin-top: 332px;
	align-items: start;
}

.sj24 .section.sixth .sixth-content .card-area .card-area-left {
	display: grid;
	gap: 78px;
}

.sj24 .section.sixth .sixth-content .card-area .card-area-right {
	display: grid;
	gap: 78px;
	margin-top: 165px;
}

.sj24 .section.sixth .sixth-content .card-area .card {
	padding: 64px 87px 106px;
	background-color: #FFFFFF;
	border-radius: 20px;
	box-shadow: 0px 4px 10px 0px #00000040;
	display: grid;
	justify-content: center;
	justify-items: center;
	z-index: 1;
}

.sj24 .section.sixth .sixth-content .card-area .card-dot {
	width: 61px;
}

.sj24 .section.sixth .sixth-content .card-area .card-title {
	margin-top: 52px;
	font-family: Pretendard;
	font-size: 35px;
	font-weight: 700;
	line-height: 41.77px;
}

.sj24 .section.sixth .sixth-content .card-area .card-desc {
	margin-top: 34px;
	font-family: Pretendard;
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
	color: #00000099;
}

.sj24 .section.sixth .sixth-content .card-area .card-images {
	margin-top: 99px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 43px;
}

.sj24 .section.sixth .sixth-content .card-area .card-images>div {
	display: grid;
	justify-content: center;
	justify-items: center;
}

.sj24 .section.sixth .sixth-content .card-area .card-images>div img {
	width: 100%;
	border-radius: 6px;
}

.sj24 .section.sixth .sixth-content .card-area .card-images>div div {
	margin-top: 19px;
	font-family: Pretendard;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
}

.sj24 .section.sixth .sixth-content .cloud-1 {
	position: absolute;
	top: 2%;
	left: 5%;
	background-image: url('../images/sojunghangul/sj24/cloud_8.png');
	width: 198px;
	height: 102px;
	background-size: contain;
	background-repeat: no-repeat;
}

.sj24 .section.sixth .sixth-content .cloud-2 {
	position: absolute;
	top: 10%;
	right: 14%;
	background-image: url('../images/sojunghangul/sj24/cloud_9.png');
	width: 324px;
	height: 144px;
	background-size: contain;
	background-repeat: no-repeat;
}

.sj24 .section.sixth .sixth-content .cloud-3 {
	position: absolute;
	top: 55%;
	right: -10%;
	background-image: url('../images/sojunghangul/sj24/cloud_10.png');
	width: 640px;
	height: 510px;
	background-size: contain;
	background-repeat: no-repeat;
}

.sj24 .section.sixth .sixth-content .cloud-4 {
	position: absolute;
	top: 60%;
	left: 3%;
	background-image: url('../images/sojunghangul/sj24/cloud_11.png');
	width: 429px;
	height: 342px;
	background-size: contain;
	background-repeat: no-repeat;
}

.sj24 .section.sixth .sixth-content .cloud-5 {
	position: absolute;
	top: 75%;
	right: -10%;
	background-image: url('../images/sojunghangul/sj24/cloud_12.png');
	width: 902px;
	height: 719px;
	background-size: contain;
	background-repeat: no-repeat;
}

.sj24 .section.sixth .sixth-content .bird {
	position: absolute;
	top: 14%;
	right: 0%;
	background-image: url('../images/sojunghangul/sj24/bird.png');
	width: 265px;
	height: 110px;
	background-size: contain;
	background-repeat: no-repeat;
}

.sj24 .section.sixth .sixth-content .rainbow-1 {
	position: absolute;
	top: 41%;
	right: -10%;
	background-image: url('../images/sojunghangul/sj24/rainbow1.png');
	width: 430px;
	height: 227px;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
}

.sj24 .section.sixth .sixth-content .rainbow-2 {
	position: absolute;
	bottom: 15%;
	left: -16%;
	background-image: url('../images/sojunghangul/sj24/rainbow2.png');
	width: 694px;
	height: 377px;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
}

.sj24 .section.seventh {
	background-color: #E5F9FF;
	padding-top: 249px;
	padding-bottom: 300px;
	overflow: hidden;
}

.sj24 .section.seventh .head {
	display: grid;
	justify-content: center;
	justify-items: center;
}

.sj24 .section.seventh .head .head-title {
	font-size: 40px;
	font-weight: 800;
	line-height: 50px;
	margin-top: 30px;
}

.sj24 .section.seventh .conversation {
	padding-top: 250px;
	display: grid;
	width: 800px;
	margin: 0 auto;
}

.sj24 .section.seventh .conversation>div {
	position: relative;
	display: grid;
	justify-content: start;
}

.sj24 .section.seventh .conversation>div::after {
	content: '';
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.sj24 .section.seventh .conversation .con-1::after {
	left: -300px;
	top: -100px;
	background-image: url('../images/sojunghangul/sj24/char_1.png');
	width: 306px;
	height: 335px;
}

.sj24 .section.seventh .conversation .con-1 img {
	width: 48%;
}

.sj24 .section.seventh .conversation .con-2 {
	justify-content: end;
	justify-items: end;
}

.sj24 .section.seventh .conversation .con-2::after {
	right: -300px;
	top: -80px;
	width: 306px;
	height: 335px;
	background-image: url('../images/sojunghangul/sj24/char_2.png');
}

.sj24 .section.seventh .conversation .con-2 img {
	width: 95%;
}

.sj24 .section.seventh .conversation .con-3::after {
	left: -300px;
	top: -100px;
	width: 306px;
	height: 335px;
	background-image: url('../images/sojunghangul/sj24/char_3.png');
}

.sj24 .section.seventh .conversation .con-3 img {
	width: 55%;
}

.sj24 .section.seventh .conversation .con-4 img {
	width: 88%;
}

.sj24 .section.seventh .conversation .con-4 {
	justify-content: end;
	justify-items: end;
}

.sj24 .section.seventh .conversation .con-4::after {
	right: -300px;
	top: -80px;
	width: 306px;
	height: 335px;
	background-image: url('../images/sojunghangul/sj24/char_4.png');
}

.sj24 .section.eighth {
	background-image: url('../images/sojunghangul/sj24/eighth-background.png');
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	height: 180vh;
	width: 100%;
	background-color: #E5F9FF;
	position: relative;
}

.sj24 .section.eighth .text-area {
	padding-top: 70vh;
}

.sj24 .section.eighth .text-area .subtitle {
	font-family: Pretendard;
	font-size: 40px;
	font-weight: 500;
	line-height: 47.73px;
}

.sj24 .section.eighth .text-area .title {
	margin-top: 19px;
	font-size: 50px;
	font-weight: 800;
	line-height: 56.75px;
}

.sj24 .section.eighth .text-area .button-area {
	margin-top: 96px;
	display: flex;
	align-items: center;
	gap: 20px;
}

.sj24 .section.eighth .text-area .button-area button {
	background-color: #000000;
	border-radius: 8px;
	color: #ffffff;
	font-family: Pretendard;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	text-align: left;
	padding: 22px;
	display: flex;
	gap: 4px;
	align-items: center;
}

.sj24 .section.eighth .character-area {
	background-image: url('../images/sojunghangul/sj24/08_character.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	max-width: 642px;
	width: 30%;
	height: 518px;
	position: absolute;
	right: 10%;
	bottom: 10%;
}

@media all and (max-width: 1400px) {
	.sj24 .section-intro .section-intro-content {
		max-width: 1000px;
		grid-template-columns: 500px 400px;
	}

	.sj24 .section-intro .section-intro-content .section-intro-title-area {
		margin-bottom: 200px;
	}

	.sj24 .section-intro .section-intro-content .section-intro-title-area .section-intro-title {
		font-size: 72px;
	}

	.sj24 .section-intro .section-intro-content .section-intro-character {
		width: 400px;
	}

	.sj24 .section.sixth .sixth-content .card-area .card {
		padding: 64px 60px 106px;
	}
}

@media all and (max-width: 1024px) {
	.sj24 .section-intro .section-intro-content .section-intro-title-area .section-intro-subtitle {
		font-size: 40px;
	}

	.sj24 .section-intro .section-intro-content .section-intro-title-area {
		margin-bottom: 100px;
	}

	.sj24 .section-intro .section-intro-content .section-intro-title-area .section-intro-title {
		font-size: 60px;
		line-height: 65px;
	}

	.sj24 .section-intro .section-intro-content .section-intro-title-area .section-intro-title-button-area {
		margin-top: 40px;
	}

	.sj24 .section.first .section-first-process {
		grid-template-columns: 450px 50px 450px
	}

	.sj24 .section.second .blue-box .how-to-learn-answer {
		padding-top: 200px;
	}

	.sj24 .section.second .blue-box .how-to-learn-answer {
		gap: 100px 50px;
	}

	.sj24 .section.second .blue-box .how-to-learn-answer .answer-content {
		padding: 0;
		gap: 30px;
	}

	.sj24 .section.second .blue-box .how-to-learn-answer .answer-content .title {
		font-size: 30px;
		line-height: 1.4;
	}

	.sj24 .section.second .blue-box .how-to-learn-answer .answer-content .desc {
		font-size: 20px;
		line-height: 1.4;
	}

	.sj24 .section.third .content .content-item .desc {
		font-size: 20px;
	}

	.sj24 .section.fifth {
		font-size: 20px;
		line-height: 35px;
		padding: 0;
	}

	.sj24 .section.fifth .ceil-dot::after {
		top: -6px;
		left: 7px;
		width: 4px;
		height: 4px;
	}

	.sj24 .section.sixth .sixth-content .rainbow-2 {
		bottom: 11%;
		left: -8%;
		width: 400px;
		height: 300px;
	}

	.sj24 .section.seventh {
		padding-top: 200px;
		padding-bottom: 300px;
	}

	.sj24 .section.seventh .conversation {
		width: 770px;
		padding-top: 75px;
	}

	.sj24 .section.seventh .conversation>div::after {
		content: inherit;
	}

	.sj24 .section.eighth .text-area .subtitle {
		font-size: 30px;
		line-height: 1.2;
	}

	.sj24 .section.eighth .text-area .title {
		font-size: 40px;
		line-height: 1.2;
	}

	.sj24 .section.eighth .text-area .button-area {
		margin-top: 50px;
	}

	.sj24 .section.eighth .text-area .button-area button {
		font-size: 16px;
		padding: 13px;
	}
}

@media all and (max-width: 800px) {
	.sj24 .section-intro {
		min-height: 100vh;
		padding-top: 20vh;
	}

	.sj24 .section-intro .section-intro-content {
		grid-template-columns: 1fr;
	}

	.sj24 .section-intro .section-intro-content .section-intro-title-area {
		justify-items: center;
		display: grid;
		margin-bottom: 10vh;
	}

	.sj24 .section-intro .section-intro-content .section-intro-title-area .section-intro-subtitle {
		font-size: 20px;
		line-height: 23px;
	}

	.sj24 .section-intro .section-intro-content .section-intro-title-area .section-intro-title {
		font-size: 38px;
		line-height: 43px;
	}

	.sj24 .section-intro .section-intro-content .section-intro-title-area .section-intro-desc {
		font-size: 13px;
		line-height: 15px;
		margin-top: 25px;
	}

	.sj24 .section-intro .section-intro-content .section-intro-title-area .section-intro-title-button-area {
		grid-template-columns: 155px 155px;
		gap: 7px;
	}

	.sj24 .section-intro .section-intro-content .section-intro-title-area .section-intro-title-button-area button {
		padding: 15px 0;
		font-size: 14px;
	}

	.sj24 .section-intro .section-intro-content .section-intro-character {
		margin: 0 auto;
		width: 290px;
	}

	.sj24 .section.first .section-first-logo {
		width: 176px;
	}

	.sj24 .section.first .section-first-desc {
		font-size: 16px;
		font-weight: 500;
		line-height: 24px;
	}

	.sj24 .section.second {
		margin-top: 170px;
	}

	.sj24 .section.first .section-first-process {
		margin-top: 144px;
		grid-template-columns: 1fr;
		width: 100%;
	}

	.sj24 .section.first .section-first-process .section-first-box {
		height: 468px;
	}

	.sj24 .section.first .section-first-process .section-first-box .box-title {
		font-size: 18px;
		line-height: 24px;
	}

	.sj24 .section.first .section-first-process .section-first-box .box-desc {
		font-size: 16px;
		font-weight: 500;
		line-height: 20px;
	}

	.sj24 .section.first .section-first-process .arrow {
		width: 70px;
		transform: rotate(90deg);
		margin: 0 auto;
	}

	.sj24 .section.second .blue-box {
		padding-bottom: 175px;
	}

	.sj24 .section.second .blue-box .how-to-learn {
		margin-top: 50px;
	}

	.sj24 .section.second .blue-box .how-to-learn span {
		font-size: 24px;
		font-weight: 800;
		line-height: 36px;
	}

	.sj24 .section.second .blue-box .how-to-learn-answer {
		padding-top: 15px;
		grid-template-columns: 1fr;
		gap: 38px;
	}

	.sj24 .section.second .blue-box .how-to-learn-answer .answer-content {
		justify-content: center;
		justify-items: center;
		gap: 22px;
	}

	.sj24 .section.second .blue-box .how-to-learn-answer .answer-content .number {
		width: 60px;
		height: 27px;
		font-size: 16px;
		line-height: 19.09px;
	}

	.sj24 .section.second .blue-box .how-to-learn-answer .answer-content .title {
		font-size: 20px;
		line-height: 30px;
	}

	.sj24 .section.second .blue-box .how-to-learn-answer .answer-content .desc {
		font-size: 16px;
		line-height: 20px;
		text-align: center;
	}

	.sj24 .section.second .blue-box .how-to-learn-answer img {
		margin-top: 80px;
	}

	.sj24 .section.second .blue-box .cloud-1 {
		width: 167px;
		height: 133px;
		top: 5%;
		right: -14%;
	}

	.sj24 .section.second .blue-box .cloud-2 {
		width: 279px;
		height: 222px;
		top: 7%;
		left: -35%;
	}

	.sj24 .section.second .blue-box .cloud-3 {
		width: 187px;
		height: 149px;
		top: 35%;
		left: 75%;
	}

	.sj24 .section.second .blue-box .cloud-4 {
		width: 100px;
		height: 80px;
		top: 40%;
		right: 26%;
	}

	.sj24 .section.second .blue-box .cloud-5 {
		width: 121px;
		height: 96px;
		top: 52%;
		right: 65%;
	}

	.sj24 .section.second .blue-box .cloud-6 {
		width: 349px;
		height: 278px;
		bottom: 5%;
		left: 46%;
	}

	.sj24 .section.third {
		margin-top: 70px;
	}

	.sj24 .section.third .who span {
		font-size: 24px;
		line-height: 36px;
	}

	.sj24 .section.third .content {
		grid-template-columns: 305px;
		justify-content: center;
	}

	.sj24 .section.third .content .content-item .desc {
		margin-top: 27px;
		font-size: 16px;
		line-height: 1.2;
	}

	.sj24 .sun {
		width: 37px;
		height: 37px;
	}

	.sj24 .section.fourth {
		margin-top: 136px;
	}

	.sj24 .section.fourth .blue-box {
		padding: 80px 0;
	}

	.sj24 .section.fourth .blue-box .head .head-title {
		font-size: 24px;
		line-height: 36px;
	}

	.sj24 .section.fourth .blue-box .head .head-desc {
		font-size: 16px;
		line-height: 24px;
	}

	.sj24 .section.fourth .table-area-mo {
		margin-top: 100px;
	}

	.sj24 .section.fourth .table-area-mo .table-area-mo-header {
		display: grid;
		justify-content: center;
		justify-items: center;
		gap: 14px;
	}

	.sj24 .section.fourth .table-area-mo .table-area-mo-header div {
		font-family: Pretendard;
		font-size: 20px;
		font-weight: 600;
		line-height: 24px;
	}

	.sj24 .section.fourth .table-area-mo table {
		margin-top: 24px;
		background-color: #FFFFFF;
		border-collapse: collapse;
		table-layout: fixed;
	}

	.sj24 .section.fourth .table-area-mo table th {
		border-top: 1px solid #D9E1E6;
		border-right: 1px solid #D9E1E6;
		text-align: center;
		vertical-align: middle;
		width: 92px;
		font-family: Pretendard;
		font-size: 16px;
		font-weight: 700;
		line-height: 24px;
		color: #0000004D;
		height: 110px;
	}

	.sj24 .section.fourth .table-area-mo table td {
		border-top: 1px solid #D9E1E6;
		border-right: 1px solid #D9E1E6;
		padding: 0 17px;
		vertical-align: middle;
		font-family: Pretendard;
		font-size: 16px;
		font-weight: 500;
		line-height: 24px;
	}

	.sj24 .section.fourth .table-area-mo table td.blue-color {
		color: #2592F5;
	}

	.sj24 .section.sixth .sixth-content {
		padding-top: 90px;
		padding-bottom: 180px;
	}

	.sj24 .section.sixth .sixth-content .head .head-title {
		margin-top: 24px;
		font-size: 24px;
		line-height: 36px;
	}

	.sj24 .section.sixth .sixth-content .card-area {
		margin-top: 117px;
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.sj24 .section.sixth .sixth-content .card-area .card-area-left {
		gap: 24px;
	}

	.sj24 .section.sixth .sixth-content .card-area .card-area-right {
		margin-top: 0;
		gap: 24px;
	}

	.sj24 .section.sixth .sixth-content .card-area .card {
		padding: 41px 33px;
		box-shadow: initial;
	}

	.sj24 .section.sixth .sixth-content .card-area .card-dot {
		width: 33px;
	}

	.sj24 .section.sixth .sixth-content .card-area .card-title {
		margin-top: 35px;
		font-size: 24px;
		line-height: 28.64px;
	}

	.sj24 .section.sixth .sixth-content .card-area .card-desc {
		margin-top: 23px;
		font-size: 16px;
		line-height: 24px;
	}

	.sj24 .section.sixth .sixth-content .card-area .card-images {
		margin-top: 57px;
		gap: 14px;
	}

	.sj24 .section.sixth .sixth-content .card-area .card-images>div div {
		font-size: 16px;
		line-height: 24px;
	}

	.sj24 .section.sixth .sixth-content .cloud-1 {
		top: 6%;
		left: -32%;
	}

	.sj24 .section.sixth .sixth-content .bird {
		width: 118px;
		height: 67px;
		top: 6%;
		right: 0%;
	}

	.sj24 .section.sixth .sixth-content .rainbow-1 {
		top: 52%;
		right: -17%;
		width: 173px;
		height: 91px;
	}

	.sj24 .section.sixth .sixth-content .rainbow-2 {
		bottom: 0%;
		left: -17%;
		width: 241px;
		height: 141px;
	}

	.sj24 .section.seventh {
		padding-top: 80px;
		padding-bottom: 150px;
	}

	.sj24 .section.seventh .head .head-title {
		font-size: 24px;
		line-height: 36px;
	}

	.sj24 .section.seventh .conversation {
		width: 100%;
		padding-top: 65px;
	}

	.sj24 .section.seventh .conversation .con-1 img {
		width: 70%;
	}

	.sj24 .section.seventh .conversation .con-3 img {
		width: 90%;
	}

	.sj24 .section.seventh .conversation .con-4 img {
		width: 95%;
	}

	.sj24 .section.eighth {
		background-position: top;
		background-image: url('../images/sojunghangul/sj24/eighth-m-background.png');
		height: 120vh;
	}

	.sj24 .section.eighth .character-area {
		width: 80%;
		right: 7%;
		bottom: 3%;
	}

	.sj24 .section.eighth .text-area {
		padding-top: 20vh;
		padding-left: 20px;
	}

	.sj24 .section.eighth .text-area .subtitle {
		font-size: 20px;
		line-height: 1.2;
	}

	.sj24 .section.eighth .text-area .title {
		font-size: 24px;
		line-height: 1.2;
	}

	.sj24 .section.eighth .text-area .button-area {
		display: inline-grid;
	}
}

@media all and (max-width: 767px) {
	.sj24 .section-intro {
		background-image: url(../images/sojunghangul/sj24/main_background_m.png);
	}
}