@charset "utf-8";
/*------------------------------------------------------------
faq
------------------------------------------------------------*/
.faq .pageTitle{
	padding-bottom: 80px;
}
.faq_txt{
	margin: 60px 0 160px;
}
.faq .faqCnt p{
	line-height: 1.7;
	text-align: justify;
}
.faq .cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.faq .cp_qa {
	overflow-x: hidden;
	margin: 0 auto;
	color: #232323;
}
.faq .cp_qa .cp_actab {
	padding-right: 10px;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
}
.faq .cp_qa .cp_actab:first-child{
	border-top: 1px solid#e6e6e6;
}
.faq .q-mark,.faq .a-mark{
	position: relative;
}
.faq .q-mark{
	display: flex !important;
	align-items: center;
}
.faq .q-mark::before,.faq .a-mark::before{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	left: 0;
	top:0;
	margin-right: 30px;
}
.faq .q-mark::before{
	background: url("../img/faq/q-mark.svg") no-repeat;
}
.faq .a-mark::before{
	background: url("../img/faq/a-mark.svg") no-repeat;
}
.faq .cp_qa label {
	font-size: 2rem;
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	cursor: pointer;
	font-weight: 700;
	color: #1a2543;
	padding: 25px 10px;
}
.faq .cp_actab{
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
}

.faq .cp_actab:hover{
	opacity: .7;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
}
.faq .cp_qa .cp_actab-content {
	font-size: 1em;
	position: relative;
	overflow: hidden;
	height: 0;
	-webkit-transition: 0.5s ease;
	        transition: 0.5s ease;
	opacity: 0;
	text-align: justify;
	margin: 0 40px 0 0;
  padding-left: 10px;
}
.faq .cp_actab p,.cp_actab-content p{
	display: inline-block;
}
.faq .check-btn{
	display: flex;
}
.faq .cp_qa .answer{
	margin: 20px 0 0 0;
}
.faq .cp_qa label::after{
	position: absolute;
	right: 0;
	top: 50%;
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url("../img/faq/pulas.svg") no-repeat;
	-webkit-transition: 0.5s ease;
	        transition: 0.5s ease;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.faq input:checked + label::after{
	-webkit-transition: 0.5s ease;
	        transition: 0.5s ease;
	background: url("../img/faq/minus.svg") no-repeat;
}
.faq .cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
	height: auto;
	opacity: 1;
	-webkit-transition: 0.5s ease;
	        transition: 0.5s ease;
}
.faq .cp_qa .cp_actab input[type=checkbox] {
  display: none;
}
.faq .cp_actab{
	position: relative;
}
.faq .answerTxt{
	margin-bottom: 32px;
}
.faq .link-btn{
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.faq .link-btn a{
  display: inline-block;
	padding: 17px 43px 17px 25px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #1a2543;
	background: #ebf5fa url(../img/common/icon03.png) no-repeat right 18px center;
  background-size: 13px auto;
  box-sizing: border-box;
  border-radius: 3px;
}
.faq .link-btn a:hover{
	opacity: .7;
	background: #ebf5fa url(../img/common/icon03.png) no-repeat right 28px center;
    background-size: 13px auto;
}
@media all and (max-width: 960px) {
	.faq .pageTitle {
    padding-bottom: 37px;
}
	.faq .faq p{
	font-size: 1.4rem;
}
	.faq .cp_qa label {
		font-size: 1.6rem;
	}
	.faq .q-mark{
	display: inline-block !important;
}
	.faq .q-mark::before,.faq .a-mark::before{
		content: "";
		display: inline-block;
		width: 18px;
		height: 18px;
		position: relative;
		left: 0;
		top: 2px;
		margin-right: 15px;
}
.check-btn p:last-child{
		width: 80%;
}
.faq .cp_qa .answer{
		margin: 25px 0 0 0;
}
.faq .cp_qa .cp_actab-content {
		margin: 0 auto;
}
.faq .answerTxt{
	margin-bottom: 20px;
}
.faq .cp_qa label::after{
	position: absolute;
	right: 0;
	top: 27px;
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url("../img/faq/pulas.svg") no-repeat;
	-webkit-transition: 0.5s ease;
	        transition: 0.5s ease;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}

.faq .cp_actab:hover{
	opacity: 1;
}
}
@media all and (max-width: 374px) {
	.faq .cp_qa label {
		font-size: 1.4rem;
	}
    .faq .answerTxt {
        font-size: 1.3rem;
    }
}