@charset "utf-8";

.product-container { font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', 'Dotum', '돋움', 'Gulim', '굴림', '굴림체', Sans-Serif; letter-spacing: -1px; }
.product-container { background-color: #fff; }
.product-container .container { position: relative; margin-top: 0; border-bottom-width: 0; background-repeat: no-repeat; background-position: center top; }
.product-container .wrap { position: relative; max-width: 640px; margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.product-container .common-slogan { background-image: url('//img.eduwill.net/Img2/mobile2/brand_new/event/151112/bg_bottom.png'); background-repeat: repeat-x; }

.product-container .btn { display: inline-block; line-height: normal; -webkit-box-sizing: border-box; box-sizing: border-box; }
.product-container .btn span { position: relative; display: block; font-size: .875rem; font-weight: 500; color: #fff; }
.product-container .btn-apply { width: 100%; padding: 10px 15px 11px; background-color: #f45d3b; }
.product-container .btn-apply span { font-size: 1rem; font-weight: 900; letter-spacing: -2px; }
.product-container .btn-apply span:after { content: ''; position: absolute; top: 50%; right: 0; display: block; width: 10px; height: 10px; margin-top: -5px; border-top: 2px solid #fccfc5; border-right: 2px solid #fccfc5; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.product-container .fly { position: absolute; z-index: 1; font-size: .75rem; color: #c1c1c1; letter-spacing: -.3px; }
.product-container .fly.nth-child-1 { top: 61.37184115523466%; right: 9.375%; text-align: right; font-size: .875rem; color: #a698a4; letter-spacing: -.7px; }
.product-container .fly.nth-child-2 { top: 84.23645320197044%; left: 0; right: 0; }
.product-container .fly.nth-child-3 { top: 58.0586%; left: 0; right: 0; }

@media only screen and (min-width: 640px) {
	.product-container .btn span { font-size: 1.125rem; }
	.product-container .btn-apply span { font-size: 2rem; }

	.product-container .fly { font-size: 1.125rem; }
	.product-container .fly.nth-child-1 { font-size: 1.25rem; }
}

/* product-timer */
.product-timer { text-align: center; background-color: #000; }
.product-timer .wrap { display: table; padding: 17px 0; font-size: 1rem; font-weight: 700; color: #fff; }
.product-timer .item { display: table-cell; vertical-align: middle; line-height: 19px; }
.product-timer .desc { padding: 5px 10px; line-height: 1; color: #f30e0e; border: 2px solid #f30e0e; border-radius: 37px; }
.product-timer .desc { -webkit-animation: bgColorChange 1s step-start infinite; animation: bgColorChange 1s step-start infinite; }
.product-timer .timer { padding-left: 5px; }
.product-timer .timer .col { margin-left: 5px; font-family: 'Montserrat', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', 'Dotum', '돋움', 'Gulim', '굴림', '굴림체', Sans-Serif; font-size: 1rem; letter-spacing: -1.5px; }
.product-timer .timer em { vertical-align: baseline; font-size: 1rem; }
.product-timer .timer .min:before,
.product-timer .timer .min:after { content: ':'; display: inline-block; }
.product-timer.lower .wrap { padding: 24px 0; }
.product-timer.lower .timer .col { font-size: 1.25rem; }
.product-timer.lower .timer em { font-size: 1.25rem; }

/* animation */
@-webkit-keyframes bgColorChange {
	0% {
		background-color: #000;
	}
	50% {
		background-color: #fff;
	}
	100% {
		background-color: #000;
	}
}

@keyframes bgColorChange {
	0% {
		background-color: #000;
	}
	50% {
		background-color: #fff;
	}
	100% {
		background-color: #000;
	}
}

@media only screen and (min-width: 640px) {
	.product-timer .wrap { font-size: 1.875rem; }
	.product-timer .item { line-height: 38px; }
	.product-timer .desc { padding: 5px 15px; line-height: 1; font-size: 1.25rem; border-radius: 37px; }
	.product-timer .timer { padding-left: 28px; }
	.product-timer .timer .col { margin-left: 5px; font-size: 28px; }
	.product-timer .timer em { font-size: 1.875rem; }
	.product-timer.lower .wrap { padding: 48px 0; }
	.product-timer.lower .timer .col { font-size: 2.5rem; }
	.product-timer.lower .timer em { font-size: 2.5rem; }
}

/* product-title */
.product-title { background-image: url('//img.eduwill.net/Img2/mobile2/brand_new/event/xat/190225/bg_title.jpg'); background-size: auto 100%; }
.product-title .apply-wrap { max-width: 100%; padding: 18px 0 22px; font-size: .875rem; font-weight: 700; color: #fff; background-color: rgba(0, 0, 0, .5); }
.product-title .holder { max-width: 640px; margin: 0 auto; padding: 0 11.875%; }
.product-title .apply-wrap strong { display: inline-block; vertical-align: -4px; font-family: 'Montserrat', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', 'Dotum', '돋움', 'Gulim', '굴림', '굴림체', Sans-Serif; font-size: 1.5625rem; font-weight: 700; }

@media only screen and (min-width: 640px) {
	.product-title { background-size: auto; }
	.product-title .apply-wrap { padding: 36px 0 45px; font-size: 1.75rem; }
	.product-title .apply-wrap strong { font-size: 3.125rem; }
}

/* product-teacher */
.product-teacher { background-color: #f8f8f8; }

/* product-intro */
.product-intro { padding-bottom: 50px; background-color: #682647; }
.product-intro .item { position: relative; }
.product-intro .item.nth-child-3 { margin: 0 4.6875%; padding: 20px; border-radius: 10px; background-color: #fff; }
.product-intro .col { width: 100%; float: none; clear: both; }
.product-intro .title { padding-bottom: 15px; border-bottom: 1px solid #ececec; }
.product-intro .number { font-family: 'Montserrat', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', 'Dotum', '돋움', 'Gulim', '굴림', '굴림체', Sans-Serif; font-size: .75rem; font-weight: 700; color: #e6e6e6; }
.product-intro .desc { margin-top: 3px; font-size: .75rem; color: #666; }
.product-intro .desc strong { display: block; font-size: 1.125rem; color: #202020; }
.winner-slide-wrap .bx-wrapper { margin-bottom: 30px; }
.winner-slide-wrap .bx-wrapper .bx-viewport { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.winner-slide-wrap .bx-wrapper .bx-pager.bx-default-pager a { width: 15px; height: 15px; border-radius: 50%; background-color: #d2d2d2; }
.winner-slide-wrap .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #f45d3b; }
.winner-slide-wrap li { padding-top: 20px; }
.product-intro .person { padding-left: 48px; text-align: left; font-size: .875rem; background-repeat: no-repeat; background-position: left top; }
.product-intro .person.person-1 { background-image: url('//img.eduwill.net/Img2/xat/Product/event_new/190225/icon_person_1.png'); }
.product-intro .person.person-2 { background-image: url('//img.eduwill.net/Img2/xat/Product/event_new/190225/icon_person_2.png'); }
.product-intro .person.person-3 { background-image: url('//img.eduwill.net/Img2/xat/Product/event_new/190225/icon_person_3.png'); }
.product-intro .person.person-4 { background-image: url('//img.eduwill.net/Img2/xat/Product/event_new/190225/icon_person_4.png'); }
.product-intro .person .subject { padding-top: 5px; font-weight: 500; color: #202020; }
.product-intro .person .core { padding-top: 5px; font-weight: 300; color: #585858; }
.product-intro .highlight { color: #f45d3b; }

@media only screen and (min-width: 640px) {
	.product-intro .item.nth-child-3 { padding: 40px; border-radius: 20px; }
	.product-intro .title { padding-bottom: 30px; }
	.product-intro .number { font-size: 1.5rem; }
	.product-intro .desc { margin-top: 3px; font-size: 1.5rem; }
	.product-intro .desc strong { font-size: 2.1875rem; }
	.winner-slide-wrap .bx-wrapper .bx-pager.bx-default-pager a { width: 24px; height: 24px; }
	.winner-slide-wrap li { padding-top: 40px; }
	.product-intro .person { font-size: 1.5rem; }
}

/* product-apply-title */
.product-apply-title { background-color: #46182f; }

/* product-apply */
.product-apply { padding-bottom: 50px; }
.product-apply .wrap { margin-top: 45px; }
.product-apply .table-wrap { margin: 0 4.6875%; }
.product-apply .table-row { width: 100%; table-layout: fixed; border-top: 2px solid #bcbcbc; }
.product-apply .table-row th,
.product-apply .table-row td { padding: 14px 0; font-size: .875rem; color: #5b5b5b; border-bottom: 1px solid #bcbcbc; border-left: 1px solid #d2d2d2; }
.product-apply .table-row th { font-weight: bold; text-align: center; background-color: #e9e9e9; }
.product-apply .table-row th:first-child { border-left-width: 0; }
.product-apply .table-row td { text-align: left; padding-left: 15px; }
.product-apply .highlight { color: #ff0000; }
.product-apply .action { margin: 20px 4.6875% 0; }

@media only screen and (min-width: 640px) {
	.product-apply .table-row th,
	.product-apply .table-row td { font-size: 1rem; }
	.product-apply .action { margin-top: 40px; }
}

/* product-event */
.product-event.event-1 { padding-bottom: 40px; background-color: #fdf5f1; }
.product-event.event-2 { padding-bottom: 25px; background-color: #f1f9fd; }
.product-event .info-list { margin: 0 12.5%; text-align: left; }
.product-event .info-list li { position: relative; padding-left: 15px; font-size: .875rem; font-weight: 400; color: #202020; }
.product-event .info-list li:before { content: '·'; position: absolute; top: 0; left: 0; display: block; }

.event-info { margin: 0 4.6875%; }
.event-info .grid { position: relative; width: 100%; padding: 15px; margin-top: 5px; border-radius: 10px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.event-info .grid:first-child { margin-top: 0; }
.event-info .col { float: none; width: auto; clear: both; text-align: center; font-size: .875rem; }
.event-info .num { color: #ebb3a7; }
.event-info .desc { font-weight: 400; color: #585858; letter-spacing: -1px; }
.event-info .action { margin-top: 10px; }
.event-info .btn { min-width: 200px; padding: 4px 0; text-align: center; border: 1px solid #f45d3b; border-radius: 34px; }
.event-info .btn span:after { display: none; }
.event-info .action .btn span { color: #f45d3b; }

.event-info .grid.nth-child-4 .community { margin-top: 9px; }
.event-info .grid.nth-child-4 .btn { float: left; clear: none; width: 49%; min-width: auto; margin-top: 5px; background-color: #f45d3b; }
.event-info .grid.nth-child-4 .btn:nth-child(even) { margin-left: .5%; }
.event-info .grid.nth-child-4 .btn:nth-child(odd) { margin-right: .5%; }
.event-info .grid.nth-child-4 .btn span { letter-spacing: -2px; }

.product-event .event-comment { margin: 25px 4.6875% 0; padding: 25px 15px; border-radius: 10px; background-color: #fff; }
.product-event .comment-form { position: relative; width: 100%; border: 3px solid #f45d3b; }
.product-event .text { width: 70%; height: 100%; font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', 'Dotum', '돋움', 'Gulim', '굴림', '굴림체', Sans-Serif; font-size: .875rem; border: none; resize: none; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; }
.product-event .btn-register { float: right; width: 30%; background-color: #f45d3b; }
.product-event .btn-register span { font-size: .875rem; }
.product-event .notice { margin-top: 5px; text-align: left; font-size: .75rem; font-weight: 300; color: #c1c1c1; }

.product-event.event-1 .comment-form { height: 50px; }
.product-event.event-1 .text { padding: 5px; }
.product-event.event-1 .btn-register { height: 44px; padding: 11px 0 12px; }

.product-event.event-2 .comment-form { height: 40px; }
.product-event.event-2 .text { padding: 0 5px; }
.product-event.event-2 .btn-register { padding: 7px 0; }

.product-event .table-comment { width: 100%; margin-top: 25px; table-layout: fixed; }
.product-event .table-comment td { padding: 10px 0; text-align: center; font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', 'Dotum', '돋움', 'Gulim', '굴림', '굴림체', Sans-Serif; font-size: .875rem; color: #585858; letter-spacing: 0; border-bottom: 1px solid #e9e9e9; }
.product-event .table-comment .text-left { word-break: break-all; word-break: keep-all; text-align: left; }

.product-event .paging { margin-top: 20px; }
.product-event .paging { margin-top: 15px; font-size: .875rem; text-align: center; }
.product-event .paging .btn { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 3px; vertical-align: middle; border: 1px solid #dedede; }
.product-event .paging .btn:before { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 6px; height: 6px; margin: -4px 0 0 -3px; border-top: 1px solid #999; border-right: 1px solid #999; }
.product-event .paging .btn-prev:before { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.product-event .paging .btn-next:before { margin-left: -5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.product-event .paging strong { color: #e62a29; }

@media only screen and (min-width: 640px) {
	.product-event.event-1 { padding-bottom: 80px; }
	.product-event.event-2 { padding-bottom: 50px; }

	.product-event .info-list li { font-size: 1.375rem; }
	.product-event .event-comment { margin-top: 50px; padding: 50px 30px; border-radius: 20px; }
	.product-event .text { font-size: 1rem; }
	.product-event .btn-register span { font-size: 1.5rem; }
	.product-event .notice { margin-top: 10px; font-size: .875rem; }

	.event-info .grid { padding: 30px; margin-top: 10px; border-radius: 20px; }
	.event-info .col { font-size: 1.5rem; }
	.event-info .num { font-size: 1.125rem; }
	.event-info .action { margin-top: 20px; }
	.event-info .btn { min-width: 200px; padding: 8px 0; border-radius: 34px; }

	.event-info .grid.nth-child-4 .community { margin-top: 14px; }
	.event-info .grid.nth-child-4 .btn { margin-top: 10px; }

	.product-event.event-1 .comment-form { height: 105px; }
	.product-event.event-1 .text { padding: 10px; }
	.product-event.event-1 .btn-register { height: 99px; padding: 32px 0; }

	.product-event.event-2 .comment-form { height: 75px; }
	.product-event.event-2 .text { padding: 0 10px; }
	.product-event.event-2 .btn-register { height: 70px; padding: 17px 0; }

	.product-event .paging { margin-top: 30px; font-size: 1.125rem; }
	.product-event .paging .btn { width: 30px; height: 30px; margin: 0 5px; }
}

/* product-event-notice */
.product-event-notice { padding-bottom: 40px; background-color: #f1f9fd; }
.product-event-notice .grid { padding: 0 15px; text-align: left; }
.product-event-notice .col { float: none; width: 100%; clear: both; }
.product-event-notice .title { font-size: 1rem; font-weight: 500; color: #314f5e; }
.product-event-notice .list { margin-top: 10px; }
.product-event-notice li { position: relative; padding-left: 10px; line-height: 1.8; text-align: left; font-size: .875rem; color: #585858; }
.product-event-notice li:before { content: '·'; position: absolute; top: 0; left: 0; display: block; }

@media only screen and (min-width: 640px) {
	.product-event-notice { padding-bottom: 80px; }
	.product-event-notice .grid { padding: 0 30px; }
	.product-event-notice .title { font-size: 1.375rem; }
	.product-event-notice .list { margin-top: 20px; }
	.product-event-notice li { font-size: .9375rem; }
}

.notice_info{color:#ad90a2;text-align:right;padding-right:5%;margin-top:1.5%;font-size: .7rem;}
@media only screen and (min-width: 640px) {
	.notice_info{font-size: 1rem;}
}