:root {
  --font-en: 'Barlow', sans-serif;
  --font-ko: 'Pretendard', sans-serif;
}
body { font-family: var(--font-en);-webkit-text-size-adjust: 100%; text-size-adjust: 100%;  }
.ko { font-family: var(--font-ko); }
:root { --point-color: #3a6dd2;  }
.container { width: 100%; max-width: 1600px; margin: 0 auto;  }


h1, h2, h3, h4, h5, h6 { line-height: 1.5; letter-spacing: -0.02em; word-break: keep-all; margin: 0; font-weight:800}
h1 { font-size: 70px; letter-spacing: -0.03em; }
h2 { font-size: 50px; }
h3 { font-size: 36px;   }
h4 { font-size: 30px; }
h5 { font-size: 24px; }
h6 { font-size: 20px; letter-spacing: 0.05em;  }
.nop { display: none; }
.nom { display: block; }
@media (max-width: 1600px) { 
.container { width: 100%;  margin: 0 auto; padding:0 40px }
}
@media (max-width: 1024px) { 
.container { width: 100%; max-width:100%; margin: 0 auto; padding:0 20px }
h1 { font-size: 60px; } h2 { font-size: 44px; } h3 { font-size: 34px; } h4 { font-size: 28px; } h5 { font-size: 24px; } h6 { font-size: 18px; } }
@media (max-width: 768px) { 
h1 { font-size: 38px; } 
h2 { font-size: 32px; }
h3 { font-size: 26px; } 
h4 { font-size: 22px; } 
h5 { font-size: 20px; } 
h6 { font-size: 18px; } 
.nop { display: block; }
.nom { display: none; }
}
img{max-width:100%}
hr{margin:0;padding:0;display:block;border:0;height:100px}
hr.hr50{height:50px}
hr.hr150{height:150px}
em{font-style:normal}

@media (max-width:1440px) {
hr{margin:0;padding:0;display:block;border:0;height:80px}
hr.hr50{height:40px}
hr.hr150{height:100px}
}
@media (max-width:1024px) {
hr{margin:0;padding:0;display:block;border:0;height:60px}
hr.hr50{height:30px}
hr.hr150{height:80px}
}
@media (max-width:768px) {
hr{margin:0;padding:0;display:block;border:0;height:40px}
hr.hr50{height:30px}
hr.hr150{height:60px}
}
/* ANIMATIONS */
/*.reveal { opacity: 0; transform: translateY(32px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }*/
.reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease, transform 0.8s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
.bg{background:#f7f7f7;padding:160px 0}

.spec-table { width: 100%; border-collapse: collapse; }
.spec-table th, .spec-table td { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 10px 20px; text-align: center; word-break: keep-all; }
.spec-table th:first-child, .spec-table td:first-child { border-left: none; }
.spec-table th:last-child, .spec-table td:last-child { border-right: none; }
.spec-table thead th { background:#f7f7f7; color: #000; font-weight: 700; border-top: 2px solid var(--point-color); border-bottom: 2px solid var(--point-color); }
.spec-table tbody td:first-child {  }



@media (max-width: 768px) {
.spec-table th, .spec-table td { padding: 5px 10px; font-size:13px; }
.spec-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

.top-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 1001; background: #fff; height: 60px; border-bottom: 1px solid #e2e8f0; display: flex; align-items: center; padding: 0; }
.top-bar .container { display: flex; align-items: center; justify-content: flex-end; }
.top-bar-right { display: flex; align-items: center; gap: 16px; }
.submit-request { font-size:14px; font-weight:600;  text-decoration:none; transition:all .2s; }
.submit-request:hover { color:#000; }


nav { position:fixed; top:60px; left:0; right:0; z-index:1000; padding:0 56px; height:90px; display:flex; align-items:center; justify-content:space-between; background:#fff; border-bottom:1px solid #e2e8f0; }
nav { position: fixed; top: 60px; left: 0; right: 0; z-index: 1000; height: 90px; background: #fff; border-bottom: 1px solid #e2e8f0; display: flex; align-items: center; padding: 0; }
nav .container { display: flex; align-items: center; justify-content: space-between; height: 90px; }
.nav-logo img { display:block; }
.nav-links { display:flex; list-style:none; height:90px; }
.nav-links > li { position:relative; display:flex; align-items:center; }
.nav-links > li > a { font-weight:500; text-decoration:none; padding:0 40px; height:90px; display:flex; align-items:center; transition:color 0.2s; position:relative; }
.nav-links > li > a::after { content:''; position:absolute; bottom:0; left:20px; right:20px; height:4px; background:#2d4095; transform:scaleX(0); transform-origin:left; transition:transform 0.3s; }
.nav-links > li:hover > a::after { transform:scaleX(1); }
.nav-links > li > .dropdown { font-size:14px; display:none; position:absolute; top:90px; left:0; min-width:220px; background:rgba(45,64,149,.9); color:#fff; z-index:999; }
.nav-links > li:hover > .dropdown { display:block; }
.dropdown li { list-style:none; }
.dropdown li a { display:flex; align-items:center; gap:10px; padding:13px 20px; text-decoration:none; transition:all 0.2s; color:#fff; }
.dropdown li a:hover { padding-left:26px; }
.dropdown li a::after { content:'→'; margin-left:auto; opacity:0; transform:translateX(-6px); transition:all 0.2s; }
.dropdown li a:hover::after { opacity:1; transform:translateX(0); }

.dropdown li.has-sub { position:relative; }
.dropdown li.has-sub > a::after { content:'›'; margin-left:auto; opacity:1; transform:none; }
.dropdown li.has-sub:hover > a::after { opacity:1; transform:none; }
.dropdown .submenu { display:none; position:absolute; left:100%; top:0; min-width:200px; background:rgba(30,45,120,.95); z-index:1000; white-space:nowrap; }
.dropdown li.has-sub:hover > .submenu { display:block; }
.dropdown .submenu li a { padding:12px 20px; color:#fff; }
.dropdown .submenu li a:hover { padding-left:26px; }




.nav-right { display:flex; align-items:center; gap:20px; }
.search-btn { background:none; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center;  color:#000; transition:color .2s; }
.search-btn:hover { color:var(--point-color); }
.lang-wrap { position:relative; }
.lang-btn { background:none; border:none; cursor:pointer; display:flex; align-items:center; gap:5px; padding:6px 10px; font-size:16px; font-weight:700; }
.lang-drop { position:absolute; top:calc(100% + 4px); right:0; background:#fff; border:1px solid #e2e8f0; list-style:none; min-width:60px; display:none; }
.lang-drop.open { display:block; }
.lang-item { background:none; border:none; cursor:pointer; padding:10px 16px; width:100%; text-align:center; transition:background 0.2s; font-size:14px; }
.lang-item.active { font-weight:800; }
.hamburger { width:36px; height:36px; display:flex; flex-direction:column; justify-content:center; align-items:flex-end; gap:6px; background:none; border:none; padding:4px; cursor:pointer; }
.hamburger .bar { display:block; width:30px; height:2px; background:#000; border-radius:2px; transition:all 0.35s cubic-bezier(0.23, 1, 0.32, 1); transform-origin:center; }
.hamburger .bar:nth-child(2) { width:22px; }
.hamburger:hover .bar:nth-child(2) { width:42px; }
.hamburger.open .bar:nth-child(1) { transform:translateY(8px) rotate(45deg); }
.hamburger.open .bar:nth-child(2) { opacity:0; transform:scaleX(0); }
.hamburger.open .bar:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }
.search-layer { position:fixed; top:130px; left:0; right:0; z-index:980; background:#fff; border-bottom:1px solid #e2e8f0; padding:50px; display:none; }
.search-layer.open { display:block; animation:searchDown .25s ease; }
@keyframes searchDown { from { opacity:0; transform:translateY(-10px); } to { opacity:1; transform:translateY(0); } }
.search-layer-inner { display:flex; align-items:center; gap:12px; max-width:600px; margin:0 auto; }
.search-input { flex:1; height:48px; border:none; border-bottom:2px solid var(--point-color) !important; outline:none; padding:0 10px; background:none; font-size:16px; }
.search-input:focus { box-shadow:none !important; border:none !important; border-bottom:2px solid var(--point-color) !important; }
.search-submit { background:none; border:none; cursor:pointer; color:var(--point-color); display:flex; align-items:center; flex-shrink:0; }
.search-close { background:none; border:none; cursor:pointer; color:#000; display:flex; align-items:center; flex-shrink:0; transition:color .2s; }
.search-hint { text-align:center; font-size:14px; color:#aaa; letter-spacing:.08em; margin-top:10px; }
.fullmenu { position:fixed; inset:0; background:rgba(255,255,255,.7); backdrop-filter:blur(24px); z-index:990; display:flex; align-items:center; padding:0 80px; opacity:0; pointer-events:none; transition:opacity 0.35s ease; }
.fullmenu.open { opacity:1; pointer-events:all; }
.fullmenu-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:1px; width:100%; }
.fullmenu-col { padding:40px 36px; }
.fullmenu-col-title { font-weight:800; font-size:26px; color:#000; margin-bottom:20px; display:block; text-decoration:none; transition:opacity 0.2s; }
.fullmenu-links { list-style:none; display:flex; flex-direction:column; }
.fullmenu-links li:last-child a { border-bottom:none; }
.fullmenu-links li a { color:#000; text-decoration:none; padding:9px 0; display:flex; align-items:center; gap:8px; transition:opacity 0.2s; position:relative; }
.fullmenu-links li a::after { content:''; position:absolute; bottom:0; left:0; width:0; height:1px; background:#000; transition:width 0.3s ease; }
.fullmenu-links li a:hover::after { width:100%; }
@media (max-width:1440px) {
.top-bar {  }
nav {  }
.nav-links > li > a { padding:0 24px; }
.fullmenu { padding:0 60px; }
.fullmenu-col { padding:36px 28px; }
.fullmenu-col-title { font-size:clamp(20px, 1.8vw, 24px); }
}
@media (max-width:1024px) {
.top-bar { height:40px }
nav { top:36px;  }
.nav-links { display:none; }
.nav-logo img { height:36px; }
.fullmenu { padding:18px 0 40px; align-items:flex-start; overflow-y:auto; }
.fullmenu-grid { grid-template-columns:1fr; gap:0; }
.fullmenu-col { padding:0; border-bottom:1px solid #333; margin:0 20px; }
.fullmenu-col-title { font-size:18px; margin-bottom:0; padding:16px 20px; display:flex; align-items:center; justify-content:space-between; }
.fullmenu-col-title::after { content:'﹢'; font-size:20px; font-weight:300; transition:transform .3s; }
.fullmenu-col.open .fullmenu-col-title::after { content:'－'; }
.fullmenu-links { max-height:0; overflow:hidden; transition:max-height .4s ease; padding:0 20px; }
.fullmenu-col.open .fullmenu-links { max-height:400px; padding:0 20px 12px; }
.fullmenu-links li a { padding:10px 0; }
}
@media (max-width:768px) {
.top-bar {  }
nav {  height:60px; }
.fullmenu { padding:90px 0 40px; }
.search-layer { padding:16px 20px; top:96px; }
.hamburger { width:28px; height:28px; gap:5px; }
.hamburger .bar { width:24px; }
.hamburger .bar:nth-child(2) { width:17px; }
.hamburger.open .bar:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.hamburger.open .bar:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
.fullmenu-links li a { padding:10px 0; }
}


.view-more-btn { display: inline-flex; align-items: center; gap: 20px; text-decoration: none; color: #000; font-weight: 500; font-size: 16px; ; transition: opacity 0.3s;bordeR:1px solid rgba(0,0,0,.5);padding:15px 25px }
.arrow-svg { width: 45px; height: 12px; transition: 0.4s ease-in-out; }
.view-more-btn:hover { opacity: 1; }
.view-more-btn:hover .arrow-svg { transform: translateX(10px); width: 55px; }
@media (max-width: 1024px) {
.view-more-btn{padding:8px 10px}
.arrow-svg { width: 40px; height: 10px;}
}

.footer { padding: 50px 0 50px; background:var(--point-color); color: #fff;font-size:16px }
.footer  a{color:#fff}
.footer  em{margin:0 10px;color:rgba(255,255,255,.6)}
.f-top { display: flex; flex-wrap: wrap; gap: 50px; justify-content: flex-start; align-items: flex-start; }
.f-menu-group { flex: 0 0 150px; }
.f-menu-group strong { display: block; margin-bottom: 25px; color: #fff; font-size: 18px; }
.f-menu-group ul { list-style: none; padding: 0; }
.f-menu-group ul li { margin-bottom: 12px; }
.f-menu-group ul li a { color: #fff; text-decoration: none; transition: 0.3s; }
.f-menu-group ul li a:hover { color: #fff; }
.f-info-side { flex: 1; text-align: right; }
.f-info-side strong { display: block; margin-bottom: 20px;  }
.f-info-side p { color: #fff; margin-bottom: 8px;word-break: keep-all; }
.f-mid-line { height: 1px; background: rgba(255,255,255,0.2); margin: 40px 0 40px; }
.f-bottom { display: flex; justify-content: space-between; align-items: center; position: relative; flex-wrap: wrap; gap: 20px; }
.f-logo {   color:#fff}
.f-sns { display: flex; gap: 15px; }
.sns-icon { color: #fff; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; transition: 0.3s; padding: 6px; }
.sns-icon svg { width: 100%; height: 100%; }
.sns-icon:hover { color: #fff; border-color: #fff; background: rgba(255,255,255,1);color:#000 }
.f-sns .sns-icon:nth-child(3) svg { width:14px; height:14px; }
.f-sns .sns-icon:nth-child(4) svg { width:14px; height:14px; }
.f-copy { width: 100%; margin-top: 30px; color: #fff; font-size: 13px; text-align: right; }


.sns-icon[aria-label="LinkedIn"] svg { width:14px; height:14px; }
.sns-icon[aria-label="블로그"] svg { width:14px; height:14px; }
.sns-icon.sns-insta { opacity:1; cursor:default; position:relative; }
.sns-icon.sns-insta:hover { background:transparent; border-color:rgba(255,255,255,1); color:#fff; opacity:1; }
.sns-insta-tip { display:none; position:absolute; bottom:36px; left:50%; transform:translateX(-50%); background:#000; color:#fff; font-size:11px; padding:4px 8px; border-radius:4px; white-space:nowrap; }
.sns-icon.sns-insta:hover .sns-insta-tip { display:block; }

@media (max-width: 768px) {
.sns-insta-tip { display:none !important; }
.sns-icon.sns-insta { opacity:0.4; cursor:default; position:relative; }
}

@media (max-width: 1024px) {
.f-info-side { text-align:left; flex:0 0 100%; }
.f-bottom { flex-direction:column; align-items:flex-start; }
.f-copy { text-align:left; }
}
@media (max-width: 768px) {
.footer { padding:20px 0px;font-size:13px;line-height:1.2 }
.f-top { gap:30px; }
.f-menu-group { flex:0 0 calc(50% - 15px); }
.f-menu-group strong { f margin-bottom:16px; }
.f-mid-line { margin:28px 0; }
.f-logo { font-size:12px}
.f-copy { ; margin-top:10px; }
}

/* QUICK MENU */
.quick-menu { position: fixed; right: 20px; top: 50%; transform: translateY(-50%); z-index: 900; display: flex; flex-direction: column; gap: 10px; font-size: 12px;text-align:center }
.quick-item { width: 60px; height: 60px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: #000; text-decoration: none; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.15); transition: background 0.2s, color 0.2s; }
.quick-item:nth-child(2) { background: #e9cf00; color: #291915; }
.quick-item:nth-child(3) { background: #7f126f; color: #fff; }
.quick-item:nth-child(4) { background: #2f64c4; color: #fff; }
.quick-item:last-child { background: #3bad57; color: #fff; }
.quick-item:hover { background: #000; color: #fff; }
.quick-item svg { flex-shrink: 0;}
.quick-item { position: relative; }
.quick-item .call-num { display: none; position: absolute; right: 70px; top: 50%; transform: translateY(-50%); background: #000; color: #fff; padding: 8px 14px; white-space: nowrap; border-radius: 4px; }
.quick-item:hover .call-num { display: block; }
.insta-coming { display: none; position: absolute; right: 70px; top: 50%; transform: translateY(-50%); background: #000; color: #fff; font-size: 11px; padding: 4px 8px; border-radius: 4px; white-space: nowrap; }
.quick-item:nth-child(3):hover {  }
.quick-item:nth-child(3):hover .insta-coming { display: block; }


.quick-item:nth-child(3):hover { color: #fff; }
.quick-item:nth-child(3):hover .insta-coming { display: block; }



@media (max-width: 768px) {
.quick-menu {display:none}
}

.cookie-bar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; background: #1a1a1a; color: rgba(255,255,255,0.8); display: flex; align-items: center; justify-content: center; gap: 24px; padding: 16px 40px; }
.cookie-bar p { margin: 0; word-break: keep-all; }
.cookie-bar a { color: #fff; }
.cookie-btn { flex-shrink: 0; background: var(--point-color); color: #fff; border: none; padding: 8px 24px; cursor: pointer; transition: opacity 0.2s; }
.cookie-btn:hover { opacity: 0.8; }

/*****메인********/
.hero { height: 75vh; min-height: 600px; position: relative; overflow: hidden; margin-top: 132px; }
.hero::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 60%; background: linear-gradient(to right, rgba(5,8,16,0.52) 0%, transparent 100%); pointer-events: none; z-index: 5; }
.hero-slides { position: absolute; inset: 0; width: 100%; display: flex; transition: transform 0.9s cubic-bezier(0.77, 0, 0.175, 1); will-change: transform; }
.hero-slide { width: 100%; min-width: 100%; height: 100%; position: relative; flex-shrink: 0; overflow: hidden; }
.hero-slide-bg { position: absolute; inset: 0; background-size: cover; background-position: center; transform: scale(1.06); transition: transform 6s ease; }
.hero-slide.active .hero-slide-bg { transform: scale(1); }
.hero-slide:nth-child(1) .hero-slide-bg { background-image: url('/images/hero1.jpg'); }
.hero-slide:nth-child(2) .hero-slide-bg { background-image: url('/images/hero2.jpg'); }
.hero-slide:nth-child(3) .hero-slide-bg { background-image: url('/images/hero3.jpg'); }
.hero-inner { position: absolute; inset: 0; max-width: 1600px; width: 100%; left: 50%; transform: translateX(-50%); z-index: 10; }
.hero-content { position: absolute; z-index: 10;  bottom: 160px; width: calc(100% - 200px); }
.hero-slide-text { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transform: translateY(16px); transition: opacity 0.6s ease, transform 0.6s ease; pointer-events: none; }
.hero-slide-text.active { opacity: 1; transform: translateY(0); pointer-events: auto; position: absolute; }
.hero-slide-text b { font-weight: 700; font-size: 36px; }
.hero-title { font-weight: 800; line-height: 0.92; color: #fff; margin-bottom: 28px; }
.hero-title-accent { color: #fff; display: block; }
.hero-subtitle { font-size: clamp(15px, 1.4vw, 20px); line-height: 1.3; color: rgba(255,255,255,0.75); max-width: 480px; }
.hero-controls { position: absolute; z-index: 20;  bottom: 48px; display: flex; gap: 32px; }
.hero-dots { display: flex; gap: 10px; align-items: center; }
.hero-dot { width: 28px; height: 2px; background: rgba(255,255,255,0.35); border: none; padding: 0; cursor: pointer; transition: background 0.3s, width 0.3s; }
.hero-dot.active { background: #fff; width: 48px; }
.hero-arrows { display: flex; gap: 8px; }
.hero-arrow { width: 44px; height: 44px; border: 1px solid rgba(255,255,255,0.35); background: none; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s, border-color 0.2s; }
.hero-arrow:hover { background: #fff; color: #000; border-color: #fff; }
.hero-counter { position: absolute; z-index: 20; right: 100px; bottom: 48px; font-size: 13px; color: rgba(255,255,255,0.5); display: flex; align-items: center; gap: 8px; }
.hero-counter-current { color: #fff; font-size: 22px; font-weight: 800; }
.hero-counter-sep {}
.hero-progress { position: absolute; bottom: 65px; right: 180px; height: 2px; width: 100px; background: rgba(255,255,255,0.1); z-index: 20; }
.hero-progress-bar { height: 100%; background: #fff; width: 0%; }
@media (max-width: 1440px) { .hero-content { left: 40px; bottom: 100px; width: calc(100% - 80px); } .hero-controls { left: 40px; bottom: 40px; } .hero-counter { right: 40px; bottom: 40px; } }
@media (max-width: 1024px) {
.hero-content { left: 30px; bottom: 80px; width: calc(100% - 60px); }
.hero-controls { left: 30px; bottom: 30px; }
.hero-counter { right: 30px; bottom: 30px; }
.hero-progress { right: 120px; }
}
@media (max-width: 768px) {
.hero { min-height: 400px;margin-top:90px; }
.hero-title {  line-height: 1.1; margin-bottom: 16px; }
.hero-content { left: 20px; bottom: 120px; width: calc(100% - 40px); }
.hero-controls { left: 20px; bottom: 48px; gap: 16px; }
.hero-counter { right: 20px; bottom: 48px; }
.hero-progress { display: none; }
.hero-arrows { display: none; }
.hero-subtitle {  }
.hero-slide-text b { font-weight: 700; font-size: 20px; }
}

section {  overflow: hidden; position: relative; }

.main-title { font-size:48px; line-height: 1.1; margin-bottom: 40px;  }
.main-title.center { text-align: center; margin-bottom: 80px; }

.main-sec-01 { padding: 200px 0 ; display: flex; overflow: hidden; }
.main-sec-01 .asym-layout { display: flex; justify-content: flex-start; }
.main-sec-01 .asym-txt-wrap { flex: 0 0 40%; }
.main-sec-01 .main-title { margin-bottom: 35px; }
.main-sec-01 .asym-txt-wrap p { margin-bottom: 55px; word-break: keep-all; }

.main-sec-01 .asym-img-wrap { flex: 1;  overflow: hidden; margin-left: 80px; }
.main-sec-01 .asym-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: 1.5s; }
.main-sec-01:hover .asym-img-wrap img { transform: scale(1.05); }
.main-sec-01 h4{font-weight:500;font-size:30px}
.main-sec-01 h6{font-weight:500;color:#666;margin:10px 0 20px 0;font-weight:400}
.main-sec-01 p{}
@media (max-width: 1400px) { 
.main-sec-01 .main-title { font-size: 42px;  }
.main-sec-01 .asym-layout { flex-direction: column; gap: 50px; align-items: flex-start; }
.main-sec-01 .asym-txt-wrap { flex: 0 0 100%; padding: 80px 0 0 0; }
.main-sec-01 .asym-img-wrap { width: 100%; height: 450px;  margin-left: 0; margin-right: 0; margin-bottom: 80px; }
}
@media (max-width: 1024px) {
.main-title { font-size:50px; line-height: 1.1; margin-bottom: 20px;  }
.main-title.center { text-align: center; margin-bottom:60px; }
.main-sec-01 { padding:120px 0; }
.main-sec-01 .main-title { font-size:36px; }
.main-sec-01 .asym-img-wrap { height:360px; }
}
@media (max-width: 768px) {
.main-sec-01 { padding:60px 0 0 0; }
.main-title { font-size:45px}
.main-sec-01 .main-title { font-size:28px; }
.main-sec-01 .asym-txt-wrap { padding:0px 0 0 0; }
.main-sec-01 .asym-img-wrap { height:260px; }
.main-sec-01 h4 { font-size:22px; }
.main-sec-01 .asym-txt-wrap p { margin-bottom:32px; }
}




.main-sec-02 { padding-bottom: 200px; overflow: hidden; }

.main-sec-02 .biz-list { display: flex; flex-direction: column; gap: 40px; }

.main-sec-02 .biz-item { display: flex; align-items: center; position: relative; width: 100%; height: 150px; cursor: pointer; }
.main-sec-02 .biz-item.reverse { justify-content: flex-end; }

.main-sec-02 .biz-img-box { position: relative; width: 80%; height: 100%; overflow: hidden; transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1); z-index: 1; }
.main-sec-02 .biz-img-box::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); transition: 0.6s; }
.main-sec-02 .biz-img-box img { width: 100%; height: 100%; object-fit: cover; transition: 1s; }

.main-sec-02 .biz-txt-box { position: absolute; z-index: 2; transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1); pointer-events: none; }
.main-sec-02 .biz-item:not(.reverse) .biz-txt-box { right: 0; padding-right: 20px; }
.main-sec-02 .biz-item.reverse .biz-txt-box { left: 0; padding-left: 20px; }
.main-sec-02 .biz-txt-box h3 { font-size: 32px; color: #000; transition: 0.6s; }

.main-sec-02 .biz-item:hover .biz-img-box { width: 100%; }
.main-sec-02 .biz-item:hover .biz-img-box::after { background: rgba(0,0,0,0.3); } /* 이미지 가독성을 위한 오버레이 */
.main-sec-02 .biz-item:hover .biz-img-box img { transform: scale(1.05); }

.main-sec-02 .biz-item:hover .biz-txt-box { right: 50%; left: auto; transform: translateX(50%); }
.main-sec-02 .biz-item.reverse:hover .biz-txt-box { left: 50%; right: auto; transform: translateX(-50%); }
.main-sec-02 .biz-item:hover .biz-txt-box h3 { color: #fff; }

@media (max-width: 1400px) { 
.main-sec-02 .biz-item { height: 200px; }
.main-sec-02 .biz-txt-box h3 { font-size: 24px; }
.main-sec-02 .biz-img-box { width: 85%; }
}
@media (max-width: 1024px) {
.main-sec-02 { padding-bottom:120px; }
.main-sec-02 .biz-item { height:160px; }
.main-sec-02 .biz-txt-box h3 { font-size:20px; }
}
@media (max-width: 768px) {
.main-sec-02 { padding-bottom:80px; }
.main-sec-02 .biz-list { gap:20px; }
.main-sec-02 .biz-item { height:120px; }
.main-sec-02 .biz-img-box { width:100%; }
.main-sec-02 .biz-txt-box h3 { font-size:18px; }
.main-sec-02 .biz-item:not(.reverse) .biz-txt-box { right:auto; left:20px; }
.main-sec-02 .biz-item.reverse .biz-txt-box { left:auto; right:20px; }
.main-sec-02 .biz-txt-box h3 { color:#fff; }
}


.main-sec-03 { padding-bottom: 100px; }
.main-sec-03 .grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.main-sec-03 .card { display: flex; flex-direction: column; overflow: hidden; }
.main-sec-03 .img { width: 100%; aspect-ratio: 900 / 492; overflow: hidden; }
.main-sec-03 .img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.main-sec-03 .card:hover .img img { transform: scale(1.05); }
.main-sec-03 .body { background: var(--point-color); padding: 40px; display: flex; flex-direction: column; gap: 20px; flex: 1; }
.main-sec-03 .body h3 { color: #fff; margin: 0; }
.main-sec-03 .body p { color:#fff; word-break: keep-all; margin: 0; }
.main-sec-03 .view-more-btn { display: inline-flex; align-items: center;  color: #fff; width: fit-content; text-decoration: none; transition: background 0.2s, border-color 0.2s; margin-top:20px; bordeR:1px solid rgba(255,255,255,.7)}
.main-sec-03 .view-more-btn:hover { }
.main-sec-03 .view-more-btn .arrow-svg {  }
@media (max-width: 1024px) {
.main-sec-03 { padding-bottom: 80px; }
.main-sec-03 .body { padding: 30px; }
}
@media (max-width: 768px) {
.main-sec-03 { padding-bottom: 60px; }
.main-sec-03 .grid { grid-template-columns: 1fr; }
}

.main-sec-esg { padding: 100px 0 0 0; }

.main-sec-esg .esg-top-txt { margin-bottom: 80px; }
.main-sec-esg .esg-top-txt h2 { font-size: 48px; line-height: 1.4;  word-break: keep-all; font-weight:300; }
.main-sec-esg .esg-top-txt h2 b{font-weight: 700;}
.main-sec-esg .esg-full-bg { position: relative; width: 100%; padding: 120px 0; background: url('/images/main-esg.jpg') no-repeat center center / cover; }
.main-sec-esg .esg-full-bg::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 1; }
.main-sec-esg .esg-full-bg .container { position: relative; z-index: 2; }
.main-sec-esg .esg-content-wrap { display: flex; align-items: center; justify-content: space-between; gap: 100px; }
.main-sec-esg .esg-left { flex: 1; }
.main-sec-esg .esg-left h3 { color: #fff; }
.main-sec-esg .esg-right { flex: 1; color: #fff; }
.main-sec-esg .esg-right h4 {font-size:36px;margin-bottom:30px  }
.main-sec-esg .esg-right p {  word-break: keep-all; font-size:24px;margin-bottom:40px;width:60%}
.main-sec-esg .learn-more-btn { display: inline-block; color: #fff; text-decoration: none; border-bottom: 1px solid #fff; padding-bottom: 5px; font-size: 16px; transition: 0.3s; }
.main-sec-esg .learn-more-btn:hover { opacity: 0.7; }

.main-sec-esg .view-more-btn { display: inline-flex; gap: 20px; text-decoration: none; color: #000; font-weight: 500; font-size: 16px; transition: opacity 0.3s;color:#fff; border:1px solid rgba(255,255,255,.7)}
.main-sec-esg .arrow-svg { width: 45px; height: 12px; transition: 0.4s ease-in-out; }
.main-sec-esg .view-more-btn:hover { opacity: 0.5; }
.main-sec-esg .view-more-btn:hover .arrow-svg { transform: translateX(10px); width: 55px; }


@media (max-width: 1024px) {
.main-sec-esg { padding:80px 0 0; }
.main-sec-esg .esg-top-txt h2 { font-size:36px; }
.main-sec-esg .esg-full-bg { padding:80px 0; }
.main-sec-esg .esg-content-wrap { flex-direction:column; gap:50px; align-items:flex-start; }
.main-sec-esg .esg-left h3 { font-size:60px; }
.main-sec-esg .esg-right h4 { font-size:26px; }
.main-sec-esg .esg-right p { font-size:18px; width:100%; }
}
@media (max-width: 768px) {
.main-sec-esg { padding:0px 0 0; }
.main-sec-esg .esg-top-txt { margin-bottom:50px; }
.main-sec-esg .esg-top-txt h2 { font-size:28px; }
.main-sec-esg .esg-full-bg { padding:60px 0; }
.main-sec-esg .esg-left h3 { font-size:44px; }
.main-sec-esg .esg-right h4 { font-size:22px; margin-bottom:20px; }
.main-sec-esg .esg-right p { font-size:16px; margin-bottom:28px; }
}






/********서브페이지*********/
/* ── SUB HERO ── */
.sub-hero { position: relative; height:75vh; min-height: 500px; display: flex; align-items: flex-end; overflow: hidden; margin-top: 132px; }
.sub-hero-img { position:absolute; inset:0; background:url('/images/hero_sub1.jpg') center/cover no-repeat; filter:brightness(0.8) saturate(1); animation:hero-zoom 8s ease-out forwards; }
@keyframes hero-zoom { from { transform:scale(1.2); } to { transform:scale(1); } }
.sub-hero-content { max-width: 1600px; margin: 0 auto; position: relative; z-index: 2; width: 100%;  padding-bottom: 60px ;; display: flex; align-items: flex-end; justify-content: space-between; }
.sub-hero-title {; font-weight: 800; font-size: clamp(60px, 9vw, 80px); line-height: 0.9; color:#fff }
.sub-hero-right { padding-bottom: 4px; }
.breadcrumb { display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,1); }
.breadcrumb a { color: rgba(255,255,255,1); text-decoration: none; transition: color 0.2s; }
.breadcrumb a:hover { color: var(--white); }
.breadcrumb-sep { color: rgba(255,255,255,0.6); }
.breadcrumb-cur { color: var(--white); }
.sub-bg-01 { background-image: url('/images/hero_sub1.jpg'); }
.sub-bg-02 { background-image: url('/images/hero_sub2.jpg'); }
.sub-bg-03 { background-image: url('/images/hero_sub3.jpg'); }
.sub-bg-04 { background-image: url('/images/hero_sub4.jpg'); }
.sub-bg-05 { background-image: url('/images/hero_sub5.jpg'); }
.sub-bg-06 { background-image: url('/images/hero_sub6.jpg'); }
@media (max-width: 1024px) {
.sub-hero { height:60vh; min-height:400px; }
.sub-hero-content { padding:0 0 40px; }
.sub-hero-title { font-size:clamp(40px, 7vw, 60px); }
}
@media (max-width: 768px) {
.sub-hero { height:50vh; min-height:320px;}
.sub-hero-content { padding:0 0 30px; flex-direction:column; align-items:flex-start; gap:12px; }
.sub-hero-title { font-size:36px; padding:0 20px }
.sub-hero-right { padding:0 20px; }
}



.page-hero { display: flex; flex-direction: column; align-items: center; justify-content: center; padding:200px 0 50px 0 }
.page-hero-title { margin-bottom: 20px;font-size:60px; }
.page-hero-arrow { color: #999; display: block; animation: arrowBounce 1.4s ease-in-out infinite; }
.page-hero-arrow svg { width: 40px; height: 40px; }
@keyframes arrowBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(6px); } }
@media (max-width: 1024px) {
.page-hero { padding:160px 0 40px; }
.page-hero-title { font-size:44px; }
}
@media (max-width: 768px) {
.page-hero { padding:40px 0 30px; }
.page-hero-title { font-size:26px;padding:0 20px }
}

.s-chip { margin-bottom:10px; display: inline-block; font-weight:800 }




/************company**************/
.company-sec01 { padding: 0px 0 150px 0; position: relative; }
.company-sec01::after { content: ''; position: absolute; bottom:0px; left: 0; width: 100%; height:680px; background: #f4f4f4; z-index: 0; }
.company-sec01 b{color:var(--point-color)}
.greeting-inner { max-width: 1600px; margin: 0 auto; display: flex; align-items: stretch; gap: 120px; position: relative; z-index: 1; }
.greeting-left { flex: 1; display: flex; flex-direction: column; }
.greeting-header { margin-bottom:50px}
.greeting-sub {  margin-bottom: 6px; }
.greeting-title { font-weight: 700;}
.greeting-body { display: flex; flex-direction: column; gap: 20px; }
.greeting-body p {  word-break: keep-all; }
.greeting-right { display: flex; flex-direction: column; align-items: flex-end; gap: 24px; flex-shrink: 0; width:700px; }
.greeting-photo { width: 100%; }
.greeting-photo img { width:auto;  object-fit: cover; object-position: top; display: block;margin-top:100px }
.greeting-sign { text-align: right; }
.greeting-name-label { margin-bottom: 8px; font-size: 24px; }
.greeting-name-label strong { font-size: 36px; font-weight: 700; margin-left: 8px; }
.sign-img { height: 48px; opacity: 0.8; }
.greeting-header h1{margin-bottom:40px}

@media (max-width: 1440px) {
.greeting-right { width: 500px; }
.greeting-inner { gap: 60px; }
}
@media (max-width: 1024px) {
.company-sec01 { padding:0 0 100px; }
.greeting-header { margin-bottom:0px}
.greeting-inner { flex-direction:column; gap:60px; }
.greeting-left { padding:0 20px}
.greeting-right { width:100%; align-items:flex-start; }
.greeting-photo img {  }
.company-sec01::after { height:300px; background:#fff}
}
@media (max-width: 768px) {
.company-sec01 { padding:0 0 80px; }
.greeting-inner { gap:40px; }
.greeting-photo img { margin-top:0 }
.greeting-name-label { font-size:18px; }
.greeting-name-label strong { font-size:26px; }
.company-sec01::after { height:200px; }
}


.company-sec02 { position: relative; min-height: 100vh; overflow: hidden; background: #fff; color:#000}
.company-sec02-img { position: absolute; top: 0; left: 0; width:100%; height: 100%; }
.company-sec02-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.company-sec02-img-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.6) 100%); pointer-events: none; }
.company-sec02-img-year { position: absolute; bottom: 40px; left: 40px; font-size: clamp(100px, 13vw, 180px); color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,0.12); line-height: 1; pointer-events: none; user-select: none; z-index: 2; }
.company-sec02-text { position: absolute; bottom:0%; left: 38%;  right: 0; background: #fff; padding: 80px; z-index: 2;}

.company-sec02-title em { color: var(--blue-accent); font-style: normal; display: block; }
.company-sec02-rule { width: 48px; height: 2px; background: var(--blue-accent); margin-bottom: 32px; }
.company-sec02-body { margin-bottom: 16px;margin-top:40px;width:80% ;word-break:keep-all}
.company-sec02-stats { display: flex; gap: 40px; margin-top: 48px; padding-top: 40px; }
.company-sec02-stat-n { font-size: 60px; color: var(--blue-accent); line-height: 1; }
.company-sec02-stat-l{font-size:18px;color:#999}
.company-sec02 b{color:var(--point-color);font-size:24px}

@media (max-width: 1024px) {
.company-sec02 { min-height:auto; display:flex; flex-direction:column; }
.company-sec02-img { position:relative; height:60vh; order:2; }
.company-sec02-img img { height:100%; }
.company-sec02-text { position:relative; left:auto; right:auto; bottom:auto; padding:60px 40px; order:1; }
.company-sec02-body { width:100%; }
.company-sec02-stats { flex-wrap:wrap; gap:24px; }
}
@media (max-width: 768px) {
.company-sec02-text { padding:40px 20px; }
.company-sec02-img { height:20vh; }
.company-sec02-stat-n { font-size:44px; }
.company-sec02-stat-l { font-size:16px; }
.company-sec02 b { font-size:20px; }
}


/* ══════════════════════════════
   SECTION 3 — WHAT WE DO
══════════════════════════════ */
.company-sec03 { padding: 160px 0px; background: #fff; color: #000;max-width: 1600px; margin: 0 auto;  }
.company-sec03-header { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 60px; align-items: flex-end; margin-bottom: 80px; }
.company-sec03-title {font-size: clamp(40px, 5vw, 72px); font-weight: 800; line-height: 1.05;  }
.company-sec03-desc { line-height: 1.9; }
.company-sec03-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.company-sec03-list.col-4 { grid-template-columns: repeat(4, 1fr); }
.company-sec03-item img { display: block; }
.company-sec03-item { font-size: 18px; border: 1px solid #e8e8e8; padding: 40px 32px; display: flex; flex-direction: column; gap: 24px; transition: border-color 0.3s ease, border-radius 0.4s ease; text-align: center; align-items: center; border-radius: 0; }
.company-sec03-item:hover {  }
.company-sec03-name { word-break: keep-all; }
.company-sec03 p{margin-top:20px;color:#999}

@media (max-width: 1024px) {
.company-sec03 { padding:100px 0; }
.company-sec03-header { grid-template-columns:1fr; gap:30px; margin-bottom:50px; }

.company-sec03-list { grid-template-columns:repeat(3,1fr); }
}
@media (max-width: 768px) {
.company-sec03 { padding:0px 0; }
.company-sec03-list { grid-template-columns:repeat(1,1fr); gap:16px; }
.company-sec03-item { padding:10px 10px; }
.company-sec03-name { word-break: keep-all;font-size:13px }
}
/* ══════════════════════════════
   SECTION 4 — MISSION / VISION
══════════════════════════════ */
.company-sec04 { position: relative; padding: 160px 0px; color: #fff; overflow:visible;  min-height: 80vh; background: url('/images/com_bg.jpg') center/cover no-repeat; }
.company-sec04-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.4); z-index: 1; }
.company-sec04-header { position: relative; z-index: 2; }
.company-sec04 b{font-weight:900}
.company-sec04 h1{margin-bottom:40px}
@media (max-width: 1024px) {
.company-sec04 { padding:120px 0; min-height:60vh; }
}
@media (max-width: 768px) {
.company-sec04 { padding:80px 0; min-height:auto;margin-top:60px }
.company-sec04 h1{margin-bottom:20px}
}
.company-sec04 .platform-list { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:80px; position:relative; z-index:2; }
.company-sec04 .platform-item { display:flex; flex-direction:column; border:1px solid rgba(255,255,255,.2); overflow:hidden; background:#fff; }
.company-sec04 .platform-img { width:100%; aspect-ratio:4/3; overflow:hidden; display:flex; align-items:center; justify-content:center;margin-top:20px }
.company-sec04 .platform-img img { width:100%; height:100%; object-fit:contain; transition:transform .3s; }
.company-sec04 .platform-item:hover .platform-img img { transform:scale(1.2); }
.company-sec04 .platform-body { padding:32px; display:flex; flex-direction:column; gap:24px; flex:1; }
.company-sec04 .platform-body p { flex:1; color:#000; font-weight:500}
.company-sec04 .platform-body .view-more-btn { align-self:flex-start; color:#000; border:1px solid rgba(0,0,0,.3); }
@media (max-width:1024px) {
.company-sec04 .platform-list { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
.company-sec04 .platform-list { grid-template-columns:1fr; }
}

/******sec5********/
.section { min-height:100vh; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden;  }
.company-sec05{}
.company-sec05 .mv-grid { display:grid; grid-template-columns:1fr 1fr; width:100%; min-height:100vh; }
.company-sec05 .mv-left { position:relative; display:flex; flex-direction:column; justify-content:center; padding:80px 60px 80px 80px; background:#fff; border-right:1px solid #eee; overflow:hidden; }
.company-sec05 .mv-right { position:relative; display:flex; flex-direction:column; justify-content:center; padding:80px 80px 80px 60px;  overflow:hidden; }
.company-sec05 .bg-word { position:absolute; font-size:clamp(100px,16vw,220px); color:rgba(13,27,53,0.1); user-select:none; pointer-events:none; white-space:nowrap; z-index:0; font-weight:900}
.company-sec05 .mv-left .bg-word { bottom:20px; left:10px; }
.company-sec05 .mv-right .bg-word { top:20px; right:0; }
.company-sec05 .sec-tag { display:inline-flex; align-items:center; gap:12px; margin-bottom:32px; position:relative; z-index:2; opacity:0; transform:translateY(14px); transition:all .7s ease; }
.company-sec05 .sec-tag::before { content:''; width:28px; height:1px; background:var(--point-color); opacity:.4; }
.company-sec05 .sec-tag span { font-size:10px; letter-spacing:6px; text-transform:uppercase; color:var(--point-color); opacity:.45; }
.company-sec05 .sec-tag.visible { opacity:1; transform:translateY(0); }
.company-sec05 .text-block { position:relative; z-index:2; }
.company-sec05 .sub-text { color:var(--point-color); opacity:.5; margin-top:16px; }
.company-sec05 .reveal { opacity:0; transform:translateY(36px); transition:all .9s cubic-bezier(.16,1,.3,1); }
.company-sec05 .reveal.d1 { transition-delay:.08s; }
.company-sec05 .reveal.d2 { transition-delay:.2s; }
.company-sec05 .reveal.visible { opacity:1; transform:translateY(0); }
.company-sec05 .dash-row { display:flex; gap:6px; margin-top:44px; position:relative; z-index:2; opacity:0; transform:translateY(10px); transition:all .7s ease .6s; }
.company-sec05 .dash-row.visible { opacity:1; transform:translateY(0); }
.company-sec05 .dash { height:1px; background:var(--point-color); opacity:.15; width:20px; }
.company-sec05 .dash:first-child { width:36px; opacity:.5; }
.company-sec05 .scroll-hint { position:absolute; bottom:32px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:8px; z-index:20; }
.company-sec05 .scroll-hint span { font-size:9px; letter-spacing:5px; text-transform:uppercase; color:var(--point-color); opacity:.3; }
.company-sec05 .scroll-line { width:1px; height:36px; background:var(--point-color); opacity:.25; animation:sline 2s ease-in-out infinite; }
@keyframes sline { 0% { transform:scaleY(0); transform-origin:top; } 50% { transform:scaleY(1); transform-origin:top; } 51% { transform:scaleY(1); transform-origin:bottom; } 100% { transform:scaleY(0); transform-origin:bottom; } }
@media (max-width: 1024px) {
.company-sec05 {}
.company-sec05 .mv-grid { grid-template-columns:1fr; min-height:auto; }
.company-sec05 .mv-left { padding:80px 40px; border-right:none; border-bottom:1px solid #eee; }
.company-sec05 .mv-right { padding:80px 40px; }
.company-sec05 .scroll-hint { display:none; }
}
@media (max-width: 768px) {
.company-sec05 {}
.company-sec05 .mv-left { padding:60px 20px; }
.company-sec05 .mv-right { padding:60px 20px; }
.company-sec05 .dash-row { margin-top:28px; }
}


.company-sec06 { background:var(--point-color); flex-direction:column; padding:100px 40px; gap:64px; color:#fff }
.company-sec06 .values-header { text-align:center; opacity:0; transform:translateY(20px); transition:all .8s ease; }
.company-sec06 .values-header.visible { opacity:1; transform:translateY(0); }
.company-sec06 .values-header .sub-label { display:block; font-size:10px; letter-spacing:7px; text-transform:uppercase; color:var(--point-color); opacity:.4; margin-bottom:12px; }
.company-sec06 .orbital-wrap { position:relative; width:660px; height:660px; max-width:86vw; max-height:86vw; }
.company-sec06 .orbit-ring { position:absolute; top:50%; left:50%; border-radius:50%; transform:translate(-50%,-50%) scale(0); transition:transform 1s cubic-bezier(.34,1.56,.64,1); }
.company-sec06 .orbit-ring.r1 { width:248px; height:248px; border:1px solid rgba(255,255,255,.3); transition-delay:.2s; }
.company-sec06 .orbit-ring.r2 { width:396px; height:396px; border:1px solid rgba(255,255,255,.3); transition-delay:.4s; }
.company-sec06 .orbit-ring.r3 { width:548px; height:548px; border:1px solid rgba(255,255,255,.3); transition-delay:.6s; }
.company-sec06 .orbit-ring.visible { transform:translate(-50%,-50%) scale(1); }
.company-sec06 .center-circle { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:250px; height:250px; border-radius:50%; background:#4061c6; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; z-index:10; padding:14px; opacity:0; transition:opacity 1s ease .6s, transform .4s ease;box-shadow: 0 8px 30px rgba(0,0,0,.35), 0 2px 8px rgba(0,0,0,.9); }
.company-sec06 .center-circle.visible { opacity:1; }
.company-sec06 .center-circle:hover { transform:translate(-50%,-50%) scale(1.5); }
.company-sec06 .center-circle .cc-label { font-size:9px; letter-spacing:4px; text-transform:uppercase; color:rgba(255,255,255,.45); margin-bottom:8px; }
.company-sec06 .center-circle h5 { color:#fff; }
.company-sec06 .orbit-lines { position:absolute; inset:0; pointer-events:none; }
.company-sec06 .orbit-lines line { stroke:rgba(255,255,255,.2); stroke-width:1; stroke-dasharray:3 6; opacity:0; transition:opacity 1s ease; }
.company-sec06 .orbit-lines line.visible { opacity:1; }
.company-sec06 .value-node { position:absolute; width:180px; height:180px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; padding:14px; cursor:pointer; opacity:0; transform:scale(.2); transition:all .6s cubic-bezier(.34,1.56,.64,1); background:#fff; box-shadow:0 8px 32px rgba(0,0,0,.25); }
.company-sec06 .value-node.visible { opacity:1; transform:scale(1.1); }
.company-sec06 .value-node.n1 { top:calc(50% - 90px - 260px); left:calc(50% - 90px); transition-delay:.6s; }
.company-sec06 .value-node.n2 { top:calc(50% - 90px); left:calc(50% - 90px + 260px); transition-delay:.75s; }
.company-sec06 .value-node.n3 { top:calc(50% - 90px + 260px); left:calc(50% - 90px); transition-delay:.9s; }
.company-sec06 .value-node.n4 { top:calc(50% - 90px); left:calc(50% - 90px - 260px); transition-delay:1.05s; }
.company-sec06 .node-dot { width:8px; height:8px; border-radius:50%; margin-bottom:8px; }
.company-sec06 .n1 .node-dot { background:#1e4db7; }
.company-sec06 .n2 .node-dot { background:#2a7a4b; }
.company-sec06 .n3 .node-dot { background:#8b3a8b; }
.company-sec06 .n4 .node-dot { background:#b85c1a; }
.company-sec06 .vn-en {  ; color:#000;; transition:color .3s; }
.company-sec06 .values-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; width:100%; }
.company-sec06 .value-card { padding:36px 26px; background:#fff;  box-shadow:0 8px 32px rgba(0,0,0,.18); position:relative; overflow:hidden; cursor:pointer; opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease, background .3s, box-shadow .3s; }
.company-sec06 .value-card.visible { opacity:1; transform:translateY(0); }
.company-sec06 .value-card:nth-child(1) { transition-delay:.05s; }
.company-sec06 .value-card:nth-child(2) { transition-delay:.12s; }
.company-sec06 .value-card:nth-child(3) { transition-delay:.19s; }
.company-sec06 .value-card:nth-child(4) { transition-delay:.26s; }
.company-sec06 .value-card::before { content:''; position:absolute; top:0; left:0; width:0; height:3px; transition:width .4s ease; }
.company-sec06 .value-card.n1::before { background:#1e4db7; }
.company-sec06 .value-card.n2::before { background:#2a7a4b; }
.company-sec06 .value-card.n3::before { background:#8b3a8b; }
.company-sec06 .value-card.n4::before { background:#b85c1a; }
.company-sec06 .value-card:hover::before { width:100%; }
.company-sec06 .value-card:hover { background:#f8f9fc; box-shadow:0 16px 48px rgba(0,0,0,.22); }
.company-sec06 .card-dot { width:8px; height:8px; border-radius:50%; margin-bottom:16px; }
.company-sec06 .n1 .card-dot { background:#1e4db7; }
.company-sec06 .n2 .card-dot { background:#2a7a4b; }
.company-sec06 .n3 .card-dot { background:#8b3a8b; }
.company-sec06 .n4 .card-dot { background:#b85c1a; }
.company-sec06 .card-num { font-size:44px; color:rgba(13,27,53,.2); line-height:1; margin-bottom:16px; transition:color .3s; }
.company-sec06 .value-card h6 { color:#0a1428; margin-bottom:5px; transition:color .3s; }
.company-sec06 .card-sub {  color:#000; margin-bottom:14px; transition:color .3s; }

@media (max-width: 1024px) {
.company-sec06 { padding:80px 30px; }
.company-sec06 .orbital-wrap { width:500px; height:500px; }
.company-sec06 .value-node { width:140px; height:140px; }
.company-sec06 .value-node.n1 { top:calc(50% - 70px - 200px); left:calc(50% - 70px); }
.company-sec06 .value-node.n2 { top:calc(50% - 70px); left:calc(50% - 70px + 200px); }
.company-sec06 .value-node.n3 { top:calc(50% - 70px + 200px); left:calc(50% - 70px); }
.company-sec06 .value-node.n4 { top:calc(50% - 70px); left:calc(50% - 70px - 200px); }
.company-sec06 .values-cards { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 768px) {
.company-sec06 .orbital-wrap { width:300px; height:300px; }
.company-sec06 .center-circle { width:140px; height:140px; }
.company-sec06 .orbit-ring.r1 { width:140px; height:140px; }
.company-sec06 .orbit-ring.r2 { width:220px; height:220px; }
.company-sec06 .orbit-ring.r3 { width:300px; height:300px; }
.company-sec06 .value-node { width:90px; height:90px; }
.company-sec06 .value-node.n1 { top:calc(50% - 45px - 115px); left:calc(50% - 45px); }
.company-sec06 .value-node.n2 { top:calc(50% - 45px); left:calc(50% - 45px + 115px); }
.company-sec06 .value-node.n3 { top:calc(50% - 45px + 115px); left:calc(50% - 45px); }
.company-sec06 .value-node.n4 { top:calc(50% - 45px); left:calc(50% - 45px - 115px); }
.company-sec06 .values-cards { grid-template-columns:1fr; }
.company-sec06 .value-card { padding:24px 20px; }
.company-sec06 .container{padding:0}
}


.company-sec07 {  flex-direction:column; }
.company-sec07  h2{margin-bottom:50px}
.company-sec07  h3{font-weight:500}
.company-sec07 .closing-inner { max-width:1000px; width:100%; text-align:center; z-index:2; position:relative; }
.company-sec07 .closing-tag { display:inline-flex; align-items:center; gap:14px; margin-bottom:48px; opacity:0; transform:translateY(14px); transition:all .8s ease; }
.company-sec07 .closing-tag::before, .closing-tag::after { content:''; width:28px; height:1px; background:var(--point-color); opacity:.3; }
.company-sec07 .closing-tag span { font-size:10px; letter-spacing:6px; text-transform:uppercase; color:var(--point-color); opacity:.4; }
.company-sec07 .closing-tag.visible { opacity:1; transform:translateY(0); }
.company-sec07 .closing-h {  opacity:0; transform:translateY(32px); transition:all 1s cubic-bezier(.16,1,.3,1) .15s; }
.company-sec07 .closing-h.visible { opacity:1; transform:translateY(0); }
.company-sec07 .closing-h strong { color:var(--point-color); }
.company-sec07 .closing-rule { width:0; height:1px; background:var(--point-color); margin:40px auto; transition:width 1.2s ease .4s; }
.company-sec07 .closing-rule.visible { width:100px; }
.company-sec07 .closing-p { color:#999; ; opacity:0; transform:translateY(20px); transition:all .9s ease .5s; max-width:580px; margin:0 auto; }
.company-sec07  .closing-p.visible { opacity:1; transform:translateY(0); }
 .company-sec07  .closing-p em { color:var(--point-color); font-style:normal; opacity:.8; }

 .company-sec07  .closing-deco { position:absolute; border-radius:50%; pointer-events:none; }
 .company-sec07  .closing-deco.d1 { width:300px; height:300px; border:1px solid #ccc; top:-80px; right:-60px; }
 .company-sec07  .closing-deco.d2 { width:160px; height:160px; border:1px solid #ccc; bottom:-40px; left:-30px; }
@media (max-width: 1024px) {
.company-sec07 .closing-inner { max-width:100%; }
.company-sec07 .closing-deco { display:none; }
.company-sec07.section { min-height:auto; padding:100px 0; }
}
@media (max-width: 768px) {
.company-sec07.section { padding:80px 20px; }
.company-sec07 .closing-tag { margin-bottom:28px; }
.company-sec07 .closing-rule { margin:28px auto; }
.company-sec07 h3{font-size:22px}
}


.company-sec08 { padding:160px 0; background:#f7f7f7; position:relative; }
/*.company-sec08::before { content:''; position:absolute; inset:0; background:rgba(0,0,0,0.3); }*/
.company-sec08 .container { position:relative; z-index:1; }
.company-sec08 .sec08-head { margin-bottom:100px; }
.company-sec08 .sec08-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:50px; margin-bottom:100px; }
.company-sec08 .sec08-card { background-size:cover; background-position:center; }
.company-sec08 .sec08-card.bg1 { background-image:url('/images/esg_bg1.jpg'); }
.company-sec08 .sec08-card.bg2 { background-image:url('/images/esg_bg2.jpg'); }
.company-sec08 .sec08-card.bg3 { background-image:url('/images/esg_bg3.jpg'); }
.company-sec08 .sec08-card { aspect-ratio: 4/3;padding:60px 50px; border:1px solid  rgba(255,255,255,.7); position:relative; overflow:hidden; transition:border-color .3s; color:#fff}
.company-sec08 .sec08-card::before { content:''; position:absolute; inset:0; background:rgba(0,0,0,0.4); z-index:0; }
.company-sec08 .sec08-card > * { position:relative; z-index:1; }
.company-sec08 .sec08-card:hover { }
.company-sec08 .sec08-label { font-size:120px; font-weight:900; color:rgba(0,0,0,.07); position:absolute; right:30px; bottom:-20px; line-height:1; font-family:var(--font-en); }
.company-sec08 .sec08-card h4 { color:#fff/*var(--point-color)*/; margin-bottom:20px; }
.company-sec08 h1{line-height:1.2}
.company-sec08 .sec08-card p { }
.company-sec08 .sec08-bottom { border-top:1px solid rgba(255,255,255,.4); padding-top:80px; }
.company-sec08 .sec08-bottom h3 { margin-bottom:32px;  line-height:1.7; }
.company-sec08 .sec08-bottom p {; line-height:1.9; }
@media (max-width:1024px) {
.company-sec08 { padding:100px 0; }
.company-sec08 .sec08-head { margin-bottom:60px; }
.company-sec08 .sec08-cards { margin-bottom:60px; }
.company-sec08 .sec08-bottom { padding-top:60px; }
}
@media (max-width:768px) {
.company-sec08 { padding:60px 0; }
.company-sec08 .sec08-cards { grid-template-columns:1fr; }
.company-sec08 .sec08-card { padding:40px 30px; }
.company-sec08 .sec08-label { font-size:80px; }
.company-sec08 .sec08-bottom { padding-top:40px; }
}



/* =========================================
Platforms
========================================= */

.semiconductor-sec01 { position: relative; height: 100vh; min-height: 800px; display: flex; align-items: center; color: #fff; }
.semiconductor-sec01 .bg { position: absolute; inset: 0; background-size: cover; background-position: center; z-index: -1; }
.semiconductor-sec01 .bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to right, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.3) 100%); }
.semiconductor-sec01 .intro-txt { position: relative; z-index: 1;  }
.semiconductor-sec01 .core-msg { margin-bottom: 24px; color: #fff; }
.semiconductor-sec01 .desc {  color: #fff; }
.semiconductor-sec01 .over{margin-top:30px}


#page-semi .bg { background-image: url('/images/bg-semi.jpg'); }
#page-pcb .bg { background-image: url('/images/bg-pcb.jpg'); }
#page-ct .bg { background-image: url('/images/bg-research.jpg'); }
#app-semi .bg { background-image: url('/images/app_semi_bg.jpg'); }
#app-pcb .bg { background-image: url('/images/app_pcb_bg.jpg'); }
#app-tgv .bg { background-image: url('/images/app_tgv_bg.jpg'); }
#app-research .bg { background-image: url('/images/app_research_bg.jpg'); }

@media (max-width: 1024px) {
.semiconductor-sec01 { height:50vh; min-height:400px; }
}
@media (max-width: 768px) {
.semiconductor-sec01 { height:auto; min-height:0; padding:80px 0 80px; }
.semiconductor-sec01 .core-msg { margin-bottom:16px; }
.semiconductor-sec01 .over { margin-top:20px; }
}

.semiconductor-sec02 { padding: 140px 0 60px; }
.semiconductor-sec02 .sec-title { margin-bottom: 60px; }
.semiconductor-sec02 .sec-title p{font-size:20px;font-weight:400;line-height:3}
.semiconductor-sec02 .app-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; text-align:center}
.semiconductor-sec02 .app-card { padding: 40px 30px; border-top: 2px solid #ddd; transition: border-color 0.4s ease, transform 0.4s ease; cursor: pointer; }
.semiconductor-sec02 .app-card:hover { border-top-color: var(--point-color); transform: translateY(-10px); }
.semiconductor-sec02 .icon img{  margin:0 0 30px 0;}
.semiconductor-sec02 .app-name { margin: 0; }

@media (max-width: 1024px) {

.semiconductor-sec02 { padding:100px 0 60px; }
.semiconductor-sec02 .app-grid { grid-template-columns:repeat(2,1fr); gap:24px; }
}
@media (max-width: 768px) {
.semiconductor-sec02 .sec-title p{font-size:16px}
.semiconductor-sec02 { padding:60px 0 ; }
.semiconductor-sec02 .app-card { padding: 20px;font-size:14px }
.semiconductor-sec02 .app-card img{width:70px;}
.semiconductor-sec02 .icon img{  margin:0 0 10px 0;}
}


.semiconductor-sec03 { padding: 100px 0 ; background: #fff; }
.semiconductor-sec03 .ai-highlight-box { position: relative; }
.semiconductor-sec03 .bg-visual { width: 100%; height: 560px; position: relative; }
.semiconductor-sec03 .bg-visual img { width: 100%; height: 100%; object-fit: cover; display: block; }
.semiconductor-sec03 .img-caption { position: absolute; left: 32px; bottom: 24px; color: #fff; }
.semiconductor-sec03 .txt-panel { position: absolute; right: 0; bottom: -80px; width: 60%; background: #fff; padding: 80px 0 60px 80px;  }
.semiconductor-sec03 .sub-tit { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: #111; margin-bottom: 30px; }
.semiconductor-sec03 .ai-msg { margin: 0; font-size: 40px; line-height: 1.4; letter-spacing: -1px; word-break: keep-all;font-weight:normal }
.semiconductor-sec03 span { color: var(--point-color); font-weight:800}

@media (max-width: 1440px) {
.semiconductor-sec03 .ai-msg {font-size:30px}
}
@media (max-width: 1024px) {
.semiconductor-sec03 { padding:60px 0 100px; }
.semiconductor-sec03 .bg-visual { height:400px; }
.semiconductor-sec03 .img-caption { left: 20px; bottom: 16px; }
.semiconductor-sec03 .txt-panel { position:relative; right:auto; bottom:auto; width:100%; padding:40px 0 0; }
.semiconductor-sec03 .ai-msg { font-size:24px; }
}
@media (max-width: 768px) {
.semiconductor-sec03 { padding:0px 0px; }
.semiconductor-sec03 .bg-visual { height:280px; }
.semiconductor-sec03 .img-caption { left: 16px; bottom: 12px; }
.semiconductor-sec03 .ai-msg { font-size:20px; line-height:1.5}
}

.semiconductor-sec04 { padding: 100px 0 140px; }
.semiconductor-sec04 .module-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.semiconductor-sec04 .module-grid.col-5 { grid-template-columns: repeat(5, 1fr); }
.semiconductor-sec04 .mod-img.ratio-custom { aspect-ratio: 16/5; }
.semiconductor-sec04 .mod-img.ratio-custom2 { aspect-ratio: 10/5; }
.semiconductor-sec04 .mod-img.col-2 { aspect-ratio: unset; }
.semiconductor-sec04 .mod-img.col-2 img { width: 100%; height: auto; display: block; }
.semiconductor-sec04 .mod-item { cursor: pointer; }
.semiconductor-sec04 .mod-item:hover .mod-img img { transform: scale(1.05); }
.semiconductor-sec04 .mod-img { overflow: hidden; margin-bottom: 20px; aspect-ratio: 4/3; background: #eee;  }
.semiconductor-sec04 .mod-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); display: block; }

@media (max-width: 1024px) {
.semiconductor-sec04 { padding:60px 0; }
.semiconductor-sec04 .module-grid { grid-template-columns:repeat(2,1fr); gap:20px; }
}
@media (max-width: 768px) {
.semiconductor-sec04 { 60px 0; }
.semiconductor-sec04 .module-grid { grid-template-columns:1fr; }
.semiconductor-sec04 .mod-img{margin-bottom:3px}
.semiconductor-sec04 .module-grid.col-5 { grid-template-columns: repeat(2, 1fr); }
}


.imaging-grid { display:grid; grid-template-columns:1.5fr 1.5fr 1.4fr; gap:30px; padding:100px 0 140px; height:500px; }
.imaging-grid .img-item { overflow:hidden; background:#eee; }
.imaging-grid .img-item img { width:100%; height:100%; object-fit:cover; display:block; }
.imaging-grid .video-item { overflow:hidden; }
.imaging-grid .video-item video { width:100%; height:100%; object-fit:contain; display:block; background:#000; }
@media (max-width:1024px) {
.imaging-grid { grid-template-columns:1fr 1fr; height:auto; padding:60px 0; }
.imaging-grid .img-item { aspect-ratio:4/3; }
.imaging-grid .video-item { grid-column:1 / -1; aspect-ratio:16/9; }
}
@media (max-width:768px) {
.imaging-grid { grid-template-columns:1fr; gap:20px; padding:40px 0; }
}


.tgv-sec04 { padding: 100px 0 140px; }
.tgv-sec04 .img-grid { display: grid; grid-template-columns: 4fr 1fr 1fr; gap: 30px; }
.tgv-sec04 .img-item { overflow: hidden; }
.tgv-sec04 .img-item img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 768px) {
.tgv-sec04 .img-grid { grid-template-columns: 1fr; }
}

/* =========================================
   1. X-Ray Source (prd1)
========================================= */
.prd-overview-marquee { position: relative;  background-color: #fff; overflow: hidden; }
.prd-overview-marquee .marquee-track { display: flex; width: max-content; animation: marquee-scroll 40s linear infinite; }
.prd-overview-marquee .giant-text { display: flex; align-items: center; font-size: clamp(80px, 12vw, 300px); white-space: nowrap; color: #ccc; opacity:.3;padding-right: 40px; font-weight: 900; }
.prd-overview-marquee .giant-text span { padding: 0 40px; }
@keyframes marquee-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

.prd1-overview { width: 100%; padding: 120px 0; word-break: keep-all; overflow-wrap: break-word; }
.prd1-overview .overview-inner {  margin: 0 auto; padding: 0 40px; }
.prd1-overview .overview-title-area { width: 100%; border-bottom: 3px solid; padding-bottom: 50px; margin-bottom: 60px; }
.prd1-overview .overview-desc-area {  margin-left: auto; display: flex; flex-direction: column; gap: 32px; }
.prd1-overview .overview-desc-area p { margin: 0; }
.prd1-overview .overview-desc-area li { position: relative; padding-left: 36px; }
.prd1-overview .overview-desc-area li::before { content: ""; position: absolute; left: 4px; top: 0.5em; width: 14px; height: 7px; border-bottom: 2px solid; border-left: 2px solid; transform: rotate(-45deg); }

@media (max-width: 1024px) {
.prd1-overview { padding:60px 0; }
.prd1-overview .overview-inner { padding:0 30px; }
}
@media (max-width: 768px) {
.prd1-overview .overview-inner { padding:0 20px; }
.prd1-overview .overview-title-area { padding-bottom:30px; margin-bottom:40px; }
.prd1-overview .overview-desc-area { gap:20px; }
}



.prd-sec-03 { padding: 100px 0; }
.prd-sec-03 .products-grid { width: 100%; }
.prd-sec-03 .products-img-wrap { display: grid; grid-template-columns: repeat(2, 1fr); gap:40px; }
.prd-sec-03 .product-item { display: block; position: relative; overflow: hidden; text-decoration: none; aspect-ratio: 16/9; color: #fff; }
.prd-sec-03 .product-img { width: 100%; height: 100%; }
.prd-sec-03 .product-img { display:flex; align-items:center; justify-content:center; border:1px solid #ddd; padding:20px; }
.prd-sec-03 .product-img img { object-fit:contain; transition:0.6s; max-height:100%; }
.prd-sec-03 .product-item:hover .product-img img { transform: scale(1.05); }
.prd-sec-03 .product-item::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.0); transition: 0.4s; }
.prd-sec-03 .product-item:hover::after { background: rgba(74,106,213,.9); }
.prd-sec-03 .product-label { position: absolute; bottom: 0; left: 0; width: 100%; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; z-index: 1; transition: 0.4s; background: var(--point-color); }
.prd-sec-03 .product-item:hover .product-label { bottom: 50%; transform: translateY(50%); justify-content: center; flex-direction: column; align-items: center; text-align: center; gap: 20px; background: transparent; padding: 0 20px; }
.prd-sec-03 .product-label span { transition: 0.4s; }
.prd-sec-03 .product-label svg { width: 20px; height: 20px; flex-shrink: 0; transition: 0.4s; }
.prd-sec-03 .product-item:hover .product-label svg { width: 30px; height: 30px; }
.prd-sec-03 .h4_tit{margin-bottom:20px}
.over_img{border:1px solid #ddd;padding:50px}
@media (max-width: 1440px) {
.prd-sec-03 .product-item { aspect-ratio: 16/8; }
}
@media (max-width: 1024px) {
.prd-sec-03 { padding: 80px 0; }
.prd-sec-03 .products-img-wrap { gap:24px; }
.over_img { padding:30px; }
}
@media (max-width: 768px) {
.prd-sec-03 { padding: 60px 0; }
.prd-sec-03 .products-img-wrap { grid-template-columns: 1fr; gap:40px; }
.over_img { padding:10px; }
.prd-sec-03 .product-item:hover::after { background: rgba(74,106,213,.9); }
.prd-sec-03 .product-label { position:relative; }
.prd-sec-03 .product-item { aspect-ratio: unset; }
.prd-sec-03 .product-img { height: 300px; }
}


.prd1-hero { position: relative; width: 100%; padding: 160px 0 0px 0; overflow: hidden; }
.prd1-hero-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.prd1-hero-img img { width: 100%; height:90vh; object-fit: cover; }
.prd1-hero-box { position: relative; z-index: 2; background:rgba(255,255,255,.85); padding:100px;}
.prd1-hero-box::after { content: ""; position: absolute; top: 0; left: 100%; width: 100vw; height: 100%; background:rgba(255,255,255,.9) }
.prd1-hero-box .box-inner { max-width: 800px; position: relative; z-index: 3; }
.prd1-hero-box .s-chip { display: inline-block; padding: 6px 18px; border: 1px solid; border-radius: 30px; margin-bottom: 24px; }
.prd1-hero-box h3 {  }
.prd1-hero-box h1 { margin: 0 0 40px 0; border-bottom: 2px solid; padding-bottom: 40px; }
.prd1-hero-box p { margin: 0; }
@media (max-width: 1024px) {
.prd1-hero { padding:160px 0 100px; }
.prd1-hero-box { padding:60px; }
}
@media (max-width: 768px) {
.prd1-hero { padding:60px 0px 0 20px; }
.prd1-hero-box { padding:40px 20px; }
.prd1-hero-box h1 { margin:0 0 28px; padding-bottom:28px; }
}



.prd1-sec01 { padding: 180px 0 80px; background-color: transparent; }
.prd1-sec01 .prd1-text-split { display: grid; grid-template-columns: .8fr 1.5fr; gap: 80px; align-items: start; }
.prd1-sec01 .prd1-tit { margin-bottom:40px; }
.prd1-sec01 .s1-rule { width: 20%; height: 1px; background-color: #000;margin-top:20px }
.prd1-sec01 .split-right {  }
.prd1-sec01 .prd1-desc { margin: 0; word-break: keep-all; }

@media (max-width: 1024px) {
.prd1-sec01 { padding:60px 0; }
.prd1-sec01 .prd1-text-split { grid-template-columns:1fr; gap:40px; }
}
@media (max-width: 768px) {
.prd1-sec01 .prd1-tit { margin-bottom:24px; }
}

.prd1-sec02 { padding: 0 0 180px; background-color: transparent; }
.prd1-sec02 .container {   }
.prd1-sec02 .module-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.prd1-sec02 .mod-item { border: 1px solid #ddd; padding: 32px; display: flex; flex-direction: column; text-align: left; transition: border-color 0.3s ease; background-color: #fff; cursor: pointer; }
.prd1-sec02 .mod-item:hover { border-color: #bbb; }
.prd1-sec02 .mod-img { overflow: hidden; margin-bottom: 24px; aspect-ratio: 4/3; width: 100%; background-color: #f4f4f4; }
.prd1-sec02 .mod-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.prd1-sec02 .mod-item:hover .mod-img img { transform: scale(1.05); }
.prd1-sec02 .mod-title { margin: 0; }
@media (max-width: 1024px) {
.prd1-sec02 { padding:0 0 60px; }
.prd1-sec02 .module-grid { grid-template-columns:repeat(2,1fr); gap:16px; }
}
@media (max-width: 768px) {
.prd1-sec02 .mod-item { padding:20px; }
}

/*******x-ray-system*******/

.prd2-sec02 {padding-top:100px}
.prd2-sec03 { background:#f4f4f4; padding:160px 0; }
.prd2-sec02 h5, .prd2-sec03 h5 { margin-bottom:20px; color:var(--point-color); position:relative; z-index:1; font-size:36px}
.prd2-sec02 h5:after, .prd2-sec03 h5:after { position:absolute; left:-20px; top:-20px; width:50px; height:50px; display:block; background:rgba(0,91,196,.2); content:''; border-radius:100%; z-index:-1; }
.prd2-sec02 .item-list, .prd2-sec03 .item-list { display:flex; flex-direction:column; gap:80px;margin-top:80px }
.prd2-sec02 .prd2-item-row, .prd2-sec03 .prd2-item-row { display:flex; align-items:center; gap:60px; }
.prd2-sec02 .prd2-item-row.reverse, .prd2-sec03 .prd2-item-row.reverse { flex-direction:row-reverse; }
.prd2-sec02 .item-img-wrap { flex:0 0 20%; }
.prd2-sec02 .item-img, .prd2-sec03 .item-img { overflow:hidden; align-self:flex-start; display:block; background:transparent;}
.prd2-sec02 .item-img img, .prd2-sec03 .item-img img { width:100%; height:auto; object-fit:contain; display:block; }
.prd2-sec02 .item-text, .prd2-sec03 .item-text { flex:1; min-width:0; }
.prd2-sec02 .item-tit, .prd2-sec03 .item-tit { margin:0 0 16px 0; }
.prd2-sec02 .item-sub, .prd2-sec03 .item-sub { margin:0 0 32px 0; opacity:0.8; }
.s1-rule { width:48px; height:2px; background:#0d1b35; margin:0 0 32px 0; }
.prd2-sec02 .item-desc, .prd2-sec03 .item-desc { margin:0; word-break:keep-all; }
.prd2-sec02 .prd2-item-row.has-2img { display:grid; grid-template-columns:240px 1fr; gap:60px; align-items:stretch; }
.prd2-sec02 .prd2-item-row.has-2img .item-img-wrap { display:flex; border:1px solid #ddd; background:#fff; overflow:hidden; }
.prd2-sec02 .prd2-item-row.has-2img .item-img { display:flex; flex-direction:column; flex:1; height:100%; }
.prd2-sec02 .prd2-item-row.has-2img .img-box { position:relative; padding:30px; flex:0 0 50%; height:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; overflow:hidden; }
.prd2-sec02 .prd2-item-row.has-2img .img-box + .img-box { border-top:1px solid #ddd; }
.prd2-sec02 .prd2-item-row.has-2img .img-box img { width:100%; height:auto;  object-fit:contain; display:block; }
.prd2-sec02 .prd2-item-row.has-2img .img-caption { position:absolute; top:10px; left:10px; background:#ddd; padding:6px 12px; border-radius:100px;font-size:13px }
.prd2-sec02 .prd2-item-row.has-2img.single-img .img-box { flex:1; height:100%; }
.prd2-sec02 ul { display: flex; flex-wrap: wrap; gap: 12px; list-style: none; padding: 0; margin: 0; }
.prd2-sec02 ul li { display: flex; align-items: center; gap: 10px;padding-right:30px }
.prd2-sec02 ul li::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--point-color); flex-shrink: 0; }
.prd2-sec02 h6{margin:40px 0 20px 0}
.item-tit{margin-bottom:20px;color:var(--point-color)}
.img1{max-width:400px}
.ima_pb{padding-bottom:0}
@media (max-width:1024px) {
.prd2-sec02 { padding:60px 0; }
.prd2-sec03 { padding:60px 0; }
.prd2-sec02 .prd2-item-row, .prd2-sec03 .prd2-item-row { flex-direction:column; gap:40px; }
.prd2-sec02 .prd2-item-row.reverse, .prd2-sec03 .prd2-item-row.reverse { flex-direction:column; }
.prd2-sec02 .item-img-wrap { flex:0 0 100%;  }
.prd2-sec02 .prd2-item-row.has-2img { grid-template-columns:1fr; gap:0; }
.prd2-sec02 .prd2-item-row.has-2img .item-img-wrap { }
.prd2-sec02 .prd2-item-row.has-2img .img-box { flex:1; min-height:0;margin:0 auto }
}
@media (max-width:768px) {
.prd2-sec02 { padding:20px 0 40px 0; }
.prd2-sec03 { padding:20px 0 40px 0; }
.prd2-sec02 .item-tit, .prd2-sec03 .item-tit { margin:0 0 10px 0; }
.prd2-sec02 .item-sub, .prd2-sec03 .item-sub { margin:0 0 20px 0; }
.prd2-sec02 .s1-rule, .prd2-sec03 .s1-rule { margin:0 0 20px 0; }
.prd2-sec02 .prd2-item-row.has-2img .item-img-wrap { }
.prd2-sec02 ul li { display: flex; align-items: center; gap: 10px;padding-right:0px }
.prd2-sec02 h5, .prd2-sec03 h5{font-size:27px}
.prd2-sec02 .prd2-item-row.has-2img .img-box img{width:70%;margin:0 auto}
}


.tab-wrap {}
.tab-nav { display:flex; border-bottom:1px solid #ddd; justify-content:center; }
.tab-btn { padding:14px 28px; background:none; border:none; cursor:pointer; font-weight:500; transition:all .2s; }
.tab-btn.active { color:var(--point-color); border-bottom:2px solid var(--point-color); }
.tab-content { display:none; padding:40px 0; }
.tab-content.active { display:block; }

.tab-content h3{}

@media (max-width: 1024px) {
.tab-btn { padding:14px 10px}
}

.prd3-nano { padding: 100px 0; }
.prd3-nano_bg{background:#f7f7f7}
.prd3-nano .mod-title{margin-top:10px}

/*.prd3-nano .nano-body { display: grid; grid-template-columns: 1fr 1.4fr; gap: 60px; align-items: start; margin-bottom: 40px; }*/
.prd3-nano .nano-body { display: flex; flex-direction: column; gap: 40px; margin-bottom: 40px; }
.prd3-nano .item-tit { margin: 0 0 16px;   }
.prd3-nano .item-sub { margin: 0 0 24px; }
.prd3-nano .s1-rule { width: 48px; height: 2px; background: #0d1b35; margin: 0 0 32px; }
.prd3-nano .nano-desc p { word-break: keep-all; line-height: 1.9; margin: 0; }
.prd3-nano .nano-img-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin: 80px 0 40px 0; }
.prd3-nano .nano-img-box { position: relative; border: 1px solid #ddd; background: #fff; aspect-ratio: 4/3; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.prd3-nano .nano-img-box img { width: 100%; height: 100%; object-fit: contain; padding: 20px; }
.prd3-nano .nano-caption { position: absolute; top: 30px; left: 30px; background: rgba(0,0,0,0.1); padding: 20px; border-radius:100% }
.nano-btn-wrap { display: flex; justify-content: center; margin:100px 0}
.prd3-nano .nano-img-row { display: flex; flex-wrap: wrap; gap: 20px; margin: 80px 0 40px 0; justify-content: center; }
.prd3-nano .nano-img-wrap { width: calc(25% - 15px); }
.prd3-nano h4{margin-top:40px;margin-bottom:20px}
.prd3-nano ul { display: flex; flex-wrap: wrap; gap: 12px; list-style: none; padding: 0; margin: 0; }
.prd3-nano ul li { display: flex; align-items: center; gap: 10px;padding-right:30px }
.prd3-nano ul li::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--point-color); flex-shrink: 0; }
.prd3-nano h5{margin-bottom:20px}
.prd3-nano .nano-img-box { position: relative; border: 1px solid #ddd; background: #fff; aspect-ratio: 4/3; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.prd3-nano .nano-img-box img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.6s ease; }
.prd3-nano .nano-img-box:hover img { transform: scale(1.08); }
.prd3-nano  .view-more-btn{background:var(--point-color);color:#fff;border:0}
@media (max-width: 1024px) {
.prd3-nano { padding: 80px 0; }
.prd3-nano .nano-body { grid-template-columns: 1fr; gap: 40px; }
.nano-btn-wrap { display: flex; justify-content: center; margin:50px 0}
}
@media (max-width: 768px) {
.prd3-nano { padding: 60px 0; }
.prd3-nano .nano-img-row { grid-template-columns: 1fr; }
.nano-btn-wrap { display: flex; justify-content: center; margin:0px 0 50px 0}
}


.series-intro {; text-align: left; }
.series-intro .s-chip { display: inline-block; padding: 8px 20px; border: 1px solid #ccc; text-transform: uppercase; margin-bottom: 32px;}
.series-intro .series-tit { margin: 0 0 32px 0; }
.series-intro .series-desc { margin: 0; word-break: keep-all; }

@media (max-width: 1024px) {
.series-intro { margin-bottom:60px; }
}
@media (max-width: 768px) {
.series-intro { margin-bottom:40px;margin-top:60px }
.series-intro .series-tit { margin:0 0 20px; }
}

/*******applications************/
.app-sec02 { padding: 160px 0 0 0; background-color: #fff; }
.app-sec02 .container {  margin: 0 auto;  }
.app-sec02 .app-header { margin-bottom: 80px;  }
.app-sec02 .s-chip { display: inline-block; padding: 8px 20px; border: 1px solid #ccc; text-transform: uppercase; margin-bottom: 24px; background: #fff; }
.app-sec02 .app-tit { margin: 0; }
.app-sec02 .s1-rule { width: 48px; height: 2px; background-color: #0d1b35; margin: 32px auto 0; }
.app-sec02 .app-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 30px; margin-bottom: 40px; }
.app-sec02 .app-grid.col-4 { grid-template-columns: repeat(8, 1fr); }
.app-sec02 .app-grid.col-4 .app-card { grid-column: span 2; }
.app-sec02 .app-card { border-top:2px solid #ddd; background-color: #fff; display: flex; flex-direction: column; transition: border-color 0.4s ease, transform 0.4s ease; cursor: pointer;text-align:center }
.app-sec02 .app-card:nth-child(-n+3) { grid-column: span 2; }
.app-sec02 .app-card:nth-child(n+4) { grid-column: span 3; }
.app-sec02 .app-card:hover { border-top:2px solid var(--point-color); transform: translateY(-5px); }
.app-sec02 .app-svg-wrap { width: 100%;  display: flex; align-items: center; justify-content: center;padding-top:20px }
.app-sec02 .app-svg-wrap svg { width: 80px; height: 80px; color: #111; transition: color 0.4s ease, transform 0.6s ease;display:none }
.app-sec02 .app-svg-wrap img {  color: #111; transition: color 0.4s ease, transform 0.6s ease;}
.app-sec02 .app-card:hover .app-svg-wrap svg { color: #0d1b35; transform: scale(1.1); }
.app-sec02 .app-info { padding: 40px; flex: 1; display: flex; flex-direction: column; }
.app-sec02 .app-name { margin: 0 0 16px 0; word-break: keep-all; }
.app-sec02 .app-desc { margin: 0; word-break: keep-all; }
.app-sec02 .app-summary { padding: 60px 80px; background-color: #f8f8f8; border: 1px solid #ddd; border-top: 4px solid  var(--point-color); text-align: left; }
.app-sec02 .summary-tit { margin: 0 0 16px 0; }
.app-sec02 .summary-desc { margin: 0; word-break: keep-all; }
@media (max-width: 1024px) {
.app-sec02 { padding:60px 0 0; }
.app-sec02 .app-header { margin-bottom:50px; }
.app-sec02 .app-grid { grid-template-columns:repeat(2,1fr); gap:20px; }
.app-sec02 .app-card:nth-child(-n+3) { grid-column:span 1; }
.app-sec02 .app-card:nth-child(n+4) { grid-column:span 1; }
.app-sec02 .app-summary { padding:40px; }
}
@media (max-width: 768px) {
.app-sec02 .app-grid { grid-template-columns:1fr; gap:16px; }
.app-sec02 .app-info { padding:24px 20px; }
.app-sec02 .app-summary { padding:30px 20px; }
.app-sec02 .app-grid.col-4 { grid-template-columns: repeat(2, 1fr); }
}


/*****partners*******/
.ref-sec01 { padding:120px 0; }
.ref-sec01 .ref-header { text-align:center; margin-bottom:60px; }
.ref-sec01 .ref-header h2 {margin-bottom:1.5rem; }
.ref-sec01 .ref-header p {  }
.ref-sec01 .customer-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#e8edf5; border:1px solid #e8edf5; }
.ref-sec01 .customer-item { background:#fff; aspect-ratio:3/1; display:flex; align-items:center; justify-content:center; }
.ref-sec01 .customer-item.coming { color:#aaa; font-size:14px; }
.ref-sec01 .customer-item img {  object-fit:contain; filter:grayscale(100%); opacity:.5; transition:all .3s; }
.ref-sec01 .customer-item:hover img { filter:grayscale(0%); opacity:1; transform:scale(1.2); }
.ref-sec02 { padding:100px 0; background:url('/images/partner_bg.jpg') center/cover no-repeat; height:80vh; display:flex; align-items:flex-end; }
.ref-sec02 .ref-sec02-inner { text-align:center; max-width:1200px; margin:0 auto; background:#fff;padding:100px}
.ref-sec02 .ref-sec02-label { color:var(--point-color); font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin-bottom:1rem; }
.ref-sec02 h2 { margin-bottom:1.5rem; }
.ref-sec02 p {  ; }
.ref-sec01 .customer-note { margin-top: 40px; ;text-align:center; }
.partners-sec01 { width:100%; padding:120px 0; text-align:center; }
.partners-sec01 .partners-header { margin-bottom:80px; display:flex; flex-direction:column; }
.partners-sec01 .partners-header h2 {margin-bottom:1.5rem; }
.partners-sec01 .partners-header h1 { margin:0; }
.partners-sec01 .partners-header p { margin:0; }
.partners-sec01 .logo-scroller-wrap { overflow:hidden; white-space:nowrap; margin-bottom:80px; position:relative; }
.partners-sec01 .logo-scroller-wrap::before { content:""; position:absolute; top:0; left:0; width:50px; height:100%; z-index:2; background:linear-gradient(to right,#fff,transparent); }
.partners-sec01 .logo-scroller-wrap::after { content:""; position:absolute; top:0; right:0; width:50px; height:100%; z-index:2; background:linear-gradient(to left,#fff,transparent); }
.partners-sec01 .scroller-inner { display:inline-flex; align-items:center; gap:30px; animation:scrollLeft 30s linear infinite; }
.partners-sec01 .logo-scroller-wrap:hover .scroller-inner { animation-play-state:paused; }
.partners-sec01 .logo-item { display:inline-flex; justify-content:center; align-items:center; width:200px; transition:all .3s ease; filter:grayscale(100%); opacity:.4; }
.partners-sec01 .logo-item:hover { filter:grayscale(0%); opacity:1; transform:scale(1.2); }
.partners-sec01 .logo-item img { max-width:100%; max-height:100%; object-fit:contain; }
.partners-sec01 .partners-footer { display:flex; flex-direction:column; gap:8px; border-top:1px solid rgba(0,0,0,.1); padding-top:40px; }
.partners-sec01 .partners-footer p { margin:0;  }
@keyframes scrollLeft { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }

@media (max-width: 1024px) {
.ref-sec01 { padding:60px 0; }
.ref-sec01 .ref-header { margin-bottom:40px; }
.ref-sec01 .customer-grid { grid-template-columns:repeat(4,1fr); }
.ref-sec02 { height:auto; padding:60px 0; align-items:center; }
.ref-sec02 .ref-sec02-inner { padding:60px 40px; }
.partners-sec01 { padding:60px 0; word-break:keep-all }
.partners-sec01 .partners-header { margin-bottom:50px; }
.partners-sec01 .logo-scroller-wrap { margin-bottom:50px; }
}
@media (max-width: 768px) {
.ref-sec01 .ref-header { padding:0 20px; }
.ref-sec01 .customer-grid { grid-template-columns:repeat(3,1fr) !important; width:100%; }
.ref-sec01 .customer-item { aspect-ratio:2/1; }
.ref-sec01 .customer-item img { max-width:100%; max-height:100%; object-fit:contain; filter:none; opacity:1; transition:all .3s; }
.ref-sec02 .ref-sec02-inner { padding:40px 20px; }
.partners-sec01 .logo-scroller-wrap { overflow:visible; white-space:normal; }
.partners-sec01 .scroller-inner { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; animation:none; }
.partners-sec01 .logo-item { width:100%; max-width:100%; justify-content:center; filter:none; opacity:1; }

.partners-sec01 .logo-item img { max-width:100%; max-height:60px; object-fit:contain; }
.partners-sec01 .partners-footer { padding-top:28px;word-break:keep-all  }
.partners-sec01 .scroller-inner .logo-item:nth-child(n+10) { display:none; }
}

/****원격지원**********/
.remote-sec01 { padding:100px 0px; }
.remote-sec01 .remote-inner { margin:0 auto; }
.remote-sec01 .badge { display:inline-block; background:#eef3ff; color:var(--point-color); padding:6px 16px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:1.5rem; }
.remote-sec01 h2 { color:#0a1428; margin-bottom:1rem; }
.remote-sec01 .desc {  line-height:1.8; margin-bottom:3rem; }
.remote-sec01 .card { display:grid; grid-template-columns:1fr 1fr; gap:0; background:#fff; overflow:hidden; }
.remote-sec01 .card-left { min-height:520px; background:url('/images/remote_bg.jpg') center/cover no-repeat; }
.remote-sec01 .card-right { padding:0px 64px; display:flex; flex-direction:column; justify-content:center; gap:2.5rem; }
.remote-sec01 .step-list { display:flex; flex-direction:column; gap:2rem; }
.remote-sec01 .step { display:flex; align-items:flex-start; gap:1.25rem; }
.remote-sec01 .num { flex-shrink:0; width:36px; height:36px; border-radius:50%; background:#eef3ff; color:var(--point-color); display:flex; align-items:center; justify-content:center; font-weight:700; }
.remote-sec01 .step strong { display:block; color:#0a1428; margin-bottom:4px; }
.remote-sec01 .step p {  line-height:1.7; margin:0; }
.remote-sec01 .view-more-btn { }
.remote-sec01 .btn-wrap { display: flex; gap: 20px; }

@media (max-width: 1024px) {
.remote-sec01 { padding:60px 0; }
.remote-sec01 .card { grid-template-columns:1fr; }
.remote-sec01 .card-left { min-height:300px; }
.remote-sec01 .card-right { padding:40px; }
}
@media (max-width: 768px) {
.remote-sec01 .card-left { min-height:220px; }
.remote-sec01 .card-right { padding:40px 0 0 0; gap:1.5rem; }
.remote-sec01 .step-list { gap:1.5rem; }
.remote-sec01 .btn-wrap{font-size:13px}
}
.location-sec01 { padding:100px 0; }
.location-sec01 .info-wrap { display:flex; gap:3rem; margin-bottom:3rem; flex-wrap:wrap; }
.location-sec01 .info-item { display:flex; align-items:flex-start; gap:1rem; }
.location-sec01 .info-item svg { flex-shrink:0; margin-top:8px; }
.location-sec01 .label { display:block; color:var(--point-color); font-weight:600; letter-spacing:.08em; text-transform:uppercase; margin-bottom:4px; }
.location-sec01 .info-item a { text-decoration:none; }
.location-sec01 .info-item a:hover { color:var(--point-color); }
.location-sec01 .map-area { position:relative; }
.location-sec01 #kakao-map { width:100%; height:520px; }
.location-sec01 .map-links { display:flex; gap:1rem; margin-top:1.25rem; }
.location-sec01 .map-link { display:inline-flex; align-items:center; gap:8px; padding:10px 20px; border-radius:8px; text-decoration:none; transition:all .2s; }
.location-sec01 .map-link.kakao { border:1px solid #FEE500; color:#3A1D1D; background:#FEE500; }
.location-sec01 .map-link.kakao:hover { opacity:.8; }
.location-sec01 .map-link.naver { border:1px solid #03C75A; color:#fff; background:#03C75A; }
.location-sec01 .map-link.naver:hover { opacity:.8; }
.location-sec01 .map-link.naver svg { fill:#fff; }
.location-sec01 .map-link.google { border:1px solid #4285F4; color:#4285F4; }
.location-sec01 .map-link.google:hover { background:#4285F4; color:#fff; }
.location-sec01 .map-link.google:hover svg { fill:#fff; }
.location-sec01 .map-link img { height:12px; }
.location-sec01 .map-compass { position:absolute; top:16px; left:16px; width:104px; height:104px; border-radius:50%; background:rgba(255,255,255,0.92); border:1px solid #ddd; display:grid; grid-template-areas:". n ." "w . e" ". s ."; grid-template-columns:1fr 1fr 1fr; grid-template-rows:1fr 1fr 1fr; align-items:center; justify-items:center; z-index:10; box-shadow:0 2px 6px rgba(0,0,0,0.15); }
.location-sec01 .compass-n { grid-area:n; color:#e53e3e; font-weight:700; }
.location-sec01 .compass-s { grid-area:s; color:#333; }
.location-sec01 .compass-e { grid-area:e; color:#333; }
.location-sec01 .compass-w { grid-area:w; color:#333; }
.custom-marker { position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; }
.custom-marker svg { animation:marker-pulse 1.6s ease-in-out infinite; transform-origin:bottom center; display:block; margin:0 auto; }
.marker-label { background:#fff; color:#000; padding:4px 10px; border-radius:4px; white-space:nowrap; box-shadow:0 2px 8px rgba(0,0,0,0.15); margin-top:4px; font-weight:600; }
@keyframes marker-pulse { 0%, 100% { transform:translateY(0) scale(1); } 50% { transform:translateY(-6px) scale(1.08); } }

.custom-marker svg { animation: marker-rotate 2s linear infinite; transform-origin: center center; display: block; margin: 0 auto; }
@keyframes marker-rotate { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } }

@media (max-width:1024px) {
.location-sec01 { padding:60px 0; }
.location-sec01 .info-wrap { gap:1.5rem; }
.location-sec01 #kakao-map { height:400px; }
}
@media (max-width:768px) {
.location-sec01 .info-wrap { flex-direction:column; gap:1.2rem; margin-bottom:2rem; word-break:keep-all; }
.location-sec01 #kakao-map { height:300px; }
.location-sec01 .map-links { flex-wrap:nowrap; gap:.4rem; }
.location-sec01 .map-link { padding:8px 10px; flex:1; justify-content:center; }
.location-sec01 .map-link img, .location-sec01 .map-link svg { height:12px; display:none; }
.location-sec01 .map-compass { width:44px; height:44px; top:10px; left:10px; font-size:8px; }
}

/****개인정보처리방침*********/
.privacy-modal { position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .3s ease; color:#000}
.privacy-modal.active { opacity:1; pointer-events:all; }
.privacy-dim { position:absolute; inset:0; background:rgba(0,0,0,.5); }
.privacy-dialog { position:relative; width:100%; max-width:640px; max-height:80vh; background:#fff; border-radius:16px; display:flex; flex-direction:column; overflow:hidden; transform:translateY(20px); transition:transform .3s ease; }
.privacy-modal.active .privacy-dialog { transform:translateY(0); }
.privacy-head { display:flex; align-items:center; justify-content:space-between; padding:24px 32px; border-bottom:1px solid #e8edf5; flex-shrink:0; }
.privacy-head h5 { color:#0a1428; margin:0; }
.privacy-close { background:none; border:none; cursor:pointer;  padding:4px; display:flex; align-items:center; justify-content:center; transition:color .2s; }
.privacy-close:hover { color:#0a1428; }
.privacy-body { padding:32px; overflow-y:auto; }
.privacy-body p {  line-height:1.85; margin-bottom:1.25rem; }
.privacy-body p:last-child { margin-bottom:0; }
@media (max-width: 768px) {
.privacy-dialog { max-height:90vh; border-radius:16px 16px 0 0; }
.privacy-modal { align-items:flex-end; }
.privacy-head { padding:20px; }
.privacy-body { padding:20px; }
}
/*******게시판공통문구***********/
.inquiry-intro { display:inline-flex; align-items:center; gap:1.5rem;  border-top:3px solid var(--point-color); padding:1.5rem 2rem; margin-bottom:3rem; width:100%; box-sizing:border-box; }
.inquiry-intro .inquiry-intro-icon { flex-shrink:0; width:80px; height:80px; border-radius:50%;  display:flex; align-items:center; justify-content:center; border:1px solid #ddd}
.inquiry-intro .inquiry-intro-txt h5 {  margin-bottom:6px; }
.inquiry-intro .inquiry-intro-txt p { color:#7a8499; line-height:1.8; margin:0; }
.board_commom{margin-bottom:160px;width:60%;margin:0 auto 160px}

@media (max-width: 1024px) {
.board_commom { width:80%; }
}
@media (max-width: 768px) {
.inquiry-intro { flex-direction:column; padding:1.2rem; gap:1rem; }
.inquiry-intro .inquiry-intro-icon { width:60px; height:60px; }
.board_commom { width:100%; margin:0 auto 80px; }
#bo_v{padding:0 20px}
}

.pd_top0{padding-top:0}