@charset "utf-8";

/* 공통 */
.bg-gray {background-color:#f4f4f4;}
.bg-gray.gap120 {padding-bottom:var(--space-120);}

.doc-cnt50 {margin-bottom:var(--space-50);}
.doc-cnt100 {margin-bottom:var(--space-100);}

.doc-title {padding-left:16px; margin-bottom:var(--space-45); font-size:var(--font-size-24); color:var(--color-bk); letter-spacing:-.03em; position:relative; font-weight:600;}
.doc-title:before {width:6px; height:6px; top:10px; background:var(--color-primary); border-radius:50%; position:absolute; content:''; left:0;}

/* 비전 */
.vision-text {margin-top:var(--space-80); font-size:var(--font-size-32); text-align:center; line-height:1.56em; letter-spacing:-.03em;}

/* CEO 인사말 */
.greetings {display:flex; align-items:center; gap:var(--space-70);}
.greeting-content {flex:1;}
.ceo-image {width:116px; margin-bottom:var(--space-30);}
.ceo-image img{border-radius:6px;}
.ceo-badge {line-height:27px; min-width:115px; text-align:center; display:inline-block; background-color:var(--color-primary); border-radius:4px; margin-bottom:var(--space-30); color:#fff; font-weight:700; font-size:var(--font-size-15); letter-spacing:-.03em;}
.greeting-title {color:var(--color-bk); font-size:var(--font-size-32); letter-spacing:-.03em; line-height:1.33em;}
.greeting-text {margin:var(--space-40) 0; text-align: justify;}
.greeting-text p:last-child {font-weight:600; font-size:var(--font-size-20); margin-top:var(--space-20);}
.ceo-signature {color:var(--color-bk); font-weight:700; font-size:var(--font-size-24); letter-spacing:-.03em;}

/* 오시는 길 */
.root_daum_roughmap,
.root_daum_roughmap .wrap_map {border-radius:20px; overflow:hidden; height:clamp(250px, calc( 520 / var(--inner) * 100vw ), 520px) !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}
.roughmap_maker_label .roughmap_lebel_text {font-size:0 !important; line-height:0 !important; color:transparent !important;}
.roughmap_maker_label .roughmap_lebel_text:before {content:'(주)위케어'; font-size:11px; color:#000; line-height:1.5em;}

.company-title {margin:var(--space-50) 0 var(--space-35); color:var(--color-bk); font-weight:700; font-size:var(--font-size-20); line-height:1.4em; letter-spacing:-.03em;}
.company-info .item {margin-bottom:var(--space-25); display:flex; align-items:center; gap:12px;}
.company-info .item:last-child {margin-bottom:0;}
.company-info .ico {width:40px; height:40px; display:flex; align-items:center; justify-content:center; background-color:var(--color-primary); border-radius:6px;}
.company-info .tt {width:170px; font-weight:600; font-size:var(--font-size-18); letter-spacing:-.03em;}

/* 제품 - 개요 */
.overview-text {margin-top:var(--space-100); text-align:center; font-size:var(--font-size-18); line-height:1.56em; letter-spacing:-0.03em;}
.overview-text p {margin-top:var(--space-25);}

/* 간병비데 */
.care-intro {display:flex; gap:var(--space-130); margin-bottom:var(--space-70); align-items:center;}
.care-intro .col-txt {flex:1;}
.care-intro .title {font-size:var(--font-size-32); color:var(--color-bk); line-height:1.6em; letter-spacing:-.03em; margin-bottom:var(--space-35); color:var(--color-bk);}

.features {display:flex; justify-content:center; margin:0 -30px var(--space-100);}
.features .item {padding:0 30px; text-align:center; position:relative; text-align:center;}
.features .icon {width:130px; height:130px; border:1px solid #ddd; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto;}
.features .text {margin-top:12px; font-size:var(--font-size-18); color:var(--color-bk); line-height:1.33em; letter-spacing:-.03em; font-weight:500;}

.spec-table table {border-top:2px solid var(--color-primary); text-align:center; border-collapse:collapse; width:100%;}
.spec-table table th {background:#fff6e6; color:var(--color-bk); font-size:var(--font-size-18); font-weight:600;}
.spec-table table th,
.spec-table table td {padding:var(--space-15) 8px; border-bottom:1px solid #ddd; letter-spacing:-.03em; line-height:1.6em;}

/* 로봇선정 섹션 */
.download-btn-wrap {margin-bottom:var(--space-20); gap:12px; display:flex; justify-content:flex-end;}
.download-btn {background:#4d4d4d; color:#f4f4f4; padding:10px var(--space-30); border-radius:36px; display:inline-flex; align-items:center; gap:10px; font-weight:600; font-size:var(--font-size-18); letter-spacing:-.03em;}
.download-btn.ty2 {background-color:#fff; color:#888; border:1px solid #ddd;}

.robot-sec {text-align:center;}
.robot-sec p {margin-top:var(--space-30); font-size:var(--font-size-18); color:var(--color-bk); line-height:1.5em; letter-spacing:-.03em;}

.robot-sec.mg {margin-bottom:var(--space-100);}
.robot-sec.mg2 {margin-bottom:var(--space-40);}
.robot-sec.flex {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-40) var(--space-100); text-align:left;}
.robot-sec.flex .img {width:100%; max-width:653px;}
.robot-sec.flex .cnt {flex:1;}
.robot-sec.flex .cnt h3 {font-size:var(--font-size-32); color:var(--color-bk); font-weight:400; letter-spacing:-.03em; line-height:1.3em; margin-bottom:var(--space-40);}
.robot-sec.flex .cnt p {font-size:var(--font-size-18); line-height:1.5em; letter-spacing:-.03em; color:#454545;}

/* 제품 이미지 섹션 */
.prd-purpose {margin:var(--space-150) 0 var(--space-80); display:flex; gap:30px; justify-content:center; text-align:center;}
.prd-purpose .item {width:50%;}
.prd-purpose .img {border-radius:30px; overflow:hidden; margin-bottom:var(--space-30);}
.prd-purpose .text {display:flex; align-items:center; gap:10px; justify-content:center;}
.prd-purpose .text .dot {width:6px; height:6px; background:var(--color-primary); border-radius:50%;}
.prd-purpose .text p {font-weight:600; font-size:var(--font-size-24); color:var(--color-bk); letter-spacing:-.03em;}

/* 환자 조건 섹션 */
.condition .item {font-size:var(--font-size-18); line-height:1.5em; letter-spacing:-.03em; margin-bottom:var(--space-100); text-align:center;}
.condition .item:last-child {margin-bottom:0;}
.condition .title {font-weight:600; display:flex; align-items:center; gap:10px; justify-content:center; margin-bottom:var(--space-40);}
.condition .title .num {width:28px; height:28px; background:var(--color-primary); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.condition .title p {color:var(--color-bk);}

/* 간병침대 / 간병매트리스 */
.care-bed {margin-bottom:var(--space-100); display:flex; align-items:center; gap:var(--space-40);}
.care-bed .features {margin-top:var(--space-60) ; margin-bottom:0; justify-content:flex-start;}
.care-bed .info {flex:1;}
.care-bed .tit {margin-bottom:var(--space-30); font-size:var(--font-size-32); color:var(--color-bk); letter-spacing:-.03em; line-height:1.4em;}

/* 제품특허기술 섹션 */
.patent-card .item {padding:var(--space-30); margin-bottom:var(--space-25); background:#fff; border-radius:25px; position:relative;}
.patent-card .item:last-child {margin-bottom:0;}
.patent-card .head {font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; display:flex; align-items:center; gap:10px; margin-bottom:var(--space-20);}
.patent-card .head .num {width:28px; height:28px; line-height:28px; background:var(--color-primary); border-radius:50px; color:#fff; text-align:center;}
.patent-card .head .title {color:var(--color-bk);}
.card-content {padding-left:38px;}

/* 대리점 모집 페이지 */
.wecare-team {max-width:1000px; background:#fff; border-radius:30px; box-shadow:0 0 24px rgba(0,0,0,0.12); padding:var(--space-90) var(--space-100); margin:auto;}
.wecare-team-desc {text-align:center; margin-bottom:var(--space-70);}
.wecare-team-desc .title {font-size:var(--font-size-24); color:var(--color-bk); font-weight:600; letter-spacing:-.03em; line-height:1.4em; margin-bottom:var(--space-70);}
.wecare-team-desc .title span {color:var(--color-primary);}
.wecare-team .last-desc {margin-top:var(--space-70); text-align:center;}

.wecare-team-info {display:grid; gap:var(--space-40); margin:auto;}
.wecare-team-info.ty2 {max-width:500px;}
.wecare-team-info .item {font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.4em; display:flex; align-items:center; gap:var(--space-30);}
.wecare-team-info .badge {width:140px; background:var(--color-primary); color:#f4f4f4; padding:var(--space-15) 10px; border-radius:30px; text-align:center; font-weight:700;}
.wecare-team-info .text {color:var(--color-bk); font-weight:500; flex:1;}

.agency-bottom {padding: var(--space-100) 0; display:flex; gap:var(--space-90); align-items:center; justify-content:center;}
.agency-guide {position:relative;}
.guide-card {padding:var(--space-45) var(--space-35) var(--space-50); background:#fff; border-radius:30px; box-shadow:0 0 24px rgba(0,0,0,0.12); position:relative;}
.guide-card .logo {text-align:center;}
.guide-card .img {margin-bottom:var(--space-70);}
.guide-card .title {padding-left:var(--space-20); font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em; line-height:1.3em;}
.guide-card .pdf-down {width:clamp(90px, calc( 136 / var(--inner) * 100vw ), 136px); height:clamp(90px, calc( 136 / var(--inner) * 100vw ), 136px); bottom:-30px; right:-50px; font-size:var(--font-size-20); text-align:center; position:absolute; background:var(--color-primary); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; letter-spacing:-.03em; line-height:1.4em;}

.agency-contact {width:430px;}
.contact-title {font-size:var(--font-size-24); margin-bottom:var(--space-35); color:var(--color-bk); font-weight:600; letter-spacing:-.03em; line-height:1.3em;}
.contact-card {margin-bottom:var(--space-25); padding:var(--space-15) var(--space-35); background:#fff; border-radius:15px; box-shadow:0 0 24px rgba(0,0,0,0.12); font-weight:500;}
.contact-card:last-child {margin-bottom:0;}

.contact-name .name {font-size:var(--font-size-20); color:var(--color-bk); font-weight:700; letter-spacing:-.03em; line-height:1.5em;}
.contact-name .position {padding-left:var(--space-20); color:var(--color-primary);}
.contact-phone {font-size:var(--font-size-20); margin-top:10px; letter-spacing:-.03em; line-height:1.5em;}