@charset "utf-8"; @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap'); @import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); /* font-family: 'NanumSquare', sans-serif; Regular(400), Bold(700), Extra Bold(800), Light(300) */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); /* font-family: 'Montserrat', sans-serif; */ @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap'); /* font-family: 'Josefin Sans', sans-serif; */ @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); *, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html, body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,blockquote,p,iframe,span,strong,em { margin:0; padding:0; font-size:inherit; word-break:keep-all; -webkit-text-size-adjust:none; } body{font-family:'Raleway', 'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', 'Dotum', sans-serif;color:#191919;line-height:auto;font-weight:normal; padding:0px;margin:0px;letter-spacing:-0.035em; word-break:keep-all;} html, body {width:100%;/*height:100%;*/;} header, hgroup, footer, section, article, aside, nav, canvas, figure, figcaption { display:block; } table { font-size:inherit; border-collapse:separate /*collapse*/; border-spacing:0; table-layout:fixed; } th, td { word-wrap:break-word; word-break:break-all;font-weight:normal } fieldset, iframe { border:0; vertical-align:top; } small { font-size:12px; color:#666; } img { border:0; font-size:0; vertical-align:top; } address,cite,code,dfn,em,var { font-style:normal; font-weight:normal; } li, dd { list-style:none; word-break:keep-all; } hr { display:none; } caption { overflow:hidden;width:100%;height:1px;font-size:1px;line-height:0;text-indent:-9999px; margin-top:-1px; } legend { overflow:hidden; left:-9999px; text-indent:9999px; width:0; height:0; overflow:hidden; line-height:0; white-space:nowrap; color:#000; } button { padding:0; border:0; cursor:pointer; background:none; vertical-align:middle; font-size:12px; appearance: none; moz-appearance: none; border:0; *overflow:visible; outline:none;} a {text-decoration:none; color:#191919} .transition { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } /* layout */ #wrap {overflow:hidden;} .inner {width:1200px; position:relative; margin-left:auto; margin-right:auto;} .s-inner {width:1200px; position:relative; margin-left:auto; margin-right:auto;} .s-inner2 {width:88%; max-width:1000px; margin-left:auto; margin-right:auto;} .text_hidden {display:none;} html.no_scroll {position:fixed; left:0; top:0; right:0; bottom:0;} .tc {text-align:center;} @media all and (max-width:1220px) { .inner {width:100%;} .s-inner {width:88%;} } @media all and (max-width:1024px) { body { font-size: 15px; } } @media all and (max-width:767px) { body { font-size: 13px; } br.mo_br {display:none;} } ::selection {background:rgba(0,119,215,0.8); color:#fff;} ::-moz-selection {background:rgba(0,119,215,0.8); color:#fff;} ::-webkit-selection {background:rgba(0,119,215,0.8); color:#fff;} .nextqure_btn {display:block; width:230px; height:60px; border:2px solid #fff; font-size:1em; color:#fff; line-height:56px; font-weight:500; text-align:center; transition:all 0.5s; transition-property:background, color;} .nextqure_btn:hover {background:#fff; color:#191919;} .nextqure_btn.case2 {border-color:#f76033; background:#f76033; font-weight:600;} .nextqure_btn.case2:hover {color:#fff;} .nextqure_btn.auto {margin:0 auto;} @media screen and (max-width:1024px){ .nextqure_btn {width:190px; height:50px; line-height:46px;} } @media screen and (max-width:767px){ .nextqure_btn {width:130px; height:40px; line-height:36px;} } /* header */ #nextqure_header {width:100%; height:100px; position:fixed; left:0; top:0; z-index:300; padding:0 50px; overflow:hidden; transition:height 0.7s, background 0.4s} #nextqure_header:before {content:''; display:block; width:100%; height:200px; background:#f8f9fc; position:absolute; left:0; top:100px; transition:top 0.4s;} #nextqure_logo {float:left; width:300px; height:50px; background:url(/images/logo_w.svg) no-repeat center center; background-size:300px 50px; margin-top:22px; position:relative; z-index:15; transition:margin-top 0.5s} #nextqure_logo a {display:block; width:100%; height:100%;} #nextqure_gnb {display:flex; justify-content:center; width:100%; position:absolute; left:0; top:0;} #nextqure_gnb > ul > li {float:left; text-align:center} #nextqure_gnb > ul > li > a {display:block; font-size:1.25em; color:#fff; font-weight:500; line-height:100px; font-family:'Josefin Sans'; padding:0 30px; transition:all 0.5s; transition-property:color, line-height;} #nextqure_gnb > ul > li > ul {padding-top:15px;} #nextqure_gnb > ul > li > ul > li > a {display:block; font-size:1em; line-height:1.5em; padding:4px 0;} #nextqure_gnb .bar {display:none; width:0; height:2px; background:#f76033; position:absolute; top:98px; transition:all 0.6s} #all_gnb {width:100%; height:100vh; background:#fff; padding-top:150px; position:fixed; left:100%; top:0; z-index:10; transition:left 0.8s} #all_gnb:before {content:''; display:block; width:100%; height:1px; background:#39a2d8; position:absolute; left:0; top:220px;} #all_gnb > ul {width:1200px; margin:0 auto; overflow:hidden;} #all_gnb > ul > li {float:left; width:25%; text-align:center;} #all_gnb > ul > li > a {font-size:1.5em; color:#39a2d8; font-weight:700; line-height:1.6em; font-family:'Josefin Sans';} #all_gnb > ul > li > ul {margin-top:50px;} #all_gnb > ul > li > ul > li > a {display:block; font-size:1.25em; line-height:1.5em; font-family:'Josefin Sans'; margin-bottom:15px;} #all_gnb > ul > li > ul > li:last-child > a {margin-bottom:0;} #menuToggle {float:right; width:30px; height:20px; position:relative; z-index:15; margin-top:40px; transition:margin-top 0.5s} #menuToggle span {display:block; width:100%; height:2px; background:#fff; position:absolute; right:0; transition:all 0.5s} #menuToggle span:nth-child(1) {top:0;} #menuToggle span:nth-child(2) {width:20px; top:50%; margin-top:-1px;} #menuToggle span:nth-child(3) {bottom:0;} #nextqure_header.on {height:300px; background:#fff;} #nextqure_header.on #nextqure_logo {background-image:url(/images/logo.svg)} #nextqure_header.on #nextqure_gnb > ul > li > a {color:#191919;} #nextqure_header.on #menuToggle span {background:#191919} #nextqure_header.active #nextqure_logo {background-image:url(/images/logo.svg)} #nextqure_header.active #all_gnb {left:0;} #nextqure_header.active #menuToggle span {background:#191919;} #nextqure_header.active #menuToggle span:nth-child(1) {transform:translateY(9px) rotate(45deg)} #nextqure_header.active #menuToggle span:nth-child(2) {width:0;} #nextqure_header.active #menuToggle span:nth-child(3) {transform:translateY(-9px) rotate(-45deg)} #nextqure_header.scroll_on {background:#fff; box-shadow:0 0 15px rgba(25,25,25,0.1)} #nextqure_header.scroll_on #nextqure_logo {background-image:url(/images/logo.svg)} #nextqure_header.scroll_on #nextqure_gnb > ul > li > a {color:#191919;} #nextqure_header.scroll_on #menuToggle span {background:#191919;} @media screen and (min-width:1025px){ #all_gnb > ul > li > ul {display:block !important;} #nextqure_header.scroll_on {height:80px;} #nextqure_header.scroll_on:before {top:80px;} #nextqure_header.scroll_on #nextqure_logo {margin-top:15px;} #nextqure_header.scroll_on #nextqure_gnb > ul > li > a {line-height:80px;} #nextqure_header.scroll_on #nextqure_gnb .bar {top:78px} #nextqure_header.scroll_on #menuToggle {margin-top:30px;} #nextqure_header.on.scroll_on {height:280px;} } @media screen and (max-width:1499px){ #nextqure_gnb {padding:0 30px 0 300px;} #nextqure_gnb > ul > li > a {font-size:1.125em;} } @media screen and (max-width:1220px){ #nextqure_header {padding:0 6%;} #nextqure_logo {width:270px; background-size:270px 50px;} #nextqure_gnb > ul > li > a {padding:0 15px;} #all_gnb:before {top:200px;} #all_gnb > ul {width:88%;} #all_gnb > ul > li > a {font-size:1.5em;} #all_gnb > ul > li > ul {margin-top:30px;} #all_gnb > ul > li > ul > li > a {font-size:1.125em;} } @media screen and (max-width:1024px){ #nextqure_header {height:55px;} #nextqure_logo {width:200px; height:45px; background-size:200px 45px; margin-top:5px;} #nextqure_gnb {display:none;} #all_gnb {padding-top:80px;} #all_gnb:before {display:none;} #all_gnb > ul > li {float:none; width:100%; text-align:left; border-bottom:1px solid #dcdcdc;} #all_gnb > ul > li > a {display:block; width:100%; font-size:1.25em; color:#191919; padding:8px 10px; position:relative;} #all_gnb > ul > li > a:after {content:'\f107'; font-size:0.875em; color:#666; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:10px; top:50%; transform:translateY(-50%)} #all_gnb > ul > li > a.on:after {content:'\f106'} #all_gnb > ul > li > ul {display:none; background:#f9f9f9; margin-top:0;} #all_gnb > ul > li > ul > li > a {margin-bottom:0; padding:10px 10px 5px;} #menuToggle {width:20px; height:16px; margin-top:20px;} #menuToggle span:nth-child(2) {width:15px;} #nextqure_header.active #menuToggle span:nth-child(1) {transform:translateY(7px) rotate(45deg)} #nextqure_header.active #menuToggle span:nth-child(3) {transform:translateY(-7px) rotate(-45deg)} } /* footer */ #nextqure_footer {width:100%; background:#191919; position:relative;} #nextqure_footer .s-inner {border-top:1px solid #666; padding:30px 0 50px;} #nextqure_footer .f_info li {display:inline-block; font-size:1em; color:#a4a4a4; font-family:'Josefin Sans'; margin:0 20px 15px 0;} #nextqure_footer .f_info li span {color:#dcdcdc; font-weight:600; margin-right:5px; text-transform:uppercase;} #nextqure_footer .copy {font-size:1em; color:#a4a4a4; font-weight:600; font-family:'Josefin Sans'; margin-top:5px;} #nextqure_footer .go_top {font-size:0.75em; color:#a4a4a4; letter-spacing:0; position:absolute; right:40px; bottom:40px;} #nextqure_footer .go_top:before {content:'\f176'; display:block; width:100%; text-align:center; font-weight:300; font-family:'Font Awesome 6 Pro';; margin-bottom:10px;} #nextqure_footer .f_member {margin-top:10px;} #nextqure_footer .f_member a {display:inline-block; font-size:0.75em; color:#a4a4a4; font-weight:500; font-family:'Josefin Sans'; line-height:28px; border:1px solid #a4a4a4; padding:0 10px;} @media screen and (max-width:1024px){ #nextqure_footer .s-inner {padding:3% 0 4%;} #nextqure_footer .f_info li {margin:0 10px 5px 0;} #nextqure_footer .copy {margin-top:8px;} } @media screen and (max-width:767px){ #nextqure_footer .go_top {right:20px; bottom:20px;} #nextqure_footer .f_member a {line-height:25px;} } /* main */ .main_content > div {position:relative} .main_content > div:last-child {height:auto !important;} .main_quick {width:15px; position:fixed; right:50px; top:50%; transform:translateY(-50%); z-index:30;} .main_quick li {opacity:0.3; padding:3px 0;} .main_quick li:first-child, .main_quick li:last-child {display:none;} .main_quick li a {display:block; width:100%; height:100%;font-size:0.75em; color:#fff; letter-spacing:0.2em; font-weight:500; white-space:nowrap; transition:color 0.5s;} .main_quick li a:before {content:''; display:block; width:4px; height:4px; background:#fff; border-radius:50%; margin:0 auto 10px; transition:background 0.5s;} .main_quick li a:after {content:''; display:none; width:1px; height:30px; background:#fff; opacity:0.3; margin:10px auto 25px; transition:background 0.5s;} .main_quick li a span {display:none; transform:rotate(90deg); margin-bottom:60px;} .main_quick li:nth-child(2) a span {margin-bottom:65px;} .main_quick li:nth-child(3) a span {margin-bottom:75px;} .main_quick li:nth-child(4) a span {margin-bottom:60px;} .main_quick li:nth-child(5) a span {margin-bottom:80px;} .main_quick li:nth-child(6) a span {margin-bottom:53px;} .main_quick li:nth-child(7) a span {margin-bottom:75px;} .main_quick li.on {opacity:1;} .main_quick li.on a:after {display:block;} .main_quick li.on a span {display:block;} .main_quick.hide {display:none;} .main_quick.black li a {color:#191919;} .main_quick.black li a:before, .main_quick.black li a:after {background:#191919;} .main_title span {display:block; font-size:1.5em; color:#f96033; line-height:1.2em; letter-spacing:0.2em; font-weight:600; margin-bottom:20px;} .main_title h2 {font-size:3.125em; line-height:1.1em; font-weight:500; font-family:'Josefin Sans';} .main_title p {font-size:1.125em; color:#666; line-height:1.6em; letter-spacing:0; margin-top:20px;} .main_title a {display:inline-block; font-size:0.75em; color:#a4a4a4; font-weight:500; letter-spacing:0.2em; margin-top:50px;} .main_title a:before {content:''; display:inline-block; width:70px; height:1px; background:#a4a4a4; margin-right:30px; vertical-align:middle;} @media screen and (max-width:1220px){ .main_quick {right:6%;} .main_title p br {display:none;} } @media screen and (max-width:1024px){ .main_content > div {height:auto !important;} .main_quick {display:none;} .main_title span {font-size:1.25em; margin-bottom:1%;} .main_title h2 {font-size:2.7em;} .main_title p {font-size:1em; margin-top:0;} .main_title a {margin-top:3%;} .main_title a:before {width:40px; margin-right:15px;} } @media screen and (max-width:767px){ .main_title span {font-size:1em; margin-bottom:2%;} .main_title h2 {font-size:2.2em;} .main_title p {margin-top:2%;} .main_title a:before {width:25px; margin-right:10px;} } #mVisu {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:relative; overflow:hidden;} #mVisu .txt_box {width:1200px; position:relative; z-index:5; text-align:center;} /*#mVisu .txt_box h1 {font-size:7.5em; color:#fff; font-weight:500; line-height:1em; font-family:'Josefin Sans'}*/ #mVisu .txt_box strong {font-size:7.5em; color:#fff; font-weight:500; line-height:1em; font-family:'Josefin Sans'} #mVisu .txt_box p {font-size:1.5em; color:#fff; line-height:1.5em; font-weight:500;} #mVisu .txt_box div {margin-top:70px;} .mVisu_slide {width:100%; height:100%; position:absolute; left:0; top:0; z-index:0;} .mVisu_slide .swiper-slide div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;} .mVisu_slide .swiper-slide div:before {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.5;} .mVisu_slide .swiper-slide-active div {transform:scale(1.1); transition:transform 6000ms linear} .mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:70px;} .mVisu_slide .swiper-pagination {display:flex; justify-content:center;} .mVisu_slide .swiper-pagination-bullet {display:flex; justify-content:center; align-items:center; width:40px; height:40px; border-radius:50%; overflow:hidden; background:none; opacity:1; position:relative; } .mVisu_slide .swiper-pagination-bullet:before {content:''; display:block; width:6px; height:6px; background:#fff; border-radius:50%;} .mVisu_slide .swiper-pagination-bullet:after {content:''; display:none; width:100%; height:100%; border:2px solid rgba(255,255,255,0.3); border-radius:50%; position:absolute; left:0; top:0;} .mVisu_slide .swiper-pagination-bullet .left {width:50%; height:100%; position:absolute; top:0; left:0; overflow:hidden;} .mVisu_slide .swiper-pagination-bullet .left:before {content:''; display:block; width:100%; height:100%; border:2px solid #fff; position:absolute; left:100%; top:0; border-top-right-radius:100px; border-bottom-right-radius:100px; border-left:0; transform-origin:center left;} .mVisu_slide .swiper-pagination-bullet .right {width:50%; height:100%; position:absolute; top:0; right:0; overflow:hidden;} .mVisu_slide .swiper-pagination-bullet .right:before {content:''; display:block; width:100%; height:100%; border:2px solid #fff; position:absolute; left:-100%; top:0; border-top-left-radius:100px; border-bottom-left-radius:100px; border-right:0; transform-origin:center right;} .mVisu_slide .swiper-pagination-bullet-active:after {display:block;} .mVisu_slide .swiper-pagination-bullet-active .left:before {animation:mVisu_loading2 2.5s linear forwards 2.5s} .mVisu_slide .swiper-pagination-bullet-active .right:before {animation:mVisu_loading1 2.5s linear forwards} #mVisu .scroll_box {width:15px; position:absolute; right:50px; top:50%; transform:translateY(-50%); z-index:10; text-align:center;} #mVisu .scroll_box:before {content:''; display:block; width:1px; height:70px; background:#fff; margin:0 auto 20px;} #mVisu .scroll_box:after {content:'\f8cd'; display:block; font-size:1em; color:#fff; font-weight:100; font-family:'Font Awesome 6 Pro'; margin-top:85px;} #mVisu .scroll_box p {font-size:0.75em; color:#fff; letter-spacing:0.2em; font-weight:500; transform:rotate(90deg); white-space:nowrap;} @keyframes mVisu_loading1 { 0% {transform:rotate(0deg);} 100% {transform:rotate(180deg);} } @keyframes mVisu_loading2 { 0% {transform:rotate(0deg)} 100% {transform:rotate(180deg)} } @media screen and (max-width:1220px){ #mVisu .txt_box {width:88%;} #mVisu .scroll_box {right:6%;} } @media screen and (max-width:1024px){ #mVisu {height:100vh;} #mVisu .txt_box strong {font-size:5em;} #mVisu .txt_box p {font-size:1.25em;} #mVisu .txt_box div {margin-top:7%;} .mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:2%;} .mVisu_slide .swiper-pagination-bullet {width:25px; height:25px;} .mVisu_slide .swiper-pagination-bullet:before {width:3px; height:3px;} #mVisu .scroll_box {display:none;} #mVisu .scroll_box:before {height:30px; margin-bottom:10px;} #mVisu .scroll_box:after {margin-top:70px;} } @media screen and (max-width:767px){ #mVisu .txt_box strong {font-size:4em;} } #mWho {display:flex; justify-content:center; align-items:center; width:100%; height:100%;} #mWho ul {display:flex; justify-content:center; width:100%; margin-top:8vh;} #mWho ul li {width:33.33%; text-align:center;} #mWho ul li .icon {display:flex; justify-content:center; align-items:center; width:100%; height:165px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;} #mWho ul li .icon i {font-size:5em; color:#f76033;} #mWho ul li dl dt {font-size:1.5em; line-height:1.2em; letter-spacing:0.2em; font-weight:600; margin:30px 0 20px;} #mWho ul li dl dd {font-size:1em; color:#666; line-height:1.56em; letter-spacing:0; } #mWho ul li:nth-child(1) .icon {background-image:url(/images/mWho_img1.png)} #mWho ul li:nth-child(2) .icon {background-image:url(/images/mWho_img2.png)} #mWho ul li:nth-child(3) .icon {background-image:url(/images/mWho_img3.png)} @media screen and (min-height:1080px){ #mWho ul {margin-top:100px;} } @media screen and (max-width:1024px){ #mWho {padding:15% 0;} #mWho ul li .icon {height:11vw;} #mWho ul li .icon i {font-size:3.5em;} #mWho ul li dl dt {font-size:1.25em; margin:2% 0;} } @media screen and (max-width:767px){ #mWho ul {flex-wrap:wrap; margin-top:7%;} #mWho ul li {width:50%;} #mWho ul li:last-child {margin-top:4%;} #mWho ul li .icon {height:15vw;} #mWho ul li .icon i {font-size:3em;} } #mWhy {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#f8f9fc;} #mWhy ul {width:100%; margin-top:8vh; overflow:hidden; position:relative; padding-bottom:160px;} #mWhy ul li {float:left; width:calc(33.33% - 20px); margin-right:30px;} #mWhy ul li:last-child {margin-right:0;} #mWhy ul li .img_box {width:100%; height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover; opacity:0.2; transition:opacity 0.5s; cursor:pointer;} #mWhy ul li .txt_box {display:none; width:100%; position:absolute; left:0; top:270px; text-align:center;} #mWhy ul li .txt_box dl dt {font-size:1.375em; font-weight:600; letter-spacing:0;} #mWhy ul li .txt_box dl dt span {color:#f76033; margin-right:20px;} #mWhy ul li .txt_box dl dd {font-size:1em; color:#666; line-height:1.56em; letter-spacing:0; margin-top:20px;} #mWhy ul li.on .img_box {opacity:1; box-shadow:10px 10px 20px rgba(25,25,25,0.07)} #mWhy ul li.on .txt_box {display:block;} #mWhy #bar {display:flex; width:100%; height:4px; position:relative;} #mWhy #bar:before {content:''; display:block; width:100vw; height:100%; background:#e8e9ec; position:absolute; left:50%; top:0; transform:translateX(-50%)} #mWhy #bar:after {content:''; display:block; width:100vw; height:100%; background:#f76033; position:absolute; right:0; top:0; transition:all 0.6s} #mWhy #bar span {display:block; width:33.33%; height:100%; position:relative; z-index:5;} #mWhy #bar span:before {content:''; width:30px; height:30px; background:#f76033; border:8px solid #fff; border-radius:50%; box-shadow:0 5px 15px rgba(25,25,25,0.1); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)} #mWhy .bar1:after {margin-right:66.66%;} #mWhy .bar2:after {margin-right:33.33%;} #mWhy .bar3:after {right:50% !important; margin-right:0%; transform:translateX(50%)} @media screen and (min-height:1080px){ #mWhy ul {margin-top:100px; padding-bottom:260px;} #mWhy ul li .txt_box {top:320px;} } @media screen and (max-width:1220px){ #mWhy ul {margin-top:4vw;} #mWhy ul li {width:calc(33.33% - 10px); margin-right:15px;} #mWhy ul li .img_box {height:19vw;} #mWhy ul li .txt_box {top:21vw;} } @media screen and (max-width:1024px){ #mWhy {padding:15% 0;} #mWhy ul {padding-bottom:150px;} #mWhy ul li {width:calc(33.33% - 6.66px); margin-right:10px;} #mWhy ul li .txt_box dl dt {font-size:1.25em;} #mWhy ul li .txt_box dl dd {margin-top:10px;} #mWhy #bar {height:3px;} #mWhy #bar span:before {width:20px; height:20px; border-width:5px;} } @media screen and (max-width:767px){ #mWhy ul {padding-bottom:0;} #mWhy ul li {float:none; width:100%; margin-right:0; margin-bottom:8%;} #mWhy ul li:last-chidl {margin-bottom:0;} #mWhy ul li .img_box {height:48vw; margin-bottom:15px; opacity:1; cursor:auto;} #mWhy ul li .txt_box {display:block; position:relative; top:0;} #mWhy #bar {display:none;} } #mBusiness {display:flex; justify-content:center; align-items:center; width:100%; height:100%;} .mBusiness_slide {width:100%; height:450px; position:relative; margin-top:5vh;} .mBusiness_slide .img_box {width:calc(50vw + 240px); height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:50%; top:0; transform:translateX(-50vw)} .mBusiness_slide .txt_box {display:flex; align-items:center; width:calc(50% - 65px); height:300px; background:#fff; position:absolute; right:0; top:50%; transform:translateY(-50%); padding-left:100px;} .mBusiness_slide .txt_box dl dt {font-size:1.5em; font-weight:600; letter-spacing:0; line-height:1.2em;} .mBusiness_slide .txt_box dl dd {font-size:1em; color:#666; line-height:1.5em; letter-spacing:0; margin-top:20px;} .mBusiness_slide .swiper-button-next, .mBusiness_slide .swiper-button-prev {height:30px; top:auto; bottom:100px;} .mBusiness_slide .swiper-button-next {right:0;} .mBusiness_slide .swiper-button-prev {left:auto; right:45px;} .mBusiness_slide .swiper-button-next:after, .mBusiness_slide .swiper-button-prev:after {font-size:1.875em; color:#666; font-weight:100; font-family:'Font Awesome 6 Pro'} .mBusiness_slide .swiper-button-next:after {content:'\f105'} .mBusiness_slide .swiper-button-prev:after {content:'\f104'} .mBusiness_slide .swiper-pagination-fraction {display:flex; justify-content:space-between; width:50px; font-size:1.125em; color:#a4a4a4; font-weight:500; font-family:'Josefin Sans'; line-height:30px; bottom:100px; left:auto; right:110px;} .mBusiness_slide .swiper-pagination-current {font-size:1.33em; color:#191919;} @media screen and (min-height:1080px){ .mBusiness_slide {margin-top:100px;} } @media screen and (max-width:1220px){ .mBusiness_slide .txt_box {padding-left:50px;} } @media screen and (max-width:1024px){ #mBusiness {padding:12% 0;} .mBusiness_slide {height:calc(35vw + 100px); margin-top:6%;} .mBusiness_slide .img_box {width:100vw; height:40vw;} .mBusiness_slide .txt_box {width:100%; height:100px; top:35vw; transform:translateY(0); padding:0 5%; text-align:center;} .mBusiness_slide .txt_box dl {width:100%;} .mBusiness_slide .txt_box dl dt {font-size:1.25em;} .mBusiness_slide .txt_box dl dd {margin-top:1%;} .mBusiness_slide .swiper-button-next, .mBusiness_slide .swiper-button-prev {display:none;} .mBusiness_slide .swiper-pagination-fraction {display:none;} } #mTechnology {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:url(/images/mTechnologyBG.jpg) no-repeat center center; background-size:cover; position:relative;} #mTechnology:before {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.8; position:absolute; left:0; top:0; z-index:0;} #mTechnology .s-inner {position:relative; z-index:10;} #mTechnology ul {width:100%; height:450px; border:1px solid rgba(255,255,255,0.3); margin-top:5vh;} #mTechnology ul:after {content:''; display:block; width:100%; clear:both;} #mTechnology ul li {float:left; width:20%; height:100%; border-right:1px solid rgba(255,255,255,0.3); position:relative;} #mTechnology ul li:last-child {border-right:0;} #mTechnology ul li:before {content:''; display:block; width:calc(100% + 10px); height:calc(100% + 10px); background:#f76033; box-shadow:10px 10px 15px rgba(25,25,25,0.3); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); opacity:0; visibility:hidden; transition:all 0.3s; transition-property:opacity, visibility;} #mTechnology ul li a {display:block; width:100%; height:100%; text-align:center; color:#fff; padding-top:125px; position:relative; z-index:5;} #mTechnology ul li i {font-size:3.125em;} #mTechnology ul li dl {padding:0 10px;} #mTechnology ul li dl dt {font-size:1.375em; font-weight:600; letter-spacing:0; margin:40px 0 20px;} #mTechnology ul li dl dd {font-size:1em; line-height:1.56em; letter-spacing:0;} #mTechnology ul li:hover:before {opacity:1; visibility:visible;} @media screen and (min-height:1080px){ #mTechnology ul {margin-top:100px;} } @media screen and (max-width:1220px){ #mTechnology ul {height:380px;} #mTechnology ul li a {padding-top:100px;} #mTechnology ul li i {font-size:2.8em;} #mTechnology ul li dl dt {font-size:1.25em; margin-top:25px;} } @media screen and (max-width:1024px){ #mTechnology {padding:12% 0;} #mTechnology ul {height:auto; margin-top:5vw;} #mTechnology ul li {width:33.33%; height:270px;} #mTechnology ul li:nth-child(3) ~ li {width:50%; border-top:1px solid rgba(255,255,255,0.3)} #mTechnology ul li:nth-child(3) {border-right:0;} #mTechnology ul li a {display:flex; justify-content:center; align-items:center; flex-direction:column; padding-top:0;} #mTechnology ul li i {font-size:2em;} #mTechnology ul li dl dt {margin:15px 0 10px;} } @media screen and (max-width:767px){ #mTechnology ul li {width:50%; height:170px;} #mTechnology ul li:nth-child(2) ~ li {border-top:1px solid rgba(255,255,255,0.3)} #mTechnology ul li:nth-child(4) ~ li {width:100%;} #mTechnology ul li:nth-child(even) {border-right:0;} #mTechnology ul li:nth-child(3) {border-right:1px solid rgba(255,255,255,0.3);} #mTechnology ul li i {font-size:1.8em;} } #mProduct {display:flex; justify-content:center; align-items:center; width:100%; height:100%; padding-top:80px;} .mProduct_slide {width:100%; margin-top:1vh; position:relative; padding-bottom:40px;} .mProduct_slide .swiper-slide {display:flex; align-items:center;} .mProduct_slide .img_box {display:flex; justify-content:center; align-items:center; width:250px; height:450px; position:relative; opacity:0.2;} .mProduct_slide .img_box:before {content:''; display:block; width:250px; height:250px; border-radius:50%; border:1px solid #ccc;} .mProduct_slide .img_box img {max-width:80%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);} .mProduct_slide .txt_box {display:none; width:50%; padding-left:100px; padding-right:40px;} .mProduct_slide .txt_box span {display:block; font-size:1.125em; color:#f76033; letter-spacing:0; font-weight:500; margin-bottom:10px;} .mProduct_slide .txt_box h3 {font-size:2.5em; letter-spacing:0; font-weight:700;} .mProduct_slide .txt_box p {font-size:1em; color:#666; line-height:1.56em; letter-spacing:0; margin-top:30px;} .mProduct_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;} .mProduct_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 20px;} .mProduct_slide .swiper-pagination-bullet {width:6px; height:6px; background:#191919; opacity:0.3;} .mProduct_slide .swiper-pagination-bullet-active {background:#f76033; opacity:1;} .mProduct_slide .swiper-slide-active .img_box {width:50%; opacity:1;} .mProduct_slide .swiper-slide-active .img_box:before {width:450px; height:450px; border:0; background:#f8f9fc;} .mProduct_slide .swiper-slide-active .img_box img {width:100%;} .mProduct_slide .swiper-slide-active .img_box.case2 img {left:58%;} .mProduct_slide .swiper-slide-active .txt_box {display:block;} @media screen and (min-height:1080px){ .mProduct_slide {margin-top:70px; padding-bottom:85px;} } @media screen and (max-width:1220px){ .mProduct_slide .img_box {height:400px;} .mProduct_slide .txt_box {padding-left:30px; padding-right:20px;} .mProduct_slide .swiper-slide-active .img_box:before {width:400px; height:400px;} } @media screen and (max-width:1024px){ #mProduct {padding:12% 0;} .mProduct_slide {margin-top:7%; padding-bottom:30px;} .mProduct_slide .img_box {height:37vw;} .mProduct_slide .txt_box {padding-right:20px;} .mProduct_slide .txt_box span {font-size:1em; margin-bottom:5px;} .mProduct_slide .txt_box h3 {font-size:2em;} .mProduct_slide .txt_box p {margin-top:15px;} .mProduct_slide .txt_box p br {display:none;} .mProduct_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 10px;} .mProduct_slide .swiper-slide-active .img_box:before {width:37vw; height:37vw;} } @media screen and (max-width:767px){ .mProduct_slide .swiper-slide {display:block;} .mProduct_slide .img_box {width:70%; height:auto;} .mProduct_slide .txt_box {width:100%; padding:0; margin-top:4%; text-align:center;} .mProduct_slide .txt_box p {margin-top:5px;} .mProduct_slide .swiper-slide-active .img_box {width:70%; margin:0 auto;} .mProduct_slide .swiper-slide-active .img_box:before {width:55vw; height:55vw;} } #mContact {width:100%; height:100%; background:url(/images/mContactBG.jpg) no-repeat center center; background-size:cover; position:relative;} #mContact:after {content:''; display:block; width:100%; height:345px; background:#191919; position:absolute; left:0; bottom:0; z-index:1;} #mContact:before {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.6; position:absolute; left:0; top:0; z-index:0;} #mContact .s-inner {height:100%; position:relative; z-index:10; overflow:hidden;} #mContact .s-inner > div {float:right; width:465px; height:100%;} #mContact .box1 {display:flex; align-items:center; height:calc(100% - 345px)} #mContact .box1 dl dt {font-size:1.5em; color:rgba(255,255,255,0.3); letter-spacing:0.2em; font-weight:600;} #mContact .box1 dl dd {font-size:1.5em; color:#fff; letter-spacing:0; line-height:1.45em; margin-top:50px;} #mContact .box2 {display:flex; justify-content:center; flex-direction:column; height:345px;} #mContact .box2 h2 {font-size:3.125em; color:#fff; font-weight:500; font-family:'Josefin Sans'} #mContact .box2 p {font-size:1.125em; color:#a4a4a4; margin-top:15px; letter-spacing:0;} #mContact .box2 .btn_box {display:flex; justify-content:space-between; margin-top:50px;} #mContact .map {width:50%; height:500px; position:absolute; left:0; bottom:95px; z-index:5;} #mContact .map iframe {width:100%; height:100%;} @media screen and (max-width:1220px){ #mContact .map {width:45%; height:400px;} } @media screen and (max-width:1024px){ #mContact:after {height:250px; bottom:0;} #mContact .s-inner > div {width:385px;} #mContact .box1 {height:auto; padding:28% 0;} #mContact .box1 dl dt {font-size:1.25em;} #mContact .box1 dl dd {font-size:1.25em; margin-top:20px;} #mContact .box2 {height:250px;} #mContact .box2 h2 {font-size:2.7em;} #mContact .box2 p {font-size:1em; margin-top:1%;} #mContact .box2 .btn_box {margin-top:25px;} #mContact .map {width:calc(100% - 480px); bottom:50px;} } @media screen and (max-width:767px){ #mContact:after {height:200px; bottom:200px;} #mContact .s-inner > div {float:left; width:100%;} #mContact .box2 {height:200px;} #mContact .box2 h2 {font-size:2.2em;} #mContact .box2 .btn_box {width:265px;} #mContact .map {width:100%; height:200px; position:relative; bottom:0;} } /* sub */ #sVisu {width:100%; height:100vh;} #sVisu > div {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:0; overflow:hidden;} #sVisu .img_box {content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; z-index:0; transform:scale(1.3); animation:sVisu_img 9000ms forwards 0.5} #sVisu .img_box:after {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.5; position:absolute; left:0; top:0; z-index:1;} #sVisu .txt_box {text-align:center; position:relative; z-index:5;} #sVisu .txt_box h2 {font-size:1.5em; color:rgba(255,255,255,0.5); letter-spacing:0.2em; line-height:1.2em; font-weight:600; overflow:hidden;} #sVisu .txt_box h3 {font-size:5.625em; color:#fff; line-height:1.3em; font-weight:500; font-family:'Josefin Sans'; margin-top:30px; overflow:hidden;} #sVisu .txt_box span {display:block; transform:translateY(-100%); animation:sVisu_txt 1.4s forwards 0.5s} #sVisu .scroll_box {width:15px; position:absolute; right:50px; top:50%; transform:translateY(-50%); z-index:10; text-align:center;} #sVisu .scroll_box:before {content:''; display:block; width:1px; height:70px; background:#fff; margin:0 auto 20px;} #sVisu .scroll_box:after {content:'\f8cd'; display:block; font-size:1em; color:#fff; font-weight:100; font-family:'Font Awesome 6 Pro'; margin-top:85px;} #sVisu .scroll_box p {font-size:0.75em; color:#fff; letter-spacing:0.2em; font-weight:500; transform:rotate(90deg); white-space:nowrap;} @keyframes sVisu_txt { 0% {transform:translateY(-100%)} 100% {transform:translateY(0)} } @keyframes sVisu_img { 0% {transform:scale(1.3)} 100% {transform:scale(1)} } @media screen and (max-width:1220px){ #sVisu .scroll_box {right:6%;} } @media screen and (max-width:1024px){ #sVisu .txt_box h2 {font-size:1.25em;} #sVisu .txt_box h3 {font-size:4.8em; margin-top:3%;} #sVisu .scroll_box {display:none;} #sVisu .scroll_box:before {height:30px; margin-bottom:10px;} #sVisu .scroll_box:after {margin-top:70px;} } @media screen and (max-width:767px){ #sVisu .txt_box h3 {font-size:3.5em;} } #sub_content {background:#fff; position:relative; z-index:10;} #sub_content h3 {font-size:2.5em; line-height:1.3em; font-weight:500; font-family:'Josefin Sans'; text-align:center;} #sub_content h3 + p {font-size:1em; color:#666; line-height:1.68em; letter-spacing:0; text-align:center; margin:10px 0 70px; text-align:center;} #sub_content h4 {font-size:1.5em; letter-spacing:0; line-height:1.3em; font-weight:600;} #sub_content img {max-width:100%;} .sub_section {padding:150px 0;} .sub_section.bg1 {background:#f8f9fc;} .sub_section.line {border-bottom:1px solid #dcdcdc;} .s_txt1 {font-size:1em; color:#666; line-height:1.68em;} @media screen and (max-width:1024px){ #sub_content h3 {font-size:2em;} #sub_content h3 + p {margin:0 0 5vw;} #sub_content h4 {font-size:1.25em;} .sub_section {padding:13vw 0;} } .sub_img_box1 {width:900px; margin:0 auto;} .sub_img_box1 > div {display:flex; justify-content:left; align-items:center; margin-bottom:30px;} .sub_img_box1 > div:last-child {margin-bottom:0;} .sub_img_box1 > div .img_box {width:400px; height:400px; background-color:#f8f9fc; background-repeat:no-repeat; background-position:center center; border-radius:50%;} .sub_img_box1 > div dl {width:calc(100% - 400px); padding-left:100px;} .sub_img_box1 > div dl dt {font-size:1.5em; letter-spacing:0; font-weight:600;} .sub_img_box1 > div dl dd {margin-top:10px;} .sub_img_box1 > div:nth-child(even) {flex-direction:row-reverse;} .sub_img_box1 > div:nth-child(even) dl {padding:0 100px 0 0;} .sub_img_box2 {width:100%; overflow:hidden;} .sub_img_box2 > div {float:left; width:calc(50% - 15px); margin-right:30px; text-align:center;} .sub_img_box2 > div:nth-child(even) {margin-right:0;} .sub_img_box2 > div:nth-child(even) + div {clear:both;} .sub_img_box2 > div:nth-child(2) ~ div {margin-top:70px;} .sub_img_box2 > div .img_box {width:100%; height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-bottom:30px;} .sub_img_box2 > div dl dt {font-size:1.125em; line-height:1.3em; letter-spacing:0; font-weight:600;} .sub_img_box2 > div dl dd {font-size:1em; color:#666; line-height:1.4em; letter-spacing:0; margin-top:10px} .sub_img_box4 {width:100%; overflow:hidden;} .sub_img_box4 > div {float:left; width:calc(33.33% - 20px); margin-right:30px;} .sub_img_box4 > div:last-child {margin-right:0;} .sub_img_box4 > div .img_box {width:100%; height:200px; background-repeat:no-repeat; background-position:center center; background-size:cover;} .sub_img_box4 > div dl dt {font-size:1.125em; font-weight:600; margin-top:30px;} .sub_img_box4 > div dl dd {font-size:1em; color:#666; line-height:1.68em; margin-top:20px;} @media screen and (max-width:1220px){ .sub_img_box2 > div .img_box {height:19vw;} .sub_img_box4 > div .img_box {height:15vw;} } @media screen and (max-width:1024px){ .sub_img_box1 {width:100%;} .sub_img_box1 > div {margin-bottom:5%;} .sub_img_box1 > div .img_box {width:30vw; height:30vw; background-size:80% auto;} .sub_img_box1 > div dl {width:calc(100% - 30vw); padding-left:30px;} .sub_img_box1 > div dl dt {font-size:1.25em;} .sub_img_box1 > div:nth-child(even) dl {padding:0 30px 0 0;} .sub_img_box2 > div {width:calc(50% - 10px); margin-right:20px;} .sub_img_box2 > div:nth-child(2) ~ div {margin-top:5%;} .sub_img_box2 > div .img_box {margin-bottom:3%;} .sub_img_box2 > div dl dd {margin-top:1%;} .sub_img_box4 > div {width:calc(33.33% - 10px); margin-right:15px;} .sub_img_box4 > div .img_box {height:16vw;} .sub_img_box4 > div dl dt {margin-top:15px;} .sub_img_box4 > div dl dd {margin-top:10px;} } @media screen and (max-width:767px){ .sub_img_box1 > div {display:block; margin-bottom:8%;} .sub_img_box1 > div .img_box {width:50vw; height:50vw; margin:0 auto;} .sub_img_box1 > div dl {width:100%; padding-left:0; text-align:center; margin-top:3%;} .sub_img_box1 > div dl dd {margin-top:1%;} .sub_img_box1 > div:nth-child(even) dl {padding:0;} .sub_img_box2 > div {float:none; width:100%; margin-right:0;} .sub_img_box2 > div:nth-child(1) ~ div {margin-top:7%;} .sub_img_box2 > div .img_box {height:33vw;} .sub_img_box4 > div {float:none; width:100%; margin:0 0 20px 0;} .sub_img_box4 > div:last-child {margin-bottom:0;} .sub_img_box4 > div .img_box {height:38vw;} } .sub_list_box1 > li {font-size:1em; color:#666; line-height:1.68em; letter-spacing:0; padding-left:24px; position:relative;} .sub_list_box1 > li:before {content:''; display:block; width:4px; height:4px; background:#191919; position:absolute; left:0; top:10px;} @media screen and (max-width:1024px){ .sub_list_box1 > li {padding-left:14px;} } @media screen and (max-width:767px){ .sub_list_box1 > li:before {width:3px; height:3px;} } .sub_product_box1 {position:relative;} .sub_product_box1:before {content:''; display:block; width:600px; height:600px; background:#f8f9fc; border-radius:50%; margin:0 auto;} .sub_product_box1 img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)} .sub_product_box1.case2 img {left:55%;} @media screen and (max-width:1024px){ .sub_product_box1:before {width:50vw; height:50vw;} .sub_product_box1 img {width:75%;} .sub_product_box1.case2 img {width:58%;} } .sub_video_box1 {width:100%; height:630px;} .sub_video_box1 iframe {width:100%; height:100%;} @media screen and (max-width:1220px){ .sub_video_box1 {height:45vw;} } .sub_table_box1 {width:100%; border-top:2px solid #191919;} .sub_table_box1 tbody th {background:#f8f9fc; font-size:1em; font-weight:600; border-bottom:1px solid #dcdcdc; padding:20px 5px;} .sub_table_box1 tbody td {font-size:1em; color:#666; padding:20px 10px 20px 50px; border-bottom:1px solid #dcdcdc;} @media screen and (max-width:1024px){ .sub_table_box1 tbody th {padding:15px 5px;} .sub_table_box1 tbody td {padding:15px;} } @media screen and (max-width:1024px){ .sub_table_box1.case2, .sub_table_box1.case2 tbody, .sub_table_box1.case2 tr, .sub_table_box1.case2 th, .sub_table_box1.case2 td {display:block;} .sub_table_box1.case2 tbody tr {display:flex; justify-content:left; flex-wrap:wrap;} .sub_table_box1.case2 tbody th {width:30%;} .sub_table_box1.case2 tbody td {width:70%;} } .sWhy_slide {width:100%; position:relative; padding-bottom:76px;} .sWhy_slide .swiper-slide {display:flex; justify-content:center; align-items:center; width:200px; height:400px; opacity:0;} .sWhy_slide .swiper-slide-prev, .sWhy_slide .swiper-slide-next {opacity:0.2;} .sWhy_slide .swiper-slide-prev {justify-content:right;} .sWhy_slide .swiper-slide-next {justify-content:left;} .sWhy_slide .img_box {width:200px; height:200px; border-radius:50%; background-repeat:no-repeat; background-position:center center; background-size:cover;} .sWhy_slide .txt_box {display:none; padding-left:100px;} .sWhy_slide .txt_box dl dt {font-size:1.5em; letter-spacing:0; font-weight:600;} .sWhy_slide .txt_box dl dd {font-size:1.125em; color:#666; letter-spacing:0; font-weight:500; margin-top:10px;} .sWhy_slide .txt_box ul {margin-top:30px;} .sWhy_slide .txt_box ul li {font-size:1em; color:#666; letter-spacing:0; padding-left:40px; position:relative; line-height:24px; margin-bottom:15px;} .sWhy_slide .txt_box ul li:last-child {margin-bottom:0;} .sWhy_slide .txt_box ul li:before {content:'\f058'; font-size:1.5em; color:#0d3360; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:0;} .sWhy_slide .txt_box ul li:last-child:before {color:#f76033;} .sWhy_slide .swiper-slide-active {width:100%; opacity:1;} .sWhy_slide .swiper-slide-active .img_box {width:400px; height:400px;} .sWhy_slide .swiper-slide-active .txt_box {display:block;} .sWhy_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;} .sWhy_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 23px} .sWhy_slide .swiper-pagination-bullet {width:6px; height:6px; background:#191919; opacity:0.3;} .sWhy_slide .swiper-pagination-bullet-active {background:#f76033; opacity:1;} .sWhy_case1 dl {display:flex; flex-wrap:wrap;} .sWhy_case1 dl dt {display:flex; justify-content:center; align-items:center; width:100%; height:60px; text-align:center; margin-bottom:30px;} .sWhy_case1 dl dd {width:calc(33.33% - 20px); margin-right:30px;} .sWhy_case1 dl dd:last-child {margin-right:0;} .sWhy_case1 .box1 {max-width:780px; margin:0 auto; overflow:hidden; position:relative;} .sWhy_case1 .box1:before {content:''; display:block; width:100%; height:1px; background:#dcdcdc; position:absolute; left:0; top:135px;} .sWhy_case1 .box1:after {content:''; display:block; width:295px; height:61px; background:url(../images/sWhy_icon1.svg) no-repeat center center; background-size:295px 61px; margin:50px auto;} .sWhy_case1 .box1 dt {background:#191919; font-size:1.125em; color:#fff; font-weight:600;} .sWhy_case1 .box1 dd {display:flex; justify-content:center; align-items:center; height:90px; background:#fff; border:2px solid #dcdcdc; font-size:1em; color:#666; line-height:1.68em; text-align:center; position:relative; z-index:5;} .sWhy_case1 .box2 dt {background:#f76033; font-size:1.5em; color:#fff; font-weight:600;} .sWhy_case1 .box2 dd .img_box {width:100%; height:200px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-bottom:20px;} .sWhy_case1 .box2 dd p {font-size:1em; color:#666; line-height:1.56em;} .sWhy_case2 {width:100%; position:relative;} .sWhy_case2 .icon_box {width:481px; height:486px; background:url(../images/sWhy_img8.png) no-repeat center center; background-size:cover; overflow:hidden; margin:0 auto;} .sWhy_case2 .icon_box li {float:left; display:flex; justify-content:center; align-items:center; width:calc(50% - 10px); height:230px;} .sWhy_case2 .icon_box li:nth-child(even) {float:right;} .sWhy_case2 .icon_box li:nth-child(2) ~ li {margin-top:25px;} .sWhy_case2 .icon_box li i {font-size:3.125em;} .sWhy_case2 .txt_box {width:100%; overflow:hidden; position:absolute; left:0; top:0;} .sWhy_case2 .txt_box > div {float:left; display:flex; justify-content:center; flex-direction:column; width:360px; height:230px; padding-right:30px;} .sWhy_case2 .txt_box > div:nth-child(even) {float:right; padding:0 0 0 70px;} .sWhy_case2 .txt_box > div:nth-child(2) ~ div {margin-top:25px;} .sWhy_case2 .txt_box > div:nth-child(3) {clear:both;} .sWhy_case2 .txt_box p {font-size:1.125em; color:#666; font-weight:500; margin:10px 0 30px;} @media screen and (max-width:1220px){ .sWhy_slide .txt_box {padding-left:50px;} .sWhy_case1 .box2 dd .img_box {height:15vw;} .sWhy_case2 .icon_box {width:400px; height:404px;} .sWhy_case2 .icon_box li {width:calc(50% - 9px); height:192px;} .sWhy_case2 .icon_box li:nth-child(2) ~ li {margin-top:20px;} .sWhy_case2 .txt_box > div {width:calc(50% - 200px); height:192px; padding-right:5px;} .sWhy_case2 .txt_box > div:nth-child(even) {padding:0 0 0 20px;} .sWhy_case2 .txt_box p {margin:5px 0 10px;} } @media screen and (max-width:1024px){ .sWhy_slide {padding-bottom:40px;} .sWhy_slide .swiper-slide {height:30vw;} .sWhy_slide .txt_box {width:calc(90% - 30vw); padding-left:30px;} .sWhy_slide .txt_box dl dt {font-size:1.25em;} .sWhy_slide .txt_box dl dd {margin-top:5px;} .sWhy_slide .txt_box ul {margin-top:15px;} .sWhy_slide .txt_box ul li {line-height:1.5em; padding-left:25px; margin-bottom:5px;} .sWhy_slide .txt_box ul li:before {font-size:1.25em;} .sWhy_slide .swiper-slide-active .img_box {width:30vw; height:30vw;} .sWhy_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px} .sWhy_case1 dl dt {height:50px; margin-bottom:15px;} .sWhy_case1 dl dd {width:calc(33.33% - 10px); margin-right:15px;} .sWhy_case1 .box1 {max-width:100%;} .sWhy_case1 .box1:before {top:105px;} .sWhy_case1 .box1:after {width:220px; height:38px; background-size:220px 38px; margin:20px auto;} .sWhy_case1 .box1 dd {height:80px;} .sWhy_case1 .box2 dt {font-size:1.25em;} .sWhy_case1 .box2 dd .img_box {height:16vw; margin-bottom:10px;} .sWhy_case2 .txt_box {position:relative; margin-top:20px;} .sWhy_case2 .txt_box > div {width:calc(50% - 5px); height:auto; padding:0;} .sWhy_case2 .txt_box > div:nth-child(even) {padding:0;} } @media screen and (max-width:767px){ .sWhy_slide .swiper-slide {flex-wrap:wrap; height:auto;} .sWhy_slide .img_box {margin:0 auto;} .sWhy_slide .txt_box {width:auto; padding-left:0; margin-top:10px;} .sWhy_slide .txt_box dl {text-align:center;} .sWhy_slide .swiper-slide-prev, .sWhy_slide .swiper-slide-next {opacity:0;} .sWhy_slide .swiper-slide-active .img_box {width:70vw; height:70vw; max-width:400px; max-height:400px;} .sWhy_case1 dl dt {height:40px; margin-bottom:10px;} .sWhy_case1 dl dd {width:100%; margin:0 0 10px 0;} .sWhy_case1 dl dd:last-child {margin-bottom:0;} .sWhy_case1 .box1:before {width:1px; height:120px; top:110px; left:50%;} .sWhy_case1 .box1:after {width:200px; height:35px; background-size:200px 35px;} .sWhy_case1 .box1 dd {height:60px;} .sWhy_case1 .box2 dd .img_box {height:38vw; margin-bottom:5px;} .sWhy_case2 .icon_box {width:300px; height:303px;} .sWhy_case2 .icon_box li {width:calc(50% - 7px); height:143px;} .sWhy_case2 .icon_box li:nth-child(2) ~ li {margin-top:16px;} .sWhy_case2 .icon_box li i {font-size:2.5em;} .sWhy_case2 .txt_box > div {float:none !important; width:100%;} .sWhy_case2 .txt_box > div:nth-child(1) ~ div {margin-top:25px;} } .sWho_case1 p {font-size:1.5em; font-weight:500; font-family:'Josefin Sans'; margin-bottom:25px; overflow:hidden;} .sWho_case1 p:not(:first-child) {margin-top:100px;} .sWho_case1 p span {float:right; font-size:0.58em; color:#666; letter-spacing:0; font-family:'Raleway'} .sWho_case1 img {max-width:100%;} @media screen and (max-width:1024px){ .sWho_case1 p {font-size:1.125em; margin-bottom:1%;} .sWho_case1 p:not(:first-child) {margin-top:8%;} } .sVison_case1 {display:flex; justify-content:center; flex-wrap:wrap; width:100%;} .sVison_case1 > div {width:350px; margin-right:30px;} .sVison_case1 > div:last-child {margin-right:0;} .sVison_case1 > div .tit {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:350px; border-radius:50%; border:50px solid #b2dbee; text-align:center; position:relative;} .sVison_case1 > div .tit:after {content:''; display:none; width:0; height:0; border-top:25px solid #b2dbee; border-left:26px solid transparent; border-right:26px solid transparent; position:absolute; left:50%; bottom:-45px; transform:translate(-50%, 100%)} .sVison_case1 > div .tit i {font-size:3.125em; color:#0089c8; margin-bottom:10px;} .sVison_case1 > div .txt {display:flex; justify-content:center; align-items:center; width:100%; height:100px; border:2px solid #dcdcdc; font-size:1.125em; color:#666; line-height:1.5em; text-align:center; position:relative;} .sVison_case1 > div .txt:after {content:'\2b'; font-size:1em; color:#a4a4a4; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:-48px; top:50%; transform:translateY(-50%)} .sVison_case1 > div:nth-child(2) .tit {border-color:#b2e0df;} .sVison_case1 > div:nth-child(2) .tit:after {border-top-color:#b2e0df;} .sVison_case1 > div:nth-child(2) .tit i {color:#009896;} .sVison_case1 > div:nth-child(3) .tit {border-color:#d7eab2;} .sVison_case1 > div:nth-child(3) .tit:after {border-top-color:#d7eab2;} .sVison_case1 > div:nth-child(3) .tit i {color:#7aba00;} .sVison_case2 {display:flex; justify-content:center; flex-wrap:wrap; width:100%; padding-top:160px; position:relative;} .sVison_case2:before {content:'\2b'; display:block; width:60px; height:60px; line-height:56px; background:#0d3360; border-radius:50%; font-size:2em; color:#fff; font-weight:400; font-family:'Font Awesome6 Pro'; text-align:center; position:absolute; left:50%; top:50px; transform:translateX(-50%);} .sVison_case2 > div {width:350px; margin-right:30px;} .sVison_case2 > div:last-child {margin-right:0;} .sVison_case2 > div .img_box {width:100%; height:350px; border:15px solid #eee; border-radius:50%; position:relative;} .sVison_case2 > div .img_box div {width:calc(100% - 50px); height:calc(100% - 50px); background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);} .sVison_case2 > div p {font-size:1.125em; line-height:1.5em; letter-spacing:0; font-weight:500; text-align:center; margin-top:30px;} @media screen and (max-width:1220px){ .sVison_case1 > div {width:calc(33.33% - 20px);} .sVison_case1 > div .tit {height:26.8vw; border-width:35px;} .sVison_case1 > div .tit:after {bottom:-30px;} .sVison_case2 > div {width:calc(33.33% - 20px);} .sVison_case2 > div .img_box {height:26.8vw;} } @media screen and (max-width:1024px){ .sVison_case1 > div {width:calc(33.33% - 13.33px); margin-right:20px;} .sVison_case1 > div .tit {height:26.5vw; border-width:27px;} .sVison_case1 > div .tit:after {bottom:-23px; border-top-width:15px; border-left-width:15px; border-right-width:15px;} .sVison_case1 > div .tit i {font-size:2.5em; margin-bottom:5px;} .sVison_case1 > div .txt {height:90px;} .sVison_case1 > div .txt:after {font-size:0.8em; right:-17px;} .sVison_case2 {padding-top:100px;} .sVison_case2:before {width:45px; height:45px; line-height:42px; font-size:1.5em; top:27px} .sVison_case2 > div {width:calc(33.33% - 13.33px); margin-right:20px;} .sVison_case2 > div .img_box {height:26.5vw; border-width:10px;} .sVison_case2 > div .img_box div {width:calc(100% - 20px); height:calc(100% - 20px);} .sVison_case2 > div p {margin-top:15px;} } @media screen and (max-width:767px){ .sVison_case1 > div {width:50%; margin:0;} .sVison_case1 > div:last-child {margin-bottom:0;} .sVison_case1 > div .tit {width:40vw; height:40vw; max-width:200px; max-height:200px; border-width:15px; margin:0 auto;} .sVison_case1 > div .tit:after {bottom:-12px;} .sVison_case1 > div .txt {height:50px;} .sVison_case1 > div .txt:after {display:none;} .sVison_case2 > div {width:50%; margin:0 0 3% 0;} .sVison_case2 > div:last-child {margin-bottom:0;} .sVison_case2 > div .img_box {width:40vw; height:40vw; max-width:200px; max-height:200px; border-width:6px; margin:0 auto;} .sVison_case2 > div .img_box div {width:calc(100% - 10px); height:calc(100% - 10px);} } .sDirectors_case1 > div {display:flex; align-items:center; width:100%; margin-bottom:40px;} .sDirectors_case1 > div:last-child {margin-bottom:0;} .sDirectors_case1 > div .img_box {width:280px; height:280px; background:#f8f9fc; background-repeat:no-repeat; background-position:center center; background-size:contain;} .sDirectors_case1 > div .txt_box {width:calc(100% - 280px); padding-left:70px;} .sDirectors_case1 > div .txt_box p {font-size:1.125em; color:#666; margin-top:10px;} .sDirectors_case1 > div .txt_box ul {margin-top:30px;} @media screen and (max-width:1220px){ .sDirectors_case1 > div .txt_box {padding-left:50px;} } @media screen and (max-width:1024px){ .sDirectors_case1 > div .img_box {width:220px; height:220px;} .sDirectors_case1 > div .txt_box {width:calc(100% - 220px); padding-left:30px;} .sDirectors_case1 > div .txt_box p {margin-top:5px;} .sDirectors_case1 > div .txt_box ul {margin-top:15px;} } @media screen and (max-width:767px){ .sDirectors_case1 > div {display:block;} .sDirectors_case1 > div .img_box {width:240px; height:240px; margin:0 auto;} .sDirectors_case1 > div .txt_box {width:100%; margin-top:15px; padding-left:0;} .sDirectors_case1 > div .txt_box ul {margin-bottom:10px;} } .sContact_case1 iframe {width:100%; height:500px; margin-bottom:70px;} .sContact_case1 img {max-width:100%;} @media screen and (max-width:1220px){ .sContact_case1 iframe {height:45vw;} } @media screen and (max-width:1024px){ .sContact_case1 iframe {margin-bottom:7%;} } .sBusiness_case1 {width:100%; position:relative;} .sBusiness_case1 .tit_box {display:flex; justify-content:center; align-items:center; flex-direction:column; width:389px; height:389px; background:url(../images/sBusiness_img1.png) no-repeat center center; background-size:cover; margin:0 auto;} .sBusiness_case1 .tit_box span {display:block; font-size:0.875em; color:#666; margin-top:5px;} .sBusiness_case1 .txt_box {width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); overflow:hidden;} .sBusiness_case1 .txt_box li {float:left; display:flex; justify-content:center; align-items:center; width:300px; height:100px; border:2px solid #dcdcdc; font-size:1em; color:#666; line-height:1.68em; text-align:center; padding:0 5px;} .sBusiness_case1 .txt_box li:nth-child(even) {float:right;} .sBusiness_case1 .txt_box li:nth-child(even) + li {clear:both;} .sBusiness_case1 .txt_box li:nth-child(2) ~ li {margin-top:20px;} .sBusiness_case2 {display:flex; justify-content:center; align-items:center; width:100%; height:450px; background:#90b7f4 url(../images/sBusiness_img2.png) no-repeat 80% center;} .sBusiness_case2 .txt {font-size:1em; color:#fff; line-height:1.56em; margin-top:20px;} .sBusiness_case2 ul {display:flex; justify-content:center; align-items:center; width:590px; height:60px; background:#fff; margin-top:50px;} .sBusiness_case2 ul li {font-size:1em; color:#0d3360; font-weight:600; margin-right:20px;} .sBusiness_case2 ul li:first-child:after {content:'\2b'; display:none; width:30px; line-height:30px; background:#0d3360; font-size:0.75em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; text-align:center; margin-left:20px;} .sBusiness_case2 ul li:last-child {margin-right:0;} .sBusiness_case3 {display:flex; justify-content:space-between; flex-wrap:wrap; max-width:780px; margin:0 auto 110px; position:relative;} .sBusiness_case3:before {content:''; display:block; width:100%; height:1px; background:#dcdcdc; position:absolute; left:0; top:50%;} .sBusiness_case3 p {display:flex; justify-content:center; align-items:center; width:calc(33.33% - 23.33px); height:90px; background:#fff; border:2px solid #dcdcdc; font-size:1em; color:#666; line-height:1.68em; text-align:center; position:relative; z-index:5;} .sBusiness_case4 .box1 {width:100%; overflow:hidden;} .sBusiness_case4 .box1 .tit {display:flex; justify-content:center; align-items:center; width:100%; height:60px; text-align:center; background:#0d3360; font-size:1.5em; color:#fff; font-weight:600; margin-bottom:30px; } .sBusiness_case4 .box1 > div {width:calc(50% - 5px); height:200px; border:2px solid #dcdcdc; padding:40px 50px 0; margin:0 auto;} /*.sBusiness_case4 .box1 > div:last-child {margin-right:0;}*/ .sBusiness_case4 .box1 > div h4 {margin-bottom:20px;} .sBusiness_case4 .box2 {display:flex; justify-content:left; align-items:center; flex-wrap:wrap; width:100%;} .sBusiness_case4 .box2 .img_box {background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:50%;} .sBusiness_case4 .box2 > .img_box {width:180px; height:180px;} .sBusiness_case4 .box2 .img_box2 {display:flex; align-items:center; width:calc(100% - 360px);} .sBusiness_case4 .box2 .img_box2 .img_box {width:300px; height:300px;} .sBusiness_case4 .box2 .img_box2 ul {width:calc(50% - 150px); text-align:center; position:relative;} .sBusiness_case4 .box2 .img_box2 ul:before {content:''; display:block; width:111px; height:99px; background:url(/images/sBusiness_img6.svg) no-repeat center center; background-size:111px 99px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);} .sBusiness_case4 .box2 .img_box2 ul li {font-size:1em; color:#666; font-weight:500; margin-bottom:140px; position:relative; z-index:5;} .sBusiness_case4 .box2 .img_box2 ul li:last-child {margin-bottom:0;} @media screen and (max-width:1220px){ .sBusiness_case1 .tit_box {width:350px; height:350px;} .sBusiness_case1 .txt_box li {width:calc(50% - 200px)} .sBusiness_case2 {background-position:120% center;} .sBusiness_case4 .box2 > .img_box {width:15%; height:13vw;} .sBusiness_case4 .box2 .img_box2 {width:70%;} .sBusiness_case4 .box2 .img_box2 .img_box {width:40%; height:25vw;} .sBusiness_case4 .box2 .img_box2 ul {width:30%;} } @media screen and (max-width:1024px){ .sBusiness_case1 .tit_box {width:300px; height:300px;} .sBusiness_case1 .txt_box li {width:calc(50% - 160px); height:80px;} .sBusiness_case1 .txt_box li:nth-child(2) ~ li {margin-top:5px;} .sBusiness_case1 .txt_box li br {display:none;} .sBusiness_case2 {height:380px; background-size:auto 80%;} .sBusiness_case2 .txt {margin-top:10px;} .sBusiness_case2 ul {width:480px; height:50px; margin-top:30px;} .sBusiness_case2 ul li {margin-right:10px;} .sBusiness_case2 ul li:first-child:after {width:20px; line-height:20px; margin-left:10px;} .sBusiness_case3 {margin-bottom:10%;} .sBusiness_case4 .box1 > div {width:100%;} .sBusiness_case4 .box1 .tit {height:50px; font-size:1.25em; margin-bottom:15px;} .sBusiness_case4 .box1 > div {height:180px; padding:20px 30px 0;} .sBusiness_case4 .box1 > div h4 {margin-bottom:10px;} .sBusiness_case4 .box2 .img_box2 ul:before {width:70px; height:62px; background-size:70px 62px;} .sBusiness_case4 .box2 .img_box2 ul li {font-size:0.875em; margin-bottom:80px;} } @media screen and (max-width:767px){ .sBusiness_case1 .tit_box {width:250px; height:250px;} .sBusiness_case1 .txt_box {position:relative; top:0; transform:translateY(0); margin-top:25px;} .sBusiness_case1 .txt_box li {width:calc(50% - 2.5px)} .sBusiness_case2 {height:auto; padding:50px 0 100px; background-position:140% bottom; background-size:auto 70%;} .sBusiness_case2 .txt {margin-top:5px;} .sBusiness_case2 ul {display:block; width:260px; height:auto; padding:10px 15px; margin-top:20px;} .sBusiness_case2 ul li {margin:5px 0;} .sBusiness_case3:before {width:1px; height:100%; left:50%; top:0;} .sBusiness_case3 p {width:100%; height:50px; margin-bottom:10px;} .sBusiness_case3 p:last-child {margin-bottom:0;} .sBusiness_case4 .box1 .tit {height:40px; margin-bottom:10px;} .sBusiness_case4 .box1 > div {float:none; width:100%; height:auto; padding:20px; margin-bottom:10px;} .sBusiness_case4 .box1 > div:last-child {margin-bottom:0;} .sBusiness_case4 .box2 {justify-content:center;} .sBusiness_case4 .box2 > .img_box {width:30vw; height:30vw;} .sBusiness_case4 .box2 .img_box2 {display:block; width:100%;} .sBusiness_case4 .box2 .img_box2 .img_box {width:60vw; height:60vw; margin:0 auto;} .sBusiness_case4 .box2 .img_box2 ul {width:100%; margin:20px 0;} .sBusiness_case4 .box2 .img_box2 ul:before {position:relative; left:0; top:0; transform:rotate(90deg); margin:0 auto;} .sBusiness_case4 .box2 .img_box2 ul li {margin-bottom:0; position:absolute; top:50%; transform:translateY(-50%);} .sBusiness_case4 .box2 .img_box2 ul li:nth-child(1) {left:50%; margin-left:40px;} .sBusiness_case4 .box2 .img_box2 ul li:nth-child(2) {right:50%; margin-right:40px;} } .sHome_case1 {padding-bottom:100px; margin-bottom:100px; border-bottom:1px solid #ddd;} .sHome_case1 .img_box {display:flex; justify-content:center; align-items:center; width:400px; height:400px; background:#f8f9fc; border-radius:50%; margin:0 auto 50px;} .sHome_case1 ul {display:flex; justify-content:center;} .sHome_case1 ul li {display:flex; justify-content:center; align-items:center; flex-direction:column; width:150px; height:150px; border:2px solid #dcdcdc; border-radius:50%; margin-right:20px; text-align:center;} .sHome_case1 ul li:last-child {margin-right:0;} .sHome_case1 ul li i {font-size:1.875em; color:#666;} .sHome_case1 ul li p {font-size:0.875em; color:#666; letter-spacing:0; margin-top:10px;} .sHome_case2 {display:flex; align-items:center; flex-wrap:wrap; width:100%;} .sHome_case2 > div {position:relative;} .sHome_case2 .img_box {width:100%; height:240px; border-radius:50%; background-repeat:no-repeat; background-position:center center; background-size:cover;} .sHome_case2 .box1 {width:25%; padding-right:60px;} .sHome_case2 .box1:after {content:''; display:block; width:22px; height:32px; background:url(/images/sHome_icon1.png) no-repeat center center; background-size:cover; position:absolute; right:19px; top:50%; transform:translateY(-50%)} .sHome_case2 .box2 {width:50%;} .sHome_case2 .box2 img {width:640px; max-width:none !important; margin-left:-40px;} .sHome_case2 .box2 p {display:inline-block; font-size:1.125em; font-weight:600; position:absolute; left:-40px; transform:translateX(-50%)} .sHome_case2 .box2 p:nth-of-type(1) {top:45px;} .sHome_case2 .box2 p:nth-of-type(2) {bottom:45px;} @media screen and (max-width:1220px){ .sHome_case1 ul li {width:13vw; height:13vw;} .sHome_case2 .img_box {height:17vw;} .sHome_case2 .box2 img {width:calc(100% + 40px);} .sHome_case2 .box2 p:nth-of-type(1) {top:8%;} .sHome_case2 .box2 p:nth-of-type(2) {bottom:8%;} } @media screen and (max-width:1024px){ .sHome_case1 {padding-bottom:10%; margin-bottom:10%;} .sHome_case1 .img_box {width:300px; height:300px; margin-bottom:5%;} .sHome_case1 .img_box img {width:80%;} .sHome_case1 ul li {width:12vw; height:12vw; margin-right:10px;} .sHome_case1 ul li i {font-size:1.5em;} .sHome_case1 ul li p {margin-top:5px;} .sHome_case2 .box1 {padding-right:40px;} .sHome_case2 .box1:after {width:18px; height:26px; right:10px;} .sHome_case2 .box2 img {width:calc(100% + 20px); margin-left:-20px;} .sHome_case2 .box2 p {left:-20px;} } @media screen and (max-width:767px){ .sHome_case1 .img_box {width:250px; height:250px;} .sHome_case1 ul {flex-wrap:wrap;} .sHome_case1 ul li {width:23vw; height:23vw;} .sHome_case1 ul li:nth-child(3n) {margin-right:0;} .sHome_case1 ul li:nth-child(3) ~ li {margin-top:10px;} .sHome_case2 .img_box {height:36vw;} .sHome_case2 .box1 {width:50%;} .sHome_case2 .box2 {width:100%; margin-top:20px;} .sHome_case2 .box2 img {width:calc(100% - 50px); margin-left:50px;} .sHome_case2 .box2 p {left:50px;} } .sMiuc_slide_wrap {width:100%; position:relative; margin-bottom:75px;} .sMiuc_slide {width:100%; overflow:hidden;} .sMiuc_slide .swiper-slide {display:flex; align-items:center; flex-wrap:wrap; opacity:0 !important; transition:opacity 0.5s} .sMiuc_slide .swiper-slide-active {opacity:1 !important;} .sMiuc_slide .img_box {width:500px; height:350px; background-repeat:no-repeat; background-position:center center; background-size:cover;} .sMiuc_slide .txt_box {width:calc(100% - 500px); padding-left:100px;} .sMiuc_slide .txt_box span {display:block; font-size:1.125em; color:#f76033; letter-spacing:0; font-weight:500; margin-bottom:10px;} .sMiuc_slide .txt_box dl dt {font-size:1.875em; font-weight:600; line-height:1.3em; letter-spacing:0; margin-bottom:40px;} .sMiuc_slide .txt_box dl dd {font-size:1em; color:#666; letter-spacing:0; line-height:1.68em; margin-bottom:15px;} .sMiuc_slide .txt_box dl dd:last-child {margin-bottom:0;} .sMiuc_slide .swiper-button-next, .sMiuc_slide .swiper-button-prev {width:50px; height:50px; line-height:48px; text-align:center;} .sMiuc_slide .swiper-button-next {right:-120px;} .sMiuc_slide .swiper-button-prev {left:-120px;} .sMiuc_slide .swiper-button-next:after, .sMiuc_slide .swiper-button-prev:after {width:100%; height:100%; background:#fff; border:1px solid #dcdcdc; border-radius:50%; font-size:1.125em; color:#666; font-weight:300; font-family:'Font Awesome 6 Pro'; transition:all 0.5s; transition-property:background, border, color;} .sMiuc_slide .swiper-button-next:after {content:'\f105'} .sMiuc_slide .swiper-button-prev:after {content:'\f104'} .sMiuc_slide .swiper-button-next:hover:after, .sMiuc_slide .swiper-button-prev:hover:after {background:#f76033; border-color:#f76033; color:#fff;} .sMiuc_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:-75px;} .sMiuc_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 20px;} .sMiuc_slide .swiper-pagination-bullet {width:6px; height:6px; background:#191919; opacity:0.3;} .sMiuc_slide .swiper-pagination-bullet-active {background:#f76033; opacity:1;} @media screen and (max-width:1460px){ .sMiuc_slide .swiper-button-next, .sMiuc_slide .swiper-button-prev {opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;} .sMiuc_slide:hover .swiper-button-next, .sMiuc_slide:hover .swiper-button-prev {opacity:1; visibility:visible;} .sMiuc_slide .swiper-button-next {right:30px;} .sMiuc_slide .swiper-button-prev {left:30px;} } @media screen and (max-width:1220px){ .sMiuc_slide_wrap {margin-bottom:50px;} .sMiuc_slide .img_box {width:40%; height:25vw;} .sMiuc_slide .txt_box {width:60%; padding-left:30px;} .sMiuc_slide .txt_box span {margin-bottom:0;} .sMiuc_slide .txt_box dl dt {margin-bottom:20px;} .sMiuc_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:-50px;} } @media screen and (max-width:1024px){ .sMiuc_slide .txt_box {padding-left:20px;} .sMiuc_slide .txt_box span {font-size:1em;} .sMiuc_slide .txt_box dl dt {font-size:1.5em; margin-bottom:10px;} .sMiuc_slide .txt_box dl dd {margin-bottom:5px;} .sMiuc_slide .swiper-button-next, .sMiuc_slide .swiper-button-prev {width:35px; height:35px; line-height:33px;} .sMiuc_slide .swiper-button-next {right:10px;} .sMiuc_slide .swiper-button-prev {left:10px;} .sMiuc_slide .swiper-button-next:after, .sMiuc_slide .swiper-button-prev:after {font-size:1em;} .sMiuc_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 8px;} } @media screen and (max-width:767px){ .sMiuc_slide_wrap {margin-bottom:30px;} .sMiuc_slide .img_box {width:100%; height:50vw; margin-bottom:3%;} .sMiuc_slide .txt_box {width:100%; padding-left:0;} .sMiuc_slide .swiper-button-next, .sMiuc_slide .swiper-button-prev {display:none;} .sMiuc_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:-30px;} } .sub_img_box3 {display:flex; align-items:center; flex-wrap:wrap; width:100%;} .sub_img_box3 .img_box {width:500px; height:350px; background-repeat:no-repeat; background-position:center center; background-size:cover;} .sub_img_box3 .txt_box {width:calc(100% - 500px); padding-left:100px;} .sub_img_box3 .txt_box span {display:block; font-size:1.125em; color:#f76033; letter-spacing:0; font-weight:500; margin-bottom:10px;} .sub_img_box3 .txt_box dl dt {font-size:1.875em; font-weight:600; line-height:1.3em; letter-spacing:0; margin-bottom:40px;} .sub_img_box3 .txt_box dl dd {font-size:1em; color:#666; letter-spacing:0; line-height:1.68em; margin-bottom:15px;} .sub_img_box3 .txt_box dl dd:last-child {margin-bottom:0;} @media screen and (max-width:1220px){ .sub_img_box3 .img_box {width:40%; height:25vw;} .sub_img_box3 .txt_box {width:60%; padding-left:30px;} .sub_img_box3 .txt_box span {margin-bottom:0;} .sub_img_box3 .txt_box dl dt {margin-bottom:20px;} } @media screen and (max-width:1024px){ .sub_img_box3 .txt_box {padding-left:20px;} .sub_img_box3 .txt_box span {font-size:1em;} .sub_img_box3 .txt_box dl dt {font-size:1.5em; margin-bottom:10px;} .sub_img_box3 .txt_box dl dd {margin-bottom:5px;} } @media screen and (max-width:767px){ .sub_img_box3 .img_box {width:100%; height:50vw; margin-bottom:3%;} .sub_img_box3 .txt_box {width:100%; padding-left:0;} } .sPipeline_case1 {width:100%; background:#f8f8fc; padding:50px 160px;} .sPipeline_case1 h4 {margin-bottom:20px;} .sPipeline_case2 {padding-top:100px; margin-top:100px; border-top:1px solid #ddd;} @media screen and (max-width:1220px){ .sPipeline_case1 {padding:30px 50px;} } @media screen and (max-width:1024px){ .sPipeline_case1 {padding:4% 6%;} .sPipeline_case1 h4 {margin-bottom:1%;} .sPipeline_case2 {padding-top:10%; margin-top:10%;} } .sContactus_case1 .form_list {width:100%;} .sContactus_case1 .form_list:after {content:''; display:block; width:100%; clear:both;} .sContactus_case1 .form_list li {float:left; width:calc(50% - 20px); margin-right:40px;} .sContactus_case1 .form_list li:nth-child(even) {margin-right:0;} .sContactus_case1 .form_list li:nth-child(2) ~ li {margin-top:30px;} .sContactus_case1 .form_list li label {display:block; font-size:1em; font-weight:600; margin-bottom:15px;} .sContactus_case1 .form_list li div input, .sContactus_case1 .form_list li .select_box select {width:100%; height:65px; border:2px solid #dcdcdc; padding:0 30px; font-size:1em; font-weight:500; font-family:'Raleway', 'Noto Sans KR'} .sContactus_case1 .form_list li div input:focus, .sContactus_case1 .form_list li .select_box select:focus, .sContactus_case1 textarea:focus {border:3px solid #f76033 !important; box-shadow:5px 5px 10px rgba(25,25,25,0.05); outline:none;} .sContactus_case1 .form_list li .select_box {position:relative;} .sContactus_case1 .form_list li .select_box:after {content:'\f107'; font-size:1.125em; color:#666; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:30px; top:50%; transform:translateY(-50%)} .sContactus_case1 .form_list li .select_box select {color:#a4a4a4; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .sContactus_case1 .form_list li .select_box select::-ms-expand{ display:none;} .sContactus_case1 .form_list li .select_box select option {color:#191919;} .sContactus_case1 .form_list li .select_box.change select {color:#191919;} .sContactus_case1 textarea {width:100%; height:270px; border:2px solid #dcdcdc; margin-top:50px; padding:10px 30px; font-size:1em; font-weight:500; font-family:'Raleway', 'Noto Sans KR'; resize:none;} .sContactus_case1 .privacy_box {width:100%; background:#f8f9fc; margin-top:30px; padding:40px 50px;} .sContactus_case1 .privacy_box .tit {font-size:1.125em; font-weight:500; margin-bottom:15px;} .sContactus_case1 .privacy_box .txt {font-size:1em; color:#666; line-height:1.8em; font-family:'Noto Sans KR'} .sContactus_case1 .check_box {display:block; margin-top:20px; text-align:right;} .sContactus_case1 .check_box input {display:none;} .sContactus_case1 .check_box p {display:inline-block; font-size:1em; line-height:25px; font-weight:600; padding-left:40px; position:relative;} .sContactus_case1 .check_box p:before {content:''; display:block; width:25px; height:25px; line-height:23px; text-align:center; border:1px solid #dcdcdc; position:absolute; left:0; top:0;} .sContactus_case1 .check_box input:checked + p:before {content:'\f00c'; border-color:#f76033; background:#f76033; font-size:0.75em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro';} @media screen and (max-width:1024px){ .sContactus_case1 .form_list li {width:calc(50% - 7.5px); margin-right:15px;} .sContactus_case1 .form_list li label {margin-bottom:10px;} .sContactus_case1 .form_list li div input, .sContactus_case1 .form_list li .select_box select {height:50px; padding:0 15px;} .sContactus_case1 .form_list li .select_box:after {right:15px;} .sContactus_case1 textarea {height:200px; padding:10px 15px;} .sContactus_case1 .privacy_box {padding:20px 30px;} } @media screen and (max-width:767px){ .sContactus_case1 .form_list li {float:none; width:100%; margin-right:0;} .sContactus_case1 .form_list li:nth-child(1) ~ li {margin-top:20px;} .sContactus_case1 .form_list li div input, .sContactus_case1 .form_list li .select_box select {height:45px;} .sContactus_case1 textarea {height:150px; margin-top:30px;} .sContactus_case1 .privacy_box {padding:15px;} .sContactus_case1 .privacy_box .tit {margin-bottom:6px;} .sContactus_case1 .check_box {margin-top:10px;} .sContactus_case1 .check_box p {padding-left:25px; line-height:20px;} .sContactus_case1 .check_box p:before {width:20px; height:20px; line-height:18px;} } /* swiper */ /** * Swiper 5.3.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 11, 2020 */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}