@charset "utf-8";

/*
=============================================================================
NEWRUN MOTORS RESPONSIVE
PC(style.css / sub.css)는 사용자가 최종 조정한 값을 기준으로 유지.
반응형에서만 단계별로 보정.

Breakpoints
1921+ / 1640 / 1370 / 1280 / 1024 / 860 / 768 / 600 / 360
=============================================================================
*/

@media (min-width: 1921px) {
    .inner_w {max-width:1680px}
    .header_inner {max-width:1720px}
    .newrun_sub_visual .sub_visual_top {max-width:1800px;height:760px}
    .sub_visual_top .inner_w {max-width:1640px}
    .company_history_inner {max-width:1380px}
    .company_org .inner_w {max-width:1440px}
    .company_location .inner_w {max-width:1760px}
}

@media (max-width: 1640px) {
    :root {--header-h:92px}
    .inner_w {width:calc(100% - 200px)}
    .header_inner {width:calc(100% - 140px)}
    .site_logo {width:180px}
    .top_nav {gap:52px}
    .top_nav_link {font-size:17px}
    .section_label {font-size:50px}

    .newrun_sub_visual .sub_visual_top {width:calc(100% - 100px);min-height:650px}
    .sub_visual_top .inner_w {width:calc(100% - 130px)}
    .sub_visual_copy h1 {font-size:58px}

    .company_history_inner,
    .company_org .inner_w {width:calc(100% - 200px)}

    .company_history_layout {grid-template-columns:minmax(430px,470px) minmax(460px,520px);gap:65px}
    .history_visual_img {height:470px}

    .mv_mission {height:720px}
    .mv_points {grid-template-columns:repeat(2,290px)}
    .mv_vision_copy {padding:70px 8vw}
    .company_location .inner_w {width:calc(100% - 120px)}
    .company_location_map {height:580px}
    .company_location_item {padding-left:90px;padding-right:90px}
}

@media (max-width: 1370px) {
    :root {--header-h:88px}
    .inner_w {width:calc(100% - 140px)}
    .header_inner {width:calc(100% - 100px)}
    .site_logo {width:168px}
    .top_nav {gap:42px}
    .top_nav_link {font-size:16px}
    .header_right {gap:20px}

    .hero_content h2 {font-size:54px}
    .why_top h2,
    .innovation_center h2,
    .cta_copy h2 {font-size:42px}

    .newrun_sub_visual .sub_visual_top {width:calc(100% - 70px);min-height:610px;border-radius:18px}
    .sub_visual_top .inner_w {width:calc(100% - 100px)}
    .sub_visual_copy {bottom:65px}
    .sub_visual_copy h1 {font-size:52px}
    .sub_visual_selects {bottom:60px}

    .company_story_copy {padding:125px 0}
    .company_story_copy h2 {font-size:48px}
    .company_story_desc {font-size:18px}

    .company_history {padding:130px 0}
    .company_history_inner,
    .company_org .inner_w {width:calc(100% - 150px)}
    .company_history_layout {grid-template-columns:430px minmax(440px,500px);gap:55px}
    .history_visual_img {height:430px}
    .history_visual_item strong {font-size:40px}
    .history_year li,
    .history_month {font-size:16px}

    .org_ceo {width:200px;height:74px;font-size:22px}
    .org_management {width:200px;height:66px;font-size:20px}
    .org_department h3 {min-width:190px;height:64px;font-size:20px}
    .org_team {min-height:64px;font-size:17px}

    .mv_intro {padding:100px 0 70px}
    .mv_intro_head h2 {font-size:44px}
    .mv_mission {height:680px}
    .mv_mission_copy {top:100px}
    .mv_mission_copy h2 {font-size:39px}
    .mv_points {bottom:65px;grid-template-columns:repeat(2,270px)}
    .mv_point {min-height:155px;padding:30px 28px}
    .mv_point p {font-size:17px}
    .mv_point p + p{font-size: 14px}
    .mv_vision {min-height:560px}
    .mv_vision_copy h2 {font-size:30px}
    .mv_core_head h2 {font-size:38px}
    .mv_core {padding:120px 0 150px}
    .mv_core_pin {max-width:980px}
    .mv_core_card {grid-template-columns:270px 1fr;gap:42px}
    .mv_core_no {font-size:36px}

    .company_location {padding:100px 0 130px}
    .company_location_map {height:520px}
    .company_location_item {grid-template-columns:190px 1fr 100px;gap:45px;padding:20px 65px}
}

@media (max-width: 1280px) {
    :root {--header-h:84px}
    .inner_w {width:calc(100% - 100px)}
    .header_inner {width:calc(100% - 80px)}
    .top_nav {gap:34px}

    .panel_zone {height:auto!important}
    .panel_section {min-height:auto!important;height:auto!important}
    .product_section,
    .innovation_section,
    .why_section {min-height:auto!important}

    .why_numbers {gap:40px}
    .why_numbers>div {min-width:130px}
    .why_numbers strong {min-width:100px;font-variant-numeric:tabular-nums}

    .newrun_sub_visual .sub_visual_top {width:calc(100% - 60px);height:620px;min-height:0}
    .sub_visual_top .inner_w {width:calc(100% - 80px)}
    .sub_visual_copy h1 {font-size:48px}

    .company_intro {height:auto!important;padding:100px 0 0}
    .company_intro_pin {height:auto!important;overflow:visible}
    .company_wordmark {top:145px;transform:translate(-50%,0)}
    .company_zoom_frame {position:relative;left:auto;top:auto;width:min(620px,calc(100% - 90px));height:390px;margin:55px auto 100px;transform:none}
    .company_story_layers {position:relative;inset:auto}
    .company_story_layer {position:relative;inset:auto;height:700px;opacity:1!important;visibility:visible!important}
    .company_story_layer>img {transform:none!important}
    .company_story_copy {padding:90px 0 75px}

    .company_history_inner,
    .company_org .inner_w {width:calc(100% - 100px)}
    .company_history_layout {grid-template-columns:minmax(350px,.9fr) minmax(400px,1fr);gap:45px}
    .history_visual {height:460px}
    .history_visual_img {height:370px}
    .company_org {padding:110px 0 125px}
    .org_chart {max-width:1080px}
    .org_management {left:calc(50% - 290px)}
    .org_management:after {width:90px}
    .org_main_line {left:14%;right:14%}
    .org_department h3 {min-width:175px}
    .org_team {font-size:16px}

    .mv_mission_inner {width:calc(100% - 100px)}
    .mv_points {grid-template-columns:repeat(2,250px)}
    .mv_vision_copy {padding:60px 6vw}
    .mv_core_card {grid-template-columns:250px 1fr}

    .company_location .inner_w {width:calc(100% - 70px)}
    .company_location_item {padding-left:40px;padding-right:40px}
}

@media (max-width: 1024px) {
    :root {--header-h:76px}
    .main_navigation {display:none}
    .header_inner,
    .inner_w {width:calc(100% - 50px)}
    .site_logo {width:150px;height:44px}
    .site_map_panel {width:min(520px,78vw)}

    .hero_section,
    .hero_slider,
    .hero_slider .slick-list,
    .hero_slider .slick-track,
    .hero_slide {height:820px}

    .product_section,
    .innovation_section,
    .why_section {padding:100px 0}
    .product_cards {height:500px}
    .why_top {align-items:flex-start;flex-direction:column}
    .why_cards {grid-template-columns:repeat(2,1fr)}
    .notice_grid {gap:60px}

    .newrun_sub_visual {padding-bottom:50px}
    .newrun_sub_visual .sub_visual_top {width:calc(100% - 40px);height:540px;border-radius:16px}
    .sub_visual_top .inner_w {width:calc(100% - 60px)}
    .sub_visual_copy {bottom:52px}
    .sub_visual_copy h1 {font-size:43px}
    .sub_visual_selects {bottom:44px}
    .sub_select {min-width:145px}
    .sub_select_btn {height:48px;padding-left:16px}

    .company_zoom_frame {height:330px}
    .company_story_layer {height:610px}
    .company_story_copy h2 {font-size:40px}
    .company_story_desc {width:min(480px,65vw);font-size:16px}

    .company_history {padding:100px 0 115px}
    .company_history_inner,
    .company_org .inner_w {width:calc(100% - 60px)}
    .company_history_head h2,
    .company_org_head h2 {font-size:40px}
    .company_history_layout {grid-template-columns:40% 1fr;gap:35px}
    .history_visual {top:calc(var(--header-h) + 30px);height:400px}
    .history_visual_img {height:300px;border-radius:14px}
    .history_visual_item strong {font-size:30px}
    .history_timeline {padding-left:40px}
    .history_year {padding-bottom:38px}
    .history_year h3 {font-size:24px}
    .history_year li,
    .history_month {font-size:14px}

    .org_management {left:calc(50% - 250px);width:180px;font-size:17px}
    .org_management:after {width:70px}
    .org_department h3 {min-width:155px;font-size:17px}
    .org_team {min-height:58px;padding:8px 10px;font-size:14px}

    /* company02: 이 구간부터 Core Value pin/겹침 효과 해제 */
    .mv_intro {padding:80px 0 60px}
    .mv_intro_head h2 {font-size:40px}
    .mv_mission {height:620px}
    .mv_mission_inner {width:calc(100% - 60px)}
    .mv_mission_copy {top:80px}
    .mv_mission_copy h2 {font-size:34px}
    .mv_points {right:0;bottom:50px;grid-template-columns:repeat(2,225px);gap:12px}
    .mv_point {min-height:145px;padding:26px 22px}
    .mv_point p {font-size:15px}
    .mv_point p + p{font-size: 14px;}
    .mv_vision {min-height:500px}
    .mv_vision_copy {padding:50px 5vw}
    .mv_vision_copy h2{font-size:28px}
    .mv_core_head h2 {font-size:34px}
    .mv_core {padding:100px 0 115px}
    .mv_core_head {margin-bottom:52px}
    .mv_core_stack {height:auto}
    .mv_core_card {position:relative!important;left:auto!important;top:auto!important;transform:none!important;grid-template-columns:220px 1fr;gap:32px;min-height:220px;padding:24px}
    .mv_core_card + .mv_core_card {margin-top:18px}
    .mv_core_img {height:170px}
    .mv_core_no {top:-46px;font-size:32px}
    .mv_core_text h3 {font-size:24px}
    .mv_core_text p {font-size:14px}

    .company_location {padding:80px 0 110px}
    .company_location .inner_w {width:calc(100% - 50px)}
    .company_location_map {height:440px}
    .company_location_item {grid-template-columns:160px 1fr 88px;gap:28px;padding:20px 15px}
    .company_location_item h2 {font-size:25px}
    .company_location_item dt,
    .company_location_item dd {font-size:14px}
    .company_location_btn {width:82px;height:82px}
}

@media (max-width: 860px) {
    .inner_w,
    .header_inner {width:calc(100% - 40px)}
    .site_map_panel {width:min(500px,88vw)}

    .hero_content h2 {font-size:46px}
    .why_numbers {width:100%;justify-content:space-between;gap:18px}
    .why_numbers>div {flex:1 1 0;min-width:0}

    .newrun_sub_visual .sub_visual_top {width:calc(100% - 28px);height:500px}
    .sub_visual_top .inner_w {width:calc(100% - 42px)}
    .sub_visual_copy {bottom:122px}
    .sub_visual_selects {left:0;right:0;bottom:28px}
    .sub_select {flex:1 1 0;min-width:0}

    .company_intro {padding-top:70px}
    .company_wordmark {top:85px}
    .company_zoom_frame {width:calc(100% - 70px);height:300px;margin-bottom:75px}
    .company_story_layer {height:560px}
    .company_story_copy {padding:65px 0 55px}
    .company_story_copy h2 {font-size:34px}
    .company_story_desc {width:100%;max-width:520px;font-size:15px}

    .company_history_layout {display:block}
    .company_history_head {margin-bottom:45px}
    .history_visual {position:relative;top:auto;height:390px;margin-bottom:50px}
    .history_visual_item {display:none}
    .history_visual_item.is-active {display:block;position:relative}
    .history_visual_img {height:310px}
    .history_timeline {padding-left:30px}
    .history_timeline:before {left:5px}
    .history_dot {left:-29px}

    .company_org {padding:90px 0 100px}
    .org_chart {min-height:0}
    .org_ceo {margin-bottom:26px}
    .org_ceo:after {height:26px}
    .org_management {position:relative;top:auto;left:auto;margin:0 auto 42px}
    .org_management:after,
    .org_main_line {display:none}
    .org_departments {position:relative;left:auto;top:auto;display:grid;grid-template-columns:1fr;gap:30px}
    .org_department {padding-top:28px}
    .org_department:before {height:28px}
    .org_department h3 {margin-top:0}
    .org_team_line,
    .org_department_production .org_team_line {width:74%;right:auto;margin:0 auto}
    .org_teams_sales,
    .org_teams_research {width:100%;right:auto;margin:0}
    .org_teams_sales {grid-template-columns:repeat(3,1fr)}

    .mv_mission {height:auto;min-height:650px}
    .mv_mission_inner {width:calc(100% - 50px);padding:70px 0 50px}
    .mv_mission_copy {position:relative;top:auto;left:auto}
    .mv_points {position:relative;right:auto;bottom:auto;margin-top:170px;grid-template-columns:repeat(2,1fr)}
    .mv_vision {grid-template-columns:1fr}
    .mv_vision_image {min-height:430px}
    .mv_vision_copy {min-height:350px;padding:65px 50px}
    .mv_core_card {grid-template-columns:190px 1fr}

    .company_location_map {height:380px}
    .company_location_item {grid-template-columns:130px 1fr 78px;gap:20px}
    .company_location_item dl>div {grid-template-columns:74px 1fr}
    .company_location_btn {width:74px;height:74px;border-radius:12px}
    .company_location_btn svg {width:28px;height:28px}
}

@media (max-width: 768px) {
    :root {--header-h:68px}
    .inner_w,
    .header_inner {width:calc(100% - 32px)}
    .site_logo {width:128px}
    .header_right {gap:15px}
    .header_language {gap:8px}
    .header_language a {font-size:10px}
    .site_map_panel {width:100%}
    .site_map_inner {padding:92px 28px 40px}
    .site_map_close {right:24px;top:25px}
    .site_map_item+.site_map_item {margin-top:24px}
    .site_map_title {font-size:22px}
    .site_map_depth2 a {font-size:14px}

    .hero_section,
    .hero_slider,
    .hero_slider .slick-list,
    .hero_slider .slick-track,
    .hero_slide {height:100svh;min-height:650px}
    .hero_content h2 {margin-bottom:20px;font-size:40px}
    .hero_content p {margin-bottom:30px;font-size:15px;line-height:1.65}
    .hero_nav {grid-template-columns:repeat(2,1fr);bottom:24px}

    .product_section,
    .innovation_section,
    .why_section {padding:82px 0}
    .section_label {margin-bottom:26px;font-size:30px}
    .product_cards {display:block;height:auto}
    .product_card,
    .product_card.active {min-height:300px;margin-bottom:12px}
    .product_copy {left:24px;top:24px;right:24px}
    .product_copy h3 {font-size:23px}
    .product_copy p {opacity:1;transform:none;font-size:13px}
    .product_links,
    .product_card.active .product_links {position:relative;left:0;right:auto;bottom:auto;display:flex;flex-wrap:wrap;gap:6px;width:auto;padding:165px 24px 24px;opacity:1;transform:none}
    .product_links a {height:34px;margin:0;padding:0 16px}
    .innovation_center {padding:90px 16px}
    .innovation_center h2,
    .why_top h2,
    .notice_title h2 {font-size:32px}
    .innovation_marquee div {font-size:76px}
    .why_cards {grid-template-columns:1fr;gap:12px}
    .notice_section {padding:80px 0}
    .notice_grid {grid-template-columns:1fr;gap:42px}

    .footer_top {align-items:flex-start;flex-direction:column;gap:28px}
    .footer_nav ul {flex-wrap:wrap;gap:15px 24px}
    .footer_bottom {align-items:flex-start;flex-direction:column;gap:10px}

    .newrun_sub_visual {padding-bottom:40px}
    .newrun_sub_visual .sub_visual_top {height:470px;border-radius:14px}
    .newrun_sub_visual .sub_visual_dim {background:linear-gradient(180deg,rgba(0,0,0,.12) 15%,rgba(0,0,0,.62) 100%)}
    .sub_visual_copy {bottom:118px}
    .sub_visual_eyebrow {margin-bottom:12px;font-size:12px}
    .sub_visual_copy h1 {font-size:34px}
    .sub_breadcrumb {margin-top:22px;font-size:10px}
    .sub_visual_selects {gap:8px;bottom:22px}
    .sub_select_btn {height:44px;padding:0 7px 0 12px;gap:8px;font-size:11px}
    .sub_select_btn i {width:28px;height:28px;flex-basis:28px}

    .company_zoom_frame {width:calc(100% - 48px);height:220px;margin:28px auto 60px;border-radius:12px}
    .company_story_layer {height:510px}
    .company_story_dim {background:linear-gradient(180deg,rgba(0,0,0,.06) 18%,rgba(0,0,0,.7) 100%)}
    .company_story_copy {padding:50px 0 38px}
    .company_story_copy h2 {font-size:30px}
    .company_story_desc {max-width:430px;font-size:13px;line-height:1.7}

    .company_history {padding:80px 0 90px}
    .company_history_inner,
    .company_org .inner_w {width:calc(100% - 36px)}
    .company_history_head p,
    .company_org_head p {margin-bottom:10px;font-size:12px}
    .company_history_head h2,
    .company_org_head h2 {font-size:30px}
    .history_visual {height:300px;margin-bottom:40px}
    .history_visual_img {height:235px;border-radius:10px}
    .history_visual_item strong {margin-top:14px;font-size:22px}
    .history_year h3 {font-size:20px}
    .history_year li {grid-template-columns:28px 1fr;gap:8px;font-size:12px;line-height:1.6}
    .history_month {font-size:12px}

    .company_org {padding:80px 0 90px}
    .company_org_head {margin-bottom:45px}
    .org_ceo {width:150px;height:56px;font-size:17px}
    .org_management {width:150px;height:52px;font-size:14px}
    .org_department h3 {height:50px;min-width:150px;font-size:15px}
    .org_teams {gap:10px}
    .org_team {min-height:50px;font-size:12px}

    .mv_intro {padding:65px 0 50px}
    .mv_intro_head .eyebrow,
    .mv_mission_copy .eyebrow,
    .mv_vision_copy .eyebrow,
    .mv_core_head .eyebrow {margin-bottom:12px;font-size:12px}
    .mv_intro_head h2 {font-size:34px}
    .mv_mission {min-height:600px}
    .mv_mission_inner {width:calc(100% - 36px);padding-top:55px}
    .mv_mission_copy h2 {font-size:29px;line-height:1.5}
    .mv_points {margin-top:150px;grid-template-columns:1fr;gap:10px}
    .mv_point {min-height:0;padding:22px}
    .mv_point>span {margin-bottom:14px}
    .mv_point p {font-size:14px}
    .mv_vision_image {min-height:350px}
    .mv_vision_copy {min-height:300px;padding:55px 24px}
    .mv_vision_copy h2{font-size:24px}
    .mv_core_head h2 {font-size:29px}
    .mv_core {padding:80px 0 90px}
    .mv_core_head {margin-bottom:42px}
    .mv_core_card {grid-template-columns:150px 1fr;gap:22px;min-height:190px;padding:18px;border-radius:12px}
    .mv_core_img {height:150px}
    .mv_core_text {padding-right:0}
    .mv_core_no {position:static;display:block;margin-bottom:12px;color:#ececec;font-size:19px}
    .mv_core_text h3 {margin-bottom:12px;font-size:21px}
    .mv_core_text p {font-size:12px;line-height:1.65}

    .company_location {padding:65px 0 85px}
    .company_location .inner_w {width:calc(100% - 32px)}
    .company_location_map {height:330px}
    .company_location_list {margin-top:28px}
    .company_location_item {grid-template-columns:1fr 76px;gap:18px;padding:24px 0}
    .company_location_item h2 {grid-column:1/-1;font-size:24px}
    .company_location_item dl {grid-column:1}
    .company_location_btn {grid-column:2;grid-row:2}
}

@media (max-width: 600px) {
    .inner_w,
    .header_inner {width:calc(100% - 28px)}
    .site_logo {width:118px}
    .site_map_inner {padding-left:22px;padding-right:22px}

    .hero_content h2 {font-size:34px}
    .hero_content p {font-size:14px}
    .why_numbers {display:grid;grid-template-columns:repeat(2,1fr)}
    .why_numbers strong {min-width:0;font-size:34px}

    .newrun_sub_visual .sub_visual_top {width:calc(100% - 20px);height:440px;border-radius:12px}
    .sub_visual_top .inner_w {width:calc(100% - 28px)}
    .sub_visual_copy h1 {font-size:30px}
    .sub_select_btn {font-size:10px}

    .company_zoom_frame {width:calc(100% - 32px);height:190px}
    .company_story_layer {height:460px}
    .company_story_copy {padding-top:40px}
    .company_story_copy h2 {font-size:27px}
    .company_story_desc {font-size:12px}
    .company_history_head h2,
    .company_org_head h2 {font-size:27px}
    .history_visual {height:265px}
    .history_visual_img {height:205px}

    .org_teams_sales {grid-template-columns:1fr}
    .org_team_line {display:none}
    .org_team:before {display:none}
    .org_teams_research {grid-template-columns:1fr 1fr}

    .mv_intro_head h2 {font-size:29px}
    .mv_mission {min-height:570px}
    .mv_mission_copy h2 {font-size:25px}
    .mv_points {margin-top:135px}
    .mv_vision_image {min-height:300px}
    .mv_vision_copy {min-height:260px;padding:45px 20px}
    .mv_vision_copy h2{font-size:22px}
    .mv_core_head h2 {font-size:25px}
    .mv_core_card {display:block}
    .mv_core_img {height:210px;margin-bottom:22px}
    .mv_core_text h3 {font-size:20px}

    .company_location_map {height:280px}
    .company_location_item {grid-template-columns:1fr 66px}
    .company_location_item dl>div {grid-template-columns:64px 1fr;gap:10px}
    .company_location_item dt,
    .company_location_item dd {font-size:12px}
    .company_location_btn {width:62px;height:62px;font-size:11px}
    .company_location_btn svg {width:24px;height:24px}
}

@media (max-width: 360px) {
    .inner_w,
    .header_inner {width:calc(100% - 22px)}
    .site_logo {width:104px}
    .header_language {display:none}

    .newrun_sub_visual .sub_visual_top {width:calc(100% - 14px);height:410px;border-radius:10px}
    .sub_visual_top .inner_w {width:calc(100% - 22px)}
    .sub_visual_copy h1 {font-size:27px}
    .sub_breadcrumb {gap:8px}
    .sub_select_btn {height:42px;padding-left:9px;font-size:9px}
    .sub_select_btn i {width:26px;height:26px;flex-basis:26px}

    .company_story_layer {height:430px}
    .company_story_copy h2 {font-size:24px}
    .company_story_desc {font-size:11px}
    .history_year li {grid-template-columns:25px 1fr;font-size:11px}
    .history_month {font-size:11px}

    .mv_intro_head h2 {font-size:26px}
    .mv_mission_copy h2,
    .mv_vision_copy h2{font-size:20px}
    .mv_core_head h2 {font-size:23px}
    .mv_point {padding:18px}
    .mv_core_img {height:180px}

    .company_location_map {height:245px}
    .company_location_item h2 {font-size:21px}
}


/* ==========================================================================
   FINAL RESPONSIVE SYNC
   PC style.css / sub.css 기준 신규 페이지 전체 보정
   ========================================================================== */

@media (min-width:1921px){
    .product_list_cards,
    .rnd_cert_grid,
    .rnd_supply_grid,
    .support_notice_grid,
    .support_catalog_grid{
        max-width:1400px;
    }

    .support_inquiry_inner{
        max-width:1380px;
    }

    .esg_product_inner,
    .esg_governance_section .inner_w,
    .esg_principles_inner{
        max-width:1680px;
    }
}


@media (max-width:1640px){

    .product_category_item{
        padding:180px 24px 95px;
    }

    .product_category_name_en{
        font-size:40px;
    }

    .product_category_image{
        height:410px;
        margin-top:55px;
    }

    .product_list_cards{
        width:min(1280px,100%);
    }

    .product_list_card{
        min-height:340px;
        gap:50px;
        padding:52px 72px;
    }

    .product_list_info h3{
        font-size:34px;
    }

    .product_list_desc{
        font-size:17px;
    }

    .rnd_cert_grid{
        width:min(1280px,100%);
    }

    .rnd_supply_grid{
        width:min(1220px,100%);
    }

    .rnd_supply_modal_panel{
        width:min(1320px,calc(100vw - 80px));
        height:min(640px,calc(100vh - 80px));
    }

    .esg_product_inner{
        gap:60px;
    }

    .esg_product_copy{
        width:42%;
    }

    .esg_product_cards{
        width:55%;
    }

    .esg_governance_slider{
        width:calc(100% + 260px);
        margin-right:-260px;
    }

    .support_notice_grid,
    .support_catalog_grid{
        width:min(1180px,100%);
    }

    .support_inquiry_inner{
        width:min(calc(100% - 200px),1280px);
        gap:70px;
    }
}


@media (max-width:1370px){

    .product_category_item{
        padding:155px 18px 75px;
    }

    .product_category_name_ko{
        margin-bottom:14px;
        font-size:17px;
    }

    .product_category_name_en{
        font-size:36px;
    }

    .product_category_image{
        height:360px;
        margin-top:45px;
    }

    .product_category_grid[style*="--product-category-count:2"] .product_category_item{
        padding-left:45px;
        padding-right:45px;
    }

    .product_category_grid[style*="--product-category-count:2"] .product_category_image{
        height:430px;
    }

    .product_list_page,
    .rnd_content,
    .support_notice_section,
    .support_catalog_section{
        padding:75px 0 125px;
    }

    .product_list_head,
    .rnd_page_head,
    .support_page_head{
        margin-bottom:50px;
    }

    .product_list_head h2,
    .rnd_page_head h2,
    .support_page_head h2{
        font-size:36px;
    }

    .product_list_card{
        min-height:315px;
        gap:42px;
        padding:45px 58px;
    }

    .product_list_info h3{
        font-size:31px;
    }

    .product_list_tags{
        margin-top:36px;
    }

    .rnd_cert_grid{
        grid-template-columns:repeat(4,1fr);
        gap:14px;
    }

    .rnd_supply_grid{
        gap:16px;
    }

    .rnd_supply_modal_panel{
        grid-template-columns:62% 38%;
    }

    .esg_management_title h2,
    .esg_section_copy h2,
    .esg_safety_head h2,
    .esg_principles_head h2{
        font-size:31px;
    }

    .esg_product_section,
    .esg_product_inner{
        min-height:580px;
    }

    .esg_product_copy h2{
        font-size:31px;
    }

    .esg_product_copy p{
        font-size:15px;
    }

    .esg_product_card{
        padding:20px 14px 14px;
    }

    .esg_product_card_img{
        height:165px;
    }

    .esg_energy_img{
        height:260px;
    }

    .esg_governance_image{
        height:410px;
    }

    .esg_governance_slide{
        gap:42px;
        padding-right:60px;
    }

    .support_notice_grid{
        gap:16px;
    }

    .newrun_notice_card a{
        min-height:250px;
        padding:34px 32px;
    }

    .support_catalog_card{
        grid-template-columns:200px 1fr;
        gap:28px;
    }

    .support_catalog_thumb{
        height:205px;
    }

    .support_inquiry_inner{
        width:calc(100% - 140px);
        gap:55px;
    }

    .support_inquiry_intro h2{
        font-size:38px;
    }
}


@media (max-width:1280px){

    /*
     * 메인 패널 JS도 1280 이하에서 해제됨.
     * product 카테고리의 header overlap은 유지.
     */
    .product_category_container{
        padding-top:0 !important;
    }

    .product_category_page,
    .product_category_container .product_category_page{
        height:auto;
        min-height:100vh;
    }

    .product_category_grid,
    .product_category_container .product_category_grid{
        min-height:100vh;
        height:auto;
    }

    .product_category_item,
    .product_category_container .product_category_item{
        min-height:100vh;
        height:auto;
        padding:145px 16px 70px;
    }

    .product_category_name_en{
        font-size:32px;
    }

    .product_category_image{
        height:330px;
    }

    .product_list_card{
        grid-template-columns:1.1fr .9fr;
        padding:42px 48px;
    }

    .product_modal_panel{
        width:min(920px,calc(100vw - 60px));
    }

    .rnd_cert_grid{
        grid-template-columns:repeat(3,1fr);
    }

    .rnd_supply_grid{
        grid-template-columns:repeat(3,1fr);
    }

    .rnd_supply_modal_panel{
        width:calc(100vw - 60px);
        height:min(620px,calc(100vh - 60px));
    }

    .esg_product_inner{
        gap:40px;
    }

    .esg_product_copy{
        width:38%;
    }

    .esg_product_cards{
        width:60%;
        gap:12px;
    }

    .esg_safety_items{
        width:min(900px,100%);
        gap:26px;
    }

    .esg_governance_slider{
        width:calc(100% + 200px);
        margin-right:-200px;
    }

    .esg_governance_slider .slick-list{
        padding-right:120px;
    }

    .esg_governance_slide{
        grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);
        gap:35px;
        padding-right:50px;
    }

    .support_notice_grid{
        grid-template-columns:repeat(3,1fr);
    }

    .support_inquiry_inner{
        width:calc(100% - 100px);
        grid-template-columns:.8fr 1.2fr;
        gap:45px;
    }

    .support_catalog_card{
        grid-template-columns:180px 1fr;
        min-height:235px;
    }

    .support_catalog_thumb{
        height:190px;
    }
}


@media (max-width:1024px){

    .product_category_grid,
    .product_category_container .product_category_grid{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        min-height:0;
    }

    .product_category_item,
    .product_category_container .product_category_item{
        min-height:540px;
        padding:110px 24px 45px;
        border-left:1px solid #ddd;
        border-bottom:1px solid #ddd;
    }

    .product_category_item:nth-child(odd){
        border-left:0;
    }

    .product_category_name_ko{
        font-size:16px;
    }

    .product_category_name_en{
        font-size:31px;
    }

    .product_category_image{
        height:280px;
        margin-top:35px;
    }

    .product_category_grid[style*="--product-category-count:2"] .product_category_item{
        padding-left:24px;
        padding-right:24px;
    }

    .product_category_grid[style*="--product-category-count:2"] .product_category_image{
        height:300px;
    }

    .product_category_grid[style*="--product-category-count:6"],
    .product_category_grid[style*="--product-category-count:7"],
    .product_category_grid[style*="--product-category-count:8"],
    .product_category_grid[style*="--product-category-count:9"]{
        overflow-x:visible;
    }

    .product_category_grid[style*="--product-category-count:6"] .product_category_item,
    .product_category_grid[style*="--product-category-count:7"] .product_category_item,
    .product_category_grid[style*="--product-category-count:8"] .product_category_item,
    .product_category_grid[style*="--product-category-count:9"] .product_category_item{
        flex:auto;
    }

    .product_list_page,
    .rnd_content,
    .support_notice_section,
    .support_catalog_section{
        padding:65px 0 100px;
    }

    .product_list_card{
        min-height:280px;
        gap:30px;
        padding:36px 36px;
    }

    .product_list_info h3{
        font-size:28px;
    }

    .product_list_desc{
        margin-top:14px;
        font-size:15px;
    }

    .product_list_tags{
        margin-top:28px;
        padding-top:20px;
    }

    .product_list_thumb{
        height:165px;
    }

    .product_modal_panel{
        width:calc(100vw - 40px);
    }

    .product_modal_slider_wrap{
        padding-left:24px;
        padding-right:24px;
    }

    .rnd_filter_tabs{
        flex-wrap:wrap;
    }

    .rnd_cert_grid{
        grid-template-columns:repeat(3,1fr);
    }

    .rnd_supply_filters{
        flex-wrap:wrap;
    }

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

    .rnd_supply_modal_panel{
        height:min(720px,calc(100vh - 40px));
        grid-template-columns:1fr;
        grid-template-rows:minmax(0,1fr) auto;
        overflow-y:auto;
    }

    .rnd_supply_modal_info{
        padding:28px 30px 34px;
    }

    .rnd_cert_modal_panel{
        width:min(660px,calc(100vw - 40px));
    }

    .esg_management_title{
        padding:55px 0 45px;
    }

    .esg_product_section,
    .esg_product_inner{
        min-height:0;
    }

    .esg_product_inner{
        padding:80px 0;
        display:block;
    }

    .esg_product_copy,
    .esg_product_cards{
        width:100%;
    }

    .esg_product_copy{
        max-width:720px;
    }

    .esg_product_cards{
        margin-top:45px;
    }

    .esg_energy_section,
    .esg_governance_section,
    .esg_closing_section{
        padding:85px 0 95px;
    }

    .esg_energy_img{
        height:220px;
    }

    .esg_safety_section{
        padding:90px 0 95px;
    }

    .esg_safety_items{
        gap:18px;
    }

    .esg_governance_slider{
        width:calc(100% + 120px);
        margin-right:-120px;
    }

    .esg_governance_slider .slick-list{
        padding-right:70px;
    }

    .esg_governance_slide{
        grid-template-columns:1fr 300px;
        gap:28px;
        padding-right:35px;
    }

    .esg_governance_image{
        height:350px;
    }

    .esg_governance_text h3{
        font-size:25px;
    }

    .esg_principles_cards{
        width:min(850px,100%);
    }

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

    .support_notice_view > .inner_w,
    .support_notice_write > .inner_w{
        width:calc(100% - 60px);
    }

    .support_inquiry_section{
        padding-top:75px;
    }

    .support_inquiry_inner{
        width:calc(100% - 60px);
        display:block;
        padding-bottom:110px;
    }

    .support_inquiry_intro{
        max-width:650px;
        padding-top:0;
        margin-bottom:50px;
    }

    .support_inquiry_form{
        max-width:760px;
        margin-left:auto;
    }

    .support_catalog_grid{
        width:min(760px,100%);
        grid-template-columns:1fr;
    }

    .support_catalog_card{
        grid-template-columns:210px 1fr;
    }

    .privacy_content{
        width:min(760px,calc(100% - 32px));
    }
}


@media (max-width:860px){

    .product_category_item,
    .product_category_container .product_category_item{
        min-height:500px;
        padding-top:95px;
    }

    .product_category_name_en{
        font-size:28px;
    }

    .product_category_image{
        height:255px;
    }

    .product_list_card{
        grid-template-columns:1fr 220px;
        padding:32px;
    }

    .product_list_info h3{
        font-size:25px;
    }

    .product_list_thumb{
        height:145px;
    }

    .product_modal_head{
        padding-left:24px;
        padding-right:24px;
    }

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

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

    .esg_product_cards{
        grid-template-columns:repeat(3,1fr);
    }

    .esg_product_card_img{
        height:145px;
    }

    .esg_energy_grid{
        gap:12px;
    }

    .esg_energy_img{
        height:190px;
    }

    .esg_safety_items{
        width:min(700px,100%);
        gap:14px;
    }

    .esg_safety_items h3{
        font-size:12px;
    }

    .esg_governance_slider{
        width:100%;
        margin-right:0;
    }

    .esg_governance_slider .slick-list{
        padding-right:0;
    }

    .esg_governance_slide{
        grid-template-columns:1fr;
        gap:25px;
        padding-right:0;
    }

    .esg_governance_image{
        height:330px;
    }

    .esg_governance_text{
        padding:0 5px;
    }

    .esg_governance_text span{
        margin-bottom:16px;
    }

    .esg_governance_text p{
        margin-top:16px;
    }

    .esg_principles_section,
    .esg_principles_inner{
        min-height:600px;
    }

    .support_notice_view_head h2{
        font-size:30px;
    }

    .support_notice_write_form > label,
    .support_notice_write_row{
        grid-template-columns:125px 1fr;
        gap:20px;
    }

    .support_notice_language_box > label{
        grid-template-columns:120px 1fr;
        gap:20px;
    }

    .support_inquiry_intro h2{
        font-size:34px;
    }

    .support_catalog_card{
        grid-template-columns:190px 1fr;
    }
}


@media (max-width:768px){

    /* KR / EN은 모바일에서도 항상 노출 */
    .header_language{
        display:flex !important;
    }

    .product_category_grid,
    .product_category_container .product_category_grid{
        grid-template-columns:1fr;
    }

    .product_category_item,
    .product_category_container .product_category_item{
        min-height:470px;
        padding:88px 22px 36px;
        border-left:0;
    }

    .product_category_copy{
        text-align:left;
    }

    .product_category_name_ko{
        margin-bottom:10px;
        font-size:14px;
    }

    .product_category_name_en{
        max-width:420px;
        font-size:30px;
    }

    .product_category_image{
        height:250px;
        margin-top:24px;
        justify-content:flex-end;
    }

    .product_category_image img{
        max-width:430px;
    }

    .product_category_grid[style*="--product-category-count:2"] .product_category_image{
        height:260px;
    }

    .product_list_head,
    .rnd_page_head,
    .support_page_head{
        margin-bottom:38px;
    }

    .product_list_head h2,
    .rnd_page_head h2,
    .support_page_head h2{
        font-size:30px;
    }

    .product_list_card{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        min-height:0;
        gap:28px;
        padding:30px 26px;
        border-radius:12px;
    }

    .product_list_info h3{
        font-size:24px;
    }

    .product_list_desc{
        font-size:14px;
    }

    .product_list_tags{
        margin-top:24px;
        padding-top:18px;
    }

    .product_list_tags span{
        font-size:11px;
    }

    .product_list_thumb{
        height:190px;
    }

    .product_detail_modal,
    .product_video_modal{
        padding:16px;
    }

    .product_modal_panel{
        width:100%;
        border-radius:12px;
    }

    .product_modal_head h2{
        font-size:22px;
    }

    .product_modal_actions{
        padding-left:20px;
        padding-right:20px;
        flex-wrap:wrap;
    }

    .product_modal_btn{
        flex:1 1 160px;
    }

    .product_video_panel{
        width:100%;
    }

    .rnd_content{
        padding:60px 0 90px;
    }

    .rnd_filter_tabs,
    .rnd_supply_filters{
        gap:7px;
    }

    .rnd_filter_tabs a{
        min-width:82px;
        height:42px;
        padding:0 14px;
        font-size:12px;
    }

    .rnd_supply_filters a{
        min-width:120px;
        height:56px;
        padding:8px 12px;
    }

    .rnd_cert_grid,
    .rnd_supply_grid{
        grid-template-columns:repeat(2,1fr);
        gap:12px;
    }

    .rnd_cert_card h3,
    .rnd_supply_card h3{
        font-size:15px;
    }

    .rnd_supply_modal{
        padding:12px;
    }

    .rnd_supply_modal_panel{
        width:100%;
        height:calc(100svh - 24px);
        border-radius:12px;
    }

    .rnd_supply_modal_nav{
        padding:10px 14px 14px;
    }

    .rnd_supply_modal_info{
        padding:24px 22px 28px;
    }

    .rnd_supply_modal_info h2{
        font-size:23px;
    }

    .rnd_cert_modal{
        padding:12px;
    }

    .rnd_cert_modal_panel{
        width:100%;
        max-height:calc(100svh - 24px);
        overflow-y:auto;
    }

    .esg_management_title{
        padding:45px 0 38px;
    }

    .esg_management_title h2,
    .esg_section_copy h2,
    .esg_safety_head h2,
    .esg_principles_head h2{
        font-size:28px;
    }

    .esg_product_inner{
        padding:65px 0;
    }

    .esg_product_copy h2{
        margin-bottom:18px;
        font-size:27px;
    }

    .esg_product_copy p,
    .esg_section_copy p,
    .esg_safety_head p,
    .esg_people_copy p,
    .esg_principles_head p{
        font-size:13px;
    }

    .esg_product_cards{
        grid-template-columns:1fr;
        gap:10px;
        margin-top:35px;
    }

    .esg_product_card{
        display:grid;
        grid-template-columns:130px 1fr;
        align-items:center;
        gap:14px;
        padding:12px;
    }

    .esg_product_card_top{
        min-height:0;
    }

    .esg_product_card_top i{
        margin-top:12px;
    }

    .esg_product_card_img{
        height:120px;
    }

    .esg_energy_grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .esg_energy_img{
        height:300px;
    }

    .esg_safety_items{
        grid-template-columns:1fr;
        width:min(320px,100%);
    }

    .esg_safety_items article{
        aspect-ratio:1/1;
    }

    .esg_people_copy h3{
        font-size:19px;
    }

    .esg_governance_image{
        height:300px;
    }

    .esg_governance_text h3{
        font-size:23px;
    }

    .esg_principles_section,
    .esg_principles_inner{
        min-height:0;
    }

    .esg_principles_inner{
        padding:75px 0;
    }

    .esg_principles_cards{
        grid-template-columns:1fr;
        margin-top:35px;
    }

    .esg_principle_card{
        min-height:195px;
        padding:28px 26px;
    }

    .esg_closing_banner{
        height:290px;
        border-radius:14px;
    }

    .esg_closing_banner p{
        left:30px;
        font-size:22px;
    }

    .support_notice_section,
    .support_catalog_section,
    .support_notice_view,
    .support_notice_write{
        padding:60px 0 90px;
    }

    .support_notice_grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .newrun_notice_card a{
        min-height:185px;
        padding:28px 26px;
        border-radius:12px;
    }

    .newrun_notice_card h3{
        font-size:18px;
    }

    .support_board_tools{
        align-items:flex-start;
        flex-direction:column;
    }

    .support_board_tools_right{
        width:100%;
        justify-content:flex-end;
    }

    .support_notice_view > .inner_w,
    .support_notice_write > .inner_w{
        width:calc(100% - 32px);
    }

    .support_notice_view_head{
        padding-bottom:28px;
    }

    .support_notice_view_head h2{
        font-size:26px;
    }

    .support_notice_view_content{
        min-height:260px;
        padding:40px 0 55px;
        font-size:15px;
    }

    .support_notice_view_actions{
        flex-wrap:wrap;
        margin-top:35px;
    }

    .support_notice_view_actions a{
        min-width:82px;
    }

    .support_notice_write_form > label,
    .support_notice_write_row{
        display:block;
        padding:20px 4px;
    }

    .support_notice_write_form > label > span,
    .support_notice_write_label{
        display:block;
        padding:0;
        margin-bottom:10px;
    }

    .support_notice_language_box{
        padding:24px 4px;
    }

    .support_notice_language_box > label{
        display:block;
    }

    .support_notice_language_box > label > span{
        display:block;
        padding:0;
        margin-bottom:10px;
    }

    .support_inquiry_section{
        padding-top:60px;
    }

    .support_inquiry_inner{
        width:calc(100% - 32px);
        padding-bottom:85px;
    }

    .support_inquiry_intro{
        margin-bottom:40px;
    }

    .support_inquiry_intro h2{
        font-size:31px;
    }

    .support_inquiry_intro p{
        margin-top:20px;
        font-size:14px;
    }

    .support_form_row{
        grid-template-columns:90px 1fr;
        gap:12px;
    }

    .support_form_row label{
        font-size:13px;
    }

    .support_email_fields{
        flex-wrap:wrap;
    }

    .support_email_fields input{
        flex:1 1 35%;
    }

    .support_email_fields select{
        flex:1 1 100%;
        width:100%;
    }

    .support_inquiry_wordmark,
    .support_inquiry_wordmark img{
        height:110px;
    }

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

    .support_catalog_card{
        grid-template-columns:160px 1fr;
        min-height:205px;
        gap:20px;
        padding:16px;
        border-radius:12px;
    }

    .support_catalog_thumb{
        height:170px;
    }

    .support_catalog_copy{
        padding-right:36px;
    }

    .support_catalog_copy h3{
        font-size:18px;
    }

    .support_catalog_download{
        right:14px;
        bottom:14px;
        width:42px;
        height:42px;
        opacity:1;
        transform:none;
    }

    .privacy_content{
        width:calc(100% - 24px);
        max-height:88vh;
    }

    .privacy_head{
        padding:18px 20px;
    }

    .privacy_head h2{
        font-size:19px;
    }

    .privacy_body{
        max-height:calc(88vh - 66px);
        padding:22px 20px 28px;
        font-size:13px;
    }

    .privacy_body h3{
        margin-top:24px;
        font-size:16px;
    }
}


@media (max-width:600px){

    .header_language{
        display:flex !important;
        gap:6px;
    }

    .header_language a{
        font-size:9px;
    }

    .product_category_item,
    .product_category_container .product_category_item{
        min-height:430px;
        padding:80px 18px 30px;
    }

    .product_category_name_en{
        font-size:27px;
    }

    .product_category_image{
        height:220px;
    }

    .product_list_page{
        padding-top:52px;
    }

    .product_list_card{
        padding:25px 20px;
    }

    .product_list_info h3{
        font-size:22px;
    }

    .product_list_thumb{
        height:165px;
    }

    .product_modal_head{
        padding:22px 20px;
    }

    .product_modal_slider_wrap{
        padding:0 16px;
    }

    .product_modal_actions{
        padding:20px 16px;
    }

    .rnd_cert_grid,
    .rnd_supply_grid{
        grid-template-columns:1fr;
    }

    .rnd_cert_image{
        height:auto;
        min-height:280px;
    }

    .rnd_supply_thumb{
        height:auto;
        aspect-ratio:1/1;
    }

    .rnd_pagination{
        gap:4px;
    }

    .rnd_pagination a{
        width:34px;
        height:34px;
        font-size:11px;
    }

    .esg_energy_img{
        height:240px;
    }

    .esg_governance_image{
        height:250px;
    }

    .esg_governance_text span{
        font-size:22px;
    }

    .esg_closing_section{
        padding:65px 0 75px;
    }

    .esg_closing_banner{
        height:250px;
    }

    .esg_closing_banner p{
        left:22px;
        font-size:19px;
    }

    .support_board_tools_right{
        justify-content:flex-start;
    }

    .support_board_btn{
        height:38px;
        padding:0 12px;
        font-size:11px;
    }

    .support_notice_more{
        margin-top:35px;
    }

    .support_notice_more button{
        height:46px;
        font-size:12px;
    }

    .support_form_row{
        display:block;
    }

    .support_form_row > label{
        display:block;
        margin-bottom:8px;
    }

    .support_phone_fields{
        gap:6px;
    }

    .support_phone_fields select{
        width:92px;
    }

    .support_email_fields{
        gap:6px;
    }

    .support_inquiry_agree{
        align-items:flex-start;
    }

    .support_inquiry_agree b{
        font-size:12px;
    }

    .support_catalog_card{
        grid-template-columns:125px 1fr;
        min-height:170px;
        gap:14px;
        padding:12px;
    }

    .support_catalog_thumb{
        height:145px;
    }

    .support_catalog_copy{
        padding-right:28px;
    }

    .support_catalog_copy h3{
        font-size:16px;
    }

    .support_catalog_copy p{
        margin-top:10px;
        font-size:12px;
    }

    .support_catalog_download{
        width:36px;
        height:36px;
    }
}


@media (max-width:360px){

    /*
     * 기존 responsive.css에서 숨겼던 언어선택을 다시 유지.
     */
    .header_language{
        display:flex !important;
    }

    .header_right{
        gap:9px;
    }

    .site_map_btn{
        margin-left:0;
    }

    .product_category_name_en{
        font-size:24px;
    }

    .product_category_item,
    .product_category_container .product_category_item{
        min-height:400px;
        padding-left:15px;
        padding-right:15px;
    }

    .product_category_image{
        height:200px;
    }

    .product_list_head h2,
    .rnd_page_head h2,
    .support_page_head h2{
        font-size:26px;
    }

    .product_list_info h3{
        font-size:20px;
    }

    .product_list_desc{
        font-size:13px;
    }

    .esg_management_title h2,
    .esg_section_copy h2,
    .esg_safety_head h2,
    .esg_principles_head h2{
        font-size:24px;
    }

    .esg_product_copy h2{
        font-size:24px;
    }

    .esg_product_card{
        grid-template-columns:110px 1fr;
    }

    .esg_product_card_img{
        height:105px;
    }

    .esg_energy_img{
        height:210px;
    }

    .esg_governance_image{
        height:220px;
    }

    .support_inquiry_intro h2{
        font-size:27px;
    }

    .support_catalog_card{
        grid-template-columns:105px 1fr;
    }

    .support_catalog_thumb{
        height:125px;
    }

    .support_notice_view_head h2{
        font-size:23px;
    }
}


/* ==========================================================================
   2026-09-30 MOBILE / TABLET REPAIR V2
   실제 모바일 캡처 기준 최종 보정
   ========================================================================== */

/* --------------------------------------------------------------------------
   TABLET
   -------------------------------------------------------------------------- */
@media (max-width:1024px){

    /* 메인 HERO
       2줄 네비게이션에서 진행선과 다음 줄 글자가 붙지 않도록 행 간격 확보 */
    .hero_nav{
        row-gap:22px !important;
        column-gap:10px !important;
        bottom:28px !important;
    }

    .hero_nav_item{
        padding:0 0 13px !important;
        font-size:16px;
        line-height:1.25;
    }

    .hero_nav_item span{
        padding-bottom:9px !important;
    }

    .hero_nav_item em{
        right:12px !important;
        bottom:0 !important;
    }


    /* 회사소개
       PC 스크롤 확대 연출용 company_zoom_frame은
       태블릿/모바일에서는 첫 story 이미지와 중복되므로 제거 */
    .company_intro{
        padding-top:0 !important;
    }

    .company_intro_pin{
        height:auto !important;
        min-height:0 !important;
        overflow:visible !important;
    }

    .company_wordmark,
    .company_zoom_frame{
        display:none !important;
    }

    .company_story_layers{
        position:relative !important;
        inset:auto !important;
        margin:0 !important;
    }

    .company_story_layer{
        position:relative !important;
        inset:auto !important;
        opacity:1 !important;
        visibility:visible !important;
    }


    /* 서브 비주얼 셀렉트 */
    .sub_select{
        min-width:0 !important;
    }

    .sub_select_list{
        padding:5px !important;
        border-radius:10px !important;
        box-shadow:0 8px 22px rgba(0,0,0,.16) !important;
    }

    .sub_select_list li + li{
        margin-top:0 !important;
    }

    .sub_select_list a{
        min-height:36px !important;
        padding:8px 10px !important;
        border-radius:6px !important;
        font-size:12px !important;
        line-height:1.25 !important;
        font-weight:500 !important;
    }


    /* 공통 서브 타이틀 과대 크기 방지 */
    .sub_visual_copy h1{
        line-height:1.25 !important;
    }


    /* 회사 조직도 */
    .company_org{
        overflow:hidden;
    }

    .org_chart{
        min-height:0 !important;
    }

    .org_departments{
        width:100% !important;
    }

    .org_department{
        width:100% !important;
    }


    /* 문의하기 */
    .support_inquiry_form{
        width:100%;
    }

    .support_form_row input,
    .support_form_row select,
    .support_form_row textarea{
        border-radius:5px;
    }


    /* 인증/특허 */
    .rnd_cert_grid{
        align-items:start;
    }

    .rnd_cert_card{
        min-width:0;
    }

    .rnd_cert_image img{
        width:auto !important;
        height:auto !important;
        max-width:100% !important;
        max-height:100% !important;
        object-fit:contain !important;
    }
}


/* --------------------------------------------------------------------------
   MOBILE
   -------------------------------------------------------------------------- */
@media (max-width:768px){

    /* HEADER */
    .header_inner{
        gap:12px !important;
    }

    .header_right{
        gap:11px !important;
    }

    .header_language{
        display:flex !important;
        gap:6px !important;
    }

    .header_language a{
        font-size:9px !important;
    }


    /* MAIN HERO */
    .hero_section,
    .hero_slider,
    .hero_slider .slick-list,
    .hero_slider .slick-track,
    .hero_slide{
        min-height:660px !important;
        height:100svh !important;
    }

    .hero_content{
        justify-content:center;
        padding-top:0 !important;
        padding-bottom:155px !important;
    }

    .hero_content h2{
        margin-bottom:16px !important;
        font-size:32px !important;
        line-height:1.17 !important;
    }

    .hero_content p{
        margin-bottom:26px !important;
        font-size:13px !important;
        line-height:1.55 !important;
    }

    .hero_content .line_btn{
        height:46px;
        padding:0 22px;
        font-size:13px;
    }

    .hero_nav{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        row-gap:24px !important;
        column-gap:14px !important;
        bottom:22px !important;
    }

    .hero_nav_item{
        min-width:0;
        padding:0 0 12px !important;
        font-size:13px !important;
        line-height:1.2 !important;
    }

    .hero_nav_item span{
        padding:0 2px 10px !important;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .hero_nav_item em{
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
    }


    /* MAIN PRODUCT */
    .product_cards{
        gap:10px !important;
    }

    .product_card,
    .product_card.active{
        min-height:270px !important;
        margin-bottom:10px !important;
    }

    .product_copy{
        left:18px !important;
        right:18px !important;
        top:18px !important;
    }

    .product_copy h3{
        margin-bottom:10px !important;
        font-size:21px !important;
    }

    .product_copy p{
        max-width:88%;
        font-size:12px !important;
        line-height:1.5 !important;
    }

   


    /* MAIN INNOVATION
       모바일에서는 플로팅 이미지를 사용하지 않음 */
    .innovation_section{
        min-height:360px !important;
        padding:60px 0 !important;
    }

    .innovation_section .float_img{
        display:none !important;
    }

    .innovation_center{
        width:calc(100% - 36px) !important;
        padding:0 !important;
    }

    .innovation_center .eyebrow{
        margin-bottom:10px !important;
        font-size:12px !important;
    }

    .innovation_center h2{
        margin-bottom:13px !important;
        font-size:27px !important;
        line-height:1.32 !important;
    }

    .innovation_center .desc{
        font-size:12px !important;
        line-height:1.55 !important;
    }

    .innovation_center .dark_line_btn{
        height:42px !important;
        margin-top:22px !important;
        padding:0 18px !important;
        font-size:12px !important;
    }

    .innovation_marquee div{
        font-size:64px !important;
    }


    /* SUB VISUAL */
    .newrun_sub_visual{
        padding-bottom:18px !important;
    }

    .newrun_sub_visual .sub_visual_top{
        width:calc(100% - 12px) !important;
        height:365px !important;
        border-radius:11px !important;
    }

    .sub_visual_top .inner_w{
        width:calc(100% - 22px) !important;
    }

    .sub_visual_copy{
        bottom:92px !important;
    }

    .sub_visual_eyebrow{
        margin-bottom:7px !important;
        font-size:10px !important;
    }

    .sub_visual_copy h1{
        font-size:27px !important;
        line-height:1.2 !important;
    }

    .sub_breadcrumb{
        gap:8px !important;
        margin-top:14px !important;
        font-size:8px !important;
    }

    .sub_breadcrumb .home{
        width:15px !important;
        height:15px !important;
    }

    .sub_breadcrumb .home svg{
        width:15px;
        height:15px;
    }

    .sub_visual_selects{
        left:10px !important;
        right:10px !important;
        bottom:12px !important;
        gap:5px !important;
    }

    .sub_select{
        flex:1 1 0 !important;
        min-width:0 !important;
    }

    .sub_select_btn{
        height:41px !important;
        padding:0 5px 0 10px !important;
        gap:6px !important;
        border-radius:8px !important;
        font-size:9.5px !important;
        line-height:1 !important;
    }

    .sub_select_btn i{
        width:28px !important;
        height:28px !important;
        flex:0 0 28px !important;
    }

    .sub_select_list{
        bottom:calc(100% + 5px) !important;
        padding:4px !important;
        border-radius:9px !important;
        max-height:145px !important;
        overflow-y:auto !important;
    }

    .sub_select_list a{
        min-height:32px !important;
        padding:7px 8px !important;
        font-size:11px !important;
        line-height:1.2 !important;
        font-weight:500 !important;
    }


    /* COMPANY INTRO
       첫 standalone 이미지 삭제 -> story 첫 이미지 한 번만 표시 */
    .company_intro{
        padding:0 !important;
    }

    .company_wordmark,
    .company_zoom_frame{
        display:none !important;
    }

    .company_story_layer{
        height:390px !important;
        min-height:390px !important;
    }

    .company_story_copy{
        padding:30px 0 24px !important;
    }

    .company_story_label{
        margin-bottom:8px !important;
        font-size:11px !important;
    }

    .company_story_copy h2{
        font-size:24px !important;
        line-height:1.25 !important;
    }

    .company_story_desc{
        width:88% !important;
        max-width:360px !important;
        margin-top:14px !important;
        font-size:11px !important;
        line-height:1.55 !important;
    }


    /* COMPANY HISTORY */
    .company_history{
        padding:62px 0 72px !important;
    }

    .company_history_head{
        margin-bottom:30px !important;
    }

    .company_history_head p,
    .company_org_head p{
        margin-bottom:8px !important;
        font-size:10px !important;
    }

    .company_history_head h2,
    .company_org_head h2{
        font-size:26px !important;
    }

    .history_visual{
        height:245px !important;
        margin-bottom:34px !important;
    }

    .history_visual_img{
        height:185px !important;
    }

    .history_visual_item strong{
        margin-top:10px !important;
        font-size:18px !important;
    }

    .history_timeline{
        padding-left:24px !important;
    }

    .history_dot{
        left:-23px !important;
    }

    .history_year{
        padding-bottom:27px !important;
    }

    .history_year h3{
        font-size:18px !important;
    }

    .history_year li,
    .history_month{
        font-size:11px !important;
    }


    /* ORGANIZATION */
    .company_org{
        padding:62px 0 70px !important;
    }

    .company_org .inner_w{
        width:calc(100% - 22px) !important;
    }

    .company_org_head{
        margin-bottom:28px !important;
    }

    .org_ceo{
        width:136px !important;
        height:48px !important;
        font-size:14px !important;
    }

    .org_ceo:after{
        height:19px !important;
    }

    .org_management{
        width:136px !important;
        height:44px !important;
        margin:19px auto 24px !important;
        font-size:12px !important;
    }

    .org_departments{
        gap:14px !important;
    }

    .org_department{
        padding-top:13px !important;
    }

    .org_department:before{
        height:13px !important;
    }

    .org_department h3{
        min-width:132px !important;
        width:auto !important;
        height:42px !important;
        margin-top:13px !important;
        padding:0 13px !important;
        font-size:12px !important;
    }

    .org_team_line,
    .org_department_production .org_team_line{
        width:92% !important;
        height:18px !important;
        margin:0 auto !important;
    }

    .org_team_line:before,
    .org_team:before{
        height:9px !important;
    }

    .org_team_line:after{
        top:9px !important;
    }

    .org_teams,
    .org_teams_sales,
    .org_teams_research{
        gap:5px !important;
    }

    .org_teams_sales{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

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

    .org_team{
        min-height:40px !important;
        padding:5px 3px !important;
        border-radius:7px !important;
        font-size:10px !important;
        line-height:1.2 !important;
        white-space:normal !important;
    }


    /* COMPANY02 */
    .mv_intro{
        padding:52px 0 38px !important;
    }

    .mv_intro_head h2{
        font-size:27px !important;
    }

    .mv_mission_inner{
        width:calc(100% - 28px) !important;
        padding:50px 0 40px !important;
    }

    .mv_mission_copy h2{
        font-size:24px !important;
    }

    .mv_points{
        margin-top:105px !important;
        gap:8px !important;
    }

    .mv_point{
        padding:17px !important;
    }

    .mv_point p{
        font-size:12px !important;
    }
    
    .mv_point p + p{font-size: 12px;}

    .mv_vision_image{
        min-height:260px !important;
    }

    .mv_vision_copy{
        min-height:230px !important;
        padding:38px 18px !important;
    }

    .mv_vision_copy h2{
        font-size:20px !important;
    }
    .mv_core_head h2{
        font-size:24px !important;
    }

    .mv_core{
        padding:65px 0 72px !important;
    }

    .mv_core_card{
        display:grid !important;
        grid-template-columns:120px 1fr !important;
        gap:16px !important;
        min-height:150px !important;
        padding:14px !important;
    }

    .mv_core_img{
        height:120px !important;
        margin:0 !important;
    }

    .mv_core_text h3{
        font-size:17px !important;
    }

    .mv_core_text p{
        font-size:11px !important;
    }


    /* R&D CERT
       요청대로 모바일에서도 2열 고정 */
    .rnd_content{
        padding:45px 0 68px !important;
    }

    .rnd_page_head{
        margin-bottom:24px !important;
    }

    .rnd_page_head h2{
        font-size:26px !important;
    }

    .rnd_filter_tabs{
        gap:5px !important;
        margin-bottom:26px !important;
    }

    .rnd_filter_tabs a{
        min-width:0 !important;
        flex:1 1 0 !important;
        height:37px !important;
        padding:0 5px !important;
        font-size:10px !important;
    }

    .rnd_cert_grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:7px !important;
    }

    .rnd_cert_card{
        padding:6px 5px 11px !important;
        border-radius:10px !important;
    }

    .rnd_cert_image{
        height:170px !important;
        min-height:0 !important;
        padding:4px !important;
        border-radius:8px !important;
    }

    .rnd_cert_meta{
        margin-top:9px !important;
        font-size:9px !important;
    }

    .rnd_cert_card h3{
        margin-top:5px !important;
        font-size:10px !important;
        line-height:1.3 !important;
    }


    /* R&D SUPPLY */
    .rnd_supply_filters{
        gap:6px !important;
        margin-bottom:24px !important;
        overflow-x:auto;
        padding-bottom:2px;
        scrollbar-width:none;
    }

    .rnd_supply_filters::-webkit-scrollbar{
        display:none;
    }

    .rnd_supply_filters a{
        flex:0 0 115px !important;
        height:48px !important;
        padding:7px 10px !important;
    }

    .rnd_supply_grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .rnd_supply_card{
        padding:7px 7px 11px !important;
    }

    .rnd_supply_card h3{
        margin:9px 2px 0 !important;
        font-size:11px !important;
    }


    /* ESG */
    .esg_management_title{
        padding:30px 0 24px !important;
    }

    .esg_management_title h2{
        font-size:23px !important;
    }

    .esg_product_inner{
        padding:42px 0 !important;
    }

    .esg_product_copy h2{
        margin-bottom:11px !important;
        font-size:21px !important;
    }

    .esg_product_copy p{
        font-size:10.5px !important;
        line-height:1.65 !important;
    }

    .esg_product_cards{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:5px !important;
        margin-top:22px !important;
    }
    
    .esg_product_card.is-active{    transform: translateY(0px);}

    .esg_product_card{
        padding:5px !important;
        border-radius:10px !important;
    }

    .esg_product_card_top{
        min-height:54px !important;
    }

    .esg_product_card_top strong{
        font-size:9px !important;
        line-height:1.15 !important;
    }

    .esg_product_card_top i{
        margin-top:6px !important;
    }

    .esg_product_card_img{
        height:75px !important;
        border-radius:7px !important;
    }

    .esg_product_card_bottom{
        padding:7px 2px 1px !important;
    }

    .esg_product_card_bottom strong{
        font-size:8px !important;
        line-height:1.15 !important;
        overflow-wrap:anywhere;
    }


    /* INQUIRY
       모바일에서 필드 높이/간격 과대 문제 정리 */
    .support_inquiry_section{
        padding-top:34px !important;
    }

    .support_inquiry_inner{
        width:calc(100% - 24px) !important;
        padding-bottom:42px !important;
    }

    .support_inquiry_intro{
        margin-bottom:22px !important;
    }

    .support_inquiry_intro h2{
        font-size:24px !important;
        line-height:1.3 !important;
    }

    .support_inquiry_intro p{
        margin-top:12px !important;
        font-size:11px !important;
        line-height:1.55 !important;
    }

    .support_inquiry_form{
        gap:10px !important;
    }

    .support_form_row{
        display:block !important;
    }

    .support_form_row > label{
        display:block !important;
        margin-bottom:6px !important;
        padding:0 !important;
        font-size:11px !important;
    }

    .support_form_row input,
    .support_form_row select{
        height:39px !important;
        padding:0 9px !important;
        font-size:12px !important;
    }

    .support_form_row textarea{
        height:115px !important;
        min-height:115px !important;
        padding:9px !important;
        font-size:12px !important;
    }

    .support_phone_fields{
        display:grid !important;
        grid-template-columns:72px 6px minmax(0,1fr) 6px minmax(0,1fr) !important;
        gap:4px !important;
        align-items:center;
    }

    .support_phone_fields select{
        width:72px !important;
    }

    .support_phone_fields i{
        text-align:center;
        font-size:11px;
    }

    .support_email_fields{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) !important;
        gap:4px !important;
        align-items:center;
    }

    .support_email_fields i{
        text-align:center;
        font-size:11px;
    }

    .support_email_fields input{
        min-width:0 !important;
    }

    .support_email_fields select{
        grid-column:1/-1 !important;
        width:100% !important;
        height:39px !important;
    }

    .support_inquiry_agree{
        padding:10px 0 !important;
        gap:8px !important;
    }

    .support_inquiry_agree label{
        gap:7px !important;
    }

    .support_inquiry_agree label span{
        width:16px !important;
        height:16px !important;
    }

    .support_inquiry_agree b,
    .support_inquiry_agree .privacy_btn{
        font-size:10px !important;
    }

    .support_inquiry_submit{
        margin-top:8px !important;
    }

    .support_inquiry_submit button{
        height:42px !important;
        padding-left:15px !important;
        font-size:11px !important;
    }

    .support_inquiry_submit button i{
        width:28px !important;
        height:28px !important;
    }

    .support_inquiry_wordmark,
    .support_inquiry_wordmark img{
        height:55px !important;
    }


    /* NOTICE / CATALOG */
    .support_notice_section,
    .support_catalog_section,
    .support_notice_view,
    .support_notice_write{
        padding:48px 0 68px !important;
    }

    .support_page_head{
        margin-bottom:28px !important;
    }

    .support_page_head h2{
        font-size:26px !important;
    }

    .newrun_notice_card a{
        min-height:155px !important;
        padding:22px 20px !important;
    }

    .newrun_notice_card time{
        margin-bottom:16px !important;
        font-size:11px !important;
    }

    .newrun_notice_card h3{
        font-size:15px !important;
    }

    .support_catalog_card{
        min-height:150px !important;
        grid-template-columns:110px minmax(0,1fr) !important;
        gap:12px !important;
        padding:10px !important;
    }

    .support_catalog_thumb{
        height:128px !important;
    }

    .support_catalog_copy h3{
        font-size:14px !important;
    }

    .support_catalog_copy p{
        margin-top:8px !important;
        font-size:10px !important;
        line-height:1.45 !important;
    }
}


/* --------------------------------------------------------------------------
   SMALL MOBILE
   -------------------------------------------------------------------------- */
@media (max-width:480px){

    .hero_nav{
        row-gap:26px !important;
    }

    .hero_nav_item{
        font-size:12px !important;
    }

    .hero_nav_item span{
        padding-bottom:9px !important;
    }


    .newrun_sub_visual .sub_visual_top{
        height:320px !important;
    }

    .sub_visual_copy{
        bottom:84px !important;
    }

    .sub_visual_copy h1{
        font-size:24px !important;
    }

    .sub_visual_selects{
        left:7px !important;
        right:7px !important;
        bottom:8px !important;
    }

    .sub_select_btn{
        height:38px !important;
        padding-left:8px !important;
        font-size:8.5px !important;
    }

    .sub_select_btn i{
        width:26px !important;
        height:26px !important;
        flex-basis:26px !important;
    }

    .sub_select_list{
        max-height:125px !important;
    }

    .sub_select_list a{
        min-height:29px !important;
        padding:6px 7px !important;
        font-size:10px !important;
    }


    .company_story_layer{
        height:350px !important;
        min-height:350px !important;
    }

    .company_story_copy{
        padding:26px 0 20px !important;
    }

    .company_story_copy h2{
        font-size:21px !important;
    }

    .company_story_desc{
        max-width:330px !important;
        font-size:10px !important;
    }


    .company_org{
        padding:52px 0 60px !important;
    }

    .company_org_head h2{
        font-size:23px !important;
    }

    .org_ceo{
        width:124px !important;
        height:44px !important;
        font-size:13px !important;
    }

    .org_management{
        width:124px !important;
        height:41px !important;
        font-size:11px !important;
    }

    .org_department h3{
        min-width:122px !important;
        height:39px !important;
        font-size:11px !important;
    }

    .org_team{
        min-height:37px !important;
        font-size:9px !important;
    }


    .rnd_cert_grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:5px !important;
    }

    .rnd_cert_image{
        height:145px !important;
    }

    .rnd_cert_card h3{
        font-size:9px !important;
    }


    .rnd_supply_grid{
        grid-template-columns:1fr !important;
    }


    .esg_product_card_img{
        height:66px !important;
    }


    .support_inquiry_intro h2{
        font-size:22px !important;
    }

    .support_phone_fields{
        grid-template-columns:66px 5px minmax(0,1fr) 5px minmax(0,1fr) !important;
    }

    .support_phone_fields select{
        width:66px !important;
    }
}


/* --------------------------------------------------------------------------
   360px
   -------------------------------------------------------------------------- */
@media (max-width:360px){

    .header_language{
        display:flex !important;
    }

    .hero_content h2{
        font-size:29px !important;
    }

    .hero_nav_item{
        font-size:11px !important;
    }

    .sub_select_btn{
        font-size:8px !important;
    }

    .sub_select_list a{
        font-size:9px !important;
    }

    .company_story_layer{
        height:330px !important;
        min-height:330px !important;
    }

    .org_team{
        font-size:8.5px !important;
    }

    .rnd_cert_image{
        height:132px !important;
    }

    .support_form_row input,
    .support_form_row select{
        font-size:11px !important;
    }
}











/* ==========================================================================
   MAIN INTRO VIDEO - RESPONSIVE
   ========================================================================== */

@media (max-width:1280px){

    .main_intro_video{
        object-position:center center;
    }

}


@media (max-width:1024px){

    .main_intro{
        height:100svh;
    }

    .main_intro_video{
        object-position:center center;
    }

}


@media (max-width:768px){

    .main_intro_video{

        /*
         * 가로 영상을 모바일 세로 화면에 cover하면
         * 좌우가 많이 잘리는 것은 정상.
         *
         * 피사체가 우측에 있는 영상이면:
         * object-position:60% center;
         *
         * 중앙이면 아래 그대로 사용.
         */
        object-position:center center;

    }

    .main_intro_dim{
        background:
            linear-gradient(
                180deg,
                rgba(0,0,0,.02) 0%,
                rgba(0,0,0,.02) 65%,
                rgba(0,0,0,.14) 100%
            );
    }
    
    
    .product_modal_slider .slick-list {
    padding: 0;
}

}


@media (max-width:600px){

    .main_intro_video{
        object-position:55% center;
        object-fit: contain;
    }

}


@media (max-width:360px){

    .main_intro_video{
        object-position:56% center;
        
    }

}




/* ==========================================================================
   MOBILE FINAL POLISH
   latest responsive.css 후단 최종 보정
   ========================================================================== */

@media (max-width:768px){

    /* ==============================================================
       MAIN - WHY
       ============================================================== */

    .why_section{
        padding:58px 0 66px !important;
    }

    .why_top{
        gap:30px !important;
    }

    .why_top .eyebrow{
        margin-bottom:18px !important;
        font-size:11px !important;
    }

    .why_top h2{
        margin-bottom:16px !important;
        font-size:24px !important;
        line-height:1.42 !important;
    }

    .why_desc{
        max-width:330px !important;
        font-size:11px !important;
        line-height:1.52 !important;
    }

    .why_numbers{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;

        width:100% !important;

        gap:0 !important;
        margin-top:0 !important;
    }

    .why_numbers > div{
        position:relative;

        min-width:0 !important;

        padding-right:16px !important;
    }

    .why_numbers > div + div{
        padding-left:20px !important;
        padding-right:0 !important;
    }

    .why_numbers > div + div:before{
        content:'';

        position:absolute;

        left:0;
        top:0;
        bottom:0;

        width:1px;

        background:rgba(255,255,255,.28);
    }

    .why_numbers small{
        display:block;

        margin-bottom:10px !important;

        font-size:8.5px !important;
        line-height:1.35 !important;
    }

    .why_numbers strong{
        min-width:0 !important;

        font-size:27px !important;
        line-height:1 !important;

        white-space:nowrap;
    }



    /* ==============================================================
       MAIN - PRODUCT
       ============================================================== */

    .product_section{
        padding:54px 0 62px !important;
    }

    .product_section .section_label{
        margin-bottom:18px !important;

        font-size:25px !important;
        line-height:1 !important;
    }

    .product_card,
    .product_card.active{
        min-height:220px !important;

        margin-bottom:8px !important;

        border-radius:13px !important;

        overflow:hidden !important;
    }

    .product_copy{
        left:14px !important;
        right:14px !important;
        top:14px !important;
    }

    .product_copy h3{
        margin-bottom:7px !important;

        font-size:16px !important;
        line-height:1.25 !important;
    }

    .product_copy p{
        max-width:92% !important;

        font-size:9px !important;
        line-height:1.45 !important;
    }

   

    .product_links a{
        width:auto !important;
        height:29px !important;

        padding:0 11px !important;

        border-radius:16px !important;

        font-size:10px !important;
    }



    /* ==============================================================
       FOOTER
       현재 스샷처럼 주소/TEL/FAX가 좁은 열처럼 찢어지는 문제
       ============================================================== */

    .site_footer{
        padding:42px 0 28px !important;
    }

    .footer_inner{
        width:calc(100% - 28px) !important;
    }

    .footer_top{
        gap:20px !important;

        padding-bottom:20px !important;
    }

    .footer_logo img{
        width:124px !important;
    }

    .footer_nav{
        width:100% !important;
    }

    .footer_nav ul{
        display:flex !important;
        flex-wrap:wrap !important;

        gap:10px 17px !important;
    }

    .footer_nav a{
        font-size:10px !important;
    }

    .footer_info{
        padding:18px 0 !important;
    }

    .footer_info p{
        display:block !important;

        width:100% !important;

        margin:0 !important;

        font-size:9px !important;
        line-height:1.7 !important;

        white-space:normal !important;

        word-break:keep-all !important;
        overflow-wrap:break-word !important;
    }

    .footer_info p + p{
        margin-top:4px !important;
    }

    /*
     * PC에서 구분선 역할인 <i>를
     * 모바일에서는 줄바꿈 역할로 변경
     */
    .footer_info i{
        display:block !important;

        width:0 !important;
        height:2px !important;

        margin:0 !important;

        opacity:0 !important;
    }

    .footer_bottom{
        gap:8px !important;
    }

    .footer_bottom p,
    .footer_bottom .privacy_btn{
        font-size:9px !important;
        line-height:1.5 !important;
    }



    /* ==============================================================
       ORGANIZATION
       ============================================================== */

    .company_org{
        padding:50px 0 58px !important;
    }

    .company_org_head{
        margin-bottom:26px !important;
    }

    .company_org_head p{
        margin-bottom:7px !important;

        font-size:9px !important;
    }

    .company_org_head h2{
        font-size:22px !important;
    }

    .org_ceo{
        width:118px !important;
        height:43px !important;

        font-size:12px !important;
    }

    .org_management{
        width:118px !important;
        height:40px !important;

        margin:17px auto 22px !important;

        font-size:10px !important;
    }

    .org_departments{
        gap:13px !important;
    }

    .org_department{
        padding-top:11px !important;
    }

    .org_department:before{
        height:11px !important;
    }

    .org_department h3{
        min-width:116px !important;

        height:38px !important;

        margin-top:11px !important;
        padding:0 10px !important;

        font-size:10px !important;
    }

    .org_team_line,
    .org_department_production .org_team_line{
        width:90% !important;
        height:15px !important;
    }

    .org_teams,
    .org_teams_sales,
    .org_teams_research{
        gap:4px !important;
        margin-top: 10px;
    }

    /*
     * 600px에서 다시 1열로 바뀌는 기존 규칙을 무효화
     */
    .org_teams_sales{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

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

    .org_team{
        min-height:34px !important;

        padding:4px 2px !important;

        border-radius:6px !important;

        font-size:8.5px !important;
        line-height:1.2 !important;
    }



    /* ==============================================================
       PRODUCT DETAIL MODAL
       ============================================================== */

    .product_detail_modal{
        padding:10px !important;
    }

    .product_modal_panel{
        width:min(360px,calc(100vw - 20px)) !important;

        max-height:calc(100svh - 20px) !important;

        overflow:hidden !important;
    }

    .product_modal_head{
        min-height:56px !important;

        padding:15px 15px 9px 15px !important;
    }

    .product_modal_head h2{
        font-size:17px !important;
        line-height:1.25 !important;
    }

    .product_modal_close{
        right:10px !important;
        top:0px !important;

        width:32px !important;
        height:32px !important;
    }

    .product_modal_slider_wrap{
        padding:0 8px !important;
    }

    .product_modal_slider .slick-list,
    .product_modal_slider .slick-track,
    .product_modal_slide{
        height:225px !important;
    }

    .product_modal_slide{
        padding:0 4px !important;
    }

    .product_modal_slide img{
        width:100% !important;
        height:100% !important;

        object-fit:contain !important;

        background:#f7f7f7;
    }

    .product_modal_slider .slick-prev,
    .product_modal_slider .slick-next{
        width:30px !important;
        height:30px !important;

        z-index:5 !important;
    }

    .product_modal_slider .slick-prev{
        left:2px !important;
    }

    .product_modal_slider .slick-next{
        right:2px !important;
    }

    .product_modal_actions{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;

        gap:7px !important;

        padding:10px !important;
    }

    .product_modal_btn{
        min-width:0 !important;
        height:39px !important;

        padding:0 7px !important;

        font-size:10px !important;
    }

    .product_modal_btn i{
        width:23px !important;
        height:23px !important;
    }



    /* ==============================================================
       CERTIFICATE MODAL
       ============================================================== */

    .rnd_cert_modal{
        padding:10px !important;
    }

    .rnd_cert_modal_panel{
        width:min(330px,calc(100vw - 20px)) !important;

        max-height:calc(100svh - 20px) !important;

        padding:13px !important;

        overflow-y:auto !important;
    }

    .rnd_cert_modal_close{
        right:8px !important;
        top:8px !important;

        width:31px !important;
        height:31px !important;
    }

    .rnd_cert_modal_image{
        min-height:0 !important;
        max-height:56svh !important;

        padding:8px !important;

        overflow:hidden !important;
    }

    .rnd_cert_modal_image img{
        width:auto !important;
        height:auto !important;

        max-width:100% !important;
        max-height:53svh !important;

        object-fit:contain !important;
    }

    .rnd_cert_modal_info{
        padding-top:12px !important;
    }

    .rnd_cert_modal_category{
        margin-bottom:4px !important;

        font-size:10px !important;
    }

    .rnd_cert_modal_info h2{
        font-size:15px !important;
        line-height:1.35 !important;
    }



    /* ==============================================================
       SUPPLY MODAL
       현재 스샷처럼 세로 이미지가 화면을 거의 다 먹는 문제
       ============================================================== */

    .rnd_supply_modal{
        padding:8px !important;
    }

    .rnd_supply_modal_panel{
        width:min(360px,calc(100vw - 16px)) !important;

        height:auto !important;
        max-height:calc(100svh - 16px) !important;

        display:block !important;

        overflow-y:auto !important;
    }

    .rnd_supply_close{
        right:7px !important;
        top:7px !important;

        width:31px !important;
        height:31px !important;

        border-radius:50% !important;

        background:rgba(255,255,255,.75) !important;
    }

    .rnd_supply_modal_main,
    .rnd_supply_modal_main .slick-list,
    .rnd_supply_modal_main .slick-track,
    .rnd_supply_modal_main .rnd_supply_popup_slide{
        height:350px !important;
    }

    .rnd_supply_popup_slide{
        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        background:#111;
    }

    .rnd_supply_popup_slide img{
        width:100% !important;
        height:100% !important;

        object-fit:contain !important;
    }

    .rnd_supply_modal_nav{
        padding:7px 9px 9px !important;
    }

    .rnd_supply_modal_thumb{
        height:42px !important;
    }

    .rnd_supply_modal_info{
        padding:15px 15px 17px !important;
    }

    .rnd_supply_modal_logo{
        max-width:130px !important;
        max-height:36px !important;

        margin-bottom:12px !important;
    }

    .rnd_supply_modal_info h2{
        margin-bottom:11px !important;

        font-size:16px !important;
        line-height:1.35 !important;
    }

    .rnd_supply_modal_desc{
        font-size:10px !important;
        line-height:1.55 !important;
    }



    /* ==============================================================
       ESG
       ============================================================== */

    .esg_management_title{
        padding:28px 0 20px !important;
    }

    .esg_management_title h2{
        font-size:22px !important;
    }

    .esg_product_inner{
        padding:36px 0 40px !important;
    }

    .esg_product_copy h2{
        margin-bottom:10px !important;

        font-size:18px !important;
    }

    .esg_product_copy p{
        font-size:9.5px !important;
        line-height:1.55 !important;
    }

    .esg_product_cards{
        margin-top:18px !important;
    }

    .esg_product_card_top{
        min-height:48px !important;
    }

    .esg_product_card_top strong{
        font-size:8px !important;
    }

    .esg_product_card_img{
        height:64px !important;
    }

    .esg_product_card_bottom strong{
        font-size:7.5px !important;
    }



    /* GOVERNANCE */

    .esg_governance_section{
        padding:54px 0 62px !important;
    }

    .esg_section_copy{
        margin-bottom:26px !important;
    }

    .esg_section_copy h2{
        margin-bottom:12px !important;

        font-size:24px !important;
    }

    .esg_section_copy p{
        font-size:10px !important;
        line-height:1.55 !important;
    }

    .esg_governance_slider_wrap{
        margin-top:28px !important;
    }

    .esg_governance_slide{
        gap:16px !important;
    }

    .esg_governance_image{
        height:190px !important;

        border-radius:10px !important;
    }

    .esg_governance_text span{
        margin-bottom:8px !important;

        font-size:16px !important;
    }

    .esg_governance_text h3{
        font-size:17px !important;
        line-height:1.2 !important;
    }

    .esg_governance_text p{
        margin-top:9px !important;

        font-size:10.5px !important;
        line-height:1.45 !important;
    }

    .esg_governance_progress{
        margin-top:24px !important;
    }



    /* OUR PRINCIPLES */

    .esg_principles_section,
    .esg_principles_inner{
        min-height:0 !important;
    }

    .esg_principles_inner{
        padding:48px 0 54px !important;
    }

    .esg_principles_head{
        max-width:310px !important;

        margin:0 auto !important;
    }

    .esg_principles_head h2{
        margin-bottom:12px !important;

        font-size:21px !important;
    }

    .esg_principles_head p{
        font-size:9px !important;
        line-height:1.55 !important;
    }

    .esg_principles_cards{
        margin-top:22px !important;

        gap:9px !important;
    }

    .esg_principle_card{
        min-height:0 !important;

        padding:18px 17px !important;

        border-radius:12px !important;
    }

    .esg_principle_card h3{
        margin-bottom:12px !important;

        font-size:17px !important;
        line-height:1.2 !important;
    }

    .esg_principle_card p{
        font-size:10.5px !important;
        line-height:1.45 !important;
    }

    .esg_principle_btn{
        height:40px !important;

        margin-top:16px !important;

        padding:0 7px 0 13px !important;

        font-size:10px !important;
    }

    .esg_principle_btn i{
        width:26px !important;
        height:26px !important;
    }
}



/* ==========================================================================
   390px 이하
   ========================================================================== */

@media (max-width:390px){

    .inner_w,
    .header_inner{
        width:calc(100% - 24px) !important;
    }


    /* MAIN PRODUCT */

    .product_card,
    .product_card.active{
        min-height:205px !important;
    }

    .product_copy h3{
        font-size:15px !important;
    }

    .product_copy p{
        font-size:8px !important;
    }

    .product_links a{
        height:27px !important;

        font-size:9px !important;
    }


    /* FOOTER */

    .footer_info p{
        font-size:8.5px !important;
    }


    /* ORG */

    .org_team{
        font-size:8px !important;
    }


    /* PRODUCT POPUP */

    .product_modal_slider .slick-list,
    .product_modal_slider .slick-track,
    .product_modal_slide{
        height:205px !important;
    }


    /* SUPPLY POPUP */

    .rnd_supply_modal_main,
    .rnd_supply_modal_main .slick-list,
    .rnd_supply_modal_main .slick-track,
    .rnd_supply_modal_main .rnd_supply_popup_slide{
        height:325px !important;
    }


    /* ESG */

    .esg_governance_image{
        height:175px !important;
    }

}