@charset "utf-8";

.sm_lyr {display:none; position:fixed; top:50%; right:40px; transform:translateY(-50%); z-index:4;}
.sm_lyr::after {content:''; display:block; position:absolute; top:0; right:-2px; width:2px; height:100%; background-color:rgba(255, 255, 255, 0.3); box-shadow:0 0 3px rgba(0, 0, 0, 0.2);}
.sm_lyr ul {margin:0; padding:0; list-style:none;}
.sm_lyr ul li a {display:block; position:relative; height:50px; line-height:50px; padding:0 50px 0 0; font-size:16px; white-space:nowrap; text-align:right; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); color:rgba(255, 255, 255, 0.5); box-sizing:border-box;}
.sm_lyr ul li a span {display:none; position:absolute; top:0; right:15px; height:38px; line-height:38px; margin:6px 0; padding:0 15px;}
.sm_lyr ul li a:hover span {display:inline-block; background-color:rgba(0, 0, 0, 0.7); border-radius:5px; color:#fff;}
.sm_lyr ul li a:hover span::after {content:''; position:absolute; top:50%; right:0; width:0; height:0; margin:-8px -8px 0 0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid rgba(0, 0, 0, 0.7);}
.sm_lyr ul li.on {position:relative; z-index:2;}
.sm_lyr ul li.on::after {content:''; display:block; position:absolute; top:0; right:-2px; width:2px; height:100%; background-color:#0078ff;}
.sm_lyr ul li.on a {color:#fff;}

/* Premium Visual */
.premium_visual {position:relative; overflow:hidden; background-color:#000;}
.premium_visual .location {position:absolute; top:60px; left:50%; width:100%; max-width:1460px; padding:20px; box-sizing:border-box; transform:translateX(-50%); z-index:2;}
.premium_visual .location .home,
.premium_visual .location .gt {display:inline-block; width:14px; height:30px; background:url(../img/location.png) no-repeat 0 0; overflow:hidden; text-indent:-9999px; vertical-align:top;}
.premium_visual .location .gt {margin:0 10px; background-position:0 -30px; opacity:0.5;}
.premium_visual .location .menu {display:inline-block; height:30px; line-height:30px; font-size:18px; color:#fff; vertical-align:top;}
.premium_visual .canvas {position:absolute; top:0; left:0; user-select:none; z-index:1;}
.premium_visual .premium_slider {height:100vh; min-height:780px; color:#fff;}
.premium_visual .premium_slider .slide_1,
.premium_visual .premium_slider .slide_2,
.premium_visual .premium_slider .slide_3,
.premium_visual .premium_slider .slide_4,
.premium_visual .premium_slider .slide_5,
.premium_visual .premium_slider .slide_6,
.premium_visual .premium_slider .slide_7 {display:none;}
.premium_visual .slick-slider {height:auto; min-height:auto;}
.premium_visual .slick-slider  .slide_1,
.premium_visual .slick-slider .slide_2,
.premium_visual .slick-slider .slide_3,
.premium_visual .slick-slider .slide_4,
.premium_visual .slick-slider .slide_5,
.premium_visual .slick-slider .slide_6,
.premium_visual .slick-slider .slide_7 {display:block;}
.premium_visual .slick-slide {position:relative; height:100vh; min-height:780px; background-size:cover; transition:all ease-in-out 0.3s; opacity:0.2;}
.premium_visual .slick-slide .inner {position:relative; max-width:1382px; height:100%; margin:0 auto; padding:0 20px; font-size:18px; box-sizing:border-box;}
.premium_visual .slick-slide .inner h2 {margin-bottom:30px;}
.premium_visual .slick-slide .inner h2 img {display:inline-block; max-width:100%; vertical-align:top;}
.premium_visual .slick-slide .inner .text {line-height:1.4; text-shadow:3px 3px 5px rgba(0, 0, 0, 0.3); transform:translateY(50px); opacity:0;}
.premium_visual .slick-slide .key {position:absolute; top:100px; left:50%; width:300px; height:348px; overflow:hidden; transform:translateX(-50%) scale(0.5);}
.premium_visual .slick-slide .key_desc {position:absolute; top:410px; left:50%; width:100%; padding:0 20px; box-sizing:border-box; text-align:center; transform:translateX(-50%);}
.premium_visual .slick-slide .key_desc h2 img {height:42px;}
.premium_visual .slick-slide .key_desc strong {display:block; margin-bottom:20px; font-size:30px; color:#ffffff; text-shadow:0 0 5px rgba(12, 4, 7, 0.65);}
.premium_visual .slick-slide .key_desc strong img {display:inline-block; vertical-align:top;}
.premium_visual .slick-slide .key_desc br {display:none;}
.premium_visual .slick-slide.slide_1 {background:none;}
.premium_visual .slick-slide.slide_1 .premium_brand {position:absolute; top:50%; left:0; width:100%; padding:0 20px; text-align:center; box-sizing:border-box; transform:translateY(-50%);}
.premium_visual .slick-slide.slide_1 .premium_brand .text2 {font-size:34px; font-weight:600;}
.premium_visual .slick-slide.slide_1 .premium_gw {display:none; position:absolute; top:50%; right:0; height:470px; padding:0 20px; box-sizing:border-box; opacity:0; transform:translateY(-55%) scale(0.5);}
.premium_visual .slick-slide.slide_1 .premium_gw .pico {position:absolute;}
.premium_visual .slick-slide.slide_1 .premium_gw .pico1 {top:125px; right:350px; animation:float 4.5s infinite linear;}
.premium_visual .slick-slide.slide_1 .premium_gw .pico2 {top:250px; right:230px; animation:float2 4s infinite linear;}
.premium_visual .slick-slide.slide_1 .premium_gw .pico3 {top:385px; right:140px; animation:float 3.5s infinite linear;}
.premium_visual .slick-slide.slide_1 .premium_gw .pico4 {top:40px; right:240px; animation:float 5s infinite linear;}
.premium_visual .slick-slide.slide_1 .premium_gw .pico5 {top:40px; right:470px; animation:float2 6s infinite linear;}
.premium_visual .slick-slide.slide_1 .premium_gw .pico6 {top:300px; right:100px; animation:float 4.5s infinite linear;}
.premium_visual .slick-slide.slide_1 .premium_gw .pico7 {top:200px; right:120px; animation:float2 3.8s infinite linear;}
.premium_visual .slick-slide.slide_1 .premium_gw .pico8 {top:0; right:360px; animation:float 4.2s infinite linear;}
.premium_visual .slick-slide.slide_1 .premium_gw .pico9 {top:150px; right:225px; animation:float 5.5s infinite linear;}
.premium_visual .slick-slide.slide_1 .premium_gw .pico10 {top:90; right:85px; animation:float 5s infinite linear;}
.premium_visual .slick-slide.slide_1 .text1 h2 img {width:300px;}
.premium_visual .slick-slide.slide_1 .text2 br {display:none;}
/* .premium_visual .slick-slide.slide_2 {background:none; text-align:center;}
.premium_visual .slick-slide.slide_2 .brand_iden {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
.premium_visual .slick-slide.slide_2 .brand_iden h2 {text-align:center;}
.premium_visual .slick-slide.slide_2 .text1, 
.premium_visual .slick-slide.slide_2 .text2 {padding:0 20px; box-sizing:border-box;}
.premium_visual .slick-slide.slide_2 .text1 h2 img {width:250px;}
.premium_visual .slick-slide.slide_2 .text2 br {display:none;}
.premium_visual .slick-slide.slide_2 .feat_text {display:flex; padding:80px 10px 0; box-sizing:border-box; font-size:14px;}
.premium_visual .slick-slide.slide_2 .feat_text br {display:none;}
.premium_visual .slick-slide.slide_2 .feat_text > div {flex:1; padding:0 10px; box-sizing:border-box;}
.premium_visual .slick-slide.slide_2 .feat_text .icon {display:block; width:60px; height:60px; margin:0 auto 20px; background:url(../img/pre_icon.png) no-repeat 0 0; background-size:60px 180px;}
.premium_visual .slick-slide.slide_2 .feat_text .text4 .icon {background-position:0 -60px;}
.premium_visual .slick-slide.slide_2 .feat_text .text5 .icon {background-position:0 -120px;}
.premium_visual .slick-slide.slide_2,
.premium_visual .slick-slide.slide_3,
.premium_visual .slick-slide.slide_4,
.premium_visual .slick-slide.slide_5,
.premium_visual .slick-slide.slide_6 {background:#0c0c12 url(../img/premium_bg.jpg) no-repeat bottom -250px left 50%; background-size:cover;} */
.premium_visual .slick-slide.slide_2 .key {width:322px; background:url(../img/pre_n.png) no-repeat 0 0;}
.premium_visual .slick-slide.slide_3 .key {width:384px; background:url(../img/pre_a.png) no-repeat 0 0;}
.premium_visual .slick-slide.slide_4 .key {width:351px; padding:0 17px; background:url(../img/pre_o.png) no-repeat 17px 0;}
.premium_visual .slick-slide.slide_5 .key {width:322px; background:url(../img/pre_n.png) no-repeat 0 0;}
.premium_visual .slick-slide.slide_6 {text-align:center; background-position:bottom -180px left 50%; transition:background-position 2s ease;}
.premium_visual .slick-slide.slide_6 .premium_value {position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%);}
.premium_visual .slick-slide.slide_6 .inner .text1 {position:relative; width:360px; height:91px; margin:0 auto; background:url(../img/pre_naon.png)no-repeat 0 0; background-size:360px 91px; transform:translateY(0); transition:cubic-bezier(.17,.67,.83,.67);}
.premium_visual .slick-slide.slide_6 .inner .text1 svg {width:360px; height:91px;}
.premium_visual .slick-slide.slide_6 .inner .text2 {padding:0 20px; box-sizing:border-box; font-size:18px;}
.premium_visual .slick-active {opacity:0.5;}
.premium_visual .slick-active .inner .text {transform:translateY(0); opacity:1; transition:opacity 1s, transform 1s;}
.premium_visual .slick-active .inner .text1 {transition-delay:1s;}
.premium_visual .slick-active .inner .text2 {transition-delay:1.2s;}
.premium_visual .slick-active .inner .text3 {transition-delay:1.8s;}
.premium_visual .slick-active .inner .text4 {transition-delay:2.0s;}
.premium_visual .slick-active .inner .text5 {transition-delay:2.2s;}
.premium_visual .slick-active.slide_1 .premium_gw {transform:translateY(-55%) scale(0.65); opacity:1; transition:opacity 3s, transform 3s;}
.premium_visual .slick-active.slide_2 .key svg {display:block; position:absolute; width:322px;}
.premium_visual .slick-active.slide_2 .key svg polygon {stroke-dasharray:300; stroke-dashoffset:0; animation:dash 8s linear infinite;}
.premium_visual .slick-active.slide_3 .key svg {display:block; position:absolute; width:384px;}
.premium_visual .slick-active.slide_3 .key svg polygon {stroke-dasharray:300; stroke-dashoffset:0; animation:dash 8s linear infinite;} 
.premium_visual .slick-active.slide_4 .key svg {display:block; position:absolute; width:351px;}
.premium_visual .slick-active.slide_4 .key svg path {stroke-dasharray:300; stroke-dashoffset:0; animation:dash 8s linear infinite;}
.premium_visual .slick-active.slide_5 .key svg {display:block; position:absolute; width:322px;}
.premium_visual .slick-active.slide_5 .key svg polygon {stroke-dasharray:300; stroke-dashoffset:0; animation:dash 8s linear infinite;}
.premium_visual .slick-active.slide_6 .inner .text1 {transform:scale(0.6); transform-origin:center; transition:all ease-in-out 2s;}
.premium_visual .slick-active.slide_6 .inner .text1 svg {width:360px; height:91px;}
.premium_visual .slick-active.slide_6 .inner .text1 svg polygon {stroke-dasharray:300; stroke-dashoffset:0; animation:dashFill 5s linear forwards;}
.premium_visual .slick-active.slide_6 .inner .text1 svg path {stroke-dasharray:300; stroke-dashoffset:0; animation:dashFill 5s linear forwards;}
.premium_visual .slick-active.slide_6 .inner .text2 {transition-delay:2.0s; transform:translateY(20px);}
.premium_visual .slick-slide.slide_6 .premium_gw {display:none; position:absolute; top:50%; left:50%; width:400px; height:200px; transform:translate(-50%, -50%);}
.premium_visual .slick-slide.slide_6 .premium_gw .pico {position:absolute; transition:all ease-in-out 1s;}
.premium_visual .slick-slide.slide_6 .premium_gw .pico1 {top:-110px; left:200px; animation:float 4.5s infinite linear;}
.premium_visual .slick-slide.slide_6 .premium_gw .pico2 {top:0; left:-220px; animation:float 4s infinite linear;}
.premium_visual .slick-slide.slide_6 .premium_gw .pico3 {top:320px; left:300px; animation:float 3s infinite linear;}
.premium_visual .slick-slide.slide_6 .premium_gw .pico4 {top:40px; left:600px; animation:float 4s infinite linear;}
.premium_visual .slick-slide.slide_6 .premium_gw .pico5 {top:300px; left:520px; animation:float 3.5s infinite linear;}
.premium_visual .slick-slide.slide_6 .premium_gw .pico6 {top:280px; left:-90px; animation:float 2.5s infinite linear;}

@keyframes dash {
    from {stroke-dashoffset:1500; opacity:0.4;}
    to {stroke-dashoffset:0; opacity:0;}
}

@keyframes dashFill {
    from {stroke-dashoffset:1500; fill-opacity:0; stroke-opacity:1;}
    to {stroke-dashoffset:0; fill-opacity:1; stroke-opacity:0;}
}

.premium_visual .slick-current {opacity:1;}
.premium_visual .premium_progress {position:absolute; left:50%; bottom:100px; width:100%; max-width:1380px; padding:0 135px 0 20px; box-sizing:border-box; transform:translate(-50%, 0); z-index:2;}
.premium_visual .progress {display:flex;}
.premium_visual .progress div {width:calc(100% / 6); padding:15px 1px; cursor:pointer; vertical-align:top; box-sizing:border-box;}
.premium_visual .progress div strong {display:none;}
.premium_visual .progress div span.progress_bar {display:block; width:100%; height:2px; background-color:rgba(255, 255, 255, 0.3);}
.premium_visual .progress div span.progress_bar .in_progress {display:block; width:0; height:2px; background-color:#0078ff;}
.premium_visual .progress div:hover span.progress_bar {background-color:rgba(255, 255, 255, 0.5);}
.premium_visual .arr_con .slick-arrow {width:24px; height:27px; background:url(../img/slick_arr.png) no-repeat 50% 0; opacity:0.5;}
.premium_visual .arr_con .slick-arrow:hover {opacity:1;}
.premium_visual .arr_con .slick-arrow::before {display:none;}
.premium_visual .arr_con .slick-arrow[disabled] {opacity:0.2; cursor:default;}
.premium_visual .arr_con .slick-prev {left:auto; right:100px;}
.premium_visual .arr_con .slick-next {right:20px; background-position:50% 100%;}
.premium_visual .arr_con .slick-play {position:absolute; top:50%; right:60px; width:24px; height:27px; background:url(../img/slick_pause.png) no-repeat 50% 0; transform:translate(0, -50%); cursor:pointer;}
.premium_visual .arr_con .slick-play span {display:none;}
.premium_visual .arr_con .slick-play.pause {opacity:0.5;}
.premium_visual .arr_con .slick-play.pause:hover {opacity:1;}
.premium_visual .video_bg {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; text-align:left; z-index:-1;}
.premium_visual .video_bg video {position:absolute; top:50%; left:50%; height:100%; overflow:hidden; transform:translate(-50%, -50%);}
.premium_visual .slide_2 .video_bg::before,
.premium_visual .slide_3 .video_bg::before,
.premium_visual .slide_4 .video_bg::before,
.premium_visual .slide_5 .video_bg::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/section_premium_bg.png)no-repeat 0 0; background-size:cover; z-index:1;}
.premium_visual .slide_4 .video_bg::before {opacity:0.8;}

@keyframes dash {
    from {stroke-dashoffset:1500; opacity:0.4;}
    to {stroke-dashoffset:0; opacity:0;}
}

@keyframes float { 
    0%, 100% {transform:translate(-50%, -50%);}
    50% {transform:translate(-55%, -70%);}
}

@keyframes float2 { 
    0%, 100% {transform:translate(-50%, -50%);}
    50% {transform:translate(-45%, -60%);}
}

@media all and (min-width:760px) {
    .premium_visual .location {padding:20px 40px;}
    .premium_visual .location .gt {margin:0 15px;}
    .premium_visual .location .menu {font-size:20px;}
    .premium_visual .slick-slide .inner {font-size:20px;}
    .premium_visual .slick-slide .key {top:50%; left:0; width:300px; transform:translateY(-50%) translateX(-30px) scale(0.6);}
    .premium_visual .slick-slide .key_desc {top:50%; left:340px; padding:0; font-size:16px; text-align:left; transform:translateY(-50%);}
    .premium_visual .slick-slide .key_desc br {display:inline;}
    .premium_visual .slick-slide .key_desc h2 img {height:45px;}
    .premium_visual .slick-slide.slide_1 .premium_brand {padding:0 40px;}
    .premium_visual .slick-slide.slide_1 .premium_brand .text2 {font-size:48px;}
    .premium_visual .slick-slide.slide_1 .premium_gw {display:block;}
    .premium_visual .slick-slide.slide_1 .text2 br {display:inline;}
    /* .premium_visual .slick-slide.slide_2 .text1,
    .premium_visual .slick-slide.slide_2 .text2 {padding:0 40px;}
    .premium_visual .slick-slide.slide_2 .text1 h2 img {width:auto;}
    .premium_visual .slick-slide.slide_2 .text2 br {display:inline;}
    .premium_visual .slick-slide.slide_2 .feat_text {padding:80px 20px 0; font-size:16px;}
    .premium_visual .slick-slide.slide_2 .feat_text br {display:inline;}
    .premium_visual .slick-slide.slide_2 .feat_text > div {padding:0 20px;}
    .premium_visual .slick-slide.slide_2 .feat_text .icon {width:75px; height:75px; background-size:75px 225px;}
    .premium_visual .slick-slide.slide_2 .feat_text .text4 .icon {background-position:0 -75px;}
    .premium_visual .slick-slide.slide_2 .feat_text .text5 .icon {background-position:0 -150px;} */
    .premium_visual .slick-slide.slide_6 .inner .text1 svg {width:660px; height:167px;}
    .premium_visual .slick-slide.slide_6 .inner .text1 {width:660px; height:167px; background-size:660px 167px;}
    .premium_visual .slick-slide.slide_6 .inner .text2 {padding:0 40px; font-size:20px;}
    .premium_visual .slick-active.slide_6 .inner .text1 {transform:scale(0.6);}
    .premium_visual .slick-active.slide_6 .inner .text2 {transform:translateY(10px);}
    .premium_visual .slick-active.slide_6 .premium_gw {display:block; scale: 0.8;}
    .premium_visual .premium_progress {padding:0 165px 0 40px;}
    .premium_visual .arr_con .slick-prev {right:120px;}
    .premium_visual .arr_con .slick-next {right:40px;}
    .premium_visual .arr_con .slick-play {right:80px;}
}

@media all and (min-width:1280px) {
    .sm_lyr {display:block;}
    .premium_visual .location {top:100px;}
    .premium_visual .video_bg video {width:100%; height:initial;}
    .premium_visual .slick-slide .inner {font-size:24px;}
    .premium_visual .slick-active .inner .text2 {font-size:20px;}
    .premium_visual .slick-slide .key {transform:translateY(-50%) scale(1);}
    .premium_visual .slick-slide .key_desc {left:520px; font-size:18px;}
    .premium_visual .slick-slide.slide_1 .premium_gw {right:10%; transform:translateY(-55%) scale(0.85);}
    .premium_visual .slick-slide.slide_1 .text1 h2 img {width:auto;}    
    .premium_visual .slick-slide.slide_6 .inner .text1 {width:1328px; height:336px; background-size:1328px 336px;}
    .premium_visual .slick-slide.slide_6 .inner .text1 svg {width:1328px; height:336px;}
    .premium_visual .slick-slide.slide_6 .inner .text2 {font-size:26px;}
    .premium_visual .slick-active.slide_1 .premium_gw {transform:translateY(-55%) scale(1);}
    .premium_visual .slick-active.slide_6 .inner .text1 {transform:scale(0.5);}
    .premium_visual .slick-active.slide_6 .inner .text2 {transform:translateY(-30px);}
    .premium_visual .slick-active.slide_6 .premium_gw {scale:1;}
}

@media all and (min-width:1720px) {
    .sm_lyr ul li a span {display:inline-block;}
}

/* Premium Brand Story */
.product_naon .section_visual {position:relative; height:auto; overflow:hidden;} /* background-image:url(../img/sub_visual_why.jpg); */
.product_naon .section_visual .svc_desc br {display:none;}
.product_naon .section_visual .svc_image {position:relative;}
.product_naon .section_visual .svc_image .image {position:relative; padding:30px 0; text-align:right; z-index:1;}
.product_naon .section_visual .svc_image .image img {max-width:90%; vertical-align:top;}
.product_naon .section_visual .svc_image::after {content:''; display:block; position:absolute; bottom:30px; left:20px; width:3800px; height:20px; background:url(../img/why_bar.png) no-repeat 0 0; overflow:hidden;}
.product_naon .section_visual .video_bg {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#232c45; z-index:-1;}
.product_naon .section_visual .video_bg video {height:100%; overflow:hidden; opacity:0.5;}
.product_naon section .sec_tit {position:relative; padding:50px 20px;}
.product_naon section .sec_tit::before {font-family:'NanumSquare'; font-size:80px; font-weight:800; color:rgba(34, 34, 34, 0.2);}
.product_naon #section3 .sec_tit::before {content:'02.'; color:rgba(255, 255, 255, 0.2);}
.product_naon #section4 .sec_tit::before {content:'03.';}
.product_naon #section5 .sec_tit::before {content:'04.'; color:rgba(255, 255, 255, 0.2);}
.product_naon #section6 .sec_tit::before {content:'05.'; color:rgba(255, 255, 255, 0.2);}
.features_box {padding:0 20px;}
.features_box .info {padding:20px 0; box-sizing:border-box;}
.features_box .info .tit strong {font-size:28px;}
.features_box .info .desc {padding-top:20px; font-size:18px; line-height:1.4;}
.features_box .info .desc br {display:none;}
.features_box .info .slg {padding-top:20px; font-size:38px; font-weight:600; color:#e1e1e1;}
.features_box .image {overflow:hidden; text-align:right;}
.features_box .image img {max-width:100%; vertical-align:top;}
.features_div1 {padding-bottom:50px;}
.features_div2 .features_box .image {text-align:left;}
.features_div3 {padding:50px 0;}
.section_interlock {background:url(../img/interlock_bg.jpg) no-repeat 50% 0; background-size:cover; color:#fff;}
.section_interlock .hl {color:#00c6ff;}
.section_interlock .interlock_tit {margin-top:-40px; padding:0 20px 50px; font-size:18px; line-height:1.4; text-align:center;}
.section_interlock .interlock_tit br {display:none;}
.section_interlock .interlock_tit strong {font-weight:normal;}
.section_interlock .interlock_circle {position:relative; max-width:550px; margin:-20px auto 0; padding:0 20px; text-align:center;}
.section_interlock .interlock_circle img {max-width:100%; vertical-align:top;}
.section_interlock .interlock_circle .image {opacity:0; transition:0.2s;}
.section_interlock .interlock_circle .image.zoomIn {opacity:1;}
.section_interlock .interlock_circle .image2 {position:absolute; top:0; left:0; width:100%; padding:0 20px; box-sizing:border-box; z-index:3;}
.section_interlock .interlock_circle .image3 {position:absolute; top:0; left:0; width:100%; padding:0 20px; box-sizing:border-box; z-index:2;}
.section_interlock .interlock_sol {position:relative; margin-top:-80px;}
.section_interlock .interlock_sol ul {display:flex; flex-wrap:wrap; margin:0; padding:0 10px; list-style:none;}
.section_interlock .interlock_sol ul li {width:calc(100% / 2); padding:0 10px 20px; box-sizing:border-box;}
.section_interlock .interlock_sol .sol_box {height:80px; background-color:#fff; text-align:center; opacity:0; transition:0.2s;}
.section_interlock .interlock_sol .sol_box img {height:80px; vertical-align:top;}
.section_method .method {opacity:0; transition:0.6s; transform:translateY(-30px);}
.section_method .method.fadeIn {transform:translateY(0);}
.section_method .method_tit {margin-top:-20px; padding:0 20px 100px; font-size:18px; line-height:1.4; text-align:center;}
.section_method .method_tit br {display:none;}
.section_method .method_tit strong {font-weight:normal;}
.section_method .method_tit .naon_time {display:block; width:214px; height:50px; margin:0 auto 20px; background:url(../img/method_logo.png) no-repeat 0 0; background-size:214px 50px; overflow:hidden; text-indent:-9999px;}
.section_method .method_arr {margin-top:-60px; text-align:center;}
.section_method .method_circle {padding:0 40px; text-align:center; transform:translateY(0);}
.section_method .method_circle img {width:160px; vertical-align:top;}
.section_method .method_circle .img1 {position:absolute; top:0; left:30%; transition:0.8s;}
.section_method .method_circle .img2 {position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1;}
.section_method .method_circle .img3 {position:absolute; top:0; right:30%; transition:0.8s;}
.section_method .method_circle .circle_inner {position:relative; max-width:1220px; height:160px; margin:0 auto; background:url(../img/method_circle_line.png) no-repeat 50% 50%; transition:0.8s;}
.section_method .method_circle.fadeIn .img1 {left:0;}
.section_method .method_circle.fadeIn .img3 {right:0;}
.section_method .method_value {padding-top:30px;}
.section_method .method_value > ul {margin:0; padding:0; list-style:none;}
.section_method .method_value > ul > li {padding:0 20px 20px;}
.section_method .value_box {background-color:#fff; box-shadow:0 8px 10px rgba(0, 0, 0, 0.08);}
.section_method .value_box .tit {padding:30px 20px 20px; box-sizing:border-box;}
.section_method .value_box .tit br {display:none;}
.section_method .value_box .tit strong {font-size:20px; line-height:1.4;}
.section_method .value_box .tit::before {content:''; display:block; width:133px; height:28px; margin-bottom:30px; background:url(../img/method_value_logo.png) no-repeat 0 0;}
.section_method .value_box .cont {padding:0 20px 20px; font-size:18px; line-height:1.4; box-sizing:border-box;}
.section_method .value_box .bu_list {margin:0; padding:0; list-style:none;}
.section_method .value_box .bu_list li {position:relative; padding:6px 0 6px 10px;}
.section_method .value_box .bu_list li::before {content:''; position:absolute; top:16px; left:0; width:4px; height:4px; border-radius:3px; background-color:#666;}
.always_div1 {background:url(../img/always_bg.jpg) no-repeat 50% 0; background-size:cover; color:#fff;}
.always_div1 .hl {color:#11f9ff;}
.always_div1 .always {opacity:0; transition:0.6s; transform:translateY(-30px);}
.always_div1 .always.fadeIn {transform:none;}
.always_div1 .always_tit {margin-top:-20px; padding:0 20px 50px; font-size:18px; line-height:1.4; text-align:center;}
.always_div1 .always_tit br {display:none;}
.always_div1 .always_logo {padding-bottom:90px; text-align:center;}
.always_div1 .always_logo img {height:60px;}
.always_div1 .always_arr {margin-top:-60px; text-align:center;}
.always_div1 .always_system {padding-top:20px;}
.always_div1 .always_system ul {margin:0; padding:0; list-style:none;}
.always_div1 .always_system ul li {padding:0 20px 20px; box-sizing:border-box;}
.always_div1 .always_system ul li:nth-child(2) .sys_box .logo {background-position:0 -40px;}
.always_div1 .always_system ul li:nth-child(3) .sys_box .logo {background-position:0 -80px;}
.always_div1 .always_system ul li:nth-child(4) .sys_box .logo {background-position:0 -120px;}
.always_div1 .always_system .sys_box {height:118px; padding:25px 0; background-color:rgba(0, 0, 0, 0.3); text-align:center; box-sizing:border-box;}
.always_div1 .always_system .sys_box .logo {width:200px; height:40px; margin:0 auto; background:url(../img/always_sys_logo.png) no-repeat 0 0; overflow:hidden; text-indent:-9999px;}
.always_div1 .always_system .sys_box .tit {padding-top:5px; font-size:18px;}
.always_div2 .always_value {padding:50px 0 40px;}
.always_div2 .always_value > ul {margin:0; padding:0; list-style:none;}
.always_div2 .always_value > ul > li {padding:0 20px 20px;}
.always_div2 .always_value > ul > li:nth-child(2) .value_box .img {background-image:url(../img/always_value2.jpg);}
.always_div2 .always_value > ul > li:nth-child(3) .value_box .img {background-image:url(../img/always_value3.jpg);}
.always_div2 .always_value_link {padding-bottom:50px; text-align:center;}
.always_div2 .always_value_link a {display:inline-block; position:relative; width:260px; height:50px; line-height:50px; border:1px solid #0e5ecd; border-radius:31px; overflow:hidden; font-size:20px; font-weight:600; color:#0e5ecd; text-align:center; text-decoration:none; vertical-align:top;}
.always_div2 .always_value_link a span {position:relative; z-index:2;}
.always_div2 .always_value_link a::before {content:""; position:absolute; top:50%; left:50%; width:100%; height:0; background:#0e5ecd; transform:translate(-50%,-50%) rotate(-45deg); z-index:1; transition:all 0.6s ease;}
.always_div2 .always_value_link a:hover {border-color:#0e5ecd; color:#fff;}
.always_div2 .always_value_link a:hover::before {height:420%;}
.always_div2 .value_box {background-color:#fff; box-shadow:0 8px 10px rgba(0, 0, 0, 0.08);}
.always_div2 .value_box .img {height:180px; padding-top:50px; background:url(../img/always_value1.jpg) no-repeat 50% 0; background-size:cover; box-sizing:border-box; text-align:center;}
.always_div2 .value_box .img img {vertical-align:top;}
.always_div2 .value_box .tit {padding:30px 20px 20px; box-sizing:border-box;}
.always_div2 .value_box .tit br {display:none;}
.always_div2 .value_box .tit strong {font-size:20px; line-height:1.4;}
.always_div2 .value_box .cont {padding:0 20px 30px; line-height:1.4; font-size:18px; box-sizing:border-box;}
.always_div2 .value_box .bu_list {margin:0; padding:0; list-style:none;}
.always_div2 .value_box .bu_list li {position:relative; padding:6px 0 6px 10px;}
.always_div2 .value_box .bu_list li::before {content:''; position:absolute; top:16px; left:0; width:4px; height:4px; border-radius:3px; background-color:#666;}
.prdtvty_div1 {background:url(../img/prdtvty_bg.jpg) no-repeat 50% 0; background-size:cover; color:#fff;}
.prdtvty_div1 .hl {color:#11f9ff;}
.prdtvty_div1 .prdtvty_tit {margin-top:-40px; padding:0 20px 50px; font-size:18px; line-height:1.4; text-align:center;}
.prdtvty_div1 .prdtvty_tit br {display:none;}
.prdtvty_div1 .prdtvty_tit strong {font-weight:normal;}
.prdtvty_div1 .prdtvty_result > ul {margin:0; padding:0; list-style:none;}
.prdtvty_div1 .prdtvty_result > ul > li {padding:0 20px 20px; box-sizing:border-box;}
.prdtvty_div1 .prdtvty_result .result_box {display:table; width:100%; height:128px; box-sizing:border-box; background-color:rgba(35, 44, 69, 0.8); box-shadow:0 8px 10px rgba(0, 0, 0, 0.2); opacity:0; transition:0.2s;}
.prdtvty_div1 .prdtvty_result .result_box .tit {display:table-cell; width:55%; height:128px; padding-left:20px; vertical-align:middle; font-size:20px; line-height:1.3;}
.prdtvty_div1 .prdtvty_result .result_box .percent {display:table-cell; width:45%; height:128px; padding-right:84px; background:url(../img/per_up.png) no-repeat 100% 50%; background-size:78px 40px; vertical-align:middle; text-align:right; line-height:1; color:#11f9ff;}
.prdtvty_div1 .prdtvty_result .result_box .percent span {font-size:45px; font-weight:600;}
.prdtvty_div1 .prdtvty_result .result_box .percent.dn {background-image:url(../img/per_dn.png);}
.prdtvty_div1 .prdtvty_result .guide_txt {padding:0 25px; text-align:right; font-size:14px; color:#000;}
.prdtvty_div2 .client_list {background-color:#fff; border-radius:20px 20px 0 0;}
.prdtvty_div2 .client_list ul {display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none;}
.prdtvty_div2 .client_list li {width:calc(100% / 3); margin:25px 0; text-align:center;}
.prdtvty_div2 .client_list .logo {display:inline-block; text-align:center;}
.prdtvty_div2 .client_list .logo img {height:28px; vertical-align:top;}
.prdtvty_div2 .client_list_link {padding:0 20px 50px; text-align:center;}
.prdtvty_div2 .client_list_link a {display:inline-block; position:relative; width:220px; height:50px; line-height:48px; border:1px solid #0e5ecd; border-radius:31px; overflow:hidden; font-size:20px; font-weight:600; color:#0e5ecd; text-align:center; text-decoration:none; vertical-align:top;}
.prdtvty_div2 .client_list_link a span {position:relative; z-index:2;}
.prdtvty_div2 .client_list_link a::before {content:""; position:absolute; top:50%; left:50%; width:100%; height:0; background:#0e5ecd; transform:translate(-50%,-50%) rotate(-45deg); z-index:1; transition:all 0.6s ease;}
.prdtvty_div2 .client_list_link a:hover {border-color:#0e5ecd; color:#fff;}
.prdtvty_div2 .client_list_link a:hover::before {height:420%;}

.section_identity {display:flex; justify-content:center; align-items:center; position:relative; height:700px; background-color:#0d0f32; background-image:linear-gradient(to bottom, #0f1346 0, #0d0f32 50%, #090913 100%); overflow:hidden;}
.section_identity::after {content:''; position:absolute; top:300px; left:0; width:100%; height:242px; background:url(../img/method_stars.png) no-repeat 0 0;}
.section_identity .section_inner {width:100%; max-width:1380px;}
.section_identity .sec_tit h2 {text-align:center;}
.section_identity .sec_tit h2 img {display:inline-block; width:250px; max-width:100%; vertical-align:top;}
.section_identity .sec_desc {font-size:16px; color:#fff;}
.section_identity .iden_ul {display:flex; margin:0; padding:80px 10px 0; list-style:none;}
.section_identity .iden_ul li {flex:1; width:calc(100% / 3);}
.section_identity .iden_box {padding:0 10px; color:#fff; text-align:center; box-sizing:border-box; opacity:0;}
.section_identity .iden_box.animated {opacity:1;}
.section_identity .iden_box br {display:none;}
.section_identity .iden_box .icon {display:block; width:60px; height:60px; margin:0 auto 20px; background:url(../img/pre_icon.png)no-repeat 0 0; background-size:60px 180px;}
.section_identity .iden_box .icon2 {background-position:0 -60px;}
.section_identity .iden_box .icon3 {background-position:0 -120px;}

.section_platform {position:relative; color:#fff; background-color:#0d0f32; background-image:linear-gradient(to bottom, #0f1346 0, #0d0f32 50%, #090913 100%);}
.section_platform .sec_tit h3 br {display:inline;}
.section_platform .sec_tit h3 .hl {display:inline-block; width:196px; height:34px; margin:7px 4px 7px 0; background:url(../img/hl_perfection.png) no-repeat 0 0; background-size:196px 34px; overflow:hidden; text-indent:-9999px; vertical-align:top;} 
.section_platform .sec_cont {padding-bottom:30px;}
.section_platform .platform_tit {padding:0 20px 20px; font-size:18px; line-height:1.4; text-align:center;}
.section_platform .platform_tit .naon_on {display:block; margin-bottom:20px; text-align:center;}
.section_platform .platform_tit .naon_on img {height:65px; vertical-align:top;}
.section_platform .platform_tit strong {font-size:18px; font-weight:400;}
.section_platform .plat_ico_ul {display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none;}
.section_platform .plat_ico_ul li {width:calc(100% / 2); padding:0 20px; text-align:center; box-sizing:border-box;}
.section_platform .plat_box {opacity:0; transition:0.2s;}
.section_platform .plat_box .icon {max-width:180px; margin:0 auto;}
.section_platform .plat_box .icon img {max-width:100%; vertical-align:top;}
.section_platform .plat_box .tit {margin-top:-30px; font-weight:300;}
.section_platform .features_box {display:flex; flex-direction:column; align-items:center;}
.section_platform .features_box .info .slg {font-weight:500; color:rgba(255, 255, 255, 0.2); white-space:nowrap;}
.section_platform .features_box .image {padding-top:20px; overflow:visible; opacity:0; transition:0.3s;}
.section_platform .features_div1,
.section_platform .features_div2,
.section_platform .features_div3 {padding:0;}
.section_platform .features_div1 .section_inner {padding:25px 0; background:url(../img/features_div1.png) no-repeat 0 0;}
.section_platform .features_div2 .section_inner {padding:25px 0; background:url(../img/features_div2.png) no-repeat 0 100%;}
.section_platform .features_div3 .section_inner {padding:25px 0 50px; background:url(../img/features_div3.png) no-repeat 0 0;}

.section_service {position:relative; color:#fff; background-color:#0b0e2d; background-image:linear-gradient(to bottom, #0e1036 0, #0b0e2d 50%, #090b26 100%);}
.section_service::after {content:''; position:absolute; top:300px; left:0; width:100%; height:242px; background:url(../img/method_stars.png) no-repeat 0 0;}
.section_service .sec_tit h3 {display:inline-block; padding-left:47px; background:url(../img/pre_naonai_tit.png)no-repeat 0 50%; background-size:32px 32px;}
.section_service .naon_ai {display:block; text-align:center;}
.section_service .naon_ai img {height:65px; vertical-align:top;}
.section_service .service_bg {position:relative; margin-top:-70px; text-align:center; z-index:1;}
.section_service .service_bg img {max-width:100%; vertical-align:top;}
.section_service .service_ul {display:flex; gap:20px; flex-direction:column; margin:0; padding:0 20px; list-style:none;}
.section_service .service_box {display:flex; gap:20px; align-items:center; flex-direction:column; position:relative; padding:40px 20px; border-radius:14px; background:url(../img/naonai_box.png)no-repeat 0 0; background-color:#000; color:#fff; font-size:16px; text-align:center; overflow:hidden; box-sizing:border-box; opacity:0;}
.section_service .service_box.animated {opacity:1;}
.section_service .service_box::after {content:""; position:absolute; inset:0; padding:2px; border-radius:inherit; background:linear-gradient(to bottom, #02e9bb, #1e9efd); mask:linear-gradient(white, white) content-box, linear-gradient(white, white); -webkit-mask:linear-gradient(white, white) content-box, linear-gradient(white, white); -webkit-mask-composite:xor; mask-composite: exclude;}
.section_service .service_box .icon {width:62px; height:62px; background:no-repeat 0 0;}
.section_service .service_box .icon1 {background-image:url(../img/naonai_icon1.png);}
.section_service .service_box .icon2 {background-image:url(../img/naonai_icon2.png);}
.section_service .service_box .icon3 {background-image:url(../img/naonai_icon3.png);}

.section_ontime {position:relative; color:#fff; background-color:#0b0e2d; background-image:linear-gradient(to bottom, #0e1036 0, #0b0e2d 50%, #090b26 100%);}
.section_ontime::after {content:''; position:absolute; top:300px; left:0; width:100%; height:242px; background:url(../img/method_stars.png) no-repeat 0 0;}
.section_ontime .section_inner {position:relative; z-index:1;}
.section_ontime .hl {color:#0ab4f9;}
.section_ontime .sec_tit h3 br {display:inline;}
.section_ontime .method_tit .naon_time {display:block; width:auto; height:auto; background:none; text-indent:0; text-align:center;}
.section_ontime .method_tit .naon_time img {height:60px; vertical-align:top;}
.section_ontime .method_circle {padding:0;}
.section_ontime .method_circle .circle_inner {background:url(../img/method_circle_line2.png) no-repeat 50% 50%; background-size:0 0;}
.section_ontime .value_box {border-top:1px solid rgba(255, 255, 255, 0.5); background:url(../img/method_value_box.png) no-repeat 0 -1px; background-color:rgba(255, 255, 255, 0.05); box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);}
.section_ontime .value_box .tit strong {font-size:20px;}
.section_ontime .value_box .tit::before {height:38px; background-image:url(../img/method_value_logo2.png);}
.section_ontime .value_box .cont {font-size:16px; color:rgba(255, 255, 255, 0.7);}
.section_alwayson {color:#fff; background-color:#0b0e2d; background-image:linear-gradient(to bottom, #0e1036 0, #0b0e2d 50%, #090b26 100%);}
.section_alwayson .hl {color:#0ab4f9;}
.section_alwayson .sec_tit h3 br {display:inline;}
.section_alwayson .always_div1 {background:url(../img/always_stars.png) no-repeat 50% 210px;}
.section_alwayson .always_div1 .sec_cont {padding-bottom:0;}
.section_alwayson .always_div2 .value_box {border-top:1px solid rgba(255, 255, 255, 0.5); color:#000;}
.section_alwayson .always_div2 .value_box .img {background-image:url(../img/always_value1a.jpg);}
.section_alwayson .always_div1 .always_system .sys_box {border-top:1px solid rgba(255, 255, 255, 0.5); background:url(../img/always_sys_box.png) no-repeat 0 -1px; background-color:rgba(255, 255, 255, 0.05); box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);}
.section_alwayson .always_div2 .always_value > ul > li:nth-child(2) .value_box .img {background-image:url(../img/always_value2a.jpg);}
.section_alwayson .always_div2 .always_value > ul > li:nth-child(3) .value_box .img {background-image:url(../img/always_value3a.jpg);}
.section_alwayson .always_div2 .always_value_link a {border-color:#0aabff; color:#0aabff;}
.section_alwayson .always_div2 .always_value_link a::before {background:#0aabff;}
.section_alwayson .always_div2 .always_value_link a:hover {border-color:#0aabff; color:#fff;}
.section_prdtvty .hl {color:#0ab4f9;}
.section_prdtvty .sec_tit h3 br {display:inline;}
.section_prdtvty .prdtvty_div1 {background:#1c1f4b url(../img/prdtvty_bg2.jpg) no-repeat 50% 100%;}
.section_prdtvty .prdtvty_div1 .prdtvty_result .guide_txt {font-weight:300; color:#fff;}
.section_prdtvty .prdtvty_div1 .prdtvty_result .result_box {background:url(../img/result_box.png) no-repeat 0 0; background-color:rgba(0, 0, 0, 0.6); border-top:1px solid rgba(255, 255, 255, 0.5);}
.section_prdtvty .prdtvty_div1 .prdtvty_result .result_box .percent {background-image:url(../img/per_up2.png); color:#0079ff;}
.section_prdtvty .prdtvty_div1 .prdtvty_result .result_box .percent.dn {background-image:url(../img/per_dn2.png);}
.section_prdtvty .prdtvty_link {padding:40px 0 50px; text-align:center;}
.section_prdtvty .prdtvty_link a {display:inline-block; position:relative; width:260px; height:50px; line-height:50px; border:1px solid #fff; border-radius:31px; overflow:hidden; font-size:20px; font-weight:600; color:#fff; text-align:center; text-decoration:none; vertical-align:top;}
.section_prdtvty .prdtvty_link a span {position:relative; z-index:2;}
.section_prdtvty .prdtvty_link a::before {content:""; position:absolute; top:50%; left:50%; width:100%; height:0; background:#0e5ecd; transform:translate(-50%,-50%) rotate(-45deg); z-index:1; transition:all 0.6s ease;}
.section_prdtvty .prdtvty_link a:hover {border-color:#0e5ecd; color:#fff;}
.section_prdtvty .prdtvty_link a:hover::before {height:420%;}

.premium_naon section .section_inner {position:relative; max-width:1320px; z-index:1;}
.premium_naon section .sec_tit h3 img {max-width:100%;}
.premium_naon .qm_lyr {display:none;}
.premium_naon .features_box .info .tit strong {font-size:28px; font-weight:500;}
.premium_naon .features_box .info .desc {font-size:16px; font-weight:300;}
.premium_naon .features_box .info .slg {padding-top:10px;}
.premium_naon .always_div1 .always_tit strong,
.premium_naon .always_div1 .always_system .sys_box .tit {font-weight:300;}
.premium_naon .always_div2 .value_box .img {padding-top:60px;}
.premium_naon .always_div2 .value_box .cont {font-size:16px;}
.premium_naon .always_div2 .value_box .cont br {display:none;}
.premium_naon .prdtvty_div1 .prdtvty_tit strong {font-weight:300;}
.premium_naon .section_method .method_tit strong {font-weight:300;}
.premium_naon .section_method .method_circle .circle_inner {max-width:1140px;}
.premium_naon .section_method .value_box .tit strong {font-size:20px; font-weight:500;}
.premium_naon .section_method .value_box .bu_list {font-weight:300;}

.premium_naon #section2 .section_identity .sec_tit::before {content:''; top:100px; width:158px; height:114px; background:url(../img/pre_no1.png) no-repeat 0 0;}
/* .premium_naon #section3 .section_platform .sec_tit::before {content:''; top:130px; width:158px; height:114px; background:url(../img/pre_no2.png) no-repeat 0 0;}
.premium_naon #section4 .section_service .sec_tit::before {display:none; content:''; top:130px; width:158px; height:114px; background:url(../img/pre_no3.png) no-repeat 0 0;}
.premium_naon #section5 .section_ontime .sec_tit::before {content:''; top:130px; width:164px; height:114px; background:url(../img/pre_no4.png)no-repeat 0 0;}
.premium_naon #section6 .section_alwayson .sec_tit::before {content:''; top:130px; width:164px; height:114px; background:url(../img/pre_no5.png) no-repeat 0 0;}
.premium_naon #section7 .section_namas .sec_tit::before {content:''; top:190px; width:157px; height:114px; background:url(../img/pre_no6.png) no-repeat 0 0;} */
.premium_naon #section3 .section_prdtvty .sec_tit::before {content:''; top:130px; width:157px; height:114px; background:url(../img/pre_no2.png) no-repeat 0 0;}
.section_namas {position:relative; background:linear-gradient(to bottom, #0e1036, #090b26); color:#fff;}
.section_namas::after {content:''; position:absolute; top:293px; left:0; width:100%; height:241px; background:url(../img/ns_star.png)no-repeat 0 0;}
.section_namas .namas_tit {margin-top:-20px; padding:0 20px 50px; font-size:18px; line-height:1.4; text-align:center;}
.section_namas .namas_tit br {display:none;}
.section_namas .namas_tit .namas_store {display:block; margin-bottom:20px; text-align:center;}
.section_namas .namas_tit .namas_store img {height:25px;}
.section_namas .namas_flow ul {margin:0; padding:0; list-style:none;}
.section_namas .namas_flow1 {margin-bottom:50px;}
.section_namas .namas_flow1 ul {display:flex; flex-direction:column; flex-wrap:wrap; justify-content:space-between; padding:0 20px;}
.section_namas .namas_flow1 ul li .box {display:flex; align-items:center; position:relative; margin-top:20px; padding:30px 25px 30px 80px; font-size:18px; font-weight:600; background:url(../img/ns_box.png)no-repeat 0 -1px rgba(255, 255, 255, 0.05); border-top:1px solid rgba(255, 255, 255, 0.5); box-sizing:border-box; opacity:0; transition:0.3s; -webkit-transition:0.3s;}
.section_namas .namas_flow1 ul li:first-child .box {margin-top:0;}
.section_namas .namas_flow1 ul li .box br {display:none;}
.section_namas .namas_flow1 ul li .box::before {content:''; position:absolute; top:50%; left:25px; background:no-repeat 0 0; transform:translateY(-50%);}
.section_namas .namas_flow1 ul li:first-child .box::before {width:34px; height:34px; background-image:url(../img/ns_icon1.png);}
.section_namas .namas_flow1 ul li:nth-child(2) .box::before {width:43px; height:32px; background-image:url(../img/ns_icon2.png);}
.section_namas .namas_flow1 ul li:nth-child(3) .box::before {width:34px; height:35px; background-image:url(../img/ns_icon3.png);}
.section_namas .namas_flow1 ul li:nth-child(4) .box::before {width:34px; height:36px; background-image:url(../img/ns_icon4.png);}
.section_namas .namas_flow1 ul li:nth-child(5) .box::before {width:42px; height:35px; background-image:url(../img/ns_icon5.png);}
.section_namas .namas_flow1 ul li:last-child .box::before {width:39px; height:36px; background-image:url(../img/ns_icon6.png);}
.section_namas .namas_flow2 {margin-bottom:50px;}
.section_namas .namas_flow2 ul {display:flex; flex-direction:column; padding:0 20px;}
.section_namas .namas_flow2 ul li .box {padding:40px 20px; border:1px solid rgba(0, 120, 255, 0.4); border-bottom:0; font-size:18px; font-weight:600; background:url(../img/store_arr2.png) no-repeat 90% 50% rgba(0, 120, 255, 0.4); box-sizing:border-box; opacity:0; transition:0.3s; -webkit-transition:0.3s;}
.section_namas .namas_flow2 ul li:last-child .box {border-bottom:1px solid rgba(0, 120, 255, 0.4); background-image:url(../img/store_arr3.png);}
.section_namas .namas_link {text-align:center;}
.section_namas .namas_link a {display:inline-block; position:relative; width:260px; height:50px; line-height:50px; border:1px solid #0aabff; border-radius:31px; overflow:hidden; font-size:20px; font-weight:600; color:#0aabff; text-align:center; text-decoration:none; box-sizing:border-box; vertical-align:top;}
.section_namas .namas_link a span {position:relative; z-index:2;}
.section_namas .namas_link a::before {content:""; position:absolute; top:50%; left:50%; width:100%; height:0; background:#0aabff; transform:translate(-50%,-50%) rotate(-45deg); z-index:1; transition:all 0.6s ease;}
.section_namas .namas_link a:hover {border-color:#0aabff; color:#fff;}
.section_namas .namas_link a:hover::before {height:420%;}

@media all and (min-width:640px) {
    .product_naon .section_visual .svc_image .image img {max-width:80%;}
    .product_naon .section_visual .svc_image::after {bottom:32px;}
    .section_method .method_circle img {width:auto;}
    .section_method .method_circle .circle_inner {height:300px;}
}

@media all and (min-width:760px) {
    .product_naon .section_visual .svc_desc br {display:inline;}
    .product_naon .section_visual .svc_image::after {bottom:45px; height:30px;}
    .features_box {padding:0 40px;}
    .features_box::after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
    .features_box > div {float:left; width:50%;}
    .features_box .info {padding:0 20px 0 0;}
    .features_div2 .features_box .image {float:left;}
    .features_div2 .features_box .info {float:right; padding:0 0 0 20px;}
    .section_method .method_value > ul {padding:0 20px;}
    .section_interlock .interlock_tit {margin-top:-20px; font-size:20px;}
    .section_interlock .interlock_sol {margin-top:-120px; margin-bottom:-40px;}
    .section_interlock .interlock_sol ul {padding:0 30px;}
    .section_interlock .interlock_sol ul li {width:calc(100% / 3);}
    .section_interlock .interlock_sol .sol_box,
    .section_interlock .interlock_sol .sol_box img {height:96px;}
    .section_method .method_tit br {display:inline;}
    .section_method .method_tit .naon_time {width:300px; height:70px; background-size:300px 70px;}
    .section_method .value_box .tit {padding:35px 40px 20px;}
    .section_method .value_box .tit strong {font-size:22px;}
    .section_method .value_box .cont {padding:0 30px 30px;}
    .always_div1 .always_tit br {display:inline;}
    .always_div1 .always_system ul {display:flex; flex-wrap:wrap; padding:0 20px;}
    .always_div1 .always_system ul li {width:calc(100% / 2); padding:0 20px 20px;}
    .always_div2 .always_value > ul {padding:0 20px;}
    .always_div2 .always_value_link {padding-bottom:90px;}
    .always_div2 .value_box .tit strong {font-size:22px;}
    .prdtvty_div1 .prdtvty_tit br {display:inline;}
    .prdtvty_div1 .prdtvty_result > ul {display:flex; flex-wrap:wrap; padding:0 30px;}
    .prdtvty_div1 .prdtvty_result > ul > li {width:calc(100% / 2); padding:0 10px 20px;}
    .prdtvty_div1 .prdtvty_result .guide_txt {padding:0 45px; font-size:16px;}
    .prdtvty_div2 .client_list ul {padding:0 40px;}
    .prdtvty_div2 .client_list li {width:calc(100% / 4);}
    .prdtvty_div2 .client_list .logo img {height:45px;}
    .prdtvty_div2 .client_list_link {padding:20px 20px 90px;}
    
    .section_identity {height:100vh; min-height:700px;}
    .section_identity .sec_tit h2 img {width:auto;}
    .section_identity .sec_desc {font-size:18px;}
    .section_identity .iden_box {font-size:18px;}
    .section_identity .iden_box br {display:inline;}
    .section_identity .iden_box .icon {width:75px; height:75px; background-size:75px 225px;}
    .section_identity .iden_box .icon2 {background-position:0 -75px;}
    .section_identity .iden_box .icon3 {background-position:0 -150px;}
    
    .section_platform .sec_tit h3 br {display:none;}
    .section_platform .sec_tit h3 .hl {width:219px; height:38px; background-size:219px 38px;}
    .section_platform .sec_cont {padding-bottom:60px;}
    .section_platform .platform_tit {padding:0 20px;}
    .section_platform .platform_tit .naon_on img {height:75px;}
    .section_platform .plat_box .tit {font-size:18px;}
    .section_platform .features_box {flex-direction:row;}
    .section_platform .features_box .info {width:40%; padding:0;}
    .section_platform .features_box .image {width:60%;}
    .section_platform .features_div1 .section_inner,
    .section_platform .features_div2 .section_inner {padding:50px 0;}
    .section_platform .features_div3 .section_inner {padding:50px 0 120px;}
    .section_platform .features_div1 .features_box .image img {margin-right:-20px;}
    .section_platform .features_div2 .features_box {flex-direction:row-reverse;}
    .section_platform .features_div2 .features_box .image img {margin-left:-40px;}
    .section_platform .features_div3 .features_box .image img {margin-right:-20px;}

    .section_service .sec_tit h3 {padding-left:60px; background-size:45px 45px;}
    .section_service .sec_desc {font-size:18px;}
    .section_service .service_ul {gap:40px; padding:0 40px;}
    .section_service .service_box {height:100%; font-size:18px;}

    .section_ontime .sec_tit h3 br {display:none;}
    .section_ontime .method_tit .naon_time {width:auto; height:auto; background:none;}
    .section_ontime .method_tit .naon_time img {height:60px;}
    .section_ontime .method_circle {padding:0 40px;}
    .section_alwayson .sec_tit h3 br {display:none;}
    .section_alwayson .always_div1 {background-position:50% 160px;}
    .section_prdtvty .sec_tit h3 br {display:none;}
    .section_prdtvty .prdtvty_div1 .prdtvty_tit {margin-top:-20px;}

    .section_namas .namas_flow1 ul {flex-direction:row; padding:0 40px;}
    .section_namas .namas_flow1 ul li {width:calc(100% / 2 - 20px);}
    .section_namas .namas_flow1 ul li .box {height:110px; margin-top:40px;}
    .section_namas .namas_flow1 ul li:first-child .box,
    .section_namas .namas_flow1 ul li:nth-child(2) .box {margin-top:0;}
    .section_namas .namas_flow2 ul {flex-wrap:wrap; flex-direction:row; padding:0 40px;}
    .section_namas .namas_flow2 ul li {width:calc(100% / 2);}
    .section_namas .namas_flow2 ul li .box {padding:40px; border-right:0;}
    .section_namas .namas_flow2 ul li:nth-child(2) .box,
    .section_namas .namas_flow2 ul li:last-child .box {border-right:1px solid rgba(0, 120, 255, 0.4);}
    .section_namas .namas_flow2 ul li:nth-child(3) .box {border-bottom:1px solid rgba(0, 120, 255, 0.4);}
}

@media all and (min-width:1280px) {
    .product_naon .section_visual {height:auto;}
    .product_naon .section_visual .svc_desc br {display:inline;}
    .product_naon .section_visual .svc_image {padding-bottom:100px;}
    .product_naon .section_visual .svc_image::after {bottom:140px; height:40px;}
    .product_naon section .sec_tit {padding:100px 40px 50px;}
    .product_naon section .sec_tit::before {position:absolute; top:70px; left:40px; font-size:150px;}
    .features_box .info {padding:40px 40px 0 0;}
    .features_box .info .tit strong {font-size:38px;}
    .features_box .info .desc {font-size:18px;}
    .features_box .info .desc br {display:inline;}
    .features_box .info .slg {padding-top:40px; font-size:55px;}
    .features_div1 {padding-bottom:150px;}
    .features_div2 .features_box .info {padding:40px 0 0 40px;}
    .features_div3 {padding:150px 0;}
    .section_method .method_circle img {width:auto;}
    .section_method .method_value > ul {display:flex;}
    .section_method .method_value > ul > li {flex:1; padding:0 20px;}
    .section_method .value_box {min-height:290px;}
    .section_method .value_box .tit br {display:inline;}
    .section_interlock .interlock_tit {padding-bottom:90px;}
    .section_interlock .interlock_tit br {display:inline;}
    .section_interlock .interlock_sol ul {padding:0 20px;}
    .section_interlock .interlock_sol ul li {width:calc(100% / 6); padding:0 20px 40px;}
    .always_div1 .always_tit {margin-top:-20px; padding:0 20px 90px;}
    .always_div1 .always_tit br {display:inline;}
    .always_div1 .always_tit strong {font-weight:normal; letter-spacing:normal;}
    .always_div1 .always_logo img {height:80px;}
    .always_div1 .always_system {padding-top:40px;}
    .always_div1 .always_system ul li {width:calc(100% / 4);}
    .always_div2 .always_value {padding:90px 0 80px;}
    .always_div2 .always_value > ul {display:flex;}
    .always_div2 .always_value > ul > li {flex:1; padding:0 20px;}
    .always_div2 .always_value_link a {width:300px; height:60px; line-height:60px; font-size:20px;}
    .always_div2 .value_box {min-height:490px;}
    .always_div2 .value_box .tit {padding:40px 40px 20px;}
    .always_div2 .value_box .tit br {display:inline;}
    .always_div2 .value_box .tit strong {font-size:24px;}
    .always_div2 .value_box .cont {padding:0 30px 30px;}
    .prdtvty_div1 .prdtvty_tit {margin-top:-20px; padding:0 20px 90px;}
    .prdtvty_div1 .prdtvty_result > ul {padding:0 20px;}
    .prdtvty_div1 .prdtvty_result > ul > li {width:calc(100% / 3); padding:0 20px 40px;}
    .prdtvty_div1 .prdtvty_result .result_box {height:168px;}
    .prdtvty_div1 .prdtvty_result .result_box .tit {height:168px; padding-left:30px; font-size:22px;}
    .prdtvty_div1 .prdtvty_result .result_box .percent {height:168px; padding-right:104px; background-size:112px 58px; background-position:right -10px top 50%;}
    .prdtvty_div1 .prdtvty_result .result_box .percent span {font-size:60px;}
    .prdtvty_div1 .prdtvty_result .guide_txt {margin-top:-10px;}
    .prdtvty_div2 .client_list {margin-top:-40px;}
    .prdtvty_div2 .client_list li {width:calc(100% / 5);}
    .prdtvty_div2 .client_list .logo {width:170px;}
    .prdtvty_div2 .client_list .logo img {height:58px;}
    .prdtvty_div2 .client_list_link {padding:40px 20px 150px;}
    .prdtvty_div2 .client_list_link a {width:240px; height:60px; line-height:58px; font-size:22px;}

    .premium_naon .features_box .info .tit strong {font-size:38px;}
    .premium_naon .features_box .info .desc {font-size:18px;}
    .premium_naon .features_box .info .slg {padding-top:40px;}
    .premium_naon .section_platform .sec_tit,
    .premium_naon .section_ontime .sec_tit,
    .premium_naon .section_alwayson .sec_tit,
    .premium_naon .section_prdtvty .sec_tit,
    .premium_naon .section_identity .sec_tit,
    .premium_naon .section_service .sec_tit {padding-top:120px;}

    .section_identity .sec_desc {font-size:22px;}
    .section_identity .iden_box .icon {width:90px; height:90px; background-size:90px 270px;}
    .section_identity .iden_box .icon2 {background-position:0 -90px;}
    .section_identity .iden_box .icon3 {background-position:0 -180px;}

    .section_platform .sec_tit h3 .hl {width:242px; height:42px; background-size:242px 42px;}
    .section_platform .platform_tit {padding:0 20px 50px;}
    .section_platform .platform_tit strong {font-size:22px;}
    .section_platform .plat_ico_ul li {flex:1; width:auto;}
    .section_platform .features_box .info {padding:0;}
    .section_platform .features_box .info .slg {padding-top:20px;}

    .section_service .sec_tit h3 {padding-left:65px; background-size:50px 50px;}
    .section_service .sec_desc {font-size:22px;}
    .section_service .service_ul {flex-direction:row; gap:60px;}
    .section_service .service_ul li {width:calc(100% / 3);}
    .section_service .service_box {justify-content:center; font-size:22px;}

    .section_ontime .method_circle .circle_inner {background:url(../img/method_circle_line2.png) no-repeat 50% 50%; background-size:670px 15px;}
    .section_alwayson .always_div1 {background-position:50% 280px;}
    .section_prdtvty .prdtvty_div1 .sec_cont {padding-bottom:60px;}
    .section_prdtvty .prdtvty_div2 .client_list {margin-top:40px;}
    .section_prdtvty .prdtvty_link a {width:280px; height:60px; line-height:60px;}
    .premium_naon #section2 .section_platform .sec_cont {padding-bottom:90px;}

    .product_naon .section_namas .sec_tit {padding:180px 40px 50px;}
    .product_naon .section_namas .sec_cont {padding-bottom:150px;}
    .section_namas {background-size:initial;}
    .section_namas .namas_tit {margin-top:50px; padding:0 40px 100px;}
    .section_namas .namas_tit br {display:inline;}
    .section_namas .namas_tit .namas_store {margin-bottom:50px;}
    .section_namas .namas_tit .namas_store img {height:46px;}
    .section_namas .namas_link a {width:280px; height:60px; line-height:60px;}
    .section_namas .namas_flow1 ul {flex-direction:row;}
    .section_namas .namas_flow1 ul li {width:calc(100% / 3 - 30px);}
    .section_namas .namas_flow1 ul li:nth-child(2) .box,
    .section_namas .namas_flow1 ul li:nth-child(3) .box {margin-top:0;}
    .section_namas .namas_flow1 ul li .box br {display:inline;}
    .section_namas .namas_flow2 {margin-bottom:70px;}
    .section_namas .namas_flow2 ul li {width:calc(100% / 4);}
    .section_namas .namas_flow2 ul li .box {padding:40px 80px; border-bottom:1px solid rgba(0, 120, 255, 0.4);}
    .section_namas .namas_flow2 ul li:nth-child(2) .box {border-right:0;}
    .premium_naon #section4 .section_service .sec_tit::before {display:block;}
}

@media all and (min-width:1340px) {
    .premium_naon .always_div2 .value_box .cont br {display:inline;}
}

@media all and (min-width:1680px) {
    .product_naon .section_visual .video_bg video {width:100%; height:auto;}
}

/* 그룹웨어 */
.product_groupware .section_visual {background-image:url(../img/sub_visual_groupware2.jpg);}
.product_groupware .section_value .sec_tit {display:none;}
.product_groupware .section_value .sec_cont {padding:50px 0;}
.product_groupware .feat_ico_ul .feat_box .icon {background-image:url(../img/feat_icon_gw.png);}
.section_circle {background:url(../img/circle_bg.jpg) no-repeat 50% 0; background-size:cover; color:#fff;}
.section_circle .hl {color:#00fefc;}
.section_circle .sec_tit h3 {font-size:28px;}
.section_circle .circle_tit {margin-top:-40px; padding-left:20px; padding-right:20px; padding-bottom:30px; font-size:20px; text-align:center; line-height:1.4;}
.section_circle .circle_tit strong .hl {font-size:24px;}
.section_circle .circle_tit.tit_btm {margin:0; padding:0;}
.section_circle .circle_img {position:relative; max-width:900px; margin:0 auto; text-align:center;}
.section_circle .circle_img img {max-width:100%; vertical-align:top;}
.section_circle .circle_img .image {opacity:0; transition:0.2s;}
.section_circle .circle_img .image.zoomIn {opacity:1;}
.section_circle .circle_img .image1 {position:absolute; top:0; left:0; width:100%; z-index:3;}
.section_circle .circle_img .image2 {position:absolute; top:0; left:0; width:100%; z-index:2;}
.section_tool .sec_desc {margin-top:0; padding-top:50px; padding-bottom:50px;}
#section5 .section_tool .sec_desc {margin-top:-20px; padding-top:0;}

@media all and (min-width:760px) {
    .section_circle .sec_tit h3 {font-size:32px;}
    .section_circle .sec_cont {padding:0 20px 50px;}
    .section_circle .circle_tit {margin-top:-20px; font-size:24px;}
    .section_circle .circle_tit strong .hl {font-size:26px;}
    .section_tool .sec_desc br {display:inline;}
}

@media all and (min-width:1280px) {
    .product_groupware .section_value .sec_cont {padding:100px 0;}
    .section_circle .sec_tit h3 {font-size:45px;}
    .section_circle .sec_cont {padding:0 40px 140px;}
    .section_circle .circle_tit {font-size:26px;}
    .section_circle .circle_tit strong .hl {font-size:28px;}
    .section_tool .sec_desc {padding-top:100px; padding-bottom:100px;}
}

/* 포탈 */
.product_portal .section_visual {background-image:url(../img/sub_visual_portal2.jpg);}
.product_portal .feat_ico_ul .feat_box .icon {background-image:url(../img/feat_icon_portal.png);}
.product_portal .portal_image {position:relative; max-width:960px; margin:0 auto; padding:0 40px; text-align:center; text-align:center;}
.product_portal .portal_image img {display:inline-block; max-width:100%; vertical-align:top;}
.product_portal .portal_image .portal_mobile {position:absolute; bottom:0; right:0; width:100%; padding:0 40px; text-align:center; box-sizing:border-box;}
.product_portal .section_function .fn_box .icon {background-image:url(../img/function_icon_portal.png);}

/* 모바일 */
.product_mobile .section_visual {background-image:url(../img/sub_visual_mobile2.jpg);}
.product_mobile .feat_ico_ul .feat_box .icon {background-image:url(../img/feat_icon_mobile.png);}
.product_mobile .section_function .fn_box .icon {background-image:url(../img/function_icon_mobile.png);}
.product_mobile #section3 .value_slider .slide_box .sub {padding-top:20px;}

@media all and (min-width:1280px) {
    .product_mobile .section_features .feat_box {min-height:395px;}
}

/* 메신저 */
.product_messenger .section_visual {background-image:url(../img/sub_visual_messenger2.jpg);}
.product_messenger .feat_ico_ul .feat_box .icon {background-image:url(../img/feat_icon_msgr.png);}
.product_messenger #section4 .section_function .fn_box .icon {background-image:url(../img/function_icon_messenger1.png);}
.product_messenger #section5 .section_function .fn_box .icon {background-image:url(../img/function_icon_messenger2.png);}

@media all and (min-width:1280px) {
    .product_messenger .section_features .feat_box {min-height:395px;}
}

/* 그룹웨어 리뉴얼 */
.product_groupware_new section .section_inner {max-width:1680px;}
.product_groupware_new .btn_area {height:38px; margin:0 auto; text-align:center;}
.product_groupware_new .btn_area .btn {display:inline-block; height:36px; line-height:34px; padding:0 35px 0 15px; color:#fff; font-size:16px; background:url(../img/reference_icon_arrow.png)no-repeat 90% 50% #0078ff; border:1px solid #0078ff; border-radius:28px; box-sizing:border-box; cursor:pointer; transition:0.3s;}
.product_groupware_new section .hl {background-clip:text; text-shadow:none; background:linear-gradient(to left, #0096ff, #3affe1); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:900;}
.product_groupware_new .section_visual .section_inner {max-width:1460px;}
.product_groupware_new .section_visual {height:600px; background:linear-gradient(to bottom, #05010e 0, #181e67 35%, #1a0020 100%);}
.product_groupware_new .section_visual .section_bg {position:absolute; top:60px; left:0; width:100%; height:1315px; background:url(../img/sub_visual_groupware3.png)no-repeat 52% -100px;}
.product_groupware_new .section_circle {background:linear-gradient(to bottom, #1a0020 10%, #1d4377 100%);}
.product_groupware_new .section_circle .section_inner {position:relative; margin-top:-1px; z-index:1;}
.product_groupware_new .section_circle .sec_tit {padding:0 20px 50px;}
.product_groupware_new .section_circle .sec_tit h3 {font-size:40px;}
.product_groupware_new .section_circle .circle_tit {font-size:24px;}
.product_groupware_new .section_circle .circle_tit br {display:none;}
.product_groupware_new .section_circle .circle_img {max-width:1180px;}
.product_groupware_new .section_circle .circle_img .image {transition:0.2s; opacity:0; -webkit-opacity:0;}
.product_groupware_new .section_circle .circle_img .image.zoomIn {opacity:1; -webkit-opacity:1;}
.product_groupware_new .section_circle .circle_img .image1 {position:absolute; top:0; left:0; width:100%; z-index:3;}
.product_groupware_new .section_circle .circle_img .image2 {position:absolute; top:0; left:0; width:100%; z-index:2;}
.product_groupware_new .section_circle .circle_img .image3 {position:absolute; top:0; left:0; width:100%; z-index:1;}
.product_groupware_new .section_function {position:relative; margin-top:-1px; padding-bottom:50px; background:linear-gradient(to bottom, #1d4377 0, #7596ce 100%); color:#fff;}
.product_groupware_new .section_function .section_inner {position:relative; margin:0 20px; background:linear-gradient(to top, #212333 0, #1b171e 100%); border-radius:1.5rem; overflow:hidden; z-index:1;}
.product_groupware_new .section_function .section_inner::after {content:''; position:absolute; bottom:-1px; left:0; width:100%; height:100%; background:url(../img/naonai_gradient.png)no-repeat 50% 100%;}
.product_groupware_new .section_function .section_inner .sec_tit,
.product_groupware_new .section_function .section_inner .sec_cont {position:relative; z-index:1;}
.product_groupware_new .section_function .flow_box {padding:0 20px;}
.product_groupware_new .section_function .flow_box ul {display:flex; flex-direction:column; gap:20px; margin:0; padding:0; list-style:none;}
.product_groupware_new .section_function .flow_box .box {display:flex; gap:20px; align-items:center; flex-direction:column; position:relative; padding:40px 20px; border-radius:14px; background:url(../img/naonai_box.png)no-repeat 0 0; text-align:center; overflow:hidden; box-sizing:border-box; opacity:0;}
.product_groupware_new .section_function .flow_box .box.animated {opacity:1;}
.product_groupware_new .section_function .flow_box .box::after {content:""; position:absolute; inset:0; padding:2px; border-radius:inherit; background:linear-gradient(to bottom, #02e9bb, #1e9efd); mask:linear-gradient(white, white) content-box, linear-gradient(white, white); -webkit-mask:linear-gradient(white, white) content-box, linear-gradient(white, white); -webkit-mask-composite:xor; mask-composite: exclude;}
.product_groupware_new .section_function .flow_box .box br {display:none;}
.product_groupware_new .section_function .flow_box .tit {font-size:24px; font-weight:600;}
.product_groupware_new .section_function .flow_box .icon {display:flex; width:200px; height:200px; background:no-repeat 0 0;}
.product_groupware_new .section_function .flow_box .icon1 {background-image:url(../img/naonai_technology_icon1.png);}
.product_groupware_new .section_function .flow_box .icon2 {background-image:url(../img/naonai_technology_icon2.png);}
.product_groupware_new .section_function .flow_box .icon3 {background-image:url(../img/naonai_technology_icon3.png);}
.product_groupware_new .section_function .flow_box .txt {position:relative; font-size:18px; z-index:1;}
.product_groupware_new .section_function .func_box {margin:50px 20px 0;}
.product_groupware_new .section_function .func_box ul {display:flex; flex-wrap:wrap; align-items:flex-start; height:100%; margin:0; padding:0; list-style:none;}
.product_groupware_new .section_function .func_box ul li {width:calc(100% / 2); margin-top:40px; text-align:center;}
.product_groupware_new .section_function .func_box .box {display:flex; flex-direction:column; align-items:center;}
.product_groupware_new .section_function .func_box .box .icon {display:inline-block; position:relative; width:72px; height:72px; background:no-repeat 0 0;}
.product_groupware_new .section_function .func_box .box .icon::after {position:absolute; content:''; top:-1px; left:-1px; width:72px; height:72px; background:rgba(197,197,197,0.2); border-radius:16px; box-shadow:0 11px 15px rgba(13, 26, 95, 0.25), inset 1px 1px 0 rgba(255, 255, 255, 0.55); mix-blend-mode:multiply;}
.product_groupware_new .section_function .func_box .box .icon1 {background-image:url(../img/naonai_img01.png);}
.product_groupware_new .section_function .func_box .box .icon2 {background-image:url(../img/naonai_img02.png);}
.product_groupware_new .section_function .func_box .box .icon3 {background-image:url(../img/naonai_img03.png);}
.product_groupware_new .section_function .func_box .box .icon4 {background-image:url(../img/naonai_img04.png);}
.product_groupware_new .section_function .func_box .box .icon5 {background-image:url(../img/naonai_img05.png);}
.product_groupware_new .section_function .func_box .box .icon6 {background-image:url(../img/naonai_img06.png);}
.product_groupware_new .section_function .func_box .box .icon7 {background-image:url(../img/naonai_img07.png);}
.product_groupware_new .section_function .func_box .box .icon8 {background-image:url(../img/naonai_img08.png);}
.product_groupware_new .section_function .func_box .box .icon9 {background-image:url(../img/naonai_img09.png);}
.product_groupware_new .section_function .func_box .box .icon10 {background-image:url(../img/naonai_img10.png);}
.product_groupware_new .section_function .func_box .box .txt {display:inline-block; margin-top:10px; padding:0 10px; font-size:18px; font-weight:600; color:#fff; z-index:1;}
.product_groupware_new .section_function .btn_area {margin-top:50px;}
.product_groupware_new .section_value {background:linear-gradient(to bottom, #7596ce, #fff);}
.product_groupware_new .section_value .section_inner {margin-top:-1px; overflow:initial;}
.product_groupware_new .section_value .sec_tit {padding:0 20px 50px;}
.product_groupware_new .section_value .sec_tit h3 {color:#fff;}
.product_groupware_new .section_value .card_list {margin:0; padding:0 20px; list-style:none;}
.product_groupware_new .section_value .card_list > li {margin-bottom:40px; padding:50px 20px; background-color:#fff; border-radius:1.5rem; box-sizing:border-box; box-shadow:0 0 15px rgba(0, 0, 0, 0.22);}
.product_groupware_new .section_value .card_list > li:last-child {margin-bottom:0;}
.product_groupware_new .section_value .card_box {display:flex; flex-direction:column;}
.product_groupware_new .section_value .card_box .info {display:flex; flex-direction:column; align-items:center;}
.product_groupware_new .section_value .card_box .info .label {display:inline-block; margin:0 auto 24px; padding:10px 20px; background:linear-gradient(to right, #0ab4f9, #b777ff); text-align:center; border-radius:1.5rem; font-size:18px; color:#fff; box-sizing:border-box;}
.product_groupware_new .section_value .card_box .info .tit {padding-bottom:24px; text-align:center; background-clip:text; text-shadow:none; background:linear-gradient(to right, #88bfff, #ff99f2); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:800; font-size:28px;}
.product_groupware_new .section_value .card_box .info .tit_sub {padding-bottom:24px; font-size:22px; font-weight:600; text-align:center;}
.product_groupware_new .section_value .card_box .info .tit_sub br {display:none;}
.product_groupware_new .section_value .card_box .image,
.product_groupware_new .section_value .card_box .video {flex-shrink:0; text-align:center;}
.product_groupware_new .section_value .card_box .image img,
.product_groupware_new .section_value .card_box .video video {max-width:100%; border-radius:8px; overflow:hidden; vertical-align:top;}
.product_groupware_new .section_value .btn_area {margin-top:20px;}
.product_groupware_new .section_value .card_box .desc {display:flex; flex-direction:column; gap:20px; width:100%; margin:0 0 40px; padding:0; list-style:none;}
.product_groupware_new .section_value .card_box .desc li .card {position:relative; padding:20px 20px 20px 70px; background-color:#ecf6ff; border-radius:1.5rem; box-sizing:border-box; font-size:18px;}
.product_groupware_new .section_value .card_box .desc li .card br {display:none;}
.product_groupware_new .section_value .card_box .desc li .card::before {position:absolute; top:50%; left:20px; transform:translateY(-50%); font-size:28px; color:#8fbcfe; font-weight:800; font-family:'Nanumsquare';}
.product_groupware_new .section_value .card_box .desc li:first-child .card::before {content:'01';}
.product_groupware_new .section_value .card_box .desc li:nth-child(2) .card::before {content:'02';}
.product_groupware_new .section_value .card_box .desc li:last-child .card::before {content:'03';}
.product_groupware_new .section_value .card_tit {position:absolute; display:none; left:150px; bottom:15px; background-clip:text; text-shadow:none; background:linear-gradient(to right, #88bfff, #ff99f2); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:800; font-size:55px;}
.product_groupware_new .section_value .card_box .card_li:first-child .card_tit {display:none;}
.product_groupware_new .section_value .card_box .value_tab_box {width:100%; overflow:hidden;}
.product_groupware_new .section_value .card_box .value_tab_box .tabs li.active {border:1px solid transparent; background:linear-gradient(to right, #0ab4f9, #b777ff); box-shadow:none;}
.product_groupware_new .section_value .value_tab_box .tabs li {width:100%; margin:0 -1px 0;}
.product_groupware_new .section_value .value_tab_box .tabs {padding:0 1px;}
.product_groupware_new .section_value .value_tab_box .tabs_cont .value_tab {padding:0;}
.product_groupware_new .section_value .value_tab_box .value_tab .info_slide .info_box .tit strong {background-clip:text; text-shadow:none; background:linear-gradient(to right, #88bfff, #ff99f2); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:800;}
.product_groupware_new .section_value .value_tab_box .value_tab .ui-slider-tabs-list li.selected a {border-bottom:4px solid #31a6fa; color:#000;}
.product_groupware_new .section_tool .sec_img {text-align:center;}
.product_groupware_new .section_tool .sec_img .image {position:relative; display:inline-block; width:calc(98% / 3); opacity:0; transition:0.2s;}
.product_groupware_new .section_tool .sec_img .image:first-child {top:50px; left:50px; opacity:0; transition:0.8s ease-out;}
.product_groupware_new .section_tool .sec_img .image.fadeInUp:first-child {top:0; left:0; opacity:1;}
.product_groupware_new .section_tool .sec_img .image:nth-child(2) {transition:0.2s;}
.product_groupware_new .section_tool .sec_img .image:last-child {top:50px; right:50px; opacity:0; transition:0.8s ease-out;}
.product_groupware_new .section_tool .sec_img .image.fadeInUp:last-child {top:0; right:0; opacity:1;}
.product_groupware_new .section_tool .sec_img .image img {max-width:100%; vertical-align:top;}
.product_groupware_new .section_tool .tool_div {display:flex; flex-direction:column; align-items:center; padding:40px 20px; box-sizing:border-box;}
.product_groupware_new .section_tool .tool_div.tool_bg {background-color:#f5f7f8;}
.product_groupware_new .section_tool .tool_div .tool_info .logo {text-align:center;}
.product_groupware_new .section_tool .tool_div .tool_info .logo img {max-width:100%; vertical-align:top;}
.product_groupware_new .section_tool .tool_div .tool_info .tit {margin:10px 0 30px; font-size:24px; text-align:center;}
.product_groupware_new .section_tool .tool_div .tool_info .desc {margin-top:20px; font-size:18px; text-align:center;}
.product_groupware_new .section_tool .tool_div .tool_info .desc br {display:none;}
.product_groupware_new .section_tool .tool_div .tool_info .thmb {display:none; margin-top:80px;}
.product_groupware_new .section_tool .tool_div .tool_info .thmb ul {height:89px; margin:0; padding:0; list-style:none;}
.product_groupware_new .section_tool .tool_div .tool_info .thmb ul li {box-sizing:border-box;}
.product_groupware_new .section_tool .tool_div .tool_info .thmb a {display:block; width:130px; margin:0 auto; height:85px; border:2px solid transparent; border-radius:10px; overflow:hidden; transition:0.3s;}
.product_groupware_new .section_tool .tool_div .tool_info .thmb img {max-width:100%; vertical-align:top;}
.product_groupware_new .section_tool .tool_div .tool_info .thmb .slick-list {overflow:initial;}
.product_groupware_new .section_tool .tool_div .tool_info .thmb .slick-current a {margin-top:-15px; border:2px solid #000; box-shadow:0 10px 15px rgba(0, 0, 0, 0.2);}
.product_groupware_new .section_tool .tool_div .tool_info .thmb .slick-slider .slick-track {transform:translate3d(0, 0, 0) !important;}
.product_groupware_new .section_tool .tool_div .tool_slider {width:100%; margin-top:20px; text-align:center;}
.product_groupware_new .section_tool .tool_div .tool_slider ul {margin:0; padding:0; list-style:none;}
.product_groupware_new .section_tool .tool_div .tool_slider .slide_box .sub {margin-top:-30px; font-size:16px; line-height:1.6;}
.product_groupware_new .section_tool .tool_div .tool_slider .slide_box .sub br {display:none;}
.product_groupware_new .section_tool .tool_div .tool_slider .slick-prev,
.product_groupware_new .section_tool .tool_div .tool_slider .slick-next {top:44%; width:40px; height:57px; opacity:0.5; transform:translateY(-50%); z-index:1;}
.product_groupware_new .section_tool .tool_div .tool_slider .slick-prev:hover,
.product_groupware_new .section_tool .tool_div .tool_slider .slick-next:hover {opacity:1;}
.product_groupware_new .section_tool .tool_div .tool_slider .slick-prev::before,
.product_groupware_new .section_tool .tool_div .tool_slider .slick-next::before {display:none;}
.product_groupware_new .section_tool .tool_div .tool_slider .slick-prev {left:-15px; background:url(../img/slick_prev.png) no-repeat 50% 50%;}
.product_groupware_new .section_tool .tool_div .tool_slider .slick-next {right:-15px; background:url(../img/slick_next.png) no-repeat 50% 50%;}
.product_groupware_new .section_tool .tool_div .tool_slider .slide_box .image img {display:inline-block; max-width:100%; vertical-align:top;}
.product_groupware_new .section_work {background-image:linear-gradient(to right, #0ab4f9 0, #b777ff 100%); color:#fff; overflow:hidden;}
.product_groupware_new .section_work .section_inner {max-width:1380px;}
.product_groupware_new .section_work .sec_desc {position:relative; margin-top:0; padding-bottom:0; font-size:22px; font-weight:600; z-index:6;}
.product_groupware_new .section_work .sec_desc span {display:inline-block; margin-bottom:4px; font-size:32px; vertical-align:top;}
.product_groupware_new .section_work .sec_desc br {display:inline;}
.product_groupware_new .section_work .circle_div {margin-top:30px; padding:0 20px;}
.product_groupware_new .section_work .circle_div .btn_area {margin-top:30px; margin-bottom:100px;}
.product_groupware_new .section_work .circle_img {position:relative; max-width:1061px; margin:0 auto; text-align:center;}
.product_groupware_new .section_work .circle_img .image img {max-width:100%; vertical-align:top;}
.product_groupware_new .section_work .circle_img .image1 {position:absolute; top:0; left:0; width:100%; z-index:3; opacity:0; scale:0; transition:0.8s ease-out;}
.product_groupware_new .section_work .circle_img .image2 {position:absolute; bottom:40%; left:0; width:100%; z-index:2; opacity:0; transition:0.8s ease-out; transition-delay:1.6s;}
.product_groupware_new .section_work .circle_img .image3 {position:relative; z-index:1; opacity:0; scale:0; transition:0.8s ease-out; transition-delay:0.8s;}
.product_groupware_new .section_work .circle_img .image4 {position:absolute; top:0; left:40%; width:100%; z-index:4; opacity:0; transition:0.8s ease-out; transition-delay:2.4s;}
.product_groupware_new .section_work .circle_img .image5 {position:absolute; top:0; right:40%; width:100%; z-index:5; opacity:0; transition:0.8s ease-out; transition-delay:2.4s;}
.product_groupware_new .section_work .circle_img .image6 {position:absolute; top:0; left:0; width:100%; opacity:0; scale:0; transition:0.8s ease-out; transition-delay:2.4s;}
.product_groupware_new .section_work .circle_img.animated .image1 {opacity:1; scale:1;}
.product_groupware_new .section_work .circle_img.animated .image2 {bottom:0; opacity:1;}
.product_groupware_new .section_work .circle_img.animated .image3 {opacity:1; scale:1;}
.product_groupware_new .section_work .circle_img.animated .image4 {left:0; opacity:1;}
.product_groupware_new .section_work .circle_img.animated .image5 {right:0; opacity:1;}
.product_groupware_new .section_work .circle_img.animated .image6 {opacity:1; scale:1;}
/* .product_groupware_new .section_work .circle_img.animated .image6 {opacity:1; scale:1; animation:breathe 1.6s cubic-bezier(0.2, 0, 0.8, 1) 3.5s infinite;} */

/* @-webkit-keyframes breathe {
    from {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@keyframes breathe {
    from {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    to {
        opacity:1;
    }
} */

.product_groupware_new .section_work .circle_box {display:flex; flex-direction:column; gap:30px; margin-top:25px;}
.product_groupware_new .section_work .circle_box .box {padding:25px 0; border:1px solid rgba(255, 255, 255, 0.5); border-radius:9px; background-color:rgba(255, 255, 255, 0.1); text-align:center; box-sizing:border-box; opacity:0;}
.product_groupware_new .section_work .circle_box .box .icon {width:57px; height:57px; margin:0 auto 5px; background:no-repeat 50% 50%;}
.product_groupware_new .section_work .circle_box .box1 .icon {background-image:url(../img/work_icon1.png);}
.product_groupware_new .section_work .circle_box .box2 .icon {background-image:url(../img/work_icon2.png);}
.product_groupware_new .section_work .circle_box .box3 .icon {background-image:url(../img/work_icon3.png);}
.product_groupware_new .section_work .circle_box .tit {font-size:24px; font-weight:600;}
.product_groupware_new .section_work .circle_box .desc {margin-top:15px; font-size:16px;}
.product_groupware_new .section_work .work_div {display:flex; flex-direction:column; flex-wrap:wrap; gap:30px; padding:0 20px; align-items:center;}
.product_groupware_new .section_work .work_div .sub {font-size:24px; font-weight:600;}
.product_groupware_new .section_work .work_div .tit {margin-bottom:20px; font-size:32px; font-weight:600;}
.product_groupware_new .section_work .work_div .desc ul {margin:0; padding:0; list-style:none;}
.product_groupware_new .section_work .work_div .desc ul li {display:flex; align-items:center; position:relative; padding:26px 26px 26px 56px; font-size:16px; border:1px solid rgba(255, 255, 255, 0.5); border-radius:9px; background-color:rgba(255, 255, 255, 0.1); box-sizing:border-box;}
.product_groupware_new .section_work .work_div .desc ul li + li {margin-top:20px;}
.product_groupware_new .section_work .work_div .desc ul li::before {position:absolute; content:''; top:50%; left:20px; width:16px; height:12px; background:url(../img/ico_chk.png)no-repeat 0 0; transform:translateY(-50%);}
.product_groupware_new .section_work .work_div .image {position:relative;}
.product_groupware_new .section_work .work_div .image img {max-width:100%; vertical-align:top;}
.product_groupware_new .section_work .work_div .image .img {max-width:810px; margin:0 auto; text-align:center; opacity:0;}
.product_groupware_new .section_work .work_div .image .img.animated {opacity:1;}
.product_groupware_new .section_work .work_div .image .img1 {position:absolute; top:0; left:0; width:100%; z-index:2;}
.product_groupware_new .section_work .work_div .image .img2 {mix-blend-mode:multiply;}
.product_groupware_new .section_work .work_div2 {margin-top:100px; margin-bottom:30px;}
.product_groupware_new .section_security .card_list {margin:0; padding:0 20px; list-style:none;}
.product_groupware_new .section_security .card_list > li {margin-bottom:40px; padding:50px 20px; background-color:#fff; border-radius:1.5rem; box-shadow:0 0 15px rgba(0, 0, 0, 0.22); box-sizing:border-box;}
.product_groupware_new .section_security .card_box {display:flex; flex-direction:column;}
.product_groupware_new .section_security .card_box .title {margin-bottom:24px; text-align:center; background-clip:text; text-shadow:none; background:linear-gradient(to right, #88bfff, #ff99f2); -webkit-background-clip:text; -webkit-text-fill-color: transparent; font-weight:800; font-size:28px;}
.product_groupware_new .section_security .card_box .desc + .desc {margin-top:50px;}
.product_groupware_new .section_security .card_box .desc .tit {margin-bottom:24px; font-size:22px; font-weight:600; text-align:center;}
.product_groupware_new .section_security .card_box .desc ul {display:flex; flex-direction:column; align-items:center; gap:20px; margin:0; padding:0; list-style:none;}
.product_groupware_new .section_security .card_box .desc ul + ul {margin-top:20px;}
.product_groupware_new .section_security .card_box .desc ul li {position:relative; padding-left:36px; font-size:16px; box-sizing:border-box;}
.product_groupware_new .section_security .card_box .desc ul li br {display:none;}
/* .product_groupware_new .section_security .card_box .desc ul li + li {margin-top:20px;} */
.product_groupware_new .section_security .card_box .desc ul li::before {content:''; position:absolute; top:0; left:0; width:26px; height:26px; background:url(../img/ico_chk2.png)no-repeat #0078ff 0 0; background-position:50% 50%; border-radius:13px;}
.product_groupware_new .section_security .card_box .image {flex-grow:1; position:relative; margin-top:50px; text-align:center;}
.product_groupware_new .section_security .card_box .image img {max-width:100%; vertical-align:top;}
.product_groupware_new .section_security .card_box .video {margin-top:50px; text-align:center;}
.product_groupware_new .section_security .card_box .video video {max-width:100%; vertical-align:top; overflow:hidden;}
.product_groupware_new .section_security .card_tit {display:none; position:absolute; left:150px; bottom:15px; background-clip:text; text-shadow:none; background:linear-gradient(to right, #88bfff, #ff99f2); -webkit-background-clip:text; -webkit-text-fill-color: transparent; font-weight:800; font-size:55px;}
.product_groupware_new .section_search .sec_cont {padding-bottom:0;}
.product_groupware_new .section_search .hl {background-clip:initial; background:none; -webkit-text-fill-color:initial;}
.product_groupware_new .section_search .search_tit {text-align:center; font-size:24px; font-weight:600;}
.product_groupware_new .section_search .search_tit strong {font-size:28px;}
.product_groupware_new .section_search .search_div {position:relative; margin-top:40px;}
.product_groupware_new .section_search .search_div img {max-width:100%; vertical-align:top;}
.product_groupware_new .section_search .info_box {z-index:3;}
.product_groupware_new .section_search .info_box .info {position:relative; width:calc(100% - 40px); margin:20px auto; padding:20px 20px 20px 60px; border-radius:12px; color:#fff; font-size:16px; box-sizing:border-box; box-shadow:0 10px 10px 5px rgba(0, 0, 0, 0.05); opacity:0; transition:opacity 0.2s;}
.product_groupware_new .section_search .info_box .info::before {position:absolute; top:50%; left:20px; transform:translateY(-50%); font-size:28px;}
.product_groupware_new .section_search .info_box .info.zooInUp {opacity:1;}
.product_groupware_new .section_search .info_box .info br {display:none;}
.product_groupware_new .section_search .info_box .info.no1 {background-color:#5733fc;}
.product_groupware_new .section_search .info_box .info.no2 {background-color:#0197ff;}
.product_groupware_new .section_search .info_box .info.no3 {background-color:#1bc68e;}
.product_groupware_new .section_search .info_box .info.no4 {background-color:#ff7800;}
.product_groupware_new .section_search .info_box .info.no1::before {content:'01';}
.product_groupware_new .section_search .info_box .info.no2::before {content:'02';}
.product_groupware_new .section_search .info_box .info.no3::before {content:'03';}
.product_groupware_new .section_search .info_box .info.no4::before {content:'04';}
.product_groupware_new .section_search .cont_box {position:relative; text-align:center; opacity:0; transition:0.2s;}
.product_groupware_new .section_search .cont_box.fadeInUp {opacity:1;}
.product_groupware_new .section_search .cont_box .image img {max-width:100%; vertical-align:top;}
.product_groupware_new .section_search .cont_box .image1 {position:absolute; top:0; left:0; width:100%; z-index:2;}
.product_groupware_new .section_search .cont_box .video {position:absolute; top:50%; left:50%; width:calc(100% - 40px); transform:translate(-50%, -50%); z-index:1;}
.product_groupware_new .section_search .cont_box .video video {max-width:100%; border-radius:18px; box-shadow:0 10px 25px rgba(0, 0, 0, 0.2); overflow:hidden;}
.product_groupware_new .section_search .vector_box {position:relative; margin-bottom:50px; text-align:center; z-index:4;}
.product_groupware_new .section_search .vector_box .label {display:inline-block; max-width:calc(100% - 40px); padding:8px 30px; border-radius:26px; background-color:#000; font-size:16px; box-sizing:border-box;}
.product_groupware_new .section_search .vector_box .label span {background-clip:text; text-shadow:none; background:linear-gradient(to left, #0096ff, #3affe1); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:800;}
.product_groupware_new .section_search .vector_box .image {margin-top:50px; text-align:center;}
.product_groupware_new .section_search .vector_box .image img {max-width:100%; vertical-align:top;}
.product_groupware_new .section_search .vector_box .desc {padding:0 20px; margin-top:50px; font-size:16px;}
.product_groupware_new .section_search .vector_box .desc br {display:none;}
.product_groupware_new .section_search .vector_box .desc .hl {font-weight:600;}
.product_groupware_new .section_portal {padding:0 20px;}
.product_groupware_new .section_portal .section_inner {border-radius:1.5rem; background-color:#eefaff;}
.product_groupware_new .section_portal .sec_cont {margin-bottom:50px; padding:0 20px 50px;}
.product_groupware_new .section_portal .label {display:inline-block; padding:5px 15px; border-radius:18px; background-color:#000;}
.product_groupware_new .section_portal .label span {background-clip:text; text-shadow:none; background:linear-gradient(to left, #0096ff, #3affe1); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:800; font-size:14px;}
.product_groupware_new .section_portal .portal_title {margin-bottom:30px; padding:0 20px; font-size:24px; font-weight:600; text-align:center;}
.product_groupware_new .section_portal .portal_slider {position:relative; text-align:center;}
.product_groupware_new .section_portal .portal_slider ul {margin:0; padding:0; list-style:none;}
.product_groupware_new .section_portal .portal_slider .item {text-align:center;}
.product_groupware_new .section_portal .portal_slider .image img {display:inline-block; max-width:100%; vertical-align:top;}
.product_groupware_new .section_portal .portal_slider .tit {margin-top:70px; font-size:16px; font-weight:600;}
.product_groupware_new .section_portal .portal_slider .label {margin-top:80px;}
.product_groupware_new .section_portal .portal_slider .tit + .label {margin-top:15px;}
.product_groupware_new .section_portal .portal_slider .slick-dots {bottom:90px; height:30px;}
.product_groupware_new .section_portal .portal_slider .slick-dots li {width:10px; height:10px; margin:4px;}
.product_groupware_new .section_portal .portal_slider .slick-dots li button {width:10px; height:10px; border-radius:5px; background-color:#a8afb2;}
.product_groupware_new .section_portal .portal_slider .slick-dots li.slick-active button {background-color:#006eff;}
.product_groupware_new .section_portal .portal_slider .slick-dots li button:before {content:'';}
.product_groupware_new .section_portal .portal_slider .slick-prev,
.product_groupware_new .section_portal .portal_slider .slick-next {display:none !important; top:40%; width:40px; height:57px; z-index:1; opacity:0.5;}
.product_groupware_new .section_portal .portal_slider .slick-prev:hover,
.product_groupware_new .section_portal .portal_slider .slick-next:hover {opacity:1;}
.product_groupware_new .section_portal .portal_slider .slick-prev::before,
.product_groupware_new .section_portal .portal_slider .slick-next::before {display:none;}
.product_groupware_new .section_portal .portal_slider .slick-prev {left:40px; background:url(../img/slick_prev.png) no-repeat 50% 50%;}
.product_groupware_new .section_portal .portal_slider .slick-next {right:40px; background:url(../img/slick_next.png) no-repeat 50% 50%;}
.product_groupware_new .section_portal .portal_slider.label_fix .slick-dots {bottom:-63px;}
.product_groupware_new .section_portal .portal_slider.label_fix .slick-prev,
.product_groupware_new .section_portal .portal_slider.label_fix .slick-next {top:50%;}

@media all and (min-width:760px) {
    .product_groupware_new .btn_area {height:57px;}
    .product_groupware_new .btn_area .btn {height:55px; line-height:53px; padding:0 45px 0 25px; background-color:#0078ff; background-image:url(../img/reference_icon_arrow.png); border:1px solid #0078ff; font-size:21px;}
    .product_groupware_new .section_visual br {display:none;}
    .product_groupware_new .section_circle .sec_tit h3 {font-size:60px;}
    .product_groupware_new .section_circle .circle_tit {padding-bottom:100px; font-size:32px;}
    .product_groupware_new .section_circle .circle_tit br {display:inline;}
    .product_groupware_new .section_value .sec_tit {padding:0 40px 50px;}
    .product_groupware_new .section_value .card_list {padding:0 40px;}
    .product_groupware_new .section_value .card_list > li {padding:50px 40px;}
    .product_groupware_new .section_value .card_box .info .label {font-size:20px;}
    .product_groupware_new .section_value .card_box .info .tit {font-size:40px;}
    .product_groupware_new .section_value .card_box .info .tit_sub {padding-bottom:50px; font-size:28px;}
    .product_groupware_new .section_value .btn_area {margin-top:40px;}
    .product_groupware_new .section_value .value_tab_box .tabs li {width:calc(100% / 3);}
    .product_groupware_new .section_function {padding-bottom:90px;}
    .product_groupware_new .section_function .section_inner {margin:0 40px;}
    .product_groupware_new .section_function .sec_tit br {display:none;}
    .product_groupware_new .section_function .sec_tit h3 {font-size:45px;}
    .product_groupware_new .section_function .flow_box {padding:0 40px;}
    .product_groupware_new .section_function .flow_box ul {gap:40px;}
    .product_groupware_new .section_function .flow_box .box {justify-content:center;}
    .product_groupware_new .section_function .flow_box .tit {font-size:28px;}
    .product_groupware_new .section_function .flow_box .txt {font-size:20px;}
    .product_groupware_new .section_function .func_box {margin-top:70px; padding:0 40px;}
    .product_groupware_new .section_function .func_box ul li {width:calc(100% / 3); margin-top:50px;}
    .product_groupware_new .section_function .btn_area {margin-top:70px;}
    .product_groupware_new .section_tool .sec_cont {padding-bottom:0;}
    .product_groupware_new .section_tool .tool_div {padding:40px 40px 85px;}
    .product_groupware_new .section_tool .tool_div .tool_info {width:100%;}
    .product_groupware_new .section_tool .tool_div .tool_info .tit {font-size:28px;}
    .product_groupware_new .section_tool .tool_div .tool_info .desc {margin-top:0;}
    .product_groupware_new .section_tool .tool_div .tool_info .thmb {display:block; margin-top:40px;}
    .product_groupware_new .section_tool .tool_div .tool_info .thmb .slick-slider {max-width:700px; margin:0 auto;}
    .product_groupware_new .section_tool .tool_div .tool_slider .slick-prev,
    .product_groupware_new .section_tool .tool_div .tool_slider .slick-next {top:50%;}
    .product_groupware_new .section_tool .tool_div .tool_slider .slick-prev {left:20px;}
    .product_groupware_new .section_tool .tool_div .tool_slider .slick-next {right:20px;}
    .product_groupware_new .section_tool .tool_div .tool_slider .slide_box .sub br {display:inline;}
    .product_groupware_new .section_work .sec_desc {font-size:28px;}
    .product_groupware_new .section_work .sec_desc span {font-size:35px;}
    .product_groupware_new .section_work .circle_div {margin-top:50px; padding:0 40px;}
    .product_groupware_new .section_work .circle_box .tit {font-size:28px;}
    .product_groupware_new .section_work .circle_div .btn_area {margin-top:50px; margin-bottom:150px;}
    .product_groupware_new .section_work .work_div {gap:40px; padding:0 40px;}
    .product_groupware_new .section_work .work_div .sub {font-size:28px; text-align:center;}
    .product_groupware_new .section_work .work_div .tit {margin-bottom:40px; font-size:35px; text-align:center;}
    .product_groupware_new .section_work .work_div .desc ul li {font-size:18px;}
    .product_groupware_new .section_security .card_list {padding:0 40px;}
    .product_groupware_new .section_security .card_list > li {padding:50px 40px;}
    .product_groupware_new .section_security .card_box .title {font-size:40px;}
    .product_groupware_new .section_security .card_box .desc .tit {margin-bottom:50px; font-size:28px;}
    .product_groupware_new .section_security .card_box .desc ul {gap:40px;}
    .product_groupware_new .section_security .card_box .desc ul + ul {margin-top:40px;}
    .product_groupware_new .section_security .card_box .desc ul li {font-size:18px;}
    /* .product_groupware_new .section_security .card_box .desc ul li + li {margin-top:40px;} */
    .product_groupware_new .section_search .search_tit {font-size:28px;}
    .product_groupware_new .section_search .info_box .info {width:calc(100% - 80px); max-width:886px; margin:30px auto; padding:32px 0 32px 100px; font-size:20px;}
    .product_groupware_new .section_search .info_box .info::before {left:33px; font-size:34px;}
    .product_groupware_new .section_search .cont_box {margin-top:-150px;}
    .product_groupware_new .section_search .vector_box {margin-top:-100px; margin-bottom:90px;}
    .product_groupware_new .section_search .vector_box .label {font-size:20px;}
    .product_groupware_new .section_search .vector_box .desc {padding:0 40px; font-size:18px;}
    .product_groupware_new .section_search .vector_box .desc br {display:inline;}
    .product_groupware_new .section_portal {padding:0 40px;}
    .product_groupware_new .section_portal .sec_cont {margin-bottom:90px; padding:0 40px 50px;}
    .product_groupware_new .section_portal .label span {font-size:16px;}
    .product_groupware_new .section_portal .portal_title {font-size:28px;}
    .product_groupware_new .section_portal .portal_slider .slick-prev,
    .product_groupware_new .section_portal .portal_slider .slick-next {display:block !important;}
}

@media all and (min-width:960px) {
    .product_groupware_new .section_work .circle_box {flex-direction:row;}
    .product_groupware_new .section_work .circle_box .box {width:calc(100% / 2);}
}

@media all and (min-width:1280px) {
    .product_groupware_new section .sec_tit h3 {font-size:65px;}
    .product_groupware_new .btn_area .btn {line-height:53px; padding:0 35px; background-color:#000; background-image:none; border:1px solid #000;}
    .product_groupware_new .btn_area .btn:hover {padding:0 45px 0 25px; background-color:#0078ff; background-image:url(../img/reference_icon_arrow.png); border:1px solid #0078ff;}
    .product_groupware_new .section_visual .section_bg {top:100px; background-position:50% -60px;}
    .product_groupware_new .section_visual .svc_tit h2 {font-size:55px;}
    .product_groupware_new .section_circle .sec_tit h3 {font-size:80px;}
    .product_groupware_new .section_circle .sec_cont {padding:0 40px 10px;}
    .product_groupware_new .section_circle .circle_tit {padding-bottom:120px; font-size:45px;}
    .product_groupware_new .section_function {padding:100px 120px 90px;}
    .product_groupware_new .section_function .section_inner {margin:0 auto;}
    .product_groupware_new .section_function .sec_tit br {display:inline;}
    .product_groupware_new .section_function .sec_tit {padding-bottom:100px;}
    .product_groupware_new .section_function .sec_tit h3 {font-size:60px;}
    .product_groupware_new .section_function .sec_cont {padding-bottom:80px;}

    .product_groupware_new .section_function .flow_box .tit {font-size:30px;}
    .product_groupware_new .section_function .flow_box .box {justify-content:center; height:100%;}
    .product_groupware_new .section_function .flow_box .txt {font-size:22px;}
    .product_groupware_new .section_function .func_box {padding:0 100px;}
    .product_groupware_new .section_function .func_box ul li {width:calc(100% / 5);}
    .product_groupware_new .section_value .sec_tit {padding:0;}
    .product_groupware_new .section_value .section_inner {padding:0 120px;}
    .product_groupware_new .section_value .card_list {margin-top:120px; padding:0;}
    .product_groupware_new .section_value .card_box .info .tit {font-size:55px;}
    .product_groupware_new .section_value .card_box .info .tit_sub {font-size:40px;}
    .product_groupware_new .section_value .card_box .info .tit_sub br {display:inline;}
    .product_groupware_new .section_value .card_box .desc {flex-direction:row;}
    .product_groupware_new .section_value .card_box .desc li {width:calc(100% / 3); box-sizing:border-box;}
    .product_groupware_new .section_value .card_box .desc li .card {display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:190px; margin-bottom:0; padding:40px 20px 0; background-color:#ecf6ff; border-radius:35px; text-align:center; box-sizing:border-box; font-size:16px; letter-spacing:-0.25px;}
    .product_groupware_new .section_value .card_box .desc li .card::before {top:20px; left:50%; transform:translateX(-50%); font-size:34px;}
    .product_groupware_new .section_value .card_box .desc li .card br {display:inline;}
    .product_groupware_new .section_tool .sec_tit {padding:10px 40px 50px;}
    .product_groupware_new .section_tool .sec_img .image {display:inline-block; width:auto;}
    .product_groupware_new .section_tool .tool_div {flex-direction:row; padding:100px 145px;}
    .product_groupware_new .section_tool .tool_div .tool_info {width:calc(60% - 40px); margin-right:40px;}
    .product_groupware_new .section_tool .tool_div .tool_slider {width:calc(40% - 60px); margin-top:0; margin-left:60px;}
    .product_groupware_new .section_tool .tool_div .tool_info .logo {text-align:left;}
    .product_groupware_new .section_tool .tool_div .tool_info .tit {margin-top:30px; font-size:45px; text-align:left;}
    .product_groupware_new .section_tool .tool_div .tool_info .desc {margin-top:30px; font-size:20px; text-align:left;}
    .product_groupware_new .section_tool .tool_div .tool_info .desc br {display:inline;}
    .product_groupware_new .section_tool .tool_div .tool_info .thmb a {margin:0;}
    .product_groupware_new .section_tool .tool_div .tool_info .thmb .slick-slider {margin:0;}
    .product_groupware_new .section_tool .tool_div .tool_slider .slide_box .sub {font-size:18px;}
    .product_groupware_new .section_tool .tool_div .tool_slider .slide_box .sub br {display:none;}
    .product_groupware_new .section_tool .tool_div .tool_slider .slick-prev {left:-60px;}
    .product_groupware_new .section_tool .tool_div .tool_slider .slick-next {right:-60px;}
    .product_groupware_new .section_tool .tool_div .tool_slider .slick-prev,
    .product_groupware_new .section_tool .tool_div .tool_slider .slick-next {top:160px;}
    .product_groupware_new .section_work .sec_tit {padding-bottom:95px;}
    .product_groupware_new .section_work .sec_desc {font-size:30px;}
    .product_groupware_new .section_work .sec_desc span {font-size:40px;}
    .product_groupware_new .section_work .circle_div {margin-top:60px;}
    .product_groupware_new .section_work .circle_div .btn_area {margin-top:80px; margin-bottom:200px;}
    .product_groupware_new .section_work .circle_box .box {height:245px; padding:25px 0 0;}
    .product_groupware_new .section_work .circle_box .tit {font-size:30px;}
    .product_groupware_new .section_work .circle_box .desc {font-size:18px; line-height:2;}
    .product_groupware_new .section_work .work_div {flex-direction:row; gap:0;}
    .product_groupware_new .section_work .work_div2 {flex-direction:row-reverse; margin-top:200px; margin-bottom:60px;}
    .product_groupware_new .section_work .work_div .sub {font-size:30px; text-align:left;}
    .product_groupware_new .section_work .work_div .tit {font-size:40px; text-align:left;}
    .product_groupware_new .section_work .work_div .info {width:calc(50% - 70px);}
    .product_groupware_new .section_work .work_div .image {width:calc(50% + 70px);}
    .product_groupware_new .section_security .section_inner {padding:0 120px;}
    .product_groupware_new .section_security .card_box .desc ul {flex-direction:row; justify-content:center; align-items:flex-start;}
    .product_groupware_new .section_search .search_tit {font-size:30px;}
    .product_groupware_new .section_search .search_tit strong {font-size:40px;}
    .product_groupware_new .section_search .info_box {position:absolute; left:50%; transform:translateX(-50%);}
    .product_groupware_new .section_search .info_box .info {width:886px; font-size:26px;}
    .product_groupware_new .section_search .cont_box {margin-top:0; padding-top:150px;}
    .product_groupware_new .section_search .cont_box .image1 {top:150px;}
    .product_groupware_new .section_search .cont_box .video {top:150px; left:0; padding-top:420px; transform:initial;}
    .product_groupware_new .section_search .vector_box {margin-top:-250px; margin-bottom:100px;}
    .product_groupware_new .section_search .vector_box .label {font-size:24px;}
    .product_groupware_new .section_search .vector_box .desc {padding:0; font-size:20px;}
    .product_groupware_new .section_portal {padding:0 120px;}
    .product_groupware_new .section_portal .section_inner {border-radius:50px;}
    .product_groupware_new .section_portal .sec_cont {margin-bottom:140px; padding:0 140px 100px;}
    .product_groupware_new .section_portal .label span {font-size:18px;}
    .product_groupware_new .section_portal .portal_title {margin-bottom:60px; font-size:40px;}
    .product_groupware_new .section_portal .portal_slider .tit {font-size:24px;}
}

@media all and (min-width:1486px) {
    .product_groupware_new .section_tool .tool_div .tool_slider .slide_box .sub br {display:inline;}
}

@media all and (min-width:1520px) {
    .product_groupware_new .section_function .flow_box {padding:0 140px;}
    .product_groupware_new .section_function .flow_box ul {flex-direction:row; gap:64px;}
    .product_groupware_new .section_function .flow_box li {width:calc(100% / 3);}
    .product_groupware_new .section_function .flow_box .box br {display:inline;}
}

@media all and (min-width:1678px) {
    .product_groupware_new .section_value .card_list > li {position:sticky; height:715px; margin:100px 0 88px; padding:65px 100px 0; border-radius:50px; transition:0.2s ease-in;}
    .product_groupware_new .section_value .card_list > li:first-child {bottom:200px; z-index:6;}
    .product_groupware_new .section_value .card_list > li:first-child .card_tit {display:none;}
    .product_groupware_new .section_value .card_list > li:nth-child(2) {bottom:100px; z-index:5;}
    .product_groupware_new .section_value .card_list > li:nth-child(3) {bottom:0; z-index:4;}
    .product_groupware_new .section_value .card_list > li:nth-child(4) {bottom:-100px; z-index:3;}    
    .product_groupware_new .section_value .card_list > li:nth-child(5) {bottom:-200px; z-index:2;}
    .product_groupware_new .section_value .card_list > li:nth-child(6) {bottom:-300px; z-index:1;}
    .product_groupware_new .section_value .card_list > li:last-child {height:auto; padding-bottom:80px; margin-bottom:0;}
    .product_groupware_new .section_value .card_tit {display:block;}
    .product_groupware_new .section_value .card_box {flex-direction:row; align-items:flex-end; justify-content:space-between; gap:30px;}
    .product_groupware_new .section_value .card_box .info {align-items:flex-start;}
    .product_groupware_new .section_value .card_box .info .tit,
    .product_groupware_new .section_value .card_box .info .tit_sub {text-align:left;}
    .product_groupware_new .section_value .card_box .info .label {margin:0 0 20px; font-size:22px; border-radius:35px;}
    .product_groupware_new .section_value .card_box .info .tit {padding-bottom:20px;}
    .product_groupware_new .section_value .card_box .info .tit_sub {padding-bottom:30px;}
    .product_groupware_new .section_value .card_box > .info {width:calc(100% - 662px);}
    .product_groupware_new .section_value .card_box .video {width:50%;}
    .product_groupware_new .section_value .card_box .desc {gap:30px; margin-bottom:0;}
    .product_groupware_new .section_value .card_box .desc li {width:190px;}
    .product_groupware_new .section_value .card_box .desc li .card {display:block; padding:57px 10px 0;}
    .product_groupware_new .section_value .card_box .desc li .card::before {top:7px;}
    .product_groupware_new .section_security .card_list {margin-top:70px; padding:0;}
    .product_groupware_new .section_security .card_list > li {position:sticky; height:715px; margin:0 0 88px; padding:80px 150px 0; border-radius:50px;}
    .product_groupware_new .section_security .card_list > li:first-child {bottom:200px; z-index:3;}
    .product_groupware_new .section_security .card_list > li:nth-child(2) {bottom:100px;  z-index:2;}
    .product_groupware_new .section_security .card_list > li:last-child {bottom:0; z-index:1;}
    .product_groupware_new .section_security .card_box {flex-direction:row; align-items:center;}
    .product_groupware_new .section_security .card_list > li:last-child .card_box {align-items:flex-end;}
    .product_groupware_new .section_security .card_box .info {width:calc(58% - 30px); margin-right:30px;}
    .product_groupware_new .section_security .card_box .video {width:42%; text-align:center;}
    .product_groupware_new .section_security .card_box .title {margin-bottom:35px; font-size:55px; text-align:left;}
    .product_groupware_new .section_security .card_box .desc .tit {margin-bottom:20px; font-size:34px; text-align:left;}
    .product_groupware_new .section_security .card_box .desc ul {justify-content:flex-start;}
    .product_groupware_new .section_security .card_box .desc ul li {width:calc((100% - 80px) / 3); height:100%;}
    .product_groupware_new .section_security .card_tit {display:block;}
    .product_groupware_new .section_security .card_list > li:first-child .card_tit {display:none;}
}

@media all and (min-width:1826px) {
    .product_groupware_new .section_security .card_box .desc ul li br {display:inline;}
}

/* NAON LABS */
/* .product_naonlabs .section_visual {height:604px; background:linear-gradient(to bottom, #5b34ff, #973aff); background-size:cover;}
.product_naonlabs .section_visual .section_bg {position:absolute; left:0; width:100%; height:1178px; background:url(../img/sub_visual_naonlabs.png)no-repeat 0 0;}
.product_naonlabs .section_visual .svc_cont {margin-top:100px; opacity:0; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.product_naonlabs .section_visual .svc_cont img {max-width:100%; vertical-align:top;}
.product_naonlabs .section_function {margin-top:-1px; padding-top:1px; background:linear-gradient(to bottom, #973aff,  #e6d9ff, #fff 20%);}
.product_naonlabs .section_function .function_cont {position:relative; margin:0 20px; padding:0 20px; background-color:#fff; border-radius:1.5rem 1.5rem 0 0; z-index:1; overflow:hidden;}
.product_naonlabs .section_function .section_inner {max-width:1680px;}
.product_naonlabs .section_function .sec_tit h3 br {display:inline;} 
.product_naonlabs .section_function .function_div1 .hl {color:#067ff7;}
.product_naonlabs .section_function .function_div1 .naonlabs_tit {text-align:center;}
.product_naonlabs .section_function .function_div1 .naonlabs_tit img {max-width:100%; vertical-align:top;}
.product_naonlabs .section_function .function_box {display:flex; flex-direction:column; align-items:center; margin:0 auto 150px;}
.product_naonlabs .section_function .function_box .info .label {max-width:180px; padding:11px 32px; background-color:#973dff; border-radius:32px; text-align:center; font-size:22px; font-weight:bold; color:#fff;}
.product_naonlabs .section_function .function_box .info .tit {margin-top:20px; font-size:32px;}
.product_naonlabs .section_function .function_box .info .tit br {display:none;}
.product_naonlabs .section_function .function_box .desc {margin-top:20px;}
.product_naonlabs .section_function .function_box .bu_list {margin:0; padding:0 0 0 6px; list-style:none;}
.product_naonlabs .section_function .function_box .bu_list li {position:relative; padding:6px 0 6px 10px; font-size:18px;}
.product_naonlabs .section_function .function_box .bu_list li::before {content:''; position:absolute; top:16px; left:-4px; width:6px; height:6px; border-radius:3px; background-color:#000;}
.product_naonlabs .section_function .function_box .image {margin-top:30px; opacity:0;}
.product_naonlabs .section_function .function_box .image img {max-width:100%; vertical-align:top;}

@media all and (min-width:760px) {
    .product_naonlabs .section_visual .svc_cont {margin-top:0;}
    .product_naonlabs .section_function .function_cont {margin:0 40px; padding:0 40px;}
    .product_naonlabs .section_function .function_box {max-width:636px;}
    .product_naonlabs .section_function .function_box .info .tit {text-align:left; font-size:40px;}
    .product_naonlabs .section_function .function_box .info .label {max-width:210px; font-size:28px;}
    .product_naonlabs .section_function .function_box .desc {margin-top:40px;}
    .product_naonlabs .section_function .function_box .bu_list li {font-size:20px;}
}

@media all and (min-width:1280px) {
    .product_naonlabs .section_visual .location {margin-bottom:140px;}
    .product_naonlabs .section_visual .svc_cont {position:absolute; top:240px; right:120px;}
    .product_naonlabs .section_function .function_cont {margin:0 120px; padding:0 150px; border-radius:50px;}
    .product_naonlabs .section_function .function_div1 h3 {font-size:55px;}
    .product_naonlabs .section_function .function_box {flex-direction:row; align-items:flex-start; justify-content:space-between; max-width:initial;}
    .product_naonlabs .section_function .function_box .info .label {display:inline-block; max-width:initial; font-size:30px;}
    .product_naonlabs .section_function .function_box .info .tit {margin-top:20px; font-size:45px;}
    .product_naonlabs .section_function .function_box .info .tit br {display:inline;}
    .product_naonlabs .section_function .function_box .image {width:50%; margin-top:0;}
}

@media all and (min-width:1696px) {
    .product_naonlabs .section_visual .svc_cont {right:270px;}
    .product_naonlabs .section_function .function_box .info {width:calc(50% - 40px);}
}

@media all and (min-width:1800px) {
    .product_naonlabs .section_function .function_box .info {width:50%;}
} */

/* 연동버전 통합 (M365, 구글워크스페이스) */
.product_systemlink .section_visual {height:420px; background-position:60% 0; transition:0.3s;}
.product_systemlink .section_visual .svc_desc .hl {background-clip:text; background:linear-gradient(to left, #0096ff, #3affe1); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:800; text-shadow:none;}
.product_systemlink .section_visual .svc_desc br.br {display:inline;}
.product_systemlink .section_features .sec_tit {display:block; padding:110px 20px 50px;}
.product_systemlink .section_features .sec_tit img {display:block; max-width:100%; margin:auto;}
.product_systemlink .section_features .ico_ul {display:flex; flex-direction:column; margin:0; padding:0; list-style:none;}
.product_systemlink .section_features .ico_ul li {text-align:center; box-sizing:border-box;}
.product_systemlink .section_features .ico_ul .item {margin-bottom:90px; opacity:0;}
.product_systemlink .section_features .ico_ul .item .tit {margin-top:10px; font-weight:600; font-size:24px;}
.product_systemlink .section_features .ico_ul .item .icon {min-height:62px;}
.product_systemlink .section_features .ico_ul .item .icon img {max-width:100%; vertical-align:top;}
.product_systemlink .section_features .ico_ul .item .desc {margin-top:10px; font-size:16px; color:#737373;}
.product_systemlink .section_solution {background:no-repeat 0 0; background-position:50% 50%; background-size:cover; color:#fff; overflow:hidden;}
.product_systemlink .section_solution .sec_cont .tit {line-height:1.4; margin-top:-20px; padding:0 20px 50px; font-size:24px; text-align:center; font-weight:500;}
.product_systemlink .section_solution .sec_cont .tit br {display:none;}
.product_systemlink .section_solution .sec_cont .tit .hl {background-clip:text; background:linear-gradient(to left, #0096ff, #3affe1); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:900;}
.product_systemlink .section_solution .sol_inner {display:flex; flex-direction:column; position:relative; max-width:1140px; margin:0 auto; text-align:center; transition:0.8s;}
.product_systemlink .section_solution .sol_inner .sol_img {opacity:0; transition:0.2s;}
.product_systemlink .section_solution .sol_inner .sol_img img {max-width:100%; vertical-align:middle;}
.product_systemlink .section_solution .sol_inner .sol_img1,
.product_systemlink .section_solution .sol_inner .sol_img3 {margin-top:25px;}
.product_systemlink .section_solution .sol_inner .sol_img2 img {width:35px;}
.product_systemlink .section_function {overflow:hidden;}
.product_systemlink .section_function .sec_tit,
.product_systemlink .section_function .sec_desc {text-align:left;}
.product_systemlink .section_function .sec_tit {position:relative; padding:50px 20px 20px;}
.product_systemlink .section_function .sec_tit::before {content:''; top:110px; left:20px; width:101px; height:101px; background:url(../img/system_no1.png)no-repeat 0 0;}
.product_systemlink .section_function .sec_desc {margin:0; padding:0 20px;}
.product_systemlink .section_function .n2 .sec_tit::before {background-image:url(../img/system_no2.png);}
.product_systemlink .section_function .n3 .sec_tit::before {background-image:url(../img/system_no3.png);}
.product_systemlink .section_function .n4 .sec_tit::before {background-image:url(../img/system_no4.png);}
.product_systemlink .section_function .n5 .sec_tit::before {background-image:url(../img/system_no5.png);}
.product_systemlink .section_function .n6 .sec_tit::before {background-image:url(../img/system_no6.png);}
.product_systemlink .section_function .bu_list {margin:0; padding:0 0 0 5px; list-style:none;}
.product_systemlink .section_function .bu_list li {position:relative; line-height:1.4; padding:6px 0 6px 14px; font-size:18px;}
.product_systemlink .section_function .bu_list li::before {content:''; position:absolute; top:18px; left:0; width:6px; height:6px; border-radius:3px; background-color:#333;}
.product_systemlink .section_function .image_box {position:relative; display:flex; flex-direction:column; align-items:center; margin:50px 20px 20px; text-align:center;}
.product_systemlink .section_function .image_box .image {opacity:0; transition:0.2s;}
.product_systemlink .section_function .image_box .image img {display:block; max-width:100%; margin:0 auto;}
.product_systemlink .section_function .image_box .image video {max-width:100%; border-radius:8px; vertical-align:top;}
.product_systemlink .section_function .image_box .arr {margin:0 0 20px 0; rotate:90deg; opacity:0; transition:0.2s;}
.product_systemlink .section_function .image_box .sso {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); opacity:0; transition:0.2s; z-index:2;}
.product_systemlink .section_function .image_box .sso img {max-width:100%; vertical-align:top;}
.product_systemlink .section_function .image_box .sso_gs {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); opacity:0; transition:0.2s; z-index:2;}
.product_systemlink .section_function .image_box .sso_gs img {max-width:100%; vertical-align:top;}
.product_m365 .section_visual {background-image:url(../img/sub_visual_m365.png);}
.product_m365 .section_solution {background-image:url(../img/m365_bg.jpg);}
.product_m365 .section_function .n1 .image_box {flex-direction:column-reverse;}
.product_m365 .section_function .n1 .image_box .image img {margin:0 auto 5px;}
.product_m365 .section_function .n1 .image_box .image video {border-radius:8px;}
.product_m365 .section_function .n1 .image_box .image:first-child {margin-top:50px;}
.product_m365 .section_function .n2 .image_box .image:last-child {margin-top:50px;}
.product_m365 .section_function .n3 .image_box {flex-direction:column-reverse;}
.product_m365 .section_function .n3 .image_box .image:first-child {margin-top:50px;}
.product_m365 .section_function .n4 .image_box {flex-direction:column-reverse;}
.product_m365 .section_function .n4 .image_box .image:first-child {margin-top:50px;}
.product_m365 .section_function .n6 .image_box .image:first-child {margin-bottom:50px;}
.product_googlespaces .section_visual {background-image:url(../img/sub_visual_googlespaces.png);}
.product_googlespaces .section_solution {background-image:url(../img/googlespaces_bg.png);}
.product_googlespaces .section_function .n1 .image_box {flex-direction:column-reverse;}
.product_googlespaces .section_function .n1 .image_box .image img {margin:0 auto;}
.product_googlespaces .section_function .n1 .image_box .image:nth-child(2) img {margin:14px auto 0;}
.product_googlespaces .section_function .n1 .image_box .image:first-child {margin-top:50px;}
.product_googlespaces .section_function .n2 .image_box {gap:50px;}
.product_googlespaces .section_function .n2 .image_box .image video {width:100%; max-width:664px;}
.product_googlespaces .section_function .n3 .image_box .image:first-child {margin-bottom:50px;}
.product_googlespaces .section_function .n3 .image_box .image:nth-child(2) img:first-child {margin:20px auto;}
.product_googlespaces .section_function .n3 .image_box .image:nth-child(2) img:last-child {margin:14px auto 0;}
.product_googlespaces .section_function .n4 .image_box {gap:50px;}
.product_googlespaces .section_function .n4 .image_box .image:first-child img,
.product_googlespaces .section_function .n4 .image_box .image:last-child img {margin:14px auto 0;}

@media all and (min-width:760px) {
    .product_systemlink .section_visual {height:390px;}
    .product_systemlink .section_visual .svc_tit br {display:none;}
    .product_systemlink .section_visual .svc_desc br {display:none;}
    .product_systemlink .section_features .ico_ul {flex-direction:row; flex-wrap:wrap; justify-content:center;}
    .product_systemlink .section_features .ico_ul li {width:calc(100% / 2);}
    .product_systemlink .section_solution .sec_cont .tit br {display:inline;}
    .product_systemlink .section_function .sec_tit {padding:50px 40px 40px;}
    .product_systemlink .section_function .sec_desc {margin:0; padding:0 40px;}
    .product_systemlink .section_function .image_box {margin:50px 40px 0;}
}

@media all and (min-width:1280px) {
    .product_systemlink .section_visual {height:504px; background-position:50% 0;}
    .product_systemlink .section_visual .svc_desc {font-size:22px;}
    .product_systemlink .section_features .sec_tit img {display:inline;}
    .product_systemlink .section_features .sec_cont {padding:70px 20px;}
    .product_systemlink .section_features .ico_ul li {width:calc(100% / 3);}
    .product_systemlink .section_solution .sec_tit h3 br {display:none;}
    .product_systemlink .section_solution .sec_cont .tit {font-size:26px;}
    .product_systemlink .section_solution .sol_inner {min-width:1280px; align-items:center; flex-direction:row;}
    .product_systemlink .section_solution .sol_inner .sol_img2 img {width:55px;}
    .product_systemlink .section_solution .sol_inner .sol_img1, 
    .product_systemlink .section_solution .sol_inner .sol_img3 {margin-top:0;}
    .product_systemlink .section_function .sec_tit {padding:100px 40px 40px 130px;}
    .product_systemlink .section_function .sec_tit::before {position:absolute;}
    .product_systemlink .section_function .sec_desc {padding:0 40px 90px;}
    .product_systemlink .section_function .bu_list {padding:0 25px 0 98px;}
    .product_systemlink .section_function .image_box {flex-direction:row; justify-content:space-between; margin:0 40px;}
    .product_systemlink .section_function .image_box .arr {margin:0 18px; rotate:0deg;}
    .product_systemlink .section_function .image_box .sso {top:65%;}
    .product_systemlink .section_function .image_box .sso_gs {top:68%;}
    .product_m365 .section_function .n1 .image_box {flex-direction:row;}
    .product_m365 .section_function .n1 .image_box .image:first-child {margin-top:0; margin-left:100px;}
    .product_m365 .section_function .n2 .image_box .image:last-child {margin-top:0;}
    .product_m365 .section_function .n3 .image_box {flex-direction:row;}
    .product_m365 .section_function .n3 .image_box .image:first-child {margin-top:0; margin-left:100px;}
    .product_m365 .section_function .n4 .image_box {flex-direction:row;}
    .product_m365 .section_function .n4 .image_box .image:first-child {margin-top:0;}
    .product_m365 .section_function .n6 .image_box .image:first-child {margin-bottom:0; margin-right:25px;}
    .product_m365 .section_function .n6 .image_box .image:last-child {margin-left:25px;}
    .product_googlespaces .section_function .sec_tit h3 {height:117px; line-height:117px;}
    .product_googlespaces .section_function .n1 .image_box {flex-direction:row;}
    .product_googlespaces .section_function .n1 .image_box .image:first-child {margin-top:0; margin-left:100px;}
    .product_googlespaces .section_function .n3 .image_box .image:first-child {margin-bottom:0; margin-left:100px;}
    .product_googlespaces .section_function .n3 .image_box .image:nth-child(2) img:first-child {margin:0 auto 10px;}
}