/* =====================================================
   공통: Robotics / XoundR / Sky Landing 페이지
   - 공통 CSS 700 → 500 오버라이드
   ===================================================== */
.product_robotics .tit01 {
	font-weight: 500;
}

.product_xoundr .tit01,
.product_sky_landing .tit01 {
	font-weight: 500;
}

.product_robotics .tit02 {
	font-weight: 500;
}

.product_xoundr .tit02,
.product_sky_landing .tit02 {
	font-weight: 500;
}

.product_robotics .sidebar__inner .tit01,
.product_xoundr .sidebar__inner .tit01,
.product_sky_landing .sidebar__inner .tit01 {
	font-size: 36px;
	line-height: 48px;
}

.product_robotics .con_wrap02 .left_menu ul li,
.product_xoundr .con_wrap02 .left_menu ul li,
.product_sky_landing .con_wrap02 .left_menu ul li {
	font-size: 18px;
	font-weight: 500;
	padding: 0;
}

.product_robotics .t_btnwrap .submenu .sidebar__inner ul li,
.product_xoundr .t_btnwrap .submenu .sidebar__inner ul li,
.product_sky_landing .t_btnwrap .submenu .sidebar__inner ul li {
	padding: 0;
}

.product_sky_landing .con_wrap02 .left_menu {
	top: 0;
}

html.page-new-product .top_header,
.product_robotics .t_btnwrap,
.product_xoundr .t_btnwrap,
.product_sky_landing .t_btnwrap {
	height: 88px;
}

/* 글로벌 GNB (모든 데스크탑 구간 정중앙 정렬 유지) */
html.page-new-product .top_header .top_logo,
html.page-new-product .top_header .h_top_menu {
	flex: 1;
}
html.page-new-product .top_header .top_logo {
	text-align: left;
}

html.page-new-product #gnb ul.g_dep01>li>a {
	padding: 0 40px;
	line-height: 88px;
}

.product_robotics .t_btnwrap .submenu ul li a,
.product_xoundr .t_btnwrap .submenu ul li a,
.product_sky_landing .t_btnwrap .submenu ul li a {
	font-size: 16px;
	height: 88px;
}

.product_robotics .t_btnwrap .submenu ul li,
.product_xoundr .t_btnwrap .submenu ul li,
.product_sky_landing .t_btnwrap .submenu ul li {
	margin-right: 60px;
}

.product_robotics .t_btnwrap .r_btn>ul>li,
.product_xoundr .t_btnwrap .r_btn>ul>li,
.product_sky_landing .t_btnwrap .r_btn>ul>li {
	width: 56px;
	height: 56px;
	line-height: 56px;
}

.product_robotics .t_btnwrap .r_btn .go_share,
.product_robotics .t_btnwrap .r_btn .go_print,
.product_xoundr .t_btnwrap .r_btn .go_share,
.product_xoundr .t_btnwrap .r_btn .go_print,
.product_sky_landing .t_btnwrap .r_btn .go_share,
.product_sky_landing .t_btnwrap .r_btn .go_print {
	background-size: 32px auto;
}

.product_robotics .con_wrap02 .con_r_wrap .conbox .tit02,
.product_xoundr .con_wrap02 .con_r_wrap .conbox .tit02,
.product_sky_landing .con_wrap02 .con_r_wrap .conbox .tit02 {
	margin-bottom: 60px;
}

.product_robotics .sect01.bg,
.product_xoundr .sect01.bg,
.product_sky_landing .sect01.bg {
	background: url(/assets/img/front/section_bg.png) center center no-repeat;
	background-size: cover;
	height: 480px;
	margin-bottom: 100px;
}

.product_robotics .breadcrumb ul li:last-child,
.product_xoundr .breadcrumb ul li:last-child,
.product_sky_landing .breadcrumb ul li:last-child {
	font-weight: 500;
}

.product_robotics .breadcrumb,
.product_xoundr .breadcrumb,
.product_sky_landing .breadcrumb {
	margin-bottom: 24px;
}

.product_robotics .top_title .tit01,
.product_xoundr .top_title .tit01,
.product_sky_landing .top_title .tit01 {
	margin-bottom: 60px;
}

.product_robotics .t_btnwrap,
.product_xoundr .t_btnwrap,
.product_sky_landing .t_btnwrap {
	margin-bottom: 60px;
	height: 88px;
}

.product_robotics .t_btnwrap .d_flex_sb,
.product_xoundr .t_btnwrap .d_flex_sb,
.product_sky_landing .t_btnwrap .d_flex_sb {
	height: 100%;
	align-items: center;
}

.product_robotics .t_btnwrap .submenu ul li a,
.product_xoundr .t_btnwrap .submenu ul li a,
.product_sky_landing .t_btnwrap .submenu ul li a {
	font-weight: 500;
	padding: 0;
	height: 88px;
	display: inline-flex;
	align-items: center;
	position: relative; /* ::after 를 a 기준으로 고정 (텍스트 너비만 커버) */
}

/* active / hover underline — position:relative 된 a 기준, 텍스트 너비만 */
.product_robotics .t_btnwrap .submenu ul li.active a:after,
.product_xoundr .t_btnwrap .submenu ul li.active a:after,
.product_sky_landing .t_btnwrap .submenu ul li.active a:after,
.product_robotics .t_btnwrap .submenu ul li:hover a:after,
.product_xoundr .t_btnwrap .submenu ul li:hover a:after,
.product_sky_landing .t_btnwrap .submenu ul li:hover a:after,
.product_robotics .t_btnwrap .submenu ul li:focus a:after,
.product_xoundr .t_btnwrap .submenu ul li:focus a:after,
.product_sky_landing .t_btnwrap .submenu ul li:focus a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	border-bottom: 2px solid #fc8500;
}

/* btn_arrow_dn — page-new-product 에서 항상 숨김 */
.product_robotics .t_btnwrap .btn_arrow_dn,
.product_xoundr .t_btnwrap .btn_arrow_dn,
.product_sky_landing .t_btnwrap .btn_arrow_dn {
	display: none !important;
}

/* submenu 좌우 그라데이션 제거 */
.product_robotics .t_btnwrap .submenu:before,
.product_xoundr .t_btnwrap .submenu:before,
.product_sky_landing .t_btnwrap .submenu:before,
.product_robotics .t_btnwrap .submenu:after,
.product_xoundr .t_btnwrap .submenu:after,
.product_sky_landing .t_btnwrap .submenu:after {
	content: none !important;
}

/* 이미지 그레이스케일 제거 */
.product_robotics .inner img,
.product_xoundr .inner img,
.product_sky_landing .inner img {
	filter: none !important;
}

/* =====================================================
   버튼 컴포넌트: .np_btn (기본 48px)
   ===================================================== */
.product_robotics .np_btn,
.product_xoundr .np_btn,
.product_sky_landing .np_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 48px;
	padding: 0 20px 0 24px;
	border: 1px solid #000;
	border-radius: 100px;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: #000;
	text-decoration: none;
	transition: background-color 0.2s, color 0.2s;
}

.product_robotics .np_btn i,
.product_xoundr .np_btn i,
.product_sky_landing .np_btn i {
	font-size: 20px;
}

.product_robotics .np_btn:hover,
.product_xoundr .np_btn:hover,
.product_sky_landing .np_btn:hover {
	background-color: #000;
	color: #fff;
}

/* =====================================================
   네비게이션 컴포넌트: .np_nav_btn (기본 48px)
   ===================================================== */
.product_robotics .np_nav_btn,
.product_xoundr .np_nav_btn,
.product_sky_landing .np_nav_btn {
	width: 48px;
	height: 48px;
	border-radius: 100px;
	background: #f7f7f7;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #000;
	transition: background 0.2s;
}

.product_robotics .np_nav_btn:hover,
.product_xoundr .np_nav_btn:hover,
.product_sky_landing .np_nav_btn:hover {
	background: #e0e0e0;
}

.product_robotics .np_nav_btn.swiper-button-disabled,
.product_xoundr .np_nav_btn.swiper-button-disabled,
.product_sky_landing .np_nav_btn.swiper-button-disabled {
	opacity: 0.2;
	cursor: default;
}

/* =====================================================
   공유 디자인 토큰 — html.page-new-product
   ===================================================== */
html.page-new-product {
	--np-radius: 16px;
	--np-title-size: 36px;
	--np-title-lh: 48px;
	--np-sub-size: 20px;
	--np-sub-lh: 28px;
	--np-sect-gap: 60px;
	--np-sect-pb: 100px;
	--np-grid-gap: 24px;
}

/* =====================================================
   공유 컴포넌트 — np_sect / np_header / np_media / np_features / np_feature
   ===================================================== */
/* 섹션 */
.np_sect {
	display: flex;
	flex-direction: column;
	gap: var(--np-sect-gap);
	padding-bottom: var(--np-sect-pb);
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: var(--np-sect-pb);
}

.np_sect--last {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* 헤더 */
.np_header {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.np_title {
	font-size: var(--np-title-size);
	font-weight: 500;
	line-height: var(--np-title-lh);
	color: #000;
	margin: 0;
}

.np_subtitle,
.np_desc {
	font-size: var(--np-sub-size);
	font-weight: 500;
	line-height: var(--np-sub-lh);
	color: #000;
	margin: 0;
}

/* 피처 */
.np_features {
	display: flex;
	gap: var(--np-grid-gap);
}

.np_feature {
	flex: 1 0 0;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.np_feature>i {
	font-size: 40px;
	color: #000;
}

.np_feature__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.np_feature__body h3 {
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	color: #000;
	margin: 0;
}

.np_feature__body p {
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: #6e6e6e;
	margin: 0;
}

/* 미디어 컨테이너 */
.np_media {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: var(--np-radius);
	overflow: hidden;
}

.np_media img,
.np_media video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	display: block;
}

.np_media--square {
	aspect-ratio: 1 / 1;
}

.np_media--contain img {
	object-fit: contain;
}

.np_media--gray {
	background: #f7f7f7;
}

.np_media--placeholder {
	background: #d9d9d9;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* =====================================================
   헤더 / 푸터: page-new-product (html 클래스)
   ===================================================== */

/* sitemap 열렸을 때 헤더를 darkbg(z-index:90) 아래로 */
html.page-new-product:has(.sitemap_area.on) .top_header {
	z-index: 89;
}

/* 헤더 - GNB */
.page-new-product #gnb ul.g_dep01>li>a {
	font-weight: 500 !important;
	padding: 0 32px;
}

.page-new-product #gnb ul.g_dep02>li>a {
	font-weight: 500 !important;
	text-align: left;
}

.page-new-product #gnb ul.g_dep03>li>a {
	text-align: left;
}

.page-new-product #gnb ul.g_dep03>li:hover,
.page-new-product #gnb ul.g_dep03>li:focus {
	font-weight: 500 !important;
}

/* 헤더 - 상단 메뉴 */
.page-new-product .h_top_menu ul.h_news_list li .txt .title,
.page-new-product .h_top_menu ul.h_lang_select li {
	font-weight: 500 !important;
}

.page-new-product .h_top_menu .srch_form .srch_bg input {
	font-weight: 500 !important;
}

.page-new-product .h_top_menu .srch_form .srch_bg input::-webkit-input-placeholder {
	font-weight: 500 !important;
}

.page-new-product .h_top_menu .srch_form .srch_bg input::-moz-placeholder {
	font-weight: 500 !important;
}

.page-new-product .h_top_menu .srch_form .srch_bg input:-ms-input-placeholder {
	font-weight: 500 !important;
}

.page-new-product .h_top_menu .srch_form .srch_bg input::placeholder {
	font-weight: 500 !important;
}

/* 헤더 - 사이트맵 */
.page-new-product .sitemap_area ul.st_dep01>li>a,
.page-new-product .sitemap_area ul.st_dep02>li,
.page-new-product .sitemap_area ul.st_dep03>li:hover a,
.page-new-product .sitemap_area ul.st_dep03>li:focus a {
	font-weight: 500 !important;
}

.page-new-product .sitemap_mo ul.m_news_list li .txt .title,
.page-new-product .sitemap_mo .lang_mo ul li {
	font-weight: 500 !important;
}

/* 푸터 */
.page-new-product footer .f_info_wrap .f_info .slogan,
.page-new-product footer .f_info_wrap address .company,
.page-new-product footer .f_info_wrap .f_menu ul.f_dep01>li>a,
.page-new-product footer .f_info_wrap .f_menu ul.f_dep02 li:hover a,
.page-new-product footer .sns_wrap .sns_btn h2,
.page-new-product footer .sns_wrap .fam_site .title,
.page-new-product footer .sns_wrap .fam_site ul.fam_site_list li,
.page-new-product footer .sns_wrap .fam_site ul.fam_site_list li a,
.page-new-product footer .f_btm_menu ul li:hover a {
	font-weight: 500 !important;
}

/* =====================================================
   GNB 스크롤 hide/show — 전 구간 공통
   ===================================================== */
.page-new-product .top_header {
	transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media screen and (min-width: 769px) {
	/* t_btnwrap: 항상 top:0, GNB가 위에 쌓임 (애니메이션 제거) */
	.page-new-product .t_btnwrap.fixed {
		top: 0 !important;
		transition: none !important;
		animation: none !important;
	}

	/* left_menu: 애니메이션 제거 */
	.page-new-product .con_wrap02 .left_menu.fixed {
		transition: none !important;
		animation: none !important;
	}
}
/* =====================================================
   반응형: ≤1550px — 헤더 메뉴 깨짐 영구 방지 (심볼 로고 조기 도입)
   ===================================================== */
@media screen and (max-width: 1550px) {

	/* 1550px 이하부터 로고를 심볼로 전환하고 크기를 26px로 세팅하여 양옆 공간 확보 */
	html.page-new-product .top_header .top_logo a {
		width: auto;
		height: 26px;
		aspect-ratio: 74 / 20;
		background: url(/assets/img/front/mobile-logo.svg) 0% 0% / 100% 100% no-repeat;
	}

	/* GNB 메뉴 자체의 패딩도 살짝 줄여서 메뉴 텍스트 간 숨통 확보 */
	html.page-new-product #gnb ul.g_dep01>li>a {
		padding: 0 30px;
	}
}

/* =====================================================
   반응형: ≤1280px — 헤더 60px 구간, t_btnwrap 60px 맞춤
   ===================================================== */
@media screen and (max-width: 1280px) {

	.product_robotics .sidebar__inner .tit01,
	.product_xoundr .sidebar__inner .tit01,
	.product_sky_landing .sidebar__inner .tit01 {
		font-size: 1.625rem;
		line-height: 2.25rem;
	}

	/* 1024~1280px 구간에서도 헤더 풀사이즈 88px 유지 */
	html.page-new-product .top_header,
	.product_robotics .t_btnwrap,
	.product_xoundr .t_btnwrap,
	.product_sky_landing .t_btnwrap {
		height: 88px;
	}

	.product_robotics .t_btnwrap .submenu ul li a,
	.product_xoundr .t_btnwrap .submenu ul li a,
	.product_sky_landing .t_btnwrap .submenu ul li a {
		height: 88px;
	}

	.product_robotics .t_btnwrap .submenu ul li,
	.product_xoundr .t_btnwrap .submenu ul li,
	.product_sky_landing .t_btnwrap .submenu ul li {
		margin-right: 40px;
	}

	/* 글로벌 GNB — 88px 헤더 기준 유지 (content.css의 66px 축소 오버라이드) */
	html.page-new-product #gnb ul.g_dep01>li>a {
		font-size: 1.125rem;
		padding: 0 20px;
		line-height: 88px;
	}
	html.page-new-product #gnb ul.g_dep02 { top: 88px; }
	html.page-new-product .top_header .navbg { top: 88px; }

	/* 아이콘 — 88px 헤더에 맞는 크기 유지 */
	html.page-new-product .top_header .h_top_menu ul.h_dep01 > li {
		width: 56px;
		height: 56px;
		margin-left: 0;
	}
	html.page-new-product .top_header .h_top_menu ul.h_dep01 > li > a {
		font-size: 1.5rem;
		line-height: 56px;
	}

	/* 로고 — 심볼 좌측 정렬 */
	html.page-new-product .top_header .top_logo {
		text-align: left;
	}

	/* xoundr 씨어터 info (np_feature__body 미적용 영역) */
	.product_xoundr .xoundr_theater__info h3 {
		font-size: 16px;
		line-height: 24px;
	}

	.product_xoundr .xoundr_theater__info p {
		font-size: 14px;
		line-height: 24px;
	}

	/* sl_ page-specific (np_ 미적용 영역) */
	.product_sky_landing .sl_sidebar_sub {
		font-size: 18px;
		line-height: 28px;
	}

	.product_sky_landing .sl_app_card__info h3,
	.product_sky_landing .sl_app_feature__body h3,
	.product_sky_landing .sl_install_card__info h4,
	.product_sky_landing .sl_ref_card__title,
	.product_sky_landing .sl_stat__label,
	.product_sky_landing .sl_sidebar .sl_sidebar_ext {
		font-size: 16px;
		line-height: 24px;
	}

	.product_sky_landing .sl_app_card__info p,
	.product_sky_landing .sl_app_feature__body p,
	.product_sky_landing .sl_install_card__info ul li {
		font-size: 14px;
		line-height: 24px;
	}

	.product_sky_landing .sl_install__title {
		font-size: 22px;
		line-height: 32px;
	}

	/* ≤1280px 공유 토큰 */
	html.page-new-product {
		--np-radius: 14px;
		--np-title-size: 26px;
		--np-title-lh: 36px;
		--np-sub-size: 18px;
		--np-sub-lh: 28px;
		--np-sect-gap: 36px;
		--np-sect-pb: 60px;
		--np-grid-gap: 20px;
	}

	/* sect01.bg */
	.product_robotics .sect01.bg,
	.product_xoundr .sect01.bg,
	.product_sky_landing .sect01.bg {
		margin-bottom: 60px;
	}

	/* 공유 컴포넌트 오버라이드 */
	.np_header {
		gap: 12px;
	}

	.np_feature>i {
		font-size: 32px;
	}

	.np_feature__body h3 {
		font-size: 16px;
		line-height: 24px;
	}

	.np_feature__body p {
		font-size: 14px;
		line-height: 24px;
	}

	.np_subtitle,
	.np_desc {
		font-size: 18px;
		line-height: 28px;
	}

	/* xoundr 씨어터 */
	.product_xoundr .xoundr_theater {
		gap: 16px;
	}

	.product_xoundr .xoundr_theater__info {
		gap: 4px;
	}

	/* sky landing 그리드 gap */
	.product_sky_landing .sl_app_grid,
	.product_sky_landing .sl_ref_grid,
	.product_sky_landing .sl_install_grid {
		gap: 20px;
	}
}

/* =====================================================
   반응형: ≤1024px
   ===================================================== */
@media screen and (max-width: 1024px) {

	html.page-new-product .top_header {
		height: 60px;
	}

	html.page-new-product .top_header .top_logo a {
		height: 20px;
	}

	.product_robotics .t_btnwrap,
	.product_xoundr .t_btnwrap,
	.product_sky_landing .t_btnwrap {
		height: 60px;
		margin-bottom: 36px;
	}

	/* GNB가 hidden되는 구간 — flex:1 센터링 불필요, 자연 레이아웃으로 복귀 */
	html.page-new-product .top_header .top_logo,
	html.page-new-product .top_header .h_top_menu {
		flex: none;
	}

	html.page-new-product .top_header .h_top_menu ul.h_dep01 > li {
		width: 32px;
		height: 32px;
		margin-left: 16px;
	}
	html.page-new-product .top_header .h_top_menu ul.h_dep01 > li > a {
		font-size: 1.25rem;
		line-height: 32px;
	}

	.product_robotics .t_btnwrap .submenu ul li a,
	.product_xoundr .t_btnwrap .submenu ul li a,
	.product_sky_landing .t_btnwrap .submenu ul li a {
		height: 60px;
		font-size: 14px;
		padding: 0 !important;
	}

	.product_robotics .t_btnwrap .submenu ul li,
	.product_xoundr .t_btnwrap .submenu ul li,
	.product_sky_landing .t_btnwrap .submenu ul li {
		margin-right: 36px;
	}

	.product_robotics .t_btnwrap .r_btn>ul>li,
	.product_xoundr .t_btnwrap .r_btn>ul>li,
	.product_sky_landing .t_btnwrap .r_btn>ul>li {
		width: 48px;
		height: 48px;
		line-height: 48px;
	}

	.product_robotics .t_btnwrap .r_btn .go_share,
	.product_robotics .t_btnwrap .r_btn .go_print,
	.product_xoundr .t_btnwrap .r_btn .go_share,
	.product_xoundr .t_btnwrap .r_btn .go_print,
	.product_sky_landing .t_btnwrap .r_btn .go_share,
	.product_sky_landing .t_btnwrap .r_btn .go_print {
		background-size: 28px auto;
	}

	.product_robotics .breadcrumb,
	.product_xoundr .breadcrumb,
	.product_sky_landing .breadcrumb {
		margin-top: 36px;
		margin-bottom: 12px;
	}

	.product_robotics .top_title .tit01,
	.product_xoundr .top_title .tit01,
	.product_sky_landing .top_title .tit01 {
		margin-bottom: 36px;
	}

	.product_robotics .sect01.bg,
	.product_xoundr .sect01.bg,
	.product_sky_landing .sect01.bg {
		height: 312px;
		margin-bottom: 60px;
	}

	.product_robotics .sect01.bg .tit01,
	.product_xoundr .sect01.bg .tit01,
	.product_sky_landing .sect01.bg .tit01 {
		font-size: 36px;
		line-height: 48px;
	}

	.product_robotics .np_btn,
	.product_xoundr .np_btn,
	.product_sky_landing .np_btn {
		height: 40px;
		padding: 0 16px 0 20px;
		gap: 6px;
		font-size: 14px;
		line-height: 24px;
	}

	.product_robotics .np_btn i,
	.product_xoundr .np_btn i,
	.product_sky_landing .np_btn i {
		font-size: 16px;
	}

	.product_robotics .np_nav_btn,
	.product_xoundr .np_nav_btn,
	.product_sky_landing .np_nav_btn {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}

	/* ≤1024px 공유 토큰 */
	html.page-new-product {
		--np-radius: 12px;
	}

	/* np_ 공유: subtitle/desc 18→16, features 2칼럼 wrap */
	.np_subtitle,
	.np_desc {
		font-size: 16px;
		line-height: 24px;
	}

	.np_features {
		flex-wrap: wrap;
	}

	.np_feature {
		flex: 1 0 calc(50% - 12px);
		max-width: calc(50% - 12px);
	}

	/* sl_ page-specific step-down */
	.product_sky_landing .sl_sidebar_sub {
		font-size: 16px;
		line-height: 24px;
	}

	.product_sky_landing .sl_install__title {
		font-size: 20px;
		line-height: 30px;
	}

	/* 1024px QA 반영사항 */
	.xoundr_logo {
		height: 40px !important;
	}

	.sl_chip_logo--inno {
		height: 20px !important;
	}

	.sl_chip_logo--partner {
		height: 24px !important;
	}

	.sl_badge {
		height: 20px !important;
		font-size: 12px !important;
		padding: 0 6px !important;
		line-height: 20px !important;
	}

	.sl_chip {
		gap: 8px !important;
	}

	.sl_chip_union {
		height: 16px !important;
	}

	.product_robotics .sidebar__inner .tit01,
	.product_xoundr .sidebar__inner .tit01,
	.sl_sidebar_header {
		margin-bottom: 36px !important;
	}

	.product_robotics .con_wrap02 .left_menu ul li,
	.product_xoundr .con_wrap02 .left_menu ul li,
	.product_sky_landing .con_wrap02 .left_menu ul li {
		font-size: 16px !important;
		margin-bottom: 8px !important;
	}

	.product_sky_landing .sl_stat__num {
		font-size: 40px;
		line-height: 48px;
	}

	/* r_util_icons 태블릿 */
	html.page-new-product .r_util_icons {
		right: 12px;
		bottom: 12px;
		width: 48px;
	}
	html.page-new-product .r_util_icons .u_btn {
		width: 48px;
		height: 48px;
	}
	html.page-new-product .r_util_icons .btn_util {
		margin-bottom: 8px;
	}
	html.page-new-product .r_util_icons ul {
		bottom: 104px;
	}
	html.page-new-product .r_util_icons ul li {
		height: 48px;
		margin-top: 8px;
	}
	html.page-new-product .r_util_icons ul li a {
		width: 48px;
		height: 48px;
	}
	html.page-new-product .r_util_icons ul li.on a {
		height: 48px;
	}
}

/* =====================================================
   반응형: ≤700px — content.css .inner 86.66% 오버라이드
   ===================================================== */
@media screen and (max-width: 700px) {
	html.page-new-product .inner {
		width: 92%;
		max-width: 1560px;
	}
}

/* =====================================================
   반응형: ≤768px
   ===================================================== */
@media screen and (max-width: 768px) {

	/* content.css: .sb_container > .inner { width:100%; max-width:100% } 오버라이드 */
	html.page-new-product .inner {
		width: 92%;
		max-width: 1560px;
	}

	/* content.css padding: 0 4% 오버라이드 — .inner가 이미 여백 담당 */
	html.page-new-product .breadcrumb,
	html.page-new-product .top_title {
		padding: 0;
	}

	/* ≤768px: 헤더 60px, t_btnwrap 60px */
	html.page-new-product .top_header {
		height: 60px;
	}
	/* t_btnwrap: .inner 92% 제약 해제 → viewport 100% 사용 */
	.product_robotics .t_btnwrap,
	.product_xoundr .t_btnwrap,
	.product_sky_landing .t_btnwrap {
		height: 60px;
		overflow: hidden;
		width: 100vw;
		margin-left: -4vw;
	}

	/* content.css ≤768px 오버라이드 — t_btnwrap 레이아웃 보존 */
	.product_robotics .t_btnwrap .wrap_inner,
	.product_xoundr .t_btnwrap .wrap_inner,
	.product_sky_landing .t_btnwrap .wrap_inner {
		display: flex;
	}
	.product_robotics .t_btnwrap .submenu,
	.product_xoundr .t_btnwrap .submenu,
	.product_sky_landing .t_btnwrap .submenu {
		padding: 0;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.product_robotics .t_btnwrap.fixed,
	.product_xoundr .t_btnwrap.fixed,
	.product_sky_landing .t_btnwrap.fixed {
		top: 0;
		margin-left: 0;
		width: 100%;
	}

	.product_robotics .t_btnwrap .submenu ul,
	.product_xoundr .t_btnwrap .submenu ul,
	.product_sky_landing .t_btnwrap .submenu ul {
		flex-wrap: nowrap;
		white-space: nowrap;
	}

	.product_robotics .t_btnwrap .submenu ul li,
	.product_xoundr .t_btnwrap .submenu ul li,
	.product_sky_landing .t_btnwrap .submenu ul li {
		margin-right: 16px;
	}
	.product_robotics .t_btnwrap .submenu ul li:last-child,
	.product_xoundr .t_btnwrap .submenu ul li:last-child,
	.product_sky_landing .t_btnwrap .submenu ul li:last-child {
		margin-right: 0;
	}

	.product_robotics .t_btnwrap .submenu ul li a,
	.product_xoundr .t_btnwrap .submenu ul li a,
	.product_sky_landing .t_btnwrap .submenu ul li a {
		height: 60px;
		white-space: nowrap;
		display: inline-flex;
		align-items: center;
		padding: 0 !important;
	}

	.product_robotics .sect01.bg,
	.product_xoundr .sect01.bg,
	.product_sky_landing .sect01.bg {
		height: 312px;
		margin-bottom: 36px;
	}

	/* ≤768px 공유 토큰 + np_ features 세로 전환 */
	html.page-new-product {
		--np-radius: 8px;
		--np-sect-gap: 40px;
		--np-grid-gap: 16px;
	}

	.np_features {
		flex-direction: column;
		flex-wrap: nowrap;
	}

	.np_feature {
		flex: 1 0 auto;
		max-width: 100%;
	}

	.page-new-product .con_wrap02 .left_menu.fixed {
		animation: none;
	}
}

/* =====================================================
   반응형: ≤600px — sidebar tit01 = .product .tit02 기준
   ===================================================== */
@media screen and (max-width: 600px) {

	.product_robotics .breadcrumb,
	.product_xoundr .breadcrumb,
	.product_sky_landing .breadcrumb {
		margin-top: 24px;
		margin-bottom: 8px;
	}

	.product_robotics .top_title .tit01,
	.product_xoundr .top_title .tit01,
	.product_sky_landing .top_title .tit01 {
		margin-bottom: 24px;
	}

	.product_robotics .t_btnwrap,
	.product_xoundr .t_btnwrap,
	.product_sky_landing .t_btnwrap {
		margin-bottom: 24px;
	}

	.product_robotics .sect01.bg,
	.product_xoundr .sect01.bg,
	.product_sky_landing .sect01.bg {
		height: 202px;
	}

	.product_robotics .sidebar__inner .tit01,
	.product_xoundr .sidebar__inner .tit01,
	.product_sky_landing .sidebar__inner .tit01 {
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.product_robotics .sidebar__inner .tit01,
	.product_xoundr .sidebar__inner .tit01,
	.sl_sidebar_header {
		margin-bottom: 24px !important;
	}

	.product_robotics .con_wrap02 .con_r_wrap .conbox .tit02,
	.product_xoundr .con_wrap02 .con_r_wrap .conbox .tit02,
	.product_sky_landing .con_wrap02 .con_r_wrap .conbox .tit02 {
		margin-bottom: 24px;
	}

	.np_header {
		gap: 8px;
	}

	.np_sect {
	/* padding-bottom: 36px; */
	/* margin-bottom: 36px; */
	}

	.np_feature {
		gap: 12px;
	}

	.np_feature__body {
		gap: 4px;
	}

	.xoundr_theaters {
		gap: 16px;
	}

	.product_xoundr .xoundr_theater {
		gap: 12px;
	}
}

/* =====================================================
   반응형: ≤480px — 모바일 (Robotics 카드 세로 전환 포함)
   ===================================================== */
@media screen and (max-width: 480px) {
	html.page-new-product {
		--np-title-size: 20px;
		--np-title-lh: 30px;
		--np-sub-size: 16px;
		--np-sub-lh: 24px;
		--np-sect-gap: 24px;
	}

	/* 모바일: 헤더·서브메뉴 56px */
	html.page-new-product .top_header {
		height: 56px;
	}
	.product_robotics .t_btnwrap,
	.product_xoundr .t_btnwrap,
	.product_sky_landing .t_btnwrap {
		height: 56px;
	}
	.product_robotics .t_btnwrap .submenu ul li a,
	.product_xoundr .t_btnwrap .submenu ul li a,
	.product_sky_landing .t_btnwrap .submenu ul li a {
		height: 56px;
	}

	.product_robotics .sect01.bg .tit01,
	.product_xoundr .sect01.bg .tit01,
	.product_sky_landing .sect01.bg .tit01 {
		font-size: 26px;
		line-height: 36px;
	}

	/* tit02 안의 <br> 모바일에서 숨김 */
	.product_robotics .conbox.box1 .tit02 br {
		display: none;
	}

	/* r_util_icons 모바일 */
	html.page-new-product .r_util_icons {
		/* right: 4px; */
		/* bottom: 4px; */
	}
}