@charset "utf-8";

.promotion { background-color: #fff; }
.promotion,
.promotion div,
.promotion p,
.promotion li,
.promotion input,
.promotion table th,
.promotion table td { font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun gothic', 'Dotum', '돋움', Sans-Serif; letter-spacing: -1px; }
.promotion .section { position: relative; padding: 0; margin: 0; border-bottom: 0;}
.promotion .wrap { position: relative; max-width: 720px; margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.promotion .section.top-banner { background: #22223a;}
.promotion .section.section-timer { position: relative; padding: 13px 0; width: 100%; height: 46px; text-align: center; background: #ffe400; box-sizing: border-box; -webkit-box-sizing: border-box;}
.promotion .section.section-timer p { display: inline-block; padding: 0; margin: 0; line-height: 1; font-family: 'Montserrat', 'Noto Sans KR', Sans-Serif; color: #19192c; font-size: 25px; font-weight: 700; letter-spacing: -1px;}
.promotion .section.section-timer p:first-child { margin-right: 5px;}
.promotion .section.section-timer p:first-child em { position: relative; top: -4px; font-weight: 700;}
.promotion .section.section-timer p span { display: inline-block; margin-right: 3px; min-width: 33px; text-align: center; line-height: 1;}
.promotion .section.section-timer p span.day { margin-right: 0;}
.promotion .section.section-timer p em { display: inline-block; font-size: 14px; font-weight: 400; line-height: 1;}

.promotion .section.section-contents { background: #eefffa;}
.promotion .section.section-contents .btn-apply { position: absolute; display: block; top: 95.58139534884%; left: 50%; width: 76.52777777778%; transform: translateX(-50%); -o-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%); z-index: 10;}
.promotion .section.section-contents .btn-apply:after { content: ''; display: block; position: absolute; top: 48.64864864865%; left: 66.78765880218%; width: 8.52994555354%; height: 63.51351351351%; background: url('https://img.eduwill.net/Img2/7even/promotion/200317/mobile/hand.png') 0 0 no-repeat; background-size: cover;}
.promotion .section.section-contents .btn-apply:after { animation: 1s hand ease-in-out infinite alternate;}

.promotion .section.section-notice { background: #eefffa;}
.promotion .section.section-notice .wrap { padding: 50px 5.55555555556%;}
.promotion .section.section-notice li { position: relative; text-align: left; padding-left: 12px; margin-top: 3px; font-size: 13px; color: #444; font-weight: 400; line-height: 1.5; letter-spacing: -1px;}
.promotion .section.section-notice li:before { content: '-'; display: block; position: absolute; top: 0; left: 0;}
.promotion .section.section-notice li a { position: relative; top: 2px; display: inline-block; margin-left: 4px;}
.promotion .section.section-notice li a img { width: 94px;}

@media only screen and (min-width: 720px) {
	.promotion .section.section-timer { padding: 25px 0; height: 88px;}
	.promotion .section.section-timer p { font-size: 50px;}
	.promotion .section.section-timer p:first-child { margin-right: 10px;}
	.promotion .section.section-timer p:first-child em { top: -10px;}
	.promotion .section.section-timer p span { margin-right: 5px; min-width: 66px;}
	.promotion .section.section-timer p em { font-size: 25px;}

	.promotion .section.section-notice .wrap { padding: 100px 5.55555555556%;}
	.promotion .section.section-notice li { padding-left: 24px; margin-top: 6px; font-size: 22px; letter-spacing: -2px;}
	.promotion .section.section-notice li a { top: 4px; margin-left: 8px;}
	.promotion .section.section-notice li a img { width: 100%;}

}

@-webkit-keyframes hand {
	0%,100% { -webkit-transform: translateY(5px); transform: translateY(5px); }
	50% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
}
@keyframes hand {
	0%,100% { -webkit-transform: translateY(5px); transform: translateY(5px); }
	50% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
}