@charset "utf-8";
/* 옥시즌 스포츠 — 1200px 미만 GNB → 햄버거 메뉴 / 모바일 (768px 미만) : 헤더 60px · 메인비주얼 150vw · 폰트/여백/요소 축소 */

@media (max-width: 1199px) {
	#gnb,
	#gnb-mega { display: none; }
	.header-utils .btn-pack { display: none; }
	.btn-m-menu { display: block; }
	.mobile-navigation { display: block; }
	#header .header-bar__inner { grid-template-columns: auto 1fr auto; }
}

@media (max-width: 767px) {

	/* ── tokens ── */
	:root {
		--header-height: 60px;
		--space-container: 16px;
		--lnb-height: 44px;
		--pz-col-gap: 24px;
		--type-h1-size: 26px;
		--type-h1-lh: 34px;
		--type-h2-size: 22px;
		--type-h2-lh: 30px;
		--type-h3-size: 18px;
		--type-h3-lh: 26px;
		--type-h4-size: 16px;
		--type-h4-lh: 24px;
		--type-body-lg-size: 15px;
		--type-body-lg-lh: 24px;
		--type-body-size: 14px;
		--type-body-lh: 22px;
		--type-body-sm-size: 13px;
		--type-body-sm-lh: 20px;
		--type-caption-size: 11px;
		--type-caption-lh: 18px;
		--type-eyebrow-size: 11px;
		--type-button-size: 13px;
	}
	#container {
		--sec-gap-eyebrow: 8px;
		--sec-gap-heading: 12px;
		--sec-gap-desc-btn: 24px;
		--sec-gap-title: 10px;
		--sec-gap-title-desc: 10px;
	}
	body, input, textarea, select, button, table { font-size: 14px; }

	/* ── common ── */
	.ox-hero__inner,
	.ox-brand__grid,
	.pz-interior__grid,
	.pz-support__grid,
	#footer > .contain { padding-left: var(--space-container); padding-right: var(--space-container); }

	.btn-pack.medium { height: 44px; padding: 0 18px; gap: 6px; font-size: 14px; }
	.ox-brand .btn-pack.medium { height: 44px; }
	.btn-pack.large { min-width: 110px; height: 44px; padding: 0 16px; font-size: 14px; line-height: 42px; }
	.btn-pack__icon { transform: scale(0.85); }

	.sec-eyebrow,
	#container .pz-company .sec-eyebrow { font-size: 11px; letter-spacing: 0.1em; }
	.sec-heading,
	#container .sec-heading { font-size: 22px; line-height: 1.36; }
	.pz-sec-title { font-size: 22px; line-height: 1.36; }
	#container .ox-hero__desc,
	#container .sec-desc,
	#container .pz-sec-desc,
	#container .ox-cats__desc { font-size: 14px; line-height: 1.6; }

	/* ── header ── */
	#header .site-logo__img { height: 24px; }
	.btn-m-menu { width: 22px; height: 22px; }
	.btn-m-menu div { gap: 6px; }

	.mobile-navigation { width: 82%; max-width: 300px; }
	.mobile-navigation .home { height: 60px; padding: 0 16px; font-size: 16px; }
	.mobile-navigation .close { top: 17px; right: 14px; width: 22px; height: 22px; }
	.mobile-navigation .close:before,
	.mobile-navigation .close:after { top: 10px; height: 2px; }
	.mobile-navigation .nav-menu>ul>li>a { padding: 12px 44px 12px 16px; font-size: 15px; }
	.mobile-navigation .nav-menu>ul>li>a:after { right: 18px; width: 8px; height: 8px; }
	.mobile-navigation .nav-menu .submenu { font-size: 14px; }
	.mobile-navigation .nav-menu .submenu ul li a { padding: 10px 16px 10px 24px; }
	.mobile-navigation .nav-menu .submenu ul li.submenu-group-title > a { padding: 10px 16px; font-size: 12px; }

	/* ── main visual ── */
	.ox-hero { height: 150vw; min-height: 0; }
	.ox-hero__title,
	#container .ox-hero__title { font-size: 26px; line-height: 1.3; margin-bottom: 10px; }
	#container .ox-hero__desc { max-width: none; margin-bottom: 24px; color: rgba(255,255,255,0.82); }
	.ox-hero__btns { gap: 8px; }
	.ox-hero__btns .btn-pack.medium { height: 40px; padding: 0 16px; font-size: 13px; }
	.ox-hero__dots { bottom: 16px; gap: 6px; }

	/* ── main sections ── */
	.ox-brand { gap: 32px; padding: 56px 0 28px; }
	.ox-brand__grid { gap: 28px; }

	.ox-cats__col { height: 180px; padding: 20px; }
	.ox-cats__num { font-size: 12px; margin-bottom: 6px; }
	.ox-cats__name,
	#container .ox-cats__name { font-size: 20px; margin-bottom: 6px; }
	.ox-cats__foot { gap: 12px; }

	.ox-marquee__strip img { height: 34px; }

	.pz-interior { padding: 56px 0; }
	.pz-interior__grid { gap: 28px; }
	.pz-interior__media { height: 220px; border-radius: 12px; }

	.pz-partners { padding: 56px 0; }
	.pz-partners__head { margin: 0 auto 28px; }
	.pz-partners__strip { margin-bottom: 28px; }
	.pz-partners__strip .swiper-slide { width: 220px; }
	.pz-partners__card { height: 160px; border-radius: 12px; }
	.pz-partners__chip { top: 10px; left: 10px; padding: 4px 10px; font-size: 12px; }
	.pz-partners__name { margin-top: 8px; font-size: 15px; }

	.pz-support { padding: 56px 0; }
	.pz-support__grid { gap: 28px; }
	.pz-support__tiles { gap: 12px; }
	.pz-support__tile--lg,
	.pz-support__tile--sm { height: 140px; border-radius: 12px; }
	.pz-support__tile--lg .pz-cats__body,
	.pz-support__tile--sm .pz-cats__body { padding: 18px 20px; }
	.pz-support__tile .pz-cats__name,
	.pz-support__tile--lg .pz-cats__name,
	.pz-support__tile--sm .pz-cats__name { font-size: 20px; }
	.pz-cats__num { font-size: 12px; }
	.pz-cats__desc { font-size: 12px; }

	/* ── floating ── */
	.floating-btns { right: 12px; bottom: 12px; gap: 8px; }
	.floating-btns__btn { width: 46px; height: 46px; }
	.floating-btns__btn--youtube img { width: 22px; }
	.floating-btns__btn--top { font-size: 12px; }

	/* ── footer ── */
	#footer { padding: 44px 0 0; }
	.pz-footer__top { gap: 28px; padding-bottom: 28px; }
	.pz-footer__logo-link { margin-bottom: 14px; }
	.pz-footer__logo { height: 30px; }
	.pz-footer__slogan { font-size: 15px; }
	.pz-footer__brand .btn-pack { margin-top: 20px; }
	.pz-footer__brand .btn-pack.medium { height: 40px; padding: 0 16px; font-size: 13px; }
	.pz-footer__info { font-size: 12px; line-height: 20px; }
	.pz-footer__bar { flex-direction: column; align-items: flex-start; gap: 8px; padding: 14px 0 18px; font-size: 12px; }
	.pz-footer__links { display: flex; flex-wrap: wrap; gap: 4px 14px; }
	#footer .copyright { font-size: 12px; line-height: 18px; }

	/* ── sub layout ── */
	.sub-visual { height: 150px; }
	.sub-visual h2 { font-size: 26px; }
	.lnb ul { overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	.lnb ul::-webkit-scrollbar { display: none; }
	.lnb ul li { flex: 1 0 auto; }
	.lnb ul li a { height: 44px; padding: 0 14px; font-size: 13px; white-space: nowrap; }

	#contArea .sub-title { padding: 40px 0 24px; }
	#contArea:has(.pz-product-panels) .sub-title { padding-bottom: 20px; }
	.sub-title h2 { font-size: 22px; }
	#contArea:has(.pz-product-view) .real-cont { padding-top: 32px; }
	#container.pz-sub-section { padding-bottom: 56px; }
	.real-cont { min-height: 200px; }

	/* ── product / gallery list ── */
	.real-cont ul.tabs.pz-product-tabs { gap: 6px; margin: 0 0 24px; }
	.real-cont ul.tabs.pz-product-tabs > li > a { height: 34px; padding: 2px 14px; font-size: 13px; }
	.real-cont .gallery-list ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; margin: 0 0 36px; }
	.real-cont .gallery-list ul li .thumb { margin-bottom: 8px; }
	#contArea:has(.pz-product-panels) .gallery-list ul li .thumb { margin-bottom: 10px; border-radius: 12px; }
	.real-cont .gallery-list ul li .tit,
	#contArea:has(.pz-product-panels) .gallery-list ul li .tit { font-size: 14px; }
	.real-cont .gallery-list ul li .date { font-size: 12px; }

	/* ── product view ── */
	.pz-product-view__hero { gap: 24px; margin-bottom: 40px; }
	.pz-product-view__info { gap: 20px; }
	.pz-product-view__title { font-size: 22px; }
	.pz-product-view__label { margin-bottom: 10px; font-size: 14px; }
	.pz-product-view__spec-name { font-size: 13px; }
	.pz-product-view__spec-list { gap: 10px; }
	.pz-product-view__spec-list li { padding-bottom: 10px; }
	.pz-product-view__detail-title { font-size: 20px; line-height: 28px; margin-bottom: 16px; }
	.pz-product-view__detail-inner { gap: 16px; }
	.pz-product-view__editor { min-height: 0; }
	.pz-product-view__editor-placeholder { font-size: 16px; line-height: 24px; }
	.pz-product-view__actions { padding-top: 32px; }
	.pz-product-view__actions .btn-pack.medium { max-width: 200px; }

	/* ── quote ── */
	.pz-quote__grid { gap: 32px; }
	.pz-quote__title { font-size: 18px; }
	.pz-quote__form .pz-quote__title { margin-bottom: 16px; padding-bottom: 12px; }
	.pz-quote__empty { padding: 24px 16px; font-size: 13px; }
	.pz-quote__item { grid-template-columns: 60px minmax(0, 1fr); gap: 12px; }
	.pz-quote__thumb { width: 60px; height: 60px; }
	.pz-quote-field { margin-bottom: 14px; }
	.pz-quote-popup__panel { padding: 28px 18px 20px; }
	.pz-quote-popup__title { font-size: 19px; }
	.pz-quote-popup__actions .btn-pack.medium { min-height: 44px; }

	/* ── board ── */
	.input { height: 40px; padding: 0 12px; font-size: 14px; }
	textarea.input { height: auto; padding: 10px 12px; }
	.real-cont .board-search { margin-bottom: 16px; }
	.real-cont .board-search .search .btn-pack.medium.dark { height: 40px; padding: 0 16px; font-size: 13px; }
	.real-cont .board-list { margin-bottom: 24px; }

	.real-cont .board-list--table .board-table-wrap { overflow: visible; }
	.real-cont .board-list--table .board-table { min-width: 0 !important; width: 100%; table-layout: fixed; }
	.real-cont .board-list--table .board-table colgroup { display: none; }
	.real-cont .board-list--table .board-table th:nth-child(3),
	.real-cont .board-list--table .board-table td:nth-child(3),
	.real-cont .board-list--table .board-table th:nth-child(4),
	.real-cont .board-list--table .board-table td:nth-child(4),
	.real-cont .board-list--table .board-table th:nth-child(6),
	.real-cont .board-list--table .board-table td:nth-child(6) { display: none; }
	.real-cont .board-list--table .board-table th:nth-child(1),
	.real-cont .board-list--table .board-table tbody td:nth-child(1) { width: 48px; min-width: 48px; max-width: 48px; padding-left: 0; padding-right: 0; }
	.real-cont .board-list--table .board-table th:nth-child(2),
	.real-cont .board-list--table .board-table tbody td.title { width: auto; min-width: 0; max-width: 0; }
	.real-cont .board-list--table .board-table th:nth-child(5),
	.real-cont .board-list--table .board-table td:nth-child(5) { width: 82px; padding-left: 4px; padding-right: 0; font-size: 12px; white-space: nowrap; }
	.real-cont .board-list--table .board-table thead th,
	.real-cont .board-list--table .board-table tbody td { padding-top: 12px; padding-bottom: 12px; font-size: 13px; }
	.real-cont .board-list--table .board-title { display: flex; align-items: center; gap: 4px; min-width: 0; }
	.real-cont .board-list--table .board-title a { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
	.real-cont .board-list--table .cs-badge { padding: 2px 6px; font-size: 11px; }

	.real-cont .paginate.pf-paginate { gap: 14px; flex-wrap: nowrap; margin-top: 32px; }
	.real-cont .paginate.pf-paginate .pf-paginate-arrows--prev { width: 44px; }
	.real-cont .paginate.pf-paginate .pf-paginate-arrows--next { gap: 20px; }
	.real-cont .paginate.pf-paginate .pf-paginate-arrow,
	.real-cont .paginate.pf-paginate .pf-paginate-arrow img { width: 14px; height: 14px; }
	.real-cont .paginate.pf-paginate .pf-paginate-nums { gap: 4px; flex-wrap: nowrap; }
	.real-cont .paginate.pf-paginate .pf-paginate-nums a,
	.real-cont .paginate.pf-paginate .pf-paginate-nums strong { min-width: 30px; height: 30px; padding: 0 8px; border-radius: 15px; font-size: 13px; line-height: 30px; }

	.board-view-tit { padding: 14px 4px; }
	.board-view-tit h3 { font-size: 17px; line-height: 1.45; }
	.board-view-info { padding: 10px 4px; font-size: 12px; }
	.board-view-cnt { padding: 16px 4px 32px; font-size: 14px; }
	.ox-board-extra { grid-template-columns: 1fr; gap: 0; }
	.board-prev-next { font-size: 13px; }
	.board-prev-next dt { width: 60px; }

	/* ── company ── */
	.pz-company-intro { padding: 44px 0 48px; }
	.pz-company-intro__title,
	.pz-company-org__title,
	.pz-org-chart .pz-company-org__title,
	.pz-company-location__title,
	.pz-cert__title { margin-bottom: 28px; font-size: 22px; line-height: 30px; }
	.pz-company-intro__grid { gap: 24px; }
	#container .pz-company-intro__text .sec-heading { font-size: 21px; }
	.pz-company-intro__copy .sec-desc + .sec-desc { margin-top: 12px; }
	.pz-company-org { padding: 0 0 48px; }
	.pz-org-chart { padding: 28px 16px; border-radius: 16px; }
	.pz-org-chart__ceo { width: 120px; height: 120px; }
	.pz-org-chart__ceo-label { font-size: 16px; line-height: 22px; }
	.pz-org-chart__cols { gap: 20px; }
	.pz-org-chart__head--solo { min-height: 60px; }
	.pz-org-chart__head-ko { font-size: 15px; line-height: 22px; }
	.pz-org-chart__head-en { font-size: 12px; line-height: 18px; }
	.pz-org-chart__team,
	.pz-org-chart__team-label { min-height: 48px; font-size: 14px; line-height: 20px; }
	.pz-org-chart__subteam { padding: 8px; font-size: 12px; line-height: 18px; }
	.pz-company-location { padding: 0 0 56px; }
	.pz-company-location__chips { gap: 6px; margin-bottom: 24px; }
	.pz-company-location__item { gap: 20px; }
	.pz-company-location__name { font-size: 22px; }

	.pz-cert__section { padding: 44px 0 56px; }
	.pz-cert-list { row-gap: 24px; column-gap: 12px; }
	.pz-cert-item {
		flex-basis: calc((100% - 12px) / 2);
		max-width: calc((100% - 12px) / 2);
	}
	.pz-cert-item__name { font-size: 13px; }

	.pz-customer__section { padding: 44px 0 56px; }
	.pz-customer__title { margin-bottom: 12px; }
	.pz-customer__lead { margin-bottom: 28px; font-size: 13px; }
	.pz-customer-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.pz-customer-card { padding: 20px 12px; gap: 12px; border-radius: 12px; }
	.pz-customer-card__num { width: 34px; height: 34px; font-size: 13px; }
	.pz-customer-card__title { font-size: 14px; line-height: 20px; }
	.pz-customer-card__desc { font-size: 12px; line-height: 18px; }
}