@font-face {
    font-family: 'Paperlogy8';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy7';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy5';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy6';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy4';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy2';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

#fp-nav ul li a span {
    background: #ABABAB !important;
}

#fp-nav ul li a.active span {
    background: #37679D !important;
}


#socket {
    background: #222;
}

.footer {
    display: flex;
    justify-content: space-between;
}

.footer-div>div {
    color: #CCC;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
}

.footer>div:nth-child(2) {
    display: flex;
    align-items: flex-end;
}

.footer-div>div:nth-child(2) {
    margin-top: 17px;
}

.footer-div02 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.footer-div02>div:nth-child(2) {
    color: #999;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
}

.footer-div>div>a {
    color: #CCC !important;
}

/*메인페이지*/
:lang(en-US) .partner-loc::after {
    width: 83px;
    left: 235px;
}

:lang(en-US) .click-btn-div>* {
    text-transform: uppercase;
}

.avia-section.av-m347wpca-78bb4cb4d4f21f68106eda5de30cf5a0,
.avia-section.av-m35ialdt-046979a9757333d6ac17621756ccd28c {
    background-size: cover;
}

.rs-parallax-wrap {
    width: 100% !important;
    padding: 0 22px 0 0;
}

.slider-sub-title {
    width: 100% !important;
}

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding: 0 !important;
}

main.template-page.content.av-content-full.alpha.units {
    padding: 0 !important;
}

.slider-title {
    font-family: 'Paperlogy8' !important;
    font-size: 60px;
    font-weight: 800;
    line-height: normal !important;
}

.slider-sub-title {
    font-family: 'Paperlogy5' !important;
    font-size: 40px;
    line-height: normal !important;
    padding-top: 80px;
}

.page-id-77 #av_section_2,
.page-id-77 #av_section_3,
.page-id-77 #av_section_4,
.page-id-77 #av_section_5 {
    background-size: cover;
}

.main02-title {
    font-family: 'Paperlogy8' !important;
    color: #444;
    font-size: 64px;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 25px;
    padding-top: 57px;
}

.main02-des {
    color: #666;
    font-size: 20px;
    font-weight: 400;
    line-height: 29px;
    padding-bottom: 135px;
}

.slick-btn {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 18px;
}

.slick-btn>div {
    display: flex;
    align-items: center;
}

.page-indicator {
    color: #AAA;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}

.current-page {
    padding-left: 25px;
    color: #AAA;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}

.page-slash {
    padding: 0 10px;
}

.total-pages {
    color: #222;
    font-size: 20px;
    font-weight: 400;
    padding-right: 25px;
    line-height: normal;
}


.slick-content01 {
    padding-right: 25px;
}

.slick-content01>div,
.slick-content02>div {
    padding: 0 27px;
    position: relative;
    top: -58px;
    color: #FFF;
    font-size: 21px;
    font-weight: 500;
    line-height: normal;
}

.click-title {
    color: #FFF;
    font-family: 'Paperlogy6' !important;
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: -1.5px;
    word-break: keep-all;
}

.click-title>.color {
    color: #89BCF5;
    font-family: 'Paperlogy5' !important;
    font-size: 25px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 25px;
}

.click-line {
    margin: 25px 0;
    height: 3px;
    width: 225px;
    background: #D9D9D9;
}

.clisk-des {
    color: #FFF;
    font-size: 20px;
    font-weight: 200;
    line-height: 25px;
    letter-spacing: -0.6px;
    word-break: keep-all;
}

.click-btn-div {
    margin: 0 20px;
}

.click-btn-div>div {
    border-radius: 25px;
    padding: 38px 46px;
    cursor: pointer;
}

.click-btn-div>div {
    font-family: 'Paperlogy5' !important;
    font-size: 27px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.81px;
}

.click-btn-div>div:not(.active-btn) {
    background: rgba(33, 33, 43, 0.6);
    color: #FFF;
}

.click-btn-div>.active-btn {
    background: rgba(225, 225, 225, 0.9);
    color: #444;
}

.click-btn-div>div:not(:last-child) {
    margin: 0 0 55px;
}

.click-btn-div>div>.color {
    color: #89BCF5;
    font-family: 'Paperlogy4' !important;
    font-size: 25px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.75px;
    margin-bottom: 15px;
}

.partner {
    display: flex;
}

.partner-list {
    flex: 1;
}

.partner-div {
    margin-bottom: 25px;
}

.partner-loc {
    color: #37679D;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 14px;
    position: relative;
}

.partner-loc::after {
    display: block;
    content: '';
    position: absolute;
    background: #DDDDDD;
    height: 1px;
    width: 125px;
    top: 10px;
    left: 100px;
}

.partner-name {
    color: #666;
    font-size: 18px;
    font-weight: 300;
    line-height: 29px;
}

.main04-title {
    font-family: 'Paperlogy8' !important;
    color: #444;
    font-size: 64px;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 50px;
}

.main-section05 .template-page {
    padding-top: 0;
}

.main05-title {
    font-family: 'Paperlogy8' !important;
    color: #444;
    font-size: 64px;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 50px;
    text-align: center;
}

.short-t-box {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 19px;
}

.short-t-box>div:first-child {
    font-family: 'Paperlogy5' !important;
    color: #123c6b;
    font-size: 25px;
    line-height: normal;
}

.short-t-box>div:last-child {
    color: #888888;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    letter-spacing: 1px;
    position: relative;
    padding-right: 15px;
    padding-top: 4px;
}

.short-t-box>div:last-child a {
    color: #888888 !important;
}

.short-t-box>div:last-child::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 52%;
    border: solid #888888;
    border-width: 2px 2px 0 0;
    transform: translateY(-50%) rotate(45deg);
}

.short-content table {
    border-bottom: none !important;
}

.short-content td {
    padding: 14px 0 !important;
    background-color: #ffffff !important;
    border: none !important;
}

.short-content tr td:first-child {
    width: 80% !important;
}

.short-content tr td:last-child {
    width: 20% !important;
    text-align: right !important;
}

.short-content .kboard-latest-title a {
    color: #666666;
    font-size: 18px;
    line-height: normal;
}

.short-content .kboard-latest-title a:hover {
    color: #444444;
}

.short-content .kboard-latest-date {
    color: #888888;
    font-size: 18px !important;
    font-weight: 200;
    overflow: hidden;
}

#kboard-default-list .kboard-pagination .kboard-pagination-pages li a {
    background-color: #ffffff !important;
}

#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a {
    font-weight: bold;
}

.page-id-77 #av_section_1 {
    background: #eaeaea;

}

@media screen and (max-width:1024px) {
    .footer {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .slick01 {
        display: none !important;
    }


    .av-106u5-4f93a7bbcdc769cb7cfc397916eee4e3.av-align-bottom {
        vertical-align: middle !important;
    }

}

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

    .short-content tr td:first-child {
        width: 44% !important;
    }

    .main02-des {
        padding-bottom: 0 !important;
    }

    .slick-list {
        padding: 30px;
    }

    .slider-title {
        line-height: 60px !important;
        text-align: center !important;
        font-size: 55px !important;
    }

    .slider-sub-title {
        line-height: 60px !important;
        text-align: center !important;
        font-size: 37px !important;
        padding-top: 100px !important;
    }

    .page-id-77 #av_section_1 {
        height: 948px;
    }

    .post-entry-77:first-child {
        height: 100%;
    }

    .av-m35dk477-aeb70c1de9bfcf82d286771d85095e29 {
        display: flex !important;
        flex-direction: column !important;
    }

    .av-m35dk477-aeb70c1de9bfcf82d286771d85095e29>* {
        width: 100% !important;
    }

    #top .flex_column_table.av-equal-height-column-flextable.av-106u5-4f93a7bbcdc769cb7cfc397916eee4e3 {
        margin-bottom: 50px !important;
    }

    .main-click01 .clisk-des>br:nth-child(2) {
        display: none;
    }

    .clisk-des {
        margin-bottom: 50px;
        word-break: keep-all;
    }

    .ks-main03 {
        background-size: cover;
    }
}

@media screen and (max-width:425px) {
    .slider-title {
        max-width: 400px;
        white-space: normal;
        word-wrap: break-word;
        word-break: break-word;
        overflow-wrap: break-word;
    }

    .slider-sub-title {
        white-space: normal;
        word-wrap: break-word;
        word-break: break-word;
        overflow-wrap: break-word;
    }

    .position-slider {
        top: 230px !important;
    }


    .page-id-77 #av_section_1 {
        height: 638px
    }

    .slider-sub-title {
        font-size: 20px !important;
        padding-top: 50px !important;
        line-height: normal !important;
        word-break: keep-all;
    }

    .click-btn-div {
        margin: 0;
    }

    .click-title {
        font-size: 35px;
        line-height: 45px;
        letter-spacing: -2px;
    }


    .click-btn-div>div>.color {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .click-btn-div>div {
        font-size: 25px;
        margin-bottom: 20px !important;
    }

    .main-click02 .clisk-des>br:nth-child(1) {
        display: none;
    }

    .main-click03 .clisk-des>br:nth-child(1) {
        display: none;
    }

    .clisk-des {
        margin-bottom: 20px;
    }

    .partner {
        display: flex;
        flex-direction: column;
    }

    .partner-loc::after {
        width: 253px;
    }

    .main05-title {
        margin-top: 80px;
    }
}

@media screen and (max-width:375px) {
    .page-id-77 #av_section_1 {
        height: 563px
    }

    .position-slider {
        top: 200px !important;
    }

     .slider-sub-title {
        font-size: 20px !important;
        padding-top: 50px !important;
        line-height: normal !important;
    }

}

@media screen and (max-width:320px) {
    .page-id-77 #av_section_1 {
        height: 480px
    }

    .slider-title {

        font-size: 48px !important;
        line-height: 51px !important;
    }

    .position-slider {
        top: 140px !important;
    }

     .slider-sub-title {
        font-size: 20px !important;
        padding-top: 50px !important;
    }

}


/* 서브페이지 공통 */

/* :lang(en-US) .greetingTitleBox {
    padding: 50px;
} */
.container_wrap {
    border-top: none !important;
}

.content-subTitle h1 {
    margin-bottom: 20px !important;
    color: #FFF;
    font-size: 40px !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

.av-subheading_below p {
    font-size: 20px;
    font-weight: 300 !important;
    line-height: normal;
}

.subpage-subMenu-Box>section {
    padding: 0 80px;
}

.subpage-subMenu ul li a {
    display: block;
    height: 100%;
    color: white;
    position: relative;
    padding: 25px 0;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.22px;
    text-transform: uppercase;
}

.subpage-subMenu ul li a:hover {
    color: white;
}

.subpage-subMenu ul li a:after {
    content: "";
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: -6px;
    bottom: -6px;
    margin: auto;
    z-index: -1;
    background: linear-gradient(270deg, #034EA2 0%, #123C6B 100%);
}

.content-subTitle {
    height: 427px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.infoTitleBox {
    position: relative !important;
}

.infoTitleBox:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 267px;
    background: #6B92BE;
    opacity: 0.1;
    right: 0;
    top: -35px;
}

.av-subheading_below p {
    word-break: keep-all;
}

.greetingTitleBox h2 {
    word-break: keep-all;
}

@media screen and (max-width:425px) {
    #after_grid_row_1 {
        display: none;
    }

    .greetingTitleBox h2 {
        line-height: normal !important;
    }

    .greetingTitleBox h2>.name {
        line-height: 50px !important;
    }

    :lang(en-US) h2>.name {
        line-height: normal !important;
    }
}

/* 회사현황 - 파트너사 */
:lang(en-US) .parter-box {
    height: 430px;
}

.company-status-nav {
    display: flex;
    justify-content: center;
    margin-top: 100px;
}

.company-status-nav li {
    list-style: none;
    width: 310px;
    height: 70px;
    background-color: #f5f5f5;
    border-radius: 100px;
    padding: 0;
    margin: 0;
    font-size: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.company-status-nav li:nth-child(2) {
    margin: 0 33px;
}

.company-status-nav li a {
    color: #888888;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.company-status-nav .active {
    background-color: #123C6B;
    color: #fff;
    box-shadow: 2px 2px 10px rgb(0, 0, 0, 0.2);
}

.company-status-nav li a:hover {
    color: #123C6B;
}

.partner-flex {
    display: flex;
    justify-content: flex-start;
    gap: 40px;
    padding: 0 50px;
}

.parter-box {
    height: 398px;
    flex: 1;
    background-color: #fcfcfc;
    border-radius: 20px;
    box-shadow: 2px 2px 6px rgb(0, 0, 0, 0.2);
    margin-bottom: 40px;
    padding: 35px 24px 30px 26px;
}

.parter-box.no-box {
    box-shadow: none !important;
    background: #fff !important
}

.parter-num {
    text-align: right;
    font-size: 50px;
    line-height: normal;
    color: #d7d7d7;
    font-weight: 300;
}

.parter-tit {
    font-size: 20px;
    color: #034EA2;
    font-family: 'Paperlogy6' !important;
    padding-top: 70px;
}

.parter-area {
    font-size: 18px;
    color: #444;
    padding-top: 25px;
}

.parter-txt01 {
    color: #888;
    font-size: 18px;
    padding-top: 30px;
}

.parter-txt02 {
    color: #444;
    font-size: 18px;
    padding-top: 10px;
}

.parter-txt03 {
    color: #888;
    font-size: 18px;
    padding-top: 10px;
}

.parter-txt04 {
    color: #444;
    font-size: 18px;
    padding-top: 5px;
}

@media screen and (max-width:768px) {
    .partner-flex {
        flex-direction: column;
        align-items: center;
    }

    .parter-box {
        width: 318px;
    }

}

@media screen and (max-width:425px) {
    .company-status-nav {
        flex-direction: column;
        align-items: center;
    }

    .company-status-nav li:nth-child(2) {
        margin: 10px 0;
    }

}

/* 오시는길 */

@media screen and (max-width:768px) {
    .page-id-22 .av-4hkj2-6f671fbf80cd7cfb923e0ab04f958eaa {
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }
}

/* 사업분야 */

/*Automobile Seat Frame*/
.page-id-10580 .greetingTitleBox {
    background-image: url(/wp-content/uploads/2024/11/automobile-Seat-Frame.png);
}

/*Automobile parts*/
.page-id-10563 .greetingTitleBox {
    background-image: url(/wp-content/uploads/2024/11/automobile-mold.png);
}

/*Press mold (TRANSFER)*/
.page-id-10593 .greetingTitleBox {
    background-image: url(/wp-content/uploads/2024/11/Press-mold-TRANSFER.png);
}

/*Press mold (PROGRESSIVE)*/
.page-id-10596 .greetingTitleBox {
    background-image: url(/wp-content/uploads/2024/11/Press-mold-PROGRESSIVE.png);
}

.pressTitleBox {
    background-image: url(/wp-content/uploads/2024/11/pressTitleBox.png) !important;

}

.historyTitleBox {
    background-image: url(/wp-content/uploads/2024/11/historyTitleBox.png) !important;

}

.partnerTitleBox {
    background-image: url(/wp-content/uploads/2024/11/partnerTitleBox-1.png) !important;

}

.machineTitleBox {
    background-image: url(/wp-content/uploads/2025/11/코일-와인딩-라인-2-1.png) !important;
}

.machineTitleBox02 {
    background-image: url(/wp-content/uploads/2025/11/하네스-라인-1.png) !important;
}

.boardTitleBox {
    background-image: url(/wp-content/uploads/2025/11/notice-titlebox-1.png) !important;
}

/* APPLIANCE */
.page-id-10604 .greetingTitleBox {
    background-image: url(/wp-content/uploads/2024/11/APPLIANCE.png);
}

.page-id-10609 .greetingTitleBox {
    background-image: url(/wp-content/uploads/2024/11/Press-mold-TRANSFER-electirc.png);
}

.page-id-10614 .greetingTitleBox {
    background-image: url(/wp-content/uploads/2024/11/Press-mold-PROGRESSIVE-electric.png);
}

.business-nav {
    display: flex;
    margin: 0;
    margin-top: 150px;
}

.business-nav li {
    list-style: none;
    margin: 0;
    margin-right: 50px;
}


.business-nav li {
    position: relative;
    list-style: none;
    padding-bottom: 5px;
    /* 밑줄을 위한 공간 */
}

.business-nav li::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    /* 밑줄 두께 */
    background-color: #034ea2;
    /* 밑줄 색상 */
    transition: width 0.5s ease;
    /* 애니메이션 속도와 효과 */
}

.business-nav li:hover::after {
    width: 100%;
    /* 마우스를 올렸을 때 밑줄의 길이 */
}


.business-nav li a {
    color: #888888;
    font-family: 'Paperlogy6' !important;
    font-size: 20px;
    height: 100%;
    display: block;
}

.business-nav li:hover a {
    color: #034EA2;
}

.business-nav .active {
    color: #034EA2;
    font-family: 'Paperlogy6' !important;
    font-size: 22px;
    border-bottom: 1px solid #034ea2;
    padding-bottom: 12px;
}

.business-nav .active:after {
    width: 0 !important;
}

.preview-tit {
    font-size: 50px;
    line-height: normal;
    margin-top: 70px;
    font-family: 'Paperlogy8' !important;
}

.product-accordion-wrap {
    margin-bottom: 200px !important;
}


.product-accordion>section .single_toggle>p {
    font-family: 'Paperlogy6' !important;
    font-size: 27px;
    color: #444444;
    padding: 30px 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #444444;
}

.product-accordion .toggle_icon {
    left: auto;
    right: 0;
    border: none;
    width: 25px;
    height: 25px;
}

.product-accordion .toggle_icon .vert_icon {
    border-left-style: solid;
    border-left-width: 3px;
    position: absolute;
    left: 50%;
    top: 1px;
    height: 24px;
    border-color: #444444;
    border-radius: 15px;
}

.product-accordion .toggle_icon .hor_icon {
    border-top-style: solid;
    border-top-width: 3px;
    position: absolute;
    top: 50%;
    left: 1px;
    width: 24px;
    transform: translateY(-50%);
    border-color: #444444;
    border-radius: 15px;
}

.activeTitle .toggle_icon .vert_icon {
    border: none !important;
}

.product-accordion .toggle_content {
    padding: 45px 0 100px 0;
    background-color: #ffffff !important;
    border: none !important;
}

.product-box {
    display: flex;
    justify-content: space-between;
}

.product-left-box {
    width: 49%;
    height: 588px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-right-box {
    width: 49%;
    padding-top: 90px;
    padding-left: 15px;
}

.product-name {
    font-family: 'Paperlogy6' !important;
    font-size: 25px;
    line-height: normal;
    color: #444;
}

.product-right-box ul {
    margin-top: 35px;
}

.product-right-box ul li {
    font-size: 20px;
    font-weight: 500;
    color: #666666;
    border-bottom: 1px solid #d9d9d9;
    padding: 15px 0;
    margin-left: 0;
    padding-left: 15px;
    list-style: none;
    position: relative;
    width: 452px;
}

.product-right-box ul li::before {
    content: '•';
    position: absolute;
    left: 0;
}

.product-right-box ul li:last-child {
    border-bottom: none;
}

.product-right-box ul li b {
    color: #444444;
    font-weight: 400;
}

@media screen and (max-width:767px) {
    .business-nav {
        margin-top: 0px;
        flex-direction: column;
    }

    .business-nav li:not(.business-nav .active) {
        margin-left: 18px !important;
        padding-bottom: 25px;
    }

    .business-nav li a {
        font-size: 22px;
        line-height: 30px;
    }

    .business-nav li::after {
        display: none;
    }

    .business-nav .active {
        display: flex;
        align-items: flex-start;
        border-bottom: none;
        gap: 8px;
        padding-bottom: 25px;
        font-size: 25px;
        line-height: 30px;
    }

    .business-nav .active::before {
        content: '\f0da';
        font-family: 'Font Awesome 6 Free' !important;
        font-weight: 900;
        color: #034ea2;
        flex-shrink: 0;
    }

    .product-accordion>section .single_toggle>p {
        font-size: 23px;
    }

    .product-box {
        display: flex;
        flex-direction: column;
    }

    .product-left-box {
        width: 100%;
        height: auto;
        padding: 0 60px;
    }

    .product-right-box ul li {
        width: 100%;
        padding: 15px 60px;

    }

    .product-right-box {
        width: 100%;
        padding-top: 50px;
    }

    .product-accordion .toggle_content {
        padding: 45px 0;
    }
}

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

    .product-accordion>section .single_toggle>p {
        font-size: 22px;
        padding: 30px 20px;
        line-height: normal;
    }

    .product-left-box {
        padding: 0px;
    }

    .product-right-box ul li {
        padding: 15px 20px;
    }
}

/* 연구개발 */
:lang(en-US) .research-box02-nav>div {
    padding: 10px 20px;
    text-align: center;
}

:lang(en-US) .research-blue {
    text-transform: uppercase;

}

:lang(en-US) .research-box01 {
    align-items: flex-end;
}

.research-tit {
    font-family: 'Paperlogy6' !important;
    font-size: 35px;
    color: #444444;
    line-height: normal;
    margin-top: 130px;
}

.research-box01 {
    display: flex;
    margin-top: 80px;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 120px;
}

.research-box01 .left-box {
    flex: 6;
    margin-right: 10px;
}

.research-box01 .right-box {
    flex: 6;
    margin-left: 10px;
}

.research-box01 .research-blue {
    color: #123C6B;
    font-size: 25px;
    font-weight: 600;
    padding-bottom: 10px;
}

.research-box01 .research-blue b {
    font-weight: 400;
    color: #666666;
    font-size: 20px;
}

.research-box01 .text01 {
    font-size: 19px;
    line-height: normal;
    border-top: 2px solid #eeeeee;
    width: 380px;
    padding-top: 10px;
}

.research-box01 .text02 {
    margin-top: 20px;
    display: flex;
}

.research-box01 .text02 ul:first-child {
    margin-right: 30px;
}

.research-box01 ul {
    margin: 0;
}

.research-box01 ul li {
    list-style: '-';
    padding-left: 5px;
    color: #444444;
    font-size: 18px;
    line-height: 27px;
    margin-left: 10px;
}

.research-box01 .img-box {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.research-box01 .img-box div {
    padding-top: 6px;
}

.research-box02 {
    padding-top: 120px;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 120px;
}

.research-box02-tit {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.research-box02-tit .research-blue {
    font-size: 25px;
    line-height: normal;
    color: #123c6b;
    font-weight: 600;
}

.research-box02-tit>div:last-child:not(.research-blue) {
    font-size: 20px;
    color: #666666;
    padding-top: 5px;
    width: 343px;
    border-bottom: 2px solid #eeeeee;
    padding-bottom: 19px;
}

.research-box02-nav {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.research-box02-nav>div {
    background-color: #444444;
    color: #ffffff;
    font-size: 18px;
    padding: 10px 35px;
    border-radius: 100px;
    margin-right: 20px;
    font-weight: 200;
}

.research-box02-nav>div:last-child {
    margin-right: 0;
    line-height: normal;
}

.research-box02-img {
    display: flex;
    justify-content: space-between;
    margin-top: 39px;
}

.research-box02-patent {
    display: flex;
    justify-content: space-between;
    margin-top: 59px;
    align-items: flex-end;

}

.research-box02-patent>div:first-child {
    width: 23.5%;

}

.research-box02-patent>div:nth-child(2) {
    display: flex;
    gap: 10px;
    align-items: flex-end;
}

.research-box02-patent>div:first-child .text01 {
    color: #123c6b;
    font-weight: 600;
    font-size: 25px;
    line-height: normal;
    padding-bottom: 40px;
}

.research-box02-patent>div:first-child .text02 {
    font-size: 18px;
    color: #222222;
    padding-top: 25px;
}

.research-box02-patent>div:first-child .text03 {
    font-size: 18px;
    color: #444444;
    line-height: normal;
    padding-top: 6px;
}


.research-table {
    overflow-x: auto;
    white-space: nowrap;
}

.research-box03 {
    padding-top: 120px;
}

.research-box03-tit {
    font-weight: 600;
    font-size: 25px;
    line-height: normal;
    color: #123C6B;
    margin-bottom: 27px;
}

.research-box03-img {
    margin-bottom: 45px;
}

.research-box03 table thead tr {
    background-color: rgba(3, 78, 162, 0.1) !important;
}

.research-box03 table thead tr:first-child td {
    border-top: 2px solid #888888;
}

.research-box03 table tr th:first-child,
.research-box03 table tr td:first-child {
    border-left: none !important;
}

.research-box03 table tr th:last-child,
.research-box03 table tr td:nth-child(11),
.research-box03 table tr:last-child td:last-child {
    border-right: none !important;
}

.research-box03 table tr td {
    padding: 12px 0;
}

.research-box03 table tr td {
    font-size: 20px;
    color: #444444;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    border-color: #dddddd;
}

.research-box03 table tbody tr:nth-child(6n+1) td,
.research-box03 table tbody tr:nth-child(6n+2) td,
.research-box03 table tbody tr:nth-child(6n+3) td {
    background-color: #ffffff;
}

.research-box03 table tbody tr:nth-child(6n+4) td,
.research-box03 table tbody tr:nth-child(6n+5) td,
.research-box03 table tbody tr:nth-child(6n+6) td,
.research-box03 table tbody tr:nth-child(25) td,
.research-box03 table tbody tr:nth-child(26) td {
    background-color: rgba(217, 217, 217, 0.1);
}

.research-box03 table tbody tr:nth-child(24) td {
    background-color: #ffffff !important;
}

.research-box03 table tbody tr {
    background: none !important;
}

.research-box02-patent ul {
    margin: 0 !important;
}

.research-box02-patent ul li {
    margin: 0 !important;
    word-break: keep-all !important;
}

@media screen and (max-width:1024px) {
    .research-table  {
        width: 1200px;
    }

    .research-box01 {
        margin-top: 80px;
        align-items: flex-end;
    }

    .research-box02-patent>div:first-child {
        width: 100%;
        gap: 10px;
    }

    .img-box {
        gap: 10px;
    }

    .research-box01 .text02 ul:first-child {
        margin-right: 0px;
    }

    .research-box02-nav>div {
        padding: 10px 13px;
    }

    .research-box02-patent {
        flex-direction: column;
        align-items: center;
    }

    .research-box02-patent>div {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

    .research-box02-patent .text01 {
        width: 100%;
        padding-bottom: 10px !important;
    }

    .research-box02-patent>div:first-child .text02 {
        /* width: calc(100% / 3 - 10px); */
        width: 100%;
        padding: 25px 10px 0;
    }

    .research-box02-patent>div:nth-child(2) {
        width: 100%;
        margin-top: 20px;
    }

    .research-table {
        width: 100%;
        overflow-x: auto;
    }

    .research-table table {
        width: 1200px;
    }
}

@media screen and (max-width:768px) {
    .research-box01 {
        flex-direction: column;
        align-items: center;
    }

    .research-box01 .left-box {
        flex: 1;
        margin-right: 0px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .research-box01 .text02 {
        width: 100%;
        justify-content: space-around;
    }

    .research-box01 .text02 ul {
        width: 38%;
    }

    .research-box01 .right-box {
        margin-left: 0px;
        width: 100%;
        text-align: center;
    }

    .research-box01 .img-box {
        justify-content: center;
        gap: 18px;
    }

    .research-box01 .research-blue {
        text-align: center;
    }

    .research-box01 .text01 {
        text-align: center;
    }

    .research-box02-nav {
        flex-wrap: wrap;
        gap: 5px;
    }

    .research-box02-patent>div:nth-child(2) {
        display: flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: nowrap;
        margin-bottom: 15px;
    }

    .research-box03 table tr td {
        font-size: 15px;
    }
}

@media screen and (max-width:425px) {
    .research-box01 .text02 {
        flex-direction: column;
        align-items: center;
    }

    .research-box01 .text02 ul {
        width: 100%;
    }

    .research-box02-nav>div {
        margin-right: 0px;
    }

    .research-box02-patent>div {
        flex-direction: column;
        margin-bottom: 15px;
    }

    .research-box02-patent>div:first-child .text02 {
        width: 100%;

    }

    .research-box02-patent ul li:nth-child(3) {
        text-align: center;
        margin-top: 15px !important;
    }

    .research-box02-img {
        display: flex;
        justify-content: space-between;
        margin-top: 39px;
        flex-direction: column;
        align-items: center;
    }

}

@media screen and (max-width:375px) {
    .research-box01 .text01 {
        width: 100%;
    }

    .research-box02-nav>div {
        font-size: 15px;
    }
}

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

    .research-box02-nav>div {
        padding: 10px 10px;
        letter-spacing: -1px;
    }
}


/* 연구소 소개  */

:lang(en-US) .lab-img {
    display: flex;
    justify-content: center;
}

:lang(en-US) .lab-box01>*,
:lang(en-US) .lab-box02>*,
:lang(en-US) .lab-box03>* {
    flex: 1;
}

:lang(en-US) .lab-box01 .lab-txt,
:lang(en-US) .lab-box02 .lab-txt,
:lang(en-US) .lab-box03 .lab-txt {
    padding-top: 0px;
}

.lab-box03 {
    margin-bottom: 150px;
}

.en-back-img {
    background: url(/wp-content/uploads/2024/11/Mask-group-4-1.png) no-repeat;
    background-size: cover;
}

.lab-box01 {
    margin-top: 160px;
    padding-bottom: 100px;
    border-bottom: 1px solid #dddddd;
}

.lab-box02 {
    padding-top: 100px;
    padding-bottom: 100px;
    border-bottom: 1px solid #dddddd;
}

.lab-box03 {
    padding-top: 100px;
    padding-bottom: 100px;
    border-bottom: 1px solid #dddddd;
}

.lab-box01,
.lab-box02,
.lab-box03 {
    gap: 80px;
    display: flex;
}

.lab-box01 .lab-txt,
.lab-box02 .lab-txt,
.lab-box03 .lab-txt {
    padding-top: 10px;
}

.lab-box01 .lab-txt>div:nth-child(1),
.lab-box02 .lab-txt>div:nth-child(1),
.lab-box03 .lab-txt>div:nth-child(1) {
    font-family: 'Paperlogy6' !important;
    color: #cccccc;
    line-height: normal;
    font-size: 35px;
}

.lab-box01 .lab-txt>div:nth-child(2),
.lab-box02 .lab-txt>div:nth-child(2),
.lab-box03 .lab-txt>div:nth-child(2) {
    font-family: 'Paperlogy6' !important;
    color: #444444;
    line-height: normal;
    font-size: 35px;
    margin-top: 11px;
}

.lab-box01 .lab-txt>div:nth-child(3),
.lab-box02 .lab-txt>div:nth-child(3),
.lab-box03 .lab-txt>div:nth-child(3) {
    font-size: 19px;
    line-height: 27px;
    font-weight: 300;
    color: #444444;
    margin-top: 18px;
}

.mission-title {
    color: #FFF;
    font-family: 'Paperlogy6' !important;
    font-size: 35px;
    font-weight: 600;
    letter-spacing: -0.35px;
    margin-top: 80px;
}

.mission-des {
    color: #FFF;
    font-size: 21px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.22px;
    margin-top: 45px;
}

.lab-table {
    margin: 120px 0 47px;
}

.lab-content {
    display: flex;
    flex-direction: row;
}

.lab-content>div {
    flex: 1;
}

.lab-content:nth-child(2) {
    margin: 30px 0;
}

.lab-line {
    height: 1px;
    background: #fff;
    position: relative;
}

.lab-line::before {
    content: '';
    display: block;
    width: 63px;
    height: 4px;
    background: #034EA2;
    position: absolute;
    top: -2px;
}

.lab-des {
    padding: 0 40px 0 0;
    word-break: keep-all;
}


.lab-des>div:first-child {
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.22px;
    margin: 40px 0 10px;
}

.lab-des>div:nth-child(2) {
    color: #FFF;
    font-size: 19px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: -0.22px;
}

.lab-title {
    color: #444;
    text-align: center;
    font-family: 'Paperlogy7';
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -0.35px;
}

.lab-sub-title {
    color: #444;
    text-align: center;
    font-size: 21px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.22px;
    margin-top: 25px;
}

.lab-vision {
    display: flex;
    flex-wrap: wrap;
    margin: 70px 0;
}

.lab-vision>* {
    width: 50%;
    box-sizing: border-box;
    padding: 60px 40px;
    display: flex;
    align-items: center;
    position: relative;
}

.lab-vision>div:nth-child(1):before {
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    width: 78%;
    top: 271px;
    background: #ddd;
}

.lab-vision>div:nth-child(2):before {
    content: '';
    position: absolute;
    display: block;
    height: 65%;
    width: 1px;
    left: 0;
    top: 33px;
    background: #ddd;
}

.lab-vision>div:nth-child(3):before {
    content: '';
    position: absolute;
    display: block;
    height: 65%;
    width: 1px;
    right: 0;
    top: 33px;
    background: #ddd;
}

.lab-vision>div:nth-child(4):before {
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    width: 82%;
    top: 0;
    right: 0;
    background: #ddd;
}

.lab-vistion-sub-content {
    padding: 0 50px 0 0;
}

.lab-vistion-sub-content>div:first-child {
    color: #222;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.22px;
    word-break: keep-all;
}

.lab-vistion-sub-content>div:nth-child(2) {
    color: #444;
    font-size: 19px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: -0.22px;
    word-break: keep-all;
    margin-top: 16px;
}

.lab-vistion-sub-content>div:nth-child(2) strong {
    color: #444 !important;
    font-size: 19px !important;
    line-height: 26px;
    letter-spacing: -0.22px;
}

.mission-des {
    word-break: keep-all;
}

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

    .lab-box01 .lab-txt,
    .lab-box02 .lab-txt,
    .lab-box03 .lab-txt {
        padding-top: 0px;
        word-break: keep-all;
        width: 50%;
    }

    .lab-box01 .lab-txt>div:nth-child(3)>br:not(:nth-child(2)),
    .lab-box02 .lab-txt>div:nth-child(3)>br:not(:nth-child(2)),
    .lab-box03 .lab-txt>div:nth-child(3)>br:not(:nth-child(2)) {
        display: none;

    }

    .lab-vision {
        flex-direction: column;
        align-items: center;
    }

    .lab-vision>* {
        flex-direction: column;
    }

    .lab-vision>div:before {
        display: none !important;
    }

    .lab-vistion-sub-content {
        padding: 0;
        text-align: center;
    }

    .rnd02-sec-bg {
        background-size: cover;
    }
}

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

    .lab-box01,
    .lab-box02,
    .lab-box03 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .lab-box01 .lab-img,
    .lab-box03 .lab-img {
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .lab-box02 .lab-img {
        margin-top: 20px;
        margin-left: 0px;
    }

    .lab-box01 .lab-txt,
    .lab-box02 .lab-txt,
    .lab-box03 .lab-txt {
        width: 80%;
    }

    .lab-table {
        display: flex;
        margin: 50px 0;
        gap: 15px;
    }

    .lab-content {
        flex-direction: column;
    }

    .lab-content:not(:nth-child(2)) {
        gap: 20px;
    }

    .lab-content:nth-child(2) {
        margin: 0;
    }

    .lab-line {
        display: none;
    }

    .mission-title {
        margin-top: 20px;
    }

    .lab-line::before {
        width: 4px;
        height: 45px;
    }

    .lab-content:first-child>div {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .lab-content:first-child>div>img {
        width: 80%;
    }

    .lab-des>div:first-child {
        margin: 22px 0 10px;
    }

    .lab-vision>* {
        width: 60%;
    }

    .lab-vistion-con>img {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:425px) {
    .lab-vision>* {
        width: 100%;
    }

    .lab-content:first-child>div>img {
        width: 100%;
    }

    .lab-des {
        padding: 0;
    }

    .lab-table {
        margin: 25px 0;
    }

    .mission-des {
        font-size: 19px;
        margin-top: 30px;
    }

    .mission-title {
        margin-top: 5px;
        line-height: normal;
    }

    .lab-box01 .lab-txt>div:nth-child(2),
    .lab-box02 .lab-txt>div:nth-child(2),
    .lab-box03 .lab-txt>div:nth-child(2) {
        font-size: 30px;
    }

    .lab-box01 .lab-txt,
    .lab-box02 .lab-txt,
    .lab-box03 .lab-txt {
        width: 100%;
    }

    .lab-box01,
    .lab-box02,
    .lab-box03 {
        gap: 30px;
    }

    .product-accordion-wrap {
        margin-bottom: 100px !important;
    }
}

@media screen and (max-width:375px) {
    .lab-des>div:nth-child(2) {
        font-size: 18px;
    }

    .lab-box01 .lab-txt>div:nth-child(3),
    .lab-box02 .lab-txt>div:nth-child(3),
    .lab-box03 .lab-txt>div:nth-child(3) {
        font-size: 18px;
    }

    .lab-box01 .lab-txt>div:nth-child(1),
    .lab-box02 .lab-txt>div:nth-child(1),
    .lab-box03 .lab-txt>div:nth-child(1) {
        font-size: 30px;
    }

    .lab-box01 .lab-txt>div:nth-child(2),
    .lab-box02 .lab-txt>div:nth-child(2),
    .lab-box03 .lab-txt>div:nth-child(2) {
        font-size: 27px;
    }

    .mission-des {
        font-size: 18px;
        margin-top: 25px;
    }

    .lab-des>div:first-child {
        font-size: 18px;
    }

    .lab-des>div:nth-child(2) {
        font-size: 16px;
        line-height: 23px;
    }
}

@media screen and (max-width:320px) {
    .mission-title {
        font-size: 30px;
    }
}

/* 특허 및 인증서 */
.hyhitech-search-form {
    display: flex;
    justify-content: center;
}

.hyhitech-search {
    margin-top: 65px;
    display: flex;
    justify-content: center;
    width: 360px;
    position: relative;
}

.hyhitech-search select {
    display: none;
}

.hyhitech-search input {
    width: 360px;
    height: 35px;
    background-color: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid #aaaaaa !important;
    font-size: 18px !important;
    color: #444444 !important;
}

.hyhitech-search input::placeholder {
    font-size: 18px !important;
    color: #aaaaaa !important;
    font-weight: 200 !important;
    font-family: 'Pretendard' !important;
}

.hyhitech-search button {
    position: absolute;
    right: 0;
    background-image: url(/wp-content/uploads/2024/11/search-ico.png);
    background-repeat: no-repeat;
    background-color: transparent;
    top: 5px;
    background-size: contain;
    width: 22px;
    height: 23px;
    border: none;
    cursor: pointer;
}


.page-id-10818 #av_section_2 .entry-content-wrapper>div,
.page-id-11026 #av_section_2 .entry-content-wrapper>div,
.page-id-11581 #av_section_2 .entry-content-wrapper>div,
.page-id-11571 #av_section_2 .entry-content-wrapper>div {
    margin-left: 0;
    width: 281px !important;
    height: auto;
    padding: 0 !important;
    border: 1px solid #dddddd;
    margin-bottom: 25px;
}

.page-id-10818 #av_section_2 .entry-content-wrapper>div:nth-child(4n),
.page-id-11026 #av_section_2 .entry-content-wrapper>div:nth-child(4n),
.page-id-11581 #av_section_2 .entry-content-wrapper>div:nth-child(4n),
.page-id-11571 #av_section_2 .entry-content-wrapper>div:nth-child(4n) {
    margin-right: 0;

}

.page-id-10818 #av_section_2 .entry-content-wrapper>div:nth-child(n+5),
.page-id-11026 #av_section_2 .entry-content-wrapper>div:nth-child(n+5),
.page-id-11581 #av_section_2 .entry-content-wrapper>div:nth-child(n+5) .page-id-11571 #av_section_2 .entry-content-wrapper>div:nth-child(n+5) {
    margin-top: 0;
}


.page-id-10818 .image-overlay-inside,
.page-id-11026 .image-overlay-inside,
.page-id-11581 .image-overlay-inside,
.page-id-11571 .image-overlay-inside {
    background-color: rgba(102, 102, 102) !important;
    height: 260px;
}

.page-id-10818 .image-overlay.overlay-type-image,
.page-id-11026 .image-overlay.overlay-type-image,
.page-id-11581 .image-overlay.overlay-type-image,
.page-id-11571 .image-overlay.overlay-type-image {
    display: none !important;
}

.page-id-10818 .avia-image-container.avia-align-center,
.page-id-11026 .avia-image-container.avia-align-center,
.page-id-11581 .avia-image-container.avia-align-center,
.page-id-11571 .avia-image-container.avia-align-center {
    margin: 0 auto 0 auto !important;
}

.page-id-10818 .lightbox-added,
.page-id-11026 .lightbox-added,
.page-id-11581 .lightbox-added,
.page-id-11571 .lightbox-added {
    position: relative;
}

.page-id-10818 .lightbox-added.hover-img::before,
.page-id-11026 .lightbox-added.hover-img::before,
.page-id-11581 .lightbox-added.hover-img::before,
.page-id-11571 .lightbox-added.hover-img::before {
    opacity: 1;
}

.page-id-10818 .lightbox-added::before,
.page-id-11026 .lightbox-added::before,
.page-id-11581 .lightbox-added::before,
.page-id-11571 .lightbox-added::before {
    content: '';
    display: block;
    background: url(/wp-content/uploads/2024/11/Group-4335.png) no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.1s ease-in-out 0.1s;
}

.cer-flex>.container .clearfix:before {
    display: none;
}

.cer-flex .entry-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.page-id-10818 .mfp-img,
.page-id-11026 .mfp-img,
.page-id-11581 .mfp-img,
.page-id-11571 .mfp-img {
    max-height: fit-content !important;
}

.lightbox-added.hover-img {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
}

a:hover .image-overlay .image-overlay-inside {
    animation: none !important;
    -webkit-animation: none !important;
}

.margin-top-0 {
    margin-top: 0;
}

.mfp-arrow-left {
    left: 17% !important;
}

.mfp-arrow-right {
    right: 17% !important;
}

.hyhitech-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
}

.hyhitech-list>div {
    width: 281px !important;
    height: 370px;
    padding: 0 !important;
    border: 1px solid #dddddd;
    margin-bottom: 25px;
    margin-right: 22px;
}

.hyhitech-list>div:nth-child(4n) {
    margin-right: 0;
}

.hyhitech-list>div a {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.hyhitech-list>div a img {
    width: 236px !important;
    height: 100% !important;
}

.hyhitech-list .kboard-gallery-thumbnail {
    position: absolute;
    z-index: 1;
    width: 100% !important;
}

.hyhitech-thumnail-txt {
    position: absolute;
    bottom: 0;
    z-index: 20;
    width: 100%;
    background-color: #ffffff;
    padding-top: 23px;
    padding-bottom: 19px;
    padding-left: 20px;
    text-align: left;
}

.hyhitech-thumnail-txt>div:nth-child(1) {
    font-size: 18px;
    color: #6b92be;
}

.hyhitech-thumnail-txt>div:nth-child(2) {
    font-size: 18px;
    color: #444444;
    padding-top: 5px;
}

.hyhitech-thumnail-txt>div:nth-child(3) {
    color: #444444;
    font-size: 16px;
    padding-top: 14px;
}

.hyhitech-list .kboard-gallery-foreground {
    width: 281px !important;
    height: 245px !important;
    left: 0 !important;
    background-color: rgba(102, 102, 102, 0.6) !important;
    padding-top: 90px;
}

.hyhitech-list .overlay-type-extern {
    display: none !important;
}

.hyhitech-list .kboard-gallery-foreground img {
    width: 36px !important;
    height: 36px !important;
}

.hyhitech-list .kboard-gallery-username {
    font-size: 17px !important;
    top: 45% !important;
}

.cert-cate {
    display: flex;
    justify-content: center;
    margin-top: 120px;
}

.cert-cate>div {
    width: 82px;
    text-align: center;
    padding-bottom: 12px;
}

.cert-cate>div:first-child {
    margin-right: 10px;
}

.cert-cate>div:last-child {
    margin-left: 10px;
}

.cert-cate a {
    font-family: 'Paperlogy6' !important;
    font-size: 20px;
    line-height: normal;
    color: #888888 !important;
    position: relative;
    padding-bottom: 5px;
    transition: color 0.5s ease;
}

.cert-cate a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1.5px;
    background-color: #034EA2;
    transition: width 0.5s ease;
}

.cert-cate a:hover {
    color: #034EA2 !important;
}

.cert-cate a:hover::after {
    width: 100%;
}

.cert-cate .active a {
    color: #034EA2 !important;
}

.cert-cate .active a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.5px;
    background-color: #034EA2;
}


@media screen and (max-width:1024px) {
    .cer-flex .entry-content-wrapper {
        gap: 40px;
    }
}

@media screen and (max-width:768px) {
    .cer-flex .entry-content-wrapper {
        justify-content: center;
    }
}

@media screen and (max-width:425px) {
    .cert-cate>div {
        width: auto;
    }

    .cer-flex .entry-content-wrapper {
        gap: 0px;
    }
}



/* 공지사항 */

.hyhitech-de-list {
    margin-top: 50px;
}

.noticeTitleBox {
    background-image: url(/wp-content/uploads/2024/11/notice-titlebox.png) !important;
}

.gestTitleBox {
    background-image: url(/wp-content/uploads/2024/11/guestTitlebox.png) !important;
}

.contactTitleBox {
    background-image: url(/wp-content/uploads/2024/11/contactTitleBox.png) !important;
}

.termTitleBox {
    background-image: url(/wp-content/uploads/2024/11/termTitleBox.png) !important;
}

.privacyTitleBox {
    background-image: url(/wp-content/uploads/2024/11/privacyTitleBox.png) !important;

}

.hyhitech-de-list table thead tr td:nth-child(1) {
    width: 10%;
}

.hyhitech-de-list table thead tr td:nth-child(2) {
    width: 70%;
}

.hyhitech-de-list table thead tr td:nth-child(3) {
    width: 10%;
}

.hyhitech-de-list table thead tr td:nth-child(4) {
    width: 10%;
}

.hyhitech-de-list table thead tr td {
    font-size: 18px !important;
    color: #222222 !important;
    font-weight: 500 !important;
}

.hyhitech-de-list table tbody tr td,
.hyhitech-de-list table tbody tr td a {
    font-size: 18px !important;
    color: #444444 !important;
    font-weight: 400 !important;
    text-align: center !important;
}

.hyhitech-kboard-document-wrap {
    margin-top: 50px;
}

.hyhitech-kboard-document-wrap .kboard-title {
    border-top: 3px solid #888888;
    border-bottom: 1px solid #cccccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hyhitech-kboard-document-wrap .kboard-title h1 {
    color: #000 !important;
    font-weight: 500 !important;
    font-size: 22px !important;
    padding: 20px 30px !important;
}

.hyhitech-kboard-document-wrap .kboard-title>div {
    font-size: 17px;
    font-weight: 300;
    color: #888888;
    padding-right: 30px;
    font-family: 'S-CoreDream';
}

.hyhitech-kboard-document-wrap .content-view {
    font-size: 18px;
    color: #111111;
    font-weight: 200;
    padding: 22px 22px 22px 30px !important;
}

.hyhitech-document-navi .kboard-prev-document,
.hyhitech-document-navi .kboard-next-document {
    padding: 25px 0 25px 30px !important;
}

.hyhitech-document-navi .prev-btn,
.hyhitech-document-navi .next-btn {
    font-size: 18px !important;
    font-weight: 200 !important;
    color: #222222 !important;
}

.hyhitech-document-navi .navi-prev-txt,
.hyhitech-document-navi .navi-next-txt {
    font-weight: 200;
    color: #888888;
}


.hyhitech-document-navi .prev-btn .navi-document-title {
    color: #888888;
}

.hyhitech-document-navi .navi-arrow img {
    display: none !important;
}

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

.hy-nav-center a {
    display: inline-block;
    background-color: #123c6b !important;
    margin-top: 70px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    padding: 15px 70px !important;
    border-radius: 50px !important;
}

@media screen and (max-width:768px) {
    .cer-flex .entry-content-wrapper {
        justify-content: center;
    }
}

@media screen and (max-width:425px) {
    .not-mo-content {
        display: none;
    }

    .hyhitech-search {
        width: 100%;
    }

    .hyhitech-kboard-document-wrap .kboard-title {
        flex-direction: column;
        padding-bottom: 30px;
    }

    .hy-nav-center a {
        margin: 30px 0 !important;
        font-size: 17px !important;
        padding: 8px 50px !important;
    }
}

@media screen and (max-width: 600px) {
    #kboard-default-list .kboard-list table td.kboard-list-title .kboard-default-cut-strings {
        font-size: 20px !important;

    }
}

#kboard-default-list .kboard-list table td.kboard-list-title .kboard-default-cut-strings,
#kboard-default-document .kboard-title h1 {
    word-break: keep-all;
    text-align: center !important;
}


/* 문의하기 */
:lang(en-US) .contact-tit {
    width: 370px;
}

.contact-tit {
    position: relative;
    width: 250px;
    line-height: normal;
    margin-top: 80px;
}

.contact-tit p {
    font-family: 'Paperlogy7' !important;
    font-size: 50px;
    margin: 0;
}

.contact-tit::after {
    content: '';
    background-image: url(/wp-content/uploads/2024/11/sky_circle.png);
    width: 65px;
    background-size: contain;
    height: 65px;
    position: absolute;
    right: 16%;
    top: -47%;
    z-index: -1;
    background-repeat: no-repeat;
}

.contact-smtit {
    font-size: 30px;
    color: #444444;
    line-height: normal;
    margin-top: 20px;
}

.contact-smtit p {
    margin: 0;
    font-family: 'Paperlogy6' !important;
}

.contact-redtit p {
    font-family: 'Paperlogy6' !important;
    color: #EF1C1C;
    font-size: 18px;
    margin-bottom: 60px;
}

.contact-box p {
    margin: 0;
}

.contact-line01 {
    display: flex;
    justify-content: space-between;
}

.contact01 {
    width: 45%;
}

.contact02 {
    width: 47%;
}

.label-txt,
.label-txtarea {
    font-size: 25px;
    color: #444444;
    font-weight: 600;
    position: relative;
}

.label-txt::after {
    position: absolute;
    content: '*';
    color: #EF1C1C;
    margin-left: 4px;
}

.contact-box input {
    background-color: transparent !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #bbbbbb !important;
    padding: 10px !important;
    margin-top: 20px !important;
    font-size: 18px !important;
    color: #444 !important;
}

.contact-box input::placeholder {
    font-size: 20px;
    font-weight: 400;
    color: #bbbbbb;
}

.contact-line02,
.contact-line03,
.contact-line04 {
    margin-top: 60px;
}

.contact-line03 label {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.contact-line03 label span {
    font-size: 20px !important;
    color: #444 !important;
}

.contact-line03 input {
    width: 20px;
    height: 20px;
    margin-top: 0 !important;
    margin-right: 8px !important;
}

.contact-line04 textarea {
    margin-top: 20px !important;
    background: #ffffff !important;
    padding: 20px !important;
    color: #444444 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}

.contact-line04 textarea::placeholder {
    color: #bbbbbb !important;
}

.contact-agree {
    margin-top: 30px;
}

.contact-agree .wpcf7-list-item {
    margin-left: 0;
}

.contact-agree .wpcf7-list-item label {
    display: flex;
    align-items: center;
}

.contact-agree .wpcf7-list-item input {
    width: 18px;
    height: 18px;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 10px;
}

.contact-agree .wpcf7-list-item .wpcf7-list-item-label {
    color: #444444 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

.contact-submit {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 150px;
}

.contact-smtit p {
    word-break: keep-all;
}

.contact-submit input {
    background-color: #123c6b !important;
    color: #ffffff !important;
    font-size: 20px !important;
    padding: 15px 50px !important;
    border-radius: 50px;
}


@media screen and (max-width: 1024px) {
    .contact-tit p {
        font-size: 45px;
    }

    .contact-smtit {
        font-size: 26px;
    }
}


@media screen and (max-width: 425px) {
    .contact-tit p {
        font-size: 30px;
    }

    .contact-smtit {
        font-size: 20px;
    }

    .contact-line01 {
        flex-direction: column;
    }

    .contact01,
    .contact02 {
        width: 100%;
    }

    .contact02,
    .contact-line02 {
        margin-top: 30px;
    }

    :lang(en) .contact-line03 .wpcf7-list-item {
        margin: 0;
    }

    :lang(en) .contact-line03  .wpcf7-form-control > span:nth-child(2) {
        margin-right: 1em;
    }
}

.wpcf7-spinner {
    position: absolute;
}

/* 이용약관 */
:lang(en-US) .term-tit {
    width: 770px;
    font-size: 47px;
}

.term-tit {
    font-family: 'Paperlogy7' !important;
    font-size: 50px;
    margin: 0;
    position: relative;
    line-height: normal;
    width: 660px;
}

.term-tit::after {
    content: '';
    background-image: url(/wp-content/uploads/2024/11/sky_circle.png);
    width: 65px;
    background-size: contain;
    height: 65px;
    position: absolute;
    right: -1%;
    top: -47%;
    z-index: -1;
    background-repeat: no-repeat;
}

.term-smtit {
    font-size: 20px;
    line-height: 26px;
    color: #444;
    font-weight: 500;
    margin-top: 24px;
}

.term-wrap {
    margin-top: 80px;
    margin-bottom: 150px
}

.term-wrap * {
    word-break: keep-all;
}

.term-box {
    margin-top: 60px;
}

.term-box>div:first-child {
    font-size: 19px;
    font-weight: 600;
    line-height: normal;
    color: #444444;
}


.term-box>div:last-child {
    font-size: 19px;
    line-height: 28px;
    letter-spacing: -0.22px;
    color: #444444;
    margin-top: 10px;
}

.term-box ul {
    margin-top: 16px;
}

.term-box ul li {
    list-style: none;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .term-tit {
        font-size: 40px;
        width: 100%;
    }
}

@media screen and (max-width: 425px) {
    .term-tit {
        font-size: 30px;
    }

    .term-smtit {
        font-size: 18px;
    }

    .term-box>div:first-child {
        font-size: 18px;
    }

    .term-box>div:last-child {
        font-size: 18px;
    }

    .term-box ul li {
        line-height: 24px;
    }

    :lang(en-US) .term-tit {
        width: 100%;
        font-size: 32px;
    }
}

/* 조직도 */
:lang(en-US) .org-box01>div {
    width: 440px;
}

:lang(en-US) .org-box01::after {
    width: 91px;
    right: 515px;
}

:lang(en-US) .org-box01::before {
    right: 508px;
}

:lang(en-US).org-title {
    height: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
}

:lang(en-US) .org-title::after {
    top: 90px;
}

.org-ceo {
    color: #FFF;
    text-align: center;
    font-size: 25px;
    font-weight: 400;
    position: relative;
}

.org-ceo>span {
    position: relative;
}

.org-ceo>span::after {
    content: url(/wp-content/uploads/2024/11/Group-4322-1.png);
    position: absolute;
    top: -142px;
    left: -110px;
    z-index: -1;
}

.org-ceo::before {
    content: '';
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    background: #FFF;
    right: 597px;
    top: 114px;
    z-index: 1;
    border-radius: 50px;
    border: 1px solid #D9D9D9;
}

.ceo-span {
    color: #FFF;
    font-size: 19px;
    font-weight: 300;
    line-height: 39px;
}

.org-box01 {
    margin: 140px 0 0;
    position: relative;
}

.org-box01>div {
    width: 223px;
    height: 73px;
    border-radius: 100px;
    background: #37679D;
    padding: 26px;
    color: #FFF;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
}

.org-box01>div {
    width: 223px;
    height: 73px;
    border-radius: 100px;
    background: #37679D;
    padding: 26px;
    color: #FFF;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    position: absolute;
    right: 75px;
}

.org-box01::before {
    content: '';
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    background: #FFF;
    right: 290px;
    top: 33px;
    z-index: 1;
    border-radius: 50px;
    border: 1px solid #D9D9D9;
}

.org-box01::after {
    display: block;
    content: '';
    height: 1px;
    width: 310px;
    background: #ECECEC;
    position: absolute;
    right: 294px;
    top: 41px;
}

.org-box02 {
    display: flex;
    margin: 380px 0 0 0;
    position: relative;
}

.org-box02::before {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 962px;
    background: #ECECEC;
    top: -45px;
    left: 115px;
}

.org-box02>* {
    flex: 1;
    position: relative;
}

.org-title {
    width: 219px;
    height: 81px;
    border-radius: 100px;
    background: #858585;
    padding: 31px;
    color: #FFF;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    position: relative;
}

.org-title::after {
    content: '';
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    background: #FFF;
    top: 73px;
    left: 100px;
    z-index: 1;
    border-radius: 50px;
    border: 1px solid #D9D9D9;
}

.org-title::before {
    content: '';
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    background: #FFF;
    top: -7px;
    left: 100px;
    z-index: 1;
    border-radius: 50px;
    border: 1px solid #D9D9D9;
}

.org-list ul {
    list-style: '·  ' !important;
    margin: 10px 50px !important;
}

.org-list ul>li {
    color: #444 !important;
    font-size: 20px !important;
    font-weight: 300;
    line-height: 35px;
    margin: 0 !important;
}

.org-box02-con {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.org-box02-con:nth-child(3)::before {
    content: '';
    display: block;
    width: 1px;
    height: 320px;
    background: #ECECEC;
    position: absolute;
    top: -320px;
    left: 115px;
}

.org-box02-con:not(:nth-child(3))::before {
    content: '';
    display: block;
    width: 1px;
    height: 45px;
    background: #ECECEC;
    position: absolute;
    top: -45px;
    left: 115px;
}

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

@media screen and (max-width:1024px) {
    .org-box02 {
        flex-direction: column;
    }

    .org-pc {
        display: none !important;
    }

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

/* 프레스금형 */
.press-title {
    color: #444;
    font-family: 'Paperlogy8' !important;
    font-size: 45px;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.5px;
    margin-bottom: 50px;
}

.press-slick img,
.press-slick02 img,
.press-slick03 img,
.press-slick04 img,
.press-slick05 img,
.press-slick06 img,
.press-slick07 img,
.press-slick08 img {
    display: none;
}

.press-slick img.active,
.press-slick02 img.active,
.press-slick03 img.active,
.press-slick04 img.active,
.press-slick05 img.active,
.press-slick06 img.active,
.press-slick07 img.active,
.press-slick08 img.active,
.press-slick09 img.active {
    display: block;
}

.press-flex {
    display: flex;
}

.press-flex>* {
    flex: 1;
}

.press-tab .tab_titles>* {
    font-family: 'Paperlogy5' !important;
    font-size: 25px !important;
    line-height: normal;
    letter-spacing: -0.3px;
    padding: 14px 30px !important;
    border: none !important;
    background: #fff !important;
}

.press-tab .tab_titles>*:hover {
    color: #123C6B !important;

}

.press-tab .tab.active_tab {
    color: #123C6B !important;
}

.press-tab .tab_content {
    background: #fff !important;
    padding-top: 60px !important;
    border: none !important;
}

.press-slick-btn,
.press-slick-btn02,
.press-slick-btn03,
.press-slick-btn04,
.press-slick-btn05,
.press-slick-btn06,
.press-slick-btn07,
.press-slick-btn08,
.press-slick-btn09 {
    padding: 20px 0;
    cursor: pointer;
}

.press-slick-btn>*:not(:last-child),
.press-slick-btn02>*:not(:last-child),
.press-slick-btn03>*:not(:last-child),
.press-slick-btn04>*:not(:last-child),
.press-slick-btn05>*:not(:last-child),
.press-slick-btn06>*:not(:last-child),
.press-slick-btn07>*:not(:last-child),
.press-slick-btn08>*:not(:last-child),
.press-slick-btn09>*:not(:last-child) {
    padding: 0 10px 0 0;
}

.press-box02 {
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    height: 576px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.press-box02 .des-title:first-child {
    padding-top: 45px;
}

.press-box02 .des-title {
    color: #666;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.2px;
}

.press-box02 .des-txt01 {
    color: #444;
    font-family: 'Paperlogy6' !important;
    font-size: 25px;
    line-height: normal;
    letter-spacing: -0.25px;
    padding: 10px 0 53px;
}

.press-box02 .des-txt {
    color: #444;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.2px;
    padding: 10px 0 30px;
}

@media screen and (max-width:1024px) {
    .press-box02 {
        margin: 0 0 0 50px;
    }
}

@media screen and (max-width:768px) {
    .press-flex {
        display: flex;
        flex-direction: column;
    }

    .press-box02 {
        margin: 0;
    }

    .js_active .top_tab .tab {
        padding: 20px 16px !important;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }


}

@media screen and (max-width:767px) {
    .responsive #top .main_color .tabcontainer .active_tab {
        background: #123C6B !important;
    }

    .press-tab .tab.active_tab {
        color: #fff !important;
    }
}

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

    .press-slick-btn,
    .press-slick-btn02,
    .press-slick-btn03,
    .press-slick-btn04,
    .press-slick-btn05,
    .press-slick-btn06,
    .press-slick-btn07,
    .press-slick-btn08,
    .press-slick-btn09 {
        display: flex;
        justify-content: flex-start;
        gap: 8px;
    }

    .press-slick-btn>*,
    .press-slick-btn02>*,
    .press-slick-btn03>*,
    .press-slick-btn04>*,
    .press-slick-btn05>*,
    .press-slick-btn06>*,
    .press-slick-btn07>*,
    .press-slick-btn08>*,
    .press-slick-btn09>* {
        width: calc(100% / 3 - 5px);
    }

    .press-slick-btn>*:not(:last-child),
    .press-slick-btn02>*:not(:last-child),
    .press-slick-btn03>*:not(:last-child),
    .press-slick-btn04>*:not(:last-child),
    .press-slick-btn05>*:not(:last-child),
    .press-slick-btn06>*:not(:last-child),
    .press-slick-btn07>*:not(:last-child),
    .press-slick-btn08>*:not(:last-child),
    .press-slick-btn09>*:not(:last-child) {
        padding: 0 0 0 0 !important;
    }

    .press-title {
        font-size: 38px;
    }

    .press-tab .tab_content {
        padding-top: 15px !important;
    }

    .press-box02 .des-txt {
        font-size: 18px;
    }
}

/* 회사연혁 */
/* 
:lang(en-US) .history-title span::before {
    top: -137px;
    left: -49px;
}

:lang(en-US) .sub-title::after {
    left: 82px;
}

:lang(en-US) .right-content .history-content-list li {
    display: flex;
}

:lang(en-US) .left-content .history-content-list li {
    display: flex;
    justify-content: flex-end
}

:lang(en-US) .right-content .history-content-title::before {
    left: -81px;
}

:lang(en-US) .left-content .history-content-title::after {
    right: -96px;
}

:lang(en-US) .left-content {
    padding: 0 92px 0 0;
}

:lang(en-US) .right-content {
    padding: 0 0 0 66px;
}

:lang(en-US) .history02 .history-title {
    line-height: 23px;
}

:lang(en-US) .history02 .sub-title {
    letter-spacing: -2px;
}

:lang(en-US) .history02 .history-title span::before {
    top: -120px;
    left: -92px;
}

:lang(en-US) .history02 .sub-title::after {
    left: 37px;
}

:lang(en-US) .history02 .right-content .history-content-title::before {
    left: -79px;
}

:lang(en-US) .history02 .left-content .history-content-title::after {
    right: -99px;
}

:lang(en-US) .history03 .history-title {
    line-height: 23px;
}

:lang(en-US) .history03 .sub-title {
    letter-spacing: -2px;
}

:lang(en-US) .history03 .history-title span::before {
    left: -88px;
    top: -112px;
}

:lang(en-US) .history03 .sub-title::after {
    height: 800px;
    left: 38px;
}

:lang(en-US) .history03 .left-content .history-content-title::after {
    right: -98px;
}

:lang(en-US) .history03 .right-content .history-content-title::before {
    left: -79px;
} */

.history-title {
    text-align: center;
    position: relative;
    color: #FFF;
    font-size: 25px;
    font-weight: 400;
    line-height: normal;
}

.history-title span {
    position: relative;
}

.history-title span::before {
    content: url(/wp-content/uploads/2024/11/Group-4322-1.png);
    position: absolute;
    z-index: -1;
    top: -135px;
    left: -87px;
}

.history-title .sub-title {
    color: #FFF;
    font-size: 21px;
    font-weight: 300;
}

.right-content {
    width: 50%;
    float: right;
    padding: 0 0 0 75px;
    text-align: left;
}

.right-content .history-content-list li::before {
    content: '•';
    display: inline-block;
    margin-right: 5px;
}

.left-content {
    width: 50%;
    float: left;
    text-align: right;
    padding: 0 75px 0 0;
}

.left-content .history-content-list li::after {
    content: '•';
    display: inline-block;
    margin-left: 5px;
}

.history-content-list ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.history-content-list li {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 30px;
    color: #444;
    font-size: 18px;
    font-weight: 300;
    word-break: keep-all;
}

.history-content-title {
    color: #123C6B;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 25px;
}

.history01>div:nth-child(3) {
    margin-top: 375px;
}

.history01>div:nth-child(2) {
    margin-top: 205px;
}

.history01>div:nth-child(4) {
    margin-top: 355px;
}

.history01>div:nth-child(5) {
    margin-top: 355px;
}

.sub-title::after {
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 1048px;
    background: #ECECEC;
    left: 46px;
    z-index: -2;
}

.right-content .history-content-title {
    position: relative;
}

.right-content .history-content-title::before {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background: #22558E;
    left: -84px;
    border-radius: 50px;
}

.left-content .history-content-title {
    position: relative;
}

.left-content .history-content-title::after {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 0;
    background: #22558E;
    right: -87px;
    border-radius: 50px;
}

.history02 {
    margin-top: 1109px;
}

.history02>div:nth-child(2) {
    margin-top: 185px;
}

.history02>div:nth-child(3) {
    margin-top: 448px;
}

.history02>div:nth-child(4) {
    margin-top: 290px;
}

.history02 .right-content .history-content-title::before {
    left: -88px;
}

.history02 .history-title span::before {
    top: -127px;
}

.history02 .left-content .history-content-title::after {
    right: -82px;
}

.history02 .sub-title::after {
    height: 938px;
}

.history03 {
    margin-top: 930px;
}

.history03 .history-title span::before {
    top: -128px;
    left: -66px;
}

.history03 .sub-title::after {
    height: 800px;
    left: 64px;

}

.history03>div:nth-child(2) {
    margin-top: 178px;
}

.history03>div:nth-child(3) {
    margin-top: 359px;
}

.history03>div:nth-child(4) {
    margin-top: 307px;
}

.history03 .left-content .history-content-title::after {
    right: -82px;
}

.history03 .right-content .history-content-title::before {
    left: -88px;
}

@media screen and (max-width:768px) {
    .right-content {
        width: 100%;
        float: none;
        padding: 0;
    }

    .sub-title::after {
        display: none;
    }

    .left-content {
        width: 100%;
        float: none;
        text-align: left;
        padding: 0;
    }

    .history01>div:nth-child(2) {
        margin-top: 150px;
    }

    .history01>div:not(:nth-child(2)),
    .history02>div:not(:nth-child(2)),
    .history03>div:not(:nth-child(2)) {
        margin-top: 50px !important;
    }

    .right-content .history-content-title::before {
        display: none;
    }

    .left-content .history-content-title::after {
        display: none;
    }

    .right-content .history-content-list li::before {
        display: none;
    }

    .left-content .history-content-list li::after {
        display: none;
    }

    .history02 {
        margin-top: 150px;
    }

    .history03 {
        margin-top: 150px;
    }

    .history-content-list ul {
        list-style: '•' !important;
    }

    :lang(en-US) .right-content .history-content-list li,
    :lang(en-US) .left-content .history-content-list li {
        display: list-item;
    }

    :lang(en-US) .right-content,
    :lang(en-US) .left-content {
        padding: 0px;
    }

}