.section__about {
    position: relative;
    overflow: hidden;
}


.eslip-box1 {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 551px;
    height: 308px;
    z-index: 0;
    pointer-events: none;
}

.eslip-box1 img {
    width: 100%;
    height: auto;
    display: block;
}

.section__about__one .tw-container {
    position: relative;
    z-index: 2;
}

.eslip-box2 {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 300px;
    height: 168px;

    z-index: 0;
    pointer-events: none;
}

.eslip-box2 img {
    width: 100%;
    height: auto;
    display: block;
}


.section__about__one .eslip-box3 {
    position: absolute;
    top: calc(100% - 275px);
    left: -50px;
    width: 551px;
    height: 551px;
    z-index: 0;
    pointer-events: none;
}

.section__about__two .eslip-box3 {
    position: absolute;
    bottom: calc(100% - 275px);
    left: -50px;
    width: 551px;
    height: 551px;
    z-index: 0;
    pointer-events: none;
}

.eslip-box3 img {
    width: 100%;
    height: auto;
    display: block;
}
.section__about__one .eslip-box7 {
    position: absolute;
    bottom: calc(100% - 275px);
    left: -50px;
    width: 313px;
    height: 313px;
    z-index: 0;
    top: -15%;
    pointer-events: none;
}

.eslip-box7 img {
    width: 100%;
    height: auto;
    display: block;
}


.section__about__two .eslip-box4 {
    position: absolute;
    top: 50%;              
    right: -50px;          
    transform: translateY(-50%);  
    width: 694px;
    height: 694px;
    z-index: 0;
    pointer-events: none;
}

.section__about__one .eslip-box4 {
    position: absolute;
    bottom: 50%;
    right: -50px;
    transform: translateY(-50%);
    width: 694px;
    height: 694px;
    z-index: 0;
    pointer-events: none;
}

.eslip-box4 img {
    width: 100%;
    height: auto;
    display: block;
}

.section__about__one .eslip-box5 {
    position: absolute;
    bottom: -50%;        
    left: 50%;          
    transform: translateX(-50%);
    width: 551px;
    height: 551px;

    z-index: 0;         
    pointer-events: none;
}


.section__about__one.box .eslip-box5 {
    position: absolute;
    top: -50%;           
    left: 50%;            
    transform: translateX(-50%);
    width: 551px;
    height: 551px;

    z-index: 0;
    pointer-events: none;
}

.eslip-box5 img {
    width: 100%;
    height: auto;
    display: block;
}

.eslip-box6 {
    position: absolute;
    top: 50%;          
    left: 50%;        
    transform: translate(-50%, -50%); 
    
    width: 931px;
    height: 931px;

    z-index: 0;       
    pointer-events: none; 
}

.eslip-box6 img {
    width: 100%;
    height: auto;
    display: block;
}


.section__about__four .tw-container,
.section__about__four .content .item {
    position: relative; 
    z-index: 1;        
}
.section__about__one .eslip-box8.ver1 {
    position: absolute;
    top: calc(100% - 275px);
    right: -50px;
    width: 404px;
    height: 404px;
    z-index: 0;
    pointer-events: none;
}
.section__about__one .eslip-box9 {
      position: absolute;
    top: calc(100% - 275px);
    right: -50px;
    width: 404px;
    height: 404px;
    z-index: 0;
    pointer-events: none;
}
.section__about__four .eslip-box9 {
     position: absolute;
    bottom: calc(100% - 144px);
    right: -50px;
     width: 404px;
    height: 404px;
    z-index: 0;
    pointer-events: none;
}
.section__about__one .eslip-box8.ver2 {
    position: absolute;
    bottom: calc(100% - 144px);
    right: -50px;
    width: 404px;
    height: 404px;
    z-index: 0;
    pointer-events: none;
}

.eslip-box8 img {
    width: 100%;
    height: auto;
    display: block;
}
 .section__about__four .eslip-box3 {
    position: absolute;
    bottom: calc(100% - -50px);
    left: -50px;
    width: 551px;
    height: 551px;
    z-index: 0;
    pointer-events: none;
}