html {
    font-size: 100%;
}
.inner {
	width: 100%;
	max-width: 1456px;
	margin:0 auto;
	padding:4rem 1rem;
}
.mypage {
    display: flex;
	gap: 2.5rem;
	min-height: 50vh;
    color: #222;
}
.mp_wh {
	display: flex;
	justify-content: start;
	flex-shrink: 0;
	position: sticky;
	top: 6.25rem;
	width: 11.375rem;
}
.mp_nav {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mp_head {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 1.75rem 1.5rem;
	border-radius: 1.25rem;
	background-image: linear-gradient(133deg, #98C936 1.62%, #0071A2 146.29%);
}
.mp_slogan {
	display: none;
    margin-bottom: 2rem;
    border-radius: 50%;
    overflow: hidden;
}
.mp_member {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 400;
	line-height: 1.4;
	word-break: keep-all;
}
.mp_member + .mp_suggest {
	margin-top: 1rem;
}
.mp_suggest {
	position: relative;
	font-size: 0.875rem;
}
.mp_suggest > p {
	color: #fff;
}
.mp_suggest button.mp_suggest-btn {
	margin-top: 0.5rem;
	padding: 0.5rem 1rem 0.5rem 2.375rem;
	border-radius: 4px;
	border: 1px solid #DDD;
	background-color: #FFF;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M5.28284 4.97905L8.50359 1.75124L11.7243 4.97199' stroke='%23222221' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M8.49652 1.92783V10.8767' stroke='%23222221' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M6.05972 7.66304H3.70703V15.4178H13.3019V7.66304H10.8555' stroke='%23222221' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 1rem;
	background-position: 1rem 50%;
}
.mp_share-pop {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	width: 16.25rem;
	padding:1rem;
	border-radius: 4px;
	border: 1px solid #DDD;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
	background-color: #fff;
	transform: translateX(-50%);
	z-index: 100;
}
.mp_share-pop .mp_share-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mp_share-pop .mp_share-head h5 {
	font-size: 1rem;
}
.mp_share-pop .mp_share-head button {
	overflow: hidden;
	width: 1rem;
	height: 1rem;
	text-indent: -9999px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect x='2.70709' y='2.10645' width='15' height='1' transform='rotate(45 2.70709 2.10645)' fill='%23222222'/%3E%3Crect x='2.20709' y='12.6064' width='15' height='1' transform='rotate(-45 2.20709 12.6064)' fill='%23222222'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.mp_share-pop .mp_share-btn {
	display: flex;
	justify-content: space-between;
	margin-top: 0.75rem;
}
.mp_share-pop .mp_share-btn button {
	font-size: 0.875rem;
	font-weight: 600;
	text-align: center;
}
.mp_share-pop .mp_share-btn button:before {
	display: block;
	width: 3.125rem;
	height: 3.125rem;
	margin:0 auto 0.5rem;
	background-repeat: no-repeat;
	background-size: 100% auto;
	content:'';
}
.mp_share-pop .mp_share-btn button.share-sms:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Crect width='50' height='50' rx='25' fill='%230071A2'/%3E%3Cpath d='M14.94 15.3715H23.7035C25.0191 15.3715 26.0865 16.4389 26.0865 17.7545V24.3444C26.0865 25.66 25.0191 26.7275 23.7035 26.7275H21.1497C20.9992 26.7275 20.8528 26.7824 20.739 26.88L17.2945 29.8608C16.896 30.2044 16.2881 29.8526 16.3897 29.3362L16.7557 27.4777C16.833 27.0894 16.5341 26.7275 16.1396 26.7275H14.94C13.6244 26.7275 12.5569 25.66 12.5569 24.3444V17.7545C12.5569 16.4389 13.6244 15.3715 14.94 15.3715Z' fill='white'/%3E%3Cpath d='M34.4414 19.4076H23.3782C21.904 19.4076 20.7084 20.6031 20.7084 22.0773V30.5033C20.7084 31.9774 21.904 33.173 23.3782 33.173H26.7595C26.8998 33.173 27.0361 33.2198 27.1479 33.3072L31.7025 36.8797C32.1132 37.203 32.7029 36.8269 32.5829 36.3165L32.0238 33.9457C31.9302 33.5512 32.2312 33.173 32.6358 33.173H34.4414C35.9155 33.173 37.1111 31.9774 37.1111 30.5033V22.0752C37.1111 20.6011 35.9155 19.4055 34.4414 19.4055V19.4076Z' fill='%2383B7CE'/%3E%3Cpath d='M27.7193 28.4659H25.4623C25.0089 28.4659 24.6409 28.834 24.6409 29.2874C24.6409 29.7408 25.0089 30.1089 25.4623 30.1089H27.7193C28.1727 30.1089 28.5407 29.7408 28.5407 29.2874C28.5407 28.834 28.1727 28.4659 27.7193 28.4659Z' fill='white'/%3E%3Cpath d='M31.9323 25.5725H25.4643C25.0109 25.5725 24.6429 25.9405 24.6429 26.394C24.6429 26.8474 25.0109 27.2154 25.4643 27.2154H31.9323C32.3857 27.2154 32.7537 26.8474 32.7537 26.394C32.7537 25.9405 32.3857 25.5725 31.9323 25.5725Z' fill='white'/%3E%3Cpath d='M31.9323 22.6791H25.4643C25.0109 22.6791 24.6429 23.0471 24.6429 23.5005C24.6429 23.954 25.0109 24.322 25.4643 24.322H31.9323C32.3857 24.322 32.7537 23.954 32.7537 23.5005C32.7537 23.0471 32.3857 22.6791 31.9323 22.6791Z' fill='white'/%3E%3C/svg%3E");
}
.mp_share-pop .mp_share-btn button.share-kakao:before {
	background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='50' rx='25' fill='%23FBE44D'/%3E%3Cg clip-path='url(%23clip0_5081_11651)'%3E%3Cpath d='M25.0009 14C17.8198 14 12 18.6221 12 24.3272C12 28.0399 14.4664 31.2923 18.1669 33.1131C17.8943 34.1321 17.1818 36.8075 17.0401 37.3791C16.8638 38.0895 17.2981 38.0804 17.5835 37.8904C17.8071 37.7407 21.1459 35.4597 22.5854 34.4754C23.3669 34.5923 24.1739 34.6544 24.9991 34.6544C32.1784 34.6544 38 30.0323 38 24.329C38 18.6258 32.1802 14 25.0009 14Z' fill='%23371C1D'/%3E%3Cpath d='M15.9314 22.4261H17.2691C17.2691 22.4261 17.2782 26.1187 17.2691 26.9789C17.2709 27.6071 18.6613 27.6162 18.6595 26.988L18.665 22.4736C18.665 22.4736 19.1139 22.4773 19.9972 22.4773C20.8297 22.4773 20.8297 21.1624 19.9972 21.1624C19.0594 21.1624 15.9277 21.1368 15.9277 21.1368C15.1426 21.1368 15.1444 22.4261 15.9277 22.4261' fill='%23F8E049'/%3E%3Cmask id='mask0_5081_11651' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='15' y='21' width='6' height='7'%3E%3Cpath d='M15.9314 22.4261H17.2691C17.2691 22.4261 17.2782 26.1187 17.2691 26.9789C17.2709 27.6071 18.6613 27.6162 18.6595 26.988L18.665 22.4736C18.665 22.4736 19.1139 22.4773 19.9972 22.4773C20.8297 22.4773 20.8297 21.1624 19.9972 21.1624C19.0594 21.1624 15.9277 21.1368 15.9277 21.1368C15.1426 21.1368 15.1444 22.4261 15.9277 22.4261' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5081_11651)'%3E%3Cpath d='M20.8315 21.1368H15.1444V27.6162H20.8315V21.1368Z' fill='%23F8E049'/%3E%3C/g%3E%3Cpath d='M22.3346 22.6635L23.0798 25.0083H21.5276L22.3346 22.6635ZM21.5003 21.566C21.1713 22.2946 19.9809 25.7352 19.5864 26.6483C19.3011 27.3075 20.5316 27.8463 20.8169 27.187L21.0841 26.2465H23.5323C23.5323 26.2465 23.4487 26.2849 23.7741 27.1468C24.0376 27.8444 25.3081 27.3605 25.0445 26.6629C24.6683 25.6658 23.3688 22.0755 23.1307 21.5678C23.0216 21.3322 22.629 21.1642 22.2491 21.1642C21.9347 21.1642 21.6275 21.2792 21.4985 21.5678' fill='%23F8E049'/%3E%3Cmask id='mask1_5081_11651' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='19' y='21' width='7' height='7'%3E%3Cpath d='M22.3346 22.6635L23.0798 25.0083H21.5276L22.3346 22.6635ZM21.5003 21.566C21.1713 22.2946 19.9809 25.7352 19.5864 26.6483C19.3011 27.3075 20.5316 27.8463 20.8169 27.187L21.0841 26.2465H23.5323C23.5323 26.2465 23.4487 26.2849 23.7741 27.1468C24.0376 27.8444 25.3081 27.3605 25.0445 26.6629C24.6683 25.6658 23.3688 22.0755 23.1307 21.5678C23.0216 21.3322 22.629 21.1642 22.2491 21.1642C21.9347 21.1642 21.6275 21.2792 21.4985 21.5678' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_5081_11651)'%3E%3Cpath d='M25.3099 21.1624H19.3011V27.8463H25.3099V21.1624Z' fill='%23F8E049'/%3E%3C/g%3E%3Cpath d='M25.5153 21.7814C25.5171 22.9502 25.5226 26.7195 25.5226 26.7195C25.5226 26.7195 25.4153 27.4682 26.0533 27.4682C26.6913 27.4682 28.1108 27.4609 28.7396 27.4609C29.3685 27.4609 29.3649 26.1169 28.736 26.1169C28.1071 26.1169 26.9584 26.1096 26.9584 26.1096C26.9584 26.1096 26.9639 22.6233 26.9621 21.7778C26.9621 21.3687 26.6004 21.1642 26.2387 21.1642C25.877 21.1642 25.5135 21.3705 25.5135 21.7814' fill='%23F8E049'/%3E%3Cmask id='mask2_5081_11651' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='25' y='21' width='5' height='7'%3E%3Cpath d='M25.5153 21.7814C25.5171 22.9502 25.5226 26.7195 25.5226 26.7195C25.5226 26.7195 25.4153 27.4682 26.0533 27.4682C26.6913 27.4682 28.1108 27.4609 28.7396 27.4609C29.3685 27.4609 29.3649 26.1169 28.736 26.1169C28.1071 26.1169 26.9584 26.1096 26.9584 26.1096C26.9584 26.1096 26.9639 22.6233 26.9621 21.7778C26.9621 21.3687 26.6004 21.1642 26.2387 21.1642C25.877 21.1642 25.5135 21.3705 25.5135 21.7814' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask2_5081_11651)'%3E%3Cpath d='M29.3703 21.1642H25.4153V27.4682H29.3703V21.1642Z' fill='%23F8E049'/%3E%3C/g%3E%3Cpath d='M29.5375 21.5952C29.5521 22.1083 29.5212 26.7451 29.5212 27.0884C29.5212 27.6308 30.8952 27.629 30.8952 27.0884C30.8952 26.4584 30.8952 25.264 30.8952 25.264L31.2987 24.939L33.0618 27.3568C33.418 27.8298 34.5412 26.9752 34.185 26.5022L32.3111 24.0222C32.3111 24.0222 33.5834 22.6398 34.0832 22.1394C34.3758 21.8472 33.4707 20.9304 33.1781 21.2244C32.8945 21.5075 30.9025 23.5109 30.9025 23.5109C30.9025 23.5109 30.9207 22.2526 30.9025 21.5568C30.8952 21.292 30.5735 21.1642 30.2427 21.1642C29.8901 21.1642 29.5284 21.3103 29.5357 21.5933' fill='%23F8E049'/%3E%3Cmask id='mask3_5081_11651' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='29' y='21' width='6' height='7'%3E%3Cpath d='M29.5375 21.5952C29.5521 22.1083 29.5212 26.7451 29.5212 27.0884C29.5212 27.6308 30.8952 27.629 30.8952 27.0884C30.8952 26.4584 30.8952 25.264 30.8952 25.264L31.2987 24.939L33.0618 27.3568C33.418 27.8298 34.5412 26.9752 34.185 26.5022L32.3111 24.0222C32.3111 24.0222 33.5834 22.6398 34.0832 22.1394C34.3758 21.8472 33.4707 20.9304 33.1781 21.2244C32.8945 21.5075 30.9025 23.5109 30.9025 23.5109C30.9025 23.5109 30.9207 22.2526 30.9025 21.5568C30.8952 21.292 30.5735 21.1642 30.2427 21.1642C29.8901 21.1642 29.5284 21.3103 29.5357 21.5933' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask3_5081_11651)'%3E%3Cpath d='M34.5412 20.9341H29.5212V27.8298H34.5412V20.9341Z' fill='%23F8E049'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5081_11651'%3E%3Crect width='26' height='24' fill='white' transform='translate(12 14)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.mp_share-pop .mp_share-btn button.share-mail:before {
	background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='50' rx='25' fill='%238FB73E'/%3E%3Cg clip-path='url(%23clip0_5083_11680)'%3E%3Cpath d='M23.5912 12.5356L13 21.9277V33.6798H37V21.9277L26.4088 12.5356C25.6048 11.8225 24.3952 11.8225 23.5912 12.5356Z' fill='%236C7D48'/%3E%3Cpath d='M25 32.5704L33.6304 24.9165V15.6637C33.6304 14.4921 32.68 13.5413 31.5088 13.5413H18.4936C17.3224 13.5413 16.372 14.4921 16.372 15.6637V24.9165L25.0024 32.5704H25Z' fill='white'/%3E%3Cpath d='M25 32.5704L13 21.9275V34.7672C13 36.0012 13.9984 37 15.232 37H34.768C36.0016 37 37 36.0012 37 34.7672V21.9275L25 32.5704Z' fill='%23AFD95B'/%3E%3Cpath d='M25.4032 16.8425H24.5944C22.2496 16.8425 20.344 18.7511 20.344 21.0944V22.2396C20.344 24.5852 22.252 26.4915 24.5944 26.4915H25.4032C26.188 26.4915 26.9536 26.2754 27.6184 25.8672C27.9424 25.668 28.0456 25.243 27.8464 24.9189C27.6472 24.5948 27.2248 24.4916 26.8984 24.6908C26.4496 24.9645 25.9312 25.111 25.4008 25.111H24.592C23.008 25.111 21.7192 23.8217 21.7192 22.2372V21.092C21.7192 19.5074 23.008 18.2182 24.592 18.2182H25.4008C26.9848 18.2182 28.2736 19.5074 28.2736 21.092V21.188C28.2736 22.218 27.9592 22.883 27.472 22.883C27.2728 22.883 27.112 22.7221 27.112 22.5229V19.6443C27.112 19.2625 26.8048 18.9552 26.4232 18.9552C26.1736 18.9552 25.9576 19.0873 25.8376 19.2865C25.5472 19.1473 25.2232 19.0681 24.8776 19.0681H24.7336C23.5024 19.0681 22.4992 20.0716 22.4992 21.3032V22.0283C22.4992 23.2599 23.5024 24.2635 24.7336 24.2635H24.8776C25.4032 24.2635 25.8856 24.081 26.2672 23.7761C26.5792 24.0786 27.004 24.2635 27.472 24.2635C28.4776 24.2635 29.6512 23.4592 29.6512 21.1904V21.0944C29.6512 18.7487 27.7432 16.8425 25.4008 16.8425H25.4032ZM24.8824 22.8854H24.7384C24.2656 22.8854 23.8816 22.5013 23.8816 22.0283V21.3032C23.8816 20.8303 24.2656 20.4461 24.7384 20.4461H24.8824C25.3552 20.4461 25.7392 20.8303 25.7392 21.3032V22.0283C25.7392 22.5013 25.3552 22.8854 24.8824 22.8854Z' fill='%238FB73E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5083_11680'%3E%3Crect width='24' height='25' fill='white' transform='translate(13 12)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.mp_share-pop .mp_share-btn button.share-copy:before {
	background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='50' rx='25' fill='%23666666'/%3E%3Cpath d='M27.2518 28.8889L24.4116 31.7291C22.717 33.4237 19.9678 33.4237 18.2709 31.7291C16.5763 30.0346 16.5763 27.2854 18.2709 25.5884L21.1111 22.7482' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M22.7482 21.1112L25.5884 18.2709C27.283 16.5764 30.0322 16.5764 31.7291 18.2709C33.4237 19.9655 33.4237 22.7147 31.7291 24.4116L28.8913 27.2495' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M28 22L22 28' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}
.mp_m_menu_wrap {
	display: none;
}
.mp_menu {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	width: 100%;
	margin-top: 1rem;
	padding: 1.75rem 1.5rem;
	border-radius: 1.25rem;
	border: 1px solid #DDD;
	background-color: #fff;
}
.mp_menu li a {
	padding: 0;
	border: none;
}
.mp_menu > li > a {
    display: flex;
    justify-content: space-between;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
	word-break: keep-all;
}
.mp_menu > li.on > a, .mp_menu > li:hover > a {
    color: #FAA74A;
}
.mp_menu > li ul {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-top: 1rem;
}
.mp_menu > li ul > li > a {
	font-size: 1rem;
	font-weight: normal;
}
.mp_menu > li ul li:hover a,
.mp_menu > li ul li.on a {
	color: #FAA74A;
	text-decoration: underline;
	text-underline-position: under;
}

.mp_gr {
	display: flex;
	flex-direction: column;
    width: 100%;
	gap: 1rem;
}
.mp_cnt {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
	padding:2rem;
	border-radius: 1.25rem;
	border: 1px solid #DDD;
	background-color: #FFF;
}
.mp_cnt.full-h {
	height: 100%;
}
.mp_tit h3 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: normal;
	word-break: keep-all;
}
.mp_tit h3.point {
    font-weight: 400;
}
.mp_tit h3.point strong {
    box-shadow: inset 0 -14px 0 #FAA74A; 
}
.mp_tit h4 {
    margin-top: 5rem;
    font-size: 1.5rem;
}
.mp_tit p {
    margin-top: 1rem;
    color: #999;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: -0.45px;
}
.mp_box {
	width: 100%;
}
.mp_box .inp_group + .inp_group {
    margin-top: 2.5rem;
}
.mp_box .inp_group h4 {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: normal;
}
.mp_box .inp_group .inp {
    padding: 1.25rem 1.5rem;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #DDD !important;
    border-radius: 0.25rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: normal;
}
.mp_box .sd_list:first-of-type {
	margin-bottom: 0;
}
.empty_box {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.empty_box .mp_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 878px;
	margin:0 auto;
	padding: 3rem 0;
	text-align: left;
}
.empty_box.reverse .mp_box {
	padding: 3.25rem 0;
}
.mp_box table {
	width: 100%;
	font-size: 1rem;
	border-top: 1px solid #222;
}
.mp_box table.text-center,
.mp_box table *.text-center {
	text-align: center;
}
.mp_box table *.text-left {
	text-align: left;
}
.mp_box table *.text-right {
	text-align: right;
}
.mp_box tr {
	border-bottom: 1px solid #ddd;
}
.mp_box th {
	padding:1.25rem 0.5rem;
	color: #555;
	background-color: #F4F6F8;
}
.mp_box td {
	padding:1.5rem 0.5rem;
}
.mp_box td.num {
	color: #8E9097;
}
.mp_label {
	display: inline-block;
	padding: 0.375rem 0.5rem;
	font-size: 0.875rem;
	font-weight: 700;
	border-radius: 18px;
}
.mp_label.ing {
	color: #FAA74A;
	border: 1px solid #FAA74A;
	background-color: #FFF6ED;
}
.mp_label.mody {
	color: #8FB73E;
	border: 1px solid #8FB73E;
	background-color: #F8FFE9;
}
.mp_label.end {
	color: #999;
	border: 1px solid #999;
	background-color: #F6F6F6;
}

.mp_import {
	display: flex;
}
.mp_import span {
	padding-left: 1.75rem;
	font-size: 0.875rem;
	word-break: keep-all;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z' fill='%23999999'/%3E%3Cpath d='M9 6H11V12H9V6Z' fill='white'/%3E%3Cpath d='M11 13.9688H9V15.9688H11V13.9688Z' fill='white'/%3E%3C/svg%3E");
	background-size: 1.25rem;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.btn_group {
    display: flex;
    gap: 1rem;
    margin-top: 2.5rem;
}
.btn_group .btn {
    padding: 1.125rem 2rem;
    width: 100%;
    background-color: #FFF;
    text-align: center;
    border-radius: 2rem;
    border: 1px solid #DDD;
	color: #111;
    font-size: 1.125rem;
    line-height: normal;
    letter-spacing: -0.45px;
    text-wrap: nowrap;
}
.btn_group .btn.btn_bl {
    background-color: #222;
    color: #FFF;
}
.btn_group .btn.btn_bl:hover {
    background-color: #4E4E4E;
}
.btn_group .btn.on {
	border: 1px solid #FAA74A;
    background-color: #FAA74A;
    color: #FFF;
}

/* pagination */
.page_wrap {
	margin-top: 1rem;
	font-size: 1.125rem;
}

.page {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
}

.page>a {
	font-size: 1.125rem;
	z-index: 0;
	position: relative;
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
}

.page a i[class*=icon_],
.page a i[class^=icon_] {
	display: block;
	text-align: center;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	background: no-repeat center center;
	background-size: auto;
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: opacity 0.3s ease-out;
}

.page a i[class*=icon_].icon_prev,
.page a i[class^=icon_].icon_prev {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='Path 384' d='M0 0h24v24H0z' style='fill:none'/%3E%3Cpath data-name='Path 385' d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z' style='fill:%238e9097'/%3E%3C/svg%3E%0A");
}

.page a i[class*=icon_].icon_prev2,
.page a i[class^=icon_].icon_prev2 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='Path 384' d='M0 0h24v24H0z' style='fill:none'/%3E%3Cpath data-name='Path 385' d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z' style='fill:%238e9097'/%3E%3Cpath data-name='Path 389' d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z' transform='translate(-6)' style='fill:%238e9097'/%3E%3C/svg%3E%0A");
}

.page a i[class*=icon_].icon_next,
.page a i[class^=icon_].icon_next {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='Path 384' d='M24 0H0v24h24z' style='fill:none'/%3E%3Cpath data-name='Path 385' d='M8 7.41 9.41 6l6 6-6 6L8 16.59 12.58 12z' transform='translate(.59)' style='fill:%238e9097'/%3E%3C/svg%3E%0A");
}

.page a i[class*=icon_].icon_next2,
.page a i[class^=icon_].icon_next2 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='Path 384' d='M24 0H0v24h24z' style='fill:none'/%3E%3Cpath data-name='Path 385' d='M8 7.41 9.41 6l6 6-6 6L8 16.59 12.58 12z' transform='translate(.59)' style='fill:%238e9097'/%3E%3Cpath data-name='Path 389' d='M8 7.41 9.41 6l6 6-6 6L8 16.59 12.58 12z' transform='translate(6.59)' style='fill:%238e9097'/%3E%3C/svg%3E%0A");
}

.page_p {
	display: flex;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0 1rem;
}

.page_p a {
	font-size: 1.125rem;
	z-index: 0;
	position: relative;
	display: block;
	width: 2.125rem;
	height: 2.125rem;
	line-height: 2.125rem;
	font-family: "Spoqa Han Sans Neo";
	color: #8E9097;
	border: none;
	text-align: center;
}

.page_p a:hover {
	color: #FAA74A;
	font-weight: bold;
}

.page_p a.act {
	background: #FAA74A;
	border-radius: 50%;
	font-weight: bold;
	color: #fff;
}

.current_m {
	display: none;
	gap: 1rem;
	padding: 0 1rem;
}

.current_m .now {
	color: #FAA74A;
	font-weight: bold;
}

@media screen and (max-width:1280px) {
    .mp_nav {
        width: 100%;
    }
    .mp_menu li {
        width: 100%;
    }
    .mp_tit h3 {
        font-size: 1.75rem;
    }
    .mp_tit h4 {
        margin-top: 2.5rem;
        font-size: 1.25rem;
    }
    .mp_tit p {
        margin-top: 0.75rem;
    }
    .mp_box .inp_group + .inp_group {
        margin-top: 2rem;
    }
    .mp_box .inp_group h4 {
        margin-bottom: 0.75rem;
        font-size: 1.25rem;
    }
    .mp_box .inp_group .inp {
        padding: 1rem;
        font-size: 1rem;
    }
	.empty_box .mp_box {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 2.5rem;
		text-align: center;
	}

	.empty_box.reverse .mp_box {
		flex-direction: column-reverse;
	}

	.empty_box p {
		margin-top: 1rem;
	}

	.empty_box .btn_group {
		margin-top: 1rem;
	}

    .btn_group {
        margin-top: 2rem;
    }
    .btn_group {
        gap: 0.75rem;
    }
    .btn_group .btn {
        font-size: 0.875rem;
        letter-spacing: -0.35px;
    }
	.page_p {
		display: none;
	}

	.current_m {
		display: flex;
	}
}
@media screen and (max-width:1200px) {
	.sub_wrap {
		overflow: visible;
	}
}
@media screen and (max-width: 1024px) {
	.sub_wrap {
		overflow: hidden;
	}
	.inner {
		max-width: 600px;
	}
	.mypage {
		flex-direction: column;
		gap: 2rem;
	}
	.mp_wh {
		position: static;
		width: 100%;
	}
	.mp_nav {
		position: relative;
		align-items: baseline;
		padding-bottom: 4.375rem;
	}
	.mp_member + .mp_suggest {
		margin-top: 0.75rem;
	}
	.mp_suggest button.mp_suggest-btn {
		position: absolute;
		top: 0;
		right: 0;
		margin-top: 0;
		transform: translateY(-80%);
	}
	.mp_share-pop {
		left: auto;
		right: 0;
		transform: translateX(0);
	}
	.mp_menu_wrap {
		display: none;
	}
	.mp_m_menu_wrap {
		display: flex;
		justify-content: space-between;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		gap: 0.5rem;
		z-index: 10;
	}
	.mp_menu {
		position: relative;
		width: 100%;
		margin-top: 0;
		padding:0;
		border: none;
	}
	.mp_menu > button {
		display: block;
		position: relative;
		width: 100%;
		padding:1rem 1.5rem;
		text-align: left;
		border: 1px solid #ddd;
		border-radius: 4px;
		background-color: #fff;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9' viewBox='0 0 8 9' fill='none'%3E%3Cpath d='M4 7.5L0 1.5L8 1.5L4 7.5Z' fill='%23222222'/%3E%3C/svg%3E");
		background-position: calc(100% - 1.5rem) 1.265rem;
		background-repeat: no-repeat;
		z-index: 2;
	}
	.mp_menu ul {
		display: none;
		align-items: flex-start;
		justify-content: flex-start;
		position: absolute;
		top: 100%;
		left: 0;
		gap: 1rem;
		width: 100%;
		margin-top: -0.5rem;
		padding-top: 0.5rem;
		border: 1px solid #ddd;
		border-radius: 0 0 0.75rem 0.75rem;
		background-color: #fff;
		z-index: 1;
	}
	.mp_menu li > a {
		display: block;
		padding: 1rem 1.5rem;
		font-size: 1rem;
		font-weight: normal;
	}
	.mp_menu li > a:hover {
		color: #FAA74A;
		font-weight: bold;
		background-color: #f6f6f6;
	}
	.mp_subMenu {
		display: none;
		position: relative;
		width: 100%;
	}
	.mp_subMenu > button {
		position: relative;
		width: 100%;
		padding:1rem 1.5rem;
		text-align: left;
		border: 1px solid #ddd;
		border-radius: 4px;
		background-color: #fff;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9' viewBox='0 0 8 9' fill='none'%3E%3Cpath d='M4 7.5L0 1.5L8 1.5L4 7.5Z' fill='%23222222'/%3E%3C/svg%3E");
		background-position: calc(100% - 1.5rem) 1.265rem;
		background-repeat: no-repeat;
		z-index: 2;
	}
	.mp_subMenu ul {
		display: none;
		align-items: flex-start;
		justify-content: flex-start;
		position: absolute;
		top: 100%;
		left: 0;
		gap: 1rem;
		width: 100%;
		margin-top: -0.5rem;
		padding-top: 0.5rem;
		border: 1px solid #ddd;
		border-radius: 0 0 0.75rem 0.75rem;
		background-color: #fff;
		z-index: 1;
	}
	.mp_subMenu li > a {
		display: block;
		padding: 1rem 1.5rem;
		font-size: 1rem;
		font-weight: normal;
	}
	.mp_subMenu li > a:hover {
		color: #FAA74A;
		font-weight: bold;
		background-color: #f6f6f6;
	}
	.mp_subMenu li.on > a {
		text-decoration: none;
	}
	.mp_m_menu_wrap.on .mp_subMenu {
		display: block;
	}

	.mp_cnt {
		padding:1.25rem 1.5rem;
		border-radius: 0.75rem;
	}
	.empty_box .mp_box {
		padding:2rem 0;
	}
	.mp_box:not(.normal_table) thead {
		display: none;
	}
	.mp_box:not(.normal_table) table,
	.mp_box:not(.normal_table) tbody,
	.mp_box:not(.normal_table) tr,
	.mp_box:not(.normal_table) th,
	.mp_box:not(.normal_table) td {
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		gap: 0.75rem;
	}
	.mp_box:not(.normal_table) tr {
		padding:1.25rem;
	}
	.mp_box:not(.normal_table) td[data-col] {
		padding:0;
	}
	.mp_box:not(.normal_table) td[data-col]:before {
		color: #999;
		font-weight: 600;
		content: attr(data-col);
	}
	.mp_box:not(.normal_table) td[data-col="후원방식"],
	.mp_box:not(.normal_table) td[data-col="후원상태"] {
		width: min-content;
		white-space: nowrap;
	}
	.mp_box:not(.normal_table) td[data-col="후원방식"]:before,
	.mp_box:not(.normal_table) td[data-col="후원상태"]:before {
		display: none;
	}
}
@media screen and (max-width: 600px) {
	.inner {
		padding-top: 0;
	}
	.mp_suggest button.mp_suggest-btn {
		overflow: hidden;
		width: 48px;
		height: 48px;
		padding:0;
		text-indent: -999999999px;
		border-radius: 100%;
		background-size: 1.25rem 1.25rem;
		background-position: center;
		transform: translateY(-70%);
	}
	.mp_menu > button {
		padding: 1rem;
	}
	.mp_menu li > a {
		padding: 1rem;
	}
	.mp_subMenu > button {
		padding: 1rem;
	}
	.mp_subMenu li > a {
		padding: 1rem;
	}
	.mp_cnt {
		padding:1rem;
	}
	.mp_head {
		width: calc(100% + 2rem);
		margin-left: -1rem;
		border-radius: 0;
	}
	.mp_import span {
		padding-left: 1.5rem;
		font-size: 0.75rem;
		background-size: 1rem;
	}
}
@media screen and (max-width:480px) {
	.mp_menu li a {
		font-size: 1rem;
	}	
}

/*정기후원관리*/
.rd_info1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.5rem;
}
.rd_info1 span {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: normal;
}
.rd_info1 .cancel_btn {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    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='ic_more'%3E%3Cg id='Group 10225'%3E%3Cpath id='Vector' d='M12 8C13.1 8 14 7.1 14 6C14 4.9 13.1 4 12 4C10.9 4 10 4.9 10 6C10 7.1 10.9 8 12 8ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10ZM12 16C10.9 16 10 16.9 10 18C10 19.1 10.9 20 12 20C13.1 20 14 19.1 14 18C14 16.9 13.1 16 12 16Z' fill='%23222222'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.rd_info1 .cancel_btn.on {
    background-color: #F9FAFB;
}
.rd_info1 .cancel_btn button {
    display: none;
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    padding: 1.125rem 2rem;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 0.25rem;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.44px;
    text-wrap: nowrap;
    z-index: 10;
}
.rd_info1 .cancel_btn.on button {
    display: block;
}

.rd_info1 .modify_btn {
	padding: 0.5rem 1rem;
	color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.45px;
    text-align: center;
    text-wrap: nowrap;
    border-radius: 2rem;
    border: 1px solid #222;
    background-color: #222;
}
.rd_info1 .modify_btn:hover {
	border-color: #4E4E4E;
    background-color: #4E4E4E;
}

.rd_info2 {
    display: flex;

}
.rd_info2 li {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
    position: relative;
    width: 100%;
	margin-left: 2rem;
	padding-left: 2rem;
}
.rd_info2 li:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #DDD;
}
.rd_info2 li:first-of-type {
	width: 92%;
	margin-left: 0;
    padding-left: 0;
}
.rd_info2 li:first-of-type:after {
	display: none;
}
.rd_info2 li p {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: normal;
}
.rd_info2 li span {
    color: #FAA74A;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
}
.rd_info2 li:first-of-type span {
	color: #222;
}
.rd_detail {
    display: flex;
    gap: 1rem;
	width: 100%;
	/* margin:1rem 0; */
}
.rd_detail > div {
    flex-grow: 1;
    width: 50%;
}
.rd_detail > div h4 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
}
.rd_detail > div ul {
    border-top: 2px solid #222;
    border-bottom: 2px solid #222;
}
.rd_detail > div ul li {
    display: flex;
}
.rd_detail > div ul li + li {
	border-top: 1px solid #eee;
}
.rd_detail > div ul li > * {
	display: inline-flex;
	align-items: center;
	min-height: 4rem;
    padding: 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.45px;
}
.rd_detail > div ul li .tit {
    width: 42%;
    background: #F9FAFB;
    font-weight: 700;
}
.rd_detail > div ul li .con {
    width: 58%;
}
@media screen and (max-width: 1024px) {
    .rd_detail {
        flex-direction: column;
    }
    .rd_detail > div {
        width: 100%;
    }
	.rd_detail > div h4 {
		font-size: 1.25rem;
	}
	.rd_info1 {
		margin-bottom: 1.25rem;
	}
    .rd_info2 li p {
        font-size: 0.875rem;
    }
    .rd_info2 li span {
        font-size: 0.875rem;
    }
}
@media screen and (max-width:800px) {
    .rd_info1 span {
        font-size: 1rem;
    }
    .rd_info1 button {
        padding: 1.125rem 2.8125rem;
        font-size: 0.875rem;
        letter-spacing: -0.3px;
    }
}
@media screen and (max-width:600px) {
	.rd_detail > div h4 {
		font-size: 1.125rem;
	}
    .rd_detail > div ul li > * {
        padding: 1.25rem 1rem;
        font-size: 0.875rem;
        letter-spacing: -0.4px;
    }
	.rd_info2 {
		flex-direction: column;
		gap: 0.75rem;
	}
	.rd_info2 li {
		justify-content: flex-start;
		gap: 1rem;
		margin-left: 0;
		padding-left: 0;
	}
	.rd_info2 li:after {
		display: none;
	}
}

/*후원내역*/
.mp_box_2 {
    padding: 3rem 2.875rem;
    box-shadow: 0 1px 14px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.1);
    overflow-x: auto;
}
.sd_info {
    display: flex;
    align-items: flex-start;
    min-width: 34.25rem;
}
.sd_info li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    position: relative;
    width: 25%;
}
.sd_info li:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 6.5rem;
    background-color: #DDD;
}
.sd_info li:last-of-type:after {
    display: none;
}
.sd_info li .icon {
    width: 5.5rem;
    height: 5.5rem;
    background-color: #F9FAFB;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 3rem;
}
.sd_info li .icon1 {background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon_alldonation'%3E%3Cg id='icon_alldonation_2'%3E%3Crect id='Rectangle 1768' x='37.1226' y='29.5586' width='4.64985' height='10.2074' rx='1' transform='rotate(33.4959 37.1226 29.5586)' fill='%23222222'/%3E%3Cpath id='Vector 7' d='M34.6181 29.7227L37.1119 30.9876L33.0289 37.1121L29.958 35.6861C26.3856 35.6846 19.4257 35.733 19.0875 35.8457C18.0397 36.195 15.9024 35.8457 15.1575 35.1742C12.0955 31.6002 7.0586 25.1322 7.058 25.1299C6.54779 23.0859 9.54347 22.924 10.5641 23.9468L15.1572 27.0098C17.199 27.0083 26.8958 25.989 26.8958 25.989C30.4684 24.9683 33.0202 28.0305 34.6181 29.7227Z' stroke='%23222222' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath id='Vector 8' d='M17.7179 26.9062C15.6766 26.9062 15.5699 29.8483 16.689 30.0721C19.2406 30.5825 23.8339 31.0929 26.3857 31.6033' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector' d='M24.3525 23.3319C28.8624 23.3319 32.5184 19.6759 32.5184 15.1659C32.5184 10.656 28.8624 7 24.3525 7C19.8425 7 16.1865 10.656 16.1865 15.1659C16.1865 19.6759 19.8425 23.3319 24.3525 23.3319Z' fill='%23FAA74A'/%3E%3Cpath id='Vector_2' d='M28.4355 12.6133H27.2482L26.6184 15.1771H25.5687L24.8954 12.6133H23.8096L23.1363 15.1771H22.0866L21.4568 12.6133H20.2695L20.9935 15.1771H20.2695V16.0969H21.2468L21.9925 18.7549H23.0856L23.8458 16.0969H24.8448L25.6049 18.7549H26.698L27.4437 16.0969H28.4282V15.1771H27.7043L28.4282 12.6133H28.4355ZM22.6223 17.1398H22.5644L22.311 16.1042H22.8974L22.6295 17.1398H22.6223ZM24.1136 15.1844L24.3235 14.4456H24.3742L24.5842 15.1844H24.1136ZM26.1334 17.1398H26.0827L25.8076 16.0969H26.3867L26.1334 17.1398Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}
.sd_info li .icon2 {background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon_numberdonation'%3E%3Cg id='icon_numberdonation_2'%3E%3Crect id='Rectangle 1765' x='7' y='24' width='34' height='17' fill='white' stroke='%23222222' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath id='Rectangle 1766' d='M13 17H35.5L41 24H7L13 17Z' fill='white' stroke='%23222222' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M13 34.0262V30.0547H14.4121C15.6075 30.0547 16.3376 30.8008 16.3376 32.0364C16.3376 33.28 15.6075 34.0262 14.396 34.0262H13ZM14.3639 33.3121C15.1181 33.3121 15.5193 32.919 15.5193 32.0284C15.5193 31.1378 15.1261 30.7527 14.372 30.7527H13.8264V33.3121H14.372H14.3639Z' fill='%23222222'/%3E%3Cpath id='Vector_2' d='M18.7046 34.0758C17.6456 34.0758 16.8433 33.3296 16.8433 32.0379C16.8433 30.7462 17.6456 30 18.7046 30C19.7637 30 20.558 30.7462 20.558 32.0379C20.558 33.3296 19.7557 34.0758 18.7046 34.0758ZM18.7046 33.3457C19.3144 33.3457 19.7236 32.8803 19.7156 32.0379C19.7156 31.1874 19.3144 30.7301 18.7046 30.7301C18.0869 30.7301 17.6857 31.1874 17.6857 32.0379C17.6857 32.8884 18.0869 33.3457 18.7046 33.3457Z' fill='%23222222'/%3E%3Cpath id='Vector_3' d='M24.4571 34.0262H23.7431L22.002 31.5069H21.9699V34.0262H21.1436V30.0547H21.8656L23.5987 32.574H23.6388V30.0547H24.4571V34.0262Z' fill='%23222222'/%3E%3Cpath id='Vector_4' d='M24.8901 34.0262L26.2701 30.0547H27.3292L28.7012 34.0262H27.8186L27.5217 33.1115H26.0856L25.7887 34.0262H24.8982H24.8901ZM27.3051 32.4616L26.8077 30.9453H26.7836L26.2862 32.4616H27.3051Z' fill='%23222222'/%3E%3Cpath id='Vector_5' d='M28.4924 30.0547H31.7418V30.7367H30.5223V34.0262H29.7039V30.7367H28.4844V30.0547H28.4924Z' fill='%23222222'/%3E%3Cpath id='Vector_6' d='M32.24 30.0547H34.9037V30.7367H33.0583V31.6994H34.7673V32.3814H33.0583V33.3442H34.9037V34.0262H32.2319V30.0547H32.24Z' fill='%23222222'/%3E%3C/g%3E%3Crect id='Rectangle 1767' x='18' y='20' width='12' height='1.5' fill='%23222222'/%3E%3Cg id='Group 769'%3E%3Cpath id='Vector_7' d='M31.361 9.24831C30.4026 7.23835 28.2462 7.03869 28.2462 7.03869C25.4243 6.6926 24.0266 8.94216 24.0266 8.94216C24.0266 8.94216 22.5757 6.67929 19.7671 7.03869C19.7671 7.03869 17.6107 7.23835 16.6524 9.24831C16.6524 9.24831 15.268 11.4712 16.5326 14.1734C16.5326 14.1734 17.0783 15.5976 18.9152 17.3414L23.9734 21.6541V21.7074L24 21.6807L24.0266 21.7074V21.6541L29.0848 17.3414C30.9084 15.5976 31.4674 14.1734 31.4674 14.1734C32.732 11.4712 31.3476 9.24831 31.3476 9.24831H31.361Z' fill='%23FAA74A'/%3E%3Cpath id='Vector 6' d='M20.159 9.35938C19.1136 9.62072 17.8069 10.9274 18.5909 13.2795' stroke='white'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}
.sd_info li .icon3 {background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cg id='icon_firstdonation'%3E%3Crect id='Rectangle 1761' x='9' y='19' width='30' height='20' fill='white' stroke='%23222222' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath id='Vector' d='M25.899 34H23.2626V26.4343H23.2121L21 27.7576V25.5051L23.4747 24H25.9091V34H25.899Z' fill='%23FAA74A'/%3E%3Crect id='Rectangle 1762' x='7' y='12' width='34' height='7' fill='white' stroke='%23222222' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cg id='visual'%3E%3Crect id='Rectangle 1763' x='13' y='9' width='3' height='6' fill='%23222222'/%3E%3Crect id='Rectangle 1764' x='32' y='9' width='3' height='6' fill='%23222222'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}
.sd_info li .icon4 {background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon_donation'%3E%3Cg id='icon_donation_2'%3E%3Crect id='Rectangle 1761' x='9' y='19' width='30' height='20' fill='white' stroke='%23222222' stroke-width='1.5' stroke-linejoin='round'/%3E%3Crect id='Rectangle 1762' x='7' y='12' width='34' height='7' fill='white' stroke='%23222222' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cg id='Group 768'%3E%3Crect id='Rectangle 1763' x='13' y='9' width='3' height='6' fill='%23222222'/%3E%3Crect id='Rectangle 1764' x='32' y='9' width='3' height='6' fill='%23222222'/%3E%3C/g%3E%3Cg id='Group 769'%3E%3Cpath id='Vector' d='M29.5207 25.1862C28.8019 23.6788 27.1846 23.529 27.1846 23.529C25.0682 23.2695 24.02 24.9566 24.02 24.9566C24.02 24.9566 22.9318 23.2595 20.8253 23.529C20.8253 23.529 19.2081 23.6788 18.4893 25.1862C18.4893 25.1862 17.451 26.8534 18.3994 28.88C18.3994 28.88 18.8087 29.9482 20.1864 31.256L23.98 34.4906V34.5305L24 34.5106L24.02 34.5305V34.4906L27.8136 31.256C29.1813 29.9482 29.6006 28.88 29.6006 28.88C30.549 26.8534 29.5107 25.1862 29.5107 25.1862H29.5207Z' fill='%23FAA74A'/%3E%3Cpath id='Vector 6' d='M21.1194 25.2656C20.3353 25.4616 19.3553 26.4417 19.9433 28.2057' stroke='white'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}
.sd_info li .text {
    text-align: center;
}
.sd_info li .text p {
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: normal;
}
.sd_info li .text span {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: normal;
}
.date_box {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
}
.date_btn {
	flex-shrink: 1;
}
.date_btn .btn_group {
    margin: 0;
}
.date_btn .btn_group .btn {
    padding: 0 2rem;
    height: 3.5rem;
	color: #999;
	border-radius: 0.25rem;
}
.date_btn  .btn_group .btn.on {
	color: #fff;
}
.date_btn .btn_group .btn.btn_bl {
    width: 100%;
    background-color: #222;
    text-align: center;
    border-radius: 2rem;
    border: 1px solid #222;
	color: #fff;
}
.date_btn .date_select {
    display: none;
}
.date_btn .date_select select {
    padding: 0 2.5rem 0 1.5rem;
    width: 100%;
    height: 3.5rem;
    background-color: #FFF;
    border: 1px solid #DDD !important;
    border-radius: 0.25rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: normal;
    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;
}
.date_btn2 .date_select {
    display: block;
}
.date_inp {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-grow: 1;
}
.date_inp .month {
    position: relative;
    padding: 0 1.5rem;
    width: 100%;
    height: 3.5rem;
    background-color: #FFF;
    border: 1px solid #DDD !important;
    border-radius: 0.25rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    box-sizing: border-box;
    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='icon'%3E%3Cg id='icon_date search'%3E%3Crect id='Rectangle 1761' x='4.5' y='9.5' width='15' height='10' fill='white' stroke='%23222222' stroke-width='1.5' stroke-linejoin='round'/%3E%3Crect id='Rectangle 1762' x='3.5' y='6' width='17' height='3.5' fill='white' stroke='%23222222' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cg id='visual'%3E%3Crect id='Rectangle 1763' x='6.875' y='4.875' width='0.75' height='2.25' fill='%23999999' stroke='%23222222' stroke-width='0.75'/%3E%3Crect id='Rectangle 1764' x='16.375' y='4.875' width='0.75' height='2.25' fill='%23999999' stroke='%23222222' stroke-width='0.75'/%3E%3C/g%3E%3Cg id='Group 773'%3E%3Crect id='Rectangle 1739' x='7.41668' y='12.4167' width='0.83337' height='0.83337' fill='%23999999' stroke='%23222222' stroke-width='0.83337'/%3E%3Crect id='Rectangle 1740' x='15.7507' y='12.4167' width='0.83337' height='0.83337' fill='%23999999' stroke='%23222222' stroke-width='0.83337'/%3E%3Crect id='Rectangle 1741' x='11.5837' y='12.4167' width='0.83337' height='0.83337' fill='%23999999' stroke='%23222222' stroke-width='0.83337'/%3E%3Crect id='Rectangle 1742' x='7.41668' y='15.7526' width='0.83337' height='0.83337' fill='%23999999' stroke='%23222222' stroke-width='0.83337'/%3E%3Crect id='Rectangle 1743' x='15.7507' y='15.7526' width='0.83337' height='0.83337' fill='%23999999' stroke='%23222222' stroke-width='0.83337'/%3E%3Crect id='Rectangle 1744' x='11.5837' y='15.7526' width='0.83337' height='0.83337' fill='%23999999' stroke='%23222222' stroke-width='0.83337'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: calc(100% - 1rem) center;
    background-repeat: no-repeat;
}
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-calendar-picker-indicator {
    /* display: none;
    -webkit-appearance: none; */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    color: transparent;
    cursor: pointer;
}
.sd_list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.sd_list:first-of-type {
    margin-bottom: 5rem;
}
.sd_ty {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    color: #222;
}
.sd_ty h3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
}
.sd_ty p {
    font-size: 1rem;
    font-weight: 700;
    line-height: normal;
}
.sd_ty p span {
    color: #FAA74A;
}
.sd_list .sd_tit {
    position: relative;
    padding: 0;
    width: 100%;
    height: 1.375rem;
}
.sd_list .sd_tit:not(:first-of-type) {
    margin-top: 2.5rem;
}
.sd_list .sd_tit:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background-color: #999;
}
.sd_list .sd_tit span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0 1.25rem;
    background-color: #FFF;
    color: #999;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
}
.sd_list ul {
    display: flex;
    flex-direction: column;
}
.sd_list ul li {
    display: flex;
    align-items: flex-start;
    gap: 2.5rem;
    padding: 1.5rem 0;
    font-size: 1rem;
    line-height: normal;
}
.sd_list ul li:not(.sd_tit) {
    border-bottom: 1px solid #DDD;
}
.sd_type {
    display: flex;
    flex-direction: column;
    gap: 0.9375rem;
    width: 8rem;
    font-weight: 600;
    line-height: normal;
}
.sd_type span {
    color: #FAA74A;
    font-size: 0.75rem;
}
.sd_cnt {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 0;
}
.sd_cnt > div {
    display: flex;
    width: 50%;
}
.sd_cnt > div strong {
    width: 5.5rem;
}
.sd_cnt > div:nth-of-type(2) strong, .sd_cnt > div:nth-of-type(4) strong {
    width: 7.5rem;
}
.sd_cnt > div span {
    color: #999;
}
.sd_cnt > div a {
    color: #0071A2;
    text-decoration: underline;
}
@media screen and (max-width:1440px) {
	.date_box {
		justify-content: center;
	}
	.date_btn .date_select select {
		padding: 0 2rem 0 1rem;
	}
    .date_btn1 {
        flex-grow: 0;
    }
    .date_btn1 .btn_group {
        display: none;
    }
    .date_btn1 .date_select {
        display: block;
		width: 6rem;
    }
	.date_btn2 .date_select {
		width: 7rem;
	}
	.date_inp {
		flex-grow: 0;
	}
}
@media screen and (max-width:1024px) {
	.date_box {
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .date_box > div {
        width: 100%;
    }
    .date_btn .btn_group .btn {
        height: 3.25rem;
    }
	.date_btn .date_select {
		width: 100%;
	}
    .date_btn .date_select select {
        padding: 0 1rem;
        height: 3.25rem;
        font-size: 1rem;
    }
    .date_inp .month {
        padding: 0 1rem;
        width: 100%;
        height: 3.25rem;
        font-size: 1rem;
    }
	.sd_ty {
		flex-wrap: wrap;
		gap: 0.75rem;
	}
	.sd_ty h3 {
		font-size: 1.25rem;
	}
}
@media screen and (max-width:800px) {
    .mp_box_2 {
        padding: 2.25rem 2.125rem;
    }
    .sd_info li {
        gap: 0.75rem;
    }
    .sd_info li .icon {
        width: 4rem;
        height: 4rem;
        background-size: 2.25rem;
    }
    .sd_info li .text p {
        font-size: 0.875rem;
    }
    .sd_info li .text span {
        font-size: 1.125rem;
    }
    .sd_list .sd_tit {
        height: 1.125rem;
    }
    .sd_list .sd_tit span {
        font-size: 1rem;
    }
    .sd_list ul li {
        gap: 1.5rem;
    }
}
@media screen and (max-width:600px) {
    .sd_list:first-of-type {
        margin-bottom: 2.5rem;
    }
    .sd_list ul li {
        gap: 2rem;
        padding: 1.25rem 0;
        font-size: 0.875rem;
    }
	.sd_ty h3 {
		font-size: 1.125rem;
	}
    .sd_type {
        gap: 0.875rem;
        width: auto;
    }
    .sd_cnt {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .sd_cnt > div {
        width: 100%;
    }
    .sd_cnt > div strong {
        width: 31.5% !important;
        min-width: 6.75rem;
    }
}

/*후원내역 없음*/
.empty_box {
    text-align: center;
}
.empty_box p {
    margin-top: 2.5rem;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.875rem;
    letter-spacing: -0.5px;
}
.empty_box p strong {
    color: #FAA74A;
}
@media screen and (max-width:800px) {
    .empty_box p {
        margin-top: 2rem;
        font-size: 1rem;
        line-height: 1.625rem;
        letter-spacing: -0.4px;
    }
}

/* 영수증 발급 */
.receipt_filter {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5%;
}
.receipt_filter + .mp_import {
	justify-content: center;
	margin: 26px auto 0;
	padding-top: 26px;
	border-top: 1px solid #ddd;
}
.filter_col {
	display: inline-flex;
	align-items: center;
	gap: 1.5rem;
	font-size: 1.125rem;
}
.filter_col p {
	font-weight: bold;
}
.filter_col span {
	font-weight: normal;
}
.filter_col .btn {
	padding: 1.125rem 2rem;
	color: #fff;
	font-size: 1.125rem;
	border-radius: 2rem;
	background-color: #222;
}

@media screen and (max-width: 1024px) {
	.receipt_filter {
		flex-direction: column;
		gap: 1rem;
	}
	.filter_col {
		width: 100%;
		font-size: 1rem;
	}
	.filter_col .date_btn {
		width: 100%;
	}
	.filter_col .btn {
		width: 100%;
		font-size: 1rem;
	}
	.filter_col .m_none {
		display: none;
	}
}


/*회원탈퇴*/
.leave_tit {
    margin-bottom: 1.25rem !important;   
}
.leave_ex {
    padding: 2rem 1.5rem;
    background-color: #F9FAFB;
}
.leave_ex p {
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.375rem;
}
.leave_ex p:not(:first-of-type) {
    margin-top: 1rem;
}
.leave_ex span {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}
.leave_chk {
    display: flex;
    padding: 1.25rem 0 2.5rem;
    border-bottom: 1px solid #DDD;
}
.leave_chk span {
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
}
@media screen and (max-width:1280px) {
    .leave_tit {
        margin-bottom: 1rem !important;   
    }
    .leave_ex {
        padding: 1.25rem;
    }
    .leave_ex p {
        margin-bottom: 0.5rem;
        font-size: 1rem;
        line-height: ;
    }
    .leave_chk {
        padding: 1rem 0 2rem;
    }
}

/*datepicker custom*/
.ui-widget-header {
border: 0px solid #dddddd;
background: #fff;
}

.ui-datepicker-calendar>thead>tr>th {
font-size: 14px !important;
}

.ui-datepicker .ui-datepicker-header {
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 10px 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
display: inline-block;
border: 0px solid #c5c5c5;
background-color: transparent;
font-weight: normal;
color: #454545;
text-align: center;
}

.ui-datepicker .ui-datepicker-title {
display: flex;
justify-content: center;
align-items: center;
margin: 0 0em;
line-height: 16px;
text-align: center;
font-size: 14px;
padding: 0px;
font-weight: bold;
}

.ui-datepicker .ui-datepicker-title select {
    padding: 0.33rem 0.75rem;
    border: 1px solid #DDD;
}

.ui-datepicker-month {
    margin-left: 0.5rem;
}

.ui-datepicker {
display: none;
background-color: #fff;
border-radius: 4px;
margin-top: 10px;
margin-left: 0px;
margin-right: 0px;
padding: 20px;
padding-bottom: 10px;
width: 300px;
box-shadow: 10px 10px 40px rgba(0,0,0,0.1);
}
    
.ui-widget.ui-widget-content {
    border: 1px solid #eee;
}

#datepicker:focus>.ui-datepicker {
display: block;
}

.ui-datepicker-prev,
.ui-datepicker-next {
position: absolute;
left: 0;
cursor: pointer;
}

.ui-datepicker-next {
left: auto;
right: 0;
}

.ui-state-disabled {
cursor: auto;
color: hsla(0, 0%, 80%, 1);
}

.ui-datepicker-title {
text-align: center;
padding: 10px;
font-weight: 100;
font-size: 20px;
}

.ui-datepicker-calendar {
width: 100%;
}

.ui-datepicker-calendar>thead>tr>th {
padding: 5px;
font-size: 20px;
font-weight: 400;
}

.ui-datepicker-calendar>tbody>tr>td>a {
color: #000;
font-size: 12px !important;
font-weight: bold !important;
text-decoration: none;    
}

.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover {
cursor: auto;
background-color: #fff;
}
    
.ui-datepicker-calendar>tbody>tr>td {
    border-radius: 100%;
    width: 44px;
    height: 30px;
    cursor: pointer;
    padding: 5px;
    font-weight: 100;
    text-align: center;
    font-size: 12px;
}
    
.ui-datepicker-calendar>tbody>tr>td:hover {
    background-color: transparent;
    opacity: 0.6;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 0px solid #cccccc;
background-color: transparent;
font-weight: normal;
color: #2b2b2b;
}

.ui-widget-header .ui-icon {
background-image: url('../img/datepicker_arr.png');
}
.ui-icon-circle-triangle-e {
background-position: -20px 0px;
background-size: 36px;
}

.ui-icon-circle-triangle-w {
background-position: -0px -0px;
background-size: 36px;
}
    
.ui-datepicker-calendar>tbody>tr>td:first-child a{
color: red !important;
}
    
.ui-datepicker-calendar>tbody>tr>td:last-child a{
color: #0099ff !important;
}
    
.ui-datepicker-calendar>thead>tr>th:first-child {
    color: red !important;
}
    
.ui-datepicker-calendar>thead>tr>th:last-child {
    color: #0099ff !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    width: 20px;
    height: 100%;
    line-height: 20px;
    border: 0px;
    background: #f1f1f1;
    border-radius: 50%;
}