.view_con{
    position: relative;
}
    .view_con a.button{
        text-decoration: none;
        padding: 10px 20px;
    }
    .view_con .button::after{
        display: none;
    }
    .view_banner{
        width: calc(100% + 40px);
        position: relative;
        left: -20px;
    }
    .view_led{
        position: relative;
    }
        .info_top{
            position: relative;
            display: grid;
            grid-template-columns: 1fr 1fr;
            align-items: center;
            padding: 7rem 0 0;
            column-gap: 3%;
        }
            .info_top .top_l{
                position: relative;
            }
            .info_top h1{
                font-size: 46px;
            }
                .info_top h1 span{
                    font-size: 24px;
                    display: block;
                }
                .top_l > div{
                    text-align: left;
                }
                .info_top .top_l h3{
                    margin-bottom: 5px;
                }
            .info_top img.card{
                width: 90%;
            }
            .info_top img.img_chip.chip1{
                bottom: auto;
                top: -15%;
                width: 15%;
            }
            .info_top img.img_chip.chip2{
                bottom: 5%;
                top: auto;
                width: 25%;
                left: 80%;
            }
        .info_detail{
            position: relative;
            padding-top: 7rem;
        }
            .info_detail .highlight_box{
                position: absolute;
                font-size: 46px;
                width: 250px;
                left: 50%;
                margin-left: -125px;
                top: 0;
            }
                .info_detail .highlight_box > div{
                    font-weight: bold;
                }
                .info_detail .highlight_box > div:not(:first-child){
                    font-weight: normal;
                    font-size: 32px;
                }
            .info_detail .sub_box{
                display: grid;
                grid-template-columns: 1fr 1fr;
                padding-bottom: 7rem;
                column-gap: 2%;
                align-items: center;
            }
                .info_detail .sub_box .sub_l{
                    
                }
    .view_personal{
        position: relative;
    }
        .personal_d{
            display: block;
            width: calc(100% + 40px);
            position: relative;
            left: -20px;
            padding: 20px;
            background: url(../../assets/images/bg_info_bw.png) no-repeat center bottom;
            background-size: 100% auto;
        }
            .personal_d .video_con{
                width: calc(100% + 40px);
                position: relative;
                left: -20px;
            }
            .personal_top{
                padding-top: 5rem;
                padding-bottom: 4rem;
            }
            .personal_top h1{
                font-size: 46px;
                text-align: center;
            }
                .personal_top h1 span{
                    font-size: 24px;
                    display: block;
                }
            .personal_bottom{
                display: grid;
                grid-template-columns: 1fr 1fr;
                padding-bottom: 7rem;
                column-gap: 2%;
                max-width: 1200px;
                margin: 0 auto;
            }
                .personal_bottom .personal_l{
                    text-align: left;
                }
                    .personal_bottom .personal_l > div{
                        margin-bottom: 10%;
                    }
                .personal_bottom .personal_r{
                    text-align: left;
                }
                    .personal_r img{
                        border: 2px solid var(--white);
                    }
                    .personal_r img:nth-child(1){
                        width: 54%;
                    }
                    .personal_r img:nth-child(2){
                        width: 44%;
                    }
                    .personal_r img:nth-child(3){
                        width: 100%;
                        margin-top: 15px;
                    }
        .personal_m{
            display: none;
        }
            .view_table .top_r > div > div{
                text-align: left;
            }
            .view_table .info_detail > div{
                max-width: 1000px;
                margin: 0 auto;
                display: grid;
                grid-template-columns: 1fr 1fr;
                column-gap: 2%;
                margin-bottom: 5rem;
            }
                .view_table .info_detail > div > img{
                    border: 5px solid var(--white);
                }
        .sub_r h3{
            margin-bottom: 5px;
        }
    .stadium_con{
        position: relative;
    }
        .stadium_con > h1{
            text-align: center;
        }
        .stadium_box{
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            padding-bottom: 7rem;
            column-gap: 2%;
            align-items: center;
        }
            .stadium_item a{
                text-decoration: none !important;
                color: var(--white);
            }
            .stadium_item img{
                width: 100%;
                margin-bottom: 20px;
            }
            .stadium_content button{
                padding: 10px 20px;
            }
@media (max-width: 1024px) {
    .personal_m{
        display: block;
    }
        .personal_m .info_top{
            padding-top: 1rem;
            align-items: normal;
        }
        .personal_m .info_detail{
            display: grid;
            grid-template-columns: 3fr 2fr;
        }
            .personal_m .info_detail img{
                border: 2px solid var(--white);
                border-radius: 20px;
            }
            .personal_m .info_detail img:nth-child(1){
                width: 54%;
            }
            .personal_m .info_detail img:nth-child(2){
                width: 44%;
            }
            .personal_m .info_detail img:nth-child(3){
                width: 100%;
                margin-top: 15px;
            }
            .personal_m .info_detail .sub_r{
                padding-left: 10px;
            }
            .view_table .top_r > div > div{
                text-align: left;
            }
            .view_table .info_detail > div > img{
                border-radius: 20px;
                position: relative;
            }
            .view_table .info_detail > div > img:nth-child(1){
                top: -20%;
            }
    .personal_d{
        display: none;
    }
    .stadium_box{
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 539px) {
    .info_top, .info_detail .sub_box, .personal_m .info_detail, .stadium_box{
        display: grid;
        grid-template-columns: 1fr;
    }
    .info_detail .sub_box .sub_r{
        margin-top: 20px;
    }
    .info_detail .sub_r, .view_table .top_r{
        order: 1;
    }
    .info_detail .sub_l, .view_table .top_l{
        order: 2;
    }
    .personal_m .info_detail{
        padding-top: 2rem;
    }
}