@charset "utf-8";

/* ══════════════════════════════════════════════════════════
   메인 반응형 — PC 정본: site.css + _dev/desktop-baseline.md
   override는 max-width + min-width(1921+) · PC(≥1201px) 검수 필수
   ══════════════════════════════════════════════════════════ */

@media (max-width: 1200px) {
	:root {
		--space-container: 20px;
	}

	#wrapper {
		overflow-x: hidden;
	}

	.contain {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	.main-visual,
	.main-visual__slides,
	.main-visual-swiper,
	.main-visual-swiper .swiper-wrapper,
	.main-visual-swiper .swiper-slide,
	.main-visual__slide {
		min-height: 820px;
		height: 820px;
	}

	.main-visual .main-visual__title-en,
	.main-visual.main-section h2.main-visual__title-en {
		font-size: clamp(56px, 7vw, 84px);
		line-height: 1.2;
	}

	.main-visual__content {
		gap: 72px;
	}

	.main-solutions__box {
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
	}

	.main-solutions__left {
		flex: none;
		max-width: none;
		width: 100%;
		gap: 80px;
	}

	.main-solutions__visual {
		flex: none;
		width: 100%;
		max-width: none;
		height: auto;
		min-height: 480px;
		aspect-ratio: 1000 / 782;
	}

	.main-solutions-swiper,
	.main-solutions-swiper .swiper-wrapper,
	.main-solutions-swiper .swiper-slide,
	.main-solutions__slide {
		height: 100%;
		min-height: inherit;
	}

	.main-products__head {
		flex-direction: column;
		align-items: stretch;
		gap: 24px;
	}

	.main-products__head-right {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		align-self: stretch;
		width: 100%;
		min-height: 0;
		gap: 24px;
	}

	.main-products__slider {
		width: 100%;
		min-width: 0;
		overflow: hidden;
	}

	.main-products__card-thumb img {
		max-width: 100%;
		width: 100%;
	}

	.main-news__slider {
		width: 100%;
		min-width: 0;
		overflow: hidden;
	}

	.main-news__head {
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
	}

	.main-news__nav {
		align-self: flex-end;
	}

	body#main .main-visual__title-en {font-size:42px; line-height:1.2;}
	body#main .main-visual__title-ko {font-size:16px; line-height:1.5;}
	body#main .main-visual__content {gap:32px;}
	body#main .main-solutions.main-section,
	body#main .main-products.main-section,
	body#main .main-news.main-section {padding:72px 0 80px;}
	body#main .main-solutions__left {gap:40px;}
	body#main .main-solutions__head {gap:16px;}
	body#main .main-solutions__title-en {font-size:36px; line-height:1.25;}
	body#main .main-solutions__desc {font-size:16px; line-height:1.55;}
	body#main .main-solutions__visual {min-height:320px;}
	body#main .main-solutions__cta {padding:8px 16px; font-size:15px; line-height:1.4;}
	body#main .main-solutions__tabs {width:100%; max-width:none;}
	body#main .main-solutions__tab,
	body#main .main-solutions__tab a {width:100%; box-sizing:border-box;}
	body#main .main-solutions__tab a {font-size:16px; line-height:1.4; padding-bottom:6px;}
	body#main .main-products__title,
	body#main .main-news__title {font-size:28px; line-height:1.35;}
	body#main .main-products__box,
	body#main .main-news__box {gap:32px;}
	body#main .main-products__head-left {gap:16px;}
	body#main .main-products__tabs {gap:12px 20px;}
	body#main .main-products__tab button {font-size:16px; line-height:1.4; padding-bottom:6px;}
	body#main .main-products__card,
	body#main .main-news__card {gap:12px;}
	body#main .main-products__card-name,
	body#main .main-news__card-title {font-size:18px; line-height:1.4;}
	body#main .main-products__card-cat,
	body#main .main-news__card-date {font-size:13px; line-height:1.4;}
	body#main .main-products__cta {padding:8px 16px; font-size:15px; line-height:1.4;}

	/* ── Sub TOP (4단계 · ≤1200) ── */
	.sub-top {
		min-height: 560px;
	}

	.sub-top__bg img {
		object-position: 62% center;
	}

	.sub-top--support .sub-top__bg img {
		inset: 0;
		width: 100%;
		height: 100%;
		max-width: none;
		left: auto;
		top: auto;
		object-position: 55% 38%;
	}

	.sub-top__inner {
		flex: 1;
		justify-content: space-between;
		gap: 80px;
		padding-top: 160px;
		min-height: inherit;
	}

	.sub-top__title-en {
		font-size: clamp(44px, 7vw, 72px);
		line-height: 1.22;
	}

	.sub-top__title-kr {
		font-size: clamp(18px, 2.4vw, 24px);
		line-height: 1.5;
		white-space: normal;
	}

	.sub-top__lnb {
		margin-left: calc(-1 * var(--space-container));
		margin-right: calc(-1 * var(--space-container));
		width: calc(100% + var(--space-container) * 2);
	}

	.sub-top__lnb-list {
		flex: 1;
		overflow: hidden;
		flex-wrap: nowrap;
	}

	.sub-top__lnb-list > li {
		flex: 1 1 0;
		min-width: 0;
	}

	.sub-top__lnb-list a {
		min-height: 60px;
		padding: 16px 12px;
		font-size: 17px;
		line-height: 28px;
	}

	.sub-cont {
		padding: 0;
	}

	.sub-tt {
		padding: 100px 0 72px;
	}

	.sub-tt__title {
		font-size: clamp(44px, 7vw, 72px);
		line-height: 1.22;
	}

	/* ── CEO 인사말 본문 (4단계 · ≤1200) ── */
	.greeting-intro {
		padding-bottom: 100px;
	}

	.greeting-intro__box {
		flex-direction: column;
		align-items: stretch;
		gap: 48px;
	}

	.greeting-intro__photo {
		flex: none;
		width: 100%;
		max-width: 580px;
		height: auto;
		aspect-ratio: 580 / 760;
		margin-left: auto;
		margin-right: auto;
	}

	.greeting-intro__copy {
		gap: 32px;
	}

	.greeting-intro__headline {
		font-size: clamp(32px, 5.5vw, 48px);
		line-height: 1.33;
		letter-spacing: -0.02em;
	}

	.greeting-intro__lead {
		gap: 20px;
	}

	.greeting-intro__lead p {
		font-size: clamp(17px, 2.2vw, 20px);
		line-height: 1.7;
	}

	.greeting-letter {
		padding-bottom: 120px;
	}

	.greeting-letter__box {
		padding-top: 40px;
		gap: 32px;
	}

	.greeting-letter__title {
		font-size: clamp(26px, 4.5vw, 36px);
		line-height: 1.4;
		white-space: normal;
	}

	.greeting-letter__block p,
	.greeting-letter__thanks {
		font-size: 18px;
		line-height: 30px;
	}

	.greeting-letter__sign-role {
		font-size: 16px;
		line-height: 26px;
	}

	/* ── 오시는 길 본문 (4단계 · ≤1200) ── */
	.location-body {
		padding-bottom: 120px;
	}

	.location-body__box {
		gap: 48px;
	}

	.location-map {
		height: clamp(360px, 50vw, 640px);
	}

	.location-info {
		flex-direction: column;
		gap: 48px;
	}

	.location-info__col {
		width: 100%;
	}

	.location-info__title {
		font-size: clamp(22px, 4vw, 28px);
		line-height: 1.5;
	}

	.location-info__label,
	.location-info__value {
		font-size: clamp(17px, 2.2vw, 20px);
		line-height: 1.7;
	}

	/* ── 회사 소개 본문 (4단계 · ≤1200) ── */
	.about-company {
		padding-bottom: 120px;
	}

	.about-company__inner {
		gap: 80px;
	}

	.about-company__mission-box {
		flex-direction: column;
		align-items: stretch;
		min-height: 0;
	}

	.about-company__mission-photo {
		flex: none;
		width: 100%;
		max-width: 580px;
		height: auto;
		aspect-ratio: 580 / 494;
		margin-left: auto;
		margin-right: auto;
	}

	.about-company__mission-copy {
		padding: clamp(40px, 6vw, 64px) clamp(24px, 5vw, 74px);
		gap: 32px;
	}

	.about-company__mission-head {
		gap: 24px;
		padding-bottom: 32px;
	}

	.about-company__mission-en {
		font-size: clamp(32px, 5.5vw, 48px);
		line-height: 1.33;
		letter-spacing: -0.02em;
	}

	.about-company__mission-sub {
		font-size: clamp(20px, 2.8vw, 24px);
		line-height: 1.67;
	}

	.about-company__mission-body p {
		font-size: clamp(17px, 2.2vw, 20px);
		line-height: 1.7;
	}

	.about-company__sec-heading {
		font-size: 32px;
		margin-bottom: 32px;
	}

	.about-company__label {
		flex: 0 0 120px;
		font-size: 18px;
		line-height: 30px;
	}

	.about-company__value {
		font-size: 18px;
		line-height: 30px;
	}

	.about-company__lead {
		font-size: 19px;
		margin-bottom: 48px;
	}

	.about-company__value-list {
		gap: 48px;
	}

	.about-company__value-card {
		flex-direction: column;
		gap: 24px;
	}

	.about-company__value-thumb {
		flex: none;
		width: 100%;
		aspect-ratio: 16 / 9;
	}

	/* ── 회사 소식 본문 (4단계 · ≤1200) ── */
	.support-news {
		padding-bottom: 120px;
	}

	.support-news .news-list .thumb {
		width: 200px;
		flex: 0 0 200px;
	}

	.support-news .news-list .thumb a {
		width: 100%;
		height: auto;
		padding-bottom: 65%;
	}

	.support-news .news-list .thumb a img {
		top: 50%;
		left: 0;
		width: 100% !important;
		height: auto !important;
		max-width: 100%;
		min-height: 100%;
		transform: translateY(-50%) !important;
		object-fit: cover;
	}

	.support-news .news-list .info {
		min-height: 0;
	}

	.support-news .news-list .date {
		margin-top: 13px;
	}

	/* ── 자료실 · 고객문의 본문 (4단계 · ≤1200) ── */
	.support-archive,
	.support-inquiry {
		padding-bottom: 120px;
	}

	.support-recruit {
		padding-bottom: 120px;
	}

	.support-recruit__inner {
		gap: 80px;
	}

	.support-recruit__list-info strong {
		font-size: 28px;
	}

	.support-recruit__list-info p {
		font-size: 18px;
	}

	/* ── 조직도 본문 (4단계 · ≤1200) ── */
	.about-organization {
		padding-bottom: 120px;
	}

	.about-organization__chart {
		width: 100%;
	}

	.about-organization__top {
		position: static;
		min-height: 0;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 24px;
	}

	.about-organization__exec,
	.about-organization__subs {
		position: static;
		width: 100%;
		transform: none;
		left: auto;
		right: auto;
	}

	.about-organization__exec {
		flex-direction: row;
		gap: 20px;
	}

	.about-organization__exec-item {
		flex: 1 1 0;
	}

	.about-organization__connector {
		display: none;
	}

	.about-organization__top {
		margin-bottom: 32px;
	}

	.about-organization__cols {
		flex-wrap: wrap;
		gap: 32px 20px;
	}

	.about-organization__col {
		flex: 0 0 calc((100% - 40px) / 3);
		width: calc((100% - 40px) / 3);
	}

	/* ── 자격·보유장비 본문 (4단계 · ≤1200) ── */
	.about-certificates {
		padding-bottom: 120px;
	}

	.about-certificates__certs {
		margin-bottom: 60px;
	}

	.about-certificates__cert-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 32px 20px;
	}

	.about-certificates__cert-item img {
		max-height: 260px;
	}

	.about-certificates__sec-heading {
		font-size: 32px;
		margin-bottom: 24px;
	}

	.about-certificates__table th,
	.about-certificates__table td {
		padding: 16px 12px;
		font-size: 15px;
	}
}

/* Landscape tablet */
@media (max-width: 1023px) {
	body, input, textarea, select, button, table {font-size:15px;}	

	/* header */
	#gnb {display:none;}
	.btn-m-menu {display:block;}
	.mobile-navigation {display:block;}

	.header-right {
		gap: 40px;
	}

	.sitelogo .logo {
		width: 120px;
		height: auto;
	}

	/* main */
	.main-visual,
	.main-visual__slides,
	.main-visual-swiper,
	.main-visual-swiper .swiper-wrapper,
	.main-visual-swiper .swiper-slide,
	.main-visual__slide {
		min-height: 720px;
		height: 720px;
	}

	.main-visual .main-visual__title-en,
	.main-visual.main-section h2.main-visual__title-en {
		font-size: clamp(48px, 6.5vw, 84px);
		line-height: 1.2;
	}

	.main-visual .main-visual__title-ko {
		font-size: 20px;
		line-height: 34px;
	}

	.main-visual__content {
		gap: 56px;
	}

	.main-visual__inner {
		padding-bottom: 60px;
	}

	.main-solutions.main-section,
	.main-products.main-section,
	.main-news.main-section {
		padding: 100px 0 140px;
	}

	.main-products__box {
		gap: 80px;
	}

	.main-news__box {
		gap: 64px;
	}

	/* footer */

	/* sub layout */
	.sub-top {
		min-height: 520px;
	}

	.sub-top__inner {
		padding-top: 140px;
		gap: 64px;
	}

	/* sub content */

	/* board */
	.input {padding:5px 14px; height:40px;}
	textarea.input {padding:12px 14px;}

	.board-search .search input.input {width:240px;}

	.board-list colgroup col {width:auto !important;}
	.board-list table thead th {font-size:15px;}
	.board-list table tbody td {font-size:15px;}

    .simple-list .link-item {padding:24px 0;}
    .simple-list .link-item .num {max-width:80px; font-size:16px;}
    .simple-list .link-item .num .notice {width:48px; height:48px;}
    .simple-list .link-item .cnt .tit {font-size:18px;}
    .simple-list .link-item .cnt .info {margin-top:12px; font-size:13px;}
    .simple-list .link-item .arrow {max-width:80px; font-size:24px;}

	.gallery-list ul li .tit {font-size:15px;}

	.card-list {gap:32px;}
	.card-list .link-item .info .tit {font-size:18px;}
	.card-list .link-item .info .txt {font-size:15px;}
	.card-list .link-item .info .date {font-size:13px;}

	.news-list .thumb {width:200px;}
	.news-list .tit {font-size:17px;}
	.news-list .txt {font-size:14px;}
	.news-list .date {font-size:13px;}

	.event-list ul li .tit {font-size:15px;}

	.faq .tit {font-size:15px;}
	.faq .tit a {padding:9px 60px 9px 12px;}
	.faq .tit a:after {top:14px;}
	.faq .q {flex:0 0 32px; width:32px; height:32px; font-size:16px; line-height:32px;}
	.faq .cnt {padding:18px 25px 18px 60px;}

	.calendar-head h3 {font-size:28px; margin:0 30px;}
	.calendar-head .cal-btn {width:40px; height:40px;}
	.calendar table th {font-size:15px;}
	.calendar table td {height:110px; font-size:14px;}
	.calendar ul li:before {top:7px;}

	.board-white table {font-size:15px;}

	.board-form table {font-size:15px;}

	.files-upload-text .upfiles-alt {font-size:14px;}

	.board-view-tit {padding:14px 6px;}
	.board-view-tit h3 {font-size:18px;}
	.board-view-info {padding:13px 6px; font-size:13px;}
	.board-view-cnt {padding:15px 6px 40px;}

	.board-prev-next {font-size:14px;}

	.btn-pack.medium {height:40px; padding:0 16px; font-size:15px; line-height:38px;}
	.btn-pack.large {min-width:140px; height:50px; font-size:18px; line-height:48px;}

	.product-list ul li {width:25%;}
	.product-list ul li .tit {font-size:15px;}
	.product-image {width:350px;}
	.product-info .tit {font-size:25px;}

	/* 제품소개 리스트 — 3열 전환 */
	.product-grid .main-products__card {width:calc((100% - 48px) / 3);}

	/* 사업실적 리스트 — 2열 전환 */
	.performance-grid {gap:80px 24px;}
	.performance-card {width:calc((100% - 24px) / 2);}

	.store-search {padding:22px 5%;}
	.store-search .map-area {width:280px;}
	.store-search .map-img .local {padding:0 10px; font-size:13px; line-height:22px;}

	.result-group .gall li {width:25%;}

	/* member */
	.agree-wrap .agree-tit {font-size:18px;}

	/* shop */
	.goods-cate-wrap .depth ul li {padding:6px 20px;}
	.goods-cate-wrap .depth ul li a {font-size:14px;}

	.goods-sort .total {font-size:13px;}
	.goods-sort .sort ul li a {font-size:13px;}

	.goods-list ul li .tit {font-size:18px;}

	.goods-photo {width:45%;}
	.goods-info .table table tbody th {padding:10px 0; font-size:14px;}
	.goods-info .table table tbody td {padding:10px 0; font-size:14px;}
	.goods-info .btns .row {margin:0 -3px;}
	.goods-info .btns .col {padding:0 3px;}
	.goods-info .btns .btn {font-size:15px; line-height:48px;}
	.goods-info .btns .btn img {height:48px;}

	.shop-guide .tit {padding:14px 18px; font-size:14px;}
	.shop-guide .tit h4 {width:130px; font-size:16px;}
	.shop-guide .cnt {font-size:14px;}
	.shop-guide .qa dl {padding:18px 18px;}
	.shop-guide .qa dt {width:220px;}

	.goods-detail-table {font-size:14px;}
	.goods-detail-table th {padding:10px;}
	.goods-detail-table td {padding:10px;}

	.total-price {padding:30px; font-size:15px;}
	.total-price h3 {font-size:20px;}

	/* 제품소개 상세 — 1열 전환 */
	.product-view-top {grid-template-columns:1fr; gap:40px;}
	.product-view-visual {max-width:480px; margin:0 auto;}

} 

/* portrait tablet */
@media (max-width: 1023px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}

	/* header */
	.header-right {
		gap: 24px;
	}

	.btn-inquiry {
		padding: 10px 18px;
		font-size: 16px;
		line-height: 28px;
		gap: 12px;
	}

	/* main */
	:root {
		--space-container: 20px;
	}

	.main-visual,
	.main-visual__slides,
	.main-visual-swiper,
	.main-visual-swiper .swiper-wrapper,
	.main-visual-swiper .swiper-slide,
	.main-visual__slide {
		min-height: 640px;
		height: 640px;
	}

	.main-visual__slide img {
		top: -20%;
		width: 115%;
		height: 140%;
	}

	.main-visual .main-visual__title-en,
	.main-visual.main-section h2.main-visual__title-en {
		font-size: clamp(44px, 8vw, 68px);
	}

	.main-visual__copy {
		gap: 28px;
	}

	.main-visual__content {
		gap: 48px;
	}

	.main-visual__scroll-text {
		font-size: 16px;
		line-height: 28px;
	}

	.main-products__bg {
		width: 100%;
	}

	/* 2섹션 — CTA → nav(우측) → slider 순 (display: contents) */
	.main-products__box {
		gap: 28px;
	}

	.main-products__head {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.main-products__head-left {
		order: 1;
	}

	.main-products__head-right {
		display: contents;
	}

	body#main .main-products__cta {
		order: 2;
		align-self: stretch;
		width: 100%;
		box-sizing: border-box;
		justify-content: center;
	}

	.main-products__nav {
		order: 3;
		align-self: flex-end;
	}

	/* footer */
	.footer-top {
		flex-direction: column;
		align-items: flex-start;
	}

	.footer-family-wrap {
		align-self: flex-end;
	}

	/* sub layout */
	.sub-top {
		min-height: min(500px, 75svh);
	}

	.sub-top__inner {
		padding-top: 120px;
		gap: 48px;
	}

	.sub-top__title-en {
		font-size: clamp(40px, 8vw, 68px);
	}

	.sub-top__lnb-list > li {
		min-width: min(136px, 32vw);
	}

	.sub-top__lnb-list a {
		min-height: 56px;
		padding: 14px 10px;
		font-size: 16px;
		line-height: 26px;
	}

	/* sub content */

	/* board */	
	.gallery-list ul {margin:0 -10px;}
	.gallery-list ul li {width:33.33333333%; padding:0 10px;}

	.card-list {gap:32px 20px;}

	.event-list ul li {width:50%;}

	.store-search {padding:30px; margin-bottom:30px;}
	.store-search .map-area {display:none;}
	.store-search .search-area h3 {text-align:center; margin-bottom:30px;}

	/* member */

	/* shop */
	
} 

/* Landscape phone */
@media (max-width: 767px) {
	body, input, textarea, select, button, table {font-size:14px;}
	:root {
		--space-container: 20px;
	}
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	/* header */
	.header-right {
		gap: 12px;
	}

	.sitelogo .logo {
		width: 110px;
	}

	.btn-inquiry {
		padding: 8px 14px;
		font-size: 14px;
		line-height: 24px;
		gap: 8px;
	}

	.btn-inquiry__icon img {
		width: 14px;
		height: 10px;
	}

	/* main */
	.main-visual,
	.main-visual__slides,
	.main-visual-swiper,
	.main-visual-swiper .swiper-wrapper,
	.main-visual-swiper .swiper-slide,
	.main-visual__slide {
		min-height: min(560px, 85svh);
		height: min(560px, 85svh);
	}

	.main-visual__slide img {
		top: -12%;
		width: 108%;
		height: 125%;
		object-position: center 35%;
	}

	.main-visual__inner {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-end;
		gap: 32px;
		padding-bottom: 48px;
	}

	.main-visual__content {
		width: 100%;
		gap: 32px;
	}

	.main-visual .main-visual__title-en,
	.main-visual.main-section h2.main-visual__title-en {
		font-size: clamp(36px, 10vw, 56px);
		line-height: 1.15;
	}

	.main-visual .main-visual__title-ko {
		font-size: 18px;
		line-height: 32px;
	}

	.main-visual__scroll {
		flex-direction: row;
		align-self: flex-end;
		padding: 12px 16px;
		gap: 10px;
	}

	.main-visual__scroll-text {
		writing-mode: horizontal-tb;
		transform: none;
		font-size: 14px;
		line-height: 24px;
	}

	.main-visual__scroll-icon img {
		width: 22px;
		height: 22px;
	}

	.hero-dot {
		flex-wrap: wrap;
		gap: 12px;
	}

	.hero-dot__bar {
		width: 72px;
	}

	.main-solutions.main-section {
		padding: 80px 0 120px;
	}

	.main-solutions__left {
		gap: 48px;
	}

	.main-solutions__head {
		gap: 40px;
	}

	.main-solutions.main-section h2.main-solutions__title-en,
	.main-solutions__title-en {
		font-size: clamp(40px, 10vw, 68px);
		line-height: 1.24;
	}

	.main-solutions__desc {
		font-size: 18px;
		line-height: 32px;
	}

	.main-solutions__tabs {
		width: 100%;
		max-width: none;
	}

	.main-solutions__tab,
	.main-solutions__tab a {
		width: 100%;
		box-sizing: border-box;
	}

	.main-solutions__tab a {
		font-size: 14px;
		line-height: 1.4;
		padding-bottom: 6px;
	}

	.main-solutions__visual {
		flex: none;
		min-height: 360px;
	}

	.main-solutions__label {
		font-size: 16px;
		line-height: 28px;
		min-height: 48px;
		padding: 10px 16px;
	}

	.main-solutions__btn {
		width: 48px;
		height: 48px;
	}

	.main-solutions__btn img {
		width: 20px;
		height: 20px;
	}

	.main-products.main-section {
		padding: 80px 0 120px;
	}

	.main-products__box {
		gap: 20px;
	}

	.main-products__head {
		gap: 16px;
	}

	.main-products__head-left {
		gap: 32px;
	}

	.main-products.main-section h2.main-products__title {
		font-size: clamp(32px, 8vw, 48px);
		line-height: 1.5;
	}

	.main-products__tabs {
		gap: 16px 24px;
		flex-wrap: wrap;
	}

	.main-products__tab button {
		font-size: 18px;
		line-height: 30px;
	}

	.main-products__btn {
		width: 48px;
		height: 48px;
	}

	.main-products__btn img {
		width: 20px;
		height: 20px;
	}

	.main-products__card-name {
		font-size: 20px;
		line-height: 34px;
	}

	.main-products__card-cat {
		font-size: 14px;
		line-height: 22px;
	}

	body#main .main-products__cta {
		align-self: stretch;
		justify-content: center;
		width: 100%;
		box-sizing: border-box;
	}

	.main-news.main-section {
		padding: 80px 0 120px;
	}

	.main-news__box {
		gap: 48px;
	}

	.main-news.main-section h2.main-news__title {
		font-size: clamp(32px, 8vw, 48px);
		line-height: 1.5;
	}

	.main-news__head {
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
	}

	.main-news__nav {
		align-self: flex-end;
	}

	.main-news__card-body {
		gap: 12px;
	}

	.main-news__card-title {
		font-size: 20px;
		line-height: 34px;
	}

	.main-news__card-date {
		font-size: 14px;
		line-height: 22px;
	}

	.main-news__btn {
		width: 48px;
		height: 48px;
	}

	.main-news__btn img {
		width: 20px;
		height: 20px;
	}

	/* footer */
	.footer-inner {
		padding-top: 40px;
		padding-bottom: 50px;
		gap: 32px;
	}

	.footer-top {
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
	}

	.footer-family-wrap {
		align-self: stretch;
		width: 100%;
	}

	.footer-family {
		min-width: 0;
		width: 100%;
		box-sizing: border-box;
	}

	.footer-family__list {
		left: 0;
		right: 0;
		min-width: 0;
		width: 100%;
		box-sizing: border-box;
	}

	.footer-info {
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
		padding-top: 24px;
	}

	.footer-info__row {
		gap: 12px 16px;
		font-size: 14px;
		line-height: 22px;
	}

	#footer .copyright {
		white-space: normal;
		text-align: left;
		font-size: 14px;
		line-height: 22px;
	}

	/* sub layout */
	.sub-top {
		min-height: min(440px, 70svh);
	}

	.sub-top__bg img {
		object-position: 68% 42%;
	}

	.sub-top--support .sub-top__bg img {
		inset: 0;
		width: 100%;
		height: 100%;
		max-width: none;
		left: auto;
		top: auto;
		object-position: 60% 40%;
	}

	.sub-top__inner {
		padding-top: 100px;
		gap: 32px;
	}

	.sub-top__head {
		gap: 12px;
	}

	.sub-top__title-en {
		font-size: clamp(36px, 9vw, 56px);
		line-height: 1.15;
	}

	.sub-top__title-kr {
		font-size: 16px;
		line-height: 28px;
	}

	.sub-top__lnb-list > li {
		min-width: min(120px, 34vw);
	}

	.sub-top__lnb-list a {
		min-height: 52px;
		padding: 12px 8px;
		font-size: 14px;
		line-height: 22px;
		letter-spacing: -0.28px;
	}

	.sub-cont {
		padding: 0;
	}

	.sub-tt {
		padding: 72px 0 56px;
	}

	.sub-tt__title {
		font-size: clamp(36px, 9vw, 56px);
		line-height: 1.15;
	}

	/* ── CEO 인사말 본문 (4단계 · ≤640) ── */
	.greeting-intro {
		padding-bottom: 72px;
	}

	.greeting-intro__box {
		gap: 40px;
	}

	.greeting-intro__photo {
		max-width: 100%;
	}

	.greeting-intro__copy {
		gap: 28px;
	}

	.greeting-intro__headline {
		font-size: clamp(28px, 8vw, 40px);
	}

	.greeting-letter {
		padding-bottom: 100px;
	}

	.greeting-letter__box {
		padding-top: 32px;
		gap: 28px;
	}

	.greeting-letter__title {
		font-size: clamp(22px, 6.5vw, 30px);
		line-height: 1.45;
	}

	.greeting-letter__block p,
	.greeting-letter__thanks {
		font-size: 16px;
		line-height: 28px;
	}

	.greeting-letter__sign {
		flex-wrap: wrap;
		gap: 12px 16px;
	}

	/* ── 오시는 길 본문 (4단계 · ≤640) ── */
	.location-body {
		padding-bottom: 100px;
	}

	.location-body__box {
		gap: 40px;
	}

	.location-map {
		height: min(320px, 56vw);
	}

	.location-info {
		gap: 40px;
	}

	.location-info__head {
		padding-bottom: 20px;
	}

	.location-info__label {
		flex: 0 0 60px;
		font-size: 16px;
		line-height: 28px;
	}

	.location-info__value {
		font-size: 16px;
		line-height: 28px;
	}

	/* ── 회사 소개 본문 (4단계 · ≤640) ── */
	.about-company {
		padding-bottom: 100px;
	}

	.about-company__inner {
		gap: 60px;
	}

	.about-company__mission-box {
		gap: 0;
	}

	.about-company__mission-photo {
		max-width: 100%;
	}

	.about-company__mission-copy {
		padding: 32px 20px 40px;
		gap: 28px;
	}

	.about-company__mission-head {
		gap: 20px;
		padding-bottom: 24px;
	}

	.about-company__mission-en {
		font-size: clamp(28px, 8vw, 40px);
		line-height: 1.33;
	}

	.about-company__mission-sub {
		font-size: clamp(18px, 5vw, 22px);
		line-height: 1.5;
	}

	.about-company__mission-body p {
		font-size: 15px;
		line-height: 1.6;
	}

	.about-company__sec-heading {
		font-size: 26px;
		margin-bottom: 24px;
	}

	.about-company__row {
		flex-direction: column;
		gap: 6px;
		padding: 18px 0;
	}

	.about-company__label {
		flex: none;
		font-size: 16px;
		line-height: 26px;
	}

	.about-company__value {
		font-size: 16px;
		line-height: 26px;
	}

	.about-company__lead {
		font-size: 17px;
		line-height: 1.6;
		margin-bottom: 32px;
	}

	.about-company__value-list {
		gap: 40px;
	}

	.about-company__value-card {
		flex-direction: column;
		gap: 20px;
	}

	.about-company__value-thumb {
		flex: none;
		width: 100%;
		aspect-ratio: 16 / 9;
	}

	.about-company__value-title {
		font-size: 21px;
	}

	.about-company__value-desc,
	.about-company__value-bullets {
		font-size: 15px;
	}

	/* ── 회사 소식 본문 (4단계 · ≤640) ── */
	.support-news {
		padding-bottom: 100px;
	}

	.support-news .news-list .thumb {
		width: 38%;
		flex: 0 0 38%;
		margin-right: 14px;
	}

	.support-news .news-list .thumb a {
		width: 100%;
		height: auto;
		padding-bottom: 65%;
	}

	.support-news .news-list .info {
		min-height: 0;
	}

	.support-news .news-list .date {
		display: none;
		margin-top: 0;
	}

	/* ── 자료실 · 고객문의 본문 (4단계 · ≤640) ── */
	.support-archive,
	.support-inquiry {
		padding-bottom: 100px;
	}

	.support-recruit {
		padding-bottom: 100px;
	}

	.support-recruit__inner {
		gap: 60px;
	}

	.support-recruit__hero {
		margin-bottom: 60px;
		height: 280px;
	}

	.support-recruit__sec-heading {
		font-size: 28px;
		font-weight: 400;
		margin-bottom: 28px;
	}

	.support-recruit__welfare-head {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		margin-bottom: 28px;
	}

	.support-recruit__welfare-head .support-recruit__sec-heading {
		margin-bottom: 0;
	}

	.support-recruit__welfare-tabs {
		width: 100%;
		justify-content: flex-start;
		gap: 10px;
	}

	.support-recruit__welfare-tab button {
		font-size: 16px;
		padding: 8px 20px;
	}

	.support-recruit__sub-heading {
		font-size: 24px;
		margin-bottom: 28px;
	}

	.support-recruit__values {
		flex-direction: column;
	}

	.support-recruit__value {
		border-right: 0;
		border-bottom: 1px solid #dfdfdf;
		padding: 32px 20px;
	}

	.support-recruit__value:last-child {
		border-bottom: 0;
	}

	.support-recruit__list-item {
		flex-direction: column;
		align-items: stretch;
		gap: 24px;
		padding: 28px 0;
	}

	.support-recruit__list-txt {
		gap: 16px;
	}

	.support-recruit__list-info {
		gap: 16px;
	}

	.support-recruit__list-info strong {
		font-size: 22px;
	}

	.support-recruit__list-info p {
		font-size: 16px;
	}

	.support-recruit__list-img {
		flex: none;
		max-width: none;
		width: 100%;
	}

	.support-recruit__contact {
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
		padding: 20px;
	}

	.support-recruit__contact-label {
		align-self: flex-start;
		font-size: 16px;
		padding: 10px 16px;
	}

	.support-recruit__contact-list {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 16px;
	}

	.support-recruit__contact-item {
		flex-wrap: wrap;
		gap: 10px 16px;
	}

	.support-recruit__contact-term {
		font-size: 16px;
		padding: 10px 16px;
	}

	.support-recruit__contact-desc {
		font-size: 18px;
	}

	/* sub content */

	/* board */
	.input {font-size:14px; padding:0 10px; height:38px;}
	select.input {padding-right:26px; background-position:right 8px center; background-size:12px auto;}
	textarea.input {padding:7px 10px;}

	.board-search {display:flex; flex-direction:column; margin-bottom:10px;}
	.board-search .total-page {order:3; float:none; font-size:13px;}
	.board-search .cate {float:none; order:1; margin-left:0; margin-bottom:5px;}
	.board-search .cate .input {display:block; width:100%;}
	.board-search .search {float:none; order:2; display:flex;}
	.board-search .search .input {flex:1 1 auto; min-width:0; width:1%;}

	.board-list {display:none;}
	.board-list-m {display:block;}

    .simple-list .link-item {padding:16px 0;}
    .simple-list .link-item .num {max-width:50px; font-size:14px;}
    .simple-list .link-item .num .notice {width:40px; height:40px; font-size:12px;}
    .simple-list .link-item .cnt .tit {font-size:15px;}
    .simple-list .link-item .cnt .info {gap:5px 16px; margin-top:8px; font-size:12px;}
    .simple-list .link-item .arrow {display:none;}

	.gallery-list {padding-top:15px;}
	.gallery-list ul {margin:0 -7px;}
	.gallery-list ul li {width:50%; padding:0 7px; margin-bottom:27px;}
	.gallery-list ul li .thumb {margin-bottom:10px;}
	.gallery-list ul li .tit {font-size:14px;}
	.gallery-list ul li .date {font-size:12px; margin-top:4px;}

	.card-list {grid-template-columns:repeat(2, 1fr); gap:24px 16px; margin-bottom:32px;}
	.card-list .link-item {border-radius:10px;}
	.card-list .link-item .info {padding:12px;}
	.card-list .link-item .info .tit {font-size:15px;}
	.card-list .link-item .info .txt {margin-top:10px; font-size:13px;}
	.card-list .link-item .info .date {margin-top:10px; font-size:12px;}

	.news-list ul li {padding:17px 0;}
	.news-list .thumb {width:38%; margin-right:14px;}
	.news-list .tit {font-size:15px; max-height:2.8em; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	.news-list .txt {font-size:13px; margin-top:3px; max-height:3em; -webkit-line-clamp:2;}
	.news-list .date {display:none;}

	.event-list {padding-top:20px;}
	.event-list ul li {width:100%; margin-bottom:32px;}
	.event-list ul li .thumb {margin-bottom:10px;}
	.event-list ul li .tit {font-size:15px;}
	.event-list ul li .date {font-size:12px; margin-top:4px;}

	.faq .tit a {padding:7px 0 7px 5px;}
	.faq .tit a:after {display:none;}
	.faq .q {flex:0 0 26px; width:26px; height:26px; font-size:15px; line-height:26px; margin-right:10px;}
	.faq .cnt {padding:12px 12px 12px 15px;}

	.calendar-head {margin-bottom:15px;}
	.calendar-head h3 {font-size:20px; margin:0 17px;}
	.calendar-head .cal-btn {width:34px; height:34px; background-size:9px auto;}
	.calendar-head .cal-prev {background-image:url("/images/bbs/cal_prev_x2.png");}
	.calendar-head .cal-next {background-image:url("/images/bbs/cal_next_x2.png");}
	.calendar table th {padding:6px 4px; font-size:14px;}
	.calendar table td {height:60px; padding:5px 4px; font-size:12px;}
	.calendar ul li {padding-left:0; margin-bottom:6px;}
	.calendar ul li:before {display:none;}
	.calendar .cal-date {font-size:10px; margin-bottom:8px;}

	.board-white table {display:block; border-top:0; border-bottom:0; font-size:14px;}
	
	.board-white table tbody {display:block;}
	.board-white table tr {display:block; padding:12px 0;}
	.board-white table th {display:block; border:0; text-align:left; padding:0; margin-bottom:7px; font-size:16px; background:none;}
	.board-white table td {display:block; border:0; padding:0;}
	.board-white .editor {padding:0; margin-top:-12px;}
	.board-white .item {margin:3px 12px 3px 0;}
	.board-white #user_name {max-width:100% !important;}
	.board-white + .buttons {margin-top:30px;}

	.board-form table tbody {display:block;}
	.board-form table tr {display:block; padding:12px 0;}
	.board-form table th {display:block; border:0; text-align:left; padding:0; margin-bottom:7px; font-size:16px; background:none;}
	.board-form table td {display:block; border:0; padding:0;}
	.board-form + .buttons {margin-top:30px;}

	.form-agree {margin:30px 0 30px;}
	.form-agree h3 {font-size:16px;}
	.form-agree .scroll-box {font-size:12px; max-height:110px; overflow:auto;}
	.form-agree .check {margin-top:12px; font-size:14px;}

	.board-view-tit h3 {font-size:17px;}
	.board-view-info {font-size:12px;}

	.board-prev-next dl {padding:10px 6px;}
	.board-prev-next dt {width:70px}

	.buttons {margin:15px 0;}

	.btn-pack.small {height:26px; padding:0 8px; font-size:11px; line-height:24px;}
	.btn-pack.medium {height:38px; padding:0 14px; font-size:14px; line-height:36px;}
	.btn-pack.large {min-width:120px; height:42px; padding:0 18px; font-size:15px; line-height:40px;}
	.btn-pack.xlarge {min-width:120px; height:50px; padding:0 22px; font-size:16px; line-height:48px;}
	.btn-pack.comment {width:80px; height:32px; font-size:14px;}

	.paginate {margin-top:20px;}
	.paginate a,  
	.paginate strong{margin:0 1px;width:30px;height:30px;font-size:14px;line-height:30px;}  
	.paginate a.direction {margin:0;}
	.paginate a.direction.prev {margin-right:14px;}
	.paginate a.direction.next {margin-left:14px;}

	.comment-area {margin-top:37px;}
	.comment-total {font-size:14px; margin-bottom:12px;}
	.comment-write {position:relative; padding:10px;}
	.comment-write .byte {position:absolute; bottom:15px; left:12px; font-size:12px;}
	.comment-write .write {display:block;}
	.comment-write .write textarea {display:block; width:100%; height:65px; margin-right:0;}
	.comment-write .write .btn {text-align:right; margin-top:6px;}
	.comment-item {padding:17px 4px;}
	.comment-item.comment-reply {padding-left:25px; background-image:url("/images/bbs/icon_reply_x2.png"); background-position:3px 18px; background-size:auto 13px;}
	.comment-info {font-size:14px;}
	.comment-info .name {margin-right:5px;}
	.comment-info .date {font-size:11px;}
	.comment-ctr {font-size:12px;}
	.comment-ctr .bar {vertical-align:middle; margin:-.2em 4px 0;}
	.comment-txt {font-size:14px;}
	.comment-link {font-size:13px;}
	.comment-input {padding:10px;}
	.comment-input textarea {height:48px;}

	.board-password {padding:30px 20px;}

	.product-list ul {margin:0 -7px;}
	.product-list ul li {width:50%; padding:0 7px; margin-bottom:27px;}
	.product-list ul li .thumb {margin-bottom:10px;}
	.product-list ul li .tit {font-size:14px;}
	.product-summary {display:block;}
	.product-image {width:100%; margin-bottom:20px;}
	.product-info {width:100%;}
	.product-info .tit {font-size:22px; padding-bottom:14px; margin-bottom:14px;}
	.product-detail {padding-bottom:25px; margin-bottom:25px;}
	.product-detail .tit {font-size:17px; padding-bottom:10px; margin-bottom:14px;}

	/* 제품소개 리스트·상세 — 2열 · 모바일 세부 */
	.product-fertilizer,
	.product-crop-protection,
	.product-turf-materials,
	.product-view {padding-bottom:72px;}
	.product-list__title {font-size:22px; line-height:1.35; margin-bottom:16px;}
	.product-grid {gap:28px 12px; margin:16px 0 40px;}
	.product-grid .main-products__card {width:calc((100% - 12px) / 2); gap:12px;}
	.product-grid .main-products__card-link {gap:12px;}
	.product-grid .main-products__card-cat {font-size:13px; line-height:1.4;}
	.product-grid .main-products__card-name {font-size:16px; line-height:1.35;}
	.product-grid .main-products__card-desc {font-size:13px; line-height:1.5;}

	/* 사업실적 리스트 — 1열 · 모바일 세부 */
	.performance-list__title {font-size:24px; margin-bottom:24px;}
	.performance-grid {gap:80px; margin:24px 0 80px;}
	.performance-card {width:100%;}
	.performance-card__name {font-size:19px;}
	.product-view-top {gap:24px; margin-bottom:40px;}
	.product-view-visual {max-width:100%;}
	.product-view-slider .swiper-slide {padding:24px;}
	.product-view-cat {margin-bottom:8px; font-size:14px; line-height:1.4;}
	.product-view-name {margin-bottom:12px; font-size:22px; line-height:1.35;}
	.product-view-summary {margin-bottom:20px; font-size:15px; line-height:1.6;}
	.product-view-spec {margin-bottom:20px;}
	.product-view-spec th,
	.product-view-spec td {padding:10px 12px; font-size:14px; line-height:1.5;}
	.product-view-spec th {width:88px;}
	.product-view-actions {flex-wrap:nowrap; gap:8px;}
	.product-view-actions a {flex:1 1 0; width:auto; min-width:0; text-align:center;}
	.product-view-actions .main-products__cta,
	.product-view-actions .btn-pack.medium {justify-content:center; width:auto; min-height:36px; height:auto; padding:8px 10px; font-size:14px; line-height:1.4;}
	.product-view-actions--bottom {margin-top:32px;}
	.product-view-actions--bottom a {flex:1 1 0;}
	.product-view-body__title {margin-bottom:16px; font-size:22px; line-height:1.4;}
	.product-view-body p {font-size:15px; line-height:1.65; margin-bottom:12px;}
	.product-view-media-box {min-height:240px; margin-top:24px;}
	.product-view-media-cont {min-height:240px; padding:16px;}
	.product-view-body .product-view-media-placeholder {font-size:18px;}

	.store-search {padding:0;}
	.store-search .search-area h3 {font-size:16px; padding:15px 25px; margin-bottom:20px; background:#f4f4f4;}
	.store-search .search-area dl {display:block; padding:0 15px; margin:20px 0;}
	.store-search .search-area dl dt {width:auto; margin-bottom:6px; font-size:15px;}
	.store-search .search-area dl dd {width:auto;}
	.store-search .search-area input.input {width:calc(100% - 74px); margin-right:4px;}
	.store-search .search-area select.input {width:calc(50% - 39px); margin-right:4px;}
	.store-search .search-area .btn-pack.medium {width:70px;}

	.result-top {font-size:18px;}
	.result-group .gall {margin:0 -7px;}
	.result-group .gall li {width:50%; padding:0 7px;}
	.result-group dl dt {font-size:15px;}
	.result-group dl dd {font-size:13px;}
	.result-group dl dd.date {font-size:12px;}

	/* member */
	.login-tab {border-bottom-width:2px; margin-bottom:35px;}
	.login-tab ul {padding:0 1px;}
	.login-tab ul li {border-width:2px; margin:0 -1px;}
	.login-tab ul li a {font-size:16px; line-height:46px;}
	.login-content .group .input {height:48px; font-size:14px;}

	.sns-login .tit {margin-bottom:20px;}
	.sns-login .tit span {padding:0 20px;}
	.sns-login a {margin:0 8px}
	.sns-login img {width:44px;}

	.agree-wrap {margin-bottom:35px;}
	.agree-wrap .group {margin-top:30px;}
	.agree-wrap .agree-tit {font-size:16px;}
	.agree-wrap .agree-tit .checkbox label:before {background-image:url("/images/member/checkbox_x2.png"); background-size:11px auto;}
	.agree-wrap .agree-tit .checkbox input:checked + label:before {background-image:url("/images/member/checkbox_on_x2.png");}
	.agree-wrap .agree-box {margin-top:7px; max-height:130px; padding:10px 13px;}
	.agree-wrap .agree-box .terms-wrap {line-height:1.4em; word-break:break-all;}

	.terms-wrap .policy-contact {display:block; padding:0 15px;}
	.terms-wrap .policy-contact dl {border-left:0; padding:20px 5px; border-top:1px solid #e5e5e5;}
	.terms-wrap .policy-contact dl:first-child {border-top:0;}

	.join-form table tbody {display:block;}
	.join-form table tr {display:block; padding:12px 0;}
	.join-form table th {display:block; border:0; text-align:left; padding:0; margin-bottom:7px; font-size:16px; background:none;}
	.join-form table td {display:block; border:0; padding:0;}
	.join-form + .buttons {margin-top:30px;}
	.join-form .help-text {display:block; clear:both; padding-top:6px; margin-left:0; font-size:14px; line-height:1.5em;}
	.join-form #user_id {float:left; width:calc(100% - 90px) !important;}
	.join-form #user_id + .btn-pack {width:90px; text-align:center;}
	.join-form #user_pw,
	.join-form #user_pw2,
	.join-form #user_name {width:100% !important;}

	.join-complete .tit {font-size:22px; margin-bottom:20px;}
	.join-complete .txt {font-size:16px;}
	.join-complete .icon {width:110px; height:110px; background-size:48px;}

	.find-tab {border-bottom-width:2px; margin-bottom:35px;}
	.find-tab ul {padding:0 1px;}
	.find-tab ul li {border-width:2px; margin:0 -1px;}
	.find-tab ul li a {font-size:16px; line-height:46px;}
	.find-content .group .input {height:48px; font-size:14px;}
	.find-result {padding:30px 15px; font-size:16px;}
	.find-result h4 {font-size:19px;}
	.find-result .name {font-size:24px;}

	.member-leave .txt {margin-bottom:27px;}
	.member-leave .txt .tit {font-size:18px;}
	.member-leave .form {margin-bottom:35px; padding:35px 25px; font-size:15px;}
	.member-leave .form .group .label-tt {width:80px;}

	/* ── 조직도 본문 (4단계 · ≤767) ── */
	.about-organization {
		padding-bottom: 64px;
	}

	.about-organization__top {
		gap: 16px;
		margin-bottom: 20px;
	}

	.about-organization__exec {
		flex-direction: column;
		gap: 12px;
	}

	.about-organization__exec-item {
		flex: 0 0 auto;
		width: 100%;
		height: auto;
		min-height: 48px;
		padding: 14px 16px;
		font-size: 15px;
		box-sizing: border-box;
	}

	.about-organization__subs {
		padding: 12px 10px;
	}

	.about-organization__subs-title {
		margin-bottom: 8px;
		font-size: 14px;
	}

	.about-organization__subs-list {
		gap: 6px;
	}

	.about-organization__subs-list li {
		height: 40px;
		font-size: 14px;
	}

	.about-organization__cols {
		flex-direction: column;
		gap: 20px;
	}

	.about-organization__col {
		width: 100%;
		flex: none;
	}

	.about-organization__dept {
		height: 44px;
		margin-bottom: 8px;
		font-size: 15px;
	}

	.about-organization__teams {
		gap: 6px;
	}

	.about-organization__teams li {
		height: 40px;
		padding: 0 10px;
		font-size: 14px;
	}

	/* ── 자격·보유장비 본문 (4단계 · ≤640) ── */
	.about-certificates {
		padding-bottom: 100px;
	}

	.about-certificates__certs {
		margin-bottom: 40px;
	}

	.about-certificates__cert-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px 16px;
	}

	.about-certificates__cert-item img {
		max-height: 220px;
	}

	.about-certificates__cert-item figcaption {
		margin-top: 12px;
		font-size: 14px;
	}

	.about-certificates__sec-heading {
		font-size: 26px;
		margin-bottom: 20px;
	}

	.about-certificates__table-wrap {
		overflow-x: auto;
	}

	.about-certificates__table {
		min-width: 640px;
	}

	.about-certificates__table th,
	.about-certificates__table td {
		padding: 12px 10px;
		font-size: 14px;
	}

}

/* ══════════════════════════════════════════════════════════
   사업소개 Phase B 공통 — .biz-* 반응형 (site.css 원본 참조)
   ══════════════════════════════════════════════════════════ */

/* ── ≤1200 · 4~5열 → 3열 · 여백 축소 ── */
@media (max-width: 1200px) {
	.biz-page {
		padding-bottom: 120px;
	}

	.biz-page > .biz-section {
		margin-bottom: 72px;
	}

	.biz-cardgrid__list,
	.biz-cardgrid__list--cols-4,
	.biz-cardgrid__list--cols-5 {
		grid-template-columns: repeat(3, 1fr);
		gap: 40px 24px;
	}

	.biz-cardgrid__list:not(:has(.biz-cardgrid__item--row)) {
		gap: 10px;
	}

	.biz-intro {
		gap: 0;
	}

	.biz-intro__media {
		flex: 0 0 50%;
		width: 50%;
		height: auto;
	}

	.biz-intro__body {
		padding-left: 48px;
	}

	.biz-intro--reverse .biz-intro__body {
		padding-left: 0;
		padding-right: 48px;
	}

	.biz-intro__title {
		font-size: 28px;
	}

	.biz-flow--dark {
		padding: 56px 32px;
	}

	.biz-flow__icon {
		width: 56px;
		height: 56px;
	}

	.biz-split {
		gap: 48px;
	}

	.biz-cta {
		padding: 72px 40px;
	}

	.biz-cta__title {
		font-size: 28px;
	}

	.biz-page > .biz-section.biz-section--gap-100 {
		margin-bottom: 72px;
	}

	.biz-talent__hero {
		margin-bottom: 80px;
		height: 380px;
	}

	.biz-talent__heading {
		font-size: 34px;
		margin-bottom: 32px;
	}

	.biz-talent__value {
		padding: 40px 16px;
		gap: 24px;
	}

	.biz-talent__icon {
		width: 96px;
		height: 96px;
	}

	.biz-talent__icon img {
		width: 48px;
		height: 48px;
	}

	.biz-talent__title {
		font-size: 20px;
	}

	.biz-talent__list,
	.biz-talent__desc {
		font-size: 16px;
	}

	.biz-compare {
		aspect-ratio: 16 / 8;
	}
}

/* ── ≤900 · 카드 2열 · Intro 세로 스택 · Flow 세로 ── */
@media (max-width: 1023px) {
	.biz-page > .biz-section {
		margin-bottom: 56px;
	}

	.biz-section-head {
		margin-bottom: 40px;
	}

	.biz-section-head__title {
		font-size: 30px;
	}

	.biz-cardgrid__list,
	.biz-cardgrid__list--cols-3,
	.biz-cardgrid__list--cols-4,
	.biz-cardgrid__list--cols-5 {
		grid-template-columns: repeat(2, 1fr);
		gap: 32px 20px;
	}

	.biz-cardgrid__list:not(:has(.biz-cardgrid__item--row)) {
		gap: 10px;
	}

	.biz-cardgrid__list--cols-2 {
		gap: 40px;
	}

	.biz-intro {
		flex-direction: column;
		align-items: stretch;
		gap: 32px;
	}

	.biz-intro--reverse {
		flex-direction: column;
	}

	.biz-intro__media {
		flex: none;
		width: 100%;
		height: auto;
	}

	.biz-intro__media--inset-img {
		padding-left: 0;
		padding-right: 0;
	}

	.biz-intro__media--inset-img img {
		width: 100%;
	}

	.biz-intro__body {
		flex: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.biz-intro--reverse .biz-intro__body {
		padding-right: 0;
	}

	.biz-flow--dark {
		padding: 40px 24px;
	}

	.biz-flow__list {
		flex-direction: column;
		gap: 32px;
	}

	.biz-flow__item {
		display: grid;
		grid-template-columns: auto 1fr;
		align-items: center;
		text-align: left;
		width: 100%;
		padding: 0;
	}

	.biz-flow__item:not(:first-child)::before {
		display: none;
	}

	.biz-flow__icon {
		grid-row: 1 / 3;
		grid-column: 1;
		margin: 0 20px 0 0;
	}

	.biz-flow--light .biz-flow__icon {
		margin: 0 16px 0 0;
	}

	.biz-flow__title {
		grid-row: 1;
		grid-column: 2;
	}

	.biz-flow__desc {
		grid-row: 2;
		grid-column: 2;
	}

	.biz-split {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.biz-cta {
		padding: 56px 24px;
	}

	.biz-cta__title {
		font-size: 24px;
	}

	.biz-page > .biz-section.biz-section--gap-100 {
		margin-bottom: 56px;
	}

	.biz-methods__text {
		padding: 24px;
	}

	.biz-methods__flow {
		padding: 24px;
	}

	.biz-methods__flow .biz-flow--light.biz-flow--plain {
		padding: 0;
	}

	.biz-compare {
		aspect-ratio: 16 / 10;
	}

	.biz-compare__handle {
		width: 40px;
		height: 40px;
	}

	.biz-compare__tag {
		top: 12px;
		padding: 6px 10px;
		font-size: 11px;
	}

	.biz-compare__caption {
		margin-top: 12px;
		font-size: 14px;
	}

	.biz-talent__hero {
		margin-bottom: 72px;
		height: 320px;
	}

	.biz-talent__heading {
		font-size: 30px;
		margin-bottom: 28px;
	}

	.biz-talent__values {
		flex-wrap: wrap;
	}

	.biz-talent__value {
		flex: 1 1 50%;
		max-width: 50%;
		padding: 32px 16px;
		gap: 20px;
		border-right: 0;
		border-bottom: 1px solid #dfdfdf;
	}

	.biz-talent__value:nth-child(odd) {
		border-right: 1px solid #dfdfdf;
	}

	.biz-talent__value:nth-child(3),
	.biz-talent__value:nth-child(4) {
		border-bottom: 0;
	}

	.biz-cardgrid__list--cols-5:not(:has(.biz-cardgrid__thumb)) .biz-cardgrid__item:nth-child(odd) .biz-cardgrid__body {
		border-left: 0;
		padding-left: 0;
	}

	.biz-cardgrid__list--cols-5:not(:has(.biz-cardgrid__thumb)) .biz-cardgrid__item:nth-child(even) .biz-cardgrid__body {
		border-left: 1px solid #dfdfdf;
		padding-left: 20px;
	}
}

/* ── ≤640 · 전체 1열 · 카드형(row) 세로 전환 ── */
@media (max-width: 767px) {
	.biz-page {
		padding-bottom: 100px;
	}

	.biz-page > .biz-section {
		margin-bottom: 48px;
	}

	.biz-section-head {
		margin-bottom: 32px;
	}

	.biz-section-head__title {
		font-size: 26px;
	}

	.biz-cardgrid__list,
	.biz-cardgrid__list--cols-2,
	.biz-cardgrid__list--cols-3,
	.biz-cardgrid__list--cols-4,
	.biz-cardgrid__list--cols-5 {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.biz-cardgrid__list:not(:has(.biz-cardgrid__item--row)) {
		gap: 10px;
	}

	.biz-cardgrid__item--row {
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
	}

	.biz-cardgrid__item--row .biz-cardgrid__thumb {
		flex: none;
		width: 100%;
		height: auto;
		aspect-ratio: 4 / 3;
	}

	.biz-intro__media {
		height: auto;
	}

	.biz-intro__title {
		font-size: 24px;
	}

	.biz-intro__desc {
		font-size: 16px;
	}

	.biz-flow--dark,
	.biz-flow--light {
		padding: 28px 20px;
	}

	.biz-flow__title {
		font-size: 16px;
	}

	.biz-flow__desc {
		font-size: 13px;
	}

	.biz-methods__text,
	.biz-methods__flow {
		padding: 20px;
	}

	.biz-methods__label {
		font-size: 18px;
	}

	.biz-methods__label em {
		font-size: 22px;
	}

	.biz-methods__desc {
		font-size: 15px;
		line-height: 1.65;
	}

	.biz-page > .biz-section.biz-section--gap-100 {
		margin-bottom: 48px;
	}

	.biz-compare {
		aspect-ratio: 4 / 3;
	}

	.biz-compare__handle {
		width: 36px;
		height: 36px;
	}

	.biz-compare__tag {
		top: 10px;
		padding: 5px 8px;
		font-size: 10px;
	}

	.biz-compare__caption {
		font-size: 13px;
	}

	.biz-cardgrid__list--cols-5:not(:has(.biz-cardgrid__thumb)) .biz-cardgrid__item .biz-cardgrid__body {
		border-left: 0;
		padding-left: 0;
		border-top: 1px solid #dfdfdf;
		padding-top: 24px;
	}

	.biz-cardgrid__list--cols-5:not(:has(.biz-cardgrid__thumb)) .biz-cardgrid__item:first-child .biz-cardgrid__body {
		border-top: 0;
		padding-top: 0;
	}

	.biz-talent__hero {
		margin-bottom: 60px;
		height: 280px;
	}

	.biz-talent__heading {
		font-size: 28px;
		font-weight: 400;
		margin-bottom: 28px;
	}

	.biz-talent__values {
		flex-direction: column;
	}

	.biz-talent__value {
		flex: 1 1 auto;
		max-width: none;
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #dfdfdf;
		padding: 32px 20px;
	}

	.biz-talent__value:nth-child(odd) {
		border-right: 0;
	}

	.biz-talent__value:last-child {
		border-bottom: 0;
	}

	.biz-cta {
		padding: 48px 20px;
	}

	.biz-cta__title {
		font-size: 20px;
	}

	.biz-cta__desc {
		font-size: 15px;
	}

	.biz-cta__btn {
		padding: 14px 24px;
		font-size: 15px;
	}
}

/* PC 정본 구간 — site.css + desktop-baseline.md (responsive max-width 미적용) */
@media (min-width: 1201px) {
	:root {
		--space-container: 30px;
	}

	.header-right {
		gap: 64px;
	}

	.sitelogo .logo {
		width: 143px;
		height: 68px;
	}

	.main-visual__slide img {
		left: -0.04%;
		top: -25.03%;
		width: 112.11%;
		height: 150.16%;
	}

	.main-visual__scroll {
		flex-direction: column;
		align-self: auto;
		padding: 20px 2px 16px;
		gap: 16px;
	}

	.main-visual__scroll-text {
		writing-mode: vertical-rl;
		transform: rotate(180deg);
		font-size: 20px;
		line-height: 34px;
	}

	.main-visual__scroll-icon img {
		width: 28px;
		height: 28px;
	}

	.main-visual,
	.main-visual__slides,
	.main-visual-swiper,
	.main-visual-swiper .swiper-wrapper,
	.main-visual-swiper .swiper-slide,
	.main-visual__slide {
		min-height: 954px;
		height: 954px;
	}

	.main-visual .main-visual__title-en,
	.main-visual.main-section h2.main-visual__title-en {
		font-size: 84px;
		line-height: 100px;
	}

	.main-visual .main-visual__title-ko {
		font-size: 24px;
		line-height: 40px;
	}

	.main-visual__content {
		gap: 100px;
	}

	.main-visual__inner {
		flex-direction: row;
		align-items: flex-end;
		justify-content: space-between;
		padding-bottom: 80px;
	}

	.main-visual__copy {
		gap: 40px;
	}

	.main-solutions.main-section,
	.main-products.main-section,
	.main-news.main-section {
		padding-top: 140px;
		padding-bottom: 200px;
	}

	.main-solutions__box {
		flex-direction: row;
	}

	.main-solutions__left {
		flex: 0 0 760px;
		max-width: 760px;
		gap: 120px;
	}

	.main-solutions__visual {
		height: 782px;
		min-height: 782px;
		aspect-ratio: auto;
	}

	.main-news__head {
		flex-direction: row;
		align-items: flex-end;
		gap: 40px;
	}

	.main-news__nav {
		align-self: auto;
	}

	.main-products__head {
		flex-direction: row;
		align-items: flex-end;
	}

	.main-products__head-right {
		flex-direction: column;
		align-items: flex-end;
		align-self: stretch;
		width: auto;
		min-height: 248px;
		gap: 0;
	}

	.main-products__bg {
		width: 900px;
	}

	.main-products__box {
		gap: 120px;
	}

	.main-news__box {
		gap: 80px;
	}

	.main-solutions.main-section h2.main-solutions__title-en {
		font-size: 68px;
		line-height: 84px;
	}

	.main-products.main-section h2.main-products__title,
	.main-news.main-section h2.main-news__title {
		font-size: 48px;
		line-height: 72px;
	}

	#gnb {
		display: block;
	}

	.btn-m-menu {
		display: none;
	}

	.btn-inquiry {
		padding: 12px 24px;
		font-size: 18px;
		line-height: 30px;
		gap: 16px;
	}

	.footer-inner {
		padding-top: 60px;
		padding-bottom: 70px;
		gap: 50px;
	}

	.footer-top {
		flex-direction: row;
		align-items: center;
	}

	.footer-family-wrap {
		align-self: auto;
		width: auto;
	}

	.footer-family {
		min-width: 262px;
		width: auto;
	}

	.footer-family__list {
		left: auto;
		right: auto;
		min-width: 262px;
		width: auto;
	}

	.footer-info {
		flex-direction: row;
		align-items: flex-end;
	}

	#footer .copyright {
		white-space: nowrap;
	}
}

/* 1920 초과 — 메인 전체 wide: 패딩 50px 고정 · contain fluid · 양끝 정렬 */
@media (min-width: 1921px) {
	:root {
		--space-page: 50px;
		--content-outer: calc(100vw - var(--space-page) * 2);
		--content-width: calc(var(--content-outer) - var(--space-container) * 2);
	}

	.contain {
		width: 100%;
		max-width: var(--content-outer);
	}

	/* ── 헤더 ── */
	#header .contain.header-inner {
		width: 100%;
		max-width: var(--content-outer);
	}

	#header #gnb .submenu {
		max-width: var(--content-outer);
	}

	/* ── Hero ── */
	.main-visual,
	.main-visual__slides,
	.main-visual-swiper,
	.main-visual-swiper .swiper-wrapper,
	.main-visual-swiper .swiper-slide,
	.main-visual__slide {
		min-height: max(954px, 100svh);
		height: max(954px, 100svh);
	}

	.main-visual__inner {
		width: 100%;
		max-width: var(--content-outer);
	}

	/* ── 1섹션 — 좌 760px · 우 이미지 1000×782 고정 · gap 확장 ── */
	.main-solutions__inner,
	.main-solutions__box {
		width: 100%;
	}

	.main-solutions__box {
		justify-content: space-between;
		align-items: stretch;
	}

	.main-solutions__left {
		flex: 0 0 760px;
		max-width: 760px;
	}

	.main-solutions__visual {
		flex: 0 0 1000px;
		width: 1000px;
		max-width: 1000px;
		height: 782px;
		min-height: 782px;
	}

	/* ── 2섹션 — BG·슬라이더 컨테이너 폭 ── */
	.main-products__inner,
	.main-products__box,
	.main-products__head,
	.main-products__slider {
		width: 100%;
	}

	.main-products__bg {
		width: calc(var(--content-width) * 900 / 1760);
	}

	.main-products__card-thumb img {
		max-width: 100%;
		width: 100%;
	}

	/* ── 3섹션 ── */
	.main-news__inner,
	.main-news__box,
	.main-news__head,
	.main-news__slider {
		width: 100%;
	}

	/* ── Sub TOP (5단계 · ≥1921) ── */
	.sub-top {
		min-height: 606px;
	}

	.sub-top__inner.contain {
		width: 100%;
		max-width: var(--content-outer);
	}

	.sub-top__head,
	.sub-top__lnb,
	.sub-top__lnb-list {
		width: 100%;
	}

	.sub-container {
		width: 100%;
		max-width: 1460px;
	}

	/* ── CEO 인사말 본문 (5단계 · ≥1921) ── */
	.greeting-intro__box,
	.greeting-letter__box {
		width: 100%;
	}

	.greeting-intro__photo {
		flex: 0 0 580px;
		width: 580px;
		height: 760px;
		max-width: none;
		aspect-ratio: auto;
		margin-left: 0;
		margin-right: 0;
	}

	/* ── 오시는 길 본문 (5단계 · ≥1921) ── */
	.location-body__box,
	.location-info {
		width: 100%;
	}

	.location-map {
		height: 640px;
	}

	/* ── 회사 소개 본문 (5단계 · ≥1921) ── */
	.about-company {
		padding-bottom: 180px;
	}

	/* ── 회사 소식 본문 (5단계 · ≥1921) ── */
	.support-news {
		padding-bottom: 180px;
	}

	.support-news .news-list .thumb {
		width: 240px;
		flex: 0 0 240px;
	}

	.support-news .news-list .thumb a {
		width: 240px;
		height: 180px;
		padding-bottom: 0;
	}

	.support-news .news-list .thumb a img {
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		max-width: none;
		min-height: 0;
		transform: none !important;
		object-fit: cover;
	}

	.support-news .news-list .info {
		min-height: 180px;
	}

	.support-news .news-list .date {
		margin-top: auto;
	}

	/* ── 자료실 · 고객문의 본문 (5단계 · ≥1921) ── */
	.support-archive,
	.support-inquiry {
		padding-bottom: 180px;
	}

	.support-recruit {
		padding-bottom: 180px;
	}

	/* ── 푸터 ── */
	.footer-inner,
	.footer-top,
	.footer-info {
		width: 100%;
		max-width: var(--content-outer);
	}
}

/* Landscape phones and down */
@media (max-width: 320px) {

}

/* biz-section--gap-100: PC 100px는 site.css 정본 — max-width에서만 축소 (위 1200/900/640 블록) */
/* GTB intro fill 20261006fill525b */
.biz-page--gtb-renovation section.biz-intro[aria-label="리노베이션 소개"] .biz-intro__media {
  position: relative !important;
  height: 525px !important;
  min-height: 525px !important;
  overflow: hidden !important;
}
.biz-page--gtb-renovation section.biz-intro[aria-label="리노베이션 소개"] .biz-intro__media img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 525px !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center 60% !important;
}
.biz-page--gtb-renovation section.biz-intro[aria-label="리노베이션 소개"] .biz-intro__tag {
  z-index: 2 !important;
  line-height: 1.35;
}

/* STEP2 — 태블릿 1023 / 모바일 767. 소형 PC는 위 1200(시안 inner 분기) */
@media (max-width: 1023px) {
	:root {--header-height:72px;}
	#header .contain.header-inner {height:72px; justify-content:flex-start; gap:8px;}
	.sitelogo {flex:0 1 auto; min-width:0;}
	.sitelogo .logo {width:112px; height:auto;}
	.header-right {flex:0 0 auto; min-width:0; margin-left:auto; justify-content:flex-end; gap:8px;}
	#header.is-trans .btn-inquiry,
	#header.is-solid .btn-inquiry,
	#header.is-over .btn-inquiry {min-height:34px; height:34px; padding:0 10px; font-size:13px; line-height:1.2; gap:6px;}
	#header .btn-inquiry .btn-inquiry__icon img {width:14px; height:9px;}
	.btn-m-menu {display:flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:44px; padding:0;}
	.btn-m-menu div {width:22px; height:16px; gap:5px; align-items:center; justify-content:center;}
	.btn-m-menu span {width:22px; height:2px;}
	.mobile-navigation {width:min(320px, calc(100% - 48px)); overflow-x:hidden; overflow-y:auto;}
	.mobile-navigation .home {height:60px; padding:0 60px 0 16px; font-size:16px;}
	.mobile-navigation .home a {display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.mobile-navigation .close {top:8px; right:8px; width:44px; height:44px; overflow:hidden; text-indent:0; font-size:0; line-height:0;}
	.mobile-navigation .close:before, .mobile-navigation .close:after {top:50%; left:50%; width:18px; height:2px; margin:0;}
	.mobile-navigation .close:before {transform:translate(-50%, -50%) rotate(45deg);}
	.mobile-navigation .close:after {transform:translate(-50%, -50%) rotate(-45deg);}
	.mobile-navigation .nav-menu>ul>li>a {min-height:44px; padding:12px 44px 12px 16px; font-size:16px;}
	.mobile-navigation .nav-menu>ul>li.active>a {background:#032112;}
	.mobile-navigation .nav-menu .submenu ul li a, .mobile-navigation .submenu-mega__list > li > a {min-height:44px; padding:12px 16px; font-size:15px; line-height:1.4; color:#454545; box-shadow:none; margin:0;}
	.mobile-navigation .submenu-mega__list > li.is-active > a, .mobile-navigation .nav-menu .submenu ul li a:hover {color:#032112;}
	.mobile-navigation .submenu-mega__visual, .mobile-navigation .submenu-mega__title {display:none;}
	.mobile-navigation .submenu-mega, .mobile-navigation .submenu-mega__head, .mobile-navigation .submenu-mega__list {display:block; width:auto; min-height:0; padding:0; border:0; gap:0;}
	.sub-top__lnb-list a {min-height:50px; height:50px; padding:0 14px; font-size:16px; line-height:1.3;}
	input, select, textarea, .input {font-size:16px;}
	body#main .main-visual__title-en {font-size:34px; line-height:1.2;}
	body#main .main-visual__title-ko {font-size:15px; line-height:1.5;}
	body#main .main-visual__content {gap:20px;}
	body#main .main-visual__inner {padding-bottom:32px;}
	body#main .main-solutions.main-section,
	body#main .main-products.main-section,
	body#main .main-news.main-section {padding:48px 0 56px;}
	body#main .main-solutions__left {gap:24px;}
	body#main .main-solutions__head {gap:12px;}
	body#main .main-solutions__title-en {font-size:28px; line-height:1.25;}
	body#main .main-solutions__desc {font-size:15px; line-height:1.55;}
	body#main .main-solutions__label {font-size:14px; line-height:1.4; min-height:40px; padding:8px 12px;}
	body#main .main-solutions__tabs {width:100%; max-width:none;}
	body#main .main-solutions__tab,
	body#main .main-solutions__tab a {width:100%; box-sizing:border-box;}
	body#main .main-solutions__tab a {font-size:14px; line-height:1.4; padding-bottom:6px;}
	body#main .main-products__title,
	body#main .main-news__title {font-size:24px; line-height:1.35;}
	body#main .main-products__box,
	body#main .main-news__box {gap:24px;}
	body#main .main-products__tabs {gap:10px 16px;}
	body#main .main-products__tab button {font-size:14px; line-height:1.4;}
	body#main .main-products__card-name,
	body#main .main-news__card-title {font-size:16px; line-height:1.4;}
	body#main .main-products__cta,
	body#main .main-solutions__cta {font-size:14px; padding:8px 14px;}
	.footer-inner {padding-top:32px; padding-bottom:36px; gap:20px;}
	.footer-body {gap:14px;}
	.footer-family {gap:12px; padding:8px 14px; font-size:14px; line-height:1.4;}
	.footer-family__icon img {width:16px; height:16px;}
	.footer-family__list {padding:4px 0;}
	.footer-family__list a {padding:8px 14px; font-size:14px; line-height:1.4;}
	.footer-policy {gap:8px 14px;}
	.footer-policy a {font-size:14px; line-height:1.4;}
	body#sub .sub-top__title-en {font-size:46px; line-height:1.15;}
	body#sub :is(.sub-tt__title) {font-size:44px; line-height:1.2;}
	body#sub :is(.greeting-intro__headline, .about-company__mission-en, .about-company__sec-heading) {font-size:32px; line-height:1.35;}
	.product-fertilizer,
	.product-crop-protection,
	.product-turf-materials,
	.product-view {padding-bottom:120px;}
	.product-list__title {font-size:26px; line-height:1.35; margin-bottom:24px;}
	.product-grid {gap:40px 16px; margin:24px 0 56px;}
	.product-grid .main-products__card,
	.product-grid .main-products__card-link {gap:16px;}
	.product-grid .main-products__card-name {font-size:18px; line-height:1.4;}
	.product-grid .main-products__card-desc {font-size:14px; line-height:1.55;}
	.product-view-top {margin-bottom:64px;}
	.product-view-slider .swiper-slide {padding:40px;}
	.product-view-name {font-size:28px; line-height:1.35;}
	.product-view-summary {font-size:16px; line-height:1.65;}
	.product-view-spec th,
	.product-view-spec td {padding:14px 16px; font-size:16px;}
	.product-view-spec th {width:120px;}
	.product-view-body__title {font-size:26px; line-height:1.4;}
	.product-view-body p {font-size:16px; line-height:1.7;}
	body#sub .support-inquiry .buttons .btn-pack {min-width:0; width:auto;}
	body#sub .support-inquiry .inquiry-write-sec {margin:24px 0 10px; font-size:17px; line-height:1.4;}
	body#sub .support-inquiry .inquiry-write-sec:first-child {margin-top:0;}
	body#sub .support-inquiry .board-form th,
	body#sub .support-inquiry .board-form label {font-size:14px; line-height:1.4;}
	body#sub .support-inquiry .board-form .input,
	body#sub .support-inquiry .board-form select.input {height:38px; padding:0 12px; font-size:14px;}
	body#sub .support-inquiry .board-form textarea.input {height:auto; min-height:140px; padding:10px 12px; font-size:14px; line-height:1.5;}
	body#sub .support-inquiry .board-form input[type="file"] {font-size:14px;}
	body#sub .support-inquiry .board-form .captcha-wrap img {height:38px;}
	body#sub .support-inquiry .inquiry-write-agree {margin-top:20px; font-size:14px;}
	.support-recruit {padding-bottom:80px;}
	.support-recruit__inner {gap:48px;}
	.support-recruit__hero {height:220px; margin-bottom:28px;}
	.support-recruit__sec-heading {font-size:26px; line-height:1.35; margin-bottom:20px;}
	.support-recruit__value {gap:16px; padding:24px 12px;}
	.support-recruit__value-icon {width:72px; height:72px;}
	.support-recruit__value-icon img {width:36px; height:36px;}
	.support-recruit__value-title {font-size:18px; line-height:1.4; margin-bottom:6px;}
	.support-recruit__value-list {font-size:14px; line-height:1.5;}
	.support-recruit__welfare-head {margin-bottom:20px; gap:12px;}
	.support-recruit__welfare-tab button {font-size:14px; padding:7px 14px;}
	.support-recruit__sub-heading {font-size:20px; line-height:1.4; margin-bottom:16px;}
	.support-recruit__sub-heading:not(:first-of-type) {margin-top:28px;}
	.support-recruit__list-item {gap:20px; padding:20px 0;}
	.support-recruit__list-txt {gap:10px;}
	.support-recruit__list-info {gap:8px;}
	.support-recruit__num {font-size:22px; line-height:1.2;}
	.support-recruit__list-info strong {font-size:18px; line-height:1.4;}
	.support-recruit__list-info p {font-size:14px; line-height:1.6;}
	.support-recruit__contact {margin-top:28px; padding:16px; gap:12px;}
	.support-recruit__contact-label,
	.support-recruit__contact-term {font-size:14px; line-height:1.4; padding:8px 12px;}
	.support-recruit__contact-desc {font-size:15px; line-height:1.5;}
}

@media (max-width: 767px) {
	:root {--header-height:60px; --space-container:16px;}
	#header .contain.header-inner {height:60px;}
	.sitelogo .logo {width:92px; height:auto;}
	#header.is-trans .btn-inquiry,
	#header.is-solid .btn-inquiry,
	#header.is-over .btn-inquiry {min-height:30px; height:30px; padding:0 8px; font-size:12px; line-height:1.2; gap:4px;}
	#header .btn-inquiry .btn-inquiry__icon img {width:12px; height:8px;}
	.main-visual, .main-visual__slides, .main-visual-swiper, .main-visual-swiper .swiper-wrapper, .main-visual-swiper .swiper-slide, .main-visual__slide {height:150vw; min-height:150vw;}
	.contain, #contArea, .inner {padding-left:16px; padding-right:16px;}
	#container {padding-left:0; padding-right:0;}
	.pc-br {display:none;}
	input, select, textarea, .input {font-size:16px;}
	.input, select.input {height:44px;}
	textarea.input {height:auto; min-height:120px; padding:12px 16px;}
	.btn-pack, .buttons .btn-pack {min-height:44px; padding:10px 16px; font-size:16px;}
	#header.is-trans .btn-inquiry,
	#header.is-solid .btn-inquiry,
	#header.is-over .btn-inquiry {min-height:30px; height:30px; padding:0 8px; font-size:12px; line-height:1.2; gap:4px;}
	.main-solutions__btn, .main-products__nav button, .main-news__nav button {width:44px; height:44px;}
	.main-products-swiper .slick-list, .main-news-swiper .slick-list {margin:0 -8px;}
	.main-products-swiper .slick-slide, .main-news-swiper .slick-slide {padding:0 8px;}
	.footer-inner {padding-top:24px; padding-bottom:28px; gap:16px;}
	.footer-top {gap:12px;}
	.footer-logo img {width:110px; height:auto;}
	.footer-body {gap:12px;}
	.footer-family {gap:8px; padding:7px 12px; font-size:13px; line-height:1.4;}
	.footer-family__list a {padding:7px 12px; font-size:13px; line-height:1.4;}
	.footer-policy {gap:6px 12px;}
	.footer-policy a {font-size:13px; line-height:1.4;}
	.footer-info {gap:12px; padding-top:14px;}
	.footer-info__row, #footer .copyright {font-size:13px; line-height:1.5;}
	.main-solutions.main-section, .main-products.main-section, .main-news.main-section {padding:40px 0;}
	.sub-tt {padding:56px 0 40px;}
	.sub-top {min-height:300px;}
	.sub-top__inner {flex:1 1 auto; align-self:stretch; min-height:300px; justify-content:flex-start; padding-top:96px; gap:28px;}
	.sub-top__lnb {display:block; margin-top:auto; overflow:hidden;}
	.sub-top__lnb-list {flex:1; min-width:0; overflow:hidden;}
	.sub-top__lnb.swiper .sub-top__lnb-list {flex:none; width:max-content; min-width:100%; overflow:visible;}
	.sub-top__lnb-list > li {flex:0 0 auto; width:auto; height:auto;}
	.sub-top__lnb-list > li.swiper-slide {width:auto; height:auto;}
	.sub-top__lnb-list a {display:flex; align-items:center; justify-content:center; width:auto; height:45px; min-height:45px; padding:0 16px; font-size:15px; line-height:1.2; white-space:nowrap;}
	iframe, .video-container iframe {width:100%; max-width:100%; height:auto; aspect-ratio:16 / 9;}
	.fancybox-wrap {max-width:90vw;}
	body#main .main-visual__title-en {font-size:26px; line-height:1.2;}
	body#main .main-visual__title-ko {font-size:14px; line-height:1.5;}
	body#main .main-visual__content {gap:16px;}
	body#main .main-visual__inner {gap:16px; padding-bottom:24px;}
	body#main .main-solutions.main-section,
	body#main .main-products.main-section,
	body#main .main-news.main-section {padding:36px 0;}
	body#main .main-solutions__left {gap:20px;}
	body#main .main-solutions__head {gap:10px;}
	body#main .main-solutions__title-en {font-size:24px; line-height:1.25;}
	body#main .main-solutions__desc {font-size:14px; line-height:1.55;}
	body#main .main-solutions__visual {min-height:220px;}
	body#main .main-solutions__tabs {width:100%; max-width:none;}
	body#main .main-solutions__tab,
	body#main .main-solutions__tab a {width:100%; box-sizing:border-box;}
	body#main .main-solutions__tab a {font-size:13px; line-height:1.4; padding-bottom:4px;}
	body#main .main-products__title,
	body#main .main-news__title {font-size:20px; line-height:1.35;}
	body#main .main-products__box,
	body#main .main-news__box {gap:20px;}
	body#main .main-products__head-left {gap:12px;}
	body#main .main-products__tabs {gap:8px 12px;}
	body#main .main-products__tab button {font-size:13px; line-height:1.4; padding-bottom:4px;}
	body#main .main-products__card,
	body#main .main-news__card {gap:10px;}
	body#main .main-products__card-name,
	body#main .main-news__card-title {font-size:15px; line-height:1.4;}
	body#main .main-news__card-body {gap:6px;}
	body#main .main-products__cta,
	body#main .main-solutions__cta {font-size:13px; padding:7px 12px;}
	body#sub .sub-top__title-en {font-size:32px; line-height:1.2;}
	body#sub .sub-top__head {max-width:100%; min-width:0;}
	body#sub .sub-top__title-kr {font-size:16px; line-height:1.5; white-space:normal; max-width:100%;}
	body#sub :is(.sub-tt__title) {font-size:34px; line-height:1.25;}
	body#sub .greeting-letter__title {font-size:20px; line-height:1.45;}
	body#sub :is(.greeting-intro__headline, .about-company__mission-title, .product-view__name) {font-size:24px; line-height:1.35;}
	body#sub :is(.about-company__sec-heading, .greeting-vision__title, .org-chart__title, .biz-section-head__title, .biz-intro__title) {font-size:22px; line-height:1.4;}
	body#sub :is(.about-company__mission-en) {font-size:24px; line-height:1.3;}
	body#sub :is(.about-company__value-title) {font-size:20px; line-height:1.4;}
	body#sub :is(.about-company__mission-sub, .about-company__lead) {font-size:16px; line-height:1.5;}
	body#sub :is(.about-company__value-desc, .about-company__value-sub, .biz-intro__desc, .greeting-intro__desc) {font-size:15px; line-height:1.6;}
	body#sub :is(.btn-pack, .btn-inquiry, label, .board-form th) {font-size:16px;}
	body#sub .buttons .btn-pack {height:36px; min-height:36px; padding:0 16px; font-size:14px; line-height:34px;}
	body#sub .product-view-actions :is(.main-products__cta, .btn-pack) {min-height:36px; padding:8px 10px; font-size:14px; line-height:1.4;}
	body#sub .board-search .total-page {line-height:1.4;}
	body#sub .board-search .input,
	body#sub .board-search .btn-pack {height:32px; min-height:32px; padding:0 10px; font-size:13px; line-height:30px;}
	body#sub .board-search select.input {padding-right:26px; background-position:right 8px center; background-size:11px auto;}
	.product-fertilizer,
	.product-crop-protection,
	.product-turf-materials,
	.product-view {padding-bottom:72px;}
	.product-list__title {font-size:22px; line-height:1.35; margin-bottom:16px;}
	.product-grid {gap:28px 12px; margin:16px 0 40px;}
	.product-grid .main-products__card {width:calc((100% - 12px) / 2); gap:12px;}
	.product-grid .main-products__card-link {gap:12px;}
	.product-grid .main-products__card-cat {font-size:13px; line-height:1.4;}
	.product-grid .main-products__card-name {font-size:16px; line-height:1.35;}
	.product-grid .main-products__card-desc {font-size:13px; line-height:1.5;}
	.product-view-top {gap:24px; margin-bottom:40px;}
	.product-view-slider .swiper-slide {padding:24px;}
	.product-view-cat {margin-bottom:8px; font-size:14px; line-height:1.4;}
	.product-view-name {margin-bottom:12px; font-size:22px; line-height:1.35;}
	.product-view-summary {margin-bottom:20px; font-size:15px; line-height:1.6;}
	.product-view-spec {margin-bottom:20px;}
	.product-view-spec th,
	.product-view-spec td {padding:10px 12px; font-size:14px; line-height:1.5;}
	.product-view-spec th {width:88px;}
	.product-view-actions {flex-direction:row; flex-wrap:nowrap; gap:8px;}
	.product-view-actions .main-products__cta {order:0; width:auto;}
	.product-view-body__title {margin-bottom:16px; font-size:22px; line-height:1.4;}
	.product-view-body p {font-size:15px; line-height:1.65; margin-bottom:12px;}
	.support-recruit {padding-bottom:56px;}
	.support-recruit__inner {gap:36px;}
	.support-recruit__hero {height:168px; margin-bottom:20px;}
	.support-recruit__sec-heading {font-size:22px; line-height:1.35; margin-bottom:14px;}
	.support-recruit__value {gap:10px; padding:18px 16px;}
	.support-recruit__value-icon {width:56px; height:56px;}
	.support-recruit__value-icon img {width:28px; height:28px;}
	.support-recruit__value-title {font-size:16px; line-height:1.4; margin-bottom:4px;}
	.support-recruit__value-list {font-size:13px; line-height:1.5;}
	.support-recruit__welfare-head {margin-bottom:14px; gap:10px;}
	.support-recruit__welfare-tab button {font-size:13px; padding:6px 12px;}
	.support-recruit__sub-heading {font-size:18px; line-height:1.4; margin-bottom:12px;}
	.support-recruit__sub-heading:not(:first-of-type) {margin-top:20px;}
	.support-recruit__list-item {gap:14px; padding:16px 0;}
	.support-recruit__list-txt {gap:8px;}
	.support-recruit__list-info {gap:6px;}
	.support-recruit__num {font-size:18px; line-height:1.2;}
	.support-recruit__list-info strong {font-size:16px; line-height:1.4;}
	.support-recruit__list-info p {font-size:14px; line-height:1.55;}
	.support-recruit__contact {margin-top:20px; padding:14px; gap:10px;}
	.support-recruit__contact-label,
	.support-recruit__contact-term {font-size:13px; line-height:1.4; padding:6px 10px;}
	.support-recruit__contact-desc {font-size:14px; line-height:1.5;}
	.support-recruit__contact-list {gap:10px;}
	body#sub .support-inquiry {padding-bottom:64px;}
	body#sub .support-inquiry .buttons .btn-pack {min-width:0; width:auto; height:36px; min-height:36px; padding:0 16px; font-size:14px; line-height:34px;}
	body#sub .support-inquiry .inquiry-write-sec {margin:18px 0 8px; font-size:16px; line-height:1.4;}
	body#sub .support-inquiry .inquiry-write-sec:first-child {margin-top:0;}
	body#sub .support-inquiry .board-form tr {padding:8px 0;}
	body#sub .support-inquiry .board-form th {width:auto; margin-bottom:4px; font-size:14px; line-height:1.4;}
	body#sub .support-inquiry .board-form label {font-size:14px; line-height:1.4;}
	body#sub .support-inquiry .board-form .input,
	body#sub .support-inquiry .board-form select.input {height:36px; min-height:0; padding:0 10px; font-size:14px;}
	body#sub .support-inquiry .board-form textarea.input {height:auto; min-height:110px; padding:10px; font-size:14px; line-height:1.5;}
	body#sub .support-inquiry .board-form input[type="file"] {font-size:13px;}
	body#sub .support-inquiry .captcha-wrap {gap:8px;}
	body#sub .support-inquiry .board-form .captcha-wrap img {height:36px;}
	body#sub .support-inquiry .captcha-wrap .input {width:auto; flex:1 1 120px;}
	body#sub .support-inquiry .captcha-wrap .btn-pack {height:36px; min-height:36px; padding:0 12px; font-size:13px; line-height:34px;}
	body#sub .support-inquiry .inquiry-write-agree {margin:16px 0 0; font-size:14px; line-height:1.5;}
	body#sub .support-inquiry .buttons {margin-top:16px;}
}