@charset "UTF-8";
/* CSS Document */

section.unit_wrap .faq_wrap .cat_unit {
	margin-bottom: 15px;
}

section.unit_wrap .faq_wrap .cat_unit .catTitle {
	border-bottom: 1px solid #60ccec;
	padding: 20px 0 10px 46px;
	position: relative;
	
	cursor: pointer;
	
	opacity: 1;
	
	-webkit-transition: all .4s;
	transition: all .4s;
}

@media screen and (max-width: 767px) {
	section.unit_wrap .faq_wrap .cat_unit .catTitle {
		padding: 20px 0 10px 32px;
	}
}

section.unit_wrap .faq_wrap .cat_unit .catTitle:hover {
	opacity: .75;
	
	-webkit-transition: all .4s;
	transition: all .4s;
}

section.unit_wrap .faq_wrap .cat_unit .catTitle h2 {
	font-size: 18px;
}

@media screen and (max-width: 734px) {
	section.unit_wrap .faq_wrap .cat_unit .catTitle h2 {
		font-size: 15px;
	}
}

section.unit_wrap .faq_wrap .cat_unit .catTitle h2 .acc_arr {
	content: '';
	display: block;
	width: 38px;
	height: 36px;
	background: #2bbbe6;
	border-radius: 10px;
	position: absolute;
	top: 16px;
	left: 0;
	
	cursor: pointer;
	
	opacity: 1;
	
	-webkit-transition: all .4s;
	transition: all .4s;
}

@media screen and (max-width: 734px) {
	section.unit_wrap .faq_wrap .cat_unit .catTitle h2 .acc_arr {
		width: 28px;
		height: 26px;
		top: 18px;
	}
}

section.unit_wrap .faq_wrap .cat_unit .catTitle h2 .acc_arr:hover {
	opacity: .75;
	
	-webkit-transition: all .4s;
	transition: all .4s;
}


section.unit_wrap .faq_wrap .cat_unit .catTitle h2 .acc_arr:before {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: translate(-50%, -70%) rotate(-45deg);
	
	-webkit-transition: all .4s;
	transition: all .4s;
}

@media screen and (max-width: 734px) {
	section.unit_wrap .faq_wrap .cat_unit .catTitle h2 .acc_arr:before {
		width: 10px;
		height: 10px;
	}
}

section.unit_wrap .faq_wrap .cat_unit.active .catTitle h2 .acc_arr:before {
	transform: translate(-50%, -30%) rotate(-225deg);
	
	-webkit-transition: all .4s;
	transition: all .4s;
}


section.unit_wrap .faq_wrap .cat_unit .acc_cont {
	padding: 25px;
	box-sizing: border-box;
	
}


@media screen and (max-width: 767px) {
	section.unit_wrap .faq_wrap .cat_unit .acc_cont {
		padding: 25px 0;
	}
}

section.unit_wrap .faq_wrap .cat_unit .acc_cont .faq_box .question {
	border-bottom: 1px solid #e5e5e5;
	padding: 12px 0 12px 40px;
	
	position: relative;
}


section.unit_wrap .faq_wrap .cat_unit .acc_cont .faq_box .question h3 {
	
}

@media screen and (max-width: 767px) {
	section.unit_wrap .faq_wrap .cat_unit .acc_cont .faq_box .question h3 {
		font-size: 14px;
	}
}

section.unit_wrap .faq_wrap .cat_unit .acc_cont .faq_box .question h3 .q_icon {
	font-size: 30px;
	color: #2bbbe6;
	position: absolute;
	top: 0;
	left: 0;
}

section.unit_wrap .faq_wrap .cat_unit .acc_cont .faq_box .answer {
	padding: 20px 20px 12px 60px;
	
	position: relative;
}

@media screen and (max-width: 767px) {
	section.unit_wrap .faq_wrap .cat_unit .acc_cont .faq_box .answer {
		padding: 20px 0px 12px 40px;
	}
}


section.unit_wrap .faq_wrap .cat_unit .acc_cont .faq_box .answer .a_icon {
	font-size: 30px;
	color: #fbd400;
	position: absolute;
	top: 15px;
	left: 20px;
}

@media screen and (max-width: 767px) {
	section.unit_wrap .faq_wrap .cat_unit .acc_cont .faq_box .answer .a_icon {
		left: 0;
	}
}


@media screen and (max-width: 599px) {
	
}