@charset "utf-8";
/* junsa_191101 */
.junsa_191101 { position: relative;}
.junsa_191101 .junsa_title { background:#3b70f7;}
.junsa_191101 .wrap { max-width:720px;}
.junsa_191101 .event_period { position: absolute; display:inline-block; top:2.39574090506%; left:0; right: 0; padding:0 4.1666666666%; line-height:28px; height:28px; text-align:right; color:#000;}
.junsa_191101 .event_period .flag { position: absolute; display: table; top:0; left: 4.1666666666%; width: 48px;  height:48px; text-align: center; background:#000; border-radius:50%; box-sizing:border-box;}
.junsa_191101 .event_period .flag span { display: table-cell; vertical-align: middle; color: #fff; font-size: 14px; line-height: 1.2; text-align: center;}
.junsa_191101 .junsa_event01 { background: #3b70f7;}
.junsa_191101 .junsa_event01 .click_event { padding-bottom: 50px;position: relative; width: 100%; padding: 0 16.52777777777778%; z-index: 10; box-sizing: border-box;background: url('//img.eduwill.net/Img2/Common/Event/junsa_191101/mobile/bg_event01.png') 50% 0 no-repeat;background-size:cover;}
.junsa_191101 .junsa_event01 .click_event:after{ display: table;content:'';clear:both;}
.junsa_191101 .junsa_event01 .click_event .btn { position: relative; margin-bottom: 40px;}
.junsa_191101 .junsa_event01 .click_event .btn.btn_01:after, .junsa_191101 .junsa_event01 .click_event .btn.btn_03:after
{ content:''; display: block; position: absolute; top: 40%; left: -20%; width: 50.5px; height: 103px; background: url('//img.eduwill.net/Img2/Common/Event/junsa_191101/mobile/touch01.png') 0 0 no-repeat; background-size: 50.5px; -webkit-animation: bounce 1s ease-in-out infinite; animation: bounce 1s ease-in-out infinite;}
.junsa_191101 .junsa_event01 .click_event .btn.btn_02:after { content:''; display: block; position: absolute; top: 40%; right: -20%; width: 48.5px; height: 86.5px; background: url('//img.eduwill.net/Img2/Common/Event/junsa_191101/mobile/touch02.png') 0 0 no-repeat; background-size: 48.5px; -webkit-animation: bounce 1s ease-in-out infinite; animation: bounce 1s ease-in-out infinite;}

.junsa_191101 .junsa_event01 .click_event .btn a { display: block; width: 100%; height: 100%;}
.junsa_191101 .junsa_event01 .event_text { padding: 25px 14.44444444444% 0; text-align: center;}

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

@media only screen and (min-width: 640px) {

	.junsa_191101 .event_period { font-size: 24px;}
	.junsa_191101 .event_period .flag { width: 96px; height:96px;}
	.junsa_191101 .event_period .flag span { font-size: 28px;}

	.junsa_191101 .junsa_event01 {}

	.junsa_191101 .junsa_event01 .click_event .btn { position: relative; margin-bottom: 80px;}
	.junsa_191101 .junsa_event01 .click_event .btn.btn_01:after, .junsa_191101 .junsa_event01 .click_event .btn.btn_03:after
	{ content:''; display: block; position: absolute; bottom: 0; left: -20%; width: 101px; height: 260px; background: url('//img.eduwill.net/Img2/Common/Event/junsa_191101/mobile/touch01.png') 0 0 no-repeat; background-size: 101px; -webkit-animation: bounce 1s ease-in-out infinite; animation: bounce 1s ease-in-out infinite;}
	.junsa_191101 .junsa_event01 .click_event .btn.btn_02:after { content:''; display: block; position: absolute; bottom: 0; right: -20%; width: 97px; height: 173px; background: url('//img.eduwill.net/Img2/Common/Event/junsa_191101/mobile/touch02.png') 0 0 no-repeat; background-size: 97px; -webkit-animation: bounce 1s ease-in-out infinite; animation: bounce 1s ease-in-out infinite;}

	.junsa_191101 .junsa_event01 .event_text { padding-top: 50px;}
}

.junsa_191101 .junsa_layer { }
.junsa_191101 .junsa_layer .junsa_layer_close { position: absolute; top: 0; right: 0; width: 41px; height: 41px; }
.junsa_191101 .junsa_layer .junsa_layer_close span { position: absolute;display: inline-block;overflow: hidden;clip: rect(0 0 0 0);width: 0px;height: 0px;margin: -1px;padding: 0;word-break: keep-all;white-space: nowrap;color: transparent;border: 0;text-indent: -9999px;}

.junsa_191101 .junsa_layer .layer_wrap { padding:0; width: 94.44444444444444%; background: transparent;}
.junsa_191101 .junsa_layer .layer_title { position: relative; background: #fff;text-align: center;border-top-right-radius:8px;border-top-left-radius:8px;}
.junsa_191101 .junsa_layer .layer_title p { padding: 15px 0; text-align: center; font-weight: normal; font-size: 15px; color: #36342a; letter-spacing: -1px; line-height: 1.5;}
.junsa_191101 .junsa_layer .layer_title p strong{ font-weight: bold;}
.junsa_191101 .junsa_layer .layer_body .gift { position: relative;}
.junsa_191101 .junsa_layer .layer_body .gift .text { position:absolute; top:5%; left:0; right:0; width:100%; text-align:center; font-size:14px; color:#333; font-weight:bold; letter-spacing: -1px;}
.junsa_191101 .junsa_layer .layer_body .gift .text strong { color: #3b70f7;}
.junsa_191101 .junsa_layer .layer_body .gift .text span { display: block; margin-top: 5px; font-size: 11px; color: #333; letter-spacing: -1px; font-weight: normal;}
.junsa_191101 .junsa_layer .layer_body .expiry_date { position:absolute; top:35%; left:0; right:0; width:100%; text-align:center; font-size: 11px; color: #f14609;}

.junsa_191101 .junsa_layer .select_lecture{ margin:0 auto;padding:20px 0;background:#fff;border-bottom-right-radius:8px;border-bottom-left-radius:8px;}
.junsa_191101 .junsa_layer .select_lecture select { width: 65%; margin-top: 0px; color: #333; float:left; border:1px solid #000;}
.junsa_191101 .junsa_layer .action{ width:56.94444444444444%; float:none;}
.junsa_191101 .junsa_layer .action .button { display: block;margin:0 auto;height:40px; line-height: 40px; padding:0;font-size: 0.9rem; color: #fff; background-color: #3b70f7;}
.junsa_191101 .junsa_layer .action{margin:0 auto;}
.junsa_191101 .junsa_layer .benefit_info { margin-top: 8px; background:#fff;}
.junsa_191101 .junsa_layer .benefit_info a { padding: 10px 0;}

.junsa_191101 .junsa_layer .gift_info { padding:0 0 15px 0;text-align: left;background:#fff;}
.junsa_191101 .junsa_layer .gift_info dl{ margin:0 3%;background:#e7eaec; }
.junsa_191101 .junsa_layer .gift_info dl dt { margin-bottom: 15px; font-weight: 700; font-size: 16px; color: #000;}
.junsa_191101 .junsa_layer .gift_info dl dd { padding:8px;font-size: 12px; color: rgba(0,0,0, .7); line-height: 1.5;}

.junsa_191101 .event_mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .7); z-index:100;}
.junsa_191101 .event_mask .holder { position: absolute; top: 30%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.junsa_191101 .event_mask .com img{ width:48.19444444444444%;}
.junsa_191101 .event_mask .end img{ width:64.30555555555556%;}

.junsa_191101 .event_mask p { color: #fff; }
.junsa_191101 .event_mask .title { font-size: 1.25rem; font-weight: bold; }
.junsa_191101 .event_mask .desc { margin-top: 10px; font-size: .875rem; color: #dbdbdb; }
.junsa_191101 .event_mask .action { margin-top: 20px; }
.junsa_191101 .event_mask .button { display: inline-block; padding: 7px 50px 8px; font-weight: bold; color: #fff; background-color: #c11414; }

.junsa_191101 .junsa_lectures { background: #275ce0; background-size: cover;}
.junsa_191101 .junsa_lectures .lecture_title .title{ color:#fff;}
.junsa_191101 .junsa_lectures .lecture_title .subject { color:#fff;}
.junsa_191101 .junsa_lectures .lecture_list a { background: #fff;}

.junsa_191101 .junsa_notice .padder { padding:0 5.55555555556%;}
@media only screen and (min-width: 640px) {
	.junsa_191101 .junsa_layer .layer_wrap { padding-bottom: 20px; }
	.junsa_191101 .junsa_layer .layer_title p { padding: 30px 0; font-size: 32px;}
	.junsa_191101 .junsa_layer .layer_body .summer_food { padding-bottom: 24px;}
	.junsa_191101 .junsa_layer .layer_body .gift .text { font-size: 28px;}
	.junsa_191101 .junsa_layer .layer_body .gift .text span { font-size: 20px;}
	.junsa_191101 .junsa_layer .layer_body .expiry_date { font-size: 20px;}
	.junsa_191101 .junsa_layer .layer_body .select_lecture select { height: 80px; font-size: 20px;}
	.junsa_191101 .junsa_layer .layer_body .action a {  height: 80px; font-size: 24px; line-height: 80px;}
	.junsa_191101 .junsa_layer .benefit_info { margin-top: 16px; background:#fff;}
	.junsa_191101 .junsa_layer .benefit_info a { padding: 20px 0; font-size: 24px;}
	.junsa_191101 .junsa_layer .benefit_info span:after { width: 12px;height: 12px;margin-left: 10px;}
	.junsa_191101 .junsa_layer .gift_info {}
	.junsa_191101 .junsa_layer .gift_info dl dt { margin-bottom: 30px; font-size: 32px;}
	.junsa_191101 .junsa_layer .gift_info dl dd { font-size: 24px;}

}