.advertising{}
.advertising .advertising_title{
    margin-top: 5.7rem;
    display: flex;
    justify-content: space-between;
    align-items: end;
    position: relative;
    top: 1rem;
    opacity: 0;
    transition: all .5s;
}
.advertising.on .advertising_title{
    top: 0;
    opacity: 1;
}
.advertising .advertising_title p{
    font-size: 4rem;
    letter-spacing: -0.06em;
    color: #151515;
    font-weight: 300;
    line-height: 5.8rem;
}
.advertising .advertising_title p b{
    font-size: 4rem;
    letter-spacing: -0.06em;
    color: #151515;
    font-weight: 700;
    line-height: 5.8rem;
}
.advertising .advertising_title a{
    display: inline-block;
    width: 26.4rem;
    height: 5rem;
    border: 1px solid #000;
    border-radius: 0.5rem;
    text-align: center;
    margin-bottom: 0.8rem;
}
.advertising .advertising_title a span{
    font-size: 1.7rem;
    letter-spacing: -0.06em;
    color: #151515;
    font-weight: 500;
    background-image: url("../images/download.png");
    background-repeat: no-repeat;
    background-position: right 4px;
    padding-right: 3.3rem;
    line-height: 4.6rem;
}
.advertising .aboutus{
    background-color: #f5f5f5;
    width: 100%;
    border-radius: 1.5rem;
    text-align: center;
    padding: 6rem 13.5rem 6rem;
    margin-top: 6.2rem;
    position: relative;
    top: 1rem;
    opacity: 0;
    transition: all .5s .5s;
}
.advertising.on .aboutus{
    top: 0;
    opacity: 1;
}
.advertising .aboutus strong{
    display: block;
    margin-bottom: 5rem;
    opacity: 0;
    transition: all .5s 1s;
}
.advertising.on .aboutus strong{
    opacity: 1;
}
.advertising .aboutus > ul{
    display: inline-flex;
    gap: 7rem;
}
.advertising .aboutus > ul li{
    position: relative;
    top: 2rem;
    opacity: 0;
}
.advertising.on .aboutus > ul li{
    top: 0;
    opacity: 1;
}
.advertising.on .aboutus > ul li:nth-child(1){
    transition: all .5s 1.2s;
}
.advertising.on .aboutus > ul li:nth-child(2){
    transition: all .5s 1.4s;
}
.advertising.on .aboutus > ul li:nth-child(3){
    transition: all .5s 1.6s;
}
.advertising.on .aboutus > ul li:nth-child(4){
    transition: all .5s 1.8s;
}
.advertising .aboutus > ul li img{
    margin-bottom: 2rem;
}
.advertising .aboutus > ul li p{
    font-size: 1.8rem;
    letter-spacing: -0.06em;
    font-weight: 700;
    color: #151515;
    margin-bottom: 2.5rem;
}
.advertising .aboutus > ul li span{
    font-size: 1.8rem;
    letter-spacing: -0.06em;
    font-weight: 500;
    color: #151515;
}
.advertising .aboutus > ul li span b{
	font-family: 'GmarketSans';  
    font-size: 3.5rem;
    font-weight: 700;
    color: #de1e10;
    display: inline-block;
    margin-top: -1rem;
}
.advertising .aboutus .chart{
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: 7rem;
    opacity: 0;
    transition: all .5s 2.1s;
}
.advertising.on .aboutus .chart{
    opacity: 1;
}
.advertising .aboutus .chart .gender{}
.advertising .aboutus .chart div > b{
    font-size: 2.6rem;
    font-weight: 700;
    letter-spacing: -0.06em;
    color: #151515;
    display: block;
    text-align: left;
    margin-bottom: 2rem;
}
.advertising .aboutus .chart div:not(.gender) > b{
    padding-left: 5.5rem;
}
.advertising .aboutus .chart .gender .chart_bar{
    display: inline-flex;
    align-items: end;
    gap: 0.5rem;
    height: 26.3rem;
}
.advertising .aboutus .chart .gender .chart_bar .bar{
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 0.7rem;
    height: 100%;
}
.advertising .aboutus .chart .gender .chart_bar .bar p{
    font-size: 1.8rem;
    color: #151515;
    font-weight: 400;
    letter-spacing: -0.06em;
}
.advertising .aboutus .chart .gender .chart_bar .bar span{
    width: 3.6rem;
    max-height: 21.3rem;
    height: 0rem;
    border: 2px solid #fff;
    display: inline-block;
    transition: all .7s;
}
.advertising .aboutus .chart .gender .chart_bar .bar:nth-child(1) span{
    background-color: #c22f2f;
}
.advertising .aboutus .chart .gender .chart_bar .bar:nth-child(2) span{
    background-color: #ffd35f;
}
/* .advertising .aboutus .chart .gender{
    margin-right: 9rem;
}
.advertising .aboutus .chart .age{
    margin-right: 5rem;
} */
.advertising .aboutus .chart .pie{
    width: 18rem;
    height: 18rem;
}
.advertising .aboutus .chart .chart_pie{
    display: flex;
    gap: 3.1rem;
}
.advertising .aboutus .chart .chart_list{}
.advertising .aboutus .chart .chart_list ul{
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 1.3rem;
    margin-top: 2rem;
}
.advertising .aboutus .chart .chart_list ul li{
    display: flex;
    align-items: center;
    font-size: 1.9rem;
    letter-spacing: -0.06em;
    font-weight: 400;
    color: #151515;
}
.advertising .aboutus .chart .age .chart_list ul li em{
    font-size: 1.9rem;
    letter-spacing: -0.06em;
    font-weight: 400;
    color: #151515;
    min-width: 3.6rem;
}
.advertising .aboutus .chart  .job .chart_list ul li em{
    font-size: 1.9rem;
    letter-spacing: -0.06em;
    font-weight: 400;
    color: #151515;
    min-width: 5rem;
}
.advertising .aboutus .chart .chart_list ul li div{
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid #fff;
    margin-right: 0.6rem;
    margin-top: 0.3rem;
}
.advertising .aboutus .chart .chart_list ul li:nth-child(1) div{
    background-color: #c22f2f
}
.advertising .aboutus .chart .chart_list ul li:nth-child(2) div{
    background-color: #ffd35f
}
.advertising .aboutus .chart .chart_list ul li:nth-child(3) div{
    background-color: #949494
}
.advertising .aboutus .chart .chart_list ul li:nth-child(4) div{
    background-color: #fd9b38
}
.advertising .aboutus .chart .chart_list ul li span{
    font-size: 1.9rem;
    letter-spacing: -0.06em;
    font-weight: 500;
    color: #151515;
    display: inline-block;
    margin-left: 2.2rem;
}

.advertising .ad{}
.advertising .ad > strong{
    font-size: 4rem;
    letter-spacing: -0.06em;
    color: #151515;
    font-weight: 700;
    margin-top: 9.6rem;
    display: inline-block;
}
.advertising .ad > .ad_top{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 3rem;
    grid-row-gap: 5rem;
    margin-top: 5rem;
}
.advertising .ad > .ad_top li{
    width: 100%;
    height: 36rem;
    background-color: #f8f8f8;
    border-radius: 1rem;
    padding: 3rem;
}
.advertising .ad > .ad_top li img{}
.advertising .ad > .ad_top li strong{
    font-size: 3rem;
    letter-spacing: -0.05em;
    font-weight: 700;
    color: #252525;
    display: block;
    margin-top: 9.7rem;
}
.advertising .ad > .ad_top li p{
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: -0.06em;
    line-height: 3rem;
    color: #555;
    margin-top: 3.9rem;
}
.advertising .ad .ad_bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 4rem 0 10rem;
}
.advertising .ad .ad_bottom li{}
.advertising .ad .ad_bottom li:not(:nth-child(2n)){
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    background-color: #de1e10;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.advertising .ad .ad_bottom li span{
    font-size: 1.8rem;
    font-weight: 300;
    color: #fff;
}
.advertising .ad .ad_bottom li p{
    font-size: 2rem;
    letter-spacing: -0.06em;
    font-weight: 500;
    color: #fff;
    margin-top: 2.7rem;
}
.advertising .ad .ad_bottom li img{}
.advertising .ad .buttons{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-bottom: 15rem;
}
.advertising .ad a{
    width: 32rem;
    height: 6rem;
    display: block;
    text-align: center;
    background-color: #fff;
    border-radius: 0.5rem;
    border: 1px solid #000;
}
.advertising .ad a:nth-child(2){
    border: unset;
    background-color: #000;
}
.advertising .ad a span{
    background-image: url("../images/download.png");
    background-repeat: no-repeat;
    color: #151515;
    background-position: right 1rem;
    font-size: 2.3rem;
    letter-spacing: -0.06em;
    font-weight: 500;
    padding-right: 2.5rem;
    line-height: 5.8rem;
}
.advertising .ad a:nth-child(2) span{
    color: #fff;
    background-image: url("../images/arrow02.png");
}