/*--------------------------------------------------------------
#question-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#question-area {
		margin: 0 8% 30px 8%;
		padding: 0;
	}
	
	#question-area h3 {
		margin: 0 0 30px 0;
		padding: 0;
		text-align: center;
		color: #6FA88E;
		font-size: 18px;
		font-weight: 600;
		letter-spacing: 0.16vw;
	}
	
	.accordion-area{
		list-style: none;
		margin: 0;
	}
	
	#question-area .end{
		margin: 0 0 50px 0;
	}
	
	.accordion-area li{
		margin: 0.83vw 0;
	}
	
	.accordion-area section {
		border-bottom: 1px solid #DDDDDD;
		transition: all .5s ease;
	}

	#question-area .title {
		position: relative;
		cursor: pointer;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 0.16vw;
		padding-bottom: 4%;
		padding-top: 3%;
		padding-right: 50px;
		padding-left: 1.5em;
		text-indent: -1.5em;
		transition: all .5s ease;
	}
	
	.accordion-area section:hover {
		border-bottom: 1px solid #6FA88E;
	}
	
	#question-area .title span {
		font-size: 16px;
		margin: 0 1.25vw 0 0;
		color: #6FA88E;
	}
	
	#question-area .title::before,
	#question-area .title::after{
		position: absolute;
		content:'';
		width: 15px;
		height: 2px;
		background-color: #6FA88E;
	}
	
	#question-area .title::before{
		top: 48%;
		right: 10px;
		transform: rotate(0deg);
    }
	
	#question-area .title::after{    
		top: 48%;
		right: 10px;
		transform: rotate(90deg);
	}
	
	#question-area .title.close::before{
		transform: rotate(45deg);
	}
	
	#question-area .title.close::after{
		transform: rotate(-45deg);
	}

	#question-area .box {
		display: none;
		background: #F8F8F7;
		margin:0 0 3% 0;
		padding: 5%;
		border-radius: 0.83vw;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#question-area {
		margin: 0 15%;
		padding: 0;
	}
	
	#question-area h3 {
		margin: 0 0 3.33vw 0;
		padding: 0;
		text-align: center;
		color: #6FA88E;
		font-size: 2.33vw;
		font-weight: 600;
		letter-spacing: 0.16vw;
	}
	
	.accordion-area{
		list-style: none;
		margin: 0;
	}
	
	#question-area .end{
		margin: 0 0 6.66vw 0;
	}
	
	.accordion-area li{
		margin: 0.83vw 0;
	}
	
	.accordion-area section {
		border-bottom: 1px solid #DDDDDD;
		transition: all .5s ease;
	}

	#question-area .title {
		position: relative;
		cursor: pointer;
		font-size: 1.83vw;
		font-weight: 600;
		letter-spacing: 0.16vw;
		padding: 3% 3% 4% 1.66vw;
		transition: all .5s ease;
	}
	
	.accordion-area section:hover {
		border-bottom: 1px solid #6FA88E;
	}
	
	#question-area .title span {
		font-size: 2.5vw;
		margin: 0 1.25vw 0 0;
		color: #6FA88E;
	}
	
	#question-area .title::before,
	#question-area .title::after{
		position: absolute;
		content:'';
		width: 1.25vw;
		height: 0.16vw;
		background-color: #6FA88E;
	}
	
	#question-area .title::before{
		top: 48%;
		right: 1.25vw;
		transform: rotate(0deg);
    }
	
	#question-area .title::after{    
		top: 48%;
		right: 1.25vw;
		transform: rotate(90deg);
	}
	
	#question-area .title.close::before{
		transform: rotate(45deg);
	}
	
	#question-area .title.close::after{
		transform: rotate(-45deg);
	}

	#question-area .box {
		display: none;
		background: #F8F8F7;
		margin:0 0 3% 0;
		padding: 5%;
		border-radius: 0.83vw;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}