@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{width:100%; height:100%; -webkit-font-smoothing:antialiased;}
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{margin:0; padding:0;box-sizing:border-box;}
body{padding:0; background:#fff; font-family:'Poppins', 'Pretendard', sans-serif;font-size:18px; font-weight:400; color:#2b2b2b;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-family:'Poppins', 'Pretendard', sans-serif;}
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}
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; font-size:0;}
.blind{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);overflow:hidden;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block}
input, textarea, select{margin:0; padding:0; font-family:'Poppins', 'Pretendard', sans-serif; font-size:15px; font-weight:400; color:#000; vertical-align:middle;box-sizing:border-box;}
textarea{border:1px solid #666; resize:none; overflow-y:auto}
button{overflow:visible; margin:0; padding:0; border:0 none; background:none; font-size:0; font-family:'Poppins', 'Pretendard', sans-serif; font-weight:400; 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:#000; text-decoration:none; word-break:break-all;}
a:link, a:visited, a:hover, a:active, a:focus{text-decoration:none;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;}
*:focus{outline:none}


/* Interval */
.space0{margin-top:0px !important}
.space5{margin-top:5px !important}
.space10{margin-top:10px !important}
.space15{margin-top:15px !important}
.space25{margin-top:25px !important}
.space20{margin-top:20px !important}
.space30{margin-top:30px !important}
.space35{margin-top:35px !important}
.space40{margin-top:40px !important}
.space50{margin-top:50px !important}
.space60{margin-top:60px !important}
.space70{margin-top:70px !important}
.space80{margin-top:80px !important}
.space90{margin-top:90px !important}
.space100{margin-top:100px !important}

.mb0{margin-bottom:0px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb60{margin-bottom:60px !important}
.mb100{margin-bottom:100px !important}

/* Align */
.aLeft{text-align:left !important}
.aCenter{text-align:center !important}
.aRight{text-align:right !important}

/* text */
.txt-pretendard{font-family:'Pretendard', sans-serif;}
.txt-poppins{font-family:'Poppins', sans-serif;}
.txt-content{font-size:18px;line-height:30px;font-weight:500;letter-spacing:-0.5px;word-break:keep-all;}
.txt-content + .txt-content{margin-top:12px;}
.txt-underline{font-weight:700;text-decoration:underline;}
.txt-strong{font-weight:700;}

.list-dot > li{position:relative;margin-top:7px;font-size:16px;color:#7b7b7b;line-height:22px;padding-left:10px;}
.list-dot > li:first-child{margin-top:0;}
.list-dot > li:before{content:"";width:3px;height:3px;background:#7b7b7b;position:absolute;left:0;top:8px}

/* Count up */
[data-count]{position:relative;display:inline-block;vertical-align:middle;overflow:hidden;top:-9px;font-size:60px}
[data-count] .countUp{display:inline-block;vertical-align:middle;;overflow:hidden;height:70px;word-break:break-all;}
[data-count] .countUp span{position:relative;display:block;word-break:break-all;width:40px;overflow:inherit;line-height:1.2;text-align:center}
[data-count] .countUp.rest span{width:8px;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);
  }
}

/* .scroll-down */
.scroll-down{position:absolute;left:0;bottom:0;right:0;max-width:1280px;margin:0 auto;line-height:1;}
.scroll-down .scroll-bg{position:relative;width:2px;height:80px;background:rgba(255, 255, 255, 0.5);}
.scroll-down .scroll-bg span{position:absolute;top:0;left:0;right:0;background:#fff;animation:scrollLine 1.5s infinite;}

/* UI Animation */
[data-motion="bottom-fade-in"]{opacity:0;transform:translateY(80px);transition:0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
[data-motion="bottom-fade-in"].active{opacity:1;transform:translateY(0px)}

/* Layout */
html.close-hidden{overflow:hidden}
.wrap{position:relative;/*overflow:hidden;*/width:100%;min-height:100vh;min-width:1024px}

/* 커서 */
html * {
  cursor: none !important;
}
.cursor {display: none;position: fixed; z-index: 10000; background-color: #1a87fe; width: 16px; height: 16px; border-radius: 50%; transition:background 0.2s cubic-bezier(0.75, -1.27, 0.3, 2.33),  transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) ,opacity 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33);pointer-events: none; transform:translate(-50%, -50%) scale(1);}
.cursor.is-hover {transform:scale(3);opacity:0.7}
.cursor.is-blue-hover {background:#2b2b2b;opacity:0.7}

/* header */
#header{position:fixed;left:0;top:0;width:100%;min-width:1024px;z-index:100;height:118px;transition:0.4s ease}
#header .logo{position:absolute;top:50%;left:77px;transform:translateY(-50%);font-size:0;width:107px;height:39px;background:url('../images/pc/logo_white.svg') no-repeat 0 0 / 100% auto;}
#header .logo a{display:block;height:100%;}
#header .logo img{width:100%;}
#header .util{position:absolute;right:136px;top:50%;transform:translateY(-50%);}
#header .cta-contact{position:relative;display:inline-flex;font-size:12px;padding:0 25px;height:29px;border-radius:15px;color:#fff;border:1px solid #fff;overflow:hidden;align-items:center;}
#header .cta-contact:after{display:block;content:'';position:absolute;top:0;bottom:0;left:0;width:0;transition:0.3s ease;z-index:-1;border-radius:15px}
#header .cta-contact span{line-height:1;font-weight:600}
#header .btn-menu{position:absolute;right:80px;top:43px;width:30px;height:30px;background:url('../images/pc/btn_menu_white.png') no-repeat 50% 50% / 26px auto;}

.scrollDown #header{transform:translateY(-100%)}
.scrollUp #header{background:#fff}
.scrollUp #header .logo{background-image:url('../images/pc/logo.svg');}
.scrollUp #header .cta-contact{color:#1a87fe;border-color:#1a87fe;}
.scrollUp #header .cta-contact:after{background:#000}
.scrollUp #header .btn-menu{background-image:url('../images/pc/btn_menu.png');}

#header.transparent{background:transparent}
#header.transparent .logo{background-image:url('../images/pc/logo_white.svg') }
#header.transparent .cta-contact{color:#fff;border-color:#fff}
#header.transparent .cta-contact:after{background:#1a87fe;}
#header.transparent .btn-menu{background-image:url('../images/pc/btn_menu_white.png')}

#header.white{background:#fff}
#header.white .logo{background-image:url('../images/pc/logo.svg');}
#header.white .cta-contact{color:#1a87fe;border-color:#1a87fe;}
#header.white .btn-menu{background-image:url('../images/pc/btn_menu.png');}

.scrollUp #header .cta-contact:hover{color:#fff;border-color:#000}
.scrollUp #header .cta-contact:hover:after{width:100%}

#header.transparent .cta-contact:hover{border-color:#1a87fe}
#header.transparent .cta-contact:hover:after{width:100%}

/* 전체메뉴 */
.layer-allmenu{visibility:hidden;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;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;width:1280px;height:100%;margin:0 auto}
.layer-allmenu .allmenu-list .dep1{display:flex;align-items:center;}
.layer-allmenu .allmenu-list .dep1 > a{display:inline-block;font-size:100px;font-weight:600;color:rgba(255, 255, 255, 1);transition:0.2s ease}
.layer-allmenu .allmenu-list .dep2{font-size:0;padding-left:100px;}
.layer-allmenu .allmenu-list .dep2 li{display:inline-block;vertical-align:top;transform:translateX(-20px);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-left:80px}
.layer-allmenu .allmenu-list .dep2 li a{display:block;font-size:24px;color:rgba(255, 255, 255, 0.8);transition:0.2s ease;padding:20px 0}
.layer-allmenu .allmenu-list .dep2 li a:hover{font-weight:700;color:rgba(255, 255, 255, 1);}

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

.layer-allmenu .icon{display:block;width:310px;height:310px;position:absolute;right:0;top:50%;background-repeat:no-repeat;background-position:0 0;background-size:310px;visibility:hidden;transform:translateY(20px);opacity:0;transition:0.4s 0.2s  ease;}
.layer-allmenu .icon.icon1{background-image:url('../images/pc/bg_allmenu_icon01.png');}
.layer-allmenu .icon.icon2{background-image:url('../images/pc/bg_allmenu_icon02.png');}
.layer-allmenu .icon.icon3{background-image:url('../images/pc/bg_allmenu_icon03.png');}
.layer-allmenu .icon.icon4{background-image:url('../images/pc/bg_allmenu_icon04.png');}
.layer-allmenu .icon.active{opacity:1;visibility:visible;transform:translateY(0px);}

.layer-allmenu .btn-layer-close{position:absolute;top:47px;right:80px;display:block;text-indent:-9999em;width:26px;height:24px;background:url('../images/pc/btn_layer_close.png') no-repeat;overflow:hidden}
.layer-allmenu .btn-layer-close:hover{ transform:rotate(360deg); transition:0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) }

/* layer-pop */
.layer-pop{visibility:hidden;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;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.8;}
.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;width:1280px;margin:0 auto;padding:208px 0}

.layer-pop .btn-layer-close{position:absolute;top:47px;right:80px;display:block;text-indent:-9999em;width:26px;height:24px;background:url('../images/pc/btn_layer_close.png') no-repeat;overflow:hidden}
.layer-pop .btn-layer-close:hover{ transform:rotate(360deg); transition:0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) }

/* section  */
.section-wrap{position:relative;/*height:100vh;*/}
.section{width:100%;height:100vh;}

/* visual */
.section.visual{position:relative;display:flex;align-items:center;justify-content:flex-start;background:url('../images/pc/bg_main_visual.png') no-repeat 50% bottom / cover;overflow:hidden;min-height:720px;}
.section.visual .object{position:absolute;top:0;bottom:0;left:50%}
.section.visual .board{position:absolute;left:63px;bottom:-35px;background:url('../images/pc/bg_main_board.png') no-repeat 0 0;width:616px;height:979px;z-index:4}
.section.visual .animation{opacity:0;transform:translateX(20px)}
.section.visual .people{position:absolute;left:156px;bottom:128px;z-index:5;}
.section.visual .people em{display:block;width:262px;height:510px;background:url('../images/pc/img_visual_people.svg') no-repeat;}
.section.visual .robot{position:absolute;left:532px;bottom:561px}
.section.visual .robot em{display:block;width:175px;height:294px;background:url('../images/pc/img_visual_robot.svg') no-repeat;}
.section.visual .bulb{position:absolute;left:329px;bottom:628px;z-index:5}
.section.visual .bulb em{display:block;width:152px;height:173px;background:url('../images/pc/img_visual_bulb.svg') no-repeat;}
.section.visual .sparkle{position:absolute;z-index:5}
.section.visual .sparkle em{display:block;width:28px;height:26px;background:url('../images/pc/img_visual_sparkle.svg') no-repeat;}
.section.visual .sparkle.sparkle1{bottom:660px;left:299px}
.section.visual .sparkle.sparkle2{bottom:828px;left:386px}
.section.visual .sparkle.sparkle3{bottom:772px;left:449px}
.section.visual .sparkle.sparkle4{bottom:466px;left:640px}
.section.visual .sparkle.sparkle5{bottom:533px;left:680px}
.section.visual .section-cont{width:100%;max-width:1280px;margin:0 auto;padding:0 }
.section.visual .title-area{color:#fff;}
.section.visual .title{font-size:72px;line-height:88px;text-transform:uppercase;opacity:0;transform:translateX(80px);}
.section.visual .desc{font-size:24px;line-height:29px;margin-top:24px;opacity:0;transform:translateX(80px);}
.section.visual .cta{margin-top:100px;opacity:0;transform:translateX(80px);}

.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:translateX(0px);transition:0.5s ease}
.section.visual.active .desc{opacity:1;transform:translateX(0px);transition:0.5s 0.2s ease}
.section.visual.active .cta{opacity:1;transform:translateX(0px);transition:transform 0.5s 0.4s ease, opacity 0.5s 0.4s ease}

@keyframes bounceFrames{
  100%{transform:translateY(-12px)}
}

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

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

/* story */
.section.story{position:relative;min-height:720px;height:auto;opacity:1 !important;transform:none !important}
.section.story .story-area{position:sticky;top:0;width:100%;height:550vh}
.section.story .story-area .story-section{position:sticky;top:0;width:100%;height:100vh}
.section.story .story-item{position:relative;display:flex;justify-content:center;}
.section.story .column{position:relative;display:inline-block;vertical-align:top;width:100%;max-width:960px;height:100vh;min-height:720px;;background:#fff;flex:1;overflow:hidden}
.section.story .column.swiper{overflow:hidden;opacity:1 !important}
html:not(.no-js) .section.story[data-aos=zoom-in] .column.swiper{-webkit-transform: scale(.6); transform: scale(.6);transform: scale(.6);transition-duration: .5s;transition-property: opacity,transform,-webkit-transform;}
html:not(.no-js) .section.story[data-aos=zoom-in].aos-animate .column.swiper{opacity: 1;-webkit-transform: translateZ(0) scale(1);transform: translateZ(0) scale(1);}
.section.story .column.swiper.run-out{transform:scale(0.6) !important;}
.section.story .column-scroll{position:relative;height:100vh;min-height:720px;}
.section.story .column .column-group{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;height:100vh;min-height:720px;;background:#1d1d1d;overflow:hidden;z-index:1;visibility:hidden;}
.section.story .column .column-group.active{visibility:visible}
.section.story .column .column-group.active .title-area{opacity:1;transform:translateY(0);transition:all 0.6s 0.2s 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:430px;margin:250px auto 0 auto;}
.section.story .column .column-control a{position:relative;width:auto;height:auto;opacity:0.5;border-radius:0;color:#fff;background:transparent;margin-left:20px}
.section.story .column .column-control a:before{display:inline-block;content:'/';}
.section.story .column .column-control a:first-child{margin-left:0}
.section.story .column .column-control a:first-child:before{display:none}
.section.story .column .column-control a:first-child span{margin-left:0}
.section.story .column .column-control a span{font-size:18px;font-weight:500;margin-left:20px}
.section.story .column .column-control a.active{opacity:1;}
.section.story .column .column-gauge{position:absolute;left:0;right:0;bottom:0;height:8px;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:430px;margin:-120px auto 0 auto;opacity:0}
.section.story .title{font-size:46px;color:#1a87fe;font-weight:600;line-height:66px;margin-bottom:36px;}
.section.story .desc{font-size:20px;line-height:34px;font-weight:300;}
.section.story .desc strong{font-weight:500;}
.section.story .desc + .desc{margin-top:20px;}
.section.story .cta{margin-top:40px}


/* business */
.section.business{overflow:hidden;margin-top:182px;height:919px}
.section.business .main-title{margin-bottom:32px;}
.business-swiper{max-width:1280px;padding-right:377px;margin:0 auto;position:relative;}
.business-swiper:before{z-index:2;content:"";position:absolute;width:100%;left:-100%;top:0;height:100vh;background:#fff;}
.business-swiper .background{overflow:hidden}
.business-swiper .background img{width:100%;transition:transform 2s ease}
.business-swiper .swiper-slide{transform: none !important;}
.business-swiper .swiper-slide:hover .background img{transform:scale(1.05)}
.business-swiper .content{position:absolute;left:82px;bottom:80px;}
.business-swiper .content .icon{width:120px;height:120px;margin-bottom:25px;background-size:120px;background-repeat:no-repeat;background-position:0 0;display:inline-block;}
.business-swiper .content .icon01{background-image:url('../images/pc/icon_main_business01.png')}
.business-swiper .content .icon02{background-image:url('../images/pc/icon_main_business02.png');}
.business-swiper .content .icon03{background-image:url('../images/pc/icon_main_business03.png');}
.business-swiper .content .icon04{background-image:url('../images/pc/icon_main_business04.png');}
.business-swiper .content .title{color:#fff;font-size:34px;line-height:40px;font-weight:700;}
.business-swiper .content .desc{color:#fff;font-size:20px;line-height:30px;margin-top:24px;}


.business-swiper .pagination{height:45px;margin:0 -6px 70px;}
.business-swiper .swiper-pagination-bullet{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0 6px;background:transparent;width:auto;height:39px;opacity:1;border:1px solid #707070;font-weight:600;border-radius:23px;padding:0 25px;font-size:18px;transition:0.25s;overflow:hidden;}
.business-swiper .swiper-pagination-bullet:after{content:"";width:0;background:#1a87fe;position:absolute;left:0;top:0;height:100%;transition:0.25s;z-index:-1;}
.business-swiper .swiper-pagination-bullet-active{color:#fff;border-color:#1a87fe}
.business-swiper .swiper-pagination-bullet-active:after{width:100%;}
.business-swiper .swiper-pagination-bullet:hover,
.business-swiper .swiper-pagination-bullet:focus{color:#fff;border-color:#1a87fe}
.business-swiper .swiper-pagination-bullet:hover:after,
.business-swiper .swiper-pagination-bullet:focus:after{width:100%;}
.swiper-navigation{position:absolute;right:0;top:-17px;display:flex;align-items:center;}
.swiper-button-prev,
.swiper-button-next{top:0;width:66px;height:66px;border-radius:50%;background:#fff;border:1px solid #e2e2e2;position:relative;left:auto;right:auto;margin-left:16px;margin-top:0;}
.swiper-button-prev:after,
.swiper-button-next:after{content:"";width:15px;height:15px;border-right:2px solid #2b2b2b;border-bottom:2px solid #2b2b2b;position:absolute;top:24px;}
.swiper-button-prev:after{transform:rotate(135deg);left:27px;}
.swiper-button-next:after{transform:rotate(315deg);right:27px;}

/* partner */
.section.partner{position:relative;background:#f7f8fa;height:auto;padding:160px 0;overflow:hidden;}
/* .section.partner:before{display:block;content:'';width:100%;background:#f7f8fa;position:absolute;top:0;left:calc(-50% - 640px);bottom:0;z-index:10} */
.section.partner .main-title{margin-bottom:59px;}
.partner-swiper{max-width:1280px;margin:0 auto;position:relative;}
.partner-swiper .swiper-wrapper{transition-timing-function:linear;}
.partner-swiper .swiper-slide{width:170px;}

.main-title{font-size:40px;line-height:54px;font-weight:800;max-width:1280px;margin:0 auto;}
.main-title strong{color:#1a87fe;}

/* cta */
.cta{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid #000;text-align:center;padding:0 50px;min-width:179px;height:53px;font-size:18px;color:#000;}
.cta.full{width:100%;font-size:24px;height:70px;}
.cta span{position:relative;z-index:1}
.cta:after{display:block;content:'';position:absolute;top:0;left:0;bottom:0;background:#1a87fe;transition:0.3s ease;width:0}
.cta:hover{border-color:#1a87fe}
.cta:hover:after{width:100%;}

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

/* animation Item */
.animation-item{width:100%;height:100vh;min-height:720px;background-repeat:no-repeat;background-position:0 0;text-align:center}
.animation-item.item01{background-image:url('../images/pc/bg_main_story01.jpg');animation:animation01 4.2s steps(19);}
.animation-item.item02{background-image:url('../images/pc/bg_main_story02.jpg');animation:animation02 4.9s steps(25);}
.animation-item.item03{background-image:url('../images/pc/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/pc/bg_main_story01_loop.jpg');}
.animation-item.loop.item02{background-image:url('../images/pc/bg_main_story02_loop.jpg');}
.animation-item.loop.item03{background-image:url('../images/pc/bg_main_story03_loop.jpg');}

@keyframes animation01{
  100%{background-position-x:-18240px;}
}
@keyframes animation02{
  100%{background-position-x:-24000px;}
}
@keyframes animation03{
  100%{background-position-x:-24960px;}
}
@keyframes animation-loop{
  100%{background-position-x:-2880px;}
}

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

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

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

/*footer*/
#footer{width:100%;background-color:#1a1a1a;text-align:center;top:auto;bottom:0;height:auto;}
#footer .footer-inner{max-width:1280px;margin:0 auto;padding:100px 0;position:relative;}
#footer .btn-scroll-top{display:flex;align-items:center;justify-content:center;background:#505050;color:#fff;font-size:16px;font-weight:600;width:60px;height:60px;position:absolute;right:0;top:-30px;z-index:10;}
#footer .menu-wrap{position:relative;font-size:0;padding-bottom:60px;}
#footer .menu-wrap:after{content:"";width:100%;height:1px;background:#707070;opacity:0.5;position:absolute;left:0;bottom:0;}
#footer .menu-item{width:25%;display:inline-block;vertical-align:top;text-align:left;}
#footer .menu-item .title a{position:relative;color:#fff;font-size:24px;line-height:33px;display:inline-block;font-weight:600;font-family:'Poppins', sans-serif;}
#footer .menu-list a{position:relative;color:rgba(2552, 255, 255, 0.6);font-size:18px;display:inline-block;line-height:21px;margin-top:20px;}
#footer .info{font-size:0;padding-top:60px;text-align:left;position:relative;}
#footer .info .item{display:inline-block;font-size:18px;color:#a1a1a1;margin-right:20px;line-height:21px;vertical-align:top;position:relative;}
#footer .info .item:before{content:"";width:1px;height:12px;background:#818181;position:absolute;left:-11px;top:5px;}
#footer .info .item:first-child:before{display:none;}
#footer .info .copyright{font-size:18px;display:block;color:#a1a1a1;margin-top:8px;text-transform:uppercase;font-weight:700;font-family:'Poppins', sans-serif;}
#footer .cta-download{background:#1a87fe;height:53px;color:#fff;padding:14px 22px 12px 30px;font-weight:700;font-size:18px;border:0;position:absolute;right:0;top:60px;}
#footer .cta-download span{display:inline-block;padding-right:45px;background:url('../images/pc/icon_download.png') no-repeat 100% 50% / 18px auto;}

.main #contents{padding-top:0;}
#contents{padding-top:118px;min-width:1280px;}

[data-title-fixed="true"]{position:sticky;top:80px;transition:0.4s ease}
.wrap.scrollUp [data-title-fixed="true"]{top:198px;}
.sub-top-wrap{height:100vh !important;min-height:850px !important}
.wrap.about-us .sub-top-wrap{height:calc(100vh + 194px) !important;min-height:calc(850px + 194px) !important;z-index: 60;}

.sub-top{display:flex;align-items:center;max-width:1280px;padding:0 0 24px;margin:0 auto;}
.sub-title{font-size:100px;font-weight:700;/*font-family:'Poppins', sans-serif;*/}
.sub-nav{position:relative;font-size:0;margin-left:auto;z-index:10}
.sub-nav .nav-item{display:inline-block;margin-left:40px;margin-bottom:-14px;}
.sub-nav .nav-anchor{font-size:20px;color:#7b7b7b;line-height:24px;font-weight:600;position:relative;padding-bottom:14px;display:block;}
.sub-nav .nav-anchor.active{color:#2b2b2b;font-weight:800;}
.sub-nav .nav-anchor.active:after{content:"";width:100%;height:4px;background:#1f9cea;position:absolute;left:0;bottom:0;}

.sub-visual{position:relative;margin:0 auto;}
.sub-visual .image{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;height:calc(100vh - 292px);min-height:530px;margin:0 auto}
.sub-visual .content{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:#fff;width:100%;max-width:1280px;margin:0 auto;padding-left:480px;}
.sub-visual .icon-wrap{position:absolute;left:0;top:32px;display:flex;align-items:center;}
.sub-visual .icon-wrap .icon{width:130px;height:130px;background-repeat:no-repeat;}
.sub-visual .icon-wrap .text{font-size:24px;line-height:36px;font-weight:600;margin-left:14px;}
.sub-visual .title-wrap .title{font-size:60px;line-height:72px;margin-bottom:40px;font-weight:600;}
.sub-visual .title-wrap .title02{font-size:24px;line-height:30px;color:#1a87fe;margin-bottom:30px;font-weight:800;}
.sub-visual .title-wrap .desc{font-size:24px;line-height:40px;}
.sub-visual.business .icon{background-image:url('../images/pc/icon_business_visual.png')}
.sub-visual.business .image{background-image:url('../images/pc/img_business_visual.png')}
.sub-visual.small .image{max-width:1280px;width:100%;height:466px;margin:0 auto;}

.cont-column-wrap{font-size:0;max-width:1280px;margin:0 auto;}
.cont-column-wrap .cont-column{display:inline-block;width:62.5%;vertical-align:top;}
.cont-column-wrap .cont-column:first-child{width:37.5%;}
.cont-title{font-size:40px;line-height:54px;font-weight:800;}
.cont-title.medium{font-size:34px;}
.cont-title.small{font-size:24px;line-height:36px;}
.cont-title strong{color:#1a87fe;}
.cont-title .emphasis{font-size:46px;color:#1a87fe;}
.cont-inner{max-width:1280px;margin:0 auto;}
.title-area .title-desc{font-size:24px;line-height:40px;margin-top:32px;font-weight:600;word-break:keep-all;}
.title-area .title-icon{margin-top:32px;}

.cont-column-wrap.consulting,
.cont-column-wrap.coverlink,
.cont-column-wrap.software{/*padding:160px 0;*/padding-bottom:160px}
.cont-column-wrap.system-const{padding-bottom:120px}
.cont-column-wrap.software + .main-cases{padding-top:0;}
.box-cont + .consulting-list{padding-top:40px}
.consulting-list{padding-top:20px;}
.consulting-item{font-size:0;border-bottom:1px solid #e2e2e2;padding:60px 0;}
.consulting-item .number{font-size:16px;color:#fff;margin-right:8px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#1a87fe;border-radius:50%;vertical-align:top;}
.consulting-item .title{display:inline-block;font-size:24px;line-height:30px;font-weight:700;vertical-align:top;}
.consulting-item .desc{font-size:18px;line-height:30px;color:#7b7b7b;margin-top:15px;}
.consulting-item .list-style01{margin:15px 0 0 38px;}

.cont-wrap.capability{background:#1a87fe;padding:140px 0 160px 0;}
.cont-wrap.capability .cont-title{color:#fff;font-size:24px;}
.capability-graph{font-size:0;position:relative;margin-top:60px;display:flex;align-items:center;}
.capability-graph .circle-item{display:flex;align-items:center;margin-left:-20px;width:200px;height:274px;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:200px;font-weight:500;font-size:17px;line-height:25px;border:1px dashed #fff;}
.capability-graph .circle-item.txtS > div{font-size:15px;}
.capability-graph .circle-item:first-child{margin-left:0;}
.capability-graph .circle-item.bigger{width:274px;height:274px;margin:0 0 0 -47px;z-index:-1;}
.capability-graph .circle-item.bigger > div{border:0;border-radius:50%;width:100%;height:100%;background:rgba(0,0,0,0.2);flex-direction:column;}
.capability-graph .circle-item.bigger > div > span{margin:10px 0;}
.capability-graph .circle-item.strong{color:#1a87fe;margin-left:-67px;}
.capability-graph .circle-item.strong > div{background:#fff;font-weight:700;font-size:22px;}
.capability-graph .line{width:160px;height:24px;position:absolute;right:200px;top:50%;}
.capability-graph .line > span{position:relative;display:block;width:100%;height:1px;background:#fff;}
.capability-graph .line > span:before{content:"";width:12px;height:12px;border-radius:50%;position:absolute;left:-7px;top:50%;transform:translateY(-50%);background:#fff;}
.capability-graph .circle-item.strong .logo{width:77.5px;height:28px;text-indent:-999em;background:url('../images/pc/logo.svg') no-repeat center / 77.5px auto;}

.cont-column-wrap.orange-life{padding:153px 0 151px; border-bottom:1px solid #e2e2e2;}
.omni-bubble{width:823px;height:178px;padding-top:49px;background:url('../images/pc/bg_bubble.png') no-repeat 0 0;text-align:center;margin-top:-20px;}
.omni-bubble span{font-size:24px;line-height:29px;color:#1a87fe;font-weight:800;}
.omni-process{position:relative;margin-top:78px;}
.omni-process .arrow{width:133px;height:129px;position:absolute;left:50%;margin-left:-67px;top:260px;z-index:-1;background:url('../images/pc/img_process_arrow.png') no-repeat 50% 50%;}
.omni-process .process-head{font-size:18px;font-weight:600;color:#fff;background:#7b7b7b;text-align:center;padding:16px 0;border-radius:16px 16px 0 0;}
.omni-process .process-head strong{font-weight:700;}
.omni-process .process-body{border:1px solid #e2e2e2;border-radius:0 0 16px 16px;background:#fff;padding:20px 35px;display:flex;box-shadow:0 0 18px rgba(132, 132, 132, 0.08);}
.omni-process .process-box{background:#eeefef;padding:12px 12px;border-radius:12px;width:220px;margin-left:35px;}
.omni-process .process-box:first-child{margin-left:0;}
.omni-process .process-box .item{font-size:15px;margin:8px 8px;line-height:20px;background:#fff;box-shadow:0 0 18px rgba(93, 93, 93, 0.16);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#7b7b7b;min-height:48px;}
.omni-process .process-box .item.highlight{background-color:#7b7b7b;color:#fff;}
.omni-process .coloring{padding-top:60px;}
.omni-process .coloring .process-head{background-color:#1a87fe;color:#fff;}
.omni-process .coloring .process-body{border-color:#1a87fe;}
.omni-process .coloring .process-box{background-color:#ebf2ff;}
.omni-process .coloring .process-box .item{color:#1a87fe;}
.omni-process .coloring .process-box .item.highlight{background-color:#1a87fe;color:#fff;}
.omni-process .type-col{display:flex;flex-wrap:wrap;width:475px;}
.omni-process .type-col .item{flex:1;text-align:center;height:104px;margin-right:6px;margin-left:6px;}
.omni-process .type-col .item.highlight{width:100%;height:48px;flex:none;margin-bottom:0;}
.omni-platform{border:2px solid #e2e2e2;background:#f9fafc;margin-top:88px;display:flex;align-items:center;}
.omni-platform .image{margin:20px 35px 0 87px;}
.omni-platform .title{font-size:22px;line-height:30px;font-weight:700;margin-bottom:20px;}

.cont-wrap{position:relative;z-index:1;}
.cont-wrap.main-cases{padding:166px 0 170px}
.cont-column-wrap.visucon + .cont-wrap.main-cases{padding-top:0}
.cont-wrap + .cont-column-wrap{padding:157px 0 140px;}

.sub-visual.project .icon{background-image:url('../images/pc/icon_project_visual.png')}
.sub-visual.project .image{background-image:url('../images/pc/img_project_visual.png');}

.sub-title-bar{border-bottom:1px solid #e2e2e2;padding-bottom:39px;}
.sub-title-bar .title{font-size:40px;line-height:56px;font-weight:700;}

.tab-list{font-size:0;margin-left:auto;}
.tab-list .tab-item{display:inline-block;margin-left:40px;}
.tab-list .tab-item.active .tab-anchor{font-weight:800;color:#2b2b2b;}
.tab-list .tab-anchor{font-size:20px;color:#7b7b7b;line-height:24px;font-weight:600;position:relative;padding-bottom:14px;display:block;}
.tab-list .tab-item.active .tab-anchor:after{content:"";width:100%;height:4px;background:#1f9cea;position:absolute;left:0;bottom:0;}

.tab-list.type02{margin-bottom:60px;height:51px;text-align:center;display:inline-flex;background:#fff;border-radius:25px;padding:5px;box-shadow:10px 10px 32px rgba(0,0,0,0.09);}
.tab-list.type02 .tab-item{display:inline-flex;margin-left:0;}
.tab-list.type02 .tab-item .tab-anchor{padding:12px 34px;line-height:1;font-size:16px;color:#7b7b7b;font-weight:400;display:block;}
.tab-list.type02 .tab-item.active .tab-anchor{color:#fff;background:#1a87fe;border-radius:20px;font-weight:400;}
.tab-list.type02 .tab-item.active .tab-anchor:after{display:none;}

.tab-list-wrap.sticky{position:sticky;top:30px;text-align:center;transition:0.4s;z-index:50;}
.scrollUp .tab-list-wrap.sticky{position:sticky;top:148px;}

.about-us .tab-list-wrap.sticky{padding:12px}
.about-us .tab-list-wrap.sticky .tab-list{margin-bottom:0;transform:translateY(-80px);transition:transform 0.4s ease}
.about-us .tab-list-wrap.sticky.show .tab-list{transform:translateY(0)}

.cont-wrap.project{margin-top:113px;}
.cont-wrap.project .cont-inner{position:relative;}
.cont-wrap.project .tab-list{position:absolute;right:0;top:32px;}
.cont-wrap.project .tab-list .tab-item.active .tab-anchor:after{bottom:-25px;}

.project-year{position:relative;margin:140px 0;}
.project-year:first-of-type{margin-top:120px;}
.project-year-title{font-size:40px;line-height:48px;font-weight:700;}
.project-year .swiper-navigation{top:-0;}
.project-list{font-size:0;margin:0 -29px 0;}
.project-item{display:inline-block;width:33.33%;padding:0 29px;margin-bottom:58px;}
.project-item .inner{border:1px solid #e2e2e2;padding:55px 48px;border-radius:16px;background:#fff;min-height:456px;display:flex;flex-direction:column;box-shadow:18px 18px 24px rgba(0,0,0,0.04);}
.project-item .title{font-size:24px;line-height:36px;font-weight:700;}
.project-item .desc{font-size:18px;line-height:24px;color:#7b7b7b;margin-top:27px;}
.project-item .logo{margin:auto 0 0 auto;}
.project-swiper{position:relative;margin-top:58px;overflow:hidden}
.project-swiper .swiper-slide{padding:0;}
.project-swiper .swiper-wrapper{margin:0;}
.project-swiper.is-expand .swiper-wrapper{flex-wrap:wrap;}
.project-swiper.is-expand .swiper-slide:nth-child(3n){margin-right:0 !important;}
.project-swiper.is-expand .swiper-navigation{display:none;}
.project-year .btn-wrap{text-align:center;position:relative;margin-top:15px;}
.project-year .btn-wrap:before{content:"";width:100%;height:1px;background:#e2e2e2;position:absolute;left:0;top:50%;z-index:-1;}
.project-year .btn-wrap .btn-expand{font-size:18px;line-height:21px;color:#7b7b7b;font-weight:600;padding:12px 20px;border-radius:23px;border:1px solid #e2e2e2;width:135px;text-align:center;background:#fff;}

.wrap.about-us{position:relative;}
.wrap.about-us #header{background:#0f131a;}
.wrap.about-us .sub-top-wrap{position:relative;background:#0f131a;padding-bottom:240px;}
.wrap.about-us .sub-top-wrap:before{display:block;content:'';position:absolute;top:-118px;left:0;right:0;height:118px;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/pc/img_about_visual.png');}
.sub-visual.about-us .title-wrap{margin-top:50%}
.cont-wrap.summary{height:1080px;background:url('../images/pc/bg_about_summary.png') no-repeat 50% 0 / cover;/*background-position:50% -80px;*/margin-top:-80px}
.cont-wrap.summary .cont-inner{display:flex;align-items:center;justify-content:center;height:100%;}
.cont-wrap.summary .summary-wrap{display:flex;width:100%;}
.cont-wrap.summary .summary-item{color:#fff;text-align:center;flex:1;padding-top:218px;background-repeat:no-repeat;background-position:50% 0;}
.cont-wrap.summary .summary-item.item01{background-image:url('../images/pc/icon_summary01.png');}
.cont-wrap.summary .summary-item.item02{background-image:url('../images/pc/icon_summary02.png');}
.cont-wrap.summary .summary-item.item03{background-image:url('../images/pc/icon_summary03.png');}
.cont-wrap.summary .summary-item.item04{background-image:url('../images/pc/icon_summary04.png');}
.cont-wrap.summary .summary-item .title{font-size:60px;line-height:71px;font-weight:700;overflow:hidden}
.cont-wrap.summary .summary-item .desc{font-size:32px;line-height:45px;margin-top:6px;font-weight:300;}
.cont-column-wrap.introduce{padding:250px 0}
.cont-column-wrap.vision{padding:250px 0}
.cont-column-wrap.vision .vision-diagram{margin:94px 0 86px;background:url('../images/pc/bg_vision_diagram.png') no-repeat 50% 100%;position:relative;width:647px;height:560px;}
.cont-column-wrap.vision .vision-diagram .item{position:absolute;border-radius:50%;width:209px;height:209px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;line-height:28px;font-weight:700;text-align:center;box-shadow:0 0 24px rgba(26, 135, 254, 0.32)}
.cont-column-wrap.vision .vision-diagram .item01{background-color:#1cc2ff;top:0;left:212px;}
.cont-column-wrap.vision .vision-diagram .item02{background-color:#4747fd;top:324px;left:0;}
.cont-column-wrap.vision .vision-diagram .item03{background-color:#1a87fe;top:324px;left:438px;}
.cont-column-wrap.vision .vision-diagram .center{text-align:center;position:absolute;left:0;width:100%;z-index:1;top:255px;}
.cont-column-wrap.vision .vision-diagram .desc{margin-bottom:3px;font-size:24px;line-height:36px;color:#7b7b7b;;}
.cont-column-wrap.vision .vision-diagram .title{font-size:30px;line-height:30px;color:#1a87fe;font-weight:800;}
.cont-column-wrap.tobe{padding:160px 0}
.cont-column-wrap.tobe .cont-title{display:block;margin-top:160px;margin-bottom:10px}
.cont-column-wrap.tobe .cont-title:first-of-type{margin-top:0}
.cont-column-wrap.tobe .txt-content{color:#7b7b7b}
.cont-column-wrap.tobe .img-content{margin-top:40px}
.cont-column-wrap.tobe .color-value{display:flex;align-items:flex-start}
.cont-column-wrap.tobe .color-value .item{flex:1;}
.cont-column-wrap.tobe .color-value .item + .item{margin-left:40px}
.cont-column-wrap.tobe .color-value .item .item-head{display:flex;align-items:center;height:52px;padding:0 24px;}
.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:16px;font-weight:700;color:#fff;}
.cont-column-wrap.tobe .color-value .item .item-cont{margin-top:16px;}
.cont-column-wrap.tobe .color-value .item dl{display:flex;align-items:center;}
.cont-column-wrap.tobe .color-value .item dt{font-size:16px;font-weight:700;line-height:28px;color:#2b2b2b;width:132px}
.cont-column-wrap.tobe .color-value .item dd{font-size:16px;font-weight:700;line-height:28px;color:#7b7b7b}
.cont-column-wrap.tobe .logo{display:flex;align-items:center}
.cont-column-wrap.tobe .logo img{flex:1}

.cont-wrap.history{background:#2b2b2b;color:#fff;padding:240px 0;}
.cont-wrap.history .history-item{position:relative;display:flex;align-items:flex-start;margin-top:240px;}
.cont-wrap.history .history-item.active .history-year{font-size:80px;line-height:112px;opacity:1}
.cont-wrap.history .history-item:first-child{margin-top:0;}
.cont-wrap.history .history-year{width:480px;font-size:60px;line-height:84px;font-weight:700;opacity:0.4;color:#fff;transition:.3s ease-out}
.cont-wrap.history .history-list{width:calc(100% - 480px)}
.cont-wrap.history .history-row{display:flex;margin-top:30px;}
.cont-wrap.history .history-row:first-child{margin-top:0;}
.cont-wrap.history .history-row .month{flex:none;width:105px;margin-right:35px;font-size:28px;line-height:39px;font-weight:600;}
.cont-wrap.history .history-row .cont{font-size:32px;line-height:39px;}

/* card-box-list */
.cont-title + .card-box-list{margin-top:40px}
.card-box-list{font-size:0;margin-left:-13px;margin-top:-24px}
.card-box-list .item{display:inline-block;vertical-align:top;border:1px solid #e2e2e2;border-radius:16px;box-shadow:18px 18px 24px 0 rgba(0, 0, 0, 0.04);background:#fff;padding:52px 48px 38px 48px;width:418px;height:280px;margin-left:13px;margin-top:24px}
.card-box-list .item .content{height:133px;padding-bottom:15px;font-size:14px}
.card-box-list .item .content .title{font-size:24px;font-weight:700;letter-spacing:-0.5px;}
.card-box-list .item .content .company{font-size:20px;color:#7b7b7b;margin-top:10px}
.card-box-list .item .image{border-top:1px solid #e2e2e2;padding-top:15px}

.sub-visual.finance .icon{background-image:url('../images/pc/icon_finance_visual.png')}
.sub-visual.finance .image{background-image:url('../images/pc/img_finance_visual.png');}

.sfa-area .sfa-item{margin:40px 0 20px 28px}
.sfa-area .sfa-list{display:flex;border:1px solid #e2e2e2;border-radius:16px;}
.sfa-area .sfa-list .box{flex:1;padding:42px 40px;min-height:246px;}
.sfa-area .sfa-list .box + .box{border-left:1px solid #e2e2e2;}
.sfa-area .sfa-list .box .title{margin-bottom:16px;font-size:20px;color:#1a87fe;font-weight:600;}
.sfa-area .sfa-list .list-style01{margin:0;}
.sfa-area .sfa-list .list-style01 li{font-size:16px;line-height:1.5;}
.sfa-area .sfa-list .list-style01 li + li{margin-top:12px;}
.sfa-area .sfa-list .list-style01 li:before{top:9px;}

/* list-style */
.list-style01 li{position:relative;padding-left:11px;font-size:18px;color:#7b7b7b;line-height:1.3;}
.list-style01 li:before{content:"";position:absolute;top:12px;left:0;display:block;width:3px;height:3px;background:#7b7b7b;border-radius:50%;}
.list-style01 li + li{margin-top:10px;}

.sub-visual.platform .icon{background-image:url('../images/pc/icon_platform_visual.png')}
.sub-visual.platform .image{background-image:url('../images/pc/img_platform_visual.png');}

.txt-content + .box-cont{margin-top:80px;}
.cont-inner .box-cont{margin-top:80px;}
.box-cont + .box-cont{margin-top:160px;}
.box-cont .title{display:block;margin-top:14px;font-size:24px;font-weight:700;word-break:keep-all;line-height:1.5;}
.box-cont .title:first-child{margin-top:0;}
.box-cont .desc{margin-top:16px;font-size:18px;color:#7b7b7b;font-weight:400;word-break:keep-all;line-height:1.6;letter-spacing:-0.5px;}
.box-cont [class*="diagram"] .image{margin:60px 0 0 22px;}
.box-cont [class*="diagram"] .info-box{display:flex;margin-top:10px;justify-content:space-between;}
.box-cont [class*="diagram"] .info-box .title{font-size:20px;font-weight:700;}
.box-cont [class*="diagram"] .info-box p{margin-top:11px;line-height:1.5;font-size:16px;color:#7b7b7b}

.cont-wrap.coverlink .coverlink-wrap{position:absolute;width:503px;height:503px;top:360px;left:50%;margin-left:-251.5px;}
.cont-wrap.coverlink .coverlink-wrap .image{position:relative}
.cont-wrap.coverlink .coverlink-wrap .img-bg{position:absolute;top:0;left:0;width:calc(503px - 80px);height:calc(503px - 80px);margin:40px;backdrop-filter:brightness(0.7) contrast(0.9) blur(18.1px);z-index:-1;border-radius:50%;}
.cont-wrap.coverlink .coverlink-item{position:absolute;top:0;width:503px;height:503px;}
.cont-wrap.coverlink .coverlink-item li{position:absolute;width:140px;height:140px;background:no-repeat center / 80px;border-radius:50%;backdrop-filter:brightness(1.2) contrast(0.85) blur(18.1px);}
.cont-wrap.coverlink .coverlink-item li:nth-child(1){top:35px;left:-35px;background-image:url('../images/pc/icon_coverlink01.png');}
.cont-wrap.coverlink .coverlink-item li:nth-child(2){top:35px;right:-35px;background-image:url('../images/pc/icon_coverlink02.png');}
.cont-wrap.coverlink .coverlink-item li:nth-child(3){bottom:35px;left:-35px;background-image:url('../images/pc/icon_coverlink03.png');}
.cont-wrap.coverlink .coverlink-item li:nth-child(4){bottom:35px;right:-35px;background-image:url('../images/pc/icon_coverlink04.png');}

.cont-wrap.coverlink{position:relative;padding:160px 0 0;height:1080px;background:url('../images/pc/bg_platform_coverlink.png') no-repeat center / cover;text-align:center}
.cont-wrap.coverlink .cont-title{font-size:24px;font-weight:700;color:#fff}
.cont-wrap.coverlink .desc{margin-top:16px;font-size:18px;color:#fff}
.cont-wrap.coverlink .coverlink-diagram02 .info-box{width:1202px;height:399px;text-align:center;position:relative;display:flex;margin-top:10px;justify-content:space-between;margin:158px auto;}
.cont-wrap.coverlink .coverlink-diagram02 .info-box .item{position:absolute;flex:1;}
.cont-wrap.coverlink .coverlink-diagram02 .info-box .item:nth-child(1){top:0;left:9px;text-align:right;}
.cont-wrap.coverlink .coverlink-diagram02 .info-box .item:nth-child(2){top:0;right:0;text-align:left;}
.cont-wrap.coverlink .coverlink-diagram02 .info-box .item:nth-child(3){bottom:0;left:0;text-align:right;}
.cont-wrap.coverlink .coverlink-diagram02 .info-box .item:nth-child(4){bottom:0;right:-23px;text-align:left;}
.cont-wrap.coverlink .coverlink-diagram02 .info-box .title{font-size:20px;font-weight:700;color:#fff}
.cont-wrap.coverlink .coverlink-diagram02 .info-box p{margin-top:11px;font-size:16px;color:#fff;line-height:1.5;}

.cont-wrap.bottom-cont{height:400px;text-align:center;background:no-repeat center / cover;}
.cont-wrap.bottom-cont .title{display:block;padding:118px 0 0;font-size:34px;font-weight:500;color:#fff;}
.cont-wrap.bottom-cont .txt{margin-top:16px;font-size:18px;color:#fff;}
.cont-wrap.bottom-cont .btn-link{position:relative;display:inline-block;margin-top:34px;padding:16px 56px;border:1px solid #fff;font-size:18px;color:#fff;font-weight:600;transition:0.25s;}
.cont-wrap.bottom-cont .btn-link span{position:relative;z-index:1}
.cont-wrap.bottom-cont .btn-link:after{display:block;content:'';position:absolute;top:0;left:0;bottom:0;background:#1a87fe;transition:0.3s ease;width:0}
.cont-wrap.bottom-cont .btn-link:hover{border-color:#1a87fe}
.cont-wrap.bottom-cont .btn-link:hover:after{width:100%}
.cont-wrap.bottom-cont.platform{background-image:url('../images/pc/bg_platform_bottom.png')}
.cont-wrap.bottom-cont.visucon{background-image:url('../images/pc/bg_software_bottom.png')}

@media screen and (max-width:1600px){
  .cont-wrap.bottom-cont,
  .cont-wrap.coverlink,
  .cont-wrap.summary{background-position:center 0 !important}
}
@media screen and (max-width:1870px){
  .cont-wrap.software{background-position:center 0 !important}
}

.sub-visual.software .icon{background-image:url('../images/pc/icon_software_visual.png')}
.sub-visual.software .image{background-image:url('../images/pc/img_software_visual.png');}
.sub-visual .tab-list{position:absolute;left:0;right:0;bottom:40px;text-align:center}
.sub-visual .tab-list .tab-item{position:relative;}
.sub-visual .tab-list .tab-item + .tab-item{margin-left:47.5px;padding-left:47.5px}
.sub-visual .tab-list .tab-item + .tab-item:before{position:absolute;display:block;top:50%;left:0;transform:translateY(-50%);content:"";width:1px;height:16px;background:#e2e2e2}
.sub-visual .tab-list .tab-item .tab-anchor{padding:0;color:#a1a1a1}
.sub-visual .tab-list .tab-item.active .tab-anchor{color:#00b1ff}
.sub-visual .tab-list .tab-item.active .tab-anchor:after{top:-14px;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;}

.software-list{display:flex;margin-top:40px;flex-wrap:wrap;border:1px solid #e2e2e2;border-radius:16px;}
.software-list li{flex:none;width:25%;height:294px;text-align:center;}
.software-list li + li{border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2}
.software-list li:nth-child(5){border-left:0}
.software-list li:nth-child(2),
.software-list li:nth-child(3),
.software-list li:nth-child(4){border-top:0}
.software-list li .txt{display:block;margin-top:10px;font-size:18px;letter-spacing:-0.54px;line-height:1.4;}
.software-list li .ico{display:block;margin:56px auto 0;width:124px;height:100px;background:no-repeat center / 100%;}
.software-list li:nth-child(1) .ico{background-image:url('../images/pc/icon_visucon_web.png');}
.software-list li:nth-child(2) .ico{background-image:url('../images/pc/icon_visucon_pc.png');}
.software-list li:nth-child(3) .ico{background-image:url('../images/pc/icon_visucon_lock.png');}
.software-list li:nth-child(4) .ico{background-image:url('../images/pc/Icon_visucon_contract.png');}
.software-list li:nth-child(5) .ico{background-image:url('../images/pc/icon_visucon_dom.png');}
.software-list li:nth-child(6) .ico{background-image:url('../images/pc/icon_visucon_si.png');}
.software-list li:nth-child(7) .ico{background-image:url('../images/pc/icon_visucon_mirroring.png');}
.software-list li:nth-child(8) .ico{background-image:url('../images/pc/icon_visucon_document.png');}

.cont-wrap.software{height:1080px;background:no-repeat center / cover;text-align:center;}
.cont-wrap.software.visucon{background-image:url('../images/pc/bg_software_viscon.png');}
.cont-wrap.software.dsa{background-image:url('../images/pc/bg_software_dsa.png');}
.cont-wrap.software.msx{background-image:url('../images/pc/bg_software_msx.png');}
.cont-wrap.software .cont-title{padding-top:97px;font-size:40px;color:#fff;font-weight:600}
.cont-wrap.software.dsa .cont-title,
.cont-wrap.software.msx .cont-title{padding-top:142px;}

.software-box{display:flex;width:1269px;flex-wrap:wrap;align-items:center;justify-content:center;margin:50px auto 0;}
.software-box li{position:relative;margin-top:30px;width:calc(33.333% - 46px);height:320px;backdrop-filter:brightness(0.85) contrast(0.85) blur(18.1px);border-radius:16px;text-align:center;}
.software-box li + li{margin-left:23px;}
.software-box li:nth-child(3n + 1){margin-left:0;}
.software-box li .txt{display:block;margin-top:29px;font-size:18px;color:#fff;font-weight:500;line-height:1.4;letter-spacing:-0.54px;}
.software-box li .ico{display:block;margin:54px auto 0;width:124px;height:124px;background:no-repeat center / 100%;}
.software-box li:nth-child(1) .ico{background-image:url('../images/pc/icon_visucon_01.png');}
.software-box li:nth-child(2) .ico{background-image:url('../images/pc/icon_visucon_02.png');}
.software-box li:nth-child(3) .ico{background-image:url('../images/pc/icon_visucon_03.png');}
.software-box li:nth-child(4) .ico{background-image:url('../images/pc/icon_visucon_04.png');}
.software-box li:nth-child(5) .ico{background-image:url('../images/pc/icon_visucon_05.png');}
.software-box li:nth-child(6) .ico{background-image:url('../images/pc/icon_visucon_06.png');}

.dsa .software-box li:nth-child(1) .ico{background-image:url('../images/pc/icon_dsa_01.png');}
.dsa .software-box li:nth-child(2) .ico{background-image:url('../images/pc/icon_dsa_02.png');width:178px;height:124px;}
.dsa .software-box li:nth-child(3) .ico{background-image:url('../images/pc/icon_dsa_03.png');}
.dsa .software-box li:nth-child(4) .ico{background-image:url('../images/pc/icon_dsa_04.png');}
.dsa .software-box li:nth-child(5) .ico{background-image:url('../images/pc/icon_dsa_05.png');}
.dsa .software-box li:nth-child(6) .ico{background-image:url('../images/pc/icon_dsa_06.png');}

.msx .software-box{justify-content:flex-start;}
.msx .software-box li{position:relative;margin-top:30px;width:300px;height:320px;}
.msx .software-box li + li{margin-left:23px;}
.msx .software-box li:nth-child(4n + 1){margin-left:0;}
.msx .software-box li:nth-child(1) .ico{background-image:url('../images/pc/icon_msx_01.png');}
.msx .software-box li:nth-child(2) .ico{background-image:url('../images/pc/icon_msx_02.png');}
.msx .software-box li:nth-child(3) .ico{background-image:url('../images/pc/icon_msx_03.png');}
.msx .software-box li:nth-child(4) .ico{background-image:url('../images/pc/icon_msx_04.png');}
.msx .software-box li:nth-child(5) .ico{background-image:url('../images/pc/icon_msx_05.png');}
.msx .software-box li:nth-child(6) .ico{background-image:url('../images/pc/icon_msx_06.png');}
.msx .software-box li:nth-child(7) .ico{background-image:url('../images/pc/icon_msx_07.png');}

.cont-wrap.new{margin:0 0 190px;text-align:center;}
.cont-wrap.new .cont-title{margin-top:45px;font-size:40px;font-weight:700;letter-spacing:-1.2px;}
.cont-wrap.new .txt{margin-top:17px;font-size:24px;color:#7b7b7b}

/* our team */
.sub-visual.team .icon-wrap .icon{background-image:url('../images/pc/icon_team_visual.png');}
.sub-visual.team .image{background-image:url('../images/pc/img_team_visual.png')}
.cont-column-wrap.team{margin-top:48px;margin-bottom:173px;}
.team-info-list{position:relative;}
.team-info-list .team-Info{visibility:hidden;opacity:0;position:absolute;top:162px;left:0;transform:translateY(20px)}
.team-info-list .team-Info.active{visibility:visible;opacity:1;transform:translateY(0px);transition:0.8s ease;}
.team-info-list .team-Info dl{padding-bottom:23px;border-bottom:1px solid #e2e2e2}
.team-info-list .team-Info dt{font-size:40px;font-weight:700;color:#1a87fe}
.team-info-list .team-Info dd{font-size:24px;font-weight:700;margin-top:32px;line-height:1.6;}
.team-info-list .team-Info .icon{margin-top:39px;display:block;width:80px;height:80px;background-repeat:no-repeat;background-position:0 0;}
.team-info-list .team-Info[data-cont-name="tech"] .icon{background-image:url('../images/pc/icon_team_tech.png')}
.team-info-list .team-Info[data-cont-name="dev"] .icon{background-image:url('../images/pc/icon_team_dev.png')}
.team-info-list .team-Info[data-cont-name="planing"] .icon{background-image:url('../images/pc/icon_team_planing.png')}
.team-info-list .team-Info[data-cont-name="consulting"] .icon{background-image:url('../images/pc/icon_team_consulting.png')}
.team-info-list .team-Info[data-cont-name="pm"] .icon{background-image:url('../images/pc/icon_team_pm.png')}
.team-info-list .team-Info .desc{font-size:24px;color:#7b7b7b;word-break:keep-all;margin-top:15px;letter-spacing:-0.7px;line-height:1.6;}

.team-select{position:relative;margin-left:30px;}
.team-select .people{width:773px;height:901px;background:url('../images/pc/img_team_people.png') no-repeat 0 0 }
.team-select a{display:block;text-indent:-9999em;background-position:0 0;background-repeat:no-repeat;position:absolute;transition:transform 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);animation:ballloon 1.6s linear infinite alternate;transform:translateY(0)}
.team-select a:hover{animation-play-state:paused}
.team-select a[data-cont-name="tech"]{width:331px;height:335px;background-image:url('../images/pc/bg_balloon_tech.png');top:20px;left:165px;z-index:2;animation-delay:0s;}
.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:143px;height:145px;background-image:url('../images/pc/bg_balloon_dev.png');top:195px;left:132px;z-index:3;animation-delay:0.3s;}
.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:209px;height:212px;background-image:url('../images/pc/bg_balloon_planing.png');top:148px;left:396px;z-index:3;animation-delay:0.6s;}
.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:212px;height:215px;background-image:url('../images/pc/bg_balloon_consulting.png');top:22px;left:515px;z-index:4;animation-delay:0.9s;}
.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:208px;height:212px;background-image:url('../images/pc/bg_balloon_pm.png');top:86px;left:0;z-index:1;animation-delay:1.3s;}
.team-select a[data-cont-name="pm"].active{background-image:url('../images/pc/bg_balloon_pm_on.png')}

@keyframes ballloon{
  0% {transform:translateY(0px)}
  100% {transform:translateY(-20px)}
}


/* contact-us */
.contact-us{color:#fff}
.contact-us .cont-column-wrap + .cont-column-wrap{margin-top:125px}
.contact-us .cont-column-wrap .cont-column{padding-left:150px;margin-top:142px}
.contact-us .cont-column-wrap .cont-column:first-child{padding-left:0;margin-top:0}
.contact-us .cont-title{font-size:80px;}
.contact-us .cont-column-wrap.inner .cont-title{margin-bottom:70px}
.contact-us .form-list{position:relative;border:1px solid rgba(255, 255, 255, 0.4);border-radius:16px}
.contact-us .form-list + .form-list{margin-top:20px}
.contact-us .form-list dt{position:absolute;top:28px;left:30px;display:flex;align-items:center;font-size:20px;font-weight:700}
.contact-us .form-list dt.vital:after{display:block;content:'*';font-size:20px;font-weight:700;color:#1a87fe;margin-left:2px}
.contact-us .form-list dd{height:100%;width:100%}
.contact-us .form-list .inp-text{width:100%;height:80px;background:transparent;border:0;font-size:20px;font-weight:700;color:#fff;padding:0 120px}
.contact-us .form-list .textarea{width:100%;height:205px;background:transparent;border:0;font-size:20px;font-weight:700;color:#fff;padding:80px 30px 28px 30px}
.contact-us .btn-area{margin-top:20px}
.contact-us .map-list .item + .item{margin-top:120px}
.contact-us .map-list .info{margin-top:35px;display:flex;align-items:flex-start;justify-content:space-between;}
.contact-us .map-list .info .name{font-size:54px;width:302px;text-align:left}
.contact-us .map-list .info .options{width:795px}
.contact-us .map-list .info .address{font-size:24px;text-align:left}
.contact-us .map-list .info .tel{margin-top:15px;font-size:24px;font-weight:700;display:flex;align-items:center;}
.contact-us .map-list .info .tel span{display:flex;align-items:center;font-weight:400}
.contact-us .map-list .info .tel span + span{margin-left:44px}
.contact-us .map-list .info .tel em{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#1a87fe;width:30px;height:30px;font-size:16px;font-weight:700;margin-right:10px}
.contact-us .map-list .info-ditail{display:flex;position:relative;margin:44px 0 0 303px;padding-top:28px;}
.contact-us .map-list .info-ditail:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:2px;background:rgba(226, 226, 226, 0.1);}
.contact-us .map-list .info-ditail dl{display:flex;margin-right:44px;align-items:center;line-height:1.25;}
.contact-us .map-list .info-ditail dl dt{font-size:24px;color:#fff;opacity:.5;}
.contact-us .map-list .info-ditail dl dd{margin-left:10px;font-size:24px;color:#fff;font-weight:500}

/* msx-process */
.msx-process{margin-top:82px}
.msx-process .process-box{padding:0 32px 32px 32px;border:1px dashed #1a87fe;border-radius:16px}
.msx-process .process-box .process-title{display:block;text-align:center;border-radius:29px;font-size:22px;font-weight:700;color:#fff;background:#1a87fe;padding:13px 0;margin-top:-26px}
.msx-process .process-box .process-item{display:block;border-radius:12px;border:1px solid #1a87fe;background:#fff;box-shadow:0 0 18px 0 rgba(18, 69, 126, 0.24);text-align:center;margin-top:12px}
.msx-process .process-box .process-head{padding:15px 0;font-size:18px;font-weight:700;color:#1a87fe;}
.msx-process .process-box .process-cont{border-top:1px solid #1a87fe;padding:14px 36px 22px 36px}
.msx-process .process-box .process-cont .item{display:block;border-radius:12px;background:#f2f2f2;font-size:16px;font-weight:700;color:#7b7b7b;padding:9px 0;margin-top:8px}
.msx-process .process-box .process-cont .item.col{background:#7b7b7b}
.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:8px}
.msx-process .arrow{display:block;width:330px;height:187px;background:url('../images/pc/bg_msx_arrow.png') no-repeat;margin:0 auto}