@charset "utf-8";

/* event */
.presentation-container { position: relative; background-color: #fff; }
.presentation-container .container { position: relative; width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.presentation-container .wrap { position: relative; width: 100%; max-width: 640px; margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.presentation-container .wrap img { vertical-align: top; }

.common_bottom { text-align: center; background: url('//img.eduwill.net/Img2/mobile2/brand_new/event/151112/bg_bottom.png') repeat-x 0 0; }

/* button */
.btn { position: relative; display: block; width: 100%; padding: 10px 10px 11px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.btn span { position: relative; display: block; font-size: .875rem; font-weight: bold; }
.btn span:after { content: ''; position: absolute; top: 50%; right: 0; width: 8px; height: 8px; margin-top: -4px; border-top: 1px solid #202020; border-right: 1px solid #202020; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.btn-apply,
.btn_apply { background-color: #ffd800; }
.btn-apply span,
.btn_apply span { color: #202020; }
.btn-complete { background-color:#909090; cursor: not-allowed; pointer-events: none; }
.btn-complete span { color: #cacaca; }
.btn-complete span:after,
.btn-end span:after { display: none; }
.btn-end { background-color:#5b5b5b; cursor: not-allowed; pointer-events: none; }
.btn-end span { color: #9d9d9d; }
.btn-approach { background-color: #d00e0e; }
.btn-approach span { color: #fff; }
.btn-approach span:after { border-top-color: #fff; border-right-color: #fff; }
.btn-approach em { display: block; font-style: normal; font-style: normal; font-size: .6875rem; font-weight: bold; color: #fff000; }

.btn-directions { padding: 11px; border: 1px solid #ccc; border-bottom-width: 3px; }
.btn-directions span { color: #737373; }
.btn-directions span:after { display: block; width: 6px; height: 6px; margin-top: -3px; border-top-color: #969696; border-right-color: #969696; }
.btn-map { padding: 8px; background-color: rgba(0, 0, 0, .8); }
.btn-map span { color: #fff; }
.btn-map span:after { width: 6px; height: 6px; margin-top: -3px; border-top-color: #fff; border-right-color: #fff; }

@media only screen and (min-width: 640px) {
	.btn { padding: 20px 20px 22px; }
	.btn span { font-size: 1rem; }
	.btn span:after { width: 10px; height: 10px; margin-top: -5px; }

	.btn-approach { line-height: 1; }
	.btn-approach em { font-size: 1.375rem; }

	.btn-directions span { font-size: 1.5rem; }
}


.presentation-title-directions { background-color: #19253d; }
.bg-gray { background-color: #efefef; }
.bg-benefit { background-color: #e7e3dc; }
.bg-title { background-color: #291c1d; } 

/* presentation-title */
.presentation-title { background: #0a0704 url('//img.eduwill.net/Img2/mobile2/brand_new/event/license/presentation/190325/bg_title.jpg') 50% 0 no-repeat; background-size: auto 100%; }
.presentation-title .apply-list { position: absolute; top: 64.53645364536454%; left: 12.1875%; right: 12.1875%; }
.presentation-title .apply-list .grid { border: 1px solid #f0cb00; background-color: rgba(0, 0, 0, .6); }
.presentation-title .apply-list .col { width: 50%; padding: 15px 0 16px; line-height: 1.2; font-size: 1.125rem; border: 1px solid #f0cb00; }
.presentation-title .apply-list .date { display: block; font-weight: bold; color: #ffd800; }
.presentation-title .apply-list .location { color: #fff; }
.presentation-title .apply-list .action { margin-top: 12.5px; }
.presentation-title .apply-list .btn-apply { padding: 14px 10px; }
.presentation-title .apply-list .btn-apply span { font-size: 1.25rem; }

@media only screen and (min-width: 640px) {
	.presentation-title .apply-list .col { padding: 31px 0; font-size: 2.25rem; }
	.presentation-title .apply-list .action { margin-top: 25px; }
	.presentation-title .apply-list .btn-apply { padding: 27px 20px 28px; }
	.presentation-title .apply-list .btn-apply span { font-size: 2.5rem; }
}

/* presentation-video */
.presentation-video { padding-bottom: 40px; background: #fff url('//img.eduwill.net/Img2/mobile2/brand_new/event/license_fair/181105/bg_video.jpg') 50% 0 no-repeat; background-size: auto 100%; }
.presentation-video .video_wrap { position: relative; margin: 0 4.6875%; }
.presentation-video .video_wrap iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

/* presentation-apply */
.presentation-apply { padding-bottom: 30px; }
.presentation-apply .apply-list { padding: 0 4.6875%; }
.presentation-apply .apply-list .item { margin-top: 25px; }
.presentation-apply .apply-list .date { font-size: .875rem; font-weight: bold; color: #202020; }
.apply-list .date .sat { color: #127bfe; }
.apply-list .date .sun { color: #ed1717; }
.presentation-apply .apply-list .list { margin-top: 8px; border-top: 2px solid #000; }
.presentation-apply .apply-list li { border-bottom: 1px solid #dedede; }
.presentation-apply .apply-list .col { width: 56%; padding: 8px 0; font-size: .8125rem; color: #202020; letter-spacing: -1px; }
.presentation-apply .apply-list .action { display: table; width: 44%; padding: 0; }
.presentation-apply .apply-list .btn { display: table-cell; width: 100%; height: 50px; padding-top: 0; padding-bottom: 0; vertical-align: middle; }
.presentation-apply .notice-list { margin: 16px 4.6875% 0; font-size: .8125rem; color: #606060; }
.presentation-apply .notice-list .action { margin-top: 8px; }
.presentation-apply .notice-list .action p { margin-top: 5px; }
.presentation-apply .notice-list .btn-directions { width: 150px; margin: 0 auto; }
.presentation-apply .notice-list .list { margin-top: 30px; text-align: left; }

@media only screen and (min-width: 640px) {
	.presentation-apply { padding-bottom: 60px; }
	.presentation-apply .apply-list .item { margin-top: 50px; }
	.presentation-apply .apply-list .date { font-size: 1.75rem; }
	.presentation-apply .apply-list .list { margin-top: 16px; }
	.presentation-apply .apply-list .col { padding: 9px 0; font-size: 1.4375rem; }
	.presentation-apply .apply-list .action { padding: 0; }
	.presentation-apply .apply-list .btn { height: 80px; }
	.presentation-apply .apply-list .btn span { font-size: 1.6875rem; }
	.presentation-apply .notice-list { margin-top: 32px; font-size: 16px; }
	.presentation-apply .notice-list .action { margin-top: 16px; }
	.presentation-apply .notice-list .action p { margin-top: 10px; font-size: 16px; }
	.presentation-apply .notice-list .btn-directions { width: 257px; padding: 12px 20px; }
	.presentation-apply .notice-list .list { margin-top: 60px; }
}

/* presentation-program */
.presentation-program { padding-bottom: 35px; background-color: #eee; }
.presentation-program .table_list { margin: 0 4.6875%; border-top: 2px solid #282828; }
.presentation-program .item { display: table; width: 100%; border-bottom: 1px solid #c5c5c5; background-color: #fff;  }
.presentation-container .presentation-program .col { float: none; display: table-cell; height: 43px; vertical-align: middle; }
.presentation-program .chapter { width: 15%; font-size: 13px; font-weight: bold; color: #000; background-color: #f4f4f4; }
.presentation-program .desc { width: 85%; padding: 10px; text-align: left; font-size: 12px; color: #828282; }
.presentation-program .subject { font-size: 13px; font-weight: bold; color: #202020; letter-spacing: -1.5px; }
.presentation-program .notice { margin: 5px 4.6875% 0; text-align: left; font-size: 12px; color: #828282; }

@media only screen and (min-width: 640px) {
	.presentation-program { padding-bottom: 70px; }
	.presentation-program .col { height: 130px; font-size: 20px; }
	.presentation-program .desc { padding: 20px; }
	.presentation-program .subject { font-size: 20px; }
	.presentation-program .notice { margin-top: 10px; font-size: 18px; }
}

/* presentation-location */ 
.presentation-location { padding-bottom: 40px; }
.presentation-location .apply-tab { display: table; width: 100%; margin-top: 25px; padding: 0 4.6875%; }
.presentation-location .apply-tab li { border-left: 1px solid #6c6c6c; }
.presentation-location .apply-tab li:first-child,
.presentation-location .apply-tab .in,
.presentation-location .apply-tab .in + li { border-left-width: 0; }
.presentation-location .apply-tab a { position: relative; display: block; width: 100%; padding: 10px 0; font-size: 13px; color: #a4a4a4; background-color: #202020; }
.presentation-location .apply-tab .in a { font-weight: bold; color: #202020; background-color: #f0cb00; }

/* two items */
.presentation-location .apply-tab li:nth-child(1):nth-last-child(2),
.presentation-location .apply-tab li:nth-child(2):nth-last-child(1) { width: 50%; }

/* three items */
.presentation-location .apply-tab li:nth-child(1):nth-last-child(3),
.presentation-location .apply-tab li:nth-child(2):nth-last-child(2),
.presentation-location .apply-tab li:nth-child(3):nth-last-child(1) { width: calc(100%/3); width: 33.33333%; }

/* four items */
.presentation-location .apply-tab li:nth-child(1):nth-last-child(4),
.presentation-location .apply-tab li:nth-child(2):nth-last-child(3),
.presentation-location .apply-tab li:nth-child(3):nth-last-child(2),
.presentation-location .apply-tab li:nth-child(4):nth-last-child(1) { width: 25%; }

/* five items */
.presentation-location .apply-tab li:nth-child(1):nth-last-child(5),
.presentation-location .apply-tab li:nth-child(2):nth-last-child(4),
.presentation-location .apply-tab li:nth-child(3):nth-last-child(3),
.presentation-location .apply-tab li:nth-child(4):nth-last-child(2),
.presentation-location .apply-tab li:nth-child(5):nth-last-child(1) { width: 20%; }


.presentation-location .apply-list { padding: 0 4.6875%; }
.presentation-location .apply-list .item { display: none; color: #202020; }
.presentation-location .apply-list .item.in { display: block; }
.presentation-location .date { padding-top: 30px; font-size: 15px; font-weight: bold; }
.presentation-location .subject { font-size: 15px; }
.presentation-location .list .col { float: none; clear: both; width: 100%; }
.presentation-location .map { position: relative; margin-top: 15px; }
.presentation-location .btn-map { position: absolute; bottom: 0; right: 0; width: 140px; }
.presentation-location .desc { text-align: left; font-size: 16px; }
.presentation-location .info { margin-top: 20px; line-height: 1.625; font-size: 13px; color: #585858; }
.presentation-location .info p { font-size: 20px; font-size: 14px; font-weight: bold; color: #202020; }
.presentation-location .transport { margin-top: 20px; }
.presentation-location .transport li .indent{padding-left:43px;}
.presentation-location .notice { margin-top: 6px; font-size: 13px; }

@media only screen and (min-width: 640px) {
	.presentation-location { padding-bottom: 80px; }
	.presentation-location .apply-tab { margin-top: 50px; }
	.presentation-location .apply-tab a { padding: 25px 0; font-size: 22px; }

	.presentation-location .date { padding-top: 60px; font-size: 30px; }
	.presentation-location .subject { font-size: 30px; }
	.presentation-location .map { margin-top: 30px; }
	.presentation-location .btn-map { width: 182px; }
	.presentation-location .desc { font-size: 16px; }
	.presentation-location .info { margin-top: 30px; font-size: 16px; }
	.presentation-location .info p { font-size: 20px; }
	.presentation-location .transport { margin-top: 40px; }
	.presentation-location .transport li .indent{padding-left:53px;}
	.presentation-location .notice { margin-top: 12px; font-size: 16px; }

}

/* Layer */
.presentation-apply-layer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); }
.presentation-apply-layer .layer_wrap { position: absolute; left: 0; right: 0; max-width: 640px; height: 100%; margin: 0 auto; overflow-y: auto; font-size: 12px; border: 3px solid #393939; background-color:#fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.presentation-apply-layer .layer_head { position: relative; padding: 26px 0; font-size: 15px; color: #fff; background-color: #393939; }
.presentation-apply-layer .layer_head strong { display: block; font-size: 20px; }
.presentation-apply-layer .layer_body { padding: 15px 15px 30px; text-align: center; color: #333; }

.presentation-apply-layer .form_group { margin-top: 10px; width: 100%; }
.presentation-apply-layer .form_group:first-child { margin-top: 0; }
.presentation-apply-layer .form_group .text { width: 100%; }
.presentation-apply-layer .form_group p { margin-top: 10px; text-align: left; font-weight: bold; }

.presentation-apply-layer .agree_wrap { margin-top: 20px; padding: 15px; text-align: left; font-size: 13px; background-color: #f5f5f5; }
.presentation-apply-layer .agree_wrap ul { margin-top: 10px; }
.presentation-apply-layer .agree_wrap li { position: relative; padding-left: 10px; }
.presentation-apply-layer .agree_wrap li:before { content: '-'; position: absolute; top: 0; left: 0; display: block; color: #333; }

.presentation-apply-layer .check_wrap { margin-top: 10px; text-align: left; }
.presentation-apply-layer .check_wrap label { margin-right: 15px; font-size: 14px; color: #666; }

.presentation-apply-layer .agreeBtn { margin-top: 15px; text-align: center; }
.presentation-apply-layer .agreeBtn .btn-apply { display: inline-block; width: 180px; margin: 0 5px; padding: 10px; border-radius: 5px; }
.presentation-apply-layer .agreeBtn .btn-apply span { font-size: 18px; color: #000; }
.presentation-apply-layer .agreeBtn .btn-apply span:after { display: none; }

.presentation-apply-layer .layer_extra { margin-top: 15px; padding-top: 15px; border-top: 1px dotted #999; }
.presentation-apply-layer .layer_extra a { font-size: 13px; color: #5954ff; text-decoration: underline; }

.presentation-apply-layer .layer_close:before,
.presentation-apply-layer .layer_close:after { background-color: #fff; }

@media only screen and (min-width: 640px) {
	.presentation-apply-layer .layer_wrap { font-size: 16px; }
	.presentation-apply-layer .layer_head { padding: 40px 0; font-size: 30px; }
	.presentation-apply-layer .layer_head strong { font-size: 40px; }
	.presentation-apply-layer .layer_body { padding: 30px; }
	
	.presentation-apply-layer .agree_wrap { padding: 30px; font-size: 16px; }
	.presentation-apply-layer .agree_wrap ul { margin-top: 20px; }
	.presentation-apply-layer .agree_wrap li { padding-left: 20px; }
	
	.presentation-apply-layer .check_wrap { margin-top: 20px; }
	.presentation-apply-layer .check_wrap label { margin-right: 30px; font-size: 14px; }
	
	.presentation-apply-layer .agreeBtn { margin-top: 30px; }
	.presentation-apply-layer .agreeBtn .btn-apply { width: 200px; padding: 10px; border-radius: 10px; }
	.presentation-apply-layer .agreeBtn .btn-apply span { font-size: 20px; }
	
	.presentation-apply-layer .layer_extra { margin-top: 30px; padding-top: 30px; }
}