body {
        margin: 0;
        padding: 0;
        font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    }
    .top-banner {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 20px;
        align-items: center; /* Added missing property */
        
    }
    .reservation-summary, .services, .exclusive-offer, .news
        {
        padding: 16px;
        padding: 20px;
        background-color: #ffffff;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .product-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 10px;
    }
    .product img {
        width: 100%;
        border-radius: 8px;
    }
    button {
        color: white;
        border: none;
        padding: 5px;
        border-radius: 5px;
        cursor: pointer;
		font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    }
    .top-bar {
        background-color: #F6F7F9;
    }
    .top-bar-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
        cursor: pointer;
    }
    .logo-img {
        height: auto;
        width: 172px;
    }
    .top-bar-icons {
        display: flex;
        gap: 10px;
    }
    .icon-img {
        width: 24px;
    }
    .profile-section {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0px 20px;
        padding-top: 0px;
        background-color: #F6F7F9;
    }
    .profile-name {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
		cursor: pointer;
    }
    .profile-name-highlight {
        color: #4475F6;
    }
    .profile-desc {
        color: #838EAD;
        font-size: 17px;
        margin: 0;
		font-weight: 700;
    }
    .profile-icon {
        width: 48px;
        height: 48px;
		cursor: pointer;
    }
    .profile-icon img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }
	.profile-change-group {
		display: flex;
		gap: 5px;
	}
	.my-account-btn {
		color: #838EAD;
		font-size: 11px;
		font-weight: 600;
		border: 1px solid #838ead;
		padding: 1px 2px;
		background: transparent;
	}
	.my-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        display: none;
        z-index: 999;
    }
    .my-drawer {
        position: fixed;
        left: 0;
        right: 0;
        bottom: -100%;
        background: #fff;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        box-shadow: 0 -2px 16px rgba(0,0,0,0.1);
        transition: bottom 0.3s;
        z-index: 1000;
        max-width: 500px;
        margin: 0 auto;
    }
    .my-drawer-header {
        padding: 24px 20px 20px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .my-drawer-title {
        font-size: 18px;
        font-weight: 600;
    }
    .my-drawer-close {
        font-size: 28px;
        cursor: pointer;
        margin-right: 8px;
    }
    .my-drawer-content {
        padding: 0 20px 24px 20px;
    }
    .my-drawer-option {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        color: #647093;
        font-size: 16px;
    }
    .my-drawer-option:last-child {
        margin-bottom: 0;
    }
    .my-drawer-radio {
        width: 24px;
        height: 24px;
        border: 2px solid #d1d5db;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 10px;
    }
    .my-drawer-radio-dot {
        width: 16px;
        height: 16px;
        background: #fff;
        border-radius: 50%;
        display: block;
    }
    .my-drawer-radio-selected {
        border-color: #4a90e2;
    }
    .my-drawer-radio-dot-unselected {
        background: #fff;
    }
    .my-drawer-option-selected .my-drawer-radio {
        border-color: #4a90e2;
    }
    .my-drawer-option-selected .my-drawer-radio-dot {
        background: #4a90e2;
    }
    .reservation-summary-section {
        border-radius: 10px;
        background-color: #F6F7F9;
        padding: 16px;
        padding-top: 28px;
    }
    .reservation-summary-container {
        background-color: white;
        padding: 16px;
        border-radius: 20px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .reservation-summary-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .reservation-summary-title {
        font-size: 18px;
    }
    .reservation-toggle-btn {
        background-color: white;
        border: none;
        cursor: pointer;
        padding: 0;
    }
    .reservation-toggle-img {
        width: 68px;
    }
    .reservation-stats {
        display: flex;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .reservation-category {
        flex: 1;
        text-align: left;
    }
    .reservation-label {
        color: #7C7C7C;        
        margin-bottom: 5px;
    }
    .reservation-count {
        font-size: 28px;
        margin-right: 5px;
    }
    .reservation-summary-footer {
        display: flex;
        align-items: center;
		justify-content: space-between;
        font-size: 14px;
        border-top: #F4F6F7 1px solid;
        margin-top: 10px;
        padding-top: 14px;
    }
    .reservation-footer-item {
        display: flex;
        align-items: center;
		position: relative;
		cursor: pointer;
    }
    /* .reservation-footer-item:after {
    		content: '';
    		position: absolute;
    		top: 2px;
    		right: -11px;
    		width: 1px;
    		height: 20px;
    		background: #F4F6F7;
    	} */
    .reservation-footer-icon {
        width: 24px;
        height: 24px;
        margin-right: 2px;
    }

    .quick-menu-section {
        display: flex;
        justify-content: space-around;
        padding: 16px;
        padding-top: 12px;
        gap: 5px;
        background-color: #F6F7F9;
    }
    .quick-menu-item {
        text-align: center;
		cursor: pointer;
    }
    .quick-menu-icon {
        width: 52px;
        height: 52px;
        background-color: #f9f9f9;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .quick-menu-label {
        margin-top: 10px;
		margin-bottom: 0;
        font-size: 12px;
    }

    .exclusive-offer-section {
        padding: 16px;
        padding-top: 28px;
        padding-right: 0px;
        background-color: #F6F7F9;
    }
    .exclusive-offer-section h2 {
        font-size: 16px;
		font-weight: 600;
		margin-top: 0;
    }
	.swiper-container {
        overflow: hidden;
    }
	.exclusive-offer-section .swiper-slide {
		position: relative;
		cursor: pointer;
	}
	.exclusive-offer-section .swiper-slide:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 69%;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 43.66%, #000 97.33%);
		border-radius: 16px;
	}
    .swiper-wrapper {
        display: flex;
    }
    .swiper-slide {
        max-width: 280px;
        margin-right: 20px;
        position: relative;
    }
    .exclusive-offer-img {
        width: 280px;
        height: 380px;
        border-radius: 16px;
    }
    .exclusive-offer-content {
        position: absolute;
        bottom: 24px;
        left: 24px;
        color: white;
        /* text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); */
		z-index: 1;
    }
    .exclusive-offer-content h3 {
        margin: 0;
        font-size: 20px;
		font-weight: 600;
    }
	.exclusive-offer-content h3:first-child {
		margin-bottom: 3px;
	}
    .exclusive-offer-content p {
        margin-top: 28px;
        font-size: 12px;
        display: flex;
        align-items: center;
		margin-bottom: 0;
		color: #D8D8D9;
    }
    .exclusive-offer-content img {
        margin-right: 4px;
    }
    .plk-health-section {
        padding: 16px;
        background-color: #F6F7F9;
    }
    .plk-health-card {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #ffffff;
        padding: 12px 17px 12px 24px;
        border-radius: 12px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		cursor: pointer;
    }
    .plk-health-card p {
        color: #007bff;
        font-size: 12px;
        margin: 5px 0;
    }
    .plk-health-card h3 {
        margin: 0 0;
        font-size: 14px;
        margin: 5px 0;
		font-weight: 600;
    }
    .plk-health-img {
        width: 64px;
        height: 64px;
    }

    .plk-news-section {
        padding: 16px;
        padding-top: 28px;
        padding-right: 0px;
        background-color: #F6F7F9;
    }
    .plk-news-section h2 {
        font-size: 16px;
		font-weight: 600;
    }
	.plk-news-section .swiper-container {
		padding: 0 0 5px 0;
	}
    .plk-news-slide {
        display: flex;
        flex-direction: column;
        width: 280px;
        margin-right: 20px;
        background-color: #ffffff;
        border-radius: 16px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		cursor: pointer;
    }
    .plk-news-slide img {
        height: 200px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }
    .plk-news-slide .plk-news-label {
        position: absolute;
        top: 12px;
        left: 12px;
        background-color: #202020; /* BaseColor/Gray-Blue/950 */    color: white;
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 12px;
    }
    .plk-news-slide .plk-news-content {
        padding: 15px;
    }
    .plk-news-slide .plk-news-title {
        font-size: 16px;
        font-weight: bold;
        margin: 0;
    }
    .plk-news-slide .plk-news-date {
        font-size: 12px;
        color: #999;
        margin: 12px 0 0 0;
    }

    .plk-product-section {
        padding: 20px 20px 48px 20px;
        padding-top: 28px;
        background-color: #F6F7F9;
    }
    .plk-product-section h2 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
		font-weight: 600;
    }
	.plk-product-section h2 span {
		cursor: pointer;
	}
    .plk-product-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
        /* align-items: center; */
        justify-items: center;
    }
    .plk-product-item {
        width: 100%;
        font-size: 14px;
		cursor: pointer;
    }
    .plk-product-item img {
        width: 100%;
    }

    .plk-product-item {
        position: relative;
    }

    .plk-product-item img {
        border-radius: 8px;
        width: 100%;
        display: block;
    }

    .plk-product-label {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }

    .heart-icon {
        width: 24px;
        height: 24px;
        fill: none;
        stroke: #ddd;
        stroke-width: 2;
    }

    .heart-icon.liked {
        fill: #ff4757;
        stroke: #ff4757;
    }

    .product-info {
    }

    .plk-product-item p {
        margin-bottom: 8px;
        font-size: 16px;
    }
	.plk-product-name {
		overflow: hidden;
		white-space: normal;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		/* height: 39px; */
	}
    .plk-product-oldprice {
        font-size: 14px !important;
        text-decoration: line-through;
        color: #ccc;
    }
    .plk-product-discount {
        color: #007bff;
    }
    .plk-product-discount span {
        color: black;
    }
    .plk-product-more-btn {
        background-color: #f9f9f9;
        color: #007bff;
        border: 1px solid #007bff;
        padding: 11px 20px;
        border-radius: 8px;
        cursor: pointer;
        font-size: 14px;
        width: 100%;
        margin-top:20px;
    }
    .plk-affiliate-section {
        margin: 20px;
        padding-top: 28px;
    }
    .plk-affiliate-section h2 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
		font-weight: 600;
    }
    .plk-affiliate-cards {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 12px;
    }
    .plk-affiliate-card {
        position: relative;
        height: 280px;
        width: 100%;
        background-size: cover;
        background-position: center;
        border-radius: 16px;
        padding: 20px;
        color: white;
        /* text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); */
        margin-top: -24px;
    }

    .plk-affiliate-card:first-child {
        margin-top: 0;
    }
    .plk-affiliate-card h1 {
        font-size: 20px;
		margin-bottom: 0;
		font-weight: 600;
		line-height: 28px;
    }
    .plk-affiliate-card button {
        background-color: white;
        color: #007bff;
        padding: 6px 11px;
        border-radius: 20px;
        cursor: pointer;
        font-size: 12px;
        border: none;
        margin-top: 16px;
    }

    .plk-travel-section {
        padding: 16px;
        padding-top: 28px;
    }
    .plk-travel-section h2 {
        display: flex;
        font-size: 16px;
        justify-content: space-between;
        align-items: center;
		font-weight: 600;
    }
	.plk-travel-section h2 span {
		cursor: pointer;
	}
    .plk-travel-banner {
        position: relative;
        /* height: 400px; */
        width: 100%;
        background-size: cover;
        background-position: center;
        border-radius: 16px;
		padding-bottom: 133.33%;
    }
    .plk-travel-banner-content {
        position: absolute;
        bottom: 20px;
        left: 10px;
        color: white;
        margin: 10px;
    }
    .plk-travel-banner-content h3 {
        margin: 0;
        font-size: 14px;
    }
    .plk-travel-banner-content h1 {
        margin: 5px 0;
        font-size: 24px;
		font-weight: 600;
    }
    .plk-travel-banner-content button {
        background-color: rgba(0, 0, 0, 0.7);
        color: white;
        border: none;
        padding: 8px 13px;
        border-radius: 20px;
        margin-top: 20px;
        cursor: pointer;
        font-size: 14px;
    }

    .plk-course-section {
        padding: 16px;
    }
    .plk-course-card {
        display: flex;
        align-items: center;
        background-color: #ffffff;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 15px;
        margin-bottom: 10px;
		cursor: pointer;
    }
    .plk-course-card img {
        width: 80px;
        height: 80px;
        border-radius: 8px;
        margin-right: 15px;
    }
    .plk-course-card p {
        font-size: 16px;
        font-weight: bold;
        margin: 0;
    }
    .plk-course-card p:first-child {
        margin-bottom: 4px;
    }
    .plk-course-card p.text {
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 6px;
    }
    .plk-youtube-section {
        padding: 16px;
        padding-top: 28px;
    }
    .plk-youtube-section h2 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
		font-weight: 600;
    }
    .plk-youtube-wrapper {
        position: relative;
        width: 100%;
        max-width: 640px;
    }
    .plk-youtube-iframe-container {
        position: relative;
        padding-top: 56.25%;
        background-color: #000;
        border-radius: 20px;
    }
    .plk-youtube-iframe-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 16px;
    }
    .plk-event-section {
        margin: 16px;
        padding-top: 28px;
    }
    .plk-event-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
		font-weight: 600;
    }
    .plk-event-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .plk-event-grid {
        width: 342px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2px;
        align-items: center;
        justify-items: center;
        border-radius: 16px;
        overflow: hidden;
        margin: 0 auto;
    }
    .plk-event-card {
        width: 170px;
        height: 170px;
        position: relative;
        overflow: hidden;
        background: #222;
		cursor: pointer;
    }
    .plk-event-slide-img {
        width: 280px;
        height: 380px;
        object-fit: cover;
    }
    .plk-event-img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .plk-event-badge {
        position: absolute;
        top: 12px;
        left: 12px;
        background-color: white;
        color: black;
        padding: 5px 8px;
        font-size: 12px;
        border-radius: 6px;
        z-index: 2;
    }
    .plk-event-desc {
        position: absolute;
        bottom: 20px;
        left: 12px;
        color: white;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
        font-size: 14px;
        z-index: 2;
		line-height: 20px;
    }
      .plk-hot-issue-section {
        margin: 16px;
        padding-top: 28px;
    }
    .plk-hot-issue-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
		font-weight: 600;
    }
    .plk-hot-issue-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 10px;
        column-gap: 20px;
    }
    .plk-hot-issue-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
    }
    .plk-hot-issue-item-inner {
        display: flex;
        align-items: center;
		cursor: pointer;
    }
    .plk-hot-issue-number {
        color: #007bff;
        font-size: 14px;
        margin-right: 10px;
    }
    .plk-hot-issue-label {
        font-size: 14px;
    }
    .plk-hot-issue-icon-blue {
        color: #007bff;
        font-size: 14px;
    }
    .plk-hot-issue-icon-grey {
        color: #999;
        font-size: 14px;
    }
    .plk-hot-issue-icon-red {
        color: red;
        font-size: 14px;
    }
    .plk-event-section-custom {
        margin-top: 20px;
        margin-left: 20px;
        padding-top: 28px;
    }
	.plk-event-section-custom .swiper-slide {
		position: relative;
		cursor: pointer;
	}
	.plk-event-section-custom .swiper-slide:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50%;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 43.66%, rgba(0, 0, 0, 0.6) 97.33%);
		border-radius: 12px;
	}
	.plk-event-section-custom .plk-event-slide-btn {
		padding: 2px 6px;
	}
    .plk-event-title-custom {
        display: flex;
        justify-content: space-between;
        margin-right: 16px;
        align-items: center;
        font-size: 16px;
		font-weight: 600;
    }
    .plk-event-swiper-wrapper {
        display: flex;
    }
    .plk-event-swiper-slide {
        width: 280px;
        margin-right: 20px;
        position: relative;
    }
    .plk-event-swiper-slide img {
        width: 100%;
        border-radius: 12px;
		vertical-align: bottom;
    }
    .plk-event-slide-content {
        position: absolute;
        bottom: 28px;
        left: 20px;
        color: white;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
		z-index: 1;
    }
    .plk-event-slide-btn {
        background-color: white;
        color: #4475F6;
        padding: 5px 10px;
        border-radius: 5px;
        cursor: pointer;
        font-size: 14px;
    }
    .plk-event-slide-title {
        margin: 0;
        font-size: 20px;
        margin-top: 16px;
		font-weight: 600;
    }
    .plk-event-slide-desc {
        margin: 10px 0 0 0;
        font-size: 14px;
        display: flex;
        align-items: center;
    }
    .mgm-recommend-section {
        padding: 16px;
        padding-top: 28px;
    }
    .mgm-recommend-card {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #F5F6F6;
        padding: 20px;
        border-radius: 12px;
		border: 1px solid var(--SysBackground-Gray200, #EFEFEF);\
		cursor: pointer;
    }
    .mgm-recommend-desc {
        color: #666;
        margin: 0;
        font-size: 14px;
    }
    .mgm-recommend-title {
        margin: 5px 0;
        font-size: 16px;
        font-weight: 600;
    }
    .mgm-recommend-img-wrapper {
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #e6f0ff;
        border-radius: 50%;
    }
    .mgm-recommend-img {
        width: 72px;
    }
    .footer-section {
        background-color: white;
        margin-top: 40px;
    }
    .footer-inner {
        padding: 16px;
    }
    .footer-top {
        display: flex;
        justify-content: space-between;
        cursor: pointer;
    }
    .footer-logo {
        height: 24px;
        width: auto;
    }
    .footer-arrow {
        font-size: 1.5em;
        margin-bottom: 4px;
    }
    .footer-content {
        /*display: none;*/
        font-size: 0.9em;
        color: #666;
    }
    .footer-links {
        display: flex;
        cursor: pointer;
    }
    .footer-links-title {
        font-size: 12px;
    }
	.footer-links-title a {
		color: inherit; 
		text-decoration: none; 
	}
    .footer-company-info {
        margin-bottom: 4px;
        font-size: 12px;
    }
    .footer-copyright {
        font-size: 12px;
    }
    .footer-sns {
        display: flex;
        gap: 10px;
        margin-top: 20px;
    }
    .footer-sns-icon {
        width: 32px;
        height: 32px;
    }