/* =========================================================
   COMMON / MAIN / HEADER / FOOTER RESPONSIVE
   적용 위치: 공통 CSS 파일의 가장 마지막
   기존 반응형 코드가 있다면 제거 후 사용
========================================================= */

/* =========================
1640px ↓ (여백 줄이기)
========================= */
@media (max-width: 1640px) {
	.header_inner { padding: 0 4rem; }
	.inner_w { padding-left: 10rem; padding-right: 10rem; }
	.main_inner { padding-left: 6rem; padding-right: 6rem; }

	.logo { width: 170px; margin-right: 55px; }
	.top_nav { gap: 38px; }
	.top_nav > li > .onedeps { font-size: 16px; }
	.utility_nav > ul { gap: 24px; }
	.header_right { gap: 20px; }

	.footer { padding: 30px; }
	.footer_inner { min-height: 660px; padding: 85px 95px; }
	.footer_content { gap: 60px; }
	.footer_text h2 { font-size: 48px; }

	.section_padding { padding: 130px 0; }
	.main_visual_content { padding-left: 6rem; padding-right: 6rem; }
	.main_visual_content h1 { font-size: 56px; }
	.physical_intro_heading h2,
	.platform_heading h2,
	.main_solution_text h2,
	.markets_sticky h2,
	.products_heading h2,
	.count_heading h2 { font-size: 50px; }

	.platform_group { gap: 60px; }
	.platform_item { width: 180px; }
	.platform_icon { height: 180px; }
	.platform_icon img { max-width: 180px; }

	.markets_layout { grid-template-columns: minmax(300px, .75fr) minmax(560px, 1.25fr); gap: 70px; }
	.markets_cards { gap: 28px; }
	.market_card_image { height: 270px; }

	.count_layout { grid-template-columns: 440px 1fr; gap: 70px; }
	.count_number { font-size: 70px; }
}


/* =========================
1500px ↓ (타이포 살짝 축소)
========================= */
@media (max-width: 1500px) {
	.header_inner { padding: 0 3rem; }
	.inner_w { padding-left: 7rem; padding-right: 7rem; }
	.main_inner { padding-left: 4.5rem; padding-right: 4.5rem; }

	.logo { width: 155px; margin-right: 40px; }
	.top_nav { gap: 30px; }
	.top_nav > li > .onedeps { font-size: 15px; }
	.utility_nav > ul { gap: 19px; }
	.utility_item > a,
	.utility_button { font-size: 14px; }
	.header_right { gap: 16px; }
	.mypage_button { min-width: 102px; padding: 0 14px; }

	.footer_inner { min-height: 610px; padding: 75px 70px; }
	.footer_text h2 { font-size: 43px; }
	.footer_description { font-size: 17px; }

	.main_visual_content { padding-left: 4.5rem; padding-right: 4.5rem; }
	.main_visual_content h1 { font-size: 52px; }
	.main_visual_content p { font-size: 17px; }

	.physical_intro_heading h2,
	.platform_heading h2,
	.main_solution_text h2,
	.markets_sticky h2,
	.products_heading h2,
	.count_heading h2 { font-size: 46px; }

	.physical_intro_card { min-height: 250px; padding: 34px 30px; }
	.physical_intro_card h3 { font-size: 30px; }
	.physical_intro_card li { font-size: 17px; }

	.main_solutions_inner { padding: 0 30px; }
	.main_solution_content { padding: 58px 50px; }
	.main_solution_item { min-height: 580px; }

	.markets_layout { grid-template-columns: 300px minmax(0, 1fr); gap: 55px; }
	.market_card a { padding: 24px 24px 30px; }
	.market_card h3 { font-size: 27px; }
	.market_card p { font-size: 17px; }

	.products_heading { padding: 0 4.5rem; }
	.product_image { height: 290px; }

	.count_layout { grid-template-columns: 380px 1fr; gap: 55px; }
	.count_description > p { font-size: 21px; }
	.count_number { font-size: 62px; }
}


/* =========================
1370px ↓ (레이아웃 축소)
========================= */
@media (max-width: 1370px) {
	:root {
		--header-util-height: 46px;
		--header-main-height: 88px;
	}
	.header_inner { padding: 0 2rem; }
	.inner_w { padding-left: 5rem; padding-right: 5rem; }
	.main_inner { padding-left: 3.5rem; padding-right: 3.5rem; }

	.logo { width: 145px; margin-right: 28px; }
	.top_nav { gap: 23px; }
	.top_nav > li > .onedeps { font-size: 14px; }
	.utility_nav > ul { gap: 15px; }
	.utility_item > a,
	.utility_button { font-size: 13px; }
	.header_right { gap: 13px; }
	.language_button { font-size: 13px; }
	.sub_deps { padding: 20px; }
	.sub_deps li > a { font-size: 14px; }

	.footer { padding: 24px; }
	.footer_inner { min-height: 560px; padding: 65px 55px; }
	.footer_text h2 { font-size: 39px; }

	.section_padding { padding: 110px 0; }
	.main_visual { min-height: 700px; }
	.main_visual_content { padding-top: 120px; }
	.main_visual_content h1 { font-size: 48px; }

	.physical_intro_heading h2,
	.platform_heading h2,
	.main_solution_text h2,
	.markets_sticky h2,
	.products_heading h2,
	.count_heading h2 { font-size: 42px; }

	.platform_group { gap: 45px; }
	.platform_item { width: 160px; }
	.platform_icon { height: 160px; }
	.platform_icon img { max-width: 160px; }

	.main_solution_content { padding: 50px 42px; }
	.main_solution_text p { font-size: 17px; }

	.markets_layout { grid-template-columns: 270px minmax(0, 1fr); gap: 42px; }
	.markets_cards { gap: 22px; }
	.market_card_image { height: 240px; }
	.market_card h3 { font-size: 24px; }

	.product_image { height: 260px; }

	.count_layout { grid-template-columns: 320px 1fr; gap: 40px; }
	.count_item { padding: 30px 14px 12px; }
	.count_number { font-size: 54px; }
}


/* =========================
1280px ↓ (중간 해상도)
========================= */
@media (max-width: 1280px) {
	.header_inner { padding: 0 1.5rem; }
	.inner_w { padding-left: 3.5rem; padding-right: 3.5rem; }
	.main_inner { padding-left: 3rem; padding-right: 3rem; }

	.logo { width: 132px; margin-right: 22px; }
	.top_nav { gap: 18px; }
	.top_nav > li > .onedeps { font-size: 13px; }
	.mypage_button { min-width: 92px; height: 38px; font-size: 13px; }
	.language_button { height: 38px; }

	.footer_content { gap: 35px; }
	.footer_links { flex-basis: 180px; }
	.footer_bottom { gap: 30px; }
	.footer_info { gap: 40px; }

	.main_visual_content { padding-left: 3rem; padding-right: 3rem; }
	.main_visual_content h1 { font-size: 44px; }


	.physical_intro_card { min-height: 225px; padding: 28px 24px; }
	.physical_intro_card h3 { font-size: 27px; }
	.physical_intro_card ul { margin-top: 30px; }

	.platform_section::after { height: 300px; }

	.main_solutions { padding-top: 110px; }
	.main_solutions_inner { padding: 0 24px; }
	.main_solution_item { height: calc(100vh - 130px); min-height: 540px; }
	.main_solution_content { padding: 44px 36px; }
	.main_solution_text h2 { font-size: 40px; }

	.markets_layout { grid-template-columns: 240px minmax(0, 1fr); gap: 32px; }
	.markets_cards { gap: 18px; }
	.market_card a { padding: 20px; }
	.market_card_image { height: 220px; }
	.market_card h3 { font-size: 22px; }
	.market_card p { font-size: 16px; }

	.products_heading { padding: 0 3rem; }
	.product_image { height: 240px; }

	.count_layout { grid-template-columns: 280px 1fr; gap: 28px; }
	.count_number { font-size: 48px; }
	.count_item > span { font-size: 16px; }
}


/* =========================
1024px ↓ (태블릿 시작)
========================= */
@media (max-width: 1024px) {
	:root {
		--header-util-height: 0px;
		--header-main-height: 76px;
		--header-total-height: 76px;
	}
	html,
	body { width: 100%; min-width: 0; overflow-x: hidden; }

	.custom-cursor { display: none !important; }

	.header_util,
	.main_navigation { display: none; }
	.header_main { height: 76px; }
	.header_inner { padding: 0 24px; }
	.logo { width: 150px; height: 28px; margin-right: 0; }
	.header_right { margin-left: auto; gap: 18px; }
	.language { display: none; }
	.all_btn { width: 38px; height: 38px; }

	.site_map { width: min(480px, 100%); }
	.site_map_header { height: 80px; padding: 0 36px; }
	.site_map_scroll { padding: 0 36px 40px; }
	.site_map_bottom { padding: 22px 36px 30px; }
	.site_map_nav > li > .onedeps { padding: 21px 44px 21px 0; font-size: 21px; }
	.site_map .sub_deps li > a { font-size: 15px; }

	.inner_w { padding-left: 32px; padding-right: 32px; }
	.main_inner { padding-left: 32px; padding-right: 32px; }
	.section_padding { padding: 90px 0; }

	.footer { padding: 20px; }
	.footer_inner { min-height: auto; padding: 55px 40px; }
	.footer_content { gap: 35px; }
	.footer_text h2 { font-size: 34px; }
	.footer_description { font-size: 16px; }
	.footer_links { flex-basis: 165px; }
	.footer_bottom { margin-top: 110px; flex-wrap: wrap; }
	.footer_info { width: 100%; gap: 28px; flex-wrap: wrap; }
	.foot_btn { right: 24px; bottom: 24px; }

	.main_visual { height: 100svh; min-height: 650px; }
	.main_visual_content { padding: 100px 32px 45px; }
	.main_visual_content h1 { font-size: 42px; }
	.main_visual_content p { margin-top: 28px; font-size: 16px; }
	.main_visual_buttons { flex-wrap: wrap; }
	.visual_scroll_button { bottom: 28px; }

	.physical_intro_heading h2,
	.platform_heading h2,
	.main_solution_text h2,
	.markets_sticky h2,
	.products_heading h2,
	.count_heading h2 { font-size: 36px; }

	.physical_intro_heading p,
	.platform_heading p,
	.main_solution_text p,
	.markets_sticky > p,
	.products_heading p,
	.count_heading > p { font-size: 16px; }

	.physical_intro_card { min-height: 210px; padding: 26px 22px; }
	.physical_intro_card h3 { font-size: 24px; }
	.physical_intro_card li { font-size: 16px; }

	.platform_group { gap: 32px; }
	.platform_item { width: 145px; }
	.platform_icon { height: 145px; }
	.platform_icon img { max-width: 145px; }

	.main_solutions { padding-top: 90px; }
	.main_solution_item { position: relative; top: auto !important; height: 580px; min-height: 0; margin-bottom: 22px; }
	.main_solution_content { padding: 38px 32px; }
	.main_solution_tabs { flex-wrap: wrap; }

	.markets_layout { display: block; }
	.markets_sticky { position: static; margin-bottom: 44px; }
	.markets_cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.market_card_image { height: 250px; }

	.products_heading { padding: 0 32px; }
	.product_image { height: 280px; width: 100%}

	.count_layout { display: block; }
	.count_description { margin-bottom: 45px; }
	.count_list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.count_item:nth-child(3) { border-left: 0; }
	.count_number { font-size: 56px; }
	
	.main_solution_item + .main_solution_item{margin: 0}
	
	
	.footer_bottom{
		    flex-direction: column;
	}
	
	.pipeline_flow_main{
		flex-direction: column;
	}
	
	.pipeline_flow_card_wide,
	.pipeline_flow_card,
	.pipeline_flow_side {
	    width: auto;
	}
	
	.solution_depth_nav,
	.products_category{display: none}
	.product_detail_intro_content{padding: 0}
	
	
	.product_pipeline_flow {
    flex-direction: column;
}

.product_pipeline_box,
.product_pipeline_stack{width: 100%}
	
.product_pipeline_arrow::after {
    transform: translateY(-50%) rotate(130deg);
}


.technology_case_item.image_right {
    padding-left: 0;
}

.technology_case_item.image_right .technology_case_content {
	order: 2;
}

.technology_case_item.image_right .technology_case_image {
	order: 1;
}


}


/* =========================
860px ↓ (모바일 전환)
========================= */
@media (max-width: 860px) {
	.header_inner { padding: 0 20px; }
	.logo { width: 138px; }
	.mypage_button { min-width: 90px; height: 38px; padding: 0 13px; font-size: 13px; }
	.mypage_button i { display: none; }

	.inner_w,
	.main_inner { padding-left: 24px; padding-right: 24px; }

	.agree_pop_content { width: calc(100% - 40px); max-height: calc(100dvh - 40px); padding: 24px; }
	.agree_pop_info { max-height: calc(100dvh - 150px); }

	.footer { padding: 16px; }
	.footer_inner { padding: 48px 30px; border-radius: 16px; }
	.footer_content { flex-direction: column; gap: 34px; }
	.footer_links { width: 100%; flex: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.footer_bottom { margin-top: 80px; }
	.footer_text h2 { font-size: 30px; }
	.footer_description { font-size: 15px; }

	.section_padding { padding: 75px 0; }

	.main_visual { min-height: 620px; }
	.main_visual_content { padding: 95px 24px 42px; }
	.main_visual_content h1 { font-size: 36px; line-height: 1.25; }
	.main_visual_content p { font-size: 15px; }
	.main_visual_content h1 br,
	.main_visual_content p br { display: none; }

	.physical_intro_heading h2,
	.platform_heading h2,
	.main_solution_text h2,
	.markets_sticky h2,
	.products_heading h2,
	.count_heading h2 { font-size: 32px; }

	.physical_intro_slider .slick-list,
	.products_slider .slick-list { overflow: visible; }
	.physical_intro_card { min-height: 200px; }
	.physical_intro_slider .slick-arrow,
	.products_slider .slick-arrow { width: 42px; height: 42px; }

	.platform_group { gap: 26px; }
	.platform_item { width: 130px; }
	.platform_icon { height: 130px; }
	.platform_icon img { max-width: 130px; }
	.platform_item strong { font-size: 16px; }

	.main_solutions_inner { padding: 0 18px; }
	.main_solution_item { height: 520px; border-radius: 16px; }
	.main_solution_content { padding: 32px 26px; }
	.main_solution_text h2 { font-size: 31px; }
	.main_solution_text p { font-size: 15px; }
	.main_solution_text h2 br,
	.main_solution_text p br { display: none; }

	.brand_typography_section { padding-bottom: 70px; }
	.brand_typography { font-size: clamp(90px, 20vw, 150px); }

	.markets_cards { gap: 16px; }
	.market_card a { padding: 18px; }
	.market_card_image { height: 220px; }
	.market_card h3 { font-size: 21px; }
	.market_card p { font-size: 15px; }

	.products_heading { padding: 0 24px; }
	.product_image { height: 250px; }

	.count_heading { max-width: 100%; }
	.count_description > p { font-size: 18px; }
	.count_number { font-size: 48px; }
}


/* =========================
600px ↓ (모바일 핵심)
========================= */
@media (max-width: 600px) {
	.header_main { height: 68px; }
	.header_inner { padding: 0 16px; }
	.logo { width: 124px; height: 26px; }
	.header_right { gap: 9px; }
	.mypage_button { min-width: 74px; height: 35px; padding: 0 10px; font-size: 12px; }
	.all_btn { width: 34px; height: 34px; }
	.all_btn span { width: 22px; }
	.all_btn span:nth-child(2) { width: 15px; }

	.site_map_header { height: 68px; padding: 0 22px; }
	.site_map_scroll { padding: 0 22px 30px; }
	.site_map_bottom { padding: 18px 22px 24px; }
	.site_map_nav > li > .onedeps { padding: 18px 40px 18px 0; font-size: 19px; }
	.site_map .sub_deps li > a { font-size: 14px; }

	.inner_w,
	.main_inner { padding-left: 18px; padding-right: 18px; }

	.footer { padding: 10px; }
	.footer_inner { padding: 40px 22px; border-radius: 14px; }
	.footer_text h2 { font-size: 26px; line-height: 1.35; }
	.footer_description { margin-top: 18px; font-size: 14px; }
	.footer_links { grid-template-columns: 1fr; }
	.footer_links a { min-height: 42px; font-size: 14px; }
	.footer_bottom { margin-top: 60px; gap: 22px; }
	.footer_info { display: block; }
	.footer_info dl + dl { margin-top: 10px; }
	.footer_info dl { flex-wrap: wrap; gap: 5px 10px; }
	.foot_btn { right: 16px; bottom: 16px; width: 50px; height: 50px; }

	.section_padding { padding: 60px 0; }

	.main_visual { height: auto; min-height: 100vh; }
	.main_visual_content { padding: 90px 18px 50px; }
	.main_visual_content h1 { width: 100%; max-width: none; font-size: clamp(29px, 8.5vw, 38px); line-height: 1.25; word-break: keep-all; overflow-wrap: normal; }
	.main_visual_content p { width: 100%; max-width: none; margin-top: 20px; font-size: 14px; line-height: 1.65; word-break: keep-all; }
	.main_visual_buttons { margin-top: 26px; gap: 8px; }
	.main_visual_buttons a { min-height: 40px; padding: 9px 12px; font-size: 14px; }

	.physical_intro_heading h2,
	.platform_heading h2,
	.main_solution_text h2,
	.markets_sticky h2,
	.products_heading h2,
	.count_heading h2 { font-size: 27px; }

	.physical_intro_heading p,
	.platform_heading p,
	.main_solution_text p,
	.markets_sticky > p,
	.products_heading p,
	.count_heading > p { margin-top: 18px; font-size: 14px; }

	.physical_intro_card { min-height: 185px; padding: 22px 18px; }
	.physical_intro_number { font-size: 17px; }
	.physical_intro_card h3 { font-size: 22px; }
	.physical_intro_card ul { margin-top: 24px; }
	.physical_intro_card li { font-size: 14px; }

	.platform_group { gap: 20px; }
	.platform_item { width: 108px; }
	.platform_icon { height: 108px; }
	.platform_icon img { max-width: 108px; }
	.platform_item strong { font-size: 14px; }

	.main_solutions { padding-top: 60px; }
	.main_solutions_inner { padding: 0 12px; }
	.main_solution_item { height: 470px; margin-bottom: 16px; }
	.main_solution_content { padding: 25px 20px; }
	.main_solution_tabs { gap: 6px; }
	.main_solution_tab { min-height: 34px; padding: 8px 12px; font-size: 12px; }
	.main_solution_label { font-size: 14px; }
	.main_solution_text h2 { font-size: 27px; }
	.main_solution_text p { margin-top: 18px; font-size: 14px; }

	.brand_typography { font-size: clamp(64px, 22vw, 120px); }

	.markets_cards { grid-template-columns: 1fr; }
	.market_card_image { height: 230px; }
	.market_card h3 { font-size: 20px; }
	.market_card p { font-size: 14px; }

	.products_heading { padding: 0 18px; }
	.product_image { height: auto; }
	.product_item h3 { font-size: 16px; }

	.count_list { grid-template-columns: 1fr; }
	.count_item { border-left: 0; border-top: 1px solid rgba(255,255,255,.15); padding: 24px 0; }
	.count_item:first-child { border-top: 0; }
	.count_number { font-size: 45px; }
	.count_item > span { font-size: 15px; }
	
	.footer_info dt{flex:none}
	.footer_info dt{gap:5px 10px}
	.footer_info dl + dl{margin: 0}
	
	.footer_bottom{display: block}
	
	.footer_copyright{margin-top: 20px; font-size: 12px}
	
}


/* =========================
360px ↓ (초소형)
========================= */
@media (max-width: 360px) {
	.header_inner { padding: 0 12px; }
	.logo { width: 110px; }
	.mypage_button { min-width: 65px; padding: 0 7px; font-size: 11px; }

	.inner_w,
	.main_inner { padding-left: 14px; padding-right: 14px; }

	.agree_pop_content { width: calc(100% - 24px); padding: 18px; }

	.footer_inner { padding: 34px 17px; }
	.footer_text h2 { font-size: 23px; }

	.main_visual_content { padding-left: 14px; padding-right: 14px; }
	.main_visual_content h1 { font-size: 27px; }
	.main_visual_content p { font-size: 14px; }

	.physical_intro_heading h2,
	.platform_heading h2,
	.main_solution_text h2,
	.markets_sticky h2,
	.products_heading h2,
	.count_heading h2 { font-size: 24px; }

	.main_solution_item { height: 440px; }
	.main_solution_content { padding: 22px 16px; }

	.platform_item { width: 96px; }
	.platform_icon { height: 96px; }
	.platform_icon img { max-width: 96px; }

	.market_card_image,
	.product_image { height: 210px; }
}



/* =========================================================
   SUB PAGE FULL RESPONSIVE
   적용 위치: 서브 CSS 파일의 가장 마지막
   기존 반응형 코드가 있다면 제거 후 사용
========================================================= */

/* =========================
1640px ↓ (여백 줄이기)
========================= */
@media (max-width: 1640px) {
	:root {
		--fs-visual-title: 54px;
		--fs-page-title: 48px;
		--fs-section-title: 40px;
	}
	.inner_w { padding-left: 10rem; padding-right: 10rem; }
	.sub_visual_top { height: 760px; }
	.sub_section { padding: 130px 0; }
	.sub_common_title,
	.sub_title { margin-bottom: 52px; }

	.core_hero,
	.pipeline_intro,
	.feature_intro,
	.model_intro,
	.insight_intro,
	.twin_intro,
	.lifecycle_intro,
	.governance_intro,
	.pilot_intro { padding-top: 210px; }

	.core_hero_image,
	.pipeline_intro_visual,
	.feature_intro_visual,
	.model_intro_visual,
	.insight_intro_visual,
	.twin_intro_visual,
	.lifecycle_intro_visual,
	.governance_intro_visual,
	.pilot_intro_visual { height: 560px; }

	.core_environment_grid { grid-template-columns: 1fr 190px 1fr; gap: 55px; }
	.core_environment_side.left .core_environment_box::after,
	.core_environment_side.right .core_environment_box::before { width: 55px; }
	.core_environment_side.left .core_environment_box::after { right: -55px; }
	.core_environment_side.right .core_environment_box::before { left: -55px; }

	.feature_parameter_grid { gap: 16px; }
	.feature_cloud_bar { gap: 40px; padding: 30px 35px; }
	.feature_cloud_item { min-width: 140px; padding: 0 25px; }

	.energyflex_intro_layout,
	.markets_intro_layout { gap: 65px; }
	.energyflex_step_grid { gap: 12px; }
	.markets_application_grid { gap: 45px 20px; }

	.product_detail_intro_layout { gap: 55px; }
	.product_visual_grid,
	.technology_layer_grid,
	.experience_gallery_grid,
	.downloads_grid,
	.patents_grid { gap: 24px 18px; }

	.technology_case_item { gap: 50px; }

	.mypage_cart_head,
	.mypage_cart_row {
		grid-template-columns: 58px minmax(0,1.7fr) minmax(145px,.65fr) minmax(140px,.55fr) 115px;
	}

	.order_product_item { grid-template-columns: 170px minmax(0,1fr) 140px; }
	.order_product_image { width: 170px; }

	.experience_gallery_section,
	.experience_view_section,
	.resource_list_section,
	.faq_section,
	.downloads_section,
	.patents_section { padding-top: 110px; padding-bottom: 160px; }
}


/* =========================
1500px ↓ (타이포 살짝 축소)
========================= */
@media (max-width: 1500px) {
	:root {
		--fs-visual-title: 50px;
		--fs-page-title: 44px;
		--fs-section-title: 37px;
		--fs-lead: 19px;
		--fs-body-large: 17px;
	}
	.inner_w { padding-left: 7rem; padding-right: 7rem; }
	.sub_visual_top { height: 700px; }
	.sub_section { padding: 115px 0; }

	.core_asset_card { height: 230px; padding: 26px; }
	.core_environment_grid { grid-template-columns: 1fr 180px 1fr; gap: 45px; }
	.core_environment_box { padding: 28px; }
	.core_center_card { width: 165px; height: 220px; }
	.core_environment_summary { gap: 40px; padding: 30px 35px; }
	.core_feature_item { min-width: 125px; padding: 0 22px; }

	.pipeline_overview_head { min-height: 88px; padding: 18px 20px; }
	.pipeline_overview_body { min-height: 110px; padding: 20px; }
	.pipeline_quality_card,
	.feature_application_card,
	.sub_image_card { height: 240px; }

	.feature_parameter_card { height: 210px; padding: 25px 22px; }
	.feature_cloud_bar { min-height: 155px; }
	.key_model_card { min-height: 225px; padding: 26px; }
	.model_output_card { height: 190px; }

	.sub_basic_card,
	.sub_icon_card { padding: 26px; }

	.energyflex_intro_layout,
	.markets_intro_layout { gap: 50px; }
	.energyflex_pipeline_column { padding: 24px 20px; }
	.energyflex_step_card { padding: 22px 18px; }
	.markets_quadrant_card,
	.markets_pipeline_card,
	.markets_matrix_card { padding: 24px 20px; }

	.products_grid { gap: 52px 20px; }
	.product_detail_intro_layout { gap: 42px; }
	.product_color_grid { gap: 10px; }
	.product_visual_grid { gap: 24px; }

	.technology_case_item { gap: 40px; }
	.technology_layer_card { padding: 26px; }

	.project_form_field { grid-template-columns: 130px minmax(0,1fr); }
	.mypage_summary_grid { gap: 13px; }
	.mypage_cart_product_image { width: 100px; height: 76px; }

	.quote_history_search { width: 460px; }
	

	.experience_gallery_content strong { font-size: 20px; }
	.experience_view_heading h1 { font-size: 28px; }
}


/* =========================
1370px ↓ (레이아웃 축소)
========================= */
@media (max-width: 1370px) {
	:root {
		--fs-visual-title: 46px;
		--fs-page-title: 40px;
		--fs-section-title: 34px;
	}
	.inner_w { padding-left: 5rem; padding-right: 5rem; }
	.sub_visual_top { height: 640px; }
	.sub_section { padding: 100px 0; }

	.core_hero,
	.pipeline_intro,
	.feature_intro,
	.model_intro,
	.insight_intro,
	.twin_intro,
	.lifecycle_intro,
	.governance_intro,
	.pilot_intro { padding-top: 180px; }

	.core_hero_image,
	.pipeline_intro_visual,
	.feature_intro_visual,
	.model_intro_visual,
	.insight_intro_visual,
	.twin_intro_visual,
	.lifecycle_intro_visual,
	.governance_intro_visual,
	.pilot_intro_visual { height: 500px; }

	.core_asset_grid { gap: 18px; }
	.core_asset_card { height: 215px; padding: 24px; }
	.core_environment_grid { grid-template-columns: 1fr 160px 1fr; gap: 38px; }
	.core_environment_side { gap: 24px; }
	.core_environment_box { min-height: 135px; padding: 24px; }
	.core_center_card { width: 150px; height: 205px; }
	.core_environment_side.left .core_environment_box::after,
	.core_environment_side.right .core_environment_box::before { width: 38px; }
	.core_environment_side.left .core_environment_box::after { right: -38px; }
	.core_environment_side.right .core_environment_box::before { left: -38px; }
	.core_architecture_card { height: 235px; }

	.pipeline_overview_grid { gap: 15px; }
	.pipeline_flow_main { min-width: 1050px; }
	.pipeline_quality_grid { gap: 18px; }

	.feature_parameter_grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
	
	.feature_cloud_items { margin-top: 30px; justify-content: center; }

	.sub_basic_grid_six,
	.pilot_modules_grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
	.pilot_card_ui_grid { grid-template-columns: repeat(3,minmax(0,1fr)); }

	.energyflex_intro_layout,
	.markets_intro_layout { gap: 38px; }
	.energyflex_step_grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
	.energyflex_workflow { grid-template-columns: repeat(3,minmax(0,1fr)); }
	.energyflex_workflow > span { display: none; }
	.markets_quadrant_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.markets_matrix-wrap,
	.markets_matrix_wrap { grid-template-columns: 110px minmax(0,1fr); }

	.products_grid { gap: 45px 18px; }
	.product_detail_intro_layout { grid-template-columns: 1fr 1fr; }
	.product_color_grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
	.technology_layer_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }

	.mypage_cart_head,
	.mypage_cart_row {
		grid-template-columns: 52px minmax(0,1.6fr) 135px 125px 100px;
	}
	.mypage_cart_head,
	.mypage_cart_row { font-size: 14px; }

	.quote_history_search { width: 430px; }
	.order_product_item { grid-template-columns: 150px minmax(0,1fr) 130px; gap: 20px; }
	.order_product_image { width: 150px; height: 110px; }

	.downloads_card { min-height: 235px; padding: 32px; }
	.patents_card_button { padding: 22px; }
}


/* =========================
1280px ↓ (중간 해상도)
========================= */
@media (max-width: 1280px) {
	:root {
		--fs-visual-title: 42px;
		--fs-page-title: 37px;
		--fs-section-title: 32px;
	}
	.inner_w { padding-left: 3.5rem; padding-right: 3.5rem; }
	.sub_visual_top { height: 580px; }
	.sub_section { padding: 90px 0; }
	.sub_common_title,
	.sub_title { margin-bottom: 42px; }

	.core_asset_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.core_environment_summary { display: block; }
	.core_environment_features { margin-top: 30px; justify-content: center; }
	.core_architecture_grid { gap: 18px; }

	.pipeline_overview-grid,
	.pipeline_overview_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.pipeline_quality_card,
	.feature_application_card,
	.sub_image_card { height: 220px; }

	.feature_parameter_grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
	.feature_cloud_item { min-width: 125px; padding: 0 18px; }
	.key_model_grid,
	.model_output_grid,
	.sub_image_grid,
	.sub_icon_grid,
	.sub_basic_grid { gap: 16px; }

	.lifecycle_value_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }

	.energyflex_intro_layout,
	.markets_intro_layout { grid-template-columns: 1fr 1fr; gap: 30px; }
	.energyflex_pipeline_table,
	.markets_pipeline_grid { gap: 14px; }
	.energyflex_step_grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
	.markets_application_grid { gap: 35px 18px; }
	.markets_matrix_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }

	.products_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.product_visual_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.product_entry_grid { gap: 18px; }
	.product_paradigm_grid,
	.product_binary_grid { gap: 18px; }

	.technology_case_item { gap: 30px; }
	.technology_mapping_wrap { grid-template-columns: minmax(0,1fr) 36px minmax(0,1fr); gap: 18px; }

	.project_form_grid { gap: 16px; }
	.mypage_summary_card { padding: 24px; }

	.mypage_cart_head,
	.mypage_cart_row {
		grid-template-columns: 48px minmax(0,1.5fr) 125px 115px 90px;
	}
	.mypage_cart_product { gap: 16px; }
	.mypage_cart_product_image { width: 90px; height: 68px; }

	.experience_gallery_section,
	.experience_view_section,
	.resource_list_section,
	.faq_section,
	.downloads_section,
	.patents_section { padding-top: 90px; padding-bottom: 130px; }
}


/* =========================
1024px ↓ (태블릿 시작)
========================= */
@media (max-width: 1024px) {
	:root {
		--fs-visual-title: 38px;
		--fs-page-title: 34px;
		--fs-section-title: 30px;
		--fs-lead: 18px;
		--fs-card-title: 17px;
		--fs-body-large: 16px;
		--fs-body: 15px;
		--fs-button: 15px;
		--fs-caption: 14px;
	}
	.inner_w { padding-left: 32px; padding-right: 32px; }
	.sub_visual_top { height: 500px; }
	.sub_visual_top .txt ul { flex-wrap: wrap; row-gap: 8px; }
	.sub_section { padding: 80px 0; }

	.core_hero,
	.pipeline_intro,
	.feature_intro,
	.model_intro,
	.insight_intro,
	.twin_intro,
	.lifecycle_intro,
	.governance_intro,
	.pilot_intro { padding-top: 150px; }

	.core_hero_image,
	.pipeline_intro_visual,
	.feature_intro_visual,
	.model_intro_visual,
	.insight_intro_visual,
	.twin_intro_visual,
	.lifecycle_intro_visual,
	.governance_intro_visual,
	.pilot_intro_visual { height: 430px; }

	.core_environment_grid { grid-template-columns: 1fr; gap: 24px; }
	.core_environment_center { order: -1; }
	.core_center_card { width: 100%; height: 150px; flex-direction: row; gap: 20px; }
	.core_center-card strong,
	.core_center_card strong { margin-top: 0; }
	.core_environment_side.left .core_environment_box::after,
	.core_environment_side.right .core_environment_box::before { display: none; }
	.core_environment_summary { margin-top: 35px; }
	.core_architecture_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }

	.pipeline_flow { margin-left: -32px; margin-right: -32px; width: calc(100% + 64px); padding: 0 32px 12px; }
	.pipeline_flow_main { min-width: 980px; }
	.pipeline_quality_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }

	.feature_parameter_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.feature_cloud_items { overflow-x: auto; justify-content: flex-start; padding-bottom: 10px; }
	.feature_cloud_item { flex: 0 0 140px; }
	.feature_application_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }

	.key_model_grid,
	.model_output_grid,
	.sub_image_grid,
	.sub_icon_grid,
	.sub_basic_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }

	.sub_basic_grid_six,
	.pilot_modules_grid,
	.pilot_card_ui_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }

	.energyflex_intro_layout,
	.markets_intro_layout { grid-template-columns: 1fr; gap: 35px; }
	.energyflex_pipeline_table,
	.markets_pipeline_grid { grid-template-columns: 1fr; }
	.energyflex_step_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.energyflex_workflow { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.markets_application_grid { grid-template-columns: 1fr; }
	.markets_matrix_wrap { grid-template-columns: 1fr; }
	.markets_matrix_side { display: none; }
	.markets_twin_grid { grid-template-columns: 1fr; }

	.product_detail_intro_layout { grid-template-columns: 1fr; }
	.product_detail_gallery { max-width: 760px; margin: 0 auto; }
	.product_detail_info { max-width: 760px; margin: 0 auto; }
	.product_paradigm_grid,
	.product_binary_grid,
	.product_entry_grid { grid-template-columns: 1fr; }
	.product_color_grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
	.product_visual_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }

	.technology_case_item { grid-template-columns: 1fr; gap: 26px; }
	.technology_case_item:nth-child(even) .technology_case_image { order: 0; }
	.technology_mapping_wrap { grid-template-columns: 1fr; }
	.technology_mapping_arrow { width: 100%; height: 36px; transform: rotate(90deg); }

	.project_form_grid { grid-template-columns: 1fr; }
	.project_form_field { grid-template-columns: 135px minmax(0,1fr); }
	.mypage_summary_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }

	.mypage_cart_table { overflow-x: auto; }
	.mypage_cart_head,
	.mypage_cart_row { min-width: 880px; }

	.quote_history_top { align-items: flex-end; }
	.quote_history_search { width: 420px; }
	.quote_view_information { grid-template-columns: 1fr; }

	.order_inner { max-width: 100%; }
	.order_product_item { grid-template-columns: 140px minmax(0,1fr) 130px; }
	.order_product_image { width: 140px; height: 105px; }

	.experience_gallery_grid,
	.downloads_grid,
	.patents_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.experience_view_header { padding: 24px 26px; }
	.experience_view_content { padding: 36px 30px 48px; }
	.resource_board_link { padding-left: 22px; padding-right: 22px; }
	
	
	
	
}


/* =========================
860px ↓ (모바일 전환)
========================= */
@media (max-width: 860px) {
	:root {
		--fs-visual-title: 34px;
		--fs-page-title: 31px;
		--fs-section-title: 28px;
	}
	.inner_w { padding-left: 24px; padding-right: 24px; }
	.sub_visual_top { height: 430px; }
	.sub_visual_top .txt h2 { margin-top: 18px; }
	.sub_section { padding: 68px 0; }

	.core_hero_text,
	.pipeline_intro_text,
	.feature_intro_text,
	.model_intro_text,
	.insight_intro_text,
	.twin_intro_text,
	.lifecycle_intro_text,
	.governance_intro_text,
	.pilot_intro_text { padding-bottom: 42px; }

	.core_hero_image,
	.pipeline_intro_visual,
	.feature_intro_visual,
	.model_intro_visual,
	.insight_intro_visual,
	.twin_intro_visual,
	.lifecycle_intro_visual,
	.governance_intro_visual,
	.pilot_intro_visual { height: 360px; }

	.core_asset_grid { gap: 14px; }
	.core_asset_card { height: 190px; padding: 22px; }
	.core_architecture_grid { grid-template-columns: 1fr; }
	.core_architecture_card { height: 230px; }
	.core_environment_features { overflow-x: auto; justify-content: flex-start; }
	.core_feature_item { flex: 0 0 125px; }

	.pipeline_overview_grid { grid-template-columns: 1fr; }
	.pipeline_quality_grid { grid-template-columns: 1fr; }

	.feature_governance_wrap,
	.model_pipeline_wrap,
	.sub_diagram_wrap { padding: 14px; }
	.feature_cloud_bar { padding: 25px 22px; }
	.feature_application_grid { grid-template-columns: 1fr; }

	.key_model_grid,
	.model_output_grid,
	.sub_image_grid,
	.sub_icon_grid,
	.sub_basic_grid { grid-template-columns: 1fr; }

	.lifecycle_value_grid { grid-template-columns: 1fr; }
	.sub_basic_grid_six,
	.pilot_modules_grid,
	.pilot_card_ui_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }

	.energyflex_step_grid,
	.energyflex_workflow,
	.markets_quadrant_grid,
	.markets_matrix_grid { grid-template-columns: 1fr; }

	.solution_depth_nav { overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; margin-left: -24px; margin-right: -24px; padding: 0 24px 8px; }
	.solution_depth_nav a { flex: 0 0 auto; white-space: nowrap; }

	.products_category,
	.product_detail_category,
	.experience_category,
	.faq_category,
	.patents_category {
		margin-left: -24px;
		margin-right: -24px;
		padding: 0 24px 8px;
		justify-content: flex-start;
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: none;
	}
	.products_category::-webkit-scrollbar,
	.product_detail_category::-webkit-scrollbar,
	.experience_category::-webkit-scrollbar,
	.faq_category::-webkit-scrollbar,
	.patents_category::-webkit-scrollbar { display: none; }

	.products_category a,
	.product_detail_category a,
	.experience_category a,
	.faq_category_button,
	.patents_category_button { flex: 0 0 auto; white-space: nowrap; }

	.products_grid { gap: 34px 16px; }
	.product_visual_grid { gap: 18px 14px; }

	.technology_layer_grid { grid-template-columns: 1fr; }
	.technology_gap_grid { grid-template-columns: 1fr; }

	.project_request_tabs { overflow-x: auto; justify-content: flex-start; flex-wrap: nowrap; }
	.project_request_tab { flex: 0 0 auto; white-space: nowrap; }
	.project_form_field { grid-template-columns: 1fr; }
	.project_form_field label { padding-bottom: 8px; }

	.mypage_profile { align-items: flex-start; }
	.mypage_summary_grid { grid-template-columns: 1fr; }
	.mypage_recent_order_head { gap: 15px; }

	.quote_history_top { flex-direction: column; align-items: stretch; gap: 18px; }
	.quote_history_search { width: 100%; }
	.quote_history_list_head { display: none; }
	.quote_history_item { grid-template-columns: 1fr auto; gap: 12px; padding: 20px; }
	.quote_history_item > *:not(.quote_history_title):not(.quote_history_status) { grid-column: 1 / -1; }

	.quote_view_header { flex-direction: column; align-items: flex-start; gap: 14px; }
	.quote_view_information dl { grid-template-columns: 90px minmax(0,1fr); }

	.order_product_item { grid-template-columns: 120px minmax(0,1fr); align-items: start; }
	.order_product_image { width: 120px; height: 90px; }
	.order_product_quantity { grid-column: 2; justify-self: start; }
	.order_delivery_row { grid-template-columns: 135px minmax(0,1fr); }

	.experience_gallery_section,
	.experience_view_section,
	.resource_list_section,
	.faq_section,
	.downloads_section,
	.patents_section { padding-top: 65px; padding-bottom: 95px; }

	.experience_view_header { flex-direction: column; align-items: flex-start; gap: 14px; }
	.experience_view_heading h1 { font-size: 22px; }
	.experience_view_content { padding: 30px 24px 40px; }
	.experience_view_nav_item { grid-template-columns: 72px minmax(0,1fr); padding: 0 20px; }
	.experience_attachment_name { flex-direction: column; align-items: flex-start; gap: 2px; }

	.resource_board_link { padding: 16px 18px; gap: 20px; }
	.resource_board_info { grid-template-columns: auto 38px; gap: 12px; }

	.faq_question { min-height: 72px; padding: 16px 54px 16px 20px; }
	.faq_arrow { right: 20px; }
	.faq_answer_inner { padding: 28px 20px; }

	.downloads_card { min-height: 205px; padding: 28px 26px; }
	.patents_card_button { padding: 18px 18px 22px; }

	.patents_modal { padding: 24px; }
}


/* =========================
600px ↓ (모바일 핵심)
========================= */
@media (max-width: 600px) {
	:root {
		--fs-visual-title: 29px;
		--fs-page-title: 28px;
		--fs-section-title: 25px;
		--fs-lead: 17px;
		--fs-card-title: 16px;
		--fs-body-large: 15px;
		--fs-body: 14px;
		--fs-button: 14px;
		--fs-caption: 14px;
	}
	.inner_w { padding-left: 18px; padding-right: 18px; }
	.sub_visual_top { height: 360px; }
	.sub_visual_top .txt { padding-top: 34px; }
	.sub_visual_top .txt ul { gap: 8px; }
	.sub_visual_top .txt ul li { font-size: 12px; }
	.sub_visual_top .txt ul li img { width: 14px; }
	.sub_visual_top .txt h2 { margin-top: 14px; line-height: 1.35; }
	.sub_section { padding: 55px 0; }
	.sub_common_title,
	.sub_title { margin-bottom: 32px; }
	.sub_common_title p,
	.sub_title p { margin-top: 16px; }

	.core_hero,
	.pipeline_intro,
	.feature_intro,
	.model_intro,
	.insight_intro,
	.twin_intro,
	.lifecycle_intro,
	.governance_intro,
	.pilot_intro { padding-top: 105px; }

	.core_hero_text,
	.pipeline_intro_text,
	.feature_intro_text,
	.model_intro_text,
	.insight_intro_text,
	.twin_intro_text,
	.lifecycle_intro_text,
	.governance_intro_text,
	.pilot_intro_text { padding-bottom: 30px; }

	.core_hero_text h1 br,
	.pipeline_intro_text h1 br,
	.feature_intro_text h1 br,
	.model_intro_text h1 br,
	.insight_intro_text h1 br,
	.twin_intro_text h1 br,
	.lifecycle_intro_text h1 br,
	.governance_intro_text h1 br,
	.pilot_intro_text h1 br,
	.sub_common_title h2 br { display: none; }

	.core_hero_image,
	.pipeline_intro_visual,
	.feature_intro_visual,
	.model_intro_visual,
	.insight_intro_visual,
	.twin_intro_visual,
	.lifecycle_intro_visual,
	.governance_intro_visual,
	.pilot_intro_visual { height: 280px; }

	.core_asset_grid { grid-template-columns: 1fr; }
	.core_asset_card { height: 175px; }
	.core_center_card { height: 125px; }
	.core_center_icon { width: 58px; height: 58px; }
	.core_environment_box { min-height: auto; padding: 20px; }
	.core_environment_summary { padding: 22px 18px; }
	.core_architecture_card { height: 210px; }

	.pipeline_flow { margin-left: -18px; margin-right: -18px; width: calc(100% + 36px); padding-left: 18px; padding-right: 18px; }
	.pipeline_flow_main { min-width: 900px; }
	.pipeline_overview_head,
	.pipeline_overview_body { min-height: auto; padding: 18px; }

	.feature_parameter_grid { grid-template-columns: 1fr; }
	.feature_parameter_card { height: 170px; }
	.feature_governance_wrap,
	.model_pipeline_wrap,
	.sub_diagram_wrap { padding: 8px; border-radius: 8px; }
	.feature_cloud-bar,
	.feature_cloud_bar { padding: 22px 18px; }
	.feature_cloud_evidence { align-items: flex-start; }
	.feature_application_card,
	.pipeline_quality_card,
	.sub_image_card { height: 210px; }

	.key_model_card { min-height: 200px; padding: 22px; }
	.model_output_card { height: 180px; }
	.sub_icon_card,
	.sub_basic_card { padding: 22px; }

	.sub_basic_grid_six,
	.pilot_modules_grid,
	.pilot_card_ui_grid { grid-template-columns: 1fr; }

	.energyflex_intro_layout,
	.markets_intro_layout { gap: 25px; }
	.energyflex_pipeline_column,
	.markets_pipeline_card,
	.markets_quadrant_card,
	.markets_matrix_card { padding: 20px 16px; }
	.energyflex_step_grid { grid-template-columns: 1fr; }

	.products_grid,
	.product_visual_grid { grid-template-columns: 1fr; }
	.products_grid { gap: 30px; }
	.product_detail_gallery,
	.product_detail_info { max-width: none; }
	.product_color_grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.product_quantity { grid-template-columns: 42px 64px 42px; }

	.technology_intro_visual,
	.technology_detail_visual { min-height: 260px; }
	.technology_case_item { gap: 20px; }
	.technology_case_image { min-height: 220px; }

	.project_request_form { padding: 24px 18px; }
	.project_form_field { gap: 0; }
	.project_form_field input,
	.project_form_field select,
	.project_form_field textarea { font-size: 14px; }
	.project_form_agree { align-items: flex-start; }

	.mypage_profile { flex-direction: column; }
	.mypage_profile_image { width: 90px; height: 90px; }
	.mypage_cart_table { margin-left: -18px; margin-right: -18px; padding: 0 18px; }
	.mypage_recent_order_head { flex-direction: column; align-items: flex-start; }
	.mypage_recent_order_summary { width: 100%; justify-content: space-between; }

	.quote_history_search { height: 46px; grid-template-columns: 100px minmax(0,1fr) 46px; }
	.quote_history_search select,
	.quote_history_search input { font-size: 14px; }
	.quote_history_search_button { width: 46px; height: 46px; }
	.quote_history_item { padding: 18px 14px; }
	.quote_view_information dl { grid-template-columns: 1fr; gap: 6px; }
	.quote_view_content { padding: 24px 18px; }

	.order_product_item { grid-template-columns: 90px minmax(0,1fr); gap: 14px; }
	.order_product_image { width: 90px; height: 72px; border-radius: 10px; }
	.order_product_name { font-size: 15px; }
	.order_product_description { margin-top: 8px; font-size: 14px; }
	.order_product_quantity { grid-template-columns: 34px 58px 34px; }
	.order_delivery-row,
	.order_delivery_row { grid-template-columns: 1fr; }
	.order_delivery_row label { padding: 13px 16px 7px; background: transparent; }
	.order_delivery_row input { height: 48px; }
	.order_postcode_field { grid-template-columns: minmax(0,1fr) 112px; }
	.order_postcode_button { min-width: 100px; margin-right: 10px; padding: 7px 10px; }
	.order_payment_summary { padding: 22px 18px; }

	.experience_gallery_grid,
	.downloads_grid,
	.patents_grid { grid-template-columns: 1fr; }
	.experience_gallery_section,
	.experience_view_section,
	.resource_list_section,
	.faq_section,
	.downloads_section,
	.patents_section { padding-top: 52px; padding-bottom: 75px; }

	.experience_category,
	.faq_category,
	.patents_category {
		margin-left: -18px;
		margin-right: -18px;
		padding-left: 18px;
		padding-right: 18px;
	}
	.experience_gallery_card { padding: 15px 15px 20px; }
	.experience_view_article { border-radius: 9px; }
	.experience_view_header { padding: 20px; }
	.experience_view_heading h1 { font-size: 20px; }
	.experience_view_content { padding: 22px 18px 32px; }
	.experience_view_text { min-height: 140px; padding-top: 22px; font-size: 14px; }
	.experience_attachment_title { padding: 16px 18px; }
	.experience_attachment_list { padding: 0 18px; }
	.experience_attachment_download { display: none; }
	.experience_view_nav_item { grid-template-columns: 60px minmax(0,1fr); padding: 12px 16px; }
	.experience_view_nav_item strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

	.resource_board_link { min-height: 72px; padding: 15px 14px; gap: 12px; }
	.resource_board-title,
	.resource_board_title { font-size: 15px; }
	.resource_board_info { grid-template-columns: auto 34px; gap: 8px; }
	.resource_board_info time { font-size: 12px; }

	.faq_question { min-height: 68px; padding: 14px 44px 14px 14px; gap: 10px; }
	.faq_category_name { min-width: 62px; font-size: 12px; }
	.faq_question_text { font-size: 15px; }
	.faq_arrow { right: 16px; }
	.faq_answer_inner { min-height: 90px; padding: 22px 16px; font-size: 14px; }

	.downloads_card { min-height: 190px; padding: 25px 24px; }
	.downloads_card_button { right: 22px; bottom: 22px; width: 44px; height: 44px; }

	.patents_card_button { padding: 16px 16px 20px; }
	.patents_modal { padding: 14px; }
	.patents_modal_dialog { max-height: calc(100dvh - 28px); border-radius: 10px; }
	.patents_modal_header { min-height: 58px; padding: 0 16px; }
	.patents_modal_content { max-height: calc(100dvh - 86px); padding: 18px; }
}


/* =========================
360px ↓ (초소형)
========================= */
@media (max-width: 360px) {
	:root {
		--fs-visual-title: 26px;
		--fs-page-title: 25px;
		--fs-section-title: 23px;
	}
	.inner_w { padding-left: 14px; padding-right: 14px; }
	.sub_visual_top { height: 330px; }
	.sub_visual_top .txt ul li { font-size: 11px; }

	.core_hero,
	.pipeline_intro,
	.feature_intro,
	.model_intro,
	.insight_intro,
	.twin_intro,
	.lifecycle_intro,
	.governance_intro,
	.pilot_intro { padding-top: 95px; }

	.core_hero_image,
	.pipeline_intro_visual,
	.feature_intro_visual,
	.model_intro_visual,
	.insight_intro_visual,
	.twin_intro_visual,
	.lifecycle_intro_visual,
	.governance_intro_visual,
	.pilot_intro_visual { height: 245px; }

	.core_asset_card { height: 165px; padding: 18px; }
	.core_architecture_card,
	.feature_application_card,
	.pipeline_quality_card,
	.sub_image_card { height: 195px; }

	.solution_depth_nav { margin-left: -14px; margin-right: -14px; padding-left: 14px; padding-right: 14px; }

	.products_category,
	.product_detail_category,
	.experience_category,
	.faq_category,
	.patents_category {
		margin-left: -14px;
		margin-right: -14px;
		padding-left: 14px;
		padding-right: 14px;
	}

	.product_color_grid { grid-template-columns: 1fr; }

	.project_request_form { padding: 20px 14px; }

	.quote_history_search { grid-template-columns: 88px minmax(0,1fr) 42px; height: 44px; }
	.quote_history_search select,
	.quote_history_search input { font-size: 13px; padding-left: 10px; }
	.quote_history_search_button { width: 42px; height: 44px; }
	.resource_board_info time { display: none; }
	.resource_board_info { grid-template-columns: 34px; }

	.order_product_item { grid-template-columns: 76px minmax(0,1fr); }
	.order_product_image { width: 76px; height: 62px; }
	.order_postcode_field { grid-template-columns: 1fr; }
	.order_postcode_button { margin: 0 10px 10px; }

	.experience_view_header { padding: 18px 16px; }
	.experience_view_content { padding: 18px 14px 28px; }
	.experience_view_heading h1 { font-size: 18px; }
	.experience_view_nav_item { grid-template-columns: 52px minmax(0,1fr); padding-left: 12px; padding-right: 12px; }

	.downloads_card { min-height: 178px; padding: 22px 20px; }
	.downloads_card_button { right: 18px; bottom: 18px; width: 42px; height: 42px; }
	.patents_card_button { padding: 14px 14px 18px; }
}
/* =========================================================
   COMPLETE RESPONSIVE COVERAGE PATCH
   main.css + sub.css 전체 보완
   기준점: 1640 / 1500 / 1370 / 1280 / 1024 / 860 / 600 / 360
   이 파일은 resphone.css의 가장 마지막에 병합되어야 합니다.
========================================================= */

/* 공통 안전장치 */
html,
body,
#wrapper,
#container,
.main_page,
.sub_page {
	max-width: 100%;
}

.main_page,
.sub_page,
.main_page *,
.sub_page * {
	box-sizing: border-box;
}

img,
video,
iframe {
	max-width: 100%;
}

/* =========================
1640px ↓ (여백 줄이기)
========================= */
@media (max-width: 1640px) {
	:root {
		--fs-visual-title: 54px;
		--fs-page-title: 48px;
		--fs-section-title: 40px;
	}

	.header_inner { padding-left: 4rem; padding-right: 4rem; }
	.inner_w { padding-left: 10rem; padding-right: 10rem; }
	.main_inner { padding-left: 6rem; padding-right: 6rem; }

	.sub_visual_top { height: 760px; }
	.sub_section { padding-top: 130px; padding-bottom: 130px; }

	.core_hero,
	.pipeline_intro,
	.feature_intro,
	.model_intro,
	.insight_intro,
	.twin_intro,
	.lifecycle_intro,
	.governance_intro,
	.pilot_intro,
	.energyflex_intro,
	.markets_intro { padding-top: 210px; }

	.core_hero_image,
	.pipeline_intro_visual,
	.feature_intro_visual,
	.model_intro_visual,
	.insight_intro_visual,
	.twin_intro_visual,
	.lifecycle_intro_visual,
	.governance_intro_visual,
	.pilot_intro_visual,
	.energyflex_intro_visual,
	.markets_intro_visual { height: 560px; }

	.core_hero_text h1,
	.pipeline_intro_text h1,
	.feature_intro_text h1,
	.model_intro_text h1,
	.insight_intro_text h1,
	.twin_intro_text h1,
	.lifecycle_intro_text h1,
	.governance_intro_text h1,
	.pilot_intro_text h1,
	.energyflex_intro_content h1,
	.markets_intro_content h1,
	.product_detail_intro_content h1,
	.technology_intro_title h1,
	.technology_detail_heading h1,
	.mypage_section_title h1,
	.quote_history_title h1,
	.quote_view_title h1,
	.order_page_title h1 { font-size: 48px; }

	.sub_common_title h2,
	.sub_title h2,
	.technology_keyword_area h2,
	.mypage_section_title h2,
	.quote_view_header h2,
	.order_block_title h2 { font-size: 40px; }

	.energyflex_intro_layout,
	.markets_intro_layout,
	.product_detail_intro_layout { gap: 58px; }

	.core_asset_grid,
	.pipeline_overview_grid,
	.feature_parameter_grid,
	.key_model_grid,
	.model_output_grid,
	.sub_image_grid,
	.sub_icon_grid,
	.sub_basic_grid,
	.lifecycle_value_grid,
	.energyflex_step_grid,
	.markets_quadrant_grid,
	.markets_pipeline_grid,
	.markets_matrix_grid,
	.products_grid,
	.product_color_grid,
	.product_binary_grid,
	.product_entry_grid,
	.product_visual_grid,
	.technology_layer_grid,
	.technology_gap_grid,
	.mypage_summary_grid,
	.project_form_grid,
	.experience_gallery_grid,
	.downloads_grid,

	.technology_case_item { gap: 50px; }
	.project_form_field { grid-template-columns: 145px minmax(0, 1fr); }

	.experience_gallery_section,
	.experience_view_section,
	.resource_list_section,
	.faq_section,
	.downloads_section,
	.patents_section { padding-top: 110px; padding-bottom: 160px; }
}

/* =========================
1500px ↓ (타이포 살짝 축소)
========================= */
@media (max-width: 1500px) {
	:root {
		--fs-visual-title: 50px;
		--fs-page-title: 44px;
		--fs-section-title: 37px;
		--fs-lead: 19px;
		--fs-body-large: 17px;
	}

	.header_inner { padding-left: 3rem; padding-right: 3rem; }
	.inner_w { padding-left: 7rem; padding-right: 7rem; }
	.main_inner { padding-left: 4.5rem; padding-right: 4.5rem; }

	.sub_visual_top { height: 700px; }
	.sub_section { padding-top: 115px; padding-bottom: 115px; }

	.core_hero_text h1,
	.pipeline_intro_text h1,
	.feature_intro_text h1,
	.model_intro_text h1,
	.insight_intro_text h1,
	.twin_intro_text h1,
	.lifecycle_intro_text h1,
	.governance_intro_text h1,
	.pilot_intro_text h1,
	.energyflex_intro_content h1,
	.markets_intro_content h1,
	.product_detail_intro_content h1,
	.technology_intro_title h1,
	.technology_detail_heading h1,
	.mypage_section_title h1,
	.quote_history_title h1,
	.quote_view_title h1,
	.order_page_title h1 { font-size: 44px; }

	.sub_common_title h2,
	.sub_title h2,
	.technology_keyword_area h2,
	.mypage_section_title h2,
	.quote_view_header h2,
	.order_block_title h2 { font-size: 37px; }

	.energyflex_intro_layout,
	.markets_intro_layout,
	.product_detail_intro_layout { gap: 48px; }

	.markets_intro_content p,
	.energyflex_intro_content p,
	.product_detail_intro_content p,
	.technology_intro_title p,
	.technology_detail_heading p { font-size: 17px; }

	.core_asset_card,
	.feature_parameter_card,
	.key_model_card,
	.sub_basic_card,
	.sub_icon_card,
	.technology_layer_card,
	.markets_quadrant_card,
	.markets_pipeline_card,
	.markets_matrix_card { padding-left: 25px; padding-right: 25px; }

	.products_grid { gap: 48px 18px; }
	.product_detail_intro_layout { grid-template-columns: minmax(0, 1fr) minmax(380px, .92fr); }
	.technology_case_item { gap: 40px; }
	.quote_history_search { width: 460px; }
}

/* =========================
1370px ↓ (레이아웃 축소)
========================= */
@media (max-width: 1370px) {
	:root {
		--fs-visual-title: 46px;
		--fs-page-title: 40px;
		--fs-section-title: 34px;
	}

	.header_inner { padding-left: 2rem; padding-right: 2rem; }
	.inner_w { padding-left: 5rem; padding-right: 5rem; }
	.main_inner { padding-left: 3.5rem; padding-right: 3.5rem; }

	.sub_visual_top { height: 640px; }
	.sub_section { padding-top: 100px; padding-bottom: 100px; }

	.core_hero,
	.pipeline_intro,
	.feature_intro,
	.model_intro,
	.insight_intro,
	.twin_intro,
	.lifecycle_intro,
	.governance_intro,
	.pilot_intro,
	.energyflex_intro,
	.markets_intro { padding-top: 180px; }

	.core_hero_image,
	.pipeline_intro_visual,
	.feature_intro_visual,
	.model_intro_visual,
	.insight_intro_visual,
	.twin_intro_visual,
	.lifecycle_intro_visual,
	.governance_intro_visual,
	.pilot_intro_visual,
	.energyflex_intro_visual,
	.markets_intro_visual { height: 500px; }

	.core_hero_text h1,
	.pipeline_intro_text h1,
	.feature_intro_text h1,
	.model_intro_text h1,
	.insight_intro_text h1,
	.twin_intro_text h1,
	.lifecycle_intro_text h1,
	.governance_intro_text h1,
	.pilot_intro_text h1,
	.energyflex_intro_content h1,
	.markets_intro_content h1,
	.product_detail_intro_content h1,
	.technology_intro_title h1,
	.technology_detail_heading h1,
	.mypage_section_title h1,
	.quote_history_title h1,
	.quote_view_title h1,
	.order_page_title h1 { font-size: 40px; }

	.sub_common_title h2,
	.sub_title h2,
	.technology_keyword_area h2,
	.mypage_section_title h2,
	.quote_view_header h2,
	.order_block_title h2 { font-size: 34px; }

	.energyflex_intro_layout,
	.markets_intro_layout { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 38px; }
	.product_detail_intro_layout { gap: 36px; }

	.feature_parameter_grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.sub_basic_grid_six,
	.pilot_modules_grid,
	.pilot_card_ui_grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.energyflex_step_grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.energyflex_workflow { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.energyflex_workflow > span { display: none; }
	.markets_quadrant_grid,
	.markets_matrix_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.technology_layer_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	.markets_application_grid { gap: 36px 18px; }
	.markets_matrix_wrap { grid-template-columns: 110px minmax(0, 1fr); }
	.technology_mapping_wrap { gap: 20px; }

	.mypage_cart_head,
	.mypage_cart_row { grid-template-columns: 52px minmax(0, 1.6fr) 135px 125px 100px; }

	.order_product_item { grid-template-columns: 150px minmax(0, 1fr) 130px; }
	.order_product_image { width: 150px; height: 110px; }
}

/* =========================
1280px ↓ (중간 해상도)
========================= */
@media (max-width: 1280px) {
	:root {
		--fs-visual-title: 42px;
		--fs-page-title: 37px;
		--fs-section-title: 32px;
	}

	.header_inner { padding-left: 1.5rem; padding-right: 1.5rem; }
	.inner_w { padding-left: 3.5rem; padding-right: 3.5rem; }
	.main_inner { padding-left: 3rem; padding-right: 3rem; }

	.sub_visual_top { height: 580px; }
	.sub_section { padding-top: 90px; padding-bottom: 90px; }

	.core_hero_text h1,
	.pipeline_intro_text h1,
	.feature_intro_text h1,
	.model_intro_text h1,
	.insight_intro_text h1,
	.twin_intro_text h1,
	.lifecycle_intro_text h1,
	.governance_intro_text h1,
	.pilot_intro_text h1,
	.energyflex_intro_content h1,
	.markets_intro_content h1,
	.product_detail_intro_content h1,
	.technology_intro_title h1,
	.technology_detail_heading h1,
	.mypage_section_title h1,
	.quote_history_title h1,
	.quote_view_title h1,
	.order_page_title h1 { font-size: 37px; }

	.sub_common_title h2,
	.sub_title h2,
	.technology_keyword_area h2,
	.mypage_section_title h2,
	.quote_view_header h2,
	.order_block_title h2 { font-size: 32px; }

	.core_asset_grid,
	.pipeline_overview_grid,
	.products_grid,
	.product_visual_grid,
	.lifecycle_value_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	.energyflex_intro_layout,
	.markets_intro_layout { grid-template-columns: 1fr 1fr; gap: 30px; }
	.markets_pipeline_grid,
	.energyflex_pipeline_table { gap: 14px; }
	.markets_matrix_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	.product_detail_intro_layout { grid-template-columns: 1fr 1fr; }
	.product_color_grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.product_paradigm_grid,
	.product_binary_grid,
	.product_entry_grid { gap: 18px; }

	.technology_mapping_wrap { grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr); }
	.project_form_grid { gap: 16px; }

	.mypage_cart_head,
	.mypage_cart_row { grid-template-columns: 48px minmax(0, 1.5fr) 125px 115px 90px; }

	.experience_gallery_section,
	.experience_view_section,
	.resource_list_section,
	.faq_section,
	.downloads_section,
	.patents_section { padding-top: 90px; padding-bottom: 130px; }
}

/* =========================
1024px ↓ (태블릿 시작)
========================= */
@media (max-width: 1024px) {
	:root {
		--fs-visual-title: 38px;
		--fs-page-title: 34px;
		--fs-section-title: 30px;
		--fs-lead: 18px;
		--fs-card-title: 17px;
		--fs-body-large: 16px;
		--fs-body: 15px;
		--fs-button: 15px;
	}

	html,
	body { min-width: 0; overflow-x: hidden; }

	.header_util,
	.main_navigation { display: none; }
	.header_main { height: 76px; }
	.header_inner { padding-left: 24px; padding-right: 24px; }

	.inner_w,
	.main_inner { padding-left: 32px; padding-right: 32px; }

	.sub_visual_top { height: 500px; }
	.sub_visual_top .txt ul { flex-wrap: wrap; row-gap: 8px; }
	.sub_section { padding-top: 80px; padding-bottom: 80px; }

	.core_hero,
	.pipeline_intro,
	.feature_intro,
	.model_intro,
	.insight_intro,
	.twin_intro,
	.lifecycle_intro,
	.governance_intro,
	.pilot_intro,
	.energyflex_intro,
	.markets_intro { padding-top: 150px; }

	.core_hero_image,
	.pipeline_intro_visual,
	.feature_intro_visual,
	.model_intro_visual,
	.insight_intro_visual,
	.twin_intro_visual,
	.lifecycle_intro_visual,
	.governance_intro_visual,
	.pilot_intro_visual,
	.energyflex_intro_visual,
	.markets_intro_visual { height: 430px; }

	.core_hero_text h1,
	.pipeline_intro_text h1,
	.feature_intro_text h1,
	.model_intro_text h1,
	.insight_intro_text h1,
	.twin_intro_text h1,
	.lifecycle_intro_text h1,
	.governance_intro_text h1,
	.pilot_intro_text h1,
	.energyflex_intro_content h1,
	.markets_intro_content h1,
	.product_detail_intro_content h1,
	.technology_intro_title h1,
	.technology_detail_heading h1,
	.mypage_section_title h1,
	.quote_history_title h1,
	.quote_view_title h1,
	.order_page_title h1 { font-size: 34px; }

	.sub_common_title h2,
	.sub_title h2,
	.technology_keyword_area h2,
	.mypage_section_title h2,
	.quote_view_header h2,
	.order_block_title h2 { font-size: 30px; }

	.core_environment_grid { grid-template-columns: 1fr; gap: 24px; }
	.core_environment_center { order: -1; }
	.core_environment_side.left .core_environment_box::after,
	.core_environment_side.right .core_environment_box::before { display: none; }
	.core_environment_summary { display: block; }
	.core_environment_features { margin-top: 28px; justify-content: center; }

	.core_architecture_grid,
	.pipeline_quality_grid,
	.feature_application_grid,
	.key_model_grid,
	.model_output_grid,
	.sub_image_grid,
	.sub_icon_grid,
	.sub_basic_grid,
	.sub_basic_grid_six,
	.pilot_modules_grid,
	.pilot_card_ui_grid,
	.feature_parameter_grid,
	.energyflex_step_grid,
	.energyflex_workflow,
	.markets_quadrant_grid,
	.markets_matrix_grid,
	.product_visual_grid,
	.technology_layer_grid,
	.mypage_summary_grid,
	.experience_gallery_grid,
	.downloads_grid,
	.patents_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	.energyflex_intro_layout,
	.markets_intro_layout,
	.product_detail_intro_layout,
	.product_paradigm_grid,
	.product_binary_grid,
	.product_entry_grid,
	.technology_case_item,
	.markets_application_grid,
	.markets_twin_grid { grid-template-columns: 1fr; }

	.energyflex_pipeline_table,
	.markets_pipeline_grid { grid-template-columns: 1fr; }

	.markets_matrix_wrap { grid-template-columns: 1fr; }
	.markets_matrix_side { display: none; }

	.markets_intro_content,
	.energyflex_intro_content,
	.product_detail_intro_content { max-width: none; }

	.product_detail_gallery,
	.product_detail_info { width: 100%; max-width: 760px; margin-left: auto; margin-right: auto; }

	.technology_case_item:nth-child(even) .technology_case_image { order: 0; }
	.technology_mapping_wrap { grid-template-columns: 1fr; }
	.technology_mapping_arrow { width: 100%; height: 36px; transform: rotate(90deg); }

	.project_form_grid { grid-template-columns: 1fr; }
	.project_form_field { grid-template-columns: 135px minmax(0, 1fr); }

	.mypage_cart_table { overflow-x: auto; }
	.mypage_cart_head,
	.mypage_cart_row { min-width: 880px; }

	.quote_history_top { align-items: flex-end; }
	.quote_history_search { width: 420px; }
	.quote_view_information { grid-template-columns: 1fr; }

	.order_product_item { grid-template-columns: 140px minmax(0, 1fr) 130px; }
	.order_product_image { width: 140px; height: 105px; }

	.experience_view_header { padding: 24px 26px; }
	.experience_view_content { padding: 36px 30px 48px; }
	
	.mypage_summary_grid{gap:10px}
	
}

/* =========================
860px ↓ (모바일 전환)
========================= */
@media (max-width: 860px) {
	:root {
		--fs-visual-title: 34px;
		--fs-page-title: 31px;
		--fs-section-title: 28px;
	}

	.header_inner { padding-left: 20px; padding-right: 20px; }
	.inner_w,
	.main_inner { padding-left: 24px; padding-right: 24px; }

	.sub_visual_top { height: 430px; }
	.sub_section { padding-top: 68px; padding-bottom: 68px; }

	.core_hero_text h1,
	.pipeline_intro_text h1,
	.feature_intro_text h1,
	.model_intro_text h1,
	.insight_intro_text h1,
	.twin_intro_text h1,
	.lifecycle_intro_text h1,
	.governance_intro_text h1,
	.pilot_intro_text h1,
	.energyflex_intro_content h1,
	.markets_intro_content h1,
	.product_detail_intro_content h1,
	.technology_intro_title h1,
	.technology_detail_heading h1,
	.mypage_section_title h1,
	.quote_history_title h1,
	.quote_view_title h1,
	.order_page_title h1 { font-size: 31px; }

	.sub_common_title h2,
	.sub_title h2,
	.technology_keyword_area h2,
	.mypage_section_title h2,
	.quote_view_header h2,
	.order_block_title h2 { font-size: 28px; }

	.core_hero_image,
	.pipeline_intro_visual,
	.feature_intro_visual,
	.model_intro_visual,
	.insight_intro_visual,
	.twin_intro_visual,
	.lifecycle_intro_visual,
	.governance_intro_visual,
	.pilot_intro_visual,
	.energyflex_intro_visual,
	.markets_intro_visual { height: 360px; }

	.core_architecture_grid,
	.pipeline_overview_grid,
	.pipeline_quality_grid,
	.feature_application_grid,
	.key_model_grid,
	.model_output_grid,
	.sub_image_grid,
	.sub_icon_grid,
	.sub_basic_grid,
	.lifecycle_value_grid,
	.energyflex_step_grid,
	.energyflex_workflow,
	.markets_quadrant_grid,
	.markets_matrix_grid,
	.technology_layer_grid { grid-template-columns: 1fr; }

	.sub_basic_grid_six,
	.pilot_modules_grid,
	.pilot_card_ui_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	.solution_depth_nav,
	.products_category,
	.product_detail_category,
	.experience_category,
	.faq_category,
	.patents_category,
	.project_request_tabs {
		justify-content: flex-start;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.solution_depth_nav::-webkit-scrollbar,
	.products_category::-webkit-scrollbar,
	.product_detail_category::-webkit-scrollbar,
	.experience_category::-webkit-scrollbar,
	.faq_category::-webkit-scrollbar,
	.patents_category::-webkit-scrollbar,
	.project_request_tabs::-webkit-scrollbar { display: none; }

	.solution_depth_nav a,
	.products_category a,
	.product_detail_category a,
	.experience_category a,
	.faq_category_button,
	.patents_category_button,
	.project_request_tab { flex: 0 0 auto; white-space: nowrap; }

	.markets_intro_layout,
	.energyflex_intro_layout { gap: 28px; }
	.markets_intro_content p,
	.energyflex_intro_content p { font-size: 15px; }

	.markets_application_grid { grid-template-columns: 1fr; }
	.markets_pipeline_grid { grid-template-columns: 1fr; }

	.product_visual_grid { gap: 18px 14px; }
	.technology_gap_grid { grid-template-columns: 1fr; }

	.project_form_field { grid-template-columns: 1fr; }
	.project_form_field label { padding-bottom: 8px; }

	.mypage_summary_grid { grid-template-columns: 1fr; }
	.quote_history_top { flex-direction: column; align-items: stretch; gap: 18px; }
	.quote_history_search { width: 100%; }
	.quote_history_list_head { display: none; }
	.quote_history_item { grid-template-columns: 1fr auto; }

	.order_product_item { grid-template-columns: 120px minmax(0, 1fr); }
	.order_product_quantity { grid-column: 2; justify-self: start; }
	.order_delivery_row { grid-template-columns: 135px minmax(0, 1fr); }

	.experience_gallery_section,
	.experience_view_section,
	.resource_list_section,
	.faq_section,
	.downloads_section,
	.patents_section { padding-top: 65px; padding-bottom: 95px; }

	.experience_view_header { flex-direction: column; align-items: flex-start; gap: 14px; }
	.experience_view_content { padding: 30px 24px 40px; }
	.resource_board_link { padding: 16px 18px; }
	
	.project_form_field{padding: 20px 20px 10px}
	.core_cta_list,
	.sub_cta_list {flex-wrap: wrap;}
	
	.pipeline_flow_main{min-width: 100%}
	
	.mypage_profile_info{gap:10px}
	.order_product_item{gap:10px}
	.order_product_image{width: 100%}
	
}

/* =========================
600px ↓ (모바일 핵심)
========================= */
@media (max-width: 600px) {
	:root {
		--fs-visual-title: 29px;
		--fs-page-title: 28px;
		--fs-section-title: 25px;
		--fs-lead: 17px;
		--fs-card-title: 16px;
		--fs-body-large: 15px;
		--fs-body: 14px;
		--fs-button: 14px;
		--fs-caption: 14px;
	}

	.header_inner { padding-left: 16px; padding-right: 16px; }
	.inner_w,
	.main_inner { padding-left: 18px; padding-right: 18px; }

	.sub_visual_top { height: 360px; }
	.sub_visual_top .txt { padding-top: 34px; }
	.sub_visual_top .txt ul { gap: 8px; }
	.sub_visual_top .txt ul li { font-size: 12px; }
	.sub_visual_top .txt h2 { margin-top: 14px; }
	.sub_section { padding-top: 55px; padding-bottom: 55px; }

	.core_hero,
	.pipeline_intro,
	.feature_intro,
	.model_intro,
	.insight_intro,
	.twin_intro,
	.lifecycle_intro,
	.governance_intro,
	.pilot_intro,
	.energyflex_intro,
	.markets_intro { padding-top: 105px; }

	.core_hero_text h1,
	.pipeline_intro_text h1,
	.feature_intro_text h1,
	.model_intro_text h1,
	.insight_intro_text h1,
	.twin_intro_text h1,
	.lifecycle_intro_text h1,
	.governance_intro_text h1,
	.pilot_intro_text h1,
	.energyflex_intro_content h1,
	.markets_intro_content h1,
	.product_detail_intro_content h1,
	.technology_intro_title h1,
	.technology_detail_heading h1,
	.mypage_section_title h1,
	.quote_history_title h1,
	.quote_view_title h1,
	.order_page_title h1 { font-size: 28px; line-height: 1.35; word-break: keep-all; }

	.sub_common_title h2,
	.sub_title h2,
	.technology_keyword_area h2,
	.mypage_section_title h2,
	.quote_view_header h2,
	.order_block_title h2 { font-size: 25px; line-height: 1.4; }

	.core_hero_text h1 br,
	.pipeline_intro_text h1 br,
	.feature_intro_text h1 br,
	.model_intro_text h1 br,
	.insight_intro_text h1 br,
	.twin_intro_text h1 br,
	.lifecycle_intro_text h1 br,
	.governance_intro_text h1 br,
	.pilot_intro_text h1 br,
	.energyflex_intro_content h1 br,
	.markets_intro_content h1 br,
	.product_detail_intro_content h1 br,
	.technology_intro_title h1 br,
	.technology_detail_heading h1 br,
	.sub_common_title h2 br { display: none; }

	.core_hero_image,
	.pipeline_intro_visual,
	.feature_intro_visual,
	.model_intro_visual,
	.insight_intro_visual,
	.twin_intro_visual,
	.lifecycle_intro_visual,
	.governance_intro_visual,
	.pilot_intro_visual,
	.energyflex_intro_visual,
	.markets_intro_visual { height: 280px; }

	.core_asset_grid,
	.feature_parameter_grid,
	.products_grid,
	.product_visual_grid,
	.experience_gallery_grid,
	.downloads_grid,
	.patents_grid { grid-template-columns: 1fr; }

	.sub_basic_grid_six,
	.pilot_modules_grid,
	.pilot_card_ui_grid { grid-template-columns: 1fr; }

	.markets_intro_layout,
	.energyflex_intro_layout,
	.product_detail_intro_layout { display: grid; grid-template-columns: 1fr; gap: 24px; }

	.markets_intro_content p,
	.energyflex_intro_content p,
	.product_detail_intro_content p,
	.technology_intro_title p,
	.technology_detail_heading p { font-size: 14px; line-height: 1.7; }

	.markets_intro_visual,
	.energyflex_intro_visual { min-height: 240px; }
	.markets_quadrant_card,
	.markets_pipeline_card,
	.markets_matrix_card,
	.energyflex_pipeline_column,
	.energyflex_step_card { padding: 20px 16px; }

	.product_color_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.product_quantity { grid-template-columns: 42px 64px 42px; }

	.technology_intro_visual,
	.technology_detail_visual { min-height: 260px; }
	.technology_case_image { min-height: 220px; }

	.project_request_form { padding: 24px 18px; }
	.project_form_field input,
	.project_form_field select,
	.project_form_field textarea { font-size: 14px; }

	.mypage_profile { flex-direction: column; }
	.mypage_cart_table { margin-left: -18px; margin-right: -18px; padding-left: 18px; padding-right: 18px; }

	.quote_history_search { height: 46px; grid-template-columns: 100px minmax(0, 1fr) 46px; }
	.quote_history_item { padding: 18px 14px; }
	.quote_view_information dl { grid-template-columns: 1fr; }

	.order_product_item { grid-template-columns: 90px minmax(0, 1fr); gap: 14px; }
	.order_product_image { width: 90px; height: 72px; }
	.order_delivery_row { grid-template-columns: 1fr; }
	.order_delivery_row label { padding: 13px 16px 7px; }
	.order_postcode_field { grid-template-columns: minmax(0, 1fr) 112px; }

	.experience_gallery_section,
	.experience_view_section,
	.resource_list_section,
	.faq_section,
	.downloads_section,
	.patents_section { padding-top: 52px; padding-bottom: 75px; }

	.experience_view_header { padding: 20px; }
	.experience_view_heading h1 { font-size: 20px; }
	.experience_view_content { padding: 22px 18px 32px; }
	.experience_view_text { font-size: 14px; }
	.experience_attachment_download { display: none; }

	.resource_board_link { min-height: 72px; padding: 15px 14px; }
	.faq_question { min-height: 68px; padding: 14px 44px 14px 14px; }
	.faq_answer_inner { padding: 22px 16px; font-size: 14px; }
	.downloads_card { min-height: 190px; padding: 25px 24px; }
	.patents_card_button { padding: 16px 16px 20px; }
	
	.market_card:nth-child(even){margin: 0}
	.mypage_profile_info {flex-wrap: wrap; gap:15px 10px}
	
	.mypage_profile_item span{font-size: 14px}
	.mypage_profile_item strong{font-size: 16px}
	
	.order_section{padding: 105px 0}
	
	.quote_history_count,
	.quote_history_count strong,
	.quote_history_item time,
	.experience_category a,
	.project_request_tab,
	.faq_category_button,
	.patents_category_button{font-size: 14px}
	
	.quote_history_subject strong{font-size: 16px}
	
	.experience_category,
	.project_request_tabs,
	.faq_category,
	.patents_category{
		flex-wrap: wrap;
	}
	
	.project_request_form{padding: 0}
	
	.downloads_grid{gap:20px}
	
	.pipeline_flow_arrow {
    transform: rotate(90deg);
}


.pipeline_flow_top {
    flex-direction: column;
}
	
	.pipeline_flow_center{min-width: 100%}
	
	.product_color_grid{gap:20px}
	
}

/* =========================
360px ↓ (초소형)
========================= */
@media (max-width: 360px) {
	:root {
		--fs-visual-title: 26px;
		--fs-page-title: 25px;
		--fs-section-title: 23px;
	}

	.header_inner { padding-left: 12px; padding-right: 12px; }
	.inner_w,
	.main_inner { padding-left: 14px; padding-right: 14px; }

	.sub_visual_top { height: 330px; }
	.sub_visual_top .txt ul li { font-size: 11px; }

	.core_hero_text h1,
	.pipeline_intro_text h1,
	.feature_intro_text h1,
	.model_intro_text h1,
	.insight_intro_text h1,
	.twin_intro_text h1,
	.lifecycle_intro_text h1,
	.governance_intro_text h1,
	.pilot_intro_text h1,
	.energyflex_intro_content h1,
	.markets_intro_content h1,
	.product_detail_intro_content h1,
	.technology_intro_title h1,
	.technology_detail_heading h1,
	.mypage_section_title h1,
	.quote_history_title h1,
	.quote_view_title h1,
	.order_page_title h1 { font-size: 25px; }

	.sub_common_title h2,
	.sub_title h2,
	.technology_keyword_area h2,
	.mypage_section_title h2,
	.quote_view_header h2,
	.order_block_title h2 { font-size: 23px; }

	.core_hero_image,
	.pipeline_intro_visual,
	.feature_intro_visual,
	.model_intro_visual,
	.insight_intro_visual,
	.twin_intro_visual,
	.lifecycle_intro_visual,
	.governance_intro_visual,
	.pilot_intro_visual,
	.energyflex_intro_visual,
	.markets_intro_visual { height: 245px; }

	.product_color_grid { grid-template-columns: 1fr; }
	.project_request_form { padding: 20px 14px; }

	.quote_history_search { grid-template-columns: 88px minmax(0, 1fr) 42px; height: 44px; }
	.quote_history_search select,
	.quote_history_search input { font-size: 13px; padding-left: 10px; }
	.resource_board_info time { display: none; }

	.order_product_item { grid-template-columns: 76px minmax(0, 1fr); }
	.order_product_image { width: 76px; height: 62px; }
	.order_postcode_field { grid-template-columns: 1fr; }

	.experience_view_header { padding: 18px 16px; }
	.experience_view_content { padding: 18px 14px 28px; }
	.downloads_card { min-height: 178px; padding: 22px 20px; }
}




@media (max-width: 600px) {

	.site_map_utility {
		margin-bottom: 24px;
		padding-bottom: 24px;
	}

	.site_map_utility_nav .utility_item > a,
	.site_map_utility_nav .utility_button {
		min-height: 50px;
		padding: 13px 38px 13px 0;
		font-size: 15px;
	}

	.site_map_utility_nav .utility_dropdown a {
		padding: 7px 12px;
		font-size: 14px;
	}

}