/* 
일시후원  
정기후원 
후원완료
*/

.donation_wrap .sv_tit {
    margin-top: 5rem;
    width: 19.325rem;
}
.sub_title.donation {
	position: sticky;
	top: 9.375rem;
	padding-top: 0;
}
.sub_title.donation * {
	color:#fff;
}
.sub_title.donation .sv_location ul li.sv_location_home a {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='home_24dp 1' clip-path='url(%23clip0_1381_4077)'%3E%3Cpath id='Vector' d='M6.66658 13.8333V9.83333H9.33325V13.8333H12.6666V8.5H14.6666L7.99992 2.5L1.33325 8.5H3.33325V13.8333H6.66658Z' fill='%23ffffff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1381_4077'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.sub_title.donation .sv_location ul li:after {
    color: rgba(255, 255, 255, 0.5);
}
.sub_title.donation .sub_visual {
	display: none;
}
.donation_wrap {
	width: 100%;
    min-height: 90vh;
	margin-top: -7.25rem;
	padding:13rem 0;
	box-sizing: border-box;
	background-position: 0 0;
	background-attachment: fixed;
	background-size: cover;
	z-index: 2;
}
.donation_wrap:before {
    content: " ";
    display: block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: -10;
    transition: all .3s;
}

.donation_wrap .inner {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.donation_box {
	/* flex-shrink: 0; */
	width: 51.25rem;
	min-height: 52.5rem;
	margin-left: 3.125rem;
	padding:5rem;
	border-radius: 1.25rem;
	background-color: #fff;
    color: #222;
}

.donation_head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 2.5rem;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid #ddd;
    overflow: hidden;
}
.donation_head .title h3 {
	margin-bottom: 1.5rem;
	color: #FAA74A;
	font-size: 1.5rem;
	font-weight: 700;
}
.donation_head .title p {
	font-size: 1.125rem;
}
@keyframes shake{
	0%{
		transform: rotate(0deg);
	}
	10%{
		transform: rotate(25deg);
	}
	20%{
		transform: rotate(-25deg);
	}
	30%{
		transform: rotate(15deg);
	}
	40%{
		transform: rotate(-15deg);
	}
	50%{
		transform: rotate(5deg);
	}
	60%{
		transform: rotate(-5deg);
	}
	70%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
.donation_head svg {
	transform-origin: 50% 50%;
	animation-name: shake;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-delay: 2s;
}
.donation_head ~ .donation_form:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.donation_form {
	margin-bottom: 2.5rem;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid #ddd;
}
.donation_form .group + .group {
	margin-top: 2.5rem;
}
.donation_form .tit {
	margin-bottom: 2.5rem;
	font-size: 1.5rem;
	font-weight: 700;
}
.donation_form .tit_wrap {
    padding: 2rem 2.5rem;
    background-image: url(../img/sub/donation/donation_tit_bg.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.25rem;
    overflow: hidden;
}
/* .donation_form .tit_wrap.mo {
	background-image: url(../img/sub/donation/donation_tit_bg2.jpg);
} */
.donation_form .tit_wrap h4 {
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: normal;
}
.donation_form .tit_wrap span {
    color: #999;
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
}
.donation_form .tit_text {
	margin-top: 2.25rem;
	font-size: 1.125rem;
	line-height: 1.6;
	word-break: keep-all;
}
.donation_form .tit_text b {
	color: #00A855;
}
.donation_form .tit_text_num {
	display: inline-flex;
	width: 1.375rem;
	height: 1.375rem;
	justify-content: center;
	align-items: center;
	margin-right: 0.25rem;
	color: #00A855;
	font-size: 0.875rem;
	font-weight: 700;
	border-radius: 100%;
	background-color: #eee;
}
.donation_form .tit-text-img {
	text-align: center;
}
[class*=donation_] .radio_hidden {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
}
[class*=donation_] .btn_wrap {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
	gap: 1.25rem;
}
[class*=donation_] .btn_wrap button,
[class*=donation_] .btn_wrap a,
[class*=donation_] .btn_wrap input,
[class*=donation_] .btn_wrap label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 3.75rem;
	padding:1.125rem 0;
	font-size: 1.125rem;
	text-align: center;
	border-radius: 0.25rem;
	border: 1px solid #DDD !important;
	box-sizing: border-box;
}
[class*=donation_] .btn_wrap .direct_amount {
    position: relative;
}
[class*=donation_] .btn_wrap .direct_amount:after {
    content: '원';
    display: none;
    position: absolute;
    top: calc(50% + 1px);
    right: 1rem;
    transform: translateY(-50%);
    font-size: 1.125rem;
}
[class*=donation_] .btn_wrap .direct_amount.on:after {
    display: block;
}
[class*=donation_] .btn_wrap .direct_amount input {
    height: 100%;
}
[class*=donation_] .btn_wrap .direct_amount.on input {
    border: 2px solid #FAA74A !important;
}
[class*=donation_] .btn_wrap .direct_amount.on input:read-only {
	border: 1px solid #ddd !important;
}
[class*=donation_] .btn_wrap button [class*=ic-],
[class*=donation_] .btn_wrap a [class*=ic-],
[class*=donation_] .btn_wrap label [class*=ic-] {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	margin-right: 0.5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}
[class*=donation_] .btn_wrap button .ic-01,
[class*=donation_] .btn_wrap a .ic-01,
[class*=donation_] .btn_wrap label .ic-01  {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M29.9 30H10.1C7.8 30 6 28.2 6 25.9V14.1C6 11.8 7.8 10 10.1 10H29.9C32.2 10 34 11.8 34 14.1V25.9C34 28.2 32.2 30 29.9 30Z' stroke='%23222222' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M34 22H6V26H34V22Z' fill='%23222222'/%3E%3C/svg%3E");
}
[class*=donation_] .btn_wrap button .ic-02,
[class*=donation_] .btn_wrap a .ic-02,
[class*=donation_] .btn_wrap label .ic-02 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M30 25V26C30 28.2 28.2 30 26 30H12C9.8 30 8 28.2 8 26V14C8 11.8 9.8 10 12 10H26C28.2 10 30 11.8 30 14V15.2' stroke='%23222222' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M31.1 25H22.1C21 25 20.1 24.1 20.1 23V17C20.1 15.9 21 15 22.1 15H31.1C31.7 15 32.1 15.4 32.1 16V24C32.1 24.6 31.6 25 31.1 25Z' stroke='%23222222' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M27 18H23V22H27V18Z' fill='%23222222'/%3E%3C/svg%3E");
}
[class*=donation_] .btn_wrap button.on,
[class*=donation_] .btn_wrap a.on,
[class*=donation_] .btn_wrap label.on {
	color:#fff;
	border-color: #FAA74A;
	background-color: #FAA74A;
    border-color: #FAA74A !important;
}
[class*=donation_] .btn_wrap button.on .ic-01,
[class*=donation_] .btn_wrap a.on .ic-01,
[class*=donation_] .btn_wrap label.on .ic-01 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M29.9 30H10.1C7.8 30 6 28.2 6 25.9V14.1C6 11.8 7.8 10 10.1 10H29.9C32.2 10 34 11.8 34 14.1V25.9C34 28.2 32.2 30 29.9 30Z' stroke='%23fff' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M34 22H6V26H34V22Z' fill='%23fff'/%3E%3C/svg%3E");
}
[class*=donation_] .btn_wrap button.on .ic-02,
[class*=donation_] .btn_wrap a.on .ic-02,
[class*=donation_] .btn_wrap label.on .ic-02 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M30 25V26C30 28.2 28.2 30 26 30H12C9.8 30 8 28.2 8 26V14C8 11.8 9.8 10 12 10H26C28.2 10 30 11.8 30 14V15.2' stroke='%23fff' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M31.1 25H22.1C21 25 20.1 24.1 20.1 23V17C20.1 15.9 21 15 22.1 15H31.1C31.7 15 32.1 15.4 32.1 16V24C32.1 24.6 31.6 25 31.1 25Z' stroke='%23fff' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M27 18H23V22H27V18Z' fill='%23fff'/%3E%3C/svg%3E");
}

[class*=donation_] .btn_wrap.v2 {
	display: flex;
	align-items: center;
	margin-top: 2rem;
}
[class*=donation_] .btn_wrap.v2.center {
	justify-content: center;
}
[class*=donation_] .btn_wrap.v2.right {
	justify-content: flex-end;
}
[class*=donation_] .btn_wrap.v2 button,
[class*=donation_] .btn_wrap.v2 a {
	width: auto;
	padding: 1.125rem 2rem;
	color: #222;
	border-radius: 2rem;
	border: 1px solid #ddd;
	box-sizing: border-box;
	background-color: #fff;
    text-wrap: nowrap;
}

[class*=donation_] .btn_wrap.v2 button.on,
[class*=donation_] .btn_wrap.v2 a.on {
	color: #fff;
	border-color: #222 !important;
	background-color: #222;
}
[class*=donation_] .btn_wrap.v2 button.on:hover,
[class*=donation_] .btn_wrap.v2 a.on:hover {
    border-color: #4E4E4E !important;
    background-color: #4E4E4E;
}

.donation_form table {
	width: 100%;
}
.donation_form tr th {
	width: 9rem;
	padding-bottom: 2.5rem;
	font-size: 1.125rem;
	font-weight: 700;
	text-align: left;
}
.donation_form tr td {
	padding-bottom: 2.5rem;
	font-size: 1.125rem;
}
.donation_form tr:last-child th,
.donation_form tr:last-child td {
	padding-bottom: 0;
}
.donation_form .ip-box {
	width: 100%;
	height: 3.75rem;
	margin-top: 1.25rem;
	padding:0 1.25rem;
	font-size: 1.125rem;
	border: none;
	border-bottom: 1px solid #999;
	box-shadow: none;
	outline: none;
}
.donation_form .donation_total {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.donation_form .donation_total .tit {
	margin-bottom: 0;
}
.donation_form .total {
	color:#999;
	font-size: 16px;
	font-weight: 700;
}
.donation_form .total strong {
	color: #FAA74A;
	font-size: 1.5rem;
	font-weight: 700;
}
.donation_form .form-group {
	display: flex;
	gap: 1.25rem;
}
.donation_form .form-group:after {
    display: none;
}
.donation_form .form-group.a-center {
	align-items: center;
}
.donation_form .form-group.j-center {
	justify-content: center;
}
.donation_form .form-control {
	position: relative;
	width: 100%;
	height: 3.75rem;
	padding: 0 1.25rem;
    color: #222;
	font-size: 1.125rem;
    font-weight: 400;
	border: 1px solid #ddd !important;
	border-radius: 0.25rem;
	box-shadow: none;
	outline: none;
}
.donation_form select.form-control {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cpath d='M4 7L0 1L8 1L4 7Z' fill='%23222222'/%3E%3C/svg%3E");
	background-position: calc(100% - 1rem) 50%;
	background-repeat: no-repeat;
	background-color: #fff;
}
.donation_form select.form-control.readonly,
.donation_form input.form-control:read-only {
	background-color: #eee;
	cursor: default;
	pointer-events: none;
}
.donation_form .form-control.half {
	width: 50%;
}
.donation_form tr.pay_num td {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}
.donation_form tr.pay_num .form-control.pay_num_inp {
    width: calc(50% - 0.625rem);
}
.donation_form tr.pay_num .card_ex {
    color: #020A0A;
    font-size: 1rem;
}

.donation_address {
	display: flex;
	flex-flow: column;
	gap: 1.25rem;
}
.donation_address .addr_selec {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
}

.donation_address .addr_selec .form-control {
	grid-column: 1 / 3;
}
.donation_address .addr_selec button {
	width: 100%;
	height: 3.75rem;
	padding: 0 1.25rem;
	color: #fff;
	font-size: 1.125rem;
	border-radius: 0.25rem;
	background-color: #222;
}

.donation_radio {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.donation_radio input {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
}
.donation_radio label {
    position: relative;
    margin-right: 1.5rem;
    padding-left: 2rem;
	font-size: 1rem;
}
.donation_radio label:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 50%;
    box-sizing: border-box;
}
.donation_radio input:checked + label:before {
    background-color: #FAA74A;
    border: 1px solid #FAA74A;
}
.donation_radio input:checked + label.disabled-label:before {
	background-color: #999;
    border: 1px solid #999;
}
.donation_radio label:after {
    content: '';
    display: block;
    position: absolute;
    left: 0.375rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.75rem;
    height: 0.75rem;
    background-color: #FFF;
    border-radius: 50%;
}
.donation_check input + label {
    position: relative;
    padding-left: 2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}
.donation_check input + label:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #DDD;
    box-sizing: border-box;
}
.donation_check input:checked + label:before { 
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Check'%3E%3Cpath id='Vector' d='M22 0H2C0.89543 0 0 0.89543 0 2V22C0 23.1046 0.89543 24 2 24H22C23.1046 24 24 23.1046 24 22V2C24 0.89543 23.1046 0 22 0Z' fill='%23FAA74A'/%3E%3Cpath id='Vector_2' d='M22 0.5H2C1.17157 0.5 0.5 1.17157 0.5 2V22C0.5 22.8284 1.17157 23.5 2 23.5H22C22.8284 23.5 23.5 22.8284 23.5 22V2C23.5 1.17157 22.8284 0.5 22 0.5Z' fill='%23FAA74A' stroke='%23DDDDDD'/%3E%3Cg id='Vector_3'%3E%3Cpath d='M7.05029 11.2076L8.46451 9.79342L12.7071 14.0361L11.2929 15.4503L7.05029 11.2076Z' fill='white'/%3E%3Cpath d='M9.87866 14.0358L15.5355 8.37891L16.9497 9.79312L11.2929 15.4503L9.87866 14.0358Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center; 
	background-size: cover; 
}
.donation_check input:checked + label.disabled-label:before {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Check'%3E%3Cpath id='Vector' d='M22 0H2C0.89543 0 0 0.89543 0 2V22C0 23.1046 0.89543 24 2 24H22C23.1046 24 24 23.1046 24 22V2C24 0.89543 23.1046 0 22 0Z' fill='%23999999'/%3E%3Cpath id='Vector_2' d='M22 0.5H2C1.17157 0.5 0.5 1.17157 0.5 2V22C0.5 22.8284 1.17157 23.5 2 23.5H22C22.8284 23.5 23.5 22.8284 23.5 22V2C23.5 1.17157 22.8284 0.5 22 0.5Z' fill='%23999999' stroke='%23DDDDDD'/%3E%3Cg id='Vector_3'%3E%3Cpath d='M7.05029 11.2076L8.46451 9.79342L12.7071 14.0361L11.2929 15.4503L7.05029 11.2076Z' fill='white'/%3E%3Cpath d='M9.87866 14.0358L15.5355 8.37891L16.9497 9.79312L11.2929 15.4503L9.87866 14.0358Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}


/* 
	인사말
	연혁
	오시는길
*/
.about_sec {
    color: #222;
}
.about_sec .about_title {
	font-size: 2.5rem;
	font-weight: 700;
}
#introduce {
	width: 100%;
	max-width: 1920px;
	margin:-5.2rem auto 0;
	padding: 5rem 0 2.5rem;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	/* background-image: url(../img/sub/about/introduce_bg.jpg); */
    color: #222;
}
#introduce .about_title {
    position: absolute;
}
#introduce .introduce_img {
    position: relative;
    width: 100%;
    height: 40.75rem;
}
#introduce .introduce_img div {
    position: absolute;
    top: 0;
    right: 0;
    width: 104.375rem;
    height: 100%;
    max-width: none;
    background-image: url(../img/sub/intro_bg.png);
    background-size: cover;
    background-position: right bottom;
}
#introduce .introduce_img p {
    position: absolute;
    top: 22.8125rem;
    left: 0;
    color: #FFF;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.75rem;
    letter-spacing: -0.8px;
    z-index: 2;
}
#introduce .introduce_img p:before, #introduce .introduce_img p:after {
    content: '';
    display: block;
    position: absolute;
    width: 2rem;
    height: 1.5625rem;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='25' viewBox='0 0 32 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='quotes_left' opacity='0.5'%3E%3Cpath id='&%23226;&%23128;&%23156;' d='M25.8743 9.39781C25.3867 10.6144 25.8133 11.3747 27.1543 11.6788C28.1905 11.9221 29.1962 12.5304 30.1714 13.5037C31.2076 14.4769 31.7257 15.9672 31.7257 17.9745C31.7257 18.826 31.5733 19.6776 31.2686 20.5292C30.9638 21.32 30.5067 22.0499 29.8971 22.719C29.2876 23.3881 28.5257 23.9355 27.6114 24.3613C26.7581 24.7871 25.7524 25 24.5943 25C22.461 25 20.6933 24.1788 19.2914 22.5365C17.8895 20.8942 17.1886 18.826 17.1886 16.3321C17.1886 12.5 18.3771 9.21533 20.7543 6.4781C23.1314 3.74088 26.179 1.61192 29.8971 0.0912397L32 3.92336C30.5981 4.59246 29.3181 5.41363 28.16 6.38686C27.0629 7.29927 26.301 8.30292 25.8743 9.39781ZM8.68572 9.30657C8.1981 10.5231 8.62476 11.2835 9.96571 11.5876C11.0019 11.8309 12.0076 12.4392 12.9829 13.4124C14.019 14.3856 14.5371 15.8759 14.5371 17.8832C14.5371 18.7348 14.3848 19.5864 14.08 20.438C13.7752 21.2287 13.3181 21.9586 12.7086 22.6277C12.099 23.2968 11.3371 23.8443 10.4229 24.2701C9.56952 24.6959 8.56381 24.9088 7.40571 24.9088C5.27238 24.9088 3.50476 24.0876 2.10286 22.4453C0.700952 20.8029 0 18.7348 0 16.2409C0 12.4088 1.18857 9.12409 3.56571 6.38686C5.94286 3.64963 8.99048 1.52068 12.7086 0L14.8114 3.83212C13.4095 4.50122 12.1295 5.32239 10.9714 6.29562C9.87429 7.20803 9.11238 8.21168 8.68572 9.30657Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
}
#introduce .introduce_img p:before {
    top: -2.3125rem;
    left: 0;
}
#introduce .introduce_img p:after {
    bottom: -1.0625rem;
    right: -2.75rem;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='25' viewBox='0 0 32 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='quotes_right' opacity='0.5'%3E%3Cpath id='&%23226;&%23128;&%23156;' d='M6.12571 15.6022C6.61333 14.3856 6.18667 13.6253 4.84571 13.3212C3.80952 13.0779 2.80381 12.4696 1.82857 11.4964C0.792378 10.5231 0.274283 9.03285 0.274283 7.02555C0.274283 6.17396 0.426665 5.32238 0.731428 4.4708C1.03619 3.68005 1.49333 2.95012 2.10286 2.28102C2.71238 1.61192 3.47428 1.06448 4.38857 0.638686C5.2419 0.212897 6.24762 2.25134e-06 7.40571 2.1501e-06C9.53905 1.9636e-06 11.3067 0.821169 12.7086 2.4635C14.1105 4.10584 14.8114 6.17397 14.8114 8.66788C14.8114 12.5 13.6229 15.7847 11.2457 18.5219C8.86857 21.2591 5.82095 23.3881 2.10286 24.9088L-3.42991e-07 21.0766C1.4019 20.4075 2.6819 19.5864 3.84 18.6131C4.93714 17.7007 5.69905 16.6971 6.12571 15.6022ZM23.3143 15.6934C23.8019 14.4769 23.3752 13.7165 22.0343 13.4124C20.9981 13.1691 19.9924 12.5608 19.0171 11.5876C17.981 10.6144 17.4629 9.12409 17.4629 7.11678C17.4629 6.2652 17.6152 5.41362 17.92 4.56204C18.2248 3.77129 18.6819 3.04136 19.2914 2.37226C19.901 1.70316 20.6629 1.15572 21.5771 0.729924C22.4305 0.304135 23.4362 0.0912407 24.5943 0.0912406C26.7276 0.0912404 28.4952 0.912409 29.8971 2.55474C31.299 4.19708 32 6.26521 32 8.75912C32 12.5912 30.8114 15.8759 28.4343 18.6131C26.0571 21.3504 23.0095 23.4793 19.2914 25L17.1886 21.1679C18.5905 20.4988 19.8705 19.6776 21.0286 18.7044C22.1257 17.792 22.8876 16.7883 23.3143 15.6934Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#introduce .introduce_text {
    margin-top: 2.5rem;
    margin-left: auto;
	padding-right: 6.625rem;
	max-width: 66.25rem;
}
#introduce .introduce_text p {
	font-size: 1.125rem;
	line-height: 2rem;
	word-break: keep-all;
    letter-spacing: -0.45px;
}
#introduce .introduce_text p + p {
	margin-top: 2.5rem;
}
#introduce .introduce_text p strong {
    position: relative;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.75rem;
    letter-spacing: -0.6px;
    box-shadow: inset 0 -6px 0 #FAA74A; 
}
#introduce .introduce_text p span {
    color: #999;
    font-size: 1rem;
    letter-spacing: -0.4px;
}
#introduce .introduce_text p em {
    font-weight: 700;
}
#midBanner {
    padding-top: 5rem;
	overflow: hidden;
	position: relative;
}
#midBanner img {
	width: 100%;
	min-width: 1920px;
	min-height: 17.75rem;
}
#midBanner .banner_text {
	position: absolute;
	top: 50%;
	left: 50%;
	padding:0 2.5rem;
	color:#fff;
	text-align: center;
	transform: translate(-50%, -50%);
}
#midBanner .banner_text i {
	position: absolute;
	top: 50%;
	width: 17.25rem;
	height: 12.75rem;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	content:'';
}
#midBanner .banner_text i.hand-left {
	left:0;
	background-image: url(../img/sub/about/bnnr_hand_l.png);
	transform: translate(-100%, -50%);
}
#midBanner .banner_text i.hand-right {
	right: 0;
	background-image: url(../img/sub/about/bnnr_hand_r.png);
	transform: translate(100%, -50%);
}
#midBanner .banner_text h3 {
	margin-bottom: 1rem;
	font-size: 2rem;
	font-weight: 700;
	word-break: keep-all;
	white-space: nowrap;
}
#midBanner .banner_text p {
	font-size: 1.25rem;
	word-break: keep-all;
	white-space: nowrap;
}

#history {
	overflow: hidden;
	padding:5rem 0 0;
	/* background-color: #F9FAFB; */
}
#history .history_slide {
	position: relative;
}
#history .history_slide .swiper-button-wrap {
	display: flex;
	/* justify-content: flex-end; */
	gap: 1.5rem;
	margin-top: 2.5rem;
}
#history .history_slide .swiper-button-wrap .swiper-button-next,
#history .history_slide .swiper-button-wrap .swiper-button-prev {
	position: static;
	width: 3.5rem;
	height: 3.5rem;
	margin-top: 0;
	border: 1px solid #ddd;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.5rem 1.5rem;
	background-color: #fff;
}
#history .history_slide .swiper-button-wrap .swiper-button-next {
	background-image: url(../img/sub/about/ic_arrow_right.svg);
}
#history .history_slide .swiper-button-wrap .swiper-button-prev {
	background-image: url(../img/sub/about/ic_arrow_left.svg);
}
#history .history_slide .swiper-button-wrap .swiper-button-next:after,
#history .history_slide .swiper-button-wrap .swiper-button-prev:after {
	display: none;
}
#history .history_slide .swiper-button-wrap .swiper-button-next.swiper-button-disabled, #history .history_slide .swiper-button-wrap .swiper-button-prev.swiper-button-disabled {
	background-color: #F9FAFB;
}
#history .history_slide .swiper-pagination {
	position: absolute;
	top: 6.5rem;
	left: 0;
	width: 100vw;
	max-width: calc(1670px + 2.5rem);
	height: 4px;
}
#history .history_slide .swiper-pagination .swiper-pagination-progressbar-fill {
	background: #FAA74A;
}
#history .history_slide .swiper-container {
	overflow: visible;
	/* width: 50%; */
	/* margin-top: 3.5rem; */
	margin-left: 0;
}
#history .history_slide .swiper-slide:not(.swiper-slide-active) {
	opacity: 0;
	transition: opacity 0.2s;
}
#history .history_slide .swiper-slide-active ~ .swiper-slide {
	opacity: 1;
}
#history .history_slide .swiper-slide .year {
	margin-bottom: 3.75rem;
    color: #222;
	font-size: 3rem;
	font-weight: 700;
}
#history .history_slide .swiper-slide .year span {
	color: #FAA74A;
}
#history .history_slide .swiper-slide .history_list {
	padding-right:7.5rem;
	box-sizing: border-box;
}
#history .history_slide .swiper-slide .history_list li {
	display: flex;
	align-items: center;
	gap: 0 24px;
	padding:1.5rem 0.75rem;
}
#history .history_slide .swiper-slide .history_list li + li {
	border-top: 1px solid #E6E6E6;
}
#history .history_slide .swiper-slide .history_list li .month {
	font-size: 1.5rem;
	font-weight: 700;
}
#history .history_slide .swiper-slide .history_list li span {
	display: inline-flex;
	align-items: center;
	gap: 0 0.5rem;
	font-size: 1.125rem;
}
#history .history_slide .swiper-slide .history_list li span:before {
	font-size: 2rem;
	content:'·';
}

#vision .vision_intro {
	padding:6rem 1rem;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.8;
}
#vision .vision_cont {
	overflow: hidden;
	padding:7.5rem 1rem;
	background-color: #F9FAFB;
	/* background-image: url(../img/sub/about/vision_bg.png?v=0.1); */
	background-size: cover;
	background-position: center;
}
#vision .vision_label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 13.625rem;
	margin:0 auto 2.5rem;
	padding: 0.75rem 1rem;
	color: #fff;
	font-size: 1.5rem;
	border-radius: 999px;
	background-color: #222;
}
#vision .vision_top .vision_label {
	background-color: #FAA74A;
}
#vision .vision_top h3 {
	font-size: 2.875rem;
	font-weight: 500;
	text-align: center;
}
#vision .vision_top h3 span {
	font-weight: 700;
}
#vision .vision_mid {
	max-width: 994px;
	margin: 6rem auto 0;
}
#vision .vision_bottom {
	max-width: 1220px;
	margin: 6rem auto 0;
}
#vision .vision_list {
	display: grid;
	gap: 2rem;
	position: relative;
}
#vision .vision_list:before {
	position: absolute;
	background-repeat: no-repeat;
	z-index: 1;
	content:'';
}
#vision .vision_list.n3 {
	grid-template-columns: repeat(auto-fit, minmax(calc(33.33% - 2rem), 1fr));
}
#vision .vision_list.n3:before {
	top: -3rem;
	left: -7rem;
	width: 12.79688rem;
	height: 11.25rem;
	background-image: url(../img/sub/about/vision_bg1.png);
}
#vision .vision_list.n4 {
	grid-template-columns: repeat(auto-fit, minmax(calc(25% - 2rem), 1fr));
}
#vision .vision_list.n4:before {
	bottom: -3.5rem;
	right: -6.5rem;
	width: 14.5rem;
	height: 14rem;
	background-image: url(../img/sub/about/vision_bg2.png);
}
#vision .vision_item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-flow: column;
	gap: 1.5rem;
	padding:4rem 1.5rem 5.5rem;
	word-break: keep-all;
	border-radius: 1.25rem;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.10);
	background-color: #fff;
	z-index: 2;
}
#vision .vision_list.n3 .vision_item {
	gap: 2.5rem;
}
#vision .vision_item p {
	font-size: 1.5rem;
	font-weight: 700;
	line-height:1.66;
	text-align: center;
}
#vision .vision_item ul {
	display: flex;
	flex-flow: column;
	gap: 0.625rem;
	padding-left: 1rem;
	list-style-position: inside;
}
#vision .vision_item li {
	font-size: 1.125rem;
	line-height: 1.6;
	list-style: disc;
}

#network {
	padding:5rem 0 0;
}
#network .map-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 100%;
	box-sizing: border-box;
	background-color: #222;
}
#network .map-link {
	display: inline-flex;
	align-items: center;
	height: 3.75rem;
	margin-left: auto;
	padding:0 2rem;
	color:#fff;
	font-size: 1.125rem;
	font-weight: 700;
	border-radius: 2rem;
	background-color: #222;
}
#network .map-link:hover {
    background-color: #4E4E4E;
}
#network .map-area .map {
	aspect-ratio: 4/2
}
#network .map-area .map-link {
	display: none;
}
#network p {
	display: flex;
	align-items: center;
	width: 100%;
	/* margin-top: 3.75rem; */
	font-size: 1.125rem;
}
#network p .map-icon {
	margin-right: 1rem;
}
#network .map-area {
	position: relative;
	margin-top: 1.5rem;
}
#network .map-area:after {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color:#fff;
	font-size: 2rem;
	text-align: center;
	white-space: pre;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	cursor: pointer;
	transition: opacity 0.4s;
	content:'클릭 시 확대 / 축소가 \A가능합니다.';
	z-index: 1000;
}
#network .map-area:hover:after {
	opacity: 1;
}
#network .map-area.off:after {
	display: none;
}
#network ul {
	width: 100%;
}
#network ul li {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	padding:1rem 0;
}
#network ul li:first-child {
	border-bottom: 1px solid #eee;
}
#network ul li .map-icon {
	border: 1px solid #ddd;
	background-color: #fff;
}
#network ul li strong {
	flex-shrink: 0;
	font-size: 1.25rem;
}
#network ul li span {
	font-size: 1.125rem;
}

@media screen and (max-width: 1440px) {
    #introduce .introduce_img div {
        width: 90rem;
        background-position: 60% bottom;
    }
}
@media screen and (max-width: 1280px) {
    #introduce .inner.v2 {
        padding-left: 0;
    }
    .about_sec .about_title {
        padding-left: 1rem;
    }
    #introduce .introduce_img p {
        left: 1rem;
    }
    #introduce .introduce_img div {
        width: 100%;
        background-position: 50% bottom;
    }
    #introduce .introduce_text {
        width: 100%;
        margin-right: auto;
        padding-left: 1rem;
    }
	#vision .vision_list.n4 {
		grid-template-columns: repeat(auto-fit, minmax(calc(50% - 2rem), 1fr));
	}
}
@media screen and (max-width: 1024px) {
    #introduce .introduce_img div {
        background-position: 43% bottom;
    }
	.donation_box {
		margin-left: 0;
		width: 100%;
		padding: 3.5rem 2rem;
	}
	.donation_form table,
	.donation_form tbody,
	.donation_form tr,
	.donation_form th,
	.donation_form td {
		display: block;
	}
	.donation_form tr:not(:last-child) {
		margin-bottom: 2rem;
	}
	.donation_form tr th {
		padding-bottom: 0.75rem;
        width: 100%;
	}
	.donation_form tr td {
		padding-bottom: 0;
	}
	.donation_form tr:last-child th {
		padding-bottom: 0.75rem;
	}
	#introduce {
		background-image: none;
	}
	#introduce .introduce_text {
		max-width: 100%;
	}
	#vision .vision_intro {
		font-size: 1.25rem;
	}
	#vision .vision_label {
		font-size: 1.25rem;
	}
	#vision .vision_top h3 {
		font-size: 2.25rem;
	}
	#vision .vision_item p {
		font-size: 1.375rem;
	}
	#vision .vision_item li {
		font-size: 1rem;
	}
	#history .history_slide .swiper-slide .history_list {
		padding-right: 2.5rem;
	}
}
@media screen and (max-width: 800px) {
	.donation_wrap {
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 5rem;
		background-image: none !important;
	}
	.sub_title.donation {
		position: relative;
		top: auto;
		width: 100%;
	}
	.sub_title.donation .sv_cnt {
		position: relative;
        padding: 5rem 1rem;
	}
    .donation_wrap .sv_tit {
        margin-top: 0;
    }
	.sub_title.donation .sub_visual {
		display: block;
	}
    .sub_title.donation .sub_visual .sv_bg {
        position: relative;
        height: 100% !important;
    }
	.donation_wrap .inner {
		flex-flow: column;
		padding:0;
	}
	.donation_box {
		margin-left: 0;
		width: 100%;
		padding: 3.5rem 1rem 0;
	}
	.donation_form .tit_wrap {
		min-height: 54vw;
		padding: 5rem 0 7.5rem;
		text-align: center;
        background-image: url(../img/sub/donation/donation_tit_bg_m.jpg);
    }
	
	/* .donation_form .tit_wrap.mo {
		min-height: 40vw;
        padding: 5rem 0 5rem;
		background-image: url(../img/sub/donation/donation_tit_bg_m2.jpg);
		background-position: 0 bottom;
	} */
	.donation_form .tit_text {
		font-size: 1rem;
	}
	.donation_form .form-group {
		gap: 0.5rem;
	}
	.donation_form .form-control {
		padding:1rem;
		font-size: 1rem;
	}
    .donation_form tr.pay_num td {
        gap: 0.5rem;
    }
    .donation_form tr.pay_num .form-control.pay_num_inp {
        width: calc(50% - 0.25rem);
    }
    .donation_form tr.pay_num .card_ex {
        font-size: 0.875rem;
    }
	.donation_form .tit {
		margin-bottom: 1.5rem;
		font-size: 1.25rem;
	}
	.donation_form tr th {
		font-size: 1rem;
	}
	.donation_form tr td {
		font-size: 1rem;
	}
	.donation_form .total strong {
		font-size: 1.25rem;
	}
	[class*=donation_] .btn_wrap {
		gap: 0.5rem;
	}
	[class*=donation_] .btn_wrap button, [class*=donation_] .btn_wrap a, [class*=donation_] .btn_wrap input, [class*=donation_] .btn_wrap label {
		flex-flow: column;
		padding:1rem 0;
		font-size: 1rem;
	}
    [class*=donation_] .btn_wrap .direct_amount:after {
        top: 50%;
        font-size: 1rem;
    }
	[class*=donation_] .btn_wrap button [class*=ic-], [class*=donation_] .btn_wrap a [class*=ic-] {
		display: block;
		margin-right: 0;
		margin-bottom: 0.5rem;
	}
	.donation_address {
		gap: 0.5rem;
	}
	.donation_address .addr_selec {
		gap: 0.5rem;
	}

    /*김재룡 - 추가작업 240530*/
    .donation_head {
        flex-direction: column-reverse;
        align-items: center;
        gap: 2.5rem;
        margin-bottom: 0;
        padding-top: 2.5rem;
        border: 1px solid #DDD;
        border-radius: 0.625rem 0.625rem 0 0;
        border-bottom: 0;
    }
    .donation_head .title {
        text-align: center;
    }
    .donation_head .title h3 {
        margin-bottom: 1rem;
    }
    .donation_box2 [class*=donation_] .btn_wrap button, .donation_box2 [class*=donation_] .btn_wrap a, .donation_box2 [class*=donation_] .btn_wrap input, .donation_box2 [class*=donation_] .btn_wrap label {
        font-size: 0.875rem;
    }
    .donation_box2 [class*=donation_] .btn_wrap.v2 button, .donation_box2 [class*=donation_] .btn_wrap.v2 a {
        padding: 1rem 0;
        width: 100%;
    }
    .donation_form2 {
        position: relative;
        margin-bottom: 0;
        padding: 2.5rem 1.5rem;
        border-left: 1px solid #DDD;
        border-right: 1px solid #DDD;
        border-bottom: 0;
    }
    .donation_form3 {
        position: relative;
        margin-bottom: 0;
        padding: 2.5rem 1.5rem !important;
        border: 1px solid #DDD !important;
        border-radius: 0 0 0.625rem 0.625rem;
        border-top: 0 !important;
    }
    .donation_form2:before, .donation_form3:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 2rem);
        height: 1px;
        background-color: #DDD;
    }

	.about_sec .about_title {
		font-size: 1.625rem;
	}
	#introduce {
		margin: 0 auto;
		padding: 0;
        padding-top: 3.5rem;
        margin-top: -3.5rem;
		background-image: none;
	}
    #introduce .about_title {
        position: static;
    }
    #introduce .introduce_img {
        margin-top: 7.5rem;
        height: 61.28vw;
        background-image: url(../img/sub/intro_bg_m.png);
        background-size: cover;
        background-position: right bottom;
    }
    #introduce .introduce_img p {
        position: relative;
        top: -4.5625rem;
        display: inline-block;
        color: #222;
        font-size: 1.125rem;
        line-height: 2rem;
        letter-spacing: -0.45px;
    }
    #introduce .introduce_img p:before {
        top: -1.5rem;
        width: 1.3125rem;
        height: 1rem;
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='quotes_left'%3E%3Cpath id='&%23226;&%23128;&%23156;' d='M16.98 6.0146C16.66 6.79319 16.94 7.27981 17.82 7.47445C18.5 7.63017 19.16 8.01947 19.8 8.64234C20.48 9.26521 20.82 10.219 20.82 11.5037C20.82 12.0487 20.72 12.5937 20.52 13.1387C20.32 13.6448 20.02 14.1119 19.62 14.5401C19.22 14.9684 18.72 15.3187 18.12 15.5912C17.56 15.8637 16.9 16 16.14 16C14.74 16 13.58 15.4745 12.66 14.4234C11.74 13.3723 11.28 12.0487 11.28 10.4526C11.28 8 12.06 5.89781 13.62 4.14598C15.18 2.39416 17.18 1.03163 19.62 0.0583934L21 2.51095C20.08 2.93917 19.24 3.46472 18.48 4.08759C17.76 4.67153 17.26 5.31387 16.98 6.0146ZM5.7 5.9562C5.38 6.73479 5.66 7.22141 6.54 7.41606C7.22 7.57178 7.88 7.96107 8.52 8.58394C9.2 9.20681 9.54 10.1606 9.54 11.4453C9.54 11.9903 9.44 12.5353 9.24 13.0803C9.04 13.5864 8.74 14.0535 8.34 14.4818C7.94 14.91 7.44 15.2603 6.84 15.5328C6.28 15.8054 5.62 15.9416 4.86 15.9416C3.46 15.9416 2.3 15.4161 1.38 14.365C0.46 13.3139 0 11.9903 0 10.3942C0 7.94161 0.78 5.83942 2.34 4.08759C3.9 2.33577 5.9 0.973235 8.34 0L9.72 2.45255C8.8 2.88078 7.96 3.40633 7.2 4.0292C6.48 4.61314 5.98 5.25547 5.7 5.9562Z' fill='%23DDDDDD'/%3E%3C/g%3E%3C/svg%3E%0A");
    } 
    #introduce .introduce_img p:after {
        bottom: -1px;
        right: 5.2875rem;
        width: 1.3125rem;
        height: 1rem;
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='quotes_right'%3E%3Cpath id='&%23226;&%23128;&%23156;' d='M4.02 9.9854C4.34 9.20681 4.06 8.72019 3.18 8.52555C2.5 8.36983 1.84 7.98053 1.2 7.35766C0.520002 6.73479 0.180001 5.78102 0.180001 4.49635C0.180001 3.95134 0.280001 3.40632 0.480002 2.86131C0.680001 2.35523 0.980002 1.88808 1.38 1.45985C1.78 1.03163 2.28 0.681265 2.88 0.408757C3.44 0.136252 4.1 -4.29904e-07 4.86 -4.96345e-07C6.26 -6.18737e-07 7.42 0.525546 8.34 1.57664C9.26 2.62773 9.72 3.95134 9.72 5.54744C9.72 8 8.94 10.1022 7.38 11.854C5.82 13.6058 3.82 14.9684 1.38 15.9416L1.68783e-06 13.4891C0.920002 13.0608 1.76 12.5353 2.52 11.9124C3.24 11.3285 3.74 10.6861 4.02 9.9854ZM15.3 10.0438C15.62 9.26521 15.34 8.77859 14.46 8.58394C13.78 8.42822 13.12 8.03893 12.48 7.41606C11.8 6.79319 11.46 5.83941 11.46 4.55474C11.46 4.00973 11.56 3.46472 11.76 2.9197C11.96 2.41362 12.26 1.94647 12.66 1.51824C13.06 1.09002 13.56 0.739657 14.16 0.467149C14.72 0.194645 15.38 0.0583921 16.14 0.058392C17.54 0.0583919 18.7 0.58394 19.62 1.63504C20.54 2.68613 21 4.00973 21 5.60583C21 8.05839 20.22 10.1606 18.66 11.9124C17.1 13.6642 15.1 15.0268 12.66 16L11.28 13.5474C12.2 13.1192 13.04 12.5937 13.8 11.9708C14.52 11.3869 15.02 10.7445 15.3 10.0438Z' fill='%23DDDDDD'/%3E%3C/g%3E%3C/svg%3E%0A");
    }
    #introduce .introduce_img div {
        display: none;
    }
	#introduce .introduce_text {
		margin-top: 1.5rem;
		padding-right: 0;
	}
	#introduce .introduce_text p {
		font-size: 1rem;
        line-height: 1.875rem;
        letter-spacing: -0.4px;
	}
	#introduce .introduce_text p + p {
		margin-top: 1.5rem;
	}
	#introduce .introduce_text p strong {
		font-size: 1.125rem;
        line-height: 1.875rem;
        letter-spacing: -0.45px;
        box-shadow: inset 0 -4px 0 #FAA74A;
	}
    #introduce .introduce_text p span, #introduce .introduce_text p em {
        font-size: 1rem;
        line-height: 1.875rem;
        letter-spacing: -0.4px;
    }
	#introduce .introduce_text p br {
		/* display: none; */
	}

    #midBanner {
        padding-top: 2.5rem;
    }
	#midBanner .banner_text i {
		display: none;
	}
	#midBanner .banner_text h3 {
		margin-bottom: 0.5rem;
		font-size: 1.25rem;
	}
	#midBanner .banner_text p {
		font-size: 1.125rem;
	}

	#vision .vision_intro {
		padding:5rem 1rem;
		font-size: 1.125rem;
	}
	#vision .vision_label {
		width: 9.25rem;
		margin-bottom: 1.5rem;
		font-size: 1.125rem;
	}
	#vision .vision_cont {
		padding:6rem 0;
	}
	#vision .vision_top h3 {
		font-size: 2rem;
	}
	#vision .vision_mid {
		margin-top: 5rem;
	}
	#vision .vision_bottom {
		margin-top: 5rem;
	}
	#vision .vision_list:before {
		display: none;
	}
	#vision .vision_list.n3 {
		grid-template-columns: repeat(1, 1fr);
	}

	#history {
		padding:3.5rem 0 0;
	}
	#history .history_slide .swiper-button-wrap {
		gap: 1rem;
		/* margin-top: -2rem; */
	}
	#history .history_slide .swiper-button-wrap .swiper-button-next, #history .history_slide .swiper-button-wrap .swiper-button-prev {
		width: 1.5rem;
		height: 1.5rem;
		border: none;
		background-color: transparent;
	}
	#history .history_slide .swiper-pagination {
		top: 4rem;
		height: 3px;
	}
	#history .history_slide .swiper-container {
		/* margin-top: 2.5rem; */
	}
	#history .history_slide .swiper-slide .year {
		margin-bottom: 2.25rem;
		font-size: 1.75rem;
	}
	#history .history_slide .swiper-slide .history_list {
		padding-right: 1rem;
	}
	#history .history_slide .swiper-slide .history_list li {
		gap: 0 1rem;
		padding:1rem 0;
	}
	#history .history_slide .swiper-slide .history_list li .month {
		font-size: 1.125rem;
	}
	#history .history_slide .swiper-slide .history_list li span {
		font-size: 1rem;
	}

	#network {
		padding:3.5rem 0 0;
	}
	#network .map-icon {
		width: 3rem;
		height: 3rem;
	}
	#network .map-area:after {
		height: calc(100% - 3.25rem);
	}
	#network .map-area .map {
		aspect-ratio: 4/3
	}
	#network .map-area .map-link {
		display: flex;
		justify-content: center;
		width: 100%;
		height: 3.25rem;
		font-size: 0.875rem;
		border-radius: 0;
	}
	#network p {
		/* margin-top: 1.5rem; */
		font-size: 1rem;
	}
	#network p .map-link {
		display: none;
	}
	#network ul li {
		gap: 0.75rem;
		padding-top: 1.5rem;
		padding-bottom: 0;
	}
	#network ul li:first-child {
		border: none;
	}
	#network ul li strong {
		font-size: 1rem;
	}
	#network ul li span {
		font-size: 1rem;
	}
}

@media screen and (max-width: 540px) {
	#vision .vision_cont {
		background-image: none;
	}
	#vision .vision_list {
		gap: 2rem;
		padding:0 1rem;
    }
	#vision .vision_list.n3,
	#vision .vision_list.n4 {
		grid-template-columns: repeat(1, 1fr);
	}
	#vision .vision_item {
		padding: 3rem 1rem;
	}
	#vision .vision_item p {
		font-size: 1.5rem;
	}
	#vision .vision_item li {
		font-size: 1.125rem;
	}

    .donation_form .tit_wrap {
        padding: 2rem 0 7.5rem;
        min-height: 50vw;
        background-image: url(../img/sub/donation/donation_tit_bg_m.jpg);
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 0.25rem;
        overflow: hidden;
        text-align: center;
    }
    .donation_form .tit_wrap h4 {
        margin-bottom: 0.5rem;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: normal;
    }
    .donation_form .tit_wrap span {
        color: #999;
        font-size: 1rem;
        font-weight: 400;
        line-height: normal;
    }
}

@media screen and (max-width: 480px) {
    .donation_form .tit_wrap {
        padding: 2rem 0 7.5rem;
        background-image: url(../img/sub/donation/donation_tit_bg_m.jpg);
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 0.25rem;
        overflow: hidden;
        text-align: center;
    }
	/* .donation_form .tit_wrap.mo {
		min-height: 40vw;
        padding: 2rem 0 2rem;
	} */
    .donation_form .tit_wrap h4 {
        margin-bottom: 0.5rem;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: normal;
    }
    .donation_form .tit_wrap span {
        color: #999;
        font-size: 1rem;
        font-weight: 400;
        line-height: normal;
    }
	.donation_form .form-control.half {
		width: 100%;
	}
	[class*=donation_] .btn_wrap {
		grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
	}
	[class*=donation_] .btn_wrap.month {
		grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
	}
	[class*=donation_] .btn_wrap .direct_amount {
		/* grid-column: 1 / 3; */
	}

	#midBanner img {
		min-width: 0;
		min-height: 0;
	}
}

/** 일시후원 변경 **/
._nominheight {
    min-height: 0;
}
.donation_ex {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    color: #222;
}
.donation_ex .ex_img {
    min-width: 7.5rem;
    height: 7.5rem;
    background-color: #F9FAFB;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic'%3E%3Cg id='Group 10226'%3E%3Cpath id='Vector' d='M36.5842 45.8166H31.4321V41.6484H36.5842C37.7704 41.6484 38.3634 41.0214 38.4005 39.8041V33.5703H42.5889V39.841C42.5889 42.2386 40.9951 45.8166 36.5842 45.8166Z' fill='%23E6DEDD'/%3E%3Cpath id='Vector_2' d='M9.6004 20.9965C9.6004 12.8446 15.8274 6.64768 24.0189 6.64768C32.2104 6.64768 38.4375 12.8446 38.4375 20.9965V26.7507H43.1077V20.9965C43.1077 10.5207 34.5456 2 24.0189 2C13.4552 2 4.89307 10.5207 4.89307 20.9965V26.7507H9.56334V20.9965H9.6004Z' fill='%23E6DEDD'/%3E%3Cpath id='Vector_3' d='M9.26641 19.6309H7.45019C3.33591 19.6309 0 22.9506 0 27.045V31.6927C0 35.7871 3.33591 39.1069 7.45019 39.1069H9.26641C10.0448 39.1069 10.6378 38.4798 10.6378 37.7421V21.0325C10.6378 20.2579 10.0077 19.6309 9.26641 19.6309Z' fill='%238FB73E'/%3E%3Cpath id='Vector_4' d='M38.7332 19.6309H40.5495C44.6637 19.6309 47.9997 22.9506 47.9997 27.045V31.6927C47.9997 35.7871 44.6637 39.1069 40.5495 39.1069H38.7332C37.9549 39.1069 37.3618 38.4798 37.3618 37.7421V21.0325C37.3618 20.2579 37.9919 19.6309 38.7332 19.6309Z' fill='%238FB73E'/%3E%3Cpath id='Vector_5' d='M33.7669 44.5259C33.7669 46.0751 32.5067 47.2924 30.987 47.2924H25.2418C23.6851 47.2924 22.4619 46.0383 22.4619 44.5259V42.5341C22.4619 40.9848 23.7221 39.7676 25.2418 39.7676H30.987C32.5438 39.7676 33.7669 41.0217 33.7669 42.5341V44.5259Z' fill='%23FAA74A'/%3E%3Cpath id='Vector_6' d='M21.7207 25.5997C21.7207 23.8661 22.0913 23.2021 23.5369 22.28L24.3153 21.8004C25.3531 21.1734 26.0574 20.3987 26.0574 19.5135C26.0574 18.5913 25.316 17.7429 23.9817 17.7429C22.6844 17.7429 21.906 18.37 21.5724 19.4397C21.313 20.3619 20.3492 20.7307 19.3855 20.4356C18.496 20.1774 17.977 19.4397 18.1624 18.4438C18.6072 16.1568 20.757 14.3125 23.7222 14.3125C27.4288 14.3125 29.8751 16.3781 29.8751 19.5135C29.8751 21.6898 28.6149 23.0177 26.7987 24.1612L26.0944 24.6038C25.6126 24.9358 25.4643 25.2309 25.4643 25.7473V26.1899C25.4643 27.3703 24.723 28.0342 23.574 28.0342C22.4249 28.0342 21.6836 27.3703 21.6836 26.1899V25.5997H21.7207ZM23.611 29.6941C24.8713 29.6941 25.9091 30.7269 25.9091 31.9811C25.9091 33.2352 24.8713 34.268 23.611 34.268C22.3508 34.268 21.313 33.2352 21.313 31.9811C21.2759 30.7638 22.3508 29.6941 23.611 29.6941Z' fill='%230071A2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
}
.donation_ex .ex_txt {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
}
.donation_ex .ex_txt p:first-of-type {
    margin-bottom: 0.75rem;
    width: 100%;
}
.donation_ex .ex_txt p:nth-of-type(2) {
    margin-right: 1.5rem;
}
.donation_ex .ex_txt p span {
    margin-right: 0.5rem;
    color: #999999;
    font-weight: 700;
}
.move_donation2 {
    margin-top: 2.5rem;
    background: linear-gradient(92deg, #E9F8C9 0.03%, #FFEAB3 99.97%);
    border-radius: 1.25rem;
    color: #222;
}
.move_donation2 > div {
    padding: 2.5rem;
    background: url('../img/sub/donation/move_donation2_bg.png');
    background-repeat: no-repeat;
    background-position: bottom right;
}
.move_donation2 h3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
}
.move_donation2 p {
    margin: 1rem 0 1.875rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
}
.move_donation2 a {
    display: inline-block;
    padding: 1.125rem 2rem;
    background-color: #222;
    border-radius: 1.75rem;
    color: #FFF;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.45px;
}
@media screen and (max-width: 800px) {
    .donation_border {
        padding: 2.5rem 1rem;
        border: 1px solid #DDD;
        border-radius: 0.625rem;
    }
    .donation_ex {
        flex-direction: column;
    }
    .donation_ex .ex_txt {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .donation_ex .ex_txt p:first-of-type {
        margin-bottom: 1.5rem;
    }
    .donation_ex .ex_txt p:nth-of-type(2) {
        margin-right: 0;
        margin-bottom: 1rem;
    }
    .move_donation2 {
        background: linear-gradient(117deg, #E9F8C9 0%, #FFEAB3 100%);
        border-radius: 0.625rem;
        text-align: center;
    }
    .move_donation2 > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: none;
    }
    .move_donation2 h3 {
        font-size: 1.625rem;
    }
    .move_donation2 p {
        margin: 0.5rem 0 1rem;
        font-size: 1rem;
    }
    .move_donation2 a {
        font-size: 0.875rem;
        letter-spacing: -0.35px;
    }
}

/*기부처 추가*/
.donation_form .form_textarea {
    position: relative;
}
.donation_form .form_textarea .form-control {
    padding: 1.25rem;
    height: 18.75rem;
}
.donation_form .form_textarea .form-control::-webkit-scrollbar {
    width: 2px;
} 
.donation_form .form_textarea .form-control::-webkit-scrollbar-button {
    display: none;
} 
.donation_form .form_textarea .form-control::-webkit-scrollbar-track {
    background-color: #EEE;
}
.donation_form .form_textarea .form-control::-webkit-scrollbar-thumb {
    background: #999; 
}
.donation_form .form_textarea .counter {
    position: absolute;
    bottom: 0.5rem;
    right: 0.75rem;;
    color: #999;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: normal;
}
.donation_form .form_textarea .counter span {
    color: #F00;
}
.recommned_cnt {
    padding-right: 0.75rem;
    max-height: 20rem;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.875rem;
    overflow-y: auto;
}
.recommned_cnt::-webkit-scrollbar {
    width: 2px;
} 
.recommned_cnt::-webkit-scrollbar-button {
    display: none;
} 
.recommned_cnt::-webkit-scrollbar-track {
    background-color: #EEE;
}
.recommned_cnt::-webkit-scrollbar-thumb {
    background: #999; 
}

/*기부처 완료 추가*/
.donation_form.recommend {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.donation_form.recommend .tit {
    margin-bottom: 1.5rem;
    color: #FAA74A;
}
.donation_form.recommend .cnt {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
}
.donation_form.recommend .recommend_img {
    width: 7.5rem;
    height: 7.5rem;
    background-color: #F9FAFB;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='45' viewBox='0 0 40 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic' clip-path='url(%23clip0_3645_6280)'%3E%3Cpath id='Vector' d='M8.11989 44.5H1.52589C0.653951 44.5 0 43.7978 0 42.9875V23.4328C0 22.5685 0.708447 21.9203 1.52589 21.9203H8.11989C8.99183 21.9203 9.64578 22.6225 9.64578 23.4328V42.9875C9.70027 43.7978 8.99183 44.5 8.11989 44.5Z' fill='%238FB73E'/%3E%3Cpath id='Vector_2' d='M40 26.1877C40 24.8913 38.9646 23.8649 37.6567 23.8649H34.9319H29.8637H24.7956C25.8855 22.2984 26.4305 19.4078 26.4305 17.5171V16.1126C26.4305 14.276 25.3951 12.5474 23.7602 11.6831C22.5613 11.0349 21.1444 11.8992 21.1444 13.2497C21.1444 16.0046 19.9455 19.5975 17.8746 21.4341L15.0953 23.8649H9.64575V42.5013H15.2043H16.1308H24.7956H30.5722H32.534C33.8419 42.5013 34.8774 41.475 34.8774 40.1785C34.8774 38.8821 33.8419 37.8557 32.534 37.8557H33.8964C35.2043 37.8557 36.2398 36.8294 36.2398 35.5329C36.2398 34.2365 35.2043 33.2101 33.8964 33.2101H35.6403C36.9482 33.2101 37.9836 32.1838 37.9836 30.8873C37.9836 29.5909 36.9482 28.5646 35.6403 28.5646H37.6022C38.9646 28.5105 40 27.4842 40 26.1877Z' fill='%23FAA74A'/%3E%3Cpath id='Vector_3' d='M23.2697 8.14427C22.5067 8.14427 21.8528 7.55007 21.8528 6.73979V2.90448C21.8528 2.14822 22.4522 1.5 23.2697 1.5C24.0326 1.5 24.6866 2.0942 24.6866 2.90448V6.73979C24.6321 7.49605 24.0326 8.14427 23.2697 8.14427Z' fill='%230071A2'/%3E%3Cpath id='Vector_4' d='M18.9646 9.54874C18.3106 9.92687 17.4387 9.7108 17.0572 9.00856L15.1498 5.65941C14.7684 5.01119 14.9864 4.1469 15.6948 3.76877C16.3488 3.39064 17.2207 3.60671 17.6022 4.30895L19.5095 7.65809C19.891 8.30632 19.673 9.17061 18.9646 9.54874Z' fill='%230071A2'/%3E%3Cpath id='Vector_5' d='M27.5203 9.54874C28.1743 9.92687 29.0462 9.7108 29.4277 9.00856L31.3351 5.65941C31.7165 5.01119 31.4985 4.1469 30.7901 3.76877C30.1361 3.39064 29.2642 3.60671 28.8827 4.30895L26.9754 7.65809C26.5939 8.30632 26.8664 9.17061 27.5203 9.54874Z' fill='%230071A2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3645_6280'%3E%3Crect width='40' height='44' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
}
@media screen and (max-width: 800px) {
    .donation_form .form_textarea .form-control {
        padding: 1rem;
        font-size: 1rem;
    }
    .recommned_cnt {
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .donation_form.recommend {
        flex-direction: column-reverse;
        gap: 1.5rem;
        text-align: center;
    }
    .donation_form.recommend .tit {
        margin-bottom: 1rem;
    }
    .donation_form.recommend .cnt {
        font-size: 1.125rem;   
        line-height: 1.75rem;
    }
}

/*자동입력방지*/
.donation_form .alert-captcha .form-group {
    flex-direction: column;
    gap: 1rem;
}
.donation_form .captcha_con {
    display: flex;
    justify-content: space-between;
    height: 4.5rem;
    background-color: #F6F6F6;
    border-radius: 0.25rem;
    border: 1px solid #DDD;
    overflow: hidden;
}
.captcha_img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.captcha_img img {
    max-height: 100%;
}
.captcha_btn {
    display: flex;
}
.captcha_btn .captcha_reload {
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.9048 19.3475C26.3441 23.1153 23.5051 26.29 19.6043 27.0507C14.6564 28.0155 9.8739 24.7309 8.92228 19.7143C7.97066 14.6976 11.2103 9.84871 16.1582 8.88387C20.2925 8.07769 24.3113 10.2383 26.0763 13.8972' stroke='%23999999' stroke-width='2'/%3E%3Cpath d='M27.6348 10.5176L26.5674 14.7831L22.2848 13.6815' stroke='%23999999' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.captcha_btn .captcha_mp3 {
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_1826_10379' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.1065 22.9521H9.40235C7.19321 22.9521 5.40234 21.1612 5.40234 18.9521V16.2306C5.40234 14.0214 7.1932 12.2306 9.40234 12.2306H12.1096L16.2787 7.73077C18.133 5.72952 21.4794 7.04151 21.4794 9.76971V25.4162C21.4794 28.1444 18.133 29.4564 16.2787 27.4551L12.1065 22.9521Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.1065 22.9521H9.40235C7.19321 22.9521 5.40234 21.1612 5.40234 18.9521V16.2306C5.40234 14.0214 7.1932 12.2306 9.40234 12.2306H12.1096L16.2787 7.73077C18.133 5.72952 21.4794 7.04151 21.4794 9.76971V25.4162C21.4794 28.1444 18.133 29.4564 16.2787 27.4551L12.1065 22.9521Z' fill='white'/%3E%3Cpath d='M12.1065 22.9521L13.5736 21.5928L12.98 20.9521H12.1065V22.9521ZM12.1096 12.2306V14.2306H12.983L13.5767 13.5899L12.1096 12.2306ZM16.2787 7.73077L17.7458 9.09006L17.7458 9.09006L16.2787 7.73077ZM16.2787 27.4551L14.8117 28.8144L14.8117 28.8144L16.2787 27.4551ZM12.1065 20.9521H9.40235V24.9521H12.1065V20.9521ZM9.40235 20.9521C8.29778 20.9521 7.40234 20.0567 7.40234 18.9521H3.40234C3.40234 22.2658 6.08864 24.9521 9.40235 24.9521V20.9521ZM7.40234 18.9521V16.2306H3.40234V18.9521H7.40234ZM7.40234 16.2306C7.40234 15.126 8.29778 14.2306 9.40234 14.2306V10.2306C6.08863 10.2306 3.40234 12.9169 3.40234 16.2306H7.40234ZM9.40234 14.2306H12.1096V10.2306H9.40234V14.2306ZM13.5767 13.5899L17.7458 9.09006L14.8117 6.37148L10.6425 10.8713L13.5767 13.5899ZM17.7458 9.09006C18.3639 8.42299 19.4794 8.86031 19.4794 9.76971H23.4794C23.4794 5.22271 17.902 3.03606 14.8117 6.37148L17.7458 9.09006ZM19.4794 9.76971V25.4162H23.4794V9.76971H19.4794ZM19.4794 25.4162C19.4794 26.3256 18.3639 26.7629 17.7458 26.0959L14.8117 28.8144C17.902 32.1498 23.4794 29.9632 23.4794 25.4162H19.4794ZM17.7458 26.0959L13.5736 21.5928L10.6395 24.3114L14.8117 28.8144L17.7458 26.0959Z' fill='%23999999' mask='url(%23path-1-inside-1_1826_10379)'/%3E%3Cpath d='M24.5186 8.65625C28.0791 10.0859 30.6014 13.6473 30.6014 17.8143C30.6014 21.9814 28.0791 25.5428 24.5186 26.9724' stroke='%23999999' stroke-width='2'/%3E%3Cpath d='M24.5186 13.125C26.0445 13.8398 27.1255 15.6205 27.1255 17.704C27.1255 19.7875 26.0445 21.5682 24.5186 22.283' stroke='%23999999' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.captcha_btn button {
    width: 4.5rem;
    min-width: 4.5rem;
    height: 100%;
    background-color: #FFF;
    background-position: center;   
    background-repeat: no-repeat;
    border-left: 1px solid #DDD;
}


/* New History 
--------------------------------------- */
#history_new {
	margin-top: 12.5rem;
}
#history_new .history_wrap {
	display: flex;
	justify-content: space-between;
	position: relative;
	width: 100%;
}

#history_new .year_tab {
	position: absolute;
	top: -12.5rem;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	background-color: #fff;
	z-index: 100;
}

#history_new .__fixed .year_tab {
	position: fixed;
	top: 0;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
}
body[data-scroll-dir="down"] #history_new .__fixed .year_tab {
	top: 0;
	transition: top 0.3s;
}
body[data-scroll-dir="up"] #history_new .__fixed .year_tab {
	top: 5.5rem;
	transition: top 0.3s;
}

#history_new .year_tab ul {
	display: flex;
	justify-content: center;
	gap: 1.5rem;
}

#history_new .year_tab ul li {
	position: relative;
	padding: 1rem 0.5rem;
	color: #999;
	font-family: 'Spoqa Han Sans Neo';
	font-size: 1.5rem;
	white-space: nowrap;
}
#history_new .year_tab ul li.on:after {
	content: '';
	display: block;
	position: absolute;
	top: calc(100% - 2px);
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #FAA74A;
}

#history_new .year_tab ul li.on {
	color: #FAA74A;
	font-weight: 600;
	text-shadow: 0 0 0.7px var(--color-green), 0 0 0.7px var(--color-green);
}

#history_new .change_year {
	position: sticky;
	position: -webkit-sticky;
	top: 14rem;
	left: 0;
	width: 17.875rem;
	height: 6.625rem;
	font-family: 'Spoqa Han Sans Neo';
	font-size: 6rem;
	font-weight: bold;
	transition: top 0.4s;
	z-index: 101;
}
#history_new .change_year span {
	color: #FAA74A;
}

#history_new .history_list {
	display: flex;
	flex-direction: column;
	width: calc(100% - 17.875rem);
	padding-top: 5rem;
}

#history_new .history_list .year_wrap {
	display: flex;
	justify-content: flex-end;
	position: relative;
}

#history_new .history_list .year_wrap .mo_year {
	display: none;
}

#history_new .history_list .year_wrap ul {
	width: 70%;
	max-width: 65.5rem;
	border-top: 0.125rem solid #222;
}

#history_new .history_list .year_wrap ul li {
	display: flex;
	flex-direction: column;
	padding: 1.5rem 0;
	border-bottom: 1px solid #222;
}

#history_new .history_list .year_wrap ul li p {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	padding:1.375rem 1rem;
	font-size: 1.25rem;
}

#history_new .history_list .year_wrap ul li p + p {
	border-top: 1px solid #E6E6E6;
}

#history_new .history_list .year_wrap ul li p strong {
	display: inline-block;
	position: relative;
	padding-right: 2.5rem;
	font-family: 'Spoqa Han Sans Neo';
	font-size: 1.5rem;
}

#history_new .history_list .year_wrap ul li p strong:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 1rem;
	right: 0.75rem;
	width: 0.25rem;
	height: 0.25rem;
	background-color: #222;
	border-radius: 50%;
}

#history_new .history_list .year_wrap img {
	position: absolute;
	top: 1.5rem;
	right: 0;
	max-width: 18.5rem;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s;
}

#history_new .history_list .year_wrap.on ul li {
	position: relative;
}
#history_new .history_list .year_wrap.on ul li:before,
#history_new .history_list .year_wrap.on ul li:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #FAA74A;
	z-index: 10;
	content:'';
}
#history_new .history_list .year_wrap.on ul li:before {
	top: -3px;
}
#history_new .history_list .year_wrap.on ul li:after {
	bottom: -3px;
}

#history_new .history_list .year_wrap.on img {
	visibility: visible;
	opacity: 1;
}

@media screen and (max-width: 1200px) {
	.sub_wrap {
		overflow: hidden;
	}
	#history_new {
		margin-top: 7.5rem;
	}
	#history_new .year_tab {
		top: -6rem;
	}
	#history_new .__fixed .year_tab {
		padding: 0 1rem;
	}

	#history_new .year_tab ul {
		justify-content: flex-start;
		gap: 1rem;
		overflow-x: auto;
		scrollbar-width: none;
	}

	#history_new .year_tab ul::-webkit-scrollbar {
		display: none;
	}

	#history_new .year_tab ul li {
		font-size: 1.125rem;
	}

	#history_new .year_tab ul li a {
		display: block;
		margin-bottom: 0.2rem;
	}

	#history_new .change_year {
		display: none;
	}

	#history_new .history_list {
		width: 100%;
		gap: 5rem;
		padding-top: 3.4rem;
	}

	#history_new .history_list .year_wrap {
		flex-direction: column;
		border-bottom: 1px solid #222;
	}

	#history_new .history_list .year_wrap .mo_year {
		display: block;
		font-size: 2.25rem;
		padding: 0 0 1rem;
	}

	#history_new .history_list .year_wrap .mo_year span {
		color: #FAA74A;
	}

	#history_new .history_list .year_wrap .mo_year br {
		display: none;
	}

	#history_new .history_list .year_wrap ul {
		max-width: 100%;
		width: 100%;
	}

	#history_new .history_list .year_wrap ul li {
		border-bottom: none;
	}

	#history_new .history_list .year_wrap ul li p {
		align-items: baseline;
		width: 100%;
		line-height: 1.75rem;
		font-size: 1.125rem;
	}

	#history_new .history_list .year_wrap ul li p:before {
		top: 0.75rem;
	}

	#history_new .history_list .year_wrap img {
		position: static;
		padding: 0.625rem 0 1.5rem;
		max-width: 50%;
		visibility: visible;
		opacity: 0.3;
	}
	#history_new .history_list .year_wrap.on img {
		opacity: 1;
	}
}
@media screen and (max-width: 800px) {
	#history_new {
		margin-top: 6.5rem;
	}
	#history_new .year_tab {
		top: -4rem;
	}
	body[data-scroll-dir="up"] #history_new .__fixed .year_tab {
		top: 3.4375rem;
	}
	#history_new .history_list .year_wrap .mo_year {
		font-size: 2.5rem;
	}
	#history_new .history_list .year_wrap img {
		max-width: 100%;
	}
	#history_new .history_list .year_wrap ul li {
		padding:1rem 0;
	}
	#history_new .history_list .year_wrap ul li p {
		font-size: 1rem;
	}
	#history_new .history_list .year_wrap ul li p strong {	
		font-size: 1.125rem;
	}
	#history_new .history_list .year_wrap ul li p strong:before {
		top: 0.75rem;
	}
	#history_new .history_list .year_wrap.on ul li:before, 
	#history_new .history_list .year_wrap.on ul li:after {
		height: 2px;
	}
	#history_new .history_list .year_wrap.on ul li:before {
		top: -2px;
	}
	#history_new .history_list .year_wrap.on ul li:after {
		bottom: -2px;
	}
}