/*공통*/
.em-color{color: #f44336;}
.sub-padding{padding-bottom: 60px;}
.sub-title{ padding-left: 24px; position: relative; margin-bottom: 10px;}
.sub-title:before { left: 0; background: #00bcd4;}
.sub-title:after { left: 6px; background: #0094de;}
.sub-title:before, .sub-title:after { position: absolute; top: 12px; width: 14px; height: 14px; opacity: .8; border-radius: 100%; content: "";}
.sub-con-title{font-size: 20px; font-weight: 800; padding: 0 0 10px 15px;  position: relative; }
.sub-con-title:before{content: ""; position: absolute; left: 0; top: 6px; background: #4478e7; width: 4px; height: 15px;}
.txt-keep-all{word-break: keep-all;}
.sub-con-box + .sub-con-box{padding-top: 50px;}
.before-txt{padding-left: 10px; position: relative;}
.before-txt:before{content: ""; position: absolute; left: 0; top: 8px; width: 3px; height: 3px; border-radius: 50%; background: #04004c;}
.border-img{border-radius: 20px; overflow: hidden;}
.line-clamp-1{width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.line-clamp-2{width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.br-txt br{display: none;}

/* 마우스커서*/
.custom-follower{display: none;}

@media (min-width: 992px) {
    .sub-padding{padding-bottom: 120px;}
    .sub-title{ padding-left: 45px; margin-bottom: 20px;}
    .sub-title:before, .sub-title:after { width: 20px; height: 20px; top: 19px; }
    .sub-title:after {left: 14px;}
    .sub-con-title{font-size: 26px; padding: 0 0 20px 20px;}
    .sub-con-title:before{content: ""; position: absolute; left: 0; top: 7px; background: #4478e7; width: 8px; height: 23px;}
    .sub-con-box + .sub-con-box{padding-top: 100px;}
    .before-txt{padding-left: 15px; position: relative;}
    .before-txt:before{top: 9px;  width: 4px; height: 4px; }
    .br-txt br{display: block;}
    
    /* 마우스커서
    .custom-follower { display: block; position: fixed; top: 0; left: 0; width: 30px; height: 21px; pointer-events: none; z-index: 9999; transform: translate(-50%, -50%); transition: transform 0.1s linear;}
    .custom-follower img {width: 100%;height: 100%;display: block;}
    */
}

/* 탭 디자인 */
.tab-design1 .tab-design1-wrap,
.tab-design1 .tab-sub-1-wrap { position: relative; display: flex; align-items: center;}
.tab-design1 .tab-sub-1-wrap {background: #f3f3f3; border-radius: 60px; padding: 10px 20px;}
.tab-design1 .tab-design1-scroll,
.tab-design1 .tab-sub-1-scroll { width: 100%;}
.tab-design1 .tab-design1-scroll { display: flex; align-items: stretch; flex: 1; overflow-x: auto; white-space: nowrap; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; justify-content: flex-start; background: #f4f7ff;}
.tab-design1 .tab-sub-1-scroll { display: flex; align-items: center; gap: 18px; flex: 1; overflow-x: auto; white-space: nowrap; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; justify-content: flex-start;}
.tab-design1 .tab-design1-scroll::-webkit-scrollbar,
.tab-design1 .tab-sub-1-scroll::-webkit-scrollbar { display: none;}
.tab-design1 .tab-design1-btn { flex: 0 0 auto; min-width: 220px; height: 80px; padding: 0 30px; background: transparent; border: none; border-right: 1px solid #dbe4f8; display: flex; align-items: center; justify-content: center; color: #b9c6e3; white-space: nowrap; cursor: pointer; transition: all .5s ease;}
.tab-design1 .tab-design1-btn:last-child { border-right: none;}
.tab-design1 .tab-design1-btn.is-active { background: #fff; color: #4478e7; box-shadow: inset 0 0 0 1px #4478e7;}
.tab-design1 .tab-design1-btn:hover {color: #4478e7;}
.tab-design1 .tab-sub-1-btn { flex: 0 0 auto; white-space: nowrap; background: none; border: none; border-bottom: 2px solid transparent;  padding: 14px 40px; color: #999; font-weight: 600; cursor: pointer; transition: all .5s ease;}
.tab-design1 .tab-sub-1-btn:hover{color: rgba(0, 0, 0, 1);}
.tab-design1 .tab-sub-1-btn.is-active {color: #fff; background: rgba(0, 0, 0, 1); border-radius: 60px;}
.tab-design1 .tab-design1-arrow,
.tab-design1 .tab-sub-1-arrow {position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;width: 50px;height: 50px;border: 0;border-radius: 50%;background: #fff;font-size: 26px;line-height: 1;cursor: pointer;opacity: 0;pointer-events: none;transition: opacity .25s ease;box-shadow: 2px 2px 0px rgba(0,0,0,0.1);}
.tab-design1 .tab-design1-prev,
.tab-design1 .tab-sub-1-prev {left: 0;}
.tab-design1 .tab-design1-next,
.tab-design1 .tab-sub-1-next {right: 0px;}
.tab-design1.is-ready .tab-design1-arrow,
.tab-sub-1.is-ready .tab-sub-1-arrow {opacity: 1; pointer-events: auto;}
.tab-design1.is-ready .tab-design1-arrow.tab-design1-arrow-disabled,
.tab-sub-1.is-ready .tab-sub-1-arrow.tab-sub-1-arrow-disabled { opacity: 0; pointer-events: none;}
.tab-design1 .tab-design1-arrow:hover,
.tab-design1 .tab-sub-1-arrow:hover {background: #f2f2f2;}
.tab-design1-content,
.tab-sub-1-content {display: none;}
.tab-design1-content.is-active,
.tab-sub-1-content.is-active { display: block;}
.tab-sub-1-content .tab-sub-1-title{padding-bottom: 10px;}

/* 화살표 공통 */
.tab-design1-arrow::before,
.tab-sub-1-arrow::before {content: "";position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;border-top: 2px solid #000;border-right: 2px solid #000;transform-origin: center;}
.tab-design1-next::before,
.tab-sub-1-next::before { transform: translate(-60%, -50%) rotate(45deg);}
.tab-design1-prev::before,
.tab-sub-1-prev::before { transform: translate(-40%, -50%) rotate(-135deg);}

/* 탭 넘칠 때만 화살표 보이기 보정 */
.tab-design1 .tab-design1-wrap.has-overflow .tab-design1-arrow,
.tab-design1 .tab-sub-1-wrap.has-overflow .tab-sub-1-arrow {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.tab-design1 .tab-design1-wrap.has-overflow .tab-design1-arrow.tab-design1-arrow-disabled,
.tab-design1 .tab-sub-1-wrap.has-overflow .tab-sub-1-arrow.tab-sub-1-arrow-disabled {
  opacity: 0 !important;
  pointer-events: none !important;
}

.tab-design1 .tab-design1-wrap:not(.has-overflow) .tab-design1-arrow,
.tab-design1 .tab-sub-1-wrap:not(.has-overflow) .tab-sub-1-arrow {
  opacity: 0 !important;
  pointer-events: none !important;
}
.tab-sub-padd-con + .tab-sub-padd-con{padding-top: 50px;}

.tab-sub-padd-con + :not(.tab-sub-padd-con) { padding-top: 50px;}
@media (max-width: 768px) {
  .tab-design1 .tab-design1-btn {min-width: 150px;height: 60px;}
  .tab-design1 .tab-design1-arrow,
  .tab-design1 .tab-sub-1-arrow { width: 36px; height: 36px; font-size: 22px;}
  .tab-design1 .tab-sub-1-btn{padding:  10px 30px 8px 30px;}
  .tab-sub-1-content .tab-sub-1-title{padding-bottom: 20px;}
  .tab-sub-padd-con + .tab-sub-padd-con{padding-top: 20px;}
  .tab-sub-padd-con + :not(.tab-sub-padd-con) { padding-top: 20px;}
}

/* 사업영역 */
.business-top-box{ display:flex; justify-content:space-between; gap:4%; word-break: keep-all;}
.business-top-box .bt-left{width:56%;}
.business-top-box .bt-right{width:40%; border-radius: 10px; overflow: hidden;}
.business-top-box .bt-right img{ width:100%; height:auto; display:block;}

.before-circle-box ul li{padding-left: 20px; position: relative;}
.before-circle-box ul li:before{content: "";position: absolute;top: 11px;left: 0;width: 5px;height: 5px;background: rgba(0, 0, 0, 1);border-radius: 50%;}

@media (max-width: 768px) {
    .business-top-box{ display:block;}
    .business-top-box .bt-left{width:100%;}
    .business-top-box .bt-right{width:100%; margin-top: 20px;}
}


/*이미지가 펼쳐지는효과*/
.spreadImageBox { position: relative; width: 100%; height: 420px; overflow: hidden;}
.spreadImageBg { position: absolute; inset: 0; background: url("../images/content/company-bg-img.jpg") center center / cover no-repeat; clip-path: inset(0 calc(50% - 150px)); transition: clip-path .9s ease;}
.spreadImageBox.spredExec .spreadImageBg {clip-path: inset(0 0);}
.company-bg-txt { position: absolute; z-index: 2; left: 50%; top: 50%; width: 90%; transform: translate(-50%, -50%); color: #fff; text-align: center;}
.company-bg-txt br{display: none;}
@media (min-width: 768px) {
    .spreadImageBox{height: 500px;}
    .company-bg-txt br{display: block;}
}

/* 개요 */
.hnsIntroBody { display: grid; grid-template-columns: repeat(1, 1fr); border-top: 2px solid #111;}
.hnsIntroBody .hnsInfoCard { padding: 20px; display: flex; flex-direction: column; justify-content: center; border-bottom: 1px solid #e5e5e5;}
.hnsIntroBody .hnsInfoCard:last-child {border-right: 0;}
.hnsIntroBody .hnsIcon { width: 50px; height: 50px; margin: 0 auto 15px;}
.hnsIntroBody .hnsIcon img { width: 100%; height: 100%; object-fit: contain;}
.hnsIntroBody .hnsTitle { margin: 0 0 14px; font-weight: 800; line-height: 1.1; letter-spacing: -0.05em;}
.hnsIntroBody .hnsDesc { margin: 0; font-weight: 500; line-height: 1.6; letter-spacing: -0.03em; color: #666;}
@media (min-width: 768px) {
    .hnsIntroBody {grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid #dcdcdc;}
    .hnsIntroBody .hnsInfoCard { min-height: 220px; padding: 70px 34px;  border-right: 1px solid #e5e5e5; border-bottom: 0px; }
    .hnsIntroBody .hnsIcon { width: 70px; height: 70px; margin: 0 auto 30px;}
}

/* 개요 하단 사업영역 */
.biz-stack-section { padding: 80px 0; background: #111; transition: background 0.6s ease; }
.biz-stack-section.is-dark { position: relative; background: #182542; }
.biz-stack-section.is-dark::before { content: ''; position: absolute; inset: 0; background: url('../images/content/biz-stack-section-bg.png') no-repeat right bottom / contain; opacity: 0.5; pointer-events: none; }
.biz-stack-section.is-dark .biz-stack-title { color: #fff; }
.biz-stack-section .biz-stack-title { color: #fff; }
.biz-stack-section .biz-stack-head { text-align: center; margin-bottom: 70px; }
.biz-stack-section .biz-stack-wrap { position: relative; }
.biz-stack-section .biz-stack-card { position: relative; top: auto; display: block; min-height: auto; background: #fff; border-radius: 20px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); opacity: 1; transform: none; transition: opacity 0.5s ease, transform 0.5s ease; overflow: hidden; }
.biz-stack-section .biz-stack-card + .biz-stack-card { margin-top: 30px; }
.biz-stack-section .biz-stack-card.is-active { opacity: 1; transform: none; }
.biz-stack-section .biz-stack-img { width: 100%; height: 240px; border-radius: 16px 16px 0 0; overflow: hidden; }
.biz-stack-section .biz-stack-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.biz-stack-section .biz-stack-text { flex: 1; padding: 20px 20px 30px; }
.biz-stack-section .biz-stack-en { letter-spacing: 0.01em; color: #999; margin-bottom: 14px; }
.biz-stack-section .biz-stack-ko { font-weight: 800; margin-bottom: 24px; }
.biz-stack-section .biz-stack-desc { line-height: 1.8; color: #555; word-break: keep-all; }
.biz-stack-section .biz-stack-desc > br { display: none; }
.biz-stack-section .biz-stack-btn { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; margin-top: 15px; padding: 14px 40px; background: #4478e7; border-radius: 60px; font-weight: 600; color: #fff; text-decoration: none; transition: all .3s ease; }
.biz-stack-section .biz-stack-btn:hover { background: #222; color: #fff; }

@media (min-width: 768px) {
  .biz-stack-section { padding: 80px 0 200px; background: transparent; }
  .biz-stack-section .biz-stack-title { color: inherit; }
  .biz-stack-section .biz-stack-card { position: sticky; top: 120px; display: flex; align-items: stretch; gap: 30px; min-height: 520px; padding: 0; opacity: 0.35; transform: scale(0.94); }
  .biz-stack-section .biz-stack-card + .biz-stack-card { margin-top: 100px; }
  .biz-stack-section .biz-stack-card.is-active { opacity: 1; transform: scale(1); }
  .biz-stack-section .biz-stack-img { width: 48%; height: auto; min-height: 520px; margin-bottom: 0; border-radius: 16px 0 0 16px; }
  .biz-stack-section .biz-stack-text { display: flex; flex-direction: column; justify-content: center; flex: 1; padding: 0; }
  .biz-stack-section .biz-stack-desc > br { display: block; }
  .biz-stack-section .biz-stack-btn { margin-top: 30px; padding: 16px 50px; }
}

/* CEO 인사말 */
.greeting-box{padding: 60px 0 100px;}
.greeting-box .greeting-wrap{ display:flex; flex-direction:column; gap:40px;}
.greeting-box .greeting-title{ font-size:28px; font-weight:800; line-height:1.5;}
.greeting-box .greeting-title .line{display:block;}
.greeting-box .greeting-title .fill{ display:inline-block; background:linear-gradient( to right, #111 0 50%, #cfcfcf 50% 100%); background-size:200% 100%; background-position:100% 0; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; transition:background-position 1.2s ease;}
.greeting-box .greeting-title .highlight{ background-image:linear-gradient( to right, #4478e7 0 50%, #cfcfcf 50% 100%);}
.greeting-box .greeting-title.show .fill{ background-position:0 0;}
.greeting-box .greeting-title.show .fill-1{ transition-delay:0s;}
.greeting-box .greeting-title.show .fill-2{ transition-delay:.6s;}
.greeting-box .greeting-title.show .fill-3{ transition-delay:1.9s;}
.greeting-box .greeting-content{ display:flex; flex-direction:column; gap:40px;}
.greeting-box .greeting-image{ flex-shrink:0;}
.greeting-box .greeting-image img{ width:100%; aspect-ratio:8 / 5; object-fit:cover; display:block; margin:0 auto;}
.greeting-box .greeting-txt{ flex:1; word-break: keep-all;}
.greeting-box .greeting-txt p{ line-height:1.9;}
.greeting-sign{font-family: 'Yeongwol'; display: inline-block; margin-left: 10px; font-size: 30px; font-weight: normal; vertical-align: middle; opacity: 0.8;}
@media (min-width:768px){
  .greeting-box .greeting-title{ font-size:48px;}
  .greeting-box .greeting-image img{aspect-ratio:4 / 5;}
  .greeting-sign{font-size: 34px;}
}

@media (min-width:992px){
  .greeting-box{padding: 120px 0 200px;}
  .greeting-box .greeting-content{ flex-direction:row; align-items:flex-start; gap: 60px;}
  .greeting-box .greeting-title{font-size:60px;}
  .greeting-box .greeting-image img{width:450px;}
}


/* 경영원칙 */
.value-box .spreadImageBg {background: url("../images/content/value-bg.jpg") center center / cover no-repeat; }
.mission-vision-con{ max-width:min(90vw, 900px); margin:min(6vw, 60px) auto 0;}
.mission-vision-con .mv-list{ position:relative; text-align:center; margin-top:min(4vw, 50px);}
.mission-vision-con .mv-title{ display:block; width:auto; margin-bottom:min(1.6vw, 16px); color:#222; font-weight:800; letter-spacing:-0.03em; text-transform:uppercase;}
.mission-vision-con .mv-txt{ position:relative; display:flex; align-items:center; justify-content:center; min-height:min(24vw, 92px); padding:min(6vw, 24px) min(8vw, 60px); font-weight:800; line-height:1.6; letter-spacing:-0.04em; word-break:keep-all;}
.mission-vision-con .mv-list:nth-child(1) .mv-txt{ color:#4478e7; background:#fff;}
.mission-vision-con .mv-list:nth-child(1) .mv-txt:before,
.mission-vision-con .mv-list:nth-child(1) .mv-txt:after{ content:""; position:absolute; top:0; width:min(3.5vw, 14px); height:100%; border:min(0.45vw, 2px) solid #c9d6e8;}
.mission-vision-con .mv-list:nth-child(1) .mv-txt:before{ left:0; border-right:0; border-radius:min(2vw, 10px) 0 0 min(2vw, 10px);}
.mission-vision-con .mv-list:nth-child(1) .mv-txt:after{ right:0; border-left:0; border-radius:0 min(2vw, 10px) min(2vw, 10px) 0;}
.mission-vision-con .mv-list:nth-child(2) .mv-txt{ color:#fff; border-radius:min(3vw, 12px); background:linear-gradient( 100deg, #4478e7 0%, #398bbc 55%, #65d59e 100%); box-shadow: 0 min(4vw, 18px) min(8vw, 35px) rgba(15,80,160,.18); overflow:hidden;}


/* 경영원칙 */
.management-principles-box{padding:min(20vw,120px) 0;}
.management-principles-box .management-list{display:flex;flex-wrap:wrap;gap:min(4vw,24px);}
.management-principles-box .management-item{width:calc((100%) / 1);background:#fff;border:min(.3vw,1px) solid #e5ebf5;overflow:hidden;}
.management-principles-box .management-thumb{aspect-ratio:1/1;overflow:hidden;}
.management-principles-box .management-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.management-principles-box .management-title{margin-top:min(6vw,24px);margin-bottom:min(2.5vw,10px);padding:0 min(5vw,20px);color:#111;font-size:min(5vw,24px);font-weight:800;letter-spacing:-0.04em;line-height:1.3;}
.management-principles-box .management-desc{padding:0 min(5vw,20px) min(7vw,28px);color:#666;font-size:min(3.8vw,16px);line-height:1.7;letter-spacing:-0.03em;word-break:keep-all;}

@media(min-width:768px){
    .management-principles-box .management-list{gap:min(3vw,20px);}
    .management-principles-box .management-item{width:calc((100% - min(3vw,20px)) / 2);}
}

@media(min-width:992px){
    .management-principles-box .management-list{gap:min(4vw,24px);}
    .management-principles-box .management-item{width:calc((100% - min(12vw,72px)) / 4);}
}


/* 연혁 */
.history-section{position:relative;display:block;}
.history-left{position:relative;top:auto;width:100%;height:auto;margin-bottom:50px;}
.history-label{margin-bottom:12px;color:#4478e7;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;}
.history-decade{color:#0b1020;font-size:46px;font-weight:900;letter-spacing:-.07em;line-height:.95;}
.history-caption{margin-top:14px;color:#8b95a8;font-size:14px;font-weight:700;}
.history-road{position:absolute;left:16px;top:100px;bottom:80px;width:3px;background:#e1e7f0;border-radius:50px;}
.history-road-fill{position:absolute;left:0;top:0;width:100%;height:0;background:#4478e7;border-radius:50px;z-index:2;}
.history-cursor{position:sticky;top:45%;width:28px;height:28px;margin-left:-12.5px;border-radius:50%;background:#4478e7;box-shadow:0 10px 24px rgba(68,120,231,.28);z-index:3;}
.history-cursor:before{content:"";position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:rgba(68,120,231,.16);transform:translate(-50%,-50%);z-index:-1;animation:historyPulse 2.4s ease-in-out infinite;}
.history-cursor:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translate(-50%,-65%) rotate(45deg);}
.history-list{padding-left:48px;}
.history-item{display:block;padding-bottom:70px;opacity:.28;transform:translateY(24px);transition:opacity .35s ease,transform .35s ease;}
.history-item.is-active{opacity:1;transform:translateY(0);}
.history-year{display:block;margin-bottom:18px;color:#a3a9b4;font-size:35px;font-weight:900;letter-spacing:-.06em;line-height:1;}
.history-item.is-active .history-year{color:#4478e7;}
.history-card{padding:24px 22px;background:rgba(255,255,255,.82);border:1px solid #e5ebf5;border-radius:16px;box-shadow:0 12px 34px rgba(30,50,90,.08);backdrop-filter:blur(10px);}
.history-card li{position:relative;margin-bottom:12px;padding-left:14px;color:#1d2433; font-weight:600; word-break:keep-all;}
.history-card li:last-child{margin-bottom:0;}
.history-card li:before{content:"";position:absolute;left:0;top:.6em;width:4px;height:4px;border-radius:50%;background:#4478e7;}

@keyframes historyPulse{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.92);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08);}}

@media(min-width:768px){
.history-section{display:flex;gap:60px;padding:120px 0;}
.history-left{position:sticky;top:100px;width:260px;height:max-content;margin-bottom:0;}
.history-label{margin-bottom:16px;font-size:14px;}
.history-decade{font-size:72px;}
.history-caption{margin-top:18px;font-size:15px;}
.history-road{left:320px;top:120px;bottom:120px;width:4px;}
.history-cursor{top:48%;width:32px;height:32px;margin-left:-14px;}
.history-cursor:before{width:58px;height:58px;}
.history-cursor:after{width:8px;height:8px;}
.history-list{flex:1;padding-left:90px;}
.history-item{display:flex;gap:30px;align-items:flex-start;padding-bottom:90px;}
.history-year{flex:0 0 110px;margin-bottom:0;font-size:46px;}
.history-card{flex:1;padding:26px 30px;border-radius:18px;}
.history-card li{margin-bottom:14px;padding-left:16px;}
.history-card li:before{width:5px;height:5px;}
}

@media(min-width:992px){
.history-section{display:flex;gap:110px;padding:160px 0;}
.history-left{position:sticky;top:120px;width:340px;height:max-content;margin-bottom:0;}
.history-label{margin-bottom:18px;font-size:15px;}
.history-decade{font-size:92px;}
.history-caption{margin-top:22px;font-size:16px;}
.history-road{left:470px;top:160px;bottom:160px;width:4px;}
.history-cursor{top:48%;width:34px;height:34px;margin-left:-15px;}
.history-cursor:before{width:64px;height:64px;}
.history-cursor:after{width:8px;height:8px;}
.history-list{flex:1;padding-left:150px;}
.history-item{display:flex;gap:42px;align-items:flex-start;padding-bottom:120px;}
.history-year{flex:0 0 150px;margin-bottom:0;font-size:58px;}
.history-card{flex:1;padding:30px 38px;border-radius:22px;}
.history-card li{margin-bottom:15px;padding-left:18px;}
.history-card li:before{width:5px;height:5px;}
}


/* 사업장 안내 */
.wayPage_section{width:100%;margin:0 auto;}
.wayPage_branch{display:flex;flex-direction:column;gap:0;padding:20px 0;position:relative;}
.all_wayPage.wayPage_branch{display:block;}
.wayPage_branch:not(:last-child)::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#e6e6e6;}
.wayPage_mapBox{width:100%;min-height:250px;overflow:hidden;border-radius:20px 20px 0 0;background:#f5f5f5;}
.wayPage_mapBox iframe, .wayPage_mapBox .root_daum_roughmap .wrap_map{height: 250px;}
.wayPage_mapFrame{width:100%;height:100%;min-height:250px;display:block;border:0;}
.wayPage_infoBox{width:100%;padding:20px;background:#fafafa;border-radius:0 0 20px 20px;box-sizing:border-box;}
.wayPage_titleWrap{margin-bottom:10px;}
.wayPage_title{margin:0;font-weight:800;}
.wayPage_subText{margin-top:10px;color:#888;line-height:1.7;}
.wayPage_subText:empty{display:none;}
.wayPage_infoList{padding:0;margin:0;list-style:none;}
.wayPage_infoItem{padding:10px 0;border-bottom:1px solid #ececec;}
.wayPage_infoItem:last-child{border-bottom:none;}
.wayPage_label{margin-bottom:8px;font-weight:700;}
.wayPage_text{margin:0;line-height:1.8;color:#666;word-break:keep-all;}

@media(min-width:768px){
    .wayPage_branch{flex-direction:row;gap:48px;padding:70px 0;}
    .wayPage_mapBox{flex:1.2;min-height:460px;border-radius:20px;}
    .wayPage_mapBox iframe, .wayPage_mapBox .root_daum_roughmap .wrap_map{height: 520px;}
    .wayPage_mapFrame{min-height:460px;}
    .wayPage_infoBox{flex:0.8;width:auto;padding:44px;border-radius:20px;}
    .wayPage_titleWrap{margin-bottom:30px;}
    .wayPage_infoItem{padding:20px 0;}
}


/* 보유특허 */
.rnd-wrap{ display:grid; gap:16px; padding:18px; background:#f4f7ff; border-radius:28px; box-sizing:border-box;}
.rnd-summary{ display:flex; flex-direction:column; justify-content:space-between; min-height:260px; padding:32px 24px; color:#fff; background:linear-gradient(145deg,#4478e7 0%,#245edb 100%); border-radius:26px; box-shadow:0 20px 48px rgba(68,120,231,.28); box-sizing:border-box;}
.rnd-label{ margin:0 0 12px; font-weight:800; color:rgba(255,255,255,.72); letter-spacing:.12em; text-transform:uppercase;}
.rnd-title{ margin:0; line-height:1.24; color:#fff; letter-spacing:-.04em;}
.rnd-total{ margin-top:34px;}
.rnd-total-num{ display:block; line-height:.95; font-weight:900; color:#fff; letter-spacing:-.06em;}
.rnd-total-txt{ display:block; margin-top:14px; color:rgba(255,255,255,.72);}
.rnd-box{ padding:24px; background:#fff; border:1px solid rgba(68,120,231,.14); border-radius:24px; box-shadow:0 14px 36px rgba(30,64,140,.08); box-sizing:border-box;}
.rnd-head{ display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:20px;}
.rnd-head-title{ color:#111827; letter-spacing:-.04em;}
.rnd-head-total{ display:flex; align-items:baseline; gap:8px; margin:0;}
.rnd-head-label{color:#7b8aaa;}
.rnd-head-num{ font-style:normal; line-height:1; color:#4478e7; letter-spacing:-.04em;}
.rnd-list{ display:grid; grid-template-columns:1fr; gap:10px; padding:0; margin:0; list-style:none;}
.rnd-item{ display:grid; grid-template-columns:1fr auto; align-items:center; gap:14px; min-height:64px; padding:16px 18px; background:#f7faff; border-radius:16px; box-sizing:border-box;}
.rnd-item-txt{ display:block; color:#667085;}
.rnd-item-num{ display:block; margin-top:0; line-height:1; color:#111827; letter-spacing:-.045em;}

@media(min-width:480px){
    .rnd-wrap{ padding:22px;}
    .rnd-list{grid-template-columns:repeat(3,1fr);}
    .rnd-item{ display:block; min-height:112px; padding:22px 12px; text-align:center;}
    .rnd-item-num{margin-top:12px;}
}

@media(min-width:768px){
    .rnd-wrap{ grid-template-columns:340px 1fr; gap:18px; padding:28px;}
    .rnd-summary{ grid-row:span 2; min-height:420px; padding:42px 32px;}
    .rnd-box{padding:28px;}
}

@media(min-width:1200px){
    .rnd-wrap{ grid-template-columns:380px 1fr 1fr; align-items:stretch; gap:20px; padding:34px;}
    .rnd-summary{ grid-row:auto; min-height:335px;}
    .rnd-box{ display:flex; flex-direction:column; justify-content:space-between; min-height:335px;}
    .rnd-list{grid-template-columns:1fr;}
    .rnd-item{ display:grid; grid-template-columns:1fr auto; min-height:72px; padding:18px 20px; text-align:left;}
    .rnd-item-num{margin-top:0;}
}


/* 공시자료 */
.calendar-search-box{display:flex;gap:10px;align-items:center;background:#f9f9f9;padding:20px;border-radius:5px;}
.calendar-input{position:relative;width:170px;flex-shrink:0;}
.calendar-input input[type="date"]{width:100%;height:48px!important;padding:0 42px 0 16px;border:1px solid rgba(1,1,1,.3);border-radius:5px;background:#fff;box-sizing:border-box;color:transparent;cursor:pointer;}
.calendar-input input[type="date"]::-webkit-date-and-time-value{color:transparent;text-align:left;}
.calendar-input input[type="date"]::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.calendar-input.has-value input[type="date"]{color:#111;}
.calendar-input.has-value input[type="date"]::-webkit-date-and-time-value{color:#111;}
.calendar-input .date-placeholder{position:absolute;left:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:#111;z-index:3;}
.calendar-input.has-value .date-placeholder{display:none;}
.calendar-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:3;}
.calendar-icon img{width:18px;height:18px;display:block;}
.board-page-num{width:170px;flex-shrink:0;}
.page-num-select{position:relative;width:100%;height:48px;background:#fff;border:1px solid rgba(1,1,1,.3);border-radius:5px;box-sizing:border-box;}
.page-num-select .select-item{position:absolute;left:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:#111;z-index:3;}
.page-num-select .select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:3;}
.calendar-search-box select{width:100%;height:100%;padding:0 36px 0 16px;border:0;background:transparent;appearance:none;-webkit-appearance:none;-moz-appearance:none;color:transparent;box-sizing:border-box;cursor:pointer;}
.calendar-search-box select option{color:#111;}
.calendar-search-box button.calendar-search-button{width:48px;height:48px;background:#000;color:#fff;border:0;border-radius:5px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;flex-shrink:0;}
.calendar-search-box button i.fa{line-height:1;}

@media(max-width:768px){
    .calendar-search-box{flex-wrap:wrap;}
    .calendar-input{width:calc(50% - 5px);}
    .board-page-num{width:calc(100% - 58px);}
    .calendar-search-box .calendar-search-button{width:48px;height:48px;}
}

/* 재무정보 */
.finance-chart-grid{display:grid;grid-template-columns:1fr;gap:24px;}
.finance-chart-card{background:#fff;border:1px solid #efefef;border-radius:20px;padding:24px;}
.finance-chart-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;}
.finance-chart-title{position:relative;padding-left:14px;font-size:25px;font-weight:700;}
.finance-chart-title:before{content:"";position:absolute;left:0;top:1px;width:5px;height:18px;border-radius:999px;background:#0056A8;}
.finance-chart-unit{font-size:14px;color:#777;}
.finance-bar-area{height:240px;display:flex;justify-content:space-around;align-items:flex-end;}
.finance-bar-item{width:80px;display:flex;flex-direction:column;align-items:center;}
.finance-bar-value{margin-bottom:8px;font-size:15px;font-weight:700;}
.finance-bar{width:34px;height:0;border-radius:999px 999px 8px 8px;transition:.8s;}
.finance-bar-year{margin-top:8px;}

.finance-table-wrap{margin-top:60px;}
.finance-table-unit{text-align:right;margin-bottom:10px;font-size:14px;color:#666;}
.finance-table{width:100%;table-layout:fixed;border-collapse:collapse;border-top:3px solid #333;}
.finance-table th{background:#f3f5fa;color:#111;font-size:15px;font-weight:500;text-align:center;padding:14px 10px;line-height:1.4;border-bottom:1px solid #e5e5e5;}
.finance-table td{font-size:14px;color:#111;text-align:center;padding:14px 10px;line-height:1.4;border-bottom:1px solid #ededed;}
.finance-table a{color:#111;text-decoration:none;}
.finance-table a:hover{text-decoration:underline;}

.finance-table col.col-num{width:25%;}
.finance-table col.col-title{width:25%;}
.finance-table col.col-date{width:25%;}
.finance-table col.col-writer{width:25%;}

@media(min-width:768px){
  .finance-chart-grid{grid-template-columns:repeat(2,1fr);}
  .finance-table th{font-size:18px;padding:18px 20px;}
  .finance-table td{font-size:17px;padding:18px 20px;}
  .finance-chart-title:before{top:2px;}
}
@media(min-width:1180px){
  .finance-chart-title:before{top:4px;}
}
@media(min-width:1300px){
  .finance-chart-grid{grid-template-columns:repeat(4,1fr);}
}


/* 주가정보 */
.stock-wrap{width:100%;padding:20px 0;}
.stock-card{overflow:hidden;background:#fff;border-radius:22px;box-shadow:0 18px 60px rgba(0,0,0,.08);}
.stock-top{background:linear-gradient(135deg,#4478e7 0%,#0859ba 100%);padding:24px 18px 42px;display:block;justify-content:space-between;align-items:flex-start;gap:14px;}
.stock-top>div{display:block;flex:1;}
.stock-code{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 13px;margin-bottom:10px;border-radius:999px;background:rgba(255,255,255,.12);font-size:14px;font-weight:700;line-height:1;color:#fff;}
.stock-name{display:block;color:#fff;font-size:27px;font-weight:800;letter-spacing:-1px;line-height:1.2;word-break:keep-all;}
.stock-refresh{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border:0;border-radius:999px;background:#fff;color:#0E4DA4;font-size:14px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;flex-shrink:0;white-space:nowrap;box-sizing:border-box; margin-top: 16px;}
.stock-refresh:hover{color:#0E4DA4;text-decoration:none;}
.stock-main{margin:-24px 18px 0;background:#fff;border-radius:26px;padding:20px;display:grid;grid-template-columns:1fr;align-items:center;box-shadow:0 14px 40px rgba(0,0,0,.08);position:relative;z-index:2;}
.stock-price{font-size:40px;line-height:1;font-weight:900;letter-spacing:-2px;text-align:center;margin-bottom:18px;}
.stock-price:after{content:"KRW";margin-left:6px;font-size:17px;color:#777;font-weight:600;}
.stock-side{display:grid;grid-template-columns:1fr;gap:10px;}
.stock-side span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;padding:16px 14px;border-radius:16px;background:#F7F9FD;color:#777;font-weight:600;}
.stock-side b{margin-top:7px;color:#111;font-size:16px;font-weight:800;}
.stock-side span:last-child b{display:inline-flex;align-items:baseline;gap:4px;}
.stock-info{display:grid;grid-template-columns:1fr;gap:8px;padding:18px 18px 0;}
.stock-info+.stock-info{margin-top:8px;padding-top:0;padding-bottom:18px;}
.stock-info div{background:#fff;border:1px solid #E8EEF7;border-radius:16px;padding:14px 12px;text-align:center;transition:.2s;}
.stock-info div:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.05);}
.stock-info span{display:block;margin-bottom:7px;color:#8A94A3;font-weight:700;}
.stock-info strong{display:block;color:#111;font-size:16px;font-weight:900;line-height:1.2;}
.stock-up{color:#E53935!important;}
.stock-down{color:#2F80ED!important;}
.stock-zero{color:#111!important;}
#stock-msg{position:fixed;bottom:30px;right:30px;background:#111;color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;font-weight:600;z-index:9999;box-shadow:0 8px 20px rgba(0,0,0,.15);}

@media(min-width:768px){
    .stock-wrap{padding:30px 0;}
    .stock-card{border-radius:28px;}
    .stock-top{display:flex; padding:50px 40px 70px;align-items:center;gap:20px;}
    .stock-top>div{display:flex;align-items:center;gap:14px;min-width:0;}
    .stock-code{height:36px;padding:0 15px;margin-bottom:0;font-size:15px;}
    .stock-name{font-size:34px;}
    .stock-refresh{height:60px;padding:0 24px;font-size:16px; margin-top: 0;}
    .stock-main{margin:-28px 36px 0;padding:28px 34px;grid-template-columns:1fr auto;}
    .stock-price{font-size:60px;letter-spacing:-3px;text-align:left;margin-bottom:0;}
    .stock-price:after{font-size:20px;margin-left:8px;}
    .stock-side{display:flex;gap:14px;}
    .stock-side span{min-width:190px;padding:16px 18px;font-size:15px;}
    .stock-side b{font-size:20px;margin-top:8px;}
    .stock-side span:last-child b:after{font-size:15px;}
    .stock-info{grid-template-columns:repeat(3,1fr);gap:12px;padding:24px 36px 0;}
    .stock-info+.stock-info{margin-top:10px;padding-top:10px;padding-bottom:28px;}
    .stock-info div{padding:18px;}
    .stock-info span{font-size:15px;margin-bottom:8px;}
    .stock-info strong{font-size:20px;}
}


/* 사이버감사실 */
.sg-form{min-width:320px;padding:20px 12px 40px;background:#fff;color:#222;}
.sg-form *{box-sizing:border-box;}
.sg-form .sg-form-title{margin:0;padding-bottom:22px;border-bottom:2px solid #111827;font-weight:800;letter-spacing:-0.04em;}
.sg-form .sg-form-title-sub{margin-top:34px;}
.sg-form .sg-form-row{display:block;border-bottom:1px solid #dde1e6;}
.sg-form .sg-form-label{display:flex;align-items:center;padding:14px;background:#f6f7f9;font-weight:800;line-height:1.45;word-break:keep-all;}
.sg-form .sg-form-label.required::before{content:"※ ";color:#e11d48;padding-right:8px;}
.sg-form .sg-form-content{display:flex;flex-direction:column;justify-content:center;padding:14px 0;}
.sg-form .sg-input,.sg-form .sg-textarea{width:100%;border:1px solid #d6d9de;background:#fff;padding:11px 14px;outline:none;transition:0.18s;}
.sg-form .sg-input{height:50px;}
.sg-form .sg-textarea{min-height:120px;resize:vertical;line-height:1.7;}
.sg-form .sg-textarea-sm{min-height:92px;}
.sg-form .sg-input:focus,.sg-form .sg-textarea:focus{border-color:#4478e7;box-shadow:0 0 0 3px rgba(68,120,231,0.08);}
.sg-form .sg-help{margin:8px 0 0;color:#777;line-height:1.6;}
.sg-form .sg-radio-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;}
.sg-form .sg-radio-list label{position:relative;display:inline-flex;align-items:center;gap:8px;width:100%;min-height:46px;padding:12px 16px;border:1px solid #d6dce5;border-radius:999px;background:#fff;color:#222;font-weight:700;cursor:pointer;transition:0.2s ease;}
.sg-form .sg-radio-list label:hover{border-color:#4478e7;background:#edf3ff;}
.sg-form .sg-radio-list input{position:absolute;opacity:0;pointer-events:none;}
.sg-form .sg-radio-list label::before{content:"";width:17px;height:17px;flex:0 0 17px;border:1px solid #b8c0cc;border-radius:50%;background:#fff;}
.sg-form .sg-radio-list label:has(input:checked){border-color:#4478e7;background:#edf3ff;color:#111827;box-shadow:0 0 0 3px rgba(68,120,231,0.08);}
.sg-form .sg-radio-list label:has(input:checked)::before{border:5px solid #4478e7;}
.sg-form .sg-radio-list-report label{min-width:auto;min-height:52px;border-radius:8px;}
.sg-form .sg-file-input{position:absolute;width:1px;height:1px;opacity:0;}
.sg-form .sg-file-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:130px;height:44px;border:1px solid #111;background:#fff;color:#111;font-weight:800;cursor:pointer;transition:0.2s;}
.sg-form .sg-file-btn:hover{background:#111827;color:#fff;}
.sg-form .sg-file-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-width:520px;}
.sg-form .sg-file-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid #e1e5eb;border-radius:6px;background:#f8fafc;color:#999;}
.sg-form .sg-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sg-form .sg-file-remove{display:inline-flex;align-items:center;justify-content:center;border:0;background:#111827;color:#fff;width:22px;height:22px;padding:0;border-radius:50%;line-height:1;cursor:pointer;}
.sg-form .sg-split{display:grid;grid-template-columns:1fr;gap:10px;width:100%;}
.sg-form .sg-agree{padding:16px 18px;border:1px solid #e4e8ef;border-radius:6px;background:#f8fafc;color:#555;line-height:1.7;}
.sg-form .sg-agree ul{margin:8px 0 0;padding-left:18px;}
.sg-form .sg-check{display:inline-flex;align-items:center;gap:10px;margin-top:14px;cursor:pointer;user-select:none;}
.sg-form .sg-check input{position:absolute;opacity:0;pointer-events:none;}
.sg-form .sg-check-mark{position:relative;width:22px;height:22px;flex:0 0 22px;border:1px solid #cfd6df;border-radius:6px;background:#fff;transition:0.2s;}
.sg-form .sg-check:hover .sg-check-mark{border-color:#4478e7;background:#edf3ff;}
.sg-form .sg-check input:checked + .sg-check-mark{border-color:#4478e7;background:#4478e7;box-shadow:0 0 0 4px rgba(68,120,231,0.08);}
.sg-form .sg-check input:checked + .sg-check-mark::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.sg-form .sg-check-text{color:#111827;font-weight:700;line-height:1.4;}
.sg-form .sg-actions{display:flex;flex-direction:column;gap:10px;margin-top:30px;text-align:center;}
.sg-form .sg-btn{width:100%;height:56px;border:0;color:#fff;font-weight:800;cursor:pointer;}
.sg-form .sg-btn-reset{background:#4478e7;}
.sg-form .sg-btn-submit{background:#111827;}
.sg-form .sg-hidden{display:none!important;}

@media (min-width:768px){
    .sg-form{padding:24px 14px 48px;}
    .sg-form .sg-form-row{display:grid;grid-template-columns:230px 1fr;}
    .sg-form .sg-form-label{padding:30px 20px;}
    .sg-form .sg-form-content{padding:14px 20px;}
    .sg-form .sg-radio-list{gap:10px;max-width:900px;}
    .sg-form .sg-radio-list label{width:auto;min-height:50px;}
    .sg-form .sg-radio-list-report label{min-width:190px;}
    .sg-form .sg-split{grid-template-columns:1fr 1fr;max-width:760px;}
    .sg-form .sg-agree{max-width:850px;}
    .sg-form .sg-actions{display:block;margin-top:40px;}
    .sg-form .sg-btn{width:auto;min-width:140px;height:60px;}
}

/* 인재상 */
.type-talent-page {max-width:1280px;margin:0 auto;}
.type-talent-page .txt_c {text-align:center;}
.type-talent-page .txt_c img {max-width:100%;height:auto;display:inline-block;}
.type-talent-page .talent-sub-value {display:flex;flex-direction:column;margin-top:30px;padding:28px 24px;background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(68,120,231,0.12);overflow:hidden;position:relative;}
.type-talent-page .talent-value-box {width:100%;display:flex;align-items:center;gap:18px;padding:24px 0;}
.type-talent-page .talent-value-box + .talent-value-box {border-top:1px solid #dbe4f3;}
.type-talent-page .talent-value-icon {width:82px;height:82px;flex:0 0 82px;border-radius:50%;background:#edf3ff;display:flex;align-items:center;justify-content:center;}
.type-talent-page .talent-value-icon img {max-width:42px;}
.type-talent-page .talent-value-title {margin-bottom:12px;font-weight:700;color:#0f6edc;}
.type-talent-page .talent-value-text {word-break:keep-all;}
.type-talent-page .talent-download {display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-top:30px;padding:30px 24px;border-radius:20px;background:linear-gradient(90deg,#4478e7 0%,#5d92ff 100%);box-shadow:0 10px 28px rgba(68,120,231,0.28);overflow:hidden;position:relative;}
.type-talent-page .talent-download:before {content:'';position:absolute;top:-100px;right:-80px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,0.08);}
.type-talent-page .talent-download-left {display:flex;align-items:center;gap:18px;position:relative;z-index:1;}
.type-talent-page .talent-file-icon {width:72px;height:72px;flex:0 0 72px;border-radius:50%;background:rgba(255,255,255,0.14);display:flex;align-items:center;justify-content:center;}
.type-talent-page .talent-file-icon img {max-width:40px;}
.type-talent-page .talent-download-title {margin-bottom:10px;font-weight:700;color:#fff;}
.type-talent-page .talent-download-text {color:rgba(255,255,255,0.9); word-break: keep-all;}
.type-talent-page .talent-download-btn {width:100%;height:46px;line-height:46px;border-radius:50px;background:#fff;color:#4478e7;font-weight:700;text-align:center;text-decoration:none;transition:all 0.3s ease;position:relative;z-index:1;}
.type-talent-page .talent-download-btn:hover {background:#444;color:#fff;}

@media all and (min-width:768px) {
    .type-talent-page .talent-sub-value {flex-direction:row;align-items:stretch;margin-top:50px;padding:38px 50px;}
    .type-talent-page .talent-value-box {width:50%;gap:24px;padding:0 40px;}
    .type-talent-page .talent-value-box + .talent-value-box {border-top:0;border-left:1px solid #dbe4f3;}
    .type-talent-page .talent-value-icon {width:100px;height:100px;flex:0 0 100px;}
    .type-talent-page .talent-value-icon img {max-width:100%;}
    .type-talent-page .talent-download {flex-direction:row;align-items:center;justify-content:space-between;gap:30px;padding:34px 55px;}
    .type-talent-page .talent-download-left {gap:28px;}
    .type-talent-page .talent-file-icon {width:82px;height:82px;flex:0 0 82px;}
    .type-talent-page .talent-file-icon img {max-width:100%;}
    .type-talent-page .talent-download-btn {width:auto;min-width:240px; height:64px;line-height:64px;}
}


/* 인사제도 */
.personnel-section{display:block;margin-bottom:70px;}
.personnel-section:last-child{margin-bottom:0;}
.personnel-title{margin:0 0 28px;color:#06172f;font-weight:800;line-height:1.25;}
.personnel-title:after{content:"";display:block;width:36px;height:3px;margin-top:24px;background:#4478e7;}

.rank-grid{display:grid;grid-template-columns:1fr;gap:24px;}
.rank-card{position:relative;min-height:360px;background:#fff;border-radius:22px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.personnel-content .rank-card:nth-child(1){background:#f6f8ff;}
.personnel-content .rank-card:nth-child(2){background:#f1fbf5;}
.rank-label{position:absolute;top:0;left:0;width:130px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;border-radius:0 0 10px 0;z-index:2;}
.rank-office .rank-label{background:#4478e7;}
.rank-production .rank-label{background:#31b96b;}
.rank-img{display:block;height:260px;object-fit:contain;}

.eval-grid{display:grid;grid-template-columns:1fr;gap:24px;}
.eval-card{min-height:auto;padding:26px 22px;border-radius:14px;display:grid;grid-template-columns:1fr;gap:24px;overflow:hidden;box-sizing:border-box;color:#fff;}
.eval-performance{background:linear-gradient(135deg,#3663c2 0%,#3c6cd2 100%);}
.eval-capability{background:linear-gradient(135deg,#183796 0%,#2f54ca 100%);}
.eval-title{margin:0 0 18px;color:#fff;}
.eval-desc{margin:0;color:rgba(255,255,255,.9);}
.eval-tags{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px;}
.eval-tag{height:42px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;background:rgba(255,255,255,.1);border-radius:10px;}
.eval-img{display:flex;align-items:center;justify-content:center;}
.eval-img img{display:block;max-width:100%;height:130px;object-fit:contain;}

.process-wrap{margin-top:38px;}
.process-heading{display:inline-block;margin:0 0 26px;color:#06172f;font-weight:800;}
.process-card{padding:30px 20px;background:#f6f9ff;border-radius:18px;box-sizing:border-box;}
.process-list{display:grid;grid-template-columns:1fr;gap:28px 18px;margin:0;padding:0;list-style:none;}
.process-item{position:relative;text-align:center;}
.process-item:after{display:none;}
.process-num{display:block;margin-bottom:10px;color:#4478e7;font-style:normal;font-weight:800;}
.process-icon{width:100px;height:100px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f3;border-radius:50%;box-shadow:0 8px 20px rgba(10,43,99,.08);}
.process-icon img{width:45px;height:45px;object-fit:contain;}
.process-title{display:block;color:#06172f;font-weight:800;line-height:1.3;}
.process-desc{margin:4px 0 0;color:#06172f;font-weight:700;line-height:1.3;}

@media(min-width:768px){
    .personnel-system{padding:60px 0;}
    .personnel-system-inner{padding:0 20px;}
    .rank-card{min-height:420px;}
    .rank-img{height:320px;}
    .eval-card{padding:30px;}
    .eval-img img{height:150px;}
    .eval-tags{grid-template-columns:repeat(3,1fr);margin-top:34px;}
    .process-list{grid-template-columns:repeat(2,1fr);gap:28px 18px;}
}

@media(min-width:992px){
    .personnel-section{display:grid;grid-template-columns:240px 1fr;gap:60px;margin-bottom:90px;}
    .rank-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .eval-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .rank-card{min-height:530px;}
    .rank-img{height:420px;}
    .rank-label{width:154px;height:54px;}
    .eval-card{min-height:260px;padding:36px;grid-template-columns:1fr 220px;}
    .eval-img{justify-content:flex-end;}
    .eval-img img{height:170px;}
    .process-card{padding:44px 34px 38px;}
    .process-list{grid-template-columns:repeat(5,1fr);gap:18px;}
    .process-item:after{content:"›";display:block;position:absolute;top:60px;right:-14px;color:#4478e7;font-weight:500;}
    .process-item:last-child:after{display:none;}
}


/* 채용절차 */
.recruit-system{width:100%;}
.recruit-section{display:block;margin-bottom:70px;}
.recruit-title{margin:0 0 28px;color:#06172f;font-weight:800;line-height:1.25;}
.recruit-title:after{content:"";display:block;width:36px;height:3px;margin-top:24px;background:#4478e7;}
.recruit-content{width:100%;}
.recruit-step-list{display:grid;grid-template-columns:1fr;gap:24px;}
.recruit-step-item{position:relative;}
.recruit-step-card{position:relative;min-height:300px;padding:46px 24px 36px;background:#fff;border:1px solid #e5eaf2;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;box-shadow:0 16px 36px rgba(16,24,40,.06);}
.recruit-step-num{position:absolute;top:-26px;left:50%;transform:translateX(-50%);width:82px;height:82px;display:flex;align-items:center;justify-content:center;color:#4478e7;font-weight:800;background:#fff;border-radius:50%;z-index:3;box-shadow:0 12px 30px rgba(68,120,231,.18);}
.recruit-step-num:before{content:"";position:absolute;inset:7px;border:4px solid #4478e7;border-right-color:#dce7ff;border-radius:50%;transform:rotate(-35deg);}
.recruit-step-num:after{content:"";position:absolute;right:4px;top:50%;width:8px;height:8px;background:#4478e7;border-radius:50%;transform:translateY(-50%);}
.recruit-step-icon{width:64px;height:64px;margin-bottom:28px;display:flex;align-items:center;justify-content:center;}
.recruit-step-icon img{max-width:100%;max-height:100%;object-fit:contain;}
.recruit-step-title{color:#06172f;text-align:center;}
.recruit-step-desc{margin-top:12px;color:#667085;text-align:center;line-height:1.5;}
.recruit-step-item:after{display:none;}
.recruit-step-active .recruit-step-card{background:linear-gradient(135deg, #4478e7 0%, #4478e7 100%);border-color:transparent;box-shadow:0 22px 45px rgba(0,91,168,.22);}
.recruit-step-active .recruit-step-title{color:#fff;}
.recruit-step-active .recruit-step-desc{color:rgba(255,255,255,.9);}
.recruit-step-active .recruit-step-num{color:#fff;background:#4478e7;}
.recruit-step-active .recruit-step-num:before{border-color:#fff;border-right-color:rgba(255,255,255,.35);}
.recruit-step-active .recruit-step-num:after{background:#fff;}
.recruit-notice{margin-top:30px;padding:30px 24px;background:#f5f8fc;border-radius:22px;box-sizing:border-box; position: relative; overflow: hidden;}
.recruit-notice .recruit-notice-point{display: none;}
.recruit-notice-list{margin:0;padding:0;list-style:none;}
.recruit-notice-item{position:relative;padding:4px 0 4px 10px;color:#667085;line-height:1.7;}
.recruit-notice-item:before{content:"";position:absolute;top:13px;left:0;width:3px;height:3px;background:#9aa7b8;border-radius:50%;}

@media(min-width:768px){
    .recruit-step-list{grid-template-columns:repeat(2,1fr);}
    .recruit-notice .recruit-notice-point{display: block; position: absolute; bottom: 0; right: 0; opacity: 0.3;}
}

@media(min-width:992px){
    .recruit-section{display:grid;grid-template-columns:240px 1fr;gap:60px;margin-bottom:90px;}
    .recruit-title{margin:0;}
    .recruit-step-list{grid-template-columns:repeat(4,1fr);gap:34px;}
    .recruit-step-item:after{content:"→";position:absolute;top:50%;right:-31px;transform:translateY(-50%);width:46px;height:46px;display:flex;align-items:center;justify-content:center;color:#fff;background:#aeb8c4;border-radius:50%;font-weight:800;z-index:4;}
    .recruit-step-item:last-child:after{display:none;}
    .recruit-step-card{min-height:300px;}
    .recruit-notice{margin-top:60px;padding:34px 38px;}
    .recruit-notice-item{padding:4px 0 4px 16px;}
    .recruit-notice-item:before{top:16px;left:0;width:4px;height:4px;}
}

/* R&D소개 */
.rndIntro{width:100%; overflow: hidden;}
.rndIntro-list{display:flex;flex-direction:column;gap:90px;}
.rndIntro-item{display:flex;flex-direction:column;gap:34px;}
.rndIntro-copy{width:100%;}
.rndIntro-num{margin-bottom:18px;color:#4478e7;letter-spacing:.14em;}
.rndIntro-title{margin-bottom:24px;color:#06172f;line-height:1.25;}
.rndIntro-desc{margin:0;color:#26364a;line-height:1.9;word-break:keep-all;}
.rndIntro-image{width:100%;overflow:hidden;border-radius:28px;}
.rndIntro-image img{display:block;width:100%;height:auto;object-fit:cover;}

@media(min-width:768px){
    .rndIntro-list{gap:130px;}
    .rndIntro-item{flex-direction:row;align-items:center;justify-content:space-between;gap:70px;}
    .rndIntro-item-reverse{flex-direction:row-reverse;}
    .rndIntro-copy{flex:0 0 42%;}
    .rndIntro-image{flex:0 0 52%;}
    .rndIntro-image img{height:360px;}
}

@media(min-width:992px){
    .rndIntro-list{gap:160px;}
    .rndIntro-item{gap:100px;}
    .rndIntro-image img{height:430px;}
}

/* 홍보영상 */
.hns-pr-video-section{width:100%;padding:20px 0;}
.hns-pr-video-list{display:grid;grid-template-columns:1fr;gap:32px;}
.hns-pr-video-card{display:block;width:100%;cursor:pointer;text-align:center;border:0;background:#fff;padding:0;}
.hns-pr-video-thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#eee;}
.hns-pr-video-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.hns-pr-video-play{position:absolute;left:50%;top:50%;width:62px;height:44px;transform:translate(-50%,-50%);border-radius:12px;background:#ff0000;}
.hns-pr-video-play:after{content:"";position:absolute;left:24px;top:12px;border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;}
.hns-pr-video-title{margin-top:14px;font-size:15px;font-weight:700;color:#111;}
.hns-pr-video-modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;background:rgba(0,0,0,.68);align-items:center;justify-content:center;padding:20px;box-sizing:border-box;}
.hns-pr-video-modal.is-active{display:flex;}
.hns-pr-video-modal-inner{position:relative;width:100%;aspect-ratio:16/9;background:#000;}
.hns-pr-video-frame{width:100%;height:100%;border:0;display:block;}
.hns-pr-video-close{position:absolute;right:0;top:-48px;width:42px;height:42px;border:0;background:none;color:#fff;font-size:42px;line-height:1;cursor:pointer;}

@media all and (min-width:768px){
.hns-pr-video-section{padding:40px 0;}
.hns-pr-video-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 44px;}
.hns-pr-video-modal{padding:40px;}
.hns-pr-video-modal-inner{width:min(1200px,90vw);}
.hns-pr-video-close{right:-46px;top:-48px;}
}



/* 제품설명 전자쪽 표*/
.product-table-wrap{ width:100%; overflow-x:auto;}
.product-table{ width:100%; min-width:1200px; border-collapse:collapse; border-top:2px solid #222;}
.product-table th,
.product-table td{ padding:15px 12px; border:1px solid #ddd; text-align:center; vertical-align:middle;}
.product-table th{ background: rgb(239 243 251 / 75%); font-weight:600; white-space:nowrap; padding: 20px 12px;}
.product-table-head{ display:flex; align-items:center; justify-content:center; gap:4px;}
.product-table-sort{ display:flex; flex-direction:column; justify-content:center; margin-left:3px;}
.product-table-sort-btn{ display:flex; align-items:center; justify-content:center; width:18px; height:12px; padding:0; border:0; background:none; cursor:pointer;}
.product-table-sort-btn svg{ width:8px; height:5px; fill:#bcbcbc; transition:.2s;}
.product-table-sort-btn:hover svg,
.product-table-sort-btn.is-active svg{ fill:#333;}
.product-table-image{ display:block; width:100px; min-width: 100px; margin:0 auto;}
.product-table-download{ display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; border:1px solid #ddd; border-radius:4px; background: #444; color: #fff; text-decoration:none; white-space:nowrap; transition:.2s;}
.product-table-download:hover{ background:#f5f5f5; border-color:#bbb;}
.product-table-rohs-image{ display:block; width:42px; margin:0 auto;}


/* 신규사업 */
.nsb-business-wrap { margin-top: 60px;}
.nsb-business-list { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 0; padding: 0; list-style: none;}
.nsb-business-item {display: flex;}
.nsb-business-link { display: flex; flex-direction: column; justify-content: space-between; width: 100%; height:100%; min-height: 120px; padding: 18px; border: 1px solid #ddd; border-radius: 12px; background: #fff; color: #222; text-decoration: none; box-sizing: border-box; transition: all .3s ease;}
.nsb-business-link:hover { border-color: #4478e7; background: #4478e7; transform: translateY(-5px);}
.nsb-business-title { margin: 0; color: #222; font-size: 18px; font-weight: 700; line-height: 1.4; word-break: keep-all;}
.nsb-business-desc { margin: 8px 0 0; color:#999; line-height:1.5;}
.nsb-business-more { margin-top: 15px; color: #4478e7; font-weight: 600;}
.nsb-business-more::after {content: " →";}
.nsb-business-link:hover .nsb-business-title,
.nsb-business-link:hover .nsb-business-more {color: #fff;}
.nsb-business-link:hover .nsb-business-desc {color:#fff;}
.nsb-business-content {flex:1;}
.nsb-business-img > img {width:100%; max-width: 200px;}

@media (min-width: 768px) {
    .nsb-business-wrap {margin-top: 60px;}
    .nsb-business-list {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;}
    .nsb-business-link {min-height: 180px; padding: 30px;}
    .nsb-business-title {font-size: inherit; min-height: 70px;}
    .nsb-business-desc {min-height: 73px;}
    .nsb-business-img > img {max-width: 300px;}
}

@media (min-width: 992px) {
    .nsb-business-list {grid-template-columns: repeat(3, minmax(0, 1fr));}
}


/* 복지제도 상단 */
.benefit-intro { margin-bottom: 40px; color: #102d4c; word-break: keep-all;}
.benefit-intro-inner { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center;}
.benefit-intro-label { margin: 0 0 20px; color: #4478e7; font-weight: 700; letter-spacing: .14em;}
.benefit-intro-title { margin: 0 0 24px; line-height: 1.35; letter-spacing: -.04em; color: #06172f;}
.benefit-intro-description { margin: 0; color: #26364a; line-height: 1.9;}
.benefit-intro-description span {display: block;}
.benefit-intro-image-box { overflow: hidden; aspect-ratio: 16 / 9; border-radius: 28px 0 28px 0; background: #eef2f6;}
.benefit-intro-image { display: block; width: 100%; height: 100%; object-fit: cover;}

@media (min-width: 768px) {
    .benefit-intro {margin-bottom: 120px;}
    .benefit-intro-inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 60px;}
}

@media (min-width: 992px) {
    .benefit-intro-inner {gap: 90px; }
}


/* 복지제도 리스트 */
.benefit-section { color: #102d4c; word-break: keep-all;}
.benefit-label { margin: 0 0 10px; color: #06172f; font-weight: 700;}
.benefit-title { margin: 0; line-height: 1.3; }
.benefit-list { display: grid; grid-template-columns: 1fr; gap: 20px; margin: 0; padding: 0; list-style: none;}
.benefit-item { height: 100%; min-height: 300px; padding: 36px; border: 1px solid #d9e2ec; border-radius: 20px; background: #fff;}
.benefit-item-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 26px;}
.benefit-icon-box { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; flex: 0 0 72px; overflow: hidden; border-radius: 20px; background: #e8f1ff;}
.benefit-icon-image { display: block; width: 36px; height: 36px; object-fit: contain;}
.benefit-number { color: #cbd6e3; font-weight: 700; line-height: 1; letter-spacing: -.04em;}
.benefit-item-title { margin: 0 0 10px; line-height: 1.45; letter-spacing: -.025em;}
.benefit-description { margin: 0; color: #63758b; line-height: 1.75;}

@media (min-width: 768px) {
    .benefit-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;}
}

@media (min-width: 992px) {
    .benefit-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px;}
}

/* 복지제도 이미지배너 */
.benefit-closing { position: relative; margin-top: 60px; padding: 100px 40px; overflow: hidden; color: #fff; text-align: center; background:linear-gradient( rgba(7, 24, 42, .78), rgba(7, 24, 42, .78) ), url("../images/content/benefit-closing.jpg") center / cover no-repeat;}
.benefit-closing-inner { position: relative; z-index: 1; max-width: 1000px; margin: 0 auto;}
.benefit-closing-title { margin: 0 0 20px; color: #fff; line-height: 1.4; letter-spacing: -.035em;}
.benefit-closing-description { margin: 0; color: rgba(255, 255, 255, .85); line-height: 1.9;}
.benefit-closing-description span {display: block;}

@media (min-width: 768px) {
    .benefit-closing { margin-top: 120px; padding: 120px 60px;}
}

@media (min-width: 992px) {
    .benefit-closing {padding: 140px 80px;}
}
/* ===== 언어 전환 KR | EN (kor/eng 공통) ===== */
.hns-lang { position:absolute; right:40px; top:55px; transform:translateY(-50%); z-index:30; display:flex; align-items:center; gap:10px; font-size:15px; font-weight:700; letter-spacing:.04em; line-height:1; color:#fff; }
.hns-lang a { color:inherit; opacity:.55; transition:opacity .2s; }
.hns-lang a:hover, .hns-lang a.on { opacity:1; }
.hns-lang span { opacity:.35; font-weight:400; }
.rd-navbar-static:hover .hns-lang, .rd-navbar-static.rd-navbar--is-stuck .hns-lang { color:#222; }
.rd-navbar-static:hover .hns-lang a.on, .rd-navbar-static.rd-navbar--is-stuck .hns-lang a.on { color:#4478e7; }
.rd-navbar-fixed .hns-lang { position:fixed; top:30px; right:16px; color:#222; font-size:14px; }
.rd-navbar-fixed .hns-lang a.on { color:#4478e7; }