/* #headerWrap.main.gnb-open { background-color: rgba(0,0,0,0.5); } */
#headerWrap.main .logo { background-image: url('/images/eng/common/img_logo_w.svg'); }
#headerWrap.main .gnb-menu .depth-1 li .depth-1-menu { color: #fff; }
#headerWrap.main .right-wrap .btn.white { background-color: transparent; border: 1px solid #fff; color: #fff; }
#headerWrap.main .right-wrap .dropdown-lang-wrap .btn-lang { color: #fff; }
#headerWrap.main .right-wrap .dropdown-lang-wrap .btn-lang::before { border-top: 4px solid #fff; }
#headerWrap.main .right-wrap .dropdown-lang-wrap .btn-lang::after { background-color: #fff; }
#headerWrap.main .right-wrap .btn-burger .line { background-color: #fff; }
#headerWrap.main .right-wrap .btn-burger .line::before { background-color: #fff; }
#headerWrap.main .right-wrap .btn-burger .line::after { background-color: #fff; }
#headerWrap.main .btn-burger.open .line { background-color: transparent; }

.pc-hidden-540 { display: none; }
.section01 { min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); position: relative; }
.section01 .hero-wrap .swiper-slide { position: relative; width: 100%; height: 100%; }
.section01 .hero-wrap .hero-list { position: relative; width: 100%; min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); background-repeat: no-repeat; background-size: cover; background-position: center; }
.section01 .hero-wrap .hero-list#hero-visual-1 { background-image: url('/images/eng/main/hero_back_1.png'); }
.section01 .hero-wrap .hero-list#hero-visual-2 { background-image: url('/images/eng/main/hero_back_2.png'); }
.section01 .hero-wrap .hero-list#hero-visual-3 { background-image: url('/images/eng/main/hero_back_3.png'); }
.section01 .hero-wrap .hero-list .hero-copy { position: absolute; left: calc(50% - 700px); top: 34vh; width: 900px; color: #fff; }
.section01 .hero-wrap .hero-list .hero-copy h2.hero-headline { font-size: 80px; margin-bottom: 2rem; font-weight: bold; line-height: 1.1em; font-family: "IBM Plex Sans KR"; }
.section01 .hero-wrap .hero-list .hero-copy .sub-copy { font-size: 26px; font-weight: 700; line-height: 1.4em; letter-spacing: -0.025em; }
.section01 .swiper-button-wrap { width: 130px; height: 64px; background-color: rgba(255,255,255,.1); border: 1px solid #fff; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; -o-border-radius: 32px; position: absolute; bottom: 10vh; left: calc(50% - 700px); overflow: hidden; z-index: 1; }
.section01 .swiper-button-wrap .divider { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); width: 1px; height: 32px; background-color: rgba(255,255,255,.3); }
.section01 .swiper-button-wrap .swiper-btn { width: 50%; height: 100%; float: left; top: 0; left: 0; margin-top: 0; background-size: auto; background-position: center; }
.section01 .swiper-button-wrap .swiper-button-prev { background-image: url('/images/eng/main/arrow_prev.svg'); }
.section01 .swiper-button-wrap .swiper-button-next { background-image: url('/images/eng/main/arrow_next.svg'); }

.section01 .swiper-pagination { position: absolute; top: 25%; left: calc(50% - 700px); text-indent: -9999px; overflow: hidden; }
.section01 .swiper-pagination .swiper-pagination-bullet { width: 60px; height: 2px; background-color: rgba(255,255,255,.5); float: left; margin-right: 4px; position: relative; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.section01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgba(255,255,255,1); }
.section01 .scroll-indicator { width: 2px; height: 160px; background-color: rgba(255,255,255,.3); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); z-index: 1; }
.section01 .scroll-indicator::before { content: ""; display: block; width: 100%; height: 60px; background-color: #FFFFFF; position: absolute; top: 0; left: 0; animation: scrollAnim 1.8s infinite ease-in; -webkit-animation: scrollAnim 1.8s infinite ease-in; }

@keyframes scrollAnim {
    0% { top: 0; opacity: 1; }
    100% { top: 100%; opacity: 0; }
}
/* @keyframes grow2 {
    0% { transform: scale(1.2);
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
     }
    100% {
        transform: scale(1);
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
} */

section .section-title-wrap { max-width: 1458px; width: 100%; height: auto; padding-left: 116px; padding-right: 116px; margin-left: auto; margin-right: auto; position: relative; }
section .section-title-wrap > .section-inner::after { content: ""; display: block; clear: both; }
section .section-title-wrap > .section-inner .title-wrap { float: left; width: 50%; }
section .section-title-wrap > .section-inner .title-wrap h4 { font-size: 60px; font-weight: 700; }
section .section-title-wrap > .section-inner .divider { display: block; position: absolute; top: 50%; left: 50%; margin-left: auto; margin-right: auto; height: 100%; width: 1px; background-color: #CBD5E1;  transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
section .section-title-wrap > .section-inner .txt-wrap { float: right; padding-left: 80px; width: 50%; }
section .section-title-wrap > .section-inner .txt-wrap p { font-size: 20px; font-weight: 700; }
section .section-title-wrap > .section-inner .btn.icon { width: 266px; height: 82px; line-height: 80px; margin-top: 40px; padding: 0 36px 0 45px; }
section .section-title-wrap > .section-inner .btn.icon > span:first-child { margin-right: 45px; }

/* .section02 .section-title-wrap { height: 439px; } */
.section02 .section-title-wrap > .section-inner { top: 85%; }
.section02 .section-title-wrap > .section-inner .divider { left: 39%; }
/* .section02 .section-title-wrap > .section-inner > .title-wrap { width: 30%; } */
.section02 .section-title-wrap > .section-inner > .txt-wrap { padding-left: 0; }
.section02 .products-wrap { position: relative; padding-top: 97px; padding-bottom: 7.11%; transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; }
.section02 .products-wrap .products-list { position: relative; padding-bottom: 62.5%; max-width: 856px; padding: 0 50px; }
/* .section02 .products-wrap .slick-active.slick-center .products-list [class*="products-bg"] { padding-bottom: 75.385%; } */
.section02 .products-wrap .products-list [class*="products-bg"] { position: relative; width: 640px; padding-bottom: 62.5%; background-repeat: no-repeat; background-size: cover; background-position: center; transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; }
.section02 .products-wrap .products-list .products-bg01 { background-image: url('/images/eng/main/products_list_1.png'); }
.section02 .products-wrap .products-list .products-bg02 { background-image: url('/images/eng/main/products_list_2.png'); }
.section02 .products-wrap .products-list .products-bg03 { background-image: url('/images/eng/main/products_list_3.png'); }
.section02 .products-wrap .products-list .products-bg04 { background-image: url('/images/eng/main/products_list_4.png'); }
.section02 .products-wrap .products-list .products-bg05 { background-image: url('/images/eng/main/products_list_5.png'); }
.section02 .products-wrap .products-list .products-bg06 { background-image: url('/images/eng/main/products_list_6.png'); }
.section02 .products-wrap .products-list .products-bg05 .title-wrap.sub-logo,
.section02 .products-wrap .products-list .products-bg06 .title-wrap.sub-logo { position: absolute; top: 39px; left: 39px; height: 48px; }
.section02 .products-wrap .products-list .products-bg05 .title-wrap.sub-logo img,
.section02 .products-wrap .products-list .products-bg06 .title-wrap.sub-logo img { width: auto; height: inherit; }
.section02 .products-wrap .products-list [class*="products-bg"] img { width: 100%; height: 100%; }
.section02 .products-wrap .products-list .title-wrap { display: none; position: absolute; bottom: 39px; left: 87px; font-weight: 700; color: #fff; max-width: 559px; width: 100%; padding-right: 52px; }
.section02 .products-wrap .slick-active.slick-center .products-list .title-wrap { display: block; }
.section02 .products-wrap .products-list .title-wrap h3 { font-size: 48px; display: inline-block; line-height: 56px; }
.section02 .products-wrap .products-list .title-wrap .desc { font-size: 24px; margin-left: 12px; }
.section02 .products-wrap .products-list .btn-news-view { display: none; width: 50px; height: 50px; background-color: #fff; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; background-image: url('/images/eng/main/arrow_b.svg'); background-repeat: no-repeat; background-size: 19px 16px; background-position: center; transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.section02 .products-wrap .slick-active.slick-center .btn-news-view { display: inline-block; }
.section02 .products-wrap .products-button-wrap button { width: 64px; height: 64px; background-color: rgba(101,106,111,0.6); border: 1px solid rgba(255,255,255,0.5); border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; position: absolute; top: 43%; }
.section02 .products-wrap .products-button-wrap .products-button-prev { left: 3rem; }
.section02 .products-wrap .products-button-wrap .products-button-next { right: 3rem; }

section .full-video-wrap { position: relative; width: 100%; height: 100%; min-height: 600px; overflow: hidden; }
section .full-video-wrap video { position: absolute; left: 50%; transform: translateX(-50%) scale(1.5); -webkit-transform: translateX(-50%) scale(1.5); -moz-transform: translateX(-50%) scale(1.5); -ms-transform: translateX(-50%) scale(1.5); -o-transform: translateX(-50%) scale(1.5);  }
.section03 .video-technology video { top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);  min-width: 2000px; width: 100%; }

.section03 { position: relative; overflow: hidden; }
.full-video-wrap.video-technology::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.5); z-index: 1; }
.section03 .section-title-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); z-index: 2; }
.section03 .section-title-wrap > .section-inner { padding-top: 62px; padding-bottom: 71px; }
.section03 .section-title-wrap .title-wrap h4 { font-size: 60px; font-weight: 700; color: #fff; line-height: 1; }
.section03 .section-title-wrap > .section-inner .divider { background-color: rgba(255,255,255,.5); }
.section03 .section-title-wrap .txt-wrap p { color: #fff; }
.section03 .section-title-wrap .txt-wrap .btn { border: 1px solid rgba(255,255,255,.6); }

section .section-title-wrap > .section-inner > .front-wrap { width: 100%; }
.section04 { height: 720px; background-color: #eee; background-image: url('/images/eng/main/contact_back.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.section04 .front-wrap { color: #fff; text-align: center; }
.section04 .front-wrap h3 { font-size: 60px; font-weight: 700; }
.section04 .front-wrap .desc { font-size: 20px; font-weight: bold; margin: 40px 16px 0; display: block; }

.section05 { height: 836px; }
.section05 .section-title-wrap > .section-inner .news-wrap { width: 100%; }
.section05 .news-wrap .news-title { position: relative; }
.section05 .news-wrap .news-title h3 { font-size: 72px; color: #334155; padding: 12px 0; }
.section05 .news-wrap .news-title .btn-more-news { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 32px; height: 32px; background-color: #334155; border-radius: 50px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.section05 .btn-more-news [class*="line"] { width: 14px; height: 2px; background-color: #fff; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
.section05 .news-wrap .news-list li a { display: block; padding: 48px 20px 40px 0; padding-right: 20px; border-top: 1px solid #D9D9D9; position: relative; }
.section05 .news-wrap .news-list li a .icon.arrow { width: 19px; height: 16px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.section05 .news-wrap .news-list li:last-child a { border-bottom: 1px solid #D9D9D9; }
.section05 .news-wrap .news-list li a .news-date { font-size: 30px; font-weight: 700; color: #94A3B8; }
.section05 .news-wrap .news-list li a .news-title { font-size: 28px; font-weight: 700; padding-left: 32px; }
.section05 .news-wrap .news-more-wrap { padding: 32px 0 32px 188px; }
/* .section05 .news-wrap .news-more-wrap a span:first-child { display: inline-block; font-size: 20px; font-weight: 700; color: #94A3B8; }
.section05 .news-wrap .news-more-wrap a span:last-child { width: 19px; height: 16px; display: inline-block; vertical-align: sub; margin-left: 16px; }
.section05 .news-wrap .news-more-wrap a span > img { width: 100%; } */
.section05 .news-wrap .news-more-wrap a { position: relative; display: block; width: 100px; }
.section05 .news-wrap .news-more-wrap a span { display: inline-block; font-size: 20px; font-weight: 700; color: #94A3B8; }
.section05 .news-wrap .news-more-wrap a .arrow-icon { stroke-dasharray: 100; stroke-dashoffset: 100; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; position: absolute; top: 0; left: 64px; }
.section05 .news-wrap .news-more-wrap a .arrow { position: absolute; top: 8px; left: 70px; width: 19px; height: 16px; }

.section06.section-network { width: 100%; height: 820px; position: relative; }
.section06.section-network::after { content: ""; display: block; width: 100%; height: 100%; background-color: #1B3973; opacity: 0.4; position: absolute; top: 0; left: 0; }
.section06.section-network .full-video-wrap { background-color: #000; }
.section06.section-network .full-video-wrap video { left: 58%; bottom: 10%; }
.section06.section-network .video-network { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section06.section-network .video-network > div { float: left; height: 100%; }
.section06.section-network .video-network .title-wrap { max-width: 725px; width: 40%; color: #fff; position: relative; }
.section06.section-network .video-network .title-wrap::after { content: ""; display: block; width: 100%; height: 100%; background-color: #1B3973; opacity: 0.7; }
.section06.section-network .video-network .title-wrap .inner-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); z-index: 1; max-width: 340px; width: 100%; }
.section06.section-network .video-network .title-wrap h3 { font-size: 64px; font-weight: 700; line-height: 1; }
.section06.section-network .video-network .title-wrap p { font-size: 24px; margin-top: 40px; }
.section06.section-network .video-network .btn-sites-wrap { width: 60%; }
.section06.section-network .btn-sites-wrap ul { position: relative; max-width: 1195px; width: 100%; height: 100%; margin: 0 auto; }
.section06.section-network .btn-sites-wrap ul li.btn-sites-link { width: 184px; height: 50px; line-height: 50px; border: 1px solid #fff; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; position: absolute; z-index: 1; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
.section06.section-network .btn-sites-wrap ul li.btn-sites-link > a { display: block; padding: 0 21px; }
.section06.section-network .btn-sites-wrap ul li:nth-child(1) { top: 45%; left: 41%; }
.section06.section-network .btn-sites-wrap ul li:nth-child(2) { top: 56%; right: 33%; }
.section06.section-network .btn-sites-wrap ul li:nth-child(3) { top: 45%; left: 9%; }
.section06.section-network .btn-sites-wrap ul li:nth-child(4) { top: 45%; right: 12%; }
.section06.section-network .btn-sites-wrap ul li:nth-child(5) { top: 56%; right: 12%; }
.section06.section-network .btn-sites-wrap ul li:nth-child(6) { top: 56%; left: 25%; }
.section06.section-network .btn-sites-wrap ul li:nth-child(7) { top: 37%; left: 25%; }
.section06.section-network .btn-sites-wrap ul li:nth-child(8) { top: 35%; right: 33%; }
.section06.section-network .btn-sites-wrap ul li.btn-sites-link span { color: #fff; }
.section06.section-network .btn-sites-wrap ul li.btn-sites-link .icon.subtract { width: 21px; height: 27px; display: inline-block; vertical-align: middle; margin-right: 12px; }
.section06.section-network .btn-sites-wrap ul li.btn-sites-link .icon.subtract > img { width: 100%; }

@media (max-width: 1440px){
    .section01 .swiper-pagination { left: calc(50% - 600px);}
    .section01 .hero-wrap .hero-list .hero-copy { left: calc(50% - 600px);}
    .section01 .swiper-button-wrap { left: calc(50% - 600px);}

    .section06.section-network .btn-sites-wrap ul li:nth-child(1) { top: 48%; left: 41%; }
    .section06.section-network .btn-sites-wrap ul li:nth-child(2) { top: 58%; right: 28%; }
    .section06.section-network .btn-sites-wrap ul li:nth-child(3) { top: 48%; left: 5%; }
    .section06.section-network .btn-sites-wrap ul li:nth-child(4) { top: 48%; right: 4%; }
    .section06.section-network .btn-sites-wrap ul li:nth-child(5) { top: 58%; right: 3%; }
    .section06.section-network .btn-sites-wrap ul li:nth-child(6) { top: 58%; left: 22%; }
    .section06.section-network .btn-sites-wrap ul li:nth-child(7) { top: 39%; left: 22%; }
    .section06.section-network .btn-sites-wrap ul li:nth-child(8) { top: 37%; right: 23%; }
}

@media (max-width: 1280px){
    .section01 .hero-wrap .hero-list .hero-copy h2.hero-headline { font-size: 64px; }
    .section01 .hero-wrap .hero-list .hero-copy .sub-copy { font-size: 22px; }
    .section01 .swiper-pagination { left: calc(50% - 480px);}
    .section01 .hero-wrap .hero-list .hero-copy { left: calc(50% - 480px);}
    .section01 .swiper-button-wrap { left: calc(50% - 480px); bottom: 100px}

    /* .section02 .section-title-wrap > .section-inner > .title-wrap { width: 35%; } */
    /* .section02 .section-title-wrap > .section-inner > .txt-wrap { width: 57%; } */

    .section05 .news-wrap .news-list li a { padding: 32px 20px 32px 0; }
    .section05 .news-wrap .news-list li a .news-title { display: block; padding-left: 0; }

    .section06.section-network .btn-sites-wrap ul li.btn-sites-link { width: 167px; }
    .section06.section-network .btn-sites-wrap ul li:nth-child(1) { left: 35%; }
    .section06.section-network .btn-sites-wrap ul li:nth-child(2) { right: 32%; }
    .section06.section-network .btn-sites-wrap ul li:nth-child(3) { left: 3%; }
    .section06.section-network .btn-sites-wrap ul li:nth-child(6) { left: 14%; }
    .section06.section-network .btn-sites-wrap ul li:nth-child(7) { left: 19%; }
    .section06.section-network .btn-sites-wrap ul li:nth-child(8) { right: 21%; }

    section .section-title-wrap > .section-inner .title-wrap h4 { font-size: 44px; }
    section .section-title-wrap > .section-inner .txt-wrap p { font-size: 16px; }
}

@media (max-width: 1024px){
    #headerWrap.main::after { content: ""; display: block; width: 100%; height: 1px; background-color: rgba(255,255,255,.2); position: absolute; top: 60px; left: 0; }
    #headerWrap.main::after .gnb-menu.active { content: none; }

    .section01 .swiper-pagination { display: none !important; }
    .section01 .hero-wrap .hero-list .hero-copy { top: 20vh; left: 0; width: 100%; padding-left: 2rem; padding-right: 2rem; }
    .section01 .hero-wrap .hero-list .hero-copy h2.hero-headline { font-size: 32px; margin-bottom: 1rem }
    .hero-wrap .hero-swiper .swiper-slide .hero-copy .sub-copy { font-size: 16px;}
    .section01 .swiper-button-wrap { left: 2rem; bottom: 32px; }
    .section01 .scroll-indicator { display: none; }

    section .section-title-wrap { padding-left: 12px; padding-right: 12px; }
    section .section-title-wrap > .section-inner .title-wrap { width: 100%; }
    section .section-title-wrap > .section-inner .title-wrap h4 { font-size: 36px; width: 100%; }
    section .section-title-wrap > .section-inner .txt-wrap { padding-left: 0; width: 100%; }
    section .section-title-wrap > .section-inner .divider { display: none; }

    /* .section02 .section-title-wrap > .section-inner { position: static; top: inherit; left: inherit; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; margin: 48px 0; } */
    .section02 .section-title-wrap { max-width: 720px; padding-left: 28px; padding-right: 28px; }
    .section02 .section-title-wrap > .section-inner { top: 50%; }

    .section02 .section-title-wrap > .section-inner > .title-wrap { width: 100%; }
    .section02 .section-title-wrap > .section-inner > .txt-wrap { width: 100%; }
    .section02 .products-wrap { padding-top: 48px; }
    /* .section02 .products-wrap .products-list { max-width: 492px; height: 238px; padding: 0 10px; } */
    .section02 .products-wrap .products-list { max-width: 492px; padding: 0 10px; }
    /* .section02 .products-wrap .slick-active.slick-center .products-list { height: 302px; } */
    .section02 .products-wrap .products-list [class*="products-bg"] { width: 432px; }
    .products-button-wrap { display: none; }
    .section02 .products-wrap .products-list .title-wrap { max-width: 362px; left: 40px; bottom: 30px; padding-right: 40px; }
    .section02 .products-wrap .products-list .title-wrap h3 { font-size: 24px; line-height: 40px; }
    .section02 .products-wrap .products-list .title-wrap .desc { font-size: 14px; margin-left: 8px; }
    .section02 .products-wrap .products-list .products-bg05 .title-wrap.sub-logo,
    .section02 .products-wrap .products-list .products-bg06 .title-wrap.sub-logo { left: 30px; height: 24px; }
    /* .section02 .products-wrap .products-list .title-wrap span { font-size: 14px; } */
    .section02 .products-wrap .products-list .btn-news-view { width: 40px; height: 40px; background-size: 15px 13px; vertical-align: top; }


    .section03 { height: 100vh; min-height: calc(var(--vh, 1vh) * 100); }
    .section03 .section-title-wrap > .section-inner { text-align: center; }
    .section03 .section-title-wrap > .section-inner .txt-wrap p { margin: 32px 0 24px; }
    .full-video-wrap.video-technology { height: 100%; min-height: 720px; }
    section .full-video-wrap video { width: auto; height: 100%; }

    .section04 { min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); background-position: 30% bottom; }
    .section04 .front-wrap h3 { font-size: 30px; }
    .section04 .front-wrap .desc { font-size: 16px; }
    section .section-title-wrap > .section-inner .btn.icon { height: 56px; line-height: 56px; max-width: 556px; padding: 0 32px; }
    section .section-title-wrap > .section-inner .btn.icon span { font-size: 14px; }
    section .section-title-wrap > .section-inner .btn.icon > span:first-child { margin-right: 0; float: left; }
    section .section-title-wrap > .section-inner .btn.icon > span:last-child { float: right; }

    .section05 { height: 572px; }
    .section05 .section-title-wrap > .section-inner { max-width: 720px; margin: 0 auto; }
    .section05 .news-wrap .news-title h3 { font-size: 24px; padding: 32px 0; }
    .section05 .news-wrap .news-list li a { padding: 16px 0; }
    .section05 .news-wrap .news-list li a .news-date { font-size: 18px; }
    .section05 .news-wrap .news-list li a .news-title { font-size: 18px; }
    .section05 .news-wrap .news-list li a .icon.arrow { display: none; }
    .section05 .news-wrap .news-more-wrap { padding: 32px 0; }

    .section06.section-network { min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); }
    .section06 .full-video-wrap video { width: auto; }
    .section06.section-network .full-video-wrap video { left: 50%; bottom: 0; }
    .section06.section-network .video-network .title-wrap { max-width: 100%; width: 100%; height: 276px; }
    .section06.section-network .video-network .title-wrap .inner-wrap { left: 6%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
    .section06.section-network .video-network > div { float: none; }
    .section06.section-network .video-network .title-wrap h3 { font-size: 36px; }
    .section06.section-network .video-network .title-wrap p { font-size: 18px; margin-top: 16px; }
    .section06.section-network .video-network .btn-sites-wrap { position: absolute; top: calc(50% - -20px); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); z-index: 1; }
    .section06.section-network .btn-sites-wrap ul { max-width: 900px; height: auto; padding: 0 9px; }
    .section06.section-network .btn-sites-wrap ul li.btn-sites-link { position: static; width: calc(50% - 10px); height: 48px; line-height: 48px; margin: 8px 4px; }
    .section06.section-network .video-network .btn-sites-wrap { width: 100%; }

}

@media all and (max-width:768px) {
    .section02 .products-wrap .products-list .title-wrap .desc { margin-left: 4px; }

    .section05 .section-title-wrap > .section-inner { max-width: 540px; }
    .section05 .news-wrap .news-more-wrap a .arrow-icon { display: none; }

}

@media all and (max-width:540px) {
    .pc-hidden-540 { display: block; }
    /* .section01 .hero-wrap .hero-list#hero-visual-1 { background-image: url('/images/eng/main/hero_back_1_mo.png'); } */
    .section01 .hero-wrap .hero-list#hero-visual-2 { background-image: url('/images/eng/main/hero_back_2_mo.png'); }
    .section01 .hero-wrap .hero-list#hero-visual-2 { background-image: url('/images/eng/main/hero_back_2_mo.png'); }
    .section01 .hero-wrap .hero-list#hero-visual-3 { background-image: url('/images/eng/main/hero_back_3_mo.png'); }
    .section01 .hero-wrap .hero-list .hero-copy .sub-copy { font-size: 18px; }



    /* .section02 .section-title-wrap { padding-bottom: 40.82%; } */
    .section02 .products-wrap .products-list [class*="products-bg"] { width: 263px; }
    .section02 .products-wrap .products-list .title-wrap { max-width: 223px; left: 30px; bottom: 20px; }
    .section02 .products-wrap .products-list .title-wrap h3 { line-height: 30px; }
    .section02 .products-wrap .products-list .title-wrap .desc { display: inline-block; }
    .section02 .products-wrap .products-list .products-bg05 .title-wrap.sub-logo,
    .section02 .products-wrap .products-list .products-bg06 .title-wrap.sub-logo { left: 20px; top: 25px; }
    .section02 .products-wrap .products-list .btn-news-view { width: 30px; height: 30px; vertical-align: middle; background-size: 13px 11px; }
}

/* @media all and (max-width:540px) {
    .section06.section-network .btn-sites-wrap ul li.btn-sites-link > a { padding: 0 11px; }
} */

/*hover*/
@media all and (min-width:1024px) {
    section .section-title-wrap > .section-inner .btn.icon:hover { background-color: #00206E; border: 1px solid #00206E; color: #FFFFFF; }

    .section05 .news-wrap .news-list li a:hover .news-title { text-decoration: underline; text-underline-position: from-font; }
    .section05 .news-wrap .news-title .btn-more-news:hover .line-1 { transform: translate(-50%, -50%) rotate(360deg); -webkit-transform: translate(-50%, -50%) rotate(360deg); -moz-transform: translate(-50%, -50%) rotate(360deg); -ms-transform: translate(-50%, -50%) rotate(360deg); -o-transform: translate(-50%, -50%) rotate(360deg); }
    .section05 .news-wrap .news-title .btn-more-news:hover .line-2 { transform: translate(-50%, -50%) rotate(270deg); -webkit-transform: translate(-50%, -50%) rotate(270deg); -moz-transform: translate(-50%, -50%) rotate(270deg); -ms-transform: translate(-50%, -50%) rotate(270deg); -o-transform: translate(-50%, -50%) rotate(270deg); }
    .section05 .news-wrap .news-more-wrap a:hover .arrow-icon { stroke-dashoffset: 0; }

    .section06 .btn-sites-wrap ul li:hover { background-color: #00206E; border: 1px solid #00206E !important; color: #FFFFFF; }

}