@charset "utf-8";
/* 2026-10-27: 뉴스·공지사항 등 게시판 검색 입력칸과 버튼의 높이·중앙 정렬을 맞추고 제출 버튼의 폭 축소를 방지한다. */
.modern-subpages #sub_contents #bo_sch{display:block;width:min(440px,100%);max-width:100%;height:auto;margin:30px auto 10px;padding:0;border:0;min-width:0}
.modern-subpages #sub_contents #bo_sch form{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:0;padding:0;min-width:0}
.modern-subpages #sub_contents #bo_sch input[type=text]{display:block;flex:1 1 0;width:0;min-width:0;max-width:100%;height:44px;min-height:44px;margin:0;padding:10px 13px;border:1px solid #dce3e2;border-radius:7px;background:#fff;box-sizing:border-box;font-size:13px;line-height:22px;box-shadow:none}
.modern-subpages #sub_contents #bo_sch input[type=submit]{appearance:none;display:block;flex:0 0 80px;width:80px;min-width:80px;max-width:80px;height:44px;min-height:44px;margin:0;padding:0 16px;border:1px solid #26333b;border-radius:7px;background:#26333b;color:#fff;box-sizing:border-box;font-size:13px;font-weight:700;line-height:normal;text-align:center;text-indent:0;letter-spacing:0;box-shadow:none;cursor:pointer}
.modern-subpages #sub_contents #bo_sch input[type=submit]:hover{background:#3b4d57;border-color:#3b4d57}
/* 2026-10-27: 기존 본문·이미지·링크·양식과 순서는 그대로 두고 승인된 시안의 격자·여백·타이포그래피를 적용한다. */
.modern-subpages{color:#22292e;background:#fff;font-size:15px;line-height:1.85;word-break:keep-all;animation:none!important}
.modern-subpages #sub_contents{width:100%;min-width:0;padding:0;overflow:visible}
.modern-subpages #sub_contents .container,.modern-subpages>.main-sec-4-wrap>.container{width:min(1180px,calc(100% - 96px));max-width:1180px;min-width:0;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
.modern-subpages #sub_contents .row{margin-left:0;margin-right:0}
.modern-subpages #sub_contents .wow{visibility:visible!important;animation:none!important;opacity:1!important;transform:none!important}
.modern-subpages #sub_contents img:not(.gauce-product-logo){max-width:100%;height:auto!important}
.modern-subpages #sub_contents a:focus-visible,.modern-subpages #sub_contents button:focus-visible,.modern-subpages #sub_contents [role=button]:focus-visible{outline:2px solid #74808d;outline-offset:4px;border-radius:6px}
.modern-subpages #sub_contents p{word-break:keep-all;overflow-wrap:break-word}
/* 기존 대표 이미지는 오른쪽에 남기고 원래 제목·설명은 원문 순서대로 읽히게 한다. */
.modern-subpages #sub_contents>.sub_visual_area,.modern-subpages #sub_contents>.aboutus-inner6{position:relative;display:flex;align-items:center;width:100%;height:auto;min-height:330px;min-width:0;max-width:none;padding:52px max(48px,calc((100vw - 1180px)/2));background-attachment:scroll;background-size:48% auto;background-position:right center;background-repeat:no-repeat;background-color:#f8f9f7;text-align:left;border-bottom:1px solid #e7e9e5;isolation:isolate}
.modern-subpages #sub_contents>.sub_visual_area:before,.modern-subpages #sub_contents>.aboutus-inner6:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 0%,#fff 47%,rgba(255,255,255,.88) 64%,rgba(255,255,255,.12) 100%)}
.modern-subpages #sub_contents .sub_visual_area .title,.modern-subpages #sub_contents .aboutus-inner6 .title{display:block;position:static;width:100%;max-width:760px;padding:0;margin:0;color:#252d32;text-align:left;text-shadow:none;font-size:40px;line-height:1.5;font-weight:800;letter-spacing:-.055em}
.modern-subpages #sub_contents .sub_visual_area .title.white,.modern-subpages #sub_contents .aboutus-inner6 .title.white{color:#252d32;text-shadow:none}
.modern-subpages #sub_contents .sub_visual_area .title>div:first-child,.modern-subpages #sub_contents .aboutus-inner6 .title>div:first-child{font-size:15px;line-height:1.8;color:#79858c;font-weight:400;letter-spacing:-.025em;max-width:650px}
.modern-subpages #sub_contents .sub_visual_area .title>.prodname,.modern-subpages #sub_contents .sub_visual_area .title>div+div,.modern-subpages #sub_contents .aboutus-inner6 .title>div+div{font-size:46px;line-height:1.4;color:#242b30;font-weight:800;letter-spacing:-.045em;margin-top:15px!important}
.modern-subpages #sub_contents .aboutus-inner6 .title-wrap{display:block;width:100%;min-width:0;height:auto}
.modern-breadcrumbs{width:min(1180px,calc(100% - 96px));margin:0 auto;padding:22px 0;font-size:11px;color:#8e989e;display:flex;align-items:center;gap:11px}
.modern-breadcrumbs a{color:#8e989e}.modern-breadcrumbs span:last-child{color:#45535c}
.modern-section-nav{border-bottom:1px solid #e3e7e8;background:#fff;position:sticky;top:56px;z-index:90}
.modern-section-nav>div{display:flex;gap:30px;width:min(1180px,calc(100% - 96px));margin:auto;overflow:auto}
.modern-section-nav a{white-space:nowrap;padding:17px 0;border-bottom:2px solid transparent;color:#8c979e;font-size:13px}
.modern-section-nav a[aria-current=page]{color:#28353d;font-weight:800;border-bottom-color:#ec3c31}
.modern-subpages #sub_contents .aboutus-inner1{padding:40px 0;margin:0;font-size:17px;line-height:1.9;text-align:left;color:#58676f}
.modern-subpages #sub_contents .aboutus-inner1.pt0{padding-top:0}
.modern-subpages #sub_contents .aboutus-inner1 p{font-size:17px;line-height:1.95;color:#58676f}
.modern-subpages #sub_contents .prod-logo-wrap{padding-top:38px;padding-bottom:28px;margin:0;text-align:center}
.modern-subpages #sub_contents .block-section{padding:58px 0;margin:0;border-bottom:1px solid #eef0ed}
.modern-subpages #sub_contents .block-section>.container{padding-top:0!important;padding-bottom:0}
.modern-subpages #sub_contents .bg-gray,.modern-subpages #sub_contents .bg-gray2{background:#f7f8f5}
.modern-subpages #sub_contents .bg-white{background:#fff}
.modern-subpages #sub_contents .mt50,.modern-subpages #sub_contents .mt60,.modern-subpages #sub_contents .mt70{margin-top:30px!important}
.modern-subpages #sub_contents .title2,.modern-subpages #sub_contents .title3,.modern-subpages #sub_contents .sub-title3,.modern-subpages #sub_contents .sub-title-h5{font-size:28px;font-weight:800;line-height:1.55;letter-spacing:-.045em;color:#26343b;text-align:left;margin:0 0 21px;padding:0;background:none}
.modern-subpages #sub_contents h4.sub-title3>span{padding:0;background:none;color:#26343b}
.modern-subpages #sub_contents .inno-1>p,.modern-subpages #sub_contents .inno-1 .row>p{font-size:14px;line-height:1.9;color:#849098;text-align:left}
.modern-subpages #sub_contents .hor-line,.modern-subpages #sub_contents .vert-line{height:1px;width:100%;background:#e5e8e5;margin:24px 0;display:block}
.modern-subpages #sub_contents .line02,.modern-subpages #sub_contents .line05{height:1px;background:#e7eae7;min-height:0}
.modern-subpages #sub_contents .xena-point-bg,.modern-subpages #sub_contents .xena-point-bg2,.modern-subpages #sub_contents .xena-point-bg3{padding:46px 0;min-height:0;font-size:16px;line-height:1.9;text-align:center;background-position:center;background-size:contain}
.modern-subpages #sub_contents .xena-point-bg p,.modern-subpages #sub_contents .xena-point-bg2 p,.modern-subpages #sub_contents .xena-point-bg3 p{font-size:16px;line-height:1.9;color:#6f7f87}
.modern-subpages #sub_contents .xena-point-bg .title2{text-align:center}
.modern-subpages #sub_contents .icons{margin:0 auto 24px;max-width:420px}
.modern-subpages #sub_contents .icons img{display:block;margin:auto;max-width:100%;max-height:170px;object-fit:contain}
.modern-subpages #sub_contents .tech-icon-wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 auto;padding:10px 0 40px;width:100%;clear:both;overflow:visible}
.modern-subpages #sub_contents .tech-icon-wrap:before,.modern-subpages #sub_contents .tech-icon-wrap:after{display:none}
.modern-subpages #sub_contents .tech-icon{float:none;width:auto;height:auto;min-height:155px;min-width:0;border:1px solid #e2e7e6;border-radius:12px;margin:0!important;padding:22px 16px;background-color:white;box-shadow:none}
.modern-subpages #sub_contents .tech-icon .icon{height:44px;width:52px;margin:0 auto 17px;padding:0;background-size:contain;background-position:center;background-repeat:no-repeat}
.modern-subpages #sub_contents .tech-icon .cont{font-size:13px;line-height:1.75;font-weight:700;color:#576970;padding:0;height:auto}
.modern-subpages #sub_contents .fieldtoapply{display:block;padding:0 0 40px}
.modern-subpages #sub_contents .fieldtoapply .tech-icon{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:25px;width:100%;border:0;border-bottom:1px solid #e2e7e6;border-radius:0;min-height:112px;padding:24px 10px}
.modern-subpages #sub_contents .fieldtoapply .icon{margin:0 auto}
.modern-subpages #sub_contents .fieldtoapply .cont{text-align:left;font-size:17px;line-height:1.8}
.modern-subpages #sub_contents .bx-wrapper{width:100%;max-width:100%!important;border:1px solid #e0e5e5;border-radius:14px;background:#fff;box-shadow:0 12px 35px #18313e08;margin:24px 0 55px;padding:20px 25px 25px}
.modern-subpages #sub_contents .bx-viewport{box-shadow:none;border:0;left:0;background:#fff;max-width:100%}
.modern-subpages #sub_contents .slide-wrap{margin:24px 0 0;width:100%;max-width:100%;height:auto}
.modern-subpages #sub_contents .bxslider .title{font-size:15px;font-weight:700;line-height:1.8;color:#647781;padding:10px 0 20px;text-align:left;width:100%;height:auto}
.modern-subpages #sub_contents .bxslider img{margin:auto;max-width:100%;object-fit:contain}
.modern-subpages #sub_contents .bx-wrapper .bx-pager{bottom:-32px;padding:0}
.modern-subpages #sub_contents .bx-wrapper .bx-pager.bx-default-pager a{background:#d6dee1;width:6px;height:6px;margin:0 5px}
.modern-subpages #sub_contents .bx-wrapper .bx-pager.bx-default-pager a.active{background:#e44437}
.modern-subpages #sub_contents .goto-link{margin:26px auto 35px;text-align:center}
.modern-subpages #sub_contents .button.raised{background:#26333b;border-radius:7px;border:0;box-shadow:none;height:auto;min-height:48px;line-height:1.8;font-size:13px;min-width:0;max-width:100%;padding:0}
.modern-subpages #sub_contents .button.raised>div{padding:0;height:auto}
.modern-subpages #sub_contents .button.raised a{display:inline-flex;align-items:center;gap:12px;color:white;padding:14px 22px;min-height:48px;white-space:normal}
/* 회사 소개의 원래 구역과 팝업은 유지한다. */
.modern-subpages #sub_contents .sec-margin{margin-top:56px}
.modern-subpages #sub_contents .aboutus-inner2{font-size:15px;line-height:1.95;color:#6d7b83;padding-bottom:20px}
.modern-subpages #sub_contents .aboutus-inner2 .row,.modern-subpages #sub_contents .aboutus-inner3 .row,.modern-subpages #sub_contents .modern-ci-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.modern-subpages #sub_contents .aboutus-inner2 .row:before,.modern-subpages #sub_contents .aboutus-inner2 .row:after,.modern-subpages #sub_contents .aboutus-inner3 .row:before,.modern-subpages #sub_contents .aboutus-inner3 .row:after,.modern-subpages #sub_contents .modern-ci-row:before,.modern-subpages #sub_contents .modern-ci-row:after{display:none}
.modern-subpages #sub_contents .aboutus-inner2 .row>[class*=col-],.modern-subpages #sub_contents .aboutus-inner3 .row>[class*=col-],.modern-subpages #sub_contents .modern-ci-row>div{float:none;width:100%;padding:0;margin:0}
.modern-subpages #sub_contents .aboutus-inner2 h3{font-size:28px;font-weight:800;color:#2b3941;margin:0 0 18px;padding:0;letter-spacing:-.04em}
.modern-subpages #sub_contents .aboutus-inner2 .mt40{margin-top:32px}
.modern-subpages #sub_contents .aboutus-inner3{height:auto;padding:45px 0;background:#f7f8f5}
.modern-subpages #sub_contents .aboutus-inner3 img{display:block;margin:auto;max-height:340px;object-fit:contain}
.modern-subpages #sub_contents .aboutus-inner3 .ceo-box-wrap{padding-top:0}
.modern-subpages #sub_contents .aboutus-inner3 .ceo-box-wrap h4{color:#8c989f;font-size:12px;letter-spacing:.08em;margin-bottom:16px}
.modern-subpages #sub_contents .aboutus-inner3 .ceo-box{padding:30px;border:1px solid #dfe5e3;border-radius:12px;background:#fff;color:#44555f;text-align:left;font-size:18px;line-height:1.9}
.modern-subpages #sub_contents .aboutus-inner3 a{color:#374e5a}
.modern-subpages #sub_contents .aboutus-inner4 .contents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.modern-subpages #sub_contents .aboutus-inner4 .contents:before,.modern-subpages #sub_contents .aboutus-inner4 .contents:after{display:none}
.modern-subpages #sub_contents .aboutus-inner4 .contents>div{width:100%;height:320px;float:none;margin:0;border-radius:12px;position:relative}
.modern-subpages #sub_contents .aboutus-inner4 .contents>div .image{height:320px}
.modern-subpages #sub_contents .aboutus-inner4 .contents .txt-wrapper{padding:32px 25px;inset:0}
.modern-subpages #sub_contents .aboutus-inner4 .contents .txt-wrapper p{font-size:20px;line-height:1.5;height:auto;letter-spacing:-.035em}
.modern-subpages #sub_contents .aboutus-inner4 .contents .txt-wrapper em{margin-top:65px;font-size:13px}
.modern-subpages #sub_contents .aboutus-inner4 .contents .txt-wrapper em strong{font-size:16px}
.modern-subpages #sub_contents .aboutus-inner5{padding-bottom:50px}
.modern-subpages #sub_contents .logo-desc{font-size:15px;line-height:1.9;margin:25px 0;color:#77858d}
.modern-subpages #sub_contents .modern-ci-row>div{border:1px solid #e2e7e5;border-radius:12px;padding:20px;background:#fff}
.modern-subpages #sub_contents .modern-ci-row img{max-width:100%;width:100%!important;object-fit:contain}
.modern-subpages #sub_contents table.table01{font-size:14px;line-height:1.9;width:100%;table-layout:fixed}
.modern-subpages #sub_contents table.table01 td,.modern-subpages #sub_contents table.table01 th{padding:16px;border-color:#e5e9e7;overflow-wrap:anywhere}
.modern-subpages #sub_contents table.logos img{max-height:85px;object-fit:contain}
/* 연혁 원문의 시대·연도·사건 순서를 바꾸지 않고 펼쳐서 읽는 타임라인으로 표시한다. */
.modern-subpages #sub_contents .aboutus-inner7{padding:34px 0 60px;background:#fff}
.modern-subpages #sub_contents .history-title{height:auto;position:static;padding:0 24px 35px}
.modern-subpages #sub_contents .history-title>img{position:static;width:min(100%,420px);height:auto;margin:0 auto;display:block}
.modern-era-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;border-bottom:1px solid #e4e8e6;padding-bottom:20px}
.modern-era-nav a{padding:9px 14px;border:1px solid #e2e7e5;border-radius:7px;background:#fff;font-size:12px;color:#74838c}
.modern-era-nav a:hover{background:#fff2ee;color:#cf392f;border-color:#edccc5}
.modern-subpages #sub_contents .history-box-list>li{margin-bottom:38px;scroll-margin-top:100px}
.modern-subpages #sub_contents .history-box{height:auto;min-height:110px;display:grid;grid-template-columns:170px 1fr 36px;gap:15px;align-items:center;text-align:left;padding:24px 28px;border:1px solid #e1e7e5;border-radius:10px;background-position:center;background-size:cover;background-color:rgba(255,255,255,.9);background-blend-mode:screen}
.modern-subpages #sub_contents .history-box em{font-style:normal;font-size:20px;font-weight:800;letter-spacing:-.03em;line-height:1.5;color:#2d3c44}
.modern-subpages #sub_contents .history-box p{font-size:16px;font-weight:400;color:#74838a;line-height:1.7}
.modern-subpages #sub_contents .history-box .openclose{position:static;display:grid;place-items:center;margin:0;padding:0;width:34px;height:34px;background:#fff;border:1px solid #dbe2df;border-radius:8px;color:#64777f;cursor:pointer}
.modern-subpages #sub_contents .history-box .openclose:before{content:'+';font-size:20px;line-height:1}
.modern-subpages #sub_contents .history-box .openclose.active:before{content:'−'}
.modern-subpages #sub_contents .history-cont{display:block;background:#fafbf8;padding:0 28px;border-radius:0 0 10px 10px}
.modern-subpages #sub_contents .history-cont[hidden]{display:none!important}
.modern-subpages #sub_contents .bgr_timeline{padding:0;margin:0;background:none;overflow:visible}
.modern-subpages #sub_contents .bgr_timeline>article{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);gap:28px;float:none;width:100%;min-height:0;left:auto;right:auto;top:auto;margin:0;padding:28px 0;border-bottom:1px solid #e2e8e4;background:none;text-align:left;clear:both}
.modern-subpages #sub_contents .bgr_timeline>article:empty{display:none}
.modern-subpages #sub_contents .year_number,.modern-subpages #sub_contents .par .year_number,.modern-subpages #sub_contents .impar .year_number{float:none;position:static;margin:0;padding:0;width:auto;text-align:left;background:none}
.modern-subpages #sub_contents .year_number h5{font-size:28px;line-height:1.5;color:#25343d;font-weight:800;letter-spacing:-.045em;margin:0}
.modern-subpages #sub_contents .year_content,.modern-subpages #sub_contents .par .year_content,.modern-subpages #sub_contents .impar .year_content{float:none;position:static;left:auto;right:auto;top:auto;width:auto;max-width:none;min-width:0;padding:0;margin:0;text-align:left;background:none}
.modern-subpages #sub_contents .year_content .li_dot3{margin:0;padding:0;list-style:none}
.modern-subpages #sub_contents .year_content li{font-size:14px;line-height:1.95;color:#6c7e86;padding:4px 0 4px 14px;position:relative;text-align:left;overflow-wrap:anywhere}
.modern-subpages #sub_contents .year_content li:before{position:absolute;left:0;color:#e34b3b;font-size:11px}
/* 구축 사례는 원래 고객군과 항목 순서를 유지하고 설명을 항상 읽을 수 있는 카드로 표시한다. */
.modern-reference-tools{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 0 28px;flex-wrap:wrap}
.modern-reference-tools label{display:flex;align-items:center;gap:10px;font-size:13px;color:#687d87;margin:0;flex:1;min-width:240px}
.modern-reference-search{width:min(100%,420px);height:44px;padding:10px 14px;border:1px solid #dce4e1;border-radius:7px;background:#fff;font-size:13px}
.modern-reference-tools output{font-size:12px;color:#93a0a5}
.modern-subpages #sub_contents .refer-title{height:auto;min-height:44px;line-height:1.6;font-size:22px;color:#334a57;font-weight:800;margin:36px 0 20px;padding:8px 0 8px 56px;background-size:36px 36px;background-position:left center}
.modern-subpages #sub_contents ul.refer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border:0;background:transparent;overflow:visible;margin:0 0 42px;padding:0}
.modern-subpages #sub_contents ul.refer:before,.modern-subpages #sub_contents ul.refer:after{display:none}
.modern-subpages #sub_contents ul.refer>li{float:none;position:relative;width:auto!important;height:auto!important;min-height:200px;padding:24px;border:1px solid #e0e7e3;border-radius:12px;background:#fff;text-align:left;display:flex;flex-direction:column;overflow:visible}
.modern-subpages #sub_contents ul.refer>li[hidden]{display:none!important}
.modern-subpages #sub_contents ul.refer>li>img{display:block;width:auto;max-width:175px;max-height:58px;object-fit:contain;margin:0 0 20px}
.modern-subpages #sub_contents ul.refer>li>a,.modern-subpages #sub_contents ul.refer>li>a:hover{position:static;inset:auto;display:block;opacity:1;background:transparent;color:#778b95;padding:0;margin:0;font-size:13px;line-height:1.8}
.modern-subpages #sub_contents ul.refer>li>a>span,.modern-subpages #sub_contents ul.refer>li>a:hover>span{display:block;position:static;width:auto;height:auto;margin:0;padding:0;text-align:left;line-height:1.85;color:#778b95;font-size:13px;font-weight:400;background:none}
.modern-subpages #sub_contents ul.refer>li:hover{border-color:#bac9ce}
/* 지원 절차와 실제 문의 양식은 기존 항목·전송 주소·필수값을 그대로 사용한다. */
.modern-subpages #sub_contents .technical{padding-bottom:50px}
.modern-subpages #sub_contents .policy{padding:40px 0;border-top:1px solid #e4e9e5;margin:0}
.modern-subpages #sub_contents .policy_cont_h4{font-size:17px;line-height:1.85;color:#7c8d95;text-align:left;margin:0 0 28px;font-weight:400}
.modern-subpages #sub_contents .policy .clfix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;margin:0;padding:0;list-style:none}
.modern-subpages #sub_contents .policy .clfix:before,.modern-subpages #sub_contents .policy .clfix:after{display:none}
.modern-subpages #sub_contents .policy .clfix>li{width:auto;float:none;min-width:0;border:1px solid #e2e7e4;border-radius:12px;margin:0;padding:22px;background:#fff}
.modern-subpages #sub_contents .policy .content_title{height:auto;min-height:90px;padding:65px 0 12px;font-size:19px;line-height:1.6;color:#384d58;font-weight:800;background-size:40px 40px;background-position:center 5px;text-align:center}
.modern-subpages #sub_contents .policy .content_title .num{display:inline;margin:0 8px 0 0;color:#d95140;font-size:12px;position:static}
.modern-subpages #sub_contents .policy .content_txt{padding:10px 0 6px;min-height:0;height:auto;font-size:14px;line-height:1.9;color:#84959b;text-align:center}
.modern-subpages #sub_contents .contact-inner1{margin:38px 0 0;text-align:left;font-size:26px;font-weight:800;color:#334d5b}
.modern-subpages #sub_contents .contact-inner1 img{width:24px;max-height:27px;object-fit:contain;display:inline-block}
.modern-subpages #sub_contents .contact-inner2{padding:14px 0 30px;text-align:left;font-size:14px;color:#84959e}
.modern-subpages #sub_contents .contact-table{width:100%;max-width:100%;table-layout:fixed;border-top:1px solid #d8e2de;font-size:13px}
.modern-subpages #sub_contents .contact-table th,.modern-subpages #sub_contents .contact-table td{padding:16px 13px;border-color:#e5eae7;line-height:1.9}
.modern-subpages #sub_contents .contact-table th{font-weight:700;color:#556e7b;background:#fafbf8}
.modern-subpages #sub_contents .contact-table input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.modern-subpages #sub_contents .contact-table textarea,.modern-subpages #sub_contents .contact-table select{width:100%!important;max-width:100%;min-height:44px;height:auto;padding:11px 12px;border:1px solid #dfe6e2;border-radius:6px;background:#fff;font-size:14px;line-height:1.6}
.modern-subpages #sub_contents .contact-table textarea{min-height:160px;resize:vertical}
.modern-subpages #sub_contents .contact-table .lline,.modern-subpages #sub_contents .contact-table .rline{border-left:0;border-right:0}
.modern-subpages #sub_contents .contact-table tfoot td{padding:24px 0}
.modern-subpages #sub_contents iframe{max-width:100%;border-radius:12px}
.modern-subpages #sub_contents .tbl_head01 table,.modern-subpages #sub_contents .tbl_head02 table{width:100%;border:1px solid #e2e8e4;font-size:13px;border-radius:10px}
.modern-subpages #sub_contents .tbl_head01 th,.modern-subpages #sub_contents .tbl_head02 th{background:#f6f8f4;border-color:#e1e8e3;padding:15px 10px;color:#647d88}
.modern-subpages #sub_contents .tbl_head01 td,.modern-subpages #sub_contents .tbl_head02 td{border-color:#e6ece7;padding:18px 10px;white-space:normal;overflow-wrap:break-word}
.modern-subpages #sub_contents .board-top-margin{margin-top:40px}
.modern-subpages .portal{margin-top:44px;box-shadow:none;border:1px solid #e3e9e4;border-radius:12px;padding:28px;width:min(1180px,calc(100% - 96px));font-size:14px}
.modern-subpages .portal h1{font-size:30px;letter-spacing:-.045em}
.modern-subpages>.main-sec-4-wrap{background:#f7f8f4;padding:45px 0 35px}
.modern-subpages>.main-sec-4-wrap .contents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.modern-subpages>.main-sec-4-wrap .contents:before,.modern-subpages>.main-sec-4-wrap .contents:after{display:none}
.modern-subpages>.main-sec-4-wrap .contents>div{width:auto;float:none;min-width:0;border-radius:10px;overflow:hidden}
.modern-subpages>.main-sec-4-wrap .copyright{font-size:11px;line-height:1.9;color:#8b9aa1;overflow-wrap:anywhere}
@media(max-width:1100px){.modern-subpages #sub_contents .container,.modern-subpages>.main-sec-4-wrap>.container,.modern-breadcrumbs,.modern-section-nav>div{width:calc(100% - 64px)}.modern-subpages #sub_contents>.sub_visual_area,.modern-subpages #sub_contents>.aboutus-inner6{padding:40px 32px;min-height:300px}.modern-subpages #sub_contents .sub_visual_area .title>.prodname,.modern-subpages #sub_contents .sub_visual_area .title>div+div,.modern-subpages #sub_contents .aboutus-inner6 .title>div+div{font-size:40px}.modern-subpages #sub_contents .history-box{grid-template-columns:145px 1fr 34px;padding:20px}.modern-subpages #sub_contents .tech-icon-wrap{grid-template-columns:repeat(4,minmax(0,1fr))}.modern-subpages #sub_contents .tech-icon .cont{font-size:12px}.modern-subpages #sub_contents .aboutus-inner4 .contents .txt-wrapper{padding:25px 20px}.modern-subpages #sub_contents .aboutus-inner4 .contents .txt-wrapper p{font-size:18px}}
@media(max-width:760px){.modern-subpages{font-size:14px}.modern-subpages #sub_contents .container,.modern-subpages>.main-sec-4-wrap>.container,.modern-breadcrumbs,.modern-section-nav>div{width:calc(100% - 44px)}.modern-breadcrumbs{font-size:10px;padding:19px 0;gap:8px}.modern-subpages #sub_contents>.sub_visual_area,.modern-subpages #sub_contents>.aboutus-inner6{min-height:245px;padding:34px 22px;background-size:cover;background-position:center}.modern-subpages #sub_contents>.sub_visual_area:before,.modern-subpages #sub_contents>.aboutus-inner6:before{background:linear-gradient(90deg,#fffffff0,#ffffffd9 60%,#ffffff99)}.modern-subpages #sub_contents .sub_visual_area .title,.modern-subpages #sub_contents .aboutus-inner6 .title{font-size:30px;line-height:1.6}.modern-subpages #sub_contents .sub_visual_area .title>div:first-child,.modern-subpages #sub_contents .aboutus-inner6 .title>div:first-child{font-size:12px;line-height:1.9}.modern-subpages #sub_contents .sub_visual_area .title>.prodname,.modern-subpages #sub_contents .sub_visual_area .title>div+div,.modern-subpages #sub_contents .aboutus-inner6 .title>div+div{font-size:31px;line-height:1.45;margin-top:14px!important;overflow-wrap:anywhere}.modern-section-nav>div{gap:25px}.modern-section-nav a{font-size:12px;padding:14px 0}.modern-subpages #sub_contents .aboutus-inner1{padding:30px 0}.modern-subpages #sub_contents .aboutus-inner1 p{font-size:14px;line-height:1.95}.modern-subpages #sub_contents .prod-logo-wrap{padding-top:28px;padding-bottom:20px}.modern-subpages #sub_contents .title2,.modern-subpages #sub_contents .title3,.modern-subpages #sub_contents .sub-title3,.modern-subpages #sub_contents .sub-title-h5{font-size:23px;line-height:1.6;margin-bottom:17px}.modern-subpages #sub_contents .block-section{padding:38px 0}.modern-subpages #sub_contents .inno-1 .row>p{font-size:12px;line-height:1.95}.modern-subpages #sub_contents .tech-icon-wrap{grid-template-columns:1fr 1fr;gap:12px;padding-bottom:30px}.modern-subpages #sub_contents .tech-icon{min-height:142px;padding:20px 12px}.modern-subpages #sub_contents .tech-icon .cont{font-size:12px;line-height:1.85}.modern-subpages #sub_contents .fieldtoapply{display:block}.modern-subpages #sub_contents .fieldtoapply .tech-icon{grid-template-columns:45px 1fr;gap:20px;min-height:105px;padding:20px 5px}.modern-subpages #sub_contents .fieldtoapply .cont{font-size:14px}.modern-subpages #sub_contents .fieldtoapply .icon{width:40px;height:40px}.modern-subpages #sub_contents .bx-wrapper{padding:14px 12px;margin-bottom:45px;border-radius:10px}.modern-subpages #sub_contents .bxslider .title{font-size:13px;line-height:1.85;padding-bottom:15px}.modern-subpages #sub_contents .xena-point-bg,.modern-subpages #sub_contents .xena-point-bg2,.modern-subpages #sub_contents .xena-point-bg3{padding:35px 0;font-size:14px}.modern-subpages #sub_contents .xena-point-bg p,.modern-subpages #sub_contents .xena-point-bg2 p,.modern-subpages #sub_contents .xena-point-bg3 p{font-size:14px}.modern-subpages #sub_contents .icons{max-width:250px;margin-bottom:20px}.modern-subpages #sub_contents .aboutus-inner2 .row,.modern-subpages #sub_contents .aboutus-inner3 .row,.modern-subpages #sub_contents .modern-ci-row{grid-template-columns:1fr;gap:25px}.modern-subpages #sub_contents .aboutus-inner2{font-size:14px}.modern-subpages #sub_contents .aboutus-inner2 h3{font-size:24px}.modern-subpages #sub_contents .aboutus-inner3{padding:30px 0}.modern-subpages #sub_contents .aboutus-inner3 img{max-height:260px}.modern-subpages #sub_contents .aboutus-inner3 .ceo-box{font-size:16px;padding:24px}.modern-subpages #sub_contents .aboutus-inner4 .contents{grid-template-columns:1fr;gap:16px}.modern-subpages #sub_contents .aboutus-inner4 .contents>div,.modern-subpages #sub_contents .aboutus-inner4 .contents>div .image{height:265px}.modern-subpages #sub_contents .aboutus-inner4 .contents .txt-wrapper p{font-size:22px}.modern-subpages #sub_contents .aboutus-inner4 .contents .txt-wrapper em{margin-top:50px}.modern-subpages #sub_contents .logo-desc{font-size:13px;margin:20px 0}.modern-subpages #sub_contents table.table01{font-size:12px}.modern-subpages #sub_contents table.table01 td,.modern-subpages #sub_contents table.table01 th{padding:11px;overflow-wrap:anywhere}.modern-subpages #sub_contents .aboutus-inner7{padding-top:25px}.modern-subpages #sub_contents .history-title{padding:0 20px 25px}.modern-subpages #sub_contents .history-title>img{max-width:300px}.modern-era-nav{gap:7px;margin-bottom:25px;padding-bottom:18px}.modern-era-nav a{font-size:10px;padding:8px 11px}.modern-subpages #sub_contents .history-box{grid-template-columns:1fr 32px;gap:7px 12px;padding:19px 18px;min-height:105px}.modern-subpages #sub_contents .history-box em{font-size:19px}.modern-subpages #sub_contents .history-box p{font-size:12px;grid-column:1;grid-row:2}.modern-subpages #sub_contents .history-box .openclose{grid-column:2;grid-row:1/span 2;width:30px;height:30px}.modern-subpages #sub_contents .history-cont{padding:0 15px}.modern-subpages #sub_contents .bgr_timeline>article{grid-template-columns:65px minmax(0,1fr);gap:14px;padding:22px 0}.modern-subpages #sub_contents .year_number h5{font-size:23px}.modern-subpages #sub_contents .year_content li{font-size:12px;line-height:1.95;padding-left:10px}.modern-reference-tools{gap:15px;padding-top:0}.modern-reference-tools label{min-width:0;width:100%;flex:none;font-size:12px}.modern-reference-search{flex:1;min-width:0;width:auto;font-size:12px}.modern-reference-tools output{font-size:11px}.modern-subpages #sub_contents .refer-title{font-size:19px;line-height:1.7;padding-left:44px;background-size:29px 29px;margin:28px 0 18px}.modern-subpages #sub_contents ul.refer{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:32px}.modern-subpages #sub_contents ul.refer>li{min-height:175px;padding:16px}.modern-subpages #sub_contents ul.refer>li>img{max-width:100%;max-height:45px;margin-bottom:15px}.modern-subpages #sub_contents ul.refer>li>a>span,.modern-subpages #sub_contents ul.refer>li>a:hover>span{font-size:11px;line-height:1.9;overflow-wrap:anywhere}.modern-subpages #sub_contents .policy{padding:30px 0}.modern-subpages #sub_contents .policy_cont_h4{font-size:14px;line-height:1.9;margin-bottom:23px}.modern-subpages #sub_contents .policy .clfix{grid-template-columns:1fr;gap:15px}.modern-subpages #sub_contents .policy .clfix>li{padding:20px}.modern-subpages #sub_contents .policy .content_txt{font-size:13px}.modern-subpages #sub_contents .contact-inner1{font-size:23px;margin-top:30px}.modern-subpages #sub_contents .contact-inner2{font-size:12px;line-height:1.9}.modern-subpages #sub_contents .contact-table,.modern-subpages #sub_contents .contact-table tbody,.modern-subpages #sub_contents .contact-table tfoot{display:block;width:100%}.modern-subpages #sub_contents .contact-table colgroup{display:none}.modern-subpages #sub_contents .contact-table tbody tr{display:grid;grid-template-columns:1fr;gap:9px;padding:18px 0;border-bottom:1px solid #e3e9e4}.modern-subpages #sub_contents .contact-table th,.modern-subpages #sub_contents .contact-table td{display:block;width:100%;padding:0;border:0;background:transparent;float:none;font-size:12px;line-height:1.9;overflow-wrap:anywhere}.modern-subpages #sub_contents .contact-table th{padding-top:6px;font-size:12px}.modern-subpages #sub_contents .contact-table textarea{min-height:150px}.modern-subpages #sub_contents .contact-table input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.modern-subpages #sub_contents .contact-table textarea,.modern-subpages #sub_contents .contact-table select{font-size:13px}.modern-subpages #sub_contents .tbl_head01 th,.modern-subpages #sub_contents .tbl_head01 td{padding:13px 5px;font-size:11px}.modern-subpages .portal{width:calc(100% - 44px);margin-top:28px;padding:20px;font-size:13px}.modern-subpages .portal h1{font-size:25px}.modern-subpages>.main-sec-4-wrap{padding-top:32px}.modern-subpages>.main-sec-4-wrap .contents{grid-template-columns:1fr;gap:14px}.modern-subpages #sub_contents .button.raised a{padding:13px 17px;font-size:12px}.modern-subpages #sub_contents .mt50,.modern-subpages #sub_contents .mt60,.modern-subpages #sub_contents .mt70{margin-top:24px!important}}
@media(max-width:370px){.modern-subpages #sub_contents .container,.modern-subpages>.main-sec-4-wrap>.container,.modern-breadcrumbs,.modern-section-nav>div{width:calc(100% - 36px)}.modern-subpages #sub_contents ul.refer{grid-template-columns:1fr}.modern-subpages #sub_contents .bgr_timeline>article{grid-template-columns:55px minmax(0,1fr);gap:10px}.modern-subpages #sub_contents .year_number h5{font-size:21px}.modern-subpages #sub_contents .year_content li{font-size:11px}.modern-subpages #sub_contents .sub_visual_area .title>div+div{font-size:28px}}
@media(prefers-reduced-motion:reduce){.modern-subpages *{animation:none!important;transition:none!important}}
/* 2026-10-27: 기존 절대 위치와 바깥쪽 슬라이더 화살표를 새 격자 안에 맞추고 모바일 대표이사 영역의 고정 폭을 해제한다. */
.modern-subpages #sub_contents .history-box em,.modern-subpages #sub_contents .history-box p{position:static;float:none;left:auto;right:auto;top:auto;bottom:auto;margin:0;width:auto;max-width:none}
.modern-subpages #sub_contents .bx-wrapper .bx-controls-direction a{display:grid;place-items:center;width:36px;height:36px;top:50%;margin-top:-18px;border:1px solid #dce3e2;border-radius:50%;background:#ffffffed;text-indent:0!important;font-size:0;box-shadow:0 3px 12px #243d4810}
.modern-subpages #sub_contents .bx-wrapper .bx-prev{left:9px!important}
.modern-subpages #sub_contents .bx-wrapper .bx-next{right:9px!important}
.modern-subpages #sub_contents .bx-wrapper .bx-prev:before{content:'‹';font-size:24px;line-height:1;color:#687f88}
.modern-subpages #sub_contents .bx-wrapper .bx-next:before{content:'›';font-size:24px;line-height:1;color:#687f88}
.modern-subpages #sub_contents .aboutus-inner3 .ceo-box-wrap,.modern-subpages #sub_contents .aboutus-inner3 .ceo-box{max-width:100%;box-sizing:border-box}
@media(max-width:760px){.modern-subpages #sub_contents .aboutus-inner3 .ceo-box-wrap,.modern-subpages #sub_contents .aboutus-inner3 .ceo-box{width:100%!important;float:none;margin-left:0;margin-right:0}.modern-subpages #sub_contents .aboutus-inner3 .ceo-box-wrap{padding-left:0;padding-right:0}}
/* 2026-10-27: 모바일 회사 소개의 원래 절대 배치를 해제해 이미지 다음에 대표이사 안내가 순서대로 흐르게 한다. */
.modern-subpages #sub_contents .aboutus-inner3 .ceo-box-wrap{position:static!important;top:auto;left:auto;right:auto;bottom:auto;padding-top:0!important}
/* 2026-10-27: 기존 숨김 범례의 100% 폭으로 생기는 게시판 넘침을 막고 하단 안내 내용을 동일한 크기의 카드로 정돈한다. */
.modern-subpages #sub_contents legend{width:1px!important;max-width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.modern-subpages .main-sec-4-wrap .contents>div{height:240px;border-radius:10px;overflow:hidden}
.modern-subpages .main-sec-4-wrap .contents>div>ul{height:240px;position:relative;padding:0;margin:0;overflow:hidden}
.modern-subpages .main-sec-4-wrap .contents .image{height:240px!important;background-size:cover}
.modern-subpages .main-sec-4-wrap .contents .txt-wrapper{position:absolute;inset:0;padding:25px 23px;display:flex;flex-direction:column;justify-content:flex-end;height:auto}
.modern-subpages .main-sec-4-wrap .contents .txt-wrapper p{font-size:17px;line-height:1.7;height:auto;letter-spacing:-.025em}
.modern-subpages .main-sec-4-wrap .contents .txt-wrapper em{display:block;font-size:12px;line-height:1.8;margin-top:17px;height:auto}
.modern-subpages .main-sec-4-wrap .contents .txt-wrapper em strong{font-size:13px;font-weight:800}
.modern-subpages .main-sec-4-wrap h2{font-size:28px;line-height:1.5;font-weight:800;letter-spacing:-.035em;color:#354e5b}
.modern-subpages .main-sec-4-wrap h2 span{color:#8b9da5}
.modern-subpages .main-sec-4-wrap .copyright img{max-width:100%;object-fit:contain}
@media(max-width:760px){.modern-subpages .main-sec-4-wrap .contents>div,.modern-subpages .main-sec-4-wrap .contents>div>ul,.modern-subpages .main-sec-4-wrap .contents .image{height:225px!important}.modern-subpages .main-sec-4-wrap .contents .txt-wrapper{padding:23px}.modern-subpages .main-sec-4-wrap .contents .txt-wrapper p{font-size:17px;line-height:1.65}.modern-subpages .main-sec-4-wrap h2{font-size:25px}}
/* 2026-10-27: 기존 아이콘 버튼의 절대 위치와 구분선을 해제해 기술지원·교육·제품 버튼의 아이콘과 문구가 겹치지 않게 한다. */
.modern-subpages #sub_contents .button.raised.icon>div:before,.modern-subpages #sub_contents .button.raised.icon>div:after{content:none;display:none}
.modern-subpages #sub_contents .button.raised.icon a{justify-content:center;gap:12px}
.modern-subpages #sub_contents .button.raised.icon a>span{position:static;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;min-width:18px;width:auto;height:auto;line-height:1;font-size:16px;padding:0;margin:0}
.modern-subpages #sub_contents .button.raised.icon a>span .fa{font-size:15px;line-height:1}
/* 2026-10-27: 모바일 하단 GATEWAY의 우선순위가 높은 예전 글자 크기와 고정 높이를 해제하여 문구가 잘리지 않게 한다. */
.modern-subpages #footer{padding:38px 0 30px;background:#f7f8f4;min-width:0;width:100%;height:auto}
.modern-subpages #footer>.section{height:auto;min-height:0;padding:0}
.modern-subpages #footer .main-sec-4-wrap{padding:0;background:transparent}
.modern-subpages #footer .container{width:min(1180px,calc(100% - 96px));max-width:1180px;min-width:0;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
.modern-subpages #footer .row{margin-left:0;margin-right:0}
.modern-subpages #footer .contents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}
.modern-subpages #footer .contents:before,.modern-subpages #footer .contents:after{display:none}
.modern-subpages #footer .contents>div{float:none;width:auto!important;min-width:0;height:auto!important;min-height:228px;position:relative;margin:0;border-radius:10px;overflow:hidden}
.modern-subpages #footer .contents>div>ul{height:auto!important;min-height:228px;position:relative;padding:0;margin:0;overflow:hidden}
.modern-subpages #footer .contents .image{position:absolute;inset:0;width:100%;height:100%!important;background-size:cover;z-index:0;transform:none!important}
.modern-subpages #footer .contents .txt-wrapper{position:relative;inset:auto;display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:auto!important;min-height:228px;padding:25px 23px;z-index:1;background:linear-gradient(0deg,#0b1a26d9,#0b1a2622)}
.modern-subpages #footer .contents .txt-wrapper p{font-size:17px!important;line-height:1.75;height:auto!important;max-height:none;white-space:normal;overflow:visible;margin:0;padding:0;flex:none;letter-spacing:-.025em}
.modern-subpages #footer .contents .txt-wrapper em{display:block;font-size:12px;line-height:1.9;height:auto;max-height:none;white-space:normal;margin-top:18px!important;overflow:visible}
.modern-subpages #footer .contents .txt-wrapper em strong{font-size:13px;line-height:inherit}
.modern-subpages #footer .contents .txt-wrapper em:before,.modern-subpages #footer .contents .txt-wrapper em:after{content:none}
.modern-subpages #footer .contents .line-ani{display:none}
.modern-subpages #footer h2{font-size:27px;line-height:1.5;color:#354e5b;padding:0;margin:0}
.modern-subpages #footer .copyright-wrap{height:auto;padding:0 0 15px;margin-top:30px}
.modern-subpages #footer .copyright{font-size:11px;line-height:1.9;overflow-wrap:anywhere}
.modern-subpages #footer .copyright img{max-width:100%;height:auto!important}
@media(max-width:1100px){.modern-subpages #footer .container{width:calc(100% - 64px)}}
@media(max-width:760px){.modern-subpages #footer{padding-top:30px}.modern-subpages #footer .container{width:calc(100% - 44px)}.modern-subpages #footer .contents{grid-template-columns:1fr;gap:15px}.modern-subpages #footer .contents>div,.modern-subpages #footer .contents>div>ul{height:auto!important;min-height:218px}.modern-subpages #footer .contents .txt-wrapper{min-height:218px;padding:25px 23px}.modern-subpages #footer .contents .txt-wrapper p{font-size:17px!important;line-height:1.75}.modern-subpages #footer h2{font-size:25px}.modern-subpages #footer .copyright>div{max-width:100%;height:auto!important;float:none!important;padding-left:0!important;overflow-wrap:anywhere}}
@media(max-width:370px){.modern-subpages #footer .container{width:calc(100% - 36px)}.modern-subpages #footer .contents .txt-wrapper{padding:23px 20px}.modern-subpages #footer .contents .txt-wrapper p{font-size:16px!important}}
/* 2026-10-27: 예전 양쪽 연혁 정렬용 인라인 여백을 해제해 모바일에서 연도 사이의 큰 빈칸을 없앤다. */
.modern-subpages #sub_contents .bgr_timeline>article{margin:0!important;height:auto!important;align-items:start}
.modern-subpages #sub_contents .bgr_timeline>article.modern-empty-year{display:none!important}