@charset "utf-8";

/* #smart-qa
===================================================================== */
/* #mainImg
------------------------------ */
#smart-qa #mainImg,
#smart-qa-test #mainImg {
	background-image: url(../img/smart-qa/bg_mainimg.png);
}

/* smart-qa-notice
------------------------------ */
.smart-qa-notice {
	background-color: #f8f9fa;
	border: 3px solid #5bc4e7;
	border-radius: 10px;
	padding: 25px 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.smart-qa-title {
	color: #39bbe6;
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 15px 0;
	text-align: center;
}

.smart-qa-description {
	margin: 0 0 15px 0;
}

.smart-qa-attention-title {
	color: #39bbe6;
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 15px 0;
}

.smart-qa-attention-list {
	margin: 0;
	padding-left: 25px;
	list-style-type: disc !important;
}

.smart-qa-attention-list li {
	margin-bottom: 5px;
	list-style-type: disc !important;
}

.smart-qa-chat {
	margin-top: 30px;
}

@media screen and (min-width: 740px) {
	.smart-qa-notice {
		padding: 40px 50px;
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.smart-qa-title {
		font-size: 32px;
		margin-bottom: 20px;
	}

	.smart-qa-description {
		margin-bottom: 20px;
	}

	.smart-qa-attention-title {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.smart-qa-attention-list li {
		margin-bottom: 6px;
	}

	.smart-qa-chat {
		margin-top: 50px;
	}
}