@media screen and (max-width: 1400px) {
	.main_swiper .bg_img img {
		max-width: none;
		width: 300%;
	}
}

@media screen and (max-width: 1200px) {
	header dl {
		flex: 0 0 80px;
		max-width: 80px;
	}

}

@media screen and (max-width: 992px) {
	.mobile_only {display: block;}
	body,html {
		font-size: 14px;
	} 
	.category_area ul li {
		padding: 0 12px;
	}
	.board_body article .reg {
		flex: 0 0 70px;
		max-width: 70px;
	}
	.board_body article .reg p {
		font-size: 10px;
	}
	.board_body article .content_txt {
		display: block;
	}
	.board_body article .content_txt .category {
		margin-top: 0;
	}
	.board_body article .content .status {
		margin-top: 10px;
	}
	.board_body article .content .detail {
		margin-top: 5px;
	}
	.board_body article.board_faq_item .content_txt {
		display: flex;
	}
	nav {
		display: none;
	}
	header dl dd {
		display: none;
	}
	header dl dd.menu_open_wrap {
		display: block;
	}

	.invite_dashboard article {
		margin: 0 5px;
	}

	.invite_section2 img {
		max-width: 100%;
	}

	.join_comp_box article {
		padding: 40px 0;
	}
	.join_comp_box {
		margin-top: 45px;
		padding: 0 25px;
	}
	.event_invite_img img {
		height: 120px;
	}

	.donate_agency_header > .donate_agency_header_obj > table {
		table-layout: auto;
	}
}


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

	header > .container_xl {
		height: 45px;
	}
	header .logo img {
		height: 17px;
	}
	header .logo {
		flex: 0 0 130px;
		max-width: 130px;
	}
	header dl {
		flex: auto;
		max-width: 100% !important;
	}
	
	.menu_close {
		display: inline-block;
	}
	nav ul {
		display: block; 
		text-align: center;
	}
	nav ul li {
		display: block;
		position: relative;
		height: auto;
		color: #fff;
		text-align: center;
		font-size: 1.3rem;
	}
	nav li + li {
		margin-top: 15px;
	}
	header .search_area {
		display: none;
	}
	.web_only {display: none;}

	.container, .container_lg, .container_xl {
		padding-right: 20px;
		padding-left: 20px;
	}

	.page_top_banner > h4 {
		padding: 15px;
		/*background-position: left bottom;*/
		/*background-size: 80px;*/
		font-size: 13px;
		/*background-image: url("/images/birthday/top_img.png")*/
		background: none;
	}
	.page_top_banner > button {
		top: 10px;
		right: 10px;
		transform: translate(0, 0);
	}
	.page_top_banner > h4 img {
		display: none;
	}

	/*main_slide*/
	.main_slide  {
		padding: 30px 0 50px;
	}
	.main_slide .row {
		height: 350px;
		align-items: center;
	}
	.main_slide h5 {
		margin-top: 15px;
	}
	.main_slide_title {
		text-align: center;
	}
	.main_slide_title img {
		width: auto;
		height: 30px;
	}
	.main_slide_title br {
		display: none;
	}
	.main_slide01 .main_slide_img img {
		height: 120px;
	}
	.main_slide02 .main_slide_img img {
		height: 90px;
	}
	.main_slide03 .main_slide_img img {
		height: 110px;
	}
	

	.section {
		padding: 50px 0;
	}
	.donate_send_section {
		padding-bottom: 68px;
	}
	.main_section_pd {
		margin-top: 50px;
	}
	.main_banner_area.main_section_pd {
		margin-top: 0;
	}
	.main_slide1  {
		text-align: center;
	}
	.main_slide1 .row {
		height: 565px;
	}
	.bt_line_title {
		margin-bottom: 0;
	}
	.thumb_content_item {
		padding-bottom: 50px;
	}
	.thumb_content_item .txt_box {
		margin-top: 15px;
	}
	.thumb_content_item .progress_bar {
		margin-top: 5px;
		height: 2px;
	}
	.main_thumb_content_area {
		margin-top: 20px; 
	}
	.btn_area {
		padding-top: 20px;
		text-align: center;
	}
	.main_thumb_section .btn_area button,
	.main_faq_section .btn_area button {		
		width: 100%;
	}
	.btn_arrow {
		padding: 0 30px;
		height: 50px;
	}
	.btn_arrow > .arrow_ico {
		right: 23px;
	}
	.main_banner_section {
		margin-top: 40px;
	}
	.main_banner_section .txt_box {
		padding: 45px 0;
		text-align: center;
	}
	.main_banner_section h6 {
		margin-bottom: 55px;
	}
	.main_banner_section a {
		padding: 13px 35px;
	}
	.video_desc {
		display: block;
	}
	.faq_item {
		padding: 20px;
		height: 200px;
	}
	.faq_item .txt_box {
		bottom: 20px;
		left: 20px;
	}
	.main_faq_section {
		padding-bottom: 80px;
	}
	.complete_more_btn {
		display: block;
	}

	.index_dn_btn {
		display: block;
	}

	/*210430*/
	.intro_story_list img {
		height: 70px;
		width: auto;
	}
	.youtube_title {
		margin-top: 20px;
		text-align: center;
	}

	.footer_nav, footer .center_box {
		display: none;
	}
	footer {
		padding: 20px 0 90px;
	}
	footer .container_lg {
		flex-wrap: wrap;
	}
	footer .left_box,
	footer .right_box {
		flex: 0 0 100%;
		text-align: left;
	}
	footer .right_box {
		order: 1;
	}
	footer .left_box {
		margin-top: 30px;
		order: 2;
	}
	footer .right_box ul li {
		margin-left: 0 !important;
		margin-right: 5px;
	}
	footer .left_box li {
		margin-top: 5px !important;
		margin-right: 12px;
	}
	footer .left_box li:last-child {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.footer_top {
		display: block !important;
	}
	.footer_top .logo {
		display: block;
		width: 110px;
		height: auto;
	}
	.sns_link {
		margin-top: 10px;
		display: flex;
	}
	.sns_link a, .sns_link img {
		display: block;
		width: 25px;
		height: 25px;
	}
	.donate_agency_header_title {
		max-width: 100%;
	}
	.donate_agency_header > .btn_area {
		padding-top: 30px;
		flex: 0 0 100%;
		max-width: 100%;
		order: 3;
	}
	.donate_list_box li {
		padding: 20px 0;
	}
	.donate_list_box li > a > .item_thumb,
	.donate_list_box li > .item_thumb {
		height: 85px;
		flex: 0 0 85px;
		max-width: 85px;
	}
	.donate_list_box li > a > .txt_box,
	.donate_list_box li > .txt_box {
		flex-wrap: wrap;
	}
	.donate_list_box li > a > .txt_box > .bt_area,
	.donate_list_box li > .txt_box > .bt_area {
		margin-top: 5px;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.donate_view_top_section {
		padding-bottom: 10px;
	}
	.donate_view_top_section::before {
		top: 45%;
	}
	.donate_view_top_section .row {
		margin-left: -20px;
		margin-right: -20px;
	}
	.donate_view_top_section .donate_view_thumb {
		margin-left: -15px;
		margin-right: -15px;
	}
	.donate_view_title {
		padding: 50px 0;
	}
	.donate_view_title_txt {
		flex-wrap: wrap;
	}
	.donate_view_title_txt > *:first-child {
		flex: 0 0 100%;
		max-width: 100%;
		order: 2;
	}
	.donate_view_title_txt .txt_end {
		order: 1;
	}
	.donate_progress_item::after,
	.donate_progress_item::before {
		top: 30px;
	}
	.donate_progress_item .icon_box {
		width: 60px;
		height: 60px;
		background-size: auto 55%;
	}
	.donate_progress_item .title {
		margin-top: 10px;
		font-size: 0.875rem;
	}
	.progress_date {
		bottom: -20px;
		font-size: 12px;
	}
	.donate_progress_area {
		padding-bottom: 0;
	}
	.donate_status_card {
		max-width: 90%;
		transform: translateY(-30px);
	}
	.donate_status_card .btn_area {
		display: none;
	}
	.donate_status_card_list {
		margin-top: 30px;
	}
	.donate_agency_header > .donate_agency_header_obj > article dd {
		margin-top: 5px;
		font-size: 1.5rem;
	}
	.donate_agency_header > .donate_agency_header_obj > article dl {
		padding: 25px 10px;
	}
	.donate_agency_header .btn_arrow.size_sm {
		width: 100%;
	}
	.fold_item .txt_box .title {
		font-size: 1rem;
	}
	.donate_agency_body .txt_box .title.goat_img_bg {
		padding: 20px 30px 20px 0;
		background-image: url(/images/donate/img1.png);
		background-position: right center;
		background-repeat: no-repeat;
		background-size: auto 100%;
	}
	.donate_receipt_list li dt .member_thumb {
		margin-right: 8px;
		width: 24px;
		height: 24px;
	}
	.donate_receipt_list .overlay_layer {
		bottom: -35px;
	}
	.share_info_box .btn_donate_wrap {
		position: static;
	}
	.btn_donate_wrap {
		position: fixed;
		margin-bottom: 0;
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 10;
	}
	.coin_btn_area button {
		padding: 0;
		font-size: 11px;
	}

	.sub_top_section {
		height: 350px;
	}
	.absolute_btn_area .btn_donate {
		position: relative;
	}

	.category_area ul li {
		display: none;
	}
	.category_area ul li:first-child {
		display: block;
	}
	.category_area ul li.mobile {
		display: block;
	} 
	.search_txt_area input {
		width: 130px;
	}
	.absolute_btn_area.mobile_fixed {
		margin: 0;
	}
	.mobile_fixed .btn_write {
		position: fixed;
		width: 60px;
		height: 60px;
		bottom: 20px;
		right: 20px;
		z-index: 1;
	}
	.mobile_fixed .btn_write > p {
		display: none;
	}

	.qna.board_body article {display: block;}
	.board_body article .reg {
		flex: 0 0 60px;
		max-width: 60px;
	}
	.board_body article,
	.board_body article.one_line {
		padding: 20px 0;
	}
	.board_btn_area {
		margin-top: 35px;
	}
	.board_btn_area > button {
		width: 180px;
		height: 45px;
	}
	.board_body article.board_faq_item > .content {
		padding-bottom: 20px;
	}
	.board_list .board_header.board_tab_header {
		display: block;
	}
	.board_list .board_header.board_tab_header .search_txt_area {
		display: none;
	}
	.tab_area ul {
		overflow: auto;
	}
	.tab_area ul li.on {
		box-shadow: none;
		border-bottom: 1px solid #ffa800;
	}
	.absolute_btn_area > .btn_donate {
		overflow: hidden;
	}
	.absolute_btn_area > .btn_donate .btn_common {
		height: 60px;
		border-radius: 0;
	}
	.absolute_btn_area > .btn_donate::before {
		content: '';
		display: block;
		position: absolute;
		margin-right: 0; 
		width: 85px;
		height: 60px;
		right: 15px;
		bottom: -8px;
		z-index: 2;
		background-image: url(/images/icon/goat1.png);
		background-size: 100%;
		pointer-events: none;
	}

	.sub_section_title {
		display: none;
	}
	.write_box_title {
		margin-top: 35px;
	}
	.upload_thumb_img label input ~ * {
		display: none;
	} 
	.write_item + .write_item {
		margin-top: 30px;
	}
	.write_item input {
		height: 45px;
	}
	.mod_password_area {
		display: block;
	}
	.mod_password_area > input {
		display: block;
		margin-top: 10px;
		margin-left: 0;
		width: 100%;
	}
	.mod_password_area > input:first-child {
		margin-top: 0;
	}
	.mod_password_area > div.text-center {
		display: none;
	}
	.denate_security_number .mod_password_area {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.denate_security_number .mod_password_area span {
		margin: 0 4px;
	}
	.denate_security_number .mod_password_area input {
		margin: 0;
	}


	.phone_auth_box {
		display: block;
	}
	.phone_auth_box .inner {
		flex: 0 1 100%;
		max-width: 100%;
	}
	.phone_auth_box > * + * {
		margin-top: 10px;
		margin-left: 0;
	}
	.edit_bottom_section {
		margin-top: 30px;
		padding: 0; 
		background-color: #fff;
	}
	.edit_bottom_box {
		display: block;
	}
	.edit_bottom_box .right_box {
		margin-top: 15px;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.edit_btn_area {
		padding-top: 0;
		padding-bottom: 0;
	}
	.edit_btn_area button {
		width: 100%;
		height: 50px;
	}
	.edit_btn_area button + button {
		margin-top: 10px;
		margin-left: 0;
	}
	.qna_view_header {
		padding-bottom: 30px;
	}
	.qna_view_header .qna_status_box {
		padding: 20px;
	}
	.qna_view_header .qna_status_box::before {
		content: '';
		display: block;
		position: absolute;
		margin-right: 0;
		margin-bottom: -4px;
		width: 85px;
		height: 60px;
		right: 15px;
		bottom: 100%;
		z-index: 2;
		background-image: url(/images/icon/goat1.png);
		background-size: 100%;
		pointer-events: none;
	}
	.attach_file_wrap > div {
		flex: 0 0 20%;
		padding-top: 20%;
		width: 20%;
		max-width: 20%;
		height: auto;
	}
	.attach_file_wrap > div + div {
		margin-left: 10px;
	}
	.board_view_btn_area {
		display: flex;
		padding-top: 25px;
		margin-top: 0;
		background-color: #fff;
		justify-content: center;
	}
	.board_view_btn_area > button {
		flex: 0 1 50%;
		width: 50%;
		max-width: 50%;
	}
	.board_view_btn_area > button + button {
		margin-left: 15px;
	}
	.qna_view_section {
		padding-top: 10px;
		padding-bottom: 0;
	}
	.qna_view_section > .container {
		padding-bottom: 55px;
		background-color: #fff;
	}
	.faq_write_footer button {
		width: 100%;
		height: 50px;
	}
	.multiple_file_area {
		display: flex;
	}
	.file_upload_item {
		flex: 0 0 20%;
		padding-top: 20%;
		width: 20%;
		max-width: 20%;
		height: auto;
	}
	.multiple_file_area > .file_upload_item + .file_upload_item {
		margin-left: 10px;
	}
	.file_upload_item::before {
		margin-top: -15px;
		height: 31px;
	}
	.file_upload_item::after {
		margin-right: -15px;
		width: 31px;
	}
	.use_btn_box > button {
		margin-left: 15px;
		height: 45px;
		flex: 0 0 70px;
		max-width: 70px;
	}

	.main_img_box img {
		max-width: 200px !important;
	}

	.donate_receipt_list .btn_donate_wrap {
		border-top: 1px solid #d9d9d9;
		background-color: #ebebeb;
	}
	.donate_receipt_list .btn_donate {
		padding: 18px 20px;
		padding-bottom: 0;
		overflow: hidden;
	}
	.donate_receipt_list .btn_donate::before {
		right: 10px;
		bottom: -23px;
	}
	.donate_receipt_list .btn_donate.end::before {
		bottom: -11px;
	}

	.login_box {
		text-align: left;
	}
	.login_box .write_item {
		margin-top: 15px;
	}
	.login_box .chk_area,
	.login_box .btn_area {
		margin-top: 15px;
	}
	.login_box .btn_area button {
		height: 50px;
	}
	.login_box .bt_link_area {
		padding: 10px 0;
	}
	.login_box .sns_login {
		padding-top: 12px;
	}
	.login_box_title_tab {
		justify-content: flex-start;
	}
	.login_box_title_tab li {
		padding-right: 25px;
		font-size: 1.6rem;
	}
	.write_item_row {
		flex-wrap: wrap;
	}
	.write_item_row > .write_item {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.write_item_row > .write_item + .write_item {
		margin-top: 12px;
		margin-left: 0;
	}

	.service_chk_list {
		margin: 20px 0 45px;
	}
	.service_chk_list li {
		padding: 15px 0 15px 0;
	}
	.service_chk_list .all_chk_item label h6 {
		margin-left: 5px;
	}
	.service_chk_list label h6 {
		margin-left: 5px;
		font-size: 12px;
	}
	.service_chk_list li .right_box p {
		display: none;
	}
	.sub_top_tab li > a {
		padding: 20px 15px;
		font-size: 1rem;
	}
	.donate_list_section .thumb_content_item {
		margin-top: 25px;
	}
	.donate_list_section .thumb_content_item {
		padding-bottom: 40px;
	}
	.donate_list_section .btn_area {
		margin-top: 20px;
	}
	.donate_list_section .btn_area button {
		width: 100%;
		height: 50px;
	}
	.alarm_section_title {
		margin-bottom: 20px;
	}
	.alarm_list ul {
		padding-left: 25px;
	}
	.alarm_list .txt_box > .circle {
		top: 27px;
		left: -25px;
	}
	.alarm_list li {
		padding: 20px 0;
	}
	.alarm_list li::after,
	.alarm_list li::before {
		left: -20px;
	}
	.alarm_list li::after {
		top: 27px;
	}
	.alarm_list li::before {
		height: 27px;
	}
	.alarm_list .txt_box > .reg {
		margin-top: 10px;
	}
	.search_bt_btn_area button {
		display: block;
		width: 100%;
	}
	.search_bt_btn_area button + button {
		margin-top: 10px;
		margin-left: 0;
	}
	.search_bt_area {
		text-align: left;
	}
	.search_result_area {
		padding-top: 50px;
	}

	.donate_complete_section button {
		margin-top: 70px;
		width: 100%;
		height: 50px;
		font-weight: 500;
	}

	.board_view_footer li .title {
		padding: 0 15px;
	}
	.board_view_footer li .category {
		padding-left: 15px;
		flex: 0 0 90px;
		max-width: 90px;
	}
	.board_view_footer .btn_area a {
		padding: 15px 25px;
	}
	.board_body article.one_line .reg {
		flex: 0 0 50px;
		max-width: 50px;
	}
	.board_body article.one_line .category {
		flex: 0 0 70px;
		max-width: 70px;
	}

	.review_list_body li .name {
		flex: 0 0 70px;
		max-width: 70px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.review_list_body li .reg {
		flex: 0 0 80px;
		max-width: 80px;
	}
	.review_list_body li .price {
		flex: 0 0 85px;
		max-width: 85px;
	}
	.firecracker > .coin_img,
	.coin_bg_section > .coin_img {
		flex: 0 0 600px;
		max-width: 600px;
		width: 600px;
	}
	.main_section_title .btn_area {
		flex: 0 0 120px;
		max-width: 120px;
	}
	.main_section_title .btn_arrow {
		padding: 0 15px;
		height: 40px;
	}
	.btn_arrow > .arrow_ico {
		right: 15px;
		width: 23px;
	}

	.login_group a {
		height: 50px;
	}
	.banner_wrapper {
		padding: 20px 0;
	}

	.invite_dashboard article {
		margin: 0 5px;
	}
	.invite_kakao_area .absolute_btn_area {
		margin-top: -45px;
		width: 100%;
	}
	.invite_kakao_area .absolute_btn_area > .btn_donate::before {
		right: 0;
		bottom: -8px;
	}
	.invite_copy_btn_area {
		margin-top: 10px;
		margin-bottom: 30px;
		width: 100%;
	}
	.invite_copy_btn_area button {
		height: 60px;
		border-radius: 0;
	}
	.invite_bt_section .board_list {
		margin-top: 30px;
	}
	.invite_box ul li.last_count label {
		font-size: 1.2rem;
		transform: translate(-50%,-50%);
	}

	.quick_kakao {
		right: 15px;
		bottom: 15px;
	}

	.invite_section h1 {
		font-size: 2.3rem;
		line-height: 1.3;
	}
	.invite_section1 {
		padding-top: 50px;
		padding-bottom: 0;
	}
	.invite_section .event_txt {
		padding: 6px 40px;
		top: 0;
		right: 50%;
		transform: translate(50%, 0);
		border-radius: 0 0 40px 40px;
		font-size: 1.375rem;
		color: #fff;
	}
	.invite_section2 {
		padding-top: 80px;
		padding-bottom: 80px;
		text-align: left;
	}
	.invite_section2 .title_box > span {
		margin: 15px 0 20px;
	}
	.invite_section2 .ticket_bg::after {
		right: -17px;
	}
	.invite_section2 .ticket_bg::before {
		left: -17px;
	}
	.invite_section2 .ticket_bg::before, .invite_section2 .ticket_bg::after {
		width: 34px;
		height: 34px;
	}
	.invite_section2 .ticket_bg h1 {
		padding: 10px 0;
	}
	.invite_section2 .ticket_bg_wrap {
		padding-left: 15px;
		padding-right: 15px;
	}
	.invite_section3 {
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 80px;
		padding-bottom: 80px;
		text-align: left;
	}
	.invite_section3 .title_box h2 {
		font-weight: 400;
		line-height: 1.3;
		font-size: 1.5rem;
	}
	.invite_section3 > img:first-child {
		top: -40px;
		right: 10px;
	}
	.invite_section3 > img:nth-child(2) {
		bottom: 15px;
		left: 15px;
	}
	.invite_section3 .btn_box button {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.invite_section3 .btn_box .kakao_link {
		width: 100%;
	}
	.invite_section3 .btn_box .url_copy {
		margin-top: 10px;
		margin-left: auto;
	}
	.invite_section3 .dl_wrap {
		display: block;
		margin-top: 30px;
	}
	.invite_section3 .dl_wrap dl + dl {
		margin-left: 0;
	}
	
	.invite_section4 {
		padding-top: 80px;
		padding-bottom: 20px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.invite_section4 .title_box > span {
		margin: 15px 0 20px;
	}
	.invite_section2 .title_box h3 {
		font-size: 1.25rem;
	}
	.invite_section4 .title_box h3 {
		font-size: 1.25rem;
	}
	.invite_section4 .content_box {
		margin-top: 20px;
	}
	.invite_section4 .content_box .icon_box img {
		width: calc(30% - 10px);
	}
	.invite_section4 .content_box .icon_wrap {
		padding: 10px 15px 0;
	}
	.invite_section4 .content_img {
		text-align: center;
	}
	.invite_section4 .content_img img {
		margin-top: 25px;
		max-width: 300px;
	}
	.invite_section4 .content_box .icon_wrap .icon_box {
		justify-content: space-around;
	}
	.invite_bt_section {
		padding-left: 25px;
		padding-right: 25px;
	}
	.invite_section h1 {
		font-size: 2.3rem;
		line-height: 1.3;
	}
	.invite_section4 .content_img article {
		margin-top: 0;
	}

	.welcome_section1 {
		padding-top: 30px;
		text-align: center;
	}
	
	.welcome_section1 .title_area h1 {
		margin-top: 55px;
		margin-bottom: 40px;
	}
	.welcome_section1 .img_box img {
		width: 150px;
		height: auto;
	}
	.welcome_section1 .txt_box {
		margin-top: 15px;
		margin-bottom: 30px;
	}
	.welcome_section3 {
		padding: 80px 25px 60px;
		text-align: left;
	}
	.welcome_section3 .title_box .title {
		margin-bottom: 60px;
		font-size: 2rem;
	}
	.welcome_copy_area input {
		max-width: calc(100% - 80px);
		height: 45px;
		font-size: 1rem;
	}
	.welcome_copy_area button {
		width: 80px;
		flex: 0 0 80px;
		max-width: 80px;
		height: 45px;
		font-size: 1rem;
	}
	.mobile_br {
		display: block;
	}
	.welcome_section3 .kakao_link {
		height: 65px;
	}

	.event_invite {
		padding: 40px 0 0;
		height: auto;
	}
	.event_invite_img {
		position: relative;
		margin-top: 10px;
	}
	.event_invite_img img {
		max-width: 100%;
		height: auto;
	}
	.event_youtube2 {
		height: 300px;
	}

	/* 241031 초대이벤트 */
	.invite_event_header {
		padding-top: 80px;
		padding-bottom: 40px;
	}
	.coin01 {
		top: 0;
		left: 0;
		transform: translateX(0);
	}
	.coin02 {
		position: absolute;
		bottom: -70px;
		right: -70px;
	}
	.invite_box {
		margin-top: 80px;
		padding: 60px 20px;
	}
	.invite_icon img {
		display: block;
		margin: auto;
		width: 80px;
		height: 80px;
	}
	.invite_box h1 {
		font-size: 2rem;
	}
	.invite_btn .kakao_link {
		font-size: 18px;
	}


	/*210503 faq 변경*/
	.faq_hidden {
		display: none !important;
	}
	.faq_new {
		display: block !important;
	}

	/* 210825 단독기부 */
	.single_img {
		padding-top: 45%;
	}


	/* 센터 등록 */
	.reg_center_section_title {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.reg_center_section_title .subtitle {
		font-size: 1.4rem;
	}
	.reg_center_section_title h1 {
		font-size: 2.3rem;
	}
	.lg_ipt_area {
		padding: 40px 0;
	}
	.lg_ipt_row {
		padding: 20px 0;
	}
	.lg_ipt_title {
		padding-bottom: 10px;
	}
	.lg_ipt_item > input {
		height: 40px;
	}
	.ipt_btn_flex {
		flex-wrap: wrap;
	}
	.ipt_btn_flex > input {
	    flex: 0 0 100%;
	    max-width: 100%;
	    height: 40px;
	}
	.ipt_btn_flex > * + * {
		margin-top: 10px;
		margin-left: 0px;
	}



}

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

	.coin_bg_section > .goat_img,
	.smile_bg_section > .goat_img,
	.talk_bg_section > .goat_img {
		max-width: 150px;
	}
	.coin_bg_section > .goat_img img,
	.talk_bg_section > .goat_img img {
		width: 100%;
	}
	.smile_bg_section > .goat_img img {
		width: 150px;
	}
	.service_section_bt_area {
		margin-top: 40px;
		height: 180px;
	}
	.service_section_bt_area img {
		height: 100%;
	}
	.service_section2 .service_section_bt_area {
		height: 230px;
	}
	.service_section2 .service_section_bt_area .section2_bg_obj {
		width: 100%;
		height: auto;
	}

	/*서비스 소개 폭*/
	.service_section3 {
		padding: 80px 0 100px;
	}
	.cart_img_wrapper {
		padding: 30px 0 40px;
	}
	.service_section4 {
		padding-top: 90px;
	}
	.service_section4_bg img {
		height: 100%;
	}
	.board_view_body {
		padding: 30px 0;
	}
	.board_view_header .reg {
		margin-top: 20px;
	}
	.review_list_body li {
		padding: 15px 0;
	}
	.review_list_body li .thumb_img {
		flex: 0 0 40px;
		max-width: 40px;
		height: 40px;
	}
	.review_list_body li .reg {
		display: none;
	}

	.fixed_img_wrap {
		height: 200px;
	}
	.fixed_img_wrap img {
		width: 576px;
	}
	.main_section,
	.main_swiper {
		height: 80vh;
	}
	.main_swiper .swiper-slide {background-size: cover !important;}
	.main_guide_wrap {
		padding: 15vh 0 0;
		height: auto;
	}
	.main_guide_wrap img {
		max-width: 100%;
	}
	.main_guide_wrap .main_text_desc_title {
		margin: 25px auto 20px;
		height: 15px;
	}
	.main_title_pastel h6 {
		padding: 15px 0;
		background-size: 210px auto;
	}
	.main_swiper .swiper-slide {
		background-size: 100% 370px;
		align-items: flex-start;
	}
	.bt_line_animation {
		margin-bottom: 0; 
	}

	/*폭 정리*/
	.main_text_title1 h1 {
		width: 146px;
		font-size: 37px;
		letter-spacing: 0.7px;
	}
	.main_text_svg {width: 146px;}

	.main_text_title1 h1.per {
		font-size: 50px;
	}
	.main_text_title1 .subtitle {
		width: 146px;
		font-size: 19px;
	}
	.main_text_title1 .subtitle01 {
		margin-top: 5px;
		letter-spacing: 0px;
	}
	.main_text_title1 .subtitle02 {
		margin-top: 2px;
		letter-spacing: 1px;
	}

	.main_text_titie2 h3 {
		width: 102px;
		margin-bottom: 4px;
		font-size: 20px;
	}
	.main_text_titie2 h2 {
		margin: 9px auto 0;
		width: 102px;
		font-size: 51px;
	}

	.main_text_titie3 h3 {
		width: 102px;
		margin-bottom: 4px;
		font-size: 20px;
	}
	.main_text_titie3 h2 {
		margin: 9px auto 0;
		width: 102px;
		font-size: 51px;
	}

	.main_text_titie4 h3 {
		width: 102px;
		margin-bottom: 4px;
		font-size: 20px;
	}
	.main_text_titie4 h2 {
		margin: 9px auto 0;
		width: 102px;
		font-size: 51px;
	}

	.main_swiper .img_obj1 {
		margin-right: 140px;
	}
	.main_swiper .img_obj1 img {
		width: 170px;
	}
	.main_swiper .img_obj2 {
		margin-left: 120px;
		bottom: 50px;
	}
	.main_swiper .img_obj2 img {
		width: 190px;
	}
	.main_swiper .flog_img {
		margin-right: 150px;
		bottom: 150px;
		right: 50%;
	}
	.main_swiper .flog_img img {
		width: 120px;
	}
	.login_box_title {
		text-align: center;
	}
	.donate_ticket_section .btn_area {
		margin-top: 15px;
	}
	.share_section > .coin_img {
		flex: 0 0 800px;
		max-width: 800px;
		width: 800px;
	}
	.share_info_box {
		margin-top: -220px;
	}
	.share_info_box .thumb_box {
		margin-right: -30px;
		top: -30px;
		width: 60px;
		height: 60px;
	}
	.share_info_box .tag_item {
		font-size: 1.1rem;
	}
	.share_btn_list li {
		padding: 20px 15px;
	}
	.service_point_section .desc_txt {
		text-align: justify;
		word-break: break-all;
	}
	.sevice_point_swiper_item {
		padding: 25px 10px 20px;
	}

	/* 기부완료 댓글 */
	.ins_donate_review_area .ins_donate_review_box {
		display: block;
	}
	.ins_donate_review_area .ins_donate_review_box textarea {
		width: 100%;
		max-width: 100%;
	}
	.ins_donate_review_area .ins_donate_review_box button {
		margin-left: 0;
		display: block;
		width: 100%;
		max-width: 100%;
		height: 40px;
	}


	.invite_kakao_area {
		padding-top: 40px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.invite_kakao_area .absolute_btn_area > .btn_donate .btn_common {
		height: 55px;
		font-size: 1.125rem;
	}
	.invite_kakao_area .absolute_btn_area > .btn_donate::before {
		width: 75px;
		height: 55px;
		bottom: -9px;
	}
	.invite_copy_btn_area {
		margin-top: 5px;
	}
	.invite_copy_btn_area button {
		height: 55px;
		font-size: 1.125rem;
	}
	.invite_dashboard {
		transform: translate(0, -80px);
		flex-wrap: wrap;
	}
	.invite_dashboard article {
		margin: 5px 0;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.invite_dashboard article h5 {
		position: relative;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.invite_dashboard article h1 {
		padding-top: 0px;
		padding-bottom: 30px;
	}
	.invite_bt_section {
		padding-bottom: 110px;
	}

	.invite_modal_content {
		padding: 50px 35px;
	}
	.fund_header_text {margin-bottom: 0;}
	.fund_header_text p {	font-size: 14px;	}
	.fund_header_text .bt_line_title {margin-bottom: 0;}
	.waiting_count {
		padding-bottom: 0px;
		font-size: 12px;
		text-align: center;
	}
	.waiting_count strong {
		font-size: 30px;
	}
	.quick_kakao {
		width: 80px;
		height: 58px;
		right: 10px;
		bottom: 10px;
	}

	.invite_section4 .content_box h5 {
		padding: 3px;
		width: 100%;
	}
	.invite_content_dashboard {
		margin: -100px auto 60px;
	}

	.ticket_box {
		padding: 25px 15px;
	}
	.ticket_box_header {
		padding: 0 15px;
	}
	.ticket_box_header .title {
		font-size: 1.375rem;
	}
	.ticket_box_header .title img {
		width: 27px;
	}
	.ticket_box_inner h4 {
		font-size: 1rem;
	}
	.ticket_box_inner dl {
		padding-left: 0;
		padding-right: 0;
	}
	.ticket_box_inner dl {
		font-size: 1rem;
	}

	.add_info_box .title {
		flex: 0 0 80px;
		max-width: 80px;
	}
	.pay_modal_box {
		padding-bottom: 100px;
	}	

	/* 210825 단독기부 */
	.web_img {
		display: none;
	}
	.mobile_img {
		display: inline-block;
	}
	.single_box h1 {
		font-size: 46px;
		line-height: 1.2;
	}
	.single_top_top {
		height: 430px;
	}
	.single_img_box {
		left: 5%;
		bottom: -20px;
		width: 90%;
	}
	.single_top_bottom {
		padding: 100px 0 70px;
	}
	.single_middle_bottom h1 {
		padding: 30px 0px 15px;
		max-width: 100%;
	}
	.badge_title {
		padding: 20px 40px 15px;
		font-size: 35px;
	}

	.single_square_top {
		padding: 70px 0 45px;
	}
	.single_square_top p {
		font-size: 24px;
	}
	/* .single_square_top p br {
		display: none;
		} */

		.single_square_middle {
			padding: 60px 0;
		}
		.single_square_middle p {
			font-size: 24px;
		}
		.single_circle {
			margin: 40px auto 20px;
		}

		.single_square_bottom {
			padding: 60px 0 50px;
		}
		.single_square_bottom h2 {
			font-size: 39px;
			line-height: 1.2;
		}
		.single_square_bottom p {
			font-size: 22px;
		}

		.single_middle {
			padding-top: 70px;
		}
		.single_middle > .single_container img {
			width: 85%;
		}
		.single_middle_body {
			padding: 80px 0;
			margin-top: 65px;
		}
		.single_middle_text {
			font-size: 34px;
		}
		.single_list_top {
			display: block;
			position: relative;
			padding-bottom: 150px;
		}
		.single_list_top span {
			font-size: 26px;
		}
		.single_list_top span:last-of-type {
			margin-left: 8px;
		}
		.single_list_top img {
			position: absolute;
			left: 50%;
			bottom: -4px;
			transform: translateX(-50%);
			width: 50%;
			max-width: 200px;
		}
		.single_list_container {
			padding: 60px 0 80px;
		}
		.single_list_box {
			padding: 30px 20px;
		}
		.single_list_box li {
			align-items: flex-start;
			font-size: 24px;
		}
		.single_list_box li::before {
			display: block;
			flex: 0 0 40px;
			max-width: 40px;
			height: 40px;
			margin-top: 8px;
		}
		.single_list_box li + li {
			margin-top: 30px;
		}
		.single_img_container {
			margin: 0 auto 50px;
		}
		.single_img_content {
			margin: 20px 0;
		}
		.single_img_content p {
			margin: 15px 0;
			font-size: 24px;
		}
		.single_img {
			padding-top: 81%;
		}
		.numbering {
			width: 30px;
			height: 30px;
			font-size: 18px;
			line-height: 1.9em;
		}
		.single_middle_bottom p {
			font-size: 22px;
		}
		p.single_caption {
			margin-top: 0;
			font-size: 13px;
		}

		.single_bottom {
			padding: 80px 0;
		}
		.single_bottom p {
			margin-top: 20px;
			font-size: 25px;
			line-height: 1.4;
		}

		.link_email {
			font-size: 18px;
		}
		.link_email span::before {
			width: 51px;
			height: 26px;
			margin-right: 0;
			margin-bottom: 10px;
			background-size: contain;
		}
		.btn_inquiry {
			width: 200px;
			padding: 13px 0 10px;
			font-size: 25px;
		}

		.single_input_box {
			display: block;
			text-align: left;
		}
		.single_input_box label {
			margin-bottom: 5px;
		}

		.subs_header h1 {
			font-size: 16px;
		}
		.subs_header button {
			padding: 8px 10px;
			white-space: nowrap;
		}

		.subs_container h2 {
			font-size: 32px;
		}
		.subs_container h2 + p {
			margin-top: 30px;
			font-size: 16px;
		}
		.subs_section {
			padding: 60px 0;
		}
		.subs_section.bgi {
			padding: 60px 0 250px;
			background-size: 310px;
			background-position: center bottom;
		}

		.direct_arrow {
			width: 210px;
		}
		.direct_arrow::after {
			right: -120px;
			border-top: 70px solid transparent;
			border-right: 50px solid transparent;
			border-bottom: 70px solid #ffdd92;
			border-left: 50px solid transparent;
		}

		.subs_section.first {
			background-position: center bottom -30px;
		}
		.mockup {
			padding: 15px;
		}
		.mockup_bg {
			padding: 60px 20px 70px;
		}
		.mockup_bg::before {
			top: -15px;
			height: 30px;
		}

		.subs_form h3 {
			font-size: 20px;
		}
		.coin_btn_area .btn_wrap, .coin_bt_btn_area .btn_wrap {
			padding-right: 2px;
			padding-left: 2px;
		}
		.coin_btn_area, .coin_bt_btn_area {
			margin-left: -2px;
			margin-right: -2px;
		}
		.subs_form .coin_btn_area .btn_wrap {
			padding-right: 2px;
			padding-left: 2px;
		}
		.subs_form .coin_bt_btn_area {
			margin-top: 5px;
		}
		.subs_form .service_chk_list {
			margin: 30px 0 45px;
		}
		.subs_form .mod_password_area {
			display: flex;
		}
		.subs_form .mod_password_area > input {
			margin-top: 0;
		}
		.subs_form .mod_password_area > span {
			margin: 0 5px;
		}
		.subs_form .service_chk_list .all_chk_item {
			padding: 15px;
		}

		.subs_btn_group span {
			font-size: 12px;
		}
		.subs_info {
			padding: 20px 30px;
		}
		.subs_form .btn_common {
			padding: 15px;
			margin: 0;
			font-size: 15px;
		}

		.subs_section.third h2 {
			font-size: 24px;
		}

		.subs_process {
			display: none;
			flex-wrap: wrap;
			padding: 50px 0 0;
		}
		.subs_process li {
			flex: 0 0 50%;
			max-width: 50%;
			margin: 25px 0;
		}
		.subs_process li + li::before {
			display: none;
		}
		.subs_process .numbering {
			width: 40px;
			height: 40px;
		}
		.process_circle {
			width: 140px;
			height: 140px;
			margin: 0 auto;
		}
		.process_circle.one,
		.process_circle.two,
		.process_circle.three,
		.process_circle.four {
			background-size: 50%;
		}
		.process_circle + h3 {
			margin-top: 0;
			font-size: 20px;
		}
		.subs_process_list {
			padding: 0;
			padding-top: 20px;
		}
		.subs_process_list h3 {
			flex: 0 0 100px;
			max-width: 100px;
			padding: 10px;
			font-size: 14px;
		}
		.subs_process_list p {
			font-size: 14px;
		}

		.subs_section.sixth {
			padding: 70px 0;
		}
		.talk_group {
			width: 100%;
		}
		.talk_group h4 {
			margin-bottom: 5px;
		}
		.talk_group.left .text_bubble::before,
		.talk_group.right .text_bubble::before {
			display: none;
		}
		.img_bubble {
			height: 200px;
		}
		.underline {
			margin-top: 50px;
		}

		.subs_section.seventh {
			padding: 80px 0;
		}
		.faq_box {
			margin: 50px 0;
		}
		.faq_box + .btn_common {
			width: 100%;
			padding: 17px;
			font-size: 16px;
		}
		.faq_box h4 {
			font-size: 15px;
		}

		.kakao_mark::before {
			left: 80px;
		}
		.subs_header {
			padding: 20px 0 17px;
		}

		.subs_form .subs_submit_btn {
			margin-top: 0;
		}
		.subs_form .subs_submit_btn button {
			width: 150px;
			padding: 15px;
			height: 56px;
		}

		.agree_chk input + span {
			width: 20px;
			height: 20px;
		}

		/*어린이날이벤트*/
		.children_event_form .custom_chk p {
			font-size: 16px;
		}
		.children_event_btn button {
			width: 200px;
			height: 98px;
			background-size: 200px 98px;
		}

		.select_group select {
			width: 50%;
		}
		.select_group input {
			width: 90%;
		}
		.select_group button {
			width: 10%;
		}

	}

	@media screen and  (max-width: 370px) {
		.progress_date {
			bottom: -35px;
		}
	}

	/*태블릿*/
	@media screen and  (min-width: 768px) {

	}

	/*노트북*/
	@media screen and (min-width: 992px) {
	}

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

	}

	/*웹*/
	@media screen and (min-width: 1600px) {
	}