@font-face {
    font-family: 'Cafe24Shiningstar';
    src: url('https://www.youngcoffee.site/assets/Cafe24Shiningstar-v2.0.woff2') format('woff');
    font-weight: normal!important;
    font-style: normal;            
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Pretendard', sans-serif!important;
}
main * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Pretendard', sans-serif!important;
}

body {            
    color: rgb(32,42,81);
}       

.mobile-br{
    display:none;
}  
.mobile-small{
    display:none;
}
.forpc{
    display: block;
}        
span.forpc,
.forpc.inlineblock{
    display:inline-block;
}        
.formobile{
    display:none;
}

.arrow {
    color: rgb(32,42,81); /* stroke 색상 변경 */
}

.scroll-down {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.scroll-text {
    font-size: 16px;
    font-weight: 500!important;
    margin-bottom: 10px;
}

.scroll-icon {
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.scroll-icon::after {
    content: "↓";
    font-size: 18px;
}

.intro-section {
    padding:80px 0;
    width: 100%;
    background-color: rgba(232, 237, 255, 1);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-text {
    position: absolute;
    top: 20px;
    left: 20px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
}

.title-container {
    text-align: center;
}

.main-title {
    font-size: 48px;
    font-weight: 800!important;
    line-height: 1.4;
    margin-bottom: 20px;            
}

.sub-title {
    font-size: 24px;
    font-weight: 500!important;            
}

.stats-section {
    padding: 100px 0 40px 0;
    width: 100%;            
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;            
}

.stats-section__bg {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.stats-section__bg .cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.stats-section__bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.stats-section__c {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.stats-title {
    color: white;
    font-size: 47px;
    font-weight: 400!important;
    margin-bottom: 20px;
    text-align: center;
    font-family: 'Cafe24Shiningstar'!important;
}

.stats-subtitle {
    color: white;
    font-size: 42px;
    font-weight: 600!important;
    margin-bottom: 60px;
    text-align: center;
}

.stats-container {
    display: flex;
    justify-content: center;
    gap: 60px;
    margin-top: 40px;
}

.stat-item {
    position: relative;
    width: 250px;
    height: 250px;
}

.stat-circle {
    width: 100%;
    height: 100%;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
}

.stat-text {
    font-size: 20px;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.8);
}

.stat-number {
    font-size: 48px;
    font-weight: 700!important;
    line-height: 1;
    color: rgb(245, 205, 45);
}

.stat-number span {
    font-size: 24px;
    margin-left: 5px;
    color: white;
}


.stats-scroll{
    margin-top:80px;
    text-align: center;
    color:white;font-weight: 600!important;
    font-size:20px;
}
.stats-scroll img{
    display: block;
    margin:10px auto;
    width:30px;
}



.sticker-section,
.sticker2-section,
.sticker3-section,
.sticker4-section {
    border-top: solid 2px rgb(48, 108, 232);
    border-bottom: solid 2px rgb(48, 108, 232);
    padding: 10px 0 6px 0;
    width: 100%;
    background-color: rgba(232, 237, 255, 1);
    position: relative;            
}

.sticker-container {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    position: relative;
}

.sticker-scroller {
    display: flex;
    position: relative;
    left: 0;
    /* animation을 제거하고 JavaScript로 제어 */
}

.sticker-item {
    display: inline-block;
    padding:0 15px;            
}

.sticker-item .sticker-text {
    color: rgb(48, 108, 232);
    font-size: 26px;
    font-weight: 700!important;
}

.extract-section {
    padding:100px 0;
    width: 100%;
    background-color: rgba(232, 237, 255, 1);
    position: relative;
    border-bottom:solid 7px rgb(217,227,255)
}
.extract-container{
    display: flex;
    justify-content: center;
    align-items: center;
}
.extract-l{
    width:fit-content;
    padding:0 20px;
}
.extract-r{
    
    padding:0 20px;
    text-align: center;
    
}

.extract-l .extract-menu{
    width:200px;height:400px;border:solid 1px #CCC;
}
.extract-l .extract-l-title{
    text-align: center;
    font-size:45px;
    font-weight: 700!important;
    letter-spacing: 6px;            
    color: rgb(32,42,81);
    margin-top:12px;
}
.extract-l .extract-l-title span{
    line-height:1;            
    margin-bottom:-6px;
    letter-spacing:0px;
    font-size:28px;
    color:rgba(48, 108, 232, 0.7);
    display:block;
    
}

.extract-r .extract-subtitle{            
    display:inline-block;
    position:relative;
    margin-bottom:20px;
    text-align: center;
    
}
.extract-r .extract-subtitle p {
    font-family: 'Cafe24Shiningstar'!important;
    font-size:53px;
    position:relative;
    z-index:2;
}
.extract-r .extract-subtitle img{
    position:absolute;
    left:0;bottom:0;
    width:100%;height:auto;            
    z-index:1;
}
.extract-r .extract-r-title{
    color:rgb(32,42,81);
    font-size:50px;font-weight:600!important;
    text-align: center;
}
.extract-r .extract-r-title span.bgcover{
    padding: 0 4px;
    background: rgb(48, 108, 232);
    color: white;            
    border-radius: 2px;
}


.extract-r .extract-r-body{margin-top:50px;}
.extract-r .extract-r-row{
    display:flex;justify-content: space-between;
    margin:10px auto 0 auto;
    max-width:800px;
}
.extract-r .extract-r-row .extract-r-item{
    width:50%;text-align: center;
}
.extract-r .extract-r-row .extract-r-item .extract-item-img{
    width:100%;aspect-ratio:1.2;border:solid 2px #CCC;border-radius:2px;
    object-fit: cover;
}
.extract-r .extract-r-row .extract-r-item-empty{
    height:309px;
    min-width:60px;text-align:center;display: flex;align-items: center;
}

.extract-r .extract-r-row .extract-r-item .extract-r-item-title{
    font-size:20px;font-weight:600!important;color:rgb(32,42,81);
    margin-top:10px;
}
.extract-r .extract-r-row .extract-r-item .extract-r-item-subtitle{
    font-size:40px;font-weight:700!important;color:rgb(32,42,81);margin-top:6px;
}
.extract-r .extract-r-row .extract-r-item .extract-r-item-subtitle span{
    font-size:46px;font-weight:800!important;color:rgb(48, 108, 232);
}



.operation-section {
    padding: 80px 0;
    background-color: rgba(232, 237, 255, 1);
}

.operation-section .content-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    padding: 0 20px;
}

/* 이미지 영역 */
.operation-section .image-area {
    flex: 0.8;
    min-width: 400px;
    text-align: right;
}
.operation-section .image-area img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    position:relative;
}
.operation-section .image-area img:nth-child(1){
    z-index: 1;
    height:87%;
    margin-right: -50px;
}
.operation-section .image-area img:nth-child(2){
    z-index: 1;
}

.operation-section .illustration-box {
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: flex-end;
    align-items: center;                        
}

/* 텍스트 영역 */
.operation-section .text-area {
    flex: 1;
}

.operation-section .badge {
    display: inline-block;
    padding: 8px 20px;
    background-color: #2D6FF7;
    color: white;
    border-radius: 20px;
    font-weight: bold!important;
    font-size: 16px;
    margin-bottom: 20px;
}

.operation-section .title {
    font-size: 40px;
    line-height: 1.4;
    margin-bottom: 30px;
    font-weight: 700!important;
    color: #333;
}


.operation-section .highlight {
    font-weight: bold!important;
    color: #2D6FF7;
}

.operation-section .highlight.emphasis {
    position:relative;    
    color: #333;
    padding: 4px 4px 0 4px;
    border-radius: 2px;
}
.operation-section .highlight.emphasis span{
    position:relative;z-index:2;
}
.operation-section .highlight.emphasis span.bg{
    left:0;top:0;z-index: 0;
    position:absolute;background-color: rgb(248,208, 44);
    width:100%;height:100%;
}

.operation-section .sub-info {
    margin: 15px 0;
}
.operation-section .info-title {            
    padding: 4px;
    color: #2D6FF7;                        
    font-size: 27px;
    font-weight: 600!important;
    margin-bottom: 15px;
}
.operation-section .info-badge {
    display: inline-block;
    padding: 4px;
    background-color: #2D6FF7;
    color: white;
    border-radius: 2px;
    font-size: 20px;
    margin-bottom: 15px;
}

.compare-section {
    padding: 80px 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.compare-title {
    text-align: center;
    font-size: 40px;
    font-weight: 700!important;
    margin-bottom: 50px;
    color: #333;
}

.text-blue {
    color: #2D6FF7;
}

.compare-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.compare-box {
    flex: 1;
    max-width: 450px;            
    position: relative;
}

.compare-box-body{
    min-height: 404px;
    padding: 30px 44px;
    border-radius: 20px;            
}

.compare-box.manual .compare-box-body {
    background-color: #F5F7FF;
    border:solid 2px rgb(115,153,255);
    border-bottom-right-radius:0;
}

.compare-auto-bg{position:absolute;width:100%;height:100%;z-index:1;left:0;top:0;}
.compare-box.auto  .compare-box-body{
    position:relative;z-index:2;
    /* background-image: url(https://www.youngcoffee.site/assets/02_machine_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; */
    color: white;
}

.machine-title {
    text-align: center;
    font-size: 24px;
    font-weight: 700!important;
    margin-bottom: 30px;
    line-height: 1.4;
}

.machine-title .label {
    display: inline-block;
    padding: 4px 15px 0 15px;
    background-color: #1B1B1B;
    color: white;
    font-size: 16px;
    border-radius: 2px;
}

.compare-box.auto .machine-title .label {
    background-color: white;
    color: #2D6FF7;
}

.spec-list {
    list-style: none;
    padding: 0;
}

.spec-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0;            
}

.compare-box.auto .spec-list li {
    border-bottom-color: rgba(255,255,255,0.2);
}

.spec-list li .spec-name {
    font-size:20px;
    min-width: fit-content;
    position: relative;
    padding-right: 20px;            
}

.spec-list li .spec-line{
    content: "";            
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed currentColor;
}

.spec-list li .spec-value {
    padding-left:20px;
    font-size:20px;
    min-width:fit-content;
}

.vs-text {
    font-size: 50px;
    font-weight: 700!important;
    color: rgb(157,174,225);
}

.box-footer {           
    margin-top:30px; 
    white-space: nowrap;
    padding: 13px 0px 9px 0;
    border-radius: 10px;
    font-size: 22px;
    font-weight: 600!important;
    text-align:center;
    position:relative;
}

.box-footer.manual {
    background-color: #EEE;
    color: #777;
}

.box-footer.auto {
    background-color: #FFD700;
    color: #333;
}
.box-footer .triangle {
    position:absolute;
    top:0;left:50%;transform:translate(-50%, -100%);
    width: 18px;
    height: 16px;            
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
}
.box-footer.manual .triangle{
    background:#EEE;
}
.box-footer.auto .triangle{
    background:#FFD700;
}
.winter-section {
    background-color: rgb(252,186,79); /* 밝은 파란색 배경 */
    padding: 50px 20px;
    color: white;
    position: relative;
    overflow: hidden;
}

.winter-section .content-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

/* 텍스트 영역 스타일링 */
.winter-section .text-area {
    text-align: center;
    position:relative;
    margin-bottom: 15px;
    display:inline-block;
}
/* 붕어 아이콘 스타일링 */
.winter-section .text-area .fish-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;            
    transform: translate(50%, -50%);
    z-index:3;
}


.winter-section .text-area .fish-icon img {
    width: 100%;
    height: auto;            
}

.winter-section .main-title {
    display:inline-block;
    font-size: 40px;
    font-weight: 700!important;
    color:rgb(75,17, 17);
    margin-bottom: 20px;
    line-height: 1.4;
}
.winter-section .main-title span{
    position:relative;
    color:rgb(75,17, 17);
}
.winter-section .main-title span .dot{
    position:absolute;
    left:50%;top:-15px;width:6px;height:6px;border-radius:50%;
    background-color:rgb(255,1,0);
}

.winter-section .main-title .highlight {
    
    
    padding: 6px 4px 2px 4px;
    border-radius: 2px;
    position:relative;
}
.winter-section .main-title .highlight span{
    position:relative;z-index:2;color:white;
}
.winter-section .main-title .highlight span.bg{
    position:absolute;z-index:1;
    left:0;top:0;width:100%;height:100%;
    background-color: rgb(255,127,0);
}

.winter-section .sub-title {
    font-size: 24px;            
    font-weight:500!important;
    color:rgb(75,17, 17);
}

/* 붕어빵 영역 스타일링 */
.winter-section .fish-bread-area {
    position: relative;
    text-align: center;
    padding: 20px 0 40px 0;
}


/* 붕어빵 이미지 스타일링 */

.winter-section .signature-image{
    position:relative;z-index:1;            
    max-width:500px;
    margin: 0 auto -60px auto;
}
.winter-section .signature-image img{
    max-width: 100%;
}
.winter-section .bread-image {  
    max-width:430px;
    height:300px;
    position:relative;z-index:2;                      
    margin: 0 auto;                        
}

.winter-section .bread-image img {
    display:none;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.winter-section .bread-image img.on{
    display:inline-block;
}

/* 판매량 카운터 스타일링 */
.winter-section .sales-counter {
    margin-top: 10px;
    font-size: 24px!important;
}

.winter-section .sales-counter .label {
    color:rgb(75,17, 17);
    font-size: 24px!important;
    font-weight: 600!important;
    margin-right: 10px;
}

.winter-section .sales-counter .number {
    font-size: 48px;
    font-weight: 700!important;
    color:rgb(75,17, 17);
    margin: 0 10px;
    position:relative;
    display: inline-block;
}
.winter-section .sales-counter .number span{
    position:relative;z-index:2;
    font-weight: 700!important;
}
.winter-section .sales-counter .number img{
    position:absolute;width:100%;left:0;bottom:-20px;z-index:1;
}

.winter-section .sales-counter .unit {
    font-size: 48px;
    font-weight: 700!important;
    color:rgb(75,17, 17);
}
.brand-topping {    
    padding: 80px 40px;
    color: #ffffff;        
    background-image:url(https://www.youngcoffee.site/assets/bingsu_bg.png);
    background-size:cover;
    background-position:top;
}

.brand-topping__header {
    text-align: center;
    margin-bottom: 60px;
}

.brand-topping__subtitle {
    font-size: 36px;
    font-weight: normal!important;
    margin-bottom: 20px;
    color: rgba(255, 255, 255, 0.9);
    font-family: 'Cafe24Shiningstar'!important;
}

.brand-topping__title {
    font-weight: bold!important;
    font-size: 40px!important;
    line-height: 1.1!important;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.brand-topping__title--highlight {
    /* color: #9FE7FF; */
    color:#2D6FF7;
}

.brand-topping__title--normal {
    color: rgb(17,17, 17);
}

.brand-topping__slider-wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
}

.brand-topping__slider-button {
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgb(31,90,213);
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-topping__slider-button--prev::before,
.brand-topping__slider-button--next::before {
    content: '';
    width: 12px;
    height: 12px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
}

.brand-topping__slider-button--prev::before {
    transform: rotate(-135deg) translate(-2px, 2px);
}

.brand-topping__slider-button--next::before {
    transform: rotate(45deg) translate(-2px, 2px);
}

.brand-topping__slider-container {            
    overflow: hidden;
    padding:10px;
}
.brand-topping__slider{
    display: flex;                        
}

.brand-topping__slider-item-wrpaper{
    flex: 0 0 auto;
    width: 33.333333%;
    min-width: 33.333333%;
    padding:0 15px;
}
.brand-topping__slider-item {
    
    /* background-color: rgb(80, 134, 248); */
    background-color:rgba(255,255,255,0.4);
    border-radius: 2px;
    padding: 30px 0px;
    text-align: center;
    transition: transform 0.3s ease;
    box-shadow: 10px 10px 10px -2px rgba(0,0,0,0.08);
-webkit-box-shadow: 10px 10px 10px -2px rgba(0,0,0,0.08);
-moz-box-shadow: 10px 10px 10px -2px rgba(0,0,0,0.08);
}        

.brand-topping__product-image {
    width: 200px;
    height: 260px;
    margin: 0 auto 20px;
}

.brand-topping__product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.brand-topping__product-title {
    font-size: 20px;
    font-weight:600!important;
    margin-bottom: 8px;
    color: #414141;
}

.brand-topping__product-subtitle {
    font-size: 14px;
    /* color: rgba(255, 255, 255, 0.7); */
    color:#717171;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.brand-quality {
    padding: 20px 0;
    background-color: #ffffff;
}

.brand-quality__content {
    max-width: 1200px;            
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
}

.brand-quality__text-area {
    margin-bottom: 60px;
    width:50%;
}

.brand-quality__title {
    font-size: 42px;
    font-weight: 700!important;
    color: #1a237e;
    margin-bottom: 20px;
    line-height: 1.4;
}

.brand-quality__title--highlight {
    padding:0 4px;
    display: inline-block;
    color: white;    
    position:relative;
}
.brand-quality__title--highlight span{
    position:relative;z-index:2;
}
.brand-quality__title--highlight span.bg{
    background-color: #2D6FF7;
    position:absolute;z-index:1;
    left:0;top:0;width:100%;height:100%;
}

.brand-quality__description {
    font-size: 18px;
    line-height: 1.6;
    color: #212121;
}

.brand-quality__image-grid {
    position: relative;
    overflow: hidden;
    width:50%;
    min-height: 500px;
}

.brand-quality__image-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 2;
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 3%, rgba(255, 255, 255, 0) 16%, rgba(255, 255, 255, 0) 84%, rgba(255, 255, 255, 1) 97%, rgba(255, 255, 255, 1) 100%);
}
.brand-quality__image-scroller{
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;            
    overflow: hidden;            
}
.brand-quality__image-scroller-rail{
    width: 33.3333%;
    height: 100%;
    position:relative;
}
.brand-quality__image-scroller-rail .rail-item{
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand-quality__image-scroller-rail .rail-item img{
    max-width: 80%;
    max-height: 80%;
    transition: ease-in-out 0.2s all;
}


.yc-home-10 {
    background: #212121;
    padding: 90px 0;
}

.yc-home-10 .home-10-t {
    text-align: center;
    color: white;
    font-size: 72px;
    font-weight: 600!important;
    
}

.yc-home-10 .home-10-t span {
    font-size: 90px;
    color:white;background-color:rgb(35, 90, 212);padding:0 4px;
    font-family: 'Cafe24Shiningstar', sans-serif, serif!important;
    line-height: 72px;
    display: inline-block;
}

.yc-home-10 .home-10-b {
    width: 100%;
    max-width: 1200px;
    margin: 40px auto 0 auto;        
}

.yc-home-10 .home-10-b iframe {
    width:-moz-calc(100% - 20px);
    width:-webkit-calc(100% - 20px);
    width:calc(100% - 20px);
    max-width: 870px;   
    margin: 0 auto;
    display: block;
    aspect-ratio: 16/9;
    border-radius: 20px;
    overflow: hidden;
    border: solid 1px #515151;
}
.yc-home-10 .home-10-wrapper{
    padding:0 50px;
    position:relative;
}
.yc-home-10 .home-10-wrapper .home-10-menu-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    border: 0;
    background: rgba(35, 90, 212, 0.7);
    border-radius: 50%;
    cursor: pointer;
}

.yc-home-10 .home-10-wrapper .home-10-menu-btn i {
    font-size: 20px;
    color: white;
    line-height: 40px;
}

.yc-home-10 .home-10-wrapper .home-10-menu-btn.menu-btn-left {
    left: 10px;
}

.yc-home-10 .home-10-wrapper .home-10-menu-btn.menu-btn-right {
    right: 10px;
}
.yc-home-10 .home-10-menu {
    margin-top: 50px;
    
    overflow: hidden;
    position: relative;
}



.yc-home-10 .home-10-menu .home-10-menu-scroll {
    display: flex;
    width: 100%;
    white-space: nowrap;
    position: relative;
}

.yc-home-10 .home-10-menu .home-10-menu-scroll .home-10-menu-item {
    min-width: 25%;
    padding: 0 10px;
    overflow: hidden;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

.yc-home-10 .home-10-menu .home-10-menu-scroll .home-10-menu-item img {
    width: 100%;
    height: auto;
}

.yc-home-10 .home-10-menu .home-10-menu-scroll .home-10-menu-item .menu-item-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
}

.yc-home-10 .home-10-menu .home-10-menu-scroll .home-10-menu-item:hover .menu-item-play path:nth-child(1) {
    transition: ease-in-out 0.2s all;
}

.yc-home-10 .home-10-menu .home-10-menu-scroll .home-10-menu-item:hover .menu-item-play path:nth-child(1) {
    fill: rgb(255, 0, 45);
}

.growth-section {
    padding: 80px 20px;
    background-color: #f8f9fa;
    background-image: linear-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
    background-size: 20px 20px;
}

.growth-section .growth-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* 헤더 스타일 */
.growth-section .growth-header {
    text-align: center;
    margin-bottom: 60px;            
}

.growth-section .growth-title {
    font-size: 40px;
    font-weight: 700!important;
    margin-bottom: 20px;
    color: #333;
    text-align: center;
}

.growth-section .growth-title .highlight {
    color: #2D6FF7;
}
.growth-section .growth-title .dot-container{
    position:relative;
}
.growth-section .growth-title .dot-container .dot{
    display:inline-block;left:50%;transfomr:translateX(-50%);
    position:absolute;top:-10px;width:6px;height:6px;border-radius:50%;background-color:#2D6FF7;
}

.growth-section .growth-subtitle {
    font-size: 16px;
    color: #666;
    background-color: #1a237e;
    color: white;
    font-size:20px;
    padding: 5px 5px 1px 5px;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
}

/* 그래프 영역 */
.growth-section .growth-graph {
    position: relative;
    height: 400px;
    margin-top: 200px;
    overflow:visible;
}



/* 막대 그래프 */
.growth-section .bar-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
    position: relative;
    padding-top: 50px;
    border-bottom:solid 2px #444;
}

.growth-section .graph-bar {
    width: 18%;            
    position: relative;
    transition: height 1s ease;
    opacity: 0.7;
    margin:0 15px;
}
.growth-section .graph-bar .graph-bar-bg{
    width:100%;height:100%;position:absolute;left:0;bottom:0;
}
.growth-section .graph-bar:nth-child(1) .graph-bar-bg{
    background-color: rgb(204,225,255);
}
.growth-section .graph-bar:nth-child(2) .graph-bar-bg{
    background-color: rgb(159,192,255);
}
.growth-section .graph-bar:nth-child(3) .graph-bar-bg{
    background-color: rgb(115,153,255);
}        
.growth-section .graph-bar:nth-child(4) .graph-bar-bg{
    background-color: #2D6FF7;
}

/* 마지막 화살표 막대 스타일 */
.growth-section .growth-arrow {            
    
    position: relative;
    opacity: 1;
}
.growth-section .growing-arrow{
    position: relative;
    opacity: 1;
    width:25%;
    
}
.growth-section .growing-arrow .graph-bar-img{
    /* background-image: url(../09_arrow.png);            
    background-size:contain;
    background-repeat: no-repeat;
    background-position: bottom; */
    width:100%;height:100%;
    transform-origin: bottom;
    /* animation: growArrow 0.2s ease-out forwards; */
    position:absolute;
    bottom:0;left:0;
}
.growth-section .growing-arrow .graph-bar-popimg{
    max-width:60%;position:absolute;top:50%;left:50%;    
    transform: translate(-50%,-50%);
    will-change: transform, opacity, filter; /* 성능 최적화 */
    /* animation: explode 0.3s cubic-bezier(0.17, 0.67, 0.83, 0.67) forwards; */
    /* animation-delay: 0.2s; */
    transform-origin: left top;
}



.growth-section .bar-value {
    white-space: nowrap;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    color: #2D6FF7;
    font-size:24px;
    font-weight: bold!important;
}

.growth-section .bar-value .graph-point {
    width: 12px;
    height: 12px;
    background-color: #2D6FF7;
    border-radius: 50%;
    position: absolute;
    left:50%;            
    top: -30px;
    transform: translateX(-50%);
    z-index:2;
}

.growth-section .bar-year {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    color: #666;
}

.growth-section .growing-arrow .bar-value{
    background-color: #2D6FF7;color:white;padding:4px 6px 4px 6px;
    white-space: nowrap;
}
.growth-section .growing-arrow .bar-value .bar-value-plus{
    background-image:url(../09_textbox.png);
    background-size:contain;background-repeat: no-repeat;
    background-position: top;
    padding:10px 10px 40px 10px;
    text-align: center;
    white-space: nowrap;
    color:#212121;font-weight:600;
    position:absolute;right:68px;top:-10px;transform:translate(100%,-100%);
    line-height:1.2;
}
.growth-section .growing-arrow .bar-value .bar-value-plus.formobile{    
    padding:20px;background: #5CCAF2 0% 0% no-repeat padding-box;border-radius:20px;
    font-size:24px;
    padding:15px 20px;
    right:auto;left:-50vw;
    transform:translate(50%,-100%);
}
.growth-section .growing-arrow .bar-value .bar-value-plus.formobile .line{
    width: 52px;
    height: 25px;
    clip-path: polygon(-2% 0, 0 100%, 97% 100%);
    background: #5CCAF2 0% 0% no-repeat padding-box; 
    display: inline-block;   
    position: absolute;
    right: 20px;
    bottom: 20px;
    transform: rotate(24deg) translate(100%, -50%);
}




.growth-graph-line-item {
    position: absolute;
    pointer-events: none; /* 선이 클릭 이벤트를 방해하지 않도록 */
}

@keyframes growArrow {
    0% {
        transform: scaleY(0);
        opacity: 0;
    }
    100% {
        transform: scaleY(1);
        opacity: 1;
    }
}
@keyframes explode {
    0% {
        transform: scale(0) translate(-50%,-50%);
        opacity: 0;
        filter: blur(10px);
    }
    50% {
        transform: scale(1.2) translate(-50%,-50%);
        opacity: 0.8;
        filter: blur(2px);
    }
    75% {
        transform: scale(0.9) translate(-50%,-50%);
        opacity: 0.9;
        filter: blur(0px);
    }
    100% {
        transform: scale(1) translate(-50%,-50%);
        opacity: 1;
        filter: blur(0px);
    }
}

.brand-analysis {
    background-color: rgb(32,41,80);
    color: white;                
    
}
.brand-analysis__container{
    padding: 80px 20px;
    max-width:1200px;margin:0 auto;        
}

/* 헤더 스타일 */
.brand-analysis__header {
    grid-column: 1 / -1;
}
.brand-analysis__b{
    display: flex;align-items: flex-start;
}

.brand-analysis__number {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
}
.brand-analysis__number img{
    width:170px;
}
.brand-analysis__title {
    font-size: 52px;
    margin-bottom: 20px;
}

.brand-analysis__title--highlight {
    color: #2D6FF7;
}

.brand-analysis__description {
    color: white;
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 40px;
}

.brand-analysis__description--emphasis {
    position:relative;
    
    color: white;
}
.brand-analysis__description--emphasis span{
    display: inline-block;
    position: relative;z-index:2;
    color:black;
}
.brand-analysis__description--emphasis span.bg{
    position: absolute;z-index:1;
    left:0;top:0;width:100%;height:100%;
    background:rgb(245,205,45);
}

.brand-analysis__data{
    width:50%;
}
/* 테이블 스타일 */
.brand-analysis__table {
    width: 100%;
    border-collapse: collapse;                
    overflow: hidden;
}
.brand-analysis__table tbody:before {
    content:"@";
    display:block;
    line-height:10px;
    text-indent:-99999px;
}
.brand-analysis__table th,
.brand-analysis__table td {
    padding: 15px;
    text-align: left;
    color:white;        
}
.brand-analysis__table tr th:first-child,
.brand-analysis__table tr td:first-child{
    padding-left:40px;
}

.brand-analysis__table tr th:nth-child(1){
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.brand-analysis__table tr th:last-child{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.brand-analysis__table th {
    background-color: #2D6FF7;
    font-weight: normal!important;
}
.brand-analysis__table td{
    background-color: rgb(55,71,124);
    color:white;
    border-bottom: 2px dashed rgba(255, 255, 255, 0.7);
}
.brand-analysis__table tbody tr:first-child td{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.brand-analysis__table tbody tr:last-child td{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.brand-analysis__table tr:last-child td {
    border-bottom: none;
}

/* 원형 차트 스타일 */
.brand-analysis__chart {
    width:50%;
    margin-left:50px;        
}
.brand-analysis__chart img{
    max-width: 100%;margin-top:-20px;
}
.brand-sales {
    padding: 80px 20px;
    background-color: #f8f9fa;
    background-image: linear-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
    background-size: 20px 20px;
}

.brand-sales__header {
    text-align: center;
    margin-bottom: 60px;
}

.brand-sales__title {
    font-size: 40px;
    font-weight: 600!important;
    color: #1a237e;
    margin-bottom: 10px;
    line-height: 1.4;
}

.brand-sales__subtitle {
    font-size: 40px;
    font-weight: 600!important;
    color: #2D6FF7;
    line-height: 1.2;
}

.brand-sales__grid {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.brand-sales__row {
    text-align: center;
    margin-bottom: 30px;
    display:flex;            
}

.brand-sales__receipt {
    display: inline-block;            
    border-radius: 10px;
    position: relative;
    min-width: 25%;;
}
.brand-sales__receipt img{
    width: 100%;
}
.brand-sales__grid.rail2 {
    max-width: 900px;
}
.brand-sales__grid.rail2 .brand-sales__row{
    transform: translateX(-1200px);
}
.brand-sales__grid.rail2 .brand-sales__receipt{
    min-width: 33.33333%;
}

.brand-achievement {
    background-color: #7CD5F8;
    padding: 80px 20px;
    color: #1a237e;
}

.brand-achievement__container {
    max-width: 1200px;
    margin: 0 auto;
}

.brand-achievement__title {
    text-align: center;
    font-size: 40px!important;
    font-weight: 700!important;
    margin-bottom: 20px;
    line-height: 1.6!important;
}

.brand-achievement__title--highlight {
    background-color: #1a237e;
    color: white;
    padding: 5px 6px;
    border-radius: 2px;
}

.brand-achievement__subtitle {
    text-align: center;
    font-size: 24px;
    margin-bottom: 60px;
    color: #333;
}
.brand-achievement__cards{
    overflow: hidden;position: relative;
}
.brand-achievement__scroll {
    display: flex;    
}

.brand-achievement__card {
    flex: 1;
    min-width: 33.33333%;    
    border-radius: 15px;
    padding: 20px;
    text-align: center;            
}

.brand-achievement__image-container {
    width: 100%;            
    aspect-ratio:0.9;
    border: 2px solid #666;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px;
    background-color: #f8f9fa;
}

.brand-achievement__image-container img{
    width: 100%;
    height:100%;
    object-fit: cover;
}

.brand-achievement__card-title {
    font-size: 20px!important;
    font-weight: 600!important;
    margin-bottom: 10px;
    color: white;
}

.brand-achievement__card-subtitle {
    margin-top:27px;
    font-size: 14px;            
    color: #666;
    position: relative;
    padding:8px 15px;
    border-radius:10px;
    background:white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.brand-achievement__card-subtitle .triangle{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    width: 18px;
    height: 16px;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    background-color: white;
}



/* .brand-achievement__cards .slider-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.brand-achievement__cards .slider-button--prev {
    left: 10px;
}

.brand-achievement__cards .slider-button--next {
    right: 10px;
}

.brand-achievement__cards .slider-button::before {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    position: absolute;
    top: 50%;
    left: 50%;
}

.brand-achievement__cards .slider-button--prev::before {
    transform: translate(-30%, -50%) rotate(-135deg);
}

.brand-achievement__cards .slider-button--next::before {
    transform: translate(-70%, -50%) rotate(45deg);
} */


.brand-menu {
    background-color: #2D6FF7;
    padding: 80px 0 0;
    color: white;
    overflow: hidden;
}

.brand-menu__header {
    text-align: center;
    margin-bottom: 30px;
}

.brand-menu__title {
    font-size: 32px;
    font-weight: 700!important;
    margin-bottom: 20px;
}
.brand-menu__title__text{
    position:relative;
}        
.brand-menu__title__text span{position:relative;z-index:2;}
.brand-menu__title__text img{
    width:90%;position:absolute;z-index:1;bottom:-10px;left:5%;
    filter: brightness(0) saturate(100%) invert(73%) sepia(62%) saturate(501%) hue-rotate(170deg) brightness(101%) contrast(101%);
}


.brand-menu__subtitle {
    font-size: 42px;
    font-weight: 700!important;
    margin: 15px 0;
    position: relative;            
}
.brand-menu__subtitle img{
    height:90px;vertical-align: middle;
}

.brand-menu__stars {
    position: absolute;
    right: -40px;
    top: -10px;
}

.brand-menu__stars .star {
    color: white;
    font-size: 24px;
}

.brand-menu__stars .star.small {
    font-size: 16px;
    margin-left: 5px;
}

.brand-menu__description {
    font-size: 18px;
    opacity: 0.9;
}

.brand-menu__slider {
    position: relative;                        
    padding: 40px 0;
    
}
.brand-menu__sliderbg{
    position:absolute;z-index:1;
    width:100%;height:100%;left:0;top:0;
    filter:brightness(0.5);
    background-image: url(https://www.youngcoffee.site/assets/season_bg.png);
    background-size:cover;background-position:center;background-repeat:no-repeat;
}

.brand-menu__slider-container {
    position:relative;z-index:2;
    display: flex;
    gap: 20px;            
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 20px 0;
}

.brand-menu__slider-item {
    flex: 0 0 300px;
    scroll-snap-align: start;
}

.brand-menu__image-container {
    width: 100%;    
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.1);
    overflow:hidden;
}
.brand-menu__image-container img{
    width:100%;
}

.brand-menu__slider-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.brand-menu__slider-button--prev {
    left: 10px;
}

.brand-menu__slider-button--next {
    right: 10px;
}

.brand-menu__slider-button::before {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    position: absolute;
    top: 50%;
    left: 50%;
}

.brand-menu__slider-button--prev::before {
    transform: translate(-30%, -50%) rotate(-135deg);
}

.brand-menu__slider-button--next::before {
    transform: translate(-70%, -50%) rotate(45deg);
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.cost-table-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 20px;
    font-family: 'Noto Sans KR', sans-serif!important;
}

.cost-title {
    color: #4285f4;
    font-size: 40px!important;
    font-weight:700!important;
    text-align: center;
    margin-bottom: 10px;
}
.cost-title .highlight {background-color:#4285f4;color:white;padding: 0 5px;}

.cost-subtitle {
    color: #666;
    text-align: right;
    font-size: 14px;
    margin-bottom: 20px;
}

.cost-table {
    width: 100%;
    border-collapse: collapse;
    background-color: white;
}

.cost-table th {
    background-color: #1a237e;
    color: white;
    padding: 15px;
    text-align: center;
    font-weight: 500!important;
}

.cost-table td {
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    line-height: 1.4;
}
.cost-table tr td:last-child{border-right: 0;}

.cost-table tbody tr:hover {
    background-color: #f5f5f5;
}

.price-original {
    color: #333;            
    margin-right: 10px;
    font-size: 16px;
    position:relative;
    display: inline-block;
}

.price-discount {
    color: #4285f4;
    font-size:20px;
    font-weight: 600!important;
}

.price-current {
    color: #4285f4;
    font-weight: 600!important;
    font-size:20px;
}

.price-total {
    color: red;
    font-weight: 700!important;
    font-size: 25px;
    margin-left: 15px;
    vertical-align: middle;
}




.cost-table tfoot td{background:#e0e0e0;}
.cost-table tfoot tr td:first-child{font-size:22px;font-weight: 700!important;}
.arrow-container {            
    display: flex;
    align-items: center;
    width:110%;
    position:absolute;
    top:50%;
    left:-5%; 
    transform: translateY(-50%);
}
.arrow {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%
}

.arrow-line {
    width: 100%;
    height: 5px; /* 화살표 두께 */
    background: linear-gradient(
        to bottom,
        #ff0000 0%,
        #ff0000 33%,
        rgba(0,0,0,0) 33%,
        rgba(0,0,0,0) 66%,
        #ff0000 66%,
        #ff0000 100%
    );
}

.arrow-head {
    position: absolute;
    right: -7px; /* 화살표 머리 위치 조절 */
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #ff0000;
}

.store-section{
    padding: 80px 0;
    background-color: #1a1f47;
}    
.store-section__container{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 20px; 
}
.store-section__title-area{
    max-width:600px;margin:0 auto 40px auto;
}
.store-section__subtitle{
    text-align: left;
    font-size: 40px;
    font-family: 'Cafe24Shiningstar'!important;
    color: rgb(245,205,45); 

}
.store-section__title{
    text-align: right;
    font-size: 52px!important;
    font-weight: 600!important;
    color:white;
}


.store-section__exterior,
.store-section__interior{
    display:flex;align-items: center;position:relative;
    margin:50px 0;
}
.store-section__exterior{
    margin-right:calc((100vw - 1200px) / 2);
}
.store-section__interior{
    margin-left:calc((100vw - 1200px) / 2);
}
/* .store-section__exterior .store-section__exterior_inner{
    width:70%;
    height:100%;
    top:0;right:0;
}
.store-section__exterior .store-section__exterior_inner .store-section__images_container{
    width:100%;
} */
.store-section__images_container{
    width:70%;
    overflow:hidden;position:relative;   
}

.store-section__images_scroller{
    display: flex;
}
.store-section__images_scroller img{
    min-width:33.33333%;
}


.store-section__text{width:30%;}
.store-section__text p{font-size:24px;color:white;margin-bottom: 10px;}
.store-section__text h2{padding:0 4px;display: inline-block;color:#1a1f47;font-weight: 600!important;font-size:32px;position:relative;}
.store-section__text h2 span{
    position:relative;z-index:2;
}
.store-section__text h2 span.bg{
    position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;
    background-color:rgb(245,205,45);
}

.store-section__exterior .store-section__text{text-align: right;} 

.ship-section{
    
}
.ship-img{
    width:100%;max-width:1200px;display:block;margin:0 auto;
}


.video-section{padding:80px 0;position:relative;}
.video-section .container{
    max-width:1200px;margin:0 auto;
}
.video-section .video-section-bg{
    position:absolute;z-index:1;
    filter:brightness(0.7);
    width:100%;height:100%;
    left:0;top:0;
}
.video-section .video-section-bg video{
    width:100%;height:100%;object-fit:cover;
}
.video-section .video-section-b{
    position:relative;z-index:2;text-align:center;
}
.video-section .video-section__image{
    position:relative;display:inline-block;        
}
.video-section .video-section__image .image_cup{
    height:160px;
}
.video-section .video-section__image .image_chk{
    height:90px;position:absolute;bottom:0;right:10px;
}
.video-section .video-section__txt{
    margin-top:20px;line-height:1.5;
    text-align:center;font-size:46px;color:white;font-weight:600;
}


.struct-section{padding:80px 20px;}
.struct-section .container{width:100%;max-width:1200px;margin:0 auto;}
.struct-section .struct-section__title{
    font-size:50px;font-weight:500;text-align:center;
}
.struct-section .struct-section__title span{
    font-size:60px;font-weight:700;color:rgb(49, 108, 232);
}
.struct-section .struct-section__subtitle{
    text-align:center;font-size:24px;margin:34px 0;
}
.struct-section .struct-section__table{
    display:flex;
    width:100%;
    border-radius: 10px;
    overflow: hidden;
    background-image: url(https://www.youngcoffee.site/assets/home/home_11_img_bg_2.webp);
    background-size: cover;
    background-position: center;
}
.struct-section .struct-section__table .struct-section__item{
    height:480px;position:relative;
}
.struct-section .struct-section__table .struct-section__item_1{
    width:38%;
}
.struct-section .struct-section__table .struct-section__item_2{
    width:34%;
}
.struct-section .struct-section__table .struct-section__item_3{
    width:28%;
    background-image: url(https://www.youngcoffee.site/assets/home/home_11_img_bg_1.webp);
    background-size: cover;background-position: center;
}

.struct-section .struct-section__table .struct-section__item .bg{
    position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;
}
.struct-section .struct-section__table .struct-section__item_1 .bg{
    background: linear-gradient(180deg, rgba(84, 84, 84, 0) -3%, rgba(69, 21, 0, .89) 67%);
}
.struct-section .struct-section__table .struct-section__item_2 .bg{
    background: linear-gradient(180deg, rgba(255, 173, 66, .67) 0%, rgba(255, 173, 66, .78) 86%);
}
.struct-section .struct-section__table .struct-section__item_3 .bg{
    background: linear-gradient(180deg, rgba(66, 131, 252, .5) 25%, rgba(7, 64, 171, .82) 90%);
}

.struct-section .struct-section__table .struct-section__item img{
    position:absolute;z-index:2;top:40px;right:30px;
    max-width:50%;max-height:50%;
}
.struct-section .struct-section__table .struct-section__item .info{
    position:absolute;
    width:100%;
    padding:0 20px;
    left:0px;bottom:40px;z-index:2;
}
.struct-section .struct-section__table .struct-section__item .info .title{
    display:inline-block;border:solid 2px white;border-radius:50px;
    color:white;font-size:30px;padding:5px 15px;
}
.struct-section .struct-section__table .struct-section__item .info .percentage{
    margin-top:13px;
    color:white;font-weight:700;line-height:1;
}
.struct-section .struct-section__table .struct-section__item_1 .percentage{
    font-size:100px;
}
.struct-section .struct-section__table .struct-section__item_1 .percentage span{
    font-size:170px;
}
.struct-section .struct-section__table .struct-section__item_2 .percentage{
    font-size:80px;
}
.struct-section .struct-section__table .struct-section__item_2 .percentage span{
    font-size:130px;
}
.struct-section .struct-section__table .struct-section__item_3 .percentage{
    font-size:60px;
}
.struct-section .struct-section__table .struct-section__item_3 .percentage span{
    font-size:90px;
}