/*
Theme Name: Enfold Child
Theme URI: http://www.kriesi.at/themes/enfold/
Template: enfold
Author: Kriesi
Author URI: https://kriesi.at
Description: A superflexible and responsive Business Theme by Kriesi - Update notifications available on Facebook and via newsletter: - Join the Facebook Group - Subscribe to our Newsletter
Version: 5.6.9.1704869021
Updated: 2024-01-10 15:43:41
*/

/* 폰트 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp.min.css");

* {
    font-family: 'Pretendard', 'Pretendard JP', Archivo;
}

/* 메뉴바 */

#header_main>div>div>span>a>img {
    padding-top: 20px;
}

.avia-menu-text {
    color: #1E2E53;
    text-align: center;
    font-family: Archivo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.18px;
}

.avia-menu-fx {
    display: none;
}

.av-language-switch-item {
    display: none;
}

.menu-item-has-children>a>span>.wpml-ls-display {
    display: none;
}

.wpml-ls-menu-item .wpml-ls-flag {
    display: inline-block !important;
    width: 22px !important;
    height: 23px !important;
}

.menu-item-language>a>.avia-menu-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}

.menu-item-language:not(.menu-item-language.menu-item-has-children) .avia-menu-text .wpml-ls-flag {
    display: none !important;
}

/* 슬라이더 */
.slider-subtxt {
    font-family: 'Pretendard', 'Pretendard JP';
    color: #CCC;
    font-size: 30px;
    font-weight: 300 !important;
    line-height: normal;
}

/* 공통 */
.title {
    color: #FECB67;
    font-family: Archivo;
    font-size: 70px;
    font-weight: 800;
    line-height: normal;
}

.content {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* technology */
#technology {
    background: url(/wp-content/uploads/2025/06/Mask-group-1.png) no-repeat;
    background-size: cover;
}

.tech-subtxt {
    color: #FFF;
    font-family: Archivo;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    margin-top: 113px;
}

.tech-des {
    color: #FFF;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 20px;
    font-weight: 200;
    line-height: 26px;
    margin-top: 30px;
}

.tech-box {
    border-radius: 20px;
    background: rgba(4, 0, 38, 0.6);
    padding: 35px 45px;
    margin-bottom: 15px;
    transition: background 0.2s ease;
}

.tech-box:hover {
    background: rgba(4, 0, 38, 0.9);
}

.tech-box-title {
    color: #FFF;
    font-family: Archivo;
    font-size: 26px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
}

.tech-box-des {
    color: #DDD;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
}

.tech-title2 {
    color: #222;
    font-family: Archivo;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 30px;
}

.tech-des2 {
    color: #666;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
}

.tech-box-title2 {
    color: #60BBE6;
    font-family: Archivo;
    font-size: 26px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 30px;
}

.tech-box-des2 {
    color: #666;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
}

.tech-box-des2:not(.tech-box-des2.tech-box-lastdes2) {
    margin-bottom: 80px;
}

/* product */

#product {
    background: url(/wp-content/uploads/2025/06/Mask-group-7.png) no-repeat;
    background-size: cover;
}

.product-box {
    border-radius: 20px;
    padding: 90px 0px 40px;
    box-shadow: 4px 4px 7px 2px rgba(102, 102, 102, 0.25);
}

.pro-name {
    text-align: center;
    color: #263B8C;
    font-family: Archivo;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    margin-top: 64px;
}

.pro-name-des {
    color: #222;
    text-align: center;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 20px;
    font-weight: 300;
    line-height: normal;
    margin-top: 9px;
}

.more-btn {
    text-align: center;
    margin: 40px 98px 0;
    padding: 12px 80px;
    border-radius: 28px;
    border: 1px solid #DDD;
    transition: all 0.2s ease;
}

.more-btn:hover {
    background: #263B8C;
}

.more-btn:hover a {
    color: #FFF;
}

.more-btn:hover a::after {
    background: url(/wp-content/uploads/2025/06/Group-24-1.png) no-repeat center center;
}


.more-btn a {
    cursor: pointer;
    color: #666;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
    text-align: center;
    position: relative;
}

.more-btn a::after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    margin-left: 18px;
    background: url(/wp-content/uploads/2025/06/Group-24.png) no-repeat center center;
    background-size: contain;
    top: 3px;
    left: 75px;
}

.pro-section {
    background: url(/wp-content/uploads/2025/06/Group-372.png) no-repeat;
    background-size: cover;
}

.pro-sub-title2 {
    color: #CCC;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 30px;
    font-weight: 400;
    line-height: normal;
    margin-top: 25px;
}

.pro-des2 {
    color: #666;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 20px;
    font-weight: 300;
    margin: 60px 0 100px;
    line-height: 26px;
}

#after_section_4 {
    border: none !important;
}

.pro-title ul {
    list-style: url(/wp-content/uploads/2025/06/Group-81.png);
}

.pro-title li {
    color: #263B8C;
    font-family: Archivo;
    font-size: 48px;
    font-weight: 700;
    line-height: normal;
    padding-left: 15px;
}

.key-flex {
    display: flex;
    padding: 40px 0;
}

.key-flex>div:first-child {
    flex: 1;
}

.key-title {
    color: #60BBE6;
    font-family: Archivo;
    font-size: 26px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 30px;
}

.key-des {
    color: #666;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    /* 144.444% */
}

.key-flex-warp .key-flex:not(:last-child) {
    border-bottom: 1px dashed #DDD;
}

.pro-sub-slick {
    display: flex;
    align-items: center;
}

.pro-thumbnails {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-img:not(.main-img.active) {
    display: none;
}

.thumb.active {
    display: none;
}

.pro-main-image {
    height: 690px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.slick-content {
    height: 380px;
    margin: 10px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 4px 4px 7px 2px rgba(102, 102, 102, 0.25);
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.slick-content>div:first-child {
    display: flex;
    justify-content: center;
}

.slick3d-txt {
    text-align: center;
    color: #263B8C;
    font-family: Archivo;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    margin-top: 30px;
}

.slick-prev:before,
.slick-next:before {
    opacity: 1 !important;
    width: 17px;
    height: 37.09px;
}

.slick-prev {
    left: 40px;
    z-index: 10;
}

.slick-next {
    right: 39px;
    top: 201px;
    z-index: 10;
}

.slick-prev:before {
    content: "" !important;
    display: block;
    background: url(/wp-content/uploads/2025/06/Vector-16.png) no-repeat center center;
    background-size: contain;
}

.slick-next:before {
    content: "" !important;
    display: block;
    background: url(/wp-content/uploads/2025/06/Vector-17.png) no-repeat center center;
    background-size: contain;
}

.dk-spe-warp {
    display: flex;
    column-gap: 18px;
}

.dk-spe-img-warp {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.dk-spe-table-warp {
    flex: 1;
}

.table-th {
    background: #1E2E53;
    color: #FFF;
    font-family: Archivo;
    font-size: 19px;
    font-weight: 500;
    line-height: normal;
    width: 272px;
    padding: 15px 20px;
}

.dk-spe-table-warp>table>tbody>tr>td:not(.table-th) {
    background: #fff;
    text-align: center;
    color: #666;
    font-family: Pretendard;
    font-size: 19px;
    font-weight: 300;
}

.dk-spe-table-warp>table>tbody>tr>td:last-child {
    border-right: none;
}

.table-note {
    color: #666;
    text-align: right;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
}

.pro-section2 {
    background: url(/wp-content/uploads/2025/06/Group-373.png);
}

#after_section_5 {
    border: none;
}

.pro-main-img-warp {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: 626px;
}

.pro-img-warp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-img2:not(.main-img2.active) {
    display: none;
}

.thumb2.active {
    display: none;
}

.key-img {
    display: flex;
    gap: 80px;
    justify-content: center;
}

.key-flex2 {
    padding-bottom: 40px;
    border-bottom: 1px dashed #DDD;
}

.key-flex3 {
    margin-top: 40px;
}

:lang(ja) {
    .key-flex3 .key-des2 {
        padding-right: 20px;
    }
}


.key-title2 {
    color: #222;
    font-family: Archivo;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 30px;
}

.key-des2 {
    color: #666;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
}

.slickauto-warp .slick-next {
    right: 62px;
    top: 188px;
}

#after_section_6 {
    border: none;
}

.pro-section3 {
    background: url(/wp-content/uploads/2025/06/Group-374.png);
}



.main-img3:not(.main-img3.active) {
    display: none;
}

.thumb3.active {
    display: none;
}

.aiot-title {
    color: #222;
    font-family: Archivo;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 30px;
}

.aiot-des {
    color: #666;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
}

#after_section_8 {
    border: none;
}

.app-box {
    border-radius: 20px;
    height: 350px;
    background: #FFF;
    box-shadow: 4px 4px 7px 2px rgba(102, 102, 102, 0.25);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    position: relative;
}

.app-box-title {
    color: #263B8C;
    font-family: Archivo;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 30px;
}

.app-box-des {
    color: #666;
    text-align: center;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 20px;
    font-weight: 300;
    line-height: normal;
}

.app-box.img1::after {
    content: '';
    height: 148px;
    width: 145px;
    position: absolute;
    top: -72px;
    background: url(/wp-content/uploads/2025/06/Group-378.png);
}

.app-box.img2::after {
    content: '';
    height: 148px;
    width: 145px;
    position: absolute;
    top: -72px;
    background: url(/wp-content/uploads/2025/06/Group-379.png);
}

.app-box.img3::after {
    content: '';
    height: 148px;
    width: 145px;
    position: absolute;
    top: -72px;
    background: url(/wp-content/uploads/2025/06/Group-380.png);
}

.slick-app.slickauto-warp .slick-next {
    top: 211px;
}

.app-title {
    color: #243886;
    font-family: Archivo;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 30px;
}

.app-des {
    color: #666;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
}

#after_section_10,
#after_section_11 {
    border: none;
}

.app-title.black-title {
    color: #222;
}

.company-des {
    color: #666;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-top: 60px;
}

#applications {
    background: url(/wp-content/uploads/2025/07/Group-369-scaled.png) no-repeat;
    background-size: cover;
    padding-bottom: 300px;
}

.section-his .container {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.his-flex {
    display: flex;
    overflow-x: auto;
    overflow-y: auto;
    cursor: grab;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.his-flex::-webkit-scrollbar {
    display: none;
}

.his-warp {
    min-width: 600px;
    width: 600px;
    flex-shrink: 0;
    position: relative;
    padding: 60px 100px 20px;
    overflow: visible;
}

.his-title {
    color: #60BBE6;
    font-family: Archivo;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 30px;
}

.his-list li {
    color: #666;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    padding-left: 18px;
    padding-bottom: 30px;
}

.his-list ul {
    list-style: '-';
}

.his-flex .his-warp {
    margin: 20px 0 0;
}

.his-flex .his-warp:first-child {
    margin-left: 15%;
}

.his-flex::before {
    content: "";
    position: absolute;
    top: 25px;
    left: 0;
    width: 125vw;
    border-top: 1px dashed #ddd;
    z-index: 1;
    display: inline;
}

.his-flex .his-warp:first-child::after {
    content: '';
    background: url(/wp-content/uploads/2025/06/Group-371.png) no-repeat center center;
    background-size: contain;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 95px;
    top: -9px;
    z-index: 10;
}

.his-flex .his-warp:not(.his-warp:first-child)::after {
    content: '';
    background: url(/wp-content/uploads/2025/07/Ellipse-19.png) no-repeat center center;
    background-size: contain;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 95px;
    top: -1px;
    z-index: 10;
}

.logo-section .container {
    max-width: 100%;
    padding: 0px;
    margin: 0px;
}

.logo-slick-content {
    margin: 0 60px;
}

.logo-slick-content img {
    height: 100px;
    width: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.contact-section2 {
    padding: 0px;
}

.contact-section2 p {
    margin: 0;
}

.contact-section {
    background-size: cover !important;
    padding: 100px 240px 50px;
}

.contact-content {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #666 !important;
    padding: 10px 0;
}

.contact-name {
    width: 120px;
}

.contact-name,
.contact-sub {
    color: #FFF;
    font-family: Archivo;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
}


#top .input-text,
#top input[type="text"],
#top input[type="input"],
#top input[type="password"],
#top input[type="email"],
#top input[type="number"],
#top input[type="url"],
#top input[type="tel"],
#top input[type="search"],
#top textarea,
#top select {
    margin-bottom: 0 !important;
    background: transparent !important;
    border: none !important;
    color: #AAA !important;
    font-family: Archivo !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#top textarea {
    height: 100px;
    overflow: auto;
}

.contact-div {
    margin-top: 60px;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.contact-btn {
    margin: 10px 0;
    color: #222;
    text-align: center;
    font-family: Archivo;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 14px 125px !important;
    border-radius: 80px;
    background: rgba(255, 255, 255, 0.9);
}

.wpcf7 form.sent .wpcf7-response-output {
    border: none;
    color: #fff;
}


/* 푸터 */
#socket {
    background: #000A48;
}

.footer-wrap {
    display: flex;
    column-gap: 200px;
    padding: 30px 0;
}

.footer-des>div:not(.copy-right) {
    color: #DDD;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}

.footer-des>div>span {
    color: #DDD;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
}

.copy-right {
    color: #BBB;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}

.img-mo {
    display: none !important;
}

.img-pc {
    display: block;
}

.other-flex {
    margin-top: 50px;
    display: flex;
    column-gap: 10px;
}

.other-flex>div {
    flex: 1;
    height: 550px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    row-gap: 20px;
}

.other-div1 {
    position: relative;
    background: url(/wp-content/uploads/2025/06/Mask-group-6.png) no-repeat;
    background-size: cover;
    overflow: hidden;
    border-radius: 25px;
}

.other-div1::after,
.other-div2::after,
.other-div3::after,
.other-div4::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 22px;
    background: black;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
}

.other-div2 {
    position: relative;
    background: url(/wp-content/uploads/2025/06/img_01-1.png) no-repeat;
    background-size: cover;
    overflow: hidden;
    border-radius: 25px;
}

.other-div3 {
    position: relative;
    background: url(/wp-content/uploads/2025/06/img_02-1.png) no-repeat;
    background-size: cover;
    overflow: hidden;
    border-radius: 25px;
}

.other-div4 {
    position: relative;
    background: url(/wp-content/uploads/2025/06/img_03-1.png) no-repeat;
    background-size: cover;
    overflow: hidden;
    border-radius: 25px;
}

.other-title {
    color: #FFF;
    text-align: center;
    font-family: Archivo;
    font-size: 26px;
    font-weight: 600;
    line-height: normal;
}

.other-des {
    color: #FFF;
    text-align: center;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
}

.other-title,
.other-des {
    display: none;
    z-index: 2;
}

.other-div1:hover::after,
.other-div2:hover::after,
.other-div3:hover::after,
.other-div4:hover::after {
    opacity: 0.7;
}

.other-div1:hover .other-title,
.other-div1:hover .other-des,
.other-div2:hover .other-title,
.other-div2:hover .other-des,
.other-div3:hover .other-title,
.other-div3:hover .other-des,
.other-div4:hover .other-title,
.other-div4:hover .other-des {
    display: block;
}

.other-flex2 {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin-top: 50px;
}

.other-div5,
.other-div6,
.other-div7,
.other-div8 {
    height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    padding: 20px;

    position: relative;
    overflow: hidden;
}


.other-div5::after,
.other-div6::after,
.other-div7::after,
.other-div8::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 22px;
    background: black;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
}

.other-title2,
.other-des2 {
    display: none;
    z-index: 2;
}

.other-div5:hover::after,
.other-div6:hover::after,
.other-div7:hover::after,
.other-div8:hover::after {
    opacity: 0.7;
}

.other-div5:hover .other-title2,
.other-div5:hover .other-des2,
.other-div6:hover .other-title2,
.other-div6:hover .other-des2,
.other-div7:hover .other-title2,
.other-div7:hover .other-des2,
.other-div8:hover .other-title2,
.other-div8:hover .other-des2 {
    display: block;
}


.other-div5 {
    background: url(/wp-content/uploads/2025/07/Mask-group-4.png) no-repeat;
    background-size: cover;
}

.other-div6 {
    background: url(/wp-content/uploads/2025/07/Mask-group-5.png) no-repeat;
    background-size: cover;
}

.other-div7 {
    background: url(/wp-content/uploads/2025/07/Mask-group-6.png) no-repeat;
    background-size: cover;
}

.other-div8 {
    background: url(/wp-content/uploads/2025/07/Mask-group-7.png) no-repeat;
    background-size: cover;
}

.other-title2 {
    color: #FFF;
    text-align: center;
    font-family: Archivo;
    font-size: 26px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 30px;
}

.other-des2 {
    color: #FFF;
    text-align: center;
    font-family: 'Pretendard', 'Pretendard JP';
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
}

/* 일본어 */
:lang(ja) .more-btn {
    padding: 12px 60px;
}

:lang(ja) .contact-sub {
    flex: 1;
}

:lang(ja) .contact-name {
    width: 162px;
}

:lang(ja) .contact-txt {
    padding-left: 35px;
}

:lang(ja) .tech-subtxt {
    line-height: 36px;
}

/* 한국어 */
:lang(ko) {
    word-break: keep-all;
}

:lang(ko) .table-th {
    padding: 12px 20px;
}

.sub-menu {
    position: relative !important;
}

#revolutionslider_1 {
    display: block;
}

#revolutionslider_2 {
    display: none;
}

/* 1440px */
@media screen and (max-width: 1440px) {
    .his-flex .his-warp:first-child {
        margin-left: 0px;
    }

    .contact-section {
        padding: 100px 50px 50px;
    }
}

@media screen and (max-width: 1024px) {
    .more-btn {
        margin: 40px 30px 0;
    }

    .dk-spe-warp {
        flex-direction: column;
    }

    .dk-spe-img-warp {
        flex-direction: row;
        justify-content: space-evenly;
    }

    .slickauto-warp .slick-next {
        right: 35px;
        top: 140px;
    }

    .slick-app.slickauto-warp .slick-next {
        top: 143px;
    }

    .sub-menu {
        width: 115px !important;
    }

    .app-box-title {
        font-size: 28px;
    }

    .app-box-des {
        font-size: 17px;
    }

    .app-box {
        margin-top: 30px;
    }
}

@media screen and (max-width: 758px) {
    .tech-box-title2 {
        margin-top: 40px;
    }

    .slick-content2 {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .slickauto-warp .slick-next {
        top: 50%;
    }

    .app-box {
        margin-bottom: 70px;
    }

    .slick-app.slickauto-warp .slick-next {
        top: 50%;
    }

    .pro-title li {
        margin-top: 50px;
    }

    .contact-section2 {
        padding: 0 !important;
    }

    .img-mo {
        display: block !important;
    }

    .img-pc {
        display: none;
    }

    #revolutionslider_1 {
        display: none;
    }

    #revolutionslider_2 {
        display: block;
    }

    .slider-subtxt {
        font-size: 20px !important;
        line-height: normal !important;
        text-align: center !important;
    }
}

@media screen and (max-width: 500px) {
    .title {
        font-size: 50px;
    }

    .tech-subtxt {
        margin-top: 35px;
    }

    .tech-des {
        margin-bottom: 30px;
    }

    .tech-title2 {
        line-height: 40px;
    }

    .tech-des2 {
        font-size: 19px;
        line-height: 25px;
    }

    #top .flex_column_table.av-equal-height-column-flextable.av-mcbcaa2t-a4a985aae0e29c136dfae4efe06e2c04 {
        margin-top: 20px !important;
    }

    .pro-title li {
        font-size: 40px;
    }

    .dk-spe-img-warp {
        row-gap: 0px;
        flex-direction: column !important;
    }

    .dk-spe-table-warp {
        overflow-x: auto;
        width: 100%;
    }

    .dk-spe-table-warp table {
        min-width: 600px;
        border-collapse: collapse;
    }

    .table-th {
        font-size: 17px;
        width: 220px;
    }

    .dk-spe-table-warp>table>tbody>tr>td:not(.table-th) {
        font-size: 17px;
    }

    .table-note {
        font-size: 15px;
    }

    .key-img {
        display: flex;
        gap: 80px;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .pro-img-warp {
        overflow: auto;
    }

    .pro-img-warp img {
        max-width: 100%;
        height: auto;
        display: block;
        margin-bottom: 8px;
    }

    .pro-title {
        margin-bottom: 20px;
    }

    #company {
        margin-bottom: 0 !important;
    }

    .his-warp {
        min-width: 420px;
        width: 420px;
        padding: 60px 10px 20px;
    }

    .his-flex .his-warp:first-child::after {
        left: 10px;
    }

    .his-flex .his-warp:not(.his-warp:first-child)::after {
        left: 10px;
    }

    .logo-slick-content {
        margin: 0 20px;
    }

    .footer-wrap {
        flex-direction: column;
    }

    .pro-thumbnails {
        overflow: auto;
    }

    :lang(ja) {
        .tech-box-title {
            letter-spacing: -3px;
        }
    }
}