@charset "UTF-8";

/* 한국어교원_20221216 */

.kTeacher_20221216 { width:100%; overflow:hidden; text-align:center; }
.kTeacher_20221216 .aside { position:fixed; right:20px; top:450px; width:138px; z-index:99; }
.kTeacher_20221216 .aside li:nth-child(1) {border-radius:15px; margin-bottom: 14px; overflow:hidden;box-shadow:3px 3px 3px rgba(0,0,0,.2); }
.kTeacher_20221216 .aside li:nth-child(2) {border-radius:15px;  overflow:hidden; background:linear-gradient(to bottom, #222 0%,#fff 17%); box-shadow:3px 3px 3px rgba(0,0,0,.2); border:1px solid #222;}
.kTeacher_20221216 .content,.kTeacher_20221216 .topImg ul { width:1200px; position:relative; margin:0 auto; }
.kTeacher_20221216 .Dday { position:fixed; top:310px; width:100%; height:95px; background:rgba(0,0,0,.9); color:#fff; padding-top:27px; z-index:100; }
.kTeacher_20221216 .Dday p { font-size:23px; color:#fff; border:2px solid #fff; border-radius:30px; width:320px; height:42px; line-height:35px;}
.kTeacher_20221216 .Dday dl { position:absolute; top:-20px; left:420px; background:url(https://cdn.ibstudy.co.kr/Content_new/event/2022/1219/icon_clock.png) no-repeat 70px 22px; font-size:53px; color:#fff; padding-left:200px; }
.kTeacher_20221216 .Dday dt:after { content:"일"; font-size:21px; vertical-align:2px; font-family:'Noto Sans Kr','맑은 고딕','Malgun Gothic','돋움',dotum,AppleGothic,sans-serif; }
.kTeacher_20221216 .Dday dt,.kTeacher_20221216 .Dday dd { display:inline-block; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; letter-spacing:1px;}
.kTeacher_20221216 .Dday dd li { display:inline-block; }
.kTeacher_20221216 .Dday dd li:after { content:" : "; vertical-align:4px; }
.kTeacher_20221216 .Dday dd li:last-child:after { content:""; }
.kTeacher_20221216 .Dday a { position:absolute; right:0; top:-15px; display:inline-block; width:228px; height:70px; background:#c53c2b; border-radius:5px; transition:all .2s; }
.kTeacher_20221216 .Dday a:hover { background:#ff513c; }

.kTeacher_20221216 .topImg { width:100%; position:relative; height:1101px; background:url(https://cdn.ibstudy.co.kr/Content_new/event/2022/1219/topPattern.png) repeat; }
.kTeacher_20221216 .topImg li,.kTeacher_20221216 .topImg span { position:absolute; }
.kTeacher_20221216 .topImg li:first-child { top:194px; left:286px; animation:aniUp .6s both ease-in-out; }
.kTeacher_20221216 .topImg li:nth-child(2) { top:270px; left:-47px; animation:fadeIn_02 .6s .5s both ease-in-out; }
.kTeacher_20221216 .topImg li:nth-child(3) { top:565px; left:162px; animation:fadeIn_02 .6s .9s both ease-in-out; }
.kTeacher_20221216 .topImg li:nth-child(4) { top:756px; left:344px; animation:fadeIn_02 .6s 1.3s both ease-in-out; }
.kTeacher_20221216 .topImg02 { right:0; top:118px;}
.kTeacher_20221216 .topImg03 { left:0; bottom:65px;}
.kTeacher_20221216 .topImg04 { right:155px; bottom:0; }
.kTeacher_20221216 .section_02 { height:410px; background:url(https://cdn.ibstudy.co.kr/Content_new/event/2022/1219/section01_bg_260518.png) repeat-x center; padding-top:120px;}
.kTeacher_20221216 .section_03 { position:relative; height: 2596px; background:url(https://cdn.ibstudy.co.kr/Content_new/event/2022/1219/section03_bg.png) repeat; }
.kTeacher_20221216 .section_03 .coupon { height:640px; background:url(https://cdn.ibstudy.co.kr/Content_new/event/2022/1219/section03_bg02.png) repeat-x bottom center; }
.kTeacher_20221216 .section_03 .coupon p { padding-top:78px; padding-left:50px; }
.kTeacher_20221216 .section_03 .coupon a { display:block; width:660px; height:80px; background:#222; border-radius:60px; margin:70px auto 0; transition:all .2s; }
.kTeacher_20221216 .section_03 .coupon a:hover { background:#355546; }
.kTeacher_20221216 .section_03 .coupon span { display:inline-block; margin:20px 0 0 -230px; display: none;}
.kTeacher_20221216 .section_03 span,.kTeacher_20221216 .section_06 span { position:absolute; }
.kTeacher_20221216 .section_03 .img_01 { left:0; bottom:50px; }
.kTeacher_20221216 .section_03 .img_02 { right:0; bottom:0; }

.kTeacher_20221216 .section_03 .package .content {border-top: 2px solid #333; padding-top: 70px;}
.kTeacher_20221216 .section_03 .package .btn,
.kTeacher_20221216 .section_11 .content .btn{background: #222; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; margin-bottom: 30px;}
.kTeacher_20221216 .section_03 .package .btn:hover,
.kTeacher_20221216 .section_11 .content .btn:hover{background: #355546;}
.kTeacher_20221216 .section_03 .package{height: 1156px;background: url(https://cdn.ibstudy.co.kr/Content_new/event/2022/1219/section03_bg02.png) repeat;}

.kTeacher_20221216 .section_04 { background:url(https://cdn.ibstudy.co.kr/Content_new/event/2022/1219/section04_bg.png) repeat; }
.kTeacher_20221216 .section_04 p { position:relative; }
.kTeacher_20221216 .section_04 p span { position:absolute; top:457px; right:93px; animation:fadeIn 1.3s cubic-bezier(0.25, 0.45, 0.45, 0.95) infinite; }
.kTeacher_20221216 .section_05 { background:url(https://cdn.ibstudy.co.kr/Content_new/event/2022/1219/section03_bg.png) repeat; }
.kTeacher_20221216 .section_06 { position:relative; }
.kTeacher_20221216 .section_06 .img_01 { left:0; bottom:500px; }
.kTeacher_20221216 .section_06 .img_02 { right:0; top:800px; }
.kTeacher_20221216 .section_06 .img_03 { right:0; bottom:0; }
.kTeacher_20221216 .section_06 .img_04 { left:0; top:230px; }
.kTeacher_20221216 .section_07 { padding:60px 0 120px; background:#3a3632 }
.kTeacher_20221216 .section_07 a.section07_btn { display:block; width:500px; height:80px; background:#ce2a16; border-radius:60px; margin:50px auto 0; transition:all .2s; }
.kTeacher_20221216 .section_07 a.section07_btn:hover { background:#2a7f57; }
.kTeacher_20221216 .section_07 .sec07_badge {position: absolute; display: block; top: 570px; right: -50px; animation: flash 0.8s infinite alternate;}
.kTeacher_20221216 .section_07 span { display:block; margin-top:20px; text-align:right; }
.kTeacher_20221216 .section_07 .btn_01{position: absolute; left: 55px; bottom: 46px; background: #3a3632;}
.kTeacher_20221216 .section_07 .btn_02{position: absolute; right: 55px; bottom: 46px; background: #3a3632;}
.kTeacher_20221216 .section_07 .btn_01:hover,
.kTeacher_20221216 .section_07 .btn_02:hover{background:#2a7f57;}
.kTeacher_20221216 .section_08 { padding:100px 0 80px; background:#222; }
.kTeacher_20221216 .section_08 ul { margin-top:40px; display:flex; }
.kTeacher_20221216 .section_08 ul li { position:relative; }
.kTeacher_20221216 .section_08 ul li a { position:absolute; display:block; font-size:15px; border:1px solid #222; padding:3px 20px 5px; bottom:20px; right:20px; border-radius:30px; transition:all .3s; }
.kTeacher_20221216 .section_08 ul li a:hover { background:#222; color:#fff; }
.kTeacher_20221216 .section_08 .satisfaction { height:700px; background:url(https://cdn.ibstudy.co.kr/Content_new/event/2022/1219/section08_bg.png) no-repeat; }
.kTeacher_20221216 .section_08 .satisfaction ul { position:absolute; left:340px; bottom:155px; font-family:Georgia, 'Times New Roman', Times, serif; font-size:80px; color:#fff; letter-spacing:-3px; }
.kTeacher_20221216 .section_08 .satisfaction li { width:140px; }
.kTeacher_20221216 .section_08 .satisfaction li:first-child { margin-right:250px; }
.kTeacher_20221216 .section_09 { padding:100px 0 130px; display: none;}
.kTeacher_20221216 .section_10 { background:#e2e2e2; padding:100px 0 130px; }
.kTeacher_20221216 .section_11 { padding:100px 0 130px; }
.kTeacher_20221216 .section_11 ul { display:flex; justify-content:space-between; }
.kTeacher_20221216 .section_11 ul + p { margin-top:80px; }
.kTeacher_20221216 .section_11 ul li { position:relative; }
.kTeacher_20221216 .section_11 li a { position:absolute; display:block; bottom:0px; right:0px; transition:all .2s; background:#222; border-radius:0 0 20px 20px; }
.kTeacher_20221216 .section_11 li a:hover { background:#af1c0a; }
.kTeacher_20221216 .section_11 .btn_apply { display:block; width:500px; height:80px; background:#ce2a16; border-radius:60px; margin:70px auto 0; transition:all .2s; }
.kTeacher_20221216 .section_11 .btn_apply:hover { background:#222; }
.kTeacher_20221216 .section_11 li span { position:absolute; top:215px; left:48px; animation: upDown .8s infinite ease-in-out; }

.kTeacher_20221216 .section_11 .content .buy{border: 1px solid #000; border-radius: 18px 18px 0 0;}
.kTeacher_20221216 .section_11 .content .buy img{width: 1198px;}
.kTeacher_20221216 .section_11 .buy_wp{margin: 30px 0 70px;}

/* popup */
.kTeacher_20221216 .popup-wrapper{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); display: inline-flex; align-items: center;  font-size: 15px; z-index: 300; word-spacing: 0; overflow-x: hidden;}
.kTeacher_20221216 .closeX{position: absolute; top: 15px; right: 15px; width: 2rem; line-height: 0.8rem; font-size: 3rem; text-align: center; cursor: pointer; color: #000; text-decoration: none;}
.kTeacher_20221216 .closeX:hover{color: #ccc;}
.kTeacher_20221216 .pop_wrap{position: relative; background: #fff; width: 510px; padding: 30px 20px 40px; border-radius: 5px; overflow-y: auto; border: 2px solid #000; margin: 0 auto; }

.kTeacher_20221216 .pop_conts{width:92%; margin:3px auto 0; letter-spacing: -0.5px; padding-bottom:50px;}
.kTeacher_20221216 .popup-wrapper .pop_tit{text-align: center;}
.kTeacher_20221216 .popup-wrapper .tit{font-weight: 800; font-size: 28px; letter-spacing:-1px; border-bottom:1px solid #000; margin:0 0 10px; padding-bottom:5px; color: #000 !important}

.kTeacher_20221216 .pop_conts table{table-layout: fixed; word-break: break-all; width:100%; margin:12px auto 0;}
.kTeacher_20221216 .pop_conts table th,
.kTeacher_20221216 .pop_conts table td{padding: 8px; text-align: left; font-size:16px; font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif; color: #555; font-weight: 500;}
.kTeacher_20221216 .pop_conts table img{ width: 23px; vertical-align: middle;}
.kTeacher_20221216 .pop_conts table span{margin:0 5px;}

.kTeacher_20221216 .pop_conts a{color:#fff;}
.kTeacher_20221216 .pop_conts .btn{position:absolute; bottom:0; left:0; width:100%; margin:0 auto; background: #e41545; text-align:center; padding:18px 0; color:#fff; font-weight:900; font-size:22px; border-radius: 0;}
.btn_view{background:#333; text-align:center; color:#fff; border-radius:3px; padding:3px 10px 5px; font-size:11px; margin-left:2px;}

.kTeacher_20221216 .popup-wrapper textarea{width: 99%; height: 80px; overflow-y: scroll; border:1px solid #ccc; font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 16px;}
.kTeacher_20221216 .popup-wrapper input{width:75%; font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif; border: 0; border-bottom: 1px solid #aaa; padding-bottom: 3px; font-size: 16px;}
.kTeacher_20221216 .popup-wrapper select{font-size: 14px;}

.kTeacher_20221216 .popup-wrapper input[type='text'].data{width:35%;}
.kTeacher_20221216 .popup-wrapper select{padding:5px; border:1px solid #ccc; font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif;}
.kTeacher_20221216 .popup-wrapper button{border:0; cursor: pointer; padding: 0; margin-right: 15px;}

.kTeacher_20221216 .popup-wrapper textarea,
.kTeacher_20221216 .popup-wrapper select{border-radius: 5px; width: inherit; padding: 2px 0 2px 10px;}
.kTeacher_20221216 .popup-wrapper label{cursor: pointer; margin-right: 8px;}
.kTeacher_20221216 .popup-wrapper input[type='checkbox']{width: 20px; height: 20px; vertical-align: middle; accent-color: #e41545; margin-right: 5px;}

.kTeacher_20221216 .popup-wrapper button{background: none;}

.kTeacher_20221216 .popup-wrapper input:focus,
.kTeacher_20221216 .popup-wrapper textarea:focus,
.kTeacher_20221216 .popup-wrapper select:focus{outline: none;}
.kTeacher_20221216 .popup-wrapper textarea::placeholder{font-size: 13px; color: #ccc;}

/* layer */
.kTeacher_20221216 .layer-pop{position:fixed; top:0; left:0; display: inline-flex; align-items: center; background:rgba(0,0,0,0.2); width:100%; height:100%; z-index:2;}
.kTeacher_20221216 .layer-pop .tit{margin-bottom: 0; font-size: 22px; text-align: center;}
.kTeacher_20221216 .pop_layer{background: #fff; width: 470px; position: relative; margin: 0 auto; padding: 25px 20px; box-shadow: 0px 1px 6px 3px rgb(0 0 0 / 0.3); border-radius: 10px; text-align: left;}
.kTeacher_20221216 .layer_conts{position: relative;  width: 100%; font-size: 14px;  overflow-y: auto;  line-height: 22px; height: 240px; margin: 0 auto;  padding: 0 2.5%; word-spacing: 3px;}
.kTeacher_20221216 .layer_conts strong{padding-top: 16px; display: block; font-weight: 500;}
.kTeacher_20221216 .layer-pop a{position: absolute; right:10px; top:20px; width: 2rem; line-height: 0.8rem; font-size: 2rem; text-align: center; cursor: pointer; color: #000; text-decoration: none;}
.kTeacher_20221216 .layer-pop a:hover{color: #ccc;}
.kTeacher_20221216 .section_package{background: url(https://cdn.ibstudy.co.kr/Content_new/event/2022/1219/section03_bg.png) repeat; padding: 78px 0;}
@keyframes aniUp {
	0% {
		transform: translateY(40%);
		opacity:0;
	}
	100% {
		transform: translateY(0%);
		opacity:1;
	}
}
@keyframes fadeIn_02 {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

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

@keyframes upDown {
	0% {
		transform: translateY(0%);
	}
	50%{
		transform: translateY(18%);
	}
	100% {
        transform: translateY(0%);
	}
}
@keyframes flash {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 1; }
}
/* 1400px 이하 사이즈 추가 */
@media (max-width:1400px) {
	.aside,.topImg02,.topImg03,.img_02,.img_01 { display:none; }
}
.kTeacher_20221216 .section_03 { height:1440px }
.kTeacher_20221216 .section_03 ul { display:flex; justify-content:space-between; }
.kTeacher_20221216 .section_03 ul + p { margin-top:30px; }
.kTeacher_20221216 .section_03 ul li { position:relative; }
.kTeacher_20221216 .section_03 li a { position:absolute; display:block; bottom:0px; right:0px; transition:all .2s; background:#222; border-radius:0 0 20px 20px; }
.kTeacher_20221216 .section_03 li a:hover { background:#af1c0a; }
.kTeacher_20221216 .section_03 .btn_apply { display:block; width:500px; height:80px; background:#ce2a16; border-radius:60px; margin:70px auto 0; transition:all .2s; }
.kTeacher_20221216 .section_03 .btn_apply:hover { background:#222; }
.kTeacher_20221216 .section_03 li span { position:absolute; top:215px; left:48px; animation: upDown .8s infinite ease-in-out; }

.kTeacher_20221216 .section_03 .content .buy{border: 1px solid #000; border-radius: 18px 18px 0 0;}
.kTeacher_20221216 .section_03 .content .buy img{width: 1198px;}
.kTeacher_20221216 .section_03 .buy_wp{margin: 30px 0 70px;}
.kTeacher_20221216 .section_03 .package { height:1804px; }
.kTeacher_20221216 .section_11 li { border:1px solid #222; border-radius:20px; }

/* 250124추가 : 패키지 */
.kTeacher_20221216 .package_info2 {text-align: center; background: #f6f7f9;}
.kTeacher_20221216 .package_info2 .content {width: 1100px; padding: 110px 0;}
.kTeacher_20221216 .package_info2 .content p {margin-bottom: 50px;}
.kTeacher_20221216 .package_info2 .content p >a {position: absolute; right: 80px; top: 110px; display: block;}
.kTeacher_20221216 .package_info2 ul {display: flex; gap: 30px; flex-direction: column; position: relative;}
.kTeacher_20221216 .package_info2 ul li {position: relative; }
.kTeacher_20221216 .package_info2 ul li .package_btn {position: absolute; display: flex; flex-direction: column; gap: 8px; top: 100px; right: 40px;}
.kTeacher_20221216 .package_info2 ul li .package_btn a {width: 260px; height: 60px; font-family: "pretendard"; color: #fff; font-size: 20px; display: inline-block; background: #111; border-radius: 4px; line-height: 60px; font-weight: 600;}
.kTeacher_20221216 .package_info2 ul li .package_btn a:hover {background: #252427;}
.kTeacher_20221216 .package_info2 ul li .package_btn a:nth-of-type(2) {background: #dc082b;}
.kTeacher_20221216 .package_info2 ul li .package_btn a:nth-of-type(2):hover {background: #ff1239;}
.kTeacher_20221216 .package_info2 ul li .package_btn.one {top: 40px;}

/* 260518추가 */
.kTeacher_20221216 .online_img { padding-bottom: 90px;}
.alarm { position: absolute; top: 55px; right: 100px; animation: alarm 1.8s ease-in infinite alternate }
@keyframes alarm {
    0%, 50% {
        transform: rotate(0deg);
    }

    5%, 15%, 25%, 35%, 45% {
        transform: rotate(5deg);
    }

    10%, 20%, 30%, 40% {
        transform: rotate(-5deg);
    }
}