@media(max-width: 1390px) {
	.container .top_swiper .swiper_wrap {
		width: 1030px;
	}

	.container .top_swiper .swiper_wrap button {
		display: none;
	}
}

@media(max-width: 1100px) {
	.container .detail .intro .lecture_controls,
	.container .detail .m_download_btn,
	.container .detail .apply {
		display: block;
	}

	.container .detail .lecture,
	.container .detail .download_use + .download_btn,
	.container .detail .lecture .apply {
		display: none;
	}
}

@media(max-width: 1024px) {
	.container {
		padding: 15px 15px 60px;
	}

	.container .top_swiper .swiper > .title {
		display: none;
	}
}

@media(max-width: 768px) {
	.container {
		padding: 15px 15px 30px;
	}

	.container .top_swiper {
		margin-bottom: 15px;
	}

	.container .tab_contents .content .mission {
		flex-flow: column;
		align-items: center;
	}

	.container .tab_contents .content .mission ul.check_list {
		overflow-y: unset;
		width: 100%;
		margin-top: 15px;
	}

	.container .tab_contents .content .roadmap_images .images {
		overflow-x: unset;
		display: block;
	}

	.container .tab_contents .content .roadmap_images .images > img {
		max-width: 100%;
	}

	.container .tab_contents .content .roadmap_images .images .images_wrap {
		overflow-x: auto;
	}

	.container .tab_contents .content .roadmap_images .images .images_wrap .btns {
		display: none;
	}

	.container .tab_contents .content .roadmap_images > .btns {
		display: flex;
	}

	.container .detail .intro .audio > li .speak {
		flex-flow: wrap;
	}
}

@media(max-width: 570px) {
	.container .detail .intro .audio > li .recording.controls {
		flex-flow: wrap;
	}

	.container .detail .intro .audio > li .recording.controls .txts {
		width: calc(100% - 100px);
	}

	.container .detail .intro .audio > li .recording.controls .submission {
		margin-top: 10px;
	}
}

@media(max-width: 480px) {
	.container .tab_contents .content .coaching .course_ticket {
		width: 100%;
		padding: 10px;
		margin: -5px 0 25px;
		border-radius: 8px;
	}

	.container .tab_contents .content .coaching table .date {
		width: 100px;
	}

	.container .detail .intro .lecture_controls button {
		height: 35px;
	}

	.container .detail .intro .lecture .scroll {
		max-height: 330px;
	}

	.container .detail .intro .explanation {
		margin-bottom: 30px;
	}

	.container .detail .intro .review .wrap {
		padding: 20px 0 0;
	}

	.container .detail .intro .download_btn {
		max-width: 100%;
	}
}

@media(max-width: 400px) {
	.container .tab_contents .content .mission {
		margin-top: -30px;
	}

	.container .tab_contents .content .mission .calendar_wrap {
		width: calc(100% + 30px);
	}

	.container .detail .intro .audio > li .recording.controls .txts {
		width: 100%;
		margin-top: 10px;
	}
}

@media(max-width: 360px) {
	audio {
		width: 100%;
	}
}