@charset "UTF-8";

/* 한국어교원 패키지 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css");
.kTeacher_20260112 { width:100%; overflow:hidden; text-align:center; }
.kTeacher_20260112 a { transition:all .2s; }
.kTeacher_20260112 * { font-family:Pretendard,'Spoqa Han Sans','맑은 고딕','Malgun Gothic','돋움',dotum,AppleGothic,sans-serif; color:#111; box-sizing:border-box; }
.kTeacher_20260112 .top { position:relative; width:100%; height:766px; background:url(images/topBg.jpg) no-repeat center; background-size:cover; overflow:hidden; }
.kTeacher_20260112 .content { position:relative; width:1200px; margin:0 auto; text-align:center; }
.kTeacher_20260112 .topTxt > li:nth-child(1) { margin-top:100px; animation:fadeUp .4s .2s ease-out both; }
.kTeacher_20260112 .topTxt > li:nth-child(2) { margin-top:25px; animation:fadeUp .4s .6s ease-out both; }
.kTeacher_20260112 .topTxt > li:nth-child(3) { margin-top:30px; animation:blur .4s .9s ease-out both; }
.kTeacher_20260112 .topTxt > li:nth-child(4) { margin-top:25px; animation:blur .4s 1.2s ease-out both; }
.kTeacher_20260112 .topTxt > li:nth-child(5) { margin:54px 0 0 240px; animation:width .3s 1.5s ease-out both; overflow:hidden; }

.kTeacher_20260112 .topImg li { position:absolute; }
.kTeacher_20260112 .topImg li:first-child { right:290px; bottom:265px; animation:left .4s 2s ease-out both, upDown .8s 2.5s ease-out infinite; }
.kTeacher_20260112 .topImg li:nth-child(2) { left:80px; bottom:107px; animation:right .5s 1.4s ease-out both; }
.kTeacher_20260112 .topImg li:nth-child(3) { right:110px; bottom:45px; animation:scale .1s 2.4s ease both; }
.kTeacher_20260112 .topImg li:nth-child(4) { right:110px; bottom:91px; animation:left .5s 1.8s ease-out both; }

.kTeacher_20260112 .floatingMenu { position:fixed; right:0; bottom:80px; z-index:1000; }
.kTeacher_20260112 .floatingMenu h2 { margin-bottom:8px; }
.kTeacher_20260112 .floatingMenu ul { width:177px; }
.kTeacher_20260112 .floatingMenu ul li:first-child { background:url(images/aside_01.png) no-repeat; width:177px; height:341px; padding-top:148px; }
.kTeacher_20260112 .floatingMenu ul li:first-child a { display:block; width:144px; height:34px; background:#ffef17; border-radius:5px; margin:0 0 0 20px; }
.kTeacher_20260112 .floatingMenu ul li:first-child a:hover { background:#b1ff82; }


.kTeacher_20260112 .section_01 { position:relative; height:320px; background:url(images/section01_bg.jpg) no-repeat; background-size:cover; padding:60px 0 0; }
.kTeacher_20260112 .section_02 { background:#eef2e6; padding:120px 0; }
.kTeacher_20260112 .package_list li  { border-radius:10px; }

.package_list .unlimited dd { height:140px; padding:35px 0 0 40px; }
.packageTitle { text-align:center; padding:0px 0 48px;  }
.packageTitle span { font-size:24px; }
.packageTitle h5 { font-size:52px; padding:8px 0 10px; font-weight:700; letter-spacing:-2px; }
.packageTitle h5 strong { color:#157f17; line-height:1.1; }
.packageTitle p { font-size:20px; }

.package_list .subject_name li { letter-spacing:0; }
.package_list .unlimited { height:auto; }
.package_list .unlimited dl { height:140px; }
.package_list .unlimited .package_guide { background:#fcfdf7; padding:20px 30px; text-align:left; border-radius:5px; border-top:1px solid #eee; }
.package_list .unlimited .package_guide strong { padding-bottom:6px; display:block; font-size:18px; }


.package_list > li dd { width:1000px; padding:50px 0 0 40px }
.package_list .apply_section { right:5px; top:20px; }
.package_list > li dt strong { font-size:25px; padding-top:15px; }
.package_list > li { border-radius:10px; height:140px; overflow:hidden; margin-bottom:12px; }
.package_list > li dt { width:185px; height:140px; }
.package_list .apply_section li, .package_list .apply_section li a { width:140px; height:102px; line-height:102px; }
.package_list .apply_section li { margin-left:5px; }
.package_list .apply_section li:first-child a { background:#009503; }
.package_list .apply_section li:first-child a:hover { background:#007302; }
.package_list .apply_section li:last-child a { background:#777; }
.package_list .apply_section li:last-child a:hover { background:#333; }
.package_list .subject_pay { margin-top:8px; }
.package_list .subject_name li { letter-spacing:-1px; }
.package_list .subject_name span{ top:-28px; font-size:13px; color:#333; letter-spacing:0; line-height:18px; left:0; margin-left:0; }
.package_list .subject_pay del { font-size:23px; color:#888; }
.package_list .subject_pay li strong { font-size:34px; color:#ae0202; }
.package_list .subject_name li:after { padding:0 10px 0 5px; }
.kTeacher_20260112 .event { background-color:#e6efff; position:relative;  padding-bottom:200px; }
.kTeacher_20260112 .event .btn { position: absolute; bottom: -90px; left: 50%; margin-left: -300px; width: 600px; height: 90px; background: #244cf2; border-radius: 10px; display: block; transition:all .3s;}
.kTeacher_20260112 .event .btn:hover {background: #000;  }
/* con07 :  혜택 */
.con07 { background-color: #28282d; }
.con07 ul { position: absolute; top: 280px;}
.con07 ul li { float: left; padding-left: 66px;}
.con07 ul li:first-child { padding-left: 20px; }
.con07 li a img { transition:all .15s; }
.con07 li a:hover img {transform:scale(1.05); }


@keyframes scale {
	0% {
		transform: scale(2); 
		opacity:0;
	}
	100% {
        transform: scale(1);
		opacity:1;
	}
}

@keyframes blur {
    0% { opacity:0; filter:blur(8px); }
    100% { opacity:1; filter:blur(0); }
}

@keyframes fadeUp {
	0% {
		opacity:0;
		transform:translateY(25%)
	}
	100% {
		opacity:1;
		transform:translateY(0)
	}
}
@keyframes left {
	0% {
		opacity:0;
		transform-origin:0% 100%;
		transform:rotate(-15deg)
	}
	100% {
		opacity:1;
		transform:rotate(0)
	}
}
@keyframes right {
	0% {
		opacity:0;
		transform-origin:100% 100%;
		transform:rotate(15deg)
	}
	100% {
		opacity:1;
		transform:rotate(0)
	}
}


@keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

@keyframes width {
	0% {
		width:0;
	}
	100% {
		width:721px;
	}
}

@keyframes upDown {
	0% {
    transform: translateY(0%);
	}
	50% {
		transform: translateY(-15%);
	}
	100% {
		transform: translateY(0%);
	}
}