* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'KoPubWorldDotum', sans-serif;
    background: white;
    overflow-x: hidden;
}

.container {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background: white;
}

/* 배경 이미지 */
.bg-wrapper {
    position: absolute;
    left: -1px;
    top: 0;
    width: 404px;
    height: 1047px;
}

.bg-image {
    position: absolute;
    inset: 0;
    max-width: none;
    object-fit: cover;
    object-position: 50% 50%;
    pointer-events: none;
    width: 100%;
    height: 100%;
}

/* 헤더 로고 */
.header-logo {
    position: absolute;
    font-family: 'Italiana', serif;
    font-weight: normal;
    height: 63px;
    line-height: normal;
    left: 118px;
    font-style: normal;
    font-size: 64px;
    text-align: center;
    color: white;
    top: 69px;
    transform: translateX(-50%);
    width: 134px;
}

.header-logo p {
    font-family: 'Italiana', serif;
    margin-bottom: 0;
}

/* 헤더 설명 */
.header-description {
    position: absolute;
    font-family: 'KoPubWorldDotum', sans-serif;
    font-weight: 500;
    line-height: normal;
    left: 223px;
    font-style: normal;
    color: #c4c4c4;
    font-size: 7px;
    top: 102px;
    width: 141px;
}

.header-description p {
    margin-bottom: 0;
}

/* 구분선 */
.divider-line {
    position: absolute;
    display: flex;
    height: 38px;
    align-items: center;
    justify-content: center;
    left: 205px;
    top: 94px;
    width: 0;
}

.divider-rotate {
    flex: none;
    transform: rotate(270deg);
}

.divider-svg-wrapper {
    height: 0;
    position: relative;
    width: 38px;
}

.divider-svg-wrapper svg {
    position: absolute;
    inset: -1px 0 0 0;
    display: block;
    width: 100%;
    height: 100%;
}

/* 섹션 제목 */
.section-title {
    position: absolute;
    font-family: 'Italiana', serif;
    height: 59px;
    line-height: normal;
    font-style: normal;
    font-size: 16px;
    text-align: center;
    color: white;
    transform: translateX(-50%);
    width: 296px;
}

.section-title.offer {
    left: 201px;
    top: 305px;
}

.section-title.who {
    left: 202px;
    top: 730px;
}

/* 서비스 카드 제목 */
.service-card-title {
    position: absolute;
    font-family: 'KoPubWorldDotum', sans-serif;
    font-weight: bold;
    line-height: normal;
    font-style: normal;
    color: #e1e1e1;
    font-size: 7px;
    text-align: center;
    transform: translateX(-50%);
    width: 162px;
}

.service-card-title.card1 {
    left: 60px;
    top: 426px;
}

.service-card-title.card2 {
    left: 152px;
    top: 427px;
}

.service-card-title.card3 {
    left: 245px;
    top: 426px;
}

.service-card-title.card4 {
    left: 342px;
    top: 427px;
}

/* 서비스 설명 */
.service-description {
    position: absolute;
    font-family: 'KoPubWorldDotum', sans-serif;
    font-weight: 500;
    line-height: 2;
    font-style: normal;
    font-size: 4px;
    color: white;
    top: 444px;
}

.service-description p {
    margin-bottom: 0;
}

.service-description.desc1 {
    left: 25px;
    width: 69px;
}

.service-description.desc2 {
    left: 119px;
    width: 70px;
}

.service-description.desc3 {
    left: 215px;
    width: 66px;
}

.service-description.desc4 {
    left: 311px;
    width: 66px;
}

/* 팀원 이미지 */
.team-member-img {
    position: absolute;
}

.team-member-img.member1 {
    left: 29px;
    top: 776px;
    width: 89px;
    height: 93px;
    overflow: hidden;
}

.team-member-img.member1 img {
    position: absolute;
    height: 145.31%;
    left: -7.87%;
    max-width: none;
    top: -0.07%;
    width: 113.48%;
}

.team-member-img.member2 {
    left: 163px;
    top: 783px;
    width: 79px;
    height: 86px;
}

.team-member-img.member2 img {
    position: absolute;
    inset: 0;
    max-width: none;
    object-fit: cover;
    object-position: 50% 50%;
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.team-member-img.member3 {
    left: 287px;
    top: 776px;
    width: 89px;
    height: 93px;
    overflow: hidden;
}

.team-member-img.member3 img {
    position: absolute;
    height: 122.61%;
    left: 0;
    max-width: none;
    top: -0.01%;
    width: 100%;
}

/* 팀원 이름 */
.team-member-name {
    position: absolute;
    font-family: 'KoPubWorldDotum', sans-serif;
    font-weight: bold;
    line-height: normal;
    font-style: normal;
    color: #e1e1e1;
    font-size: 10px;
    text-align: center;
    top: 877px;
    transform: translateX(-50%);
    width: 162px;
}

.team-member-name.name1 {
    left: 72px;
}

.team-member-name.name2 {
    left: 201px;
}

.team-member-name.name3 {
    left: 330px;
}

/* 팀원 설명 */
.team-member-bio {
    position: absolute;
    font-family: 'KoPubWorldDotum', sans-serif;
    font-weight: 500;
    line-height: 2;
    font-style: normal;
    font-size: 4px;
    color: white;
    top: 898px;
}

.team-member-bio p {
    margin-bottom: 0;
}

.team-member-bio.bio1 {
    left: 29px;
    line-height: 0;
    font-size: 0;
    white-space: nowrap;
}

.team-member-bio.bio1 p {
    font-size: 4px;
    line-height: 2;
}

.team-member-bio.bio1 .line-spacing-normal {
    line-height: 1.5;
}

.team-member-bio.bio2 {
    left: 163px;
    width: 79px;
}

.team-member-bio.bio3 {
    left: 289px;
    width: 87px;
    line-height: 0;
}

.team-member-bio.bio3 p {
    line-height: 2;
}

.team-member-bio.bio3 .line-spacing-normal {
    line-height: 1.5;
}

/* 링크 스타일 */
.link-underline {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-underline-position: from-font;
    cursor: pointer;
    text-decoration-style: solid;
    color: inherit;
}

/* Bold 텍스트 */
.bold {
    font-family: 'KoPubWorldDotum', sans-serif;
    font-weight: bold;
}