@charset "utf-8";

.boxes {display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-20);}
.boxes .box {border-radius: var(--radius-16);border: 1px solid #FFF;background: #FFF;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10); padding: var(--space-40);}
.icon-boxes {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-30) var(--space-50);}
.icon-box {border-radius: var(--radius-16);padding: var(--space-40);}
.icon-box .icon {width: fit-content; background: var(--primary-color); border-radius: 100%; padding: var(--space-12);}
.dot-list li {text-indent: -1em; padding-left: 1em;}
.dot-list li:before {content: '•'; margin-right: 10px; font-weight: 800; color: var(--primary-color);}

.page-greeting {gap: 25px 35px; line-height: 1.5556em;}
.greeting-img {max-width: 361px; width: 30.1%;}

.location {display: flex; flex-direction: column; gap: var(--space-80);}
.location .addr-tit {display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: var(--space-30);}
.location .addr-tit .txt {font-size: var(--font-size-22); font-weight: 600; color: #454545;}
.location .map-wrap {display: flex; flex-direction: column; align-items: flex-end; gap: var(--space-20);}
.location .map-btns {display: flex; justify-content: flex-end; gap: 12px;}
.location .btn-map {display: inline-flex; align-items: center; gap: 12px; padding: 12px 20px; border: 0; border-radius: 8px; font-size: var(--font-size-18); font-weight: 500; line-height: 1.44em;}
.location .btn-map:before {content: ''; display: block; width: 18px; height: 18px; background: url('/images/sub/icon-map.svg') no-repeat center center / contain;}
.location .btn-naver {background: #00C300; color: #fff; box-shadow: 0 2px 8px rgba(3, 199, 90, 0.30);}
.location .btn-naver:before {background-image: url('/images/sub/icon-map-white.svg');}
.location .btn-kakao {background: #FEE500; color: #371C1D; box-shadow: 0 2px 8px rgba(254, 229, 0, 0.30);}
.location .direction-map {width: 100%; margin: 0; border-radius: var(--radius-20); overflow: hidden; height: clamp(270px, calc( 486 / var(--inner) * 100vw ), 486px);}
.root_daum_roughmap .wrap_map, .root_daum_roughmap {width: 100% !important; height: 100% !important;}
.location .location-info {display: flex; align-items: flex-start; gap: 70px; padding: 0 64px;}
.location .info-item {display: flex; flex-direction: column; gap: var(--space-20); min-width: 0;}
.location .info-item .tit {font-size: var(--font-size-18); font-weight: 600; color: #454545;}
.location .info-item .cont {font-size: var(--font-size-18); font-weight: 400; color: #454545; line-height: 1.44em;}
.location .info-bar {flex-shrink: 0; width: 1px; height: 72px; background: #ddd;}
.location .location-boxes {display: flex; flex-direction: column; gap: var(--space-20);}
.location .location-box {display: flex; align-items: flex-start; gap: var(--space-30); padding: var(--space-40); background: #fff; border-radius: var(--radius-16); outline: 1px solid #ddd; outline-offset: -1px;}

.page-business section:first-child {padding-top: 0;}
.page-business section {padding: var(--space-120) 0;}
.strategy-cnt {gap: 40px 35px;}
.strategy-logo {max-width: 400px; gap: 20px;}
.strategy-logo p {text-underline-offset: .4em; text-decoration: underline; text-decoration-thickness: 4px; text-decoration-color: var(--primary-color);}
.strategy-txt {width: 56.667%; max-width: 680px;}
.strategy-txt .num {width: 90px;}
.strategy-txt .item:not(:last-child) {border-bottom: 1px solid #ddd; padding-bottom: var(--space-40); margin-bottom: var(--space-40);}
.sec-hospital-marketing .icon-box { border: 1px solid rgba(0, 90, 162, 0.32); background: #FFF; box-shadow: 2px 2px 32px 0 rgba(0, 90, 162, 0.31);}

.sec-marketing-service {background: url('/images/sub/bg-marketing-service.jpg') no-repeat center center / cover;}
.sec-marketing-service .icon-box {border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.50);background: rgba(255, 255, 255, 0.24);}
.business-process-item .icon {position: relative; width: fit-content; margin: 0 auto calc(var(--space-40) + var(--space-30)); padding: clamp(15px, calc( 68 / var(--inner) * 100vw ), 68px); background: #F2F6FA; border: 1px solid #ddd; border-radius: 100%;}
.business-process-item .icon:after {content: ''; display: block; position: absolute; top: 100%; left: 50%; width: 1px; height: var(--space-40); background: #ddd;}
.business-process-item .icon:before {content: ''; display: block; position: absolute; top: calc(100% + var(--space-40)); left: 50%; margin-left: -3px; width: 6px; height: 6px; border-radius: 100%; background: var(--primary-color);}
.business-process-items {gap: 30px;}
.distribution-system {display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-80) var(--space-50);}
.distribution-system .img {border-radius: var(--radius-16); overflow: hidden;}
.cso-boxes.boxes {gap: var(--space-50);}
.cso-boxes.boxes .box {box-shadow: none; border: 1px solid #ddd;}
.cso-boxes.boxes .icon {width: fit-content; margin-left: auto;}

#sub .main-partner-slider {overflow: hidden;}
/* #sub .main-partner-slider .items {max-width: 244px;}
#sub .main-partner-slider .items:not(:last-child) {margin-bottom: var(--space-30);}
#sub .main-partner-slider .ltr .slick-list {transform: translateX(-350%);} */
#sub .main-partner-slider h3 {display: none;}

.radio-items {display: flex; gap: 5px var(--space-40)}