/*
    커뮤니티 페이지
*/

.about-title {
	margin-top: 98px;
    margin-bottom: 53px;
	font-size: 48px;
}
p.chk_txt {
    margin-bottom: 10px;
    font-size: 14px;
    color: #ff3d00;
}

div.giving {
	margin-bottom: 2.7rem;
	font-size: 1.5rem;
}
div.giving.account{
	margin-bottom: 4.3rem;
}
div.giving.union{
	margin-bottom: 3rem;
}
div.giving.moneygram{
	margin-bottom: 0rem;
}
div.giving > div.boxGray1 {
	padding: 1.8rem 1.4rem 1.4rem;
	background: #f3f3f3;
}
div.giving > div.boxWhte1{
    line-height: 30px;
    font-size: 1.5rem;
}
div.giving > div.boxGray1 li {
	margin-bottom: 12px;
}
div.giving > div.boxGray1.liStyleNone li {
	list-style: none;
}

div.giving h3 {
    margin-bottom: 1rem;
	font-size: calc(0.9rem + 0.6vw);
}
div.giving.register h3 {
	font-size: clamp(15px, 2.5vw, 20px);
	font-weight: normal;
}


div.mobileH1 {
	background: #EBEEF3;
}
div.mobileH1 h1.about-title {
	margin-top: 0px;
	margin-bottom: 30px;
	padding: 11px 0;
    font-size: 18px;
    font-weight: 500;
}
div.register form {
	font-size: 1em;
}
div.register form > div {
	font-size: 1.1em;
}

/********** 커뮤니티 폼 **********/

.row > label {
    padding-left: 0;
	font-size: clamp(17px, 2.5vw, 23px);
}
.row > div.col-sm-9, div.col-sm-3, div.col-sm-5, div.col-sm-4, div.col-sm-6, div.inputA {
    padding-right: 0;
	padding-left: 0;
}
div.inputA {
	margin-bottom: 10px;
}

.text-end {
    text-align: center !important;
}
.form-control, select.form-select {
	padding: 0.75rem 0.75rem;
	border-radius: unset;
}
.btn-primary, .btn:first-child:active {
	margin-top: 0.7rem;
	padding: 0.78rem 4.5rem;
	font-size: 1.2rem;
	background: #527088;
    border: unset;
	border-radius: unset;
}
.btn:hover {
	background: #628daf;
}
.row .wid95, .row .wid32 > input {
	width: 95%;
}

@media (max-width: 767.98px) {
    .about-title {
        margin-top: 37px;
        margin-bottom: 14px;
        font-size: 28px;
    }
	div.giving {
		margin-bottom: 2rem;
		padding-right: calc(var(--bs-gutter-x) * 1);
	    padding-left: calc(var(--bs-gutter-x) * 1);
	}
	div.giving.account{
		margin-bottom: 2rem;
	}
	div.giving.union{
		margin-bottom: 2rem;
	}
	.my-5 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
		padding-right: calc(var(--bs-gutter-x) * 1);
	    padding-left: calc(var(--bs-gutter-x) * 1);
	}
	.btn-primary, .btn:first-child:active {
		margin-top: 0.3rem;
		padding: 0.5rem 3.5rem;
		font-size: 1rem;
	}
	div.inputA {
		margin-bottom: 0px;
	}
	.row .wid95, .row .wid32 > input {
		width: 100%;
	}
	.row .wid32 > input {
		margin-bottom: 0.5rem;
	}
	div.giving > div.boxWhte1 {
		line-height: 20px;
		font-size: 1rem;
	}
	div.giving.register h3 {
		font-weight: normal;
	}
	div.register form > div {
		font-size: 0.7em;
	}
	div.giving {
		font-size: 1rem;
	}
	div.giving h3 {
		font-size: calc(1rem + 0.6vw);
	}
	div.giving > div.boxGray1 {
		padding: 1.2rem 0rem 1.1rem;
	}
	div.giving > div.boxGray1 ul {
	    padding-left: 2rem;
		padding-right: 1rem;
	}
	.p-4 {
        padding: 0rem !important;
		margin: -55px 0;
    }
}