@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);
@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: 4.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: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-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: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;}
	.product-choose .item.product .img-area {width: 40%;}
	.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: 100px; padding-bottom: 100px;}
.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 .img-area + .text-wrap {margin-top: 24px;}
.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 .btn-purchase-area {position: fixed; bottom: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, z-index 0.3s ease, transform 0.3s ease; -o-transition: opacity 0.3s ease, visibility 0.3s ease, z-index 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease, z-index 0.3s ease, transform 0.3s ease; -webkit-transform: translate(0px, 60px); -ms-transform: translate(0px, 60px); transform: translate(0px, 60px); z-index: 1;}
.product-area.product-selected .btn-purchase-area {opacity: 1; visibility: visible; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px);}
.product-area .btn-purchase-area.release {position: absolute;}

@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 (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,
	.product-area .btn-purchase-area {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; padding-bottom: 64px;}
	.product-area .btn-purchase-area {padding: 0;}
	.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 .img-area + .text-wrap {margin-top: 20px;}
	.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;}
}
#content.purchase.home {padding-bottom: 0;}
.purchase.home .product-area {position: relative; padding-bottom: 225px; overflow: hidden;}
@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;}
}
@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; padding-bottom: 154px;}
	.product-area > .product-section:nth-child(1) {padding-top: 40px;}
	.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) {
	#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 .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 .img-area,
	.purchase.order .choose-wrap .item.product .category  {display: none;}
	.purchase.order .choose-wrap .item.product .text-wrap {width: 100%; background-color: var(--black-opa-04); padding: 22px 24px;}
	.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) {
	.purchase.order .product-choose .choose-inner {padding: 0;}

}

/* 공지/문의 */
#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: 340px;}
}
@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: 310px;}
	.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(1) .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;}
}
@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;}
}

 /* 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; }
}