@charset "UTF-8";

.nanumsquareneo_font,
.nanumsquareneo_font *{font-family:NanumSquareNeo,"Microsoft YaHei","PingFang SC","MS PGothic","Hiragino Kaku Gothic ProN","굴림",gulim,"Apple SD Gothic Neo",sans-serif}
.pretendard_font,
.pretendard_font *{font-family:Pretendard,NSKR,'MS PGothic','돋움',Dotum,Helvetica,'Apple SD Gothic Neo',sans-serif}

.landingLogistics{
    display: block;
    position: relative;
}
.landingLogistics__inBox{
    position: relative;
    display: block;
    width: 1100px;
    margin: 0 auto;
}

/* header */
.landingLogistics__header{
    display: flex;
    position: sticky;
    top: 0;
    align-items: center;
    height: 62px;
    background: transparent;
    z-index: 10;
    transition: background-color .2s ease;
}
.landingLogistics__header.scrolled{
    background: #fff;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.08);
}
.landingLogistics__header .landingLogistics__inBox{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.landingLogistics__headerLogoBox{
    display: flex;
    align-items: center;
    gap: 48px;
}
.landingLogistics__headerMenuList{
    display: flex;
    align-items: center;
    gap: 32px;
}
.landingLogistics__link--headerMenu{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #333;
    font-weight: 500;
    text-decoration: none;
    opacity: 0.6;
    transition: opacity .2s ease;
}
.landingLogistics__link--headerMenu:hover{
    opacity: 1;
    color: #333;
}
.landingLogistics__link--headerLogoBox{
    display: flex;
    align-items: center;
}
.landingLogistics__headerOptionBox{
    display: flex;
    align-items: center;
    gap: 20px;
}
.landingLogistics__btn--headerOption{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 33px;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.5px;
    color: #333;
    font-weight: 500;
    cursor: pointer;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}
.landingLogistics__btn--headerOption:hover{
    color: #124ceb;
}
.landingLogistics__btn--headerOption.typeBorder{
    padding: 0 12px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    background: transparent;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.5px;
    font-weight: 700;
}
.landingLogistics__btn--headerOption.typeBorder:hover{
    color: #333;
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.4);
}

/* hero */
.landingLogistics__hero{
    display: block;
    position: relative;
    height: 820px;
    margin-top: -62px;
    padding-top: 190px;
    box-sizing: border-box;
    background: url(/static/html/landing/img/logistics/png/bg_hero.png) no-repeat 50% 0 / auto 100%;
}
.landingLogistics__hero::before,
.landingLogistics__hero::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc((100% - 1920px) / 2 + 1px);
    z-index: 0;
}
.landingLogistics__hero::before{
    left: 0;
    background: linear-gradient(to bottom, #dce4fc 0%, #e6eeff 50%, #eaf1ff 100%);
}
.landingLogistics__hero::after{
    right: 0;
    background: linear-gradient(to bottom, #bac1f5 0%, #c1c9fb 50%, #bec4f8 100%);
}
.landingLogistics__heroTextBox{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.landingLogistics__text--heroLabel{
    display: block;
    height: 40px;
    padding: 0 14px;
    box-sizing: border-box;
    background: rgba(26, 61, 139, 0.05);
    border: 1px solid rgba(26, 61, 139, 0.2);
    border-radius: 8px;
    font-size: 18px;
    line-height: 38px;
    letter-spacing: -0.36px;
    color: #162649;
    font-weight: 800;
}
.landingLogistics__text--heroTitle{
    display: block;
    margin-top: 14px;
    font-size: 66px;
    line-height: 73px;
    letter-spacing: -1.98px;
    color: #001135;
    font-weight: 900;
}
.landingLogistics__text--heroLabel + .landingLogistics__text--heroTitle{
    margin-top: 24px;
}
.landingLogistics__text--heroTitle > em.type1{
    color: #206aff;
}
.landingLogistics__text--heroTitle > em.type2{
    color: #7834ff;
}
.landingLogistics__text--heroMain{
    display: block;
    margin-top: 24px;
    font-size: 26px;
    line-height: 39px;
    letter-spacing: -0.52px;
    color: rgba(21, 37, 73, 0.95);
    font-weight: 400;
}
.landingLogistics__text--heroMain > em{
    font-weight: 800;
}
.landingLogistics__text--heroSub{
    display: block;
    margin-top: 12px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: rgba(21, 37, 73, 0.95);
    font-weight: 400;
}
.landingLogistics__text--heroSub > em{
    font-weight: 800;
}
.landingLogistics__heroBtnBox{
    display: flex;
    gap: 12px;
    margin-top: 40px;
}
.landingLogistics__btn--hero{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 56px;
    padding: 0 24px 0 36px;
    border: 0;
    border-radius: 100px;
    background: linear-gradient(to right, #288cff 0%, #6e64ff 50%, #b43cff 100%);
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
.landingLogistics__btn--hero.typeBorder{
    border: 1px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box,
                linear-gradient(to right, #105aff 0%, #a537ff 100%) border-box;
    color: #492ee5;
}
.landingLogistics__btn--hero img{
    display: block;
}
.landingLogistics__btn--hero{
    transition: box-shadow .2s ease, filter .2s ease;
}
.landingLogistics__btn--hero:hover{
    box-shadow: 0 10px 24px 0 rgba(110, 100, 255, 0.35);
    filter: brightness(1.08);
}
.landingLogistics__btn--hero.typeBorder:hover{
    background: linear-gradient(#f6f4ff, #f6f4ff) padding-box,
                linear-gradient(to right, #105aff 0%, #a537ff 100%) border-box;
    box-shadow: 0 10px 24px 0 rgba(110, 100, 255, 0.2);
    filter: none;
}

/* section 공통 */
.landingLogistics__section{
    position: relative;
    padding: 120px 0;
}
.landingLogistics__section.bgGray{
    background: #fafaff;
}

/* section title 공통 : label(칩) + main + sub */
.landingLogistics__sectionTitle{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.landingLogistics__sectionTitleTextBox{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.landingLogistics__text--sectionTitleLabel{
    display: block;
    height: 36px;
    padding: 0 18px;
    box-sizing: border-box;
    border-radius: 50px;
    background: #124ceb;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: -0.36px;
    color: #fff;
    font-weight: 600;
}
.landingLogistics__text--sectionTitleMain{
    display: block;
    margin-top: 32px;
    font-size: 44px;
    line-height: 1.4;
    letter-spacing: -1.32px;
    color: #333;
    font-weight: 800;
    text-align: center;
}
.landingLogistics__text--sectionTitleMain > em{
    color: #0943c6;
}
.landingLogistics__text--sectionTitleLabel.typeGradient{
    background: linear-gradient(to right, #105aff 0%, #a537ff 100%);
}
.landingLogistics__text--sectionTitleMain > em.typeGradient{
    color: transparent;
    background: linear-gradient(to right, #105aff 0%, #a537ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
}
.landingLogistics__text--sectionTitleSub{
    display: block;
    margin-top: 20px;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: -0.48px;
    color: #333;
    font-weight: 600;
    text-align: center;
}
.landingLogistics__sectionContent{
    display: block;
    margin-top: 62px;
}

/* section 1 : 2가지 모드 제공 */
.landingLogistics__modeInfo{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.landingLogistics__modeInfoTh{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    box-sizing: border-box;
    background: #546af3;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 8px;
}
.landingLogistics__modeInfoTh.typeSimple{
    background: #5ba2ff;
}
.landingLogistics__text--modeInfoTh{
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: -0.44px;
    color: #fff;
    font-weight: 700;
}
.landingLogistics__modeInfoTd{
    display: flex;
    flex-direction: column;
    padding: 30px 24px 24px;
    box-sizing: border-box;
    background: #f7f8fc;
    border-radius: 20px;
}
.landingLogistics__text--modeInfoTd{
    font-size: 19px;
    line-height: 1.4;
    letter-spacing: -0.38px;
    color: #0a1243;
    font-weight: 600;
    text-align: center;
}
.landingLogistics__modeInfoTdStep{
    display: flex;
    justify-content: center;
    height: 131px;
    margin-top: 24px;
}
.landingLogistics__modeInfoTdStepItem{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 128px;
}
.landingLogistics__modeInfoTdStepItemIcon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
}
.landingLogistics__modeInfoTdStepItemIcon img{
    display: block;
}
.landingLogistics__modeInfoTdStepItemTextBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    margin-top: 12px;
}
.landingLogistics__text--modeInfoTdStepItemMain{
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: -0.34px;
    color: #0943c6;
    font-weight: 600;
    text-align: center;
}
.landingLogistics__modeInfoTd.typeSimple .landingLogistics__text--modeInfoTdStepItemMain{
    color: #207dda;
}
.landingLogistics__text--modeInfoTdStepItemSub{
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.3px;
    color: #333;
    font-weight: 400;
    text-align: center;
}
.landingLogistics__modeInfoTdStepItemBar{
    display: block;
    margin-top: 15px;
}
.landingLogistics__modeInfoTdStepItemBar img{
    display: block;
}
.landingLogistics__modeInfoTdWho{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    padding: 14px 24px;
    box-sizing: border-box;
    background: #e7eef9;
    border-radius: 12px;
}
.landingLogistics__modeInfoTdWhoTextBox{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.landingLogistics__text--modeInfoTdWho{
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.32px;
    color: #0a1243;
    font-weight: 600;
}
.landingLogistics__text--modeInfoTdWhoSub{
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: -0.28px;
    color: #0a1243;
    font-weight: 400;
}
.landingLogistics__modeInfoTdWhoOptionBox{
    display: flex;
    align-items: center;
}
.landingLogistics__text--modeInfoTdWhoOption{
    display: block;
    height: 30px;
    padding: 0 12px;
    box-sizing: border-box;
    border: 1px solid #0943c6;
    border-radius: 100px;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: -0.28px;
    color: #0943c6;
    font-weight: 600;
}
.landingLogistics__modeInfoMerge{
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    height: 88px;
    margin-top: 10px;
    padding: 16px 24px;
    box-sizing: border-box;
    background: #e7f0ff;
    border: 1px solid #dfe9ff;
    border-radius: 16px;
}
.landingLogistics__modeInfoMergeIcon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
}
.landingLogistics__modeInfoMergeIcon img{
    display: block;
}
.landingLogistics__modeInfoMergeTextBox{
    display: flex;
    flex-direction: column;
    margin-left: 12px;
}
.landingLogistics__modeInfoMergeTitleBox{
    display: flex;
    align-items: center;
    gap: 8px;
}
.landingLogistics__text--modeInfoMergeTitle{
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -0.36px;
    color: #0a1243;
    font-weight: 700;
}
.landingLogistics__text--modeInfoMerge{
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.32px;
    color: #0a1243;
    font-weight: 500;
}
.landingLogistics__text--modeInfoMergeSub{
    margin-top: 2px;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: -0.28px;
    color: #565c80;
    font-weight: 400;
}
.landingLogistics__modeInfoMergeOptionBox{
    display: flex;
    align-items: center;
    gap: 16px;
    height: 56px;
    margin-left: auto;
    padding: 0 20px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 12px;
}
.landingLogistics__text--modeInfoMergeOption{
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.3px;
    color: #2f3457;
    font-weight: 600;
}

/* section 2 : PROCESS REDUCTION */
.landingLogistics__reduce{
    display: grid;
    grid-template-columns: 146px 430px 504px;
    gap: 10px;
}
.landingLogistics__reduceTh{
    grid-row: 1;
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    box-sizing: border-box;
    background: #949daf;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 8px;
}
.landingLogistics__reduceTh.typeToBe{
    grid-column: 3;
    background: linear-gradient(to right, #5689ff 0%, #a256ff 100%);
}
.landingLogistics__text--reduceTh{
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: #fff;
    font-weight: 700;
}
.landingLogistics__text--reduceTh > em{
    font-size: 18px;
    letter-spacing: -0.36px;
    font-weight: 500;
}
.landingLogistics__reduceCategory{
    grid-row: 2;
    grid-column: 1;
    display: block;
    padding: 20px 12px 18px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 16px;
}
.landingLogistics__reduceCategoryItem{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 64px;
    box-sizing: border-box;
}
.landingLogistics__reduceCategoryItem + .landingLogistics__reduceCategoryItem{
    height: 79px;
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid #e1e1e1;
}
.landingLogistics__text--reduceCategoryMain{
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: -0.34px;
    color: #0a1243;
    font-weight: 700;
    text-align: center;
}
.landingLogistics__text--reduceCategorySub{
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: -0.26px;
    color: #666;
    font-weight: 400;
    text-align: center;
}
.landingLogistics__reduceTd{
    grid-row: 2;
    grid-column: 2;
    display: block;
    padding: 20px 20px 18px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 16px;
}
.landingLogistics__reduceTd.typeToBe{
    grid-column: 3;
    padding: 18.5px 18.5px 16.5px;
    border: 1.5px solid transparent;
    background: linear-gradient(#f5f6ff, #f5f6ff) padding-box,
                linear-gradient(144deg, #6995fd 1%, #9e75fe 99%) border-box;
}
.landingLogistics__reduceTdItem{
    display: flex;
    align-items: center;
    height: 64px;
    box-sizing: border-box;
}
.landingLogistics__reduceTdItem + .landingLogistics__reduceTdItem{
    height: 79px;
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid #e1e1e1;
}
.landingLogistics__reduceTd.typeToBe .landingLogistics__reduceTdItem + .landingLogistics__reduceTdItem{
    border-top-color: #d3dbf6;
}
.landingLogistics__reduceStepBox{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.landingLogistics__reduceStepRow{
    display: flex;
    align-items: center;
    gap: 2px;
}
.landingLogistics__reduceStepRow img{
    display: block;
}
.landingLogistics__text--reduceStep{
    display: block;
    height: 25px;
    padding: 0 8px;
    box-sizing: border-box;
    background: #f4f4f4;
    border-radius: 6px;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.3px;
    color: #777;
    font-weight: 500;
    white-space: nowrap;
}
.landingLogistics__reduceTd.typeToBe .landingLogistics__text--reduceStep{
    background: #dee5ff;
    color: #4864b9;
}
.landingLogistics__reduceStepResult{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 64px;
    margin-left: auto;
    flex-shrink: 0;
    box-sizing: border-box;
    border: 0.5px solid transparent;
    border-radius: 10px;
    background: linear-gradient(#fff, #fff) padding-box,
                linear-gradient(to right, #105aff 0%, #a537ff 100%) border-box;
}
.landingLogistics__text--reduceStepResultSub{
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: -0.26px;
    color: #333;
    font-weight: 400;
    text-align: center;
}
.landingLogistics__text--reduceStepResultMain{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: transparent;
    background: linear-gradient(to right, #105aff 0%, #a537ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    font-weight: 700;
    text-align: center;
}

/* section 3 : ONE FLOW */
.landingLogistics__flow{
    display: block;
}
.landingLogistics__flowList{
    position: relative;
    display: flex;
    gap: 12px;
}
.landingLogistics__flowListItem{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 266px;
    height: 257px;
    padding: 20px 0;
    box-sizing: border-box;
    background: #f2f4fe;
    border-radius: 20px;
}
.landingLogistics__text--flowListBadge{
    display: block;
    height: 24px;
    padding: 0 8px;
    box-sizing: border-box;
    border-radius: 50px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #fff;
    font-weight: 600;
}
.landingLogistics__text--flowListBadge.type1{background: #00b2ff;}
.landingLogistics__text--flowListBadge.type2{background: #5090ff;}
.landingLogistics__text--flowListBadge.type3{background: #787bfe;}
.landingLogistics__text--flowListBadge.type4{background: #9966ff;}
.landingLogistics__flowListImgBox{
    display: block;
    margin-top: 16px;
}
.landingLogistics__flowListImgBox img{
    display: block;
}
.landingLogistics__flowListTextBox{
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 16px;
}
.landingLogistics__text--flowListMain{
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -0.36px;
    color: #2b2b2b;
    font-weight: 700;
    text-align: center;
}
.landingLogistics__text--flowListSub{
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.3px;
    color: #333;
    font-weight: 400;
    text-align: center;
}
.landingLogistics__flowListArrow{
    position: absolute;
    top: 79px;
    display: block;
}
.landingLogistics__flowListArrow:nth-of-type(1){left: 235px;}
.landingLogistics__flowListArrow:nth-of-type(2){left: 513px;}
.landingLogistics__flowListArrow:nth-of-type(3){left: 791px;}
.landingLogistics__flowBanner{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 52px;
    margin-top: 16px;
    box-sizing: border-box;
    border: 1.5px solid transparent;
    border-radius: 10px;
    background: linear-gradient(#fff, #fff) padding-box,
                linear-gradient(to right, #105aff 0%, #a537ff 100%) border-box;
}
.landingLogistics__flowBanner img{
    display: block;
}
.landingLogistics__text--flowBanner{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: transparent;
    background: linear-gradient(to right, #105aff 0%, #a537ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    font-weight: 700;
}
.landingLogistics__flowCompare{
    display: grid;
    grid-template-columns: 94px 491px 495px;
    gap: 10px;
    margin-top: 62px;
}
.landingLogistics__flowCompareCategory{
    display: block;
    margin-top: 66px;
    padding: 20px 16px 18px;
    box-sizing: border-box;
    background: #f7f8fc;
    border-radius: 16px;
}
.landingLogistics__flowCompareCategoryItem{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    box-sizing: border-box;
}
.landingLogistics__flowCompareCategoryItem + .landingLogistics__flowCompareCategoryItem{
    height: 79px;
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid #e1e1e1;
}
.landingLogistics__text--flowCompareCategory{
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: -0.34px;
    color: #0a1243;
    font-weight: 700;
    text-align: center;
}
.landingLogistics__flowCompareBox{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.landingLogistics__flowCompareTh{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 56px;
    box-sizing: border-box;
    background: #949daf;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 8px;
}
.landingLogistics__flowCompareBox.typeAfter .landingLogistics__flowCompareTh{
    background: linear-gradient(to right, #6492ff 0%, #3946ff 100%);
}
.landingLogistics__text--flowCompareThLabel{
    display: block;
    height: 26px;
    padding: 0 12px;
    box-sizing: border-box;
    background: #65707e;
    border-radius: 99px;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: -0.3px;
    color: #fff;
    font-weight: 600;
}
.landingLogistics__flowCompareBox.typeAfter .landingLogistics__text--flowCompareThLabel{
    background: #0943c6;
}
.landingLogistics__text--flowCompareTh{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: #fff;
    font-weight: 700;
}
.landingLogistics__flowCompareTd{
    display: block;
    padding: 20px 28px 18px;
    box-sizing: border-box;
    background: #f7f8fc;
    border-radius: 16px;
}
.landingLogistics__flowCompareBox.typeAfter .landingLogistics__flowCompareTd{
    background: #edf4ff;
}
.landingLogistics__flowCompareTdItem{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    height: 64px;
    box-sizing: border-box;
}
.landingLogistics__flowCompareTdItem + .landingLogistics__flowCompareTdItem{
    height: 79px;
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid #e1e1e1;
}
.landingLogistics__flowCompareBox.typeAfter .landingLogistics__flowCompareTdItem + .landingLogistics__flowCompareTdItem{
    border-top-color: #d3dbf6;
}
.landingLogistics__flowCompareTdTitleBox{
    display: flex;
    align-items: center;
}
.landingLogistics__text--flowCompareTdMain{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: #2b2b2b;
    font-weight: 600;
}
.landingLogistics__flowCompareBox.typeAfter .landingLogistics__text--flowCompareTdMain{
    color: #333;
    font-weight: 700;
}
.landingLogistics__text--flowCompareTdChip{
    display: block;
    height: 26px;
    margin-left: auto;
    padding: 0 6px;
    box-sizing: border-box;
    background: #d1e3ff;
    border-radius: 6px;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: -0.3px;
    color: #0040ff;
    font-weight: 600;
    white-space: nowrap;
}
.landingLogistics__text--flowCompareTdSub{
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.32px;
    color: #333;
    font-weight: 400;
}

/* section 4 : BEFORE & AFTER */
.landingLogistics__compare{
    display: grid;
    grid-template-columns: 132px 1fr 1fr;
    gap: 10px;
}
.landingLogistics__compareCategory{
    display: block;
    margin-top: 66px;
    padding: 20px 12px 18px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 16px;
}
.landingLogistics__compareCategoryItem{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 64px;
    box-sizing: border-box;
}
.landingLogistics__compareCategoryItem + .landingLogistics__compareCategoryItem{
    height: 79px;
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid #e1e1e1;
}
.landingLogistics__text--compareCategoryMain{
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: -0.34px;
    color: #0a1243;
    font-weight: 700;
    text-align: center;
}
.landingLogistics__text--compareCategorySub{
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: -0.26px;
    color: #666;
    font-weight: 400;
    text-align: center;
}
.landingLogistics__compareBox{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.landingLogistics__compareTh{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    box-sizing: border-box;
    background: #949daf;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 8px;
}
.landingLogistics__compareBox.typeToBe .landingLogistics__compareTh{
    background: linear-gradient(to right, #5689ff 0%, #a256ff 100%);
}
.landingLogistics__text--compareTh{
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: #fff;
    font-weight: 700;
}
.landingLogistics__text--compareTh > em{
    font-size: 18px;
    letter-spacing: -0.36px;
    font-weight: 500;
}
.landingLogistics__compareTd{
    flex: 1;
    display: block;
    padding: 20px 18px 18px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 16px;
}
.landingLogistics__compareBox.typeToBe .landingLogistics__compareTd{
    padding: 18.5px 16.5px 16.5px;
    border: 1.5px solid transparent;
    background: linear-gradient(142deg, #e8f1ff 0%, #f7faff 34%, #edeaff 100%) padding-box,
                linear-gradient(144deg, #6995fd 1%, #9e75fe 99%) border-box;
}
.landingLogistics__compareTdItem{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    box-sizing: border-box;
}
.landingLogistics__compareTdItem + .landingLogistics__compareTdItem{
    height: 79px;
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid #e1e1e1;
}
.landingLogistics__compareBox.typeToBe .landingLogistics__compareTdItem + .landingLogistics__compareTdItem{
    border-top-color: #d3dbf6;
}
.landingLogistics__text--compareTd{
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -0.36px;
    color: #2b2b2b;
    font-weight: 500;
    text-align: center;
}
.landingLogistics__compareBox.typeToBe .landingLogistics__text--compareTd > em{
    color: #0943c6;
    font-weight: 700;
}

/* section 5 : 15 FEATURES */
.landingLogistics__featureList{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.landingLogistics__featureListItem{
    display: flex;
    flex-direction: column;
    padding: 20px 24px 24px;
    box-sizing: border-box;
    border-radius: 16px;
    gap: 12px;
}
.landingLogistics__featureListItem:nth-child(n+3){
    padding-top: 16px;
}
.landingLogistics__featureListItem.type1{background: #eaf4fd;}
.landingLogistics__featureListItem.type2{background: #eaf2ff;}
.landingLogistics__featureListItem.type3{background: #eaefff;}
.landingLogistics__featureListItem.type4{background: #f4f0ff;}
.landingLogistics__featureListTitBox{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 72px;
}
.landingLogistics__featureListTitTextBox{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.landingLogistics__text--featureListTit{
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: -0.44px;
    color: #333;
    font-weight: 700;
}
.landingLogistics__text--featureListTitSub{
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.3px;
    color: #333;
    font-weight: 400;
}
.landingLogistics__featureListTitIcon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    flex-shrink: 0;
}
.landingLogistics__featureListTitIcon img{
    display: block;
}
.landingLogistics__featureBox{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 20px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 16px;
}
.landingLogistics__featureBoxItem{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-left: 11px;
}
.landingLogistics__featureBoxItem::before{
    content: '';
    display: block;
    position: absolute;
    top: 10.5px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #333;
}
.landingLogistics__featureBoxItemTitleBox{
    display: flex;
    align-items: center;
}
.landingLogistics__text--featureBoxItemMain{
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: -0.34px;
    color: #333;
    font-weight: 600;
}
.landingLogistics__text--featureBoxItemChip{
    display: block;
    height: 24px;
    margin-left: 6px;
    padding: 0 6px;
    box-sizing: border-box;
    background: #e7efff;
    border-radius: 6px;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: -0.26px;
    color: #105aff;
    font-weight: 700;
}
.landingLogistics__text--featureBoxItemSub{
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.3px;
    color: #333;
    font-weight: 400;
}
.landingLogistics__featureBanner{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 83px;
    margin-top: 20px;
    box-sizing: border-box;
    border: 1.5px solid transparent;
    border-radius: 16px;
    background: linear-gradient(#fff, #fff) padding-box,
                linear-gradient(to right, #105aff 0%, #a537ff 100%) border-box;
}
.landingLogistics__featureBannerTitleBox{
    display: flex;
    align-items: center;
    gap: 4px;
}
.landingLogistics__featureBannerTitleBox img{
    display: block;
}
.landingLogistics__text--featureBannerMain{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: transparent;
    background: linear-gradient(to right, #105aff 0%, #a537ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    font-weight: 700;
}
.landingLogistics__text--featureBannerSub{
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.3px;
    color: #333;
    font-weight: 400;
    text-align: center;
}

/* section 6 : ERP MIGRATION */
.landingLogistics__migration{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.landingLogistics__migrationItem{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 350px;
    box-sizing: border-box;
    background: #f0f2fc;
    border-radius: 20px;
}
.landingLogistics__migrationItemTextBox{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 24px 0;
}
.landingLogistics__text--migrationItemStep{
    display: block;
    height: 24px;
    padding: 0 8px;
    box-sizing: border-box;
    background: #787bfe;
    border-radius: 50px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #fff;
    font-weight: 600;
}
.landingLogistics__text--migrationItemMain{
    margin-top: 12px;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: #0a1243;
    font-weight: 700;
}
.landingLogistics__text--migrationItemSub{
    margin-top: 2px;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.3px;
    color: #333;
    font-weight: 400;
}
.landingLogistics__migrationItemImgBox{
    display: block;
    margin-top: auto;
}
.landingLogistics__migrationItemImgBox img{
    display: block;
    width: 100%;
    height: auto;
}

/* section 7 : SHOPPING MALL INTEGRATION */
.landingLogistics__shopping{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.landingLogistics__shoppingItem{
    position: relative;
    overflow: hidden;
    height: 300px;
    box-sizing: border-box;
    background: #f7f8fc;
    border-radius: 20px;
}
.landingLogistics__shoppingItemImg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.landingLogistics__shoppingItemTextBox{
    position: relative;
    display: flex;
    align-items: center;
    padding: 24px 24px 0;
}
.landingLogistics__shoppingItemTitBox{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 149px;
    flex-shrink: 0;
}
.landingLogistics__text--shoppingItemStep{
    display: block;
    height: 24px;
    padding: 0 8px;
    box-sizing: border-box;
    background: #787bfe;
    border-radius: 50px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #fff;
    font-weight: 600;
}
.landingLogistics__text--shoppingItemMain{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: #0a1243;
    font-weight: 700;
}
.landingLogistics__shoppingItemList{
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-left: 24px;
    padding-left: 24px;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.landingLogistics__text--shoppingItemListItem{
    position: relative;
    padding-left: 8px;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.32px;
    color: #333;
    font-weight: 400;
}
.landingLogistics__text--shoppingItemListItem::before{
    content: '';
    display: block;
    position: absolute;
    top: 9.5px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #333;
}

/* section 8 : 도입 대상별 효과 */
.landingLogistics__target{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.landingLogistics__targetItem{
    overflow: hidden;
    border-radius: 20px;
}
.landingLogistics__targetItemTitleBox{
    display: flex;
    justify-content: space-between;
    gap: 16px;
    height: 106px;
    padding: 18px 20px 18px 22px;
    box-sizing: border-box;
}
.landingLogistics__targetItem.type1 .landingLogistics__targetItemTitleBox{
    background: linear-gradient(to bottom, #00ade7 0%, #0098e3 100%);
}
.landingLogistics__targetItem.type2 .landingLogistics__targetItemTitleBox{
    background: linear-gradient(to bottom, #3f8cf6 0%, #0b76f1 100%);
}
.landingLogistics__targetItem.type3 .landingLogistics__targetItemTitleBox{
    background: linear-gradient(to bottom, #9567f9 0%, #733ef6 100%);
}
.landingLogistics__targetItemTitleIcon{
    display: block;
    width: 56px;
    height: 56px;
    flex-shrink: 0;
}
.landingLogistics__targetItemTitleIcon img{
    display: block;
}
.landingLogistics__targetItemTitleTextBox{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.landingLogistics__text--targetItemTitle{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: #fff;
    font-weight: 700;
}
.landingLogistics__text--targetItemTitleSub{
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: -0.28px;
    color: #fff;
    font-weight: 500;
}
.landingLogistics__targetItemContent{
    padding: 16px 24px 28px;
    box-sizing: border-box;
    background: #fff;
}
.landingLogistics__text--targetItemLabel{
    display: block;
    width: fit-content;
    height: 30px;
    margin: 0 auto;
    padding: 0 12px;
    box-sizing: border-box;
    border: 1.5px solid transparent;
    border-radius: 100px;
    font-size: 15px;
    line-height: 27px;
    font-weight: 700;
    letter-spacing: -0.3px;
}
.landingLogistics__targetItem.type1 .landingLogistics__text--targetItemLabel{
    background: linear-gradient(#fff, #fff) padding-box,
                linear-gradient(to right, #3ebafd 0%, #0180ff 100%) border-box;
}
.landingLogistics__targetItem.type2 .landingLogistics__text--targetItemLabel{
    background: linear-gradient(#fff, #fff) padding-box,
                linear-gradient(to right, #6092ff 0%, #295bff 100%) border-box;
}
.landingLogistics__targetItem.type3 .landingLogistics__text--targetItemLabel{
    background: linear-gradient(#fff, #fff) padding-box,
                linear-gradient(to right, #9e3efd 0%, #3765fd 100%) border-box;
}
.landingLogistics__text--targetItemLabel span{
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}
.landingLogistics__targetItem.type1 .landingLogistics__text--targetItemLabel span{
    background-image: linear-gradient(to right, #3ebafd 0%, #0180ff 100%);
}
.landingLogistics__targetItem.type2 .landingLogistics__text--targetItemLabel span{
    background-image: linear-gradient(to right, #6092ff 0%, #295bff 100%);
}
.landingLogistics__targetItem.type3 .landingLogistics__text--targetItemLabel span{
    background-image: linear-gradient(to right, #9e3efd 0%, #3765fd 100%);
}
.landingLogistics__targetItemEffectList{
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 24px;
    margin-top: 12px;
}
.landingLogistics__targetItemEffect{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.landingLogistics__targetItemEffectIcon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
}
.landingLogistics__targetItemEffectIcon img{
    display: block;
}
.landingLogistics__text--targetItemEffect{
    margin-top: 2px;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.3px;
    color: #333;
    font-weight: 600;
    text-align: center;
}

/* section 9 : Smart A 10 x ONE AI */
.landingLogistics__section.typeAi{
    background: #ecf1ff url(/static/html/landing/img/logistics/png/bg_ai.png) no-repeat 50% 0;
    background-size: cover;
}
.landingLogistics__ai{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
}
.landingLogistics__aiItem{
    grid-column: span 2;
    display: block;
    padding: 24px 20px 20px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.06);
}
.landingLogistics__aiItem.typeWide{
    grid-column: span 3;
}
.landingLogistics__aiItemTitleBox{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.landingLogistics__aiItemTitleTextBox{
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.landingLogistics__text--aiItemMain{
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: -0.4px;
    color: #002d93;
    font-weight: 700;
}
.landingLogistics__text--aiItemSub{
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: -0.26px;
    color: #65707e;
    font-weight: 500;
}
.landingLogistics__aiItemTitleIcon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    flex-shrink: 0;
}
.landingLogistics__aiItemTitleIcon img{
    display: block;
}
.landingLogistics__aiItemTable{
    margin-top: 16px;
    padding: 16px 16px 8px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 12px;
}
.landingLogistics__aiItemTableTitleBox{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.landingLogistics__text--aiItemTableTitle{
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.3px;
    color: #000;
    font-weight: 700;
}
.landingLogistics__text--aiItemTableCount{
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: -0.28px;
    color: #333;
    font-weight: 600;
}
.landingLogistics__aiItemTableList{
    width: 100%;
    margin-top: 8px;
    border-collapse: collapse;
    table-layout: fixed;
}
.landingLogistics__aiItemTableList th{
    height: 28px;
    padding: 0 5px;
    background: #f7f8fa;
    font-size: 12px;
    line-height: 28px;
    letter-spacing: -0.24px;
    color: #777;
    font-weight: 600;
    text-align: center;
}
.landingLogistics__aiItemTableList td{
    height: 32px;
    padding: 0 5px;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: -0.26px;
    color: #333;
    font-weight: 500;
    text-align: center;
}
.landingLogistics__aiItemTableList th.alignR,
.landingLogistics__aiItemTableList td.alignR{
    padding-right: 12px;
    text-align: right;
}
.landingLogistics__aiItemTableList tbody tr + tr td{
    height: 31px;
    border-top: 1px solid #ededed;
}
.landingLogistics__aiBtnBox{
    display: flex;
    justify-content: center;
    margin-top: 62px;
}
.landingLogistics__btn--ai{
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 20px 0 27px;
    border: 0;
    border-radius: 150px;
    background: linear-gradient(to bottom, #447cfc 0%, #0943c6 100%);
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -0.36px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
.landingLogistics__btn--ai img{
    display: block;
}
.landingLogistics__btn--ai{
    transition: box-shadow .2s ease, filter .2s ease;
}
.landingLogistics__btn--ai:hover{
    box-shadow: 0 10px 24px 0 rgba(9, 67, 198, 0.35);
    filter: brightness(1.08);
}

/* 하단 포인트 카드 공통 (섹션 2, 4, 6, 8, 9) */
.landingLogistics__pointCard{
    display: flex;
    align-items: center;
    min-height: 88px;
    margin-top: 20px;
    padding: 15px 24px;
    box-sizing: border-box;
    background: #e7f0ff;
    border: 1px solid #dfe9ff;
    border-radius: 16px;
}
.landingLogistics__pointCardIcon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    flex-shrink: 0;
}
.landingLogistics__pointCardIcon img{
    display: block;
}
.landingLogistics__pointCardTextBox{
    display: flex;
    flex-direction: column;
}
.landingLogistics__pointCardIcon + .landingLogistics__pointCardTextBox{
    margin-left: 12px;
}
.landingLogistics__text--pointCardMain{
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -0.36px;
    color: #0a1243;
    font-weight: 700;
}
.landingLogistics__text--pointCardSub{
    margin-top: 4px;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.3px;
    color: #0a1243;
    font-weight: 400;
}
.landingLogistics__pointCardStatBox{
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 20px;
}
.landingLogistics__pointCardStatItem{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.landingLogistics__pointCardStatItem + .landingLogistics__pointCardStatItem{
    margin-left: 24px;
    padding-left: 25px;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.landingLogistics__text--pointCardStatLabel{
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: -0.26px;
    color: #0a1243;
    font-weight: 400;
    text-align: center;
}
.landingLogistics__text--pointCardStatValue{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: #0943c6;
    font-weight: 700;
    text-align: center;
}
.landingLogistics__text--pointCardStatValue > em{
    font-size: 16px;
    letter-spacing: -0.32px;
}
.landingLogistics__text--pointCardStatValue > span{
    font-size: 18px;
    letter-spacing: -0.36px;
}
.landingLogistics__pointCardItemBox{
    display: flex;
    margin-left: auto;
}
.landingLogistics__pointCardItem{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    width: 140px;
    box-sizing: border-box;
}
.landingLogistics__pointCardItem + .landingLogistics__pointCardItem{
    width: 157px;
    margin-left: 16px;
    padding-left: 17px;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.landingLogistics__pointCardItemIcon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: rgba(13, 59, 158, 0.08);
    border-radius: 10px;
}
.landingLogistics__pointCardItemIcon img{
    display: block;
}
.landingLogistics__pointCardItemTextBox{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.landingLogistics__text--pointCardItemMain{
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.3px;
    color: #2f3457;
    font-weight: 700;
}
.landingLogistics__text--pointCardItemSub{
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: -0.26px;
    color: #0a1243;
    font-weight: 400;
}
.landingLogistics__pointCard.typeHalf{
    padding-top: 19px;
    padding-bottom: 19px;
}
/* pointCard : ONE AI 변형 (섹션 9) */
.landingLogistics__pointCard.typeAi{
    padding-top: 19px;
    padding-bottom: 19px;
    background: linear-gradient(to right, #5550ff 0%, #8762ff 100%);
    border-color: rgba(0, 0, 0, 0.06);
}
.landingLogistics__pointCard.typeAi .landingLogistics__text--pointCardMain{
    color: #fff;
}
.landingLogistics__pointCard.typeAi .landingLogistics__text--pointCardMain > em{
    color: rgba(218, 231, 255, 0.9);
}
.landingLogistics__pointCard.typeAi .landingLogistics__pointCardItemIcon{
    background: rgba(255, 255, 255, 0.1);
}
.landingLogistics__pointCard.typeAi .landingLogistics__pointCardItem + .landingLogistics__pointCardItem{
    border-left-color: rgba(255, 255, 255, 0.06);
}
.landingLogistics__pointCard.typeAi .landingLogistics__text--pointCardItemMain,
.landingLogistics__pointCard.typeAi .landingLogistics__text--pointCardItemSub{
    color: #fff;
}
.landingLogistics__pointCardHalf{
    flex: 1;
    display: flex;
    align-items: flex-start;
}
.landingLogistics__pointCardHalf + .landingLogistics__pointCardHalf{
    margin-left: 32px;
    padding-left: 33px;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.landingLogistics__pointCardHalfTitleBox{
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.landingLogistics__text--pointCardHalfMain{
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: -0.34px;
    color: #0a1243;
    font-weight: 600;
}
.landingLogistics__pointCardHalfList{
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}
.landingLogistics__text--pointCardHalfListItem{
    position: relative;
    padding-left: 11px;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.3px;
    color: #0a1243;
    font-weight: 400;
}
.landingLogistics__text--pointCardHalfListItem::before{
    content: '';
    display: block;
    position: absolute;
    top: 10.5px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #0a1243;
}

/* section 10 : 자주 묻는 질문 (FAQ) — 아코디언 동작은 djb 랜딩과 동일 스펙 */
.landingLogistics__sectionContent.typeFaq{
    margin-top: 50px;
}
.landingLogistics .qnaList{
    border-top: 1px solid #505050;
}
.landingLogistics .qnaList li{
    border-bottom: 1px solid #dbdbdb;
}
.landingLogistics .qnaList li.active .answerBox{
    display: block;
}
.landingLogistics .qnaList li.active .btnQnaFlip .iconFlip{
    transform: rotate(0deg);
}
.landingLogistics .qnaList .questionRow{
    display: flex;
    align-items: flex-start;
    gap: 0 10px;
    position: relative;
    padding: 28px 46px 28px 20px;
}
.landingLogistics__text--qnaMark{
    font-size: 22px;
    line-height: 33px;
    letter-spacing: -0.44px;
    color: #333;
    font-weight: 700;
}
.landingLogistics__text--qnaMark.typeA{
    line-height: 27px;
    color: #0943c6;
}
.landingLogistics__text--qnaQuestion{
    margin-top: 3px;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.36px;
    color: #333;
    font-weight: 700;
    word-break: keep-all;
}
.landingLogistics .qnaList .btnQnaFlip{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-right: 20px;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}
.landingLogistics .qnaList .btnQnaFlip .iconFlip{
    display: block;
    transform: rotate(180deg);
    transition: transform .2s ease-in-out;
}
.landingLogistics .qnaList .answerBox{
    display: none;
    width: 100%;
    margin-bottom: 28px;
}
.landingLogistics .qnaList .answerBox .inBox{
    display: flex;
    gap: 0 16px;
    min-height: 102px;
    padding: 24px 52px;
    box-sizing: border-box;
    background-color: #f2f4f7;
    border-radius: 16px;
}
.landingLogistics__text--qnaAnswer{
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.36px;
    color: #333;
    font-weight: 400;
    word-break: keep-all;
}

/* banner */
.landingLogistics__banner{
    display: block;
    height: 260px;
    padding: 60px 0;
    box-sizing: border-box;
    background: #010a38 url(/static/html/landing/img/logistics/png/bg_banner.png) no-repeat 50% 0;
    background-size: cover;
}
.landingLogistics__bannerTextBox{
    display: flex;
    flex-direction: column;
}
.landingLogistics__text--bannerTitle{
    font-size: 30px;
    line-height: 45px;
    letter-spacing: -0.6px;
    color: #fff;
    font-weight: 700;
}
.landingLogistics__text--bannerTitle > em{
    color: transparent;
    background: linear-gradient(to right, #b7caff 0%, #c8f9ff 97%);
    background-clip: text;
    -webkit-background-clip: text;
    font-weight: 800;
}
.landingLogistics__text--bannerSub{
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.36px;
    color: #fff;
    font-weight: 400;
}
.landingLogistics__bannerBtnBox{
    display: flex;
    gap: 12px;
    margin-top: 20px;
}
.landingLogistics__btn--banner{
    display: flex;
    align-items: center;
    gap: 4px;
    height: 48px;
    padding: 0 16px;
    border: 0;
    border-radius: 6px;
    background: linear-gradient(to right, #2c41ff 0%, #7f94ff 100%);
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.32px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
.landingLogistics__btn--banner.typeBorder{
    background: transparent;
    border: 1px solid #fff;
}
.landingLogistics__btn--banner img{
    display: block;
}
.landingLogistics__btn--banner{
    transition: background-color .2s ease, filter .2s ease;
}
.landingLogistics__btn--banner:hover{
    filter: brightness(1.15);
}
.landingLogistics__btn--banner.typeBorder:hover{
    background: rgba(255, 255, 255, 0.12);
    filter: none;
}

/* footer */
.landingLogistics__footer{
    display: block;
    background: #191919;
}
.landingLogistics__footerSection{
    display: block;
    height: 89px;
    padding-top: 40px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(216, 216, 216, 0.09);
}
.landingLogistics__footerSection .landingLogistics__inBox{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.landingLogistics__footerLinkList{
    display: flex;
    align-items: center;
}
.landingLogistics__footerLinkList li + li{
    position: relative;
    margin-left: 19px;
    padding-left: 19px;
}
.landingLogistics__footerLinkList li + li::before{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 14px;
    background: rgba(216, 216, 216, 0.3);
    transform: translateY(-50%);
}
.landingLogistics__link--footer{
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.32px;
    color: #fff;
    font-weight: 800;
    text-decoration: none;
}
.landingLogistics__link--footer:hover{
    color: #fff;
}
.landingLogistics__footerOptionBox{
    display: flex;
    gap: 4px;
}
.landingLogistics__btn--footerDropdown{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 140px;
    height: 32px;
    padding: 0 8px;
    box-sizing: border-box;
    background: transparent;
    border: 1px solid #4a4a4a;
    border-radius: 6px;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.28px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
}
.landingLogistics__btn--footerDropdown .ico_svg{
    width: 12px;
    height: 12px;
    fill: #fff;
}
.landingLogistics__footerCopyright{
    display: block;
    padding: 31px 0 87px;
}
.landingLogistics__text--footerCopyright{
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.28px;
    color: #fff;
    font-weight: 300;
}
.landingLogistics__text--footerCopyright span{
    margin-left: 12px;
}

/* top 버튼 */
.landingLogistics__btn--top{
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 50px;
    bottom: 50px;
    width: 56px;
    height: 56px;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 100px;
    box-shadow: 4px 8px 20px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 10;
}
.landingLogistics__btn--top img{
    display: block;
}
.landingLogistics__btn--top{
    transition: background-color .2s ease, box-shadow .2s ease;
}
.landingLogistics__btn--top:hover{
    background: #f5f6fa;
    box-shadow: 4px 8px 24px 0 rgba(0, 0, 0, 0.16);
}

/* 스크롤 인터랙션 : 섹션 페이드인 (djb 랜딩과 동일 스펙) */
.landingLogistics__section{opacity:0;}
.landingLogistics__section.animated{-webkit-animation:fadeIn 2.25s both;animation:fadeIn 2.25s both;}
@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* ============================================================
   Smart A 10 물류관리 랜딩 v2 (시안 v6 반영)
   - landing_logistics.css 를 기본으로 사용하고, 변경분만 오버라이드
   ============================================================ */

/* section 1 : 간편 모드 그린 테마 + 일러스트 추가 */
.landingLogistics__modeInfoTh.typeSimple{
    background: #1abc86;
}
.landingLogistics__modeInfoTd.typeSimple{
    background: #f2f7f6;
}
.landingLogistics__modeInfoTd.typeSimple .landingLogistics__text--modeInfoTdStepItemMain{
    color: #11825a;
}
.landingLogistics__modeInfoTdImgBox{
    display: block;
    margin-top: 24px;
}
.landingLogistics__modeInfoTdImgBox img{
    display: block;
    width: 100%;
    height: auto;
}
.landingLogistics__modeInfoTdImgBox + .landingLogistics__modeInfoTdWho{
    margin-top: 0;
}
.landingLogistics__modeInfoTd.typeSimple .landingLogistics__modeInfoTdWho{
    background: #e4f0ec;
}
.landingLogistics__modeInfoTd.typeSimple .landingLogistics__text--modeInfoTdWhoOption{
    border-color: #0b6c4a;
    color: #0b6c4a;
}

/* section 4 : 카테고리 박스 폭 변경 */
.landingLogistics__compare{
    grid-template-columns: 139px 1fr 1fr;
}

/* section 5 : 15 FEATURES — 4열 세로 카드 개편 */
.landingLogistics__featureV2{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.landingLogistics__featureV2Item{
    display: flex;
    flex-direction: column;
    padding: 24px 12px 12px;
    box-sizing: border-box;
    border-radius: 16px;
}
.landingLogistics__featureV2Item.type1{background: #eaf4fd;}
.landingLogistics__featureV2Item.type2{background: #e9f7f2;}
.landingLogistics__featureV2Item.type3{background: #f0f1ff;}
.landingLogistics__featureV2Item.type4{background: #faf2eb;}
.landingLogistics__featureV2TitBox{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 0 12px;
}
.landingLogistics__featureV2TitTextBox{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.landingLogistics__text--featureV2Tit{
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: -0.44px;
    font-weight: 700;
}
.landingLogistics__text--featureV2TitSub{
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.3px;
    font-weight: 500;
}
.landingLogistics__featureV2Item.type1 .landingLogistics__text--featureV2Tit,
.landingLogistics__featureV2Item.type1 .landingLogistics__text--featureV2TitSub{color: #07457d;}
.landingLogistics__featureV2Item.type2 .landingLogistics__text--featureV2Tit,
.landingLogistics__featureV2Item.type2 .landingLogistics__text--featureV2TitSub{color: #034e34;}
.landingLogistics__featureV2Item.type3 .landingLogistics__text--featureV2Tit,
.landingLogistics__featureV2Item.type3 .landingLogistics__text--featureV2TitSub{color: #050781;}
.landingLogistics__featureV2Item.type4 .landingLogistics__text--featureV2Tit,
.landingLogistics__featureV2Item.type4 .landingLogistics__text--featureV2TitSub{color: #612f04;}
.landingLogistics__featureV2TitIcon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 20px;
    flex-shrink: 0;
}
.landingLogistics__featureV2Item.type1 .landingLogistics__featureV2TitIcon{background: #cbe6fe;}
.landingLogistics__featureV2Item.type2 .landingLogistics__featureV2TitIcon{background: #c4ebdd;}
.landingLogistics__featureV2Item.type3 .landingLogistics__featureV2TitIcon{background: #dad4ff;}
.landingLogistics__featureV2Item.type4 .landingLogistics__featureV2TitIcon{background: #f8dbbd;}
.landingLogistics__featureV2TitIcon img{
    display: block;
}
.landingLogistics__featureV2List{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 20px;
}
.landingLogistics__featureV2ListItem{
    min-height: 100px;
    padding: 16px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 12px;
}
.landingLogistics__featureV2ListItemTitleBox{
    display: flex;
    align-items: center;
    gap: 4px;
}
.landingLogistics__text--featureV2Num{
    display: block;
    width: 20px;
    height: 24px;
    box-sizing: border-box;
    background: #f0f2f7;
    border-radius: 6px;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: -0.26px;
    color: #65707e;
    font-weight: 700;
    text-align: center;
    flex-shrink: 0;
}
.landingLogistics__text--featureV2Main{
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: -0.34px;
    color: #333;
    font-weight: 600;
}
.landingLogistics__featureV2ListItemTitleBox .landingLogistics__text--featureBoxItemChip{
    height: 20px;
    margin-left: 0;
    line-height: 20px;
}
.landingLogistics__text--featureV2Sub{
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: -0.28px;
    color: #333;
    font-weight: 400;
}
.landingLogistics__featureV2BannerTitleBox{
    display: flex;
    align-items: center;
    gap: 4px;
}
.landingLogistics__featureV2BannerTitleBox img{
    display: block;
}
.landingLogistics__text--featureV2BannerMain{
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.3px;
    color: transparent;
    background: linear-gradient(to right, #105aff 0%, #a537ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    font-weight: 700;
}

/* section 8 : 도입 대상별 효과 — 단색 헤더 + 리스트형 개편 */
.landingLogistics__targetV2{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.landingLogistics__targetV2Item{
    overflow: hidden;
    background: #fff;
    border-radius: 20px;
}
.landingLogistics__targetV2TitleBox{
    display: flex;
    align-items: center;
    gap: 16px;
    height: 104px;
    padding: 0 20px;
    box-sizing: border-box;
}
.landingLogistics__targetV2Item.type1 .landingLogistics__targetV2TitleBox{background: #546af3;}
.landingLogistics__targetV2Item.type2 .landingLogistics__targetV2TitleBox{background: #1abc86;}
.landingLogistics__targetV2Item.type3 .landingLogistics__targetV2TitleBox{background: #9567f9;}
.landingLogistics__targetV2TitleBox img{
    display: block;
    flex-shrink: 0;
}
.landingLogistics__targetV2TitleTextBox{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.landingLogistics__text--targetV2Title{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: #fff;
    font-weight: 700;
}
.landingLogistics__text--targetV2TitleSub{
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: -0.28px;
    color: #fff;
    font-weight: 500;
}
.landingLogistics__targetV2Content{
    padding: 16px 12px 24px;
    box-sizing: border-box;
    background: #fff;
}
.landingLogistics__text--targetV2Label{
    display: block;
    width: fit-content;
    height: 30px;
    margin: 0 auto;
    padding: 0 12px;
    box-sizing: border-box;
    border: 1.5px solid #546af3;
    border-radius: 100px;
    font-size: 15px;
    line-height: 27px;
    letter-spacing: -0.3px;
    color: #546af3;
    font-weight: 700;
}
.landingLogistics__targetV2Item.type2 .landingLogistics__text--targetV2Label{
    border-color: #139f70;
    color: #139f70;
}
.landingLogistics__targetV2Item.type3 .landingLogistics__text--targetV2Label{
    border-color: #9567f9;
    color: #9567f9;
}
.landingLogistics__targetV2EffectList{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.landingLogistics__targetV2Effect{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 84px;
}
.landingLogistics__targetV2Effect img{
    display: block;
}
.landingLogistics__text--targetV2Effect{
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: -0.28px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

/* section 9 : AI 카드 헤더 — 아이콘 칩 좌측 배치 */
.landingLogistics__aiItemTitleBox{
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
}
.landingLogistics__aiItemTitleIcon{
    width: 40px;
    height: 40px;
    border-radius: 12px;
}
.landingLogistics__aiItemTitleIcon.type1{background: #faf2eb;}
.landingLogistics__aiItemTitleIcon.type2{background: #eaf4fd;}
.landingLogistics__aiItemTitleIcon.type3{background: #e9f7f2;}
.landingLogistics__aiItemTitleIcon.type4{background: #f0f1ff;}
.landingLogistics__aiItemTitleIcon.type5{background: #faf2eb;}
.landingLogistics__text--aiItemMain{
    color: #333;
}
.landingLogistics__text--featureV2Main{
    white-space: nowrap;
}
.landingLogistics__featureV2ListItemTitleBox .landingLogistics__text--featureBoxItemChip{
    flex-shrink: 0;
}

/* 하단 포인트 카드 v2 : 아이콘 제거 + 스탯형 (섹션 6, 8, 9) */
.landingLogistics__pointCard.typeV2{
    padding: 15px 27px;
}
.landingLogistics__pointCard.typeV2 .landingLogistics__pointCardStatBox{
    margin-right: 4px;
}
.landingLogistics__pointCard.typeV2.typeSlim{
    padding-top: 19px;
    padding-bottom: 19px;
}
.landingLogistics__pointCard.typeV2 .landingLogistics__text--pointCardStatValue{
    font-size: 18px;
    letter-spacing: -0.36px;
}
.landingLogistics__pointCard.typeV2 .landingLogistics__pointCardStatItem{
    align-items: flex-start;
}
.landingLogistics__pointCard.typeV2 .landingLogistics__pointCardStatItem + .landingLogistics__pointCardStatItem{
    margin-left: 16px;
    padding-left: 17px;
}
.landingLogistics__pointCard.typeAi.typeV2 .landingLogistics__text--pointCardStatLabel,
.landingLogistics__pointCard.typeAi.typeV2 .landingLogistics__text--pointCardStatValue{
    color: #fff;
}
.landingLogistics__pointCard.typeAi.typeV2 .landingLogistics__pointCardStatItem + .landingLogistics__pointCardStatItem{
    border-left-color: rgba(255, 255, 255, 0.06);
}

/* ============================================================
   Mobile (landing_logistics_m.html — body.mobile)
   - 폰트 스케일: 최소 10px 기준 (12~13→10, 14→11, 15→12, 16~17→13, 18→14, 20→15, 22→16, 24→18, 44→26, 66→32)
   - 최소 너비 320px 기준, 좌우 분리 레이아웃은 상/하 스택
   ============================================================ */
.mobile{
    min-width: 320px;
    word-break: keep-all;
}
.mobile .landingLogistics__inBox{
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
}

/* mobile : header */
.mobile .landingLogistics__header{
    height: 48px;
}
.mobile .landingLogistics__headerMenuList{
    display: none;
}
.mobile .landingLogistics__link--headerLogoBox img{
    width: 92px;
    height: 17px;
}
.mobile .landingLogistics__headerOptionBox{
    gap: 12px;
}
.mobile .landingLogistics__btn--headerOption{
    height: 28px;
    font-size: 13px;
    line-height: 19px;
}
.mobile .landingLogistics__btn--headerOption.typeBorder{
    padding: 0 10px;
    font-size: 11px;
    line-height: 17px;
}

/* mobile : hero */
.mobile .landingLogistics__hero{
    height: auto;
    margin-top: -48px;
    padding: 96px 0 48px;
    background-position: 50% 0;
    background-size: cover;
}
.mobile .landingLogistics__text--heroLabel{
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 13px;
    line-height: 28px;
}
.mobile .landingLogistics__text--heroTitle{
    margin-top: 8px;
    font-size: 32px;
    line-height: 1.15;
    letter-spacing: -0.96px;
}
.mobile .landingLogistics__text--heroLabel + .landingLogistics__text--heroTitle{
    margin-top: 16px;
}
.mobile .landingLogistics__text--heroMain{
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.32px;
}
.mobile .landingLogistics__text--heroSub{
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.24px;
}
.mobile .landingLogistics__heroBtnBox{
    gap: 8px;
    margin-top: 24px;
}
.mobile .landingLogistics__btn--hero{
    height: 44px;
    padding: 0 16px 0 20px;
    font-size: 15px;
}
.mobile .landingLogistics__btn--hero img{
    width: 18px;
    height: 18px;
}

/* mobile : section 공통 */
.mobile .landingLogistics__section{
    padding: 60px 0;
}
.mobile .landingLogistics__text--sectionTitleLabel{
    height: 24px;
    padding: 0 10px;
    font-size: 11px;
    line-height: 24px;
}
.mobile .landingLogistics__text--sectionTitleMain{
    margin-top: 14px;
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: -0.66px;
}
.mobile .landingLogistics__text--sectionTitleSub{
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.24px;
}
.mobile .landingLogistics__sectionContent{
    margin-top: 32px;
}

/* mobile : section 1 — 상/하 스택 + 스텝 세로 정렬 */
.mobile .landingLogistics__modeInfo{
    grid-template-columns: 1fr;
    gap: 8px;
    grid-template-areas: 'the' 'tde' 'ths' 'tds' 'merge';
}
.mobile .landingLogistics__modeInfoTh{grid-area: the; height: 44px;}
.mobile .landingLogistics__modeInfoTh.typeSimple{grid-area: ths;}
.mobile .landingLogistics__modeInfoTd{grid-area: tde; padding: 20px 16px 16px;}
.mobile .landingLogistics__modeInfoTd.typeSimple{grid-area: tds;}
.mobile .landingLogistics__modeInfoMerge{grid-area: merge;}
.mobile .landingLogistics__modeInfoTd.typeSimple{margin-top: 8px;}
.mobile .landingLogistics__text--modeInfoTh{
    font-size: 16px;
    letter-spacing: -0.32px;
}
.mobile .landingLogistics__text--modeInfoTd{
    font-size: 14px;
    letter-spacing: -0.28px;
}
.mobile .landingLogistics__modeInfoTdStep{
    justify-content: space-between;
    height: auto;
    margin-top: 16px;
}
.mobile .landingLogistics__modeInfoTdStepItem{
    width: auto;
    flex: 1;
    min-width: 0;
}
.mobile .landingLogistics__modeInfoTdStepItemIcon{
    width: 44px;
    height: 44px;
}
.mobile .landingLogistics__modeInfoTdStepItemIcon img{
    width: 28px;
    height: 28px;
}
.mobile .landingLogistics__modeInfoTdStepItemTextBox{
    margin-top: 8px;
}
.mobile .landingLogistics__text--modeInfoTdStepItemMain{
    font-size: 11px;
    letter-spacing: -0.22px;
}
.mobile .landingLogistics__text--modeInfoTdStepItemSub{
    font-size: 10px;
    letter-spacing: -0.2px;
}
.mobile .landingLogistics__modeInfoTdStepItemBar{
    margin-top: 12px;
    flex-shrink: 0;
}
.mobile .landingLogistics__modeInfoTdStepItemBar img{
    width: 20px;
    height: 20px;
}
.mobile .landingLogistics__modeInfoTdImgBox{
    margin-top: 16px;
}
.mobile .landingLogistics__modeInfoTdWho{
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 16px;
}
.mobile .landingLogistics__text--modeInfoTdWho{
    font-size: 13px;
    letter-spacing: -0.26px;
}
.mobile .landingLogistics__text--modeInfoTdWhoSub{
    font-size: 11px;
    letter-spacing: -0.22px;
}
.mobile .landingLogistics__text--modeInfoTdWhoOption{
    height: 24px;
    padding: 0 10px;
    font-size: 11px;
    line-height: 22px;
}
.mobile .landingLogistics__modeInfoMerge{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 10px;
    height: auto;
    padding: 16px;
}
.mobile .landingLogistics__modeInfoMergeIcon{
    grid-row: 1;
    grid-column: 1;
    width: 40px;
    height: 40px;
}
.mobile .landingLogistics__modeInfoMergeIcon img{
    width: 40px;
    height: 40px;
}
.mobile .landingLogistics__modeInfoMergeTextBox{
    grid-row: 1;
    grid-column: 2;
    margin-left: 0;
}
.mobile .landingLogistics__modeInfoMergeTitleBox{
    flex-wrap: wrap;
    gap: 4px 6px;
}
.mobile .landingLogistics__text--modeInfoMergeTitle{
    font-size: 14px;
    letter-spacing: -0.28px;
}
.mobile .landingLogistics__text--modeInfoMerge{
    font-size: 13px;
    letter-spacing: -0.26px;
}
.mobile .landingLogistics__text--modeInfoMergeSub{
    font-size: 11px;
    letter-spacing: -0.22px;
}
.mobile .landingLogistics__modeInfoMergeOptionBox{
    grid-column: 1 / -1;
    flex-wrap: wrap;
    gap: 8px 12px;
    height: auto;
    margin-left: 0;
    padding: 10px 14px;
}
.mobile .landingLogistics__text--modeInfoMergeOption{
    font-size: 12px;
}

/* mobile : section 2 — 좌측 카테고리 고정 + 우측 AS-IS/TO-BE 탭 */
.mobile .landingLogistics__reduce{
    grid-template-columns: 88px 1fr 1fr;
    gap: 8px;
    grid-template-areas: '. th1 th2' 'cat td td';
}
.mobile .landingLogistics__reduceCategory{grid-area: cat; padding: 16px 8px;}
.mobile .landingLogistics__reduceTh{
    grid-area: th1;
    height: 36px;
    background: #e9edf5;
    border-color: rgba(0, 0, 0, 0.04);
    cursor: pointer;
}
.mobile .landingLogistics__reduceTh.typeToBe{
    grid-area: th2;
    background: #e9edf5;
}
.mobile .landingLogistics__reduceTh .landingLogistics__text--reduceTh,
.mobile .landingLogistics__reduceTh .landingLogistics__text--reduceTh > em{
    color: #8b93a6;
}
.mobile .landingLogistics__reduceTh.active{
    background: #949daf;
}
.mobile .landingLogistics__reduceTh.typeToBe.active{
    background: linear-gradient(to right, #5689ff 0%, #a256ff 100%);
}
.mobile .landingLogistics__reduceTh.active .landingLogistics__text--reduceTh,
.mobile .landingLogistics__reduceTh.active .landingLogistics__text--reduceTh > em{
    color: #fff;
}
.mobile .landingLogistics__reduceTd{grid-area: td; display: none; padding: 16px 12px;}
.mobile .landingLogistics__reduceTd.typeToBe{padding: 14.5px 10.5px;}
.mobile .landingLogistics__reduceTd.active{display: block;}
.mobile .landingLogistics__text--reduceTh{
    font-size: 15px;
    letter-spacing: -0.3px;
}
.mobile .landingLogistics__text--reduceTh > em{
    font-size: 14px;
    letter-spacing: -0.28px;
}
.mobile .landingLogistics__reduceCategoryItem,
.mobile .landingLogistics__reduceTdItem{
    height: auto;
    min-height: 0;
    padding: 8px 0;
}
.mobile .landingLogistics__reduceCategoryItem + .landingLogistics__reduceCategoryItem,
.mobile .landingLogistics__reduceTdItem + .landingLogistics__reduceTdItem{
    height: auto;
    padding-top: 20px;
    margin-top: 12px;
}
.mobile .landingLogistics__text--reduceCategoryMain{
    font-size: 13px;
    letter-spacing: -0.26px;
}
.mobile .landingLogistics__text--reduceCategorySub{
    font-size: 10px;
    letter-spacing: -0.2px;
}
.mobile .landingLogistics__reduceTdItem{
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}
.mobile .landingLogistics__reduceStepBox{
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 2px;
}
.mobile .landingLogistics__reduceStepRow{
    display: contents;
}
.mobile .landingLogistics__text--reduceStep{
    height: 22px;
    padding: 0 6px;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: -0.24px;
}
.mobile .landingLogistics__reduceStepRow img{
    width: 10px;
    height: 10px;
}
.mobile .landingLogistics__reduceStepResult{
    width: 100%;
    height: auto;
    margin-left: 0;
    padding: 8px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.mobile .landingLogistics__text--reduceStepResultSub{
    font-size: 10px;
    letter-spacing: -0.2px;
}
.mobile .landingLogistics__text--reduceStepResultMain{
    font-size: 15px;
    letter-spacing: -0.3px;
}

/* mobile : section 3 — 카드/비교 상/하 스택 + 화살표 세로 */
.mobile .landingLogistics__flowList{
    flex-direction: column;
    align-items: center;
    gap: 0;
}
.mobile .landingLogistics__flowListItem{
    order: 0;
    width: 100%;
    height: auto;
    padding: 16px 12px;
}
.mobile .landingLogistics__flowListItem:nth-of-type(1){order: 1;}
.mobile .landingLogistics__flowListItem:nth-of-type(2){order: 3;}
.mobile .landingLogistics__flowListItem:nth-of-type(3){order: 5;}
.mobile .landingLogistics__flowListItem:nth-of-type(4){order: 7;}
.mobile .landingLogistics__flowListArrow{
    position: static;
    margin: 6px 0;
    transform: rotate(90deg);
    width: 44px;
    height: 44px;
}
.mobile .landingLogistics__flowListArrow:nth-of-type(1){order: 2; left: auto;}
.mobile .landingLogistics__flowListArrow:nth-of-type(2){order: 4; left: auto;}
.mobile .landingLogistics__flowListArrow:nth-of-type(3){order: 6; left: auto;}
.mobile .landingLogistics__text--flowListBadge{
    height: 22px;
    padding: 0 8px;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: -0.26px;
}
.mobile .landingLogistics__flowListImgBox{
    margin-top: 12px;
}
.mobile .landingLogistics__flowListImgBox img{
    width: 70px;
    height: 70px;
}
.mobile .landingLogistics__flowListTextBox{
    margin-top: 12px;
}
.mobile .landingLogistics__text--flowListMain{
    font-size: 14px;
    letter-spacing: -0.28px;
}
.mobile .landingLogistics__text--flowListSub{
    font-size: 12px;
    letter-spacing: -0.24px;
}
.mobile .landingLogistics__flowBanner{
    gap: 4px;
    height: 44px;
    margin-top: 12px;
}
.mobile .landingLogistics__flowBanner img{
    width: 20px;
    height: 20px;
}
.mobile .landingLogistics__text--flowBanner{
    font-size: 15px;
    letter-spacing: -0.3px;
}
.mobile .landingLogistics__flowCompare{
    grid-template-columns: 88px 1fr 1fr;
    gap: 8px;
    margin-top: 32px;
    grid-template-areas: '. th1 th2' 'cat td td';
}
.mobile .landingLogistics__flowCompareCategory{
    grid-area: cat;
    margin-top: 0;
    padding: 16px 8px;
}
.mobile .landingLogistics__flowCompareBox{
    display: contents;
}
.mobile .landingLogistics__flowCompareTh{
    grid-area: th1;
    height: 36px;
    cursor: pointer;
}
.mobile .landingLogistics__flowCompareBox.typeAfter .landingLogistics__flowCompareTh{
    grid-area: th2;
}
.mobile .landingLogistics__flowCompareTh:not(.active){
    background: #e9edf5;
    border-color: rgba(0, 0, 0, 0.04);
}
.mobile .landingLogistics__flowCompareTh:not(.active) .landingLogistics__text--flowCompareThLabel{
    background: #c6ccd9;
}
.mobile .landingLogistics__text--flowCompareTh{
    display: none;
}
.mobile .landingLogistics__flowCompareTd{
    grid-area: td;
    display: none;
}
.mobile .landingLogistics__flowCompareTd.active{
    display: block;
}
.mobile .landingLogistics__flowCompareCategoryItem{
    height: auto;
    min-height: 0;
    padding: 8px 0;
}
.mobile .landingLogistics__flowCompareCategoryItem + .landingLogistics__flowCompareCategoryItem{
    height: auto;
    padding-top: 20px;
    margin-top: 12px;
}
.mobile .landingLogistics__text--flowCompareCategory{
    font-size: 13px;
    letter-spacing: -0.26px;
}
.mobile .landingLogistics__flowCompareBox{
    gap: 8px;
}
.mobile .landingLogistics__flowCompareTh{
    height: 44px;
    gap: 6px;
}
.mobile .landingLogistics__text--flowCompareThLabel{
    height: 22px;
    padding: 0 8px;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: -0.24px;
}
.mobile .landingLogistics__text--flowCompareTh{
    font-size: 15px;
    letter-spacing: -0.3px;
}
.mobile .landingLogistics__flowCompareTd{
    padding: 16px;
}
.mobile .landingLogistics__flowCompareTdItem{
    height: auto;
    min-height: 0;
    padding: 8px 0;
}
.mobile .landingLogistics__flowCompareTdItem + .landingLogistics__flowCompareTdItem{
    height: auto;
    padding-top: 20px;
    margin-top: 12px;
}
.mobile .landingLogistics__flowCompareTdTitleBox{
    flex-wrap: wrap;
    gap: 4px;
}
.mobile .landingLogistics__text--flowCompareTdMain{
    font-size: 15px;
    letter-spacing: -0.3px;
}
.mobile .landingLogistics__text--flowCompareTdChip{
    height: 22px;
    padding: 0 6px;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: -0.24px;
}
.mobile .landingLogistics__text--flowCompareTdSub{
    font-size: 12px;
    letter-spacing: -0.24px;
}

/* mobile : section 4 — 상/하 스택 */
.mobile .landingLogistics__compare{
    grid-template-columns: 88px 1fr 1fr;
    gap: 8px;
    grid-template-areas: '. th1 th2' 'cat td td';
}
.mobile .landingLogistics__compareCategory{
    grid-area: cat;
    margin-top: 0;
    padding: 16px 8px;
}
.mobile .landingLogistics__compareBox{
    display: contents;
}
.mobile .landingLogistics__compareTh{
    grid-area: th1;
    height: 36px;
    cursor: pointer;
}
.mobile .landingLogistics__compareBox.typeToBe .landingLogistics__compareTh{
    grid-area: th2;
}
.mobile .landingLogistics__compareTh:not(.active){
    background: #e9edf5;
    border-color: rgba(0, 0, 0, 0.04);
}
.mobile .landingLogistics__compareTh:not(.active) .landingLogistics__text--compareTh > em{
    color: #8b93a6;
}
.mobile .landingLogistics__compareTd{
    grid-area: td;
    display: none;
}
.mobile .landingLogistics__compareTd.active{
    display: block;
}
.mobile .landingLogistics__compareCategoryItem{
    height: auto;
    min-height: 0;
    padding: 8px 0;
}
.mobile .landingLogistics__compareCategoryItem + .landingLogistics__compareCategoryItem{
    height: auto;
    padding-top: 20px;
    margin-top: 12px;
}
.mobile .landingLogistics__text--compareCategoryMain{
    font-size: 13px;
    letter-spacing: -0.26px;
}
.mobile .landingLogistics__text--compareCategorySub{
    font-size: 10px;
    letter-spacing: -0.2px;
}
.mobile .landingLogistics__compareBox{
    gap: 8px;
}
.mobile .landingLogistics__compareTh{
    height: 44px;
}
.mobile .landingLogistics__text--compareTh{
    gap: 0;
    font-size: 0;
}
.mobile .landingLogistics__text--compareTh > em{
    font-size: 12px;
    letter-spacing: -0.24px;
    font-weight: 700;
}
.mobile .landingLogistics__compareTd{
    padding: 16px;
}
.mobile .landingLogistics__compareTdItem{
    height: auto;
    min-height: 0;
    padding: 8px 0;
}
.mobile .landingLogistics__compareTdItem + .landingLogistics__compareTdItem{
    height: auto;
    padding-top: 20px;
    margin-top: 12px;
}
.mobile .landingLogistics__text--compareTd{
    font-size: 14px;
    letter-spacing: -0.28px;
}

/* mobile : section 5 — 1열 스택 */
.mobile .landingLogistics__featureV2{
    grid-template-columns: 1fr;
    gap: 8px;
}
.mobile .landingLogistics__featureV2Item{
    padding: 16px 12px 12px;
}
.mobile .landingLogistics__featureV2TitBox{
    padding: 0 4px;
}
.mobile .landingLogistics__text--featureV2Tit{
    font-size: 16px;
    letter-spacing: -0.32px;
}
.mobile .landingLogistics__text--featureV2TitSub{
    font-size: 12px;
    letter-spacing: -0.24px;
}
.mobile .landingLogistics__featureV2TitIcon{
    width: 44px;
    height: 44px;
    border-radius: 16px;
}
.mobile .landingLogistics__featureV2TitIcon img{
    width: 30px;
    height: 30px;
}
.mobile .landingLogistics__featureV2List{
    margin-top: 12px;
}
.mobile .landingLogistics__featureV2ListItem{
    min-height: 0;
    padding: 12px;
}
.mobile .landingLogistics__text--featureV2Num{
    width: 16px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
}
.mobile .landingLogistics__text--featureV2Main{
    font-size: 13px;
    letter-spacing: -0.26px;
    white-space: normal;
}
.mobile .landingLogistics__featureV2ListItemTitleBox .landingLogistics__text--featureBoxItemChip{
    height: 18px;
    padding: 0 5px;
    font-size: 10px;
    line-height: 18px;
    letter-spacing: -0.2px;
}
.mobile .landingLogistics__text--featureV2Sub{
    font-size: 11px;
    letter-spacing: -0.22px;
}
.mobile .landingLogistics__text--featureV2BannerMain{
    font-size: 12px;
    letter-spacing: -0.24px;
}
.mobile .landingLogistics__featureV2BannerTitleBox img{
    width: 14px;
    height: 14px;
}

/* mobile : section 6 — 상/하 스택 */
.mobile .landingLogistics__migration{
    grid-template-columns: 1fr;
    gap: 8px;
}
.mobile .landingLogistics__migrationItem{
    height: auto;
}
.mobile .landingLogistics__migrationItemTextBox{
    padding: 16px 16px 0;
}
.mobile .landingLogistics__text--migrationItemStep{
    height: 22px;
    padding: 0 8px;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: -0.26px;
}
.mobile .landingLogistics__text--migrationItemMain{
    margin-top: 8px;
    font-size: 15px;
    letter-spacing: -0.3px;
}
.mobile .landingLogistics__text--migrationItemSub{
    font-size: 12px;
    letter-spacing: -0.24px;
}
.mobile .landingLogistics__migrationItemImgBox{
    width: 54%;
    margin: 8px 0 0 auto;
}
.mobile .landingLogistics__migrationItemImgBox img{
    width: 110%;
    margin: -8% 0 0 -5%;
}

/* mobile : section 7 — 상/하 스택 (이미지 하단 배치) */
.mobile .landingLogistics__shopping{
    grid-template-columns: 1fr;
    gap: 8px;
}
.mobile .landingLogistics__shoppingItem{
    height: auto;
    display: flex;
    flex-direction: column;
}
.mobile .landingLogistics__shoppingItemImg{
    position: static;
    order: 2;
    width: 54%;
    max-width: none;
    height: auto;
    margin: calc(-10% + 8px) 0 0 auto;
}
.mobile .landingLogistics__shoppingItemTextBox{
    order: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 16px 16px 0;
}
.mobile .landingLogistics__shoppingItemTitBox{
    flex-direction: row;
    align-items: center;
    gap: 8px;
    width: auto;
}
.mobile .landingLogistics__text--shoppingItemStep{
    height: 22px;
    padding: 0 8px;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: -0.26px;
}
.mobile .landingLogistics__text--shoppingItemMain{
    font-size: 15px;
    letter-spacing: -0.3px;
}
.mobile .landingLogistics__shoppingItemList{
    gap: 4px;
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
}
.mobile .landingLogistics__text--shoppingItemListItem{
    font-size: 12px;
    letter-spacing: -0.24px;
}
.mobile .landingLogistics__text--shoppingItemListItem::before{
    top: 7px;
}

/* mobile : section 8 — 상/하 스택 */
.mobile .landingLogistics__targetV2{
    grid-template-columns: 1fr;
    gap: 8px;
}
.mobile .landingLogistics__targetV2TitleBox{
    gap: 12px;
    height: auto;
    padding: 16px;
}
.mobile .landingLogistics__targetV2TitleBox img{
    width: 40px;
    height: 40px;
}
.mobile .landingLogistics__text--targetV2Title{
    font-size: 15px;
    letter-spacing: -0.3px;
}
.mobile .landingLogistics__text--targetV2TitleSub{
    font-size: 11px;
    letter-spacing: -0.22px;
}
.mobile .landingLogistics__targetV2Content{
    padding: 12px 8px 20px;
}
.mobile .landingLogistics__text--targetV2Label{
    height: 26px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 23px;
    letter-spacing: -0.24px;
}
.mobile .landingLogistics__targetV2EffectList{
    margin-top: 12px;
}
.mobile .landingLogistics__targetV2Effect{
    flex: 1;
    width: auto;
    min-width: 0;
}
.mobile .landingLogistics__targetV2Effect img{
    width: 28px;
    height: 28px;
}
.mobile .landingLogistics__text--targetV2Effect{
    margin-top: 6px;
    font-size: 11px;
    letter-spacing: -0.22px;
}

/* mobile : section 9 — 전체 상/하 스택 + 테이블 축소 */
.mobile .landingLogistics__ai{
    grid-template-columns: 1fr;
    gap: 8px;
}
.mobile .landingLogistics__aiItem,
.mobile .landingLogistics__aiItem.typeWide{
    grid-column: auto;
    padding: 16px 12px 12px;
}
.mobile .landingLogistics__aiItemTitleBox{
    gap: 8px;
}
.mobile .landingLogistics__aiItemTitleIcon{
    width: 32px;
    height: 32px;
    border-radius: 10px;
}
.mobile .landingLogistics__aiItemTitleIcon img{
    width: 22px;
    height: 22px;
}
.mobile .landingLogistics__text--aiItemMain{
    font-size: 15px;
    letter-spacing: -0.3px;
}
.mobile .landingLogistics__text--aiItemSub{
    font-size: 10px;
    letter-spacing: -0.2px;
}
.mobile .landingLogistics__aiItemTable{
    margin-top: 12px;
    padding: 12px 12px 6px;
}
.mobile .landingLogistics__text--aiItemTableTitle{
    font-size: 12px;
    letter-spacing: -0.24px;
}
.mobile .landingLogistics__text--aiItemTableCount{
    font-size: 11px;
    letter-spacing: -0.22px;
}
.mobile .landingLogistics__aiItemTableList{
    margin-top: 6px;
    table-layout: auto;
}
.mobile .landingLogistics__aiItemTableList th{
    height: 24px;
    padding: 0 2px;
    font-size: 10px;
    line-height: 24px;
    letter-spacing: -0.2px;
    white-space: nowrap;
}
.mobile .landingLogistics__aiItemTableList td{
    height: 28px;
    padding: 2px;
    font-size: 10px;
    letter-spacing: -0.2px;
    white-space: nowrap;
}
.mobile .landingLogistics__aiItemTableList tbody tr + tr td{
    height: 27px;
}
.mobile .landingLogistics__aiItemTableList th.alignR,
.mobile .landingLogistics__aiItemTableList td.alignR{
    padding-right: 6px;
}
.mobile .landingLogistics__aiBtnBox{
    margin-top: 32px;
}
.mobile .landingLogistics__btn--ai{
    height: 44px;
    padding: 0 16px 0 20px;
    font-size: 14px;
    letter-spacing: -0.28px;
}
.mobile .landingLogistics__btn--ai img{
    width: 18px;
    height: 18px;
}

/* mobile : 하단 포인트 카드 공통 — 상/하 스택 */
.mobile .landingLogistics__pointCard{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    min-height: 0;
    height: auto;
    padding: 16px !important;
}
.mobile .landingLogistics__pointCardIcon{
    grid-row: 1;
    grid-column: 1;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.mobile .landingLogistics__pointCardIcon img{
    width: 40px;
    height: 40px;
}
.mobile .landingLogistics__pointCardTextBox{
    grid-row: 1;
    grid-column: 2;
}
.mobile .landingLogistics__pointCardIcon + .landingLogistics__pointCardTextBox{
    margin-left: 0;
}
.mobile .landingLogistics__pointCardStatBox,
.mobile .landingLogistics__pointCardItemBox,
.mobile .landingLogistics__pointCardHalf{
    grid-column: 1 / -1;
}
.mobile .landingLogistics__text--pointCardMain{
    font-size: 14px;
    letter-spacing: -0.28px;
}
.mobile .landingLogistics__text--pointCardSub{
    margin-top: 2px;
    font-size: 12px;
    letter-spacing: -0.24px;
}
.mobile .landingLogistics__pointCardStatBox{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 8px;
    margin: 12px 0 0;
}
.mobile .landingLogistics__pointCardStatItem{
    align-items: flex-start;
    gap: 2px;
}
.mobile .landingLogistics__pointCardStatItem + .landingLogistics__pointCardStatItem{
    margin-left: 0 !important;
    padding-left: 0 !important;
    border-left: 0;
}
.mobile .landingLogistics__text--pointCardStatLabel{
    font-size: 10px;
    letter-spacing: -0.2px;
    text-align: left;
}
.mobile .landingLogistics__text--pointCardStatValue{
    font-size: 14px !important;
    letter-spacing: -0.28px !important;
    text-align: left;
}
.mobile .landingLogistics__text--pointCardStatValue > em{font-size: 12px;}
.mobile .landingLogistics__text--pointCardStatValue > span{font-size: 13px;}
.mobile .landingLogistics__pointCardHalf{
    flex-direction: column;
    gap: 6px;
}
.mobile .landingLogistics__pointCardHalf + .landingLogistics__pointCardHalf{
    margin: 12px 0 0;
    padding: 12px 0 0;
    border-left: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.mobile .landingLogistics__pointCardItemIcon{
    width: 24px;
    height: 24px;
    border-radius: 8px;
}
.mobile .landingLogistics__pointCardItemIcon img{
    width: 16px;
    height: 16px;
}
.mobile .landingLogistics__text--pointCardHalfMain{
    font-size: 13px;
    letter-spacing: -0.26px;
}
.mobile .landingLogistics__text--pointCardHalfList{
    margin-left: 0;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.24px;
}

/* mobile : FAQ */
.mobile .landingLogistics__sectionContent.typeFaq{
    margin-top: 24px;
}
.mobile .landingLogistics .qnaList .questionRow{
    gap: 0 6px;
    padding: 18px 32px 18px 4px;
}
.mobile .landingLogistics__text--qnaMark{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
}
.mobile .landingLogistics__text--qnaMark.typeA{
    line-height: 21px;
}
.mobile .landingLogistics__text--qnaQuestion{
    margin-top: 2px;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.28px;
}
.mobile .landingLogistics .qnaList .btnQnaFlip{
    padding-right: 4px;
}
.mobile .landingLogistics .qnaList .btnQnaFlip .iconFlip{
    width: 16px;
    height: 16px;
}
.mobile .landingLogistics .qnaList .answerBox{
    margin-bottom: 18px;
}
.mobile .landingLogistics .qnaList .answerBox .inBox{
    gap: 0 8px;
    min-height: 0;
    padding: 16px;
}
.mobile .landingLogistics__text--qnaAnswer{
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.28px;
}

/* mobile : banner */
.mobile .landingLogistics__banner{
    height: auto;
    padding: 32px 0;
    background-position: 70% 0;
}
.mobile .landingLogistics__text--bannerTitle{
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -0.4px;
}
.mobile .landingLogistics__text--bannerSub{
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.24px;
}
.mobile .landingLogistics__bannerBtnBox{
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    margin-top: 16px;
}
.mobile .landingLogistics__btn--banner{
    justify-content: center;
    height: 40px;
    font-size: 13px;
    letter-spacing: -0.26px;
}
.mobile .landingLogistics__btn--banner img{
    width: 16px;
    height: 16px;
}

/* mobile : footer */
.mobile .landingLogistics__footerSection{
    height: auto;
    padding: 20px 0;
}
.mobile .landingLogistics__footerSection .landingLogistics__inBox{
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}
.mobile .landingLogistics__footerLinkList{
    flex-wrap: wrap;
    row-gap: 8px;
}
.mobile .landingLogistics__footerLinkList li + li{
    margin-left: 10px;
    padding-left: 11px;
}
.mobile .landingLogistics__link--footer{
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.24px;
}
.mobile .landingLogistics__btn--footerDropdown{
    width: 120px;
    height: 28px;
    font-size: 11px;
    line-height: 17px;
}
.mobile .landingLogistics__footerCopyright{
    padding: 16px 0 32px;
}
.mobile .landingLogistics__text--footerCopyright{
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: -0.2px;
}
.mobile .landingLogistics__text--footerCopyright span{
    display: block;
    margin-left: 0;
}

/* mobile : top 버튼 */
.mobile .landingLogistics__btn--top{
    right: 16px;
    bottom: 16px;
    width: 40px;
    height: 40px;
}
.mobile .landingLogistics__btn--top img{
    width: 24px;
    height: 24px;
}