@charset "utf-8";

.M_main	{position:relative;max-width:1330px;width:100%;margin:110px auto 120px auto;}
.main header	{border-bottom:none;}

/* LogIn전 - 메인 */
.M_main.type1	{max-width:100%;margin-bottom:0;}


/* 1st 단락 */
.Asec_area	{width:1330px;margin:0 auto;display:block;position:relative;min-height:640px;padding:60px 0 0 125px;border-radius:320px 30px 320px 320px;background: no-repeat 95% 55px #004eff;}
.Asec_area:after	{z-index:5;content:'';position:absolute;bottom:0;right:-100px;width:417px;height:458px;background:url('../images/learning/main/Asec_bg.png') no-repeat 50% 100%;}
.Asec_area .title	{padding-left:55px;display:block;z-index:5;position:relative;}
.proSlider{z-index:4;}
.proSlider .slick-list{height:640px;}
.proSlider .slick-slide{margin:0;}
.proSlider .item{height:640px;}
.proSlider .slick-dots	{margin-top:50px;text-align:center;}
.proSlider .slick-dots li	{width:14px;height:14px;border-radius:100%;background:#fff;font-size:0;display:inline-block;cursor:pointer;}
.proSlider .slick-dots li ~li	{margin-left:7px;}
.proSlider .slick-dots li.slick-active	{background:#fdd000;}

.pro_area	{margin-top:-40px;max-width:980px;display:flex;height:240px;}
.pro_area > div {height:240px;padding-top:10px;margin:0 10px;width:100%;}
.pro_area > div a{text-align:right;position:relative;display:block;height:100%;padding:40px 30px;letter-spacing:-1px;line-height:28px;font-weight:700;font-size:21px;color:#111;box-sizing:border-box;border-radius:30px 30px 30px 90px;box-shadow:0 20px 18px rgba(0, 0, 0, .05);background:#fff;transition:all 0.2s ease-in-out}
.pro_area > div a:before{content:'';position:absolute;bottom:50px;left:35px;width:28px;height:11px;background:url('../images/learning/main/icon_svg_arrow.png') no-repeat 50% 50%;background-size:contain;transition:all 0.2s ease-in-out}
.pro_area > div a:hover{margin-top:-10px;font-size:22.5px;box-shadow:0 20px 18px rgba(0, 0, 0, .1);}
.pro_area > div a p:before	{content:'';display:block;width:100%;height:60px;background-position:0 0;background-repeat:no-repeat;}
.pro_area > div a.pro_type1 p:before	{background-image:url('../images/learning/main/ico_pro01.png');}
.pro_area > div a.pro_type2 p:before	{background-image:url('../images/learning/main/ico_pro02.png');}
.pro_area > div a.pro_type3 p:before	{background-image:url('../images/learning/main/ico_pro03.png');}
.pro_area > div a.pro_type4 p:before	{background-image:url('../images/learning/main/ico_pro04.png');}

.myeng_area	{display:flex;justify-content:space-evenly;position:relative;width:100%;max-width:1330px;;margin:50px auto;}
.myeng_area a	{position:relative;padding:0 60px;min-height:100px;}
.myeng_area a:nth-child(3)	{padding-right:0;}
.myeng_area a p	{font-size:19px;font-family:'NanumSquare';color:#111;font-weight:700;}
.myeng_area a span	{margin-top:10px;display:block;font-size:15px;font-family:'NanumGothic';color:#999;font-weight:500;letter-spacing:-1px;}
.myeng_area a:before	{content:'';display:block;width:45px;height:50px;background:url('../images/learning/main/myeng_ico01.png') no-repeat 0 0;}
.myeng_area a:nth-child(2)::before	{background:url('../images/learning/main/myeng_ico02.png') no-repeat 0 0;}
.myeng_area a:nth-child(3)::before	{background:url('../images/learning/main/myeng_ico03.png') no-repeat 0 0;}
.myeng_area a:after	{content:'';position:absolute;right:0;top:0;width:1px;height:100px;background:#d2d2d2;}
.myeng_area a:nth-child(3)::after	{display:none;}

/* 2st 단락 */
.why_area	{width:100%;background:#004eff;padding:70px 0 100px 0;}
.why_eng	{width:1330px;margin:0 auto;position:relative;}
.why_eng > p	{text-align:center;color:#fff;font-size:22px;font-family:'NanumSquare';font-weight:600;}
.why_eng > p.title	{font-size:48px;font-family:'Jalnan';margin:70px 0 10px 0;}
.why_eng > p.title span	{position:relative;color:#fde200;}
.why_eng > p.title span:before	{content:'';position:absolute;left:-50px;top:-70px;width:77px;height:97px;background:url('../images/learning/main/why_eng_bg01.png') no-repeat 0 0;;}

.whySlider{position:relative;margin-top:40px;}
.whySlider .slick-slide{margin:0 20px;height:auto;}
.whySlider .item div {position:relative;display:block;text-align:right;cursor:pointer;}
.whySlider .item div i	{display:block;position:relative;margin-bottom:50px;}
.whySlider .item div i:before	{position:absolute;right:0;top:-10px;content:'01';color:#fff;font-size:70px;font-family:'Jalnan';letter-spacing:-4px;font-style:normal;text-shadow:6px 6px 10px rgba(0, 0, 0, .3);}
.whySlider .item div p	{text-align:left;color:#fff;font-size:17px;font-family:'NanumSquare';font-weight:500;line-height:28px;}
.whySlider .item div p.tit_text	{font-size:32px;font-weight:700;margin-bottom:20px;}
.whySlider .item div p.tit_text span	{color:#fde200;}
.whySlider .item div.why_type2 i:before	{content:'02';right:-20px;}
.whySlider .item div.why_type3 i:before	{content:'03';}

/* 3st 단락 */
.engstudy_area	{width:1330px;margin:0 auto;padding:70px 0 100px 0;text-align:center;}
.engstudy_area p.title	{margin-bottom:70px;}
.engstudy_area ul	{display:flex;flex-wrap: wrap;}
.engstudy_area ul li	{position:relative;width:calc(50% - 20px);border-top:1px solid #004eff;min-height:220px;padding:45px 0 65px 10px;}
.engstudy_area ul li:nth-child(2n)	{margin-left:40px;}
.engstudy_area ul li:nth-child(n+3)	{border-bottom:1px solid #004eff;}
.engstudy_area ul li:before	{content:'';position:absolute;right:10px;top:0;width:100px;height:100%;background:url('../images/learning/main/engstudy_ico01.png') no-repeat 0 50%;}
.engstudy_area ul li:nth-child(2)::before	{background:url('../images/learning/main/engstudy_ico02.png') no-repeat 0 50%;}
.engstudy_area ul li:nth-child(3)::before	{background:url('../images/learning/main/engstudy_ico03.png') no-repeat 0 50%;}
.engstudy_area ul li:nth-child(4)::before	{background:url('../images/learning/main/engstudy_ico04.png') no-repeat 0 50%;}
.engstudy_area ul li p	{text-align:left;color:#004eff;font-size:18px;font-family:'NanumSquare';font-weight:600;}
.engstudy_area ul li p.tit_text	{font-size:26px;}
.engstudy_area ul li p.tit_text span	{font-size:70px;font-family:'Jalnan';letter-spacing:-5px;margin-right:10px;}
.engstudy_area div	{position:relative;display:inline-block;margin-top:100px;text-align:center;color:#fff;font-size:20px;font-family:'NanumSquare';font-weight:600;line-height:100px;border-radius:50px;background:#093291;padding:0 150px 0 40px;}
.engstudy_area div span		{color:#fdfa00;}
.engstudy_area div:after	{content:'';position:absolute;right:-70px;top:-70px;width:222px;height:189px;background:url('../images/learning/main/engstudy_ico05.png') no-repeat 0 0;}

/* 4st 단락 */
.Mlearning_area	{position:relative;width:100%;background:url('../images/learning/main/Mlearning_bg01.png') no-repeat 0 0 #004eff;background-size:contain;padding:100px 0 120px 0;}
.Mlearning_area:after	{z-index:-1;content:'';position:absolute;right:0;bottom:0;width:100%;height:100%;background:url('../images/learning/main/banner_bg.png') no-repeat 100% 100%;}
.Mlearning	{position:relative;width:1330px;margin:0 auto;}
.Mlearning p.title	{text-align:center;}
.Mlearning ul	{display:flex;justify-content: space-evenly;width:calc(100% - 110px);margin:50px auto 0;}
.Mlearning ul li	{width:calc(100% - (80px/3));}
.Mlearning ul li ~li	{margin-left:40px;}
.Mlearning ul li div	{cursor:pointer;width:100%;min-height:350px;background:#fff;border-radius:30px;padding:40px 0 0 50px;}
.Mlearning ul li div ~div	{margin-top:40px;}
.Mlearning ul li div.Mlearning03	{margin-top:40px;}
.Mlearning ul li div p	{text-align:left;color:#111;font-size:17px;font-family:'NanumSquare';font-weight:600;}
.Mlearning ul li div p span	{display:block;}
.Mlearning ul li div p.tit_text	{font-size:30px;font-weight:700;margin-bottom:20px;}
.Mlearning ul li div:before	{content:'';display:block;width:100%;height:110px;background-repeat:no-repeat;}
.Mlearning ul li div.Mlearning01:before	{background-image:url('../images/learning/main/Mlearning_ico01.png');}
.Mlearning ul li div.Mlearning02:before	{background-image:url('../images/learning/main/Mlearning_ico02.png');}
.Mlearning ul li div.Mlearning03:before	{background-image:url('../images/learning/main/Mlearning_ico03.png');}
.Mlearning ul li div.Mlearning04:before	{background-image:url('../images/learning/main/Mlearning_ico04.png');}
.Mlearning ul li div.Mlearning05:before	{background-image:url('../images/learning/main/Mlearning_ico05.png');}
.Mlearning ul li div.Mlearning06:before	{background-image:url('../images/learning/main/Mlearning_ico06.png');}

/* 수준평가 - 메인 */
/* 1st 단락 */
.Start_area	{display:block;position:relative;min-height:600px;width:100%;border-radius:35px 35px 200px 35px;background:#004eff;}
.Start_area:before	{content:'';position:absolute;left:50px;bottom:100px;width:865px;height:232px;background:url('../images/learning/main/banner_bg.png') no-repeat 0 0}
.appraisal	{display:block;padding-top:55px;text-align:center;font-size:23px;font-family:'NanumSquare';color:#fff;font-weight:700;}
.appraisal span	{color:#ffe400;}
.learning	{position:relative;margin-top:10px;display:block;text-align:center;width:100%;}
.learning img	{display:block;margin:0 auto;max-width:100%;transition:all 0.2s ease;}
.learning > a	{margin-top:-42px;transition:all 0.2s ease;display:inline-block;line-height:90px;padding:0 70px 0 80px;font-size:22px;font-family:'NanumSquare';color:#004eff;font-weight:700;background:#fff;border-radius:50px 10px 50px 50px;box-shadow: 1px 4px 4px rgba(0,0,0,0.1);}
.learning > a:hover	{transform: scaleX(1);border-radius:80px 0px 80px 0px;transition:all 0.2s ease;}
.learning > a > span	{position:relative;padding-right:20px;}
.learning > a > span:before, .learning a span:after	{content:'';position:absolute;right:0;width:2px;height:10px;background:#004eff;}
.learning > a > span:before	{top:11px;transform:rotate(45deg);}
.learning > a > span:after	{top:4px;transform:rotate(-45deg);}
.learning > p {display:block;margin-top:40px;text-align:center;font-size:17px;font-family:'NanumSquare';color:#fff;font-weight:400;}
.learning > p > span.tit	{font-size:30px;font-family:'Jalnan';color:#ffe400;margin-right:10px;text-decoration:underline;}
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade_in { opacity:0;animation:fadeIn ease-in 1;animation-fill-mode:forwards;animation-duration:1.3s;}
.fade_in.delayed {animation-delay: 1.3s;}

/* 2st 단락 */
.workload_area	{display:block;position:relative;min-height:450px;width:100%;border-radius:35px 200px 35px 35px;background:#dce4f5;margin-top:20px;padding:70px 110px 80px 65px;}
.workload_area:after	{z-index:5;content:'';position:absolute;bottom:0;right:-110px;width:264px;height:480px;background:url('../images/learning/main/img_workload.png') no-repeat 50% 100%;}
.workload	{display:flex;width:100%;justify-content: space-between;flex-wrap: wrap;}
.workload div	{width:calc(100%/3 - (40px/3));}
.workload div > p	{position:relative;font-size:19px;font-family:'NanumSquare';color:#000;font-weight:600;margin-bottom:15px;padding-left:32px;}
.workload div > p:before	{content:'';position:absolute;left:0;top:-7px;width:285px;height:30px;background:url('../images/learning/main/ico_workload_1.png') no-repeat 0 50%;}
.workload div:nth-child(2) > p:before	{background:url('../images/learning/main/ico_workload_2.png') no-repeat 0 50%;}
.workload div:nth-child(3) > p:before	{background:url('../images/learning/main/ico_workload_3.png') no-repeat 0 50%;}
.workload div p span	{color:#004eff;}
.workload a	{position:relative;overflow:hidden;transition:all 0.2s ease;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content: center;padding: 0 20px;min-height:250px;border-radius:20px;background:#f0f3f9;text-align:center;box-shadow: 8px 8px 10px rgba(0,0,0,0.05);}
.workload div a.on	{/*transform: scaleX(1);transform: scale(1.07, 1.07);transition:all 0.2s ease;*/}
.workload > div ~div	{margin-left:20px;}
.workload div a.on	{background:url('../images/learning/main/workload_bg.png') no-repeat right bottom #004eff;color:#fff;}
.workload div a p	{text-align:center;font-size:25px;font-family:'NanumSquare';color:#111;font-weight:700;line-height:36px;}
.workload div a.on p		{color:#fff;}
.workload div a p span	{color:#fff600;display:block;font-size:22px;}
.workload div a img	{width:100%;height:auto;}
.workload div:nth-child(3) a:hover	{background:#f0f3f9;}
/* video popup */
.videopop .pop_area	{width:835px;height:615px;}
.video_title	{font-size:32px;color:#333;font-weight:700;margin:30px 0 30px 30px;}
.video_area	{width:720px;border-radius: 20px;overflow:hidden;margin:0 auto;padding-top:48.50%;position:relative;}
.video_area #tip-video	{position:absolute; left:0; top:0; width:100%; height:100%;}

/* 3st 단락 */
.my_area	{display:flex;position:relative;width:100%;padding-left:60px;margin-top:60px;}
.my_area a	{padding-left:60px;position:relative;padding-right:40px;}
.my_area a:nth-child(3)	{padding-right:0;}
.my_area a p	{font-size:19px;font-family:'NanumSquare';color:#111;font-weight:700;}
.my_area a span	{margin-top:5px;display:block;font-size:15px;font-family:'NanumGothic';color:#999;font-weight:500;letter-spacing:-1px;}
.my_area a:before	{content:'';position:absolute;left:0;top:0;width:45px;height:40px;background:url('../images/learning/main/ico_my01.png') no-repeat 50% 50%;}
.my_area a:nth-child(2)::before	{background:url('../images/learning/main/ico_my02.png') no-repeat 50% 50%;}
.my_area a:nth-child(3)::before	{background:url('../images/learning/main/ico_my03.png') no-repeat 50% 50%;}
.my_area a:after	{content:'';position:absolute;right:0;top:0;width:1px;height:44px;background:#d2d2d2;}
.my_area a:nth-child(3)::after	{display:none;}
.my_area a ~a	{margin-left:40px;}

/* 유형평가 - 메인 */
/* 1st 단락 */
.Sunit_area	{display:flex;justify-content:center;align-items:center;position:relative;min-height:430px;width:100%;border-radius:35px 35px 200px 35px;background:#004eff;}
.Sunit_area:before	{content:'';position:absolute;left:50px;bottom:40px;width:865px;height:232px;background:url('../images/learning/main/banner_bg.png') no-repeat 0 0}
.Sunit_area div	{position:relative;margin-top:168px;}
.Sunit_area div:before	{content:'';position:absolute;left:50%;margin-left:-110px;top:-168px;width:277px;height:277px;background:url('../images/learning/main/Sunit_go01.png') no-repeat 50% 0;}
.Sunit_area a		{position:relative;transition:all 0.2s ease;display:block;line-height:90px;padding:0 50px;font-size:22px;font-family:'NanumSquare';color:#004eff;font-weight:700;background:#fff;border-radius:50px 10px 50px 50px;box-shadow: 1px 4px 4px rgba(0,0,0,0.1);}
.Sunit_area a:hover	{transform: scaleX(1);border-radius:90px 0px 90px 0px;transition:all 0.2s ease;}
.Sunit_area a > span	{position:relative;padding-right:20px;}
.Sunit_area a > span:before, .Sunit_area a span:after	{content:'';position:absolute;right:0;width:2px;height:10px;background:#004eff;}
.Sunit_area a > span:before	{top:11px;transform:rotate(45deg);}
.Sunit_area a > span:after	{top:4px;transform:rotate(-45deg);}
.Sunit_area div ~div	{margin-left:200px;}
.Sunit_area div:nth-child(2)::before	{margin-left:-140px;background:url('../images/learning/main/Sunit_go02.png') no-repeat 0 0;}

@media (max-width: 1480px) {
	.M_main	{max-width:100%;}
}
@media (max-width: 1330px) {
	.Asec_area	{width:100%;background-image:none;}
	.Asec_area .title img	{max-width:85%;}
	.why_eng, .engstudy_area, .Mlearning	{width:100%;}
}
/* for mobile */
@media (max-width: 900px) {
	.main header	{border-bottom:1px solid #ddd;}
	.M_main	{padding:0 20px;}
	.M_main.type1	{padding:0;}

	/* LogIn전 - 메인 */
	/* 1st 단락 */
	.Asec_area	{border-radius:30px 30px 120px 30px;padding:50px 0;min-height:auto;width:calc(100% - 60px);}
	.Asec_area:after	{display:none;/*right:-30px;bottom:-5px;width:250px;height:220px;background-image:url('../images/learning/main/Asec_bg_m.png');background-size:100% auto;background-position: 0 0;*/}
	.proSlider .item, .proSlider .slick-list {height:auto;}
	.pro_area	{margin-top:-40px;width:100%;max-width:100%;height:auto;flex-wrap: wrap;padding:0 40px;}
	.pro_area > div {height:180px;padding-top:10px;margin:0 20px 0 0;width:calc(100%/2 - 10px);}
	.pro_area > div:nth-child(2n)	{margin-right:0;}
	.pro_area > div a	{border-radius:30px;padding:20px;font-size:17px;line-height:22px;}
	.pro_area > div a:before	{bottom:20px;left:20px;}
	.pro_area > div a p:before	{height:30px;background-size:auto 100%;margin-bottom:10px;}
	.pro_area > div a:hover{font-size:18px;}
	.proSlider .slick-dots	{margin-top:0;margin-right:50px;}
	.myeng_area	{display:block;width:calc(100% - 60px);margin:30px auto;max-width:100%;}
	.myeng_area a	{display:block;width:calc(100% - 60px);margin:0 auto;min-height:auto;padding:20px 0 20px 60px;}
	.myeng_area a:before	{position:absolute;left:0;top:20px;}
	.myeng_area a:after	{position:absolute;left:0;top:auto;right:auto;bottom:0;width:100%;height:1px;}

	/* 2st 단락 */
	.why_area	{padding:50px 0;}
	.why_eng > p	{font-size:27px;}
	.why_eng > p.title	{font-size:28px;margin-top:40px;padding-left:30px;}
	.why_eng > p.title span	{position:relative;color:#fde200;}
	.why_eng > p.title span:before	{left:-30px;top:-50px;height:60px;background-size: auto 100%;}
	.slick-slide, .whySlider .slick-list, .whySlider .item div	{height:auto;}
	.whySlider	{padding:0 20px;}
	/*.whySlider .slick-list{width:130%;}*/
	.whySlider .slick-slide{margin:0 10px;}
	/*.whySlider .slick-track div:nth-child(3) .item	{opacity:0.5;}*/
	.slick-slide img	{width:100%;}
	.whySlider .item	{padding-right:20px;}
	.whySlider .item div p	{font-size:14px;font-family:'NanumGothic';font-weight:600;line-height:25px;letter-spacing:-1px;}
	.whySlider .item div p.tit_text	{font-size:25px;margin-bottom:10px;line-height:32px;}
	.whySlider .slick-dots	{margin-top:50px;text-align:center;}
	.whySlider .slick-dots li	{width:14px;height:14px;border-radius:100%;background:#fff;font-size:0;display:inline-block;cursor:pointer;}
	.whySlider .slick-dots li ~li	{margin-left:7px;}
	.whySlider .slick-dots li.slick-active	{background:#fdd000;}

	/* 3st 단락 */
	.engstudy_area	{padding:50px 0 60px 0;}
	.engstudy_area p.title {width:calc(100% - 40px);margin:0 auto 50px;}
	.engstudy_area p.title img	{max-width:90%;}
	.engstudy_area ul	{width:calc(100% - 40px);margin:0 auto;}
	.engstudy_area ul li	{min-height:auto;padding:20px 0 30px 20px;width:calc(100%/2 - 10px)}
	.engstudy_area ul li:nth-child(2n)	{margin-left:20px;}
	.engstudy_area ul li:before	{width:50px;background-size:100% auto !important;}
	.engstudy_area ul li p.tit_text span	{font-size:50px;letter-spacing:-4px;}
	.engstudy_area div	{width:calc(100% - 20px);font-size:17px;line-height:80px;padding:0 20px;margin-top:70px;}
	.engstudy_area div:after	{display:none;/*right:-50px;top:auto;bottom:-10px;width:150px;height:120px;background-size: auto 100%;*/}

	/* video popup */
	.videopop .pop_area	{width:calc(100% - 40px);height:auto;padding-bottom:80px;}
	.video_title	{font-size:18px;margin-bottom:20px;}
	.video_area	{width:calc(100% - 40px);margin:0 auto;}

	/* 4st 단락 */
	.Mlearning_area	{padding:50px 0 60px 0;}
	.Mlearning p.title	{width:calc(100% - 40px);margin:0 auto;}
	.Mlearning p.title img	{width:calc(100% - 40px);}
	.Mlearning ul	{display:block;width:calc(100% - 40px);}
	.Mlearning ul li	{width:100%;}
	.Mlearning ul li ~li	{margin-left:0;margin-top:30px;}
	.Mlearning ul li div	{position:relative;min-height:auto;padding:30px 30px 30px 50px;min-height:100px;}
	.Mlearning ul li div ~div	{margin-top:40px;}
	.Mlearning ul li div.Mlearning03	{margin-top:0;}
	.Mlearning ul li div p	{padding-left:110px;}
	.Mlearning ul li div p span	{display:inline-block;}
	.Mlearning ul li div:before	{position:absolute;left:30px;top:0px;width:90px;height:100%;background-position: 50% 50%;}

	/* 유형평가 - 메인 */
	.Sunit_area	{display:block;min-height:400px;margin-top:-10px;padding-bottom:50px;}
	.Sunit_area:before	{left:0;bottom:auto;top:0;width:100%;height:100%;background-size: 95% auto;background-position:50% 75%;}
	.Sunit_area div	{margin-top:50px;}
	.Sunit_area div ~div	{margin-left:0;margin-top:0;}
	.Sunit_area div:before, .Sunit_area div:nth-child(2)::before	{position:relative;display:block;height:180px;left:auto;top:auto;margin:0;width:auto;background-size:auto 100%;background-position:50% 50px;}
	.Sunit_area a	{width:45%;margin:0 auto;text-align:center;}
	.Sunit_area a:hover	{transform:none;border-radius:50px 10px 50px 50px;transition:all 0.2s ease;}


	/* 수준평가 - 메인 */
	/* 1st 단락 */
	.Start_area	{border-radius:20px 20px 200px 20px;text-align:right;min-height:auto;padding:40px 40px 80px 40px;}
	.Start_area:before	{left:0;bottom:auto;top:0;width:100%;height:100%;background-size: 95% auto;background-position:50% 75%;}
	.appraisal	{padding-top:25px;line-height:35px;}
	.learning	{position:relative;top:auto;left:auto;margin-top:10px;}
	.learning > p > span	{display:block;margin-bottom:10px;}
	.learning > p 	{margin:40px auto 0;line-height:25px;}
	.workload {display:block;}
	.workload div	{width:100%;margin-top:30px;}
	.workload > div ~div	{margin-left:0;}
	.workload a	{width:100%;padding:30px 0;min-height:150px;}
	.workload a:last-child	{padding:0 20px;}
	.workload div:last-child	{width:calc(100% - 50px);}
	/* 3st 단락 */
	.my_area	{padding-left:0;justify-content: center;margin-top:30px;}
	.my_area a	{padding:0 30px 0 0;margin-right:30px;}
	.my_area a span	{display:none;}
	.my_area a p	{padding-left:35px;line-height:40px;font-size:18px;}
	.my_area a:before	{width:30px;background-size:100% auto !important;}
	.my_area a:after	{top:10px;height:20px;}
	.my_area a ~a	{margin-left:0;}

}
@media (max-width: 640px) {
	.M_main	{margin-bottom:50px;}

	/* LogIn전 - 메인 */
	/* 1st 단락 */
	.Asec_area	{width:calc(100% - 40px);}
	.pro_area	{margin-top:-20px;padding:0 20px;}
	.pro_area > div a	{font-weight:600;font-family:'NanumGothic';font-size:14px;line-height:20px;}
	.pro_area > div a:hover{font-size:15px;font-weight:600;font-family:'NanumGothic';}
	.Asec_area:after	{width:170px;height:160px;bottom:0px;}

	.myeng_area	{width:calc(100% - 40px);}
	.myeng_area a	{width:100%;}
	.myeng_area a p	{font-size:17px;}
	.myeng_area a span	{font-size:13px;}

	/* 2st 단락 */
	.why_eng > p	{font-size:14px;font-weight:600;font-family:'NanumGothic';}
	.why_eng > p.title	{font-size:22px;margin-top:30px;}
	.why_eng > p.title span:before	{left:-20px;top:-40px;height:50px;}
	.why_area	{padding-top:30px;}
	.whySlider	{padding-left:20px;}
	.whySlider .item div i	{margin-bottom:30px;}
	.whySlider .item div i:before	{font-size:40px;}
	.whySlider .item div p	{font-size:12px;line-height:22px;}
	.whySlider .item div p.tit_text	{font-size:18px;line-height:25px;}

	/* 3st 단락 */
	.engstudy_area ul li p, .engstudy_area ul li p.tit_text	{font-size:14px;font-weight:600;font-family:'NanumGothic';}
	.engstudy_area p.title img	{max-width:100%;}
	.engstudy_area ul li	{padding:10px 10px 20px 10px;}
	.engstudy_area ul li p.tit_text span	{font-size:28px;letter-spacing:-2px;margin-right:2px;}
	.engstudy_area ul li:before	{width:20px;right:0;}
	.engstudy_area div	{margin-top:50px;font-size:14px;font-family:'NanumGothic';font-weight:600;padding:20px 10px;line-height:22px;}
	.engstudy_area div:after	{right:-10px;top:auto;bottom:-8px;width:120px;height:100px;}

	/* 4st 단락 */
	.Mlearning ul li div	{min-height:auto;padding:20px;}
	.Mlearning ul li div ~div, .Mlearning ul li ~li	{margin-top:20px;}
	.Mlearning ul li div p	{padding-left:85px;font-size:12px;font-family:'NanumGothic';font-weight:600;}
	.Mlearning ul li div p.tit_text	{font-size:17px;font-family:'NanumSquare';margin-bottom:8px;}
	.Mlearning ul li div:before	{left:20px;width:70px;background-size: 100% auto !important;}

	/* 유형평가 - 메인 */
	.Sunit_area	{min-height:350px;border-radius:20px 20px 120px 20px;}
	.Sunit_area div:before, .Sunit_area div:nth-child(2)::before	{height:130px;background-size:auto 100%;}
	.Sunit_area div:nth-child(1)::before	{background-position:55% 50px;}
	.Sunit_area a	{font-size:16px;font-weight:600;font-family:'NanumGothic';line-height:65px;padding:0 30px;width:55%;}
	.Sunit_area a > span:before	{height:6px;top:8px;}
	.Sunit_area a > span:after	{height:6px;}
	.Sunit_area a > span	{padding-right:15px;}

	/* 수준평가 - 메인 */
	/* 1st 단락 */
	.Start_area	{padding:30px 30px 30px 30px;border-radius:20px 20px 120px 20px;}
	.appraisal > p	{padding-left:70px;font-size:12px;line-height:20px;}
	.appraisal > a	{line-height:45px;padding:0 30px 0 50px;background-position:25px 50%;}
	.learning > a	{line-height:60px;padding:0 30px;font-size:22px;}
	.learning > a > span	{padding-right:15px;}
	.learning p {font-size:14px;font-weight:400;font-family:'NanumGothic';line-height:22px;}
	.learning p > span.tit	{font-size:25px;}
	/* 2st 단락 */
	.workload_area	{padding:20px 30px 50px 30px;border-radius:20px 120px 20px 20px;}
	.workload_area:after	{width:170px;background-size:100% auto;right:-30px;}
	.workload a i	{right:15px;top:15px;width:30px;height:30px;}
	.workload a i > span:before	{margin-top:13px;}
	.workload a i > span:after	{margin-top:8px;}
	.workload a span.title	{padding-left:35px;font-size:17px;margin-bottom:20px;padding-left:35px;}
	.workload a span.title:before	{width:28px;background-size: 100% auto !important;top:-2px;}
	.workload a:first-child span.title:before	{top:-8px;}
	.workload a span.title:after	{width:calc(100% - 35px);left:35px;}
	.workload div a p	{font-size:20px;}
	.workload a:first-child > p > span	{font-size:18px;}

	/* 3st 단락 */
	.my_area	{padding-left:0;justify-content: center;margin-top:30px;}
	.my_area a	{padding:0 15px 0 0;margin-right:15px;}
	.my_area a span	{display:none;}
	.my_area a p	{padding-left:25px;line-height:40px;font-size:15px;font-family:'NanumGothic';font-weight:600;letter-spacing:-1px;}
	.my_area a:before	{width:20px;background-size:100% auto !important;}
	.my_area a:after	{top:10px;height:20px;}
	.my_area a ~a	{margin-left:0;}
}
@media (max-width: 420px) {
	/* 유형평가 - 메인 */
	.pro_area > div	{height:160px;margin-right:10px;width:calc(100%/2 - 5px);}
	.Sunit_area	{min-height:280px;margin-top:-20px;}
	.Sunit_area:before	{background-size: 85% auto;background-position:50% 80%;}
	.Sunit_area div:nth-child(1):before	{height:110px;background-position:55% 30px;}
	.Sunit_area div:nth-child(2)::before	{height:110px;background-position:50% 30px;}
	.Sunit_area a	{font-size:13px;line-height:55px;padding:0 20px;}
	.Sunit_area a > span	{padding-right:10px;}
	.Sunit_area a > span:before	{width:1px;height:5px;top:7px;}
	.Sunit_area a > span:after	{width:1px;height:5px;}
}

@media (max-width: 344px) {
	.M_main	{padding:0 10px;margin-bottom:50px;}
	/* LogIn전 - 메인 */
	.M_main.type1	{margin-top:80px;}

	.Asec_area	{padding:30px 0;}
	.Asec_area:after	{width:140px;height:140px;}
	.pro_area > div a	{font-size:12px;line-height:18px;}
	.pro_area > div a p:before	{height:25px;margin-bottom:5px;}
	.pro_area > div	{height:150px;}
	.proSlider .slick-dots	{margin-right:60px;}
	.myeng_area	{margin:20px auto;}
	.myeng_area a span	{font-size:11px;}

	/* 2st 단락 */
	.why_eng > p	{font-size:11px;}
	.why_eng > p.title	{font-size:16px;margin-top:20px;padding-left:5px;}
	.why_eng > p.title span:before	{left:-15px;top:-30px;height:40px;}
	.why_area	{padding:30px 0;}
	.whySlider	{padding-left:5px;}
	.whySlider .slick-slide	{margin:0 5px;}
	.whySlider .item div i	{margin-bottom:20px;}
	.whySlider .item div i:before	{font-size:30px;}
	.whySlider .item div p	{font-size:11px;line-height:18px;font-weight:400;}
	.whySlider .item div p.tit_text	{font-size:14px;letter-spacing:-1px;font-family:'NanumGothic';font-weight:600;line-height:20px;}

	/* 3st 단락 */
	.engstudy_area	{padding:30px 0;}
	.engstudy_area p.title	{width:calc(100% - 20px);margin-bottom:30px;}
	.engstudy_area ul	{width:calc(100% - 20px);}
	.engstudy_area ul li:nth-child(2n)	{margin-left:10px;}
	.engstudy_area ul li p, .engstudy_area ul li p.tit_text	{font-size:11px;}
	.engstudy_area ul li p.tit_text span	{font-size:18px;}
	.engstudy_area ul li:before	{width:20px;right:0;}
	/*.engstudy_area div	{margin-top:40px;font-size:12px;padding:8px 70px 8px 20px;line-height:20px;height:80px;}
	.engstudy_area div:after	{right:-10px;top:auto;bottom:-8px;width:100px;height:90px;}*/

	/* 4st 단락 */
	.Mlearning_area	{padding:30px 0;}
	.Mlearning p.title img	{width:100%;}
	.Mlearning ul	{width:calc(100% - 20px);margin-top:30px;}
	.Mlearning ul li div	{padding:15px 10px;border-radius:20px;}
	.Mlearning ul li div p	{padding-left:55px;font-size:11px;font-weight:400;}
	.Mlearning ul li div p.tit_text	{font-size:15px;font-family:'NanumGothic';font-weight:600;margin-bottom:8px;}
	.Mlearning ul li div:before	{width:40px;left:15px;}

	/* 수준평가 - 메인 */
	/* 1st 단락 */
	.Start_area	{padding:20px;border-radius:20px 20px 90px 20px;}
	.appraisal	{font-size:17px;line-height:22px;font-weight:500;padding-top:10px;}
	.learning img	{margin-bottom:20px;}
	.learning > a	{line-height:60px;padding:0 25px;font-size:17px;}
	.learning > a > span:before	{top:7px;height:8px;}
	.learning > a > span:after	{top:2px;height:8px;}
	.learning p {font-size:13px;line-height:20px;}
	.learning p > span.tit	{font-size:22px;}
	/* 2st 단락 */
	.workload_area	{padding:20px;border-radius:20px 90px 20px 20px;min-height:auto;}
	.workload_area:after	{width:130px;}
	.workload div > p	{font-size:17px;}
	.workload a	{min-height:120px;}
	.workload div a p, .workload div a p > span	{font-size:20px;line-height:28px;}
	.workload div:nth-child(2) a p	{font-size:18px;}
	.workload a i	{right:10px;top:10px;width:25px;height:25px;}
	.workload a i > span:before	{margin-top:11px;}
	.workload a i > span:after	{margin-top:6px;}
	.workload a span.title	{padding-left:25px;font-size:14px !important;font-family:'NanumGothic';font-weight:600;}
	.workload a span.title:after	{width:calc(100% - 25px);left:25px;height:1px;}
	.workload a span.title:before	{width:20px;top:2px;}
	.workload a:first-child span.title:before	{top:-3px;}
	.workload div:first-child	{margin-top:20px;}
	.workload div:last-child	{width:calc(100% - 60px);}
	.workload div:last-child a	{min-height:100px;}

	/* 3st 단락 */
	.my_area a	{padding:0 10px 0 0;margin-right:10px;}
	.my_area a p	{padding-left:22px;line-height:40px;font-size:13px;}
	.my_area a:before	{width:18px;}
	.my_area a:after	{top:10px;height:15px;}

	/* 유형평가 - 메인 */
	.Sunit_area	{min-height:220px;border-radius:20px 20px 90px 20px;}
	.Sunit_area a	{font-size:12px;padding:0 15px;line-height:50px;}
	.Sunit_area a > span	{padding-right:10px;}
	.Sunit_area a > span:before	{width:1px;height:5px;top:7px;}
	.Sunit_area a > span:after	{width:1px;height:5px;}
}