.g_container {width:auto;padding-top:0;}

.hero {display:flex;flex-direction:column;max-width:1080px;margin:0 auto 17px;padding:49px 0 32px;gap:9px;}
.hero-eyebrow {font-size:20px;font-weight:500;line-height:1.18;margin:0 0 8px;letter-spacing:-0.02em;color:var(--color-gray11);}
.hero-brand {font-size:32px;font-weight:500;line-height:1.3;margin:0; padding-left:41px; letter-spacing:-0.02em;color:var(--color-black);}
.header-search {padding:23px 0 9px;}

.hero-cta-text {font-size:18px;}
.g_search_wrapper .search_area {}
.g_search_wrapper .search_area .g_text {font-size:17px;}
.hero-cards {display:flex;align-items:center;padding-top:32px;gap:16px;}
.hero-card {position:relative;width:25%;height:90px;padding:15px 15px 15px 20px;border-radius:10px;background:var(--color-white);box-shadow:0 0 7px #D2D2D2; display: flex; flex-direction: column; align-items: center; justify-content: center;  gap:8px;}
.hero-card-icon {display:block;width:25px;height:25px;object-fit:contain;}
.hero-card-title {font-size:17px;font-weight:600;line-height:1.2;margin:0 0 4px;color:var(--color-gray11);}
.hero-card-desc {font-size:14px;font-weight:500;line-height:1.2;margin:0;color:var(--color-gray8);}

.main-banner {padding:33px 0;background:#FCFCFC;}
.main-banner-inner {display:flex;flex-direction:column;width:1080px;margin:0 auto;gap:10px;}
.main-banner-inner .swiper {overflow:hidden;width:100%;height:150px;border-radius:10px;}
.main-banner-inner .main-banner-slide {position:relative;width:100%;height:100%;}
/*.main-banner-inner .swiper-pagination {width: auto;font-size:13px;position:absolute;z-index:2;right:24px;bottom:12px;display:inline-flex;align-items:center;padding:3px 8px;color:#6B6B6B;border-radius:11px;background:rgba(255, 255, 255, 0.5);}*/
.main-banner-inner .swiper-pagination {font-size:13px;right:24px;bottom:12px;left:auto;width:auto;padding:3px 8px;color:#6B6B6B;border-radius:11px;background:rgba(255, 255, 255, 0.5);}
.main-banner-notice {display:flex;align-items:center;height:60px;padding:0 25px;border-radius:10px;background:#F6F8FD;gap:20px; margin-top:10px;}
.main-banner-notice-left {display:flex;align-items:center;gap:13px;}
.main-banner-notice-icon {display:block;width:21px;height:21px;}
.main-banner-notice-text {display:flex;align-items:center;gap:12px;}
.main-banner-notice-title {font-size:16px;font-weight:600;color:var(--color-gray11);}
.main-banner-notice-desc {font-size:14px;font-weight:500;color:#666;}
.main-banner-notice-link {font-size:14px;font-weight:500;display:inline-flex;align-items:center;height:27px;padding:0 12px;color:#666;border:1px solid var(--color-gray3);border-radius:12px;background:var(--color-white);gap:5px;}
.main-banner-notice-link img {display:block;width:6px;height:10px;}

.info-bar {background:var(--color-blue1); border-radius: 15px;}
.info-bar-inner {display:flex;align-items:center;justify-content:space-between;width:1080px;height:50px;margin:0 auto;white-space:nowrap;gap:30px; padding:0 10px;}
.info-bar-left {display:flex;align-items:center;gap:8px;}
.info-bar-dot {display:block;width:7px;height:7px;border-radius:50%;background-color:var(--color-green7);}
.info-bar-text {font-size:15px;font-weight:600;margin:0;color:var(--color-gray11);}
.info-bar-accent {font-weight:600;margin-right:3px;padding:2px 5px;color:var(--color-blue7);border-radius:5px;background:#DFF1FC;}
.info-bar-right {display:flex;overflow:hidden;align-items:center;gap:20px; flex:1; max-width: 450px;}
.info-bar-label {font-size:15px;font-weight:600;display:flex;align-items:center;color:var(--color-gray11);gap:10px;padding-left:30px;}
.info-bar-label-icon {display:block;width:12px;height:12px;}
.info-bar-swiper {max-width:calc(100% - 105px);height:50px;}
.info-bar-swiper .swiper-wrapper {flex-direction:column;}
.info-bar-rank {font-size:15px;font-weight:600;display:flex !important;align-items:center;color:var(--color-gray11);gap:6px;}
.info-bar-item-wrapper{display: flex; justify-content: center; flex:1; margin-left:auto; align-items: center;}
.info-bar-rank-number {min-width:32px;text-align:right;}
.info-bar-rank-name {overflow:hidden;padding-left:10px;width:130px;white-space:nowrap;text-overflow:ellipsis;color:var(--color-black); text-align: center;}
.info-bar-rank-item {overflow:hidden;padding-left:10px;width:100px;white-space:nowrap;text-overflow:ellipsis;color:var(--color-blue7); text-align: right;}
.info-bar-rank-icon {display:block;width:9px;height:7px; }
.info-bar-seperate{width:1px; height:20px; background: var(--color-blue2); margin:0 10px;}


.recent-games {margin:17px 0 57px;padding:40px 0 0;}
.recent-games-inner {margin:0 auto;}
.recent-games-title {font-size:22px;font-weight:600;margin:0 0 12px;color:var(--color-gray11);}
.recent-games-panel {padding:33px 35px;border-radius:10px;background:#F9FAFF;box-shadow:0 0 7px #D2D2D2;}
.recent-games-list {display:flex;align-items:center;gap:29px;}
.recent-games-card {display:flex;align-items:center;width:297px;height:113px;gap:30px;}
.recent-games-thumb {position:relative;overflow:hidden;width:96px;height:96px;border-radius:15px;}
.recent-games-thumb img {display:block;width:100%;height:100%;object-fit:cover;}
.recent-games-info {display:flex;flex:1;flex-direction:column; /* width:124px; */max-width:170px;gap:4px;}
.recent-games-name {font-size:18px;font-weight:600;overflow:hidden;max-width:100%;margin:0;white-space:nowrap;text-overflow:ellipsis;color:var(--color-gray11);}
.recent-games-rating {font-size:15px;font-weight:500;display:flex;align-items:center;margin-bottom:2px;color:var(--color-gray11);gap:6px;}
.recent-games-rating img {width:14px;height:14px;}
.recent-games-score {font-weight:600;}
.recent-games-count {font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-gray8);}
.recent-games-button {font-size:16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;width:124px;height:40px;margin-top:10px;padding:0 18px;cursor:pointer;color:var(--color-white);border:0;border-radius:8px;background:var(--color-blue7);gap:6px;}
.recent-games-button img {display:block;width:6px;height:8px;}
.recent-games-divider {flex:0 0 2px;width:2px;height:90px;background:#E6E7EB;}
.card-type-buy .recent-games-button {background-color:var(--color-green7);}

.trade-top10 {margin-bottom:43px;padding:40px 0 30px;}
.trade-top10-list{display: flex; flex-wrap: wrap; justify-content: space-between; gap:30px;}
.trade-top10-head {display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px;}
.trade-top10-title {font-size:22px;font-weight:600;margin:0;color:var(--color-gray11);}
.trade-top10-highlight {font-weight:700; /* color:var(--color-blue7); */}
.trade-top10-more {font-size:14px;font-weight:500;position:relative;padding-left:14px;color:#666;}
.trade-top10-plus {font-size:15px;font-weight:400;position:absolute;top:-1px;left:0;color:#666;}
.trade-top10-card {display:flex;align-items:center;flex-direction:column;flex:1;gap:12px;}
.trade-top10-thumb {position:relative;display:flex;overflow:hidden;align-items:flex-end;justify-content:center;width:192px;height:192px; /* padding:12px 10px 10px;*/border-radius:20px;}
.trade-top10-thumb img {display:block;width:100%;height:100%;object-fit:cover;}
.trade-top10-mask--glow {position:absolute;z-index:1;bottom:0;display:block;width:100%;height:40%;background:linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));}
.trade-top10-badge {font-size:14px;font-weight:700;position:absolute;top:12px;right:10px;display:inline-flex;align-items:center;justify-content:center;min-width:74px;height:23px;padding:0 8px 0 22px;color:var(--color-white);border-radius:5px;background:rgba(31, 31, 31, 0.7) url("//img3.itemmania.com/images2026/icon/icon-bars.png") no-repeat 5px 50%;gap:5px;}
.trade-top10-badge img {width:10px;height:7px;}
.trade-top10-name {font-size:15px;font-weight:700;position:absolute;z-index:2;bottom:0;left:50%;display:flex;align-items:flex-end;justify-content:center;width:100%;height:50%;padding-bottom:10px;transform:translateX(-50%);color:var(--color-white);background:linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0));}
.trade-top10-parentheses {margin:0 -5px;}
.trade-top10-tag {font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 10px;color:var(--color-white);border-radius:4px;background:var(--color-gray11);}
.trade-top10-pager {display:none;align-items:center;justify-content:center;padding-top:30px;gap:15px;}
.trade-top10-nav {display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid #CFD3DA;border-radius:10px;background:var(--color-white);}
.trade-top10-nav img {display:block;width:6px;height:7px;}
.trade-top10-progress {display:flex;align-items:center;gap:10px;}
.trade-top10-progress-track {position:relative;width:165px;height:2px;background:#D9D9D9;}
.trade-top10-progress-bar {width:40px;height:2px;background:var(--color-blue7);}
.trade-top10-progress-text {font-size:14px;font-weight:500;margin:0;color:#444;}
.trade-top10-progress-text span {color:#A4A4A4;}

.price-trend {margin-bottom:17px;padding-top:10px;}
.price-trend-inner {display:flex;flex-direction:column;width:1080px;margin:0 auto;gap:15px;}
.price-trend-title {font-size:22px;font-weight:600;margin:0;color:var(--color-gray11);}
.price-trend-highlight {font-weight:700; /*color:var(--color-blue7);*/}
.price-trend-swiper-wrapper {position:relative;}

.price-trend-swiper-wrapper .swiper-button-next, .price-trend-swiper-wrapper .swiper-button-prev {transform:translateY(calc(-50% + 23px));}
.swiper-button-prev {left:-21px;width:37px !important;height:37px !important;border-radius:50%;background-color:rgba(255, 255, 255, 0.95);box-shadow:0 0 10px #CBCBCB;}
.price-trend-swiper-wrapper .swiper-button-prev{left:-21px !important;}
.swiper-button-prev svg{display: none !important;}
.swiper-button-prev:after {width:9px;height:15px;content:'';background:url("//img3.itemmania.com/images2026/icon/icon_list_left.png");}
.swiper-button-next {right:-6px;width:37px !important;height:37px !important;border-radius:50%;background-color:rgba(255, 255, 255, 0.95);box-shadow:0 0 10px #CBCBCB;}
.price-trend-swiper-wrapper .swiper-button-next{right:-6px !important;}
.swiper-button-next svg{display: none !important;}
.swiper-button-next:after {width:9px;height:15px;content:'';background:url("//img3.itemmania.com/images2026/icon/icon_list_right.png");}
.price-trend-swiper {width:calc(100% + 20px) !important;margin-left:-10px !important; padding:10px !important;}
.price-trend-list {display:flex;align-items:center;}
.price-trend-card {width:333px;}
.price-trend-pair {
    display: flex !important;
    flex-direction: column;
    gap: 20px;
    height: 100% !important;
}

.price-trend-card {
    height: auto;
}

.price-trend-card-body {
    height: 100%;
}
.price-trend-card-body {position:relative;display:flex;flex-direction:column;justify-content:space-between;height:193px;padding:20px 30px;border-radius:10px;background:var(--color-white);box-shadow:0 0 7px #D2D2D2;}
.price-trend-info {z-index:2;display:flex;align-items:flex-start;gap:20px;}
.price-trend-thumb {overflow:hidden;width:50px;height:50px;border-radius:10px;box-shadow:0 0 7px #D2D2D2;}
.price-trend-thumb img {display:block;width:100%;height:100%;object-fit:cover;}
.price-trend-text {display:flex;flex:1;flex-direction:column;max-width:216px;gap:6px;}
.price-trend-text p {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.price-trend-name {font-size:17px;font-weight:600;display:flex;align-items:center;margin:0;color:var(--color-gray11);gap:8px;}
.price-trend-badge {font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 6px;color:#1773EE;border-radius:3px;background:#F2F7FE;}
.price-trend-sub {font-size:14px;font-weight:500;margin:0;color:var(--color-gray11);}
.price-trend-sub span {margin-left:8px;color:var(--color-gray8);}
.price-trend-price {font-size:20px;font-weight:600;margin:0;color:var(--color-blue7);}
.price-trend-price em {font-size:17px;font-weight:500;margin-left:3px;color:#565656;}
.trade-top10-change {font-size:13px;font-weight:500;display:inline-flex;align-items:center;margin:0 5px;color:var(--color-gray8);gap:6px;}
.trade-top10-change span {overflow:hidden;max-width:140px;white-space:nowrap;text-overflow:ellipsis;}
.trade-top10-change-won {font-weight:500;color:var(--color-gray8);}
.trade-top10-change-up {font-weight:500;display:inline-flex;align-items:center;padding-left:10px;color:var(--color-red7);background:url("//img2.itemmania.com/images2026/icon/icon-up.png") no-repeat 0 50%/7px auto;gap:4px;}
.trade-top10-change-down {font-weight:500;display:inline-flex;align-items:center;padding-left:10px;color:var(--color-blue7);background:url("//img2.itemmania.com/images2026/icon/icon-down.png") no-repeat 0 50%/7px auto;gap:4px;}
.price-trend-button {font-size:16px;font-weight:600;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:124px;height:40px;padding:0;cursor:pointer;color:var(--color-white);border:0;border-radius:8px;background:var(--color-gray11);gap:6px;}
.price-trend-button img {display:block;width:6px;height:6px;}
.price-trend-chart {position:absolute;right:0;bottom:0;}
/* 유리(투명) 오버레이: 버튼이 겹치는 왼쪽 공간에 반투명 + blur 처리 */
/*.glass-overlay {position:absolute;z-index:1;top:0;bottom:0;left:0;width:70%;pointer-events:none;border-radius:8px;background:linear-gradient(90deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.7) 25%, rgba(255, 255, 255, 0.35) 55%, rgba(255, 255, 255, 0) 100%);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);mask-image:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 8%, rgba(0, 0, 0, 0.95) 30%, rgba(0, 0, 0, 0.95) 70%, rgba(0, 0, 0, 0.25) 85%, rgba(0, 0, 0, 0) 100%);-webkit-mask-image:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 8%, rgba(0, 0, 0, 0.95) 30%, rgba(0, 0, 0, 0.95) 70%, rgba(0, 0, 0, 0.25) 85%, rgba(0, 0, 0, 0) 100%);}*/
.glass-overlay {position:absolute;z-index:1;top:0;left:87px;width:100px;height:193px;pointer-events:none;background:url("//img4.itemmania.com/images2026/main/img_cloud.png?260212") no-repeat;}

.notice-strip {margin-bottom:17px;padding:30px 0 0;}
.notice-strip-inner {display:flex;align-items:center;width:1080px;height:60px;margin:0 auto;padding:0 25px;border-radius:10px;background:#363636;gap:19px;}
.notice-strip-icon {display:flex;align-items:center;justify-content:center;width:24px;}
.notice-strip-icon img {display:block;width:24px;height:18px;}
.notice-strip-inner dd {font-size:14px;font-weight:400;display:flex;align-items:center;width:450px;color:var(--color-white);gap:6px;}

/* 툴팁 */
.ts-tooltip {font-size:11px;z-index:2;padding:4px 10px;white-space:nowrap;color:#2D5BE3;border:1px solid var(--color-blue7);border-radius:999px;background:#FFF;box-shadow:0 2px 6px rgba(0, 0, 0, 0.14);}