<!DOCTYPE html>
<html lang="ko" style="--color-custom-1: #5de150; --color-button: #5de150; --button-text-color: #141414;"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style type="text/css">.swal-icon--error{border-color:#f27474;-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}.swal-icon--error__x-mark{position:relative;display:block;-webkit-animation:animateXMark .5s;animation:animateXMark .5s}.swal-icon--error__line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal-icon--error__line--left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal-icon--error__line--right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}@-webkit-keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@-webkit-keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.swal-icon--warning{border-color:#f8bb86;-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}.swal-icon--warning__body{width:5px;height:47px;top:10px;border-radius:2px;margin-left:-2px}.swal-icon--warning__body,.swal-icon--warning__dot{position:absolute;left:50%;background-color:#f8bb86}.swal-icon--warning__dot{width:7px;height:7px;border-radius:50%;margin-left:-4px;bottom:-11px}@-webkit-keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}.swal-icon--success{border-color:#a5dc86}.swal-icon--success:after,.swal-icon--success:before{content:"";border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal-icon--success:before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal-icon--success:after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px;-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}.swal-icon--success__ring{width:80px;height:80px;border:4px solid hsla(98,55%,69%,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal-icon--success__hide-corners{width:5px;height:90px;background-color:#fff;padding:1px;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal-icon--success__line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal-icon--success__line--tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.swal-icon--success__line--long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}@-webkit-keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.swal-icon--info{border-color:#c9dae1}.swal-icon--info:before{width:5px;height:29px;bottom:17px;border-radius:2px;margin-left:-2px}.swal-icon--info:after,.swal-icon--info:before{content:"";position:absolute;left:50%;background-color:#c9dae1}.swal-icon--info:after{width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px}.swal-icon{width:80px;height:80px;border-width:4px;border-style:solid;border-radius:50%;padding:0;position:relative;box-sizing:content-box;margin:20px auto}.swal-icon:first-child{margin-top:32px}.swal-icon--custom{width:auto;height:auto;max-width:100%;border:none;border-radius:0}.swal-icon img{max-width:100%;max-height:100%}.swal-title{color:rgba(0,0,0,.65);font-weight:600;text-transform:none;position:relative;display:block;padding:13px 16px;font-size:27px;line-height:normal;text-align:center;margin-bottom:0}.swal-title:first-child{margin-top:26px}.swal-title:not(:first-child){padding-bottom:0}.swal-title:not(:last-child){margin-bottom:13px}.swal-text{font-size:16px;position:relative;float:none;line-height:normal;vertical-align:top;text-align:left;display:inline-block;margin:0;padding:0 10px;font-weight:400;color:rgba(0,0,0,.64);max-width:calc(100% - 20px);overflow-wrap:break-word;box-sizing:border-box}.swal-text:first-child{margin-top:45px}.swal-text:last-child{margin-bottom:45px}.swal-footer{text-align:right;padding-top:13px;margin-top:13px;padding:13px 16px;border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.swal-button-container{margin:5px;display:inline-block;position:relative}.swal-button{background-color:#7cd1f9;color:#fff;border:none;box-shadow:none;border-radius:5px;font-weight:600;font-size:14px;padding:10px 24px;margin:0;cursor:pointer}.swal-button:not([disabled]):hover{background-color:#78cbf2}.swal-button:active{background-color:#70bce0}.swal-button:focus{outline:none;box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(43,114,165,.29)}.swal-button[disabled]{opacity:.5;cursor:default}.swal-button::-moz-focus-inner{border:0}.swal-button--cancel{color:#555;background-color:#efefef}.swal-button--cancel:not([disabled]):hover{background-color:#e8e8e8}.swal-button--cancel:active{background-color:#d7d7d7}.swal-button--cancel:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(116,136,150,.29)}.swal-button--danger{background-color:#e64942}.swal-button--danger:not([disabled]):hover{background-color:#df4740}.swal-button--danger:active{background-color:#cf423b}.swal-button--danger:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(165,43,43,.29)}.swal-content{padding:0 20px;margin-top:20px;font-size:medium}.swal-content:last-child{margin-bottom:20px}.swal-content__input,.swal-content__textarea{-webkit-appearance:none;background-color:#fff;border:none;font-size:14px;display:block;box-sizing:border-box;width:100%;border:1px solid rgba(0,0,0,.14);padding:10px 13px;border-radius:2px;transition:border-color .2s}.swal-content__input:focus,.swal-content__textarea:focus{outline:none;border-color:#6db8ff}.swal-content__textarea{resize:vertical}.swal-button--loading{color:transparent}.swal-button--loading~.swal-button__loader{opacity:1}.swal-button__loader{position:absolute;height:auto;width:43px;z-index:2;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center;pointer-events:none;opacity:0}.swal-button__loader div{display:inline-block;float:none;vertical-align:baseline;width:9px;height:9px;padding:0;border:none;margin:2px;opacity:.4;border-radius:7px;background-color:hsla(0,0%,100%,.9);transition:background .2s;-webkit-animation:swal-loading-anim 1s infinite;animation:swal-loading-anim 1s infinite}.swal-button__loader div:nth-child(3n+2){-webkit-animation-delay:.15s;animation-delay:.15s}.swal-button__loader div:nth-child(3n+3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}.swal-overlay{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center;font-size:0;overflow-y:auto;background-color:rgba(0,0,0,.4);z-index:10000;pointer-events:none;opacity:0;transition:opacity .3s}.swal-overlay:before{content:" ";display:inline-block;vertical-align:middle;height:100%}.swal-overlay--show-modal{opacity:1;pointer-events:auto}.swal-overlay--show-modal .swal-modal{opacity:1;pointer-events:auto;box-sizing:border-box;-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s;will-change:transform}.swal-modal{width:478px;opacity:0;pointer-events:none;background-color:#fff;text-align:center;border-radius:5px;position:static;margin:20px auto;display:inline-block;vertical-align:middle;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;z-index:10001;transition:opacity .2s,-webkit-transform .3s;transition:transform .3s,opacity .2s;transition:transform .3s,opacity .2s,-webkit-transform .3s}@media (max-width:500px){.swal-modal{width:calc(100% - 20px)}}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}</style>

<!-- META -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

<!-- TITLE -->
<title>스포츠분석 커뮤니티 토티움 | 승부예측·무료 스포츠토토 정보</title>

<meta name="description" content="토티움은 축구, 야구, 농구, e스포츠 경기 분석과 승부예측 정보를 공유하는 스포츠분석 커뮤니티입니다. 라이브스코어, 결장정보, 선발정보, 최신 분석글과 무료 스포츠토토 정보를 한곳에서 확인해보세요."><meta name="keywords" content="토티움,스포츠분석,승부예측,스포츠토토,라이브스코어,결장정보,선발정보,픽스터,ai스포츠분석">
<meta name="author" content="tottium"><link rel="shortcut icon" type="image/x-icon" href="https://www.pinkmoustache.net/uploads/favicon/be93a59a76a20d933540349f519feefa.ico" />	<link rel="canonical" href="https://www.pinkmoustache.net/" />

<!-- CSS -->
<link rel="stylesheet" type="text/css" href="https://www.pinkmoustache.net/views/_layout/community/css/style.css?1757570068" />
<link rel="stylesheet" href="https://www.pinkmoustache.net/views/_layout/community/include/e87542f1d30017d9f1863337c194182518d82ec6.rhymix.scss.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" href="https://www.pinkmoustache.net/views/_layout/community/include/d03ca848c2dd5436cc3e3ff7180fc37e2f5ae5d6.css?17">
<link rel="stylesheet" type="text/css" href="https://www.pinkmoustache.net/views/_layout/community/css/style2.css?1755741916" />
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">

<!-- swiper css -->

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
	<style>
		.swiper {
			width: 100%;
			padding-left: 0px;
			padding-right: 0;
		}
		.swiper-slide {
			display: grid;
		}

		.swiper-slide::before {
			content: '';
			position: absolute;
			inset: 0;
			background: rgba(0, 0, 0, 0);
			z-index: 1;
		}

		.swiper-slide > * {
			z-index: 2;
		}

		.swiper-slide h2 {
			font-size: 1.5rem;
			line-height: 2rem;
			text-shadow: 1px 1px 4px black;
		}

		.swiper-slide p {
			margin-top: .5rem;
			margin-bottom: 1.5rem;
			font-size: 1rem;
			line-height: 1.5rem;
			text-shadow: 1px 1px 3px black;
		}

		.swiper-button-next,
		.swiper-button-prev {
			color: white;
		}

		.swiper-pagination-bullet {
			background: white;
			opacity: 0.7;
		}

		.swiper-pagination-bullet-active {
			background: #5de150;
			opacity: 1;
		}

		.swiper-button-next:after, .swiper-button-prev:after {
			font-size:13px;
		}
		.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
			bottom: var(--swiper-pagination-bottom, 4px);
		}
	</style>
    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

<!-- 회원가입 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
// 자바스크립트에서 사용하는 전역변수 선언
var cb_url = "https://www.pinkmoustache.net";
var cb_cookie_domain = "";
var cb_charset = "UTF-8";
var cb_time_ymd = "2026-06-11";
var cb_time_ymdhis = "2026-06-11 16:03:56";
var layout_skin_path = "_layout/community";
var view_skin_path = "main/bootstrap";
var is_member = "";
var is_admin = "";
var cb_admin_url = "";
var cb_board = "";
var cb_board_url = "";
var cb_device_type = "desktop";
var cb_csrf_hash = "";
var cookie_prefix = "";
</script>

<!-- JS -->

<script type="text/javascript">
// 자바스크립트에서 사용하는 전역변수 선언
var cb_url = "https://www.pinkmoustache.net";
var cb_cookie_domain = "";
var cb_charset = "UTF-8";
var cb_time_ymd = "2026-06-11";
var cb_time_ymdhis = "2026-06-11 16:03:56";
var layout_skin_path = "_layout/community";
var view_skin_path = "main/bootstrap";
var is_member = "";
var is_admin = "";
var cb_admin_url = "";
var cb_board = "";
var cb_board_url = "";
var cb_device_type = "desktop";
var cb_csrf_hash = "";
var cookie_prefix = "";
</script>

<!-- RSS -->
<!-- <link rel="alternate" type="application/rss+xml" title="Site RSS" href="/rss">
<link rel="alternate" type="application/atom+xml" title="Site Atom" href="/atom"> -->

<!-- OTHER HEADERS -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="스포츠분석 커뮤니티 토티움 | 승부예측·무료 스포츠토토 정보">
<meta name="twitter:description" content="토티움은 축구, 야구, 농구, e스포츠 경기 분석과 승부예측 정보를 공유하는 스포츠분석 커뮤니티입니다. 라이브스코어, 결장정보, 선발정보, 최신 분석글과 무료 스포츠토토 정보를 한곳에서 확인해보세요.">
<meta property="og:title" content="스포츠분석 커뮤니티 토티움 | 승부예측·무료 스포츠토토 정보">
<meta property="og:site_name" content="토티움">
<meta property="og:description" content="토티움은 축구, 야구, 농구, e스포츠 경기 분석과 승부예측 정보를 공유하는 스포츠분석 커뮤니티입니다. 라이브스코어, 결장정보, 선발정보, 최신 분석글과 무료 스포츠토토 정보를 한곳에서 확인해보세요.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.pinkmoustache.net/">
<meta property="og:locale" content="ko_KR">
<!-- <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> -->
<script type="application/ld+json">
	{
		"@context": "https://schema.org",
		"@type": "WebSite",
		"name": "토티움",
		"url": "https://www.pinkmoustache.net/"
	}
</script>
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="APP NAME">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- <link rel="stylesheet" as="style" crossorigin="" href="https://www.pinkmoustache.net/views/_layout/community/include/pretendardvariable-dynamic-subset.min.css"> -->
</head>

<!-- BODY START -->
<body class="color_scheme_dark">

<!-- COMMON JS VARIABLES
 var current_lang = xe.current_lang = "ko";
	if (detectColorScheme) detectColorScheme();
 -->
<script>
	var default_url = "https://www.pinkmoustache.net/";
	var current_url = "https://www.pinkmoustache.net/";
	var request_uri = "https://www.pinkmoustache.net/";
	var current_lang = "ko";
	var current_mid = "home";
	var http_port = null;
	var https_port = null;
	var enforce_ssl = true;
	var cookies_ssl = true;
	var rewrite_level = 2;
</script>

<!-- 댓글 에디터 -->
<script type="text/javascript" src="/assets/pc/common.js?4"></script>
<script type="text/javascript" src="/assets/pc/jquery.validate.min.js"></script>
<script type="text/javascript" src="/assets/pc/jquery.validate.extension.js"></script>

<!-- PAGE CONTENT -->
<header class="w-full z-50 transition-all duration-300 inset-top" aria-label="Header" theme-version="2.0.1" id="vivid-header">
    <div class="w-full mx-auto px-4 md:px-6 flex justify-between items-center h-16 standalone:h-24">
        <div class="flex items-center">
            <button type="button" class=" inline-flex justify-center items-center text-slate-400 mr-2 md:mr-4 press" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-sidebar-offcanvas" aria-label="Sidebar Navigation" data-hs-overlay="#vivid-sidebar">
                <i class="bi bi-list text-base"></i>
            </button>

			<a href="/" class="text-xl font-black dark:text-gray-50 logo"><img loading="lazy" src="https://www.pinkmoustache.net/uploads/banner/2025/07/9d0503c97651a6815272a64177432669.webp" class="cb_banner" id="cb_banner_15"  alt="logo" /></a>

			<nav class="hidden md:inline-flex items-center gap-x-6 ml-10">
				<a href="https://tottium.com/" class="inline-block items-center v-menu v-menu-active transition-colors duration-300 align-middle"  title="홈"><i class="bi bi-house text-color-1 mr-1.5"></i>홈</a></li><div class="hs-dropdown relative [--strategy:fixed] [--adaptive:none]  [--trigger:hover] ">
									<a href="https://tottium.com/payout_calculator" role="button" class="hs-dropdown-toggle inline-flex items-center v-menu  group" title="스포츠분석"><i class="bi bi-graph-up text-color-1 mr-1.5"></i>스포츠분석<svg class="hs-dropdown-open:rotate-180 size-5 fill-current transition-transform duration-300" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
									<path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
									</svg>
									</a>

									<div class="hs-dropdown-menu hidden
									transition-[opacity,margin] duration-200 hs-dropdown-open:opacity-100 opacity-0
									z-30 bg-white dark:bg-black before:absolute top-full rounded-lg p-4 space-y-2 v-shadow-sm
									before:-top-5 before:start-0 before:w-full before:h-5 bg-opacity-90 backdrop-blur-md
									dark:bg-opacity-60 dark:backdrop-blur-md" role="menu"><a href="https://tottium.com/스포츠분석" class="block px-2 py-1.5 v-menu  group" title="분석게시판"><div class="flex items-start gap-x-2"><i class="bi bi-graph-up text-color-1 mr-1.5"></i><div>
									<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">분석게시판</span>
									</div></div></a><a href="https://tottium.com/라이브스코어" class="block px-2 py-1.5 v-menu  group" title="라이브스코어"><div class="flex items-start gap-x-2"><i class="bi bi-table text-muted text-color-1 mr-1.5"></i><div>
									<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">라이브스코어</span>
									</div></div></a><a href="https://tottium.com/결장정보" class="block px-2 py-1.5 v-menu  group" title="결장정보"><div class="flex items-start gap-x-2"><i class="bi bi-person-x text-danger  text-color-1 mr-1.5"></i><div>
									<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">결장정보</span>
									</div></div></a><a href="https://tottium.com/선발정보" class="block px-2 py-1.5 v-menu  group" title="선발정보"><div class="flex items-start gap-x-2">  <i class="bi bi-clipboard-check  text-color-1 mr-1.5"></i><div>
									<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">선발정보</span>
									</div></div></a><a href="https://tottium.com/payout_calculator" class="block px-2 py-1.5 v-menu  group" title="환율계산기"><div class="flex items-start gap-x-2"><i class="bi bi-calculator text-color-1 mr-1.5"></i><div>
									<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">환율계산기</span>
									</div></div></a><a href="https://tottium.com/팁" class="block px-2 py-1.5 v-menu  group" title="팁"><div class="flex items-start gap-x-2"><i class="bi bi-lightbulb text-color-1 mr-1.5"></i><div>
									<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">팁</span>
									</div></div></a></div></div><div class="hs-dropdown relative [--strategy:fixed] [--adaptive:none]  [--trigger:hover] ">
									<a href="https://tottium.com/freetoto" role="button" class="hs-dropdown-toggle inline-flex items-center v-menu  group" title="승부예측"><i class="bi bi-trophy text-color-1 mr-1.5"></i>승부예측<svg class="hs-dropdown-open:rotate-180 size-5 fill-current transition-transform duration-300" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
									<path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
									</svg>
									</a>

									<div class="hs-dropdown-menu hidden
									transition-[opacity,margin] duration-200 hs-dropdown-open:opacity-100 opacity-0
									z-30 bg-white dark:bg-black before:absolute top-full rounded-lg p-4 space-y-2 v-shadow-sm
									before:-top-5 before:start-0 before:w-full before:h-5 bg-opacity-90 backdrop-blur-md
									dark:bg-opacity-60 dark:backdrop-blur-md" role="menu"><a href="https://tottium.com/freetoto" class="block px-2 py-1.5 v-menu  group" title="챌린지"><div class="flex items-start gap-x-2"><i class="bi bi-crosshair text-color-1 mr-1.5"></i><div>
									<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">챌린지</span>
									</div></div></a><a href="https://tottium.com/freetoto/betlog" class="block px-2 py-1.5 v-menu  group" title="챌린지내역"><div class="flex items-start gap-x-2"><i class="bi bi-ui-checks text-color-1 mr-1.5"></i><div>
									<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">챌린지내역</span>
									</div></div></a><a href="https://tottium.com/우승팀맞추기" class="block px-2 py-1.5 v-menu  group" title="우승팀맞추기"><div class="flex items-start gap-x-2"><i class="bi bi-trophy text-color-1 mr-1.5"></i><div>
									<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">우승팀맞추기</span>
									</div></div></a></div></div><div class="hs-dropdown relative [--strategy:fixed] [--adaptive:none]  [--trigger:hover] ">
									<a href="https://tottium.com/free_board" role="button" class="hs-dropdown-toggle inline-flex items-center v-menu  group" title="커뮤니티"><i class="bi bi-chat text-color-1 mr-1.5"></i>커뮤니티<svg class="hs-dropdown-open:rotate-180 size-5 fill-current transition-transform duration-300" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
									<path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
									</svg>
									</a>

									<div class="hs-dropdown-menu hidden
									transition-[opacity,margin] duration-200 hs-dropdown-open:opacity-100 opacity-0
									z-30 bg-white dark:bg-black before:absolute top-full rounded-lg p-4 space-y-2 v-shadow-sm
									before:-top-5 before:start-0 before:w-full before:h-5 bg-opacity-90 backdrop-blur-md
									dark:bg-opacity-60 dark:backdrop-blur-md" role="menu"><a href="https://tottium.com/자유게시판" class="block px-2 py-1.5 v-menu  group" title="자유게시판"><div class="flex items-start gap-x-2"><i class="bi bi-chat-dots text-color-1 mr-1.5"></i><div>
									<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">자유게시판</span>
									</div></div></a><a href="https://tottium.com/토토리뷰" class="block px-2 py-1.5 v-menu  group" title="후기게시판"><div class="flex items-start gap-x-2"><i class="bi bi-pencil-square text-color-1 mr-1.5"></i><div>
									<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">후기게시판</span>
									</div></div></a><a href="https://tottium.com/하이라이트" class="block px-2 py-1.5 v-menu  group" title="경기 하이라이트"><div class="flex items-start gap-x-2"><i class="bi bi-play-circle-fill mr-1.5 text-color-1" aria-hidden="true"></i><div>
									<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">경기 하이라이트</span>
									</div></div></a></div></div><a href="https://tottium.com/먹튀사이트" class="inline-block items-center v-menu  transition-colors duration-300 align-middle"  title="먹튀검증"><i class="bi bi-exclamation-circle text-color-1 mr-1.5"></i>먹튀검증</a></li><div class="hs-dropdown relative [--strategy:fixed] [--adaptive:none]  [--trigger:hover] ">
									<a href="https://tottium.com/사이트홍보" role="button" class="hs-dropdown-toggle inline-flex items-center v-menu  group" title="홍보"><i class="bi bi-megaphone text-color-1 mr-1.5"></i>홍보<svg class="hs-dropdown-open:rotate-180 size-5 fill-current transition-transform duration-300" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
									<path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
									</svg>
									</a>

									<div class="hs-dropdown-menu hidden
									transition-[opacity,margin] duration-200 hs-dropdown-open:opacity-100 opacity-0
									z-30 bg-white dark:bg-black before:absolute top-full rounded-lg p-4 space-y-2 v-shadow-sm
									before:-top-5 before:start-0 before:w-full before:h-5 bg-opacity-90 backdrop-blur-md
									dark:bg-opacity-60 dark:backdrop-blur-md" role="menu"><a href="https://tottium.com/꽁머니" class="block px-2 py-1.5 v-menu  group" title="꽁머니 &amp; 사이트 홍보"><div class="flex items-start gap-x-2"><i class="bi bi-cash text-color-1 mr-1.5"></i><div>
									<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">꽁머니 &amp; 사이트 홍보</span>
									</div></div></a><a href="https://tottium.com/구인구직" class="block px-2 py-1.5 v-menu  group" title="구인구직"><div class="flex items-start gap-x-2"><i class="bi bi-briefcase text-color-1 mr-1.5"></i><div>
									<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">구인구직</span>
									</div></div></a></div></div><div class="hs-dropdown relative [--strategy:fixed] [--adaptive:none]  [--trigger:hover] ">
									<a href="https://tottium.com/공지사항" role="button" class="hs-dropdown-toggle inline-flex items-center v-menu  group" title="고객센터"><i class="bi bi-headset text-color-1 mr-1.5"></i>고객센터<svg class="hs-dropdown-open:rotate-180 size-5 fill-current transition-transform duration-300" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
									<path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
									</svg>
									</a>

									<div class="hs-dropdown-menu hidden
									transition-[opacity,margin] duration-200 hs-dropdown-open:opacity-100 opacity-0
									z-30 bg-white dark:bg-black before:absolute top-full rounded-lg p-4 space-y-2 v-shadow-sm
									before:-top-5 before:start-0 before:w-full before:h-5 bg-opacity-90 backdrop-blur-md
									dark:bg-opacity-60 dark:backdrop-blur-md" role="menu"><a href="https://tottium.com/공지사항" class="block px-2 py-1.5 v-menu  group" title="공지사항"><div class="flex items-start gap-x-2"><i class="bi bi-bell text-color-1 mr-1.5"></i><div>
									<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">공지사항</span>
									</div></div></a><a href="https://tottium.com/문의" class="block px-2 py-1.5 v-menu  group" title="1:1문의"><div class="flex items-start gap-x-2"><i class="bi bi-envelope text-color-1 mr-1.5"></i><div>
									<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">1:1문의</span>
									</div></div></a></div></div>			</nav>
			<script>
			document.addEventListener("DOMContentLoaded", function () {
				let dropdownToggles = document.querySelectorAll(".hs-dropdown-toggle");

				dropdownToggles.forEach(toggle => {
					toggle.addEventListener("click", function (event) {
						let dropdownMenu = this.nextElementSibling;

						// 하위 메뉴가 없는 경우 기본 이동
						if (!dropdownMenu || !dropdownMenu.classList.contains("hs-dropdown-menu")) return;

						// 첫 번째 클릭: 하위 메뉴 열기 (기본 이동 방지)
						if (!dropdownMenu.classList.contains("open")) {
							event.preventDefault();
							dropdownMenu.classList.add("open");
							dropdownMenu.classList.remove("hidden");

							// 다른 열린 메뉴 닫기
							document.querySelectorAll(".hs-dropdown-menu").forEach(menu => {
								if (menu !== dropdownMenu) {
									menu.classList.add("hidden");
									menu.classList.remove("open");
								}
							});

						} else {
							// 두 번째 클릭 시 원래 이동
							dropdownMenu.classList.remove("open");
						}
					});
				});

				// 화면의 다른 곳을 클릭하면 메뉴 닫기
				document.addEventListener("click", function (event) {
					let isClickInsideMenu = event.target.closest(".hs-dropdown-toggle") || event.target.closest(".hs-dropdown-menu");
					if (!isClickInsideMenu) {
						document.querySelectorAll(".hs-dropdown-menu").forEach(menu => {
							menu.classList.add("hidden");
							menu.classList.remove("open");
						});
					}
				});
			});
			</script>
        </div>
        <div class="flex items-center">
            <button type="button" class="hidden md:block" data-hs-overlay="#modal-search" aria-label="검색" aria-expanded="false">
                <svg class="fill-current size-5 text-slate-400/60 dark:text-slate-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396 1.414-1.414-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8 3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6-6-2.691-6-6 2.691-6 6-6z"></path></svg>
            </button>
							<button type="button" class="v-btn-login ml-2" aria-haspopup="dialog" aria-expanded="false" aria-controls="login-canvas" data-hs-overlay="#login-canvas">
						로그인
					</button>			        </div>
    </div>
</header>

<header class="fixed w-full top-0 z-50 transition-all duration-500 ease-in-out opacity-0 invisible bg-white bg-opacity-70 dark:bg-black dark:bg-opacity-50 backdrop-blur-md inset-top" aria-label="Fixed Header" id="vivid-fixed-header">
    <div class="w-full mx-auto px-4 md:px-6 flex justify-between items-center h-[52px] md:h-[60px]">
        <div class="flex items-center">
            <button type="button" class=" inline-flex justify-center items-center text-slate-400 mr-2 md:mr-4 press" aria-haspopup="dialog" aria-expanded="false" aria-controls="fixed-sidebar-offcanvas" aria-label="Sidebar Navigation" data-hs-overlay="#vivid-sidebar">
                <i class="bi bi-list text-base"></i>
            </button>
            <div class="sm:w-40 md:w-full font-bold line-clamp-1">
                <p class="text-base logo"><img loading="lazy" src="https://www.pinkmoustache.net/uploads/banner/2025/07/9d0503c97651a6815272a64177432669.webp" class="cb_banner" id="cb_banner_15"  alt="logo" /></p>
            </div>
        </div>
        <div class="flex items-center">
							<button type="button" class="v-btn-login" aria-haspopup="dialog" aria-expanded="false" aria-controls="login-canvas" data-hs-overlay="#login-canvas">
					로그인
				</button>
			        </div>
    </div>
</header>

<div id="app" class="mt-6 mb-32 md:my-8 md:mb-10">
    <div class="max-w-screen-xl mx-auto px-4">
        <div class="grid grid-cols-1 md:grid-cols-4 md:gap-6">
							<div class="order-1 md:order-2 md:col-span-3">
						<!-- 본문 시작 -->
			<!-- swiper css -->

<div class="grid col-auto gap-4 md:gap-6 mb-8">
	<section data-section-id="00" class="grid order-1">
		<div class="px-6 py-6 bg-white dark:bg-zinc-950/80 border border-slate-100 dark:border-black rounded-xl w-full">

			<h1 class="text-2xl md:text-3xl font-bold text-slate-900 dark:text-white mb-4">스포츠분석 커뮤니티 토티움 - 승부예측·경기 데이터·무료 스포츠토토 정보</h1>

			<p class="text-gray-700 dark:text-gray-300 leading-relaxed">
				토티움은 축구, 야구, 농구, e스포츠 등 다양한 스포츠 경기 분석과 승부예측 정보를 공유하는 커뮤니티입니다.
				라이브스코어, 결장정보, 선발정보, 최신 분석글과 회원 예측 의견을 한곳에서 확인할 수 있습니다.
			</p>

			<div class="grid grid-cols-2 md:grid-cols-4 gap-3 mt-5">
				<a href="/스포츠분석" class="px-4 py-3 rounded-xl bg-zinc-100 dark:bg-zinc-900 hover:bg-zinc-200 dark:hover:bg-zinc-800 transition" title="스포츠분석 게시판 바로가기">
					<strong>스포츠분석</strong>
					<span class="block text-sm text-gray-500 dark:text-gray-400 mt-1">경기별 분석글</span>
				</a>

				<a href="/freetoto" class="px-4 py-3 rounded-xl bg-zinc-100 dark:bg-zinc-900 hover:bg-zinc-200 dark:hover:bg-zinc-800 transition" title="승부예측 챌린지 바로가기">
					<strong>승부예측</strong>
					<span class="block text-sm text-gray-500 dark:text-gray-400 mt-1">무료 예측 참여</span>
				</a>

				<a href="/라이브스코어" class="px-4 py-3 rounded-xl bg-zinc-100 dark:bg-zinc-900 hover:bg-zinc-200 dark:hover:bg-zinc-800 transition" title="라이브스코어 바로가기">
					<strong>라이브스코어</strong>
					<span class="block text-sm text-gray-500 dark:text-gray-400 mt-1">실시간 경기</span>
				</a>

				<a href="/결장정보" class="px-4 py-3 rounded-xl bg-zinc-100 dark:bg-zinc-900 hover:bg-zinc-200 dark:hover:bg-zinc-800 transition" title="결장정보 바로가기">
					<strong>결장·선발정보</strong>
					<span class="block text-sm text-gray-500 dark:text-gray-400 mt-1">경기 전 체크</span>
				</a>
			</div>

		</div>
	</section>

	<!-- 02. 최신 스포츠분석 -->
	<section data-section-id="01" class="latest-analysis-section grid order-2">
		<div class="px-6 py-5 bg-white dark:bg-zinc-950/80 border border-slate-100 dark:border-black rounded-xl w-full">

			<div class="flex items-center justify-between mb-4">
				<div>
					<h2 class="text-xl font-bold text-slate-900 dark:text-white">
						최신 스포츠분석
					</h2>
					<p class="text-sm text-gray-500 dark:text-gray-400 mt-1">
						축구, 야구, 농구, e스포츠 경기별 최신 분석글을 확인해보세요.
					</p>
				</div>

				<a href="/스포츠분석" class="text-sm font-semibold text-green-500 hover:text-green-400" title="스포츠분석 게시판 더보기">
					더보기
				</a>
			</div>

			
<section class="px-6 py-5 bg-white dark:bg-zinc-950/80 border border-slate-100 dark:border-black rounded-xl w-full">
    <div class="mb-4">
        <div class="text-base font-bold"></div>
    </div>
		
    <ul>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3658" title="06월12일 11:00 [2026 북중미 월드컵] 대한민국 vs 체코 분석">06월12일 11:00 [2026 북중미 월드컵] 대한민국 vs 체코 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10:45</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3657" title="06월12일 04:00 [2026 북중미 월드컵] 멕시코 vs 남아공 분석">06월12일 04:00 [2026 북중미 월드컵] 멕시코 vs 남아공 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10:40</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3656" title="06월11일 18:30 [대한민국 KBO] KT vs 삼성 분석">06월11일 18:30 [대한민국 KBO] KT vs 삼성 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10:33</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3655" title="06월11일 18:30 [대한민국 KBO] LG vs SSG 분석">06월11일 18:30 [대한민국 KBO] LG vs SSG 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10:29</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3654" title="06월11일 18:00 [일본 NPB] 오릭스 vs 야쿠르트 분석">06월11일 18:00 [일본 NPB] 오릭스 vs 야쿠르트 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10:24</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3653" title="06월11일 18:00 [일본 NPB] 라쿠텐 vs 요미우리 분석">06월11일 18:00 [일본 NPB] 라쿠텐 vs 요미우리 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10:20</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3632" title="06월11일 05:00 [국제친선경기] 잉글랜드 vs 코스타리카 분석">06월11일 05:00 [국제친선경기] 잉글랜드 vs 코스타리카 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>06-10</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3631" title="06월11일 04:45 [국제친선경기] 포르투갈 vs 나이지리아 분석">06월11일 04:45 [국제친선경기] 포르투갈 vs 나이지리아 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>06-10</span>
							</span>
						</div>
					</div>
				</div>
			</li>
		    </ul>
</section>
		</div>
	</section>

	<!-- 경기 하이라이트 -->
	<section class="home-highlight-section grid order-3">
		<div class="home-section-card">
			<div class="home-highlight-list">
				<div class="lbox0_t page-title-main">
	경기 하이라이트	<div class="page-title-vmore"><a href="/하이라이트">더보기</a></div>
</div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
					<div>
					<a href="http://www.pinkmoustache.net/view/3676" title="D-backs vs. Marlins Game Highlights (6/10/26) | MLB Highlights">
						<img class="rounded-xl" src="https://i.ytimg.com/vi/E-TVdzKtkks/mqdefault.jpg" alt="D-backs vs. Marlins Game Highlights (6/10/26) | MLB Highlights" />
					</a>
				</div>
							<div>
					<a href="http://www.pinkmoustache.net/view/3675" title="Shohei Ohtani picks up 6 strikeouts in his PNC Park start with the Dodgers! | MLB Highlights">
						<img class="rounded-xl" src="https://i.ytimg.com/vi/hw9CXRpg29g/mqdefault.jpg" alt="Shohei Ohtani picks up 6 strikeouts in his PNC Park start with the Dodgers! | MLB Highlights" />
					</a>
				</div>
							<div>
					<a href="http://www.pinkmoustache.net/view/3674" title="Dodgers vs. Pirates Game Highlights (6/10/26) | MLB Highlights">
						<img class="rounded-xl" src="https://i.ytimg.com/vi/D2ebzCNhjzo/mqdefault.jpg" alt="Dodgers vs. Pirates Game Highlights (6/10/26) | MLB Highlights" />
					</a>
				</div>
							<div>
					<a href="http://www.pinkmoustache.net/view/3673" title="Shota Imanaga whiffs 7 batters across 5 scoreless innings for the Cubs 🐻 | MLB Highlights">
						<img class="rounded-xl" src="https://i.ytimg.com/vi/rvqDq0SKRpY/mqdefault.jpg" alt="Shota Imanaga whiffs 7 batters across 5 scoreless innings for the Cubs 🐻 | MLB Highlights" />
					</a>
				</div>
			</div>			</div>

		</div>
	</section>

	<!-- 스포츠 뉴스 -->
	<section class="home-news-section grid order-4">
		<div class="home-section-card">
			<div class="home-news-list">
				<div class="home-section-head">
	<h2>스포츠 뉴스</h2>
	<a href="" title="더보기">더보기</a>
</div>
<div class="grid grid-cols-1 flex-tbl-wrap">
					<div class="flex-tbl-row" style="flex-wrap:wrap;">
					<div class="custom-newsimg">
						<div class="firstimg">
							<a href="http://www.pinkmoustache.net/view/3662"><img class="rounded-xl" src="https://tottium.com/uploads/editor/2026/06/컬링.webp" alt="日 여자 컬링 대표팀 에이스 작심발언→&quot;韓 수준 올랐다" /></a>
						</div>
						<div class="mobile_only">
							<div class="custom-w100-wflex1">
							<div class="user_levelname"><span class="lv_icon_box"><div class="lv_icon lv_admin"></div></span><span class="user_name">홀릭키스</span></div>								<div class="r2">1시간전</div>
							</div>
						</div>
					</div>
					<div class="custom-mpad2 flex1">
						<div class="r1 truncate-text2L">
							<a href="http://www.pinkmoustache.net/view/3662">日 여자 컬링 대표팀 에이스 작심발언→&quot;韓 수준 올랐다</a>
						</div>
						<div class="r2 truncate-text2L lineht">"일본! 한국 좀 배워라"…무슨 일인데 이런 발언 나왔나→日 여자 컬링 대표팀 에이스 작심발언→"韓 수준 올랐다, 아이스메이커 존재 유무 커"일본 컬링 스킵 요시무라 “올림픽 실패, 준비 부족 인정”일본 여자 컬링 대표팀 스킵 요시무라 사야카가 2026 밀라노·코르티나…</div>

						<div class="pc_only r3">
							조회수 <span>0</span>
							<span class="fc-weak">|</span>
							추천 <span>0</span>
						</div>
					</div>
					<div class="custom-wnormal-w100 pc_only">
						<div class="flex-tbl-row">
							<div class="custom-w100-wflex1">
							<div class="user_levelname"><span class="lv_icon_box"><div class="lv_icon lv_admin"></div></span><span class="user_name">홀릭키스</span></div>								<div class="r2">1시간전</div>
							</div>
						</div>
					</div>
				</div>
							<div class="flex-tbl-row" style="flex-wrap:wrap;">
					<div class="custom-newsimg">
						<div class="firstimg">
							<a href="http://www.pinkmoustache.net/view/3661"><img class="rounded-xl" src="https://tottium.com/uploads/editor/2026/06/대한민국1.webp" alt="체코전 앞둔 홍명보 &quot;베스트11 확정" /></a>
						</div>
						<div class="mobile_only">
							<div class="custom-w100-wflex1">
							<div class="user_levelname"><span class="lv_icon_box"><div class="lv_icon lv_admin"></div></span><span class="user_name">날지켜봐</span></div>								<div class="r2">2시간전</div>
							</div>
						</div>
					</div>
					<div class="custom-mpad2 flex1">
						<div class="r1 truncate-text2L">
							<a href="http://www.pinkmoustache.net/view/3661">체코전 앞둔 홍명보 &quot;베스트11 확정</a>
						</div>
						<div class="r2 truncate-text2L lineht">체코전 앞둔 홍명보 "베스트11 확정…준비는 끝났다"홍명보 감독 "체코전, 준비한 모든 것 보여줄 시간"홍명보 한국 축구대표팀 감독이 2026 북중미 월드컵 첫 경기인 체코전을 앞두고 자신감을 드러냈다.홍 감독은 11일(한국시간) 멕시코 과달라하라 스타디움에서 열린 공…</div>

						<div class="pc_only r3">
							조회수 <span>0</span>
							<span class="fc-weak">|</span>
							추천 <span>0</span>
						</div>
					</div>
					<div class="custom-wnormal-w100 pc_only">
						<div class="flex-tbl-row">
							<div class="custom-w100-wflex1">
							<div class="user_levelname"><span class="lv_icon_box"><div class="lv_icon lv_admin"></div></span><span class="user_name">날지켜봐</span></div>								<div class="r2">2시간전</div>
							</div>
						</div>
					</div>
				</div>
							<div class="flex-tbl-row" style="flex-wrap:wrap;">
					<div class="custom-newsimg">
						<div class="firstimg">
							<a href="http://www.pinkmoustache.net/view/3660"><img class="rounded-xl" src="https://tottium.com/uploads/editor/2026/06/핸드볼.webp" alt="女 핸드볼 레전드, 부당 대우 폭로" /></a>
						</div>
						<div class="mobile_only">
							<div class="custom-w100-wflex1">
							<div class="user_levelname"><span class="lv_icon_box"><div class="lv_icon lv_admin"></div></span><span class="user_name">뺨이석대</span></div>								<div class="r2">4시간전</div>
							</div>
						</div>
					</div>
					<div class="custom-mpad2 flex1">
						<div class="r1 truncate-text2L">
							<a href="http://www.pinkmoustache.net/view/3660">女 핸드볼 레전드, 부당 대우 폭로</a>
						</div>
						<div class="r2 truncate-text2L lineht">"살 찌면 급여 싹둑, 임신했다니까 30분 만에 해고 통보"…女 핸드볼 레전드, 부당 대우 폭로→"정말 말도 안 되는 일"네덜란드 핸드볼 전설 테스 리더르, 현역 은퇴 후 충격 폭로네덜란드 여자 핸드볼의 전설적인 골키퍼 Tess Lieder가 선수 시절 겪었던 불합리한…</div>

						<div class="pc_only r3">
							조회수 <span>0</span>
							<span class="fc-weak">|</span>
							추천 <span>0</span>
						</div>
					</div>
					<div class="custom-wnormal-w100 pc_only">
						<div class="flex-tbl-row">
							<div class="custom-w100-wflex1">
							<div class="user_levelname"><span class="lv_icon_box"><div class="lv_icon lv_admin"></div></span><span class="user_name">뺨이석대</span></div>								<div class="r2">4시간전</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			</div>

		</div>
	</section>
	<!-- 01. SEO 상세 콘텐츠 -->
	<section data-section-id="04" class="grid order-5">
		<section class="grid order-8">
	<div class="px-6 py-5 bg-white dark:bg-zinc-950/80 border border-slate-100 dark:border-black rounded-xl w-full">
		<h2 class="text-xl font-bold text-slate-900 dark:text-white mb-3">
			&#53664;&#54000;&#50880;&#50640;&#49436; &#54869;&#51064;&#54624; &#49688; &#51080;&#45716; &#49828;&#54252;&#52768; &#48516;&#49437; &#51221;&#48372;
		</h2>

		<p class="text-gray-700 dark:text-gray-300 leading-relaxed">
			&#53664;&#54000;&#50880;&#51008; &#44221;&#44592; &#51204; &#48516;&#49437;, &#46972;&#51060;&#48652;&#49828;&#53076;&#50612;, &#44208;&#51109;&#51221;&#48372;, &#49440;&#48156;&#51221;&#48372;, &#54924;&#50896; &#50696;&#52769;&#44544;&#51012; &#54632;&#44760; &#54869;&#51064;&#54624; &#49688; &#51080;&#45716; &#49828;&#54252;&#52768; &#48516;&#49437; &#52964;&#48036;&#45768;&#54000;&#51077;&#45768;&#45796;.
			&#52629;&#44396;, &#50556;&#44396;, &#45453;&#44396;, e&#49828;&#54252;&#52768; &#46321; &#45796;&#50577;&#54620; &#51333;&#47785;&#51032; &#55120;&#47492;&#51012; &#48708;&#44368;&#54616;&#44256; &#49849;&#48512;&#50696;&#52769;&#50640; &#54596;&#50836;&#54620; &#51221;&#48372;&#47484; &#48736;&#47476;&#44172; &#52286;&#51012; &#49688; &#51080;&#49845;&#45768;&#45796;.
		</p>

		<div class="mt-4">
			<a href="https://tottium.com/%EC%8A%A4%ED%8F%AC%EC%B8%A0%EB%B6%84%EC%84%9D">				&#49828;&#54252;&#52768;&#48516;&#49437; &#44544; &#45908;&#48372;&#44592;			</a>
		</div>
	</div>
</section>	</section>

	<!-- 05. 커뮤니티 / 인기글 -->
	<section data-section-id="05" class="swiper mySwiper2 grid order-6">
		<div class="swiper-wrapper grid grid-cols-1 md:grid-cols-2 gap-4">
			<!-- swiper css -->
<div class=" tab-group grid col-auto gap-2 px-3 py-3 bg-white dark:bg-zinc-950/80 border border-slate-100 dark:border-black rounded-xl w-full h-full">
    <div class="tab-menu">
        <button class="tab-btn font-bold active">자유</button>
        <button class="tab-btn font-bold">후기</button>
        <button class="tab-btn font-bold">분석</button>
    </div>
    <div class="tab-content active">
        
<section class="rounded-xl w-full h-full">
    <div class="mb-2">
        <div class="text-base font-bold"></div>
    </div>
		
    <ul>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3662" title="日 여자 컬링 대표팀 에이스 작심발언→&quot;韓 수준 올랐다">日 여자 컬링 대표팀 에이스 작심발언→&quot;韓 수준 올랐다</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>14:47</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3661" title="체코전 앞둔 홍명보 &quot;베스트11 확정">체코전 앞둔 홍명보 &quot;베스트11 확정</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>13:44</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3660" title="女 핸드볼 레전드, 부당 대우 폭로">女 핸드볼 레전드, 부당 대우 폭로</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>12:17</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3659" title="&#039;세계 최고 타자&#039; 이정후, 또 멀티히트 폭발!">&#039;세계 최고 타자&#039; 이정후, 또 멀티히트 폭발!</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10:25</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3647" title="김하성 좋은 선수였는데…이런 결정 쉽지 않다">김하성 좋은 선수였는데…이런 결정 쉽지 않다</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>04:01</span>
							</span>
						</div>
					</div>
				</div>
			</li>
		    </ul>
</section>    </div>
    <div class="tab-content">
        
<section class="rounded-xl w-full h-full">
    <div class="mb-2">
        <div class="text-base font-bold"></div>
    </div>
		
    <ul>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/2205" title="루피카지노 추천합니다">루피카지노 추천합니다</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>03-30</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/2074" title="중국TM본사에서 함께할팀원 모집합니다(초보가능)">중국TM본사에서 함께할팀원 모집합니다(초보가능)</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>03-04</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/1192" title="test">test</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>08-22</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/1181" title="✅ 토티움 후기게시판 공지사항">✅ 토티움 후기게시판 공지사항</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>08-22</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/1167" title="토토후기">토토후기</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>08-20</span>
							</span>
						</div>
					</div>
				</div>
			</li>
		    </ul>
</section>    </div>
    <div class="tab-content">
        
<section class="rounded-xl w-full h-full">
    <div class="mb-2">
        <div class="text-base font-bold"></div>
    </div>
		
    <ul>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3658" title="06월12일 11:00 [2026 북중미 월드컵] 대한민국 vs 체코 분석">06월12일 11:00 [2026 북중미 월드컵] 대한민국 vs 체코 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10:45</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3657" title="06월12일 04:00 [2026 북중미 월드컵] 멕시코 vs 남아공 분석">06월12일 04:00 [2026 북중미 월드컵] 멕시코 vs 남아공 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10:40</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3656" title="06월11일 18:30 [대한민국 KBO] KT vs 삼성 분석">06월11일 18:30 [대한민국 KBO] KT vs 삼성 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10:33</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3655" title="06월11일 18:30 [대한민국 KBO] LG vs SSG 분석">06월11일 18:30 [대한민국 KBO] LG vs SSG 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10:29</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3654" title="06월11일 18:00 [일본 NPB] 오릭스 vs 야쿠르트 분석">06월11일 18:00 [일본 NPB] 오릭스 vs 야쿠르트 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10:24</span>
							</span>
						</div>
					</div>
				</div>
			</li>
		    </ul>
</section>    </div>
</div>			<!-- swiper css -->
<div class=" tab-group grid col-auto gap-2 px-3 py-3 bg-white dark:bg-zinc-950/80 border border-slate-100 dark:border-black rounded-xl w-full h-full">
    <div class="tab-menu">
        <button class="tab-btn font-bold active">일간</button>
        <button class="tab-btn font-bold">주간</button>
        <button class="tab-btn font-bold">월간</button>
    </div>
    <div class="tab-content active">
        
<section class="rounded-xl w-full h-full">
    <div class="mb-2">
        <div class="text-base font-bold"></div>
    </div>
		
    <ul>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3646" title="메이웨더 측근, &#039;2660억&#039; 사기 소송에 화났다">메이웨더 측근, &#039;2660억&#039; 사기 소송에 화났다</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>01:02</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3647" title="김하성 좋은 선수였는데…이런 결정 쉽지 않다">김하성 좋은 선수였는데…이런 결정 쉽지 않다</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>04:01</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3653" title="06월11일 18:00 [일본 NPB] 라쿠텐 vs 요미우리 분석">06월11일 18:00 [일본 NPB] 라쿠텐 vs 요미우리 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10:20</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3656" title="06월11일 18:30 [대한민국 KBO] KT vs 삼성 분석">06월11일 18:30 [대한민국 KBO] KT vs 삼성 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10:33</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3658" title="06월12일 11:00 [2026 북중미 월드컵] 대한민국 vs 체코 분석">06월12일 11:00 [2026 북중미 월드컵] 대한민국 vs 체코 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10:45</span>
							</span>
						</div>
					</div>
				</div>
			</li>
		    </ul>
</section>    </div>
    <div class="tab-content">
        
<section class="rounded-xl w-full h-full">
    <div class="mb-2">
        <div class="text-base font-bold"></div>
    </div>
		
    <ul>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-update"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3529" title="굿바이! PSG, 이강인 마침내 &#039;작별 통보&#039; 3년 만에 스페인 복귀 초읽기">굿바이! PSG, 이강인 마침내 &#039;작별 통보&#039; 3년 만에 스페인 복귀 초읽기</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>06-06</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3613" title="모델 아내 출산 못 지킨 김승규">모델 아내 출산 못 지킨 김승규</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>06-09</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3619" title="06월09일 18:30 [대한민국 KBO] 한화 vs KIA 분석">06월09일 18:30 [대한민국 KBO] 한화 vs KIA 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>06-09</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-update"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3549" title="무명 女 미녀 선수, &#039;협찬 0개&#039;로 프랑스 오픈 결승행">무명 女 미녀 선수, &#039;협찬 0개&#039;로 프랑스 오픈 결승행</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>06-07</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-update"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3598" title="06월09일 20:35 [국제친선경기] 중국 vs 태국 분석">06월09일 20:35 [국제친선경기] 중국 vs 태국 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>06-08</span>
							</span>
						</div>
					</div>
				</div>
			</li>
		    </ul>
</section>    </div>
    <div class="tab-content">
        
<section class="rounded-xl w-full h-full">
    <div class="mb-2">
        <div class="text-base font-bold"></div>
    </div>
		
    <ul>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3021" title="허리 근육통 ERA 1위 LG 웰스 엔트리 말소">허리 근육통 ERA 1위 LG 웰스 엔트리 말소</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>05-15</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/2978" title="05월13일 09:10 [MLB 메이저리그] 휴스턴 vs 시애틀 분석">05월13일 09:10 [MLB 메이저리그] 휴스턴 vs 시애틀 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>05-12</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/2977" title="05월13일 07:45 [MLB 메이저리그] 보스턴 vs 필라델피아 분석">05월13일 07:45 [MLB 메이저리그] 보스턴 vs 필라델피아 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>05-12</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3016" title="05월15일 03:10 [MLB 메이저리그] 휴스턴 vs 시애틀 분석">05월15일 03:10 [MLB 메이저리그] 휴스턴 vs 시애틀 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>05-14</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3118" title="05월19일 10:40 [MLB 메이저리그] 샌디에이고 vs LA다저스 분석">05월19일 10:40 [MLB 메이저리그] 샌디에이고 vs LA다저스 분석</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>05-18</span>
							</span>
						</div>
					</div>
				</div>
			</li>
		    </ul>
</section>    </div>
</div>
		</div>
	</section>

	<section class="grid order-9">
		<div class="px-6 py-5 bg-white dark:bg-zinc-950/80 border border-slate-100 dark:border-black rounded-xl w-full">
			<h2 class="text-xl font-bold text-slate-900 dark:text-white mb-4">토티움 자주 묻는 질문</h2>

			<div class="space-y-4">
				<div>
					<h3 class="font-semibold text-slate-900 dark:text-white">토티움은 어떤 커뮤니티인가요?</h3>
					<p class="text-gray-700 dark:text-gray-300 mt-1">
						토티움은 스포츠 분석, 승부예측, 경기 정보, 커뮤니티 활동을 함께 제공하는 스포츠토토 정보 커뮤니티입니다.
					</p>
				</div>

				<div>
					<h3 class="font-semibold text-slate-900 dark:text-white">무료로 승부예측에 참여할 수 있나요?</h3>
					<p class="text-gray-700 dark:text-gray-300 mt-1">
						토티움의 승부예측 챌린지는 커뮤니티 활동 형태로 참여할 수 있으며, 경기별 예측과 결과를 비교할 수 있습니다.
					</p>
				</div>

				<div>
					<h3 class="font-semibold text-slate-900 dark:text-white">어떤 스포츠 분석 정보를 볼 수 있나요?</h3>
					<p class="text-gray-700 dark:text-gray-300 mt-1">
						축구, 야구, 농구, e스포츠 등 다양한 종목의 경기 분석, 결장 정보, 선발 정보, 라이브스코어를 확인할 수 있습니다.
					</p>
				</div>

				<div>
					<h3 class="font-semibold text-slate-900 dark:text-white">토티움의 분석글은 어디서 볼 수 있나요?</h3>
					<p class="text-gray-700 dark:text-gray-300 mt-1">
						상단 메뉴의 스포츠분석 또는 분석게시판에서 최신 경기 분석글과 회원 예측글을 확인할 수 있습니다.
					</p>
				</div>
			</div>
		</div>
	</section>
</div>			<!-- 본문 끝 -->
							</div>
				<div class="order-3 md:order-3 col-span-1">
					<div class="hidden md:block sticky top-[120px]">
						<div class="grid grid-cols-1 gap-5">
							<section data-section-id="06" class="swiper mySwiper1">
								<div class="swiper-wrapper"> <!-- grid, gap 제거 -->
									<!-- swiper css -->
<div class="swiper-slide tab-group grid col-auto gap-2 px-3 py-3 bg-white dark:bg-zinc-950/80 border border-slate-100 dark:border-black rounded-xl w-full h-full">
    <div class="text-base font-bold py-1">
        승부예측 <span class="green">머니Rank</span>
    </div>
    <div class="tab-menu">
        <button class="tab-btn font-bold active">실시간 순위</button>
        <button class="tab-btn font-bold">월간 순위</button>
    </div>
    <div class="tab-content active">
        
<section class="rounded-xl w-full h-full">
    <div class="mb-2">
        <div class="text-base font-bold"></div>
    </div>
		
    <ul>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm bg-amber-50 text-amber-500 dark:bg-amber-500/20 dark:text-amber-300">1</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">제트</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>1,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm bg-amber-50 text-amber-400 dark:bg-amber-500/15 dark:text-amber-400/80">2</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">카터카터</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>1,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm bg-amber-25 text-amber-300 dark:bg-amber-500/10 dark:text-amber-500/80">3</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">토티움</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>1,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm text-slate-400 dark:text-slate-500">4</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">카누</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>1,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm text-slate-400 dark:text-slate-500">5</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">비회원</span></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>1,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
		    </ul>
</section>    </div>

    <div class="tab-content">
        
<section class="rounded-xl w-full h-full">
    <div class="mb-2">
        <div class="text-base font-bold"></div>
    </div>
		
    <ul>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm bg-amber-50 text-amber-500 dark:bg-amber-500/20 dark:text-amber-300">1</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">test08</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>5,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm bg-amber-50 text-amber-400 dark:bg-amber-500/15 dark:text-amber-400/80">2</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">노아꿍마</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>5,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm bg-amber-25 text-amber-300 dark:bg-amber-500/10 dark:text-amber-500/80">3</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">비회원</span></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>5,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm text-slate-400 dark:text-slate-500">4</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">심판</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>5,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm text-slate-400 dark:text-slate-500">5</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">카터7</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>5,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
		    </ul>
</section>    </div>
</div>									<!-- swiper css -->
<div class="swiper-slide tab-group grid col-auto gap-2 px-3 py-3 bg-white dark:bg-zinc-950/80 border border-slate-100 dark:border-black rounded-xl w-full h-full">
    <div class="text-base font-bold py-1">
        승부예측 <span class="green">승률Rank</span>
    </div>
    <div class="tab-menu">
        <button class="tab-btn font-bold active">실시간 순위</button>
        <button class="tab-btn font-bold">월간 순위</button>
    </div>
    <div class="tab-content active">
        
<section class="rounded-xl w-full h-full">
    <div class="mb-2">
        <div class="text-base font-bold"></div>
    </div>
		
    <ul>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm bg-amber-50 text-amber-500 dark:bg-amber-500/20 dark:text-amber-300">1</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">토티움하이라이트</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>1,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm bg-amber-50 text-amber-400 dark:bg-amber-500/15 dark:text-amber-400/80">2</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">고릴라</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>1,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm bg-amber-25 text-amber-300 dark:bg-amber-500/10 dark:text-amber-500/80">3</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">노아꿍마</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>1,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm text-slate-400 dark:text-slate-500">4</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">이쑤신장군</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>1,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm text-slate-400 dark:text-slate-500">5</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">두부먹고싶어</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>1,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
		    </ul>
</section>    </div>
    
    <div class="tab-content">
        
<section class="rounded-xl w-full h-full">
    <div class="mb-2">
        <div class="text-base font-bold"></div>
    </div>
		
    <ul>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm bg-amber-50 text-amber-500 dark:bg-amber-500/20 dark:text-amber-300">1</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">토티움하이라이트</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>1,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm bg-amber-50 text-amber-400 dark:bg-amber-500/15 dark:text-amber-400/80">2</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">고릴라</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>1,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm bg-amber-25 text-amber-300 dark:bg-amber-500/10 dark:text-amber-500/80">3</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">노아꿍마</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>1,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm text-slate-400 dark:text-slate-500">4</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">이쑤신장군</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>1,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm text-slate-400 dark:text-slate-500">5</span>
											</div>
					<div class="flex-1">
                    	<div class="items-center2 mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">두부먹고싶어</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>1,000,000원</span>
							</span>
							<div class="inline-flex items-center per">
								45.5%
							</div>
						</div>
					</div>
				</div>
			</li>
		    </ul>
</section>    </div>
</div>									<!-- swiper css -->
<div class="swiper-slide tab-group grid col-auto gap-2 px-3 py-3 bg-white dark:bg-zinc-950/80 border border-slate-100 dark:border-black rounded-xl w-full h-full">
    <div class="text-base font-bold py-1">
        토티움 <span class="green">포인트Rank</span>
    </div>
    <div class="tab-menu">
        <button class="tab-btn font-bold active">실시간 순위</button>
        <button class="tab-btn font-bold">종합 순위</button>
    </div>
    <div class="tab-content active">
        
<section class="rounded-xl w-full h-full">
    <div class="mb-2">
        <div class="text-base font-bold"></div>
    </div>
		
    <ul>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm bg-amber-50 text-amber-500 dark:bg-amber-500/20 dark:text-amber-300">1</span>
											</div>
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">토티움하이라이트</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>90,680p</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm bg-amber-50 text-amber-400 dark:bg-amber-500/15 dark:text-amber-400/80">2</span>
											</div>
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">토티움</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>10,695p</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm bg-amber-25 text-amber-300 dark:bg-amber-500/10 dark:text-amber-500/80">3</span>
											</div>
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">부심</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>6,000p</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm text-slate-400 dark:text-slate-500">4</span>
											</div>
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">카터7</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>5,400p</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm text-slate-400 dark:text-slate-500">5</span>
											</div>
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">대한민국</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>5,100p</span>
							</span>
						</div>
					</div>
				</div>
			</li>
		    </ul>
</section>    </div>
    
    <div class="tab-content">
        
<section class="rounded-xl w-full h-full">
    <div class="mb-2">
        <div class="text-base font-bold"></div>
    </div>
		
    <ul>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm bg-amber-50 text-amber-500 dark:bg-amber-500/20 dark:text-amber-300">1</span>
											</div>
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">토티움</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>600,745p</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm bg-amber-50 text-amber-400 dark:bg-amber-500/15 dark:text-amber-400/80">2</span>
											</div>
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">토티움하이라이트</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>101,680p</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm bg-amber-25 text-amber-300 dark:bg-amber-500/10 dark:text-amber-500/80">3</span>
											</div>
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">부심</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>6,000p</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm text-slate-400 dark:text-slate-500">4</span>
											</div>
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">카터7</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>5,400p</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="inline-flex items-center justify-center font-mono text-xs font-semibold">
													<span class="px-1 py-0.5 rounded-sm text-slate-400 dark:text-slate-500">5</span>
											</div>
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
								<div class="user_levelname"><span class="user_name">대한민국</span></a></div>							</div>
							<span class="inline-flex items-center v-widget-date v-widget-date2 per">
								<span>5,100p</span>
							</span>
						</div>
					</div>
				</div>
			</li>
		    </ul>
</section>    </div>
</div>								</div>
								<div class="swiper-pagination"></div>
							</section>
							<!-- swiper css -->
<div class=" tab-group grid col-auto gap-2 px-3 py-3 bg-white dark:bg-zinc-950/80 border border-slate-100 dark:border-black rounded-xl w-full h-full">
    <div class="tab-menu">
        <button class="tab-btn font-bold active">공지사항</button>
        <button class="tab-btn font-bold">이벤트</button>
    </div>
    <div class="tab-content active">
        
<section class="rounded-xl w-full h-full">
    <div class="mb-2">
        <div class="text-base font-bold"></div>
    </div>
		
    <ul>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/1398" title="토티움 커뮤니티 레벨 및 혜택 안내">토티움 커뮤니티 레벨 및 혜택 안내</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>09-08</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/1397" title="승부예측 챌린지 베팅규정">승부예측 챌린지 베팅규정</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>09-08</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/1396" title="승부예측 챌린지 운영안내 및 공지">승부예측 챌린지 운영안내 및 공지</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>09-08</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/1395" title="스포츠커뮤니티 토티움 오픈 안내">스포츠커뮤니티 토티움 오픈 안내</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>09-08</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    <div class="flex justify-between items-center mb-4">
							<div class="inline-flex items-center v-widget-title">
								게시물이 없습니다.
							</div>
						</div>
					</div>
				</div>
			</li>
		    </ul>
</section>    </div>
    <div class="tab-content">
        
<section class="rounded-xl w-full h-full">
    <div class="mb-2">
        <div class="text-base font-bold"></div>
    </div>
		
    <ul>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    <div class="flex justify-between items-center mb-4">
							<div class="inline-flex items-center v-widget-title">
								게시물이 없습니다.
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    <div class="flex justify-between items-center mb-4">
							<div class="inline-flex items-center v-widget-title">
								게시물이 없습니다.
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    <div class="flex justify-between items-center mb-4">
							<div class="inline-flex items-center v-widget-title">
								게시물이 없습니다.
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    <div class="flex justify-between items-center mb-4">
							<div class="inline-flex items-center v-widget-title">
								게시물이 없습니다.
							</div>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    <div class="flex justify-between items-center mb-4">
							<div class="inline-flex items-center v-widget-title">
								게시물이 없습니다.
							</div>
						</div>
					</div>
				</div>
			</li>
		    </ul>
</section>    </div>
</div>
														<section class="px-3 md:px-3 py-4 bg-slate-900/85 dark:bg-zinc-950/80 border border-slate-800 dark:border-black rounded-xl w-full h-full text-slate-100">
  <div class="space-y-4">

    <!-- 헤더 -->
    <div class="flex items-center justify-between">
      <h3 class="text-base md:text-lg font-semibold text-slate-200">리그별팀순위</h3>

      <!-- 스포츠 상단 탭(축구/야구: 밑줄 활성) -->
      <div class="inline-flex text-sm bg-slate-800/70 rounded-lg p-1 gap-1">
        <button type="button"
                data-sport-tab="soccer"
                class="px-1 py-1.5 rounded-md bg-slate-700 text-emerald-300 font-medium
                       underline decoration-emerald-400 decoration-2 underline-offset-4">
          축구
        </button>
        <button type="button"
                data-sport-tab="baseball"
                class="px-1 py-1.5 rounded-md text-slate-300 hover:text-emerald-300 hover:bg-slate-700">
          야구
        </button>
        <button type="button" class="px-1 py-1.5 rounded-md text-slate-400 cursor-not-allowed opacity-50">농구</button>
        <button type="button" class="px-1 py-1.5 rounded-md text-slate-400 cursor-not-allowed opacity-50">배구</button>
      </div>
    </div>

    <!-- ========== SOCCER PANEL (리그 탭 + 테이블) ========== -->
    <div data-sport-panel="soccer" class="block">
      <!-- 리그 탭 -->
      <div class="flex flex-wrap gap-2">
                            <button
            type="button"
            data-league-tab="EPL"
            class="px-2 py-1.5 rounded-full border text-sm
                                        border-emerald-400 text-emerald-300 bg-slate-800
                     underline decoration-emerald-400 decoration-2 underline-offset-4
                                      opacity-60"
          >
            EPL          </button>
                            <button
            type="button"
            data-league-tab="분데스리가"
            class="px-2 py-1.5 rounded-full border text-sm
                                        border-slate-700 text-slate-300 hover:border-emerald-400 hover:text-emerald-300 hover:bg-slate-800
                                      opacity-60"
          >
            분데스리가          </button>
                            <button
            type="button"
            data-league-tab="프리메라"
            class="px-2 py-1.5 rounded-full border text-sm
                                        border-slate-700 text-slate-300 hover:border-emerald-400 hover:text-emerald-300 hover:bg-slate-800
                                      opacity-60"
          >
            프리메라          </button>
                            <button
            type="button"
            data-league-tab="세리에"
            class="px-2 py-1.5 rounded-full border text-sm
                                        border-slate-700 text-slate-300 hover:border-emerald-400 hover:text-emerald-300 hover:bg-slate-800
                                      opacity-60"
          >
            세리에          </button>
                            <button
            type="button"
            data-league-tab="리그1"
            class="px-2 py-1.5 rounded-full border text-sm
                                        border-slate-700 text-slate-300 hover:border-emerald-400 hover:text-emerald-300 hover:bg-slate-800
                                      opacity-60"
          >
            리그1          </button>
                            <button
            type="button"
            data-league-tab="에레디비지에"
            class="px-2 py-1.5 rounded-full border text-sm
                                        border-slate-700 text-slate-300 hover:border-emerald-400 hover:text-emerald-300 hover:bg-slate-800
                                      opacity-60"
          >
            에레디비지에          </button>
                            <button
            type="button"
            data-league-tab="K리그1"
            class="px-2 py-1.5 rounded-full border text-sm
                                        border-slate-700 text-slate-300 hover:border-emerald-400 hover:text-emerald-300 hover:bg-slate-800
                                      opacity-60"
          >
            K리그1          </button>
              </div>

      <!-- 패널들 -->
      <div class="mt-1">
                            <div
            id="panel-EPL"
            class="block bg-slate-900/60 border border-slate-800 rounded-md overflow-hidden"
            data-league-panel="EPL"
          >
            <div class="px-3 py-2 border-b border-slate-800 flex items-center justify-between">
              <div class="text-sm text-slate-300">
                <span class="font-semibold">EPL</span>
                <span class="mx-2 text-slate-500">|</span>
                <span class="text-slate-400">잉글랜드 프리미어리그</span>
                              </div>
                              <span class="text-xs text-rose-400">데이터 로딩 실패</span>
                          </div>

                          <!-- 에러 상태 -->
              <div class="p-4 text-sm text-rose-300">
                Encountered end of file              </div>
                      </div>
                            <div
            id="panel-분데스리가"
            class="hidden bg-slate-900/60 border border-slate-800 rounded-md overflow-hidden"
            data-league-panel="분데스리가"
          >
            <div class="px-3 py-2 border-b border-slate-800 flex items-center justify-between">
              <div class="text-sm text-slate-300">
                <span class="font-semibold">분데스리가</span>
                <span class="mx-2 text-slate-500">|</span>
                <span class="text-slate-400">독일 분데스리가</span>
                              </div>
                              <span class="text-xs text-rose-400">데이터 로딩 실패</span>
                          </div>

                          <!-- 에러 상태 -->
              <div class="p-4 text-sm text-rose-300">
                Empty reply from server              </div>
                      </div>
                            <div
            id="panel-프리메라"
            class="hidden bg-slate-900/60 border border-slate-800 rounded-md overflow-hidden"
            data-league-panel="프리메라"
          >
            <div class="px-3 py-2 border-b border-slate-800 flex items-center justify-between">
              <div class="text-sm text-slate-300">
                <span class="font-semibold">프리메라</span>
                <span class="mx-2 text-slate-500">|</span>
                <span class="text-slate-400">스페인 라리가</span>
                              </div>
                              <span class="text-xs text-rose-400">데이터 로딩 실패</span>
                          </div>

                          <!-- 에러 상태 -->
              <div class="p-4 text-sm text-rose-300">
                Empty reply from server              </div>
                      </div>
                            <div
            id="panel-세리에"
            class="hidden bg-slate-900/60 border border-slate-800 rounded-md overflow-hidden"
            data-league-panel="세리에"
          >
            <div class="px-3 py-2 border-b border-slate-800 flex items-center justify-between">
              <div class="text-sm text-slate-300">
                <span class="font-semibold">세리에</span>
                <span class="mx-2 text-slate-500">|</span>
                <span class="text-slate-400">이탈리아 세리에 A</span>
                              </div>
                              <span class="text-xs text-rose-400">데이터 로딩 실패</span>
                          </div>

                          <!-- 에러 상태 -->
              <div class="p-4 text-sm text-rose-300">
                Empty reply from server              </div>
                      </div>
                            <div
            id="panel-리그1"
            class="hidden bg-slate-900/60 border border-slate-800 rounded-md overflow-hidden"
            data-league-panel="리그1"
          >
            <div class="px-3 py-2 border-b border-slate-800 flex items-center justify-between">
              <div class="text-sm text-slate-300">
                <span class="font-semibold">리그1</span>
                <span class="mx-2 text-slate-500">|</span>
                <span class="text-slate-400">프랑스 리그 1</span>
                              </div>
                              <span class="text-xs text-rose-400">데이터 로딩 실패</span>
                          </div>

                          <!-- 에러 상태 -->
              <div class="p-4 text-sm text-rose-300">
                {&quot;message&quot;:&quot;The resource you are looking for does not exist.&quot;,&quot;error&quot;:404}              </div>
                      </div>
                            <div
            id="panel-에레디비지에"
            class="hidden bg-slate-900/60 border border-slate-800 rounded-md overflow-hidden"
            data-league-panel="에레디비지에"
          >
            <div class="px-3 py-2 border-b border-slate-800 flex items-center justify-between">
              <div class="text-sm text-slate-300">
                <span class="font-semibold">에레디비지에</span>
                <span class="mx-2 text-slate-500">|</span>
                <span class="text-slate-400">네덜란드 에레디비지에</span>
                              </div>
                              <span class="text-xs text-rose-400">데이터 로딩 실패</span>
                          </div>

                          <!-- 에러 상태 -->
              <div class="p-4 text-sm text-rose-300">
                {&quot;message&quot;:&quot;The resource you are looking for does not exist.&quot;,&quot;error&quot;:404}              </div>
                      </div>
                            <div
            id="panel-K리그1"
            class="hidden bg-slate-900/60 border border-slate-800 rounded-md overflow-hidden"
            data-league-panel="K리그1"
          >
            <div class="px-3 py-2 border-b border-slate-800 flex items-center justify-between">
              <div class="text-sm text-slate-300">
                <span class="font-semibold">K리그1</span>
                <span class="mx-2 text-slate-500">|</span>
                <span class="text-slate-400">대한민국 K리그1</span>
                              </div>
                          </div>

                          <!-- 빈 상태 -->
              <div class="p-4 text-sm text-slate-400">표시할 순위 데이터가 없습니다.</div>
                      </div>
              </div>
    </div>

    <!-- ========== BASEBALL PANEL (준비중) ========== -->
    <div data-sport-panel="baseball" class="hidden">
      <div class="bg-slate-900/60 border border-slate-800 rounded-xl p-6 text-slate-300">
        <p class="text-sm">야구 순위 페이지는 준비중입니다.</p>
      </div>
    </div>

  </div>
</section>

<script>
(function(){
  // ===== 스포츠 탭 전환(밑줄 표시) =====
  const sportBtns = document.querySelectorAll('[data-sport-tab]');
  const sportPanels = document.querySelectorAll('[data-sport-panel]');

  function activateSport(sport){
    sportBtns.forEach(btn=>{
      const on = btn.getAttribute('data-sport-tab') === sport;
      // 밑줄 토글
      btn.classList.toggle('underline', on);
      btn.classList.toggle('decoration-emerald-400', on);
      btn.classList.toggle('decoration-2', on);
      btn.classList.toggle('underline-offset-4', on);
      // 배경/색상
      btn.classList.toggle('bg-slate-700', on);
      btn.classList.toggle('text-emerald-300', on);
      btn.classList.toggle('text-slate-300', !on);
    });
    sportPanels.forEach(p=>{
      const on = p.getAttribute('data-sport-panel') === sport;
      p.classList.toggle('hidden', !on);
      p.classList.toggle('block', on);
      if (on) resizeTop10Scroll(p);
    });
  }

  sportBtns.forEach(btn=>{
    btn.addEventListener('click', ()=>{
      const sport = btn.getAttribute('data-sport-tab');
      activateSport(sport);
    });
  });

  // ===== 리그 탭 전환(밑줄 표시) =====
  const leagueBtns = document.querySelectorAll('[data-league-tab]');
  const leaguePanels  = document.querySelectorAll('[data-league-panel]');

  function activateLeague(slug){
    // 버튼 상태 토글 + 밑줄
    leagueBtns.forEach(btn=>{
      const on = btn.getAttribute('data-league-tab') === slug;
      btn.classList.toggle('bg-slate-800', on);
      btn.classList.toggle('border-emerald-400', on);
      btn.classList.toggle('text-emerald-300', on);
      btn.classList.toggle('border-slate-700', !on);
      btn.classList.toggle('text-slate-300', !on);

      btn.classList.toggle('underline', on);
      btn.classList.toggle('decoration-emerald-400', on);
      btn.classList.toggle('decoration-2', on);
      btn.classList.toggle('underline-offset-4', on);
    });
    // 패널 상태 토글
    leaguePanels.forEach(p=>{
      const on = p.getAttribute('data-league-panel') === slug;
      p.classList.toggle('hidden', !on);
      p.classList.toggle('block', on);
      if (on) resizeTop10Scroll(p);
    });
  }

  leagueBtns.forEach(btn=>{
    btn.addEventListener('click', ()=>{
      const slug = btn.getAttribute('data-league-tab');
      activateLeague(slug);
    });
  });

  // === 10개 행 높이에 맞춰 스크롤박스 높이 설정 ===
  function resizeTop10Scroll(root=document){
    root.querySelectorAll('[data-top10-scroll]').forEach(box=>{
      try{
        const thead = box.querySelector('thead');
        const oneRow = box.querySelector('tbody tr');
        if(!oneRow){ box.style.maxHeight = ''; return; }
        // 실제 렌더링된 높이를 기준으로 계산
        const rowH   = oneRow.getBoundingClientRect().height || 36;
        const headH  = thead ? (thead.getBoundingClientRect().height || 36) : 36;
        const pad    = 2; // 경계선/반올림 여유
        box.style.maxHeight = Math.round(rowH * 10 + headH + pad) + 'px';
      }catch(e){ /* noop */ }
    });
  }

  // 초기 1회 계산 + 리사이즈 대응
  window.addEventListener('load', ()=>resizeTop10Scroll());
  window.addEventListener('resize', ()=>resizeTop10Scroll());
})();
</script>
							<!-- <div class="order-1">
								
<section class="px-6 py-5 bg-white dark:bg-zinc-950/80 border border-slate-100 dark:border-black rounded-xl w-full">
    <div class="mb-4">
        <div class="text-base font-bold">최신글🆕</div>
    </div>
		
    <ul>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3676" title="D-backs vs. Marlins …">D-backs vs. Marlins …</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>15:10</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3675" title="Shohei Ohtani picks …">Shohei Ohtani picks …</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>15:10</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3674" title="Dodgers vs. Pirates …">Dodgers vs. Pirates …</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>15:10</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																			<div class="relative">
												<span class="v-indicator-new"></span>
											</div>
																		<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/3673" title="Shota Imanaga whiffs…">Shota Imanaga whiffs…</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>15:10</span>
							</span>
						</div>
					</div>
				</div>
			</li>
		    </ul>
</section>							</div>
							<div class="order-1">
								
<section class="px-6 py-5 bg-white dark:bg-zinc-950/80 border border-slate-100 dark:border-black rounded-xl w-full">
    <div class="mb-4">
        <div class="text-base font-bold">최신댓글🆕</div>
    </div>
		
    <ul>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/1756#comment_161" title="다들 제발 이런 데 좀 걸러라">다들 제발 이런 데 좀 걸러라</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10-23</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/1756#comment_160" title="이런 데는 돈 따면 바로 막아버림">이런 데는 돈 따면 바로 막아버림</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10-23</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/1756#comment_159" title="흑백 여기 예전부터 말 많았음">흑백 여기 예전부터 말 많았음</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10-23</span>
							</span>
						</div>
					</div>
				</div>
			</li>
					<li class="v-section-widget-scale">
				<div class="flex items-start gap-2">
					<div class="flex-1">
                    	<div class="flex justify-between items-center mb-3">
							<div class="inline-flex items-center">
																<a class="v-widget-title"  href="http://www.pinkmoustache.net/view/1754#comment_158" title="문자로 오는 건 그냥 다 피해야 함">문자로 오는 건 그냥 다 피해야 함</a>
							</div>
							<span class="v-widget-date ml-1">
								<span>10-22</span>
							</span>
						</div>
					</div>
				</div>
			</li>
		    </ul>
</section>							</div> -->
							<div class="order-1">
							</div>
							<div class="order-1">
							</div>
						</div>
					</div>	
				</div>
					</div>
	</div>
</div>


<footer class="hidden md:block max-w-screen-xl w-full mx-auto px-4 pb-20" aria-label="Footer">
    <div class="flex items-center justify-between h-16 border-t-[1px] border-slate-200/70 dark:border-slate-800">
        <nav class="flex space-x-5">
            <a href="http://www.pinkmoustache.net/info/privacy" class="text-sm font-medium text-slate-500 hover:text-slate-700 dark:hover:text-slate-400">
			개인정보 처리 방침
			</a>
            <a href="http://www.pinkmoustache.net/info/provision" class="text-sm font-medium text-slate-500 hover:text-slate-700 dark:hover:text-slate-400">
				이용 약관
			</a>
        </nav>
        <div class="v-social-link">
            <a href="#" onclick="alert('준비중입니다.'); return false;" title="Facebook" rel="noopener"><i class="bi bi-facebook"></i></a>
            <a href="#" onclick="alert('준비중입니다.'); return false;" title="Github" rel="noopener"><i class="bi bi-github"></i></a>
            <a href="#" onclick="alert('준비중입니다.'); return false;" title="Instagram" rel="noopener"><i class="bi bi-instagram"></i></a>
            <a href="#" onclick="alert('준비중입니다.'); return false;" title="Threads" rel="noopener"><i class="bi bi-threads"></i></a>
            <a href="#" onclick="alert('준비중입니다.'); return false;" title="X" rel="noopener"><i class="bi bi-twitter-x"></i></a>
            <a href="#" onclick="alert('준비중입니다.'); return false;" title="Youtube" rel="noopener"><i class="bi bi-youtube"></i></a>
        </div>
    </div>

    <div class="v-footer-info tracking-wide text-xs mb-4">
		토티움 안전하고 신뢰할 수 있는 정보 공유의 중심지입니다. 다양한 스포츠 분석과 최신 소식을 통해 회원 간 소통과 즐거움을 제공합니다. 건전한 배팅 문화를 지향하며, 함께 만들어가는 커뮤니티를 추구합니다.
		<br>
		주소 및 연락처 - 주소: 802dong 101ho, 30-20, Deongneung-ro 10-gil,  Gangbuk-gu, Seoul  Republic of Korea, 전화번호: (+82)02)1234-1234, 이메일: <a href="/cdn-cgi/l/email-protection#84"></a>
 		빠른 문의: <a href="https://t.me/tottium365" target="_blank" rel="noopener"><i class="bi bi-telegram"></i>@tottium365</a>
	</div>
    <span class="text-xs text-slate-400 dark:text-slate-500 tracking-wide">
		Copyright&copy; <span class="font-semibold text-slate-500 dark:text-slate-400">토티움</span> All Rights Reserved.
    </span>
</footer>

<div id="vivid-sidebar" class="hs-overlay [--auto-close:lg] w-64 hs-overlay-open:translate-x-0 -translate-x-full transition-all duration-300 transform
    h-full hidden fixed top-0 start-0 bottom-0 z-[60] bg-white dark:bg-black
    hs-overlay-backdrop-open:bg-slate-600/50 dark:hs-overlay-backdrop-open:bg-black/50 inset-top inset-bottom" role="dialog" tabindex="-1" aria-label="Sidebar">
    <div class="relative flex flex-col h-full max-h-full ">
        <div class="flex flex-col h-full">
            <div class="px-6 py-4 md:py-6">
                <div class="flex items-center justify-between mb-8">
					<a href="/" class="text-xl font-black dark:text-gray-50 logo"><img loading="lazy" src="https://www.pinkmoustache.net/uploads/banner/2025/07/9d0503c97651a6815272a64177432669.webp" class="cb_banner" id="cb_banner_15"  alt="logo" /></a>
                </div>

                <nav class="mb-4">
                    <div class="space-y-3">
						<a href="https://tottium.com/" class="block py-1.5 v-menu-side v-menu-active group " title="홈"><div class="flex items-start gap-x-2"><i class="bi bi-house text-color-1 mr-1.5"></i><div>
										<span class="font-semibold group-hover:text-black dark:group-hover:text-white transition-colors duration-300">홈</span></div></div></a><div class="hs-dropdown relative [--strategy:static] [--adaptive:none] [--trigger:hover] ">
										<a href="https://tottium.com/payout_calculator" class="hs-dropdown-toggle block py-1.5 v-menu-side  group"  title="스포츠분석">
											<div class="flex items-start justify-between gap-x-2">
												<div class="flex items-start gap-x-2"><i class="bi bi-graph-up text-color-1 mr-1.5"></i><div>
														<span class="font-semibold group-hover:text-black dark:group-hover:text-white transition-colors duration-300">스포츠분석</span>
													</div>
												</div>
												<svg class="hs-dropdown-open:rotate-180 size-5 fill-current transition-transform duration-300" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
													<path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
												</svg>
											</div>
										</a>
										<div class="hs-dropdown-menu transition-[opacity,margin] duration-100 hs-dropdown-open:opacity-100 opacity-0 hidden z-10 w-full bg-white dark:bg-black rounded-lg p-2 space-y-2 ml-3" role="menu"><a href="https://tottium.com/스포츠분석" class="block px-2 py-1.5 v-menu  group"  title="분석게시판">
											<div class="flex items-start gap-x-2"><i class="bi bi-graph-up text-color-1 mr-1.5"></i><div>
                                        	<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">분석게시판</span>
											</div>
											</div>
											</a><a href="https://tottium.com/라이브스코어" class="block px-2 py-1.5 v-menu  group"  title="라이브스코어">
											<div class="flex items-start gap-x-2"><i class="bi bi-table text-muted text-color-1 mr-1.5"></i><div>
                                        	<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">라이브스코어</span>
											</div>
											</div>
											</a><a href="https://tottium.com/결장정보" class="block px-2 py-1.5 v-menu  group"  title="결장정보">
											<div class="flex items-start gap-x-2"><i class="bi bi-person-x text-danger  text-color-1 mr-1.5"></i><div>
                                        	<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">결장정보</span>
											</div>
											</div>
											</a><a href="https://tottium.com/선발정보" class="block px-2 py-1.5 v-menu  group"  title="선발정보">
											<div class="flex items-start gap-x-2">  <i class="bi bi-clipboard-check  text-color-1 mr-1.5"></i><div>
                                        	<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">선발정보</span>
											</div>
											</div>
											</a><a href="https://tottium.com/payout_calculator" class="block px-2 py-1.5 v-menu  group"  title="환율계산기">
											<div class="flex items-start gap-x-2"><i class="bi bi-calculator text-color-1 mr-1.5"></i><div>
                                        	<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">환율계산기</span>
											</div>
											</div>
											</a><a href="https://tottium.com/팁" class="block px-2 py-1.5 v-menu  group"  title="팁">
											<div class="flex items-start gap-x-2"><i class="bi bi-lightbulb text-color-1 mr-1.5"></i><div>
                                        	<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">팁</span>
											</div>
											</div>
											</a></div></div><div class="hs-dropdown relative [--strategy:static] [--adaptive:none] [--trigger:hover] ">
										<a href="https://tottium.com/freetoto" class="hs-dropdown-toggle block py-1.5 v-menu-side  group"  title="승부예측">
											<div class="flex items-start justify-between gap-x-2">
												<div class="flex items-start gap-x-2"><i class="bi bi-trophy text-color-1 mr-1.5"></i><div>
														<span class="font-semibold group-hover:text-black dark:group-hover:text-white transition-colors duration-300">승부예측</span>
													</div>
												</div>
												<svg class="hs-dropdown-open:rotate-180 size-5 fill-current transition-transform duration-300" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
													<path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
												</svg>
											</div>
										</a>
										<div class="hs-dropdown-menu transition-[opacity,margin] duration-100 hs-dropdown-open:opacity-100 opacity-0 hidden z-10 w-full bg-white dark:bg-black rounded-lg p-2 space-y-2 ml-3" role="menu"><a href="https://tottium.com/freetoto" class="block px-2 py-1.5 v-menu  group"  title="챌린지">
											<div class="flex items-start gap-x-2"><i class="bi bi-crosshair text-color-1 mr-1.5"></i><div>
                                        	<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">챌린지</span>
											</div>
											</div>
											</a><a href="https://tottium.com/freetoto/betlog" class="block px-2 py-1.5 v-menu  group"  title="챌린지내역">
											<div class="flex items-start gap-x-2"><i class="bi bi-ui-checks text-color-1 mr-1.5"></i><div>
                                        	<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">챌린지내역</span>
											</div>
											</div>
											</a><a href="https://tottium.com/우승팀맞추기" class="block px-2 py-1.5 v-menu  group"  title="우승팀맞추기">
											<div class="flex items-start gap-x-2"><i class="bi bi-trophy text-color-1 mr-1.5"></i><div>
                                        	<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">우승팀맞추기</span>
											</div>
											</div>
											</a></div></div><div class="hs-dropdown relative [--strategy:static] [--adaptive:none] [--trigger:hover] ">
										<a href="https://tottium.com/free_board" class="hs-dropdown-toggle block py-1.5 v-menu-side  group"  title="커뮤니티">
											<div class="flex items-start justify-between gap-x-2">
												<div class="flex items-start gap-x-2"><i class="bi bi-chat text-color-1 mr-1.5"></i><div>
														<span class="font-semibold group-hover:text-black dark:group-hover:text-white transition-colors duration-300">커뮤니티</span>
													</div>
												</div>
												<svg class="hs-dropdown-open:rotate-180 size-5 fill-current transition-transform duration-300" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
													<path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
												</svg>
											</div>
										</a>
										<div class="hs-dropdown-menu transition-[opacity,margin] duration-100 hs-dropdown-open:opacity-100 opacity-0 hidden z-10 w-full bg-white dark:bg-black rounded-lg p-2 space-y-2 ml-3" role="menu"><a href="https://tottium.com/자유게시판" class="block px-2 py-1.5 v-menu  group"  title="자유게시판">
											<div class="flex items-start gap-x-2"><i class="bi bi-chat-dots text-color-1 mr-1.5"></i><div>
                                        	<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">자유게시판</span>
											</div>
											</div>
											</a><a href="https://tottium.com/토토리뷰" class="block px-2 py-1.5 v-menu  group"  title="후기게시판">
											<div class="flex items-start gap-x-2"><i class="bi bi-pencil-square text-color-1 mr-1.5"></i><div>
                                        	<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">후기게시판</span>
											</div>
											</div>
											</a><a href="https://tottium.com/하이라이트" class="block px-2 py-1.5 v-menu  group"  title="경기 하이라이트">
											<div class="flex items-start gap-x-2"><i class="bi bi-play-circle-fill mr-1.5 text-color-1" aria-hidden="true"></i><div>
                                        	<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">경기 하이라이트</span>
											</div>
											</div>
											</a></div></div><a href="https://tottium.com/먹튀사이트" class="block py-1.5 v-menu-side  group "  title="먹튀검증"><div class="flex items-start gap-x-2"><i class="bi bi-exclamation-circle text-color-1 mr-1.5"></i><div>
										<span class="font-semibold group-hover:text-black dark:group-hover:text-white transition-colors duration-300">먹튀검증</span></div></div></a><div class="hs-dropdown relative [--strategy:static] [--adaptive:none] [--trigger:hover] ">
										<a href="https://tottium.com/사이트홍보" class="hs-dropdown-toggle block py-1.5 v-menu-side  group"  title="홍보">
											<div class="flex items-start justify-between gap-x-2">
												<div class="flex items-start gap-x-2"><i class="bi bi-megaphone text-color-1 mr-1.5"></i><div>
														<span class="font-semibold group-hover:text-black dark:group-hover:text-white transition-colors duration-300">홍보</span>
													</div>
												</div>
												<svg class="hs-dropdown-open:rotate-180 size-5 fill-current transition-transform duration-300" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
													<path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
												</svg>
											</div>
										</a>
										<div class="hs-dropdown-menu transition-[opacity,margin] duration-100 hs-dropdown-open:opacity-100 opacity-0 hidden z-10 w-full bg-white dark:bg-black rounded-lg p-2 space-y-2 ml-3" role="menu"><a href="https://tottium.com/꽁머니" class="block px-2 py-1.5 v-menu  group"  title="꽁머니 &amp; 사이트 홍보">
											<div class="flex items-start gap-x-2"><i class="bi bi-cash text-color-1 mr-1.5"></i><div>
                                        	<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">꽁머니 &amp; 사이트 홍보</span>
											</div>
											</div>
											</a><a href="https://tottium.com/구인구직" class="block px-2 py-1.5 v-menu  group"  title="구인구직">
											<div class="flex items-start gap-x-2"><i class="bi bi-briefcase text-color-1 mr-1.5"></i><div>
                                        	<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">구인구직</span>
											</div>
											</div>
											</a></div></div><div class="hs-dropdown relative [--strategy:static] [--adaptive:none] [--trigger:hover] ">
										<a href="https://tottium.com/공지사항" class="hs-dropdown-toggle block py-1.5 v-menu-side  group"  title="고객센터">
											<div class="flex items-start justify-between gap-x-2">
												<div class="flex items-start gap-x-2"><i class="bi bi-headset text-color-1 mr-1.5"></i><div>
														<span class="font-semibold group-hover:text-black dark:group-hover:text-white transition-colors duration-300">고객센터</span>
													</div>
												</div>
												<svg class="hs-dropdown-open:rotate-180 size-5 fill-current transition-transform duration-300" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
													<path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
												</svg>
											</div>
										</a>
										<div class="hs-dropdown-menu transition-[opacity,margin] duration-100 hs-dropdown-open:opacity-100 opacity-0 hidden z-10 w-full bg-white dark:bg-black rounded-lg p-2 space-y-2 ml-3" role="menu"><a href="https://tottium.com/공지사항" class="block px-2 py-1.5 v-menu  group"  title="공지사항">
											<div class="flex items-start gap-x-2"><i class="bi bi-bell text-color-1 mr-1.5"></i><div>
                                        	<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">공지사항</span>
											</div>
											</div>
											</a><a href="https://tottium.com/문의" class="block px-2 py-1.5 v-menu  group"  title="1:1문의">
											<div class="flex items-start gap-x-2"><i class="bi bi-envelope text-color-1 mr-1.5"></i><div>
                                        	<span class="font-normal group-hover:text-black dark:group-hover:text-white transition-colors duration-300">1:1문의</span>
											</div>
											</div>
											</a></div></div>

                    </div>
                </nav>

            </div>

            <div class="flex justify-between items-center px-6 mb-6">
                <nav class="flex flex-col space-y-2">
                        <a href="http://www.pinkmoustache.net/info/privacy" class="text-slate-500 hover:text-slate-700 dark:hover:text-slate-400">
                            <span class="mr-0.5"><i class="bi "></i></span>
							개인정보 처리 방침
						</a>
                        <a href="http://www.pinkmoustache.net/info/provision" class="text-slate-500 hover:text-slate-700 dark:hover:text-slate-400">
                            <span class="mr-0.5"><i class="bi "></i></span>
							이용 약관
						</a>
                </nav>
            </div>

            <div class="flex justify-between items-center px-6 mb-6">
                <span class="text-xs text-slate-400 dark:text-slate-500">© 2025 토티움</span>
            </div>
        </div>
    </div>
</div>
<div id="modal-search" class="hs-overlay hidden hs-overlay-backdrop-open:bg-slate-500/50 dark:hs-overlay-backdrop-open:bg-black/50 w-lvw h-lvh fixed top-0 start-0 z-[80] overflow-x-hidden overflow-y-auto pointer-events-none" role="dialog" tabindex="-1" aria-labelledby="modal-search">
	<div class="hs-overlay-open:mt-16 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 mt-0 opacity-0 ease-out transition-all sm:max-w-lg sm:w-full m-3 sm:mx-auto">
		<div class="flex flex-col bg-transparent">
            <div class="flex-1 items-center mx-auto my-8">
				<div class="pointer-events-auto">
                    <form action="/search" method="get" class="search" no-error-return-url="true">
                        <div class="relative">
                            <input type="text" name="skeyword" value="" required="" class="v-input-inter-modal-search sm:w-80 md:w-96" placeholder="통합검색" autofocus="">
                            <button type="submit" class="absolute right-4 top-1/2 -translate-y-1/2 text-slate-400 hover:text-slate-600 dark:hover:text-slate-300">
                                <span class="sr-only">검색</span>
                                <svg class="fill-current size-5 text-slate-400/60 dark:text-slate-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396 1.414-1.414-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8 3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6-6-2.691-6-6 2.691-6 6-6z"></path></svg>
                            </button>
                        </div>
                    </form>
				</div>
            </div>
		</div>
	</div>
</div>
	<div id="login-canvas" class="hs-overlay hs-overlay-open:translate-y-0 translate-y-full hs-overlay-backdrop-open:bg-slate-300/60 dark:hs-overlay-backdrop-open:bg-zinc-950/60
	fixed bottom-0 inset-x-0 transition-all duration-300 transform min-h-full size-full z-[80] bg-slate-50 dark:bg-zinc-950 hidden inset-top" role="dialog" tabindex="-1" aria-labelledby="login-canvas-label">
		<div class="flex justify-end items-center p-4">
			<button type="button" class="p-2 pr-0 md:p-4" aria-label="Close" data-hs-overlay="#login-canvas" aria-expanded="false">
				<span class="sr-only">Close</span>
				<svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
				<path d="M18 6 6 18"></path>
				<path d="m6 6 12 12"></path>
				</svg>
			</button>
		</div>
		<div class="p-4 flex items-center justify-center">
			<div class="w-full max-w-sm">
				<div class="flex justify-center items-center mb-6 md:mb-10">
					<a href="/" class="text-xl font-black dark:text-gray-50 logo"><img loading="lazy" src="https://www.pinkmoustache.net/uploads/banner/2025/07/9d0503c97651a6815272a64177432669.webp" class="cb_banner" id="cb_banner_15"  alt="logo" /></a>
				</div>
				<div class="space-y-4">
					<form action="https://www.pinkmoustache.net/login" class="grid grid-cols-1 gap-2" name="flogin" id="flogin" ruleset="@login" method="post" accept-charset="utf-8">
						<input type="hidden" name="url" value="">

						<label for="mem_userid" class="text-xs dark:text-slate-400">계정</label>
						<input class="v-input-base mb-2" type="text" id="mem_userid" name="mem_userid" placeholder="" required="" tabindex="1" value="" accesskey="L">

						<label for="mem_password" class="text-xs dark:text-slate-400">비밀번호</label>
						<input class="v-input-base" type="password" id="mem_password" name="mem_password" placeholder="" required="" autocomplete="current-password" tabindex="2">

						<button type="submit" class="v-btn-base mt-4 mb-2" tabindex="3">로그인</button>
						
						<div class="flex justify-between items-center">
							<!-- <div class="inline-flex items-center">
								<input id="autologin" class="v-checkbox" type="checkbox" checked="checked" name="autologin" value="1" tabindex="4">
								<label for="autologin" class="ml-2 text-slate-400 cursor-pointer select-none">로그인 유지</label>
							</div> -->
							<div class="inline-flex items-center">
								<a class="text-slate-400" href="/findaccount" tabindex="5">
									<i class="bi bi-question-circle-fill mr-1"></i> 비밀번호 찾기
								</a>
							</div>
						</div>
					</form>		

					<div class="flex flex-col mt-2 py-6 items-center">
						<div class="text-center text-sm">
							<span class="mr-2.5 text-slate-500 dark:text-slate-400">아직 회원이 아니신가요?</span>
							<a href="/register" class="font-bold v-underline" tabindex="6">회원가입 하기</a>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
const customColors = {
    '--color-primary': '',
    '--color-primary-dark': '',
    '--color-input-focus': '',
    '--color-input-caret': '',
    '--color-avatar-bg': '',
    '--color-custom-1': '#5de150',
    '--color-custom-2': '',
    '--color-custom-3': '',
    '--color-custom-4': '',
    '--color-custom-5': '',
};

for (const [key, value] of Object.entries(customColors)) {
    if (value) {
        document.documentElement.style.setProperty(key, value);
    }
}

document.addEventListener('DOMContentLoaded', () => {

    const buttonColor = '' || '#5de150';

    function hexToRgb(hex) {
        hex = hex.replace('#', '');
        const bigint = parseInt(hex, 16);
        const r = (bigint >> 16) & 255;
        const g = (bigint >> 8) & 255;
        const b = bigint & 255;
        return { r, g, b };
    }

    function calculateBrightness({ r, g, b }) {
        return (r * 0.299 + g * 0.587 + b * 0.114) / 255;
    }

    function setTextColorBasedOnBg(hexColor) {
        const rgbColor = hexToRgb(hexColor);
        const brightness = calculateBrightness(rgbColor);
        const textColor = brightness > 0.5 ? '#141414' : '#ffffff';

        document.documentElement.style.setProperty('--color-button', hexColor);
        document.documentElement.style.setProperty('--button-text-color', textColor);
    }

    setTextColorBasedOnBg(buttonColor);
});
</script>

<script>
    const backButton = $('.back-button, [data-back-button]');
    backButton.on('click', function() {
        window.history.go(-1);
    });
</script>
<style>.pswp__caption__center {  display:block }</style><!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

	<!-- Background of PhotoSwipe. 
		 It's a separate element as animating opacity is faster than rgba(). -->
	<div class="pswp__bg"></div>

	<!-- Slides wrapper with overflow:hidden. -->
	<div class="pswp__scroll-wrap">

		<!-- Container that holds slides. 
			PhotoSwipe keeps only 3 of them in the DOM to save memory.
			Don't modify these 3 pswp__item elements, data is added later on. -->
		<div class="pswp__container">
			<div class="pswp__item"></div>
			<div class="pswp__item"></div>
			<div class="pswp__item"></div>
		</div>

		<!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
		<div class="pswp__ui pswp__ui--hidden">

			<div class="pswp__top-bar">

				<!--  Controls are self-explanatory. Order can be changed. -->

				<div class="pswp__counter"></div>

				<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

				<button class="pswp__button pswp__button--share" title="Share"></button>

				<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

				<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

				<!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
				<!-- element will get class pswp__preloader - active when preloader is running -->
				<div class="pswp__preloader">
					<div class="pswp__preloader__icn">
					  <div class="pswp__preloader__cut">
						<div class="pswp__preloader__donut"></div>
					  </div>
					</div>
				</div>
			</div>

			<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
				<div class="pswp__share-tooltip"></div> 
			</div>

			<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
			</button>

			<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
			</button>

			<div class="pswp__caption">
				<div class="pswp__caption__center"></div>
			</div>

		</div>

	</div>

</div>
<style>.itemshop .viewItem .thumb,.itemshop .viewItem .thumb img{width:210px; height:125px;}</style>
<div class="itemshop"><div id="popupViewItem"><span class="modalWindow"></span><div class="popupLayer"><div class="popupTopbar"><div id="popupTitle"></div><button type="button" class="close" onclick="document.getElementById(&#39;popupViewItem&#39;).style.display=&#39;none&#39;" accesskey="X"><span>Close Layer</span></button></div><div id="viewItemContent"></div></div></div></div>


<!-- ETC -->
<div id="rhymix_alert"></div>
<div id="rhymix_debug_panel"></div>
<div id="rhymix_debug_button"></div>

<!-- BODY JS -->
<script src="https://www.pinkmoustache.net/views/_layout/community/include/addons.photoswipe.PhotoSwipe.photoswipe.min.js"></script>
<script src="https://www.pinkmoustache.net/views/_layout/community/include/addons.photoswipe.PhotoSwipe.photoswipe-ui-default.min.js"></script>
<script src="https://www.pinkmoustache.net/views/_layout/community/include/addons.photoswipe.rx_photoswipe.min.js"></script>
<script src="https://www.pinkmoustache.net/views/_layout/community/include/layouts.vivid_remaster.assets.js.core.min.js?2"></script>
<script src="https://www.pinkmoustache.net/views/_layout/community/include/layouts.vivid_remaster.assets.js.swal.min.js"></script>
<script src="https://www.pinkmoustache.net/views/_layout/community/include/layouts.vivid_remaster.assets.js.refresh.min.js"></script>

<!-- <script defer="" src="https://www.pinkmoustache.net/views/_layout/community/include/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;rayId&quot;:&quot;9581d8572ae87244&quot;,&quot;version&quot;:&quot;2025.6.2&quot;,&quot;r&quot;:1,&quot;token&quot;:&quot;efbfa963bad14360855bfcdae373e323&quot;,&quot;serverTiming&quot;:{&quot;name&quot;:{&quot;cfExtPri&quot;:true,&quot;cfEdge&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfL4&quot;:true,&quot;cfSpeedBrain&quot;:true,&quot;cfCacheStatus&quot;:true}}}" crossorigin="anonymous"></script> -->

<script>
	document.addEventListener("DOMContentLoaded", function () {
		// 탭 그룹만 탐색 (개별 박스에 .tab-group 클래스 추가)
		document.querySelectorAll(".tab-group").forEach(function (tabGroup) {
			const buttons = tabGroup.querySelectorAll(".tab-btn");
			const contents = tabGroup.querySelectorAll(".tab-content");

			buttons.forEach((btn, index) => {
				btn.addEventListener("click", () => {
					// 버튼 전체에서 active 제거
					buttons.forEach(b => b.classList.remove("active"));
					// 콘텐츠 전체에서 active 제거
					contents.forEach(c => c.classList.remove("active"));

					// 현재 클릭한 버튼/콘텐츠만 active 추가
					btn.classList.add("active");
					contents[index].classList.add("active");
				});
			});
		});
	});
</script>

	<script>
		// 첫 번째 슬라이더
		const swiper1 = new Swiper(".mySwiper1", {
			slidesPerView: 1,
			spaceBetween: 0,
		    centeredSlides: true,
			loop: true,
			autoplay: {
				delay: 4000, 
				disableOnInteraction: false, 
			},
			navigation: {
			nextEl: ".mySwiper1 .swiper-button-next",
			prevEl: ".mySwiper1 .swiper-button-prev",
			},
			pagination: {
			el: ".mySwiper1 .swiper-pagination",
			clickable: true,
			},
			breakpoints: {
			  1024: { slidesPerView: 1 } // PC도 1장 고정
			}
		});

	</script>


</body></html>