@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 600 / var(--inner) * 100vw ), 600px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 600 / var(--inner) * 100vw ), 600px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {display: none; content:"위노베이트"; font-size:12px; line-height:15px;}
.roughmap_maker_label:after,
.roughmap_maker_label .roughmap_lebel_text {display: none !important;}

.bullet-item .bullet-list {position:relative; padding-left:15px; margin-top:10px; line-height:1.3;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:9px; width:3px; height: 3px; background:var(--color-primary); border-radius: 50%;}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}
.bulletitem2 { padding-left: 0.6em; text-indent: -0.6em;}
 

.bg-gray {background:#EEE;}
.overhidden {overflow: hidden;}
.subsec-pd {padding:  clamp(60px, calc( 160 / var(--inner) * 100vw ), 160px) 0;}
.subsec-pd2 {padding: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px) 0 clamp(60px, calc( 160 / var(--inner) * 100vw ), 160px) ;}
 
.subsec-titbx {margin-bottom: var(--padding-80); letter-spacing: -0.6px;}
.subsec-titbx .cate {display: block; margin-bottom: var(--padding-40); font-size: var(--font-size-20); font-weight: 500; font-family: var(--font-archivo);}
.subsec-titbx .subsec-tit {font-size: var(--font-size-42); font-weight: 600; line-height: 1.52; color:#121212; }
.subsec-titbx .subsec-dec { margin-top:var(--padding-24);font-size: var(--font-size-20); color: #676767; letter-spacing: -0.4px; line-height: 1.7;}
.subsec-titbx .subsec-dec + .subsec-dec {margin-top:var(--padding-30);}
.subsec-titbx .subsec-dec.ty2 {margin-top: var(--padding-60);}
.subsec-titbx .btn-link {margin-top: var(--padding-50); display: inline-flex;align-items: center;justify-content: center; padding: 8px var(--padding-30); background: #121212; color: #fff; border-radius: 500px; font-size: var(--font-size-15); font-weight: 600;}
.subsec-titbx.ty2 {margin-bottom: var(--padding-120);}
.subsec-titbx2 {margin-bottom: var(--padding-40);}
.subsec-titbx2 .subsec-tit2 {font-size: var(--font-size-32); font-weight: 600;}

.radiobx {display: flex; flex-wrap: wrap;}
.radiobx .item {display: flex;align-items: center; min-height: clamp(38px, calc( 44 / var(--inner) * 100vw ), 44px);}
.radiobx .item:not(:last-child) {margin-right: var(--padding-24);}

.company_1 {overflow: hidden;}
.company_1 .icn {width:clamp(50px, calc( 120 / var(--inner) * 100vw ), 120px);}
.company_1 .icn img {animation: sec1-icn-rotate 24s linear infinite;}
.company_1 .flxWrap {gap: 20px; margin-top: var(--padding-60);}
.company_1 .titlebx {width: clamp(300px, calc( 820 / var(--inner) * 100vw ), 820px); font-size: var(--font-size-42); font-weight: 600; line-height: 1.52; }
.company_1 .titlebx .small {display: block; font-size: var(--font-size-24); font-weight: 500; color: #a8a8a8; line-height: 1.67; letter-spacing: -0.5px;} 
.company_1 .textbx {flex: 1; font-size: var(--font-size-24); font-weight: 600; line-height: 1.66;}
.company_1 .decbx {display: flex;flex-direction: column;gap: var(--padding-30); margin-top:var(--padding-60); letter-spacing: -0.5px;}
.company_1 .dec {font-size: var(--font-size-20); line-height: 1.7; color: #676767;}

.company_2 {padding-top: var(--padding-80);}
.compinfo {overflow: hidden; border: 1px solid #eee; border-radius: var(--border-radius-24); background: var(--color-white);}
.compinfo .row {display: flex; align-items: center; flex-wrap: wrap; padding: var(--padding-34); border-bottom: 1px solid #eee;}
.compinfo .row .tit {flex: 0 0 clamp(95px, calc( 124 / var(--inner) * 100vw ), 124px); font-size: var(--font-size-16); font-weight: 600; color: #676767; letter-spacing: -0.32px;}
.compinfo .row .cont {flex: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-size: var(--font-size-24); font-weight: 600; color: var(--color-primary); letter-spacing: -0.48px;}
.compinfo .row .cont .sub {font-size: var(--font-size-14); font-weight: 600; color: #a8a8a8; letter-spacing: -0.28px;}
.compinfo .grid {display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid rgba(255,255,255,0.12);}
.compinfo .grid .cell {display: flex; flex-direction: column; gap: var(--padding-30); padding: var(--padding-34); border-right: 1px solid #eee; border-bottom: 1px solid #eee; min-height: 1px;}
.compinfo .grid .cell:last-child {border-right: 0;}
.compinfo .grid .cell .tit {font-size: var(--font-size-16); font-weight: 600; color: #676767; letter-spacing: -0.32px; line-height: 1.75;}
.compinfo .grid .cell .cont {font-size: var(--font-size-32); font-weight: 600; letter-spacing: -0.64px; line-height: 1.5;}
.compinfo .grid .cell .cont .val {font-size: var(--font-size-24); color: #2c2c2c;}
.compinfo .grid .cell .cont .sub {font-size: var(--font-size-14); font-weight: 600; color: #a8a8a8; letter-spacing: -0.28px; line-height: 1.42; margin-top: 4px;}
.compinfo .grid .cell:nth-child(1) .cont {color: var(--color-primary);}
.compinfo .grid .cell:nth-child(2) .cont {color: #2c2c2c;}
.compinfo .row:last-child {border-bottom: 0;}
.compinfo .row:nth-child(3) .cont {color: #2c2c2c;}
.compinfo .row:nth-child(4) .cont {color: #2c2c2c;}

.company_3 .ofcbox {display: flex; flex-direction: column; gap: var(--padding-100);}
.company_3 .head {display: grid; grid-template-columns: repeat(2, 1fr);  gap: var(--padding-40);}
.company_3 .head .eng { font-size: var(--font-size-28); font-weight: 500; color: #2c2c2c; letter-spacing: -0.56px; line-height: 1.5;}
.company_3 .head .slogan { font-size: var(--font-size-42); font-weight: 600; color: #121212; letter-spacing: -0.84px; line-height: 1.52;}
.company_3 .list {display: flex; gap: var(--padding-40); flex-wrap: wrap;}
.company_3 .list .item {flex: 1 0 0; display: flex; flex-direction: column; gap: var(--padding-34);}
.company_3 .list .img {overflow: hidden; border-radius: var(--border-radius-24); }
.company_3 .list .img img {width: 100%; height: 100%; object-fit: cover;}
.company_3 .list .cap {display: flex; flex-direction: column; gap: var(--padding-12);}
.company_3 .list .tit {display: flex; align-items: center; gap: var(--padding-12);}
.company_3 .list .name {font-size: var(--font-size-32); font-weight: 600; color: #2c2c2c; letter-spacing: -0.64px; line-height: 1.31;}
.company_3 .list .sub {font-size: var(--font-size-14); font-weight: 600; color: #a8a8a8; letter-spacing: -0.28px; line-height: 1.42;}
.company_3 .list .addr {font-size: var(--font-size-20); font-weight: 500; color: #676767; letter-spacing: -0.4px; line-height: 1.7; }

.company_4 {padding: var(--padding-80) 0 var(--padding-200);}
.company_4 .compethos {display: flex; flex-direction: column; gap: var(--padding-120);}
.company_4 .compethos .sec.ethos .row {border-top: 1px solid #2c2c2c; padding-top: var(--padding-60); display: flex; align-items: flex-start; flex-wrap: wrap;}
.company_4 .compethos .row .tit {flex: 0 0 clamp(280px, calc( 400 / var(--inner) * 100vw ), 400px); font-size: var(--font-size-32); font-weight: 600; color: #2c2c2c; letter-spacing: -0.64px; line-height: 1.43;}
.company_4 .compethos .row .cont {flex: 1 0 0; font-size: var(--font-size-32); font-weight: 600; color: #2c2c2c; letter-spacing: -0.64px; line-height: 1.5;}
.company_4 .compethos .sec.vision .row {display: flex; align-items: flex-start; flex-wrap: wrap;}
.company_4 .compethos .sec.vision .cont {display: flex; flex-direction: column; gap: var(--padding-40);}
.company_4 .compethos .sec.vision .block.top {border-bottom: 1px solid #ccc; padding-bottom: var(--padding-50); display: flex; flex-direction: column; gap: var(--padding-24);}
.company_4 .compethos .sec.vision .block .eng {font-size: var(--font-size-48); font-weight: 500; color: #2c2c2c; letter-spacing: -0.96px; line-height: 1.33;}
.company_4 .compethos .sec.vision .block .kr {font-size: var(--font-size-28); font-weight: 600; color: #2c2c2c; letter-spacing: -0.56px; line-height: 1.5;}
.company_4 .compethos .sec.vision .block .desc {font-size: var(--font-size-20); font-weight: 500; color: #676767; letter-spacing: -0.4px; line-height: 1.7;}
.company_4 .compethos .sec.values .row {display: flex; align-items: flex-start; flex-wrap: wrap;}
.company_4 .compethos .sec.values .cont {flex: 1 0 0;}
.company_4 .compethos .values .list {display: flex; align-items: flex-start; gap: var(--padding-30); flex-wrap: wrap;}
.company_4 .compethos .values .list .item {flex: 1 0 0; display: flex; flex-direction: column; align-items: center; gap: var(--padding-34);}
.company_4 .compethos .values .list .circle {aspect-ratio: 1; width: 100%; max-width: clamp(180px, calc( 253 / var(--inner) * 100vw ), 253px); background: #f6f6f6; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--padding-24); padding: var(--padding-24); }
.company_4 .compethos .values .list .circle .icn {width: clamp(40px, calc( 72 / var(--inner) * 100vw ), 72px); height: clamp(40px, calc( 72 / var(--inner) * 100vw ), 72px);}
.company_4 .compethos .values .list .circle .icn img {width: 100%; height: 100%; object-fit: contain;}
.company_4 .compethos .values .list .circle .tit {flex: none; font-size: var(--font-size-24); font-weight: 600; color: #2c2c2c; letter-spacing: -0.48px; line-height: 1.66; text-align: center;}
.company_4 .compethos .values .list .txt {font-size: var(--font-size-20); font-weight: 500; color: #676767; letter-spacing: -0.4px; line-height: 1.7; text-align: center;}
.company_4 .compethos .values .list .sep {display: flex; align-items: center; gap: var(--padding-12); padding-top: 112px; flex-shrink: 0;}
.company_4 .compethos .values .list .sep::before {content: ''; width: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); height: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); background: #c5cedb; border-radius: 50%;}
.company_4 .compethos .values .list .sep::after {content: '+'; width: clamp(22px, calc( 32 / var(--inner) * 100vw ), 32px); height: clamp(22px, calc( 32 / var(--inner) * 100vw ), 32px); background: #6388BD; border-radius: 50%; color: var(--color-white); font-size: var(--font-size-20); font-weight: 600; display: flex; align-items: center; justify-content: center;}

.greet-wrap {display: flex;flex-wrap: wrap;gap: var(--padding-100); overflow: hidden;}
.greet-wrap .imgbx {flex: 0 0 clamp(300px, calc( 500 / var(--inner) * 100vw ), 500px);}
.greet-wrap .imgbx img {border-radius: var(--border-radius-24); }
.greet-wrap .textbx {flex: 1; letter-spacing: -0.5px;}
.greet-wrap .textbx .cate {display: block; margin-bottom: var(--padding-40); font-size: var(--font-size-20); font-weight: 600; color: #A8A8A8; font-family: var(--font-archivo); line-height: 1.42;}
.greet-wrap .textbx .tit {font-size: var(--font-size-28); font-weight: 600; line-height: 1.64;}
.greet-wrap .decbx {display: flex;flex-direction: column;gap:var(--padding-30); margin-top: var(--padding-50);}
.greet-wrap .dec {font-size: var(--font-size-20); color: #676767; line-height: 1.7;}
.greet-wrap .signbx {display: flex;align-items: center; gap:var(--padding-12); margin-top: var(--padding-40);}
.greet-wrap .ceo {display: flex;align-items: center;gap: var(--padding-12); font-size:var(--font-size-20); font-weight: 600; color: #121212; line-height: 1.7;}
.greet-wrap .signbx img {width: clamp(50px, calc( 88 / var(--inner) * 100vw ), 88px);}

.hst { padding-top: clamp(60px, calc( 120 / var(--inner) * 100vw ), 120px); border-top: 2px solid #ddd;}
.hst-wrap { display: flex; align-items: flex-start; position: relative; height: 100%; }
.hst-wrap::before { content: ""; position: absolute; left: 0; right: 0; margin: auto; top: clamp(-120px, calc( -120 / var(--inner) * 100vw ), -60px); width: 2px; height: calc(100% + 120px); background: #dfdfdf;}
.hst-wrap::after { content: ""; position: sticky; right: calc(50% - 16px); top: 176px; width: 32px; height: 32px; background: url(../images/sub/hst-dot.png) center no-repeat; background-size: contain;}
.hst .sticky { position: sticky; top: 160px; width: 50%; }
.hst .sticky a { display: block; line-height: 1.3; font-size: var(--font-size-46); font-weight: 600; color: #EEE; margin-bottom: var(--padding-16); }
.hst .sticky a:last-child { margin-bottom: 0; }
.hst .sticky a.active { color: #121212;}
.hst .sticky a:hover { color: #121212;}
.hst .info { width: 50%; } 
.hst .info .wrap { margin-bottom: var(--padding-120); }
.hst .info .wrap:last-child { margin-bottom: 0; }
.hst .info .group { margin-bottom: var(--padding-70 ); padding-left: var(--padding-80); }
.hst .info .group:last-child { margin-bottom: 0; }
.hst .info .group .year { font-size: var(--font-size-24); font-weight: 600; color: var(--color-primary); line-height: 1.66; margin-bottom: 12px; }
.hst .info .contbx {display: flex;  font-size: var(--font-size-20); line-height: 1.7; letter-spacing: -0.4px; font-weight: 500;}
.hst .info .contbx + .contbx {margin-top:12px;}
.hst .info .contbx .month {width: clamp(35px, calc( 40 / var(--inner) * 100vw ), 40px); color: #A8A8A8; }
.hst .info .contbx .cont {flex: 1;}

.ci_1 .subsec-titbx {margin-bottom: var(--padding-80);}
.ci_1 .subsec-titbx .subsec-dec {margin-top: var(--padding-60 );}
.ci_1 .logobg {padding:var(--padding-150) 20px; text-align: center; background: url(../images/sub/ci1_bg.jpg) center no-repeat; background-size: cover;}
.ci_1 .logobg img {width: clamp(180px, calc( 365 / var(--inner) * 100vw ), 365px);}
.ci_1 .cibtn {display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--padding-10); margin-top: var(--padding-40);}
.ci_1 .cibtn .download {display: inline-flex; align-items: center; justify-content: center; gap:8px; padding: 8px var(--padding-30); background: #f4f4f4; border-radius: 500px; font-size: var(--font-size-15); font-weight: 600; color: #2c2c2c; letter-spacing: -0.3px; line-height: 1.6;}
.ci_1 .cibtn .download .icn {width: clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px); height: clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px); flex-shrink: 0;}
.ci_1 .cibtn .download .icn img {width: 100%; height: 100%; display: block; object-fit: contain;}

.ci_2 .cilogogrid {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--padding-10); margin-top: var(--padding-80);}
.ci_2 .cilogogrid .card {display: flex; flex-direction: column; background: var(--color-white); border-radius: var(--border-radius-24); padding: var(--padding-34);}
.ci_2 .cilogogrid .card .tit { font-size: var(--font-size-20); font-weight: 600; color: #2c2c2c; letter-spacing: -0.4px; line-height: 1.7;}
.ci_2 .cilogogrid .card .tit .sub {color: #ccc;}
.ci_2 .cilogogrid .card .titrow {display: flex; align-items: center; justify-content: space-between; }
.ci_2 .cilogogrid .card .titrow .tit {padding: 0; margin: 0;}
.ci_2 .cilogogrid .card .titrow .cmyk {display: flex; gap: 6px; font-size: var(--font-size-14); color: #ccc; letter-spacing: -0.28px; line-height: 1.42;}
.ci_2 .cilogogrid .card .imgbx {display: flex; flex-direction: column; align-items: center; justify-content: center; height: clamp(140px, calc( 200 / var(--inner) * 100vw ), 200px); }
.ci_2 .cilogogrid .card .imgbx .img {display: flex; align-items: center; justify-content: center; padding: 15px;}
.ci_2 .cilogogrid .card .imgbx .img img {max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain;}
.ci_2 .cilogogrid .card.dark {background: #121212;}
.ci_2 .cilogogrid .card.dark .tit {color: var(--color-white);}
.ci_2 .cilogogrid .card.dark .tit .sub {color: #ccc;}

.ci_3 {padding-top: var(--padding-140);}
.ci_3 .cicolor {display: flex; gap: 4px; margin-top: var(--padding-80); flex-wrap: wrap;}
.ci_3 .cicolor .item {flex: 1 0 0; display: flex; flex-direction: column; gap: var(--padding-80); justify-content: center; padding: var(--padding-34); border-radius: 10px; min-height: 1px;}
.ci_3 .cicolor .item.black {background: #231f20;}
.ci_3 .cicolor .item.blue {background: #252c6d;}
.ci_3 .cicolor .item.gray {background: #6f7173;}
.ci_3 .cicolor .head {display: flex; flex-direction: column;}
.ci_3 .cicolor .head .name {font-size: var(--font-size-32); font-weight: 600; color: var(--color-white); letter-spacing: -0.64px; line-height: 1.43; margin: 0;}
.ci_3 .cicolor .head .ref {font-size: var(--font-size-20); font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: -0.4px; line-height: 1.7; margin: 0;}
.ci_3 .cicolor .specs {display: flex; flex-wrap: wrap; gap: var(--padding-20); font-size: var(--font-size-15); letter-spacing: -0.3px; line-height: 1.6;}
.ci_3 .cicolor .specs .row {display: flex; align-items: center; gap: 8px;}
.ci_3 .cicolor .specs .label {font-weight: 600; color: #a8a8a8;}
.ci_3 .cicolor .specs .val {font-weight: 500; color: var(--color-white);}

.directions-tab {margin-bottom: var(--padding-60);}
.directions-tab .tabs {display: grid; grid-template-columns: repeat(3,1fr); gap:4px;}
.directions-tab .tab { background: #F6F6F6; border-radius: 16px;}
.directions-tab .link {display: flex; flex-direction: column; gap: 4px; padding: var(--padding-16) var(--padding-20); font-size: var(--font-size-20); font-weight: 600; line-height: 1.7; letter-spacing: -0.4px;}
.directions-tab .eng {font-size: var(--font-size-15); color: #A8A8A8; font-weight: 500; line-height: 1.33;}
.directions-tab .tab.active {background: var(--color-primary);}
.directions-tab .tab.active .link ,
.directions-tab .tab.active .eng {color: #fff;}
.directions-tab.ty2 .tabs {grid-template-columns: repeat(6,1fr);}

.local-wrap { position: relative;}
.local-wrap .local-content {  position: absolute;  z-index: -1;  left: 0; top: 0; width: 100%; height: 100%;  opacity: 0;}
.local-wrap .local-content.on {  opacity: 1; z-index: 1; position: relative; transition: 1s all ease;}
.map-wrap .mapbx {border-radius: var(--border-radius-24); overflow: hidden; height: clamp(250px, calc( 600 / var(--inner) * 100vw ), 600px);}
.map-wrap .mapbx iframe {width: 100%; height: 100%;}
.mapinfo-wrap {margin-top: var(--padding-60); }
.mapinfo-wrap .mapinfo {display: flex; flex-direction: column; gap: var(--padding-40);}
.mapinfo-wrap .mapinfo .head {display: flex; flex-direction: column; gap: var(--padding-12);}
.mapinfo-wrap .mapinfo .titrow {display: flex; align-items: center; gap: var(--padding-12);}
.mapinfo-wrap .mapinfo .titrow .name {font-size: var(--font-size-32); font-weight: 600; color: #2c2c2c; letter-spacing: -0.64px; line-height: 1.31; }
.mapinfo-wrap .mapinfo .titrow .sub {font-size: var(--font-size-14); font-weight: 600; color: #a8a8a8; letter-spacing: -0.28px; line-height: 1.42; }
.mapinfo-wrap .mapinfo .addr {font-size: var(--font-size-20); font-weight: 500; color: #676767; letter-spacing: -0.4px; line-height: 1.7; }
.mapinfo-wrap .mapinfo .contact {display: flex; flex-wrap: wrap; align-items: center; gap: var(--padding-34);}
.mapinfo-wrap .mapinfo .contact .item {display: flex; align-items: center; gap: var(--padding-12);}
.mapinfo-wrap .mapinfo .contact .icn {width: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); height: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); }
.mapinfo-wrap .mapinfo .contact .icn img {width: 100%; height: 100%; display: block; object-fit: contain;}
.mapinfo-wrap .mapinfo .contact .icnbox {width: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); height: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); background: #eee; border-radius: 8px; display: flex; align-items: center; justify-content: center;}
.mapinfo-wrap .mapinfo .contact .icnbox .icn {width: clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px); height: clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px);}
.mapinfo-wrap .mapinfo .contact .txt {font-size: var(--font-size-20); font-weight: 500; color: #2c2c2c; letter-spacing: -0.4px; line-height: 1.7; }


html { scroll-behavior: smooth; }
#affiliates1, #affiliates2, #affiliates3, #affiliates4 { scroll-margin-top: calc(var(--header-height) + clamp(45px, calc( 60 / var(--inner) * 100vw ), 60px) ); }
.affiliates-tab {margin-bottom: var(--padding-80); width: 100%; background: #fff; position: sticky; top: var(--header-height); z-index: 10;}
.afftablist {display: flex;gap:4px; overflow-x: auto;}
.afftabitem .link {display: flex;align-items: center;justify-content: center; padding:var(--padding-14) var(--padding-30); font-size: var(--font-size-18); font-weight: 600; color: #A8A8A8; line-height: 1.5; white-space: nowrap;}
.afftabitem.active {background: #121212; border-radius: 500px;}
.afftabitem.active .link {color: #fff;}
.afftabitem:hover {background: #121212; border-radius: 500px;}
.afftabitem:hover .link {color: #fff;}
.affililist {display: flex; flex-direction: column; gap: var(--padding-60);}
.affililist .card {background: #f6f6f6; border-radius: 24px; padding: var(--padding-34); display: flex; flex-direction: column; gap: var(--padding-60);}
.affililist .head {display: flex; align-items: center; justify-content: space-between;}
.affililist .titwrap {display: flex; gap: var(--padding-20); align-items: center;}
.affililist .tit {font-size: var(--font-size-36); font-weight: 600; color: #121212; letter-spacing: -0.72px; line-height: 1.44;}
.affililist .eng {font-size: var(--font-size-18); font-weight: 500; color: #a8a8a8; letter-spacing: -0.36px; line-height: 1.55;}
.affililist .btn {display: flex; align-items: center; justify-content: center; padding: 8px var(--padding-30); border-radius: 500px; font-size: var(--font-size-15); font-weight: 600; color: #fff; white-space: nowrap; background: #121212; transition: background 0.2s;}
.affililist .btn:hover {background: var(--color-primary);}
.affililist .body {display: flex; gap: var(--padding-120); align-items: flex-start; flex-wrap: wrap;}
.affililist .logobox {width: clamp(300px, calc(560 / var(--inner) * 100vw), 560px); flex-shrink: 0; background: var(--color-white); border-radius: 24px; height: clamp(220px, calc(420 / var(--inner) * 100vw), 420px); display: flex; align-items: center; justify-content: center; padding: var(--padding-10);}
.affililist .logobox .img img {width: 100%; height: auto; object-fit: contain;}
.affililist .cont {flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--padding-80); padding-top: var(--padding-20);}
.affililist .desc {display: flex; flex-direction: column; gap: var(--padding-24);}
.affililist .desc .tit {font-size: var(--font-size-18); font-weight: 500; color: var(--color-primary); letter-spacing: -0.36px; line-height: 1.55;}
.affililist .desc .txt {display: flex;flex-direction: column;gap: var(--padding-24); font-size: var(--font-size-20); font-weight: 500; color: #676767; letter-spacing: -0.4px; line-height: 1.7;}
.affililist .row {display: flex; align-items: center; padding: var(--padding-34) 0; border-bottom: 1px solid #e7e7e7;}
.affililist .row:first-child {padding-top: 0;}
.affililist .label {width: 95px; flex-shrink: 0; font-size: var(--font-size-18); font-weight: 600; color: #2c2c2c; letter-spacing: -0.36px; line-height: 1.66;}
.affililist .label:lang(en) {width: 140px;}
.affililist .val {font-size: var(--font-size-18); font-weight: 500; color: #878787; letter-spacing: -0.36px; line-height: 1.66; margin: 0;}

.whymotrex-hub {position: relative; margin-top: var(--padding-60);}
.whymotrex-hub .grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
.whymotrex-hub .card {position: relative; background: #f6f6f6; border-radius: 24px; padding: var(--padding-30); min-height: 424px; display: flex; flex-direction: column; gap: var(--padding-34);}
.whymotrex-hub .card .cont {display: flex; flex-direction: column; gap: var(--padding-34); flex: 1;}
.whymotrex-hub .card .certlist {display: flex;  gap: 8px; list-style: none; margin: 0; padding: 0; max-width: 425px;}
.whymotrex-hub .card .certlist li {width: calc((100% - 2 * 8px) / 3);}
.whymotrex-hub .card:nth-child(2) .cont {align-items: flex-end;}
.whymotrex-hub .card:nth-child(2) .certlist {justify-content: flex-end;}
.whymotrex-hub .card:nth-child(4) .cont {align-items: flex-end;}
.whymotrex-hub .card:nth-child(4) .certlist {justify-content: flex-start;}
.whymotrex-hub .card:nth-child(4) .certlist li {width: 100%;}
.whymotrex-hub .card .certlist-2 li {width:max-content;}
.whymotrex-hub .card .img {border-radius: 12px; overflow: hidden;}
.whymotrex-hub .card .img img {width: 100%; height: 100%; object-fit: contain;}
.whymotrex-hub .card .name {margin: 12px 0 0; font-size: var(--font-size-14); font-weight: 500; color: #878787; letter-spacing: -0.28px; line-height: 1.42;}
.whymotrex-hub .card .txtbx {display: flex; flex-direction: column; max-width: 420px;}
.whymotrex-hub .card .txtbx.align-end {align-items: flex-end; text-align: right;}
.whymotrex-hub .card .txtbx .tit {font-size: var(--font-size-24); font-weight: 600; color: #2c2c2c; letter-spacing: -0.48px; line-height: 1.66; margin: 0 0 var(--padding-16);}
.whymotrex-hub .card .txtbx .desc {font-size: 17px; font-weight: 400; color: #676767; letter-spacing: -0.34px; line-height: 1.52; margin: 0;}
.whymotrex-hub .card .txtbx .desc.list {display: flex; flex-direction: column; gap: 8px;}
.whymotrex-hub .card .txtbx .desc.list li { padding-left: 0.7em; text-indent: -0.7em; }
.whymotrex-hub .linkbox {position: absolute; right: 0; bottom: 0; width: clamp(100px, calc( 200 / var(--inner) * 100vw ), 200px); height: clamp(100px, calc( 200 / var(--inner) * 100vw ), 200px); padding: var(--padding-24); border-radius: var(--border-radius-24); display: flex; align-items: flex-start; justify-content: flex-start; background: #e3edfb; color: var(--color-primary); font-size: var(--font-size-18); font-weight: 600; letter-spacing: -0.36px; line-height: 1.55; transition: background 0.2s, color 0.2s; z-index: 1;}
.whymotrex-hub .linkbox:hover {background: var(--color-primary); color: #fff;}
.whymotrex-hub .linkbox.pos-bl {right: auto; left: 0; bottom: 0; justify-content: flex-end;}
.whymotrex-hub .linkbox.pos-tr {left: auto; right: 0; bottom: auto; top: 0; align-items: flex-end;}
.whymotrex-hub .linkbox.pos-tl {right: auto; left: 0; bottom: auto; top: 0; align-items: flex-end; justify-content: flex-end;}
.whymotrex-hub .centerlogo {padding: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: clamp(100px, calc( 240 / var(--inner) * 100vw ), 240px); height: clamp(100px, calc( 240 / var(--inner) * 100vw ), 240px); background: rgba(255,255,255,0.8); backdrop-filter: blur(12px); border-radius: 32px; box-shadow: 0 4px 32px rgba(0,0,0,0.08); display: flex; align-items: center; justify-content: center; padding: 2px; z-index: 2;}
.whymotrex-hub .centerlogo:lang(en) {width: clamp(70px, calc( 180 / var(--inner) * 100vw ), 180px); height: clamp(70px, calc( 180 / var(--inner) * 100vw ), 180px);}
.whymotrex-hub .centerlogo .img img {width: clamp(40px, calc( 138 / var(--inner) * 100vw ), 138px); }

.award-tab {margin-bottom: var(--padding-40); width: 100%; }
.awardlist {display: flex;gap:4px; overflow-x: auto;}
.awarditem .link {display: flex;align-items: center;justify-content: center; padding:var(--padding-14) var(--padding-30); font-size: var(--font-size-18); font-weight: 600; color: #A8A8A8; line-height: 1.5; white-space: nowrap;}
.awarditem.active {background: #121212; border-radius: 500px;}
.awarditem.active .link {color: #fff;}
.awarditem:hover {background: #121212; border-radius: 500px;}
.awarditem:hover .link {color: #fff;}
.certilist {display: grid; grid-template-columns: repeat(4, 1fr); gap:var(--padding-100) var(--padding-12) ; padding-top: var(--padding-80); border-top: 3px solid #2C2C2C;}
.certilist .item {display: flex; flex-direction: column; gap: var(--padding-30);}
.certilist .img {position:relative; padding-bottom:141.76%; overflow:hidden; border-radius: 16px; }
.certilist .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #eee; border-radius: 16px;}
.certilist .img img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.certilist .txtbx {display: flex; flex-direction: column; gap: 6px;}
.certilist .cate {font-size: var(--font-size-16); font-weight: 500; color: #a8a8a8; letter-spacing: -0.32px; line-height: 1.5;}
.certilist .tit {font-size: var(--font-size-24); font-weight: 600; color: #2c2c2c; letter-spacing: -0.48px; line-height: 1.66;}

.toptxtflx {display: flex; flex-wrap: wrap;gap:30px; letter-spacing: -0.5px; overflow: hidden;}
.toptxtflx .titlebx {width:clamp(200px, calc( 370 / var(--inner) * 100vw ), 370px); font-size: var(--font-size-28); font-weight: 500; line-height: 1.5; font-family: var(--font-archivo);}
.toptxtflx .textbx {flex: 1; display: flex;flex-direction: column;gap: var(--padding-100);}
.toptxtflx .toptit {font-size: var(--font-size-56);font-weight: 500; font-family: var(--font-archivo); line-height: 1.28; color: #121212;}
.toptxtflx .bottomtxt {display: flex;flex-direction: column;gap: var(--padding-60);}
.toptxtflx .bottomtxt .txt1 {font-size: var(--font-size-32); font-weight: 600; line-height: 1.5;}
.toptxtflx .bottomtxt .txt2 {font-size:var(--font-size-20);color: #676767; line-height: 1.7;}

.solutionimg-grid {display: grid; grid-template-columns: repeat(2,1fr); gap:var(--padding-10);}
.solutionimg-grid.ty2 { grid-template-columns: repeat(3,1fr); }
.solutionimg-grid img {border-radius:var(--border-radius-24); overflow: hidden;}
.solutiontxt-grid {margin-top:var(--padding-120); display: flex;flex-wrap: wrap; gap:30px;}
.solutiontxt-grid .titlebx {width: clamp(200px, calc( 370 / var(--inner) * 100vw ), 370px) ; letter-spacing: -0.5px; font-size:var(--font-size-46); font-family: var(--font-archivo); font-weight: 600; line-height: 1.3; color: #121212;}
.solutiontxt-grid .descbx {flex: 1; display: flex;flex-direction: column;gap: var(--padding-30); letter-spacing: -0.5px;}
.solutiontxt-grid .dec {font-size: var(--font-size-20);color: #676767; line-height: 1.7;}

.pbvcar-sec {margin-top: var(--padding-40);}
.pbvcar-list {display: flex;gap: 10px;  position: relative;}
.pbvcar-list::before {content: ''; position: absolute; left: 12px; right: 12px; bottom: 106px; height: 4px; background: linear-gradient(to right, #ccc, #6e87ac 50%, #002a65); border-radius: 500px; z-index: 0; pointer-events: none;}
.pbvcar-list::after {content: ''; position: absolute; right: 8px; bottom: 108px; transform: translateY(50%); width: 11px; height: 18px; background: url(../images/sub/pbvar-right.svg) no-repeat 50% 50% /contain;}
.pbvcar-list .item {flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0; position: relative; z-index: 1;}
.pbvcar-list .card {display: flex; flex-direction: column; gap: var(--padding-34); background: var(--color-white); border-radius: 24px; padding: var(--padding-34) var(--padding-34) var(--padding-16); align-items: center; text-align: center; width: 100%;}
.pbvcar-list .tag {display: inline-flex; align-items: center; justify-content: center; padding: 8px var(--padding-10); border-radius: 8px; font-size: var(--font-size-14);  font-weight: 600; color: #fff; letter-spacing: -0.28px; line-height: 1.14;}
.pbvcar-list .tag:lang(en) {height:calc(var(--font-size-14) * 1.14 * 2);}
.pbvcar-list .item:nth-child(1) .tag {background: #b2b9c3;}
.pbvcar-list .item:nth-child(2) .tag {background: #8397b3;}
.pbvcar-list .item:nth-child(3) .tag {background: #506e99;}
.pbvcar-list .item:nth-child(4) .tag {background: #193f75;}
.pbvcar-list .tit {margin: 0; font-size: var(--font-size-30); font-weight: 600; font-family: var(--font-archivo); letter-spacing: -0.6px; line-height: 1.46; color: #2c2c2c;}
.pbvcar-list .img {margin: 0; height: clamp(90px, calc( 200 / var(--inner) * 100vw ), 200px); width: 100%; display: flex; align-items: center; justify-content: center;}
.pbvcar-list .img img {max-width: 100%; max-height: 100%; object-fit: contain;}
.pbvcar-list .timeline-meta {display: flex; flex-direction: column; align-items: center; gap: var(--padding-30); margin-top: var(--padding-30); width: 100%; height: 118px;}
.pbvcar-list .dot {width: 24px; height: 24px; border-radius: 50%; border: 4px solid rgba(255,255,255,0.5); flex-shrink: 0;}
.pbvcar-list .item:nth-child(1) .dot {background: #b2b9c3;}
.pbvcar-list .item:nth-child(2) .dot {background: #8397b3;}
.pbvcar-list .item:nth-child(3) .dot {background: #506e99;}
.pbvcar-list .item:nth-child(4) .dot {background: #193f75;}
.pbvcar-list .datebx {display: flex; flex-direction: column; gap: 2px; align-items: center;}
.pbvcar-list .label {font-size: var(--font-size-16); font-weight: 500; color: #676767; letter-spacing: -0.32px; line-height: 1.5;}
.pbvcar-list .val {font-size: var(--font-size-24); font-weight: 500; font-family: var(--font-archivo); letter-spacing: -0.48px; line-height: 1.58; color: #2c2c2c;}

.pbvcar-arrowbx {position: relative; margin-top: var(--padding-80); padding:var(--padding-70) 0 var(--padding-60); text-align: center; z-index: 1;} 
.pbvcar-arrowbx:after {position: absolute; content: ''; left: 50%; bottom: 0; transform: translateX(-50%);background: url(../images/sub/down-arrow.svg) no-repeat center center / contain; width:  clamp(300px, calc( 1000 / var(--inner) * 100vw ), 1000px); height: auto; aspect-ratio: 1000 / 180; z-index: -1;}
.pbvcar-arrowbx .txt {font-size:var(--font-size-32); font-weight: 600; line-height: 1.43;}

.pbvtotla-list {display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.pbvtotla-list .totalitem {display: flex; flex-direction: column; background: var(--color-white); border-radius: 24px; padding: var(--padding-34);}
.pbvtotla-list .totalitem:not(.ty2) { gap: var(--padding-40);}
.totalitem .head {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--padding-20);}
.totalitem .head .tit {font-size: var(--font-size-28); font-weight: 700; color: #2c2c2c; letter-spacing: -0.56px; line-height: 1.5;}
.totalitem .head .brand {font-size: var(--font-size-28); font-weight: 600; font-family: var(--font-archivo); color: var(--color-primary); letter-spacing: -0.56px; line-height: 1.5;}
.totalitem .sec {display: flex; flex-direction: column; gap: var(--padding-16);}
.totalitem .sectit {display: flex; align-items: center; gap: 8px;}
.totalitem .sectit .dot {width: 8px; height: 8px; border-radius: 500px; background: var(--color-primary); flex-shrink: 0;}
.totalitem .sectit .txt {font-size: var(--font-size-20); font-weight: 600; color: #2c2c2c; letter-spacing: -0.4px; line-height: 1.7;}
.totalitem .body {display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-start;}
.totalitem .iconcard {flex: 1;  display: flex; flex-direction: column; gap: var(--padding-16); align-items: center; background: #fafafa; border-radius: 12px; padding: var(--padding-30); height: 100%; box-shadow: inset 2px 2px 6px rgba(0,0,0,0.08);}
.totalitem .iconcard .img {width: clamp(35px, calc( 60 / var(--inner) * 100vw ), 60px); height: clamp(35px, calc( 60 / var(--inner) * 100vw ), 60px); display: flex; align-items: center; justify-content: center;}
.totalitem .iconcard .img img {width: 100%; height: 100%; object-fit: contain;}
.totalitem .iconcard .name {font-size: var(--font-size-18); font-weight: 500; color: #2c2c2c; letter-spacing: -0.36px; line-height: 1.55;}
.totalitem .appcard {display: flex; flex-direction: column; gap: var(--padding-16); flex: 1; }
.totalitem .appcard .thumbs {display: flex; gap: var(--padding-24); align-items: center; justify-content: center; background: #fafafa; border-radius: 12px; padding: var(--padding-30); box-shadow: inset 2px 2px 6px rgba(0,0,0,0.08);}
.totalitem .appcard .img {width: clamp(35px, calc( 64 / var(--inner) * 100vw ), 64px); height: clamp(35px, calc( 64 / var(--inner) * 100vw ), 64px); border-radius: 12px; overflow: hidden; box-shadow: 0 6px 12px rgba(0,0,0,0.08);}
.totalitem .appcard .img img {width: 100%; height: 100%; object-fit: cover;}
.totalitem .appcard .name {font-size: var(--font-size-18); font-weight: 500; color: #2c2c2c; letter-spacing: -0.36px; line-height: 1.55;}
.totalitem .devcard {display: flex; flex-direction: column; gap: var(--padding-16); }
.totalitem .devcard:first-child {flex: 1;}
.totalitem .devcard:last-child {width: clamp(120px, calc( 188 / var(--inner) * 100vw ), 188px);}
.totalitem .devcard .thumbs {display: flex; flex-wrap: wrap; gap: var(--padding-24); align-items: center; justify-content: center; background: #fafafa; border-radius: 12px; padding: var(--padding-30); box-shadow: inset 2px 2px 6px rgba(0,0,0,0.08);}
.totalitem .devcard .thumb {display: flex; flex-direction: column; gap: 10px; align-items: center;}
.totalitem .devcard .thumb .img {width: clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px); height: clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px); border-radius: 12px; overflow: hidden; box-shadow: 0 6px 12px rgba(0,0,0,0.08);}
.totalitem .devcard .thumb .img img {width: 100%; height: 100%; object-fit: cover;}
.totalitem .devcard .thumb .thumblabel {font-size: var(--font-size-16); font-weight: 500; color: #2c2c2c; letter-spacing: -0.32px; line-height: 1.5;}
.totalitem .devcard .img {width: clamp(90px, calc( 188 / var(--inner) * 100vw ), 188px); height: auto; aspect-ratio: 188 / 174; border-radius: 12px; overflow: hidden; box-shadow: inset 2px 2px 6px rgba(0,0,0,0.08);}
.totalitem .devcard .img img {width: 100%; height: 100%; object-fit: cover;}
.totalitem .devcard .name {font-size: var(--font-size-18); font-weight: 500; color: #2c2c2c; letter-spacing: -0.36px; line-height: 1.55;}
.totalitem .numlist {margin-top: var(--padding-90); display: flex;flex-direction: column;gap:8px;}
.totalitem .numitem {display: flex;align-items: center;gap: var(--padding-16); padding: var(--padding-32); background: #F2F6FD; border-radius: 12px;} 
.totalitem .numitem .num {display: flex;align-items: center;justify-content: center; flex: 0 0 clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); height: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); border-radius: 50%; background:var(--color-primary); color: #fff;font-weight: 600;}
.totalitem .numitem .dec {font-size: var(--font-size-22);  font-weight: 600; line-height: 1.63;}
.totalitem .img-grid {display: grid;grid-template-columns: repeat(3,1fr); gap:8px; margin-top: var(--padding-70);}
.totalitem .img-grid img {border-radius: 12px; overflow: hidden;}

.autoflx {display: flex;flex-wrap: wrap;}
.autoflx .subsec-titbx {width: clamp(200px, calc( 400 / var(--inner) * 100vw ), 400px);}
.autoflx .textbx {flex: 1;}
.autoflx .checklist {display: flex;flex-direction: column;gap:8px;}
.autoflx .checkitem {padding:var(--padding-24); border-radius: 8px; background: #FAFAFA;}
.autoflx .checkitem .dec {display: block; padding-left:clamp(24px, calc( 40 / var(--inner) * 100vw ), 40px); position: relative; font-size:var(--font-size-20); font-weight: 500; line-height: 1.7;}
.autoflx .checkitem .dec:after {position: absolute; content: ''; left: 0; top: 6px; width: clamp(14px, calc( 24 / var(--inner) * 100vw ), 24px); height: clamp(14px, calc( 24 / var(--inner) * 100vw ), 24px); background: url(../images/sub/check.png) no-repeat 50% 50%/ contain;}

.autosolu-list {display: flex; flex-direction: column; gap: var(--padding-30); margin-top: var(--padding-60);}
.autosolu-list .item {display: flex; gap: var(--padding-50); align-items: center; flex-wrap: wrap;}
.autosolu-list .pic {margin: 0; width: clamp(250px, calc(400 / var(--inner) * 100vw), 400px);border-radius: 16px; overflow: hidden; background: var(--color-white); flex-shrink: 0;}
.autosolu-list .pic img {width: 100%; height: 100%; object-fit: cover;}
.autosolu-list .txtbx {flex: 1; display: flex; flex-direction: column; gap: var(--padding-30);}
.autosolu-list .cate {margin: 0; font-size: var(--font-size-18); font-weight: 500; color: #878787; letter-spacing: -0.36px; line-height: 1.55;}
.autosolu-list .tit {margin: 0; font-size: var(--font-size-38); font-weight: 600; font-family: var(--font-archivo); letter-spacing: -0.76px; line-height: 1.36; color: #2c2c2c;}
.autosolu-list .tit .sub {font-size: var(--font-size-16); font-weight: 600; color: #a8a8a8; letter-spacing: -0.32px; line-height: 1.5;}
.autosolu-list .item:nth-child(2) .tit {font-size: var(--font-size-32); letter-spacing: -0.64px; line-height: 1.43;}
.autosolu-list .item:nth-child(3) .tit {font-size: var(--font-size-32); letter-spacing: -0.64px; line-height: 1.43;}
.autosolu-list .desc.list {margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px;}
.autosolu-list .desc.list li {font-size: var(--font-size-18); font-weight: 400; color: #676767; letter-spacing: -0.36px; line-height: 1.66; padding-left: 0.7em; text-indent: -0.7em;}

.customer-tab {margin-bottom: var(--padding-100); width: 100%; }
.customerlist {display: flex;gap:4px; overflow-x: auto;}
.customeritem .link {display: flex;align-items: center;justify-content: center; padding:var(--padding-14) var(--padding-30); font-size: var(--font-size-18); font-weight: 600; color: #A8A8A8; line-height: 1.5; white-space: nowrap; letter-spacing: -0.5px;}
.customeritem.active {background: var(--color-primary); border-radius: 500px;}
.customeritem.active .link {color: #fff;}
.customeritem:hover {background: var(--color-primary); border-radius: 500px;}
.customeritem:hover .link {color: #fff;}

.customerlogo-all {display: flex;flex-direction: column;gap: var(--padding-100);}
.customer-section .head {display: flex;align-items: center; gap: var(--padding-16); margin-bottom: var(--padding-40);}
.customer-section .head .icn {width: clamp(28px, calc( 48 / var(--inner) * 100vw ), 48px);}
.customer-section .head .tit {font-size: var(--font-size-34); color: #121212; font-weight: 600;}
.customer-section .custlogogrid {display: grid; grid-template-columns: repeat(6,1fr); gap:4px;}
.customer-section .custlogoitem {display: flex;align-items: center;justify-content: center; flex-direction: column; gap: 10px; padding: 15px; height:clamp(90px, calc( 134 / var(--inner) * 100vw ), 134px); background: #fff; border-radius: 10px;}
.customer-section .custlogoitem img {height: 100%; object-fit: scale-down;}
.customer-section .custlogoitem .name {display: block; line-height: 1.5;}
.customer-section .custlogogrid.partylogos {display: flex; gap: 4px;}
.customer-section .custlogogrid.partylogos .categ {display: flex; flex-direction: column; gap: 16px;}
.customer-section .custlogogrid.partylogos .categ:first-child {flex: 1; min-width: 0;}
.customer-section .custlogogrid.partylogos .categ:not(:first-child) {flex: 0 0 clamp(180px, calc(230 / var(--inner) * 100vw), 230px);}
.customer-section .custlogogrid.partylogos .categtit {font-size: var(--fz20); font-weight: 600; line-height: 1.7; color: #2c2c2c; letter-spacing: -0.4px;}
.customer-section .custlogogrid.partylogos .categlist {display: flex; gap: 4px;}
.customer-section .custlogogrid.partylogos .categ:first-child .custlogoitem {width: clamp(180px, calc(230 / var(--inner) * 100vw), 230px); flex-shrink: 0;}
/* .customer-section .custlogogrid.partylogos .categ:not(:first-child) .custlogoitem {width: 100%;} */

.select-wrap { margin-bottom: var(--padding-100); }
.select-wrap .sel-inner { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--padding-10); }
.select-wrap .filt-drop { position: relative; width: clamp(120px, calc(200 / var(--inner) * 100vw), 200px); flex-shrink: 0; }
.select-wrap .filt-drop .btn-val { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: clamp(44px, calc(60 / var(--inner) * 100vw), 60px); padding: var(--padding-20) var(--padding-30); border: none; border-radius: 500px; background: #f4f4f4; cursor: pointer; font-size: var(--font-size-16); font-weight: 700; color: #2c2c2c; letter-spacing: -0.32px; line-height: 1.5; text-align: left; box-sizing: border-box; }
.select-wrap .filt-drop .ico { flex-shrink: 0; margin-left: var(--padding-12); background: url(../images/sub/path-down.svg) no-repeat center center /contain; width: 10px; height: 10px; transition: transform 0.2s ease; }
.select-wrap .filt-drop.is-open .ico { transform: rotate(180deg); }
.select-wrap .filt-drop .opt-list { display: none; position: absolute; z-index: 30; left: 0; top: calc(100% + 8px); min-width: 100%; margin: 0; padding: var(--padding-12) 0; list-style: none; background: #fff; border: 1px solid #eee; border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,0.08); max-height: 280px; overflow-y: auto; box-sizing: border-box; }
.select-wrap .filt-drop.is-open .opt-list { display: block; }
.select-wrap .filt-drop .opt-item { margin: 0; padding: 0; }
.select-wrap .filt-drop .opt-link { display: block; width: 100%; padding: var(--padding-14) var(--padding-24); border: none; background: transparent; font-size: var(--font-size-16); font-weight: 500; color: #2c2c2c; letter-spacing: -0.32px; line-height: 1.5; text-align: left; cursor: pointer; box-sizing: border-box; }
.select-wrap .filt-drop .opt-item.is-selected .opt-link { font-weight: 700; background: #f4f4f4; }
.select-wrap .filt-drop .opt-link:hover { background: #fafafa; }
.summary-wrap {display: flex;flex-direction: column;gap: var(--padding-160);}
.summary-wrap .subsec-titbx2 {display: flex;justify-content: space-between; align-items: flex-end;}
.summary-wrap .subsec-titbx2 .small {display: block; color: #A8A8A8; line-height: 1.5;}
.summary-wrap .fintbl-wrap { width: 100%; overflow-x: auto;}
.summary-wrap .fintbl { width: 100%; border-collapse: collapse; border-bottom: 1px solid #ccc; font-size: var(--font-size-16); line-height: 1.5; letter-spacing: -0.32px; table-layout: fixed; }
.summary-wrap .fintbl th,
.summary-wrap .fintbl td { padding: var(--padding-20); border-top: 1px solid #eee; vertical-align: middle; font-weight: 500; color: #676767;}
.summary-wrap .fintbl thead th { border-top: 2px solid #2c2c2c; font-weight: 600; color: #2c2c2c; }
.summary-wrap .fintbl .cel-name { text-align: left; border-right: 1px solid #ccc; }
.summary-wrap .fintbl thead .cel-name { background: #fff; }
.summary-wrap .fintbl .cel-yy,
.summary-wrap .fintbl .cel-qq { text-align: right; background: #fafafa; border-left: 1px solid #eee; border-right: 1px solid #eee; }
.summary-wrap .fintbl thead .cel-yy { border-left: 1px solid #eee; }
.summary-wrap .fintbl .cel-num { text-align: right; color: #676767; }
.summary-wrap .fintbl thead .cel-num { color: #2c2c2c; background: #fff; font-weight: 600; }
.summary-wrap .fintbl tbody tr:first-child th,
.summary-wrap .fintbl tbody tr:first-child td { border-top: 1px solid #ccc; }
.summary-wrap .fintbl tbody .cel-name { color: #2c2c2c; }
.summary-wrap .fintbl tr.line-final th,
.summary-wrap .fintbl tr.line-final td { border-top: 2px solid #2c2c2c; font-weight: 600; color: #2c2c2c; }
.summary-wrap .fintbl tr.line-final .cel-num { color: #2c2c2c; }

.disclosure-wrap {text-align: center;}

.newsnoti-list {display:flex; flex-wrap:wrap; gap: var(--padding-60) var(--padding-20);}
.newsnoti-list li {width:calc((100% - 2 * var(--padding-20)) / 3); }
.newsnoti-list li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.newsnoti-list li a {display:block;}
.newsnoti-list li .thumb {position:relative; padding-bottom:75.05%; overflow:hidden; border-radius: var(--border-radius-24);}
.newsnoti-list li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.newsnoti-list li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;  border-radius: var(--border-radius-24);}
.newsnoti-list li .textbx {padding: var(--padding-30); padding-bottom: 0; letter-spacing: -0.4px;}
.newsnoti-list li .date {display: block; margin-bottom:  var(--padding-10); font-size:var(--font-size-14); color: #A8A8A8; font-weight: 500; line-height: 1.4;}
.newsnoti-list li .title {font-size:var(--font-size-22); font-weight: 600; line-height: 1.6;  min-height:calc(var(--font-size-22) * 1.6 * 2); display:-webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.newsnoti-list li .badge {margin-top:var(--padding-40); display: inline-flex;align-items: center;justify-content: center; padding:8px 10px;background: #F1F1F1; border-radius: 4px; font-size: var(--font-size-12); color: #676767; font-weight: 500; line-height: 1.1;} 
.newsnoti-list li a:hover .textbx {color: var(--color-primary);}
.newsnoti-list li a:hover .date  {color: var(--color-primary);}
.newsnoti-list li a:hover .badge {color:#fff; background: var(--color-primary);}

.vidsldr { display: flex; flex-direction: column; gap: var(--padding-60); width: 100%; margin-bottom: var(--padding-100);}
.vidsldr-swiper { width: 100%; overflow: hidden; }
.vidsldr-swiper .swiper-wrapper { align-items: flex-start; }
.vidsldr .swiper-slide { height: auto; box-sizing: border-box; }
.vidsldr-card { display: block; width: 100%; max-width: 100%; color: inherit; text-decoration: none; box-sizing: border-box; transform: scale(0.80); transform-origin: left top; transition: transform 0.45s ease; }
.vidsldr .swiper-slide-active .vidsldr-card { transform: scale(1); transform-origin: left top; }
.vidsldr .swiper-slide-active .vidsldr .txtbx {flex-direction: row !important;}
.vidsldr .img { margin: 0; border-radius: var(--border-radius-24); overflow: hidden; background: #f4f4f4; aspect-ratio: 772 / 516; width: 100%; }
.vidsldr .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vidsldr .txtbx { display: flex; flex-wrap: wrap; flex-direction: column-reverse; align-items: baseline; gap: var(--padding-16); margin-top: var(--padding-30); line-height: 1.45; min-height: calc(var(--font-size-30) * 1.45); }
.vidsldr .tit { margin: 0; font-size: var(--font-size-30); font-weight: 600; color: #2c2c2c; letter-spacing: -0.6px; display:-webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;}
.vidsldr .date { font-family: var(--font-archivo); font-size: var(--font-size-14); font-weight: 500; color: #a8a8a8; letter-spacing: -0.28px; flex-shrink: 0; }
.vidsldr-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--padding-24); padding-top: var(--padding-40); border-top: 1px solid #eee; }
.vidsldr-arrows { display: flex; align-items: center; gap: var(--padding-16); }
.vidsldr-prev,
.vidsldr-next { width: 26px; height: 26px; padding: 0; border: none; background: transparent; cursor: pointer; position: relative; flex-shrink: 0; }
.vidsldr-prev::after,
.vidsldr-next::after { content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border-left: 2px solid #2c2c2c; border-bottom: 2px solid #2c2c2c; transform: translate(-30%, -50%) rotate(45deg); }
.vidsldr-next::after { transform: translate(-70%, -50%) rotate(-135deg); }
.vidsldr-prev.swiper-button-disabled,
.vidsldr-next.swiper-button-disabled { opacity: 0.35; cursor: default; }
.vidsldr-pagi { display: flex; align-items: center; justify-content: flex-end; gap: var(--padding-16); flex: 1; min-width: 0; }
.vidsldr-pagi .vidsldr-dot { width: 6px; height: 6px; margin: 0 !important; padding: 0; border: none; border-radius: 500px; background: #ccc; cursor: pointer; opacity: 1; transition: background 0.2s ease; }
.vidsldr-pagi .vidsldr-dot.on { background: #0047ab; }
@media (max-width: 900px) {
  .vidsldr { gap: var(--padding-40); }
  .vidsldr .vidsldr-card { transform: scale(1); }
 }


.topcommbg {display: flex;align-items: flex-end; height:clamp(300px, calc( 624 / var(--inner) * 100vw ), 624px); background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: var(--border-radius-32); overflow: hidden;}
.topcommbg .text {max-width: 1460px; width: 100%; margin: 0 auto; padding: 0 var(--padding-30); padding-bottom: var(--padding-80); font-size: var(--font-size-46); font-weight: bold; line-height: 1.43; letter-spacing: -0.5px; color: #fff;}
.topcommbg.bg1 {background-image: url(../images/sub/topcommbg-1.jpg);}
.topcommbg.bg2 {background-image: url(../images/sub/topcommbg-2.jpg);}
.topcommbg.bg3 {background-image: url(../images/sub/topcommbg-3.jpg);}
.topcommbg.bg4 {background-image: url(../images/sub/topcommbg-4.jpg);}
.topcommbg.bg5 {background-image: url(../images/sub/topcommbg-5.jpg);}

.commflx {overflow: hidden;}
.commflx .subsec-titbx {width:clamp(200px, calc( 400 / var(--inner) * 100vw ), 400px);}
.commflx .subsec-titbx .subsec-tit {font-family: var(--font-archivo);}
.commflx .contentsbx {flex: 1;}
 
.job_1 .contentsbx {display: flex;flex-direction: column;gap: var(--padding-80);}
.job_1 .insection {display: flex;flex-direction: column;gap:var(--padding-44);}
.insection .sec-head {display: flex;align-items: center;justify-content: space-between; gap:  20px; padding:var(--padding-24) var(--padding-30); background: #F8F8F8; border-radius: 16px;}
.insection .sec-head .titbx {display: flex;align-items: center; gap: var(--padding-12);}
.insection .sec-head .icn {width: 32px;}
.insection .sec-head .tit {font-size:var(--font-size-28); font-weight: bold; color: var(--color-primary); line-height: 1.5;}
.insection .sec-head .eng {display: block; font-size: var(--font-size-18); font-weight: 600; font-family: var(--font-archivo); color: #ccc; line-height: 1.55;}
.insection .sec-body {padding-left: var(--padding-30);}
.insection .jobtxt-grid {display: grid;grid-template-columns: repeat(2,1fr); gap: var(--padding-50) 10px;}
.insection .txt-item {display: flex;flex-direction: column;gap: 10px; letter-spacing: -0.5px;}
.insection .txt-item .name {display: block; font-size:var(--font-size-24); font-weight: 600;line-height: 1.66;} 
.insection .txt-item .dec {font-size:var(--font-size-18);color: #676767; line-height: 1.66;}

.jobgrade { display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; gap: var(--padding-40);}
.jobgrade .step { position: relative; display: flex; flex-direction: column; width: calc((100% - 3 * var(--padding-40)) / 4); }
.jobgrade .step.wid-33 {width: calc((100% - 2 * var(--padding-40)) / 3); }
.jobgrade .pill { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1 1 auto; gap: 4px; min-width: 0; min-height: 0; width: 100%; padding: var(--padding-30); background: #fff; border-radius: 500px; text-align: center; }
.jobgrade .step.g1 .pill { background: #f8f8f8; }
.jobgrade .num { font-family: var(--font-archivo); font-size: var(--font-size-36); font-weight: 600; line-height: 1.28; letter-spacing: -0.02em; }
.jobgrade .role { font-size: var(--font-size-18); font-weight: 600; color: #676767; line-height: 1.66; letter-spacing: -0.02em; }
.jobgrade .step.g1 .num { color: #96b3dc; }
.jobgrade .step.g2 .num { color: #6892cd; }
.jobgrade .step.g3 .num { color: #2260b6; }
.jobgrade .step.g4 .num { color: #002355; }
.jobgrade .step:not(:last-child)::after {position: absolute; content: ""; right: clamp(-20px, calc(-20 / var(--inner) * 100vw), -10px); top: 50%; transform: translateY(-50%); width: clamp(20px, calc(42 / var(--inner) * 100vw), 42px); height: auto; aspect-ratio: 42 / 12; background: url(../images/sub/sop-arrow.svg) no-repeat center / contain; }
.jobgrade .numdot {display: inline-flex;align-items: center;justify-content: center;width:28px; height: 28px; font-size: var(--font-size-14); font-weight: bold; border-radius: 50%; background: #fff; color: var(--color-primary); line-height: 1;}
.jobgrade .textbx {display: flex;flex-direction: column;gap:4px; margin-top: 4px;}
.jobgrade .tit {font-size: var(--font-size-22); font-weight: 600; color: #2c2c2c; line-height: 1.63;}
.jobgrade .txt1 {font-size: var(--font-size-18); font-weight: 600; color: #676767; line-height: 1.66;}
.jobgrade .txt2 {font-size:var(--font-size-15); font-weight: 600; color: #878787; line-height: 1.1;}

.jobgrade.ty2 .pill {background: #F6F6F6;}

.whistleflow .step.wf1 .pill { background: #96b3dc; }
.whistleflow .step.wf2 .pill { background: #6892cd; }
.whistleflow .step.wf3 .pill { background: #2260b6; }
.whistleflow .step.wf4 .pill { background: #002355; }
.whistleflow .num { color: rgba(255, 255, 255, 0.5); }
.whistleflow .role { color: #fff; }
.whistle_3 .whistleflow { margin-top: var(--padding-50); }

.life-wrap {display: flex;flex-direction: column;gap: var(--padding-160);letter-spacing: -0.5px;}
.lifesection .tophead {display: flex;flex-direction: column;gap: 10px; margin-bottom: var(--padding-50); padding-bottom: var(--padding-50); border-bottom: 2px solid #2C2C2C;}
.lifesection .tophead .tit {font-size:var(--font-size-28); font-weight: bold; color: var(--color-primary); line-height: 1.5;}
.lifesection .tophead .dec {font-size: var(--fon-size-20); font-weight: 500; color: #676767; line-height: 1.7;}
.lifesection .sec-body {padding-left: 0;}
.lifesection .images {margin-top:var(--padding-80); border-radius: var(--border-radius-24); overflow: hidden;}

.guide_1 .subsec-titbx .subsec-tit { font-family: var(--font-archivo); }
.guide_1 .proc-wrap { display: flex; flex-direction: column; gap: var(--padding-80); }
.guide_1 .proc-block { display: flex; flex-direction: column; gap: var(--padding-50); }
.guide_1 .proc-tt { font-size: var(--font-size-24); font-weight: 600; color: #2c2c2c; line-height: 1.66; letter-spacing: -0.02em; }
.guide_1 .proc-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch;}
.guide_1 .proc-line { display: flex; align-items: center; flex-wrap: nowrap; gap: var(--padding-30); width: max-content;}
.guide_1 .proc-line .proc-item { position: relative; }
.guide_1 .proc-line .proc-item:not(:last-child)::after { content: ""; position: absolute; z-index: 2; left: calc(100% + var(--padding-30) / 2 - 8px); top: 50%; transform: translateY(-50%); width: 16px; height: 9px; background: url(../images/sub/guide-arrow.svg) no-repeat center / contain; pointer-events: none; }
.guide_1 .proc-cell { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; width: clamp(120px, calc(174 / var(--inner) * 100vw), 174px); height: clamp(120px, calc(174 / var(--inner) * 100vw), 174px); padding: var(--padding-40) var(--padding-10); border-radius: 500px; text-align: center; gap: 8px; letter-spacing: -0.02em; }
.guide_1 .proc-cell .num { font-size: var(--font-size-16); font-weight: 700; color: var(--color-primary); line-height: 1.5; }
.guide_1 .proc-cell .lbl { display: block; font-size: var(--font-size-20); font-weight: 600; color: #2c2c2c; line-height: 1.4; max-width: 7.5em; }
.guide_1 .proc-cell--g1 { background: #f4f4f4; }
.guide_1 .proc-cell--g2 { background: #dfdfdf; }
.guide_1 .proc-cell--sub .lbl { max-width: none; }
.guide_1 .proc-cell--sub .note { font-size: var(--font-size-14); font-weight: 400; color: #878787; line-height: 1.42; }
.guide_1 .proc-cell--final { background: #121212; }
.guide_1 .proc-cell--final .num { color: #fff; }
.guide_1 .proc-cell--final .lbl { color: #fff; }
.guide_1 .proc-twin { flex-shrink: 0; padding: 10px; border: 1px solid #dfdfdf; border-radius: 500px; background: #fff; }
.guide_1 .proc-twin-inner { display: flex; align-items: center; background: #f4f4f4; border-radius: 500px; }
.guide_1 .proc-twin-inner .proc-cell { width: clamp(120px, calc(174 / var(--inner) * 100vw), 174px); height: clamp(120px, calc(174 / var(--inner) * 100vw), 174px); }
.guide_1 .proc-twin-inner .proc-cell.proc-cell--g1 { background: transparent; }
.guide_1 .proc-twin-inner .proc-cell.proc-cell--g2 { background: #dfdfdf; }
.guide_1 .lbl-en { font-family: var(--font-archivo); max-width: none; }

.guide_2 .glywrap { display: flex; flex-direction: column; letter-spacing: -0.02em; }
.guide_2 .glysec { display: flex; flex-direction: column; gap: var(--padding-24); padding-bottom: var(--padding-50); border-bottom: 1px solid #eee; }
.guide_2 .glysec:not(:first-child) { padding-top: var(--padding-50); }
.guide_2 .glysec .tit { font-size: var(--font-size-24); font-weight: 600; color: #2c2c2c; line-height: 1.66; }
.guide_2 .glysec .txt { font-size: var(--font-size-18); color: #676767; line-height: 1.66; }
.guide_2 .glysec .list { display: flex; flex-direction: column; gap: 8px; padding: 0; list-style: none; }
.guide_2 .glysec .list li { position: relative; padding-left: 14px; font-size: var(--font-size-18); color: #676767; line-height: 1.66; }
.guide_2 .glysec .list li::before { content: "-"; position: absolute; left: 0; top: 0; }
.guide_2 .glysec-ban { gap: var(--padding-30); }
.guide_2 .banblk { display: flex; flex-direction: column; gap: 16px; }
.guide_2 .banblk .subtit { font-size: var(--font-size-20); font-weight: 600; color: #878787; line-height: 1.7; }
.guide_2 .glysec .list-sm li { font-size: var(--font-size-16); line-height: 1.75; }
.guide_2 .glysec .lead { font-size: var(--font-size-20); font-weight: 500; color: #676767; line-height: 1.7; }
.guide_2 .rettbl { display: grid; grid-template-columns: auto 1fr; column-gap: var(--padding-20); row-gap: var(--padding-12); }
.guide_2 .rettbl dt { font-size: var(--font-size-16); font-weight: 600; color: #a8a8a8; line-height: 1.75; }
.guide_2 .rettbl dd { font-size: var(--font-size-16); color: #676767; line-height: 1.75; }
.guide_2 .rettbl .rettxt { margin: 0 0 4px; }
.guide_2 .rettbl .retdesc { font-size: var(--font-size-14); font-weight: 500; color: #a8a8a8; line-height: 1.42; }

.ethicdecl { display: flex; flex-direction: column; gap: var(--padding-100); margin-top: var(--padding-80); padding-bottom: var(--padding-80); letter-spacing: -0.02em; }
.ethicdecl .sec { display: flex; flex-direction: column; gap: var(--padding-30); }
.ethicdecl .tit { font-size: var(--font-size-24); font-weight: 600; color: #2c2c2c; line-height: 1.66; }
.ethicdecl .cont { display: flex; flex-direction: column; gap: var(--padding-30); }
.ethicdecl .item { margin: 0; font-size: var(--font-size-18); font-weight: 600; color: #676767; line-height: 1.66; }
.ethicdecl .corebx { display: flex; flex-direction: column; gap: var(--padding-20); }
.ethicdecl .coretit { margin: 0; font-size: var(--font-size-16); font-weight: 700; color: #2c2c2c; line-height: 1.5; }
.ethicdecl .corelist { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ethicdecl .corelist li { position: relative; padding-left: 14px; font-size: var(--font-size-16); font-weight: 500; color: #878787; line-height: 1.75; }
.ethicdecl .corelist li::before { content: "-"; position: absolute; left: 0; top: 0; }
.ethicdecl .numlist { display: flex; flex-direction: column; gap: var(--padding-30); font-size: var(--font-size-18); font-weight: 600; color: #676767; line-height: 1.66; list-style-position: outside; }
.ethicdecl .numlist li { padding-left: 6px; }
.ethicdecl .signbx { display: flex; flex-wrap: wrap; align-items: center; gap: var(--padding-12); margin-top: var(--padding-20); }
.ethicdecl .signbx .role { font-size: var(--font-size-20); font-weight: 600; color: #121212; line-height: 1.7; }
.ethicdecl .signbx .name { font-size: var(--font-size-20); font-weight: 600; color: #121212; line-height: 1.7; }
.ethicdecl .signbx .img { margin: 0; flex-shrink: 0; }
.ethicdecl .signbx .img img { display: block; width: auto; max-width: 88px; max-height: 120px; object-fit: contain; }

.whistle-wrap {display: flex;flex-direction: column; gap: var(--padding-160); margin-bottom: var(--padding-160);}
.whistle_2 .whistletypes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--padding-50) 10px; letter-spacing: -0.02em; }
.whistle_2 .typeitem { display: flex; align-items: center; gap: var(--padding-24); min-width: 0; }
.whistle_2 .typeitem .icnwrap { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: clamp(75px, calc(120 / var(--inner) * 100vw), 120px); height: clamp(75px, calc(120 / var(--inner) * 100vw), 120px); border-radius: 500px; background: #f4f4f4; }
.whistle_2 .typeitem .icnwrap .img { display: flex; align-items: center; justify-content: center; width: clamp(30px, calc(56 / var(--inner) * 100vw), 56px); height: clamp(30px, calc(56 / var(--inner) * 100vw), 56px);}
.whistle_2 .typeitem .icnwrap .img img { width: 100%; height: 100%; object-fit: contain; }
.whistle_2 .typeitem .txtbx { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.whistle_2 .typeitem .cate { font-size: var(--font-size-16); font-weight: 600; color: #878787; line-height: 1.5; }
.whistle_2 .typeitem .tit { margin: 0; font-size: var(--font-size-24); font-weight: 600; color: #2c2c2c; line-height: 1.66; }

.whistle_4 .protectlist { display: flex; flex-direction: column; letter-spacing: -0.02em; }
.whistle_4 .protectlist .row { display: flex; align-items: center; flex-wrap: wrap; gap: clamp(20px, calc(34 / var(--inner) * 100vw), 34px); padding-bottom: var(--padding-44); border-bottom: 1px dashed #dfdfdf; }
.whistle_4 .protectlist .row:not(:first-child) { padding-top: var(--padding-44); }
.whistle_4 .protectlist .row:last-child { padding-bottom: 0; border-bottom: 0; }
.whistle_4 .protectlist .img { flex-shrink: 0; width: clamp(160px, calc(194 / var(--inner) * 100vw), 194px); margin: 0; border-radius: 16px; overflow: hidden; }
.whistle_4 .protectlist .img img { display: block; width: 100%; aspect-ratio: 194 / 144; object-fit: cover; }
.whistle_4 .protectlist .txtbx { display: flex; flex-direction: column; gap: var(--padding-24); flex: 1; min-width: min(100%, 280px); }
.whistle_4 .protectlist .tit { margin: 0; font-size: var(--font-size-24); font-weight: 600; color: #2c2c2c; line-height: 1.66; }
.whistle_4 .protectlist .desc { margin: 0; font-size: var(--font-size-18); color: #676767; line-height: 1.66; }
.whistle_4 .protectlist .cont { display: flex; flex-direction: column; gap: 0; font-size: var(--font-size-18); color: #676767; line-height: 1.66; }

.whistle_5 {background: url(../images/sub/whistle_5-bg.jpg) no-repeat 50% 50% /cover; padding: var(--padding-160) 0;}
.whistle_5 .channbox { display: flex; flex-wrap: wrap; align-items: center; gap: var(--padding-40); margin-top: var(--padding-50); padding: var(--padding-30); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 16px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); letter-spacing: -0.02em; }
.whistle_5 .chitem { display: flex; flex-wrap: wrap; align-items: center; gap: var(--padding-16); min-width: 0; }
.whistle_5 .chitem .tag { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; padding: var(--padding-12) 20px; border-radius: 500px; background: var(--color-primary); color: #fff; font-size: var(--font-size-16); font-weight: 700; line-height: 1.5; }
.whistle_5 .chitem .txt { margin: 0; font-size: var(--font-size-18); color: #2c2c2c; line-height: 1.33; }
.whistle_5 .chitem .link { font-family: var(--font-archivo); font-size: var(--font-size-18); color: #2c2c2c; line-height: 1.33; text-decoration: none; }
.whistle_5 .chitem .link:hover { text-decoration: underline; }

.reportform-wrap {display: flex;flex-direction: column; gap:var(--padding-70);}
.reportform-wrap .input {height:clamp(44px, calc( 60 / var(--inner) * 100vw ), 60px);}
.reportform-wrap .title {margin-bottom:var(--padding-24 ); font-size: var(--font-size-28); font-weight: 600; line-height: -0.5;}
.reportform-item .report-form {padding: var(--padding-50) 0; border-top: 2px solid #2C2C2C; border-bottom: 1px solid #eee;}
.reportform-item .report-form.none {padding: 0; border-top: 0; border-bottom: 0;}
.report-form .label {margin-bottom: var(--padding-20); font-size:var(--font-size-18); font-weight: 600; color: #2c2c2c;}
.report-form th,
.report-form td {padding: var(--padding-20) 0; letter-spacing: -0.5px;}
.report-form tr:first-child th,
.report-form tr:first-child td {padding: 0;} 
.report-form th {text-align: left; font-size:var(--font-size-18); font-weight: 600; color: #2c2c2c;}
.report-form td {color: var(--color-body);}
.report-form .captcha-wrap {height:clamp(44px, calc( 60 / var(--inner) * 100vw ), 60px); border-radius: 8px;}
.report-form .captcha-wrap img {border-radius: 8px;}
.report-form .input {background-color: #F4F4F4; border: 0; border-radius: 8px;}
.report-form .intext {margin-bottom: var(--padding-44); font-weight: 600; font-size: var(--font-size-16); color: #878787; line-height: 1.7;} 
.report-form .btn-box {margin-top:12px;}
.report-form .btn-box .modal-btn { display: inline-flex;align-items: center;justify-content: center;padding:var(--padding-16) 20px; background: #121212; border-radius:8px; color: #fff; font-weight: bold; line-height: 1.5;}
.file-upload {display:flex; gap: 6px; height:clamp(44px, calc( 60 / var(--inner) * 100vw ), 60px); }
.file-button {display:flex; justify-content:center; align-items:center; height:100%; padding:0 20px; border:0; border-radius:8px ; background:#121212; color:#fff; cursor:pointer;}
.file-name {flex:1 1 auto; min-width:0; width:1%; display:flex; align-items:center; height:100%; padding:0 14px; border:0; background: #F4F4F4; border-radius:8px;}
.reportform-wrap .form-agree {margin-top:0; margin-bottom:35px;}
.reportform-wrap .form-agree h3 {margin-bottom:var(--padding-24); font-size: var(--font-size-28); font-weight: 600; line-height: 1.5;}
.reportform-wrap .form-agree .scroll-box {display: flex;flex-direction: column;gap: var(--padding-40); padding: var(--padding-50); border-radius: 16px; background: #fff;}
.reportform-wrap .form-agree .text {display: flex;flex-direction: column;gap: 8px; color: #A8A8A8; line-height: 1.5;}
.reportform-wrap .form-agree .text span {color: #676767; font-size: var(--font-size-18); font-weight: 600;}
.reportform-wrap .form-agree .check {margin-top:var(--padding-40);}
.reportform-wrap .btn-pack {border-radius: 500px;}
.ethics-btn .btn-pack  {border-radius: 500px;}
.file-notice {margin-top:var(--padding-40);}
.file-notice .txt {margin-bottom:10px; font-size:var(--font-size-18); color:#878787;}
.file-notice ul {display:flex;    flex-direction: column; gap:5px;}
.file-notice ul li {line-height:1.5;}

.report {display: flex; gap: 15px;align-items: center;}
.report  .item {flex: 1;}
.inform + .inform {margin-top:var(--padding-40);}
.agreeformflx {display: flex;flex-wrap: wrap;gap: var(--padding-20);}
.agreeformflx .form-agree {flex: 1;}
.agreeformflx .form-agree .check {text-align: left;}
.agreeformflx .bulletitem2bx {display: flex;flex-direction: column;gap: 3px; margin-top: 10px;}
.form-agree .scroll-box {max-height:  clamp(120px, calc( 445 / var(--inner) * 100vw ), 445px); height: 100%; overflow: auto;}

.blocker {z-index: 100;}
.modal {max-width:980px; width: 100%; padding: 0;}
.modal .modal-title {padding: var(--padding-34) var(--padding-40); border-bottom: 1px solid #ddd; font-size: var(--font-size-28); font-weight: bold;}
.modal .modal-body {display: flex;flex-direction: column;gap: var(--padding-30); padding: var(--padding-60 ) var(--padding-40);}
.modal .board-form2 {border-top: 2px solid #2c2c2c;}
.modal .board-form2 th {background: #FAFAFA; text-align: center; color: #2c2c2c !important; font-weight: 600 !important;}
.modal .board-form2 th ,
.modal .board-form2 td {padding:var(--padding-22) var(--padding-20); color: var(--color-body);border:1px solid #ddd;}
.modal .board-form2 tr th:first-child,
.modal .board-form2 tr td:first-child {border-left:0;}
.modal .board-form2 tr th:last-child,
.modal .board-form2 tr td:last-child {border-right:0;}
.case-example {display: flex;flex-direction: column;gap: var(--padding-40); padding:var(--padding-40); background: #F4F4F4; border-radius: 8px;}
.example-item {display: flex;flex-direction: column;gap: 8px;}
.example-item .example-title {color: #2c2c2c; line-height: 1.5; font-weight: 600;}
.example-item .example-text {display: flex;flex-direction: column;gap: var(--padding-20); color: #676767; line-height: 1.5; font-weight: 500;}
.modal .last-example {display: flex;flex-direction: column;gap: 10px;}
.modal .last-example .title {color: #505050; font-weight: 500;}
.modal .last-example .bulletlist {display: flex;flex-direction: column;gap: 10px; }
.modal .last-example .bulletitem2 {color: #676767; line-height: 1.4;}
.modal .closebx {text-align: center;}
.modal .btn-pack {border-radius: 500px; height:clamp(44px, calc( 60 / var(--inner) * 100vw ), 60px) !important; line-height: clamp(42px, calc( 58 / var(--inner) * 100vw ), 58px) !important;}

.whistle-area {max-width:600px; margin: 0 auto;}
.result-tab .result-list {display: flex;justify-content: center; gap:8px; margin-bottom: var(--padding-40);}
.result-tab li {background: #F1F1F1; border-radius: 500px;}
.result-tab li.active {background: #121212;}
.result-tab li.active a {color: #ffff;}
.result-tab li a {display: block; padding: 12px 24px; color: #878787; font-weight: 600; line-height: 1.5; text-align: center;}
.whistle-area .result-contents {padding-top:var(--padding-50); border-top: 2px solid #121212;}
.result-contents .form {display: flex;flex-direction: column;gap: var(--padding-40);}
.result-contents .label {display: block; margin-bottom: var(--padding-20); font-size: var(--font-size-18); font-weight: 600; line-height: 1.55;}
.result-contents .input {height:clamp(44px, calc( 60 / var(--inner) * 100vw ), 60px) ; border-radius: 8px; background-color: #F4F4F4; width: 100%;}
.result-contents .btn-pack {margin-top: 10px; border-radius: 8px;}

.ethicsreport-wrap {display: flex;flex-direction: column;gap: var(--padding-70);}
.ethicsreport-wrap .ethicsreport-title {margin-bottom: var(--padding-24); font-size: var(--font-size-28); font-weight: 600; line-height: 1.5; letter-spacing: -0.5px;}

.border-line {border-top: 2px solid #2c2c2c; }
.border-linebx {display: flex;flex-direction: column;gap: var(--padding-40); border-top: 2px solid #2c2c2c; }
.ethicsreport-tbl { width: 100%; border-collapse: collapse; font-size: var(--font-size-16); line-height: 1.5; letter-spacing: -0.32px; table-layout: fixed; }
.ethicsreport-tbl th { background: #fafafa; border: 1px solid #dfdfdf; border-top: none; padding: var(--padding-24); text-align: center; font-weight: 600; color: #2c2c2c; vertical-align: middle; }
.ethicsreport-tbl th:first-child { border-left: none; }
.ethicsreport-tbl td { background: #fff; border: 1px solid #dfdfdf; border-top: none; padding: var(--padding-24) var(--padding-20); color: #505050; vertical-align: middle; }
.ethicsreport-tbl td:last-child { border-right: none; }
.ethicsreport-tbl tr:first-child th { border-top: 1px solid #dfdfdf; }
.ethicsreport-tbl tr:first-child td { border-top: 1px solid #dfdfdf; }
.ethicsreport-tbl .filebx { display: inline-flex; align-items: center; gap: 8px; }
.ethicsreport-tbl .filebx .img { margin: 0; width: 18px; height: 18px; }
.ethicsreport-tbl .filebx .img img { width: 100%; height: 100%; object-fit: contain; }
.ethicsreport-tbl .filelink { color: #2b90e3; }

.ethicsreport-list .reportrow { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: var(--padding-24); padding: var(--padding-44) var(--padding-40); border-bottom: 1px solid #eee; cursor: pointer; transition: background 0.2s, color 0.2s; }
.ethicsreport-list .reportrow:has(.radio:checked) { background: #121212; color: #fff; }
.ethicsreport-list .reportrow .radioico { position: relative; flex-shrink: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 500px; }
.ethicsreport-list .reportrow:has(.radio:checked) .radioico { border-color: #fff; background: transparent; }
.ethicsreport-list .reportrow:has(.radio:checked) .radioico::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; background: #fff; border-radius: 500px; }
.ethicsreport-list .reportrow .tit { flex: 1; min-width: 0; margin: 0; font-size: var(--font-size-20); font-weight: 600; color: #2c2c2c; line-height: 1.7; letter-spacing: -0.02em; }
.ethicsreport-list .reportrow:has(.radio:checked) .tit { color: #fff; }
.ethicsreport-list .reportrow .datebx { display: flex; align-items: center; gap: var(--padding-16); flex-shrink: 0; font-size: var(--font-size-16); line-height: 1.5; }
.ethicsreport-list .reportrow .datebx .lbl { color: #878787; }
.ethicsreport-list .reportrow:has(.radio:checked) .datebx .lbl { color: #fff; }
.ethicsreport-list .reportrow .datebx .val { color: #2c2c2c; }
.ethicsreport-list .reportrow:has(.radio:checked) .datebx .val { color: #fff; }
.ethicsreport-list .reportrow .status { flex-shrink: 0; padding: 10px; border-radius: 4px; font-size: 12px; font-weight: 500; line-height: 1; letter-spacing: -0.02em; text-align: center; }
.ethicsreport-list .reportrow .status-receipt { background: #f1f1f1; color: #676767; }
.ethicsreport-list .reportrow .status-done { background: #f1f1f1; color: #676767; }
.ethicsreport-list .reportrow .status-review { background: var(--color-primary); color: #fff; }
.ethicsreport-list .reportrow:has(.radio:checked) .status-done { background: #fff; color: #2c2c2c; }
.whistle_resultbx {display: flex;flex-direction: column;gap: var(--padding-40); padding: var(--padding-50); border-radius: 8px; border: 1px solid #eee;}
.whistle_resultbx .bxitem {display: flex;flex-direction: column;gap: 8px; letter-spacing: -0.4px ;}
.whistle_resultbx .title {font-size: var(--font-size-18); font-weight: 600; line-height: 1.66;}
.whistle_resultbx .text {color: #ababab; line-height: 1.5;}
.whistle_resultlastbx {display: flex;flex-direction: column;gap: var(--padding-25); padding: var(--padding-40); background: #F4F4F4; border-radius: 16px;}
.whistle_resultlastbx .dec {color: #676767; line-height: 1.5; letter-spacing: -0.3px;}
.ethicsreport-btnwrap { display: flex; justify-content: center; gap: 10px; margin-top: var(--padding-40); }
.ethicsreport-btn { display: inline-flex; align-items: center; justify-content: center; padding: var(--padding-16) var(--padding-40); border-radius: 500px; font-size: var(--font-size-18); font-weight: 600; letter-spacing: -0.36px; line-height: 1.55; text-align: center; }
.ethicsreport-btn-outline { background: #fff; border: 2px solid #eee; color: #121212; }
.ethicsreport-btn-primary { background: #121212; color: #fff; }

.global_1 .textbx {display: flex;flex-direction: column;gap: var(--padding-60);letter-spacing: -0.8px;}
.global_1 .txt1 {font-size:var(--font-size-42); font-weight: 600; line-height: 1.52;}
.global_1 .txt2 {font-size:var(--font-size-20); color: #676767; line-height: 1.7;}

.global_2 {padding: var(--padding-80) 0; background: linear-gradient(277deg, #E5EBFC 5.49%, #DDEFFB 100%);}
.global_2 .netbx {display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px;}
.global_2 .netbx .item {display: flex; flex-direction: column; gap: 10px; padding: var(--padding-20); border-radius: 8px; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(12px); cursor: pointer; -webkit-backdrop-filter: blur(12px);}
.global_2 .netbx .head {display: flex; align-items: center; gap: 8px;}
.global_2 .netbx .img img {height:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px);object-fit: contain;}
.global_2 .netbx .tit {font-size: var(--font-size-18); font-weight: 600; color: #2c2c2c; letter-spacing: -0.36px; line-height: 1.55;}
.global_2 .netbx .txt {font-size: var(--font-size-15); font-weight: 500; color: #676767; letter-spacing: -0.9px; line-height: 1.6;}

.system_2 {background: #EEE;}
.system_2 .esgbx {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--padding-40);}
.system_2 .esgbx .item {display: flex; flex-direction: column; gap: var(--padding-34); }
.system_2 .esgbx .img {text-align: center;}
.system_2 .esgbx .img img {border-radius: 16px; overflow: hidden;}
.system_2 .esgbx .txtbx {display: flex; flex-direction: column; gap: var(--padding-20); line-height: 1.66;}
.system_2 .esgbx .tit {font-size: var(--font-size-28); font-weight: 600; color: #2c2c2c; letter-spacing: -0.56px; line-height: 1.5;}
.system_2 .esgbx .desc {display: flex; flex-direction: column;}
.system_2 .esgbx .desc p {font-size: var(--font-size-18); font-weight: 500; color: #676767; letter-spacing: -0.36px; line-height: 1.66;}

.dottext {margin-bottom: var(--padding-25); padding-left: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); position: relative; font-size: var(--font-size-28); font-weight: 600; line-height: 1.5;}
.dottext:after {position: absolute;content: ''; left: 0; top: clamp(6px, calc( 9 / var(--inner) * 100vw ), 9px); width: clamp(3px, calc( 4 / var(--inner) * 100vw ), 4px); height:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); background: var(--color-primary); border-radius: 500px;}

.insecwrap {display: flex;flex-direction: column;gap: var(--padding-80);} 
.textround {display: flex;flex-direction: column;gap: 4px; padding: var(--padding-34); background: var(--color-primary); border-radius:500px; text-align: center; letter-spacing: -0.5px;}
.textround .txt1 {font-size: var(--font-size-20); font-weight: 500;color: rgba(255, 255, 255, 0.70); line-height: 1.7;}
.textround .txt2 {font-size: var(--font-size-32); font-weight: 500;color: #fff; line-height: 1.43; font-family: var(--font-archivo);}

.esgmat {display: flex; flex-direction: column; gap: var(--padding-16); margin-top: var(--padding-40); width: 100%;}
.esgmat .matrow {display: flex; align-items: stretch; gap: var(--padding-16); min-width: 0; ;letter-spacing: -0.8px;}
.esgmat .lbl {flex: 0 0 162px; display: flex; align-items: center; justify-content: center; padding: var(--padding-24) var(--padding-20); background: #f2f6fd; border-radius: 16px; text-align: center; box-sizing: border-box;}
.esgmat .lbltit {font-size: var(--font-size-20); font-weight: 600; color: #2c2c2c; letter-spacing: -0.6px; line-height: 1.7;}
.esgmat .lblsub {font-size: var(--font-size-20); font-weight: 600; color: #2c2c2c; letter-spacing: -0.6px; line-height: 1.7;}
.esgmat .lblone {font-size: var(--font-size-20); font-weight: 600; color: #2c2c2c; letter-spacing: -0.6px; line-height: 1.7;}
.esgmat .cols {flex: 1; min-width: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--padding-16);}
.esgmat.esgmat-env .cols {grid-template-columns: repeat(4, 1fr);}
.esgmat .valbx {display: flex; flex-direction: column; gap: var(--padding-16); padding: var(--padding-24); background: #f6f6f6; border-radius: 16px; min-width: 0;}
.esgmat .valbx .num {display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 500px; background: #fff; border: 1px solid #eee; flex-shrink: 0; font-size: var(--font-size-14); font-weight: 700; color: var(--color-primary); letter-spacing: -0.28px; line-height: 1;}
.esgmat .valbx .eng {font-family: var(--font-archivo); font-size: var(--font-size-20); font-weight: 500; color: #2c2c2c; letter-spacing: -0.4px; line-height: 1.5;}
.esgmat .valbx .kr {font-size: var(--font-size-18); font-weight: 500; color: #676767; letter-spacing: -0.6px; line-height: 1.55;}
/* .esgmat .matrow-qual {min-height: 378px;} */
.esgmat .qualbx {display: flex; flex-direction: column; gap: var(--padding-24); justify-content:flex-start; padding: var(--padding-24); border: 1px solid #eee; border-radius: 16px; background: #fff; min-width: 0;}
.esgmat .qualbx .seg {display: flex; flex-direction: column; gap: 12px; padding-bottom: var(--padding-24); border-bottom: 1px dashed #dfdfdf;}
.esgmat .qualbx .seg:last-child {border-bottom: none; padding-bottom: 0;}
.esgmat .qualbx-plain {justify-content: center;}
.esgmat .qualbx-plain .segtxt {font-size: var(--font-size-18); font-weight: 500; color: #505050; letter-spacing: -0.6px; line-height: 1.66;}
.esgmat .ord {font-size: var(--font-size-14); font-weight: 600; color: var(--color-primary); letter-spacing: -0.28px; line-height: 1;}
.esgmat .segtxt p {font-size: var(--font-size-18); font-weight: 500; color: #505050; letter-spacing: -0.6px; line-height: 1.66;}
.esgmat .segline {font-size: var(--font-size-18); font-weight: 500; color: #505050; letter-spacing: -0.6px; line-height: 1.66;}
.esgmat .matfoot {display: flex; flex-direction: column; gap: var(--padding-24); align-items: flex-end; width: 100%;}
.esgmat .matfoot .matrow {align-self: stretch; width: 100%;}
.esgmat .qbox {display: flex; flex-direction: column; gap: var(--padding-24); padding: var(--padding-24); border: 1px solid #dfdfdf; border-radius: 16px; background: #fff; min-width: 0;}
.esgmat .qbox-plain {justify-content: center;}
.esgmat .qsec {display: flex; flex-direction: column; gap: 8px; padding-bottom: var(--padding-24); border-bottom: 1px dashed #dfdfdf;}
.esgmat .qsec:last-child {border-bottom: none; padding-bottom: 0;}
.esgmat .qsec-nodash {border-bottom: none; padding-bottom: 0;}
.esgmat .qhead {font-size: var(--font-size-16); font-weight: 600; color: var(--color-primary); letter-spacing: -0.4px; line-height: 1.5;}
.esgmat .bulgrp {display: flex; flex-direction: column; gap: 8px;}
.esgmat .bulblk p {padding-left: 0.7em;  text-indent: -0.7em; font-size: var(--font-size-16); color: #676767; letter-spacing: -0.4px; line-height: 1.5;}
.esgmat .foot {width: 100%; text-align: right; font-size: var(--font-size-16); font-weight: 500; color: #a8a8a8; letter-spacing: -0.4px; line-height: 1.5;}

.rdmap {display: flex; flex-direction: column; width: 100%;}
.rditem {display: flex; align-items: flex-start; gap: var(--padding-50); border-bottom: 1px dashed #dfdfdf; padding-bottom: var(--padding-44);}
.rditem + .rditem {padding-top: var(--padding-44);}
.rdside {display: flex; flex-direction: column; align-items: center; gap: var(--padding-30); flex-shrink: 0;}
.rdside .pill {display: flex; align-items: center; justify-content: center; width: 214px; border-radius: 500px; box-sizing: border-box; padding: var(--padding-30) var(--padding-24); text-align: center;}
.rditem.i1 .pill {background: #e3edfb;}
.rditem.i1 .pill .period {font-size: var(--font-size-26); font-weight: 600; color: var(--color-primary); letter-spacing: -0.52px; line-height: 1.53;}
.rditem.i2 .pill {background: #4894ff;}
.rditem.i2 .pill .period {font-size: var(--font-size-26); font-weight: 600; color: #fff; letter-spacing: -0.52px; line-height: 1.53;}
.rditem.i3 .pill {background: #0047ab;}
.rditem.i3 .pill .period {font-size: var(--font-size-26); font-weight: 600; color: #fff; letter-spacing: -0.52px; line-height: 1.53;}
.rdside .img img {display: block; width: clamp(18px, calc( 32 / var(--inner) * 100vw ), 32px); height: auto; aspect-ratio: 32 / 40; object-fit: contain;}
.rdcont {flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--padding-24);}
.rdcont .tit {font-size: var(--font-size-24); font-weight: 600; color: #2c2c2c; letter-spacing: -0.48px; line-height: 1.66;}
.rdcont .cols {display: flex; align-items: flex-start; gap: var(--padding-50); width: 100%;}
.rdcont .col {flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px;}
.rdcont .line {padding-left: 0.7em; text-indent: -0.7em; font-size: var(--font-size-18); color: #676767; letter-spacing: -0.36px; line-height: 1.66;}
.rdcont .line strong { font-weight: 500; color: #2c2c2c; }

.intro-wrap .gatebx + .gatebx {margin-top: 10px;}
.intro-wrap .gatebx {display: flex; gap: 10px; align-items: stretch; justify-content: center; flex-wrap: wrap; width: 100%; }
.intro-wrap .gatebx .item {position: relative; display: flex; width: calc((100% - 2 * 10px) / 3); min-height: clamp(250px, calc(480 / var(--inner) * 100vw), 480px); align-items: center; justify-content: center; border-radius: var(--border-radius-24); overflow: hidden; text-decoration: none; color: inherit;}
.intro-wrap .gatebx .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: var(--border-radius-24); overflow: hidden;}
.intro-wrap .gatebx .bg .img {width: 100%; height: 100%;}
.intro-wrap .gatebx .bg .img img {width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.55s ease; transform: scale(1); transform-origin: center center;}
.intro-wrap .gatebx .item:hover .bg .img img {transform: scale(1.5);}
.intro-wrap .gatebx .shade {position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: var(--border-radius-24); pointer-events: none; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0) 68%);}
.intro-wrap .gatebx .txtbx {position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: var(--padding-40); text-align: center; width: 100%; height: 100%;}
.intro-wrap .gatebx .txtbx .eng {font-family: var(--font-archivo); font-size: var(--font-size-36); font-weight: 700; color: #fff; letter-spacing: -0.72px; line-height: 1.28;}
.intro-wrap .gatebx .txtbx .kr {font-size: var(--font-size-28); font-weight: 600; color: rgba(255, 255, 255, 0.7); letter-spacing: -0.56px; line-height: 1.5;}
.intro-wrap .gatebx.ty2 .item {min-height: clamp(200px, calc(380 / var(--inner) * 100vw), 380px);}

.env_2 .flxWrap {align-items: center; gap:var(--padding-100);}
.env_2 .imgbx {width:clamp(300px, calc(680 / var(--inner) * 100vw), 680px);}
.env_2 .imgbx img {border-radius: 16px;}
.env_2 .textbx {flex: 1; letter-spacing: -0.5px; display: flex;flex-direction: column;gap:var(--padding-40);}
.env_2 .textbx .title {font-size: var(--font-size-42); font-weight: 600; line-height: 1.5;}
.env_2 .textbx .decbx {display: flex;flex-direction: column;gap:var(--padding-30);}
.env_2 .textbx .dec {font-size: var(--font-size-20); color: #676767; line-height: 1.7; letter-spacing: -0.4px;}

.filedown-list {display: flex;flex-wrap: wrap;gap:10px;}
.filedown-list .filedown {display: inline-flex;align-items: center;justify-content: center;gap: 8px; padding: 11px var(--padding-30); min-width: clamp(200px, calc(255 / var(--inner) * 100vw), 255px); font-size: var(--font-size-15); font-weight: 600; letter-spacing: -0.4px; background: #F4F4F4; border-radius: 500px; }
.filedown-list .filedown .color {color: #878787;}

.envpol {display: flex; flex-direction: column; gap: var(--padding-40); width: 100%; padding: var(--padding-40); border: 1px solid #dfdfdf; border-radius: 16px;}
.envpol .head {display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--padding-60); padding-bottom: var(--padding-44); border-bottom: 1px dashed #dfdfdf;}
.envpol .head .tit {flex-shrink: 0; font-size: var(--font-size-24); font-weight: 600; color: var(--color-primary); letter-spacing: -0.48px; line-height: 1.67;}
.envpol .intro {flex: 1; min-width: min(100%, 280px); display: flex; flex-direction: column; gap: 0; padding-top: 4px;}
.envpol .intro .txt {font-size: var(--font-size-18); color: #676767; letter-spacing: -0.36px; line-height: 1.67;}
.envpol .list {padding: 0 0 0 1.35em; list-style: decimal; display: flex; flex-direction: column; gap: var(--padding-30); font-size: var(--font-size-18); font-weight: 600; color: #676767; letter-spacing: -0.36px; line-height: 1.67;}
.envpol .list li {padding-left: 0.35em;}

.envdecl {width: 100%; padding: var(--padding-50) var(--padding-40); background: #f6f6f6; border-radius: 16px;}
.envdecl .inner {display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%;}
.envdecl .side {flex: 0 0 clamp(180px, calc(280 / var(--inner) * 100vw), 280px); max-width: 100%;}
.envdecl .side .stit {font-size: var(--font-size-32); font-weight: 600; color: var(--color-primary); letter-spacing: -0.64px; line-height: 1.5;}
.envdecl .cont {flex: 1; min-width: min(100%, 280px); display: flex; flex-direction: column; gap: var(--padding-60); padding-top: 6px;}
.envdecl .sec {display: flex; flex-direction: column; gap: var(--padding-24); width: 100%;}
.envdecl .grp {display: flex; flex-direction: column; gap: 0;}
.envdecl .cont .sec .txt {font-size: var(--font-size-18); font-weight: 500; color: #2c2c2c; letter-spacing: -0.36px; line-height: 1.67;}
.envdecl .lead {font-size: var(--font-size-18); font-weight: 500; color: #2c2c2c; letter-spacing: -0.36px; line-height: 1.67;}
.envdecl .plist {padding: 0 0 0 1.35em; list-style: decimal; display: flex; flex-direction: column; gap: var(--padding-30); font-size: var(--font-size-18); font-weight: 600; color: #676767; letter-spacing: -0.36px; line-height: 1.67;}
.envdecl .plist li {padding-left: 0.35em;}
.envdecl .sign {display: flex; flex-wrap: wrap; align-items: center; gap: var(--padding-16); width: 100%;}
.envdecl .sign .meta {display: flex; flex-direction: column; gap: 0;}
.envdecl .sign .meta .txt {font-size: var(--font-size-18); font-weight: 600; color: #2c2c2c; letter-spacing: -0.36px; line-height: 1.67;}
.envdecl .sign .img img {display: block; width: 100%; height: clamp(80px, calc( 120 / var(--inner) * 100vw ), 120px); object-fit: cover; mix-blend-mode: darken;}
.envdecl.eth .cont { gap: var(--padding-60); }
.envdecl.eth .sec { gap: var(--padding-24); }
.envdecl.eth .chaptit { font-size: var(--font-size-20); font-weight: 600; color: #2c2c2c; letter-spacing: -0.4px; line-height: 1.7; }
.envdecl.eth .chapbd { display: flex; flex-direction: column; gap: var(--padding-20); width: 100%; }
.envdecl.eth .cont .sec .chapbd .txt { font-size: var(--font-size-16); font-weight: 600; color: #676767; letter-spacing: -0.32px; line-height: 1.5; }
.envdecl.eth .grp.nest { display: flex; flex-direction: column; gap: var(--padding-20); width: 100%; }
.envdecl.eth .fnote { display: flex; flex-direction: column; gap: 8px; }
.envdecl.eth .fnote .fntit { font-size: var(--font-size-16); font-weight: 700; color: #2c2c2c; letter-spacing: -0.32px; line-height: 1.5; }
.envdecl.eth .fnote .fline { font-size: var(--font-size-16); font-weight: 500; color: #878787; letter-spacing: -0.32px; line-height: 1.5; }
.social1_5 .envdecl .plist { list-style-position: outside; }
.social1_5 .envdecl .plist li { display: list-item; list-style-type: decimal; list-style-position: outside; padding-left: 0.35em; font-weight: 600; color: #676767; font-size: var(--font-size-18); letter-spacing: -0.32px; line-height: 1.75; }
.social1_5 .envdecl .plist li .licnt { display: flex; flex-direction: column; gap: var(--padding-10); align-items: stretch; }
.social1_5 .envdecl .plist li .itembd { display: flex; flex-direction: column; gap: 0; margin-top: var(--padding-10); font-size: var(--font-size-16);}
.social1_5 .envdecl .plist li .itembd .txt { font-size: inherit; font-weight: 400; color: #505050; letter-spacing: -0.32px; line-height: 1.75; }

.commflxWrap {display: flex; flex-wrap: wrap; align-items: center; flex-direction: row-reverse; gap: var(--padding-100);}
.commflxWrap .imgbx {width: clamp(260px, calc(420 / var(--inner) * 100vw), 420px); }
.commflxWrap .imgbx img {border-radius: 16px; border: 1px solid #eee;}
.commflxWrap .textbx {flex: 1; display: flex; flex-direction: column; }
.isocert {display: flex; flex-direction: column; gap: var(--padding-40); width: 100%; max-width:680px;}
.isocert .head {display: flex; align-items: center; gap: 8px;}
.isocert .head .icn {display: flex; flex-shrink: 0; width: clamp(16px, calc( 22 / var(--inner) * 100vw ), 22px); height: clamp(16px, calc( 22 / var(--inner) * 100vw ), 22px);}
.isocert .head .tit {font-size: var(--font-size-24); font-weight: 500; color: var(--color-primary); letter-spacing: -0.48px; line-height: 1.67;}
.isocert .rows {display: flex; flex-direction: column; width: 100%;}
.isocert .row {display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--padding-16); padding: var(--padding-34) 0; border-top: 1px solid #e7e7e7;}
.isocert .row:first-child {padding-top: 0; border-top: 0;}
.isocert .row .lbl {width: 95px; font-size: var(--font-size-18); font-weight: 600; color: #a8a8a8; letter-spacing: -0.36px; line-height: 1.67;}
.isocert .row .val {flex: 1; font-size: var(--font-size-18); font-weight: 500; color: #505050; letter-spacing: -0.36px; line-height: 1.67;}
.isocert .row .val .txt {font-size: var(--font-size-18); font-weight: 500; color: #505050; letter-spacing: -0.36px; line-height: 1.67;}

.imgtxtlist {display: flex; flex-direction: column; gap: var(--padding-40); width: 100%;}
.imgtxtlist .item {display: flex; flex-wrap: wrap; align-items: center; gap: var(--padding-60); width: 100%;}
.imgtxtlist .item .img {width:  clamp(250px, calc(420 / var(--inner) * 100vw), 420px); }
.imgtxtlist .item .img img {border-radius: 16px; overflow: hidden;}
.imgtxtlist .cont {flex: 1; display: flex; flex-direction: column; gap: var(--padding-34);}
.imgtxtlist .tit {font-size: var(--font-size-32); font-weight: 600; color: #2c2c2c; letter-spacing: -0.64px; line-height: 1.44;}
.imgtxtlist .list {display: flex; flex-direction: column; gap: var(--padding-16); width: 100%;}
.imgtxtlist .blk {display: flex; flex-direction: column; gap: 10px;}
.imgtxtlist .bul {display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px;}
.imgtxtlist .dotbold {flex-shrink: 0; width: 4px; height: 4px; margin-top:  clamp(10px, calc( 13 / var(--inner) * 100vw ), 13px); border-radius: 500px; background: var(--color-primary);}
.imgtxtlist .line {flex: 1; min-width: 0; font-size: var(--font-size-18); font-weight: 500; color: #505050; letter-spacing: -0.36px; line-height: 1.67;}
.imgtxtlist .sub {padding-left: 14px; display: flex; flex-direction: column; gap: 8px;}
.imgtxtlist .sub .txt {font-size: var(--font-size-16); color: #676767; letter-spacing: -0.32px; line-height: 1.5;}

.social-tabwrap {margin-bottom: var(--padding-60); overflow-x: auto;}
.social-tablist {display: flex; gap: 4px;}
.social-tablist .tabitem {flex: 1; display: flex;flex-direction: column; justify-content: center; gap:4px; padding:15px 20px; letter-spacing: -0.4px; border-radius: 16px; background: #F6F6F6;}
.social-tablist .txt1 {font-size: var(--font-size-20); font-weight: 600; line-height: 1.7;}
.social-tablist .txt2 {color: #A8A8A8; font-size: var(--font-size-15); font-weight: 500; line-height: 1.33;}
.social-tablist .tabitem.active {background: var(--color-primary);}
.social-tablist .tabitem.active .txt1 {color: #fff;}
.social-tablist .tabitem.active .txt2 {color: rgba(255, 255, 255, 0.50);}
 
.commtopimgbx {display: flex;align-items: flex-end; padding: var(--padding-40); margin-bottom: var(--padding-120); border-radius: 24px; overflow: hidden; min-height:  clamp(200px, calc( 480 / var(--inner) * 100vw ), 480px);}
.commtopimgbx .txt {font-size: var(--font-size-86); font-weight: 600; color: #fff; line-height: 1;}
.commtopimgbx.bg1 {background: url(../images/sub/commtopimg1.jpg) no-repeat center center /cover;}
.commtopimgbx.bg2 {background: url(../images/sub/commtopimg2.jpg) no-repeat center center /cover;}
.commtopimgbx.bg3 {background: url(../images/sub/commtopimg3.jpg) no-repeat center center /cover;}
.commtopimgbx.bg4 {background: url(../images/sub/commtopimg4.jpg) no-repeat center center /cover;}
.commtopimgbx.bg5 {background: url(../images/sub/commtopimg5.jpg) no-repeat center center /cover;}
.commtopimgbx.bg6 {background: url(../images/sub/commtopimg6.jpg) no-repeat center center /cover;}
.commtopimgbx.bg7 {background: url(../images/sub/commtopimg7.jpg) no-repeat center center /cover;}
.commtopimgbx.bg8 {background: url(../images/sub/commtopimg8.jpg) no-repeat center center /cover;}

.downflxWrap {display: flex;flex-wrap: wrap;gap:30px;}
.downflxWrap .downbx {width: clamp(200px, calc( 370 / var(--inner) * 100vw ), 370px); }
.downflxWrap .filedown-list {flex-direction: column; max-width: 250px; width: 100%;}
.downflxWrap .textbx {flex: 1; letter-spacing: -0.5px;}
.downflxWrap .rightpol { display: flex; flex-direction: column; gap: var(--padding-50); width: 100%; padding-top: var(--padding-44); border-top: 2px solid #2c2c2c; }
.downflxWrap .rightpol .row { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--padding-20); }
.downflxWrap .rightpol .cell { display: flex; flex-direction: column; gap: var(--padding-10); min-width: 0; }
.downflxWrap .rightpol .tit { font-size: var(--font-size-24); font-weight: 600; color: #2c2c2c; letter-spacing: -0.48px; line-height: 1.67; }
.downflxWrap .rightpol .cont { display: flex; flex-direction: column; gap: 0; }
.downflxWrap .rightpol .txt { font-size: var(--font-size-18); color: #676767; letter-spacing: -0.36px; line-height: 1.67; }

.social1_6flx {display: flex;flex-direction: column;gap:24px;}
.insec .txtflx {display: flex;align-items: center; gap:var(--padding-24);}
.insec .txtflx .txt {font-size: var(--font-size-20); color: #676767; line-height: 1.7;}
.insec .txtflx .link {display: inline-flex;align-items: center;justify-content: center;padding:8px 30px; font-size: var(--font-size-15); font-weight: 600; color: #fff; background: #121212; border-radius: 500px;}

.htmldms { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--padding-40); width: 100%; }
.htmldms .item { display: flex; flex-direction: column; gap: var(--padding-34); min-width: 0; }
.htmldms .img img { border-radius: 16px; overflow: hidden; }
.htmldms .cont { display: flex; flex-direction: column; gap: var(--padding-20); }
.htmldms .tit { font-size: var(--font-size-28); font-weight: 600; color: #2c2c2c; letter-spacing: -0.56px; line-height: 1.5; }
.htmldms .bulbx { display: flex; flex-direction: column; gap: var(--padding-12); }
.htmldms .line {  padding-left: 0.7em; text-indent: -0.7em; font-size: var(--font-size-18); color: #676767; letter-spacing: -0.36px; line-height: 1.67; }
.htmldms .line.noline {padding-left: 0; text-indent: 0;}
.htmldms.ty2 {grid-template-columns: repeat(2, 1fr);}

.safegrid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--padding-80) var(--padding-120); width: 100%; }
.safegrid .item { display: flex; flex-direction: row; align-items: center; gap: var(--padding-40); min-width: 0; }
.safegrid .icnwrap { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: clamp(100px, calc(200 / var(--inner) * 100vw), 200px); aspect-ratio: 1; border-radius: 500px; background: #f2f6fd; }
.safegrid .icnwrap .img { margin: 0; display: flex; align-items: center; justify-content: center; width: var(--padding-100); height: var(--padding-100); }
.safegrid .icnwrap .img img { display: block; width: 100%; height: 100%; object-fit: contain; }
.safegrid .cont { display: flex; flex-direction: column; gap: var(--padding-20); flex: 1; min-width: 0; }
.safegrid .tit { font-size: var(--font-size-28); font-weight: 600; color: #2c2c2c; letter-spacing: -0.56px; line-height: 1.5; }
.safegrid .bulbx { display: flex; flex-direction: column; gap: var(--padding-12); }
.safegrid .line { padding-left: 0.7em; text-indent: -0.7em; font-size: var(--font-size-18); color: #676767; letter-spacing: -0.36px; line-height: 1.67; }

.suppcards { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--padding-40); width: 100%; }
.suppcards .card { display: flex; flex-direction: column; gap: var(--padding-30); flex: 1 1 0; padding: var(--padding-40); border: 1px solid #eee; border-radius: 16px; overflow: hidden; background: #fff; }
.suppcards .head { display: flex; flex-direction: column; gap: var(--padding-24); }
.suppcards .eng { font-family: var(--font-archivo); font-size: var(--font-size-16); font-weight: 600; color: var(--color-primary); letter-spacing: -0.32px; line-height: 1.5; }
.suppcards .tit { font-size: var(--font-size-28); font-weight: 600; color: #2c2c2c; letter-spacing: -0.56px; line-height: 1.5; }
.suppcards .bulbx { display: flex; flex-direction: column; gap: var(--padding-12); }
.suppcards .line {padding-left: 0.7em; text-indent: -0.7em; font-size: var(--font-size-18); color: #676767; letter-spacing: -0.36px; line-height: 1.67; }

.sctxtitem {display: flex;flex-wrap: wrap;gap: 10px; padding: var(--padding-34) 0; border-top: 1px solid #ddd;}
.sctxtitem:first-child {padding-top: 0; border-top: 0;}
.sctxtitem:last-child {padding-bottom: 0;}
.sctxtitem .name ,
.sctxtitem .dec { font-size: var(--font-size-18); line-height: 1.66;}
.sctxtitem .name {width: clamp(120px, calc( 210 / var(--inner) * 100vw ), 210px); color: var(--color-primary); font-weight: 600;}
.sctxtitem .dec {flex: 1; letter-spacing: -0.4px; font-weight: 500; color: var(--color-body);}

.social4_2 .flxWrap {align-items: center;gap: var(--padding-100);}
.social4_2 .imgbx {width: clamp(300px, calc( 680 / var(--inner) * 100vw ), 680px);}
.social4_2 .imgbx img {border-radius: 16px;}
.social4_2 .textbx {flex: 1; display: flex; flex-direction: column; gap: var(--padding-40); letter-spacing: -0.5px;}
.social4_2 .title {font-size: var(--font-size-42); font-weight: 600; line-height: 1.5;}
.social4_2 .decbx {display: flex;flex-direction: column;gap:var(--padding-30);}
.social4_2 .dec {font-size: var(--font-size-20); color: #676767; line-height: 1.7;}

.mnflow { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--padding-40); width: 100%; align-items: stretch; }
.mnflow .card { display: flex; flex-direction: column; gap: var(--padding-30); min-width: 0; padding: var(--padding-40); border: 1px solid #eee; border-radius: 16px; overflow: hidden; background: #fff; }
.mnflow .head { display: flex; flex-direction: column; gap: var(--padding-24); }
.mnflow .step { font-family: var(--font-archivo); font-size: var(--font-size-16); font-weight: 600; color: var(--color-primary); letter-spacing: -0.32px; line-height: 1.5; }
.mnflow .tit { margin: 0; font-size: var(--font-size-28); font-weight: 600; color: #2c2c2c; letter-spacing: -0.56px; line-height: 1.5; }
.mnflow .bulbx { display: flex; flex-direction: column; gap: var(--padding-20); }
.mnflow .line { padding-left: 0.7em; text-indent: -0.7em; font-size: var(--font-size-18); color: #676767; letter-spacing: -0.36px; line-height: 1.67; }
.mnflow .key { font-weight: 500; color: #2c2c2c; }

.gvgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--padding-24); width: 100%; align-items: stretch; }
.gvgrid .card { display: flex; flex-direction: column; min-width: 0; border: 1px solid #eee; border-radius: 16px; overflow: hidden; background: #fafafa; }
.gvgrid .head { display: flex; align-items: center; padding: var(--padding-40); width: 100%; background: #fff;}
.gvgrid .tit { margin: 0; font-size: var(--font-size-24); font-weight: 600; color: var(--color-primary); letter-spacing: -0.48px; line-height: 1.67; }
.gvgrid .cont { padding: var(--padding-24) var(--padding-40); width: 100%; background: #fafafa; }
.gvgrid .txt { font-size: var(--font-size-18); color: #2c2c2c; letter-spacing: -0.36px; line-height: 1.67; }

.ethgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--padding-24); width: 100%; align-items: stretch; }
.ethgrid .card { display: flex; flex-direction: column; min-width: 0; border: 1px solid #eee; border-radius: 16px; overflow: hidden; background: #fff; }
.ethgrid .head { display: flex; flex-direction: column; gap: var(--padding-16); padding: var(--padding-40); width: 100%; }
.ethgrid .head .img { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin: 0; flex-shrink: 0; }
.ethgrid .head .img img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ethgrid .tit { margin: 0; font-size: var(--font-size-24); font-weight: 600; color: var(--color-primary); letter-spacing: -0.48px; line-height: 1.67; }
.ethgrid .cont { flex: 1; display: flex; flex-direction: column; padding: var(--padding-24) var(--padding-40); width: 100%; background: #fafafa; }
.ethgrid .bulbx { display: flex; flex-direction: column; gap: 12px; }
.ethgrid .line { padding-left: 0.7em; text-indent: -0.7em; font-size: var(--font-size-18); color: #676767; letter-spacing: -0.36px; line-height: 1.67; }

.govern2_4 .insec .txtflx .txt {font-size:var(--font-size-42); font-weight: 600; color: #121212;}
 .ircontact { margin-top: var(--padding-40); width: 100%; max-width: 100%; }
 .ircontact .list { display: flex; flex-direction: column; gap: var(--padding-12); margin: 0; padding: 0; list-style: none; }
 .ircontact .item { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--padding-20); }
 .ircontact .lbl { flex-shrink: 0; margin: 0; font-size: var(--font-size-18); font-weight: 600; color: #a8a8a8; letter-spacing: -0.36px; line-height: 1.67; }
 .ircontact .val { flex: 1; min-width: 0; margin: 0; font-size: var(--font-size-18); color: #676767; letter-spacing: -0.36px; line-height: 1.67; text-decoration: none; }

.g3goal { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--padding-40); width: 100%; }
.g3goal .item { flex: 1 1 0; display: flex; flex-direction: column; gap: var(--padding-16); min-width: 0; }
.g3goal .head { display: flex; align-items: center; justify-content: center; width: 100%; padding: var(--padding-24); background: #f2f6fd; border-radius: 16px; text-align: center; }
.g3goal .head .tit { margin: 0; font-size: var(--font-size-20); font-weight: 600; color: #2c2c2c; letter-spacing: -0.4px; line-height: 1.7; }
.g3goal .head .tit .point { color: var(--color-primary); }
.g3goal .body { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 0; padding: var(--padding-24); border: 1px solid #eee; border-radius: 16px; text-align: center; }
.g3goal .body .txt { margin: 0; font-size: var(--font-size-18); font-weight: 500; color: #505050; letter-spacing: -0.36px; line-height: 1.67; }
.g3goal .body.kpi { align-items: stretch; justify-content: flex-start; }
.g3goal .body.kpi .kpiblk { display: flex; flex-direction: column; align-items: center; gap: var(--padding-12); width: 100%; }
.g3goal .body.kpi .kpiblk:first-child { padding-bottom: var(--padding-24); border-bottom: 1px dashed #dfdfdf; }
.g3goal .body.kpi .kpiblk:last-child:not(:only-child) { padding-top: var(--padding-24); }
.g3goal .body.kpi .kpiblk .num { margin: 0; font-size: var(--font-size-14); font-weight: 600; color: var(--color-primary); letter-spacing: -0.28px; line-height: 1.14; }
.g3goal .body.kpi .kpiblk .txbx { display: flex; flex-direction: column; align-items: center; gap: 0; width: 100%; }
.g3goal .body.kpi .kpiblk .txbx .txt { text-align: center; }

.govern3_4 .envdecl .sec.blocks { display: flex; flex-direction: column; gap: var(--padding-30); width: 100%; }
.govern3_4 .envdecl .sec.blocks .blk { display: flex; flex-direction: column; gap: 10px; width: 100%; }
.govern3_4 .envdecl .sec.blocks .blk .tit { margin: 0; font-size: var(--font-size-18); font-weight: 600; color: #676767; letter-spacing: -0.36px; line-height: 1.67; }
.govern3_4 .envdecl .sec.blocks .blk .bulbx { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.govern3_4 .envdecl .sec.blocks .blk .line { margin: 0; font-size: var(--font-size-16); color: #505050; letter-spacing: -0.32px; line-height: 1.5; }
.govern3_4 .envdecl .intro .grp .txt, 
.govern3_4 .envdecl .outro .grp .txt { margin: 0; }

.govern3_5 .flxWrap {display: grid;grid-template-columns: repeat(2,1fr); gap:var(--padding-80);}
.govern3_5 .commwid {display: flex;flex-wrap: wrap;align-items: center;gap: var(--padding-40);}
.govern3_5 .imgbx {width:clamp(160px, calc( 280 / var(--inner) * 100vw ), 280px);}
.govern3_5 .imgbx img {border-radius: 12px; border: 1px solid #eee; overflow: hidden;}
.govern3_5 .textbx {flex: 1;}

.reprotflx {display: flex; align-items: center; gap: var(--padding-100); flex-wrap: wrap;} 
.reprotflx .imgbx {width: clamp(300px, calc( 680 / var(--inner) * 100vw ), 680px);}
.reprotflx .images {position:relative; padding-bottom:70.58%; overflow:hidden; border-radius: 16px;}
.reprotflx .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.reprotflx .textbx {flex: 1; letter-spacing: -0.5px; display: flex;flex-direction: column;gap: var(--padding-60);}
.reprotflx .decbx {display: flex;flex-direction: column;gap: var(--padding-40);}
.reprotflx .titbx {display: flex;flex-direction: column;gap: 8px;}
.reprotflx .year {display: block; font-size:var(--font-size-28); font-weight: 600; color: var(--color-primary); line-height: 1.5;}
.reprotflx .title {font-size: var(--font-size-42); font-weight: 600; line-height: 1.52;}
.reprotflx .dec {font-size:var(--font-size-20); color: #676767; line-height: 1.7;}

.redownbx .reportdown {display: inline-flex;align-items: center;justify-content: center;gap: 8px; padding: 8px clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); background: #121212; color: #fff; border-radius: 500px; font-size: var(--font-size-15); font-weight: 600;}

.report-grid {display: grid;grid-template-columns: repeat(3, 1fr); gap: var(--padding-60) var(--padding-20);}
.report-grid .images {position:relative; padding-bottom:70.58%; overflow:hidden; border-radius: 16px;}
.report-grid .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.report-grid .textbx {padding: var(--padding-30); border-bottom: 0; letter-spacing: -0.5px;}
.report-grid .year {display: block; font-size:var(--font-size-20); font-weight: 600; color: var(--color-primary); line-height: 1.7;}
.report-grid .title {font-size: var(--font-size-26); font-weight: 600; line-height: 1.53;}
.report-grid .redownbx {margin-top: var(--padding-24);}
.report-grid .reportdown {background: #F4F4F4; color: #2C2C2C;}

.whistle_2 .whtypegrid { display: grid; grid-template-columns: repeat(3, 1fr); row-gap: var(--padding-50); column-gap: var(--padding-20); width: 100%; align-items: start; }
.whistle_2 .whtypegrid .item { display: flex; flex-direction: column; gap: var(--padding-24); }
.whistle_2 .whtypegrid .img { width: 100%; height: 240px; overflow: hidden; border-radius: 16px; }
.whistle_2 .whtypegrid .img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.whistle_2 .whtypegrid .cont { display: flex; flex-direction: column; gap: var(--padding-12); }
.whistle_2 .whtypegrid .titbx { display: flex; flex-direction: column; gap: 4px; }
.whistle_2 .whtypegrid .titbx .tag { font-size: var(--font-size-16); font-weight: 600; color: #878787; letter-spacing: -0.32px; line-height: 1.5; }
.whistle_2 .whtypegrid .titbx .tit { font-size: var(--font-size-24); font-weight: 600; color: #2c2c2c; letter-spacing: -0.48px; line-height: 1.67; }
.whistle_2 .whtypegrid .desc { display: flex; flex-direction: column; gap: 0; }
.whistle_2 .whtypegrid .desc .txt { font-size: var(--font-size-18); color: #676767; letter-spacing: -0.36px; line-height: 1.67; }

.ethicsreport-detail {display: flex;flex-direction: column;gap: var(--padding-70);}