@charset "utf-8";

/*-------------------------------------------------------------------
    파일정의 : 메인 스타일
-------------------------------------------------------------------*/
/* 공통 */
.inner {width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 7.5rem; padding-right: 7.5rem;}

/* 섹션 */
.main .intro {padding-top: 4.8rem; background: url('../img/bg_intro.png') no-repeat center bottom; background-size: 192rem;}
.main .intro .inner {display: flex; align-items: center;}
.main .intro .inner .headline {flex: none;}
.main .intro .inner .headline img {width: 43.4rem;}
.main .intro .inner .txt-wrap {flex: 1 0; margin-left: 5rem; position: relative;}
.main .intro .inner .txt-wrap::after {
    content: "";
    width: 14.5rem;
    height: 6.3rem;
    background: url('../img/deco_intro01.png') no-repeat center;
    background-size: 100%;
    position: absolute;
    left: 30rem;
    bottom: -1.5rem;
}
.main .intro .inner .en::after {
    left: 38rem;
}


.main .intro .inner .txt-wrap p {font-size: 1.6rem; line-height: 1.3125; color: #ffffff; word-break: keep-all;}
.main .intro .inner .txt-wrap ul {margin-top: 1.2rem;}
.main .intro .inner .txt-wrap ul li {font-size: 1.4rem;}
.main .intro .visual {position: relative; height: 74rem; overflow: hidden;}
.main .intro .visual img {position: absolute; z-index: 1; left: 50%; bottom: 0; /*transform: translateX(-50%);*/}
.main .intro .visual .radioman {width: 38.9rem; margin-left: -63.5rem;}
.main .intro .visual .ceo {width: 58.8rem; margin-left: -30.2rem;}
.main .intro .visual .candyman {width: 39.7rem; margin-left: 21.6rem;}
.main .intro .visual::after {content: ""; width: 192rem; height: 31.2rem; background: url('../img/deco_intro02.png') no-repeat center; background-size: 100%; position: absolute; z-index: 2; left: 50%; bottom: 0; transform: translateX(-50%);}

.div-gap-metaverse{
    padding-top: 7.5rem;

}

.main .metaverse {}
.main .metaverse .headline {width: 77.3rem;}
.main .metaverse .inner p {margin-top: 2.5rem; font-size: 1.6rem;}
.main .metaverse .dial {display: flex; align-items: center; gap: 5.2rem; margin-top: 2.5rem;}
.main .metaverse .dial button {font-size: 1.8rem; font-weight: 700; color: #00bff3; font-family: 'Montserrat';}
.main .metaverse .metaverse-cont {display: none;}
.main .metaverse .visual {height: 76.6rem; position: relative; background: url('../img/bg_metaverse.png') no-repeat center bottom; background-size: 192rem; overflow: hidden;}
.main .metaverse .visual .monitor {position: absolute; transition: all 0.3s; width: 54.2rem; background: url('../img/bg_monitor.png') no-repeat center top; background-size: 100%; padding: 6.8rem 3.4rem 0 8.7rem; min-height: 49.5rem; margin-top: -52rem; left: 50%; top: 2.4rem; transform: translateX(-50%); margin-left: -30.6rem;}
.main .metaverse .visual .monitor.active {margin-top: 0rem; transition: all 0.5s;}
.main .metaverse .visual .monitor .tit {font-size: 1.8rem; font-weight: 700; color: #ffffff; opacity: 0; font-family: 'Montserrat';}
.main .metaverse .visual .monitor .txt {max-height: 34.5rem; font-size: 1.4rem; color: #b7f4ff; padding: 1.4rem 1.6rem; word-break: keep-all; opacity: 0;}
.main .metaverse .visual .monitor.ani .tit {animation: flash 1s 1;}
.main .metaverse .visual .monitor.ani .txt {animation: flash 1s 1;}
.main .metaverse .visual .monitor-mobile {display: none;}
.main .metaverse .visual .candyman {position: absolute; bottom: 0; left: 50%; /*transform: translateX(-50%);*/ margin-left: 4.9rem; width: 57.5rem}

.main .metaverse .visual .monitor.ani .shot {
    
    display: flex;
    padding: 20px;
    text-align: center;
    justify-content: center;
    
}

.main .metaverse .visual .monitor.ani .shot-img {
    width: 320px;
    
}

@keyframes flash { 
    20%, 40%, 100% { 
        opacity: 1; 
    } 

    0%, 10%, 30% { 
        opacity: 0; 
    } 
}

.div-gap-project {
    padding-top: 11.5rem;
}

.main .project .headline {width: 99.1rem;}
.main .project .project-list {display: flex; align-items: center; gap: 5.2rem; margin-top: 1rem;}
.main .project .project-list p {font-size: 1.8rem; font-weight: 700; color: #ffffff; font-family: 'Montserrat';}
.main .project .visual {background: url('../img/bg_project.png') no-repeat center; background-size: 192rem; height: 61.5rem; position: relative; margin-top: 1.2rem; overflow: hidden;}
.main .project .visual img {position: absolute; bottom: -6.3rem; left: 50%; transform: translateX(-50%); margin-left: 13.7rem; width: 112.8rem;}
.main .project .acc-wrap {margin-top: 17rem;}
.main .project .acc-wrap .acc-list + .acc-list {margin-top: 5rem;}
.main .project .acc-wrap .acc-list .add-title {border: 0.2rem solid #00bff3; background: url('../img/icon/ic_arr_acc_off.png') no-repeat right 2.4rem center; background-size: 2.7rem; padding: 0.6rem 1.5rem;}
.main .project .acc-wrap .acc-list.active .add-title {background: url('../img/icon/ic_arr_acc_on.png') no-repeat right 2.4rem center;}
.main .project .acc-wrap .acc-list .add-title p {font-size: 3.6rem; font-weight: 700; color: #00bff3; font-family: 'Montserrat';}
.main .project .acc-wrap .acc-list .acc-cont {display: none; padding-top: 4rem;}
.main .project .acc-wrap .acc-list .acc-cont .tit {font-size: 3rem; color: #00bff3; font-weight: 700; line-height: 1; text-align: center; font-family: 'Montserrat';}
.main .project .acc-wrap .acc-list .acc-cont .txt {font-size: 1.6rem; color: #999999; text-align: center;}
.main .project .acc-wrap .acc-list .acc-cont .link-group {display: flex; align-items: center; justify-content: center; gap: 3rem;}
.main .project .acc-wrap .acc-list .acc-cont .row {display: flex; align-items: center;}
.main .project .acc-wrap .acc-list .acc-cont .row .col {flex: 1 0;}
.main .project .acc-wrap .acc-list .acc-cont .txt-wrap {border-top: 0.2rem solid #00bff3; border-bottom: 0.2rem solid #00bff3; padding-top: 0.8rem; padding-bottom: 2rem;}
.main .project .acc-wrap .acc-list .acc-cont .txt-wrap .tit {border-bottom: 0.2rem solid #00bff3;}
.main .project .acc-wrap .acc-list .acc-cont .txt-wrap .txt {margin-top: 2rem;}
.main .project .acc-wrap .acc-list .acc-cont .txt-wrap .link-group {margin-top: 1.5rem;}
.main .project .acc-wrap .acc-list:nth-child(1) .acc-cont .tit {margin-top: 5rem;}
.main .project .acc-wrap .acc-list:nth-child(1) .acc-cont .txt {margin-top: 2rem;}
.main .project .acc-wrap .acc-list:nth-child(1) .acc-cont .link-group {margin-top: 4rem;}
.main .project .acc-wrap .acc-list:nth-child(2) .acc-cont .row:nth-child(1) .col:nth-child(1) {flex: none;}
.main .project .acc-wrap .acc-list:nth-child(2) .acc-cont .row:nth-child(1) .col:nth-child(1) img {width: 56.5rem;}
.main .project .acc-wrap .acc-list:nth-child(2) .acc-cont .row:nth-child(2) {flex-direction: row-reverse;}
.main .project .acc-wrap .acc-list:nth-child(2) .acc-cont .row:nth-child(2) .col:nth-child(1) {flex: none;}
.main .project .acc-wrap .acc-list:nth-child(2) .acc-cont .row:nth-child(2) .col:nth-child(1) img {width: 56.5rem;}
.main .project .acc-wrap .acc-list:nth-child(3) .acc-cont .row {margin-top: 4.8rem;}
.main .project .acc-wrap .acc-list:nth-child(3) .acc-cont .row .col:nth-child(1) {flex: none;}
.main .project .acc-wrap .acc-list:nth-child(3) .acc-cont .row .col:nth-child(1) img {width: 55.1rem;}

.div-gap.dimension {
    padding-top: 21rem;
}


.main .my-dimension {
    
    padding-bottom: 6rem;
    background: url('../img/bg_my_dimension.png') no-repeat center bottom; background-size: 192rem; overflow: hidden;}
.main .my-dimension .headline {width: 96.3rem;}
.main .my-dimension .inner img {margin: 0 auto;}
.main .my-dimension .inner p {font-size: 1.6rem; text-align: center; margin-top: 3.5rem;}
.main .my-dimension .inner .txt-link {display: flex; align-items: center; justify-content: center; font-family: 'Montserrat'; font-size: 1.8rem; font-weight: 700; color: #00bff3; gap: 1rem; margin-top: 2rem; line-height: 1.37;}
.main .my-dimension .visual {position: relative; height: 78.4rem;}
.main .my-dimension .visual img {position: absolute; left: 50%; /* transform: translateX(-50%); */}
.main .my-dimension .visual .fiberman {width: 34.5rem; margin-left: -55.6rem; bottom: 0.8rem;}
.main .my-dimension .visual .pcman {width: 49.1rem; margin-left: 7rem; bottom: 0;}

/*
.main .team {
    position: relative;
    background: #00bff3 url('../img/pattern_team.png') repeat-y center top; background-size: 192rem;
    padding-top: 6.9rem; padding-bottom: 7.3rem;
}
*/

.div-gap-team {
    padding-top: 6.9rem; 
}

.main .team {
    position: relative;
    background: #00bff3 url('../img/pattern_team.png') repeat-y center top; background-size: 100%;
    padding-bottom: 7.3rem;
}

/*
.main .team::before {
    content: ""; max-width: 192rem; width: 100%; height: 40.1rem;
    background: url('../img/bg_team.png') no-repeat center;
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
}
*/

.main .team::before {
    content: ""; width: 100vw; height: 401px;
    background: url('../img/bg_team.png') no-repeat center top;
    background-size : 100% 100%;
    /*border: red solid 2px;*/
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
}


.main .team .headline {width: 43.4rem;}
.main .team .inner {z-index: 1; position: relative;}
.main .team .tit-sub {margin-top: 1.6rem; border: 0.2rem solid #ffffff; font-size: 3.6rem; color: #ffffff; font-weight: 700; padding: 0.6rem 1.5rem; font-family: 'Montserrat';}
.main .team ul {margin-top: 6rem;}
.main .team ul li {position: relative; display: flex; align-items: center;}
.main .team ul li > * {position: relative; z-index: 1;}
.main .team ul li .img-wrap {flex: none;}
.main .team ul li .txt-wrap {flex: 1 0;}
.main .team ul li .txt-wrap p {line-height: 1; font-size: 9.6rem; letter-spacing: -0.1em; color: #ffffff; font-weight: 800; font-family: 'Montserrat'; text-align: center;}
.main .team ul li .txt-wrap .position {font-size: 3rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.4;}
.main .team ul li .txt-wrap .name01 {}
.main .team ul li .txt-wrap .name02 {color: #00bff3; text-shadow: -0.3rem 0 0px rgba(255,255,255,1), 0 -0.3rem 0px rgba(255,255,255,1), 0.3rem 0 0px rgba(255,255,255,1), 0 0.3rem 0px rgba(255,255,255,1);}
.main .team ul li::before,
.main .team ul li::after {content: ""; position: absolute; z-index: 0; background-repeat: no-repeat; background-position: center; background-size: 100%;}
.main .team ul li:nth-child(1) {padding-left: 4rem;}
.main .team ul li:nth-child(1)::after {width: 24.3rem; height: 26.4rem; right: 1.3rem; top: 0; background-image: url('../img/deco_team01.png');}
.main .team ul li:nth-child(1) .img-wrap img {width: 26.4rem;}
.main .team ul li:nth-child(1) .txt-wrap {padding-top: 10.3rem;}
.main .team ul li:nth-child(2) {flex-direction: row-reverse; margin-top: -4.5rem; padding-right: 2.5rem;}
.main .team ul li:nth-child(2)::after {width: 23.6rem; height: 19.6rem; background-image: url('../img/deco_team02.png'); z-index: 1; right: 21.4rem; bottom: -0.4rem;}
.main .team ul li:nth-child(2) .img-wrap img {width: 26.4rem;}
.main .team ul li:nth-child(2) .txt-wrap {padding-bottom: 3.6rem;}
.main .team ul li:nth-child(3) {padding-left: 5rem; padding-right: 21rem; margin-top: -3.6rem;}
.main .team ul li:nth-child(3)::after {width: 18.6rem; height: 35.4rem; background-image: url('../img/deco_team03.png'); right: 3rem; top: 7.2rem;}
.main .team ul li:nth-child(3) .img-wrap img {width: 28.8rem;}
.main .team ul li:nth-child(3) .txt-wrap .name02 {margin-top: -2.8rem;}
.main .team ul li:nth-child(4) {flex-direction: column; margin-top: -1.2rem;}
.main .team ul li:nth-child(4)::after {width: 22.3rem; height: 26.8rem; background-image: url('../img/deco_team04.png'); right: 26.1rem; top: 16.5rem;}
.main .team ul li:nth-child(4) .img-wrap img {width: 26.4rem;}
.main .team ul li:nth-child(4) .txt-wrap {display: flex; flex-direction: column-reverse; margin-top: -9.6rem;}
.main .team ul li:nth-child(4) .txt-wrap .position {margin-top: -0.9rem;}
.main .team ul li:nth-child(5) {flex-direction: row-reverse; margin-top: 1.2rem; padding-right: 2.9rem; padding-left: 15rem;}
.main .team ul li:nth-child(5)::after {width: 22.7rem; height: 28.9rem; background-image: url('../img/deco_team05.png'); left: 2rem; top: 0.4rem;}
.main .team ul li:nth-child(5) .img-wrap img {width: 31.3rem;}
.main .team ul li:nth-child(5) .txt-wrap {display: flex; flex-direction: column-reverse; padding-top: 15.5rem;}
.main .team ul li:nth-child(6) {margin-top: -4rem; padding-left: 3.4rem; padding-right: 13.1rem;}
.main .team ul li:nth-child(6)::before {width: 15.9rem; height: 19.8rem; background-image: url('../img/deco_team06_1.png'); left: 31rem; top: 11rem;}
.main .team ul li:nth-child(6)::after {width: 24.7rem; height: 33.8rem; background-image: url('../img/deco_team06_2.png'); right: 2.8rem; top: 8.5rem; z-index: 1;}
.main .team ul li:nth-child(6) .img-wrap img {width: 26.4rem;}
.main .team ul li:nth-child(6) .txt-wrap {padding-top: 25rem;}
.main .team ul li:nth-child(6) .txt-wrap .name02 {margin-left: -19rem;}
.main .team ul li:nth-child(7) {flex-direction: row-reverse; margin-top: -1.8rem; padding-right: 4rem; padding-left: 19.4rem;}
.main .team ul li:nth-child(7)::after {width: 20.6rem; height: 21.6rem; background-image: url('../img/deco_team07.png'); left: 4.2rem; top: 10.6rem;}
.main .team ul li:nth-child(7) .img-wrap img {width: 29.5rem;}
.main .team ul li:nth-child(7) .txt-wrap {padding-top: 6rem;}
.main .team ul li:nth-child(8) {padding-left: 26.2rem; padding-right: 6.5rem; margin-top: -7rem;}
.main .team ul li:nth-child(8)::before {width: 60.4rem; height: 51rem; background-image: url('../img/deco_team08.png'); left: -9rem; top: -0.7rem}
.main .team ul li:nth-child(8) .img-wrap img {width: 30.4rem;}
.main .team ul li:nth-child(8) .txt-wrap {display: flex; align-items: center; gap: 1rem;} 

.main .partners {position: relative; padding-top: 17rem; padding-bottom: 3.2rem;}
.main .partners::before {
    content: ""; max-width: 100vw; width: 100vw; height: 170px;
    background: url('../img/pattern_partners.png') no-repeat center top;
    background-size: 192rem;
    background-size: 100% 100%;
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.main .partners .tit-sub {border: 0.2rem solid #00bff3; font-size: 3.6rem; color: #00bff3; font-weight: 700; padding: 0.6rem 1.5rem; font-family: 'Montserrat';}
.main .partners .company-list {margin-top: 5.4rem;}
.main .partners .company-list ul {display: flex; flex-wrap: wrap; gap: 6.2rem 2.5rem;}
.main .partners .company-list ul li .thumb img {width: 29.6rem;}
.main .partners .company-list ul li .tit {font-size: 3rem; font-weight: 700; color: #00bff3; font-family: 'Montserrat';}

.main .contact-us {position: relative; padding-top: 11rem; padding-bottom: 3rem; background-color: #00bff3;}
.main .contact-us::before {
    content: "";
    max-width: 100vw;
    width: 100vw;
    height: 110px;
    background: url('../img/pattern_contact_us.png') no-repeat center top;
    background-size: 100% 100%;
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.main .contact-us .inner {position: relative;}
.main .contact-us .inner::after {content: ""; width: 6.3rem; height: 14.3rem; background: url('../img/deco_contact_us.png') no-repeat center top; background-size: 100%; position: absolute; left: 72.4rem; top: 12.4rem;}
.main .contact-us .headline {margin-left: -7.8rem; margin-top: -3.6rem; width: 69rem;}
.main .contact-us .headline + p {margin-top: -2.4rem;}
.main .contact-us p {font-size: 1.8rem; line-height: 1.667; color: #ffffff;}
.main .contact-us p.txt-copy {margin-top: 7rem; text-align: center; font-family: 'Montserrat';}

@media screen and (max-width: 1024px) {
    /*-------------------------------------------------------------------
        파일정의 : 메인 스타일
    -------------------------------------------------------------------*/
    /* 공통 */
    .inner {padding-left: 3rem; padding-right: 3rem;}

    /* 섹션 */
    .main .intro {
        margin-top: 8rem;
        padding-top: 1.6rem;
        background-size: 102.4rem;
    }
    .main .intro .inner {flex-direction: column; gap: 3rem;}
    .main .intro .inner .headline img {width: 43.4rem;}
    .main .intro .inner .txt-wrap {padding: 0 4.2rem; margin-left: 0;}
    .main .intro .inner .txt-wrap::after {width: 8.9rem; height: 3.9rem; left: 50%; bottom: auto; top: -3rem; transform: rotate(90deg) translate(-50%, 100%); margin-left: -22.5rem;}
    .main .intro .inner .txt-wrap p {font-size: 1.8rem; line-height: 1.334;}
    .main .intro .inner .txt-wrap ul {margin-top: 1.5rem;}
    .main .intro .inner .txt-wrap ul li {font-size: 1.6rem;}
    .main .intro .visual {height: 45.3rem;}
    .main .intro .visual .radioman {width: 16.2rem; margin-left: -26.6rem;}
    .main .intro .visual .ceo {width: 24.4rem; margin-left: -12.8rem;}
    .main .intro .visual .candyman {width: 16.5rem; margin-left: 8.8rem;}
    .main .intro .visual::after {width: 80rem; height: 13rem;}

    .main .metaverse {padding-top: 7.7rem;}
    .main .metaverse .headline {width: 59.6rem; margin: 0 auto;}
    .main .metaverse .inner p {margin-top: 5rem; font-size: 1.8rem;}
    .main .metaverse .dial {display: none;}
    .main .metaverse .metaverse-cont {display: block; padding: 0 4.2rem; margin-top: 2.5rem;}
    .main .metaverse .metaverse-cont ul li + li {margin-top: 3.5rem;}
    .main .metaverse .metaverse-cont ul li p {margin-top: 0;}
    .main .metaverse .metaverse-cont ul li .tit {font-size: 2.4rem; font-weight: 700; color: #00bff3; margin-left: -2.4rem;}
    .main .metaverse .metaverse-cont ul li .txt {font-size: 1.8rem; margin-top: 1.2rem; line-height: 1.334;}
    .main .metaverse .visual {margin-top: 1rem; height: 30.2rem; background: url('../img/bg_metaverse.png') no-repeat center top; background-size: 102.4rem; overflow: visible;}
    .main .metaverse .visual .monitor {display: none;}
    .main .metaverse .visual .monitor-mobile {display: block; position: absolute; width: 22.6rem; background: url('../img/bg_monitor_m.png') no-repeat center top; background-size: 100%; padding: 6.7rem 1.5rem 0 3.8rem; height: 24.4rem; left: 50%; top: -2.2rem; transform: translateX(-50%); margin-left: -12rem;}
    .main .metaverse .visual .monitor-mobile .view {height: auto;}
    .main .metaverse .visual .monitor-mobile .tit {color: #ffffff; font-size: 1.6rem; font-weight: 700;}
    .main .metaverse .visual .monitor-mobile .txt {color: #ffffff; font-size: 1.4rem; font-weight: 400; margin-top: 0.5rem;}
    .main .metaverse .visual .monitor-mobile .txt + .tit {margin-top: 1rem;}
    .main .metaverse .visual .candyman {margin-left: 2.1rem; width: 23.9rem; bottom: auto; top: -0.5rem;}

    .main .project {padding-top: 7rem;}
    .main .project .headline {width: 62.8rem; margin: 0 auto;}
    .main .project .project-list {display: none;}
    .main .project .visual {display: none;}
    .main .project .acc-wrap {margin-top: 6rem;}
    .main .project .acc-wrap .acc-list + .acc-list {margin-top: 3rem;}
    .main .project .acc-wrap .acc-list .add-title {border: 0.2rem solid #00bff3; background: url('../img/icon/ic_arr_acc_off.png') no-repeat right 1.2rem center; background-size: 1.4rem; padding: 0.4rem 0.8rem;}
    .main .project .acc-wrap .acc-list.active .add-title {background: url('../img/icon/ic_arr_acc_on.png') no-repeat right 1.2rem center; background-size: 1.4rem;}
    .main .project .acc-wrap .acc-list .add-title p {font-size: 1.8rem;}
    .main .project .acc-wrap .acc-list .acc-cont {padding-top: 3rem;}
    .main .project .acc-wrap .acc-list .acc-cont .row {gap: 3.6rem;}
    .main .project .acc-wrap .acc-list .acc-cont .tit {font-size: 3rem;}
    .main .project .acc-wrap .acc-list .acc-cont .txt {font-size: 1.8rem; text-align: left; word-break: keep-all;}
    .main .project .acc-wrap .acc-list .acc-cont .txt br {display: none;}
    .main .project .acc-wrap .acc-list .acc-cont .txt-wrap {border: 0; padding-top: 0; padding-bottom: 0;}
    .main .project .acc-wrap .acc-list .acc-cont .txt-wrap .tit {border-bottom: 0;}
    .main .project .acc-wrap .acc-list .acc-cont .txt-wrap .txt {margin-top: 0.5rem;}
    .main .project .acc-wrap .acc-list .acc-cont .txt-wrap .link-group {margin-top: 1rem;}
    .main .project .acc-wrap .acc-list:nth-child(1) .acc-cont .tit {margin-top: 3.2rem;}
    .main .project .acc-wrap .acc-list:nth-child(1) .acc-cont .txt {margin-top: 1.5rem;}
    .main .project .acc-wrap .acc-list:nth-child(1) .acc-cont .link-group {margin-top: 5.5rem;}
    .main .project .acc-wrap .acc-list:nth-child(2) .acc-cont .row:nth-child(1) .col:nth-child(1) img {width: 28.8rem;}
    .main .project .acc-wrap .acc-list:nth-child(2) .acc-cont .row:nth-child(2) .col:nth-child(1) img {width: 28.8rem;}
    .main .project .acc-wrap .acc-list:nth-child(3) .acc-cont .row {margin-top: 2rem;}
    .main .project .acc-wrap .acc-list:nth-child(3) .acc-cont .row .col:nth-child(1) img {width: 24.5rem;}

    .main .my-dimension {padding-top: 10rem; padding-bottom: 0; background-size: 77rem;}
    .main .my-dimension .headline {width: 57.6rem;}
    .main .my-dimension .inner p {font-size: 1.8rem; text-align: left; margin-top: 3.2rem;}
    .main .my-dimension .visual {height: 31.5rem;}
    .main .my-dimension .visual .fiberman {width: 13.9rem; margin-left: -23.3rem; bottom: 0.4rem;}
    .main .my-dimension .visual .pcman {width: 19.7rem; margin-left: 4.2rem; bottom: 0;}

    .main .team {background: #00bff3 url('../img/pattern_team.png') repeat-y center top; background-size: 64rem; padding-top: 5.2rem; padding-bottom: 5.7rem;}
    .main .team::before {
        content: ""; max-width: 192rem; width: 100%; height: 20.1rem;
        
        position: absolute; top: 0; left: 50%; transform: translateX(-50%);        
        }
    .main .team .headline {width: 22rem;}
    .main .team .tit-sub {margin-top: 1.2rem; font-size: 1.8rem; padding: 0.4rem 0.8rem;}
    .main .team ul {margin-top: 2rem;}
    .main .team ul li .txt-wrap p {font-size: 2.7rem;}
    .main .team ul li .txt-wrap .position {font-size: 1.1rem; line-height: 1.364;}
    .main .team ul li .txt-wrap .name02 {text-shadow: -0.1rem 0 0px rgba(255,255,255,1), 0 -0.1rem 0px rgba(255,255,255,1), 0.1rem 0 0px rgba(255,255,255,1), 0 0.1rem 0px rgba(255,255,255,1);}
    .main .team ul li:nth-child(1) {padding-left: 0; padding-right: 28rem;}
    .main .team ul li:nth-child(1)::after {width: 8.7rem; height: 9.4rem; right: 19.6rem; top: -1.2rem;}
    .main .team ul li:nth-child(1) .img-wrap img {width: 9.5rem;}
    .main .team ul li:nth-child(1) .txt-wrap {padding-top: 0rem;}
    .main .team ul li:nth-child(2) {margin-top: -12.4rem; padding-right: 0rem; padding-left: 26rem;}
    .main .team ul li:nth-child(2)::after {width: 8.6rem; height: 7.1rem; right: 30.3rem; bottom: 1.6rem;}
    .main .team ul li:nth-child(2) .img-wrap img {width: 9.5rem;}
    .main .team ul li:nth-child(2) .txt-wrap {padding-bottom: 0rem; padding-top: 2.1rem;}
    .main .team ul li:nth-child(3) {padding-left: 0; padding-right: 20.6rem; margin-top: -2.5rem;}
    .main .team ul li:nth-child(3)::after {width: 6.8rem; height: 12.9rem; right: auto; left: 9.5rem; top: 3rem;}
    .main .team ul li:nth-child(3) .img-wrap img {width: 10.2rem;}
    .main .team ul li:nth-child(3) .txt-wrap .name02 {margin-top: 0rem;}
    .main .team ul li:nth-child(4) {margin-top: -8.5rem; flex-direction: row-reverse; gap: 3.2rem;}
    .main .team ul li:nth-child(4)::after {width: 8.1rem; height: 9.7rem; right: 7.8rem; top: -0.8rem; transform: scaleX(-1);}
    .main .team ul li:nth-child(4) .img-wrap img {width: 9.5rem;}
    .main .team ul li:nth-child(4) .txt-wrap {display: flex; flex-direction: column-reverse; margin-top: 0rem;}
    .main .team ul li:nth-child(4) .txt-wrap p {text-align: right;}
    .main .team ul li:nth-child(4) .txt-wrap .name02 {text-shadow: none; color: #ffffff;}
    .main .team ul li:nth-child(4) .txt-wrap .position {margin-top: 0rem;}
    .main .team ul li:nth-child(5) {flex-direction: row; margin-top: -4.2rem; padding-right: 26.5rem; padding-left: 0rem;}
    .main .team ul li:nth-child(5)::after {width: 7.1rem; height: 9rem; left: 30.2rem; top: 4.5rem;}
    .main .team ul li:nth-child(5) .img-wrap img {width: 11.2rem;}
    .main .team ul li:nth-child(5) .txt-wrap {padding-top: 0rem;}
    .main .team ul li:nth-child(6) {flex-direction: row-reverse; margin-top: -6.2rem; padding-left: 27.4rem; padding-right: 0rem;}
    .main .team ul li:nth-child(6)::before {width: 5.9rem; height: 7.2rem; left: 27.5rem; top: 2.5rem;}
    .main .team ul li:nth-child(6)::after {width: 9rem; height: 12.2rem; right: auto; left: 18.8rem; top: 3rem;}
    .main .team ul li:nth-child(6) .img-wrap img {width: 9.5rem;}
    .main .team ul li:nth-child(6) .txt-wrap {padding-top: 0;}
    .main .team ul li:nth-child(6) .txt-wrap .name02 {margin-left: 0; text-shadow: none; color: #ffffff;}
    .main .team ul li:nth-child(7) {flex-direction: row; margin-top: -5rem; padding-right: 30rem; padding-left: 0rem;}
    .main .team ul li:nth-child(7)::after {width: 7.4rem; height: 7.7rem; left: 6rem; top: -3.5rem;}
    .main .team ul li:nth-child(7) .img-wrap img {width: 10.5rem;}
    .main .team ul li:nth-child(7) .txt-wrap {padding-top: 0;}
    .main .team ul li:nth-child(8) {flex-direction: row-reverse; padding-left: 27.2rem; padding-right: 1.5rem; margin-top: -10rem;}
    .main .team ul li:nth-child(8)::before {display: none;}
    .main .team ul li:nth-child(8) .img-wrap img {width: 11rem;}
    .main .team ul li:nth-child(8) .txt-wrap {display: flex; align-items: center; gap: 1rem;} 

    .main .partners {padding-top: 1.5rem; padding-bottom: 2.5rem;}
    .main .partners::before {height: 5.7rem; top: 0; transform: translate(-50%, -100%); background: url('../img/pattern_partners.png') no-repeat center bottom; background-size: 100%;}
    .main .partners .tit-sub {font-size: 1.8rem; padding: 0.4rem 0.8rem;}
    .main .partners .company-list {margin-top: 3.2rem;}
    .main .partners .company-list ul {gap: 3.5rem 1.2rem;}
    .main .partners .company-list ul li .thumb img {width: 14rem;}
    .main .partners .company-list ul li .tit {font-size: 1.4rem;}
    
    .main .contact-us {padding-top: 3.7rem; padding-bottom: 1.2rem;}
    .main .contact-us::before {height: 3.7rem;}
    .main .contact-us .inner::after {width: 2.1rem; height: 4.7rem; left: 25rem; top: 0.2rem;}
    .main .contact-us .headline {margin-left: -2.5rem; margin-top: -1.2rem; width: 25.5rem;}
    .main .contact-us .headline + p {margin-top: 0rem;}
    .main .contact-us p {font-size: 1.4rem; line-height: 1.286;}
    .main .contact-us p.txt-copy {margin-top: 0.8rem;}
}

@media screen and (max-width: 480px) {
    .main .team ul li:nth-child(1) {padding-right: 0; gap: 1rem;}
    .main .team ul li:nth-child(1)::after {right: 15rem;}
    .main .team ul li:nth-child(1) .txt-wrap p {text-align: left;}
    .main .team ul li:nth-child(2) {margin-top: 0; padding-left: 0; gap: 1rem;}
    .main .team ul li:nth-child(2)::after {right: 34.5rem;}
    .main .team ul li:nth-child(2) .txt-wrap p {text-align: right;}
    .main .team ul li:nth-child(3) {padding-right: 0; margin-top: 0; gap: 7rem;}
    .main .team ul li:nth-child(3) .txt-wrap p {text-align: left;}
    .main .team ul li:nth-child(4) {margin-top: 0;}
    .main .team ul li:nth-child(5) {margin-top: 0; padding-right: 0; gap: 1rem;}
    .main .team ul li:nth-child(5)::after {left: 37.5rem;}
    .main .team ul li:nth-child(5) .txt-wrap p {text-align: left;}
    .main .team ul li:nth-child(6) {margin-top: 0; padding-left: 0; gap: 1rem;}
    .main .team ul li:nth-child(6)::after {left: 17rem;}
    .main .team ul li:nth-child(6)::before {left: auto; top: 0rem; right: 11rem;}
    .main .team ul li:nth-child(6) .txt-wrap p {text-align: right;}
    .main .team ul li:nth-child(7) {margin-top: 0; padding-right: 0; gap: 1rem;}
    .main .team ul li:nth-child(7) .txt-wrap p {text-align: left;}
    .main .team ul li:nth-child(8) {padding-left: 0; padding-right: 0; margin-top: 0; gap: 1rem;}
    .main .team ul li:nth-child(8) .txt-wrap {flex-direction: column; gap: 0; align-items: flex-end;}
}