﻿.medalA {
	position: absolute;
	right: 5px;
	bottom: -40px;
	width: 38PX;
	height: 61px;
	display: block;
	background: url(/images/hub_img/img_medalA.png) no-repeat;
}

.medalB {
	position: absolute;
	right: 5px;
	bottom: -40px;
	width: 38PX;
	height: 61px;
	display: block;
	background: url(/images/hub_img/img_medalB.png) no-repeat;
}

.medal2A {
	position: absolute;
	right: 15px;
	bottom: -30px;
	width: 38PX;
	height: 61px;
	display: block;
	background: url(/images/hub_img/img_medalA.png) no-repeat;
}

.medal2B {
	position: absolute;
	right: 15px;
	bottom: -30px;
	width: 38PX;
	height: 61px;
	display: block;
	background: url(/images/hub_img/img_medalB.png) no-repeat;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
tr, th, td {
	padding:0;
}

table.center{
	margin-left:auto;
	margin-right:auto;
}

table.fixed-width {
	width:1280px;
}

ul > li.nav-item {
	font-size: 20px;
	padding: 23px 16px;
	box-sizing: border-box;
	float: left;
}

.top-menu {
	display: block;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	margin-top: 0;
	box-sizing: border-box;
}

	.top-menu .menu-item {
		font-size: 20px;
		padding: 23px 30px;
		box-sizing: border-box;
	}

		.top-menu .menu-item.logout {
			background: url(/images/hub_img2018/btn_logout.png) no-repeat center;
			margin: 0 0.4em;
			float: right;
		}

		.top-menu .menu-item.mypage {
			background: url(/images/hub_img2018/btn_mypage.png) no-repeat center;
			margin: 0 0.4em;
			float: right;
		}

		.top-menu .menu-item.admin {
			background: url(/images/hub_img2018/btn_admin.png) no-repeat center;
			color: #e06343;
			margin: 0 0.4em;
			float: right;
		}

		.top-menu .menu-item.login {
			background: url(/images/hub_img2018/btn_login.png) no-repeat center;
			margin: 0 0.4em;
			float: right;
		}

		.top-menu .menu-item.link-btn {
			padding: 0;
			display: block;
			padding-top: 38px;
			font-size: 12px;
			letter-spacing: -1px;
		}

.text-danger > ul {
	list-style: disc;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: 600;
}

.study-summary-user-info .row {
	display: flex;
	flex-wrap: wrap;
}
.study-summary-user-info .row .col {
	width:50%;
}


.study-summary-user-info fieldset {
	margin:10px;
    padding: 10px;
}

	.study-summary-user-info fieldset > legend {
		color: #cf4f97;
		font-weight: bold;
        font-size:17px;
		padding-bottom: 2px;
		display: block;
	}

	.study-summary-user-info fieldset > span {
		color: #5d5d5d;
		letter-spacing: -1px;
		font-size: 17px;
		font-weight: bold;
		padding-left: 10px;
	}

.study-summary-user-info .point {
	color: #4db4b6;
}

.study-summary-totaltime {
	border: 10px solid #f1f1f1;
	text-align: center;
	font-size: 23px;
	color: #ff5488;
	font-weight: bold;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.study-summary-totaltime > span {
	vertical-align: super;
    margin-left:5px;
    margin-right:5px;
}
	.study-summary-totaltime.border-thin {
		border: 5px solid #f1f1f1;
		text-align: center;
		font-size: 23px;
		color: #ff5488;
		font-weight: bold;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 30px;
		margin-right: 15px;
		margin-bottom: 10px;
	}
.study-summary-total {
	border: 10px solid #f1f1f1;
	font-size: 20px;
	color: #4db4b6;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
	.study-summary-total.border-none {
		border: 0;
		font-size: 20px;
		color: #4db4b6;
		font-weight: bold;
		padding-left: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 30px;
		margin-right: 15px;
		margin-bottom: 10px;
	}

	.study-summary-total.grid {
		display: table;
		height: auto;
	}


	.study-summary-total .total-coins {
		margin-top: 5px;
		margin-bottom: 25px;
	}
	.study-summary-total .total-coins span {
		margin-left: 5em;
		margin-right: 4em;
        vertical-align: top;
        color: black;
	}
	.study-summary-total .total-item {
		margin-top: 12px;
		margin-bottom: 0px;
        height: 30px;
	}
		.study-summary-total .total-item.grid {
			display: table;
			height: auto;
		}
		.study-summary-total .total-item span {
			vertical-align: top;
			font-weight: bold;
		}

		.study-summary-total .total-item .item-title {
            float: left;
		}
		.study-summary-total .total-item .item-body {
			float: right;
		}
			.study-summary-total .total-item .item-body > ul {
				margin-top: 0.3em;
				padding-left: 1em;
			}
				.study-summary-total .total-item .item-body li.item {
					display: flex;
					margin-bottom: 0.3em;
				}
					.study-summary-total .total-item .item-body li.item > div {
						text-align: right;
						width: 100%;
						margin-right: 0.7em;
					}

						.study-summary-total .total-item .item-body .item div.stage {
							width: 100px;
							margin-left: 0;
							text-align: right;
						}
						.study-summary-total .total-item .item-body .item div.hours {
							width: 70px;
							margin-left: 0em;
							text-align: right;
						}
						.study-summary-total .total-item .item-body .item div.minutes {
							width: 60px;
							margin-left: 0em;
							text-align: right;
						}
						.study-summary-total .total-item .item-body .item div.seconds {
							width: 60px;
							margin-left: 0em;
							text-align: right;
							margin-right: 0;
						}



.study-summary-total .total-item .stage {
	width: 120px;
	margin-left: 3em;
	float: left;
	text-align: right;
}

		.study-summary-total .total-item .hours {
			width: 70px;
			margin-left: 1em;
			float: left;
			text-align: right;
		}

		.study-summary-total .total-item .minutes {
			width: 70px;
			margin-left: 1em;
			float: left;
			text-align: right;
		}
		.study-summary-total .total-item .seconds {
			width: 70px;
			margin-left: 1em;
            margin-right: 0.8em;
			float: left;
			text-align: right;
		}
table.study-activity {
	width: 100%;
}

	.study-activity thead {
	    background-color: #edf5fc;
    }

	.study-activity thead > tr:first-child {
		background-color: #d0e4f8;
		font-weight: bold;
		color: #4e81b2;
	}

.study-activity tbody > tr > td {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #5c5c5c;
}

.study-activity tfoot {
	background-color: #edf5fc;
	color: #4e81b2;
	font-weight: bold;
}
	.study-activity tfoot > tr > td {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		color: #4e81b2;
		height: 30px;
	}
	.study-activity tfoot > tr > td:first-child {
		background-color: #4e81b2;
        color: black;
	}

.study-activity td {
	border: 1px solid #4e81b2;
	text-align: center;
}

		.study-activity td.cell-pink.ON {
			background-color: #d3b0c8;
			font-weight: 600;
		}
			.study-activity td.cell-pink.ON.RED {
				color: #F00;
			}
		.study-activity td.cell-green {
			height:30px;
		}
		.study-activity td.cell-green.ON {
			background-color: #9bcf92;
			font-weight: 600;
		}
		.study-activity td.cell-green.total {
			background-color: #d8f5d5;
			font-weight: 600;
		}
			.study-activity td.cell-green.ON.RED {
				color: #F00;
			}

	.study-activity td.cell-yellow.ON {
		background-color: #fcffb6;
		font-weight: 600;
	}

		.study-activity td.cell-yellow.ON.RED {
			color: #F00;
		}
	.study-activity td.cell-blue.ON {
		background-color: #76b7d3;
		font-weight: 600;
	}

		.word5930-report-table {
			border:0;
			width:560px;
		}
			.word5930-report-table > tbody > tr > td {
				background: url(/images/contents/mypage/mid_box_word.jpg) repeat-y;
			}
			.word5930-report-table > tfoot > tr > td {
				background: url(/images/contents/mypage/bottom_box_word.jpg) repeat-y;
			}
.spelling-report-table {
	border: 0;
	width: 560px;
}

	.spelling-report-table > tbody > tr > td {
		background: url(/images/contents/mypage/mid_box_spelling.jpg) repeat-y;
	}

	.spelling-report-table > tfoot > tr > td {
		background: url(/images/contents/mypage/bottom_box_spelling.jpg) repeat-y;
	}

iframe.board {
	overflow-x: hidden;
	overflow-y: auto;
	width: 97%;
	height:450px;
}
iframe.qna {
	overflow-x: hidden;
	overflow-y: auto;
	width: 97%;
	height: 850px;
}

.board-paging {

}
	.board-paging .pageno-link {
		/*border: solid 1px black;*/
		padding: 0.2em 0.3em;
		margin: 0.1em;
		cursor: pointer;
		font-size:smaller;
	}
		.board-paging .pageno-link.active {
			font-weight: 600;
			color: #6173e8;
			cursor: default;
			font-size: initial;
		}
	.board-paging .pageno-prev-next {
		padding: 0.2em 0.3em;
		margin: 0.1em;
		font-size: smaller;
		cursor: pointer;
	}
		.board-paging .pageno-prev-next.disabled {
			cursor: default;
		}

.board-post-functions {
	padding:20px;
}
.board-post-buttons {
	padding: 10px;
	text-align: center;
}
.board-post-buttons button {
	margin: 0 5px;
}

.board-view-title {
	border-top: solid 1px #efefef;
	border-bottom: solid 1px #efefef;
	font-size: large;
	padding: 0.7em;
	font-weight: 500;
}

.board-view-item-bold {
	font-size: larger;
	font-weight: 700;
}

.board-view-type {
	font-size:smaller;
	color: #efefef;
}
.board-view-info {
	padding:0.5em;
}
	.board-view-info > span {
		margin-left: 1em;
		margin-right: 1em;
	}
.board-view-content {
	padding: 2em;
	overflow-y: scroll;
}
.board-view-file {
	border-top: solid 1px #efefef;
	border-bottom: solid 1px #efefef;
	padding: 0.5em;
}

.board-faq-title {
	border-top: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
	padding: 1em;
	font-size: large;
	font-weight: bold;
}

.board-faq-content {
	padding:1em;
}

.grade-5 {
}

.grade-5 .book01_bg { background-image: url(/images/high-advanced-grade5/book01_bg.jpg); width: 100%; position: relative; background-size: 100% auto; }
.grade-5 .book01_bg:before { background-image: url("/images/high-advanced-grade5/book01_num.png"); background-repeat: no-repeat; content: ""; display: block; position: absolute; top: 0; left: 0; width: 134px; height: 212px; }
.grade-5 .book02_bg { background-image: url(/images/high-advanced-grade5/book02_bg.jpg); width: 100%; position: relative; background-size: 100% auto; }
.grade-5 .book02_bg:before { background-image: url("/images/high-advanced-grade5/book02_num.png"); background-repeat: no-repeat; content: ""; display: block; position: absolute; top: 0; left: 0; width: 134px; height: 212px; }
.grade-5 .book03_bg { background-image: url(/images/high-advanced-grade5/book03_bg.jpg); width: 100%; position: relative; background-size: 100% auto; }
.grade-5 .book03_bg:before { background-image: url("/images/high-advanced-grade5/book03_num.png"); background-repeat: no-repeat; content: ""; display: block; position: absolute; top: 0; left: 0; width: 134px; height: 212px; }
.grade-5 .book04_bg { background-image: url(/images/high-advanced-grade5/book04_bg.jpg); width: 100%; position: relative; background-size: 100% auto; }
.grade-5 .book04_bg:before { background-image: url("/images/high-advanced-grade5/book04_num.png"); background-repeat: no-repeat; content: ""; display: block; position: absolute; top: 0; left: 0; width: 134px; height: 212px; }
.grade-5 .book05_bg { background-image: url(/images/high-advanced-grade5/book05_bg.jpg); width: 100%; position: relative; background-size: 100% auto; }
.grade-5 .book05_bg:before { background-image: url("/images/high-advanced-grade5/book05_num.png"); background-repeat: no-repeat; content: ""; display: block; position: absolute; top: 0; left: 0; width: 134px; height: 212px; }
.grade-5 .book06_bg { background-image: url(/images/high-advanced-grade5/book06_bg.jpg); width: 100%; position: relative; background-size: 100% auto; }
.grade-5 .book06_bg:before { background-image: url("/images/high-advanced-grade5/book06_num.png"); background-repeat: no-repeat; content: ""; display: block; position: absolute; top: 0; left: 0; width: 134px; height: 212px; }
.grade-5 .book07_bg { background-image: url(/images/high-advanced-grade5/book07_bg.jpg); width: 100%; position: relative; background-size: 100% auto; }
.grade-5 .book07_bg:before { background-image: url("/images/high-advanced-grade5/book07_num.png"); background-repeat: no-repeat; content: ""; display: block; position: absolute; top: 0; left: 0; width: 134px; height: 212px; }
.grade-5 .book08_bg { background-image: url(/images/high-advanced-grade5/book08_bg.jpg); width: 100%; position: relative; background-size: 100% auto; }
.grade-5 .book08_bg:before { background-image: url("/images/high-advanced-grade5/book08_num.png"); background-repeat: no-repeat; content: ""; display: block; position: absolute; top: 0; left: 0; width: 134px; height: 212px; }
.grade-5 .book09_bg { background-image: url(/images/high-advanced-grade5/book09_bg.jpg); width: 100%; position: relative; background-size: 100% auto; }
.grade-5 .book09_bg:before { background-image: url("/images/high-advanced-grade5/book09_num.png"); background-repeat: no-repeat; content: ""; display: block; position: absolute; top: 0; left: 0; width: 134px; height: 212px; }
.grade-5 .book10_bg { background-image: url(/images/high-advanced-grade5/book10_bg.jpg); width: 100%; position: relative; background-size: 100% auto; }
.grade-5 .book10_bg:before { background-image: url("/images/high-advanced-grade5/book10_num.png"); background-repeat: no-repeat; content: ""; display: block; position: absolute; top: 0; left: 0; width: 134px; height: 212px; }



	.grade-5.grade_tutorial .grade_content_wrap .grade5-spot-dl {
		position: absolute;
		top: 45px;
		left: 205px;
	}

	.grade-5 .grade_content_wrap > div > ul > li {
		height: 250px;
		position: relative;
	}

.grade-5 .grade_content_wrap>div>ul:first-child>li:first-child:before { content: ""; display: block; background-color: #ffffffd9; width: 70%; height: 70%; position: absolute; right: 0; bottom: 0; }
.grade-5 .grade_content_wrap>div>ul:first-child>li:first-child:after { content: ""; display: block; width: 0; height: 0; border-top: 75px solid transparent; border-right: 514.5px solid #ffffffd9; position: absolute; right: 0; top: 0; }
.grade-5 .grade_content_wrap>div>ul:first-child>li:last-child:before { content: ""; display: block; background-color: #000000b3; width: 70%; height: 100%; position: absolute; right: 0; top: 0; }
.grade-5 .grade_content_wrap>div>ul:first-child>li:first-child>a>ul {top: 145px !important;}
.grade-5 .grade_content_wrap>div>ul:nth-child(2)>li:first-child:before { content: ""; display: block; background-color: #ffffffd9; width: 70%; height: 100%; position: absolute; right: 0; top: 0; }
.grade-5 .grade_content_wrap>div>ul:nth-child(2)>li:first-child:before > a { }
.grade-5 .grade_content_wrap>div>ul:nth-child(2)>li:last-child:before { content: ""; display: block; background-color: #000000b3; width: 70%; height: 389px; position: absolute; right: 0; top: 0; }
.grade-5 .grade_content_wrap>div>ul:nth-child(2)>li:last-child:after { content: ""; display: block; width: 0; height: 0; border-bottom: 75px solid transparent; border-right: 514.5px solid #ffffffd9; position: absolute; right: 0; top: 389px; }
.grade-5 .grade_content_wrap>div>ul>li:last-child>ul>li:not(:first-child) {margin-top: 1rem;}
.grade-5 .grade_content_wrap>div>ul>li:last-child>ul>li>dl { display: table; width: 450px; margin-bottom: 0;}
.grade-5 .grade_content_wrap>div>ul>li:last-child>ul>li>dl>* { display: table-cell; vertical-align: top; }
.grade-5 .grade_content_wrap>div>ul>li:last-child>ul>li>dl>dt { width: 180px; }
.grade-5 .grade_content_wrap>div>ul>li:last-child>ul>li>dl>dt>span {position: relative; z-index: 1;}
.grade-5 .grade_content_wrap>div>ul>li:last-child>ul>li>dl>dt>span:before {content: ""; display: block; position: absolute; top: 50%; left: -0.375rem; transform: translateY(-50%) rotate(90deg); width: 1.625rem; height: 0; border-bottom: 1.5rem solid #d74937; border-left: 0.25rem solid transparent; border-right: 0.25rem solid transparent; z-index: -1;}
.grade-5 .grade_content_wrap>div>ul>li:last-child>ul>li>dl>dd img { width: 100%;}
.grade-5 .grade_content_wrap>div>ul>li:last-child>ul>li:nth-child(3)>dl>dd a {display: inline-block; }
.grade-5 .grade_content_wrap>div>ul>li:last-child>ul>li:nth-child(3)>dl>dd img {width: 125px;}
.grade-5 .grade_content_wrap>div>ul>li:last-child>ul>li:first-child>dl>dd img { height: 148px; object-fit: cover; border-radius: 1.5rem;}
.grade-5 .grade_content_wrap>div>ul>li:last-child>ul>li:nth-child(2)>dl>dd img {width: 50%;}


	.grade-5.grade_tutorial .grade_content_wrap > div > ul > li .grade5_list_title:before {
		content: "LESSON 1";
		display: inline-block;
		width: 150px;
		background-color: #24bdc3;
		text-align: right;
		padding: 0.125rem 0.75rem 0.125rem 0;
		border-top-left-radius: 3rem;
		border-bottom-left-radius: 3rem;
		border-bottom-right-radius: 3rem;
		font-size: 15px;
		color: #fff;
		font-weight: 400;
		margin-right: 0.5rem;
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(2n+1) > ul:first-child > li:first-child .grade5_list_title {
		color: #24bdc3 !important;
	}

		.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(2n+1) > ul:first-child > li:first-child .grade5_list_title:before {
			background-color: #24bdc3;
		}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(2n+2) > ul:first-child > li:first-child .grade5_list_title {
		color: #e7b325 !important;
	}

		.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(2n+2) > ul:first-child > li:first-child .grade5_list_title:before {
			background-color: #e7b325;
		}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(2n+1) > ul:last-child > li:first-child .grade5_list_title {
		color: #d74937 !important;
	}

		.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(2n+1) > ul:last-child > li:first-child .grade5_list_title:before {
			background-color: #d74937;
		}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(2n+2) > ul:last-child > li:first-child .grade5_list_title {
		color: #634195 !important;
	}

		.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(2n+2) > ul:last-child > li:first-child .grade5_list_title:before {
			background-color: #634195;
		}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(1) > ul:first-child > li .grade5_list_title:before {
		content: "LESSON 1";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(1) > ul:last-child > li .grade5_list_title:before {
		content: "LESSON 2";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(2) > ul:first-child > li .grade5_list_title:before {
		content: "LESSON 3";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(2) > ul:last-child > li .grade5_list_title:before {
		content: "LESSON 4";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(3) > ul:first-child > li .grade5_list_title:before {
		content: "LESSON 5";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(3) > ul:last-child > li .grade5_list_title:before {
		content: "LESSON 6";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(4) > ul:first-child > li .grade5_list_title:before {
		content: "LESSON 7";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(4) > ul:last-child > li .grade5_list_title:before {
		content: "LESSON 8";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(5) > ul:first-child > li .grade5_list_title:before {
		content: "LESSON 9";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(5) > ul:last-child > li .grade5_list_title:before {
		content: "LESSON 10";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(6) > ul:first-child > li .grade5_list_title:before {
		content: "LESSON 11";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(6) > ul:last-child > li .grade5_list_title:before {
		content: "LESSON 12";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(7) > ul:first-child > li .grade5_list_title:before {
		content: "LESSON 13";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(7) > ul:last-child > li .grade5_list_title:before {
		content: "LESSON 14";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(8) > ul:first-child > li .grade5_list_title:before {
		content: "LESSON 15";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(8) > ul:last-child > li .grade5_list_title:before {
		content: "LESSON 16";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(9) > ul:first-child > li .grade5_list_title:before {
		content: "LESSON 17";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(9) > ul:last-child > li .grade5_list_title:before {
		content: "LESSON 18";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(10) > ul:first-child > li .grade5_list_title:before {
		content: "LESSON 19";
	}

	.grade-5.grade_tutorial .grade_content_wrap > div:nth-child(10) > ul:last-child > li .grade5_list_title:before {
		content: "LESSON 20";
	}

	.grade-5.grade_tutorial .grade_content_wrap .grade5-spot01 .grade5-spot-dl {
		top: 80px !important;
	}

	.grade-5.grade_tutorial .grade_content_wrap grade5-spot02 .grade5-spot-dl {
		top: 45px !important;
	}

	/*.grade-5.grade_tutorial .grade_content_wrap .grade-flip-02 .grade5-spot-dl {
		top: 45px !important;
	}*/

	.grade-5.grade_tutorial .grade_content_wrap ul > li .grade5-spot-dl dt {
		font-size: 18px;
		color: #21BDC2;
		font-weight: bold;
		display: inline-block;
		margin-left: -10px;
	}

	.grade-5.grade_tutorial .grade_content_wrap ul > li .grade5-spot-dl dd {
		margin-left: 155px;
		color: #000;
		font-weight: bold;
		margin-top: 0.125rem;
		font-size: 15px;
	}

	.grade-5.grade_tutorial .grade_content .grade5-main-wrap {
		position: absolute;
		width: 60%;
		top: 110px;
		margin-left: 40%;
	}

	.grade-5.grade_tutorial .grade_content_nopay .grade5-main-wrap {
		position: absolute;
		width: 60%;
		top: 55px;
		margin-left: 40%;
	}

	.grade-5.grade_tutorial .grade_content.grade5-spot01 .grade5-main-wrap {
		top: 145px;
	}

	.grade-5.grade_tutorial .grade_content_nopay.grade5-spot01 .grade5-main-wrap {
		top: 90px;
	}

	.grade-5.grade_tutorial .grade_content.grade5-spot04 .grade5-main-wrap {
		top: 57px;
	}

	.grade-5.grade_tutorial .grade_content_nopay.grade5-spot04 .grade5-main-wrap {
		top: 57px;
	}

	/*.grade-5.grade_tutorial .grade5-det-wrap {
		height: 464px;
	}*/
.grade_tutorial .grade_content_wrap > div > ul:first-child > li:last-child {
	height: 389px;
	max-height: 389px;
}

.grade_tutorial .grade_content_wrap > div > ul:last-child > li:last-child {
	height: 464px;
}

	.grade-5.grade_tutorial .grade5-det-wrap > ul dt span {
		font-size: 20px;
		color: #fff;
		font-weight: bold;
		padding-left: 0;
	}

	.grade-5.grade_tutorial .grade5-det-wrap > ul {
		position: relative;
		top: 24px;
		left: 82px;
		margin-left: 23%;
	}

	.grade-5.grade_tutorial .grade5-det-wrap > ul li.grade-det-AC {
		position: initial;
	}

	.grade-5.grade_tutorial .grade5-det-wrap > ul li.grade-det-AC dl dd {
		display: inline-block;
		width: 49%;
	}

		.grade-5.grade_tutorial .grade5-det-wrap > ul li.grade-det-Comn {
			position: static;
			width: auto;
		}

		.grade-5.grade_tutorial .grade5-det-wrap > ul li.grade-det-Dbt {
			position: static;
			width: auto;
		}

			.grade-5.grade_tutorial .grade5-det-wrap > ul li.grade-det-Comn dl dd {
				display: inline-block;
				width: 49%;
			}

		.grade-5.grade_tutorial .grade5-det-wrap > ul .grade-det-MS dt {
			background: none;
		}

		.grade-5.grade_tutorial .grade5-det-wrap > ul .grade-det-AC dt {
			background: none;
		}

		.grade-5.grade_tutorial .grade5-det-wrap > ul .grade-det-Comn dt {
			background: none;
		}

		.grade-5.grade_tutorial .grade5-det-wrap > ul .grade-det-Dbt dt {
			background: none;
		}