@charset "utf-8";

@import url(swiper.css);
@import url(aos.css);

@font-face {
  font-family:'Poppins';
  src:url('../font/Poppins-Light.woff2') format('woff2'),
  url('../font/Poppins-Light.woff') format('woff'),
  url('../font/Poppins-Light.otf') format('opentype');
  font-weight:300;
  font-style:normal;
  unicode-range:U+0041-005A, U+0061-007A;
}
@font-face {
  font-family:'Poppins';
  src:url('../font/Poppins-Regular.woff2') format('woff2'),
  url('../font/Poppins-Regular.woff') format('woff'),
  url('../font/Poppins-Regular.otf') format('opentype');
  font-weight:400;
  font-style:normal;
  unicode-range:U+0041-005A, U+0061-007A;
}
@font-face {
  font-family:'Poppins';
  src:url('../font/Poppins-Medium.woff2') format('woff2'),
  url('../font/Poppins-Medium.woff') format('woff'),
  url('../font/Poppins-Medium.otf') format('opentype');
  font-weight:500;
  font-style:normal;
  unicode-range:U+0041-005A, U+0061-007A;
}
@font-face {
  font-family:'Poppins';
  src:url('../font/Poppins-SemiBold.woff2') format('woff2'),
  url('../font/Poppins-SemiBold.woff') format('woff'),
  url('../font/Poppins-SemiBold.otf') format('opentype');
  font-weight:600;
  font-style:normal;
  unicode-range:U+0041-005A, U+0061-007A;
}
@font-face {
  font-family:'Poppins';
  src:url('../font/Poppins-Bold.woff2') format('woff2'),
  url('../font/Poppins-Bold.woff') format('woff'),
  url('../font/Poppins-Bold.otf') format('opentype');
  font-weight:700;
  font-style:normal;
  unicode-range:U+0041-005A, U+0061-007A;
}

@font-face {
  font-family:'Pretendard';
  src:url('../font/Pretendard-Light.woff2') format('woff2'),
  url('../font/Pretendard-Light.woff') format('woff'),
  url('../font/Pretendard-Light.otf') format('opentype');
  font-weight:300;
  font-style:normal;
  unicode-range:U+AC00-D7A3, U+0030-0039, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
}
@font-face {
  font-family:'Pretendard';
  src:url('../font/Pretendard-Regular.woff2') format('woff2'),
  url('../font/Pretendard-Regular.woff') format('woff'),
  url('../font/Pretendard-Regular.otf') format('opentype');
  font-weight:400;
  font-style:normal;
  unicode-range:U+AC00-D7A3, U+0030-0039, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
}
@font-face {
  font-family:'Pretendard';
  src:url('../font/Pretendard-Medium.woff2') format('woff2'),
  url('../font/Pretendard-Medium.woff') format('woff'),
  url('../font/Pretendard-Medium.otf') format('opentype');
  font-weight:500;
  font-style:normal;
  unicode-range:U+AC00-D7A3, U+0030-0039, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
}
@font-face {
  font-family:'Pretendard';
  src:url('../font/Pretendard-SemiBold.woff2') format('woff2'),
  url('../font/Pretendard-SemiBold.woff') format('woff'),
  url('../font/Pretendard-SemiBold.otf') format('opentype');
  font-weight:600;
  font-style:normal;
  unicode-range:U+AC00-D7A3, U+0030-0039, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
}
@font-face {
  font-family:'Pretendard';
  src:url('../font/Pretendard-Bold.woff2') format('woff2'),
  url('../font/Pretendard-Bold.woff') format('woff'),
  url('../font/Pretendard-Bold.otf') format('opentype');
  font-weight:700;
  font-style:normal;
  unicode-range:U+AC00-D7A3, U+0030-0039, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
}
@font-face {
  font-family:'Pretendard';
  src:url('../font/Pretendard-ExtraBold.woff2') format('woff2'),
  url('../font/Pretendard-ExtraBold.woff') format('woff'),
  url('../font/Pretendard-ExtraBold.otf') format('opentype');
  font-weight:800;
  font-style:normal;
  unicode-range:U+AC00-D7A3, U+0030-0039, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
}


/* reset */
html, body {height:100%; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; text-size-adjust:none;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, hr, figure {margin:0; padding:0}
html {-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body {padding:0; background:#fff; font-family:'Poppins', 'Pretendard', sans-serif; font-weight:400; font-size:15px; color:#282828;min-width:320px;letter-spacing:-0.05em;line-height:1.25}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
ol, ul, li {list-style:none}
table {width:100%; border-collapse:collapse; border-spacing:0}
form, fieldset, iframe {display:block; border:0}
img, button {border:0 none; vertical-align:middle}
img {max-width:100%;}
hr {height:0; display:none}
i, em, address {font-style:normal}
label, button {cursor:pointer}
caption, legend{width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; visibility:hidden; font-size:0;}
.blind {overflow:hidden; position:absolute !important; width:1px !important; height:1px !important; z-index:-10; clip:rect(0 0 0 0);}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
input, textarea, select {-webkit-appearance:none; margin:0; padding:0; -webkit-border-radius:0; border-radius:0; font-family:'Poppins', 'Pretendard', sans-serif; vertical-align:middle; outline-style:none;}
textarea {-webkit-box-sizing:border-box; box-sizing:border-box; padding:20px 12px; width:100%; border:1px solid #e5e5e5;font-size:15px;}
button {overflow:visible; margin:0; padding:0; border:none; background:none; font-size:0; font-family:'Poppins', 'Pretendard', sans-serif; vertical-align:top; cursor:pointer;}
button::-moz-focus-inner {border:0; padding:0;}
.ellipsis {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
a {color:#111; text-decoration:none; word-wrap:break-word; word-break:keep-all;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;}
strong {font-weight:700;}
*{box-sizing:border-box;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;}
*:focus{outline:none}
*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}

/* @media screen and (max-width:649px){html{font-size:28px;}}
@media screen and (max-width:639px){html{font-size:27.5552px;}}
@media screen and (max-width:629px){html{font-size:27.1104px;}}
@media screen and (max-width:619px){html{font-size:26.6672px;}}
@media screen and (max-width:609px){html{font-size:26.2224px;}}
@media screen and (max-width:599px){html{font-size:25.7776px;}}
@media screen and (max-width:589px){html{font-size:25.3328px;}}
@media screen and (max-width:579px){html{font-size:24.888px;}}
@media screen and (max-width:569px){html{font-size:24.4448px;}}
@media screen and (max-width:559px){html{font-size:24px;}}
@media screen and (max-width:549px){html{font-size:23.5552px;}}
@media screen and (max-width:539px){html{font-size:23.1104px;}}
@media screen and (max-width:529px){html{font-size:22.6672px;}}
@media screen and (max-width:519px){html{font-size:22.2224px;}}
@media screen and (max-width:509px){html{font-size:21.7776px;}}
@media screen and (max-width:499px){html{font-size:21.3328px;}}
@media screen and (max-width:489px){html{font-size:20.888px;}}
@media screen and (max-width:479px){html{font-size:20.4448px;}}
@media screen and (max-width:469px){html{font-size:20px;}}
@media screen and (max-width:459px){html{font-size:19.5552px;}}
@media screen and (max-width:449px){html{font-size:19.1104px;}}
@media screen and (max-width:439px){html{font-size:18.6672px;}}
@media screen and (max-width:429px){html{font-size:18.2224px;}}
@media screen and (max-width:419px){html{font-size:17.7776px;}}
@media screen and (max-width:409px){html{font-size:17.3328px;}}
@media screen and (max-width:399px){html{font-size:16.888px;}}
@media screen and (max-width:389px){html{font-size:16.4448px;}} */
@media screen and (max-width:379px){html{font-size:16px;}}
@media screen and (max-width:369px){html{font-size:15.5552px;}}
@media screen and (max-width:359px){html{font-size:15.1104px;}}
@media screen and (max-width:349px){html{font-size:14.6672px;}}
@media screen and (max-width:339px){html{font-size:14.2224px;}}
@media screen and (max-width:329px){html{font-size:13.7776px;}}
@media screen and (max-width:319px){html{font-size:13.3328px;}}
@media screen and (max-width:309px){html{font-size:12.888px;}}
@media screen and (max-width:299px){html{font-size:12.4448px;}}
@media screen and (max-width:289px){html{font-size:12px;}}

/* Interval */
.mt0{margin-top:0rem !important}
.mt5{margin-top:0.3125rem !important}
.mt6{margin-top:0.375rem !important}
.mt10{margin-top:0.625rem !important}
.mt15{margin-top:0.9375rem !important}
.mt20{margin-top:1.25rem !important}
.mt25{margin-top:1.5625rem !important}
.mt30{margin-top:1.875rem !important}
.mt35{margin-top:2.1875rem !important}
.mt40{margin-top:2.5rem !important}
.mt50{margin-top:3.125rem !important}
.mt60{margin-top:3.75rem !important}
.mt70{margin-top:4.375rem !important}
.mt80{margin-top:5rem !important}
.mt90{margin-top:5.625rem !important}
.mt100{margin-top:6.25rem !important}
.mt120{margin-top:7.5rem !important}

.mb0{margin-bottom:0rem !important}
.mb6{margin-bottom:0.375rem !important}
.mb10{margin-bottom:0.625rem !important}
.mb15{margin-bottom:0.9375rem !important}
.mb20{margin-bottom:1.25rem !important}
.mb30{margin-bottom:1.875rem !important}
.mb40{margin-bottom:2.5rem !important}
.mb50{margin-bottom:3.125rem !important}
.mb60{margin-bottom:3.75rem !important}
.mb70{margin-bottom:4.375rem !important}
.mb80{margin-bottom:5rem !important}
.mb90{margin-bottom:5.625rem !important}
.mb100{margin-bottom:6.25rem !important}

.ml0{margin-left:0rem !important}
.ml10{margin-left:0.625rem !important}
.ml15{margin-left:0.9375rem !important}
.ml20{margin-left:1.25rem !important}
.ml30{margin-left:1.875rem !important}
.ml40{margin-left:2.5rem !important}
.ml50{margin-left:3.125rem !important}
.ml60{margin-left:3.75rem !important}
.ml70{margin-left:4.375rem !important}
.ml80{margin-left:5rem !important}
.ml90{margin-left:5.625rem !important}
.ml100{margin-left:6.25rem !important}

.mr0{margin-right:0rem !important}
.mr10{margin-right:0.625rem !important}
.mr20{margin-right:1.25rem !important}
.mr30{margin-right:1.875rem !important}
.mr40{margin-right:2.5rem !important}
.mr50{margin-right:3.125rem !important}
.mr60{margin-right:3.75rem !important}
.mr70{margin-right:4.375rem !important}
.mr80{margin-right:5rem !important}
.mr90{margin-right:5.625rem !important}
.mr100{margin-right:6.25rem !important}

.pt0{padding-top:0 !important}
.pt10{padding-top:0.625rem !important}
.pt20{padding-top:1.25rem !important}
.pt30{padding-top:1.875rem !important}
.pt35{padding-top:2.1875rem !important}
.pt40{padding-top:2.5rem !important}
.pt50{padding-top:3.125rem !important}
.pt60{padding-top:3.75rem !important}
.pt70{padding-top:4.375rem !important}
.pt80{padding-top:5rem !important}
.pt90{padding-top:5.625rem !important}
.pt100{padding-top:6.25rem !important}
.pb0{padding-bottom:0 !important}

.none{display:none !important}

/* floating */
.fl {float:left;}
.fr {float:right !important;}
.fn {float:none !important;}
.cl {clear:both;}

/* Align */
.aLeft{text-align:left !important}
.aCenter{text-align:center !important}
.aRight{text-align:right !important}
.aTop{vertical-align:top !important}
.aMid{vertical-align:middle !important}
.aBtm{vertical-align:bottom !important}

/* text */
.txt-pretendard{font-family:'Pretendard', sans-serif;}
.txt-poppins{font-family:'Poppins', sans-serif;}
.txt-underline{font-weight:700;text-decoration:underline;}
.txt-strong{font-weight:700;}

/* textarea */
textarea{width:100%; color:#282828; height:7.5rem; border:1px solid #e8e1e1;border-radius:0.4375rem;padding:1.25rem; font-size:0.875rem;border-radius:none; box-shadow:none; appearance:none; -webkit-appearance:none;  resize:none}
textarea::placeholder{color:rgba(40, 40, 40, 0.45)}

/* input[text] */
.inpText{position:relative;width:100%; height:3.6563rem; line-height:normal !important;border:0;border:1px solid #e8e1e1;border-radius:0.4375rem; background:#fff; box-shadow:none; color:#282828; font-size:0.875rem;vertical-align:middle; -webkit-appearance:none;padding:0 1.25rem}
.inpText::-webkit-input-placeholder{color:rgba(40, 40, 40, 0.45)}
.inpText::-moz-placeholder{color:rgba(40, 40, 40, 0.45)}
.inpText:-ms-input-placeholder{color:rgba(40, 40, 40, 0.45)}
.inpText:-moz-placeholder{color:rgba(40, 40, 40, 0.45)}
.inpText:focus{border-color:#968181;}

/* input[select] */
.select-wrap{display:inline-block;width:100%;vertical-align:middle}
.select-wrap .select-style{position:relative;width:100%;background:#fff}
.select-wrap .select-style .select-result{display:flex;align-items:center;overflow:hidden;width:100%;height:3.5rem;padding-right:4.125rem;border-bottom:0.0625rem solid #e2e2e2;border-top:0.0625rem solid #e2e2e2;text-indent:1.5625rem;background:#fff;font-size:1.0625rem;font-weight:700}
.select-wrap .select-style .select-result:after{display:block;content:'';width:4.125rem;height:100%;background:url(../images/mobile/select_arrow.svg) no-repeat 50% / 1rem;position:absolute;top:0;right:0;bottom:0;}
.select-wrap .select-style .select-result.active:after{background-image:url(../images/mobile/select_arrow_active.svg) }
.select-wrap .select-style .select-list{display:none;overflow-y:auto;position:absolute;top:3.5rem;left:0;z-index:5;width:100%;margin:0;padding:0;background-color:#fff;opacity:0;list-style:none;transition:opacity .3s ease-in,transform .3s ease-in;-webkit-transform:translateY(-0.3125rem);transform:translateY(-0.3125rem);box-shadow:0 0.5rem 1rem 0 rgba(0, 0, 0, 0.08);}
.select-wrap .select-style .select-list.maxHeight{max-height:19.375rem}
.select-wrap .select-style .select-list.on{opacity:1;transition:opacity .3s ease-out,transform .3s ease-out;-webkit-transform:translateY(0);transform:translateY(0)}
.select-wrap .select-style .select-list .option{border-bottom:0.0625rem solid #e2e2e2}
.select-wrap .select-style .select-list .option a{display:flex;align-items:center;overflow:hidden;height:3.5rem;outline:0;font-size:1rem;padding:0 1.5625rem;color:#7b7b7b}
.select-wrap .select-style .select-list .option a:focus,
.select-wrap .select-style .select-list .option a:hover,
.select-wrap .select-style .select-list .option.on a{color:#1a87fe}
.select-wrap .select{overflow:hidden;position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);}

.select-wrap.sticky{position:sticky;top:-1px;transition:0.2s ease;z-index:10;transform:translate3d(0, 0, 0)}
.scrollUp .select-wrap.sticky{top:3.875rem}

.about-us .select-wrap.sticky{overflow:hidden;}
.about-us .select-wrap.sticky .select-style{margin-bottom:0;transform:translateY(-80px);transition:transform 0.4s ease}
.about-us .select-wrap.sticky.show{overflow:inherit}
.about-us .select-wrap.sticky.show .select-style{transform:translateY(0)}


/* Form */
.formList{position:relative;margin-top:1.25rem;display:table;width:100%}
.formList > dt{font-size:0.875rem;font-weight:700;line-height:1;}
.formList > dt.vital{position:relative;display:inline-block;vertical-align:top;padding-right:0.5625rem}
.formList > dt.vital:after{display:block;content:'*';font-size:0.875rem;font-weight:700;line-height:1;color:#ff6161;position:absolute;top:0.24rem;right:0;}
.formList > dt + dd{margin-top:0.625rem}
.formList > dd + dd{margin-top:0.4688rem}
.formList .count{position:absolute;top:0;right:0;font-size:0.875rem;}
.formList .formList > dt{font-weight:400}
.formList .formMsg{display:block;margin-top:0.625rem;font-size:0.75rem;color:#ff6a6a;line-height:1.1875rem}

.formListBox{display:flex;align-items:flex-start;}
.formListBox .formList{flex:1;}
.formListBox .formList + .formList{margin-left:0.9375rem}

/* cta */
.cta{position:relative;display:inline-flex;align-items:center;justify-content:center;border:0.0625rem solid #000;text-align:center;padding:0 3.125rem;min-width:9.25rem;height:2.875rem;font-size:0.9375rem;font-weight:500;color:#000;}
.cta.full{width:100%;font-size:1.0625rem;height:3.5rem;}
.cta span{position:relative;z-index:1}

.cta.col{background:#1a87fe;color:#fff;border:none}
.cta.white{border-color:#fff;color:#fff}
.cta.map span{white-space:nowrap;display:flex;align-items:center;}
.cta.map span:before{display:inline-flex;content:'';width:1.125rem;height:1.125rem;background:url('../images/mobile/icon_btn_map.png') no-repeat 0 0 / 1.125rem;margin-right:0.5rem}

/* Count up */
[data-count]{position:relative;display:inline-block;vertical-align:middle;overflow:hidden;font-size:1.75rem;}
[data-count] .countUp{display:inline-block;vertical-align:middle;overflow:hidden;height:2.3125rem;word-break:break-all;}
[data-count] .countUp span{position:relative;display:block;word-break:break-all;width:1.125rem;overflow:inherit;line-height:1.2;text-align:center;}
[data-count] .countUp.rest span{width:0.5rem;transform:translate3d(0, -91%, 0);}
[data-count] .countUp span:before{content:'0987654321';display:inline-block;width:100%;height:auto;}
[data-count] .countUp:not(.rest) span{animation:counting 0.4s linear forwards infinite;animation-iteration-count:1;}

@keyframes counting{
	100%{
		transform:translate3d(0, -91%, 0);
	}
}

/* layout */
html.close-hidden body{overflow:hidden;touch-action: none;width:100%;height:100%}
.main #contents {padding-top:0;}
#contents {padding-top:3.875rem;}

/* header */
#header {position:fixed;left:0;top:0;right:0;z-index:100;background:#fff;height:3.875rem;transition:0.2s ease}
#header .logo {position:absolute;top:50%;left:25px;transform:translateY(-50%);font-size:0;width:4.375rem;height:1.5rem;background:url('../images/mobile/logo.svg') no-repeat 0 0 / 4.375rem;}
#header .logo a {display:block;height:100%;}
#header .util {position:absolute;right:4.0625rem;top:50%;transform:translateY(-50%);}
#header .cta-contact {position:relative;display:block;text-indent:-9999em;width:1.5rem;height:1.5rem;align-items:center;background:url('../images/mobile/btn_contact.svg') no-repeat 0 0 / 1.5rem}
#header .btn-menu {position:absolute;right:1.5625rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;background:url('../images/mobile/btn_menu.svg') no-repeat 50% 50% / 1.5rem;}

.scrollDown #header{transform:translateY(-100%)}

/*footer*/
#footer{position:relative;width:100%;background-color:#1a1a1a;padding:2.9375rem 1.625rem}
#footer .btn-scroll-top{display:none;text-align:center;background:#505050;color:#fff;font-size:0.875rem;font-weight:600;width:3rem;height:3rem;line-height:3rem;position:fixed;right:1.5625rem;bottom:1.5625rem;z-index:10;transform:translate3d(0, 0, 0)}
#footer .btn-scroll-top.no-fixed{position:absolute;bottom:auto;top:-1.5rem;}
#footer .info{font-size:0;padding-top:1.5rem;text-align:left;position:relative;}
#footer .info .item{display:inline-block;font-size:0.8125rem;color:#a1a1a1;margin-right:20px;line-height:1.5;vertical-align:top;position:relative;margin-right:0.625rem;padding-right:0.625rem}
#footer .info .item:last-child{padding-right:0}
#footer .info .item:before{content:"";width:0.0625rem;height:0.5625rem;background:#818181;position:absolute;right:0;top:50%;transform:translateY(-50%)}
#footer .info .item:last-child:before{display:none;}
#footer .copyright{font-size:0.8125rem;font-weight:700;display:block;color:#a1a1a1;margin-top:1.5rem;text-transform:uppercase;}
#footer .cta-download{width:100%;height:3rem;border:0.0625rem solid #4d4d4d;color:#fff}
#footer .cta-download span{display:inline-block;padding-right:1.625rem;background:url('../images/mobile/icon_download.svg') no-repeat 100% 50% / 18px auto;}

/* 전체메뉴 */
.layer-allmenu{visibility:hidden;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);transition:opacity 0.4s ease}
.layer-allmenu:after{display:block;content:'';position:fixed;top:0;bottom:0;left:0;right:0;background:#000;z-index:-1;opacity:0.5;}
.layer-allmenu.open{visibility:visible;opacity:1;}
.layer-allmenu .layer-allmenu-Area{position:relative;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.layer-allmenu .allmenu-con{position:relative;display:flex;flex-direction:column;justify-content:center;text-align:center;height:100%}
.layer-allmenu .allmenu-list .dep1 + .dep1{margin-top:2.5rem}
.layer-allmenu .allmenu-list .dep1 > a{display:inline-block;font-size:2.125rem;font-weight:600;color:rgba(255, 255, 255, 1);transition:0.2s ease}
.layer-allmenu .allmenu-list .dep1 > a.active{color:rgba(255, 255, 255, 1) !important}
.layer-allmenu .allmenu-list .dep2{font-size:0;margin-top:1.5rem;visibility:hidden;display:none}
.layer-allmenu .allmenu-list .dep2 li{transform:translateY(-1.25rem);opacity:0;visibility:hidden;transition:0.4s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.layer-allmenu .allmenu-list .dep2 li + li{margin-top:1.75rem}
.layer-allmenu .allmenu-list .dep2 li a{display:block;font-size:0.9375rem;color:rgba(255, 255, 255, 0.8);transition:0.2s ease}

.layer-allmenu .allmenu-list .dep2.active{visibility:visible;display:block;}
.layer-allmenu .allmenu-list .dep2.active li{opacity:1;visibility:visible;transform:translateY(0);}
.layer-allmenu.movement .allmenu-list .dep1 > a{color:rgba(255, 255, 255, 0.6)}

.layer-allmenu .btn-layer-close{position:absolute;top:0;right:0;display:block;text-indent:-9999em;width:5.125rem;height:5.125rem;background:url('../images/mobile/btn_layer_close.svg') no-repeat 50% / 1.25rem;overflow:hidden}

/* layer-pop */
.layer-pop{visibility:hidden;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);transition:opacity 0.4s ease}
.layer-pop:after{display:block;content:'';position:fixed;top:0;bottom:0;left:0;right:0;background:#000;z-index:-1;opacity:0.5;}
.layer-pop.open{visibility:visible;opacity:1;}
.layer-pop .layer-pop-area{position:relative;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.layer-pop .pop-cont{position:relative;padding:6.125rem 0}

.layer-pop .btn-layer-close{position:absolute;top:0;right:0;display:block;text-indent:-9999em;width:5.125rem;height:5.125rem;background:url('../images/mobile/btn_layer_close.svg') no-repeat 50% / 1.25rem;overflow:hidden}

/* main */
/* visual */
.section.visual{position:relative;background:url('../images/mobile/bg_main_visual.png') no-repeat 50% bottom / cover;overflow:hidden;min-height:580px;height:100vh}
.section.visual .object{position:absolute;bottom:0;right:0;left:0;}
.section.visual .board{position:absolute;left:50%;bottom:-3.125rem;transform:translateX(-70%);background:url('../images/mobile/bg_main_board.png') no-repeat 0 0 / 18.5rem;width:18.5rem;height:29.4375rem;z-index:4;}
.section.visual .animation{opacity:0;transform:translateX(20px)}
.section.visual .people{position:absolute;left:50%;bottom:1.5rem;z-index:5;margin-left:-10.25rem}
.section.visual .people em{display:block;width:7.75rem;height:15.125rem;background:url('../images/mobile/img_visual_people.svg') no-repeat 0 0 / 7.75rem;}
.section.visual .robot{position:absolute;left:50%;bottom:14.125rem;margin-left:1.25rem}
.section.visual .robot em{display:block;width:81px;height:140px;background:url('../images/mobile/img_visual_robot.svg') no-repeat 0 0;}
.section.visual .bulb{position:absolute;left:50%;bottom:18.125rem;z-index:5;margin-left:-4.5rem}
.section.visual .bulb em{display:block;width:4.5rem;height:5.125rem;background:url('../images/pc/img_visual_bulb.svg') no-repeat 0 0 / 4.5rem;}
.section.visual .sparkle{position:absolute;z-index:5;left:50%}
.section.visual .sparkle em{display:block;width:0.8125rem;height:0.75rem;background:url('../images/pc/img_visual_sparkle.svg') no-repeat 0 0 / 0.8125rem;}
.section.visual .sparkle.sparkle1{bottom:18.125rem;margin-left:-5.3125rem}
.section.visual .sparkle.sparkle2{bottom:24rem;margin-left:-2.8125rem}
.section.visual .sparkle.sparkle3{bottom:22.1875rem;margin-left:0}
.section.visual .sparkle.sparkle4{bottom:11.75rem;margin-left:4.6875rem}
.section.visual .sparkle.sparkle5{bottom:14.3125rem;margin-left:6.25rem}
.section.visual .section-cont{width:100%;padding:0;text-align:center;padding-top:6rem}
.section.visual .title-area{color:#fff;}
.section.visual .title{font-size:2rem;font-weight:700;line-height:2.5rem;text-transform:uppercase;opacity:0;transform:translateY(2.5rem);word-break:keep-all;}
.section.visual .desc{font-size:1.0625rem;line-height:1.5625rem;margin-top:0.625rem;opacity:0;transform:translateY(2.5rem);word-break:keep-all;}
.section.visual .cta{margin-top:1.875rem;opacity:0;transform:translateY(2.5rem);}

.section.visual.active .people.animation-start{animation:bounceFrames 0.8s linear infinite alternate;}
.section.visual.active .bulb.animation-start{animation:bounceFrames 1s 0.5s linear infinite alternate;}
.section.visual.active .robot.animation-start{animation:bounceFrames 1s 1s linear infinite alternate;}
.section.visual.active .robot.animation-start em{animation:robotFrames 4.5s steps(3) infinite;}

.section.visual.active .sparkle.sparkle1.animation-start{animation:sparkleFrames 2.5s 1s step-end infinite;}
.section.visual.active .sparkle.sparkle2.animation-start{animation:sparkleFrames 2.6s 1.5s step-end infinite;}
.section.visual.active .sparkle.sparkle3.animation-start{animation:sparkleFrames 2.7s 2s step-end infinite;}
.section.visual.active .sparkle.sparkle4.animation-start{animation:sparkleFrames 2.8s 2.5s step-end infinite;}
.section.visual.active .sparkle.sparkle5.animation-start{animation:sparkleFrames 2.9s 3s step-end infinite;}

.section.visual.active .animation{opacity:1;transform:translateX(0px);transition:0.5s 0.4s ease}
.section.visual.active .sparkle.animation{opacity:0;transform:translateX(0px);}
.section.visual.active .sparkle.animation-start{opacity:1;}
.section.visual.active .title{opacity:1;transform:translateY(0px);transition:0.5s ease}
.section.visual.active .desc{opacity:1;transform:translateY(0px);transition:0.5s 0.2s ease}
.section.visual.active .cta{opacity:1;transform:translateY(0px);transition:transform 0.5s 0.4s ease, opacity 0.5s 0.4s ease}

@keyframes bounceFrames{
100%{transform:translateY(-0.75rem)}
}

@keyframes robotFrames{
100%{background-position-x:-244px;}
}

@keyframes sparkleFrames{
50%{opacity:0}
}

/* story */
.section.story .story-item{position:relative;}
.section.story .column{position:relative;display:inline-block;vertical-align:top;width:100%;height:50vh;min-height:375px;background:#fff;overflow:hidden}
.section.story .column.swiper{background:#1d1d1d;}
.section.story .column-animation-group{display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;width:100%;height:100%;justify-content:center;}
.section.story .column-scroll{position:relative;height:100%;}
.section.story .column .column-group{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;height:100%;overflow:hidden;z-index:1;}
.section.story .column .column-group.swiper-slide-active .title-area{opacity:1;transform:translateY(0);transition:all 0.6s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.section.story .column .column-control{position:absolute;left:0;right:0;top:50%;bottom:auto;z-index:10;width:calc(100vw - 100px);margin:6.875rem auto 0 auto;}
.section.story .column .column-control .swiper-pagination-bullet{position:relative;width:auto;height:auto;opacity:0.5;border-radius:0;color:#fff;background:transparent;margin-left:0.875rem;border-radius:0;font-size:0.9375rem;font-weight:500;}
.section.story .column .column-control .swiper-pagination-bullet:before{display:inline-block;content:'/';margin-right:0.75rem}
.section.story .column .column-control .swiper-pagination-bullet:first-child{margin-left:0}
.section.story .column .column-control .swiper-pagination-bullet:first-child:before{display:none}
.section.story .column .column-control .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;}
.section.story .column .column-gauge{position:absolute;left:0;right:0;bottom:0;height:0.375rem;z-index:10}
.section.story .column .column-gauge div{position:absolute;left:0;bottom:0;background:#1a87fe;height:100%}
.section.story .animation img{max-width:100%;}
.section.story .title-area{transform:translateY(80px);z-index:1;color:#fff;width:calc(100vw - 100px);margin:-6.875rem auto 0 auto;opacity:0}
.section.story .title{font-size:1.75rem;color:#1a87fe;font-weight:600;line-height:2.25rem;margin-bottom:1.5rem;}
.section.story .desc{font-size:0.9375rem;line-height:1.4375rem;font-weight:300;}
.section.story .desc strong{font-weight:500;}
.section.story .desc + .desc{margin-top:1.125rem;}


/* business */
.section.business{overflow:hidden;margin-top:5rem;padding-bottom:5rem;background:#fff}
.section.business .main-title{margin-bottom:1.1875rem;}
.business-swiper{position:relative;}
.business-swiper .swiper{padding-right:1.5625rem;margin-left:1.5625rem}
.business-swiper .background{overflow:hidden}
.business-swiper .background img{width:100%;}
.business-swiper .content{position:absolute;left:2.125rem;right:2.125rem;bottom:2.875rem;}
.business-swiper .content .icon{width:5rem;height:5rem;margin-bottom:1.5rem;background-size:5rem;background-repeat:no-repeat;background-position:0 0;display:inline-block;}
.business-swiper .content .icon01{background-image:url('../images/mobile/icon_main_business01.svg')}
.business-swiper .content .icon02{background-image:url('../images/mobile/icon_main_business02.svg');}
.business-swiper .content .icon03{background-image:url('../images/mobile/icon_main_business03.svg');}
.business-swiper .content .icon04{background-image:url('../images/mobile/icon_main_business04.svg');}
.business-swiper .content .title{color:#fff;font-size:1.25rem;font-weight:700;}
.business-swiper .content .desc{color:#fff;font-size:0.9375rem;margin-top:1.125rem;line-height:1.4}

.business-swiper .pagination{white-space:nowrap;margin-bottom:3.125rem;overflow-x:auto;}
.business-swiper .pagination::-webkit-scrollbar{display:none}
.business-swiper .swiper-pagination-bullet{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0 0.1875rem;background:transparent;width:auto;height:2.125rem;opacity:1;border:0.0625rem solid #707070;font-weight:600;border-radius:1.0625rem;padding:0 1.25rem;font-size:0.9375rem;transition:0.25s;overflow:hidden;}
.business-swiper .swiper-pagination-bullet:first-child{margin-left:1.5625rem}
.business-swiper .swiper-pagination-bullet:last-child{margin-right:1.5625rem}

/* partner */
.section.partner{position:relative;background:#f7f8fa;height:auto;padding:5rem 0 5.3125rem 0;overflow:hidden;}
.section.partner .main-title{margin-bottom:2.5rem;}
.partner-swiper{position:relative;}
.partner-swiper .swiper-wrapper{transition-timing-function:linear;}
.partner-swiper .swiper-slide{width:8.125rem;}

.main-title{font-size:1.75rem;line-height:2.25rem;font-weight:800;padding:0 1.5625rem;word-break:keep-all;}
.main-title strong{color:#1a87fe;}

/* animation Item */
.animation-item{width:355px;height:363px;background-repeat:no-repeat;background-position:0 0;text-align:center;margin:0 auto}
.animation-item.item01{background-image:url('../images/mobile/bg_main_story01.jpg');animation:animation01 4.2s steps(19);}
.animation-item.item02{background-image:url('../images/mobile/bg_main_story02.jpg');animation:animation02 4.9s steps(25);}
.animation-item.item03{background-image:url('../images/mobile/bg_main_story03.jpg');animation:animation03 5s steps(26);}
.animation-item.loop{animation:animation-loop 1s steps(3) infinite;}
.animation-item.loop.item01{background-image:url('../images/mobile/bg_main_story01_loop.jpg');}
.animation-item.loop.item02{background-image:url('../images/mobile/bg_main_story02_loop.jpg');}
.animation-item.loop.item03{background-image:url('../images/mobile/bg_main_story03_loop.jpg');}

@keyframes animation01{
  100%{background-position-x:-6756px;}
}
@keyframes animation02{
  100%{background-position-x:-8889px;}
}
@keyframes animation03{
  100%{background-position-x:-9244px;}
}
@keyframes animation-loop{
  100%{background-position-x:-1067px;}
}

@-webkit-keyframes scrollLine{
  from{height:0;}
  to{height:100%;}
}

@keyframes scrollLine{
  from{height:0;}
  to{height:100%;}
}

@keyframes timePagination{
  0%{transform:translateX(-100%)}
  100%{transform:translateX(0%)}
}

/* sub visual */
.sub-top {padding:3rem 1.5625rem 1.875rem 1.5625rem;}
.sub-title {font-size:2.25rem;font-weight:700;margin-bottom:2rem}
.sub-nav {position:relative;font-size:0;margin-left:auto;z-index:10;white-space:nowrap;overflow-x:auto;margin-left:-1.5625rem;margin-right:-1.5625rem;padding-right:1.5625rem;padding-left:1.5625rem}
.sub-nav .nav-item {display:inline-block;vertical-align:top;margin-left:1.125rem;}
.sub-nav .nav-item:first-child{margin-left:0}
.sub-nav .nav-anchor {display:block;font-size:1rem;color:#7b7b7b;line-height:2.25rem;font-weight:500;position:relative;}
.sub-nav .nav-anchor.active {color:#2b2b2b;font-weight:800;}
.sub-nav .nav-anchor.active:after {content:"";width:100%;height:0.1875rem;background:#1f9cea;position:absolute;left:0;bottom:0;}

.sub-visual {position:relative;}
.sub-visual .image {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;height:27.5rem;}
.sub-visual .content{position:absolute;left:1.5625rem;right:1.5625rem;top:3rem;color:#fff;padding-top:4.0625rem;}
.sub-visual .icon-wrap {position:absolute;left:0;top:0;}
.sub-visual .icon-wrap .icon {display:block;width:4rem;height:4rem;background-repeat:no-repeat;background-size:4rem}
.sub-visual .icon-wrap .text {font-size:1rem;font-weight:700;margin-top:0.3125rem;word-break:keep-all;}
.sub-visual .title-wrap .title {font-size:1.875rem;margin:6.5625rem 0 1.125rem;font-weight:700;font-size:2rem;}
.sub-visual .title-wrap .title02 {font-size:1rem;color:#1a87fe;margin-bottom:1.125rem;font-weight:800;}
.sub-visual .title-wrap .desc {font-size:1rem;line-height:1.5;word-break:keep-all;}
.sub-visual.about-us  .content{padding-top:11.25rem;}
.sub-visual.finance .icon {background-image:url('../images/mobile/icon_finance_visual.svg')}
.sub-visual.finance .image {background-image:url('../images/mobile/img_finance_visual.png');}
.sub-visual.business .icon {background-image:url('../images/mobile/icon_business_visual.svg')}
.sub-visual.business .image {background-image:url('../images/mobile/img_business_visual.png');}
.sub-visual.platform .icon{background-image:url('../images/mobile/icon_platform_visual.svg')}
.sub-visual.platform .image{background-image:url('../images/mobile/img_platform_visual.png');}
.sub-visual.small .image {max-width:80rem;width:100%;height:29.125rem;margin:0 auto;}
.sub-visual.project .icon{background-image:url('../images/mobile/icon_project_visual.svg')}
.sub-visual.project .image{background-image:url('../images/mobile/img_project_visual.png');}

/* .cont-column */
.cont-column-wrap{padding:0 1.5625rem}
.cont-title{font-size:1.75rem;font-weight:700;word-break:keep-all;}
.cont-title.medium{font-size:2.125rem;}
.cont-title.small{font-size:1.25rem;line-height:2.25rem;}
.cont-title strong{color:#1a87fe;}
.cont-title .emphasis{font-size:1.75rem;color:#1a87fe;}
.cont-inner{margin:0 auto;padding:0 1.5625rem}
.title-area .title-desc{font-size:1.25rem;line-height:1.3;margin-top:1.125rem;font-weight:600;word-break:keep-all;}
.title-area .title-icon{margin-top:1.125rem;}

/* contact-us */
.contact-us{color:#fff}
.contact-us .cont-column-wrap{position:relative;}
.contact-us .cont-column-wrap + .cont-column-wrap{margin-top:4rem;padding-top:4rem;}
.contact-us .cont-column-wrap + .cont-column-wrap:before{display:block;content:'';position:absolute;top:0;left:1.5625rem;right:1.5625rem;height:0.0625rem;background:#fff}
.contact-us .cont-column-wrap .cont-column{margin-top:2.5rem}
.contact-us .cont-column-wrap .cont-column:first-child{padding-left:0;margin-top:0}
.contact-us .cont-title{font-size:2.375rem;}
.contact-us .title-icon{width:8.75rem}
.contact-us .cont-column-wrap.inner .cont-title{margin-bottom:1.5rem;font-size:1.875rem}
.contact-us .form-list{position:relative;border:0.0625rem solid rgba(255, 255, 255, 0.4);border-radius:0.75rem}
.contact-us .form-list + .form-list{margin-top:1rem}
.contact-us .form-list dt{position:absolute;top:1.125rem;left:1.5rem;display:flex;align-items:center;font-size:1rem;font-weight:700}
.contact-us .form-list dt.vital:after{display:block;content:'*';font-size:1rem;font-weight:700;color:#1a87fe;margin-left:0.125rem}
.contact-us .form-list dd{height:100%;width:100%}
.contact-us .form-list .inp-text{width:100%;height:3.5rem;background:transparent;border:0;font-size:1rem;font-weight:700;color:#fff;padding:0 1.5rem 0 6.4375rem}
.contact-us .form-list .textarea{width:100%;height:6.5rem;background:transparent;border:0;font-size:1rem;font-weight:700;color:#fff;padding:3.4375rem 1.5rem 1.125rem 1.5rem}
.contact-us .btn-area{margin-top:1rem}
.contact-us .map-list .item + .item{margin-top:5rem}
.contact-us .map-list .info{margin-top:1.5rem;}
.contact-us .map-list .info .name{font-size:1.25rem;font-weight:700;}
.contact-us .map-list .info .options{margin-top:1.0625rem}
.contact-us .map-list .info .address{font-size:0.9375rem;word-break:keep-all;}
.contact-us .map-list .info .tel{margin-top:1.0625rem;font-size:1rem;display:flex;align-items:center;}
.contact-us .map-list .info .tel a{display:flex;align-items:center;font-weight:400;color:#fff}
.contact-us .map-list .info .tel a + a{margin-left:2.75rem}
.contact-us .map-list .info .tel em{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#1a87fe;width:1.5rem;height:1.5rem;font-size:0.875rem;font-weight:700;margin-right:0.5rem}
.contact-us .map-list .cta{width:100%;margin-top:2.5rem}
.contact-us .map-list .info-ditail{position:relative;margin-top:2rem;padding-top:1.5rem}
.contact-us .map-list .info-ditail:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:0.0625rem;background:rgba(255, 255, 255, 0.4);}
.contact-us .map-list .info-ditail dl{display:flex;align-items:center;line-height:1.25;}
.contact-us .map-list .info-ditail dl + dl{margin-top:0.75rem}
.contact-us .map-list .info-ditail dl dt{font-size:0.9375rem;color:rgba(255, 255, 255, 0.5);width:3.9375rem;}
.contact-us .map-list .info-ditail dl dd{font-size:0.9375rem;color:#fff;font-weight:500;width:calc(100% - 3.9375rem)}
.contact-us .map-list .info-ditail a{color:#fff}

/* about us */
.wrap.about-us{position:relative;}
.wrap.about-us .sub-top-wrap{position:relative;background:#0f131a;padding-bottom:15rem;}
.wrap.about-us .sub-top-wrap:before{display:block;content:'';position:absolute;top:-7.375rem;left:0;right:0;height:7.375rem;background:#0f131a}
.wrap.about-us .sub-title{color:#fff;}
.wrap.about-us .sub-nav .nav-anchor.active{color:#fff;}
.sub-visual.about-us .image{background-image:url('../images/mobile/img_about_visual.png');}
.sub-visual.about-us .title-wrap{/* margin-top:50%; */}
.cont-wrap.summary{position:relative;z-index:1;height:40.5rem;background:url('../images/mobile/bg_about_summary.png') no-repeat 50% 0 / cover;margin-top:-5.5rem}
.cont-wrap.summary .cont-inner{display:flex;justify-content:center;height:100%;}
.cont-wrap.summary .summary-wrap{display:flex;width:100%;flex-direction:column;padding:7.25rem 0 0 2.1875rem;}
.cont-wrap.summary .summary-item{display:block;align-items:center;margin-top:2.5rem;color:#fff;padding-left:6.5rem;background:no-repeat 0 center / 5rem 5rem;height:5rem;}
.cont-wrap.summary .summary-item.item01{background-image:url('../images/mobile/icon_summary01.svg');margin-top:0;}
.cont-wrap.summary .summary-item.item02{background-image:url('../images/mobile/icon_summary02.svg');}
.cont-wrap.summary .summary-item.item04{background-image:url('../images/mobile/icon_summary04.svg');}
.cont-wrap.summary .summary-item .title{margin-top:0.625rem;line-height:2.25rem;font-size:1.75rem;font-weight:700;overflow:hidden;}
.cont-wrap.summary .summary-item .desc{font-size:0.9375rem;line-height:1.53;}
.cont-column-wrap.introduce{overflow:hidden;}
.cont-column-wrap.vision{overflow:hidden;padding-bottom: 5rem;}
.cont-column-wrap.vision .vision-diagram{margin:1.875rem -2.125rem 3rem;}
.cont-column-wrap.tobe{padding:0 1.5625rem 5rem;}
.cont-column-wrap.tobe .cont-title{display:block;margin-top:3.9375rem;margin-bottom:1.5rem;line-height:1.2;}
.cont-column-wrap.tobe .cont-title:not(.small):first-of-type{margin:0 0 3.9375rem;padding-bottom:3.9375rem;border-bottom:0.0625rem solid #e2e2e2;}
.cont-column-wrap.tobe .txt-content{color:#7b7b7b}
.cont-column-wrap.tobe .img-content{margin-top:1.5rem;}
.cont-column-wrap.tobe .color-value{display:flex;align-items:flex-start;flex-direction:column;}
.cont-column-wrap.tobe .color-value .item{width:100%;}
.cont-column-wrap.tobe .color-value .item + .item{margin-top:3.125rem;}
.cont-column-wrap.tobe .color-value .item .item-head{display:flex;align-items:center;height:3.25rem;padding:0 1.5rem;}
.cont-column-wrap.tobe .color-value .item.primary .item-head{background:#1a87fe}
.cont-column-wrap.tobe .color-value .item.secondary .item-head{background:#2b2b2b}
.cont-column-wrap.tobe .color-value .item strong{font-size:1rem;font-weight:700;color:#fff;}
.cont-column-wrap.tobe .color-value .item .item-cont{margin-top:1rem;}
.cont-column-wrap.tobe .color-value .item dl{display:flex;align-items:center;}
.cont-column-wrap.tobe .color-value .item dt{font-size:0.9375rem;font-weight:600;line-height:1.6;color:#2b2b2b;width:8.25rem}
.cont-column-wrap.tobe .color-value .item dd{font-size:0.9375rem;font-weight:600;line-height:1.6;color:#7b7b7b}

.cont-wrap.history{background:#2b2b2b;color:#fff;padding:2.625rem 0 5rem;}
.cont-wrap.history .history-item{position:relative;margin-top:2.5rem;}
.cont-wrap.history .history-item:first-child{margin-top:0;}
.cont-wrap.history .history-year{font-size:1.875rem;line-height:2.6875rem;margin-bottom:2.125rem;font-weight:700;color:#fff;}
.cont-wrap.history .history-row{display:flex;margin-top:0.8125rem;align-items:flex-start;}
.cont-wrap.history .history-row:first-child{margin-top:0;}
.cont-wrap.history .history-row .month{flex:none;width:3.5rem;margin-right:1.5rem;font-size:0.9375rem;line-height:1.3125rem;}
.cont-wrap.history .history-row .cont{flex:1;margin-top:-0.0625rem;font-size:0.9375rem;font-weight:300;line-height:1.53;word-break: keep-all;}

/* software */
.sub-visual.software .icon{background-image:url('../images/mobile/icon_software_visual.svg')}
.sub-visual.software .image{background-image:url('../images/mobile/img_software_visual.png');}

/* our team */
.sub-visual.team .icon-wrap .icon{background-image:url('../images/mobile/icon_team_visual.svg');}
.sub-visual.team .image{background-image:url('../images/mobile/img_team_visual.png')}
.cont-column-wrap.team{margin-top:5rem;margin-bottom:3.375rem;}
.team-info-list{position:relative;}
.team-info-list .team-Info{display:none;opacity:0;}
.team-info-list .team-Info.active{display:block;animation:fadeIn 0.3s linear forwards}
.team-info-list .team-Info dl{padding-bottom:0.75rem;border-bottom:0.0625rem solid #e2e2e2}
.team-info-list .team-Info dt{font-size:1.5rem;font-weight:700;color:#1a87fe}
.team-info-list .team-Info dd{font-size:0.9375rem;font-weight:700;margin-top:0.75rem;line-height:1.6;}
.team-info-list .team-Info .icon{margin-top:0.75rem;display:block;width:3.75rem;height:3.75rem;background-repeat:no-repeat;background-position:0 0;background-size:3.75rem}
.team-info-list .team-Info[data-cont-name="tech"] .icon{background-image:url('../images/mobile/icon_team_tech.svg')}
.team-info-list .team-Info[data-cont-name="dev"] .icon{background-image:url('../images/mobile/icon_team_dev.svg')}
.team-info-list .team-Info[data-cont-name="planing"] .icon{background-image:url('../images/mobile/icon_team_planing.svg')}
.team-info-list .team-Info[data-cont-name="consulting"] .icon{background-image:url('../images/mobile/icon_team_consulting.svg')}
.team-info-list .team-Info[data-cont-name="pm"] .icon{background-image:url('../images/mobile/icon_team_pm.svg')}
.team-info-list .team-Info .desc{font-size:0.9375rem;color:#7b7b7b;word-break:keep-all;margin-top:0.625rem;letter-spacing:-0.7px;line-height:1.6;}

@keyframes fadeIn{
	0%{
    opacity :0;
		transform:translateY(1.875rem);
	}

  100%{
    opacity :1;
		transform:translateY(0);
	}
}

.team-select{position:relative;margin-bottom:1.25rem}
.team-select .people{width:15.375rem;height:18.5625rem;background:url('../images/pc/img_team_people.png') no-repeat 0 0 / 15.375rem;margin:0 auto}
.team-select a{display:block;text-indent:-9999em;background-position:0 0;background-repeat:no-repeat;position:absolute;background-size:100% auto;transition: transform 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.team-select a[data-cont-name="tech"]{width:8.25rem;height:8.375rem;background-image:url('../images/pc/bg_balloon_tech.png');top:-1rem;left:50%;margin-left:-5.125rem;z-index:2}
.team-select a[data-cont-name="tech"].active{background-image:url('../images/pc/bg_balloon_tech_on.png')}
.team-select a[data-cont-name="dev"]{width:3.5625rem;height:3.625rem;background-image:url('../images/pc/bg_balloon_dev.png');top:3.375rem;left:50%;z-index:3;margin-left:-100px}
.team-select a[data-cont-name="dev"].active{background-image:url('../images/pc/bg_balloon_dev_on.png');}
.team-select a[data-cont-name="planing"]{width:5.1875rem;height:5.25rem;background-image:url('../images/pc/bg_balloon_planing.png');top:2.25rem;left:50%;z-index:3;margin-left:0.8125rem}
.team-select a[data-cont-name="planing"].active{background-image:url('../images/pc/bg_balloon_planing_on.png')}
.team-select a[data-cont-name="consulting"]{width:5.25rem;height:5.375rem;background-image:url('../images/pc/bg_balloon_consulting.png');top:-1.0625rem;left:50%;z-index:4;margin-left:3.75rem}
.team-select a[data-cont-name="consulting"].active{background-image:url('../images/pc/bg_balloon_consulting_on.png')}
.team-select a[data-cont-name="pm"]{width:5.1875rem;height:5.25rem;background-image:url('../images/pc/bg_balloon_pm.png');top:0.6875rem;left:50%;z-index:1;margin-left:-9.5625rem}
.team-select a[data-cont-name="pm"].active{background-image:url('../images/pc/bg_balloon_pm_on.png')}
.team-select a.active{transform: translateY(-0.3125rem);}

.cont-wrap.project{margin-bottom:6.5625rem;}
.cont-wrap.main-cases{padding:5rem 0}
.cont-wrap.main-cases .cont-title{margin-top:0}
.cont-column-wrap.visucon + .cont-wrap.main-cases{padding-top:0}

.project-year-area .btn-area{margin-top:1.5rem}
.project-year-area .btn-area .cta{border:0.0625rem solid #e2e2e2;background:#fff;color:#7b7b7b}
.project-year{position:relative;margin-top:5rem}
.project-year-title{font-size:1.75rem;line-height:2.25rem;font-weight:700;margin-bottom:1.5rem}
.project-year-title span{display:block;color:#1a87fe}
.project-item + .project-item{margin-top:16px}
.project-item .inner{border:0.0625rem solid #e2e2e2;padding:1.75rem;border-radius:1rem;background:#fff;min-height:13rem;display:flex;flex-direction:column;box-shadow:1.125rem 1.125rem 1.5rem 0 rgba(0, 0, 0, 0.04);}
.project-item .title{font-size:1.0625rem;line-height:1.5625rem;font-weight:700;}
.project-item .desc{font-size:0.9375rem;line-height:1.5rem;color:#7b7b7b;margin-top:1rem;}
.project-item .logo{margin:auto 0 0 auto;width:7rem;height:2rem}

.cont-title{margin-top:5rem;font-size:1.75rem;line-height:1.3;}
.cont-wrap .cont-title{font-size:1.25rem}
.title-area .title-icon{margin-top:1.125rem;width:8.75rem;height:8.75rem;}
.cont-column.title-area + .cont-column .box-cont .desc{margin-top:0.6875rem;}
.cont-column .txt-content{font-size:0.9375rem;font-weight:500;line-height:1.5;word-break:keep-all;}
.cont-column .txt-content:first-child{margin-top:3.9375rem;padding-top:3.9375rem;border-top:0.0625rem solid #e2e2e2;}
.cont-column .txt-content + .txt-content{margin-top:1rem;}

.consulting-item{margin:3.125rem 0;}
.consulting-item .number{font-size:0.875rem;color:#fff;margin-right:0.25rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:#1a87fe;border-radius:50%;vertical-align:middle;}
.consulting-item .title{display:inline-block;margin-top:-0.0625rem;font-size:1.25rem;line-height:1.4;font-weight:700;vertical-align:top;}
.consulting-item .desc{font-size:0.9375rem;line-height:1.5;color:#7b7b7b;margin-top:1rem;word-break:keep-all;}
.consulting-item .list-style01{margin:1rem 0 0 0.1875rem;}
.consulting-item .list-style01 li{font-size:1rem}

/* sfa-area */
.sfa-area .sfa-item{margin:2.5rem 1.875rem 2.5rem}
.sfa-area .sfa-list{border:0.0625rem solid #e2e2e2;border-radius:1rem;}
.sfa-area .sfa-list .box{flex:1;padding:2rem 1.6875rem;}
.sfa-area .sfa-list .box + .box{border-top:0.0625rem solid #e2e2e2;}
.sfa-area .sfa-list .box .title{margin-bottom:1rem;font-size:1.0625rem;color:#1a87fe;font-weight:700;line-height:1.7;}
.sfa-area .sfa-list .list-style01{margin:0;}
.sfa-area .sfa-list .list-style01 li{font-size:0.9375rem;line-height:1.5;}
.sfa-area .sfa-list .list-style01 li + li{margin-top:0.5625rem;}
.sfa-area .sfa-list .list-style01 li:before{top:0.5625rem;}

/* list-style */
.list-style01 li{position:relative;padding-left:0.5625rem;font-size:1.125rem;color:#7b7b7b;line-height:1.3;}
.list-style01 li:before{content:"";position:absolute;top:0.75rem;left:0;display:block;width:0.1875rem;height:0.1875rem;background:#7b7b7b;border-radius:50%;}
.list-style01 li + li{margin-top:0.625rem;}

.list-dot > li{position:relative;margin-top:0.5rem;font-size:1rem;color:#7b7b7b;padding-left:0.5625rem;}
.list-dot > li:first-child{margin-top:0;}
.list-dot > li:before{content:"";width:0.1875rem;height:0.1875rem;background:#7b7b7b;position:absolute;left:0;top:0.5rem;border-radius:50%;}

/* card-box-list */
.cont-title + .card-box-list{margin-top:1.5rem;}
.card-box-list .item{display:inline-block;vertical-align:top;border:0.0625rem solid #e2e2e2;border-radius:0.75rem;box-shadow:1.125rem 1.125rem 1.5rem 0 rgba(0, 0, 0, 0.04);background:#fff;padding:2rem 1.5rem 0 1.5rem;width:100%;min-height:10.125rem;}
.card-box-list .item + .item{margin-top:0.75rem;}
.card-box-list .item .content{padding-bottom:1.5625rem;font-size:0.875rem;border-bottom:0.0625rem solid #e2e2e2;}
.card-box-list .item .content .title{font-size:1.0625rem;font-weight:700;letter-spacing:-0.0313rem;}
.card-box-list .item .content .company{font-size:0.9375rem;color:#7b7b7b;margin-top:0.375rem;}
.card-box-list .item .image{padding:0.8125rem 0;width:6.25rem;height:auto;}

.capability{margin-top:5rem;padding:0 0 5rem;background:#1a87fe;overflow:hidden}
.capability .cont-title{color:#fff;}
.capability-graph{font-size:0;position:relative;margin-top:1.5rem;width:100%;}
.capability-graph .circle-item:first-child{margin-top:0}
.capability-graph .circle-item{display:flex;align-items:center;margin:-2.6875rem auto 0;width:11.25rem;height:11.25rem;color:#fff;}
.capability-graph .circle-item > div{display:inline-flex;align-items:center;justify-content:center;text-align:center;width:100%;border-radius:50%;height:100%;font-size:0.8125rem;line-height:1.4;border:0.0625rem dashed #fff;}
.capability-graph .circle-item.bigger{width:14.375rem;height:14.375rem;margin:-2.6875rem auto 0;z-index:-1;}
.capability-graph .circle-item.bigger > div{border:0;border-radius:50%;width:14.375rem;height:14.375rem;background:rgba(0,0,0,0.2);}
.capability-graph .circle-item.bigger > div > span{margin:0 1.5rem;}
.capability-graph .circle-item.strong{margin-top:-4.8125rem;color:#1a87fe;width:10rem;height:10rem;}
.capability-graph .circle-item.strong > div{background:#fff;font-weight:700;font-size:1.375rem;}
.capability-graph .line{width:0.0625rem;height:7.875rem;position:absolute;left:50%;top:45.5rem;margin-left:-0.0313rem;}
.capability-graph .line > span{position:relative;display:block;width:100%;height:100%;background:#fff;}
.capability-graph .line > span:before{content:"";width:0.75rem;height:0.75rem;border-radius:50%;position:absolute;left:50%;top:-0.375rem;transform:translateX(-50%);background:#fff;}
.capability-graph .circle-item.strong .logo{width:4rem;height:1.375rem;text-indent:-999em;background:url('../images/mobile/logo.svg') no-repeat center / 4rem auto;}

/* consulting */
.omni-bubble span{position:relative;display:block;margin:2rem 0 2.5rem;padding:0.6875rem 2.25rem;font-size:1rem;line-height:1.88;color:#1a87fe;font-weight:800;border:0.0625rem solid #e2e2e2;border-radius:50px;text-align:center;box-shadow:0.75rem 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.06);}
.omni-bubble span:after{content:"";position:absolute;bottom:-1.125rem;right:12%;width:1.3125rem;height:1.125rem;background:url('../images/mobile/icon_bubble_arr.svg') no-repeat center / 100% auto;}
.omni-process{position:relative;margin-top:2.5rem;}
.omni-process .arrow{width:8.3125rem;height:8.0625rem;position:absolute;left:50%;margin-left:-4.1875rem;top:32.375rem;z-index:-1;background:url('../images/mobile/img_process_arrow.svg') no-repeat 50% 50%;}
.omni-process .process-head{font-size:0.9375rem;font-weight:700;color:#fff;background:#7b7b7b;text-align:center;padding:1.125rem 0;border-radius:1rem 1rem 0 0;}
.omni-process .process-head strong{font-weight:700;}
.omni-process .process-body{border:0.0625rem solid #e2e2e2;border-radius:0 0 1rem 1rem;background:#fff;padding:1.25rem 1.25rem;display:flex;flex-direction:column;box-shadow:0 0 1.125rem rgba(132, 132, 132, 0.08);}
.omni-process .process-box{position:relative;background:#eeefef;padding:0.75rem 0.75rem;border-radius:0.75rem;width:100%;margin-top:1rem;}
.omni-process .process-box:first-child{margin-top:0;}
.omni-process .process-box .item{margin-left:4.5rem;font-size:0.9375rem;line-height:1.25rem;background:#fff;box-shadow:0 0 1.125rem 0 rgba(93, 93, 93, 0.16);border-radius:0.75rem;display:flex;align-items:center;justify-content:center;font-weight:500;color:#7b7b7b;min-height:3.4375rem;text-align:center;}
.omni-process .process-box .item + .item{margin-top:0.5rem;}
.omni-process .process-box .item:nth-child(2){margin-top:0;}
.omni-process .process-box .item.highlight{position:absolute;top:0.75rem;left:0.75rem;margin:0;padding:0 1.1875rem;width:4rem;height:calc(100% - 1.5rem);background-color:#7b7b7b;color:#fff;font-weight:700;}
.omni-process .coloring{padding-top:4.625rem;}
.omni-process .coloring .process-head{background-color:#1a87fe;color:#fff;}
.omni-process .coloring .process-box{background-color:#e8f0fd;}
.omni-process .coloring .process-box .item{color:#1a87fe;}
.omni-process .coloring .process-box .item.highlight{background-color:#1a87fe;color:#fff;}
.omni-platform{border:0.0625rem solid #e2e2e2;background:#f9fafc;margin-top:2.5rem;display:flex;align-items:center;flex-direction:column-reverse;}
.omni-platform .image{margin:0.25rem 0.8125rem 0;}
.omni-platform .title{font-size:1.25rem;line-height:1.4;font-weight:700;margin:3.125rem 0 1rem;}

/* bottom-cont */
.cont-wrap.bottom-cont{height:25.25rem;text-align:center;background:no-repeat center / cover;}
.cont-wrap.bottom-cont .title{display:block;padding:6.25rem 0 0;font-size:1.5rem;font-weight:700;color:#fff;}
.cont-wrap.bottom-cont .txt{margin-top:1rem;font-size:0.9375rem;color:#fff;}
.cont-wrap.bottom-cont .btn-link{position:relative;display:inline-block;margin-top:2.25rem;padding:1rem 3.3125rem;border:0.0625rem solid #fff;font-size:0.9375rem;color:#fff;font-weight:700;transition:0.25s;}
.cont-wrap.bottom-cont.platform{background-image:url('../images/mobile/bg_platform_bottom.png')}
.cont-wrap.bottom-cont.visucon{background-image:url('../images/mobile/bg_software_bottom.png')}

.txt-content + .box-cont{margin-top:3.125rem;}
.cont-inner .box-cont{margin-top:3.125rem;}
.box-cont + .box-cont{margin-top:2.5rem;}
.box-cont .title{display:block;margin-top:3.75rem;font-size:1.25rem;font-weight:700;line-height:1.4;word-break:keep-all;}
.box-cont:first-child .title{margin-top:3.9375rem;padding-top:3.9375rem;border-top:0.0625rem solid #e2e2e2}
.box-cont .desc{margin-top:1rem;font-size:0.9375rem;color:#7b7b7b;word-break:keep-all;line-height:1.5;letter-spacing:-0.0144rem;}
.box-cont [class*="diagram"] .info-box{margin:3.75rem 0 6.125rem;justify-content:space-between;}
.box-cont [class*="diagram"] .info-box .title{font-size:0.9375rem;font-weight:700;}
.box-cont [class*="diagram"] .info-box p{margin-top:0.5rem;line-height:1.46;font-size:0.8125rem;color:#7b7b7b}

/* platform */
.cont-column-wrap.coverlink{overflow:hidden}
.cont-column-wrap.coverlink .coverlink-diagram{display:flex;justify-content:flex-start;}
.cont-column-wrap.coverlink .coverlink-diagram .info-box{margin:3.5rem 3.75rem 6.125rem 0;}
.cont-column-wrap.coverlink .coverlink-diagram .item:nth-child(2){margin-top:50%;}
.cont-column-wrap.coverlink .coverlink-diagram .item:nth-child(3){margin-top:62%;}
.cont-column-wrap.coverlink .box-cont .title{margin-top:0}
.cont-column-wrap.coverlink .coverlink-diagram .image{margin:1.875rem -1.25rem 0 -2.4375rem;height:33.125rem;}
.cont-column-wrap.coverlink .coverlink-diagram .image img{width:auto;height:100%}

/* software */
.software-diagram{margin-top:2.5rem;}
.software-diagram.type02 .image{margin-right:-1.5625rem;}
.software-diagram.margin .image{margin:0 -1.25rem -1.875rem;}

.software-list{margin-top:1.5rem;border:0.0625rem solid #e2e2e2;border-radius:1rem;}
.software-list li{display:flex;padding:2rem 1.25rem;align-items:center;}
.software-list li + li{border-top:0.0625rem solid #e2e2e2;}
.software-list li .txt{display:block;margin-left:1.25rem;font-size:0.9375rem;letter-spacing:-0.0338rem;line-height:1.53;}
.software-list li .ico{display:block;flex:none;width:5rem;height:5rem;background:no-repeat center / 100%;}
.software-list li:nth-child(1) .ico{background-image:url('../images/mobile/icon_visucon_web.svg');}
.software-list li:nth-child(2) .ico{background-image:url('../images/mobile/icon_visucon_pc.svg');}
.software-list li:nth-child(3) .ico{background-image:url('../images/mobile/icon_visucon_lock.svg');}
.software-list li:nth-child(4) .ico{background-image:url('../images/mobile/Icon_visucon_contract.svg');}
.software-list li:nth-child(5) .ico{background-image:url('../images/mobile/icon_visucon_dom.svg');}
.software-list li:nth-child(6) .ico{background-image:url('../images/mobile/icon_visucon_si.svg');}
.software-list li:nth-child(7) .ico{background-image:url('../images/mobile/icon_visucon_mirroring.svg');}
.software-list li:nth-child(8) .ico{background-image:url('../images/mobile/icon_visucon_document.svg');}

.software-box{margin:1.5rem 0 0;}
.software-box li{position:relative;margin-top:1.875rem;padding:2rem 0 1.9375rem;width:100%;min-height:12rem;-webkit-backdrop-filter:brightness(0.85) contrast(0.85) blur(1.1313rem);backdrop-filter:brightness(0.85) contrast(0.85) blur(1.1313rem);border-radius:1rem;text-align:center;}
.software-box li + li{margin-top:1rem;}
.software-box li:nth-child(3n + 1){margin-left:0;}
.software-box li .txt{display:block;margin-top:1.0625rem;font-size:0.9375rem;color:#fff;line-height:1.53;letter-spacing:-0.0144rem;}
.software-box li .ico{display:block;margin:0 auto 0;width:4.5rem;height:4.5rem;background:no-repeat center / 100%;}
.software-box li:nth-child(1) .ico{background-image:url('../images/mobile/icon_visucon_01.svg');}
.software-box li:nth-child(2) .ico{background-image:url('../images/mobile/icon_visucon_02.svg');}
.software-box li:nth-child(3) .ico{background-image:url('../images/mobile/icon_visucon_03.svg');}
.software-box li:nth-child(4) .ico{background-image:url('../images/mobile/icon_visucon_04.svg');}
.software-box li:nth-child(5) .ico{background-image:url('../images/mobile/icon_visucon_05.svg');}
.software-box li:nth-child(6) .ico{background-image:url('../images/mobile/icon_visucon_06.svg');}

.dsa .software-box li:nth-child(1) .ico{background-image:url('../images/mobile/icon_dsa_01.svg');}
.dsa .software-box li:nth-child(2) .ico{background-image:url('../images/mobile/icon_dsa_02.svg');width:7.5rem;height:4.5rem;}
.dsa .software-box li:nth-child(3) .ico{background-image:url('../images/mobile/icon_dsa_03.svg');}
.dsa .software-box li:nth-child(4) .ico{background-image:url('../images/mobile/icon_dsa_04.svg');}
.dsa .software-box li:nth-child(5) .ico{background-image:url('../images/mobile/icon_dsa_05.svg');}
.dsa .software-box li:nth-child(6) .ico{background-image:url('../images/mobile/icon_dsa_06.svg');}

.msx .software-box li:nth-child(1) .ico{background-image:url('../images/mobile/icon_msx_01.svg');}
.msx .software-box li:nth-child(2) .ico{background-image:url('../images/mobile/icon_msx_02.svg');}
.msx .software-box li:nth-child(3) .ico{background-image:url('../images/mobile/icon_msx_03.svg');}
.msx .software-box li:nth-child(4) .ico{background-image:url('../images/mobile/icon_msx_04.svg');}
.msx .software-box li:nth-child(5) .ico{background-image:url('../images/mobile/icon_msx_05.svg');}
.msx .software-box li:nth-child(6) .ico{background-image:url('../images/mobile/icon_msx_06.svg');}
.msx .software-box li:nth-child(7) .ico{background-image:url('../images/mobile/icon_msx_07.svg');}

.cont-wrap.new{padding:5rem 1.5625rem;text-align:center;}
.cont-wrap.new .cont-title{margin-top:3.125rem;font-size:1.3125rem;font-weight:700;line-height:1.4;}
.cont-wrap.new .txt{margin-top:1.0625rem;font-size:1.5rem;color:#7b7b7b}

.cont-wrap.software{margin:5rem 0 -1px;padding:0 1.5625rem;height:93.5rem;background:no-repeat center / cover;text-align:center;}
.cont-wrap.software.visucon{background-image:url('../images/mobile/bg_software_viscon.png');}
.cont-wrap.software.dsa{background-image:url('../images/mobile/bg_software_dsa.png');}
.cont-wrap.software.msx{background-image:url('../images/mobile/bg_software_msx.png');height:106.625rem;}
.cont-wrap.software .cont-title{padding-top:5rem;font-size:1.25rem;color:#fff;font-weight:600;line-height:1.4;}
.cont-wrap.coverlink .coverlink-wrap .image{position:relative;width:48.125rem;margin:0.625rem -3.75rem 1.75rem;}
.cont-wrap.coverlink .coverlink-wrap .img-bg{position:absolute;top:0;left:0;width:calc(31.4375rem - 5rem);height:calc(31.4375rem - 5rem);margin:2.5rem;backdrop-filter:brightness(0.7) contrast(0.9) blur(1.1313rem);-webkit-backdrop-filter:brightness(0.7) contrast(0.9) blur(1.1313rem);z-index:-1;border-radius:50%;}
.cont-wrap.coverlink .coverlink-item{position:absolute;top:0;width:31.4375rem;height:31.4375rem;}
.cont-wrap.coverlink .coverlink-item li{position:absolute;width:8.75rem;height:8.75rem;background:no-repeat center / 5rem;border-radius:50%;-webkit-backdrop-filter:brightness(1.2) contrast(0.85) blur(1.1313rem);backdrop-filter:brightness(1.2) contrast(0.85) blur(1.1313rem);}
.cont-wrap.coverlink .coverlink-item li:nth-child(1){top:2.1875rem;left:-2.1875rem;background-image:url('../images/mobile/icon_coverlink01.svg');}
.cont-wrap.coverlink .coverlink-item li:nth-child(2){top:2.1875rem;right:-2.1875rem;background-image:url('../images/mobile/icon_coverlink02.svg');}
.cont-wrap.coverlink .coverlink-item li:nth-child(3){bottom:2.1875rem;left:-2.1875rem;background-image:url('../images/mobile/icon_coverlink03.svg');}
.cont-wrap.coverlink .coverlink-item li:nth-child(4){bottom:2.1875rem;right:-2.1875rem;background-image:url('../images/mobile/icon_coverlink04.svg');}

.cont-wrap.coverlink{position:relative;padding:5rem 0 0;height:48.25rem;background:url('../images/mobile/bg_platform_coverlink.png') no-repeat center / cover;text-align:center;}
.cont-wrap.coverlink .cont-title{margin-top:0;font-size:1.25rem;font-weight:700;color:#fff}
.cont-wrap.coverlink .desc{margin-top:1rem;font-size:0.9375rem;color:#fff;line-height:1.53;}

.msx-process{margin-top:4.25rem;}
.msx-process .process-box{padding:0 1rem 1rem 1rem;border:0.0625rem dashed #1a87fe;border-radius:1rem}
.msx-process .process-box .process-title{display:block;text-align:center;border-radius:1.8125rem;font-size:1rem;font-weight:700;color:#fff;background:#1a87fe;padding:1.0625rem 0;margin-top:-1.625rem}
.msx-process .process-box .process-item{display:block;border-radius:0.75rem;border:0.0625rem solid #1a87fe;background:#fff;box-shadow:0 0 1.125rem 0 rgba(18, 69, 126, 0.24);text-align:center;margin-top:1rem;}
.msx-process .process-box .process-head{padding:1.3125rem 0;font-size:0.9375rem;font-weight:700;color:#1a87fe;}
.msx-process .process-box .process-cont{border-top:0.0625rem solid #1a87fe;padding:0.25rem 0.75rem 0.75rem;}
.msx-process .process-box .process-cont .item{display:flex;align-items:center;justify-content:center;border-radius:0.75rem;background:#f2f2f2;font-size:0.8125rem;font-weight:700;color:#7b7b7b;margin-top:0.5rem;height:3.75rem;}
.msx-process .process-box .process-cont .item.col{background:#7b7b7b;color:#fff;}
.msx-process .process-box .process-cont .item-area{display:flex;width:100%}
.msx-process .process-box .process-cont .item-area .item{flex:1;}
.msx-process .process-box .process-cont .item-area .item + .item{margin-left:0.5rem}
.msx-process .arrow{display:block;width:13.4375rem;height:7.125rem;background:url('../images/mobile/bg_msx_arrow.png') no-repeat top center / 100% auto;margin:0 auto}

/* Data Scroll Horizental */
[data-scroll-horizen="image"]{position:relative;padding:0 1.5625rem;overflow:hidden}
[data-scroll-horizen="image"] .swiper-scrollbar{position:absolute;left:1.5625rem;right:1.5625rem;bottom:0;top:auto;width:auto;height:0.25rem;background:#f5f5f5;border-radius:0.125rem;z-index:5;}
[data-scroll-horizen="image"] .swiper-scrollbar .swiper-scrollbar-drag{background:#1a87fe;border-radius:0.125rem}
.software-diagram[data-scroll-horizen="image"]{margin:2.5rem -1.5625rem 0}
.software-diagram[data-scroll-horizen="image"] .swiper-wrapper .image{position:relative;width:47.375rem;margin:0.625rem 0 2.5rem;}