@charset "utf-8";
/* 레이아웃 */
.layoutWide {
    position: relative;    
    width: 94%;
    max-width: 1820px;
    margin: 0 auto;
}
.layout {
    position: relative;
    width: 90%;
    max-width: 1660px;
    margin: 0 auto;
}
.layoutNarrow {
    position: relative;
    width: 94%;
    max-width: 1780px;
    margin: 0 auto
}
.layout-sub-wide {
    position: relative;
    width: 94%;
    max-width: 1780px;
    margin: 0 auto
}
.layoutSmall {
    position: relative;
    width: 94%;
    max-width: 1540px;
    margin: 0 auto;
}
.round {
    border-radius: 20px;
    overflow: hidden;
}
.roundBtm {
    border-radius: 0 0 20px 20px;
    overflow: hidden;
}
hr.line {
    width: 100%;
    height: 1px;
    background-color: var(--color-gray-df);
}
.borderR {
    border-right: var(--border);
}
.imgAuto {
    width: auto;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .round {
            border-radius: 15px;
        }
        .roundBtm {
            border-radius: 0 0 15px 15px;
        }
    }
    @media all and (max-width: 640px) {
        .layoutSmall {
            width: 90%;
        }
        .round {
            border-radius: 12px;
        }
        .roundBtm {
            border-radius: 0 0 12px 12px;
        }
    }

/* 버튼 */
.btnArea {
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: var(--space-15);
    border-radius: var(--border-radius);
    background-color: var(--color-beige-85);
}
.btn {
    width: 100px;
    height: 44px;
}
.btn:last-child {
    margin-right: 0
}
.btn:hover {
    background-color: var(--color-primary);
}
.btn.line {
    background-color: transparent;
    border: 1px solid var(--color-basic);
    color: var(--color-basic);
}
.btn.line:hover {
    background-color: var(--color-basic);
}
.btn span,
.btnSub span {
    color: var(--color-white);
    font-size: var(--font-15)
}
.btn.line span {
    color: var(--color-basic);
}
.btn.line:hover span {
    color: var(--color-white);
}
.btn img {
    width: auto;
    margin-left: var(--space-10);
}
.btn svg,
.btnSub img {
    margin-left: var(--space-10);
}
.btn50 {
    width: 115px;
    height: 50px;
    border-radius: 28px;
}
.btn50 span {
    font-size: var(--font-16);
}
.btn50 {
    height: 50px;
}
.btnSub {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--border-radius);
    white-space: nowrap;
    padding: var(--space-12) var(--space-20);
}
.btnSub:hover {
    background-color: var(--color-dark);
}
.btnSp {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .btn {
            width: 90px;
            height: 40px;
            margin-right: var(--space-10);
        }
        .btn span,
        .btnSub span {
            color: var(--color-white);
            font-size: var(--font-14)
        }
        .btn img,
        .btnSub img {
            margin-left: var(--space-5);
        }
        .btn svg {
            margin-left: var(--space-5);
        }
        .btn50 {
            width: 100px;
            height: 45px;
        }
        .btn50 span {
            font-size: var(--font-15);
        }
        .btnSub {
            padding: var(--space-8) var(--space-15)
        }
    }
    @media all and (max-width: 640px) {
        .btn {
            width: 80px;
            height: 35px;
            margin-right: var(--space-5);
        }
        .btn span,
        .btnSub span {
            font-size: var(--font-13)
        }
        .btn50 {
            width: 90px;
            height: 40px;
        }
        .btn50 span {
            font-size: var(--font-14);
        }
        .btnSub {
            padding: var(--space-8) var(--space-15)
        }
        .btnSub img {
            width: 8px;
        }
    }

/* display */
.flexBasic {
    display: flex;
    align-items: center;
}
.displayFlex {
    display: flex;
}
.jContentStart {
    justify-content: flex-start;
}
.jContentCenter {
    justify-content: center;
}
.jContentSpaceBetween {
    justify-content: space-between;
}
.jContentFlexEnd {
    justify-content: flex-end
}
.aItemsCenter {
    align-items: center;
}
.aItemsFlexStart {
    align-items: flex-start;
}
.aItemsFlexEnd {
    align-items: flex-end;
}
.flexWrap {
    flex-wrap: wrap;
}
.flexColumn {
    flex-direction: column;
}
.displayBlock {
    display: block;
}

/* Grid */
.grid {
    display: grid;
}
.gridInline {
    display: inline-grid;
}
.grid2 {
    grid-template-columns: repeat(2, 1fr);
}
.grid3 {
    grid-template-columns: repeat(3, 1fr);
}
.grid4 {
    grid-template-columns: repeat(4, 1fr);
}
.grid5 {
    grid-template-columns: repeat(5, 1fr);
}
.grid6 {
    grid-template-columns: repeat(6, 1fr);
}
.grid7 {
    grid-template-columns: repeat(7, 1fr);
}
.grid8 {
    grid-template-columns: repeat(8, 1fr);
}
.gridGap80 {
    grid-gap: var(--space-20) var(--space-80);
}
.gridGap60 {
    grid-gap: var(--space-20) var(--space-60);
}
.gridGap50 {
    grid-gap: var(--space-15) var(--space-50);
}
.gridGap40 {
    grid-gap: var(--space-15) var(--space-40);
}
.gridGap30 {
    grid-gap: var(--space-15) var(--space-30);
}
.gridGap20 {
    grid-gap: var(--space-20) var(--space-20);
}
.gap80 {
    gap: var(--space-80)
}
.gap40 {
    gap: var(--space-40)
}
.gap20 {
    gap: var(--space-20)
}
.gridHalf .imgarea img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
    /* Grid 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .gridGap80,
        .gridGap50,
        .gridGap40,
        .gridGap30,
        .gridGap20,
        .gridGap60 {
            grid-gap: var(--space-10) var(--space-10);
        }
        .grid8,
        .grid7,
        .grid6,
        .grid5 {
            grid-template-columns: repeat(4, 1fr);
        }
        .gap80,
        .gap40 {
            gap: var(--space-20)
        }
        .gap20 {
            gap: var(--space-15)
        }
    }
    @media all and (max-width: 1000px) {
        .grid5,
        .grid6,
        .grid7 {
            grid-template-columns: repeat(3, 1fr);
        }
        .gap20 {
            gap: var(--space-10)
        }
    }
    @media all and (max-width: 640px) {
        .grid2,
        .grid3,
        .grid4,
        .grid5,
        .grid6,
        .grid7 {
            grid-template-columns: repeat(1, 1fr);
        }
        .grid8 {
            grid-template-columns: repeat(2, 1fr);
        }
        .gap80,
        .gap50,
        .gap40 {
            gap: var(--space-10)
        }
    }

/* 백그라운드 */
.bgDark {
    background-color: var(--color-dark);
}
.bgGrayEE {
    background-color: var(--color-gray-ee);
}
.bgGrayf5 {
    background-color: var(--color-gray-f5);
}
.bgGrayDf {
    background-color: var(--color-gray-df);
}
.bgGrayCf {
    background-color: var(--color-gray-cf);
}
.bgBeigeEf {
    background-color: var(--color-beige-ef);
}
.bgBeigeEe {
    background-color: #EEDFCC;
}
.bgBeigeF8 {
    background-color: var(--color-beige-f8);
}
.bgBeigeFb {
    background-color: var(--color-beige-fb);
}
.bgPrimary {
    background-color: var(--color-primary);
}
.bgBrown { 
    background-color: var(--color-beige-85)
}
.bgLemon {
    background-color: var(--color-lemon)
}
.bgWhite {
    background-color: var(--color-white);
}
.bgGold {
    background: var(--color-gold)
}
.bgGold2 {
    background: var(--color-gold-b2)
}
.bgGoldD6 {
    background: var(--color-gold-d6)
}
.bgPink {
    background: var(--color-pink)
}
.bgPinkBf {
    background: var(--color-pink-bf)
}
.bgPinkF6 {
    background: #F6EBE7
}
.bgIvory {
    background: #FFF2E2
}
.bgBlue {
    background: #A1B9C9
}
.bgBrown5e {
    background: #5E4322
}

/* 여백 */
.mt150 {
    margin-top: var(--space-150);
}
.mt130 {
    margin-top: var(--space-130);
}
.mt100 {
    margin-top: var(--space-100);
}
.mt90 {
    margin-top: var(--space-90);
}
.mt80 {
    margin-top: var(--space-80);
}
.mt70 {
    margin-top: var(--space-70);
}
.mt60 {
    margin-top: var(--space-60);
}
.mt50 {
    margin-top: var(--space-50);
}
.mt45 {
    margin-top: var(--space-45);
}
.mt40 {
    margin-top: var(--space-40);
}
.mt35 {
    margin-top: var(--space-35);
}
.mt30 {
    margin-top: var(--space-30);
}
.mt25 {
    margin-top: var(--space-25);
}
.mt20 {
    margin-top: var(--space-20);
}
.mt15 {
    margin-top: var(--space-15);
}
.mt12 {
    margin-top: var(--space-12);
}
.mt10 {
    margin-top: var(--space-10);
}
.mb60 {
    margin-bottom: var(--space-60);
}
.mb50 {
    margin-bottom: var(--space-50);
}
.mb40 {
    margin-bottom: var(--space-40);
}
.mb30 {
    margin-bottom: var(--space-30);
}
.mb25 {
    margin-bottom: var(--space-25);
}
.mb20 {
    margin-bottom: var(--space-20);
}
.ptpb150 {
    padding-top: var(--space-150);
    padding-bottom: var(--space-150);
}
.ptpb130 {
    padding-top: var(--space-130);
    padding-bottom: var(--space-130);
}
.ptpb120 {
    padding-top: var(--space-120);
    padding-bottom: var(--space-120);
}
.ptpb100 {
    padding-top: var(--space-100);
    padding-bottom: var(--space-100);
}
.ptpb80 {
    padding-top: var(--space-80);
    padding-bottom: var(--space-80);
}
.ptpb70 {
    padding-top: var(--space-70);
    padding-bottom: var(--space-70);
}
.ptpb60 {
    padding-top: var(--space-60);
    padding-bottom: var(--space-60);
}
.ptpb50 {
    padding-top: var(--space-50);
    padding-bottom: var(--space-50);
}
.ptpb30 {
    padding-top: var(--space-30);
    padding-bottom: var(--space-30);
}
.ptpb35 {
    padding-top: var(--space-35);
    padding-bottom: var(--space-35);
}
.ptpb25 {
    padding-top: var(--space-25);
    padding-bottom: var(--space-25);
}
.pt80 {
    padding-top: var(--space-80);
}
.pt50 {
    padding-top: var(--space-50);
}
.pt40 {
    padding-top: var(--space-40);
}
.pt30 {
    padding-top: var(--space-30);
}
.pt25 {
    padding-top: var(--space-25);
}
.pb60 {
    padding-bottom: var(--space-60);
}
.pb50 {
    padding-bottom: var(--space-50);
}
.pb40 {
    padding-bottom: var(--space-40);
}
.pb35 {
    padding-bottom: var(--space-35);
}
.pb25 {
    padding-bottom: var(--space-25);
}
.pb20 {
    padding-bottom: var(--space-20);
}

.plpr80 {
    padding-left: var(--space-80);
    padding-right: var(--space-80);
}
.plpr60 {
    padding-left: var(--space-60);
    padding-right: var(--space-60);
}
.plpr50 {
    padding-left: var(--space-50);
    padding-right: var(--space-50);
}
.plpr40 {
    padding-left: var(--space-40);
    padding-right: var(--space-40);
}
.plpr35 {
    padding-left: var(--space-35);
    padding-right: var(--space-35);
}
.plpr30 {
    padding-left: var(--space-30);
    padding-right: var(--space-30);
}
.plpr20 {
    padding-left: var(--space-20);
    padding-right: var(--space-20);
}
    /* 미디어쿼리 */
    @media all and (max-width: 1500px) {
        .mt150 {
            margin-top: var(--space-120);
        }
        .mt130 {
            margin-top: var(--space-110);
        }
    }
    @media all and (max-width: 1200px) {
        .mt150 {
            margin-top: var(--space-100);
        }
        .mt130 {
            margin-top: var(--space-90);
        }
        .mt100 {
            margin-top: var(--space-70);
        }
        .mt90 {
            margin-top: var(--space-65);
        }
        .mt80 {
            margin-top: var(--space-55);
        }
        .mt70 {
            margin-top: var(--space-50);
        }
        .mt60,
        .mt50 {
            margin-top: var(--space-40);
        }
        .mt45,
        .mt40 {
            margin-top: var(--space-30);
        }
        .mt35,
        .mt30 {
            margin-top: var(--space-20);
        }
        .mt25,
        .mt20 {
            margin-top: var(--space-15);
        }
        .mt15 {
            margin-top: var(--space-10);
        }
        .mt12 {
            margin-top: var(--space-10);
        }
        .mt10 {
            margin-top: var(--space-6);
        }
        .mb60,
        .mb50 {
            margin-bottom: var(--space-40);
        }
        .mb40 {
            margin-bottom: var(--space-30);
        }
        .mb30 {
            margin-bottom: var(--space-20);
        }
        .mb25 {
            margin-bottom: var(--space-15);
        }
        .mb20 {
            margin-bottom: var(--space-10);
        }
        .ptpb150 {
            padding-top: var(--space-100);
            padding-bottom: var(--space-100);
        }
        .ptpb130 {
            padding-top: var(--space-90);
            padding-bottom: var(--space-90);
        }
        .ptpb120 {
            padding-top: var(--space-80);
            padding-bottom: var(--space-80);
        }
        .ptpb100 {
            padding-top: var(--space-60);
            padding-bottom: var(--space-60);
        }
        .ptpb80 {
            padding-top: var(--space-55);
            padding-bottom: var(--space-55);
        }
        .ptpb70,
        .ptpb60 {
            padding-top: var(--space-45);
            padding-bottom: var(--space-45);
        }
        .ptpb50 {
            padding-top: var(--space-35);
            padding-bottom: var(--space-35);
        }
        .ptpb35,
        .ptpb30 {
            padding-top: var(--space-25);
            padding-bottom: var(--space-25);
        }
        .ptpb25 {
            padding-top: var(--space-20);
            padding-bottom: var(--space-20);
        }
        .pt80 {
            padding-top: var(--space-55);
        }
        .pt50 {
            padding-top: var(--space-35);
        }
        .pt40 {
            padding-top: var(--space-30);
        }
        .pt30 {
            padding-top: var(--space-25);
        }
        .pt25 {
            padding-top: var(--space-20);
        }
        .pb60 {
            padding-bottom: var(--space-45);
        }
        .pb50 {
            padding-bottom: var(--space-35);
        }
        .pb40,
        .pb35 {
            padding-bottom: var(--space-30);
        }
        .pb25 {
            padding-bottom: var(--space-20);
        }
        .plpr80,
        .plpr60,
        .plpr50,
        .plpr40,
        .plpr35,
        .plpr30 {
            padding-left: var(--space-20);
            padding-right: var(--space-20);
        }
    }
    @media all and (max-width: 1000px) {
        .mt150 {
            margin-top: var(--space-90);
        }
        .mt100 {
            margin-top: var(--space-60);
        }
        .mt90 {
            margin-top: var(--space-55);
        }
        .mt80 {
            margin-top: var(--space-50);
        }
        .mt70 {
            margin-top: var(--space-40);
        }
        .mt60 {
            margin-top: var(--space-35);
        }
        .mt50 {
            margin-top: var(--space-30);
        }
        .mt45 {
            margin-top: var(--space-25);
        }
        .mb60 {
            margin-bottom: var(--space-35);
        }
        .ptpb120 {
            padding-top: var(--space-70);
            padding-bottom: var(--space-70);
        }
        .ptpb80 {
            padding-top: var(--space-45);
            padding-bottom: var(--space-45);
        }
        .ptpb70 {
            padding-top: var(--space-40);
            padding-bottom: var(--space-40);
        }
        .ptpb60 {
            padding-top: var(--space-40);
            padding-bottom: var(--space-40);
        }
        .ptpb50 {
            padding-top: var(--space-30);
            padding-bottom: var(--space-30);
        }
        .pt80 {
            padding-top: var(--space-45);
        }
        .pt50 {
            padding-top: var(--space-30);
        }
        .pb50 {
            padding-bottom: var(--space-30);
        }
        .pt30 {
            padding-top: var(--space-20);
        }
        .pb20 {
            padding-bottom: var(--space-15);
        }
        .plpr80,
        .plpr60,
        .plpr50,
        .plpr40,
        .plpr35,
        .plpr30,
        .plpr20 {
            padding-left: var(--space-15);
            padding-right: var(--space-15);
        }
    }
    @media all and (max-width: 640px) {
        .mt150 {
            margin-top: var(--space-70);
        }
        .mt130 {
            margin-top: var(--space-70);
        }
        .mt100 {
            margin-top: var(--space-50);
        }
        .mt90 {
            margin-top: var(--space-45);
        }
        .mt80 {
            margin-top: var(--space-40);
        }
        .mt70 {
            margin-top: var(--space-35);
        }
        .mt60 {
            margin-top: var(--space-30);
        }
        .mt50 {
            margin-top: var(--space-30);
        }
        .mt45,
        .mt40 {
            margin-top: var(--space-25);
        }
        .mt35,
        .mt30 {
            margin-top: var(--space-20);
        }
        .mt25,
        .mt20 {
            margin-top: var(--space-10);
        }
        .mt15,
        .mt12 {
            margin-top: var(--space-5);
        }
        .mb60 {
            margin-bottom: var(--space-30);
        }
        .mb50 {
            margin-bottom: var(--space-30);
        }
        .mb40 {
            margin-bottom: var(--space-20);
        }
        .pt80 {
            padding-top: var(--space-40);
        }
        .pt40 {
            padding-top: var(--space-20);
        }
        .pt30 {
            padding-top: var(--space-20);
        }
        .pt25 {
            padding-top: var(--space-15);
        }
        .pb60 {
            padding-bottom: var(--space-30);
        }
        .pb50 {
            padding-bottom: var(--space-25);
        }
        .pb40,
        .pb35 {
            padding-bottom: var(--space-20);
        }
        .pb25 {
            padding-bottom: var(--space-15);
        }
        .ptpb150 {
            padding-top: var(--space-60);
            padding-bottom: var(--space-60);
        }
        .ptpb130 {
            padding-top: var(--space-50);
            padding-bottom: var(--space-50);
        }
        .ptpb120 {
            padding-top: var(--space-45);
            padding-bottom: var(--space-45);
        }
        .ptpb100 {
            padding-top: var(--space-40);
            padding-bottom: var(--space-40);
        }
        .ptpb80 {
            padding-top: var(--space-35);
            padding-bottom: var(--space-35);
        }
        .ptpb50 {
            padding-top: var(--space-25);
            padding-bottom: var(--space-25);
        }
        .ptpb35,
        .ptpb30 {
            padding-top: var(--space-20);
            padding-bottom: var(--space-20);
        }
        .ptpb25 {
            padding-top: var(--space-15);
            padding-bottom: var(--space-15);
        }
    }

/* 텍스트 정렬 */
.textAlignCenter {
    text-align: center;
}
.textAlignLeft {
    text-align: left !important;
}

/* 폰트 관련 */
.font80 {
    font-size: var(--font-80);
}
.font70 {
    font-size: var(--font-70);
}
.font65 {
    font-size: var(--font-65);
}
.font60 {
    font-size: var(--font-60);
}
.font55 {
    font-size: var(--font-55);
}
.font50 {
    font-size: var(--font-50);
}
.font45 {
    font-size: var(--font-45);
}
.font40 {
    font-size: var(--font-40);
}
.font35 {
    font-size: var(--font-35);
}
.font30 {
    font-size: var(--font-30);
}
.font25 {
    font-size: var(--font-25);
}
.font22 {
    font-size: var(--font-22);
}
.font20 {
    font-size: var(--font-20);
}
.font18 {
    font-size: var(--font-18);
}
.font17 {
    font-size: var(--font-17);
}
.font16 {
    font-size: var(--font-16);
}
.font15 {
    font-size: var(--font-15);
}
.font14 {
    font-size: var(--font-14);
}
.font13 {
    font-size: var(--font-13);
}
.font12 {
    font-size: var(--font-12);
}
.fwThin {
    font-weight: var(--fw-thin);
}
.fwNormal {
    font-weight: var(--fw-normal);
}
.fwMedium {
    font-weight: var(--fw-medium);
}
.fwSemibold {
    font-weight: var(--fw-semibold);
}
.fwBold {
    font-weight: var(--fw-bold);
}
.colorWhite {
    color: var(--color-white);
}
.colorPrimary {
    color: var(--color-primary);
}
.colorGold {
    color: var(--color-gold);
}
.colorDark {
    color: var(--color-dark);
}
.colorDark3d {
    color: var(--color-dark-3d);
}
.colorGray8b {
    color: var(--color-gray-8b);
}
.colorGold2 {
    color: var(--color-gold-b2);
}
.colorLemonLight {
    color: var(--color-lemon-light)
}
.colorOrange {
    color: var(--color-orange)
}
.colorBeigeEf {
    color: var(--color-beige-ef);
}
.colorBeige85 {
    color: var(--color-beige-85);
}
.colorOcher {
    color: #C28100
}
.colorOrangeFf {
    color: #FFDDB5
}
.colorBrown5e {
    color: #5E4322
}
.colorIvory {
    color: #FFF2E2
}
.colorPinkBf {
    color: var(--color-pink-bf)
}
.colorBasic {
    color: var(--color-basic)
}
.colorMustard {
    color: #ECA20F
}

.iropke {
    font-family: var(--fm-iropke);
}
.fmEn {
    font-family: var(--fm-en);
}
.letterSpace3 {
    letter-spacing: 4px;
}
.lineHeight {
    line-height: 1.5;
}
.opacity90 {
    opacity: 0.9;
}
.opacity38 {
    opacity: 0.38;
}
    /* 서브메뉴 미디어쿼리*/
    @media all and (max-width: 1200px) {
        .font80,
        .font70,
        .font65 {
            font-size: var(--font-45);
        }
        .font60,
        .font55,
        .font50,
        .font45 {
            font-size: var(--font-35);
        }
        .font40 {
            font-size: var(--font-30);
        }
        .font35 {
            font-size: var(--font-25);
        }
        .font30 {
            font-size: var(--font-22);
        }
        .font25,
        .font22 {
            font-size: var(--font-19);
        }
        .font20 {
            font-size: var(--font-17);
        }
        .font17,
        .font16 {
            font-size: var(--font-15);
        }
        .font15 {
            font-size: var(--font-14);
        }
    }
    @media all and (max-width: 1000px) {
        .font80,
        .font70,
        .font65 {
            font-size: var(--font-42);
        }
        .font60,
        .font55,
        .font50,
        .font45 {
            font-size: var(--font-32);
        }
        .font30 {
            font-size: var(--font-20);
        }
        .font25,
        .font22 {
            font-size: var(--font-18);
        }
        .font20 {
            font-size: var(--font-16);
        }
    }
    @media all and (max-width: 640px) {
        .font80,
        .font70,
        .font65 {
            font-size: var(--font-40);
        }
        .font60,
        .font55,
        .font50,
        .font45 {
            font-size: var(--font-30);
        }
        .font40 {
            font-size: var(--font-25);
        }
        .font35 {
            font-size: var(--font-23);
        }
        .font30 {
            font-size: var(--font-19);
        }
        .font25,
        .font22 {
            font-size: var(--font-17);
        }
        .font20 {
            font-size: var(--font-15);
        }
        .font17,
        .font16 {
            font-size: var(--font-14);
        }
        .font15 {
            font-size: var(--font-13);
        }
    }

/* dot-list */
.dotList > li,
.dotTxt {
    position: relative;
    padding-left: var(--space-15);
    border-radius: 1px;
    text-align: left;
}
.dotList > li {
    margin-bottom: var(--space-15);
}
.dotList > li:last-child {
    margin-bottom: 0;
}
.dotList > li::before,
.dotTxt::before {
    content: "";
    display: block;
    position: absolute;
    background-color: var(--color-gold);
    top: var(--space-9);
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
}
    /* 미디어쿼리*/
    @media all and (max-width: 1200px) {
        .dotList > li,
        .dotTxt {
            padding-left: var(--space-10);
        }
        .dotList > li {
            margin-bottom: var(--space-10);
        }
        .dotList > li::before,
        .dotTxt::before {
            top: var(--space-7);
            width: 3px;
            height: 3px;
        }
    }

.positionRe {
    position: relative;
}

.textUppercase {
    text-transform: uppercase;
}