@charset "utf-8";
@import url("font.css");
@import url("reset.css");
@import url("common.css");
@import url("forms.css");
@import url("layout.css");

/*
* 메인 랜딩페이지 스타일
*/
.emst {color: #f56b53;}
.qna-tit {color:#ffffff;text-align:center;font-size:36px;font-weight: bold;}


/*메인상단 우측 전화번호 안내*/
.header .inner .phone-area {
	float: right;
}
.header .inner .phone-area img {
	width:30px;
	height:30px;
}

.header .inner .phone-area span {
	line-height: 30px;
	font-size:20px;
}

@media all and (max-width:1024px){
	.header .inner .phone-area img {
		width:20px;
		height:20px;
	}
	.header .inner .phone-area span {
		line-height: 20px;
		font-size:15px;
		margin-right: 10px;
	}
}

/* 섹션 공통 스타일*/
.main-wrap .section {padding: 90px 0;scroll-margin-top: 90px;}
.main-wrap .section-inner {position: relative;max-width: 1280px;margin: 0 auto;}
.main-wrap .section-title {margin-bottom: 50px;}
.main-wrap .section .btn-box {display: flex;align-items: center;justify-content: center;column-gap: 75px;margin-top:45px;text-align: center;}
.main-wrap .section .btn-box .btn-item-tit {margin-bottom: 37px;}
.main-wrap .section .btn-box .btn-item-tit01 {width: 165px;margin-left: auto;margin-right: auto;}
.main-wrap .section .btn-box .btn-item-tit02 {width: 93px;margin-left: auto;margin-right: auto;}
.main-wrap .section .btn-box .btn {display: inline-block;text-align: center;}
.main-wrap .section .btn-box .btn + .btn {margin-left: 37px;}
.main-wrap .section .btn-box .btn-android {width: 274px;}
.main-wrap .section .btn-box .btn-ios {width: 274px;}
.main-wrap .section .btn-box .btn-shop {width: 354px;}
.main-wrap .section .btn-box .btn-download {width: 207px;}
.main-wrap .section .btn-box .btn-difference {width: 393px;}
.main-wrap .section picture {display: block;}

@media all and (max-width:1024px){
	.qna-tit {color:#ffffff;text-align:center;font-size:24px;font-weight:bold;}
	.main-wrap .section {padding: 40px 0;scroll-margin-top: 40px;}
	.main-wrap .section-inner {padding: 0 16px;}
	.main-wrap .section-title {margin-bottom: 22px;}
	.main-wrap .section .btn-box {flex-direction: column;column-gap: 0;row-gap: 26px;margin-top: 20px;}
	.main-wrap .section .btn-box .btn + .btn {margin-left: 6%;}
	.main-wrap .section .btn-box .btn-item-tit {margin-bottom: 14px;}
	.main-wrap .section .btn-box .btn-item-tit01 {width: 28%;}
	.main-wrap .section .btn-box .btn-item-tit02 {width:16%;}
	.main-wrap .section .btn-box .btn-android {width: 44%;}
	.main-wrap .section .btn-box .btn-ios {width: 44%;}
	.main-wrap .section .btn-box .btn-shop {width: 58%;}
	.main-wrap .section .btn-box .btn-download {width: 35%;}
	.main-wrap .section .btn-box .btn-difference {width: 56%;}
}

/* 인트로 */
.main-wrap .section-visual{background: var(--bg-yellow-light-color) url("../images/bg_section01.png") center -47vh no-repeat;background-size: cover;text-align: center;}
.main-wrap .section-visual .st01-brief {display: block;width: 769px;margin: 0 auto 40px;}
.main-wrap .section-visual .st01-txt01 {position: relative;display: block;width: 800px;margin: 32px auto 0;}
.main-wrap .section-visual .st01-txt01_n {
	display: inline-block;
	border: solid 1px #f4664d;
	border-radius: 10px;
	width: 800px;height:230px;
	background: #fffcf5;
	line-height: 40px;
	margin-top:30px;
}
.main-wrap .section-visual .st01-txt01 .image {}
/*.main-wrap .section-visual .st01-txt01 .text {position: absolute;left: 50%;bottom: 30px;transform: translateX(-50%);display: block;width: 100%;font-size: var(--font-size-large);color: #000;}*/
.main-wrap .section-visual .st01-txt01_n .text {
	padding:30px;
	width: 100%;
	font-size: var(--font-size-large);
	color: #000;
}
.main-wrap .section-visual .st01-txt01_n .text .st01t01_t2 {
	font-size: 30px;
}
.main-wrap .section-visual .st01-txt01_n .text .st01t01_t1 {
	font-size: 30px;
}

.main-wrap .section-visual .st01-txt01_n .text .st01t01_t1 span {
	color:#eb0000;
	font-weight: 700;
}

.main-wrap .section-visual .st01-txt01_n .text .st01t01_t4 {
	font-size: 45px;
	color:blue;
	padding-top:10px;
	font-weight: 800;
}

@media all and (max-width:1024px){
	.main-wrap .section-visual .st01-txt01_n {
		display: inline-block;
		border: solid 1px #f4664d;
		border-radius: 10px;
		width: 100%;height:280px;
		background: #fffcf5;
		line-height: 28px;
		margin-top:30px;
	}
	.main-wrap .section-visual .st01-txt01 .image {}
	/*.main-wrap .section-visual .st01-txt01 .text {position: absolute;left: 50%;bottom: 30px;transform: translateX(-50%);display: block;width: 100%;font-size: var(--font-size-large);color: #000;}*/
	.main-wrap .section-visual .st01-txt01_n .text {
		padding:20px;
		width: 100%;
		font-size: 20px;
		color: #000;
	}
	.main-wrap .section-visual .st01-txt01_n .text .st01t01_t2 {
		font-size: 23px;
	}
	.main-wrap .section-visual .st01-txt01_n .text .st01t01_t1 {
		font-size: 23px;
	}
	.main-wrap .section-visual .st01-txt01_n .text .st01t01_t3 {
		font-size: 18px;
	}

	.main-wrap .section-visual .st01-txt01_n .text .st01t01_t4 {
		font-size: 30px;
		color:blue;
		padding-top:10px;
		font-weight: 700;
	}
}
#st099 .section-content
{
	text-align: center;
}
#st099 .section-content .img1 img {
	max-width: 200px;
	margin-right: 20px;
}

#st099 .section-content .img2 img {
	max-width: 200px;
}

@media all and (max-width:1024px){
	#st099 .section-content .img1 img {
		max-width: 100px;
		margin-right: 20px;
	}

	#st099 .section-content .img2 img {
		max-width: 100px;
	}
}


.main-wrap .section-visual .st01-txt01 .text {
	position: absolute;
	bottom: 13px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 100%;
	font-size: var(--font-size-large);
	color: #000;
}
.main-wrap .section-visual .st01-txt01 .text b {
	font-size :30px;
}
.main-wrap .section-visual .st01-txt02 {display: block;width: 662px;margin: 32px auto 0;}
.main-wrap .section-visual .st01-cont01 {width: 878px;margin: 30px auto 0;}
.main-wrap .section-visual .st01-cont02 {line-height: 1.5;font-size: var(--font-size-xlarge);font-weight: var(--font-weight-bold);color: var(--secondary-color);}
.main-wrap .section-visual .st01-el01, .main-wrap .section-visual .st01-el02, .main-wrap .section-visual .st01-el03{
	-webkit-animation: upAndDown 2s ease-out infinite forwards;
	-moz-animation: upAndDown 2s ease-out infinite forwards;
	-ms-animation: upAndDown 2s ease-out infinite forwards;
	-o-animation: upAndDown 2s ease-out infinite forwards;
	animation: upAndDown 2s ease-out infinite forwards;
}
.main-wrap .section-visual .st01-el01 {position: absolute;top: 51%;left: 50px;z-index: 10;width: 237px;}
.main-wrap .section-visual .st01-el02 {position: absolute;top: 44%;right: 70px;z-index: 10;width: 254px;-webkit-animation-delay: .6s;animation-delay: .6s;}
.main-wrap .section-visual .st01-el03 {position: absolute;top: 65%;right: 0;z-index: 10;width: 234px;-webkit-animation-delay: .2s;animation-delay: .2s;}


@media all and (max-width:1024px){
	.main-wrap .section-visual {background-position: center -28vh;}
	.main-wrap .section-visual .st01-brief {width: 85%;margin: 0 auto;}
	.main-wrap .section-visual .st01-txt01 {width: 98%;margin-top:20px;}
	.main-wrap .section-visual .st01-txt01 .image {}
	/*.main-wrap .section-visual .st01-txt01 .text {bottom: 8px;font-size: 3.4vw;}*/
	.main-wrap .section-visual .st01-txt01 .text {bottom: 4px;line-height:12px;font-size: 3.4vw;}
	.main-wrap .section-visual .st01-txt01 .text b {font-size: 4vw;}
	.main-wrap .section-visual .st01-txt02 {width: 98%;margin-top:20px;}
	.main-wrap .section-visual .st01-cont01 {width: 100%;margin: 20px auto 0;}
	.main-wrap .section-visual .st01-cont02 {margin-top: 15px;font-size: 22px;font-size: 5vw;}
	.main-wrap .section-visual .st01-el01, .main-wrap .section-visual .st01-el02, .main-wrap .section-visual .st01-el03 {display: none;}
}

#st01199 {
	padding:50px; text-align:center; background: var(--bg-yellow-light-color) url(./images/bg_section01.png) center -47vh no-repeat;"
}
.st01199.card-content {display:block!important;}
.st01199.seperate {font-size: 25px;font-weight: 700;color: #009081;}
.st01199.seperate p {
	font-size: 20px;
}

@media all and (max-width:1024px) {
	#st01199 { padding:0px;}
	.st01199.card-title {font-size:35px!important;}
}

/* 강점 */
.main-wrap .section-strength {background-color: var(--secondary-color);}
.main-wrap .section-strength .strength-container {display: flex;flex-wrap: wrap;gap: 20px;}
.main-wrap .section-strength .card {flex: 0 1 calc(50% - 10px);padding: 36px 40px;background-color: var(--white-color);border-radius: 8px;}
.main-wrap .section-strength .card-title {margin-bottom: 20px;line-height: 1.5;font-size: var(--font-size-xlarge);font-weight:var(--font-weight-bold);color: var(--secondary-color);word-break: keep-all;}
.main-wrap .section-strength .card-content {font-size: 20px;line-height: 1.5;color: var(--font-color-base);}
.main-wrap .section-strength .card-content em {color: var(--secondary-color);}
.main-wrap .section-strength .card.full {flex:0 1 100%;}
.main-wrap .section-strength .card.full .card-content {display: flex;}
.main-wrap .section-strength .card.full .seperate {flex: 0 1 50%;}

@media all and (max-width:1024px){
	.main-wrap .section-strength .card {flex: 0 1 100%;padding: 20px;}
	.main-wrap .section-strength .card-title {margin-bottom: 16px;font-size: 20px;}
	.main-wrap .section-strength .card-content {font-size: var(--font-size-small);}
	.main-wrap .section-strength .card.full .card-content {display: block;}
}

/* 수업 모습 */
.main-wrap .section-eduClass{background-color: var(--bg-yellow-color);}
.main-wrap .section-eduClass .st02-tit {width: 428px;margin: 0 auto;}
.main-wrap .section-eduClass .card {padding: 70px 128px;margin-top: 60px;background: var(--white-color);border-radius: 8px;}
.main-wrap .section-eduClass .card:first-child {margin-top: 0;}
.main-wrap .section-eduClass .st02-txt01 {width: 854px;margin: 0 auto;}
.main-wrap .section-eduClass .st02-txt02 {width: 100%;}
.main-wrap .section-eduClass .st02-txt03 {width: 643px;margin: 0 auto;}
.main-wrap .section-eduClass .st02-txt04 {width: 643px;margin: 0 auto;}
.main-wrap .section-eduClass .st02-cont {margin-top: 32px;}
.main-wrap .section-eduClass .st02-cont .video-box{position: relative;width: 100%;margin: 0 auto;overflow: hidden;}
.main-wrap .section-eduClass .st02-cont .video-box:after {content: "";display: block;padding-bottom: 56%;}
.main-wrap .section-eduClass .st02-cont .video-box iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;outline: 0;}
.main-wrap .section-eduClass .st02-txt-cus { font-size:24px;}

@media all and (max-width:1024px){
	.main-wrap .section-eduClass .card {padding: 20px 14px;margin-top: 16px;border-radius: 4px;}
	.main-wrap .section-eduClass .st02-tit {width: 53%;}
	.main-wrap .section-eduClass .st02-txt01 {width: 81%;}
	.main-wrap .section-eduClass .st02-txt03 {width: 81%;}
	.main-wrap .section-eduClass .st02-txt04 {width: 61%;}
	.main-wrap .section-eduClass .st02-txt01 img,
	.main-wrap .section-eduClass .st02-txt02 img,
	.main-wrap .section-eduClass .st02-txt03 img,
	.main-wrap .section-eduClass .st02-txt04 img {width: 100%;}
	.main-wrap .section-eduClass .st02-cont {margin-top: 16px;}
	.main-wrap .section-eduClass .st02-cont iframe {height: 169px;}
	.main-wrap .section-eduClass .st02-txt-cus {font-size:16px;}
}

/* 숙제 */
.main-wrap .section-homeWork {background: var(--bg-yellow-light-color) url("../images/bg_section03.svg") 0 bottom no-repeat;background-size: contain;}
.main-wrap .section-homeWork .st03-tit {font-size: 24px;margin: 0 auto;}
.main-wrap .section-homeWork .st03-tab-tit01 {display: inline-block;/*width: 144px;*/font-size: 24px;}
.main-wrap .section-homeWork .st03-tab-tit02 {display: inline-block;/*width: 56px;*/font-size:24px;}
.main-wrap .section-homeWork .st03-tab-tit01 img, .main-wrap .section-homeWork .st03-tab-tit02 img {vertical-align: middle;}
.main-wrap .section-homeWork .st03-cont02 {padding-left: 90px;padding-right: 90px;}
.main-wrap .section-homeWork .st03-cont02_2 {margin-top: 32px;}
.main-wrap .section-homeWork .txt-info {text-align: center;}
.main-wrap .section-homeWork  #tab-2:checked ~ .tab-content #tab-item-2 {padding-left: 50px;padding-right: 50px;}

@media all and (max-width:1024px){
	.main-wrap .section-homeWork .st03-tit {font-size:16px;}
	.main-wrap .section-homeWork .st03-tab-tit01 {/*width: 17.6%;min-width: 58px;*/ font-size: 16px;}
	.main-wrap .section-homeWork .st03-tab-tit02 {/*width: 6.7%;min-width: 22px;*/ font-size:16px;}
	.main-wrap .section-homeWork .txt-info {text-align: left;}

	.main-wrap .section-homeWork .st03-cont02 {padding-left: 0;padding-right: 0;}
	.main-wrap .section-homeWork .st03-cont02_2 {margin-top: 14px;}
	.main-wrap .section-homeWork  #tab-2:checked ~ .tab-content #tab-item-2 {padding-left: 10px;padding-right: 10px;}
}

/* 수업순서 */
.main-wrap .section-eduFlow {background: var(--bg-yellow-color);}
.main-wrap .section-eduFlow .st04-tit {width: 560px;margin: 0 auto;}
.main-wrap .section-eduFlow .st04-cont01 {width: 1280px;margin: 0 auto;}

@media all and (max-width:1024px){
	.main-wrap .section-eduFlow .st04-tit {width: 63%;}
	.main-wrap .section-eduFlow .st04-cont01 {width: 100%;}
	.main-wrap .section-eduFlow .st04-cont01 img{width: 100%;}
}

/* 영어 영역 향상 */
.main-wrap .section-improve {background: var(--white-color) url("../images/pc/bg_section05.svg") center calc(100% + 48px) no-repeat;background-size: cover;}
.main-wrap .section-improve .st05-tit {width: 712px;margin: 0 auto;}

@media all and (max-width:1024px){
	.main-wrap .section-improve {background: var(--white-color) url("../images/mo/bg_section05.svg") center bottom repeat-x;padding-bottom: 92px;}
	.main-wrap .section-improve .st05-tit {width: 73%;}
}

/* 줌 설치법 */
.main-wrap .section-zoomInstall {background-color: var(--gray-light-color);}
.main-wrap .section-zoomInstall .st06-tit {width: 251px;margin: 0 auto;}
.main-wrap .section-zoomInstall .st06-cont01{width: 900px;margin: 0 auto;}

@media all and (max-width:1024px){
	.main-wrap .section-zoomInstall .st06-tit {width: 33%;}
	.main-wrap .section-zoomInstall .st06-cont01 {width: 100%;text-align: center;}
}

/* 줌 수업 참가하기 */
.main-wrap .section-zoomJoin {background: var(--bg-yellow-dark-color);}
.main-wrap .section-zoomJoin .st07-tit {width: 343px;margin:0 auto;}
.main-wrap .section-zoomJoin .d-flex .item {position: relative;}
.main-wrap .section-zoomJoin .d-flex .item:before {content: '';display: block;position:absolute;top: 169px;left: -36px;width: 20px;height: 23px;background: url("../images/pc/icon_arrow_right.svg") center center no-repeat;}
.main-wrap .section-zoomJoin .d-flex .item:first-child:before {display: none;}

@media all and (max-width:1024px){
	.main-wrap .section-zoomJoin .st07-tit {width: 51%;}
	.main-wrap .section-zoomJoin .d-flex .item:before {display: none;}
}

#st081 .st08-cont01 {
	width: 878px;
	height: 40px;
}

@media all and (max-width:1024px){
	#st081 .st08-cont01 {
		display: inline;
	}
	#st081 .st08-tit {
		text-align: center;
	}
}

/* 수업순서 */
.main-wrap .section-eduFlow {background: var(--bg-yellow-color);}
.main-wrap .section-eduFlow .st04-tit {width: 560px;margin: 0 auto;}
.main-wrap .section-eduFlow .st04-cont01 {width: 1280px;margin: 0 auto;}

@media all and (max-width:1024px){
	.main-wrap .section-eduFlow .st04-tit {width: 63%;}
	.main-wrap .section-eduFlow .st04-cont01 {width: 100%;}
	.main-wrap .section-eduFlow .st04-cont01 img{width: 100%;}
}

/* 수업 일시 */
.main-wrap .section-classInfo {background: var(--bg-yellow-light-color);}
.main-wrap .section-classInfo .st08-tit { width: 100%; height: 60px; text-align: center; }
.main-wrap .section-classInfo .st08-tit img {height: 100%}
.main-wrap .section-classInfo .class-item {margin-bottom: 60px;}
.main-wrap .section-classInfo .class-item:last-child {margin-bottom: 0;}
.main-wrap .section-classInfo .class-item .txt-info {margin-top: 4px;}
.main-wrap .section-classInfo .st08-txt01 {width: 224px;margin-bottom: 24px;}
.main-wrap .section-classInfo .st08-txt02 {width: 225px;margin-bottom: 24px;}
.main-wrap .section-classInfo .st08-txt02_2 {width: 174px;margin-top: 50px;margin-bottom: 24px;}
.main-wrap .section-classInfo .st08-txt03 {width: 692px;margin-bottom: 24px;}
.main-wrap .section-classInfo .st08-txt03_2 {color:var(--font-color-base)}
/*.main-wrap .section-classInfo .st08-txt04 {width: 290px;margin-bottom: 24px;}*/
.main-wrap .section-classInfo .st08-txt04 {width: 400px;margin-bottom: 24px;}
.main-wrap .section-classInfo .st08-txt05 {width: 162px;margin-bottom: 37px;}
/*.main-wrap .section-classInfo .st08-cont01 {width: calc(100% + 17px);margin-left: -17px;}*/
.main-wrap .section-classInfo .st08-cont02 {width: 624px;margin:65px auto 0;}
.main-wrap .section-classInfo .st08-cont03 {display: none;}

/* 스텝1,2,3,4 보기 */
.main-wrap .section-classInfo .st08-cont04_01 {width: 100%;margin-bottom: 15px;}
.main-wrap .section-classInfo .st08-cont04_01 img {width: 100%;}
.main-wrap .section-classInfo .st08-txt04_01 {margin-top: 20px;font-size: 26px;font-weight: 500;color: #1DB79C;text-align: center;}

@media all and (max-width:1024px){
	.main-wrap .section-classInfo .st08-tit {
		width: 100%;
		height: 28px;
		text-align: center;
	}
	.main-wrap .section-classInfo .class-item {margin-bottom: 35px;}
	.main-wrap .section-classInfo .class-item .txt-info {font-size: var(--font-size-small);margin-top: 20px;}
	.main-wrap .section-classInfo .st08-txt01 {width: 87%;max-width: 120px;margin-bottom: 20px;}
	.main-wrap .section-classInfo .st08-txt02 {width: 84%;max-width: 116px;margin-bottom: 20px;}
	.main-wrap .section-classInfo .st08-txt02_2 {max-width: 94px;margin-bottom: 20px;}
	.main-wrap .section-classInfo .st08-txt03 {width: 100%;max-width:328px;margin-bottom: 12px;}
	.main-wrap .section-classInfo .st08-txt04{width: 84%;max-width: 152px;margin-bottom: 20px;}
	.main-wrap .section-classInfo .st08-txt05 {max-width: 32%;width: 84px;margin-bottom: 20px;}
	/*.main-wrap .section-classInfo .st08-cont01 {border-radius: 10px;box-shadow: 0 2px 8px rgba(0, 0, 0, .1);width: 100%;margin-left: 0;}*/
	.main-wrap .section-classInfo .st08-cont01 img {width: 100%;}
	.main-wrap .section-classInfo .st08-cont02 {display: block;width: 100%;margin-top: 28px;}
	.main-wrap .section-classInfo .st08-cont02 img {width: 100%;}
	.main-wrap .section-classInfo .st08-cont03 {display: block;width: 100%;margin-top: 24px;}
	.main-wrap .section-classInfo .st08-cont03 img {width: 100%;}

	/* 스텝1,2,3,4 보기 */
	.main-wrap .section-classInfo .st08-txt04_01 {font-size: 3.85vw;}
}

/* 4스텝 파닉스 줌수업 & 유튜브로 자기주도 학습 차이 */
.main-wrap .section-compare {background: var(--white-color);}
.main-wrap .section-compare .st09-tit {width: 1064px;margin: 0 auto;}
.main-wrap .section-compare .st09-txt01 {width: 436px;margin: 15px auto 0;}

@media all and (max-width:1024px){
	.main-wrap .section-compare .st09-tit {width: 100%;}
	.main-wrap .section-compare .st09-tit img {width: 100%;}
	.main-wrap .section-compare .st09-txt01 {width: 66%;}
}

/* Review */
.main-wrap .section-review {background-color: var(--gray-light-color);}
.main-wrap .section-review .st10-tit {width: 682px;margin: 0 auto;}
.main-wrap .section-review .review-lists {display: flex;flex-wrap: wrap;gap: 24px;margin-top: 40px;}
.main-wrap .section-review .review-item {flex: 0 1 calc(50% - 12px);border-radius: 8px;background-color: var(--white-color);}
.main-wrap .section-review .review-item a {display: block;padding: 24px;}
.main-wrap .section-review .review-item__badge .num {display: inline-block;padding: 7px 20px;background-color: var(--gray-light-color);border-radius: 50em;font-size: 20px;color: var(--black-color);}
.main-wrap .section-review .review-item__badge .rept {display: inline-block;padding: 7px 20px;margin-left: 8px;border: 1px solid var(--danger-color);border-radius: 50em;font-size: 20px;color: var(--danger-color);}
.main-wrap .section-review .review-item__title {margin-top: 16px;line-height: 1.5;font-size: var(--font-size-large);color: var(--black-color);word-break: keep-all;}

@media all and (max-width:1024px){
	.main-wrap .section-review .st10-tit {max-width: 99%;margin: 0 auto;}
	.main-wrap .section-review .review-lists {flex-direction: row;gap: 12px;margin-top: 33px;}
	.main-wrap .section-review .review-item {flex: 1 0 100%;}
	.main-wrap .section-review .review-item a {padding: 19px 20px;}
	.main-wrap .section-review .review-item__badge .num,
	.main-wrap .section-review .review-item__badge .rept {padding: 4px 14px;font-size: var(--font-size-xsmall);}
	.main-wrap .section-review .review-item__title {margin-top: 12px;font-size: var(--font-size-small);}
}

/* Q&A */
.main-wrap .section-faq {background: var(--primary-color);}
.main-wrap .section-faq .st11-tit {width: 728px;margin: 0 auto;}

@media all and (max-width:1024px){
	.main-wrap .section-faq .st11-tit {width: 328px;max-width: 91%;}
}

/* 카카오채널 정보 */
.main-wrap .section-kko {padding: 68px 0;scroll-margin-top: 70px;background: #F9DF32;}
.main-wrap .section-kko .section-content {display: flex;align-items: flex-start;}
.main-wrap .section-kko .section-text .st12-tit {width: 406px;}
.main-wrap .section-kko .section-text .st12-info {margin-top: 40px;line-height: 144%;font-size: var(--font-size-middle);}
.main-wrap .section-kko .section-text .st12-info p:not(:first-child) {margin-top: .3em;}
.main-wrap .section-kko .section-text .st12-info .tel {font-size: 23px;font-weight: 700;margin-top: .4em;}
.main-wrap .section-kko .section-text .st12-info em {font-weight: var(--font-weight-semibold);}
.main-wrap .section-kko .kko-name {width: 640px;margin-left: auto;font-size: var(--font-size-large);color: var(--font-color-base);border: 1px solid var(--font-color-base);background-color: var(--white-color);box-sizing: border-box;}
.main-wrap .section-kko .kko-name a {display: block;padding: 28px 26px;box-sizing: border-box;}
.main-wrap .section-kko .m-st12-info {display: none;}

@media all and (max-width:1024px){
	.main-wrap .section-kko {padding: 20px 0;}
	.main-wrap .section-kko .section-content {flex-direction: column;}
	.main-wrap .section-kko .section-text {width: 100%;}
	.main-wrap .section-kko .section-text .st12-tit {width: 50%;margin: 0 auto;}
	.main-wrap .section-kko .section-text .st12-info {display: none;}
	.main-wrap .section-kko .kko-name {width: 100%;margin-top: 14px;font-size: var(--font-size-base);}
	.main-wrap .section-kko .kko-name a {padding: 10px;}
	.main-wrap .section-kko .m-st12-info {display: block;width: 100%;margin-top: 14px;line-height: 150%;font-size: var(--font-size-xsmall);text-align: center;}
	.main-wrap .section-kko .m-st12-info p:not(:first-child) {margin-top: .3em;}
	.main-wrap .section-kko .m-st12-info .tel {font-size: 15px;font-weight: 700;margin-top: .4em;}
	.main-wrap .section-kko .m-st12-info em {font-weight: var(--font-weight-semibold);}
}


/*
* 사용자페이지 스타일
*/

/* 로그인 */
.login-wrap {width: 100%;max-width: 360px;margin: 0 auto;background-color: var(--white-color);}
.login-wrap .form-wrap + .form-wrap {margin-top: 10px;}
.login-wrap .btn-login {display: block;width: 100%;margin-top: 10px;background-color: var(--primary-color);color: var(--white-color);}
.login-wrap .login-header {margin-bottom: 20px;line-height: 1.4;text-align: center;}
.login-wrap .login-title {font-size: var(--font-size-xlarge);}

/* 회원가입 */
.join-wrap {width: 100%;max-width: 400px;margin: 0 auto;background-color: var(--white-color);}

/* 마이페이지 */
.mypage-wrap.is-flexwrap{display: flex;gap: 59px;}
.mypage-wrap .content-title {display: flex;font-size: var(--font-size-large);}
.mypage-wrap .content-box {flex: 1 0 auto;}
.mypage-wrap .form-area .form-group:not(:last-child) {margin-bottom: 28px;}
.mypage-wrap .form-area .btn-submit-group .btn-form-submit {margin-left: auto;}

@media all and (max-width:1024px){
    .mypage-wrap.is-flexwrap{display: block;width: 100%;}
    .mypage-wrap .content-title{display: block;text-align: center;}
    .mypage-wrap .form-area .form-group:not(:last-child) {margin-bottom: 20px;}
}

/* 수강권 구매 */
.purchase-wrap { max-width: 1000px;margin: 0 auto;}

@media all and (max-width:1024px){
	.purchase-wrap .form-group:not(:last-child) {margin-bottom: 12px;}
}