@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 375 / var(--inner) * 100vw ), 375px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 375 / var(--inner) * 100vw ), 375px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important; display: none !important;}
.roughmap_lebel_text:after {display: none !important; content:"위노베이트"; font-size:12px; line-height:15px;}
.roughmap_maker_label:after {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:#F4F4F4 ;}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px) 0;}

.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: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}


.ceo-message-wrap {display:flex; gap:clamp(30px, calc( 82 / var(--inner) * 100vw ), 82px); align-items:center; flex-wrap: wrap;}
.ceo-image {width:clamp(300px, calc( 640 / var(--inner) * 100vw ), 640px); }
.ceo-image img {display:block; width:100%; height:100%; object-fit:cover;border-radius:clamp(12px, calc( 24 / var(--inner) * 100vw ), 24px); overflow:hidden;}
.ceo-content {flex:1; display:flex; flex-direction:column; gap:clamp(20px, calc( 36 / var(--inner) * 100vw ), 36px);}
.ceo-badge {display:inline-flex; align-items:center; justify-content:center; padding:8px clamp(8px, calc( 10 / var(--inner) * 100vw ), 10px); background:#1D3364; border-radius:4px; font-size:clamp(13px, calc( 15 / var(--inner) * 100vw ), 15px); font-weight:600; color:#fff; letter-spacing:-0.03em; line-height:1.2; width:fit-content; align-self:flex-start;}
.ceo-text {display:flex; flex-direction:column; gap:clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);}
.ceo-greeting {font-size:clamp(22px, calc( 32 / var(--inner) * 100vw ), 32px);line-height:1.31; letter-spacing:-0.03em;}
.ceo-desc { color:var(--color-body); line-height:1.625; letter-spacing:-0.03em;}
.ceo-signature {font-size:clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:600;line-height:1.08; letter-spacing:-0.03em;}

/*251217 인사말 수정*/
.ceo-message-new {letter-spacing: -0.46px;max-width: 1140px;margin: 0 auto;}
.ceo-message-new .ceo-title {font-size: clamp(21px, calc( 32 / var(--inner) * 100vw ), 32px);font-weight: bold;}
.ceo-message-new .descbx {padding-top:20px;}
.ceo-message-new .desc {font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); color:var(--color-body); line-height: 1.44;}
.ceo-message-new .desc:not(:last-child) {margin-bottom:clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px) ;}
.signature {display:flex;align-items:center;justify-content: flex-end;gap:clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px);padding-top: clamp(25px, calc( 50 / var(--inner) * 100vw ), 50px); }
.signature span {font-size:clamp(19px, calc( 24 / var(--inner) * 100vw ), 24px) ; font-weight:bold;}
.signature img {width:clamp(140px, calc( 304 / var(--inner) * 100vw ), 304px);}


.faq-map {border-top:2px solid #242424;}
.faq-map ul li {border-bottom:1px solid #ddd; position: relative;}
.faq-map ul li:last-child {margin-bottom:0;}
.faq-map .tit a {position:relative; padding:clamp(14px, calc( 20 / var(--inner) * 100vw ), 20px) clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); text-decoration:none !important; transition:none; background: #f6f6f6;color:var(--color-body); line-height:1.5em;}
.faq-map .mapflx {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; letter-spacing: -0.5px;}
.faq-map .titlebx {flex: 1 0 auto; width: 1%;}
.faq-map .toptit {font-size: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 500; color: var(--color-body);}
.faq-map .txt2 {padding-top: clamp(12px, calc( 14 / var(--inner) * 100vw ), 14px); color: #aeaeae;}
.faq-map .icnbx {flex:1 0 28; max-width: 28;display: flex;align-items: center;justify-content: flex-end;}
.faq-map .icnbx svg {width: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px);}
.faq-map .cnt {display:none; position:relative; }
.faq-map .mapbox iframe {width: 100%; height:clamp(250px, calc( 375 / var(--inner) * 100vw ), 375px);} 
.faq-map ul li.active {box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20)}
.faq-map ul li.active:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:3px solid var(--color-primary);z-index: 10;}
.faq-map ul li.active .cnt {display:block;}
.faq-map ul li.active .tit a {background: var(--color-primary); color:#fff;}
.faq-map ul li.active .toptit {color: #fff;}
.faq-map ul li.active .icnbx path {fill: rgba(255,255,255,0.4);}
.branch-info {padding:clamp(20px, calc( 45 / var(--inner) * 100vw ), 45px) clamp(10px, calc( 50 / var(--inner) * 100vw ), 50px); display:flex; flex-direction:column; gap:clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px);}
.branch-info-item {display:flex; gap:clamp(8px, calc( 12 / var(--inner) * 100vw ), 12px); align-items:center;}
.branch-icon { width:clamp(25px, calc( 40 / var(--inner) * 100vw ), 40px); height:clamp(25px, calc( 40 / var(--inner) * 100vw ), 40px); background:#1D3364; border-radius:clamp(4px, calc( 6 / var(--inner) * 100vw ), 6px); display:flex; align-items:center; justify-content:center; }
.branch-icon img {display:block;  object-fit:contain; }
.branch-label {flex-shrink:0; width:clamp(75px, calc( 170 / var(--inner) * 100vw ), 170px); font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight:600; color:var(--color-body); letter-spacing:-0.03em; line-height:1.44;}
.branch-value {font-weight:400; color:var(--color-body); letter-spacing:-0.03em; line-height:1.625;}
.map-search-container {display: flex; flex-wrap: wrap; flex-direction: row-reverse;}
.map-search-container .faq-map {flex: 1 0 clamp(400px, calc( 860 / var(--inner) * 100vw ), 860px); max-width: clamp(400px, calc( 860 / var(--inner) * 100vw ), 860px); margin-right: clamp(20px, calc( 80 / var(--inner) * 100vw ), 80px);}
.map-search-container .partners-map-box {flex: 1 0 auto; width: 1%; position: relative; padding-top: clamp(20px, calc( 70 / var(--inner) * 100vw ), 70px);}

.sub1_3 {max-width: 960px; width: 100%; margin: 0 auto;}

.subsecbx {letter-spacing: -0.5px;}
.subsecbx .subsec-tit {font-size:  clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px); font-weight: 600;}
.subsecbx .subsec-sub {padding-top: 20px; font-size:  clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); line-height: 1.4; color: var(--color-body);}

.sub2_1_1{ padding-bottom:  clamp(40px, calc( 75 / var(--inner) * 100vw ), 75px); text-align: center;}
.sub2_1_1 .subsecbx {padding-bottom:  clamp(45px, calc( 110 / var(--inner) * 100vw ), 110px);}
.sub2_1_1 .imgbx + .imgbx {padding-top:  clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px);}


.process-list {display:flex; flex-direction:column; gap:clamp(40px, calc( 85 / var(--inner) * 100vw ), 85px);}
.process-item {display:flex; flex-wrap: wrap; position:relative; padding-bottom: clamp(40px, calc( 85 / var(--inner) * 100vw ), 85px);}
.process-content {flex: 1; display:flex; flex-direction:column; justify-content:center; position:absolute; bottom: 0; right: 0; background:#fff; padding:clamp(40px, calc( 70 / var(--inner) * 100vw ), 70px) 0; max-width: 1100px; width: 100%; height:clamp(160px, calc( 380 / var(--inner) * 100vw ), 380px); }
.process-content .inner-wid {padding-left: clamp(20px, calc( 70 / var(--inner) * 100vw ), 70px);}
.process-title {display:flex; align-items:center; gap:clamp(10px, calc( 14 / var(--inner) * 100vw ), 14px); margin-bottom:12px;}
.process-number {width:clamp(26px, calc( 34 / var(--inner) * 100vw ), 34px); height:clamp(26px, calc( 34 / var(--inner) * 100vw ), 34px); background:#1D3364; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:clamp(14px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight:600; color:#fff; letter-spacing:-0.03em; line-height:1;}
.process-title-text {font-size:clamp(20px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight:600; color:#1D3364; letter-spacing:-0.03em; line-height:1.5;}
.process-desc {padding-left: clamp(36px, calc( 48 / var(--inner) * 100vw ), 48px); color:var(--color-body); letter-spacing:-0.03em; line-height:1.625;}
.process-image {flex:clamp(300px, calc( 760 / var(--inner) * 100vw ), 760px) ; max-width:clamp(300px, calc( 760 / var(--inner) * 100vw ), 760px);  position:relative; z-index:1;}
.process-image img {display:block; width:100%; height:100%; object-fit:cover;}
.process-item:nth-child(even) {flex-direction:row-reverse;}
.process-item:nth-child(even) .process-content {left: 0; right: auto;}
.process-item:nth-child(odd) .process-content .inner-wid {margin-left: 42%;}
.process-item:nth-child(even) .process-content .inner-wid {margin-right: 42%;}

.sub2_2_1 {padding: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px) 0 clamp(70px, calc( 100 / var(--inner) * 100vw ), 100px); margin-bottom: 100px; background-image: url(../images/sub/sub2_1_1-bg.png); background-repeat: no-repeat; background-position: right bottom; background-size: clamp(200px, calc( 649 / var(--inner) * 100vw ), 649px) auto;}

/* 산업분야 슬라이드 섹션 */
.sub2_2_2 {max-width: 1920px; width: 100%; margin:0 auto; overflow: hidden;}
.industry-item {display:flex; position:relative; flex-wrap: wrap; align-items: flex-end; padding-bottom: clamp(40px, calc( 70 / var(--inner) * 100vw ), 70px);flex-direction: row-reverse; }
.industry-item:after {position: absolute; content: ''; right: -20%; bottom: 0; width: clamp(1000px, calc( 1360 / var(--inner) * 100vw ), 1360px); height:clamp(240px, calc( 380 / var(--inner) * 100vw ), 380px); background: #F4F7FF; z-index: -1;}
.industry-item:not(:first-child) {margin-top: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px);}
.industry-image {position:relative; width:clamp(300px, calc( 760 / var(--inner) * 100vw ), 760px); overflow:visible;}
.industry-image img {display:block; width:100%; height:100%; object-fit:cover; object-position:50% 50%;}
.industry-slider {position:relative; width:100%; height:100%; overflow:hidden;}
.industry-slider .slide-item {display:block; position:relative; width:100%; height:100%;}
.industry-slider .slick-slide img {display:block; width:100%; height:100%; object-fit:cover; object-position:50% 50%;}
.industry-content {display:flex; flex-direction:column; justify-content:center; position:relative; flex:1; padding:0 clamp(30px, calc( 70 / var(--inner) * 100vw ), 70px);  margin-left:clamp(0px, calc( (1920 - 1460) / 2 / var(--inner) * 100vw ), calc((1920 - 1460) / 2)); margin-right:clamp(0px, calc( (1920 - 1460) / 2 / var(--inner) * 100vw ), calc((1920 - 1460) / 2));}
.industry-title {font-size:clamp(20px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight:600; color:#1d3364; line-height:1.5; margin-bottom:clamp(20px, calc( 36 / var(--inner) * 100vw ), 36px);}
.industry-desc {line-height:1.625; color:#454545; }
.slide-nav {display:flex; gap:clamp(10px, calc( 12 / var(--inner) * 100vw ), 12px); align-items:center; justify-content: flex-end; margin-top: clamp(30px, calc( 72 / var(--inner) * 100vw ), 72px);}
.slide-nav button {display:flex; align-items:center; justify-content:center; width:clamp(32px, calc( 48 / var(--inner) * 100vw ), 48px); height:clamp(32px, calc( 48 / var(--inner) * 100vw ), 48px); border:1px solid var(--color-primary); background:transparent; cursor:pointer; border-radius: 50%;}
.slide-nav button svg {width:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); height:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px);}
.slide-controls {display:flex; align-items:center; position:absolute; bottom:0; left:0; width:100%; height:clamp(40px, calc( 50 / var(--inner) * 100vw ), 50px); background:rgba(0,0,0,0.3); padding:0 clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); z-index:10; gap:clamp(10px, calc( 24 / var(--inner) * 100vw ), 24px);}
.slide-pager {display: flex;align-items: center; justify-content: flex-end; padding:0 clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px);position:absolute; right:clamp(-140px, calc( -140 / var(--inner) * 100vw ), -70px); bottom:0;  width: clamp(70px, calc( 140 / var(--inner) * 100vw ), 140px); height:clamp(40px, calc( 50 / var(--inner) * 100vw ), 50px); background:rgba(0,0,0,0.3); line-height:1.625; color:#fff; gap:4px; z-index:20; white-space:nowrap;}
.slide-pager .current {font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:600;}
.slide-nav button:hover {background:var(--color-primary); border-color:var(--color-primary);}
.slide-nav button:hover path {stroke: #fff;}
.slide-play-btn, .slide-stop-btn {display:flex; align-items:center; justify-content:center; width:clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); height:clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); border:none; background:transparent; cursor:pointer; padding:0;}
.slide-play-btn svg {display:block; width:100%; height:100%;}
.slide-stop-btn {position:relative; width:clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); height:clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px);}
.slide-stop-btn span {position:absolute; top:50%; transform:translateY(-50%); width:2px; height:clamp(9px, calc( 11 / var(--inner) * 100vw ), 11px); background:#fff; border-radius:1px;}
.slide-stop-btn span:first-child {left:clamp(3px, calc( 5 / var(--inner) * 100vw ), 5px);}
.slide-stop-btn span:last-child {left:clamp(7px, calc( 9 / var(--inner) * 100vw ), 9px);}
.industry-item:nth-child(even):after {right: initial; left: -20%;}
.industry-item:nth-child(even) .slide-controls {justify-content:flex-end;} 
.industry-item:nth-child(even) .slide-pager {right: initial; left:clamp(-140px, calc( -140 / var(--inner) * 100vw ), -70px); justify-content: flex-start;}
.industry-item:nth-child(even) .slide-nav {justify-content: flex-start;}

/* 취급품목 테이블 */
.items-section:not(:first-child) {padding:clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px) 0 0;}
.section-top {margin-bottom:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.section-header {display:flex; align-items:center; gap:clamp(10px, calc( 14 / var(--inner) * 100vw ), 14px);}
.section-badge {display:flex; align-items:center; justify-content:center; width:clamp(26px, calc( 34 / var(--inner) * 100vw ), 34px); height:clamp(26px, calc( 34 / var(--inner) * 100vw ), 34px); background:var(--color-primary); border-radius:50%; }
.badge-number {display:block; font-size:clamp(13px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight:600; color:#fff; line-height:1;}
.section-title {font-size:clamp(20px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight:600; color:var(--color-primary); line-height:1.5;}
.section-desc {padding-top: clamp(12px, calc( 25 / var(--inner) * 100vw ), 25px); padding-left: clamp(36px, calc( 48 / var(--inner) * 100vw ), 48px); font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); line-height:1.556; color:#242424;}
.table-wrapper {display:block; overflow:hidden; position:relative; top:0; left:0; z-index:10; width:100%; max-width:1400px; margin:0 auto; padding:0;}
.items-table {display:table; width:100%; border-collapse:collapse; background:#fff; }
.items-table thead {background:#eef3ff;}
.items-table thead th,
.items-table tbody td {padding:clamp(14px, calc( 20 / var(--inner) * 100vw ), 20px) 8px; border-right:1px solid #ddd;}
.items-table thead th {font-size:clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight:600; color:#242424; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid var(--color-primary); line-height:1.556;}
.items-table thead th:last-child {border-right:none;}
.items-table tbody td {font-size:clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); color:var(--color-body); text-align:center; border-bottom:1px solid #ddd; line-height:1.625;}
.items-table tbody td:last-child {border-right:none;}
.items-table tbody td strong {font-weight:600;}
.items-table tfoot .table-note {padding:clamp(14px, calc( 25 / var(--inner) * 100vw ), 25px) clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); color:#242424; text-align:left; border-right:none; font-weight: 600;}

.contact-table-wrap.ty2 .contact-table tbody td,
.contact-table-wrap.ty2 .contact-table tbody th {padding:clamp(15px, calc( 22 / var(--inner) * 100vw ), 22px) 5px;font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px) ; color: var(--color-body);}

.items-logo {display: inline-block; padding: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px) clamp(30px, calc( 50 / var(--inner) * 100vw ), 50px); background: #fff; border-radius:24px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); }
.items-logo img {width:clamp(120px, calc( 197 / var(--inner) * 100vw ), 197px);}

/* 채용 가치관 */
.recruitment-wrap {display:flex; flex-direction:column; align-items:center; position:relative; width:100%; max-width:1120px; margin:0 auto; padding:0;}
.recruitment-values {display:flex; justify-content:center; align-items:flex-start; gap:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); padding-top: clamp(50px, calc( 125 / var(--inner) * 100vw ), 125px); position: relative; width:100%; flex-wrap:wrap;}
.recruitment-values:after {position: absolute; content: ''; top: 0; left: 50%; transform: translateX(-50%); width:clamp(310px, calc( 970 / var(--inner) * 100vw ), 970px); height: clamp(58px, calc( 180 / var(--inner) * 100vw ), 180px); background: url(../images/sub/triangle.png) no-repeat top center / contain;z-index: -1;}
.value-item {display:flex; flex-direction:column; align-items:center; gap:clamp(12px, calc( 19 / var(--inner) * 100vw ), 19px); }
.value-icon {display:block; position:relative; width:clamp(130px, calc( 200 / var(--inner) * 100vw ), 200px); height:clamp(130px, calc( 200 / var(--inner) * 100vw ), 200px);}
.value-circle {display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:100%; border-radius:50%; background:#fff;}
.value-circle::before {content:""; position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; border-radius:50%; background:linear-gradient(to bottom, #3B67CA, #1D3364); z-index:0;}
.value-circle::after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:50%; background:#fff; z-index:1;}
.value-circle > * {position:relative; z-index:2;}
.value-circle img {display:block; width:clamp(50px, calc( 64 / var(--inner) * 100vw ), 64px); height:clamp(50px, calc( 64 / var(--inner) * 100vw ), 64px); object-fit:contain;}
.value-text {display:flex; flex-direction:column; align-items:center; width:100%;}
.value-title {font-size:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:600; line-height:1.625; text-align:center;}
.value-subtitle {font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:500; color:var(--color-body); line-height:1.625; text-align:center;}

/* 인사제도 */
.hr-system-section {display:block; overflow:hidden; position:relative; top:0; left:0; z-index:10; width:100%; margin:0; padding:clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px) 0 0;}
.hr-system-header {display:flex; align-items:center; gap:clamp(10px, calc( 12 / var(--inner) * 100vw ), 12px); margin-bottom:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px);}
.hr-system-bullet {display:block; width:clamp(8px, calc( 11 / var(--inner) * 100vw ), 11px); height:clamp(8px, calc( 11 / var(--inner) * 100vw ), 11px); background:var(--color-primary); border-radius:50%; }
.hr-system-title {font-size:clamp(20px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight:600; color:#242424; line-height:1.625;}
.hr-system-desc {margin-bottom:clamp(30px, calc( 50 / var(--inner) * 100vw ), 50px); padding-left: clamp(16px, calc( 28 / var(--inner) * 100vw ), 28px);}
.hr-system-desc p { color:var(--color-body); line-height:1.625; letter-spacing: -0.6px;}

.hr-system-cards {display:flex; justify-content:space-between; gap:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); flex-wrap:wrap;}
.hr-card { position:relative; width:calc(33.333% - clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px)); }
.hr-card .inner {display:flex;padding:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px)  clamp(18px, calc( 36 / var(--inner) * 100vw ), 36px); background:#fff; border:1px solid #ddd; border-radius:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); height: 100%; width: 100%;}
.hr-card-icon {display:flex; align-items:center; justify-content:center; width:clamp(40px, calc( 50 / var(--inner) * 100vw ), 50px); height:clamp(40px, calc( 50 / var(--inner) * 100vw ), 50px);  margin-right:clamp(15px, calc( 23 / var(--inner) * 100vw ), 23px);}
.hr-card-icon img {display:block; width:100%; height:100%; object-fit:contain;}
.hr-card-content {flex:1;}
.hr-card-title {font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:600; color:#242424; line-height:1.625; margin-bottom:clamp(10px, calc( 12 / var(--inner) * 100vw ), 12px);}
.hr-card-desc {color:var(--color-body); line-height:1.625; letter-spacing: -0.6px;}