@charset "utf-8";

/* Font */
/* body {
    font-family: NotoSansKR;
} */
@font-face {
    font-family: NotoSansKR;
    src: url('../fonts/NotoSansKR-Regular.otf') format("opentype");
}
@font-face {
    font-family: ILSANG;
    src: url('../fonts/87MMILSANG-Regular.otf') format("opentype");
}

* {
    font-family: "Pretendard";
}
body {
    background-color: #141414;
    overflow-x: hidden;
}

/* Global */
.m-520, .m-767 { display: none; }
.container { transition: max-width .75s ease-in; max-width: 1680px; padding-right: 20px; padding-left: 20px; overflow-x: hidden;}
.arrow {
    position: relative;
    /* padding-right: 48px; */
}
.arrow::after {
    content: " ";
    top: 50%;
    right: 2px;
    background-image: url("../img/icon/main-arrow.svg");
    width: 48px;
    height: 12px;
    margin-left: 20px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
.text-purple {
    color: #9747FF !important;
}

/* Header */ 
.header {
    background-color: rgba(0, 0, 0, 0.6);
}
.header .container {

    overflow-x: unset;
}
.header-nav .container {
    gap: 100px;
}
.header-nav .header-nav-link:hover + .dropdown-menu {
    display: block;
}
.dropdown-menu:hover {
    display: block;
}
.header-nav .container .dropdown-menu{
    transform: translate(-50px, 45px) !important;
    top: 0;
}
.header-nav .header-nav-link { font-weight: 600 !important; font-size: 18px !important; padding: 1rem 0px !important; }
.link-videoend {
    width: 60px;
}
.link-service { background-color: rgba(255, 255, 255, .2); }
.dropdown-menu .dropdown-item {
    text-align: center;
}

/* Banner */
#banner {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  #banner > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: all 1s;
    width: 100%;
    height: 100vh;
    z-index: -1;
    object-fit: cover;
  }
  #banner > img.current {
    opacity: 0.6;
  } 

/* 1st-section */
.section.section-hero .section-hero-content .hero-title {
    font-weight: 600 !important;
    font-size: 2.2rem !important;
    line-height: 165%;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25) );
}
.section.section-hero .section-hero-content h1.hero-title {
    margin-bottom: 160px;
    margin-top: 230px;
}
.section.section-hero .underline {
    display: inline-block;
    width: 32px;
    border: 1px solid #c2c2c2;
}
.section.section-hero .dev_keyword {
    letter-spacing: 1px;
}
.section.section-hero .section-hero-content .hero-btn {
    padding: 10px 22px;
    border: 2px solid #00ADEE;
    border-radius: 31px;
    color: #ebebeb;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    transition: all 0.5s;
}
.section.section-hero .section-hero-content .hero-btn.purple {
    border: 2px solid #9747FF;
    margin-right: 40px;
}
.section.section-hero .section-hero-content .hero-btn span {
    font-weight: 400;
}
.section.section-hero .section-hero-content .hero-btn:hover span {
    color: #EBEBEB;
}
.section.section-hero .section-hero-content .hero-btn:hover {
    background-color: #00ADEE;
    transition: all 0.5s;
}
.section.section-hero .section-hero-content .hero-btn.purple:hover {
    background-color: #9747FF;
}

/* 2nd-section (Business) */
.section .container .category.section-subtitle {
    color: #2d388a !important;
    font-size: 28px !important;
    font-weight: 700 !important;
}
.section.fv-section .category.section-subtitle {
    margin: 80px 0;
}
.section .scd-section .section-desc {
    margin-bottom: 40px !important;
    font-size: 24px;
    font-weight: 400;
}
/*section2 .card-full*/
.scd-section .card-full {
    position: relative;
    width: 100%;
    height: 460px;
    border-radius: 24px !important;
    color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.scd-section .card-full-1 {
    background-image: url("../img/corporate/img-4.jpg");
}
.scd-section .card-full-2 {
    background-image: url("../img/corporate/img-5.jpg");
    background-position: left;
}
.scd-section .card-full-3 {
    background-image: url("../img/corporate/img-6.jpg");
    background-position: left;
}
.scd-section .card-full .card-body {
    position: absolute;
    top: 110px;
    left: 40px;
}
.scd-section .card-full .card-body.m-520 {
    top: 130px;
    left: 15px;
}
.scd-section .card-full .index {
    font-weight: 600;
    font-size: 20px;
}
.scd-section .card-full h6 {
    font-size: 48px;
    color: #fff;
}
.scd-section .card-full .m-520 h6 {
    font-size: 36px;
}
.scd-section .card-full p {
    font-size: 20px;
    color: #ebebeb;
    line-height: 160%;
    font-weight: 400;
}
.scd-section .card-full .m-520 p {
    font-size: 16px;
}
.scd-section .card-full .card-link {
    position: absolute;
    bottom : 100px;
    left: 50px;
}
.scd-section .card-full .card-link.m-520 {
    bottom : 75px;
    left: 20px;
}
.scd-section .card-full a {
    padding : 18px 30px;
    text-decoration: none;
    color: #ebebeb;
    background-color: #2D388A;
    border-radius: 28px;
    font-size: 20px;
    font-weight: 600;
}
.scd-section .card-full .m-520 a {
    font-size: 16px;
    padding: 18px 24px;
}
.scd-section .card-full .m-520 a::after {
    width: 30px;
    height: 10px;
    margin-left: 10px; 
}
.swiper-slide {
    opacity: 0.4;
}
.swiper-slide-active {
    opacity: 1;
}
.swiper-pagination {
    z-index: 10;

}
.swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background-color: #fff;
    opacity: 1;
    margin: 0 8px !important;
}
.swiper-pagination-bullet-active {
    /* opacity: 1; */
    background-color: #2d388a;
}
.slick-slide {
    margin: 0 20px;
}
.slick-pagination-bullet {
    display: block;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: #fff;
    opacity: 1;
    margin: 0 8px !important;
}
.slick-dots .slick-active .slick-pagination-bullet{
    /* width: 100px; */
    background-color: #2d388a;
}
.slick-pagination-bullet-active {
    /* opacity: 1; */
    background-color: #2d388a;
}


/*비디오엔드 설명*/
.promotion-01 {
    height: 900px;
    background-image: url("../img/corporate/img-7.jpg");
    width: 100%;
    padding-top: 140px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    color: #ebebeb;
    max-height: 100vh;
}
.promotion-01 .container h4.text-purple, h4.text-purple {
    font-weight: 600;
    font-size: 24px;
}
.promotion-01 .container .section-subtitle {
    font-weight: 500;
    font-size: 30px;
    color: #fff;
    margin-bottom: 5px;
}
.promotion-01 .container .section-title {
    font-size: 55px;
    font-weight: 800;
    color: #fff;
}
.promotion-01 .container .coper-img img{
    object-fit: contain;
    width: 100%;
    height: 100%;
    filter: drop-shadow(1px, 1px, 5px, rgba(0, 0, 0, 0.7));
}
.promotion-01 .container .section-desc {
    margin-bottom: 60px !important;
}
.promotion-01 .container h4.text-purple.m-520 {
    font-weight: 600;
    font-size: 19px;
}
.promotion-01 .container .m-520 .section-subtitle {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    margin-bottom: 5px;
}
.promotion-01 .container .m-520 .section-title {
    font-size: 36px;
    font-weight: 800;
    color: #fff;
}
.promotion-01 .container .m-520 .section-desc {
    font-size: 16px;
    margin-bottom: 60px !important;
    font-weight: 300;
}
.promotion-01 .container .m-520 .coper-img {
    width: 90vw;
    height: 100%;
    margin: auto;
}

.container .center-link a {
    display: block;
    margin: auto;
    padding: 10px 24px;
    background-color: #2D388A;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    font-weight: 300;
    max-width: 350px;
    border-radius: 28px;
    text-align: center;
    transition: all 0.5s;
}
.container .center-link a:hover {
    background-color: #00ADEE;
    transition: all 0.5s;
}

/*promotion-02*/
.promotion-02 .container {
    overflow-x: unset;
}

/*System solution*/
.container .title {
    color: #fff;
    font-weight: 800;
    font-size: 50px;
}
.container .title.m-520 {
    color: #fff;
    font-weight: 800;
    font-size: 24px;
}
.scd-swiper .swiper-slide {
    opacity: 1;
}
.section .scd-section .card {
    position: relative;
    width: 360px;
    height: 480px;
    border-radius: 24px !important;
    background-color: #2d388a;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    isolation: isolate;
    transition: all 0.8s;
}
.section .scd-section .card:hover {
    transition: all 0.8s;
}
.section .scd-section .card:hover {
    background-position: left;   
}
.section .scd-section .card.h-right:hover {
    background-position: right;
    
}
.section .scd-section .card::after {
    content: '';
    position: absolute;
    background: #000;
    border-radius: 24px;
    z-index: -1;
    inset: 0;
    opacity: 0.6;
    transition: all 0.5s;
}
.section .scd-section .card:hover::after {
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 15%, rgba(0,0,0,0) 100%);
    opacity: 1;
    transition: all 0.5s;
}
.section .scd-section .card-01 {
    background-image: url("../img/corporate/img-8.jpg");
}
.section .scd-section .card-02 {
    background-image: url("../img/corporate/img-9.jpg");
}
.section .scd-section .card-03 {
    background-image: url("../img/corporate/img-10.jpg");
}
.section .scd-section .card-04 {
    background-image: url("../img/corporate/img-11.jpg");
}
.section .scd-section .card-05 {
    background-image: url("../img/corporate/img-12.jpg");
}
.section .scd-section .card .card-body h6 {
    color: #fff !important;
    font-size: 24px;
    font-weight: 700;
}

.section .scd-section .card .card-body:first-child h6 {
    position: absolute;
    bottom: 18px;
    left: 40px;
}
.section .scd-section .card .section-media {
    margin: 35px 0 38px;
    text-align: center;
}
.section .scd-section .card .card-body {
    position: absolute;
    left: 0; right: 0; bottom: 18px;
}
.section .scd-section .card:hover .card-body:first-child { opacity: 1; }
.section .scd-section .card .card-body:last-child { opacity: 0; }
.section .scd-section .card:hover .card-body:first-child { 
    opacity: 0;
    transition: .5s;
}
.section .scd-section .card:hover .card-body:last-child { 
    opacity: 1;
    transition: .5s;
}
.section .scd-section .card .card-body p {
    font-size: 16px;
    font-weight: 300;
    color: #fff !important;
    text-align: left;
    word-break: break-word;
    /* letter-spacing: -.04em; */
}
/* .section .scd-section .card .card-body:last-child p {
    font-size: 22px;
} */

/* 3rd-section (wording) */
.section.service .section-subtitle {
    margin-bottom: 10px;
    color: #aaa;
    font-size: 16px;
    font-weight: 400;
}
.section.service .section-desc {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.04em;
}
.section.service .section-btn {
    padding: 8px 12px;
    border: 1px solid #c8c8c8;
    font-size: 14px;
    font-weight: 400;
    color: #555;
}
.ui-section {
 margin-bottom: 100px;   
}
.ui-section .container {
    max-width: 1100px;
}
.ui-section .container ul {
    /* float: right; */
    color: #ccc;
    font-weight: 300;
    font-size: 16px;
}
.ui-section .container.m-520 img {
    width: 100%;
    object-fit: contain;
}
.section-word {
    width: 100%;
    color: #ebebeb;
    text-align: center;
    border-radius: 36px;
    font-size: 24px;
    border: 2px solid #FFCAA3;
    background-color: rgba(255, 202, 163, 0.2);
}
.section-word.blue {
    background-color: rgba(14, 41, 84, 0.3);
    border: 2px solid #0049BF;
}
/*띠배너*/
.middle-banner {
    background-image: url("../img/corporate/img-13.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.middle-banner .container {
    max-width: 1100px;
    color: #fff;
}
.middle-banner .d-flex div {
    font-weight: 300;
    font-size: 36px;
}
.middle-banner .d-flex div strong{
    font-weight: 600;
    font-size: 36px;
    margin-left: 30px;
}
.middle-banner .d-flex div.m-520 {
    margin-left: 10px;
}
.middle-banner .d-flex div.m-520 strong{
    margin-left: 0px;
}
.middle-banner.middle-banner-02 {
    background-image: url("../img/corporate/img-16.jpg");
}
.banner-link{
    padding : 12px 48px;
    color: #2D388A;
    border-radius: 31px;
    border: 2px solid #2D388A;
    text-align: center;
    background-color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
}
.banner-link:hover{
    color: #fff;
    background-color: #2D388A;
    border: 2px solid #fff;
    cursor: pointer;
}

/*r-service*/
.service .row {
    /* top: auto; */
    /* bottom: 0; */
    margin-bottom: 80px;
}
.service .container {
    padding-bottom: 80px;
}

.service::after {
    position: absolute;
    content: " ";
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    height: 0.5px;
    bottom: 0;
    background-color: #bdbdbd;

}
.service .sub-title {
    font-size: 24px;
    color: #fff;
    font-weight: 300;
    margin-bottom : 90px;
}
.service .sub-title.m-520 {
    font-size: 16px;
    margin-bottom: 80px;
}
.service .r-service .r-service-wrapper {
    position: relative;
    height : 400px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 24px;
    overflow: hidden;
}
.service .r-service .r-service-wrapper::after {
    border-radius: 24px;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.5s;
}
.service .r-service .r-service-wrapper:hover::after {
    background-color: rgba(0, 0, 0, 0);
    transition: all 0.5s;
}

.service .r-service .r-service-01 {
    background-image: url("../img/corporate/img-14.jpg");
}
.service .r-service .r-service-02 {
    background-image: url("../img/corporate/img-15.jpg");
}
.service .r-service .section-text {
    position: absolute;
    z-index: 2;
    padding: 40px;
    padding-bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 100%);
    /* height: auto; */
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s;
}
.service .r-service .r-service-wrapper:hover .section-desc {
    margin-top: 30px;
    height: auto;
}
.service .r-service .section-text .section-title {
    font-weight: 600;
    font-size: 24px;
    color: #ebebeb;
    margin-bottom: 0;
}
.service .r-service .section-text .section-desc.n-520 {
    font-weight: 300;
    font-size: 16px;
    color: #e0e0e0;
    height: 0;
    overflow: hidden;
    transition: all 0.5s;
}
.service .r-service .r-service-wrapper:hover .section-text .section-desc.n-520 {
    height: 80px;
    margin-top: 30px;
    transition: all 0.5s;
}

.service .r-service .section-text .section-desc.m-520 {
    font-weight: 300;
    font-size: 14px;
    color: #e0e0e0;
    margin-top: 20px;
}
.service .container .center-link a{
    max-width: 215px;
    font-weight: 600;
}
.sx-section h4 {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 62px;
}
.sx-section .row div {
    color: #ebebeb;
    font-size: 24px;
    letter-spacing: -0.4%;
    gap: 40px;
}
.sx-section .row > div b {
    font-weight: 600;
    width: 100px;
}
.sx-section .row > div p  {
    font-weight: 300;
}
.sx-section .row > div p a {
    color: #ebebeb;
    font-size: 24px;
    letter-spacing: -0.4%;
    font-weight: 300;
}
.sx-section .row div.m-520 {
    color: #ebebeb;
    font-size: 16px;
    letter-spacing: -0.4%;
}
.sx-section .row > div.m-520 b {
    font-weight: 600;
    font-size: 18px;
}
.sx-section .row > div.m-520 p  {
    font-weight: 300;
}
.sx-section .row > div.m-520 p a {
    color: #ebebeb;
    font-size: 16px;
    letter-spacing: -0.4%;
    font-weight: 300;
}
.sx-section iframe {
    height: 450px;
}

/* Footer */
.footer {
    background-color: #282828;
    color: #fff;
}
.footer .address {
    margin: 4px 0 30px;
    font-size: 16px;
    letter-spacing: -.04em;
    color: #ccc;
}
.footer .copyright {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.04em;
    color: #bdbdbd;
}
/*햄버거 메뉴 추가*/
.header-toggle {
    display: none;
}
.toggle-menu {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 111;
    top: 0;
    left: 100vw;
    transition: all 0.5s;
}
.toggle-back {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.4);
}
.toggle-menu > ul {
    position: absolute;
    background-color: #000;
    height: calc(100vh - 62px);
    z-index: 3;
    right: 0;
    width: 30%;
    top: 62px;
    box-sizing: border-box;
    padding: 20px;
}
.toggle-menu ul li {
    list-style: none;
}
.toggle-menu .depth-02 {
    padding : 0;
    height: 0;
    overflow: hidden;
    transition: all 0.5s;
}
.toggle-menu .depth-02 a {
    background-color: rgba(255, 255, 255, 0.1);
}
.toggle-menu ul li a {
    text-decoration: none;
    color: #ebebeb;
    display: block;
    padding: 8px;
    border-top: 1px solid #666;
}
.down-arrow {
    position: relative;
}
.down-arrow::after {
    content: ">";
    position: absolute;
    right: 10px;
    transform:rotate(270deg);
    transition: all 0.5s;
}
.down-arrow.show::after {
    transform: rotate(90deg);
}
.down-arrow.show + .depth-02 {
    height: 150px;
}
.down-arrow.show.down-service + .depth-02 {
    height: 114px;
}
.toggle-menu.on {
    left: 0;
}

.slick-track {
}


/* Responsive Web Design */
@media screen and (min-width: 992px) {
    /* 3rd-section (Partner) */
    .section .trd-section .row > .col-lg-3{ width: 20%; }

    /* Swiper */
    .scd-swiper .swiper-slide { width: 22.5%; }
    .swiper-slide { width: 33.33333333%; }
}
@media screen and (max-width: 992px) {
    /* Global */
    .section .container .category.section-subtitle,
    /* .section.service { padding-bottom: 0; text-align: center; } */

    /* Header */
    .header .container.d-flex { justify-content: space-between; align-items: center; }
    .header .container .header-logo { margin-right: 0; }
    .header .container .header-btn { margin-left: 0; }
    .header .container .header-mobile-nav-toggler { display: none; }
    .header .header-nav { display: none;}
    .header .header-toggle {border-radius: 0; margin: 0; display: block; width: 24px; height: 24px; background-position: center; background-image: url("../img/icon/icon-menu.svg"); background-color: transparent; border: none; background-repeat: no-repeat;}


    /* 1st-section */
    .r1-row { padding-bottom: 0 !important; margin-bottom: 0 !important; }
    .r2-row { margin-top: 1rem !important; margin-bottom: 0 !important; }

    /* 3rd-section (Partner) */
    .section .trd-section .row > .col-lg-3 { width: 33.333%; }

    /* 4th-section (Service) */
    .section.service .r-reverse{ flex-direction: column-reverse; }
    .section.service .r-reverse .section-media { margin: 2rem 0; }

    /* Swiper Preview */
    .swiper-container {overflow: visible;}
    .swiper-slide {opacity:0.4; transition:opacity 0.3s;}
    .swiper-slide-active, .swiper-slide-active + .swiper-slide {opacity:1}
    .swiper-slide-active, .slick-active {opacity:1}
}
@media screen and (max-width: 767px) {
    /* Header */
    body {
        width: 100vw;
        overflow-x: hidden;
    }
    html {
        width: 100vw;
        overflow-x: hidden;
    }
    .header .container.d-flex { justify-content: space-between; align-items: center; }
    .header .container .header-logo { margin-right: 0; }
    .header .container .header-btn { margin-left: 0; }
    .header .container .header-mobile-nav-toggler { display: none; }
    .toggle-menu > ul {
        position: absolute;
        height: calc(100vh - 62px);
        z-index: 3;
        right: 0;
        width: 50%;
        top: 62px;
    }
    /* Footer */
    .n-767 { display: none; }
    .m-767 {display: block; }
    .promotion-01 {
        height: auto;
        margin-bottom: 48px;
    }
    
    .service .r-service .r-service-wrapper {
        height: 310px;
    }
    
.service .r-service .section-text .section-title {
    font-size: 22px;
}
.service .row {
    margin-bottom: 30px;
}
    /* Swiper Preview */
    .swiper-slide-active + .swiper-slide {opacity: 0.4}
    .container .center-link a {
        font-size: 14px;
        max-width: 250px;
    }
    .ui-section {
        margin-bottom: 60px;
    }
    .ui-section .d-flex {
        margin-bottom: 10px !important;
        padding: 2px !important;
    }
    .ui-section .section-word {
        width: 100%;
        border-radius: 36px;
        font-size: 9px;
    }
    .ui-section .container ul {
        float: right;
        font-size: 9px;
        margin-right: 20px;
    }
    .middle-banner .d-flex div {
        font-size: 16px;
    }
    .middle-banner .d-flex div strong {
        font-size: 16px;
        display: block;
    }
    .banner-link {
        padding: 12px 20px;
        border-radius: 31px;
        font-size: 12px;
    }
    .sx-section h4 {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 5px;
    }
    .sx-section iframe {
        height: 220px;
    }
}
@media screen and (max-width: 560px) {
    .swiper-slide-active .card::after {
        background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 15%, rgba(0,0,0,0) 100%) !important;
        opacity: 1 !important;
        transition: all 0.5s;
     }
    /* Global */
    .section { padding: 2rem 0; }
    .section .container .category.section-subtitle { margin: 40px 0 !important }
    .section .scd-section .card .card-body:first-child h6 {
        left: 8px;
        bottom: 0px;
    }
    /* 2nd-section (Business) */
    .scd-swiper .swiper-slide { width: 245px; }
    .swiper-slide-active .card .card-body:first-child { 
        opacity: 0;
        transition: .5s;
    }
    .swiper-slide-active .card .card-body:last-child { 
        opacity: 1 !important;
        transition: .5s;
        bottom: 0;
    }
    .section .scd-section .card { width: 240px; height: 275px; }
    .section .scd-section .card h6 { font-size: 18px !important; }
    
    .section .scd-section .card .section-media { width: 100px; height: 100px; margin: 20px auto 30px; }
    .section .scd-section .card .card-body { padding-left: 0 !important; padding-right: 0 !important;}
    .section .scd-section .card .card-body:last-child { padding-left: 8px !important; padding-right: 8px !important;}
    /* .section .scd-section .card .card-body h6 { margin-left: 20px; } */
    .section .scd-section .card .card-body p { font-size: 12px !important; }
    .section .scd-section .card .card-body:last-child p { margin-top: 20px !important; line-height: 22px !important;}

    /* 3rd-section (Partner) */
    .trd-section { padding-bottom: 0; }
}
@media screen and (max-width: 520px) {
    /* Global */
    .section .section-title { font-size: 20px; letter-spacing: -.04em; }
    .section .container .category.section-subtitle { font-size: 28px !important; }
    .m-520 { display: block; }
    .n-520 { display: none; }
    
    .main-img-0 {
        object-position: 80% 50%;
    }
    .main-img-2 {
        object-position: 40% 50%;
    }
    /* 1st-section */
    .section.section-hero .section-hero-content .hero-title { font-size: 2rem; }
    .section.section-hero .dev_keyword { font-size: calc(1rem + .6vw); }

    /* 2nd-section (Business) */
    #business { padding: 0 16px; margin-bottom: 0 !important; }
    
    /* 3rd-section (Partner) */
    .r_partners { font-size: 20px !important; }
    
    /* 4th-section (Service) */
    .section.service .section-desc { font-size: 12px; }
    .section.service .section-subtitle.sm { font-size: 12px; }
    .section.service .r-reverse-wrapper .section-media { width: 160px; height: 160px; margin: 0 auto 40px;}
    .section.service .r-reverse-wrapper .r-service { padding-right: 0; padding-left: 0; }
    
    /* 5th-section (SI & R&D) */
    .r-team { padding-bottom: 0 !important; }
    .r-team .m-520 { margin-bottom: 0 !important; }
    #team > .display-6 { font-size: 24px; }
    .fv-section .container .category.section-subtitle { margin: 64px 0 !important }
    .fv-section .container .card-body { text-align: center; }
    .fv-section .container .card-body .position-relative { margin: 0 auto }
    .fv-section .container hr { margin: 3rem 0; }
    .fv-section .container h4 { font-size: 18px; margin: 24px 0 12px;}
    .fv-section .container .card-body .m-520 { letter-spacing: -.04em; }

    /* 6st-section (Contact Us) */
    .sx-section { padding-bottom: 0; }
    .sx-section .m-520 { margin: 34px 0 !important; text-align: center;}
    #contactUs { text-align: center; }

    /* Footer */
    .footer { padding: 40px 0 10px; }
    .footer h6 { font-size: 18px !important; }
    .footer p { font-size: 12px !important; }
    .footer .address.m-767 { margin: 15px 0 24px; font-size: 12px !important; line-height: 22px; }
    .footer .copyright.m-767 { font-size: 10px !important; line-height: 15px; }
}
@media screen and (max-width: 340px) {
    /* 4th-section (Service) */
    .r-download .ms-2 { margin: 10px 0 0 0 !important;}
}