.fr-heading {
    font-family: 'HelveticaNeue-Medium', 'Roboto -medium', sans-serif !important;
    font-weight: 600 !important;
}

.fr-bff-products {
    background-color: transparent !important;
}

.-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.-flex-row {
    display: flex;
    flex-direction: row;
}

.-flex-row-center {
    justify-content: center;
}

.-flex-col-center {
    align-items: center;
}

.-flex-col {
    display: flex;
    flex-direction: column;
}

.-w-100 {
    width: 100%;
}

.-bgColor {
    background-color: #f9f9f9;
}

.-bgWhite {
    background: #fff;
}

.-br {
    flex: 1;
    display: flex;
    align-items: stretch;
}

.-mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.con-box {
    border: 1px solid #dadada;
}

.sns-list .con-box .-txt {
    padding: 30px 25px;
    font-size: 15px;
}

.sns-list .con-box .link-bnr {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 65px;
    background: #f3e026;
    gap: 15px;
    padding: 0 42px 0 17px;
}

.sns-list .-kakao .link-bnr {
    background: #f3e026;
}

.sns-list .-instagram .link-bnr {
    background-image: linear-gradient(to right, #5F58A3, #E03E56, #EDA75F);
}

.sns-list .-threads .link-bnr {
    background: #E2E1E1;
}

.sns-list .-youtube .link-bnr {
    background: #B61D22;
}

.sns-list .-tiktok .link-bnr {
    background: #040000;
}

.sns-list .ico-sns {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sns-list .ico-sns>div {
    width: 50px;
}

.sns-list .heading {
    font-weight: 800;
    margin: 0;
    font-size: 15px;
}

.sns-list .-instagram .heading,
.sns-list .-youtube .heading,
.sns-list .-tiktok .heading {
    color: #fff;
}

.sns-list .heading sub {
    font-size: 10px;
    display: block;
    line-height: 1.2;
    opacity: .5;
}

.sns-list .tag {
    margin: 0;
    text-decoration: none;
    padding: 5px 12px;
    border-radius: 50px;
    font-size: 14px;
    background: #fff !important;
    color: #000 !important;
}

.sns-list .-kakao .tag {
    background: #e5d000;
}

.sns-list .-instagram .tag {
    background: #fff;
}

.sns-list .-threads .tag {
    background: #D1D1D1;
}

.sns-list .-youtube .tag {
    background: #a50005;
    color: #fff
}

.sns-list .-tiktok .tag {
    background: #3c3c3c;
    color: #fff;
}


.sns-list .link-bnr:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 15px;
    mask-size: 15px;
    -webkit-mask-image: url(/https://www.uniqlo.com/kr/ko/special-feature/kr_special/feature/volumepurchase/images/arrow.svg);
    mask-image: url(https://www.uniqlo.com/kr/ko/special-feature/kr_special/feature/volumepurchase/images/arrow.svg);
    background-color: #000;
    mask-size: 100%;
    position: absolute;
    top: 50%;
    right: 4%;
    margin-top: -9px;
    margin-left: -12px;
    transform: rotate(-90deg);
}

.sns-list .-youtube .link-bnr:after,
.sns-list .-tiktok .link-bnr:after {
    background-color: #fff;
} 

.wrap {
    display: flex;
    overflow: hidden;
}

.wrap .rolling-list ul {
    display: flex;
    padding: 0;
}

.wrap .rolling-list ul li {
    width: 62px;
    height: 62px;
    box-sizing: border-box;
    border-radius: 20px;
    margin: 0 6px;
    padding: 0;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.wrap .rolling-list ul li .image-wrap {
    width: 62px;
    flex-shrink: 0;
}

.wrap .rolling-list ul li .image-wrap>img {
    width: 100%;
}

.rolling-list.original {
    animation: rollingleft1 33s linear infinite;
}

.rolling-list.clone {
    animation: rollingleft2 33s linear infinite;
}

@keyframes rollingleft1 {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-100%);
    }

    50.01% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes rollingleft2 {
    0% {
        transition: translateX(0);
    }

    100% {
        transform: translateX(-200%);
    }
}

@media screen and (min-width: 813px) { 

    .main_inner.-noMaxWidth {
        max-width: none;
        padding-right: 0;
        padding-left: 0;
    } 

    .pc-container.-small {
        margin-left: auto;
        margin-right: auto;
        max-width: 576px;
    }

    .pc-container.-medium {
        margin-left: auto;
        margin-right: auto;
        max-width: 624px;
    }

    .pc-container.-large {
        margin-left: auto;
        margin-right: auto;
        max-width: 876px;
    }

    .-pc-gap-24 {
        gap: 24px;
    }

    .-pc-row-gap-20 {
        row-gap: 20px;
    }

    .-pc-w-624 {
        max-width: 624px;
        width: 100%;
    }

    .-pc-w-276 {
        max-width: 276px;
        width: 100%;
    }

    .-pc-w-240 {
        max-width: 240px;
        width: 100%;
    }

    .-pc-w-195 {
        max-width: 195px;
        width: 100%;
    }

    .-pc-w-186 {
        max-width: 186px;
        width: 100%;
    }

    .-pc-w-165 {
        max-width: 165px;
        width: 100%;
    }

    .-pc-w-140 {
        max-width: 140px;
        width: 100%;
    }

    .-pc-w-116 {
        max-width: 116px;
        width: 100%;
    }

    .-pc-w-half {
        max-width: 50%;
    }

    .-pc-pr-50,
    .-pc-px-50 {
        padding-right: 50px;
    }

    .-pc-pl-50,
    .-pc-px-50 {
        padding-left: 50px;
    }

    .-pc-text-center {
        text-align: center;
    }

    .-pc-flex-row {
        display: flex;
        flex-direction: row;
    }

    .-pc-flex-row-center {
        justify-content: center;
    }

    .u-uqFont-r.-priceSize {
        font-size: 22px;
    }

    .-genderSize {
        font-size: 11px;
    }

    .-pickUp {
        width: 100%;
        flex-wrap: unset;
    }

    .-pickUp .-fr-bff-product {
        width: 100%;
    }

    .-pc-text-align-center {
        text-align: center;
    }

    .-pc-bff-half {
        width: 50%;
    } 

    .sns-channel .-txt {
        font-size: 16px;
        line-height: 1.7;
        letter-spacing: -0.025em;
    }

    .sns-channel .fr-heading.-h5 {
        font-size: 16px;
    }  

    .pc-kv {
        position: relative
    } 

    .u-only-sp {
        display: none !important;
    }

    .w1200{
        max-width: 1200px;
    }

    .auto{
        margin: 0 auto;
    }

    .pc-kv {
        background: #f5f5f5;
        padding: 40px 0 100px;
    }

    .pc-kv h1 {
        font-size: 26px;
        text-align: center;
        line-height: 1.8;
        letter-spacing: -0.25px;
    }

    .pc-kv h1>b {
        background: #000;
        display: inline-block;
        padding: 0px 10px;
        color: #fff;
        line-height: 1.5;
    }

    .pc-kv .sns-ico-list ul{
        display: flex;
        overflow: hidden;
        align-items: center;
        justify-content: center;
        gap: 18px;
    }

    .pc-kv .sns-ico-list .image-wrap{
        width: 90px;
    } 

    .pc-kv .sns-ico-list .image-wrap img{
        width: 100%;
    }

    .sns-list{
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        justify-content: center;
        gap: 40px;
        margin: 60px auto 0;
    }

    .sns-list .con-box{ 
        width: 580px;
        border: 1px solid #dadada;
    }

    .sns-list .con-box{ 
        max-width: 580px;
        border: 1px solid #dadada;
    }

    .sns-list .con-box .-txt {
        padding: 46px 30px;
        font-size: 17px;
    }

    .sns-list .con-box .link-bnr{
        height: 80px; 
        padding: 0 62px 0 24px;
    }

    .sns-list .ico-sns{
        gap: 20px;
    }

    .sns-list .ico-sns>div {
        width: 60px;
    }

    .sns-list .heading { 
        font-size: 20px;
    }

    .sns-list .heading sub{ 
        font-size: 12px;
    }

    .sns-list .tag { 
        padding: 5px 17px; 
        font-size: 17px;
    }

    .sns-list .link-bnr:after{
        width: 18px;
        height: 18px;
        -webkit-mask-size: 18px;
        mask-size: 18px;
    } 
}

@media screen and (max-width: 812px) {
    .-sp-flex-col {
        display: flex;
        flex-direction: column;
    }

    .-sp-gap-15 {
        gap: 15px;
    }

    .-sp-gap-14 {
        gap: 14px;
    }

    .-sp-w-345 {
        max-width: 345px;
        width: 100%;
    }

    .-sp-w-240 {
        max-width: 240px;
        width: 100%;

    }

    .-sp-w-165 {
        max-width: 165px;
        width: 100%;
    }

    .-sp-w-120 {
        max-width: 120px;
        width: 100%;
    }

    .-sp-w-105 {
        max-width: 105px;
        width: 100%;
    }

    .-sp-width-100 {
        width: 100%;
    }

    .-sp-mx-auto {
        margin-left: auto;
        margin-right: auto;
    } 

    .sns-channel .-txt {
        font-size: 14px;
        line-height: 1.6;
        word-break: keep-all;
        letter-spacing: -0.025em;
    } 

    .sp-kv {
        position: relative
    }
    
    .sp-kv {
        background: #f5f5f5;
        padding: 40px 0 80px;
    }

    .sp-kv h1 {
        font-size: 18px;
        text-align: center;
        line-height: 1.8;
        letter-spacing: -0.25px;
    }

    .sp-kv h1>b {
        background: #000;
        display: inline-block;
        padding: 0px 5px;
        color: #fff;
        line-height: 1.5;
    }

    .con-box {
        border-top: 1px solid #dadada;
        border-bottom: 1px solid #dadada;
    } 

}