/* #header */
#header.on{
    border-bottom: 1px solid #dddddd;
}

#header .logo .white,
#header .logo .mob {
    display: none;
}
#header .logo .blue {opacity: 1;}

#header .util-menu svg path,
#header .util-menu svg rect {
    fill: black;
    transition: 0s;
}

#header.sitemap .util-menu svg path,
#header.sitemap .util-menu svg rect {
    fill: black;
}

#header.sitemap .logo .blue {
    display: none;
}

#header .depth01>li>a {
    color: black;
}

/* #header */

/* sub */
/* sub common */

.align-center {
    text-align: center;
}

.sub .visual .page-title {
    font-size: 4.1667vw;
    margin: 200px 0 40px;
}

.sub .visual .page-tab {
    display: flex;
}

.sub .visual .bg-sect {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 678px;
}

.sub .visual .bg-sect::before {
    position: absolute;
    content: '';
    display: block;
    width: 50%;
    height: 100%;
    background-color: white;
    z-index: 1;
    top: 0;
    left: 0;
    transform: translateX(-100%);
}

.sub .visual .bg-sect::after {
    top: 0;
    right: 0;
    position: absolute;
    content: '';
    display: block;
    width: 50%;
    height: 100%;
    background-color: white;
    z-index: 1;
    transform: translateX(100%);
}

@keyframes visual-bg {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(100%);
    }
}

@keyframes visual-bg-2 {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.sub .visual.on .bg-sect::after {
    animation: visual-bg 1.5s 0.5s;
}

.sub .visual.on .bg-sect::before {
    animation: visual-bg-2 1.5s 0.5s;
}

.sub .visual .bg-sect img {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: 0.3s 0.5s;
}

.sub .visual.on .bg-sect img {
    opacity: 1;
}

.sub .page-tab {
    margin-bottom: 30px;
}

.sub .page-tab a {
    display: block;
    font-size: var(--default-font1-size);
    font-weight: 600;
    color: var(--color-gray-400);
    padding-bottom: 12px;
    margin-right: 50px;
}

.sub .page-tab a:hover {
    color: var(--color-gray-600);
}

.sub .page-tab li:last-of-type a {
    margin-right: 0;
}

.sub .page-tab li.on a {
    color: black;
    position: relative;
}

.sub .page-tab li.on a::after {
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: black;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}

.cont {
    padding: 200px 0;
    /* min-height: 1000px; */
}

.cont .sub-page-title {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}

.cont .sub-page-tab {
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center;
}

.cont .sub-page-tab li {
    display: table-cell;
}



.cont .sub-page-tab li:last-of-type a{
    border-right: 1px solid var(--color-gray-200);
}


.cont .tab-sect .mob-current,
.cont .sub-page-tab li a {
    padding: 22px 0;
    color: var(--color-gray-600);
    font-weight: 600;
    border: 1px solid var(--color-gray-200);
    border-right: none;
    font-size: var(--default-font2-size);
}

.cont .sub-page-tab li a:hover, .cont .sub-page-tab li a:focus, .cont .sub-page-tab li a:active {
    background-color: var(--color-brand-primary);
    color: white;
    border: 1px solid var(--color-brand-primary);

}
.cont .tab-sect .mob-current,
.cont .sub-page-tab li.on a {
    background-color: var(--color-brand-primary);
    border: 1px solid var(--color-brand-primary);
    color: white;
}
.cont .tab-sect .mob-current,
.sub-page-tab-cont{
    display: none;
}

.cont .tab-cont {
    padding-top: 100px;
}

.cont .tab-cont>.title {
    padding-bottom: 100px;
}

.cont .tab-title {
    font-size: 32px;
    color: var(--color-brand-secondary);
    font-weight: 600;
    margin-bottom: 40px;
}

.cont .tab-txt {
    color: var(--color-gray-800);
    font-size: var(--default-font1-size);

}


/* div.tab-cont{margin-top: var(--tab-cont-margin);} */
.tab-main-tit{color: #000; font-size: var(--default-tit-size);}
.explan{color: var(--color-gray-600); font-size: var(--default-font3-size);}
.blue-title{ color: var(--color-brand-primary); font-size: var(--default-subtit-size); font-weight: 600; margin-bottom: 40px;}
.sub-title{ color: #fff; font-size: var(--default-subtit-size); font-weight: 600; margin-bottom: 40px; text-align: center;}
.tab-txt.blue-box{background-color: var(--color-brand-primary); color: #fff; font-weight: 600; padding: 10px 0; text-align: center;}
.tab-cont-sec{padding-top: var(--tab-cont-margin);}
.blue-title2{margin-bottom: 15px;}
.sub-txt, .blue-title + .sub-txt{font-size: var(--default-font2-size); color: var(--color-gray-800);}
.tab-txt.bold{font-weight: 600; margin-bottom: 10px;}
.tab-txt.bold span{font-weight: normal;}
.content .tab-txt.bold{margin-bottom: 20px;}
.default-font1{font-size: var(--default-font1-size);}
.default-font2{font-size: var(--default-font2-size);}
.mob-br{display: none;}
.pc-br{display: block;}
.mobile-swipe{display: none;}

.img-sect{overflow: hidden;}
.img-sect img{width: 100%;}
.info>.img-sect{overflow: hidden;}
.info .img-sect img {width: 100%;}
.info>.txt {color: var(--color-gray-800); font-size: var(--default-font1-size);}

.list-box{display: flex; flex-wrap: wrap; justify-content: space-between; width: auto; align-content: space-between;}
.list-box >li{background-color: #F3F5F7; width: 49%; box-sizing: border-box; padding: 30px; border-radius: 25px; margin: 1% 0; position: relative;}
.list-box >li >header{position: relative; border-bottom: 0;}
.list-box .cate{color: var(--color-brand-primary); font-weight: 600; font-size: var(--solution-box-st1-span-size); margin-bottom: 10px;}
.list-box .title{font-size: var(--solution-box-st1-tit-size); font-weight: 600;}
.txt-list{margin-top: 30px; display: flex; flex-direction: column; gap: 5px; font-size: var(--default-font2-size); color: var(--color-gray-800);}
.txt-list >p{ padding-left: 14px; position: relative;}
.txt-list >p::before {top: 10px; left: 0; width: 4px; height: 4px; content: ''; border-radius: 50%; position: absolute; background-color: #d9d9d9;}

/* sub common */


/* company */
.overview .overview-bg{width: 100%; height: 600px; background: url(../img/company/company-02-overview-bg.jpg) no-repeat center/cover; display: flex; justify-content: center; align-items: center; margin-bottom: 200px;}
.overview .overview-bg .title *{color: #fff; text-align: center; line-height: 1.5;}
.overview .overview-list{display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between;}
.overview .overview-list li{width: 600px; display: flex; flex-direction: column; gap: 60px;}
.overview .overview-list li .img{display: flex; width: 100%; height: 560px; justify-content: center; align-items: center; border-radius: 25px;}
.overview .overview-list li .img{background: url(../img/company/company-02-overview-list-img-01.jpg) no-repeat center/cover;}
.overview .overview-list li .img p{margin: 0;}
.overview .overview-list li:nth-child(2){padding-top: 200px;}
.overview .overview-list li:nth-child(3){padding-bottom: 290px;}
.overview .overview-list li:nth-child(4){padding-top: 200px;}
.overview .overview-list li:nth-child(2) .img{background-image: url(../img/company/company-02-overview-list-img-02.jpg);}
.overview .overview-list li:nth-child(3) .img{background-image: url(../img/company/company-02-overview-list-img-03.jpg);}
.overview .overview-list li:nth-child(4) .img{background-image: url(../img/company/company-02-overview-list-img-04.jpg);}
.overview .overview-list li .txt{font-size: var(--default-font2-size); width: 100%; display: flex; justify-content: space-between; line-height: 1.6;}
.overview .overview-list li .txt p{width: 500px;}
.overview .overview-list li .txt::before{content: '01'; font-size: 54px; font-weight: 700; color: #F1F1F1;}
.overview .overview-list li:nth-child(2) .txt::before{content: '02';}
.overview .overview-list li:nth-child(3) .txt::before{content: '03';}
.overview .overview-list li:nth-child(4) .txt::before{content: '04';}
.overview .overview-list li .img{width: 100%;}

.ceo .ceo-box-cont{display: flex; justify-content: space-between; align-items: center;}
.ceo .ceo-box-cont> .img-sect{width: 32.86%;}
.ceo .ceo-box-cont> .img-sect img{width: 100%;}
.ceo .ceo-box-cont> .txt-box{
    width: 61.43%;
    line-height: 1.4;
    font-size: var(--default-font3-size);
    font-weight: 400;
    color: var(--color-gray-800);
    display: flex;
    flex-direction: column;
    gap: 30px;
    /* justify-content: space-between; */
}
.ceo .ceo-box-cont> .txt-box>.blue-title{line-height: 1.3; margin-bottom: 0;}
.ceo .ceo-box .ceo-sign{display: flex; width: 100%; font-size: var(--default-font3-size); gap: 25px; font-weight: 400; color: #000; justify-content: end; align-items: center; text-align: left; margin-top: 60px;}
.cont .tab-cont>.title {padding-bottom: 100px;}

.ci.cont .img-sect{margin-top: 40px;}
.ci .color-list{display: flex; gap: 100px; justify-content: center; margin-top: 40px;}
.ci .color-list>li{display: flex; gap: 30px; justify-content: center; align-items: center;}
.ci .color-list>li::before{content: ''; display: block; width: 100px; height: 100px; background-color: var(--color-brand-primary); border-radius: 100%;}
.ci .color-list>li:last-child::before{background-color: var(--color-brand-secondary);}
.ci .color-list>li>div{display: flex; flex-direction: column; justify-content: center; align-content: center; gap: 10px;}
.ci .color-list>li>div>ul.explan{display: flex;}
.ci .color-list>li>div>ul.explan>li::after{content: '|'; display: inline-block; padding: 0 15px; color: var(--color-gray-200);}
.ci .color-list>li>div>ul.explan>li:last-child:after{display: none;}

.ci .ci-list{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px; margin-top: 40px;}
.ci .ci-list li{width: calc((100% - 40px)/2);}
.ci .ci-list img{width: 100%;}
.ci .ci-list p{font-size: var(--default-font3-size); color: var(--color-gray-900);}
.global .tab-txt>span{margin-top: 10px; display: inline-block;}
.global .img-sect.map-img{background-color: #F3F5F7; padding: 100px 0; text-align: center; margin: 60px 0;}
.global .img-sect.map-img img{width: auto;}
.global .global-list{width: 100%; display: flex; flex-direction: column; align-items: end; padding-top: 50px;}
.global .global-list>li{width: 71.43%; display: flex; justify-content: end;}
.global .global-list>li:first-child{padding-bottom: 60px; border-bottom: 1px solid var(--color-gray-200);}
.global .global-list>li:last-child{padding-top: 60px;}
.global .global-list>li>.blue-title{width: 30%; margin-bottom: 0;}
.global .global-list>li>.blue-title span.tab-txt{display: block; color: var(--color-gray-400); font-weight: normal; margin-top: 10px;}
.global .global-list>li>div{width: 70%;}
.global .global-list>li>div>p{margin-bottom: 30px;}
.global .global-list>li>div>.explan{color: var(--color-brand-primary); display: flex; align-items: center; display: inline-block; vertical-align: middle;}
.global .global-list>li>div>.explan::before{content: url(../img/company/company-02-map-pin-ico.svg); display: inline-block; margin-right: 5px; vertical-align: top;}

.bt-awards .bt-table{height: auto;}
.bt-awards .bt-table{display: flex; width: 100%; text-align: left; margin-bottom: 30px;}
.bt-awards .bt-table .explan{font-size: 15px; padding-left: 10px; position: relative; margin-top: 10px;}
.bt-awards .bt-table .explan::before{content: '*'; position: absolute; left: 0;}
.bt-awards .bt-table>.img{width: 31.91%;}
.bt-awards .img{background-color: #F1F1F1;}
.bt-awards .img img{width: 100%;}
.bt-awards .bt-table>.txt-box{width: 68.10%; background-color: #f9f9f9; padding: 50px; box-sizing: border-box;}
.bt-awards .bt-table>.txt-box .txt{position: relative; height: 100%; display: flex; flex-direction: column; justify-content: start;}
.bt-awards .bt-table>.txt-box .txt .tit{font-size: var(--default-font1-size); margin-bottom: 20px;}
.bt-awards .bt-table>.txt-box> .txt a{color: var(--color-gray-600); font-size: var(--default-font3-size); font-weight: 500; position: absolute; right: 0; top: 0;}
.bt-awards .bt-table>.txt-box> .txt a::after{content: url(../img/company/company-04-arrow-ico.svg); margin-left: 5px;}
.bt-awards .txt{color: var(--color-gray-800); font-size: 16px; font-weight: 400; background-color: #f9f9f9;}
.bt-awards .txt> .tit{font-size: var(--default-font2-size); font-weight: 500; color: #000;}
.bt-awards .bt-list{display: flex; gap: 30px; flex-wrap: wrap; width: 100%;}
.bt-awards .bt-list>li{width: calc((100% - 60px)/3);}
.bt-awards .bt-list .txt{padding: 30px; box-sizing: border-box;}
.bt-awards.awards .tab-cont .content div:first-child .bt-list .txt{min-height: 164px;}
.bt-awards.awards .tab-cont .content div:first-child .bt-list>li{background-color: #F9F9F9;}
.bt-awards.patent .bt-list .txt{min-height: 160px; display: flex; flex-direction: column; justify-content: space-between;}

.coreservice .mov .video-cont { display: flex; height: 56.25%; padding-bottom: 0; border-radius: 25px; overflow: hidden;}
.coreservice .video-cont .img-sect{width: 61.30%; height: 495px; background: url(../img/company/company-02-swiper-img-01.jpg) no-repeat center/auto;}
.coreservice .video-cont .img-sect.swi2{background-image: url(../img/company/company-02-swiper-img-02.jpg);}
.coreservice .video-cont .img-sect.swi3{background-image: url(../img/company/company-02-swiper-img-03.jpg);}
.coreservice .video-cont .img-sect.swi4{background-image: url(../img/company/company-02-swiper-img-04.jpg);}
.coreservice .video-cont .img-sect.swi5{background-image: url(../img/company/company-02-swiper-img-05.jpg);}
.coreservice .video-cont .img-sect.swi6{background-image: url(../img/company/company-02-swiper-img-06.jpg);}
.coreservice .text-sect{box-sizing: border-box; padding: 0 50px; width: 38.70%; display: flex; flex-direction: column; justify-content: center; background-color: #f1f1f1;}
.coreservice .text-sect .title{font-size: var(--default-subtit-size); font-weight: 600;}
.coreservice .cate{color: var(--color-brand-primary); font-size: var(--default-font2-size); font-weight: 600; margin-bottom: 10px;}

/* biz (main/cloud)*/
.biz .biz-list{
    display: flex;
    flex-direction: column;
    gap: 300px;
}
.biz .biz-list li{
    display: flex;
}
.biz .biz-list li:nth-of-type(2n) .img-sect{
    order: 2;
}
.biz .biz-list li .img-sect{
    width: 50%;
}
.biz .biz-list li .img-sect img{
    width: 100%;
}
.biz .biz-list li .text-sect{
    width: 50%;
    padding: 0 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.biz .biz-list .cate{
    color: var(--color-brand-primary);
    font-size: var(--default-font2-size);
    font-weight: 600;
    /* margin-bottom: 10px; */
}
.biz .biz-list .title{
    font-size: var(--default-subtit-size);
    font-weight: 600;
}
.biz .biz-list .txt-list{
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.biz .biz-list .txt-list p{
    padding-left: 14px;
    position: relative;
    font-size: var(--default-font2-size);
}
.biz .biz-list .txt-list p::before{
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    content: '';
    border-radius: 50%;
    position: absolute;
    background-color: #d9d9d9;
}


.biz .blue-title {
    color: var(--color-brand-primary);
    font-size: var(--default-subtit-size);
    font-weight: 600;
    margin-bottom: 40px;
}

.biz .info>.img-sect {
    overflow: hidden;
    margin-bottom: 40px;
}

.biz .info .img-sect img {
    width: 100%;
}

.biz .info>.txt {
    color: var(--color-gray-800);
    font-size: var(--default-font1-size);
}

.biz .info .ai-list {
    display: flex;
    gap: 30px;
    margin-top: 40px;
}

.biz .info .ai-list li {
    background-color: #f3f5f7;
    width: calc(100% / 3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 340px;
    border-radius: 25px;
}

.biz .info .ai-list li .img-sect {
    border-radius: 100%;
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin-bottom: 15px;
}

.biz .info .ai-list li .img-sect img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.biz .info .ai-list li .title {
    font-size: var(--default-font1-size);
    font-weight: 600;
}

.biz .info .ai-list li .txt {
    padding-top: 30px;
    position: relative;
}

.biz .info .ai-list li .txt::before {
    top: 15px;
    content: '';
    position: absolute;
    height: 1px;
    width: 22px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--color-gray-400);
}

.biz .mov {
    padding-top: 100px;
}

.mov .video-cont {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    border-radius: 25px;
    overflow: hidden;
}

.mov .video-cont iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mov .wrap {
    overflow: hidden;
    position: relative;
}
.mov .swiper .pagination{
    position: absolute;
    top: 0;
    left: 0px;
    width: 250px;
    background-color: white;
    z-index: 10;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.mov .swiper {
    margin-left: 250px;
}
.mov .swiper .pagination .slide-pagination{
    display: flex;
    flex-direction: column;
    gap: 10px;

}
.mov .swiper .slide-pagination li{
    padding: 10px 0;
    width: 100%;
    height: max-content;
    background-color: transparent;
    font-size: var(--default-font2-size);
    font-weight: 500;
    color: var(--color-gray-600);
    display: block;
}
.mov .swiper .slide-pagination li.swiper-pagination-bullet{
    color: black;
    position: relative;
}
.mov .swiper .slide-pagination li.swiper-pagination-bullet::after{
    bottom: 50%;
    right: 50px;
    transform: translateY(-50%);
    width: 60px;
    height: 1px;
    background-color: black;
    content: '';
    position: absolute;
    transition: .5s;
    transform-origin: 0% 100%;
    transform: scaleX(0);
}
.mov .swiper .slide-pagination li:nth-of-type(1).swiper-pagination-bullet::after,
.mov .swiper .slide-pagination li:nth-of-type(3).swiper-pagination-bullet::after {
    width: 100px;
}

.mov .swiper .slide-pagination li:nth-of-type(4).swiper-pagination-bullet::after {
    width: 140px;
}

.mov .swiper .slide-pagination li:nth-of-type(5).swiper-pagination-bullet::after {
    width: 94px;
}

.mov .swiper .slide-pagination li:nth-of-type(6).swiper-pagination-bullet::after {
    width: 65px;
}


.vids .swiper .slide-pagination li:nth-of-type(1).swiper-pagination-bullet::after {
    width: 73px;
}

.vids .swiper .slide-pagination li:nth-of-type(2).swiper-pagination-bullet::after {
    width: 56px;
}

.mov .swiper .slide-pagination li.swiper-pagination-bullet-active::after{
    transform-origin: 0% 100%;
    transform: scaleX(1);
}
.mov .swiper .controls{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
.mov .swiper .controls .num strong{
    font-size: 30px;
    font-weight: 600;
    color: black;
}
.mov .swiper .controls .num{
    color: var(--color-gray-600);
    font-size: var(--default-font3-size);
}
.mov .swiper .btns {
    display: flex;
    gap: 10px;
}

.mov .swiper .btns .btn {
    width: 40px;
    height: 40px;
    background: url(../img/business/slide-btn-ico.svg);
    cursor: pointer;
}

.mov .swiper .btns .btn.btn-prev {
    transform: rotate(-180deg);
}

/* biz */

/* biz */
.biz.biz-cldFunc .content .list-box>li{min-height: 260px; display: flex; flex-direction: column; justify-content: space-between; background: #F3F5F7 url(../img/business/biz-02-list-ico01.svg) no-repeat right 5% top 16%/80px;}
.biz.biz-cldFunc .explan{font-size: 14px;}
.biz.biz-cldFunc .content .list-box>li:nth-child(2){background-image: url(../img/business/biz-02-list-ico02.svg);}
.biz.biz-cldFunc .content .list-box>li:nth-child(3){background-image: url(../img/business/biz-02-list-ico03.svg);}
.biz.biz-cldFunc .content .list-box>li:nth-child(4){background-image: url(../img/business/biz-02-list-ico04.svg);}
.biz.biz-cldFunc .content .list-box>li:nth-child(5){background-image: url(../img/business/biz-02-list-ico05.svg);}
.biz.biz-cldFunc .content .list-box>li:nth-child(6){background-image: url(../img/business/biz-02-list-ico06.svg);}
.process-list{font-size: var(--default-font2-size); color: var(--color-gray-800); display: flex; justify-content: space-between; gap: 45px; margin-bottom: 40px;}
.process-list li{width: 200px; height: 200px; text-align: center; border-radius: 100%; box-sizing: border-box; border: 1px solid var(--color-gray-400); display: flex; justify-content: center; align-items: center; position: relative;}
.process-list li:nth-child(4){background-color: var(--color-brand-primary); color: #fff; font-weight: 600; font-size: var(--default-font1-size);}
.process-list li::after{content: url(../img/business/biz-03-arrow-ico.svg); display: block; position: absolute; right: -30px;}
.process-list li:last-child::after{display: none;}

.biz.biz-cldChar .list-box>li{width: 23.93%; background: #F3F5F7 url(../img/business/biz-03-list-ico01.svg) no-repeat right 12% top 12%/80px;}
.biz.biz-cldChar .list-box>li:nth-child(2){background-image: url(../img/business/biz-03-list-ico02.svg);}
.biz.biz-cldChar .list-box>li:nth-child(3){background-image: url(../img/business/biz-03-list-ico03.svg);}
.biz.biz-cldChar .list-box>li:nth-child(4){background-image: url(../img/business/biz-03-list-ico04.svg);}
.biz.biz-cldChar .list-box>li>.txt-list{gap: 20px;}
.biz.biz-cldChar dl dd{width: 100%;}
.biz.biz-cldChar table{box-sizing: border-box; table-layout: fixed; border-collapse: collapse; border-spacing: 0; width: 100%; font-size: var(--default-font2-size); color: var(--color-gray-800);}
.biz.biz-cldChar .table-box thead{background-color: var(--color-brand-secondary); color: white; width: 100%; text-align: center; height: 64px; background-color: var(--color-brand-secondary);}
.biz.biz-cldChar .table-box td{vertical-align: middle; padding: 20px; border-right: 1px solid var(--color-gray-200); border-bottom: 1px solid var(--color-gray-200);}
.biz.biz-cldChar .table-box td:last-of-type{border-right: 0;}
.biz.biz-cldChar .table-box td.tit{text-align: center; font-weight: 600;}
.biz.biz-cldChar .table-box thead th{padding: 20px 0; font-weight: 500;}
.biz.biz-cldChar .table-box thead th:nth-of-type(1){width: 14.29%; border-right: 1px solid #fff;}
.biz.biz-cldChar .table-box thead th:nth-of-type(2){width: 42.86%; border-right: 1px solid #fff;}
.biz.biz-cldChar .table-box .txt-list{margin-top: 0;}
.biz.biz-cldChar .table-box .txt-list:nth-of-type(2){margin-top: 5px;}



/* history */
.history .year-list{
    display: flex;
    flex-direction: column;
    gap: 100px;
}
.history .list-cont{
    display: flex;
    gap: 80px;
}
.history .list-cont> li:first-of-type{
    width: 400px;
}
.history .list-cont> li:nth-of-type(2){
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: calc(100% - 480px);
}
.history .list-cont li .cate{
    font-size: var(--default-font2-size);
    font-weight: 600;
    color: var(--color-brand-primary);
    margin-bottom: 15px;
}
.history .list-cont li .year-title{
    font-size: var(--default-subtit-size);
    font-weight: 600;
    color: var(--color-brand-secondary);
}
.history .list-cont li .year-cont{
    display: flex;
    gap: 80px;
}
.history .year-cont .year-num{
    color: var(--color-brand-primary);
    font-weight: 600;
    font-size: var(--default-subtit-size);
}
.history .year-cont .dot-list{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.history .year-cont .dot-list li{
    position: relative;
    padding-left: 14px;
    font-size: var(--default-font2-size);
    color: var(--color-gray-800);
}
.history .year-cont .dot-list li::after{
    top: 12px;
    left: 0;
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #d9d9d9;
}


/* history */

/* rpa table*/
.table-title{
    font-size: 32px;
    color: var(--color-brand-secondary);
    font-weight: 600;
    margin-bottom: 40px;
}
.table-search{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.table-search .total-count{
    font-size: var(--default-font1-size);
    font-weight: 500;
}
.table-search .total-count span{
    color: var(--color-gray-600);
    font-weight: 400;
    padding-right: 5px;
}
.table-search .search-box{
    display: flex;
    gap: 15px;
}
.search-box li{
    border-bottom: 1px solid black;
    display: flex;
}

.search-box .search-sel{
    border: none;
    font-size: var(--default-font3-size);
    width: 150px;
    padding: 15px 0;
    appearance: none;
    background: url(../img/select-ico.svg);
    background-repeat: no-repeat;
    background-position: right;
    outline: none;
    filter: none;
}

.eng .search-box .search-sel {
    width: 200px;
}
.search-box input{
    padding: 15px 0;
    border: none;
    background-color: transparent;
    font-size: var(--default-font3-size);
    outline: none;
    width: 276px;
}
.search-box input::placeholder{
    color: var(--color-gray-400);
}
.search-box .btn-search{
    font-size: 0;
    width: 24px;
    position: relative;
    cursor: pointer;
    padding: 0;
    height: 52px;
    border: none;
    background-color: transparent;
    outline: none;
}
.search-box .btn-search::after{
    content: url(../img/search-ico.svg);
    position: absolute;
    top: 13px;
    left: 0;
}

.table-cont.no-txt{
    padding: 100px 0;
}
.table-cont.no-txt p{
    text-align: center;
    font-size: var(--default-font3-size);
}

.table-cont{
    margin: 30px 0;
}

.table-cont > ul{
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

.table-cont > ul >li{
    width: calc((100% - 60px) / 3);
    border: 1px solid var(--color-gray-200);
    border-radius: 25px;
    height: 340px;
    padding: 40px 50px;
    box-sizing: border-box;
    position: relative;
}

.table-cont > ul >li a{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.table-cont .cate{
    font-size: 14px;
    border: 1px solid #008A0E;
    color: #008A0E;
    padding: 5px 25px;
    border-radius: 40px;
    display: inline-block;
}
.table-cont .card-title{
    font-size: 26px;
    color: var(--color-gray-900);
    font-weight: 600;
    margin: 15px 0 10px;
}



.table-cont .card-txt{
    color: var(--color-gray-800);
    font-size: var(--default-font1-size);
}
.table-cont .date{
    color: var(--color-gray-600);
    font-size: var(--default-font1-size);
    position: absolute;
    bottom: 50px;
}
.table-pagination{
    display: flex;
    justify-content: center;
    gap: 30px;
    align-items: center;
}
.table-pagination > a {
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    text-indent: -9999px;
    font-size: 0;
}
.table-pagination > a.btn-first{
    background: url(../img/pagi-first-ico.svg);
}
.table-pagination > a.btn-prev{
    background: url(../img/page-prev-ico.svg);
}
.table-pagination > a.btn-next{
    background: url(../img/page-prev-ico.svg);
    transform: rotate(180deg);
}
.table-pagination > a.btn-end{
    background: url(../img/pagi-first-ico.svg);
    transform: rotate(180deg);
}

.table-pagination .page{
    display: flex;
    gap: 30px;
}
.table-pagination .page a{
    font-size: 24px;
    font-weight: 500;
    color: black;
    opacity: .5;
    padding: 5px;
}
.table-pagination .page a.active{
    opacity: 1;
    font-weight: 600;
    position: relative;
}
.table-pagination .page a.active::after{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: black;
    content: '';
    left: 0px;
}


body.eng .table-cont > ul >li {
    height: 360px;
}


body.eng .table-cont .card-title {
    font-size: 22px;
    margin: 0px 0px 10px;
}

body.eng .table-cont .card-txt {font-size: 18px;}

body.eng .table-cont .date { font-size: 16px;}

/* rpa table */

/* rpa */
.rpa .tab-cont .cate {
    border: none;
    color: var(--color-brand-primary);
    font-size: var(--default-font2-size);
    font-weight: 600;
}

.rpa .cate,
.rpa .boards .cate {font-size: var(--default-font4-size); font-weight: 600; color: #009C9C; margin-bottom: 10px; border: solid 1px #009C9C; }


.rpa.brRPARecorder .list-box >li{min-height: 205px;}
.rpa.brRPADesigner .list-box >li{min-height: 241px;}
.rpa.brRPAOrchestrator .list-box >li{background: #F3F5F7 url(../img/rpa/rpa-02-brRPAOrchestrator-list-img01.png) no-repeat right 7% top 20%/160px;}
.rpa.brRPAOrchestrator .list-box >li:nth-child(2){background-image: url(../img/rpa/rpa-02-brRPAOrchestrator-list-img02.png);}
.rpa.brRPAOrchestrator .list-box >li:nth-child(3){background-image: url(../img/rpa/rpa-02-brRPAOrchestrator-list-img03.png);}
.rpa.brRPAOrchestrator .list-box >li:nth-child(4){background-image: url(../img/rpa/rpa-02-brRPAOrchestrator-list-img04.png);}
.rpa.brRPABot .list-box >li{min-height: 250px;}
.rpa.brRPABot .content div:nth-child(1) .list-box >li{background: #F3F5F7 url(../img/rpa/rpa-02-brRPABot-list-ico01.svg) no-repeat right 5% top 16%/80px;}
.rpa.brRPABot .content div:nth-child(1) .list-box >li:nth-child(2){background-image:url(../img/rpa/rpa-02-brRPABot-list-ico02.svg);}

.rpa .rpa-list-bg{background-color: #F9F9F9; margin: 100px 0 60px;}
.rpa .rpa-list{display: flex; justify-content: space-between; align-items: center; padding: 60px 0; gap: 80px;}
.rpa .rpa-list>li{width: calc(100% / 4); display: flex; align-items: center; justify-content: center; flex-direction: column; height: auto; position: relative;}
.rpa .rpa-list li::after{content: url(../img/rpa/rpa-01-plus-ico.svg); width: 36px; height: 36px; display: block; position: absolute; left: 107%;}
.rpa .rpa-list li:nth-child(3)::after{content: url(../img/rpa/rpa-01-equal-ico.svg);}
.rpa .rpa-list li:last-child::after{display: none;}

.rpa .rpa-list li .img-sect{border-radius: 100%; width: 180px; height: 180px; overflow: hidden; display: flex; justify-content: center; align-items: center; margin-bottom: 10px;}
.rpa .rpa-list li .img-sect img{width: 100%; height: 100%; object-fit: cover;}
.rpa .rpa-list li .title{font-size: var(--default-font1-size); font-weight: 600;}
.rpa .rpa-list li:nth-child(4) .title{font-size: 30px; color: var(--color-brand-primary);}
.rpa .rpa-list li .title span{color: var(--color-brand-primary);}
.rpa .rpa-list li .txt{padding-top: 30px; position: relative; text-align: center; font-size: var(--default-font2-size); color: var(--color-gray-800);}
.rpa .rpa-list li .txt::before {top: 15px; content: ''; position: absolute; height: 1px; width: 36.5px; left: 50%; transform: translateX(-50%); background-color: var(--color-gray-400);}

.rpa .rpa-box-set{display: flex; flex-direction: column; gap: 20px;}
.rpa .rpa-box{background-color: #EDF4FB; padding: 2.14% 3.57%; border-radius: 15px; display: flex;}
.rpa .rpa-box >.tit{font-size: var(--default-font2-size); font-weight: 600; width: 15%; text-align: left;}
.rpa .rpa-box >.txt{font-size: var(--default-font2-size); font-weight: 400; width: 85%; text-align: left; display: flex; flex-direction: column; gap: 20px;}
.rpa .rpa-box >.txt>ul{display: flex; flex-direction: column; gap: 50px;}
.rpa .rpa-box >.txt>ul>li.process>ul{display: flex; justify-content: space-between;}
.rpa .rpa-box >.txt>ul>li.process>ul>li{width: calc(90% / 3); background-color: #fff; text-align: center; border-radius: 999px; padding: 20px 0; font-weight: 500; box-sizing: border-box; border: 1px dashed var(--color-gray-200); position: relative;}
.rpa .rpa-box >.txt>ul>li.process>ul>li::after{content: url(../img/rpa/rpa-01-plus-ico2.svg); width: 22px; height: 22px; display: block; position: absolute; left: 105%; top: calc(50% - 11px);}
.rpa .rpa-box >.txt>ul>li.process>ul>li:last-child::after{display: none;}
.rpa .rpa-box >.txt>ul>li.process{position: relative;}
.rpa .rpa-box >.txt>ul>li.process::after{content: url(../img/rpa/rpa-01-arrow-ico.svg); display: block; position: absolute; right: 110px; margin-top: 10px;}
.rpa .rpa-box >.txt>ul>li.result>ul{display: flex; justify-content: center; gap: 30px; color: var(--color-brand-primary); background-color: #fff; text-align: center; border-radius: 999px; padding: 20px 0; font-size: var(--default-font1-size); font-weight: 600; box-sizing: border-box; border: 1px dashed var(--color-brand-primary)}

.rpa .content div:nth-child(3) .rpa-box{background-color: #F5F5F5;}
.rpa .content div:nth-child(3) .rpa-box >.txt>ul>li.process>ul>li{width: calc(90% / 4);}
.rpa .content div:nth-child(3) .rpa-box >.txt>ul>li.process>ul>li::after{left: 103%;}

.rpa .rpa-ico-list{display: grid; grid-template-columns: repeat(auto-fill, minmax(208.33px,auto)); gap: 30px; justify-items: center;}
.rpa .rpa-ico-list>li{width: 100%; height: 216.67px; background-color: #fff; border: 1px solid var(--color-gray-200); box-sizing: border-box; border-radius: 15px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}
.rpa .rpa-ico-list>li>div{width: 85px; height: 85px;}
.rpa .rpa-ico-list>li>div img{width: 100%;}
.rpa .rpa-ico-list>li>p{font-size: var(--default-font2-size); font-weight: 500;}


.rpa .rpa-case-list{border-top: 1px solid #000;}
.rpa .rpa-case-list>li>.case{font-weight: 600; color: #000; height: 70px; box-sizing: border-box; padding: 20px; width: 100%; display: flex; justify-content: space-between; cursor: pointer; border-bottom: 1px solid var(--color-gray-200);}
.rpa .rpa-case-list>li>.case::after {content: ''; background: url('../img/rpa/rpa-03-arrow-ico.svg') no-repeat center center; background-size: contain; width: 16.6px; transition: 0.5s;}
.rpa .rpa-case-list>li.on>.case::after {transform: rotate(180deg);}


/* 경영관리 보이게 */
/* .rpa .rpa-case-list>li:first-child .case-list.txt-list{display: block;} */
.rpa .rpa-case-list .case-list.txt-list{display: none; margin-top: 0; padding: 30px; background-color: #F5F5F5;}
.rpa .rpa-case-list .case-list.txt-list p{margin-bottom: 5px;}
.rpa .rpa-case-list .case-list.txt-list p:last-child{margin-bottom: 0;}

/* solution */
/* .solution .blue-title{ color: var(--color-brand-primary); font-size: var(--default-subtit-size); font-weight: 600; margin-bottom: 40px;} */
.solution .list-box >li{min-height: 272px;}
.solution.corebase .list-box >li{min-height: 302px;}
.solution.seize .content div:nth-child(4) .list-box >li{min-height: 300px;}
.solution.seize .content div:nth-child(4) .list-box >li >header{background: #F3F5F7; height: 64px; display: flex; justify-content: space-between;}
.solution.seize .content div:nth-child(4) .list-box >li >header>div:nth-child(1){display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.solution.seize .content div:nth-child(4) .list-box >li >header> a{padding-right: 16px; position: relative; height: 100%;}
.solution.seize .content div:nth-child(4) .list-box >li >header> a:after{content: url(../img/solution/next-btn-ico.svg); position: absolute; top: 8px; right: 0;}
.solution.seize .content div:nth-child(4) .list-box >li:nth-child(6) >header> a:after{display: none;}


.solution .tag{font-size: var(--default-tag-size); color: var(--color-brand-primary); display: inline-block; padding: 7px 20px; border-radius: 999px; border: 1px solid var(--color-brand-primary); margin-bottom: 15px;}
.solution .solution-box-st1{display: flex; justify-content: space-between;}
.solution .solution-box-st1 >div:nth-child(1){width: 61.43%;}
.solution .solution-box-st1 .tab-main-tit{margin-bottom: 30px;}
.solution .solution-box-st1 >div:nth-child(1) p{padding: 30px; background-color: var(--color-gray-100); border-radius: 30px;}
.solution .solution-box-st1 >div:nth-child(2){width: 35.71%; min-height: 300px; border-radius: 25px; border: 1px solid var(--color-gray-200); box-sizing: border-box; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.solution .solution-box-st1 >div:nth-child(2) img{width: auto; height: auto;}

body.eng .list-box .title {
    font-size: var(--solution-box-st2-tit-size);
}

/* 주요고객사 페이지 */
.custom-lineup{display: grid; grid-template-columns: repeat(auto-fill, minmax(264px, auto)); gap: 30px 20px; justify-items: center; box-sizing: border-box; margin: 0 auto;}
.custom-lineup >li{width: 264px; box-sizing: border-box; text-align: center; font-size: var(--default-font2-size);}
.custom-lineup >li>div.img-box{height: 130px; overflow: hidden; border: 1px solid var(--color-gray-200); margin-bottom: 10px;}
.custom-lineup >li>div.img-box img{width: 100%;}

/* 공지사항 */
.table-cont2 ul{display: flex; gap: 30px; flex-wrap: wrap; margin: 60px 0;}
.table-cont2 ul li{width: calc((100% - 60px)/3);}
.table-cont2 .img{width: auto; height: 280px; background-color: #f1f1f1;}
.table-cont2 .img img{width: 100%; height: 100%; min-height: 280px; object-fit: cover; display: block;}
.table-cont2 .info{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.table-cont2 .txt{height: 196px; box-sizing: border-box; padding: 30px; background-color: #F5F5F5; display: flex; flex-direction: column; justify-content: space-between; color: var(--color-gray-600);}
.table-cont2 .txt .cate{font-size: 14px; display: block; margin-bottom: 10px;}
.table-cont2 .txt .tit{color: #000; font-size: var(--default-font1-size); font-weight: 500;}
.table-cont2 .txt .date{font-size: var(--default-font3-size); font-weight: 400;}
.table-cont2.no-txt{padding: 100px 0;}
.table-cont2.no-txt p{text-align: center; font-size: var(--default-font3-size);}

.table-cont2 li a:hover .txt, .table-cont2 li a:active .txt, .table-cont2 li a:focus .txt{background-color: var(--color-brand-primary); color:#fff; transition: all .2s;}
.table-cont2 li a:hover .tit, .table-cont2 li a:active .tit, .table-cont2 li a:focus .tit{color: #fff; transition: all .2s;}

.table-cont2 li .img{overflow: hidden;}
.table-cont2 li img:hover {transform: scale(1.1); transition: .5s;}

.notice_view .sub-page-title{text-align: left; padding: 20px 0 25px; border-bottom: 3px solid #000; box-sizing: border-box; margin-bottom: 0;}
.notice_view a{color: inherit; word-break: break-all;}
.notice_view .info{color: var(--color-gray-600); font-size: var(--default-font2-size); display: flex;}
.notice_view .info li::after{content: "|"; display: inline-block; color: var(--color-gray-200); padding: 0 7.5px;}
.notice_view .info li:last-child:after{display: none;}
.notice_view .notice-cont{padding: 30px 0; font-size: var(--default-font3-size);}
.notice_view .notice-cont .txt-area {min-height: 300px;}
.notice_view .notice-cont .file-area{padding: 30px; box-sizing: border-box; background-color: #F1F1F1; margin-top: 40px; display: flex; flex-flow: column; gap: 30px;}
.notice_view .notice-cont .file-area>div b{margin-bottom: 10px; display: block; font-weight: 600;}
.notice_view .link-box{display: flex; width: 100%; font-size: var(--default-font1-size); flex-direction: column; margin-bottom: 50px;}
.notice_view .link-box li{display: flex; gap: 30px; padding: 25px 0; border: 1px solid #ddd; border-left: none; border-right: none;}
.notice_view .link-box li:first-child{border-bottom: none;}
.notice_view .link-box li .btn {font-weight: 500; font-size: var(--default-font3-size);}
.notice_view .link-box li .btn::after{content: url(../img/servicecenter/sc-01-notice-list-next-ico.svg); margin-left: 10px; vertical-align: text-bottom;}
.notice_view .link-box li:last-child .btn::after{content: url(../img/servicecenter/sc-01-notice-list-prev-ico.svg);}
.notice_view .link-box li a,
.notice_view .link-box li .title.no-text { font-size: var(--default-font2-size);}
.notice_view .link-box li .title.no-text{color: var(--color-gray-400);}
.notice_view .inner .list-btn{text-align: center;}
.notice_view .inner .list-btn a{display: inline;}

.sub .visual .contact.page-title{text-align: center};

.contact .input-box{display: flex; flex-direction: column; gap: 30px;}
.contact .input-box .star{color: var(--color-brand-primary); margin-left: 5px;}
.contact .input-box *::placeholder{color: var(--color-gray-400); font-weight: normal;}
.contact .input-box label p{font-size: 16px; margin-bottom: 5px;}
.contact .input-box label{font-size: var(--default-font3-size); display: flex; flex-flow: column; font-weight: 500; color: var(--color-gray-600);}
.contact .input-box input, .contact .input-box textarea, .contact .input-box select{
    font-size: var(--default-font3-size); width: 100%; border: none; border-bottom: 1px solid #000; box-sizing: border-box; border-radius: 0;
    /* appearance: none; -webkit-appearance: none; -moz-appearance: none; */
}
.contact .input-box input, .contact .input-box select{
    height: 56px;
}
.contact .input-box select{
    background: url(../img/servicecenter/sc-02-select-ico.svg) no-repeat center right .5em;
    appearance: none; -webkit-appearance: none; -moz-appearance: none;
    margin-bottom: 30px;
}
.contact .input-box select.on{background-image: url(../img/servicecenter/sc-02-select-ico2.svg);}
.contact .input-box textarea{min-height: 300px; padding: 15px 0; resize: vertical; margin-bottom: 30px;}
.input-flex{display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; gap: 30px; margin-bottom: 30px;}
.input-flex>*{width: calc((100% - 30px)/2);}
.contact .agree-box{text-align: center; display: flex; flex-direction: column; align-items: center; gap: 20px; margin-top: 30px;}
.contact input[type="checkbox"]{display: none;}
.contact input[type="checkbox"]+label{display: inline-block; width: 20px; height: 20px; border: 1px solid var(--color-gray-800); position: relative;}
.contact input[type="checkbox"]:checked+label::after{content: url(../img/servicecenter/sc-02-check-ico.svg); position: absolute; left: 4px; top: -3px;}
.contact .agree-box .chk{display: flex; font-weight: 400; color: #222; font-size: var(--default-font3-size); width: 100%; gap: 10px; justify-content: start; align-items: center;}
.contact .agree-box .chk a{display: inline; color: var(--color-brand-primary); border-bottom: 1px solid var(--color-brand-primary);}
.contact .agree-box button{padding: 0 50px; height: 60px; border-radius: 50px; border: none; background-color: #000; color: #fff; font-size: var(--default-font2-size); font-weight: 500; display: flex; justify-content: center; align-items: center;}
.contact .agree-box button span::after{content: url(../img/servicecenter/sc-02-send-ico.svg); margin-left: 10px;}
.contact .recaptcha-img{width: 305px;}
.contact .agree-box button:hover {background-color: #111111;}

#contactPopup .info{margin-bottom: 20px;}
#contactPopup .terms-box-set{gap: 20px;}
.popup-overlay{overflow: hidden; padding: 60px; background-color: #fff; box-sizing: border-box; border-radius: 25px;}
.popup-overlay .title{height: 60px; box-sizing: border-box; border-bottom: 2px solid #000; display: flex; justify-content: space-between; align-items: center;}
.popup-overlay .title a{width: auto;}
.popup-overlay .title a img{width: 100%;}
.popup-overlay {background: #fff; margin: 3em; padding: 60px; max-width: 1000px; }
.popup-overlay .content .pop-inner{padding-top: 30px; overflow-y: auto; max-height: calc(100vh - 60px * 2 - 60px - 3em * 2); }
.popup-overlay .content, .popup-overlay .content .pop-inner, .popup-overlay .content .txt-list>p, .popup-overlay .content .num-list, .contact-privacy .popup .content .txt-list>p{font-size: var(--default-font3-size);}
.popup-overlay .content .pop-inner .terms-box-set .terms-box b{color: var(--color-brand-secondary);}

.location .map-info-box{width: 100%; display: flex; font-size: var(--default-font2-size); color: var(--color-gray-800); font-weight: 400;}
.location .map-info-box strong.title{margin-bottom: 10px; display: inline-block;}
.location .map-info-box>div{width: 50%; box-sizing: border-box; padding: 60px;}
.location .location-info{border-radius: 25px 0 0 25px; border: 1px solid var(--color-gray-200); border-right: none;}
.location .location-info .add-box{display: flex; gap: 10px;}
.location .location-info .add-box .address{font-size: var(--default-font1-size);font-weight: 600; color: var(--color-brand-primary);}
.location .location-info .add-box .link-ico{display: flex; gap: 5px;}
.location .location-info .contact-info{margin-top: 40px; display: flex; flex-direction: column; gap: 10px;}
.location .location-info .contact-info li{display: flex;}
.location .location-info .contact-info li>b{width: 70px; display: inline-block;}
.location .location-info .contact-info li::before{content: url(../img/servicecenter/sc-03-tel-ico.svg); margin-right: 10px;}
.location .location-info .contact-info li:nth-child(2)::before{content: url(../img/servicecenter/sc-03-fax-ico.svg);}
.location .location-info .contact-info li:nth-child(3)::before{content: url(../img/servicecenter/sc-03-email-ico.svg);}
.location .trans-info{
    border: 1px solid var(--color-gray-200); border-radius: 0 25px 25px 0;
    display: flex; flex-direction: column; justify-content: space-between;
}

.location .trans-info .loc-info li:first-child {margin-bottom: 30px;}
.location .trans-info .loc-info li dd {display: flex; flex-direction: row; gap: 10px;}
.location .trans-info .loc-info li dd p {vertical-align: middle; margin-top: 1px;}
.location .trans-info .numb-two:before,
.location .trans-info .numb-four:before,
.location .trans-info .parking-tit:before { width: 30px; height: 30px; line-height: 30px;   content: '2'; border-radius: 50%; background-color: #33A23D; font-size: var(--default-font4-size); font-weight: bold; color: #ffffff; text-align: center; }
.location .trans-info .numb-four:before { content: '4'; background-color: #00A2D1;}
.location .trans-info .parking-tit:before {content: 'P'; background-color: gray;}

/* 약관 */

.terms {word-break: keep-all;}
.terms .content{font-size: var(--default-font2-size); color: var(--color-gray-800);}
.terms .content .info {
    line-height: 1.6;
    margin: 1.5em 0;
}
.terms .content>.terms-subtit{font-size: var(--default-font1-size); font-weight: 600; margin-bottom: 30px;}
.terms .terms-box-set{display: flex; flex-direction: column; gap: 60px;}
.terms .terms-box{display: flex; flex-direction: column; gap: 10px;}
.terms .terms-box .terms-subtit2 {font-size: inherit; color: var(--color-brand-primary); font-weight: 600;}

.terms .gray-box, 
.terms .terms-box > .txt-list, 
.terms .terms-box > .num-list{
    margin-top: 0; background-color: #F3F5F7; padding: 30px; gap: 10px; display: flex; flex-direction: column;
}

.terms .terms-box .num-list .txt-list {
    margin-top: .5em;
}

.terms .terms-box .num-list{gap: 15px;}
.terms .terms-box .num-list{counter-reset: number 0; list-style: none;}

.terms .terms-box .num-list>li{
    padding-left: 1.5em;
    position: relative;
}

.terms .terms-box .num-list>li ul.num-list.parent {
    margin-top: .5em;
}

.terms .terms-box .num-list.parent>li {
    padding-left: 1.2em;
}

.terms .terms-box .num-list>li>span{display: block; font-weight: 500;}

.terms .terms-box .num-list>li>span.margin,
.terms .terms-box span.margin {
    display: block;
    font-weight: normal;
    margin-top: .5em;
}

.terms .terms-box .num-list>li::before {
    position: absolute;
    top: .28em;
    left: 0;
    counter-increment: number 1; 
    content: counter(number); 
    font-size: 0.75em;
    width: 1.45em;
    text-align: center;
}

.terms .terms-box .num-list.parent>li::before{
    content: counter(number)")"; 
    font-size: 1em;
    top: auto;
    text-align: left;
}

.terms .terms-box .num-list.parent>li::after {
    display: none;
}

.terms .terms-box .num-list>li::after {
    content: '';
    position: absolute;
    top: .7em;
    left: 0;
    transform: translateY(-50%);
    display: inline-block;
    border: 1px solid #333;
    border-radius: 50%;
    width: 1em;
    height: 1em;
}
.terms .terms-box .num-list>li ul{margin-top: 5px; display: flex; flex-direction: column; gap: 5px;}
.terms .terms-box .num-list>li ul.bull li{position: relative; left: -5px;}
.terms .terms-box .num-list>li ul.bull li::before{top: 10px; left: -15px; width: 4px; height: 4px; content: ''; border-radius: 50%; position: absolute; background-color: #d9d9d9;}
.terms .terms-box .bull-info>p{
    margin: 10px 0;
}
.terms .terms-box .bull-info>p:first-child{
    font-weight: 500;
}
.terms .gray-box .bull-info>p:first-child{
    margin-top: 0;
}
.terms .terms-box .bull-info>.txt-list{
    padding: 0; gap: 5px;
    margin-top: .5em;
}
.terms .terms-box.terms-box.department .num-list>li ul{
    gap: 10px; display: flex; flex-direction: column;
}
.terms .cir-list>li{padding-left: 20px; position: relative;}
.terms .cir-list>li::before{content: '①'; position: absolute; left: 0;}
.terms .cir-list>li:nth-child(2):before{content: '②';}
.terms .cir-list>li:nth-child(3):before{content: '③';}
.terms .cir-list>li:nth-child(4):before{content: '④';}


/* sub */



/* 반응형 */
@media screen and (min-width:1921px) {
    .sub .visual .page-title {
        font-size: 80px;
    }
}

@media screen and (max-width:1460px) {
    .sub .visual .bg-sect {
        height: 400px;
    }
}

@media screen and (max-width:1280px) {
    .overview .overview-list li{width: 48%;}
}

@media screen and (max-width:1200px) {
    .sub .visual .bg-sect {
        height: 300px;
    }
    .table-cont > ul >li{
        padding: 30px;
    }
}

@media screen and (max-width:1172px) {
    .custom-lineup >li {
        width: 100%;
    }
    
    .custom-lineup >li>div.img-box {
        height: auto;
    }
}

@media screen and (max-width:1024px) {
    #header.sitemap .close {
        transform: scale(.8);
        margin-top: 0px;
    }

    #header.sitemap .logo a {
        top: 13px;
    }

    #header.sitemap .sitemap-btn svg path {
        fill: black;
    }

    #footer .inner {
        flex-direction: column;
    }

    #footer .right {
        margin-top: 30px;
    }

    .sub .visual .page-title {
        font-size: 24px;
        margin: 100px 0 20px;
    }

    .sub .page-tab a {
        font-size: var(--default-font2-size);
        margin-right: 40px;
    }

    .sub .page-tab {
        margin-bottom: 20px;
    }

    .cont {
        padding: 100px 0;
    }

    .cont .sub-page-title {
        font-size: var(--default-font1-size);
    }
    .cont .tab-title{
        font-size: var(--default-font1-size);
        margin-bottom: 20px;
    }
    .cont .tab-cont{
        padding-top: 40px;
    }
    .cont .tab-txt{
        font-size: var(--default-font3-size);
    }
    .cont .tab-cont>.title{
        padding-bottom: 40px;
    }

    .biz .biz-list{
        gap: 100px;
    }
    .biz .biz-list li .text-sect{
        padding: 0 50px;
    }

    .biz .biz-list .cate{
        font-size: 14px;
    }
    .biz .biz-list .title{
        font-size: var(--default-font2-size);
    }
    .biz .biz-list .txt-list{
        margin-top: 20px;
    }
    .biz .biz-list .txt-list p{
        font-size: var(--default-font3-size);
    }


    .biz .blue-title{
        font-size: var(--default-font2-size);
        margin-bottom: 20px;
    }
    .biz .info>.img-sect{
        margin-bottom: 20px;
    }
    .biz .info>.txt{
        font-size: var(--default-font3-size);
    }
    .biz .info .ai-list{
        gap: 10px;
    }
    .biz .info .ai-list li .title{
        font-size: var(--default-font3-size);
    }
    .mov .swiper .slide-pagination li{
        font-size: var(--default-font3-size);
    }
    .mov .swiper .controls .num strong{
        font-size: var(--default-font2-size);
    }
    .history .year-list{
        gap: 60px;
    }
    .history .list-cont{
        gap: 30px;
    }
    .history .list-cont> li:nth-of-type(2){
        width: calc(100% - 380px);
        gap: 40px;
    }
    .history .list-cont li .cate{
        font-size: 16px;
        margin-bottom: 0;
    }
    .history .list-cont li .year-cont{
        gap: 40px;
    }
    .history .list-cont li .year-title{
        font-size: var(--default-font2-size);
    }
    .history .list-cont> li:first-of-type{
        width: 300px;
    }
    .history .year-cont .year-num{
        font-size: var(--default-font2-size);
    }
    .history .year-cont .dot-list li{
        font-size: var(--default-font3-size);
    }
    .table-cont > ul >li{
        width: calc((100% - 30px) / 2);
    }
    .table-title{
        font-size: var(--default-font2-size);
    }


    /* ★★★★★★★★★★★★★★★ */
    .col.list-box{flex-direction: column; gap: 10px;}
    .col.list-box>li{width: 100%; flex-direction: column; gap: 10px; border-radius: 10px; min-height: auto;}
    .list-box .title{font-size: var(--default-font2-size);}
    .list-box .cate{font-size: 14px;}
    .txt-list{margin-top: 20px;}
    .txt-list >p{font-size: var(--default-font3-size);}
    .tag{font-size: 12px; padding: 8px 15px;}
    .explan{font-size: 14px;}
    .sub-txt, .blue-title + .sub-txt{font-size: 16px;}
    /* ★★★★★★★★★★★★★★★ */
    .cont .tab-cont>.title {padding-bottom: 40px;}
    .ceo .ceo-box-cont{flex-direction: column; gap: 30px;}
    .ceo .ceo-box .ceo-box-cont> .txt-box, .ceo .ceo-box .ceo-sign{font-size: 16px;}
    .ceo .ceo-box-cont> .img-sect,
    .ceo .ceo-box-cont> .txt-box,
    .ceo .ceo-box-cont> .txt-box .blue-title{width: 100%;}
    .ceo .ceo-box-cont> .txt-box br.pc-br {
        display: none;
    }
    .ceo .ceo-box .ceo-sign{flex-direction: column; align-items: end; gap: 10px;}
    .ceo .ceo-box .ceo-sign>img{width: 20%;}

    .process-list{display: none;}
    
    
    .biz.biz-cldFunc .explan{font-size: 12px;}
    /* 표 폰트 사이즈 조정 */
    .biz.biz-cldChar table{font-size: 16px;}
    .biz.biz-cldChar .table-box td{font-size: 16px;}
    .biz.biz-cldChar .table-box td .txt-list p{font-size: 16px;}
    .biz.biz-cldFunc .content .col.list-box>li{background-position: right 10% top 16%; min-height: auto; background-size: 60px;}
    .biz.biz-cldChar .col.list-box>li:first-child{margin-top: 20px;}
    .biz.biz-cldChar .content .col.list-box>li{width: 100%; background-size: 60px; min-height: auto;}
    .blue-title{font-size: var(--default-font2-size); margin-bottom: 20px;}
    .sub-title{font-size: var(--default-font2-size); margin-bottom: 20px;}
    .default-font1{font-size: var(--default-font3-size);}
    .content .tab-txt.bold{margin-bottom: 10px;}
    .tab-cont-sec{padding-top: 40px;}

    .rpa-list{flex-direction: column;}
    .rpa .rpa-list-bg{margin: 40px 0;}
    .rpa .rpa-list>li{width: 100%;}
    .biz.biz-cldFunc .cate, .biz.biz-cldChar .cate, .rpa .cate{font-size: 14px; margin-bottom: 10px;}
    .rpa .rpa-list{gap: 10px;}
    .rpa .rpa-box{border-radius: 10px; flex-direction: column; gap: 10px; padding: 20px;}
    .rpa .rpa-list li .title, .rpa .rpa-box >.txt>ul>li.result>ul{font-size: var(--default-font3-size);}
    .rpa .rpa-list li .txt, .rpa .rpa-box >.tit, .rpa .rpa-box >.txt{font-size: 16px; width: 100%;} 
    .rpa .rpa-box >.txt>ul>li.process>ul{flex-direction: column; gap: 35px;}
    .rpa .rpa-box >.txt>ul>li.process>ul>li{width: 100%; gap: 35px;}
    .rpa .content div:nth-child(3) .rpa-box >.txt>ul>li.process>ul>li::after{left: calc(50% - 11px);}
    .rpa .content div:nth-child(3) .rpa-box >.txt>ul>li.process>ul>li{width: 100%;}
    .rpa .rpa-box >.txt>ul>li.process>ul>li::after{left: calc(50% - 11px); top: 68px;}
    .rpa .rpa-box >.txt>ul{gap: 0;}
    .rpa .rpa-box >.txt>ul>li.process::after{position: static; text-align: center; margin: 10px 0;}
    .rpa .rpa-box >.txt>ul>li.result>ul{flex-direction: column; gap:5px;}
    .rpa .rpa-case-list>li>.case{height: 60px;}
    .rpa .rpa-case-list .case-list.txt-list p{margin-bottom: 10px;}
    .rpa .rpa-list li .img-sect{width: 120px; height: 120px;}
    .rpa .rpa-list li::after{position: static; padding: 20px 0;}
    .rpa .rpa-list li:nth-child(3):after{rotate: 90deg;}
    .rpa .rpa-ico-list>li>p{font-size: 16px;}
    .rpa.brRPARecorder .list-box >li, .rpa.brRPADesigner .list-box >li{min-height: auto;}
    .rpa.brRPAOrchestrator .list-box > li .txt-list{margin-top: 40px;}
    .rpa.brRPAOrchestrator .list-box >li{background-position: right 10% top 12%; background-size: 80px;}
    .rpa.brRPABot .list-box >li{min-height: auto;}
    .rpa.brRPABot .content div:nth-child(1) .list-box >li{width: 100%; background-position: right 10% top 14%; background-size: 60px; min-height: auto;}
    
    
    .solution-box-st1 .tab-main-tit{font-size: var(--default-font1-size); margin-bottom: 15px;}
    .solution .solution-box-st1{flex-direction: column-reverse;}
    .solution .solution-box-st1>div:nth-child(1){width: 100%;}
    .solution .solution-box-st1>div:nth-child(1) p{border-radius: 10px;}
    .solution .solution-box-st1>div:nth-child(2){width: 100%; border-radius: 10px;  min-height: auto; padding: 50px 0;}
    .solution .solution-box-st1 span.tag{display: none;}
    .solution .solution-box-st1 .tab-main-tit{margin: 20px 0; text-align: center;}
    .solution.seize .content div:nth-child(4) .list-box >li >header{height: auto;}
    .solution.seize .content div:nth-child(4) .list-box >li >header>div:nth-child(1){justify-content: flex-start; gap: 5px;}
    .solution.seize .content div:nth-child(4) .list-box >li{min-height: auto;}
    .solution.seize .content div:nth-child(4) .list-box >li >header> a{width: auto; text-align: right;}
    .solution.seize .content div:nth-child(4) .list-box >li >header> a:after{top: 0;}
    .solution.seize .content div:nth-child(4) .list-box >li >header> a img{width: 70%; height: 100%;}
    .solution.corebase .list-box >li{min-height: auto;}

    /* company */
    .overview .overview-bg{width: 100%; height: auto; padding: 100px 0; margin-bottom: 60px;}
    .overview .overview-list{flex-direction: column; gap: 40px;}
    .overview .overview-list li{width: 100%; gap: 20px;}
    .overview .overview-list li .img{height: 200px; border-radius: 10px;}
    .overview .overview-list li .img{background: url(../img/company/company-02-overview-list-mob-img-01.jpg) no-repeat center/cover;}
    .overview .overview-list li:nth-child(2) .img{background-image: url(../img/company/company-02-overview-list-mob-img-02.jpg);}
    .overview .overview-list li:nth-child(3) .img{background-image: url(../img/company/company-02-overview-list-mob-img-03.jpg);}
    .overview .overview-list li:nth-child(4) .img{background-image: url(../img/company/company-02-overview-list-mob-img-04.jpg);}
    .overview .overview-list li .img p{display: block; font-size: var(--default-font1-size);}
    .overview .overview-list li:nth-child(2){padding-top: 0px;}
    .overview .overview-list li:nth-child(3){padding-bottom: 0px;}
    .overview .overview-list li:nth-child(4){padding-top: 0px;}
    .overview .overview-list li .txt{font-size: var(--default-font3-size); width: 100%; flex-direction: column;}
    .overview .overview-list li .txt p{width: 100%;}
    .overview .overview-list li .txt::before{font-size: 36px;}
    
    .ci.cont .img-sect{margin-top: 20px;}
    .ci .ci-list{flex-direction: column; gap: 20px; margin-top: 20px;}
    .ci .ci-list li{width: 100%;}
    .ci .ci-list p{font-size: 14px;}

    .ci .color-list{gap: 30px; margin-top: 20px;}
    .ci .color-list>li{flex-direction: column; gap: 10px;}
    .ci .color-list>li::before{width: 50px; height: 50px;}
    .ci .color-list>li>div{display: flex; flex-direction: column; justify-content: center; align-content: center; gap: 10px; text-align: center;}
    .ci .color-list>li>div>ul.explan{display: flex; flex-direction: column;}
    .ci .color-list>li>div>ul.explan>li::after{display: none;}
    .global .img-sect.map-img{padding: 40px 0; text-align: center; margin: 30px 0;}
    .global .img-sect.map-img img{width: 80%;}

    .global .global-list{padding-top: 30px;}
    .global .global-list>li{width: 100%; flex-direction: column; gap: 15px;}
    .global .global-list>li:first-child{padding-bottom: 40px;}
    .global .global-list>li:last-child{padding-top: 40px;}
    .global .global-list>li>.blue-title{width: 100%;}
    .global .global-list>li>.blue-title span.tab-txt{display: inline-block; margin-top: 0; margin-left: 20px; font-size: 14px;}
    .global .global-list>li>div{width: 100%;}
    .global .global-list>li>div>.explan::before{vertical-align: middle;}

    .bt-awards .bt-table{height: auto;}
    .bt-awards .bt-table{flex-direction: column; margin-bottom: 20px;}
    .bt-awards .bt-table .explan{font-size: 12px; margin-top: 30px;}
    .bt-awards .bt-table>.img{width: 100%;}
    .bt-awards .bt-table>.txt-box{width: 100%; padding: 30px;}
    .bt-awards .bt-table>.txt-box .txt .tit{font-size: var(--default-font3-size);}
    .bt-awards .bt-list .txt> .tit{font-size: 17px;}
    .bt-awards .bt-table.bt-table1>.txt-box .txt> p{padding-bottom: 40px;}
    .bt-awards .bt-table>.txt-box> .txt a{font-size: 14px; top: unset; bottom: 0;}
    .bt-awards .bt-list{flex-direction: column; gap: 20px;}
    .bt-awards .bt-list>li{width: 100%;}
    .bt-awards.awards .tab-cont .content div:first-child .bt-list .txt{min-height: auto;}
    .bt-awards.patent .bt-list .txt{min-height: 110px;}
    .bt-awards.patent .bt-list .txt .explan{text-align: right;}

    .coreservice .mov .video-cont {height: auto; flex-direction: column; border-radius: 10px;}
    .coreservice .video-cont .img-sect{width: 100%; height: 230px; background: url(../img/company/company-02-swiper-mob-img-01.jpg) no-repeat center; background-size: cover;}
    .coreservice .video-cont .img-sect.swi2{background-image: url(../img/company/company-02-swiper-mob-img-02.jpg);}
    .coreservice .video-cont .img-sect.swi3{background-image: url(../img/company/company-02-swiper-mob-img-03.jpg);}
    .coreservice .video-cont .img-sect.swi4{background-image: url(../img/company/company-02-swiper-mob-img-04.jpg);}
    .coreservice .video-cont .img-sect.swi5{background-image: url(../img/company/company-02-swiper-mob-img-05.jpg);}
    .coreservice .video-cont .img-sect.swi6{background-image: url(../img/company/company-02-swiper-mob-img-06.jpg);}
    .coreservice .text-sect{width: 100%; padding: 25px 20px; box-sizing: border-box; min-height: 290px; justify-content: start;}
    .coreservice .cate{font-size: 14px;}
    .coreservice .text-sect .title{font-size: var(--default-font2-size);}

    .custom-lineup{gap: 15px 10px; display: flex;flex-wrap: wrap;}
    .custom-lineup >li{width: calc((100% - 10px)/2); font-size: var(--default-font4-size);}
    .custom-lineup >li>div.img-box{height: auto; margin-bottom: 5px;}
    .custom-lineup >li>div.img-box img{width: 100%; vertical-align: middle;}


    
    .table-cont2 ul{flex-direction: column; margin: 30px 0;}
    .table-cont2 ul li{width: 100%;}
    .table-cont2 .txt{height: 170px;}
    .table-cont2 .txt .cate{font-size: 12px;}
    .table-cont2 .txt .tit{font-size: var(--default-font3-size);}
    .table-cont2 .txt .date{font-size: 14px;}

    /* .notice_view .sub-page-title{padding: 20px 0;} */
    .notice_view .info{font-size: 16px;}
    .notice_view .notice-cont{padding: 30px 0; font-size: 16px; line-height: 1.6;}
    .notice_view .notice-cont .file-area>div b{margin-bottom: 0;}
    .notice_view .link-box{font-size: 16px; margin-bottom: 50px;}
    .notice_view .link-box li{gap: 20px; padding: 20px 0;}
    .notice_view .link-box li a.btn::after{content: url(../img/servicecenter/sc-01-notice-list-mob-next-ico.svg); margin-left: 5px; vertical-align: text-bottom;}
    .notice_view .link-box li:last-child a.btn::after{content: url(../img/servicecenter/sc-01-notice-list-mob-prev-ico.svg);}


    .notice_view .notice-cont img {width: 100% !important; height: auto !important;}
    
    .notice_view .link-box li .btn::after,
    .notice_view .link-box li:last-child .btn::after { display: none;}

    
    .notice_view .link-box li .btn {font-weight: 700; font-size: 16px; display: block;}
    .notice_view .link-box li a, 
    .notice_view .link-box li .title.no-text {font-size: 16px;}

    .notice_view .notice-cont .file-area {padding: 15px;}


    
    .terms .content{font-size: var(--default-font3-size); line-height: 1.4;}
    .terms .content>.terms-subtit{font-size: var(--default-font3-size);}
    .terms .terms-box-set{gap: 40px;}
    .terms .terms-box{gap: 20px;}

    /* 약관 박스 폰트 크기 조절 */
    .terms .gray-box p,
    .terms.privacy .terms-box .txt-list>p, 
    .terms.privacy .terms-box .num-list { 
        font-size: 16px;
    }

    .terms.email .terms-box .txt-list>p, .terms.email .terms-box .num-list{font-size: 16px;}

    .terms .terms-box .num-list{gap: 15px;}
    .terms .terms-box .bull-info>p{
        font-weight: 500; margin: 20px 0 10px;
    }

    .contact .input-box label{font-size: 16px;}
    .contact .input-box label p{font-size: 14px; margin-bottom: 0;}
    .contact .input-box label input{font-size: 16px;}
    .contact .input-box select{font-size: 16px;}
    .contact .input-box textarea{font-size: 16px; min-height: 200px;}
    .input-flex{flex-direction: column;}
    .input-flex>*{width: 100%;}
    .contact .agree-box{gap: 40px;}
    .contact .agree-box .chk{font-size: 14px;}
    .contact input[type="checkbox"]:checked+label::after{top: 0px;}
    
    #contactPopup .pop-inner{padding-top: 20px;}
    #contactPopup .terms-box{gap: 10px;}
    #contactPopup .terms-box-set{gap: 25px;}
    .popup-overlay {margin: 1.5em; padding: 1.5em; border-radius: 15px;}
    .popup-overlay .title{width: 100%; height: 50px;}
    .popup-overlay .title .tab-main-tit{font-size: 19px;}
    .popup-overlay .title a{width: 40px;}
    .popup-overlay .content{padding: 0; height: 100%;}
    .popup-overlay .content .pop-inner{padding: 0;}
    .popup-overlay .content, .popup-overlay .content .pop-inner, .popup-overlay .content .txt-list>p, .popup-overlay .content .num-list, .contact-privacy .popup .content .txt-list>p{font-size: 15px;}
    .popup-overlay.terms .terms-box .txt-list, .popup-overlay.terms .terms-box .num-list{padding: 15px;}

    .location .map-info-box{flex-direction: column; font-size: 16px; gap: 20px;}
    .location .map-info-box strong.title{font-size: var(--default-font3-size);}
    .location .map-info-box>div{width: 100%; padding: 30px;}
    .location .location-info{border-radius: 25px; border-right:1px solid var(--color-gray-200);}
    .location .location-info .add-box{flex-direction: column;}
    .location .location-info .add-box .address{font-size: var(--default-font3-size); padding-bottom: 15px;}
    .location .location-info .add-box .link-ico{gap: 10px; }
    .location .location-info .contact-info{margin-top: 20px; gap: 10px;}
    .location .location-info .contact-info li{display: flex; align-items: normal;}
    .location .location-info .contact-info li>b{width: 70px; display: inline-block;}
    .location .location-info .contact-info li::before{content: url(../img/servicecenter/sc-03-tel-ico.svg); margin-right: 10px;}
    .location .location-info .contact-info li:nth-child(2)::before{content: url(../img/servicecenter/sc-03-fax-ico.svg);}
    .location .location-info .contact-info li:nth-child(3)::before{content: url(../img/servicecenter/sc-03-email-ico.svg);}
    .location .trans-info{border-radius: 25px; gap: 30px; line-height: 1.4;}
   
    .location .trans-info .loc-info li dd {display: block; margin-bottom: 20px;}
    .location .trans-info .loc-info li dd:last-child {margin-bottom: 0px;}
    .location .trans-info .numb-two:before,
    .location .trans-info .numb-four:before,
    .location .trans-info .parking-tit:before { width: 20px; height: auto; content: '2호선'; color: #33A23D; font-size: var(--default-font6-size); background-color: #fff; border-radius: 0px; }
    .location .trans-info .numb-four:before { content: '4호선'; color: #00A2D1; }
    .location .trans-info .parking-tit:before {content: '주차장'; color: gray; }

    
    .eng .location .trans-info .numb-two:before,
    .eng .location .trans-info .numb-four:before,
    .eng .location .trans-info .parking-tit:before { width: 20px; height: auto; content: 'Line No. 2'; color: #33A23D; font-size: var(--default-font6-size); background-color: #fff;}
    .eng .location .trans-info .numb-four:before { content: 'Line No. 4'; color: #00A2D1;}
    .eng .location .trans-info .parking-tit:before {content: 'Parking'; color: gray;}

}



@media screen and (max-width:785px) {
    .sub .tab-wrap {
        overflow: hidden;
        overflow-x: auto;
    }

    .sub .visual .page-tab {
        min-width: 100%;
        width: max-content;
        margin-bottom: 15px;
    }

    .cont {
        padding: 60px 0;
    }
    .cont .tab-sect{
        position: relative;
        width: 100%;
        z-index: 1;
    }

    .cont .sub-page-tab {
        /* padding-bottom: 20px; */
        width: 100%;
        position: absolute;
        top: 54px;
        left: 0;
        z-index: 10;
        display: none;
        background-color: white;
    }

    .cont .tab-sect .mob-current{
        display: block;
    }
    .cont .sub-page-tab li {
        width: 100%;
        display: block;
    }
    .cont .sub-page-tab li.on a{
        color: var(--color-brand-primary);
        background-color: white;
        border: 1px solid var(--color-gray-200);
        border-top: none;
    }

    .cont .sub-page-tab li.on a:hover, .cont .sub-page-tab li a:focus, .cont .sub-page-tab li a:active {
        color: var(--color-gray-800);
        background: var(--color-gray-100);
    }

    .cont .tab-sect .mob-current,
    .cont .sub-page-tab li a{
        padding: 16px 20px;
        border-right: 1px solid var(--color-gray-200);
        border-top: none;
        position: relative;
        text-align: left;
        font-size: var(--default-font3-size);
    }
    

    .cont .sub-page-tab li a:hover, .cont .sub-page-tab li a:focus, .cont .sub-page-tab li a:active {
        color: var(--color-gray-800);
        background: var(--color-gray-100);
        border: 1px solid var(--color-gray-200);
        border-top: none;

    }
    .cont .tab-sect .mob-current{
        border-right: 1px solid var(--color-brand-primary); width: 100%;
    }
    .cont .tab-sect .mob-current::after {
        content: url(../img/more-white-ico.svg);
        position: absolute;
        right: 20px;
        transition: .5s;
    }

    .cont .tab-sect .mob-current.on::after {
        transform: rotate(180deg);
        transition: .5s;
    }

    .tab-sect02 .sub-page-tab.inner {
        padding: 0px 20px;
    }
}

@media screen and (max-width:768px) {
    .sub .visual .bg-sect {
        height: 140px;
    }


    /* .sub .page-tab a {
        font-size: var(--default-font3-size);
        margin-right: 20px;
    } */


    .biz .biz-list li{
        flex-direction: column;
        gap: 25px;
    }
    .biz .biz-list li .img-sect{
        width: 100%;
    }
    .biz .biz-list li .text-sect{
        padding: 0;
        width: 100%;
    }
    .biz .biz-list li:nth-of-type(2n) .img-sect{
        order: 1;
    }
    .biz .biz-list li:nth-of-type(2n) .text-sect{
        order: 2;
    }
    .biz .biz-list{
        gap: 80px;
    }
    .biz .mov{
        padding-top: 60px;
    }

    .biz .info .ai-list{
        flex-direction: column;
    }
    .biz .info .ai-list li{
        width: 100%;
        height: 300px;
    }
    .mov .swiper .pagination{
        display: none;
    }
    .mov .swiper{
        margin-left: 0;
    }
    .history .list-cont{
        flex-direction: column;
    }
    .history .list-cont> li:first-of-type{
        width: 100%;
    }
    .history .list-cont> li:nth-of-type(2){
        width: 100%;
        gap: 30px;
    }
    .history .list-cont li .cate{
        font-size: 14px;
        margin-bottom: 15px;
    }
    .history .list-cont li .year-title{
        font-size: var(--default-font1-size);
    }
    .history .list-cont li .year-cont{
        flex-direction: column;
        gap: 10px;
    }

    .history .year-cont .year-num{
        font-size: var(--default-font3-size);
    }

    .table-cont > ul {
        gap: 10px;
    }

    .table-cont > ul >li{
        width: 100%;
        height: 200px;
        padding: 20px;
    }

    body.eng .table-cont > ul >li {
        height: 300px;
    }

    .table-cont .cate{
        padding: 5px 15px;
        font-size: 12px;
        margin-bottom: 0px;
    }
    .table-cont .card-title{
        font-size: var(--default-font3-size);
        margin: 10px 0 5px;
    }
    .table-cont .card-txt{
        font-size: 16px;
    }
    .table-cont .date{
        font-size: 14px;
        bottom: 20px;
    }

    .table-search{
        flex-direction: column;
        align-items: flex-start;
    }
    .table-search .search-box{
        flex-direction: column;
        width: 100%;
    }
    .table-search .total-count{
        font-size: 16px;
    }
    .search-box .search-sel,
    body.eng .search-box .search-sel{
        width: 100%;
    }
    .search-box input{
        width: calc(100% - 24px);
    }
    .table-pagination,
    .table-pagination .page{
        gap: 15px;
    }

    .table-pagination .page a{
        font-size: 16px;
    }

    .rpa .cate, .rpa .boards .cate {
        font-size: 12px
    }

    body.eng .table-cont .card-title {
        font-size: 18px;
    }

    body.eng .table-cont .card-txt {
        font-size: 16px;
    }

    body.eng .table-cont .date {
        font-size: 14px;
    }

    .mob-br{display: block;}
    .pc-br{display: none;}
    .mobile-swipe{display: flex; font-size: 3.2vw; align-items: center;margin-bottom: 10px; color: var(--color-gray-600);}
    .mobile-swipe img{width: 20px; margin-right: 10px;}
    .biz.biz-cldChar .table-box-wrap{width: 100%;overflow-x: scroll;}
    .biz.biz-cldChar .table-box{width: 1100px;}
    .coreservice .mov .swiper .pagination{
        display: none;
    }
    .biz .mov .swiper{
        margin-left: 0;
    }

    .contact .agree-box .btn {width: 100%;}
    .contact .agree-box button {font-size: var(--default-font3-size); width: 100%;}

    .notice_view .link-box li {display: block;}

    .notice_view .notice-cont img {width: 100% !important; height: auto !important;}

    .notice_view .link-box li .btn::after,
    .notice_view .link-box li:last-child .btn::after { display: none;}

    
    .notice_view .link-box li .btn {font-weight: 700; font-size: 16px;}
    .notice_view .link-box li a, 
    .notice_view .link-box li .title.no-text {font-size: 16px;}

    .notice_view .notice-cont .file-area {padding: 15px;}

    .terms .gray-box,
    .terms .terms-box > .txt-list, 
    .terms .terms-box > .num-list,
    .list-box >li,
    .solution .solution-box-st1 >div:nth-child(1) p {
        padding: 15px;
    }

    body.eng .list-box .title {
        font-size: 18px;
    }
}

/* 반응형 */


/*eng*/
body.eng .mov .swiper .slide-pagination li:nth-of-type(1).swiper-pagination-bullet::after{
    width: 20px;
}

body.eng .mov .swiper .slide-pagination li:nth-of-type(2).swiper-pagination-bullet::after{
    width: 50px;
}

body.eng .mov .swiper .slide-pagination li:nth-of-type(3).swiper-pagination-bullet::after{
    width: 48px;
}

body.eng .mov .swiper .slide-pagination li:nth-of-type(4).swiper-pagination-bullet::after{
    width: 93px;
}

body.eng .mov .swiper .slide-pagination li:nth-of-type(5).swiper-pagination-bullet::after{
    width: 82px;
}

body.eng .mov .swiper .slide-pagination li:nth-of-type(6).swiper-pagination-bullet::after{
    width: 67px;
}

body.eng .mov .swiper .txt-list {
    font-size: var(--default-font3-size);
}

body.eng .vids .swiper .slide-pagination li:nth-of-type(1).swiper-pagination-bullet::after{
    width: 80px;
}