/* <style> */
			* {
				box-sizing: border-box;
				margin: 0;
				padding: 0;
				list-style: none;
				text-decoration: none;
			}
			a {
				color: var(--black-color);
			}
			h1 {
				font-size: var(--font-size-title);
				color: var(--black-color);
				text-align: left;
				font-weight: var(--font-bold);
			}

			h2 {
				font-size: var(--font-size-2xl);
				font-weight: var(--font-bold);
				color: var(--black-color);
			}

			h3 {
				color: var(--black-color);
				font-size: var(--font-size-l);
				font-weight: var(--font-bold);
				margin-bottom: 20px;
			}
			img {
				width: 100%;
			}

			.wrapper {
				max-width: var(--screen-width);
				margin: 30px auto 97px auto;
			}
			.event-toggle-input {
				display: none;
			}
			.event-category {
				padding: 15px 0px;
				margin-top: 30px;
				border-bottom: 2px solid #000000;
			}

			.event-category p {
				font-size: var(--font-size-xl);
				font-weight: var(--font-light-bold);
			}

			.toggle-icon {
				width: 23px;
				height: 24px;
				background-image: url("/card/ongoing-event_img/main_plus.png");
				background-repeat: no-repeat;
				padding-right: 35px;
			}
			.event-toggle-label {
				display: flex;
				align-items: flex-start;
				cursor: pointer;
				font-size: var(--font-size-l);
				margin-top: 28px;
				color: #5c5c5c;
			}
			.event-toggle-input:checked + .event-toggle-label .toggle-icon {
				background-image: url("/card/ongoing-event_img/main_minus.png");
			}

			.toggle-content {
				max-height: 0;
				overflow: hidden;
				transition: all 0.5s ease-in;
				margin-top: 10px;
			}

			.event-toggle-input:checked ~ .toggle-content {
				max-height: 300px;
				transition: all 0.5s ease-out;
			}

			.toggle-content ul {
				padding-left: 33px;
				font-size: var(--font-size-l);
			}
			.toggle-content li {
				margin-bottom: 10px;
				position: relative;
				color: #5c5c5c;
			}
			.event-section {
				margin-bottom: 60px;
			}

			.event-header {
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
			}

			.event-title {
				padding-left: 6px;
			}

			.event-link {
				color: #888888;
			}

			.event-cards {
				display: flex;
				justify-content: flex-start;
				/* justify-content: center; */
				flex-wrap: wrap;
				gap: 20px;
				padding-top: 18px;
			}

			.event-card {
				display: flex;
				/*flex: 0 1 calc(50% - 30px);*/
				flex:1;
				padding: 21px 0px 21px 41px;
				gap: 23px;
				width: 100%;
				height: 235px;
				background-color: var(--white-color);
				box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
				box-sizing: border-box;
				border-radius: 20px;
				/*max-width: 860px;*/
				min-width: 480px;
				max-width: 510px;
				/* overflow: hidden;
				border: 3px solid transparent; */
				position: relative;
				--border-width: 3px;
			}

			.card-image {
				width: 122px;
				height: 193px;
			}

			.card-content {
				width: 100%;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-around;
			}

			.card-title {
				font-weight: var(--font-bold);
				font-size: var(--font-size-xl);
				position:relative;
			}
			.card-title .turbo {
				position: absolute;
				bottom: -1.375rem;
				left: 0;
				display: block;
				background-color: #ee3a34;
				color: #fff;
				font-family: "Pretendard" !important;
				font-weight:300;
				padding: 0.1rem 0.5rem;
				border-radius: 30px;
				font-size: 0.8rem;
				letter-spacing: 0;
			}

			.card-description {
				font-weight: var(--font-bold);
				font-size: var(--font-size-l);
			}

			.card-highlight {
				color: #0c68d2;
			}

			.card-highlight-gold {
				color: #dc9f35;
			}
			.card-highlight-purple {
				color: #522781;
			}
			.card-highlight-navy {
				color: #3a5d9a;
			}

			.card-date, .card-date span {
				font-weight: var(--font-light);
				font-size: var(--font-size-l);
			}
			/* s : global.css */
			:root {
			--screen-width: 1052px;

			/* 색상 */
			/* --background-color: #CFCFCF; */
			--background-color: #f5f5f5;
			--white-color: #fff;
			--deep-black-color: #000000;
			--black-color: #2b2b2b;
			--red-color: #ff0000;
			--yellow-color: #f9bb34;
			--gray-color: #bdbdbd;
			--gainsboro-color: #dddddd;
			--space-color: #444444;
			--table-color: #e8e8e8;

			/* 폰트 명 */
			--font-family: "YouandiNewHR";

			/* 폰트 사이즈 */
			--font-size-3xs: 10px;
			--font-size-2xs: 12px;
			--font-size-xs: 14px;
			--font-size-s: 16px;
			--font-size-m: 18px;
			--font-size-l: 20px;
			--font-size-xl: 24px;
			--font-size-2xl: 28px;
			--font-size-3xl: 32px;
			--font-size-4xl: 34px;

			--font-size-title: 65px;

			--font-size-desktop: var(--font-size-s);
			--font-size-mobile: var(--font-size-s);
			/* --font-size-xxxl: 32px */

			/* 폰트 두께 */
			--font-light: 400;
			--font-normal: 600;
			--font-light-bold: 700;
			--font-bold: 800;

			/* 미디어 쿼리용 너비 픽셀 */
			--pc-width: 1052px;
			--tablet-width: 768px;
			--mobile-width: 460px;
			}

			/* 폰트 */
			@font-face {
				font-family: "YouandiNewHR";
				font-style: normal;
				font-weight: normal;
				font-display: swap;
				src: url(/card/font/YouandiNewKrTitle-Regular.ttf);
				src: url(/card/font/YouandiNewKrTitle-Regular.eot?#iefix) format("embedded-opentype");
				src: url(/card/font/YouandiNewKrTitle-Regular.woff) format("woff");
			}
			@font-face {
				font-family: "YouandiNewHR";
				font-style: normal;
				font-weight: bold;
				font-display: swap;
				src: url(/card/font/YouandiNewKrTitle-Bold.ttf);
			}
			@font-face {
				font-family: "Pretendard";
				src: url("/font/Pretendard-Regular.woff") format("woff");
				font-weight: 400;
				font-display: swap;
			}
			@font-face {
				font-family: "Pretendard";
				src: url("/font/Pretendard-Light.woff") format("woff");
				font-weight: 300;
				font-display: swap;
			}

			* {
				text-decoration: none;
				list-style: none;
				margin: 0;
				padding: 0;
				font-family: var(--font-family) !important;
				letter-spacing: -0.8px;
			}
			body {
				position: relative;
				font-family: var(--font-family);
				background-color: var(--background-color);
				color: var(--black-color);
				overflow-x: hidden;
			}
			html {
				background-color: transparent !important;
				overflow-x: hidden;
				scroll-behavior: smooth !important;
			}

			a {
				text-decoration: none;
				cursor: pointer;
			}

			p {
				margin: 0;
				padding: 0;
			}

			.breadcrumbs {
				display: flex;
				flex-direction: row;
				/* width: 200px; */
				/* justify-content: space-between; */
				align-items: center;
				font-size: 10px;
			}

			.breadcrumbs .breadcrumbs-item {
				color: var(--black-color);
				font-size: var(--font-size-m);
				font-style: normal;
				font-weight: var(--font-light);
				line-height: 20px;
				/* 125% */
				padding-top: 80px;
			}

			.mobilelink {
				pointer-events: none;
			}

			.menu {
				border-radius: 12px;
				border: 1px solid #e0e0e0;
				background: #fff;
				width: 76px;
				flex-shrink: 0;
			}

			.primary_nav_wrap ul ul li.menu-border:after {
				content: "";
				display: block;
				width: 100%; /* 80% 너비 */
				margin: 0 auto; /* 가운데 정렬 */
				border-bottom: 1px solid #e0e0e0;
			}
			.green {
				color: #0b8300;
			}
			.text {
				color: var(--black-color);
				line-height: 28px;
			}

			.text-bold {
				font-weight: var(--font-bold);
			}

			.red {
				color: var(--red-color);
			}

			.text-size-xsmall {
				font-size: var(--font-size-xs);
			}

			.text-size-small {
				font-size: var(--font-size-s);
			}

			.text-size-medium {
				font-size: var(--font-size-m);
			}

			.text-size-large {
				font-size: var(--font-size-l);
			}

			.text-size-xlarge {
				font-size: var(--font-size-xl);
			}

			.text-size-2xlarge {
				font-size: var(--font-size-2xl);
			}

			.text-size-3xlarge {
				font-size: var(--font-size-3xl);
			}

			.text-size-4xlarge {
				font-size: var(--font-size-4xl);
			}

			.text-center {
				text-align: center;
			}

			.margin-bottom-20 {
				margin-bottom: 20px !important;
			}

			.margin-bottom-24 {
				margin-bottom: 24px !important;
			}

			.margin-right-36 {
				margin-right: 36px !important;
			}

			.hidden {
				display: none !important;
			}

			.divider {
				border: 1px solid var(--deep-black-color);
				width: 100%;
				margin: 4px 0;
			}

			.divider ~ .dot {
				border-style: dashed;
			}

			footer {
				border-top: 1px solid var(--gray-color);
				padding-top: 15px;
				padding-left: 15px;
				margin-bottom: 15px;
			}
			footer ul {
				width: 1440px;
				margin: 0 auto 77px auto;
			}
			footer .footer-list .footer-list-item {
				font-size: var(--font-size-xs);
				margin-bottom: 4px;
				color: #5c5c5c;
				line-height: 18px;
			}


			/* s :sec2 */
			.sec2 { width:100% !important; }
			/* .sec2 .notice { width:960px !important; margin:0 auto; } */
			.sec2 ul { width:100%; }
			.sec2 ul li { padding-bottom:20px; color:#000 !important; }
			.sec2 ul li h3 { font-size:26px;font-weight: 600; }
			.sec2 ul li h6 { font-size:20px;font-weight: 600; padding-bottom:10px; }
			.sec2 ul li p { font-size:18px; line-height:1.4; position:relative; padding-left:15px; letter-spacing: -1.5px; }
			.sec2 ul li p::after { 
				content:'·';
				width:100%; height:100%;
				position:absolute;
				left:0; top:0;
				font-size:24px;
			}
			/* e :sec2 */



			@media screen and (max-width: 460px) {
				.breadcrumbs {
					max-width: 150px;
				}
				.divider {
					margin: 2px 0 !important;
				}
				footer .footer-list {
					width: 100%;
				}
				footer .footer-list .footer-list-item {
					font-size: var(--font-size-2xs);
				}
			}
			/* e : global.css */
			/* s : navbar.css */
			.stickynav {
				display: flex;
				top: 0;
				background: var(--white-color);
				z-index: 999;
				box-shadow: 0px 2px 4px 0px #00000014;
				position: fixed;
				width: 100%;
				height: 70px;
				padding-left: 40px;
			}

			.stickynav-box {
				padding-top: 70px;
			}

			.logo {
				width: auto;
				height: 100%;
				display: flex;
				align-items: center;
			}
			.logo img {
				width: 112px;
				height: 22px;
			}
			.primary_nav_wrap {
				width: 1440px;
				margin: 0 auto;
				display: flex;
				align-items: center;
			}

			.primary_nav_wrap ul {
				padding-left: 40px;
			}

			.primary_nav_wrap ul a {
				display: inline-flex; /* 인라인 플렉스 컨테이너로 설정 */
				align-items: center; /* 수직 정렬 */
				padding: 10px 15px;
				color: var(--black-color);
				font-size: var(--font-size-l);
				font-style: normal;
				font-weight: var(--font-bold);
				text-decoration: none; /* 필요에 따라 추가 */
				/* 125% */
			}

			.primary_nav_wrap ul a img {
				margin-left: 5px; /* 텍스트와 이미지 사이의 간격 조절 */
				vertical-align: middle; /* 이미지의 수직 정렬 */
				width: auto;
			}

			.primary_nav_wrap > ul > li {
				position: relative;
				float: left;
				margin: 0 8px;
				padding: 0;
			}

			.primary_nav_wrap ul li.current-menu-item {
				background: var(--gainsboro-color);
			}

			.primary_nav_wrap ul ul {
				display: none;
				position: absolute;
				top: 100%;
				left: 0;
				background: var(--white-color);
				padding: 0;
				min-width: 100%;
				white-space: nowrap;
				width: auto;
			}

			.primary_nav_wrap ul ul li {
				float: none;
			}

			.primary_nav_wrap ul ul li:after {
				content: "";
				display: block;
				width: 50px;
				margin: auto;
			}
			/* 추가 항목 스타일 */

			.additional-toggle {
				line-height: 120%;
				padding: 10px 16px;
				font-size: var(--font-size-m);
				font-style: normal;
				font-weight: var(--font-light);
				text-align: left;
				display: flex;
				align-items: center;
				justify-content: space-between;
				border-bottom: 1px solid #e0e0e0;
			}
			.additional-items {
				border-bottom: 1px solid #e0e0e0;
				max-height: 0;
				overflow: hidden;
				transition: max-height 0.5s ease-out;
				background-color: #f0f0f0;
			}

			#toggle-items:checked ~ .additional-items {
				display: block;
				background-color: #f0f0f0;
				max-height: 100px;
			}

			.additional-toggle-icon {
				background-image: url("/card/event-magazine_img/arrow.png");
				background-size: contain;
				background-repeat: no-repeat;
				width: 11px;
				height: 7px;
			}

			#toggle-items:checked + .additional-toggle .additional-toggle-icon {
				background-image: url("/card/event-magazine_img/nav_arrow_up.png");
			}

			.primary_nav_wrap ul ul a {
				line-height: 120%;
				padding: 10px 16px;
				font-size: var(--font-size-m);
				font-style: normal;
				font-weight: var(--font-light);
				text-align: left;
			}

			.primary_nav_wrap ul ul ul {
				top: 0;
				left: 100%;
			}

			.primary_nav_wrap ul li:hover > ul {
				display: block;
			}

			.secondary_nav_wrap {
				display: none;
			}

			.secondary_nav_wrap #hamburger-button {
				display: none;
			}
			.secondary_nav_wrap .navbar-button {
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.category-additional-items {
				max-height: 0;
				overflow: hidden;
				transition: max-height 0.5s ease-out;
				margin-top: 11px;
			}

			#category-toggle-items:checked ~ .category-additional-items {
				display: block;
				background-color: #f0f0f0;
				max-height: 100px;
			}

			.category-additional-toggle {
				color: var(--black-color);
				font-size: var(--font-size-l);
			}
			.category-additional-item {
				border-bottom: 1px solid #e0e0e0;
				color: var(--black-color);
				font-size: var(--font-size-l);
				padding-bottom: 10px;
				padding-top: 10px;
				padding-left: 10px;
			}
			.category-additional-item a {
				color: var(--black-color);
				font-size: var(--font-size-l);
			}

			.navbar-close {
				width: 20px;
				height: 14px;
				background-image: url("/card/event-magazine_img/nav_hamburgur.png");
				background-size: contain;
				background-repeat: no-repeat;
			}

			.navbar-hamburger-input:checked + .navbar-label .navbar-close {
				background-image: url("/card/event-magazine_img/nav_close.png");
			}

			.popup-menu {
				position: absolute;
				top: 38px;
				left: 0;
				width: 100%;
				max-height: 1px;
				transition: max-height 0.5s ease-out;
				z-index: 99;
				overflow: hidden;
			}

			.category-list {
				display: none;
				padding-left: 50px;
			}

			.navbar-hamburger-input:checked ~ .popup-menu {
				left: 0;
				height: 100vh;
				max-height: 100vh;
				transition: max-height 0.5s ease-in;
				background-color: var(--white-color);
				overflow-y: auto;
			}

			.navbar-hamburger-input:checked ~ .popup-menu .category-list {
				display: block;
				max-height: 100vh;
				transition: max-height 0.5s ease-in;
				margin-bottom: 300px;
			}

			.category {
				width: 90%;
				position: relative;
			}

			.line-container {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.category-line {
				flex-grow: 1;
				border: none;
				border-top: 1px solid black; /* 선을 추가 */
				margin-right: 10px; /* 기호와 선 사이의 간격 */
			}

			.category-toggle-icon {
				background-image: url("/card/event-magazine_img/plus_toggle.png");
				background-size: contain;
				background-repeat: no-repeat;
				width: 12px;
				height: 12px;
			}
			.category-toggle-input {
				display: none;
			}
			.category-detail {
				display: none;
			}

			.category-toggle-input:checked ~ .category-detail {
				left: 0;
				padding-top: 0px;
				max-height: 250px;
				transition: max-height 0.3s ease-in;
			}

			.category-toggle-input:checked + .category-toggle-label .category-toggle-icon {
				background-image: url("/card/event-magazine_img/minus_toggle.png");
				background-size: contain;
				background-repeat: no-repeat;
			}

			.summary-content {
				padding: 15px 0px;
			}

			.secondary_nav_wrap ul .category-title {
				font-size: var(--font-size-l);
				font-weight: var(--font-bold);
				margin-bottom: 14px;
			}

			.secondary_nav_wrap ul .category-description {
				font-size: var(--font-size-xs);
				color: #5c5c5c;
			}
			.secondary_nav_wrap ul .category-detail {
				display: block;
				max-height: 0px;
				overflow: hidden;
				padding-top: 20px;
				transition: max-height 0.3s ease-out, padding-top 0.3s ease-out;
			}
			.secondary_nav_wrap ul .category-detail li {
				margin-bottom: 11px;
				margin-top: 10px;
			}

			.secondary_nav_wrap ul .category-detail li a {
				color: var(--black-color);
				font-size: var(--font-size-l);
			}

			@media screen and (max-width: 510px) {
				.logo {
					width: 100%;
					height: 100%;
					display: flex;
					padding-right: 20px;
				}
				.logo img {
					width: 75px;
					height: 100%;
				}
				.stickynav {
					height: 38px;
					padding-left: 0;
				}
				.stickynav-box {
					padding-top: 38px;
				}
				.primary_nav_wrap {
					display: none;
				}
				.secondary_nav_wrap {
					display: flex;
					width: 100%;
					padding: 10px 20px;
				}

				.logo {
					width: 100%;
					display: flex;
					justify-content: center;
				}
			}

			/* e : navbar.css */
			/* s : sec4 */
			.sec4 {
				background:#f5f5f5;
				color:#222;
				border-top:1px solid #0002;
				padding:60px 0 0;
			}
			.sec4 article { width:1200px; }
			.sec4 strong { display:block; font-size:20px; font-weight:bold; padding-bottom:10px; }
			.sec4 p { padding-left:17px; letter-spacing:-0.5px; font-size:18px; line-height:2; position:relative; }
			.sec4 p::after { 
				content:"·";
				width:100%; height:100%;
				position: absolute;
				left:0; top:-5px;
				font-size:24px;
				font-weight:600;
			}
			.sec4 .indent { text-indent: -30px; }
			/* e : sec4 */


			
			@media screen and (max-width: 1052px) {
				.wrapper {
					margin: 46px 30px 97px 30px;

					position: relative;
				}
				.event-cards {
					flex-wrap: wrap;
					justify-content:center;
				}
			}

			@media screen and (max-width: 480px) {
				.desktop-only {
					display: none;
				}
				h1,
				h2 {
					font-size: var(--font-size-2xl);
					text-align: center;
				}
				.event-category {
					padding: 5px 0px;

					border-bottom: 2px solid #000000;
				}

				.event-category p {
					font-size: var(--font-size-m);
					font-weight: var(--font-light-bold);
				}
				.event-section {
					margin-bottom: 30px;
					margin: 30px auto 0px auto;
				}

				.toggle-icon {
					width: 15px;
					height: 16px;
					background-size: 15px;
					padding-right: 20px;
				}

				.event-cards {
					gap: 11px;
					padding: 15px 15px 40px 15px;
				}
				.event-card {
					padding: 9px 0px 10px 25px;
					height: auto;
					max-width: 490px;
					min-width: 300px;
				}
				.event-toggle-label {
					margin: 15px auto 0px auto;
				}
				.event-toggle-label,
				.toggle-content {
					font-size: var(--font-size-xs);
				}
				.toggle-content ul {
					padding-left: 20px;
					font-size: var(--font-size-xs);
				}
				.info-text {
					font-size: var(--font-size-2xs);
				}
				.card-image {
					width: 68px;
					height: 108px;
				}

				.card-title {
					font-size: var(--font-size-xs);
				}

				.card-description {
					font-size: var(--font-size-xs);
				}
				.card-date, .card-date span {
					font-size: var(--font-size-xs);
				}
				.sec4 { padding:20px 0 0; }
				.sec4 article { width:100% !important; margin:0 auto; }
				.sec4 strong { font-size:20px; font-weight:bold; padding: 15px 0; }
				.sec4 p { padding-left:7px; font-size:12px; }
				.sec4 p::after { top:-9px; font-size:20px; }

				.sec2 { padding:0; width:100% !important; }
				/* .sec2 .notice ul { width:100%; margin:0 auto; } */
				.sec2 ul li { margin:0; padding:0; padding-bottom:10px; background:none; border-radius:30px; }
				.sec2 ul li h3 { font-size:16px; margin-bottom:10px; margin-top:30px; }
				.sec2 ul li h6 { font-size:14px;padding-bottom:10px; }
				.sec2 ul li p { font-size:12px; padding-left:10px; letter-spacing: -1px; }
				.sec2 ul li p b { letter-spacing: -1.5px; }
				.sec2 ul li p::after { font-size:14px; }
				.notice-btm{font-size: 0.7rem; }

				.card-title .turbo {
					bottom: -0.9rem;
					font-size: 0.5rem;
					font-weight:400;
				}
			}
		/* </style>
		<style> */

			.event-card-new::after {
				position: absolute;
				content: "";
				top: calc(-1 * var(--border-width));
				left: calc(-1 * var(--border-width));
				z-index: -1;
				width: calc(100% + var(--border-width) * 2);
				height: calc(100% + var(--border-width) * 2);
				background: linear-gradient(
				60deg,
				hsl(224, 85%, 66%),
				hsl(269, 85%, 66%),
				hsl(314, 85%, 66%),
				hsl(359, 85%, 66%),
				hsl(44, 85%, 66%),
				hsl(89, 85%, 66%),
				hsl(134, 85%, 66%),
				hsl(179, 85%, 66%)
				);
				background-size: 300% 300%;
				background-position: 0 50%;
				border-radius: 20px;
				animation: moveGradient 4s alternate infinite;
			}

			@keyframes moveGradient {
				50% {
					background-position: 100% 50%;
				}
			}
			@keyframes newGradient {
				0% {background:hsl(269, 85%, 66%);}
				15% {background:hsl(314, 85%, 66%);}
				30% {background:hsl(359, 85%, 66%);}
				50% {background:hsl(44, 85%, 66%);}
				65% {background:hsl(89, 85%, 66%);}
				75% {background:hsl(134, 85%, 66%);}
				85% {background:hsl(179, 85%, 66%);}
				100% {background:hsl(224, 85%, 66%);}
			}
			@keyframes bestGradient {
				
				0% {background:hsl(269, 85%, 66%);}
				15% {background:hsl(314, 85%, 66%);}
				30% {background:hsl(359, 85%, 66%);}
				50% {background:hsl(44, 85%, 66%);}
				65% {background:hsl(89, 85%, 66%);}
				75% {background:hsl(134, 85%, 66%);}
				85% {background:hsl(179, 85%, 66%);}
				100% {background:hsl(224, 85%, 66%);}
			}


			/* .event-card-new .card-title::before {
				position: absolute;
				content: "";
				top: 10px;
				left: 45px;
				z-index: -1;
				width: 115px;
				height: 25px;
				background: #eaeaea;
			}
			.event-card-new .card-title1::before {
				width: 230px;
			} */
			.card-title .newicon {
				position: relative;
				display: inline-block;
				background-color: #ff3f3f;
				/*background-color: #5dbcff;*/
				color: #fff;
				font-family: "Pretendard" !important;
				font-weight:600;
				padding: 0.3rem 0.5rem;
				border-radius: 30px;
				font-size: 0.8rem;
				letter-spacing: 0;
				margin-right:3px;
				top:-3px;
				/*animation: newGradient 4s alternate infinite;*/
			}
			.card-title .newicon.newicon2 {
				animation: bestGradient 4s alternate infinite;
			}
			.event-card-new .card-title::before {
				position: absolute;
				content: "";
				top: 10px;
				left: 45px;
				z-index: -1;
				width: 115px;
				height: 25px;
				background: #eaeaea;

				display:none;
			}
			.event-card-new .card-title1::before {
				width: 230px;
			}
			
			.mySwiper2 {
				width: 180px;
				touch-action: auto !important;
				overflow: hidden;
			}
			@media(max-width:480px){
				.mySwiper2 {
					width: 100px;
				}
				.event-card {--border-width: 2px;}
				.card-title .newicon {
					padding: 0.1rem 0.3rem;
					font-size: 0.6rem;
					margin-right:0.2rem;
					top:-1px;
					/*animation: newGradient 4s alternate infinite;*/
				}
			}
		/* </style>
		<style> */
			.title_wrap{display:flex; justify-content:space-between; align-items:center; }
			.title_wrap .txtbox{}
			.title_wrap .imgbox{}
			.title_wrap .imgbox img{max-width: 550px; border-radius:1rem;}

			@media screen and (max-width: 991px) {
				.pc_ver{display:none;}
				.mobile_ver{display:block;}
				.title_wrap .imgbox img{max-width: 500px; }
			}

			@media screen and (max-width: 768px) {
				.title_wrap{flex-wrap:wrap; justify-content:center; gap:1rem;}
			}


			.pc_ver{display:block;}
			.mobile_ver{display:none;}

			@media screen and (max-width: 480px) {
				.pc_ver{display:none;}
				.mobile_ver{display:block;}
				.title_wrap .imgbox img{border-radius:0.6rem;}
			}


		/* </style> */