@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

.subPage img { max-width: 100%; height: auto; }
/* 브레드크럼: 풀폭 흰 바 + 하단 보더 */
.subPage .company-bc-strip { background: #fff; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; }
.subPage .company-bc { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin: 0; padding: 20px 0; font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 18px; line-height: 1.1; color: #808080; }
.subPage .company-bc-home { color: #8a8a8a; text-decoration: none; display: inline-flex; align-items: center; flex-shrink: 0; line-height: 0; }
.subPage .company-bc-home:hover, .subPage .company-bc-home:focus-visible { color: #555; }
.subPage .company-bc-home:focus-visible { outline: 2px solid rgba(17, 17, 17, 0.25); outline-offset: 3px; }
.subPage .company-bc-home img.company-bc-homeIcon { display: block; width: 16px; height: auto; opacity: 0.62; }
.subPage .company-bc-home:hover img.company-bc-homeIcon { opacity: 0.85; }
.subPage .company-bc-sep { display: inline-block; width: auto; height: 16px; flex-shrink: 0; vertical-align: middle; user-select: none; }
.subPage .company-bc-node { color: #777; font-weight: 400; }
.subPage .company-bc-node--here { font-weight: 700; }
/* ========================================
   Business Common Hero Banner
======================================== */

.subPage .company-inner { width: 100%; max-width: 1600px; margin: 0 auto; box-sizing: border-box; }
.subPage .company-inner--tabs { display: flex; flex-wrap: wrap; align-items: stretch; gap: 0; }
.subPage .company-kv { position: relative; width: 100%; max-width: 100%; aspect-ratio: 1920 / 930; min-height: 320px; display: flex; flex-direction: column; justify-content: flex-end; padding: 0; box-sizing: border-box; overflow: hidden; }
.subPage .company-kv-bg { position: absolute; inset: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 0; }
.subPage .company-kv-main { position: relative; z-index: 2; flex: 0 0 auto; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; min-height: 0; padding-bottom: 114px; }
.subPage .company-kv-main .company-inner { display: flex; justify-content: space-between; align-items: flex-end; }
.subPage .company-kv-cat { margin-bottom: 20px; font-size: 24px; font-weight: 500; line-height: 1; color: #fff; font-family: 'Pretendard', sans-serif; }
.subPage .company-kv-title { margin: 0; font-size: 48px; font-weight: 600; font-family: 'Poppins', sans-serif; line-height: 1; color: #fff; }
/* KV btn */
.subPage .company-kv-btn { display: inline-flex; align-items: center; justify-content: center; background-color: #226bda; box-sizing: border-box; font-family: 'Poppins', sans-serif; font-weight: 400; color: #ffffff; text-decoration: none; transition: background-color 0.3s; }
.subPage .company-kv-btn:hover { background-color: #1a51a8; }
.subPage .company-kv-btn i { font-size: 20px; }
@media (min-width:1025px) {
	.subPage .company-kv-btn { height: 48px; min-width: 164px; padding: 0 22px 0 26px; font-size: 18px; gap: 16px; }
}
/* KV tabs — PC 가로 탭 (1025px~, dropdown/toggle 공통은 common.css) */
.subPage .company-kv-tab, .subPage .company-kv-tab:hover, .subPage .company-kv-tab:focus, .subPage .company-kv-tab:visited, .subPage .company-kv-tab:active { text-decoration: none; }
/* 탭: PC 가로 탭 (1025px~) */
@media (min-width:1025px) {
	.subPage .company-kv-tabsPanel { display: flex; flex-wrap: wrap; align-items: stretch; gap: 0; width: 100%; }
	.subPage .company-kv-tabsPanelInner { display: flex; flex-wrap: wrap; align-items: stretch; gap: 0; width: 100%; }
	.subPage .company-kv-tabs { position: relative; z-index: 2; flex-shrink: 0; border-top: 1px solid rgba(255, 255, 255, 0.73); padding-bottom: 106px; box-sizing: border-box; }
	.subPage .company-kv-tab { flex: 0 0 auto; padding: 30px 90px 0; display: inline-flex; align-items: center; font-size: 20px; font-weight: 400; font-family: 'Pretendard', sans-serif; line-height: 1; color: rgba(255, 255, 255, 0.73); text-decoration: none; border-top: 3px solid transparent; margin-top: -1px; transition: all 0.2s ease-out; }
	.subPage .company-kv-tab:hover, .subPage .company-kv-tab:focus-visible { color: #fff; outline: none; }
	.subPage .company-kv-tab.is-active { color: #fff; border-top-color: #fff; font-weight: 700; }
}
/* ========================================
   IONCARES (서브 2-1)
======================================== */

/* 공통 */
body.sub_02 { margin: 0; }
body.sub_02 .subPage.ioncares { color: #333; padding: 0; max-width: 100%; width: 100%; margin: 0; font-family: 'Pretendard'; background-color: #fafafa; }
.subPage.ioncares .content { padding: 0; }
.subPage.ioncares .inner { max-width: 1600px; margin: 0 auto; padding: 0; position: relative; }
.subPage .sec-label { display: block; font-family: 'Poppins'; font-size: clamp(16px, 2vw, 24px); font-weight: 600; color: #000000; margin-bottom: clamp(16px, 2.5vw, 40px); text-align: center; }
.subPage.ioncares .sec-title { font-family: 'Poppins'; font-size: 36px; font-weight: 600; color: #000000; margin: 0; text-align: center; }
/* 특정 섹션 타이틀 전역 가운데 정렬 */
.section-partners .sec-title, .section-beauty-partners .sec-title, .section-gallery .sec-title { text-align: center !important; }
/* 히어로 영역 */
.ioncares-hero { position: relative; height: 800px; display: flex; flex-direction: column; justify-content: center; }
.ioncares-hero .hero-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1; }
.ioncares-hero::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 2; }
.ioncares-hero .hero-inner { position: relative; z-index: 3; max-width: 1280px; margin: 0 auto; width: 100%; padding: 0 5%; }
.ioncares-hero .brand { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 600; color: #fff; display: block; margin-bottom: 10px; }
.ioncares-hero h2 { font-family: 'Montserrat', sans-serif; font-size: 64px; font-weight: 700; color: #fff; margin: 0 0 40px; }
.ioncares-hero .btn-products { display: inline-flex; align-items: center; background: #1754f8; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 500; padding: 15px 30px; border-radius: 4px; text-decoration: none; transition: background 0.3s; }
.ioncares-hero .btn-products:hover { background: #0d40c6; }
.ioncares-hero .btn-products .icon-arrow { margin-left: 10px; font-size: 20px; }
/* 앵커 탭 */
.hero-tabs { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 4; border-top: 1px solid rgba(255,255,255,0.2); }
.hero-tabs .tab-inner { max-width: 1280px; margin: 0 auto; display: flex; }
.hero-tabs a { flex: 1; text-align: center; padding: 25px 0; color: rgba(255,255,255,0.7); font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 500; text-decoration: none; border-right: 1px solid rgba(255,255,255,0.2); transition: all 0.3s; }
.hero-tabs a:first-child { border-left: 1px solid rgba(255,255,255,0.2); }
.hero-tabs a:hover, .hero-tabs a.active { color: #fff; background: rgba(255,255,255,0.1); }
/* 섹션 1: IONCARES 소개 */
.section-ioncares { padding-top: 100px; background: #fff; text-align: center; overflow: hidden; }
.section-ioncares .glass-visual { position: relative; margin: 0 auto; padding: 100px 0 0; }
.section-ioncares .bg-text-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; z-index: 1; }
.section-ioncares .glass-img { height: auto; width: auto; }
/* 섹션 2: Global Trading */
.section-global { padding-bottom: 166px; }
.global-visual { position: relative; height: 600px; display: flex; justify-content: center; align-items: center; }
.global-visual .bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.global-visual::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.global-visual .visual-text { position: relative; z-index: 3; text-align: center; }
.global-visual h3 { font-family: 'Poppins'; font-size: 60px; font-weight: 400; color: #fff; line-height: 1.3; margin: 0; }
.global-visual h3 strong { font-weight: 600; }
.global-content { margin-top: -120px; position: relative; z-index: 10; }
.global-content .content-box { border-radius: 20px; overflow: hidden; display: flex; align-items: flex-end; gap: 200px; }
.global-content .img-area { width: auto; }
.global-content .img-area img { width: 100%; height: 100%; }
.global-content .text-area { width: auto; display: flex; flex-direction: column; justify-content: center; }
.global-content .text-area h4 { font-family: 'Poppins', sans-serif; font-size: 36px; font-weight: 400; color: #000; margin: 0 0 50px; }
.global-content .text-area h4 strong { font-weight: 600; }
.global-content .desc p { font-family: 'Pretendard'; font-size: 18px; color: #777777; line-height: 1.8; margin: 0; font-weight: 300; }
.global-content .desc .mt-20 { margin-top: 46px; }
/* 섹션 3: Products Line up */
.section-products { padding: 166px 0; }
.products-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 146px 40px; margin-top: 60px; }
.product-item { background: #fafafa; border-radius: 20px; padding: 60px 50px 50px 50px; display: flex; justify-content: space-between; position: relative; overflow: visible; min-height: 450px; box-sizing: border-box; }
.product-item:hover, .product-item.is-active { background: #226bda; color: #fff; }
.product-item:hover .cate, .product-item.is-active .cate { color: #ffffff; }
.product-item:hover h4, .product-item.is-active h4 { color: #ffffff; }
.product-item:hover p, .product-item.is-active p { color: rgba(255,255,255,0.8); }
.product-item:hover .btn-more, .product-item.is-active .btn-more { color: #0091d6; }
.product-item .info { position: relative; z-index: 2; width: 100%; }
.product-item .cate { display: inline-block; font-family: 'Poppins'; font-size: 20px; font-weight: 500; color: #226bda; margin-bottom: 18px; line-height: 1.2; }
.product-item.item .cate, .product-item.item-blue .cate { color: #fff; }
.product-item h4 { font-family: 'Poppins'; font-size: 36px; font-weight: 700; color: #000000; margin: 0 0 30px; line-height: 1.2; }
.product-item.item h4, .product-item.item-blue h4 { color: #fff; }
.product-item p { font-size: 18px; color: #777777; font-weight: 300; line-height: 1.5; }
.product-item.item p, .product-item.item-blue p { color: rgba(255,255,255,0.8); }
.product-item .btn-more { position: absolute; bottom: 0; left: 0; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; margin: 0; padding: 0; border: 0; background: #fff; border-radius: 50%; color: #000; font: inherit; cursor: pointer; text-decoration: none; transition: transform 0.3s; z-index: 5; -webkit-tap-highlight-color: transparent; }
.product-item.item .btn-more, .product-item.item-blue .btn-more { color: #0091d6; box-shadow: none; }
.product-item .btn-more:hover { transform: scale(1.1); }
.product-item .btn-more i { font-size: 22px; }
.product-item .img-box { position: absolute; display: flex; z-index: 10; }
.product-item .img-box img { max-width: 100%; max-height: 100%; object-fit: contain; }
/* 이미지 위치 조정 클래스 */
.product-item .img-box.prod-1-img { right: 42px; top: 248px; }
.product-item .img-box.prod-2-img { right: 34px; top: 156px; }
.product-item .img-box.prod-3-img { right: 82px; top: 165px; }
.product-item .img-box.prod-4-img { right: 100px; top: 164px; }
.product-item .img-box.prod-5-img { right: 82px; top: 165px; }
.product-item .img-box.prod-6-img { right: 74px; top: 102px; }
.product-item .img-box.prod-7-img { right: 14px; top: 116px; }
.product-item .img-box.prod-8-img { right: 64px; top: 90px; }
/* 섹션 4: Certificate */
.section-cert { padding: 120px 0 180px; background: #fafafa; }
.cert-title { font-size: 48px; font-weight: 700; line-height: 1.25; color: #000; margin: 58px 0 128px; text-align: center; }
.cert-slider-wrap { overflow: hidden; }
.cert-list { display: flex; gap: 14px; animation: scroll-cert 30s linear infinite; width: max-content; }
.cert-item { width: auto; flex-shrink: 0; }
.cert-item img { width: 100%; height: auto; display: block; }
@keyframes scroll-cert {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-250px * 8 - 14px * 8)); }
}
/* ========================================
   K-Used Car (서브 2-2)
======================================== */

.subPage.k-used-car .inner { max-width: 1600px; margin: 0 auto; }
.subPage.k-used-car .sec-title { font-size: 48px; font-weight: 700; color: #000000; line-height: 1.4; margin: 0; letter-spacing: -0.5px; }
.subPage.k-used-car .text-left { text-align: left; }
.subPage.k-used-car .text-center { text-align: center; }
.subPage.k-used-car .text-blue { color: #1754f8; }
.subPage.k-used-car .mt-50 { margin-top: 80px; }
/* 섹션 1: K-Used Car 소개 */
.section-used-intro { padding: 230px 0 160px; background: #fff; }
.section-used-intro .intro-content { display: flex; justify-content: space-between; align-items: flex-start; height: 500px; }
.section-used-intro .text-area { width: 45%; }
.section-used-intro .img-area { width: auto; align-self: flex-end; }
.section-used-intro .img-area img { width: 100%; height: auto; display: block; }
/* 섹션 2: Glory Mobility */
.section-glory { padding: 126px 0; background: #fafafa; }
.subPage.k-used-car .section-glory .inner { max-width: 1700px; }
.section-glory .glory-content { display: flex; background: #fafafa; border-radius: 20px; overflow: hidden; align-items: center; gap: 180px}
.section-glory .img-area { width: auto; }
.section-glory .img-area img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.section-glory .text-area { width: auto; }
.section-glory h3 { font-family: 'Poppins'; font-size: 48px; font-weight: 600; color: #000; line-height: 1.2; margin: 0 0 56px; }
.section-glory .desc p { font-family: 'Pretendard'; font-size: 18px; color: #272727; font-weight: 400; line-height: 1.8; margin: 0; }
/* 섹션 3: Partners */
.section-partners { padding: 172px 0 100px; background: #fff; }
.section-partners .map-area { position: relative; max-width: 1400px; align-items: center; text-align: center; padding-top: 80px; margin: 0 auto; }
.section-partners .map-bg { width: 100%; height: 623px; background: url('../images/sub_02/02/world_map.png') no-repeat; background-size: contain; background-position: center; }
/* 핀 공통 */
.section-partners .map-pin { position: absolute; transform: translate(-50%, -50%); z-index: 10; }
/* 기본 본사 핀 */
.section-partners .map-pin.hq { left: 57%; top: 52%; }
/* 추가 핀 위치 */
.section-partners .map-pin.pin-us { left: 20%; top: 42%; }
.section-partners .map-pin.pin-eu { left: 46%; top: 35%; }
.section-partners .map-pin.pin-uae { left: 57%; top: 47%; }
/* 핀 버튼 */
.section-partners .pin-dot { position: relative; width: 22px; height: 22px; border-radius: 50%; border: none; background: #226bda; cursor: pointer; padding: 0; }
.section-partners .pin-dot::before { content: ""; position: absolute; inset: -12px; border-radius: 50%; border: 1px solid rgba(34,107,218,0.25); animation: pinPulse 2s infinite; }
@keyframes pinPulse {

	0% { transform: scale(0.8); opacity: 1; }
	100% { transform: scale(1.8); opacity: 0; }
}
/* 박스 */
.section-partners .pin-box { background: #fff; border-radius: 12px; border: 4px solid #eeeeee; text-align: center; position: absolute; left: 50%; bottom: 42px; transform: translateX(-50%); width: 394px; min-height: 324px; padding: 38px 38px 40px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; opacity: 0; visibility: hidden; transition: all 0.35s ease; }
/* 활성화 */
.section-partners .map-pin.active .pin-box { opacity: 1; visibility: visible; bottom: 52px; }
.section-partners .pin-box .logo-area { margin-bottom: 10px; }
.section-partners .pin-box .logo-area img { width: auto; height: auto; max-width: 80px; }
.section-partners .pin-box h4 { font-family: 'Pretendard'; font-size: 24px; font-weight: 800; color: #000000; margin: 0 0 6px; line-height: 1.2; }
.section-partners .pin-box .sub-text { font-family: 'Pretendard'; font-size: 18px; font-weight: 300; color: #777777; margin: 0 0 24px; }
.section-partners .pin-box .pin-circle { width: 70px; height: 70px; background: #f1f1f1; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto; }
.section-partners .pin-box .pin-circle i { font-size: 32px; color: #1754f8; }
.section-partners .pin-box .pin-text { font-family: 'Pretendard'; font-size: 18px; font-weight: 600; color: #000000; margin: 0; }
.section-partners .pin-box .pin-mapLink { display: flex; flex-direction: column; align-items: flex-start; width: 100%; margin-top: auto; color: inherit; text-decoration: none; text-align: center; -webkit-tap-highlight-color: transparent; cursor: pointer; }
.section-partners .pin-box .pin-mapLink .pin-text { margin-top: 8px; margin-left: 4px; text-decoration: none; }
/* 로고 그리드 */
.section-partners .partners-grid { display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 192px; margin-left: auto; margin-right: auto; justify-content: center; max-width: 1400px; background: none; gap: 0; }
.section-partners .partner-item { background: #fff; display: flex; justify-content: center; align-items: center; width: 100%; box-sizing: border-box; height: 120px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.section-partners .partner-item:nth-child(5n) { border-right: none; }
.section-partners .partner-item:nth-last-child(-n+5) { border-bottom: none; }
.section-partners .partner-item img { object-fit: contain; width: auto; height: auto; transition: transform 0.3s; }
.section-partners .partner-item:hover img { transform: scale(1.1); }
.section-partners .btn-view-more { display: inline-flex; align-items: center; justify-content: center; gap: 12px; background: #226bda; color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400; width: 164px; height: 48px; border-radius: 4px; text-decoration: none; transition: background 0.3s; box-sizing: border-box; }
.section-partners .btn-view-more i { font-size: 18px; color: #ffffff; }
.section-partners .btn-view-more:hover { background: #1a52a8; }
/* 섹션 4: Gallery */
.section-gallery { padding: 130px 0 290px; background: #fff; }
.gallery-slider-wrap { margin-top: 88px; overflow: hidden; }
.gallery-list { display: flex; gap: 20px; width: max-content; animation: scroll-gallery 30s linear infinite; }
@keyframes scroll-gallery {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-412px * 6 - 20px * 6)); }
}
.gallery-item { width: 412px; height: 482px; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.gallery-item:hover img { transform: scale(1.05); }
@keyframes scroll-gallery {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-300px * 3 - 60px)); }
}
/* ========================================
   K-Beauty (서브 2-4)
======================================== */

.subPage.k-beauty .sec-title { font-size: 48px; font-weight: 700; color: #000; line-height: 1.3; margin: 0; }
.subPage.k-beauty .text-center { text-align: center; }
.subPage.k-beauty .mt-50 { margin-top: 80px; }
/* 섹션 1: Intro */
.section-beauty-intro { padding: 324px 0 336px; background: #fff; }
.section-beauty-intro .inner { max-width: 1360px; margin: 0 auto; }
.section-beauty-intro .intro-content { display: flex; flex-direction: column; gap: 20px; }
.section-beauty-intro h3 { font-family: 'Pretendard'; font-size: 48px; font-weight: 700; color: #b2b2b2; line-height: 1.2; margin: 0; letter-spacing: -0.5px; }
.section-beauty-intro .intro-line-1 { text-align: left; }
.section-beauty-intro .intro-line-2 { text-align: right; }
.section-beauty-intro h3 strong { font-weight: 700; color: #000; }
/* 섹션 2: Categories (지그재그 레이아웃) */
.section-beauty-categories { padding-bottom: 200px; background: #fff; }
.category-item { display: flex; align-items: center; max-width: 1500px; gap: 114px; margin: 0 auto 54px; }
.category-item:nth-child(2) { margin-bottom: 72px; }
.category-item:last-child { margin-bottom: 0; }
.category-item.reverse { flex-direction: row-reverse; gap: 300px; }
.category-item .img-area { width: auto; }
.category-item .img-area img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }
.category-item .text-area { width: auto; }
.category-item.reverse .text-area { text-align: left; }
.category-item h4 { font-family: 'Nanum Myeongjo'; font-size: 72px; font-weight: 300; color: #d1d1d1; margin: 0; }
.category-item .sub-title { display: block; font-family: 'Pretendard'; font-size: 20px; color: #000; font-weight: 500; margin-bottom: 86px; }
.category-item .main-title { font-family: 'Pretendard'; font-size: 30px; font-weight: 700; color: #000; margin: 0 0 28px; line-height: 1.4; }
.category-item p { font-size: 18px; color: #000; font-weight: 400; line-height: 1.4; margin: 0; }
/* 섹션 3: Global Trading (Split Screen) */
.section-beauty-global { background: #fff; }
.split-row { display: flex; min-height: 1000px; }
.split-row.reverse { flex-direction: row-reverse; }
.split-row .img-area { width: 50%; position: relative; }
.split-row .img-area img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.split-row .text-area { width: 50%; display: flex; align-items: center; }
.split-row .text-area.bg-light { background: #f4f5f7; }
.split-row .text-area.bg-white { background: #f4f5f7; }
.split-row .text-inner { padding-left: 130px; }
.split-row h3 { font-family: 'Nanum Myeongjo'; font-size: 72px; font-weight: 300; color: #d1d1d1; margin: 0 0 40px; letter-spacing: -1px; }
.split-row .split-title { font-family: 'Pretendard'; font-size: 30px; font-weight: 700; color: #000; margin: 0 0 28px; line-height: 1.4; }
.split-row p { font-size: 18px; color: #000; font-weight: 400; line-height: 1.4; margin: 0; }
/* 섹션 4: Partners */
.section-beauty-partners { padding: 172px 0 308px; background: #fff; overflow: hidden; }
.section-beauty-partners .map-area { position: relative; max-width: 1400px; height: 760px; margin: 0 auto; z-index: 1; }
.section-beauty-partners .intro-desc { font-family: 'Pretendard'; font-size: 18px; font-weight: 300; color: #777777; line-height: 1.6; margin: 64px 0 14px; }
.section-beauty-partners .map-bg { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; background: url('../images/sub_02/04/world_map.png') no-repeat center center; background-size: contain; }
.section-beauty-partners .map-pin { position: absolute; transform: translate(-50%,-50%); display: flex; z-index: 5; }
.section-beauty-partners .map-pin.active { z-index: 20; }
.section-beauty-partners .pin-dot { position: relative; z-index: 2; width: 18px; height: 18px; border: none; border-radius: 50%; background: #226bda; cursor: pointer; padding: 0; }
.section-beauty-partners .pin-dot::before { content: ""; position: absolute; inset: -10px; border-radius: 50%; border: 1px solid rgba(34,107,218,.3); animation: pinPulse 2s infinite; }
@keyframes pinPulse {
	0% { transform: scale(.8); opacity: 1; }
	100% { transform: scale(1.8); opacity: 0; }
}
.section-beauty-partners .pin-box { background: #fff; border-radius: 12px; border: 4px solid #eeeeee; text-align: center; position: absolute; left: 50%; bottom: 48px; transform: translateX(-50%); width: 394px; min-height: 324px; padding: 38px 38px 40px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; z-index: 10; opacity: 0; visibility: hidden; transition: all .35s ease; box-shadow: 0 20px 50px rgba(0,0,0,.08); }
.section-beauty-partners .map-pin.active .pin-box { opacity: 1; visibility: visible; }
.section-beauty-partners .pin-box .logo-area { margin-bottom: 10px; }
.section-beauty-partners .pin-box .logo-area img { width: auto; height: auto; max-width: 80px; }
.section-beauty-partners .pin-box h4 { font-family: 'Pretendard'; font-size: 24px; font-weight: 800; color: #000; margin: 0 0 6px; line-height: 1.2; text-align: left; }
.section-beauty-partners .pin-box .sub-text { font-family: 'Pretendard'; font-size: 18px; font-weight: 300; color: #777777; margin: 0 0 24px; text-align: left; }
.section-beauty-partners .pin-box .pin-circle { width: 70px; height: 70px; background: #f1f1f1; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0; }
.section-beauty-partners .pin-box .pin-circle img { width: 20px; height: auto; }
.section-beauty-partners .pin-box .pin-text { font-family: 'Pretendard'; font-size: 18px; font-weight: 600; color: #000; margin: 8px 0 0 4px; }
.section-beauty-partners .pin-box .pin-mapLink { display: flex; flex-direction: column; align-items: flex-start; width: 100%; margin-top: auto; color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; cursor: pointer; }
.section-beauty-partners .pin-box .pin-mapLink:hover,.section-beauty-partners .pin-box .pin-mapLink:focus,.section-beauty-partners .pin-box .pin-mapLink:focus-visible,.section-beauty-partners .pin-box .pin-mapLink:active,.section-beauty-partners .pin-box .pin-mapLink:visited { text-decoration: none; }
.section-beauty-partners .partners-grid { display: grid; grid-template-columns: repeat(5,1fr); margin-top: 192px; margin-left: auto; margin-right: auto; justify-content: center; max-width: 1400px; background: none; gap: 0; }
.section-beauty-partners .partner-item { background: #fff; display: flex; justify-content: center; align-items: center; width: 100%; box-sizing: border-box; height: 120px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 20px; }
.section-beauty-partners .partner-item:nth-child(5n) { border-right: none; }
.section-beauty-partners .partner-item:nth-last-child(-n+5) { border-bottom: none; }
.section-beauty-partners .partner-item img { object-fit: contain; max-width: 100%; transition: transform .3s; }
.section-beauty-partners .partner-item:hover img { transform: scale(1.08); }
.section-beauty-partners .btn-view-more { display: inline-flex; align-items: center; justify-content: center; gap: 12px; background: #226bda; color: #fff; font-family: 'Poppins',sans-serif; font-size: 18px; font-weight: 400; width: 164px; height: 48px; border-radius: 4px; text-decoration: none; transition: background .3s; box-sizing: border-box; margin-top: 60px; }
.section-beauty-partners .btn-view-more i { font-size: 18px; color: #fff; }
.section-beauty-partners .btn-view-more:hover { background: #1a52a8; }
@media screen and (max-width:1400px) {
	.section-beauty-partners { padding: 140px 5% 240px; }
	.section-beauty-partners .map-area { height: 620px; }
	.section-beauty-partners .partners-grid { grid-template-columns: repeat(4,1fr); }
	.section-beauty-partners .partner-item:nth-child(5n) { border-right: 1px solid #e5e5e5; }
	.section-beauty-partners .partner-item:nth-child(4n) { border-right: none; }
	.section-beauty-partners .partner-item:nth-last-child(-n+5) { border-bottom: 1px solid #e5e5e5; }
}
@media screen and (max-width:1024px) and (min-width:769px) {

	.section-beauty-partners .map-area { height: 520px; max-width: 900px; }
	.section-beauty-partners .map-bg { background-size: 100% 100%; background-position: center; }
	.section-beauty-partners .pin-box { display: none!important; }
	.section-beauty-partners .map-pin { transform: translate(-50%,-50%); }
	/* korea */
	.section-beauty-partners .map-pin[style*="left:39%"] { top: 52%!important; left: 39%!important; }
	/* europe */
	.section-beauty-partners .map-pin[style*="left:10%"] { top: 43%!important; left: 10%!important; }
	/* usa */
	.section-beauty-partners .map-pin[style*="left:77%"] { top: 42%!important; left: 77%!important; }
	.section-beauty-partners .pin-dot { width: 12px; height: 12px; }
	.section-beauty-partners .pin-dot::before { inset: -7px; }
	.section-beauty-partners .map-pin .pin-box { display: none!important; opacity: 0!important; visibility: hidden!important; pointer-events: none!important; }
	.section-beauty-partners .map-pin.active .pin-box { display: none!important; opacity: 0!important; visibility: hidden!important; }
	.pin-box { display: none!important; }
}
@media screen and (max-width:768px) {

	.section-beauty-partners .map-area { height: 240px; }
	.section-beauty-partners .map-pin[style*="left:39%"] { top: 54%!important; left: 39%!important; }
	.section-beauty-partners .map-pin[style*="left:10%"] { top: 45%!important; left: 14%!important; }
	.section-beauty-partners .map-pin[style*="left:77%"] { top: 43%!important; left: 73%!important; }
	.section-beauty-partners .pin-dot { width: 10px; height: 10px; }
	.section-beauty-partners .pin-dot::before { inset: -6px; }
}
@media screen and (max-width:480px) {

	.section-beauty-partners .map-area { height: 180px; }
	.section-beauty-partners .map-pin[style*="left:39%"] { top: 56%!important; left: 39%!important; }
	.section-beauty-partners .map-pin[style*="left:10%"] { top: 47%!important; left: 16%!important; }
	.section-beauty-partners .map-pin[style*="left:77%"] { top: 45%!important; left: 71%!important; }
}
/* ========================================
   ODA Partnership (서브 2-5)
======================================== */

.subPage.oda-partnership .sec-title { font-family: 'Pretendard'; font-size: 48px; font-weight: 700; color: #000; line-height: 1.5; margin: 0 0 84px; letter-spacing: -0.5px; }
.subPage.oda-partnership .text-center { text-align: center; }
/* 섹션 1: Intro */
.section-oda-intro { padding: 52px 0 124px; background: #fff; }
.section-oda-intro .intro-content { display: flex; justify-content: space-between; align-items: center; max-width: 1700px; margin: 0 auto; }
.section-oda-intro .text-area { width: 45%; }
.section-oda-intro h3 { font-family: 'Pretendard'; font-size: 48px; font-weight: 700; color: #000; line-height: 1.3; margin: 0 0 60px; letter-spacing: -0.5px; }
.section-oda-intro p { font-size: 18px; font-weight: 300; font-family: 'Pretendard'; color: rgba(0, 0, 0, 0.7); line-height: 1.5; margin: 0 0 86px; }
.section-oda-intro .small-img { max-width: 250px; }
.section-oda-intro .small-img img { width: 100%; height: auto; }
.section-oda-intro .img-area { width: 50%; }
.section-oda-intro .img-area img { width: 100%; height: auto; border-radius: 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
/* 섹션 2: 물은 과학 */
.section-oda-science { padding: 120px 0 158px; background: #fff; overflow: visible; }
.section-oda-science .sec-title { margin-bottom: 60px; }
.science-visual { width: 100%; position: relative; }
.visual-slider { position: relative; width: 100%; height: 680px; overflow: hidden; }
.slider-track { display: flex; height: 100%; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.slide-item { flex-shrink: 0; /* 뷰포트에 맞춰 축소 — JS에서 실측폭으로 translate (고정 1230px 깨짐 방지) */
	width: min(1230px, calc(100vw - 96px)); height: 100%; margin-right: 20px; box-sizing: border-box; }
.slide-item img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.slide-text-box { position: absolute; right: 8%; bottom: -80px; width: 780px; height: 412px; background: #ffffff; border-radius: 20px; padding: 70px 50px 60px 64px; box-sizing: border-box; z-index: 100; }
.slide-text-box .slide-content { display: none; }
.slide-text-box .slide-content.is-active { display: block; }
.slide-text-box .slide-title { font-family: 'Pretendard'; font-size: 48px; font-weight: 700; color: #000; margin: 0 0 36px; letter-spacing: -0.5px; line-height: 1.5; }
.slide-text-box .slide-text { font-family: 'Pretendard'; font-size: 18px; font-weight: 300; color: #777777; line-height: 1.5; margin: 0 0 54px; }
.slide-nav { position: absolute; bottom: 60px; left: 64px; display: flex; gap: 48px; z-index: 101; }
.slide-nav button { background: none; border: none; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center; }
.slide-nav button img { width: auto; height: auto; }
/* 섹션 3: PR Video */
.section-oda-video { padding: 120px 0 244px; background: #fff; }
.subPage.oda-partnership .section-oda-video .sec-title { margin: 0 0 54px; }
.video-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 1600px; margin: 0 auto; }
.video-item { position: relative; border-radius: 20px; overflow: hidden; aspect-ratio: 16 / 9; }
.video-link { display: block; width: 100%; height: 100%; position: relative; }
.video-link img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.video-link::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: background 0.3s; }
.video-link:hover img { transform: scale(1.05); }
.video-link:hover::after { background: rgba(0,0,0,0.5); }
.play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; background: rgba(255,255,255,0.3); border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 2; transition: all 0.3s; }
.play-btn::before { content: ''; display: block; width: 24px; height: 24px; background: url('../images/sub_02/05/play_icon.png') no-repeat center; background-size: contain; }
.video-link:hover .play-btn { background: #1754f8; border-color: #1754f8; }
.video-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 1000; justify-content: center; align-items: center; }
.video-modal.active { display: flex; }
.video-modal-content { position: relative; width: 90%; max-width: 1000px; background: #000; border-radius: 10px; overflow: hidden; }
.video-modal-close { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.2); border: none; color: #fff; font-size: 32px; cursor: pointer; border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 1001; transition: background 0.3s; }
.video-modal-close:hover { background: rgba(255, 255, 255, 0.4); }
/* ========================================
   반응형 1차 (1440px / 1280px)
======================================== */

/* --- 1440px 이하 --- */
@media (max-width:1440px) {

	/* 공통 컨테이너 좌우 여백 5% */
	.subPage .company-inner, .subPage.ioncares .inner, .subPage.k-used-car .inner, .section-oda-intro .intro-content, .section-beauty-intro, .section-beauty-partners, .video-grid { padding-left: 5%; padding-right: 5%; box-sizing: border-box; }
	/* partners grid: 고정폭 → 유동폭 및 4열로 변경 */
	.section-partners .partners-grid, .section-beauty-partners .partners-grid { grid-template-columns: repeat(4, 1fr); max-width: 100%; box-sizing: border-box; }
	/* 5열 설정 초기화 후 4열 적용 */
	.section-partners .partner-item:nth-child(5n), .section-beauty-partners .partner-item:nth-child(5n) { border-right: 1px solid #e5e5e5; }
	.section-partners .partner-item:nth-last-child(-n+5), .section-beauty-partners .partner-item:nth-last-child(-n+5) { border-bottom: 1px solid #e5e5e5; }
	.section-partners .partner-item:nth-child(4n), .section-beauty-partners .partner-item:nth-child(4n) { border-right: none; }
	.section-partners .partner-item:last-child, .section-beauty-partners .partner-item:last-child { display: none; border-bottom: none; }
	/* 4열: 마지막 행(21~24) 하단선 제거 */
	.section-partners .partner-item:nth-last-child(-n+5), .section-beauty-partners .partner-item:nth-last-child(-n+5) { border-bottom: none; }
	.subPage.ioncares .sec-title { font-size: 26px; }
	.subPage.k-used-car .sec-title, .subPage.k-beauty .sec-title, .subPage.oda-partnership .sec-title { font-size: 34px; }
	/* map-area 좌우 여백 */
	.section-partners .map-area, .section-beauty-partners .map-area { padding-left: 5%; padding-right: 5%; box-sizing: border-box; }
	/* category-item gap 축소 */
	.category-item { gap: 80px; padding: 0 5%; box-sizing: border-box; }
	.category-item.reverse { gap: 180px; }
	/* global content gap 축소 */
	.global-content { box-sizing: border-box; }
	.global-content .content-box { gap: 120px; }
	/* .global-content .img-area {
        max-height: 500px;
    } */

	.global-content .text-area h4 { font-size: 32px; margin: 0 0 30px; }
	.global-content .desc p { font-size: 16px; }
	.global-content .desc .mt-20 { margin-top: 30px; }
	.global-visual .bg-img { background-size: cover; background-position: center; }
	/* glory content gap 축소 */
	.section-glory .glory-content { gap: 100px; }
	/* split-row text padding 축소 */
	.split-row .text-inner { padding-left: 80px; }
	/* 슬라이더 영역 */
	.slide-item { width: 900px; }
	/* products grid gap 축소 */
	.products-grid { gap: 100px 30px; }
	.product-item .img-box { transform: scale(0.9); }
	.product-item .img-box.prod-1-img { right: -17px; top: 274px; }
	.product-item .img-box.prod-2-img { right: -12px; top: 174px; }
	.product-item .img-box.prod-3-img { right: -12px; top: 158px; }
	.product-item .img-box.prod-4-img { right: 4px; top: 158px; }
	.product-item .img-box.prod-5-img { right: -4px; top: 160px; }
	.product-item .img-box.prod-6-img { right: -24px; top: 160px; }
	.product-item .img-box.prod-7-img { right: -82px; top: 102px; }
	.product-item .img-box.prod-8-img { right: 0px; top: 90px; }
}
/* --- KV hero — PC 전용 (1025px~) --- */
@media (max-width:1440px) and (min-width:1025px) {
	.subPage .company-kv { aspect-ratio: 1920 / 930; min-height: 820px; }
	.subPage .company-kv-cat { font-size: 22px; margin-bottom: 16px; }
	.subPage .company-kv-title { font-size: 44px; }
	.subPage .company-kv-main { padding-bottom: 88px; }
	.subPage .company-kv-tabs { padding-bottom: 108px; }
	.subPage .company-kv-tab { font-size: 18px; padding: 24px 46px; }
}
@media (max-width:1280px) and (min-width:1025px) {
	.subPage .company-kv-title { font-size: 40px; }
	.subPage .company-kv-cat { font-size: 20px; }
	.subPage .company-kv-main { padding-bottom: 72px; }
	.subPage .company-kv-tabs { padding-bottom: 68px; }
	.subPage .company-kv-tab { padding: 24px 46px; font-size: 17px; }
}
/* --- 1280px 이하 --- */
@media (max-width:1280px) {
	.ioncares-hero h2 { font-size: clamp(42px, 5vw, 64px); }
	.global-visual h3 { font-size: clamp(40px, 4.5vw, 60px); }
	.section-beauty-intro h3 { font-size: clamp(34px, 3.5vw, 48px); }
	.category-item h4 { font-size: clamp(48px, 5vw, 72px); }
	.split-row h3 { font-size: clamp(48px, 5vw, 72px); }
	.section-glory h3 { font-size: clamp(36px, 3.5vw, 48px); }
	.section-oda-intro h3 { font-size: clamp(36px, 3.5vw, 48px); margin: 0 0 40px; }
	.section-oda-intro { padding: 48px 0 100px; }
	.section-oda-intro .intro-content { max-width: 100%; align-items: flex-start; gap: clamp(28px, 4vw, 48px); }
	.section-oda-intro .text-area { width: 46%; min-width: 0; }
	.section-oda-intro .img-area { width: 52%; min-width: 0; }
	.section-oda-intro .small-img { max-width: min(240px, 100%); }
	.slide-text-box .slide-title { font-size: clamp(34px, 3.5vw, 48px); }
	.cert-title { font-size: clamp(36px, 3.5vw, 48px); }
	.subPage.ioncares .sec-title { font-size: 24px; }
	.subPage.k-used-car .sec-title, .subPage.k-beauty .sec-title, .subPage.oda-partnership .sec-title { font-size: 28px; }
	.section-used-intro .img-area { width: 80%; }
	.section-used-intro .text-area { width: 55%; }
	.global-content .text-area h4 { font-size: clamp(28px, 3vw, 36px); }
	.category-item .main-title, .split-row .split-title { font-size: clamp(24px, 2.5vw, 30px); }
	/* gap, padding 비율 축소 */
	.global-content .content-box { gap: 60px; }
	.global-content { margin-top: -80px; }
	.global-content .text-area h4 { font-size: 28px; margin: 0 0 25px; }
	.global-content .desc p { font-size: 15px; }
	.global-content .desc .mt-20 { margin-top: 25px; }
	.global-visual .bg-img { background-size: cover; background-position: center; }
	.section-glory .glory-content { gap: 60px; }
	.category-item { gap: 50px; }
	.category-item.reverse { gap: 100px; }
	.split-row .text-inner { padding-left: 60px; }
	/* section spacing 축소 */
	.section-used-intro { padding: 160px 0 120px; }
	.section-products { padding: 120px 0; }
	.product-item .img-box { width: 300px; height: 300px; transform: scale(0.9); }
	.product-item .img-box img { width: 100%; height: 100%; object-fit: contain; }
	.product-item p { max-width: 300px; }
	.product-item .img-box.prod-1-img { right: 10px; top: 220px; }
	.product-item .img-box.prod-2-img { right: -96px; top: 214px; }
	.product-item .img-box.prod-3-img { right: -60px; top: 165px; }
	.product-item .img-box.prod-4-img { right: -96px; top: 165px; }
	.product-item .img-box.prod-5-img { right: -90px; top: 165px; }
	.product-item .img-box.prod-6-img { right: -80px; top: 180px; }
	.product-item .img-box.prod-7-img { right: -96px; top: 165px; }
	.product-item .img-box.prod-8-img { right: -96px; top: 165px; }
	.section-glory { padding: 100px 0; }
	.section-partners { padding: 120px 0 80px; }
	.section-beauty-intro { padding: 200px 5% 200px; }
	.section-beauty-categories { padding-bottom: 140px; }
	.section-beauty-partners { padding: 120px 5% 200px; }
	.section-oda-science { padding: 100px 0 120px; }
	.section-oda-video { padding: 100px 0 180px; }
	.section-cert { padding: 100px 0 140px; }
	.section-global { padding-bottom: 120px; }
	.section-ioncares { padding-top: 80px; }
	/* products grid */
	.products-grid { gap: 80px 24px; }
	.product-item { padding: 40px 30px; min-height: 400px; }
	/* 슬라이더 */
	.slide-item { width: 780px; }
	.slide-text-box { height: auto; padding: 50px 40px 50px 50px; }
	.visual-slider { height: 560px; }
	/* partners grid margin 축소 */
	.section-partners .partners-grid, .section-beauty-partners .partners-grid { margin-top: 120px; }
	/* map 높이 축소 */
	.section-partners .map-bg, .section-beauty-partners .map-bg { height: 480px; }
	/* gallery 크기 축소 */
	.gallery-item { width: 340px; height: 400px; }
	/* intro 높이 축소 */
	.section-used-intro .intro-content { height: 400px; }
	/* hero 높이 비율 축소 */
	.ioncares-hero { height: 650px; }
	.global-visual { height: 500px; }
}
/* --- 1024px 이하 --- */
@media (max-width:1024px) {

	/* ========================================
       공통 (Common) - 1024px
    ======================================== */
	.subPage .company-inner, .subPage.ioncares .inner, .subPage.k-used-car .inner, .section-oda-intro .intro-content, .video-grid, .global-content, .section-partners .map-area, .section-beauty-partners .map-area { padding-left: 5%; padding-right: 5%; box-sizing: border-box; }
	.subPage .sec-title { font-size: clamp(32px, 4vw, 40px); }
	.subPage .sec-label { font-size: 20px; margin-bottom: 30px; }
	.subPage .company-kv-title { font-size: 34px; }
	.subPage .company-kv { aspect-ratio: auto; min-height: 560px; height: auto; justify-content: flex-end; overflow: visible; }
	.subPage .company-kv-bg { background-size: cover; background-position: center center; }
	.subPage .company-kv-main { padding: 0 0 16px; overflow: visible; }
	.subPage .company-kv-btn { position: static; align-self: flex-end; z-index: auto; width: auto; min-width: 164px; max-width: 100%; margin-top: 12px; box-sizing: border-box; height: auto; min-height: 48px; padding: 0 22px 0 26px; font-size: 18px; gap: 16px; }
	.subPage .company-kv-btn i { font-size: 20px; }
	.subPage .company-kv-tabs { padding: 0 0 50px; }
	.subPage .company-kv-cat { margin-bottom: 12px; font-size: 18px; }
	/* ========================================
       sub_02_01 IONCARES
    ======================================== */
	.section-global { padding-bottom: 100px; }
	.section-products { padding: 100px 0; }
	.section-cert { padding: 100px 0; }
	.global-content .content-box { align-items: flex-start; flex-wrap: wrap; gap: 50px; }
	.global-content .img-area { width: 100%; }
	.global-content .img-area img { height: 550px; }
	.global-content .text-area { width: 100%; }
	.global-content .text-area h4 { font-size: 26px; margin: 0 0 20px; }
	.global-content .desc p { font-size: 15px; }
	.products-grid { gap: 60px 20px; }
	.product-item { padding: 40px 30px; min-height: 400px; }
	.product-item h4 { font-size: 32px; }
	.product-item .cate { font-size: 18px; }
	.product-item p { font-size: 16px; max-width: 240px; }
	/* absolute product image 보정 */
	.product-item .img-box { width: 200px; height: 200px; transform: scale(1); }
	.product-item .img-box img { width: 100%; height: 100%; object-fit: contain; }
	.product-item .img-box.prod-1-img { right: 10px; top: 270px; }
	.product-item .img-box.prod-2-img { right: -30px; top: 250px; }
	.product-item .img-box.prod-3-img { right: -24px; top: 250px; }
	.product-item .img-box.prod-4-img { right: -60px; top: 250px; }
	.product-item .img-box.prod-5-img { right: -40px; top: 250px; }
	.product-item .img-box.prod-6-img { right: -60px; top: 250px; }
	.product-item .img-box.prod-7-img { right: -70px; top: 250px; }
	.product-item .img-box.prod-8-img { right: -60px; top: 250px; }
	/* ========================================
       sub_02_02 K-Used Car
    ======================================== */
	.section-used-intro { padding: 100px 0; }
	.section-glory { padding: 100px 0; }
	.section-partners { padding: 100px 0; }
	.section-gallery { padding: 100px 0 150px; }
	.section-used-intro .intro-content { height: auto; min-height: 350px; }
	.subPage.ioncares .sec-title { font-size: 22px; }
	.subPage.k-used-car .sec-title, .subPage.k-beauty .sec-title, .subPage.oda-partnership .sec-title { font-size: 26px; }
	.section-glory .glory-content { gap: 50px; }
	.section-glory .img-area { width: 45%; }
	.section-glory .text-area { width: 55%; }
	/* Partners Grid 4 -> 3열 자연스러운 전환 */
	.section-partners .partners-grid, .section-beauty-partners .partners-grid { grid-template-columns: repeat(3, 1fr); }
	/* 4열 설정 초기화 후 3열 적용 */
	.section-partners .partner-item:nth-child(4n), .section-beauty-partners .partner-item:nth-child(4n) { border-right: 1px solid #e5e5e5; }
	.section-partners .partner-item:nth-last-child(-n+4), .section-beauty-partners .partner-item:nth-last-child(-n+4) { border-bottom: 1px solid #e5e5e5; }
	.section-partners .partner-item:nth-child(3n), .section-beauty-partners .partner-item:nth-child(3n) { border-right: none; border-bottom: 1px solid #e5e5e5; }
	/* 3열: 마지막 행(22~24) 하단선 제거 */
	.section-partners .partner-item:nth-last-child(-n+4), .section-beauty-partners .partner-item:nth-last-child(-n+4) { border-bottom: none; }
	.section-partners .map-pin, .section-beauty-partners .map-pin { width: 320px; height: 280px; }
	/* pin-box 내부 반응형 */
	.section-partners .pin-box, .section-beauty-partners .pin-box { padding: 28px 24px 30px; border-width: 3px; }
	.section-partners .pin-box .logo-area, .section-beauty-partners .pin-box .logo-area { margin-bottom: 8px; }
	.section-partners .pin-box .logo-area img, .section-beauty-partners .pin-box .logo-area img { max-width: 68px; }
	.section-partners .pin-box h4, .section-beauty-partners .pin-box h4 { font-size: 20px; margin: 0 0 4px; line-height: 1.25; word-break: keep-all; }
	.section-partners .pin-box .sub-text, .section-beauty-partners .pin-box .sub-text { font-size: 16px; margin: 0 0 18px; }
	.section-partners .pin-box .pin-circle, .section-beauty-partners .pin-box .pin-circle { width: 60px; height: 60px; }
	.section-partners .pin-box .pin-circle img, .section-beauty-partners .pin-box .pin-circle img { max-width: 30px; max-height: 30px; width: auto; height: auto; object-fit: contain; }
	.section-partners .pin-box .pin-circle i, .section-beauty-partners .pin-box .pin-circle i { font-size: 28px; }
	.section-partners .pin-box .pin-text, .section-beauty-partners .pin-box .pin-text { font-size: 16px; }
	.section-partners .pin-box .pin-mapLink .pin-text, .section-beauty-partners .pin-box .pin-mapLink .pin-text { margin-top: 6px; font-size: 16px; margin-left: 2px; }
	.section-partners .map-bg, .section-beauty-partners .map-bg { height: 420px; }
	/* ========================================
       sub_02_04 K-Beauty
    ======================================== */
	.subPage.k-beauty .company-kv-main { padding: 0 0 63px; }
	.section-beauty-intro { padding: 150px 5% 180px; }
	.section-beauty-categories { padding-bottom: 100px; }
	.section-beauty-partners { padding: 100px 5% 150px; }
	.category-item { gap: 50px; }
	.category-item.reverse { gap: 50px; }
	.category-item .img-area { width: 45%; }
	.category-item .text-area { width: 55%; }
	.split-row { min-height: 600px; }
	.split-row .text-inner { padding-left: 5%; padding-right: 5%; }
	/* ========================================
       sub_02_05 ODA Partnership
    ======================================== */
	.section-oda-intro { padding: 40px 0 80px; }
	.section-oda-intro .intro-content { flex-direction: row; align-items: flex-start; gap: clamp(20px, 3vw, 32px); max-width: 100%; }
	.section-oda-intro .text-area { width: 48%; flex: 0 1 auto; min-width: 0; text-align: left; }
	.section-oda-intro .img-area { width: 50%; flex: 1 1 auto; min-width: 0; align-self: center; }
	.section-oda-intro h3 { font-size: clamp(26px, 3vw, 34px); margin: 0 0 24px; line-height: 1.32; word-break: keep-all; }
	.section-oda-intro p { font-size: 16px; margin: 0 0 28px; max-width: none; line-height: 1.6; word-break: keep-all; }
	.section-oda-intro .small-img { max-width: 160px; margin: 0; }
	.section-oda-intro .img-area img { border-radius: 16px; }
	.section-oda-science { padding: 80px 0 100px; }
	.section-oda-video { padding: 80px 0 120px; }
	.visual-slider { height: min(540px, 58vw); }
	.slide-item { width: min(1230px, calc(100vw - 72px)); margin-right: 16px; }
	.slide-text-box { width: min(780px, 88%); right: 0%; padding: 48px 40px 48px 48px; bottom: -130px; }
	.video-grid { grid-template-columns: repeat(2, 1fr); }
}
/* --- 768px 이하 --- */
@media (max-width:768px) {

	/* ========================================
       공통 (Common)
    ======================================== */

	/* 공통 좌우 여백 */
	.subPage .company-inner, .subPage.ioncares .inner, .subPage.k-used-car .inner, .section-oda-intro .intro-content, .video-grid, .global-content, .section-partners .map-area, .section-beauty-partners .map-area { padding-left: 5%; padding-right: 5%; box-sizing: border-box; }
	/* 공통 KV 영역 — sub_01 greeting 기준 (768px) */
	.subPage .company-kv { min-height: 480px; max-height: none; }
	.subPage .company-kv-main { padding: 0 0 16px; }
	.subPage .company-kv-cat { margin-bottom: 8px; font-size: 14px; }
	.subPage .company-kv-title { font-size: clamp(26px, 7.5vw, 34px); }
	.subPage .company-kv-tabs { padding: 0 0 40px; border-top: 0; }
	.subPage .company-kv-btn { height: auto; min-height: 44px; min-width: 0; padding: 10px clamp(14px, 3.5vw, 20px); font-size: clamp(16px, 4vw, 18px); gap: clamp(8px, 2vw, 14px); }
	.subPage .company-kv-btn i { font-size: clamp(16px, 4vw, 20px); }
	/* 줄바꿈 자연스럽게 */
	.sec-title br, .split-row h3 br, .global-visual h3 br, .section-beauty-intro h3 br { display: none; }
	/* 텍스트 word-break */
	h1, h2, h3, h4, h5, h6 { word-break: keep-all; overflow-wrap: break-word; }
	/* hover 제거 (터치 디바이스) — + 버튼 클릭 시 .is-active 로 동일 스타일 */
	.product-item:hover { background: #fafafa; color: inherit; }
	.product-item.is-active { background: #226bda; color: #fff; }
	.product-item:hover .cate { color: #226bda; }
	.product-item.is-active .cate { color: #ffffff; }
	.product-item.item:hover .cate, .product-item.item-blue:hover .cate { color: #fff; }
	.product-item.item.is-active .cate, .product-item.item-blue.is-active .cate { color: #fff; }
	.product-item:hover h4 { color: #000000; }
	.product-item.is-active h4 { color: #ffffff; }
	.product-item.item:hover h4, .product-item.item-blue:hover h4 { color: #fff; }
	.product-item.item.is-active h4, .product-item.item-blue.is-active h4 { color: #fff; }
	.product-item:hover p { color: #777777; }
	.product-item.is-active p { color: rgba(255,255,255,0.8); }
	.product-item.item:hover p, .product-item.item-blue:hover p { color: rgba(255,255,255,0.8); }
	.product-item.item.is-active p, .product-item.item-blue.is-active p { color: rgba(255,255,255,0.8); }
	.product-item:hover .btn-more { color: #000; }
	.product-item.is-active .btn-more { color: #0091d6; }
	.product-item.item:hover .btn-more, .product-item.item-blue:hover .btn-more { color: #0091d6; }
	.product-item.item.is-active .btn-more, .product-item.item-blue.is-active .btn-more { color: #0091d6; }
	.product-item .btn-more:hover { transform: none; }
	.section-partners .partner-item:hover img, .section-beauty-partners .partner-item:hover img { transform: none; }
	.gallery-item:hover img { transform: none; }
	.video-link:hover img { transform: none; }
	.video-link:hover::after { background: transparent; }
	.video-link:hover .play-btn { background: rgba(255,255,255,0.3); border-color: transparent; }
	/* ========================================
       sub_02_01 IONCARES - K-Health Care
    ======================================== */

	/* 히어로 */
	.ioncares-hero { height: 100vh; min-height: 500px; }
	.ioncares-hero .hero-inner { text-align: center; display: flex; flex-direction: column; align-items: center; }
	.ioncares-hero h2 { font-size: clamp(32px, 7vw, 48px); margin: 0 0 30px; }
	.ioncares-hero .brand { font-size: 16px; }
	.ioncares-hero .btn-products { font-size: 16px; padding: 14px 24px; min-height: 48px; }
	/* 앵커 탭 */
	.hero-tabs .tab-inner { overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 0 5%; }
	.hero-tabs .tab-inner::-webkit-scrollbar { display: none; }
	.hero-tabs a { font-size: 16px; padding: 18px 16px; white-space: nowrap; flex: none; min-width: auto; }
	/* 섹션 1: IONCARES 소개 */
	.section-ioncares { padding-top: 60px; }
	.subPage.ioncares .content { padding: 60px 0 0; }
	.subPage.ioncares .sec-title { font-size: clamp(24px, 5vw, 32px); }
	/* 섹션 2: Global Trading */
	.section-global { padding-bottom: 80px; }
	.global-visual { height: 400px; }
	.section-global { padding-bottom: 80px; }
	.global-visual { height: 400px; }
	.global-visual h3 { font-size: clamp(28px, 6vw, 40px); }
	.global-content { margin-top: -60px; }
	.global-content .content-box { flex-direction: column; gap: 0; border-radius: 16px; }
	.global-content .img-area { width: 100%; }
	.global-content .img-area img { border-radius: 16px 16px 0 0; }
	.global-content .text-area { width: 100%; padding: 40px 0px; }
	.global-content .content-box { align-items: flex-start; }
	.global-content .text-area h4 { font-size: 22px; margin: 0 0 20px; }
	.global-content .desc p { font-size: 16px; }
	.global-content .desc .mt-20 { margin-top: 20px; }
	.global-visual .bg-img { background-size: cover; background-position: center; }
	.global-content .desc p { font-size: 16px; }
	/* 섹션 3: Products Line up */
	.section-products { padding: 80px 0; }
	.products-grid { grid-template-columns: 1fr; gap: 60px; }
	.product-item { padding: 30px 24px; min-height: 320px; flex-direction: column; }
	.product-item h4 { font-size: clamp(24px, 5vw, 30px); }
	.product-item .cate { font-size: 18px; }
	.product-item p { font-size: 16px; max-width: 100%; }
	.product-item .img-box { position: relative; top: auto; right: auto; width: 280px; height: 280px; margin-left: auto; }
	.product-item .img-box.prod-1-img, .product-item .img-box.prod-2-img, .product-item .img-box.prod-3-img, .product-item .img-box.prod-4-img, .product-item .img-box.prod-5-img, .product-item .img-box.prod-6-img, .product-item .img-box.prod-7-img, .product-item .img-box.prod-8-img { position: relative; top: auto; right: auto; left: auto; bottom: auto; }
	.product-item .btn-more { position: relative; margin-top: 20px; }
	/* 섹션 4: Certificate */
	.section-cert { padding: 80px 0 100px; }
	.cert-title { font-size: clamp(28px, 6vw, 36px); margin: 40px 0 60px; }
	/* ========================================
       sub_02_02 K-Used Car
    ======================================== */

	/* 섹션 라벨/타이틀 */
	.subPage.k-used-car .sec-title { font-size: clamp(28px, 6vw, 36px); }
	/* 섹션 1: K-Used Car 소개 */
	.section-used-intro { padding: 100px 0 80px; }
	.section-used-intro .intro-content { flex-direction: column; height: auto; gap: 40px; }
	.section-used-intro .text-area { width: 100%; text-align: center; }
	.section-used-intro .img-area { width: 100%; align-self: auto; }
	/* 섹션 2: Glory Mobility */
	.section-glory { padding: 80px 0; }
	.section-glory .glory-content { flex-direction: column; gap: 40px; }
	.section-glory .img-area { width: 100%; }
	.section-glory .img-area img { width: 100%; height: 300px; }
	.section-glory .text-area { width: 100%; padding: 0 5%; }
	.section-glory h3 { font-size: clamp(28px, 6vw, 36px); margin: 0 0 30px; }
	.section-glory .desc p { font-size: 16px; }
	/* 섹션 3: Partners */
	.section-partners { padding: 80px 0 60px; }
	.section-partners .map-area { padding-top: 40px; }
	.section-partners .map-bg { height: 300px; background-size: contain; background-position: center; }
	.section-partners .map-pin { position: relative; left: auto; bottom: auto; transform: none; width: 100%; height: auto; margin-top: 30px; }
	.section-partners .pin-box { padding: 24px; }
	.section-partners .pin-box h4 { font-size: 20px; }
	.section-partners .pin-box .sub-text { font-size: 16px; }
	.section-partners .pin-box .pin-text { font-size: 16px; }
	.section-partners .pin-box .pin-circle { width: 56px; height: 56px; }
	.section-partners .pin-box .pin-circle i { font-size: 26px; }
	.section-partners .partners-grid { grid-template-columns: repeat(2, 1fr); margin-top: 60px; padding: 0; }
	/* 3열 설정 초기화 후 2열 적용 */
	.section-partners .partner-item:nth-child(3n) { border-right: 1px solid #e5e5e5; }
	.section-partners .partner-item:nth-child(2n) { border-right: none; }
	.section-partners .partner-item:nth-last-child(-n+4), .section-beauty-partners .partner-item:nth-last-child(-n+4) { border-bottom: 1px solid #e5e5e5; }
	/* 2열: 마지막 행(23~24) 하단선 제거 */
	.section-partners .partner-item:nth-last-child(-n+3), .section-beauty-partners .partner-item:nth-last-child(-n+3) { border-bottom: none; }
	.section-partners .partner-item { height: 100px; }
	.section-partners .partner-item img { max-width: 80%; max-height: 80%; }
	.section-partners .btn-view-more { min-height: 48px; }
	/* 섹션 4: Gallery */
	.section-gallery { padding: 80px 0 120px; }
	.gallery-slider-wrap { margin-top: 40px; }
	.gallery-item { width: 280px; height: 340px; }
	/* ========================================
       sub_02_04 K-Beauty
    ======================================== */

	.subPage.k-beauty .company-kv-main { padding: 0 0 63px; }
	/* 섹션 라벨/타이틀 */
	.subPage.k-beauty .sec-title { font-size: clamp(28px, 6vw, 36px); }
	/* 섹션 1: Intro */
	.section-beauty-intro { padding: 100px 5%; }
	.section-beauty-intro h3 { font-size: clamp(24px, 5vw, 34px); }
	.section-beauty-intro .intro-line-1, .section-beauty-intro .intro-line-2 { text-align: center; }
	/* 섹션 2: Categories */
	.section-beauty-categories { padding-bottom: 80px; }
	.category-item { flex-direction: column; gap: 30px; padding: 0 5%; margin-bottom: 60px; }
	.category-item.reverse { flex-direction: column; gap: 30px; }
	.category-item .img-area { width: 100%; }
	.category-item .img-area img { width: 100%; height: auto; }
	.category-item .text-area { width: 100%; text-align: center; }
	.category-item.reverse .text-area { text-align: center; }
	.category-item h4 { font-size: clamp(36px, 8vw, 48px); }
	.category-item .sub-title { font-size: 18px; margin-bottom: 40px; }
	.category-item .main-title { font-size: clamp(22px, 5vw, 26px); margin-bottom: 20px; }
	.category-item p { font-size: 16px; }
	/* 섹션 3: Global Trading (Split Screen) */
	.split-row { flex-direction: column; min-height: auto; }
	.split-row.reverse { flex-direction: column; }
	.split-row .img-area { width: 100%; height: auto; }
	.split-row .img-area img { position: relative; }
	.section-glory .img-area img, .category-item .img-area img, .split-row .img-area img { object-position: center center; }
	.split-row .text-area { width: 100%; padding: 60px 5%; }
	.split-row .text-inner { padding-left: 0; }
	.split-row h3 { font-size: clamp(36px, 8vw, 48px); margin: 0 0 24px; }
	.split-row .split-title { font-size: clamp(22px, 5vw, 26px); }
	.split-row p { font-size: 16px; }
	/* 섹션 4: Partners */
	.section-beauty-partners { padding: 80px 5% 120px; }
	.section-beauty-partners .intro-desc { font-size: 16px; margin: 40px 0 14px; }
	.section-beauty-partners .map-bg { height: 300px; background-size: contain; background-position: center; }
	.section-beauty-partners .map-pin { position: relative; left: auto; bottom: auto; transform: none; width: 100%; height: auto; margin-top: 30px; }
	.section-beauty-partners .pin-box { padding: 24px; }
	.section-beauty-partners .pin-box h4 { font-size: 20px; }
	.section-beauty-partners .pin-box .sub-text { font-size: 16px; }
	.section-beauty-partners .pin-box .pin-text { font-size: 16px; }
	.section-beauty-partners .pin-box .pin-circle { width: 56px; height: 56px; }
	.section-beauty-partners .pin-box .pin-circle i { font-size: 26px; }
	.section-beauty-partners .partners-grid { grid-template-columns: repeat(2, 1fr); margin-top: 60px; padding: 0; }
	/* 3열 설정 초기화 후 2열 적용 */
	.section-beauty-partners .partner-item:nth-child(3n) { border-right: 1px solid #e5e5e5; }
	.section-beauty-partners .partner-item:nth-last-child(-n+3) { border-bottom: 1px solid #e5e5e5; }
	.section-beauty-partners .partner-item:nth-child(2n) { border-right: none; border-bottom: 1px solid #e5e5e5; }
	.section-beauty-partners .partner-item:nth-last-child(-n+3) { border-bottom: none; }
	.section-beauty-partners .partner-item { height: 90px; }
	.section-beauty-partners .partner-item img { max-width: 80%; max-height: 80%; }
	.section-beauty-partners .btn-view-more { min-height: 48px; }
	/* ========================================
       sub_02_05 ODA Partnership
    ======================================== */

	/* 섹션 라벨/타이틀 */
	.subPage.oda-partnership .sec-title { padding: 0 5%; font-size: clamp(28px, 6vw, 36px); margin: 0 0 50px; }
	/* 섹션 1: Intro */
	.section-oda-intro { padding: 80px 0; }
	.section-oda-intro .intro-content { flex-direction: column; gap: 40px; }
	.section-oda-intro .text-area { width: 100%; }
	.section-oda-intro h3 { font-size: clamp(28px, 6vw, 34px); margin: 0 0 30px; }
	.section-oda-intro p { font-size: 16px; margin: 0 auto 30px; line-height: 1.7; }
	.section-oda-intro .small-img { display: block; }
	.section-oda-intro .img-area { width: 100%; }
	.section-oda-intro .img-area img { border-radius: 16px; }
	/* 섹션 2: 물은 과학 (슬라이더) */
	.section-oda-science { padding: 80px 0 100px; }
	.slide-item { width: 85vw; margin-right: 12px; }
	.slide-text-box { position: relative; right: auto; bottom: auto; width: 90%; height: auto; margin: 0 auto 0; padding: 30px 24px; border-radius: 16px; z-index: 10; }
	.slide-text-box .slide-title { font-size: clamp(24px, 5vw, 30px); margin: 0 0 20px; }
	.slide-text-box .slide-text { font-size: 16px; margin: 0 0 30px; }
	.slide-nav { position: relative; bottom: auto; left: auto; justify-content: center; margin-top: 24px; }
	/* 섹션 3: PR Video */
	.section-oda-video { padding: 80px 0 120px; }
	.video-grid { grid-template-columns: 1fr; gap: 16px; }
	.play-btn { width: 70px; height: 70px; }
}
/* --- 480px 이하 --- */
@media (max-width:480px) {

	/* ========================================
       공통 (Common)
    ======================================== */

	/* KV 영역 — sub_01 greeting 기준 (480px) */
	.subPage .company-kv { min-height: 420px; }
	.subPage .company-kv-main { padding: 0 0 16px; }
	.subPage .company-kv-title { font-size: clamp(22px, 6.4vw, 28px); }
	.subPage .company-kv-tabs { padding-bottom: 30px; }
	.subPage .company-kv-btn { min-height: 42px; padding: 9px 14px; font-size: 16px; gap: 8px; }
	.subPage .company-kv-btn i { font-size: 16px; }
	/* ========================================
       sub_02_01 IONCARES - K-Health Care
    ======================================== */

	/* 히어로 */
	.ioncares-hero h2 { font-size: clamp(26px, 7vw, 36px); margin: 0 0 24px; }
	.ioncares-hero .brand { font-size: 16px; margin-bottom: 8px; }
	.ioncares-hero .btn-products { width: 100%; justify-content: center; min-height: 52px; font-size: 16px; }
	/* 앵커 탭 */
	.hero-tabs a { font-size: 16px; padding: 14px 12px; }
	/* 섹션 1: IONCARES */
	.section-ioncares { padding-top: 48px; }
	.subPage.ioncares .content { padding: 40px 0 0; }
	.subPage.ioncares .sec-title { font-size: clamp(22px, 5vw, 28px); }
	/* 섹션 2: Global Trading */
	.section-global { padding-bottom: 60px; }
	.global-visual { height: 320px; }
	.global-visual h3 { font-size: clamp(22px, 6vw, 30px); }
	.global-content { margin-top: -40px; }
	.global-content .text-area { padding: 30px 0px; }
	.global-content .text-area h4 { font-size: 18px; margin: 0 0 16px; }
	.global-content .desc p { font-size: 14px; }
	.global-content .desc .mt-20 { margin-top: 16px; }
	.global-visual .bg-img { background-size: cover; background-position: center; }
	.global-content .desc p { font-size: 16px; line-height: 1.7; }
	/* 섹션 3: Products Line up */
	.section-products { padding: 60px 0; }
	.products-grid { gap: 40px; }
	.product-item { padding: 24px 20px; min-height: auto; border-radius: 16px; }
	.product-item h4 { font-size: clamp(20px, 5vw, 24px); margin: 0 0 16px; }
	.product-item .cate { font-size: 16px; margin-bottom: 12px; }
	.product-item p { font-size: 16px; line-height: 1.6; max-width: 100%; }
	.product-item .img-box img { width: 100%; height: 100%; object-fit: contain; }
	.product-item .img-box.prod-1-img, .product-item .img-box.prod-2-img, .product-item .img-box.prod-3-img, .product-item .img-box.prod-4-img, .product-item .img-box.prod-5-img, .product-item .img-box.prod-6-img, .product-item .img-box.prod-7-img, .product-item .img-box.prod-8-img { position: relative; top: auto; right: auto; }
	/* 섹션 4: Certificate */
	.section-cert { padding: 60px 0 80px; }
	.cert-title { font-size: clamp(22px, 6vw, 28px); margin: 30px 0 40px; }
	/* ========================================
       sub_02_02 K-Used Car
    ======================================== */

	.subPage.k-used-car .sec-title { font-size: clamp(22px, 6vw, 28px); }
	/* 섹션 1: K-Used Car 소개 */
	.section-used-intro { padding: 80px 0 60px; }
	.section-used-intro .intro-content { gap: 30px; }
	/* 섹션 2: Glory Mobility */
	.section-glory { padding: 60px 0; }
	.section-glory .glory-content { gap: 30px; }
	.section-glory .img-area img { height: 240px; }
	.section-glory h3 { font-size: clamp(22px, 6vw, 28px); margin: 0 0 20px; }
	.section-glory .desc p { font-size: 16px; line-height: 1.7; }
	/* 섹션 3: Partners */
	.section-partners { padding: 60px 0 48px; }
	.section-partners .map-bg { height: 220px; }
	.section-partners .pin-box { padding: 20px; }
	.section-partners .pin-box h4 { font-size: 18px; }
	.section-partners .pin-box .pin-mapLink .pin-text, .section-beauty-partners .pin-box .pin-mapLink .pin-text { margin-left: 0px; }
	.section-partners .pin-box .pin-circle { width: 48px; height: 48px; }
	.section-partners .pin-box .pin-circle i { font-size: 22px; }
	.section-partners .partners-grid { margin-top: 40px; }
	.section-partners .partner-item { height: 100px; }
	.section-partners .partner-item img { max-width: 80%; max-height: 80%; }
	.section-partners .btn-view-more { width: 100%; min-height: 52px; }
	/* 섹션 4: Gallery */
	.section-gallery { padding: 60px 0 80px; }
	.gallery-slider-wrap { margin-top: 30px; }
	.gallery-item { width: 240px; height: 280px; }
	/* ========================================
       sub_02_04 K-Beauty
    ======================================== */

	.subPage.k-beauty .company-kv-main { padding: 0 0 60px; }
	.subPage.k-beauty .sec-title { font-size: clamp(22px, 6vw, 28px); }
	/* 섹션 1: Intro */
	.section-beauty-intro { padding: 80px 5%; }
	.section-beauty-intro h3 { font-size: clamp(20px, 5vw, 26px); }
	/* 섹션 2: Categories */
	.section-beauty-categories { padding-bottom: 60px; }
	.category-item { gap: 24px; margin-bottom: 48px; }
	.category-item.reverse { gap: 24px; }
	.category-item .img-area img { height: auto; }
	.category-item h4 { font-size: clamp(28px, 8vw, 36px); }
	.category-item .sub-title { font-size: 16px; margin-bottom: 24px; }
	.category-item .main-title { font-size: clamp(20px, 5vw, 22px); margin-bottom: 16px; }
	.category-item p { font-size: 16px; line-height: 1.6; }
	/* 섹션 3: Split Screen */
	.split-row .img-area { height: auto; }
	.split-row .text-area { padding: 40px 5%; }
	.split-row h3 { font-size: clamp(28px, 8vw, 36px); margin: 0 0 16px; }
	.split-row .split-title { font-size: clamp(20px, 5vw, 22px); margin-bottom: 16px; }
	.split-row p { font-size: 16px; line-height: 1.6; }
	/* 섹션 4: Partners */
	.section-beauty-partners { padding: 60px 5% 80px; }
	.section-beauty-partners .intro-desc { font-size: 16px; margin: 30px 0 14px; }
	.section-beauty-partners .map-bg { height: 220px; }
	.section-beauty-partners .pin-box { padding: 20px; }
	.section-beauty-partners .pin-box h4 { font-size: 18px; }
	.section-beauty-partners .pin-box .sub-text, .section-beauty-partners .pin-box .pin-text { font-size: 16px; }
	.section-beauty-partners .pin-box .pin-circle { width: 48px; height: 48px; }
	.section-beauty-partners .pin-box .pin-circle i { font-size: 22px; }
	.section-beauty-partners .partners-grid { margin-top: 40px; }
	.section-beauty-partners .partner-item { height: 70px; }
	.section-beauty-partners .partner-item img { max-width: 80%; max-height: 80%; }
	.section-beauty-partners .btn-view-more { width: 100%; min-height: 52px; }
	/* ========================================
       sub_02_05 ODA Partnership
    ======================================== */

	.subPage.oda-partnership .sec-title { padding: 0 5%; font-size: clamp(22px, 6vw, 28px); margin: 0 0 36px; }
	/* 섹션 1: Intro */
	.section-oda-intro { padding: 48px 0 60px; }
	.section-oda-intro .intro-content { gap: 30px; }
	.section-oda-intro h3 { font-size: clamp(22px, 6vw, 28px); margin: 0 0 20px; }
	.section-oda-intro p { font-size: 16px; margin: 0 0 24px; line-height: 1.8; }
	.section-oda-intro .small-img { max-width: 180px; }
	.section-oda-intro .img-area img { border-radius: 12px; }
	/* 섹션 2: 슬라이더 */
	.section-oda-science { padding: 60px 0 80px; }
	.slide-item { width: 90vw; margin-right: 10px; }
	.slide-text-box { width: 92%; margin: 0 auto 0; padding: 24px 20px; border-radius: 12px; }
	.slide-text-box .slide-title { font-size: clamp(20px, 5vw, 24px); margin: 0 0 16px; }
	.slide-text-box .slide-text { font-size: 16px; margin: 0 0 20px; line-height: 1.6; }
	.slide-nav { gap: 32px; margin-top: 20px; }
	/* 섹션 3: PR Video */
	.section-oda-video { padding: 60px 0 80px; }
	.video-grid { gap: 12px; }
	.play-btn { width: 56px; height: 56px; }
	.play-btn::before { width: 20px; height: 20px; }
}
/* ========================================
   반응형 예외 케이스 및 레이아웃 깨짐 수정
======================================== */

/* 1. 전역 가로 스크롤 방지 — 모바일 body overflow-x는 iOS 세로 스크롤 간헐 잠김 유발 */
@media (min-width:1025px) {
	body.sub_02, body.sub_02 .subPage { overflow-x: hidden; }
}
@media (max-width:1024px) {
	body.sub_02 { overflow-x: visible; overflow-y: auto; -webkit-overflow-scrolling: touch; }
	body.sub_02 #wrap { overflow-x: clip; max-width: 100%; }
	body.sub_02 .subPage { overflow-x: visible; max-width: 100%; }
}
/* 2. 이미지 전역 보호 (overflow 방지) */
@media (max-width:1440px) {
	/* glass-img overflow 방지 */
	.section-ioncares .glass-img { max-width: 100%; }
	/* bg-text-img overflow 방지 */
	.section-ioncares .bg-text-img { max-width: 100vw; }
}
/* 3. iOS Safari KV — sub_01 greeting 기준 */
@media (max-width:768px) {
	.ioncares-hero { height: 100vh; height: -webkit-fill-available; height: 100dvh; }
	/* 4. 브레드크럼 모바일 overflow 수정 */
	.subPage .company-bc { font-size: 16px; gap: 12px; padding: 14px 0; overflow-x: auto; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; }
	.subPage .company-bc::-webkit-scrollbar { display: none; }
	.subPage .company-bc-node { white-space: nowrap; }
	/* 5. 긴 텍스트 overflow 방지 보강 */
	.subPage p, .subPage span, .subPage .desc p, .subPage .sub-text, .subPage .pin-text { overflow-wrap: break-word; word-break: keep-all; }
	/* 6. cert-slider / gallery-slider overflow 보강 */
	.cert-slider-wrap, .gallery-slider-wrap { overflow: hidden; max-width: 100vw; }
	/* 8. global-content img overflow 수정 */
	.global-content .img-area { overflow: hidden; }
	.global-content .img-area img { width: 100%; height: 100%; }
	/* 9. glory img overflow 수정 */
	.section-glory .img-area { overflow: hidden; border-radius: 20px; }
	/* 10. category img overflow 수정 */
	.category-item .img-area { overflow: hidden; border-radius: 12px; }
	/* 11. split-row img overflow 수정 */
	.split-row .img-area { overflow: hidden; }
	/* 12. video-modal 모바일 터치 최적화 */
	.video-modal-close { width: 44px; height: 44px; top: 12px; right: 12px; }
	.video-modal-content { width: 95%; border-radius: 8px; }
	/* hero-tabs 하단 고정 대응 */
	.hero-tabs { position: relative; bottom: auto; }
}
/* 16. 480px 이하 추가 보정 */
@media (max-width:480px) {
	.ioncares-hero { min-height: 100dvh; }
	/* 브레드크럼 간격 추가 축소 */
	.subPage .company-bc { gap: 8px; padding: 12px 0; }
	/* product-item overflow 방지 */
	.product-item { overflow: hidden; }
	.product-item .img-box img { max-width: 100%; max-height: 100%; }
	/* map-pin 내부 요소 overflow 방지 */
	.section-partners .pin-box, .section-beauty-partners .pin-box { overflow: hidden; }
	/* cert / gallery 아이템 축소 보정 */
	.cert-item img { max-width: 200px; }
	/* 슬라이더 텍스트 overflow 방지 */
	.slide-text-box .slide-title, .slide-text-box .slide-text { overflow-wrap: break-word; word-break: keep-all; }
	/* 비디오 모달 풀폭 */
	.video-modal-content { width: 98%; }
}
/* ========================================
   최종 QA - 디자인 완성도 보정
======================================== */

/* --- 768px QA 보정 --- */
@media (max-width:768px) {

	/* 1. 브레드크럼 좌우 여백 */
	.subPage .company-bc-strip { padding: 0 5%; }
	/* 2. mt-50 클래스 모바일 축소 */
	.subPage.k-used-car .mt-50, .subPage.k-beauty .mt-50 { margin-top: 40px; }
	/* 3. 본문 line-height 일관성 보정 */
	.global-content .desc p, .section-glory .desc p, .category-item p, .split-row p { line-height: 1.7; }
	/* 4. 이미지 crop 위치 안정화 */
	.section-glory .img-area img, .category-item .img-area img, .split-row .img-area img { object-position: center center; }
	/* 5. 섹션 spacing 리듬 통일 (상: 80px / 하: 80~100px 기준) */
	.section-ioncares { padding-top: 80px; }
	/* 6. 카드/버튼 transition 통일 (0.3s) */
	.subPage .company-kv-btn, .section-partners .btn-view-more, .section-beauty-partners .btn-view-more, .ioncares-hero .btn-products { transition: background 0.3s, transform 0.2s; }
	/* 7. 터치 active 피드백 */
	.subPage .company-kv-btn:active, .section-partners .btn-view-more:active, .section-beauty-partners .btn-view-more:active, .ioncares-hero .btn-products:active { transform: scale(0.97); }
	/* 8. sec-label / sec-title line-height 통일 */
	.subPage.ioncares .sec-label, .subPage.k-used-car .sec-label, .subPage.k-beauty .sec-label, .subPage.oda-partnership .sec-label { line-height: 1.3; }
	.subPage.ioncares .sec-title, .subPage.k-used-car .sec-title, .subPage.k-beauty .sec-title, .subPage.oda-partnership .sec-title { line-height: 1.4; }
	/* 9. partners-grid gap 통일 */
	.section-partners .partners-grid, .section-beauty-partners .partners-grid { gap: 1px; }
	/* 10. 비디오 아이템 border-radius 모바일 축소 */
	.video-item { border-radius: 12px; }
	/* 11. 카드 border-radius 통일 */
	.product-item { border-radius: 16px; }
	.global-content .content-box { border-radius: 16px; }
}
/* --- 480px QA 보정 --- */
@media (max-width:480px) {

	/* 1. mt-50 클래스 480 추가 축소 */
	.subPage.k-used-car .mt-50, .subPage.k-beauty .mt-50 { margin-top: 30px; }
	/* 2. 섹션 간 여백 미세 보정 - 답답한 영역 완화 */
	.section-beauty-intro { padding: 60px 5% 70px; }
	.section-used-intro { padding: 60px 0 50px; }
	/* 3. sec-title margin-bottom 통일 */
	.subPage.k-used-car .sec-title, .subPage.k-beauty .sec-title { margin-bottom: 16px; }
	/* 4. desc 문단 간격 */
	.global-content .desc .mt-20 { margin-top: 20px; }
	/* 5. 본문 line-height 모바일 가독성 향상 */
	.global-content .desc p, .section-glory .desc p, .category-item p, .split-row p, .section-beauty-partners .intro-desc { line-height: 1.8; }
	/* 6. 이미지 border-radius 모바일 통일 */
	.section-glory .img-area img { border-radius: 12px; }
	.global-content .img-area img { border-radius: 12px 12px 0 0; }
	.video-item { border-radius: 10px; }
	/* 7. pin-box 내부 간격 보정 */
	.section-partners .pin-box .logo-area, .section-beauty-partners .pin-box .logo-area { margin-bottom: 8px; }
	.section-partners .pin-box .sub-text, .section-beauty-partners .pin-box .sub-text { margin: 0 0 16px; }
	/* 8. gallery/cert animation 속도 모바일 조정 */
	.cert-list { animation-duration: 20s; }
	.gallery-list { animation-duration: 20s; }
	/* 10. 전체 text-rendering 최적화 */
	.subPage p, .subPage h1, .subPage h2, .subPage h3, .subPage h4 { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
}