/* lg desktops */
@media (min-width: 1200px) {
}

/* md desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.section .contents {
		padding: 20% 20% 30% 20%;
	}
}

/* sm tablets */
@media (min-width: 768px) and (max-width: 991px) {
	.section .contents {
		padding: 20% 20% 35% 20%;
	}
	.section .qna {
		position: relative;
		display: block;
		top: 0px; left: 0px;
		width: 100%;
		height: 100%;
		z-index: 10;
		background-color: rgba(42,187,157,0.85);
		text-align: left;
		padding-bottom: 150px;
		margin: 0px;
	}
}

/* xs phones */
@media (max-width: 767px) {
	.section .title {
		font-size: 1.2em;
	}
	.section .summary {
		padding-top: 5px;
		font-size: 0.9em;
	}
	.section .title2 {
		font-size: 1.2em;
	}
	.section .summary2 {
		padding-top: 5px;
		font-size: 0.9em;
	}
	.section .qna {
		position: relative;
		display: block;
		top: 0px; left: 0px;
		width: 100%;
		height: 100%;
		z-index: 10;
		background-color: rgba(42,187,157,0.85);
		text-align: left;
		padding-bottom: 150px;
		margin: 0px;
	}
}

/* xs portrait */
@media (max-width: 480px) {
	#top .top-contents {
		padding: 60% 20%;
	}
	.section .contents {
		padding: 30% 20% 75% 20%;
	}
}

/* xxs portrait */
@media (max-width: 350px) {
	#top .top-contents {
		padding: 70% 20%;
	}
	.section .contents {
		padding: 40% 20% 95% 20%;
	}
}