.km-site{display:flow-root;width:100%;clear:both;font-family:Pretendard,'Malgun Gothic',sans-serif;font-size:16px;line-height:1.5;text-align:left;color:#172b40;background:#fff;}
.km-site *,.km-site *::before,.km-site *::after{box-sizing:border-box;}
.km-site a,.km-site button,.km-site p,.km-site nav,.km-site header,.km-site div,.km-site img,.km-site summary{font-family:inherit;letter-spacing:normal;text-indent:0;}
.km-site header,.km-site nav,.km-site .logo,.km-site .wrap{float:none;position:static;margin:0;border:0;height:auto;}
.km-site .wrap{width:auto;margin-left:auto;margin-right:auto;}
.km-site .logo{padding:0;line-height:normal;}
.km-site button{margin:0;box-shadow:none;text-transform:none;height:auto;line-height:1.5;border-radius:0;}
.km-site img{border:0;vertical-align:middle;max-width:100%;}
.km-site a{text-decoration:none;}
.km-site svg{vertical-align:middle;flex-shrink:0;}
.km-site{--blue: #1957b7; --navy: #102b4a; --ink: #172b40; --muted: #647386; --line: #dce3eb; --wash: #f4f7fa; --white: #fff; --focus: #ffb32c; --overlay: #102b4a55;}
.km-site *{box-sizing: border-box;}
.km-site{margin: 0px; color: var(--ink); background: var(--white); font-family: Pretendard, "Malgun Gothic", sans-serif; line-height: 1.5;}
.km-site a{color: inherit; text-decoration: none;}
.km-site button{font: inherit; color: inherit; cursor: pointer;}
.km-site button,.km-site a{-webkit-tap-highlight-color: transparent;}
.km-site button:focus-visible,.km-site a:focus-visible{outline: 3px solid var(--focus); outline-offset: 4px;}
.km-site button{border: 0px; background: none;}
.km-site button svg{width: 24px; height: 24px; display: block;}
.km-site svg{fill: none; stroke: currentcolor; stroke-width: 1.6;}
.km-site .wrap{max-width: 1200px; margin: auto; padding: 0px 24px;}
.km-site .skip{position: absolute; top: -70px; background: var(--navy); color: var(--white); padding: 12px; z-index: 100;}
.km-site .skip:focus{top: 0px;}
.km-site .review{background: var(--navy); color: var(--white); font-size: 12px;}
.km-site .review .wrap{display: flex; align-items: center; justify-content: space-between; min-height: 34px; gap: 12px;}
.km-site .review span:last-child{opacity: 0.75;}
.km-site .utility{background: var(--wash); border-bottom: 1px solid var(--line);}
.km-site .utility .wrap{display: flex; justify-content: flex-end; gap: 23px; align-items: center; height: 34px; font-size: 12px; color: var(--muted);}
.km-site .utility a:hover{color: var(--blue);}
.km-site .header{position: relative; z-index: 20; background: var(--white); border-bottom: 1px solid var(--line);}
.km-site .header-row{height: 92px; display: flex; align-items: center; gap: 40px;}
.km-site .logo{flex-shrink: 0; display: inline-flex;}
.km-site .logo img{width: 208px; height: auto; display: block;}
.km-site .desktop-nav{display: flex; align-self: stretch; flex: 1 1 0%; justify-content: flex-end; gap: 30px;}
.km-site .nav-item{display: flex; align-items: stretch;}
.km-site .nav-button{font-size: 17px; font-weight: 650; position: relative; padding: 0px 3px; white-space: nowrap;}
.km-site .nav-button::after{content: ""; position: absolute; height: 3px; bottom: 0px; left: 0px; right: 0px; background: var(--blue); transform: scaleX(0); transition: transform 0.16s;}
.km-site .nav-button.current{color: var(--blue);}
.km-site .nav-button.current::after,.km-site .nav-button[aria-expanded="true"]::after{transform: scaleX(1);}
.km-site .quote{display: inline-flex; align-items: center; justify-content: center; background: var(--blue); color: var(--white); padding: 11px 18px; font-size: 14px; font-weight: 650; gap: 18px; white-space: nowrap;}
.km-site .quote:hover{background: var(--navy);}
.km-site .quote span{font-size: 19px;}
.km-site .menu-panel{position: absolute; top: 100%; left: 0px; right: 0px; background: var(--white); border-bottom: 1px solid var(--line); box-shadow: 0 16px 24px var(--overlay);}
.km-site [hidden]{display: none !important;}
.km-site .panel-inner{display: grid; grid-template-columns: 240px 1fr; min-height: 210px; padding-top: 28px; padding-bottom: 28px; gap: 40px;}
.km-site .panel-title{border-right: 1px solid var(--line);}
.km-site .eyebrow{font-size: 12px; letter-spacing: 0.15em; font-weight: 700; color: var(--blue);}
.km-site .panel-title strong{display: block; font-size: 28px; margin: 8px 0px 16px;}
.km-site .panel-title small{color: var(--muted); font-size: 13px;}
.km-site .panel-links{display: grid; grid-template-columns: repeat(3, 1fr); align-content: start; gap: 3px 24px;}
.km-site .panel-links a{padding: 13px 8px; border-bottom: 1px solid var(--line); font-size: 15px; display: flex; justify-content: space-between; gap: 8px;}
.km-site .panel-links a::after{content: "↗"; color: var(--muted);}
.km-site .panel-links a:hover,.km-site .panel-links a[aria-current]{color: var(--blue); background: var(--wash);}
.km-site .hamburger{display: none; padding: 10px;}
.km-site .hero{background: linear-gradient(90deg, rgba(16, 43, 74, 0.6), rgba(16, 43, 74, 0.2)), url("https://komatsuelec.co.kr/common/img/sub/sub_vi01.jpg") center center / cover; min-height: 220px; color: var(--white);}
.km-site .hero .wrap{min-height: 220px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.km-site .hero small{font-size: 12px; letter-spacing: 0.18em; opacity: 0.8;}
.km-site .hero h1{font-size: 38px; letter-spacing: -0.04em; margin: 8px 0px;}
.km-site .hero p{font-size: 16px; margin: 0px; opacity: 0.9;}
.km-site .section-nav{border-bottom: 1px solid var(--line);}
.km-site .tabs{display: flex; gap: 0px; overflow-x: auto; scrollbar-width: thin;}
.km-site .tabs a{flex: 1 1 0%; white-space: nowrap; text-align: center; padding: 22px 20px 19px; border-bottom: 3px solid transparent; font-size: 15px; font-weight: 550; color: var(--muted);}
.km-site .tabs a[aria-current]{color: var(--blue); border-color: var(--blue); font-weight: 750;}
.km-site .tabs a:hover{color: var(--blue); background: var(--wash);}
.km-site .breadcrumb{font-size: 12px; color: var(--muted); text-align: right; margin-top: 22px;}
.km-site .content{padding-top: 22px; padding-bottom: 80px;}
.km-site .content h2{font-size: 36px; letter-spacing: -0.04em; margin: 5px 0px 10px;}
.km-site .intro{color: var(--muted); margin: 0px; max-width: 640px; font-size: 16px;}
.km-site .history{margin-top: 38px; border-top: 2px solid var(--navy);}
.km-site .history-label{padding: 17px 0px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; font-size: 13px; color: var(--muted);}
.km-site .history-label strong{color: var(--navy); font-size: 17px;}
.km-site .year{display: grid; grid-template-columns: 180px 1fr; padding: 28px 0px; border-bottom: 1px solid var(--line); gap: 30px;}
.km-site .year h3{font-size: 28px; margin: 0px; color: var(--blue); letter-spacing: -0.04em;}
.km-site .year ul{padding: 0px; margin: 0px; list-style: none;}
.km-site .year li{padding: 5px 0px; color: var(--muted); font-size: 15px;}
.km-site .year li::before{content: "—"; margin-right: 14px; color: var(--line);}
.km-site .drawer{padding: 0px; border: 0px; max-height: none; max-width: none; width: min(460px, 100vw); height: 100dvh; margin: 0px 0px 0px auto; color: var(--ink); background: var(--white);}
.km-site .drawer::backdrop{background: var(--overlay);}
.km-site .drawer-shell{min-height: 100%; display: flex; flex-direction: column;}
.km-site .drawer-top{display: flex; align-items: center; justify-content: space-between; padding: 22px 24px; border-bottom: 1px solid var(--line);}
.km-site .drawer-top img{width: 184px; display: block;}
.km-site .close{padding: 10px; margin-right: -10px;}
.km-site .drawer-label{margin: 24px 24px 8px;}
.km-site .mobile-nav{padding: 0px 24px;}
.km-site .mobile-group{border-bottom: 1px solid var(--line);}
.km-site .mobile-toggle{display: flex; width: 100%; align-items: center; justify-content: space-between; font-weight: 650; font-size: 21px; padding: 18px 0px; min-height: 64px;}
.km-site .mobile-toggle[aria-expanded="true"]{color: var(--blue);}
.km-site .mobile-toggle svg{width: 20px; height: 20px; transition: transform 0.15s;}
.km-site .mobile-toggle[aria-expanded="true"] svg{transform: rotate(180deg);}
.km-site .mobile-links{padding: 0px 0px 18px;}
.km-site .mobile-links a{display: block; padding: 11px 15px; font-size: 15px; color: var(--muted); min-height: 44px;}
.km-site .mobile-links a[aria-current]{background: var(--wash); border-left: 2px solid var(--blue); color: var(--blue); font-weight: 700;}
.km-site .drawer-bottom{padding: 28px 24px; margin-top: auto; background: var(--wash);}
.km-site .drawer-bottom .quote{width: 100%; min-height: 46px; justify-content: space-between;}
.km-site .drawer-bottom p{font-size: 12px; margin: 16px 0px 3px; color: var(--muted);}
.km-site .drawer-bottom .phone{font-size: 25px; font-weight: 700; letter-spacing: -0.03em;}
.km-site .drawer-bottom .social{display: flex; gap: 20px; font-size: 13px; color: var(--muted); margin-top: 16px;}
body.km-modal-open{overflow: hidden;}
@media (max-width: 1100px) {.km-site .header-row{gap: 24px;}
.km-site .desktop-nav{gap: 20px;}
.km-site .logo img{width: 185px;}
.km-site .nav-button{font-size: 16px;}
.km-site .header-row > .quote{display: none;}}
@media (max-width: 850px) {.km-site .wrap{padding-left: 22px; padding-right: 22px;}
.km-site .review .wrap{font-size: 11px; min-height: 30px;}
.km-site .review span:last-child{display: none;}
.km-site .utility,.km-site .desktop-nav{display: none;}
.km-site .header-row{height: 76px; justify-content: space-between;}
.km-site .logo img{width: 186px;}
.km-site .hamburger{display: block; margin-right: -10px;}
.km-site .hero,.km-site .hero .wrap{min-height: 185px;}
.km-site .hero h1{font-size: 30px;}
.km-site .hero p{font-size: 13px;}
.km-site .hero small{font-size: 10px;}
.km-site .section-nav .wrap{padding: 0px;}
.km-site .tabs{padding: 0px 8px;}
.km-site .tabs a{flex: 0 0 auto; font-size: 14px; padding: 18px 15px 15px;}
.km-site .breadcrumb{margin-top: 18px; font-size: 11px;}
.km-site .content{padding-top: 24px;}
.km-site .content h2{font-size: 30px;}
.km-site .intro{font-size: 14px; line-height: 1.7;}
.km-site .history{margin-top: 28px;}
.km-site .year{grid-template-columns: 1fr; gap: 10px; padding: 24px 0px;}
.km-site .year h3{font-size: 25px;}
.km-site .year li{font-size: 14px; display: flex; align-items: baseline;}
.km-site .year li::before{margin-right: 10px;}
.km-site .eyebrow{font-size: 11px;}
.km-site .drawer-label{margin-top: 20px;}}
@media (prefers-reduced-motion: reduce) {.km-site *{transition: none !important;}}
.km-site .existing-context{overflow: hidden; line-height: 0;}
.km-site .existing-context img{display: block; width: 100%; height: auto; margin-top: -9.30556vw;}
.km-site .context-note{margin: 0px; padding: 16px 24px; font-size: 12px; line-height: 1.6; color: var(--muted); background: var(--wash); border-top: 1px solid var(--line);}
@media (max-width: 850px) {.km-site .existing-context img{margin-top: -17.9487vw;}}
@media (max-width: 350px) {.km-site .existing-context img{margin-top: -21.875vw;}}
@media (min-width: 851px) {.km-site .header-row,.km-site .panel-inner{max-width: 1440px; padding-left: 40px; padding-right: 40px;}
.km-site .header-row{gap: 48px; height: 96px;}
.km-site .desktop-nav{justify-content: space-between; gap: 0px;}
.km-site .nav-item{flex: 1 1 0%; min-width: 0px;}
.km-site .nav-item:first-child{margin-left: 5%;}
.km-site .nav-item:last-child{margin-right: 5%;}
.km-site .nav-button{width: 100%; font-size: 18px;}
.km-site .nav-button::after{left: 20%; right: 20%;}
.km-site .panel-inner{grid-template-columns: 240px 1fr; gap: 48px;}
.km-site .panel-links a{padding-top: 16px; padding-bottom: 16px;}}
@media (min-width: 851px) and (max-width: 1100px) {.km-site .header-row,.km-site .panel-inner{padding-left: 28px; padding-right: 28px;}
.km-site .header-row{gap: 28px;}
.km-site .nav-button{font-size: 16px;}
.km-site .panel-inner{grid-template-columns: 190px 1fr; gap: 28px;}}
.km-site .utility{position: relative; z-index: 30;}
.km-site .utility .wrap{max-width: 1440px; padding: 0px 40px; height: 40px; gap: 24px;}
.km-site .utility-link{display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; min-height: 40px;}
.km-site .utility-link svg{width: 15px; height: 15px; stroke-width: 1.5;}
.km-site .global-select{position: relative; align-self: stretch;}
.km-site .global-select summary{display: flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; height: 100%; padding-left: 22px; border-left: 1px solid var(--line); font-size: 11px; font-weight: 650; letter-spacing: 0.05em;}
.km-site .global-select summary::-webkit-details-marker{display: none;}
.km-site .global-select summary:focus-visible{outline: 3px solid var(--focus); outline-offset: -3px;}
.km-site .global-select summary svg{width: 14px; height: 14px; transition: transform 0.15s;}
.km-site .global-select[open] summary{color: var(--blue);}
.km-site .global-select[open] summary svg{transform: rotate(180deg);}
.km-site .global-links{position: absolute; right: 0px; top: calc(100% + 1px); width: 218px; padding: 8px; background: var(--white); border: 1px solid var(--line); box-shadow: 0 12px 24px var(--overlay);}
.km-site .global-links a{display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 10px 12px; font-size: 13px; color: var(--ink);}
.km-site .global-links a:hover,.km-site .global-links a:focus-visible{background: var(--wash); color: var(--blue);}
.km-site .global-links span{color: var(--muted); font-size: 11px;}
.km-site .site-footer{background: var(--navy); color: var(--white);}
.km-site .footer-inner{max-width: 1440px; margin: auto; padding: 36px 40px; display: flex; align-items: center; justify-content: space-between; gap: 28px;}
.km-site .footer-caption{font-size: 11px; letter-spacing: 0.15em; opacity: 0.65; margin: 0px 0px 6px;}
.km-site .footer-title{font-size: 18px; font-weight: 650; margin: 0px;}
.km-site .footer-channels{display: flex; gap: 14px;}
.km-site .footer-channels a{display: flex; align-items: center; justify-content: space-between; min-width: 148px; min-height: 48px; padding: 12px 16px; border: 1px solid rgba(255, 255, 255, 0.333); font-size: 14px; gap: 32px;}
.km-site .footer-channels a:hover{background: rgba(255, 255, 255, 0.07); border-color: var(--white);}
.km-site .footer-channels svg{width: 16px; height: 16px;}
@media (max-width: 850px) {.km-site .utility{display: block;}
.km-site .utility .wrap{justify-content: flex-end; height: 44px; padding: 0px 16px; gap: 12px; font-size: 11px;}
.km-site .utility-link{min-height: 44px; gap: 4px;}
.km-site .utility-link svg{width: 13px; height: 13px;}
.km-site .global-select summary{padding-left: 12px; gap: 5px; font-size: 10px;}
.km-site .footer-inner{padding: 28px 22px; align-items: stretch; flex-direction: column; gap: 20px;}
.km-site .footer-channels{gap: 12px;}
.km-site .footer-channels a{flex: 1 1 0%; min-width: 0px; gap: 16px;}}
.km-site .header{z-index:1001}.km-site .utility{z-index:1002}.km-site .footer-title{color:#fff}.km-site .footer-caption{color:#fff}.km-site .drawer:not([open]){display:none}.km-site .drawer{position:fixed;float:none;top:0;bottom:0;left:auto;right:0}.km-site .global-links a{line-height:1.5}