#about01 {
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#fff;
    background: url("/img/about01_bg.jpg") center center / cover no-repeat;
}

#about01 .title_box .context {
    font-weight: 400;
    color:#fff;
}

#about02 {
    padding:100px 0;
}

#about02 ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

#about02 ul li {
    width: 14%;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 100%;
    background: #ebeeef;
    position:relative;
}

#about02 ul li:not(:last-child){
    margin-right: 3.2%;
}

#about02 ul li:not(:last-child)::after{
    content:"\e93e";
    font-family: "xeicon";
    font-size: 1.125rem;
    color:#cfd1d1;
    position:absolute;
    left:103.2%;
    transform:translateX(25%)
}

#about02 ul li .txt_box {
    text-align: center;
}

#about02 ul li .txt_box .ko {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 5px;
}

#about02 ul li .txt_box .en {
    color:#a8a8a8
}

#about03 {
    height: 1025px;
    display: flex;
    align-items: center;
    background: url("/img/about03_bg.jpg") center center / cover no-repeat;
}

#about03 .con {
    width: 100%;
}

#about03 .title_box {
    border-bottom:1px solid rgba(255,255,255,0.12);
    color:#fff;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

#about03 .title_box .title span {
    font-weight: 300;
}

#about03 .comp_wrap {
    position:relative;
}

#about03 .comp_wrap .inner {
    width: 83%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position:relative;
    margin-left: auto;
}

#about03 .comp_wrap .comp {
    width: 48.5%;
    text-align: center;
}

#about03 .comp_wrap .comp > span {
    height: 65px;
    display: inline-flex;
    align-items: center;
    font-size:1.62rem;
    font-weight: 700;
    color:#fff;
    margin-bottom: 35px;
}

#about03 .comp_wrap .comp ul li {
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    border-radius: 60px;
    background: #bfbfbf;
    line-height: 1.66;
}

#about03 .comp_wrap .comp:first-child ul li {
    background: rgba(0,0,0,0.5);
    border:1px solid rgba(255,255,255,0.5);
    color:#fff;
}

#about03 .comp_wrap .comp ul li:not(:last-child){
    margin-bottom: 20px;
}

#about03 .comp_wrap .subject {
    display: flex;
    flex-direction: column;
    font-size: 1.625rem;
    font-weight: 600;
    color:#fff;
    position:absolute;
    top:100px;
    left:40px;
}

#about03 .comp_wrap .subject span {
    height: 120px;
    display: flex;
    align-items: center;
    text-align: center;
    line-height: 1;
}

#about03 .comp_wrap .subject span:not(:last-child) {
    margin-bottom: 20px;
}

#about04 {
    height: 1025px;
    display: flex;
    align-items: center;
    background: url("/img/about04_bg.jpg") center center / cover no-repeat;
}

#about04 .con {
    width: 100%;
}

#about04 .title_box {
    border-bottom:1px solid rgba(255,255,255,0.62);
    color:#fff;
    padding-bottom: 50px;
}

#about04 ol {
    padding:0;
    margin:0
}

#about04 ol li {
    display: flex;
    flex-wrap: wrap;
    border-bottom:1px solid rgba(255,255,255,0.12);
    padding:30px 0 50px;
}

#about04 ol li .img_box {
    width: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#about04 ol li .txt_box {
    width: calc(100% - 220px);
}

#about04 ol li .txt_box .num {
    font-size: 0.875rem;
    color:rgba(255,255,255,0.3);
}

#about04 ol li .txt_box .subject {
    font-size: 1.625rem;
    font-weight: 600;
    color:#fff;
    margin:10px 0 15px;
}

#about04 ol li .txt_box .context {
    font-size: 1.25rem;
    color:rgba(255,255,255,0.5);
    line-height: 1.65;
}

#about05 {
    padding:100px 0;
    background: #fff;
}

#about05 .con {
    display: flex;
    flex-wrap: wrap;
}

#about05 .title_box {
    text-align:left;
}

#about05 ol {
    width: 50%;
    margin:0;
    padding:0;
    margin-left: auto;
}

#about05 ol li {
    height: 120px;
    display: flex;
    border-radius:20px;
    background: #000;
    padding:15px;
}

#about05 ol li:not(:last-child){
    margin-bottom: 10px;
}

#about05 ol li .num {
    flex-shrink: 0;
    font-weight: 600;
    color:rgba(255,255,255,0.3);
    border-right:1px solid rgba(255,255,255,0.2);
    padding-right: 25px;
    margin-right: 25px;
}

#about05 ol li .txt_box .title {
    font-size: 1.625rem;
    font-weight: 600;
    color:#fff;
}

#about05 ol li .txt_box .context {
    font-size: 1.25rem;
    color:#a8a8a8;
    line-height: 1.2;
    margin-top: 8px;
}

#about06 {
    padding:120px 0;
    background: #000;
    border-bottom:1px solid rgba(255,255,255,0.2);
}

#about06 .title_box {
    color:#fff;
}

#about06 .video_wrap {
    margin-top: 50px;
}

#about06 .video_wrap img {
    border-radius: 20px;
}

@media all and (max-width:1024px){
    #about02 ul li:not(:last-child)::after {
        left:102%;
    }

    #about03 {
        height: auto;
        padding:100px 0;
    }
    
    #about03 .title_box {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    #about03 .comp_wrap .comp > span {
        margin-bottom: 100px;
    }

    #about03 .comp_wrap .inner {
        width: 100%;
    }

    #about03 .comp_wrap .comp ul li {
        height: 100px;
    }

    #about03 .comp_wrap .comp ul li:not(:last-child) {
        margin-bottom: 120px;
    }

    #about03 .comp_wrap .subject {
        top:105px;
        left:50%;
        transform:translateX(-50%);
    }

    #about03 .comp_wrap .subject span {
        height: auto;
    }

    #about03 .comp_wrap .subject span:not(:last-child) {
        margin-bottom: calc(220px - 1.625rem);
    }

    #about04 {
        height: auto;
        padding:100px 0;
    }
}

@media all and (max-width:780px){
    #about02 ul {
        justify-content: space-between;
    }
    
    #about02 ul li {
        width: 45%;
        margin-bottom: 10%;
    }

    #about02 ul li:not(:last-child) {
        margin-right: 0;
    }

    #about02 ul li:not(:last-child)::after {
        font-size: 4.5vw;
        left:42vw;
    }

    #about02 ul li:nth-child(2n)::after {
        display: none;
    }

    #about03 .comp_wrap .comp:first-child {
        display: none;
    }

    #about03 .comp_wrap .comp:last-child {
        width: 100%;
    }

    #about03 .comp_wrap .comp ul li:not(:last-child) {
        margin-bottom: 70px;
    }

    #about03 .comp_wrap .subject {
        top:125px;
    }

    #about03 .comp_wrap .subject span:not(:last-child) {
        margin-bottom: calc(170px - 1.625rem);
    }

    #about04 .title_box {
        padding-bottom: 30px;
    }

    #about04 ol li .img_box,
    #about04 ol li .txt_box {
        width: 100%;
    }

    #about04 ol li .txt_box {
        text-align: center;
        margin-top: 20px;
    }

    #about04 ol li .txt_box .context br {
        display: none;
    }

    #about05 .title_box {
        text-align: center;
        margin:0 auto;
    }

    #about05 ol {
        width: 100%;
        margin-top: 30px;
    }

    #about05 ol li {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    #about05 ol li .num {
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,0.2);
        padding-right: 0;
        margin-right: 0;
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
}