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

.product_robotics .tit02,
.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; }

.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: flex; align-items: center; }

.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 { border-bottom: 2px solid #fc8500; }

/* 이미지 그레이스케일 제거 */
.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; }

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

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

.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 — 데스크탑 전용 (min-width: 769px)
   ===================================================== */
@media screen and (min-width: 769px) {
	.page-new-product .top_header { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

	/* t_btnwrap: 항상 top:0, GNB가 위에 쌓임 */
	.page-new-product .t_btnwrap.fixed {
		top: 0 !important;
		animation: newpage-slidein 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	/* left_menu: top 변경 시 부드럽게 */
	.page-new-product .con_wrap02 .left_menu.fixed {
		transition: top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation: newpage-slidein 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	@keyframes newpage-slidein {
		from { opacity: 0.6; transform: translateY(-8px); }
		to   { opacity: 1;   transform: translateY(0); }
	}
}


/* =====================================================
   반응형: ≤1280px — sidebar tit01 = .product .tit02 기준
   ===================================================== */
@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; }
}

/* =====================================================
   반응형: ≤1024px
   ===================================================== */
@media screen and (max-width: 1024px) {
	.product_robotics .t_btnwrap,
	.product_xoundr .t_btnwrap,
	.product_sky_landing .t_btnwrap { height: 60px; margin-bottom: 36px; }

	.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; }

	.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: 300px; margin-bottom: 60px; }

	.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; }

	/* 섹션 부제목 / 설명 20px → 16px */
	.product_xoundr .xoundr_subtitle,
	.product_xoundr .xoundr_desc p,
	.product_sky_landing .sl_subtitle,
	.product_sky_landing .sl_desc,
	.product_sky_landing .sl_sidebar_sub { font-size: 16px; line-height: 24px; }

	/* 피처 아이콘 40px → 32px */
	.product_xoundr .xoundr_feature > i,
	.product_sky_landing .sl_feature > i { font-size: 32px; }

	/* 카드/피처 서브헤딩 18px → 16px */
	.product_xoundr .xoundr_feature__body h3,
	.product_xoundr .xoundr_theater__info h3,
	.product_sky_landing .sl_feature__body h3,
	.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; }

	/* 섹션 소제목 24px → 20px */
	.product_sky_landing .sl_install__title { font-size: 20px; line-height: 30px; }

	/* 통계 숫자 56px → 40px */
	.product_sky_landing .sl_stat__num { font-size: 40px; line-height: 48px; }
}

/* =====================================================
   반응형: ≤768px
   ===================================================== */
@media screen and (max-width: 768px) {
	.product_robotics .t_btnwrap,
	.product_xoundr .t_btnwrap,
	.product_sky_landing .t_btnwrap { height: auto; }

	.product_robotics .t_btnwrap .d_flex_sb,
	.product_xoundr .t_btnwrap .d_flex_sb,
	.product_sky_landing .t_btnwrap .d_flex_sb { height: auto; }

	.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: auto; padding: 13px 0; display: block; align-items: unset; }

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

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

/* =====================================================
   반응형: ≤600px — sidebar tit01 = .product .tit02 기준
   ===================================================== */
@media screen and (max-width: 600px) {
	.product_robotics .sidebar__inner .tit01,
	.product_xoundr .sidebar__inner .tit01,
	.product_sky_landing .sidebar__inner .tit01 { font-size: 1.25rem; line-height: 1.875rem; }
}