/* =============================================== */
/*			 		  교육기관용 					   */
/* =============================================== */
#agency {overflow-x: hidden;}
.brand_intro {position: relative;height: 100%;width: 100%;}
.brand_intro_Wrap {width: 100%;height: 100vh;}
.brand_intro .fr_cons_intro_title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    z-index: 40;
}
.brand_intro .fr_cons_inner {
    position: fixed;
    max-width: 1120px;
    padding: 0 2rem;
    margin: 0 auto;
    z-index: 50;
}
@media (max-width: 767px){
	.brand_intro_Wrap {height: 707px;}
	.brand_intro_Wrap.sec02 {height: 707px;}
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.sec_title {display:none;}
.none {display:none;}
.block {display:block;}
.opacity {opacity:1;}
.inherit {position:sticky;}

.intro{position: relative;height: 250vh;padding: 260px 0 460px;box-sizing: border-box;}
.intro > div{position: fixed;left: 0;top: 0;right: 0;height: 100vh;display: inherit;flex-direction: column;align-items: center;justify-content: center;text-align: center;color: #666;z-index: 1;}

.intro{height: 250vh;padding: 26rem 0 46rem;box-sizing: border-box;position: relative;}
.intro .bg {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    left: 0;
    /* background: url(../img/renewal/brand_intro.jpg) no-repeat top/cover; */
    z-index: 0;
	bottom:0;
	height:auto;
}

.intro .dim {
    position: fixed;
    top: 28%;
    left: 30%;
    transform: translateX(-50%);
    z-index: 0;
    opacity: 0;
	display:none;
    transition: none;
    height: auto;
	
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 4.8rem;
    letter-spacing: 0px;
    text-align: left;
    color: #222;
}

.intro .dim.right {top: 45%;left: 75%;width:27%;}
.dim span.bold {font-weight:700;}
.text{position: relative;z-index: 1;}
#main2.in .dim{opacity: 1; display:block;}
.passed #main2{position: absolute;top:auto;left: 0;bottom: 0;right: 0;height: 100vh;}

.intro.passed .bg,
.intro.passed .dim{position: absolute;}

.container > .title.queue{transform: translateY(20px);opacity: 0;}
.container > .title.queue.in{opacity: 0;--scaleStart: 20px;animation: 0.2s ease-out 0s 1 showUp forwards;}

.fr_cons_intro_title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    top: 20%;
}
.intro_sec02 {
	position: relative;
	height: 100vh;
	box-sizing: border-box;
	background: url(../img/renewal/br_intro002.jpg) no-repeat top/cover;
}
.intro_sec02 #main1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.intro_sec02 .bg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../img/renewal/brand_intro.jpg) no-repeat top/cover;
    z-index: 0;
}
.dim.right.sec_Txt {width:100%; max-width:37.9rem;}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 유지되는 요소 */
.anthor_Bg {
	display:none;
    width: 100%;
    height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.brand_bg .sec_title {
    top: 50%;
    left: 50%;
	position: absolute;
    transform: translate(-50%, -50%);
}
.ag_main_circle {
    width: 52rem;
    height: 52rem;
    background: #DFF3F5;
    border-radius: 50%;
	position: absolute;
    left: 50%;
    bottom: -12%;
    transform: translateX(-50%);
	transition:1.23s;
}
.ag_main_bg.active .ag_main_circle {transform: translate(-50%, 0%) translate3d(0px, 0px, 0px) scale(10, 10);}
.circle_t {
	left: 50%;
	z-index:1;
	bottom: -0.6rem;
    max-width: 32.6rem;
    transform: translateX(-50%);
    position: absolute;
}
.circle_t figure img {width: 100%;}
.ag_main_bg.active .circle_t {max-width:48rem;}
.quse {right: 0;top: -1.6rem;width: 8.3rem;position: absolute;}
.quse img {width: 100%;}
.ag_main_bg.active .quse {width:10.7rem;}
/* // 유지되는 요소 // */

/* ======================== agency ======================== */
/* +++++++++++ agency_main +++++++++++ */
#agency #section_01 {
    background: #fff;
    height: auto;
    position: relative;
    display: inherit;
}
.ag_main .inner {
	max-width:114rem;
	margin:0 auto;
	padding:0 2rem;
	padding-top:22.4rem;
}
.ag_main .s_Title  {
	font-size: 3rem;
	font-weight: 700;
	line-height: 3.6rem;
	text-align: center;
	color: #51CED3;
	margin-bottom:3rem;
}
.ag_main .b_Title  {
	color:#222;
	font-size: 6rem;
	font-weight: 400;
	line-height: 8rem;
	text-align: center;
}
.ag_main .b_Title span.bold  {font-weight: 700;}
.ag_main_vi {margin-top:9.2rem; width:100%; max-width:52rem; margin:0 auto; transition:all 0.4s ease-in-out;}
.ag_main_vi img {width:100%; vertical-align:bottom;}
#agency #section_01.test {padding:0;}
#section_02.big {max-width: 218rem!important;}


@keyframes talk_up {
	0% {
		opacity:0;
		bottom:-10%
	}
	70% {
		opacity:0;
		bottom:-5%
	}
	100% {
		opacity:1;
		bottom:2.5%
	}
}
.child_call {
	left:50%;
	opacity:0;
	bottom:2.5%;transform: translateX(-40px);
	width:100%;
	max-width:143.6rem;
	position:absolute;
	transform:translateX(-50%);
}
.child_call img {width:100%;}
.ag_main_bg.active .child_call {animation: talk_up 3.3s!important; opacity:1;}
.mo_only {display:none!important;}
@media (max-width:1500px) {
	.ag_main .b_Title {font-size:4.5rem; line-height:6rem;}
	.ag_main .s_Title {margin-bottom:2rem;}
	.intro .dim {font-size:3rem; line-height:4rem;}
	.intro .dim.right {top:54%;}
}

@media (max-width:991px) {
	.pc_only {display:none!important;}
	.mo_only {display:block!important;}
	#agency #section_01 {padding-top: 27.7rem;background: #fff;}
	.intro{height: 250vh;}
	.intro .dim {transform: translate(-50%, -50%);}
	.ag_main .s_Title {font-size: 1.8rem;line-height: 1;margin-bottom: 1.5rem;}
	.ag_main .b_Title {font-size: 3rem;line-height: 4.2rem;}
	
	

	@keyframes talk_up {
		0% {
			opacity:0;
			bottom:-10%
		}
		65% {
			opacity:0;
			bottom:0%
		}
		100% {
			opacity:1;
			bottom:20%
		}
	}

	.child_call {
		left:50%;
		opacity:0;
		bottom:20%;
		width:100%;
		max-width:46rem;
		position:absolute;
		transform:translateX(-50%);
	}
	.ag_main_bg.active .child_call {animation: talk_up 3.5s!important; opacity:1;}
	.intro.passed .ag_main_bg.active .child_call {bottom:8%;}
}

@media (max-width:767px) {
	.child_call {max-width:32.8rem;}
}
/* +++++++++++ // agency_main +++++++++++ */

.txt_Aree {
    width: 100%;
    height: 48rem;
    /* border: 1px solid red; */
    position: absolute;
    bottom: 18rem;
    left: 0;
}
.txt_inner {
    position: relative;
    max-width: 109rem;
    margin: 0 auto;
	display:none;
	width: 100%;
}
.ag_main .think p {
    position: absolute;
    left: 265px;
    top: 65%;
	
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 4.8rem;
    letter-spacing: 0px;
    text-align: left;
    z-index: 1;
	position: sticky;
}
.think.right {width: 100%;}
.ag_main .think.right p {
    right: 0px;
    top: 70%;
    left: inherit;
	position: absolute;
}
.think.right>p {
	position: absolute;
    left: 26.5rem;
    top: 65%;
	
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 4.8rem;
    letter-spacing: 0px;
    text-align: left;
    z-index: 1;
	position: sticky;
}
.ag_main .think p.visible {opacity:1;}


/* +++++++++++ agency_main02 +++++++++++ */
.ag_main.inner {
	max-width:87rem;
	margin:0 auto;
	padding:34rem 2rem 0;
	position:relative;
	padding-top: 23rem;
}
.tea_txt  {
	position: absolute;
	font-size: 3.6rem;
	font-weight: 400;
	line-height: 4.8rem;
	color: #222;
}
.tea_txt span.bold  {font-weight: 700;}
.tea_txt.left {top: 8rem; left: -13rem;}
.tea_txt.right {top: 22rem; right: -30rem;}

#section_02 .ag_main_vi {margin-top:9.2rem; width:100%; max-width:58rem; margin:0 auto;}
#section_02 .ag_main_vi img {width:100%; vertical-align:bottom;}
#section_02.big {height:150vw;}
#section_02.big .ag_main_vi {position:sticky; bottom:0;}

@media (max-width:1800px) {

	.ag_main .s_Title {
		font-size: 3rem;
		line-height: 3.6rem;
		margin-bottom: 1.5rem;
	}
	.ag_main .b_Title {
		font-size: 4.8rem;
		line-height: 6.2rem;
	}
}

@media (max-width:1600px) {
	.fr_cons_intro_title {top: 30%;}
	.ag_main .s_Title {
		font-size: 2.5rem;
		line-height: 3.6rem;
		margin-bottom: 1rem;
	}
	.ag_main .b_Title {font-size: 3em;line-height: 4rem;}
	.ag_main_circle {width: 39rem;height: 39rem;margin: 0;}
    .circle_t {max-width:24.6rem;}
	.ag_main_bg.active .circle_t {max-width: 34.6rem;}
	.intro .dim {
		top: 47%;
		left: 29%;
		font-size: 2.6rem;
		line-height: 3.1rem;
	}
	.intro .dim.right {top:57%; left: 77%;width:29%;}
	
	@keyframes fadese {
		0% {
			opacity:0;
			top:65%
		}
		
		50% {
			opacity:0;
			top:77%
		}
		
		100% {
			opacity:1;
			top:52%
		}
	}
	.ag_main_bg.active .quse {width: 10.7rem;right:2rem;top:-5rem;}
}

@media (max-width:1268px) {
	.intro .dim {top: 53%;left: 33%;}
	.intro .dim.right {top: 67%;left: 74%;}
}

@media (max-width:991px) {
	.ag_main .inner {padding-top:0;}
	.fr_cons_intro_title {top: 20%;}
	.intro .bg {top:0;}
	.intro .dim {top: 45%;left: 30%;font-size: 2rem;line-height: 2.5rem;}
	.intro .dim.right {top: 61%;left: 74%;width:28%;}
	.ag_main_circle {width: 46rem;height: 46rem;}
	.ag_main_bg.active .circle_t {max-width: 27rem;}
	.circle_t {
		width: 32.6rem;
		bottom: 0;
		left: 50%;
		transform: inherit;
		margin: 0 auto;
		transform: translateX(-50%);
	}
	#agency #section_02 {padding: 4rem 0 14.3rem 0;background: #FFF;}
	.ag_main .think p {font-size: 2rem;line-height: 3rem;text-align: center;}
	.ag_main .think.right p {top: 70%;right: 50%;transform: translateX(50%);}
	#main2.in .dim {
		width: 100%;
		left: 50%;
		top: 33%;
		transform: translateX(-50%);
		text-align: center;
		font-size:2rem;
		line-height:3rem;
		position:relative;
	}
	#main2.queue.in .first_Txt {top:33%;opacity:1;}
	#main2.queue.in .dim.right.sec_Txt {opacity: 1;top:34%;}
	.ag_main_bg.active .quse {width: 7.7rem;right: 1rem;top: -5rem;}
	
	
	#main1.queue.in.into .fr_cons_intro_title {display: block;}
	#main1.into .fr_cons_intro_title {display: none;}
	
	.dim.right {opacity:0;}
	.in .dim.right {display: none!important;}
	#main2.queue.in.into .first_Txt {display: none!important;}
	.in.into .dim.right {display:block!important;}
}
@media (max-width:767px) {
	.circle_t {width: 18rem; bottom:5%;}
	.ag_main_circle {width: 23rem;height: 23rem;bottom:5%;}
	.quse {right: 0;top: -16px;width: 5.4rem;position: absolute;}
	.ag_main_bg.active .circle_t {width:24rem; bottom:0;}
	.ag_main_bg.active .quse {width: 4.7rem; right:3rem; top:-1rem;}	
}
/* +++++++++++ // agency_main02 +++++++++++ */


/* +++++++++++ 교육기관용 - 원스톱 서비스 +++++++++++ */
#agency #section_03 {background:#fff; padding:12.1rem 0;}
.one_inner {
    max-width: 148.9rem;
    margin: 0 auto;
    padding: 0 2rem;
    display: flex;
	align-items: center;
}
.one_Title {
    color: #222;
    font-size: 5rem;
    font-weight: 700;
    line-height: 6.6rem;
	margin-bottom: 4rem; 
}
.one_Title span.color {color: rgba(81, 206, 211, 1)!important;}
.one_left {
    max-width: 55.8rem;
    width: 214%;
}
.one_right {width: 100%;display: flex;justify-content: flex-end;}
.one_left img {width: 100%;}
.one_right ul{}
.one_right ul li{
	font-size: 2.2rem;
	font-weight: 400;
	line-height: 3.4rem;
	padding-left:3.2rem;
	position:relative;
}
.one_right ul li span.bold {font-weight: 700;}
.one_right ul li:first-child {padding-bottom:2rem;}
.one_right ul li::before {
	content:'';
	width:2.1rem;
	height:2rem;
	position:absolute;
	left:0;
	top:1.1rem;
	background:url(../img/ag/list_icon.png) no-repeat center/cover;
}
.one_step .one_right {margin-left: 115px;}
@media(max-width:1600px) {
	.one_left {max-width: 77.8rem;}
}

@media (max-width:1300px) {
	.one_left {max-width: 77.8rem;width: 65%;}
	.one_right {
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.one_Title {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 3rem;
	}
	.one_right ul li {
		font-size: 2rem;
		line-height: 2.8rem;
		padding-left: 3.2rem;
		padding-bottom: 1.8rem;
	}
	.one_right ul li::before {top: 0.5rem;}
}


@media (max-width:991px) {
	#agency #section_03 {background: #fff;padding: 8rem 0!important;}

	.one_step .one_inner {
		max-width: 147.7rem;
		margin-right:inherit;
		margin: 0 auto!important;
		padding: 0 2rem;
		display: flex;
		align-items: center;
		flex-direction: column-reverse;
	}
	.one_step .one_right {
		width: 100%;
		margin-left:0;
		padding-left: 0px;
		margin-bottom: 6rem;
	}
	.one_Title {
		text-align: center;
		font-size: 3.6rem;
		line-height: 4.8rem;
		margin-bottom: 4rem;
	}
	.one_step .one_right ul li {
		font-size: 2rem;
		line-height: 3.2rem;
		padding-left: 4rem;
	}
	.one_step .one_right ul li:first-child {padding-bottom: 2rem;}
	.one_left {
		width: 100%;
		max-width: 77.8rem;
		position:relative;
		padding-bottom: 102%;
	}
	.one_left figure {
		left: 0px;
		position: absolute;
		transform: translateX(-20%);
	}
	.one_right ul li::before {
		width: 2.2rem;
		height: 2.1rem;
		left: 2px;
		top: 0.8rem;
	}
}

@media (max-width:767px) {
	#agency #section_03 {background: #fff;padding: 8rem 0!important;}
	.one_step .one_inner {
		max-width: none;
		margin: 0 auto 0 3rem;
		padding: 0;
		display: flex;
		flex-direction: column-reverse;
	}
	.one_step .one_right {width: 100%;padding-left: 0px;margin-bottom: 4rem;}
	.one_Title {
		text-align:left;
		font-size: 2.6rem;
		line-height: 3.6rem;
		margin-bottom: 3rem;
	}
	.one_step .one_right ul li {
		font-size: 1.5rem;
		line-height: 2.4rem;
		padding-left: 2.7rem;
	}
	.one_step .one_right ul li:first-child {padding-bottom: 1rem;}
	.one_left {
		width: 100%;
		max-width: 77.8rem;
		position:relative;
		padding-bottom: 102%;
	}
	.one_left figure {
		left: 0px;
		position: absolute;
		transform: translateX(-20%);
	}
	.one_right ul li::before {
		content:'';
		width:1.7rem;
		height:1.7rem;
		position:absolute;
		left:0;
		top:0.3rem;
	}
}
/* +++++++++++ // 교육기관용 - 원스톱 서비스 +++++++++++ */

/* +++++++++++ 교육기관용 - 어떤 교재, 교구 +++++++++++ */
#agency .textbook {background: #F8F8F8; padding:33rem 0 0 0;}

.textbook {height:auto;padding-top:12rem;background: #F4F5FF;}
.textbook_inner {
	max-width:95rem;
	padding:0 2rem;
	margin:0 auto;
	padding-top:0rem;
}

.textbook .content {position:relative;}
.textbook .mid_cont {padding: 0;width: 100%;position: relative;}
.textbook_mTxt>p {
    font-family: Pretendard;
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 4.5rem;
    letter-spacing: 0px;
    text-align: left;
	position: absolute;
    right: -14rem;
    top: 15rem;
}
.textbook_mTxt>p span.bold {font-weight:700;}
.textbook_ch {
	z-index: 1;
    max-width: 83rem;
    position: relative;
    padding-bottom: 0rem;
}
.textbook_ch::before {
    content: '';
    width: 100vw;
    height: 9rem;
    background: #DFF3F5;
    position: absolute;
    bottom: 0px;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
}
.textbook_ch img {width:100%;}

figure.ugly {
	top: -3rem;
	right: 33%;
	width: 9.7rem;
    height: auto;
    position: absolute;
    transform:translateX(50%);
}
.figure.ugly img {width:100%;}
.textbook_mTxt {position: absolute;width: 100%;right: 0rem;top: -2rem;}
.textbook .think {
    left: 2rem;
    top: -5rem;
    width: 100%;
	position: absolute;
    max-width: 22.4rem;
}
.textbook .think>p {
	font-family: Pretendard;
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 4.5rem;
    letter-spacing: 0px;
    text-align: left;
}


/* 인터렉션 수정 */


@media (max-width:1300px) {
	#agency .textbook {background: #F8F8F8;padding: 18.3rem 0 0 0;}
	.textbook_ch {z-index: 1;max-width: 58rem;position: relative;padding-bottom: 0rem;}
	.textbook .think {left: -1rem;top: 3rem;}
	.textbook .think>p {font-size: 2.5rem;line-height: 3.5rem;}
	.textbook_mTxt>p {font-size: 2.5rem;line-height: 3.5rem;right: -11rem;top: 13rem;}
}
@media (max-width:991px) {
	#agency .textbook {padding: 30.3rem 0 0 0;}	
	.textbook_inner {
		width:100vw;
		box-sizing:border-box;
		padding-top: 0rem;
		max-width: 95rem;
		padding: 0 2rem;
		margin: 0 auto;
	}
	.textbook .think>p, .textbook_mTxt>p {font-size: 3rem;line-height: 4.3rem;}
	.textbook_mTxt>p {
		left: 0;
		top: -0%;
		width: 100%;
		text-align: center;
		position: absolute;
	}
	.textbook .think {
		/* transform: translateX(-45%); */
		transform: translateX(-50%);
		text-align: center;
		left: 50%;
	}
	#agency .textbook.active .textbook_mTxt {opacity:1;}
	figure.ugly {
		top: 0;
		right: 27%;
		width: 5.6rem;
		position: absolute;
		transform:translateX(50%);
	}
	
	.textbook {background:#F8F8F8;}
	.textbook.scroll {height:150vh; position:relative;}
	
	.textbook.scroll.show .textbook_inner {
		height: 100vh;
		position: fixed;
		width: 100%;
		background: #fff;
		top: 0;
	}
	.textbook .mid_cont {
		padding: 0;
		width: 100%;
		height: 100vh;
		position: inherit; 
	}
	
	
	/* .textbook_ch { */
		/* z-index: 1; */
		/* max-width: 58rem; */
		/* padding-bottom: 0rem; */
		/* bottom: 549px; */
	/* } */
	
	.show .textbook_ch {
		z-index: 1;
		max-width: 58rem;
		position: absolute;
		/* padding-bottom: 0rem; */
		/* top: -86rem; */
		bottom: 0;
	}
	
	.textbook_ch {
		z-index: 1;
		max-width: 58rem!important;
		position: relative;
		padding-bottom: 0rem;
		position: absolute;
		/* bottom: 0; */
		width: 100%;
		left: 50%;
		width: 58rem;
		transform: translateX(-50%);
	}
	
	.think.visible.in {opacity: 1;}
	
	
	.textWrap.tw1 {
		opacity: 0;
		position: absolute;
		left: 50%;
		width: 100%;
		text-align: center;
		left: 0;
		top:-1rem;
	}
	
	.textWrap.tw2{
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
	}
	
	.textbook .think {
		opacity:0;
		top:-23rem;
	}
	.textbook .think.show {
		display:block; 
		
	}
	
	.textbook_mTxt {
		/* top:67rem; */
		top:-23rem;
		right:0;
	}
	
	.textbook_mTxt.hi {opacity:1;}


	#agency .textbook {padding: 0 0 0 0; height: 100vh;}
	#agency .show.textbook {padding: 0 0 0 0; height: 170vh;}
	#agency .bye.textbook {padding: 0 0 0 0; height: 170vh;}
	
	
	/* .textbook_mTxt {display:none;} */
}
@media (max-width:767px) {
	.textbook_inner {max-width: 95rem;padding: 0rem;margin: 0 auto;padding-top: 0rem;}
	.textbook .think>p, .textbook_mTxt>p {font-size: 2rem;line-height: 3rem;text-align: center;}
	.textbook_ch {left:50%; width:38rem;}
	.textbook_ch::before {right:0;}
}
@media (max-width:600px) {.textbook_ch::before {height: 5.8rem;}}
@media (max-width:500px) {.textbook_ch::before {height: 4.8rem;}}
@media (max-width:400px) {.textbook_ch::before {height: 3.8rem;}}
/* +++++++++++ // 교육기관용 - 어떤 교재, 교구 +++++++++++ */


/* +++++++++++ agency_main05 +++++++++++ */
#agency #section_03 {background:#fff; padding:12.1rem 0;}
.one_inner {
    max-width: 147.7rem;
    margin: 0 auto;
    padding: 0 2rem;
    display: flex;
	align-items: center;
}
#agency #section_03 .one_inner {
	max-width:1489px;
	margin:0 auto;
	padding:0 1.8rem 0 1.8rem;
}

#agency #section_03 .one_inner figure {
    width: 100%;
}
.one_Title span.color {color: rgba(81, 206, 211, 1)!important;}
.one_left img {width: 100%;}
.one_right ul{position: relative;}
.one_right ul li{
	font-size: 2.2rem;
	font-weight: 400;
	line-height: 3.4rem;
	padding-left:3.2rem;
	position:relative;
	padding-bottom:2rem;
}
.one_right ul li span.bold {font-weight: 700;}
.one_right ul li:last-child {padding-bottom:0rem;}

@media (max-width:991px) {.one_inner {flex-direction: column;}}
/* +++++++++++ // agency_main05 +++++++++++ */


/* +++++++++++ 전문 교육을 간편하게, 꼼꼼하게 +++++++++++ */
#agency #section_05 {background: #DFF3F5; padding:18rem 0;}
.one_inner {
    max-width: 147.7rem;
    margin: 0 auto;
    padding: 0 2rem;
    display: flex;
	align-items: center;
}
.rTxtBox {position:relative;}
.one_Title span.color {color: rgba(81, 206, 211, 1)!important;}
.simple .one_right {max-width: 730px;}
.simple .one_left {width: 70.3%; padding-left: 131px; padding: 0;}
.simple .one_right img {width: 100%;}

.simple .one_left ul{position: relative;}
.simple .one_left ul li{
	color: #444;
	font-size: 2.2rem;
	font-weight: 400;
	line-height: 3.4rem;
	padding-left:3.2rem;
	position:relative;
	padding-bottom:2rem;
}
.simple .one_left ul li span.bold {font-weight: 700;}
.simple .one_left ul li:last-child {padding-bottom:0rem;}
.simple .one_left ul li::before {
	content:'';
	width:2.1rem;
	height:2rem;
	position:absolute;
	left:0;
	top:1.1rem;
	background:url(../img/ag/list_icon.png) no-repeat center/cover;
}

@media (max-width:1300px) {
	.simple .one_right {max-width: 633px;}
	.simple .one_left ul li {
		font-size: 2rem;
		line-height: 3rem;
		padding-left: 3.2rem;
		padding-bottom: 2rem;
	}
	.simple .one_left ul li::before {height: 1.7rem;width: 1.8rem;top: 1rem;}
}

@media (max-width:991px) {
	.rTxtBox {display: flex;flex-direction: column;align-items: center;}
	.simple .one_left ul li{
		font-size: 2rem;
		line-height: 3.1rem;
		padding-left:4rem;
		position:relative;
		padding-bottom:2rem;
	}
	.simple .one_left ul li::before {
		content:'';
		width:2.2rem;
		height:2.1rem;
		left:0.2rem;
		top:0.8rem;
	}
	.simple .one_right {width: 100%;padding-left: 0;margin-top:4rem;}
}

@media (max-width:767px) {
	.rTxtBox {align-items: flex-start;}
	.simple .one_left ul li{
		font-size: 1.5rem;
		line-height: 2.4rem;
		padding-left:2.7rem;
		position:relative;
		padding-bottom:1rem;
	}
	.simple .one_left ul li::before {content:'';left:0;top:0.3rem;width:1.8rem;height:1.7rem;}
	.simple .one_right {width: 100%;padding-left: 0;margin-top:4rem;}
}
/* +++++++++++ // 전문 교육을 간편하게, 꼼꼼하게 +++++++++++ */


/* +++++++++++ 개별 학생의 학습 결과를 관리 +++++++++++ */
#agency #section_05.stu_result {background: #FFF; padding:32.3rem 0 0rem;}

.stu_result_inner {position: relative;max-width: 1215px;margin: 0 auto;}
.mid_cont img {width:100%; vertical-align:bottom;}
.stu_result .Stxt p {
	color:#222;
	right:7rem;
	top:0;
	font-size: 3.4rem;
	font-weight: 400;
	line-height: 4.8rem;
	position:absolute;
}
.stu_result .Stxt p span.bold {font-weight: 700;}
.stu_img {width:100%; max-width:120.5rem; position:relative;}
.stu_ugly {
	top: 0;
    left: 20%;
    width: 100%;
    height: 7.9rem;
    max-width: 17.1rem;
    position: absolute;
}
.stu_ugly img {width:100%;}

@media (max-width:1300px) {
	.stu_img {width:75%; max-width:120.5rem; margin:0 auto;}
	.stu_result .Stxt p {top: -9rem;right: 18rem;font-size: 2.8rem;line-height: 3.7rem;}
}

@media (max-width:991px) {
	#agency #section_05.stu_result {background: #FFF;position: relative;padding: 42.1rem 0 0rem;}
	.stu_result_inner {position: unset;}
	.stu_result .Stxt p {
		right: 0;
		top: 18%;
		width: 100%;
		font-size: 3rem;
		line-height: 4.3rem;
		text-align: center;
	}
}

@media (max-width:767px) {
	#agency #section_05.stu_result {background: #FFF;position: relative;padding: 42.1rem 0 0rem;}
	.stu_result_inner {position: unset;}
	.stu_result .Stxt p {
		right: 0;
		top: 30%;
		width: 100%;
		font-size: 2rem;
		line-height: 3rem;
		text-align: center;
	}
	.stu_img {width:100%;transform: translateX(-2.3rem);}
	.stu_ugly {top: 0;left: 20%;width: 100%;max-width: 7.1rem;position: absolute;}
}
/* +++++++++++ // 간편하게, 꼼꼼하게 +++++++++++ */

/* +++++++++++ LMS  +++++++++++ */
#lms {background: #f7f7f7; padding:16rem 0; flex-direction: column;}
#lms .Title {
    color: #222;
    font-size: 5rem;
    font-weight: 700;
    line-height: 6.6rem;
    margin-bottom: 4rem;
	text-align: center;
}
#lms .Title span.color {color:#4B5BD8;}
.lms_top ul {width: 52%;display: flex;margin: 0 auto;flex-wrap: wrap;}
#lms .lms_top ul li {
    color: #444;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 3.4rem;
    padding-left: 3.2rem;
    position: relative;
    padding-bottom: 1rem;
}
#lms .lms_top ul li:nth-child(2n-1) {width:234px;margin-right:6rem;}
#lms .lms_top ul li::before {
    content: '';
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: 0;
    top: 35%;
    background: url(../img/ag/list_icon_blue.png) no-repeat center/cover;
    transform: translateY(-50%);
}
#scroller.fbanner {margin: 7rem 0 8rem;}
#scroller.fbannert li {float: left;width: 55rem;height: auto;}

#banner {margin:8rem 0;}
#banner ul {display:flex;}
#banner ul li {width: 55rem;padding: 0 1.5rem;}
#banner ul li img {width:100%;}

.lms_step {position:relative; z-index: 1;}
.lms_step::before {
    content: '';
    width: 100%;
    height: 80px;
    background: url(../img/ag/num_arrow.png) no-repeat center/cover;
    position: absolute;
    top: 46%;
    transform: translate(-50%,-50%);
    left: 49.7%;
    z-index: -1;
}
.lms_step ul {display: flex;}
.lms_step ul li {width:11.5rem;}
.lms_step ul li:last-child {padding-right:0rem;}
.lms_step .circle {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.8rem;
    letter-spacing: 0px;
    text-align: center;
	
    width: 3rem;
    height: 3rem;
	margin: 0 auto;
   
    border: 3px solid rgba(48, 205, 212, 0.5);
    border-radius: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    box-sizing: border-box;
	margin-bottom: 1.5rem;
}
.lem_num {
    width: 100%;
    height: 100%;
    background: #30CDD4;
    /* line-height: 2.1rem; */
    border-radius: 1.4rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lms_stepBox>p {
	font-family: Pretendard;
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 2.4rem;
	text-align: center;
	color:#444;
}

@media (max-width:1300px) {#lms .Title {font-size: 4.5rem;line-height: 6rem;margin-bottom: 4rem;}}
@media (max-width:991px) {
	#lms {padding: 8rem 0rem; width: auto;}
	#lms .lms_inner {padding:0 2rem;}
	#lms .Title {
		text-align: center;
		font-size: 3.6rem;
		line-height: 4.8rem;
		margin-bottom: 4rem;
	}
	.lms_top ul {
		margin: 0 auto;
		width: 52%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-content: center;
		align-items: flex-start;
	}
	#lms .lms_top ul li {
		font-size: 1.5rem;
		line-height: 2.4rem;
		padding-left: 2.7rem;
		position: relative;
		padding-bottom: 1rem;
	}
	#lms .lms_top ul li:nth-child(2n-1) {width: auto;margin-right: 0;}
	#lms .lms_top ul li::before {
		content: '';
		width: 1.7rem;
		height: 1.7rem;
		position: absolute;
		left: 0;
		top: 35%;
	}
	.lms_step ul {display: flex; flex-direction: column; align-items: flex-start;}
	.lms_stepBox {
		display: flex;
		margin-bottom: 2.3rem;
		flex-direction: row;
	}
	.lms_step .circle {margin: 0 auto 0 0;}
	.lms_step ul li {width: auto;}
	.lem_num {font-size: 1.2rem;border-radius: 1.2rem;}
	.lms_stepBox>p {font-size: 1.4rem;line-height: 2rem;margin-left:1.2rem;}
	.lms_step::before {
		content: '';
		width: 2px;
		height: 86%;
		position: absolute;
		top: 8px;
		transform: inherit;
		left: 11px;
		z-index: -1;
		background: url(../img/ag/arrow.png) no-repeat center/cover;
		background-color: #CCC;
	}
}
@media (max-width:767px) {
	#lms .Title {
		font-size: 2.6rem;
		line-height: 3.6rem;
		margin-bottom: 3rem;
		text-align: left;
	}
	#lms .lms_top ul li:nth-child(2n-1) {width: 234px;margin-right: 6rem;}
	#scroller.fbanner {margin: 4rem 0 4rem;}
}
/* +++++++++++ // LMS +++++++++++ */


/* +++++++++++ 학습자의 성장에 대해 +++++++++++ */
.growth {height:auto;padding-top:12rem;background: #F4F5FF;}
.growth_inner {max-width:95rem;padding:0 2rem;margin:0 auto;padding-top:12rem;}
.growth .mid_cont {padding: 0;width: 100%; position:relative;}
.growth_mTxt {position: absolute;right: -14rem;top: 10rem;}
.growth_mTxt>p {font-size: 3.5rem;font-weight: 400;line-height: 5rem;}
.growth_mTxt>p span.bold {font-weight:700;}
.growth_ch {z-index: 1;max-width: 68rem;position: relative;padding-bottom: 0rem;}
.growth_ch::before {
    content: '';
    width: 300%;
    height: 67px;
    background: #fff;
    position: absolute;
    bottom: 0px;
	left: -100%;
    z-index: -1;
}
.growth .think {
	left: 1rem;
	top: -13rem;
    width: 100%;
	position: absolute;
    max-width: 22.4rem;
}
@media (max-width:1300px) {
	.growth {padding-top:15rem;}
	.growth_ch {max-width: 60rem;}
	.growth .think {left: 0rem;top: -11rem;max-width: 18.4rem;}
	.growth_mTxt {right:-8rem;}
	.growth_mTxt>p {font-size: 2.5rem;line-height: 3.5rem;}
}
@media (max-width:991px) {
	.growth {height: auto;padding-top: 24rem;background: #F4F5FF;}
	.growth_inner {padding-top: 3rem;}
	.growth_ch {max-width: 45rem;}
	.growth .think {left: 5rem;top: -6rem;max-width: 15.7rem;}
	.growth .mid_cont {padding: 0;width: 100%;position: unset;}
	.growth_mTxt {left: 50%;top: 11rem;position: absolute;transform: translateX(-50%);}
	.growth_mTxt>p {
		width: 100%;
		font-size: 2.5rem;
		text-align: center;
		line-height: 3.5rem;
		letter-spacing: 0px;
	}
	.growth .think {left: 4rem;top: -3rem; max-width:10.7rem;}
	.growth_ch::before {height: 3.4rem;}
}
@media (max-width:767px) {.growth_mTxt>p {font-size: 2rem;line-height: 3rem;}}
@media (max-width:500px) {
	.growth .think {max-width: 7.7rem; top: 13rem; left:4rem; top:-2rem;}
	.growth_mTxt {top: 13rem;}
}
/* +++++++++++ // 학습자의 성장에 대해 +++++++++++ */


/* +++++++++++ 성취도 분석, 학습 리포트까지 +++++++++++ */
#agency .report {background: #FFF; padding:21rem 0 18rem;}
.report .one_inner {
	justify-content: space-between;
    width: 100%;
    max-width: 122rem;
    margin: 0 auto;
    padding: 0 2rem;
    display: flex;
    align-items: center;
}
.report .one_Title {
    color: #222;
    font-size: 5rem;
    font-weight: 700;
    line-height: 6.6rem;
	margin-bottom: 4rem; 
	position: relative;
}
.one_Title span.color {color: #30CDD4!important;}
.one_Title span.color_g {color: #30CDD4!important;}
.report .one_right {position:relative; max-width: 50rem;}
.report .one_left {
	width: inherit; 
	max-width:inherit; 
	padding-left: 0px;
	padding: 0;
	position:relative;
}
.report .one_right img {width: 100%;}
.report .one_left ul{position:relative;}
.report .one_left ul li{
	color: #444;
	font-size: 2.2rem;
	font-weight: 400;
	line-height: 3.4rem;
	padding-left:3.2rem;
	position:relative;
	padding-bottom:2rem;
}
.report .one_left ul li span.bold {font-weight: 700;}
.report .one_left ul li:last-child {padding-bottom:0rem;}
.report .one_left ul li::before {content:'';width:2.1rem;height:2rem;position:absolute;left:0;top:1.1rem;background:url(../img/ag/list_icon_blue.png) no-repeat center/contain}
.simply-scroll .simply-scroll-list li img {width: 100%;}
.simply-scroll .simply-scroll-list li {
    float: left;
	height: auto;
	padding-right: 3rem;
    width: 60rem!important;
    max-height: 45rem!important;
}
@media (max-width:1300px) {
	.report .one_Title {font-size: 4rem;line-height: 5.6rem;}	
	.report .one_inner {max-width: 103rem;}
	.report .one_left ul li {font-size: 2rem;line-height: 3rem;padding-left: 3.2rem;padding-bottom: 2rem;}
	.report .one_left ul li::before {height: 1.7rem;width: 1.8rem;top: 1rem;}
}
@media (max-width:991px) {
	#agency .report {padding: 8rem 0 8rem;}
	.report .one_Title {text-align: center;font-size: 3.6rem;line-height: 4.8rem;margin-bottom: 4rem;}
	.report .one_left ul li {font-size: 1.5rem;line-height: 2.4rem;padding-left: 2.7rem;padding-bottom: 1rem;}
	.report .one_right {margin-left: 0; width: 100%;padding-left: 0;margin-top: 4rem;max-width:inherit;}
	.report .one_left ul li::before {width: 1.7rem;height: 1.7rem;top: 0.3rem;}
	.report .one_left ul li span.bold  {font-weight:400;}
}
@media (max-width:767px) {
	#agency .report {padding: 8rem 0 8rem;}
	.report .one_Title {text-align:left;font-size: 2.6rem;line-height: 3.6rem;margin-bottom: 3rem;}
	.report .one_left ul li {font-size: 1.5rem;line-height: 2.4rem;padding-left: 2.7rem;padding-bottom: 1rem;}
	.report .one_right {width: 100%;padding-left: 0;margin-top: 4rem;}
	
	.simply-scroll .simply-scroll-list li {
		float: left;
		padding-right: 3rem;
		max-width:33rem!important;
		max-height: 45rem!important;
	}
}
/* +++++++++++ // 성취도 분석, 학습 리포트까지 +++++++++++ */



/* =============================================== */
/*			 		//  교육기관용 					   */
/* =============================================== */