/* =============================================== */
/*			 		아이설렘 한글 					   */
/* =============================================== */
#ko {overflow-x:hidden;}
.w100 {width:100%;}
#ko .section_Warp {
	width:100%;
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 0 2rem;
    justify-content: center;
}
/* ++++++ section01 - 아이설렘 한글을 무엇이 다를까요 ++++++ */
#ko #section_01 {background:#fff;}
.ko_int {
	width: 100%;
	height:100vh;
	background:#FFF; 
	max-width:171rem;
	margin:0 auto;
	position:relative;
}



.alcir_group {
    width: 100%;
    height: 100%;
    position: absolute;
    transition: inherit;
    max-width: 138.3rem;
	max-height:108rem;
}
.alc img {width:100%;}
.alc {height: auto; position:absolute; display:inline-block;}
.alc.cir01 {
    left: 29%;
    bottom: 4rem;
    width: 30.72%;
    max-width: 45rem;
    z-index: 1;
	animation: float 3s ease-in-out infinite;
}

.alc.cirl02 {
    width: 15.8%;
    max-width: 21.8rem;
    left: 56%;
    bottom: 4rem;
    z-index: 0;
	animation: ani_cir02 3s ease-in-out infinite;
}

.alc.article01 {
	left: 26%;
    width: 6.6%;
    bottom: 19%;
    bottom: 18rem;
	max-width: 9rem;
}

.alc.cirl03 {
    right: 0;
    width: 14%;
    bottom: 21.5%;
	animation: ani_cir03 2.8s ease-in-out infinite;
}

.alc.article03 {
    right: 0;
    bottom: 22%;
    width: 3.7%;
    max-width: 5rem;
}

.alc.article02 {
    right: 16%;
    bottom: 37%;
    width: 2.5%;
    max-width: 3.4rem;
}

.alc.cirl04 {
    width: 14.2%;
    bottom: 16%;
	left:0;
	animation: ani_cir04 2.8s ease-in-out infinite;
}

.alc.article04 {
    width: 4.7%;
    max-width: 6.4rem;
    bottom: 34%;
    left: 14%;
}

@keyframes float {
	0% {transform: translatey(0px);}
	50% {transform: translatey(-2rem);}
	100% {transform: translatey(0px);}
}

@-webkit-keyframes ani_cir02 {
	0% {transform: translatey(0);}
	50% {transform: translatey(-1.5rem);}
	100% {transform: translatey(0);}
}

@-webkit-keyframes ani_cir03 {
	0% {transform: translatey(0);}
	50% {transform: translatey(-2.3rem);}
	100% {transform: translatey(0);}
}

@-webkit-keyframes ani_cir04 {
	0% {transform: translatey(0);}
	50% {transform: translatey(-1rem);}
	100% {transform: translatey(0);}
}

.alpabet_group {
    width: 100%;
    height: 100%;
    position: absolute;
	transition:inherit;
}


.section_Warp.ko_int {flex-direction: column; position:relative;}

#ko .section_Warp.ko_int {
	height:100vh;
    justify-content: flex-start;
    /* height: 100%; */
}

.ko_int .ko_mTitle {padding-top:18rem;}

.color_T {
	color: #51CED3;	
	font-family: Pretendard;
	font-size: 3rem;
	font-weight: 700;
	line-height: 3.6rem;
	text-align: center;
	margin-bottom: 3rem;
}
.ko_mtxt {
	font-family: Pretendard;
	font-size: 7rem;
	font-weight: 400;
	line-height: 9rem;
	text-align: center;
}
.ko_mtxt span.bold {font-weight: 700;}
.ko_arrow {
	left: 50%;
    bottom: 5rem;
    width: 5rem;
    height: 2.5rem;
    position: absolute;
    transform: translateX(-50%);
}
.ko_arrow img {width:100%;}


@media (max-width:1800px) {
	.color_T {
		font-size: 2.8rem;
		line-height: 3rem;
		margin-bottom: 1.5rem;
	}
	
	.ko_mtxt {
		font-size: 6.1rem;
		line-height: 7.8rem;
	}
	
	.alc.cir01 {
    left: 31%;
    bottom: 4rem;
    width: 26.72%;
    max-width: 45rem;
    z-index: 1;
    animation: float 3s ease-in-out infinite;
}
}

@media (max-width:1600px) {
	.alc.cir01 {
		left: 35%;
		width: 49.72%;
		max-width: 26rem;
	}
	.alc.cirl02 {
		width: 13.8%;
		left: 49%;
	}
	
	.color_T {
		font-size: 2.5rem;
		line-height: 2.6rem;
		margin-bottom: 1.5rem;
	}
	
	.ko_mtxt {
		font-size: 5.5rem;
		line-height: 7rem;
	}
	
	.alc.article01 {
		left: 25%;
		width: 5.6%;
	}
	
	.alc.cirl03 {
		right: 1%;
		width: 14%;
	}
	
	.alc.cirl04 {
		width: 12.2%;
		left: 3%;
	}
}


@media (max-width:991px){
	.ko_mtxt {font-size: 3.8rem;line-height: 4.8rem;letter-spacing: 0rem;padding-bottom: 4rem;text-align: center;}
	.ko_mtxt span.bold {font-size: 4rem;font-weight: 700;}
	.color_T {font-size: 2rem;line-height: 2.4rem;}
	.ko_arrow {bottom: 3.2rem;width: 2.8rem;height: auto;}
	
	.alcir_group {
		width: 107%;
		top: -10rem;
	}
	
	.alc.cirl03 {right: 7%;}
	.alc.article03 {right: 6.5%;}
	
	.alc.cirl04 {
		bottom: 26%;
		left: 9%;
	}
	
	.alc.article04 {
		bottom: 36%;
		left: 20%;
	}

	/* @-webkit-keyframes ani_cir03 { */
		/* 0% {transform: translatey(0);} */
		/* 50% {transform: translatey(-1.6rem);} */
		/* 100% {transform: translatey(0);} */
	/* } */
}
@media (max-width:767px){
	.color_T {margin-bottom:1.5rem;}
	.ko_int .ko_mTitle {padding-top: 17.6rem;}
	.ko_mtxt {font-size: 3.4rem;line-height: 4.6rem;letter-spacing: 0rem;padding-bottom: 0rem;}
	.ko_mtxt span.bold {font-size:3.4rem;line-height:4.6rem;}
	
	.alcir_group {width: 107%;top: 0rem;}


	.alc.cir01 {
		top: 48%;
		left: 16%;
		width: 53%;
		bottom: inherit;
		max-width:22rem;
		animation: float 3s ease-in-out infinite;
	}
	.alc.cirl02 {
		width: 24%;
		max-width: 10rem;
		left: 60%;
		bottom: inherit;
		z-index: 0;
		animation: ani_cir02 3s ease-in-out infinite;
		top: 63%;
	}


	/* .alc.cir01 { */
		/* top: 48%; */
		/* left: 24%; */
		/* width: 53%; */
		/* bottom: inherit; */
		/* animation: float 3s ease-in-out infinite; */
		/* max-width: 28rem; */
	/* } */
	/* .alc.cirl02 { */
		/* width: 24%; */
		/* max-width: 14rem; */
		/* left: 60%; */
		/* bottom: inherit; */
		/* z-index: 0; */
		/* animation: ani_cir02 3s ease-in-out infinite; */
		/* top: 63%; */
	/* } */

	.alc.cirl03 {
		right: -1%;
		width: 23.6%;
		bottom: inherit;
		animation: ani_cir03 2.8s ease-in-out infinite;
		max-width: 9.8rem;
		top: 41%;
	}

	.alc.cirl04 {
		width: 24%;
		left: 0;
		animation: ani_cir04 2.8s ease-in-out infinite;
		max-width: 10rem;
		bottom: inherit;
		left: 9%;
		top: 85%;
	}

	.alc.article01 {
		left: 29%;
		width: 9.6%;
		bottom: 19%;
		bottom: inherit;
		max-width: 4rem;
		top: 50%;
		left: 17%;
	}
	
	.alc.article04 {
		width: 7.2%;
		bottom: inherit;
		left: 28%;
		top: 78%;
	}
	.alc.article02, .alc.article03 {display:none;}	
}

@media (max-width:500px) {
	.alc.cir01 {
		top: 48%;
		left: 16%;
		width: 53%;
		bottom: inherit;
		animation: float 3s ease-in-out infinite;
	}
	.alc.cirl02 {
		width: 24%;
		max-width: 10rem;
		left: 60%;
		bottom: inherit;
		z-index: 0;
		animation: ani_cir02 3s ease-in-out infinite;
		top: 63%;
	}

	.alc.cirl03 {
		right: -1%;
		width: 23.6%;
		bottom: inherit;
		animation: ani_cir03 2.8s ease-in-out infinite;
		max-width: 9.8rem;
		top: 41%;
	}

	.alc.cirl04 {
		width: 24%;
		left: 0;
		animation: ani_cir04 2.8s ease-in-out infinite;
		max-width: 10rem;
		bottom: inherit;
		left: 9%;
		top: 85%;
	}

	.alc.article01 {
		left: 29%;
		width: 9.6%;
		bottom: 19%;
		bottom: inherit;
		max-width: 4rem;
		top: 50%;
		left: 17%;
	}
	
	.alc.article04 {
		width: 7.2%;
		bottom: inherit;
		left: 28%;
		top: 78%;
	}
}

@media(max-width:400px) {
	.ko_int .ko_mTitle {padding-top: 11.6rem;}
}

/* ++++++ // section01 - 아이설렘 한글을 무엇이 다를까요 ++++++ */


/* ++++++ speed - 천천히, 빠르게 ++++++ */
#ko .section_Warp.speed {
	height: auto;
	position:relative;
	flex-direction: column;
	display: block!important;
    background: #f8f8f8;;
}
.speed .mid_cont {
	width:100%; 
	max-width:101rem; 
	margin:0 auto; 
	position:relative;
	padding-top:41.4rem;
}
.speed .mid_cont img {width:100%;}
.speed .k_conStxt {
    position: absolute;
    text-align: left;
    right: 4.7rem;
    top: 44rem;
	line-height: 4.6rem;
    font-size: 3.2rem;
    font-weight: 400;
    color: #444;	
}
span.color.green {color:#30CDD4;}
span.color.blue {color:#4B5BD8;}
.speed .k_conTitle {left: 0%;width:100%;top:15.6rem;position: absolute;}
.speed_bg {position:relative;}
@media (max-width:1320px) {.speed .k_conStxt {right: 8rem;top: 43rem;}}
@media (max-width:1200px) {.speed .k_conStxt {right: 12rem;top: 32rem;}}
@media (max-width:991px) {
	#ko .section_Warp.speed {padding:0;}
	.speed .mid_cont {margin:0; padding:0;}
	.speed .k_conTitle {
		top:0;
		width:auto;
		padding:8rem 2rem 0; 
		position: relative;
		transform: inherit;
		margin-bottom:0rem;
	}
	.speed .k_conStxt {
		padding: 0 2rem;
		left: 50%;
		top: 10.5rem;
		right: inherit;
		text-align: center;
		position: absolute;
		transform: translate(-50%,-50%);
	}
}

@media (max-width:767px) {
	.speed .k_conTitle { width:auto;padding-top:5rem;margin-bottom:6rem;}
	.speed .k_conStxt {
		width:100%;
		top: 1.5rem;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 2.8rem;
		text-align: center;
	}
}
/* ++++++ // speed - 천천히, 빠르게 ++++++ */

/* ++++++ section02 - 효율적입니다 ++++++ */
#ko #section_02 {z-index:10;background: #F2FCFD; height:inherit; padding: 15rem 2rem; width:inherit;}
.section_Warp.eff {height:auto;max-width: 96rem;flex-direction: column;}
.k_conTitle {
	color:#222;
	font-size: 7rem;
	font-weight: 700;
	line-height: 6.6rem;
	margin-bottom: 3rem;
	text-align:center;
}
.k_conTitle.f65 {font-size: 6.5rem;}
.k_conTitle.f55 {font-size: 5.5rem;}


.k_conTitle>p {display: inline;}
.k_co.nTitle {
    font-size: 5.5rem;
    font-weight: 700;
    line-height: 6.6rem;
	font-family: Pretendard;
}
.eff span.color {color: #30CDD5;}
.eff .k_conTitle.f55 {margin-bottom:0;}
.k_conStxt {
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 3.6rem;
    letter-spacing: 0px;
    text-align: center;
    color: #444;
}
.k_conStxt>p {display:inline; position:relative;}
.eff .k_conStxt {font-weight:300; margin-top: 3rem; color:#444;}
.eff .k_conSubtxt {
	color:#222;
	font-weight: 400;
	font-size: 2.4rem;
	text-align: center;
	line-height: 3.8rem;
}
.botm_Txt {
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 4.3rem;
	text-align: center;
	margin-bottom:2.5rem;
}
.eff .un_line {display:inline; position:relative; z-index:1;}
.un_line::before {
    content: '';
    width: 100%;
    height: 1rem;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: url(../img/blue_unline.png) no-repeat center/cover;
}
.botm_Stxt {font-size: 2rem;font-weight: 400;text-align: center;line-height: 3.2rem;}
.k_conStxt span.bold {font-weight:700;}
.botm_Txt p {display:inline; position:relative; z-index:1;}
.sw_area {margin-top:7rem; max-width:96rem; position:relative;}
.ko_slow {max-width: 77rem; filter: drop-shadow(10px 15px 30px rgba(0, 0, 0, 0.25));}
.ko_slow .swiper {width:100%;}
.ko_slow .swiper-slide {max-width:77rem;}
.ko_slow .swiper-slide img {width:100%;}
.eff .un_line::before {background: url(../img/underline.png) no-repeat center/cover;}

@media (max-width:991px) {
	#ko #section_02 {padding:8rem 3rem;}
	.k_conTitle {
		color: #222;
		font-family: Pretendard;
		font-size: 4rem!important;
		font-weight: 700;
		line-height: 5rem;
		letter-spacing: 0;
		text-align: center;
	}
	#ko .section_Warp {padding:0;}
	.k_co.nTitle {font-size: 4em;line-height: 5rem;}
	.eff .k_conStxt {font-weight: 400;margin-top: 4rem;}
	.k_conStxt, .eff .k_conSubtxt {font-family: Pretendard;font-size: 2.2rem;line-height:3.7rem;}
	.sw_area {margin-top: 6rem;max-width: inherit;}
	.ko_slow {padding:0 1.5rem!important;}
}
@media (max-width:767px) {
	.eff .k_conStxt {margin-top: 2rem;}
	.k_co.nTitle {font-size: 2.6rem;line-height: 3.6rem;}
	.k_conTitle {font-size: 2.6rem!important;line-height: 4.3rem;}
	.k_conStxt, .eff .k_conSubtxt {font-family: Pretendard;font-size: 1.5rem;line-height: 2.5rem;}
}
/* ++++++ // section02 - 효율적입니다 ++++++ */

/* ++++++ someones - 누구나 쉽게 읽고 쓸 수 있도록 ++++++ */
#ko section.someone {background: #FFF; padding-top:15rem; padding-bottom:0;}
.someone .section_Warp {position:relative;max-width: 94.9rem;flex-direction: column;}
.someone .k_conTitle {margin-bottom:13rem;	}
.someone .k_conTitle span.color {color: #4B5BD8;}
.someone .k_conStxt {
	top: 8rem;
    right: -4rem;
	text-align:left;
    position: absolute;
	font-weight: 400;
	font-size: 3.2rem;
	line-height: 4.6rem;
}
.someone .k_conStxt span.bold {font-weight:700;}
.someone .mid_cont {padding:0; max-width:38.9rem; position: relative;}
.someone .mid_cont img {width:100%; vertical-align: bottom;}
.someone img.sub_img {position: absolute;max-width: 124px;width: 100%;right: 7rem;top: -6rem;}

@media (max-width:1200px) {
	.someone img.sub_img {max-width:11rem; right:8rem; top:-4rem;}
	.someone .k_conStxt {top: 8rem; right: -7rem;}
}
@media (max-width:991px){
	.top_title {width: 100%;}
	#ko section.someone {padding-top:8rem;}
	.someone .k_conTitle {margin-bottom: 6rem;}
	.someone .k_conStxt {
		text-align:center;
		position:inherit;
		font-size: 2.3rem;
		font-weight: 400;
		line-height: 3.3rem;
		padding-bottom:3rem;
	}
	.someone .mid_cont {max-width: 29.9rem;}
	.someone .mid_cont img {margin-top:4.6rem;}
	.someone img.sub_img {max-width: 6.7rem;width: 100%;right: 3rem;top: -3rem;}
}
@media (max-width:767px){
	.someone .k_conStxt {
		text-align:center;
		position:inherit;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 2.8rem;
		padding-bottom:0rem;
	}
	.someone .mid_cont {max-width: 19.9rem;}
}
/* ++++++ // someones - 누구나 쉽게 읽고 쓸 수 있도록 ++++++ */


/* ++++++ easy - 쉽습니다 ++++++ */
#ko section.kEasy {background:#F1F4FF; padding:18.9rem 0 18.8rem;}
.easy_cont {width:100%;display: flex;align-items: center;justify-content: space-between;}
.section_Warp.easy {width: 100%;max-width: 120rem;flex-direction: column;justify-content: center;}
.easy .k_conTitle, .easy .k_conStxt {text-align:left!important;}
.easy .k_conStxt span, .easy .k_conStxt p {display:inline;}
.easy span.color {color: #4b5bd8;}
.easy .bold {font-weight:700;}
.easy .left {width: 40%; max-width: 40rem;}
.easy .right {width: 60%; max-width: 60rem; position: relative;}
.easy .rigth_cont {width: 100%;}
.easy img {width: 100%;}

.un_line{position:relative; z-index:0;}
.easy .un_line::before {background: url(../img/underline_green.png) no-repeat center/cover;}

.g_txt {
	bottom: 0;
	color:#888;
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 1.9rem;
	position: absolute;
}
@media (max-width:991px) {
	#ko section.kEasy {padding: 8rem 0 8rem;}
	.easy_cont {flex-direction: column;}
	.easy .left {width: auto; max-width: inherit; padding:0rem 3rem 3rem 3rem;}
	.easy .k_conTitle, .easy .k_conStxt {text-align:center!important;;}
	.easy .right {width: 100%; max-width: inherit;}
	.g_txt  {font-size: 1.2rem; line-height: 1.6rem; bottom:2.5rem;}
}
@media (max-width:767px) {
	#ko section.kEasy {padding: 8rem 0 8rem;}
	.easy_cont {flex-direction: column;}
	/* .easy .left {width: 100%; max-width: inherit; padding-bottom: 3rem;} */
	.easy .left .k_conTitle {margin-bottom:2rem;}
	.easy .k_conTitle, .easy .k_conStxt {text-align:center!important;;}
	.easy .right {width: 100%; max-width: inherit;}
	.g_txt  {bottom:0rem; margin-top:1rem; font-size: 0.9rem;line-height: 1.3rem;letter-spacing: -0.03rem;}
}
/* ++++++ // easy - 쉽습니다 ++++++ */


/* ++++++ home - 적문적인 난독 교육을 가정에서 ++++++ */
#ko section.home {background: #2D2A89; padding:15rem 0 0 0;}
.home .section_Warp {width: 100%;max-width: 117.5rem;flex-direction: column;justify-content: center;}
.home .k_conTitle, .home .k_conStxt {color:#222; margin-bottom:7rem;}
.home span.color {color:rgba(255, 150, 53, 1);}
.home .mid_cont {position: relative;width:100%;padding: 0;}
.home_ch {max-width: 122rem; position:relative; padding-bottom: 54rem; z-index:10;}
.home .think {position:absolute; left:28rem; top:-1rem; width:100%; max-width:18.9rem;}
.home .think img {width:100%}
.home_ch img.pc_only {position: absolute; width: 86%; top: 11.2rem; left:-3rem;}
.home_ch img {width:100%;}
.home_mTxt {position: absolute;right: 4rem; top: 10rem;}
.home_mTxt>p {
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 4.6rem;
    text-align: left;
}
.home_mTxt>p span.bold {font-weight: 600;}
.home .botm_txt {color:#fff;}

/* 0922 이미지 수정 - 애니메이션 수정 */
@media (max-width:991px){
	#ko section.home {padding: 8rem 0 0 0;}
	#ko .home .section_Warp {padding:0;}
	.home .k_conTitle {margin-bottom:6rem; padding: 0 2rem;}
	.home_mTxt {position: relative;right: 0;top: 0;}
	.home_mTxt>p {
		text-align: center;
		font-size: 2.3rem;
		line-height: 3.3rem;
		padding:0 2rem 5rem 2rem;
	}
	.home .think {
		width: 100%;
		left: 15rem;
		top: -12rem;
		max-width: 15rem;
		position: absolute;
	}
	.home_ch {padding-bottom: 0rem;}
	.home .mid_cont::before {
		content: "";
		width: 100%;
		height: 12.5rem;
		background: #FFF6EF;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.home_ch {
		z-index: 10;
		max-width: 76rem;
		position: relative;
		padding-bottom: 2rem;
		margin: 7rem auto 0;
	}
	.home_ch .pc_only {display:block!important;}
	.home_ch .mo_only {display:none!important;}
	.home_ch img.pc_only {
		left: 44%;
		width: 105%;
		top: -2.8rem;
		position: relative;
		transform: translateX(-50%);
	}
	.home_ch::before {
		content: '';
		width: 100%;
		height: 27%;
		position: absolute;
		bottom: 0;
		z-index: -1;
		background:#FFF6EF;
	}
	.easy .right {width: auto; max-width: 60rem; position: relative; padding:0 3rem;}
}
@media (max-width:767px){
	.home_mTxt>p {font-size: 1.8rem;line-height: 2.8rem;padding:0 2rem 6rem 2rem;}
	.home .think {
		top: -9rem;
		left: 13rem;
		width: 100%;
		max-width: 10rem;
		position: absolute;
	}
	.home .mid_cont::before {height:5.5rem;}
	.home_ch {padding-bottom:0; margin:2rem auto 0;position:relative;}
	.home_ch::before {
		content: '';
		width: 100%;
		height: 29%;
		position: absolute;
		bottom: 0;
		z-index: -1;
		background:#FFF6EF;
	}
}

@media (max-width:500px) {
	.home_ch .pc_only {display:none!important;}
	.home_ch .mo_only {display:block!important;}
	.home .think {left: 4rem;top: -9rem;width: 100%;max-width: 9rem;}
	.home_ch::before {
		content: '';
		width: 100%;
		height: 17%;
		position: absolute;
		bottom: 1rem;
		z-index: -1;
		background:#FFF6EF;
	}
}
/* ++++++ // home - 적문적인 난독 교육을 가정에서 ++++++ */

/* ++++++ pro - 전문적입니다 ++++++ */
#ko section.pro {background: #FFF6EF; padding:26rem 0 18rem;}
.pro .k_conTitle {
    color: #222;
    font-size: 5.5rem;
    font-weight: 700;
    line-height: 6.6rem;
    margin-bottom: 3rem;
    text-align: center;
}
.pro .section_Warp {width: 100%;max-width: 117.5rem;flex-direction: column;justify-content: center;}
.pro span.color {color:rgba(250, 134, 28, 1);}
.pro span.bold {font-weight:700;}

.pro .mid_cont {padding-top:12rem;}
.pro .mid_cont ul.pro_cir {display: flex;background:url(../img/ko/)}
.pro .mid_cont ul.pro_cir li.b_cirle {width: 28rem;height:28rem;position: relative;}

.pro_circle {position: relative;}
.pro_circle img {width: 100%;}

.pro .mid_cont>ul.pro_cir li.b_cirle:nth-child(1) {left:0.3rem; top:-0.6rem; z-index:4;}
.pro .mid_cont>ul.pro_cir li.b_cirle:nth-child(2) {left: -0.75rem; z-index:0; z-index:3;}
.pro .mid_cont>ul.pro_cir li.b_cirle:nth-child(3) {left: -2rem; top:-0.7rem; z-index:2;}
.pro .mid_cont>ul.pro_cir li.b_cirle:nth-child(4) {left: -3rem; z-index:1;}

ul.pro_cont {
	left: 48%;
    top: 50%;
	text-align: center;
    position: absolute;
    transform: translate(-50%, -50%);
	display: flex;
	width: 100%;
    flex-direction: column;
    align-items: center;
}
li.b_cirle:nth-child(1) ul.pro_cont li.pro_icon {width: 7.5rem;} 
li.b_cirle:nth-child(2) ul.pro_cont li.pro_icon {width: 7.8rem;} 
li.b_cirle:nth-child(3) ul.pro_cont li.pro_icon {width: 7.5rem;} 
li.b_cirle:nth-child(4) ul.pro_cont li.pro_icon {width: 6.5rem;} 

li.pro_icon {height: auto;}
li.pro_icon img {width: 100%;}
li.pro_title {
	color:#222;
    margin-top: 3rem;
	margin-bottom: 1rem;
	font-family: Pretendard;
	font-size: 2.1rem;
	font-weight: 700;
	line-height: 2.5rem;
	letter-spacing: 0px;
	text-align: center;
}

li.pro_subTxt {font-family: Pretendard;font-size: 1.6rem;font-weight: 300;line-height: 2.1rem;}
li.pro_subTxt span.color {font-weight: 600;}
.pro .mid_cont ul.pro_cont li:nth-child(1) .pro_icon {width:7rem;}
@media (max-width:991px) {
	#ko section.pro {background: #FFF6EF; padding:6rem 0 5.4rem;}
	.pro .k_conTitle {color: #222;font-size: 4rem;line-height: 5rem;margin-bottom: 4rem;}
	.pro .mid_cont {padding-top:5rem; z-index:0;}
	.pro .mid_cont ul.pro_cir li.b_cirle {width: 23.8rem;height: 23.8rem;position: relative;}
	ul.pro_cont {left: 51%;}
	.pro .mid_cont>ul.pro_cir li.b_cirle:nth-child(1) {z-index:4; top:0; left: 0;}
	.pro .mid_cont>ul.pro_cir li.b_cirle:nth-child(2) {left: 0rem; top:-1rem;}
	.pro .mid_cont>ul.pro_cir li.b_cirle:nth-child(3) {left: 0rem; top:-2rem;}
	.pro .mid_cont>ul.pro_cir li.b_cirle:nth-child(4) {left: 0rem; top:-3rem;}
	
	.pro .mid_cont ul.pro_cir {flex-direction: column;}
	.pro .mid_cont>ul.pro_cir li.b_cirle:nth-child(1) .pro_circle {transform: rotate(90deg);}
	.pro .mid_cont>ul.pro_cir li.b_cirle:nth-child(2) .pro_circle {transform: rotate(90deg); left:0;}
	.pro .mid_cont>ul.pro_cir li.b_cirle:nth-child(3) .pro_circle {transform: rotate(90deg); left:0;}
	.pro .mid_cont>ul.pro_cir li.b_cirle:nth-child(4) .pro_circle {transform: rotate(90deg); left:0;}
	
	ul.pro_cont li.pro_icon {width: 6.4rem!important;} 
	li.pro_title {font-size: 1.7rem;margin-top: 2.4rem;margin-bottom: 1rem;	line-height: 2.04rme;}
	li.pro_subTxt {font-size: 1.4rem;font-weight: 300;line-height: 2rem;}
	.kai_ch .mo_only {display:none!important;}
	.kai_ch .pc_only {display:block!important;}
}
@media (max-width:767px) {
	.pro .k_conTitle {font-size: 2.6rem;line-height: 3.6rem;margin-bottom: 2rem;}
}
@media (max-width:500px) {
	.kai_ch .mo_only {display:block!important;}
	.kai_ch .pc_only {display:none!important;}
}
/* ++++++ // pro - 전문적입니다 ++++++ */


/* ++++++ AI - 난독 학습자를 이해하는 Ai 기술 ++++++ */
#ko section.K_ai {background: #FFF; padding:15rem 0 0 0;}
.K_ai .section_Warp {width: 100%;max-width: 117.5rem;flex-direction: column;justify-content: center;}
.K_ai .k_conTitle {margin-bottom:13.5rem;}
.K_ai span.color {color:rgba(75, 91, 216, 1);}
.K_ai .mid_cont {padding:0; position:relative; width:100%;}
.K_ai .mid_cont .kai_ch {max-width:132rem; position:relative; margin:0 auto;}
.K_ai .mid_cont .kai_ch img {width:100%;}
.K_ai img.sub_img {top: -40px;left: 140px;width: 100%;max-width: 246px;position: absolute;}
img.sub_img02 {right: 26rem;bottom: 17rem;max-width: 20rem;position: absolute;}
.kai_mTxt {top:5rem;right:13.5rem;display:inline;position:absolute;}
.kai_mTxt>p {font-size: 3.4rem;font-weight: 400;line-height: 4.8rem;}
.kai_mTxt>p span.bold {font-weight:600;}

@media(max-width:1400px) {
	.K_ai img.sub_img {left: 110px;top: 10px;width: 100%;max-width: 156px;position: absolute;}
}

@media (max-width:991px){
	#ko .K_ai .section_Warp {padding:0;}
	#ko section.K_ai {padding: 8rem 0 0 0;font-size: 2.6rem;line-height: 3.6rem;}
	.K_ai .k_conTitle {margin-bottom: 6rem; padding:0 2rem;}
	.kai_mTxt {position: inherit;display: inline;top: 0;right: 0;}
	.kai_mTxt>p {font-size: 2.3rem;font-weight: 400;line-height: 3.3rem;text-align:center;padding-bottom:5.2rem;}
	.K_ai .mid_cont .kai_ch {max-width:72rem; position:relative; margin:0 auto;}
	.K_ai img.sub_img {top: 9rem;left: 5.4rem;max-width: 12rem;}
	.K_ai img.sub_img02 {display:none;}
	.K_ai .mid_cont .kai_ch img.mo_only {padding-top: 52px;}
}
@media (max-width:767px){
	.kai_mTxt>p {font-size: 1.8rem;line-height: 2.8rem;padding-bottom:2rem;}
	.K_ai .mid_cont .kai_ch img.mo_only {padding-top:0;}
	.K_ai img.sub_img {top: 4rem; left: 4.4rem;max-width: 11rem;}
}
/* ++++++ // AI - 난독 학습자를 이해하는 Ai 기술 ++++++ */


/* ++++++ self - 직접 읽고 씁니다 ++++++ */
#ko section.self {background: #F8F8F8; overflow:hidden; padding: 15rem 0 15.9rem;}
.self .section_Warp {
	height:auto;
	max-width: 101rem;
	padding:0!important;
	flex-direction: column;
    justify-content: center;
}
.self span.color {color:rgba(75, 91, 216, 1);}
.self .ko_ai {height:auto;max-width:84rem;margin-top:8rem;overflow:unset!important;}
.self .w_layer {
	top: 0;
	left: 0;
	opacity:1;
    width: 100%;
    height: 100%;
	border-radius:2rem;
    position: absolute;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}
.self .ko_ai .swiper-slide img {width:100%; border-radius: 2rem; vertical-align: middle;}
.self span.un_line {position: relative;z-index: 0;}
.self .un_line::before {background: url(../img/underline_blue.png) no-repeat center/cover;}
.swiper-slide.swiper-slide-active .w_layer {opacity:0;}

.self .w100 {position:relative;}
.self .k_conStxt span.bold {font-weight:600;}
.self_turtle {
	z-index: 1;
	left: -3rem;
	bottom: -9rem;
    width: 13.7rem;
	position: absolute;
}
.self_turtle img {width:100%;}
@media (max-width:991px) {
	#ko #section_05 {width: inherit;padding: 8rem 2rem 11rem;}
	#ko .section_Warp.self {padding:0;width: 100%;height: auto;max-width: 101rem;}
	.self .w_layer {border-radius:0.8rem;}
	.self .k_conTitle {margin-bottom:2rem;}
	.self .ko_ai .swiper-slide img {width:100%; border-radius: 0.8rem; vertical-align: middle;}
	.self .ko_ai {height: auto;margin-top: 2.5rem;padding:0 0.9rem;max-width: inherit;overflow: unset!important;}
	.self_turtle {width: 7rem;bottom: -6rem;left: 0rem;z-index: 1;}
	.self .ko_ai .swiper-button-next {right:-1rem!important;}
	.self .ko_ai .swiper-button-prev {left:-1rem!important;}
}

.self .swiper-button-next {background-image:url(../img/ko/b_blue_rh_btn.png);}
.self .swiper-button-prev {background-image:url(../img/ko/b_blue_la_btn.png);}

.self .swiper-button-next:hover {background-image:url(../img/ko/blue_rh_btn.png);}
.self .swiper-button-prev:hover {background-image:url(../img/ko/blue_lh_btn.png);}
/* +++ // swiper btn +++ */
/* ++++++ // self - 직접 읽고 씁니다 ++++++ */

/* ++++++ section06 - 블렌디드 러닝 ++++++ */
#ko section.essen {background: #FFF; overflow:hidden; padding:15rem 0;}
.essen .section_Warp {
	width:100%;
	height:auto;
    max-width: 128rem;
	flex-direction: column;
    justify-content: center;
}
.essen span.color {color: #30CDD4;}
.essen .mid_cont {padding-top:7rem;}
.essen .ko_essen {height:50rem;margin:8rem 0;overflow:unset!important;}
.essen .k06_slide_cont {
	margin: 0 auto;
    max-width: 50.5rem;
	position:relative;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
}
/* .essen .k06_slide_cont::before { */
    /* height: 100%; */
    /* content: ''; */
	/* top: 0; */
    /* left: 50%; */
    /* width: 0.2rem; */
    /* background: #EEE; */
    /* position: absolute; */
    /* transform: translateX(-50%); */
/* } */
.essen .k06_slide_cont img {width:100%; vertical-align: bottom;}
.essen .w100 {width: 100%;display: flex;align-items: center;justify-content: space-between;}
.essen .k06_left, .essen .k06_right {width:50%; max-width:59.5rem;}
.essen .swiper-wrapper {margin: 4rem 0;}
.essen .slide_Title {
	font-weight: 400;
	font-size: 2.4rem;
	text-align: center;
	line-height: 3.6rem;
	font-family: Pretendard;
}
.essen .slide_Title span.bold {font-weight:700;}
.essen .slide_Title>p {display: inline-block; padding: 0.3rem 2.6rem; background: #FFF8BD;}
.essen .swiper-slide {box-sizing: border-box; padding:0 2.5rem;}

/* .essen .swiper-button-next, .swiper-rtl .swiper-button-prev {width:5rem!important; height:5rem!important; right:2.55rem!important;} */
/* .essen .swiper-button-prev, .swiper-rtl .swiper-button-next {width:5rem!important; height:5rem!important; left:2.55rem!important;} */

.essen .btom_txt {font-size: 2rem;font-weight: 400;line-height: 3rem;text-align: center;}
.essen .btom_txt .bold {font-weight: 600;}

.essen .k06_right .swiper-button-next {transform:translateY(25%);}
.essen .k06_right .swiper-button-prev {transform:translateY(25%);}

.essen .k06_left .swiper-button-next {transform:translateY(-25%);}
.essen .k06_left .swiper-button-prev {transform:translateY(-25%);}

@media (max-width:991px) {
	#ko section.essen {padding: 8rem 0rem;}
	.Wrapper section.essen {width:inherit;}
	.essen .k_conTitle {line-height: 3.6rem;font-size: 2.6rem;margin-bottom:0;}
	.essen .mid_cont {padding-top: 4rem;}
	.essen .slide_Title {font-size: 1.5rem;line-height: 1.8rem;}
	.essen .slide_Title>p {padding: 0.5rem 1rem;}
	.essen .w100 {flex-direction: column;}
	.essen .k06_slide_cont {padding:0;}
	.essen .k06_left, .essen .k06_right {width: 100%;}
	.essen .swiper-wrapper {margin: 2.1rem 0 2rem;}
	.essen .btom_txt {font-size: 1.4rem;line-height: 2.2rem;}
	.essen .k06_left {margin-bottom: 4rem;}
	.essen .k06_left {margin-bottom: 4rem;}
	
	.essen .swiper-button-next {width:2.8rem!important; height:2.8rem!important; right: 1rem!important;}
	.essen .swiper-button-prev{width:2.8rem!important; height:2.8rem!important; left: 1rem!important;}
	
	.essen .k06_right .swiper-button-next {transform:translateY(100%);}
	.essen .k06_right .swiper-button-prev {transform:translateY(100%);}
	
	/* .essen .k06_right .swiper-button-prev, .essen .k06_right .swiper-button-next {transform:translateY(50%);} */
}
/* ++++++ // section06 - 블렌디드 러닝 ++++++ */
/* ============= //korean ============= */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */