@charset "utf-8";

/* =============================================================================
    qa.css
============================================================================= */
#qa_title {
	margin-bottom:20px;
}

.btnBack{
	text-align:right;
}

.btnBack #qa_box_header{
	display:none;
	cursor:pointer;
}

#questionMainCategory{
	margin-right:20px;
	padding:15px 15px 5px;
	float:left;
	width:194px;
	background-color:#ebf6ef;
}

#questionMainCategory li{
	margin-bottom:10px;
	background:url(../reform/images/qa/icon_squre.gif) no-repeat left 6px;
	padding-left:24px;
	color:#005e99;
	cursor:pointer;
	font-size:87.5%;
}

#questionMainCategory li:hover{
	text-decoration:underline;
}

#questionMainCategory li.selected{
	background-color:#73b633;
}

#questionMainCategory li.selected a{
	color:#fff;
}

#questionMainCategory li.selected:hover,
#questionMainCategory li.selected a:hover{
	text-decoration:none;
}

#questionSubCategoryOrAnswer {
	float:right;
	width:487px;
}

#questionSubCategoryOrAnswer h2 {
	background:url(../reform/images/qa/icon_squre.gif) no-repeat left center;
	padding:0 0 0 24px;
	color:#569f10;
	margin:0 0 20px 0;
}

#questionSubCategoryOrAnswer h3 {
	background:url(../reform/images/qa/icon_question.gif)  no-repeat left 3px;
	padding:0 0 8px 24px;
	color:#5c5c5c;
	border-bottom:1px dashed #24a257;
	margin:0 0 9px 0;
	line-height:1.5;
}

.answerDetail{
	margin-bottom:50px;
}

.questionAnswerDetailContents ul{
	padding:0 0 8px 24px;
	color:#5c5c5c;
}

ul.subCategoryList{
	padding:0;
	margin-bottom:70px;
}

ul.subCategoryList li{
	background:url(../reform/images/qa/icon_question.gif) no-repeat left 4px;
	padding:0 0 0 24px;
	color:#005e99;
	margin:0 0 15px 0;
	cursor:pointer;
}

.questionAnswerDetailContents ul.subCategoryList li:hover{
	text-decoration:underline;
}

.questionAnswerDetailContents p.iconAnswer {
	background:url(../reform/images/qa/icon_answer.gif) no-repeat left 3px;
	padding:0 0 8px 24px;
	color:#5c5c5c;
}
.questionAnswerDetailContents p{
	padding:0 0 8px 24px;
	color:#5c5c5c;
}
.questionAnswerDetailContents h5 {
	margin:15px 0 0 0;
	padding:0 0 8px 24px;
	color:#5c5c5c;
}
.questionAnswerDetailContents ul.relationLink {
	padding:0 0 0 24px;
	margin:0;
}
.questionAnswerDetailContents ul.relationLink li {
	background:url(../reform/images/qa/icon_cricle_arrow.gif) no-repeat left center;
	padding:0 0 0 24px;
	margin-top:5px;
	color:#1391ce;
}
.questionAnswerDetailContents dl{
	padding:0 0 8px 24px;
}
.questionAnswerDetailContents dl dt{
	float: left;
	width: 2em;
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 120%;
	color:#5c5c5c;
	font-weight:normal;
}
.questionAnswerDetailContents dl dd{
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 0.5em 2em;
	padding: 0;
	line-height: 120%;
}


@media screen and (max-width: 997px){
	#questionAnswerBox{
		width:100%;
		box-sizing:border-box;
	}
	
	#questionMainCategory{
		margin-right:2.735%;
		width:30.642%;
		box-sizing:border-box;
	}
	
	#questionSubCategoryOrAnswer{
		width:66.621%;
	}
}

@media screen and (max-width: 767px){
	#questionAnswerBox{
		padding:0;
		border:none;
	}
	
	#questionMainCategory,
	#questionSubCategoryOrAnswer{
		float:none;
		width:100%;
	}
	
	#questionMainCategory{
		margin-bottom:20px;
		border:1px solid #99d0aa;
		background-color:transparent;
	}
	
	.questionAnswerDetailContents ul.subCategoryList li,
	#questionSubCategoryOrAnswer h3,
	.questionAnswerDetailContents p.iconAnswer,
	.questionAnswerDetailContents ul.relationLink li{
		font-size:87.5%;
	}
	
	.questionAnswerDetailContents ul.subCategoryList li:last-child{
		margin-bottom:0;
	}
}