@charset "utf-8";

/* main, sub 페이지의 section style */


.main section .inner-con{padding-top: 11.156vw; padding-bottom: 11.156vw; margin-left: 8.594vw;margin-right: 8.594vw;}

.main section .inner-con.full{width:100%; padding: unset; margin: unset;}

.sub section {overflow: hidden;}

.sub section:nth-child(1){padding-top: 7vw;}

.sub section .inner-con{max-width: 77.313vw;margin: 0 auto;}

.sub section .inner-con.full{width: 100%; max-width: unset;}

.sub-line {padding-left: 10.57vw;}


/* ======================== main ======================== */
.main .sec1{
    width: 100%;
    height: 56vw;
    position: relative;
    background: #1a1a1a url(../img/main_bg.png) no-repeat center 0;
}

.main .sec1 .inner-con{height: 100%;}

.main .sec1:before{
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    background: url(../img/main_a01.gif) no-repeat top 0 center;
    z-index: 1;
    opacity: 0.2;
}

.main .sec1:after{
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    background: url(../img/main_b01.gif) no-repeat top 0 center;
    z-index: 1;
    opacity: 0.7;
}

.main .sec1 .inner-con:after{
    content: '';
    width: 7.5vw;
    height: 6.25vw;
    display: block;
    position: absolute;
    background: url(../img/whale.gif) no-repeat;
    left: 50%;
    top: 35%;
    margin-top: -3.125vw;
    margin-left: 3.125vw;
    opacity: 0.9;
    background-size: contain;
}

.main .sec1 .text-area {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    position: absolute;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
}

.main .sec1 .title-wrap{
    font-size: 4.5vw;
    line-height: 1.25em;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    letter-spacing: -0.063vw;
}

.main .sec1 .title-wrap>p{transform: translate3d(0, 200%, 0);}

.main .sec1 .text02>p{
    padding-left: 8.0vw;
    margin-bottom: 3.0vw;
}

.main .sec1 .text-area span{color: var(--main-color); margin-right: 0.5vw;}

.main .sec1 .text03{font-size: 1.5vw; font-weight: 400;}
.text03 p {letter-spacing: normal;}

.main .sec2 .text-area{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main .sec1 .count-area .txt{color: #fff;}

.main .sec1 .count-area .title-wrap{line-height: .7em;}

.main .sec2 .text01{font-size: 2vw;}

.main .sec2 .text02{font-size: 3.7vw;font-weight: 800;}

.main .sec2 .text03{font-size: 1.2vw;color: #888;text-align: center;}

.main .sec2 .text03 span{display: flex;justify-content: flex-start;}

.main .sec2 .text03 b{color: #000; padding-right: 1vw;width: 14.141vw;text-align: right;}

.main .sec2 .line-wrap {
    height: 4.297vw;
    margin: 2.422vw 0;
}

.main .sec2 .line {
    display: inline-block;
    width: 1px;
    height: 4.297vw;
    height: 0;
    opacity: 0;
    background: #666;
}

.main .sec3{position: relative;}

.main .sec3 .text-area{
    position: absolute;
    top: 9.375vw;
    left: 10.57vw;
    color: #fff;
    z-index: 9997;
}

.main .sec3 .text-area .title{
    font-size: 2.7vw;
    line-height: 1.3em;
}

.main .sec3 .text-area .txt{
    font-size: 1.0vw;
    margin-top: 2.938vw;
    line-height: 1.7em;
    color:var(--main-color);
}

.main .sec3 .video-wrap{position: relative;overflow: hidden;}

.main .sec3 .video-wrap:after{
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #00000075;
    left: 0;
    top: 0;
    position: absolute;
}

.main .sec3 .video-wrap video{
    width: 100%;
    margin: 0 auto;
    object-fit: fill;
}

.main .sec3 .video-wrap .cut-off{
    position: absolute;
    height: 100%;
    background: #fff;
    width: 12%;
    top: 0;
    z-index: 3;
}

.main .sec3 .video-wrap .cut-off.left{left: 0;}

.main .sec3 .video-wrap .cut-off.right{right: 0;}

.main .sec5 .inner-con {
    display: flex;
    gap: 3.672vw;
    padding-bottom: 5.156vw !important;
}

.main .sec5 .text-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.video-container {
    height: 52.0833vw;
    width: 36.6875vw;
    position: relative;
}

.video-container video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 0;
}

.video-container .caption {
    z-index: 1;
    position: relative;
    text-align: center;
    color: #dc0000;
    padding: 10px;
    display: none;
}

.video-container:after{
    content: '';
    display: block;
    position: absolute;
    width: 5vw;
    height: 5vw;
    background: url(../img/logo_w.svg) no-repeat;
    left: 35%;
    top: 22vw;
}

.main .sec6 .inner-con{position: relative; transform: scale(.826);}

.main .sec6 .effect{transition: transform .6s;}

.main .sec6 .text-area{
    position: absolute;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    left: 8.594vw;
    z-index: 999;
    opacity: 0;
}

.main .sec6 .title{
    font-size: 4.5vw;
    line-height: 1.1em;
    font-weight: 800;
}

.main .sec6 .txt{font-size: 1.5vw; margin-top: 3vw;color: var(--main-color);}

.main .sec6 .img-area{
    width: 100%;
    height: 52.4vw;
    background: url(../img/main_sec6_bg.jpg) no-repeat 100%/cover;
    filter: brightness(0.8);
}

.sec7 .inner-con {padding-top: 8.156vw !important;padding-bottom: 9.156vw !important;}

.main .solution-wrap .txt-area{margin-bottom: 5.313vw;}

.main .solution-wrap ul{justify-content: flex-end;}

.main .solution-wrap li{
    width: 15.625vw;
    height: 25.797vw;
    background: #000;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition: transform .4s;
    margin-right:1.5vw !important;
}

.main .solution-wrap li>p{
    margin-top: 2.9vw;
    font-size: 1.4vw;
    font-weight: 600;
}

.main .solution-wrap .overlay-wrap{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000098;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity .2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main .solution-wrap li:hover {transform: scale(1.3); z-index: 2;}
.main .solution-wrap li:hover .overlay-wrap{opacity: 1;}

.main .solution-wrap .overlay-wrap>p{
    color: #fff;
    text-align: center;
    font-size: 1vw;
}

.main .solution-wrap .slide01{background: url(../img/img_ss01.jpg) no-repeat 100%/cover;}
.main .solution-wrap .slide02{background: url(../img/img_ss05.jpg) no-repeat 100%/cover;}
.main .solution-wrap .slide03{background: url(../img/img_ss06.jpg) no-repeat 100%/cover;}
.main .solution-wrap .slide04{background: url(../img/img_ss04.jpg) no-repeat 100%/cover;}

.main .solution-wrap li:last-child{margin-right: 0px !important;}

.main .sec8 {background: #f6f6f6;}

.main .company-wrap span{font-weight: 800;}

.main .company-wrap>ul{
    display: flex;
    gap: .82vw;
    margin-top: 1vw;
}

.main .company-wrap>ul>li{
    width: 7.5vw;
    background: #fff;
    height: 3.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main .company-wrap>ul>li>img{
    width: 70%;
}

.effect-text-wrap{
    /*white-space: nowrap;*/
    overflow: hidden;
    display: block;
}

.effect-text-wrap .effect{transform: translate3d(0, 112%, 0);}

.sub .effect-text-wrap .effect.delay0{transition: transform 1s;}
.sub .effect-text-wrap .effect.delay1{transition: transform 1.6s;}
.sub .effect-text-wrap .effect.delay2{transition: transform 2.4s;}

.effect-text-wrap .effect.active{transform: translate3d(0, 0, 0);}

/* ======================== sub-nav-area ======================== */
.sub-nav-area {padding-bottom: 5.625vw; overflow-x: hidden;}

.sub-nav-area .inner-con {position: relative;}

.sub-nav-area .text-wrap{
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    padding-right: 0.063vw;
}

.sub-nav-area .title{
    font-size: 6.4vw;
    font-weight: 900;
    position: relative;
    line-height: 1.29;
    letter-spacing: -0.187vw;
    transform: translate3d(0, 100%, 0);

}

.sub-nav-area .inner-con::before{
    content: '';
    display: block;
    width: 15.313vw;
    height: 0.039vw;
    background: #afb5b6;
    position: absolute;
    top: 1.797vw;
    left: -1.758vw;
}

.sub-nav-area .inner-con:after{
    content: '';
    display: block;
    position: absolute;
    width: 0.039vw;
    height: 22.6vw;
    background: #afb5b6;
    left: 0;
    top: -0.195vw;
}

.sub-nav-area .sub-nav{
    font-size: 1.1vw;
    font-weight: 600;
    position: relative;
    padding: 0 0 0 0.938vw;
    height: 14.0vw;
    /* display: list-item; */
    vertical-align: bottom;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;margin-top: -0.2vw;}

.sub-nav-area .sub-nav li {height:2.2vw;display: inline-flex; align-items: center;letter-spacing: -0.02vw;}

.sub-nav-area .sub-nav a.on{color: var(--main-color-2);
    border-left: 0.35vw solid;
    padding-left: 0.4vw;
    margin-left: -0.898vw;
    padding-bottom: 0.063vw;
    height: inherit;
    display: inline-flex;align-items: center;}

.sub-nav-area .sub-nav a:hover{color: var(--main-color);}

.sub-nav-area .bg{
    width: auto;
    height: 18.5vw;
    position: absolute;
    top: 11.2vw;
    right: 0;
    z-index: -1;
    left: 21.5vw;
}

.sub-nav-area .bg.aboutUs{background: url(../img/sub_page_bg01_full02.png) no-repeat 100%/cover;/* margin-left: 10.5vw;*/}
.sub-nav-area .bg.sns{background: url(../img/sub_page_bg02_full02.png) no-repeat 100%/cover; /*margin-left: 10.5vw;*/}
.sub-nav-area .bg.newbusi{background: url(../img/sub_page_bg03_01_full.png) no-repeat 100%/cover;/* margin-left: 10.5vw;*/}
.sub-nav-area .bg.newbusi:after{content: '';display: block;width: auto;height: 18.5vw;background: url(../img/light01.gif) no-repeat 100%/cover;opacity: 0.1}
.sub-nav-area .bg.contact{background: url(../img/sub_page_bg04_full.png) no-repeat 100%/cover;/* margin-left: 10.5vw;*/}


.sub-nav-area .bg.aboutUs:before{content: '';display: block;width: 9.5vw;height: 9.375vw;background: url(../img/whale-black.gif) no-repeat 100%/cover;
    offset-path: path("M1 81C26 80 67.8172 73.2957 101 65C153 52 168 40 190 1");
    animation: path1 2s 1 ease-out forwards;
    background-size: 90%;position: absolute;bottom: -12%;left: 5%;z-index: 9997;opacity: 1;}

.sub-nav-area .bg:before{content: '';display: block;width: 9.5vw;height: 9.375vw;background: url(../img/whale.gif) no-repeat 100%/cover;
    offset-path: path("M1 81C26 80 67.8172 73.2957 101 65C153 52 168 40 190 1");
    animation: path1 2s 1 ease-out forwards;
    background-size: 90%;position: absolute;bottom: -12%;left: 5%;z-index: 9997;opacity: 1;}

.sub-nav-area .bg.aboutUs:after{content: '';position: absolute;display: block;background: url(../img/aboutUs_bg02.png) no-repeat 100%/contain;width: 23.438vw;height: 23.438vw;right: 0.781vw;top: -5%;animation: obj1 2s ease-in-out infinite;}

.sub-nav-area .bg.sns:after{content: '';position: absolute;display: block;background: url(../img/sns_bg01.png) no-repeat 100%/contain;width: 26.219vw;height: 18.219vw;right: 2.763vw;top: -5%;animation: obj1 2s ease-in-out infinite;}
.eye01 {right: 2.763vw;
    top: 53%;
    position: absolute;
    width: 7.3vw;}

@keyframes path1 {
    0% {
        offset-distance: 0%;
    }

    100% {
        offset-distance: 100%;
        transform: rotate(50deg);
    }
}

@keyframes obj1 {
    0% {top: -5%;}

    50% {top: -1%;}

    100%{top: -5%;}
}

/* ======================== About Us - Introduction ======================== */
.introduction .sec1 {
    background: var(--main-color) url(../img/introduction_img02.png) no-repeat 100%/cover;
    position: relative;
}

.introduction .sec1:before{
    content: '';
    display: block;
    position: absolute;
    left: -3.75vw;
    background: url(../img/introduction_img01.png) no-repeat left 0 center;
    width: 100%;
    height: 100%;
}

.introduction .sec1 .inner-con{
    height: 19.5vw;
    color: #000;
    font-size: 2.8vw;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.introduction .sec2 .inner-con{margin: 5.25vw auto 5.25vw auto;}

.introduction .sec2 .img-area{
    width: 18.984vw;
    height: 24.609vw;
    flex-shrink: 0;
    margin-right: 2.266vw;
    overflow: hidden;
}

.introduction .sec2 .img-area .bg{
    width: 100%;
    height: 100%;
    background: url(../img/introduction_img03.png) no-repeat 100%/cover;
    transition: transform .4s;
}

.introduction .sec2 .img-area .bg.effect{transform: scale(1.1);}

.introduction .sec2 .title{margin-bottom: 2.891vw;}

.introduction .sec2 .txt02{
    display: inline-flex;
    display: flex;
    justify-content: center;
    margin-top: 6.25vw;
}

.introduction .sec3 {
    width: 0;
    height: 30.703vw;
    min-height: 30.703vw;
    overflow: hidden;
    transition: all .8s ease-in-out;
    background: #000 url(../img/introduction_img04.png) no-repeat 100%/cover;
}

.introduction .sec3 .inner-con {
    margin: 5.469vw auto;
    opacity: 0;
    transition: opacity 2s ease-in-out;
}

.introduction .sec3.effect {width: 100%;}

.introduction .sec3.effect .inner-con {opacity: 1;}

.introduction .sec3 .list-area>li{
    display: flex;
    align-items: center;
    margin-bottom: 1.25vw;
}

.introduction .sec3 .title{
    width: 10.57vw;
    color: var(--main-color);
    font-size: 1.094vw;
    font-weight: 300;
    flex-shrink: 0;
}

.introduction .sec3 .txt{
    color: #fff;
    font-size: 1.55vw;
}

/* ======================== About Us - History ======================== */
.history .sec1 {
    position: relative;
    width: 100%;
}

.history .sec1 .bg {
    width: 52%;
    height: 17.578vw;
    background: #000 url(../img/history_img01.png) no-repeat 100%/contain;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.history .sec1 .txt-area{
    min-height: 17.578vw;
    float: right;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}

.history .sec1 .title{
    margin-bottom: 1.016vw;
}

.history .sec1 .txt{
    /*margin-bottom: 3.828vw;*/
    color: #aaaaaa;
}

.history .history-list{
    margin: 4.688vw 0;
    position: relative;
    padding-left: 10.57vw;
}

.history .history-list:before{
    content: '';
    display: inline-block;
    width: 0.039vw;
    height: 100%;
    background-color: var(--main-color);
    position: absolute;
    top: 0;
    left: 17.75vw;
}

.history .history-list>li{
    display: flex;
    gap: 1.953vw;
    margin-bottom: 2.422vw;
}

.history .history-list>li.m-edit{margin-bottom: 0.859vw;}

.history .history-list .date{
    width: 4.8vw;
    flex-shrink: 0;
    font-size: 1.2vw;
    font-weight: bold;
    color: var(--main-color);
    line-height: initial;
    margin-top: -0.1vw;
}

.history .history-list .title{
    font-size: 1.3vw;
    font-weight: 800;
    line-height: 1.8vw;
    margin-top: -0.195vw;
}

.history .history-list .txt{margin-bottom: 0.625vw;}

.history .history-list .circle{
    width: 0.547vw;
    height: 0.547vw;
    display: inline-block;
    border-radius: 50%;
    background-color: #fff;
    border: 0.25vw solid var(--main-color);
    flex-shrink: 0;
}

/* ======================== About Us - customer ======================== */
.customer .sec1 .inner-con>p{margin-left: 10.57vw;}

.count-area_s{
    margin-left: 10.57vw !important;
    display: flex;
    justify-content: space-between;
    margin-top: 3.438vw !important;
    margin-bottom: 3.438vw !important;
}

.count-area{
        margin-left: 8.1vw;
        display: flex;
        justify-content: space-between;
        margin-top: 6.438vw;
        margin-bottom: 3.438vw;
}

.count-area>li{
    display: flex;
    flex-direction: column;
    flex: 1;
}

.count-area .title{
    font-weight: 700;
    font-size: 1.484vw;
}

.count-area .number_old{font-size: 3.7vw;}
.count-area .number{font-size: 4.0vw;}

.count-area .txt{
    color: #aaa;
    font-size: 1.016vw;
    font-weight: 500;
}

.customer .sec2 {position: relative; overflow-x: hidden;}

.customer-tab-area {display: flex; left: 0; right: 0; width: 150%;}

.customer-tab-area .menu{
    width: 10.57vw;
    font-size: 2.031vw;
    font-weight: 700;
    color: #ccc;
    border-left: 0.469vw solid #eeeeee;
    cursor: pointer;
    transition: color .8s, border-left .8s;
    padding: 0.625vw 1.406vw;
    box-sizing: border-box;
}

.customer-tab-area .menu:hover, .customer-tab-area .menu.active{
    color: #000;
    border-left: 0.469vw solid #000;
}

.customer-tab-area .contents-area{
    background: #f5f5f5;
    width: 100%;
}

.customer-tab-area .contents-wrap{
    width: 66.79vw;
    padding: 0 2.344vw 1.797vw 2.344vw;
    box-sizing: border-box;
    margin-top: 1.875vw;
}

.customer-tab-area .content>p{
    font-size: 1.07vw;
    font-weight: 600;
    margin-bottom: 2vw;
}

.customer-list>li {
    display: flex;
    align-items: center;
    gap: 2vw;
    margin-bottom: 0.781vw;
}

.customer-list .logo-wrap{
    width: 10.781vw;
    height: 4.713vw;
    border: 0.039vw solid #cacaca;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.875vw;
    box-sizing: border-box;
}

.customer-list>li>div:nth-child(2){min-width: 19.347vw;}

.customer-list>li>div:nth-child(3){min-width: 11.184vw;}

.customer-list .title{
    font-weight: 600;
    font-size: 1.016vw;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: .4vw;
    padding-bottom: .4vw;
}

.customer-list .txt{font-size: 0.9vw;color: #999;}

.customer-list .items{
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 3.98vw;
    height: 3.98vw;
    border-radius: 50%;
    box-shadow: 1px 1px 3px #00000020;
    color: #fff;
    font-size: 0.7vw;
    line-height: 1.2;
    font-weight: bold;
    padding-top: 0.4vw;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.customer-list .btn-area button {width: 6vw; min-width: unset; height: 2.5vw;font-size: 0.9vw; border-radius: 2px;font-weight: 500;}
.customer-list .items.anybiz4_asp{background-color: #00e5dd;}
.customer-list .items.anybiz4_si{background-color: #85c4f9;}
.customer-list .items.gist{background-color: #c2b0f3;}
.customer-list .items.gist_si{background-color:#ffb255;}

.customer-tab-area .contents-wrap::-webkit-scrollbar {width: 0.469vw;}

.customer-tab-area .contents-wrap::-webkit-scrollbar-thumb {
    height: 30%;
    background: var(--main-color);
}

.customer-tab-area .contents-wrap::-webkit-scrollbar-track {background: transparent;}

.count_1 {width: 6.641vw; display: inline-block; text-align: center;}
.count_2 {position: relative;}
.count_3 {margin-bottom: 3.125vw;}

/* ======================== About Us - certification ======================== */
.certification .sec1 .inner-con{
    padding-left: 10.57vw;
    box-sizing: border-box;
    margin-bottom: 5vw;
}

.certification .sec1 .title{margin-bottom: 2.109vw;}

.certification .sec2{
    width: 100%;
    min-height: 28.984vw;
    padding: 3.125vw 0 4.375vw 0;
    box-sizing: border-box;
    background: #000 url(../img/certification_img01.png);
    background-position: right 0 top;
    background-repeat: no-repeat;
    background-size: contain;
}


.certification .sec2 .title,
.certification .sec3 .title{
    margin-bottom: 3.125vw;
}

.certification .license-area,
.certification .news-area {
    padding-left: 10.57vw;
}

.certification .license-area li,
.certification .news-area li{
    width: 14.5vw;
    height: 20.578vw;
    border-radius: 0.977vw;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 0.117vw 0.391vw 0.078vw rgba(0, 0, 0, 0.13);
    flex-shrink: 0;
}

.certification .license-area a,
.certification .news-area a{
    width: 100%;
    height: 100%;
    display: block;
    transition: all .8s;
    position: relative;
}

.certification .license-area .overwrap-txt,
.certification .news-area .overwrap-txt{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0000009a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    opacity: 0;
    transition: opacity .6s ease-in-out;
    font-size: 1.016vw;
    font-weight: 700;
}

.certification .license-area .img-wrap,
.certification .news-area .overwrap-txt{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.certification .license-area a:hover .overwrap-txt,
.certification .news-area a:hover .overwrap-txt{opacity: 1;}

.certification .sec3{
    width: 100%;
    min-height: 28.984vw;
    padding: 3.125vw 0 4.375vw 0;
    box-sizing: border-box;
    background: #eff7f6 url(../img/certification_img03.png);
    background-position: left 0 top;
    background-repeat: no-repeat;
    background-size: contain;
}

/* ======================== About Us - people ======================== */
.people .sec1{position: relative; min-height: 43.516vw;}

.people .sec1 .text-area{margin-top: 9vw;}

.people .sec1 .text-area p:nth-child(1){margin-bottom: 1.563vw;}

.people .sec1 .text-area p:nth-child(2){
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 0 0.313vw;
    margin-bottom: 3.438vw;
}
.people .sec1 .text-area p:nth-child(3){margin-bottom: 5.469vw;}

.people .sec1 .bg{
    width: 100%;
    height: 105%;
    background: url(../img/people_img01.png) no-repeat 100%/contain;
    position: absolute;
    top: -2vw;
    right: 0;
    z-index: -1;
}

.people .sec1 .sign {position:relative;}

.people .sec1 .sign:after {
    content:'';
    background: url(../img/people_img04.png) no-repeat 100%/cover;
    position: absolute;
    top: -1.02vw;
    right: -9.082vw;
    width: 11.224vw;
    height: 4.082vw;
}

.people .sec2{
    width: 100%;
    position: relative;
    min-height: 29.531vw;
    background: #000000 url(../img/bg_04.jpg) no-repeat 100%/cover;
    display: flex;
    align-items: center;
}

.people .interview-area {display: flex;width: 77.313vw; margin:5.625vw 0;}

.people .interview-area .left-wrap{
    color: var(--main-color);
    font-size: 1.8vw;
    flex-basis: 10.57vw;
    font-weight: 600;
    width: 10.57vw;
    flex-shrink: 0;
}

.people .interview-area .right-wrap{color: #fff;}

.people .interview-area .right-wrap>li:not(:last-child){margin-bottom: 1vw;}

.people .interview-area .right-wrap .question{
    font-size: 1.9vw;
    font-weight: 500;
    margin-bottom: 0.5vw;
}

.people .interview-area .right-wrap .answer{
    font-size: 1.3vw;
    margin-bottom:3vw;
    font-weight: 300;
    text-align: justify;
    color: rgba(255, 255, 255, 0.8);
}
.mb0 {margin-bottom: 0vw !important}
.people .interview-area .right-wrap .answer>span{
    font-size: 1.641vw;
    font-weight: 600;
}

.people .sec3{
    min-height: 39.375vw;
    background: url(../img/people_img03.png) no-repeat 100%/cover;
}

.people .sec3 .inner-con{margin: 4.922vw auto;}

.people .text-area {padding-left: 10.57vw;}

.people .text-area .title{margin-bottom: 2.344vw;}

.people .member-list{
    margin-top: 4.219vw;
    padding-left: 10.57vw;
}

.people .member-list>li{
    position: relative;
    width: 14.5vw;
    height: 19.578vw;
    border-radius: 0.977vw;
    overflow: hidden;
    box-shadow: 0 0.117vw 0.391vw 0.078vw rgba(0, 0, 0, 0.13);
    cursor: pointer;
}
.people .member-list>li img {width: 100%}

.people .member-list>li .text-wrap{
    width: 100%;
    height: 5.469vw;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #00000050;
    color: #fff;
    padding: 0 1.172vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.people .member-list>li .name{
    font-size: 1.016vw;
    font-weight: 600;
}

.people .member-list>li .overwrap-txt{
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000000d8;
    top: 0;
    left: 0;
    color: #fff;
    padding: 0 1.172vw 2.031vw 1.172vw;
    box-sizing: border-box;
    font-size: 0.703vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    opacity: 0;
    transition: opacity .4s ease-in-out;
}

.people .member-list>li:hover .overwrap-txt{opacity: 1;}

.people .member-list>li .overwrap-txt>p{
    font-size: 0.859vw;
    font-weight: 600;
    margin-bottom: 0.625vw;
}

/* ======================== About Us - news ======================== */
.news .sec1 {width: 100%; position: relative; min-height: 26.563vw;}

.news .news-area {width: 100%;display: flex;}

.news .news-area .title {flex-shrink: 0; width: 10.57vw;}

.newstitle{font-size: 1.9vw;text-align: center;font-weight: bold; margin-bottom: 1.625vw;}
.newstitle span{font-size: 1.0vw; color: #999; font-weight: normal;}
.news_img01{border: 0.039vw solid #ddd;display: block;margin: 1.875vw auto;width: auto !important;}
.news .accordion-area {width: calc(100% - 10.57vw);}
.news .accordion-area>li {
    padding: 0.625vw 0.625vw 0.625vw 0;
    border-top: 0.039vw solid;
}
.news .accordion-area>li:last-child {border-bottom:0.039vw solid;}
.news .accordion-menu {
    width: 100%;
    cursor: pointer;
    padding: 0.234vw;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.625vw;
}

.accordion-menu .accordion-btn{
    display: inline-block;
    width: 0.938vw;
    height: 0.938vw;
    background: url(../img/ic_arrow.svg) no-repeat center;
    transform: rotate(0);
    transition: transform .4s ease-in-out;
    flex-shrink: 0;
}

.accordion-area>li.active .accordion-btn {transform: rotate(180deg);}

.news .accordion-menu >div{
    width: calc(100% - 0.938vw - 0.625vw);
    display: flex;
    gap: 0.625vw;
    align-items: center;
}

.news .accordion-menu .date {
    font-size: 0.781vw;
    flex-shrink: 0;
    font-weight: normal;
    background: #f6f6f6;
    padding: 0.313vw 0.625vw;
    color: #000;
    border-radius: 0.117vw;
}

.news .accordion-menu .news-title {
    font-size: 1.35vw;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.accordion-con {
    display: none;
    padding: 0.859vw 0;
    border-top: 0.039vw solid #ddd;
    width: 101.3%;
    margin-top: 0.625vw;
}

.accordion-area>li.active .accordion-con {display: block;}

/* ======================== New Business - 로봇 설계 지원 센터 ======================== */
.rbtspCntr .sec1 .text-area{padding-left: 10.57vw; margin-bottom: 5vw;}

.rbtspCntr .sec2 .robot-wrap01{display: flex; justify-content: space-between; width: 100%;}

.rbtspCntr .sec2 .robot-wrap01 .img-area{
    width: 48%;
    height: 44vw;
    background: url(../img/rbtspCntr_img02.png) no-repeat 100% / cover;
    position: relative;
}

.rbtspCntr .sec2 .robot-wrap01 .img-area:after{
    content: '';
    display: block;
    width: 11.5vw;
    height: 11.5vw;
    background: url(../img/rbtspCntr_img03.png) no-repeat 100% / cover;
    position: absolute;
    top: 4vw;
    left: 4vw;
    animation: move01 1.4s ease-in-out 0s infinite normal;
}

.rbtspCntr .sec2 .robot-wrap01 .text-area{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 45%;
}

.rbtspCntr .sec2 .robot-con01 .title{font-size: 1.2vw; margin: 1vw 0;}

.rbtspCntr .sec2 .robot-con01 .minute{
    display: inline-block;
    width: 17vw;
    height: 5vw;
    line-height: 5vw;
    font-weight: 800;
    border-radius: 50vw;
    background: var(--main-color);
    text-align: center;
    font-size: 2.1vw;
}

.rbtspCntr .sec2 .robot-con01 .minute.gray{background: #f1f1f1;}

.rbtspCntr .sec2 .robot-con01 .dotted{
    display: inline-block;
    width: 6.354vw;
    height: 0.469vw;
    background: url(../img/rbtspCntr_img04.png) no-repeat 100%/cover;
    margin: 0 1.563vw;
}

.rbtspCntr .robot-wrap02 {margin: 5.625vw 0;}

.rbtspCntr .robot-wrap02 .depth01{
    display: flex;
    justify-content: space-between;
}

.rbtspCntr .robot-wrap02 .depth01 li{width: 27%;}

.rbtspCntr .robot-wrap02 .depth01 .title{
    font-size: 1.6vw;
    font-weight: 800;
    text-align: center;
    margin-top: 1vw;
}

.rbtspCntr .robot-wrap02 .depth01 .img-area{
    width: 20.6vw;
    height: 20.6vw;
    cursor: pointer;
    position: relative;
}

.rbtspCntr .robot-wrap02 .depth01 .overlay-wrap{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.1vw;
    font-weight: 800;
    background: #00000081;
    color: #fff;
    opacity: 0;
    transition: opacity .2s;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}

.rbtspCntr .robot-wrap02 .depth01 .img-area:hover .overlay-wrap{opacity: 1;}

.rbtspCntr .robot-wrap02 .depth01 .bg{width: 100%;height: 100%;border: 1px solid #fff; box-sizing: border-box;}

.rbtspCntr .robot-wrap02 .depth01 .bg01{background: url(../img/rbtspCntr_img05.png) no-repeat 100%/cover;}
.rbtspCntr .robot-wrap02 .depth01 .bg02{background: url(../img/rbtspCntr_img06.png) no-repeat 100%/cover;}
.rbtspCntr .robot-wrap02 .depth01 .bg03{background: url(../img/rbtspCntr_img07.png) no-repeat 100%/cover;}

.rbtspCntr .robot-wrap02 .obj{
    width: 54vw;
    height: 11vw;
    background: url(../img/rbtspCntr_img09.png) no-repeat 100% / cover;
    margin: 0vw auto 1vw auto;
}

.rbtspCntr .robot-wrap02 .depth02 .title{
    font-size: 1.6vw;
    font-weight: 800;
    text-align: center;
    margin-top: 1vw;
}

.rbtspCntr .robot-wrap02 .depth02 .img-area{
    width: 28vw;
    height: 28vw;
    background: url(../img/rbtspCntr_img08.png) no-repeat 100%/cover;
    margin: 0 auto;
}

.rbtspCntr .sec3 .inner-con{
    position: relative;
    width: 100%;
    height: 22.5vw;
}

.rbtspCntr .sec3 .video-area{
    width: 100%;
    height: 20vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}

.rbtspCntr .sec3 .video-area:before{
    content: '';
    display: block;
    position: absolute;
    background: url(../img/rbtspCntr_img01_1.png) no-repeat 100% / cover;
    width: 31vw;
    height: 17vw;
    right: 9vw;
    bottom: 0vw;
}

.rbtspCntr .sec3 .video-area:after{
    content: '';
    display: block;
    background: #00000050;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.rbtspCntr .sec3 p{
    color: #fff;
    max-width: 77.313vw;
    margin: 0 auto;
    padding-top: 9.766vw;
}

/* ======================== New Business - GA insight ======================== */
.insight .sec1 .inner-con {
    position: relative;
    width: 100%;
    height: 19.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.insight .sec1 .video-area{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

.insight .sec1 .video-area::after{
    content: '';
    display: block;
    background: #00000050;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.insight .sec1 p{
    color: #fff;
    font-size: 3.1vw;
    font-weight: 600;
}

.insight .sec1 p span{
    color: #fff;
    font-size: 1.6vw;
    font-weight: 300;
    display: block;
}

.insight .sec2 .inner-con {
    margin: 5.6vw auto 6.25vw auto;
}
.insight .sec3 .inner-con img {
    margin: 0 auto;
    width: 80%;
}

.insight .insight_wrap01{
    display: flex;
    justify-content: space-between;
    margin: 5.625vw 0;
    gap: 4vw;
}

.insight .insight_wrap01 .img-area{
    width: 36.5vw;
    height: 25vw;
    flex-shrink: 0;
}

.insight .insight_wrap01 .img-area.bg01{background: url(../img/insight_img01.png) no-repeat 100%/cover;border: 1px solid #ddd;}
.insight .insight_wrap01 .img-area.bg02{background: #f3f4f6 url(../img/insight_img02.png) no-repeat center;border: 1px solid #ddd;background-size: contain;}
.insight .insight_wrap01 .img-area.bg03{background: #f3f4f6 url(../img/insight_img03.png) no-repeat center;border: 1px solid #ddd;background-size: contain;}
.insight .insight_wrap01 .img-area.bg04{background: #f3f4f6 url(../img/insight_img04.png) no-repeat center;border: 1px solid #ddd;background-size: contain;}
.insight .insight_wrap01 .img-area.bg05{background: #fff url(../img/insight_img05.png) no-repeat center;border: 1px solid #ddd;background-size: contain;}

/* ===================== New Business - Data Service ===================== */
.dataService .text-area, .dataService .accordion-area{padding-left: 10.57vw; margin-bottom: 4vw;}
.dataService .sec1 .inner-con .text-area div:last-child {border-bottom: 1px solid #ddd;padding-bottom: 2vw;}
.dataService .sec2 .inner-con .text-area div:last-child {border:1px solid #eee}
.dataService .sec2 .inner-con .text-area img {width:80%; width: 80%;padding: 3vw;margin: auto;}

.dataService .accordion-menu {
    display: flex;
    justify-content: center;
}

.dataService .accordion-con {width:100% !important;border-top:0 !important;}
/* ======================== New Business - 차세대 GA Platform ======================== */
.gaPlatform .sec1 .inner-con{
    position: relative;
    width: 100%;
    height: 19.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gaPlatform .sec1 .video-area{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

.gaPlatform .sec1 .video-area::after{
    content: '';
    display: block;
    background: #00000050;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gaPlatform .sec1 p{
    width: 100%;
    color: #fff;
    font-size: 2.8vw;
    font-weight: 600;
}
.gaPlatform .sec1 p span {
    font-size: 2vw;font-weight: 400;
    display: inline-block;
    border-bottom: 1px solid #ffffff25;
    width: 60vw;
    text-align: center;
    letter-spacing: 0.1vw;
    padding-bottom: 0.3vw;
}

.gaPlatform .sec1 p span b:nth-child(1) {color:#5bffea !important;}
.gaPlatform .sec1 p span b:nth-child(2) {color:#71e3ff;}
.gaPlatform .sec1 p span b:nth-child(3) {color:#bea7ff;}
.gaPlatform .sec1 p span b:nth-child(4) {color:#9200ff;}
.gaPlatform .sec2 .inner-con, .gaPlatform .sec5 .inner-con{margin:5.25vw auto 5.25vw auto;}

.gaPlatform .sec2 .img-area{
    float: left;
    background: url(../img/gaPlatform_img01.png) no-repeat 100%/cover;
    width: 25vw;
    height: 28.125vw;
    position: relative;
}
.gaPlatform .sec2 .img-area:after{
    content: '';
    display: block;
    width: 9.5vw;
    height: 4.5vw;
    background: url(../img/gaPlatform_img01_2.png) no-repeat center / cover;
    position: absolute;
    top: 15%;
    left: 10%;
    animation: move01 2s ease-in-out 0s infinite normal;
}

.gaPlatform .sec2 .txt-area{
    float: left;
    margin-left: 4.141vw;
}

.gaPlatform .sec2 .title {margin-bottom: 2.891vw;}

.gaPlatform .sec3 .inner-con{margin:5.766vw auto 5.25vw auto;}

.gaPlatform .color01{color: #44ffe7;}
.gaPlatform .color02{color: #6bdafa;}
.gaPlatform .color03{color: #948cff;}
.gaPlatform .color04 {color: #4720ac;}
.gaPlatform .color.color01{background-color: #44ffe7;}
.gaPlatform .color.color02{background-color: #6bdafa;}
.gaPlatform .color.color03{background-color: #948cff;}
.gaPlatform .color.color04 {background-color: #4720ac;}


.gaPlatform .sec3 .gist-wrap,
.gaPlatform .sec3 .txt-area,
.gaPlatform .sec5 .txt-area{padding-left: 10.57vw;}

.gaPlatform .sec3 .gist-wrap>p{
    font-size: 7.328vw;
    font-weight: 800;
    text-align: center;
    margin-top: 4vw;
    margin-bottom: 4vw;
}

.gaPlatform .sec3 .gist-wrap>ul {
    display: flex;
    gap: 1.641vw;
        justify-content: space-between;
}

.gaPlatform .sec3 .gist-wrap>ul .color{
    display: inline-block;
    width: 1.016vw;
    height: 1.016vw;
    border-radius: 50%;
}

.gaPlatform .sec3 .gist-wrap>ul .title{
    font-size: 1.2vw;
    font-weight: 600;
    margin-bottom: 1.25vw;
}

.gaPlatform .sec3 .gist-wrap>ul .txt{
   font-size: 1.13vw;
    color: #000;
    font-weight: 500;
    line-height: 1.4em;
}

.ga_width{max-width: 77.313vw !important;margin: 0 auto;}

.gaPlatform .sec6 .img-area{
    background: url(../img/gaPlatform_img02.png) no-repeat 100%/cover;
    width: 88.2vw;
    height: 24vw;
    position: relative;
}

.gaPlatform .sec6 .img-area:after{
      content: '';
      display: block;
      position: absolute;
      background: url(../img/gaPlatform_img02_1.png) no-repeat 100% / cover;
      width: 34.688vw;
      height: 16.219vw;
      right: 3.0vw;
      bottom: 3.391vw;
}

.gaPlatform .sec7 .inner-con {display: flex;}

.gaPlatform .sec7 .inner-con >p {
    font-size: 1.8vw;
    font-weight: 800;
    text-transform: uppercase;
    color: #4720ac;
    line-height: 1.8vw;
    width: 10.57vw;
}

.gaPlatform .sec7 ul {position: relative;}

.gaPlatform .sec7 ul li{position: relative;}

.gaPlatform .sec7 ul li:before {
    content: '';
    display: inline-block;
    height:4vw;
    position: absolute;
    border-left: 1px dashed #aaa;
    top: 0vw;
    left: 3.5vw;
    z-index: -1;
}

.gaPlatform .sec7 ul>li{
    display: flex;
    align-items: center;
    gap: 1.5vw;
    margin-bottom: 1.172vw;
}

.gaPlatform .sec7 .title{
    width: 7.25vw;
    height: 2.188vw;
    line-height: 2.188vw;
    border-radius: 5px;
    text-align: center;
    font-size: 0.9vw;
    font-weight: 600;
}
.gaPlatform .sec7 .txt{font-size: 1.0vw;letter-spacing: -0.01vw;font-weight: 500;color: #333;}

.gaPlatform .sec7 .color01{color: #000;}
.gaPlatform .sec7 .color02, .gaPlatform .sec7 .color03, .gaPlatform .sec7 .color04{color: #fff;}

.gap_area01 {position: relative; margin:5.766vw auto 5.25vw auto;padding-left: 10.57vw;}

.gap_area01 .gap_wrap .row{
    display: flex;
    margin-bottom: 1.667vw;
    gap: 2.813vw;
}

.gap_area01 .gap_wrap .col{
    width: 50%;
    height: 19.479vw;
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    border-radius: 10.417vw;
    padding: 2.4vw 5vw;
    box-sizing: border-box;
}

.gap_area01 .gap_wrap .col.bg01{
    background-image: url(../img/gaPlatform_img03.png);
    background-position: right 7.813vw bottom 1.563vw;
    background-size: 37%;
}

.gap_area01 .gap_wrap .col.bg02{
    background-image: url(../img/gaPlatform_img04.png);
    background-position: left 9.333vw bottom 2.263vw;
    background-size: 48%;
}

.gap_area01 .gap_wrap .col.bg03{
   background-image: url(../img/gaPlatform_img05.png);
   background-position: right 6.813vw bottom 1.9vw;
   background-size: 44%;
}

.gap_area01 .gap_wrap .col.bg04{
    background-image: url(../img/gaPlatform_img06.png);
    background-position: left 9.5vw bottom 1.9vw;
    background-size: 47%;
}

.gap_area01 .gap_wrap .title{
    font-size: 1.8vw;
    color: #4720ac;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.5vw;
}

.gap_area01 .gap_wrap .title>span{font-size: 1.25vw;}

.gap_area01 .gap_wrap .txt{
    font-size: 1vw;
    color: #999999;
    font-weight: 600;
}

.gap_area01 .circle{
    width: 14.354vw;
    height: 14.354vw;
    position: absolute;
    background: #4720ac;
    color: #fff;
    border-radius: 50%;
    font-size: 1.6vw;
    top: 50%;
    left: 57%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1.3vw solid #fff;
}

.anybiz4-gist-wrap {
    display: flex;
    justify-content: space-between;
    padding-left: 10.57vw;
    margin-top: 3vw;
}

.anybiz4-gist-wrap .vs-text{
    font-size: 1.979vw;
    color: #a5a5a5;
    font-weight: 800;
    margin-top: 3.021vw;
}

.anybiz4-gist-wrap .box-wrap>.title{
    font-size: 2.5vw;
    font-weight: 800;
    text-align: center;
    margin-bottom: 1.458vw;
}

.anybiz4-gist-wrap .box-wrap{
    min-width: 28.958vw;
    border-radius: 2.9vw;
    padding: 2.708vw 1.771vw;
    box-sizing: border-box;
    position: relative;
}

.anybiz4-gist-wrap .box-wrap:before{
    content:'';
    display: block;
    width: 9.271vw;
    height: 0.729vw;
    background: #ddd;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    filter: opacity(0.5);
}

.anybiz4-gist-wrap .box-wrap:after{
    content:'';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}

.anybiz4-gist-wrap .box-wrap.anybiz4{
    background: #fafafa;
    border: 1px solid #dddddd;
}

.anybiz4-gist-wrap .box-wrap.anybiz4:after{
    width: 20.104vw;
    height: 20.365vw;
    background: url(../img/anybiz4_bg.png) no-repeat 100%/cover;
}

.anybiz4-gist-wrap .box-wrap.gist{
    background: #4720ac;
    color: #fff;
    box-shadow: 0.729vw 0.938vw 1.042vw 0 #a0a0a0;
}

.anybiz4-gist-wrap .box-wrap.gist:after{
    width: 20.833vw;
    height: 20.833vw;
    background: url(../img/gist_bg.png) no-repeat 100%/cover;
}

.anybiz4-gist-wrap .box-wrap ul{
    height: 45vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.anybiz4-gist-wrap .box-wrap li{
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0.625vw 0;
    border-bottom: 1px solid #e4e4e490;
    font-size: 0.938vw;
}

.anybiz4-gist-wrap .box-wrap li>.txt{
    display: flex;
    align-items: center;
    font-weight: 500;
}

.anybiz4-gist-wrap .box-wrap li>.title{
    width: 6.25vw;
    font-weight: 800;
    color: #4720ac;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -40%;
    text-align: right;
}

.anybiz4-gist-wrap .box-wrap.gist>.title{color: var(--main-color);}

/* ======================== contact us - 오시는길 ======================== */
.consultant-area, .contactUs .contact-area{padding-left: 10.5vw;}

.contact-info-wrap{margin: 4.688vw 0;}

.contact-info-wrap li{border-top: 1px solid #ebebeb;}

.contact-info-wrap li:nth-child(1){background: url(../img/ic_building.svg) no-repeat left 0 center;background-size: 0.625vw;}

.contact-info-wrap li:nth-child(2){background: url(../img/ic_location.svg) no-repeat left 0 center;background-size: 0.625vw;}

.contact-info-wrap li:last-child{
    border-bottom: 1px solid #ebebeb; background: url(../img/ic_phone.svg) no-repeat left 0 center;background-size: 0.625vw;}

.contact-info-wrap p{
    display: inline-block;
    padding: 1.641vw 0;
    font-size: 0.9vw;
}

.contact-info-wrap .title{
    width: 10.391vw;
    font-weight: 800;
    padding-left: 1.875vw;
}

/* ======================== contact us - 문의 및 의뢰 ======================== */
.contactUs .input-area {margin-top: 3.229vw;}

.contactUs .input-area .row{
    display: flex;
    margin-bottom: 2.292vw;
    gap: 2.292vw;
}

.contactUs .input-area .col{width: 100%;}

.contactUs .input-area .label{
    margin-bottom:0.5vw;
    color: #666;
    font-weight: 500;
    font-size: 0.8vw;
}

.contactUs .input-area label{
    color: #666;
    font-weight: 500;
    font-size: 0.8vw;
}

.contactUs .btn{margin-bottom: 7.813vw;}

.contactUs .privacy-area{
    border: 1px solid #cccccc;
    font-size: 1vw;
    border: 1px solid #cccccc;
    font-size: 1vw;
    padding: 0.7vw;
    height: 10vw;
}

.contactUs .privacy-area .txt{
    padding-left: 0.833vw;
}


/* ============ Solution & Service - GA S&S ============ */
.gaSS .sec1 {
    background: var(--main-color) url(../img/bg_05.jpg) no-repeat 100%/cover;
    position: relative;
}
/*.gaSS .sec1:before{
    content: '';
    display: block;
    position: absolute;
    left: -3.75vw;
    background: url(../img/introduction_img01.png) no-repeat left 0 center;
    width: 100%;
    height: 100%;
}*/
.gaSS .sec1 div p {font-size:2vw; text-align:cente; color:#fff;}
.gaSS .sec1 .inner-con{
    height: 19.5vw;
    color: #000;
    font-size: 2.8vw;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gaSS .sec2 .inner-con {margin: 5.25vw auto 5.25vw auto;}

.gaSS .gass_wrap01{
    display: flex;
    justify-content: space-between;
    margin-bottom: 6.6vw;
    gap: 3.5vw;
}

.gaSS .gass_wrap01 .img-area{
    width: 36.5vw;
    /*height: 29vw;*/
    flex-shrink: 0;
}

.gaSS .gass_wrap01 .img-area.bg01{background: url(../img/gaSS_img01.png) no-repeat 100%/cover;}
.gaSS .gass_wrap01 .img-area.bg02{background: url(../img/gaSS_img02.png) no-repeat 100%/cover;}
.gaSS .gass_wrap01 .img-area.bg03{background: url(../img/gaSS_img03.png) no-repeat 100%/cover;border:1px solid #ddd;}

.gaSS .gass_wrap02 .row{
    display: flex;
    justify-content: space-between;
    gap: 1.563vw;
}

.gaSS .gass_wrap02 .col{
    width: 50%;
    border:1px solid #cccccc;
    margin-bottom: 2.344vw;
    padding: 1.563vw;
}

.gaSS .gass_wrap02 .bg{
    display: inline-block;
     width: 8.094vw;
     height: 13vw;
     border-radius: 0.88vw;
     background-color: #e3e3e3;
     margin-right: 0.859vw;
     background-repeat: no-repeat;
     background-size: cover;
     border: 0.12vw solid #000;
     box-shadow: 5px 6px 0px 1px rgba(0, 0, 0, 0.08);
}

.gaSS .gass_wrap02 .text-area{
    /*font-weight: 800;*/
    margin-top: 2.148vw;
}
.gaSS .gass_wrap02 .text-area .left .title {font-weight: 800;}
.gaSS .gass_wrap02 .left{display: inline-block;margin-top: -6px;}

.gaSS .gass_wrap02 .right{
    width: 15.7vw;
    float: right;
}

.gaSS .gass_wrap02 .left .title{font-size: 2vw;}
.gaSS .gass_wrap02 .left .txt{font-size: 1.6vw;}
.gaSS .gass_wrap02 .right .txt{font-size: 1vw;}

.gaSS .gass_wrap02 .bg01{background-image: url(../img/gass_wrap02_img01.png);}
.gaSS .gass_wrap02 .bg02{background-image: url(../img/gass_wrap02_img02.png);}
.gaSS .gass_wrap02 .bg03{background-image: url(../img/gass_wrap02_img03.png);}
.gaSS .gass_wrap02 .bg04{background-image: url(../img/da01.png);}
.gaSS .gass_wrap02 .bg05{background-image: url(../img/da02.png);}
.gaSS .gass_wrap02 .bg06{background-image: url(../img/da03.png);}
.gaSS .gass_wrap02 .bg07{background-image: url(../img/smart01.png);}
.gaSS .gass_wrap02 .bg08{background-image: url(../img/smart02.png);}
.gaSS .gass_wrap02 .bg09{background-image: url(../img/smart03.png);}
.gaSS .gass_wrap02 .bg10{background-image: url(../img/gass_wrap02_img10.png);}
.gaSS .gass_wrap02 .bg11{background-image: url(../img/gass_wrap02_img11.png);}
.gaSS .gass_wrap02 .bg12{background-image: url(../img/gass_wrap02_img12.png);}
.gaSS .gass_wrap02 .bg13{background-image: url(../img/pu01.png);}
.gaSS .gass_wrap02 .bg14{background-image: url(../img/pu02.png);}
.gaSS .gass_wrap02 .bg15{background-image: url(../img/pu03.png);}

/* ============ Solution & Service - Insurance S&S ============ */
.insuSS .sec1 .text-area{padding-left: 10.57vw;}

.insuSS .gass_wrap01{
    display: flex;
    justify-content: space-between;
    margin: 5.625vw 0;
    gap: 4vw;
}

.insuSS .gass_wrap01 .img-area{
    width: 36.5vw;
    height: 25vw;
    flex-shrink: 0;
}

.insuSS .gass_wrap01 .img-area.bg01{background: url(../img/insuSS_img01.png) no-repeat 100%/cover;border: 1px solid #ddd;}
.insuSS .gass_wrap01 .img-area.bg02{background: url(../img/insuSS_img02.png) no-repeat 100%/cover;border: 1px solid #ddd;}
.insuSS .gass_wrap01 .img-area.bg03{background: url(../img/info.svg) no-repeat 100%;border: 1px solid #ddd;}
.insuSS .gass_wrap01 .img-area.bg04{background: url(../img/n_img01.png) no-repeat 100%;border: 1px solid #ddd;background-size: contain;}

.insuSS .sec3 .inner-con{position: relative;}

.insuSS .sec3 .img-area{
    background: url(../img/insuSS_img03.png) no-repeat 100%/cover;
    width: 89vw;
    height: 24vw;
    position: relative;
    margin: 5.25vw 0;
}

.insuSS .sec3 .img-area:after{
    content: '';
    display: block;
    position: absolute;
    background: url(../img/insuSS_img03_1.png) no-repeat 100% / cover;
    width: 32.688vw;
    height: 14.219vw;
    right: 3.297vw;
    bottom: 3.391vw;
    opacity: 0.98;
}

/* ============ Solution & Service - Insutech S&S ============ */
.insuTechSS .sec4 .inner-con{
    background: url(../img/bg_06.jpg) no-repeat 100%/cover;
    height: 19.5vw;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.insuTechSS .sec5 .inner-con {margin: 5.6vw auto 6.25vw auto;}

.insuTechSS_wrap01{
    display: flex;
    justify-content: space-between;
    margin: 5.625vw 0;
}

.insuTechSS_wrap01 .img-area{
    width: 18vw;
    height: 18vw;
    position: relative;
}

.insuTechSS_wrap01 .img-area .bg{
    width: 100%;
    height: 100%;
}

.insuTechSS_wrap01 .img-area .bg01{background: url(../img/insuTechSS_img01.png) no-repeat 100%/cover;}
.insuTechSS_wrap01 .img-area .bg02{background: url(../img/insuTechSS_img02.png) no-repeat 100%/cover;}
.insuTechSS_wrap01 .img-area .bg03{background: url(../img/insuTechSS_img03.png) no-repeat 100%/cover;}
.insuTechSS_wrap01 .img-area .bg04{background: url(../img/insuTechSS_img04.png) no-repeat 100%/cover;}

.insuTechSS_wrap01 .overlay-wrap{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000098;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    font-size: 1.5vw;
    line-height: 1.8vw;
    font-weight: 600;
}

.insuTechSS_wrap01 li:hover .overlay-wrap{opacity: 1;}

.insuTechSS_wrap02{
    display: flex;
    justify-content: space-between;
    margin-bottom: 5.625vw;
    gap: 3.5vw;
}

.insuTechSS_wrap02 .img-area{
    width: 35.5vw;
    height: 29vw;
    flex-shrink: 0;
    background: url(../img/insuTechSS_img05.png) no-repeat 100%/cover;
}

/* ============ Solution & Service - EZ pick ============ */

.ezpick .sec1 .inner-con{
    position: relative;
    width: 100%;
    height: 19.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ezpick .sec1 .video-area{
    position: absolute;
    width: 100%;
    left: 0;
    top: -8.802vw;
    z-index: -1;
}

.ezpick .sec1 .video-area::after{
    content: '';
    display: block;
    background: #00000050;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ezpick .sec1 p{
    width: 100%;
    color: #fff;
    font-size: 2.6vw;
    font-weight: 600;
    text-align: center;
}

.ezpick .sec1 p>span{
    width: 100%;
    color: #fff;
    font-size: 1.6vw;
    font-weight: 300;
    margin-top: -0.2vw;
    display: block;
}

.ezp_list{padding-left: 10.57vw; margin-top: 5.6vw;}

.ezp_list>li{
    display: flex;
    gap: 4.792vw;
    margin-bottom: 3.6666vw;
}

.ezp_list .img-area{
    width: 28.563vw;
    height: 15.021vw;
    border: 1px solid #ddd;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 13px 13px 2px -4px rgba(0, 0, 0, 0.04);
}

.ezp_list .bg01{background-image: url(../img/ezpick_img01.png);}
.ezp_list .bg02{background-image: url(../img/ezpick_img02.png);}
.ezp_list .bg03{background-image: url(../img/ezpick_img03.png);}
.ezp_list .bg04{background-image: url(../img/ezpick_img04.png);}
.ezp_list .bg05{background-image: url(../img/ezpick_img05.png);}
.ezp_list .bg06{background-image: url(../img/ezpick_img06.png);}

.ezp_list .text-area{
    display: flex;
    gap: 1.2vw;
    font-weight: 600;
}

.ezp_list .num{
    font-size: 2.4vw;
    border-right: 1px solid #eee;
    padding-right: 3vw;
    font-weight: 800;
    color: #000;
    line-height: normal;
    flex-shrink: 0;
}

.ezp_list .title{
    font-size: 2.2vw;
    font-weight: 800;
    line-height: normal;
    padding-bottom: 0.7vw;}

.ezp_list .txt{font-size: 1.25vw; color: #9f9f9f;}

.ezp_list .txt>span{font-size: 1.25vw; color: #000;}

/* ============ Solution & Service - Consulting ============ */
.consulting .sec1 .inner-con .text-area{padding-left: 10.57vw;}
.consulting .sec1 .title{margin-bottom: 2.109vw;}

.consulting_wrap{
    margin: 5.625vw 0;
    display: flex;
    justify-content: space-between;
}

.consulting_wrap .img-area{
    width: 36.5vw;
    background: url(../img/consulting_img01.jpg) no-repeat 100%/cover;
    border:1px solid #eee;
}
.consulting_wrap .text-area { width: 36.5vw;padding-left: unset !important;}
.padding-tb01 {padding-top: 5.156vw !important;padding-bottom: 6.156vw !important;}
/* ======================== keyframes======================== */
@keyframes move01 {
    0%   { transform: translateY(0); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0); }
}