/* ******************************* */
/* ************ header *********** */
/* ******************************* */
.header {width: 100%;}
.navbar {padding: 0;}
.navbar .container-fluid {height: 100px; padding: 0 70px; position: relative;}
.navbar .navbar-brand {position: absolute; top: 50%; left: 70px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.header .navbar-brand .logo {width: auto; height: 40px;}
.header .navbar-brand .logo-bk {display: none;}
.header .btn-trigger {height: 40px; position: absolute; top: 50%; right: 70px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.header .btn-trigger .trigger-bk {display: none;}

.navbar .navbar-nav {display: flex; justify-content: center; align-items: center; flex-direction: row;}
.navbar .navbar-nav .nav-link {padding: 17px 35px 36px 35px; margin-top: 20px; font-size: 18px; color: var(--bs-white); text-transform: uppercase; font-weight: 800; position: relative;}
.navbar .navbar-nav .nav-link::after {content: ''; width: 4px; height: 4px; background-color: var(--bs-danger); position: absolute; bottom: 43px; right: 27px; display: none;}
.navbar .navbar-nav .nav-link:hover::after {display: block;}
.navbar .navbar-nav .nav-link.active::after {display: block;}
.navbar .navbar-nav .nav-item:hover .submenu {display: block;}

@media screen and (max-width: 1440px) {
    .navbar .navbar-nav .nav-link {padding: 17px 25px 36px 25px;}
    .navbar .navbar-nav .nav-link::after {right: 18px;}
}

@media screen and (max-width: 1280px) {
    .navbar .navbar-nav {margin-left: 16vw;}
}

@media screen and (max-width: 991px) {
    .navbar .container-fluid {padding: 0 4%; height: 80px;}
    .navbar .navbar-brand {left: 4%;}
    .header .btn-trigger {right: 4%;}
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 320px) {
    .navbar .navbar-brand img{width: auto; height: 30px;}
    .header .btn-trigger img {width: auto; height: 20px;}
}




/* submneu */
.submenu {width:100%; padding: 40px 0; position: absolute; top: 100%; left: 0; background-color: var(--bs-white); border-top: 1px solid var(--bs-light-gray); display: none;}
.submenu > .container {max-width: 668px; padding: 0 35px; display: flex; flex-direction: row;}
.submenu .submenu-list {flex: 1 1 162px; margin-top: 20px; font-size: 16px; font-weight: 400;}
.submenu .submenu-list .submenu-item {margin-bottom: 16px;}
.submenu .submenu-item .submenu-link {color: var(--bs-dark); position: relative; font-weight: 300;}
.submenu .submenu-item .submenu-link.eng {font-weight: 400;}
.submenu .submenu-item .submenu-link:hover {color: var(--bs-danger);}

.employment:hover::before {display: block;}
.employment {position: relative;}
.employment::before {content: ''; width: 10px; height: 10px; background: url('/images/common/icon/icon-menu-arrow.png') no-repeat center center; background-size: 100% auto; position: absolute; top: 47%; right: -15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: none;}

/* gnb submenu open */
.submenu-open {background-color: var(--bs-white);}
.submenu-open .navbar-brand .logo-wh {display: none;}
.submenu-open .navbar-brand .logo-bk {display: block;}
.submenu-open .navbar .navbar-nav .nav-link {color: var(--bs-dark);}
.submenu-open .btn-trigger .trigger-bk {display: block;}
.submenu-open .btn-trigger .trigger-wh {display: none;}


/* all-menu */
.all-menu {width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 3000; background-color: var(--bs-white); overflow-y: auto; display: none;}
.all-menu .btn-close {width: 20px; height: 20px; position: absolute; top: 40px; right: 70px; background: none;}
.all-menu .btn-close img {width: 100%; height: auto;}
.all-menu .logo-wrap {width: 100%; flex-basis: 40%; height: 100%; padding: 30px; background: url('/images/common/all-menu-bg.png') no-repeat center center; background-size: cover; display: flex; justify-content: center; align-items: center;}
.all-menu .logo-wrap .all-menu-logo {width: 100%; max-width: 440px;}
.all-menu .all-menu-wrap {width: 100%; flex-basis: 60%; display: flex; justify-content: center; align-items: center; padding: 30px;}
.all-menu .all-menu-wrap .all-menu-list {width: 100%; max-width: 860px; border-top: 1px solid var(--bs-dark);}
.all-menu-wrap .all-menu-list .all-menu-item {height: 120px; display: flex; align-items: center; border-bottom: 1px solid var(--bs-light-gray);}
.all-menu-wrap .all-menu-list .all-menu-link {width: 200px; padding: 10px;}
.all-menu-list .all-menu-link h5 {display: inline-block; font-weight: 800; text-transform: uppercase; font-size: 30px; margin-bottom: 0; position: relative;}
.all-menu-list .all-menu-link h5::after {content: ''; width: 7px; height: 7px; background-color: var(--bs-danger); position: absolute; bottom: 9px; right: -13px; display: none;}
.all-menu-wrap .all-menu-list .all-menu-link:hover h5::after {display: block;}
.all-menu-wrap .all-menu-list .all-menu-link.active h5::after {display: block;}

.all-menu-wrap .all-menu-list .submenu-list {display: flex; flex-basis: calc(100% - 200px);}
.all-menu-wrap .submenu-list .submenu-link {padding: 10px 20px; display: block;}
.all-menu-wrap .submenu-list .submenu-link {font-size: 18px; font-weight: 400; color: var(--bs-dark);}
.all-menu-wrap .submenu-list .submenu-link.on {color: var(--bs-danger);}
.all-menu-wrap .submenu-list .submenu-link:hover {color: var(--bs-danger);}
.all-menu-wrap .submenu-list .submenu-link.employment::before {right: 0px;}
.all-menu-wrap .submenu-list .submenu-link.eng {font-weight: 600;}

/* all-menu open */
.all-menu.open {display: flex;}

@media screen and (max-width: 1280px) {
    .all-menu .logo-wrap {flex-basis: 30%;}
    .all-menu .all-menu-wrap {flex-basis: 70%; padding: 30px 50px;}
    .all-menu .logo-wrap .all-menu-logo {max-width: 280px;}
    .all-menu-wrap .all-menu-list .all-menu-link {width: 160px;}
    .all-menu-wrap .all-menu-list .submenu-list {flex-basis: calc(100% - 160px);}
    .all-menu-wrap .submenu-list .submenu-link {padding: 10px 15px;}
    /* .all-menu-list .all-menu-link h5 {font-size: 1.75rem;} */
} 


@media screen and (max-width: 991px) {
    .all-menu.open {display: block;} 
    .all-menu .logo-wrap {flex-basis: 100%; height: 400px; background: url('/images/common/m-all-menu-bg.png') no-repeat center center;}
    .all-menu .logo-wrap .all-menu-logo {max-width: 450px;}
    .all-menu .btn-close {width: 30px; height: 30px; top: 25px; right: 4%;}
    .all-menu .all-menu-wrap {width: 100%; flex-wrap: 100%; padding: 70px 9%}
    .all-menu .all-menu-wrap .all-menu-list {border-top: none; margin-bottom: 0;}
    .all-menu-wrap .all-menu-list .all-menu-item {height: 100%; margin-bottom: 40px; flex-direction: column; align-items: flex-start; border-bottom: none;}
    .all-menu-wrap .all-menu-list .all-menu-item:last-child {margin-bottom: 0;}
    .all-menu-wrap .all-menu-list .all-menu-link {width: 100%;}
    .all-menu-list .all-menu-link h5 {font-size: 2.5rem;}
    .all-menu-wrap .all-menu-list .submenu-list {width: 100%; max-height: 0; flex-direction: column; flex-basis: 100%; background-color: var(--bs-gray-200); opacity: 0; overflow: hidden; -webkit-transition: max-height 300ms ease; transition: max-height 300ms ease;}
    .all-menu-wrap .submenu-list .submenu-link {font-size: 1.75rem; font-weight: 500; display: inline-block;}
    .all-menu-wrap .submenu-list .submenu-link.employment::before {width: 15px; height:15px; top: 49%; right: -7px; display: block;}
    .all-menu-wrap .submenu-list .submenu-item {margin-bottom: 5px;}
    .all-menu-wrap .submenu-list .submenu-item:last-child {margin-bottom: 0;}
    .all-menu-wrap .all-menu-list .all-menu-link.active + .submenu-list {margin-top: 25px; padding: 35px 25px; max-height: 400px; opacity: 1;}
} 

@media screen and (max-width: 767px) {
    .all-menu .logo-wrap {height: 300px;}
    .all-menu .logo-wrap .all-menu-logo {max-width: 350px;}
    .all-menu .all-menu-wrap {padding: 50px 9%;}
    .all-menu-list .all-menu-link h5 {font-size: 2.25rem;}
    .all-menu-wrap .all-menu-list .all-menu-item {margin-bottom: 30px;}
    .all-menu-wrap .all-menu-list .all-menu-link.active + .submenu-list {margin-top: 15px;; padding: 25px 15px;}
    .all-menu-wrap .submenu-list .submenu-link {font-size: 1.5rem;}
    .all-menu-wrap .submenu-list .submenu-item {margin-bottom: 0;}
    .all-menu-wrap .submenu-list .submenu-link.employment::before {width: 13px; height: 13px; right: -4px;}
}

@media screen and (max-width: 575px) { 
    .all-menu .btn-close {width: 25px; height: 25px;}
    .all-menu .logo-wrap {height: 250px;}
    .all-menu .logo-wrap .all-menu-logo {max-width: 300px;}
    .all-menu .all-menu-wrap {padding: 40px 6%;}
    .all-menu-list .all-menu-link h5 {font-size: 1.625rem;}
    .all-menu-wrap .all-menu-list .all-menu-item {margin-bottom: 15px;}
    .all-menu-wrap .all-menu-list .all-menu-link.active + .submenu-list {margin-top: 10px; padding: 20px 15px;}
    .all-menu-wrap .submenu-list .submenu-link {font-size: 1.25rem;}
    .all-menu-wrap .submenu-list .submenu-link.employment::before {width: 11px; height: 11px; right: -4px;}
}

@media screen and (max-width: 375px) {  
    .all-menu .logo-wrap {max-height: 200px;}
    .all-menu .logo-wrap .all-menu-logo {max-width: 250px;}
    .all-menu-list .all-menu-link h5 {font-size: 1.375rem;}
    .all-menu-wrap .submenu-list .submenu-link {font-size: 1rem; padding: 5px 10px;}
    .all-menu-wrap .submenu-list .submenu-link.employment::before {width: 9px; height: 9px; right: -5px;}
}

/* ******************************* */
/* ************* main ************ */
/* ******************************* */

/* hero-section */
.hero-section {width: 100%; height: 100vh; position: relative; /*background: url('/images/main/main-img-01.png') no-repeat center center; */ background-size: cover; overflow: hidden;}
.hero-section .section-header {position: absolute; bottom: 200px; left: 70px; color: var(--bs-white);}
.hero-section .section-header h2,
.hero-section .section-header h1 {color: var(--bs-white);}
.hero-section .section-header h1 {font-size: 4.375rem; font-weight: 800; margin-top: 35px; padding-top: 40px; margin-bottom: 28px;}
.hero-section .section-header h2 {font-size: 1.875rem; margin-bottom: 0;}
.hero-section .section-header p {margin-bottom: 4px; font-size: 1.125rem}
.hero-section .section-header p:last-child {margin-bottom: 0;}

.goodusdata-videos { width: 100vw; height: calc(var(--vh, 1vh) * 100); overflow: hidden; position: absolute; z-index: -1; top: 0; left: 0;}



video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100vw; height: auto; }
/* top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; */

@media screen and (max-aspect-ratio: 2048/1080) {
    video {
        width: auto;
        height: 100vh;
     }
 }

@media screen and (max-width: 991px) {
    .hero-section .section-header {width: 100%; padding: 0 4%; left: 0; bottom: 50px}
    .hero-section .section-header h2 {font-size:1.5625rem;}
    .hero-section .section-header h1 {font-size:3.4375rem;}
    .bar::before {width: 40px;}
}

@media screen and (max-width: 575px) {
    .hero-section .section-header h2 {font-size:1.25rem;}
    .hero-section .section-header h1 {font-size:2.25rem; margin-top: 25px; padding-top: 30px; margin-bottom: 18px;}
    .hero-section .section-header p {font-size: 1rem;;}
    .bar::before {width: 28px;}
}

@media screen and (max-width: 320px) {
    .hero-section .section-header {bottom: 20px;}
    .hero-section .section-header h2 {font-size:1rem;}
    .hero-section .section-header h1 {font-size:1.625rem; margin-top: 18px; padding-top: 20px; margin-bottom: 10px;}
    .hero-section .section-header p {font-size: 0.875rem;}
    .bar::before {width: 28px;}
}

/* about-section */
.about-section .section-header {padding-top: 14px; padding-left: 30px;}
.about-section .section-header h3 {font-size: 3.75rem; font-weight: 700; padding: 45px 0px 40px; margin-bottom: 0;}
.about-section .section-header h3.deco::before {left: -45px;}
.about-section .section-header p {font-size: 1.125rem; margin-bottom: 0;}
.about-section .about-list {display: flex; flex-wrap: wrap; margin-bottom: 0;}
.about-section .about-list li{flex: 1 1 50%; height: calc(50vh - 130px); padding: 30px 70px 70px;}
.about-section .about-list h4 {font-size: 1.5rem; font-weight: 800; margin-bottom: 10px; padding-top: 40px;}
.about-section .about-list p {font-weight: 300; margin-bottom: 0;}




@media screen and (max-width: 1500px) {
    .about-section .about-list li {padding: 30px 3vw 70px;}
}


@media screen and (max-width: 1280px) {
    .about-section .section-header {padding-left: 50px;}
    .about-section .section-header h3 {font-size: 3.125rem;}
    .about-section .section-header h3.deco::before {left: calc(-4% - 25px);}
    .about-section .section-header p {font-size: 1rem;}
}


@media screen and (max-width: 991px) {
    .about-section .row {flex-direction: column; background: url('/images/main/m-about-section-bg.png') no-repeat top right; background-size: 100% auto;}
    .about-section .row .col.fst {min-height: 100vh;}
    .about-section .row .col.second {min-height: auto;}
    .about-section .section-header h3 {font-size: 3.75rem;}
    .about-section .section-header p {font-size: 1.125rem;}

    .about-section .about-list li {height: auto; padding: 50px 4% 50px; background-color: var(--bs-white);}

    .about-total .row {background-image: none;}
}

@media screen and (max-width: 767px) {
    .about-section .about-list {border-top: 1px solid var(--bs-light);}
    .about-section .about-list li {flex: 1 1 100%;}
    .about-section .about-list li.bg-sm-white {background-color: var(--bs-white) !important;}
    .about-section .about-list li.bg-sm-light {background-color: var(--bs-light) !important;}

    .about-section .about-list h4 {padding-top: 0; font-size: 1.625rem; padding-left: 46px;}
    .about-section .about-list p {font-size: 1.25rem; padding-left: 46px;}
}


@media screen and (max-width: 575px) {
    .about-section .section-header h3 {font-size: 2.5rem;}
    .about-section .section-header p {font-size: 1rem;}

    .about-section .about-list h4 {font-size: 1.5rem; padding-left: 40px;}
    .about-section .about-list p {font-size: 1rem; padding-left: 40px;}
    
}

@media screen and (max-width: 380px) {
    .about-section .section-header {width: 100%; padding-left: 36px;}
    .about-section .section-header h3 {font-size: 1.875rem; padding: 35px 0px 20px;}
    .about-section .section-header p {font-size: 1rem; word-break: keep-all;}

    .about-section .about-list h4 {font-size: 1.5rem;}
    .about-section .about-list p {font-size: 1rem;}
}



/* about-total */
.about-total {margin-left: -15px; margin-right: -15px;}
.about-total .row{height: 260px; flex-direction: row;}
.about-total .num {font-size: 4.375rem; font-weight: 600; margin-bottom: 10px; display: inline-block;}
.about-total .num .text-small {font-size: 1.875rem; font-weight: 700;}
.about-total .info {font-size: 1.125rem; text-align: center;}
.about-total .about-deco {position: relative;}
.about-total .about-deco::before {content: ''; width: 5px; height: 43px; background: url('/images/main/about-deco.png') no-repeat center center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.about-total .about-deco::after {content: ''; width: 5px; height: 43px; background: url('/images/main/about-deco.png') no-repeat center center; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}


@media screen and (max-width: 991px) {
    .about-total > .container {max-width: 100%;}
    .about-total .row {background-image: none; height: 200px;}
}


@media screen and (max-width: 767px) {
    .about-total .num {font-size: 3.125rem; margin-bottom: 3px;}
    .about-total .info {margin-bottom: 0; line-height: 1.3;}
    .about-total .num .text-small {font-size: 1.625rem;}
    .about-total .row .col-4 {height: 100%; padding-top: 36px;}
    .about-total .col-4.c1,
    .about-total .col-4.c3 {flex: 0 0 30%; max-width: 30%;}
    .about-total .col-4.c2 {flex: 0 0 40%; max-width: 40%;}
}

@media screen and (max-width: 575px) {
    .about-total .row {height: 165px; margin-left: 0; margin-right: 0;}
    .about-total .num {font-size: 2.25rem;}
    .about-total .info {font-size: 1rem;}
    .about-total .num .text-small {font-size: 1.372rem;}

    .about-total .col-4.c1,
    .about-total .col-4.c3 {flex: 0 0 33.333333%; max-width:33.333333%;}
    .about-total .col-4.c2 {flex: 0 0 33.333333%; max-width:33.333333%;}
}


@media screen and (max-width: 380px) {
    .about-total .row {height: 165px;}
    .about-total .row .col-4 {padding-left: 5px; padding-right: 5px;}
    .about-total .num {font-size: 1.875rem;}
    .about-total .info {font-size: 0.875rem;}
    .about-total .num .text-small {font-size: 1rem;}
}


/* service-section */
.service-section {color: var(--bs-white);}
.service-section h6 {font-size: 1.875rem; font-weight: 800; color: var(--bs-white); position: absolute; top: 200px; left: 30px;}
.service-section .desc {margin-top: 27px; margin-bottom: 37px; min-height: 85px;}
.service-section .tit {color: var(--bs-white);}
.service-section .desc p {font-size: 1.125rem; font-weight: 500; margin-bottom: 0;}
/* .service-section .desc p span {display: block;} */
.service-section .service-link {text-transform: uppercase; font-weight: 800; color: var(--bs-white);}
.service-section .service-link img {vertical-align: baseline; margin-left: 6px;}
.service-section .service-btns {width: calc(100% - 30px); max-width: 1430px; display: flex; flex-wrap: wrap; position: absolute; bottom: 96px; left: 15px; z-index: 100;}
.service-section .service-btns .btn {font-weight: 700; margin: 2px; padding: 0.375rem; flex-basis: calc(20% - 6px); min-width: 276px; border: 1px solid var(--bs-white); line-height: 50px; opacity: 1;}
.service-section .service-btns .btn:hover {background-color: var(--bs-white); color: var(--bs-dark);}
.service-section .service-btns button.active {background-color: var(--bs-white); color: var(--bs-dark);}

.service-section .service-bg { width: 100%; height: 100%; background: url('/images/main/service-img-01.png') no-repeat center center; background-size: cover; transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; }
.service-section .service-bg.bg-01 {background: url('/images/main/service-img-01.png') no-repeat center center; background-size: cover;}
.service-section .service-bg.bg-02 {background: url('/images/main/service-img-02.png') no-repeat center center; background-size: cover;}
.service-section .service-bg.bg-03 {background: url('/images/main/service-img-03.png') no-repeat center center; background-size: cover;}
.service-section .service-bg.bg-04 {background: url('/images/main/service-img-04.png') no-repeat center center; background-size: cover;}
.service-section .service-bg.bg-05 {background: url('/images/main/service-img-05.png') no-repeat center center; background-size: cover;}

.service-section .service-bg > .container {width: 100%; height: 100%; position: relative; display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
.service-section .container .row {display: none;}
.service-section .container .row.on {display: flex;}

.service-section .deco::before {top: 10px; right: -44px;}

.service-section .swiper {position: relative; overflow: hidden;}
.service-section .swiper-slide .service-link img {display: inline-block; width: auto; height: auto;}
.service-section .swiper-pagination {max-width: 1430px; bottom: 100px; left: 50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.service-section .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--bs-white); color: var(--bs-dark);}

@media screen and (max-width: 1440px) {
    .service-section .swiper-pagination {max-width: 1200px;}
    .service-section .service-bg > .container {max-width: 1200px;}
}


@media screen and (max-width: 991px) {
    .service-section  {overflow: hidden; }
    .service-section .tit {font-size: 3.75rem;}
    .service-section h6 {position: relative; top: auto; left: auto; margin-bottom: 75px;}
    .service-section .service-bg {padding: 165px 4% 0; padding-top: 100px;}
    .service-section .service-link img {width: auto; height: auto; display: inline-block;}
    .service-section .desc {margin-bottom: 53px; margin-top: 15px;}
    .service-section .desc p {word-break: keep-all; padding-right: 10%;}
    .service-section .service-link {width: 160px; height: 50px; background-color: var(--bs-white); color: var(--bs-dark); line-height: 50px; text-align: center; transition: background-color 300ms linear;}
    .service-link:hover {background-color: var(--bs-danger); color: var(--bs-white);}

    .service-section .swiper.service {position: relative;}
    .service-section .swiper-pagination {bottom: 45px; left: 4%;}
    .service-section .swiper-container-horizontal>.swiper-pagination-bullets, 
    .service-section .swiper-pagination-custom,
    .service-section .swiper-pagination-fraction {bottom: 45px; left: 0; text-align: left; padding: 0 4%;}
    .service-section .btn.swiper-pagination-bullet {min-width: auto; font-size: 0;  flex-basis: 8px; height: 8px; border: 1px solid var(--bs-white); background-color: transparent; border-radius: 0; opacity: 1; margin-left: 0; margin-right: 10px; padding: 0;}
    .service-section .btn.swiper-pagination-bullet-active {flex: 0 0 30px; background-color: var(--bs-white);}


    .service-section .service-bg > .container {justify-content: flex-start; padding: 0;}
    .service-section .swiper-pagination {left: 0; transform: none;}
    /* .service-section .service-btns .btn {min-width: auto; height: 8px; flex: 0 0 8px; font-size: 0; margin-right: 10px;} */
    .service-section .swiper-slide .service-link img {display: none;}
}

@media screen and (max-width: 767px) {
    /* .service-section .service-bg { padding-top: 100px;}
    .service-section .desc p {word-break: keep-all; padding-right: 10%;}
    .service-section .tit {font-size: 3.75rem;} */
}


@media screen and (max-width: 575px) {
    .service-section h6 {margin-bottom: 46px; font-size: 1.25rem;}
    .service-section .tit {font-size: 2.5rem;}
    .service-section .desc {margin-bottom: 43px;}
    .service-section .desc p {font-size: 1rem;}
    .service-section .deco::before {width: 20px; height: 20px; top: 7px; right: -34px;} 
    .service-section .swiper-container-horizontal>.swiper-pagination-bullets, .service-section .swiper-pagination-custom, .service-section .swiper-pagination-fraction {bottom: 35px;}
}


@media screen and (max-width: 380px) {
    .service-section .service-bg {padding-top: 80px;}
    .service-section .tit {font-size: 1.875rem;}
    .service-section .service-link {font-size: 1rem; width: 150px;}
    .service-section .swiper-container-horizontal>.swiper-pagination-bullets, .service-section .swiper-pagination-custom, .service-section .swiper-pagination-fraction {bottom: 20px;}
}


@media screen and (max-width: 320px) {
    .service-section .service-bg {padding-top: 60px;}
    .service-section h6 {font-size: 1rem; margin-bottom: 30px;}
    .service-section .deco::before {width: 15px; height: 15px; top: 6px; right: -24px;}
    .service-section .tit {font-size: 1.625rem;}
    .service-section .desc {margin-bottom: 30px;}
    .service-section .desc p {font-size: 0.875rem;}
    .service-section .service-link {height: 40px; line-height: 40px; width: 120px;}
}



/* client-section */
.client-section {padding: 200px 0;}
.ticker-wrap {width: 100%; height: 50px; margin-top: 40px; overflow: hidden;}
.ticker-wrap .slick-slide {display: inline-block;}
.ticker-wrap .ticker-list .ticker {margin-right: 50px; line-height: 40px;}
.ticker-wrap .ticker-list .ticker img {width: auto !important; height: 37px}


@media screen and (max-width: 991px) {
    .client-section {padding: 100px 0;}
    .client-section .container {max-width: 100%; padding-left: 4%; padding-right: 4%;}
}


@media screen and (max-width: 767px) {
    .ticker-wrap {margin-top: 35px;}
}


@media screen and (max-width: 575px) {
    .ticker-wrap .ticker-list .ticker img {height: 30px;}
    .h-25 {height: 20px !important;}
    .h-20 {height: 15px !important;}
    .h-40 {height: 30px !important;}
}


/* ******************************* */
/* *********** 회사소개 ********** */
/* ******************************* */
.introduce-section .section-wrap{overflow-x: hidden;}
.introduce-section h4 {font-size: 2.5rem; font-weight: 800; margin-top: -6px; margin-bottom: 18px; white-space: nowrap;}
.introduce-section .col:last-child {padding-left: 70px;}
.introduce-section .txt-desc {font-weight: 300; margin-bottom: 34px; word-break: keep-all;}

.introduce-section .table-wrap {margin-top: 52px; border-top: 1px solid #eeeeee;}
.introduce-section .table-wrap .introduce-table>:not(caption)>*>* {font-size: 1.125rem;}
.introduce-table tr th {font-weight: 500; text-align: center;}
.introduce-table tr th span {width: 120px; text-align: left;}
.introduce-table tr td {font-weight: 300;}

.table-list {border-top: 1px solid var(--bs-dark); margin-top: 75px;}
.table-list li {padding: 30px 0; border-bottom: 1px solid #eeeeee;}
/* .table-list li:hover {background-color: rgba(0,0,0,.075);} */
.table-list li h6.tit {font-size: 1.25rem; font-weight: 500; margin-bottom: 7px;}
.table-list li .para {font-weight: 300; margin-bottom: 0;}

@media screen and (max-width: 1280px) {
    .introduce-section h4 {font-size: 2.25rem;}
    .introduce-section .section-header .logo-text {width: auto; height: 40px;}
}

@media screen and (max-width: 1080px) {
    .introduce-section h4 {font-size: 2rem; margin-bottom: 10px;}
    .introduce-section .section-header .logo-text {height: 30px;}
}


@media screen and (max-width: 991px) {
    .introduce-section h4 {font-size: 2.5rem;}
    .introduce-section .col:last-child {padding-left: 15px;}

    .introduce-section .introduce-desc {margin-top: 45px;}
}

@media screen and (max-width: 767px) { 
    .table-list {margin-top: 70px;}
    .table-list li h6.tit {font-size: 1.125rem; }
    .introduce-section .txt-desc {font-size: 1.125rem; margin-bottom: 30px;}
}

@media screen and (max-width: 575px) { 
    .introduce-section .introduce-desc {margin-top: 45px;}
    .introduce-section h4 {font-size: 1.875rem;}
    .introduce-section .section-header .logo-text {height: 32px;}
    .table-list li h6.tit {font-size: 1rem;}
    .introduce-section .txt-desc {font-size: 1rem; margin-bottom: 25px;}
    .table-list {margin-top: 60px;}
    .table-list li {padding: 25px 0;}
}

@media screen and (max-width: 360px) { 
    .introduce-section h4 {font-size: 1.75rem; margin-bottom: 5px; white-space: normal;}
    .introduce-section .section-header .logo-text {height: 24px;}
    .introduce-section .introduce-desc {margin-top: 30px;}
    .introduce-section .txt-desc {margin-top: 20px;}
    .table-list {margin-top: 50px;}
    .table-list li {padding: 20px 0;}
}

@media screen and (max-width: 320px) { 
    .introduce-section h4 {font-size: 1.625rem;}
    .introduce-section .section-header .logo-text {height: 21px;}
    .table-list li .para span {display:block;}
}



/* ******************************* */
/* ************* 연혁 ************ */
/* ******************************* */
.history-section {overflow-x: hidden;}
.history-section .bg-dot::after {top:-10px; left: auto; right: -90px;}
.history-section .col:last-child {padding-left: 70px;}
.history-section .section-header {height: 100%;}
.history-section .small {font-size: 1rem; font-weight: 800;}
.history-section h4 {font-size: 4.375rem; font-weight: 800;}
.history-section h4.deco::before {bottom: 10px; right: -35px;}
.history-section .logo-text {margin-top: 42px; margin-bottom: 10px; margin-left: 3px;}

.history dl {display: flex; justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid var(--bs-light-gray);  margin-bottom: 0; padding: 40px 0;}
.history dl dt {font-size: 1.875rem; font-weight: 800; margin-right: 50px;}
.history dl dd {font-size: 1.125rem; font-weight: 300; margin-bottom: 0;}
.history dd .list {margin-top: 8px;}


@media screen and (max-width: 1280px) {
    .history-section h4 {font-size: 3.75rem;}
    .history-section .logo-text {height: 35px; margin-top: 35px; margin-bottom: 5px;}
}

@media screen and (max-width: 1080px) {
    .history-section h4 {font-size: 3.125rem;}
    .history-section .logo-text {height: 30px; margin-top: 30px; }
}


@media screen and (max-width: 991px) {
    .history-section .col:last-child {padding-left: 15px;}
    .history-section .section-header {display: flex; flex-direction: column; align-items: flex-start;}
    .history-section h4 {font-size: 4.375rem;}
    .history-section .logo-text {height: auto; margin-top: 42px; margin-bottom: 10px; margin-left: 3px;}

    .history-section .bg-dot::after {width: 700px; height: 700px; top: -20px; right: -4%;}

    .history {margin-top: 75px;}
    .history dl {flex-direction: column;}
    .history dl dt {font-size: 2.25rem;}
    .history dl dd {font-size: 1.625rem;}
}

@media screen and (max-width: 767px) { 
    .history-section .section-header .logo-text {height: 30px; margin-top: 38px; margin-bottom: 5px;}
    .history-section h4 {font-size: 3.75rem;}
    .list li {margin-bottom: 5px;}
    .history dl {padding: 30px 0;}
    .history dl dt {font-size: 1.875rem;}
    .history dl dd {font-size: 1.25rem;}
}

@media screen and (max-width: 575px) { 
    .history-section .bg-dot::after {width: 500px; height: 500px;}
    .history-section .section-header .logo-text {margin-left: 2px;}
    .history-section h4 {font-size: 3.125rem;}
    .history dl {padding: 20px 0;}
    .history dl dt {font-size: 1.625rem;}
    .history dl dd {font-size: 1.125rem;}
    .list.list-style-1 li::before {top: 13px;}
}

@media screen and (max-width: 360px) { 
    .history-section .section-header .logo-text {height: 25px; margin-top: 30px;}
    .history-section h4 {font-size: 2.5rem;}
    .history dl {padding: 20px 0;}
    .history dl dt {font-size: 1.375rem;}
    .history dl dd {font-size: 1rem;}
}

@media screen and (max-width: 320px) { 
}



/* ******************************* */
/* ********** 주요 관계사 ********* */
/* ******************************* */
.subsidiary-section .row .col {padding-left: 28px; padding-right: 28px; margin-top: 56px;}
.subsidiary-section .row .col:first-child,
.subsidiary-section .row .col:nth-child(2),
.subsidiary-section .row .col:nth-child(3) {margin-top: 0;}
.subsidiary-section .row .col:nth-child(3n + 1) {padding-left: 0;}
.subsidiary-section .row .col:nth-child(3n + 3) {padding-right: 0;}

@media screen and (max-width: 1280px) {
    .subsidiary-section .row .col {padding-left: 20px; padding-right: 20px;  margin-top: 50px;}
    .card .card-head {padding: 40px 30px 0px;}
    .card .card-body {padding: 26px 30px 38px 30px;}

}

@media screen and (max-width: 991px) {
    /* .subsidiary-section .row .col {padding-left: 20px; padding-right: 20px;  margin-top: 50px;}+ */
    .subsidiary-section .row .col:nth-child(3) {margin-top: 50px;}
    .subsidiary-section .row .col:nth-child(3n + 1) {padding-left: 20px;}
    .subsidiary-section .row .col:nth-child(3n + 3) {padding-right: 20px;}
}

@media screen and (max-width: 767px) {
    .subsidiary-section .row .col:nth-child(2),
    .subsidiary-section .row .col:nth-child(3) {margin-top: 50px;}
}


/* ******************************* */
/* *********** 오시는 길 ********** */
/* ******************************* */
.location-section .location {width: 100%; max-width: 1200px; margin: 0 auto; padding: 50px 20px; border-color: 1px solid var(--bs-dark) !important;}
.location-section .location dl {width: 100%; font-size: 1.125rem;}
.location-section .location h6,
.location-section .location p {display: inline-block;}
.location-section .location dt h6 {width: 100px; font-weight: 500; margin-right: -4px;  font-size: 1.125rem; }
.location-section .location dt p {width: calc(100% - 105px);  font-weight: 300;}

.location-section .location .btn {min-width: 170px; height: 50px; font-size: 1.125rem; font-weight: 500;}
.location-section .location .btn-search-load {line-height: 38px; margin-right: 8px;}

.map {max-width: 100%; height: 665px;}

@media screen and (max-width: 991px) {
    .location-section .location  {padding: 50px 0;}
    .location-section .location > .col {padding: 0;}
    .location-section .location dl {font-size: 1.25rem;}
    .location-section .location dt {margin-bottom: 30px;}
    .location-section .location dt:last-child {margin-bottom: 60px;}
    .location-section .location dt h6 {width: 100%; font-size: 1.25rem; margin-bottom: 15px;}
    .location-section .location dt p {width: 100%; margin-bottom: 0;}
    .location-section .location .btn {font-size: 1.25rem; height: 60px;}
    .location-section .location .btn-search-load {line-height: 48px;}

    .btns .btn{flex: 1 1 50%;}
}

@media screen and (max-width: 767px) {
    .location-section .location dl {font-size: 1.125rem;}
    .location-section .location dt {margin-bottom: 20px;}
    .location-section .location dt:last-child {margin-bottom: 40px;}
    .location-section .location dt h6 {font-size: 1.125rem; margin-bottom: 10px;}
    .location-section .location .btn {font-size: 1.125rem; height: 50px;}
    .location-section .location .btn-search-load {line-height: 38px;}

    .map {height: 500px;}
}

@media screen and (max-width: 575px) {
    .location-section {overflow-x: hidden;}
    .location-section .location  {padding: 30px 0; padding-bottom: 40px;}
    .location-section .location dl {font-size: 1rem;}
    .location-section .location dt {margin-bottom: 20px;}
    .location-section .location dt:last-child {margin-bottom: 30px;}
    .location-section .location dt h6 {font-size: 1rem; margin-bottom: 5px;}
    .location-section .location .btn {min-width: auto; font-size: 1rem;}

    .map {height: 400px;} 
}

@media screen and (max-width: 360px) {
}



/* ******************************* */
/* ************ cloud *********** */
/* ******************************* */
/* cloud-ar-01 */
.cloud-ar-01 h5 {color: var(--bs-gray-700); margin-bottom: 90px;}
.info {text-align: center;}
.info .col {padding-left: 12px; padding-right: 12px;}
.info h6 {font-size: 1.375rem; font-weight: 800; margin: 30px 0 20px 0;}
.info p {font-size: 1.125rem; font-weight: 300; white-space: nowrap; margin-bottom: 0;}



@media screen and (max-width: 1440px) {
    .info p {font-size: 1rem;}
}

@media screen and (max-width: 1200px) {
    .info .col {margin-bottom: 60px;}
    .info .col:nth-child(3),
    .info .col:nth-child(4) {margin-bottom: 0;}
}


@media screen and (max-width: 991px) {
    .sg_section .section-wrap {padding-left: 0; padding-right: 0;}
    .info h6 {font-size: 1.5rem;}
    .info  p  {font-size: 1.125rem;}
}


@media screen and (max-width: 767px) {
    .info {text-align: left;}
    .info .col {display: flex; margin-bottom: 50px;}
    .cloud-ar-01 h5 {margin-bottom: 70px;}
    .info h6 {font-size: 1.5rem; margin: 0 0 15px 0;}
    .info p {font-size: 1.25rem; white-space: normal;}
    .info .img-wrap {margin-right: 25px;}
    .info .col:nth-child(3) {margin-bottom: 50px;}
}

@media screen and (max-width: 575px) {
    .info .col {margin-bottom: 40px;}
    .cloud-ar-01 h5 {margin-bottom: 60px;}
    .info h6 {font-size: 1.25rem; margin: 0 0 10px 0;}
    .info p {font-size: 1rem;}
    .info .img-wrap {margin-right: 20px;}
    .info .col:nth-child(3) {margin-bottom: 40px;}
}

@media screen and (max-width: 450px) {
    .cloud-ar-01 h5 {margin-bottom: 50px;}
    .info h6 {font-size: 1.125rem; margin: 0 0 10px 0;}
    .info p {font-size: 0.9375rem;} 
    .info .img-wrap img {width: 50px; height: auto;}
}

@media screen and (max-width: 380px) {
    .sg_section {overflow-x: hidden;}
}

@media screen and (max-width: 360px) {
    .info {padding: 0 10px;}
    .info .col {flex-wrap: wrap;}
    .info .img-wrap {width: 100%;}
    .info h6 {font-size: 1.25rem; margin: 15px 0 10px 0;}
}

/* cloud-ar-02 */
.adbentage-article .bg-light {padding: 280px 0 150px 0;}
.adbentage-article .article-header {position: relative; padding-bottom: 260px;}
.adbentage-article .article-header .img-wrap {width: 100%; height: 400px; max-width: 1400px; position: absolute; top: 200px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url('/images/sub/service/cloud-img-01.png') no-repeat center center; background-size: cover;}
.adbentage-list .adbentage-num {font-size: 3.75rem; font-weight: 600; font-family: 'Oswald', sans-serif; margin-right: 30px;}
.adbentage-list .adbentage {display: flex; margin-bottom: 0px;}
.adbentage-list .adbentage.reverse {flex-direction: row-reverse; text-align: right;}
.adbentage-list .adbentage dd {margin-bottom: 0;}
.adbentage-list .adbentage.reverse .adbentage-num {margin-right: 0; margin-left: 30px;}
.adbentage h6 {font-size: 1.375rem; font-weight: 500; margin-bottom: 10px; margin-top: 22px;}
.adbentage p {font-size: 1.125rem; font-weight: 300; margin-bottom: 0;}

@media screen and (max-width: 1430px) {
    .adbentage-article .article-header .img-wrap {width: calc(100% - 60px);}
}


@media screen and (max-width: 991px) {
    .adbentage-article .bg-light {padding: 28vw 0 100px 0;}
    .adbentage-article .article-header {padding-bottom: 24vw; padding-left: 4%; padding-right: 4%;}
    .adbentage-article .article-header .img-wrap {height: 42vw; background: url('/images/sub/service/m-cloud-img-01.png') no-repeat center center; background-size: cover; top: 190px;}
    .adbentage-list .adbentage {margin-bottom: 80px;}
    .adbentage h6 {font-size: 1.5rem;}
    .adbentage p {font-size: 1.25rem;}
}

@media screen and (max-width: 767px) {
    .adbentage-article .bg-light {padding: 28vw 0 80px 0; }
    .adbentage-article .article-header .img-wrap {width: calc(100% - 8%);}
    .adbentage-list .adbentage {margin-bottom: 40px;}
    .adbentage-list .adbentage.reverse {flex-direction: unset; text-align: left;}
    .adbentage-list .adbentage.reverse .adbentage-num  {margin-left: 0; margin-right: 30px;}
}

@media screen and (max-width: 740px) {
    .adbentage-article .article-header .img-wrap {top: 205px;}
}

@media screen and (max-width:690px) {
    .adbentage-article .article-header .img-wrap {top: 220px;}
}

@media screen and (max-width: 575px) {
    .adbentage-article .bg-light {padding: 30vw 0 80px 0; }
    .adbentage-list .adbentage {margin-bottom: 30px;}
    .adbentage h6 {font-size: 1.375rem; margin-top: 16px;}
    .adbentage p {font-size: 1.125rem; word-break: keep-all;}
    .adbentage-article .article-header .img-wrap {top: 190px;}
    .adbentage-list .adbentage-num {font-size: 2.5rem; margin-right: 20px;}
    .adbentage-list .adbentage.reverse .adbentage-num {margin-right: 20px;}
}


@media screen and (max-width: 415px) {
    .adbentage-list .adbentage {margin-bottom: 20px;}
    .adbentage h6 {font-size: 1.125rem; margin-top: 10px; margin-bottom: 5px;}
    .adbentage p {font-size: 1rem;}
    .adbentage-list .adbentage-num {font-size: 1.875rem; margin-right: 20px;}
    .adbentage-article .article-header .img-wrap {top: 185px}
    
}

@media screen and (max-width: 375px) {
    .adbentage-article .article-header .img-wrap {top: 202px}
}

@media screen and (max-width: 360px) {
    .adbentage-article .article-header .img-wrap {top: 188px}
}


/* cloud-ar-03 */
.cloud-ar-03 .logo {width: auto; height: 58px;}
.cloud-ar-03 .col-2 {max-width: 110px; line-height: 58px;}
.cloud-ar-03 .col-md-6 {max-width: 450px; padding-left: 10px; padding-right: 10px;}
.cloud-ar-03 p {font-size: 1.375rem; margin-top: 53px; margin-bottom: 40px;}

.cloud-ar-03 .card {font-size: 1.125rem; font-weight: 500; height: 255px;}
.cloud-ar-03 .card:hover {border-color: var(--bs-light-gray);}
.cloud-ar-03 .card .card-body {padding: 54px 40px 50px 40px;}
.cloud-ar-03 .card .card-title {font-size: 1.125rem; margin-top: 0px; margin-bottom: 40px; font-weight: 400;}


@media screen and (max-width: 991px) {
    .cloud-ar-03 .logo {height: 48px;}
    .cloud-ar-03 .col-2 {max-width: 60px;}
    .cloud-ar-03 .col-2 img {width: auto; height: 25px;}
    .cloud-ar-03 p {font-size: 1.25rem; margin-top: 30px; margin-bottom: 30px;}
    .cloud-ar-03 .card {height: 220px;}
    .cloud-ar-03 .card .card-body {padding: 40px 20px 40px 20px;}
    .cloud-ar-03 .card .card-title {font-size: 1.125rem; margin-bottom: 30px;}
}

@media screen and (max-width: 767px) {
    .cloud-ar-03 .col-md-6 {max-width: 100%;}
    .cloud-ar-03 .logo {margin-bottom: 40px;}
    .cloud-ar-03 p { margin-top: 10px; margin-bottom: 15px;}
    .cloud-ar-03 .card {margin-bottom: 20px;}
}

@media screen and (max-width: 575px) {
    .cloud-ar-03 .col-md-6 {max-width: 100%;}
    .cloud-ar-03 .logo {margin-bottom: 25px; height: 40px;}
    .cloud-ar-03 p { margin-top: 10px; margin-bottom: 15px; font-size: 1rem;}
    .cloud-ar-03 .card {margin-bottom: 20px;}
    .cloud-ar-03 .card .card-title {font-size: 1rem;}
}

@media screen and (max-width: 360px) {
    .cloud-ar-03 .btn-outline-dark-2 {padding: 0.375rem 1rem;}
}

/* cloud-ar-04 */
.cloud-ar-04 .bg-light .container {max-width: 1260px; word-break: keep-all;}
.cloud-ar-04 .logos {display: flex; justify-content: center; align-items: flex-end;}
.cloud-ar-04 .logos .logo {padding: 0 35px;}
.cloud-ar-04 .logo-01 {width: auto; height: 60px;}
.cloud-ar-04 .logo-02 {width: auto; height: 56px;}

.cloud-ar-04 .tit-md {margin-top: 45px; margin-bottom: 35px;}
.cloud-ar-04 .para {margin-bottom: 55px;}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 767px) {
    .cloud-ar-04 .logos {align-items: flex-start; flex-direction: column;}
    .cloud-ar-04 .logos .logo {padding: 0;}
    .cloud-ar-04 .logos .logo-01 {height: 70px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid var(--bs-gray-300);}
    .cloud-ar-04 .logos .logo-02 {height: 60px;}
    .cloud-ar-04 .tit-md {margin-bottom: 25px;}
    .cloud-ar-04 .para {margin-bottom: 36px;}
}

@media screen and (max-width: 575px) {
    .cloud-ar-04 .logos .logo-01 {height: 55px;}
    .cloud-ar-04 .logos .logo-02 {height: 45px;}
    .cloud-ar-04 .tit-md {margin-bottom: 20px; margin-top: 35px;}
}

@media screen and (max-width: 360px) {

    .cloud-ar-04 .logos .logo-01 {height: 50px;}
    .cloud-ar-04 .logos .logo-02 {height: 40px;}
}


/* cloud-ar-05 */
.cloud-ar-05 .tit-lg {margin-bottom: 46px;}
.process-graph {padding: 46px 50px; border: 5px solid var(--bs-gray-300); margin-bottom: 60px;}
.process-graph .process-g-list {position: relative; width: 100%; display: flex; justify-content: flex-start;}
.process-graph .process-g-list::before { content: ''; width: 80%; height: 5px; background: rgb(255,217,205); background: linear-gradient(90deg, rgba(255,217,205,1) 0%, rgba(255,180,157,1) 25%, rgba(255,142,108,1) 50%, rgba(255,104,59,1) 75%, rgba(255,59,0,1) 100%); position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.process-graph .process-g-list li {flex: 1 1 20%; position: relative;}
.process-g-list .process-num {font-size: 1.125rem; color: var(--bs-danger); font-weight: 500; margin-bottom: 60px; display: inline-block;}
.process-g-list p {font-size: 1.125rem;}
.process-g-list .circle { width: 20px; height: 20px; background-color: var(--bs-danger); -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.process-g-list .circle::after { content: ''; width: 6px; height: 6px; background-color: var(--bs-white);-webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10;}

.process {font-size: 1.5rem; font-weight: 500;}
.process .process-cir-num {display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; background-color: var(--bs-danger); color: var(--bs-white); -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; font-size: 1rem; font-weight: 400; margin-right: 16px; margin-bottom: 20px;}
.process-wrap {padding: 30px; min-height: 360px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;}
.process-list {font-size: 1.125rem; font-weight: 300;}
.cloud-ar-05 .row .col.mt {margin-top: 60px;} /* process-wrap */

@media screen and (max-width: 991px) {
    .process-graph {padding: 10px 0 15px 0;}
    .process-g-list .process-num {padding-top: 24px; margin-bottom: 30px;}
    .process-g-list p {font-size: 1rem;}
    .cloud-ar-05 .row .col:nth-child(3) {margin-top: 60px;}

}

@media screen and (max-width: 767px) {
    .process-graph { border-left: none; border-right: none; border-width: 3px; margin-bottom: 50px;}
    .cloud-ar-05 .row .col {margin-top: 60px;}
    .process-wrap {min-height: auto;}
    .process-wrap.mh-240 {min-height: auto !important;}

    .process {font-size: 1.375rem;}
    .process .process-cir-num {width: 45px; height: 45px; line-height: 45px; margin-right: 10px;}
    .process-list {font-size: 1rem;}
}

@media screen and (max-width: 575px) {
    .cloud-ar-05 .tit-lg {margin-bottom: 26px;}
    .process-graph {padding: 0; padding-bottom: 5px; margin-bottom: 40px;}
    .process-g-list .process-num {font-size: 0.875rem; padding-top: 22px;}
    .process-g-list p {font-size: 0.875rem;}
    .process-g-list .circle {width: 16px; height: 16px;}
    .process-g-list .circle::after {width: 4px; height: 4px;}

    .process {font-size: 1.25rem;}
    .process-wrap {padding: 20px;}
    .process .process-cir-num {width: 40px; height: 40px; line-height: 40px; margin-right: 10px; margin-bottom: 15px;}
    .process-list {font-size: 1rem;}
    .cloud-ar-05 .row .col {margin-top: 40px;}

    .cloud-ar-05 .row .col:nth-child(3) {margin-top: 40px;}
    .cloud-ar-05 .row .col.mt {margin-top: 40px;}
}

@media screen and (max-width: 450px) {
    .process-g-list p {font-size: 0.75rem;}
    .process-graph .process-g-list::before {top: 55%;}
    .process-g-list .circle {top: 54%;}
}

@media screen and (max-width: 375px) {
    .process-graph .process-g-list::before {top: 44%;}
    .process-g-list .circle {top: 44%;}

    .process {font-size: 1.125rem;}
    .process .process-cir-num {width: 35px; height: 35px; line-height: 35px; margin-right: 5px; margin-bottom: 12px; font-size: 0.875rem;}
}


/* cloud-ar-06 */
.cloud-ar-06 .bg-light .container {max-width: 1460px; padding-left: 30px; padding-right: 30px;}
.cloud-ar-06 .tit-lg {margin-bottom: 76px;}
.cloud-ar-06 .small {font-size: 1.375rem;}

.db-logos {margin-top: 6px; display: flex; justify-content: flex-start; align-items: center;}
.db-logos img {margin: 0 10px;}

.cloud-ar-06 .row.row-2 {margin-bottom: 80px;}
.cloud-ar-06 .row.row-2 .col {padding: 0;}
.cloud-ar-06 .card-wrap.col-lg-4 {flex: 0 0 33.3%; max-width: 380px;}
.cloud-ar-06 .col-1.arrow {display: flex; justify-content: center; align-items: center; flex: 0 0 9.6%; max-width: 9.6%;}


.cloud-ar-06 .card {width: 100%; height: 350px; display: inline-block; border-color: var(--bs-gray-300);}
.cloud-ar-06 .card .card-title {height: 100%; font-size: 1.5rem; font-weight: 800; margin-bottom: 0; color: var(--bs-white); display: flex; justify-content: center; align-items: center; flex-direction: column;}
.cloud-ar-06 .card-01 .card-head {background-color: #c7aaa1;}
.cloud-ar-06 .card-02 .card-head {background-color: #f09073;}
.cloud-ar-06 .card-03 .card-head {background-color: #ff3b00;}
.cloud-ar-06 .card-head {height: 100px; padding: 22px 20px; text-align: center;} 
.cloud-ar-06 .card-body {min-height: 250px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 30px 20px 38px 20px;}
.cloud-ar-06 .card-02 .card-body { padding: 40px 30px 50px 30px;}
.cloud-ar-06 .card-02 .img-wrap img {margin: 0 20px;}
.cloud-ar-06 .card-body img {margin: 0 10px;}

.cloud-ar-06 h5 {font-size: 1.75rem; margin-bottom: 22px;}

.migration-depth {font-size: 1.375rem; font-weight: 800; color: var(--bs-white); display: flex; justify-content: space-between; align-items: center;}
.migration-depth .depth {position: relative; display: flex; justify-content: center; align-items: center; width: 254px; height: 60px; -webkit-border-radius: 10px; border-radius: 10px;}
.migration-depth .depth:last-child::after {display: none;}
.migration-depth .depth-01 {background-color: #c0c0c0;}
.migration-depth .depth-02 {background-color: #989898;}
.migration-depth .depth-03 {background-color: #5f5f5f;}
.migration-depth .depth-04 {background-color: #1e1e1e;}


.migration-depth .depth img {margin-right: 10px;}

.migration-depth .depth p {margin-bottom: 0;}

.migration-depth .arrow-3 {display: none;}

@media screen and (max-width: 1460px) {
    .cloud-ar-06 .col-1.arrow {flex: 0 0 5%; max-width: 5%;}
    .cloud-ar-06 .card-wrap.col-lg-4 {max-width: 30%;}
}

@media screen and (max-width: 1280px) {
    .cloud-ar-06 .tit-lg {font-size: 2.5rem;}
    .cloud-ar-06 .card {height: 400px;}
    .cloud-ar-06 .card-body {padding: 20px 10px; height: calc(100% - 100px)}
    .cloud-ar-06 .card-body .img-wrap {display: block; width: 100%; text-align: center;}

    .migration-depth .depth {width: 230px;}
}

@media screen and (max-width: 1080px) {
    .cloud-ar-06 .card .card-title {font-size: 1.375rem;}
    .migration-depth .depth {width: 200px;}
}

@media screen and (max-width: 991px) {
    .cloud-ar-06 .row-2 {margin-top: 70px; text-align: center;}
    .cloud-ar-06 .bg-light .container {padding-left: 4%; padding-right: 4%;}
    .cloud-ar-06 .tit-lg {margin-bottom: 30px; width: 100%;}

    .cloud-ar-06 .small {position: relative; display: block; width: 100%;}
    .cloud-ar-06 .small::after {content: ''; width: calc(100% - 220px); height: 1px; background-color: var(--bs-gray-300); position: absolute; top: 50%; right: 0;}

    .db-logos .img-wrap {width: 25%; height: 60px; padding: 0 30px; background-color: var(--bs-white); display: flex; justify-content: center; align-items: center; -wrbkit-border-radius: 10px; border-radius: 10px; margin:0 10px 10px 0;}
    .db-logos .img-wrap img {margin: 0; max-width: 100%;}

    .db-logos .img-wrap.sql img,
    .db-logos .img-wrap.mysql img  {max-width: 90%;}

    .cloud-ar-06 .card-body .img-wrap {margin: 10px 0;}
    .cloud-ar-06 .card-wrap img[title="pc"] {display: inline-block;}
    .cloud-ar-06 .card-wrap img[title="mobile"] {display:none}
    
    .cloud-ar-06 .card-wrap.col-lg-4 {flex: 0 0 100%; max-width: 100%;}
    .cloud-ar-06 .card {max-width: 380px; height: 100%;}
    .cloud-ar-06 .card .card-title {font-size: 1.5rem;}

    .cloud-ar-06 .col-1.arrow {max-width: 100%; flex: 0 0 100%; text-align: center; margin: 20px 0;}
    .cloud-ar-06 .col-1.arrow img[title="pc"] {display: none;}
    .cloud-ar-06 .col-1.arrow img[title="mobile"] {display: inline-block; height: 20px;}

    .cloud-ar-06 .row.row-2 .col {text-align: center !important;}

    .migration-depth {flex-wrap: wrap;}
    .migration-depth .depth { width: calc(50% - 30px); height: 140px; flex-direction: column;}
    .migration-depth .depth img {width: auto; height: 40px; margin-bottom: 12px; margin-right: 0;}

    .migration-depth .arrow {width: 50px; text-align: center;}
    .migration-depth .arrow-2 {display: none;}
    .migration-depth .arrow-3 {display: block; width: 100%; height: 50px; line-height: 50px; text-align: right; padding-right: calc(25% - 25px)}
    .migration-depth .arrow-3 img {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
    .migration-depth .arrow-4 {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
}

@media screen and (max-width: 767px) {
    .cloud-ar-06 .tit-lg {font-size: 2.25rem;}

    .db-logos .img-wrap {width: 31%; padding: 0 20px;}
    .cloud-ar-06 .small::after {width: calc(100% - 200px);}

    .cloud-ar-06 .row.row-2 .col {padding-left: 15px; padding-right: 15px;}

    .cloud-ar-06 .card-wrap img[title="pc"] {display:none;}
    .cloud-ar-06 .card-wrap img[title="mobile"] {display:inline-block}
    .cloud-ar-06 .card {max-width: 100%; height: auto;}
    .cloud-ar-06 .card-head {height: 120px;}
    .cloud-ar-06 .card .card-title {font-size: 1.625rem;}
    .cloud-ar-06 .card-body {justify-content: flex-start; padding: 20px 30px; text-align: center; height: calc(100% - 120px); padding: 20px;}
    .cloud-ar-06 .card-body .img-wrap {width: 33%; padding: 15px 10px;}
    .cloud-ar-06 .card-body img {width: 90%; margin: 0;}
    .cloud-ar-06 .card.card-02 .card-body img {max-width: 100px;}

    .cloud-ar-06 .col-1.arrow {margin: 20px 0;}
    .cloud-ar-06 .col-1.arrow img[title="mobile"] {height: 30px;}

    .cloud-ar-06 h5 {font-size: 1.5rem; margin-bottom: 40px;}
    .migration-depth .depth p {font-size: 1.125rem;}

    .migration-depth .depth {height: 120px;}
    .migration-depth .depth img {height: 30px;}
}

@media screen and (max-width: 575px) {
    .cloud-ar-06 .tit-lg {font-size: 1.875rem; margin-bottom: 20px;}
    .cloud-ar-06 .small {font-size: 1.25rem;}

    .cloud-ar-06 .small::after {width: calc(100% - 160px);}
    .cloud-ar-06 .row.row-2 {margin-bottom: 50px;}
    .db-logos .img-wrap {padding: 0 10px;}
    .db-logos .img-wrap img { max-width: 80%;}
    .cloud-ar-06 .card {height: auto;}
    .cloud-ar-06 .card-head {height: 80px;}
    .cloud-ar-06 .card-body {min-height: calc(100% - 80px); height: auto;}
    .cloud-ar-06 .card .card-title {font-size: 1.125rem;}
    .cloud-ar-06 .card-body img {max-width: 80%; width: auto;}
    .cloud-ar-06 .card.card-02 .card-body img {max-width: 80px;}
    .cloud-ar-06 .card-body .img-wrap {margin: 0;}

    .cloud-ar-06 .col-1.arrow {margin: 15px 0;}
    .cloud-ar-06 .col-1.arrow img[title="mobile"] {height: 20px;}

    .cloud-ar-06 .row-2 {margin-top: 50px; margin-bottom: 50px;}

    .cloud-ar-06 h5 {font-size: 1.125rem; margin-bottom: 20px;}
    .migration-depth .depth {height: 100px;}
    .migration-depth .depth img {height: 25px; margin-bottom: 5px;}
    .migration-depth{font-size: 1rem;}
}

@media screen and (max-width: 480px) {
    .db-logos .img-wrap {width: 47%; padding: 0 6%}
    .db-logos .img-wrap.sql img,
    .db-logos .img-wrap.mysql img  {max-width: 80%;}

    .cloud-ar-06 .card-02 .card-body {padding: 20px;}
    .cloud-ar-06 .card-body .img-wrap {padding: 0; margin: 5px 0; width: 33%;}
    .cloud-ar-06 .card.card-02 .card-body img {max-width: 60%;}
}

@media screen and (max-width: 380px) {
    .db-logos .img-wrap {width: 46%; padding: 0 4%}
}


@media screen and (max-width: 415px) {
    .cloud-ar-06 .tit-lg {font-size: 1.5rem; margin-bottom: 20px;}
    .cloud-ar-06 .small {font-size: 1rem;}
}



/* cloud-ar-07 and cloud-ar-8 */
.cloud-ar-07 .tit-md {margin-bottom: 24px;}
.cloud-ar-07 .at-para {margin-bottom: 54px;}
.cloud-ar-07 .img-wrap img {max-width: 100%;}

.cloud-ar-08 {word-break: keep-all;}

.client-logos {margin-top: 18px; margin-bottom: 72px;}
.client-logo-list {display: flex; flex-wrap: wrap;}
.client-logo-list li {flex-basis: calc(20% - 10px); height: 70px; margin-right: 12px; margin-bottom: 12px; border: 1px solid var(--bs-light-gray); -webkit-border-radius: 10px; border-radius: 10px; display: flex; justify-content: center; align-items: center;}
.client-logo-list li:nth-child(5n + 5) {margin-right: 0;}

@media screen and (max-width: 1280px) {
    .client-logo-list li {flex-basis: calc(25% - 12px);}
    .client-logo-list li:nth-child(4n + 4) {margin-right: 0;} 
    .client-logo-list li:nth-child(5n + 5) {margin-right: 12px;}
}

@media screen and (max-width: 991px) {
    .cloud-ar-07 .at-para {margin-bottom: 44px;}

    .client-logo-list li {flex-basis: calc(50% - 6px);}
    .client-logo-list .logo-wrap img[title="mobile"] {width: 70%; height: auto;} 
    .client-logo-list li:nth-child(4n + 4) {margin-right: 12px;} 
    .client-logo-list li:nth-child(2n + 2) {margin-right: 0;} 

    .cloud-ar-08 .at-para {margin-bottom: 50px;}
    .client-logos {margin-top: 28px;}
}


@media screen and (max-width: 767px) {
    .cloud-ar-08 .at-para {margin-bottom: 40px;}
    .client-logos {margin-top: 18px;}
}

@media screen and (max-width: 575px) {
    .cloud-ar-07 .at-para {margin-bottom: 34px;}
}

@media screen and (max-width: 480px) {
    .client-logo-list .logo-wrap img[title="mobile"].w-80 {width: 80%;} 
}


@media screen and (max-width: 360px) {
    .cloud-ar-07 .at-para {margin-bottom: 24px;}
}



/* ******************************* */
/* ************ oracle *********** */
/* ******************************* */
/* oracle-ar-01 */
.oracle-ar-01 .tit-lg {margin-bottom: 70px;}
.oracle-goodusdata-media {position: relative; width:100%; padding-bottom: 56.25%;;}
div.oracle-goodusdata-media video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50vw; height: auto; }

@media screen and (max-width: 991px) {
    .oracle-ar-01 .tit-lg {font-size: 2.5rem;}
}
 

@media screen and (max-width: 767px) {
    .oracle-ar-01 .tit-lg {margin-bottom: 60px;}
}

@media screen and (max-width: 575px) {
    .oracle-ar-01 .tit-lg {margin-bottom: 50px; font-size: 1.875rem;}
}

@media screen and (max-width: 360px) {
    .oracle-ar-01 .tit-lg {margin-bottom: 40px; font-size: 1.5rem;}
}

@media screen and (max-width: 320px) {
}


/* oracle-ar-02 */
.oracle-ar-02 {width: 100%; height: 746px; color: var(--bs-white); background: url('/images/sub/service/oracle-img-01.png') no-repeat center center; background-size: cover;}
.oracle-ar-02 .tit-md {margin-top: 30px; margin-bottom: 90px;}

.introduce {font-size: 1.125rem;}
.introduce-list {display: flex; justify-content: space-between;}
.introduce-list li {padding-top: 54px; flex:1 1 20%; white-space: nowrap;}
.introduce-list li .small {font-size: 0.875rem;}

@media screen and (max-width: 1440px) {
    .oracle-ar-02 {height: 800px;}
    .oracle-ar-02 .tit-md {margin-top: 0; margin-bottom: 60px;}
    .introduce-list {flex-wrap: wrap; justify-content: flex-start;}
    .introduce-list li {margin-bottom: 30px; flex: 0 0 33%;}
}


@media screen and (max-width: 991px) {
    .oracle-ar-02 {height: 917px; background: url('/images/sub/service/m-oracle-img-01.png') no-repeat center center;  background-size: cover;}
    .oracle-ar-02 .tit-md {font-size: 2.25rem;}
    .introduce {font-size: 1.25rem;}
    .introduce-list li {margin-bottom: 50px; flex: 0 0 50%; white-space: normal; padding-right: 4%;}
}

@media screen and (max-width: 767px) {
    .oracle-ar-02 .tit-md {font-size: 2.5rem; margin-bottom: 50px;}
    /* .oracle-ar-02 .tit-md {font-size: 1.875rem; margin-top: 50px;} */
    .introduce-list li {flex: 0 0 100%; padding-right: 0; padding-top: 0; padding-left: 62px;}
}

@media screen and (max-width: 575px) {
    .oracle-ar-02 {height: 720px;}
    .oracle-ar-02 .tit-md {font-size: 1.75rem; margin-top: 30px; margin-bottom: 50px;}
    .introduce {font-size: 1rem;}
    .introduce-list li {margin-bottom: 30px; padding-left: 52px; word-break: keep-all;}
}

@media screen and (max-width: 480px) {
    .oracle-ar-02 .tit-md {margin-top: 0px;}
}

@media screen and (max-width: 380px) {
    .oracle-ar-02 {height: 740px;}
    .oracle-ar-02 .tit-md {font-size: 1.55rem;}
}

@media screen and (max-width: 320px) {
    .oracle-ar-02 {height: 780px;}
}


/* oracle-ar-03 */
.oracle-ar-03 .tit-lg {margin-bottom: 80px;}
.service-flow-bg {width: 100%; height: 330px; background: url('/images/sub/service/oracle-img-02.png') no-repeat center center; background-size: 100% auto; margin-left:0; margin-right: 0;}
.servise-flow {margin-top: -62px;}
/* .servise-flow .col {padding-left: 0;} */
.servise-flow .col.rc {padding-left: 3.2vw;}
.service-flow-title {font-size: 1.375rem; font-weight: 500; margin-bottom: 20px;}
.service-flow-list {font-size: 1.125rem; font-weight: 300; word-break: keep-all;}
.oracle-ar-03 .list.list-style-1 li::before {top: 13px;}

@media screen and (max-width: 991px) {
    .oracle-ar-03 .tit-lg {margin-bottom: 70px;}
    .service-flow-bg {height: 61vw; background: url('/images/sub/service/m-orecle-img-02.png') no-repeat top center; background-size: 100% auto}
    .servise-flow {margin-top: 0px;}
    .servise-flow .col {margin-top: 40px;}
    .servise-flow .col.rc {padding-left: 15px;}

    .service-flow-title {font-size: 1.5rem;}
    .service-flow-list li {margin-bottom: 5px;}
}

@media screen and (max-width: 767px) {
    .oracle-ar-03 .tit-lg {margin-bottom: 60px;}
    .servise-flow .col {margin-top: 30px;}
    .service-flow-title {margin-bottom: 10px;}
    .servise-flow .col.rc {padding-right: 15px !important;}
}

@media screen and (max-width: 575px) {
    .oracle-ar-03 .tit-lg {margin-bottom: 50px;}
    .servise-flow .col {margin-top: 20px;}
    .service-flow-title {font-size: 1.125rem;  margin-bottom: 5px;}
    .service-flow-list li {font-size: 1rem;}
}


/* oracle-ar-01 */
.oracle-ar-04 {word-break: keep-all;}
.oracle-ar-04 .tit-lg {margin-bottom: 80px;}

.bubble {height: 325px; padding: 50px 35px; background-color: var(--bs-white); display: flex; flex-direction: column;}
.bubble .bubble-content {flex: 1;}
.bubble .deco {padding-top: 50px; font-weight: 500;}
.bubble p {font-size: 1.0625rem; margin-bottom: 0;}
/* 글씨가 넘쳐서 17px로 함. 원래 18px */
.bubble .bubble-footer {display: flex; align-items: center;}
.bubble .bubble-profile-img {margin-right: 20px;}
.bubble .bubble-profile .company {font-weight: 500;}
.bubble .bubble-profile .name {font-weight: 300;}

@media screen and (max-width: 1310px) {
    .bubble {padding: 45px 30px;}
    .bubble .deco {padding-top: 40px;}
    .bubble p {font-size: 1rem;}
}

@media screen and (max-width: 1080px) {
    .bubble {padding: 35px 25px;}
}

@media screen and (max-width: 991px) {
    .oracle-ar-04 .tit-lg {margin-bottom: 70px;}
    .bubble {margin-bottom: 30px; padding: 50px 40px;}
    .bubble .deco {padding-top: 40;}
    .bubble p {font-size: 1.0625rem;}
}

@media screen and (max-width: 898px) {
    .bubble {padding: 40px 35px;}
}

@media screen and (max-width: 767px) {
    .oracle-ar-04 .tit-lg {margin-bottom: 60px;}
    .bubble {padding: 50px 40px;}
    .bubble .deco {padding-top: 42px;}
    .bubble p {font-size: 1.25rem;}
}

@media screen and (max-width: 575px) {
    .oracle-ar-04 .tit-lg {margin-bottom: 50px;}
    .bubble p {font-size: 1.125rem;}
}

@media screen and (max-width: 480px) {
    .bubble {padding: 40px 30px;}
    .bubble p {font-size: 1rem;}
}


@media screen and (max-width: 360px) {
    .bubble {padding: 40px 30px;}
}


@media screen and (max-width: 320px) {
    .bubble .bubble-profile-img img{height: 45px;}
}


/* ******************************* */
/* *********** platform ********** */
/* ******************************* */
/* platform-ar-01 */
.platform-ar-01 .tit-lg {margin-bottom: 15px;}
.platform-ar-01 p.small {font-size: 1.125rem; margin-bottom: 46px;}
.platform-ar-01 p {font-size: 1.375rem;}

@media screen and (max-width: 1280px) {
    .platform-ar-01 p {font-size: 1.25rem;}
}


@media screen and (max-width: 767px) {
    .platform-ar-01 p { word-break: keep-all;}
    .platform-ar-01 p.small {font-size: 1.25rem;}
}

@media screen and (max-width: 575px) {
    .platform-ar-01 .tit-lg {margin-bottom: 10px;}
    .platform-ar-01 p {font-size: 1rem;}
    .platform-ar-01 p.small {font-size: 1.125rem; margin-bottom: 30px;}
}

@media screen and (max-width: 360px) {
    .platform-ar-01 p {font-size: 1rem;}
    .platform-ar-01 p.small {font-size: 1rem;}
}

@media screen and (max-width: 360px) {
    .platform-ar-01 .tit-lg {margin-bottom: 5px;}
    .platform-ar-01 p {font-size: 1rem;}
    .platform-ar-01 p.small {font-size: 0.875rem; margin-bottom: 20px;}
}

/* platform-ar-02 */
.platform-ar-02 .tit-lg {margin-bottom: 72px;}
.goodusdata-media {position: relative; width:100%; padding-bottom: 56.25%;;}
.goodusdata-media iframe {position: absolute; width: 100%; height: 100%;}

@media screen and (max-width: 1300px) {

}

@media screen and (max-width: 991px) {
    .platform-ar-02 .tit-lg {margin-bottom: 62px;}
}

@media screen and (max-width: 767px) {
    .platform-ar-02 .tit-lg {margin-bottom: 52px;}
}

@media screen and (max-width: 575px) {
    .platform-ar-02 .tit-lg {margin-bottom: 42px;}
}


/* platform-ar-03 */
.platform-ar-03.adbentage-article .bg-light {padding: 275px 0 150px 0;}
.platform-ar-03.adbentage-article .article-header {padding-bottom: 240px;}
.adbentage-article .article-header .img-wrap.platform {top: 162px; background: url('/images/sub/service/platform-img-01.png') no-repeat center center;}


@media screen and (max-width: 991px) {
    .adbentage-article .article-header .img-wrap.platform {background: url('/images/sub/service/m-platform-img-01.png') no-repeat center center;}
    .platform-ar-03.adbentage-article .bg-light {padding: 28vw 0 100px 0;}
    .platform-ar-03.adbentage-article .article-header {padding-bottom: 24vw;}
}

@media screen and (max-width: 767px) {
    .platform-ar-03.adbentage-article .bg-light {padding: 28vw 0 80px 0;}
    .adbentage-article .article-header .img-wrap.platform {top: 130px;}
}

@media screen and (max-width: 575px) {
    .platform-ar-03.adbentage-article .bg-light {padding: 30vw 0 80px 0;}
    .adbentage-article .article-header .img-wrap.platform {top: 110px;}
}

@media screen and (max-width: 500px) {
    .adbentage-article .article-header .img-wrap.platform {top: 130px;}
}


/* platform-ar-04 */
article.gif .at-para {margin-bottom: 52px;}
article.gif .img-wrap {margin-top: 60px;}
article.gif .img-wrap img {width: 100%;}

@media screen and (max-width: 991px) {
    article.gif .at-para {margin-bottom: 42px;}
    article.gif .img-wrap {margin-top: 50px;}
}

@media screen and (max-width: 767px) {
    article.gif .article-header {border-bottom: 0 !important;}
    article.gif .at-para {margin-bottom: 32px;}
    article.gif .img-wrap {margin-top: 40px;}
}

@media screen and (max-width: 575px) {
    article.gif .at-para {margin-bottom: 22px;}
    article.gif .img-wrap {margin-top: 30px;}
}

@media screen and (max-width: 400px) {
    .platform-ar-04 .at-para span.d-block {display: inline !important;}
}

/* platform-ar-05 */
.platform-ar-05 {width: 100%; height: 820px; color: var(--bs-white); background: url('/images/sub/service/platform-img-04.png') no-repeat center center; background-size: cover;}
.platform-ar-05 .tit-md {margin-top: 30px; margin-bottom: 30px;}
.platform-ar-05 .at-para {margin-bottom: 90px;}
.platform-ar-05 .introduce-list li {flex: 0 0 25%;}
.introduce .introduce-list .small {font-size: 0.875rem;}
.introduce .introduce-list .x-small {font-size: 0.75rem; color: var(--bs-gray-100);}
.introduce-list .x-small span.d-block {margin-bottom: 2px;}

@media screen and (max-width: 1330px) {
    .platform-ar-05 {height: 850px;}
    .platform-ar-05 .tit-md {margin-top: 0;}
    .platform-ar-05 .at-para {margin-bottom: 60px;}
    .platform-ar-05 .introduce-list li {flex: 0 0 50%;}
}


@media screen and (max-width: 991px) {
    .platform-ar-05 {height: 880px; background: url('/images/sub/service/m-platform-img-04.png') no-repeat center center;  background-size: cover;}
    .platform-ar-05 .tit-md {margin-top: 30px;}
    .platform-ar-05 .at-para {margin-bottom: 90px;}
}

@media screen and (max-width: 767px) {
    .platform-ar-05 {height: 800px;}
    .platform-ar-05 .tit-md {font-size: 2.25rem;}
    .platform-ar-05 .introduce-list li {flex: 0 0 100%;} 
    .platform-ar-05 .tit-md {margin-top: 0px; margin-bottom: 20px;}
    .platform-ar-05 .at-para {margin-bottom: 70px;}
    .platform-ar-05 .introduce {font-size: 1.125rem;}
    .introduce .introduce-list .small {font-size: 1.125rem;}
    .introduce .introduce-list .x-small {font-size: 1rem;}
    .introduce-list .x-small span.d-block {display: inline !important; margin-bottom: 0 !important; }
    .platform-ar-05 .introduce-list li {padding-left: 52px; margin-bottom: 40px;}
}

@media screen and (max-width: 575px) {
    .platform-ar-05 {height: 760px;}
    .platform-ar-05 .tit-md {font-size: 1.75rem;}
    .platform-ar-05 .at-para {margin-bottom: 50px;}
    .platform-ar-05 .introduce {font-size: 1rem;}
    .introduce .introduce-list .small {font-size: 1rem;} 
    .introduce .introduce-list .x-small {font-size: 0.875rem;}
    .platform-ar-05 .introduce-list li {padding-left: 42px;}
}

@media screen and (max-width: 360px) {
    .platform-ar-05 .tit-md {font-size: 1.55rem;}
}


@media screen and (max-width: 350px) {
    .platform-ar-05 {height: 800px;}
}


/* platform-ar-06 */
.platform-ar-06 .tit-md {color: var(--bs-gray-700); font-weight: 700; margin-bottom: 66px;}

.gallery .col {margin-bottom: 60px; padding-left: 20px; padding-right: 20px;}
.gallery .col:nth-child(5),
.gallery .col:nth-child(6),
.gallery .col:nth-child(7) {margin-bottom: 0;}
.gallery h6 {min-height: 38px; margin-bottom: 0;}

@media screen and (max-width: 1412px) {
    .gallery h6 {margin-bottom: 20px;} 
}

@media screen and (max-width: 991px) {
    .gallery h6 {font-size: 1.25rem; margin-bottom: 0px; min-height: 48px;} 
    .gallery .col {margin-bottom: 50px; padding-left: 15px; padding-right: 15px;}
    .gallery .col:nth-child(5),
    .gallery .col:nth-child(6) {margin-bottom: 60px;}
}

@media screen and (max-width: 874px) {
    .gallery h6 {margin-bottom: 20px;} 
}

@media screen and (max-width: 767px) {
    .platform-ar-06 .tit-md {font-size: 1.625rem; margin-bottom: 46px;}
    .gallery h6 {font-size: 1.125rem; margin-bottom: 10px;} 
}

@media screen and (max-width: 575px) {
    .platform-ar-06 .tit-md {font-size: 1.5rem; margin-bottom: 46px;}
    .gallery .col {margin-bottom: 40px;}
    .gallery h6 {font-size: 1rem; margin-bottom: 0px;} 
}

@media screen and (max-width: 410px) {
    .platform-ar-06 .tit-md {font-size: 1.375rem; margin-bottom: 46px;} 
}

@media screen and (max-width: 375px) {
    .gallery h6 {font-size: 0.875rem;} 
}

@media screen and (max-width: 375px) {
    .platform-ar-06 .tit-md {font-size: 1.125rem; margin-bottom: 36px;}
    .gallery h6 {font-size: 0.8125rem; min-height: 38px;} 
}



/* ******************************* */
/* ********** open-source ******** */
/* ******************************* */
/* open-source-ar-01 */
.open-source-ar-01 .tit-lg {margin-bottom: 70px;}

@media screen and (max-width: 991px) {
    .open-source-ar-01 .tit-lg {margin-bottom: 70px;}
}

@media screen and (max-width: 767px) {
    .open-source-ar-01 .tit-lg {margin-bottom: 60px;}
}

@media screen and (max-width: 575) {
    .open-source-ar-01 .tit-lg {margin-bottom: 50px;}
}

/* open-source-ar-02 */
.open-source-ar-02 {width: 100%; height: 800px; color: var(--bs-white); background: url('/images/sub/service/open-source-img-02.png') no-repeat center center; background-size: cover;}
.open-source-ar-02 .tit-md {margin-top: 30px; margin-bottom: 30px;}
.open-source-ar-02 .at-para {margin-bottom: 90px;}
.open-source-ar-02 .introduce-list li {flex: 0 0 25%; padding-top: 57px;}
.introduce-list h6 {font-size: 1.375rem; font-weight: 500; margin-bottom: 20px; color: var(--bs-white);}


@media screen and (max-width: 1330px) {
    .open-source-ar-02 {height: 850px;}
    .open-source-ar-02 .tit-md {margin-top: 0;}
    .open-source-ar-02 .at-para {margin-bottom: 60px;}
    .open-source-ar-02 .introduce-list li {flex: 0 0 50%;}
}


@media screen and (max-width: 991px) {
    .open-source-ar-02 .tit-md {margin-top: 30px;}
    .open-source-ar-02 .at-para {margin-bottom: 90px;}
}

@media screen and (max-width: 767px) {
    .open-source-ar-02 {height: 950px; background: url('/images/sub/service/m-open-source-img-02.png') no-repeat center center;  background-size: cover;}
    .open-source-ar-02 .tit-md {font-size: 2.25rem;}
    .introduce-list h6 {font-size: 1.5rem; margin-bottom: 12px;}
    .open-source-ar-02 .introduce-list li {flex: 0 0 100%; padding-top: 2px; padding-left: 52px; margin-bottom: 45px;} 
    .open-source-ar-02 .tit-md {margin-top: 0px; margin-bottom: 20px;}
    .open-source-ar-02 .at-para {margin-bottom: 70px;}
}

@media screen and (max-width: 575px) {
    .open-source-ar-02 {height: 830px;}
    .open-source-ar-02 .tit-md {font-size: 1.75rem;}
    .introduce-list h6 {font-size: 1.25rem;}
    .open-source-ar-02 .at-para {margin-bottom: 50px;}
    .open-source-ar-02 .introduce {font-size: 1rem;}
    .open-source-ar-02 .introduce-list li {padding-left: 42px; margin-bottom: 35px;}
}

@media screen and (max-width: 500px) {
    .open-source-ar-02 {height: 880px;}
}


@media screen and (max-width: 360px) {
    .open-source-ar-02 .at-para {margin-bottom: 40px;}
    .open-source-ar-02 .tit-md {font-size: 1.55rem;}
}


/* open-source-ar-03 */
.open-source-ar-03 .tit-lg {margin-bottom: 46px;}
.open-source-ar-03 .at-para {font-weight: 300; margin-bottom: 0;}

.open-source-ar-03 .at-para.mb-14 {margin-bottom: 14px;}

.open-source-ar-03 .process-graph .process-g-list::before {width: 75%;}
.open-source-ar-03 .process-wrap {min-height: 140px; word-break: keep-all;}
.open-source-ar-03 .row .col {margin-bottom: 60px;}
.open-source-ar-03 .row .col:last-child {margin-bottom: 0;}

@media screen and (max-width: 767px) {
    .open-source-ar-03 .process-wrap {min-height: 100px;}
    .open-source-ar-03 .row .col {margin-bottom: 50px;}
}

@media screen and (max-width: 575px) {
    .open-source-ar-03 .tit-lg {margin-bottom: 26px;}
    .open-source-ar-03 .row .col {margin-bottom: 40px;}
}

@media screen and (max-width: 375px) {
    .open-source-ar-03 .process-graph .process-g-list::before {top: 55%;}
    .open-source-ar-03 .process-g-list .circle {top: 54%;}
}


/* ******************************* */
/* ************ li-ion *********** */
/* ******************************* */
/* li-ion-ar-01 */
.li-ion-ar-01 .at-para {margin-top: 42px; margin-bottom: 30px; word-break: keep-all;}

@media screen and (max-width: 991px) {
    .li-ion-ar-01 .at-para {margin-top: 32px; margin-bottom: 20px;}
}

@media screen and (max-width: 767px) {
    .li-ion-ar-01 .at-para {margin-top: 22px; margin-bottom: 10px;}
    .li-ion-ar-01 .tit-lg span {font-size: 2rem;}
}

@media screen and (max-width: 577px) {
    .li-ion-ar-01 .tit-lg span {font-size: 1.625rem;}
}

@media screen and (max-width: 360px) {
    .li-ion-ar-01 .tit-lg span {font-size: 1.375rem;}
}

/* li-ion-ar-02 */
.li-ion-ar-02 .tit-lg {margin-bottom: 67px;}

@media screen and (max-width: 1280px) {
    .info p {white-space: normal; word-break: keep-all;}
}


@media screen and (max-width: 991px) {
    .li-ion-ar-02 .tit-lg {margin-bottom: 57px;}
}

@media screen and (max-width: 767px) {
    .li-ion-ar-02 .tit-lg {margin-bottom: 47px;}
}

@media screen and (max-width: 320px) {
    .li-ion-ar-02 .tit-lg {font-size: 1.5rem; margin-bottom: 37px;}
}

/* li-ion-ar-02 */
.li-ion-ar-03 {width: 100%; height: 762px; color: var(--bs-white); background: url('/images/sub/service/li-ion-ar-img-01.png') no-repeat center center; background-size: cover;}
.li-ion-ar-03 .tit-md {margin-top: 30px; margin-bottom: 30px;}
.li-ion-ar-03 .at-para {margin-bottom: 90px;}
.li-ion-ar-03 .introduce-list li {flex: 0 0 25%; padding-top: 57px;}
.introduce-list h6 {font-size: 1.375rem; font-weight: 500; margin-bottom: 20px; color: var(--bs-white);}


@media screen and (max-width: 1330px) {
    .li-ion-ar-03 {height: 850px;}
    .li-ion-ar-03 .tit-md {margin-top: 0;}
    .li-ion-ar-03 .at-para {margin-bottom: 60px;}
    .li-ion-ar-03 .introduce-list li {flex: 0 0 50%;}
}


@media screen and (max-width: 991px) {
    .li-ion-ar-03 .tit-md {margin-top: 30px;}
    .li-ion-ar-03 .at-para {margin-bottom: 90px;}
}

@media screen and (max-width: 767px) {
    .li-ion-ar-03 {height: 950px; background: url('/images/sub/service/m-li-ion-ar-img-01.png') no-repeat center center;  background-size: cover;}
    .li-ion-ar-03 .tit-md {font-size: 2.25rem;}
    .introduce-list h6 {font-size: 1.5rem; margin-bottom: 12px; padding-top: 0;}
    .li-ion-ar-03 .introduce-list li {flex: 0 0 100%; padding-top: 2px; padding-left: 52px; margin-bottom: 45px;} 
    .li-ion-ar-03 .tit-md {margin-top: 0px; margin-bottom: 20px;}
    .li-ion-ar-03 .at-para {margin-bottom: 70px;}
}

@media screen and (max-width: 575px) {
    .li-ion-ar-03 {height: 800px;}
    .li-ion-ar-03 .tit-md  {font-size: 1.75rem;}
    .li-ion-ar-03 .at-para {margin-bottom: 50px;}
    .li-ion-ar-03 .introduce {font-size: 1rem;}
    .li-ion-ar-03 .introduce-list li {padding-left: 42px; margin-bottom: 35px;}
}

@media screen and (max-width: 400px) {
    .li-ion-ar-03 {height: 830px;}
}


@media screen and (max-width: 360px) {
    .li-ion-ar-03 {height: 850px;}
    .li-ion-ar-03 .tit-md {font-size: 1.55rem;}
    .li-ion-ar-03 .at-para {margin-bottom: 40px;}
}


/* li-ion-ar-04 */
.li-ion-ar-04 .at-para {margin-bottom: 74px;}


@media screen and (max-width: 991px) {
    .li-ion-ar-04 .at-para {margin-bottom: 64px;}
}


@media screen and (max-width: 575px) {
    .li-ion-ar-04 .at-para {margin-bottom: 54px;}
}


/* ******************************* */
/* ************ career *********** */
/* ******************************* */
/* talent-section */
.talent-section .talent-list li {border-bottom: 1px solid var( --bs-light-gray); padding: 55px 0;}
.talent-section .talent-list span {display: block;}
.talent-section .talent-list .talent-eng {font-size: 1.125rem; font-weight: 800;}
.talent-section .talent-list .talent {font-size: 1.875rem; font-weight: 700; margin-top: 25px; margin-bottom: 12px;}
.talent-section .talent-list p {font-size: 1.125rem; font-weight: 300; margin-bottom: 0; word-break: keep-all;}

@media screen and (max-width: 991px) {
    .talent-section .tit-lg {margin-bottom: 60px;}
    .talent-section .talent-list li {padding: 50px 0}
    .talent-section .talent-list .talent {margin-bottom: 2px;}
    .talent-section .talent-list p {font-size: 1.25rem;}
}

@media screen and (max-width: 767px) {
    .talent-section .tit-lg {margin-bottom: 50px; font-size: 2.375rem;}
    .talent-section .talent-list li {padding: 40px 0}
    .talent-section .talent-list .talent {margin-bottom: 0px; font-size: 1.75rem;}
    .talent-section .talent-list p {font-size: 1.125rem;}
}

@media screen and (max-width: 575px) {
    .talent-section .tit-lg {margin-bottom: 40px; font-size: 2rem;}
    .talent-section .talent-list li {padding: 35px 0}
    .talent-section .talent-list .talent-eng {font-size: 1rem;}
    .talent-section .talent-list .talent {font-size: 1.5rem; margin-top:20px;}
    .talent-section .talent-list p {font-size: 1rem;}
}

@media screen and (max-width: 360px) {
    .talent-section .talent-list .talent {font-size: 1.375rem;}
}


/* together-section */
.together-section {width: 100%; height: 520px; background: url('/images/sub/career/career-img-01.png') no-repeat center center; background-size: cover; color: var(--bs-white);}
.together-section h3 {font-size: 3.4375rem; font-weight: 700;}
.together-section p {font-size: 1.375rem; margin-top: 12px; margin-bottom: 52px;}


@media screen and (max-width: 992px) {
    .together-section {height: 580px; background: url('/images/sub/career/m-career-img-01.png') no-repeat center center; background-size: cover;}
    .together-section .section-wrap {height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
    .together-section h3 {font-size: 2.8125rem;}
    .together-section p {margin-top: 2px; margin-bottom: 42px;}

    .btn.btn-employee {font-size: 1.25rem; min-width: 245px; height: 60px; line-height: 48px;}
}

@media screen and (max-width: 767px) {
    .together-section {height: 500px;}
    .together-section h3 {font-size: 2.25rem;}
    .together-section p {margin-bottom: 35px; font-size: 1.125rem;}

    .btn.btn-employee {font-size: 1.125rem; min-width: 230px; height: 50px; line-height: 38px;}
}

@media screen and (max-width: 575px) {
    .together-section {height: 450px;}
    .together-section h3 {font-size: 2rem;}
    .together-section p {margin-bottom: 30px; font-size: 1rem;}
    .btn.btn-employee {font-size: 1rem;}
}

@media screen and (max-width: 380px) {
    .together-section {height: 360px;}
    .together-section h3 {font-size: 1.75rem;}
    .together-section p {margin-bottom: 25px;}
}


/* welfare-section */
.welfare {word-break: keep-all;}
.welfare .col {padding: 60px 15px; border-bottom: 1px solid var(--bs-light-gray);}
.welfare .col:nth-child(1),
.welfare .col:nth-child(2),
.welfare .col:nth-child(3) {padding-top: 0;}
.welfare .welfare-num { width: 50px; height: 50px; color: var(--bs-danger); border: 1px solid var(--bs-danger); -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; line-height: 50px; text-align: center; margin-bottom: 30px;}
.welfare .welfare-title {font-size: 1.375rem; font-weight: 500; margin-bottom: 10px;}
.welfare .list {font-size: 1.125rem; margin-bottom: 0;}
.welfare .list li { margin-bottom: 2px; font-weight: 300;}
.welfare .list.list-style-1 li::before {top: 12px;}


@media screen and (max-width: 1199px) {
    .welfare {margin: 0;}
    .welfare .col {padding-left: 0; padding-right: 0;}
    .welfare .col:nth-child(3) {padding-top: 60px;} 
    .welfare .col:nth-child(9) {border-bottom: 0; padding-bottom: 0;}
}


@media screen and (max-width: 767px) {
    .welfare .col:nth-child(2),
    .welfare .col:nth-child(3) {padding-top: 50px;} 
    .welfare .welfare-title {font-size: 1.5rem;}
    .welfare .welfare-num {width: 60px; height: 60px; font-size: 1.25rem; line-height: 60px;}
    .welfare .list li {font-size: 1.25rem; margin-bottom: 8px;}
}


@media screen and (max-width:575px) {
    .welfare .col  {padding: 40px 0px;}
    .welfare .col:nth-child(2),
    .welfare .col:nth-child(3) {padding-top: 40px;} 
    .welfare .welfare-num { width: 50px; height: 50px; line-height: 50px; font-size: 1.125rem; margin-bottom: 25px;}
    .welfare .welfare-title {font-size: 1.25rem;}
    .welfare .list li {font-size: 1rem;}
}

@media screen and (max-width:360px) {
    .welfare .col  {padding: 30px 0px;}
    .welfare .col:nth-child(2),
    .welfare .col:nth-child(3) {padding-top: 30px;} 
    .welfare .welfare-num { width: 45px; height: 45px; line-height: 45px; font-size: 1rem; margin-bottom: 20px;}
    .welfare .welfare-title {font-size: 1.125rem;}
}


/* good-life-section */
.good-life-section {background-color: var(--bs-gray-200);}
.good-life-section .tit-lg {margin-bottom: 24px;}
.good-life-section .at-para {margin-bottom: 53px;}

.good-life-section .row .col {padding-left: 12.5px; padding-right: 12.5px; margin-bottom: 25px;}
.good-life-section .row .col:nth-child(4),
.good-life-section .row .col:nth-child(5),
.good-life-section .row .col:nth-child(6) {margin-bottom: 0;}

.good-life .good-life-name {height: 60px; line-height: 60px; font-size: 1.125rem; font-weight: 500; text-align: center; background-color: var(--bs-white); border: 1px solid var(--bs-gray-300); border-top: 0; margin-bottom: 0;}

@media screen and (max-width:991px) {

}

@media screen and (max-width:767px) {
    .good-life-section .row .col {padding-left: 15px; padding-right: 15px; margin-bottom: 30px;}
    .good-life-section .row .col:nth-child(4),
    .good-life-section .row .col:nth-child(5) {margin-bottom: 30px;}

    .good-life-section .tit-lg {margin-bottom: 20px;}
    .good-life-section .at-para  {font-size: 1.25rem; margin-bottom: 42px;}
    .good-life .good-life-name {font-size: 1.25rem; height: 70px; line-height: 70px;}
}

@media screen and (max-width:575px) {
    .good-life-section .tit-lg {margin-bottom: 15px;}
    .good-life-section .at-para  {font-size: 1rem; margin-bottom: 35px;}
    .good-life .good-life-name {font-size: 1.125rem; height: 60px; line-height: 60px;}
}

@media screen and (max-width:360px) {
    .good-life .good-life-name {font-size: 1rem;}
}



/* ******************************* */
/* ************ contact ********** */
/* ******************************* */
.contact-section .tit-md {font-size: 1.875rem; font-weight: 700; margin-bottom: 20px;}

.business-department {margin-bottom: 40px;}
.department {margin-bottom: 60px; margin-right: 28px; max-width: calc(33.333333% - 20px); flex: 0 0 calc(33.333333% - 20px);}
.department:nth-child(3n + 3) {margin-right: 0;}
.department .department-value { width: 100%; height: 120px; margin-bottom: 30px; background-color: #e3dddb; text-align: center; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; }
.department .department-value h5 {height: 100%; font-size: 1.875rem; font-weight: 700; margin-bottom: 0; line-height: 120px;}

.department .department-manager .name {font-size: 1.125rem; font-weight: 500; margin-bottom: 10px;}
.department .department-manager .tel,
.department .department-manager .email {display: block;}

.support-department .department {margin-bottom: 0;}


@media screen and (max-width: 991px) {
    .department {max-width: 50%; flex:0 0 50%; margin-right: 0; margin-bottom: 50px;}
    .business-department {margin-bottom: 50px;}
    .support-department .department {margin-bottom: 50px;} 
    .support-department .department:last-child {margin-bottom: 0;}
}


@media screen and (max-width: 767px) {
    .business-department {margin-bottom: 100px;}
    .contact-section .tit-md {margin-bottom: 40px;}
    .department {max-width: 100%; flex: 0 0 100%; margin-right: 0;}
    .department .department-manager .name {font-size:1.5rem;}
    .department .department-manager .tel {margin-bottom: 5px;}
    .department .department-manager .tel, .department .department-manager .email {font-size: 1.25rem;}
}


@media screen and (max-width: 575px) {
    .subVisual .sub-title.contact {font-size: 2.125rem;}
    .business-department {margin-bottom: 50px;}
    .contact-section .tit-md {margin-bottom: 30px; font-size: 1.625rem;}
    .department {margin-bottom: 40px;}
    .department .department-value {height: 110px; margin-bottom: 20px;}
    .department .department-value h5 {font-size: 1.625rem; line-height: 110px;}
    .department .department-manager .name {font-size:1.25rem; margin-bottom: 5px;}
    .department .department-manager .tel {margin-bottom: 0px;}
    .department .department-manager .tel, .department .department-manager .email {font-size: 1.125rem;}
}

@media screen and (max-width: 360px) {
    .business-department {margin-bottom: 40px;}
    .contact-section .tit-md {margin-bottom: 20px; font-size: 1.5rem;}
    .department {margin-bottom: 30px;}
    .department .department-value {margin-bottom: 20px;}
    .department .department-value h5 {font-size: 1.5rem;}
    .department .department-manager .name {font-size:1.125rem; margin-bottom: 5px;}
    .department .department-manager .tel {margin-bottom: 0px;}
    .department .department-manager .tel, .department .department-manager .email {font-size: 1rem;}
}


/* ******************************* */
/* ************ footer *********** */
/* ******************************* */
.footer {background-color: #0f0f0f;}
.footer .logo {width: auto; height: 40px;}
.footer .dropdown.show .footer-link.partners:after {-webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg);}
.footer .dropdown-menu {width: 200px; background-color: var(--bs-dark); border: 1px solid var(--bs-gray); margin-top: 0; z-index: 10;}
.footer .dropdown-menu .dropdown-item {color: var(--bs-white); height: 50px; line-height: 50px; border-bottom: 1px solid var(--bs-gray);}
.footer .footerT {padding: 50px 0; width: 100%;}
.footer .dropdown-menu .dropdown-item:hover {background-color: rgba(0,0,0,0.7); color: var(--bs-white);}
.footer .footerT.border-bottom {border-color: var(--bs-gray-900) !important;}
.footer .footerT .privacy {font-weight: 400; margin-top: 14px;}
.footer .footerT .footer-links {margin-bottom: 0;}
.footer .footerT .footer-link {width: 50px; height: 50px; margin-left: 10px;}
.footer .footerT .footer-link.border {border-color: var(--bs-gray) !important;}
.footer .footerT .footer-link.partners {width: 200px; padding:10px 24px; position: relative; font-weight: 700; text-transform: uppercase; }
.footer .footerT .footer-link.partners:after {content: ''; width: 5px; height: 5px; background-color: var(--bs-danger); position: absolute; top: 50%; right: 24px; -o-transform: translateY(-50%); transform: translateY(-50%); background: transparent; transition: all 300ms linear;}

.footer .row-2 {padding: 50px 0 100px 0; width: 100%;}
.footer .footer-logo {margin-bottom: 30px;}
.footer .footer-list {font-weight: 400; margin-bottom: 20px; color: var(--bs-gray-100);}
.footer .copyright {font-size: 0.6875rem; color: var(--bs-gray); font-weight: 400;}


.footer .footer-nav .footer-nav-link {display: block; color: var(--bs-gray-100); font-weight: 400; margin-bottom: 17px;}
.footer .footer-nav .footer-nav-link:hover {color: var(--bs-orange);}
.footer .footerR > ul > li {margin: 0 2.6vw;}

@media screen and (min-width: 1921px) {
    .footer .footerR > ul > li {margin: 0 50px;}
}


@media screen and (max-width: 1200px) {
    .footer .container {max-width: 100%; padding-left: 4%; padding-right: 4%;}
    .footer .footerR {padding-left: 0; padding-right: 0;}
    .footer .footerR > ul > li {margin: 0 2vw;}
}

@media screen and (max-width: 991px) {
    .footer .copyright {font-size: 1rem;}
    .footer .row-2 {padding: 50px 0;}
}

@media screen and (max-width: 575px) {
    /* .footer .footerT > .col-12 {display: flex; flex-direction: column;}
     */
    /* .footer {overflow-x: hidden;} */
    .footer .footerT .footer-links {width: 100%;}
    .footer .footerT .footer-link {width: 40px; height: 40px; margin-top: 10px; margin-left: 10px;}
    .footer .footerT .footer-link.y7outube img {width: auto; height: 14px;}
    .footer .footerT .footer-link.blog img {width: auto; height: 15px;}
    .footer .footerT .privacy {margin-top: 0px;}
}

@media screen and (max-width: 340px) {
    .footer .footerT .footer-link {width: 30px; height: 30px;}
    .footer .footerT .footer-link.youtube img {height: 12px;}
    .footer .footerT .footer-link.blog img {height: 13px;}
    .footer .footerT .footer-link.partners {font-size: 0.875rem;}
}