@charset "utf-8";
@import url("/academy/css/main2/reset.css");
@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

/* nanum-brush-script-regular - latin_korean */
@font-face {
  font-family: 'Nanum Brush Script';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/nanum-brush-script-v17-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Nanum Brush Script'), local('NanumBrush'),
       url('/fonts/nanum-brush-script-v17-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/nanum-brush-script-v17-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/nanum-brush-script-v17-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/nanum-brush-script-v17-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/nanum-brush-script-v17-latin_korean-regular.svg#NanumBrushScript') format('svg'); /* Legacy iOS */
}


body { background:#e9ecef;}
#wrap { position:relative; z-index:1;}

.header { height:113px; background:#c80505; }
.tHeader { width:1100px; margin:0 auto; position:relative; }
/*
.logo { position:absolute; left:0; top:40px;  }
.logo a { width:359px; height:37px; background:url(/academy/main/images/logo.png) no-repeat; display:block; text-indent:-9999px; }
*/
.logo { position:absolute; left:0; top:30px;  }
.logo a {  width:200px; height:68px; background:url(/academy/main/images/logo.png) no-repeat; display:block; text-indent:-9999px; }

.tnb { position:absolute; right:133px; top:22px; }
.tnb li { float:left; margin-left:9px; padding-left:10px; background:url(/academy/images/main2/t_dot.png) no-repeat 0 4px; }
.tnb li:nth-child(1) { background:none; }
.tnb li a { font-size:16px; font-weight:400; letter-spacing:-0.07em; color:#fff; line-height:16px;}

.snsNav { position:absolute; top:18px; right:0; }
.snsNav li { margin-left:11px; float:left; }
.snsNav li a { display:block; text-indent:-9999px; }
.snsNav li:nth-child(1) a { width:32px; height:31px; background:url(/academy/images/main2/sns1.png) no-repeat; }
/*.snsNav li:nth-child(2) a { width:29px; height:31px; background:url(/academy/images/main2/sns2.png) no-repeat;}*/ /* ÆäÀ̽ººÏ */
.snsNav li:nth-child(2) a { width:32px; height:31px; background:url(/academy/images/main2/youtube.png) no-repeat;}
.snsNav li:nth-child(3) a { width:29px; height:31px; background:url(/academy/images/main2/sns3.png) no-repeat;}

.gnb { position:absolute; right:0; top:68px; }
.gnb li { float:left; margin-left:34px; }
.gnb li a { font-size:20px; font-weight:700; letter-spacing:-0.07em; color:#fff; line-height:20px; }

.advertisement {display:none;}

.section1 { height:485px; background:url(/academy/images/main2/bg1.jpg) no-repeat center top; position:relative;}
.section2 { height:1346px; background:url(/academy/images/main2/bg2.jpg) no-repeat center top; position:relative;}


.section3 {
	/*height:1967px;*/ height:1800px; background:url(/academy/images/main2/bg3.jpg) no-repeat center top;
	position:relative;
	padding:60px 0 0;
}
.section4 { height:1275px; background:#fff6ce; position:relative;  }
.section5 { height:805px; /*height:1165px;*/ position:relative; background:#fff;  }
.section6 { padding-top:60px; height:607px; background:url(/academy/images/main2/bg4.jpg) no-repeat center top; background-size:cover; position:relative;  }

.section7 { height:827px; background:#292626; position:relative; }

.footer { height:150px; background:#fff url(/landing/202002//images/l_footer_new1.jpg) no-repeat center top; position:relative;  }

.footer2 { width:100%; background:#fff; height:150px;  position:relative;  }
.footer2 .copy2 {width:1040px; margin:0 auto; padding:30px 0px;}
.footer2 .copy2 ul li {font-size:16px; float:none; display:inline-block;}
.footer2 .copy2 ul li:nth-child(1) {width:400px;}
.footer2 .copy2 ul li:last-child { text-align:right;}
.footer2 .copy2 ul li.right {float:right; text-align:right;}

.footer2 .copy2 ul li label {width:160px;font-weight:400;}
.footer2 .copy2 ul li span {font-weight:500;}
.footer2 .copy2 ul li span a {font-size:16px;}
.footer2 .copy2 ul li span a.exp {border:solid 1px #000; background:#000; color:#fff;padding:2px;font-size:12px;}




.hide { display:none; }


.section1 { padding:82px 0 0; }
.section1 p {
	text-align:center; font-style:italic; font-weight:700; font-weight:900; font-size:52px; letter-spacing:-0.035em;
	line-height:60px; color:#fff;
	transition: all 1s ease;
}
.section1 p strong { color:#ffe34a; }

.youtube {cursor:pointer;}
.mainSlider:after { content:"";display:block;clear:both;}
.mainSlider { position:relative; top:-83px; /*width:1884px; */margin:0 auto; }
.mainSlider .loadMovie { float:left; width:270px; height:305px; /*margin:0 22px;*/ position:relative; }
.mainSlider .loadMovie span { width:42px; height:42px; position:absolute; left:20px; top:20px; display:block; }
.mainSlider .swiper-slide {max-width:280px;}

.tip_al_on {
	background:url(/academy/images/main2/tip_al.png) no-repeat;
}
.tip_ih_on {
	background:url(/academy/images/main2/ico-ih1.png) no-repeat;
}
.tip_ielte_on {
	background:url(/academy/images/main2/ico-ielte1.png) no-repeat;
}

.thmBox { padding:15px; background:#fff;height:305px;}
.thmBox img { width:100%; }
.thmBox p {
	font-family: 'Nanum Pen Script', serif; font-size:26px; line-height:26px;
	width:90%; text-align:center; margin:0 auto; padding:20px 0 0; color:#000; font-weight:550;
}
.thmBox strong { font-size:16px; text-align:center; display:block; padding:5px 0 10px;font-weight:400;}

@media screen and (min-width:0\0) {
    /* IE9 and IE10 rule sets go here */

	.thmBox p {
		font-family: 'Nanum Pen Script', cursive; font-size:20px; line-height:32px;
		width:90%; text-align:center; margin:0 auto; padding:20px 0 0; color:#000; font-weight:550;
	}
}

/*
@media (max-width:1200px) {
	.mainSlider .loadMovie { float:left; width:200px; height:305px; position:relative; }
	.mainSlider .loadMovie span { width:42px; height:42px; position:absolute; left:20px; top:20px; display:block; }
	.mainSlider .swiper-slide {max-width:210px;}
	.thmBox img { width:100%; }
}
*/


.mcText { padding:0 0 0; }
.mcText p { text-align:center; color:#151414; }
.mct1 { font-size:60px; font-weight:900; line-height:70px; color:#151414; }
.mct1 strong { color:#c80505; }
.mct2 { padding:35px 0; font-size:33px; line-height:50px; }
.mct2 strong { color:#c80505; }
.mct2 strong.fw900 { font-weight:900; display:inline-block; border-bottom:3px solid #c80505; }

.mainBox2 {
	width:1200px; background:#fff; height:665px; margin:0 auto;
	position:absolute; left:50%; bottom:0; margin-left:-600px;
}

.msTop { padding:40px 40px; height:383px; }
.msTop:after { content:"";display:block;clear:both; }
.mst_img { width:268px; height:312px; float:left; }
.mst_img .gallery-top span { position:absolute;z-index:99999;left:50px; top:50px; width:42px; height:42px; display:block; }

.al_on_b { background:url(/academy/images/main2/tip_al.png) no-repeat; }
.ih_on_b { background:url(/academy/images/main2/ico-ih1.png) no-repeat; }
.ielte_on_b { background:url(/academy/images/main2/ico-ielte1.png) no-repeat; }


.mst_img p { padding:10px 0 0; text-align:center; color:#252323; }
.mst_img p strong { font-size:20px; font-weight:500; }
.mst_img p span { margin-left:16px; font-size:16px; font-weight:300; letter-spacing:-0.025em; }
.mst_cont { width:815px; height:312px; float:right; }
.mst_cont h3 { font-size:50px; font-weight:900; color:#252323; letter-spacing:-0.025em; line-height:50px; }
.mst_cont span { font-size:30px; font-weight:800; color:#f26262; display:block; padding:20px 10px 20px; }
.mst_cont p {
	color:#252323; font-size:20px; line-height:27px; letter-spacing:-0.025em;
	padding:30px 0 0; border-top:1px solid #e9e9e9;
}
.msList { padding:10px 0 0; position:relative; }
.msList .msList-box:after { content:"";display:block;clear:both; }
.msList .msList-box { padding:0 40px; }
.msList .msList-box .thumb-image { float:left; width:112px; height:112px; overflow:hidden; }
.msList .msList-box .thumb-image:hover { border:solid 4px #ff0000; }
.msList .msList-box .on { border:solid 4px #ff0000; }
.msList .msList-box .thumb-image img {
	width:100%;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transition: all 0.3s ease-in-out;
}
.msList .msList-box .thumb-image img:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}
.msList .msList-box div.thumb-image a { display:block; position:relative; }
.msList .msList-box div.thumb-image span { position:absolute;z-index:99999;left:10px; top:10px; width:25px; height:25px; display:block;}
/*
.msList ul:after { content:"";display:block;clear:both; }
.msList ul { padding:0 40px; }
.msList ul li { float:left; width:112px; height:112px; overflow:hidden; }
.msList ul li a img { width:100%; }
*/
.al_on { background:url(/academy/images/main2/tip_al1.png) no-repeat; }
.ih_on { background:url(/academy/images/main2/ico-ih2.png) no-repeat; }
.ielte_on { background:url(/academy/images/main2/ico-ielte2.png) no-repeat; }


.msBtn { padding:40px 40px; }
.msBtn a {
	display:flex; height:60px; background:#c80505;
	font-size:23px; color:#fff; text-align:center; justify-content:center; align-items:center;
}
.msBtn a span {
	padding-right:37px; display:inline-block;
	background:url(/academy/images/main2/ico-arrow1.png) no-repeat right 5px center;
}
.msBtn a span strong { color:#ffe34a; }
.msBtn1 { width:1200px; margin:0 auto; }
.msBtn1 { padding:20px 0 0; }

@media screen and (min-width:0\0) {
    /* IE9 and IE10 rule sets go here */

	.msBtn { padding:60px 40px 40px 40px; margin:0 auto;}
	.msBtn a {
		padding:10px;  height:60px; background:#c80505;
		font-size:23px; color:#fff; text-align:center;margin:0 auto;
	}
	.msBtn a span { width:99%;
		padding-right:37px; display:inline-block;
		background:url(/academy/images/main2/ico-arrow1.png) no-repeat right 5px center;
	}
}


.titleBox {
	border:5px solid #c80505;
	background:#fff;
	height:240px;
	justify-content:center;
	align-items:center;
	display:flex;
	width:1200px;
	margin:0 auto 22px;
}
.titleBox p {
	font-size:60px;
	color:#252323;
	text-align:center;
	line-height:72px;
	font-weight:700;
}

@media screen and (min-width:0\0) {
    /* IE9 and IE10 rule sets go here */
	.titleBox p {
		padding-top:40px;
		font-size:60px;
		color:#252323;
		text-align:center;
		line-height:72px;
		font-weight:700;
	}
}

.titleBox p strong { color:#c80505; }
.titleBox p em { color:#f26262; }

.contBox1 { width:1200px; margin:0 auto 10px;  }
.contBox1:after { content:"";display:block;clear:both; }
.titLeft {
	float:left; width:120px; /*height:491px;*/ height:440px; background:#ffed8d;
	display:flex; justify-content:center; align-items:center;
}
.titLeft h3 { display:flex; text-align:center; border-radius:7px; background:#fff; flex-wrap:wrap; flex-direction:column; padding:20px 15px 25px;}
.titLeft h3 strong {
	padding-bottom:18px; font-size:30px; font-weight:900; color:#252323;
	line-height:35px;

}
.titLeft h3 a {
	color:#c70405; font-size:14px; display:inline-block; border-top:1px solid #e2e2e2;
	padding:20px 0 16px;
	background:url(/academy/images/main2/more-1.jpg) no-repeat center bottom;
}


@media screen and (min-width:0\0) {
    /* IE9 and IE10 rule sets go here */

	.titLeft {
		padding-top:110px;float:left; width:120px; /*height:491px;*/ height:440px; background:#ffed8d;
		display:flex; justify-content:center; align-items:center;
	}

	.titLeft h3 { margin:0px 20px;text-align:center; border-radius:7px; background:#fff; flex-wrap:wrap; flex-direction:column; padding:20px 15px 25px;}
	.titLeft h3 p {
		padding-top:20px;
	}
}

.conRight { float:left; width:1080px; /*height:491px;*/ height:440px;}
.conRight ul:after { content:"";display:block;clear:both; }
.conRight ul li { float:left; width:216px; /*height:245px;*/ height:220px; background:#f5e381;}
.conRight ul li:nth-child(even) { background:#ffed8d; }
.conRight ul li div {width:216px; height:150px; overflow:hidden;}
.conRight ul li div img {width:216px; height:150px;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transition: all 0.3s ease-in-out;
}

.conRight ul li div img:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}
.conRight ul li p { padding:10px 14px; font-size:16px; background:#f5e381;color:#1d1c1c; letter-spacing:-0.01em; height:70px;}




.sec4List { width:1300px; margin:0 auto; }
.sec4List ul:after { content:"";display:block;clear:both; }
.sec4List ul li { float:left; }
.sec4List ul li:nth-child(1) { }

.section4 > p {
	padding:56px 0;
	font-size:60px;
	color:#252323;
	text-align:center;
	line-height:72px;
	font-weight:700;
}
.section4 > p strong { color:#c80505; }
.section4 > p em { color:#f26262; }

.sec4ListBox {
	width:1275px; margin:0 auto; height:832px; position:relative;
	background:url(/academy/images/main2/postit_bg.jpg) no-repeat;
}
.sec4ListBox ul li { position:relative; float:left; }

.sec4_ul1 { width:1271px; margin:0 auto; height:360px; }

.sList { position:relative; z-index:10; }
.sList > div { cursor:pointer;}
.sList > div strong {
	position:absolute; left:30px; top:32px; width:130px; height:74px;
	font-family: 'Nanum Pen Script', serif; font-size:24px;
	line-height:24px; font-weight:600;
}
.sList > div .sImg { position:absolute; right:26px; top:36px; width:61px; height:61px; border-radius:50%; overflow:hidden; }
.sList > div p {
	position:absolute; left:30px; top:120px; width:194px; height:70px; font-size:16px; line-height:22px; letter-spacing:-0.025em; color:#252323;
}

@media screen and (min-width:0\0) {
    /* IE9 and IE10 rule sets go here */

	.sList > div strong {
		position:absolute; left:30px; top:45px; width:110px; height:74px;
		font-family: 'Nanum Pen Script', cursive; font-size:24px;
		line-height:24px; font-weight:600;
	}
}

.sList1 > div {
	width:248px; height:285px;
	position:relative; margin-left:54px; margin-top:50px;
	transform:rotate(5deg);
}
.sList1 > div p { top:150px; }

.sList2 > div {
	width:254px; height:280px;
	position:relative; margin-left:40px; margin-top:0;
	transform:rotate(-5deg);
}
.sList2 > div p { top:186px;
	}

.sList3 > div {
	width:254px; height:250px;
	position:relative; margin-left:65px; margin-top:100px;
	transform:rotate(-15deg);
}
.sList3 > div p { top:124px; }

.sList4 > div {
	width:254px; height:285px;
	position:relative; margin-left:55px; margin-top:0;
	transform:rotate(-2deg);
}
.sList4 > div p { top:158px; }

.sList5 > div {
	width:245px; height:285px;
	position:relative; margin-left:90px; margin-top:30px;
	transform:rotate(12deg);
}
.sList5 > div p { top:150px; }

.sList6 > div {
	width:254px; height:250px;
	position:relative; margin-left:55px; margin-top:-10px;
	transform:rotate(-15deg);
}
.sList6 > div p { top:134px; }

.sList7 > div {
	width:254px; height:275px;
	position:relative; margin-left:55px; margin-top:70px;
	transform:rotate(-6deg);
}
.sList7 > div p { top:134px; }

.sList8 > div {
	width:254px; height:260px;
	position:relative; margin-left:12px; margin-top:-10px;
	transform:rotate(-5deg);
}
.sList8 > div p { top:170px;/*transform:rotate(-4deg)*/ }


.sText { text-align:center; display:block; padding:8px 0; font-size:16px;  }
.sText strong { font-weight:700; }
.sText1 { padding-left:45px; transform:rotate(5deg);}
.sText2 { padding-left:45px; transform:rotate(-5deg);}
.sText3 { padding-left:80px; transform:rotate(-15deg);}
.sText4 { padding-left:65px; transform:rotate(-2deg);}
.sText5 { padding-left:65px; transform:rotate(12deg);}
.sText6 { padding-left:100px; transform:rotate(-15deg);}
.sText7 { padding-left:65px; transform:rotate(-6deg);}
.sText8 { padding-left:30px; transform:rotate(-5deg);}

.section5 > p {
	padding:50px 0 40px;
	font-size:43px;
	color:#252323;
	text-align:center;
	line-height:50px;
	font-weight:400;
	letter-spacing:-0.035em;
}
.section5 > p strong { font-weight:900; }
.tit_h4 { position:relative; text-align:center; width:1200px; margin:0 auto; }
.tit_h4 div { position:relative; }
.tit_h4 div:after {
	content:"";display:block;height:1px; background:#ebebeb; width:100%;
	position:absolute; left:0; top:30px; z-index:1;
}
.tit_h4 div strong {
	font-size:25px; color:#e8292a; font-weight:400; background:#fff; display:inline-block;
	position:relative; z-index:2; padding: 10px 40px 0;
}
.tit_blue div strong { color:#4365d5; }
.courseList { padding:27px 0; width:1200px; margin:0 auto;}
.courseList ul li {
	float:left; border:1px solid #252323; width:336px; height:403px;
	position:relative;
	padding:43px 40px;
	cursor:pointer;
}
.cRed ul li:hover {
        opacity: 0.7;
        background-color: #ff0000;
}

.cBlue ul li:hover {
        opacity: 0.7;
        background-color: #0066cc;
}
.courseList ul li:hover h5 {
	color:#fff;
}
.courseList ul li:hover .cours_p1 {
	color:#fff;
}
.courseList ul li:hover .cours_p2 {
	color:#fff;
}

.cRed ul li:nth-child(2) {
	border:1px solid #e8292a;
	margin:0 95px;
}
.tipPop {
	display:flex; justify-content:center; align-items:center; width:54px; height:54px;
	font-size:13px; color:#fff; line-height:15px; letter-spacing:-0.015em;
	position:absolute; right:0; top:0; text-align:center;
}
.tipRed {
	background:#e8292a;
}
.tipBlue {
	background:#4365d5;
}

.cBlue ul li {
	border:1px solid #252323; height:355px;
}
.cBlue ul li:nth-child(1) {
	border:1px solid #3d60d5;
}
.cBlue ul li:nth-child(2) {
	margin:0 95px;
}
.courseList ul li h5 {
	color:#252323; font-size:33px; font-weight:700; text-align:center;line-height:35px; letter-spacing:-0.035em;
	padding:0 0 28px; border-bottom:1px solid #e7e7e7;
}
.cours_p1 { text-align:center; font-size:20px; color:#676767; line-height:25px; letter-spacing:-0.035em; padding:30px 0 17px; }
.cours_p2 { height:144px; font-size:14px;display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; color:#f84748; }
.cours_p2 strong { font-weight:400; margin-bottom:10px; display:block;}

.p2_blue { color:#425db4; height:85px;}
.linkDiv { width:950px; height:487px; margin:0 auto; background:#292626;}
.linkDiv div { padding:40px 0; color:#fff; }
.linkDiv div span { font-size:18px; display:block; text-align:center;}
.linkDiv div strong { line-height:70px; font-size:60px; display:block; text-align:center; letter-spacing:-0.035em; padding:15px 0 20px;}
.linkDiv div strong em { color:#ffe34a; font-weight:700; }
.linkDiv div p { color:#fff; font-size:21px; line-height:36px; text-align:center; font-weight:300;}
.linkBtn { text-align:center; }
.linkBtn li { width:338px; height:78px; display:inline-block; margin:0 6px; }
.linkBtn li a {
	font-weight:700; display:flex; align-items:center; padding-left:30px; background:#fff url(/academy/images/main2/ico-arrow2.png) no-repeat right 30px center; width:100%; height:100%; font-size:18px; color:#e8292a;
	position:relative;
}
.section7 p {
	padding:63px 0 56px;
	font-size:50px;
	color:#fff;
	text-align:center;
	line-height:50px;
	font-weight:400;
	letter-spacing:-0.035em;
}
.section7 p strong { font-weight:700; color:#ffe34a;}
.movie { background:url(/academy/images/main2/movie.jpg) no-repeat; width:949px; height:535px; margin:0 auto; }

a.mPrev {
	display:block; background:url(/academy/images/main2/t_prev.png) no-repeat; width:48px; height:48px;
	position:absolute; left:0; top:50%; margin-top:-24px;
}
a.mNext {
	display:block; background:url(/academy/images/main2/t_next.png) no-repeat; width:48px; height:48px;
	position:absolute; right:0; top:50%; margin-top:-24px;
}

a.sPrev {
	display:block; background:url(/academy/images/main2/s-prev.png) no-repeat; width:8px; height:14px;
	position:absolute; left:15px; top:80px;
}
a.sNext {
	display:block; background:url(/academy/images/main2/s-next.png) no-repeat; width:8px; height:14px;
	position:absolute; right:15px; top:80px;
}